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

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