@syncfusion/ej2-dropdowns 29.1.40 → 29.2.4-850322

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