@syncfusion/ej2-dropdowns 26.2.13 → 27.1.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (438) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +1541 -847
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +1434 -717
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +15 -13
  12. package/src/auto-complete/auto-complete-model.d.ts +1 -1
  13. package/src/auto-complete/auto-complete.d.ts +2 -0
  14. package/src/auto-complete/auto-complete.js +52 -22
  15. package/src/combo-box/combo-box-model.d.ts +12 -5
  16. package/src/combo-box/combo-box.d.ts +10 -4
  17. package/src/combo-box/combo-box.js +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 +6 -2
  24. package/src/drop-down-base/drop-down-base.js +100 -67
  25. package/src/drop-down-list/drop-down-list-model.d.ts +14 -7
  26. package/src/drop-down-list/drop-down-list.d.ts +11 -4
  27. package/src/drop-down-list/drop-down-list.js +299 -177
  28. package/src/drop-down-tree/drop-down-tree-model.d.ts +19 -0
  29. package/src/drop-down-tree/drop-down-tree.d.ts +26 -2
  30. package/src/drop-down-tree/drop-down-tree.js +205 -67
  31. package/src/list-box/list-box.js +72 -36
  32. package/src/mention/mention.d.ts +8 -0
  33. package/src/mention/mention.js +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 +2752 -0
  60. package/styles/bootstrap-dark-lite.scss +28 -0
  61. package/styles/bootstrap-dark.css +651 -604
  62. package/styles/bootstrap-dark.scss +6 -1
  63. package/styles/bootstrap-lite.css +2751 -0
  64. package/styles/bootstrap-lite.scss +28 -0
  65. package/styles/bootstrap.css +657 -610
  66. package/styles/bootstrap.scss +6 -1
  67. package/styles/bootstrap4-lite.css +2856 -0
  68. package/styles/bootstrap4-lite.scss +28 -0
  69. package/styles/bootstrap4.css +828 -755
  70. package/styles/bootstrap4.scss +6 -1
  71. package/styles/bootstrap5-dark-lite.css +2827 -0
  72. package/styles/bootstrap5-dark-lite.scss +28 -0
  73. package/styles/bootstrap5-dark.css +702 -651
  74. package/styles/bootstrap5-dark.scss +6 -1
  75. package/styles/bootstrap5-lite.css +2827 -0
  76. package/styles/bootstrap5-lite.scss +28 -0
  77. package/styles/bootstrap5.3-lite.css +2821 -0
  78. package/styles/bootstrap5.3-lite.scss +28 -0
  79. package/styles/bootstrap5.3.css +3552 -0
  80. package/styles/bootstrap5.3.scss +33 -0
  81. package/styles/bootstrap5.css +702 -651
  82. package/styles/bootstrap5.scss +6 -1
  83. package/styles/combo-box/bootstrap-dark.css +0 -50
  84. package/styles/combo-box/bootstrap.css +0 -50
  85. package/styles/combo-box/bootstrap4.css +0 -68
  86. package/styles/combo-box/bootstrap5-dark.css +0 -54
  87. package/styles/combo-box/bootstrap5.3.css +101 -0
  88. package/styles/combo-box/bootstrap5.3.scss +4 -0
  89. package/styles/combo-box/bootstrap5.css +0 -54
  90. package/styles/combo-box/fabric-dark.css +0 -49
  91. package/styles/combo-box/fabric.css +0 -42
  92. package/styles/combo-box/fluent-dark.css +0 -41
  93. package/styles/combo-box/fluent.css +0 -41
  94. package/styles/combo-box/fluent2.css +1 -36
  95. package/styles/combo-box/highcontrast-light.css +0 -37
  96. package/styles/combo-box/highcontrast.css +0 -37
  97. package/styles/combo-box/material-dark.css +0 -34
  98. package/styles/combo-box/material.css +0 -55
  99. package/styles/combo-box/material3-dark.css +0 -59
  100. package/styles/combo-box/material3.css +0 -59
  101. package/styles/combo-box/tailwind-dark.css +0 -35
  102. package/styles/combo-box/tailwind.css +0 -35
  103. package/styles/drop-down-base/_bds-definition.scss +0 -22
  104. package/styles/drop-down-base/_bigger.scss +195 -0
  105. package/styles/drop-down-base/_bootstrap-dark-definition.scss +0 -5
  106. package/styles/drop-down-base/_bootstrap-definition.scss +0 -5
  107. package/styles/drop-down-base/_bootstrap4-definition.scss +0 -9
  108. package/styles/drop-down-base/_bootstrap5-definition.scss +0 -19
  109. package/styles/drop-down-base/_bootstrap5.3-definition.scss +2 -21
  110. package/styles/drop-down-base/_fabric-dark-definition.scss +0 -5
  111. package/styles/drop-down-base/_fabric-definition.scss +0 -5
  112. package/styles/drop-down-base/_fluent-definition.scss +0 -19
  113. package/styles/drop-down-base/_fluent2-definition.scss +2 -23
  114. package/styles/drop-down-base/_fusionnew-definition.scss +0 -19
  115. package/styles/drop-down-base/_highcontrast-definition.scss +0 -9
  116. package/styles/drop-down-base/_highcontrast-light-definition.scss +0 -9
  117. package/styles/drop-down-base/_layout.scss +1 -57
  118. package/styles/drop-down-base/_material-dark-definition.scss +0 -4
  119. package/styles/drop-down-base/_material-definition.scss +0 -4
  120. package/styles/drop-down-base/_material3-definition.scss +0 -3
  121. package/styles/drop-down-base/_tailwind-definition.scss +0 -22
  122. package/styles/drop-down-base/_theme.scss +10 -91
  123. package/styles/drop-down-base/bootstrap-dark.css +75 -75
  124. package/styles/drop-down-base/bootstrap-dark.scss +1 -0
  125. package/styles/drop-down-base/bootstrap.css +75 -75
  126. package/styles/drop-down-base/bootstrap.scss +1 -0
  127. package/styles/drop-down-base/bootstrap4.css +79 -79
  128. package/styles/drop-down-base/bootstrap4.scss +1 -0
  129. package/styles/drop-down-base/bootstrap5-dark.css +89 -89
  130. package/styles/drop-down-base/bootstrap5-dark.scss +1 -0
  131. package/styles/drop-down-base/bootstrap5.3.css +411 -0
  132. package/styles/drop-down-base/bootstrap5.3.scss +4 -0
  133. package/styles/drop-down-base/bootstrap5.css +89 -89
  134. package/styles/drop-down-base/bootstrap5.scss +1 -0
  135. package/styles/drop-down-base/fabric-dark.css +75 -75
  136. package/styles/drop-down-base/fabric-dark.scss +1 -0
  137. package/styles/drop-down-base/fabric.css +75 -75
  138. package/styles/drop-down-base/fabric.scss +1 -0
  139. package/styles/drop-down-base/fluent-dark.css +101 -101
  140. package/styles/drop-down-base/fluent-dark.scss +1 -0
  141. package/styles/drop-down-base/fluent.css +101 -101
  142. package/styles/drop-down-base/fluent.scss +1 -0
  143. package/styles/drop-down-base/fluent2.css +97 -95
  144. package/styles/drop-down-base/fluent2.scss +1 -0
  145. package/styles/drop-down-base/highcontrast-light.css +75 -77
  146. package/styles/drop-down-base/highcontrast-light.scss +1 -0
  147. package/styles/drop-down-base/highcontrast.css +75 -77
  148. package/styles/drop-down-base/highcontrast.scss +1 -0
  149. package/styles/drop-down-base/material-dark.css +74 -74
  150. package/styles/drop-down-base/material-dark.scss +1 -0
  151. package/styles/drop-down-base/material.css +74 -74
  152. package/styles/drop-down-base/material.scss +1 -0
  153. package/styles/drop-down-base/material3-dark.css +74 -74
  154. package/styles/drop-down-base/material3-dark.scss +1 -0
  155. package/styles/drop-down-base/material3.css +74 -74
  156. package/styles/drop-down-base/material3.scss +1 -0
  157. package/styles/drop-down-base/tailwind-dark.css +135 -135
  158. package/styles/drop-down-base/tailwind-dark.scss +1 -0
  159. package/styles/drop-down-base/tailwind.css +135 -135
  160. package/styles/drop-down-base/tailwind.scss +1 -0
  161. package/styles/drop-down-list/_bds-definition.scss +0 -34
  162. package/styles/drop-down-list/_bigger.scss +713 -0
  163. package/styles/drop-down-list/_bootstrap-dark-definition.scss +0 -64
  164. package/styles/drop-down-list/_bootstrap-definition.scss +0 -64
  165. package/styles/drop-down-list/_bootstrap4-definition.scss +0 -81
  166. package/styles/drop-down-list/_bootstrap5-definition.scss +0 -67
  167. package/styles/drop-down-list/_bootstrap5.3-definition.scss +1 -67
  168. package/styles/drop-down-list/_fabric-dark-definition.scss +0 -57
  169. package/styles/drop-down-list/_fabric-definition.scss +0 -56
  170. package/styles/drop-down-list/_fluent-definition.scss +0 -57
  171. package/styles/drop-down-list/_fluent2-definition.scss +2 -35
  172. package/styles/drop-down-list/_fusionnew-definition.scss +0 -67
  173. package/styles/drop-down-list/_highcontrast-definition.scss +0 -60
  174. package/styles/drop-down-list/_highcontrast-light-definition.scss +0 -60
  175. package/styles/drop-down-list/_layout.scss +4 -82
  176. package/styles/drop-down-list/_material-dark-definition.scss +0 -33
  177. package/styles/drop-down-list/_material-definition.scss +0 -55
  178. package/styles/drop-down-list/_material3-definition.scss +0 -58
  179. package/styles/drop-down-list/_tailwind-definition.scss +0 -34
  180. package/styles/drop-down-list/_theme.scss +7 -0
  181. package/styles/drop-down-list/bootstrap-dark.css +90 -91
  182. package/styles/drop-down-list/bootstrap-dark.scss +1 -0
  183. package/styles/drop-down-list/bootstrap.css +90 -91
  184. package/styles/drop-down-list/bootstrap.scss +1 -0
  185. package/styles/drop-down-list/bootstrap4.css +105 -105
  186. package/styles/drop-down-list/bootstrap4.scss +1 -0
  187. package/styles/drop-down-list/bootstrap5-dark.css +87 -101
  188. package/styles/drop-down-list/bootstrap5-dark.scss +1 -0
  189. package/styles/drop-down-list/bootstrap5.3.css +481 -0
  190. package/styles/drop-down-list/bootstrap5.3.scss +10 -0
  191. package/styles/drop-down-list/bootstrap5.css +87 -101
  192. package/styles/drop-down-list/bootstrap5.scss +1 -0
  193. package/styles/drop-down-list/fabric-dark.css +89 -90
  194. package/styles/drop-down-list/fabric-dark.scss +1 -0
  195. package/styles/drop-down-list/fabric.css +89 -83
  196. package/styles/drop-down-list/fabric.scss +1 -0
  197. package/styles/drop-down-list/fluent-dark.css +73 -88
  198. package/styles/drop-down-list/fluent-dark.scss +1 -0
  199. package/styles/drop-down-list/fluent.css +73 -88
  200. package/styles/drop-down-list/fluent.scss +1 -0
  201. package/styles/drop-down-list/fluent2.css +76 -93
  202. package/styles/drop-down-list/fluent2.scss +1 -0
  203. package/styles/drop-down-list/highcontrast-light.css +78 -80
  204. package/styles/drop-down-list/highcontrast-light.scss +1 -0
  205. package/styles/drop-down-list/highcontrast.css +79 -80
  206. package/styles/drop-down-list/highcontrast.scss +1 -0
  207. package/styles/drop-down-list/material-dark.css +73 -73
  208. package/styles/drop-down-list/material-dark.scss +1 -0
  209. package/styles/drop-down-list/material.css +94 -94
  210. package/styles/drop-down-list/material.scss +1 -0
  211. package/styles/drop-down-list/material3-dark.css +98 -98
  212. package/styles/drop-down-list/material3-dark.scss +1 -0
  213. package/styles/drop-down-list/material3.css +98 -98
  214. package/styles/drop-down-list/material3.scss +1 -0
  215. package/styles/drop-down-list/tailwind-dark.css +95 -78
  216. package/styles/drop-down-list/tailwind-dark.scss +1 -0
  217. package/styles/drop-down-list/tailwind.css +95 -78
  218. package/styles/drop-down-list/tailwind.scss +1 -0
  219. package/styles/drop-down-tree/_bigger.scss +522 -0
  220. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +5 -5
  221. package/styles/drop-down-tree/_fluent2-definition.scss +5 -3
  222. package/styles/drop-down-tree/_layout.scss +15 -491
  223. package/styles/drop-down-tree/_theme.scss +16 -4
  224. package/styles/drop-down-tree/bootstrap-dark.css +32 -37
  225. package/styles/drop-down-tree/bootstrap-dark.scss +1 -0
  226. package/styles/drop-down-tree/bootstrap.css +32 -37
  227. package/styles/drop-down-tree/bootstrap.scss +1 -0
  228. package/styles/drop-down-tree/bootstrap4.css +38 -47
  229. package/styles/drop-down-tree/bootstrap4.scss +1 -0
  230. package/styles/drop-down-tree/bootstrap5-dark.css +36 -55
  231. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -0
  232. package/styles/drop-down-tree/bootstrap5.3.css +460 -0
  233. package/styles/drop-down-tree/bootstrap5.3.scss +10 -0
  234. package/styles/drop-down-tree/bootstrap5.css +36 -55
  235. package/styles/drop-down-tree/bootstrap5.scss +1 -0
  236. package/styles/drop-down-tree/fabric-dark.css +32 -37
  237. package/styles/drop-down-tree/fabric-dark.scss +1 -0
  238. package/styles/drop-down-tree/fabric.css +32 -37
  239. package/styles/drop-down-tree/fabric.scss +1 -0
  240. package/styles/drop-down-tree/fluent-dark.css +32 -51
  241. package/styles/drop-down-tree/fluent-dark.scss +1 -0
  242. package/styles/drop-down-tree/fluent.css +32 -51
  243. package/styles/drop-down-tree/fluent.scss +1 -0
  244. package/styles/drop-down-tree/fluent2.css +38 -53
  245. package/styles/drop-down-tree/fluent2.scss +1 -0
  246. package/styles/drop-down-tree/highcontrast-light.css +32 -39
  247. package/styles/drop-down-tree/highcontrast-light.scss +1 -0
  248. package/styles/drop-down-tree/highcontrast.css +41 -48
  249. package/styles/drop-down-tree/highcontrast.scss +1 -0
  250. package/styles/drop-down-tree/material-dark.css +32 -36
  251. package/styles/drop-down-tree/material-dark.scss +1 -0
  252. package/styles/drop-down-tree/material.css +32 -36
  253. package/styles/drop-down-tree/material.scss +1 -0
  254. package/styles/drop-down-tree/material3-dark.css +33 -37
  255. package/styles/drop-down-tree/material3-dark.scss +1 -0
  256. package/styles/drop-down-tree/material3.css +33 -37
  257. package/styles/drop-down-tree/material3.scss +1 -0
  258. package/styles/drop-down-tree/tailwind-dark.css +51 -73
  259. package/styles/drop-down-tree/tailwind-dark.scss +1 -0
  260. package/styles/drop-down-tree/tailwind.css +51 -73
  261. package/styles/drop-down-tree/tailwind.scss +1 -0
  262. package/styles/fabric-dark-lite.css +2730 -0
  263. package/styles/fabric-dark-lite.scss +28 -0
  264. package/styles/fabric-dark.css +657 -604
  265. package/styles/fabric-dark.scss +6 -1
  266. package/styles/fabric-lite.css +2731 -0
  267. package/styles/fabric-lite.scss +28 -0
  268. package/styles/fabric.css +667 -607
  269. package/styles/fabric.scss +6 -1
  270. package/styles/fluent-dark-lite.css +2866 -0
  271. package/styles/fluent-dark-lite.scss +28 -0
  272. package/styles/fluent-dark.css +703 -678
  273. package/styles/fluent-dark.scss +6 -1
  274. package/styles/fluent-lite.css +2866 -0
  275. package/styles/fluent-lite.scss +28 -0
  276. package/styles/fluent.css +703 -678
  277. package/styles/fluent.scss +6 -1
  278. package/styles/fluent2-lite.css +3050 -0
  279. package/styles/fluent2-lite.scss +28 -0
  280. package/styles/fluent2.css +739 -672
  281. package/styles/fluent2.scss +6 -1
  282. package/styles/highcontrast-light-lite.css +2847 -0
  283. package/styles/highcontrast-light-lite.scss +28 -0
  284. package/styles/highcontrast-light.css +652 -602
  285. package/styles/highcontrast-light.scss +6 -1
  286. package/styles/highcontrast-lite.css +2870 -0
  287. package/styles/highcontrast-lite.scss +28 -0
  288. package/styles/highcontrast.css +670 -619
  289. package/styles/highcontrast.scss +6 -1
  290. package/styles/list-box/_bigger.scss +173 -0
  291. package/styles/list-box/_bootstrap5-definition.scss +1 -0
  292. package/styles/list-box/_bootstrap5.3-definition.scss +17 -14
  293. package/styles/list-box/_fluent2-definition.scss +2 -0
  294. package/styles/list-box/_layout.scss +15 -127
  295. package/styles/list-box/_theme.scss +14 -51
  296. package/styles/list-box/bootstrap-dark.css +121 -129
  297. package/styles/list-box/bootstrap-dark.scss +1 -0
  298. package/styles/list-box/bootstrap.css +127 -135
  299. package/styles/list-box/bootstrap.scss +1 -0
  300. package/styles/list-box/bootstrap4.css +171 -183
  301. package/styles/list-box/bootstrap4.scss +1 -0
  302. package/styles/list-box/bootstrap5-dark.css +127 -149
  303. package/styles/list-box/bootstrap5-dark.scss +1 -0
  304. package/styles/list-box/bootstrap5.3.css +950 -0
  305. package/styles/list-box/bootstrap5.3.scss +6 -0
  306. package/styles/list-box/bootstrap5.css +127 -149
  307. package/styles/list-box/bootstrap5.scss +1 -0
  308. package/styles/list-box/fabric-dark.css +121 -129
  309. package/styles/list-box/fabric-dark.scss +1 -0
  310. package/styles/list-box/fabric.css +127 -135
  311. package/styles/list-box/fabric.scss +1 -0
  312. package/styles/list-box/fluent-dark.css +127 -149
  313. package/styles/list-box/fluent-dark.scss +1 -0
  314. package/styles/list-box/fluent.css +127 -149
  315. package/styles/list-box/fluent.scss +1 -0
  316. package/styles/list-box/fluent2.css +121 -156
  317. package/styles/list-box/fluent2.scss +1 -0
  318. package/styles/list-box/highcontrast-light.css +121 -131
  319. package/styles/list-box/highcontrast-light.scss +1 -0
  320. package/styles/list-box/highcontrast.css +127 -137
  321. package/styles/list-box/highcontrast.scss +1 -0
  322. package/styles/list-box/material-dark.css +121 -128
  323. package/styles/list-box/material-dark.scss +1 -0
  324. package/styles/list-box/material.css +127 -134
  325. package/styles/list-box/material.scss +1 -0
  326. package/styles/list-box/material3-dark.css +121 -128
  327. package/styles/list-box/material3-dark.scss +1 -0
  328. package/styles/list-box/material3.css +121 -128
  329. package/styles/list-box/material3.scss +1 -0
  330. package/styles/list-box/tailwind-dark.css +137 -162
  331. package/styles/list-box/tailwind-dark.scss +1 -0
  332. package/styles/list-box/tailwind.css +137 -162
  333. package/styles/list-box/tailwind.scss +1 -0
  334. package/styles/material-dark-lite.css +3513 -0
  335. package/styles/material-dark-lite.scss +28 -0
  336. package/styles/material-dark.css +1265 -1157
  337. package/styles/material-dark.scss +6 -1
  338. package/styles/material-lite.css +3545 -0
  339. package/styles/material-lite.scss +28 -0
  340. package/styles/material.css +1305 -1197
  341. package/styles/material.scss +6 -1
  342. package/styles/material3-dark-lite.css +3459 -0
  343. package/styles/material3-dark-lite.scss +28 -0
  344. package/styles/material3-dark.css +1614 -1248
  345. package/styles/material3-dark.scss +6 -1
  346. package/styles/material3-lite.css +3461 -0
  347. package/styles/material3-lite.scss +28 -0
  348. package/styles/material3.css +1614 -1248
  349. package/styles/material3.scss +6 -1
  350. package/styles/mention/bootstrap-dark.css +0 -5
  351. package/styles/mention/bootstrap.css +0 -5
  352. package/styles/mention/bootstrap4.css +0 -9
  353. package/styles/mention/bootstrap5-dark.css +0 -19
  354. package/styles/mention/bootstrap5.3.css +67 -0
  355. package/styles/mention/bootstrap5.3.scss +6 -0
  356. package/styles/mention/bootstrap5.css +0 -19
  357. package/styles/mention/fabric-dark.css +0 -5
  358. package/styles/mention/fabric.css +0 -5
  359. package/styles/mention/fluent-dark.css +0 -19
  360. package/styles/mention/fluent.css +0 -19
  361. package/styles/mention/fluent2.css +0 -22
  362. package/styles/mention/highcontrast-light.css +0 -7
  363. package/styles/mention/highcontrast.css +0 -7
  364. package/styles/mention/material-dark.css +0 -4
  365. package/styles/mention/material.css +0 -4
  366. package/styles/mention/material3-dark.css +0 -4
  367. package/styles/mention/material3.css +0 -4
  368. package/styles/mention/tailwind-dark.css +0 -22
  369. package/styles/mention/tailwind.css +0 -22
  370. package/styles/multi-select/_bds-definition.scss +0 -5
  371. package/styles/multi-select/_bigger.scss +2002 -0
  372. package/styles/multi-select/_bootstrap-dark-definition.scss +0 -9
  373. package/styles/multi-select/_bootstrap-definition.scss +0 -9
  374. package/styles/multi-select/_bootstrap4-definition.scss +0 -44
  375. package/styles/multi-select/_bootstrap5-definition.scss +0 -5
  376. package/styles/multi-select/_bootstrap5.3-definition.scss +0 -5
  377. package/styles/multi-select/_fabric-dark-definition.scss +2 -4
  378. package/styles/multi-select/_fabric-definition.scss +2 -4
  379. package/styles/multi-select/_fluent-definition.scss +0 -10
  380. package/styles/multi-select/_fluent2-definition.scss +2 -5
  381. package/styles/multi-select/_fusionnew-definition.scss +0 -5
  382. package/styles/multi-select/_highcontrast-definition.scss +1 -2
  383. package/styles/multi-select/_highcontrast-light-definition.scss +1 -2
  384. package/styles/multi-select/_layout.scss +33 -934
  385. package/styles/multi-select/_tailwind-definition.scss +0 -5
  386. package/styles/multi-select/_theme.scss +13 -34
  387. package/styles/multi-select/bootstrap-dark.css +314 -273
  388. package/styles/multi-select/bootstrap-dark.scss +1 -0
  389. package/styles/multi-select/bootstrap.css +314 -273
  390. package/styles/multi-select/bootstrap.scss +1 -0
  391. package/styles/multi-select/bootstrap4.css +405 -347
  392. package/styles/multi-select/bootstrap4.scss +1 -0
  393. package/styles/multi-select/bootstrap5-dark.css +350 -320
  394. package/styles/multi-select/bootstrap5-dark.scss +1 -0
  395. package/styles/multi-select/bootstrap5.3.css +1424 -0
  396. package/styles/multi-select/bootstrap5.3.scss +10 -0
  397. package/styles/multi-select/bootstrap5.css +350 -320
  398. package/styles/multi-select/bootstrap5.scss +1 -0
  399. package/styles/multi-select/fabric-dark.css +320 -273
  400. package/styles/multi-select/fabric-dark.scss +1 -0
  401. package/styles/multi-select/fabric.css +320 -273
  402. package/styles/multi-select/fabric.scss +1 -0
  403. package/styles/multi-select/fluent-dark.css +366 -361
  404. package/styles/multi-select/fluent-dark.scss +1 -0
  405. package/styles/multi-select/fluent.css +366 -361
  406. package/styles/multi-select/fluent.scss +1 -0
  407. package/styles/multi-select/fluent2.css +399 -355
  408. package/styles/multi-select/fluent2.scss +1 -0
  409. package/styles/multi-select/highcontrast-light.css +321 -278
  410. package/styles/multi-select/highcontrast-light.scss +1 -0
  411. package/styles/multi-select/highcontrast.css +321 -278
  412. package/styles/multi-select/highcontrast.scss +1 -0
  413. package/styles/multi-select/icons/_bootstrap4.scss +0 -9
  414. package/styles/multi-select/icons/_fluent.scss +0 -21
  415. package/styles/multi-select/icons/_fluent2.scss +5 -354
  416. package/styles/multi-select/icons/_material-dark.scss +5 -354
  417. package/styles/multi-select/icons/_material.scss +5 -354
  418. package/styles/multi-select/icons/_material3.scss +5 -354
  419. package/styles/multi-select/material-dark.css +960 -857
  420. package/styles/multi-select/material-dark.scss +1 -0
  421. package/styles/multi-select/material.css +960 -857
  422. package/styles/multi-select/material.scss +1 -0
  423. package/styles/multi-select/material3-dark.css +1277 -916
  424. package/styles/multi-select/material3-dark.scss +1 -0
  425. package/styles/multi-select/material3.css +1277 -916
  426. package/styles/multi-select/material3.scss +1 -0
  427. package/styles/multi-select/tailwind-dark.css +351 -327
  428. package/styles/multi-select/tailwind-dark.scss +1 -0
  429. package/styles/multi-select/tailwind.css +351 -327
  430. package/styles/multi-select/tailwind.scss +1 -0
  431. package/styles/tailwind-dark-lite.css +2813 -0
  432. package/styles/tailwind-dark-lite.scss +28 -0
  433. package/styles/tailwind-dark.css +930 -848
  434. package/styles/tailwind-dark.scss +6 -1
  435. package/styles/tailwind-lite.css +2813 -0
  436. package/styles/tailwind-lite.scss +28 -0
  437. package/styles/tailwind.css +930 -848
  438. package/styles/tailwind.scss +6 -1
@@ -2,15 +2,6 @@
2
2
  padding: 0 8px 0 0;
3
3
  }
4
4
 
5
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
6
- font-size: 16px;
7
- }
8
-
9
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
10
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
11
- padding: 0 12px 0 0;
12
- }
13
-
14
5
  .e-small .e-dropdownbase .e-list-item .e-list-icon {
15
6
  padding: 0 8px 0 0;
16
7
  }
@@ -21,28 +12,6 @@
21
12
  stroke-width: 1px;
22
13
  }
23
14
 
24
- .e-bigger .e-dropdownbase,
25
- .e-dropdownbase.e-bigger {
26
- min-height: 45px;
27
- }
28
- .e-bigger .e-dropdownbase .e-list-item,
29
- .e-dropdownbase.e-bigger .e-list-item {
30
- line-height: 48px;
31
- text-indent: 20px;
32
- }
33
-
34
- .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
35
- .e-dropdownbase.e-bigger .e-list-group-item,
36
- .e-dropdownbase.e-bigger .e-fixed-head {
37
- line-height: 48px;
38
- text-indent: 20px;
39
- }
40
-
41
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
42
- .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
43
- font-size: 20px;
44
- }
45
-
46
15
  .e-dropdownbase {
47
16
  display: block;
48
17
  height: 100%;
@@ -142,14 +111,6 @@
142
111
  padding-left: 30px;
143
112
  }
144
113
 
145
- .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
146
- padding-left: 30px;
147
- }
148
-
149
- .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
150
- padding-left: 30px;
151
- }
152
-
153
114
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
154
115
  text-indent: 0;
155
116
  }
@@ -179,14 +140,6 @@
179
140
  padding-left: 24px;
180
141
  padding-right: 0;
181
142
  }
182
- .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
183
- .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
184
- .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
185
- .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
186
- .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
187
- padding-left: 24px;
188
- padding-right: 0;
189
- }
190
143
  .e-dropdownbase {
191
144
  border-color: rgba(0, 0, 0, 0.15);
192
145
  }
@@ -241,11 +194,6 @@
241
194
  background-color: #f2f4f6;
242
195
  }
243
196
 
244
- .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
245
- font-size: 14px;
246
- padding-left: 20px;
247
- }
248
-
249
197
  .e-multi-column.e-ddl.e-popup.e-popup-open table {
250
198
  border-collapse: collapse;
251
199
  table-layout: fixed;
@@ -325,33 +273,6 @@
325
273
  font-size: 14px;
326
274
  }
327
275
 
328
- .e-bigger.e-small .e-dropdownbase .e-list-item,
329
- .e-dropdownbase.e-small.e-bigger .e-list-item {
330
- color: #212529;
331
- line-height: 34px;
332
- min-height: 34px;
333
- text-indent: 16px;
334
- }
335
-
336
- .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
337
- .e-dropdownbase.e-small.e-bigger .e-list-group-item,
338
- .e-dropdownbase.e-small.e-bigger .e-fixed-head {
339
- line-height: 34px;
340
- min-height: 34px;
341
- padding-left: 20px;
342
- }
343
-
344
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
345
- .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
346
- font-size: 18px;
347
- }
348
-
349
- .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
350
- .e-dropdownbase.e-bigger.e-small .e-list-group-item,
351
- .e-dropdownbase.e-bigger.e-small .e-fixed-head {
352
- font-size: 14px;
353
- }
354
-
355
276
  .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
356
277
  background-color: #fff;
357
278
  border-bottom: 1px;
@@ -384,6 +305,85 @@
384
305
  background-color: #f2f4f6;
385
306
  }
386
307
 
308
+ .e-bigger .e-dropdownbase,
309
+ .e-dropdownbase.e-bigger {
310
+ min-height: 45px;
311
+ }
312
+ .e-bigger .e-dropdownbase .e-list-item,
313
+ .e-dropdownbase.e-bigger .e-list-item {
314
+ line-height: 48px;
315
+ text-indent: 20px;
316
+ }
317
+
318
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
319
+ .e-dropdownbase.e-bigger .e-list-group-item,
320
+ .e-dropdownbase.e-bigger .e-fixed-head {
321
+ line-height: 48px;
322
+ text-indent: 20px;
323
+ }
324
+
325
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
326
+ .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
327
+ font-size: 20px;
328
+ }
329
+
330
+ .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
331
+ padding-left: 30px;
332
+ }
333
+
334
+ .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
335
+ padding-left: 30px;
336
+ }
337
+
338
+ .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
339
+ .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
340
+ .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
341
+ .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
342
+ .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
343
+ padding-left: 24px;
344
+ padding-right: 0;
345
+ }
346
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
347
+ font-size: 14px;
348
+ padding-left: 20px;
349
+ }
350
+
351
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
352
+ .e-dropdownbase.e-bigger.e-small .e-list-group-item,
353
+ .e-dropdownbase.e-bigger.e-small .e-fixed-head {
354
+ font-size: 14px;
355
+ }
356
+
357
+ .e-bigger.e-small .e-dropdownbase .e-list-item,
358
+ .e-dropdownbase.e-small.e-bigger .e-list-item {
359
+ color: #212529;
360
+ line-height: 34px;
361
+ min-height: 34px;
362
+ text-indent: 16px;
363
+ }
364
+
365
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
366
+ .e-dropdownbase.e-small.e-bigger .e-list-group-item,
367
+ .e-dropdownbase.e-small.e-bigger .e-fixed-head {
368
+ line-height: 34px;
369
+ min-height: 34px;
370
+ padding-left: 20px;
371
+ }
372
+
373
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
374
+ .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
375
+ font-size: 18px;
376
+ }
377
+
378
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
379
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
380
+ padding: 0 12px 0 0;
381
+ }
382
+
383
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
384
+ font-size: 16px;
385
+ }
386
+
387
387
  /* stylelint-disable property-no-vendor-prefix */
388
388
  /* stylelint-disable property-no-vendor-prefix */
389
389
  @-webkit-keyframes material-spinner-rotate {
@@ -453,41 +453,6 @@
453
453
  border: 0;
454
454
  }
455
455
 
456
- .e-bigger .e-popup.e-ddl-device-filter {
457
- margin-top: 0;
458
- }
459
-
460
- .e-bigger .e-popup.e-ddl .e-list-item {
461
- font-size: 16px;
462
- line-height: 32px;
463
- padding-left: 0;
464
- text-indent: 24px;
465
- }
466
-
467
- .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
468
- font-size: 14px;
469
- line-height: 32px;
470
- padding-left: 0;
471
- text-indent: 24px;
472
- }
473
-
474
- .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
475
- padding-left: 4px;
476
- }
477
-
478
- .e-bigger .e-popup.e-ddl .e-input-group {
479
- padding: 4px 0;
480
- }
481
-
482
- .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
483
- font-size: 16px;
484
- height: 36px;
485
- }
486
-
487
- .e-bigger .e-popup.e-ddl .e-dropdownbase {
488
- min-height: 40px;
489
- }
490
-
491
456
  .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
492
457
  .e-float-input.e-control-wrapper.e-ddl input[readonly] {
493
458
  background: transparent;
@@ -542,44 +507,11 @@
542
507
  font-size: 12px;
543
508
  }
544
509
 
545
- .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
546
- .e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
547
- font-size: 14px;
548
- }
549
-
550
510
  .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
551
511
  .e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
552
512
  font-size: 10px;
553
513
  }
554
514
 
555
- .e-small.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
556
- .e-small.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
557
- font-size: 12px;
558
- }
559
-
560
- .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
561
- font-size: 14px;
562
- line-height: 34px;
563
- padding-left: 0;
564
- text-indent: 16px;
565
- }
566
-
567
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
568
- padding-left: 4px;
569
- }
570
-
571
- .e-bigger.e-small .e-ddl.e-popup .e-input-group {
572
- padding: 4px 0;
573
- }
574
-
575
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
576
- height: 30px;
577
- }
578
-
579
- .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
580
- min-height: 34px;
581
- }
582
-
583
515
  .e-ddl .e-search-icon::before {
584
516
  content: "\e724";
585
517
  }
@@ -593,22 +525,6 @@
593
525
  font-family: "e-icons";
594
526
  }
595
527
 
596
- .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
597
- margin-left: -20px;
598
- }
599
-
600
- .e-bigger .e-ddl.e-popup .e-list-item {
601
- font-size: 16px;
602
- }
603
- .e-bigger .e-ddl.e-popup .e-list-group-item {
604
- font-size: 16px;
605
- }
606
- .e-bigger.e-ddl.e-popup .e-list-item {
607
- font-size: 16px;
608
- }
609
- .e-bigger.e-ddl.e-popup .e-list-group-item {
610
- font-size: 16px;
611
- }
612
528
  .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
613
529
  display: block;
614
530
  visibility: hidden;
@@ -795,29 +711,59 @@ ejs-dropdownlist {
795
711
  font-size: 13px;
796
712
  }
797
713
 
798
- .e-bigger.e-small .e-ddl.e-popup .e-list-item,
799
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
800
- font-size: 14px;
714
+ .e-content-placeholder.e-ddl.e-placeholder-ddl,
715
+ .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
716
+ .e-content-placeholder.e-combobox.e-placeholder-combobox {
717
+ background-size: 300px 33px;
718
+ min-height: 33px;
801
719
  }
802
- .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
803
- .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
804
- font-size: 14px;
720
+
721
+ .e-popup {
722
+ border-color: rgba(0, 0, 0, 0.15);
805
723
  }
806
724
 
807
- .e-bigger.e-small.e-ddl.e-popup .e-list-item,
725
+ .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
726
+ .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
727
+ color: #fff;
728
+ }
729
+
730
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
731
+ border-color: transparent;
732
+ background: none;
733
+ }
734
+
735
+ .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
736
+ margin-left: -20px;
737
+ }
738
+
739
+ .e-bigger .e-ddl.e-popup .e-list-item {
740
+ font-size: 16px;
741
+ }
742
+ .e-bigger .e-ddl.e-popup .e-list-group-item {
743
+ font-size: 16px;
744
+ }
745
+ .e-bigger.e-ddl.e-popup .e-list-item {
746
+ font-size: 16px;
747
+ }
748
+ .e-bigger.e-ddl.e-popup .e-list-group-item {
749
+ font-size: 16px;
750
+ }
751
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item,
808
752
  .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
809
753
  font-size: 14px;
810
754
  }
811
- .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
755
+ .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
812
756
  .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
813
757
  font-size: 14px;
814
758
  }
815
759
 
816
- .e-content-placeholder.e-ddl.e-placeholder-ddl,
817
- .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
818
- .e-content-placeholder.e-combobox.e-placeholder-combobox {
819
- background-size: 300px 33px;
820
- min-height: 33px;
760
+ .e-bigger.e-small.e-ddl.e-popup .e-list-item,
761
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
762
+ font-size: 14px;
763
+ }
764
+ .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
765
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
766
+ font-size: 14px;
821
767
  }
822
768
 
823
769
  .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl,
@@ -830,13 +776,76 @@ ejs-dropdownlist {
830
776
  min-height: 40px;
831
777
  }
832
778
 
833
- .e-popup {
834
- border-color: rgba(0, 0, 0, 0.15);
779
+ .e-bigger .e-popup.e-ddl .e-dropdownbase {
780
+ min-height: 40px;
835
781
  }
836
782
 
837
- .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
838
- .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
839
- color: #fff;
783
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
784
+ font-size: 14px;
785
+ line-height: 34px;
786
+ padding-left: 0;
787
+ text-indent: 16px;
788
+ }
789
+
790
+ .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
791
+ padding-left: 4px;
792
+ }
793
+
794
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group {
795
+ padding: 4px 0;
796
+ }
797
+
798
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
799
+ height: 30px;
800
+ }
801
+
802
+ .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
803
+ min-height: 34px;
804
+ }
805
+
806
+ .e-small.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
807
+ .e-small.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
808
+ font-size: 12px;
809
+ }
810
+
811
+ .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
812
+ .e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
813
+ font-size: 14px;
814
+ }
815
+
816
+ .e-bigger .e-popup.e-ddl-device-filter {
817
+ margin-top: 0;
818
+ }
819
+
820
+ .e-bigger .e-popup.e-ddl .e-list-item {
821
+ font-size: 16px;
822
+ line-height: 32px;
823
+ padding-left: 0;
824
+ text-indent: 24px;
825
+ }
826
+
827
+ .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
828
+ font-size: 14px;
829
+ line-height: 32px;
830
+ padding-left: 0;
831
+ text-indent: 24px;
832
+ }
833
+
834
+ .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
835
+ padding-left: 4px;
836
+ }
837
+
838
+ .e-bigger .e-popup.e-ddl .e-input-group {
839
+ padding: 4px 0;
840
+ }
841
+
842
+ .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
843
+ font-size: 16px;
844
+ height: 36px;
845
+ }
846
+
847
+ .e-bigger .e-popup.e-ddl .e-dropdownbase {
848
+ min-height: 40px;
840
849
  }
841
850
 
842
851
  /* stylelint-disable */
@@ -1149,6 +1158,44 @@ ejs-dropdownlist {
1149
1158
  display: none;
1150
1159
  }
1151
1160
 
1161
+ .e-ddt .e-chips {
1162
+ background-color: #6c757d;
1163
+ }
1164
+ .e-ddt .e-chips .e-chips-close::before {
1165
+ color: #fff;
1166
+ }
1167
+ .e-ddt .e-chips > .e-chipcontent {
1168
+ color: #fff;
1169
+ }
1170
+ .e-ddt .e-overflow {
1171
+ color: #6c757d;
1172
+ }
1173
+ .e-ddt .e-overflow .e-remain {
1174
+ color: #6c757d;
1175
+ }
1176
+ .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1177
+ background-color: #fff;
1178
+ }
1179
+ .e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
1180
+ background: #fff;
1181
+ }
1182
+ .e-ddt.e-popup {
1183
+ background: #fff;
1184
+ border-color: rgba(0, 0, 0, 0.15);
1185
+ }
1186
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1187
+ color: #212529;
1188
+ }
1189
+ .e-ddt.e-popup .e-selectall-parent {
1190
+ border-bottom-color: rgba(0, 0, 0, 0.15);
1191
+ }
1192
+ .e-ddt.e-popup .e-selectall-parent:focus {
1193
+ background: #f2f4f6;
1194
+ }
1195
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1196
+ color: #212529;
1197
+ }
1198
+
1152
1199
  .e-bigger .e-ddt .e-chips,
1153
1200
  .e-ddt.e-bigger .e-chips {
1154
1201
  height: 32px;
@@ -1236,44 +1283,6 @@ ejs-dropdownlist {
1236
1283
  right: auto;
1237
1284
  }
1238
1285
 
1239
- .e-ddt .e-chips {
1240
- background-color: #6c757d;
1241
- }
1242
- .e-ddt .e-chips .e-chips-close::before {
1243
- color: #fff;
1244
- }
1245
- .e-ddt .e-chips > .e-chipcontent {
1246
- color: #fff;
1247
- }
1248
- .e-ddt .e-overflow {
1249
- color: #6c757d;
1250
- }
1251
- .e-ddt .e-overflow .e-remain {
1252
- color: #6c757d;
1253
- }
1254
- .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1255
- background-color: #fff;
1256
- }
1257
- .e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
1258
- background: #fff;
1259
- }
1260
- .e-ddt.e-popup {
1261
- background: #fff;
1262
- border-color: rgba(0, 0, 0, 0.15);
1263
- }
1264
- .e-ddt.e-popup .e-popup-content.e-no-data {
1265
- color: #212529;
1266
- }
1267
- .e-ddt.e-popup .e-selectall-parent {
1268
- border-bottom-color: rgba(0, 0, 0, 0.15);
1269
- }
1270
- .e-ddt.e-popup .e-selectall-parent:focus {
1271
- background: #f2f4f6;
1272
- }
1273
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
1274
- color: #212529;
1275
- }
1276
-
1277
1286
  .e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
1278
1287
  font-size: 8px;
1279
1288
  }
@@ -1306,47 +1315,22 @@ ejs-dropdownlist {
1306
1315
  font-size: 12px;
1307
1316
  }
1308
1317
 
1309
- .e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
1310
- .e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1311
- font-size: 14px;
1312
- }
1313
-
1314
1318
  .e-small .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
1315
1319
  .e-small.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1316
1320
  font-size: 10px;
1317
1321
  }
1318
1322
 
1319
- .e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
1320
- .e-small.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1321
- font-size: 12px;
1322
- }
1323
-
1324
1323
  .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1325
1324
  border-left-width: 0;
1326
1325
  border-radius: 4px 0 0 4px;
1327
1326
  border-right-width: 1px;
1328
1327
  }
1329
1328
 
1330
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1331
- font-size: 14px;
1332
- }
1333
-
1334
- .e-bigger .e-multi-select-wrapper .e-chips-close {
1335
- height: 30px;
1336
- width: auto;
1337
- }
1338
-
1339
1329
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {
1340
1330
  -webkit-box-shadow: none;
1341
1331
  box-shadow: none;
1342
1332
  }
1343
1333
 
1344
- .e-bigger .e-ddl.e-popup .e-filter-parent .e-clear-icon {
1345
- display: -webkit-box;
1346
- display: -ms-flexbox;
1347
- display: flex;
1348
- }
1349
-
1350
1334
  .e-input-group.e-multiselect .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
1351
1335
  stroke-width: 1px;
1352
1336
  }
@@ -1355,10 +1339,6 @@ ejs-dropdownlist {
1355
1339
  margin: 1px 4px 1px 0;
1356
1340
  }
1357
1341
 
1358
- .e-small.e-bigger .e-multi-select-wrapper .e-chips {
1359
- margin: 2px 4px 2px 0;
1360
- }
1361
-
1362
1342
  .e-multiselect.e-float-input input[readonly],
1363
1343
  .e-multiselect.e-float-input.e-control-wrapper input[readonly] {
1364
1344
  background: transparent;
@@ -1368,33 +1348,12 @@ ejs-dropdownlist {
1368
1348
  top: 7px;
1369
1349
  }
1370
1350
 
1371
- .e-bigger .e-multiselect .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1372
- height: 36px;
1373
- margin-top: -3em;
1374
- right: 0;
1375
- }
1376
-
1377
- .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1378
- .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1379
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1380
- right: 34px;
1381
- }
1382
-
1383
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper .e-clear-icon {
1384
- height: 36px;
1385
- margin-top: -3.5em;
1386
- }
1387
-
1388
1351
  .e-multiselect.e-input-group .e-ddl-icon::before {
1389
1352
  content: "\e744";
1390
1353
  font-family: "e-icons";
1391
1354
  font-size: 8px;
1392
1355
  }
1393
1356
 
1394
- .e-bigger .e-multiselect.e-input-group .e-ddl-icon::before {
1395
- font-size: 10px;
1396
- }
1397
-
1398
1357
  .e-multi-select-wrapper .e-chips .e-chips-close::before {
1399
1358
  content: "\e745";
1400
1359
  cursor: pointer;
@@ -1412,11 +1371,6 @@ ejs-dropdownlist {
1412
1371
  top: 10px;
1413
1372
  }
1414
1373
 
1415
- .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
1416
- font-size: 12px;
1417
- top: 9px;
1418
- }
1419
-
1420
1374
  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
1421
1375
  content: "";
1422
1376
  }
@@ -1578,11 +1532,6 @@ ejs-dropdownlist {
1578
1532
  padding: 0 0 0 48px;
1579
1533
  }
1580
1534
 
1581
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1582
- .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1583
- margin-top: -2.25em;
1584
- }
1585
-
1586
1535
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1587
1536
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1588
1537
  opacity: 0.7;
@@ -1599,10 +1548,6 @@ ejs-dropdownlist {
1599
1548
  top: 15px;
1600
1549
  }
1601
1550
 
1602
- .e-bigger .e-multi-select-wrapper {
1603
- min-height: 36px;
1604
- }
1605
-
1606
1551
  .e-multi-select-wrapper.e-close-icon-hide {
1607
1552
  padding-right: 0;
1608
1553
  }
@@ -1636,10 +1581,6 @@ ejs-dropdownlist {
1636
1581
  white-space: nowrap;
1637
1582
  }
1638
1583
 
1639
- .e-bigger .e-multi-select-wrapper .e-chips {
1640
- margin: 4px 4px 4px 0;
1641
- }
1642
-
1643
1584
  .e-multi-select-wrapper .e-chips > .e-chipcontent {
1644
1585
  max-width: 100%;
1645
1586
  overflow: hidden;
@@ -1654,17 +1595,11 @@ ejs-dropdownlist {
1654
1595
  float: none;
1655
1596
  }
1656
1597
 
1657
- .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
1658
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1598
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1659
1599
  padding: 7px 12px 7px 12px;
1660
1600
  }
1661
1601
 
1662
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1663
- padding: 7px 8px 7px 12px;
1664
- }
1665
-
1666
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
1667
- .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
1602
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1668
1603
  padding: 7px 12px 7px 12px;
1669
1604
  }
1670
1605
 
@@ -1711,21 +1646,6 @@ ejs-dropdownlist {
1711
1646
  right: auto;
1712
1647
  }
1713
1648
 
1714
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1715
- margin-top: -3.5em;
1716
- }
1717
-
1718
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1719
- .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1720
- margin-top: -3.5em;
1721
- }
1722
-
1723
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1724
- .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker.e-multi-select-wrapper .e-chips-close.e-close-hooker {
1725
- font-size: 12px;
1726
- margin-top: -2.9em;
1727
- }
1728
-
1729
1649
  .e-multi-select-wrapper input[type=text] {
1730
1650
  background: none;
1731
1651
  border: 0;
@@ -1757,18 +1677,6 @@ ejs-dropdownlist {
1757
1677
  padding: 5px;
1758
1678
  }
1759
1679
 
1760
- .e-bigger .e-multi-select-wrapper input[type=text],
1761
- .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
1762
- height: 29px;
1763
- min-height: 29px;
1764
- }
1765
-
1766
- .e-bigger .e-multi-select-wrapper input[type=text] {
1767
- font-size: 16px;
1768
- height: 36px;
1769
- min-height: 36px;
1770
- }
1771
-
1772
1680
  /* stylelint-disable property-no-vendor-prefix */
1773
1681
  .e-multi-select-wrapper input[type=text]::-ms-clear {
1774
1682
  display: none;
@@ -1784,23 +1692,11 @@ ejs-dropdownlist {
1784
1692
  width: calc(100% - 34px);
1785
1693
  }
1786
1694
 
1787
- .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1788
- .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1789
- width: calc(100% - 44px);
1790
- }
1791
-
1792
1695
  .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1793
1696
  .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1794
1697
  width: calc(100% - 34px);
1795
1698
  }
1796
1699
 
1797
- .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1798
- .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1799
- .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1800
- .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1801
- width: calc(100% - 45px);
1802
- }
1803
-
1804
1700
  .e-multi-select-wrapper .e-delim-values {
1805
1701
  font-family: inherit;
1806
1702
  font-size: 14px;
@@ -1811,15 +1707,6 @@ ejs-dropdownlist {
1811
1707
  vertical-align: middle;
1812
1708
  }
1813
1709
 
1814
- .e-bigger .e-multi-select-wrapper .e-delim-values {
1815
- line-height: 36px;
1816
- padding-left: 6px;
1817
- }
1818
-
1819
- .e-bigger .e-multi-select-wrapper .e-delim-values .e-remain {
1820
- padding-left: 12px;
1821
- }
1822
-
1823
1710
  .e-multi-select-list-wrapper .e-hide-listitem,
1824
1711
  .e-multi-select-list-wrapper .e-hide-group-header {
1825
1712
  display: none;
@@ -1946,10 +1833,6 @@ ejs-dropdownlist {
1946
1833
  padding-right: 29px;
1947
1834
  }
1948
1835
 
1949
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
1950
- padding-right: 5px;
1951
- }
1952
-
1953
1836
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1954
1837
  bottom: 1px;
1955
1838
  margin-right: 8px;
@@ -1958,18 +1841,6 @@ ejs-dropdownlist {
1958
1841
  vertical-align: middle;
1959
1842
  }
1960
1843
 
1961
- .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
1962
- .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1963
- bottom: 1px;
1964
- margin-right: 12px;
1965
- }
1966
-
1967
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
1968
- .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1969
- bottom: 1px;
1970
- margin-right: 12px;
1971
- }
1972
-
1973
1844
  .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
1974
1845
  margin-left: 12px;
1975
1846
  margin-right: 0;
@@ -1988,14 +1859,6 @@ ejs-dropdownlist {
1988
1859
  padding-right: 0;
1989
1860
  }
1990
1861
 
1991
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
1992
- padding-left: 24px;
1993
- }
1994
-
1995
- .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 {
1996
- padding-left: 20px;
1997
- }
1998
-
1999
1862
  .e-multi-select-list-wrapper .e-selectall-parent {
2000
1863
  cursor: pointer;
2001
1864
  display: block;
@@ -2021,13 +1884,6 @@ ejs-dropdownlist {
2021
1884
  font-size: 14px;
2022
1885
  }
2023
1886
 
2024
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
2025
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
2026
- font-size: 14px;
2027
- line-height: 40px;
2028
- text-indent: 25px;
2029
- }
2030
-
2031
1887
  .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2032
1888
  bottom: 1px;
2033
1889
  margin-right: 8px;
@@ -2036,12 +1892,6 @@ ejs-dropdownlist {
2036
1892
  vertical-align: middle;
2037
1893
  }
2038
1894
 
2039
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
2040
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2041
- bottom: 1px;
2042
- margin-right: 12px;
2043
- }
2044
-
2045
1895
  .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
2046
1896
  margin-left: 12px;
2047
1897
  margin-right: 0;
@@ -2066,13 +1916,7 @@ ejs-dropdownlist {
2066
1916
  padding: 8px;
2067
1917
  }
2068
1918
 
2069
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2070
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
2071
- padding: 0;
2072
- }
2073
-
2074
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon,
2075
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
1919
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2076
1920
  padding-left: 8px;
2077
1921
  }
2078
1922
 
@@ -2080,10 +1924,6 @@ ejs-dropdownlist {
2080
1924
  padding: 0;
2081
1925
  }
2082
1926
 
2083
- .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
2084
- line-height: 36px;
2085
- }
2086
-
2087
1927
  .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
2088
1928
  line-height: 20px;
2089
1929
  padding-left: 10px;
@@ -2149,57 +1989,11 @@ ejs-multiselect {
2149
1989
  padding: 0 8px 0 8px;
2150
1990
  }
2151
1991
 
2152
- .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2153
- .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2154
- line-height: 34px;
2155
- }
2156
-
2157
- .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2158
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2159
- margin-top: -2.85em;
2160
- }
2161
-
2162
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2163
- height: 24px;
2164
- width: auto;
2165
- margin: 3px 10px 10px 0;
2166
- }
2167
-
2168
- .e-bigger.e-small .e-multi-select-wrapper {
2169
- min-height: 30px;
2170
- }
2171
-
2172
- .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
2173
- height: 34px;
2174
- min-height: 34px;
2175
- }
2176
-
2177
- .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
2178
- font-size: 14px;
2179
- line-height: 34px;
2180
- }
2181
-
2182
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2183
- .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2184
- margin-top: -2.5em;
2185
- right: 0;
2186
- }
2187
-
2188
- .e-small.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
2189
- padding: 7px 8px 7px 12px;
2190
- }
2191
-
2192
1992
  .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2193
1993
  background-size: 300px 33px;
2194
1994
  min-height: 33px;
2195
1995
  }
2196
1996
 
2197
- .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
2198
- .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2199
- background-size: 300px 40px;
2200
- min-height: 40px;
2201
- }
2202
-
2203
1997
  .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2204
1998
  color: inherit;
2205
1999
  }
@@ -2215,24 +2009,11 @@ ejs-multiselect {
2215
2009
  padding: 0 12px 0 8px;
2216
2010
  }
2217
2011
 
2218
- .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
2219
- .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2220
- padding: 3px 12px 0 4px;
2221
- }
2222
-
2223
- .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2224
- .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2225
- .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2226
- .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2227
- .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
2012
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper {
2228
2013
  padding: 0;
2229
2014
  }
2230
2015
 
2231
- .e-filled.e-float-input .e-multi-select-wrapper,
2232
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
2233
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
2234
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2235
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
2016
+ .e-filled.e-float-input .e-multi-select-wrapper {
2236
2017
  padding: 11px 12px 0;
2237
2018
  }
2238
2019
 
@@ -2241,35 +2022,15 @@ ejs-multiselect {
2241
2022
  padding: 12px 12px 0 8px;
2242
2023
  }
2243
2024
 
2244
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
2245
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
2246
- padding: 19px 12px 0 16px;
2247
- }
2248
-
2249
- .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2250
- padding-top: 3px;
2251
- }
2252
-
2253
2025
  .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2254
2026
  .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2255
2027
  padding: 0;
2256
2028
  }
2257
2029
 
2258
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
2259
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
2260
- padding: 5px 0;
2261
- }
2262
-
2263
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2264
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2265
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2266
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2267
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2030
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2268
2031
  height: 28px;
2269
2032
  }
2270
2033
 
2271
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2272
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2273
2034
  .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2274
2035
  .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2275
2036
  .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
@@ -2278,54 +2039,22 @@ ejs-multiselect {
2278
2039
  height: 24px;
2279
2040
  }
2280
2041
 
2281
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2282
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2283
- height: 32px;
2284
- }
2285
-
2286
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2287
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2288
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2289
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2290
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2042
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2291
2043
  height: 18px;
2292
2044
  }
2293
2045
 
2294
2046
  .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2295
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2296
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2297
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2298
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2299
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2300
- .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2301
- .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2302
- .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2303
- .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2047
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2304
2048
  margin: 8px 8px 0 0;
2305
2049
  padding: 0 8px;
2306
2050
  }
2307
2051
 
2308
2052
  .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2309
- .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2310
- .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2311
- .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2312
- .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2313
- .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2314
- .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2315
- .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2316
- .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2317
- .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2053
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2318
2054
  margin: 8px 0 0 8px;
2319
2055
  padding: 0 8px;
2320
2056
  }
2321
2057
 
2322
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2323
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2324
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2325
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2326
- padding-left: 8px;
2327
- }
2328
-
2329
2058
  .e-small .e-filled .e-multi-select-wrapper .e-chips,
2330
2059
  .e-small.e-filled .e-multi-select-wrapper .e-chips {
2331
2060
  height: 16px;
@@ -2338,11 +2067,7 @@ ejs-multiselect {
2338
2067
  margin: 4px 0 0 4px;
2339
2068
  }
2340
2069
 
2341
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2342
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2343
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2344
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2345
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2070
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2346
2071
  font-size: 13px;
2347
2072
  padding: 0 8px 0 0;
2348
2073
  }
@@ -2352,20 +2077,12 @@ ejs-multiselect {
2352
2077
  font-size: 12px;
2353
2078
  }
2354
2079
 
2355
- .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2356
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2357
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2358
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2359
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2080
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2360
2081
  font-size: 12px;
2361
2082
  padding: 0 4px 0 0;
2362
2083
  }
2363
2084
 
2364
- .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2365
- .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2366
- .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2367
- .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2368
- .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2085
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2369
2086
  padding: 0 0 0 4px;
2370
2087
  }
2371
2088
 
@@ -2374,30 +2091,11 @@ ejs-multiselect {
2374
2091
  font-size: 10px;
2375
2092
  }
2376
2093
 
2377
- .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2378
- .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2379
- font-size: 13px;
2380
- }
2381
-
2382
2094
  .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2383
2095
  font-size: 13px;
2384
2096
  padding-right: 4px;
2385
2097
  }
2386
2098
 
2387
- .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2388
- .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2389
- .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2390
- .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2391
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2392
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2393
- padding: 0 12px;
2394
- }
2395
-
2396
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2397
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2398
- padding-right: 8px;
2399
- }
2400
-
2401
2099
  .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2402
2100
  .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2403
2101
  height: 38px;
@@ -2482,10 +2180,6 @@ ejs-multiselect {
2482
2180
  font-size: 8px;
2483
2181
  }
2484
2182
 
2485
- .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
2486
- font-size: 10px;
2487
- }
2488
-
2489
2183
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2490
2184
  background-color: #6c757d;
2491
2185
  border-radius: 4px;
@@ -2498,8 +2192,7 @@ ejs-multiselect {
2498
2192
  color: #fff;
2499
2193
  }
2500
2194
 
2501
- .e-multi-select-wrapper .e-chips.e-mob-chip,
2502
- .e-bigger .e-multi-select-wrapper .e-chips {
2195
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
2503
2196
  height: 28px;
2504
2197
  }
2505
2198
 
@@ -2648,16 +2341,312 @@ ejs-multiselect {
2648
2341
  left: 4px;
2649
2342
  }
2650
2343
 
2651
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2652
- left: 4px;
2344
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2345
+ -webkit-text-fill-color: #6c757d;
2346
+ color: #6c757d;
2653
2347
  }
2654
2348
 
2655
- .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2656
- height: 30px;
2349
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
2350
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2351
+ margin-top: -2.25em;
2352
+ }
2353
+
2354
+ .e-bigger .e-multi-select-wrapper {
2355
+ min-height: 36px;
2356
+ }
2357
+
2358
+ .e-bigger .e-multi-select-wrapper .e-chips {
2359
+ margin: 4px 4px 4px 0;
2360
+ }
2361
+
2362
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
2363
+ padding: 7px 8px 7px 12px;
2364
+ }
2365
+
2366
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
2367
+ padding: 7px 12px 7px 12px;
2368
+ }
2369
+
2370
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
2371
+ padding: 7px 12px 7px 12px;
2372
+ }
2373
+
2374
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2375
+ margin-top: -3.5em;
2376
+ }
2377
+
2378
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
2379
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2380
+ margin-top: -3.5em;
2381
+ }
2382
+
2383
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2384
+ .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker.e-multi-select-wrapper .e-chips-close.e-close-hooker {
2385
+ font-size: 12px;
2386
+ margin-top: -2.9em;
2387
+ }
2388
+
2389
+ .e-bigger .e-multi-select-wrapper input[type=text],
2390
+ .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
2391
+ height: 29px;
2392
+ min-height: 29px;
2393
+ }
2394
+
2395
+ .e-bigger .e-multi-select-wrapper input[type=text] {
2396
+ font-size: 16px;
2397
+ height: 36px;
2398
+ min-height: 36px;
2399
+ }
2400
+
2401
+ .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2402
+ .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2403
+ width: calc(100% - 44px);
2404
+ }
2405
+
2406
+ .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2407
+ .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2408
+ .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2409
+ .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2410
+ width: calc(100% - 45px);
2411
+ }
2412
+
2413
+ .e-bigger .e-multi-select-wrapper .e-delim-values {
2414
+ line-height: 36px;
2415
+ padding-left: 6px;
2416
+ }
2417
+
2418
+ .e-bigger .e-multi-select-wrapper .e-delim-values .e-remain {
2419
+ padding-left: 12px;
2420
+ }
2421
+
2422
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
2423
+ padding-right: 5px;
2424
+ }
2425
+
2426
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
2427
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2428
+ bottom: 1px;
2429
+ margin-right: 12px;
2430
+ }
2431
+
2432
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
2433
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2434
+ bottom: 1px;
2435
+ margin-right: 12px;
2436
+ }
2437
+
2438
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
2439
+ padding-left: 24px;
2440
+ }
2441
+
2442
+ .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 {
2443
+ padding-left: 20px;
2444
+ }
2445
+
2446
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
2447
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
2448
+ font-size: 14px;
2449
+ line-height: 40px;
2450
+ text-indent: 25px;
2451
+ }
2452
+
2453
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
2454
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2455
+ bottom: 1px;
2456
+ margin-right: 12px;
2457
+ }
2458
+
2459
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2460
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
2461
+ padding: 0;
2462
+ }
2463
+
2464
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2465
+ padding-left: 8px;
2466
+ }
2467
+
2468
+ .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
2469
+ line-height: 36px;
2470
+ }
2471
+
2472
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2473
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2474
+ line-height: 34px;
2475
+ }
2476
+
2477
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2478
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2479
+ margin-top: -2.85em;
2480
+ }
2481
+
2482
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2483
+ height: 24px;
2484
+ width: auto;
2485
+ margin: 3px 10px 10px 0;
2486
+ }
2487
+
2488
+ .e-bigger.e-small .e-multi-select-wrapper {
2489
+ min-height: 30px;
2490
+ }
2491
+
2492
+ .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
2493
+ height: 34px;
2494
+ min-height: 34px;
2495
+ }
2496
+
2497
+ .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
2498
+ font-size: 14px;
2499
+ line-height: 34px;
2500
+ }
2501
+
2502
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2503
+ .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2504
+ margin-top: -2.5em;
2505
+ right: 0;
2506
+ }
2507
+
2508
+ .e-small.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
2509
+ padding: 7px 8px 7px 12px;
2510
+ }
2511
+
2512
+ .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
2513
+ .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2514
+ background-size: 300px 40px;
2515
+ min-height: 40px;
2516
+ }
2517
+
2518
+ .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
2519
+ .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2520
+ padding: 3px 12px 0 4px;
2521
+ }
2522
+
2523
+ .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2524
+ .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2525
+ .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2526
+ .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
2527
+ padding: 0;
2528
+ }
2529
+
2530
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
2531
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
2532
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2533
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
2534
+ padding: 11px 12px 0;
2535
+ }
2536
+
2537
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
2538
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
2539
+ padding: 19px 12px 0 16px;
2540
+ }
2541
+
2542
+ .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2543
+ padding-top: 3px;
2544
+ }
2545
+
2546
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
2547
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
2548
+ padding: 5px 0;
2549
+ }
2550
+
2551
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2552
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2553
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2554
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2555
+ height: 28px;
2556
+ }
2557
+
2558
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2559
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2560
+ height: 24px;
2561
+ }
2562
+
2563
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2564
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2565
+ height: 32px;
2566
+ }
2567
+
2568
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2569
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2570
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2571
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2572
+ height: 18px;
2573
+ }
2574
+
2575
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2576
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2577
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2578
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2579
+ .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2580
+ .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2581
+ .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2582
+ .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2583
+ margin: 8px 8px 0 0;
2584
+ padding: 0 8px;
2585
+ }
2586
+
2587
+ .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2588
+ .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2589
+ .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2590
+ .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2591
+ .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2592
+ .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2593
+ .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2594
+ .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2595
+ margin: 8px 0 0 8px;
2596
+ padding: 0 8px;
2597
+ }
2598
+
2599
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2600
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2601
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2602
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2603
+ padding-left: 8px;
2604
+ }
2605
+
2606
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2607
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2608
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2609
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2610
+ font-size: 13px;
2611
+ padding: 0 8px 0 0;
2612
+ }
2613
+
2614
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2615
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2616
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2617
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2618
+ font-size: 12px;
2619
+ padding: 0 4px 0 0;
2657
2620
  }
2658
2621
 
2659
- .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2660
- font-size: 15px;
2622
+ .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2623
+ .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2624
+ .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2625
+ .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2626
+ padding: 0 0 0 4px;
2627
+ }
2628
+
2629
+ .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2630
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2631
+ font-size: 13px;
2632
+ }
2633
+
2634
+ .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2635
+ .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2636
+ .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2637
+ .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2638
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2639
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2640
+ padding: 0 12px;
2641
+ }
2642
+
2643
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2644
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2645
+ padding-right: 8px;
2646
+ }
2647
+
2648
+ .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
2649
+ font-size: 10px;
2661
2650
  }
2662
2651
 
2663
2652
  .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
@@ -2666,9 +2655,96 @@ ejs-multiselect {
2666
2655
  font-size: 10px;
2667
2656
  }
2668
2657
 
2669
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2670
- -webkit-text-fill-color: #6c757d;
2671
- color: #6c757d;
2658
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2659
+ height: 30px;
2660
+ }
2661
+
2662
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2663
+ font-size: 15px;
2664
+ }
2665
+
2666
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2667
+ left: 4px;
2668
+ }
2669
+
2670
+ .e-bigger .e-multi-select-wrapper .e-chips {
2671
+ height: 28px;
2672
+ }
2673
+
2674
+ .e-bigger .e-multiselect.e-input-group .e-ddl-icon::before {
2675
+ font-size: 10px;
2676
+ }
2677
+
2678
+ .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
2679
+ font-size: 12px;
2680
+ top: 9px;
2681
+ }
2682
+
2683
+ .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before,
2684
+ .e-bigger.e-multi-select-wrapper .e-chips .e-chips-close::before {
2685
+ top: 1px;
2686
+ }
2687
+
2688
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2689
+ top: 4px;
2690
+ }
2691
+
2692
+ .e-small.e-bigger .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
2693
+ top: 5px;
2694
+ }
2695
+
2696
+ .e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2697
+ top: 11px;
2698
+ }
2699
+
2700
+ .e-bigger .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
2701
+ top: 11px;
2702
+ }
2703
+
2704
+ .e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
2705
+ .e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
2706
+ font-size: 14px;
2707
+ }
2708
+
2709
+ .e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
2710
+ .e-small.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
2711
+ font-size: 12px;
2712
+ }
2713
+
2714
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
2715
+ font-size: 14px;
2716
+ }
2717
+
2718
+ .e-bigger .e-multi-select-wrapper .e-chips-close {
2719
+ height: 30px;
2720
+ width: auto;
2721
+ }
2722
+
2723
+ .e-bigger .e-ddl.e-popup .e-filter-parent .e-clear-icon {
2724
+ display: -webkit-box;
2725
+ display: -ms-flexbox;
2726
+ display: flex;
2727
+ }
2728
+
2729
+ .e-small.e-bigger .e-multi-select-wrapper .e-chips {
2730
+ margin: 2px 4px 2px 0;
2731
+ }
2732
+
2733
+ .e-bigger .e-multiselect .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2734
+ height: 36px;
2735
+ margin-top: -3em;
2736
+ right: 0;
2737
+ }
2738
+
2739
+ .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2740
+ .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2741
+ .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
2742
+ right: 34px;
2743
+ }
2744
+
2745
+ .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper .e-clear-icon {
2746
+ height: 36px;
2747
+ margin-top: -3.5em;
2672
2748
  }
2673
2749
 
2674
2750
  .e-listbox-tool .e-moveup::before {
@@ -3096,172 +3172,35 @@ ejs-listbox {
3096
3172
  margin-left: 15px;
3097
3173
  }
3098
3174
  .e-listboxtool-wrapper.e-left .e-listbox-tool,
3099
- .e-listboxtool-container.e-left .e-listbox-tool {
3100
- margin-right: 15px;
3101
- }
3102
- .e-listboxtool-wrapper .e-listbox-tool,
3103
- .e-listboxtool-container .e-listbox-tool {
3104
- border: 1px solid #dee2e6;
3105
- overflow: auto;
3106
- padding: 8px;
3107
- }
3108
- .e-listboxtool-wrapper .e-listbox-tool .e-btn,
3109
- .e-listboxtool-container .e-listbox-tool .e-btn {
3110
- display: list-item;
3111
- list-style-type: none;
3112
- margin-bottom: 10px;
3113
- }
3114
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
3115
- .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
3116
- position: absolute;
3117
- right: 0;
3118
- top: 30%;
3119
- }
3120
-
3121
- .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
3122
- .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
3123
- margin-right: 15px;
3124
- }
3125
- .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
3126
- .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
3127
- margin-left: 15px;
3128
- }
3129
-
3130
- .e-bigger .e-listbox-wrapper,
3131
- .e-listbox-wrapper.e-bigger,
3132
- .e-bigger .e-listbox-container,
3133
- .e-listbox-container.e-bigger {
3134
- font-size: 16px;
3135
- }
3136
- .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3137
- .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
3138
- .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
3139
- .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
3140
- width: 85% !important; /* stylelint-disable-line declaration-no-important */
3141
- }
3142
- .e-bigger .e-listbox-wrapper .e-list-item,
3143
- .e-listbox-wrapper.e-bigger .e-list-item,
3144
- .e-bigger .e-listbox-container .e-list-item,
3145
- .e-listbox-container.e-bigger .e-list-item {
3146
- border-bottom: 1px solid rgba(0, 0, 0, 0.13);
3147
- border-left: 0 solid rgba(0, 0, 0, 0.13);
3148
- border-right: 0 solid rgba(0, 0, 0, 0.13);
3149
- border-top: 0 solid transparent;
3150
- }
3151
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3152
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
3153
- .e-bigger .e-listbox-wrapper .e-list-group-item,
3154
- .e-bigger .e-listbox-wrapper .e-list-header,
3155
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3156
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
3157
- .e-listbox-wrapper.e-bigger .e-list-group-item,
3158
- .e-listbox-wrapper.e-bigger .e-list-header,
3159
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3160
- .e-bigger .e-listbox-container .e-selectall-parent,
3161
- .e-bigger .e-listbox-container .e-list-group-item,
3162
- .e-bigger .e-listbox-container .e-list-header,
3163
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3164
- .e-listbox-container.e-bigger .e-selectall-parent,
3165
- .e-listbox-container.e-bigger .e-list-group-item,
3166
- .e-listbox-container.e-bigger .e-list-header {
3167
- padding: 12px 16px;
3168
- }
3169
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3170
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
3171
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3172
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
3173
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3174
- .e-bigger .e-listbox-container .e-selectall-parent,
3175
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3176
- .e-listbox-container.e-bigger .e-selectall-parent {
3177
- height: 50px;
3178
- line-height: 1.6;
3179
- position: relative;
3180
- padding: 12px 20px;
3181
- }
3182
- .e-bigger .e-listbox-wrapper .e-list-parent,
3183
- .e-listbox-wrapper.e-bigger .e-list-parent,
3184
- .e-bigger .e-listbox-container .e-list-parent,
3185
- .e-listbox-container.e-bigger .e-list-parent {
3186
- min-height: 50px;
3187
- }
3188
- .e-bigger .e-listbox-wrapper .e-text-content,
3189
- .e-listbox-wrapper.e-bigger .e-text-content,
3190
- .e-bigger .e-listbox-container .e-text-content,
3191
- .e-listbox-container.e-bigger .e-text-content {
3192
- font-size: 15px;
3193
- }
3194
- .e-bigger .e-listbox-wrapper .e-list-group-item,
3195
- .e-listbox-wrapper.e-bigger .e-list-group-item,
3196
- .e-bigger .e-listbox-container .e-list-group-item,
3197
- .e-listbox-container.e-bigger .e-list-group-item {
3198
- height: 50px;
3199
- line-height: 1.5;
3200
- font-size: 16px;
3201
- padding: 12px 20px;
3202
- }
3203
- .e-bigger .e-listbox-wrapper .e-list-header,
3204
- .e-listbox-wrapper.e-bigger .e-list-header,
3205
- .e-bigger .e-listbox-container .e-list-header,
3206
- .e-listbox-container.e-bigger .e-list-header {
3207
- -webkit-box-align: center;
3208
- -ms-flex-align: center;
3209
- align-items: center;
3210
- display: -webkit-box;
3211
- display: -ms-flexbox;
3212
- display: flex;
3213
- font-weight: bold;
3214
- height: 50px;
3215
- font-size: 20px;
3216
- line-height: 1.2;
3217
- padding: 0 0 0 20px;
3218
- }
3219
- .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3220
- .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3221
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3222
- .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3223
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
3224
- .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3225
- .e-listbox-container.e-bigger .e-list-header .e-text.header,
3226
- .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3227
- display: none;
3228
- }
3229
- .e-bigger .e-listbox-wrapper .e-list-header .e-text,
3230
- .e-listbox-wrapper.e-bigger .e-list-header .e-text,
3231
- .e-bigger .e-listbox-container .e-list-header .e-text,
3232
- .e-listbox-container.e-bigger .e-list-header .e-text {
3233
- font-size: 15px;
3175
+ .e-listboxtool-container.e-left .e-listbox-tool {
3176
+ margin-right: 15px;
3234
3177
  }
3235
- .e-bigger .e-listbox-wrapper .e-but-back,
3236
- .e-listbox-wrapper.e-bigger .e-but-back,
3237
- .e-bigger .e-listbox-container .e-but-back,
3238
- .e-listbox-container.e-bigger .e-but-back {
3239
- margin-top: -3px;
3240
- padding-right: 12px;
3178
+ .e-listboxtool-wrapper .e-listbox-tool,
3179
+ .e-listboxtool-container .e-listbox-tool {
3180
+ border: 1px solid #dee2e6;
3181
+ overflow: auto;
3182
+ padding: 8px;
3241
3183
  }
3242
- .e-bigger .e-listbox-wrapper .e-list-icon,
3243
- .e-listbox-wrapper.e-bigger .e-list-icon,
3244
- .e-bigger .e-listbox-container .e-list-icon,
3245
- .e-listbox-container.e-bigger .e-list-icon {
3246
- margin-right: 12px;
3184
+ .e-listboxtool-wrapper .e-listbox-tool .e-btn,
3185
+ .e-listboxtool-container .e-listbox-tool .e-btn {
3186
+ display: list-item;
3187
+ list-style-type: none;
3188
+ margin-bottom: 10px;
3247
3189
  }
3248
- .e-bigger .e-listbox-wrapper .e-icon-collapsible,
3249
- .e-listbox-wrapper.e-bigger .e-icon-collapsible,
3250
- .e-bigger .e-listbox-container .e-icon-collapsible,
3251
- .e-listbox-container.e-bigger .e-icon-collapsible {
3252
- font-size: 12px;
3190
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
3191
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
3192
+ position: absolute;
3193
+ right: 0;
3194
+ top: 30%;
3253
3195
  }
3254
- .e-bigger .e-listbox-wrapper .e-checkbox-wrapper,
3255
- .e-listbox-wrapper.e-bigger .e-checkbox-wrapper,
3256
- .e-bigger .e-listbox-container .e-checkbox-wrapper,
3257
- .e-listbox-container.e-bigger .e-checkbox-wrapper {
3258
- margin: 0 12px 0 0;
3196
+
3197
+ .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
3198
+ .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
3199
+ margin-right: 15px;
3259
3200
  }
3260
- .e-bigger .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
3261
- .e-listbox-wrapper.e-bigger.e-rtl .e-checkbox-wrapper,
3262
- .e-bigger .e-listbox-container.e-rtl .e-checkbox-wrapper,
3263
- .e-listbox-container.e-bigger.e-rtl .e-checkbox-wrapper {
3264
- margin: 0 0 0 12px;
3201
+ .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
3202
+ .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
3203
+ margin-left: 15px;
3265
3204
  }
3266
3205
 
3267
3206
  .e-listbox-wrapper:not(.e-list-template) .e-list-item,
@@ -3279,34 +3218,11 @@ ejs-listbox {
3279
3218
  position: relative;
3280
3219
  }
3281
3220
 
3282
- .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
3283
- overflow: hidden;
3284
- white-space: nowrap;
3285
- text-overflow: ellipsis;
3286
- }
3287
-
3288
3221
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3289
3222
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3290
3223
  height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
3291
3224
  }
3292
3225
 
3293
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3294
- height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3295
- }
3296
-
3297
- .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3298
- height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3299
- }
3300
-
3301
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3302
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3303
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3304
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3305
- height: 100%;
3306
- }
3307
-
3308
- .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3309
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3310
3226
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3311
3227
  height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3312
3228
  }
@@ -3315,24 +3231,10 @@ ejs-listbox {
3315
3231
  height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3316
3232
  }
3317
3233
 
3318
- .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3319
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3320
- height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3321
- }
3322
-
3323
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3324
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3325
- height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3326
- }
3327
-
3328
3234
  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3329
3235
  height: calc(100% - 90.5px) !important; /* stylelint-disable-line declaration-no-important */
3330
3236
  }
3331
3237
 
3332
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3333
- height: calc(100% - 108px) !important; /* stylelint-disable-line declaration-no-important */
3334
- }
3335
-
3336
3238
  .e-listbox-wrapper,
3337
3239
  .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3338
3240
  .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3634,4 +3536,175 @@ ejs-listbox {
3634
3536
 
3635
3537
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
3636
3538
  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3539
+ }
3540
+
3541
+ .e-bigger .e-listbox-wrapper,
3542
+ .e-listbox-wrapper.e-bigger,
3543
+ .e-bigger .e-listbox-container,
3544
+ .e-listbox-container.e-bigger {
3545
+ font-size: 16px;
3546
+ }
3547
+ .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3548
+ .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
3549
+ .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
3550
+ .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
3551
+ width: 85% !important; /* stylelint-disable-line declaration-no-important */
3552
+ }
3553
+ .e-bigger .e-listbox-wrapper .e-list-item,
3554
+ .e-listbox-wrapper.e-bigger .e-list-item,
3555
+ .e-bigger .e-listbox-container .e-list-item,
3556
+ .e-listbox-container.e-bigger .e-list-item {
3557
+ border-bottom: 1px solid rgba(0, 0, 0, 0.13);
3558
+ border-left: 0 solid rgba(0, 0, 0, 0.13);
3559
+ border-right: 0 solid rgba(0, 0, 0, 0.13);
3560
+ border-top: 0 solid transparent;
3561
+ }
3562
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3563
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
3564
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
3565
+ .e-bigger .e-listbox-wrapper .e-list-header,
3566
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3567
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
3568
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
3569
+ .e-listbox-wrapper.e-bigger .e-list-header,
3570
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3571
+ .e-bigger .e-listbox-container .e-selectall-parent,
3572
+ .e-bigger .e-listbox-container .e-list-group-item,
3573
+ .e-bigger .e-listbox-container .e-list-header,
3574
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3575
+ .e-listbox-container.e-bigger .e-selectall-parent,
3576
+ .e-listbox-container.e-bigger .e-list-group-item,
3577
+ .e-listbox-container.e-bigger .e-list-header {
3578
+ padding: 12px 16px;
3579
+ }
3580
+ .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3581
+ .e-bigger .e-listbox-wrapper .e-selectall-parent,
3582
+ .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3583
+ .e-listbox-wrapper.e-bigger .e-selectall-parent,
3584
+ .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3585
+ .e-bigger .e-listbox-container .e-selectall-parent,
3586
+ .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3587
+ .e-listbox-container.e-bigger .e-selectall-parent {
3588
+ height: 50px;
3589
+ line-height: 1.6;
3590
+ position: relative;
3591
+ padding: 12px 20px;
3592
+ }
3593
+ .e-bigger .e-listbox-wrapper .e-list-parent,
3594
+ .e-listbox-wrapper.e-bigger .e-list-parent,
3595
+ .e-bigger .e-listbox-container .e-list-parent,
3596
+ .e-listbox-container.e-bigger .e-list-parent {
3597
+ min-height: 50px;
3598
+ }
3599
+ .e-bigger .e-listbox-wrapper .e-text-content,
3600
+ .e-listbox-wrapper.e-bigger .e-text-content,
3601
+ .e-bigger .e-listbox-container .e-text-content,
3602
+ .e-listbox-container.e-bigger .e-text-content {
3603
+ font-size: 15px;
3604
+ }
3605
+ .e-bigger .e-listbox-wrapper .e-list-group-item,
3606
+ .e-listbox-wrapper.e-bigger .e-list-group-item,
3607
+ .e-bigger .e-listbox-container .e-list-group-item,
3608
+ .e-listbox-container.e-bigger .e-list-group-item {
3609
+ height: 50px;
3610
+ line-height: 1.5;
3611
+ font-size: 16px;
3612
+ padding: 12px 20px;
3613
+ }
3614
+ .e-bigger .e-listbox-wrapper .e-list-header,
3615
+ .e-listbox-wrapper.e-bigger .e-list-header,
3616
+ .e-bigger .e-listbox-container .e-list-header,
3617
+ .e-listbox-container.e-bigger .e-list-header {
3618
+ -webkit-box-align: center;
3619
+ -ms-flex-align: center;
3620
+ align-items: center;
3621
+ display: -webkit-box;
3622
+ display: -ms-flexbox;
3623
+ display: flex;
3624
+ font-weight: bold;
3625
+ height: 50px;
3626
+ font-size: 20px;
3627
+ line-height: 1.2;
3628
+ padding: 0 0 0 20px;
3629
+ }
3630
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3631
+ .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3632
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3633
+ .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3634
+ .e-bigger .e-listbox-container .e-list-header .e-text.header,
3635
+ .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3636
+ .e-listbox-container.e-bigger .e-list-header .e-text.header,
3637
+ .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3638
+ display: none;
3639
+ }
3640
+ .e-bigger .e-listbox-wrapper .e-list-header .e-text,
3641
+ .e-listbox-wrapper.e-bigger .e-list-header .e-text,
3642
+ .e-bigger .e-listbox-container .e-list-header .e-text,
3643
+ .e-listbox-container.e-bigger .e-list-header .e-text {
3644
+ font-size: 15px;
3645
+ }
3646
+ .e-bigger .e-listbox-wrapper .e-but-back,
3647
+ .e-listbox-wrapper.e-bigger .e-but-back,
3648
+ .e-bigger .e-listbox-container .e-but-back,
3649
+ .e-listbox-container.e-bigger .e-but-back {
3650
+ margin-top: -3px;
3651
+ padding-right: 12px;
3652
+ }
3653
+ .e-bigger .e-listbox-wrapper .e-list-icon,
3654
+ .e-listbox-wrapper.e-bigger .e-list-icon,
3655
+ .e-bigger .e-listbox-container .e-list-icon,
3656
+ .e-listbox-container.e-bigger .e-list-icon {
3657
+ margin-right: 12px;
3658
+ }
3659
+ .e-bigger .e-listbox-wrapper .e-icon-collapsible,
3660
+ .e-listbox-wrapper.e-bigger .e-icon-collapsible,
3661
+ .e-bigger .e-listbox-container .e-icon-collapsible,
3662
+ .e-listbox-container.e-bigger .e-icon-collapsible {
3663
+ font-size: 12px;
3664
+ }
3665
+ .e-bigger .e-listbox-wrapper .e-checkbox-wrapper,
3666
+ .e-listbox-wrapper.e-bigger .e-checkbox-wrapper,
3667
+ .e-bigger .e-listbox-container .e-checkbox-wrapper,
3668
+ .e-listbox-container.e-bigger .e-checkbox-wrapper {
3669
+ margin: 0 12px 0 0;
3670
+ }
3671
+ .e-bigger .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
3672
+ .e-listbox-wrapper.e-bigger.e-rtl .e-checkbox-wrapper,
3673
+ .e-bigger .e-listbox-container.e-rtl .e-checkbox-wrapper,
3674
+ .e-listbox-container.e-bigger.e-rtl .e-checkbox-wrapper {
3675
+ margin: 0 0 0 12px;
3676
+ }
3677
+
3678
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3679
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3680
+ }
3681
+
3682
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3683
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3684
+ }
3685
+
3686
+ .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3687
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3688
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3689
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3690
+ height: 100%;
3691
+ }
3692
+
3693
+ .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3694
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3695
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3696
+ }
3697
+
3698
+ .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3699
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3700
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3701
+ }
3702
+
3703
+ .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3704
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3705
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3706
+ }
3707
+
3708
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3709
+ height: calc(100% - 108px) !important; /* stylelint-disable-line declaration-no-important */
3637
3710
  }