@syncfusion/ej2-dropdowns 32.1.24 → 32.2.3

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