@syncfusion/ej2-dropdowns 26.2.11 → 27.1.48

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 (438) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +1548 -851
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +1441 -721
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +15 -13
  12. package/src/auto-complete/auto-complete-model.d.ts +1 -1
  13. package/src/auto-complete/auto-complete.d.ts +2 -0
  14. package/src/auto-complete/auto-complete.js +52 -22
  15. package/src/combo-box/combo-box-model.d.ts +12 -5
  16. package/src/combo-box/combo-box.d.ts +10 -4
  17. package/src/combo-box/combo-box.js +74 -39
  18. package/src/common/incremental-search.d.ts +26 -11
  19. package/src/common/incremental-search.js +30 -16
  20. package/src/common/interface.d.ts +5 -5
  21. package/src/common/virtual-scroll.js +69 -36
  22. package/src/drop-down-base/drop-down-base-model.d.ts +1 -1
  23. package/src/drop-down-base/drop-down-base.d.ts +6 -2
  24. package/src/drop-down-base/drop-down-base.js +100 -67
  25. package/src/drop-down-list/drop-down-list-model.d.ts +14 -7
  26. package/src/drop-down-list/drop-down-list.d.ts +12 -4
  27. package/src/drop-down-list/drop-down-list.js +302 -177
  28. package/src/drop-down-tree/drop-down-tree-model.d.ts +19 -0
  29. package/src/drop-down-tree/drop-down-tree.d.ts +26 -2
  30. package/src/drop-down-tree/drop-down-tree.js +207 -69
  31. package/src/list-box/list-box.js +72 -36
  32. package/src/mention/mention.d.ts +8 -0
  33. package/src/mention/mention.js +88 -25
  34. package/src/multi-select/checkbox-selection.js +3 -2
  35. package/src/multi-select/interface.d.ts +1 -0
  36. package/src/multi-select/multi-select-model.d.ts +15 -8
  37. package/src/multi-select/multi-select.d.ts +15 -5
  38. package/src/multi-select/multi-select.js +444 -237
  39. package/styles/auto-complete/bootstrap-dark.css +0 -50
  40. package/styles/auto-complete/bootstrap.css +0 -50
  41. package/styles/auto-complete/bootstrap4.css +0 -68
  42. package/styles/auto-complete/bootstrap5-dark.css +0 -54
  43. package/styles/auto-complete/bootstrap5.3.css +101 -0
  44. package/styles/auto-complete/bootstrap5.3.scss +4 -0
  45. package/styles/auto-complete/bootstrap5.css +0 -54
  46. package/styles/auto-complete/fabric-dark.css +0 -49
  47. package/styles/auto-complete/fabric.css +0 -42
  48. package/styles/auto-complete/fluent-dark.css +0 -41
  49. package/styles/auto-complete/fluent.css +0 -41
  50. package/styles/auto-complete/fluent2.css +1 -36
  51. package/styles/auto-complete/highcontrast-light.css +0 -37
  52. package/styles/auto-complete/highcontrast.css +0 -37
  53. package/styles/auto-complete/material-dark.css +0 -34
  54. package/styles/auto-complete/material.css +0 -55
  55. package/styles/auto-complete/material3-dark.css +0 -59
  56. package/styles/auto-complete/material3.css +0 -59
  57. package/styles/auto-complete/tailwind-dark.css +0 -35
  58. package/styles/auto-complete/tailwind.css +0 -35
  59. package/styles/bootstrap-dark-lite.css +2752 -0
  60. package/styles/bootstrap-dark-lite.scss +28 -0
  61. package/styles/bootstrap-dark.css +651 -604
  62. package/styles/bootstrap-dark.scss +6 -1
  63. package/styles/bootstrap-lite.css +2751 -0
  64. package/styles/bootstrap-lite.scss +28 -0
  65. package/styles/bootstrap.css +657 -610
  66. package/styles/bootstrap.scss +6 -1
  67. package/styles/bootstrap4-lite.css +2856 -0
  68. package/styles/bootstrap4-lite.scss +28 -0
  69. package/styles/bootstrap4.css +828 -755
  70. package/styles/bootstrap4.scss +6 -1
  71. package/styles/bootstrap5-dark-lite.css +2827 -0
  72. package/styles/bootstrap5-dark-lite.scss +28 -0
  73. package/styles/bootstrap5-dark.css +702 -651
  74. package/styles/bootstrap5-dark.scss +6 -1
  75. package/styles/bootstrap5-lite.css +2827 -0
  76. package/styles/bootstrap5-lite.scss +28 -0
  77. package/styles/bootstrap5.3-lite.css +2821 -0
  78. package/styles/bootstrap5.3-lite.scss +28 -0
  79. package/styles/bootstrap5.3.css +3552 -0
  80. package/styles/bootstrap5.3.scss +33 -0
  81. package/styles/bootstrap5.css +702 -651
  82. package/styles/bootstrap5.scss +6 -1
  83. package/styles/combo-box/bootstrap-dark.css +0 -50
  84. package/styles/combo-box/bootstrap.css +0 -50
  85. package/styles/combo-box/bootstrap4.css +0 -68
  86. package/styles/combo-box/bootstrap5-dark.css +0 -54
  87. package/styles/combo-box/bootstrap5.3.css +101 -0
  88. package/styles/combo-box/bootstrap5.3.scss +4 -0
  89. package/styles/combo-box/bootstrap5.css +0 -54
  90. package/styles/combo-box/fabric-dark.css +0 -49
  91. package/styles/combo-box/fabric.css +0 -42
  92. package/styles/combo-box/fluent-dark.css +0 -41
  93. package/styles/combo-box/fluent.css +0 -41
  94. package/styles/combo-box/fluent2.css +1 -36
  95. package/styles/combo-box/highcontrast-light.css +0 -37
  96. package/styles/combo-box/highcontrast.css +0 -37
  97. package/styles/combo-box/material-dark.css +0 -34
  98. package/styles/combo-box/material.css +0 -55
  99. package/styles/combo-box/material3-dark.css +0 -59
  100. package/styles/combo-box/material3.css +0 -59
  101. package/styles/combo-box/tailwind-dark.css +0 -35
  102. package/styles/combo-box/tailwind.css +0 -35
  103. package/styles/drop-down-base/_bds-definition.scss +0 -22
  104. package/styles/drop-down-base/_bigger.scss +195 -0
  105. package/styles/drop-down-base/_bootstrap-dark-definition.scss +0 -5
  106. package/styles/drop-down-base/_bootstrap-definition.scss +0 -5
  107. package/styles/drop-down-base/_bootstrap4-definition.scss +0 -9
  108. package/styles/drop-down-base/_bootstrap5-definition.scss +0 -19
  109. package/styles/drop-down-base/_bootstrap5.3-definition.scss +2 -21
  110. package/styles/drop-down-base/_fabric-dark-definition.scss +0 -5
  111. package/styles/drop-down-base/_fabric-definition.scss +0 -5
  112. package/styles/drop-down-base/_fluent-definition.scss +0 -19
  113. package/styles/drop-down-base/_fluent2-definition.scss +2 -23
  114. package/styles/drop-down-base/_fusionnew-definition.scss +0 -19
  115. package/styles/drop-down-base/_highcontrast-definition.scss +0 -9
  116. package/styles/drop-down-base/_highcontrast-light-definition.scss +0 -9
  117. package/styles/drop-down-base/_layout.scss +1 -57
  118. package/styles/drop-down-base/_material-dark-definition.scss +0 -4
  119. package/styles/drop-down-base/_material-definition.scss +0 -4
  120. package/styles/drop-down-base/_material3-definition.scss +0 -3
  121. package/styles/drop-down-base/_tailwind-definition.scss +0 -22
  122. package/styles/drop-down-base/_theme.scss +10 -91
  123. package/styles/drop-down-base/bootstrap-dark.css +75 -75
  124. package/styles/drop-down-base/bootstrap-dark.scss +1 -0
  125. package/styles/drop-down-base/bootstrap.css +75 -75
  126. package/styles/drop-down-base/bootstrap.scss +1 -0
  127. package/styles/drop-down-base/bootstrap4.css +79 -79
  128. package/styles/drop-down-base/bootstrap4.scss +1 -0
  129. package/styles/drop-down-base/bootstrap5-dark.css +89 -89
  130. package/styles/drop-down-base/bootstrap5-dark.scss +1 -0
  131. package/styles/drop-down-base/bootstrap5.3.css +411 -0
  132. package/styles/drop-down-base/bootstrap5.3.scss +4 -0
  133. package/styles/drop-down-base/bootstrap5.css +89 -89
  134. package/styles/drop-down-base/bootstrap5.scss +1 -0
  135. package/styles/drop-down-base/fabric-dark.css +75 -75
  136. package/styles/drop-down-base/fabric-dark.scss +1 -0
  137. package/styles/drop-down-base/fabric.css +75 -75
  138. package/styles/drop-down-base/fabric.scss +1 -0
  139. package/styles/drop-down-base/fluent-dark.css +101 -101
  140. package/styles/drop-down-base/fluent-dark.scss +1 -0
  141. package/styles/drop-down-base/fluent.css +101 -101
  142. package/styles/drop-down-base/fluent.scss +1 -0
  143. package/styles/drop-down-base/fluent2.css +97 -95
  144. package/styles/drop-down-base/fluent2.scss +1 -0
  145. package/styles/drop-down-base/highcontrast-light.css +75 -77
  146. package/styles/drop-down-base/highcontrast-light.scss +1 -0
  147. package/styles/drop-down-base/highcontrast.css +75 -77
  148. package/styles/drop-down-base/highcontrast.scss +1 -0
  149. package/styles/drop-down-base/material-dark.css +74 -74
  150. package/styles/drop-down-base/material-dark.scss +1 -0
  151. package/styles/drop-down-base/material.css +74 -74
  152. package/styles/drop-down-base/material.scss +1 -0
  153. package/styles/drop-down-base/material3-dark.css +74 -74
  154. package/styles/drop-down-base/material3-dark.scss +1 -0
  155. package/styles/drop-down-base/material3.css +74 -74
  156. package/styles/drop-down-base/material3.scss +1 -0
  157. package/styles/drop-down-base/tailwind-dark.css +135 -135
  158. package/styles/drop-down-base/tailwind-dark.scss +1 -0
  159. package/styles/drop-down-base/tailwind.css +135 -135
  160. package/styles/drop-down-base/tailwind.scss +1 -0
  161. package/styles/drop-down-list/_bds-definition.scss +0 -34
  162. package/styles/drop-down-list/_bigger.scss +713 -0
  163. package/styles/drop-down-list/_bootstrap-dark-definition.scss +0 -64
  164. package/styles/drop-down-list/_bootstrap-definition.scss +0 -64
  165. package/styles/drop-down-list/_bootstrap4-definition.scss +0 -81
  166. package/styles/drop-down-list/_bootstrap5-definition.scss +0 -67
  167. package/styles/drop-down-list/_bootstrap5.3-definition.scss +1 -67
  168. package/styles/drop-down-list/_fabric-dark-definition.scss +0 -57
  169. package/styles/drop-down-list/_fabric-definition.scss +0 -56
  170. package/styles/drop-down-list/_fluent-definition.scss +0 -57
  171. package/styles/drop-down-list/_fluent2-definition.scss +2 -35
  172. package/styles/drop-down-list/_fusionnew-definition.scss +0 -67
  173. package/styles/drop-down-list/_highcontrast-definition.scss +0 -60
  174. package/styles/drop-down-list/_highcontrast-light-definition.scss +0 -60
  175. package/styles/drop-down-list/_layout.scss +4 -82
  176. package/styles/drop-down-list/_material-dark-definition.scss +0 -33
  177. package/styles/drop-down-list/_material-definition.scss +0 -55
  178. package/styles/drop-down-list/_material3-definition.scss +0 -58
  179. package/styles/drop-down-list/_tailwind-definition.scss +0 -34
  180. package/styles/drop-down-list/_theme.scss +7 -0
  181. package/styles/drop-down-list/bootstrap-dark.css +90 -91
  182. package/styles/drop-down-list/bootstrap-dark.scss +1 -0
  183. package/styles/drop-down-list/bootstrap.css +90 -91
  184. package/styles/drop-down-list/bootstrap.scss +1 -0
  185. package/styles/drop-down-list/bootstrap4.css +105 -105
  186. package/styles/drop-down-list/bootstrap4.scss +1 -0
  187. package/styles/drop-down-list/bootstrap5-dark.css +87 -101
  188. package/styles/drop-down-list/bootstrap5-dark.scss +1 -0
  189. package/styles/drop-down-list/bootstrap5.3.css +481 -0
  190. package/styles/drop-down-list/bootstrap5.3.scss +10 -0
  191. package/styles/drop-down-list/bootstrap5.css +87 -101
  192. package/styles/drop-down-list/bootstrap5.scss +1 -0
  193. package/styles/drop-down-list/fabric-dark.css +89 -90
  194. package/styles/drop-down-list/fabric-dark.scss +1 -0
  195. package/styles/drop-down-list/fabric.css +89 -83
  196. package/styles/drop-down-list/fabric.scss +1 -0
  197. package/styles/drop-down-list/fluent-dark.css +73 -88
  198. package/styles/drop-down-list/fluent-dark.scss +1 -0
  199. package/styles/drop-down-list/fluent.css +73 -88
  200. package/styles/drop-down-list/fluent.scss +1 -0
  201. package/styles/drop-down-list/fluent2.css +76 -93
  202. package/styles/drop-down-list/fluent2.scss +1 -0
  203. package/styles/drop-down-list/highcontrast-light.css +78 -80
  204. package/styles/drop-down-list/highcontrast-light.scss +1 -0
  205. package/styles/drop-down-list/highcontrast.css +79 -80
  206. package/styles/drop-down-list/highcontrast.scss +1 -0
  207. package/styles/drop-down-list/material-dark.css +73 -73
  208. package/styles/drop-down-list/material-dark.scss +1 -0
  209. package/styles/drop-down-list/material.css +94 -94
  210. package/styles/drop-down-list/material.scss +1 -0
  211. package/styles/drop-down-list/material3-dark.css +98 -98
  212. package/styles/drop-down-list/material3-dark.scss +1 -0
  213. package/styles/drop-down-list/material3.css +98 -98
  214. package/styles/drop-down-list/material3.scss +1 -0
  215. package/styles/drop-down-list/tailwind-dark.css +95 -78
  216. package/styles/drop-down-list/tailwind-dark.scss +1 -0
  217. package/styles/drop-down-list/tailwind.css +95 -78
  218. package/styles/drop-down-list/tailwind.scss +1 -0
  219. package/styles/drop-down-tree/_bigger.scss +522 -0
  220. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +5 -5
  221. package/styles/drop-down-tree/_fluent2-definition.scss +5 -3
  222. package/styles/drop-down-tree/_layout.scss +15 -491
  223. package/styles/drop-down-tree/_theme.scss +16 -4
  224. package/styles/drop-down-tree/bootstrap-dark.css +32 -37
  225. package/styles/drop-down-tree/bootstrap-dark.scss +1 -0
  226. package/styles/drop-down-tree/bootstrap.css +32 -37
  227. package/styles/drop-down-tree/bootstrap.scss +1 -0
  228. package/styles/drop-down-tree/bootstrap4.css +38 -47
  229. package/styles/drop-down-tree/bootstrap4.scss +1 -0
  230. package/styles/drop-down-tree/bootstrap5-dark.css +36 -55
  231. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -0
  232. package/styles/drop-down-tree/bootstrap5.3.css +460 -0
  233. package/styles/drop-down-tree/bootstrap5.3.scss +10 -0
  234. package/styles/drop-down-tree/bootstrap5.css +36 -55
  235. package/styles/drop-down-tree/bootstrap5.scss +1 -0
  236. package/styles/drop-down-tree/fabric-dark.css +32 -37
  237. package/styles/drop-down-tree/fabric-dark.scss +1 -0
  238. package/styles/drop-down-tree/fabric.css +32 -37
  239. package/styles/drop-down-tree/fabric.scss +1 -0
  240. package/styles/drop-down-tree/fluent-dark.css +32 -51
  241. package/styles/drop-down-tree/fluent-dark.scss +1 -0
  242. package/styles/drop-down-tree/fluent.css +32 -51
  243. package/styles/drop-down-tree/fluent.scss +1 -0
  244. package/styles/drop-down-tree/fluent2.css +38 -53
  245. package/styles/drop-down-tree/fluent2.scss +1 -0
  246. package/styles/drop-down-tree/highcontrast-light.css +32 -39
  247. package/styles/drop-down-tree/highcontrast-light.scss +1 -0
  248. package/styles/drop-down-tree/highcontrast.css +41 -48
  249. package/styles/drop-down-tree/highcontrast.scss +1 -0
  250. package/styles/drop-down-tree/material-dark.css +32 -36
  251. package/styles/drop-down-tree/material-dark.scss +1 -0
  252. package/styles/drop-down-tree/material.css +32 -36
  253. package/styles/drop-down-tree/material.scss +1 -0
  254. package/styles/drop-down-tree/material3-dark.css +33 -37
  255. package/styles/drop-down-tree/material3-dark.scss +1 -0
  256. package/styles/drop-down-tree/material3.css +33 -37
  257. package/styles/drop-down-tree/material3.scss +1 -0
  258. package/styles/drop-down-tree/tailwind-dark.css +51 -73
  259. package/styles/drop-down-tree/tailwind-dark.scss +1 -0
  260. package/styles/drop-down-tree/tailwind.css +51 -73
  261. package/styles/drop-down-tree/tailwind.scss +1 -0
  262. package/styles/fabric-dark-lite.css +2730 -0
  263. package/styles/fabric-dark-lite.scss +28 -0
  264. package/styles/fabric-dark.css +657 -604
  265. package/styles/fabric-dark.scss +6 -1
  266. package/styles/fabric-lite.css +2731 -0
  267. package/styles/fabric-lite.scss +28 -0
  268. package/styles/fabric.css +667 -607
  269. package/styles/fabric.scss +6 -1
  270. package/styles/fluent-dark-lite.css +2866 -0
  271. package/styles/fluent-dark-lite.scss +28 -0
  272. package/styles/fluent-dark.css +703 -678
  273. package/styles/fluent-dark.scss +6 -1
  274. package/styles/fluent-lite.css +2866 -0
  275. package/styles/fluent-lite.scss +28 -0
  276. package/styles/fluent.css +703 -678
  277. package/styles/fluent.scss +6 -1
  278. package/styles/fluent2-lite.css +3050 -0
  279. package/styles/fluent2-lite.scss +28 -0
  280. package/styles/fluent2.css +739 -672
  281. package/styles/fluent2.scss +6 -1
  282. package/styles/highcontrast-light-lite.css +2847 -0
  283. package/styles/highcontrast-light-lite.scss +28 -0
  284. package/styles/highcontrast-light.css +652 -602
  285. package/styles/highcontrast-light.scss +6 -1
  286. package/styles/highcontrast-lite.css +2870 -0
  287. package/styles/highcontrast-lite.scss +28 -0
  288. package/styles/highcontrast.css +670 -619
  289. package/styles/highcontrast.scss +6 -1
  290. package/styles/list-box/_bigger.scss +173 -0
  291. package/styles/list-box/_bootstrap5-definition.scss +1 -0
  292. package/styles/list-box/_bootstrap5.3-definition.scss +17 -14
  293. package/styles/list-box/_fluent2-definition.scss +2 -0
  294. package/styles/list-box/_layout.scss +15 -127
  295. package/styles/list-box/_theme.scss +14 -51
  296. package/styles/list-box/bootstrap-dark.css +121 -129
  297. package/styles/list-box/bootstrap-dark.scss +1 -0
  298. package/styles/list-box/bootstrap.css +127 -135
  299. package/styles/list-box/bootstrap.scss +1 -0
  300. package/styles/list-box/bootstrap4.css +171 -183
  301. package/styles/list-box/bootstrap4.scss +1 -0
  302. package/styles/list-box/bootstrap5-dark.css +127 -149
  303. package/styles/list-box/bootstrap5-dark.scss +1 -0
  304. package/styles/list-box/bootstrap5.3.css +950 -0
  305. package/styles/list-box/bootstrap5.3.scss +6 -0
  306. package/styles/list-box/bootstrap5.css +127 -149
  307. package/styles/list-box/bootstrap5.scss +1 -0
  308. package/styles/list-box/fabric-dark.css +121 -129
  309. package/styles/list-box/fabric-dark.scss +1 -0
  310. package/styles/list-box/fabric.css +127 -135
  311. package/styles/list-box/fabric.scss +1 -0
  312. package/styles/list-box/fluent-dark.css +127 -149
  313. package/styles/list-box/fluent-dark.scss +1 -0
  314. package/styles/list-box/fluent.css +127 -149
  315. package/styles/list-box/fluent.scss +1 -0
  316. package/styles/list-box/fluent2.css +121 -156
  317. package/styles/list-box/fluent2.scss +1 -0
  318. package/styles/list-box/highcontrast-light.css +121 -131
  319. package/styles/list-box/highcontrast-light.scss +1 -0
  320. package/styles/list-box/highcontrast.css +127 -137
  321. package/styles/list-box/highcontrast.scss +1 -0
  322. package/styles/list-box/material-dark.css +121 -128
  323. package/styles/list-box/material-dark.scss +1 -0
  324. package/styles/list-box/material.css +127 -134
  325. package/styles/list-box/material.scss +1 -0
  326. package/styles/list-box/material3-dark.css +121 -128
  327. package/styles/list-box/material3-dark.scss +1 -0
  328. package/styles/list-box/material3.css +121 -128
  329. package/styles/list-box/material3.scss +1 -0
  330. package/styles/list-box/tailwind-dark.css +137 -162
  331. package/styles/list-box/tailwind-dark.scss +1 -0
  332. package/styles/list-box/tailwind.css +137 -162
  333. package/styles/list-box/tailwind.scss +1 -0
  334. package/styles/material-dark-lite.css +3513 -0
  335. package/styles/material-dark-lite.scss +28 -0
  336. package/styles/material-dark.css +1265 -1157
  337. package/styles/material-dark.scss +6 -1
  338. package/styles/material-lite.css +3545 -0
  339. package/styles/material-lite.scss +28 -0
  340. package/styles/material.css +1305 -1197
  341. package/styles/material.scss +6 -1
  342. package/styles/material3-dark-lite.css +3459 -0
  343. package/styles/material3-dark-lite.scss +28 -0
  344. package/styles/material3-dark.css +1614 -1248
  345. package/styles/material3-dark.scss +6 -1
  346. package/styles/material3-lite.css +3461 -0
  347. package/styles/material3-lite.scss +28 -0
  348. package/styles/material3.css +1614 -1248
  349. package/styles/material3.scss +6 -1
  350. package/styles/mention/bootstrap-dark.css +0 -5
  351. package/styles/mention/bootstrap.css +0 -5
  352. package/styles/mention/bootstrap4.css +0 -9
  353. package/styles/mention/bootstrap5-dark.css +0 -19
  354. package/styles/mention/bootstrap5.3.css +67 -0
  355. package/styles/mention/bootstrap5.3.scss +6 -0
  356. package/styles/mention/bootstrap5.css +0 -19
  357. package/styles/mention/fabric-dark.css +0 -5
  358. package/styles/mention/fabric.css +0 -5
  359. package/styles/mention/fluent-dark.css +0 -19
  360. package/styles/mention/fluent.css +0 -19
  361. package/styles/mention/fluent2.css +0 -22
  362. package/styles/mention/highcontrast-light.css +0 -7
  363. package/styles/mention/highcontrast.css +0 -7
  364. package/styles/mention/material-dark.css +0 -4
  365. package/styles/mention/material.css +0 -4
  366. package/styles/mention/material3-dark.css +0 -4
  367. package/styles/mention/material3.css +0 -4
  368. package/styles/mention/tailwind-dark.css +0 -22
  369. package/styles/mention/tailwind.css +0 -22
  370. package/styles/multi-select/_bds-definition.scss +0 -5
  371. package/styles/multi-select/_bigger.scss +2002 -0
  372. package/styles/multi-select/_bootstrap-dark-definition.scss +0 -9
  373. package/styles/multi-select/_bootstrap-definition.scss +0 -9
  374. package/styles/multi-select/_bootstrap4-definition.scss +0 -44
  375. package/styles/multi-select/_bootstrap5-definition.scss +0 -5
  376. package/styles/multi-select/_bootstrap5.3-definition.scss +0 -5
  377. package/styles/multi-select/_fabric-dark-definition.scss +2 -4
  378. package/styles/multi-select/_fabric-definition.scss +2 -4
  379. package/styles/multi-select/_fluent-definition.scss +0 -10
  380. package/styles/multi-select/_fluent2-definition.scss +2 -5
  381. package/styles/multi-select/_fusionnew-definition.scss +0 -5
  382. package/styles/multi-select/_highcontrast-definition.scss +1 -2
  383. package/styles/multi-select/_highcontrast-light-definition.scss +1 -2
  384. package/styles/multi-select/_layout.scss +33 -934
  385. package/styles/multi-select/_tailwind-definition.scss +0 -5
  386. package/styles/multi-select/_theme.scss +13 -34
  387. package/styles/multi-select/bootstrap-dark.css +314 -273
  388. package/styles/multi-select/bootstrap-dark.scss +1 -0
  389. package/styles/multi-select/bootstrap.css +314 -273
  390. package/styles/multi-select/bootstrap.scss +1 -0
  391. package/styles/multi-select/bootstrap4.css +405 -347
  392. package/styles/multi-select/bootstrap4.scss +1 -0
  393. package/styles/multi-select/bootstrap5-dark.css +350 -320
  394. package/styles/multi-select/bootstrap5-dark.scss +1 -0
  395. package/styles/multi-select/bootstrap5.3.css +1424 -0
  396. package/styles/multi-select/bootstrap5.3.scss +10 -0
  397. package/styles/multi-select/bootstrap5.css +350 -320
  398. package/styles/multi-select/bootstrap5.scss +1 -0
  399. package/styles/multi-select/fabric-dark.css +320 -273
  400. package/styles/multi-select/fabric-dark.scss +1 -0
  401. package/styles/multi-select/fabric.css +320 -273
  402. package/styles/multi-select/fabric.scss +1 -0
  403. package/styles/multi-select/fluent-dark.css +366 -361
  404. package/styles/multi-select/fluent-dark.scss +1 -0
  405. package/styles/multi-select/fluent.css +366 -361
  406. package/styles/multi-select/fluent.scss +1 -0
  407. package/styles/multi-select/fluent2.css +399 -355
  408. package/styles/multi-select/fluent2.scss +1 -0
  409. package/styles/multi-select/highcontrast-light.css +321 -278
  410. package/styles/multi-select/highcontrast-light.scss +1 -0
  411. package/styles/multi-select/highcontrast.css +321 -278
  412. package/styles/multi-select/highcontrast.scss +1 -0
  413. package/styles/multi-select/icons/_bootstrap4.scss +0 -9
  414. package/styles/multi-select/icons/_fluent.scss +0 -21
  415. package/styles/multi-select/icons/_fluent2.scss +5 -354
  416. package/styles/multi-select/icons/_material-dark.scss +5 -354
  417. package/styles/multi-select/icons/_material.scss +5 -354
  418. package/styles/multi-select/icons/_material3.scss +5 -354
  419. package/styles/multi-select/material-dark.css +960 -857
  420. package/styles/multi-select/material-dark.scss +1 -0
  421. package/styles/multi-select/material.css +960 -857
  422. package/styles/multi-select/material.scss +1 -0
  423. package/styles/multi-select/material3-dark.css +1277 -916
  424. package/styles/multi-select/material3-dark.scss +1 -0
  425. package/styles/multi-select/material3.css +1277 -916
  426. package/styles/multi-select/material3.scss +1 -0
  427. package/styles/multi-select/tailwind-dark.css +351 -327
  428. package/styles/multi-select/tailwind-dark.scss +1 -0
  429. package/styles/multi-select/tailwind.css +351 -327
  430. package/styles/multi-select/tailwind.scss +1 -0
  431. package/styles/tailwind-dark-lite.css +2813 -0
  432. package/styles/tailwind-dark-lite.scss +28 -0
  433. package/styles/tailwind-dark.css +930 -848
  434. package/styles/tailwind-dark.scss +6 -1
  435. package/styles/tailwind-lite.css +2813 -0
  436. package/styles/tailwind-lite.scss +28 -0
  437. package/styles/tailwind.css +930 -848
  438. package/styles/tailwind.scss +6 -1
@@ -16,57 +16,14 @@
16
16
  font-size: 10px;
17
17
  }
18
18
 
19
- .e-bigger .e-dropdownbase .e-list-group-item,
20
- .e-bigger .e-fixed-head,
21
- .e-bigger.e-dropdownbase .e-list-group-item,
22
- .e-bigger.e-fixed-head {
23
- font-size: 14px;
24
- }
25
-
26
- .e-bigger.e-small .e-dropdownbase .e-list-group-item,
27
- .e-bigger.e-small .e-fixed-head,
28
- .e-bigger.e-small.e-dropdownbase .e-list-group-item,
29
- .e-bigger.e-small.e-fixed-head {
30
- font-size: 12px;
31
- }
32
-
33
19
  .e-dropdownbase .e-list-item .e-list-icon {
34
20
  padding: 0 8px 0 0;
35
21
  }
36
22
 
37
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
38
- padding: 0 12px 0 0;
39
- }
40
-
41
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
42
- padding: 0 8px 0 0;
43
- }
44
-
45
23
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
46
24
  padding: 0 4px 0 0;
47
25
  }
48
26
 
49
- .e-bigger .e-dropdownbase,
50
- .e-dropdownbase.e-bigger {
51
- min-height: 45px;
52
- }
53
- .e-bigger .e-dropdownbase .e-list-item,
54
- .e-dropdownbase.e-bigger .e-list-item {
55
- line-height: 36px;
56
- text-indent: 16px;
57
- }
58
-
59
- .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
60
- .e-dropdownbase.e-bigger .e-list-group-item,
61
- .e-dropdownbase.e-bigger .e-fixed-head {
62
- line-height: 36px;
63
- }
64
-
65
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
66
- .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
67
- font-size: 20px;
68
- }
69
-
70
27
  .e-dropdownbase {
71
28
  display: block;
72
29
  height: 100%;
@@ -153,21 +110,11 @@
153
110
  white-space: pre-wrap;
154
111
  }
155
112
 
156
- .e-bigger.e-ddl .e-dropdownbase.e-nodata,
157
- .e-bigger .e-ddl .e-dropdownbase.e-nodata {
158
- font-size: 16px;
159
- }
160
-
161
113
  .e-small.e-ddl .e-dropdownbase.e-nodata,
162
114
  .e-small .e-ddl .e-dropdownbase.e-nodata {
163
115
  font-size: 12px;
164
116
  }
165
117
 
166
- .e-bigger.e-small.e-ddl .e-dropdownbase.e-nodata,
167
- .e-bigger.e-small .e-ddl .e-dropdownbase.e-nodata {
168
- font-size: 14px;
169
- }
170
-
171
118
  .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
172
119
  padding-right: 12px;
173
120
  }
@@ -182,16 +129,6 @@
182
129
  text-indent: 0;
183
130
  }
184
131
 
185
- .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
186
- padding-left: 16px;
187
- text-indent: 0;
188
- }
189
-
190
- .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
191
- padding-left: 14px;
192
- text-indent: 0;
193
- }
194
-
195
132
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
196
133
  text-indent: 0;
197
134
  }
@@ -242,46 +179,6 @@
242
179
  padding-right: 8px;
243
180
  }
244
181
 
245
- .e-bigger.e-rtl .e-dropdownbase .e-list-group-item, .e-bigger.e-rtl .e-dropdownbase .e-fixed-head,
246
- .e-bigger .e-rtl .e-dropdownbase .e-list-group-item,
247
- .e-bigger .e-rtl .e-dropdownbase .e-fixed-head,
248
- .e-rtl .e-bigger .e-dropdownbase .e-list-group-item,
249
- .e-rtl .e-bigger .e-dropdownbase .e-fixed-head {
250
- padding-right: 16px;
251
- }
252
- .e-bigger.e-rtl .e-dropdownbase.e-dd-group .e-list-item,
253
- .e-bigger .e-rtl .e-dropdownbase.e-dd-group .e-list-item,
254
- .e-rtl .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
255
- padding-right: 16px;
256
- }
257
-
258
- .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
259
- .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
260
- .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
261
- .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
262
- .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
263
- padding-left: 16px;
264
- padding-right: 0;
265
- }
266
- .e-small.e-bigger.e-rtl .e-dropdownbase.e-dd-group .e-list-item,
267
- .e-small.e-bigger .e-rtl .e-dropdownbase.e-dd-group .e-list-item,
268
- .e-rtl .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item,
269
- .e-small .e-rtl.e-bigger .e-dropdownbase.e-dd-group .e-list-item,
270
- .e-bigger .e-rtl.e-small .e-dropdownbase.e-dd-group .e-list-item {
271
- padding-right: 14px;
272
- }
273
- .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-group-item, .e-small.e-bigger.e-rtl .e-dropdownbase .e-fixed-head,
274
- .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-group-item,
275
- .e-small.e-bigger .e-rtl .e-dropdownbase .e-fixed-head,
276
- .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-group-item,
277
- .e-rtl .e-small.e-bigger .e-dropdownbase .e-fixed-head,
278
- .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-group-item,
279
- .e-small .e-rtl.e-bigger .e-dropdownbase .e-fixed-head,
280
- .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-group-item,
281
- .e-bigger .e-rtl.e-small .e-dropdownbase .e-fixed-head {
282
- padding-right: 14px;
283
- }
284
-
285
182
  .e-dropdownbase {
286
183
  border-color: #e5e7eb;
287
184
  }
@@ -336,11 +233,6 @@
336
233
  background-color: #f3f4f6;
337
234
  }
338
235
 
339
- .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
340
- font-size: 14px;
341
- padding-left: 16px;
342
- }
343
-
344
236
  .e-multi-column.e-ddl.e-popup.e-popup-open table {
345
237
  border-collapse: collapse;
346
238
  table-layout: fixed;
@@ -420,33 +312,6 @@
420
312
  font-size: 14px;
421
313
  }
422
314
 
423
- .e-bigger.e-small .e-dropdownbase .e-list-item,
424
- .e-dropdownbase.e-small.e-bigger .e-list-item {
425
- color: #111827;
426
- line-height: 32px;
427
- min-height: 32px;
428
- text-indent: 14px;
429
- }
430
-
431
- .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
432
- .e-dropdownbase.e-small.e-bigger .e-list-group-item,
433
- .e-dropdownbase.e-small.e-bigger .e-fixed-head {
434
- line-height: 32px;
435
- min-height: 32px;
436
- padding-left: 14px;
437
- }
438
-
439
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
440
- .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
441
- font-size: 18px;
442
- }
443
-
444
- .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
445
- .e-dropdownbase.e-bigger.e-small .e-list-group-item,
446
- .e-dropdownbase.e-bigger.e-small .e-fixed-head {
447
- font-size: 12px;
448
- }
449
-
450
315
  .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
451
316
  background-color: #fff;
452
317
  border-bottom: 0;
@@ -482,137 +347,237 @@
482
347
  background-color: #f3f4f6;
483
348
  }
484
349
 
485
- /* stylelint-disable property-no-vendor-prefix */
486
- /* stylelint-disable-line no-empty-source */
487
- /* stylelint-disable property-no-vendor-prefix */
488
- @-webkit-keyframes material-spinner-rotate {
489
- 0% {
490
- -webkit-transform: rotate(0);
491
- transform: rotate(0);
492
- }
493
- 100% {
494
- -webkit-transform: rotate(360deg);
495
- transform: rotate(360deg);
496
- }
497
- }
498
- @keyframes material-spinner-rotate {
499
- 0% {
500
- -webkit-transform: rotate(0);
501
- transform: rotate(0);
502
- }
503
- 100% {
504
- -webkit-transform: rotate(360deg);
505
- transform: rotate(360deg);
506
- }
507
- }
508
- @-webkit-keyframes fabric-spinner-rotate {
509
- 0% {
510
- -webkit-transform: rotate(0);
511
- transform: rotate(0);
512
- }
513
- 100% {
514
- -webkit-transform: rotate(360deg);
515
- transform: rotate(360deg);
516
- }
517
- }
518
- @keyframes fabric-spinner-rotate {
519
- 0% {
520
- -webkit-transform: rotate(0);
521
- transform: rotate(0);
522
- }
523
- 100% {
524
- -webkit-transform: rotate(360deg);
525
- transform: rotate(360deg);
526
- }
350
+ .e-bigger .e-dropdownbase,
351
+ .e-dropdownbase.e-bigger {
352
+ min-height: 45px;
527
353
  }
528
- .e-ddl.e-control-wrapper .e-ddl-icon::before {
529
- -webkit-transform: rotate(0deg);
530
- transform: rotate(0deg);
531
- -webkit-transition: -webkit-transform 300ms ease;
532
- transition: -webkit-transform 300ms ease;
533
- transition: transform 300ms ease;
534
- transition: transform 300ms ease, -webkit-transform 300ms ease;
354
+ .e-bigger .e-dropdownbase .e-list-item,
355
+ .e-dropdownbase.e-bigger .e-list-item {
356
+ line-height: 36px;
357
+ text-indent: 16px;
535
358
  }
536
359
 
537
- .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
538
- -webkit-transform: rotate(180deg);
539
- transform: rotate(180deg);
540
- -webkit-transition: -webkit-transform 300ms ease;
541
- transition: -webkit-transform 300ms ease;
542
- transition: transform 300ms ease;
543
- transition: transform 300ms ease, -webkit-transform 300ms ease;
360
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
361
+ .e-dropdownbase.e-bigger .e-list-group-item,
362
+ .e-dropdownbase.e-bigger .e-fixed-head {
363
+ line-height: 36px;
544
364
  }
545
365
 
546
- .e-dropdownbase .e-list-item.e-active.e-hover {
547
- color: #111827;
366
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
367
+ .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
368
+ font-size: 20px;
548
369
  }
549
370
 
550
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
551
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
552
- .e-input-group:not(.e-disabled) .e-back-icon:active,
553
- .e-input-group:not(.e-disabled) .e-back-icon:hover,
554
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
555
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
556
- background: transparent;
371
+ .e-bigger.e-ddl .e-dropdownbase.e-nodata,
372
+ .e-bigger .e-ddl .e-dropdownbase.e-nodata {
373
+ font-size: 16px;
557
374
  }
558
375
 
559
- .e-input-group .e-ddl-icon:not(:active)::after {
560
- -webkit-animation: none;
561
- animation: none;
376
+ .e-bigger.e-small.e-ddl .e-dropdownbase.e-nodata,
377
+ .e-bigger.e-small .e-ddl .e-dropdownbase.e-nodata {
378
+ font-size: 14px;
562
379
  }
563
380
 
564
- .e-ddl.e-popup {
565
- border: 0;
566
- border-radius: 4px;
567
- -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
568
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
569
- margin-top: 4px;
381
+ .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
382
+ padding-left: 16px;
383
+ text-indent: 0;
570
384
  }
571
385
 
572
- .e-small .e-ddl.e-popup,
573
- .e-small.e-ddl.e-popup {
574
- border-radius: 2px;
575
- margin-top: 2px;
386
+ .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
387
+ padding-left: 14px;
388
+ text-indent: 0;
576
389
  }
577
390
 
578
- .e-bigger .e-ddl.e-popup,
579
- .e-bigger.e-ddl.e-popup {
580
- border-radius: 6px;
581
- margin-top: 8px;
391
+ .e-bigger.e-rtl .e-dropdownbase .e-list-group-item, .e-bigger.e-rtl .e-dropdownbase .e-fixed-head,
392
+ .e-bigger .e-rtl .e-dropdownbase .e-list-group-item,
393
+ .e-bigger .e-rtl .e-dropdownbase .e-fixed-head,
394
+ .e-rtl .e-bigger .e-dropdownbase .e-list-group-item,
395
+ .e-rtl .e-bigger .e-dropdownbase .e-fixed-head {
396
+ padding-right: 16px;
397
+ }
398
+ .e-bigger.e-rtl .e-dropdownbase.e-dd-group .e-list-item,
399
+ .e-bigger .e-rtl .e-dropdownbase.e-dd-group .e-list-item,
400
+ .e-rtl .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
401
+ padding-right: 16px;
582
402
  }
583
403
 
584
- .e-bigger.e-small .e-ddl.e-popup,
585
- .e-small.e-bigger.e-ddl.e-popup {
586
- border-radius: 4px;
587
- margin-top: 6px;
404
+ .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
405
+ .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
406
+ .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
407
+ .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
408
+ .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
409
+ padding-left: 16px;
410
+ padding-right: 0;
411
+ }
412
+ .e-small.e-bigger.e-rtl .e-dropdownbase.e-dd-group .e-list-item,
413
+ .e-small.e-bigger .e-rtl .e-dropdownbase.e-dd-group .e-list-item,
414
+ .e-rtl .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item,
415
+ .e-small .e-rtl.e-bigger .e-dropdownbase.e-dd-group .e-list-item,
416
+ .e-bigger .e-rtl.e-small .e-dropdownbase.e-dd-group .e-list-item {
417
+ padding-right: 14px;
418
+ }
419
+ .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-group-item, .e-small.e-bigger.e-rtl .e-dropdownbase .e-fixed-head,
420
+ .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-group-item,
421
+ .e-small.e-bigger .e-rtl .e-dropdownbase .e-fixed-head,
422
+ .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-group-item,
423
+ .e-rtl .e-small.e-bigger .e-dropdownbase .e-fixed-head,
424
+ .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-group-item,
425
+ .e-small .e-rtl.e-bigger .e-dropdownbase .e-fixed-head,
426
+ .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-group-item,
427
+ .e-bigger .e-rtl.e-small .e-dropdownbase .e-fixed-head {
428
+ padding-right: 14px;
588
429
  }
589
430
 
590
- .e-popup.e-ddl .e-dropdownbase {
591
- min-height: 26px;
592
- padding: 4px 0;
431
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
432
+ font-size: 14px;
433
+ padding-left: 16px;
593
434
  }
594
435
 
595
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
596
- border-color: #e5e7eb;
436
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
437
+ .e-dropdownbase.e-bigger.e-small .e-list-group-item,
438
+ .e-dropdownbase.e-bigger.e-small .e-fixed-head {
439
+ font-size: 12px;
597
440
  }
598
441
 
599
- .e-bigger .e-popup.e-ddl-device-filter {
600
- margin-top: 0;
442
+ .e-bigger.e-small .e-dropdownbase .e-list-item,
443
+ .e-dropdownbase.e-small.e-bigger .e-list-item {
444
+ color: #111827;
445
+ line-height: 32px;
446
+ min-height: 32px;
447
+ text-indent: 14px;
601
448
  }
602
449
 
603
- .e-bigger .e-ddl-device .e-input-group,
604
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
605
- background: #fff;
606
- border-width: 0;
607
- -webkit-box-shadow: none;
608
- box-shadow: none;
609
- margin-bottom: 0;
450
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
451
+ .e-dropdownbase.e-small.e-bigger .e-list-group-item,
452
+ .e-dropdownbase.e-small.e-bigger .e-fixed-head {
453
+ line-height: 32px;
454
+ min-height: 32px;
455
+ padding-left: 14px;
610
456
  }
611
457
 
612
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
613
- .e-bigger .e-ddl-device .e-input-group input.e-input,
614
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
615
- background-color: #fff;
458
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
459
+ .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
460
+ font-size: 18px;
461
+ }
462
+
463
+ .e-bigger .e-dropdownbase .e-list-group-item,
464
+ .e-bigger .e-fixed-head,
465
+ .e-bigger.e-dropdownbase .e-list-group-item,
466
+ .e-bigger.e-fixed-head {
467
+ font-size: 14px;
468
+ }
469
+
470
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item,
471
+ .e-bigger.e-small .e-fixed-head,
472
+ .e-bigger.e-small.e-dropdownbase .e-list-group-item,
473
+ .e-bigger.e-small.e-fixed-head {
474
+ font-size: 12px;
475
+ }
476
+
477
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
478
+ padding: 0 12px 0 0;
479
+ }
480
+
481
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
482
+ padding: 0 8px 0 0;
483
+ }
484
+
485
+ /* stylelint-disable property-no-vendor-prefix */
486
+ /* stylelint-disable-line no-empty-source */
487
+ /* stylelint-disable property-no-vendor-prefix */
488
+ @-webkit-keyframes material-spinner-rotate {
489
+ 0% {
490
+ -webkit-transform: rotate(0);
491
+ transform: rotate(0);
492
+ }
493
+ 100% {
494
+ -webkit-transform: rotate(360deg);
495
+ transform: rotate(360deg);
496
+ }
497
+ }
498
+ @keyframes material-spinner-rotate {
499
+ 0% {
500
+ -webkit-transform: rotate(0);
501
+ transform: rotate(0);
502
+ }
503
+ 100% {
504
+ -webkit-transform: rotate(360deg);
505
+ transform: rotate(360deg);
506
+ }
507
+ }
508
+ @-webkit-keyframes fabric-spinner-rotate {
509
+ 0% {
510
+ -webkit-transform: rotate(0);
511
+ transform: rotate(0);
512
+ }
513
+ 100% {
514
+ -webkit-transform: rotate(360deg);
515
+ transform: rotate(360deg);
516
+ }
517
+ }
518
+ @keyframes fabric-spinner-rotate {
519
+ 0% {
520
+ -webkit-transform: rotate(0);
521
+ transform: rotate(0);
522
+ }
523
+ 100% {
524
+ -webkit-transform: rotate(360deg);
525
+ transform: rotate(360deg);
526
+ }
527
+ }
528
+ .e-ddl.e-control-wrapper .e-ddl-icon::before {
529
+ -webkit-transform: rotate(0deg);
530
+ transform: rotate(0deg);
531
+ -webkit-transition: -webkit-transform 300ms ease;
532
+ transition: -webkit-transform 300ms ease;
533
+ transition: transform 300ms ease;
534
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
535
+ }
536
+
537
+ .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
538
+ -webkit-transform: rotate(180deg);
539
+ transform: rotate(180deg);
540
+ -webkit-transition: -webkit-transform 300ms ease;
541
+ transition: -webkit-transform 300ms ease;
542
+ transition: transform 300ms ease;
543
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
544
+ }
545
+
546
+ .e-dropdownbase .e-list-item.e-active.e-hover {
547
+ color: #111827;
548
+ }
549
+
550
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
551
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
552
+ .e-input-group:not(.e-disabled) .e-back-icon:active,
553
+ .e-input-group:not(.e-disabled) .e-back-icon:hover,
554
+ .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
555
+ .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
556
+ background: transparent;
557
+ }
558
+
559
+ .e-input-group .e-ddl-icon:not(:active)::after {
560
+ -webkit-animation: none;
561
+ animation: none;
562
+ }
563
+
564
+ .e-ddl.e-popup {
565
+ border: 0;
566
+ border-radius: 4px;
567
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
568
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
569
+ margin-top: 4px;
570
+ }
571
+
572
+ .e-small .e-ddl.e-popup,
573
+ .e-small.e-ddl.e-popup {
574
+ border-radius: 2px;
575
+ margin-top: 2px;
576
+ }
577
+
578
+ .e-popup.e-ddl .e-dropdownbase {
579
+ min-height: 26px;
580
+ padding: 4px 0;
616
581
  }
617
582
 
618
583
  .e-input-group.e-ddl,
@@ -643,16 +608,6 @@
643
608
  font-family: "e-icons";
644
609
  }
645
610
 
646
- .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
647
- margin-left: -20px;
648
- }
649
-
650
- .e-bigger .e-ddl.e-popup .e-list-item {
651
- font-size: 16px;
652
- }
653
- .e-bigger.e-ddl.e-popup .e-list-item {
654
- font-size: 16px;
655
- }
656
611
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
657
612
  display: block;
658
613
  visibility: hidden;
@@ -829,6 +784,36 @@ ejs-dropdownlist {
829
784
  .e-input-group.e-ddl.e-small .e-list-item {
830
785
  font-size: 12px;
831
786
  }
787
+ .e-content-placeholder.e-ddl.e-placeholder-ddl,
788
+ .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
789
+ .e-content-placeholder.e-combobox.e-placeholder-combobox {
790
+ background-size: 300px 33px;
791
+ min-height: 33px;
792
+ }
793
+
794
+ .e-popup {
795
+ border-color: #e5e7eb;
796
+ }
797
+
798
+ .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
799
+ .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
800
+ color: #111827;
801
+ }
802
+
803
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
804
+ border-color: transparent;
805
+ }
806
+
807
+ .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
808
+ margin-left: -20px;
809
+ }
810
+
811
+ .e-bigger .e-ddl.e-popup .e-list-item {
812
+ font-size: 16px;
813
+ }
814
+ .e-bigger.e-ddl.e-popup .e-list-item {
815
+ font-size: 16px;
816
+ }
832
817
  .e-bigger.e-small .e-ddl.e-popup .e-list-item,
833
818
  .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
834
819
  font-size: 14px;
@@ -837,13 +822,6 @@ ejs-dropdownlist {
837
822
  .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
838
823
  font-size: 14px;
839
824
  }
840
- .e-content-placeholder.e-ddl.e-placeholder-ddl,
841
- .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
842
- .e-content-placeholder.e-combobox.e-placeholder-combobox {
843
- background-size: 300px 33px;
844
- min-height: 33px;
845
- }
846
-
847
825
  .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl,
848
826
  .e-bigger.e-content-placeholder.e-ddl.e-placeholder-ddl,
849
827
  .e-bigger .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
@@ -854,23 +832,84 @@ ejs-dropdownlist {
854
832
  min-height: 40px;
855
833
  }
856
834
 
857
- .e-popup {
858
- border-color: #e5e7eb;
835
+ .e-bigger .e-ddl.e-popup,
836
+ .e-bigger.e-ddl.e-popup {
837
+ border-radius: 8px;
838
+ margin-top: 8px;
859
839
  }
860
840
 
861
- .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
862
- .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
863
- color: #111827;
841
+ .e-bigger.e-small .e-ddl.e-popup,
842
+ .e-small.e-bigger.e-ddl.e-popup {
843
+ border-radius: 8px;
844
+ margin-top: 6px;
864
845
  }
865
846
 
866
- /*! TreeView's tailwind theme wise override definitions and variables */
867
- /* stylelint-disable */
868
- /* stylelint-disable */
869
- .e-ddt .e-ddt-icon::before {
870
- content: "\e734";
847
+ .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
848
+ border-color: #e5e7eb;
871
849
  }
872
- .e-ddt .e-chips-close::before {
873
- content: "\e7e7";
850
+
851
+ .e-bigger .e-popup.e-ddl-device-filter {
852
+ margin-top: 0;
853
+ }
854
+
855
+ .e-bigger .e-ddl-device .e-input-group,
856
+ .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
857
+ background: #fff;
858
+ border-width: 0;
859
+ -webkit-box-shadow: none;
860
+ box-shadow: none;
861
+ margin-bottom: 0;
862
+ }
863
+
864
+ .e-bigger .e-ddl-device .e-input-group .e-back-icon,
865
+ .e-bigger .e-ddl-device .e-input-group input.e-input,
866
+ .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
867
+ background-color: #fff;
868
+ }
869
+
870
+ .e-bigger .e-ddl.e-popup,
871
+ .e-bigger.e-ddl.e-popup {
872
+ border-radius: 6px;
873
+ margin-top: 8px;
874
+ }
875
+
876
+ .e-bigger.e-small .e-ddl.e-popup,
877
+ .e-small.e-bigger.e-ddl.e-popup {
878
+ border-radius: 4px;
879
+ margin-top: 6px;
880
+ }
881
+
882
+ .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
883
+ border-color: #e5e7eb;
884
+ }
885
+
886
+ .e-bigger .e-popup.e-ddl-device-filter {
887
+ margin-top: 0;
888
+ }
889
+
890
+ .e-bigger .e-ddl-device .e-input-group,
891
+ .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
892
+ background: #fff;
893
+ border-width: 0;
894
+ -webkit-box-shadow: none;
895
+ box-shadow: none;
896
+ margin-bottom: 0;
897
+ }
898
+
899
+ .e-bigger .e-ddl-device .e-input-group .e-back-icon,
900
+ .e-bigger .e-ddl-device .e-input-group input.e-input,
901
+ .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
902
+ background-color: #fff;
903
+ }
904
+
905
+ /*! TreeView's tailwind theme wise override definitions and variables */
906
+ /* stylelint-disable */
907
+ /* stylelint-disable */
908
+ .e-ddt .e-ddt-icon::before {
909
+ content: "\e734";
910
+ }
911
+ .e-ddt .e-chips-close::before {
912
+ content: "\e7e7";
874
913
  }
875
914
 
876
915
  .e-ddt {
@@ -1177,6 +1216,57 @@ ejs-dropdownlist {
1177
1216
  display: none;
1178
1217
  }
1179
1218
 
1219
+ .e-ddt .e-chips {
1220
+ background-color: #e5e7eb;
1221
+ }
1222
+ .e-ddt .e-chips .e-chips-close::before {
1223
+ color: #6b7280;
1224
+ }
1225
+ .e-ddt .e-chips > .e-chipcontent {
1226
+ color: #111827;
1227
+ }
1228
+ .e-ddt .e-chips:hover {
1229
+ background-color: #d1d5db;
1230
+ }
1231
+ .e-ddt .e-chips:hover .e-chips-close::before {
1232
+ color: #374151;
1233
+ }
1234
+ .e-ddt .e-chips:hover > .e-chipcontent {
1235
+ color: #111827;
1236
+ }
1237
+ .e-ddt.e-disabled {
1238
+ background-color: #e5e7eb;
1239
+ }
1240
+ .e-ddt.e-disabled .e-chips-close::before {
1241
+ color: #9ca3af;
1242
+ }
1243
+ .e-ddt.e-disabled > .e-chipcontent {
1244
+ color: #9ca3af;
1245
+ }
1246
+ .e-ddt .e-overflow .e-remain {
1247
+ color: #9ca3af;
1248
+ }
1249
+ .e-ddt.e-input-group.e-control-wrapper .e-input[readonly].e-disabled, .e-ddt.e-float-input.e-control-wrapper input[readonly].e-disabled {
1250
+ background-color: #f9fafb;
1251
+ color: #9ca3af;
1252
+ }
1253
+ .e-ddt.e-popup {
1254
+ background: #fff;
1255
+ border-color: #e5e7eb;
1256
+ }
1257
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1258
+ color: #111827;
1259
+ }
1260
+ .e-ddt.e-popup .e-selectall-parent {
1261
+ border-bottom-color: #e5e7eb;
1262
+ }
1263
+ .e-ddt.e-popup .e-selectall-parent:focus {
1264
+ background: #f3f4f6;
1265
+ }
1266
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1267
+ color: #111827;
1268
+ }
1269
+
1180
1270
  .e-bigger .e-ddt .e-chips,
1181
1271
  .e-ddt.e-bigger .e-chips {
1182
1272
  height: 30px;
@@ -1302,57 +1392,6 @@ ejs-dropdownlist {
1302
1392
  right: auto;
1303
1393
  }
1304
1394
 
1305
- .e-ddt .e-chips {
1306
- background-color: #e5e7eb;
1307
- }
1308
- .e-ddt .e-chips .e-chips-close::before {
1309
- color: #6b7280;
1310
- }
1311
- .e-ddt .e-chips > .e-chipcontent {
1312
- color: #111827;
1313
- }
1314
- .e-ddt .e-chips:hover {
1315
- background-color: #d1d5db;
1316
- }
1317
- .e-ddt .e-chips:hover .e-chips-close::before {
1318
- color: #374151;
1319
- }
1320
- .e-ddt .e-chips:hover > .e-chipcontent {
1321
- color: #111827;
1322
- }
1323
- .e-ddt.e-disabled {
1324
- background-color: #e5e7eb;
1325
- }
1326
- .e-ddt.e-disabled .e-chips-close::before {
1327
- color: #9ca3af;
1328
- }
1329
- .e-ddt.e-disabled > .e-chipcontent {
1330
- color: #9ca3af;
1331
- }
1332
- .e-ddt .e-overflow .e-remain {
1333
- color: #9ca3af;
1334
- }
1335
- .e-ddt.e-input-group.e-control-wrapper .e-input[readonly].e-disabled, .e-ddt.e-float-input.e-control-wrapper input[readonly].e-disabled {
1336
- background-color: #f9fafb;
1337
- color: #9ca3af;
1338
- }
1339
- .e-ddt.e-popup {
1340
- background: #fff;
1341
- border-color: #e5e7eb;
1342
- }
1343
- .e-ddt.e-popup .e-popup-content.e-no-data {
1344
- color: #111827;
1345
- }
1346
- .e-ddt.e-popup .e-selectall-parent {
1347
- border-bottom-color: #e5e7eb;
1348
- }
1349
- .e-ddt.e-popup .e-selectall-parent:focus {
1350
- background: #f3f4f6;
1351
- }
1352
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
1353
- color: #111827;
1354
- }
1355
-
1356
1395
  /* stylelint-disable-line no-empty-source */
1357
1396
  /* stylelint-disable-line no-empty-source */
1358
1397
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -1376,11 +1415,6 @@ ejs-dropdownlist {
1376
1415
  width: 32px;
1377
1416
  }
1378
1417
 
1379
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1380
- height: 28px;
1381
- width: 28px;
1382
- }
1383
-
1384
1418
  .e-multi-select-wrapper .e-searcher input[type=text],
1385
1419
  .e-multi-select-wrapper .e-multi-searcher input[type=text] {
1386
1420
  color: #111827;
@@ -1572,11 +1606,6 @@ ejs-dropdownlist {
1572
1606
  padding: 0 0 0 48px;
1573
1607
  }
1574
1608
 
1575
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1576
- .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1577
- margin-top: -1.3em;
1578
- }
1579
-
1580
1609
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1581
1610
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1582
1611
  opacity: 0.7;
@@ -1593,10 +1622,6 @@ ejs-dropdownlist {
1593
1622
  top: 15px;
1594
1623
  }
1595
1624
 
1596
- .e-bigger .e-multi-select-wrapper {
1597
- min-height: 36px;
1598
- }
1599
-
1600
1625
  .e-multi-select-wrapper.e-close-icon-hide {
1601
1626
  padding-right: 0;
1602
1627
  }
@@ -1630,10 +1655,6 @@ ejs-dropdownlist {
1630
1655
  white-space: nowrap;
1631
1656
  }
1632
1657
 
1633
- .e-bigger .e-multi-select-wrapper .e-chips {
1634
- margin: 3px;
1635
- }
1636
-
1637
1658
  .e-multi-select-wrapper .e-chips > .e-chipcontent {
1638
1659
  max-width: 100%;
1639
1660
  overflow: hidden;
@@ -1648,17 +1669,11 @@ ejs-dropdownlist {
1648
1669
  float: none;
1649
1670
  }
1650
1671
 
1651
- .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
1652
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1672
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1653
1673
  padding: 8px 4px 8px 0;
1654
1674
  }
1655
1675
 
1656
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1657
- font-size: 16px;
1658
- }
1659
-
1660
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
1661
- .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
1676
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1662
1677
  padding: 8px 0 8px 4px;
1663
1678
  }
1664
1679
 
@@ -1705,27 +1720,6 @@ ejs-dropdownlist {
1705
1720
  right: auto;
1706
1721
  }
1707
1722
 
1708
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1709
- margin-top: -1.62em;
1710
- height: 36px;
1711
- width: 40px;
1712
- }
1713
-
1714
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1715
- .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1716
- margin-top: -1.62em;
1717
- height: 36px;
1718
- margin-top: -2em;
1719
- width: 40px;
1720
- }
1721
-
1722
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1723
- .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker.e-multi-select-wrapper .e-chips-close.e-close-hooker {
1724
- font-size: 22px;
1725
- margin-top: -1.65em;
1726
- margin-top: -1.62em;
1727
- }
1728
-
1729
1723
  .e-multi-select-wrapper input[type=text] {
1730
1724
  background: none;
1731
1725
  border: 0;
@@ -1757,18 +1751,6 @@ ejs-dropdownlist {
1757
1751
  padding: 5px;
1758
1752
  }
1759
1753
 
1760
- .e-bigger .e-multi-select-wrapper input[type=text],
1761
- .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
1762
- height: 28px;
1763
- min-height: 28px;
1764
- }
1765
-
1766
- .e-bigger .e-multi-select-wrapper input[type=text] {
1767
- font-size: 16px;
1768
- height: 36px;
1769
- min-height: 36px;
1770
- }
1771
-
1772
1754
  /* stylelint-disable property-no-vendor-prefix */
1773
1755
  .e-multi-select-wrapper input[type=text]::-ms-clear {
1774
1756
  display: none;
@@ -1784,23 +1766,11 @@ ejs-dropdownlist {
1784
1766
  width: calc(100% - 32px);
1785
1767
  }
1786
1768
 
1787
- .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1788
- .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1789
- width: calc(100% - 50px);
1790
- }
1791
-
1792
1769
  .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1793
1770
  .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1794
1771
  width: calc(100% - 30px);
1795
1772
  }
1796
1773
 
1797
- .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1798
- .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1799
- .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1800
- .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1801
- width: calc(100% - 32px);
1802
- }
1803
-
1804
1774
  .e-multi-select-wrapper .e-delim-values {
1805
1775
  font-family: "Inter";
1806
1776
  font-size: 14px;
@@ -1811,24 +1781,10 @@ ejs-dropdownlist {
1811
1781
  vertical-align: middle;
1812
1782
  }
1813
1783
 
1814
- .e-bigger .e-multi-select-wrapper .e-delim-values {
1815
- font-size: 16px;
1816
- line-height: 36px;
1817
- padding-left: 10px;
1818
- }
1819
-
1820
- .e-bigger .e-multi-select-wrapper .e-delim-values .e-remain {
1821
- font-size: 16px;
1822
- }
1823
-
1824
1784
  .e-small .e-multi-select-wrapper .e-delim-values .e-remain {
1825
1785
  font-size: 12px;
1826
1786
  }
1827
1787
 
1828
- .e-bigger.e-small .e-multi-select-wrapper .e-delim-values .e-remain {
1829
- font-size: 14px;
1830
- }
1831
-
1832
1788
  .e-multi-select-list-wrapper .e-hide-listitem,
1833
1789
  .e-multi-select-list-wrapper .e-hide-group-header {
1834
1790
  display: none;
@@ -1956,21 +1912,9 @@ ejs-dropdownlist {
1956
1912
  vertical-align: middle;
1957
1913
  }
1958
1914
 
1959
- .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
1960
- .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1961
- bottom: 1px;
1962
- margin-right: 12px;
1963
- }
1964
-
1965
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
1966
- .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1967
- bottom: 1px;
1968
- margin-right: 12px;
1969
- }
1970
-
1971
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
1972
- margin-left: 12px;
1973
- margin-right: 0;
1915
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
1916
+ margin-left: 12px;
1917
+ margin-right: 0;
1974
1918
  }
1975
1919
 
1976
1920
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
@@ -2003,28 +1947,11 @@ ejs-dropdownlist {
2003
1947
  font-size: 14px;
2004
1948
  }
2005
1949
 
2006
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
2007
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2008
- font-size: 16px;
2009
- }
2010
-
2011
1950
  .e-small.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
2012
1951
  .e-small .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2013
1952
  font-size: 12px;
2014
1953
  }
2015
1954
 
2016
- .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
2017
- .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2018
- font-size: 14px;
2019
- }
2020
-
2021
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
2022
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
2023
- font-size: 14px;
2024
- line-height: 36px;
2025
- text-indent: 16px;
2026
- }
2027
-
2028
1955
  .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2029
1956
  bottom: 1px;
2030
1957
  margin-right: 8px;
@@ -2033,12 +1960,6 @@ ejs-dropdownlist {
2033
1960
  vertical-align: middle;
2034
1961
  }
2035
1962
 
2036
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
2037
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2038
- bottom: 1px;
2039
- margin-right: 12px;
2040
- }
2041
-
2042
1963
  .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
2043
1964
  margin-left: 12px;
2044
1965
  margin-right: 0;
@@ -2058,8 +1979,7 @@ ejs-dropdownlist {
2058
1979
  padding: 0;
2059
1980
  }
2060
1981
 
2061
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon,
2062
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
1982
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2063
1983
  padding-left: 8px;
2064
1984
  }
2065
1985
 
@@ -2067,10 +1987,6 @@ ejs-dropdownlist {
2067
1987
  padding: 0 8px;
2068
1988
  }
2069
1989
 
2070
- .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
2071
- line-height: 36px;
2072
- }
2073
-
2074
1990
  .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
2075
1991
  line-height: 20px;
2076
1992
  padding-left: 10px;
@@ -2098,15 +2014,6 @@ ejs-multiselect {
2098
2014
  display: block;
2099
2015
  }
2100
2016
 
2101
- .e-bigger .e-multi-select-wrapper .e-chips-close {
2102
- height: 20px;
2103
- width: 20px;
2104
- }
2105
-
2106
- .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
2107
- font-size: 20px;
2108
- }
2109
-
2110
2017
  .e-small.e-multi-select-list-wrapper .e-selectall-parent,
2111
2018
  .e-small .e-multi-select-list-wrapper .e-selectall-parent {
2112
2019
  line-height: 24px;
@@ -2128,16 +2035,6 @@ ejs-multiselect {
2128
2035
  height: 24px;
2129
2036
  }
2130
2037
 
2131
- .e-bigger.e-small .e-multi-select-wrapper.e-delimiter .e-searcher,
2132
- .e-bigger.e-small .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2133
- height: 32px;
2134
- }
2135
-
2136
- .e-bigger .e-multi-select-wrapper.e-delimiter .e-searcher,
2137
- .e-bigger .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2138
- height: 36px;
2139
- }
2140
-
2141
2038
  .e-small .e-multi-select-wrapper input[type=text] {
2142
2039
  font-size: 12px;
2143
2040
  height: 24px;
@@ -2162,57 +2059,11 @@ ejs-multiselect {
2162
2059
  margin-top: -1.3em;
2163
2060
  }
2164
2061
 
2165
- .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2166
- .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2167
- line-height: 32px;
2168
- font-size: 14px;
2169
- text-indent: 14px;
2170
- }
2171
-
2172
- .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2173
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2174
- margin-top: -1.3em;
2175
- }
2176
-
2177
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2178
- height: 18px;
2179
- width: 18px;
2180
- }
2181
-
2182
- .e-bigger.e-small .e-multi-select-wrapper {
2183
- min-height: 28px;
2184
- }
2185
-
2186
- .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
2187
- font-size: 14px;
2188
- height: 32px;
2189
- min-height: 32px;
2190
- }
2191
-
2192
- .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
2193
- font-size: 14px;
2194
- line-height: 32px;
2195
- }
2196
-
2197
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2198
- .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2199
- margin-top: -1.64em;
2200
- font-size: 20px;
2201
- height: 32px;
2202
- width: 32px;
2203
- }
2204
-
2205
2062
  .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2206
2063
  background-size: 300px 33px;
2207
2064
  min-height: 33px;
2208
2065
  }
2209
2066
 
2210
- .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
2211
- .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2212
- background-size: 300px 40px;
2213
- min-height: 40px;
2214
- }
2215
-
2216
2067
  .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2217
2068
  color: inherit;
2218
2069
  }
@@ -2228,24 +2079,11 @@ ejs-multiselect {
2228
2079
  padding: 0 12px 0 8px;
2229
2080
  }
2230
2081
 
2231
- .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
2232
- .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2233
- padding: 3px 12px 0 4px;
2234
- }
2235
-
2236
- .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2237
- .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2238
- .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2239
- .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2240
- .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
2082
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper {
2241
2083
  padding: 0;
2242
2084
  }
2243
2085
 
2244
- .e-filled.e-float-input .e-multi-select-wrapper,
2245
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
2246
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
2247
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2248
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
2086
+ .e-filled.e-float-input .e-multi-select-wrapper {
2249
2087
  padding: 11px 12px 0;
2250
2088
  }
2251
2089
 
@@ -2254,35 +2092,15 @@ ejs-multiselect {
2254
2092
  padding: 12px 12px 0 8px;
2255
2093
  }
2256
2094
 
2257
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
2258
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
2259
- padding: 19px 12px 0 16px;
2260
- }
2261
-
2262
- .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2263
- padding-top: 3px;
2264
- }
2265
-
2266
2095
  .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2267
2096
  .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2268
2097
  padding: 0;
2269
2098
  }
2270
2099
 
2271
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
2272
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
2273
- padding: 5px 0;
2274
- }
2275
-
2276
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2277
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2278
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2279
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2280
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2100
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2281
2101
  height: 28px;
2282
2102
  }
2283
2103
 
2284
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2285
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2286
2104
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2287
2105
  .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2288
2106
  .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
@@ -2291,54 +2109,22 @@ ejs-multiselect {
2291
2109
  height: 24px;
2292
2110
  }
2293
2111
 
2294
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2295
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2296
- height: 32px;
2297
- }
2298
-
2299
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2300
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2301
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2302
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2303
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2112
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2304
2113
  height: 18px;
2305
2114
  }
2306
2115
 
2307
2116
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2308
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2309
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2310
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2311
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2312
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2313
- .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2314
- .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2315
- .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2316
- .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2117
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2317
2118
  margin: 8px 8px 0 0;
2318
2119
  padding: 0 8px;
2319
2120
  }
2320
2121
 
2321
2122
  .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2322
- .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2323
- .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2324
- .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2325
- .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2326
- .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2327
- .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2328
- .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2329
- .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2330
- .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2123
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2331
2124
  margin: 8px 0 0 8px;
2332
2125
  padding: 0 8px;
2333
2126
  }
2334
2127
 
2335
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2336
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2337
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2338
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2339
- padding-left: 8px;
2340
- }
2341
-
2342
2128
  .e-small .e-filled .e-multi-select-wrapper .e-chips,
2343
2129
  .e-small.e-filled .e-multi-select-wrapper .e-chips {
2344
2130
  height: 16px;
@@ -2351,11 +2137,7 @@ ejs-multiselect {
2351
2137
  margin: 4px 0 0 4px;
2352
2138
  }
2353
2139
 
2354
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2355
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2356
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2357
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2358
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2140
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2359
2141
  font-size: 13px;
2360
2142
  padding: 0 8px 0 0;
2361
2143
  }
@@ -2365,20 +2147,12 @@ ejs-multiselect {
2365
2147
  font-size: 12px;
2366
2148
  }
2367
2149
 
2368
- .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2369
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2370
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2371
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2372
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2150
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2373
2151
  font-size: 12px;
2374
2152
  padding: 0 4px 0 0;
2375
2153
  }
2376
2154
 
2377
- .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2378
- .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2379
- .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2380
- .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2381
- .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2155
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2382
2156
  padding: 0 0 0 4px;
2383
2157
  }
2384
2158
 
@@ -2387,30 +2161,11 @@ ejs-multiselect {
2387
2161
  font-size: 10px;
2388
2162
  }
2389
2163
 
2390
- .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2391
- .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2392
- font-size: 13px;
2393
- }
2394
-
2395
2164
  .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2396
2165
  font-size: 13px;
2397
2166
  padding-right: 4px;
2398
2167
  }
2399
2168
 
2400
- .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2401
- .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2402
- .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2403
- .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2404
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2405
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2406
- padding: 0 12px;
2407
- }
2408
-
2409
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2410
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2411
- padding-right: 8px;
2412
- }
2413
-
2414
2169
  .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2415
2170
  .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2416
2171
  height: 38px;
@@ -2507,8 +2262,7 @@ ejs-multiselect {
2507
2262
  color: #111827;
2508
2263
  }
2509
2264
 
2510
- .e-multi-select-wrapper .e-chips.e-mob-chip,
2511
- .e-bigger .e-multi-select-wrapper .e-chips {
2265
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
2512
2266
  height: 30px;
2513
2267
  }
2514
2268
 
@@ -2537,99 +2291,426 @@ ejs-multiselect {
2537
2291
  color: #111827;
2538
2292
  }
2539
2293
 
2540
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
2541
- color: #111827;
2294
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
2295
+ color: #111827;
2296
+ }
2297
+
2298
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
2299
+ color: #111827;
2300
+ }
2301
+
2302
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2303
+ background-color: #f3f4f6;
2304
+ }
2305
+
2306
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
2307
+ background-color: #f3f4f6;
2308
+ }
2309
+
2310
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2311
+ background-color: #e5e7eb;
2312
+ -webkit-box-shadow: none;
2313
+ box-shadow: none;
2314
+ color: #111827;
2315
+ }
2316
+
2317
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2318
+ background-color: #e5e7eb;
2319
+ -webkit-box-shadow: none;
2320
+ box-shadow: none;
2321
+ color: #111827;
2322
+ }
2323
+
2324
+ .e-popup.e-multi-select-list-wrapper .e-list-item {
2325
+ border: 0 solid transparent;
2326
+ }
2327
+
2328
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
2329
+ border: 0 solid transparent;
2330
+ }
2331
+
2332
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2333
+ color: #6b7280;
2334
+ }
2335
+
2336
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2337
+ color: #6b7280;
2338
+ }
2339
+
2340
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2341
+ color: #6b7280;
2342
+ }
2343
+
2344
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2345
+ color: #6b7280;
2346
+ }
2347
+
2348
+ .e-ul.e-reorder {
2349
+ border-bottom: 1px solid #e5e7eb;
2350
+ }
2351
+
2352
+ .e-multi-select-list-wrapper .e-selectall-parent {
2353
+ border-bottom: 1px solid #e5e7eb;
2354
+ }
2355
+
2356
+ .e-multi-select-wrapper .e-delim-values {
2357
+ -webkit-text-fill-color: #111827;
2358
+ color: #111827;
2359
+ }
2360
+
2361
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2362
+ color: #6b7280;
2363
+ }
2364
+
2365
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover {
2366
+ color: #374151;
2367
+ }
2368
+
2369
+ .e-small .e-multi-select-wrapper .e-chips {
2370
+ height: 18px;
2371
+ }
2372
+
2373
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2374
+ font-size: 12px;
2375
+ }
2376
+
2377
+ .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2378
+ font-size: 14px;
2379
+ }
2380
+
2381
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
2382
+ left: 6px;
2383
+ }
2384
+
2385
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2386
+ -webkit-text-fill-color: #9ca3af;
2387
+ color: #9ca3af;
2388
+ }
2389
+
2390
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
2391
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2392
+ margin-top: -1.3em;
2393
+ }
2394
+
2395
+ .e-bigger .e-multi-select-wrapper {
2396
+ min-height: 36px;
2397
+ }
2398
+
2399
+ .e-bigger .e-multi-select-wrapper .e-chips {
2400
+ margin: 3px;
2401
+ }
2402
+
2403
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
2404
+ font-size: 16px;
2405
+ }
2406
+
2407
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
2408
+ padding: 8px 4px 8px 0;
2409
+ }
2410
+
2411
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
2412
+ padding: 8px 0 8px 4px;
2413
+ }
2414
+
2415
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2416
+ margin-top: -1.62em;
2417
+ height: 36px;
2418
+ width: 40px;
2419
+ }
2420
+
2421
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
2422
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2423
+ margin-top: -1.62em;
2424
+ height: 36px;
2425
+ margin-top: -2em;
2426
+ width: 40px;
2427
+ }
2428
+
2429
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2430
+ .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker.e-multi-select-wrapper .e-chips-close.e-close-hooker {
2431
+ font-size: 22px;
2432
+ margin-top: -1.65em;
2433
+ margin-top: -1.62em;
2434
+ }
2435
+
2436
+ .e-bigger .e-multi-select-wrapper input[type=text],
2437
+ .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
2438
+ height: 28px;
2439
+ min-height: 28px;
2440
+ }
2441
+
2442
+ .e-bigger .e-multi-select-wrapper input[type=text] {
2443
+ font-size: 16px;
2444
+ height: 36px;
2445
+ min-height: 36px;
2446
+ }
2447
+
2448
+ .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2449
+ .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2450
+ width: calc(100% - 50px);
2451
+ }
2452
+
2453
+ .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2454
+ .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2455
+ .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2456
+ .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2457
+ width: calc(100% - 32px);
2458
+ }
2459
+
2460
+ .e-bigger .e-multi-select-wrapper .e-delim-values {
2461
+ font-size: 16px;
2462
+ line-height: 36px;
2463
+ padding-left: 10px;
2464
+ }
2465
+
2466
+ .e-bigger .e-multi-select-wrapper .e-delim-values .e-remain {
2467
+ font-size: 16px;
2468
+ }
2469
+
2470
+ .e-bigger.e-small .e-multi-select-wrapper .e-delim-values .e-remain {
2471
+ font-size: 14px;
2472
+ }
2473
+
2474
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
2475
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2476
+ bottom: 1px;
2477
+ margin-right: 12px;
2478
+ }
2479
+
2480
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
2481
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2482
+ bottom: 1px;
2483
+ margin-right: 12px;
2484
+ }
2485
+
2486
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
2487
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2488
+ font-size: 16px;
2489
+ }
2490
+
2491
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
2492
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2493
+ font-size: 14px;
2494
+ }
2495
+
2496
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
2497
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
2498
+ font-size: 14px;
2499
+ line-height: 36px;
2500
+ text-indent: 16px;
2501
+ }
2502
+
2503
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
2504
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2505
+ bottom: 1px;
2506
+ margin-right: 12px;
2507
+ }
2508
+
2509
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2510
+ padding-left: 8px;
2511
+ }
2512
+
2513
+ .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
2514
+ line-height: 36px;
2515
+ }
2516
+
2517
+ .e-bigger .e-multi-select-wrapper .e-chips-close {
2518
+ height: 20px;
2519
+ width: 20px;
2520
+ }
2521
+
2522
+ .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
2523
+ font-size: 20px;
2524
+ }
2525
+
2526
+ .e-bigger.e-small .e-multi-select-wrapper.e-delimiter .e-searcher,
2527
+ .e-bigger.e-small .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2528
+ height: 32px;
2529
+ }
2530
+
2531
+ .e-bigger .e-multi-select-wrapper.e-delimiter .e-searcher,
2532
+ .e-bigger .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2533
+ height: 36px;
2534
+ }
2535
+
2536
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2537
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2538
+ line-height: 32px;
2539
+ font-size: 14px;
2540
+ text-indent: 14px;
2541
+ }
2542
+
2543
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2544
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2545
+ margin-top: -1.3em;
2546
+ }
2547
+
2548
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2549
+ height: 18px;
2550
+ width: 18px;
2551
+ }
2552
+
2553
+ .e-bigger.e-small .e-multi-select-wrapper {
2554
+ min-height: 28px;
2555
+ }
2556
+
2557
+ .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
2558
+ font-size: 14px;
2559
+ height: 32px;
2560
+ min-height: 32px;
2561
+ }
2562
+
2563
+ .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
2564
+ font-size: 14px;
2565
+ line-height: 32px;
2542
2566
  }
2543
2567
 
2544
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
2545
- color: #111827;
2568
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2569
+ .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2570
+ margin-top: -1.64em;
2571
+ font-size: 20px;
2572
+ height: 32px;
2573
+ width: 32px;
2546
2574
  }
2547
2575
 
2548
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2549
- background-color: #f3f4f6;
2576
+ .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
2577
+ .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2578
+ background-size: 300px 40px;
2579
+ min-height: 40px;
2550
2580
  }
2551
2581
 
2552
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
2553
- background-color: #f3f4f6;
2582
+ .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
2583
+ .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2584
+ padding: 3px 12px 0 4px;
2554
2585
  }
2555
2586
 
2556
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2557
- background-color: #e5e7eb;
2558
- -webkit-box-shadow: none;
2559
- box-shadow: none;
2560
- color: #111827;
2587
+ .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2588
+ .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2589
+ .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2590
+ .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
2591
+ padding: 0;
2561
2592
  }
2562
2593
 
2563
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2564
- background-color: #e5e7eb;
2565
- -webkit-box-shadow: none;
2566
- box-shadow: none;
2567
- color: #111827;
2594
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
2595
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
2596
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2597
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
2598
+ padding: 11px 12px 0;
2568
2599
  }
2569
2600
 
2570
- .e-popup.e-multi-select-list-wrapper .e-list-item {
2571
- border: 0 solid transparent;
2601
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
2602
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
2603
+ padding: 19px 12px 0 16px;
2572
2604
  }
2573
2605
 
2574
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
2575
- border: 0 solid transparent;
2606
+ .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2607
+ padding-top: 3px;
2576
2608
  }
2577
2609
 
2578
- .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2579
- color: #6b7280;
2610
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
2611
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
2612
+ padding: 5px 0;
2580
2613
  }
2581
2614
 
2582
- .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2583
- color: #6b7280;
2615
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2616
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2617
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2618
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2619
+ height: 28px;
2584
2620
  }
2585
2621
 
2586
- .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2587
- color: #6b7280;
2622
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2623
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2624
+ height: 24px;
2588
2625
  }
2589
2626
 
2590
- .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2591
- color: #6b7280;
2627
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2628
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2629
+ height: 32px;
2592
2630
  }
2593
2631
 
2594
- .e-ul.e-reorder {
2595
- border-bottom: 1px solid #e5e7eb;
2632
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2633
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2634
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2635
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2636
+ height: 18px;
2596
2637
  }
2597
2638
 
2598
- .e-multi-select-list-wrapper .e-selectall-parent {
2599
- border-bottom: 1px solid #e5e7eb;
2639
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2640
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2641
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2642
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2643
+ .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2644
+ .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2645
+ .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2646
+ .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2647
+ margin: 8px 8px 0 0;
2648
+ padding: 0 8px;
2600
2649
  }
2601
2650
 
2602
- .e-multi-select-wrapper .e-delim-values {
2603
- -webkit-text-fill-color: #111827;
2604
- color: #111827;
2651
+ .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2652
+ .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2653
+ .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2654
+ .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2655
+ .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2656
+ .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2657
+ .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2658
+ .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2659
+ margin: 8px 0 0 8px;
2660
+ padding: 0 8px;
2605
2661
  }
2606
2662
 
2607
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2608
- color: #6b7280;
2663
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2664
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2665
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2666
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2667
+ padding-left: 8px;
2609
2668
  }
2610
2669
 
2611
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover {
2612
- color: #374151;
2670
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2671
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2672
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2673
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2674
+ font-size: 13px;
2675
+ padding: 0 8px 0 0;
2613
2676
  }
2614
2677
 
2615
- .e-small .e-multi-select-wrapper .e-chips {
2616
- height: 18px;
2678
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2679
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2680
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2681
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2682
+ font-size: 12px;
2683
+ padding: 0 4px 0 0;
2617
2684
  }
2618
2685
 
2619
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2620
- font-size: 12px;
2686
+ .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2687
+ .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2688
+ .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2689
+ .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2690
+ padding: 0 0 0 4px;
2621
2691
  }
2622
2692
 
2623
- .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2624
- font-size: 14px;
2693
+ .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2694
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2695
+ font-size: 13px;
2625
2696
  }
2626
2697
 
2627
- .e-small .e-multi-select-wrapper .e-close-hooker::before {
2628
- left: 6px;
2698
+ .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2699
+ .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2700
+ .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2701
+ .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2702
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2703
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2704
+ padding: 0 12px;
2629
2705
  }
2630
2706
 
2631
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2632
- left: 6px;
2707
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2708
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2709
+ padding-right: 8px;
2710
+ }
2711
+
2712
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2713
+ font-size: 18px;
2633
2714
  }
2634
2715
 
2635
2716
  .e-bigger.e-small .e-multi-select-wrapper .e-chips {
@@ -2640,13 +2721,17 @@ ejs-multiselect {
2640
2721
  font-size: 14px;
2641
2722
  }
2642
2723
 
2643
- .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2644
- font-size: 18px;
2724
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2725
+ left: 6px;
2645
2726
  }
2646
2727
 
2647
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2648
- -webkit-text-fill-color: #9ca3af;
2649
- color: #9ca3af;
2728
+ .e-bigger .e-multi-select-wrapper .e-chips {
2729
+ height: 30px;
2730
+ }
2731
+
2732
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2733
+ height: 28px;
2734
+ width: 28px;
2650
2735
  }
2651
2736
 
2652
2737
  .e-listbox-tool .e-moveup::before {
@@ -3056,138 +3141,45 @@ ejs-listbox {
3056
3141
  .e-listboxtool-container .e-listbox-wrapper,
3057
3142
  .e-listboxtool-container .e-list-wrap {
3058
3143
  -webkit-box-flex: 1;
3059
- -ms-flex: 1;
3060
- flex: 1;
3061
- }
3062
- .e-listboxtool-wrapper.e-right .e-listbox-tool,
3063
- .e-listboxtool-container.e-right .e-listbox-tool {
3064
- margin-left: 15px;
3065
- }
3066
- .e-listboxtool-wrapper.e-left .e-listbox-tool,
3067
- .e-listboxtool-container.e-left .e-listbox-tool {
3068
- margin-right: 15px;
3069
- }
3070
- .e-listboxtool-wrapper .e-listbox-tool,
3071
- .e-listboxtool-container .e-listbox-tool {
3072
- border: 1px solid #e5e7eb;
3073
- overflow: auto;
3074
- padding: 8px;
3075
- }
3076
- .e-listboxtool-wrapper .e-listbox-tool .e-btn,
3077
- .e-listboxtool-container .e-listbox-tool .e-btn {
3078
- display: list-item;
3079
- list-style-type: none;
3080
- margin-bottom: 10px;
3081
- }
3082
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
3083
- .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
3084
- position: absolute;
3085
- right: 0;
3086
- top: 30%;
3087
- }
3088
-
3089
- .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
3090
- .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
3091
- margin-right: 15px;
3092
- }
3093
- .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
3094
- .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
3095
- margin-left: 15px;
3096
- }
3097
-
3098
- .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3099
- .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
3100
- .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
3101
- .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
3102
- width: 80% !important; /* stylelint-disable-line declaration-no-important */
3103
- }
3104
- .e-bigger .e-listbox-wrapper .e-list-item,
3105
- .e-listbox-wrapper.e-bigger .e-list-item,
3106
- .e-bigger .e-listbox-container .e-list-item,
3107
- .e-listbox-container.e-bigger .e-list-item {
3108
- border-bottom: 0 solid transparent;
3109
- border-left: 0 solid transparent;
3110
- border-right: 0 solid transparent;
3111
- border-top: 0 solid transparent;
3112
- }
3113
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3114
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
3115
- .e-bigger .e-listbox-wrapper .e-list-group-item,
3116
- .e-bigger .e-listbox-wrapper .e-list-header,
3117
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3118
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
3119
- .e-listbox-wrapper.e-bigger .e-list-group-item,
3120
- .e-listbox-wrapper.e-bigger .e-list-header,
3121
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3122
- .e-bigger .e-listbox-container .e-selectall-parent,
3123
- .e-bigger .e-listbox-container .e-list-group-item,
3124
- .e-bigger .e-listbox-container .e-list-header,
3125
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3126
- .e-listbox-container.e-bigger .e-selectall-parent,
3127
- .e-listbox-container.e-bigger .e-list-group-item,
3128
- .e-listbox-container.e-bigger .e-list-header {
3129
- padding: 12px 16px;
3130
- }
3131
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3132
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
3133
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3134
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
3135
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3136
- .e-bigger .e-listbox-container .e-selectall-parent,
3137
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3138
- .e-listbox-container.e-bigger .e-selectall-parent {
3139
- height: 48px;
3140
- line-height: 1.6;
3141
- position: relative;
3144
+ -ms-flex: 1;
3145
+ flex: 1;
3142
3146
  }
3143
- .e-bigger .e-listbox-wrapper .e-list-parent,
3144
- .e-listbox-wrapper.e-bigger .e-list-parent,
3145
- .e-bigger .e-listbox-container .e-list-parent,
3146
- .e-listbox-container.e-bigger .e-list-parent {
3147
- min-height: 48px;
3147
+ .e-listboxtool-wrapper.e-right .e-listbox-tool,
3148
+ .e-listboxtool-container.e-right .e-listbox-tool {
3149
+ margin-left: 15px;
3148
3150
  }
3149
- .e-bigger .e-listbox-wrapper .e-text-content,
3150
- .e-listbox-wrapper.e-bigger .e-text-content,
3151
- .e-bigger .e-listbox-container .e-text-content,
3152
- .e-listbox-container.e-bigger .e-text-content {
3153
- font-size: 16px;
3151
+ .e-listboxtool-wrapper.e-left .e-listbox-tool,
3152
+ .e-listboxtool-container.e-left .e-listbox-tool {
3153
+ margin-right: 15px;
3154
3154
  }
3155
- .e-bigger .e-listbox-wrapper .e-list-group-item,
3156
- .e-listbox-wrapper.e-bigger .e-list-group-item,
3157
- .e-bigger .e-listbox-container .e-list-group-item,
3158
- .e-listbox-container.e-bigger .e-list-group-item {
3159
- height: 38px;
3160
- line-height: 15px;
3155
+ .e-listboxtool-wrapper .e-listbox-tool,
3156
+ .e-listboxtool-container .e-listbox-tool {
3157
+ border: 1px solid #e5e7eb;
3158
+ overflow: auto;
3159
+ padding: 8px;
3161
3160
  }
3162
- .e-bigger .e-listbox-wrapper .e-list-header,
3163
- .e-listbox-wrapper.e-bigger .e-list-header,
3164
- .e-bigger .e-listbox-container .e-list-header,
3165
- .e-listbox-container.e-bigger .e-list-header {
3166
- -webkit-box-align: center;
3167
- -ms-flex-align: center;
3168
- align-items: center;
3169
- display: -webkit-box;
3170
- display: -ms-flexbox;
3171
- display: flex;
3172
- font-weight: 500;
3173
- height: 22px;
3161
+ .e-listboxtool-wrapper .e-listbox-tool .e-btn,
3162
+ .e-listboxtool-container .e-listbox-tool .e-btn {
3163
+ display: list-item;
3164
+ list-style-type: none;
3165
+ margin-bottom: 10px;
3174
3166
  }
3175
- .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3176
- .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3177
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3178
- .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3179
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
3180
- .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3181
- .e-listbox-container.e-bigger .e-list-header .e-text.header,
3182
- .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3183
- display: none;
3167
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
3168
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
3169
+ position: absolute;
3170
+ right: 0;
3171
+ top: 30%;
3184
3172
  }
3185
- .e-bigger .e-listbox-wrapper .e-list-header .e-text,
3186
- .e-listbox-wrapper.e-bigger .e-list-header .e-text,
3187
- .e-bigger .e-listbox-container .e-list-header .e-text,
3188
- .e-listbox-container.e-bigger .e-list-header .e-text {
3189
- font-size: 14px;
3173
+
3174
+ .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
3175
+ .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
3176
+ margin-right: 15px;
3177
+ }
3178
+ .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
3179
+ .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
3180
+ margin-left: 15px;
3190
3181
  }
3182
+
3191
3183
  .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3192
3184
  .e-listbox-wrapper .e-list-nrt,
3193
3185
  .e-listbox-wrapper .e-selectall-parent,
@@ -3203,34 +3195,11 @@ ejs-listbox {
3203
3195
  position: relative;
3204
3196
  }
3205
3197
 
3206
- .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
3207
- overflow: hidden;
3208
- white-space: nowrap;
3209
- text-overflow: ellipsis;
3210
- }
3211
-
3212
3198
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3213
3199
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3214
3200
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3215
3201
  }
3216
3202
 
3217
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3218
- height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3219
- }
3220
-
3221
- .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3222
- height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3223
- }
3224
-
3225
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3226
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3227
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3228
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3229
- height: 100%;
3230
- }
3231
-
3232
- .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3233
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3234
3203
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3235
3204
  height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
3236
3205
  }
@@ -3239,40 +3208,16 @@ ejs-listbox {
3239
3208
  height: calc(100% - 42px) !important; /* stylelint-disable-line declaration-no-important */
3240
3209
  }
3241
3210
 
3242
- .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3243
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3244
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3245
- }
3246
-
3247
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3248
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3249
- height: calc(100% - 53px) !important; /* stylelint-disable-line declaration-no-important */
3250
- }
3251
-
3252
3211
  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3253
3212
  height: calc(100% - 87.5px) !important; /* stylelint-disable-line declaration-no-important */
3254
3213
  }
3255
3214
 
3256
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3257
- height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
3258
- }
3259
-
3260
3215
  .e-listbox-wrapper,
3261
3216
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3262
3217
  .e-listboxtool-container.e-listbox-container .e-ul {
3263
3218
  border: 1px solid #e5e7eb;
3264
3219
  }
3265
3220
 
3266
- .e-bigger.e-listbox-wrapper,
3267
- .e-bigger.e-listbox-container {
3268
- font-size: 16px;
3269
- }
3270
- .e-bigger.e-listbox-wrapper .e-list-header, .e-bigger.e-listbox-wrapper .e-list-group-item,
3271
- .e-bigger.e-listbox-container .e-list-header,
3272
- .e-bigger.e-listbox-container .e-list-group-item {
3273
- font-size: 14px;
3274
- }
3275
-
3276
3221
  .e-listbox-wrapper,
3277
3222
  .e-listbox-container,
3278
3223
  .e-listboxtool-wrapper {
@@ -3570,4 +3515,141 @@ ejs-listbox {
3570
3515
  height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3571
3516
  }
3572
3517
 
3518
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3519
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
3520
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
3521
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
3522
+ width: 80% !important; /* stylelint-disable-line declaration-no-important */
3523
+ }
3524
+ .e-bigger .e-listbox-wrapper .e-list-item,
3525
+ .e-listbox-wrapper.e-bigger .e-list-item,
3526
+ .e-bigger .e-listbox-container .e-list-item,
3527
+ .e-listbox-container.e-bigger .e-list-item {
3528
+ border-bottom: 0 solid transparent;
3529
+ border-left: 0 solid transparent;
3530
+ border-right: 0 solid transparent;
3531
+ border-top: 0 solid transparent;
3532
+ }
3533
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3534
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
3535
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
3536
+ .e-bigger .e-listbox-wrapper .e-list-header,
3537
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3538
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
3539
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
3540
+ .e-listbox-wrapper.e-bigger .e-list-header,
3541
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3542
+ .e-bigger .e-listbox-container .e-selectall-parent,
3543
+ .e-bigger .e-listbox-container .e-list-group-item,
3544
+ .e-bigger .e-listbox-container .e-list-header,
3545
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3546
+ .e-listbox-container.e-bigger .e-selectall-parent,
3547
+ .e-listbox-container.e-bigger .e-list-group-item,
3548
+ .e-listbox-container.e-bigger .e-list-header {
3549
+ padding: 12px 16px;
3550
+ }
3551
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3552
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
3553
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3554
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
3555
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3556
+ .e-bigger .e-listbox-container .e-selectall-parent,
3557
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3558
+ .e-listbox-container.e-bigger .e-selectall-parent {
3559
+ height: 48px;
3560
+ line-height: 1.6;
3561
+ position: relative;
3562
+ }
3563
+ .e-bigger .e-listbox-wrapper .e-list-parent,
3564
+ .e-listbox-wrapper.e-bigger .e-list-parent,
3565
+ .e-bigger .e-listbox-container .e-list-parent,
3566
+ .e-listbox-container.e-bigger .e-list-parent {
3567
+ min-height: 48px;
3568
+ }
3569
+ .e-bigger .e-listbox-wrapper .e-text-content,
3570
+ .e-listbox-wrapper.e-bigger .e-text-content,
3571
+ .e-bigger .e-listbox-container .e-text-content,
3572
+ .e-listbox-container.e-bigger .e-text-content {
3573
+ font-size: 16px;
3574
+ }
3575
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
3576
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
3577
+ .e-bigger .e-listbox-container .e-list-group-item,
3578
+ .e-listbox-container.e-bigger .e-list-group-item {
3579
+ height: 38px;
3580
+ line-height: 15px;
3581
+ }
3582
+ .e-bigger .e-listbox-wrapper .e-list-header,
3583
+ .e-listbox-wrapper.e-bigger .e-list-header,
3584
+ .e-bigger .e-listbox-container .e-list-header,
3585
+ .e-listbox-container.e-bigger .e-list-header {
3586
+ -webkit-box-align: center;
3587
+ -ms-flex-align: center;
3588
+ align-items: center;
3589
+ display: -webkit-box;
3590
+ display: -ms-flexbox;
3591
+ display: flex;
3592
+ font-weight: 500;
3593
+ height: 22px;
3594
+ }
3595
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3596
+ .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3597
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3598
+ .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3599
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
3600
+ .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3601
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
3602
+ .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3603
+ display: none;
3604
+ }
3605
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text,
3606
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text,
3607
+ .e-bigger .e-listbox-container .e-list-header .e-text,
3608
+ .e-listbox-container.e-bigger .e-list-header .e-text {
3609
+ font-size: 14px;
3610
+ }
3611
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3612
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3613
+ }
3614
+
3615
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3616
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3617
+ }
3618
+
3619
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3620
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3621
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3622
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3623
+ height: 100%;
3624
+ }
3625
+
3626
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3627
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3628
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
3629
+ }
3630
+
3631
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3632
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3633
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3634
+ }
3635
+
3636
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3637
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3638
+ height: calc(100% - 53px) !important; /* stylelint-disable-line declaration-no-important */
3639
+ }
3640
+
3641
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3642
+ height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
3643
+ }
3644
+
3645
+ .e-bigger.e-listbox-wrapper,
3646
+ .e-bigger.e-listbox-container {
3647
+ font-size: 16px;
3648
+ }
3649
+ .e-bigger.e-listbox-wrapper .e-list-header, .e-bigger.e-listbox-wrapper .e-list-group-item,
3650
+ .e-bigger.e-listbox-container .e-list-header,
3651
+ .e-bigger.e-listbox-container .e-list-group-item {
3652
+ font-size: 14px;
3653
+ }
3654
+
3573
3655
  /* stylelint-disable-line no-empty-source */