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

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