@syncfusion/ej2-angular-dropdowns 19.2.62 → 19.3.46

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 (105) hide show
  1. package/@syncfusion/ej2-angular-dropdowns.es5.js +2 -2
  2. package/@syncfusion/ej2-angular-dropdowns.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-dropdowns.js +2 -2
  4. package/@syncfusion/ej2-angular-dropdowns.js.map +1 -1
  5. package/CHANGELOG.md +36 -0
  6. package/dist/ej2-angular-dropdowns.umd.js +3 -3
  7. package/dist/ej2-angular-dropdowns.umd.js.map +1 -1
  8. package/dist/ej2-angular-dropdowns.umd.min.js +2 -2
  9. package/dist/ej2-angular-dropdowns.umd.min.js.map +1 -1
  10. package/ej2-angular-dropdowns.metadata.json +1 -1
  11. package/package.json +8 -8
  12. package/schematics/utils/lib-details.d.ts +2 -2
  13. package/schematics/utils/lib-details.js +2 -2
  14. package/schematics/utils/lib-details.ts +2 -2
  15. package/src/auto-complete/autocomplete.component.d.ts +15 -0
  16. package/src/combo-box/combobox.component.d.ts +15 -0
  17. package/src/drop-down-list/dropdownlist.component.d.ts +14 -0
  18. package/src/drop-down-tree/dropdowntree.component.d.ts +13 -0
  19. package/src/list-box/listbox.component.d.ts +14 -0
  20. package/src/multi-select/multiselect.component.d.ts +21 -0
  21. package/styles/auto-complete/bootstrap4.css +5 -0
  22. package/styles/auto-complete/bootstrap5-dark.css +146 -0
  23. package/styles/auto-complete/bootstrap5-dark.scss +1 -0
  24. package/styles/auto-complete/bootstrap5.css +146 -0
  25. package/styles/auto-complete/bootstrap5.scss +1 -0
  26. package/styles/auto-complete/material-dark.css +1 -1
  27. package/styles/bootstrap-dark.css +15 -4
  28. package/styles/bootstrap.css +15 -4
  29. package/styles/bootstrap4.css +21 -21
  30. package/styles/bootstrap5-dark.css +3413 -0
  31. package/styles/bootstrap5-dark.scss +7 -0
  32. package/styles/bootstrap5.css +3413 -0
  33. package/styles/bootstrap5.scss +7 -0
  34. package/styles/combo-box/bootstrap4.css +5 -0
  35. package/styles/combo-box/bootstrap5-dark.css +146 -0
  36. package/styles/combo-box/bootstrap5-dark.scss +1 -0
  37. package/styles/combo-box/bootstrap5.css +146 -0
  38. package/styles/combo-box/bootstrap5.scss +1 -0
  39. package/styles/combo-box/material-dark.css +1 -1
  40. package/styles/drop-down-base/bootstrap-dark.css +1 -3
  41. package/styles/drop-down-base/bootstrap.css +1 -3
  42. package/styles/drop-down-base/bootstrap4.css +1 -3
  43. package/styles/drop-down-base/bootstrap5-dark.css +372 -0
  44. package/styles/drop-down-base/bootstrap5-dark.scss +1 -0
  45. package/styles/drop-down-base/bootstrap5.css +372 -0
  46. package/styles/drop-down-base/bootstrap5.scss +1 -0
  47. package/styles/drop-down-base/fabric-dark.css +1 -3
  48. package/styles/drop-down-base/fabric.css +1 -3
  49. package/styles/drop-down-base/highcontrast-light.css +1 -3
  50. package/styles/drop-down-base/highcontrast.css +1 -3
  51. package/styles/drop-down-base/material-dark.css +3 -5
  52. package/styles/drop-down-base/material.css +1 -3
  53. package/styles/drop-down-base/tailwind-dark.css +5 -7
  54. package/styles/drop-down-base/tailwind.css +1 -3
  55. package/styles/drop-down-list/bootstrap4.css +5 -16
  56. package/styles/drop-down-list/bootstrap5-dark.css +438 -0
  57. package/styles/drop-down-list/bootstrap5-dark.scss +1 -0
  58. package/styles/drop-down-list/bootstrap5.css +438 -0
  59. package/styles/drop-down-list/bootstrap5.scss +1 -0
  60. package/styles/drop-down-list/material-dark.css +2 -2
  61. package/styles/drop-down-tree/bootstrap-dark.css +4 -0
  62. package/styles/drop-down-tree/bootstrap.css +4 -0
  63. package/styles/drop-down-tree/bootstrap4.css +4 -0
  64. package/styles/drop-down-tree/bootstrap5-dark.css +580 -0
  65. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -0
  66. package/styles/drop-down-tree/bootstrap5.css +580 -0
  67. package/styles/drop-down-tree/bootstrap5.scss +1 -0
  68. package/styles/drop-down-tree/fabric-dark.css +4 -0
  69. package/styles/drop-down-tree/fabric.css +4 -0
  70. package/styles/drop-down-tree/highcontrast-light.css +4 -0
  71. package/styles/drop-down-tree/highcontrast.css +4 -0
  72. package/styles/drop-down-tree/material-dark.css +406 -9
  73. package/styles/drop-down-tree/material.css +406 -9
  74. package/styles/drop-down-tree/tailwind-dark.css +9 -5
  75. package/styles/drop-down-tree/tailwind.css +8 -4
  76. package/styles/fabric-dark.css +15 -4
  77. package/styles/fabric.css +15 -4
  78. package/styles/highcontrast-light.css +15 -4
  79. package/styles/highcontrast.css +15 -4
  80. package/styles/list-box/bootstrap5-dark.css +886 -0
  81. package/styles/list-box/bootstrap5-dark.scss +1 -0
  82. package/styles/list-box/bootstrap5.css +886 -0
  83. package/styles/list-box/bootstrap5.scss +1 -0
  84. package/styles/list-box/material-dark.css +3 -3
  85. package/styles/list-box/tailwind-dark.css +1 -1
  86. package/styles/list-box/tailwind.css +1 -1
  87. package/styles/material-dark.css +1113 -59
  88. package/styles/material.css +508 -13
  89. package/styles/multi-select/bootstrap-dark.css +10 -1
  90. package/styles/multi-select/bootstrap.css +10 -1
  91. package/styles/multi-select/bootstrap4.css +11 -2
  92. package/styles/multi-select/bootstrap5-dark.css +1289 -0
  93. package/styles/multi-select/bootstrap5-dark.scss +1 -0
  94. package/styles/multi-select/bootstrap5.css +1289 -0
  95. package/styles/multi-select/bootstrap5.scss +1 -0
  96. package/styles/multi-select/fabric-dark.css +10 -1
  97. package/styles/multi-select/fabric.css +10 -1
  98. package/styles/multi-select/highcontrast-light.css +10 -1
  99. package/styles/multi-select/highcontrast.css +10 -1
  100. package/styles/multi-select/material-dark.css +699 -40
  101. package/styles/multi-select/material.css +101 -1
  102. package/styles/multi-select/tailwind-dark.css +13 -4
  103. package/styles/multi-select/tailwind.css +13 -4
  104. package/styles/tailwind-dark.css +28 -17
  105. package/styles/tailwind.css +23 -12
@@ -0,0 +1,1289 @@
1
+ @keyframes material-spinner-rotate {
2
+ 0% {
3
+ transform: rotate(0);
4
+ }
5
+ 100% {
6
+ transform: rotate(360deg);
7
+ }
8
+ }
9
+
10
+ @keyframes fabric-spinner-rotate {
11
+ 0% {
12
+ transform: rotate(0);
13
+ }
14
+ 100% {
15
+ transform: rotate(360deg);
16
+ }
17
+ }
18
+
19
+ .e-dropdownbase .e-list-group-item,
20
+ .e-fixed-head {
21
+ font-size: 12px;
22
+ }
23
+
24
+ .e-small .e-dropdownbase .e-list-group-item,
25
+ .e-small .e-fixed-head,
26
+ .e-small.e-dropdownbase .e-list-group-item,
27
+ .e-small.e-fixed-head {
28
+ font-size: 10px;
29
+ }
30
+
31
+ .e-bigger .e-dropdownbase .e-list-group-item,
32
+ .e-bigger .e-fixed-head,
33
+ .e-bigger.e-dropdownbase .e-list-group-item,
34
+ .e-bigger.e-fixed-head {
35
+ font-size: 14px;
36
+ }
37
+
38
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item,
39
+ .e-bigger.e-small .e-fixed-head,
40
+ .e-bigger.e-small.e-dropdownbase .e-list-group-item,
41
+ .e-bigger.e-small.e-fixed-head {
42
+ font-size: 12px;
43
+ }
44
+
45
+ .e-dropdownbase .e-list-item .e-list-icon {
46
+ padding: 0 8px 0 0;
47
+ }
48
+
49
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
50
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
51
+ padding: 0 12px 0 0;
52
+ }
53
+
54
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
55
+ padding: 0 6px 0 0;
56
+ }
57
+
58
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
59
+ line-height: 30px;
60
+ top: 0;
61
+ }
62
+
63
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
64
+ border-radius: 0 4px 4px 0;
65
+ border-right-width: 0;
66
+ }
67
+
68
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
69
+ border-left-width: 0;
70
+ border-radius: 4px 0 0 4px;
71
+ border-right-width: 1px;
72
+ }
73
+
74
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
75
+ height: 32px;
76
+ width: 32px;
77
+ }
78
+
79
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
80
+ height: 24px;
81
+ width: 24px;
82
+ }
83
+
84
+ .e-multi-select-wrapper .e-searcher input[type='text'] {
85
+ color: #fff;
86
+ height: 100%;
87
+ }
88
+
89
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
90
+ border-left-width: 0;
91
+ }
92
+
93
+ .e-multiselect.e-input-group .e-ddl-icon::before {
94
+ content: '\e729';
95
+ font-family: 'e-icons';
96
+ }
97
+
98
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
99
+ content: '\e7e7';
100
+ cursor: pointer;
101
+ left: 0;
102
+ position: relative;
103
+ top: 0;
104
+ }
105
+
106
+ .e-multi-select-wrapper .e-close-hooker::before {
107
+ content: '\e7e7';
108
+ cursor: pointer;
109
+ left: 6px;
110
+ position: relative;
111
+ top: 6px;
112
+ }
113
+
114
+ .e-multiselect.e-input-group .e-ddl-disable-icon::before {
115
+ content: '';
116
+ }
117
+
118
+ .e-multi-select-wrapper {
119
+ box-sizing: border-box;
120
+ cursor: text;
121
+ line-height: normal;
122
+ min-height: 30px;
123
+ padding: 0 32px 0 0;
124
+ position: relative;
125
+ -webkit-user-select: none;
126
+ -ms-user-select: none;
127
+ user-select: none;
128
+ width: 100%;
129
+ }
130
+
131
+ .e-multi-select-wrapper.e-delimiter .e-searcher {
132
+ height: 27px;
133
+ vertical-align: middle;
134
+ }
135
+
136
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase {
137
+ height: 100%;
138
+ min-height: 100%;
139
+ }
140
+
141
+ .e-multi-select-wrapper .e-delim-view {
142
+ white-space: nowrap;
143
+ }
144
+
145
+ .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 {
146
+ box-sizing: border-box;
147
+ display: inline-block;
148
+ overflow: hidden;
149
+ text-overflow: ellipsis;
150
+ }
151
+
152
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
153
+ color: #fff;
154
+ font-size: 14px;
155
+ left: 12px;
156
+ top: 0;
157
+ }
158
+
159
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
160
+ background-color: #0d6efd;
161
+ color: #fff;
162
+ padding: 12px 4px 11px 0;
163
+ }
164
+
165
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
166
+ width: 0;
167
+ }
168
+
169
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
170
+ height: 1px;
171
+ min-height: 1px;
172
+ }
173
+
174
+ .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
175
+ max-width: 100%;
176
+ }
177
+
178
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
179
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
180
+ display: -ms-flexbox;
181
+ display: flex;
182
+ float: left;
183
+ width: auto;
184
+ }
185
+
186
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
187
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
188
+ display: -ms-inline-flexbox;
189
+ display: inline-flex;
190
+ float: none;
191
+ }
192
+
193
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
194
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
195
+ width: 0;
196
+ }
197
+
198
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
199
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
200
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
201
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
202
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
203
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
204
+ display: none;
205
+ }
206
+
207
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
208
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
209
+ padding: 0 48px 0 0;
210
+ }
211
+
212
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
213
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
214
+ -ms-flex-align: center;
215
+ align-items: center;
216
+ display: inline;
217
+ max-width: 100%;
218
+ word-break: break-word;
219
+ }
220
+
221
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
222
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
223
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
224
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
225
+ -ms-flex-align: center;
226
+ align-items: center;
227
+ cursor: pointer;
228
+ display: none;
229
+ -ms-flex-direction: row;
230
+ flex-direction: row;
231
+ margin-top: -2em;
232
+ outline: 0;
233
+ padding: 0;
234
+ position: absolute;
235
+ right: 5px;
236
+ top: 100%;
237
+ }
238
+
239
+ .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
240
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
241
+ .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
242
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
243
+ display: -ms-flexbox;
244
+ display: flex;
245
+ }
246
+
247
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
248
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
249
+ margin-right: 0;
250
+ margin-top: -2.1em;
251
+ right: 0;
252
+ }
253
+
254
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
255
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
256
+ top: -1px;
257
+ }
258
+
259
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
260
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
261
+ font-size: 14px;
262
+ height: 24px;
263
+ width: 24px;
264
+ }
265
+
266
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
267
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
268
+ float: right;
269
+ }
270
+
271
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
272
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
273
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
274
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
275
+ left: 0;
276
+ right: auto;
277
+ }
278
+
279
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
280
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
281
+ padding: 0 0 0 48px;
282
+ }
283
+
284
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
285
+ margin-top: -2.25em;
286
+ }
287
+
288
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
289
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
290
+ opacity: .7;
291
+ pointer-events: none;
292
+ }
293
+
294
+ .e-multiselect.e-input-group,
295
+ .e-multiselect.e-float-input {
296
+ word-wrap: initial;
297
+ }
298
+
299
+ .e-multiselect.e-input-group .e-searcher .e-label-top {
300
+ top: 15px;
301
+ }
302
+
303
+ .e-bigger .e-multi-select-wrapper {
304
+ min-height: 36px;
305
+ }
306
+
307
+ .e-multi-select-wrapper.e-close-icon-hide {
308
+ padding-right: 0;
309
+ }
310
+
311
+ .e-multi-select-wrapper .e-chips-collection {
312
+ cursor: default;
313
+ display: block;
314
+ }
315
+
316
+ .e-multi-select-wrapper .e-multi-hidden {
317
+ border: 0;
318
+ height: 0;
319
+ position: absolute;
320
+ visibility: hidden;
321
+ width: 0;
322
+ }
323
+
324
+ .e-multi-select-wrapper .e-chips {
325
+ -ms-flex-align: center;
326
+ align-items: center;
327
+ display: -ms-inline-flexbox;
328
+ display: inline-flex;
329
+ float: left;
330
+ margin: 3px;
331
+ max-width: 100%;
332
+ overflow: hidden;
333
+ padding: 0 6px 0 8px;
334
+ text-overflow: ellipsis;
335
+ white-space: nowrap;
336
+ }
337
+
338
+ .e-bigger .e-multi-select-wrapper .e-chips {
339
+ margin: 3px;
340
+ }
341
+
342
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
343
+ max-width: 100%;
344
+ overflow: hidden;
345
+ padding: 0 6px 0 0;
346
+ text-indent: 0;
347
+ text-overflow: ellipsis;
348
+ white-space: nowrap;
349
+ line-height: 1.5;
350
+ }
351
+
352
+ .e-multi-select-wrapper.e-delimiter .e-searcher {
353
+ display: inline-block;
354
+ float: none;
355
+ }
356
+
357
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
358
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
359
+ padding: 8px 4px 8px 0;
360
+ }
361
+
362
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
363
+ padding: 7px 8px 7px 4px;
364
+ }
365
+
366
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
367
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
368
+ padding: 8px 0 8px 4px;
369
+ }
370
+
371
+ .e-multi-select-wrapper .e-chips-close {
372
+ -ms-flex-item-align: center;
373
+ align-self: center;
374
+ display: -ms-flexbox;
375
+ display: flex;
376
+ float: right;
377
+ font-family: 'e-icons';
378
+ height: 14px;
379
+ margin: 0 0 0;
380
+ width: 14px;
381
+ }
382
+
383
+ .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
384
+ margin: 3px 0 0;
385
+ }
386
+
387
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
388
+ cursor: default;
389
+ font-size: 14px;
390
+ height: 24px;
391
+ margin-top: -2em;
392
+ position: absolute;
393
+ right: 5px;
394
+ top: 100%;
395
+ width: 24px;
396
+ }
397
+
398
+ .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
399
+ .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
400
+ right: 40px;
401
+ }
402
+
403
+ .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
404
+ left: 40px;
405
+ right: auto;
406
+ }
407
+
408
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
409
+ margin-top: -2.25em;
410
+ }
411
+
412
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
413
+ margin-top: -2.25em;
414
+ margin-top: -2.15em;
415
+ }
416
+
417
+ .e-multi-select-wrapper input[type='text'] {
418
+ background: none;
419
+ border: 0;
420
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
421
+ font-size: 14px;
422
+ font-weight: 400;
423
+ height: 30px;
424
+ min-height: 30px;
425
+ outline: none;
426
+ padding: 0;
427
+ text-indent: 8px;
428
+ }
429
+
430
+ .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
431
+ background: none;
432
+ border: 0;
433
+ color: inherit;
434
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
435
+ font-size: 14px;
436
+ font-weight: 400;
437
+ height: 30px;
438
+ min-height: 30px;
439
+ outline: none;
440
+ padding: 0;
441
+ text-indent: 8px;
442
+ }
443
+
444
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
445
+ padding: 5px;
446
+ }
447
+
448
+ .e-bigger .e-multi-select-wrapper input[type='text'],
449
+ .e-multi-select-wrapper.e-mob-wrapper input[type='text'] {
450
+ height: 30px;
451
+ min-height: 30px;
452
+ }
453
+
454
+ .e-bigger .e-multi-select-wrapper input[type='text'] {
455
+ height: 36px;
456
+ min-height: 36px;
457
+ }
458
+
459
+ .e-multi-select-wrapper input[type='text']::-ms-clear {
460
+ display: none;
461
+ }
462
+
463
+ .e-multi-select-wrapper .e-searcher {
464
+ display: block;
465
+ float: left;
466
+ width: auto;
467
+ }
468
+
469
+ .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
470
+ width: calc(100% - 32px);
471
+ }
472
+
473
+ .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
474
+ .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
475
+ width: calc(100% - 38px);
476
+ }
477
+
478
+ .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
479
+ .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
480
+ width: calc(100% - 30px);
481
+ }
482
+
483
+ .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
484
+ .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
485
+ .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
486
+ .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
487
+ width: calc(100% - 32px);
488
+ }
489
+
490
+ .e-multi-select-wrapper .e-delim-values {
491
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
492
+ font-size: 14px;
493
+ line-height: 28px;
494
+ max-width: 100%;
495
+ padding-left: 8px;
496
+ padding-right: 6px;
497
+ vertical-align: middle;
498
+ }
499
+
500
+ .e-bigger .e-multi-select-wrapper .e-delim-values {
501
+ line-height: 36px;
502
+ padding-left: 12px;
503
+ }
504
+
505
+ .e-bigger .e-multi-select-wrapper .e-delim-values .e-remain {
506
+ padding-left: 0;
507
+ }
508
+
509
+ .e-multi-select-list-wrapper .e-hide-listitem {
510
+ display: none;
511
+ }
512
+
513
+ .e-multi-select-wrapper .e-delim-values .e-remain {
514
+ color: #fff;
515
+ cursor: pointer;
516
+ display: inline-block;
517
+ font-size: 14px;
518
+ padding-left: 0;
519
+ }
520
+
521
+ .e-multiselect.e-disabled .e-multi-select-wrapper,
522
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
523
+ cursor: not-allowed;
524
+ }
525
+
526
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
527
+ height: 40px;
528
+ left: 0;
529
+ margin: 0 0 0 0;
530
+ margin-left: auto;
531
+ position: relative;
532
+ top: 0;
533
+ width: 40px;
534
+ }
535
+
536
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
537
+ -ms-flex-item-align: center;
538
+ align-self: center;
539
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
540
+ display: -ms-inline-flexbox;
541
+ display: inline-flex;
542
+ padding: 0 0 0 16px;
543
+ width: 92%;
544
+ }
545
+
546
+ .e-multi-select-wrapper .e-ddl-disable-icon::before {
547
+ content: '';
548
+ }
549
+
550
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
551
+ float: none;
552
+ }
553
+
554
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
555
+ padding-left: 0;
556
+ }
557
+
558
+ .e-multiselect.e-rtl .e-multi-select-wrapper {
559
+ padding: 0 2px 0 32px;
560
+ }
561
+
562
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
563
+ left: -12px;
564
+ }
565
+
566
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
567
+ margin: 0;
568
+ margin-right: auto;
569
+ }
570
+
571
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
572
+ float: right;
573
+ }
574
+
575
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
576
+ float: right;
577
+ margin: 4px;
578
+ padding: 0 8px 0 4px;
579
+ }
580
+
581
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
582
+ padding: 5px 4px;
583
+ }
584
+
585
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
586
+ float: left;
587
+ }
588
+
589
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
590
+ left: 0;
591
+ }
592
+
593
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
594
+ padding: 0 4px 0 8px;
595
+ }
596
+
597
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
598
+ padding: 8px 4px;
599
+ }
600
+
601
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
602
+ padding: 0 8px 0 4px;
603
+ }
604
+
605
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
606
+ padding: 12px 4px;
607
+ }
608
+
609
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
610
+ left: 40px;
611
+ position: absolute;
612
+ right: auto;
613
+ }
614
+
615
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
616
+ left: -4px;
617
+ }
618
+
619
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
620
+ padding-right: 0;
621
+ }
622
+
623
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-icon.e-close-hooker {
624
+ left: 19px;
625
+ }
626
+
627
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
628
+ left: -7px;
629
+ }
630
+
631
+ .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
632
+ bottom: 1px;
633
+ margin-right: 8px;
634
+ position: relative;
635
+ text-indent: 0;
636
+ vertical-align: middle;
637
+ }
638
+
639
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
640
+ padding-left: 0;
641
+ }
642
+
643
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
644
+ padding-right: 25px;
645
+ }
646
+
647
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
648
+ padding-right: 25px;
649
+ }
650
+
651
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
652
+ bottom: 1px;
653
+ bottom: 2px;
654
+ margin-right: 8px;
655
+ position: relative;
656
+ text-indent: 0;
657
+ vertical-align: middle;
658
+ }
659
+
660
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
661
+ bottom: 1px;
662
+ bottom: 2px;
663
+ margin-right: 12px;
664
+ }
665
+
666
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-mulltiselect-group .e-list-group-item .e-checkbox-wrapper {
667
+ bottom: 1px;
668
+ bottom: 2px;
669
+ margin-right: 12px;
670
+ }
671
+
672
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
673
+ margin-left: 12px;
674
+ margin-right: 0;
675
+ }
676
+
677
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
678
+ margin-left: 12px;
679
+ margin-right: 0;
680
+ }
681
+
682
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
683
+ padding-right: 0;
684
+ }
685
+
686
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
687
+ padding-right: 0;
688
+ }
689
+
690
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
691
+ padding-left: 16px;
692
+ }
693
+
694
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-dropdownbase.e-dd-group .e-list-item .e-checkbox-wrapper {
695
+ padding-left: 0;
696
+ }
697
+
698
+ .e-multi-select-list-wrapper .e-selectall-parent {
699
+ cursor: pointer;
700
+ display: block;
701
+ line-height: 36px;
702
+ overflow: hidden;
703
+ padding-right: 16px;
704
+ position: relative;
705
+ text-indent: 12px;
706
+ white-space: nowrap;
707
+ width: 100%;
708
+ }
709
+
710
+ .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
711
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
712
+ padding-left: 16px;
713
+ padding-right: 0;
714
+ }
715
+
716
+ .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
717
+ color: #fff;
718
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
719
+ font-size: 14px;
720
+ }
721
+
722
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
723
+ font-size: 16px;
724
+ }
725
+
726
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
727
+ font-size: 14px;
728
+ line-height: 48px;
729
+ text-indent: 16px;
730
+ }
731
+
732
+ .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
733
+ bottom: 1px;
734
+ margin-right: 8px;
735
+ position: relative;
736
+ text-indent: 0;
737
+ vertical-align: middle;
738
+ }
739
+
740
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
741
+ bottom: 1px;
742
+ bottom: 2px;
743
+ margin-right: 12px;
744
+ }
745
+
746
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
747
+ margin-left: 12px;
748
+ margin-right: 0;
749
+ }
750
+
751
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
752
+ float: right;
753
+ margin-top: 0;
754
+ }
755
+
756
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
757
+ float: left;
758
+ }
759
+
760
+ .e-multiselect.e-checkbox .e-multi-select-wrapper,
761
+ .e-multiselect .e-multi-select-wrapper.e-down-icon {
762
+ padding: 0;
763
+ }
764
+
765
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon,
766
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
767
+ padding-left: 8px;
768
+ }
769
+
770
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
771
+ padding: 0 8px;
772
+ }
773
+
774
+ .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
775
+ line-height: 34px;
776
+ }
777
+
778
+ .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
779
+ line-height: 20px;
780
+ padding-left: 10px;
781
+ padding-left: 0;
782
+ }
783
+
784
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
785
+ .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
786
+ opacity: .3;
787
+ }
788
+
789
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
790
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
791
+ opacity: .7;
792
+ }
793
+
794
+ .e-multi-select-wrapper input[readonly='true'] {
795
+ pointer-events: none;
796
+ }
797
+
798
+ .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
799
+ pointer-events: none;
800
+ }
801
+
802
+ ejs-multiselect {
803
+ display: block;
804
+ }
805
+
806
+ .e-small .e-multi-select-list-wrapper .e-selectall-parent {
807
+ line-height: 26px;
808
+ }
809
+
810
+ .e-small .e-multi-select-wrapper .e-chips-close {
811
+ height: 12px;
812
+ width: 12px;
813
+ }
814
+
815
+ .e-small .e-multi-select-wrapper {
816
+ min-height: 24px;
817
+ }
818
+
819
+ .e-small .e-multi-select-wrapper input[type='text'] {
820
+ height: 24px;
821
+ min-height: 24px;
822
+ }
823
+
824
+ .e-small .e-multi-select-wrapper .e-delim-values {
825
+ font-size: 12px;
826
+ line-height: 24px;
827
+ }
828
+
829
+ .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
830
+ .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
831
+ margin-top: -2em;
832
+ }
833
+
834
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
835
+ line-height: 40px;
836
+ }
837
+
838
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
839
+ height: 14px;
840
+ width: 14px;
841
+ }
842
+
843
+ .e-bigger.e-small .e-multi-select-wrapper {
844
+ min-height: 28px;
845
+ }
846
+
847
+ .e-bigger.e-small .e-multi-select-wrapper input[type='text'] {
848
+ height: 32px;
849
+ min-height: 32px;
850
+ }
851
+
852
+ .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
853
+ font-size: 13px;
854
+ line-height: 28px;
855
+ }
856
+
857
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
858
+ .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
859
+ margin-top: -2em;
860
+ right: 5px;
861
+ }
862
+
863
+ .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
864
+ background-size: 300px 33px;
865
+ min-height: 33px;
866
+ }
867
+
868
+ .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
869
+ .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
870
+ background-size: 300px 40px;
871
+ min-height: 40px;
872
+ }
873
+
874
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
875
+ color: inherit;
876
+ }
877
+
878
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
879
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
880
+ -ms-flex-align: normal;
881
+ align-items: normal;
882
+ }
883
+
884
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
885
+ padding: 0 12px 0 8px;
886
+ }
887
+
888
+ .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
889
+ .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
890
+ padding: 3px 12px 0 4px;
891
+ }
892
+
893
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper,
894
+ .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
895
+ .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
896
+ .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
897
+ .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
898
+ padding: 0;
899
+ }
900
+
901
+ .e-filled.e-float-input .e-multi-select-wrapper,
902
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
903
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
904
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
905
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
906
+ padding: 11px 12px 0;
907
+ }
908
+
909
+ .e-small.e-filled.e-float-input .e-multi-select-wrapper,
910
+ .e-small .e-filled.e-float-input .e-multi-select-wrapper {
911
+ padding: 12px 12px 0 8px;
912
+ }
913
+
914
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
915
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
916
+ padding: 19px 12px 0 16px;
917
+ }
918
+
919
+ .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
920
+ padding-top: 3px;
921
+ }
922
+
923
+ .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
924
+ .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
925
+ padding: 0;
926
+ }
927
+
928
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type='text'],
929
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type='text'] {
930
+ padding: 5px 0;
931
+ }
932
+
933
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
934
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
935
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
936
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
937
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
938
+ height: 28px;
939
+ }
940
+
941
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
942
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
943
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
944
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
945
+ height: 24px;
946
+ }
947
+
948
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
949
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
950
+ height: 32px;
951
+ }
952
+
953
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
954
+ height: 24px;
955
+ }
956
+
957
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
958
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
959
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
960
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
961
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
962
+ height: 18px;
963
+ }
964
+
965
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
966
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
967
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
968
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
969
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
970
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
971
+ .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
972
+ .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
973
+ .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
974
+ .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
975
+ margin: 8px 8px 0 0;
976
+ padding: 0 8px;
977
+ }
978
+
979
+ .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
980
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
981
+ .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
982
+ .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
983
+ .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
984
+ .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
985
+ .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
986
+ .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
987
+ .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
988
+ .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
989
+ margin: 8px 0 0 8px;
990
+ padding: 0 8px;
991
+ }
992
+
993
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
994
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
995
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
996
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
997
+ padding-left: 8px;
998
+ }
999
+
1000
+ .e-small .e-filled .e-multi-select-wrapper .e-chips,
1001
+ .e-small.e-filled .e-multi-select-wrapper .e-chips {
1002
+ height: 16px;
1003
+ margin: 4px 4px 0 0;
1004
+ padding-right: 8px;
1005
+ }
1006
+
1007
+ .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1008
+ .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1009
+ margin: 4px 0 0 4px;
1010
+ }
1011
+
1012
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1013
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1014
+ height: 24px;
1015
+ }
1016
+
1017
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
1018
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
1019
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
1020
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
1021
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
1022
+ font-size: 13px;
1023
+ padding: 0 8px 0 0;
1024
+ }
1025
+
1026
+ .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1027
+ .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1028
+ font-size: 12px;
1029
+ }
1030
+
1031
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1032
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1033
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1034
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1035
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1036
+ font-size: 12px;
1037
+ padding: 0 4px 0 0;
1038
+ }
1039
+
1040
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1041
+ .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1042
+ .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1043
+ .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1044
+ .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1045
+ padding: 0 0 0 4px;
1046
+ }
1047
+
1048
+ .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1049
+ .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1050
+ font-size: 10px;
1051
+ }
1052
+
1053
+ .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1054
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1055
+ font-size: 13px;
1056
+ }
1057
+
1058
+ .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
1059
+ font-size: 13px;
1060
+ padding-right: 4px;
1061
+ }
1062
+
1063
+ .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
1064
+ .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
1065
+ .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1066
+ .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1067
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
1068
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
1069
+ padding: 0 12px;
1070
+ }
1071
+
1072
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1073
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1074
+ padding-right: 8px;
1075
+ }
1076
+
1077
+ .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
1078
+ .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
1079
+ height: 38px;
1080
+ margin-top: -38px;
1081
+ right: 12px;
1082
+ top: 100%;
1083
+ width: 16px;
1084
+ }
1085
+
1086
+ .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1087
+ color: #fff;
1088
+ }
1089
+
1090
+ .e-multi-select-wrapper .e-chips.e-chip-selected {
1091
+ background-color: #adb5bd;
1092
+ }
1093
+
1094
+ .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1095
+ background-color: #565e64;
1096
+ }
1097
+
1098
+ .e-multiselect {
1099
+ box-sizing: border-box;
1100
+ }
1101
+
1102
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
1103
+ -webkit-text-fill-color: #fff;
1104
+ color: #fff;
1105
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1106
+ font-size: 14px;
1107
+ }
1108
+
1109
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
1110
+ color: #fff;
1111
+ }
1112
+
1113
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
1114
+ color: #fff;
1115
+ }
1116
+
1117
+ .e-multi-select-wrapper .e-chips {
1118
+ background-color: #6c757d;
1119
+ border-radius: 4px;
1120
+ height: 24px;
1121
+ }
1122
+
1123
+ .e-multi-select-wrapper .e-chips:hover {
1124
+ background-color: #5c636a;
1125
+ }
1126
+
1127
+ .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
1128
+ color: #fff;
1129
+ }
1130
+
1131
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
1132
+ -webkit-text-fill-color: #fff;
1133
+ color: #fff;
1134
+ font-size: 14px;
1135
+ }
1136
+
1137
+ .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
1138
+ font-size: 14px;
1139
+ }
1140
+
1141
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1142
+ background-color: #0d6efd;
1143
+ border-radius: 2px;
1144
+ color: #fff;
1145
+ height: 40px;
1146
+ line-height: 40px;
1147
+ }
1148
+
1149
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1150
+ color: #fff;
1151
+ }
1152
+
1153
+ .e-multi-select-wrapper .e-chips.e-mob-chip,
1154
+ .e-bigger .e-multi-select-wrapper .e-chips {
1155
+ height: 30px;
1156
+ }
1157
+
1158
+ .e-popup.e-multi-select-list-wrapper {
1159
+ box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
1160
+ box-sizing: content-box;
1161
+ overflow: initial;
1162
+ }
1163
+
1164
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
1165
+ border-bottom: 0 solid transparent;
1166
+ border-left: 0 solid #0d6efd;
1167
+ border-right: 0 solid #0d6efd;
1168
+ border-top: 0 solid #6c757d;
1169
+ }
1170
+
1171
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
1172
+ background-color: transparent;
1173
+ border-color: transparent;
1174
+ color: #fff;
1175
+ }
1176
+
1177
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
1178
+ background-color: transparent;
1179
+ border-color: transparent;
1180
+ color: #fff;
1181
+ }
1182
+
1183
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
1184
+ background-color: #31373d;
1185
+ color: #fff;
1186
+ }
1187
+
1188
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
1189
+ background-color: #31373d;
1190
+ color: #7b848d;
1191
+ }
1192
+
1193
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
1194
+ border-bottom: 0 solid transparent;
1195
+ border-top: 0 solid transparent;
1196
+ }
1197
+
1198
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
1199
+ border-bottom: 0 solid transparent;
1200
+ }
1201
+
1202
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
1203
+ border-top: 0 solid transparent;
1204
+ }
1205
+
1206
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1207
+ background-color: #0d6efd;
1208
+ border: 0 solid transparent;
1209
+ box-shadow: none;
1210
+ color: #fff;
1211
+ }
1212
+
1213
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1214
+ background-color: #0d6efd;
1215
+ border: 0 solid transparent;
1216
+ box-shadow: none;
1217
+ color: #fff;
1218
+ }
1219
+
1220
+ .e-popup.e-multi-select-list-wrapper .e-list-item {
1221
+ border: 0 solid transparent;
1222
+ }
1223
+
1224
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
1225
+ border: 0 solid transparent;
1226
+ }
1227
+
1228
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
1229
+ color: #6c757d;
1230
+ }
1231
+
1232
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
1233
+ color: #6c757d;
1234
+ }
1235
+
1236
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
1237
+ color: #6c757d;
1238
+ }
1239
+
1240
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
1241
+ color: #6c757d;
1242
+ }
1243
+
1244
+ .e-ul.e-reorder {
1245
+ border-bottom: 1px solid #444c54;
1246
+ }
1247
+
1248
+ .e-multi-select-list-wrapper .e-selectall-parent {
1249
+ border-bottom: 1px solid #444c54;
1250
+ }
1251
+
1252
+ .e-multi-select-wrapper .e-delim-values {
1253
+ -webkit-text-fill-color: #fff;
1254
+ color: #fff;
1255
+ -webkit-text-fill-color: #fff;
1256
+ color: #fff;
1257
+ }
1258
+
1259
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1260
+ color: #fff;
1261
+ }
1262
+
1263
+ .e-small .e-multi-select-wrapper .e-chips {
1264
+ height: 20px;
1265
+ }
1266
+
1267
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1268
+ font-size: 12px;
1269
+ }
1270
+
1271
+ .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1272
+ font-size: 12px;
1273
+ }
1274
+
1275
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
1276
+ left: 0;
1277
+ }
1278
+
1279
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips {
1280
+ height: 26px;
1281
+ }
1282
+
1283
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1284
+ font-size: 13px;
1285
+ }
1286
+
1287
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1288
+ font-size: 14px;
1289
+ }