@syncfusion/ej2-angular-dropdowns 23.2.7 → 24.1.41-ngcc

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