@syncfusion/ej2-dropdowns 19.4.56 → 20.1.51

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