@syncfusion/ej2-angular-dropdowns 24.1.43-ngcc → 24.1.43

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