@syncfusion/ej2-dropdowns 34.2.7 → 35.1.37

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