@syncfusion/ej2-vue-dropdowns 25.2.7 → 26.1.38

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