@syncfusion/ej2-dropdowns 29.1.40 → 29.2.4-850322

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