@syncfusion/ej2-dropdowns 34.2.8 → 35.1.37

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