@syncfusion/ej2-dropdowns 32.1.22 → 32.1.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (1037) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +26 -16
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +26 -16
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +8 -8
  12. package/src/combo-box/combo-box-model.d.ts +1 -1
  13. package/src/combo-box/combo-box.d.ts +2 -1
  14. package/src/combo-box/combo-box.js +6 -2
  15. package/src/common/incremental-search.js +3 -2
  16. package/src/drop-down-base/drop-down-base.js +1 -1
  17. package/src/drop-down-list/drop-down-list-model.d.ts +2 -2
  18. package/src/drop-down-list/drop-down-list.d.ts +2 -2
  19. package/src/multi-select/checkbox-selection.js +2 -4
  20. package/src/multi-select/multi-select.js +14 -7
  21. package/styles/auto-complete/_all.bds.scss +1 -0
  22. package/styles/auto-complete/_all.bootstrap-dark.scss +1 -0
  23. package/styles/auto-complete/_all.bootstrap.scss +1 -0
  24. package/styles/auto-complete/_all.bootstrap4.scss +1 -0
  25. package/styles/auto-complete/_all.bootstrap5-dark.scss +1 -0
  26. package/styles/auto-complete/_all.bootstrap5.3.scss +1 -0
  27. package/styles/auto-complete/_all.bootstrap5.scss +1 -0
  28. package/styles/auto-complete/_all.fabric-dark.scss +1 -0
  29. package/styles/auto-complete/_all.fabric.scss +1 -0
  30. package/styles/auto-complete/_all.fluent-dark.scss +1 -0
  31. package/styles/auto-complete/_all.fluent.scss +1 -0
  32. package/styles/auto-complete/_all.fluent2.scss +1 -0
  33. package/styles/auto-complete/_all.highcontrast-light.scss +1 -0
  34. package/styles/auto-complete/_all.highcontrast.scss +1 -0
  35. package/styles/auto-complete/_all.material-dark.scss +1 -0
  36. package/styles/auto-complete/_all.material.scss +1 -0
  37. package/styles/auto-complete/_all.material3-dark.scss +1 -0
  38. package/styles/auto-complete/_all.material3.scss +1 -0
  39. package/styles/auto-complete/_all.tailwind-dark.scss +1 -0
  40. package/styles/auto-complete/_all.tailwind.scss +1 -0
  41. package/styles/auto-complete/_all.tailwind3.scss +1 -0
  42. package/styles/auto-complete/bds.scss +1 -1
  43. package/styles/auto-complete/bootstrap-dark.scss +1 -1
  44. package/styles/auto-complete/bootstrap.scss +1 -1
  45. package/styles/auto-complete/bootstrap4.scss +1 -1
  46. package/styles/auto-complete/bootstrap5-dark.scss +1 -1
  47. package/styles/auto-complete/bootstrap5.3.scss +1 -1
  48. package/styles/auto-complete/bootstrap5.scss +1 -1
  49. package/styles/auto-complete/fabric-dark.scss +1 -1
  50. package/styles/auto-complete/fabric.scss +1 -1
  51. package/styles/auto-complete/fluent-dark.scss +1 -1
  52. package/styles/auto-complete/fluent.scss +1 -1
  53. package/styles/auto-complete/fluent2.scss +1 -1
  54. package/styles/auto-complete/highcontrast-light.scss +1 -1
  55. package/styles/auto-complete/highcontrast.scss +1 -1
  56. package/styles/auto-complete/material-dark.scss +1 -1
  57. package/styles/auto-complete/material.scss +1 -1
  58. package/styles/auto-complete/material3-dark.scss +1 -1
  59. package/styles/auto-complete/material3.scss +1 -1
  60. package/styles/auto-complete/tailwind-dark.scss +1 -1
  61. package/styles/auto-complete/tailwind.scss +1 -1
  62. package/styles/auto-complete/tailwind3.scss +1 -1
  63. package/styles/bds-lite.css +1955 -1587
  64. package/styles/bds-lite.scss +8 -8
  65. package/styles/bds.css +2227 -1658
  66. package/styles/bds.scss +13 -13
  67. package/styles/bootstrap-dark-lite.css +1695 -1491
  68. package/styles/bootstrap-dark-lite.scss +8 -8
  69. package/styles/bootstrap-dark.css +2064 -1754
  70. package/styles/bootstrap-dark.scss +13 -13
  71. package/styles/bootstrap-lite.css +1672 -1482
  72. package/styles/bootstrap-lite.scss +8 -8
  73. package/styles/bootstrap.css +1906 -1617
  74. package/styles/bootstrap.scss +13 -13
  75. package/styles/bootstrap4-lite.css +1766 -1434
  76. package/styles/bootstrap4-lite.scss +8 -8
  77. package/styles/bootstrap4.css +2155 -1650
  78. package/styles/bootstrap4.scss +13 -13
  79. package/styles/bootstrap5-dark-lite.css +1555 -1225
  80. package/styles/bootstrap5-dark-lite.scss +8 -8
  81. package/styles/bootstrap5-dark.css +2108 -1603
  82. package/styles/bootstrap5-dark.scss +13 -13
  83. package/styles/bootstrap5-lite.css +1555 -1224
  84. package/styles/bootstrap5-lite.scss +8 -8
  85. package/styles/bootstrap5.3-lite.css +3275 -2020
  86. package/styles/bootstrap5.3-lite.scss +8 -8
  87. package/styles/bootstrap5.3.css +3711 -1777
  88. package/styles/bootstrap5.3.scss +13 -13
  89. package/styles/bootstrap5.css +2110 -1604
  90. package/styles/bootstrap5.scss +13 -13
  91. package/styles/combo-box/_all.bds.scss +1 -0
  92. package/styles/combo-box/_all.bootstrap-dark.scss +1 -0
  93. package/styles/combo-box/_all.bootstrap.scss +1 -0
  94. package/styles/combo-box/_all.bootstrap4.scss +1 -0
  95. package/styles/combo-box/_all.bootstrap5-dark.scss +1 -0
  96. package/styles/combo-box/_all.bootstrap5.3.scss +1 -0
  97. package/styles/combo-box/_all.bootstrap5.scss +1 -0
  98. package/styles/combo-box/_all.fabric-dark.scss +1 -0
  99. package/styles/combo-box/_all.fabric.scss +1 -0
  100. package/styles/combo-box/_all.fluent-dark.scss +1 -0
  101. package/styles/combo-box/_all.fluent.scss +1 -0
  102. package/styles/combo-box/_all.fluent2.scss +1 -0
  103. package/styles/combo-box/_all.highcontrast-light.scss +1 -0
  104. package/styles/combo-box/_all.highcontrast.scss +1 -0
  105. package/styles/combo-box/_all.material-dark.scss +1 -0
  106. package/styles/combo-box/_all.material.scss +1 -0
  107. package/styles/combo-box/_all.material3-dark.scss +1 -0
  108. package/styles/combo-box/_all.material3.scss +1 -0
  109. package/styles/combo-box/_all.tailwind-dark.scss +1 -0
  110. package/styles/combo-box/_all.tailwind.scss +1 -0
  111. package/styles/combo-box/_all.tailwind3.scss +1 -0
  112. package/styles/combo-box/bds.scss +1 -1
  113. package/styles/combo-box/bootstrap-dark.scss +1 -1
  114. package/styles/combo-box/bootstrap.scss +1 -1
  115. package/styles/combo-box/bootstrap4.scss +1 -1
  116. package/styles/combo-box/bootstrap5-dark.scss +1 -1
  117. package/styles/combo-box/bootstrap5.3.scss +1 -1
  118. package/styles/combo-box/bootstrap5.scss +1 -1
  119. package/styles/combo-box/fabric-dark.scss +1 -1
  120. package/styles/combo-box/fabric.scss +1 -1
  121. package/styles/combo-box/fluent-dark.scss +1 -1
  122. package/styles/combo-box/fluent.scss +1 -1
  123. package/styles/combo-box/fluent2.scss +1 -1
  124. package/styles/combo-box/highcontrast-light.scss +1 -1
  125. package/styles/combo-box/highcontrast.scss +1 -1
  126. package/styles/combo-box/material-dark.scss +1 -1
  127. package/styles/combo-box/material.scss +1 -1
  128. package/styles/combo-box/material3-dark.scss +1 -1
  129. package/styles/combo-box/material3.scss +1 -1
  130. package/styles/combo-box/tailwind-dark.scss +1 -1
  131. package/styles/combo-box/tailwind.scss +1 -1
  132. package/styles/combo-box/tailwind3.scss +1 -1
  133. package/styles/drop-down-base/_all.bds.scss +2 -0
  134. package/styles/drop-down-base/_all.bootstrap-dark.scss +2 -0
  135. package/styles/drop-down-base/_all.bootstrap.scss +2 -0
  136. package/styles/drop-down-base/_all.bootstrap4.scss +2 -0
  137. package/styles/drop-down-base/_all.bootstrap5-dark.scss +2 -0
  138. package/styles/drop-down-base/_all.bootstrap5.3.scss +2 -0
  139. package/styles/drop-down-base/_all.bootstrap5.scss +2 -0
  140. package/styles/drop-down-base/_all.fabric-dark.scss +2 -0
  141. package/styles/drop-down-base/_all.fabric.scss +2 -0
  142. package/styles/drop-down-base/_all.fluent-dark.scss +2 -0
  143. package/styles/drop-down-base/_all.fluent.scss +2 -0
  144. package/styles/drop-down-base/_all.fluent2.scss +2 -0
  145. package/styles/drop-down-base/_all.highcontrast-light.scss +2 -0
  146. package/styles/drop-down-base/_all.highcontrast.scss +2 -0
  147. package/styles/drop-down-base/_all.material-dark.scss +2 -0
  148. package/styles/drop-down-base/_all.material.scss +2 -0
  149. package/styles/drop-down-base/_all.material3-dark.scss +2 -0
  150. package/styles/drop-down-base/_all.material3.scss +2 -0
  151. package/styles/drop-down-base/_all.tailwind-dark.scss +2 -0
  152. package/styles/drop-down-base/_all.tailwind.scss +2 -0
  153. package/styles/drop-down-base/_all.tailwind3.scss +2 -0
  154. package/styles/drop-down-base/_bigger.bds.scss +3 -0
  155. package/styles/drop-down-base/_bigger.bootstrap-dark.scss +3 -0
  156. package/styles/drop-down-base/_bigger.bootstrap.scss +3 -0
  157. package/styles/drop-down-base/_bigger.bootstrap4.scss +3 -0
  158. package/styles/drop-down-base/_bigger.bootstrap5-dark.scss +3 -0
  159. package/styles/drop-down-base/_bigger.bootstrap5.3.scss +3 -0
  160. package/styles/drop-down-base/_bigger.bootstrap5.scss +3 -0
  161. package/styles/drop-down-base/_bigger.fabric-dark.scss +3 -0
  162. package/styles/drop-down-base/_bigger.fabric.scss +3 -0
  163. package/styles/drop-down-base/_bigger.fluent-dark.scss +3 -0
  164. package/styles/drop-down-base/_bigger.fluent.scss +3 -0
  165. package/styles/drop-down-base/_bigger.fluent2.scss +3 -0
  166. package/styles/drop-down-base/_bigger.highcontrast-light.scss +3 -0
  167. package/styles/drop-down-base/_bigger.highcontrast.scss +3 -0
  168. package/styles/drop-down-base/_bigger.material-dark.scss +3 -0
  169. package/styles/drop-down-base/_bigger.material.scss +3 -0
  170. package/styles/drop-down-base/_bigger.material3-dark.scss +3 -0
  171. package/styles/drop-down-base/_bigger.material3.scss +3 -0
  172. package/styles/drop-down-base/_bigger.scss +0 -1
  173. package/styles/drop-down-base/_bigger.tailwind-dark.scss +3 -0
  174. package/styles/drop-down-base/_bigger.tailwind.scss +3 -0
  175. package/styles/drop-down-base/_bigger.tailwind3.scss +3 -0
  176. package/styles/drop-down-base/_layout.bds.scss +3 -0
  177. package/styles/drop-down-base/_layout.bootstrap-dark.scss +3 -0
  178. package/styles/drop-down-base/_layout.bootstrap.scss +3 -0
  179. package/styles/drop-down-base/_layout.bootstrap4.scss +3 -0
  180. package/styles/drop-down-base/_layout.bootstrap5-dark.scss +3 -0
  181. package/styles/drop-down-base/_layout.bootstrap5.3.scss +3 -0
  182. package/styles/drop-down-base/_layout.bootstrap5.scss +3 -0
  183. package/styles/drop-down-base/_layout.fabric-dark.scss +3 -0
  184. package/styles/drop-down-base/_layout.fabric.scss +3 -0
  185. package/styles/drop-down-base/_layout.fluent-dark.scss +3 -0
  186. package/styles/drop-down-base/_layout.fluent.scss +3 -0
  187. package/styles/drop-down-base/_layout.fluent2.scss +3 -0
  188. package/styles/drop-down-base/_layout.highcontrast-light.scss +3 -0
  189. package/styles/drop-down-base/_layout.highcontrast.scss +3 -0
  190. package/styles/drop-down-base/_layout.material-dark.scss +3 -0
  191. package/styles/drop-down-base/_layout.material.scss +3 -0
  192. package/styles/drop-down-base/_layout.material3-dark.scss +3 -0
  193. package/styles/drop-down-base/_layout.material3.scss +3 -0
  194. package/styles/drop-down-base/_layout.scss +0 -1
  195. package/styles/drop-down-base/_layout.tailwind-dark.scss +3 -0
  196. package/styles/drop-down-base/_layout.tailwind.scss +3 -0
  197. package/styles/drop-down-base/_layout.tailwind3.scss +3 -0
  198. package/styles/drop-down-base/_theme-variables.bds.scss +1 -0
  199. package/styles/drop-down-base/_theme-variables.bootstrap-dark.scss +1 -0
  200. package/styles/drop-down-base/_theme-variables.bootstrap.scss +1 -0
  201. package/styles/drop-down-base/_theme-variables.bootstrap4.scss +1 -0
  202. package/styles/drop-down-base/_theme-variables.bootstrap5-dark.scss +1 -0
  203. package/styles/drop-down-base/_theme-variables.bootstrap5.3.scss +1 -0
  204. package/styles/drop-down-base/_theme-variables.bootstrap5.scss +1 -0
  205. package/styles/drop-down-base/_theme-variables.fabric-dark.scss +1 -0
  206. package/styles/drop-down-base/_theme-variables.fabric.scss +1 -0
  207. package/styles/drop-down-base/_theme-variables.fluent-dark.scss +1 -0
  208. package/styles/drop-down-base/_theme-variables.fluent.scss +1 -0
  209. package/styles/drop-down-base/_theme-variables.fluent2.scss +1 -0
  210. package/styles/drop-down-base/_theme-variables.highcontrast-light.scss +1 -0
  211. package/styles/drop-down-base/_theme-variables.highcontrast.scss +1 -0
  212. package/styles/drop-down-base/_theme-variables.material-dark.scss +1 -0
  213. package/styles/drop-down-base/_theme-variables.material.scss +1 -0
  214. package/styles/drop-down-base/_theme-variables.material3-dark.scss +1 -0
  215. package/styles/drop-down-base/_theme-variables.material3.scss +1 -0
  216. package/styles/drop-down-base/_theme-variables.tailwind-dark.scss +1 -0
  217. package/styles/drop-down-base/_theme-variables.tailwind.scss +1 -0
  218. package/styles/drop-down-base/_theme.bds.scss +4 -0
  219. package/styles/drop-down-base/_theme.bootstrap-dark.scss +4 -0
  220. package/styles/drop-down-base/_theme.bootstrap.scss +4 -0
  221. package/styles/drop-down-base/_theme.bootstrap4.scss +4 -0
  222. package/styles/drop-down-base/_theme.bootstrap5-dark.scss +4 -0
  223. package/styles/drop-down-base/_theme.bootstrap5.3.scss +4 -0
  224. package/styles/drop-down-base/_theme.bootstrap5.scss +4 -0
  225. package/styles/drop-down-base/_theme.fabric-dark.scss +4 -0
  226. package/styles/drop-down-base/_theme.fabric.scss +4 -0
  227. package/styles/drop-down-base/_theme.fluent-dark.scss +4 -0
  228. package/styles/drop-down-base/_theme.fluent.scss +4 -0
  229. package/styles/drop-down-base/_theme.fluent2.scss +4 -0
  230. package/styles/drop-down-base/_theme.highcontrast-light.scss +4 -0
  231. package/styles/drop-down-base/_theme.highcontrast.scss +4 -0
  232. package/styles/drop-down-base/_theme.material-dark.scss +4 -0
  233. package/styles/drop-down-base/_theme.material.scss +4 -0
  234. package/styles/drop-down-base/_theme.material3-dark.scss +4 -0
  235. package/styles/drop-down-base/_theme.material3.scss +4 -0
  236. package/styles/drop-down-base/_theme.scss +0 -1
  237. package/styles/drop-down-base/_theme.tailwind-dark.scss +4 -0
  238. package/styles/drop-down-base/_theme.tailwind.scss +4 -0
  239. package/styles/drop-down-base/_theme.tailwind3.scss +4 -0
  240. package/styles/drop-down-base/bds.css +217 -112
  241. package/styles/drop-down-base/bds.scss +2 -2
  242. package/styles/drop-down-base/bootstrap-dark.css +141 -117
  243. package/styles/drop-down-base/bootstrap-dark.scss +2 -2
  244. package/styles/drop-down-base/bootstrap.css +141 -117
  245. package/styles/drop-down-base/bootstrap.scss +2 -2
  246. package/styles/drop-down-base/bootstrap4.css +157 -115
  247. package/styles/drop-down-base/bootstrap4.scss +2 -2
  248. package/styles/drop-down-base/bootstrap5-dark.css +174 -114
  249. package/styles/drop-down-base/bootstrap5-dark.scss +2 -2
  250. package/styles/drop-down-base/bootstrap5.3.css +417 -105
  251. package/styles/drop-down-base/bootstrap5.3.scss +2 -2
  252. package/styles/drop-down-base/bootstrap5.css +174 -114
  253. package/styles/drop-down-base/bootstrap5.scss +2 -2
  254. package/styles/drop-down-base/fabric-dark.css +141 -117
  255. package/styles/drop-down-base/fabric-dark.scss +2 -2
  256. package/styles/drop-down-base/fabric.css +141 -117
  257. package/styles/drop-down-base/fabric.scss +2 -2
  258. package/styles/drop-down-base/fluent-dark.css +179 -119
  259. package/styles/drop-down-base/fluent-dark.scss +2 -2
  260. package/styles/drop-down-base/fluent.css +179 -119
  261. package/styles/drop-down-base/fluent.scss +2 -2
  262. package/styles/drop-down-base/fluent2.css +449 -98
  263. package/styles/drop-down-base/fluent2.scss +2 -2
  264. package/styles/drop-down-base/highcontrast-light.css +181 -109
  265. package/styles/drop-down-base/highcontrast-light.scss +2 -2
  266. package/styles/drop-down-base/highcontrast.css +181 -109
  267. package/styles/drop-down-base/highcontrast.scss +2 -2
  268. package/styles/drop-down-base/material-dark.css +141 -117
  269. package/styles/drop-down-base/material-dark.scss +2 -2
  270. package/styles/drop-down-base/material.css +141 -117
  271. package/styles/drop-down-base/material.scss +2 -2
  272. package/styles/drop-down-base/material3-dark.css +380 -110
  273. package/styles/drop-down-base/material3-dark.scss +2 -2
  274. package/styles/drop-down-base/material3.css +384 -108
  275. package/styles/drop-down-base/material3.scss +2 -2
  276. package/styles/drop-down-base/tailwind-dark.css +196 -118
  277. package/styles/drop-down-base/tailwind-dark.scss +2 -2
  278. package/styles/drop-down-base/tailwind.css +196 -118
  279. package/styles/drop-down-base/tailwind.scss +2 -2
  280. package/styles/drop-down-base/tailwind3.css +388 -106
  281. package/styles/drop-down-base/tailwind3.scss +2 -2
  282. package/styles/drop-down-list/_all.bds.scss +2 -0
  283. package/styles/drop-down-list/_all.bootstrap-dark.scss +2 -0
  284. package/styles/drop-down-list/_all.bootstrap.scss +2 -0
  285. package/styles/drop-down-list/_all.bootstrap4.scss +2 -0
  286. package/styles/drop-down-list/_all.bootstrap5-dark.scss +2 -0
  287. package/styles/drop-down-list/_all.bootstrap5.3.scss +2 -0
  288. package/styles/drop-down-list/_all.bootstrap5.scss +2 -0
  289. package/styles/drop-down-list/_all.fabric-dark.scss +2 -0
  290. package/styles/drop-down-list/_all.fabric.scss +2 -0
  291. package/styles/drop-down-list/_all.fluent-dark.scss +2 -0
  292. package/styles/drop-down-list/_all.fluent.scss +2 -0
  293. package/styles/drop-down-list/_all.fluent2.scss +2 -0
  294. package/styles/drop-down-list/_all.highcontrast-light.scss +2 -0
  295. package/styles/drop-down-list/_all.highcontrast.scss +2 -0
  296. package/styles/drop-down-list/_all.material-dark.scss +2 -0
  297. package/styles/drop-down-list/_all.material.scss +2 -0
  298. package/styles/drop-down-list/_all.material3-dark.scss +2 -0
  299. package/styles/drop-down-list/_all.material3.scss +2 -0
  300. package/styles/drop-down-list/_all.tailwind-dark.scss +2 -0
  301. package/styles/drop-down-list/_all.tailwind.scss +2 -0
  302. package/styles/drop-down-list/_all.tailwind3.scss +2 -0
  303. package/styles/drop-down-list/_bigger.bds.scss +3 -0
  304. package/styles/drop-down-list/_bigger.bootstrap-dark.scss +3 -0
  305. package/styles/drop-down-list/_bigger.bootstrap.scss +3 -0
  306. package/styles/drop-down-list/_bigger.bootstrap4.scss +3 -0
  307. package/styles/drop-down-list/_bigger.bootstrap5-dark.scss +3 -0
  308. package/styles/drop-down-list/_bigger.bootstrap5.3.scss +3 -0
  309. package/styles/drop-down-list/_bigger.bootstrap5.scss +3 -0
  310. package/styles/drop-down-list/_bigger.fabric-dark.scss +3 -0
  311. package/styles/drop-down-list/_bigger.fabric.scss +3 -0
  312. package/styles/drop-down-list/_bigger.fluent-dark.scss +3 -0
  313. package/styles/drop-down-list/_bigger.fluent.scss +3 -0
  314. package/styles/drop-down-list/_bigger.fluent2.scss +3 -0
  315. package/styles/drop-down-list/_bigger.highcontrast-light.scss +3 -0
  316. package/styles/drop-down-list/_bigger.highcontrast.scss +3 -0
  317. package/styles/drop-down-list/_bigger.material-dark.scss +3 -0
  318. package/styles/drop-down-list/_bigger.material.scss +3 -0
  319. package/styles/drop-down-list/_bigger.material3-dark.scss +3 -0
  320. package/styles/drop-down-list/_bigger.material3.scss +3 -0
  321. package/styles/drop-down-list/_bigger.scss +0 -1
  322. package/styles/drop-down-list/_bigger.tailwind-dark.scss +3 -0
  323. package/styles/drop-down-list/_bigger.tailwind.scss +3 -0
  324. package/styles/drop-down-list/_bigger.tailwind3.scss +3 -0
  325. package/styles/drop-down-list/_layout.bds.scss +3 -0
  326. package/styles/drop-down-list/_layout.bootstrap-dark.scss +3 -0
  327. package/styles/drop-down-list/_layout.bootstrap.scss +3 -0
  328. package/styles/drop-down-list/_layout.bootstrap4.scss +3 -0
  329. package/styles/drop-down-list/_layout.bootstrap5-dark.scss +3 -0
  330. package/styles/drop-down-list/_layout.bootstrap5.3.scss +3 -0
  331. package/styles/drop-down-list/_layout.bootstrap5.scss +3 -0
  332. package/styles/drop-down-list/_layout.fabric-dark.scss +3 -0
  333. package/styles/drop-down-list/_layout.fabric.scss +3 -0
  334. package/styles/drop-down-list/_layout.fluent-dark.scss +3 -0
  335. package/styles/drop-down-list/_layout.fluent.scss +3 -0
  336. package/styles/drop-down-list/_layout.fluent2.scss +3 -0
  337. package/styles/drop-down-list/_layout.highcontrast-light.scss +3 -0
  338. package/styles/drop-down-list/_layout.highcontrast.scss +3 -0
  339. package/styles/drop-down-list/_layout.material-dark.scss +3 -0
  340. package/styles/drop-down-list/_layout.material.scss +3 -0
  341. package/styles/drop-down-list/_layout.material3-dark.scss +3 -0
  342. package/styles/drop-down-list/_layout.material3.scss +3 -0
  343. package/styles/drop-down-list/_layout.scss +0 -1
  344. package/styles/drop-down-list/_layout.tailwind-dark.scss +3 -0
  345. package/styles/drop-down-list/_layout.tailwind.scss +3 -0
  346. package/styles/drop-down-list/_layout.tailwind3.scss +3 -0
  347. package/styles/drop-down-list/_theme-variables.bds.scss +1 -0
  348. package/styles/drop-down-list/_theme-variables.bootstrap-dark.scss +1 -0
  349. package/styles/drop-down-list/_theme-variables.bootstrap.scss +1 -0
  350. package/styles/drop-down-list/_theme-variables.bootstrap4.scss +1 -0
  351. package/styles/drop-down-list/_theme-variables.bootstrap5-dark.scss +1 -0
  352. package/styles/drop-down-list/_theme-variables.bootstrap5.3.scss +1 -0
  353. package/styles/drop-down-list/_theme-variables.bootstrap5.scss +1 -0
  354. package/styles/drop-down-list/_theme-variables.fabric-dark.scss +1 -0
  355. package/styles/drop-down-list/_theme-variables.fabric.scss +1 -0
  356. package/styles/drop-down-list/_theme-variables.fluent-dark.scss +1 -0
  357. package/styles/drop-down-list/_theme-variables.fluent.scss +1 -0
  358. package/styles/drop-down-list/_theme-variables.fluent2.scss +1 -0
  359. package/styles/drop-down-list/_theme-variables.highcontrast-light.scss +1 -0
  360. package/styles/drop-down-list/_theme-variables.highcontrast.scss +1 -0
  361. package/styles/drop-down-list/_theme-variables.material-dark.scss +1 -0
  362. package/styles/drop-down-list/_theme-variables.material.scss +1 -0
  363. package/styles/drop-down-list/_theme-variables.material3-dark.scss +1 -0
  364. package/styles/drop-down-list/_theme-variables.material3.scss +1 -0
  365. package/styles/drop-down-list/_theme-variables.tailwind-dark.scss +1 -0
  366. package/styles/drop-down-list/_theme-variables.tailwind.scss +1 -0
  367. package/styles/drop-down-list/_theme.bds.scss +4 -0
  368. package/styles/drop-down-list/_theme.bootstrap-dark.scss +4 -0
  369. package/styles/drop-down-list/_theme.bootstrap.scss +4 -0
  370. package/styles/drop-down-list/_theme.bootstrap4.scss +4 -0
  371. package/styles/drop-down-list/_theme.bootstrap5-dark.scss +4 -0
  372. package/styles/drop-down-list/_theme.bootstrap5.3.scss +4 -0
  373. package/styles/drop-down-list/_theme.bootstrap5.scss +4 -0
  374. package/styles/drop-down-list/_theme.fabric-dark.scss +4 -0
  375. package/styles/drop-down-list/_theme.fabric.scss +4 -0
  376. package/styles/drop-down-list/_theme.fluent-dark.scss +4 -0
  377. package/styles/drop-down-list/_theme.fluent.scss +4 -0
  378. package/styles/drop-down-list/_theme.fluent2.scss +4 -0
  379. package/styles/drop-down-list/_theme.highcontrast-light.scss +4 -0
  380. package/styles/drop-down-list/_theme.highcontrast.scss +4 -0
  381. package/styles/drop-down-list/_theme.material-dark.scss +4 -0
  382. package/styles/drop-down-list/_theme.material.scss +4 -0
  383. package/styles/drop-down-list/_theme.material3-dark.scss +4 -0
  384. package/styles/drop-down-list/_theme.material3.scss +4 -0
  385. package/styles/drop-down-list/_theme.scss +0 -1
  386. package/styles/drop-down-list/_theme.tailwind-dark.scss +4 -0
  387. package/styles/drop-down-list/_theme.tailwind.scss +4 -0
  388. package/styles/drop-down-list/_theme.tailwind3.scss +4 -0
  389. package/styles/drop-down-list/bds.css +228 -6
  390. package/styles/drop-down-list/bds.scss +2 -2
  391. package/styles/drop-down-list/bootstrap-dark.css +190 -7
  392. package/styles/drop-down-list/bootstrap-dark.scss +2 -2
  393. package/styles/drop-down-list/bootstrap.css +189 -6
  394. package/styles/drop-down-list/bootstrap.scss +2 -2
  395. package/styles/drop-down-list/bootstrap4.css +299 -8
  396. package/styles/drop-down-list/bootstrap4.scss +2 -2
  397. package/styles/drop-down-list/bootstrap5-dark.css +305 -8
  398. package/styles/drop-down-list/bootstrap5-dark.scss +2 -2
  399. package/styles/drop-down-list/bootstrap5.3.css +557 -8
  400. package/styles/drop-down-list/bootstrap5.3.scss +2 -2
  401. package/styles/drop-down-list/bootstrap5.css +305 -8
  402. package/styles/drop-down-list/bootstrap5.scss +2 -2
  403. package/styles/drop-down-list/fabric-dark.css +112 -7
  404. package/styles/drop-down-list/fabric-dark.scss +2 -2
  405. package/styles/drop-down-list/fabric.css +112 -7
  406. package/styles/drop-down-list/fabric.scss +2 -2
  407. package/styles/drop-down-list/fluent-dark.css +283 -7
  408. package/styles/drop-down-list/fluent-dark.scss +2 -2
  409. package/styles/drop-down-list/fluent.css +283 -7
  410. package/styles/drop-down-list/fluent.scss +2 -2
  411. package/styles/drop-down-list/fluent2.css +579 -6
  412. package/styles/drop-down-list/fluent2.scss +2 -2
  413. package/styles/drop-down-list/highcontrast-light.css +157 -7
  414. package/styles/drop-down-list/highcontrast-light.scss +2 -2
  415. package/styles/drop-down-list/highcontrast.css +158 -8
  416. package/styles/drop-down-list/highcontrast.scss +2 -2
  417. package/styles/drop-down-list/material-dark.css +255 -6
  418. package/styles/drop-down-list/material-dark.scss +2 -2
  419. package/styles/drop-down-list/material.css +267 -6
  420. package/styles/drop-down-list/material.scss +2 -2
  421. package/styles/drop-down-list/material3-dark.css +708 -6
  422. package/styles/drop-down-list/material3-dark.scss +2 -2
  423. package/styles/drop-down-list/material3.css +714 -6
  424. package/styles/drop-down-list/material3.scss +2 -2
  425. package/styles/drop-down-list/tailwind-dark.css +216 -6
  426. package/styles/drop-down-list/tailwind-dark.scss +2 -2
  427. package/styles/drop-down-list/tailwind.css +216 -6
  428. package/styles/drop-down-list/tailwind.scss +2 -2
  429. package/styles/drop-down-list/tailwind3.css +526 -7
  430. package/styles/drop-down-list/tailwind3.scss +2 -2
  431. package/styles/drop-down-tree/_all.bds.scss +2 -0
  432. package/styles/drop-down-tree/_all.bootstrap-dark.scss +2 -0
  433. package/styles/drop-down-tree/_all.bootstrap.scss +2 -0
  434. package/styles/drop-down-tree/_all.bootstrap4.scss +2 -0
  435. package/styles/drop-down-tree/_all.bootstrap5-dark.scss +2 -0
  436. package/styles/drop-down-tree/_all.bootstrap5.3.scss +2 -0
  437. package/styles/drop-down-tree/_all.bootstrap5.scss +2 -0
  438. package/styles/drop-down-tree/_all.fabric-dark.scss +2 -0
  439. package/styles/drop-down-tree/_all.fabric.scss +2 -0
  440. package/styles/drop-down-tree/_all.fluent-dark.scss +2 -0
  441. package/styles/drop-down-tree/_all.fluent.scss +2 -0
  442. package/styles/drop-down-tree/_all.fluent2.scss +2 -0
  443. package/styles/drop-down-tree/_all.highcontrast-light.scss +2 -0
  444. package/styles/drop-down-tree/_all.highcontrast.scss +2 -0
  445. package/styles/drop-down-tree/_all.material-dark.scss +2 -0
  446. package/styles/drop-down-tree/_all.material.scss +2 -0
  447. package/styles/drop-down-tree/_all.material3-dark.scss +2 -0
  448. package/styles/drop-down-tree/_all.material3.scss +2 -0
  449. package/styles/drop-down-tree/_all.tailwind-dark.scss +2 -0
  450. package/styles/drop-down-tree/_all.tailwind.scss +2 -0
  451. package/styles/drop-down-tree/_all.tailwind3.scss +2 -0
  452. package/styles/drop-down-tree/_bigger.bds.scss +3 -0
  453. package/styles/drop-down-tree/_bigger.bootstrap-dark.scss +3 -0
  454. package/styles/drop-down-tree/_bigger.bootstrap.scss +3 -0
  455. package/styles/drop-down-tree/_bigger.bootstrap4.scss +3 -0
  456. package/styles/drop-down-tree/_bigger.bootstrap5-dark.scss +3 -0
  457. package/styles/drop-down-tree/_bigger.bootstrap5.3.scss +3 -0
  458. package/styles/drop-down-tree/_bigger.bootstrap5.scss +3 -0
  459. package/styles/drop-down-tree/_bigger.fabric-dark.scss +3 -0
  460. package/styles/drop-down-tree/_bigger.fabric.scss +3 -0
  461. package/styles/drop-down-tree/_bigger.fluent-dark.scss +3 -0
  462. package/styles/drop-down-tree/_bigger.fluent.scss +3 -0
  463. package/styles/drop-down-tree/_bigger.fluent2.scss +3 -0
  464. package/styles/drop-down-tree/_bigger.highcontrast-light.scss +3 -0
  465. package/styles/drop-down-tree/_bigger.highcontrast.scss +3 -0
  466. package/styles/drop-down-tree/_bigger.material-dark.scss +3 -0
  467. package/styles/drop-down-tree/_bigger.material.scss +3 -0
  468. package/styles/drop-down-tree/_bigger.material3-dark.scss +3 -0
  469. package/styles/drop-down-tree/_bigger.material3.scss +3 -0
  470. package/styles/drop-down-tree/_bigger.scss +0 -1
  471. package/styles/drop-down-tree/_bigger.tailwind-dark.scss +3 -0
  472. package/styles/drop-down-tree/_bigger.tailwind.scss +3 -0
  473. package/styles/drop-down-tree/_bigger.tailwind3.scss +3 -0
  474. package/styles/drop-down-tree/_layout.bds.scss +3 -0
  475. package/styles/drop-down-tree/_layout.bootstrap-dark.scss +3 -0
  476. package/styles/drop-down-tree/_layout.bootstrap.scss +3 -0
  477. package/styles/drop-down-tree/_layout.bootstrap4.scss +3 -0
  478. package/styles/drop-down-tree/_layout.bootstrap5-dark.scss +3 -0
  479. package/styles/drop-down-tree/_layout.bootstrap5.3.scss +3 -0
  480. package/styles/drop-down-tree/_layout.bootstrap5.scss +3 -0
  481. package/styles/drop-down-tree/_layout.fabric-dark.scss +3 -0
  482. package/styles/drop-down-tree/_layout.fabric.scss +3 -0
  483. package/styles/drop-down-tree/_layout.fluent-dark.scss +3 -0
  484. package/styles/drop-down-tree/_layout.fluent.scss +3 -0
  485. package/styles/drop-down-tree/_layout.fluent2.scss +3 -0
  486. package/styles/drop-down-tree/_layout.highcontrast-light.scss +3 -0
  487. package/styles/drop-down-tree/_layout.highcontrast.scss +3 -0
  488. package/styles/drop-down-tree/_layout.material-dark.scss +3 -0
  489. package/styles/drop-down-tree/_layout.material.scss +3 -0
  490. package/styles/drop-down-tree/_layout.material3-dark.scss +3 -0
  491. package/styles/drop-down-tree/_layout.material3.scss +3 -0
  492. package/styles/drop-down-tree/_layout.scss +0 -1
  493. package/styles/drop-down-tree/_layout.tailwind-dark.scss +3 -0
  494. package/styles/drop-down-tree/_layout.tailwind.scss +3 -0
  495. package/styles/drop-down-tree/_layout.tailwind3.scss +3 -0
  496. package/styles/drop-down-tree/_theme-variables.bds.scss +1 -0
  497. package/styles/drop-down-tree/_theme-variables.bootstrap-dark.scss +1 -0
  498. package/styles/drop-down-tree/_theme-variables.bootstrap.scss +1 -0
  499. package/styles/drop-down-tree/_theme-variables.bootstrap4.scss +1 -0
  500. package/styles/drop-down-tree/_theme-variables.bootstrap5-dark.scss +1 -0
  501. package/styles/drop-down-tree/_theme-variables.bootstrap5.3.scss +1 -0
  502. package/styles/drop-down-tree/_theme-variables.bootstrap5.scss +1 -0
  503. package/styles/drop-down-tree/_theme-variables.fabric-dark.scss +1 -0
  504. package/styles/drop-down-tree/_theme-variables.fabric.scss +1 -0
  505. package/styles/drop-down-tree/_theme-variables.fluent-dark.scss +1 -0
  506. package/styles/drop-down-tree/_theme-variables.fluent.scss +1 -0
  507. package/styles/drop-down-tree/_theme-variables.fluent2.scss +1 -0
  508. package/styles/drop-down-tree/_theme-variables.highcontrast-light.scss +1 -0
  509. package/styles/drop-down-tree/_theme-variables.highcontrast.scss +1 -0
  510. package/styles/drop-down-tree/_theme-variables.material-dark.scss +1 -0
  511. package/styles/drop-down-tree/_theme-variables.material.scss +1 -0
  512. package/styles/drop-down-tree/_theme-variables.material3-dark.scss +1 -0
  513. package/styles/drop-down-tree/_theme-variables.material3.scss +1 -0
  514. package/styles/drop-down-tree/_theme-variables.tailwind-dark.scss +1 -0
  515. package/styles/drop-down-tree/_theme-variables.tailwind.scss +1 -0
  516. package/styles/drop-down-tree/_theme.bds.scss +4 -0
  517. package/styles/drop-down-tree/_theme.bootstrap-dark.scss +4 -0
  518. package/styles/drop-down-tree/_theme.bootstrap.scss +4 -0
  519. package/styles/drop-down-tree/_theme.bootstrap4.scss +4 -0
  520. package/styles/drop-down-tree/_theme.bootstrap5-dark.scss +4 -0
  521. package/styles/drop-down-tree/_theme.bootstrap5.3.scss +4 -0
  522. package/styles/drop-down-tree/_theme.bootstrap5.scss +4 -0
  523. package/styles/drop-down-tree/_theme.fabric-dark.scss +4 -0
  524. package/styles/drop-down-tree/_theme.fabric.scss +4 -0
  525. package/styles/drop-down-tree/_theme.fluent-dark.scss +4 -0
  526. package/styles/drop-down-tree/_theme.fluent.scss +4 -0
  527. package/styles/drop-down-tree/_theme.fluent2.scss +4 -0
  528. package/styles/drop-down-tree/_theme.highcontrast-light.scss +4 -0
  529. package/styles/drop-down-tree/_theme.highcontrast.scss +4 -0
  530. package/styles/drop-down-tree/_theme.material-dark.scss +4 -0
  531. package/styles/drop-down-tree/_theme.material.scss +4 -0
  532. package/styles/drop-down-tree/_theme.material3-dark.scss +4 -0
  533. package/styles/drop-down-tree/_theme.material3.scss +4 -0
  534. package/styles/drop-down-tree/_theme.scss +0 -1
  535. package/styles/drop-down-tree/_theme.tailwind-dark.scss +4 -0
  536. package/styles/drop-down-tree/_theme.tailwind.scss +4 -0
  537. package/styles/drop-down-tree/_theme.tailwind3.scss +4 -0
  538. package/styles/drop-down-tree/bds.css +65 -50
  539. package/styles/drop-down-tree/bds.scss +2 -2
  540. package/styles/drop-down-tree/bootstrap-dark.css +35 -32
  541. package/styles/drop-down-tree/bootstrap-dark.scss +2 -2
  542. package/styles/drop-down-tree/bootstrap.css +35 -32
  543. package/styles/drop-down-tree/bootstrap.scss +2 -2
  544. package/styles/drop-down-tree/bootstrap4.css +41 -38
  545. package/styles/drop-down-tree/bootstrap4.scss +2 -2
  546. package/styles/drop-down-tree/bootstrap5-dark.css +42 -39
  547. package/styles/drop-down-tree/bootstrap5-dark.scss +2 -2
  548. package/styles/drop-down-tree/bootstrap5.3.css +293 -38
  549. package/styles/drop-down-tree/bootstrap5.3.scss +2 -2
  550. package/styles/drop-down-tree/bootstrap5.css +42 -39
  551. package/styles/drop-down-tree/bootstrap5.scss +2 -2
  552. package/styles/drop-down-tree/fabric-dark.css +35 -32
  553. package/styles/drop-down-tree/fabric-dark.scss +2 -2
  554. package/styles/drop-down-tree/fabric.css +35 -32
  555. package/styles/drop-down-tree/fabric.scss +2 -2
  556. package/styles/drop-down-tree/fluent-dark.css +35 -32
  557. package/styles/drop-down-tree/fluent-dark.scss +2 -2
  558. package/styles/drop-down-tree/fluent.css +35 -32
  559. package/styles/drop-down-tree/fluent.scss +2 -2
  560. package/styles/drop-down-tree/fluent2.css +295 -34
  561. package/styles/drop-down-tree/fluent2.scss +2 -2
  562. package/styles/drop-down-tree/highcontrast-light.css +35 -32
  563. package/styles/drop-down-tree/highcontrast-light.scss +2 -2
  564. package/styles/drop-down-tree/highcontrast.css +44 -41
  565. package/styles/drop-down-tree/highcontrast.scss +2 -2
  566. package/styles/drop-down-tree/material-dark.css +35 -32
  567. package/styles/drop-down-tree/material-dark.scss +2 -2
  568. package/styles/drop-down-tree/material.css +35 -32
  569. package/styles/drop-down-tree/material.scss +2 -2
  570. package/styles/drop-down-tree/material3-dark.css +278 -32
  571. package/styles/drop-down-tree/material3-dark.scss +2 -2
  572. package/styles/drop-down-tree/material3.css +284 -32
  573. package/styles/drop-down-tree/material3.scss +2 -2
  574. package/styles/drop-down-tree/tailwind-dark.css +54 -51
  575. package/styles/drop-down-tree/tailwind-dark.scss +2 -2
  576. package/styles/drop-down-tree/tailwind.css +54 -51
  577. package/styles/drop-down-tree/tailwind.scss +2 -2
  578. package/styles/drop-down-tree/tailwind3.css +256 -31
  579. package/styles/drop-down-tree/tailwind3.scss +2 -2
  580. package/styles/fabric-dark-lite.css +1636 -1496
  581. package/styles/fabric-dark-lite.scss +8 -8
  582. package/styles/fabric-dark.css +1346 -1132
  583. package/styles/fabric-dark.scss +13 -13
  584. package/styles/fabric-lite.css +816 -686
  585. package/styles/fabric-lite.scss +8 -8
  586. package/styles/fabric.css +1349 -1150
  587. package/styles/fabric.scss +13 -13
  588. package/styles/fluent-dark-lite.css +1870 -1562
  589. package/styles/fluent-dark-lite.scss +8 -8
  590. package/styles/fluent-dark.css +2107 -1635
  591. package/styles/fluent-dark.scss +13 -13
  592. package/styles/fluent-lite.css +1891 -1582
  593. package/styles/fluent-lite.scss +8 -8
  594. package/styles/fluent.css +2108 -1635
  595. package/styles/fluent.scss +13 -13
  596. package/styles/fluent2-lite.css +3322 -1846
  597. package/styles/fluent2-lite.scss +8 -8
  598. package/styles/fluent2.css +5233 -2961
  599. package/styles/fluent2.scss +13 -13
  600. package/styles/highcontrast-light-lite.css +2477 -2055
  601. package/styles/highcontrast-light-lite.scss +8 -8
  602. package/styles/highcontrast-light.css +2195 -1550
  603. package/styles/highcontrast-light.scss +13 -13
  604. package/styles/highcontrast-lite.css +2363 -1927
  605. package/styles/highcontrast-lite.scss +8 -8
  606. package/styles/highcontrast.css +2221 -1555
  607. package/styles/highcontrast.scss +13 -13
  608. package/styles/list-box/_all.bds.scss +2 -0
  609. package/styles/list-box/_all.bootstrap-dark.scss +2 -0
  610. package/styles/list-box/_all.bootstrap.scss +2 -0
  611. package/styles/list-box/_all.bootstrap4.scss +2 -0
  612. package/styles/list-box/_all.bootstrap5-dark.scss +2 -0
  613. package/styles/list-box/_all.bootstrap5.3.scss +2 -0
  614. package/styles/list-box/_all.bootstrap5.scss +2 -0
  615. package/styles/list-box/_all.fabric-dark.scss +2 -0
  616. package/styles/list-box/_all.fabric.scss +2 -0
  617. package/styles/list-box/_all.fluent-dark.scss +2 -0
  618. package/styles/list-box/_all.fluent.scss +2 -0
  619. package/styles/list-box/_all.fluent2.scss +2 -0
  620. package/styles/list-box/_all.highcontrast-light.scss +2 -0
  621. package/styles/list-box/_all.highcontrast.scss +2 -0
  622. package/styles/list-box/_all.material-dark.scss +2 -0
  623. package/styles/list-box/_all.material.scss +2 -0
  624. package/styles/list-box/_all.material3-dark.scss +2 -0
  625. package/styles/list-box/_all.material3.scss +2 -0
  626. package/styles/list-box/_all.tailwind-dark.scss +2 -0
  627. package/styles/list-box/_all.tailwind.scss +2 -0
  628. package/styles/list-box/_all.tailwind3.scss +2 -0
  629. package/styles/list-box/_bigger.bds.scss +3 -0
  630. package/styles/list-box/_bigger.bootstrap-dark.scss +3 -0
  631. package/styles/list-box/_bigger.bootstrap.scss +3 -0
  632. package/styles/list-box/_bigger.bootstrap4.scss +3 -0
  633. package/styles/list-box/_bigger.bootstrap5-dark.scss +3 -0
  634. package/styles/list-box/_bigger.bootstrap5.3.scss +3 -0
  635. package/styles/list-box/_bigger.bootstrap5.scss +3 -0
  636. package/styles/list-box/_bigger.fabric-dark.scss +3 -0
  637. package/styles/list-box/_bigger.fabric.scss +3 -0
  638. package/styles/list-box/_bigger.fluent-dark.scss +3 -0
  639. package/styles/list-box/_bigger.fluent.scss +3 -0
  640. package/styles/list-box/_bigger.fluent2.scss +3 -0
  641. package/styles/list-box/_bigger.highcontrast-light.scss +3 -0
  642. package/styles/list-box/_bigger.highcontrast.scss +3 -0
  643. package/styles/list-box/_bigger.material-dark.scss +3 -0
  644. package/styles/list-box/_bigger.material.scss +3 -0
  645. package/styles/list-box/_bigger.material3-dark.scss +3 -0
  646. package/styles/list-box/_bigger.material3.scss +3 -0
  647. package/styles/list-box/_bigger.scss +0 -1
  648. package/styles/list-box/_bigger.tailwind-dark.scss +3 -0
  649. package/styles/list-box/_bigger.tailwind.scss +3 -0
  650. package/styles/list-box/_bigger.tailwind3.scss +3 -0
  651. package/styles/list-box/_layout.bds.scss +3 -0
  652. package/styles/list-box/_layout.bootstrap-dark.scss +3 -0
  653. package/styles/list-box/_layout.bootstrap.scss +3 -0
  654. package/styles/list-box/_layout.bootstrap4.scss +3 -0
  655. package/styles/list-box/_layout.bootstrap5-dark.scss +3 -0
  656. package/styles/list-box/_layout.bootstrap5.3.scss +3 -0
  657. package/styles/list-box/_layout.bootstrap5.scss +3 -0
  658. package/styles/list-box/_layout.fabric-dark.scss +3 -0
  659. package/styles/list-box/_layout.fabric.scss +3 -0
  660. package/styles/list-box/_layout.fluent-dark.scss +3 -0
  661. package/styles/list-box/_layout.fluent.scss +3 -0
  662. package/styles/list-box/_layout.fluent2.scss +3 -0
  663. package/styles/list-box/_layout.highcontrast-light.scss +3 -0
  664. package/styles/list-box/_layout.highcontrast.scss +3 -0
  665. package/styles/list-box/_layout.material-dark.scss +3 -0
  666. package/styles/list-box/_layout.material.scss +3 -0
  667. package/styles/list-box/_layout.material3-dark.scss +3 -0
  668. package/styles/list-box/_layout.material3.scss +3 -0
  669. package/styles/list-box/_layout.scss +0 -1
  670. package/styles/list-box/_layout.tailwind-dark.scss +3 -0
  671. package/styles/list-box/_layout.tailwind.scss +3 -0
  672. package/styles/list-box/_layout.tailwind3.scss +3 -0
  673. package/styles/list-box/_theme-variables.bds.scss +1 -0
  674. package/styles/list-box/_theme-variables.bootstrap-dark.scss +1 -0
  675. package/styles/list-box/_theme-variables.bootstrap.scss +1 -0
  676. package/styles/list-box/_theme-variables.bootstrap4.scss +1 -0
  677. package/styles/list-box/_theme-variables.bootstrap5-dark.scss +1 -0
  678. package/styles/list-box/_theme-variables.bootstrap5.3.scss +1 -0
  679. package/styles/list-box/_theme-variables.bootstrap5.scss +1 -0
  680. package/styles/list-box/_theme-variables.fabric-dark.scss +1 -0
  681. package/styles/list-box/_theme-variables.fabric.scss +1 -0
  682. package/styles/list-box/_theme-variables.fluent-dark.scss +1 -0
  683. package/styles/list-box/_theme-variables.fluent.scss +1 -0
  684. package/styles/list-box/_theme-variables.fluent2.scss +1 -0
  685. package/styles/list-box/_theme-variables.highcontrast-light.scss +1 -0
  686. package/styles/list-box/_theme-variables.highcontrast.scss +1 -0
  687. package/styles/list-box/_theme-variables.material-dark.scss +1 -0
  688. package/styles/list-box/_theme-variables.material.scss +1 -0
  689. package/styles/list-box/_theme-variables.material3-dark.scss +1 -0
  690. package/styles/list-box/_theme-variables.material3.scss +1 -0
  691. package/styles/list-box/_theme-variables.tailwind-dark.scss +1 -0
  692. package/styles/list-box/_theme-variables.tailwind.scss +1 -0
  693. package/styles/list-box/_theme.bds.scss +4 -0
  694. package/styles/list-box/_theme.bootstrap-dark.scss +4 -0
  695. package/styles/list-box/_theme.bootstrap.scss +4 -0
  696. package/styles/list-box/_theme.bootstrap4.scss +4 -0
  697. package/styles/list-box/_theme.bootstrap5-dark.scss +4 -0
  698. package/styles/list-box/_theme.bootstrap5.3.scss +4 -0
  699. package/styles/list-box/_theme.bootstrap5.scss +4 -0
  700. package/styles/list-box/_theme.fabric-dark.scss +4 -0
  701. package/styles/list-box/_theme.fabric.scss +4 -0
  702. package/styles/list-box/_theme.fluent-dark.scss +4 -0
  703. package/styles/list-box/_theme.fluent.scss +4 -0
  704. package/styles/list-box/_theme.fluent2.scss +4 -0
  705. package/styles/list-box/_theme.highcontrast-light.scss +4 -0
  706. package/styles/list-box/_theme.highcontrast.scss +4 -0
  707. package/styles/list-box/_theme.material-dark.scss +4 -0
  708. package/styles/list-box/_theme.material.scss +4 -0
  709. package/styles/list-box/_theme.material3-dark.scss +4 -0
  710. package/styles/list-box/_theme.material3.scss +4 -0
  711. package/styles/list-box/_theme.scss +0 -1
  712. package/styles/list-box/_theme.tailwind-dark.scss +4 -0
  713. package/styles/list-box/_theme.tailwind.scss +4 -0
  714. package/styles/list-box/_theme.tailwind3.scss +4 -0
  715. package/styles/list-box/bds.css +700 -637
  716. package/styles/list-box/bds.scss +2 -2
  717. package/styles/list-box/bootstrap-dark.css +647 -647
  718. package/styles/list-box/bootstrap-dark.scss +2 -2
  719. package/styles/list-box/bootstrap.css +652 -652
  720. package/styles/list-box/bootstrap.scss +2 -2
  721. package/styles/list-box/bootstrap4.css +646 -646
  722. package/styles/list-box/bootstrap4.scss +2 -2
  723. package/styles/list-box/bootstrap5-dark.css +651 -651
  724. package/styles/list-box/bootstrap5-dark.scss +2 -2
  725. package/styles/list-box/bootstrap5.3.css +908 -656
  726. package/styles/list-box/bootstrap5.3.scss +2 -2
  727. package/styles/list-box/bootstrap5.css +651 -651
  728. package/styles/list-box/bootstrap5.scss +2 -2
  729. package/styles/list-box/fabric-dark.css +647 -647
  730. package/styles/list-box/fabric-dark.scss +2 -2
  731. package/styles/list-box/fabric.css +652 -652
  732. package/styles/list-box/fabric.scss +2 -2
  733. package/styles/list-box/fluent-dark.css +653 -653
  734. package/styles/list-box/fluent-dark.scss +2 -2
  735. package/styles/list-box/fluent.css +653 -653
  736. package/styles/list-box/fluent.scss +2 -2
  737. package/styles/list-box/fluent2.css +927 -669
  738. package/styles/list-box/fluent2.scss +2 -2
  739. package/styles/list-box/highcontrast-light.css +647 -647
  740. package/styles/list-box/highcontrast-light.scss +2 -2
  741. package/styles/list-box/highcontrast.css +652 -652
  742. package/styles/list-box/highcontrast.scss +2 -2
  743. package/styles/list-box/material-dark.css +643 -643
  744. package/styles/list-box/material-dark.scss +2 -2
  745. package/styles/list-box/material.css +647 -647
  746. package/styles/list-box/material.scss +2 -2
  747. package/styles/list-box/material3-dark.css +896 -650
  748. package/styles/list-box/material3-dark.scss +2 -2
  749. package/styles/list-box/material3.css +904 -652
  750. package/styles/list-box/material3.scss +2 -2
  751. package/styles/list-box/tailwind-dark.css +640 -640
  752. package/styles/list-box/tailwind-dark.scss +2 -2
  753. package/styles/list-box/tailwind.css +640 -640
  754. package/styles/list-box/tailwind.scss +2 -2
  755. package/styles/list-box/tailwind3.css +928 -706
  756. package/styles/list-box/tailwind3.scss +2 -2
  757. package/styles/material-dark-lite.css +1955 -1735
  758. package/styles/material-dark-lite.scss +8 -8
  759. package/styles/material-dark.css +2197 -1863
  760. package/styles/material-dark.scss +13 -13
  761. package/styles/material-lite.css +2008 -1762
  762. package/styles/material-lite.scss +8 -8
  763. package/styles/material.css +2311 -1938
  764. package/styles/material.scss +13 -13
  765. package/styles/material3-dark-lite.css +4592 -2711
  766. package/styles/material3-dark-lite.scss +8 -8
  767. package/styles/material3-dark.css +5035 -2210
  768. package/styles/material3-dark.scss +13 -13
  769. package/styles/material3-lite.css +4384 -2563
  770. package/styles/material3-lite.scss +8 -8
  771. package/styles/material3.css +6361 -3584
  772. package/styles/material3.scss +13 -13
  773. package/styles/mention/_all.bds.scss +1 -0
  774. package/styles/mention/_all.bootstrap-dark.scss +1 -0
  775. package/styles/mention/_all.bootstrap.scss +1 -0
  776. package/styles/mention/_all.bootstrap4.scss +1 -0
  777. package/styles/mention/_all.bootstrap5-dark.scss +1 -0
  778. package/styles/mention/_all.bootstrap5.3.scss +1 -0
  779. package/styles/mention/_all.bootstrap5.scss +1 -0
  780. package/styles/mention/_all.fabric-dark.scss +1 -0
  781. package/styles/mention/_all.fabric.scss +1 -0
  782. package/styles/mention/_all.fluent-dark.scss +1 -0
  783. package/styles/mention/_all.fluent.scss +1 -0
  784. package/styles/mention/_all.fluent2.scss +1 -0
  785. package/styles/mention/_all.highcontrast-light.scss +1 -0
  786. package/styles/mention/_all.highcontrast.scss +1 -0
  787. package/styles/mention/_all.material-dark.scss +1 -0
  788. package/styles/mention/_all.material.scss +1 -0
  789. package/styles/mention/_all.material3-dark.scss +1 -0
  790. package/styles/mention/_all.material3.scss +1 -0
  791. package/styles/mention/_all.tailwind-dark.scss +1 -0
  792. package/styles/mention/_all.tailwind.scss +1 -0
  793. package/styles/mention/_all.tailwind3.scss +1 -0
  794. package/styles/mention/_layout.bds.scss +3 -0
  795. package/styles/mention/_layout.bootstrap-dark.scss +3 -0
  796. package/styles/mention/_layout.bootstrap.scss +3 -0
  797. package/styles/mention/_layout.bootstrap4.scss +3 -0
  798. package/styles/mention/_layout.bootstrap5-dark.scss +3 -0
  799. package/styles/mention/_layout.bootstrap5.3.scss +3 -0
  800. package/styles/mention/_layout.bootstrap5.scss +3 -0
  801. package/styles/mention/_layout.fabric-dark.scss +3 -0
  802. package/styles/mention/_layout.fabric.scss +3 -0
  803. package/styles/mention/_layout.fluent-dark.scss +3 -0
  804. package/styles/mention/_layout.fluent.scss +3 -0
  805. package/styles/mention/_layout.fluent2.scss +3 -0
  806. package/styles/mention/_layout.highcontrast-light.scss +3 -0
  807. package/styles/mention/_layout.highcontrast.scss +3 -0
  808. package/styles/mention/_layout.material-dark.scss +3 -0
  809. package/styles/mention/_layout.material.scss +3 -0
  810. package/styles/mention/_layout.material3-dark.scss +3 -0
  811. package/styles/mention/_layout.material3.scss +3 -0
  812. package/styles/mention/_layout.scss +0 -1
  813. package/styles/mention/_layout.tailwind-dark.scss +3 -0
  814. package/styles/mention/_layout.tailwind.scss +3 -0
  815. package/styles/mention/_layout.tailwind3.scss +3 -0
  816. package/styles/mention/_theme-variables.bds.scss +1 -0
  817. package/styles/mention/_theme-variables.bootstrap-dark.scss +1 -0
  818. package/styles/mention/_theme-variables.bootstrap.scss +1 -0
  819. package/styles/mention/_theme-variables.bootstrap4.scss +1 -0
  820. package/styles/mention/_theme-variables.bootstrap5-dark.scss +1 -0
  821. package/styles/mention/_theme-variables.bootstrap5.3.scss +1 -0
  822. package/styles/mention/_theme-variables.bootstrap5.scss +1 -0
  823. package/styles/mention/_theme-variables.fabric-dark.scss +1 -0
  824. package/styles/mention/_theme-variables.fabric.scss +1 -0
  825. package/styles/mention/_theme-variables.fluent-dark.scss +1 -0
  826. package/styles/mention/_theme-variables.fluent.scss +1 -0
  827. package/styles/mention/_theme-variables.fluent2.scss +1 -0
  828. package/styles/mention/_theme-variables.highcontrast-light.scss +1 -0
  829. package/styles/mention/_theme-variables.highcontrast.scss +1 -0
  830. package/styles/mention/_theme-variables.material-dark.scss +1 -0
  831. package/styles/mention/_theme-variables.material.scss +1 -0
  832. package/styles/mention/_theme-variables.material3-dark.scss +1 -0
  833. package/styles/mention/_theme-variables.material3.scss +1 -0
  834. package/styles/mention/_theme-variables.tailwind-dark.scss +1 -0
  835. package/styles/mention/_theme-variables.tailwind.scss +1 -0
  836. package/styles/mention/bds.css +1 -0
  837. package/styles/mention/bds.scss +1 -1
  838. package/styles/mention/bootstrap-dark.scss +1 -1
  839. package/styles/mention/bootstrap.scss +1 -1
  840. package/styles/mention/bootstrap4.scss +1 -1
  841. package/styles/mention/bootstrap5-dark.scss +1 -1
  842. package/styles/mention/bootstrap5.3.css +1 -0
  843. package/styles/mention/bootstrap5.3.scss +1 -1
  844. package/styles/mention/bootstrap5.css +1 -0
  845. package/styles/mention/bootstrap5.scss +1 -1
  846. package/styles/mention/fabric-dark.scss +1 -1
  847. package/styles/mention/fabric.scss +1 -1
  848. package/styles/mention/fluent-dark.scss +1 -1
  849. package/styles/mention/fluent.css +1 -0
  850. package/styles/mention/fluent.scss +1 -1
  851. package/styles/mention/fluent2.css +1 -0
  852. package/styles/mention/fluent2.scss +1 -1
  853. package/styles/mention/highcontrast-light.scss +1 -1
  854. package/styles/mention/highcontrast.scss +1 -1
  855. package/styles/mention/material-dark.scss +1 -1
  856. package/styles/mention/material.scss +1 -1
  857. package/styles/mention/material3-dark.css +84 -1
  858. package/styles/mention/material3-dark.scss +1 -1
  859. package/styles/mention/material3.css +1 -0
  860. package/styles/mention/material3.scss +1 -1
  861. package/styles/mention/tailwind-dark.scss +1 -1
  862. package/styles/mention/tailwind.css +1 -0
  863. package/styles/mention/tailwind.scss +1 -1
  864. package/styles/mention/tailwind3.css +1 -0
  865. package/styles/mention/tailwind3.scss +1 -1
  866. package/styles/multi-select/_all.bds.scss +2 -0
  867. package/styles/multi-select/_all.bootstrap-dark.scss +2 -0
  868. package/styles/multi-select/_all.bootstrap.scss +2 -0
  869. package/styles/multi-select/_all.bootstrap4.scss +2 -0
  870. package/styles/multi-select/_all.bootstrap5-dark.scss +2 -0
  871. package/styles/multi-select/_all.bootstrap5.3.scss +2 -0
  872. package/styles/multi-select/_all.bootstrap5.scss +2 -0
  873. package/styles/multi-select/_all.fabric-dark.scss +2 -0
  874. package/styles/multi-select/_all.fabric.scss +2 -0
  875. package/styles/multi-select/_all.fluent-dark.scss +2 -0
  876. package/styles/multi-select/_all.fluent.scss +2 -0
  877. package/styles/multi-select/_all.fluent2.scss +2 -0
  878. package/styles/multi-select/_all.highcontrast-light.scss +2 -0
  879. package/styles/multi-select/_all.highcontrast.scss +2 -0
  880. package/styles/multi-select/_all.material-dark.scss +2 -0
  881. package/styles/multi-select/_all.material.scss +2 -0
  882. package/styles/multi-select/_all.material3-dark.scss +2 -0
  883. package/styles/multi-select/_all.material3.scss +2 -0
  884. package/styles/multi-select/_all.tailwind-dark.scss +2 -0
  885. package/styles/multi-select/_all.tailwind.scss +2 -0
  886. package/styles/multi-select/_all.tailwind3.scss +2 -0
  887. package/styles/multi-select/_bigger.bds.scss +4 -0
  888. package/styles/multi-select/_bigger.bootstrap-dark.scss +4 -0
  889. package/styles/multi-select/_bigger.bootstrap.scss +4 -0
  890. package/styles/multi-select/_bigger.bootstrap4.scss +4 -0
  891. package/styles/multi-select/_bigger.bootstrap5-dark.scss +4 -0
  892. package/styles/multi-select/_bigger.bootstrap5.3.scss +4 -0
  893. package/styles/multi-select/_bigger.bootstrap5.scss +4 -0
  894. package/styles/multi-select/_bigger.fabric-dark.scss +4 -0
  895. package/styles/multi-select/_bigger.fabric.scss +4 -0
  896. package/styles/multi-select/_bigger.fluent-dark.scss +4 -0
  897. package/styles/multi-select/_bigger.fluent.scss +4 -0
  898. package/styles/multi-select/_bigger.fluent2.scss +4 -0
  899. package/styles/multi-select/_bigger.highcontrast-light.scss +4 -0
  900. package/styles/multi-select/_bigger.highcontrast.scss +4 -0
  901. package/styles/multi-select/_bigger.material-dark.scss +4 -0
  902. package/styles/multi-select/_bigger.material.scss +4 -0
  903. package/styles/multi-select/_bigger.material3-dark.scss +4 -0
  904. package/styles/multi-select/_bigger.material3.scss +4 -0
  905. package/styles/multi-select/_bigger.scss +1 -3
  906. package/styles/multi-select/_bigger.tailwind-dark.scss +4 -0
  907. package/styles/multi-select/_bigger.tailwind.scss +4 -0
  908. package/styles/multi-select/_bigger.tailwind3.scss +4 -0
  909. package/styles/multi-select/_layout.bds.scss +4 -0
  910. package/styles/multi-select/_layout.bootstrap-dark.scss +4 -0
  911. package/styles/multi-select/_layout.bootstrap.scss +4 -0
  912. package/styles/multi-select/_layout.bootstrap4.scss +4 -0
  913. package/styles/multi-select/_layout.bootstrap5-dark.scss +4 -0
  914. package/styles/multi-select/_layout.bootstrap5.3.scss +4 -0
  915. package/styles/multi-select/_layout.bootstrap5.scss +4 -0
  916. package/styles/multi-select/_layout.fabric-dark.scss +4 -0
  917. package/styles/multi-select/_layout.fabric.scss +4 -0
  918. package/styles/multi-select/_layout.fluent-dark.scss +4 -0
  919. package/styles/multi-select/_layout.fluent.scss +4 -0
  920. package/styles/multi-select/_layout.fluent2.scss +4 -0
  921. package/styles/multi-select/_layout.highcontrast-light.scss +4 -0
  922. package/styles/multi-select/_layout.highcontrast.scss +4 -0
  923. package/styles/multi-select/_layout.material-dark.scss +4 -0
  924. package/styles/multi-select/_layout.material.scss +4 -0
  925. package/styles/multi-select/_layout.material3-dark.scss +4 -0
  926. package/styles/multi-select/_layout.material3.scss +4 -0
  927. package/styles/multi-select/_layout.scss +2 -4
  928. package/styles/multi-select/_layout.tailwind-dark.scss +4 -0
  929. package/styles/multi-select/_layout.tailwind.scss +4 -0
  930. package/styles/multi-select/_layout.tailwind3.scss +4 -0
  931. package/styles/multi-select/_theme-variables.bds.scss +1 -0
  932. package/styles/multi-select/_theme-variables.bootstrap-dark.scss +1 -0
  933. package/styles/multi-select/_theme-variables.bootstrap.scss +1 -0
  934. package/styles/multi-select/_theme-variables.bootstrap4.scss +1 -0
  935. package/styles/multi-select/_theme-variables.bootstrap5-dark.scss +1 -0
  936. package/styles/multi-select/_theme-variables.bootstrap5.3.scss +1 -0
  937. package/styles/multi-select/_theme-variables.bootstrap5.scss +1 -0
  938. package/styles/multi-select/_theme-variables.fabric-dark.scss +1 -0
  939. package/styles/multi-select/_theme-variables.fabric.scss +1 -0
  940. package/styles/multi-select/_theme-variables.fluent-dark.scss +1 -0
  941. package/styles/multi-select/_theme-variables.fluent.scss +1 -0
  942. package/styles/multi-select/_theme-variables.fluent2.scss +1 -0
  943. package/styles/multi-select/_theme-variables.highcontrast-light.scss +1 -0
  944. package/styles/multi-select/_theme-variables.highcontrast.scss +1 -0
  945. package/styles/multi-select/_theme-variables.material-dark.scss +1 -0
  946. package/styles/multi-select/_theme-variables.material.scss +1 -0
  947. package/styles/multi-select/_theme-variables.material3-dark.scss +1 -0
  948. package/styles/multi-select/_theme-variables.material3.scss +1 -0
  949. package/styles/multi-select/_theme-variables.tailwind-dark.scss +1 -0
  950. package/styles/multi-select/_theme-variables.tailwind.scss +1 -0
  951. package/styles/multi-select/_theme.bds.scss +4 -0
  952. package/styles/multi-select/_theme.bootstrap-dark.scss +4 -0
  953. package/styles/multi-select/_theme.bootstrap.scss +4 -0
  954. package/styles/multi-select/_theme.bootstrap4.scss +4 -0
  955. package/styles/multi-select/_theme.bootstrap5-dark.scss +4 -0
  956. package/styles/multi-select/_theme.bootstrap5.3.scss +4 -0
  957. package/styles/multi-select/_theme.bootstrap5.scss +4 -0
  958. package/styles/multi-select/_theme.fabric-dark.scss +4 -0
  959. package/styles/multi-select/_theme.fabric.scss +4 -0
  960. package/styles/multi-select/_theme.fluent-dark.scss +4 -0
  961. package/styles/multi-select/_theme.fluent.scss +4 -0
  962. package/styles/multi-select/_theme.fluent2.scss +4 -0
  963. package/styles/multi-select/_theme.highcontrast-light.scss +4 -0
  964. package/styles/multi-select/_theme.highcontrast.scss +4 -0
  965. package/styles/multi-select/_theme.material-dark.scss +4 -0
  966. package/styles/multi-select/_theme.material.scss +4 -0
  967. package/styles/multi-select/_theme.material3-dark.scss +4 -0
  968. package/styles/multi-select/_theme.material3.scss +4 -0
  969. package/styles/multi-select/_theme.scss +0 -1
  970. package/styles/multi-select/_theme.tailwind-dark.scss +4 -0
  971. package/styles/multi-select/_theme.tailwind.scss +4 -0
  972. package/styles/multi-select/_theme.tailwind3.scss +4 -0
  973. package/styles/multi-select/bds.css +322 -159
  974. package/styles/multi-select/bds.scss +2 -2
  975. package/styles/multi-select/bootstrap-dark.css +287 -187
  976. package/styles/multi-select/bootstrap-dark.scss +2 -2
  977. package/styles/multi-select/bootstrap.css +269 -190
  978. package/styles/multi-select/bootstrap.scss +2 -2
  979. package/styles/multi-select/bootstrap4.css +358 -189
  980. package/styles/multi-select/bootstrap4.scss +2 -2
  981. package/styles/multi-select/bootstrap5-dark.css +322 -177
  982. package/styles/multi-select/bootstrap5-dark.scss +2 -2
  983. package/styles/multi-select/bootstrap5.3.css +727 -162
  984. package/styles/multi-select/bootstrap5.3.scss +2 -2
  985. package/styles/multi-select/bootstrap5.css +322 -177
  986. package/styles/multi-select/bootstrap5.scss +2 -2
  987. package/styles/multi-select/fabric-dark.css +268 -186
  988. package/styles/multi-select/fabric-dark.scss +2 -2
  989. package/styles/multi-select/fabric.css +255 -188
  990. package/styles/multi-select/fabric.scss +2 -2
  991. package/styles/multi-select/fluent-dark.css +339 -206
  992. package/styles/multi-select/fluent-dark.scss +2 -2
  993. package/styles/multi-select/fluent.css +339 -206
  994. package/styles/multi-select/fluent.scss +2 -2
  995. package/styles/multi-select/fluent2.css +975 -147
  996. package/styles/multi-select/fluent2.scss +2 -2
  997. package/styles/multi-select/highcontrast-light.css +563 -143
  998. package/styles/multi-select/highcontrast-light.scss +2 -2
  999. package/styles/multi-select/highcontrast.css +582 -141
  1000. package/styles/multi-select/highcontrast.scss +2 -2
  1001. package/styles/multi-select/material-dark.css +952 -894
  1002. package/styles/multi-select/material-dark.scss +2 -2
  1003. package/styles/multi-select/material.css +968 -883
  1004. package/styles/multi-select/material.scss +2 -2
  1005. package/styles/multi-select/material3-dark.css +1509 -231
  1006. package/styles/multi-select/material3-dark.scss +2 -2
  1007. package/styles/multi-select/material3.css +1514 -226
  1008. package/styles/multi-select/material3.scss +2 -2
  1009. package/styles/multi-select/tailwind-dark.css +302 -169
  1010. package/styles/multi-select/tailwind-dark.scss +2 -2
  1011. package/styles/multi-select/tailwind.css +302 -169
  1012. package/styles/multi-select/tailwind.scss +2 -2
  1013. package/styles/multi-select/tailwind3.css +695 -192
  1014. package/styles/multi-select/tailwind3.scss +2 -2
  1015. package/styles/tailwind-dark-lite.css +2299 -2025
  1016. package/styles/tailwind-dark-lite.scss +8 -8
  1017. package/styles/tailwind-dark.css +2068 -1644
  1018. package/styles/tailwind-dark.scss +13 -13
  1019. package/styles/tailwind-lite.css +2300 -2025
  1020. package/styles/tailwind-lite.scss +8 -8
  1021. package/styles/tailwind.css +2069 -1644
  1022. package/styles/tailwind.scss +13 -13
  1023. package/styles/tailwind3-lite.css +3193 -2056
  1024. package/styles/tailwind3-lite.scss +8 -8
  1025. package/styles/tailwind3.css +4244 -2492
  1026. package/styles/tailwind3.scss +13 -13
  1027. package/.eslintrc.json +0 -263
  1028. package/aceconfig.js +0 -17
  1029. package/styles/mention/_theme-variables.scss +0 -1
  1030. package/styles/multi-select/_theme-variables.scss +0 -1
  1031. package/tslint.json +0 -111
  1032. /package/styles/{auto-complete/_theme-variables.scss → drop-down-base/_theme-variables.tailwind3.scss} +0 -0
  1033. /package/styles/{combo-box/_theme-variables.scss → drop-down-list/_theme-variables.tailwind3.scss} +0 -0
  1034. /package/styles/{drop-down-base/_theme-variables.scss → drop-down-tree/_theme-variables.tailwind3.scss} +0 -0
  1035. /package/styles/{drop-down-list/_theme-variables.scss → list-box/_theme-variables.tailwind3.scss} +0 -0
  1036. /package/styles/{drop-down-tree/_theme-variables.scss → mention/_theme-variables.tailwind3.scss} +0 -0
  1037. /package/styles/{list-box/_theme-variables.scss → multi-select/_theme-variables.tailwind3.scss} +0 -0
@@ -18,126 +18,28 @@
18
18
  padding: 0 8px 0 0;
19
19
  }
20
20
 
21
- .e-dropdownbase {
22
- display: block;
23
- height: 100%;
24
- min-height: 36px;
25
- position: relative;
26
- width: 100%;
27
- }
28
- .e-dropdownbase .e-list-parent {
29
- margin: 0;
30
- padding: 0;
31
- }
32
-
33
- .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
34
- cursor: default;
35
- }
36
-
37
- .e-dropdownbase .e-list-item {
38
- cursor: pointer;
39
- overflow: hidden;
40
- position: relative;
41
- text-overflow: ellipsis;
42
- vertical-align: middle;
43
- white-space: nowrap;
44
- width: 100%;
45
- }
46
-
47
21
  .e-dropdownbase .e-list-item .e-list-icon {
48
- font-size: 16px;
49
- vertical-align: middle;
50
- }
51
-
52
- .e-dropdownbase .e-fixed-head {
53
- position: absolute;
54
- top: 0;
55
- }
56
-
57
- .e-dropdownbase.e-content {
58
- overflow: auto;
59
- position: relative;
60
- }
61
-
62
- .e-popup.e-ddl .e-dropdownbase.e-nodata,
63
- .e-popup.e-mention .e-dropdownbase.e-nodata {
64
- color: #fff;
65
- cursor: default;
66
- font-family: inherit;
67
- font-size: 14px;
68
- padding: 14px 16px;
69
- text-align: center;
70
- }
71
-
72
- .e-mention.e-popup {
73
- background: #ffd939;
74
- border: 0;
75
- -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
76
- box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
77
- margin-top: 2px;
78
- position: absolute;
79
- }
80
-
81
- .e-mention.e-popup .e-dropdownbase {
82
- min-height: 36px;
83
- }
84
-
85
- .e-mention .e-dropdownbase .e-list-item .e-highlight {
86
- display: inline;
87
- font-weight: bold;
88
- vertical-align: baseline;
89
- }
90
-
91
- .e-mention .e-mention-chip,
92
- .e-mention .e-mention-chip:hover {
93
- background: transparent;
94
- border-radius: 0;
95
- border: 1px solid #969696;
96
- color: #ffd939;
97
- cursor: default;
98
- }
99
-
100
- .e-mention.e-editable-element {
101
- border: 2px solid #969696;
102
- height: auto;
103
- min-height: 120px;
104
- width: 100%;
105
- }
106
-
107
- .e-form-mirror-div {
108
- white-space: pre-wrap;
109
- }
110
-
111
- .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
112
- padding-right: 20px;
22
+ padding: 0 10px 0 0;
113
23
  }
114
24
 
115
- .e-dropdownbase.e-dd-group .e-list-item {
116
- padding-left: 20px;
117
- text-indent: 0;
25
+ .e-dropdownbase .e-list-item:not(.e-active).e-hover {
26
+ border: 2px solid #fff;
118
27
  }
119
28
 
120
- .e-small .e-dropdownbase.e-dd-group .e-list-item {
121
- padding-left: 20px;
29
+ .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
30
+ border: 2px solid #000;
122
31
  }
123
32
 
124
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
125
- text-indent: 0;
33
+ .e-dropdownbase .e-list-item.e-active {
34
+ border: 2px solid #ffd939;
126
35
  }
127
36
 
128
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
129
- cursor: pointer;
130
- font-weight: normal;
131
- overflow: hidden;
132
- position: relative;
133
- text-overflow: ellipsis;
134
- vertical-align: middle;
135
- white-space: nowrap;
136
- width: 100%;
37
+ .e-dropdownbase .e-list-item.e-item-focus {
38
+ border: 2px solid #685708;
137
39
  }
138
40
 
139
- .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
140
- padding-right: 20px;
41
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
42
+ padding: 0 8px 0 0;
141
43
  }
142
44
 
143
45
  .e-rtl .e-dropdownbase .e-list-item {
@@ -315,344 +217,301 @@
315
217
  background-color: #685708;
316
218
  }
317
219
 
318
- /* stylelint-disable property-no-vendor-prefix */
319
- /* stylelint-disable property-no-vendor-prefix */
320
- @-webkit-keyframes material-spinner-rotate {
321
- 0% {
322
- -webkit-transform: rotate(0);
323
- transform: rotate(0);
324
- }
325
- 100% {
326
- -webkit-transform: rotate(360deg);
327
- transform: rotate(360deg);
328
- }
329
- }
330
- @keyframes material-spinner-rotate {
331
- 0% {
332
- -webkit-transform: rotate(0);
333
- transform: rotate(0);
334
- }
335
- 100% {
336
- -webkit-transform: rotate(360deg);
337
- transform: rotate(360deg);
338
- }
339
- }
340
- @-webkit-keyframes fabric-spinner-rotate {
341
- 0% {
342
- -webkit-transform: rotate(0);
343
- transform: rotate(0);
344
- }
345
- 100% {
346
- -webkit-transform: rotate(360deg);
347
- transform: rotate(360deg);
348
- }
349
- }
350
- @keyframes fabric-spinner-rotate {
351
- 0% {
352
- -webkit-transform: rotate(0);
353
- transform: rotate(0);
354
- }
355
- 100% {
356
- -webkit-transform: rotate(360deg);
357
- transform: rotate(360deg);
358
- }
359
- }
360
- .e-popup.e-ddl .e-dropdownbase {
361
- min-height: 26px;
362
- }
363
-
364
- .e-ddl.e-popup {
365
- border: 0;
366
- -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
367
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
368
- margin-top: 1px;
369
- }
370
- .e-ddl.e-popup .e-content.e-nodata {
371
- background-color: #000;
372
- }
373
- .e-ddl.e-popup .e-dropdownbase .e-list-item:not(.e-active) .e-highlight {
374
- color: #ffd939;
375
- }
376
- .e-ddl.e-popup .e-input-group {
377
- display: -webkit-box;
378
- display: -ms-flexbox;
379
- display: flex;
380
- width: auto;
381
- }
382
- .e-ddl.e-popup .e-input-group input {
383
- line-height: 15px;
384
- }
385
-
386
- .e-ddl.e-popup .e-input-group .e-clear-icon {
387
- border-radius: 20px;
388
- height: 20px;
389
- margin: 5px;
390
- min-width: 20px;
391
- }
392
- .e-ddl.e-popup .e-input-group .e-clear-icon::before {
393
- font-size: 10px;
394
- }
395
- .e-ddl.e-popup .e-filter-parent {
396
- border-left-width: 0;
397
- border-right-width: 0;
398
- }
399
- .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
400
- border-color: #fff;
220
+ .e-dropdownbase .e-list-item .e-list-icon {
221
+ padding: 0 10px 0 0;
401
222
  }
402
223
 
403
- .e-ddl .e-search-icon::before {
404
- content: "\e97d";
224
+ .e-dropdownbase .e-list-item:not(.e-active).e-hover {
225
+ border: 2px solid #fff;
405
226
  }
406
227
 
407
- .e-ddl .e-back-icon::before {
408
- content: "\e962";
228
+ .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
229
+ border: 2px solid #000;
409
230
  }
410
231
 
411
- .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
412
- content: "\e966";
413
- font-family: "e-icons";
232
+ .e-dropdownbase .e-list-item.e-active {
233
+ border: 2px solid #ffd939;
414
234
  }
415
235
 
416
- .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
417
- content: "\eb06";
236
+ .e-dropdownbase .e-list-item.e-item-focus {
237
+ border: 2px solid #685708;
418
238
  }
419
239
 
420
- .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
421
- width: 100%;
422
- border: 0 solid;
240
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
241
+ padding: 0 8px 0 0;
423
242
  }
424
243
 
425
- .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
244
+ .e-dropdownbase {
426
245
  display: block;
427
- visibility: hidden;
246
+ height: 100%;
247
+ min-height: 36px;
248
+ position: relative;
249
+ width: 100%;
428
250
  }
429
-
430
- .e-popup-full-page {
431
- bottom: 0;
432
- left: 0;
251
+ .e-dropdownbase .e-list-parent {
433
252
  margin: 0;
434
- overflow: hidden;
435
253
  padding: 0;
436
- right: 0;
437
- top: 0;
438
254
  }
439
- .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
440
- margin: 0;
255
+
256
+ .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
257
+ cursor: default;
441
258
  }
442
259
 
443
- .e-ddl.e-control-wrapper .e-ddl-disable-icon {
260
+ .e-dropdownbase .e-list-item {
261
+ cursor: pointer;
262
+ overflow: hidden;
444
263
  position: relative;
264
+ text-overflow: ellipsis;
265
+ vertical-align: middle;
266
+ white-space: nowrap;
267
+ width: 100%;
445
268
  }
446
269
 
447
- .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
448
- content: "";
270
+ .e-dropdownbase .e-list-item .e-list-icon {
271
+ font-size: 16px;
272
+ vertical-align: middle;
449
273
  }
450
274
 
451
- .e-ddl.e-control-wrapper.e-input-group .e-ddl-icon.e-ddl-disable-icon {
452
- position: relative;
275
+ .e-dropdownbase .e-fixed-head {
276
+ position: absolute;
277
+ top: 0;
453
278
  }
454
279
 
455
- .e-ddl.e-control-wrapper.e-input-group .e-ddl-icon.e-ddl-disable-icon::before {
456
- content: "";
280
+ .e-dropdownbase.e-content {
281
+ overflow: auto;
282
+ position: relative;
457
283
  }
458
284
 
459
- .e-ddl-device-filter .e-filter-parent {
460
- background-color: #000;
285
+ .e-popup.e-ddl .e-dropdownbase.e-nodata,
286
+ .e-popup.e-mention .e-dropdownbase.e-nodata {
287
+ color: #fff;
288
+ cursor: default;
289
+ font-family: inherit;
290
+ font-size: 14px;
291
+ padding: 14px 16px;
292
+ text-align: center;
461
293
  }
462
294
 
463
- /* stylelint-disable property-no-vendor-prefix */
464
- .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
465
- display: none;
466
- pointer-events: none;
295
+ .e-mention.e-popup {
296
+ background: #ffd939;
297
+ border: 0;
298
+ -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
299
+ box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
300
+ margin-top: 2px;
467
301
  position: absolute;
468
- right: 0;
469
- visibility: hidden;
470
- }
471
-
472
- /* stylelint-enable property-no-vendor-prefix */
473
- .e-filter-parent {
474
- border: 1px solid #fff;
475
- border-top-width: 0;
476
- -webkit-box-shadow: none;
477
- box-shadow: none;
478
- display: block;
479
- padding: 5px;
480
302
  }
481
303
 
482
- .e-ddl.e-input-group:not(.e-disabled) {
483
- cursor: pointer;
304
+ .e-mention.e-popup .e-dropdownbase {
305
+ min-height: 36px;
484
306
  }
485
307
 
486
- .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before, .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
487
- width: 0;
308
+ .e-mention .e-dropdownbase .e-list-item .e-highlight {
309
+ display: inline;
310
+ font-weight: bold;
311
+ vertical-align: baseline;
488
312
  }
489
313
 
490
- .e-ddl.e-popup {
491
- background: #000;
314
+ .e-mention .e-mention-chip,
315
+ .e-mention .e-mention-chip:hover {
316
+ background: transparent;
317
+ border-radius: 0;
492
318
  border: 1px solid #969696;
493
- position: absolute;
494
- }
495
- .e-ddl.e-popup .e-search-icon {
496
- margin: 0;
497
- opacity: 0.57;
498
- padding: 8px;
319
+ color: #ffd939;
320
+ cursor: default;
499
321
  }
500
322
 
501
- .e-ddl.e-popup .e-filter-parent .e-back-icon {
502
- padding: 0;
323
+ .e-mention.e-editable-element {
324
+ border: 2px solid #969696;
325
+ height: auto;
326
+ min-height: 120px;
327
+ width: 100%;
503
328
  }
504
329
 
505
- .e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter:focus, .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
506
- padding: 0 12px;
330
+ .e-form-mirror-div {
331
+ white-space: pre-wrap;
507
332
  }
508
333
 
509
- .e-ddl.e-popup .e-input-group {
510
- margin-bottom: 0;
334
+ .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
335
+ padding-right: 20px;
511
336
  }
512
337
 
513
- .e-ddl.e-popup .e-ddl-footer, .e-ddl.e-popup .e-ddl-header {
514
- cursor: default;
338
+ .e-dropdownbase.e-dd-group .e-list-item {
339
+ padding-left: 20px;
340
+ text-indent: 0;
515
341
  }
516
342
 
517
- /* stylelint-disable property-no-vendor-prefix */
518
- .e-ddl.e-input-group .e-ddl-hidden,
519
- .e-ddl.e-float-input .e-ddl-hidden {
520
- -webkit-appearance: initial;
521
- border: 0;
522
- height: 0;
523
- padding: 0;
524
- visibility: hidden;
525
- width: 0;
343
+ .e-small .e-dropdownbase.e-dd-group .e-list-item {
344
+ padding-left: 20px;
526
345
  }
527
346
 
528
- .e-ddl.e-input-group,
529
- .e-ddl.e-input-group.e-input-focus:focus {
530
- outline: none;
347
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
348
+ text-indent: 0;
531
349
  }
532
350
 
533
- .e-dropdownbase .e-list-item .e-highlight {
534
- display: inline;
535
- font-weight: bold;
536
- vertical-align: baseline;
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%;
537
360
  }
538
361
 
539
- .e-ddl.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide),
540
- .e-float-input input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide),
541
- .e-float-input.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide) {
542
- opacity: 1;
362
+ .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
363
+ padding-right: 20px;
543
364
  }
544
365
 
545
- .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
546
- .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
547
- .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
548
- .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
549
- .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
550
- .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
551
- .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
552
- display: -webkit-box;
553
- display: -ms-flexbox;
554
- display: flex;
366
+ /* stylelint-disable property-no-vendor-prefix */
367
+ /* stylelint-disable property-no-vendor-prefix */
368
+ @-webkit-keyframes material-spinner-rotate {
369
+ 0% {
370
+ -webkit-transform: rotate(0);
371
+ transform: rotate(0);
372
+ }
373
+ 100% {
374
+ -webkit-transform: rotate(360deg);
375
+ transform: rotate(360deg);
376
+ }
555
377
  }
556
-
557
- .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
558
- .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
559
- .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
560
- .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
561
- .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
562
- .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
563
- .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
564
- display: none;
378
+ @keyframes material-spinner-rotate {
379
+ 0% {
380
+ -webkit-transform: rotate(0);
381
+ transform: rotate(0);
382
+ }
383
+ 100% {
384
+ -webkit-transform: rotate(360deg);
385
+ transform: rotate(360deg);
386
+ }
387
+ }
388
+ @-webkit-keyframes fabric-spinner-rotate {
389
+ 0% {
390
+ -webkit-transform: rotate(0);
391
+ transform: rotate(0);
392
+ }
393
+ 100% {
394
+ -webkit-transform: rotate(360deg);
395
+ transform: rotate(360deg);
396
+ }
397
+ }
398
+ @keyframes fabric-spinner-rotate {
399
+ 0% {
400
+ -webkit-transform: rotate(0);
401
+ transform: rotate(0);
402
+ }
403
+ 100% {
404
+ -webkit-transform: rotate(360deg);
405
+ transform: rotate(360deg);
406
+ }
407
+ }
408
+ .e-popup.e-ddl .e-dropdownbase {
409
+ min-height: 26px;
565
410
  }
566
411
 
567
- .e-input-group.e-static-clear input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
568
- .e-input-group.e-static-clear.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
569
- .e-float-input.e-static-clear input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
570
- .e-float-input.e-static-clear.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
571
- .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
572
- .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
573
- cursor: pointer;
412
+ .e-ddl.e-popup {
413
+ border: 0;
414
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
415
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
416
+ margin-top: 1px;
417
+ }
418
+ .e-ddl.e-popup .e-content.e-nodata {
419
+ background-color: #000;
420
+ }
421
+ .e-ddl.e-popup .e-dropdownbase .e-list-item:not(.e-active) .e-highlight {
422
+ color: #ffd939;
423
+ }
424
+ .e-ddl.e-popup .e-input-group {
574
425
  display: -webkit-box;
575
426
  display: -ms-flexbox;
576
427
  display: flex;
428
+ width: auto;
577
429
  }
578
-
579
- .e-disabled.e-ddl.e-static-clear .e-clear-icon {
580
- pointer-events: none;
430
+ .e-ddl.e-popup .e-input-group input {
431
+ line-height: 15px;
581
432
  }
582
433
 
583
- .e-ddl.e-input-group .e-input-value,
584
- .e-ddl.e-input-group .e-input-value:focus {
585
- font-family: inherit;
586
- font-size: 14px;
587
- height: auto;
588
- margin: 0;
589
- outline: none;
590
- width: 100%;
591
- overflow: hidden;
434
+ .e-ddl.e-popup .e-input-group .e-clear-icon {
435
+ border-radius: 20px;
436
+ height: 20px;
437
+ margin: 5px;
438
+ min-width: 20px;
592
439
  }
593
- .e-ddl.e-input-group input[readonly].e-input,
594
- .e-ddl.e-input-group input[readonly],
595
- .e-ddl.e-input-group .e-dropdownlist {
596
- pointer-events: none;
440
+ .e-ddl.e-popup .e-input-group .e-clear-icon::before {
441
+ font-size: 10px;
597
442
  }
598
-
599
- .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
600
- cursor: pointer;
601
- pointer-events: auto;
443
+ .e-ddl.e-popup .e-filter-parent {
444
+ border-left-width: 0;
445
+ border-right-width: 0;
446
+ }
447
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
448
+ border-color: #fff;
602
449
  }
603
450
 
604
- .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
605
- opacity: 0.7;
606
- pointer-events: none;
451
+ .e-ddl .e-search-icon::before {
452
+ content: "\e97d";
607
453
  }
608
454
 
609
- ejs-autocomplete,
610
- ejs-combobox,
611
- ejs-dropdownlist {
612
- display: block;
455
+ .e-ddl .e-back-icon::before {
456
+ content: "\e962";
613
457
  }
614
458
 
615
- .e-small .e-ddl.e-popup .e-list-item,
616
- .e-input-group.e-ddl.e-small .e-list-item {
617
- font-size: 13px;
459
+ .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
460
+ content: "\e966";
461
+ font-family: "e-icons";
618
462
  }
619
- .e-small .e-ddl.e-popup .e-list-group-item,
620
- .e-input-group.e-ddl.e-small .e-list-group-item {
621
- font-size: 13px;
463
+
464
+ .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
465
+ content: "\eb06";
622
466
  }
623
467
 
624
- .e-small.e-ddl.e-popup .e-list-item,
625
- .e-input-group.e-ddl.e-small .e-list-item {
626
- font-size: 13px;
468
+ .e-popup.e-ddl .e-dropdownbase {
469
+ min-height: 26px;
627
470
  }
628
- .e-small.e-ddl.e-popup .e-list-group-item,
629
- .e-input-group.e-ddl.e-small .e-list-group-item {
630
- font-size: 13px;
471
+
472
+ .e-ddl.e-popup {
473
+ border: 0;
474
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
475
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
476
+ margin-top: 1px;
631
477
  }
632
478
 
633
- .e-content-placeholder.e-ddl.e-placeholder-ddl,
634
- .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
635
- .e-content-placeholder.e-combobox.e-placeholder-combobox {
636
- background-size: 300px 33px;
637
- min-height: 33px;
479
+ .e-ddl.e-popup .e-content.e-nodata {
480
+ background-color: #000;
638
481
  }
639
482
 
640
- .e-ddl.e-popup.e-resize .e-resizer-right {
641
- bottom: 0;
642
- right: 0;
643
- cursor: nwse-resize;
644
- height: 15px;
645
- position: absolute;
646
- width: 15px;
483
+ .e-ddl.e-popup .e-dropdownbase .e-list-item:not(.e-active) .e-highlight {
484
+ color: #ffd939;
647
485
  }
648
486
 
649
- .e-ddl.e-popup.e-resize .e-resizer-right {
650
- background: transparent;
651
- color: rgb(221, 218, 218);
487
+ .e-ddl.e-popup .e-input-group {
488
+ display: -webkit-box;
489
+ display: -ms-flexbox;
490
+ display: flex;
491
+ width: auto;
652
492
  }
653
493
 
654
- .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
655
- .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
494
+ .e-ddl.e-popup .e-input-group input {
495
+ line-height: 15px;
496
+ }
497
+
498
+ .e-ddl.e-popup .e-input-group .e-clear-icon {
499
+ border-radius: 20px;
500
+ height: 20px;
501
+ margin: 5px;
502
+ min-width: 20px;
503
+ }
504
+
505
+ .e-ddl.e-popup .e-input-group .e-clear-icon::before {
506
+ font-size: 10px;
507
+ }
508
+
509
+ .e-ddl.e-popup .e-filter-parent {
510
+ border-left-width: 0;
511
+ border-right-width: 0;
512
+ }
513
+
514
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
656
515
  border-color: #fff;
657
516
  }
658
517
 
@@ -670,329 +529,306 @@ ejs-dropdownlist {
670
529
  background: none;
671
530
  }
672
531
 
673
- /*! TreeView's high contrast theme wise override definitions and variables */
674
- /* stylelint-disable */
675
- /* stylelint-disable */
676
- .e-ddt .e-ddt-icon::before {
677
- content: "\e966";
678
- }
679
- .e-ddt .e-chips-close::before {
680
- content: "\e7a7";
532
+ .e-popup.e-ddl .e-dropdownbase {
533
+ min-height: 26px;
681
534
  }
682
535
 
683
- .e-ddt {
684
- cursor: pointer;
685
- outline: none;
686
- }
687
- .e-ddt .e-ddt-icon::before {
688
- -webkit-transform: rotate(0deg);
689
- transform: rotate(0deg);
690
- -webkit-transition: -webkit-transform 300ms ease;
691
- transition: -webkit-transform 300ms ease;
692
- transition: transform 300ms ease;
693
- transition: transform 300ms ease, -webkit-transform 300ms ease;
694
- }
695
- .e-ddt.e-icon-anim .e-ddt-icon::before {
696
- -webkit-transform: rotate(180deg);
697
- transform: rotate(180deg);
698
- -webkit-transition: -webkit-transform 300ms ease;
699
- transition: -webkit-transform 300ms ease;
700
- transition: transform 300ms ease;
701
- transition: transform 300ms ease, -webkit-transform 300ms ease;
702
- }
703
- .e-ddt .e-ddt-hidden {
704
- border: 0;
705
- height: 0;
706
- visibility: hidden;
707
- width: 0;
708
- }
709
- .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
710
- -webkit-box-sizing: content-box;
711
- box-sizing: content-box;
712
- min-height: 30px;
713
- }
714
- .e-ddt.e-input-group.e-control-wrapper .e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper .e-input-group-icon.e-ddt-icon {
536
+ .e-ddl.e-popup {
715
537
  border: 0;
538
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
539
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
540
+ margin-top: 1px;
716
541
  }
717
- .e-ddt.e-input-group.e-control-wrapper .e-icon-hide, .e-ddt.e-float-input.e-control-wrapper .e-icon-hide {
718
- display: none;
719
- }
720
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
721
- bottom: 0;
722
- position: absolute;
723
- right: 0;
724
- }
725
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
726
- right: 30px;
727
- }
728
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
729
- bottom: 0;
730
- position: absolute;
731
- right: 0;
542
+
543
+ .e-ddl.e-popup .e-content.e-nodata {
544
+ background-color: #000;
732
545
  }
733
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
734
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
735
- .e-ddt.e-input-group.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
736
- .e-ddt.e-float-input.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
737
- .e-ddt.e-float-input.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input {
738
- padding-left: 0;
739
- padding-right: 0;
546
+
547
+ .e-ddl.e-popup .e-dropdownbase .e-list-item:not(.e-active) .e-highlight {
548
+ color: #ffd939;
740
549
  }
741
- .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
550
+
551
+ .e-ddl.e-popup .e-input-group {
742
552
  display: -webkit-box;
743
553
  display: -ms-flexbox;
744
554
  display: flex;
555
+ width: auto;
745
556
  }
746
- .e-ddt .e-chips-wrapper {
747
- width: 100%;
557
+
558
+ .e-ddl.e-popup .e-input-group input {
559
+ line-height: 15px;
748
560
  }
749
- .e-ddt.e-show-chip .e-chips-close {
750
- min-height: 26px;
751
- min-width: 18px;
752
- line-height: 21px;
753
- text-align: center;
561
+
562
+ .e-ddl.e-popup .e-input-group .e-clear-icon {
563
+ border-radius: 20px;
564
+ height: 20px;
565
+ margin: 5px;
566
+ min-width: 20px;
754
567
  }
755
- .e-ddt.e-show-chip .e-chips-close::before {
568
+
569
+ .e-ddl.e-popup .e-input-group .e-clear-icon::before {
756
570
  font-size: 10px;
757
571
  }
758
- .e-ddt.e-show-chip .e-chips-close::before {
759
- vertical-align: middle;
760
- }
761
- .e-ddt.e-show-chip .e-chips {
762
- -webkit-box-align: center;
763
- -ms-flex-align: center;
764
- align-items: center;
765
- border-radius: 0;
766
- -webkit-box-sizing: border-box;
767
- box-sizing: border-box;
768
- display: -webkit-inline-box;
769
- display: -ms-inline-flexbox;
770
- display: inline-flex;
771
- float: left;
772
- height: 26px;
773
- margin: 2px 1px;
774
- max-width: calc(100% - 2px);
775
- overflow: hidden;
776
- padding: 0 4px 0 4px;
777
- text-overflow: ellipsis;
778
- white-space: nowrap;
779
- }
780
- .e-ddt.e-show-chip .e-chips > .e-chipcontent {
781
- max-width: 100%;
782
- overflow: hidden;
783
- padding: 0 4px 0 4px;
784
- text-indent: 0;
785
- text-overflow: ellipsis;
786
- white-space: nowrap;
787
- line-height: 26px;
572
+
573
+ .e-ddl.e-popup .e-filter-parent {
574
+ border-left-width: 0;
575
+ border-right-width: 0;
788
576
  }
789
- .e-ddt .e-overflow {
790
- white-space: nowrap;
577
+
578
+ .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
579
+ border-color: #fff;
791
580
  }
792
- .e-ddt .e-overflow.e-show-text {
793
- padding: 6px 10px 0 10px;
581
+
582
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
583
+ width: 100%;
584
+ border: 0 solid;
794
585
  }
795
- .e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
796
- display: inline-grid;
586
+
587
+ .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
588
+ display: block;
589
+ visibility: hidden;
797
590
  }
798
- .e-ddt .e-overflow.e-total-count {
799
- -webkit-box-sizing: border-box;
800
- box-sizing: border-box;
801
- display: inline-block;
591
+
592
+ .e-popup-full-page {
593
+ bottom: 0;
594
+ left: 0;
595
+ margin: 0;
802
596
  overflow: hidden;
803
- text-overflow: ellipsis;
597
+ padding: 0;
598
+ right: 0;
599
+ top: 0;
804
600
  }
805
- .e-ddt .e-overflow.e-total-count .e-remain {
806
- padding: 0 16px 0 0;
601
+ .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
602
+ margin: 0;
807
603
  }
808
- .e-ddt .e-overflow.e-wrap-count {
809
- padding-top: 6px;
604
+
605
+ .e-ddl.e-control-wrapper .e-ddl-disable-icon {
606
+ position: relative;
810
607
  }
811
- .e-ddt .e-overflow .e-remain {
812
- cursor: pointer;
813
- display: inline-block;
814
- font-size: 14px;
815
- padding: 0 0 0 16px;
608
+
609
+ .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
610
+ content: "";
816
611
  }
817
- .e-ddt .e-overflow .e-remain.e-wrap-count {
818
- padding-top: 6px;
612
+
613
+ .e-ddl.e-control-wrapper.e-input-group .e-ddl-icon.e-ddl-disable-icon {
614
+ position: relative;
819
615
  }
820
- .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain {
821
- padding: 6px 10px 0 10px;
822
- }
823
- .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
824
- margin-right: 30px;
825
- max-width: calc(100% - 31px);
826
- }
827
- .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child {
828
- margin-right: 30px;
829
- max-width: calc(100% - 31px);
616
+
617
+ .e-ddl.e-control-wrapper.e-input-group .e-ddl-icon.e-ddl-disable-icon::before {
618
+ content: "";
830
619
  }
831
- .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
832
- margin-right: 60px;
833
- max-width: calc(100% - 61px);
620
+
621
+ .e-ddl-device-filter .e-filter-parent {
622
+ background-color: #000;
834
623
  }
835
- .e-ddt input[readonly],
836
- .e-ddt .e-dropdowntree,
837
- .e-ddt input[readonly].e-input {
624
+
625
+ /* stylelint-disable property-no-vendor-prefix */
626
+ .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
627
+ display: none;
838
628
  pointer-events: none;
839
- }
840
- .e-ddt input[readonly].e-chip-input,
841
- .e-ddt .e-dropdowntree.e-chip-input,
842
- .e-ddt input[readonly].e-input.e-chip-input {
843
- width: 0;
629
+ position: absolute;
630
+ right: 0;
844
631
  visibility: hidden;
845
632
  }
846
- .e-ddt.e-popup {
847
- border: 1px solid #969696;
848
- -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);
849
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);
850
- position: absolute;
633
+
634
+ /* stylelint-enable property-no-vendor-prefix */
635
+ .e-filter-parent {
636
+ border: 1px solid #fff;
637
+ border-top-width: 0;
638
+ -webkit-box-shadow: none;
639
+ box-shadow: none;
640
+ display: block;
641
+ padding: 5px;
851
642
  }
852
- .e-ddt.e-popup .e-selectall-parent {
853
- border-bottom: 1px solid;
643
+
644
+ .e-ddl.e-input-group:not(.e-disabled) {
854
645
  cursor: pointer;
855
- display: block;
856
- line-height: 36px;
857
- overflow: hidden;
858
- position: relative;
859
- text-indent: 38px;
860
- white-space: nowrap;
861
- width: 100%;
862
646
  }
863
- .e-ddt.e-popup .e-selectall-parent.e-hide-selectall {
864
- display: none;
647
+
648
+ .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before, .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
649
+ width: 0;
865
650
  }
866
- .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
867
- position: relative;
868
- text-indent: 0;
869
- bottom: 2px;
651
+
652
+ .e-ddl.e-popup {
653
+ background: #000;
654
+ border: 1px solid #969696;
655
+ position: absolute;
870
656
  }
871
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
872
- font-family: inherit;
873
- font-size: 14px;
874
- margin: 8px;
657
+ .e-ddl.e-popup .e-search-icon {
658
+ margin: 0;
659
+ opacity: 0.57;
660
+ padding: 8px;
875
661
  }
876
- .e-ddt.e-popup .e-filter-wrap {
877
- border-top-width: 0;
878
- display: block;
879
- padding: 5px;
880
- border: 1px solid #fff;
881
- border-left-width: 0;
882
- border-right-width: 0;
662
+
663
+ .e-ddl.e-popup .e-filter-parent .e-back-icon {
664
+ padding: 0;
883
665
  }
884
- .e-ddt.e-popup .e-filter-wrap .e-input,
885
- .e-ddt.e-popup .e-filter-wrap .e-input:focus {
666
+
667
+ .e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter:focus, .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
886
668
  padding: 0 12px;
887
669
  }
888
- .e-ddt.e-popup .e-filter-wrap .e-input-group {
670
+
671
+ .e-ddl.e-popup .e-input-group {
889
672
  margin-bottom: 0;
890
673
  }
891
- .e-ddt.e-popup .e-popup-content {
892
- overflow: auto;
893
- position: relative;
674
+
675
+ .e-ddl.e-popup .e-ddl-footer, .e-ddl.e-popup .e-ddl-header {
676
+ cursor: default;
894
677
  }
895
- .e-ddt.e-popup .e-popup-content .e-ddt-nodata {
896
- display: none;
678
+
679
+ /* stylelint-disable property-no-vendor-prefix */
680
+ .e-ddl.e-input-group .e-ddl-hidden,
681
+ .e-ddl.e-float-input .e-ddl-hidden {
682
+ -webkit-appearance: initial;
683
+ border: 0;
684
+ height: 0;
685
+ padding: 0;
686
+ visibility: hidden;
687
+ width: 0;
897
688
  }
898
- .e-ddt.e-popup .e-popup-content.e-no-data {
899
- cursor: default;
900
- font-family: inherit;
901
- font-size: 14px;
902
- text-align: center;
903
- padding: 14px 16px;
689
+
690
+ .e-ddl.e-input-group,
691
+ .e-ddl.e-input-group.e-input-focus:focus {
692
+ outline: none;
904
693
  }
905
- .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
906
- display: none;
694
+
695
+ .e-dropdownbase .e-list-item .e-highlight {
696
+ display: inline;
697
+ font-weight: bold;
698
+ vertical-align: baseline;
907
699
  }
908
- .e-ddt.e-popup .e-popup-content.e-no-data .e-ddt-nodata {
909
- display: block;
700
+
701
+ .e-ddl.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide),
702
+ .e-float-input input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide),
703
+ .e-float-input.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide) {
704
+ opacity: 1;
910
705
  }
911
- .e-ddt.e-popup .e-treeview {
912
- display: inline-table;
913
- width: 100%;
706
+
707
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
708
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
709
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
710
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
711
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
712
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
713
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
714
+ display: -webkit-box;
715
+ display: -ms-flexbox;
716
+ display: flex;
914
717
  }
915
- .e-ddt.e-popup .e-treeview .e-list-item {
916
- padding: 0;
718
+
719
+ .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
720
+ .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
721
+ .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
722
+ .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
723
+ .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
724
+ .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
725
+ .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
726
+ display: none;
917
727
  }
918
- .e-ddt.e-popup .e-treeview .e-list-item .e-ul {
919
- margin: 0;
920
- padding: 0 0 0 14px;
728
+
729
+ .e-input-group.e-static-clear input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
730
+ .e-input-group.e-static-clear.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
731
+ .e-float-input.e-static-clear input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
732
+ .e-float-input.e-static-clear.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
733
+ .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
734
+ .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
735
+ cursor: pointer;
736
+ display: -webkit-box;
737
+ display: -ms-flexbox;
738
+ display: flex;
921
739
  }
922
- .e-ddt.e-popup .e-treeview .e-fullrow {
923
- border-width: 2px;
924
- height: 40px;
740
+
741
+ .e-disabled.e-ddl.e-static-clear .e-clear-icon {
742
+ pointer-events: none;
925
743
  }
926
- .e-ddt.e-popup .e-treeview > .e-ul {
744
+
745
+ .e-ddl.e-input-group .e-input-value,
746
+ .e-ddl.e-input-group .e-input-value:focus {
747
+ font-family: inherit;
748
+ font-size: 14px;
749
+ height: auto;
750
+ margin: 0;
751
+ outline: none;
752
+ width: 100%;
927
753
  overflow: hidden;
928
- padding: 0 8px;
929
- }
930
- .e-ddt.e-popup .e-treeview.e-fullrow-wrap .e-text-content {
931
- padding-bottom: 4px;
932
- padding-top: 4px;
933
754
  }
934
- .e-ddt.e-popup .e-ddt-footer,
935
- .e-ddt.e-popup .e-ddt-header {
936
- cursor: default;
755
+ .e-ddl.e-input-group input[readonly].e-input,
756
+ .e-ddl.e-input-group input[readonly],
757
+ .e-ddl.e-input-group .e-dropdownlist {
758
+ pointer-events: none;
937
759
  }
938
- .e-ddt.e-rtl.e-show-chip .e-chips {
939
- float: right;
760
+
761
+ .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
762
+ cursor: pointer;
763
+ pointer-events: auto;
940
764
  }
941
- .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain {
942
- padding: 0 16px 0 0;
765
+
766
+ .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
767
+ opacity: 0.7;
768
+ pointer-events: none;
943
769
  }
944
- .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain.e-wrap-count {
945
- padding-top: 6px;
770
+
771
+ ejs-autocomplete,
772
+ ejs-combobox,
773
+ ejs-dropdownlist {
774
+ display: block;
946
775
  }
947
- .e-ddt.e-rtl.e-show-chip .e-overflow.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow.e-wrap-count {
948
- position: absolute;
949
- right: auto;
776
+
777
+ .e-small .e-ddl.e-popup .e-list-item,
778
+ .e-input-group.e-ddl.e-small .e-list-item {
779
+ font-size: 13px;
950
780
  }
951
- .e-ddt.e-rtl.e-show-text .e-overflow.e-total-count .e-remain {
952
- padding: 0 0 0 16px;
781
+ .e-small .e-ddl.e-popup .e-list-group-item,
782
+ .e-input-group.e-ddl.e-small .e-list-group-item {
783
+ font-size: 13px;
953
784
  }
954
- .e-ddt.e-rtl.e-show-chip .e-overflow.e-total-count .e-remain {
955
- padding: 6px 10px 0 10px;
785
+
786
+ .e-small.e-ddl.e-popup .e-list-item,
787
+ .e-input-group.e-ddl.e-small .e-list-item {
788
+ font-size: 13px;
956
789
  }
957
- .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
958
- margin-right: 1px;
959
- margin-left: 30px;
790
+ .e-small.e-ddl.e-popup .e-list-group-item,
791
+ .e-input-group.e-ddl.e-small .e-list-group-item {
792
+ font-size: 13px;
960
793
  }
961
- .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
962
- margin-right: 1px;
963
- margin-left: 30px;
794
+
795
+ .e-content-placeholder.e-ddl.e-placeholder-ddl,
796
+ .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
797
+ .e-content-placeholder.e-combobox.e-placeholder-combobox {
798
+ background-size: 300px 33px;
799
+ min-height: 33px;
964
800
  }
965
- .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
966
- margin-right: 1px;
967
- margin-left: 60px;
968
- }
969
- .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
970
- .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-clear-icon,
971
- .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
972
- .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-clear-icon,
973
- .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
974
- left: 0;
975
- right: auto;
976
- }
977
- .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
978
- left: 30px;
979
- }
980
- .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
981
- padding: 0 14px 0 0;
801
+
802
+ .e-ddl.e-popup.e-resize .e-resizer-right {
803
+ bottom: 0;
804
+ right: 0;
805
+ cursor: nwse-resize;
806
+ height: 15px;
807
+ position: absolute;
808
+ width: 15px;
982
809
  }
983
- .e-ddt.e-rtl.e-popup .e-selectall-parent {
984
- text-indent: 38px;
810
+
811
+ .e-ddl.e-popup.e-resize .e-resizer-right {
812
+ background: transparent;
813
+ color: rgb(221, 218, 218);
985
814
  }
986
- .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
987
- margin: 0 7px;
815
+
816
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
817
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
818
+ border-color: #fff;
988
819
  }
989
- .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
990
- top: 15px;
820
+
821
+ /*! TreeView's high contrast theme wise override definitions and variables */
822
+ /* stylelint-disable */
823
+ /* stylelint-disable */
824
+ .e-ddt .e-ddt-icon::before {
825
+ content: "\e966";
991
826
  }
992
- .e-ddt-icon-hide {
993
- display: none;
827
+ .e-ddt .e-chips-close::before {
828
+ content: "\e7a7";
994
829
  }
995
830
 
831
+ /* stylelint-disable */
996
832
  .e-ddt .e-chips {
997
833
  background-color: #bfbfbf;
998
834
  }
@@ -1034,1772 +870,1914 @@ ejs-dropdownlist {
1034
870
  color: #fff;
1035
871
  }
1036
872
 
1037
- /* stylelint-disable-line no-empty-source */
1038
- /* stylelint-disable-line no-empty-source */
1039
- .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1040
- color: #fff;
1041
- top: 12px;
873
+ /* stylelint-disable */
874
+ .e-ddt {
875
+ cursor: pointer;
876
+ outline: none;
1042
877
  }
1043
- .e-multiselect .e-multi-select-wrapper input {
1044
- /* stylelint-disable property-no-vendor-prefix */
878
+ .e-ddt .e-ddt-icon::before {
879
+ -webkit-transform: rotate(0deg);
880
+ transform: rotate(0deg);
881
+ -webkit-transition: -webkit-transform 300ms ease;
882
+ transition: -webkit-transform 300ms ease;
883
+ transition: transform 300ms ease;
884
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
1045
885
  }
1046
- .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
1047
- color: #969696;
1048
- font-family: inherit;
1049
- font-size: 14px;
1050
- font-style: italic;
886
+ .e-ddt.e-icon-anim .e-ddt-icon::before {
887
+ -webkit-transform: rotate(180deg);
888
+ transform: rotate(180deg);
889
+ -webkit-transition: -webkit-transform 300ms ease;
890
+ transition: -webkit-transform 300ms ease;
891
+ transition: transform 300ms ease;
892
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
1051
893
  }
1052
- .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
1053
- color: #969696;
1054
- font-family: inherit;
1055
- font-size: 14px;
1056
- font-style: italic;
894
+ .e-ddt .e-ddt-hidden {
895
+ border: 0;
896
+ height: 0;
897
+ visibility: hidden;
898
+ width: 0;
1057
899
  }
1058
- .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
1059
- color: #969696;
1060
- font-family: inherit;
1061
- font-size: 14px;
1062
- font-style: italic;
900
+ .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
901
+ -webkit-box-sizing: content-box;
902
+ box-sizing: content-box;
903
+ min-height: 30px;
1063
904
  }
1064
- .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
1065
- color: #969696;
1066
- font-family: inherit;
1067
- font-size: 14px;
1068
- font-style: italic;
905
+ .e-ddt.e-input-group.e-control-wrapper .e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper .e-input-group-icon.e-ddt-icon {
906
+ border: 0;
1069
907
  }
1070
- .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chipcontent {
1071
- color: #fff;
908
+ .e-ddt.e-input-group.e-control-wrapper .e-icon-hide, .e-ddt.e-float-input.e-control-wrapper .e-icon-hide {
909
+ display: none;
1072
910
  }
1073
- .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chips-close.e-icon::before {
1074
- color: #fff;
911
+ .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
912
+ bottom: 0;
913
+ position: absolute;
914
+ right: 0;
1075
915
  }
1076
- .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1077
- line-height: 26px;
1078
- top: 0;
916
+ .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
917
+ right: 30px;
1079
918
  }
1080
- .e-multi-select-wrapper .e-delim-values.e-delim-view {
1081
- -webkit-text-fill-color: #fff;
1082
- color: #fff;
919
+ .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
920
+ bottom: 0;
921
+ position: absolute;
922
+ right: 0;
1083
923
  }
1084
- .e-multi-select-wrapper.e-delimiter .e-delim-values {
1085
- -webkit-text-fill-color: #fff;
1086
- color: #fff;
924
+ .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
925
+ .e-ddt.e-input-group.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
926
+ .e-ddt.e-input-group.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
927
+ .e-ddt.e-float-input.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
928
+ .e-ddt.e-float-input.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input {
929
+ padding-left: 0;
930
+ padding-right: 0;
1087
931
  }
1088
- .e-multi-select-wrapper .e-searcher input[type=text] {
1089
- color: #fff;
1090
- height: 100%;
1091
- min-height: 28px;
932
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
933
+ display: -webkit-box;
934
+ display: -ms-flexbox;
935
+ display: flex;
1092
936
  }
1093
- .e-multi-select-wrapper .e-searcher input[type=text]::-moz-selection {
1094
- background-color: #ffd939;
937
+ .e-ddt .e-chips-wrapper {
938
+ width: 100%;
1095
939
  }
1096
- .e-multi-select-wrapper .e-searcher input[type=text]::selection {
1097
- background-color: #ffd939;
940
+ .e-ddt.e-show-chip .e-chips-close {
941
+ min-height: 26px;
942
+ min-width: 18px;
943
+ line-height: 21px;
944
+ text-align: center;
1098
945
  }
1099
-
1100
- .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon {
1101
- padding-left: 0;
946
+ .e-ddt.e-show-chip .e-chips-close::before {
947
+ font-size: 10px;
1102
948
  }
1103
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-selectall-parent {
1104
- border-bottom: 1px solid #fff;
949
+ .e-ddt.e-show-chip .e-chips-close::before {
950
+ vertical-align: middle;
1105
951
  }
1106
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active.e-hover {
1107
- background-color: #ffd939;
952
+ .e-ddt.e-show-chip .e-chips {
953
+ -webkit-box-align: center;
954
+ -ms-flex-align: center;
955
+ align-items: center;
956
+ border-radius: 0;
957
+ -webkit-box-sizing: border-box;
958
+ box-sizing: border-box;
959
+ display: -webkit-inline-box;
960
+ display: -ms-inline-flexbox;
961
+ display: inline-flex;
962
+ float: left;
963
+ height: 26px;
964
+ margin: 2px 1px;
965
+ max-width: calc(100% - 2px);
966
+ overflow: hidden;
967
+ padding: 0 4px 0 4px;
968
+ text-overflow: ellipsis;
969
+ white-space: nowrap;
1108
970
  }
1109
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active {
1110
- border: 2px solid #ffd939;
971
+ .e-ddt.e-show-chip .e-chips > .e-chipcontent {
972
+ max-width: 100%;
973
+ overflow: hidden;
974
+ padding: 0 4px 0 4px;
975
+ text-indent: 0;
976
+ text-overflow: ellipsis;
977
+ white-space: nowrap;
978
+ line-height: 26px;
1111
979
  }
1112
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-active.e-hover:not(.e-item-focus) {
1113
- border-bottom: 2px solid #fff;
1114
- border-left: 2px solid #fff;
1115
- border-right: 2px solid #fff;
1116
- border-top: 2px solid #fff;
980
+ .e-ddt .e-overflow {
981
+ white-space: nowrap;
1117
982
  }
1118
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-item-focus {
1119
- border: 2px solid #685708;
983
+ .e-ddt .e-overflow.e-show-text {
984
+ padding: 6px 10px 0 10px;
1120
985
  }
1121
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active.e-hover {
1122
- background-color: #fff;
1123
- border-bottom: 1px solid #fff;
1124
- border-left: 1px solid #fff;
1125
- border-right: 1px solid #fff;
1126
- border-top: 1px solid #fff;
986
+ .e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
987
+ display: inline-grid;
1127
988
  }
1128
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-hover:not(.e-active) {
1129
- border: 2px solid #fff;
989
+ .e-ddt .e-overflow.e-total-count {
990
+ -webkit-box-sizing: border-box;
991
+ box-sizing: border-box;
992
+ display: inline-block;
993
+ overflow: hidden;
994
+ text-overflow: ellipsis;
1130
995
  }
1131
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item:not(.e-hover):not(.e-item-focus) {
1132
- border: 2px solid #000;
996
+ .e-ddt .e-overflow.e-total-count .e-remain {
997
+ padding: 0 16px 0 0;
1133
998
  }
1134
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active {
1135
- border: 2px solid #ffd939;
999
+ .e-ddt .e-overflow.e-wrap-count {
1000
+ padding-top: 6px;
1136
1001
  }
1137
-
1138
- .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
1139
- height: 30px;
1140
- width: 30px;
1002
+ .e-ddt .e-overflow .e-remain {
1003
+ cursor: pointer;
1004
+ display: inline-block;
1005
+ font-size: 14px;
1006
+ padding: 0 0 0 16px;
1141
1007
  }
1142
-
1143
- .e-multi-select-wrapper .e-searcher input[type=text],
1144
- .e-multi-select-wrapper .e-multi-searcher input[type=text] {
1145
- color: #fff;
1008
+ .e-ddt .e-overflow .e-remain.e-wrap-count {
1009
+ padding-top: 6px;
1146
1010
  }
1147
-
1148
- .e-multiselect.e-input-group .e-ddl-icon::before {
1149
- content: "\e966";
1150
- font-family: "e-icons";
1011
+ .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain {
1012
+ padding: 6px 10px 0 10px;
1151
1013
  }
1152
-
1153
- .e-multi-select-wrapper .e-chips .e-chips-close::before {
1154
- content: "\e7a7";
1155
- cursor: pointer;
1156
- left: 0;
1157
- position: relative;
1158
- top: 8px;
1159
- }
1160
-
1161
- .e-multi-select-wrapper .e-close-hooker::before {
1162
- content: "\e7a7";
1163
- cursor: pointer;
1164
- left: 0;
1165
- position: relative;
1166
- top: 10px;
1014
+ .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1015
+ margin-right: 30px;
1016
+ max-width: calc(100% - 31px);
1167
1017
  }
1168
-
1169
- .e-multiselect.e-input-group .e-ddl-disable-icon::before {
1170
- content: "";
1018
+ .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child {
1019
+ margin-right: 30px;
1020
+ max-width: calc(100% - 31px);
1171
1021
  }
1172
-
1173
- .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
1174
- content: "\eb06";
1022
+ .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1023
+ margin-right: 60px;
1024
+ max-width: calc(100% - 61px);
1175
1025
  }
1176
-
1177
- .e-multi-select-wrapper {
1178
- -webkit-box-sizing: border-box;
1179
- box-sizing: border-box;
1180
- cursor: text;
1181
- line-height: normal;
1182
- min-height: 30px;
1183
- padding: 0 32px 0 2px;
1184
- position: relative;
1185
- -webkit-user-select: none;
1186
- -moz-user-select: none;
1187
- -ms-user-select: none;
1188
- user-select: none;
1189
- width: 100%;
1026
+ .e-ddt input[readonly],
1027
+ .e-ddt .e-dropdowntree,
1028
+ .e-ddt input[readonly].e-input {
1029
+ pointer-events: none;
1190
1030
  }
1191
- .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1192
- height: 27px;
1193
- vertical-align: middle;
1031
+ .e-ddt input[readonly].e-chip-input,
1032
+ .e-ddt .e-dropdowntree.e-chip-input,
1033
+ .e-ddt input[readonly].e-input.e-chip-input {
1034
+ width: 0;
1035
+ visibility: hidden;
1194
1036
  }
1195
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1196
- height: 100%;
1197
- min-height: 100%;
1037
+ .e-ddt.e-popup {
1038
+ border: 1px solid #969696;
1039
+ -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);
1040
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);
1041
+ position: absolute;
1198
1042
  }
1199
- .e-multi-select-wrapper .e-delim-view {
1043
+ .e-ddt.e-popup .e-selectall-parent {
1044
+ border-bottom: 1px solid;
1045
+ cursor: pointer;
1046
+ display: block;
1047
+ line-height: 36px;
1048
+ overflow: hidden;
1049
+ position: relative;
1050
+ text-indent: 38px;
1200
1051
  white-space: nowrap;
1052
+ width: 100%;
1201
1053
  }
1202
- .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 {
1203
- -webkit-box-sizing: border-box;
1204
- box-sizing: border-box;
1205
- display: inline-block;
1206
- overflow: hidden;
1207
- text-overflow: ellipsis;
1054
+ .e-ddt.e-popup .e-selectall-parent.e-hide-selectall {
1055
+ display: none;
1208
1056
  }
1209
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1210
- color: #000;
1211
- font-size: 10px;
1212
- left: 12px;
1213
- top: 0;
1057
+ .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
1058
+ position: relative;
1059
+ text-indent: 0;
1060
+ bottom: 2px;
1214
1061
  }
1215
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1216
- background-color: #bfbfbf;
1217
- color: #000;
1218
- padding: 9px 0;
1062
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1063
+ font-family: inherit;
1064
+ font-size: 14px;
1065
+ margin: 8px;
1219
1066
  }
1220
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1221
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1222
- width: 0;
1067
+ .e-ddt.e-popup .e-filter-wrap {
1068
+ border-top-width: 0;
1069
+ display: block;
1070
+ padding: 5px;
1071
+ border: 1px solid #fff;
1072
+ border-left-width: 0;
1073
+ border-right-width: 0;
1223
1074
  }
1224
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1225
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1226
- height: 1px;
1227
- min-height: 1px;
1075
+ .e-ddt.e-popup .e-filter-wrap .e-input,
1076
+ .e-ddt.e-popup .e-filter-wrap .e-input:focus {
1077
+ padding: 0 12px;
1228
1078
  }
1229
- .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1230
- max-width: 100%;
1079
+ .e-ddt.e-popup .e-filter-wrap .e-input-group {
1080
+ margin-bottom: 0;
1231
1081
  }
1232
-
1233
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1234
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1235
- display: -webkit-box;
1236
- display: -ms-flexbox;
1237
- display: flex;
1238
- float: left;
1239
- width: auto;
1082
+ .e-ddt.e-popup .e-popup-content {
1083
+ overflow: auto;
1084
+ position: relative;
1240
1085
  }
1241
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1242
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1243
- display: -webkit-inline-box;
1244
- display: -ms-inline-flexbox;
1245
- display: inline-flex;
1246
- float: none;
1086
+ .e-ddt.e-popup .e-popup-content .e-ddt-nodata {
1087
+ display: none;
1247
1088
  }
1248
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1249
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1250
- width: 0;
1089
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1090
+ cursor: default;
1091
+ font-family: inherit;
1092
+ font-size: 14px;
1093
+ text-align: center;
1094
+ padding: 14px 16px;
1251
1095
  }
1252
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1253
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1254
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1255
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1256
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1257
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1096
+ .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
1258
1097
  display: none;
1259
1098
  }
1260
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1261
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1262
- padding: 0 48px 0 0;
1099
+ .e-ddt.e-popup .e-popup-content.e-no-data .e-ddt-nodata {
1100
+ display: block;
1263
1101
  }
1264
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1265
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1266
- -webkit-box-align: center;
1267
- -ms-flex-align: center;
1268
- align-items: center;
1269
- display: inline;
1270
- max-width: 100%;
1271
- word-break: break-word;
1102
+ .e-ddt.e-popup .e-treeview {
1103
+ display: inline-table;
1104
+ width: 100%;
1272
1105
  }
1273
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1274
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1275
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1276
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1277
- -webkit-box-align: center;
1278
- -ms-flex-align: center;
1279
- align-items: center;
1280
- cursor: pointer;
1281
- display: none;
1282
- -webkit-box-orient: horizontal;
1283
- -webkit-box-direction: normal;
1284
- -ms-flex-direction: row;
1285
- flex-direction: row;
1286
- margin-top: -3.2em;
1287
- outline: 0;
1106
+ .e-ddt.e-popup .e-treeview .e-list-item {
1288
1107
  padding: 0;
1289
- position: absolute;
1290
- right: 0;
1291
- top: 100%;
1292
1108
  }
1293
- .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1294
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1295
- .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1296
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1297
- display: -webkit-box;
1298
- display: -ms-flexbox;
1299
- display: flex;
1109
+ .e-ddt.e-popup .e-treeview .e-list-item .e-ul {
1110
+ margin: 0;
1111
+ padding: 0 0 0 14px;
1300
1112
  }
1301
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1302
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1303
- margin-right: 0;
1304
- margin-top: -2.5em;
1305
- right: 0;
1113
+ .e-ddt.e-popup .e-treeview .e-fullrow {
1114
+ border-width: 2px;
1115
+ height: 40px;
1306
1116
  }
1307
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1308
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
1309
- top: -1px;
1117
+ .e-ddt.e-popup .e-treeview > .e-ul {
1118
+ overflow: hidden;
1119
+ padding: 0 8px;
1310
1120
  }
1311
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1312
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
1313
- font-size: 10px;
1314
- height: 30px;
1315
- width: 30px;
1121
+ .e-ddt.e-popup .e-treeview.e-fullrow-wrap .e-text-content {
1122
+ padding-bottom: 4px;
1123
+ padding-top: 4px;
1316
1124
  }
1317
-
1318
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
1319
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
1125
+ .e-ddt.e-popup .e-ddt-footer,
1126
+ .e-ddt.e-popup .e-ddt-header {
1127
+ cursor: default;
1128
+ }
1129
+ .e-ddt.e-rtl.e-show-chip .e-chips {
1320
1130
  float: right;
1321
1131
  }
1322
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1323
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1324
- float: none;
1132
+ .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain {
1133
+ padding: 0 16px 0 0;
1325
1134
  }
1326
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
1327
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
1328
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
1329
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
1330
- left: 0;
1135
+ .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain.e-wrap-count {
1136
+ padding-top: 6px;
1137
+ }
1138
+ .e-ddt.e-rtl.e-show-chip .e-overflow.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow.e-wrap-count {
1139
+ position: absolute;
1331
1140
  right: auto;
1332
1141
  }
1333
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
1334
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
1335
- padding: 0 0 0 48px;
1142
+ .e-ddt.e-rtl.e-show-text .e-overflow.e-total-count .e-remain {
1143
+ padding: 0 0 0 16px;
1336
1144
  }
1337
-
1338
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1339
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1340
- opacity: 0.7;
1341
- pointer-events: none;
1145
+ .e-ddt.e-rtl.e-show-chip .e-overflow.e-total-count .e-remain {
1146
+ padding: 6px 10px 0 10px;
1342
1147
  }
1343
-
1344
- .e-multiselect.e-input-group,
1345
- .e-multiselect.e-float-input {
1346
- word-wrap: initial;
1148
+ .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1149
+ margin-right: 1px;
1150
+ margin-left: 30px;
1347
1151
  }
1348
-
1349
- .e-multiselect.e-input-group .e-searcher .e-label-top,
1350
- .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1152
+ .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1153
+ margin-right: 1px;
1154
+ margin-left: 30px;
1155
+ }
1156
+ .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1157
+ margin-right: 1px;
1158
+ margin-left: 60px;
1159
+ }
1160
+ .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1161
+ .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-clear-icon,
1162
+ .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
1163
+ .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-clear-icon,
1164
+ .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
1165
+ left: 0;
1166
+ right: auto;
1167
+ }
1168
+ .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
1169
+ left: 30px;
1170
+ }
1171
+ .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
1172
+ padding: 0 14px 0 0;
1173
+ }
1174
+ .e-ddt.e-rtl.e-popup .e-selectall-parent {
1175
+ text-indent: 38px;
1176
+ }
1177
+ .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1178
+ margin: 0 7px;
1179
+ }
1180
+ .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
1351
1181
  top: 15px;
1352
1182
  }
1353
-
1354
- .e-multi-select-wrapper.e-close-icon-hide {
1355
- padding-right: 0;
1183
+ .e-ddt-icon-hide {
1184
+ display: none;
1356
1185
  }
1357
1186
 
1358
- .e-multi-select-wrapper .e-chips-collection {
1359
- cursor: default;
1360
- display: block;
1187
+ /* stylelint-disable-line no-empty-source */
1188
+ /* stylelint-disable-line no-empty-source */
1189
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1190
+ color: #fff;
1191
+ top: 12px;
1361
1192
  }
1362
-
1363
- .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1364
- margin-right: 30px;
1193
+ .e-multiselect .e-multi-select-wrapper input {
1194
+ /* stylelint-disable property-no-vendor-prefix */
1365
1195
  }
1366
-
1367
- .e-multi-select-wrapper .e-multi-hidden {
1368
- border: 0;
1369
- height: 0;
1370
- position: absolute;
1371
- visibility: hidden;
1372
- width: 0;
1196
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
1197
+ color: #969696;
1198
+ font-family: inherit;
1199
+ font-size: 14px;
1200
+ font-style: italic;
1373
1201
  }
1374
-
1375
- .e-multi-select-wrapper .e-chips {
1376
- -webkit-box-align: center;
1377
- -ms-flex-align: center;
1378
- align-items: center;
1379
- display: -webkit-inline-box;
1380
- display: -ms-inline-flexbox;
1381
- display: inline-flex;
1382
- float: left;
1383
- margin: 2px 2px 2px 0;
1384
- max-width: 100%;
1385
- overflow: hidden;
1386
- padding: 0 0 0 8px;
1387
- text-overflow: ellipsis;
1388
- white-space: nowrap;
1202
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
1203
+ color: #969696;
1204
+ font-family: inherit;
1205
+ font-size: 14px;
1206
+ font-style: italic;
1389
1207
  }
1390
-
1391
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
1392
- max-width: 100%;
1393
- overflow: hidden;
1394
- padding: 3px 8px 5.5px 0;
1395
- text-indent: 0;
1396
- text-overflow: ellipsis;
1397
- white-space: nowrap;
1208
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
1209
+ color: #969696;
1210
+ font-family: inherit;
1211
+ font-size: 14px;
1212
+ font-style: italic;
1398
1213
  }
1399
-
1400
- .e-small .e-multi-select-wrapper .e-chips {
1401
- margin: 1.5px 2px 2px 0;
1214
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
1215
+ color: #969696;
1216
+ font-family: inherit;
1217
+ font-size: 14px;
1218
+ font-style: italic;
1402
1219
  }
1403
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1404
- padding: 3px 8px 4.2px 0;
1220
+ .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chipcontent {
1221
+ color: #fff;
1222
+ }
1223
+ .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chips-close.e-icon::before {
1224
+ color: #fff;
1225
+ }
1226
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1227
+ line-height: 26px;
1228
+ top: 0;
1229
+ }
1230
+ .e-multi-select-wrapper .e-delim-values.e-delim-view {
1231
+ -webkit-text-fill-color: #fff;
1232
+ color: #fff;
1233
+ }
1234
+ .e-multi-select-wrapper.e-delimiter .e-delim-values {
1235
+ -webkit-text-fill-color: #fff;
1236
+ color: #fff;
1237
+ }
1238
+ .e-multi-select-wrapper .e-searcher input[type=text] {
1239
+ color: #fff;
1240
+ height: 100%;
1241
+ min-height: 28px;
1242
+ }
1243
+ .e-multi-select-wrapper .e-searcher input[type=text]::-moz-selection {
1244
+ background-color: #ffd939;
1245
+ }
1246
+ .e-multi-select-wrapper .e-searcher input[type=text]::selection {
1247
+ background-color: #ffd939;
1405
1248
  }
1406
1249
 
1407
- .e-multi-select-wrapper.e-delimiter .e-searcher {
1408
- display: inline-block;
1409
- float: none;
1250
+ .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon {
1251
+ padding-left: 0;
1252
+ }
1253
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-selectall-parent {
1254
+ border-bottom: 1px solid #fff;
1255
+ }
1256
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active.e-hover {
1257
+ background-color: #ffd939;
1258
+ }
1259
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active {
1260
+ border: 2px solid #ffd939;
1261
+ }
1262
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-active.e-hover:not(.e-item-focus) {
1263
+ border-bottom: 2px solid #fff;
1264
+ border-left: 2px solid #fff;
1265
+ border-right: 2px solid #fff;
1266
+ border-top: 2px solid #fff;
1267
+ }
1268
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-item-focus {
1269
+ border: 2px solid #685708;
1270
+ }
1271
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active.e-hover {
1272
+ background-color: #fff;
1273
+ border-bottom: 1px solid #fff;
1274
+ border-left: 1px solid #fff;
1275
+ border-right: 1px solid #fff;
1276
+ border-top: 1px solid #fff;
1277
+ }
1278
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-hover:not(.e-active) {
1279
+ border: 2px solid #fff;
1280
+ }
1281
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item:not(.e-hover):not(.e-item-focus) {
1282
+ border: 2px solid #000;
1283
+ }
1284
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active {
1285
+ border: 2px solid #ffd939;
1410
1286
  }
1411
1287
 
1412
- .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1413
- padding: 6px 8px 7.5px 0;
1288
+ .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
1289
+ height: 30px;
1290
+ width: 30px;
1414
1291
  }
1415
1292
 
1416
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1417
- padding: 6px 0 6px 8px;
1293
+ .e-multi-select-wrapper .e-searcher input[type=text],
1294
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
1295
+ color: #fff;
1418
1296
  }
1419
1297
 
1420
- .e-multi-select-wrapper .e-chips-close {
1421
- -ms-flex-item-align: center;
1422
- align-self: center;
1423
- display: -webkit-box;
1424
- display: -ms-flexbox;
1425
- display: flex;
1426
- float: right;
1298
+ .e-multiselect.e-input-group .e-ddl-icon::before {
1299
+ content: "\e966";
1427
1300
  font-family: "e-icons";
1428
- height: 26px;
1429
- margin: 10px 10px 10px 0;
1430
- width: auto;
1431
1301
  }
1432
1302
 
1433
- .e-rtl .e-multi-select-wrapper .e-chips-close {
1434
- margin: 8px 0 8px 20px;
1303
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
1304
+ content: "\e7a7";
1305
+ cursor: pointer;
1306
+ left: 0;
1307
+ position: relative;
1308
+ top: 8px;
1435
1309
  }
1436
1310
 
1437
- .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
1438
- margin: 3px 0 0;
1311
+ .e-multi-select-wrapper .e-close-hooker::before {
1312
+ content: "\e7a7";
1313
+ cursor: pointer;
1314
+ left: 0;
1315
+ position: relative;
1316
+ top: 10px;
1439
1317
  }
1440
1318
 
1441
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1442
- cursor: default;
1443
- font-size: 10px;
1444
- height: 30px;
1445
- margin-top: -3em;
1446
- position: absolute;
1447
- right: 0;
1448
- width: auto;
1449
- top: 100%;
1319
+ .e-multiselect.e-input-group .e-ddl-disable-icon::before {
1320
+ content: "";
1450
1321
  }
1451
1322
 
1452
- .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1453
- .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1454
- .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1455
- right: 27px;
1323
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
1324
+ content: "\eb06";
1456
1325
  }
1457
1326
 
1458
- .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1459
- left: 27px;
1460
- right: auto;
1327
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1328
+ color: #fff;
1329
+ top: 12px;
1461
1330
  }
1462
1331
 
1463
- .e-multi-select-wrapper input[type=text] {
1464
- background: none;
1465
- border: 0;
1466
- font-family: inherit;
1467
- font-size: 14px;
1468
- font-weight: normal;
1469
- height: 28px;
1470
- min-height: 28px;
1471
- outline: none;
1472
- padding: 0 0 0 10px;
1473
- text-indent: 0;
1332
+ .e-multiselect .e-multi-select-wrapper input {
1333
+ /* stylelint-disable property-no-vendor-prefix */
1474
1334
  }
1475
1335
 
1476
- .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1477
- background: none;
1478
- border: 0;
1479
- color: inherit;
1336
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
1337
+ color: #969696;
1480
1338
  font-family: inherit;
1481
1339
  font-size: 14px;
1482
- font-weight: normal;
1483
- height: 28px;
1484
- min-height: 28px;
1485
- outline: none;
1486
- padding: 0;
1487
- text-indent: 10px;
1340
+ font-style: italic;
1488
1341
  }
1489
1342
 
1490
- .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1491
- padding: 5px;
1343
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
1344
+ color: #969696;
1345
+ font-family: inherit;
1346
+ font-size: 14px;
1347
+ font-style: italic;
1492
1348
  }
1493
1349
 
1494
- /* stylelint-disable property-no-vendor-prefix */
1495
- .e-multi-select-wrapper input[type=text]::-ms-clear {
1496
- display: none;
1350
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
1351
+ color: #969696;
1352
+ font-family: inherit;
1353
+ font-size: 14px;
1354
+ font-style: italic;
1497
1355
  }
1498
1356
 
1499
- .e-multi-select-wrapper .e-searcher {
1500
- display: block;
1501
- float: left;
1502
- width: auto;
1357
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
1358
+ color: #969696;
1359
+ font-family: inherit;
1360
+ font-size: 14px;
1361
+ font-style: italic;
1503
1362
  }
1504
1363
 
1505
- .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1506
- width: calc(100% - 40px);
1364
+ .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chipcontent {
1365
+ color: #fff;
1507
1366
  }
1508
1367
 
1509
- .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1510
- .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1511
- width: calc(100% - 40px);
1368
+ .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chips-close.e-icon::before {
1369
+ color: #fff;
1512
1370
  }
1513
1371
 
1514
- .e-multi-select-wrapper .e-delim-values {
1515
- font-family: inherit;
1516
- font-size: 14px;
1517
- line-height: 29px;
1518
- max-width: 100%;
1519
- padding-left: 10px;
1520
- padding-right: 0;
1521
- vertical-align: middle;
1372
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1373
+ line-height: 26px;
1374
+ top: 0;
1522
1375
  }
1523
1376
 
1524
- .e-multi-select-list-wrapper .e-hide-listitem,
1525
- .e-multi-select-list-wrapper .e-hide-group-header {
1526
- display: none;
1377
+ .e-multi-select-wrapper .e-delim-values.e-delim-view {
1378
+ -webkit-text-fill-color: #fff;
1379
+ color: #fff;
1527
1380
  }
1528
1381
 
1529
- .e-multi-select-wrapper .e-delim-values .e-remain {
1382
+ .e-multi-select-wrapper.e-delimiter .e-delim-values {
1383
+ -webkit-text-fill-color: #fff;
1530
1384
  color: #fff;
1531
- cursor: pointer;
1532
- display: inline-block;
1533
- font-size: 14px;
1534
- padding-left: 16px;
1535
1385
  }
1536
1386
 
1537
- .e-multiselect.e-disabled .e-multi-select-wrapper,
1538
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
1539
- cursor: not-allowed;
1387
+ .e-multi-select-wrapper .e-searcher input[type=text] {
1388
+ color: #fff;
1389
+ height: 100%;
1390
+ min-height: 28px;
1540
1391
  }
1541
1392
 
1542
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1543
- height: 38px;
1544
- left: 10px;
1545
- margin: 0 0 0 0;
1546
- margin-left: auto;
1547
- position: relative;
1548
- top: 0;
1549
- width: 38px;
1393
+ .e-multi-select-wrapper .e-searcher input[type=text]::-moz-selection {
1394
+ background-color: #ffd939;
1550
1395
  }
1551
1396
 
1552
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1553
- -ms-flex-item-align: center;
1554
- align-self: center;
1555
- -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1556
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1557
- display: -webkit-inline-box;
1558
- display: -ms-inline-flexbox;
1559
- display: inline-flex;
1560
- padding: 0 10px;
1561
- width: 92%;
1397
+ .e-multi-select-wrapper .e-searcher input[type=text]::selection {
1398
+ background-color: #ffd939;
1562
1399
  }
1563
1400
 
1564
- .e-multi-select-wrapper .e-ddl-disable-icon::before {
1565
- content: "";
1401
+ .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon {
1402
+ padding-left: 0;
1566
1403
  }
1567
1404
 
1568
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
1569
- float: none;
1405
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-selectall-parent {
1406
+ border-bottom: 1px solid #fff;
1570
1407
  }
1571
1408
 
1572
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
1573
- padding-left: 0;
1574
- }
1575
- .e-multiselect.e-rtl .e-multi-select-wrapper {
1576
- padding: 0 2px 0 32px;
1577
- }
1578
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1579
- left: -12px;
1580
- }
1581
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1582
- margin: 0;
1583
- margin-right: auto;
1409
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active.e-hover {
1410
+ background-color: #ffd939;
1584
1411
  }
1585
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
1586
- float: right;
1412
+
1413
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active {
1414
+ border: 2px solid #ffd939;
1587
1415
  }
1588
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
1589
- float: right;
1590
- margin: 2px 0 2px 2px;
1591
- padding: 0 8px 0 0;
1416
+
1417
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-active.e-hover:not(.e-item-focus) {
1418
+ border-bottom: 2px solid #fff;
1419
+ border-left: 2px solid #fff;
1420
+ border-right: 2px solid #fff;
1421
+ border-top: 2px solid #fff;
1592
1422
  }
1593
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
1594
- padding: 3px 0 3px 8px;
1423
+
1424
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-item-focus {
1425
+ border: 2px solid #685708;
1595
1426
  }
1596
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
1597
- float: left;
1427
+
1428
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active.e-hover {
1429
+ background-color: #fff;
1430
+ border-bottom: 1px solid #fff;
1431
+ border-left: 1px solid #fff;
1432
+ border-right: 1px solid #fff;
1433
+ border-top: 1px solid #fff;
1598
1434
  }
1599
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
1600
- left: -9px;
1435
+
1436
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-hover:not(.e-active) {
1437
+ border: 2px solid #fff;
1601
1438
  }
1602
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
1603
- padding: 0 4px 0 4px;
1439
+
1440
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item:not(.e-hover):not(.e-item-focus) {
1441
+ border: 2px solid #000;
1604
1442
  }
1605
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
1606
- padding: 5px 8px 6px 0;
1443
+
1444
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active {
1445
+ border: 2px solid #ffd939;
1607
1446
  }
1608
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1609
- padding: 0 4px 0 0;
1447
+
1448
+ .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
1449
+ height: 30px;
1450
+ width: 30px;
1610
1451
  }
1611
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1612
- padding: 9px 4px;
1452
+
1453
+ .e-multi-select-wrapper .e-searcher input[type=text],
1454
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
1455
+ color: #fff;
1613
1456
  }
1614
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1615
- left: 27px;
1616
- position: absolute;
1617
- right: auto;
1457
+
1458
+ .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1459
+ color: #000;
1618
1460
  }
1619
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
1620
- left: -4px;
1461
+
1462
+ .e-multi-select-wrapper .e-chips.e-chip-selected {
1463
+ background-color: #ffd939;
1621
1464
  }
1622
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
1623
- padding-right: 16px;
1465
+
1466
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1467
+ background-color: #ffd939;
1624
1468
  }
1625
1469
 
1626
- .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
1627
- left: 30px;
1470
+ .e-multiselect {
1471
+ -webkit-box-sizing: border-box;
1472
+ box-sizing: border-box;
1628
1473
  }
1629
1474
 
1630
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1631
- left: -10px;
1475
+ /* stylelint-disable property-no-vendor-prefix */
1476
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
1477
+ -webkit-text-fill-color: #000;
1478
+ color: #000;
1479
+ font-family: inherit;
1480
+ font-size: 14px;
1632
1481
  }
1633
1482
 
1634
- .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1635
- bottom: 1px;
1636
- margin-right: 8px;
1637
- position: relative;
1638
- text-indent: 0;
1639
- vertical-align: middle;
1483
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
1484
+ color: #000;
1640
1485
  }
1641
1486
 
1642
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
1643
- padding-left: 14px;
1487
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
1488
+ color: #000;
1644
1489
  }
1645
1490
 
1646
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
1647
- padding-right: 18px;
1491
+ .e-multi-select-wrapper .e-chips {
1492
+ background-color: #bfbfbf;
1493
+ border-radius: 0;
1494
+ height: 26px;
1648
1495
  }
1649
1496
 
1650
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1651
- bottom: 1px;
1652
- margin-right: 8px;
1653
- position: relative;
1654
- text-indent: 0;
1655
- vertical-align: middle;
1497
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
1498
+ background-color: #685708;
1656
1499
  }
1657
1500
 
1658
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
1659
- margin-left: 12px;
1660
- margin-right: 0;
1501
+ .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
1502
+ color: #fff;
1661
1503
  }
1662
1504
 
1663
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
1664
- margin-left: 12px;
1665
- margin-right: 0;
1505
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
1506
+ -webkit-text-fill-color: #000;
1507
+ color: #000;
1508
+ font-size: 10px;
1666
1509
  }
1667
1510
 
1668
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
1669
- padding-right: 0;
1511
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1512
+ background-color: #bfbfbf;
1513
+ border-radius: 0;
1514
+ color: #000;
1515
+ height: 38px;
1516
+ line-height: 38px;
1670
1517
  }
1671
1518
 
1672
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
1673
- padding-right: 15px;
1519
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1520
+ color: #000;
1674
1521
  }
1675
1522
 
1676
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-group-item {
1677
- padding-right: 10px;
1523
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
1524
+ height: 30px;
1678
1525
  }
1679
1526
 
1680
- .e-multi-select-list-wrapper .e-selectall-parent {
1681
- cursor: pointer;
1682
- display: block;
1683
- line-height: 36px;
1684
- overflow: hidden;
1685
- text-overflow: ellipsis;
1686
- padding-right: 16px;
1687
- position: relative;
1688
- text-indent: 11px;
1689
- white-space: nowrap;
1690
- width: 100%;
1527
+ .e-popup.e-multi-select-list-wrapper {
1528
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1529
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1530
+ -webkit-box-sizing: content-box;
1531
+ box-sizing: content-box;
1532
+ overflow: initial;
1691
1533
  }
1692
1534
 
1693
- .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
1694
- .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
1695
- padding-left: 16px;
1696
- padding-right: 15px;
1535
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
1536
+ border-bottom: 1px solid transparent;
1537
+ border-left: 1px solid #ffd939;
1538
+ border-right: 1px solid #ffd939;
1539
+ border-top: 1px solid #ffd939;
1697
1540
  }
1698
1541
 
1699
- .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
1542
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
1543
+ background-color: transparent;
1544
+ border-color: transparent;
1700
1545
  color: #fff;
1701
- font-family: inherit;
1702
- font-size: 14px;
1703
1546
  }
1704
1547
 
1705
- .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
1706
- bottom: 1px;
1707
- margin-right: 8px;
1708
- position: relative;
1709
- text-indent: 0;
1710
- vertical-align: middle;
1548
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
1549
+ background-color: transparent;
1550
+ border-color: transparent;
1551
+ color: #fff;
1711
1552
  }
1712
1553
 
1713
- .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
1714
- margin-left: 12px;
1715
- margin-right: 0;
1554
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
1555
+ background-color: #685708;
1716
1556
  }
1717
1557
 
1718
- .e-multiselect .e-input-group-icon.e-ddl-icon {
1719
- float: right;
1720
- margin-top: 0;
1558
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
1559
+ background-color: #685708;
1721
1560
  }
1722
1561
 
1723
- .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1724
- float: left;
1562
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
1563
+ border-bottom: 1px solid transparent;
1564
+ border-top: 1px solid transparent;
1725
1565
  }
1726
1566
 
1727
- .e-multiselect.e-checkbox .e-multi-select-wrapper,
1728
- .e-multiselect .e-multi-select-wrapper.e-down-icon {
1729
- padding: 0;
1567
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
1568
+ border-bottom: 1px solid transparent;
1730
1569
  }
1731
1570
 
1732
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
1733
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
1734
- padding: 8px;
1571
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1572
+ background-color: #ffd939;
1573
+ -webkit-box-shadow: none;
1574
+ box-shadow: none;
1575
+ color: #000;
1576
+ border: 1px solid #ffd939;
1735
1577
  }
1736
1578
 
1737
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
1738
- padding-left: 8px;
1579
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1580
+ background-color: #ffd939;
1581
+ -webkit-box-shadow: none;
1582
+ box-shadow: none;
1583
+ color: #000;
1584
+ border: 1px solid #ffd939;
1739
1585
  }
1740
1586
 
1741
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
1742
- padding: 0;
1587
+ .e-popup.e-multi-select-list-wrapper .e-list-item {
1588
+ border: 1px solid transparent;
1743
1589
  }
1744
1590
 
1745
- .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
1746
- line-height: 20px;
1747
- padding-left: 10px;
1591
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
1592
+ border: 1px solid transparent;
1748
1593
  }
1749
1594
 
1750
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
1751
- .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
1752
- opacity: 0.3;
1595
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1596
+ color: #fff;
1753
1597
  }
1754
1598
 
1755
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
1756
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
1757
- opacity: 0.7;
1599
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1600
+ color: #fff;
1758
1601
  }
1759
1602
 
1760
- .e-multi-select-wrapper input[readonly=true] {
1761
- pointer-events: none;
1603
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1604
+ color: #fff;
1762
1605
  }
1763
1606
 
1764
- .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
1765
- pointer-events: none;
1607
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1608
+ color: #fff;
1766
1609
  }
1767
1610
 
1768
- ejs-multiselect {
1769
- display: block;
1611
+ .e-ul.e-reorder {
1612
+ border-bottom: 1px solid #685708;
1770
1613
  }
1771
1614
 
1772
- .e-small.e-multi-select-list-wrapper .e-selectall-parent,
1773
- .e-small .e-multi-select-list-wrapper .e-selectall-parent {
1774
- line-height: 26px;
1615
+ .e-multi-select-list-wrapper .e-selectall-parent {
1616
+ border-bottom: 1px solid #685708;
1775
1617
  }
1776
1618
 
1777
- .e-small .e-multi-select-wrapper .e-chips-close {
1778
- height: 22px;
1779
- width: auto;
1619
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus .e-checkbox-wrapper .e-frame.e-check {
1620
+ background-color: #000;
1621
+ border-color: #000;
1622
+ color: #ffd939;
1780
1623
  }
1781
1624
 
1782
- .e-small .e-multi-select-wrapper {
1783
- min-height: 24px;
1625
+ .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 {
1626
+ background-color: #000;
1627
+ border-color: #000;
1628
+ color: #ffd939;
1784
1629
  }
1785
1630
 
1786
- .e-small .e-multi-select-wrapper input[type=text] {
1787
- height: 24px;
1788
- min-height: 24px;
1631
+ .e-ddl.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active:not(.e-item-focus):not(.e-hover) {
1632
+ background-color: #000;
1789
1633
  }
1790
1634
 
1791
- .e-small .e-multi-select-wrapper .e-delim-values {
1792
- font-size: 13px;
1793
- line-height: 24px;
1635
+ 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) {
1636
+ background-color: #000;
1794
1637
  }
1795
1638
 
1796
- .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1797
- .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1798
- margin-top: -3.2em;
1639
+ .e-multi-select-wrapper .e-delim-values {
1640
+ -webkit-text-fill-color: #000;
1641
+ color: #000;
1799
1642
  }
1800
1643
 
1801
- .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1802
- .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1803
- margin-top: -2.5em;
1644
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1645
+ color: #fff;
1804
1646
  }
1805
1647
 
1806
- .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
1807
- background-size: 300px 33px;
1808
- min-height: 33px;
1648
+ .e-small .e-multi-select-wrapper .e-chips {
1649
+ height: 20px;
1809
1650
  }
1810
1651
 
1811
- .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
1812
- color: inherit;
1652
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1653
+ font-size: 12px;
1813
1654
  }
1814
1655
 
1815
- .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1816
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1817
- -webkit-box-align: normal;
1818
- -ms-flex-align: normal;
1819
- align-items: normal;
1656
+ .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1657
+ font-size: 8px;
1820
1658
  }
1821
1659
 
1822
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
1823
- padding: 0 12px 0 8px;
1660
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
1661
+ left: 7px;
1824
1662
  }
1825
1663
 
1826
- .e-multiselect.e-filled.e-input-group.e-control-wrapper {
1827
- padding: 0;
1664
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1665
+ -webkit-text-fill-color: #757575;
1666
+ color: #757575;
1828
1667
  }
1829
1668
 
1830
- .e-filled.e-float-input .e-multi-select-wrapper {
1831
- padding: 11px 12px 0;
1669
+ .e-dropdownbase .e-list-item .e-list-icon {
1670
+ padding: 0 10px 0 0;
1832
1671
  }
1833
1672
 
1834
- .e-small.e-filled.e-float-input .e-multi-select-wrapper,
1835
- .e-small .e-filled.e-float-input .e-multi-select-wrapper {
1836
- padding: 12px 12px 0 8px;
1673
+ .e-dropdownbase .e-list-item:not(.e-active).e-hover {
1674
+ border: 2px solid #fff;
1837
1675
  }
1838
1676
 
1839
- .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
1840
- .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
1841
- padding: 0;
1677
+ .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
1678
+ border: 2px solid #000;
1842
1679
  }
1843
1680
 
1844
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1845
- height: 28px;
1681
+ .e-dropdownbase .e-list-item.e-active {
1682
+ border: 2px solid #ffd939;
1846
1683
  }
1847
1684
 
1848
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1849
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1850
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
1851
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1852
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1853
- height: 24px;
1685
+ .e-dropdownbase .e-list-item.e-item-focus {
1686
+ border: 2px solid #685708;
1854
1687
  }
1855
1688
 
1856
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1857
- height: 18px;
1689
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
1690
+ padding: 0 8px 0 0;
1858
1691
  }
1859
1692
 
1860
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1861
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1862
- margin: 8px 8px 0 0;
1863
- padding: 0 8px;
1693
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1694
+ color: #fff;
1695
+ top: 12px;
1864
1696
  }
1865
1697
 
1866
- .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1867
- .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1868
- margin: 8px 0 0 8px;
1869
- padding: 0 8px;
1698
+ .e-multiselect .e-multi-select-wrapper input {
1699
+ /* stylelint-disable property-no-vendor-prefix */
1870
1700
  }
1871
1701
 
1872
- .e-small .e-filled .e-multi-select-wrapper .e-chips,
1873
- .e-small.e-filled .e-multi-select-wrapper .e-chips {
1874
- height: 16px 16px;
1875
- margin: 4px 4px 0 0;
1876
- padding-right: 8px;
1702
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
1703
+ color: #969696;
1704
+ font-family: inherit;
1705
+ font-size: 14px;
1706
+ font-style: italic;
1877
1707
  }
1878
1708
 
1879
- .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1880
- .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1881
- margin: 4px 0 0 4px;
1709
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
1710
+ color: #969696;
1711
+ font-family: inherit;
1712
+ font-size: 14px;
1713
+ font-style: italic;
1882
1714
  }
1883
1715
 
1884
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
1885
- font-size: 13px;
1886
- padding: 0 8px 0 0;
1716
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
1717
+ color: #969696;
1718
+ font-family: inherit;
1719
+ font-size: 14px;
1720
+ font-style: italic;
1887
1721
  }
1888
1722
 
1889
- .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1890
- .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1891
- font-size: 12px;
1723
+ .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
1724
+ color: #969696;
1725
+ font-family: inherit;
1726
+ font-size: 14px;
1727
+ font-style: italic;
1892
1728
  }
1893
1729
 
1894
- .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1895
- font-size: 12px;
1896
- padding: 0 4px 0 0;
1730
+ .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chipcontent {
1731
+ color: #fff;
1897
1732
  }
1898
1733
 
1899
- .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1900
- padding: 0 0 0 4px;
1901
- }
1902
-
1903
- .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1904
- .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1905
- font-size: 10px;
1906
- }
1907
-
1908
- .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
1909
- font-size: 13px;
1910
- padding-right: 4px;
1911
- }
1912
-
1913
- .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
1914
- .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
1915
- height: 38px;
1916
- margin-top: -38px;
1917
- right: 12px;
1918
- top: 100%;
1919
- width: 16px;
1920
- }
1921
-
1922
- .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1923
- .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1924
- .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1925
- .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1926
- .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 {
1927
- display: none;
1928
- }
1929
-
1930
- .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
1931
- margin-right: 0;
1932
- }
1933
-
1934
- .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
1935
- .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
1936
- cursor: not-allowed;
1734
+ .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chips-close.e-icon::before {
1735
+ color: #fff;
1937
1736
  }
1938
1737
 
1939
- .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
1940
- .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 {
1941
- cursor: pointer;
1738
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1739
+ line-height: 26px;
1740
+ top: 0;
1942
1741
  }
1943
1742
 
1944
- .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
1945
- bottom: 0;
1946
- right: 0;
1947
- cursor: nwse-resize;
1948
- height: 15px;
1949
- position: absolute;
1950
- width: 15px;
1743
+ .e-multi-select-wrapper .e-delim-values.e-delim-view {
1744
+ -webkit-text-fill-color: #fff;
1745
+ color: #fff;
1951
1746
  }
1952
1747
 
1953
- .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
1954
- background: transparent;
1955
- color: rgb(221, 218, 218);
1748
+ .e-multi-select-wrapper.e-delimiter .e-delim-values {
1749
+ -webkit-text-fill-color: #fff;
1750
+ color: #fff;
1956
1751
  }
1957
1752
 
1958
- .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1959
- color: #000;
1753
+ .e-multi-select-wrapper .e-searcher input[type=text] {
1754
+ color: #fff;
1755
+ height: 100%;
1756
+ min-height: 28px;
1960
1757
  }
1961
1758
 
1962
- .e-multi-select-wrapper .e-chips.e-chip-selected {
1759
+ .e-multi-select-wrapper .e-searcher input[type=text]::-moz-selection {
1963
1760
  background-color: #ffd939;
1964
1761
  }
1965
1762
 
1966
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1763
+ .e-multi-select-wrapper .e-searcher input[type=text]::selection {
1967
1764
  background-color: #ffd939;
1968
1765
  }
1969
1766
 
1970
- .e-multiselect {
1971
- -webkit-box-sizing: border-box;
1972
- box-sizing: border-box;
1767
+ .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon {
1768
+ padding-left: 0;
1973
1769
  }
1974
1770
 
1975
- /* stylelint-disable property-no-vendor-prefix */
1976
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
1977
- -webkit-text-fill-color: #000;
1978
- color: #000;
1979
- font-family: inherit;
1980
- font-size: 14px;
1771
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-selectall-parent {
1772
+ border-bottom: 1px solid #fff;
1981
1773
  }
1982
1774
 
1983
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
1984
- color: #000;
1775
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active.e-hover {
1776
+ background-color: #ffd939;
1985
1777
  }
1986
1778
 
1987
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
1988
- color: #000;
1779
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active {
1780
+ border: 2px solid #ffd939;
1989
1781
  }
1990
1782
 
1991
- .e-multi-select-wrapper .e-chips {
1992
- background-color: #bfbfbf;
1993
- border-radius: 0;
1994
- height: 26px;
1783
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-active.e-hover:not(.e-item-focus) {
1784
+ border-bottom: 2px solid #fff;
1785
+ border-left: 2px solid #fff;
1786
+ border-right: 2px solid #fff;
1787
+ border-top: 2px solid #fff;
1995
1788
  }
1996
1789
 
1997
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
1998
- background-color: #685708;
1790
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-item-focus {
1791
+ border: 2px solid #685708;
1999
1792
  }
2000
1793
 
2001
- .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
2002
- color: #fff;
1794
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active.e-hover {
1795
+ background-color: #fff;
1796
+ border-bottom: 1px solid #fff;
1797
+ border-left: 1px solid #fff;
1798
+ border-right: 1px solid #fff;
1799
+ border-top: 1px solid #fff;
2003
1800
  }
2004
1801
 
2005
- .e-multi-select-wrapper .e-chips .e-chips-close::before {
2006
- -webkit-text-fill-color: #000;
2007
- color: #000;
2008
- font-size: 10px;
1802
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-hover:not(.e-active) {
1803
+ border: 2px solid #fff;
2009
1804
  }
2010
1805
 
2011
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2012
- background-color: #bfbfbf;
2013
- border-radius: 0;
2014
- color: #000;
2015
- height: 38px;
2016
- line-height: 38px;
1806
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item:not(.e-hover):not(.e-item-focus) {
1807
+ border: 2px solid #000;
2017
1808
  }
2018
1809
 
2019
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2020
- color: #000;
1810
+ .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active {
1811
+ border: 2px solid #ffd939;
2021
1812
  }
2022
1813
 
2023
- .e-multi-select-wrapper .e-chips.e-mob-chip {
1814
+ .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
2024
1815
  height: 30px;
1816
+ width: 30px;
2025
1817
  }
2026
1818
 
2027
- .e-popup.e-multi-select-list-wrapper {
2028
- -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2029
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2030
- -webkit-box-sizing: content-box;
2031
- box-sizing: content-box;
2032
- overflow: initial;
2033
- }
2034
-
2035
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
2036
- border-bottom: 1px solid transparent;
2037
- border-left: 1px solid #ffd939;
2038
- border-right: 1px solid #ffd939;
2039
- border-top: 1px solid #ffd939;
2040
- }
2041
-
2042
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
2043
- background-color: transparent;
2044
- border-color: transparent;
1819
+ .e-multi-select-wrapper .e-searcher input[type=text],
1820
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
2045
1821
  color: #fff;
2046
1822
  }
2047
1823
 
2048
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
2049
- background-color: transparent;
2050
- border-color: transparent;
2051
- color: #fff;
1824
+ .e-multi-select-wrapper {
1825
+ -webkit-box-sizing: border-box;
1826
+ box-sizing: border-box;
1827
+ cursor: text;
1828
+ line-height: normal;
1829
+ min-height: 30px;
1830
+ padding: 0 32px 0 2px;
1831
+ position: relative;
1832
+ -webkit-user-select: none;
1833
+ -moz-user-select: none;
1834
+ -ms-user-select: none;
1835
+ user-select: none;
1836
+ width: 100%;
2052
1837
  }
2053
-
2054
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2055
- background-color: #685708;
1838
+ .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1839
+ height: 27px;
1840
+ vertical-align: middle;
2056
1841
  }
2057
-
2058
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
2059
- background-color: #685708;
1842
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1843
+ height: 100%;
1844
+ min-height: 100%;
2060
1845
  }
2061
-
2062
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
2063
- border-bottom: 1px solid transparent;
2064
- border-top: 1px solid transparent;
1846
+ .e-multi-select-wrapper .e-delim-view {
1847
+ white-space: nowrap;
2065
1848
  }
2066
-
2067
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
2068
- border-bottom: 1px solid transparent;
1849
+ .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 {
1850
+ -webkit-box-sizing: border-box;
1851
+ box-sizing: border-box;
1852
+ display: inline-block;
1853
+ overflow: hidden;
1854
+ text-overflow: ellipsis;
2069
1855
  }
2070
-
2071
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2072
- background-color: #ffd939;
2073
- -webkit-box-shadow: none;
2074
- box-shadow: none;
1856
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
2075
1857
  color: #000;
2076
- border: 1px solid #ffd939;
1858
+ font-size: 10px;
1859
+ left: 12px;
1860
+ top: 0;
2077
1861
  }
2078
-
2079
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2080
- background-color: #ffd939;
2081
- -webkit-box-shadow: none;
2082
- box-shadow: none;
1862
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1863
+ background-color: #bfbfbf;
2083
1864
  color: #000;
2084
- border: 1px solid #ffd939;
1865
+ padding: 9px 0;
2085
1866
  }
2086
-
2087
- .e-popup.e-multi-select-list-wrapper .e-list-item {
2088
- border: 1px solid transparent;
1867
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1868
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1869
+ width: 0;
2089
1870
  }
2090
-
2091
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
2092
- border: 1px solid transparent;
1871
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1872
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1873
+ height: 1px;
1874
+ min-height: 1px;
2093
1875
  }
2094
-
2095
- .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2096
- color: #fff;
1876
+ .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1877
+ max-width: 100%;
2097
1878
  }
2098
1879
 
2099
- .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2100
- color: #fff;
1880
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1881
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1882
+ display: -webkit-box;
1883
+ display: -ms-flexbox;
1884
+ display: flex;
1885
+ float: left;
1886
+ width: auto;
2101
1887
  }
2102
-
2103
- .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2104
- color: #fff;
1888
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1889
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1890
+ display: -webkit-inline-box;
1891
+ display: -ms-inline-flexbox;
1892
+ display: inline-flex;
1893
+ float: none;
2105
1894
  }
2106
-
2107
- .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2108
- color: #fff;
1895
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1896
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1897
+ width: 0;
2109
1898
  }
2110
-
2111
- .e-ul.e-reorder {
2112
- border-bottom: 1px solid #685708;
1899
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1900
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1901
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1902
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1903
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1904
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1905
+ display: none;
1906
+ }
1907
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1908
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1909
+ padding: 0 48px 0 0;
1910
+ }
1911
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1912
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1913
+ -webkit-box-align: center;
1914
+ -ms-flex-align: center;
1915
+ align-items: center;
1916
+ display: inline;
1917
+ max-width: 100%;
1918
+ word-break: break-word;
1919
+ }
1920
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1921
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1922
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1923
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1924
+ -webkit-box-align: center;
1925
+ -ms-flex-align: center;
1926
+ align-items: center;
1927
+ cursor: pointer;
1928
+ display: none;
1929
+ -webkit-box-orient: horizontal;
1930
+ -webkit-box-direction: normal;
1931
+ -ms-flex-direction: row;
1932
+ flex-direction: row;
1933
+ margin-top: -3.2em;
1934
+ outline: 0;
1935
+ padding: 0;
1936
+ position: absolute;
1937
+ right: 0;
1938
+ top: 100%;
1939
+ }
1940
+ .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1941
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1942
+ .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1943
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1944
+ display: -webkit-box;
1945
+ display: -ms-flexbox;
1946
+ display: flex;
1947
+ }
1948
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1949
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1950
+ margin-right: 0;
1951
+ margin-top: -2.5em;
1952
+ right: 0;
1953
+ }
1954
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1955
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
1956
+ top: -1px;
1957
+ }
1958
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1959
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
1960
+ font-size: 10px;
1961
+ height: 30px;
1962
+ width: 30px;
2113
1963
  }
2114
1964
 
2115
- .e-multi-select-list-wrapper .e-selectall-parent {
2116
- border-bottom: 1px solid #685708;
1965
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
1966
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
1967
+ float: right;
1968
+ }
1969
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1970
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1971
+ float: none;
1972
+ }
1973
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
1974
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
1975
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
1976
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
1977
+ left: 0;
1978
+ right: auto;
1979
+ }
1980
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
1981
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
1982
+ padding: 0 0 0 48px;
2117
1983
  }
2118
1984
 
2119
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus .e-checkbox-wrapper .e-frame.e-check {
2120
- background-color: #000;
2121
- border-color: #000;
2122
- color: #ffd939;
1985
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1986
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1987
+ opacity: 0.7;
1988
+ pointer-events: none;
2123
1989
  }
2124
1990
 
2125
- .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 {
2126
- background-color: #000;
2127
- border-color: #000;
2128
- color: #ffd939;
1991
+ .e-multiselect.e-input-group,
1992
+ .e-multiselect.e-float-input {
1993
+ word-wrap: initial;
2129
1994
  }
2130
1995
 
2131
- .e-ddl.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active:not(.e-item-focus):not(.e-hover) {
2132
- background-color: #000;
1996
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
1997
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1998
+ top: 15px;
2133
1999
  }
2134
2000
 
2135
- 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) {
2136
- background-color: #000;
2001
+ .e-multi-select-wrapper.e-close-icon-hide {
2002
+ padding-right: 0;
2137
2003
  }
2138
2004
 
2139
- .e-multi-select-wrapper .e-delim-values {
2140
- -webkit-text-fill-color: #000;
2141
- color: #000;
2005
+ .e-multi-select-wrapper .e-chips-collection {
2006
+ cursor: default;
2007
+ display: block;
2142
2008
  }
2143
2009
 
2144
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2145
- color: #fff;
2010
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
2011
+ margin-right: 30px;
2146
2012
  }
2147
2013
 
2148
- .e-small .e-multi-select-wrapper .e-chips {
2149
- height: 20px;
2014
+ .e-multi-select-wrapper .e-multi-hidden {
2015
+ border: 0;
2016
+ height: 0;
2017
+ position: absolute;
2018
+ visibility: hidden;
2019
+ width: 0;
2150
2020
  }
2151
2021
 
2152
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2153
- font-size: 12px;
2022
+ .e-multi-select-wrapper .e-chips {
2023
+ -webkit-box-align: center;
2024
+ -ms-flex-align: center;
2025
+ align-items: center;
2026
+ display: -webkit-inline-box;
2027
+ display: -ms-inline-flexbox;
2028
+ display: inline-flex;
2029
+ float: left;
2030
+ margin: 2px 2px 2px 0;
2031
+ max-width: 100%;
2032
+ overflow: hidden;
2033
+ padding: 0 0 0 8px;
2034
+ text-overflow: ellipsis;
2035
+ white-space: nowrap;
2154
2036
  }
2155
2037
 
2156
- .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2157
- font-size: 8px;
2038
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
2039
+ max-width: 100%;
2040
+ overflow: hidden;
2041
+ padding: 3px 8px 5.5px 0;
2042
+ text-indent: 0;
2043
+ text-overflow: ellipsis;
2044
+ white-space: nowrap;
2158
2045
  }
2159
2046
 
2160
- .e-small .e-multi-select-wrapper .e-close-hooker::before {
2161
- left: 7px;
2047
+ .e-small .e-multi-select-wrapper .e-chips {
2048
+ margin: 1.5px 2px 2px 0;
2049
+ }
2050
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2051
+ padding: 3px 8px 4.2px 0;
2162
2052
  }
2163
2053
 
2164
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2165
- -webkit-text-fill-color: #757575;
2166
- color: #757575;
2054
+ .e-multi-select-wrapper.e-delimiter .e-searcher {
2055
+ display: inline-block;
2056
+ float: none;
2167
2057
  }
2168
2058
 
2169
- .e-listbox-tool .e-moveup::before {
2170
- content: "\e651";
2059
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
2060
+ padding: 6px 8px 7.5px 0;
2171
2061
  }
2172
2062
 
2173
- .e-listbox-tool .e-movedown::before {
2174
- content: "\e652";
2063
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
2064
+ padding: 6px 0 6px 8px;
2175
2065
  }
2176
2066
 
2177
- .e-listbox-tool .e-moveto::before {
2178
- content: "\e653";
2067
+ .e-multi-select-wrapper .e-chips-close {
2068
+ -ms-flex-item-align: center;
2069
+ align-self: center;
2070
+ display: -webkit-box;
2071
+ display: -ms-flexbox;
2072
+ display: flex;
2073
+ float: right;
2074
+ font-family: "e-icons";
2075
+ height: 26px;
2076
+ margin: 10px 10px 10px 0;
2077
+ width: auto;
2179
2078
  }
2180
2079
 
2181
- .e-listbox-tool .e-movefrom::before {
2182
- content: "\e654";
2080
+ .e-rtl .e-multi-select-wrapper .e-chips-close {
2081
+ margin: 8px 0 8px 20px;
2183
2082
  }
2184
2083
 
2185
- .e-listbox-tool .e-moveallto::before {
2186
- content: "\e655";
2084
+ .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
2085
+ margin: 3px 0 0;
2187
2086
  }
2188
2087
 
2189
- .e-listbox-tool .e-moveallfrom::before {
2190
- content: "\e656";
2088
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2089
+ cursor: default;
2090
+ font-size: 10px;
2091
+ height: 30px;
2092
+ margin-top: -3em;
2093
+ position: absolute;
2094
+ right: 0;
2095
+ width: auto;
2096
+ top: 100%;
2191
2097
  }
2192
2098
 
2193
- /* stylelint-disable property-no-vendor-prefix */
2194
- .e-listbox-wrapper,
2195
- .e-listbox-container,
2196
- .e-listboxtool-wrapper {
2197
- -webkit-overflow-scrolling: touch;
2198
- -webkit-box-sizing: border-box;
2199
- box-sizing: border-box;
2200
- cursor: pointer;
2201
- display: block;
2202
- position: relative;
2203
- -webkit-user-select: none;
2204
- -moz-user-select: none;
2205
- -ms-user-select: none;
2206
- user-select: none;
2207
- width: 100%;
2099
+ .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2100
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2101
+ .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
2102
+ right: 27px;
2208
2103
  }
2209
- .e-listbox-wrapper *,
2210
- .e-listbox-container *,
2211
- .e-listboxtool-wrapper * {
2212
- -webkit-box-sizing: border-box;
2213
- box-sizing: border-box;
2104
+
2105
+ .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
2106
+ left: 27px;
2107
+ right: auto;
2214
2108
  }
2215
- .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2216
- .e-listbox-container.e-listboxtool-container .e-list-wrap,
2217
- .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2218
- width: 87% !important; /* stylelint-disable-line declaration-no-important */
2109
+
2110
+ .e-multi-select-wrapper input[type=text] {
2111
+ background: none;
2112
+ border: 0;
2113
+ font-family: inherit;
2114
+ font-size: 14px;
2115
+ font-weight: normal;
2116
+ height: 28px;
2117
+ min-height: 28px;
2118
+ outline: none;
2119
+ padding: 0 0 0 10px;
2120
+ text-indent: 0;
2219
2121
  }
2220
- .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2221
- .e-listbox-container .e-list-wrap:focus-visible,
2222
- .e-listbox-container:focus,
2223
- .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2224
- .e-listboxtool-wrapper:focus {
2122
+
2123
+ .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
2124
+ background: none;
2125
+ border: 0;
2126
+ color: inherit;
2127
+ font-family: inherit;
2128
+ font-size: 14px;
2129
+ font-weight: normal;
2130
+ height: 28px;
2131
+ min-height: 28px;
2225
2132
  outline: none;
2133
+ padding: 0;
2134
+ text-indent: 10px;
2226
2135
  }
2227
- .e-listbox-wrapper.e-disabled,
2228
- .e-listbox-container.e-disabled,
2229
- .e-listboxtool-wrapper.e-disabled {
2230
- cursor: default;
2231
- pointer-events: none;
2232
- }
2233
- .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
2234
- .e-listbox-container:not(.e-list-template) .e-list-nrt,
2235
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2236
- text-align: center;
2136
+
2137
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
2138
+ padding: 5px;
2237
2139
  }
2238
- .e-listbox-wrapper .e-list-parent,
2239
- .e-listbox-container .e-list-parent,
2240
- .e-listboxtool-wrapper .e-list-parent {
2241
- height: 100%;
2242
- min-height: 36px;
2140
+
2141
+ /* stylelint-disable property-no-vendor-prefix */
2142
+ .e-multi-select-wrapper input[type=text]::-ms-clear {
2143
+ display: none;
2243
2144
  }
2244
- .e-listbox-wrapper .e-list-item,
2245
- .e-listbox-container .e-list-item,
2246
- .e-listboxtool-wrapper .e-list-item {
2247
- border-bottom: 0 solid;
2248
- outline: none;
2145
+
2146
+ .e-multi-select-wrapper .e-searcher {
2147
+ display: block;
2148
+ float: left;
2149
+ width: auto;
2249
2150
  }
2250
- .e-listbox-wrapper .e-list-item.e-disabled,
2251
- .e-listbox-container .e-list-item.e-disabled,
2252
- .e-listboxtool-wrapper .e-list-item.e-disabled {
2253
- pointer-events: none;
2151
+
2152
+ .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2153
+ width: calc(100% - 40px);
2254
2154
  }
2255
- .e-listbox-wrapper .e-disable,
2256
- .e-listbox-container .e-disable,
2257
- .e-listboxtool-wrapper .e-disable {
2258
- opacity: 0.7;
2155
+
2156
+ .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2157
+ .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2158
+ width: calc(100% - 40px);
2259
2159
  }
2260
- .e-listbox-wrapper .e-list-parent,
2261
- .e-listbox-container .e-list-parent,
2262
- .e-listboxtool-wrapper .e-list-parent {
2263
- margin: 0;
2264
- padding: 0;
2160
+
2161
+ .e-multi-select-wrapper .e-delim-values {
2162
+ font-family: inherit;
2163
+ font-size: 14px;
2164
+ line-height: 29px;
2165
+ max-width: 100%;
2166
+ padding-left: 10px;
2167
+ padding-right: 0;
2168
+ vertical-align: middle;
2265
2169
  }
2266
- .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2267
- .e-listbox-container .e-list-header .e-text.header,
2268
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2269
- .e-listboxtool-wrapper .e-list-header .e-text.header,
2270
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2170
+
2171
+ .e-multi-select-list-wrapper .e-hide-listitem,
2172
+ .e-multi-select-list-wrapper .e-hide-group-header {
2271
2173
  display: none;
2272
2174
  }
2273
- .e-listbox-wrapper .e-icon-back,
2274
- .e-listbox-container .e-icon-back,
2275
- .e-listboxtool-wrapper .e-icon-back {
2276
- margin-top: 2px;
2175
+
2176
+ .e-multi-select-wrapper .e-delim-values .e-remain {
2177
+ color: #fff;
2178
+ cursor: pointer;
2179
+ display: inline-block;
2180
+ font-size: 14px;
2181
+ padding-left: 16px;
2277
2182
  }
2278
- .e-listbox-wrapper .e-list-header,
2279
- .e-listbox-container .e-list-header,
2280
- .e-listboxtool-wrapper .e-list-header {
2281
- -webkit-box-align: center;
2282
- -ms-flex-align: center;
2283
- align-items: center;
2284
- border-bottom: 1px solid;
2285
- display: -webkit-box;
2286
- display: -ms-flexbox;
2287
- display: flex;
2288
- font-weight: 600;
2289
- height: 36px;
2290
- padding: 0 16px;
2183
+
2184
+ .e-multiselect.e-disabled .e-multi-select-wrapper,
2185
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
2186
+ cursor: not-allowed;
2291
2187
  }
2292
- .e-listbox-wrapper .e-has-header > .e-view,
2293
- .e-listbox-container .e-has-header > .e-view,
2294
- .e-listboxtool-wrapper .e-has-header > .e-view {
2295
- top: 45px;
2188
+
2189
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
2190
+ height: 38px;
2191
+ left: 10px;
2192
+ margin: 0 0 0 0;
2193
+ margin-left: auto;
2194
+ position: relative;
2195
+ top: 0;
2196
+ width: 38px;
2296
2197
  }
2297
- .e-listbox-wrapper .e-but-back,
2298
- .e-listbox-container .e-but-back,
2299
- .e-listboxtool-wrapper .e-but-back {
2300
- cursor: pointer;
2301
- padding-right: 20px;
2198
+
2199
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2200
+ -ms-flex-item-align: center;
2201
+ align-self: center;
2202
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2203
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2204
+ display: -webkit-inline-box;
2205
+ display: -ms-inline-flexbox;
2206
+ display: inline-flex;
2207
+ padding: 0 10px;
2208
+ width: 92%;
2302
2209
  }
2303
- .e-listbox-wrapper .e-list-group-item:first-child,
2304
- .e-listbox-container .e-list-group-item:first-child,
2305
- .e-listboxtool-wrapper .e-list-group-item:first-child {
2306
- border: 0;
2307
- border-bottom: 0 solid transparent;
2210
+
2211
+ .e-multi-select-wrapper .e-ddl-disable-icon::before {
2212
+ content: "";
2308
2213
  }
2309
- .e-listbox-wrapper .e-list-group-item,
2310
- .e-listbox-container .e-list-group-item,
2311
- .e-listboxtool-wrapper .e-list-group-item {
2312
- border-bottom: 0 solid transparent;
2313
- border-top: 1px solid;
2314
- font-weight: 600;
2315
- height: 36px;
2316
- line-height: 30px;
2317
- padding: 9px 16px;
2214
+
2215
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
2216
+ float: none;
2318
2217
  }
2319
- .e-listbox-wrapper .e-icon-collapsible,
2320
- .e-listbox-container .e-icon-collapsible,
2321
- .e-listboxtool-wrapper .e-icon-collapsible {
2322
- cursor: pointer;
2323
- font-size: 12px;
2324
- position: absolute;
2325
- right: 0%;
2326
- top: 50%;
2327
- -webkit-transform: translateY(-50%);
2328
- transform: translateY(-50%);
2218
+
2219
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
2220
+ padding-left: 0;
2329
2221
  }
2330
- .e-listbox-wrapper .e-text-content,
2331
- .e-listbox-container .e-text-content,
2332
- .e-listboxtool-wrapper .e-text-content {
2333
- height: 100%;
2334
- position: relative;
2335
- vertical-align: middle;
2222
+ .e-multiselect.e-rtl .e-multi-select-wrapper {
2223
+ padding: 0 2px 0 32px;
2336
2224
  }
2337
- .e-listbox-wrapper .e-text-content *,
2338
- .e-listbox-container .e-text-content *,
2339
- .e-listboxtool-wrapper .e-text-content * {
2340
- display: inline-block;
2341
- vertical-align: middle;
2225
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
2226
+ left: -12px;
2342
2227
  }
2343
- .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
2344
- .e-listbox-container .e-text-content.e-checkbox .e-list-text,
2345
- .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
2346
- width: calc(100% - 40px);
2228
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
2229
+ margin: 0;
2230
+ margin-right: auto;
2347
2231
  }
2348
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2349
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2350
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
2351
- width: calc(100% - 90px);
2232
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
2233
+ float: right;
2352
2234
  }
2353
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2354
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2355
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2356
- width: calc(100% - 80px);
2235
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
2236
+ float: right;
2237
+ margin: 2px 0 2px 2px;
2238
+ padding: 0 8px 0 0;
2357
2239
  }
2358
- .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,
2359
- .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,
2360
- .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 {
2361
- width: calc(100% - 92px);
2240
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
2241
+ padding: 3px 0 3px 8px;
2362
2242
  }
2363
- .e-listbox-wrapper .e-checkbox .e-checkbox-left,
2364
- .e-listbox-container .e-checkbox .e-checkbox-left,
2365
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
2366
- margin: -2px 10px 0 0;
2243
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
2244
+ float: left;
2367
2245
  }
2368
- .e-listbox-wrapper .e-checkbox .e-checkbox-right,
2369
- .e-listbox-container .e-checkbox .e-checkbox-right,
2370
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
2371
- margin: -2px 0 0 10px;
2246
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
2247
+ left: -9px;
2372
2248
  }
2373
- .e-listbox-wrapper .e-list-text,
2374
- .e-listbox-container .e-list-text,
2375
- .e-listboxtool-wrapper .e-list-text {
2376
- cursor: pointer;
2377
- display: inline-block;
2378
- overflow: hidden;
2379
- text-overflow: ellipsis;
2380
- vertical-align: top;
2381
- white-space: nowrap;
2382
- width: 100%;
2249
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
2250
+ padding: 0 4px 0 4px;
2383
2251
  }
2384
- .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,
2385
- .e-listbox-container .e-list-icon + .e-list-text,
2386
- .e-listbox-container .e-icon-wrapper .e-list-text,
2387
- .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2388
- .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2389
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2390
- .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2391
- width: calc(100% - 60px);
2252
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
2253
+ padding: 5px 8px 6px 0;
2392
2254
  }
2393
- .e-listbox-wrapper .e-list-icon,
2394
- .e-listbox-container .e-list-icon,
2395
- .e-listboxtool-wrapper .e-list-icon {
2396
- height: 30px;
2397
- margin-right: 16px;
2398
- width: 30px;
2399
- }
2400
- .e-listbox-wrapper .e-content,
2401
- .e-listbox-container .e-content,
2402
- .e-listboxtool-wrapper .e-content {
2403
- overflow: hidden;
2404
- position: relative;
2405
- }
2406
- .e-listbox-wrapper .e-list-header .e-text,
2407
- .e-listbox-container .e-list-header .e-text,
2408
- .e-listboxtool-wrapper .e-list-header .e-text {
2409
- cursor: pointer;
2410
- text-indent: 0;
2255
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2256
+ padding: 0 4px 0 0;
2411
2257
  }
2412
- .e-listbox-wrapper .e-text .e-headertext,
2413
- .e-listbox-container .e-text .e-headertext,
2414
- .e-listboxtool-wrapper .e-text .e-headertext {
2415
- display: inline-block;
2416
- line-height: 21px;
2258
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2259
+ padding: 9px 4px;
2417
2260
  }
2418
- .e-listbox-wrapper.e-rtl,
2419
- .e-listbox-container.e-rtl,
2420
- .e-listboxtool-wrapper.e-rtl {
2421
- direction: rtl;
2261
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2262
+ left: 27px;
2263
+ position: absolute;
2264
+ right: auto;
2422
2265
  }
2423
- .e-listbox-wrapper.e-rtl .e-list-icon,
2424
- .e-listbox-container.e-rtl .e-list-icon,
2425
- .e-listboxtool-wrapper.e-rtl .e-list-icon {
2426
- margin-left: 16px;
2427
- margin-right: 0;
2266
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
2267
+ left: -4px;
2428
2268
  }
2429
- .e-listbox-wrapper.e-rtl .e-icon-collapsible,
2430
- .e-listbox-container.e-rtl .e-icon-collapsible,
2431
- .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
2432
- left: 0%;
2433
- right: initial;
2434
- top: 50%;
2435
- -webkit-transform: translateY(-50%) rotate(180deg);
2436
- transform: translateY(-50%) rotate(180deg);
2269
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
2270
+ padding-right: 16px;
2437
2271
  }
2438
- .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2439
- .e-listbox-container.e-rtl .e-list-header .e-text,
2440
- .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
2441
- cursor: pointer;
2272
+
2273
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
2274
+ left: 30px;
2442
2275
  }
2443
- .e-listbox-wrapper.e-rtl .e-but-back,
2444
- .e-listbox-container.e-rtl .e-but-back,
2445
- .e-listboxtool-wrapper.e-rtl .e-but-back {
2446
- -webkit-transform: rotate(180deg);
2447
- transform: rotate(180deg);
2276
+
2277
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
2278
+ left: -10px;
2448
2279
  }
2449
- .e-listbox-wrapper.e-rtl .e-icon-back,
2450
- .e-listbox-container.e-rtl .e-icon-back,
2451
- .e-listboxtool-wrapper.e-rtl .e-icon-back {
2452
- margin-top: 1px;
2280
+
2281
+ .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2282
+ bottom: 1px;
2283
+ margin-right: 8px;
2284
+ position: relative;
2285
+ text-indent: 0;
2286
+ vertical-align: middle;
2453
2287
  }
2454
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2455
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2456
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2457
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
2458
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2459
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2460
- margin: -2px 0 0 10px;
2288
+
2289
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
2290
+ padding-left: 14px;
2461
2291
  }
2462
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
2463
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
2464
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2465
- margin: -2px 10px 0 0;
2292
+
2293
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
2294
+ padding-right: 18px;
2466
2295
  }
2467
- .e-listbox-wrapper .e-checkbox-wrapper,
2468
- .e-listbox-container .e-checkbox-wrapper,
2469
- .e-listboxtool-wrapper .e-checkbox-wrapper {
2470
- margin: -2px 10px 0 0;
2296
+
2297
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2298
+ bottom: 1px;
2299
+ margin-right: 8px;
2300
+ position: relative;
2471
2301
  text-indent: 0;
2472
2302
  vertical-align: middle;
2473
2303
  }
2474
- .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2475
- .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
2476
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
2477
- position: absolute;
2478
- right: 0;
2479
- top: 30%;
2304
+
2305
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
2306
+ margin-left: 12px;
2307
+ margin-right: 0;
2480
2308
  }
2481
- .e-listbox-wrapper .e-input-group,
2482
- .e-listbox-container .e-input-group,
2483
- .e-listboxtool-wrapper .e-input-group {
2484
- padding: 4px 8px;
2309
+
2310
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
2311
+ margin-left: 12px;
2312
+ margin-right: 0;
2485
2313
  }
2486
- .e-listbox-wrapper .e-input-focus,
2487
- .e-listbox-container .e-input-focus,
2488
- .e-listboxtool-wrapper .e-input-focus {
2489
- padding: 4px 4px 4px 8px;
2314
+
2315
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
2316
+ padding-right: 0;
2490
2317
  }
2491
- .e-listbox-wrapper .e-hidden-select,
2492
- .e-listbox-container .e-hidden-select,
2493
- .e-listboxtool-wrapper .e-hidden-select {
2494
- height: 1px;
2495
- opacity: 0;
2496
- position: absolute;
2497
- width: 100%;
2318
+
2319
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
2320
+ padding-right: 15px;
2498
2321
  }
2499
- .e-listbox-wrapper .e-placeholder,
2500
- .e-listbox-container .e-placeholder,
2501
- .e-listboxtool-wrapper .e-placeholder {
2502
- background-color: #ffd939;
2503
- display: block;
2504
- height: 1px;
2322
+
2323
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-group-item {
2324
+ padding-right: 10px;
2505
2325
  }
2506
2326
 
2507
- ejs-listbox {
2327
+ .e-multi-select-list-wrapper .e-selectall-parent {
2328
+ cursor: pointer;
2508
2329
  display: block;
2330
+ line-height: 36px;
2331
+ overflow: hidden;
2332
+ text-overflow: ellipsis;
2333
+ padding-right: 16px;
2334
+ position: relative;
2335
+ text-indent: 11px;
2336
+ white-space: nowrap;
2337
+ width: 100%;
2509
2338
  }
2510
2339
 
2511
- .e-listbox-wrapper:not(.e-listbox-container),
2512
- .e-listbox-wrapper.e-filter-list .e-list-parent {
2513
- overflow: auto;
2340
+ .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
2341
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
2342
+ padding-left: 16px;
2343
+ padding-right: 15px;
2514
2344
  }
2515
2345
 
2516
- .e-listbox-wrapper.e-sortableclone,
2517
- .e-listbox-container.e-sortableclone,
2518
- .e-listboxtool-wrapper.e-sortableclone {
2519
- border-width: 0;
2520
- overflow: visible;
2346
+ .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2347
+ color: #fff;
2348
+ font-family: inherit;
2349
+ font-size: 14px;
2521
2350
  }
2522
- .e-listbox-wrapper.e-sortableclone .e-list-item,
2523
- .e-listbox-container.e-sortableclone .e-list-item,
2524
- .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2525
- list-style-type: none;
2526
- height: 38px !important; /* stylelint-disable-line declaration-no-important */
2351
+
2352
+ .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2353
+ bottom: 1px;
2354
+ margin-right: 8px;
2355
+ position: relative;
2356
+ text-indent: 0;
2357
+ vertical-align: middle;
2527
2358
  }
2528
- .e-listbox-wrapper.e-sortableclone .e-ripple,
2529
- .e-listbox-container.e-sortableclone .e-ripple,
2530
- .e-listboxtool-wrapper.e-sortableclone .e-ripple {
2531
- overflow: visible;
2359
+
2360
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
2361
+ margin-left: 12px;
2362
+ margin-right: 0;
2532
2363
  }
2533
- .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
2534
- .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
2535
- .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
2536
- display: none;
2364
+
2365
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
2366
+ float: right;
2367
+ margin-top: 0;
2537
2368
  }
2538
- .e-listbox-wrapper.e-sortableclone .e-list-badge,
2539
- .e-listbox-container.e-sortableclone .e-list-badge,
2540
- .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
2541
- -webkit-box-align: center;
2542
- -ms-flex-align: center;
2543
- align-items: center;
2544
- background-color: #ffd939;
2545
- border: 1px solid #000;
2546
- border-radius: 50%;
2547
- color: #000;
2548
- display: -webkit-box;
2549
- display: -ms-flexbox;
2550
- display: flex;
2551
- font-size: 12px;
2552
- height: 22px;
2553
- -webkit-box-pack: center;
2554
- -ms-flex-pack: center;
2555
- justify-content: center;
2556
- position: absolute;
2557
- right: -10px;
2558
- top: -10px;
2559
- width: 22px;
2369
+
2370
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
2371
+ float: left;
2560
2372
  }
2561
2373
 
2562
- .e-listboxtool-wrapper.e-sortableclone {
2563
- display: block;
2374
+ .e-multiselect.e-checkbox .e-multi-select-wrapper,
2375
+ .e-multiselect .e-multi-select-wrapper.e-down-icon {
2376
+ padding: 0;
2564
2377
  }
2565
2378
 
2566
- .e-listboxtool-wrapper,
2567
- .e-listboxtool-container {
2568
- cursor: pointer;
2569
- display: -webkit-box;
2570
- display: -ms-flexbox;
2571
- display: flex;
2379
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2380
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
2381
+ padding: 8px;
2572
2382
  }
2573
- .e-listboxtool-wrapper *,
2574
- .e-listboxtool-container * {
2575
- -webkit-box-sizing: border-box;
2576
- box-sizing: border-box;
2383
+
2384
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2385
+ padding-left: 8px;
2577
2386
  }
2578
- .e-listboxtool-wrapper.e-disabled,
2579
- .e-listboxtool-container.e-disabled {
2580
- cursor: default;
2581
- pointer-events: none;
2387
+
2388
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
2389
+ padding: 0;
2582
2390
  }
2583
- .e-listboxtool-wrapper .e-listbox-wrapper,
2584
- .e-listboxtool-wrapper .e-list-wrap,
2585
- .e-listboxtool-container .e-listbox-wrapper,
2586
- .e-listboxtool-container .e-list-wrap {
2587
- -webkit-box-flex: 1;
2588
- -ms-flex: 1;
2589
- flex: 1;
2590
- }
2591
- .e-listboxtool-wrapper.e-right .e-listbox-tool,
2592
- .e-listboxtool-container.e-right .e-listbox-tool {
2593
- margin-left: 15px;
2594
- }
2595
- .e-listboxtool-wrapper.e-left .e-listbox-tool,
2596
- .e-listboxtool-container.e-left .e-listbox-tool {
2597
- margin-right: 15px;
2391
+
2392
+ .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
2393
+ line-height: 20px;
2394
+ padding-left: 10px;
2598
2395
  }
2599
- .e-listboxtool-wrapper .e-listbox-tool,
2600
- .e-listboxtool-container .e-listbox-tool {
2601
- border: 1px solid #969696;
2602
- overflow: auto;
2603
- padding: 8px;
2396
+
2397
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
2398
+ .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
2399
+ opacity: 0.3;
2604
2400
  }
2605
- .e-listboxtool-wrapper .e-listbox-tool .e-btn,
2606
- .e-listboxtool-container .e-listbox-tool .e-btn {
2607
- display: list-item;
2608
- list-style-type: none;
2609
- margin-bottom: 10px;
2401
+
2402
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
2403
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
2404
+ opacity: 0.7;
2610
2405
  }
2611
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2612
- .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2613
- position: absolute;
2614
- right: 0;
2615
- top: 30%;
2406
+
2407
+ .e-multi-select-wrapper input[readonly=true] {
2408
+ pointer-events: none;
2616
2409
  }
2617
2410
 
2618
- .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2619
- .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
2620
- margin-right: 15px;
2411
+ .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
2412
+ pointer-events: none;
2621
2413
  }
2622
- .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
2623
- .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
2624
- margin-left: 15px;
2414
+
2415
+ ejs-multiselect {
2416
+ display: block;
2625
2417
  }
2626
2418
 
2627
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2628
- .e-listbox-wrapper .e-list-nrt,
2629
- .e-listbox-wrapper .e-selectall-parent,
2630
- .e-listbox-container:not(.e-list-template) .e-list-item,
2631
- .e-listbox-container .e-list-nrt,
2632
- .e-listbox-container .e-selectall-parent,
2633
- .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2634
- .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
2635
- .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
2636
- height: 36px;
2637
- line-height: 1;
2638
- padding: 9px 16px;
2639
- position: relative;
2419
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
2420
+ .e-small .e-multi-select-list-wrapper .e-selectall-parent {
2421
+ line-height: 26px;
2640
2422
  }
2641
- .e-listbox-wrapper .e-list-icon,
2642
- .e-listbox-container .e-list-icon,
2643
- .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
2644
- display: inline;
2645
- vertical-align: middle;
2423
+
2424
+ .e-small .e-multi-select-wrapper .e-chips-close {
2425
+ height: 22px;
2646
2426
  width: auto;
2647
- height: auto;
2648
- padding-bottom: 2px;
2649
2427
  }
2650
2428
 
2651
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2652
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
2653
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2429
+ .e-small .e-multi-select-wrapper {
2430
+ min-height: 24px;
2654
2431
  }
2655
2432
 
2656
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2657
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2433
+ .e-small .e-multi-select-wrapper input[type=text] {
2434
+ height: 24px;
2435
+ min-height: 24px;
2658
2436
  }
2659
2437
 
2660
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2661
- height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
2438
+ .e-small .e-multi-select-wrapper .e-delim-values {
2439
+ font-size: 13px;
2440
+ line-height: 24px;
2662
2441
  }
2663
2442
 
2664
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
2665
- height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
2443
+ .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2444
+ .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2445
+ margin-top: -3.2em;
2666
2446
  }
2667
2447
 
2668
- .e-listbox-wrapper,
2669
- .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2670
- .e-listboxtool-container.e-listbox-container .e-ul {
2671
- border: 1px solid #969696;
2448
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2449
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2450
+ margin-top: -2.5em;
2672
2451
  }
2673
2452
 
2674
- .e-listbox-wrapper,
2675
- .e-listbox-container,
2676
- .e-listboxtool-wrapper {
2677
- font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
2678
- font-size: 13px;
2679
- }
2680
- .e-listbox-wrapper .e-list-header,
2681
- .e-listbox-container .e-list-header,
2682
- .e-listboxtool-wrapper .e-list-header {
2683
- background-color: #000;
2684
- border-color: #969696;
2685
- color: #ffd939;
2686
- font-size: 14px;
2453
+ .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2454
+ background-size: 300px 33px;
2455
+ min-height: 33px;
2687
2456
  }
2688
2457
 
2689
- .e-listbox-wrapper.e-filter-list .e-list-parent,
2690
- .e-listbox-container.e-filter-list .e-list-parent,
2691
- .e-listboxtool-wrapper.e-filter-list .e-list-parent {
2692
- height: calc(100% - 51px);
2458
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2459
+ color: inherit;
2693
2460
  }
2694
2461
 
2695
- .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2696
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
2697
- .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
2698
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2462
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2463
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2464
+ -webkit-box-align: normal;
2465
+ -ms-flex-align: normal;
2466
+ align-items: normal;
2699
2467
  }
2700
2468
 
2701
- .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2702
- .e-listbox-container .e-selectall-parent + .e-list-parent,
2703
- .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
2704
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2469
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2470
+ padding: 0 12px 0 8px;
2705
2471
  }
2706
2472
 
2707
- .e-listbox-wrapper .e-list-item,
2708
- .e-listbox-container .e-list-item,
2709
- .e-listboxtool-wrapper .e-list-item {
2710
- background-color: #000;
2711
- border-bottom: 2px solid transparent;
2712
- border-left: 2px solid transparent;
2713
- border-right: 2px solid transparent;
2714
- border-top: 2px solid transparent;
2715
- color: #fff;
2473
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper {
2474
+ padding: 0;
2716
2475
  }
2717
2476
 
2718
- .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
2719
- .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
2720
- .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
2721
- .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
2722
- .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
2723
- background-color: #685708;
2724
- border-color: #fff;
2725
- color: #fff;
2477
+ .e-filled.e-float-input .e-multi-select-wrapper {
2478
+ padding: 11px 12px 0;
2726
2479
  }
2727
2480
 
2728
- .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
2729
- .e-listbox-container .e-list-item.e-selected.e-checklist,
2730
- .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
2731
- background-color: #000;
2732
- color: #fff;
2481
+ .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2482
+ .e-small .e-filled.e-float-input .e-multi-select-wrapper {
2483
+ padding: 12px 12px 0 8px;
2733
2484
  }
2734
2485
 
2735
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist, .e-listbox-wrapper .e-list-item.e-selected,
2736
- .e-listbox-container .e-list-item.e-focused,
2737
- .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
2738
- .e-listbox-container .e-list-item.e-selected,
2739
- .e-listboxtool-wrapper .e-list-item.e-focused,
2740
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
2741
- .e-listboxtool-wrapper .e-list-item.e-selected {
2742
- background-color: #ffd939;
2743
- color: #000;
2486
+ .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2487
+ .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2488
+ padding: 0;
2744
2489
  }
2745
2490
 
2746
- .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
2747
- .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
2748
- .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
2749
- .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
2750
- .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
2751
- background-color: #000;
2752
- border-color: #000;
2753
- color: #ffd939;
2491
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2492
+ height: 28px;
2754
2493
  }
2755
2494
 
2756
- .e-listbox-wrapper .e-list-group-item,
2757
- .e-listbox-container .e-list-group-item,
2758
- .e-listboxtool-wrapper .e-list-group-item {
2759
- background-color: #000;
2760
- border-color: #969696;
2761
- color: #ffd939;
2762
- font-size: 14px;
2495
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2496
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2497
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2498
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2499
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2500
+ height: 24px;
2763
2501
  }
2764
2502
 
2765
- .e-listbox-wrapper .e-selectall-parent,
2766
- .e-listbox-container .e-selectall-parent,
2767
- .e-listboxtool-wrapper .e-selectall-parent {
2768
- background-color: #000;
2769
- border-bottom: 1px solid #fff;
2770
- color: #fff;
2503
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2504
+ height: 18px;
2771
2505
  }
2772
2506
 
2773
- .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
2774
- .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
2775
- .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
2776
- background-color: transparent;
2507
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2508
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2509
+ margin: 8px 8px 0 0;
2510
+ padding: 0 8px;
2777
2511
  }
2778
2512
 
2779
- .e-listbox-wrapper.e-list-template .e-list-wrapper,
2780
- .e-listbox-container.e-list-template .e-list-wrapper,
2781
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
2782
- height: inherit;
2783
- position: relative;
2513
+ .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2514
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2515
+ margin: 8px 0 0 8px;
2516
+ padding: 0 8px;
2784
2517
  }
2785
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
2786
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
2787
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
2788
- padding: 0.6153em 0.923em;
2518
+
2519
+ .e-small .e-filled .e-multi-select-wrapper .e-chips,
2520
+ .e-small.e-filled .e-multi-select-wrapper .e-chips {
2521
+ height: 16px 16px;
2522
+ margin: 4px 4px 0 0;
2523
+ padding-right: 8px;
2789
2524
  }
2790
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
2791
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
2792
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
2793
- padding: 0.6153em 0.923em;
2525
+
2526
+ .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2527
+ .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2528
+ margin: 4px 0 0 4px;
2794
2529
  }
2795
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
2796
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
2797
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
2798
- color: #fff;
2799
- display: block;
2530
+
2531
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2800
2532
  font-size: 13px;
2801
- font-weight: 500;
2802
- margin: 0;
2533
+ padding: 0 8px 0 0;
2534
+ }
2535
+
2536
+ .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2537
+ .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2538
+ font-size: 12px;
2539
+ }
2540
+
2541
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2542
+ font-size: 12px;
2543
+ padding: 0 4px 0 0;
2544
+ }
2545
+
2546
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2547
+ padding: 0 0 0 4px;
2548
+ }
2549
+
2550
+ .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2551
+ .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2552
+ font-size: 10px;
2553
+ }
2554
+
2555
+ .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2556
+ font-size: 13px;
2557
+ padding-right: 4px;
2558
+ }
2559
+
2560
+ .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2561
+ .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2562
+ height: 38px;
2563
+ margin-top: -38px;
2564
+ right: 12px;
2565
+ top: 100%;
2566
+ width: 16px;
2567
+ }
2568
+
2569
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2570
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2571
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2572
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2573
+ .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 {
2574
+ display: none;
2575
+ }
2576
+
2577
+ .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
2578
+ margin-right: 0;
2579
+ }
2580
+
2581
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2582
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2583
+ cursor: not-allowed;
2584
+ }
2585
+
2586
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2587
+ .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 {
2588
+ cursor: pointer;
2589
+ }
2590
+
2591
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
2592
+ bottom: 0;
2593
+ right: 0;
2594
+ cursor: nwse-resize;
2595
+ height: 15px;
2596
+ position: absolute;
2597
+ width: 15px;
2598
+ }
2599
+
2600
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
2601
+ background: transparent;
2602
+ color: rgb(221, 218, 218);
2603
+ }
2604
+
2605
+ .e-listbox-tool .e-moveup::before {
2606
+ content: "\e651";
2607
+ }
2608
+
2609
+ .e-listbox-tool .e-movedown::before {
2610
+ content: "\e652";
2611
+ }
2612
+
2613
+ .e-listbox-tool .e-moveto::before {
2614
+ content: "\e653";
2615
+ }
2616
+
2617
+ .e-listbox-tool .e-movefrom::before {
2618
+ content: "\e654";
2619
+ }
2620
+
2621
+ .e-listbox-tool .e-moveallto::before {
2622
+ content: "\e655";
2623
+ }
2624
+
2625
+ .e-listbox-tool .e-moveallfrom::before {
2626
+ content: "\e656";
2627
+ }
2628
+
2629
+ .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2630
+ .e-small .e-listbox-container.e-filter-list .e-list-parent {
2631
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2632
+ }
2633
+
2634
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2635
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
2636
+ }
2637
+
2638
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2639
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
2640
+ }
2641
+
2642
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
2643
+ height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
2644
+ }
2645
+
2646
+ .e-listbox-wrapper,
2647
+ .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
2648
+ .e-listboxtool-container.e-listbox-container .e-ul {
2649
+ border: 1px solid #969696;
2650
+ }
2651
+
2652
+ .e-listbox-wrapper,
2653
+ .e-listbox-container,
2654
+ .e-listboxtool-wrapper {
2655
+ font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
2656
+ font-size: 13px;
2657
+ }
2658
+ .e-listbox-wrapper .e-list-header,
2659
+ .e-listbox-container .e-list-header,
2660
+ .e-listboxtool-wrapper .e-list-header {
2661
+ background-color: #000;
2662
+ border-color: #969696;
2663
+ color: #ffd939;
2664
+ font-size: 14px;
2665
+ }
2666
+
2667
+ .e-listbox-wrapper.e-filter-list .e-list-parent,
2668
+ .e-listbox-container.e-filter-list .e-list-parent,
2669
+ .e-listboxtool-wrapper.e-filter-list .e-list-parent {
2670
+ height: calc(100% - 51px);
2671
+ }
2672
+
2673
+ .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2674
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
2675
+ .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
2676
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2677
+ }
2678
+
2679
+ .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
2680
+ .e-listbox-container .e-selectall-parent + .e-list-parent,
2681
+ .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
2682
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2683
+ }
2684
+
2685
+ .e-listbox-wrapper .e-list-item,
2686
+ .e-listbox-container .e-list-item,
2687
+ .e-listboxtool-wrapper .e-list-item {
2688
+ background-color: #000;
2689
+ border-bottom: 2px solid transparent;
2690
+ border-left: 2px solid transparent;
2691
+ border-right: 2px solid transparent;
2692
+ border-top: 2px solid transparent;
2693
+ color: #fff;
2694
+ }
2695
+
2696
+ .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
2697
+ .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
2698
+ .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
2699
+ .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
2700
+ .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
2701
+ background-color: #685708;
2702
+ border-color: #fff;
2703
+ color: #fff;
2704
+ }
2705
+
2706
+ .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
2707
+ .e-listbox-container .e-list-item.e-selected.e-checklist,
2708
+ .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
2709
+ background-color: #000;
2710
+ color: #fff;
2711
+ }
2712
+
2713
+ .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist, .e-listbox-wrapper .e-list-item.e-selected,
2714
+ .e-listbox-container .e-list-item.e-focused,
2715
+ .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
2716
+ .e-listbox-container .e-list-item.e-selected,
2717
+ .e-listboxtool-wrapper .e-list-item.e-focused,
2718
+ .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
2719
+ .e-listboxtool-wrapper .e-list-item.e-selected {
2720
+ background-color: #ffd939;
2721
+ color: #000;
2722
+ }
2723
+
2724
+ .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
2725
+ .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
2726
+ .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
2727
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
2728
+ .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
2729
+ background-color: #000;
2730
+ border-color: #000;
2731
+ color: #ffd939;
2732
+ }
2733
+
2734
+ .e-listbox-wrapper .e-list-group-item,
2735
+ .e-listbox-container .e-list-group-item,
2736
+ .e-listboxtool-wrapper .e-list-group-item {
2737
+ background-color: #000;
2738
+ border-color: #969696;
2739
+ color: #ffd939;
2740
+ font-size: 14px;
2741
+ }
2742
+
2743
+ .e-listbox-wrapper .e-selectall-parent,
2744
+ .e-listbox-container .e-selectall-parent,
2745
+ .e-listboxtool-wrapper .e-selectall-parent {
2746
+ background-color: #000;
2747
+ border-bottom: 1px solid #fff;
2748
+ color: #fff;
2749
+ }
2750
+
2751
+ .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
2752
+ .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
2753
+ .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
2754
+ background-color: transparent;
2755
+ }
2756
+
2757
+ .e-listbox-wrapper.e-list-template .e-list-wrapper,
2758
+ .e-listbox-container.e-list-template .e-list-wrapper,
2759
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
2760
+ height: inherit;
2761
+ position: relative;
2762
+ }
2763
+ .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
2764
+ .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
2765
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
2766
+ padding: 0.6153em 0.923em;
2767
+ }
2768
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
2769
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
2770
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
2771
+ padding: 0.6153em 0.923em;
2772
+ }
2773
+ .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
2774
+ .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
2775
+ .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
2776
+ color: #fff;
2777
+ display: block;
2778
+ font-size: 13px;
2779
+ font-weight: 500;
2780
+ margin: 0;
2803
2781
  overflow: hidden;
2804
2782
  padding: 0.093em 0;
2805
2783
  text-overflow: ellipsis;
@@ -2966,4 +2944,462 @@ ejs-listbox {
2966
2944
 
2967
2945
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
2968
2946
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
2947
+ }
2948
+
2949
+ /* stylelint-disable property-no-vendor-prefix */
2950
+ .e-listbox-wrapper,
2951
+ .e-listbox-container,
2952
+ .e-listboxtool-wrapper {
2953
+ -webkit-overflow-scrolling: touch;
2954
+ -webkit-box-sizing: border-box;
2955
+ box-sizing: border-box;
2956
+ cursor: pointer;
2957
+ display: block;
2958
+ position: relative;
2959
+ -webkit-user-select: none;
2960
+ -moz-user-select: none;
2961
+ -ms-user-select: none;
2962
+ user-select: none;
2963
+ width: 100%;
2964
+ }
2965
+ .e-listbox-wrapper *,
2966
+ .e-listbox-container *,
2967
+ .e-listboxtool-wrapper * {
2968
+ -webkit-box-sizing: border-box;
2969
+ box-sizing: border-box;
2970
+ }
2971
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2972
+ .e-listbox-container.e-listboxtool-container .e-list-wrap,
2973
+ .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2974
+ width: 87% !important; /* stylelint-disable-line declaration-no-important */
2975
+ }
2976
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2977
+ .e-listbox-container .e-list-wrap:focus-visible,
2978
+ .e-listbox-container:focus,
2979
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2980
+ .e-listboxtool-wrapper:focus {
2981
+ outline: none;
2982
+ }
2983
+ .e-listbox-wrapper.e-disabled,
2984
+ .e-listbox-container.e-disabled,
2985
+ .e-listboxtool-wrapper.e-disabled {
2986
+ cursor: default;
2987
+ pointer-events: none;
2988
+ }
2989
+ .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
2990
+ .e-listbox-container:not(.e-list-template) .e-list-nrt,
2991
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2992
+ text-align: center;
2993
+ }
2994
+ .e-listbox-wrapper .e-list-parent,
2995
+ .e-listbox-container .e-list-parent,
2996
+ .e-listboxtool-wrapper .e-list-parent {
2997
+ height: 100%;
2998
+ min-height: 36px;
2999
+ }
3000
+ .e-listbox-wrapper .e-list-item,
3001
+ .e-listbox-container .e-list-item,
3002
+ .e-listboxtool-wrapper .e-list-item {
3003
+ border-bottom: 0 solid;
3004
+ outline: none;
3005
+ }
3006
+ .e-listbox-wrapper .e-list-item.e-disabled,
3007
+ .e-listbox-container .e-list-item.e-disabled,
3008
+ .e-listboxtool-wrapper .e-list-item.e-disabled {
3009
+ pointer-events: none;
3010
+ }
3011
+ .e-listbox-wrapper .e-disable,
3012
+ .e-listbox-container .e-disable,
3013
+ .e-listboxtool-wrapper .e-disable {
3014
+ opacity: 0.7;
3015
+ }
3016
+ .e-listbox-wrapper .e-list-parent,
3017
+ .e-listbox-container .e-list-parent,
3018
+ .e-listboxtool-wrapper .e-list-parent {
3019
+ margin: 0;
3020
+ padding: 0;
3021
+ }
3022
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3023
+ .e-listbox-container .e-list-header .e-text.header,
3024
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3025
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
3026
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
3027
+ display: none;
3028
+ }
3029
+ .e-listbox-wrapper .e-icon-back,
3030
+ .e-listbox-container .e-icon-back,
3031
+ .e-listboxtool-wrapper .e-icon-back {
3032
+ margin-top: 2px;
3033
+ }
3034
+ .e-listbox-wrapper .e-list-header,
3035
+ .e-listbox-container .e-list-header,
3036
+ .e-listboxtool-wrapper .e-list-header {
3037
+ -webkit-box-align: center;
3038
+ -ms-flex-align: center;
3039
+ align-items: center;
3040
+ border-bottom: 1px solid;
3041
+ display: -webkit-box;
3042
+ display: -ms-flexbox;
3043
+ display: flex;
3044
+ font-weight: 600;
3045
+ height: 36px;
3046
+ padding: 0 16px;
3047
+ }
3048
+ .e-listbox-wrapper .e-has-header > .e-view,
3049
+ .e-listbox-container .e-has-header > .e-view,
3050
+ .e-listboxtool-wrapper .e-has-header > .e-view {
3051
+ top: 45px;
3052
+ }
3053
+ .e-listbox-wrapper .e-but-back,
3054
+ .e-listbox-container .e-but-back,
3055
+ .e-listboxtool-wrapper .e-but-back {
3056
+ cursor: pointer;
3057
+ padding-right: 20px;
3058
+ }
3059
+ .e-listbox-wrapper .e-list-group-item:first-child,
3060
+ .e-listbox-container .e-list-group-item:first-child,
3061
+ .e-listboxtool-wrapper .e-list-group-item:first-child {
3062
+ border: 0;
3063
+ border-bottom: 0 solid transparent;
3064
+ }
3065
+ .e-listbox-wrapper .e-list-group-item,
3066
+ .e-listbox-container .e-list-group-item,
3067
+ .e-listboxtool-wrapper .e-list-group-item {
3068
+ border-bottom: 0 solid transparent;
3069
+ border-top: 1px solid;
3070
+ font-weight: 600;
3071
+ height: 36px;
3072
+ line-height: 30px;
3073
+ padding: 9px 16px;
3074
+ }
3075
+ .e-listbox-wrapper .e-icon-collapsible,
3076
+ .e-listbox-container .e-icon-collapsible,
3077
+ .e-listboxtool-wrapper .e-icon-collapsible {
3078
+ cursor: pointer;
3079
+ font-size: 12px;
3080
+ position: absolute;
3081
+ right: 0%;
3082
+ top: 50%;
3083
+ -webkit-transform: translateY(-50%);
3084
+ transform: translateY(-50%);
3085
+ }
3086
+ .e-listbox-wrapper .e-text-content,
3087
+ .e-listbox-container .e-text-content,
3088
+ .e-listboxtool-wrapper .e-text-content {
3089
+ height: 100%;
3090
+ position: relative;
3091
+ vertical-align: middle;
3092
+ }
3093
+ .e-listbox-wrapper .e-text-content *,
3094
+ .e-listbox-container .e-text-content *,
3095
+ .e-listboxtool-wrapper .e-text-content * {
3096
+ display: inline-block;
3097
+ vertical-align: middle;
3098
+ }
3099
+ .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
3100
+ .e-listbox-container .e-text-content.e-checkbox .e-list-text,
3101
+ .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
3102
+ width: calc(100% - 40px);
3103
+ }
3104
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
3105
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
3106
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
3107
+ width: calc(100% - 90px);
3108
+ }
3109
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3110
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
3111
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
3112
+ width: calc(100% - 80px);
3113
+ }
3114
+ .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,
3115
+ .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,
3116
+ .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 {
3117
+ width: calc(100% - 92px);
3118
+ }
3119
+ .e-listbox-wrapper .e-checkbox .e-checkbox-left,
3120
+ .e-listbox-container .e-checkbox .e-checkbox-left,
3121
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
3122
+ margin: -2px 10px 0 0;
3123
+ }
3124
+ .e-listbox-wrapper .e-checkbox .e-checkbox-right,
3125
+ .e-listbox-container .e-checkbox .e-checkbox-right,
3126
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
3127
+ margin: -2px 0 0 10px;
3128
+ }
3129
+ .e-listbox-wrapper .e-list-text,
3130
+ .e-listbox-container .e-list-text,
3131
+ .e-listboxtool-wrapper .e-list-text {
3132
+ cursor: pointer;
3133
+ display: inline-block;
3134
+ overflow: hidden;
3135
+ text-overflow: ellipsis;
3136
+ vertical-align: top;
3137
+ white-space: nowrap;
3138
+ width: 100%;
3139
+ }
3140
+ .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,
3141
+ .e-listbox-container .e-list-icon + .e-list-text,
3142
+ .e-listbox-container .e-icon-wrapper .e-list-text,
3143
+ .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
3144
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
3145
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
3146
+ .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
3147
+ width: calc(100% - 60px);
3148
+ }
3149
+ .e-listbox-wrapper .e-list-icon,
3150
+ .e-listbox-container .e-list-icon,
3151
+ .e-listboxtool-wrapper .e-list-icon {
3152
+ height: 30px;
3153
+ margin-right: 16px;
3154
+ width: 30px;
3155
+ }
3156
+ .e-listbox-wrapper .e-content,
3157
+ .e-listbox-container .e-content,
3158
+ .e-listboxtool-wrapper .e-content {
3159
+ overflow: hidden;
3160
+ position: relative;
3161
+ }
3162
+ .e-listbox-wrapper .e-list-header .e-text,
3163
+ .e-listbox-container .e-list-header .e-text,
3164
+ .e-listboxtool-wrapper .e-list-header .e-text {
3165
+ cursor: pointer;
3166
+ text-indent: 0;
3167
+ }
3168
+ .e-listbox-wrapper .e-text .e-headertext,
3169
+ .e-listbox-container .e-text .e-headertext,
3170
+ .e-listboxtool-wrapper .e-text .e-headertext {
3171
+ display: inline-block;
3172
+ line-height: 21px;
3173
+ }
3174
+ .e-listbox-wrapper.e-rtl,
3175
+ .e-listbox-container.e-rtl,
3176
+ .e-listboxtool-wrapper.e-rtl {
3177
+ direction: rtl;
3178
+ }
3179
+ .e-listbox-wrapper.e-rtl .e-list-icon,
3180
+ .e-listbox-container.e-rtl .e-list-icon,
3181
+ .e-listboxtool-wrapper.e-rtl .e-list-icon {
3182
+ margin-left: 16px;
3183
+ margin-right: 0;
3184
+ }
3185
+ .e-listbox-wrapper.e-rtl .e-icon-collapsible,
3186
+ .e-listbox-container.e-rtl .e-icon-collapsible,
3187
+ .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
3188
+ left: 0%;
3189
+ right: initial;
3190
+ top: 50%;
3191
+ -webkit-transform: translateY(-50%) rotate(180deg);
3192
+ transform: translateY(-50%) rotate(180deg);
3193
+ }
3194
+ .e-listbox-wrapper.e-rtl .e-list-header .e-text,
3195
+ .e-listbox-container.e-rtl .e-list-header .e-text,
3196
+ .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
3197
+ cursor: pointer;
3198
+ }
3199
+ .e-listbox-wrapper.e-rtl .e-but-back,
3200
+ .e-listbox-container.e-rtl .e-but-back,
3201
+ .e-listboxtool-wrapper.e-rtl .e-but-back {
3202
+ -webkit-transform: rotate(180deg);
3203
+ transform: rotate(180deg);
3204
+ }
3205
+ .e-listbox-wrapper.e-rtl .e-icon-back,
3206
+ .e-listbox-container.e-rtl .e-icon-back,
3207
+ .e-listboxtool-wrapper.e-rtl .e-icon-back {
3208
+ margin-top: 1px;
3209
+ }
3210
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3211
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
3212
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
3213
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
3214
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3215
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
3216
+ margin: -2px 0 0 10px;
3217
+ }
3218
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
3219
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
3220
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
3221
+ margin: -2px 10px 0 0;
3222
+ }
3223
+ .e-listbox-wrapper .e-checkbox-wrapper,
3224
+ .e-listbox-container .e-checkbox-wrapper,
3225
+ .e-listboxtool-wrapper .e-checkbox-wrapper {
3226
+ margin: -2px 10px 0 0;
3227
+ text-indent: 0;
3228
+ vertical-align: middle;
3229
+ }
3230
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
3231
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
3232
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
3233
+ position: absolute;
3234
+ right: 0;
3235
+ top: 30%;
3236
+ }
3237
+ .e-listbox-wrapper .e-input-group,
3238
+ .e-listbox-container .e-input-group,
3239
+ .e-listboxtool-wrapper .e-input-group {
3240
+ padding: 4px 8px;
3241
+ }
3242
+ .e-listbox-wrapper .e-input-focus,
3243
+ .e-listbox-container .e-input-focus,
3244
+ .e-listboxtool-wrapper .e-input-focus {
3245
+ padding: 4px 4px 4px 8px;
3246
+ }
3247
+ .e-listbox-wrapper .e-hidden-select,
3248
+ .e-listbox-container .e-hidden-select,
3249
+ .e-listboxtool-wrapper .e-hidden-select {
3250
+ height: 1px;
3251
+ opacity: 0;
3252
+ position: absolute;
3253
+ width: 100%;
3254
+ }
3255
+ .e-listbox-wrapper .e-placeholder,
3256
+ .e-listbox-container .e-placeholder,
3257
+ .e-listboxtool-wrapper .e-placeholder {
3258
+ background-color: #ffd939;
3259
+ display: block;
3260
+ height: 1px;
3261
+ }
3262
+
3263
+ ejs-listbox {
3264
+ display: block;
3265
+ }
3266
+
3267
+ .e-listbox-wrapper:not(.e-listbox-container),
3268
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3269
+ overflow: auto;
3270
+ }
3271
+
3272
+ .e-listbox-wrapper.e-sortableclone,
3273
+ .e-listbox-container.e-sortableclone,
3274
+ .e-listboxtool-wrapper.e-sortableclone {
3275
+ border-width: 0;
3276
+ overflow: visible;
3277
+ }
3278
+ .e-listbox-wrapper.e-sortableclone .e-list-item,
3279
+ .e-listbox-container.e-sortableclone .e-list-item,
3280
+ .e-listboxtool-wrapper.e-sortableclone .e-list-item {
3281
+ list-style-type: none;
3282
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
3283
+ }
3284
+ .e-listbox-wrapper.e-sortableclone .e-ripple,
3285
+ .e-listbox-container.e-sortableclone .e-ripple,
3286
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple {
3287
+ overflow: visible;
3288
+ }
3289
+ .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
3290
+ .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
3291
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
3292
+ display: none;
3293
+ }
3294
+ .e-listbox-wrapper.e-sortableclone .e-list-badge,
3295
+ .e-listbox-container.e-sortableclone .e-list-badge,
3296
+ .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
3297
+ -webkit-box-align: center;
3298
+ -ms-flex-align: center;
3299
+ align-items: center;
3300
+ background-color: #ffd939;
3301
+ border: 1px solid #000;
3302
+ border-radius: 50%;
3303
+ color: #000;
3304
+ display: -webkit-box;
3305
+ display: -ms-flexbox;
3306
+ display: flex;
3307
+ font-size: 12px;
3308
+ height: 22px;
3309
+ -webkit-box-pack: center;
3310
+ -ms-flex-pack: center;
3311
+ justify-content: center;
3312
+ position: absolute;
3313
+ right: -10px;
3314
+ top: -10px;
3315
+ width: 22px;
3316
+ }
3317
+
3318
+ .e-listboxtool-wrapper.e-sortableclone {
3319
+ display: block;
3320
+ }
3321
+
3322
+ .e-listboxtool-wrapper,
3323
+ .e-listboxtool-container {
3324
+ cursor: pointer;
3325
+ display: -webkit-box;
3326
+ display: -ms-flexbox;
3327
+ display: flex;
3328
+ }
3329
+ .e-listboxtool-wrapper *,
3330
+ .e-listboxtool-container * {
3331
+ -webkit-box-sizing: border-box;
3332
+ box-sizing: border-box;
3333
+ }
3334
+ .e-listboxtool-wrapper.e-disabled,
3335
+ .e-listboxtool-container.e-disabled {
3336
+ cursor: default;
3337
+ pointer-events: none;
3338
+ }
3339
+ .e-listboxtool-wrapper .e-listbox-wrapper,
3340
+ .e-listboxtool-wrapper .e-list-wrap,
3341
+ .e-listboxtool-container .e-listbox-wrapper,
3342
+ .e-listboxtool-container .e-list-wrap {
3343
+ -webkit-box-flex: 1;
3344
+ -ms-flex: 1;
3345
+ flex: 1;
3346
+ }
3347
+ .e-listboxtool-wrapper.e-right .e-listbox-tool,
3348
+ .e-listboxtool-container.e-right .e-listbox-tool {
3349
+ margin-left: 15px;
3350
+ }
3351
+ .e-listboxtool-wrapper.e-left .e-listbox-tool,
3352
+ .e-listboxtool-container.e-left .e-listbox-tool {
3353
+ margin-right: 15px;
3354
+ }
3355
+ .e-listboxtool-wrapper .e-listbox-tool,
3356
+ .e-listboxtool-container .e-listbox-tool {
3357
+ border: 1px solid #969696;
3358
+ overflow: auto;
3359
+ padding: 8px;
3360
+ }
3361
+ .e-listboxtool-wrapper .e-listbox-tool .e-btn,
3362
+ .e-listboxtool-container .e-listbox-tool .e-btn {
3363
+ display: list-item;
3364
+ list-style-type: none;
3365
+ margin-bottom: 10px;
3366
+ }
3367
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
3368
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
3369
+ position: absolute;
3370
+ right: 0;
3371
+ top: 30%;
3372
+ }
3373
+
3374
+ .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
3375
+ .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
3376
+ margin-right: 15px;
3377
+ }
3378
+ .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
3379
+ .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
3380
+ margin-left: 15px;
3381
+ }
3382
+
3383
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3384
+ .e-listbox-wrapper .e-list-nrt,
3385
+ .e-listbox-wrapper .e-selectall-parent,
3386
+ .e-listbox-container:not(.e-list-template) .e-list-item,
3387
+ .e-listbox-container .e-list-nrt,
3388
+ .e-listbox-container .e-selectall-parent,
3389
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3390
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3391
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3392
+ height: 36px;
3393
+ line-height: 1;
3394
+ padding: 9px 16px;
3395
+ position: relative;
3396
+ }
3397
+ .e-listbox-wrapper .e-list-icon,
3398
+ .e-listbox-container .e-list-icon,
3399
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3400
+ display: inline;
3401
+ vertical-align: middle;
3402
+ width: auto;
3403
+ height: auto;
3404
+ padding-bottom: 2px;
2969
3405
  }