@syncfusion/ej2-dropdowns 32.1.22 → 32.1.24

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 (1037) 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 +26 -16
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +26 -16
  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 +8 -8
  12. package/src/combo-box/combo-box-model.d.ts +1 -1
  13. package/src/combo-box/combo-box.d.ts +2 -1
  14. package/src/combo-box/combo-box.js +6 -2
  15. package/src/common/incremental-search.js +3 -2
  16. package/src/drop-down-base/drop-down-base.js +1 -1
  17. package/src/drop-down-list/drop-down-list-model.d.ts +2 -2
  18. package/src/drop-down-list/drop-down-list.d.ts +2 -2
  19. package/src/multi-select/checkbox-selection.js +2 -4
  20. package/src/multi-select/multi-select.js +14 -7
  21. package/styles/auto-complete/_all.bds.scss +1 -0
  22. package/styles/auto-complete/_all.bootstrap-dark.scss +1 -0
  23. package/styles/auto-complete/_all.bootstrap.scss +1 -0
  24. package/styles/auto-complete/_all.bootstrap4.scss +1 -0
  25. package/styles/auto-complete/_all.bootstrap5-dark.scss +1 -0
  26. package/styles/auto-complete/_all.bootstrap5.3.scss +1 -0
  27. package/styles/auto-complete/_all.bootstrap5.scss +1 -0
  28. package/styles/auto-complete/_all.fabric-dark.scss +1 -0
  29. package/styles/auto-complete/_all.fabric.scss +1 -0
  30. package/styles/auto-complete/_all.fluent-dark.scss +1 -0
  31. package/styles/auto-complete/_all.fluent.scss +1 -0
  32. package/styles/auto-complete/_all.fluent2.scss +1 -0
  33. package/styles/auto-complete/_all.highcontrast-light.scss +1 -0
  34. package/styles/auto-complete/_all.highcontrast.scss +1 -0
  35. package/styles/auto-complete/_all.material-dark.scss +1 -0
  36. package/styles/auto-complete/_all.material.scss +1 -0
  37. package/styles/auto-complete/_all.material3-dark.scss +1 -0
  38. package/styles/auto-complete/_all.material3.scss +1 -0
  39. package/styles/auto-complete/_all.tailwind-dark.scss +1 -0
  40. package/styles/auto-complete/_all.tailwind.scss +1 -0
  41. package/styles/auto-complete/_all.tailwind3.scss +1 -0
  42. package/styles/auto-complete/bds.scss +1 -1
  43. package/styles/auto-complete/bootstrap-dark.scss +1 -1
  44. package/styles/auto-complete/bootstrap.scss +1 -1
  45. package/styles/auto-complete/bootstrap4.scss +1 -1
  46. package/styles/auto-complete/bootstrap5-dark.scss +1 -1
  47. package/styles/auto-complete/bootstrap5.3.scss +1 -1
  48. package/styles/auto-complete/bootstrap5.scss +1 -1
  49. package/styles/auto-complete/fabric-dark.scss +1 -1
  50. package/styles/auto-complete/fabric.scss +1 -1
  51. package/styles/auto-complete/fluent-dark.scss +1 -1
  52. package/styles/auto-complete/fluent.scss +1 -1
  53. package/styles/auto-complete/fluent2.scss +1 -1
  54. package/styles/auto-complete/highcontrast-light.scss +1 -1
  55. package/styles/auto-complete/highcontrast.scss +1 -1
  56. package/styles/auto-complete/material-dark.scss +1 -1
  57. package/styles/auto-complete/material.scss +1 -1
  58. package/styles/auto-complete/material3-dark.scss +1 -1
  59. package/styles/auto-complete/material3.scss +1 -1
  60. package/styles/auto-complete/tailwind-dark.scss +1 -1
  61. package/styles/auto-complete/tailwind.scss +1 -1
  62. package/styles/auto-complete/tailwind3.scss +1 -1
  63. package/styles/bds-lite.css +1955 -1587
  64. package/styles/bds-lite.scss +8 -8
  65. package/styles/bds.css +2227 -1658
  66. package/styles/bds.scss +13 -13
  67. package/styles/bootstrap-dark-lite.css +1695 -1491
  68. package/styles/bootstrap-dark-lite.scss +8 -8
  69. package/styles/bootstrap-dark.css +2064 -1754
  70. package/styles/bootstrap-dark.scss +13 -13
  71. package/styles/bootstrap-lite.css +1672 -1482
  72. package/styles/bootstrap-lite.scss +8 -8
  73. package/styles/bootstrap.css +1906 -1617
  74. package/styles/bootstrap.scss +13 -13
  75. package/styles/bootstrap4-lite.css +1766 -1434
  76. package/styles/bootstrap4-lite.scss +8 -8
  77. package/styles/bootstrap4.css +2155 -1650
  78. package/styles/bootstrap4.scss +13 -13
  79. package/styles/bootstrap5-dark-lite.css +1555 -1225
  80. package/styles/bootstrap5-dark-lite.scss +8 -8
  81. package/styles/bootstrap5-dark.css +2108 -1603
  82. package/styles/bootstrap5-dark.scss +13 -13
  83. package/styles/bootstrap5-lite.css +1555 -1224
  84. package/styles/bootstrap5-lite.scss +8 -8
  85. package/styles/bootstrap5.3-lite.css +3275 -2020
  86. package/styles/bootstrap5.3-lite.scss +8 -8
  87. package/styles/bootstrap5.3.css +3711 -1777
  88. package/styles/bootstrap5.3.scss +13 -13
  89. package/styles/bootstrap5.css +2110 -1604
  90. package/styles/bootstrap5.scss +13 -13
  91. package/styles/combo-box/_all.bds.scss +1 -0
  92. package/styles/combo-box/_all.bootstrap-dark.scss +1 -0
  93. package/styles/combo-box/_all.bootstrap.scss +1 -0
  94. package/styles/combo-box/_all.bootstrap4.scss +1 -0
  95. package/styles/combo-box/_all.bootstrap5-dark.scss +1 -0
  96. package/styles/combo-box/_all.bootstrap5.3.scss +1 -0
  97. package/styles/combo-box/_all.bootstrap5.scss +1 -0
  98. package/styles/combo-box/_all.fabric-dark.scss +1 -0
  99. package/styles/combo-box/_all.fabric.scss +1 -0
  100. package/styles/combo-box/_all.fluent-dark.scss +1 -0
  101. package/styles/combo-box/_all.fluent.scss +1 -0
  102. package/styles/combo-box/_all.fluent2.scss +1 -0
  103. package/styles/combo-box/_all.highcontrast-light.scss +1 -0
  104. package/styles/combo-box/_all.highcontrast.scss +1 -0
  105. package/styles/combo-box/_all.material-dark.scss +1 -0
  106. package/styles/combo-box/_all.material.scss +1 -0
  107. package/styles/combo-box/_all.material3-dark.scss +1 -0
  108. package/styles/combo-box/_all.material3.scss +1 -0
  109. package/styles/combo-box/_all.tailwind-dark.scss +1 -0
  110. package/styles/combo-box/_all.tailwind.scss +1 -0
  111. package/styles/combo-box/_all.tailwind3.scss +1 -0
  112. package/styles/combo-box/bds.scss +1 -1
  113. package/styles/combo-box/bootstrap-dark.scss +1 -1
  114. package/styles/combo-box/bootstrap.scss +1 -1
  115. package/styles/combo-box/bootstrap4.scss +1 -1
  116. package/styles/combo-box/bootstrap5-dark.scss +1 -1
  117. package/styles/combo-box/bootstrap5.3.scss +1 -1
  118. package/styles/combo-box/bootstrap5.scss +1 -1
  119. package/styles/combo-box/fabric-dark.scss +1 -1
  120. package/styles/combo-box/fabric.scss +1 -1
  121. package/styles/combo-box/fluent-dark.scss +1 -1
  122. package/styles/combo-box/fluent.scss +1 -1
  123. package/styles/combo-box/fluent2.scss +1 -1
  124. package/styles/combo-box/highcontrast-light.scss +1 -1
  125. package/styles/combo-box/highcontrast.scss +1 -1
  126. package/styles/combo-box/material-dark.scss +1 -1
  127. package/styles/combo-box/material.scss +1 -1
  128. package/styles/combo-box/material3-dark.scss +1 -1
  129. package/styles/combo-box/material3.scss +1 -1
  130. package/styles/combo-box/tailwind-dark.scss +1 -1
  131. package/styles/combo-box/tailwind.scss +1 -1
  132. package/styles/combo-box/tailwind3.scss +1 -1
  133. package/styles/drop-down-base/_all.bds.scss +2 -0
  134. package/styles/drop-down-base/_all.bootstrap-dark.scss +2 -0
  135. package/styles/drop-down-base/_all.bootstrap.scss +2 -0
  136. package/styles/drop-down-base/_all.bootstrap4.scss +2 -0
  137. package/styles/drop-down-base/_all.bootstrap5-dark.scss +2 -0
  138. package/styles/drop-down-base/_all.bootstrap5.3.scss +2 -0
  139. package/styles/drop-down-base/_all.bootstrap5.scss +2 -0
  140. package/styles/drop-down-base/_all.fabric-dark.scss +2 -0
  141. package/styles/drop-down-base/_all.fabric.scss +2 -0
  142. package/styles/drop-down-base/_all.fluent-dark.scss +2 -0
  143. package/styles/drop-down-base/_all.fluent.scss +2 -0
  144. package/styles/drop-down-base/_all.fluent2.scss +2 -0
  145. package/styles/drop-down-base/_all.highcontrast-light.scss +2 -0
  146. package/styles/drop-down-base/_all.highcontrast.scss +2 -0
  147. package/styles/drop-down-base/_all.material-dark.scss +2 -0
  148. package/styles/drop-down-base/_all.material.scss +2 -0
  149. package/styles/drop-down-base/_all.material3-dark.scss +2 -0
  150. package/styles/drop-down-base/_all.material3.scss +2 -0
  151. package/styles/drop-down-base/_all.tailwind-dark.scss +2 -0
  152. package/styles/drop-down-base/_all.tailwind.scss +2 -0
  153. package/styles/drop-down-base/_all.tailwind3.scss +2 -0
  154. package/styles/drop-down-base/_bigger.bds.scss +3 -0
  155. package/styles/drop-down-base/_bigger.bootstrap-dark.scss +3 -0
  156. package/styles/drop-down-base/_bigger.bootstrap.scss +3 -0
  157. package/styles/drop-down-base/_bigger.bootstrap4.scss +3 -0
  158. package/styles/drop-down-base/_bigger.bootstrap5-dark.scss +3 -0
  159. package/styles/drop-down-base/_bigger.bootstrap5.3.scss +3 -0
  160. package/styles/drop-down-base/_bigger.bootstrap5.scss +3 -0
  161. package/styles/drop-down-base/_bigger.fabric-dark.scss +3 -0
  162. package/styles/drop-down-base/_bigger.fabric.scss +3 -0
  163. package/styles/drop-down-base/_bigger.fluent-dark.scss +3 -0
  164. package/styles/drop-down-base/_bigger.fluent.scss +3 -0
  165. package/styles/drop-down-base/_bigger.fluent2.scss +3 -0
  166. package/styles/drop-down-base/_bigger.highcontrast-light.scss +3 -0
  167. package/styles/drop-down-base/_bigger.highcontrast.scss +3 -0
  168. package/styles/drop-down-base/_bigger.material-dark.scss +3 -0
  169. package/styles/drop-down-base/_bigger.material.scss +3 -0
  170. package/styles/drop-down-base/_bigger.material3-dark.scss +3 -0
  171. package/styles/drop-down-base/_bigger.material3.scss +3 -0
  172. package/styles/drop-down-base/_bigger.scss +0 -1
  173. package/styles/drop-down-base/_bigger.tailwind-dark.scss +3 -0
  174. package/styles/drop-down-base/_bigger.tailwind.scss +3 -0
  175. package/styles/drop-down-base/_bigger.tailwind3.scss +3 -0
  176. package/styles/drop-down-base/_layout.bds.scss +3 -0
  177. package/styles/drop-down-base/_layout.bootstrap-dark.scss +3 -0
  178. package/styles/drop-down-base/_layout.bootstrap.scss +3 -0
  179. package/styles/drop-down-base/_layout.bootstrap4.scss +3 -0
  180. package/styles/drop-down-base/_layout.bootstrap5-dark.scss +3 -0
  181. package/styles/drop-down-base/_layout.bootstrap5.3.scss +3 -0
  182. package/styles/drop-down-base/_layout.bootstrap5.scss +3 -0
  183. package/styles/drop-down-base/_layout.fabric-dark.scss +3 -0
  184. package/styles/drop-down-base/_layout.fabric.scss +3 -0
  185. package/styles/drop-down-base/_layout.fluent-dark.scss +3 -0
  186. package/styles/drop-down-base/_layout.fluent.scss +3 -0
  187. package/styles/drop-down-base/_layout.fluent2.scss +3 -0
  188. package/styles/drop-down-base/_layout.highcontrast-light.scss +3 -0
  189. package/styles/drop-down-base/_layout.highcontrast.scss +3 -0
  190. package/styles/drop-down-base/_layout.material-dark.scss +3 -0
  191. package/styles/drop-down-base/_layout.material.scss +3 -0
  192. package/styles/drop-down-base/_layout.material3-dark.scss +3 -0
  193. package/styles/drop-down-base/_layout.material3.scss +3 -0
  194. package/styles/drop-down-base/_layout.scss +0 -1
  195. package/styles/drop-down-base/_layout.tailwind-dark.scss +3 -0
  196. package/styles/drop-down-base/_layout.tailwind.scss +3 -0
  197. package/styles/drop-down-base/_layout.tailwind3.scss +3 -0
  198. package/styles/drop-down-base/_theme-variables.bds.scss +1 -0
  199. package/styles/drop-down-base/_theme-variables.bootstrap-dark.scss +1 -0
  200. package/styles/drop-down-base/_theme-variables.bootstrap.scss +1 -0
  201. package/styles/drop-down-base/_theme-variables.bootstrap4.scss +1 -0
  202. package/styles/drop-down-base/_theme-variables.bootstrap5-dark.scss +1 -0
  203. package/styles/drop-down-base/_theme-variables.bootstrap5.3.scss +1 -0
  204. package/styles/drop-down-base/_theme-variables.bootstrap5.scss +1 -0
  205. package/styles/drop-down-base/_theme-variables.fabric-dark.scss +1 -0
  206. package/styles/drop-down-base/_theme-variables.fabric.scss +1 -0
  207. package/styles/drop-down-base/_theme-variables.fluent-dark.scss +1 -0
  208. package/styles/drop-down-base/_theme-variables.fluent.scss +1 -0
  209. package/styles/drop-down-base/_theme-variables.fluent2.scss +1 -0
  210. package/styles/drop-down-base/_theme-variables.highcontrast-light.scss +1 -0
  211. package/styles/drop-down-base/_theme-variables.highcontrast.scss +1 -0
  212. package/styles/drop-down-base/_theme-variables.material-dark.scss +1 -0
  213. package/styles/drop-down-base/_theme-variables.material.scss +1 -0
  214. package/styles/drop-down-base/_theme-variables.material3-dark.scss +1 -0
  215. package/styles/drop-down-base/_theme-variables.material3.scss +1 -0
  216. package/styles/drop-down-base/_theme-variables.tailwind-dark.scss +1 -0
  217. package/styles/drop-down-base/_theme-variables.tailwind.scss +1 -0
  218. package/styles/drop-down-base/_theme.bds.scss +4 -0
  219. package/styles/drop-down-base/_theme.bootstrap-dark.scss +4 -0
  220. package/styles/drop-down-base/_theme.bootstrap.scss +4 -0
  221. package/styles/drop-down-base/_theme.bootstrap4.scss +4 -0
  222. package/styles/drop-down-base/_theme.bootstrap5-dark.scss +4 -0
  223. package/styles/drop-down-base/_theme.bootstrap5.3.scss +4 -0
  224. package/styles/drop-down-base/_theme.bootstrap5.scss +4 -0
  225. package/styles/drop-down-base/_theme.fabric-dark.scss +4 -0
  226. package/styles/drop-down-base/_theme.fabric.scss +4 -0
  227. package/styles/drop-down-base/_theme.fluent-dark.scss +4 -0
  228. package/styles/drop-down-base/_theme.fluent.scss +4 -0
  229. package/styles/drop-down-base/_theme.fluent2.scss +4 -0
  230. package/styles/drop-down-base/_theme.highcontrast-light.scss +4 -0
  231. package/styles/drop-down-base/_theme.highcontrast.scss +4 -0
  232. package/styles/drop-down-base/_theme.material-dark.scss +4 -0
  233. package/styles/drop-down-base/_theme.material.scss +4 -0
  234. package/styles/drop-down-base/_theme.material3-dark.scss +4 -0
  235. package/styles/drop-down-base/_theme.material3.scss +4 -0
  236. package/styles/drop-down-base/_theme.scss +0 -1
  237. package/styles/drop-down-base/_theme.tailwind-dark.scss +4 -0
  238. package/styles/drop-down-base/_theme.tailwind.scss +4 -0
  239. package/styles/drop-down-base/_theme.tailwind3.scss +4 -0
  240. package/styles/drop-down-base/bds.css +217 -112
  241. package/styles/drop-down-base/bds.scss +2 -2
  242. package/styles/drop-down-base/bootstrap-dark.css +141 -117
  243. package/styles/drop-down-base/bootstrap-dark.scss +2 -2
  244. package/styles/drop-down-base/bootstrap.css +141 -117
  245. package/styles/drop-down-base/bootstrap.scss +2 -2
  246. package/styles/drop-down-base/bootstrap4.css +157 -115
  247. package/styles/drop-down-base/bootstrap4.scss +2 -2
  248. package/styles/drop-down-base/bootstrap5-dark.css +174 -114
  249. package/styles/drop-down-base/bootstrap5-dark.scss +2 -2
  250. package/styles/drop-down-base/bootstrap5.3.css +417 -105
  251. package/styles/drop-down-base/bootstrap5.3.scss +2 -2
  252. package/styles/drop-down-base/bootstrap5.css +174 -114
  253. package/styles/drop-down-base/bootstrap5.scss +2 -2
  254. package/styles/drop-down-base/fabric-dark.css +141 -117
  255. package/styles/drop-down-base/fabric-dark.scss +2 -2
  256. package/styles/drop-down-base/fabric.css +141 -117
  257. package/styles/drop-down-base/fabric.scss +2 -2
  258. package/styles/drop-down-base/fluent-dark.css +179 -119
  259. package/styles/drop-down-base/fluent-dark.scss +2 -2
  260. package/styles/drop-down-base/fluent.css +179 -119
  261. package/styles/drop-down-base/fluent.scss +2 -2
  262. package/styles/drop-down-base/fluent2.css +449 -98
  263. package/styles/drop-down-base/fluent2.scss +2 -2
  264. package/styles/drop-down-base/highcontrast-light.css +181 -109
  265. package/styles/drop-down-base/highcontrast-light.scss +2 -2
  266. package/styles/drop-down-base/highcontrast.css +181 -109
  267. package/styles/drop-down-base/highcontrast.scss +2 -2
  268. package/styles/drop-down-base/material-dark.css +141 -117
  269. package/styles/drop-down-base/material-dark.scss +2 -2
  270. package/styles/drop-down-base/material.css +141 -117
  271. package/styles/drop-down-base/material.scss +2 -2
  272. package/styles/drop-down-base/material3-dark.css +380 -110
  273. package/styles/drop-down-base/material3-dark.scss +2 -2
  274. package/styles/drop-down-base/material3.css +384 -108
  275. package/styles/drop-down-base/material3.scss +2 -2
  276. package/styles/drop-down-base/tailwind-dark.css +196 -118
  277. package/styles/drop-down-base/tailwind-dark.scss +2 -2
  278. package/styles/drop-down-base/tailwind.css +196 -118
  279. package/styles/drop-down-base/tailwind.scss +2 -2
  280. package/styles/drop-down-base/tailwind3.css +388 -106
  281. package/styles/drop-down-base/tailwind3.scss +2 -2
  282. package/styles/drop-down-list/_all.bds.scss +2 -0
  283. package/styles/drop-down-list/_all.bootstrap-dark.scss +2 -0
  284. package/styles/drop-down-list/_all.bootstrap.scss +2 -0
  285. package/styles/drop-down-list/_all.bootstrap4.scss +2 -0
  286. package/styles/drop-down-list/_all.bootstrap5-dark.scss +2 -0
  287. package/styles/drop-down-list/_all.bootstrap5.3.scss +2 -0
  288. package/styles/drop-down-list/_all.bootstrap5.scss +2 -0
  289. package/styles/drop-down-list/_all.fabric-dark.scss +2 -0
  290. package/styles/drop-down-list/_all.fabric.scss +2 -0
  291. package/styles/drop-down-list/_all.fluent-dark.scss +2 -0
  292. package/styles/drop-down-list/_all.fluent.scss +2 -0
  293. package/styles/drop-down-list/_all.fluent2.scss +2 -0
  294. package/styles/drop-down-list/_all.highcontrast-light.scss +2 -0
  295. package/styles/drop-down-list/_all.highcontrast.scss +2 -0
  296. package/styles/drop-down-list/_all.material-dark.scss +2 -0
  297. package/styles/drop-down-list/_all.material.scss +2 -0
  298. package/styles/drop-down-list/_all.material3-dark.scss +2 -0
  299. package/styles/drop-down-list/_all.material3.scss +2 -0
  300. package/styles/drop-down-list/_all.tailwind-dark.scss +2 -0
  301. package/styles/drop-down-list/_all.tailwind.scss +2 -0
  302. package/styles/drop-down-list/_all.tailwind3.scss +2 -0
  303. package/styles/drop-down-list/_bigger.bds.scss +3 -0
  304. package/styles/drop-down-list/_bigger.bootstrap-dark.scss +3 -0
  305. package/styles/drop-down-list/_bigger.bootstrap.scss +3 -0
  306. package/styles/drop-down-list/_bigger.bootstrap4.scss +3 -0
  307. package/styles/drop-down-list/_bigger.bootstrap5-dark.scss +3 -0
  308. package/styles/drop-down-list/_bigger.bootstrap5.3.scss +3 -0
  309. package/styles/drop-down-list/_bigger.bootstrap5.scss +3 -0
  310. package/styles/drop-down-list/_bigger.fabric-dark.scss +3 -0
  311. package/styles/drop-down-list/_bigger.fabric.scss +3 -0
  312. package/styles/drop-down-list/_bigger.fluent-dark.scss +3 -0
  313. package/styles/drop-down-list/_bigger.fluent.scss +3 -0
  314. package/styles/drop-down-list/_bigger.fluent2.scss +3 -0
  315. package/styles/drop-down-list/_bigger.highcontrast-light.scss +3 -0
  316. package/styles/drop-down-list/_bigger.highcontrast.scss +3 -0
  317. package/styles/drop-down-list/_bigger.material-dark.scss +3 -0
  318. package/styles/drop-down-list/_bigger.material.scss +3 -0
  319. package/styles/drop-down-list/_bigger.material3-dark.scss +3 -0
  320. package/styles/drop-down-list/_bigger.material3.scss +3 -0
  321. package/styles/drop-down-list/_bigger.scss +0 -1
  322. package/styles/drop-down-list/_bigger.tailwind-dark.scss +3 -0
  323. package/styles/drop-down-list/_bigger.tailwind.scss +3 -0
  324. package/styles/drop-down-list/_bigger.tailwind3.scss +3 -0
  325. package/styles/drop-down-list/_layout.bds.scss +3 -0
  326. package/styles/drop-down-list/_layout.bootstrap-dark.scss +3 -0
  327. package/styles/drop-down-list/_layout.bootstrap.scss +3 -0
  328. package/styles/drop-down-list/_layout.bootstrap4.scss +3 -0
  329. package/styles/drop-down-list/_layout.bootstrap5-dark.scss +3 -0
  330. package/styles/drop-down-list/_layout.bootstrap5.3.scss +3 -0
  331. package/styles/drop-down-list/_layout.bootstrap5.scss +3 -0
  332. package/styles/drop-down-list/_layout.fabric-dark.scss +3 -0
  333. package/styles/drop-down-list/_layout.fabric.scss +3 -0
  334. package/styles/drop-down-list/_layout.fluent-dark.scss +3 -0
  335. package/styles/drop-down-list/_layout.fluent.scss +3 -0
  336. package/styles/drop-down-list/_layout.fluent2.scss +3 -0
  337. package/styles/drop-down-list/_layout.highcontrast-light.scss +3 -0
  338. package/styles/drop-down-list/_layout.highcontrast.scss +3 -0
  339. package/styles/drop-down-list/_layout.material-dark.scss +3 -0
  340. package/styles/drop-down-list/_layout.material.scss +3 -0
  341. package/styles/drop-down-list/_layout.material3-dark.scss +3 -0
  342. package/styles/drop-down-list/_layout.material3.scss +3 -0
  343. package/styles/drop-down-list/_layout.scss +0 -1
  344. package/styles/drop-down-list/_layout.tailwind-dark.scss +3 -0
  345. package/styles/drop-down-list/_layout.tailwind.scss +3 -0
  346. package/styles/drop-down-list/_layout.tailwind3.scss +3 -0
  347. package/styles/drop-down-list/_theme-variables.bds.scss +1 -0
  348. package/styles/drop-down-list/_theme-variables.bootstrap-dark.scss +1 -0
  349. package/styles/drop-down-list/_theme-variables.bootstrap.scss +1 -0
  350. package/styles/drop-down-list/_theme-variables.bootstrap4.scss +1 -0
  351. package/styles/drop-down-list/_theme-variables.bootstrap5-dark.scss +1 -0
  352. package/styles/drop-down-list/_theme-variables.bootstrap5.3.scss +1 -0
  353. package/styles/drop-down-list/_theme-variables.bootstrap5.scss +1 -0
  354. package/styles/drop-down-list/_theme-variables.fabric-dark.scss +1 -0
  355. package/styles/drop-down-list/_theme-variables.fabric.scss +1 -0
  356. package/styles/drop-down-list/_theme-variables.fluent-dark.scss +1 -0
  357. package/styles/drop-down-list/_theme-variables.fluent.scss +1 -0
  358. package/styles/drop-down-list/_theme-variables.fluent2.scss +1 -0
  359. package/styles/drop-down-list/_theme-variables.highcontrast-light.scss +1 -0
  360. package/styles/drop-down-list/_theme-variables.highcontrast.scss +1 -0
  361. package/styles/drop-down-list/_theme-variables.material-dark.scss +1 -0
  362. package/styles/drop-down-list/_theme-variables.material.scss +1 -0
  363. package/styles/drop-down-list/_theme-variables.material3-dark.scss +1 -0
  364. package/styles/drop-down-list/_theme-variables.material3.scss +1 -0
  365. package/styles/drop-down-list/_theme-variables.tailwind-dark.scss +1 -0
  366. package/styles/drop-down-list/_theme-variables.tailwind.scss +1 -0
  367. package/styles/drop-down-list/_theme.bds.scss +4 -0
  368. package/styles/drop-down-list/_theme.bootstrap-dark.scss +4 -0
  369. package/styles/drop-down-list/_theme.bootstrap.scss +4 -0
  370. package/styles/drop-down-list/_theme.bootstrap4.scss +4 -0
  371. package/styles/drop-down-list/_theme.bootstrap5-dark.scss +4 -0
  372. package/styles/drop-down-list/_theme.bootstrap5.3.scss +4 -0
  373. package/styles/drop-down-list/_theme.bootstrap5.scss +4 -0
  374. package/styles/drop-down-list/_theme.fabric-dark.scss +4 -0
  375. package/styles/drop-down-list/_theme.fabric.scss +4 -0
  376. package/styles/drop-down-list/_theme.fluent-dark.scss +4 -0
  377. package/styles/drop-down-list/_theme.fluent.scss +4 -0
  378. package/styles/drop-down-list/_theme.fluent2.scss +4 -0
  379. package/styles/drop-down-list/_theme.highcontrast-light.scss +4 -0
  380. package/styles/drop-down-list/_theme.highcontrast.scss +4 -0
  381. package/styles/drop-down-list/_theme.material-dark.scss +4 -0
  382. package/styles/drop-down-list/_theme.material.scss +4 -0
  383. package/styles/drop-down-list/_theme.material3-dark.scss +4 -0
  384. package/styles/drop-down-list/_theme.material3.scss +4 -0
  385. package/styles/drop-down-list/_theme.scss +0 -1
  386. package/styles/drop-down-list/_theme.tailwind-dark.scss +4 -0
  387. package/styles/drop-down-list/_theme.tailwind.scss +4 -0
  388. package/styles/drop-down-list/_theme.tailwind3.scss +4 -0
  389. package/styles/drop-down-list/bds.css +228 -6
  390. package/styles/drop-down-list/bds.scss +2 -2
  391. package/styles/drop-down-list/bootstrap-dark.css +190 -7
  392. package/styles/drop-down-list/bootstrap-dark.scss +2 -2
  393. package/styles/drop-down-list/bootstrap.css +189 -6
  394. package/styles/drop-down-list/bootstrap.scss +2 -2
  395. package/styles/drop-down-list/bootstrap4.css +299 -8
  396. package/styles/drop-down-list/bootstrap4.scss +2 -2
  397. package/styles/drop-down-list/bootstrap5-dark.css +305 -8
  398. package/styles/drop-down-list/bootstrap5-dark.scss +2 -2
  399. package/styles/drop-down-list/bootstrap5.3.css +557 -8
  400. package/styles/drop-down-list/bootstrap5.3.scss +2 -2
  401. package/styles/drop-down-list/bootstrap5.css +305 -8
  402. package/styles/drop-down-list/bootstrap5.scss +2 -2
  403. package/styles/drop-down-list/fabric-dark.css +112 -7
  404. package/styles/drop-down-list/fabric-dark.scss +2 -2
  405. package/styles/drop-down-list/fabric.css +112 -7
  406. package/styles/drop-down-list/fabric.scss +2 -2
  407. package/styles/drop-down-list/fluent-dark.css +283 -7
  408. package/styles/drop-down-list/fluent-dark.scss +2 -2
  409. package/styles/drop-down-list/fluent.css +283 -7
  410. package/styles/drop-down-list/fluent.scss +2 -2
  411. package/styles/drop-down-list/fluent2.css +579 -6
  412. package/styles/drop-down-list/fluent2.scss +2 -2
  413. package/styles/drop-down-list/highcontrast-light.css +157 -7
  414. package/styles/drop-down-list/highcontrast-light.scss +2 -2
  415. package/styles/drop-down-list/highcontrast.css +158 -8
  416. package/styles/drop-down-list/highcontrast.scss +2 -2
  417. package/styles/drop-down-list/material-dark.css +255 -6
  418. package/styles/drop-down-list/material-dark.scss +2 -2
  419. package/styles/drop-down-list/material.css +267 -6
  420. package/styles/drop-down-list/material.scss +2 -2
  421. package/styles/drop-down-list/material3-dark.css +708 -6
  422. package/styles/drop-down-list/material3-dark.scss +2 -2
  423. package/styles/drop-down-list/material3.css +714 -6
  424. package/styles/drop-down-list/material3.scss +2 -2
  425. package/styles/drop-down-list/tailwind-dark.css +216 -6
  426. package/styles/drop-down-list/tailwind-dark.scss +2 -2
  427. package/styles/drop-down-list/tailwind.css +216 -6
  428. package/styles/drop-down-list/tailwind.scss +2 -2
  429. package/styles/drop-down-list/tailwind3.css +526 -7
  430. package/styles/drop-down-list/tailwind3.scss +2 -2
  431. package/styles/drop-down-tree/_all.bds.scss +2 -0
  432. package/styles/drop-down-tree/_all.bootstrap-dark.scss +2 -0
  433. package/styles/drop-down-tree/_all.bootstrap.scss +2 -0
  434. package/styles/drop-down-tree/_all.bootstrap4.scss +2 -0
  435. package/styles/drop-down-tree/_all.bootstrap5-dark.scss +2 -0
  436. package/styles/drop-down-tree/_all.bootstrap5.3.scss +2 -0
  437. package/styles/drop-down-tree/_all.bootstrap5.scss +2 -0
  438. package/styles/drop-down-tree/_all.fabric-dark.scss +2 -0
  439. package/styles/drop-down-tree/_all.fabric.scss +2 -0
  440. package/styles/drop-down-tree/_all.fluent-dark.scss +2 -0
  441. package/styles/drop-down-tree/_all.fluent.scss +2 -0
  442. package/styles/drop-down-tree/_all.fluent2.scss +2 -0
  443. package/styles/drop-down-tree/_all.highcontrast-light.scss +2 -0
  444. package/styles/drop-down-tree/_all.highcontrast.scss +2 -0
  445. package/styles/drop-down-tree/_all.material-dark.scss +2 -0
  446. package/styles/drop-down-tree/_all.material.scss +2 -0
  447. package/styles/drop-down-tree/_all.material3-dark.scss +2 -0
  448. package/styles/drop-down-tree/_all.material3.scss +2 -0
  449. package/styles/drop-down-tree/_all.tailwind-dark.scss +2 -0
  450. package/styles/drop-down-tree/_all.tailwind.scss +2 -0
  451. package/styles/drop-down-tree/_all.tailwind3.scss +2 -0
  452. package/styles/drop-down-tree/_bigger.bds.scss +3 -0
  453. package/styles/drop-down-tree/_bigger.bootstrap-dark.scss +3 -0
  454. package/styles/drop-down-tree/_bigger.bootstrap.scss +3 -0
  455. package/styles/drop-down-tree/_bigger.bootstrap4.scss +3 -0
  456. package/styles/drop-down-tree/_bigger.bootstrap5-dark.scss +3 -0
  457. package/styles/drop-down-tree/_bigger.bootstrap5.3.scss +3 -0
  458. package/styles/drop-down-tree/_bigger.bootstrap5.scss +3 -0
  459. package/styles/drop-down-tree/_bigger.fabric-dark.scss +3 -0
  460. package/styles/drop-down-tree/_bigger.fabric.scss +3 -0
  461. package/styles/drop-down-tree/_bigger.fluent-dark.scss +3 -0
  462. package/styles/drop-down-tree/_bigger.fluent.scss +3 -0
  463. package/styles/drop-down-tree/_bigger.fluent2.scss +3 -0
  464. package/styles/drop-down-tree/_bigger.highcontrast-light.scss +3 -0
  465. package/styles/drop-down-tree/_bigger.highcontrast.scss +3 -0
  466. package/styles/drop-down-tree/_bigger.material-dark.scss +3 -0
  467. package/styles/drop-down-tree/_bigger.material.scss +3 -0
  468. package/styles/drop-down-tree/_bigger.material3-dark.scss +3 -0
  469. package/styles/drop-down-tree/_bigger.material3.scss +3 -0
  470. package/styles/drop-down-tree/_bigger.scss +0 -1
  471. package/styles/drop-down-tree/_bigger.tailwind-dark.scss +3 -0
  472. package/styles/drop-down-tree/_bigger.tailwind.scss +3 -0
  473. package/styles/drop-down-tree/_bigger.tailwind3.scss +3 -0
  474. package/styles/drop-down-tree/_layout.bds.scss +3 -0
  475. package/styles/drop-down-tree/_layout.bootstrap-dark.scss +3 -0
  476. package/styles/drop-down-tree/_layout.bootstrap.scss +3 -0
  477. package/styles/drop-down-tree/_layout.bootstrap4.scss +3 -0
  478. package/styles/drop-down-tree/_layout.bootstrap5-dark.scss +3 -0
  479. package/styles/drop-down-tree/_layout.bootstrap5.3.scss +3 -0
  480. package/styles/drop-down-tree/_layout.bootstrap5.scss +3 -0
  481. package/styles/drop-down-tree/_layout.fabric-dark.scss +3 -0
  482. package/styles/drop-down-tree/_layout.fabric.scss +3 -0
  483. package/styles/drop-down-tree/_layout.fluent-dark.scss +3 -0
  484. package/styles/drop-down-tree/_layout.fluent.scss +3 -0
  485. package/styles/drop-down-tree/_layout.fluent2.scss +3 -0
  486. package/styles/drop-down-tree/_layout.highcontrast-light.scss +3 -0
  487. package/styles/drop-down-tree/_layout.highcontrast.scss +3 -0
  488. package/styles/drop-down-tree/_layout.material-dark.scss +3 -0
  489. package/styles/drop-down-tree/_layout.material.scss +3 -0
  490. package/styles/drop-down-tree/_layout.material3-dark.scss +3 -0
  491. package/styles/drop-down-tree/_layout.material3.scss +3 -0
  492. package/styles/drop-down-tree/_layout.scss +0 -1
  493. package/styles/drop-down-tree/_layout.tailwind-dark.scss +3 -0
  494. package/styles/drop-down-tree/_layout.tailwind.scss +3 -0
  495. package/styles/drop-down-tree/_layout.tailwind3.scss +3 -0
  496. package/styles/drop-down-tree/_theme-variables.bds.scss +1 -0
  497. package/styles/drop-down-tree/_theme-variables.bootstrap-dark.scss +1 -0
  498. package/styles/drop-down-tree/_theme-variables.bootstrap.scss +1 -0
  499. package/styles/drop-down-tree/_theme-variables.bootstrap4.scss +1 -0
  500. package/styles/drop-down-tree/_theme-variables.bootstrap5-dark.scss +1 -0
  501. package/styles/drop-down-tree/_theme-variables.bootstrap5.3.scss +1 -0
  502. package/styles/drop-down-tree/_theme-variables.bootstrap5.scss +1 -0
  503. package/styles/drop-down-tree/_theme-variables.fabric-dark.scss +1 -0
  504. package/styles/drop-down-tree/_theme-variables.fabric.scss +1 -0
  505. package/styles/drop-down-tree/_theme-variables.fluent-dark.scss +1 -0
  506. package/styles/drop-down-tree/_theme-variables.fluent.scss +1 -0
  507. package/styles/drop-down-tree/_theme-variables.fluent2.scss +1 -0
  508. package/styles/drop-down-tree/_theme-variables.highcontrast-light.scss +1 -0
  509. package/styles/drop-down-tree/_theme-variables.highcontrast.scss +1 -0
  510. package/styles/drop-down-tree/_theme-variables.material-dark.scss +1 -0
  511. package/styles/drop-down-tree/_theme-variables.material.scss +1 -0
  512. package/styles/drop-down-tree/_theme-variables.material3-dark.scss +1 -0
  513. package/styles/drop-down-tree/_theme-variables.material3.scss +1 -0
  514. package/styles/drop-down-tree/_theme-variables.tailwind-dark.scss +1 -0
  515. package/styles/drop-down-tree/_theme-variables.tailwind.scss +1 -0
  516. package/styles/drop-down-tree/_theme.bds.scss +4 -0
  517. package/styles/drop-down-tree/_theme.bootstrap-dark.scss +4 -0
  518. package/styles/drop-down-tree/_theme.bootstrap.scss +4 -0
  519. package/styles/drop-down-tree/_theme.bootstrap4.scss +4 -0
  520. package/styles/drop-down-tree/_theme.bootstrap5-dark.scss +4 -0
  521. package/styles/drop-down-tree/_theme.bootstrap5.3.scss +4 -0
  522. package/styles/drop-down-tree/_theme.bootstrap5.scss +4 -0
  523. package/styles/drop-down-tree/_theme.fabric-dark.scss +4 -0
  524. package/styles/drop-down-tree/_theme.fabric.scss +4 -0
  525. package/styles/drop-down-tree/_theme.fluent-dark.scss +4 -0
  526. package/styles/drop-down-tree/_theme.fluent.scss +4 -0
  527. package/styles/drop-down-tree/_theme.fluent2.scss +4 -0
  528. package/styles/drop-down-tree/_theme.highcontrast-light.scss +4 -0
  529. package/styles/drop-down-tree/_theme.highcontrast.scss +4 -0
  530. package/styles/drop-down-tree/_theme.material-dark.scss +4 -0
  531. package/styles/drop-down-tree/_theme.material.scss +4 -0
  532. package/styles/drop-down-tree/_theme.material3-dark.scss +4 -0
  533. package/styles/drop-down-tree/_theme.material3.scss +4 -0
  534. package/styles/drop-down-tree/_theme.scss +0 -1
  535. package/styles/drop-down-tree/_theme.tailwind-dark.scss +4 -0
  536. package/styles/drop-down-tree/_theme.tailwind.scss +4 -0
  537. package/styles/drop-down-tree/_theme.tailwind3.scss +4 -0
  538. package/styles/drop-down-tree/bds.css +65 -50
  539. package/styles/drop-down-tree/bds.scss +2 -2
  540. package/styles/drop-down-tree/bootstrap-dark.css +35 -32
  541. package/styles/drop-down-tree/bootstrap-dark.scss +2 -2
  542. package/styles/drop-down-tree/bootstrap.css +35 -32
  543. package/styles/drop-down-tree/bootstrap.scss +2 -2
  544. package/styles/drop-down-tree/bootstrap4.css +41 -38
  545. package/styles/drop-down-tree/bootstrap4.scss +2 -2
  546. package/styles/drop-down-tree/bootstrap5-dark.css +42 -39
  547. package/styles/drop-down-tree/bootstrap5-dark.scss +2 -2
  548. package/styles/drop-down-tree/bootstrap5.3.css +293 -38
  549. package/styles/drop-down-tree/bootstrap5.3.scss +2 -2
  550. package/styles/drop-down-tree/bootstrap5.css +42 -39
  551. package/styles/drop-down-tree/bootstrap5.scss +2 -2
  552. package/styles/drop-down-tree/fabric-dark.css +35 -32
  553. package/styles/drop-down-tree/fabric-dark.scss +2 -2
  554. package/styles/drop-down-tree/fabric.css +35 -32
  555. package/styles/drop-down-tree/fabric.scss +2 -2
  556. package/styles/drop-down-tree/fluent-dark.css +35 -32
  557. package/styles/drop-down-tree/fluent-dark.scss +2 -2
  558. package/styles/drop-down-tree/fluent.css +35 -32
  559. package/styles/drop-down-tree/fluent.scss +2 -2
  560. package/styles/drop-down-tree/fluent2.css +295 -34
  561. package/styles/drop-down-tree/fluent2.scss +2 -2
  562. package/styles/drop-down-tree/highcontrast-light.css +35 -32
  563. package/styles/drop-down-tree/highcontrast-light.scss +2 -2
  564. package/styles/drop-down-tree/highcontrast.css +44 -41
  565. package/styles/drop-down-tree/highcontrast.scss +2 -2
  566. package/styles/drop-down-tree/material-dark.css +35 -32
  567. package/styles/drop-down-tree/material-dark.scss +2 -2
  568. package/styles/drop-down-tree/material.css +35 -32
  569. package/styles/drop-down-tree/material.scss +2 -2
  570. package/styles/drop-down-tree/material3-dark.css +278 -32
  571. package/styles/drop-down-tree/material3-dark.scss +2 -2
  572. package/styles/drop-down-tree/material3.css +284 -32
  573. package/styles/drop-down-tree/material3.scss +2 -2
  574. package/styles/drop-down-tree/tailwind-dark.css +54 -51
  575. package/styles/drop-down-tree/tailwind-dark.scss +2 -2
  576. package/styles/drop-down-tree/tailwind.css +54 -51
  577. package/styles/drop-down-tree/tailwind.scss +2 -2
  578. package/styles/drop-down-tree/tailwind3.css +256 -31
  579. package/styles/drop-down-tree/tailwind3.scss +2 -2
  580. package/styles/fabric-dark-lite.css +1636 -1496
  581. package/styles/fabric-dark-lite.scss +8 -8
  582. package/styles/fabric-dark.css +1346 -1132
  583. package/styles/fabric-dark.scss +13 -13
  584. package/styles/fabric-lite.css +816 -686
  585. package/styles/fabric-lite.scss +8 -8
  586. package/styles/fabric.css +1349 -1150
  587. package/styles/fabric.scss +13 -13
  588. package/styles/fluent-dark-lite.css +1870 -1562
  589. package/styles/fluent-dark-lite.scss +8 -8
  590. package/styles/fluent-dark.css +2107 -1635
  591. package/styles/fluent-dark.scss +13 -13
  592. package/styles/fluent-lite.css +1891 -1582
  593. package/styles/fluent-lite.scss +8 -8
  594. package/styles/fluent.css +2108 -1635
  595. package/styles/fluent.scss +13 -13
  596. package/styles/fluent2-lite.css +3322 -1846
  597. package/styles/fluent2-lite.scss +8 -8
  598. package/styles/fluent2.css +5233 -2961
  599. package/styles/fluent2.scss +13 -13
  600. package/styles/highcontrast-light-lite.css +2477 -2055
  601. package/styles/highcontrast-light-lite.scss +8 -8
  602. package/styles/highcontrast-light.css +2195 -1550
  603. package/styles/highcontrast-light.scss +13 -13
  604. package/styles/highcontrast-lite.css +2363 -1927
  605. package/styles/highcontrast-lite.scss +8 -8
  606. package/styles/highcontrast.css +2221 -1555
  607. package/styles/highcontrast.scss +13 -13
  608. package/styles/list-box/_all.bds.scss +2 -0
  609. package/styles/list-box/_all.bootstrap-dark.scss +2 -0
  610. package/styles/list-box/_all.bootstrap.scss +2 -0
  611. package/styles/list-box/_all.bootstrap4.scss +2 -0
  612. package/styles/list-box/_all.bootstrap5-dark.scss +2 -0
  613. package/styles/list-box/_all.bootstrap5.3.scss +2 -0
  614. package/styles/list-box/_all.bootstrap5.scss +2 -0
  615. package/styles/list-box/_all.fabric-dark.scss +2 -0
  616. package/styles/list-box/_all.fabric.scss +2 -0
  617. package/styles/list-box/_all.fluent-dark.scss +2 -0
  618. package/styles/list-box/_all.fluent.scss +2 -0
  619. package/styles/list-box/_all.fluent2.scss +2 -0
  620. package/styles/list-box/_all.highcontrast-light.scss +2 -0
  621. package/styles/list-box/_all.highcontrast.scss +2 -0
  622. package/styles/list-box/_all.material-dark.scss +2 -0
  623. package/styles/list-box/_all.material.scss +2 -0
  624. package/styles/list-box/_all.material3-dark.scss +2 -0
  625. package/styles/list-box/_all.material3.scss +2 -0
  626. package/styles/list-box/_all.tailwind-dark.scss +2 -0
  627. package/styles/list-box/_all.tailwind.scss +2 -0
  628. package/styles/list-box/_all.tailwind3.scss +2 -0
  629. package/styles/list-box/_bigger.bds.scss +3 -0
  630. package/styles/list-box/_bigger.bootstrap-dark.scss +3 -0
  631. package/styles/list-box/_bigger.bootstrap.scss +3 -0
  632. package/styles/list-box/_bigger.bootstrap4.scss +3 -0
  633. package/styles/list-box/_bigger.bootstrap5-dark.scss +3 -0
  634. package/styles/list-box/_bigger.bootstrap5.3.scss +3 -0
  635. package/styles/list-box/_bigger.bootstrap5.scss +3 -0
  636. package/styles/list-box/_bigger.fabric-dark.scss +3 -0
  637. package/styles/list-box/_bigger.fabric.scss +3 -0
  638. package/styles/list-box/_bigger.fluent-dark.scss +3 -0
  639. package/styles/list-box/_bigger.fluent.scss +3 -0
  640. package/styles/list-box/_bigger.fluent2.scss +3 -0
  641. package/styles/list-box/_bigger.highcontrast-light.scss +3 -0
  642. package/styles/list-box/_bigger.highcontrast.scss +3 -0
  643. package/styles/list-box/_bigger.material-dark.scss +3 -0
  644. package/styles/list-box/_bigger.material.scss +3 -0
  645. package/styles/list-box/_bigger.material3-dark.scss +3 -0
  646. package/styles/list-box/_bigger.material3.scss +3 -0
  647. package/styles/list-box/_bigger.scss +0 -1
  648. package/styles/list-box/_bigger.tailwind-dark.scss +3 -0
  649. package/styles/list-box/_bigger.tailwind.scss +3 -0
  650. package/styles/list-box/_bigger.tailwind3.scss +3 -0
  651. package/styles/list-box/_layout.bds.scss +3 -0
  652. package/styles/list-box/_layout.bootstrap-dark.scss +3 -0
  653. package/styles/list-box/_layout.bootstrap.scss +3 -0
  654. package/styles/list-box/_layout.bootstrap4.scss +3 -0
  655. package/styles/list-box/_layout.bootstrap5-dark.scss +3 -0
  656. package/styles/list-box/_layout.bootstrap5.3.scss +3 -0
  657. package/styles/list-box/_layout.bootstrap5.scss +3 -0
  658. package/styles/list-box/_layout.fabric-dark.scss +3 -0
  659. package/styles/list-box/_layout.fabric.scss +3 -0
  660. package/styles/list-box/_layout.fluent-dark.scss +3 -0
  661. package/styles/list-box/_layout.fluent.scss +3 -0
  662. package/styles/list-box/_layout.fluent2.scss +3 -0
  663. package/styles/list-box/_layout.highcontrast-light.scss +3 -0
  664. package/styles/list-box/_layout.highcontrast.scss +3 -0
  665. package/styles/list-box/_layout.material-dark.scss +3 -0
  666. package/styles/list-box/_layout.material.scss +3 -0
  667. package/styles/list-box/_layout.material3-dark.scss +3 -0
  668. package/styles/list-box/_layout.material3.scss +3 -0
  669. package/styles/list-box/_layout.scss +0 -1
  670. package/styles/list-box/_layout.tailwind-dark.scss +3 -0
  671. package/styles/list-box/_layout.tailwind.scss +3 -0
  672. package/styles/list-box/_layout.tailwind3.scss +3 -0
  673. package/styles/list-box/_theme-variables.bds.scss +1 -0
  674. package/styles/list-box/_theme-variables.bootstrap-dark.scss +1 -0
  675. package/styles/list-box/_theme-variables.bootstrap.scss +1 -0
  676. package/styles/list-box/_theme-variables.bootstrap4.scss +1 -0
  677. package/styles/list-box/_theme-variables.bootstrap5-dark.scss +1 -0
  678. package/styles/list-box/_theme-variables.bootstrap5.3.scss +1 -0
  679. package/styles/list-box/_theme-variables.bootstrap5.scss +1 -0
  680. package/styles/list-box/_theme-variables.fabric-dark.scss +1 -0
  681. package/styles/list-box/_theme-variables.fabric.scss +1 -0
  682. package/styles/list-box/_theme-variables.fluent-dark.scss +1 -0
  683. package/styles/list-box/_theme-variables.fluent.scss +1 -0
  684. package/styles/list-box/_theme-variables.fluent2.scss +1 -0
  685. package/styles/list-box/_theme-variables.highcontrast-light.scss +1 -0
  686. package/styles/list-box/_theme-variables.highcontrast.scss +1 -0
  687. package/styles/list-box/_theme-variables.material-dark.scss +1 -0
  688. package/styles/list-box/_theme-variables.material.scss +1 -0
  689. package/styles/list-box/_theme-variables.material3-dark.scss +1 -0
  690. package/styles/list-box/_theme-variables.material3.scss +1 -0
  691. package/styles/list-box/_theme-variables.tailwind-dark.scss +1 -0
  692. package/styles/list-box/_theme-variables.tailwind.scss +1 -0
  693. package/styles/list-box/_theme.bds.scss +4 -0
  694. package/styles/list-box/_theme.bootstrap-dark.scss +4 -0
  695. package/styles/list-box/_theme.bootstrap.scss +4 -0
  696. package/styles/list-box/_theme.bootstrap4.scss +4 -0
  697. package/styles/list-box/_theme.bootstrap5-dark.scss +4 -0
  698. package/styles/list-box/_theme.bootstrap5.3.scss +4 -0
  699. package/styles/list-box/_theme.bootstrap5.scss +4 -0
  700. package/styles/list-box/_theme.fabric-dark.scss +4 -0
  701. package/styles/list-box/_theme.fabric.scss +4 -0
  702. package/styles/list-box/_theme.fluent-dark.scss +4 -0
  703. package/styles/list-box/_theme.fluent.scss +4 -0
  704. package/styles/list-box/_theme.fluent2.scss +4 -0
  705. package/styles/list-box/_theme.highcontrast-light.scss +4 -0
  706. package/styles/list-box/_theme.highcontrast.scss +4 -0
  707. package/styles/list-box/_theme.material-dark.scss +4 -0
  708. package/styles/list-box/_theme.material.scss +4 -0
  709. package/styles/list-box/_theme.material3-dark.scss +4 -0
  710. package/styles/list-box/_theme.material3.scss +4 -0
  711. package/styles/list-box/_theme.scss +0 -1
  712. package/styles/list-box/_theme.tailwind-dark.scss +4 -0
  713. package/styles/list-box/_theme.tailwind.scss +4 -0
  714. package/styles/list-box/_theme.tailwind3.scss +4 -0
  715. package/styles/list-box/bds.css +700 -637
  716. package/styles/list-box/bds.scss +2 -2
  717. package/styles/list-box/bootstrap-dark.css +647 -647
  718. package/styles/list-box/bootstrap-dark.scss +2 -2
  719. package/styles/list-box/bootstrap.css +652 -652
  720. package/styles/list-box/bootstrap.scss +2 -2
  721. package/styles/list-box/bootstrap4.css +646 -646
  722. package/styles/list-box/bootstrap4.scss +2 -2
  723. package/styles/list-box/bootstrap5-dark.css +651 -651
  724. package/styles/list-box/bootstrap5-dark.scss +2 -2
  725. package/styles/list-box/bootstrap5.3.css +908 -656
  726. package/styles/list-box/bootstrap5.3.scss +2 -2
  727. package/styles/list-box/bootstrap5.css +651 -651
  728. package/styles/list-box/bootstrap5.scss +2 -2
  729. package/styles/list-box/fabric-dark.css +647 -647
  730. package/styles/list-box/fabric-dark.scss +2 -2
  731. package/styles/list-box/fabric.css +652 -652
  732. package/styles/list-box/fabric.scss +2 -2
  733. package/styles/list-box/fluent-dark.css +653 -653
  734. package/styles/list-box/fluent-dark.scss +2 -2
  735. package/styles/list-box/fluent.css +653 -653
  736. package/styles/list-box/fluent.scss +2 -2
  737. package/styles/list-box/fluent2.css +927 -669
  738. package/styles/list-box/fluent2.scss +2 -2
  739. package/styles/list-box/highcontrast-light.css +647 -647
  740. package/styles/list-box/highcontrast-light.scss +2 -2
  741. package/styles/list-box/highcontrast.css +652 -652
  742. package/styles/list-box/highcontrast.scss +2 -2
  743. package/styles/list-box/material-dark.css +643 -643
  744. package/styles/list-box/material-dark.scss +2 -2
  745. package/styles/list-box/material.css +647 -647
  746. package/styles/list-box/material.scss +2 -2
  747. package/styles/list-box/material3-dark.css +896 -650
  748. package/styles/list-box/material3-dark.scss +2 -2
  749. package/styles/list-box/material3.css +904 -652
  750. package/styles/list-box/material3.scss +2 -2
  751. package/styles/list-box/tailwind-dark.css +640 -640
  752. package/styles/list-box/tailwind-dark.scss +2 -2
  753. package/styles/list-box/tailwind.css +640 -640
  754. package/styles/list-box/tailwind.scss +2 -2
  755. package/styles/list-box/tailwind3.css +928 -706
  756. package/styles/list-box/tailwind3.scss +2 -2
  757. package/styles/material-dark-lite.css +1955 -1735
  758. package/styles/material-dark-lite.scss +8 -8
  759. package/styles/material-dark.css +2197 -1863
  760. package/styles/material-dark.scss +13 -13
  761. package/styles/material-lite.css +2008 -1762
  762. package/styles/material-lite.scss +8 -8
  763. package/styles/material.css +2311 -1938
  764. package/styles/material.scss +13 -13
  765. package/styles/material3-dark-lite.css +4592 -2711
  766. package/styles/material3-dark-lite.scss +8 -8
  767. package/styles/material3-dark.css +5035 -2210
  768. package/styles/material3-dark.scss +13 -13
  769. package/styles/material3-lite.css +4384 -2563
  770. package/styles/material3-lite.scss +8 -8
  771. package/styles/material3.css +6361 -3584
  772. package/styles/material3.scss +13 -13
  773. package/styles/mention/_all.bds.scss +1 -0
  774. package/styles/mention/_all.bootstrap-dark.scss +1 -0
  775. package/styles/mention/_all.bootstrap.scss +1 -0
  776. package/styles/mention/_all.bootstrap4.scss +1 -0
  777. package/styles/mention/_all.bootstrap5-dark.scss +1 -0
  778. package/styles/mention/_all.bootstrap5.3.scss +1 -0
  779. package/styles/mention/_all.bootstrap5.scss +1 -0
  780. package/styles/mention/_all.fabric-dark.scss +1 -0
  781. package/styles/mention/_all.fabric.scss +1 -0
  782. package/styles/mention/_all.fluent-dark.scss +1 -0
  783. package/styles/mention/_all.fluent.scss +1 -0
  784. package/styles/mention/_all.fluent2.scss +1 -0
  785. package/styles/mention/_all.highcontrast-light.scss +1 -0
  786. package/styles/mention/_all.highcontrast.scss +1 -0
  787. package/styles/mention/_all.material-dark.scss +1 -0
  788. package/styles/mention/_all.material.scss +1 -0
  789. package/styles/mention/_all.material3-dark.scss +1 -0
  790. package/styles/mention/_all.material3.scss +1 -0
  791. package/styles/mention/_all.tailwind-dark.scss +1 -0
  792. package/styles/mention/_all.tailwind.scss +1 -0
  793. package/styles/mention/_all.tailwind3.scss +1 -0
  794. package/styles/mention/_layout.bds.scss +3 -0
  795. package/styles/mention/_layout.bootstrap-dark.scss +3 -0
  796. package/styles/mention/_layout.bootstrap.scss +3 -0
  797. package/styles/mention/_layout.bootstrap4.scss +3 -0
  798. package/styles/mention/_layout.bootstrap5-dark.scss +3 -0
  799. package/styles/mention/_layout.bootstrap5.3.scss +3 -0
  800. package/styles/mention/_layout.bootstrap5.scss +3 -0
  801. package/styles/mention/_layout.fabric-dark.scss +3 -0
  802. package/styles/mention/_layout.fabric.scss +3 -0
  803. package/styles/mention/_layout.fluent-dark.scss +3 -0
  804. package/styles/mention/_layout.fluent.scss +3 -0
  805. package/styles/mention/_layout.fluent2.scss +3 -0
  806. package/styles/mention/_layout.highcontrast-light.scss +3 -0
  807. package/styles/mention/_layout.highcontrast.scss +3 -0
  808. package/styles/mention/_layout.material-dark.scss +3 -0
  809. package/styles/mention/_layout.material.scss +3 -0
  810. package/styles/mention/_layout.material3-dark.scss +3 -0
  811. package/styles/mention/_layout.material3.scss +3 -0
  812. package/styles/mention/_layout.scss +0 -1
  813. package/styles/mention/_layout.tailwind-dark.scss +3 -0
  814. package/styles/mention/_layout.tailwind.scss +3 -0
  815. package/styles/mention/_layout.tailwind3.scss +3 -0
  816. package/styles/mention/_theme-variables.bds.scss +1 -0
  817. package/styles/mention/_theme-variables.bootstrap-dark.scss +1 -0
  818. package/styles/mention/_theme-variables.bootstrap.scss +1 -0
  819. package/styles/mention/_theme-variables.bootstrap4.scss +1 -0
  820. package/styles/mention/_theme-variables.bootstrap5-dark.scss +1 -0
  821. package/styles/mention/_theme-variables.bootstrap5.3.scss +1 -0
  822. package/styles/mention/_theme-variables.bootstrap5.scss +1 -0
  823. package/styles/mention/_theme-variables.fabric-dark.scss +1 -0
  824. package/styles/mention/_theme-variables.fabric.scss +1 -0
  825. package/styles/mention/_theme-variables.fluent-dark.scss +1 -0
  826. package/styles/mention/_theme-variables.fluent.scss +1 -0
  827. package/styles/mention/_theme-variables.fluent2.scss +1 -0
  828. package/styles/mention/_theme-variables.highcontrast-light.scss +1 -0
  829. package/styles/mention/_theme-variables.highcontrast.scss +1 -0
  830. package/styles/mention/_theme-variables.material-dark.scss +1 -0
  831. package/styles/mention/_theme-variables.material.scss +1 -0
  832. package/styles/mention/_theme-variables.material3-dark.scss +1 -0
  833. package/styles/mention/_theme-variables.material3.scss +1 -0
  834. package/styles/mention/_theme-variables.tailwind-dark.scss +1 -0
  835. package/styles/mention/_theme-variables.tailwind.scss +1 -0
  836. package/styles/mention/bds.css +1 -0
  837. package/styles/mention/bds.scss +1 -1
  838. package/styles/mention/bootstrap-dark.scss +1 -1
  839. package/styles/mention/bootstrap.scss +1 -1
  840. package/styles/mention/bootstrap4.scss +1 -1
  841. package/styles/mention/bootstrap5-dark.scss +1 -1
  842. package/styles/mention/bootstrap5.3.css +1 -0
  843. package/styles/mention/bootstrap5.3.scss +1 -1
  844. package/styles/mention/bootstrap5.css +1 -0
  845. package/styles/mention/bootstrap5.scss +1 -1
  846. package/styles/mention/fabric-dark.scss +1 -1
  847. package/styles/mention/fabric.scss +1 -1
  848. package/styles/mention/fluent-dark.scss +1 -1
  849. package/styles/mention/fluent.css +1 -0
  850. package/styles/mention/fluent.scss +1 -1
  851. package/styles/mention/fluent2.css +1 -0
  852. package/styles/mention/fluent2.scss +1 -1
  853. package/styles/mention/highcontrast-light.scss +1 -1
  854. package/styles/mention/highcontrast.scss +1 -1
  855. package/styles/mention/material-dark.scss +1 -1
  856. package/styles/mention/material.scss +1 -1
  857. package/styles/mention/material3-dark.css +84 -1
  858. package/styles/mention/material3-dark.scss +1 -1
  859. package/styles/mention/material3.css +1 -0
  860. package/styles/mention/material3.scss +1 -1
  861. package/styles/mention/tailwind-dark.scss +1 -1
  862. package/styles/mention/tailwind.css +1 -0
  863. package/styles/mention/tailwind.scss +1 -1
  864. package/styles/mention/tailwind3.css +1 -0
  865. package/styles/mention/tailwind3.scss +1 -1
  866. package/styles/multi-select/_all.bds.scss +2 -0
  867. package/styles/multi-select/_all.bootstrap-dark.scss +2 -0
  868. package/styles/multi-select/_all.bootstrap.scss +2 -0
  869. package/styles/multi-select/_all.bootstrap4.scss +2 -0
  870. package/styles/multi-select/_all.bootstrap5-dark.scss +2 -0
  871. package/styles/multi-select/_all.bootstrap5.3.scss +2 -0
  872. package/styles/multi-select/_all.bootstrap5.scss +2 -0
  873. package/styles/multi-select/_all.fabric-dark.scss +2 -0
  874. package/styles/multi-select/_all.fabric.scss +2 -0
  875. package/styles/multi-select/_all.fluent-dark.scss +2 -0
  876. package/styles/multi-select/_all.fluent.scss +2 -0
  877. package/styles/multi-select/_all.fluent2.scss +2 -0
  878. package/styles/multi-select/_all.highcontrast-light.scss +2 -0
  879. package/styles/multi-select/_all.highcontrast.scss +2 -0
  880. package/styles/multi-select/_all.material-dark.scss +2 -0
  881. package/styles/multi-select/_all.material.scss +2 -0
  882. package/styles/multi-select/_all.material3-dark.scss +2 -0
  883. package/styles/multi-select/_all.material3.scss +2 -0
  884. package/styles/multi-select/_all.tailwind-dark.scss +2 -0
  885. package/styles/multi-select/_all.tailwind.scss +2 -0
  886. package/styles/multi-select/_all.tailwind3.scss +2 -0
  887. package/styles/multi-select/_bigger.bds.scss +4 -0
  888. package/styles/multi-select/_bigger.bootstrap-dark.scss +4 -0
  889. package/styles/multi-select/_bigger.bootstrap.scss +4 -0
  890. package/styles/multi-select/_bigger.bootstrap4.scss +4 -0
  891. package/styles/multi-select/_bigger.bootstrap5-dark.scss +4 -0
  892. package/styles/multi-select/_bigger.bootstrap5.3.scss +4 -0
  893. package/styles/multi-select/_bigger.bootstrap5.scss +4 -0
  894. package/styles/multi-select/_bigger.fabric-dark.scss +4 -0
  895. package/styles/multi-select/_bigger.fabric.scss +4 -0
  896. package/styles/multi-select/_bigger.fluent-dark.scss +4 -0
  897. package/styles/multi-select/_bigger.fluent.scss +4 -0
  898. package/styles/multi-select/_bigger.fluent2.scss +4 -0
  899. package/styles/multi-select/_bigger.highcontrast-light.scss +4 -0
  900. package/styles/multi-select/_bigger.highcontrast.scss +4 -0
  901. package/styles/multi-select/_bigger.material-dark.scss +4 -0
  902. package/styles/multi-select/_bigger.material.scss +4 -0
  903. package/styles/multi-select/_bigger.material3-dark.scss +4 -0
  904. package/styles/multi-select/_bigger.material3.scss +4 -0
  905. package/styles/multi-select/_bigger.scss +1 -3
  906. package/styles/multi-select/_bigger.tailwind-dark.scss +4 -0
  907. package/styles/multi-select/_bigger.tailwind.scss +4 -0
  908. package/styles/multi-select/_bigger.tailwind3.scss +4 -0
  909. package/styles/multi-select/_layout.bds.scss +4 -0
  910. package/styles/multi-select/_layout.bootstrap-dark.scss +4 -0
  911. package/styles/multi-select/_layout.bootstrap.scss +4 -0
  912. package/styles/multi-select/_layout.bootstrap4.scss +4 -0
  913. package/styles/multi-select/_layout.bootstrap5-dark.scss +4 -0
  914. package/styles/multi-select/_layout.bootstrap5.3.scss +4 -0
  915. package/styles/multi-select/_layout.bootstrap5.scss +4 -0
  916. package/styles/multi-select/_layout.fabric-dark.scss +4 -0
  917. package/styles/multi-select/_layout.fabric.scss +4 -0
  918. package/styles/multi-select/_layout.fluent-dark.scss +4 -0
  919. package/styles/multi-select/_layout.fluent.scss +4 -0
  920. package/styles/multi-select/_layout.fluent2.scss +4 -0
  921. package/styles/multi-select/_layout.highcontrast-light.scss +4 -0
  922. package/styles/multi-select/_layout.highcontrast.scss +4 -0
  923. package/styles/multi-select/_layout.material-dark.scss +4 -0
  924. package/styles/multi-select/_layout.material.scss +4 -0
  925. package/styles/multi-select/_layout.material3-dark.scss +4 -0
  926. package/styles/multi-select/_layout.material3.scss +4 -0
  927. package/styles/multi-select/_layout.scss +2 -4
  928. package/styles/multi-select/_layout.tailwind-dark.scss +4 -0
  929. package/styles/multi-select/_layout.tailwind.scss +4 -0
  930. package/styles/multi-select/_layout.tailwind3.scss +4 -0
  931. package/styles/multi-select/_theme-variables.bds.scss +1 -0
  932. package/styles/multi-select/_theme-variables.bootstrap-dark.scss +1 -0
  933. package/styles/multi-select/_theme-variables.bootstrap.scss +1 -0
  934. package/styles/multi-select/_theme-variables.bootstrap4.scss +1 -0
  935. package/styles/multi-select/_theme-variables.bootstrap5-dark.scss +1 -0
  936. package/styles/multi-select/_theme-variables.bootstrap5.3.scss +1 -0
  937. package/styles/multi-select/_theme-variables.bootstrap5.scss +1 -0
  938. package/styles/multi-select/_theme-variables.fabric-dark.scss +1 -0
  939. package/styles/multi-select/_theme-variables.fabric.scss +1 -0
  940. package/styles/multi-select/_theme-variables.fluent-dark.scss +1 -0
  941. package/styles/multi-select/_theme-variables.fluent.scss +1 -0
  942. package/styles/multi-select/_theme-variables.fluent2.scss +1 -0
  943. package/styles/multi-select/_theme-variables.highcontrast-light.scss +1 -0
  944. package/styles/multi-select/_theme-variables.highcontrast.scss +1 -0
  945. package/styles/multi-select/_theme-variables.material-dark.scss +1 -0
  946. package/styles/multi-select/_theme-variables.material.scss +1 -0
  947. package/styles/multi-select/_theme-variables.material3-dark.scss +1 -0
  948. package/styles/multi-select/_theme-variables.material3.scss +1 -0
  949. package/styles/multi-select/_theme-variables.tailwind-dark.scss +1 -0
  950. package/styles/multi-select/_theme-variables.tailwind.scss +1 -0
  951. package/styles/multi-select/_theme.bds.scss +4 -0
  952. package/styles/multi-select/_theme.bootstrap-dark.scss +4 -0
  953. package/styles/multi-select/_theme.bootstrap.scss +4 -0
  954. package/styles/multi-select/_theme.bootstrap4.scss +4 -0
  955. package/styles/multi-select/_theme.bootstrap5-dark.scss +4 -0
  956. package/styles/multi-select/_theme.bootstrap5.3.scss +4 -0
  957. package/styles/multi-select/_theme.bootstrap5.scss +4 -0
  958. package/styles/multi-select/_theme.fabric-dark.scss +4 -0
  959. package/styles/multi-select/_theme.fabric.scss +4 -0
  960. package/styles/multi-select/_theme.fluent-dark.scss +4 -0
  961. package/styles/multi-select/_theme.fluent.scss +4 -0
  962. package/styles/multi-select/_theme.fluent2.scss +4 -0
  963. package/styles/multi-select/_theme.highcontrast-light.scss +4 -0
  964. package/styles/multi-select/_theme.highcontrast.scss +4 -0
  965. package/styles/multi-select/_theme.material-dark.scss +4 -0
  966. package/styles/multi-select/_theme.material.scss +4 -0
  967. package/styles/multi-select/_theme.material3-dark.scss +4 -0
  968. package/styles/multi-select/_theme.material3.scss +4 -0
  969. package/styles/multi-select/_theme.scss +0 -1
  970. package/styles/multi-select/_theme.tailwind-dark.scss +4 -0
  971. package/styles/multi-select/_theme.tailwind.scss +4 -0
  972. package/styles/multi-select/_theme.tailwind3.scss +4 -0
  973. package/styles/multi-select/bds.css +322 -159
  974. package/styles/multi-select/bds.scss +2 -2
  975. package/styles/multi-select/bootstrap-dark.css +287 -187
  976. package/styles/multi-select/bootstrap-dark.scss +2 -2
  977. package/styles/multi-select/bootstrap.css +269 -190
  978. package/styles/multi-select/bootstrap.scss +2 -2
  979. package/styles/multi-select/bootstrap4.css +358 -189
  980. package/styles/multi-select/bootstrap4.scss +2 -2
  981. package/styles/multi-select/bootstrap5-dark.css +322 -177
  982. package/styles/multi-select/bootstrap5-dark.scss +2 -2
  983. package/styles/multi-select/bootstrap5.3.css +727 -162
  984. package/styles/multi-select/bootstrap5.3.scss +2 -2
  985. package/styles/multi-select/bootstrap5.css +322 -177
  986. package/styles/multi-select/bootstrap5.scss +2 -2
  987. package/styles/multi-select/fabric-dark.css +268 -186
  988. package/styles/multi-select/fabric-dark.scss +2 -2
  989. package/styles/multi-select/fabric.css +255 -188
  990. package/styles/multi-select/fabric.scss +2 -2
  991. package/styles/multi-select/fluent-dark.css +339 -206
  992. package/styles/multi-select/fluent-dark.scss +2 -2
  993. package/styles/multi-select/fluent.css +339 -206
  994. package/styles/multi-select/fluent.scss +2 -2
  995. package/styles/multi-select/fluent2.css +975 -147
  996. package/styles/multi-select/fluent2.scss +2 -2
  997. package/styles/multi-select/highcontrast-light.css +563 -143
  998. package/styles/multi-select/highcontrast-light.scss +2 -2
  999. package/styles/multi-select/highcontrast.css +582 -141
  1000. package/styles/multi-select/highcontrast.scss +2 -2
  1001. package/styles/multi-select/material-dark.css +952 -894
  1002. package/styles/multi-select/material-dark.scss +2 -2
  1003. package/styles/multi-select/material.css +968 -883
  1004. package/styles/multi-select/material.scss +2 -2
  1005. package/styles/multi-select/material3-dark.css +1509 -231
  1006. package/styles/multi-select/material3-dark.scss +2 -2
  1007. package/styles/multi-select/material3.css +1514 -226
  1008. package/styles/multi-select/material3.scss +2 -2
  1009. package/styles/multi-select/tailwind-dark.css +302 -169
  1010. package/styles/multi-select/tailwind-dark.scss +2 -2
  1011. package/styles/multi-select/tailwind.css +302 -169
  1012. package/styles/multi-select/tailwind.scss +2 -2
  1013. package/styles/multi-select/tailwind3.css +695 -192
  1014. package/styles/multi-select/tailwind3.scss +2 -2
  1015. package/styles/tailwind-dark-lite.css +2299 -2025
  1016. package/styles/tailwind-dark-lite.scss +8 -8
  1017. package/styles/tailwind-dark.css +2068 -1644
  1018. package/styles/tailwind-dark.scss +13 -13
  1019. package/styles/tailwind-lite.css +2300 -2025
  1020. package/styles/tailwind-lite.scss +8 -8
  1021. package/styles/tailwind.css +2069 -1644
  1022. package/styles/tailwind.scss +13 -13
  1023. package/styles/tailwind3-lite.css +3193 -2056
  1024. package/styles/tailwind3-lite.scss +8 -8
  1025. package/styles/tailwind3.css +4244 -2492
  1026. package/styles/tailwind3.scss +13 -13
  1027. package/.eslintrc.json +0 -263
  1028. package/aceconfig.js +0 -17
  1029. package/styles/mention/_theme-variables.scss +0 -1
  1030. package/styles/multi-select/_theme-variables.scss +0 -1
  1031. package/tslint.json +0 -111
  1032. /package/styles/{auto-complete/_theme-variables.scss → drop-down-base/_theme-variables.tailwind3.scss} +0 -0
  1033. /package/styles/{combo-box/_theme-variables.scss → drop-down-list/_theme-variables.tailwind3.scss} +0 -0
  1034. /package/styles/{drop-down-base/_theme-variables.scss → drop-down-tree/_theme-variables.tailwind3.scss} +0 -0
  1035. /package/styles/{drop-down-list/_theme-variables.scss → list-box/_theme-variables.tailwind3.scss} +0 -0
  1036. /package/styles/{drop-down-tree/_theme-variables.scss → mention/_theme-variables.tailwind3.scss} +0 -0
  1037. /package/styles/{list-box/_theme-variables.scss → multi-select/_theme-variables.tailwind3.scss} +0 -0
@@ -18,126 +18,28 @@
18
18
  padding: 0 8px 0 0;
19
19
  }
20
20
 
21
- .e-dropdownbase {
22
- display: block;
23
- height: 100%;
24
- min-height: 36px;
25
- position: relative;
26
- width: 100%;
27
- }
28
- .e-dropdownbase .e-list-parent {
29
- margin: 0;
30
- padding: 0;
31
- }
32
-
33
- .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
34
- cursor: default;
35
- }
36
-
37
- .e-dropdownbase .e-list-item {
38
- cursor: pointer;
39
- overflow: hidden;
40
- position: relative;
41
- text-overflow: ellipsis;
42
- vertical-align: middle;
43
- white-space: nowrap;
44
- width: 100%;
45
- }
46
-
47
21
  .e-dropdownbase .e-list-item .e-list-icon {
48
- font-size: 16px;
49
- vertical-align: middle;
50
- }
51
-
52
- .e-dropdownbase .e-fixed-head {
53
- position: absolute;
54
- top: 0;
55
- }
56
-
57
- .e-dropdownbase.e-content {
58
- overflow: auto;
59
- position: relative;
60
- }
61
-
62
- .e-popup.e-ddl .e-dropdownbase.e-nodata,
63
- .e-popup.e-mention .e-dropdownbase.e-nodata {
64
- color: #fff;
65
- cursor: default;
66
- font-family: inherit;
67
- font-size: 14px;
68
- padding: 14px 16px;
69
- text-align: center;
70
- }
71
-
72
- .e-mention.e-popup {
73
- background: #ffd939;
74
- border: 0;
75
- -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
76
- box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
77
- margin-top: 2px;
78
- position: absolute;
79
- }
80
-
81
- .e-mention.e-popup .e-dropdownbase {
82
- min-height: 36px;
83
- }
84
-
85
- .e-mention .e-dropdownbase .e-list-item .e-highlight {
86
- display: inline;
87
- font-weight: bold;
88
- vertical-align: baseline;
89
- }
90
-
91
- .e-mention .e-mention-chip,
92
- .e-mention .e-mention-chip:hover {
93
- background: transparent;
94
- border-radius: 0;
95
- border: 1px solid #969696;
96
- color: #ffd939;
97
- cursor: default;
98
- }
99
-
100
- .e-mention.e-editable-element {
101
- border: 2px solid #969696;
102
- height: auto;
103
- min-height: 120px;
104
- width: 100%;
105
- }
106
-
107
- .e-form-mirror-div {
108
- white-space: pre-wrap;
109
- }
110
-
111
- .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
112
- padding-right: 20px;
22
+ padding: 0 10px 0 0;
113
23
  }
114
24
 
115
- .e-dropdownbase.e-dd-group .e-list-item {
116
- padding-left: 20px;
117
- text-indent: 0;
25
+ .e-dropdownbase .e-list-item:not(.e-active).e-hover {
26
+ border: 2px solid #fff;
118
27
  }
119
28
 
120
- .e-small .e-dropdownbase.e-dd-group .e-list-item {
121
- padding-left: 20px;
29
+ .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
30
+ border: 2px solid #000;
122
31
  }
123
32
 
124
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
125
- text-indent: 0;
33
+ .e-dropdownbase .e-list-item.e-active {
34
+ border: 2px solid #ffd939;
126
35
  }
127
36
 
128
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
129
- cursor: pointer;
130
- font-weight: normal;
131
- overflow: hidden;
132
- position: relative;
133
- text-overflow: ellipsis;
134
- vertical-align: middle;
135
- white-space: nowrap;
136
- width: 100%;
37
+ .e-dropdownbase .e-list-item.e-item-focus {
38
+ border: 2px solid #685708;
137
39
  }
138
40
 
139
- .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
140
- padding-right: 20px;
41
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
42
+ padding: 0 8px 0 0;
141
43
  }
142
44
 
143
45
  .e-rtl .e-dropdownbase .e-list-item {
@@ -315,111 +217,281 @@
315
217
  background-color: #685708;
316
218
  }
317
219
 
318
- .e-bigger .e-dropdownbase,
319
- .e-dropdownbase.e-bigger {
320
- min-height: 45px;
220
+ .e-dropdownbase .e-list-item .e-list-icon {
221
+ padding: 0 10px 0 0;
321
222
  }
322
- .e-bigger .e-dropdownbase .e-list-item,
323
- .e-dropdownbase.e-bigger .e-list-item {
324
- line-height: 48px;
325
- text-indent: 10px;
223
+
224
+ .e-dropdownbase .e-list-item:not(.e-active).e-hover {
225
+ border: 2px solid #fff;
326
226
  }
327
227
 
328
- .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
329
- .e-dropdownbase.e-bigger .e-list-group-item,
330
- .e-dropdownbase.e-bigger .e-fixed-head {
331
- line-height: 48px;
332
- text-indent: 10px;
228
+ .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
229
+ border: 2px solid #000;
333
230
  }
334
231
 
335
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
336
- .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
337
- font-size: 20px;
232
+ .e-dropdownbase .e-list-item.e-active {
233
+ border: 2px solid #ffd939;
338
234
  }
339
235
 
340
- .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
341
- padding-left: 20px;
236
+ .e-dropdownbase .e-list-item.e-item-focus {
237
+ border: 2px solid #685708;
342
238
  }
343
239
 
344
- .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
345
- padding-left: 20px;
240
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
241
+ padding: 0 8px 0 0;
346
242
  }
347
243
 
348
- .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
349
- .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
350
- .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
351
- .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
352
- .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
353
- padding-left: 16px;
354
- padding-right: 0;
244
+ .e-dropdownbase {
245
+ display: block;
246
+ height: 100%;
247
+ min-height: 36px;
248
+ position: relative;
249
+ width: 100%;
355
250
  }
356
- .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
357
- font-size: 14px;
358
- padding-left: 10px;
251
+ .e-dropdownbase .e-list-parent {
252
+ margin: 0;
253
+ padding: 0;
359
254
  }
360
255
 
361
- .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
362
- .e-dropdownbase.e-bigger.e-small .e-list-group-item,
363
- .e-dropdownbase.e-bigger.e-small .e-fixed-head {
364
- font-size: 14px;
256
+ .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
257
+ cursor: default;
365
258
  }
366
259
 
367
- .e-bigger.e-small .e-dropdownbase .e-list-item,
368
- .e-dropdownbase.e-small.e-bigger .e-list-item {
369
- color: #fff;
370
- line-height: 40px;
371
- min-height: 40px;
372
- text-indent: 16px;
260
+ .e-dropdownbase .e-list-item {
261
+ cursor: pointer;
262
+ overflow: hidden;
263
+ position: relative;
264
+ text-overflow: ellipsis;
265
+ vertical-align: middle;
266
+ white-space: nowrap;
267
+ width: 100%;
373
268
  }
374
269
 
375
- .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
376
- .e-dropdownbase.e-small.e-bigger .e-list-group-item,
377
- .e-dropdownbase.e-small.e-bigger .e-fixed-head {
378
- line-height: 40px;
379
- min-height: 40px;
380
- padding-left: 10px;
270
+ .e-dropdownbase .e-list-item .e-list-icon {
271
+ font-size: 16px;
272
+ vertical-align: middle;
381
273
  }
382
274
 
383
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
384
- .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
385
- font-size: 18px;
275
+ .e-dropdownbase .e-fixed-head {
276
+ position: absolute;
277
+ top: 0;
386
278
  }
387
279
 
388
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
389
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
390
- padding: 0 12px 0 0;
280
+ .e-dropdownbase.e-content {
281
+ overflow: auto;
282
+ position: relative;
391
283
  }
392
284
 
393
- /* stylelint-disable property-no-vendor-prefix */
394
- /* stylelint-disable property-no-vendor-prefix */
395
- @-webkit-keyframes material-spinner-rotate {
396
- 0% {
397
- -webkit-transform: rotate(0);
398
- transform: rotate(0);
399
- }
400
- 100% {
401
- -webkit-transform: rotate(360deg);
402
- transform: rotate(360deg);
403
- }
285
+ .e-popup.e-ddl .e-dropdownbase.e-nodata,
286
+ .e-popup.e-mention .e-dropdownbase.e-nodata {
287
+ color: #fff;
288
+ cursor: default;
289
+ font-family: inherit;
290
+ font-size: 14px;
291
+ padding: 14px 16px;
292
+ text-align: center;
404
293
  }
405
- @keyframes material-spinner-rotate {
406
- 0% {
407
- -webkit-transform: rotate(0);
408
- transform: rotate(0);
409
- }
410
- 100% {
411
- -webkit-transform: rotate(360deg);
412
- transform: rotate(360deg);
413
- }
294
+
295
+ .e-mention.e-popup {
296
+ background: #ffd939;
297
+ border: 0;
298
+ -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
299
+ box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
300
+ margin-top: 2px;
301
+ position: absolute;
414
302
  }
415
- @-webkit-keyframes fabric-spinner-rotate {
416
- 0% {
417
- -webkit-transform: rotate(0);
418
- transform: rotate(0);
419
- }
420
- 100% {
421
- -webkit-transform: rotate(360deg);
422
- transform: rotate(360deg);
303
+
304
+ .e-mention.e-popup .e-dropdownbase {
305
+ min-height: 36px;
306
+ }
307
+
308
+ .e-mention .e-dropdownbase .e-list-item .e-highlight {
309
+ display: inline;
310
+ font-weight: bold;
311
+ vertical-align: baseline;
312
+ }
313
+
314
+ .e-mention .e-mention-chip,
315
+ .e-mention .e-mention-chip:hover {
316
+ background: transparent;
317
+ border-radius: 0;
318
+ border: 1px solid #969696;
319
+ color: #ffd939;
320
+ cursor: default;
321
+ }
322
+
323
+ .e-mention.e-editable-element {
324
+ border: 2px solid #969696;
325
+ height: auto;
326
+ min-height: 120px;
327
+ width: 100%;
328
+ }
329
+
330
+ .e-form-mirror-div {
331
+ white-space: pre-wrap;
332
+ }
333
+
334
+ .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
335
+ padding-right: 20px;
336
+ }
337
+
338
+ .e-dropdownbase.e-dd-group .e-list-item {
339
+ padding-left: 20px;
340
+ text-indent: 0;
341
+ }
342
+
343
+ .e-small .e-dropdownbase.e-dd-group .e-list-item {
344
+ padding-left: 20px;
345
+ }
346
+
347
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
348
+ text-indent: 0;
349
+ }
350
+
351
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
352
+ cursor: pointer;
353
+ font-weight: normal;
354
+ overflow: hidden;
355
+ position: relative;
356
+ text-overflow: ellipsis;
357
+ vertical-align: middle;
358
+ white-space: nowrap;
359
+ width: 100%;
360
+ }
361
+
362
+ .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
363
+ padding-right: 20px;
364
+ }
365
+
366
+ .e-dropdownbase .e-list-item .e-list-icon {
367
+ padding: 0 10px 0 0;
368
+ }
369
+
370
+ .e-dropdownbase .e-list-item:not(.e-active).e-hover {
371
+ border: 2px solid #fff;
372
+ }
373
+
374
+ .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
375
+ border: 2px solid #000;
376
+ }
377
+
378
+ .e-dropdownbase .e-list-item.e-active {
379
+ border: 2px solid #ffd939;
380
+ }
381
+
382
+ .e-dropdownbase .e-list-item.e-item-focus {
383
+ border: 2px solid #685708;
384
+ }
385
+
386
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
387
+ padding: 0 8px 0 0;
388
+ }
389
+
390
+ .e-bigger .e-dropdownbase,
391
+ .e-dropdownbase.e-bigger {
392
+ min-height: 45px;
393
+ }
394
+ .e-bigger .e-dropdownbase .e-list-item,
395
+ .e-dropdownbase.e-bigger .e-list-item {
396
+ line-height: 48px;
397
+ text-indent: 10px;
398
+ }
399
+
400
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
401
+ .e-dropdownbase.e-bigger .e-list-group-item,
402
+ .e-dropdownbase.e-bigger .e-fixed-head {
403
+ line-height: 48px;
404
+ text-indent: 10px;
405
+ }
406
+
407
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
408
+ .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
409
+ font-size: 20px;
410
+ }
411
+
412
+ .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
413
+ padding-left: 20px;
414
+ }
415
+
416
+ .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
417
+ padding-left: 20px;
418
+ }
419
+
420
+ .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
421
+ .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
422
+ .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
423
+ .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
424
+ .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
425
+ padding-left: 16px;
426
+ padding-right: 0;
427
+ }
428
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
429
+ font-size: 14px;
430
+ padding-left: 10px;
431
+ }
432
+
433
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
434
+ .e-dropdownbase.e-bigger.e-small .e-list-group-item,
435
+ .e-dropdownbase.e-bigger.e-small .e-fixed-head {
436
+ font-size: 14px;
437
+ }
438
+
439
+ .e-bigger.e-small .e-dropdownbase .e-list-item,
440
+ .e-dropdownbase.e-small.e-bigger .e-list-item {
441
+ color: #fff;
442
+ line-height: 40px;
443
+ min-height: 40px;
444
+ text-indent: 16px;
445
+ }
446
+
447
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
448
+ .e-dropdownbase.e-small.e-bigger .e-list-group-item,
449
+ .e-dropdownbase.e-small.e-bigger .e-fixed-head {
450
+ line-height: 40px;
451
+ min-height: 40px;
452
+ padding-left: 10px;
453
+ }
454
+
455
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
456
+ .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
457
+ font-size: 18px;
458
+ }
459
+
460
+ .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
461
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
462
+ padding: 0 12px 0 0;
463
+ }
464
+
465
+ /* stylelint-disable property-no-vendor-prefix */
466
+ /* stylelint-disable property-no-vendor-prefix */
467
+ @-webkit-keyframes material-spinner-rotate {
468
+ 0% {
469
+ -webkit-transform: rotate(0);
470
+ transform: rotate(0);
471
+ }
472
+ 100% {
473
+ -webkit-transform: rotate(360deg);
474
+ transform: rotate(360deg);
475
+ }
476
+ }
477
+ @keyframes material-spinner-rotate {
478
+ 0% {
479
+ -webkit-transform: rotate(0);
480
+ transform: rotate(0);
481
+ }
482
+ 100% {
483
+ -webkit-transform: rotate(360deg);
484
+ transform: rotate(360deg);
485
+ }
486
+ }
487
+ @-webkit-keyframes fabric-spinner-rotate {
488
+ 0% {
489
+ -webkit-transform: rotate(0);
490
+ transform: rotate(0);
491
+ }
492
+ 100% {
493
+ -webkit-transform: rotate(360deg);
494
+ transform: rotate(360deg);
423
495
  }
424
496
  }
425
497
  @keyframes fabric-spinner-rotate {
@@ -492,56 +564,170 @@
492
564
  content: "\eb06";
493
565
  }
494
566
 
495
- .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
496
- width: 100%;
497
- border: 0 solid;
567
+ .e-popup.e-ddl .e-dropdownbase {
568
+ min-height: 26px;
498
569
  }
499
570
 
500
- .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
501
- display: block;
502
- visibility: hidden;
571
+ .e-ddl.e-popup {
572
+ border: 0;
573
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
574
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
575
+ margin-top: 1px;
503
576
  }
504
577
 
505
- .e-popup-full-page {
506
- bottom: 0;
507
- left: 0;
508
- margin: 0;
509
- overflow: hidden;
510
- padding: 0;
511
- right: 0;
512
- top: 0;
578
+ .e-ddl.e-popup .e-content.e-nodata {
579
+ background-color: #000;
513
580
  }
514
- .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
515
- margin: 0;
581
+
582
+ .e-ddl.e-popup .e-dropdownbase .e-list-item:not(.e-active) .e-highlight {
583
+ color: #ffd939;
516
584
  }
517
585
 
518
- .e-ddl.e-control-wrapper .e-ddl-disable-icon {
519
- position: relative;
586
+ .e-ddl.e-popup .e-input-group {
587
+ display: -webkit-box;
588
+ display: -ms-flexbox;
589
+ display: flex;
590
+ width: auto;
520
591
  }
521
592
 
522
- .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
523
- content: "";
593
+ .e-ddl.e-popup .e-input-group input {
594
+ line-height: 15px;
524
595
  }
525
596
 
526
- .e-ddl.e-control-wrapper.e-input-group .e-ddl-icon.e-ddl-disable-icon {
527
- position: relative;
597
+ .e-ddl.e-popup .e-input-group .e-clear-icon {
598
+ border-radius: 20px;
599
+ height: 20px;
600
+ margin: 5px;
601
+ min-width: 20px;
528
602
  }
529
603
 
530
- .e-ddl.e-control-wrapper.e-input-group .e-ddl-icon.e-ddl-disable-icon::before {
531
- content: "";
604
+ .e-ddl.e-popup .e-input-group .e-clear-icon::before {
605
+ font-size: 10px;
532
606
  }
533
607
 
534
- .e-ddl-device-filter .e-filter-parent {
535
- background-color: #000;
608
+ .e-ddl.e-popup .e-filter-parent {
609
+ border-left-width: 0;
610
+ border-right-width: 0;
536
611
  }
537
612
 
538
- /* stylelint-disable property-no-vendor-prefix */
539
- .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
540
- display: none;
541
- pointer-events: none;
542
- position: absolute;
543
- right: 0;
544
- visibility: hidden;
613
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
614
+ border-color: #fff;
615
+ }
616
+
617
+ .e-popup {
618
+ border-color: #969696;
619
+ }
620
+
621
+ .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
622
+ .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
623
+ color: #fff;
624
+ }
625
+
626
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
627
+ border-color: transparent;
628
+ background: none;
629
+ }
630
+
631
+ .e-popup.e-ddl .e-dropdownbase {
632
+ min-height: 26px;
633
+ }
634
+
635
+ .e-ddl.e-popup {
636
+ border: 0;
637
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
638
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
639
+ margin-top: 1px;
640
+ }
641
+
642
+ .e-ddl.e-popup .e-content.e-nodata {
643
+ background-color: #000;
644
+ }
645
+
646
+ .e-ddl.e-popup .e-dropdownbase .e-list-item:not(.e-active) .e-highlight {
647
+ color: #ffd939;
648
+ }
649
+
650
+ .e-ddl.e-popup .e-input-group {
651
+ display: -webkit-box;
652
+ display: -ms-flexbox;
653
+ display: flex;
654
+ width: auto;
655
+ }
656
+
657
+ .e-ddl.e-popup .e-input-group input {
658
+ line-height: 15px;
659
+ }
660
+
661
+ .e-ddl.e-popup .e-input-group .e-clear-icon {
662
+ border-radius: 20px;
663
+ height: 20px;
664
+ margin: 5px;
665
+ min-width: 20px;
666
+ }
667
+
668
+ .e-ddl.e-popup .e-input-group .e-clear-icon::before {
669
+ font-size: 10px;
670
+ }
671
+
672
+ .e-ddl.e-popup .e-filter-parent {
673
+ border-left-width: 0;
674
+ border-right-width: 0;
675
+ }
676
+
677
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
678
+ border-color: #fff;
679
+ }
680
+
681
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
682
+ width: 100%;
683
+ border: 0 solid;
684
+ }
685
+
686
+ .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
687
+ display: block;
688
+ visibility: hidden;
689
+ }
690
+
691
+ .e-popup-full-page {
692
+ bottom: 0;
693
+ left: 0;
694
+ margin: 0;
695
+ overflow: hidden;
696
+ padding: 0;
697
+ right: 0;
698
+ top: 0;
699
+ }
700
+ .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
701
+ margin: 0;
702
+ }
703
+
704
+ .e-ddl.e-control-wrapper .e-ddl-disable-icon {
705
+ position: relative;
706
+ }
707
+
708
+ .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
709
+ content: "";
710
+ }
711
+
712
+ .e-ddl.e-control-wrapper.e-input-group .e-ddl-icon.e-ddl-disable-icon {
713
+ position: relative;
714
+ }
715
+
716
+ .e-ddl.e-control-wrapper.e-input-group .e-ddl-icon.e-ddl-disable-icon::before {
717
+ content: "";
718
+ }
719
+
720
+ .e-ddl-device-filter .e-filter-parent {
721
+ background-color: #000;
722
+ }
723
+
724
+ /* stylelint-disable property-no-vendor-prefix */
725
+ .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
726
+ display: none;
727
+ pointer-events: none;
728
+ position: absolute;
729
+ right: 0;
730
+ visibility: hidden;
545
731
  }
546
732
 
547
733
  /* stylelint-enable property-no-vendor-prefix */
@@ -731,18 +917,54 @@ ejs-dropdownlist {
731
917
  border-color: #fff;
732
918
  }
733
919
 
734
- .e-popup {
735
- border-color: #969696;
920
+ .e-popup.e-ddl .e-dropdownbase {
921
+ min-height: 26px;
736
922
  }
737
923
 
738
- .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
739
- .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
740
- color: #fff;
924
+ .e-ddl.e-popup {
925
+ border: 0;
926
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
927
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
928
+ margin-top: 1px;
741
929
  }
742
930
 
743
- .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
744
- border-color: transparent;
745
- background: none;
931
+ .e-ddl.e-popup .e-content.e-nodata {
932
+ background-color: #000;
933
+ }
934
+
935
+ .e-ddl.e-popup .e-dropdownbase .e-list-item:not(.e-active) .e-highlight {
936
+ color: #ffd939;
937
+ }
938
+
939
+ .e-ddl.e-popup .e-input-group {
940
+ display: -webkit-box;
941
+ display: -ms-flexbox;
942
+ display: flex;
943
+ width: auto;
944
+ }
945
+
946
+ .e-ddl.e-popup .e-input-group input {
947
+ line-height: 15px;
948
+ }
949
+
950
+ .e-ddl.e-popup .e-input-group .e-clear-icon {
951
+ border-radius: 20px;
952
+ height: 20px;
953
+ margin: 5px;
954
+ min-width: 20px;
955
+ }
956
+
957
+ .e-ddl.e-popup .e-input-group .e-clear-icon::before {
958
+ font-size: 10px;
959
+ }
960
+
961
+ .e-ddl.e-popup .e-filter-parent {
962
+ border-left-width: 0;
963
+ border-right-width: 0;
964
+ }
965
+
966
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
967
+ border-color: #fff;
746
968
  }
747
969
 
748
970
  .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -845,6 +1067,49 @@ ejs-dropdownlist {
845
1067
  content: "\e7a7";
846
1068
  }
847
1069
 
1070
+ /* stylelint-disable */
1071
+ .e-ddt .e-chips {
1072
+ background-color: #bfbfbf;
1073
+ }
1074
+ .e-ddt .e-chips .e-chips-close::before {
1075
+ color: #000;
1076
+ }
1077
+ .e-ddt .e-chips > .e-chipcontent {
1078
+ color: #000;
1079
+ }
1080
+ .e-ddt .e-chips:hover {
1081
+ background-color: #685708;
1082
+ }
1083
+ .e-ddt .e-chips:hover .e-chips-close::before {
1084
+ color: #fff;
1085
+ }
1086
+ .e-ddt .e-chips:hover > .e-chipcontent {
1087
+ color: #fff;
1088
+ }
1089
+ .e-ddt .e-overflow .e-remain {
1090
+ color: #fff;
1091
+ }
1092
+ .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1093
+ background-color: #000;
1094
+ }
1095
+ .e-ddt.e-popup {
1096
+ background: #000;
1097
+ border-color: #969696;
1098
+ }
1099
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1100
+ color: #fff;
1101
+ }
1102
+ .e-ddt.e-popup .e-selectall-parent {
1103
+ border-bottom-color: #fff;
1104
+ }
1105
+ .e-ddt.e-popup .e-selectall-parent:focus {
1106
+ background: #685708;
1107
+ }
1108
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1109
+ color: #fff;
1110
+ }
1111
+
1112
+ /* stylelint-disable */
848
1113
  .e-ddt {
849
1114
  cursor: pointer;
850
1115
  outline: none;
@@ -1158,47 +1423,7 @@ ejs-dropdownlist {
1158
1423
  display: none;
1159
1424
  }
1160
1425
 
1161
- .e-ddt .e-chips {
1162
- background-color: #bfbfbf;
1163
- }
1164
- .e-ddt .e-chips .e-chips-close::before {
1165
- color: #000;
1166
- }
1167
- .e-ddt .e-chips > .e-chipcontent {
1168
- color: #000;
1169
- }
1170
- .e-ddt .e-chips:hover {
1171
- background-color: #685708;
1172
- }
1173
- .e-ddt .e-chips:hover .e-chips-close::before {
1174
- color: #fff;
1175
- }
1176
- .e-ddt .e-chips:hover > .e-chipcontent {
1177
- color: #fff;
1178
- }
1179
- .e-ddt .e-overflow .e-remain {
1180
- color: #fff;
1181
- }
1182
- .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1183
- background-color: #000;
1184
- }
1185
- .e-ddt.e-popup {
1186
- background: #000;
1187
- border-color: #969696;
1188
- }
1189
- .e-ddt.e-popup .e-popup-content.e-no-data {
1190
- color: #fff;
1191
- }
1192
- .e-ddt.e-popup .e-selectall-parent {
1193
- border-bottom-color: #fff;
1194
- }
1195
- .e-ddt.e-popup .e-selectall-parent:focus {
1196
- background: #685708;
1197
- }
1198
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
1199
- color: #fff;
1200
- }
1201
-
1426
+ /* stylelint-disable */
1202
1427
  .e-bigger .e-ddt .e-chips,
1203
1428
  .e-ddt.e-bigger .e-chips {
1204
1429
  height: 34px;
@@ -1426,1793 +1651,1776 @@ ejs-dropdownlist {
1426
1651
  content: "\eb06";
1427
1652
  }
1428
1653
 
1429
- .e-multi-select-wrapper {
1430
- -webkit-box-sizing: border-box;
1431
- box-sizing: border-box;
1432
- cursor: text;
1433
- line-height: normal;
1434
- min-height: 30px;
1435
- padding: 0 32px 0 2px;
1436
- position: relative;
1437
- -webkit-user-select: none;
1438
- -moz-user-select: none;
1439
- -ms-user-select: none;
1440
- user-select: none;
1441
- width: 100%;
1442
- }
1443
- .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1444
- height: 27px;
1445
- vertical-align: middle;
1446
- }
1447
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1448
- height: 100%;
1449
- min-height: 100%;
1654
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1655
+ color: #fff;
1656
+ top: 12px;
1450
1657
  }
1451
- .e-multi-select-wrapper .e-delim-view {
1452
- white-space: nowrap;
1658
+
1659
+ .e-multiselect .e-multi-select-wrapper input {
1660
+ /* stylelint-disable property-no-vendor-prefix */
1453
1661
  }
1454
- .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-overflow, .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-total {
1455
- -webkit-box-sizing: border-box;
1456
- box-sizing: border-box;
1457
- display: inline-block;
1458
- overflow: hidden;
1459
- text-overflow: ellipsis;
1662
+
1663
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
1664
+ color: #969696;
1665
+ font-family: inherit;
1666
+ font-size: 14px;
1667
+ font-style: italic;
1460
1668
  }
1461
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1462
- color: #000;
1463
- font-size: 10px;
1464
- left: 12px;
1465
- top: 0;
1669
+
1670
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
1671
+ color: #969696;
1672
+ font-family: inherit;
1673
+ font-size: 14px;
1674
+ font-style: italic;
1466
1675
  }
1467
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1468
- background-color: #bfbfbf;
1469
- color: #000;
1470
- padding: 9px 0;
1676
+
1677
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
1678
+ color: #969696;
1679
+ font-family: inherit;
1680
+ font-size: 14px;
1681
+ font-style: italic;
1471
1682
  }
1472
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1473
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1474
- width: 0;
1683
+
1684
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
1685
+ color: #969696;
1686
+ font-family: inherit;
1687
+ font-size: 14px;
1688
+ font-style: italic;
1475
1689
  }
1476
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1477
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1478
- height: 1px;
1479
- min-height: 1px;
1690
+
1691
+ .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chipcontent {
1692
+ color: #fff;
1480
1693
  }
1481
- .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1482
- max-width: 100%;
1694
+
1695
+ .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chips-close.e-icon::before {
1696
+ color: #fff;
1483
1697
  }
1484
1698
 
1485
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1486
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1487
- display: -webkit-box;
1488
- display: -ms-flexbox;
1489
- display: flex;
1490
- float: left;
1491
- width: auto;
1699
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1700
+ line-height: 26px;
1701
+ top: 0;
1492
1702
  }
1493
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1494
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1495
- display: -webkit-inline-box;
1496
- display: -ms-inline-flexbox;
1497
- display: inline-flex;
1498
- float: none;
1703
+
1704
+ .e-multi-select-wrapper .e-delim-values.e-delim-view {
1705
+ -webkit-text-fill-color: #fff;
1706
+ color: #fff;
1499
1707
  }
1500
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1501
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1502
- width: 0;
1708
+
1709
+ .e-multi-select-wrapper.e-delimiter .e-delim-values {
1710
+ -webkit-text-fill-color: #fff;
1711
+ color: #fff;
1503
1712
  }
1504
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1505
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1506
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1507
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1508
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1509
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1510
- display: none;
1713
+
1714
+ .e-multi-select-wrapper .e-searcher input[type=text] {
1715
+ color: #fff;
1716
+ height: 100%;
1717
+ min-height: 28px;
1511
1718
  }
1512
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1513
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1514
- padding: 0 48px 0 0;
1719
+
1720
+ .e-multi-select-wrapper .e-searcher input[type=text]::-moz-selection {
1721
+ background-color: #ffd939;
1515
1722
  }
1516
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1517
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1518
- -webkit-box-align: center;
1519
- -ms-flex-align: center;
1520
- align-items: center;
1521
- display: inline;
1522
- max-width: 100%;
1523
- word-break: break-word;
1723
+
1724
+ .e-multi-select-wrapper .e-searcher input[type=text]::selection {
1725
+ background-color: #ffd939;
1524
1726
  }
1525
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1526
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1527
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1528
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1529
- -webkit-box-align: center;
1530
- -ms-flex-align: center;
1531
- align-items: center;
1532
- cursor: pointer;
1533
- display: none;
1534
- -webkit-box-orient: horizontal;
1535
- -webkit-box-direction: normal;
1536
- -ms-flex-direction: row;
1537
- flex-direction: row;
1538
- margin-top: -3.2em;
1539
- outline: 0;
1540
- padding: 0;
1541
- position: absolute;
1542
- right: 0;
1543
- top: 100%;
1727
+
1728
+ .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon {
1729
+ padding-left: 0;
1544
1730
  }
1545
- .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1546
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1547
- .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1548
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1549
- display: -webkit-box;
1550
- display: -ms-flexbox;
1551
- display: flex;
1731
+
1732
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-selectall-parent {
1733
+ border-bottom: 1px solid #fff;
1552
1734
  }
1553
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1554
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1555
- margin-right: 0;
1556
- margin-top: -2.5em;
1557
- right: 0;
1735
+
1736
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active.e-hover {
1737
+ background-color: #ffd939;
1558
1738
  }
1559
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1560
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
1561
- top: -1px;
1739
+
1740
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active {
1741
+ border: 2px solid #ffd939;
1562
1742
  }
1563
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1564
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
1565
- font-size: 10px;
1566
- height: 30px;
1567
- width: 30px;
1743
+
1744
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-active.e-hover:not(.e-item-focus) {
1745
+ border-bottom: 2px solid #fff;
1746
+ border-left: 2px solid #fff;
1747
+ border-right: 2px solid #fff;
1748
+ border-top: 2px solid #fff;
1568
1749
  }
1569
1750
 
1570
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
1571
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
1572
- float: right;
1751
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-item-focus {
1752
+ border: 2px solid #685708;
1573
1753
  }
1574
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1575
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1576
- float: none;
1754
+
1755
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active.e-hover {
1756
+ background-color: #fff;
1757
+ border-bottom: 1px solid #fff;
1758
+ border-left: 1px solid #fff;
1759
+ border-right: 1px solid #fff;
1760
+ border-top: 1px solid #fff;
1577
1761
  }
1578
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
1579
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
1580
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
1581
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
1582
- left: 0;
1583
- right: auto;
1762
+
1763
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-hover:not(.e-active) {
1764
+ border: 2px solid #fff;
1584
1765
  }
1585
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
1586
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
1587
- padding: 0 0 0 48px;
1766
+
1767
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item:not(.e-hover):not(.e-item-focus) {
1768
+ border: 2px solid #000;
1588
1769
  }
1589
1770
 
1590
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1591
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1592
- opacity: 0.7;
1593
- pointer-events: none;
1771
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active {
1772
+ border: 2px solid #ffd939;
1594
1773
  }
1595
1774
 
1596
- .e-multiselect.e-input-group,
1597
- .e-multiselect.e-float-input {
1598
- word-wrap: initial;
1775
+ .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
1776
+ height: 30px;
1777
+ width: 30px;
1599
1778
  }
1600
1779
 
1601
- .e-multiselect.e-input-group .e-searcher .e-label-top,
1602
- .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1603
- top: 15px;
1780
+ .e-multi-select-wrapper .e-searcher input[type=text],
1781
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
1782
+ color: #fff;
1604
1783
  }
1605
1784
 
1606
- .e-multi-select-wrapper.e-close-icon-hide {
1607
- padding-right: 0;
1785
+ .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1786
+ color: #000;
1608
1787
  }
1609
1788
 
1610
- .e-multi-select-wrapper .e-chips-collection {
1611
- cursor: default;
1612
- display: block;
1789
+ .e-multi-select-wrapper .e-chips.e-chip-selected {
1790
+ background-color: #ffd939;
1613
1791
  }
1614
1792
 
1615
- .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1616
- margin-right: 30px;
1793
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1794
+ background-color: #ffd939;
1617
1795
  }
1618
1796
 
1619
- .e-multi-select-wrapper .e-multi-hidden {
1620
- border: 0;
1621
- height: 0;
1622
- position: absolute;
1623
- visibility: hidden;
1624
- width: 0;
1625
- }
1626
-
1627
- .e-multi-select-wrapper .e-chips {
1628
- -webkit-box-align: center;
1629
- -ms-flex-align: center;
1630
- align-items: center;
1631
- display: -webkit-inline-box;
1632
- display: -ms-inline-flexbox;
1633
- display: inline-flex;
1634
- float: left;
1635
- margin: 2px 2px 2px 0;
1636
- max-width: 100%;
1637
- overflow: hidden;
1638
- padding: 0 0 0 8px;
1639
- text-overflow: ellipsis;
1640
- white-space: nowrap;
1797
+ .e-multiselect {
1798
+ -webkit-box-sizing: border-box;
1799
+ box-sizing: border-box;
1641
1800
  }
1642
1801
 
1802
+ /* stylelint-disable property-no-vendor-prefix */
1643
1803
  .e-multi-select-wrapper .e-chips > .e-chipcontent {
1644
- max-width: 100%;
1645
- overflow: hidden;
1646
- padding: 3px 8px 5.5px 0;
1647
- text-indent: 0;
1648
- text-overflow: ellipsis;
1649
- white-space: nowrap;
1804
+ -webkit-text-fill-color: #000;
1805
+ color: #000;
1806
+ font-family: inherit;
1807
+ font-size: 14px;
1650
1808
  }
1651
1809
 
1652
- .e-small .e-multi-select-wrapper .e-chips {
1653
- margin: 1.5px 2px 2px 0;
1810
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
1811
+ color: #000;
1654
1812
  }
1655
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1656
- padding: 3px 8px 4.2px 0;
1813
+
1814
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
1815
+ color: #000;
1657
1816
  }
1658
1817
 
1659
- .e-multi-select-wrapper.e-delimiter .e-searcher {
1660
- display: inline-block;
1661
- float: none;
1818
+ .e-multi-select-wrapper .e-chips {
1819
+ background-color: #bfbfbf;
1820
+ border-radius: 0;
1821
+ height: 26px;
1662
1822
  }
1663
1823
 
1664
- .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1665
- padding: 6px 8px 7.5px 0;
1824
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
1825
+ background-color: #685708;
1666
1826
  }
1667
1827
 
1668
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1669
- padding: 6px 0 6px 8px;
1828
+ .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
1829
+ color: #fff;
1670
1830
  }
1671
1831
 
1672
- .e-multi-select-wrapper .e-chips-close {
1673
- -ms-flex-item-align: center;
1674
- align-self: center;
1675
- display: -webkit-box;
1676
- display: -ms-flexbox;
1677
- display: flex;
1678
- float: right;
1679
- font-family: "e-icons";
1680
- height: 26px;
1681
- margin: 10px 10px 10px 0;
1682
- width: auto;
1832
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
1833
+ -webkit-text-fill-color: #000;
1834
+ color: #000;
1835
+ font-size: 10px;
1683
1836
  }
1684
1837
 
1685
- .e-rtl .e-multi-select-wrapper .e-chips-close {
1686
- margin: 8px 0 8px 20px;
1838
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1839
+ background-color: #bfbfbf;
1840
+ border-radius: 0;
1841
+ color: #000;
1842
+ height: 38px;
1843
+ line-height: 38px;
1687
1844
  }
1688
1845
 
1689
- .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
1690
- margin: 3px 0 0;
1846
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1847
+ color: #000;
1691
1848
  }
1692
1849
 
1693
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1694
- cursor: default;
1695
- font-size: 10px;
1850
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
1696
1851
  height: 30px;
1697
- margin-top: -3em;
1698
- position: absolute;
1699
- right: 0;
1700
- width: auto;
1701
- top: 100%;
1702
1852
  }
1703
1853
 
1704
- .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1705
- .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1706
- .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1707
- right: 27px;
1854
+ .e-popup.e-multi-select-list-wrapper {
1855
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1856
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1857
+ -webkit-box-sizing: content-box;
1858
+ box-sizing: content-box;
1859
+ overflow: initial;
1708
1860
  }
1709
1861
 
1710
- .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1711
- left: 27px;
1712
- right: auto;
1862
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
1863
+ border-bottom: 1px solid transparent;
1864
+ border-left: 1px solid #ffd939;
1865
+ border-right: 1px solid #ffd939;
1866
+ border-top: 1px solid #ffd939;
1713
1867
  }
1714
1868
 
1715
- .e-multi-select-wrapper input[type=text] {
1716
- background: none;
1717
- border: 0;
1718
- font-family: inherit;
1719
- font-size: 14px;
1720
- font-weight: normal;
1721
- height: 28px;
1722
- min-height: 28px;
1723
- outline: none;
1724
- padding: 0 0 0 10px;
1725
- text-indent: 0;
1869
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
1870
+ background-color: transparent;
1871
+ border-color: transparent;
1872
+ color: #fff;
1726
1873
  }
1727
1874
 
1728
- .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1729
- background: none;
1730
- border: 0;
1731
- color: inherit;
1732
- font-family: inherit;
1733
- font-size: 14px;
1734
- font-weight: normal;
1735
- height: 28px;
1736
- min-height: 28px;
1737
- outline: none;
1738
- padding: 0;
1739
- text-indent: 10px;
1875
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
1876
+ background-color: transparent;
1877
+ border-color: transparent;
1878
+ color: #fff;
1740
1879
  }
1741
1880
 
1742
- .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1743
- padding: 5px;
1881
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
1882
+ background-color: #685708;
1744
1883
  }
1745
1884
 
1746
- /* stylelint-disable property-no-vendor-prefix */
1747
- .e-multi-select-wrapper input[type=text]::-ms-clear {
1748
- display: none;
1885
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
1886
+ background-color: #685708;
1749
1887
  }
1750
1888
 
1751
- .e-multi-select-wrapper .e-searcher {
1752
- display: block;
1753
- float: left;
1754
- width: auto;
1889
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
1890
+ border-bottom: 1px solid transparent;
1891
+ border-top: 1px solid transparent;
1755
1892
  }
1756
1893
 
1757
- .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1758
- width: calc(100% - 40px);
1894
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
1895
+ border-bottom: 1px solid transparent;
1759
1896
  }
1760
1897
 
1761
- .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1762
- .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1763
- width: calc(100% - 40px);
1898
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1899
+ background-color: #ffd939;
1900
+ -webkit-box-shadow: none;
1901
+ box-shadow: none;
1902
+ color: #000;
1903
+ border: 1px solid #ffd939;
1764
1904
  }
1765
1905
 
1766
- .e-multi-select-wrapper .e-delim-values {
1767
- font-family: inherit;
1768
- font-size: 14px;
1769
- line-height: 29px;
1770
- max-width: 100%;
1771
- padding-left: 10px;
1772
- padding-right: 0;
1773
- vertical-align: middle;
1906
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1907
+ background-color: #ffd939;
1908
+ -webkit-box-shadow: none;
1909
+ box-shadow: none;
1910
+ color: #000;
1911
+ border: 1px solid #ffd939;
1774
1912
  }
1775
1913
 
1776
- .e-multi-select-list-wrapper .e-hide-listitem,
1777
- .e-multi-select-list-wrapper .e-hide-group-header {
1778
- display: none;
1914
+ .e-popup.e-multi-select-list-wrapper .e-list-item {
1915
+ border: 1px solid transparent;
1779
1916
  }
1780
1917
 
1781
- .e-multi-select-wrapper .e-delim-values .e-remain {
1918
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
1919
+ border: 1px solid transparent;
1920
+ }
1921
+
1922
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1782
1923
  color: #fff;
1783
- cursor: pointer;
1784
- display: inline-block;
1785
- font-size: 14px;
1786
- padding-left: 16px;
1787
1924
  }
1788
1925
 
1789
- .e-multiselect.e-disabled .e-multi-select-wrapper,
1790
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
1791
- cursor: not-allowed;
1926
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1927
+ color: #fff;
1792
1928
  }
1793
1929
 
1794
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1795
- height: 38px;
1796
- left: 10px;
1797
- margin: 0 0 0 0;
1798
- margin-left: auto;
1799
- position: relative;
1800
- top: 0;
1801
- width: 38px;
1930
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1931
+ color: #fff;
1802
1932
  }
1803
1933
 
1804
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1805
- -ms-flex-item-align: center;
1806
- align-self: center;
1807
- -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1808
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1809
- display: -webkit-inline-box;
1810
- display: -ms-inline-flexbox;
1811
- display: inline-flex;
1812
- padding: 0 10px;
1813
- width: 92%;
1934
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1935
+ color: #fff;
1814
1936
  }
1815
1937
 
1816
- .e-multi-select-wrapper .e-ddl-disable-icon::before {
1817
- content: "";
1938
+ .e-ul.e-reorder {
1939
+ border-bottom: 1px solid #685708;
1818
1940
  }
1819
1941
 
1820
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
1821
- float: none;
1942
+ .e-multi-select-list-wrapper .e-selectall-parent {
1943
+ border-bottom: 1px solid #685708;
1822
1944
  }
1823
1945
 
1824
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
1825
- padding-left: 0;
1946
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus .e-checkbox-wrapper .e-frame.e-check {
1947
+ background-color: #000;
1948
+ border-color: #000;
1949
+ color: #ffd939;
1826
1950
  }
1827
- .e-multiselect.e-rtl .e-multi-select-wrapper {
1828
- padding: 0 2px 0 32px;
1951
+
1952
+ .e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus .e-checkbox-wrapper .e-frame.e-check {
1953
+ background-color: #000;
1954
+ border-color: #000;
1955
+ color: #ffd939;
1829
1956
  }
1830
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1831
- left: -12px;
1957
+
1958
+ .e-ddl.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active:not(.e-item-focus):not(.e-hover) {
1959
+ background-color: #000;
1832
1960
  }
1833
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1834
- margin: 0;
1835
- margin-right: auto;
1836
- }
1837
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
1838
- float: right;
1839
- }
1840
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
1841
- float: right;
1842
- margin: 2px 0 2px 2px;
1843
- padding: 0 8px 0 0;
1844
- }
1845
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
1846
- padding: 3px 0 3px 8px;
1847
- }
1848
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
1849
- float: left;
1850
- }
1851
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
1852
- left: -9px;
1853
- }
1854
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
1855
- padding: 0 4px 0 4px;
1856
- }
1857
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
1858
- padding: 5px 8px 6px 0;
1859
- }
1860
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1861
- padding: 0 4px 0 0;
1862
- }
1863
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1864
- padding: 9px 4px;
1961
+
1962
+ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-group-item.e-active:not(.e-item-focus):not(.e-hover) {
1963
+ background-color: #000;
1865
1964
  }
1866
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1867
- left: 27px;
1868
- position: absolute;
1869
- right: auto;
1965
+
1966
+ .e-multi-select-wrapper .e-delim-values {
1967
+ -webkit-text-fill-color: #000;
1968
+ color: #000;
1870
1969
  }
1871
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
1872
- left: -4px;
1970
+
1971
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1972
+ color: #fff;
1873
1973
  }
1874
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
1875
- padding-right: 16px;
1974
+
1975
+ .e-small .e-multi-select-wrapper .e-chips {
1976
+ height: 20px;
1876
1977
  }
1877
1978
 
1878
- .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
1879
- left: 30px;
1979
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1980
+ font-size: 12px;
1880
1981
  }
1881
1982
 
1882
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1883
- left: -10px;
1983
+ .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1984
+ font-size: 8px;
1884
1985
  }
1885
1986
 
1886
- .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1887
- bottom: 1px;
1888
- margin-right: 8px;
1889
- position: relative;
1890
- text-indent: 0;
1891
- vertical-align: middle;
1987
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
1988
+ left: 7px;
1892
1989
  }
1893
1990
 
1894
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
1895
- padding-left: 14px;
1991
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1992
+ -webkit-text-fill-color: #757575;
1993
+ color: #757575;
1896
1994
  }
1897
1995
 
1898
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
1899
- padding-right: 18px;
1996
+ .e-dropdownbase .e-list-item .e-list-icon {
1997
+ padding: 0 10px 0 0;
1900
1998
  }
1901
1999
 
1902
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1903
- bottom: 1px;
1904
- margin-right: 8px;
1905
- position: relative;
1906
- text-indent: 0;
1907
- vertical-align: middle;
2000
+ .e-dropdownbase .e-list-item:not(.e-active).e-hover {
2001
+ border: 2px solid #fff;
1908
2002
  }
1909
2003
 
1910
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
1911
- margin-left: 12px;
1912
- margin-right: 0;
2004
+ .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
2005
+ border: 2px solid #000;
1913
2006
  }
1914
2007
 
1915
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
1916
- margin-left: 12px;
1917
- margin-right: 0;
2008
+ .e-dropdownbase .e-list-item.e-active {
2009
+ border: 2px solid #ffd939;
1918
2010
  }
1919
2011
 
1920
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
1921
- padding-right: 0;
2012
+ .e-dropdownbase .e-list-item.e-item-focus {
2013
+ border: 2px solid #685708;
1922
2014
  }
1923
2015
 
1924
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
1925
- padding-right: 15px;
2016
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
2017
+ padding: 0 8px 0 0;
1926
2018
  }
1927
2019
 
1928
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-group-item {
1929
- padding-right: 10px;
2020
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
2021
+ color: #fff;
2022
+ top: 12px;
1930
2023
  }
1931
2024
 
1932
- .e-multi-select-list-wrapper .e-selectall-parent {
1933
- cursor: pointer;
1934
- display: block;
1935
- line-height: 36px;
1936
- overflow: hidden;
1937
- text-overflow: ellipsis;
1938
- padding-right: 16px;
1939
- position: relative;
1940
- text-indent: 11px;
1941
- white-space: nowrap;
1942
- width: 100%;
2025
+ .e-multiselect .e-multi-select-wrapper input {
2026
+ /* stylelint-disable property-no-vendor-prefix */
1943
2027
  }
1944
2028
 
1945
- .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
1946
- .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
1947
- padding-left: 16px;
1948
- padding-right: 15px;
2029
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
2030
+ color: #969696;
2031
+ font-family: inherit;
2032
+ font-size: 14px;
2033
+ font-style: italic;
1949
2034
  }
1950
2035
 
1951
- .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
1952
- color: #fff;
2036
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
2037
+ color: #969696;
1953
2038
  font-family: inherit;
1954
2039
  font-size: 14px;
2040
+ font-style: italic;
1955
2041
  }
1956
2042
 
1957
- .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
1958
- bottom: 1px;
1959
- margin-right: 8px;
1960
- position: relative;
1961
- text-indent: 0;
1962
- vertical-align: middle;
2043
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
2044
+ color: #969696;
2045
+ font-family: inherit;
2046
+ font-size: 14px;
2047
+ font-style: italic;
1963
2048
  }
1964
2049
 
1965
- .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
1966
- margin-left: 12px;
1967
- margin-right: 0;
2050
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
2051
+ color: #969696;
2052
+ font-family: inherit;
2053
+ font-size: 14px;
2054
+ font-style: italic;
1968
2055
  }
1969
2056
 
1970
- .e-multiselect .e-input-group-icon.e-ddl-icon {
1971
- float: right;
1972
- margin-top: 0;
2057
+ .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chipcontent {
2058
+ color: #fff;
1973
2059
  }
1974
2060
 
1975
- .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1976
- float: left;
2061
+ .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chips-close.e-icon::before {
2062
+ color: #fff;
1977
2063
  }
1978
2064
 
1979
- .e-multiselect.e-checkbox .e-multi-select-wrapper,
1980
- .e-multiselect .e-multi-select-wrapper.e-down-icon {
1981
- padding: 0;
2065
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
2066
+ line-height: 26px;
2067
+ top: 0;
1982
2068
  }
1983
2069
 
1984
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
1985
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
1986
- padding: 8px;
2070
+ .e-multi-select-wrapper .e-delim-values.e-delim-view {
2071
+ -webkit-text-fill-color: #fff;
2072
+ color: #fff;
1987
2073
  }
1988
2074
 
1989
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
1990
- padding-left: 8px;
2075
+ .e-multi-select-wrapper.e-delimiter .e-delim-values {
2076
+ -webkit-text-fill-color: #fff;
2077
+ color: #fff;
1991
2078
  }
1992
2079
 
1993
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
1994
- padding: 0;
2080
+ .e-multi-select-wrapper .e-searcher input[type=text] {
2081
+ color: #fff;
2082
+ height: 100%;
2083
+ min-height: 28px;
1995
2084
  }
1996
2085
 
1997
- .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
1998
- line-height: 20px;
1999
- padding-left: 10px;
2086
+ .e-multi-select-wrapper .e-searcher input[type=text]::-moz-selection {
2087
+ background-color: #ffd939;
2000
2088
  }
2001
2089
 
2002
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
2003
- .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
2004
- opacity: 0.3;
2090
+ .e-multi-select-wrapper .e-searcher input[type=text]::selection {
2091
+ background-color: #ffd939;
2005
2092
  }
2006
2093
 
2007
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
2008
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
2009
- opacity: 0.7;
2094
+ .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon {
2095
+ padding-left: 0;
2010
2096
  }
2011
2097
 
2012
- .e-multi-select-wrapper input[readonly=true] {
2013
- pointer-events: none;
2098
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-selectall-parent {
2099
+ border-bottom: 1px solid #fff;
2014
2100
  }
2015
2101
 
2016
- .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
2017
- pointer-events: none;
2102
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active.e-hover {
2103
+ background-color: #ffd939;
2018
2104
  }
2019
2105
 
2020
- ejs-multiselect {
2021
- display: block;
2106
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active {
2107
+ border: 2px solid #ffd939;
2022
2108
  }
2023
2109
 
2024
- .e-small.e-multi-select-list-wrapper .e-selectall-parent,
2025
- .e-small .e-multi-select-list-wrapper .e-selectall-parent {
2026
- line-height: 26px;
2110
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-active.e-hover:not(.e-item-focus) {
2111
+ border-bottom: 2px solid #fff;
2112
+ border-left: 2px solid #fff;
2113
+ border-right: 2px solid #fff;
2114
+ border-top: 2px solid #fff;
2027
2115
  }
2028
2116
 
2029
- .e-small .e-multi-select-wrapper .e-chips-close {
2030
- height: 22px;
2031
- width: auto;
2117
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-item-focus {
2118
+ border: 2px solid #685708;
2032
2119
  }
2033
2120
 
2034
- .e-small .e-multi-select-wrapper {
2035
- min-height: 24px;
2121
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active.e-hover {
2122
+ background-color: #fff;
2123
+ border-bottom: 1px solid #fff;
2124
+ border-left: 1px solid #fff;
2125
+ border-right: 1px solid #fff;
2126
+ border-top: 1px solid #fff;
2036
2127
  }
2037
2128
 
2038
- .e-small .e-multi-select-wrapper input[type=text] {
2039
- height: 24px;
2040
- min-height: 24px;
2129
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-hover:not(.e-active) {
2130
+ border: 2px solid #fff;
2041
2131
  }
2042
2132
 
2043
- .e-small .e-multi-select-wrapper .e-delim-values {
2044
- font-size: 13px;
2045
- line-height: 24px;
2133
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item:not(.e-hover):not(.e-item-focus) {
2134
+ border: 2px solid #000;
2046
2135
  }
2047
2136
 
2048
- .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2049
- .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2050
- margin-top: -3.2em;
2137
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active {
2138
+ border: 2px solid #ffd939;
2051
2139
  }
2052
2140
 
2053
- .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2054
- .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2055
- margin-top: -2.5em;
2141
+ .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
2142
+ height: 30px;
2143
+ width: 30px;
2056
2144
  }
2057
2145
 
2058
- .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2059
- background-size: 300px 33px;
2060
- min-height: 33px;
2146
+ .e-multi-select-wrapper .e-searcher input[type=text],
2147
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
2148
+ color: #fff;
2061
2149
  }
2062
2150
 
2063
- .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2064
- color: inherit;
2151
+ .e-multi-select-wrapper {
2152
+ -webkit-box-sizing: border-box;
2153
+ box-sizing: border-box;
2154
+ cursor: text;
2155
+ line-height: normal;
2156
+ min-height: 30px;
2157
+ padding: 0 32px 0 2px;
2158
+ position: relative;
2159
+ -webkit-user-select: none;
2160
+ -moz-user-select: none;
2161
+ -ms-user-select: none;
2162
+ user-select: none;
2163
+ width: 100%;
2065
2164
  }
2066
-
2067
- .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2068
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2069
- -webkit-box-align: normal;
2070
- -ms-flex-align: normal;
2071
- align-items: normal;
2165
+ .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2166
+ height: 27px;
2167
+ vertical-align: middle;
2072
2168
  }
2073
-
2074
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2075
- padding: 0 12px 0 8px;
2169
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
2170
+ height: 100%;
2171
+ min-height: 100%;
2076
2172
  }
2077
-
2078
- .e-multiselect.e-filled.e-input-group.e-control-wrapper {
2079
- padding: 0;
2173
+ .e-multi-select-wrapper .e-delim-view {
2174
+ white-space: nowrap;
2080
2175
  }
2081
-
2082
- .e-filled.e-float-input .e-multi-select-wrapper {
2083
- padding: 11px 12px 0;
2176
+ .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-overflow, .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-total {
2177
+ -webkit-box-sizing: border-box;
2178
+ box-sizing: border-box;
2179
+ display: inline-block;
2180
+ overflow: hidden;
2181
+ text-overflow: ellipsis;
2084
2182
  }
2085
-
2086
- .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2087
- .e-small .e-filled.e-float-input .e-multi-select-wrapper {
2088
- padding: 12px 12px 0 8px;
2183
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
2184
+ color: #000;
2185
+ font-size: 10px;
2186
+ left: 12px;
2187
+ top: 0;
2089
2188
  }
2090
-
2091
- .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2092
- .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2093
- padding: 0;
2189
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2190
+ background-color: #bfbfbf;
2191
+ color: #000;
2192
+ padding: 9px 0;
2094
2193
  }
2095
-
2096
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2097
- height: 28px;
2194
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
2195
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
2196
+ width: 0;
2098
2197
  }
2099
-
2100
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2101
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2102
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2103
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2104
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2105
- height: 24px;
2198
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
2199
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
2200
+ height: 1px;
2201
+ min-height: 1px;
2106
2202
  }
2107
-
2108
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2109
- height: 18px;
2203
+ .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
2204
+ max-width: 100%;
2110
2205
  }
2111
2206
 
2112
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2113
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2114
- margin: 8px 8px 0 0;
2115
- padding: 0 8px;
2207
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
2208
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
2209
+ display: -webkit-box;
2210
+ display: -ms-flexbox;
2211
+ display: flex;
2212
+ float: left;
2213
+ width: auto;
2116
2214
  }
2117
-
2118
- .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2119
- .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2120
- margin: 8px 0 0 8px;
2121
- padding: 0 8px;
2215
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
2216
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2217
+ display: -webkit-inline-box;
2218
+ display: -ms-inline-flexbox;
2219
+ display: inline-flex;
2220
+ float: none;
2122
2221
  }
2123
-
2124
- .e-small .e-filled .e-multi-select-wrapper .e-chips,
2125
- .e-small.e-filled .e-multi-select-wrapper .e-chips {
2126
- height: 16px 16px;
2127
- margin: 4px 4px 0 0;
2128
- padding-right: 8px;
2222
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
2223
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
2224
+ width: 0;
2129
2225
  }
2130
-
2131
- .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2132
- .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2133
- margin: 4px 0 0 4px;
2226
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
2227
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
2228
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
2229
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
2230
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
2231
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
2232
+ display: none;
2134
2233
  }
2135
-
2136
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2137
- font-size: 13px;
2138
- padding: 0 8px 0 0;
2234
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
2235
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
2236
+ padding: 0 48px 0 0;
2139
2237
  }
2140
-
2141
- .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2142
- .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2143
- font-size: 12px;
2238
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
2239
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
2240
+ -webkit-box-align: center;
2241
+ -ms-flex-align: center;
2242
+ align-items: center;
2243
+ display: inline;
2244
+ max-width: 100%;
2245
+ word-break: break-word;
2144
2246
  }
2145
-
2146
- .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2147
- font-size: 12px;
2148
- padding: 0 4px 0 0;
2247
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
2248
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2249
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
2250
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2251
+ -webkit-box-align: center;
2252
+ -ms-flex-align: center;
2253
+ align-items: center;
2254
+ cursor: pointer;
2255
+ display: none;
2256
+ -webkit-box-orient: horizontal;
2257
+ -webkit-box-direction: normal;
2258
+ -ms-flex-direction: row;
2259
+ flex-direction: row;
2260
+ margin-top: -3.2em;
2261
+ outline: 0;
2262
+ padding: 0;
2263
+ position: absolute;
2264
+ right: 0;
2265
+ top: 100%;
2149
2266
  }
2150
-
2151
- .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2152
- padding: 0 0 0 4px;
2267
+ .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2268
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2269
+ .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2270
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2271
+ display: -webkit-box;
2272
+ display: -ms-flexbox;
2273
+ display: flex;
2153
2274
  }
2154
-
2155
- .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2156
- .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2275
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2276
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2277
+ margin-right: 0;
2278
+ margin-top: -2.5em;
2279
+ right: 0;
2280
+ }
2281
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
2282
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
2283
+ top: -1px;
2284
+ }
2285
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
2286
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
2157
2287
  font-size: 10px;
2288
+ height: 30px;
2289
+ width: 30px;
2158
2290
  }
2159
2291
 
2160
- .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2161
- font-size: 13px;
2162
- padding-right: 4px;
2292
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
2293
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
2294
+ float: right;
2295
+ }
2296
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
2297
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2298
+ float: none;
2299
+ }
2300
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
2301
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
2302
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
2303
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
2304
+ left: 0;
2305
+ right: auto;
2306
+ }
2307
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
2308
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
2309
+ padding: 0 0 0 48px;
2163
2310
  }
2164
2311
 
2165
- .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2166
- .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2167
- height: 38px;
2168
- margin-top: -38px;
2169
- right: 12px;
2170
- top: 100%;
2171
- width: 16px;
2312
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
2313
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
2314
+ opacity: 0.7;
2315
+ pointer-events: none;
2172
2316
  }
2173
2317
 
2174
- .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2175
- .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2176
- .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2177
- .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2178
- .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
2179
- display: none;
2318
+ .e-multiselect.e-input-group,
2319
+ .e-multiselect.e-float-input {
2320
+ word-wrap: initial;
2180
2321
  }
2181
2322
 
2182
- .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
2183
- margin-right: 0;
2323
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
2324
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
2325
+ top: 15px;
2184
2326
  }
2185
2327
 
2186
- .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2187
- .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2188
- cursor: not-allowed;
2328
+ .e-multi-select-wrapper.e-close-icon-hide {
2329
+ padding-right: 0;
2189
2330
  }
2190
2331
 
2191
- .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2192
- .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
2193
- cursor: pointer;
2332
+ .e-multi-select-wrapper .e-chips-collection {
2333
+ cursor: default;
2334
+ display: block;
2194
2335
  }
2195
2336
 
2196
- .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
2197
- bottom: 0;
2198
- right: 0;
2199
- cursor: nwse-resize;
2200
- height: 15px;
2201
- position: absolute;
2202
- width: 15px;
2337
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
2338
+ margin-right: 30px;
2203
2339
  }
2204
2340
 
2205
- .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
2206
- background: transparent;
2207
- color: rgb(221, 218, 218);
2341
+ .e-multi-select-wrapper .e-multi-hidden {
2342
+ border: 0;
2343
+ height: 0;
2344
+ position: absolute;
2345
+ visibility: hidden;
2346
+ width: 0;
2208
2347
  }
2209
2348
 
2210
- .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2211
- color: #000;
2349
+ .e-multi-select-wrapper .e-chips {
2350
+ -webkit-box-align: center;
2351
+ -ms-flex-align: center;
2352
+ align-items: center;
2353
+ display: -webkit-inline-box;
2354
+ display: -ms-inline-flexbox;
2355
+ display: inline-flex;
2356
+ float: left;
2357
+ margin: 2px 2px 2px 0;
2358
+ max-width: 100%;
2359
+ overflow: hidden;
2360
+ padding: 0 0 0 8px;
2361
+ text-overflow: ellipsis;
2362
+ white-space: nowrap;
2212
2363
  }
2213
2364
 
2214
- .e-multi-select-wrapper .e-chips.e-chip-selected {
2215
- background-color: #ffd939;
2365
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
2366
+ max-width: 100%;
2367
+ overflow: hidden;
2368
+ padding: 3px 8px 5.5px 0;
2369
+ text-indent: 0;
2370
+ text-overflow: ellipsis;
2371
+ white-space: nowrap;
2216
2372
  }
2217
2373
 
2218
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
2219
- background-color: #ffd939;
2374
+ .e-small .e-multi-select-wrapper .e-chips {
2375
+ margin: 1.5px 2px 2px 0;
2220
2376
  }
2221
-
2222
- .e-multiselect {
2223
- -webkit-box-sizing: border-box;
2224
- box-sizing: border-box;
2377
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2378
+ padding: 3px 8px 4.2px 0;
2225
2379
  }
2226
2380
 
2227
- /* stylelint-disable property-no-vendor-prefix */
2228
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
2229
- -webkit-text-fill-color: #000;
2230
- color: #000;
2231
- font-family: inherit;
2232
- font-size: 14px;
2381
+ .e-multi-select-wrapper.e-delimiter .e-searcher {
2382
+ display: inline-block;
2383
+ float: none;
2233
2384
  }
2234
2385
 
2235
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
2236
- color: #000;
2386
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
2387
+ padding: 6px 8px 7.5px 0;
2237
2388
  }
2238
2389
 
2239
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
2240
- color: #000;
2390
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
2391
+ padding: 6px 0 6px 8px;
2241
2392
  }
2242
2393
 
2243
- .e-multi-select-wrapper .e-chips {
2244
- background-color: #bfbfbf;
2245
- border-radius: 0;
2394
+ .e-multi-select-wrapper .e-chips-close {
2395
+ -ms-flex-item-align: center;
2396
+ align-self: center;
2397
+ display: -webkit-box;
2398
+ display: -ms-flexbox;
2399
+ display: flex;
2400
+ float: right;
2401
+ font-family: "e-icons";
2246
2402
  height: 26px;
2403
+ margin: 10px 10px 10px 0;
2404
+ width: auto;
2247
2405
  }
2248
2406
 
2249
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
2250
- background-color: #685708;
2407
+ .e-rtl .e-multi-select-wrapper .e-chips-close {
2408
+ margin: 8px 0 8px 20px;
2251
2409
  }
2252
2410
 
2253
- .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
2254
- color: #fff;
2411
+ .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
2412
+ margin: 3px 0 0;
2255
2413
  }
2256
2414
 
2257
- .e-multi-select-wrapper .e-chips .e-chips-close::before {
2258
- -webkit-text-fill-color: #000;
2259
- color: #000;
2415
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2416
+ cursor: default;
2260
2417
  font-size: 10px;
2418
+ height: 30px;
2419
+ margin-top: -3em;
2420
+ position: absolute;
2421
+ right: 0;
2422
+ width: auto;
2423
+ top: 100%;
2261
2424
  }
2262
2425
 
2263
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2264
- background-color: #bfbfbf;
2265
- border-radius: 0;
2266
- color: #000;
2267
- height: 38px;
2268
- line-height: 38px;
2426
+ .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2427
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2428
+ .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
2429
+ right: 27px;
2269
2430
  }
2270
2431
 
2271
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2272
- color: #000;
2432
+ .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
2433
+ left: 27px;
2434
+ right: auto;
2273
2435
  }
2274
2436
 
2275
- .e-multi-select-wrapper .e-chips.e-mob-chip {
2276
- height: 30px;
2437
+ .e-multi-select-wrapper input[type=text] {
2438
+ background: none;
2439
+ border: 0;
2440
+ font-family: inherit;
2441
+ font-size: 14px;
2442
+ font-weight: normal;
2443
+ height: 28px;
2444
+ min-height: 28px;
2445
+ outline: none;
2446
+ padding: 0 0 0 10px;
2447
+ text-indent: 0;
2277
2448
  }
2278
2449
 
2279
- .e-popup.e-multi-select-list-wrapper {
2280
- -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2281
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2282
- -webkit-box-sizing: content-box;
2283
- box-sizing: content-box;
2284
- overflow: initial;
2450
+ .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
2451
+ background: none;
2452
+ border: 0;
2453
+ color: inherit;
2454
+ font-family: inherit;
2455
+ font-size: 14px;
2456
+ font-weight: normal;
2457
+ height: 28px;
2458
+ min-height: 28px;
2459
+ outline: none;
2460
+ padding: 0;
2461
+ text-indent: 10px;
2285
2462
  }
2286
2463
 
2287
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
2288
- border-bottom: 1px solid transparent;
2289
- border-left: 1px solid #ffd939;
2290
- border-right: 1px solid #ffd939;
2291
- border-top: 1px solid #ffd939;
2464
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
2465
+ padding: 5px;
2292
2466
  }
2293
2467
 
2294
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
2295
- background-color: transparent;
2296
- border-color: transparent;
2297
- color: #fff;
2468
+ /* stylelint-disable property-no-vendor-prefix */
2469
+ .e-multi-select-wrapper input[type=text]::-ms-clear {
2470
+ display: none;
2298
2471
  }
2299
2472
 
2300
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
2301
- background-color: transparent;
2302
- border-color: transparent;
2303
- color: #fff;
2473
+ .e-multi-select-wrapper .e-searcher {
2474
+ display: block;
2475
+ float: left;
2476
+ width: auto;
2304
2477
  }
2305
2478
 
2306
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2307
- background-color: #685708;
2479
+ .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2480
+ width: calc(100% - 40px);
2308
2481
  }
2309
2482
 
2310
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
2311
- background-color: #685708;
2483
+ .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2484
+ .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2485
+ width: calc(100% - 40px);
2312
2486
  }
2313
2487
 
2314
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
2315
- border-bottom: 1px solid transparent;
2316
- border-top: 1px solid transparent;
2488
+ .e-multi-select-wrapper .e-delim-values {
2489
+ font-family: inherit;
2490
+ font-size: 14px;
2491
+ line-height: 29px;
2492
+ max-width: 100%;
2493
+ padding-left: 10px;
2494
+ padding-right: 0;
2495
+ vertical-align: middle;
2317
2496
  }
2318
2497
 
2319
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
2320
- border-bottom: 1px solid transparent;
2498
+ .e-multi-select-list-wrapper .e-hide-listitem,
2499
+ .e-multi-select-list-wrapper .e-hide-group-header {
2500
+ display: none;
2321
2501
  }
2322
2502
 
2323
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2324
- background-color: #ffd939;
2325
- -webkit-box-shadow: none;
2326
- box-shadow: none;
2327
- color: #000;
2328
- border: 1px solid #ffd939;
2503
+ .e-multi-select-wrapper .e-delim-values .e-remain {
2504
+ color: #fff;
2505
+ cursor: pointer;
2506
+ display: inline-block;
2507
+ font-size: 14px;
2508
+ padding-left: 16px;
2329
2509
  }
2330
2510
 
2331
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2332
- background-color: #ffd939;
2333
- -webkit-box-shadow: none;
2334
- box-shadow: none;
2335
- color: #000;
2336
- border: 1px solid #ffd939;
2511
+ .e-multiselect.e-disabled .e-multi-select-wrapper,
2512
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
2513
+ cursor: not-allowed;
2337
2514
  }
2338
2515
 
2339
- .e-popup.e-multi-select-list-wrapper .e-list-item {
2340
- border: 1px solid transparent;
2516
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
2517
+ height: 38px;
2518
+ left: 10px;
2519
+ margin: 0 0 0 0;
2520
+ margin-left: auto;
2521
+ position: relative;
2522
+ top: 0;
2523
+ width: 38px;
2341
2524
  }
2342
2525
 
2343
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
2344
- border: 1px solid transparent;
2526
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2527
+ -ms-flex-item-align: center;
2528
+ align-self: center;
2529
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2530
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2531
+ display: -webkit-inline-box;
2532
+ display: -ms-inline-flexbox;
2533
+ display: inline-flex;
2534
+ padding: 0 10px;
2535
+ width: 92%;
2345
2536
  }
2346
2537
 
2347
- .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2348
- color: #fff;
2538
+ .e-multi-select-wrapper .e-ddl-disable-icon::before {
2539
+ content: "";
2349
2540
  }
2350
2541
 
2351
- .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2352
- color: #fff;
2542
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
2543
+ float: none;
2353
2544
  }
2354
2545
 
2355
- .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2356
- color: #fff;
2546
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
2547
+ padding-left: 0;
2357
2548
  }
2358
-
2359
- .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2360
- color: #fff;
2549
+ .e-multiselect.e-rtl .e-multi-select-wrapper {
2550
+ padding: 0 2px 0 32px;
2361
2551
  }
2362
-
2363
- .e-ul.e-reorder {
2364
- border-bottom: 1px solid #685708;
2552
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
2553
+ left: -12px;
2365
2554
  }
2366
-
2367
- .e-multi-select-list-wrapper .e-selectall-parent {
2368
- border-bottom: 1px solid #685708;
2555
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
2556
+ margin: 0;
2557
+ margin-right: auto;
2369
2558
  }
2370
-
2371
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus .e-checkbox-wrapper .e-frame.e-check {
2372
- background-color: #000;
2373
- border-color: #000;
2374
- color: #ffd939;
2559
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
2560
+ float: right;
2375
2561
  }
2376
-
2377
- .e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus .e-checkbox-wrapper .e-frame.e-check {
2378
- background-color: #000;
2379
- border-color: #000;
2380
- color: #ffd939;
2562
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
2563
+ float: right;
2564
+ margin: 2px 0 2px 2px;
2565
+ padding: 0 8px 0 0;
2381
2566
  }
2382
-
2383
- .e-ddl.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active:not(.e-item-focus):not(.e-hover) {
2384
- background-color: #000;
2567
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
2568
+ padding: 3px 0 3px 8px;
2385
2569
  }
2386
-
2387
- e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-group-item.e-active:not(.e-item-focus):not(.e-hover) {
2388
- background-color: #000;
2570
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
2571
+ float: left;
2389
2572
  }
2390
-
2391
- .e-multi-select-wrapper .e-delim-values {
2392
- -webkit-text-fill-color: #000;
2393
- color: #000;
2573
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
2574
+ left: -9px;
2394
2575
  }
2395
-
2396
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2397
- color: #fff;
2576
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
2577
+ padding: 0 4px 0 4px;
2398
2578
  }
2399
-
2400
- .e-small .e-multi-select-wrapper .e-chips {
2401
- height: 20px;
2579
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
2580
+ padding: 5px 8px 6px 0;
2402
2581
  }
2403
-
2404
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2405
- font-size: 12px;
2582
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2583
+ padding: 0 4px 0 0;
2584
+ }
2585
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2586
+ padding: 9px 4px;
2587
+ }
2588
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2589
+ left: 27px;
2590
+ position: absolute;
2591
+ right: auto;
2592
+ }
2593
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
2594
+ left: -4px;
2595
+ }
2596
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
2597
+ padding-right: 16px;
2406
2598
  }
2407
2599
 
2408
- .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2409
- font-size: 8px;
2600
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
2601
+ left: 30px;
2410
2602
  }
2411
2603
 
2412
- .e-small .e-multi-select-wrapper .e-close-hooker::before {
2413
- left: 7px;
2604
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
2605
+ left: -10px;
2414
2606
  }
2415
2607
 
2416
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2417
- -webkit-text-fill-color: #757575;
2418
- color: #757575;
2608
+ .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2609
+ bottom: 1px;
2610
+ margin-right: 8px;
2611
+ position: relative;
2612
+ text-indent: 0;
2613
+ vertical-align: middle;
2419
2614
  }
2420
2615
 
2421
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
2422
- .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2423
- margin-top: -3.1em;
2616
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
2617
+ padding-left: 14px;
2424
2618
  }
2425
2619
 
2426
- .e-bigger .e-multi-select-wrapper {
2427
- min-height: 38px;
2620
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
2621
+ padding-right: 18px;
2428
2622
  }
2429
2623
 
2430
- .e-bigger .e-multi-select-wrapper .e-chips {
2431
- margin: 4px 2px 2px 0;
2624
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2625
+ bottom: 1px;
2626
+ margin-right: 8px;
2627
+ position: relative;
2628
+ text-indent: 0;
2629
+ vertical-align: middle;
2432
2630
  }
2433
2631
 
2434
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
2435
- padding: 6px 8px 7.5px 0;
2632
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
2633
+ margin-left: 12px;
2634
+ margin-right: 0;
2436
2635
  }
2437
2636
 
2438
- .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
2439
- padding: 6px 0 6px 8px;
2637
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
2638
+ margin-left: 12px;
2639
+ margin-right: 0;
2440
2640
  }
2441
2641
 
2442
- .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2443
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
2444
- right: 38px;
2642
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
2643
+ padding-right: 0;
2445
2644
  }
2446
2645
 
2447
- .e-bigger .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
2448
- .e-bigger.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
2449
- left: 38px;
2450
- right: auto;
2646
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
2647
+ padding-right: 15px;
2451
2648
  }
2452
2649
 
2453
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2454
- margin-top: -3.5em;
2650
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-group-item {
2651
+ padding-right: 10px;
2455
2652
  }
2456
2653
 
2457
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
2458
- .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2459
- margin-top: -3.5em;
2460
- margin-top: -3.2em;
2654
+ .e-multi-select-list-wrapper .e-selectall-parent {
2655
+ cursor: pointer;
2656
+ display: block;
2657
+ line-height: 36px;
2658
+ overflow: hidden;
2659
+ text-overflow: ellipsis;
2660
+ padding-right: 16px;
2661
+ position: relative;
2662
+ text-indent: 11px;
2663
+ white-space: nowrap;
2664
+ width: 100%;
2461
2665
  }
2462
2666
 
2463
- .e-bigger .e-multi-select-wrapper input[type=text],
2464
- .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
2465
- height: 28px;
2466
- min-height: 28px;
2667
+ .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
2668
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
2669
+ padding-left: 16px;
2670
+ padding-right: 15px;
2467
2671
  }
2468
2672
 
2469
- .e-bigger .e-multi-select-wrapper input[type=text] {
2470
- height: 38px;
2471
- min-height: 38px;
2673
+ .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2674
+ color: #fff;
2675
+ font-family: inherit;
2676
+ font-size: 14px;
2472
2677
  }
2473
2678
 
2474
- .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2475
- .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2476
- width: calc(100% - 48px);
2679
+ .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2680
+ bottom: 1px;
2681
+ margin-right: 8px;
2682
+ position: relative;
2683
+ text-indent: 0;
2684
+ vertical-align: middle;
2477
2685
  }
2478
2686
 
2479
- .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2480
- .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2481
- .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2482
- .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2483
- width: calc(100% - 44px);
2687
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
2688
+ margin-left: 12px;
2689
+ margin-right: 0;
2484
2690
  }
2485
2691
 
2486
- .e-bigger .e-multi-select-wrapper .e-delim-values {
2487
- line-height: 36px;
2488
- padding-left: 10px;
2692
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
2693
+ float: right;
2694
+ margin-top: 0;
2489
2695
  }
2490
2696
 
2491
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
2492
- padding-right: 8px;
2697
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
2698
+ float: left;
2493
2699
  }
2494
2700
 
2495
- .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
2496
- .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2497
- bottom: 1px;
2498
- margin-right: 10px;
2701
+ .e-multiselect.e-checkbox .e-multi-select-wrapper,
2702
+ .e-multiselect .e-multi-select-wrapper.e-down-icon {
2703
+ padding: 0;
2499
2704
  }
2500
2705
 
2501
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
2502
- .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2503
- bottom: 1px;
2504
- margin-right: 10px;
2706
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2707
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
2708
+ padding: 8px;
2505
2709
  }
2506
2710
 
2507
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-group-item {
2508
- padding-right: 16px;
2711
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2712
+ padding-left: 8px;
2509
2713
  }
2510
2714
 
2511
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
2512
- padding-left: 16px;
2715
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
2716
+ padding: 0;
2513
2717
  }
2514
2718
 
2515
- .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 {
2516
- padding-left: 20px;
2719
+ .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
2720
+ line-height: 20px;
2721
+ padding-left: 10px;
2517
2722
  }
2518
2723
 
2519
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
2520
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
2521
- font-size: 14px;
2522
- line-height: 46px;
2523
- text-indent: 17px;
2724
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
2725
+ .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
2726
+ opacity: 0.3;
2524
2727
  }
2525
2728
 
2526
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
2527
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2528
- bottom: 1px;
2529
- margin-right: 10px;
2729
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
2730
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
2731
+ opacity: 0.7;
2530
2732
  }
2531
2733
 
2532
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2533
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
2534
- padding: 4px 0;
2734
+ .e-multi-select-wrapper input[readonly=true] {
2735
+ pointer-events: none;
2535
2736
  }
2536
2737
 
2537
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2538
- padding-left: 8px;
2738
+ .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
2739
+ pointer-events: none;
2539
2740
  }
2540
2741
 
2541
- .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2542
- .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2543
- line-height: 40px;
2742
+ ejs-multiselect {
2743
+ display: block;
2544
2744
  }
2545
2745
 
2546
- .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2547
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2548
- margin-top: -2.85em;
2746
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
2747
+ .e-small .e-multi-select-list-wrapper .e-selectall-parent {
2748
+ line-height: 26px;
2549
2749
  }
2550
2750
 
2551
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2552
- height: 26px;
2751
+ .e-small .e-multi-select-wrapper .e-chips-close {
2752
+ height: 22px;
2553
2753
  width: auto;
2554
2754
  }
2555
2755
 
2556
- .e-bigger.e-small .e-multi-select-wrapper {
2557
- min-height: 26px;
2756
+ .e-small .e-multi-select-wrapper {
2757
+ min-height: 24px;
2558
2758
  }
2559
2759
 
2560
- .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
2561
- height: 34px;
2562
- min-height: 34px;
2760
+ .e-small .e-multi-select-wrapper input[type=text] {
2761
+ height: 24px;
2762
+ min-height: 24px;
2563
2763
  }
2564
2764
 
2565
- .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
2566
- font-size: 14px;
2567
- line-height: 34px;
2765
+ .e-small .e-multi-select-wrapper .e-delim-values {
2766
+ font-size: 13px;
2767
+ line-height: 24px;
2568
2768
  }
2569
2769
 
2570
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2571
- .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2572
- margin-top: -3.4em;
2573
- right: 0;
2770
+ .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2771
+ .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2772
+ margin-top: -3.2em;
2574
2773
  }
2575
2774
 
2576
- .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
2577
- .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2578
- background-size: 300px 40px;
2579
- min-height: 40px;
2775
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2776
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2777
+ margin-top: -2.5em;
2580
2778
  }
2581
2779
 
2582
- .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
2583
- .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2584
- padding: 3px 12px 0 4px;
2780
+ .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2781
+ background-size: 300px 33px;
2782
+ min-height: 33px;
2585
2783
  }
2586
2784
 
2587
- .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2588
- .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2589
- .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2590
- .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
2591
- padding: 0;
2785
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2786
+ color: inherit;
2592
2787
  }
2593
2788
 
2594
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
2595
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
2596
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2597
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
2598
- padding: 11px 12px 0;
2789
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2790
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2791
+ -webkit-box-align: normal;
2792
+ -ms-flex-align: normal;
2793
+ align-items: normal;
2599
2794
  }
2600
2795
 
2601
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
2602
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
2603
- padding: 19px 12px 0 16px;
2796
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2797
+ padding: 0 12px 0 8px;
2604
2798
  }
2605
2799
 
2606
- .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2607
- padding-top: 3px;
2800
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper {
2801
+ padding: 0;
2608
2802
  }
2609
2803
 
2610
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
2611
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
2612
- padding: 5px 0;
2804
+ .e-filled.e-float-input .e-multi-select-wrapper {
2805
+ padding: 11px 12px 0;
2613
2806
  }
2614
2807
 
2615
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2616
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2617
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2618
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2619
- height: 28px;
2808
+ .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2809
+ .e-small .e-filled.e-float-input .e-multi-select-wrapper {
2810
+ padding: 12px 12px 0 8px;
2620
2811
  }
2621
2812
 
2622
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2623
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2624
- height: 24px;
2813
+ .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2814
+ .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2815
+ padding: 0;
2625
2816
  }
2626
2817
 
2627
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2628
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2629
- height: 32px;
2818
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2819
+ height: 28px;
2630
2820
  }
2631
2821
 
2632
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2633
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2634
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2635
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2822
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2823
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2824
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2825
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2826
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2827
+ height: 24px;
2828
+ }
2829
+
2830
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2636
2831
  height: 18px;
2637
2832
  }
2638
2833
 
2639
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2640
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2641
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2642
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2643
- .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2644
- .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2645
- .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2646
- .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2834
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2835
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2647
2836
  margin: 8px 8px 0 0;
2648
- padding: 0 8px 0 0;
2837
+ padding: 0 8px;
2649
2838
  }
2650
2839
 
2651
- .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2652
- .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2653
- .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2654
- .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2655
- .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2656
- .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2657
- .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2658
- .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2840
+ .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2841
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2659
2842
  margin: 8px 0 0 8px;
2660
2843
  padding: 0 8px;
2661
2844
  }
2662
2845
 
2663
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2664
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2665
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2666
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2667
- padding-left: 8px;
2846
+ .e-small .e-filled .e-multi-select-wrapper .e-chips,
2847
+ .e-small.e-filled .e-multi-select-wrapper .e-chips {
2848
+ height: 16px 16px;
2849
+ margin: 4px 4px 0 0;
2850
+ padding-right: 8px;
2668
2851
  }
2669
2852
 
2670
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2671
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2672
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2673
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2853
+ .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2854
+ .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2855
+ margin: 4px 0 0 4px;
2856
+ }
2857
+
2858
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2674
2859
  font-size: 13px;
2675
2860
  padding: 0 8px 0 0;
2676
2861
  }
2677
2862
 
2678
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2679
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2680
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2681
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2863
+ .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2864
+ .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2865
+ font-size: 12px;
2866
+ }
2867
+
2868
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2682
2869
  font-size: 12px;
2683
2870
  padding: 0 4px 0 0;
2684
2871
  }
2685
2872
 
2686
- .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2687
- .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2688
- .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2689
- .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2873
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2690
2874
  padding: 0 0 0 4px;
2691
2875
  }
2692
2876
 
2693
- .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2694
- .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2695
- font-size: 13px;
2877
+ .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2878
+ .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2879
+ font-size: 10px;
2696
2880
  }
2697
2881
 
2698
- .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2699
- .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2700
- .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2701
- .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2702
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2703
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2704
- padding: 0 12px;
2882
+ .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2883
+ font-size: 13px;
2884
+ padding-right: 4px;
2705
2885
  }
2706
2886
 
2707
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2708
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2709
- padding-right: 8px;
2887
+ .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2888
+ .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2889
+ height: 38px;
2890
+ margin-top: -38px;
2891
+ right: 12px;
2892
+ top: 100%;
2893
+ width: 16px;
2710
2894
  }
2711
2895
 
2712
- .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2713
- font-size: 10px;
2896
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2897
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2898
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2899
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2900
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
2901
+ display: none;
2714
2902
  }
2715
2903
 
2716
- .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2717
- height: 26px;
2904
+ .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
2905
+ margin-right: 0;
2718
2906
  }
2719
2907
 
2720
- .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2721
- font-size: 12px;
2908
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2909
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2910
+ cursor: not-allowed;
2722
2911
  }
2723
2912
 
2724
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2725
- left: -35px;
2913
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2914
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
2915
+ cursor: pointer;
2726
2916
  }
2727
2917
 
2728
- .e-bigger .e-multi-select-wrapper .e-chips {
2729
- height: 30px;
2918
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
2919
+ bottom: 0;
2920
+ right: 0;
2921
+ cursor: nwse-resize;
2922
+ height: 15px;
2923
+ position: absolute;
2924
+ width: 15px;
2730
2925
  }
2731
2926
 
2732
- .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon, .e-bigger .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon {
2733
- padding-left: 0;
2927
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
2928
+ background: transparent;
2929
+ color: rgb(221, 218, 218);
2734
2930
  }
2735
2931
 
2736
- .e-listbox-tool .e-moveup::before {
2737
- content: "\e651";
2932
+ .e-dropdownbase .e-list-item .e-list-icon {
2933
+ padding: 0 10px 0 0;
2738
2934
  }
2739
2935
 
2740
- .e-listbox-tool .e-movedown::before {
2741
- content: "\e652";
2936
+ .e-dropdownbase .e-list-item:not(.e-active).e-hover {
2937
+ border: 2px solid #fff;
2742
2938
  }
2743
2939
 
2744
- .e-listbox-tool .e-moveto::before {
2745
- content: "\e653";
2940
+ .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
2941
+ border: 2px solid #000;
2746
2942
  }
2747
2943
 
2748
- .e-listbox-tool .e-movefrom::before {
2749
- content: "\e654";
2944
+ .e-dropdownbase .e-list-item.e-active {
2945
+ border: 2px solid #ffd939;
2750
2946
  }
2751
2947
 
2752
- .e-listbox-tool .e-moveallto::before {
2753
- content: "\e655";
2948
+ .e-dropdownbase .e-list-item.e-item-focus {
2949
+ border: 2px solid #685708;
2754
2950
  }
2755
2951
 
2756
- .e-listbox-tool .e-moveallfrom::before {
2757
- content: "\e656";
2952
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
2953
+ padding: 0 8px 0 0;
2758
2954
  }
2759
2955
 
2760
- /* stylelint-disable property-no-vendor-prefix */
2761
- .e-listbox-wrapper,
2762
- .e-listbox-container,
2763
- .e-listboxtool-wrapper {
2764
- -webkit-overflow-scrolling: touch;
2765
- -webkit-box-sizing: border-box;
2766
- box-sizing: border-box;
2767
- cursor: pointer;
2768
- display: block;
2769
- position: relative;
2770
- -webkit-user-select: none;
2771
- -moz-user-select: none;
2772
- -ms-user-select: none;
2773
- user-select: none;
2774
- width: 100%;
2956
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
2957
+ color: #fff;
2958
+ top: 12px;
2775
2959
  }
2776
- .e-listbox-wrapper *,
2777
- .e-listbox-container *,
2778
- .e-listboxtool-wrapper * {
2779
- -webkit-box-sizing: border-box;
2780
- box-sizing: border-box;
2960
+
2961
+ .e-multiselect .e-multi-select-wrapper input {
2962
+ /* stylelint-disable property-no-vendor-prefix */
2781
2963
  }
2782
- .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2783
- .e-listbox-container.e-listboxtool-container .e-list-wrap,
2784
- .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2785
- width: 87% !important; /* stylelint-disable-line declaration-no-important */
2964
+
2965
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
2966
+ color: #969696;
2967
+ font-family: inherit;
2968
+ font-size: 14px;
2969
+ font-style: italic;
2786
2970
  }
2787
- .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2788
- .e-listbox-container .e-list-wrap:focus-visible,
2789
- .e-listbox-container:focus,
2790
- .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2791
- .e-listboxtool-wrapper:focus {
2792
- outline: none;
2971
+
2972
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
2973
+ color: #969696;
2974
+ font-family: inherit;
2975
+ font-size: 14px;
2976
+ font-style: italic;
2793
2977
  }
2794
- .e-listbox-wrapper.e-disabled,
2795
- .e-listbox-container.e-disabled,
2796
- .e-listboxtool-wrapper.e-disabled {
2797
- cursor: default;
2798
- pointer-events: none;
2978
+
2979
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
2980
+ color: #969696;
2981
+ font-family: inherit;
2982
+ font-size: 14px;
2983
+ font-style: italic;
2799
2984
  }
2800
- .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
2801
- .e-listbox-container:not(.e-list-template) .e-list-nrt,
2802
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2803
- text-align: center;
2985
+
2986
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
2987
+ color: #969696;
2988
+ font-family: inherit;
2989
+ font-size: 14px;
2990
+ font-style: italic;
2804
2991
  }
2805
- .e-listbox-wrapper .e-list-parent,
2806
- .e-listbox-container .e-list-parent,
2807
- .e-listboxtool-wrapper .e-list-parent {
2808
- height: 100%;
2809
- min-height: 36px;
2992
+
2993
+ .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chipcontent {
2994
+ color: #fff;
2810
2995
  }
2811
- .e-listbox-wrapper .e-list-item,
2812
- .e-listbox-container .e-list-item,
2813
- .e-listboxtool-wrapper .e-list-item {
2814
- border-bottom: 0 solid;
2815
- outline: none;
2996
+
2997
+ .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chips-close.e-icon::before {
2998
+ color: #fff;
2816
2999
  }
2817
- .e-listbox-wrapper .e-list-item.e-disabled,
2818
- .e-listbox-container .e-list-item.e-disabled,
2819
- .e-listboxtool-wrapper .e-list-item.e-disabled {
2820
- pointer-events: none;
3000
+
3001
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
3002
+ line-height: 26px;
3003
+ top: 0;
2821
3004
  }
2822
- .e-listbox-wrapper .e-disable,
2823
- .e-listbox-container .e-disable,
2824
- .e-listboxtool-wrapper .e-disable {
2825
- opacity: 0.7;
3005
+
3006
+ .e-multi-select-wrapper .e-delim-values.e-delim-view {
3007
+ -webkit-text-fill-color: #fff;
3008
+ color: #fff;
2826
3009
  }
2827
- .e-listbox-wrapper .e-list-parent,
2828
- .e-listbox-container .e-list-parent,
2829
- .e-listboxtool-wrapper .e-list-parent {
2830
- margin: 0;
2831
- padding: 0;
3010
+
3011
+ .e-multi-select-wrapper.e-delimiter .e-delim-values {
3012
+ -webkit-text-fill-color: #fff;
3013
+ color: #fff;
2832
3014
  }
2833
- .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2834
- .e-listbox-container .e-list-header .e-text.header,
2835
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2836
- .e-listboxtool-wrapper .e-list-header .e-text.header,
2837
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2838
- display: none;
3015
+
3016
+ .e-multi-select-wrapper .e-searcher input[type=text] {
3017
+ color: #fff;
3018
+ height: 100%;
3019
+ min-height: 28px;
2839
3020
  }
2840
- .e-listbox-wrapper .e-icon-back,
2841
- .e-listbox-container .e-icon-back,
2842
- .e-listboxtool-wrapper .e-icon-back {
2843
- margin-top: 2px;
3021
+
3022
+ .e-multi-select-wrapper .e-searcher input[type=text]::-moz-selection {
3023
+ background-color: #ffd939;
2844
3024
  }
2845
- .e-listbox-wrapper .e-list-header,
2846
- .e-listbox-container .e-list-header,
2847
- .e-listboxtool-wrapper .e-list-header {
2848
- -webkit-box-align: center;
2849
- -ms-flex-align: center;
2850
- align-items: center;
2851
- border-bottom: 1px solid;
2852
- display: -webkit-box;
2853
- display: -ms-flexbox;
2854
- display: flex;
2855
- font-weight: 600;
2856
- height: 36px;
2857
- padding: 0 16px;
3025
+
3026
+ .e-multi-select-wrapper .e-searcher input[type=text]::selection {
3027
+ background-color: #ffd939;
2858
3028
  }
2859
- .e-listbox-wrapper .e-has-header > .e-view,
2860
- .e-listbox-container .e-has-header > .e-view,
2861
- .e-listboxtool-wrapper .e-has-header > .e-view {
2862
- top: 45px;
3029
+
3030
+ .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon {
3031
+ padding-left: 0;
2863
3032
  }
2864
- .e-listbox-wrapper .e-but-back,
2865
- .e-listbox-container .e-but-back,
2866
- .e-listboxtool-wrapper .e-but-back {
2867
- cursor: pointer;
2868
- padding-right: 20px;
3033
+
3034
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-selectall-parent {
3035
+ border-bottom: 1px solid #fff;
2869
3036
  }
2870
- .e-listbox-wrapper .e-list-group-item:first-child,
2871
- .e-listbox-container .e-list-group-item:first-child,
2872
- .e-listboxtool-wrapper .e-list-group-item:first-child {
2873
- border: 0;
2874
- border-bottom: 0 solid transparent;
3037
+
3038
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active.e-hover {
3039
+ background-color: #ffd939;
2875
3040
  }
2876
- .e-listbox-wrapper .e-list-group-item,
2877
- .e-listbox-container .e-list-group-item,
2878
- .e-listboxtool-wrapper .e-list-group-item {
2879
- border-bottom: 0 solid transparent;
2880
- border-top: 1px solid;
2881
- font-weight: 600;
2882
- height: 36px;
2883
- line-height: 30px;
2884
- padding: 9px 16px;
3041
+
3042
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active {
3043
+ border: 2px solid #ffd939;
2885
3044
  }
2886
- .e-listbox-wrapper .e-icon-collapsible,
2887
- .e-listbox-container .e-icon-collapsible,
2888
- .e-listboxtool-wrapper .e-icon-collapsible {
2889
- cursor: pointer;
2890
- font-size: 12px;
2891
- position: absolute;
2892
- right: 0%;
2893
- top: 50%;
2894
- -webkit-transform: translateY(-50%);
2895
- transform: translateY(-50%);
3045
+
3046
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-active.e-hover:not(.e-item-focus) {
3047
+ border-bottom: 2px solid #fff;
3048
+ border-left: 2px solid #fff;
3049
+ border-right: 2px solid #fff;
3050
+ border-top: 2px solid #fff;
2896
3051
  }
2897
- .e-listbox-wrapper .e-text-content,
2898
- .e-listbox-container .e-text-content,
2899
- .e-listboxtool-wrapper .e-text-content {
2900
- height: 100%;
2901
- position: relative;
2902
- vertical-align: middle;
3052
+
3053
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-item-focus {
3054
+ border: 2px solid #685708;
2903
3055
  }
2904
- .e-listbox-wrapper .e-text-content *,
2905
- .e-listbox-container .e-text-content *,
2906
- .e-listboxtool-wrapper .e-text-content * {
2907
- display: inline-block;
2908
- vertical-align: middle;
3056
+
3057
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active.e-hover {
3058
+ background-color: #fff;
3059
+ border-bottom: 1px solid #fff;
3060
+ border-left: 1px solid #fff;
3061
+ border-right: 1px solid #fff;
3062
+ border-top: 1px solid #fff;
2909
3063
  }
2910
- .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
2911
- .e-listbox-container .e-text-content.e-checkbox .e-list-text,
2912
- .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
2913
- width: calc(100% - 40px);
3064
+
3065
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-hover:not(.e-active) {
3066
+ border: 2px solid #fff;
2914
3067
  }
2915
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2916
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2917
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
2918
- width: calc(100% - 90px);
3068
+
3069
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item:not(.e-hover):not(.e-item-focus) {
3070
+ border: 2px solid #000;
2919
3071
  }
2920
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2921
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2922
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2923
- width: calc(100% - 80px);
3072
+
3073
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active {
3074
+ border: 2px solid #ffd939;
2924
3075
  }
2925
- .e-listbox-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2926
- .e-listbox-container .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2927
- .e-listboxtool-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2928
- width: calc(100% - 92px);
3076
+
3077
+ .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
3078
+ height: 30px;
3079
+ width: 30px;
2929
3080
  }
2930
- .e-listbox-wrapper .e-checkbox .e-checkbox-left,
2931
- .e-listbox-container .e-checkbox .e-checkbox-left,
2932
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
2933
- margin: -2px 10px 0 0;
3081
+
3082
+ .e-multi-select-wrapper .e-searcher input[type=text],
3083
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
3084
+ color: #fff;
2934
3085
  }
2935
- .e-listbox-wrapper .e-checkbox .e-checkbox-right,
2936
- .e-listbox-container .e-checkbox .e-checkbox-right,
2937
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
2938
- margin: -2px 0 0 10px;
3086
+
3087
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
3088
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
3089
+ margin-top: -3.1em;
2939
3090
  }
2940
- .e-listbox-wrapper .e-list-text,
2941
- .e-listbox-container .e-list-text,
2942
- .e-listboxtool-wrapper .e-list-text {
2943
- cursor: pointer;
2944
- display: inline-block;
2945
- overflow: hidden;
2946
- text-overflow: ellipsis;
2947
- vertical-align: top;
2948
- white-space: nowrap;
2949
- width: 100%;
3091
+
3092
+ .e-bigger .e-multi-select-wrapper {
3093
+ min-height: 38px;
2950
3094
  }
2951
- .e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2952
- .e-listbox-container .e-list-icon + .e-list-text,
2953
- .e-listbox-container .e-icon-wrapper .e-list-text,
2954
- .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2955
- .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2956
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2957
- .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2958
- width: calc(100% - 60px);
3095
+
3096
+ .e-bigger .e-multi-select-wrapper .e-chips {
3097
+ margin: 4px 2px 2px 0;
2959
3098
  }
2960
- .e-listbox-wrapper .e-list-icon,
2961
- .e-listbox-container .e-list-icon,
2962
- .e-listboxtool-wrapper .e-list-icon {
2963
- height: 30px;
2964
- margin-right: 16px;
2965
- width: 30px;
3099
+
3100
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
3101
+ padding: 6px 8px 7.5px 0;
2966
3102
  }
2967
- .e-listbox-wrapper .e-content,
2968
- .e-listbox-container .e-content,
2969
- .e-listboxtool-wrapper .e-content {
2970
- overflow: hidden;
2971
- position: relative;
3103
+
3104
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
3105
+ padding: 6px 0 6px 8px;
2972
3106
  }
2973
- .e-listbox-wrapper .e-list-header .e-text,
2974
- .e-listbox-container .e-list-header .e-text,
2975
- .e-listboxtool-wrapper .e-list-header .e-text {
2976
- cursor: pointer;
2977
- text-indent: 0;
3107
+
3108
+ .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
3109
+ .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
3110
+ right: 38px;
2978
3111
  }
2979
- .e-listbox-wrapper .e-text .e-headertext,
2980
- .e-listbox-container .e-text .e-headertext,
2981
- .e-listboxtool-wrapper .e-text .e-headertext {
2982
- display: inline-block;
2983
- line-height: 21px;
3112
+
3113
+ .e-bigger .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3114
+ .e-bigger.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
3115
+ left: 38px;
3116
+ right: auto;
2984
3117
  }
2985
- .e-listbox-wrapper.e-rtl,
2986
- .e-listbox-container.e-rtl,
2987
- .e-listboxtool-wrapper.e-rtl {
2988
- direction: rtl;
3118
+
3119
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
3120
+ margin-top: -3.5em;
2989
3121
  }
2990
- .e-listbox-wrapper.e-rtl .e-list-icon,
2991
- .e-listbox-container.e-rtl .e-list-icon,
2992
- .e-listboxtool-wrapper.e-rtl .e-list-icon {
2993
- margin-left: 16px;
2994
- margin-right: 0;
3122
+
3123
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
3124
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
3125
+ margin-top: -3.5em;
3126
+ margin-top: -3.2em;
2995
3127
  }
2996
- .e-listbox-wrapper.e-rtl .e-icon-collapsible,
2997
- .e-listbox-container.e-rtl .e-icon-collapsible,
2998
- .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
2999
- left: 0%;
3000
- right: initial;
3001
- top: 50%;
3002
- -webkit-transform: translateY(-50%) rotate(180deg);
3003
- transform: translateY(-50%) rotate(180deg);
3128
+
3129
+ .e-bigger .e-multi-select-wrapper input[type=text],
3130
+ .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
3131
+ height: 28px;
3132
+ min-height: 28px;
3004
3133
  }
3005
- .e-listbox-wrapper.e-rtl .e-list-header .e-text,
3006
- .e-listbox-container.e-rtl .e-list-header .e-text,
3007
- .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
3008
- cursor: pointer;
3134
+
3135
+ .e-bigger .e-multi-select-wrapper input[type=text] {
3136
+ height: 38px;
3137
+ min-height: 38px;
3009
3138
  }
3010
- .e-listbox-wrapper.e-rtl .e-but-back,
3011
- .e-listbox-container.e-rtl .e-but-back,
3012
- .e-listboxtool-wrapper.e-rtl .e-but-back {
3013
- -webkit-transform: rotate(180deg);
3014
- transform: rotate(180deg);
3139
+
3140
+ .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
3141
+ .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
3142
+ width: calc(100% - 48px);
3015
3143
  }
3016
- .e-listbox-wrapper.e-rtl .e-icon-back,
3017
- .e-listbox-container.e-rtl .e-icon-back,
3018
- .e-listboxtool-wrapper.e-rtl .e-icon-back {
3019
- margin-top: 1px;
3144
+
3145
+ .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
3146
+ .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
3147
+ .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
3148
+ .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
3149
+ width: calc(100% - 44px);
3020
3150
  }
3021
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3022
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
3023
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
3024
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
3025
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3026
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
3027
- margin: -2px 0 0 10px;
3151
+
3152
+ .e-bigger .e-multi-select-wrapper .e-delim-values {
3153
+ line-height: 36px;
3154
+ padding-left: 10px;
3028
3155
  }
3029
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
3030
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
3031
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
3032
- margin: -2px 10px 0 0;
3156
+
3157
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
3158
+ padding-right: 8px;
3033
3159
  }
3034
- .e-listbox-wrapper .e-checkbox-wrapper,
3035
- .e-listbox-container .e-checkbox-wrapper,
3036
- .e-listboxtool-wrapper .e-checkbox-wrapper {
3037
- margin: -2px 10px 0 0;
3038
- text-indent: 0;
3039
- vertical-align: middle;
3160
+
3161
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
3162
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
3163
+ bottom: 1px;
3164
+ margin-right: 10px;
3040
3165
  }
3041
- .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
3042
- .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
3043
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
3044
- position: absolute;
3045
- right: 0;
3046
- top: 30%;
3166
+
3167
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
3168
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
3169
+ bottom: 1px;
3170
+ margin-right: 10px;
3047
3171
  }
3048
- .e-listbox-wrapper .e-input-group,
3049
- .e-listbox-container .e-input-group,
3050
- .e-listboxtool-wrapper .e-input-group {
3051
- padding: 4px 8px;
3172
+
3173
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-group-item {
3174
+ padding-right: 16px;
3052
3175
  }
3053
- .e-listbox-wrapper .e-input-focus,
3054
- .e-listbox-container .e-input-focus,
3055
- .e-listboxtool-wrapper .e-input-focus {
3056
- padding: 4px 4px 4px 8px;
3176
+
3177
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
3178
+ padding-left: 16px;
3057
3179
  }
3058
- .e-listbox-wrapper .e-hidden-select,
3059
- .e-listbox-container .e-hidden-select,
3060
- .e-listboxtool-wrapper .e-hidden-select {
3061
- height: 1px;
3062
- opacity: 0;
3063
- position: absolute;
3064
- width: 100%;
3180
+
3181
+ .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 {
3182
+ padding-left: 20px;
3065
3183
  }
3066
- .e-listbox-wrapper .e-placeholder,
3067
- .e-listbox-container .e-placeholder,
3068
- .e-listboxtool-wrapper .e-placeholder {
3069
- background-color: #ffd939;
3070
- display: block;
3071
- height: 1px;
3184
+
3185
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
3186
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
3187
+ font-size: 14px;
3188
+ line-height: 46px;
3189
+ text-indent: 17px;
3072
3190
  }
3073
3191
 
3074
- ejs-listbox {
3075
- display: block;
3192
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
3193
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
3194
+ bottom: 1px;
3195
+ margin-right: 10px;
3076
3196
  }
3077
3197
 
3078
- .e-listbox-wrapper:not(.e-listbox-container),
3079
- .e-listbox-wrapper.e-filter-list .e-list-parent {
3080
- overflow: auto;
3198
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
3199
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
3200
+ padding: 4px 0;
3081
3201
  }
3082
3202
 
3083
- .e-listbox-wrapper.e-sortableclone,
3084
- .e-listbox-container.e-sortableclone,
3085
- .e-listboxtool-wrapper.e-sortableclone {
3086
- border-width: 0;
3087
- overflow: visible;
3203
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
3204
+ padding-left: 8px;
3088
3205
  }
3089
- .e-listbox-wrapper.e-sortableclone .e-list-item,
3090
- .e-listbox-container.e-sortableclone .e-list-item,
3091
- .e-listboxtool-wrapper.e-sortableclone .e-list-item {
3092
- list-style-type: none;
3093
- height: 38px !important; /* stylelint-disable-line declaration-no-important */
3206
+
3207
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
3208
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
3209
+ line-height: 40px;
3094
3210
  }
3095
- .e-listbox-wrapper.e-sortableclone .e-ripple,
3096
- .e-listbox-container.e-sortableclone .e-ripple,
3097
- .e-listboxtool-wrapper.e-sortableclone .e-ripple {
3098
- overflow: visible;
3211
+
3212
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
3213
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
3214
+ margin-top: -2.85em;
3099
3215
  }
3100
- .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
3101
- .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
3102
- .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
3103
- display: none;
3216
+
3217
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
3218
+ height: 26px;
3219
+ width: auto;
3104
3220
  }
3105
- .e-listbox-wrapper.e-sortableclone .e-list-badge,
3106
- .e-listbox-container.e-sortableclone .e-list-badge,
3107
- .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
3108
- -webkit-box-align: center;
3109
- -ms-flex-align: center;
3110
- align-items: center;
3111
- background-color: #ffd939;
3112
- border: 1px solid #000;
3113
- border-radius: 50%;
3114
- color: #000;
3115
- display: -webkit-box;
3116
- display: -ms-flexbox;
3117
- display: flex;
3118
- font-size: 12px;
3119
- height: 22px;
3120
- -webkit-box-pack: center;
3121
- -ms-flex-pack: center;
3122
- justify-content: center;
3123
- position: absolute;
3124
- right: -10px;
3125
- top: -10px;
3126
- width: 22px;
3221
+
3222
+ .e-bigger.e-small .e-multi-select-wrapper {
3223
+ min-height: 26px;
3127
3224
  }
3128
3225
 
3129
- .e-listboxtool-wrapper.e-sortableclone {
3130
- display: block;
3226
+ .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
3227
+ height: 34px;
3228
+ min-height: 34px;
3131
3229
  }
3132
3230
 
3133
- .e-listboxtool-wrapper,
3134
- .e-listboxtool-container {
3135
- cursor: pointer;
3136
- display: -webkit-box;
3137
- display: -ms-flexbox;
3138
- display: flex;
3231
+ .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
3232
+ font-size: 14px;
3233
+ line-height: 34px;
3139
3234
  }
3140
- .e-listboxtool-wrapper *,
3141
- .e-listboxtool-container * {
3142
- -webkit-box-sizing: border-box;
3143
- box-sizing: border-box;
3235
+
3236
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
3237
+ .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
3238
+ margin-top: -3.4em;
3239
+ right: 0;
3144
3240
  }
3145
- .e-listboxtool-wrapper.e-disabled,
3146
- .e-listboxtool-container.e-disabled {
3147
- cursor: default;
3148
- pointer-events: none;
3241
+
3242
+ .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
3243
+ .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
3244
+ background-size: 300px 40px;
3245
+ min-height: 40px;
3149
3246
  }
3150
- .e-listboxtool-wrapper .e-listbox-wrapper,
3151
- .e-listboxtool-wrapper .e-list-wrap,
3152
- .e-listboxtool-container .e-listbox-wrapper,
3153
- .e-listboxtool-container .e-list-wrap {
3154
- -webkit-box-flex: 1;
3155
- -ms-flex: 1;
3156
- flex: 1;
3247
+
3248
+ .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
3249
+ .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
3250
+ padding: 3px 12px 0 4px;
3157
3251
  }
3158
- .e-listboxtool-wrapper.e-right .e-listbox-tool,
3159
- .e-listboxtool-container.e-right .e-listbox-tool {
3160
- margin-left: 15px;
3252
+
3253
+ .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
3254
+ .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
3255
+ .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
3256
+ .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
3257
+ padding: 0;
3161
3258
  }
3162
- .e-listboxtool-wrapper.e-left .e-listbox-tool,
3163
- .e-listboxtool-container.e-left .e-listbox-tool {
3164
- margin-right: 15px;
3259
+
3260
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
3261
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
3262
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
3263
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
3264
+ padding: 11px 12px 0;
3165
3265
  }
3166
- .e-listboxtool-wrapper .e-listbox-tool,
3167
- .e-listboxtool-container .e-listbox-tool {
3168
- border: 1px solid #969696;
3169
- overflow: auto;
3170
- padding: 8px;
3266
+
3267
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
3268
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
3269
+ padding: 19px 12px 0 16px;
3171
3270
  }
3172
- .e-listboxtool-wrapper .e-listbox-tool .e-btn,
3173
- .e-listboxtool-container .e-listbox-tool .e-btn {
3174
- display: list-item;
3175
- list-style-type: none;
3176
- margin-bottom: 10px;
3271
+
3272
+ .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
3273
+ padding-top: 3px;
3177
3274
  }
3178
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
3179
- .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
3180
- position: absolute;
3181
- right: 0;
3182
- top: 30%;
3275
+
3276
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
3277
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
3278
+ padding: 5px 0;
3183
3279
  }
3184
3280
 
3185
- .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
3186
- .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
3187
- margin-right: 15px;
3281
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3282
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3283
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3284
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
3285
+ height: 28px;
3188
3286
  }
3189
- .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
3190
- .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
3191
- margin-left: 15px;
3287
+
3288
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3289
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
3290
+ height: 24px;
3192
3291
  }
3193
3292
 
3194
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3195
- .e-listbox-wrapper .e-list-nrt,
3196
- .e-listbox-wrapper .e-selectall-parent,
3197
- .e-listbox-container:not(.e-list-template) .e-list-item,
3198
- .e-listbox-container .e-list-nrt,
3199
- .e-listbox-container .e-selectall-parent,
3200
- .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3201
- .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3202
- .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3203
- height: 36px;
3204
- line-height: 1;
3205
- padding: 9px 16px;
3206
- position: relative;
3293
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3294
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
3295
+ height: 32px;
3207
3296
  }
3208
- .e-listbox-wrapper .e-list-icon,
3209
- .e-listbox-container .e-list-icon,
3210
- .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3211
- display: inline;
3212
- vertical-align: middle;
3213
- width: auto;
3214
- height: auto;
3215
- padding-bottom: 2px;
3297
+
3298
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3299
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3300
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3301
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
3302
+ height: 18px;
3303
+ }
3304
+
3305
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3306
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3307
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3308
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3309
+ .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3310
+ .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3311
+ .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3312
+ .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
3313
+ margin: 8px 8px 0 0;
3314
+ padding: 0 8px 0 0;
3315
+ }
3316
+
3317
+ .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3318
+ .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3319
+ .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3320
+ .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3321
+ .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3322
+ .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3323
+ .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
3324
+ .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
3325
+ margin: 8px 0 0 8px;
3326
+ padding: 0 8px;
3327
+ }
3328
+
3329
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3330
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3331
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3332
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
3333
+ padding-left: 8px;
3334
+ }
3335
+
3336
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
3337
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
3338
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
3339
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
3340
+ font-size: 13px;
3341
+ padding: 0 8px 0 0;
3342
+ }
3343
+
3344
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
3345
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
3346
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
3347
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
3348
+ font-size: 12px;
3349
+ padding: 0 4px 0 0;
3350
+ }
3351
+
3352
+ .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
3353
+ .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
3354
+ .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
3355
+ .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
3356
+ padding: 0 0 0 4px;
3357
+ }
3358
+
3359
+ .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
3360
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
3361
+ font-size: 13px;
3362
+ }
3363
+
3364
+ .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
3365
+ .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
3366
+ .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3367
+ .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3368
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
3369
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
3370
+ padding: 0 12px;
3371
+ }
3372
+
3373
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
3374
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
3375
+ padding-right: 8px;
3376
+ }
3377
+
3378
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
3379
+ font-size: 10px;
3380
+ }
3381
+
3382
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips {
3383
+ height: 26px;
3384
+ }
3385
+
3386
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
3387
+ font-size: 12px;
3388
+ }
3389
+
3390
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
3391
+ left: -35px;
3392
+ }
3393
+
3394
+ .e-bigger .e-multi-select-wrapper .e-chips {
3395
+ height: 30px;
3396
+ }
3397
+
3398
+ .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon, .e-bigger .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon {
3399
+ padding-left: 0;
3400
+ }
3401
+
3402
+ .e-listbox-tool .e-moveup::before {
3403
+ content: "\e651";
3404
+ }
3405
+
3406
+ .e-listbox-tool .e-movedown::before {
3407
+ content: "\e652";
3408
+ }
3409
+
3410
+ .e-listbox-tool .e-moveto::before {
3411
+ content: "\e653";
3412
+ }
3413
+
3414
+ .e-listbox-tool .e-movefrom::before {
3415
+ content: "\e654";
3416
+ }
3417
+
3418
+ .e-listbox-tool .e-moveallto::before {
3419
+ content: "\e655";
3420
+ }
3421
+
3422
+ .e-listbox-tool .e-moveallfrom::before {
3423
+ content: "\e656";
3216
3424
  }
3217
3425
 
3218
3426
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
@@ -3535,6 +3743,464 @@ ejs-listbox {
3535
3743
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3536
3744
  }
3537
3745
 
3746
+ /* stylelint-disable property-no-vendor-prefix */
3747
+ .e-listbox-wrapper,
3748
+ .e-listbox-container,
3749
+ .e-listboxtool-wrapper {
3750
+ -webkit-overflow-scrolling: touch;
3751
+ -webkit-box-sizing: border-box;
3752
+ box-sizing: border-box;
3753
+ cursor: pointer;
3754
+ display: block;
3755
+ position: relative;
3756
+ -webkit-user-select: none;
3757
+ -moz-user-select: none;
3758
+ -ms-user-select: none;
3759
+ user-select: none;
3760
+ width: 100%;
3761
+ }
3762
+ .e-listbox-wrapper *,
3763
+ .e-listbox-container *,
3764
+ .e-listboxtool-wrapper * {
3765
+ -webkit-box-sizing: border-box;
3766
+ box-sizing: border-box;
3767
+ }
3768
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3769
+ .e-listbox-container.e-listboxtool-container .e-list-wrap,
3770
+ .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
3771
+ width: 87% !important; /* stylelint-disable-line declaration-no-important */
3772
+ }
3773
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
3774
+ .e-listbox-container .e-list-wrap:focus-visible,
3775
+ .e-listbox-container:focus,
3776
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
3777
+ .e-listboxtool-wrapper:focus {
3778
+ outline: none;
3779
+ }
3780
+ .e-listbox-wrapper.e-disabled,
3781
+ .e-listbox-container.e-disabled,
3782
+ .e-listboxtool-wrapper.e-disabled {
3783
+ cursor: default;
3784
+ pointer-events: none;
3785
+ }
3786
+ .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
3787
+ .e-listbox-container:not(.e-list-template) .e-list-nrt,
3788
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
3789
+ text-align: center;
3790
+ }
3791
+ .e-listbox-wrapper .e-list-parent,
3792
+ .e-listbox-container .e-list-parent,
3793
+ .e-listboxtool-wrapper .e-list-parent {
3794
+ height: 100%;
3795
+ min-height: 36px;
3796
+ }
3797
+ .e-listbox-wrapper .e-list-item,
3798
+ .e-listbox-container .e-list-item,
3799
+ .e-listboxtool-wrapper .e-list-item {
3800
+ border-bottom: 0 solid;
3801
+ outline: none;
3802
+ }
3803
+ .e-listbox-wrapper .e-list-item.e-disabled,
3804
+ .e-listbox-container .e-list-item.e-disabled,
3805
+ .e-listboxtool-wrapper .e-list-item.e-disabled {
3806
+ pointer-events: none;
3807
+ }
3808
+ .e-listbox-wrapper .e-disable,
3809
+ .e-listbox-container .e-disable,
3810
+ .e-listboxtool-wrapper .e-disable {
3811
+ opacity: 0.7;
3812
+ }
3813
+ .e-listbox-wrapper .e-list-parent,
3814
+ .e-listbox-container .e-list-parent,
3815
+ .e-listboxtool-wrapper .e-list-parent {
3816
+ margin: 0;
3817
+ padding: 0;
3818
+ }
3819
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3820
+ .e-listbox-container .e-list-header .e-text.header,
3821
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3822
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
3823
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
3824
+ display: none;
3825
+ }
3826
+ .e-listbox-wrapper .e-icon-back,
3827
+ .e-listbox-container .e-icon-back,
3828
+ .e-listboxtool-wrapper .e-icon-back {
3829
+ margin-top: 2px;
3830
+ }
3831
+ .e-listbox-wrapper .e-list-header,
3832
+ .e-listbox-container .e-list-header,
3833
+ .e-listboxtool-wrapper .e-list-header {
3834
+ -webkit-box-align: center;
3835
+ -ms-flex-align: center;
3836
+ align-items: center;
3837
+ border-bottom: 1px solid;
3838
+ display: -webkit-box;
3839
+ display: -ms-flexbox;
3840
+ display: flex;
3841
+ font-weight: 600;
3842
+ height: 36px;
3843
+ padding: 0 16px;
3844
+ }
3845
+ .e-listbox-wrapper .e-has-header > .e-view,
3846
+ .e-listbox-container .e-has-header > .e-view,
3847
+ .e-listboxtool-wrapper .e-has-header > .e-view {
3848
+ top: 45px;
3849
+ }
3850
+ .e-listbox-wrapper .e-but-back,
3851
+ .e-listbox-container .e-but-back,
3852
+ .e-listboxtool-wrapper .e-but-back {
3853
+ cursor: pointer;
3854
+ padding-right: 20px;
3855
+ }
3856
+ .e-listbox-wrapper .e-list-group-item:first-child,
3857
+ .e-listbox-container .e-list-group-item:first-child,
3858
+ .e-listboxtool-wrapper .e-list-group-item:first-child {
3859
+ border: 0;
3860
+ border-bottom: 0 solid transparent;
3861
+ }
3862
+ .e-listbox-wrapper .e-list-group-item,
3863
+ .e-listbox-container .e-list-group-item,
3864
+ .e-listboxtool-wrapper .e-list-group-item {
3865
+ border-bottom: 0 solid transparent;
3866
+ border-top: 1px solid;
3867
+ font-weight: 600;
3868
+ height: 36px;
3869
+ line-height: 30px;
3870
+ padding: 9px 16px;
3871
+ }
3872
+ .e-listbox-wrapper .e-icon-collapsible,
3873
+ .e-listbox-container .e-icon-collapsible,
3874
+ .e-listboxtool-wrapper .e-icon-collapsible {
3875
+ cursor: pointer;
3876
+ font-size: 12px;
3877
+ position: absolute;
3878
+ right: 0%;
3879
+ top: 50%;
3880
+ -webkit-transform: translateY(-50%);
3881
+ transform: translateY(-50%);
3882
+ }
3883
+ .e-listbox-wrapper .e-text-content,
3884
+ .e-listbox-container .e-text-content,
3885
+ .e-listboxtool-wrapper .e-text-content {
3886
+ height: 100%;
3887
+ position: relative;
3888
+ vertical-align: middle;
3889
+ }
3890
+ .e-listbox-wrapper .e-text-content *,
3891
+ .e-listbox-container .e-text-content *,
3892
+ .e-listboxtool-wrapper .e-text-content * {
3893
+ display: inline-block;
3894
+ vertical-align: middle;
3895
+ }
3896
+ .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
3897
+ .e-listbox-container .e-text-content.e-checkbox .e-list-text,
3898
+ .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
3899
+ width: calc(100% - 40px);
3900
+ }
3901
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
3902
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
3903
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
3904
+ width: calc(100% - 90px);
3905
+ }
3906
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3907
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3908
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
3909
+ width: calc(100% - 80px);
3910
+ }
3911
+ .e-listbox-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3912
+ .e-listbox-container .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3913
+ .e-listboxtool-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
3914
+ width: calc(100% - 92px);
3915
+ }
3916
+ .e-listbox-wrapper .e-checkbox .e-checkbox-left,
3917
+ .e-listbox-container .e-checkbox .e-checkbox-left,
3918
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
3919
+ margin: -2px 10px 0 0;
3920
+ }
3921
+ .e-listbox-wrapper .e-checkbox .e-checkbox-right,
3922
+ .e-listbox-container .e-checkbox .e-checkbox-right,
3923
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
3924
+ margin: -2px 0 0 10px;
3925
+ }
3926
+ .e-listbox-wrapper .e-list-text,
3927
+ .e-listbox-container .e-list-text,
3928
+ .e-listboxtool-wrapper .e-list-text {
3929
+ cursor: pointer;
3930
+ display: inline-block;
3931
+ overflow: hidden;
3932
+ text-overflow: ellipsis;
3933
+ vertical-align: top;
3934
+ white-space: nowrap;
3935
+ width: 100%;
3936
+ }
3937
+ .e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
3938
+ .e-listbox-container .e-list-icon + .e-list-text,
3939
+ .e-listbox-container .e-icon-wrapper .e-list-text,
3940
+ .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
3941
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
3942
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
3943
+ .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
3944
+ width: calc(100% - 60px);
3945
+ }
3946
+ .e-listbox-wrapper .e-list-icon,
3947
+ .e-listbox-container .e-list-icon,
3948
+ .e-listboxtool-wrapper .e-list-icon {
3949
+ height: 30px;
3950
+ margin-right: 16px;
3951
+ width: 30px;
3952
+ }
3953
+ .e-listbox-wrapper .e-content,
3954
+ .e-listbox-container .e-content,
3955
+ .e-listboxtool-wrapper .e-content {
3956
+ overflow: hidden;
3957
+ position: relative;
3958
+ }
3959
+ .e-listbox-wrapper .e-list-header .e-text,
3960
+ .e-listbox-container .e-list-header .e-text,
3961
+ .e-listboxtool-wrapper .e-list-header .e-text {
3962
+ cursor: pointer;
3963
+ text-indent: 0;
3964
+ }
3965
+ .e-listbox-wrapper .e-text .e-headertext,
3966
+ .e-listbox-container .e-text .e-headertext,
3967
+ .e-listboxtool-wrapper .e-text .e-headertext {
3968
+ display: inline-block;
3969
+ line-height: 21px;
3970
+ }
3971
+ .e-listbox-wrapper.e-rtl,
3972
+ .e-listbox-container.e-rtl,
3973
+ .e-listboxtool-wrapper.e-rtl {
3974
+ direction: rtl;
3975
+ }
3976
+ .e-listbox-wrapper.e-rtl .e-list-icon,
3977
+ .e-listbox-container.e-rtl .e-list-icon,
3978
+ .e-listboxtool-wrapper.e-rtl .e-list-icon {
3979
+ margin-left: 16px;
3980
+ margin-right: 0;
3981
+ }
3982
+ .e-listbox-wrapper.e-rtl .e-icon-collapsible,
3983
+ .e-listbox-container.e-rtl .e-icon-collapsible,
3984
+ .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
3985
+ left: 0%;
3986
+ right: initial;
3987
+ top: 50%;
3988
+ -webkit-transform: translateY(-50%) rotate(180deg);
3989
+ transform: translateY(-50%) rotate(180deg);
3990
+ }
3991
+ .e-listbox-wrapper.e-rtl .e-list-header .e-text,
3992
+ .e-listbox-container.e-rtl .e-list-header .e-text,
3993
+ .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
3994
+ cursor: pointer;
3995
+ }
3996
+ .e-listbox-wrapper.e-rtl .e-but-back,
3997
+ .e-listbox-container.e-rtl .e-but-back,
3998
+ .e-listboxtool-wrapper.e-rtl .e-but-back {
3999
+ -webkit-transform: rotate(180deg);
4000
+ transform: rotate(180deg);
4001
+ }
4002
+ .e-listbox-wrapper.e-rtl .e-icon-back,
4003
+ .e-listbox-container.e-rtl .e-icon-back,
4004
+ .e-listboxtool-wrapper.e-rtl .e-icon-back {
4005
+ margin-top: 1px;
4006
+ }
4007
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
4008
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
4009
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
4010
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
4011
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
4012
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
4013
+ margin: -2px 0 0 10px;
4014
+ }
4015
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
4016
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
4017
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
4018
+ margin: -2px 10px 0 0;
4019
+ }
4020
+ .e-listbox-wrapper .e-checkbox-wrapper,
4021
+ .e-listbox-container .e-checkbox-wrapper,
4022
+ .e-listboxtool-wrapper .e-checkbox-wrapper {
4023
+ margin: -2px 10px 0 0;
4024
+ text-indent: 0;
4025
+ vertical-align: middle;
4026
+ }
4027
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
4028
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
4029
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
4030
+ position: absolute;
4031
+ right: 0;
4032
+ top: 30%;
4033
+ }
4034
+ .e-listbox-wrapper .e-input-group,
4035
+ .e-listbox-container .e-input-group,
4036
+ .e-listboxtool-wrapper .e-input-group {
4037
+ padding: 4px 8px;
4038
+ }
4039
+ .e-listbox-wrapper .e-input-focus,
4040
+ .e-listbox-container .e-input-focus,
4041
+ .e-listboxtool-wrapper .e-input-focus {
4042
+ padding: 4px 4px 4px 8px;
4043
+ }
4044
+ .e-listbox-wrapper .e-hidden-select,
4045
+ .e-listbox-container .e-hidden-select,
4046
+ .e-listboxtool-wrapper .e-hidden-select {
4047
+ height: 1px;
4048
+ opacity: 0;
4049
+ position: absolute;
4050
+ width: 100%;
4051
+ }
4052
+ .e-listbox-wrapper .e-placeholder,
4053
+ .e-listbox-container .e-placeholder,
4054
+ .e-listboxtool-wrapper .e-placeholder {
4055
+ background-color: #ffd939;
4056
+ display: block;
4057
+ height: 1px;
4058
+ }
4059
+
4060
+ ejs-listbox {
4061
+ display: block;
4062
+ }
4063
+
4064
+ .e-listbox-wrapper:not(.e-listbox-container),
4065
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
4066
+ overflow: auto;
4067
+ }
4068
+
4069
+ .e-listbox-wrapper.e-sortableclone,
4070
+ .e-listbox-container.e-sortableclone,
4071
+ .e-listboxtool-wrapper.e-sortableclone {
4072
+ border-width: 0;
4073
+ overflow: visible;
4074
+ }
4075
+ .e-listbox-wrapper.e-sortableclone .e-list-item,
4076
+ .e-listbox-container.e-sortableclone .e-list-item,
4077
+ .e-listboxtool-wrapper.e-sortableclone .e-list-item {
4078
+ list-style-type: none;
4079
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
4080
+ }
4081
+ .e-listbox-wrapper.e-sortableclone .e-ripple,
4082
+ .e-listbox-container.e-sortableclone .e-ripple,
4083
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple {
4084
+ overflow: visible;
4085
+ }
4086
+ .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
4087
+ .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
4088
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
4089
+ display: none;
4090
+ }
4091
+ .e-listbox-wrapper.e-sortableclone .e-list-badge,
4092
+ .e-listbox-container.e-sortableclone .e-list-badge,
4093
+ .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
4094
+ -webkit-box-align: center;
4095
+ -ms-flex-align: center;
4096
+ align-items: center;
4097
+ background-color: #ffd939;
4098
+ border: 1px solid #000;
4099
+ border-radius: 50%;
4100
+ color: #000;
4101
+ display: -webkit-box;
4102
+ display: -ms-flexbox;
4103
+ display: flex;
4104
+ font-size: 12px;
4105
+ height: 22px;
4106
+ -webkit-box-pack: center;
4107
+ -ms-flex-pack: center;
4108
+ justify-content: center;
4109
+ position: absolute;
4110
+ right: -10px;
4111
+ top: -10px;
4112
+ width: 22px;
4113
+ }
4114
+
4115
+ .e-listboxtool-wrapper.e-sortableclone {
4116
+ display: block;
4117
+ }
4118
+
4119
+ .e-listboxtool-wrapper,
4120
+ .e-listboxtool-container {
4121
+ cursor: pointer;
4122
+ display: -webkit-box;
4123
+ display: -ms-flexbox;
4124
+ display: flex;
4125
+ }
4126
+ .e-listboxtool-wrapper *,
4127
+ .e-listboxtool-container * {
4128
+ -webkit-box-sizing: border-box;
4129
+ box-sizing: border-box;
4130
+ }
4131
+ .e-listboxtool-wrapper.e-disabled,
4132
+ .e-listboxtool-container.e-disabled {
4133
+ cursor: default;
4134
+ pointer-events: none;
4135
+ }
4136
+ .e-listboxtool-wrapper .e-listbox-wrapper,
4137
+ .e-listboxtool-wrapper .e-list-wrap,
4138
+ .e-listboxtool-container .e-listbox-wrapper,
4139
+ .e-listboxtool-container .e-list-wrap {
4140
+ -webkit-box-flex: 1;
4141
+ -ms-flex: 1;
4142
+ flex: 1;
4143
+ }
4144
+ .e-listboxtool-wrapper.e-right .e-listbox-tool,
4145
+ .e-listboxtool-container.e-right .e-listbox-tool {
4146
+ margin-left: 15px;
4147
+ }
4148
+ .e-listboxtool-wrapper.e-left .e-listbox-tool,
4149
+ .e-listboxtool-container.e-left .e-listbox-tool {
4150
+ margin-right: 15px;
4151
+ }
4152
+ .e-listboxtool-wrapper .e-listbox-tool,
4153
+ .e-listboxtool-container .e-listbox-tool {
4154
+ border: 1px solid #969696;
4155
+ overflow: auto;
4156
+ padding: 8px;
4157
+ }
4158
+ .e-listboxtool-wrapper .e-listbox-tool .e-btn,
4159
+ .e-listboxtool-container .e-listbox-tool .e-btn {
4160
+ display: list-item;
4161
+ list-style-type: none;
4162
+ margin-bottom: 10px;
4163
+ }
4164
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
4165
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
4166
+ position: absolute;
4167
+ right: 0;
4168
+ top: 30%;
4169
+ }
4170
+
4171
+ .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
4172
+ .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
4173
+ margin-right: 15px;
4174
+ }
4175
+ .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
4176
+ .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
4177
+ margin-left: 15px;
4178
+ }
4179
+
4180
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4181
+ .e-listbox-wrapper .e-list-nrt,
4182
+ .e-listbox-wrapper .e-selectall-parent,
4183
+ .e-listbox-container:not(.e-list-template) .e-list-item,
4184
+ .e-listbox-container .e-list-nrt,
4185
+ .e-listbox-container .e-selectall-parent,
4186
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4187
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
4188
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
4189
+ height: 36px;
4190
+ line-height: 1;
4191
+ padding: 9px 16px;
4192
+ position: relative;
4193
+ }
4194
+ .e-listbox-wrapper .e-list-icon,
4195
+ .e-listbox-container .e-list-icon,
4196
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
4197
+ display: inline;
4198
+ vertical-align: middle;
4199
+ width: auto;
4200
+ height: auto;
4201
+ padding-bottom: 2px;
4202
+ }
4203
+
3538
4204
  .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3539
4205
  .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
3540
4206
  .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,