@syncfusion/ej2-angular-dropdowns 25.2.7 → 26.1.35

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 (182) hide show
  1. package/CHANGELOG.md +2445 -0
  2. package/esm2020/public_api.mjs +1 -2
  3. package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs +0 -2
  4. package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs.map +1 -1
  5. package/fesm2020/syncfusion-ej2-angular-dropdowns.mjs +0 -2
  6. package/fesm2020/syncfusion-ej2-angular-dropdowns.mjs.map +1 -1
  7. package/package.json +9 -9
  8. package/schematics/utils/lib-details.js +2 -2
  9. package/schematics/utils/lib-details.ts +2 -2
  10. package/styles/auto-complete/bootstrap-dark.css +109 -1
  11. package/styles/auto-complete/bootstrap.css +109 -1
  12. package/styles/auto-complete/bootstrap4.css +163 -1
  13. package/styles/auto-complete/bootstrap5-dark.css +151 -1
  14. package/styles/auto-complete/bootstrap5.css +151 -1
  15. package/styles/auto-complete/fabric-dark.css +84 -1
  16. package/styles/auto-complete/fabric.css +77 -1
  17. package/styles/auto-complete/fluent-dark.css +131 -1
  18. package/styles/auto-complete/fluent.css +131 -1
  19. package/styles/auto-complete/fluent2.css +1140 -0
  20. package/styles/auto-complete/fluent2.scss +1 -0
  21. package/styles/auto-complete/highcontrast-light.css +81 -1
  22. package/styles/auto-complete/highcontrast.css +81 -1
  23. package/styles/auto-complete/material-dark.css +118 -1
  24. package/styles/auto-complete/material.css +143 -1
  25. package/styles/auto-complete/material3-dark.css +263 -1
  26. package/styles/auto-complete/material3.css +375 -1
  27. package/styles/auto-complete/tailwind-dark.css +106 -1
  28. package/styles/auto-complete/tailwind.css +106 -1
  29. package/styles/bootstrap-dark.css +3439 -1
  30. package/styles/bootstrap.css +3444 -1
  31. package/styles/bootstrap4.css +3692 -1
  32. package/styles/bootstrap5-dark.css +3614 -1
  33. package/styles/bootstrap5.css +3614 -1
  34. package/styles/combo-box/bootstrap-dark.css +109 -1
  35. package/styles/combo-box/bootstrap.css +109 -1
  36. package/styles/combo-box/bootstrap4.css +163 -1
  37. package/styles/combo-box/bootstrap5-dark.css +151 -1
  38. package/styles/combo-box/bootstrap5.css +151 -1
  39. package/styles/combo-box/fabric-dark.css +84 -1
  40. package/styles/combo-box/fabric.css +77 -1
  41. package/styles/combo-box/fluent-dark.css +131 -1
  42. package/styles/combo-box/fluent.css +131 -1
  43. package/styles/combo-box/fluent2.css +1140 -0
  44. package/styles/combo-box/fluent2.scss +1 -0
  45. package/styles/combo-box/highcontrast-light.css +81 -1
  46. package/styles/combo-box/highcontrast.css +81 -1
  47. package/styles/combo-box/material-dark.css +118 -1
  48. package/styles/combo-box/material.css +143 -1
  49. package/styles/combo-box/material3-dark.css +263 -1
  50. package/styles/combo-box/material3.css +375 -1
  51. package/styles/combo-box/tailwind-dark.css +106 -1
  52. package/styles/combo-box/tailwind.css +106 -1
  53. package/styles/drop-down-base/bootstrap-dark.css +373 -1
  54. package/styles/drop-down-base/bootstrap.css +373 -1
  55. package/styles/drop-down-base/bootstrap4.css +383 -1
  56. package/styles/drop-down-base/bootstrap5-dark.css +405 -1
  57. package/styles/drop-down-base/bootstrap5.css +405 -1
  58. package/styles/drop-down-base/fabric-dark.css +373 -1
  59. package/styles/drop-down-base/fabric.css +373 -1
  60. package/styles/drop-down-base/fluent-dark.css +421 -1
  61. package/styles/drop-down-base/fluent.css +421 -1
  62. package/styles/drop-down-base/fluent2.css +1447 -0
  63. package/styles/drop-down-base/fluent2.scss +1 -0
  64. package/styles/drop-down-base/highcontrast-light.css +387 -1
  65. package/styles/drop-down-base/highcontrast.css +387 -1
  66. package/styles/drop-down-base/material-dark.css +372 -1
  67. package/styles/drop-down-base/material.css +372 -1
  68. package/styles/drop-down-base/material3-dark.css +492 -1
  69. package/styles/drop-down-base/material3.css +604 -1
  70. package/styles/drop-down-base/tailwind-dark.css +481 -1
  71. package/styles/drop-down-base/tailwind.css +481 -1
  72. package/styles/drop-down-list/bootstrap-dark.css +433 -1
  73. package/styles/drop-down-list/bootstrap.css +433 -1
  74. package/styles/drop-down-list/bootstrap4.css +477 -1
  75. package/styles/drop-down-list/bootstrap5-dark.css +490 -1
  76. package/styles/drop-down-list/bootstrap5.css +490 -1
  77. package/styles/drop-down-list/fabric-dark.css +408 -1
  78. package/styles/drop-down-list/fabric.css +401 -1
  79. package/styles/drop-down-list/fluent-dark.css +471 -1
  80. package/styles/drop-down-list/fluent.css +471 -1
  81. package/styles/drop-down-list/fluent2.css +1684 -0
  82. package/styles/drop-down-list/fluent2.scss +1 -0
  83. package/styles/drop-down-list/highcontrast-light.css +419 -1
  84. package/styles/drop-down-list/highcontrast.css +419 -1
  85. package/styles/drop-down-list/material-dark.css +455 -1
  86. package/styles/drop-down-list/material.css +499 -1
  87. package/styles/drop-down-list/material3-dark.css +626 -1
  88. package/styles/drop-down-list/material3.css +738 -1
  89. package/styles/drop-down-list/tailwind-dark.css +428 -1
  90. package/styles/drop-down-list/tailwind.css +428 -1
  91. package/styles/drop-down-tree/bootstrap-dark.css +464 -1
  92. package/styles/drop-down-tree/bootstrap.css +465 -1
  93. package/styles/drop-down-tree/bootstrap4.css +498 -1
  94. package/styles/drop-down-tree/bootstrap5-dark.css +544 -1
  95. package/styles/drop-down-tree/bootstrap5.css +544 -1
  96. package/styles/drop-down-tree/fabric-dark.css +466 -1
  97. package/styles/drop-down-tree/fabric.css +467 -1
  98. package/styles/drop-down-tree/fluent-dark.css +549 -1
  99. package/styles/drop-down-tree/fluent.css +549 -1
  100. package/styles/drop-down-tree/fluent2.css +1732 -0
  101. package/styles/drop-down-tree/fluent2.scss +1 -0
  102. package/styles/drop-down-tree/highcontrast-light.css +481 -1
  103. package/styles/drop-down-tree/highcontrast.css +491 -1
  104. package/styles/drop-down-tree/material-dark.css +790 -1
  105. package/styles/drop-down-tree/material.css +814 -1
  106. package/styles/drop-down-tree/material3-dark.css +580 -1
  107. package/styles/drop-down-tree/material3.css +692 -1
  108. package/styles/drop-down-tree/tailwind-dark.css +579 -1
  109. package/styles/drop-down-tree/tailwind.css +579 -1
  110. package/styles/fabric-dark.css +3413 -1
  111. package/styles/fabric.css +3413 -1
  112. package/styles/fluent-dark.css +3689 -1
  113. package/styles/fluent.css +3689 -1
  114. package/styles/fluent2.css +12401 -0
  115. package/styles/fluent2.scss +8 -0
  116. package/styles/highcontrast-light.css +3525 -1
  117. package/styles/highcontrast.css +3553 -1
  118. package/styles/list-box/bootstrap-dark.css +915 -1
  119. package/styles/list-box/bootstrap.css +926 -1
  120. package/styles/list-box/bootstrap4.css +980 -1
  121. package/styles/list-box/bootstrap5-dark.css +952 -1
  122. package/styles/list-box/bootstrap5.css +952 -1
  123. package/styles/list-box/fabric-dark.css +915 -1
  124. package/styles/list-box/fabric.css +926 -1
  125. package/styles/list-box/fluent-dark.css +952 -1
  126. package/styles/list-box/fluent.css +952 -1
  127. package/styles/list-box/fluent2.css +2029 -0
  128. package/styles/list-box/fluent2.scss +1 -0
  129. package/styles/list-box/highcontrast-light.css +929 -1
  130. package/styles/list-box/highcontrast.css +940 -1
  131. package/styles/list-box/material-dark.css +914 -1
  132. package/styles/list-box/material.css +925 -1
  133. package/styles/list-box/material3-dark.css +1025 -1
  134. package/styles/list-box/material3.css +1137 -1
  135. package/styles/list-box/tailwind-dark.css +961 -1
  136. package/styles/list-box/tailwind.css +961 -1
  137. package/styles/material-dark.css +4927 -1
  138. package/styles/material.css +5006 -1
  139. package/styles/material3-dark.css +5644 -1
  140. package/styles/material3.css +6540 -1
  141. package/styles/mention/bootstrap-dark.css +53 -1
  142. package/styles/mention/bootstrap.css +53 -1
  143. package/styles/mention/bootstrap4.css +63 -1
  144. package/styles/mention/bootstrap5-dark.css +82 -1
  145. package/styles/mention/bootstrap5.css +82 -1
  146. package/styles/mention/fabric-dark.css +53 -1
  147. package/styles/mention/fabric.css +53 -1
  148. package/styles/mention/fluent-dark.css +82 -1
  149. package/styles/mention/fluent.css +82 -1
  150. package/styles/mention/fluent2.css +1130 -0
  151. package/styles/mention/fluent2.scss +1 -0
  152. package/styles/mention/highcontrast-light.css +67 -1
  153. package/styles/mention/highcontrast.css +67 -1
  154. package/styles/mention/material-dark.css +52 -1
  155. package/styles/mention/material.css +52 -1
  156. package/styles/mention/material3-dark.css +165 -1
  157. package/styles/mention/material3.css +277 -1
  158. package/styles/mention/tailwind-dark.css +91 -1
  159. package/styles/mention/tailwind.css +91 -1
  160. package/styles/multi-select/bootstrap-dark.css +1318 -1
  161. package/styles/multi-select/bootstrap.css +1311 -1
  162. package/styles/multi-select/bootstrap4.css +1442 -1
  163. package/styles/multi-select/bootstrap5-dark.css +1389 -1
  164. package/styles/multi-select/bootstrap5.css +1389 -1
  165. package/styles/multi-select/fabric-dark.css +1315 -1
  166. package/styles/multi-select/fabric.css +1310 -1
  167. package/styles/multi-select/fluent-dark.css +1462 -1
  168. package/styles/multi-select/fluent.css +1462 -1
  169. package/styles/multi-select/fluent2.css +2663 -0
  170. package/styles/multi-select/fluent2.scss +1 -0
  171. package/styles/multi-select/highcontrast-light.css +1429 -1
  172. package/styles/multi-select/highcontrast.css +1436 -1
  173. package/styles/multi-select/material-dark.css +2470 -1
  174. package/styles/multi-select/material.css +2490 -1
  175. package/styles/multi-select/material3-dark.css +2683 -1
  176. package/styles/multi-select/material3.css +2795 -1
  177. package/styles/multi-select/tailwind-dark.css +1383 -1
  178. package/styles/multi-select/tailwind.css +1383 -1
  179. package/styles/tailwind-dark.css +3630 -1
  180. package/styles/tailwind.css +3630 -1
  181. package/license +0 -10
  182. package/postinstall/tagchange.js +0 -18
@@ -1 +1,3630 @@
1
- @import '@syncfusion/ej2-dropdowns/styles/tailwind.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: #111827;
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: #fff;
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: #f3f4f6;
139
+ border-radius: 2px;
140
+ border: none;
141
+ color: #4f46e5;
142
+ cursor: default;
143
+ }
144
+
145
+ .e-mention.e-editable-element {
146
+ border: 2px solid #e5e7eb;
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: #e5e7eb;
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: #e5e7eb;
293
+ color: #111827;
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: #fff;
301
+ }
302
+
303
+ .e-dropdownbase .e-list-group-item,
304
+ .e-fixed-head {
305
+ border-color: #e5e7eb;
306
+ color: #6b7280;
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: #fff;
315
+ }
316
+
317
+ .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
318
+ background-color: #e5e7eb;
319
+ border-color: #fff;
320
+ color: #111827;
321
+ }
322
+
323
+ .e-dropdownbase .e-list-item.e-hover {
324
+ background-color: #f3f4f6;
325
+ border-color: #fff;
326
+ color: #111827;
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: #f3f4f6;
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: #fff;
364
+ border-color: #e5e7eb;
365
+ border-style: solid;
366
+ border-width: 0 0 1px 0;
367
+ color: #6b7280;
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: #111827;
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: #111827;
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: #fff;
450
+ border-bottom: 0;
451
+ border-color: #e5e7eb;
452
+ color: #111827;
453
+ font-family: "Inter";
454
+ text-indent: 12px;
455
+ color: #6b7280;
456
+ }
457
+
458
+ .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
459
+ background-color: #f3f4f6;
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: #e5e7eb;
465
+ border-color: #fff;
466
+ color: #111827;
467
+ }
468
+
469
+ .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover {
470
+ background-color: #f3f4f6;
471
+ border-color: #fff;
472
+ color: #111827;
473
+ }
474
+
475
+ .e-dropdownbase .e-list-item .e-list-icon {
476
+ color: #6b7280;
477
+ }
478
+
479
+ .e-selectall-parent.e-item-focus {
480
+ background-color: #f3f4f6;
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: #111827;
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: #e5e7eb;
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: #fff;
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: #fff;
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: #fff;
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: #fff;
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: #fff;
713
+ border: 1px solid #e5e7eb;
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: #e5e7eb;
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: #111827;
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
+ }
1058
+ .e-ddt.e-popup {
1059
+ border: 1px solid #e5e7eb;
1060
+ margin-top: 4px;
1061
+ border-radius: 4px;
1062
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
1063
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
1064
+ position: absolute;
1065
+ }
1066
+ .e-ddt.e-popup .e-selectall-parent {
1067
+ border-bottom: 1px solid;
1068
+ cursor: pointer;
1069
+ display: block;
1070
+ overflow: hidden;
1071
+ position: relative;
1072
+ text-indent: 0;
1073
+ white-space: nowrap;
1074
+ width: 100%;
1075
+ padding: 8px 12px;
1076
+ }
1077
+ .e-ddt.e-popup .e-selectall-parent.e-hide-selectall {
1078
+ display: none;
1079
+ }
1080
+ .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
1081
+ position: relative;
1082
+ text-indent: 0;
1083
+ }
1084
+ .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper .e-frame {
1085
+ margin-top: -3px;
1086
+ }
1087
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1088
+ font-family: inherit;
1089
+ font-size: 14px;
1090
+ margin: 0 12px;
1091
+ line-height: 22px;
1092
+ }
1093
+ .e-ddt.e-popup .e-filter-wrap {
1094
+ border-top-width: 0;
1095
+ display: block;
1096
+ padding: 4px;
1097
+ border-bottom: 1px solid #e5e7eb;
1098
+ }
1099
+ .e-ddt.e-popup .e-filter-wrap .e-input-group {
1100
+ margin-bottom: 0;
1101
+ border: 1px solid #d1d5db;
1102
+ border-radius: 4px;
1103
+ }
1104
+ .e-ddt.e-popup .e-popup-content {
1105
+ overflow: auto;
1106
+ position: relative;
1107
+ }
1108
+ .e-ddt.e-popup .e-popup-content .e-ddt-nodata {
1109
+ display: none;
1110
+ }
1111
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1112
+ cursor: default;
1113
+ font-family: inherit;
1114
+ font-size: 14px;
1115
+ text-align: center;
1116
+ padding: 8px 16px;
1117
+ }
1118
+ .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
1119
+ display: none;
1120
+ }
1121
+ .e-ddt.e-popup .e-popup-content.e-no-data .e-ddt-nodata {
1122
+ display: block;
1123
+ line-height: 22px;
1124
+ }
1125
+ .e-ddt.e-popup .e-treeview {
1126
+ display: inline-table;
1127
+ width: 100%;
1128
+ }
1129
+ .e-ddt.e-popup .e-treeview .e-list-item {
1130
+ padding: 0;
1131
+ }
1132
+ .e-ddt.e-popup .e-treeview .e-list-item .e-ul {
1133
+ margin: 0;
1134
+ padding: 0 0 0 14px;
1135
+ }
1136
+ .e-ddt.e-popup .e-treeview > .e-ul {
1137
+ overflow: hidden;
1138
+ padding: 4px 0 4px 12px;
1139
+ }
1140
+ .e-ddt.e-popup .e-ddt-footer,
1141
+ .e-ddt.e-popup .e-ddt-header {
1142
+ cursor: default;
1143
+ }
1144
+ .e-ddt.e-rtl.e-show-chip .e-chips {
1145
+ float: right;
1146
+ }
1147
+ .e-ddt.e-rtl.e-show-chip .e-chips > .e-chipcontent {
1148
+ padding: 0 0 0 4px;
1149
+ }
1150
+ .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain {
1151
+ padding: 0 4px 0 0;
1152
+ }
1153
+ .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 {
1154
+ padding-top: 3px;
1155
+ }
1156
+ .e-ddt.e-rtl.e-show-chip .e-overflow.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow.e-wrap-count {
1157
+ position: absolute;
1158
+ right: auto;
1159
+ }
1160
+ .e-ddt.e-rtl.e-show-text .e-overflow.e-total-count .e-remain {
1161
+ padding: 0 0 0 4px;
1162
+ }
1163
+ .e-ddt.e-rtl.e-show-text .e-overflow.e-wrap-count .e-remain {
1164
+ padding-right: 8px;
1165
+ }
1166
+ .e-ddt.e-rtl.e-show-chip .e-overflow.e-total-count .e-remain {
1167
+ padding: 3px 12px;
1168
+ }
1169
+ .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1170
+ margin-right: 4px;
1171
+ margin-left: 18px;
1172
+ }
1173
+ .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1174
+ margin-right: 4px;
1175
+ margin-left: 18px;
1176
+ }
1177
+ .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1178
+ margin-right: 4px;
1179
+ margin-left: 45px;
1180
+ }
1181
+ .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1182
+ .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,
1183
+ .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,
1184
+ .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,
1185
+ .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
1186
+ left: 0;
1187
+ right: auto;
1188
+ }
1189
+ .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 {
1190
+ left: 28px;
1191
+ }
1192
+ .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
1193
+ padding: 0 14px 0 0;
1194
+ }
1195
+
1196
+ .e-ddt-icon-hide {
1197
+ display: none;
1198
+ }
1199
+
1200
+ .e-bigger .e-ddt .e-chips,
1201
+ .e-ddt.e-bigger .e-chips {
1202
+ height: 30px;
1203
+ padding: 3px 8px;
1204
+ }
1205
+ .e-bigger .e-ddt .e-chips > .e-chipcontent,
1206
+ .e-ddt.e-bigger .e-chips > .e-chipcontent {
1207
+ padding: 0 8px 0 0;
1208
+ }
1209
+ .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,
1210
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
1211
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
1212
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
1213
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
1214
+ bottom: 3px;
1215
+ right: 32px;
1216
+ }
1217
+ .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,
1218
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,
1219
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon,
1220
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
1221
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
1222
+ bottom: 0;
1223
+ }
1224
+ .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,
1225
+ .e-ddt.e-bigger.e-input-group.e-control-wrapper .e-clear-icon,
1226
+ .e-ddt.e-bigger.e-float-input.e-control-wrapper .e-clear-icon {
1227
+ min-width: 0;
1228
+ padding: 6px;
1229
+ }
1230
+ .e-bigger .e-ddt.e-show-chip .e-chips-close,
1231
+ .e-ddt.e-bigger.e-show-chip .e-chips-close {
1232
+ min-height: 24px;
1233
+ min-width: 24px;
1234
+ line-height: 18px;
1235
+ }
1236
+ .e-bigger .e-ddt.e-show-chip .e-chips-close::before,
1237
+ .e-ddt.e-bigger.e-show-chip .e-chips-close::before {
1238
+ font-size: 20px;
1239
+ }
1240
+ .e-bigger .e-ddt.e-show-chip .e-overflow .e-remain.e-wrap-count,
1241
+ .e-ddt.e-bigger.e-show-chip .e-overflow .e-remain.e-wrap-count {
1242
+ line-height: 22px;
1243
+ padding-top: 7px;
1244
+ }
1245
+ .e-bigger .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain,
1246
+ .e-ddt.e-bigger.e-show-chip .e-overflow.e-total-count .e-remain {
1247
+ padding: 8px 12px;
1248
+ }
1249
+ .e-bigger .e-ddt .e-overflow.e-show-text,
1250
+ .e-ddt.e-bigger .e-overflow.e-show-text {
1251
+ padding: 7px 16px;
1252
+ }
1253
+ .e-bigger .e-ddt .e-overflow .e-remain,
1254
+ .e-ddt.e-bigger .e-overflow .e-remain {
1255
+ font-size: 16px;
1256
+ }
1257
+ .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1258
+ .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1259
+ max-width: calc(100% - 25px);
1260
+ }
1261
+ .e-bigger .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child,
1262
+ .e-ddt.e-bigger.e-show-clear .e-chips-wrapper .e-chips:last-child {
1263
+ max-width: calc(100% - 35px);
1264
+ }
1265
+ .e-bigger .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1266
+ .e-ddt.e-bigger.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1267
+ margin-right: 52px;
1268
+ max-width: calc(100% - 60px);
1269
+ }
1270
+ .e-bigger .e-ddt.e-popup,
1271
+ .e-ddt.e-bigger.e-popup {
1272
+ margin-top: 8px;
1273
+ }
1274
+ .e-bigger .e-ddt.e-popup .e-selectall-parent,
1275
+ .e-ddt.e-bigger.e-popup .e-selectall-parent {
1276
+ text-indent: 0;
1277
+ padding: 12px 16px;
1278
+ }
1279
+ .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
1280
+ .e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
1281
+ font-size: 16px;
1282
+ line-height: 24px;
1283
+ margin: 0 16px;
1284
+ }
1285
+ .e-bigger .e-ddt.e-popup .e-popup-content.e-no-data,
1286
+ .e-ddt.e-bigger.e-popup .e-popup-content.e-no-data {
1287
+ padding: 10px 16px;
1288
+ }
1289
+ .e-bigger .e-ddt.e-popup .e-popup-content.e-no-data .e-ddt-nodata,
1290
+ .e-ddt.e-bigger.e-popup .e-popup-content.e-no-data .e-ddt-nodata {
1291
+ font-size: 16px;
1292
+ line-height: 24px;
1293
+ }
1294
+ .e-bigger .e-ddt.e-popup .e-filter-wrap,
1295
+ .e-ddt.e-bigger.e-popup .e-filter-wrap {
1296
+ padding: 8px;
1297
+ }
1298
+ .e-bigger .e-ddt.e-popup .e-treeview > .e-ul,
1299
+ .e-ddt.e-bigger.e-popup .e-treeview > .e-ul {
1300
+ padding: 8px 0 8px 16px;
1301
+ }
1302
+ .e-bigger .e-ddt.e-rtl .e-chips > .e-chipcontent,
1303
+ .e-ddt.e-bigger.e-rtl .e-chips > .e-chipcontent {
1304
+ padding: 0 0 0 8px;
1305
+ }
1306
+ .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1307
+ .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1308
+ margin-right: 4px;
1309
+ }
1310
+ .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1311
+ .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1312
+ margin-right: 4px;
1313
+ }
1314
+ .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1315
+ .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1316
+ margin-right: 52px;
1317
+ margin-left: 4px;
1318
+ }
1319
+ .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,
1320
+ .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
1321
+ .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
1322
+ right: auto;
1323
+ }
1324
+
1325
+ .e-ddt .e-chips {
1326
+ background-color: #e5e7eb;
1327
+ }
1328
+ .e-ddt .e-chips .e-chips-close::before {
1329
+ color: #6b7280;
1330
+ }
1331
+ .e-ddt .e-chips > .e-chipcontent {
1332
+ color: #111827;
1333
+ }
1334
+ .e-ddt .e-chips:hover {
1335
+ background-color: #d1d5db;
1336
+ }
1337
+ .e-ddt .e-chips:hover .e-chips-close::before {
1338
+ color: #374151;
1339
+ }
1340
+ .e-ddt .e-chips:hover > .e-chipcontent {
1341
+ color: #111827;
1342
+ }
1343
+ .e-ddt.e-disabled {
1344
+ background-color: #e5e7eb;
1345
+ }
1346
+ .e-ddt.e-disabled .e-chips-close::before {
1347
+ color: #9ca3af;
1348
+ }
1349
+ .e-ddt.e-disabled > .e-chipcontent {
1350
+ color: #9ca3af;
1351
+ }
1352
+ .e-ddt .e-overflow .e-remain {
1353
+ color: #9ca3af;
1354
+ }
1355
+ .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 {
1356
+ background-color: #f9fafb;
1357
+ color: #9ca3af;
1358
+ }
1359
+ .e-ddt.e-popup {
1360
+ background: #fff;
1361
+ border-color: #e5e7eb;
1362
+ }
1363
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1364
+ color: #111827;
1365
+ }
1366
+ .e-ddt.e-popup .e-selectall-parent {
1367
+ border-bottom-color: #e5e7eb;
1368
+ }
1369
+ .e-ddt.e-popup .e-selectall-parent:focus {
1370
+ background: #f3f4f6;
1371
+ }
1372
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1373
+ color: #111827;
1374
+ }
1375
+
1376
+ /* stylelint-disable-line no-empty-source */
1377
+ /* stylelint-disable-line no-empty-source */
1378
+ /* stylelint-disable property-no-vendor-prefix */
1379
+ /* stylelint-disable-line no-empty-source */
1380
+ /* stylelint-disable property-no-vendor-prefix */
1381
+ @keyframes material-spinner-rotate {
1382
+ 0% {
1383
+ -webkit-transform: rotate(0);
1384
+ transform: rotate(0);
1385
+ }
1386
+ 100% {
1387
+ -webkit-transform: rotate(360deg);
1388
+ transform: rotate(360deg);
1389
+ }
1390
+ }
1391
+ @keyframes fabric-spinner-rotate {
1392
+ 0% {
1393
+ -webkit-transform: rotate(0);
1394
+ transform: rotate(0);
1395
+ }
1396
+ 100% {
1397
+ -webkit-transform: rotate(360deg);
1398
+ transform: rotate(360deg);
1399
+ }
1400
+ }
1401
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1402
+ line-height: 30px;
1403
+ top: 0;
1404
+ }
1405
+
1406
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
1407
+ border-radius: 0 4px 4px 0;
1408
+ border-right-width: 0;
1409
+ }
1410
+
1411
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1412
+ border-left-width: 0;
1413
+ border-radius: 4px 0 0 4px;
1414
+ border-right-width: 0;
1415
+ }
1416
+
1417
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1418
+ height: 32px;
1419
+ width: 32px;
1420
+ }
1421
+
1422
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1423
+ height: 28px;
1424
+ width: 28px;
1425
+ }
1426
+
1427
+ .e-multi-select-wrapper .e-searcher input[type=text],
1428
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
1429
+ color: #111827;
1430
+ height: 100%;
1431
+ }
1432
+
1433
+ .e-multiselect.e-input-group .e-ddl-icon::before {
1434
+ content: "\e729";
1435
+ font-family: "e-icons";
1436
+ }
1437
+
1438
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
1439
+ content: "\e7e7";
1440
+ cursor: pointer;
1441
+ left: 0;
1442
+ position: relative;
1443
+ top: 0;
1444
+ }
1445
+
1446
+ .e-multi-select-wrapper .e-close-hooker::before {
1447
+ content: "\e7e7";
1448
+ cursor: pointer;
1449
+ left: 6px;
1450
+ position: relative;
1451
+ top: 6px;
1452
+ }
1453
+
1454
+ .e-multiselect.e-input-group .e-ddl-disable-icon::before {
1455
+ content: "";
1456
+ }
1457
+
1458
+ .e-multi-select-wrapper {
1459
+ -webkit-box-sizing: border-box;
1460
+ box-sizing: border-box;
1461
+ cursor: text;
1462
+ line-height: normal;
1463
+ min-height: 28px;
1464
+ padding: 0 32px 0 0;
1465
+ position: relative;
1466
+ -webkit-user-select: none;
1467
+ -moz-user-select: none;
1468
+ -ms-user-select: none;
1469
+ user-select: none;
1470
+ width: 100%;
1471
+ }
1472
+ .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1473
+ height: 27px;
1474
+ vertical-align: middle;
1475
+ }
1476
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1477
+ height: 100%;
1478
+ min-height: 100%;
1479
+ }
1480
+ .e-multi-select-wrapper .e-delim-view {
1481
+ white-space: nowrap;
1482
+ }
1483
+ .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 {
1484
+ -webkit-box-sizing: border-box;
1485
+ box-sizing: border-box;
1486
+ display: inline-block;
1487
+ overflow: hidden;
1488
+ text-overflow: ellipsis;
1489
+ padding: 0;
1490
+ }
1491
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1492
+ color: #111827;
1493
+ font-size: 16px;
1494
+ left: 12px;
1495
+ top: 0;
1496
+ }
1497
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1498
+ background-color: #4f46e5;
1499
+ color: #111827;
1500
+ padding: 12px 4px 11px 0;
1501
+ }
1502
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1503
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1504
+ width: 0;
1505
+ }
1506
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1507
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1508
+ height: 1px;
1509
+ min-height: 1px;
1510
+ }
1511
+ .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1512
+ max-width: 100%;
1513
+ }
1514
+
1515
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1516
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1517
+ display: -webkit-box;
1518
+ display: -ms-flexbox;
1519
+ display: flex;
1520
+ float: left;
1521
+ width: auto;
1522
+ }
1523
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1524
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1525
+ display: -webkit-inline-box;
1526
+ display: -ms-inline-flexbox;
1527
+ display: inline-flex;
1528
+ float: none;
1529
+ }
1530
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1531
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1532
+ width: 0;
1533
+ }
1534
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1535
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1536
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1537
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1538
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1539
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1540
+ display: none;
1541
+ }
1542
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1543
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1544
+ padding: 0 48px 0 0;
1545
+ }
1546
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1547
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1548
+ -webkit-box-align: center;
1549
+ -ms-flex-align: center;
1550
+ align-items: center;
1551
+ display: inline;
1552
+ max-width: 100%;
1553
+ word-break: break-word;
1554
+ }
1555
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1556
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1557
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1558
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1559
+ -webkit-box-align: center;
1560
+ -ms-flex-align: center;
1561
+ align-items: center;
1562
+ cursor: pointer;
1563
+ display: none;
1564
+ -webkit-box-orient: horizontal;
1565
+ -webkit-box-direction: normal;
1566
+ -ms-flex-direction: row;
1567
+ flex-direction: row;
1568
+ margin-top: -2em;
1569
+ margin-top: -1.55em;
1570
+ outline: 0;
1571
+ padding: 0;
1572
+ position: absolute;
1573
+ right: 5px;
1574
+ top: 100%;
1575
+ }
1576
+ .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1577
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1578
+ .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1579
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1580
+ display: -webkit-box;
1581
+ display: -ms-flexbox;
1582
+ display: flex;
1583
+ }
1584
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1585
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1586
+ margin-right: 0;
1587
+ margin-top: -1.3em;
1588
+ right: 0;
1589
+ min-width: 30px;
1590
+ }
1591
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1592
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
1593
+ top: -1px;
1594
+ }
1595
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1596
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
1597
+ font-size: 18px;
1598
+ height: 28px;
1599
+ width: 28px;
1600
+ }
1601
+
1602
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
1603
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
1604
+ float: right;
1605
+ }
1606
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
1607
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
1608
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
1609
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
1610
+ left: 0;
1611
+ right: auto;
1612
+ }
1613
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
1614
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
1615
+ padding: 0 0 0 48px;
1616
+ }
1617
+
1618
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1619
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1620
+ margin-top: -1.3em;
1621
+ }
1622
+
1623
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1624
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1625
+ opacity: 0.7;
1626
+ pointer-events: none;
1627
+ }
1628
+
1629
+ .e-multiselect.e-input-group,
1630
+ .e-multiselect.e-float-input {
1631
+ word-wrap: initial;
1632
+ }
1633
+
1634
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
1635
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1636
+ top: 15px;
1637
+ }
1638
+
1639
+ .e-bigger .e-multi-select-wrapper {
1640
+ min-height: 36px;
1641
+ }
1642
+
1643
+ .e-multi-select-wrapper.e-close-icon-hide {
1644
+ padding-right: 0;
1645
+ }
1646
+
1647
+ .e-multi-select-wrapper .e-chips-collection {
1648
+ cursor: default;
1649
+ display: block;
1650
+ }
1651
+
1652
+ .e-multi-select-wrapper .e-multi-hidden {
1653
+ border: 0;
1654
+ height: 0;
1655
+ position: absolute;
1656
+ visibility: hidden;
1657
+ width: 0;
1658
+ }
1659
+
1660
+ .e-multi-select-wrapper .e-chips {
1661
+ -webkit-box-align: center;
1662
+ -ms-flex-align: center;
1663
+ align-items: center;
1664
+ display: -webkit-inline-box;
1665
+ display: -ms-inline-flexbox;
1666
+ display: inline-flex;
1667
+ float: left;
1668
+ margin: 3px;
1669
+ max-width: 100%;
1670
+ overflow: hidden;
1671
+ padding: 0 4px 0 8px;
1672
+ text-overflow: ellipsis;
1673
+ white-space: nowrap;
1674
+ }
1675
+
1676
+ .e-bigger .e-multi-select-wrapper .e-chips {
1677
+ margin: 3px;
1678
+ }
1679
+
1680
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
1681
+ max-width: 100%;
1682
+ overflow: hidden;
1683
+ padding: 0 4px 0 0;
1684
+ text-indent: 0;
1685
+ text-overflow: ellipsis;
1686
+ white-space: nowrap;
1687
+ }
1688
+
1689
+ .e-multi-select-wrapper.e-delimiter .e-searcher {
1690
+ display: inline-block;
1691
+ float: none;
1692
+ }
1693
+
1694
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
1695
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1696
+ padding: 8px 4px 8px 0;
1697
+ }
1698
+
1699
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1700
+ font-size: 16px;
1701
+ }
1702
+
1703
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
1704
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
1705
+ padding: 8px 0 8px 4px;
1706
+ }
1707
+
1708
+ .e-multi-select-wrapper .e-chips-close {
1709
+ -ms-flex-item-align: center;
1710
+ align-self: center;
1711
+ display: -webkit-box;
1712
+ display: -ms-flexbox;
1713
+ display: flex;
1714
+ float: right;
1715
+ font-family: "e-icons";
1716
+ height: 16px;
1717
+ margin: 0 0 0;
1718
+ width: 16px;
1719
+ }
1720
+
1721
+ .e-rtl .e-multi-select-wrapper .e-chips-close {
1722
+ margin: 0 0 0;
1723
+ }
1724
+
1725
+ .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
1726
+ margin: 3px 0 0;
1727
+ }
1728
+
1729
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1730
+ cursor: default;
1731
+ font-size: 18px;
1732
+ height: 28px;
1733
+ margin-top: -1.65em;
1734
+ position: absolute;
1735
+ right: 5px;
1736
+ width: 28px;
1737
+ top: 100%;
1738
+ }
1739
+
1740
+ .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1741
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1742
+ .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1743
+ right: 32px;
1744
+ }
1745
+
1746
+ .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1747
+ left: 32px;
1748
+ right: auto;
1749
+ }
1750
+
1751
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1752
+ margin-top: -1.62em;
1753
+ height: 36px;
1754
+ width: 40px;
1755
+ }
1756
+
1757
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1758
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1759
+ margin-top: -1.62em;
1760
+ height: 36px;
1761
+ margin-top: -2em;
1762
+ width: 40px;
1763
+ }
1764
+
1765
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1766
+ .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker.e-multi-select-wrapper .e-chips-close.e-close-hooker {
1767
+ font-size: 22px;
1768
+ margin-top: -1.65em;
1769
+ margin-top: -1.62em;
1770
+ }
1771
+
1772
+ .e-multi-select-wrapper input[type=text] {
1773
+ background: none;
1774
+ border: 0;
1775
+ font-family: "Inter";
1776
+ font-size: 14px;
1777
+ font-weight: normal;
1778
+ height: 28px;
1779
+ min-height: 28px;
1780
+ outline: none;
1781
+ padding: 4px 0 4px 12px;
1782
+ text-indent: 0;
1783
+ }
1784
+
1785
+ .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1786
+ background: none;
1787
+ border: 0;
1788
+ color: inherit;
1789
+ font-family: "Inter";
1790
+ font-size: 14px;
1791
+ font-weight: normal;
1792
+ height: 28px;
1793
+ min-height: 28px;
1794
+ outline: none;
1795
+ padding: 0;
1796
+ text-indent: 10px;
1797
+ }
1798
+
1799
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1800
+ padding: 5px;
1801
+ }
1802
+
1803
+ .e-bigger .e-multi-select-wrapper input[type=text],
1804
+ .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
1805
+ height: 28px;
1806
+ min-height: 28px;
1807
+ }
1808
+
1809
+ .e-bigger .e-multi-select-wrapper input[type=text] {
1810
+ font-size: 16px;
1811
+ height: 36px;
1812
+ min-height: 36px;
1813
+ }
1814
+
1815
+ /* stylelint-disable property-no-vendor-prefix */
1816
+ .e-multi-select-wrapper input[type=text]::-ms-clear {
1817
+ display: none;
1818
+ }
1819
+
1820
+ .e-multi-select-wrapper .e-searcher {
1821
+ display: block;
1822
+ float: left;
1823
+ width: auto;
1824
+ }
1825
+
1826
+ .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1827
+ width: calc(100% - 32px);
1828
+ }
1829
+
1830
+ .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1831
+ .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1832
+ width: calc(100% - 50px);
1833
+ }
1834
+
1835
+ .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1836
+ .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1837
+ width: calc(100% - 30px);
1838
+ }
1839
+
1840
+ .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
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-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1844
+ width: calc(100% - 32px);
1845
+ }
1846
+
1847
+ .e-multi-select-wrapper .e-delim-values {
1848
+ font-family: "Inter";
1849
+ font-size: 14px;
1850
+ line-height: 28px;
1851
+ max-width: 100%;
1852
+ padding-left: 10px;
1853
+ padding-right: 6px;
1854
+ vertical-align: middle;
1855
+ }
1856
+
1857
+ .e-bigger .e-multi-select-wrapper .e-delim-values {
1858
+ font-size: 16px;
1859
+ line-height: 36px;
1860
+ padding-left: 10px;
1861
+ }
1862
+
1863
+ .e-bigger .e-multi-select-wrapper .e-delim-values .e-remain {
1864
+ font-size: 16px;
1865
+ }
1866
+
1867
+ .e-small .e-multi-select-wrapper .e-delim-values .e-remain {
1868
+ font-size: 12px;
1869
+ }
1870
+
1871
+ .e-bigger.e-small .e-multi-select-wrapper .e-delim-values .e-remain {
1872
+ font-size: 14px;
1873
+ }
1874
+
1875
+ .e-multi-select-list-wrapper .e-hide-listitem,
1876
+ .e-multi-select-list-wrapper .e-hide-group-header {
1877
+ display: none;
1878
+ }
1879
+
1880
+ .e-multi-select-wrapper .e-delim-values .e-remain {
1881
+ color: #111827;
1882
+ cursor: pointer;
1883
+ display: inline-block;
1884
+ font-size: 14px;
1885
+ padding-left: 16px;
1886
+ }
1887
+
1888
+ .e-multiselect.e-disabled .e-multi-select-wrapper,
1889
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
1890
+ cursor: not-allowed;
1891
+ }
1892
+
1893
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1894
+ height: 40px;
1895
+ left: 0;
1896
+ margin: 0 0 0 0;
1897
+ margin-left: auto;
1898
+ position: relative;
1899
+ top: 0;
1900
+ width: 40px;
1901
+ }
1902
+
1903
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1904
+ -ms-flex-item-align: center;
1905
+ align-self: center;
1906
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
1907
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
1908
+ display: -webkit-inline-box;
1909
+ display: -ms-inline-flexbox;
1910
+ display: inline-flex;
1911
+ padding: 0 0 0 16px;
1912
+ width: 92%;
1913
+ }
1914
+
1915
+ .e-multi-select-wrapper .e-ddl-disable-icon::before {
1916
+ content: "";
1917
+ }
1918
+
1919
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
1920
+ float: none;
1921
+ }
1922
+
1923
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
1924
+ padding-left: 0;
1925
+ }
1926
+ .e-multiselect.e-rtl .e-multi-select-wrapper {
1927
+ padding: 0 2px 0 32px;
1928
+ }
1929
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1930
+ left: -12px;
1931
+ }
1932
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1933
+ margin: 0;
1934
+ margin-right: auto;
1935
+ }
1936
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
1937
+ float: right;
1938
+ }
1939
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
1940
+ float: right;
1941
+ margin: 3px;
1942
+ padding: 0 8px 0 4px;
1943
+ }
1944
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
1945
+ padding: 5px 4px;
1946
+ }
1947
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
1948
+ float: left;
1949
+ }
1950
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
1951
+ left: 0;
1952
+ }
1953
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
1954
+ padding: 0 4px 0 8px;
1955
+ }
1956
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
1957
+ padding: 8px 4px;
1958
+ }
1959
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1960
+ padding: 0 8px 0 4px;
1961
+ }
1962
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1963
+ padding: 12px 4px;
1964
+ }
1965
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1966
+ left: 32px;
1967
+ position: absolute;
1968
+ right: auto;
1969
+ left: 0;
1970
+ }
1971
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
1972
+ left: -4px;
1973
+ }
1974
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
1975
+ padding-right: 16px;
1976
+ }
1977
+
1978
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
1979
+ left: 32px;
1980
+ }
1981
+
1982
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1983
+ left: -7px;
1984
+ }
1985
+
1986
+ .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1987
+ bottom: 1px;
1988
+ margin-right: 8px;
1989
+ position: relative;
1990
+ text-indent: 0;
1991
+ vertical-align: middle;
1992
+ }
1993
+
1994
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1995
+ bottom: 1px;
1996
+ margin-right: 8px;
1997
+ position: relative;
1998
+ text-indent: 0;
1999
+ vertical-align: middle;
2000
+ }
2001
+
2002
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
2003
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2004
+ bottom: 1px;
2005
+ margin-right: 12px;
2006
+ }
2007
+
2008
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
2009
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2010
+ bottom: 1px;
2011
+ margin-right: 12px;
2012
+ }
2013
+
2014
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
2015
+ margin-left: 12px;
2016
+ margin-right: 0;
2017
+ }
2018
+
2019
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
2020
+ margin-left: 12px;
2021
+ margin-right: 0;
2022
+ }
2023
+
2024
+ .e-multi-select-list-wrapper .e-selectall-parent {
2025
+ cursor: pointer;
2026
+ display: block;
2027
+ line-height: 30px;
2028
+ overflow: hidden;
2029
+ padding-right: 16px;
2030
+ position: relative;
2031
+ text-indent: 12px;
2032
+ white-space: nowrap;
2033
+ width: 100%;
2034
+ }
2035
+
2036
+ .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
2037
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
2038
+ padding-left: 16px;
2039
+ padding-right: 0;
2040
+ }
2041
+
2042
+ .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2043
+ color: #111827;
2044
+ font-family: "Inter";
2045
+ font-size: 14px;
2046
+ }
2047
+
2048
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
2049
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2050
+ font-size: 16px;
2051
+ }
2052
+
2053
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
2054
+ .e-small .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2055
+ font-size: 12px;
2056
+ }
2057
+
2058
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
2059
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2060
+ font-size: 14px;
2061
+ }
2062
+
2063
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
2064
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
2065
+ font-size: 14px;
2066
+ line-height: 36px;
2067
+ text-indent: 16px;
2068
+ }
2069
+
2070
+ .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2071
+ bottom: 1px;
2072
+ margin-right: 8px;
2073
+ position: relative;
2074
+ text-indent: 0;
2075
+ vertical-align: middle;
2076
+ }
2077
+
2078
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
2079
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2080
+ bottom: 1px;
2081
+ margin-right: 12px;
2082
+ }
2083
+
2084
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
2085
+ margin-left: 12px;
2086
+ margin-right: 0;
2087
+ }
2088
+
2089
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
2090
+ float: right;
2091
+ margin-top: 0;
2092
+ }
2093
+
2094
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
2095
+ float: left;
2096
+ }
2097
+
2098
+ .e-multiselect.e-checkbox .e-multi-select-wrapper,
2099
+ .e-multiselect .e-multi-select-wrapper.e-down-icon {
2100
+ padding: 0;
2101
+ }
2102
+
2103
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon,
2104
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2105
+ padding-left: 8px;
2106
+ }
2107
+
2108
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
2109
+ padding: 0 8px;
2110
+ }
2111
+
2112
+ .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
2113
+ line-height: 36px;
2114
+ }
2115
+
2116
+ .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
2117
+ line-height: 20px;
2118
+ padding-left: 10px;
2119
+ }
2120
+
2121
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
2122
+ .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
2123
+ opacity: 0.3;
2124
+ }
2125
+
2126
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
2127
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
2128
+ opacity: 0.7;
2129
+ }
2130
+
2131
+ .e-multi-select-wrapper input[readonly=true] {
2132
+ pointer-events: none;
2133
+ }
2134
+
2135
+ .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
2136
+ pointer-events: none;
2137
+ }
2138
+
2139
+ ejs-multiselect {
2140
+ display: block;
2141
+ }
2142
+
2143
+ .e-bigger .e-multi-select-wrapper .e-chips-close {
2144
+ height: 20px;
2145
+ width: 20px;
2146
+ }
2147
+
2148
+ .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
2149
+ font-size: 20px;
2150
+ }
2151
+
2152
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
2153
+ .e-small .e-multi-select-list-wrapper .e-selectall-parent {
2154
+ line-height: 24px;
2155
+ font-size: 12px;
2156
+ text-indent: 8px;
2157
+ }
2158
+
2159
+ .e-small .e-multi-select-wrapper .e-chips-close {
2160
+ height: 14px;
2161
+ width: 14px;
2162
+ }
2163
+
2164
+ .e-small .e-multi-select-wrapper {
2165
+ min-height: 24px;
2166
+ }
2167
+
2168
+ .e-small .e-multi-select-wrapper.e-delimiter .e-searcher,
2169
+ .e-small .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2170
+ height: 24px;
2171
+ }
2172
+
2173
+ .e-bigger.e-small .e-multi-select-wrapper.e-delimiter .e-searcher,
2174
+ .e-bigger.e-small .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2175
+ height: 32px;
2176
+ }
2177
+
2178
+ .e-bigger .e-multi-select-wrapper.e-delimiter .e-searcher,
2179
+ .e-bigger .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2180
+ height: 36px;
2181
+ }
2182
+
2183
+ .e-small .e-multi-select-wrapper input[type=text] {
2184
+ font-size: 12px;
2185
+ height: 24px;
2186
+ min-height: 24px;
2187
+ }
2188
+
2189
+ .e-small .e-multi-select-wrapper .e-delim-values {
2190
+ font-size: 12px;
2191
+ line-height: 24px;
2192
+ }
2193
+
2194
+ .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2195
+ .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2196
+ margin-top: -1.65em;
2197
+ font-size: 16px;
2198
+ height: 24px;
2199
+ width: 28px;
2200
+ }
2201
+
2202
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2203
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2204
+ margin-top: -1.3em;
2205
+ }
2206
+
2207
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2208
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2209
+ line-height: 32px;
2210
+ font-size: 14px;
2211
+ text-indent: 14px;
2212
+ }
2213
+
2214
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2215
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2216
+ margin-top: -1.3em;
2217
+ }
2218
+
2219
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2220
+ height: 18px;
2221
+ width: 18px;
2222
+ }
2223
+
2224
+ .e-bigger.e-small .e-multi-select-wrapper {
2225
+ min-height: 28px;
2226
+ }
2227
+
2228
+ .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
2229
+ font-size: 14px;
2230
+ height: 32px;
2231
+ min-height: 32px;
2232
+ }
2233
+
2234
+ .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
2235
+ font-size: 14px;
2236
+ line-height: 32px;
2237
+ }
2238
+
2239
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2240
+ .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2241
+ margin-top: -1.64em;
2242
+ font-size: 20px;
2243
+ height: 32px;
2244
+ width: 32px;
2245
+ }
2246
+
2247
+ .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2248
+ background-size: 300px 33px;
2249
+ min-height: 33px;
2250
+ }
2251
+
2252
+ .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
2253
+ .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2254
+ background-size: 300px 40px;
2255
+ min-height: 40px;
2256
+ }
2257
+
2258
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2259
+ color: inherit;
2260
+ }
2261
+
2262
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2263
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2264
+ -webkit-box-align: normal;
2265
+ -ms-flex-align: normal;
2266
+ align-items: normal;
2267
+ }
2268
+
2269
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2270
+ padding: 0 12px 0 8px;
2271
+ }
2272
+
2273
+ .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
2274
+ .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2275
+ padding: 3px 12px 0 4px;
2276
+ }
2277
+
2278
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2279
+ .e-bigger.e-small.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-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
2283
+ padding: 0;
2284
+ }
2285
+
2286
+ .e-filled.e-float-input .e-multi-select-wrapper,
2287
+ .e-bigger.e-small.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-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
2291
+ padding: 11px 12px 0;
2292
+ }
2293
+
2294
+ .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2295
+ .e-small .e-filled.e-float-input .e-multi-select-wrapper {
2296
+ padding: 12px 12px 0 8px;
2297
+ }
2298
+
2299
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
2300
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
2301
+ padding: 19px 12px 0 16px;
2302
+ }
2303
+
2304
+ .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2305
+ padding-top: 3px;
2306
+ }
2307
+
2308
+ .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2309
+ .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2310
+ padding: 0;
2311
+ }
2312
+
2313
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
2314
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
2315
+ padding: 5px 0;
2316
+ }
2317
+
2318
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2319
+ .e-bigger.e-small.e-filled.e-multiselect: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-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2323
+ height: 28px;
2324
+ }
2325
+
2326
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2327
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2328
+ .e-small.e-filled:not(.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-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2331
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2332
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2333
+ height: 24px;
2334
+ }
2335
+
2336
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2337
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2338
+ height: 32px;
2339
+ }
2340
+
2341
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2342
+ .e-bigger.e-small.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-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2346
+ height: 18px;
2347
+ }
2348
+
2349
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2350
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2351
+ .e-bigger.e-small.e-filled.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-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2355
+ .e-bigger.e-small.e-filled:not(.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-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2359
+ margin: 8px 8px 0 0;
2360
+ padding: 0 8px;
2361
+ }
2362
+
2363
+ .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2364
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2365
+ .e-rtl.e-bigger.e-small.e-filled.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-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2369
+ .e-rtl.e-bigger.e-small.e-filled:not(.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-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2373
+ margin: 8px 0 0 8px;
2374
+ padding: 0 8px;
2375
+ }
2376
+
2377
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
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-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2381
+ padding-left: 8px;
2382
+ }
2383
+
2384
+ .e-small .e-filled .e-multi-select-wrapper .e-chips,
2385
+ .e-small.e-filled .e-multi-select-wrapper .e-chips {
2386
+ height: 16px;
2387
+ margin: 4px 4px 0 0;
2388
+ padding-right: 8px;
2389
+ }
2390
+
2391
+ .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2392
+ .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2393
+ margin: 4px 0 0 4px;
2394
+ }
2395
+
2396
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2397
+ .e-bigger.e-small.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-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2401
+ font-size: 13px;
2402
+ padding: 0 8px 0 0;
2403
+ }
2404
+
2405
+ .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2406
+ .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2407
+ font-size: 12px;
2408
+ }
2409
+
2410
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2411
+ .e-bigger.e-small.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-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2415
+ font-size: 12px;
2416
+ padding: 0 4px 0 0;
2417
+ }
2418
+
2419
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2420
+ .e-rtl.e-bigger.e-small.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-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2424
+ padding: 0 0 0 4px;
2425
+ }
2426
+
2427
+ .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2428
+ .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2429
+ font-size: 10px;
2430
+ }
2431
+
2432
+ .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2433
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2434
+ font-size: 13px;
2435
+ }
2436
+
2437
+ .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2438
+ font-size: 13px;
2439
+ padding-right: 4px;
2440
+ }
2441
+
2442
+ .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2443
+ .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2444
+ .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2445
+ .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2446
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2447
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2448
+ padding: 0 12px;
2449
+ }
2450
+
2451
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2452
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2453
+ padding-right: 8px;
2454
+ }
2455
+
2456
+ .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2457
+ .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2458
+ height: 38px;
2459
+ margin-top: -38px;
2460
+ right: 12px;
2461
+ top: 100%;
2462
+ width: 16px;
2463
+ }
2464
+
2465
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2466
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2467
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2468
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2469
+ .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 {
2470
+ display: none;
2471
+ }
2472
+
2473
+ .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
2474
+ margin-right: 0;
2475
+ }
2476
+
2477
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2478
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2479
+ cursor: not-allowed;
2480
+ }
2481
+
2482
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2483
+ .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 {
2484
+ cursor: pointer;
2485
+ }
2486
+
2487
+ .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2488
+ color: #111827;
2489
+ }
2490
+
2491
+ .e-multi-select-wrapper .e-chips.e-chip-selected {
2492
+ background-color: #9ca3af;
2493
+ }
2494
+
2495
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
2496
+ background-color: #9ca3af;
2497
+ }
2498
+
2499
+ .e-multiselect {
2500
+ -webkit-box-sizing: border-box;
2501
+ box-sizing: border-box;
2502
+ }
2503
+
2504
+ /* stylelint-disable property-no-vendor-prefix */
2505
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
2506
+ -webkit-text-fill-color: #111827;
2507
+ color: #111827;
2508
+ font-family: "Inter";
2509
+ font-size: 14px;
2510
+ }
2511
+
2512
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
2513
+ color: #111827;
2514
+ }
2515
+
2516
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
2517
+ color: #111827;
2518
+ }
2519
+
2520
+ .e-multi-select-wrapper .e-chips {
2521
+ background-color: #e5e7eb;
2522
+ border-radius: 0;
2523
+ height: 22px;
2524
+ }
2525
+
2526
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
2527
+ background-color: #d1d5db;
2528
+ }
2529
+
2530
+ .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
2531
+ color: #111827;
2532
+ }
2533
+
2534
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
2535
+ -webkit-text-fill-color: #6b7280;
2536
+ color: #6b7280;
2537
+ font-size: 16px;
2538
+ }
2539
+
2540
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2541
+ background-color: #4f46e5;
2542
+ border-radius: 2px;
2543
+ color: #111827;
2544
+ height: 40px;
2545
+ line-height: 40px;
2546
+ }
2547
+
2548
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2549
+ color: #111827;
2550
+ }
2551
+
2552
+ .e-multi-select-wrapper .e-chips.e-mob-chip,
2553
+ .e-bigger .e-multi-select-wrapper .e-chips {
2554
+ height: 30px;
2555
+ }
2556
+
2557
+ .e-popup.e-multi-select-list-wrapper {
2558
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
2559
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
2560
+ -webkit-box-sizing: content-box;
2561
+ box-sizing: content-box;
2562
+ overflow: initial;
2563
+ }
2564
+
2565
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
2566
+ background-color: transparent;
2567
+ border-color: transparent;
2568
+ color: #111827;
2569
+ }
2570
+
2571
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-dropdownbase .e-list-item.e-active,
2572
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-dropdownbase .e-list-item.e-active.e-hover {
2573
+ font-weight: normal;
2574
+ }
2575
+
2576
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
2577
+ background-color: transparent;
2578
+ border-color: transparent;
2579
+ color: #111827;
2580
+ }
2581
+
2582
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
2583
+ color: #111827;
2584
+ }
2585
+
2586
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
2587
+ color: #111827;
2588
+ }
2589
+
2590
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2591
+ background-color: #f3f4f6;
2592
+ }
2593
+
2594
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
2595
+ background-color: #f3f4f6;
2596
+ }
2597
+
2598
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2599
+ background-color: #e5e7eb;
2600
+ -webkit-box-shadow: none;
2601
+ box-shadow: none;
2602
+ color: #111827;
2603
+ }
2604
+
2605
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2606
+ background-color: #e5e7eb;
2607
+ -webkit-box-shadow: none;
2608
+ box-shadow: none;
2609
+ color: #111827;
2610
+ }
2611
+
2612
+ .e-popup.e-multi-select-list-wrapper .e-list-item {
2613
+ border: 0 solid transparent;
2614
+ }
2615
+
2616
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
2617
+ border: 0 solid transparent;
2618
+ }
2619
+
2620
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2621
+ color: #6b7280;
2622
+ }
2623
+
2624
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2625
+ color: #6b7280;
2626
+ }
2627
+
2628
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2629
+ color: #6b7280;
2630
+ }
2631
+
2632
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2633
+ color: #6b7280;
2634
+ }
2635
+
2636
+ .e-ul.e-reorder {
2637
+ border-bottom: 1px solid #e5e7eb;
2638
+ }
2639
+
2640
+ .e-multi-select-list-wrapper .e-selectall-parent {
2641
+ border-bottom: 1px solid #e5e7eb;
2642
+ }
2643
+
2644
+ .e-multi-select-wrapper .e-delim-values {
2645
+ -webkit-text-fill-color: #111827;
2646
+ color: #111827;
2647
+ }
2648
+
2649
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2650
+ color: #6b7280;
2651
+ }
2652
+
2653
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover {
2654
+ color: #374151;
2655
+ }
2656
+
2657
+ .e-small .e-multi-select-wrapper .e-chips {
2658
+ height: 18px;
2659
+ }
2660
+
2661
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2662
+ font-size: 12px;
2663
+ }
2664
+
2665
+ .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2666
+ font-size: 14px;
2667
+ }
2668
+
2669
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
2670
+ left: 6px;
2671
+ }
2672
+
2673
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2674
+ left: 6px;
2675
+ }
2676
+
2677
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2678
+ height: 26px;
2679
+ }
2680
+
2681
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2682
+ font-size: 14px;
2683
+ }
2684
+
2685
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2686
+ font-size: 18px;
2687
+ }
2688
+
2689
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2690
+ -webkit-text-fill-color: #9ca3af;
2691
+ color: #9ca3af;
2692
+ }
2693
+
2694
+ .e-listbox-tool .e-moveup::before {
2695
+ content: "\e776";
2696
+ }
2697
+
2698
+ .e-listbox-tool .e-movedown::before {
2699
+ content: "\e729";
2700
+ }
2701
+
2702
+ .e-listbox-tool .e-moveto::before {
2703
+ content: "\e748";
2704
+ }
2705
+
2706
+ .e-listbox-tool .e-movefrom::before {
2707
+ content: "\e765";
2708
+ }
2709
+
2710
+ .e-listbox-tool .e-moveallto::before {
2711
+ content: "\e7a9";
2712
+ }
2713
+
2714
+ .e-listbox-tool .e-moveallfrom::before {
2715
+ content: "\e744";
2716
+ }
2717
+
2718
+ /* stylelint-disable property-no-vendor-prefix */
2719
+ .e-listbox-wrapper,
2720
+ .e-listbox-container,
2721
+ .e-listboxtool-wrapper {
2722
+ -webkit-overflow-scrolling: touch;
2723
+ -webkit-box-sizing: border-box;
2724
+ box-sizing: border-box;
2725
+ cursor: pointer;
2726
+ display: block;
2727
+ position: relative;
2728
+ -webkit-user-select: none;
2729
+ -moz-user-select: none;
2730
+ -ms-user-select: none;
2731
+ user-select: none;
2732
+ width: 100%;
2733
+ }
2734
+ .e-listbox-wrapper *,
2735
+ .e-listbox-container *,
2736
+ .e-listboxtool-wrapper * {
2737
+ -webkit-box-sizing: border-box;
2738
+ box-sizing: border-box;
2739
+ }
2740
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2741
+ .e-listbox-container.e-listboxtool-container .e-list-wrap,
2742
+ .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2743
+ width: 84% !important; /* stylelint-disable-line declaration-no-important */
2744
+ }
2745
+ .e-listbox-wrapper:focus,
2746
+ .e-listbox-container:focus,
2747
+ .e-listboxtool-wrapper:focus {
2748
+ outline: none;
2749
+ }
2750
+ .e-listbox-wrapper.e-disabled,
2751
+ .e-listbox-container.e-disabled,
2752
+ .e-listboxtool-wrapper.e-disabled {
2753
+ cursor: default;
2754
+ pointer-events: none;
2755
+ }
2756
+ .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
2757
+ .e-listbox-container:not(.e-list-template) .e-list-nrt,
2758
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2759
+ text-align: center;
2760
+ }
2761
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2762
+ .e-listbox-wrapper .e-list-nrt,
2763
+ .e-listbox-wrapper .e-selectall-parent,
2764
+ .e-listbox-container:not(.e-list-template) .e-list-item,
2765
+ .e-listbox-container .e-list-nrt,
2766
+ .e-listbox-container .e-selectall-parent,
2767
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2768
+ .e-listboxtool-wrapper .e-list-nrt,
2769
+ .e-listboxtool-wrapper .e-selectall-parent {
2770
+ height: 38px;
2771
+ line-height: 1;
2772
+ padding: 12px 12px;
2773
+ position: relative;
2774
+ }
2775
+ .e-listbox-wrapper .e-list-parent,
2776
+ .e-listbox-container .e-list-parent,
2777
+ .e-listboxtool-wrapper .e-list-parent {
2778
+ height: 100%;
2779
+ min-height: 38px;
2780
+ }
2781
+ .e-listbox-wrapper .e-list-item,
2782
+ .e-listbox-container .e-list-item,
2783
+ .e-listboxtool-wrapper .e-list-item {
2784
+ border-bottom: 0 solid;
2785
+ outline: none;
2786
+ }
2787
+ .e-listbox-wrapper .e-list-item.e-disabled,
2788
+ .e-listbox-container .e-list-item.e-disabled,
2789
+ .e-listboxtool-wrapper .e-list-item.e-disabled {
2790
+ pointer-events: none;
2791
+ }
2792
+ .e-listbox-wrapper .e-disable,
2793
+ .e-listbox-container .e-disable,
2794
+ .e-listboxtool-wrapper .e-disable {
2795
+ opacity: 0.7;
2796
+ }
2797
+ .e-listbox-wrapper .e-list-parent,
2798
+ .e-listbox-container .e-list-parent,
2799
+ .e-listboxtool-wrapper .e-list-parent {
2800
+ margin: 0;
2801
+ padding: 0;
2802
+ }
2803
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2804
+ .e-listbox-container .e-list-header .e-text.header,
2805
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2806
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2807
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2808
+ display: none;
2809
+ }
2810
+ .e-listbox-wrapper .e-icon-back,
2811
+ .e-listbox-container .e-icon-back,
2812
+ .e-listboxtool-wrapper .e-icon-back {
2813
+ margin-top: 2px;
2814
+ }
2815
+ .e-listbox-wrapper .e-list-header,
2816
+ .e-listbox-container .e-list-header,
2817
+ .e-listboxtool-wrapper .e-list-header {
2818
+ -webkit-box-align: center;
2819
+ -ms-flex-align: center;
2820
+ align-items: center;
2821
+ border-bottom: 1px solid;
2822
+ display: -webkit-box;
2823
+ display: -ms-flexbox;
2824
+ display: flex;
2825
+ font-weight: 500;
2826
+ height: 18px;
2827
+ padding: 0 12px;
2828
+ }
2829
+ .e-listbox-wrapper .e-has-header > .e-view,
2830
+ .e-listbox-container .e-has-header > .e-view,
2831
+ .e-listboxtool-wrapper .e-has-header > .e-view {
2832
+ top: 45px;
2833
+ }
2834
+ .e-listbox-wrapper .e-but-back,
2835
+ .e-listbox-container .e-but-back,
2836
+ .e-listboxtool-wrapper .e-but-back {
2837
+ cursor: pointer;
2838
+ padding-right: 8px;
2839
+ }
2840
+ .e-listbox-wrapper .e-list-group-item:first-child,
2841
+ .e-listbox-container .e-list-group-item:first-child,
2842
+ .e-listboxtool-wrapper .e-list-group-item:first-child {
2843
+ border: 0;
2844
+ border-bottom: 0 solid transparent;
2845
+ }
2846
+ .e-listbox-wrapper .e-list-group-item,
2847
+ .e-listbox-container .e-list-group-item,
2848
+ .e-listboxtool-wrapper .e-list-group-item {
2849
+ border-bottom: 0 solid transparent;
2850
+ border-top: 1px solid;
2851
+ font-weight: 600;
2852
+ height: 30px;
2853
+ line-height: 7px;
2854
+ padding: 12px 12px;
2855
+ }
2856
+ .e-listbox-wrapper .e-icon-collapsible,
2857
+ .e-listbox-container .e-icon-collapsible,
2858
+ .e-listboxtool-wrapper .e-icon-collapsible {
2859
+ cursor: pointer;
2860
+ font-size: 12px;
2861
+ position: absolute;
2862
+ right: 0%;
2863
+ top: 50%;
2864
+ -webkit-transform: translateY(-50%);
2865
+ transform: translateY(-50%);
2866
+ }
2867
+ .e-listbox-wrapper .e-text-content,
2868
+ .e-listbox-container .e-text-content,
2869
+ .e-listboxtool-wrapper .e-text-content {
2870
+ height: 100%;
2871
+ position: relative;
2872
+ vertical-align: middle;
2873
+ }
2874
+ .e-listbox-wrapper .e-text-content *,
2875
+ .e-listbox-container .e-text-content *,
2876
+ .e-listboxtool-wrapper .e-text-content * {
2877
+ display: inline-block;
2878
+ vertical-align: middle;
2879
+ }
2880
+ .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
2881
+ .e-listbox-container .e-text-content.e-checkbox .e-list-text,
2882
+ .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
2883
+ width: calc(100% - 40px);
2884
+ }
2885
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2886
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2887
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
2888
+ width: calc(100% - 90px);
2889
+ }
2890
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2891
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2892
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2893
+ width: calc(100% - 80px);
2894
+ }
2895
+ .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,
2896
+ .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,
2897
+ .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 {
2898
+ width: calc(100% - 92px);
2899
+ }
2900
+ .e-listbox-wrapper .e-checkbox .e-checkbox-left,
2901
+ .e-listbox-container .e-checkbox .e-checkbox-left,
2902
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
2903
+ margin: -2px 8px 0 0;
2904
+ }
2905
+ .e-listbox-wrapper .e-checkbox .e-checkbox-right,
2906
+ .e-listbox-container .e-checkbox .e-checkbox-right,
2907
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
2908
+ margin: -2px 0 0 8px;
2909
+ }
2910
+ .e-listbox-wrapper .e-list-text,
2911
+ .e-listbox-container .e-list-text,
2912
+ .e-listboxtool-wrapper .e-list-text {
2913
+ cursor: pointer;
2914
+ display: inline-block;
2915
+ overflow: hidden;
2916
+ text-overflow: ellipsis;
2917
+ vertical-align: top;
2918
+ white-space: nowrap;
2919
+ width: 100%;
2920
+ }
2921
+ .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,
2922
+ .e-listbox-container .e-list-icon + .e-list-text,
2923
+ .e-listbox-container .e-icon-wrapper .e-list-text,
2924
+ .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2925
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2926
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2927
+ .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2928
+ width: calc(100% - 60px);
2929
+ }
2930
+ .e-listbox-wrapper .e-list-icon,
2931
+ .e-listbox-container .e-list-icon,
2932
+ .e-listboxtool-wrapper .e-list-icon {
2933
+ height: 30px;
2934
+ margin-right: 16px;
2935
+ width: 30px;
2936
+ }
2937
+ .e-listbox-wrapper .e-content,
2938
+ .e-listbox-container .e-content,
2939
+ .e-listboxtool-wrapper .e-content {
2940
+ overflow: hidden;
2941
+ position: relative;
2942
+ }
2943
+ .e-listbox-wrapper .e-list-header .e-text,
2944
+ .e-listbox-container .e-list-header .e-text,
2945
+ .e-listboxtool-wrapper .e-list-header .e-text {
2946
+ cursor: pointer;
2947
+ text-indent: 0;
2948
+ }
2949
+ .e-listbox-wrapper .e-text .e-headertext,
2950
+ .e-listbox-container .e-text .e-headertext,
2951
+ .e-listboxtool-wrapper .e-text .e-headertext {
2952
+ display: inline-block;
2953
+ line-height: 18px;
2954
+ }
2955
+ .e-listbox-wrapper.e-rtl,
2956
+ .e-listbox-container.e-rtl,
2957
+ .e-listboxtool-wrapper.e-rtl {
2958
+ direction: rtl;
2959
+ }
2960
+ .e-listbox-wrapper.e-rtl .e-list-icon,
2961
+ .e-listbox-container.e-rtl .e-list-icon,
2962
+ .e-listboxtool-wrapper.e-rtl .e-list-icon {
2963
+ margin-left: 16px;
2964
+ margin-right: 0;
2965
+ }
2966
+ .e-listbox-wrapper.e-rtl .e-icon-collapsible,
2967
+ .e-listbox-container.e-rtl .e-icon-collapsible,
2968
+ .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
2969
+ left: 0%;
2970
+ right: initial;
2971
+ top: 50%;
2972
+ -webkit-transform: translateY(-50%) rotate(180deg);
2973
+ transform: translateY(-50%) rotate(180deg);
2974
+ }
2975
+ .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2976
+ .e-listbox-container.e-rtl .e-list-header .e-text,
2977
+ .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
2978
+ cursor: pointer;
2979
+ }
2980
+ .e-listbox-wrapper.e-rtl .e-but-back,
2981
+ .e-listbox-container.e-rtl .e-but-back,
2982
+ .e-listboxtool-wrapper.e-rtl .e-but-back {
2983
+ -webkit-transform: rotate(180deg);
2984
+ transform: rotate(180deg);
2985
+ }
2986
+ .e-listbox-wrapper.e-rtl .e-icon-back,
2987
+ .e-listbox-container.e-rtl .e-icon-back,
2988
+ .e-listboxtool-wrapper.e-rtl .e-icon-back {
2989
+ margin-top: -2px;
2990
+ }
2991
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2992
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2993
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2994
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
2995
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2996
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2997
+ margin: -2px 0 0 8px;
2998
+ }
2999
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
3000
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
3001
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
3002
+ margin: -2px 8px 0 0;
3003
+ }
3004
+ .e-listbox-wrapper .e-checkbox-wrapper,
3005
+ .e-listbox-container .e-checkbox-wrapper,
3006
+ .e-listboxtool-wrapper .e-checkbox-wrapper {
3007
+ margin: -2px 8px 0 0;
3008
+ text-indent: 0;
3009
+ vertical-align: middle;
3010
+ }
3011
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
3012
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
3013
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
3014
+ position: absolute;
3015
+ right: 0;
3016
+ top: 30%;
3017
+ }
3018
+ .e-listbox-wrapper .e-hidden-select,
3019
+ .e-listbox-container .e-hidden-select,
3020
+ .e-listboxtool-wrapper .e-hidden-select {
3021
+ height: 1px;
3022
+ opacity: 0;
3023
+ position: absolute;
3024
+ width: 100%;
3025
+ }
3026
+ .e-listbox-wrapper .e-placeholder,
3027
+ .e-listbox-container .e-placeholder,
3028
+ .e-listboxtool-wrapper .e-placeholder {
3029
+ background-color: #4f46e5;
3030
+ display: block;
3031
+ height: 1px;
3032
+ }
3033
+
3034
+ ejs-listbox {
3035
+ display: block;
3036
+ }
3037
+
3038
+ .e-listbox-wrapper:not(.e-listbox-container),
3039
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3040
+ overflow: auto;
3041
+ }
3042
+
3043
+ .e-listbox-wrapper.e-sortableclone,
3044
+ .e-listbox-container.e-sortableclone,
3045
+ .e-listboxtool-wrapper.e-sortableclone {
3046
+ border-width: 0;
3047
+ overflow: visible;
3048
+ }
3049
+ .e-listbox-wrapper.e-sortableclone .e-list-item,
3050
+ .e-listbox-container.e-sortableclone .e-list-item,
3051
+ .e-listboxtool-wrapper.e-sortableclone .e-list-item {
3052
+ list-style-type: none;
3053
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
3054
+ }
3055
+ .e-listbox-wrapper.e-sortableclone .e-ripple,
3056
+ .e-listbox-container.e-sortableclone .e-ripple,
3057
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple {
3058
+ overflow: visible;
3059
+ }
3060
+ .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
3061
+ .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
3062
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
3063
+ display: none;
3064
+ }
3065
+ .e-listbox-wrapper.e-sortableclone .e-list-badge,
3066
+ .e-listbox-container.e-sortableclone .e-list-badge,
3067
+ .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
3068
+ -webkit-box-align: center;
3069
+ -ms-flex-align: center;
3070
+ align-items: center;
3071
+ background-color: #4f46e5;
3072
+ border: 1px solid #fff;
3073
+ border-radius: 50%;
3074
+ color: #fff;
3075
+ display: -webkit-box;
3076
+ display: -ms-flexbox;
3077
+ display: flex;
3078
+ font-size: 12px;
3079
+ height: 22px;
3080
+ -webkit-box-pack: center;
3081
+ -ms-flex-pack: center;
3082
+ justify-content: center;
3083
+ position: absolute;
3084
+ right: -10px;
3085
+ top: -10px;
3086
+ width: 22px;
3087
+ }
3088
+
3089
+ .e-listboxtool-wrapper.e-sortableclone {
3090
+ display: block;
3091
+ }
3092
+
3093
+ .e-listboxtool-wrapper,
3094
+ .e-listboxtool-container {
3095
+ cursor: pointer;
3096
+ display: -webkit-box;
3097
+ display: -ms-flexbox;
3098
+ display: flex;
3099
+ }
3100
+ .e-listboxtool-wrapper *,
3101
+ .e-listboxtool-container * {
3102
+ -webkit-box-sizing: border-box;
3103
+ box-sizing: border-box;
3104
+ }
3105
+ .e-listboxtool-wrapper.e-disabled,
3106
+ .e-listboxtool-container.e-disabled {
3107
+ cursor: default;
3108
+ pointer-events: none;
3109
+ }
3110
+ .e-listboxtool-wrapper .e-listbox-wrapper,
3111
+ .e-listboxtool-wrapper .e-list-wrap,
3112
+ .e-listboxtool-container .e-listbox-wrapper,
3113
+ .e-listboxtool-container .e-list-wrap {
3114
+ -webkit-box-flex: 1;
3115
+ -ms-flex: 1;
3116
+ flex: 1;
3117
+ }
3118
+ .e-listboxtool-wrapper.e-right .e-listbox-tool,
3119
+ .e-listboxtool-container.e-right .e-listbox-tool {
3120
+ margin-left: 15px;
3121
+ }
3122
+ .e-listboxtool-wrapper.e-left .e-listbox-tool,
3123
+ .e-listboxtool-container.e-left .e-listbox-tool {
3124
+ margin-right: 15px;
3125
+ }
3126
+ .e-listboxtool-wrapper .e-listbox-tool,
3127
+ .e-listboxtool-container .e-listbox-tool {
3128
+ border: 1px solid #e5e7eb;
3129
+ overflow: auto;
3130
+ padding: 8px;
3131
+ }
3132
+ .e-listboxtool-wrapper .e-listbox-tool .e-btn,
3133
+ .e-listboxtool-container .e-listbox-tool .e-btn {
3134
+ display: list-item;
3135
+ list-style-type: none;
3136
+ margin-bottom: 10px;
3137
+ }
3138
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
3139
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
3140
+ position: absolute;
3141
+ right: 0;
3142
+ top: 30%;
3143
+ }
3144
+
3145
+ .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
3146
+ .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
3147
+ margin-right: 15px;
3148
+ }
3149
+ .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
3150
+ .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
3151
+ margin-left: 15px;
3152
+ }
3153
+
3154
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3155
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
3156
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
3157
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
3158
+ width: 80% !important; /* stylelint-disable-line declaration-no-important */
3159
+ }
3160
+ .e-bigger .e-listbox-wrapper .e-list-item,
3161
+ .e-listbox-wrapper.e-bigger .e-list-item,
3162
+ .e-bigger .e-listbox-container .e-list-item,
3163
+ .e-listbox-container.e-bigger .e-list-item {
3164
+ border-bottom: 0 solid transparent;
3165
+ border-left: 0 solid transparent;
3166
+ border-right: 0 solid transparent;
3167
+ border-top: 0 solid transparent;
3168
+ }
3169
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3170
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
3171
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
3172
+ .e-bigger .e-listbox-wrapper .e-list-header,
3173
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3174
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
3175
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
3176
+ .e-listbox-wrapper.e-bigger .e-list-header,
3177
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3178
+ .e-bigger .e-listbox-container .e-selectall-parent,
3179
+ .e-bigger .e-listbox-container .e-list-group-item,
3180
+ .e-bigger .e-listbox-container .e-list-header,
3181
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3182
+ .e-listbox-container.e-bigger .e-selectall-parent,
3183
+ .e-listbox-container.e-bigger .e-list-group-item,
3184
+ .e-listbox-container.e-bigger .e-list-header {
3185
+ padding: 12px 16px;
3186
+ }
3187
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3188
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
3189
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3190
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
3191
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3192
+ .e-bigger .e-listbox-container .e-selectall-parent,
3193
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3194
+ .e-listbox-container.e-bigger .e-selectall-parent {
3195
+ height: 48px;
3196
+ line-height: 1.6;
3197
+ position: relative;
3198
+ }
3199
+ .e-bigger .e-listbox-wrapper .e-list-parent,
3200
+ .e-listbox-wrapper.e-bigger .e-list-parent,
3201
+ .e-bigger .e-listbox-container .e-list-parent,
3202
+ .e-listbox-container.e-bigger .e-list-parent {
3203
+ min-height: 48px;
3204
+ }
3205
+ .e-bigger .e-listbox-wrapper .e-text-content,
3206
+ .e-listbox-wrapper.e-bigger .e-text-content,
3207
+ .e-bigger .e-listbox-container .e-text-content,
3208
+ .e-listbox-container.e-bigger .e-text-content {
3209
+ font-size: 16px;
3210
+ }
3211
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
3212
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
3213
+ .e-bigger .e-listbox-container .e-list-group-item,
3214
+ .e-listbox-container.e-bigger .e-list-group-item {
3215
+ height: 38px;
3216
+ line-height: 15px;
3217
+ }
3218
+ .e-bigger .e-listbox-wrapper .e-list-header,
3219
+ .e-listbox-wrapper.e-bigger .e-list-header,
3220
+ .e-bigger .e-listbox-container .e-list-header,
3221
+ .e-listbox-container.e-bigger .e-list-header {
3222
+ -webkit-box-align: center;
3223
+ -ms-flex-align: center;
3224
+ align-items: center;
3225
+ display: -webkit-box;
3226
+ display: -ms-flexbox;
3227
+ display: flex;
3228
+ font-weight: 500;
3229
+ height: 22px;
3230
+ }
3231
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3232
+ .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3233
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3234
+ .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3235
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
3236
+ .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3237
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
3238
+ .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3239
+ display: none;
3240
+ }
3241
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text,
3242
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text,
3243
+ .e-bigger .e-listbox-container .e-list-header .e-text,
3244
+ .e-listbox-container.e-bigger .e-list-header .e-text {
3245
+ font-size: 14px;
3246
+ }
3247
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3248
+ .e-small .e-listbox-container.e-filter-list .e-list-parent {
3249
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3250
+ }
3251
+
3252
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3253
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3254
+ }
3255
+
3256
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3257
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3258
+ }
3259
+
3260
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3261
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3262
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3263
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3264
+ height: 100%;
3265
+ }
3266
+
3267
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3268
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3269
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3270
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
3271
+ }
3272
+
3273
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3274
+ height: calc(100% - 42px) !important; /* stylelint-disable-line declaration-no-important */
3275
+ }
3276
+
3277
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3278
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3279
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3280
+ }
3281
+
3282
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3283
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3284
+ height: calc(100% - 53px) !important; /* stylelint-disable-line declaration-no-important */
3285
+ }
3286
+
3287
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3288
+ height: calc(100% - 87.5px) !important; /* stylelint-disable-line declaration-no-important */
3289
+ }
3290
+
3291
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3292
+ height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
3293
+ }
3294
+
3295
+ .e-listbox-wrapper,
3296
+ .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3297
+ .e-listboxtool-container.e-listbox-container .e-ul {
3298
+ border: 1px solid #e5e7eb;
3299
+ }
3300
+
3301
+ .e-bigger.e-listbox-wrapper,
3302
+ .e-bigger.e-listbox-container {
3303
+ font-size: 16px;
3304
+ }
3305
+ .e-bigger.e-listbox-wrapper .e-list-header, .e-bigger.e-listbox-wrapper .e-list-group-item,
3306
+ .e-bigger.e-listbox-container .e-list-header,
3307
+ .e-bigger.e-listbox-container .e-list-group-item {
3308
+ font-size: 14px;
3309
+ }
3310
+
3311
+ .e-listbox-wrapper,
3312
+ .e-listbox-container,
3313
+ .e-listboxtool-wrapper {
3314
+ font-family: "Inter";
3315
+ font-size: 14px;
3316
+ }
3317
+ .e-listbox-wrapper .e-list-header,
3318
+ .e-listbox-container .e-list-header,
3319
+ .e-listboxtool-wrapper .e-list-header {
3320
+ background-color: #f3f4f6;
3321
+ border-color: rgba(0, 0, 0, 0.12);
3322
+ color: #6b7280;
3323
+ font-size: 12px;
3324
+ }
3325
+
3326
+ .e-listbox-wrapper.e-filter-list .e-list-parent,
3327
+ .e-listbox-container.e-filter-list .e-list-parent,
3328
+ .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3329
+ height: calc(100% - 42px);
3330
+ }
3331
+
3332
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3333
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3334
+ .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3335
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3336
+ }
3337
+
3338
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3339
+ .e-listbox-container .e-selectall-parent + .e-list-parent,
3340
+ .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
3341
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3342
+ }
3343
+
3344
+ .e-listbox-wrapper .e-list-item,
3345
+ .e-listbox-container .e-list-item,
3346
+ .e-listboxtool-wrapper .e-list-item {
3347
+ background-color: transparent;
3348
+ border-bottom: 0 solid transparent;
3349
+ border-left: 0 solid transparent;
3350
+ border-right: 0 solid transparent;
3351
+ border-top: 0 solid transparent;
3352
+ color: #111827;
3353
+ }
3354
+
3355
+ .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),
3356
+ .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
3357
+ .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3358
+ .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
3359
+ .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
3360
+ background-color: #f3f4f6;
3361
+ border-color: transparent;
3362
+ color: #111827;
3363
+ }
3364
+
3365
+ .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3366
+ .e-listbox-container .e-list-item.e-selected.e-checklist,
3367
+ .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
3368
+ background-color: transparent;
3369
+ color: #111827;
3370
+ }
3371
+
3372
+ .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,
3373
+ .e-listbox-container .e-list-item.e-focused,
3374
+ .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3375
+ .e-listbox-container .e-list-item.e-selected,
3376
+ .e-listboxtool-wrapper .e-list-item.e-focused,
3377
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3378
+ .e-listboxtool-wrapper .e-list-item.e-selected {
3379
+ background-color: #f3f4f6;
3380
+ color: rgba(17, 24, 39, 0.87);
3381
+ }
3382
+
3383
+ .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,
3384
+ .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3385
+ .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3386
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3387
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3388
+ background-color: #4f46e5;
3389
+ border-color: transparent;
3390
+ color: #fff;
3391
+ }
3392
+
3393
+ .e-listbox-wrapper .e-list-group-item,
3394
+ .e-listbox-container .e-list-group-item,
3395
+ .e-listboxtool-wrapper .e-list-group-item {
3396
+ background-color: #f3f4f6;
3397
+ border-color: rgba(0, 0, 0, 0.12);
3398
+ color: #6b7280;
3399
+ font-size: 12px;
3400
+ }
3401
+
3402
+ .e-listbox-wrapper .e-selectall-parent,
3403
+ .e-listbox-container .e-selectall-parent,
3404
+ .e-listboxtool-wrapper .e-selectall-parent {
3405
+ background-color: transparent;
3406
+ border-bottom: 1px solid #e5e7eb;
3407
+ color: #111827;
3408
+ }
3409
+
3410
+ .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
3411
+ .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
3412
+ .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
3413
+ background-color: transparent;
3414
+ }
3415
+
3416
+ .e-listbox-wrapper.e-list-template .e-list-wrapper,
3417
+ .e-listbox-container.e-list-template .e-list-wrapper,
3418
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
3419
+ height: inherit;
3420
+ position: relative;
3421
+ }
3422
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3423
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3424
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
3425
+ padding: 8px 16px;
3426
+ }
3427
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
3428
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
3429
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
3430
+ padding: 4px;
3431
+ }
3432
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3433
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3434
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
3435
+ color: #111827;
3436
+ display: block;
3437
+ font-size: 14px;
3438
+ font-weight: 500;
3439
+ margin: 0;
3440
+ overflow: hidden;
3441
+ padding: 0;
3442
+ text-overflow: ellipsis;
3443
+ white-space: nowrap;
3444
+ }
3445
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3446
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3447
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
3448
+ color: #6b7280;
3449
+ display: block;
3450
+ font-size: 14px;
3451
+ margin: 0;
3452
+ padding: 2px 0 0 0;
3453
+ word-wrap: break-word;
3454
+ }
3455
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3456
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3457
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
3458
+ overflow: hidden;
3459
+ text-overflow: ellipsis;
3460
+ white-space: nowrap;
3461
+ }
3462
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3463
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3464
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3465
+ height: 40px;
3466
+ left: 0;
3467
+ position: absolute;
3468
+ width: 40px;
3469
+ left: 0;
3470
+ }
3471
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3472
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3473
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3474
+ padding-left: 68px;
3475
+ padding-right: 16px;
3476
+ }
3477
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3478
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3479
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3480
+ padding-left: 16px;
3481
+ padding-right: 68px;
3482
+ }
3483
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3484
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3485
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3486
+ height: 40px;
3487
+ left: 0;
3488
+ position: absolute;
3489
+ width: 40px;
3490
+ right: 0;
3491
+ }
3492
+ .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,
3493
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3494
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3495
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3496
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3497
+ top: 0;
3498
+ }
3499
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3500
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3501
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3502
+ font-size: 10px;
3503
+ height: 18px;
3504
+ line-height: 16px;
3505
+ padding: 0;
3506
+ position: absolute;
3507
+ right: 12px;
3508
+ top: 50%;
3509
+ -webkit-transform: translateY(-50%);
3510
+ transform: translateY(-50%);
3511
+ width: 32px;
3512
+ }
3513
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3514
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3515
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3516
+ padding-left: 68px;
3517
+ padding-right: 10px;
3518
+ }
3519
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3520
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3521
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3522
+ padding-left: 16px;
3523
+ padding-right: 10px;
3524
+ }
3525
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3526
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3527
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
3528
+ display: block;
3529
+ margin: 0;
3530
+ overflow: hidden;
3531
+ padding: 8px 0;
3532
+ text-overflow: ellipsis;
3533
+ white-space: nowrap;
3534
+ }
3535
+ .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,
3536
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3537
+ .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3538
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3539
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3540
+ color: #111827;
3541
+ }
3542
+ .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,
3543
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3544
+ .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3545
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3546
+ .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3547
+ color: rgba(17, 24, 39, 0.87);
3548
+ }
3549
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3550
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3551
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3552
+ left: inherit;
3553
+ right: 0;
3554
+ }
3555
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3556
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3557
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3558
+ padding-left: 16px;
3559
+ padding-right: 68px;
3560
+ }
3561
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3562
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3563
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3564
+ padding-left: 68px;
3565
+ padding-right: 16px;
3566
+ }
3567
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3568
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3569
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3570
+ left: 0;
3571
+ right: inherit;
3572
+ }
3573
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3574
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3575
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3576
+ left: 12px;
3577
+ right: inherit;
3578
+ }
3579
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3580
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3581
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3582
+ padding-left: 10px;
3583
+ padding-right: 68px;
3584
+ }
3585
+ .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3586
+ .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3587
+ .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3588
+ padding-left: 10px;
3589
+ padding-right: 16px;
3590
+ }
3591
+
3592
+ .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 {
3593
+ height: 100%;
3594
+ }
3595
+
3596
+ .e-listbox-container.e-filter-list .e-list-wrap {
3597
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3598
+ }
3599
+
3600
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3601
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3602
+ }
3603
+
3604
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3605
+ height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3606
+ }
3607
+
3608
+ /* stylelint-disable-line no-empty-source */
3609
+ /* stylelint-disable property-no-vendor-prefix */
3610
+ @keyframes material-spinner-rotate {
3611
+ 0% {
3612
+ -webkit-transform: rotate(0);
3613
+ transform: rotate(0);
3614
+ }
3615
+ 100% {
3616
+ -webkit-transform: rotate(360deg);
3617
+ transform: rotate(360deg);
3618
+ }
3619
+ }
3620
+ @keyframes fabric-spinner-rotate {
3621
+ 0% {
3622
+ -webkit-transform: rotate(0);
3623
+ transform: rotate(0);
3624
+ }
3625
+ 100% {
3626
+ -webkit-transform: rotate(360deg);
3627
+ transform: rotate(360deg);
3628
+ }
3629
+ }
3630
+ /* stylelint-disable-line no-empty-source */