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