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