@syncfusion/ej2-dropdowns 20.4.53 → 20.4.54-54740

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