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