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