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

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