@syncfusion/ej2-angular-dropdowns 24.1.43 → 24.1.44

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