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