@syncfusion/ej2-dropdowns 26.2.13 → 27.1.50

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 +1541 -841
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +1432 -709
  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 +14 -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 +73 -38
  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 +7 -2
  24. package/src/drop-down-base/drop-down-base.js +101 -69
  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 +11 -4
  27. package/src/drop-down-list/drop-down-list.js +303 -178
  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 +206 -68
  31. package/src/list-box/list-box.js +64 -24
  32. package/src/mention/mention.d.ts +8 -0
  33. package/src/mention/mention.js +87 -24
  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 +2755 -0
  60. package/styles/bootstrap-dark-lite.scss +28 -0
  61. package/styles/bootstrap-dark.css +655 -605
  62. package/styles/bootstrap-dark.scss +6 -1
  63. package/styles/bootstrap-lite.css +2754 -0
  64. package/styles/bootstrap-lite.scss +28 -0
  65. package/styles/bootstrap.css +661 -611
  66. package/styles/bootstrap.scss +6 -1
  67. package/styles/bootstrap4-lite.css +2858 -0
  68. package/styles/bootstrap4-lite.scss +28 -0
  69. package/styles/bootstrap4.css +831 -756
  70. package/styles/bootstrap4.scss +6 -1
  71. package/styles/bootstrap5-dark-lite.css +2832 -0
  72. package/styles/bootstrap5-dark-lite.scss +28 -0
  73. package/styles/bootstrap5-dark.css +702 -646
  74. package/styles/bootstrap5-dark.scss +6 -1
  75. package/styles/bootstrap5-lite.css +2832 -0
  76. package/styles/bootstrap5-lite.scss +28 -0
  77. package/styles/bootstrap5.3-lite.css +2826 -0
  78. package/styles/bootstrap5.3-lite.scss +28 -0
  79. package/styles/bootstrap5.3.css +3557 -0
  80. package/styles/bootstrap5.3.scss +33 -0
  81. package/styles/bootstrap5.css +702 -646
  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 +5 -0
  181. package/styles/drop-down-list/bootstrap-dark.css +91 -91
  182. package/styles/drop-down-list/bootstrap-dark.scss +1 -0
  183. package/styles/drop-down-list/bootstrap.css +91 -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 +90 -90
  194. package/styles/drop-down-list/fabric-dark.scss +1 -0
  195. package/styles/drop-down-list/fabric.css +90 -83
  196. package/styles/drop-down-list/fabric.scss +1 -0
  197. package/styles/drop-down-list/fluent-dark.css +74 -88
  198. package/styles/drop-down-list/fluent-dark.scss +1 -0
  199. package/styles/drop-down-list/fluent.css +74 -88
  200. package/styles/drop-down-list/fluent.scss +1 -0
  201. package/styles/drop-down-list/fluent2.css +77 -93
  202. package/styles/drop-down-list/fluent2.scss +1 -0
  203. package/styles/drop-down-list/highcontrast-light.css +79 -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 +74 -73
  208. package/styles/drop-down-list/material-dark.scss +1 -0
  209. package/styles/drop-down-list/material.css +95 -94
  210. package/styles/drop-down-list/material.scss +1 -0
  211. package/styles/drop-down-list/material3-dark.css +99 -98
  212. package/styles/drop-down-list/material3-dark.scss +1 -0
  213. package/styles/drop-down-list/material3.css +99 -98
  214. package/styles/drop-down-list/material3.scss +1 -0
  215. package/styles/drop-down-list/tailwind-dark.css +96 -78
  216. package/styles/drop-down-list/tailwind-dark.scss +1 -0
  217. package/styles/drop-down-list/tailwind.css +96 -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 +21 -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 +39 -55
  231. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -0
  232. package/styles/drop-down-tree/bootstrap5.3.css +463 -0
  233. package/styles/drop-down-tree/bootstrap5.3.scss +10 -0
  234. package/styles/drop-down-tree/bootstrap5.css +39 -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 +2733 -0
  263. package/styles/fabric-dark-lite.scss +28 -0
  264. package/styles/fabric-dark.css +668 -612
  265. package/styles/fabric-dark.scss +6 -1
  266. package/styles/fabric-lite.css +2734 -0
  267. package/styles/fabric-lite.scss +28 -0
  268. package/styles/fabric.css +673 -610
  269. package/styles/fabric.scss +6 -1
  270. package/styles/fluent-dark-lite.css +2869 -0
  271. package/styles/fluent-dark-lite.scss +28 -0
  272. package/styles/fluent-dark.css +707 -679
  273. package/styles/fluent-dark.scss +6 -1
  274. package/styles/fluent-lite.css +2869 -0
  275. package/styles/fluent-lite.scss +28 -0
  276. package/styles/fluent.css +707 -679
  277. package/styles/fluent.scss +6 -1
  278. package/styles/fluent2-lite.css +3053 -0
  279. package/styles/fluent2-lite.scss +28 -0
  280. package/styles/fluent2.css +746 -676
  281. package/styles/fluent2.scss +6 -1
  282. package/styles/highcontrast-light-lite.css +2850 -0
  283. package/styles/highcontrast-light-lite.scss +28 -0
  284. package/styles/highcontrast-light.css +655 -602
  285. package/styles/highcontrast-light.scss +6 -1
  286. package/styles/highcontrast-lite.css +2872 -0
  287. package/styles/highcontrast-lite.scss +28 -0
  288. package/styles/highcontrast.css +673 -620
  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 +16 -127
  295. package/styles/list-box/_theme.scss +14 -51
  296. package/styles/list-box/bootstrap-dark.css +124 -130
  297. package/styles/list-box/bootstrap-dark.scss +1 -0
  298. package/styles/list-box/bootstrap.css +130 -136
  299. package/styles/list-box/bootstrap.scss +1 -0
  300. package/styles/list-box/bootstrap4.css +174 -184
  301. package/styles/list-box/bootstrap4.scss +1 -0
  302. package/styles/list-box/bootstrap5-dark.css +130 -150
  303. package/styles/list-box/bootstrap5-dark.scss +1 -0
  304. package/styles/list-box/bootstrap5.3.css +952 -0
  305. package/styles/list-box/bootstrap5.3.scss +6 -0
  306. package/styles/list-box/bootstrap5.css +130 -150
  307. package/styles/list-box/bootstrap5.scss +1 -0
  308. package/styles/list-box/fabric-dark.css +124 -130
  309. package/styles/list-box/fabric-dark.scss +1 -0
  310. package/styles/list-box/fabric.css +130 -136
  311. package/styles/list-box/fabric.scss +1 -0
  312. package/styles/list-box/fluent-dark.css +130 -150
  313. package/styles/list-box/fluent-dark.scss +1 -0
  314. package/styles/list-box/fluent.css +130 -150
  315. package/styles/list-box/fluent.scss +1 -0
  316. package/styles/list-box/fluent2.css +124 -157
  317. package/styles/list-box/fluent2.scss +1 -0
  318. package/styles/list-box/highcontrast-light.css +124 -132
  319. package/styles/list-box/highcontrast-light.scss +1 -0
  320. package/styles/list-box/highcontrast.css +130 -138
  321. package/styles/list-box/highcontrast.scss +1 -0
  322. package/styles/list-box/material-dark.css +124 -129
  323. package/styles/list-box/material-dark.scss +1 -0
  324. package/styles/list-box/material.css +130 -135
  325. package/styles/list-box/material.scss +1 -0
  326. package/styles/list-box/material3-dark.css +124 -129
  327. package/styles/list-box/material3-dark.scss +1 -0
  328. package/styles/list-box/material3.css +124 -129
  329. package/styles/list-box/material3.scss +1 -0
  330. package/styles/list-box/tailwind-dark.css +140 -163
  331. package/styles/list-box/tailwind-dark.scss +1 -0
  332. package/styles/list-box/tailwind.css +140 -163
  333. package/styles/list-box/tailwind.scss +1 -0
  334. package/styles/material-dark-lite.css +3516 -0
  335. package/styles/material-dark-lite.scss +28 -0
  336. package/styles/material-dark.css +1301 -1190
  337. package/styles/material-dark.scss +6 -1
  338. package/styles/material-lite.css +3548 -0
  339. package/styles/material-lite.scss +28 -0
  340. package/styles/material.css +1312 -1201
  341. package/styles/material.scss +6 -1
  342. package/styles/material3-dark-lite.css +3462 -0
  343. package/styles/material3-dark-lite.scss +28 -0
  344. package/styles/material3-dark.css +1618 -1249
  345. package/styles/material3-dark.scss +6 -1
  346. package/styles/material3-lite.css +3464 -0
  347. package/styles/material3-lite.scss +28 -0
  348. package/styles/material3.css +1618 -1249
  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 +2816 -0
  432. package/styles/tailwind-dark-lite.scss +28 -0
  433. package/styles/tailwind-dark.css +933 -848
  434. package/styles/tailwind-dark.scss +6 -1
  435. package/styles/tailwind-lite.css +2816 -0
  436. package/styles/tailwind-lite.scss +28 -0
  437. package/styles/tailwind.css +933 -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,56 @@ 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
+ background: none;
940
+ }
941
+
942
+ .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
943
+ margin-left: -20px;
944
+ }
945
+
946
+ .e-bigger .e-ddl.e-popup .e-list-item {
947
+ font-size: 16px;
948
+ }
949
+ .e-bigger .e-ddl.e-popup .e-list-group-item {
950
+ font-size: 16px;
951
+ }
952
+ .e-bigger .e-ddl.e-popup .e-input-group {
953
+ padding: 4px 0;
954
+ }
955
+
956
+ .e-bigger.e-ddl.e-popup .e-list-item {
957
+ font-size: 16px;
958
+ }
959
+ .e-bigger.e-ddl.e-popup .e-list-group-item {
960
+ font-size: 16px;
961
+ }
962
+ .e-bigger.e-ddl.e-popup .e-input-group {
963
+ padding: 4px 0;
964
+ }
965
+
966
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item,
967
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
968
+ font-size: 14px;
969
+ }
970
+ .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
982
971
  .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
983
972
  font-size: 14px;
984
973
  }
@@ -992,13 +981,6 @@ ejs-dropdownlist {
992
981
  font-size: 14px;
993
982
  }
994
983
 
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
984
  .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl,
1003
985
  .e-bigger.e-content-placeholder.e-ddl.e-placeholder-ddl,
1004
986
  .e-bigger .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
@@ -1009,13 +991,39 @@ ejs-dropdownlist {
1009
991
  min-height: 40px;
1010
992
  }
1011
993
 
1012
- .e-popup {
994
+ .e-bigger .e-ddl.e-popup,
995
+ .e-bigger.e-ddl.e-popup {
996
+ border-radius: 8px;
997
+ margin-top: 8px;
998
+ }
999
+
1000
+ .e-bigger.e-small .e-ddl.e-popup,
1001
+ .e-small.e-bigger.e-ddl.e-popup {
1002
+ border-radius: 8px;
1003
+ margin-top: 6px;
1004
+ }
1005
+
1006
+ .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
1013
1007
  border-color: var(--color-sf-border-light);
1014
1008
  }
1015
1009
 
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);
1010
+ .e-bigger .e-popup.e-ddl-device-filter {
1011
+ margin-top: 0;
1012
+ }
1013
+
1014
+ .e-bigger .e-ddl-device .e-input-group,
1015
+ .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
1016
+ background: var(--color-sf-flyout-bg-color);
1017
+ border-width: 0;
1018
+ -webkit-box-shadow: none;
1019
+ box-shadow: none;
1020
+ margin-bottom: 0;
1021
+ }
1022
+
1023
+ .e-bigger .e-ddl-device .e-input-group .e-back-icon,
1024
+ .e-bigger .e-ddl-device .e-input-group input.e-input,
1025
+ .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
1026
+ background-color: var(--color-sf-flyout-bg-color);
1019
1027
  }
1020
1028
 
1021
1029
  /*! TreeView's theme wise override definitions and variables */
@@ -1119,7 +1127,8 @@ ejs-dropdownlist {
1119
1127
  text-align: center;
1120
1128
  }
1121
1129
  .e-ddt.e-show-chip .e-chips-close::before {
1122
- font-size: 16px;
1130
+ font-size: 10px;
1131
+ padding: 3px;
1123
1132
  }
1124
1133
  .e-ddt.e-show-chip .e-chips-close::before {
1125
1134
  vertical-align: middle;
@@ -1135,7 +1144,7 @@ ejs-dropdownlist {
1135
1144
  display: -ms-inline-flexbox;
1136
1145
  display: inline-flex;
1137
1146
  float: left;
1138
- height: 22px;
1147
+ height: 24px;
1139
1148
  margin: 3px 4px;
1140
1149
  max-width: calc(100% - 6px);
1141
1150
  overflow: hidden;
@@ -1332,6 +1341,41 @@ ejs-dropdownlist {
1332
1341
  display: none;
1333
1342
  }
1334
1343
 
1344
+ .e-ddt .e-chips {
1345
+ background-color: var(--color-sf-content-bg-color-alt2);
1346
+ }
1347
+ .e-ddt .e-chips .e-chips-close::before {
1348
+ color: var(--color-sf-icon-color);
1349
+ }
1350
+ .e-ddt .e-chips > .e-chipcontent {
1351
+ color: var(--color-sf-content-text-color);
1352
+ }
1353
+ .e-ddt .e-overflow .e-remain {
1354
+ color: var(--color-sf-content-text-color-alt3);
1355
+ }
1356
+ .e-ddt.e-input-group.e-control-wrapper:focus, .e-ddt.e-float-input.e-control-wrapper:focus {
1357
+ border-color: var(--color-sf-border-focus);
1358
+ }
1359
+ .e-ddt.e-input-group.e-control-wrapper:active, .e-ddt.e-float-input.e-control-wrapper:active {
1360
+ border-color: var(--color-sf-border-focus);
1361
+ }
1362
+ .e-ddt.e-popup {
1363
+ background: var(--color-sf-flyout-bg-color);
1364
+ border-color: var(--color-sf-border-light);
1365
+ }
1366
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1367
+ color: var(--color-sf-content-text-color);
1368
+ }
1369
+ .e-ddt.e-popup .e-selectall-parent {
1370
+ border-bottom-color: var(--color-sf-border-light);
1371
+ }
1372
+ .e-ddt.e-popup .e-selectall-parent:focus {
1373
+ background: var(--color-sf-content-bg-color-hover);
1374
+ }
1375
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1376
+ color: var(--color-sf-content-text-color);
1377
+ }
1378
+
1335
1379
  .e-bigger .e-ddt .e-chips,
1336
1380
  .e-ddt.e-bigger .e-chips {
1337
1381
  height: 30px;
@@ -1414,35 +1458,6 @@ ejs-dropdownlist {
1414
1458
  right: auto;
1415
1459
  }
1416
1460
 
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
1461
  /* stylelint-disable-line no-empty-source */
1447
1462
  /* stylelint-disable-line no-empty-source */
1448
1463
  .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
@@ -1466,11 +1481,6 @@ ejs-dropdownlist {
1466
1481
  width: 32px;
1467
1482
  }
1468
1483
 
1469
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1470
- height: 28px;
1471
- width: 28px;
1472
- }
1473
-
1474
1484
  .e-multi-select-wrapper .e-searcher input[type=text],
1475
1485
  .e-multi-select-wrapper .e-multi-searcher input[type=text] {
1476
1486
  color: var(--color-sf-content-text-color);
@@ -1502,37 +1512,15 @@ ejs-dropdownlist {
1502
1512
  }
1503
1513
 
1504
1514
  .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 {
1515
+ .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1510
1516
  height: 20px;
1511
1517
  margin-top: -33px;
1512
1518
  right: 18px;
1513
1519
  width: 20px;
1514
1520
  }
1515
1521
 
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
1522
  .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 {
1523
+ .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1536
1524
  margin-top: -32px;
1537
1525
  }
1538
1526
 
@@ -1543,50 +1531,12 @@ ejs-dropdownlist {
1543
1531
  width: 18px;
1544
1532
  }
1545
1533
 
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
1534
  .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1553
1535
  .e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1554
1536
  margin-top: -26px;
1555
1537
  }
1556
1538
 
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 {
1539
+ .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1590
1540
  content: "\e208";
1591
1541
  font-size: 16px;
1592
1542
  height: 16px;
@@ -1603,13 +1553,6 @@ ejs-dropdownlist {
1603
1553
  width: 14px;
1604
1554
  }
1605
1555
 
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
1556
  .e-multi-select-wrapper {
1614
1557
  -webkit-box-sizing: border-box;
1615
1558
  box-sizing: border-box;
@@ -1764,12 +1707,6 @@ ejs-dropdownlist {
1764
1707
  padding: 0 0 0 48px;
1765
1708
  }
1766
1709
 
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
1710
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1774
1711
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1775
1712
  opacity: 0.7;
@@ -1786,10 +1723,6 @@ ejs-dropdownlist {
1786
1723
  top: 15px;
1787
1724
  }
1788
1725
 
1789
- .e-bigger .e-multi-select-wrapper {
1790
- min-height: 36px;
1791
- }
1792
-
1793
1726
  .e-multi-select-wrapper.e-close-icon-hide {
1794
1727
  padding-right: 0;
1795
1728
  }
@@ -1823,10 +1756,6 @@ ejs-dropdownlist {
1823
1756
  white-space: nowrap;
1824
1757
  }
1825
1758
 
1826
- .e-bigger .e-multi-select-wrapper .e-chips {
1827
- margin: 3px;
1828
- }
1829
-
1830
1759
  .e-multi-select-wrapper .e-chips > .e-chipcontent {
1831
1760
  max-width: 100%;
1832
1761
  overflow: hidden;
@@ -1841,13 +1770,11 @@ ejs-dropdownlist {
1841
1770
  float: none;
1842
1771
  }
1843
1772
 
1844
- .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
1845
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1773
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1846
1774
  padding: 8px 4px 8px 0;
1847
1775
  }
1848
1776
 
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 {
1777
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1851
1778
  padding: 8px 0 8px 4px;
1852
1779
  }
1853
1780
 
@@ -1894,15 +1821,6 @@ ejs-dropdownlist {
1894
1821
  right: auto;
1895
1822
  }
1896
1823
 
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
1824
  .e-multi-select-wrapper input[type=text] {
1907
1825
  background: none;
1908
1826
  border: 0;
@@ -1934,20 +1852,9 @@ ejs-dropdownlist {
1934
1852
  padding: 5px;
1935
1853
  }
1936
1854
 
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
- /* stylelint-disable property-no-vendor-prefix */
1949
- .e-multi-select-wrapper input[type=text]::-ms-clear {
1950
- display: none;
1855
+ /* stylelint-disable property-no-vendor-prefix */
1856
+ .e-multi-select-wrapper input[type=text]::-ms-clear {
1857
+ display: none;
1951
1858
  }
1952
1859
 
1953
1860
  .e-multi-select-wrapper .e-searcher {
@@ -1960,23 +1867,11 @@ ejs-dropdownlist {
1960
1867
  width: calc(100% - 32px);
1961
1868
  }
1962
1869
 
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
1870
  .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1969
1871
  .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1970
1872
  width: calc(100% - 30px);
1971
1873
  }
1972
1874
 
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
1875
  .e-multi-select-wrapper .e-delim-values {
1981
1876
  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
1982
1877
  font-size: 14px;
@@ -1987,11 +1882,6 @@ ejs-dropdownlist {
1987
1882
  vertical-align: middle;
1988
1883
  }
1989
1884
 
1990
- .e-bigger .e-multi-select-wrapper .e-delim-values {
1991
- line-height: 36px;
1992
- padding-left: 10px;
1993
- }
1994
-
1995
1885
  .e-multi-select-list-wrapper .e-hide-listitem,
1996
1886
  .e-multi-select-list-wrapper .e-hide-group-header {
1997
1887
  display: none;
@@ -2118,10 +2008,6 @@ ejs-dropdownlist {
2118
2008
  padding-right: 25px;
2119
2009
  }
2120
2010
 
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
2011
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2126
2012
  bottom: 1px;
2127
2013
  margin-right: 8px;
@@ -2130,18 +2016,6 @@ ejs-dropdownlist {
2130
2016
  vertical-align: middle;
2131
2017
  }
2132
2018
 
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
2019
  .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
2146
2020
  margin-left: 12px;
2147
2021
  margin-right: 0;
@@ -2160,14 +2034,6 @@ ejs-dropdownlist {
2160
2034
  padding-right: 0;
2161
2035
  }
2162
2036
 
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
2037
  .e-multi-select-list-wrapper .e-selectall-parent {
2172
2038
  cursor: pointer;
2173
2039
  display: block;
@@ -2193,13 +2059,6 @@ ejs-dropdownlist {
2193
2059
  font-size: 14px;
2194
2060
  }
2195
2061
 
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
2062
  .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2204
2063
  bottom: 1px;
2205
2064
  margin-right: 8px;
@@ -2208,12 +2067,6 @@ ejs-dropdownlist {
2208
2067
  vertical-align: middle;
2209
2068
  }
2210
2069
 
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
2070
  .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
2218
2071
  margin-left: 12px;
2219
2072
  margin-right: 0;
@@ -2232,13 +2085,7 @@ ejs-dropdownlist {
2232
2085
  padding: 1px 0;
2233
2086
  }
2234
2087
 
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 {
2088
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2242
2089
  padding-left: 8px;
2243
2090
  }
2244
2091
 
@@ -2246,10 +2093,6 @@ ejs-dropdownlist {
2246
2093
  padding: 0 8px;
2247
2094
  }
2248
2095
 
2249
- .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
2250
- line-height: 36px;
2251
- }
2252
-
2253
2096
  .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
2254
2097
  line-height: 20px;
2255
2098
  padding-left: 10px;
@@ -2306,52 +2149,11 @@ ejs-multiselect {
2306
2149
  margin-top: -1.3em;
2307
2150
  }
2308
2151
 
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
2152
  .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2345
2153
  background-size: 300px 33px;
2346
2154
  min-height: 33px;
2347
2155
  }
2348
2156
 
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
2157
  .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2356
2158
  color: inherit;
2357
2159
  }
@@ -2367,24 +2169,11 @@ ejs-multiselect {
2367
2169
  padding: 0 12px 0 8px;
2368
2170
  }
2369
2171
 
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 {
2172
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper {
2380
2173
  padding: 0;
2381
2174
  }
2382
2175
 
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 {
2176
+ .e-filled.e-float-input .e-multi-select-wrapper {
2388
2177
  padding: 11px 12px 0;
2389
2178
  }
2390
2179
 
@@ -2393,35 +2182,15 @@ ejs-multiselect {
2393
2182
  padding: 12px 12px 0 8px;
2394
2183
  }
2395
2184
 
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
2185
  .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2406
2186
  .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2407
2187
  padding: 0;
2408
2188
  }
2409
2189
 
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 {
2190
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2420
2191
  height: 28px;
2421
2192
  }
2422
2193
 
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
2194
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2426
2195
  .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2427
2196
  .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
@@ -2430,54 +2199,22 @@ ejs-multiselect {
2430
2199
  height: 24px;
2431
2200
  }
2432
2201
 
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 {
2202
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2443
2203
  height: 18px;
2444
2204
  }
2445
2205
 
2446
2206
  .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 {
2207
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2456
2208
  margin: 8px 8px 0 0;
2457
2209
  padding: 0 8px;
2458
2210
  }
2459
2211
 
2460
2212
  .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 {
2213
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2470
2214
  margin: 8px 0 0 8px;
2471
2215
  padding: 0 8px;
2472
2216
  }
2473
2217
 
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
2218
  .e-small .e-filled .e-multi-select-wrapper .e-chips,
2482
2219
  .e-small.e-filled .e-multi-select-wrapper .e-chips {
2483
2220
  height: 16px;
@@ -2490,11 +2227,7 @@ ejs-multiselect {
2490
2227
  margin: 4px 0 0 4px;
2491
2228
  }
2492
2229
 
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 {
2230
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2498
2231
  font-size: 13px;
2499
2232
  padding: 0 8px 0 0;
2500
2233
  }
@@ -2504,20 +2237,12 @@ ejs-multiselect {
2504
2237
  font-size: 12px;
2505
2238
  }
2506
2239
 
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 {
2240
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2512
2241
  font-size: 12px;
2513
2242
  padding: 0 4px 0 0;
2514
2243
  }
2515
2244
 
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 {
2245
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2521
2246
  padding: 0 0 0 4px;
2522
2247
  }
2523
2248
 
@@ -2526,30 +2251,11 @@ ejs-multiselect {
2526
2251
  font-size: 10px;
2527
2252
  }
2528
2253
 
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
2254
  .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2535
2255
  font-size: 13px;
2536
2256
  padding-right: 4px;
2537
2257
  }
2538
2258
 
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
2259
  .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2554
2260
  .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2555
2261
  height: 38px;
@@ -2647,8 +2353,7 @@ ejs-multiselect {
2647
2353
  color: var(--color-sf-content-text-color);
2648
2354
  }
2649
2355
 
2650
- .e-multi-select-wrapper .e-chips.e-mob-chip,
2651
- .e-bigger .e-multi-select-wrapper .e-chips {
2356
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
2652
2357
  height: 30px;
2653
2358
  }
2654
2359
 
@@ -2681,6 +2386,7 @@ ejs-multiselect {
2681
2386
 
2682
2387
  .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
2683
2388
  color: var(--color-sf-content-text-color);
2389
+ color: var(--color-sf-flyout-text-color-selected);
2684
2390
  }
2685
2391
 
2686
2392
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
@@ -2689,6 +2395,7 @@ ejs-multiselect {
2689
2395
 
2690
2396
  .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2691
2397
  background-color: var(--color-sf-content-bg-color-hover);
2398
+ color: var(--color-sf-flyout-text-color-focus);
2692
2399
  }
2693
2400
 
2694
2401
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
@@ -2781,25 +2488,399 @@ ejs-multiselect {
2781
2488
  left: 6px;
2782
2489
  }
2783
2490
 
2784
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2785
- left: 6px;
2491
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2492
+ -webkit-text-fill-color: var(--color-sf-content-text-color-disabled);
2493
+ color: var(--color-sf-content-text-color-disabled);
2786
2494
  }
2787
2495
 
2788
- .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2789
- height: 26px;
2496
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
2497
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2498
+ margin-top: -2.1em;
2499
+ padding: 11px;
2790
2500
  }
2791
2501
 
2792
- .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2793
- font-size: 14px;
2502
+ .e-bigger .e-multi-select-wrapper {
2503
+ min-height: 36px;
2794
2504
  }
2795
2505
 
2796
- .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2797
- font-size: 18px;
2506
+ .e-bigger .e-multi-select-wrapper .e-chips {
2507
+ margin: 3px;
2508
+ }
2509
+
2510
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
2511
+ padding: 8px 4px 8px 0;
2512
+ }
2513
+
2514
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
2515
+ padding: 8px 0 8px 4px;
2516
+ }
2517
+
2518
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2519
+ margin-top: -2.3em;
2520
+ }
2521
+
2522
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
2523
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2524
+ margin-top: -2.5em;
2525
+ }
2526
+
2527
+ .e-bigger .e-multi-select-wrapper input[type=text],
2528
+ .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
2529
+ height: 28px;
2530
+ min-height: 28px;
2531
+ }
2532
+
2533
+ .e-bigger .e-multi-select-wrapper input[type=text] {
2534
+ height: 36px;
2535
+ min-height: 36px;
2536
+ }
2537
+
2538
+ .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2539
+ .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2540
+ width: calc(100% - 50px);
2541
+ }
2542
+
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-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2546
+ .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2547
+ width: calc(100% - 32px);
2548
+ }
2549
+
2550
+ .e-bigger .e-multi-select-wrapper .e-delim-values {
2551
+ line-height: 36px;
2552
+ padding-left: 10px;
2553
+ }
2554
+
2555
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
2556
+ padding-right: 25px;
2557
+ }
2558
+
2559
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
2560
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2561
+ bottom: 1px;
2562
+ margin-right: 12px;
2563
+ }
2564
+
2565
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
2566
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2567
+ bottom: 1px;
2568
+ margin-right: 12px;
2569
+ }
2570
+
2571
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
2572
+ padding-left: 16px;
2573
+ }
2574
+
2575
+ .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 {
2576
+ padding-left: 14px;
2577
+ }
2578
+
2579
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
2580
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
2581
+ font-size: 14px;
2582
+ line-height: 36px;
2583
+ text-indent: 16px;
2584
+ }
2585
+
2586
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
2587
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2588
+ bottom: 1px;
2589
+ margin-right: 12px;
2590
+ }
2591
+
2592
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2593
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
2594
+ padding: 0;
2595
+ }
2596
+
2597
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2598
+ padding-left: 8px;
2599
+ }
2600
+
2601
+ .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
2602
+ line-height: 36px;
2603
+ }
2604
+
2605
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2606
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2607
+ line-height: 32px;
2608
+ }
2609
+
2610
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2611
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2612
+ margin-top: -1.3em;
2613
+ }
2614
+
2615
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2616
+ height: 18px;
2617
+ width: 18px;
2618
+ }
2619
+
2620
+ .e-bigger.e-small .e-multi-select-wrapper {
2621
+ min-height: 28px;
2622
+ }
2623
+
2624
+ .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
2625
+ height: 32px;
2626
+ min-height: 32px;
2627
+ }
2628
+
2629
+ .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
2630
+ font-size: 14px;
2631
+ line-height: 32px;
2632
+ }
2633
+
2634
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2635
+ .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2636
+ margin-top: -1.64em;
2637
+ right: 5px;
2638
+ }
2639
+
2640
+ .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
2641
+ .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2642
+ background-size: 300px 40px;
2643
+ min-height: 40px;
2644
+ }
2645
+
2646
+ .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
2647
+ .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2648
+ padding: 3px 12px 0 4px;
2649
+ }
2650
+
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-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2654
+ .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
2655
+ padding: 0;
2656
+ }
2657
+
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-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2661
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
2662
+ padding: 11px 12px 0;
2663
+ }
2664
+
2665
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
2666
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
2667
+ padding: 19px 12px 0 16px;
2668
+ }
2669
+
2670
+ .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2671
+ padding-top: 3px;
2672
+ }
2673
+
2674
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
2675
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
2676
+ padding: 5px 0;
2677
+ }
2678
+
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-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2682
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2683
+ height: 28px;
2684
+ }
2685
+
2686
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2687
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2688
+ height: 24px;
2689
+ }
2690
+
2691
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2692
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2693
+ height: 32px;
2694
+ }
2695
+
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-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2699
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2700
+ height: 18px;
2701
+ }
2702
+
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-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2706
+ .e-small .e-bigger.e-filled.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-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2710
+ .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2711
+ margin: 8px 8px 0 0;
2712
+ padding: 0 8px;
2713
+ }
2714
+
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-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2718
+ .e-rtl.e-small .e-bigger.e-filled.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-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2722
+ .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2723
+ margin: 8px 0 0 8px;
2724
+ padding: 0 8px;
2725
+ }
2726
+
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-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2730
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2731
+ padding-left: 8px;
2732
+ }
2733
+
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-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2737
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2738
+ font-size: 13px;
2739
+ padding: 0 8px 0 0;
2740
+ }
2741
+
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-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2745
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2746
+ font-size: 12px;
2747
+ padding: 0 4px 0 0;
2748
+ }
2749
+
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-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2753
+ .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2754
+ padding: 0 0 0 4px;
2755
+ }
2756
+
2757
+ .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2758
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2759
+ font-size: 13px;
2760
+ }
2761
+
2762
+ .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2763
+ .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2764
+ .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2765
+ .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2766
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2767
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2768
+ padding: 0 12px;
2769
+ }
2770
+
2771
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2772
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2773
+ padding-right: 8px;
2774
+ }
2775
+
2776
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2777
+ font-size: 18px;
2778
+ }
2779
+
2780
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2781
+ height: 26px;
2782
+ }
2783
+
2784
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2785
+ font-size: 14px;
2786
+ }
2787
+
2788
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2789
+ left: 6px;
2790
+ }
2791
+
2792
+ .e-bigger .e-multi-select-wrapper .e-chips {
2793
+ height: 30px;
2794
+ }
2795
+
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-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2799
+ .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2800
+ height: 20px;
2801
+ margin-top: -33px;
2802
+ right: 18px;
2803
+ width: 20px;
2804
+ }
2805
+
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-bigger .e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2809
+ .e-small .e-bigger.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
2810
+ height: 20px;
2811
+ margin-top: -35px;
2812
+ right: 45px;
2813
+ width: 20px;
2814
+ }
2815
+
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-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2819
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .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-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2823
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
2824
+ margin-top: -32px;
2825
+ }
2826
+
2827
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2828
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2829
+ height: 24px;
2830
+ width: 24px;
2831
+ }
2832
+
2833
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2834
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
2835
+ margin-top: -40px;
2836
+ }
2837
+
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-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2841
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .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-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2845
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2846
+ margin-top: -32px;
2847
+ right: 40px;
2848
+ }
2849
+
2850
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2851
+ .e-bigger .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
2852
+ margin-top: -44px;
2853
+ }
2854
+
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
+ .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
2857
+ height: 16px;
2858
+ width: 16px;
2859
+ }
2860
+
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-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
2864
+ .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
2865
+ content: "\e208";
2866
+ font-size: 16px;
2867
+ height: 16px;
2868
+ padding: 0;
2869
+ text-align: center;
2870
+ vertical-align: middle;
2871
+ width: 16px;
2872
+ }
2873
+
2874
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
2875
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
2876
+ font-size: 20px;
2877
+ height: 20px;
2878
+ width: 20px;
2798
2879
  }
2799
2880
 
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);
2881
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2882
+ height: 28px;
2883
+ width: 28px;
2803
2884
  }
2804
2885
 
2805
2886
  .e-listbox-tool .e-moveup::before {
@@ -2849,8 +2930,10 @@ ejs-multiselect {
2849
2930
  -webkit-box-sizing: border-box;
2850
2931
  box-sizing: border-box;
2851
2932
  }
2852
- .e-listbox-wrapper:focus,
2933
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2934
+ .e-listbox-container .e-list-wrap:focus-visible,
2853
2935
  .e-listbox-container:focus,
2936
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2854
2937
  .e-listboxtool-wrapper:focus {
2855
2938
  outline: none;
2856
2939
  }
@@ -3285,93 +3368,6 @@ ejs-listbox {
3285
3368
  margin-left: 15px;
3286
3369
  }
3287
3370
 
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
3371
  .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3376
3372
  .e-listbox-wrapper .e-list-nrt,
3377
3373
  .e-listbox-wrapper .e-selectall-parent,
@@ -3389,34 +3385,11 @@ ejs-listbox {
3389
3385
  border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
3390
3386
  }
3391
3387
 
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
3388
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3399
3389
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3400
3390
  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3401
3391
  }
3402
3392
 
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
3393
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3421
3394
  height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
3422
3395
  }
@@ -3425,24 +3398,10 @@ ejs-listbox {
3425
3398
  height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
3426
3399
  }
3427
3400
 
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
3401
  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3439
3402
  height: calc(100% - 87.5px) !important; /* stylelint-disable-line declaration-no-important */
3440
3403
  }
3441
3404
 
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
3405
  .e-listbox-wrapper,
3447
3406
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3448
3407
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3521,16 +3480,6 @@ ejs-listbox {
3521
3480
  color: var(--color-sf-content-text-color-selected);
3522
3481
  }
3523
3482
 
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
3483
  .e-listbox-wrapper .e-list-group-item,
3535
3484
  .e-listbox-container .e-list-group-item,
3536
3485
  .e-listboxtool-wrapper .e-list-group-item {
@@ -3752,4 +3701,125 @@ ejs-listbox {
3752
3701
  height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
3753
3702
  }
3754
3703
 
3704
+ .e-bigger .e-listbox-wrapper .e-list-item,
3705
+ .e-listbox-wrapper.e-bigger .e-list-item,
3706
+ .e-bigger .e-listbox-container .e-list-item,
3707
+ .e-listbox-container.e-bigger .e-list-item {
3708
+ border-bottom: 0 solid transparent;
3709
+ border-left: 0 solid transparent;
3710
+ border-right: 0 solid transparent;
3711
+ border-top: 0 solid transparent;
3712
+ }
3713
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3714
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
3715
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
3716
+ .e-bigger .e-listbox-wrapper .e-list-header,
3717
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3718
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
3719
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
3720
+ .e-listbox-wrapper.e-bigger .e-list-header,
3721
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3722
+ .e-bigger .e-listbox-container .e-selectall-parent,
3723
+ .e-bigger .e-listbox-container .e-list-group-item,
3724
+ .e-bigger .e-listbox-container .e-list-header,
3725
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3726
+ .e-listbox-container.e-bigger .e-selectall-parent,
3727
+ .e-listbox-container.e-bigger .e-list-group-item,
3728
+ .e-listbox-container.e-bigger .e-list-header {
3729
+ padding: 9px 12px;
3730
+ }
3731
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3732
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
3733
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3734
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
3735
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3736
+ .e-bigger .e-listbox-container .e-selectall-parent,
3737
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3738
+ .e-listbox-container.e-bigger .e-selectall-parent {
3739
+ height: 40px;
3740
+ line-height: 1.5;
3741
+ position: relative;
3742
+ }
3743
+ .e-bigger .e-listbox-wrapper .e-list-parent,
3744
+ .e-listbox-wrapper.e-bigger .e-list-parent,
3745
+ .e-bigger .e-listbox-container .e-list-parent,
3746
+ .e-listbox-container.e-bigger .e-list-parent {
3747
+ min-height: 40px;
3748
+ }
3749
+ .e-bigger .e-listbox-wrapper .e-text-content,
3750
+ .e-listbox-wrapper.e-bigger .e-text-content,
3751
+ .e-bigger .e-listbox-container .e-text-content,
3752
+ .e-listbox-container.e-bigger .e-text-content {
3753
+ font-size: 16px;
3754
+ }
3755
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
3756
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
3757
+ .e-bigger .e-listbox-container .e-list-group-item,
3758
+ .e-listbox-container.e-bigger .e-list-group-item {
3759
+ height: 40px;
3760
+ line-height: 21px;
3761
+ }
3762
+ .e-bigger .e-listbox-wrapper .e-list-header,
3763
+ .e-listbox-wrapper.e-bigger .e-list-header,
3764
+ .e-bigger .e-listbox-container .e-list-header,
3765
+ .e-listbox-container.e-bigger .e-list-header {
3766
+ -webkit-box-align: center;
3767
+ -ms-flex-align: center;
3768
+ align-items: center;
3769
+ display: -webkit-box;
3770
+ display: -ms-flexbox;
3771
+ display: flex;
3772
+ font-weight: 600;
3773
+ height: 22px;
3774
+ }
3775
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3776
+ .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3777
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3778
+ .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3779
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
3780
+ .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3781
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
3782
+ .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3783
+ display: none;
3784
+ }
3785
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text,
3786
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text,
3787
+ .e-bigger .e-listbox-container .e-list-header .e-text,
3788
+ .e-listbox-container.e-bigger .e-list-header .e-text {
3789
+ font-size: 14px;
3790
+ }
3791
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3792
+ height: calc(100% - 60px) !important; /* stylelint-disable-line declaration-no-important */
3793
+ }
3794
+
3795
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3796
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3797
+ }
3798
+
3799
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3800
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3801
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3802
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3803
+ height: 100%;
3804
+ }
3805
+
3806
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3807
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3808
+ height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
3809
+ }
3810
+
3811
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3812
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3813
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3814
+ }
3815
+
3816
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3817
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3818
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3819
+ }
3820
+
3821
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3822
+ height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
3823
+ }
3824
+
3755
3825
  /* stylelint-disable-line no-empty-source */