@syncfusion/ej2-dropdowns 27.2.4 → 28.1.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (223) hide show
  1. package/README.md +2 -2
  2. package/dist/ej2-dropdowns.min.js +3 -3
  3. package/dist/ej2-dropdowns.umd.min.js +3 -3
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +507 -39
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +506 -37
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +3 -3
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +2 -2
  12. package/package.json +13 -13
  13. package/src/auto-complete/auto-complete.js +5 -2
  14. package/src/combo-box/combo-box.js +1 -1
  15. package/src/common/incremental-search.d.ts +1 -1
  16. package/src/common/incremental-search.js +5 -1
  17. package/src/common/virtual-scroll.js +2 -1
  18. package/src/drop-down-base/drop-down-base.js +21 -3
  19. package/src/drop-down-list/drop-down-list-model.d.ts +31 -0
  20. package/src/drop-down-list/drop-down-list.d.ts +44 -1
  21. package/src/drop-down-list/drop-down-list.js +202 -13
  22. package/src/drop-down-tree/drop-down-tree.js +4 -1
  23. package/src/list-box/list-box.d.ts +4 -0
  24. package/src/list-box/list-box.js +9 -4
  25. package/src/mention/mention.js +6 -1
  26. package/src/multi-select/multi-select-model.d.ts +31 -0
  27. package/src/multi-select/multi-select.d.ts +45 -0
  28. package/src/multi-select/multi-select.js +251 -10
  29. package/styles/auto-complete/_tailwind3-definition.scss +2 -0
  30. package/styles/auto-complete/bds.css +75 -0
  31. package/styles/auto-complete/bds.scss +4 -0
  32. package/styles/auto-complete/highcontrast.css +1 -1
  33. package/styles/auto-complete/tailwind3.css +101 -0
  34. package/styles/auto-complete/tailwind3.scss +4 -0
  35. package/styles/bds-lite.css +3013 -0
  36. package/styles/bds-lite.scss +28 -0
  37. package/styles/bds.css +3855 -0
  38. package/styles/bds.scss +33 -0
  39. package/styles/bootstrap-dark-lite.css +41 -2
  40. package/styles/bootstrap-dark.css +41 -2
  41. package/styles/bootstrap-lite.css +30 -1
  42. package/styles/bootstrap.css +30 -1
  43. package/styles/bootstrap4-lite.css +30 -0
  44. package/styles/bootstrap4.css +30 -0
  45. package/styles/bootstrap5-dark-lite.css +30 -0
  46. package/styles/bootstrap5-dark.css +30 -0
  47. package/styles/bootstrap5-lite.css +30 -0
  48. package/styles/bootstrap5.3-lite.css +30 -3
  49. package/styles/bootstrap5.3.css +30 -3
  50. package/styles/bootstrap5.css +30 -0
  51. package/styles/combo-box/_tailwind3-definition.scss +2 -0
  52. package/styles/combo-box/bds.css +75 -0
  53. package/styles/combo-box/bds.scss +4 -0
  54. package/styles/combo-box/highcontrast.css +1 -1
  55. package/styles/combo-box/tailwind3.css +101 -0
  56. package/styles/combo-box/tailwind3.scss +4 -0
  57. package/styles/drop-down-base/_bigger.scss +3 -0
  58. package/styles/drop-down-base/_layout.scss +7 -0
  59. package/styles/drop-down-base/_tailwind3-definition.scss +98 -0
  60. package/styles/drop-down-base/bds.css +496 -0
  61. package/styles/drop-down-base/bds.scss +4 -0
  62. package/styles/drop-down-base/bootstrap-dark.css +4 -0
  63. package/styles/drop-down-base/bootstrap.css +4 -0
  64. package/styles/drop-down-base/bootstrap4.css +4 -0
  65. package/styles/drop-down-base/bootstrap5-dark.css +4 -0
  66. package/styles/drop-down-base/bootstrap5.3.css +4 -0
  67. package/styles/drop-down-base/bootstrap5.css +4 -0
  68. package/styles/drop-down-base/fabric-dark.css +4 -0
  69. package/styles/drop-down-base/fabric.css +4 -0
  70. package/styles/drop-down-base/fluent-dark.css +4 -0
  71. package/styles/drop-down-base/fluent.css +4 -0
  72. package/styles/drop-down-base/fluent2.css +9 -5
  73. package/styles/drop-down-base/highcontrast-light.css +4 -0
  74. package/styles/drop-down-base/highcontrast.css +4 -0
  75. package/styles/drop-down-base/material-dark.css +4 -0
  76. package/styles/drop-down-base/material.css +4 -0
  77. package/styles/drop-down-base/material3-dark.css +4 -0
  78. package/styles/drop-down-base/material3.css +4 -0
  79. package/styles/drop-down-base/tailwind-dark.css +4 -0
  80. package/styles/drop-down-base/tailwind.css +4 -0
  81. package/styles/drop-down-base/tailwind3.css +392 -0
  82. package/styles/drop-down-base/tailwind3.scss +4 -0
  83. package/styles/drop-down-list/_highcontrast-definition.scss +1 -1
  84. package/styles/drop-down-list/_layout.scss +18 -2
  85. package/styles/drop-down-list/_tailwind3-definition.scss +135 -0
  86. package/styles/drop-down-list/_theme.scss +3 -1
  87. package/styles/drop-down-list/bds.css +609 -0
  88. package/styles/drop-down-list/bds.scss +10 -0
  89. package/styles/drop-down-list/bootstrap-dark.css +18 -1
  90. package/styles/drop-down-list/bootstrap.css +13 -1
  91. package/styles/drop-down-list/bootstrap4.css +13 -0
  92. package/styles/drop-down-list/bootstrap5-dark.css +13 -0
  93. package/styles/drop-down-list/bootstrap5.3.css +13 -0
  94. package/styles/drop-down-list/bootstrap5.css +13 -0
  95. package/styles/drop-down-list/fabric-dark.css +18 -1
  96. package/styles/drop-down-list/fabric.css +13 -1
  97. package/styles/drop-down-list/fluent-dark.css +13 -1
  98. package/styles/drop-down-list/fluent.css +13 -1
  99. package/styles/drop-down-list/fluent2.css +13 -1
  100. package/styles/drop-down-list/highcontrast-light.css +9 -1
  101. package/styles/drop-down-list/highcontrast.css +19 -1
  102. package/styles/drop-down-list/icons/_bootstrap-dark.scss +4 -0
  103. package/styles/drop-down-list/icons/_bootstrap.scss +4 -0
  104. package/styles/drop-down-list/icons/_bootstrap4.scss +4 -0
  105. package/styles/drop-down-list/icons/_bootstrap5.3.scss +4 -0
  106. package/styles/drop-down-list/icons/_bootstrap5.scss +4 -0
  107. package/styles/drop-down-list/icons/_fabric-dark.scss +4 -0
  108. package/styles/drop-down-list/icons/_fabric.scss +4 -0
  109. package/styles/drop-down-list/icons/_fluent.scss +4 -0
  110. package/styles/drop-down-list/icons/_fluent2.scss +4 -0
  111. package/styles/drop-down-list/icons/_highcontrast.scss +4 -0
  112. package/styles/drop-down-list/icons/_material-dark.scss +4 -0
  113. package/styles/drop-down-list/icons/_material.scss +4 -0
  114. package/styles/drop-down-list/icons/_material3.scss +4 -0
  115. package/styles/drop-down-list/icons/_tailwind.scss +4 -0
  116. package/styles/drop-down-list/icons/_tailwind3.scss +14 -0
  117. package/styles/drop-down-list/material-dark.css +18 -1
  118. package/styles/drop-down-list/material.css +13 -1
  119. package/styles/drop-down-list/material3-dark.css +13 -1
  120. package/styles/drop-down-list/material3.css +13 -1
  121. package/styles/drop-down-list/tailwind-dark.css +13 -1
  122. package/styles/drop-down-list/tailwind.css +13 -1
  123. package/styles/drop-down-list/tailwind3.css +455 -0
  124. package/styles/drop-down-list/tailwind3.scss +10 -0
  125. package/styles/drop-down-tree/_bigger.scss +41 -7
  126. package/styles/drop-down-tree/_layout.scss +34 -10
  127. package/styles/drop-down-tree/_tailwind3-definition.scss +67 -0
  128. package/styles/drop-down-tree/_theme.scss +3 -3
  129. package/styles/drop-down-tree/bds.css +712 -0
  130. package/styles/drop-down-tree/bds.scss +10 -0
  131. package/styles/drop-down-tree/bootstrap5.3.css +0 -3
  132. package/styles/drop-down-tree/icons/_tailwind3.scss +11 -0
  133. package/styles/drop-down-tree/tailwind3.css +512 -0
  134. package/styles/drop-down-tree/tailwind3.scss +10 -0
  135. package/styles/fabric-dark-lite.css +40 -1
  136. package/styles/fabric-dark.css +40 -1
  137. package/styles/fabric-lite.css +30 -1
  138. package/styles/fabric.css +30 -1
  139. package/styles/fluent-dark-lite.css +30 -1
  140. package/styles/fluent-dark.css +30 -1
  141. package/styles/fluent-lite.css +30 -1
  142. package/styles/fluent.css +30 -1
  143. package/styles/fluent2-lite.css +45 -12
  144. package/styles/fluent2.css +45 -12
  145. package/styles/highcontrast-light-lite.css +22 -1
  146. package/styles/highcontrast-light.css +22 -1
  147. package/styles/highcontrast-lite.css +41 -1
  148. package/styles/highcontrast.css +41 -1
  149. package/styles/list-box/_bigger.scss +18 -1
  150. package/styles/list-box/_layout.scss +29 -3
  151. package/styles/list-box/_tailwind3-definition.scss +123 -0
  152. package/styles/list-box/_theme.scss +11 -0
  153. package/styles/list-box/bds.css +971 -0
  154. package/styles/list-box/bds.scss +6 -0
  155. package/styles/list-box/fluent2.css +1 -1
  156. package/styles/list-box/icons/_tailwind3.scss +25 -0
  157. package/styles/list-box/tailwind3.css +991 -0
  158. package/styles/list-box/tailwind3.scss +6 -0
  159. package/styles/material-dark-lite.css +40 -1
  160. package/styles/material-dark.css +40 -1
  161. package/styles/material-lite.css +30 -1
  162. package/styles/material.css +30 -1
  163. package/styles/material3-dark-lite.css +36 -9
  164. package/styles/material3-dark.css +36 -9
  165. package/styles/material3-lite.css +36 -9
  166. package/styles/material3.css +36 -9
  167. package/styles/mention/_tailwind3-definition.scss +1 -0
  168. package/styles/mention/bds.css +78 -0
  169. package/styles/mention/bds.scss +6 -0
  170. package/styles/mention/tailwind3.css +67 -0
  171. package/styles/mention/tailwind3.scss +6 -0
  172. package/styles/multi-select/_bigger.scss +2 -2
  173. package/styles/multi-select/_bootstrap-dark-definition.scss +1 -1
  174. package/styles/multi-select/_layout.scss +27 -2
  175. package/styles/multi-select/_material3-definition.scss +2 -2
  176. package/styles/multi-select/_tailwind3-definition.scss +227 -0
  177. package/styles/multi-select/_theme.scss +1 -1
  178. package/styles/multi-select/bds.css +1575 -0
  179. package/styles/multi-select/bds.scss +10 -0
  180. package/styles/multi-select/bootstrap-dark.css +19 -1
  181. package/styles/multi-select/bootstrap.css +13 -0
  182. package/styles/multi-select/bootstrap4.css +13 -0
  183. package/styles/multi-select/bootstrap5-dark.css +13 -0
  184. package/styles/multi-select/bootstrap5.3.css +13 -0
  185. package/styles/multi-select/bootstrap5.css +13 -0
  186. package/styles/multi-select/fabric-dark.css +18 -0
  187. package/styles/multi-select/fabric.css +13 -0
  188. package/styles/multi-select/fluent-dark.css +13 -0
  189. package/styles/multi-select/fluent.css +13 -0
  190. package/styles/multi-select/fluent2.css +22 -5
  191. package/styles/multi-select/highcontrast-light.css +9 -0
  192. package/styles/multi-select/highcontrast.css +18 -0
  193. package/styles/multi-select/icons/_bootstrap-dark.scss +4 -0
  194. package/styles/multi-select/icons/_bootstrap.scss +4 -0
  195. package/styles/multi-select/icons/_bootstrap4.scss +4 -0
  196. package/styles/multi-select/icons/_bootstrap5.3.scss +4 -0
  197. package/styles/multi-select/icons/_bootstrap5.scss +4 -0
  198. package/styles/multi-select/icons/_fabric-dark.scss +4 -0
  199. package/styles/multi-select/icons/_fabric.scss +4 -0
  200. package/styles/multi-select/icons/_fluent.scss +4 -0
  201. package/styles/multi-select/icons/_fluent2.scss +4 -0
  202. package/styles/multi-select/icons/_highcontrast.scss +4 -0
  203. package/styles/multi-select/icons/_material-dark.scss +4 -0
  204. package/styles/multi-select/icons/_material.scss +4 -0
  205. package/styles/multi-select/icons/_material3.scss +4 -0
  206. package/styles/multi-select/icons/_tailwind.scss +4 -0
  207. package/styles/multi-select/icons/_tailwind3.scss +26 -0
  208. package/styles/multi-select/material-dark.css +18 -0
  209. package/styles/multi-select/material.css +13 -0
  210. package/styles/multi-select/material3-dark.css +19 -8
  211. package/styles/multi-select/material3.css +19 -8
  212. package/styles/multi-select/tailwind-dark.css +13 -0
  213. package/styles/multi-select/tailwind.css +13 -0
  214. package/styles/multi-select/tailwind3.css +1398 -0
  215. package/styles/multi-select/tailwind3.scss +10 -0
  216. package/styles/tailwind-dark-lite.css +30 -1
  217. package/styles/tailwind-dark.css +30 -1
  218. package/styles/tailwind-lite.css +30 -1
  219. package/styles/tailwind.css +30 -1
  220. package/styles/tailwind3-lite.css +2889 -0
  221. package/styles/tailwind3-lite.scss +28 -0
  222. package/styles/tailwind3.css +3550 -0
  223. package/styles/tailwind3.scss +33 -0
package/styles/bds.css ADDED
@@ -0,0 +1,3855 @@
1
+
2
+
3
+
4
+
5
+ .e-dropdownbase .e-list-item.e-active,
6
+ .e-dropdownbase .e-list-item.e-active.e-hover {
7
+ font-weight: 500;
8
+ }
9
+
10
+ .e-dropdownbase .e-list-group-item,
11
+ .e-fixed-head {
12
+ font-size: 12px;
13
+ text-transform: uppercase;
14
+ }
15
+
16
+ .e-small .e-dropdownbase .e-list-group-item,
17
+ .e-small .e-fixed-head,
18
+ .e-small.e-dropdownbase .e-list-group-item,
19
+ .e-small.e-fixed-head {
20
+ font-size: 10px;
21
+ }
22
+
23
+ .e-dropdownbase .e-list-item .e-list-icon {
24
+ padding: 0 8px 0 0;
25
+ }
26
+
27
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
28
+ padding: 0 4px 0 0;
29
+ }
30
+
31
+ /* stylelint-disable */
32
+ .e-dropdownbase .e-list-item {
33
+ border-radius: 6px !important;
34
+ }
35
+
36
+ .e-dropdownbase {
37
+ display: block;
38
+ height: 100%;
39
+ min-height: 36px;
40
+ position: relative;
41
+ width: 100%;
42
+ }
43
+ .e-dropdownbase .e-list-parent {
44
+ margin: 0;
45
+ padding: 0;
46
+ }
47
+
48
+ .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
49
+ cursor: default;
50
+ }
51
+
52
+ .e-dropdownbase .e-list-item {
53
+ cursor: pointer;
54
+ overflow: hidden;
55
+ position: relative;
56
+ text-overflow: ellipsis;
57
+ vertical-align: middle;
58
+ white-space: nowrap;
59
+ width: 100%;
60
+ }
61
+
62
+ .e-dropdownbase .e-list-item .e-list-icon {
63
+ font-size: 16px;
64
+ vertical-align: middle;
65
+ }
66
+
67
+ .e-dropdownbase .e-fixed-head {
68
+ position: absolute;
69
+ top: 0;
70
+ }
71
+
72
+ .e-dropdownbase.e-content {
73
+ overflow: auto;
74
+ position: relative;
75
+ }
76
+
77
+ .e-popup.e-ddl .e-dropdownbase.e-nodata,
78
+ .e-popup.e-mention .e-dropdownbase.e-nodata {
79
+ color: var(--color-sf-text-primary);
80
+ cursor: default;
81
+ font-family: "Inter";
82
+ font-size: 14px;
83
+ padding: 14px 16px;
84
+ text-align: center;
85
+ }
86
+
87
+ .e-mention.e-popup {
88
+ background: var(--color-sf-bg-primary);
89
+ border: 0;
90
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
91
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
92
+ margin-top: 2px;
93
+ position: absolute;
94
+ }
95
+
96
+ .e-mention.e-popup .e-dropdownbase {
97
+ min-height: 32px;
98
+ }
99
+
100
+ .e-mention .e-dropdownbase .e-list-item .e-highlight {
101
+ display: inline;
102
+ font-weight: bold;
103
+ vertical-align: baseline;
104
+ }
105
+
106
+ .e-mention .e-mention-chip,
107
+ .e-mention .e-mention-chip:hover {
108
+ background: var(--color-sf-bg-secondary);
109
+ border-radius: 2px;
110
+ border: none;
111
+ color: var(--color-sf-brand-primary);
112
+ cursor: default;
113
+ }
114
+
115
+ .e-mention.e-editable-element {
116
+ border: 2px solid var(--color-sf-border-secondary);
117
+ height: auto;
118
+ min-height: 120px;
119
+ width: 100%;
120
+ }
121
+
122
+ .e-form-mirror-div {
123
+ white-space: pre-wrap;
124
+ }
125
+
126
+ .e-small.e-ddl .e-dropdownbase.e-nodata,
127
+ .e-small .e-ddl .e-dropdownbase.e-nodata {
128
+ font-size: 12px;
129
+ }
130
+
131
+ .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
132
+ padding-right: 12px;
133
+ }
134
+
135
+ .e-dropdownbase.e-dd-group .e-list-item {
136
+ padding-left: 12px;
137
+ text-indent: 0;
138
+ }
139
+
140
+ .e-small .e-dropdownbase.e-dd-group .e-list-item {
141
+ padding-left: 8px;
142
+ text-indent: 0;
143
+ }
144
+
145
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
146
+ text-indent: 0;
147
+ }
148
+
149
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
150
+ cursor: pointer;
151
+ font-weight: normal;
152
+ overflow: hidden;
153
+ position: relative;
154
+ text-overflow: ellipsis;
155
+ vertical-align: middle;
156
+ white-space: nowrap;
157
+ width: 100%;
158
+ font-weight: 500;
159
+ }
160
+
161
+ .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
162
+ padding-right: 12px;
163
+ }
164
+
165
+ .e-rtl .e-dropdownbase .e-list-item {
166
+ padding-left: 16px;
167
+ padding-right: 0;
168
+ }
169
+ .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
170
+ padding-right: 12px;
171
+ }
172
+ .e-rtl .e-dropdownbase .e-list-group-item, .e-rtl .e-dropdownbase .e-fixed-head {
173
+ padding-right: 12px;
174
+ }
175
+
176
+ .e-small.e-rtl .e-dropdownbase .e-list-item,
177
+ .e-small .e-rtl .e-dropdownbase .e-list-item,
178
+ .e-rtl .e-small .e-dropdownbase .e-list-item {
179
+ padding-left: 16px;
180
+ padding-right: 0;
181
+ }
182
+ .e-small.e-rtl .e-dropdownbase.e-dd-group .e-list-item,
183
+ .e-small .e-rtl .e-dropdownbase.e-dd-group .e-list-item,
184
+ .e-rtl .e-small .e-dropdownbase.e-dd-group .e-list-item {
185
+ padding-right: 8px;
186
+ }
187
+ .e-small.e-rtl .e-dropdownbase .e-list-group-item, .e-small.e-rtl .e-dropdownbase .e-fixed-head,
188
+ .e-small .e-rtl .e-dropdownbase .e-list-group-item,
189
+ .e-small .e-rtl .e-dropdownbase .e-fixed-head,
190
+ .e-rtl .e-small .e-dropdownbase .e-list-group-item,
191
+ .e-rtl .e-small .e-dropdownbase .e-fixed-head {
192
+ padding-right: 8px;
193
+ }
194
+
195
+ .e-dropdownbase {
196
+ border-color: var(--color-sf-border-secondary);
197
+ }
198
+ .e-dropdownbase .e-list-item {
199
+ /* stylelint-disable property-no-vendor-prefix */
200
+ -webkit-tap-highlight-color: transparent;
201
+ border-bottom: 0;
202
+ border-color: var(--color-sf-border-secondary);
203
+ color: var(--color-sf-text-primary);
204
+ font-family: "Inter";
205
+ font-size: 14px;
206
+ line-height: 32px;
207
+ min-height: 32px;
208
+ padding-right: 16px;
209
+ text-indent: 12px;
210
+ background-color: var(--color-sf-bg-primary-alt);
211
+ }
212
+
213
+ .e-dropdownbase .e-list-group-item,
214
+ .e-fixed-head {
215
+ border-color: var(--color-sf-border-secondary);
216
+ color: var(--color-sf-text-tertiary);
217
+ font-family: "Inter";
218
+ font-size: 12px;
219
+ font-weight: 500;
220
+ line-height: 32px;
221
+ min-height: 32px;
222
+ padding-left: 12px;
223
+ padding-right: 16px;
224
+ overflow: hidden;
225
+ text-overflow: ellipsis;
226
+ background-color: var(--color-sf-bg-primary-alt);
227
+ }
228
+
229
+ .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
230
+ background-color: var(--color-sf-bg-secondary);
231
+ border-color: var(--color-sf-bg-primary);
232
+ color: var(--color-sf-text-primary);
233
+ }
234
+
235
+ .e-dropdownbase .e-list-item.e-hover {
236
+ background-color: var(--color-sf-bg-secondary-hover);
237
+ border-color: var(--color-sf-bg-primary);
238
+ color: var(--color-sf-text-secondary-hover);
239
+ }
240
+
241
+ .e-dropdownbase .e-list-item:last-child {
242
+ border-bottom: 0;
243
+ }
244
+
245
+ .e-dropdownbase .e-list-item.e-item-focus {
246
+ background-color: var(--color-sf-bg-secondary-hover);
247
+ }
248
+
249
+ .e-multi-column.e-ddl.e-popup.e-popup-open table {
250
+ border-collapse: collapse;
251
+ table-layout: fixed;
252
+ width: 100%;
253
+ }
254
+
255
+ .e-multi-column.e-ddl.e-popup.e-popup-open th,
256
+ .e-multi-column.e-ddl.e-popup.e-popup-open td {
257
+ display: table-cell;
258
+ overflow: hidden;
259
+ padding-right: 16px;
260
+ text-indent: 10px;
261
+ text-overflow: ellipsis;
262
+ }
263
+
264
+ .e-multi-column.e-ddl.e-popup.e-popup-open th {
265
+ line-height: 36px;
266
+ text-align: left;
267
+ }
268
+
269
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header {
270
+ background-color: var(--color-sf-bg-primary-alt);
271
+ border-color: var(--color-sf-border-secondary);
272
+ border-style: solid;
273
+ border-width: 0 0 1px 0;
274
+ color: var(--color-sf-text-tertiary);
275
+ font-family: "Inter";
276
+ font-size: 14px;
277
+ font-weight: 500;
278
+ text-indent: 10px;
279
+ }
280
+
281
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-dropdownbase .e-list-item {
282
+ padding-right: 0;
283
+ }
284
+
285
+ .e-multi-column.e-ddl.e-popup.e-popup-open.e-scroller .e-ddl-header {
286
+ padding-right: 16px;
287
+ }
288
+
289
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header,
290
+ .e-multi-column.e-ddl.e-popup.e-popup-open.e-ddl-device .e-ddl-header {
291
+ padding-right: 0;
292
+ }
293
+
294
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-center {
295
+ text-align: center;
296
+ }
297
+
298
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-right {
299
+ text-align: right;
300
+ }
301
+
302
+ .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-left {
303
+ text-align: left;
304
+ }
305
+
306
+ .e-small .e-dropdownbase .e-list-item,
307
+ .e-dropdownbase.e-small .e-list-item {
308
+ color: var(--color-sf-text-primary);
309
+ line-height: 28px;
310
+ min-height: 28px;
311
+ text-indent: 8px;
312
+ }
313
+
314
+ .e-small .e-dropdownbase .e-list-group-item, .e-small .e-dropdownbase .e-fixed-head,
315
+ .e-dropdownbase.e-small .e-list-group-item,
316
+ .e-dropdownbase.e-small .e-fixed-head {
317
+ font-size: 10px;
318
+ line-height: 28px;
319
+ min-height: 28px;
320
+ padding-left: 8px;
321
+ }
322
+
323
+ .e-small .e-dropdownbase .e-list-item .e-list-icon,
324
+ .e-dropdownbase.e-small .e-list-item .e-list-icon {
325
+ font-size: 14px;
326
+ }
327
+
328
+ .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
329
+ background-color: var(--color-sf-bg-primary-alt);
330
+ border-bottom: 0;
331
+ border-color: var(--color-sf-border-secondary);
332
+ color: var(--color-sf-text-primary);
333
+ font-family: "Inter";
334
+ text-indent: 12px;
335
+ color: var(--color-sf-text-tertiary);
336
+ }
337
+
338
+ .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
339
+ background-color: var(--color-sf-bg-secondary-hover);
340
+ }
341
+
342
+ .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active,
343
+ .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover {
344
+ background-color: var(--color-sf-bg-secondary);
345
+ border-color: var(--color-sf-bg-primary);
346
+ color: var(--color-sf-text-primary);
347
+ }
348
+
349
+ .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover {
350
+ background-color: var(--color-sf-bg-secondary-hover);
351
+ border-color: var(--color-sf-bg-primary);
352
+ color: var(--color-sf-text-secondary-hover);
353
+ }
354
+
355
+ .e-dropdownbase .e-list-item .e-list-icon {
356
+ color: var(--color-sf-fg-secondary);
357
+ }
358
+
359
+ .e-selectall-parent.e-item-focus {
360
+ background-color: var(--color-sf-bg-secondary-hover);
361
+ }
362
+
363
+ .e-bigger .e-dropdownbase,
364
+ .e-dropdownbase.e-bigger {
365
+ min-height: 45px;
366
+ }
367
+ .e-bigger .e-dropdownbase .e-list-item,
368
+ .e-dropdownbase.e-bigger .e-list-item {
369
+ line-height: 40px;
370
+ text-indent: 16px;
371
+ }
372
+
373
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
374
+ .e-dropdownbase.e-bigger .e-list-group-item,
375
+ .e-dropdownbase.e-bigger .e-fixed-head {
376
+ line-height: 40px;
377
+ }
378
+
379
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
380
+ .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
381
+ font-size: 20px;
382
+ }
383
+
384
+ .e-bigger.e-ddl .e-dropdownbase.e-nodata,
385
+ .e-bigger .e-ddl .e-dropdownbase.e-nodata {
386
+ font-size: 16px;
387
+ }
388
+
389
+ .e-bigger.e-small.e-ddl .e-dropdownbase.e-nodata,
390
+ .e-bigger.e-small .e-ddl .e-dropdownbase.e-nodata {
391
+ font-size: 14px;
392
+ }
393
+
394
+ .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
395
+ padding-left: 16px;
396
+ text-indent: 0;
397
+ }
398
+
399
+ .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
400
+ padding-left: 14px;
401
+ text-indent: 0;
402
+ }
403
+
404
+ .e-bigger.e-rtl .e-dropdownbase .e-list-group-item, .e-bigger.e-rtl .e-dropdownbase .e-fixed-head,
405
+ .e-bigger .e-rtl .e-dropdownbase .e-list-group-item,
406
+ .e-bigger .e-rtl .e-dropdownbase .e-fixed-head,
407
+ .e-rtl .e-bigger .e-dropdownbase .e-list-group-item,
408
+ .e-rtl .e-bigger .e-dropdownbase .e-fixed-head {
409
+ padding-right: 16px;
410
+ }
411
+ .e-bigger.e-rtl .e-dropdownbase.e-dd-group .e-list-item,
412
+ .e-bigger .e-rtl .e-dropdownbase.e-dd-group .e-list-item,
413
+ .e-rtl .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
414
+ padding-right: 16px;
415
+ }
416
+
417
+ .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
418
+ .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
419
+ .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
420
+ .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
421
+ .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
422
+ padding-left: 16px;
423
+ padding-right: 0;
424
+ }
425
+ .e-small.e-bigger.e-rtl .e-dropdownbase.e-dd-group .e-list-item,
426
+ .e-small.e-bigger .e-rtl .e-dropdownbase.e-dd-group .e-list-item,
427
+ .e-rtl .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item,
428
+ .e-small .e-rtl.e-bigger .e-dropdownbase.e-dd-group .e-list-item,
429
+ .e-bigger .e-rtl.e-small .e-dropdownbase.e-dd-group .e-list-item {
430
+ padding-right: 14px;
431
+ }
432
+ .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-group-item, .e-small.e-bigger.e-rtl .e-dropdownbase .e-fixed-head,
433
+ .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-group-item,
434
+ .e-small.e-bigger .e-rtl .e-dropdownbase .e-fixed-head,
435
+ .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-group-item,
436
+ .e-rtl .e-small.e-bigger .e-dropdownbase .e-fixed-head,
437
+ .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-group-item,
438
+ .e-small .e-rtl.e-bigger .e-dropdownbase .e-fixed-head,
439
+ .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-group-item,
440
+ .e-bigger .e-rtl.e-small .e-dropdownbase .e-fixed-head {
441
+ padding-right: 14px;
442
+ }
443
+
444
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
445
+ font-size: 14px;
446
+ padding-left: 16px;
447
+ }
448
+
449
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
450
+ .e-dropdownbase.e-bigger.e-small .e-list-group-item,
451
+ .e-dropdownbase.e-bigger.e-small .e-fixed-head {
452
+ font-size: 12px;
453
+ }
454
+
455
+ .e-bigger.e-small .e-dropdownbase .e-list-item,
456
+ .e-dropdownbase.e-small.e-bigger .e-list-item {
457
+ color: var(--color-sf-text-primary);
458
+ line-height: 36px;
459
+ min-height: 36px;
460
+ text-indent: 14px;
461
+ }
462
+
463
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
464
+ .e-dropdownbase.e-small.e-bigger .e-list-group-item,
465
+ .e-dropdownbase.e-small.e-bigger .e-fixed-head {
466
+ line-height: 36px;
467
+ min-height: 36px;
468
+ padding-left: 14px;
469
+ }
470
+
471
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
472
+ .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
473
+ font-size: 18px;
474
+ }
475
+
476
+ .e-bigger .e-dropdownbase .e-list-group-item,
477
+ .e-bigger .e-fixed-head,
478
+ .e-bigger.e-dropdownbase .e-list-group-item,
479
+ .e-bigger.e-fixed-head {
480
+ font-size: 14px;
481
+ }
482
+
483
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item,
484
+ .e-bigger.e-small .e-fixed-head,
485
+ .e-bigger.e-small.e-dropdownbase .e-list-group-item,
486
+ .e-bigger.e-small.e-fixed-head {
487
+ font-size: 12px;
488
+ }
489
+
490
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
491
+ padding: 0 12px 0 0;
492
+ }
493
+
494
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
495
+ padding: 0 8px 0 0;
496
+ }
497
+
498
+ /* stylelint-disable property-no-vendor-prefix */
499
+ /* stylelint-disable */
500
+ .e-input:focus:not(.e-success):not(.e-warning).e-error,
501
+ .e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
502
+ .e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
503
+ .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
504
+ .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
505
+ .e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input,
506
+ .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input {
507
+ -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
508
+ box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
509
+ }
510
+
511
+ .e-input:focus:not(.e-error):not(.e-warning).e-success,
512
+ .e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
513
+ .e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
514
+ .e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
515
+ .e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
516
+ .e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input,
517
+ .e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input {
518
+ -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
519
+ box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
520
+ }
521
+
522
+ .e-input:focus:not(.e-success):not(.e-error).e-warning,
523
+ .e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
524
+ .e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
525
+ .e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
526
+ .e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
527
+ .e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input,
528
+ .e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input {
529
+ -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
530
+ box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
531
+ }
532
+
533
+ .e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
534
+ .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error {
535
+ -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
536
+ box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
537
+ }
538
+
539
+ .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
540
+ .e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success {
541
+ -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
542
+ box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
543
+ }
544
+
545
+ .e-input-group.e-input-focus:not(.e-success):not(.e-error).e-warning,
546
+ .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning {
547
+ -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
548
+ box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
549
+ }
550
+
551
+ .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
552
+ .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
553
+ -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
554
+ box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
555
+ }
556
+
557
+ .e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
558
+ .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
559
+ -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
560
+ box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
561
+ }
562
+
563
+ .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
564
+ .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
565
+ -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
566
+ box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
567
+ }
568
+
569
+ .e-float-input.e-error label.e-float-text,
570
+ .e-float-input.e-control-wrapper.e-error label.e-float-text,
571
+ .e-float-input.e-error input:focus ~ label.e-float-text,
572
+ .e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
573
+ .e-float-input.e-error.e-input-focus input ~ label.e-float-text,
574
+ .e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
575
+ .e-float-input.e-error textarea:focus ~ label.e-float-text,
576
+ .e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text {
577
+ color: var(--color-sf-utility-danger) !important;
578
+ }
579
+
580
+ .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
581
+ .e-outline.e-float-input.e-input-group.e-error.e-valid-input label.e-label-top.e-float-text,
582
+ .e-outline.e-float-input.e-bigger.e-error.e-input-focus input:focus ~ label.e-float-text,
583
+ .e-bigger .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
584
+ .e-outline.e-float-input.e-small.e-error.e-input-focus input:focus ~ label.e-float-text,
585
+ .e-small .e-outline.e-float-input.e-error input:focus ~ label.e-float-text,
586
+ .e-outline.e-float-input.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
587
+ .e-bigger .e-outline.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
588
+ .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
589
+ .e-outline.e-float-input.e-bigger.e-error textarea:focus ~ label.e-float-text,
590
+ .e-bigger .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
591
+ .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
592
+ .e-small .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
593
+ .e-outline.e-float-input.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
594
+ .e-bigger .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
595
+ .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
596
+ .e-outline.e-float-input.e-control-wrapper.e-bigger.e-error input:focus ~ label.e-float-text,
597
+ .e-bigger .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
598
+ .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
599
+ .e-small .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
600
+ .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
601
+ .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
602
+ .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
603
+ .e-outline.e-float-input.e-control-wrapper.e-bigger.e-error textarea:focus ~ label.e-float-text,
604
+ .e-bigger .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
605
+ .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
606
+ .e-small .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
607
+ .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
608
+ .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
609
+ .e-outline.e-float-input.e-error label.e-float-text.e-label-top,
610
+ .e-outline.e-float-input.e-input-group.e-error label.e-float-text.e-label-top,
611
+ .e-outline.e-float-input.e-control-wrapper.e-error label.e-float-text.e-label-top,
612
+ .e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top,
613
+ .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top,
614
+ .e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top,
615
+ .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top,
616
+ .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
617
+ .e-outline.e-float-input.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
618
+ .e-bigger .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
619
+ .e-outline.e-float-input.e-small.e-error.e-input-focus input ~ label.e-float-text,
620
+ .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
621
+ .e-outline.e-float-input.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
622
+ .e-bigger .e-outline.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
623
+ .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
624
+ .e-outline.e-float-input.e-control-wrapper.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
625
+ .e-bigger .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
626
+ .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
627
+ .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
628
+ .e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
629
+ .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text {
630
+ color: var(--color-sf-utility-danger) !important;
631
+ }
632
+
633
+ .e-filled.e-float-input.e-error label.e-float-text,
634
+ .e-filled.e-float-input.e-control-wrapper.e-error label.e-float-text,
635
+ .e-filled.e-float-input.e-error input:focus ~ label.e-float-text,
636
+ .e-filled.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
637
+ .e-filled.e-float-input.e-error textarea:focus ~ label.e-float-text,
638
+ .e-filled.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
639
+ .e-filled.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
640
+ .e-filled.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
641
+ color: var(--color-sf-utility-danger) !important;
642
+ }
643
+
644
+ /* stylelint-disable-line no-empty-source */
645
+ /* stylelint-disable property-no-vendor-prefix */
646
+ @-webkit-keyframes material-spinner-rotate {
647
+ 0% {
648
+ -webkit-transform: rotate(0);
649
+ transform: rotate(0);
650
+ }
651
+ 100% {
652
+ -webkit-transform: rotate(360deg);
653
+ transform: rotate(360deg);
654
+ }
655
+ }
656
+ @keyframes material-spinner-rotate {
657
+ 0% {
658
+ -webkit-transform: rotate(0);
659
+ transform: rotate(0);
660
+ }
661
+ 100% {
662
+ -webkit-transform: rotate(360deg);
663
+ transform: rotate(360deg);
664
+ }
665
+ }
666
+ @-webkit-keyframes fabric-spinner-rotate {
667
+ 0% {
668
+ -webkit-transform: rotate(0);
669
+ transform: rotate(0);
670
+ }
671
+ 100% {
672
+ -webkit-transform: rotate(360deg);
673
+ transform: rotate(360deg);
674
+ }
675
+ }
676
+ @keyframes fabric-spinner-rotate {
677
+ 0% {
678
+ -webkit-transform: rotate(0);
679
+ transform: rotate(0);
680
+ }
681
+ 100% {
682
+ -webkit-transform: rotate(360deg);
683
+ transform: rotate(360deg);
684
+ }
685
+ }
686
+ .e-ddl.e-control-wrapper .e-ddl-icon::before {
687
+ -webkit-transform: rotate(0deg);
688
+ transform: rotate(0deg);
689
+ -webkit-transition: -webkit-transform 300ms ease;
690
+ transition: -webkit-transform 300ms ease;
691
+ transition: transform 300ms ease;
692
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
693
+ }
694
+
695
+ .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
696
+ -webkit-transform: rotate(180deg);
697
+ transform: rotate(180deg);
698
+ -webkit-transition: -webkit-transform 300ms ease;
699
+ transition: -webkit-transform 300ms ease;
700
+ transition: transform 300ms ease;
701
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
702
+ }
703
+
704
+ .e-dropdownbase .e-list-item.e-active.e-hover {
705
+ color: var(--color-sf-text-primary);
706
+ }
707
+
708
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
709
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
710
+ .e-input-group:not(.e-disabled) .e-back-icon:active,
711
+ .e-input-group:not(.e-disabled) .e-back-icon:hover,
712
+ .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
713
+ .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
714
+ background: transparent;
715
+ }
716
+
717
+ .e-input-group .e-ddl-icon:not(:active)::after {
718
+ -webkit-animation: none;
719
+ animation: none;
720
+ }
721
+
722
+ .e-ddl.e-popup {
723
+ border: 0;
724
+ border-radius: 8px;
725
+ -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
726
+ box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
727
+ margin-top: 4px;
728
+ }
729
+
730
+ .e-small .e-ddl.e-popup,
731
+ .e-small.e-ddl.e-popup {
732
+ border-radius: 4px;
733
+ margin-top: 2px;
734
+ }
735
+
736
+ .e-popup.e-ddl .e-dropdownbase {
737
+ min-height: 26px;
738
+ padding: 4px 6px;
739
+ }
740
+
741
+ .e-input-group.e-ddl,
742
+ .e-input-group.e-ddl .e-input,
743
+ .e-input-group.e-ddl .e-ddl-icon {
744
+ background: var(--color-sf-bg-primary);
745
+ }
746
+
747
+ .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
748
+ .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
749
+ border-bottom-width: 0;
750
+ }
751
+
752
+ .e-ddl.e-popup.e-outline .e-filter-parent {
753
+ padding: 4px 8px;
754
+ }
755
+
756
+ .e-ddl .e-search-icon::before {
757
+ content: "\e754";
758
+ }
759
+
760
+ .e-ddl .e-back-icon::before {
761
+ content: "\e773";
762
+ }
763
+
764
+ .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
765
+ content: "\e729";
766
+ font-family: "e-icons";
767
+ }
768
+
769
+ .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
770
+ display: block;
771
+ visibility: hidden;
772
+ }
773
+
774
+ .e-popup-full-page {
775
+ bottom: 0;
776
+ left: 0;
777
+ margin: 0;
778
+ overflow: hidden;
779
+ padding: 0;
780
+ right: 0;
781
+ top: 0;
782
+ }
783
+ .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
784
+ margin: 0;
785
+ }
786
+
787
+ .e-ddl.e-control-wrapper .e-ddl-disable-icon {
788
+ position: relative;
789
+ }
790
+
791
+ .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
792
+ content: "";
793
+ }
794
+
795
+ .e-ddl-device-filter .e-filter-parent {
796
+ background-color: var(--color-sf-bg-primary-alt);
797
+ }
798
+
799
+ /* stylelint-disable property-no-vendor-prefix */
800
+ .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
801
+ display: none;
802
+ pointer-events: none;
803
+ position: absolute;
804
+ right: 0;
805
+ visibility: hidden;
806
+ }
807
+
808
+ /* stylelint-enable property-no-vendor-prefix */
809
+ .e-filter-parent {
810
+ border: 0;
811
+ border-top-width: 0;
812
+ -webkit-box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
813
+ box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
814
+ display: block;
815
+ padding: 6px;
816
+ }
817
+
818
+ .e-ddl.e-input-group:not(.e-disabled) {
819
+ cursor: pointer;
820
+ }
821
+
822
+ .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before, .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
823
+ width: 0;
824
+ }
825
+
826
+ .e-ddl.e-popup {
827
+ background: var(--color-sf-bg-primary-alt);
828
+ border: 1px solid var(--color-sf-border-secondary);
829
+ position: absolute;
830
+ }
831
+ .e-ddl.e-popup .e-search-icon {
832
+ margin: 0;
833
+ opacity: 0.57;
834
+ padding: 12px 8px 8px;
835
+ }
836
+
837
+ .e-ddl.e-popup .e-filter-parent .e-back-icon {
838
+ padding: 0 8px;
839
+ }
840
+
841
+ .e-ddl.e-popup .e-input-group {
842
+ margin-bottom: 0;
843
+ }
844
+
845
+ .e-ddl.e-popup .e-ddl-footer, .e-ddl.e-popup .e-ddl-header {
846
+ cursor: default;
847
+ }
848
+
849
+ /* stylelint-disable property-no-vendor-prefix */
850
+ .e-ddl.e-input-group .e-ddl-hidden,
851
+ .e-ddl.e-float-input .e-ddl-hidden {
852
+ -webkit-appearance: initial;
853
+ border: 0;
854
+ height: 0;
855
+ padding: 0;
856
+ visibility: hidden;
857
+ width: 0;
858
+ }
859
+
860
+ .e-ddl.e-input-group,
861
+ .e-ddl.e-input-group.e-input-focus:focus {
862
+ outline: none;
863
+ }
864
+
865
+ .e-dropdownbase .e-list-item .e-highlight {
866
+ display: inline;
867
+ font-weight: bold;
868
+ vertical-align: baseline;
869
+ }
870
+
871
+ .e-ddl.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide),
872
+ .e-float-input input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide),
873
+ .e-float-input.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide) {
874
+ opacity: 1;
875
+ }
876
+
877
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
878
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
879
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
880
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
881
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
882
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
883
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
884
+ display: -webkit-box;
885
+ display: -ms-flexbox;
886
+ display: flex;
887
+ }
888
+
889
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
890
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
891
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
892
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
893
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
894
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
895
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
896
+ display: none;
897
+ }
898
+
899
+ .e-input-group.e-static-clear input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
900
+ .e-input-group.e-static-clear.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
901
+ .e-float-input.e-static-clear input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
902
+ .e-float-input.e-static-clear.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
903
+ .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
904
+ .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
905
+ cursor: pointer;
906
+ display: -webkit-box;
907
+ display: -ms-flexbox;
908
+ display: flex;
909
+ }
910
+
911
+ .e-ddl.e-input-group .e-input-value,
912
+ .e-ddl.e-input-group .e-input-value:focus {
913
+ font-family: inherit;
914
+ font-size: 14px;
915
+ height: auto;
916
+ margin: 0;
917
+ outline: none;
918
+ width: 100%;
919
+ overflow: hidden;
920
+ }
921
+ .e-ddl.e-input-group input[readonly].e-input,
922
+ .e-ddl.e-input-group input[readonly],
923
+ .e-ddl.e-input-group .e-dropdownlist {
924
+ pointer-events: none;
925
+ }
926
+
927
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
928
+ opacity: 0.7;
929
+ pointer-events: none;
930
+ }
931
+
932
+ ejs-autocomplete,
933
+ ejs-combobox,
934
+ ejs-dropdownlist {
935
+ display: block;
936
+ }
937
+
938
+ .e-small .e-ddl.e-popup .e-list-item,
939
+ .e-input-group.e-ddl.e-small .e-list-item {
940
+ font-size: 12px;
941
+ }
942
+ .e-small.e-ddl.e-popup .e-list-item,
943
+ .e-input-group.e-ddl.e-small .e-list-item {
944
+ font-size: 12px;
945
+ }
946
+ .e-content-placeholder.e-ddl.e-placeholder-ddl,
947
+ .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
948
+ .e-content-placeholder.e-combobox.e-placeholder-combobox {
949
+ background-size: 300px 33px;
950
+ min-height: 33px;
951
+ }
952
+
953
+ .e-ddl.e-popup.e-resize .e-resizer-right {
954
+ bottom: 0;
955
+ right: 0;
956
+ cursor: nwse-resize;
957
+ height: 15px;
958
+ position: absolute;
959
+ width: 15px;
960
+ }
961
+
962
+ .e-popup {
963
+ border-color: var(--color-sf-border-secondary);
964
+ }
965
+
966
+ .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
967
+ .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
968
+ color: var(--color-sf-text-primary);
969
+ }
970
+
971
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
972
+ border-color: transparent;
973
+ }
974
+
975
+ .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
976
+ margin-left: -20px;
977
+ }
978
+
979
+ .e-bigger .e-ddl.e-popup .e-list-item {
980
+ font-size: 16px;
981
+ }
982
+ .e-bigger.e-ddl.e-popup .e-list-item {
983
+ font-size: 16px;
984
+ }
985
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item,
986
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
987
+ font-size: 14px;
988
+ }
989
+ .e-bigger.e-small.e-ddl.e-popup .e-list-item,
990
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
991
+ font-size: 14px;
992
+ }
993
+ .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl,
994
+ .e-bigger.e-content-placeholder.e-ddl.e-placeholder-ddl,
995
+ .e-bigger .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
996
+ .e-bigger.e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
997
+ .e-bigger .e-content-placeholder.e-combobox.e-placeholder-combobox,
998
+ .e-bigger.e-content-placeholder.e-combobox.e-placeholder-combobox {
999
+ background-size: 300px 40px;
1000
+ min-height: 40px;
1001
+ }
1002
+
1003
+ .e-bigger .e-ddl.e-popup,
1004
+ .e-bigger.e-ddl.e-popup {
1005
+ border-radius: 8px;
1006
+ margin-top: 8px;
1007
+ }
1008
+
1009
+ .e-bigger.e-small .e-ddl.e-popup,
1010
+ .e-small.e-bigger.e-ddl.e-popup {
1011
+ border-radius: 8px;
1012
+ margin-top: 6px;
1013
+ }
1014
+
1015
+ .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
1016
+ border-color: var(--color-sf-border-secondary);
1017
+ }
1018
+
1019
+ .e-bigger .e-popup.e-ddl-device-filter {
1020
+ margin-top: 0;
1021
+ }
1022
+
1023
+ .e-bigger .e-ddl-device .e-input-group,
1024
+ .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
1025
+ background: var(--color-sf-bg-primary-alt);
1026
+ border-width: 0;
1027
+ -webkit-box-shadow: none;
1028
+ box-shadow: none;
1029
+ margin-bottom: 0;
1030
+ }
1031
+
1032
+ .e-bigger .e-ddl-device .e-input-group .e-back-icon,
1033
+ .e-bigger .e-ddl-device .e-input-group input.e-input,
1034
+ .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
1035
+ background-color: var(--color-sf-bg-primary-alt);
1036
+ }
1037
+
1038
+ .e-bigger .e-ddl.e-popup,
1039
+ .e-bigger.e-ddl.e-popup {
1040
+ border-radius: 6px;
1041
+ margin-top: 8px;
1042
+ }
1043
+
1044
+ .e-bigger.e-small .e-ddl.e-popup,
1045
+ .e-small.e-bigger.e-ddl.e-popup {
1046
+ border-radius: 4px;
1047
+ margin-top: 6px;
1048
+ }
1049
+
1050
+ .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
1051
+ border-color: var(--color-sf-border-secondary);
1052
+ }
1053
+
1054
+ .e-bigger .e-popup.e-ddl-device-filter {
1055
+ margin-top: 0;
1056
+ }
1057
+
1058
+ .e-bigger .e-ddl-device .e-input-group,
1059
+ .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
1060
+ background: var(--color-sf-bg-primary-alt);
1061
+ border-width: 0;
1062
+ -webkit-box-shadow: none;
1063
+ box-shadow: none;
1064
+ margin-bottom: 0;
1065
+ }
1066
+
1067
+ .e-bigger .e-ddl-device .e-input-group .e-back-icon,
1068
+ .e-bigger .e-ddl-device .e-input-group input.e-input,
1069
+ .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
1070
+ background-color: var(--color-sf-bg-primary-alt);
1071
+ }
1072
+
1073
+ /*! TreeView's theme wise override definitions and variables */
1074
+ /* stylelint-disable */
1075
+ /* stylelint-disable */
1076
+ .e-ddt .e-ddt-icon::before {
1077
+ content: "\e734";
1078
+ }
1079
+ .e-ddt .e-chips-close::before {
1080
+ content: "\e7e7";
1081
+ }
1082
+
1083
+ .e-ddt {
1084
+ cursor: pointer;
1085
+ outline: none;
1086
+ }
1087
+ .e-ddt .e-ddt-icon::before {
1088
+ -webkit-transform: rotate(0deg);
1089
+ transform: rotate(0deg);
1090
+ -webkit-transition: -webkit-transform 300ms ease;
1091
+ transition: -webkit-transform 300ms ease;
1092
+ transition: transform 300ms ease;
1093
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
1094
+ }
1095
+ .e-ddt.e-icon-anim .e-ddt-icon::before {
1096
+ -webkit-transform: rotate(180deg);
1097
+ transform: rotate(180deg);
1098
+ -webkit-transition: -webkit-transform 300ms ease;
1099
+ transition: -webkit-transform 300ms ease;
1100
+ transition: transform 300ms ease;
1101
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
1102
+ }
1103
+ .e-ddt .e-ddt-hidden {
1104
+ border: 0;
1105
+ height: 0;
1106
+ visibility: hidden;
1107
+ width: 0;
1108
+ }
1109
+ .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1110
+ -webkit-box-sizing: content-box;
1111
+ box-sizing: content-box;
1112
+ }
1113
+ .e-ddt.e-input-group.e-control-wrapper .e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper .e-input-group-icon.e-ddt-icon {
1114
+ border: 0;
1115
+ }
1116
+ .e-ddt.e-input-group.e-control-wrapper .e-icon-hide, .e-ddt.e-float-input.e-control-wrapper .e-icon-hide {
1117
+ display: none;
1118
+ }
1119
+ .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
1120
+ bottom: 6px;
1121
+ position: absolute;
1122
+ right: 0;
1123
+ }
1124
+ .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
1125
+ right: 28px;
1126
+ }
1127
+ .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
1128
+ bottom: 0;
1129
+ position: absolute;
1130
+ right: 0;
1131
+ }
1132
+ .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
1133
+ .e-ddt.e-input-group.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
1134
+ .e-ddt.e-input-group.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
1135
+ .e-ddt.e-float-input.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
1136
+ .e-ddt.e-float-input.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input {
1137
+ padding-left: 0;
1138
+ padding-right: 0;
1139
+ }
1140
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
1141
+ display: -webkit-box;
1142
+ display: -ms-flexbox;
1143
+ display: flex;
1144
+ }
1145
+ .e-ddt .e-chips-wrapper {
1146
+ width: 100%;
1147
+ }
1148
+ .e-ddt.e-show-chip .e-chips-close {
1149
+ min-height: 16px;
1150
+ min-width: 16px;
1151
+ line-height: 10px;
1152
+ text-align: center;
1153
+ }
1154
+ .e-ddt.e-show-chip .e-chips-close::before {
1155
+ font-size: 16px;
1156
+ }
1157
+ .e-ddt.e-show-chip .e-chips-close::before {
1158
+ vertical-align: middle;
1159
+ }
1160
+ .e-ddt.e-show-chip .e-chips {
1161
+ -webkit-box-align: center;
1162
+ -ms-flex-align: center;
1163
+ align-items: center;
1164
+ border-radius: 0px;
1165
+ -webkit-box-sizing: border-box;
1166
+ box-sizing: border-box;
1167
+ display: -webkit-inline-box;
1168
+ display: -ms-inline-flexbox;
1169
+ display: inline-flex;
1170
+ float: left;
1171
+ height: 22px;
1172
+ margin: 3px 4px;
1173
+ max-width: calc(100% - 6px);
1174
+ overflow: hidden;
1175
+ padding: 0 8px 0 8px;
1176
+ text-overflow: ellipsis;
1177
+ white-space: nowrap;
1178
+ }
1179
+ .e-ddt.e-show-chip .e-chips > .e-chipcontent {
1180
+ max-width: 100%;
1181
+ overflow: hidden;
1182
+ padding: 0 4px 0 0;
1183
+ text-indent: 0;
1184
+ text-overflow: ellipsis;
1185
+ white-space: nowrap;
1186
+ }
1187
+ .e-ddt .e-overflow {
1188
+ white-space: nowrap;
1189
+ }
1190
+ .e-ddt .e-overflow.e-show-text {
1191
+ padding: 3px 12px;
1192
+ line-height: 22px;
1193
+ }
1194
+ .e-ddt .e-overflow.e-show-text .e-remain {
1195
+ padding-left: 8px;
1196
+ }
1197
+ .e-ddt .e-overflow.e-total-count {
1198
+ -webkit-box-sizing: border-box;
1199
+ box-sizing: border-box;
1200
+ display: inline-block;
1201
+ overflow: hidden;
1202
+ text-overflow: ellipsis;
1203
+ }
1204
+ .e-ddt .e-overflow.e-total-count .e-remain {
1205
+ padding: 0 4px 0 0;
1206
+ }
1207
+ .e-ddt .e-overflow.e-wrap-count {
1208
+ padding-top: 3px;
1209
+ }
1210
+ .e-ddt .e-overflow .e-remain {
1211
+ cursor: pointer;
1212
+ display: inline-block;
1213
+ font-size: 14px;
1214
+ padding: 0 0 0 4px;
1215
+ }
1216
+ .e-ddt .e-overflow .e-remain.e-wrap-count {
1217
+ padding-top: 3px;
1218
+ }
1219
+ .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain {
1220
+ padding: 3px 12px;
1221
+ }
1222
+ .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1223
+ margin-right: 20px;
1224
+ max-width: calc(100% - 26px);
1225
+ }
1226
+ .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child {
1227
+ margin-right: 20px;
1228
+ max-width: calc(100% - 29px);
1229
+ }
1230
+ .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1231
+ margin-right: 45px;
1232
+ max-width: calc(100% - 55px);
1233
+ }
1234
+ .e-ddt input[readonly],
1235
+ .e-ddt .e-dropdowntree,
1236
+ .e-ddt input[readonly].e-input {
1237
+ pointer-events: none;
1238
+ }
1239
+ .e-ddt input[readonly].e-chip-input,
1240
+ .e-ddt .e-dropdowntree.e-chip-input,
1241
+ .e-ddt input[readonly].e-input.e-chip-input {
1242
+ width: 0;
1243
+ visibility: hidden;
1244
+ }
1245
+ .e-ddt.e-popup {
1246
+ border: 1px solid var(--color-sf-border-secondary);
1247
+ margin-top: 4px;
1248
+ border-radius: 4px;
1249
+ -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
1250
+ box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
1251
+ position: absolute;
1252
+ }
1253
+ .e-ddt.e-popup .e-selectall-parent {
1254
+ border-bottom: 1px solid;
1255
+ cursor: pointer;
1256
+ display: block;
1257
+ overflow: hidden;
1258
+ position: relative;
1259
+ text-indent: 0;
1260
+ white-space: nowrap;
1261
+ width: 100%;
1262
+ padding: 8px 12px;
1263
+ }
1264
+ .e-ddt.e-popup .e-selectall-parent.e-hide-selectall {
1265
+ display: none;
1266
+ }
1267
+ .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
1268
+ position: relative;
1269
+ text-indent: 0;
1270
+ }
1271
+ .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper .e-frame {
1272
+ margin-top: -3px;
1273
+ }
1274
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1275
+ font-family: inherit;
1276
+ font-size: 14px;
1277
+ margin: 0 12px;
1278
+ line-height: 22px;
1279
+ }
1280
+ .e-ddt.e-popup .e-filter-wrap {
1281
+ border-top-width: 0;
1282
+ display: block;
1283
+ padding: 4px;
1284
+ border-bottom: 1px solid var(--color-sf-border-secondary);
1285
+ }
1286
+ .e-ddt.e-popup .e-filter-wrap .e-input-group {
1287
+ margin-bottom: 0;
1288
+ border: 1px solid var(--color-sf-border-primary);
1289
+ border-radius: 4px;
1290
+ }
1291
+ .e-ddt.e-popup .e-popup-content {
1292
+ overflow: auto;
1293
+ position: relative;
1294
+ }
1295
+ .e-ddt.e-popup .e-popup-content .e-ddt-nodata {
1296
+ display: none;
1297
+ }
1298
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1299
+ cursor: default;
1300
+ font-family: inherit;
1301
+ font-size: 14px;
1302
+ text-align: center;
1303
+ padding: 8px 16px;
1304
+ }
1305
+ .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
1306
+ display: none;
1307
+ }
1308
+ .e-ddt.e-popup .e-popup-content.e-no-data .e-ddt-nodata {
1309
+ display: block;
1310
+ line-height: 22px;
1311
+ }
1312
+ .e-ddt.e-popup .e-treeview {
1313
+ display: inline-table;
1314
+ width: 100%;
1315
+ }
1316
+ .e-ddt.e-popup .e-treeview .e-list-item {
1317
+ padding: 0;
1318
+ }
1319
+ .e-ddt.e-popup .e-treeview .e-list-item .e-ul {
1320
+ margin: 0;
1321
+ padding: 0 0 0 14px;
1322
+ }
1323
+ .e-ddt.e-popup .e-treeview > .e-ul {
1324
+ overflow: hidden;
1325
+ padding: 4px 0 4px 12px;
1326
+ }
1327
+ .e-ddt.e-popup .e-ddt-footer,
1328
+ .e-ddt.e-popup .e-ddt-header {
1329
+ cursor: default;
1330
+ }
1331
+ .e-ddt.e-rtl.e-show-chip .e-chips {
1332
+ float: right;
1333
+ }
1334
+ .e-ddt.e-rtl.e-show-chip .e-chips > .e-chipcontent {
1335
+ padding: 0 0 0 4px;
1336
+ }
1337
+ .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain {
1338
+ padding: 0 4px 0 0;
1339
+ }
1340
+ .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain.e-wrap-count {
1341
+ padding-top: 3px;
1342
+ }
1343
+ .e-ddt.e-rtl.e-show-chip .e-overflow.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow.e-wrap-count {
1344
+ position: absolute;
1345
+ right: auto;
1346
+ }
1347
+ .e-ddt.e-rtl.e-show-text .e-overflow.e-total-count .e-remain {
1348
+ padding: 0 0 0 4px;
1349
+ }
1350
+ .e-ddt.e-rtl.e-show-text .e-overflow.e-wrap-count .e-remain {
1351
+ padding-right: 8px;
1352
+ }
1353
+ .e-ddt.e-rtl.e-show-chip .e-overflow.e-total-count .e-remain {
1354
+ padding: 3px 12px;
1355
+ }
1356
+ .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1357
+ margin-right: 4px;
1358
+ margin-left: 18px;
1359
+ }
1360
+ .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1361
+ margin-right: 4px;
1362
+ margin-left: 18px;
1363
+ }
1364
+ .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1365
+ margin-right: 4px;
1366
+ margin-left: 45px;
1367
+ }
1368
+ .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1369
+ .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-clear-icon,
1370
+ .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
1371
+ .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-clear-icon,
1372
+ .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
1373
+ left: 0;
1374
+ right: auto;
1375
+ }
1376
+ .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
1377
+ left: 28px;
1378
+ }
1379
+ .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
1380
+ padding: 0 14px 0 0;
1381
+ }
1382
+
1383
+ .e-ddt-icon-hide {
1384
+ display: none;
1385
+ }
1386
+
1387
+ .e-ddt .e-chips {
1388
+ background-color: var(--color-sf-bg-tertiary);
1389
+ }
1390
+ .e-ddt .e-chips .e-chips-close::before {
1391
+ color: var(--color-sf-fg-secondary);
1392
+ }
1393
+ .e-ddt .e-chips > .e-chipcontent {
1394
+ color: var(--color-sf-text-primary);
1395
+ }
1396
+ .e-ddt .e-chips:hover {
1397
+ background-color: var(--color-sf-bg-quaternary);
1398
+ }
1399
+ .e-ddt .e-chips:hover .e-chips-close::before {
1400
+ color: var(--color-sf-fg-secondary-hover);
1401
+ }
1402
+ .e-ddt .e-chips:hover > .e-chipcontent {
1403
+ color: var(--color-sf-text-primary);
1404
+ }
1405
+ .e-ddt.e-disabled {
1406
+ background-color: var(--color-sf-bg-tertiary);
1407
+ }
1408
+ .e-ddt.e-disabled .e-chips-close::before {
1409
+ color: var(--color-sf-text-disabled);
1410
+ }
1411
+ .e-ddt.e-disabled > .e-chipcontent {
1412
+ color: var(--color-sf-text-disabled);
1413
+ }
1414
+ .e-ddt .e-overflow .e-remain {
1415
+ color: var(--color-sf-text-quarterary);
1416
+ }
1417
+ .e-ddt.e-input-group.e-control-wrapper .e-input[readonly].e-disabled, .e-ddt.e-float-input.e-control-wrapper input[readonly].e-disabled {
1418
+ background-color: var(--color-sf-bg-primary-alt);
1419
+ color: var(--color-sf-text-disabled);
1420
+ }
1421
+ .e-ddt.e-popup {
1422
+ background: var(--color-sf-bg-primary-alt);
1423
+ border-color: var(--color-sf-border-secondary);
1424
+ }
1425
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1426
+ color: var(--color-sf-text-primary);
1427
+ }
1428
+ .e-ddt.e-popup .e-selectall-parent {
1429
+ border-bottom-color: var(--color-sf-border-secondary);
1430
+ }
1431
+ .e-ddt.e-popup .e-selectall-parent:focus {
1432
+ background: var(--color-sf-bg-secondary-hover);
1433
+ }
1434
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1435
+ color: var(--color-sf-text-primary);
1436
+ }
1437
+
1438
+ .e-bigger .e-ddt .e-chips,
1439
+ .e-ddt.e-bigger .e-chips {
1440
+ height: 30px;
1441
+ padding: 3px 8px;
1442
+ }
1443
+ .e-bigger .e-ddt .e-chips > .e-chipcontent,
1444
+ .e-ddt.e-bigger .e-chips > .e-chipcontent {
1445
+ padding: 0 8px 0 0;
1446
+ }
1447
+ .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
1448
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
1449
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
1450
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
1451
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
1452
+ bottom: 3px;
1453
+ right: 32px;
1454
+ }
1455
+ .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
1456
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,
1457
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon,
1458
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
1459
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
1460
+ bottom: 0;
1461
+ }
1462
+ .e-bigger .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper .e-clear-icon,
1463
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper .e-clear-icon,
1464
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper .e-clear-icon {
1465
+ min-width: 0;
1466
+ padding: 6px;
1467
+ }
1468
+ .e-bigger .e-ddt.e-show-chip .e-chips-close,
1469
+ .e-ddt.e-bigger.e-show-chip .e-chips-close {
1470
+ min-height: 24px;
1471
+ min-width: 24px;
1472
+ line-height: 18px;
1473
+ }
1474
+ .e-bigger .e-ddt.e-show-chip .e-chips-close::before,
1475
+ .e-ddt.e-bigger.e-show-chip .e-chips-close::before {
1476
+ font-size: 20px;
1477
+ }
1478
+ .e-bigger .e-ddt.e-show-chip .e-overflow .e-remain.e-wrap-count,
1479
+ .e-ddt.e-bigger.e-show-chip .e-overflow .e-remain.e-wrap-count {
1480
+ line-height: 22px;
1481
+ padding-top: 7px;
1482
+ }
1483
+ .e-bigger .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain,
1484
+ .e-ddt.e-bigger.e-show-chip .e-overflow.e-total-count .e-remain {
1485
+ padding: 8px 12px;
1486
+ }
1487
+ .e-bigger .e-ddt .e-overflow.e-show-text,
1488
+ .e-ddt.e-bigger .e-overflow.e-show-text {
1489
+ padding: 7px 16px;
1490
+ }
1491
+ .e-bigger .e-ddt .e-overflow .e-remain,
1492
+ .e-ddt.e-bigger .e-overflow .e-remain {
1493
+ font-size: 16px;
1494
+ }
1495
+ .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1496
+ .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1497
+ max-width: calc(100% - 25px);
1498
+ }
1499
+ .e-bigger .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child,
1500
+ .e-ddt.e-bigger.e-show-clear .e-chips-wrapper .e-chips:last-child {
1501
+ max-width: calc(100% - 35px);
1502
+ }
1503
+ .e-bigger .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1504
+ .e-ddt.e-bigger.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1505
+ margin-right: 52px;
1506
+ max-width: calc(100% - 60px);
1507
+ }
1508
+ .e-bigger .e-ddt.e-popup,
1509
+ .e-ddt.e-bigger.e-popup {
1510
+ margin-top: 8px;
1511
+ }
1512
+ .e-bigger .e-ddt.e-popup .e-selectall-parent,
1513
+ .e-ddt.e-bigger.e-popup .e-selectall-parent {
1514
+ text-indent: 0;
1515
+ padding: 12px 16px;
1516
+ }
1517
+ .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
1518
+ .e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
1519
+ font-size: 16px;
1520
+ line-height: 24px;
1521
+ margin: 0 16px;
1522
+ }
1523
+ .e-bigger .e-ddt.e-popup .e-popup-content.e-no-data,
1524
+ .e-ddt.e-bigger.e-popup .e-popup-content.e-no-data {
1525
+ padding: 10px 16px;
1526
+ }
1527
+ .e-bigger .e-ddt.e-popup .e-popup-content.e-no-data .e-ddt-nodata,
1528
+ .e-ddt.e-bigger.e-popup .e-popup-content.e-no-data .e-ddt-nodata {
1529
+ font-size: 16px;
1530
+ line-height: 24px;
1531
+ }
1532
+ .e-bigger .e-ddt.e-popup .e-filter-wrap,
1533
+ .e-ddt.e-bigger.e-popup .e-filter-wrap {
1534
+ padding: 8px;
1535
+ }
1536
+ .e-bigger .e-ddt.e-popup .e-treeview > .e-ul,
1537
+ .e-ddt.e-bigger.e-popup .e-treeview > .e-ul {
1538
+ padding: 8px 0 8px 16px;
1539
+ }
1540
+ .e-bigger .e-ddt.e-rtl .e-chips > .e-chipcontent,
1541
+ .e-ddt.e-bigger.e-rtl .e-chips > .e-chipcontent {
1542
+ padding: 0 0 0 8px;
1543
+ }
1544
+ .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1545
+ .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1546
+ margin-right: 4px;
1547
+ }
1548
+ .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1549
+ .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1550
+ margin-right: 4px;
1551
+ }
1552
+ .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1553
+ .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1554
+ margin-right: 52px;
1555
+ margin-left: 4px;
1556
+ }
1557
+ .e-bigger .e-ddt.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon,
1558
+ .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
1559
+ .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
1560
+ right: auto;
1561
+ }
1562
+
1563
+ /* stylelint-disable-line no-empty-source */
1564
+ /* stylelint-disable-line no-empty-source */
1565
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1566
+ line-height: 30px;
1567
+ top: 0;
1568
+ }
1569
+
1570
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
1571
+ border-radius: 0 4px 4px 0;
1572
+ border-right-width: 0;
1573
+ }
1574
+
1575
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1576
+ border-left-width: 0;
1577
+ border-radius: 4px 0 0 4px;
1578
+ border-right-width: 0;
1579
+ }
1580
+
1581
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1582
+ height: 32px;
1583
+ width: 32px;
1584
+ }
1585
+
1586
+ .e-multi-select-wrapper .e-searcher input[type=text],
1587
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
1588
+ color: var(--color-sf-text-primary);
1589
+ height: 100%;
1590
+ }
1591
+
1592
+ .e-multiselect.e-input-group .e-ddl-icon::before {
1593
+ content: "\e729";
1594
+ font-family: "e-icons";
1595
+ }
1596
+
1597
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
1598
+ content: "\e7e7";
1599
+ cursor: pointer;
1600
+ left: 0;
1601
+ position: relative;
1602
+ top: 0;
1603
+ }
1604
+
1605
+ .e-multi-select-wrapper .e-close-hooker::before {
1606
+ content: "\e7e7";
1607
+ cursor: pointer;
1608
+ left: 6px;
1609
+ position: relative;
1610
+ top: 6px;
1611
+ }
1612
+
1613
+ .e-multiselect.e-input-group .e-ddl-disable-icon::before {
1614
+ content: "";
1615
+ }
1616
+
1617
+ .e-multi-select-wrapper {
1618
+ -webkit-box-sizing: border-box;
1619
+ box-sizing: border-box;
1620
+ cursor: text;
1621
+ line-height: normal;
1622
+ min-height: 28px;
1623
+ padding: 0 32px 0 0;
1624
+ position: relative;
1625
+ -webkit-user-select: none;
1626
+ -moz-user-select: none;
1627
+ -ms-user-select: none;
1628
+ user-select: none;
1629
+ width: 100%;
1630
+ }
1631
+ .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1632
+ height: 27px;
1633
+ vertical-align: middle;
1634
+ }
1635
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1636
+ height: 100%;
1637
+ min-height: 100%;
1638
+ }
1639
+ .e-multi-select-wrapper .e-delim-view {
1640
+ white-space: nowrap;
1641
+ }
1642
+ .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-overflow, .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-total {
1643
+ -webkit-box-sizing: border-box;
1644
+ box-sizing: border-box;
1645
+ display: inline-block;
1646
+ overflow: hidden;
1647
+ text-overflow: ellipsis;
1648
+ padding: 0;
1649
+ }
1650
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1651
+ color: var(--color-sf-text-primary);
1652
+ font-size: 16px;
1653
+ left: 12px;
1654
+ top: 0;
1655
+ }
1656
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1657
+ background-color: var(--color-sf-brand-primary);
1658
+ color: var(--color-sf-text-primary);
1659
+ padding: 12px 4px 11px 0;
1660
+ }
1661
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1662
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1663
+ width: 0;
1664
+ }
1665
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1666
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1667
+ height: 1px;
1668
+ min-height: 1px;
1669
+ }
1670
+ .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1671
+ max-width: 100%;
1672
+ }
1673
+
1674
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1675
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1676
+ display: -webkit-box;
1677
+ display: -ms-flexbox;
1678
+ display: flex;
1679
+ float: left;
1680
+ width: auto;
1681
+ }
1682
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1683
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1684
+ display: -webkit-inline-box;
1685
+ display: -ms-inline-flexbox;
1686
+ display: inline-flex;
1687
+ float: none;
1688
+ }
1689
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1690
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1691
+ width: 0;
1692
+ }
1693
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1694
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1695
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1696
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1697
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1698
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1699
+ display: none;
1700
+ }
1701
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1702
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1703
+ padding: 0 48px 0 0;
1704
+ }
1705
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1706
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1707
+ -webkit-box-align: center;
1708
+ -ms-flex-align: center;
1709
+ align-items: center;
1710
+ display: inline;
1711
+ max-width: 100%;
1712
+ word-break: break-word;
1713
+ }
1714
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1715
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1716
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1717
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1718
+ -webkit-box-align: center;
1719
+ -ms-flex-align: center;
1720
+ align-items: center;
1721
+ cursor: pointer;
1722
+ display: none;
1723
+ -webkit-box-orient: horizontal;
1724
+ -webkit-box-direction: normal;
1725
+ -ms-flex-direction: row;
1726
+ flex-direction: row;
1727
+ margin-top: -2em;
1728
+ margin-top: -1.55em;
1729
+ outline: 0;
1730
+ padding: 0;
1731
+ position: absolute;
1732
+ right: 5px;
1733
+ top: 100%;
1734
+ }
1735
+ .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1736
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1737
+ .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1738
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1739
+ display: -webkit-box;
1740
+ display: -ms-flexbox;
1741
+ display: flex;
1742
+ }
1743
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1744
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1745
+ margin-right: 0;
1746
+ margin-top: -1.3em;
1747
+ right: 0;
1748
+ min-width: 30px;
1749
+ }
1750
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1751
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
1752
+ top: -1px;
1753
+ }
1754
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1755
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
1756
+ font-size: 18px;
1757
+ height: 28px;
1758
+ width: 28px;
1759
+ }
1760
+
1761
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
1762
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
1763
+ float: right;
1764
+ }
1765
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
1766
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
1767
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
1768
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
1769
+ left: 0;
1770
+ right: auto;
1771
+ }
1772
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
1773
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
1774
+ padding: 0 0 0 48px;
1775
+ }
1776
+
1777
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1778
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1779
+ opacity: 0.7;
1780
+ pointer-events: none;
1781
+ }
1782
+
1783
+ .e-multiselect.e-input-group,
1784
+ .e-multiselect.e-float-input {
1785
+ word-wrap: initial;
1786
+ }
1787
+
1788
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
1789
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1790
+ top: 15px;
1791
+ }
1792
+
1793
+ .e-multi-select-wrapper.e-close-icon-hide {
1794
+ padding-right: 0;
1795
+ }
1796
+
1797
+ .e-multi-select-wrapper .e-chips-collection {
1798
+ cursor: default;
1799
+ display: block;
1800
+ }
1801
+
1802
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1803
+ margin-right: 30px;
1804
+ }
1805
+
1806
+ .e-multi-select-wrapper .e-multi-hidden {
1807
+ border: 0;
1808
+ height: 0;
1809
+ position: absolute;
1810
+ visibility: hidden;
1811
+ width: 0;
1812
+ }
1813
+
1814
+ .e-multi-select-wrapper .e-chips {
1815
+ -webkit-box-align: center;
1816
+ -ms-flex-align: center;
1817
+ align-items: center;
1818
+ display: -webkit-inline-box;
1819
+ display: -ms-inline-flexbox;
1820
+ display: inline-flex;
1821
+ float: left;
1822
+ margin: 3px;
1823
+ max-width: 100%;
1824
+ overflow: hidden;
1825
+ padding: 0 4px 0 8px;
1826
+ text-overflow: ellipsis;
1827
+ white-space: nowrap;
1828
+ }
1829
+
1830
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
1831
+ max-width: 100%;
1832
+ overflow: hidden;
1833
+ padding: 0 4px 0 0;
1834
+ text-indent: 0;
1835
+ text-overflow: ellipsis;
1836
+ white-space: nowrap;
1837
+ }
1838
+
1839
+ .e-multi-select-wrapper.e-delimiter .e-searcher {
1840
+ display: inline-block;
1841
+ float: none;
1842
+ }
1843
+
1844
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1845
+ padding: 8px 4px 8px 0;
1846
+ }
1847
+
1848
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1849
+ padding: 8px 0 8px 4px;
1850
+ }
1851
+
1852
+ .e-multi-select-wrapper .e-chips-close {
1853
+ -ms-flex-item-align: center;
1854
+ align-self: center;
1855
+ display: -webkit-box;
1856
+ display: -ms-flexbox;
1857
+ display: flex;
1858
+ float: right;
1859
+ font-family: "e-icons";
1860
+ height: 16px;
1861
+ margin: 0 0 0;
1862
+ width: 16px;
1863
+ }
1864
+
1865
+ .e-rtl .e-multi-select-wrapper .e-chips-close {
1866
+ margin: 0 0 0;
1867
+ }
1868
+
1869
+ .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
1870
+ margin: 3px 0 0;
1871
+ }
1872
+
1873
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1874
+ cursor: default;
1875
+ font-size: 18px;
1876
+ height: 28px;
1877
+ margin-top: -1.65em;
1878
+ position: absolute;
1879
+ right: 5px;
1880
+ width: 28px;
1881
+ top: 100%;
1882
+ }
1883
+
1884
+ .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1885
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1886
+ .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1887
+ right: 32px;
1888
+ }
1889
+
1890
+ .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1891
+ left: 32px;
1892
+ right: auto;
1893
+ }
1894
+
1895
+ .e-multi-select-wrapper input[type=text] {
1896
+ background: none;
1897
+ border: 0;
1898
+ font-family: "Inter";
1899
+ font-size: 14px;
1900
+ font-weight: normal;
1901
+ height: 28px;
1902
+ min-height: 28px;
1903
+ outline: none;
1904
+ padding: 4px 0 4px 12px;
1905
+ text-indent: 0;
1906
+ }
1907
+
1908
+ .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1909
+ background: none;
1910
+ border: 0;
1911
+ color: inherit;
1912
+ font-family: "Inter";
1913
+ font-size: 14px;
1914
+ font-weight: normal;
1915
+ height: 28px;
1916
+ min-height: 28px;
1917
+ outline: none;
1918
+ padding: 0;
1919
+ text-indent: 10px;
1920
+ }
1921
+
1922
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1923
+ padding: 5px;
1924
+ }
1925
+
1926
+ /* stylelint-disable property-no-vendor-prefix */
1927
+ .e-multi-select-wrapper input[type=text]::-ms-clear {
1928
+ display: none;
1929
+ }
1930
+
1931
+ .e-multi-select-wrapper .e-searcher {
1932
+ display: block;
1933
+ float: left;
1934
+ width: auto;
1935
+ }
1936
+
1937
+ .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1938
+ width: calc(100% - 32px);
1939
+ }
1940
+
1941
+ .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1942
+ .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1943
+ width: calc(100% - 30px);
1944
+ }
1945
+
1946
+ .e-multi-select-wrapper .e-delim-values {
1947
+ font-family: "Inter";
1948
+ font-size: 14px;
1949
+ line-height: 28px;
1950
+ max-width: 100%;
1951
+ padding-left: 10px;
1952
+ padding-right: 6px;
1953
+ vertical-align: middle;
1954
+ }
1955
+
1956
+ .e-small .e-multi-select-wrapper .e-delim-values .e-remain {
1957
+ font-size: 12px;
1958
+ }
1959
+
1960
+ .e-multi-select-list-wrapper .e-hide-listitem,
1961
+ .e-multi-select-list-wrapper .e-hide-group-header {
1962
+ display: none;
1963
+ }
1964
+
1965
+ .e-multi-select-wrapper .e-delim-values .e-remain {
1966
+ color: var(--color-sf-text-primary);
1967
+ cursor: pointer;
1968
+ display: inline-block;
1969
+ font-size: 14px;
1970
+ padding-left: 16px;
1971
+ }
1972
+
1973
+ .e-multiselect.e-disabled .e-multi-select-wrapper,
1974
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
1975
+ cursor: not-allowed;
1976
+ }
1977
+
1978
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1979
+ height: 40px;
1980
+ left: 0;
1981
+ margin: 0 0 0 0;
1982
+ margin-left: auto;
1983
+ position: relative;
1984
+ top: 0;
1985
+ width: 40px;
1986
+ }
1987
+
1988
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1989
+ -ms-flex-item-align: center;
1990
+ align-self: center;
1991
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
1992
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
1993
+ display: -webkit-inline-box;
1994
+ display: -ms-inline-flexbox;
1995
+ display: inline-flex;
1996
+ padding: 0 0 0 16px;
1997
+ width: 92%;
1998
+ }
1999
+
2000
+ .e-multi-select-wrapper .e-ddl-disable-icon::before {
2001
+ content: "";
2002
+ }
2003
+
2004
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
2005
+ float: none;
2006
+ }
2007
+
2008
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
2009
+ padding-left: 0;
2010
+ }
2011
+ .e-multiselect.e-rtl .e-multi-select-wrapper {
2012
+ padding: 0 2px 0 32px;
2013
+ }
2014
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
2015
+ left: -12px;
2016
+ }
2017
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
2018
+ margin: 0;
2019
+ margin-right: auto;
2020
+ }
2021
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
2022
+ float: right;
2023
+ }
2024
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
2025
+ float: right;
2026
+ margin: 3px;
2027
+ padding: 0 8px 0 4px;
2028
+ }
2029
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
2030
+ padding: 5px 4px;
2031
+ }
2032
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
2033
+ float: left;
2034
+ }
2035
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
2036
+ left: 0;
2037
+ }
2038
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
2039
+ padding: 0 4px 0 8px;
2040
+ }
2041
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
2042
+ padding: 8px 4px;
2043
+ }
2044
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2045
+ padding: 0 8px 0 4px;
2046
+ }
2047
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2048
+ padding: 12px 4px;
2049
+ }
2050
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2051
+ left: 32px;
2052
+ position: absolute;
2053
+ right: auto;
2054
+ left: 0;
2055
+ }
2056
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
2057
+ left: -4px;
2058
+ }
2059
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
2060
+ padding-right: 16px;
2061
+ }
2062
+
2063
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
2064
+ left: 32px;
2065
+ }
2066
+
2067
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
2068
+ left: -7px;
2069
+ }
2070
+
2071
+ .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2072
+ bottom: 1px;
2073
+ margin-right: 8px;
2074
+ position: relative;
2075
+ text-indent: 0;
2076
+ vertical-align: middle;
2077
+ }
2078
+
2079
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2080
+ bottom: 1px;
2081
+ margin-right: 8px;
2082
+ position: relative;
2083
+ text-indent: 0;
2084
+ vertical-align: middle;
2085
+ }
2086
+
2087
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
2088
+ margin-left: 12px;
2089
+ margin-right: 0;
2090
+ }
2091
+
2092
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
2093
+ margin-left: 12px;
2094
+ margin-right: 0;
2095
+ }
2096
+
2097
+ .e-multi-select-list-wrapper .e-selectall-parent {
2098
+ cursor: pointer;
2099
+ display: block;
2100
+ line-height: 30px;
2101
+ overflow: hidden;
2102
+ text-overflow: ellipsis;
2103
+ padding-right: 16px;
2104
+ position: relative;
2105
+ text-indent: 12px;
2106
+ white-space: nowrap;
2107
+ width: 100%;
2108
+ }
2109
+
2110
+ .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
2111
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
2112
+ padding-left: 16px;
2113
+ padding-right: 0;
2114
+ }
2115
+
2116
+ .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2117
+ color: var(--color-sf-text-primary);
2118
+ font-family: "Inter";
2119
+ font-size: 14px;
2120
+ }
2121
+
2122
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
2123
+ .e-small .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2124
+ font-size: 12px;
2125
+ }
2126
+
2127
+ .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2128
+ bottom: 1px;
2129
+ margin-right: 8px;
2130
+ position: relative;
2131
+ text-indent: 0;
2132
+ vertical-align: middle;
2133
+ }
2134
+
2135
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
2136
+ margin-left: 12px;
2137
+ margin-right: 0;
2138
+ }
2139
+
2140
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
2141
+ float: right;
2142
+ margin-top: 0;
2143
+ }
2144
+
2145
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
2146
+ float: left;
2147
+ }
2148
+
2149
+ .e-multiselect.e-checkbox .e-multi-select-wrapper,
2150
+ .e-multiselect .e-multi-select-wrapper.e-down-icon {
2151
+ padding: 0;
2152
+ }
2153
+
2154
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2155
+ padding-left: 8px;
2156
+ }
2157
+
2158
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
2159
+ padding: 0 8px;
2160
+ }
2161
+
2162
+ .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
2163
+ line-height: 20px;
2164
+ padding-left: 10px;
2165
+ }
2166
+
2167
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
2168
+ .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
2169
+ opacity: 0.3;
2170
+ }
2171
+
2172
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
2173
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
2174
+ opacity: 0.7;
2175
+ }
2176
+
2177
+ .e-multi-select-wrapper input[readonly=true] {
2178
+ pointer-events: none;
2179
+ }
2180
+
2181
+ .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
2182
+ pointer-events: none;
2183
+ }
2184
+
2185
+ ejs-multiselect {
2186
+ display: block;
2187
+ }
2188
+
2189
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
2190
+ .e-small .e-multi-select-list-wrapper .e-selectall-parent {
2191
+ line-height: 24px;
2192
+ font-size: 12px;
2193
+ text-indent: 8px;
2194
+ }
2195
+
2196
+ .e-small .e-multi-select-wrapper .e-chips-close {
2197
+ height: 14px;
2198
+ width: 14px;
2199
+ }
2200
+
2201
+ .e-small .e-multi-select-wrapper {
2202
+ min-height: 24px;
2203
+ }
2204
+
2205
+ .e-small .e-multi-select-wrapper.e-delimiter .e-searcher,
2206
+ .e-small .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2207
+ height: 24px;
2208
+ }
2209
+
2210
+ .e-small .e-multi-select-wrapper input[type=text] {
2211
+ font-size: 12px;
2212
+ height: 24px;
2213
+ min-height: 24px;
2214
+ }
2215
+
2216
+ .e-small .e-multi-select-wrapper .e-delim-values {
2217
+ font-size: 12px;
2218
+ line-height: 24px;
2219
+ }
2220
+
2221
+ .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2222
+ .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2223
+ margin-top: -1.65em;
2224
+ font-size: 16px;
2225
+ height: 24px;
2226
+ width: 28px;
2227
+ }
2228
+
2229
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2230
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2231
+ margin-top: -1.3em;
2232
+ }
2233
+
2234
+ .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2235
+ background-size: 300px 33px;
2236
+ min-height: 33px;
2237
+ }
2238
+
2239
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2240
+ color: inherit;
2241
+ }
2242
+
2243
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2244
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2245
+ -webkit-box-align: normal;
2246
+ -ms-flex-align: normal;
2247
+ align-items: normal;
2248
+ }
2249
+
2250
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2251
+ padding: 0 12px 0 8px;
2252
+ }
2253
+
2254
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper {
2255
+ padding: 0;
2256
+ }
2257
+
2258
+ .e-filled.e-float-input .e-multi-select-wrapper {
2259
+ padding: 11px 12px 0;
2260
+ }
2261
+
2262
+ .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2263
+ .e-small .e-filled.e-float-input .e-multi-select-wrapper {
2264
+ padding: 12px 12px 0 8px;
2265
+ }
2266
+
2267
+ .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2268
+ .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2269
+ padding: 0;
2270
+ }
2271
+
2272
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2273
+ height: 28px;
2274
+ }
2275
+
2276
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2277
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2278
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2279
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2280
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2281
+ height: 24px;
2282
+ }
2283
+
2284
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2285
+ height: 18px;
2286
+ }
2287
+
2288
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2289
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2290
+ margin: 8px 8px 0 0;
2291
+ padding: 0 8px;
2292
+ }
2293
+
2294
+ .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2295
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2296
+ margin: 8px 0 0 8px;
2297
+ padding: 0 8px;
2298
+ }
2299
+
2300
+ .e-small .e-filled .e-multi-select-wrapper .e-chips,
2301
+ .e-small.e-filled .e-multi-select-wrapper .e-chips {
2302
+ height: 16px;
2303
+ margin: 4px 4px 0 0;
2304
+ padding-right: 8px;
2305
+ }
2306
+
2307
+ .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2308
+ .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2309
+ margin: 4px 0 0 4px;
2310
+ }
2311
+
2312
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2313
+ font-size: 13px;
2314
+ padding: 0 8px 0 0;
2315
+ }
2316
+
2317
+ .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2318
+ .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2319
+ font-size: 12px;
2320
+ }
2321
+
2322
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2323
+ font-size: 12px;
2324
+ padding: 0 4px 0 0;
2325
+ }
2326
+
2327
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2328
+ padding: 0 0 0 4px;
2329
+ }
2330
+
2331
+ .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2332
+ .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2333
+ font-size: 10px;
2334
+ }
2335
+
2336
+ .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2337
+ font-size: 13px;
2338
+ padding-right: 4px;
2339
+ }
2340
+
2341
+ .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2342
+ .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2343
+ height: 38px;
2344
+ margin-top: -38px;
2345
+ right: 12px;
2346
+ top: 100%;
2347
+ width: 16px;
2348
+ }
2349
+
2350
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2351
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2352
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2353
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2354
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
2355
+ display: none;
2356
+ }
2357
+
2358
+ .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
2359
+ margin-right: 0;
2360
+ }
2361
+
2362
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2363
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2364
+ cursor: not-allowed;
2365
+ }
2366
+
2367
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2368
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
2369
+ cursor: pointer;
2370
+ }
2371
+
2372
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
2373
+ bottom: 0;
2374
+ right: 0;
2375
+ cursor: nwse-resize;
2376
+ height: 15px;
2377
+ position: absolute;
2378
+ width: 15px;
2379
+ }
2380
+
2381
+ .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2382
+ color: var(--color-sf-text-primary);
2383
+ }
2384
+
2385
+ .e-multi-select-wrapper .e-chips.e-chip-selected {
2386
+ background-color: var(--color-sf-bg-secondary-alt);
2387
+ }
2388
+
2389
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
2390
+ background-color: var(--color-sf-bg-secondary-alt);
2391
+ }
2392
+
2393
+ .e-multiselect {
2394
+ -webkit-box-sizing: border-box;
2395
+ box-sizing: border-box;
2396
+ }
2397
+
2398
+ /* stylelint-disable property-no-vendor-prefix */
2399
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
2400
+ -webkit-text-fill-color: var(--color-sf-text-primary);
2401
+ color: var(--color-sf-text-primary);
2402
+ font-family: "Inter";
2403
+ font-size: 14px;
2404
+ }
2405
+
2406
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
2407
+ color: var(--color-sf-text-primary);
2408
+ }
2409
+
2410
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
2411
+ color: var(--color-sf-text-secondary-hover);
2412
+ }
2413
+
2414
+ .e-multi-select-wrapper .e-chips {
2415
+ background-color: var(--color-sf-bg-tertiary);
2416
+ border-radius: 6px;
2417
+ height: 22px;
2418
+ }
2419
+
2420
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
2421
+ background-color: var(--color-sf-bg-quaternary);
2422
+ }
2423
+
2424
+ .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
2425
+ color: var(--color-sf-text-secondary-hover);
2426
+ }
2427
+
2428
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
2429
+ -webkit-text-fill-color: var(--color-sf-fg-secondary);
2430
+ color: var(--color-sf-fg-secondary);
2431
+ font-size: 16px;
2432
+ }
2433
+
2434
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2435
+ background-color: var(--color-sf-brand-primary);
2436
+ border-radius: 6px;
2437
+ color: var(--color-sf-text-primary);
2438
+ height: 40px;
2439
+ line-height: 40px;
2440
+ }
2441
+
2442
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2443
+ color: var(--color-sf-text-primary);
2444
+ }
2445
+
2446
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
2447
+ height: 30px;
2448
+ }
2449
+
2450
+ .e-popup.e-multi-select-list-wrapper {
2451
+ -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
2452
+ box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
2453
+ -webkit-box-sizing: content-box;
2454
+ box-sizing: content-box;
2455
+ overflow: initial;
2456
+ }
2457
+
2458
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
2459
+ background-color: transparent;
2460
+ border-color: transparent;
2461
+ color: var(--color-sf-text-primary);
2462
+ }
2463
+
2464
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-dropdownbase .e-list-item.e-active,
2465
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-dropdownbase .e-list-item.e-active.e-hover {
2466
+ font-weight: normal;
2467
+ }
2468
+
2469
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
2470
+ background-color: transparent;
2471
+ border-color: transparent;
2472
+ color: var(--color-sf-text-primary);
2473
+ }
2474
+
2475
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
2476
+ color: var(--color-sf-text-primary);
2477
+ }
2478
+
2479
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
2480
+ color: var(--color-sf-text-primary);
2481
+ }
2482
+
2483
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2484
+ background-color: var(--color-sf-bg-secondary-hover);
2485
+ }
2486
+
2487
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
2488
+ background-color: var(--color-sf-bg-secondary-hover);
2489
+ }
2490
+
2491
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2492
+ background-color: var(--color-sf-utility-content-bg-color-selected);
2493
+ -webkit-box-shadow: none;
2494
+ box-shadow: none;
2495
+ color: var(--color-sf-text-primary);
2496
+ }
2497
+
2498
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2499
+ background-color: var(--color-sf-utility-content-bg-color-selected);
2500
+ -webkit-box-shadow: none;
2501
+ box-shadow: none;
2502
+ color: var(--color-sf-text-primary);
2503
+ }
2504
+
2505
+ .e-popup.e-multi-select-list-wrapper .e-list-item {
2506
+ border: 0 solid transparent;
2507
+ }
2508
+
2509
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
2510
+ border: 0 solid transparent;
2511
+ }
2512
+
2513
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2514
+ color: var(--color-sf-text-placeholder);
2515
+ }
2516
+
2517
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2518
+ color: var(--color-sf-text-placeholder);
2519
+ }
2520
+
2521
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2522
+ color: var(--color-sf-text-placeholder);
2523
+ }
2524
+
2525
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2526
+ color: var(--color-sf-text-placeholder);
2527
+ }
2528
+
2529
+ .e-ul.e-reorder {
2530
+ border-bottom: 1px solid var(--color-sf-border-secondary);
2531
+ }
2532
+
2533
+ .e-multi-select-list-wrapper .e-selectall-parent {
2534
+ border-bottom: 1px solid var(--color-sf-border-secondary);
2535
+ }
2536
+
2537
+ .e-multi-select-wrapper .e-delim-values {
2538
+ -webkit-text-fill-color: var(--color-sf-text-primary);
2539
+ color: var(--color-sf-text-primary);
2540
+ }
2541
+
2542
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2543
+ color: var(--color-sf-fg-secondary);
2544
+ }
2545
+
2546
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover {
2547
+ color: var(--color-sf-fg-secondary-hover);
2548
+ }
2549
+
2550
+ .e-small .e-multi-select-wrapper .e-chips {
2551
+ height: 18px;
2552
+ }
2553
+
2554
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2555
+ font-size: 12px;
2556
+ }
2557
+
2558
+ .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2559
+ font-size: 14px;
2560
+ }
2561
+
2562
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
2563
+ left: 6px;
2564
+ }
2565
+
2566
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2567
+ -webkit-text-fill-color: var(--color-sf-text-disabled);
2568
+ color: var(--color-sf-text-disabled);
2569
+ }
2570
+
2571
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
2572
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2573
+ margin-top: -1.3em;
2574
+ }
2575
+
2576
+ .e-bigger .e-multi-select-wrapper {
2577
+ min-height: 36px;
2578
+ }
2579
+
2580
+ .e-bigger .e-multi-select-wrapper .e-chips {
2581
+ margin: 3px;
2582
+ }
2583
+
2584
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
2585
+ font-size: 16px;
2586
+ }
2587
+
2588
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
2589
+ padding: 8px 4px 8px 0;
2590
+ }
2591
+
2592
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
2593
+ padding: 8px 0 8px 4px;
2594
+ }
2595
+
2596
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2597
+ margin-top: -1.62em;
2598
+ height: 36px;
2599
+ width: 40px;
2600
+ }
2601
+
2602
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
2603
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2604
+ margin-top: -1.62em;
2605
+ height: 36px;
2606
+ margin-top: -2em;
2607
+ width: 40px;
2608
+ }
2609
+
2610
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2611
+ .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker.e-multi-select-wrapper .e-chips-close.e-close-hooker {
2612
+ font-size: 22px;
2613
+ margin-top: -1.65em;
2614
+ margin-top: -1.62em;
2615
+ }
2616
+
2617
+ .e-bigger .e-multi-select-wrapper input[type=text],
2618
+ .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
2619
+ height: 28px;
2620
+ min-height: 28px;
2621
+ }
2622
+
2623
+ .e-bigger .e-multi-select-wrapper input[type=text] {
2624
+ font-size: 16px;
2625
+ height: 36px;
2626
+ min-height: 36px;
2627
+ }
2628
+
2629
+ .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2630
+ .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2631
+ width: calc(100% - 50px);
2632
+ }
2633
+
2634
+ .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2635
+ .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2636
+ .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2637
+ .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2638
+ width: calc(100% - 32px);
2639
+ }
2640
+
2641
+ .e-bigger .e-multi-select-wrapper .e-delim-values {
2642
+ font-size: 16px;
2643
+ line-height: 36px;
2644
+ padding-left: 10px;
2645
+ }
2646
+
2647
+ .e-bigger .e-multi-select-wrapper .e-delim-values .e-remain {
2648
+ font-size: 16px;
2649
+ }
2650
+
2651
+ .e-bigger.e-small .e-multi-select-wrapper .e-delim-values .e-remain {
2652
+ font-size: 14px;
2653
+ }
2654
+
2655
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
2656
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2657
+ bottom: 1px;
2658
+ margin-right: 12px;
2659
+ }
2660
+
2661
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
2662
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2663
+ bottom: 1px;
2664
+ margin-right: 12px;
2665
+ }
2666
+
2667
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
2668
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2669
+ font-size: 16px;
2670
+ }
2671
+
2672
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
2673
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2674
+ font-size: 14px;
2675
+ }
2676
+
2677
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
2678
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
2679
+ font-size: 14px;
2680
+ line-height: 36px;
2681
+ text-indent: 16px;
2682
+ }
2683
+
2684
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
2685
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2686
+ bottom: 1px;
2687
+ margin-right: 12px;
2688
+ }
2689
+
2690
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2691
+ padding-left: 8px;
2692
+ }
2693
+
2694
+ .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
2695
+ line-height: 36px;
2696
+ }
2697
+
2698
+ .e-bigger .e-multi-select-wrapper .e-chips-close {
2699
+ height: 20px;
2700
+ width: 20px;
2701
+ }
2702
+
2703
+ .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
2704
+ font-size: 20px;
2705
+ }
2706
+
2707
+ .e-bigger.e-small .e-multi-select-wrapper.e-delimiter .e-searcher,
2708
+ .e-bigger.e-small .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2709
+ height: 32px;
2710
+ }
2711
+
2712
+ .e-bigger .e-multi-select-wrapper.e-delimiter .e-searcher,
2713
+ .e-bigger .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2714
+ height: 36px;
2715
+ }
2716
+
2717
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2718
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2719
+ line-height: 32px;
2720
+ font-size: 14px;
2721
+ text-indent: 14px;
2722
+ }
2723
+
2724
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2725
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2726
+ margin-top: -1.3em;
2727
+ }
2728
+
2729
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2730
+ height: 18px;
2731
+ width: 18px;
2732
+ }
2733
+
2734
+ .e-bigger.e-small .e-multi-select-wrapper {
2735
+ min-height: 28px;
2736
+ }
2737
+
2738
+ .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
2739
+ font-size: 14px;
2740
+ height: 32px;
2741
+ min-height: 32px;
2742
+ }
2743
+
2744
+ .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
2745
+ font-size: 14px;
2746
+ line-height: 32px;
2747
+ }
2748
+
2749
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2750
+ .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2751
+ margin-top: -1.64em;
2752
+ font-size: 20px;
2753
+ height: 32px;
2754
+ width: 32px;
2755
+ }
2756
+
2757
+ .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
2758
+ .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2759
+ background-size: 300px 40px;
2760
+ min-height: 40px;
2761
+ }
2762
+
2763
+ .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
2764
+ .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2765
+ padding: 3px 12px 0 4px;
2766
+ }
2767
+
2768
+ .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2769
+ .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2770
+ .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2771
+ .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
2772
+ padding: 0;
2773
+ }
2774
+
2775
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
2776
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
2777
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2778
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
2779
+ padding: 11px 12px 0;
2780
+ }
2781
+
2782
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
2783
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
2784
+ padding: 19px 12px 0 16px;
2785
+ }
2786
+
2787
+ .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2788
+ padding-top: 3px;
2789
+ }
2790
+
2791
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
2792
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
2793
+ padding: 5px 0;
2794
+ }
2795
+
2796
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2797
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2798
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2799
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2800
+ height: 28px;
2801
+ }
2802
+
2803
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2804
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2805
+ height: 24px;
2806
+ }
2807
+
2808
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2809
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2810
+ height: 32px;
2811
+ }
2812
+
2813
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2814
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2815
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2816
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2817
+ height: 18px;
2818
+ }
2819
+
2820
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2821
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2822
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2823
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2824
+ .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2825
+ .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2826
+ .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2827
+ .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2828
+ margin: 8px 8px 0 0;
2829
+ padding: 0 8px;
2830
+ }
2831
+
2832
+ .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2833
+ .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2834
+ .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2835
+ .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2836
+ .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2837
+ .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2838
+ .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2839
+ .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2840
+ margin: 8px 0 0 8px;
2841
+ padding: 0 8px;
2842
+ }
2843
+
2844
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2845
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2846
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2847
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2848
+ padding-left: 8px;
2849
+ }
2850
+
2851
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2852
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2853
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2854
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2855
+ font-size: 13px;
2856
+ padding: 0 8px 0 0;
2857
+ }
2858
+
2859
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2860
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2861
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2862
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2863
+ font-size: 12px;
2864
+ padding: 0 4px 0 0;
2865
+ }
2866
+
2867
+ .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2868
+ .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2869
+ .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2870
+ .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2871
+ padding: 0 0 0 4px;
2872
+ }
2873
+
2874
+ .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2875
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2876
+ font-size: 13px;
2877
+ }
2878
+
2879
+ .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2880
+ .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2881
+ .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2882
+ .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2883
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2884
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2885
+ padding: 0 12px;
2886
+ }
2887
+
2888
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2889
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2890
+ padding-right: 8px;
2891
+ }
2892
+
2893
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2894
+ font-size: 18px;
2895
+ }
2896
+
2897
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2898
+ height: 26px;
2899
+ }
2900
+
2901
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2902
+ font-size: 14px;
2903
+ }
2904
+
2905
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2906
+ left: 6px;
2907
+ }
2908
+
2909
+ .e-bigger .e-multi-select-wrapper .e-chips {
2910
+ height: 30px;
2911
+ }
2912
+
2913
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2914
+ height: 28px;
2915
+ width: 28px;
2916
+ }
2917
+
2918
+ /* stylelint-disable */
2919
+ .e-listbox-wrapper {
2920
+ padding: 0 12px !important;
2921
+ }
2922
+
2923
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2924
+ .e-listbox-wrapper .e-list-nrt,
2925
+ .e-listbox-wrapper .e-selectall-parent,
2926
+ .e-listbox-container:not(.e-list-template) .e-list-item,
2927
+ .e-listbox-container .e-list-nrt,
2928
+ .e-listbox-container .e-selectall-parent,
2929
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2930
+ .e-listboxtool-wrapper .e-list-nrt,
2931
+ .e-listboxtool-wrapper .e-selectall-parent {
2932
+ border-radius: 6px !important;
2933
+ }
2934
+
2935
+ .e-listbox-tool .e-moveup::before {
2936
+ content: "\e776";
2937
+ }
2938
+
2939
+ .e-listbox-tool .e-movedown::before {
2940
+ content: "\e729";
2941
+ }
2942
+
2943
+ .e-listbox-tool .e-moveto::before {
2944
+ content: "\e748";
2945
+ }
2946
+
2947
+ .e-listbox-tool .e-movefrom::before {
2948
+ content: "\e765";
2949
+ }
2950
+
2951
+ .e-listbox-tool .e-moveallto::before {
2952
+ content: "\e7a9";
2953
+ }
2954
+
2955
+ .e-listbox-tool .e-moveallfrom::before {
2956
+ content: "\e744";
2957
+ }
2958
+
2959
+ /* stylelint-disable property-no-vendor-prefix */
2960
+ .e-listbox-wrapper,
2961
+ .e-listbox-container,
2962
+ .e-listboxtool-wrapper {
2963
+ -webkit-overflow-scrolling: touch;
2964
+ -webkit-box-sizing: border-box;
2965
+ box-sizing: border-box;
2966
+ cursor: pointer;
2967
+ display: block;
2968
+ position: relative;
2969
+ -webkit-user-select: none;
2970
+ -moz-user-select: none;
2971
+ -ms-user-select: none;
2972
+ user-select: none;
2973
+ width: 100%;
2974
+ }
2975
+ .e-listbox-wrapper *,
2976
+ .e-listbox-container *,
2977
+ .e-listboxtool-wrapper * {
2978
+ -webkit-box-sizing: border-box;
2979
+ box-sizing: border-box;
2980
+ }
2981
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2982
+ .e-listbox-container.e-listboxtool-container .e-list-wrap,
2983
+ .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2984
+ width: 84% !important; /* stylelint-disable-line declaration-no-important */
2985
+ }
2986
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2987
+ .e-listbox-container .e-list-wrap:focus-visible,
2988
+ .e-listbox-container:focus,
2989
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2990
+ .e-listboxtool-wrapper:focus {
2991
+ outline: none;
2992
+ }
2993
+ .e-listbox-wrapper.e-disabled,
2994
+ .e-listbox-container.e-disabled,
2995
+ .e-listboxtool-wrapper.e-disabled {
2996
+ cursor: default;
2997
+ pointer-events: none;
2998
+ }
2999
+ .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
3000
+ .e-listbox-container:not(.e-list-template) .e-list-nrt,
3001
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
3002
+ text-align: center;
3003
+ }
3004
+ .e-listbox-wrapper .e-list-parent,
3005
+ .e-listbox-container .e-list-parent,
3006
+ .e-listboxtool-wrapper .e-list-parent {
3007
+ height: 100%;
3008
+ min-height: 38px;
3009
+ }
3010
+ .e-listbox-wrapper .e-list-item,
3011
+ .e-listbox-container .e-list-item,
3012
+ .e-listboxtool-wrapper .e-list-item {
3013
+ border-bottom: 0 solid;
3014
+ outline: none;
3015
+ }
3016
+ .e-listbox-wrapper .e-list-item.e-disabled,
3017
+ .e-listbox-container .e-list-item.e-disabled,
3018
+ .e-listboxtool-wrapper .e-list-item.e-disabled {
3019
+ pointer-events: none;
3020
+ }
3021
+ .e-listbox-wrapper .e-disable,
3022
+ .e-listbox-container .e-disable,
3023
+ .e-listboxtool-wrapper .e-disable {
3024
+ opacity: 0.7;
3025
+ }
3026
+ .e-listbox-wrapper .e-list-parent,
3027
+ .e-listbox-container .e-list-parent,
3028
+ .e-listboxtool-wrapper .e-list-parent {
3029
+ margin: 0;
3030
+ padding: 0;
3031
+ }
3032
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3033
+ .e-listbox-container .e-list-header .e-text.header,
3034
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3035
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
3036
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
3037
+ display: none;
3038
+ }
3039
+ .e-listbox-wrapper .e-icon-back,
3040
+ .e-listbox-container .e-icon-back,
3041
+ .e-listboxtool-wrapper .e-icon-back {
3042
+ margin-top: 2px;
3043
+ }
3044
+ .e-listbox-wrapper .e-list-header,
3045
+ .e-listbox-container .e-list-header,
3046
+ .e-listboxtool-wrapper .e-list-header {
3047
+ -webkit-box-align: center;
3048
+ -ms-flex-align: center;
3049
+ align-items: center;
3050
+ border-bottom: 1px solid;
3051
+ display: -webkit-box;
3052
+ display: -ms-flexbox;
3053
+ display: flex;
3054
+ font-weight: 500;
3055
+ height: 18px;
3056
+ padding: 0 12px;
3057
+ }
3058
+ .e-listbox-wrapper .e-has-header > .e-view,
3059
+ .e-listbox-container .e-has-header > .e-view,
3060
+ .e-listboxtool-wrapper .e-has-header > .e-view {
3061
+ top: 45px;
3062
+ }
3063
+ .e-listbox-wrapper .e-but-back,
3064
+ .e-listbox-container .e-but-back,
3065
+ .e-listboxtool-wrapper .e-but-back {
3066
+ cursor: pointer;
3067
+ padding-right: 8px;
3068
+ }
3069
+ .e-listbox-wrapper .e-list-group-item:first-child,
3070
+ .e-listbox-container .e-list-group-item:first-child,
3071
+ .e-listboxtool-wrapper .e-list-group-item:first-child {
3072
+ border: 0;
3073
+ border-bottom: 0 solid transparent;
3074
+ }
3075
+ .e-listbox-wrapper .e-list-group-item,
3076
+ .e-listbox-container .e-list-group-item,
3077
+ .e-listboxtool-wrapper .e-list-group-item {
3078
+ border-bottom: 0 solid transparent;
3079
+ border-top: 1px solid;
3080
+ font-weight: 600;
3081
+ height: 30px;
3082
+ line-height: 7px;
3083
+ padding: 12px 12px;
3084
+ }
3085
+ .e-listbox-wrapper .e-icon-collapsible,
3086
+ .e-listbox-container .e-icon-collapsible,
3087
+ .e-listboxtool-wrapper .e-icon-collapsible {
3088
+ cursor: pointer;
3089
+ font-size: 12px;
3090
+ position: absolute;
3091
+ right: 0%;
3092
+ top: 50%;
3093
+ -webkit-transform: translateY(-50%);
3094
+ transform: translateY(-50%);
3095
+ }
3096
+ .e-listbox-wrapper .e-text-content,
3097
+ .e-listbox-container .e-text-content,
3098
+ .e-listboxtool-wrapper .e-text-content {
3099
+ height: 100%;
3100
+ position: relative;
3101
+ vertical-align: middle;
3102
+ }
3103
+ .e-listbox-wrapper .e-text-content *,
3104
+ .e-listbox-container .e-text-content *,
3105
+ .e-listboxtool-wrapper .e-text-content * {
3106
+ display: inline-block;
3107
+ vertical-align: middle;
3108
+ }
3109
+ .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
3110
+ .e-listbox-container .e-text-content.e-checkbox .e-list-text,
3111
+ .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
3112
+ width: calc(100% - 40px);
3113
+ }
3114
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
3115
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
3116
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
3117
+ width: calc(100% - 90px);
3118
+ }
3119
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3120
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3121
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
3122
+ width: calc(100% - 80px);
3123
+ }
3124
+ .e-listbox-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3125
+ .e-listbox-container .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3126
+ .e-listboxtool-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
3127
+ width: calc(100% - 92px);
3128
+ }
3129
+ .e-listbox-wrapper .e-checkbox .e-checkbox-left,
3130
+ .e-listbox-container .e-checkbox .e-checkbox-left,
3131
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
3132
+ margin: -2px 8px 0 0;
3133
+ }
3134
+ .e-listbox-wrapper .e-checkbox .e-checkbox-right,
3135
+ .e-listbox-container .e-checkbox .e-checkbox-right,
3136
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
3137
+ margin: -2px 0 0 8px;
3138
+ }
3139
+ .e-listbox-wrapper .e-list-text,
3140
+ .e-listbox-container .e-list-text,
3141
+ .e-listboxtool-wrapper .e-list-text {
3142
+ cursor: pointer;
3143
+ display: inline-block;
3144
+ overflow: hidden;
3145
+ text-overflow: ellipsis;
3146
+ vertical-align: top;
3147
+ white-space: nowrap;
3148
+ width: 100%;
3149
+ }
3150
+ .e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
3151
+ .e-listbox-container .e-list-icon + .e-list-text,
3152
+ .e-listbox-container .e-icon-wrapper .e-list-text,
3153
+ .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
3154
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
3155
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
3156
+ .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
3157
+ width: calc(100% - 60px);
3158
+ }
3159
+ .e-listbox-wrapper .e-list-icon,
3160
+ .e-listbox-container .e-list-icon,
3161
+ .e-listboxtool-wrapper .e-list-icon {
3162
+ height: 30px;
3163
+ margin-right: 16px;
3164
+ width: 30px;
3165
+ }
3166
+ .e-listbox-wrapper .e-content,
3167
+ .e-listbox-container .e-content,
3168
+ .e-listboxtool-wrapper .e-content {
3169
+ overflow: hidden;
3170
+ position: relative;
3171
+ }
3172
+ .e-listbox-wrapper .e-list-header .e-text,
3173
+ .e-listbox-container .e-list-header .e-text,
3174
+ .e-listboxtool-wrapper .e-list-header .e-text {
3175
+ cursor: pointer;
3176
+ text-indent: 0;
3177
+ }
3178
+ .e-listbox-wrapper .e-text .e-headertext,
3179
+ .e-listbox-container .e-text .e-headertext,
3180
+ .e-listboxtool-wrapper .e-text .e-headertext {
3181
+ display: inline-block;
3182
+ line-height: 18px;
3183
+ }
3184
+ .e-listbox-wrapper.e-rtl,
3185
+ .e-listbox-container.e-rtl,
3186
+ .e-listboxtool-wrapper.e-rtl {
3187
+ direction: rtl;
3188
+ }
3189
+ .e-listbox-wrapper.e-rtl .e-list-icon,
3190
+ .e-listbox-container.e-rtl .e-list-icon,
3191
+ .e-listboxtool-wrapper.e-rtl .e-list-icon {
3192
+ margin-left: 16px;
3193
+ margin-right: 0;
3194
+ }
3195
+ .e-listbox-wrapper.e-rtl .e-icon-collapsible,
3196
+ .e-listbox-container.e-rtl .e-icon-collapsible,
3197
+ .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
3198
+ left: 0%;
3199
+ right: initial;
3200
+ top: 50%;
3201
+ -webkit-transform: translateY(-50%) rotate(180deg);
3202
+ transform: translateY(-50%) rotate(180deg);
3203
+ }
3204
+ .e-listbox-wrapper.e-rtl .e-list-header .e-text,
3205
+ .e-listbox-container.e-rtl .e-list-header .e-text,
3206
+ .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
3207
+ cursor: pointer;
3208
+ }
3209
+ .e-listbox-wrapper.e-rtl .e-but-back,
3210
+ .e-listbox-container.e-rtl .e-but-back,
3211
+ .e-listboxtool-wrapper.e-rtl .e-but-back {
3212
+ -webkit-transform: rotate(180deg);
3213
+ transform: rotate(180deg);
3214
+ }
3215
+ .e-listbox-wrapper.e-rtl .e-icon-back,
3216
+ .e-listbox-container.e-rtl .e-icon-back,
3217
+ .e-listboxtool-wrapper.e-rtl .e-icon-back {
3218
+ margin-top: -2px;
3219
+ }
3220
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3221
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
3222
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
3223
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
3224
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3225
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
3226
+ margin: -2px 0 0 8px;
3227
+ }
3228
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
3229
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
3230
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
3231
+ margin: -2px 8px 0 0;
3232
+ }
3233
+ .e-listbox-wrapper .e-checkbox-wrapper,
3234
+ .e-listbox-container .e-checkbox-wrapper,
3235
+ .e-listboxtool-wrapper .e-checkbox-wrapper {
3236
+ margin: -2px 8px 0 0;
3237
+ text-indent: 0;
3238
+ vertical-align: middle;
3239
+ }
3240
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
3241
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
3242
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
3243
+ position: absolute;
3244
+ right: 0;
3245
+ top: 30%;
3246
+ }
3247
+ .e-listbox-wrapper .e-hidden-select,
3248
+ .e-listbox-container .e-hidden-select,
3249
+ .e-listboxtool-wrapper .e-hidden-select {
3250
+ height: 1px;
3251
+ opacity: 0;
3252
+ position: absolute;
3253
+ width: 100%;
3254
+ }
3255
+ .e-listbox-wrapper .e-placeholder,
3256
+ .e-listbox-container .e-placeholder,
3257
+ .e-listboxtool-wrapper .e-placeholder {
3258
+ background-color: var(--color-sf-brand-primary);
3259
+ display: block;
3260
+ height: 1px;
3261
+ }
3262
+
3263
+ ejs-listbox {
3264
+ display: block;
3265
+ }
3266
+
3267
+ .e-listbox-wrapper:not(.e-listbox-container),
3268
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3269
+ overflow: auto;
3270
+ }
3271
+
3272
+ .e-listbox-wrapper.e-sortableclone,
3273
+ .e-listbox-container.e-sortableclone,
3274
+ .e-listboxtool-wrapper.e-sortableclone {
3275
+ border-width: 0;
3276
+ overflow: visible;
3277
+ }
3278
+ .e-listbox-wrapper.e-sortableclone .e-list-item,
3279
+ .e-listbox-container.e-sortableclone .e-list-item,
3280
+ .e-listboxtool-wrapper.e-sortableclone .e-list-item {
3281
+ list-style-type: none;
3282
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
3283
+ }
3284
+ .e-listbox-wrapper.e-sortableclone .e-ripple,
3285
+ .e-listbox-container.e-sortableclone .e-ripple,
3286
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple {
3287
+ overflow: visible;
3288
+ }
3289
+ .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
3290
+ .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
3291
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
3292
+ display: none;
3293
+ }
3294
+ .e-listbox-wrapper.e-sortableclone .e-list-badge,
3295
+ .e-listbox-container.e-sortableclone .e-list-badge,
3296
+ .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
3297
+ -webkit-box-align: center;
3298
+ -ms-flex-align: center;
3299
+ align-items: center;
3300
+ background-color: var(--color-sf-brand-primary);
3301
+ border: 1px solid var(--color-sf-on-brand-solid-primary);
3302
+ border-radius: 50%;
3303
+ color: var(--color-sf-on-brand-solid-primary);
3304
+ display: -webkit-box;
3305
+ display: -ms-flexbox;
3306
+ display: flex;
3307
+ font-size: 12px;
3308
+ height: 22px;
3309
+ -webkit-box-pack: center;
3310
+ -ms-flex-pack: center;
3311
+ justify-content: center;
3312
+ position: absolute;
3313
+ right: -10px;
3314
+ top: -10px;
3315
+ width: 22px;
3316
+ }
3317
+
3318
+ .e-listboxtool-wrapper.e-sortableclone {
3319
+ display: block;
3320
+ }
3321
+
3322
+ .e-listboxtool-wrapper,
3323
+ .e-listboxtool-container {
3324
+ cursor: pointer;
3325
+ display: -webkit-box;
3326
+ display: -ms-flexbox;
3327
+ display: flex;
3328
+ }
3329
+ .e-listboxtool-wrapper *,
3330
+ .e-listboxtool-container * {
3331
+ -webkit-box-sizing: border-box;
3332
+ box-sizing: border-box;
3333
+ }
3334
+ .e-listboxtool-wrapper.e-disabled,
3335
+ .e-listboxtool-container.e-disabled {
3336
+ cursor: default;
3337
+ pointer-events: none;
3338
+ }
3339
+ .e-listboxtool-wrapper .e-listbox-wrapper,
3340
+ .e-listboxtool-wrapper .e-list-wrap,
3341
+ .e-listboxtool-container .e-listbox-wrapper,
3342
+ .e-listboxtool-container .e-list-wrap {
3343
+ -webkit-box-flex: 1;
3344
+ -ms-flex: 1;
3345
+ flex: 1;
3346
+ }
3347
+ .e-listboxtool-wrapper.e-right .e-listbox-tool,
3348
+ .e-listboxtool-container.e-right .e-listbox-tool {
3349
+ margin-left: 15px;
3350
+ }
3351
+ .e-listboxtool-wrapper.e-left .e-listbox-tool,
3352
+ .e-listboxtool-container.e-left .e-listbox-tool {
3353
+ margin-right: 15px;
3354
+ }
3355
+ .e-listboxtool-wrapper .e-listbox-tool,
3356
+ .e-listboxtool-container .e-listbox-tool {
3357
+ border: 1px solid var(--color-sf-border-secondary);
3358
+ overflow: auto;
3359
+ padding: 8px;
3360
+ }
3361
+ .e-listboxtool-wrapper .e-listbox-tool .e-btn,
3362
+ .e-listboxtool-container .e-listbox-tool .e-btn {
3363
+ display: list-item;
3364
+ list-style-type: none;
3365
+ margin-bottom: 10px;
3366
+ }
3367
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
3368
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
3369
+ position: absolute;
3370
+ right: 0;
3371
+ top: 30%;
3372
+ }
3373
+
3374
+ .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
3375
+ .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
3376
+ margin-right: 15px;
3377
+ }
3378
+ .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
3379
+ .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
3380
+ margin-left: 15px;
3381
+ }
3382
+
3383
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3384
+ .e-listbox-wrapper .e-list-nrt,
3385
+ .e-listbox-wrapper .e-selectall-parent,
3386
+ .e-listbox-container:not(.e-list-template) .e-list-item,
3387
+ .e-listbox-container .e-list-nrt,
3388
+ .e-listbox-container .e-selectall-parent,
3389
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3390
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3391
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3392
+ height: 38px;
3393
+ line-height: 1;
3394
+ padding: 12px 12px;
3395
+ position: relative;
3396
+ }
3397
+
3398
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3399
+ .e-small .e-listbox-container.e-filter-list .e-list-parent {
3400
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3401
+ }
3402
+
3403
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3404
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
3405
+ }
3406
+
3407
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3408
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
3409
+ }
3410
+
3411
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3412
+ height: calc(100% - 87.5px) !important; /* stylelint-disable-line declaration-no-important */
3413
+ }
3414
+
3415
+ .e-listbox-wrapper,
3416
+ .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3417
+ .e-listboxtool-container.e-listbox-container .e-ul {
3418
+ border: 1px solid var(--color-sf-border-secondary);
3419
+ }
3420
+
3421
+ .e-listbox-wrapper,
3422
+ .e-listbox-container,
3423
+ .e-listboxtool-wrapper {
3424
+ font-family: "Inter";
3425
+ font-size: 14px;
3426
+ }
3427
+ .e-listbox-wrapper .e-list-header,
3428
+ .e-listbox-container .e-list-header,
3429
+ .e-listboxtool-wrapper .e-list-header {
3430
+ background-color: var(--color-sf-bg-secondary);
3431
+ border-color: var(--color-sf-border-secondary);
3432
+ color: var(--color-sf-text-tertiary);
3433
+ font-size: 12px;
3434
+ }
3435
+
3436
+ .e-listbox-wrapper.e-filter-list .e-list-parent,
3437
+ .e-listbox-container.e-filter-list .e-list-parent,
3438
+ .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3439
+ height: calc(100% - 47px);
3440
+ }
3441
+
3442
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3443
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3444
+ .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3445
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3446
+ }
3447
+
3448
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3449
+ .e-listbox-container .e-selectall-parent + .e-list-parent,
3450
+ .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
3451
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3452
+ }
3453
+
3454
+ .e-listbox-wrapper .e-list-item,
3455
+ .e-listbox-container .e-list-item,
3456
+ .e-listboxtool-wrapper .e-list-item {
3457
+ background-color: var(--color-sf-base-transparent);
3458
+ border-bottom: 0 solid transparent;
3459
+ border-left: 0 solid transparent;
3460
+ border-right: 0 solid transparent;
3461
+ border-top: 0 solid transparent;
3462
+ color: var(--color-sf-text-primary);
3463
+ }
3464
+
3465
+ .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3466
+ .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
3467
+ .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3468
+ .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
3469
+ .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
3470
+ background-color: var(--color-sf-bg-secondary);
3471
+ border-color: transparent;
3472
+ color: var(--color-sf-text-secondary-hover);
3473
+ }
3474
+
3475
+ .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3476
+ .e-listbox-container .e-list-item.e-selected.e-checklist,
3477
+ .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
3478
+ background-color: var(--color-sf-base-transparent);
3479
+ color: var(--color-sf-text-primary);
3480
+ }
3481
+
3482
+ .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist, .e-listbox-wrapper .e-list-item.e-selected,
3483
+ .e-listbox-container .e-list-item.e-focused,
3484
+ .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3485
+ .e-listbox-container .e-list-item.e-selected,
3486
+ .e-listboxtool-wrapper .e-list-item.e-focused,
3487
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3488
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3489
+ background-color: var(--color-sf-bg-secondary);
3490
+ color: var(--color-sf-text-primary);
3491
+ }
3492
+
3493
+ .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3494
+ .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3495
+ .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3496
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3497
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3498
+ background-color: var(--color-sf-brand-primary);
3499
+ border-color: transparent;
3500
+ color: var(--color-sf-on-brand-solid-primary);
3501
+ }
3502
+
3503
+ .e-listbox-wrapper .e-list-group-item,
3504
+ .e-listbox-container .e-list-group-item,
3505
+ .e-listboxtool-wrapper .e-list-group-item {
3506
+ background-color: var(--color-sf-bg-secondary);
3507
+ border-color: var(--color-sf-border-secondary);
3508
+ color: var(--color-sf-text-tertiary);
3509
+ font-size: 12px;
3510
+ }
3511
+
3512
+ .e-listbox-wrapper .e-selectall-parent,
3513
+ .e-listbox-container .e-selectall-parent,
3514
+ .e-listboxtool-wrapper .e-selectall-parent {
3515
+ background-color: var(--color-sf-base-transparent);
3516
+ border-bottom: 1px solid var(--color-sf-border-secondary);
3517
+ color: var(--color-sf-text-primary);
3518
+ }
3519
+
3520
+ .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
3521
+ .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
3522
+ .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
3523
+ background-color: transparent;
3524
+ }
3525
+
3526
+ .e-listbox-wrapper.e-list-template .e-list-wrapper,
3527
+ .e-listbox-container.e-list-template .e-list-wrapper,
3528
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
3529
+ height: inherit;
3530
+ position: relative;
3531
+ }
3532
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3533
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3534
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
3535
+ padding: 8px 16px;
3536
+ }
3537
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
3538
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
3539
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
3540
+ padding: 4px;
3541
+ }
3542
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3543
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3544
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
3545
+ color: var(--color-sf-text-primary);
3546
+ display: block;
3547
+ font-size: 14px;
3548
+ font-weight: 500;
3549
+ margin: 0;
3550
+ overflow: hidden;
3551
+ padding: 0;
3552
+ text-overflow: ellipsis;
3553
+ white-space: nowrap;
3554
+ }
3555
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3556
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3557
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
3558
+ color: var(--color-sf-text-tertiary);
3559
+ display: block;
3560
+ font-size: 14px;
3561
+ margin: 0;
3562
+ padding: 2px 0 0 0;
3563
+ word-wrap: break-word;
3564
+ }
3565
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3566
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3567
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
3568
+ overflow: hidden;
3569
+ text-overflow: ellipsis;
3570
+ white-space: nowrap;
3571
+ }
3572
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3573
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3574
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3575
+ height: 40px;
3576
+ left: 0;
3577
+ position: absolute;
3578
+ width: 40px;
3579
+ left: 0;
3580
+ }
3581
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3582
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3583
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3584
+ padding-left: 68px;
3585
+ padding-right: 16px;
3586
+ }
3587
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3588
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3589
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3590
+ padding-left: 16px;
3591
+ padding-right: 68px;
3592
+ }
3593
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3594
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3595
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3596
+ height: 40px;
3597
+ left: 0;
3598
+ position: absolute;
3599
+ width: 40px;
3600
+ right: 0;
3601
+ }
3602
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar, .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3603
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3604
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3605
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3606
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3607
+ top: 0;
3608
+ }
3609
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3610
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3611
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3612
+ font-size: 10px;
3613
+ height: 18px;
3614
+ line-height: 16px;
3615
+ padding: 0;
3616
+ position: absolute;
3617
+ right: 12px;
3618
+ top: 50%;
3619
+ -webkit-transform: translateY(-50%);
3620
+ transform: translateY(-50%);
3621
+ width: 32px;
3622
+ }
3623
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3624
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3625
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3626
+ padding-left: 68px;
3627
+ padding-right: 10px;
3628
+ }
3629
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3630
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3631
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3632
+ padding-left: 16px;
3633
+ padding-right: 10px;
3634
+ }
3635
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3636
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3637
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
3638
+ display: block;
3639
+ margin: 0;
3640
+ overflow: hidden;
3641
+ padding: 8px 0;
3642
+ text-overflow: ellipsis;
3643
+ white-space: nowrap;
3644
+ }
3645
+ .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3646
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3647
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3648
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3649
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3650
+ color: var(--color-sf-text-secondary-hover);
3651
+ }
3652
+ .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3653
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3654
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3655
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3656
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3657
+ color: var(--color-sf-text-primary);
3658
+ }
3659
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3660
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3661
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3662
+ left: inherit;
3663
+ right: 0;
3664
+ }
3665
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3666
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3667
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3668
+ padding-left: 16px;
3669
+ padding-right: 68px;
3670
+ }
3671
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3672
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3673
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3674
+ padding-left: 68px;
3675
+ padding-right: 16px;
3676
+ }
3677
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3678
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3679
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3680
+ left: 0;
3681
+ right: inherit;
3682
+ }
3683
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3684
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3685
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3686
+ left: 12px;
3687
+ right: inherit;
3688
+ }
3689
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3690
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3691
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3692
+ padding-left: 10px;
3693
+ padding-right: 68px;
3694
+ }
3695
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3696
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3697
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3698
+ padding-left: 10px;
3699
+ padding-right: 16px;
3700
+ }
3701
+
3702
+ .e-listbox-container.e-filter-list .e-list-parent, .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent, .e-listbox-container .e-selectall-parent + .e-list-parent {
3703
+ height: 100%;
3704
+ }
3705
+
3706
+ .e-listbox-container.e-filter-list .e-list-wrap {
3707
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3708
+ }
3709
+
3710
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3711
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3712
+ }
3713
+
3714
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3715
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3716
+ }
3717
+
3718
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3719
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
3720
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
3721
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
3722
+ width: 80% !important; /* stylelint-disable-line declaration-no-important */
3723
+ }
3724
+ .e-bigger .e-listbox-wrapper .e-list-item,
3725
+ .e-listbox-wrapper.e-bigger .e-list-item,
3726
+ .e-bigger .e-listbox-container .e-list-item,
3727
+ .e-listbox-container.e-bigger .e-list-item {
3728
+ border-bottom: 0 solid transparent;
3729
+ border-left: 0 solid transparent;
3730
+ border-right: 0 solid transparent;
3731
+ border-top: 0 solid transparent;
3732
+ }
3733
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3734
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
3735
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
3736
+ .e-bigger .e-listbox-wrapper .e-list-header,
3737
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3738
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
3739
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
3740
+ .e-listbox-wrapper.e-bigger .e-list-header,
3741
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3742
+ .e-bigger .e-listbox-container .e-selectall-parent,
3743
+ .e-bigger .e-listbox-container .e-list-group-item,
3744
+ .e-bigger .e-listbox-container .e-list-header,
3745
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3746
+ .e-listbox-container.e-bigger .e-selectall-parent,
3747
+ .e-listbox-container.e-bigger .e-list-group-item,
3748
+ .e-listbox-container.e-bigger .e-list-header {
3749
+ padding: 12px 16px;
3750
+ }
3751
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3752
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
3753
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3754
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
3755
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3756
+ .e-bigger .e-listbox-container .e-selectall-parent,
3757
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3758
+ .e-listbox-container.e-bigger .e-selectall-parent {
3759
+ height: 48px;
3760
+ line-height: 1.6;
3761
+ position: relative;
3762
+ }
3763
+ .e-bigger .e-listbox-wrapper .e-list-parent,
3764
+ .e-listbox-wrapper.e-bigger .e-list-parent,
3765
+ .e-bigger .e-listbox-container .e-list-parent,
3766
+ .e-listbox-container.e-bigger .e-list-parent {
3767
+ min-height: 48px;
3768
+ }
3769
+ .e-bigger .e-listbox-wrapper .e-text-content,
3770
+ .e-listbox-wrapper.e-bigger .e-text-content,
3771
+ .e-bigger .e-listbox-container .e-text-content,
3772
+ .e-listbox-container.e-bigger .e-text-content {
3773
+ font-size: 16px;
3774
+ }
3775
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
3776
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
3777
+ .e-bigger .e-listbox-container .e-list-group-item,
3778
+ .e-listbox-container.e-bigger .e-list-group-item {
3779
+ height: 38px;
3780
+ line-height: 15px;
3781
+ }
3782
+ .e-bigger .e-listbox-wrapper .e-list-header,
3783
+ .e-listbox-wrapper.e-bigger .e-list-header,
3784
+ .e-bigger .e-listbox-container .e-list-header,
3785
+ .e-listbox-container.e-bigger .e-list-header {
3786
+ -webkit-box-align: center;
3787
+ -ms-flex-align: center;
3788
+ align-items: center;
3789
+ display: -webkit-box;
3790
+ display: -ms-flexbox;
3791
+ display: flex;
3792
+ font-weight: 500;
3793
+ height: 22px;
3794
+ }
3795
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3796
+ .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3797
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3798
+ .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3799
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
3800
+ .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3801
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
3802
+ .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3803
+ display: none;
3804
+ }
3805
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text,
3806
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text,
3807
+ .e-bigger .e-listbox-container .e-list-header .e-text,
3808
+ .e-listbox-container.e-bigger .e-list-header .e-text {
3809
+ font-size: 14px;
3810
+ }
3811
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3812
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3813
+ }
3814
+
3815
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3816
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3817
+ }
3818
+
3819
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3820
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3821
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3822
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3823
+ height: 100%;
3824
+ }
3825
+
3826
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3827
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3828
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
3829
+ }
3830
+
3831
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3832
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3833
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3834
+ }
3835
+
3836
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3837
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3838
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3839
+ }
3840
+
3841
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3842
+ height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
3843
+ }
3844
+
3845
+ .e-bigger.e-listbox-wrapper,
3846
+ .e-bigger.e-listbox-container {
3847
+ font-size: 16px;
3848
+ }
3849
+ .e-bigger.e-listbox-wrapper .e-list-header, .e-bigger.e-listbox-wrapper .e-list-group-item,
3850
+ .e-bigger.e-listbox-container .e-list-header,
3851
+ .e-bigger.e-listbox-container .e-list-group-item {
3852
+ font-size: 14px;
3853
+ }
3854
+
3855
+ /* stylelint-disable-line no-empty-source */