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