@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
@@ -12,126 +12,18 @@
12
12
  stroke-width: 1px;
13
13
  }
14
14
 
15
- .e-dropdownbase {
16
- display: block;
17
- height: 100%;
18
- min-height: 36px;
19
- position: relative;
20
- width: 100%;
21
- }
22
- .e-dropdownbase .e-list-parent {
23
- margin: 0;
24
- padding: 0;
25
- }
26
-
27
- .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
28
- cursor: default;
29
- }
30
-
31
- .e-dropdownbase .e-list-item {
32
- cursor: pointer;
33
- overflow: hidden;
34
- position: relative;
35
- text-overflow: ellipsis;
36
- vertical-align: middle;
37
- white-space: nowrap;
38
- width: 100%;
39
- }
40
-
41
15
  .e-dropdownbase .e-list-item .e-list-icon {
42
- font-size: 16px;
43
- vertical-align: middle;
44
- }
45
-
46
- .e-dropdownbase .e-fixed-head {
47
- position: absolute;
48
- top: 0;
49
- }
50
-
51
- .e-dropdownbase.e-content {
52
- overflow: auto;
53
- position: relative;
54
- }
55
-
56
- .e-popup.e-ddl .e-dropdownbase.e-nodata,
57
- .e-popup.e-mention .e-dropdownbase.e-nodata {
58
- color: #212529;
59
- cursor: default;
60
- font-family: inherit;
61
- font-size: 14px;
62
- padding: 14px 16px;
63
- text-align: center;
64
- }
65
-
66
- .e-mention.e-popup {
67
- background: #fff;
68
- border: 0;
69
- -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
70
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
71
- margin-top: 2px;
72
- position: absolute;
73
- }
74
-
75
- .e-mention.e-popup .e-dropdownbase {
76
- min-height: 26px;
77
- }
78
-
79
- .e-mention .e-dropdownbase .e-list-item .e-highlight {
80
- display: inline;
81
- font-weight: bold;
82
- vertical-align: baseline;
83
- }
84
-
85
- .e-mention .e-mention-chip,
86
- .e-mention .e-mention-chip:hover {
87
- background: #e9ecef;
88
- border-radius: 2px;
89
- border: none;
90
- color: #007bff;
91
- cursor: default;
92
- }
93
-
94
- .e-mention.e-editable-element {
95
- border: 2px solid rgba(0, 0, 0, 0.15);
96
- height: auto;
97
- min-height: 120px;
98
- width: 100%;
99
- }
100
-
101
- .e-form-mirror-div {
102
- white-space: pre-wrap;
103
- }
104
-
105
- .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
106
- padding-right: 30px;
107
- }
108
-
109
- .e-dropdownbase.e-dd-group .e-list-item {
110
- padding-left: 30px;
111
- text-indent: 0;
112
- }
113
-
114
- .e-small .e-dropdownbase.e-dd-group .e-list-item {
115
- padding-left: 30px;
116
- }
117
-
118
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
119
- text-indent: 0;
16
+ padding: 0 8px 0 0;
120
17
  }
121
18
 
122
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
123
- cursor: pointer;
124
- font-weight: normal;
125
- overflow: hidden;
126
- position: relative;
127
- text-overflow: ellipsis;
128
- vertical-align: middle;
129
- white-space: nowrap;
130
- width: 100%;
19
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
20
+ padding: 0 8px 0 0;
131
21
  }
132
22
 
133
- .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
134
- padding-right: 30px;
23
+ .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
24
+ .e-ddl.e-popup .e-filter-parent .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
25
+ .e-ddl.e-popup .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
26
+ stroke-width: 1px;
135
27
  }
136
28
 
137
29
  .e-rtl .e-dropdownbase .e-list-item {
@@ -309,106 +201,242 @@
309
201
  background-color: rgb(242.05, 243.9, 245.75);
310
202
  }
311
203
 
312
- /* stylelint-disable property-no-vendor-prefix */
313
- /* stylelint-disable property-no-vendor-prefix */
314
- @-webkit-keyframes material-spinner-rotate {
315
- 0% {
316
- -webkit-transform: rotate(0);
317
- transform: rotate(0);
318
- }
319
- 100% {
320
- -webkit-transform: rotate(360deg);
321
- transform: rotate(360deg);
322
- }
323
- }
324
- @keyframes material-spinner-rotate {
325
- 0% {
326
- -webkit-transform: rotate(0);
327
- transform: rotate(0);
328
- }
329
- 100% {
330
- -webkit-transform: rotate(360deg);
331
- transform: rotate(360deg);
332
- }
333
- }
334
- @-webkit-keyframes fabric-spinner-rotate {
335
- 0% {
336
- -webkit-transform: rotate(0);
337
- transform: rotate(0);
338
- }
339
- 100% {
340
- -webkit-transform: rotate(360deg);
341
- transform: rotate(360deg);
342
- }
204
+ .e-dropdownbase .e-list-item .e-list-icon {
205
+ padding: 0 8px 0 0;
343
206
  }
344
- @keyframes fabric-spinner-rotate {
345
- 0% {
346
- -webkit-transform: rotate(0);
347
- transform: rotate(0);
348
- }
349
- 100% {
350
- -webkit-transform: rotate(360deg);
351
- transform: rotate(360deg);
352
- }
207
+
208
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
209
+ padding: 0 8px 0 0;
353
210
  }
354
- .e-popup.e-ddl {
355
- border-radius: 4px;
356
- -webkit-box-shadow: none;
357
- box-shadow: none;
358
- margin-top: 3px;
211
+
212
+ .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
213
+ .e-ddl.e-popup .e-filter-parent .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
214
+ .e-ddl.e-popup .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
215
+ stroke-width: 1px;
359
216
  }
360
- .e-popup.e-ddl .e-input-group {
361
- width: auto;
217
+
218
+ .e-dropdownbase {
219
+ display: block;
220
+ height: 100%;
221
+ min-height: 36px;
222
+ position: relative;
223
+ width: 100%;
362
224
  }
363
- .e-popup.e-ddl .e-input-group input {
364
- line-height: 15px;
225
+ .e-dropdownbase .e-list-parent {
226
+ margin: 0;
227
+ padding: 0;
365
228
  }
366
229
 
367
- .e-popup.e-ddl .e-dropdownbase {
368
- min-height: 26px;
230
+ .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
231
+ cursor: default;
369
232
  }
370
233
 
371
- .e-popup.e-ddl .e-filter-parent .e-input-group {
372
- display: -webkit-box;
373
- display: -ms-flexbox;
374
- display: flex;
375
- width: auto;
234
+ .e-dropdownbase .e-list-item {
235
+ cursor: pointer;
236
+ overflow: hidden;
237
+ position: relative;
238
+ text-overflow: ellipsis;
239
+ vertical-align: middle;
240
+ white-space: nowrap;
241
+ width: 100%;
376
242
  }
377
- .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
378
- border: 0;
243
+
244
+ .e-dropdownbase .e-list-item .e-list-icon {
245
+ font-size: 16px;
246
+ vertical-align: middle;
379
247
  }
380
248
 
381
- .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
382
- .e-float-input.e-control-wrapper.e-ddl input[readonly] {
383
- background: transparent;
249
+ .e-dropdownbase .e-fixed-head {
250
+ position: absolute;
251
+ top: 0;
384
252
  }
385
253
 
386
- .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
387
- .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
388
- background: #e9ecef;
254
+ .e-dropdownbase.e-content {
255
+ overflow: auto;
256
+ position: relative;
389
257
  }
390
258
 
391
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
392
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
393
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
394
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
395
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
396
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
397
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
398
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
399
- background: transparent;
400
- color: #495057;
259
+ .e-popup.e-ddl .e-dropdownbase.e-nodata,
260
+ .e-popup.e-mention .e-dropdownbase.e-nodata {
261
+ color: #212529;
262
+ cursor: default;
263
+ font-family: inherit;
264
+ font-size: 14px;
265
+ padding: 14px 16px;
266
+ text-align: center;
401
267
  }
402
268
 
403
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
404
- .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
405
- .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
406
- .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
269
+ .e-mention.e-popup {
270
+ background: #fff;
407
271
  border: 0;
272
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
273
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
274
+ margin-top: 2px;
275
+ position: absolute;
408
276
  }
409
277
 
410
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
411
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
278
+ .e-mention.e-popup .e-dropdownbase {
279
+ min-height: 26px;
280
+ }
281
+
282
+ .e-mention .e-dropdownbase .e-list-item .e-highlight {
283
+ display: inline;
284
+ font-weight: bold;
285
+ vertical-align: baseline;
286
+ }
287
+
288
+ .e-mention .e-mention-chip,
289
+ .e-mention .e-mention-chip:hover {
290
+ background: #e9ecef;
291
+ border-radius: 2px;
292
+ border: none;
293
+ color: #007bff;
294
+ cursor: default;
295
+ }
296
+
297
+ .e-mention.e-editable-element {
298
+ border: 2px solid rgba(0, 0, 0, 0.15);
299
+ height: auto;
300
+ min-height: 120px;
301
+ width: 100%;
302
+ }
303
+
304
+ .e-form-mirror-div {
305
+ white-space: pre-wrap;
306
+ }
307
+
308
+ .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
309
+ padding-right: 30px;
310
+ }
311
+
312
+ .e-dropdownbase.e-dd-group .e-list-item {
313
+ padding-left: 30px;
314
+ text-indent: 0;
315
+ }
316
+
317
+ .e-small .e-dropdownbase.e-dd-group .e-list-item {
318
+ padding-left: 30px;
319
+ }
320
+
321
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
322
+ text-indent: 0;
323
+ }
324
+
325
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
326
+ cursor: pointer;
327
+ font-weight: normal;
328
+ overflow: hidden;
329
+ position: relative;
330
+ text-overflow: ellipsis;
331
+ vertical-align: middle;
332
+ white-space: nowrap;
333
+ width: 100%;
334
+ }
335
+
336
+ .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
337
+ padding-right: 30px;
338
+ }
339
+
340
+ /* stylelint-disable property-no-vendor-prefix */
341
+ /* stylelint-disable property-no-vendor-prefix */
342
+ @-webkit-keyframes material-spinner-rotate {
343
+ 0% {
344
+ -webkit-transform: rotate(0);
345
+ transform: rotate(0);
346
+ }
347
+ 100% {
348
+ -webkit-transform: rotate(360deg);
349
+ transform: rotate(360deg);
350
+ }
351
+ }
352
+ @keyframes material-spinner-rotate {
353
+ 0% {
354
+ -webkit-transform: rotate(0);
355
+ transform: rotate(0);
356
+ }
357
+ 100% {
358
+ -webkit-transform: rotate(360deg);
359
+ transform: rotate(360deg);
360
+ }
361
+ }
362
+ @-webkit-keyframes fabric-spinner-rotate {
363
+ 0% {
364
+ -webkit-transform: rotate(0);
365
+ transform: rotate(0);
366
+ }
367
+ 100% {
368
+ -webkit-transform: rotate(360deg);
369
+ transform: rotate(360deg);
370
+ }
371
+ }
372
+ @keyframes fabric-spinner-rotate {
373
+ 0% {
374
+ -webkit-transform: rotate(0);
375
+ transform: rotate(0);
376
+ }
377
+ 100% {
378
+ -webkit-transform: rotate(360deg);
379
+ transform: rotate(360deg);
380
+ }
381
+ }
382
+ .e-popup.e-ddl {
383
+ border-radius: 4px;
384
+ -webkit-box-shadow: none;
385
+ box-shadow: none;
386
+ margin-top: 3px;
387
+ }
388
+ .e-popup.e-ddl .e-input-group {
389
+ width: auto;
390
+ }
391
+ .e-popup.e-ddl .e-input-group input {
392
+ line-height: 15px;
393
+ }
394
+
395
+ .e-popup.e-ddl .e-dropdownbase {
396
+ min-height: 26px;
397
+ }
398
+
399
+ .e-popup.e-ddl .e-filter-parent .e-input-group {
400
+ display: -webkit-box;
401
+ display: -ms-flexbox;
402
+ display: flex;
403
+ width: auto;
404
+ }
405
+ .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
406
+ border: 0;
407
+ }
408
+
409
+ .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
410
+ .e-float-input.e-control-wrapper.e-ddl input[readonly] {
411
+ background: transparent;
412
+ }
413
+
414
+ .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
415
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
416
+ background: #e9ecef;
417
+ }
418
+
419
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
420
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
421
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
422
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
423
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
424
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
425
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
426
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
427
+ background: transparent;
428
+ color: #495057;
429
+ }
430
+
431
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
432
+ .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
433
+ .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
434
+ .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
435
+ border: 0;
436
+ }
437
+
438
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
439
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
412
440
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
413
441
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
414
442
  -webkit-box-shadow: none;
@@ -462,75 +490,283 @@
462
490
  content: "\e7cf";
463
491
  }
464
492
 
465
- .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
466
- width: 100%;
467
- border: 0 solid;
493
+ .e-popup.e-ddl {
494
+ border-radius: 4px;
495
+ -webkit-box-shadow: none;
496
+ box-shadow: none;
497
+ margin-top: 3px;
468
498
  }
469
499
 
470
- .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
471
- display: block;
472
- visibility: hidden;
500
+ .e-popup.e-ddl .e-input-group {
501
+ width: auto;
473
502
  }
474
503
 
475
- .e-popup-full-page {
476
- bottom: 0;
477
- left: 0;
478
- margin: 0;
479
- overflow: hidden;
480
- padding: 0;
481
- right: 0;
482
- top: 0;
504
+ .e-popup.e-ddl .e-input-group input {
505
+ line-height: 15px;
483
506
  }
484
- .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
485
- margin: 0;
507
+
508
+ .e-popup.e-ddl .e-dropdownbase {
509
+ min-height: 26px;
486
510
  }
487
511
 
488
- .e-ddl.e-control-wrapper .e-ddl-disable-icon {
489
- position: relative;
512
+ .e-popup.e-ddl .e-filter-parent .e-input-group {
513
+ display: -webkit-box;
514
+ display: -ms-flexbox;
515
+ display: flex;
516
+ width: auto;
490
517
  }
491
518
 
492
- .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
493
- content: "";
519
+ .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
520
+ border: 0;
494
521
  }
495
522
 
496
- .e-ddl.e-control-wrapper.e-input-group .e-ddl-icon.e-ddl-disable-icon {
497
- position: relative;
523
+ .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
524
+ .e-float-input.e-control-wrapper.e-ddl input[readonly] {
525
+ background: transparent;
498
526
  }
499
527
 
500
- .e-ddl.e-control-wrapper.e-input-group .e-ddl-icon.e-ddl-disable-icon::before {
501
- content: "";
528
+ .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
529
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
530
+ background: #e9ecef;
502
531
  }
503
532
 
504
- .e-ddl-device-filter .e-filter-parent {
505
- background-color: #fff;
533
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
534
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
535
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
536
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
537
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
538
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
539
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
540
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
541
+ background: transparent;
542
+ color: #495057;
506
543
  }
507
544
 
508
- /* stylelint-disable property-no-vendor-prefix */
509
- .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
510
- display: none;
511
- pointer-events: none;
512
- position: absolute;
513
- right: 0;
514
- visibility: hidden;
545
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
546
+ .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
547
+ .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
548
+ .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
549
+ border: 0;
515
550
  }
516
551
 
517
- /* stylelint-enable property-no-vendor-prefix */
518
- .e-filter-parent {
519
- border: rgba(0, 0, 0, 0.12);
520
- border-top-width: 0;
552
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
553
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
554
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
555
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
521
556
  -webkit-box-shadow: none;
522
557
  box-shadow: none;
523
- display: block;
524
- padding: 6px;
525
558
  }
526
559
 
527
- .e-ddl.e-input-group:not(.e-disabled) {
528
- cursor: pointer;
560
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
561
+ background: transparent;
562
+ display: -webkit-box;
563
+ display: -ms-flexbox;
564
+ display: flex;
565
+ position: relative;
529
566
  }
530
567
 
531
- .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 {
532
- width: 0;
533
- }
568
+ .e-ddl.e-popup .e-filter-parent .e-input-group,
569
+ .e-ddl.e-popup .e-filter-parent {
570
+ background: rgba(0, 0, 0, 0.03);
571
+ }
572
+
573
+ .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
574
+ font-size: 12px;
575
+ }
576
+
577
+ .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
578
+ .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
579
+ .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
580
+ .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
581
+ background: transparent;
582
+ color: #495057;
583
+ }
584
+
585
+ .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
586
+ .e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
587
+ font-size: 10px;
588
+ }
589
+
590
+ .e-popup {
591
+ border-color: rgba(0, 0, 0, 0.15);
592
+ }
593
+
594
+ .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
595
+ .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
596
+ color: #fff;
597
+ }
598
+
599
+ .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
600
+ border-color: transparent;
601
+ background: none;
602
+ }
603
+
604
+ .e-popup.e-ddl {
605
+ border-radius: 4px;
606
+ -webkit-box-shadow: none;
607
+ box-shadow: none;
608
+ margin-top: 3px;
609
+ }
610
+
611
+ .e-popup.e-ddl .e-input-group {
612
+ width: auto;
613
+ }
614
+
615
+ .e-popup.e-ddl .e-input-group input {
616
+ line-height: 15px;
617
+ }
618
+
619
+ .e-popup.e-ddl .e-dropdownbase {
620
+ min-height: 26px;
621
+ }
622
+
623
+ .e-popup.e-ddl .e-filter-parent .e-input-group {
624
+ display: -webkit-box;
625
+ display: -ms-flexbox;
626
+ display: flex;
627
+ width: auto;
628
+ }
629
+
630
+ .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
631
+ border: 0;
632
+ }
633
+
634
+ .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
635
+ .e-float-input.e-control-wrapper.e-ddl input[readonly] {
636
+ background: transparent;
637
+ }
638
+
639
+ .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
640
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
641
+ background: #e9ecef;
642
+ }
643
+
644
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
645
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
646
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
647
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
648
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
649
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
650
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
651
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
652
+ background: transparent;
653
+ color: #495057;
654
+ }
655
+
656
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
657
+ .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
658
+ .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
659
+ .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
660
+ border: 0;
661
+ }
662
+
663
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
664
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
665
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
666
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
667
+ -webkit-box-shadow: none;
668
+ box-shadow: none;
669
+ }
670
+
671
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
672
+ background: transparent;
673
+ display: -webkit-box;
674
+ display: -ms-flexbox;
675
+ display: flex;
676
+ position: relative;
677
+ }
678
+
679
+ .e-ddl.e-popup .e-filter-parent .e-input-group,
680
+ .e-ddl.e-popup .e-filter-parent {
681
+ background: rgba(0, 0, 0, 0.03);
682
+ }
683
+
684
+ .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
685
+ font-size: 12px;
686
+ }
687
+
688
+ .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
689
+ .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
690
+ .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
691
+ .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
692
+ background: transparent;
693
+ color: #495057;
694
+ }
695
+
696
+ .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
697
+ .e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
698
+ font-size: 10px;
699
+ }
700
+
701
+ .e-ddl.e-lib.e-input-group:not(.e-float-input) .e-dropdownlist:not(.e-input) {
702
+ width: 100%;
703
+ border: 0 solid;
704
+ }
705
+
706
+ .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
707
+ display: block;
708
+ visibility: hidden;
709
+ }
710
+
711
+ .e-popup-full-page {
712
+ bottom: 0;
713
+ left: 0;
714
+ margin: 0;
715
+ overflow: hidden;
716
+ padding: 0;
717
+ right: 0;
718
+ top: 0;
719
+ }
720
+ .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
721
+ margin: 0;
722
+ }
723
+
724
+ .e-ddl.e-control-wrapper .e-ddl-disable-icon {
725
+ position: relative;
726
+ }
727
+
728
+ .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
729
+ content: "";
730
+ }
731
+
732
+ .e-ddl.e-control-wrapper.e-input-group .e-ddl-icon.e-ddl-disable-icon {
733
+ position: relative;
734
+ }
735
+
736
+ .e-ddl.e-control-wrapper.e-input-group .e-ddl-icon.e-ddl-disable-icon::before {
737
+ content: "";
738
+ }
739
+
740
+ .e-ddl-device-filter .e-filter-parent {
741
+ background-color: #fff;
742
+ }
743
+
744
+ /* stylelint-disable property-no-vendor-prefix */
745
+ .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
746
+ display: none;
747
+ pointer-events: none;
748
+ position: absolute;
749
+ right: 0;
750
+ visibility: hidden;
751
+ }
752
+
753
+ /* stylelint-enable property-no-vendor-prefix */
754
+ .e-filter-parent {
755
+ border: rgba(0, 0, 0, 0.12);
756
+ border-top-width: 0;
757
+ -webkit-box-shadow: none;
758
+ box-shadow: none;
759
+ display: block;
760
+ padding: 6px;
761
+ }
762
+
763
+ .e-ddl.e-input-group:not(.e-disabled) {
764
+ cursor: pointer;
765
+ }
766
+
767
+ .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 {
768
+ width: 0;
769
+ }
534
770
 
535
771
  .e-ddl.e-popup {
536
772
  background: #fff;
@@ -694,20 +930,6 @@ ejs-dropdownlist {
694
930
  box-shadow: none;
695
931
  }
696
932
 
697
- .e-popup {
698
- border-color: rgba(0, 0, 0, 0.15);
699
- }
700
-
701
- .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
702
- .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
703
- color: #fff;
704
- }
705
-
706
- .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
707
- border-color: transparent;
708
- background: none;
709
- }
710
-
711
933
  /* stylelint-disable */
712
934
  /* stylelint-disable */
713
935
  .e-ddt .e-ddt-icon::before {
@@ -717,6 +939,46 @@ ejs-dropdownlist {
717
939
  content: "\e745";
718
940
  }
719
941
 
942
+ /* stylelint-disable */
943
+ .e-ddt .e-chips {
944
+ background-color: #6c757d;
945
+ }
946
+ .e-ddt .e-chips .e-chips-close::before {
947
+ color: #fff;
948
+ }
949
+ .e-ddt .e-chips > .e-chipcontent {
950
+ color: #fff;
951
+ }
952
+ .e-ddt .e-overflow {
953
+ color: #6c757d;
954
+ }
955
+ .e-ddt .e-overflow .e-remain {
956
+ color: #6c757d;
957
+ }
958
+ .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
959
+ background-color: #fff;
960
+ }
961
+ .e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
962
+ background: #fff;
963
+ }
964
+ .e-ddt.e-popup {
965
+ background: #fff;
966
+ border-color: rgba(0, 0, 0, 0.15);
967
+ }
968
+ .e-ddt.e-popup .e-popup-content.e-no-data {
969
+ color: #212529;
970
+ }
971
+ .e-ddt.e-popup .e-selectall-parent {
972
+ border-bottom-color: rgba(0, 0, 0, 0.15);
973
+ }
974
+ .e-ddt.e-popup .e-selectall-parent:focus {
975
+ background: rgb(242.05, 243.9, 245.75);
976
+ }
977
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
978
+ color: #212529;
979
+ }
980
+
981
+ /* stylelint-disable */
720
982
  .e-ddt {
721
983
  cursor: pointer;
722
984
  outline: none;
@@ -1030,44 +1292,6 @@ ejs-dropdownlist {
1030
1292
  display: none;
1031
1293
  }
1032
1294
 
1033
- .e-ddt .e-chips {
1034
- background-color: #6c757d;
1035
- }
1036
- .e-ddt .e-chips .e-chips-close::before {
1037
- color: #fff;
1038
- }
1039
- .e-ddt .e-chips > .e-chipcontent {
1040
- color: #fff;
1041
- }
1042
- .e-ddt .e-overflow {
1043
- color: #6c757d;
1044
- }
1045
- .e-ddt .e-overflow .e-remain {
1046
- color: #6c757d;
1047
- }
1048
- .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1049
- background-color: #fff;
1050
- }
1051
- .e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
1052
- background: #fff;
1053
- }
1054
- .e-ddt.e-popup {
1055
- background: #fff;
1056
- border-color: rgba(0, 0, 0, 0.15);
1057
- }
1058
- .e-ddt.e-popup .e-popup-content.e-no-data {
1059
- color: #212529;
1060
- }
1061
- .e-ddt.e-popup .e-selectall-parent {
1062
- border-bottom-color: rgba(0, 0, 0, 0.15);
1063
- }
1064
- .e-ddt.e-popup .e-selectall-parent:focus {
1065
- background: rgb(242.05, 243.9, 245.75);
1066
- }
1067
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
1068
- color: #212529;
1069
- }
1070
-
1071
1295
  .e-input-group.e-ddl .e-control.e-combobox ~ .e-ddl-icon {
1072
1296
  font-size: 8px;
1073
1297
  }
@@ -1164,1474 +1388,1124 @@ ejs-dropdownlist {
1164
1388
  content: "\e7cf";
1165
1389
  }
1166
1390
 
1167
- .e-multi-select-wrapper {
1168
- -webkit-box-sizing: border-box;
1169
- box-sizing: border-box;
1170
- cursor: text;
1171
- line-height: normal;
1172
- min-height: 29px;
1173
- padding: 0 32px 0 2px;
1174
- position: relative;
1175
- -webkit-user-select: none;
1176
- -moz-user-select: none;
1177
- -ms-user-select: none;
1178
- user-select: none;
1179
- width: 100%;
1180
- }
1181
- .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1182
- height: 27px;
1183
- vertical-align: middle;
1184
- }
1185
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1186
- height: 100%;
1187
- min-height: 100%;
1188
- }
1189
- .e-multi-select-wrapper .e-delim-view {
1190
- white-space: nowrap;
1191
- }
1192
- .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 {
1193
- -webkit-box-sizing: border-box;
1194
- box-sizing: border-box;
1195
- display: inline-block;
1196
- overflow: hidden;
1197
- text-overflow: ellipsis;
1198
- }
1199
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1200
- color: #fff;
1201
- font-size: 8px;
1202
- left: 17px;
1203
- top: 8px;
1204
- }
1205
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1206
- background-color: #6c757d;
1207
- color: #fff;
1208
- padding: 13px 0 13px 0;
1209
- }
1210
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1211
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1212
- width: 0;
1213
- }
1214
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1215
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1216
- height: 1px;
1217
- min-height: 1px;
1218
- }
1219
- .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1220
- max-width: 100%;
1391
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1392
+ line-height: 30px;
1393
+ top: 0;
1221
1394
  }
1222
1395
 
1223
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1224
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1225
- display: -webkit-box;
1226
- display: -ms-flexbox;
1227
- display: flex;
1228
- float: left;
1229
- width: auto;
1230
- }
1231
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1232
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1233
- display: -webkit-inline-box;
1234
- display: -ms-inline-flexbox;
1235
- display: inline-flex;
1236
- float: none;
1237
- }
1238
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1239
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1240
- width: 0;
1241
- }
1242
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1243
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1244
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1245
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1246
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1247
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1248
- display: none;
1249
- }
1250
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1251
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1252
- padding: 0 48px 0 0;
1253
- }
1254
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1255
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1256
- -webkit-box-align: center;
1257
- -ms-flex-align: center;
1258
- align-items: center;
1259
- display: inline;
1260
- max-width: 100%;
1261
- word-break: break-word;
1262
- }
1263
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1264
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1265
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1266
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1267
- -webkit-box-align: center;
1268
- -ms-flex-align: center;
1269
- align-items: center;
1270
- cursor: pointer;
1271
- display: none;
1272
- -webkit-box-orient: horizontal;
1273
- -webkit-box-direction: normal;
1274
- -ms-flex-direction: row;
1275
- flex-direction: row;
1276
- margin-top: -2.9em;
1277
- outline: 0;
1278
- padding: 0;
1279
- position: absolute;
1280
- right: 0;
1281
- top: 100%;
1282
- }
1283
- .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1284
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1285
- .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1286
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1287
- display: -webkit-box;
1288
- display: -ms-flexbox;
1289
- display: flex;
1290
- }
1291
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1292
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1293
- margin-right: 0;
1294
- margin-top: -2.05em;
1295
- right: 0;
1396
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
1397
+ border-radius: 0 4px 4px 0;
1398
+ border-right-width: 0;
1296
1399
  }
1297
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1298
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
1299
- top: -1px;
1400
+
1401
+ .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1402
+ font-size: 12px;
1300
1403
  }
1301
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1302
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
1404
+
1405
+ .e-small .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
1406
+ .e-small.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1303
1407
  font-size: 10px;
1304
- height: 29px;
1305
- width: 29px;
1306
1408
  }
1307
1409
 
1308
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
1309
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
1310
- float: right;
1410
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1411
+ border-left-width: 0;
1412
+ border-radius: 4px 0 0 4px;
1413
+ border-right-width: 1px;
1311
1414
  }
1312
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1313
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1314
- float: none;
1415
+
1416
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {
1417
+ -webkit-box-shadow: none;
1418
+ box-shadow: none;
1315
1419
  }
1316
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
1317
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
1318
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
1319
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
1320
- left: 0;
1321
- right: auto;
1420
+
1421
+ .e-input-group.e-multiselect .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
1422
+ stroke-width: 1px;
1322
1423
  }
1323
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
1324
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
1325
- padding: 0 0 0 48px;
1424
+
1425
+ .e-small .e-multi-select-wrapper .e-chips {
1426
+ margin: 1px 4px 1px 0;
1326
1427
  }
1327
1428
 
1328
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1329
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1330
- opacity: 0.7;
1331
- pointer-events: none;
1429
+ .e-multiselect.e-float-input input[readonly],
1430
+ .e-multiselect.e-float-input.e-control-wrapper input[readonly] {
1431
+ background: transparent;
1332
1432
  }
1333
1433
 
1334
- .e-multiselect.e-input-group,
1335
- .e-multiselect.e-float-input {
1336
- word-wrap: initial;
1434
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
1435
+ top: 7px;
1337
1436
  }
1338
1437
 
1339
- .e-multiselect.e-input-group .e-searcher .e-label-top,
1340
- .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1341
- top: 15px;
1438
+ .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1439
+ color: #fff;
1342
1440
  }
1343
1441
 
1344
- .e-multi-select-wrapper.e-close-icon-hide {
1345
- padding-right: 0;
1442
+ .e-multi-select-wrapper .e-chips.e-chip-selected {
1443
+ background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
1346
1444
  }
1347
1445
 
1348
- .e-multi-select-wrapper .e-chips-collection {
1349
- cursor: default;
1350
- display: block;
1446
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1447
+ background-color: #6c757d;
1351
1448
  }
1352
1449
 
1353
- .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1354
- margin-right: 30px;
1450
+ .e-multiselect {
1451
+ -webkit-box-sizing: border-box;
1452
+ box-sizing: border-box;
1355
1453
  }
1356
1454
 
1357
- .e-multi-select-wrapper .e-multi-hidden {
1358
- border: 0;
1359
- height: 0;
1360
- position: absolute;
1361
- visibility: hidden;
1362
- width: 0;
1455
+ /* stylelint-disable property-no-vendor-prefix */
1456
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
1457
+ -webkit-text-fill-color: #fff;
1458
+ color: #fff;
1459
+ font-family: inherit;
1460
+ font-size: 14px;
1363
1461
  }
1364
1462
 
1365
- .e-multi-select-wrapper .e-chips {
1366
- -webkit-box-align: center;
1367
- -ms-flex-align: center;
1368
- align-items: center;
1369
- display: -webkit-inline-box;
1370
- display: -ms-inline-flexbox;
1371
- display: inline-flex;
1372
- float: left;
1373
- margin: 2px 4px 2px 0;
1374
- max-width: 100%;
1375
- overflow: hidden;
1376
- padding: 0;
1377
- text-overflow: ellipsis;
1378
- white-space: nowrap;
1463
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
1464
+ color: #fff;
1379
1465
  }
1380
1466
 
1381
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
1382
- max-width: 100%;
1383
- overflow: hidden;
1384
- padding: 6px 8px 6px 8px;
1385
- text-indent: 0;
1386
- text-overflow: ellipsis;
1387
- white-space: nowrap;
1467
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
1468
+ color: #fff;
1388
1469
  }
1389
1470
 
1390
- .e-multi-select-wrapper.e-delimiter .e-searcher {
1391
- display: inline-block;
1392
- float: none;
1471
+ .e-multi-select-wrapper .e-chips {
1472
+ background-color: #6c757d;
1473
+ border-radius: 4px;
1474
+ height: 24px;
1393
1475
  }
1394
1476
 
1395
- .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1396
- padding: 7px 12px 7px 12px;
1477
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
1478
+ background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339);
1397
1479
  }
1398
1480
 
1399
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1400
- padding: 7px 12px 7px 12px;
1481
+ .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
1482
+ color: #fff;
1401
1483
  }
1402
1484
 
1403
- .e-multi-select-wrapper .e-chips-close {
1404
- -ms-flex-item-align: center;
1405
- align-self: center;
1406
- display: -webkit-box;
1407
- display: -ms-flexbox;
1408
- display: flex;
1409
- float: right;
1410
- font-family: "e-icons";
1411
- height: 24px;
1412
- margin: 10px 10px 10px 0;
1413
- width: auto;
1485
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
1486
+ -webkit-text-fill-color: #fff;
1487
+ color: #fff;
1488
+ font-size: 8px;
1414
1489
  }
1415
1490
 
1416
- .e-rtl .e-multi-select-wrapper .e-chips-close {
1417
- margin: 8px 0 8px 20px;
1491
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1492
+ background-color: #6c757d;
1493
+ border-radius: 4px;
1494
+ color: #fff;
1495
+ height: 46px;
1496
+ line-height: 46px;
1418
1497
  }
1419
1498
 
1420
- .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
1421
- margin: 1px 0 0;
1499
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1500
+ color: #fff;
1422
1501
  }
1423
1502
 
1424
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1425
- cursor: default;
1426
- font-size: 10px;
1427
- height: 29px;
1428
- margin-top: -2.9em;
1429
- position: absolute;
1430
- right: 0;
1431
- width: auto;
1432
- top: 100%;
1503
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
1504
+ height: 28px;
1433
1505
  }
1434
1506
 
1435
- .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1436
- .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1437
- .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1438
- right: 24px;
1507
+ .e-popup.e-multi-select-list-wrapper {
1508
+ -webkit-box-shadow: none;
1509
+ box-shadow: none;
1510
+ -webkit-box-sizing: content-box;
1511
+ box-sizing: content-box;
1512
+ overflow: initial;
1439
1513
  }
1440
1514
 
1441
- .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1442
- left: 24px;
1443
- right: auto;
1515
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
1516
+ border-bottom: 1px solid transparent;
1517
+ border-left: 1px solid #007bff;
1518
+ border-right: 1px solid #007bff;
1519
+ border-top: 1px solid transparent;
1444
1520
  }
1445
1521
 
1446
- .e-multi-select-wrapper input[type=text] {
1447
- background: none;
1448
- border: 0;
1449
- font-family: inherit;
1450
- font-size: 14px;
1451
- font-weight: normal;
1452
- height: 29px;
1453
- min-height: 29px;
1454
- outline: none;
1455
- padding: 0 0 0 8px;
1456
- text-indent: 0;
1522
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
1523
+ background-color: transparent;
1524
+ border-color: transparent;
1525
+ color: #212529;
1457
1526
  }
1458
1527
 
1459
- .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1460
- background: none;
1461
- border: 0;
1462
- color: inherit;
1463
- font-family: inherit;
1464
- font-size: 14px;
1465
- font-weight: normal;
1466
- height: 29px;
1467
- min-height: 29px;
1468
- outline: none;
1469
- padding: 0;
1470
- text-indent: 6px;
1528
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
1529
+ background-color: transparent;
1530
+ border-color: transparent;
1531
+ color: #212529;
1471
1532
  }
1472
1533
 
1473
- .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1474
- padding: 5px;
1534
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
1535
+ color: #212529;
1475
1536
  }
1476
1537
 
1477
- /* stylelint-disable property-no-vendor-prefix */
1478
- .e-multi-select-wrapper input[type=text]::-ms-clear {
1479
- display: none;
1538
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
1539
+ color: #212529;
1480
1540
  }
1481
1541
 
1482
- .e-multi-select-wrapper .e-searcher {
1483
- display: block;
1484
- float: left;
1485
- width: auto;
1542
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
1543
+ background-color: rgb(242.05, 243.9, 245.75);
1486
1544
  }
1487
1545
 
1488
- .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1489
- width: calc(100% - 34px);
1546
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
1547
+ background-color: rgb(242.05, 243.9, 245.75);
1490
1548
  }
1491
1549
 
1492
- .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1493
- .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1494
- width: calc(100% - 34px);
1550
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
1551
+ border-bottom: 1px solid transparent;
1552
+ border-top: 1px solid transparent;
1495
1553
  }
1496
1554
 
1497
- .e-multi-select-wrapper .e-delim-values {
1498
- font-family: inherit;
1499
- font-size: 14px;
1500
- line-height: 29px;
1501
- max-width: 100%;
1502
- padding-left: 6px;
1503
- padding-right: 6px;
1504
- vertical-align: middle;
1555
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
1556
+ border-bottom: 1px solid transparent;
1505
1557
  }
1506
1558
 
1507
- .e-multi-select-list-wrapper .e-hide-listitem,
1508
- .e-multi-select-list-wrapper .e-hide-group-header {
1509
- display: none;
1559
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
1560
+ border-top: 1px solid transparent;
1510
1561
  }
1511
1562
 
1512
- .e-multi-select-wrapper .e-delim-values .e-remain {
1513
- color: #6c757d;
1514
- cursor: pointer;
1515
- display: inline-block;
1516
- font-size: 14px;
1517
- padding-left: 8px;
1563
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1564
+ background-color: #007bff;
1565
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1566
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1567
+ color: #fff;
1568
+ border: 1px solid #6c757d;
1518
1569
  }
1519
1570
 
1520
- .e-multiselect.e-disabled .e-multi-select-wrapper,
1521
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
1522
- cursor: not-allowed;
1571
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1572
+ background-color: #007bff;
1573
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1574
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1575
+ color: #fff;
1576
+ border: 1px solid #6c757d;
1523
1577
  }
1524
1578
 
1525
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1526
- height: 46px;
1527
- left: 0;
1528
- margin: 0 0 0 0;
1529
- margin-left: auto;
1530
- position: relative;
1531
- top: 0;
1532
- width: 46px;
1579
+ .e-popup.e-multi-select-list-wrapper .e-list-item {
1580
+ border: 1px solid transparent;
1533
1581
  }
1534
1582
 
1535
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1536
- -ms-flex-item-align: center;
1537
- align-self: center;
1538
- -webkit-box-shadow: none;
1539
- box-shadow: none;
1540
- display: -webkit-inline-box;
1541
- display: -ms-inline-flexbox;
1542
- display: inline-flex;
1543
- padding: 0 0 0 20px;
1544
- width: 92%;
1583
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
1584
+ border: 1px solid transparent;
1545
1585
  }
1546
1586
 
1547
- .e-multi-select-wrapper .e-ddl-disable-icon::before {
1548
- content: "";
1587
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1588
+ color: #6c757d;
1549
1589
  }
1550
1590
 
1551
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
1552
- float: none;
1591
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1592
+ color: #6c757d;
1553
1593
  }
1554
1594
 
1555
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
1556
- padding-left: 0;
1595
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1596
+ color: #6c757d;
1557
1597
  }
1558
- .e-multiselect.e-rtl .e-multi-select-wrapper {
1559
- padding: 0 2px 0 32px;
1598
+
1599
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1600
+ color: #6c757d;
1560
1601
  }
1561
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1562
- left: -10px;
1602
+
1603
+ .e-ul.e-reorder {
1604
+ border-bottom: 1px solid rgba(0, 0, 0, 0.15);
1563
1605
  }
1564
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1565
- margin: 0;
1566
- margin-right: auto;
1606
+
1607
+ .e-multi-select-list-wrapper .e-selectall-parent {
1608
+ border-bottom: 1px solid rgba(0, 0, 0, 0.15);
1567
1609
  }
1568
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
1569
- float: right;
1610
+
1611
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus .e-checkbox-wrapper .e-frame.e-check {
1612
+ background-color: #fff;
1613
+ border-color: #fff;
1614
+ color: #007bff;
1570
1615
  }
1571
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
1572
- float: right;
1573
- margin: 2px 0 2px 4px;
1574
- padding: 0 8px 0 0;
1575
- }
1576
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
1577
- padding: 6px 10px 6px 10px;
1578
- }
1579
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
1580
- float: left;
1581
- }
1582
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
1583
- left: -10px;
1584
- }
1585
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
1586
- padding: 0 4px 0 8px;
1587
- }
1588
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
1589
- padding: 8px 4px;
1590
- }
1591
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1592
- padding: 0 8px 0 4px;
1593
- }
1594
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1595
- padding: 12px 4px;
1596
- }
1597
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1598
- left: 24px;
1599
- position: absolute;
1600
- right: auto;
1601
- }
1602
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
1603
- left: -15px;
1604
- }
1605
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
1606
- padding-right: 8px;
1607
- }
1608
-
1609
- .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
1610
- left: 38px;
1611
- }
1612
-
1613
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1614
- left: -15px;
1616
+
1617
+ .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 {
1618
+ background-color: #fff;
1619
+ border-color: #fff;
1620
+ color: #007bff;
1615
1621
  }
1616
1622
 
1617
- .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1618
- bottom: 1px;
1619
- margin-right: 8px;
1620
- position: relative;
1621
- text-indent: 0;
1622
- vertical-align: middle;
1623
+ .e-multi-select-wrapper .e-delim-values {
1624
+ -webkit-text-fill-color: #fff;
1625
+ color: #fff;
1626
+ -webkit-text-fill-color: #212529;
1627
+ color: #212529;
1623
1628
  }
1624
1629
 
1625
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
1626
- padding-left: 14px;
1630
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1631
+ color: #495057;
1627
1632
  }
1628
1633
 
1629
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
1630
- padding-right: 29px;
1634
+ .e-small .e-multi-select-wrapper .e-chips {
1635
+ height: 20px;
1631
1636
  }
1632
1637
 
1633
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1634
- bottom: 1px;
1635
- margin-right: 8px;
1636
- position: relative;
1637
- text-indent: 0;
1638
- vertical-align: middle;
1638
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1639
+ font-size: 12px;
1639
1640
  }
1640
1641
 
1641
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
1642
- margin-left: 12px;
1643
- margin-right: 0;
1642
+ .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1643
+ left: 0;
1644
+ top: 5px;
1645
+ font-size: 8px;
1644
1646
  }
1645
1647
 
1646
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
1647
- margin-left: 12px;
1648
- margin-right: 0;
1648
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
1649
+ left: 4px;
1649
1650
  }
1650
1651
 
1651
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
1652
- padding-right: 0;
1652
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1653
+ -webkit-text-fill-color: #6c757d;
1654
+ color: #6c757d;
1653
1655
  }
1654
1656
 
1655
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
1656
- padding-right: 15px;
1657
+ .e-dropdownbase .e-list-item .e-list-icon {
1658
+ padding: 0 8px 0 0;
1657
1659
  }
1658
1660
 
1659
- .e-multi-select-list-wrapper .e-selectall-parent {
1660
- cursor: pointer;
1661
- display: block;
1662
- line-height: 26px;
1663
- overflow: hidden;
1664
- text-overflow: ellipsis;
1665
- padding-right: 24px;
1666
- position: relative;
1667
- text-indent: 21px;
1668
- white-space: nowrap;
1669
- width: 100%;
1661
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
1662
+ padding: 0 8px 0 0;
1670
1663
  }
1671
1664
 
1672
- .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
1673
- .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
1674
- padding-left: 24px;
1675
- padding-right: 15px;
1665
+ .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
1666
+ .e-ddl.e-popup .e-filter-parent .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
1667
+ .e-ddl.e-popup .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
1668
+ stroke-width: 1px;
1676
1669
  }
1677
1670
 
1678
- .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
1679
- color: #212529;
1680
- font-family: inherit;
1681
- font-size: 14px;
1671
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1672
+ line-height: 30px;
1673
+ top: 0;
1682
1674
  }
1683
1675
 
1684
- .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
1685
- bottom: 1px;
1686
- margin-right: 8px;
1687
- position: relative;
1688
- text-indent: 0;
1689
- vertical-align: middle;
1676
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
1677
+ border-radius: 0 4px 4px 0;
1678
+ border-right-width: 0;
1690
1679
  }
1691
1680
 
1692
- .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
1693
- margin-left: 12px;
1694
- margin-right: 0;
1681
+ .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1682
+ font-size: 12px;
1695
1683
  }
1696
1684
 
1697
- .e-multiselect .e-input-group-icon.e-ddl-icon {
1698
- float: right;
1699
- margin-top: 0;
1685
+ .e-small .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
1686
+ .e-small.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1687
+ font-size: 10px;
1700
1688
  }
1701
1689
 
1702
1690
  .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1703
- float: left;
1691
+ border-left-width: 0;
1692
+ border-radius: 4px 0 0 4px;
1693
+ border-right-width: 1px;
1704
1694
  }
1705
1695
 
1706
- .e-multiselect.e-checkbox .e-multi-select-wrapper,
1707
- .e-multiselect .e-multi-select-wrapper.e-down-icon {
1708
- padding: 0;
1696
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {
1697
+ -webkit-box-shadow: none;
1698
+ box-shadow: none;
1709
1699
  }
1710
1700
 
1711
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
1712
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
1713
- padding: 8px;
1701
+ .e-input-group.e-multiselect .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
1702
+ stroke-width: 1px;
1714
1703
  }
1715
1704
 
1716
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
1717
- padding-left: 8px;
1705
+ .e-small .e-multi-select-wrapper .e-chips {
1706
+ margin: 1px 4px 1px 0;
1718
1707
  }
1719
1708
 
1720
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
1721
- padding: 0;
1709
+ .e-multiselect.e-float-input input[readonly],
1710
+ .e-multiselect.e-float-input.e-control-wrapper input[readonly] {
1711
+ background: transparent;
1722
1712
  }
1723
1713
 
1724
- .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
1725
- line-height: 20px;
1726
- padding-left: 10px;
1714
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
1715
+ top: 7px;
1727
1716
  }
1728
1717
 
1729
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
1730
- .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
1731
- opacity: 0.3;
1718
+ .e-multi-select-wrapper {
1719
+ -webkit-box-sizing: border-box;
1720
+ box-sizing: border-box;
1721
+ cursor: text;
1722
+ line-height: normal;
1723
+ min-height: 29px;
1724
+ padding: 0 32px 0 2px;
1725
+ position: relative;
1726
+ -webkit-user-select: none;
1727
+ -moz-user-select: none;
1728
+ -ms-user-select: none;
1729
+ user-select: none;
1730
+ width: 100%;
1732
1731
  }
1733
-
1734
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
1735
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
1736
- opacity: 0.7;
1732
+ .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1733
+ height: 27px;
1734
+ vertical-align: middle;
1737
1735
  }
1738
-
1739
- .e-multi-select-wrapper input[readonly=true] {
1740
- pointer-events: none;
1736
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1737
+ height: 100%;
1738
+ min-height: 100%;
1741
1739
  }
1742
-
1743
- .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
1744
- pointer-events: none;
1740
+ .e-multi-select-wrapper .e-delim-view {
1741
+ white-space: nowrap;
1745
1742
  }
1746
-
1747
- ejs-multiselect {
1748
- display: block;
1743
+ .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 {
1744
+ -webkit-box-sizing: border-box;
1745
+ box-sizing: border-box;
1746
+ display: inline-block;
1747
+ overflow: hidden;
1748
+ text-overflow: ellipsis;
1749
1749
  }
1750
-
1751
- .e-small.e-multi-select-list-wrapper .e-selectall-parent,
1752
- .e-small .e-multi-select-list-wrapper .e-selectall-parent {
1753
- line-height: 22px;
1750
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1751
+ color: #fff;
1752
+ font-size: 8px;
1753
+ left: 17px;
1754
+ top: 8px;
1754
1755
  }
1755
-
1756
- .e-small .e-multi-select-wrapper .e-chips-close {
1757
- height: 18px;
1758
- width: auto;
1756
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1757
+ background-color: #6c757d;
1758
+ color: #fff;
1759
+ padding: 13px 0 13px 0;
1759
1760
  }
1760
-
1761
- .e-small .e-multi-select-wrapper {
1762
- min-height: 22px;
1761
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1762
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1763
+ width: 0;
1763
1764
  }
1764
-
1765
- .e-small .e-multi-select-wrapper input[type=text] {
1766
- height: 22px;
1767
- min-height: 22px;
1765
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1766
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1767
+ height: 1px;
1768
+ min-height: 1px;
1768
1769
  }
1769
-
1770
- .e-small .e-multi-select-wrapper .e-delim-values {
1771
- font-size: 12px;
1772
- line-height: 22px;
1770
+ .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1771
+ max-width: 100%;
1773
1772
  }
1774
1773
 
1775
- .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1776
- .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1777
- margin-top: -2.4em;
1774
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1775
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1776
+ display: -webkit-box;
1777
+ display: -ms-flexbox;
1778
+ display: flex;
1779
+ float: left;
1780
+ width: auto;
1778
1781
  }
1779
-
1780
- .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1781
- .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1782
- margin-top: -1.85em;
1783
- }
1784
-
1785
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1786
- padding: 0 8px 0 8px;
1782
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1783
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1784
+ display: -webkit-inline-box;
1785
+ display: -ms-inline-flexbox;
1786
+ display: inline-flex;
1787
+ float: none;
1787
1788
  }
1788
-
1789
- .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
1790
- background-size: 300px 33px;
1791
- min-height: 33px;
1789
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1790
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1791
+ width: 0;
1792
1792
  }
1793
-
1794
- .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
1795
- color: inherit;
1793
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1794
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1795
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1796
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1797
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1798
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1799
+ display: none;
1796
1800
  }
1797
-
1798
- .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1799
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1800
- -webkit-box-align: normal;
1801
- -ms-flex-align: normal;
1802
- align-items: normal;
1801
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1802
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1803
+ padding: 0 48px 0 0;
1803
1804
  }
1804
-
1805
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
1806
- padding: 0 12px 0 8px;
1805
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1806
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1807
+ -webkit-box-align: center;
1808
+ -ms-flex-align: center;
1809
+ align-items: center;
1810
+ display: inline;
1811
+ max-width: 100%;
1812
+ word-break: break-word;
1807
1813
  }
1808
-
1809
- .e-multiselect.e-filled.e-input-group.e-control-wrapper {
1814
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1815
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1816
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1817
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1818
+ -webkit-box-align: center;
1819
+ -ms-flex-align: center;
1820
+ align-items: center;
1821
+ cursor: pointer;
1822
+ display: none;
1823
+ -webkit-box-orient: horizontal;
1824
+ -webkit-box-direction: normal;
1825
+ -ms-flex-direction: row;
1826
+ flex-direction: row;
1827
+ margin-top: -2.9em;
1828
+ outline: 0;
1810
1829
  padding: 0;
1830
+ position: absolute;
1831
+ right: 0;
1832
+ top: 100%;
1833
+ }
1834
+ .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1835
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1836
+ .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1837
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1838
+ display: -webkit-box;
1839
+ display: -ms-flexbox;
1840
+ display: flex;
1841
+ }
1842
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1843
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1844
+ margin-right: 0;
1845
+ margin-top: -2.05em;
1846
+ right: 0;
1847
+ }
1848
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1849
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
1850
+ top: -1px;
1851
+ }
1852
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1853
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
1854
+ font-size: 10px;
1855
+ height: 29px;
1856
+ width: 29px;
1811
1857
  }
1812
1858
 
1813
- .e-filled.e-float-input .e-multi-select-wrapper {
1814
- padding: 11px 12px 0;
1859
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
1860
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
1861
+ float: right;
1862
+ }
1863
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1864
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1865
+ float: none;
1866
+ }
1867
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
1868
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
1869
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
1870
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
1871
+ left: 0;
1872
+ right: auto;
1873
+ }
1874
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
1875
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
1876
+ padding: 0 0 0 48px;
1815
1877
  }
1816
1878
 
1817
- .e-small.e-filled.e-float-input .e-multi-select-wrapper,
1818
- .e-small .e-filled.e-float-input .e-multi-select-wrapper {
1819
- padding: 12px 12px 0 8px;
1879
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1880
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1881
+ opacity: 0.7;
1882
+ pointer-events: none;
1820
1883
  }
1821
1884
 
1822
- .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
1823
- .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
1824
- padding: 0;
1885
+ .e-multiselect.e-input-group,
1886
+ .e-multiselect.e-float-input {
1887
+ word-wrap: initial;
1825
1888
  }
1826
1889
 
1827
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1828
- height: 28px;
1890
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
1891
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1892
+ top: 15px;
1829
1893
  }
1830
1894
 
1831
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1832
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1833
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
1834
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1835
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1836
- height: 24px;
1895
+ .e-multi-select-wrapper.e-close-icon-hide {
1896
+ padding-right: 0;
1837
1897
  }
1838
1898
 
1839
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1840
- height: 18px;
1899
+ .e-multi-select-wrapper .e-chips-collection {
1900
+ cursor: default;
1901
+ display: block;
1841
1902
  }
1842
1903
 
1843
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1844
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1845
- margin: 8px 8px 0 0;
1846
- padding: 0 8px;
1904
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
1905
+ margin-right: 30px;
1847
1906
  }
1848
1907
 
1849
- .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1850
- .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1851
- margin: 8px 0 0 8px;
1852
- padding: 0 8px;
1908
+ .e-multi-select-wrapper .e-multi-hidden {
1909
+ border: 0;
1910
+ height: 0;
1911
+ position: absolute;
1912
+ visibility: hidden;
1913
+ width: 0;
1853
1914
  }
1854
1915
 
1855
- .e-small .e-filled .e-multi-select-wrapper .e-chips,
1856
- .e-small.e-filled .e-multi-select-wrapper .e-chips {
1857
- height: 16px 16px;
1858
- margin: 4px 4px 0 0;
1859
- padding-right: 8px;
1916
+ .e-multi-select-wrapper .e-chips {
1917
+ -webkit-box-align: center;
1918
+ -ms-flex-align: center;
1919
+ align-items: center;
1920
+ display: -webkit-inline-box;
1921
+ display: -ms-inline-flexbox;
1922
+ display: inline-flex;
1923
+ float: left;
1924
+ margin: 2px 4px 2px 0;
1925
+ max-width: 100%;
1926
+ overflow: hidden;
1927
+ padding: 0;
1928
+ text-overflow: ellipsis;
1929
+ white-space: nowrap;
1860
1930
  }
1861
1931
 
1862
- .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1863
- .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1864
- margin: 4px 0 0 4px;
1932
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
1933
+ max-width: 100%;
1934
+ overflow: hidden;
1935
+ padding: 6px 8px 6px 8px;
1936
+ text-indent: 0;
1937
+ text-overflow: ellipsis;
1938
+ white-space: nowrap;
1865
1939
  }
1866
1940
 
1867
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
1868
- font-size: 13px;
1869
- padding: 0 8px 0 0;
1941
+ .e-multi-select-wrapper.e-delimiter .e-searcher {
1942
+ display: inline-block;
1943
+ float: none;
1870
1944
  }
1871
1945
 
1872
- .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1873
- .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1874
- font-size: 12px;
1946
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1947
+ padding: 7px 12px 7px 12px;
1875
1948
  }
1876
1949
 
1877
- .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1878
- font-size: 12px;
1879
- padding: 0 4px 0 0;
1950
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
1951
+ padding: 7px 12px 7px 12px;
1880
1952
  }
1881
1953
 
1882
- .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1883
- padding: 0 0 0 4px;
1954
+ .e-multi-select-wrapper .e-chips-close {
1955
+ -ms-flex-item-align: center;
1956
+ align-self: center;
1957
+ display: -webkit-box;
1958
+ display: -ms-flexbox;
1959
+ display: flex;
1960
+ float: right;
1961
+ font-family: "e-icons";
1962
+ height: 24px;
1963
+ margin: 10px 10px 10px 0;
1964
+ width: auto;
1884
1965
  }
1885
1966
 
1886
- .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1887
- .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1888
- font-size: 10px;
1967
+ .e-rtl .e-multi-select-wrapper .e-chips-close {
1968
+ margin: 8px 0 8px 20px;
1889
1969
  }
1890
1970
 
1891
- .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
1892
- font-size: 13px;
1893
- padding-right: 4px;
1971
+ .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
1972
+ margin: 1px 0 0;
1894
1973
  }
1895
1974
 
1896
- .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
1897
- .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
1898
- height: 38px;
1899
- margin-top: -38px;
1900
- right: 12px;
1975
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1976
+ cursor: default;
1977
+ font-size: 10px;
1978
+ height: 29px;
1979
+ margin-top: -2.9em;
1980
+ position: absolute;
1981
+ right: 0;
1982
+ width: auto;
1901
1983
  top: 100%;
1902
- width: 16px;
1903
1984
  }
1904
1985
 
1905
- .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1906
- .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1907
- .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
1908
- .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1909
- .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 {
1910
- display: none;
1986
+ .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1987
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1988
+ .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1989
+ right: 24px;
1911
1990
  }
1912
1991
 
1913
- .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
1914
- margin-right: 0;
1992
+ .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1993
+ left: 24px;
1994
+ right: auto;
1915
1995
  }
1916
1996
 
1917
- .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
1918
- .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
1919
- cursor: not-allowed;
1997
+ .e-multi-select-wrapper input[type=text] {
1998
+ background: none;
1999
+ border: 0;
2000
+ font-family: inherit;
2001
+ font-size: 14px;
2002
+ font-weight: normal;
2003
+ height: 29px;
2004
+ min-height: 29px;
2005
+ outline: none;
2006
+ padding: 0 0 0 8px;
2007
+ text-indent: 0;
1920
2008
  }
1921
2009
 
1922
- .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
1923
- .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 {
1924
- cursor: pointer;
2010
+ .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
2011
+ background: none;
2012
+ border: 0;
2013
+ color: inherit;
2014
+ font-family: inherit;
2015
+ font-size: 14px;
2016
+ font-weight: normal;
2017
+ height: 29px;
2018
+ min-height: 29px;
2019
+ outline: none;
2020
+ padding: 0;
2021
+ text-indent: 6px;
1925
2022
  }
1926
2023
 
1927
- .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
1928
- bottom: 0;
1929
- right: 0;
1930
- cursor: nwse-resize;
1931
- height: 15px;
1932
- position: absolute;
1933
- width: 15px;
2024
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
2025
+ padding: 5px;
1934
2026
  }
1935
2027
 
1936
- .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1937
- color: #fff;
2028
+ /* stylelint-disable property-no-vendor-prefix */
2029
+ .e-multi-select-wrapper input[type=text]::-ms-clear {
2030
+ display: none;
1938
2031
  }
1939
2032
 
1940
- .e-multi-select-wrapper .e-chips.e-chip-selected {
1941
- background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
2033
+ .e-multi-select-wrapper .e-searcher {
2034
+ display: block;
2035
+ float: left;
2036
+ width: auto;
1942
2037
  }
1943
2038
 
1944
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1945
- background-color: #6c757d;
2039
+ .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2040
+ width: calc(100% - 34px);
1946
2041
  }
1947
2042
 
1948
- .e-multiselect {
1949
- -webkit-box-sizing: border-box;
1950
- box-sizing: border-box;
2043
+ .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
2044
+ .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
2045
+ width: calc(100% - 34px);
1951
2046
  }
1952
2047
 
1953
- /* stylelint-disable property-no-vendor-prefix */
1954
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
1955
- -webkit-text-fill-color: #fff;
1956
- color: #fff;
2048
+ .e-multi-select-wrapper .e-delim-values {
1957
2049
  font-family: inherit;
1958
2050
  font-size: 14px;
2051
+ line-height: 29px;
2052
+ max-width: 100%;
2053
+ padding-left: 6px;
2054
+ padding-right: 6px;
2055
+ vertical-align: middle;
1959
2056
  }
1960
2057
 
1961
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
1962
- color: #fff;
2058
+ .e-multi-select-list-wrapper .e-hide-listitem,
2059
+ .e-multi-select-list-wrapper .e-hide-group-header {
2060
+ display: none;
1963
2061
  }
1964
2062
 
1965
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
1966
- color: #fff;
2063
+ .e-multi-select-wrapper .e-delim-values .e-remain {
2064
+ color: #6c757d;
2065
+ cursor: pointer;
2066
+ display: inline-block;
2067
+ font-size: 14px;
2068
+ padding-left: 8px;
1967
2069
  }
1968
2070
 
1969
- .e-multi-select-wrapper .e-chips {
1970
- background-color: #6c757d;
1971
- border-radius: 4px;
1972
- height: 24px;
2071
+ .e-multiselect.e-disabled .e-multi-select-wrapper,
2072
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
2073
+ cursor: not-allowed;
1973
2074
  }
1974
2075
 
1975
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
1976
- background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339);
2076
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
2077
+ height: 46px;
2078
+ left: 0;
2079
+ margin: 0 0 0 0;
2080
+ margin-left: auto;
2081
+ position: relative;
2082
+ top: 0;
2083
+ width: 46px;
1977
2084
  }
1978
2085
 
1979
- .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
1980
- color: #fff;
2086
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2087
+ -ms-flex-item-align: center;
2088
+ align-self: center;
2089
+ -webkit-box-shadow: none;
2090
+ box-shadow: none;
2091
+ display: -webkit-inline-box;
2092
+ display: -ms-inline-flexbox;
2093
+ display: inline-flex;
2094
+ padding: 0 0 0 20px;
2095
+ width: 92%;
1981
2096
  }
1982
2097
 
1983
- .e-multi-select-wrapper .e-chips .e-chips-close::before {
1984
- -webkit-text-fill-color: #fff;
1985
- color: #fff;
1986
- font-size: 8px;
2098
+ .e-multi-select-wrapper .e-ddl-disable-icon::before {
2099
+ content: "";
1987
2100
  }
1988
2101
 
1989
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1990
- background-color: #6c757d;
1991
- border-radius: 4px;
1992
- color: #fff;
1993
- height: 46px;
1994
- line-height: 46px;
2102
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
2103
+ float: none;
1995
2104
  }
1996
2105
 
1997
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1998
- color: #fff;
2106
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
2107
+ padding-left: 0;
1999
2108
  }
2000
-
2001
- .e-multi-select-wrapper .e-chips.e-mob-chip {
2002
- height: 28px;
2109
+ .e-multiselect.e-rtl .e-multi-select-wrapper {
2110
+ padding: 0 2px 0 32px;
2003
2111
  }
2004
-
2005
- .e-popup.e-multi-select-list-wrapper {
2006
- -webkit-box-shadow: none;
2007
- box-shadow: none;
2008
- -webkit-box-sizing: content-box;
2009
- box-sizing: content-box;
2010
- overflow: initial;
2112
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
2113
+ left: -10px;
2011
2114
  }
2012
-
2013
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
2014
- border-bottom: 1px solid transparent;
2015
- border-left: 1px solid #007bff;
2016
- border-right: 1px solid #007bff;
2017
- border-top: 1px solid transparent;
2115
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
2116
+ margin: 0;
2117
+ margin-right: auto;
2018
2118
  }
2019
-
2020
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
2021
- background-color: transparent;
2022
- border-color: transparent;
2023
- color: #212529;
2119
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
2120
+ float: right;
2024
2121
  }
2025
-
2026
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
2027
- background-color: transparent;
2028
- border-color: transparent;
2029
- color: #212529;
2122
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
2123
+ float: right;
2124
+ margin: 2px 0 2px 4px;
2125
+ padding: 0 8px 0 0;
2030
2126
  }
2031
-
2032
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
2033
- color: #212529;
2127
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
2128
+ padding: 6px 10px 6px 10px;
2034
2129
  }
2035
-
2036
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
2037
- color: #212529;
2130
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
2131
+ float: left;
2038
2132
  }
2039
-
2040
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2041
- background-color: rgb(242.05, 243.9, 245.75);
2133
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
2134
+ left: -10px;
2042
2135
  }
2043
-
2044
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
2045
- background-color: rgb(242.05, 243.9, 245.75);
2136
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
2137
+ padding: 0 4px 0 8px;
2046
2138
  }
2047
-
2048
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
2049
- border-bottom: 1px solid transparent;
2050
- border-top: 1px solid transparent;
2139
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
2140
+ padding: 8px 4px;
2051
2141
  }
2052
-
2053
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
2054
- border-bottom: 1px solid transparent;
2142
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2143
+ padding: 0 8px 0 4px;
2055
2144
  }
2056
-
2057
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
2058
- border-top: 1px solid transparent;
2145
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2146
+ padding: 12px 4px;
2059
2147
  }
2060
-
2061
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2062
- background-color: #007bff;
2063
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2064
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2065
- color: #fff;
2066
- border: 1px solid #6c757d;
2148
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2149
+ left: 24px;
2150
+ position: absolute;
2151
+ right: auto;
2067
2152
  }
2068
-
2069
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2070
- background-color: #007bff;
2071
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2072
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2073
- color: #fff;
2074
- border: 1px solid #6c757d;
2153
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
2154
+ left: -15px;
2075
2155
  }
2076
-
2077
- .e-popup.e-multi-select-list-wrapper .e-list-item {
2078
- border: 1px solid transparent;
2156
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
2157
+ padding-right: 8px;
2079
2158
  }
2080
2159
 
2081
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
2082
- border: 1px solid transparent;
2160
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
2161
+ left: 38px;
2083
2162
  }
2084
2163
 
2085
- .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2086
- color: #6c757d;
2164
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
2165
+ left: -15px;
2087
2166
  }
2088
2167
 
2089
- .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2090
- color: #6c757d;
2168
+ .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2169
+ bottom: 1px;
2170
+ margin-right: 8px;
2171
+ position: relative;
2172
+ text-indent: 0;
2173
+ vertical-align: middle;
2091
2174
  }
2092
2175
 
2093
- .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2094
- color: #6c757d;
2176
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
2177
+ padding-left: 14px;
2095
2178
  }
2096
2179
 
2097
- .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2098
- color: #6c757d;
2180
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
2181
+ padding-right: 29px;
2099
2182
  }
2100
2183
 
2101
- .e-ul.e-reorder {
2102
- border-bottom: 1px solid rgba(0, 0, 0, 0.15);
2103
- }
2104
-
2105
- .e-multi-select-list-wrapper .e-selectall-parent {
2106
- border-bottom: 1px solid rgba(0, 0, 0, 0.15);
2184
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2185
+ bottom: 1px;
2186
+ margin-right: 8px;
2187
+ position: relative;
2188
+ text-indent: 0;
2189
+ vertical-align: middle;
2107
2190
  }
2108
2191
 
2109
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus .e-checkbox-wrapper .e-frame.e-check {
2110
- background-color: #fff;
2111
- border-color: #fff;
2112
- color: #007bff;
2192
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
2193
+ margin-left: 12px;
2194
+ margin-right: 0;
2113
2195
  }
2114
2196
 
2115
- .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 {
2116
- background-color: #fff;
2117
- border-color: #fff;
2118
- color: #007bff;
2197
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
2198
+ margin-left: 12px;
2199
+ margin-right: 0;
2119
2200
  }
2120
2201
 
2121
- .e-multi-select-wrapper .e-delim-values {
2122
- -webkit-text-fill-color: #fff;
2123
- color: #fff;
2124
- -webkit-text-fill-color: #212529;
2125
- color: #212529;
2202
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
2203
+ padding-right: 0;
2126
2204
  }
2127
2205
 
2128
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2129
- color: #495057;
2206
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
2207
+ padding-right: 15px;
2130
2208
  }
2131
2209
 
2132
- .e-small .e-multi-select-wrapper .e-chips {
2133
- height: 20px;
2210
+ .e-multi-select-list-wrapper .e-selectall-parent {
2211
+ cursor: pointer;
2212
+ display: block;
2213
+ line-height: 26px;
2214
+ overflow: hidden;
2215
+ text-overflow: ellipsis;
2216
+ padding-right: 24px;
2217
+ position: relative;
2218
+ text-indent: 21px;
2219
+ white-space: nowrap;
2220
+ width: 100%;
2134
2221
  }
2135
2222
 
2136
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2137
- font-size: 12px;
2223
+ .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
2224
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
2225
+ padding-left: 24px;
2226
+ padding-right: 15px;
2138
2227
  }
2139
2228
 
2140
- .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2141
- left: 0;
2142
- top: 5px;
2143
- font-size: 8px;
2229
+ .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
2230
+ color: #212529;
2231
+ font-family: inherit;
2232
+ font-size: 14px;
2144
2233
  }
2145
2234
 
2146
- .e-small .e-multi-select-wrapper .e-close-hooker::before {
2147
- left: 4px;
2235
+ .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2236
+ bottom: 1px;
2237
+ margin-right: 8px;
2238
+ position: relative;
2239
+ text-indent: 0;
2240
+ vertical-align: middle;
2148
2241
  }
2149
2242
 
2150
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2151
- -webkit-text-fill-color: #6c757d;
2152
- color: #6c757d;
2243
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
2244
+ margin-left: 12px;
2245
+ margin-right: 0;
2153
2246
  }
2154
2247
 
2155
- .e-listbox-tool .e-moveup::before {
2156
- content: "\e808";
2248
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
2249
+ float: right;
2250
+ margin-top: 0;
2157
2251
  }
2158
2252
 
2159
- .e-listbox-tool .e-movedown::before {
2160
- content: "\e806";
2253
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
2254
+ float: left;
2161
2255
  }
2162
2256
 
2163
- .e-listbox-tool .e-moveto::before {
2164
- content: "\e807";
2257
+ .e-multiselect.e-checkbox .e-multi-select-wrapper,
2258
+ .e-multiselect .e-multi-select-wrapper.e-down-icon {
2259
+ padding: 0;
2165
2260
  }
2166
2261
 
2167
- .e-listbox-tool .e-movefrom::before {
2168
- content: "\e809";
2262
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2263
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
2264
+ padding: 8px;
2169
2265
  }
2170
2266
 
2171
- .e-listbox-tool .e-moveallto::before {
2172
- content: "\e7bb";
2267
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2268
+ padding-left: 8px;
2173
2269
  }
2174
2270
 
2175
- .e-listbox-tool .e-moveallfrom::before {
2176
- content: "\e7ba";
2271
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
2272
+ padding: 0;
2177
2273
  }
2178
2274
 
2179
- /* stylelint-disable property-no-vendor-prefix */
2180
- .e-listbox-wrapper,
2181
- .e-listbox-container,
2182
- .e-listboxtool-wrapper {
2183
- -webkit-overflow-scrolling: touch;
2184
- -webkit-box-sizing: border-box;
2185
- box-sizing: border-box;
2186
- cursor: pointer;
2187
- display: block;
2188
- position: relative;
2189
- -webkit-user-select: none;
2190
- -moz-user-select: none;
2191
- -ms-user-select: none;
2192
- user-select: none;
2193
- width: 100%;
2275
+ .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
2276
+ line-height: 20px;
2277
+ padding-left: 10px;
2194
2278
  }
2195
- .e-listbox-wrapper *,
2196
- .e-listbox-container *,
2197
- .e-listboxtool-wrapper * {
2198
- -webkit-box-sizing: border-box;
2199
- box-sizing: border-box;
2279
+
2280
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
2281
+ .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
2282
+ opacity: 0.3;
2200
2283
  }
2201
- .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2202
- .e-listbox-container.e-listboxtool-container .e-list-wrap,
2203
- .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2204
- width: 86% !important; /* stylelint-disable-line declaration-no-important */
2284
+
2285
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
2286
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
2287
+ opacity: 0.7;
2205
2288
  }
2206
- .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2207
- .e-listbox-container .e-list-wrap:focus-visible,
2208
- .e-listbox-container:focus,
2209
- .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2210
- .e-listboxtool-wrapper:focus {
2211
- outline: none;
2289
+
2290
+ .e-multi-select-wrapper input[readonly=true] {
2291
+ pointer-events: none;
2212
2292
  }
2213
- .e-listbox-wrapper.e-disabled,
2214
- .e-listbox-container.e-disabled,
2215
- .e-listboxtool-wrapper.e-disabled {
2216
- cursor: default;
2293
+
2294
+ .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
2217
2295
  pointer-events: none;
2218
2296
  }
2219
- .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
2220
- .e-listbox-container:not(.e-list-template) .e-list-nrt,
2221
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2222
- text-align: center;
2297
+
2298
+ ejs-multiselect {
2299
+ display: block;
2223
2300
  }
2224
- .e-listbox-wrapper .e-list-parent,
2225
- .e-listbox-container .e-list-parent,
2226
- .e-listboxtool-wrapper .e-list-parent {
2227
- height: 100%;
2228
- min-height: 40px;
2301
+
2302
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
2303
+ .e-small .e-multi-select-list-wrapper .e-selectall-parent {
2304
+ line-height: 22px;
2229
2305
  }
2230
- .e-listbox-wrapper .e-list-item,
2231
- .e-listbox-container .e-list-item,
2232
- .e-listboxtool-wrapper .e-list-item {
2233
- border-bottom: 1px solid;
2234
- outline: none;
2306
+
2307
+ .e-small .e-multi-select-wrapper .e-chips-close {
2308
+ height: 18px;
2309
+ width: auto;
2235
2310
  }
2236
- .e-listbox-wrapper .e-list-item.e-disabled,
2237
- .e-listbox-container .e-list-item.e-disabled,
2238
- .e-listboxtool-wrapper .e-list-item.e-disabled {
2239
- pointer-events: none;
2311
+
2312
+ .e-small .e-multi-select-wrapper {
2313
+ min-height: 22px;
2240
2314
  }
2241
- .e-listbox-wrapper .e-disable,
2242
- .e-listbox-container .e-disable,
2243
- .e-listboxtool-wrapper .e-disable {
2244
- opacity: 0.7;
2315
+
2316
+ .e-small .e-multi-select-wrapper input[type=text] {
2317
+ height: 22px;
2318
+ min-height: 22px;
2245
2319
  }
2246
- .e-listbox-wrapper .e-list-parent,
2247
- .e-listbox-container .e-list-parent,
2248
- .e-listboxtool-wrapper .e-list-parent {
2249
- margin: 0;
2250
- padding: 0;
2320
+
2321
+ .e-small .e-multi-select-wrapper .e-delim-values {
2322
+ font-size: 12px;
2323
+ line-height: 22px;
2251
2324
  }
2252
- .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2253
- .e-listbox-container .e-list-header .e-text.header,
2254
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2255
- .e-listboxtool-wrapper .e-list-header .e-text.header,
2256
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2257
- display: none;
2325
+
2326
+ .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2327
+ .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2328
+ margin-top: -2.4em;
2258
2329
  }
2259
- .e-listbox-wrapper .e-icon-back,
2260
- .e-listbox-container .e-icon-back,
2261
- .e-listboxtool-wrapper .e-icon-back {
2262
- margin-top: 0;
2330
+
2331
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2332
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2333
+ margin-top: -1.85em;
2263
2334
  }
2264
- .e-listbox-wrapper .e-list-header,
2265
- .e-listbox-container .e-list-header,
2266
- .e-listboxtool-wrapper .e-list-header {
2267
- -webkit-box-align: center;
2268
- -ms-flex-align: center;
2269
- align-items: center;
2270
- border-bottom: 1px solid;
2271
- display: -webkit-box;
2272
- display: -ms-flexbox;
2273
- display: flex;
2274
- font-weight: bold;
2275
- height: 40px;
2276
- padding: 0 16px;
2335
+
2336
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2337
+ padding: 0 8px 0 8px;
2277
2338
  }
2278
- .e-listbox-wrapper .e-has-header > .e-view,
2279
- .e-listbox-container .e-has-header > .e-view,
2280
- .e-listboxtool-wrapper .e-has-header > .e-view {
2281
- top: 45px;
2339
+
2340
+ .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2341
+ background-size: 300px 33px;
2342
+ min-height: 33px;
2282
2343
  }
2283
- .e-listbox-wrapper .e-but-back,
2284
- .e-listbox-container .e-but-back,
2285
- .e-listboxtool-wrapper .e-but-back {
2286
- cursor: pointer;
2287
- padding-right: 10px;
2344
+
2345
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2346
+ color: inherit;
2288
2347
  }
2289
- .e-listbox-wrapper .e-list-group-item:first-child,
2290
- .e-listbox-container .e-list-group-item:first-child,
2291
- .e-listboxtool-wrapper .e-list-group-item:first-child {
2292
- border: 0;
2293
- border-bottom: 1px solid rgba(0, 0, 0, 0.13);
2348
+
2349
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2350
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2351
+ -webkit-box-align: normal;
2352
+ -ms-flex-align: normal;
2353
+ align-items: normal;
2294
2354
  }
2295
- .e-listbox-wrapper .e-list-group-item,
2296
- .e-listbox-container .e-list-group-item,
2297
- .e-listboxtool-wrapper .e-list-group-item {
2298
- border-bottom: 1px solid rgba(0, 0, 0, 0.13);
2299
- border-top: 0 solid;
2300
- font-weight: 600;
2301
- height: 40px;
2302
- line-height: 1.5;
2303
- padding: 10px 16px 10px 16px;
2355
+
2356
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2357
+ padding: 0 12px 0 8px;
2304
2358
  }
2305
- .e-listbox-wrapper .e-icon-collapsible,
2306
- .e-listbox-container .e-icon-collapsible,
2307
- .e-listboxtool-wrapper .e-icon-collapsible {
2308
- cursor: pointer;
2309
- font-size: 12px;
2310
- position: absolute;
2311
- right: 0%;
2312
- top: 50%;
2313
- -webkit-transform: translateY(-50%);
2314
- transform: translateY(-50%);
2359
+
2360
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper {
2361
+ padding: 0;
2315
2362
  }
2316
- .e-listbox-wrapper .e-text-content,
2317
- .e-listbox-container .e-text-content,
2318
- .e-listboxtool-wrapper .e-text-content {
2319
- height: 100%;
2320
- position: relative;
2321
- vertical-align: middle;
2363
+
2364
+ .e-filled.e-float-input .e-multi-select-wrapper {
2365
+ padding: 11px 12px 0;
2322
2366
  }
2323
- .e-listbox-wrapper .e-text-content *,
2324
- .e-listbox-container .e-text-content *,
2325
- .e-listboxtool-wrapper .e-text-content * {
2326
- display: inline-block;
2327
- vertical-align: middle;
2367
+
2368
+ .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2369
+ .e-small .e-filled.e-float-input .e-multi-select-wrapper {
2370
+ padding: 12px 12px 0 8px;
2328
2371
  }
2329
- .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
2330
- .e-listbox-container .e-text-content.e-checkbox .e-list-text,
2331
- .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
2332
- width: calc(100% - 40px);
2372
+
2373
+ .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2374
+ .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2375
+ padding: 0;
2333
2376
  }
2334
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2335
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2336
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
2337
- width: calc(100% - 90px);
2377
+
2378
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2379
+ height: 28px;
2338
2380
  }
2339
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2340
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2341
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2342
- width: calc(100% - 80px);
2381
+
2382
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2383
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2384
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2385
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2386
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2387
+ height: 24px;
2343
2388
  }
2344
- .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,
2345
- .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,
2346
- .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 {
2347
- width: calc(100% - 92px);
2389
+
2390
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2391
+ height: 18px;
2348
2392
  }
2349
- .e-listbox-wrapper .e-checkbox .e-checkbox-left,
2350
- .e-listbox-container .e-checkbox .e-checkbox-left,
2351
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
2352
- margin: 0 10px 0 0;
2393
+
2394
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2395
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2396
+ margin: 8px 8px 0 0;
2397
+ padding: 0 8px;
2353
2398
  }
2354
- .e-listbox-wrapper .e-checkbox .e-checkbox-right,
2355
- .e-listbox-container .e-checkbox .e-checkbox-right,
2356
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
2357
- margin: 0 0 0 10px;
2399
+
2400
+ .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2401
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2402
+ margin: 8px 0 0 8px;
2403
+ padding: 0 8px;
2358
2404
  }
2359
- .e-listbox-wrapper .e-list-text,
2360
- .e-listbox-container .e-list-text,
2361
- .e-listboxtool-wrapper .e-list-text {
2362
- cursor: pointer;
2363
- display: inline-block;
2364
- overflow: hidden;
2365
- text-overflow: ellipsis;
2366
- vertical-align: top;
2367
- white-space: nowrap;
2368
- width: 100%;
2405
+
2406
+ .e-small .e-filled .e-multi-select-wrapper .e-chips,
2407
+ .e-small.e-filled .e-multi-select-wrapper .e-chips {
2408
+ height: 16px 16px;
2409
+ margin: 4px 4px 0 0;
2410
+ padding-right: 8px;
2369
2411
  }
2370
- .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,
2371
- .e-listbox-container .e-list-icon + .e-list-text,
2372
- .e-listbox-container .e-icon-wrapper .e-list-text,
2373
- .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2374
- .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2375
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2376
- .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2377
- width: calc(100% - 60px);
2412
+
2413
+ .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2414
+ .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2415
+ margin: 4px 0 0 4px;
2378
2416
  }
2379
- .e-listbox-wrapper .e-list-icon,
2380
- .e-listbox-container .e-list-icon,
2381
- .e-listboxtool-wrapper .e-list-icon {
2382
- height: 30px;
2383
- margin-right: 10px;
2384
- width: 30px;
2417
+
2418
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2419
+ font-size: 13px;
2420
+ padding: 0 8px 0 0;
2385
2421
  }
2386
- .e-listbox-wrapper .e-content,
2387
- .e-listbox-container .e-content,
2388
- .e-listboxtool-wrapper .e-content {
2389
- overflow: hidden;
2390
- position: relative;
2422
+
2423
+ .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2424
+ .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2425
+ font-size: 12px;
2391
2426
  }
2392
- .e-listbox-wrapper .e-list-header .e-text,
2393
- .e-listbox-container .e-list-header .e-text,
2394
- .e-listboxtool-wrapper .e-list-header .e-text {
2395
- cursor: pointer;
2396
- text-indent: 0;
2427
+
2428
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2429
+ font-size: 12px;
2430
+ padding: 0 4px 0 0;
2397
2431
  }
2398
- .e-listbox-wrapper .e-text .e-headertext,
2399
- .e-listbox-container .e-text .e-headertext,
2400
- .e-listboxtool-wrapper .e-text .e-headertext {
2401
- display: inline-block;
2402
- line-height: 1.2;
2432
+
2433
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2434
+ padding: 0 0 0 4px;
2403
2435
  }
2404
- .e-listbox-wrapper.e-rtl,
2405
- .e-listbox-container.e-rtl,
2406
- .e-listboxtool-wrapper.e-rtl {
2407
- direction: rtl;
2436
+
2437
+ .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2438
+ .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2439
+ font-size: 10px;
2408
2440
  }
2409
- .e-listbox-wrapper.e-rtl .e-list-icon,
2410
- .e-listbox-container.e-rtl .e-list-icon,
2411
- .e-listboxtool-wrapper.e-rtl .e-list-icon {
2412
- margin-left: 16px;
2441
+
2442
+ .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2443
+ font-size: 13px;
2444
+ padding-right: 4px;
2445
+ }
2446
+
2447
+ .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2448
+ .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2449
+ height: 38px;
2450
+ margin-top: -38px;
2451
+ right: 12px;
2452
+ top: 100%;
2453
+ width: 16px;
2454
+ }
2455
+
2456
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2457
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2458
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2459
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2460
+ .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 {
2461
+ display: none;
2462
+ }
2463
+
2464
+ .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
2413
2465
  margin-right: 0;
2414
2466
  }
2415
- .e-listbox-wrapper.e-rtl .e-icon-collapsible,
2416
- .e-listbox-container.e-rtl .e-icon-collapsible,
2417
- .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
2418
- left: 0%;
2419
- right: initial;
2420
- top: 50%;
2421
- -webkit-transform: translateY(-50%) rotate(180deg);
2422
- transform: translateY(-50%) rotate(180deg);
2467
+
2468
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2469
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2470
+ cursor: not-allowed;
2423
2471
  }
2424
- .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2425
- .e-listbox-container.e-rtl .e-list-header .e-text,
2426
- .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
2472
+
2473
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2474
+ .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 {
2427
2475
  cursor: pointer;
2428
2476
  }
2429
- .e-listbox-wrapper.e-rtl .e-but-back,
2430
- .e-listbox-container.e-rtl .e-but-back,
2431
- .e-listboxtool-wrapper.e-rtl .e-but-back {
2432
- -webkit-transform: rotate(180deg);
2433
- transform: rotate(180deg);
2477
+
2478
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
2479
+ bottom: 0;
2480
+ right: 0;
2481
+ cursor: nwse-resize;
2482
+ height: 15px;
2483
+ position: absolute;
2484
+ width: 15px;
2434
2485
  }
2435
- .e-listbox-wrapper.e-rtl .e-icon-back,
2436
- .e-listbox-container.e-rtl .e-icon-back,
2437
- .e-listboxtool-wrapper.e-rtl .e-icon-back {
2438
- margin-top: 0;
2486
+
2487
+ .e-listbox-tool .e-moveup::before {
2488
+ content: "\e808";
2439
2489
  }
2440
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2441
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2442
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2443
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
2444
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2445
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2446
- margin: 0 0 0 10px;
2490
+
2491
+ .e-listbox-tool .e-movedown::before {
2492
+ content: "\e806";
2447
2493
  }
2448
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
2449
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
2450
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2451
- margin: 0 10px 0 0;
2452
- }
2453
- .e-listbox-wrapper .e-checkbox-wrapper,
2454
- .e-listbox-container .e-checkbox-wrapper,
2455
- .e-listboxtool-wrapper .e-checkbox-wrapper {
2456
- margin: 0 10px 0 0;
2457
- text-indent: 0;
2458
- vertical-align: middle;
2459
- }
2460
- .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2461
- .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
2462
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
2463
- position: absolute;
2464
- right: 0;
2465
- top: 30%;
2466
- }
2467
- .e-listbox-wrapper .e-input-group,
2468
- .e-listbox-container .e-input-group,
2469
- .e-listboxtool-wrapper .e-input-group {
2470
- padding: 4px 8px;
2471
- }
2472
- .e-listbox-wrapper .e-input-focus,
2473
- .e-listbox-container .e-input-focus,
2474
- .e-listboxtool-wrapper .e-input-focus {
2475
- padding: 4px 4px 4px 8px;
2476
- }
2477
- .e-listbox-wrapper .e-hidden-select,
2478
- .e-listbox-container .e-hidden-select,
2479
- .e-listboxtool-wrapper .e-hidden-select {
2480
- height: 1px;
2481
- opacity: 0;
2482
- position: absolute;
2483
- width: 100%;
2484
- }
2485
- .e-listbox-wrapper .e-placeholder,
2486
- .e-listbox-container .e-placeholder,
2487
- .e-listboxtool-wrapper .e-placeholder {
2488
- background-color: #007bff;
2489
- display: block;
2490
- height: 1px;
2491
- }
2492
-
2493
- ejs-listbox {
2494
- display: block;
2495
- }
2496
-
2497
- .e-listbox-wrapper:not(.e-listbox-container),
2498
- .e-listbox-wrapper.e-filter-list .e-list-parent {
2499
- overflow: auto;
2500
- }
2501
-
2502
- .e-listbox-wrapper.e-sortableclone,
2503
- .e-listbox-container.e-sortableclone,
2504
- .e-listboxtool-wrapper.e-sortableclone {
2505
- border-width: 0;
2506
- overflow: visible;
2507
- }
2508
- .e-listbox-wrapper.e-sortableclone .e-list-item,
2509
- .e-listbox-container.e-sortableclone .e-list-item,
2510
- .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2511
- list-style-type: none;
2512
- height: 38px !important; /* stylelint-disable-line declaration-no-important */
2513
- }
2514
- .e-listbox-wrapper.e-sortableclone .e-ripple,
2515
- .e-listbox-container.e-sortableclone .e-ripple,
2516
- .e-listboxtool-wrapper.e-sortableclone .e-ripple {
2517
- overflow: visible;
2518
- }
2519
- .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
2520
- .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
2521
- .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
2522
- display: none;
2523
- }
2524
- .e-listbox-wrapper.e-sortableclone .e-list-badge,
2525
- .e-listbox-container.e-sortableclone .e-list-badge,
2526
- .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
2527
- -webkit-box-align: center;
2528
- -ms-flex-align: center;
2529
- align-items: center;
2530
- background-color: #007bff;
2531
- border: 1px solid #fff;
2532
- border-radius: 50%;
2533
- color: #fff;
2534
- display: -webkit-box;
2535
- display: -ms-flexbox;
2536
- display: flex;
2537
- font-size: 12px;
2538
- height: 22px;
2539
- -webkit-box-pack: center;
2540
- -ms-flex-pack: center;
2541
- justify-content: center;
2542
- position: absolute;
2543
- right: -10px;
2544
- top: -10px;
2545
- width: 22px;
2546
- }
2547
-
2548
- .e-listboxtool-wrapper.e-sortableclone {
2549
- display: block;
2494
+
2495
+ .e-listbox-tool .e-moveto::before {
2496
+ content: "\e807";
2550
2497
  }
2551
2498
 
2552
- .e-listboxtool-wrapper,
2553
- .e-listboxtool-container {
2554
- cursor: pointer;
2555
- display: -webkit-box;
2556
- display: -ms-flexbox;
2557
- display: flex;
2558
- }
2559
- .e-listboxtool-wrapper *,
2560
- .e-listboxtool-container * {
2561
- -webkit-box-sizing: border-box;
2562
- box-sizing: border-box;
2563
- }
2564
- .e-listboxtool-wrapper.e-disabled,
2565
- .e-listboxtool-container.e-disabled {
2566
- cursor: default;
2567
- pointer-events: none;
2568
- }
2569
- .e-listboxtool-wrapper .e-listbox-wrapper,
2570
- .e-listboxtool-wrapper .e-list-wrap,
2571
- .e-listboxtool-container .e-listbox-wrapper,
2572
- .e-listboxtool-container .e-list-wrap {
2573
- -webkit-box-flex: 1;
2574
- -ms-flex: 1;
2575
- flex: 1;
2576
- }
2577
- .e-listboxtool-wrapper.e-right .e-listbox-tool,
2578
- .e-listboxtool-container.e-right .e-listbox-tool {
2579
- margin-left: 15px;
2580
- }
2581
- .e-listboxtool-wrapper.e-left .e-listbox-tool,
2582
- .e-listboxtool-container.e-left .e-listbox-tool {
2583
- margin-right: 15px;
2584
- }
2585
- .e-listboxtool-wrapper .e-listbox-tool,
2586
- .e-listboxtool-container .e-listbox-tool {
2587
- border: 1px solid #dee2e6;
2588
- overflow: auto;
2589
- padding: 8px;
2590
- }
2591
- .e-listboxtool-wrapper .e-listbox-tool .e-btn,
2592
- .e-listboxtool-container .e-listbox-tool .e-btn {
2593
- display: list-item;
2594
- list-style-type: none;
2595
- margin-bottom: 10px;
2596
- }
2597
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
2598
- .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
2599
- position: absolute;
2600
- right: 0;
2601
- top: 30%;
2499
+ .e-listbox-tool .e-movefrom::before {
2500
+ content: "\e809";
2602
2501
  }
2603
2502
 
2604
- .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
2605
- .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
2606
- margin-right: 15px;
2607
- }
2608
- .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
2609
- .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
2610
- margin-left: 15px;
2503
+ .e-listbox-tool .e-moveallto::before {
2504
+ content: "\e7bb";
2611
2505
  }
2612
2506
 
2613
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2614
- .e-listbox-wrapper .e-list-nrt,
2615
- .e-listbox-wrapper .e-selectall-parent,
2616
- .e-listbox-container:not(.e-list-template) .e-list-item,
2617
- .e-listbox-container .e-list-nrt,
2618
- .e-listbox-container .e-selectall-parent,
2619
- .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2620
- .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
2621
- .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
2622
- height: 40px;
2623
- line-height: 1.5;
2624
- padding: 10px 16px 10px 16px;
2625
- position: relative;
2626
- }
2627
- .e-listbox-wrapper .e-list-icon,
2628
- .e-listbox-container .e-list-icon,
2629
- .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
2630
- display: inline;
2631
- vertical-align: middle;
2632
- width: auto;
2633
- height: auto;
2634
- padding-bottom: 1px;
2507
+ .e-listbox-tool .e-moveallfrom::before {
2508
+ content: "\e7ba";
2635
2509
  }
2636
2510
 
2637
2511
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
@@ -2952,4 +2826,462 @@ ejs-listbox {
2952
2826
 
2953
2827
  .e-listbox-container .e-selectall-parent + .e-list-wrap {
2954
2828
  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
2829
+ }
2830
+
2831
+ /* stylelint-disable property-no-vendor-prefix */
2832
+ .e-listbox-wrapper,
2833
+ .e-listbox-container,
2834
+ .e-listboxtool-wrapper {
2835
+ -webkit-overflow-scrolling: touch;
2836
+ -webkit-box-sizing: border-box;
2837
+ box-sizing: border-box;
2838
+ cursor: pointer;
2839
+ display: block;
2840
+ position: relative;
2841
+ -webkit-user-select: none;
2842
+ -moz-user-select: none;
2843
+ -ms-user-select: none;
2844
+ user-select: none;
2845
+ width: 100%;
2846
+ }
2847
+ .e-listbox-wrapper *,
2848
+ .e-listbox-container *,
2849
+ .e-listboxtool-wrapper * {
2850
+ -webkit-box-sizing: border-box;
2851
+ box-sizing: border-box;
2852
+ }
2853
+ .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2854
+ .e-listbox-container.e-listboxtool-container .e-list-wrap,
2855
+ .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2856
+ width: 86% !important; /* stylelint-disable-line declaration-no-important */
2857
+ }
2858
+ .e-listbox-wrapper .e-list-wrap:focus-visible, .e-listbox-wrapper:focus,
2859
+ .e-listbox-container .e-list-wrap:focus-visible,
2860
+ .e-listbox-container:focus,
2861
+ .e-listboxtool-wrapper .e-list-wrap:focus-visible,
2862
+ .e-listboxtool-wrapper:focus {
2863
+ outline: none;
2864
+ }
2865
+ .e-listbox-wrapper.e-disabled,
2866
+ .e-listbox-container.e-disabled,
2867
+ .e-listboxtool-wrapper.e-disabled {
2868
+ cursor: default;
2869
+ pointer-events: none;
2870
+ }
2871
+ .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
2872
+ .e-listbox-container:not(.e-list-template) .e-list-nrt,
2873
+ .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2874
+ text-align: center;
2875
+ }
2876
+ .e-listbox-wrapper .e-list-parent,
2877
+ .e-listbox-container .e-list-parent,
2878
+ .e-listboxtool-wrapper .e-list-parent {
2879
+ height: 100%;
2880
+ min-height: 40px;
2881
+ }
2882
+ .e-listbox-wrapper .e-list-item,
2883
+ .e-listbox-container .e-list-item,
2884
+ .e-listboxtool-wrapper .e-list-item {
2885
+ border-bottom: 1px solid;
2886
+ outline: none;
2887
+ }
2888
+ .e-listbox-wrapper .e-list-item.e-disabled,
2889
+ .e-listbox-container .e-list-item.e-disabled,
2890
+ .e-listboxtool-wrapper .e-list-item.e-disabled {
2891
+ pointer-events: none;
2892
+ }
2893
+ .e-listbox-wrapper .e-disable,
2894
+ .e-listbox-container .e-disable,
2895
+ .e-listboxtool-wrapper .e-disable {
2896
+ opacity: 0.7;
2897
+ }
2898
+ .e-listbox-wrapper .e-list-parent,
2899
+ .e-listbox-container .e-list-parent,
2900
+ .e-listboxtool-wrapper .e-list-parent {
2901
+ margin: 0;
2902
+ padding: 0;
2903
+ }
2904
+ .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2905
+ .e-listbox-container .e-list-header .e-text.header,
2906
+ .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2907
+ .e-listboxtool-wrapper .e-list-header .e-text.header,
2908
+ .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2909
+ display: none;
2910
+ }
2911
+ .e-listbox-wrapper .e-icon-back,
2912
+ .e-listbox-container .e-icon-back,
2913
+ .e-listboxtool-wrapper .e-icon-back {
2914
+ margin-top: 0;
2915
+ }
2916
+ .e-listbox-wrapper .e-list-header,
2917
+ .e-listbox-container .e-list-header,
2918
+ .e-listboxtool-wrapper .e-list-header {
2919
+ -webkit-box-align: center;
2920
+ -ms-flex-align: center;
2921
+ align-items: center;
2922
+ border-bottom: 1px solid;
2923
+ display: -webkit-box;
2924
+ display: -ms-flexbox;
2925
+ display: flex;
2926
+ font-weight: bold;
2927
+ height: 40px;
2928
+ padding: 0 16px;
2929
+ }
2930
+ .e-listbox-wrapper .e-has-header > .e-view,
2931
+ .e-listbox-container .e-has-header > .e-view,
2932
+ .e-listboxtool-wrapper .e-has-header > .e-view {
2933
+ top: 45px;
2934
+ }
2935
+ .e-listbox-wrapper .e-but-back,
2936
+ .e-listbox-container .e-but-back,
2937
+ .e-listboxtool-wrapper .e-but-back {
2938
+ cursor: pointer;
2939
+ padding-right: 10px;
2940
+ }
2941
+ .e-listbox-wrapper .e-list-group-item:first-child,
2942
+ .e-listbox-container .e-list-group-item:first-child,
2943
+ .e-listboxtool-wrapper .e-list-group-item:first-child {
2944
+ border: 0;
2945
+ border-bottom: 1px solid rgba(0, 0, 0, 0.13);
2946
+ }
2947
+ .e-listbox-wrapper .e-list-group-item,
2948
+ .e-listbox-container .e-list-group-item,
2949
+ .e-listboxtool-wrapper .e-list-group-item {
2950
+ border-bottom: 1px solid rgba(0, 0, 0, 0.13);
2951
+ border-top: 0 solid;
2952
+ font-weight: 600;
2953
+ height: 40px;
2954
+ line-height: 1.5;
2955
+ padding: 10px 16px 10px 16px;
2956
+ }
2957
+ .e-listbox-wrapper .e-icon-collapsible,
2958
+ .e-listbox-container .e-icon-collapsible,
2959
+ .e-listboxtool-wrapper .e-icon-collapsible {
2960
+ cursor: pointer;
2961
+ font-size: 12px;
2962
+ position: absolute;
2963
+ right: 0%;
2964
+ top: 50%;
2965
+ -webkit-transform: translateY(-50%);
2966
+ transform: translateY(-50%);
2967
+ }
2968
+ .e-listbox-wrapper .e-text-content,
2969
+ .e-listbox-container .e-text-content,
2970
+ .e-listboxtool-wrapper .e-text-content {
2971
+ height: 100%;
2972
+ position: relative;
2973
+ vertical-align: middle;
2974
+ }
2975
+ .e-listbox-wrapper .e-text-content *,
2976
+ .e-listbox-container .e-text-content *,
2977
+ .e-listboxtool-wrapper .e-text-content * {
2978
+ display: inline-block;
2979
+ vertical-align: middle;
2980
+ }
2981
+ .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
2982
+ .e-listbox-container .e-text-content.e-checkbox .e-list-text,
2983
+ .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
2984
+ width: calc(100% - 40px);
2985
+ }
2986
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2987
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2988
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
2989
+ width: calc(100% - 90px);
2990
+ }
2991
+ .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2992
+ .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2993
+ .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2994
+ width: calc(100% - 80px);
2995
+ }
2996
+ .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,
2997
+ .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,
2998
+ .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 {
2999
+ width: calc(100% - 92px);
3000
+ }
3001
+ .e-listbox-wrapper .e-checkbox .e-checkbox-left,
3002
+ .e-listbox-container .e-checkbox .e-checkbox-left,
3003
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
3004
+ margin: 0 10px 0 0;
3005
+ }
3006
+ .e-listbox-wrapper .e-checkbox .e-checkbox-right,
3007
+ .e-listbox-container .e-checkbox .e-checkbox-right,
3008
+ .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
3009
+ margin: 0 0 0 10px;
3010
+ }
3011
+ .e-listbox-wrapper .e-list-text,
3012
+ .e-listbox-container .e-list-text,
3013
+ .e-listboxtool-wrapper .e-list-text {
3014
+ cursor: pointer;
3015
+ display: inline-block;
3016
+ overflow: hidden;
3017
+ text-overflow: ellipsis;
3018
+ vertical-align: top;
3019
+ white-space: nowrap;
3020
+ width: 100%;
3021
+ }
3022
+ .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,
3023
+ .e-listbox-container .e-list-icon + .e-list-text,
3024
+ .e-listbox-container .e-icon-wrapper .e-list-text,
3025
+ .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
3026
+ .e-listboxtool-wrapper .e-list-icon + .e-list-text,
3027
+ .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
3028
+ .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
3029
+ width: calc(100% - 60px);
3030
+ }
3031
+ .e-listbox-wrapper .e-list-icon,
3032
+ .e-listbox-container .e-list-icon,
3033
+ .e-listboxtool-wrapper .e-list-icon {
3034
+ height: 30px;
3035
+ margin-right: 10px;
3036
+ width: 30px;
3037
+ }
3038
+ .e-listbox-wrapper .e-content,
3039
+ .e-listbox-container .e-content,
3040
+ .e-listboxtool-wrapper .e-content {
3041
+ overflow: hidden;
3042
+ position: relative;
3043
+ }
3044
+ .e-listbox-wrapper .e-list-header .e-text,
3045
+ .e-listbox-container .e-list-header .e-text,
3046
+ .e-listboxtool-wrapper .e-list-header .e-text {
3047
+ cursor: pointer;
3048
+ text-indent: 0;
3049
+ }
3050
+ .e-listbox-wrapper .e-text .e-headertext,
3051
+ .e-listbox-container .e-text .e-headertext,
3052
+ .e-listboxtool-wrapper .e-text .e-headertext {
3053
+ display: inline-block;
3054
+ line-height: 1.2;
3055
+ }
3056
+ .e-listbox-wrapper.e-rtl,
3057
+ .e-listbox-container.e-rtl,
3058
+ .e-listboxtool-wrapper.e-rtl {
3059
+ direction: rtl;
3060
+ }
3061
+ .e-listbox-wrapper.e-rtl .e-list-icon,
3062
+ .e-listbox-container.e-rtl .e-list-icon,
3063
+ .e-listboxtool-wrapper.e-rtl .e-list-icon {
3064
+ margin-left: 16px;
3065
+ margin-right: 0;
3066
+ }
3067
+ .e-listbox-wrapper.e-rtl .e-icon-collapsible,
3068
+ .e-listbox-container.e-rtl .e-icon-collapsible,
3069
+ .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
3070
+ left: 0%;
3071
+ right: initial;
3072
+ top: 50%;
3073
+ -webkit-transform: translateY(-50%) rotate(180deg);
3074
+ transform: translateY(-50%) rotate(180deg);
3075
+ }
3076
+ .e-listbox-wrapper.e-rtl .e-list-header .e-text,
3077
+ .e-listbox-container.e-rtl .e-list-header .e-text,
3078
+ .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
3079
+ cursor: pointer;
3080
+ }
3081
+ .e-listbox-wrapper.e-rtl .e-but-back,
3082
+ .e-listbox-container.e-rtl .e-but-back,
3083
+ .e-listboxtool-wrapper.e-rtl .e-but-back {
3084
+ -webkit-transform: rotate(180deg);
3085
+ transform: rotate(180deg);
3086
+ }
3087
+ .e-listbox-wrapper.e-rtl .e-icon-back,
3088
+ .e-listbox-container.e-rtl .e-icon-back,
3089
+ .e-listboxtool-wrapper.e-rtl .e-icon-back {
3090
+ margin-top: 0;
3091
+ }
3092
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3093
+ .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
3094
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
3095
+ .e-listbox-container.e-rtl .e-checkbox-wrapper,
3096
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
3097
+ .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
3098
+ margin: 0 0 0 10px;
3099
+ }
3100
+ .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
3101
+ .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
3102
+ .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
3103
+ margin: 0 10px 0 0;
3104
+ }
3105
+ .e-listbox-wrapper .e-checkbox-wrapper,
3106
+ .e-listbox-container .e-checkbox-wrapper,
3107
+ .e-listboxtool-wrapper .e-checkbox-wrapper {
3108
+ margin: 0 10px 0 0;
3109
+ text-indent: 0;
3110
+ vertical-align: middle;
3111
+ }
3112
+ .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
3113
+ .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
3114
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
3115
+ position: absolute;
3116
+ right: 0;
3117
+ top: 30%;
3118
+ }
3119
+ .e-listbox-wrapper .e-input-group,
3120
+ .e-listbox-container .e-input-group,
3121
+ .e-listboxtool-wrapper .e-input-group {
3122
+ padding: 4px 8px;
3123
+ }
3124
+ .e-listbox-wrapper .e-input-focus,
3125
+ .e-listbox-container .e-input-focus,
3126
+ .e-listboxtool-wrapper .e-input-focus {
3127
+ padding: 4px 4px 4px 8px;
3128
+ }
3129
+ .e-listbox-wrapper .e-hidden-select,
3130
+ .e-listbox-container .e-hidden-select,
3131
+ .e-listboxtool-wrapper .e-hidden-select {
3132
+ height: 1px;
3133
+ opacity: 0;
3134
+ position: absolute;
3135
+ width: 100%;
3136
+ }
3137
+ .e-listbox-wrapper .e-placeholder,
3138
+ .e-listbox-container .e-placeholder,
3139
+ .e-listboxtool-wrapper .e-placeholder {
3140
+ background-color: #007bff;
3141
+ display: block;
3142
+ height: 1px;
3143
+ }
3144
+
3145
+ ejs-listbox {
3146
+ display: block;
3147
+ }
3148
+
3149
+ .e-listbox-wrapper:not(.e-listbox-container),
3150
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
3151
+ overflow: auto;
3152
+ }
3153
+
3154
+ .e-listbox-wrapper.e-sortableclone,
3155
+ .e-listbox-container.e-sortableclone,
3156
+ .e-listboxtool-wrapper.e-sortableclone {
3157
+ border-width: 0;
3158
+ overflow: visible;
3159
+ }
3160
+ .e-listbox-wrapper.e-sortableclone .e-list-item,
3161
+ .e-listbox-container.e-sortableclone .e-list-item,
3162
+ .e-listboxtool-wrapper.e-sortableclone .e-list-item {
3163
+ list-style-type: none;
3164
+ height: 38px !important; /* stylelint-disable-line declaration-no-important */
3165
+ }
3166
+ .e-listbox-wrapper.e-sortableclone .e-ripple,
3167
+ .e-listbox-container.e-sortableclone .e-ripple,
3168
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple {
3169
+ overflow: visible;
3170
+ }
3171
+ .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
3172
+ .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
3173
+ .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
3174
+ display: none;
3175
+ }
3176
+ .e-listbox-wrapper.e-sortableclone .e-list-badge,
3177
+ .e-listbox-container.e-sortableclone .e-list-badge,
3178
+ .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
3179
+ -webkit-box-align: center;
3180
+ -ms-flex-align: center;
3181
+ align-items: center;
3182
+ background-color: #007bff;
3183
+ border: 1px solid #fff;
3184
+ border-radius: 50%;
3185
+ color: #fff;
3186
+ display: -webkit-box;
3187
+ display: -ms-flexbox;
3188
+ display: flex;
3189
+ font-size: 12px;
3190
+ height: 22px;
3191
+ -webkit-box-pack: center;
3192
+ -ms-flex-pack: center;
3193
+ justify-content: center;
3194
+ position: absolute;
3195
+ right: -10px;
3196
+ top: -10px;
3197
+ width: 22px;
3198
+ }
3199
+
3200
+ .e-listboxtool-wrapper.e-sortableclone {
3201
+ display: block;
3202
+ }
3203
+
3204
+ .e-listboxtool-wrapper,
3205
+ .e-listboxtool-container {
3206
+ cursor: pointer;
3207
+ display: -webkit-box;
3208
+ display: -ms-flexbox;
3209
+ display: flex;
3210
+ }
3211
+ .e-listboxtool-wrapper *,
3212
+ .e-listboxtool-container * {
3213
+ -webkit-box-sizing: border-box;
3214
+ box-sizing: border-box;
3215
+ }
3216
+ .e-listboxtool-wrapper.e-disabled,
3217
+ .e-listboxtool-container.e-disabled {
3218
+ cursor: default;
3219
+ pointer-events: none;
3220
+ }
3221
+ .e-listboxtool-wrapper .e-listbox-wrapper,
3222
+ .e-listboxtool-wrapper .e-list-wrap,
3223
+ .e-listboxtool-container .e-listbox-wrapper,
3224
+ .e-listboxtool-container .e-list-wrap {
3225
+ -webkit-box-flex: 1;
3226
+ -ms-flex: 1;
3227
+ flex: 1;
3228
+ }
3229
+ .e-listboxtool-wrapper.e-right .e-listbox-tool,
3230
+ .e-listboxtool-container.e-right .e-listbox-tool {
3231
+ margin-left: 15px;
3232
+ }
3233
+ .e-listboxtool-wrapper.e-left .e-listbox-tool,
3234
+ .e-listboxtool-container.e-left .e-listbox-tool {
3235
+ margin-right: 15px;
3236
+ }
3237
+ .e-listboxtool-wrapper .e-listbox-tool,
3238
+ .e-listboxtool-container .e-listbox-tool {
3239
+ border: 1px solid #dee2e6;
3240
+ overflow: auto;
3241
+ padding: 8px;
3242
+ }
3243
+ .e-listboxtool-wrapper .e-listbox-tool .e-btn,
3244
+ .e-listboxtool-container .e-listbox-tool .e-btn {
3245
+ display: list-item;
3246
+ list-style-type: none;
3247
+ margin-bottom: 10px;
3248
+ }
3249
+ .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
3250
+ .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
3251
+ position: absolute;
3252
+ right: 0;
3253
+ top: 30%;
3254
+ }
3255
+
3256
+ .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
3257
+ .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
3258
+ margin-right: 15px;
3259
+ }
3260
+ .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
3261
+ .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
3262
+ margin-left: 15px;
3263
+ }
3264
+
3265
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3266
+ .e-listbox-wrapper .e-list-nrt,
3267
+ .e-listbox-wrapper .e-selectall-parent,
3268
+ .e-listbox-container:not(.e-list-template) .e-list-item,
3269
+ .e-listbox-container .e-list-nrt,
3270
+ .e-listbox-container .e-selectall-parent,
3271
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3272
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3273
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3274
+ height: 40px;
3275
+ line-height: 1.5;
3276
+ padding: 10px 16px 10px 16px;
3277
+ position: relative;
3278
+ }
3279
+ .e-listbox-wrapper .e-list-icon,
3280
+ .e-listbox-container .e-list-icon,
3281
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-icon {
3282
+ display: inline;
3283
+ vertical-align: middle;
3284
+ width: auto;
3285
+ height: auto;
3286
+ padding-bottom: 1px;
2955
3287
  }