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