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