@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
@@ -22,32 +22,10 @@
22
22
  font-size: 10px;
23
23
  }
24
24
 
25
- .e-bigger .e-dropdownbase .e-list-group-item,
26
- .e-bigger .e-fixed-head,
27
- .e-bigger.e-dropdownbase .e-list-group-item,
28
- .e-bigger.e-fixed-head {
29
- font-size: 14px;
30
- }
31
-
32
- .e-bigger.e-small .e-dropdownbase .e-list-group-item,
33
- .e-bigger.e-small .e-fixed-head,
34
- .e-bigger.e-small.e-dropdownbase .e-list-group-item,
35
- .e-bigger.e-small.e-fixed-head {
36
- font-size: 12px;
37
- }
38
-
39
25
  .e-dropdownbase .e-list-item .e-list-icon {
40
26
  padding: 0 8px 0 0;
41
27
  }
42
28
 
43
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
44
- padding: 0 12px 0 0;
45
- }
46
-
47
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
48
- padding: 0 8px 0 0;
49
- }
50
-
51
29
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
52
30
  padding: 0 4px 0 0;
53
31
  }
@@ -57,28 +35,6 @@
57
35
  border-radius: 6px !important;
58
36
  }
59
37
 
60
- .e-bigger .e-dropdownbase,
61
- .e-dropdownbase.e-bigger {
62
- min-height: 45px;
63
- }
64
- .e-bigger .e-dropdownbase .e-list-item,
65
- .e-dropdownbase.e-bigger .e-list-item {
66
- line-height: 40px;
67
- text-indent: 16px;
68
- }
69
-
70
- .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
71
- .e-dropdownbase.e-bigger .e-list-group-item,
72
- .e-dropdownbase.e-bigger .e-fixed-head {
73
- line-height: 40px;
74
- text-indent: 16px;
75
- }
76
-
77
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
78
- .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
79
- font-size: 18px;
80
- }
81
-
82
38
  .e-dropdownbase {
83
39
  display: block;
84
40
  height: 100%;
@@ -178,14 +134,6 @@
178
134
  padding-left: 8px;
179
135
  }
180
136
 
181
- .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
182
- padding-left: 16px;
183
- }
184
-
185
- .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
186
- padding-left: 14px;
187
- }
188
-
189
137
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
190
138
  text-indent: 0;
191
139
  }
@@ -215,14 +163,6 @@
215
163
  padding-left: 16px;
216
164
  padding-right: 0;
217
165
  }
218
- .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
219
- .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
220
- .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
221
- .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
222
- .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
223
- padding-left: 16px;
224
- padding-right: 0;
225
- }
226
166
  .e-dropdownbase {
227
167
  border-color: var(--color-sf-border-light);
228
168
  }
@@ -239,6 +179,7 @@
239
179
  padding-right: 16px;
240
180
  text-indent: 12px;
241
181
  background-color: var(--color-sf-flyout-bg-color);
182
+ margin-bottom: 2px;
242
183
  }
243
184
 
244
185
  .e-dropdownbase .e-list-group-item,
@@ -260,7 +201,7 @@
260
201
  .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
261
202
  background: var(--color-sf-flyout-bg-color-hover);
262
203
  border-color: var(--color-sf-content-bg-color);
263
- color: var(--color-sf-flyout-text-color);
204
+ color: var(--color-sf-flyout-text-color-hover);
264
205
  }
265
206
 
266
207
  .e-dropdownbase .e-list-item.e-hover {
@@ -274,12 +215,8 @@
274
215
  }
275
216
 
276
217
  .e-dropdownbase .e-list-item.e-item-focus {
277
- background-color: var(--color-sf-content-bg-color-hover);
278
- }
279
-
280
- .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
281
- font-size: 14px;
282
- padding-left: 0;
218
+ color: var(--color-sf-content-text-color-hover);
219
+ background: var(--color-sf-flyout-bg-color-focus);
283
220
  }
284
221
 
285
222
  .e-multi-column.e-ddl.e-popup.e-popup-open table {
@@ -361,33 +298,6 @@
361
298
  font-size: 12px;
362
299
  }
363
300
 
364
- .e-bigger.e-small .e-dropdownbase .e-list-item,
365
- .e-dropdownbase.e-small.e-bigger .e-list-item {
366
- color: var(--color-sf-content-text-color);
367
- line-height: 36px;
368
- min-height: 36px;
369
- text-indent: 14px;
370
- }
371
-
372
- .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
373
- .e-dropdownbase.e-small.e-bigger .e-list-group-item,
374
- .e-dropdownbase.e-small.e-bigger .e-fixed-head {
375
- line-height: 36px;
376
- min-height: 36px;
377
- padding-left: 14px;
378
- }
379
-
380
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
381
- .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
382
- font-size: 16px;
383
- }
384
-
385
- .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
386
- .e-dropdownbase.e-bigger.e-small .e-list-group-item,
387
- .e-dropdownbase.e-bigger.e-small .e-fixed-head {
388
- font-size: 12px;
389
- }
390
-
391
301
  .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
392
302
  background-color: var(--color-sf-flyout-bg-color);
393
303
  border-bottom: 0;
@@ -407,7 +317,7 @@
407
317
  .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover {
408
318
  background-color: var(--color-sf-flyout-bg-color-hover);
409
319
  border-color: var(--color-sf-content-bg-color);
410
- color: var(--color-sf-flyout-text-color);
320
+ color: var(--color-sf-flyout-text-color-hover);
411
321
  }
412
322
 
413
323
  .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover {
@@ -420,6 +330,98 @@
420
330
  background-color: var(--color-sf-content-bg-color-hover);
421
331
  }
422
332
 
333
+ .e-bigger .e-dropdownbase,
334
+ .e-dropdownbase.e-bigger {
335
+ min-height: 45px;
336
+ }
337
+ .e-bigger .e-dropdownbase .e-list-item,
338
+ .e-dropdownbase.e-bigger .e-list-item {
339
+ line-height: 40px;
340
+ text-indent: 16px;
341
+ }
342
+
343
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
344
+ .e-dropdownbase.e-bigger .e-list-group-item,
345
+ .e-dropdownbase.e-bigger .e-fixed-head {
346
+ line-height: 40px;
347
+ text-indent: 16px;
348
+ }
349
+
350
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
351
+ .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
352
+ font-size: 18px;
353
+ }
354
+
355
+ .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
356
+ padding-left: 16px;
357
+ }
358
+
359
+ .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
360
+ padding-left: 14px;
361
+ }
362
+
363
+ .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
364
+ .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
365
+ .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
366
+ .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
367
+ .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
368
+ padding-left: 16px;
369
+ padding-right: 0;
370
+ }
371
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
372
+ font-size: 14px;
373
+ padding-left: 0;
374
+ }
375
+
376
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
377
+ .e-dropdownbase.e-bigger.e-small .e-list-group-item,
378
+ .e-dropdownbase.e-bigger.e-small .e-fixed-head {
379
+ font-size: 12px;
380
+ }
381
+
382
+ .e-bigger.e-small .e-dropdownbase .e-list-item,
383
+ .e-dropdownbase.e-small.e-bigger .e-list-item {
384
+ color: var(--color-sf-content-text-color);
385
+ line-height: 36px;
386
+ min-height: 36px;
387
+ text-indent: 14px;
388
+ }
389
+
390
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
391
+ .e-dropdownbase.e-small.e-bigger .e-list-group-item,
392
+ .e-dropdownbase.e-small.e-bigger .e-fixed-head {
393
+ line-height: 36px;
394
+ min-height: 36px;
395
+ padding-left: 14px;
396
+ }
397
+
398
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
399
+ .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
400
+ font-size: 16px;
401
+ }
402
+
403
+ .e-bigger .e-dropdownbase .e-list-group-item,
404
+ .e-bigger .e-fixed-head,
405
+ .e-bigger.e-dropdownbase .e-list-group-item,
406
+ .e-bigger.e-fixed-head {
407
+ font-size: 14px;
408
+ }
409
+
410
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item,
411
+ .e-bigger.e-small .e-fixed-head,
412
+ .e-bigger.e-small.e-dropdownbase .e-list-group-item,
413
+ .e-bigger.e-small.e-fixed-head {
414
+ font-size: 12px;
415
+ }
416
+
417
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
418
+ padding: 0 12px 0 0;
419
+ }
420
+
421
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
422
+ padding: 0 8px 0 0;
423
+ }
424
+
423
425
  /* stylelint-disable property-no-vendor-prefix */
424
426
  @-webkit-keyframes e-input-ripple {
425
427
  100% {
@@ -680,7 +682,7 @@
680
682
 
681
683
  .e-ddl.e-popup {
682
684
  border: 0;
683
- border-radius: 8px;
685
+ border-radius: 4px;
684
686
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
685
687
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
686
688
  margin-top: 4px;
@@ -692,46 +694,11 @@
692
694
  margin-top: 2px;
693
695
  }
694
696
 
695
- .e-bigger .e-ddl.e-popup,
696
- .e-bigger.e-ddl.e-popup {
697
- border-radius: 8px;
698
- margin-top: 8px;
699
- }
700
-
701
- .e-bigger.e-small .e-ddl.e-popup,
702
- .e-small.e-bigger.e-ddl.e-popup {
703
- border-radius: 8px;
704
- margin-top: 6px;
705
- }
706
-
707
697
  .e-popup.e-ddl .e-dropdownbase {
708
698
  min-height: 26px;
709
699
  padding: 6px 4px;
710
700
  }
711
701
 
712
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
713
- border-color: var(--color-sf-border-light);
714
- }
715
-
716
- .e-bigger .e-popup.e-ddl-device-filter {
717
- margin-top: 0;
718
- }
719
-
720
- .e-bigger .e-ddl-device .e-input-group,
721
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
722
- background: var(--color-sf-flyout-bg-color);
723
- border-width: 0;
724
- -webkit-box-shadow: none;
725
- box-shadow: none;
726
- margin-bottom: 0;
727
- }
728
-
729
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
730
- .e-bigger .e-ddl-device .e-input-group input.e-input,
731
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
732
- background-color: var(--color-sf-flyout-bg-color);
733
- }
734
-
735
702
  .e-input-group.e-ddl,
736
703
  .e-input-group.e-ddl .e-input,
737
704
  .e-input-group.e-ddl .e-ddl-icon {
@@ -760,30 +727,6 @@
760
727
  font-family: "e-icons";
761
728
  }
762
729
 
763
- .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
764
- margin-left: -20px;
765
- }
766
-
767
- .e-bigger .e-ddl.e-popup .e-list-item {
768
- font-size: 16px;
769
- }
770
- .e-bigger .e-ddl.e-popup .e-list-group-item {
771
- font-size: 16px;
772
- }
773
- .e-bigger .e-ddl.e-popup .e-input-group {
774
- padding: 4px 0;
775
- }
776
-
777
- .e-bigger.e-ddl.e-popup .e-list-item {
778
- font-size: 16px;
779
- }
780
- .e-bigger.e-ddl.e-popup .e-list-group-item {
781
- font-size: 16px;
782
- }
783
- .e-bigger.e-ddl.e-popup .e-input-group {
784
- padding: 4px 0;
785
- }
786
-
787
730
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
788
731
  display: block;
789
732
  visibility: hidden;
@@ -948,6 +891,7 @@
948
891
  .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
949
892
  opacity: 0.7;
950
893
  pointer-events: none;
894
+ color: var(--color-sf-flyout-text-color-disabled);
951
895
  }
952
896
 
953
897
  ejs-autocomplete,
@@ -974,11 +918,55 @@ ejs-dropdownlist {
974
918
  font-size: 12px;
975
919
  }
976
920
 
977
- .e-bigger.e-small .e-ddl.e-popup .e-list-item,
978
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
979
- font-size: 14px;
921
+ .e-content-placeholder.e-ddl.e-placeholder-ddl,
922
+ .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
923
+ .e-content-placeholder.e-combobox.e-placeholder-combobox {
924
+ background-size: 300px 33px;
925
+ min-height: 33px;
980
926
  }
981
- .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
927
+
928
+ .e-popup {
929
+ border-color: var(--color-sf-border-light);
930
+ }
931
+
932
+ .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
933
+ .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
934
+ color: var(--color-sf-content-text-color-selected);
935
+ }
936
+
937
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
938
+ border-color: transparent;
939
+ }
940
+
941
+ .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
942
+ margin-left: -20px;
943
+ }
944
+
945
+ .e-bigger .e-ddl.e-popup .e-list-item {
946
+ font-size: 16px;
947
+ }
948
+ .e-bigger .e-ddl.e-popup .e-list-group-item {
949
+ font-size: 16px;
950
+ }
951
+ .e-bigger .e-ddl.e-popup .e-input-group {
952
+ padding: 4px 0;
953
+ }
954
+
955
+ .e-bigger.e-ddl.e-popup .e-list-item {
956
+ font-size: 16px;
957
+ }
958
+ .e-bigger.e-ddl.e-popup .e-list-group-item {
959
+ font-size: 16px;
960
+ }
961
+ .e-bigger.e-ddl.e-popup .e-input-group {
962
+ padding: 4px 0;
963
+ }
964
+
965
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item,
966
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
967
+ font-size: 14px;
968
+ }
969
+ .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
982
970
  .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
983
971
  font-size: 14px;
984
972
  }
@@ -992,13 +980,6 @@ ejs-dropdownlist {
992
980
  font-size: 14px;
993
981
  }
994
982
 
995
- .e-content-placeholder.e-ddl.e-placeholder-ddl,
996
- .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
997
- .e-content-placeholder.e-combobox.e-placeholder-combobox {
998
- background-size: 300px 33px;
999
- min-height: 33px;
1000
- }
1001
-
1002
983
  .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl,
1003
984
  .e-bigger.e-content-placeholder.e-ddl.e-placeholder-ddl,
1004
985
  .e-bigger .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
@@ -1009,13 +990,39 @@ ejs-dropdownlist {
1009
990
  min-height: 40px;
1010
991
  }
1011
992
 
1012
- .e-popup {
993
+ .e-bigger .e-ddl.e-popup,
994
+ .e-bigger.e-ddl.e-popup {
995
+ border-radius: 8px;
996
+ margin-top: 8px;
997
+ }
998
+
999
+ .e-bigger.e-small .e-ddl.e-popup,
1000
+ .e-small.e-bigger.e-ddl.e-popup {
1001
+ border-radius: 8px;
1002
+ margin-top: 6px;
1003
+ }
1004
+
1005
+ .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
1013
1006
  border-color: var(--color-sf-border-light);
1014
1007
  }
1015
1008
 
1016
- .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
1017
- .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
1018
- color: var(--color-sf-content-text-color-selected);
1009
+ .e-bigger .e-popup.e-ddl-device-filter {
1010
+ margin-top: 0;
1011
+ }
1012
+
1013
+ .e-bigger .e-ddl-device .e-input-group,
1014
+ .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
1015
+ background: var(--color-sf-flyout-bg-color);
1016
+ border-width: 0;
1017
+ -webkit-box-shadow: none;
1018
+ box-shadow: none;
1019
+ margin-bottom: 0;
1020
+ }
1021
+
1022
+ .e-bigger .e-ddl-device .e-input-group .e-back-icon,
1023
+ .e-bigger .e-ddl-device .e-input-group input.e-input,
1024
+ .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
1025
+ background-color: var(--color-sf-flyout-bg-color);
1019
1026
  }
1020
1027
 
1021
1028
  /*! TreeView's theme wise override definitions and variables */
@@ -1119,7 +1126,8 @@ ejs-dropdownlist {
1119
1126
  text-align: center;
1120
1127
  }
1121
1128
  .e-ddt.e-show-chip .e-chips-close::before {
1122
- font-size: 16px;
1129
+ font-size: 10px;
1130
+ padding: 3px;
1123
1131
  }
1124
1132
  .e-ddt.e-show-chip .e-chips-close::before {
1125
1133
  vertical-align: middle;
@@ -1135,7 +1143,7 @@ ejs-dropdownlist {
1135
1143
  display: -ms-inline-flexbox;
1136
1144
  display: inline-flex;
1137
1145
  float: left;
1138
- height: 22px;
1146
+ height: 24px;
1139
1147
  margin: 3px 4px;
1140
1148
  max-width: calc(100% - 6px);
1141
1149
  overflow: hidden;
@@ -1332,6 +1340,41 @@ ejs-dropdownlist {
1332
1340
  display: none;
1333
1341
  }
1334
1342
 
1343
+ .e-ddt .e-chips {
1344
+ background-color: var(--color-sf-content-bg-color-alt2);
1345
+ }
1346
+ .e-ddt .e-chips .e-chips-close::before {
1347
+ color: var(--color-sf-icon-color);
1348
+ }
1349
+ .e-ddt .e-chips > .e-chipcontent {
1350
+ color: var(--color-sf-content-text-color);
1351
+ }
1352
+ .e-ddt .e-overflow .e-remain {
1353
+ color: var(--color-sf-content-text-color-alt3);
1354
+ }
1355
+ .e-ddt.e-input-group.e-control-wrapper:focus, .e-ddt.e-float-input.e-control-wrapper:focus {
1356
+ border-color: var(--color-sf-border-focus);
1357
+ }
1358
+ .e-ddt.e-input-group.e-control-wrapper:active, .e-ddt.e-float-input.e-control-wrapper:active {
1359
+ border-color: var(--color-sf-border-focus);
1360
+ }
1361
+ .e-ddt.e-popup {
1362
+ background: var(--color-sf-flyout-bg-color);
1363
+ border-color: var(--color-sf-border-light);
1364
+ }
1365
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1366
+ color: var(--color-sf-content-text-color);
1367
+ }
1368
+ .e-ddt.e-popup .e-selectall-parent {
1369
+ border-bottom-color: var(--color-sf-border-light);
1370
+ }
1371
+ .e-ddt.e-popup .e-selectall-parent:focus {
1372
+ background: var(--color-sf-content-bg-color-hover);
1373
+ }
1374
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1375
+ color: var(--color-sf-content-text-color);
1376
+ }
1377
+
1335
1378
  .e-bigger .e-ddt .e-chips,
1336
1379
  .e-ddt.e-bigger .e-chips {
1337
1380
  height: 30px;
@@ -1414,35 +1457,6 @@ ejs-dropdownlist {
1414
1457
  right: auto;
1415
1458
  }
1416
1459
 
1417
- .e-ddt .e-chips {
1418
- background-color: var(--color-sf-content-bg-color-alt2);
1419
- }
1420
- .e-ddt .e-chips .e-chips-close::before {
1421
- color: var(--color-sf-icon-color);
1422
- }
1423
- .e-ddt .e-chips > .e-chipcontent {
1424
- color: var(--color-sf-content-text-color);
1425
- }
1426
- .e-ddt .e-overflow .e-remain {
1427
- color: var(--color-sf-content-text-color-alt3);
1428
- }
1429
- .e-ddt.e-popup {
1430
- background: var(--color-sf-flyout-bg-color);
1431
- border-color: var(--color-sf-border-light);
1432
- }
1433
- .e-ddt.e-popup .e-popup-content.e-no-data {
1434
- color: var(--color-sf-content-text-color);
1435
- }
1436
- .e-ddt.e-popup .e-selectall-parent {
1437
- border-bottom-color: var(--color-sf-border-light);
1438
- }
1439
- .e-ddt.e-popup .e-selectall-parent:focus {
1440
- background: var(--color-sf-content-bg-color-hover);
1441
- }
1442
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
1443
- color: var(--color-sf-content-text-color);
1444
- }
1445
-
1446
1460
  /* stylelint-disable-line no-empty-source */
1447
1461
  /* stylelint-disable-line no-empty-source */
1448
1462
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -1466,11 +1480,6 @@ ejs-dropdownlist {
1466
1480
  width: 32px;
1467
1481
  }
1468
1482
 
1469
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1470
- height: 28px;
1471
- width: 28px;
1472
- }
1473
-
1474
1483
  .e-multi-select-wrapper .e-searcher input[type=text],
1475
1484
  .e-multi-select-wrapper .e-multi-searcher input[type=text] {
1476
1485
  color: var(--color-sf-content-text-color);
@@ -1502,37 +1511,15 @@ ejs-dropdownlist {
1502
1511
  }
1503
1512
 
1504
1513
  .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1505
- .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1506
- .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1507
- .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1508
- .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1509
- .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1514
+ .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1510
1515
  height: 20px;
1511
1516
  margin-top: -33px;
1512
1517
  right: 18px;
1513
1518
  width: 20px;
1514
1519
  }
1515
1520
 
1516
- .e-bigger.e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1517
- .e-bigger.e-small .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1518
- .e-bigger .e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1519
- .e-small .e-bigger.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1520
- height: 20px;
1521
- margin-top: -35px;
1522
- right: 45px;
1523
- width: 20px;
1524
- }
1525
-
1526
1521
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1527
- .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1528
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1529
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1530
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1531
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1532
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1533
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1534
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1535
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1522
+ .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1536
1523
  margin-top: -32px;
1537
1524
  }
1538
1525
 
@@ -1543,50 +1530,12 @@ ejs-dropdownlist {
1543
1530
  width: 18px;
1544
1531
  }
1545
1532
 
1546
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1547
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1548
- height: 24px;
1549
- width: 24px;
1550
- }
1551
-
1552
1533
  .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1553
1534
  .e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1554
1535
  margin-top: -26px;
1555
1536
  }
1556
1537
 
1557
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1558
- .e-bigger .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1559
- margin-top: -40px;
1560
- }
1561
-
1562
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1563
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1564
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1565
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1566
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1567
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1568
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1569
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1570
- margin-top: -32px;
1571
- right: 40px;
1572
- }
1573
-
1574
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1575
- .e-bigger .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1576
- margin-top: -44px;
1577
- }
1578
-
1579
- .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1580
- .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
1581
- height: 16px;
1582
- width: 16px;
1583
- }
1584
-
1585
- .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1586
- .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1587
- .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1588
- .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1589
- .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1538
+ .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1590
1539
  content: "\e208";
1591
1540
  font-size: 16px;
1592
1541
  height: 16px;
@@ -1603,13 +1552,6 @@ ejs-dropdownlist {
1603
1552
  width: 14px;
1604
1553
  }
1605
1554
 
1606
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1607
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1608
- font-size: 20px;
1609
- height: 20px;
1610
- width: 20px;
1611
- }
1612
-
1613
1555
  .e-multi-select-wrapper {
1614
1556
  -webkit-box-sizing: border-box;
1615
1557
  box-sizing: border-box;
@@ -1764,12 +1706,6 @@ ejs-dropdownlist {
1764
1706
  padding: 0 0 0 48px;
1765
1707
  }
1766
1708
 
1767
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1768
- .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1769
- margin-top: -2.1em;
1770
- padding: 11px;
1771
- }
1772
-
1773
1709
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1774
1710
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1775
1711
  opacity: 0.7;
@@ -1786,10 +1722,6 @@ ejs-dropdownlist {
1786
1722
  top: 15px;
1787
1723
  }
1788
1724
 
1789
- .e-bigger .e-multi-select-wrapper {
1790
- min-height: 36px;
1791
- }
1792
-
1793
1725
  .e-multi-select-wrapper.e-close-icon-hide {
1794
1726
  padding-right: 0;
1795
1727
  }
@@ -1823,10 +1755,6 @@ ejs-dropdownlist {
1823
1755
  white-space: nowrap;
1824
1756
  }
1825
1757
 
1826
- .e-bigger .e-multi-select-wrapper .e-chips {
1827
- margin: 3px;
1828
- }
1829
-
1830
1758
  .e-multi-select-wrapper .e-chips > .e-chipcontent {
1831
1759
  max-width: 100%;
1832
1760
  overflow: hidden;
@@ -1841,13 +1769,11 @@ ejs-dropdownlist {
1841
1769
  float: none;
1842
1770
  }
1843
1771
 
1844
- .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
1845
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1772
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1846
1773
  padding: 8px 4px 8px 0;
1847
1774
  }
1848
1775
 
1849
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
1850
- .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
1776
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1851
1777
  padding: 8px 0 8px 4px;
1852
1778
  }
1853
1779
 
@@ -1894,15 +1820,6 @@ ejs-dropdownlist {
1894
1820
  right: auto;
1895
1821
  }
1896
1822
 
1897
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1898
- margin-top: -2.3em;
1899
- }
1900
-
1901
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1902
- .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1903
- margin-top: -2.5em;
1904
- }
1905
-
1906
1823
  .e-multi-select-wrapper input[type=text] {
1907
1824
  background: none;
1908
1825
  border: 0;
@@ -1934,17 +1851,6 @@ ejs-dropdownlist {
1934
1851
  padding: 5px;
1935
1852
  }
1936
1853
 
1937
- .e-bigger .e-multi-select-wrapper input[type=text],
1938
- .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
1939
- height: 28px;
1940
- min-height: 28px;
1941
- }
1942
-
1943
- .e-bigger .e-multi-select-wrapper input[type=text] {
1944
- height: 36px;
1945
- min-height: 36px;
1946
- }
1947
-
1948
1854
  /* stylelint-disable property-no-vendor-prefix */
1949
1855
  .e-multi-select-wrapper input[type=text]::-ms-clear {
1950
1856
  display: none;
@@ -1960,23 +1866,11 @@ ejs-dropdownlist {
1960
1866
  width: calc(100% - 32px);
1961
1867
  }
1962
1868
 
1963
- .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1964
- .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1965
- width: calc(100% - 50px);
1966
- }
1967
-
1968
1869
  .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1969
1870
  .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1970
1871
  width: calc(100% - 30px);
1971
1872
  }
1972
1873
 
1973
- .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1974
- .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1975
- .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1976
- .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1977
- width: calc(100% - 32px);
1978
- }
1979
-
1980
1874
  .e-multi-select-wrapper .e-delim-values {
1981
1875
  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
1982
1876
  font-size: 14px;
@@ -1987,11 +1881,6 @@ ejs-dropdownlist {
1987
1881
  vertical-align: middle;
1988
1882
  }
1989
1883
 
1990
- .e-bigger .e-multi-select-wrapper .e-delim-values {
1991
- line-height: 36px;
1992
- padding-left: 10px;
1993
- }
1994
-
1995
1884
  .e-multi-select-list-wrapper .e-hide-listitem,
1996
1885
  .e-multi-select-list-wrapper .e-hide-group-header {
1997
1886
  display: none;
@@ -2118,10 +2007,6 @@ ejs-dropdownlist {
2118
2007
  padding-right: 25px;
2119
2008
  }
2120
2009
 
2121
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
2122
- padding-right: 25px;
2123
- }
2124
-
2125
2010
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2126
2011
  bottom: 1px;
2127
2012
  margin-right: 8px;
@@ -2130,18 +2015,6 @@ ejs-dropdownlist {
2130
2015
  vertical-align: middle;
2131
2016
  }
2132
2017
 
2133
- .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
2134
- .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2135
- bottom: 1px;
2136
- margin-right: 12px;
2137
- }
2138
-
2139
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
2140
- .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2141
- bottom: 1px;
2142
- margin-right: 12px;
2143
- }
2144
-
2145
2018
  .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
2146
2019
  margin-left: 12px;
2147
2020
  margin-right: 0;
@@ -2160,14 +2033,6 @@ ejs-dropdownlist {
2160
2033
  padding-right: 0;
2161
2034
  }
2162
2035
 
2163
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
2164
- padding-left: 16px;
2165
- }
2166
-
2167
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-dropdownbase.e-dd-group .e-list-item .e-checkbox-wrapper {
2168
- padding-left: 14px;
2169
- }
2170
-
2171
2036
  .e-multi-select-list-wrapper .e-selectall-parent {
2172
2037
  cursor: pointer;
2173
2038
  display: block;
@@ -2193,13 +2058,6 @@ ejs-dropdownlist {
2193
2058
  font-size: 14px;
2194
2059
  }
2195
2060
 
2196
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
2197
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
2198
- font-size: 14px;
2199
- line-height: 36px;
2200
- text-indent: 16px;
2201
- }
2202
-
2203
2061
  .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2204
2062
  bottom: 1px;
2205
2063
  margin-right: 8px;
@@ -2208,12 +2066,6 @@ ejs-dropdownlist {
2208
2066
  vertical-align: middle;
2209
2067
  }
2210
2068
 
2211
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
2212
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2213
- bottom: 1px;
2214
- margin-right: 12px;
2215
- }
2216
-
2217
2069
  .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
2218
2070
  margin-left: 12px;
2219
2071
  margin-right: 0;
@@ -2232,13 +2084,7 @@ ejs-dropdownlist {
2232
2084
  padding: 1px 0;
2233
2085
  }
2234
2086
 
2235
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2236
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
2237
- padding: 0;
2238
- }
2239
-
2240
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon,
2241
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2087
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2242
2088
  padding-left: 8px;
2243
2089
  }
2244
2090
 
@@ -2246,10 +2092,6 @@ ejs-dropdownlist {
2246
2092
  padding: 0 8px;
2247
2093
  }
2248
2094
 
2249
- .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
2250
- line-height: 36px;
2251
- }
2252
-
2253
2095
  .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
2254
2096
  line-height: 20px;
2255
2097
  padding-left: 10px;
@@ -2306,52 +2148,11 @@ ejs-multiselect {
2306
2148
  margin-top: -1.3em;
2307
2149
  }
2308
2150
 
2309
- .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2310
- .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2311
- line-height: 32px;
2312
- }
2313
-
2314
- .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2315
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2316
- margin-top: -1.3em;
2317
- }
2318
-
2319
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2320
- height: 18px;
2321
- width: 18px;
2322
- }
2323
-
2324
- .e-bigger.e-small .e-multi-select-wrapper {
2325
- min-height: 28px;
2326
- }
2327
-
2328
- .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
2329
- height: 32px;
2330
- min-height: 32px;
2331
- }
2332
-
2333
- .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
2334
- font-size: 14px;
2335
- line-height: 32px;
2336
- }
2337
-
2338
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2339
- .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2340
- margin-top: -1.64em;
2341
- right: 5px;
2342
- }
2343
-
2344
2151
  .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2345
2152
  background-size: 300px 33px;
2346
2153
  min-height: 33px;
2347
2154
  }
2348
2155
 
2349
- .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
2350
- .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2351
- background-size: 300px 40px;
2352
- min-height: 40px;
2353
- }
2354
-
2355
2156
  .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2356
2157
  color: inherit;
2357
2158
  }
@@ -2367,24 +2168,11 @@ ejs-multiselect {
2367
2168
  padding: 0 12px 0 8px;
2368
2169
  }
2369
2170
 
2370
- .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
2371
- .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2372
- padding: 3px 12px 0 4px;
2373
- }
2374
-
2375
- .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2376
- .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2377
- .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2378
- .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2379
- .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
2171
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper {
2380
2172
  padding: 0;
2381
2173
  }
2382
2174
 
2383
- .e-filled.e-float-input .e-multi-select-wrapper,
2384
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
2385
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
2386
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2387
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
2175
+ .e-filled.e-float-input .e-multi-select-wrapper {
2388
2176
  padding: 11px 12px 0;
2389
2177
  }
2390
2178
 
@@ -2393,35 +2181,15 @@ ejs-multiselect {
2393
2181
  padding: 12px 12px 0 8px;
2394
2182
  }
2395
2183
 
2396
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
2397
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
2398
- padding: 19px 12px 0 16px;
2399
- }
2400
-
2401
- .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2402
- padding-top: 3px;
2403
- }
2404
-
2405
2184
  .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2406
2185
  .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2407
2186
  padding: 0;
2408
2187
  }
2409
2188
 
2410
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
2411
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
2412
- padding: 5px 0;
2413
- }
2414
-
2415
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2416
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2417
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2418
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2419
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2189
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2420
2190
  height: 28px;
2421
2191
  }
2422
2192
 
2423
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2424
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2425
2193
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2426
2194
  .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2427
2195
  .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
@@ -2430,54 +2198,22 @@ ejs-multiselect {
2430
2198
  height: 24px;
2431
2199
  }
2432
2200
 
2433
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2434
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2435
- height: 32px;
2436
- }
2437
-
2438
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2439
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2440
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2441
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2442
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2201
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2443
2202
  height: 18px;
2444
2203
  }
2445
2204
 
2446
2205
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2447
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2448
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2449
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2450
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2451
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2452
- .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2453
- .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2454
- .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2455
- .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2206
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2456
2207
  margin: 8px 8px 0 0;
2457
2208
  padding: 0 8px;
2458
2209
  }
2459
2210
 
2460
2211
  .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2461
- .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2462
- .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2463
- .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2464
- .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2465
- .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2466
- .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2467
- .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2468
- .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2469
- .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2212
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2470
2213
  margin: 8px 0 0 8px;
2471
2214
  padding: 0 8px;
2472
2215
  }
2473
2216
 
2474
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2475
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2476
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2477
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2478
- padding-left: 8px;
2479
- }
2480
-
2481
2217
  .e-small .e-filled .e-multi-select-wrapper .e-chips,
2482
2218
  .e-small.e-filled .e-multi-select-wrapper .e-chips {
2483
2219
  height: 16px;
@@ -2490,11 +2226,7 @@ ejs-multiselect {
2490
2226
  margin: 4px 0 0 4px;
2491
2227
  }
2492
2228
 
2493
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2494
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2495
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2496
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2497
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2229
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2498
2230
  font-size: 13px;
2499
2231
  padding: 0 8px 0 0;
2500
2232
  }
@@ -2504,20 +2236,12 @@ ejs-multiselect {
2504
2236
  font-size: 12px;
2505
2237
  }
2506
2238
 
2507
- .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2508
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2509
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2510
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2511
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2239
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2512
2240
  font-size: 12px;
2513
2241
  padding: 0 4px 0 0;
2514
2242
  }
2515
2243
 
2516
- .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2517
- .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2518
- .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2519
- .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2520
- .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2244
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2521
2245
  padding: 0 0 0 4px;
2522
2246
  }
2523
2247
 
@@ -2526,30 +2250,11 @@ ejs-multiselect {
2526
2250
  font-size: 10px;
2527
2251
  }
2528
2252
 
2529
- .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2530
- .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2531
- font-size: 13px;
2532
- }
2533
-
2534
2253
  .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2535
2254
  font-size: 13px;
2536
2255
  padding-right: 4px;
2537
2256
  }
2538
2257
 
2539
- .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2540
- .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2541
- .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2542
- .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2543
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2544
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2545
- padding: 0 12px;
2546
- }
2547
-
2548
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2549
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2550
- padding-right: 8px;
2551
- }
2552
-
2553
2258
  .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2554
2259
  .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2555
2260
  height: 38px;
@@ -2647,8 +2352,7 @@ ejs-multiselect {
2647
2352
  color: var(--color-sf-content-text-color);
2648
2353
  }
2649
2354
 
2650
- .e-multi-select-wrapper .e-chips.e-mob-chip,
2651
- .e-bigger .e-multi-select-wrapper .e-chips {
2355
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
2652
2356
  height: 30px;
2653
2357
  }
2654
2358
 
@@ -2681,6 +2385,7 @@ ejs-multiselect {
2681
2385
 
2682
2386
  .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
2683
2387
  color: var(--color-sf-content-text-color);
2388
+ color: var(--color-sf-flyout-text-color-selected);
2684
2389
  }
2685
2390
 
2686
2391
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
@@ -2689,6 +2394,7 @@ ejs-multiselect {
2689
2394
 
2690
2395
  .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2691
2396
  background-color: var(--color-sf-content-bg-color-hover);
2397
+ color: var(--color-sf-flyout-text-color-focus);
2692
2398
  }
2693
2399
 
2694
2400
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
@@ -2781,25 +2487,399 @@ ejs-multiselect {
2781
2487
  left: 6px;
2782
2488
  }
2783
2489
 
2784
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2785
- left: 6px;
2490
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2491
+ -webkit-text-fill-color: var(--color-sf-content-text-color-disabled);
2492
+ color: var(--color-sf-content-text-color-disabled);
2786
2493
  }
2787
2494
 
2788
- .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2789
- height: 26px;
2495
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
2496
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2497
+ margin-top: -2.1em;
2498
+ padding: 11px;
2790
2499
  }
2791
2500
 
2792
- .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2793
- font-size: 14px;
2501
+ .e-bigger .e-multi-select-wrapper {
2502
+ min-height: 36px;
2794
2503
  }
2795
2504
 
2796
- .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2797
- font-size: 18px;
2505
+ .e-bigger .e-multi-select-wrapper .e-chips {
2506
+ margin: 3px;
2507
+ }
2508
+
2509
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
2510
+ padding: 8px 4px 8px 0;
2511
+ }
2512
+
2513
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
2514
+ padding: 8px 0 8px 4px;
2515
+ }
2516
+
2517
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2518
+ margin-top: -2.3em;
2519
+ }
2520
+
2521
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
2522
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2523
+ margin-top: -2.5em;
2524
+ }
2525
+
2526
+ .e-bigger .e-multi-select-wrapper input[type=text],
2527
+ .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
2528
+ height: 28px;
2529
+ min-height: 28px;
2530
+ }
2531
+
2532
+ .e-bigger .e-multi-select-wrapper input[type=text] {
2533
+ height: 36px;
2534
+ min-height: 36px;
2535
+ }
2536
+
2537
+ .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2538
+ .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2539
+ width: calc(100% - 50px);
2540
+ }
2541
+
2542
+ .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2543
+ .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2544
+ .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2545
+ .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2546
+ width: calc(100% - 32px);
2547
+ }
2548
+
2549
+ .e-bigger .e-multi-select-wrapper .e-delim-values {
2550
+ line-height: 36px;
2551
+ padding-left: 10px;
2552
+ }
2553
+
2554
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
2555
+ padding-right: 25px;
2556
+ }
2557
+
2558
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
2559
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2560
+ bottom: 1px;
2561
+ margin-right: 12px;
2562
+ }
2563
+
2564
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
2565
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2566
+ bottom: 1px;
2567
+ margin-right: 12px;
2568
+ }
2569
+
2570
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
2571
+ padding-left: 16px;
2572
+ }
2573
+
2574
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-dropdownbase.e-dd-group .e-list-item .e-checkbox-wrapper {
2575
+ padding-left: 14px;
2576
+ }
2577
+
2578
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
2579
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
2580
+ font-size: 14px;
2581
+ line-height: 36px;
2582
+ text-indent: 16px;
2583
+ }
2584
+
2585
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
2586
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2587
+ bottom: 1px;
2588
+ margin-right: 12px;
2589
+ }
2590
+
2591
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2592
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
2593
+ padding: 0;
2594
+ }
2595
+
2596
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2597
+ padding-left: 8px;
2598
+ }
2599
+
2600
+ .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
2601
+ line-height: 36px;
2602
+ }
2603
+
2604
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2605
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2606
+ line-height: 32px;
2607
+ }
2608
+
2609
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2610
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2611
+ margin-top: -1.3em;
2612
+ }
2613
+
2614
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2615
+ height: 18px;
2616
+ width: 18px;
2617
+ }
2618
+
2619
+ .e-bigger.e-small .e-multi-select-wrapper {
2620
+ min-height: 28px;
2621
+ }
2622
+
2623
+ .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
2624
+ height: 32px;
2625
+ min-height: 32px;
2626
+ }
2627
+
2628
+ .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
2629
+ font-size: 14px;
2630
+ line-height: 32px;
2631
+ }
2632
+
2633
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2634
+ .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2635
+ margin-top: -1.64em;
2636
+ right: 5px;
2637
+ }
2638
+
2639
+ .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
2640
+ .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2641
+ background-size: 300px 40px;
2642
+ min-height: 40px;
2643
+ }
2644
+
2645
+ .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
2646
+ .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2647
+ padding: 3px 12px 0 4px;
2648
+ }
2649
+
2650
+ .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2651
+ .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2652
+ .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2653
+ .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
2654
+ padding: 0;
2655
+ }
2656
+
2657
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
2658
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
2659
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2660
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
2661
+ padding: 11px 12px 0;
2662
+ }
2663
+
2664
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
2665
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
2666
+ padding: 19px 12px 0 16px;
2667
+ }
2668
+
2669
+ .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2670
+ padding-top: 3px;
2671
+ }
2672
+
2673
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
2674
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
2675
+ padding: 5px 0;
2676
+ }
2677
+
2678
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2679
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2680
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2681
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2682
+ height: 28px;
2683
+ }
2684
+
2685
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2686
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2687
+ height: 24px;
2688
+ }
2689
+
2690
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2691
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2692
+ height: 32px;
2693
+ }
2694
+
2695
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2696
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2697
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2698
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2699
+ height: 18px;
2700
+ }
2701
+
2702
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2703
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2704
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2705
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2706
+ .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2707
+ .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2708
+ .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2709
+ .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2710
+ margin: 8px 8px 0 0;
2711
+ padding: 0 8px;
2712
+ }
2713
+
2714
+ .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2715
+ .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2716
+ .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2717
+ .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2718
+ .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2719
+ .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2720
+ .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2721
+ .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2722
+ margin: 8px 0 0 8px;
2723
+ padding: 0 8px;
2724
+ }
2725
+
2726
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2727
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2728
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2729
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2730
+ padding-left: 8px;
2731
+ }
2732
+
2733
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2734
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2735
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2736
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2737
+ font-size: 13px;
2738
+ padding: 0 8px 0 0;
2739
+ }
2740
+
2741
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2742
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2743
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2744
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2745
+ font-size: 12px;
2746
+ padding: 0 4px 0 0;
2747
+ }
2748
+
2749
+ .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2750
+ .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2751
+ .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2752
+ .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2753
+ padding: 0 0 0 4px;
2754
+ }
2755
+
2756
+ .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2757
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2758
+ font-size: 13px;
2759
+ }
2760
+
2761
+ .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2762
+ .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2763
+ .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2764
+ .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2765
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2766
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2767
+ padding: 0 12px;
2768
+ }
2769
+
2770
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2771
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2772
+ padding-right: 8px;
2773
+ }
2774
+
2775
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2776
+ font-size: 18px;
2777
+ }
2778
+
2779
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2780
+ height: 26px;
2781
+ }
2782
+
2783
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2784
+ font-size: 14px;
2785
+ }
2786
+
2787
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2788
+ left: 6px;
2789
+ }
2790
+
2791
+ .e-bigger .e-multi-select-wrapper .e-chips {
2792
+ height: 30px;
2793
+ }
2794
+
2795
+ .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2796
+ .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2797
+ .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2798
+ .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2799
+ height: 20px;
2800
+ margin-top: -33px;
2801
+ right: 18px;
2802
+ width: 20px;
2803
+ }
2804
+
2805
+ .e-bigger.e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2806
+ .e-bigger.e-small .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2807
+ .e-bigger .e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2808
+ .e-small .e-bigger.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
2809
+ height: 20px;
2810
+ margin-top: -35px;
2811
+ right: 45px;
2812
+ width: 20px;
2813
+ }
2814
+
2815
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2816
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2817
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2818
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2819
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2820
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2821
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2822
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
2823
+ margin-top: -32px;
2824
+ }
2825
+
2826
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2827
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2828
+ height: 24px;
2829
+ width: 24px;
2830
+ }
2831
+
2832
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2833
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
2834
+ margin-top: -40px;
2835
+ }
2836
+
2837
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2838
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2839
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2840
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2841
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2842
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2843
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2844
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2845
+ margin-top: -32px;
2846
+ right: 40px;
2847
+ }
2848
+
2849
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2850
+ .e-bigger .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
2851
+ margin-top: -44px;
2852
+ }
2853
+
2854
+ .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
2855
+ .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
2856
+ height: 16px;
2857
+ width: 16px;
2858
+ }
2859
+
2860
+ .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
2861
+ .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
2862
+ .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
2863
+ .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
2864
+ content: "\e208";
2865
+ font-size: 16px;
2866
+ height: 16px;
2867
+ padding: 0;
2868
+ text-align: center;
2869
+ vertical-align: middle;
2870
+ width: 16px;
2871
+ }
2872
+
2873
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
2874
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
2875
+ font-size: 20px;
2876
+ height: 20px;
2877
+ width: 20px;
2798
2878
  }
2799
2879
 
2800
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2801
- -webkit-text-fill-color: var(--color-sf-content-text-color-disabled);
2802
- color: var(--color-sf-content-text-color-disabled);
2880
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2881
+ height: 28px;
2882
+ width: 28px;
2803
2883
  }
2804
2884
 
2805
2885
  .e-listbox-tool .e-moveup::before {
@@ -3285,93 +3365,6 @@ ejs-listbox {
3285
3365
  margin-left: 15px;
3286
3366
  }
3287
3367
 
3288
- .e-bigger .e-listbox-wrapper .e-list-item,
3289
- .e-listbox-wrapper.e-bigger .e-list-item,
3290
- .e-bigger .e-listbox-container .e-list-item,
3291
- .e-listbox-container.e-bigger .e-list-item {
3292
- border-bottom: 0 solid transparent;
3293
- border-left: 0 solid transparent;
3294
- border-right: 0 solid transparent;
3295
- border-top: 0 solid transparent;
3296
- }
3297
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3298
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
3299
- .e-bigger .e-listbox-wrapper .e-list-group-item,
3300
- .e-bigger .e-listbox-wrapper .e-list-header,
3301
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3302
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
3303
- .e-listbox-wrapper.e-bigger .e-list-group-item,
3304
- .e-listbox-wrapper.e-bigger .e-list-header,
3305
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3306
- .e-bigger .e-listbox-container .e-selectall-parent,
3307
- .e-bigger .e-listbox-container .e-list-group-item,
3308
- .e-bigger .e-listbox-container .e-list-header,
3309
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3310
- .e-listbox-container.e-bigger .e-selectall-parent,
3311
- .e-listbox-container.e-bigger .e-list-group-item,
3312
- .e-listbox-container.e-bigger .e-list-header {
3313
- padding: 9px 12px;
3314
- }
3315
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3316
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
3317
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3318
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
3319
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3320
- .e-bigger .e-listbox-container .e-selectall-parent,
3321
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3322
- .e-listbox-container.e-bigger .e-selectall-parent {
3323
- height: 40px;
3324
- line-height: 1.5;
3325
- position: relative;
3326
- }
3327
- .e-bigger .e-listbox-wrapper .e-list-parent,
3328
- .e-listbox-wrapper.e-bigger .e-list-parent,
3329
- .e-bigger .e-listbox-container .e-list-parent,
3330
- .e-listbox-container.e-bigger .e-list-parent {
3331
- min-height: 40px;
3332
- }
3333
- .e-bigger .e-listbox-wrapper .e-text-content,
3334
- .e-listbox-wrapper.e-bigger .e-text-content,
3335
- .e-bigger .e-listbox-container .e-text-content,
3336
- .e-listbox-container.e-bigger .e-text-content {
3337
- font-size: 16px;
3338
- }
3339
- .e-bigger .e-listbox-wrapper .e-list-group-item,
3340
- .e-listbox-wrapper.e-bigger .e-list-group-item,
3341
- .e-bigger .e-listbox-container .e-list-group-item,
3342
- .e-listbox-container.e-bigger .e-list-group-item {
3343
- height: 40px;
3344
- line-height: 21px;
3345
- }
3346
- .e-bigger .e-listbox-wrapper .e-list-header,
3347
- .e-listbox-wrapper.e-bigger .e-list-header,
3348
- .e-bigger .e-listbox-container .e-list-header,
3349
- .e-listbox-container.e-bigger .e-list-header {
3350
- -webkit-box-align: center;
3351
- -ms-flex-align: center;
3352
- align-items: center;
3353
- display: -webkit-box;
3354
- display: -ms-flexbox;
3355
- display: flex;
3356
- font-weight: 600;
3357
- height: 22px;
3358
- }
3359
- .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3360
- .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3361
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3362
- .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3363
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
3364
- .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3365
- .e-listbox-container.e-bigger .e-list-header .e-text.header,
3366
- .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3367
- display: none;
3368
- }
3369
- .e-bigger .e-listbox-wrapper .e-list-header .e-text,
3370
- .e-listbox-wrapper.e-bigger .e-list-header .e-text,
3371
- .e-bigger .e-listbox-container .e-list-header .e-text,
3372
- .e-listbox-container.e-bigger .e-list-header .e-text {
3373
- font-size: 14px;
3374
- }
3375
3368
  .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3376
3369
  .e-listbox-wrapper .e-list-nrt,
3377
3370
  .e-listbox-wrapper .e-selectall-parent,
@@ -3389,34 +3382,11 @@ ejs-listbox {
3389
3382
  border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
3390
3383
  }
3391
3384
 
3392
- .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
3393
- overflow: hidden;
3394
- white-space: nowrap;
3395
- text-overflow: ellipsis;
3396
- }
3397
-
3398
3385
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3399
3386
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3400
3387
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3401
3388
  }
3402
3389
 
3403
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3404
- height: calc(100% - 60px) !important; /* stylelint-disable-line declaration-no-important */
3405
- }
3406
-
3407
- .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3408
- height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3409
- }
3410
-
3411
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3412
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3413
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3414
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3415
- height: 100%;
3416
- }
3417
-
3418
- .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3419
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3420
3390
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3421
3391
  height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
3422
3392
  }
@@ -3425,24 +3395,10 @@ ejs-listbox {
3425
3395
  height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
3426
3396
  }
3427
3397
 
3428
- .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3429
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3430
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3431
- }
3432
-
3433
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3434
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3435
- height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3436
- }
3437
-
3438
3398
  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3439
3399
  height: calc(100% - 87.5px) !important; /* stylelint-disable-line declaration-no-important */
3440
3400
  }
3441
3401
 
3442
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3443
- height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
3444
- }
3445
-
3446
3402
  .e-listbox-wrapper,
3447
3403
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3448
3404
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3521,16 +3477,6 @@ ejs-listbox {
3521
3477
  color: var(--color-sf-content-text-color-selected);
3522
3478
  }
3523
3479
 
3524
- .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3525
- .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3526
- .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3527
- .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3528
- .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3529
- background-color: var(--color-sf-primary);
3530
- border-color: transparent;
3531
- color: var(--color-sf-primary-text-color);
3532
- }
3533
-
3534
3480
  .e-listbox-wrapper .e-list-group-item,
3535
3481
  .e-listbox-container .e-list-group-item,
3536
3482
  .e-listboxtool-wrapper .e-list-group-item {
@@ -3752,4 +3698,125 @@ ejs-listbox {
3752
3698
  height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3753
3699
  }
3754
3700
 
3701
+ .e-bigger .e-listbox-wrapper .e-list-item,
3702
+ .e-listbox-wrapper.e-bigger .e-list-item,
3703
+ .e-bigger .e-listbox-container .e-list-item,
3704
+ .e-listbox-container.e-bigger .e-list-item {
3705
+ border-bottom: 0 solid transparent;
3706
+ border-left: 0 solid transparent;
3707
+ border-right: 0 solid transparent;
3708
+ border-top: 0 solid transparent;
3709
+ }
3710
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3711
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
3712
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
3713
+ .e-bigger .e-listbox-wrapper .e-list-header,
3714
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3715
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
3716
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
3717
+ .e-listbox-wrapper.e-bigger .e-list-header,
3718
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3719
+ .e-bigger .e-listbox-container .e-selectall-parent,
3720
+ .e-bigger .e-listbox-container .e-list-group-item,
3721
+ .e-bigger .e-listbox-container .e-list-header,
3722
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3723
+ .e-listbox-container.e-bigger .e-selectall-parent,
3724
+ .e-listbox-container.e-bigger .e-list-group-item,
3725
+ .e-listbox-container.e-bigger .e-list-header {
3726
+ padding: 9px 12px;
3727
+ }
3728
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3729
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
3730
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3731
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
3732
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3733
+ .e-bigger .e-listbox-container .e-selectall-parent,
3734
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3735
+ .e-listbox-container.e-bigger .e-selectall-parent {
3736
+ height: 40px;
3737
+ line-height: 1.5;
3738
+ position: relative;
3739
+ }
3740
+ .e-bigger .e-listbox-wrapper .e-list-parent,
3741
+ .e-listbox-wrapper.e-bigger .e-list-parent,
3742
+ .e-bigger .e-listbox-container .e-list-parent,
3743
+ .e-listbox-container.e-bigger .e-list-parent {
3744
+ min-height: 40px;
3745
+ }
3746
+ .e-bigger .e-listbox-wrapper .e-text-content,
3747
+ .e-listbox-wrapper.e-bigger .e-text-content,
3748
+ .e-bigger .e-listbox-container .e-text-content,
3749
+ .e-listbox-container.e-bigger .e-text-content {
3750
+ font-size: 16px;
3751
+ }
3752
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
3753
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
3754
+ .e-bigger .e-listbox-container .e-list-group-item,
3755
+ .e-listbox-container.e-bigger .e-list-group-item {
3756
+ height: 40px;
3757
+ line-height: 21px;
3758
+ }
3759
+ .e-bigger .e-listbox-wrapper .e-list-header,
3760
+ .e-listbox-wrapper.e-bigger .e-list-header,
3761
+ .e-bigger .e-listbox-container .e-list-header,
3762
+ .e-listbox-container.e-bigger .e-list-header {
3763
+ -webkit-box-align: center;
3764
+ -ms-flex-align: center;
3765
+ align-items: center;
3766
+ display: -webkit-box;
3767
+ display: -ms-flexbox;
3768
+ display: flex;
3769
+ font-weight: 600;
3770
+ height: 22px;
3771
+ }
3772
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3773
+ .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3774
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3775
+ .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3776
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
3777
+ .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3778
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
3779
+ .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3780
+ display: none;
3781
+ }
3782
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text,
3783
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text,
3784
+ .e-bigger .e-listbox-container .e-list-header .e-text,
3785
+ .e-listbox-container.e-bigger .e-list-header .e-text {
3786
+ font-size: 14px;
3787
+ }
3788
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3789
+ height: calc(100% - 60px) !important; /* stylelint-disable-line declaration-no-important */
3790
+ }
3791
+
3792
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3793
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3794
+ }
3795
+
3796
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3797
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3798
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3799
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3800
+ height: 100%;
3801
+ }
3802
+
3803
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3804
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3805
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
3806
+ }
3807
+
3808
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3809
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3810
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3811
+ }
3812
+
3813
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3814
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3815
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3816
+ }
3817
+
3818
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3819
+ height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
3820
+ }
3821
+
3755
3822
  /* stylelint-disable-line no-empty-source */