@syncfusion/ej2-dropdowns 20.4.53 → 20.4.54-54740

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (515) hide show
  1. package/CHANGELOG.md +2085 -2075
  2. package/{README.md → ReadMe.md} +119 -119
  3. package/dist/ej2-dropdowns.umd.min.js +1 -10
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +65 -53
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +183 -171
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/helpers/e2e/autocomplete.js +13 -13
  10. package/helpers/e2e/combobox.js +13 -13
  11. package/helpers/e2e/dropdownlist.js +13 -13
  12. package/helpers/e2e/index.js +3 -3
  13. package/helpers/e2e/listboxHelper.js +13 -13
  14. package/helpers/e2e/multiselect.js +13 -13
  15. package/license +2 -2
  16. package/package.json +78 -78
  17. package/src/auto-complete/auto-complete-model.d.ts +187 -187
  18. package/src/auto-complete/auto-complete.d.ts +12 -12
  19. package/src/auto-complete/auto-complete.js +21 -21
  20. package/src/combo-box/combo-box-model.d.ts +221 -221
  21. package/src/combo-box/combo-box.d.ts +27 -27
  22. package/src/combo-box/combo-box.js +29 -29
  23. package/src/drop-down-base/drop-down-base-model.d.ts +196 -196
  24. package/src/drop-down-base/drop-down-base.d.ts +15 -15
  25. package/src/drop-down-base/drop-down-base.js +20 -20
  26. package/src/drop-down-list/drop-down-list-model.d.ts +194 -194
  27. package/src/drop-down-list/drop-down-list.d.ts +4 -5
  28. package/src/drop-down-list/drop-down-list.js +36 -24
  29. package/src/drop-down-tree/drop-down-tree-model.d.ts +445 -445
  30. package/src/drop-down-tree/drop-down-tree.js +20 -20
  31. package/src/global.d.ts +1 -0
  32. package/src/list-box/list-box-model.d.ts +194 -194
  33. package/src/list-box/list-box.d.ts +2 -2
  34. package/src/list-box/list-box.js +19 -19
  35. package/src/mention/mention-model.d.ts +259 -259
  36. package/src/mention/mention.js +19 -19
  37. package/src/multi-select/multi-select-model.d.ts +505 -505
  38. package/src/multi-select/multi-select.js +19 -19
  39. package/styles/auto-complete/_all.scss +1 -1
  40. package/styles/auto-complete/_bds-definition.scss +2 -0
  41. package/styles/auto-complete/_bootstrap-dark-definition.scss +3 -3
  42. package/styles/auto-complete/_bootstrap-definition.scss +2 -2
  43. package/styles/auto-complete/_bootstrap4-definition.scss +11 -11
  44. package/styles/auto-complete/_bootstrap5-definition.scss +2 -2
  45. package/styles/auto-complete/_fabric-dark-definition.scss +2 -2
  46. package/styles/auto-complete/_fabric-definition.scss +2 -2
  47. package/styles/auto-complete/_fluent-definition.scss +2 -2
  48. package/styles/auto-complete/_fusionnew-definition.scss +2 -2
  49. package/styles/auto-complete/_highcontrast-definition.scss +2 -2
  50. package/styles/auto-complete/_highcontrast-light-definition.scss +2 -2
  51. package/styles/auto-complete/_material-dark-definition.scss +2 -2
  52. package/styles/auto-complete/_material-definition.scss +2 -2
  53. package/styles/auto-complete/_material3-dark-definition.scss +1 -0
  54. package/styles/auto-complete/_material3-definition.scss +2 -2
  55. package/styles/auto-complete/_tailwind-definition.scss +2 -2
  56. package/styles/auto-complete/bootstrap-dark.scss +1 -1
  57. package/styles/auto-complete/bootstrap.scss +1 -1
  58. package/styles/auto-complete/bootstrap4.css +13 -2
  59. package/styles/auto-complete/bootstrap4.scss +1 -1
  60. package/styles/auto-complete/bootstrap5-dark.scss +1 -1
  61. package/styles/auto-complete/bootstrap5.scss +1 -1
  62. package/styles/auto-complete/fabric-dark.scss +1 -1
  63. package/styles/auto-complete/fabric.scss +1 -1
  64. package/styles/auto-complete/fluent-dark.scss +1 -1
  65. package/styles/auto-complete/fluent.scss +1 -1
  66. package/styles/auto-complete/highcontrast-light.scss +1 -1
  67. package/styles/auto-complete/highcontrast.scss +1 -1
  68. package/styles/auto-complete/material-dark.css +0 -1
  69. package/styles/auto-complete/material-dark.scss +1 -1
  70. package/styles/auto-complete/material.css +0 -1
  71. package/styles/auto-complete/material.scss +1 -1
  72. package/styles/auto-complete/material3-dark.css +197 -0
  73. package/styles/auto-complete/material3-dark.scss +5 -0
  74. package/styles/auto-complete/material3.css +253 -0
  75. package/styles/auto-complete/material3.scss +5 -0
  76. package/styles/auto-complete/tailwind-dark.css +0 -1
  77. package/styles/auto-complete/tailwind-dark.scss +1 -1
  78. package/styles/auto-complete/tailwind.css +0 -1
  79. package/styles/auto-complete/tailwind.scss +1 -1
  80. package/styles/bootstrap-dark.css +309 -138
  81. package/styles/bootstrap.css +306 -129
  82. package/styles/bootstrap4.css +340 -141
  83. package/styles/bootstrap5-dark.css +310 -133
  84. package/styles/bootstrap5.css +310 -133
  85. package/styles/combo-box/_all.scss +1 -1
  86. package/styles/combo-box/_bds-definition.scss +2 -0
  87. package/styles/combo-box/_bootstrap-dark-definition.scss +2 -2
  88. package/styles/combo-box/_bootstrap-definition.scss +2 -2
  89. package/styles/combo-box/_bootstrap4-definition.scss +11 -11
  90. package/styles/combo-box/_bootstrap5-definition.scss +2 -2
  91. package/styles/combo-box/_fabric-dark-definition.scss +2 -2
  92. package/styles/combo-box/_fabric-definition.scss +2 -2
  93. package/styles/combo-box/_fluent-definition.scss +2 -2
  94. package/styles/combo-box/_fusionnew-definition.scss +2 -2
  95. package/styles/combo-box/_highcontrast-definition.scss +2 -2
  96. package/styles/combo-box/_highcontrast-light-definition.scss +3 -3
  97. package/styles/combo-box/_material-dark-definition.scss +2 -2
  98. package/styles/combo-box/_material-definition.scss +2 -2
  99. package/styles/combo-box/_material3-dark-definition.scss +1 -0
  100. package/styles/combo-box/_material3-definition.scss +2 -2
  101. package/styles/combo-box/_tailwind-definition.scss +2 -2
  102. package/styles/combo-box/bootstrap-dark.scss +1 -1
  103. package/styles/combo-box/bootstrap.scss +1 -1
  104. package/styles/combo-box/bootstrap4.css +13 -2
  105. package/styles/combo-box/bootstrap4.scss +1 -1
  106. package/styles/combo-box/bootstrap5-dark.scss +1 -1
  107. package/styles/combo-box/bootstrap5.scss +1 -1
  108. package/styles/combo-box/fabric-dark.scss +1 -1
  109. package/styles/combo-box/fabric.scss +1 -1
  110. package/styles/combo-box/fluent-dark.scss +1 -1
  111. package/styles/combo-box/fluent.scss +1 -1
  112. package/styles/combo-box/highcontrast-light.scss +1 -1
  113. package/styles/combo-box/highcontrast.scss +1 -1
  114. package/styles/combo-box/material-dark.css +0 -1
  115. package/styles/combo-box/material-dark.scss +1 -1
  116. package/styles/combo-box/material.css +0 -1
  117. package/styles/combo-box/material.scss +1 -1
  118. package/styles/combo-box/material3-dark.css +197 -0
  119. package/styles/combo-box/material3-dark.scss +5 -0
  120. package/styles/combo-box/material3.css +253 -0
  121. package/styles/combo-box/material3.scss +5 -0
  122. package/styles/combo-box/tailwind-dark.css +0 -1
  123. package/styles/combo-box/tailwind-dark.scss +1 -1
  124. package/styles/combo-box/tailwind.css +0 -1
  125. package/styles/combo-box/tailwind.scss +1 -1
  126. package/styles/drop-down-base/_all.scss +2 -2
  127. package/styles/drop-down-base/_bds-definition.scss +134 -0
  128. package/styles/drop-down-base/_bootstrap-dark-definition.scss +83 -83
  129. package/styles/drop-down-base/_bootstrap-definition.scss +83 -83
  130. package/styles/drop-down-base/_bootstrap4-definition.scss +90 -98
  131. package/styles/drop-down-base/_bootstrap5-definition.scss +117 -117
  132. package/styles/drop-down-base/_definition.scss +23 -23
  133. package/styles/drop-down-base/_fabric-dark-definition.scss +86 -86
  134. package/styles/drop-down-base/_fabric-definition.scss +84 -84
  135. package/styles/drop-down-base/_fluent-definition.scss +121 -121
  136. package/styles/drop-down-base/_fusionnew-definition.scss +117 -117
  137. package/styles/drop-down-base/_highcontrast-definition.scss +105 -105
  138. package/styles/drop-down-base/_highcontrast-light-definition.scss +105 -105
  139. package/styles/drop-down-base/_layout.scss +187 -193
  140. package/styles/drop-down-base/_material-dark-definition.scss +86 -86
  141. package/styles/drop-down-base/_material-definition.scss +85 -85
  142. package/styles/drop-down-base/_material3-dark-definition.scss +1 -0
  143. package/styles/drop-down-base/_material3-definition.scss +87 -117
  144. package/styles/drop-down-base/_tailwind-definition.scss +129 -129
  145. package/styles/drop-down-base/_theme.scss +391 -328
  146. package/styles/drop-down-base/bootstrap-dark.css +6 -10
  147. package/styles/drop-down-base/bootstrap-dark.scss +1 -1
  148. package/styles/drop-down-base/bootstrap.css +6 -10
  149. package/styles/drop-down-base/bootstrap.scss +1 -1
  150. package/styles/drop-down-base/bootstrap4.css +6 -18
  151. package/styles/drop-down-base/bootstrap4.scss +1 -1
  152. package/styles/drop-down-base/bootstrap5-dark.css +6 -10
  153. package/styles/drop-down-base/bootstrap5-dark.scss +1 -1
  154. package/styles/drop-down-base/bootstrap5.css +6 -10
  155. package/styles/drop-down-base/bootstrap5.scss +1 -1
  156. package/styles/drop-down-base/fabric-dark.css +6 -10
  157. package/styles/drop-down-base/fabric-dark.scss +1 -1
  158. package/styles/drop-down-base/fabric.css +6 -10
  159. package/styles/drop-down-base/fabric.scss +1 -1
  160. package/styles/drop-down-base/fluent-dark.css +6 -10
  161. package/styles/drop-down-base/fluent-dark.scss +1 -1
  162. package/styles/drop-down-base/fluent.css +6 -10
  163. package/styles/drop-down-base/fluent.scss +1 -1
  164. package/styles/drop-down-base/highcontrast-light.css +6 -10
  165. package/styles/drop-down-base/highcontrast-light.scss +1 -1
  166. package/styles/drop-down-base/highcontrast.css +6 -10
  167. package/styles/drop-down-base/highcontrast.scss +1 -1
  168. package/styles/drop-down-base/material-dark.css +6 -11
  169. package/styles/drop-down-base/material-dark.scss +1 -1
  170. package/styles/drop-down-base/material.css +6 -11
  171. package/styles/drop-down-base/material.scss +1 -1
  172. package/styles/drop-down-base/material3-dark.css +430 -0
  173. package/styles/drop-down-base/material3-dark.scss +4 -0
  174. package/styles/drop-down-base/material3.css +486 -0
  175. package/styles/drop-down-base/material3.scss +4 -0
  176. package/styles/drop-down-base/tailwind-dark.css +6 -11
  177. package/styles/drop-down-base/tailwind-dark.scss +1 -1
  178. package/styles/drop-down-base/tailwind.css +6 -11
  179. package/styles/drop-down-base/tailwind.scss +1 -1
  180. package/styles/drop-down-list/_all.scss +3 -3
  181. package/styles/drop-down-list/_bds-definition.scss +134 -0
  182. package/styles/drop-down-list/_bootstrap-dark-definition.scss +157 -157
  183. package/styles/drop-down-list/_bootstrap-definition.scss +156 -156
  184. package/styles/drop-down-list/_bootstrap4-definition.scss +202 -191
  185. package/styles/drop-down-list/_bootstrap5-definition.scss +201 -201
  186. package/styles/drop-down-list/_fabric-dark-definition.scss +128 -128
  187. package/styles/drop-down-list/_fabric-definition.scss +124 -124
  188. package/styles/drop-down-list/_fluent-definition.scss +185 -185
  189. package/styles/drop-down-list/_fusionnew-definition.scss +201 -201
  190. package/styles/drop-down-list/_highcontrast-definition.scss +142 -142
  191. package/styles/drop-down-list/_highcontrast-light-definition.scss +144 -144
  192. package/styles/drop-down-list/_layout.scss +315 -299
  193. package/styles/drop-down-list/_material-dark-definition.scss +143 -143
  194. package/styles/drop-down-list/_material-definition.scss +167 -167
  195. package/styles/drop-down-list/_material3-dark-definition.scss +1 -0
  196. package/styles/drop-down-list/_material3-definition.scss +180 -201
  197. package/styles/drop-down-list/_tailwind-definition.scss +134 -134
  198. package/styles/drop-down-list/_theme.scss +10 -10
  199. package/styles/drop-down-list/bootstrap-dark.css +5 -3
  200. package/styles/drop-down-list/bootstrap-dark.scss +1 -1
  201. package/styles/drop-down-list/bootstrap.css +5 -3
  202. package/styles/drop-down-list/bootstrap.scss +1 -1
  203. package/styles/drop-down-list/bootstrap4.css +19 -14
  204. package/styles/drop-down-list/bootstrap4.scss +1 -1
  205. package/styles/drop-down-list/bootstrap5-dark.css +5 -3
  206. package/styles/drop-down-list/bootstrap5-dark.scss +1 -1
  207. package/styles/drop-down-list/bootstrap5.css +5 -3
  208. package/styles/drop-down-list/bootstrap5.scss +1 -1
  209. package/styles/drop-down-list/fabric-dark.css +5 -3
  210. package/styles/drop-down-list/fabric-dark.scss +1 -1
  211. package/styles/drop-down-list/fabric.css +5 -3
  212. package/styles/drop-down-list/fabric.scss +1 -1
  213. package/styles/drop-down-list/fluent-dark.css +5 -3
  214. package/styles/drop-down-list/fluent-dark.scss +1 -1
  215. package/styles/drop-down-list/fluent.css +5 -3
  216. package/styles/drop-down-list/fluent.scss +1 -1
  217. package/styles/drop-down-list/highcontrast-light.css +5 -3
  218. package/styles/drop-down-list/highcontrast-light.scss +1 -1
  219. package/styles/drop-down-list/highcontrast.css +5 -3
  220. package/styles/drop-down-list/highcontrast.scss +1 -1
  221. package/styles/drop-down-list/icons/_bootstrap-dark.scss +14 -14
  222. package/styles/drop-down-list/icons/_bootstrap.scss +14 -14
  223. package/styles/drop-down-list/icons/_bootstrap4.scss +14 -14
  224. package/styles/drop-down-list/icons/_bootstrap5.scss +14 -14
  225. package/styles/drop-down-list/icons/_fabric-dark.scss +14 -14
  226. package/styles/drop-down-list/icons/_fabric.scss +14 -14
  227. package/styles/drop-down-list/icons/_fluent.scss +14 -14
  228. package/styles/drop-down-list/icons/_fusionnew.scss +14 -14
  229. package/styles/drop-down-list/icons/_highcontrast-light.scss +14 -14
  230. package/styles/drop-down-list/icons/_highcontrast.scss +14 -14
  231. package/styles/drop-down-list/icons/_material-dark.scss +14 -14
  232. package/styles/drop-down-list/icons/_material.scss +14 -14
  233. package/styles/drop-down-list/icons/_material3-dark.scss +1 -0
  234. package/styles/drop-down-list/icons/_material3.scss +14 -14
  235. package/styles/drop-down-list/icons/_tailwind.scss +14 -14
  236. package/styles/drop-down-list/material-dark.css +6 -4
  237. package/styles/drop-down-list/material-dark.scss +1 -1
  238. package/styles/drop-down-list/material.css +5 -4
  239. package/styles/drop-down-list/material.scss +1 -1
  240. package/styles/drop-down-list/material3-dark.css +507 -0
  241. package/styles/drop-down-list/material3-dark.scss +9 -0
  242. package/styles/drop-down-list/material3.css +563 -0
  243. package/styles/drop-down-list/material3.scss +9 -0
  244. package/styles/drop-down-list/tailwind-dark.css +6 -5
  245. package/styles/drop-down-list/tailwind-dark.scss +1 -1
  246. package/styles/drop-down-list/tailwind.css +6 -5
  247. package/styles/drop-down-list/tailwind.scss +1 -1
  248. package/styles/drop-down-tree/_all.scss +2 -2
  249. package/styles/drop-down-tree/_bds-definition.scss +61 -0
  250. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +71 -71
  251. package/styles/drop-down-tree/_bootstrap-definition.scss +70 -70
  252. package/styles/drop-down-tree/_bootstrap4-definition.scss +71 -71
  253. package/styles/drop-down-tree/_bootstrap5-definition.scss +59 -59
  254. package/styles/drop-down-tree/_fabric-dark-definition.scss +71 -71
  255. package/styles/drop-down-tree/_fabric-definition.scss +71 -71
  256. package/styles/drop-down-tree/_fluent-definition.scss +65 -65
  257. package/styles/drop-down-tree/_fusionnew-definition.scss +59 -59
  258. package/styles/drop-down-tree/_highcontrast-definition.scss +71 -71
  259. package/styles/drop-down-tree/_highcontrast-light-definition.scss +71 -71
  260. package/styles/drop-down-tree/_layout.scss +1423 -1386
  261. package/styles/drop-down-tree/_material-dark-definition.scss +72 -72
  262. package/styles/drop-down-tree/_material-definition.scss +72 -72
  263. package/styles/drop-down-tree/_material3-dark-definition.scss +1 -0
  264. package/styles/drop-down-tree/_material3-definition.scss +76 -60
  265. package/styles/drop-down-tree/_tailwind-definition.scss +61 -61
  266. package/styles/drop-down-tree/_theme.scss +132 -120
  267. package/styles/drop-down-tree/bootstrap-dark.css +4 -0
  268. package/styles/drop-down-tree/bootstrap-dark.scss +1 -1
  269. package/styles/drop-down-tree/bootstrap.css +4 -0
  270. package/styles/drop-down-tree/bootstrap.scss +1 -1
  271. package/styles/drop-down-tree/bootstrap4.css +4 -8
  272. package/styles/drop-down-tree/bootstrap4.scss +1 -1
  273. package/styles/drop-down-tree/bootstrap5-dark.css +4 -0
  274. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -1
  275. package/styles/drop-down-tree/bootstrap5.css +4 -0
  276. package/styles/drop-down-tree/bootstrap5.scss +1 -1
  277. package/styles/drop-down-tree/fabric-dark.css +4 -0
  278. package/styles/drop-down-tree/fabric-dark.scss +1 -1
  279. package/styles/drop-down-tree/fabric.css +4 -0
  280. package/styles/drop-down-tree/fabric.scss +1 -1
  281. package/styles/drop-down-tree/fluent-dark.css +6 -0
  282. package/styles/drop-down-tree/fluent-dark.scss +1 -1
  283. package/styles/drop-down-tree/fluent.css +6 -0
  284. package/styles/drop-down-tree/fluent.scss +1 -1
  285. package/styles/drop-down-tree/highcontrast-light.css +4 -0
  286. package/styles/drop-down-tree/highcontrast-light.scss +1 -1
  287. package/styles/drop-down-tree/highcontrast.css +4 -0
  288. package/styles/drop-down-tree/highcontrast.scss +1 -1
  289. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +11 -11
  290. package/styles/drop-down-tree/icons/_bootstrap.scss +11 -11
  291. package/styles/drop-down-tree/icons/_bootstrap4.scss +11 -11
  292. package/styles/drop-down-tree/icons/_bootstrap5.scss +11 -11
  293. package/styles/drop-down-tree/icons/_fabric-dark.scss +11 -11
  294. package/styles/drop-down-tree/icons/_fabric.scss +11 -11
  295. package/styles/drop-down-tree/icons/_fluent.scss +11 -11
  296. package/styles/drop-down-tree/icons/_fusionnew.scss +11 -11
  297. package/styles/drop-down-tree/icons/_highcontrast-light.scss +11 -11
  298. package/styles/drop-down-tree/icons/_highcontrast.scss +11 -11
  299. package/styles/drop-down-tree/icons/_material-dark.scss +11 -11
  300. package/styles/drop-down-tree/icons/_material.scss +11 -11
  301. package/styles/drop-down-tree/icons/_material3-dark.scss +1 -0
  302. package/styles/drop-down-tree/icons/_material3.scss +11 -11
  303. package/styles/drop-down-tree/icons/_tailwind-dark.scss +11 -11
  304. package/styles/drop-down-tree/icons/_tailwind.scss +11 -11
  305. package/styles/drop-down-tree/material-dark.css +5 -1
  306. package/styles/drop-down-tree/material-dark.scss +1 -1
  307. package/styles/drop-down-tree/material.css +4 -1
  308. package/styles/drop-down-tree/material.scss +1 -1
  309. package/styles/drop-down-tree/material3-dark.css +469 -0
  310. package/styles/drop-down-tree/material3-dark.scss +10 -0
  311. package/styles/drop-down-tree/material3.css +525 -0
  312. package/styles/drop-down-tree/material3.scss +10 -0
  313. package/styles/drop-down-tree/tailwind-dark.css +4 -1
  314. package/styles/drop-down-tree/tailwind-dark.scss +1 -1
  315. package/styles/drop-down-tree/tailwind.css +4 -1
  316. package/styles/drop-down-tree/tailwind.scss +1 -1
  317. package/styles/fabric-dark.css +310 -139
  318. package/styles/fabric.css +307 -130
  319. package/styles/fluent-dark.css +315 -135
  320. package/styles/fluent.css +315 -135
  321. package/styles/highcontrast-light.css +311 -138
  322. package/styles/highcontrast.css +324 -135
  323. package/styles/list-box/_all.scss +2 -2
  324. package/styles/list-box/_bds-definition.scss +136 -0
  325. package/styles/list-box/_bootstrap-dark-definition.scss +126 -125
  326. package/styles/list-box/_bootstrap-definition.scss +119 -118
  327. package/styles/list-box/_bootstrap4-definition.scss +124 -123
  328. package/styles/list-box/_bootstrap5-definition.scss +120 -121
  329. package/styles/list-box/_fabric-dark-definition.scss +126 -125
  330. package/styles/list-box/_fabric-definition.scss +119 -118
  331. package/styles/list-box/_fluent-definition.scss +120 -121
  332. package/styles/list-box/_fusionnew-definition.scss +111 -114
  333. package/styles/list-box/_highcontrast-definition.scss +119 -118
  334. package/styles/list-box/_highcontrast-light-definition.scss +126 -125
  335. package/styles/list-box/_layout.scss +542 -534
  336. package/styles/list-box/_material-dark-definition.scss +126 -125
  337. package/styles/list-box/_material-definition.scss +119 -118
  338. package/styles/list-box/_material3-dark-definition.scss +1 -0
  339. package/styles/list-box/_material3-definition.scss +119 -120
  340. package/styles/list-box/_tailwind-definition.scss +119 -120
  341. package/styles/list-box/_theme.scss +382 -316
  342. package/styles/list-box/bootstrap-dark.css +276 -113
  343. package/styles/list-box/bootstrap-dark.scss +1 -1
  344. package/styles/list-box/bootstrap.css +278 -114
  345. package/styles/list-box/bootstrap.scss +1 -1
  346. package/styles/list-box/bootstrap4.css +279 -123
  347. package/styles/list-box/bootstrap4.scss +1 -1
  348. package/styles/list-box/bootstrap5-dark.css +277 -114
  349. package/styles/list-box/bootstrap5-dark.scss +1 -1
  350. package/styles/list-box/bootstrap5.css +277 -114
  351. package/styles/list-box/bootstrap5.scss +1 -1
  352. package/styles/list-box/fabric-dark.css +276 -113
  353. package/styles/list-box/fabric-dark.scss +1 -1
  354. package/styles/list-box/fabric.css +278 -114
  355. package/styles/list-box/fabric.scss +1 -1
  356. package/styles/list-box/fluent-dark.css +279 -115
  357. package/styles/list-box/fluent-dark.scss +1 -1
  358. package/styles/list-box/fluent.css +279 -115
  359. package/styles/list-box/fluent.scss +1 -1
  360. package/styles/list-box/highcontrast-light.css +276 -113
  361. package/styles/list-box/highcontrast-light.scss +1 -1
  362. package/styles/list-box/highcontrast.css +278 -114
  363. package/styles/list-box/highcontrast.scss +1 -1
  364. package/styles/list-box/icons/_bootstrap-dark.scss +25 -25
  365. package/styles/list-box/icons/_bootstrap.scss +25 -25
  366. package/styles/list-box/icons/_bootstrap4.scss +25 -25
  367. package/styles/list-box/icons/_bootstrap5.scss +25 -25
  368. package/styles/list-box/icons/_fabric-dark.scss +25 -25
  369. package/styles/list-box/icons/_fabric.scss +25 -25
  370. package/styles/list-box/icons/_fluent.scss +25 -25
  371. package/styles/list-box/icons/_fusionnew.scss +25 -25
  372. package/styles/list-box/icons/_highcontrast-light.scss +25 -25
  373. package/styles/list-box/icons/_highcontrast.scss +25 -25
  374. package/styles/list-box/icons/_material-dark.scss +25 -25
  375. package/styles/list-box/icons/_material.scss +25 -25
  376. package/styles/list-box/icons/_material3-dark.scss +1 -0
  377. package/styles/list-box/icons/_material3.scss +25 -25
  378. package/styles/list-box/icons/_tailwind-dark.scss +25 -25
  379. package/styles/list-box/icons/_tailwind.scss +25 -25
  380. package/styles/list-box/material-dark.css +277 -115
  381. package/styles/list-box/material-dark.scss +1 -1
  382. package/styles/list-box/material.css +279 -116
  383. package/styles/list-box/material.scss +1 -1
  384. package/styles/list-box/material3-dark.css +1010 -0
  385. package/styles/list-box/material3-dark.scss +6 -0
  386. package/styles/list-box/material3.css +1066 -0
  387. package/styles/list-box/material3.scss +6 -0
  388. package/styles/list-box/tailwind-dark.css +279 -116
  389. package/styles/list-box/tailwind-dark.scss +1 -1
  390. package/styles/list-box/tailwind.css +279 -116
  391. package/styles/list-box/tailwind.scss +1 -1
  392. package/styles/material-dark.css +311 -144
  393. package/styles/material.css +311 -135
  394. package/styles/material3-dark.css +4723 -0
  395. package/styles/material3-dark.scss +10 -0
  396. package/styles/material3.css +4779 -0
  397. package/styles/material3.scss +10 -0
  398. package/styles/mention/_all.scss +1 -1
  399. package/styles/mention/_bds-definition.scss +1 -0
  400. package/styles/mention/_bootstrap-dark-definition.scss +3 -3
  401. package/styles/mention/_bootstrap-definition.scss +3 -3
  402. package/styles/mention/_bootstrap4-definition.scss +3 -3
  403. package/styles/mention/_bootstrap5-definition.scss +1 -1
  404. package/styles/mention/_fabric-dark-definition.scss +2 -2
  405. package/styles/mention/_fabric-definition.scss +3 -3
  406. package/styles/mention/_fluent-definition.scss +1 -1
  407. package/styles/mention/_fusionnew-definition.scss +1 -1
  408. package/styles/mention/_highcontrast-definition.scss +3 -3
  409. package/styles/mention/_highcontrast-light-definition.scss +3 -3
  410. package/styles/mention/_layout.scss +6 -6
  411. package/styles/mention/_material-dark-definition.scss +3 -3
  412. package/styles/mention/_material-definition.scss +3 -3
  413. package/styles/mention/_material3-dark-definition.scss +1 -0
  414. package/styles/mention/_material3-definition.scss +1 -1
  415. package/styles/mention/_tailwind-definition.scss +1 -1
  416. package/styles/mention/bootstrap-dark.scss +1 -1
  417. package/styles/mention/bootstrap.scss +1 -1
  418. package/styles/mention/bootstrap4.css +0 -8
  419. package/styles/mention/bootstrap4.scss +1 -1
  420. package/styles/mention/bootstrap5-dark.scss +1 -1
  421. package/styles/mention/bootstrap5.scss +1 -1
  422. package/styles/mention/fabric-dark.scss +1 -1
  423. package/styles/mention/fabric.scss +1 -1
  424. package/styles/mention/fluent-dark.scss +1 -1
  425. package/styles/mention/fluent.scss +1 -1
  426. package/styles/mention/highcontrast-light.scss +1 -1
  427. package/styles/mention/highcontrast.scss +1 -1
  428. package/styles/mention/material-dark.css +0 -1
  429. package/styles/mention/material-dark.scss +1 -1
  430. package/styles/mention/material.css +0 -1
  431. package/styles/mention/material.scss +1 -1
  432. package/styles/mention/material3-dark.css +86 -0
  433. package/styles/mention/material3-dark.scss +7 -0
  434. package/styles/mention/material3.css +142 -0
  435. package/styles/mention/material3.scss +7 -0
  436. package/styles/mention/tailwind-dark.css +0 -1
  437. package/styles/mention/tailwind-dark.scss +1 -1
  438. package/styles/mention/tailwind.css +0 -1
  439. package/styles/mention/tailwind.scss +1 -1
  440. package/styles/multi-select/_all.scss +2 -2
  441. package/styles/multi-select/_bds-definition.scss +235 -0
  442. package/styles/multi-select/_bootstrap-dark-definition.scss +203 -196
  443. package/styles/multi-select/_bootstrap-definition.scss +192 -190
  444. package/styles/multi-select/_bootstrap4-definition.scss +278 -257
  445. package/styles/multi-select/_bootstrap5-definition.scss +230 -227
  446. package/styles/multi-select/_fabric-dark-definition.scss +192 -185
  447. package/styles/multi-select/_fabric-definition.scss +183 -181
  448. package/styles/multi-select/_fluent-definition.scss +241 -238
  449. package/styles/multi-select/_fusionnew-definition.scss +227 -227
  450. package/styles/multi-select/_highcontrast-definition.scss +303 -294
  451. package/styles/multi-select/_highcontrast-light-definition.scss +297 -293
  452. package/styles/multi-select/_layout.scss +2199 -2016
  453. package/styles/multi-select/_material-dark-definition.scss +230 -228
  454. package/styles/multi-select/_material-definition.scss +223 -221
  455. package/styles/multi-select/_material3-dark-definition.scss +1 -0
  456. package/styles/multi-select/_material3-definition.scss +246 -226
  457. package/styles/multi-select/_tailwind-definition.scss +235 -232
  458. package/styles/multi-select/_theme.scss +586 -492
  459. package/styles/multi-select/bootstrap-dark.css +18 -2
  460. package/styles/multi-select/bootstrap-dark.scss +1 -1
  461. package/styles/multi-select/bootstrap.css +13 -2
  462. package/styles/multi-select/bootstrap.scss +1 -1
  463. package/styles/multi-select/bootstrap4.css +32 -10
  464. package/styles/multi-select/bootstrap4.scss +1 -1
  465. package/styles/multi-select/bootstrap5-dark.css +18 -6
  466. package/styles/multi-select/bootstrap5-dark.scss +1 -1
  467. package/styles/multi-select/bootstrap5.css +18 -6
  468. package/styles/multi-select/bootstrap5.scss +1 -1
  469. package/styles/multi-select/fabric-dark.css +19 -3
  470. package/styles/multi-select/fabric-dark.scss +1 -1
  471. package/styles/multi-select/fabric.css +14 -3
  472. package/styles/multi-select/fabric.scss +1 -1
  473. package/styles/multi-select/fluent-dark.css +19 -7
  474. package/styles/multi-select/fluent-dark.scss +1 -1
  475. package/styles/multi-select/fluent.css +19 -7
  476. package/styles/multi-select/fluent.scss +1 -1
  477. package/styles/multi-select/highcontrast-light.css +20 -2
  478. package/styles/multi-select/highcontrast-light.scss +1 -1
  479. package/styles/multi-select/highcontrast.css +31 -8
  480. package/styles/multi-select/highcontrast.scss +1 -1
  481. package/styles/multi-select/icons/_bootstrap-dark.scss +26 -26
  482. package/styles/multi-select/icons/_bootstrap.scss +26 -26
  483. package/styles/multi-select/icons/_bootstrap4.scss +37 -37
  484. package/styles/multi-select/icons/_bootstrap5.scss +26 -26
  485. package/styles/multi-select/icons/_fabric-dark.scss +26 -26
  486. package/styles/multi-select/icons/_fabric.scss +26 -26
  487. package/styles/multi-select/icons/_fluent.scss +55 -55
  488. package/styles/multi-select/icons/_fusionnew.scss +26 -26
  489. package/styles/multi-select/icons/_highcontrast-light.scss +26 -26
  490. package/styles/multi-select/icons/_highcontrast.scss +26 -26
  491. package/styles/multi-select/icons/_material-dark.scss +693 -693
  492. package/styles/multi-select/icons/_material.scss +693 -693
  493. package/styles/multi-select/icons/_material3-dark.scss +1 -0
  494. package/styles/multi-select/icons/_material3.scss +692 -26
  495. package/styles/multi-select/icons/_tailwind.scss +26 -26
  496. package/styles/multi-select/material-dark.css +17 -7
  497. package/styles/multi-select/material-dark.scss +1 -1
  498. package/styles/multi-select/material.css +17 -7
  499. package/styles/multi-select/material.scss +1 -1
  500. package/styles/multi-select/material3-dark.css +2550 -0
  501. package/styles/multi-select/material3-dark.scss +10 -0
  502. package/styles/multi-select/material3.css +2606 -0
  503. package/styles/multi-select/material3.scss +10 -0
  504. package/styles/multi-select/tailwind-dark.css +17 -5
  505. package/styles/multi-select/tailwind-dark.scss +1 -1
  506. package/styles/multi-select/tailwind.css +17 -5
  507. package/styles/multi-select/tailwind.scss +1 -1
  508. package/styles/tailwind-dark.css +312 -141
  509. package/styles/tailwind.css +312 -141
  510. package/.eslintrc.json +0 -259
  511. package/dist/ej2-dropdowns.min.js +0 -10
  512. package/dist/global/ej2-dropdowns.min.js +0 -11
  513. package/dist/global/ej2-dropdowns.min.js.map +0 -1
  514. package/dist/global/index.d.ts +0 -14
  515. package/tslint.json +0 -111
@@ -0,0 +1,2550 @@
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
+ /* stylelint-disable property-no-vendor-prefix */
57
+ @keyframes e-input-ripple {
58
+ 100% {
59
+ opacity: 0;
60
+ transform: scale(4);
61
+ }
62
+ }
63
+ @keyframes slideTopUp {
64
+ from {
65
+ transform: translate3d(0, 0, 0) scale(1);
66
+ }
67
+ to {
68
+ transform: translate3d(0, 0, 0) scale(1);
69
+ }
70
+ }
71
+ /* stylelint-disable-line no-empty-source */
72
+ /* stylelint-disable property-no-vendor-prefix */
73
+ @keyframes material-spinner-rotate {
74
+ 0% {
75
+ transform: rotate(0deg);
76
+ }
77
+ 100% {
78
+ transform: rotate(360deg);
79
+ }
80
+ }
81
+ @keyframes fabric-spinner-rotate {
82
+ 0% {
83
+ transform: rotate(0deg);
84
+ }
85
+ 100% {
86
+ transform: rotate(360deg);
87
+ }
88
+ }
89
+ .e-dropdownbase .e-list-item .e-list-icon {
90
+ padding: 0 16px 0 0;
91
+ }
92
+
93
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
94
+ padding: 0 12px 0 0;
95
+ }
96
+
97
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
98
+ padding: 0 16px 0 0;
99
+ }
100
+
101
+ .e-multiselect.e-input-group .e-ddl-icon::before {
102
+ content: "\e70d";
103
+ font-family: "e-icons";
104
+ }
105
+
106
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
107
+ content: "\e7e7";
108
+ cursor: pointer;
109
+ left: 0;
110
+ position: relative;
111
+ top: 0;
112
+ }
113
+
114
+ .e-multi-select-wrapper .e-close-hooker::before {
115
+ content: "\e7e7";
116
+ cursor: pointer;
117
+ margin: auto;
118
+ position: relative;
119
+ }
120
+
121
+ .e-multiselect.e-input-group .e-ddl-disable-icon::before {
122
+ content: "";
123
+ }
124
+
125
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
126
+ height: 38px;
127
+ margin-top: -38px;
128
+ right: 18px;
129
+ top: 100%;
130
+ width: 16px;
131
+ }
132
+
133
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
134
+ height: 38px;
135
+ margin-top: -35px;
136
+ right: 18px;
137
+ top: 100%;
138
+ width: 16px;
139
+ }
140
+
141
+ .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
142
+ .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
143
+ right: 52px;
144
+ }
145
+
146
+ .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
147
+ right: 52px;
148
+ }
149
+
150
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
151
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
152
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
153
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
154
+ height: 38px;
155
+ margin-top: -55px;
156
+ right: 12px;
157
+ top: 100%;
158
+ width: 18px;
159
+ }
160
+
161
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
162
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
163
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
164
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
165
+ .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
166
+ .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
167
+ .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
168
+ .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
169
+ right: 48px;
170
+ }
171
+
172
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
173
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
174
+ height: 54px;
175
+ margin-top: -55px;
176
+ right: 16px;
177
+ top: 100%;
178
+ width: 20px;
179
+ }
180
+
181
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
182
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
183
+ right: 60px;
184
+ }
185
+
186
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
187
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
188
+ height: 34px;
189
+ margin-top: -35px;
190
+ right: 16px;
191
+ top: 100%;
192
+ width: 14px;
193
+ }
194
+
195
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
196
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
197
+ .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
198
+ .e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
199
+ right: 48px;
200
+ }
201
+
202
+ .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
203
+ .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
204
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
205
+ .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
206
+ left: 52px;
207
+ right: auto;
208
+ }
209
+
210
+ .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
211
+ .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
212
+ .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
213
+ .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
214
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
215
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
216
+ .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
217
+ .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
218
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
219
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
220
+ .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
221
+ .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
222
+ .e-rtl.e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
223
+ .e-rtl.e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
224
+ .e-rtl .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
225
+ .e-bigger.e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
226
+ .e-rtl.e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
227
+ .e-rtl .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
228
+ .e-bigger .e-rtl.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
229
+ .e-bigger .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
230
+ .e-rtl.e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
231
+ .e-rtl .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
232
+ .e-small .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
233
+ .e-small .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
234
+ left: 48px;
235
+ right: auto;
236
+ }
237
+
238
+ .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
239
+ .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
240
+ .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
241
+ .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
242
+ .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
243
+ .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
244
+ .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
245
+ .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
246
+ .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
247
+ .e-rtl .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
248
+ .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
249
+ .e-bigger .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
250
+ left: 60px;
251
+ right: auto;
252
+ }
253
+
254
+ .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
255
+ .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
256
+ .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
257
+ .e-rtl .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
258
+ .e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
259
+ .e-small .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
260
+ .e-rtl.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
261
+ .e-rtl.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
262
+ .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
263
+ .e-rtl .e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
264
+ .e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
265
+ .e-small .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
266
+ left: 48px;
267
+ right: auto;
268
+ }
269
+
270
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
271
+ content: "\e208";
272
+ font-size: 16px;
273
+ height: 16px;
274
+ margin-top: -8px;
275
+ top: 50%;
276
+ }
277
+
278
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
279
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
280
+ content: "\e208";
281
+ font-size: 14px;
282
+ height: 14px;
283
+ margin-top: -7px;
284
+ top: 50%;
285
+ }
286
+
287
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
288
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
289
+ content: "\e208";
290
+ font-size: 20px;
291
+ height: 20px;
292
+ left: 0;
293
+ margin-top: -10px;
294
+ top: 50%;
295
+ }
296
+
297
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
298
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
299
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
300
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
301
+ content: "\e208";
302
+ font-size: 18px;
303
+ height: 18px;
304
+ left: 0;
305
+ margin-top: -9px;
306
+ top: 50%;
307
+ }
308
+
309
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
310
+ font-size: 14px;
311
+ }
312
+
313
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
314
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
315
+ font-size: 13px;
316
+ }
317
+
318
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
319
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
320
+ font-size: 16px;
321
+ }
322
+
323
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
324
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
325
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
326
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
327
+ font-size: 14px;
328
+ }
329
+
330
+ .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
331
+ .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
332
+ margin: 7px 12px 9px 0;
333
+ }
334
+
335
+ .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
336
+ .e-bigger .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
337
+ .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
338
+ .e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
339
+ margin: 10px 16px 10px 0;
340
+ }
341
+
342
+ .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
343
+ .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
344
+ .e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
345
+ .e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
346
+ margin: 6px 10px 8px 0;
347
+ }
348
+
349
+ .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
350
+ .e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
351
+ .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,
352
+ .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,
353
+ .e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
354
+ .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,
355
+ .e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
356
+ .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 {
357
+ margin: 6px 12px 8px 0;
358
+ }
359
+
360
+ .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
361
+ .e-rtl.e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
362
+ .e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
363
+ .e-rtl .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
364
+ margin: 7px 0 9px 12px;
365
+ }
366
+
367
+ .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
368
+ .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
369
+ .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,
370
+ .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,
371
+ .e-rtl .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
372
+ .e-bigger.e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
373
+ .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,
374
+ .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 {
375
+ margin: 10px 0 10px 16px;
376
+ }
377
+
378
+ .e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
379
+ .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,
380
+ .e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
381
+ .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,
382
+ .e-rtl .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
383
+ .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,
384
+ .e-rtl.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
385
+ .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 {
386
+ margin: 6px 0 8px 10px;
387
+ }
388
+
389
+ .e-rtl.e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
390
+ .e-bigger.e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
391
+ .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,
392
+ .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,
393
+ .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
394
+ .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,
395
+ .e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
396
+ .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,
397
+ .e-rtl .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
398
+ .e-rtl.e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
399
+ .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,
400
+ .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,
401
+ .e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
402
+ .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,
403
+ .e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
404
+ .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 {
405
+ margin: 6px 0 8px 12px;
406
+ }
407
+
408
+ .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
409
+ .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
410
+ .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
411
+ .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
412
+ .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
413
+ .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
414
+ height: 20px;
415
+ margin-top: -33px;
416
+ right: 18px;
417
+ width: 20px;
418
+ }
419
+
420
+ .e-bigger.e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
421
+ .e-bigger.e-small .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
422
+ .e-bigger .e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
423
+ .e-small .e-bigger.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
424
+ height: 20px;
425
+ margin-top: -35px;
426
+ right: 45px;
427
+ width: 20px;
428
+ }
429
+
430
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
431
+ .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
432
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
433
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
434
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
435
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
436
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
437
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
438
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
439
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
440
+ margin-top: -32px;
441
+ }
442
+
443
+ .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
444
+ .e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
445
+ height: 18px;
446
+ margin: -29px 0 8px;
447
+ width: 18px;
448
+ }
449
+
450
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
451
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
452
+ height: 24px;
453
+ width: 24px;
454
+ }
455
+
456
+ .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
457
+ .e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
458
+ margin-top: -26px;
459
+ }
460
+
461
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
462
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
463
+ margin-top: -40px;
464
+ }
465
+
466
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
467
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
468
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
469
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
470
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
471
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
472
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
473
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker {
474
+ margin-top: -32px;
475
+ right: 40px;
476
+ }
477
+
478
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
479
+ .e-bigger .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
480
+ margin-top: -44px;
481
+ }
482
+
483
+ .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
484
+ .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
485
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
486
+ height: 14px;
487
+ width: 14px;
488
+ }
489
+
490
+ .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
491
+ .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
492
+ height: 16px;
493
+ width: 16px;
494
+ }
495
+
496
+ .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
497
+ .e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
498
+ height: 10px;
499
+ width: 10px;
500
+ }
501
+
502
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
503
+ .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
504
+ .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
505
+ .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
506
+ .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
507
+ .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
508
+ .e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before {
509
+ font-size: 12px;
510
+ height: 12px;
511
+ width: 12px;
512
+ }
513
+
514
+ .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
515
+ .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before {
516
+ font-size: 10px;
517
+ height: 10px;
518
+ width: 10px;
519
+ }
520
+
521
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
522
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
523
+ .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
524
+ .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
525
+ .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
526
+ .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
527
+ .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before {
528
+ font-size: 14px;
529
+ height: 14px;
530
+ width: 14px;
531
+ }
532
+
533
+ .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
534
+ .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
535
+ .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
536
+ .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
537
+ .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
538
+ content: "\e208";
539
+ font-size: 16px;
540
+ height: 16px;
541
+ padding: 0;
542
+ text-align: center;
543
+ vertical-align: middle;
544
+ width: 16px;
545
+ }
546
+
547
+ .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
548
+ .e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
549
+ font-size: 14px;
550
+ height: 14px;
551
+ width: 14px;
552
+ }
553
+
554
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
555
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
556
+ font-size: 20px;
557
+ height: 20px;
558
+ width: 20px;
559
+ }
560
+
561
+ .e-bigger.e-small.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
562
+ .e-bigger.e-small .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
563
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
564
+ .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
565
+ left: 10px;
566
+ right: auto;
567
+ }
568
+
569
+ .e-small.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
570
+ .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
571
+ .e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
572
+ .e-rtl.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
573
+ left: 6px;
574
+ right: auto;
575
+ }
576
+
577
+ .e-bigger.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
578
+ .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
579
+ .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
580
+ .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
581
+ left: 12px;
582
+ right: auto;
583
+ }
584
+
585
+ .e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
586
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
587
+ margin: 10px 0 9px;
588
+ }
589
+
590
+ .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
591
+ margin: 0 8px 8px 0;
592
+ padding: 0;
593
+ }
594
+
595
+ .e-small.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
596
+ .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
597
+ height: 18px;
598
+ margin: 7px 0 2px;
599
+ width: 18px;
600
+ }
601
+
602
+ .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
603
+ .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
604
+ height: 24px;
605
+ margin: 12px -4px 8px -1px;
606
+ padding: 0;
607
+ width: 24px;
608
+ }
609
+
610
+ .e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
611
+ .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 {
612
+ margin: 0 12px 4px 0;
613
+ }
614
+
615
+ .e-bigger.e-multiselect.e-input-group.e-filled.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
616
+ .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 {
617
+ margin: 0;
618
+ }
619
+
620
+ .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,
621
+ .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,
622
+ .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,
623
+ .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 {
624
+ height: 20px;
625
+ margin: 0 0 8px;
626
+ padding: 0;
627
+ width: 20px;
628
+ }
629
+
630
+ .e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
631
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
632
+ font-size: 16px;
633
+ height: 16px;
634
+ width: 16px;
635
+ }
636
+
637
+ .e-small.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
638
+ .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
639
+ font-size: 14px;
640
+ height: 14px;
641
+ width: 14px;
642
+ }
643
+
644
+ .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
645
+ .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
646
+ font-size: 20px;
647
+ height: 20px;
648
+ width: 20px;
649
+ }
650
+
651
+ .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,
652
+ .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,
653
+ .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,
654
+ .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 {
655
+ font-size: 18px;
656
+ height: 18px;
657
+ width: 18px;
658
+ }
659
+
660
+ .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,
661
+ .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,
662
+ .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,
663
+ .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 {
664
+ height: 24px;
665
+ margin: 7px -4px 8px -1px;
666
+ padding: 0;
667
+ width: 24px;
668
+ }
669
+
670
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
671
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
672
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
673
+ .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
674
+ .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
675
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
676
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
677
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
678
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
679
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
680
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before {
681
+ content: "";
682
+ }
683
+
684
+ .e-multi-select-wrapper {
685
+ box-sizing: border-box;
686
+ cursor: text;
687
+ line-height: normal;
688
+ min-height: 30px;
689
+ padding: 4px 32px 0 0;
690
+ position: relative;
691
+ -webkit-user-select: none;
692
+ -ms-user-select: none;
693
+ user-select: none;
694
+ width: 100%;
695
+ }
696
+ .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
697
+ height: 27px;
698
+ vertical-align: middle;
699
+ }
700
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
701
+ height: 100%;
702
+ min-height: 100%;
703
+ }
704
+ .e-multi-select-wrapper .e-delim-view {
705
+ white-space: nowrap;
706
+ }
707
+ .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 {
708
+ box-sizing: border-box;
709
+ display: inline-block;
710
+ overflow: hidden;
711
+ text-overflow: ellipsis;
712
+ }
713
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
714
+ color: #fff;
715
+ font-size: 13px;
716
+ left: 12px;
717
+ top: 0;
718
+ }
719
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
720
+ background: rgba(var(--color-sf-primary));
721
+ color: #fff;
722
+ padding: 12px 4px 11px 0;
723
+ }
724
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
725
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
726
+ width: 0;
727
+ }
728
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
729
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
730
+ height: 1px;
731
+ min-height: 1px;
732
+ }
733
+ .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
734
+ max-width: 100%;
735
+ }
736
+
737
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
738
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
739
+ display: -ms-flexbox;
740
+ display: flex;
741
+ float: left;
742
+ width: auto;
743
+ }
744
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
745
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
746
+ display: -ms-inline-flexbox;
747
+ display: inline-flex;
748
+ float: none;
749
+ }
750
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
751
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
752
+ width: 0;
753
+ }
754
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
755
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
756
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
757
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
758
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
759
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
760
+ display: none;
761
+ }
762
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
763
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
764
+ padding: 0 48px 0 0;
765
+ }
766
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
767
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
768
+ -ms-flex-align: center;
769
+ align-items: center;
770
+ display: inline;
771
+ max-width: 100%;
772
+ word-break: break-word;
773
+ }
774
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
775
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
776
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
777
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
778
+ -ms-flex-align: center;
779
+ align-items: center;
780
+ cursor: pointer;
781
+ display: none;
782
+ -ms-flex-direction: row;
783
+ flex-direction: row;
784
+ margin-top: -2em;
785
+ outline: 0;
786
+ padding: 0;
787
+ position: absolute;
788
+ right: 5px;
789
+ top: 100%;
790
+ }
791
+ .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
792
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
793
+ .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
794
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
795
+ display: -ms-flexbox;
796
+ display: flex;
797
+ }
798
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
799
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
800
+ margin-right: 0;
801
+ margin-top: -2em;
802
+ right: 0;
803
+ }
804
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
805
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
806
+ top: -1px;
807
+ }
808
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
809
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
810
+ font-size: 16px;
811
+ height: 30px;
812
+ width: 30px;
813
+ }
814
+
815
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
816
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
817
+ float: right;
818
+ }
819
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
820
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
821
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
822
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
823
+ left: 0;
824
+ right: auto;
825
+ }
826
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
827
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
828
+ padding: 0 0 0 48px;
829
+ }
830
+
831
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
832
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
833
+ opacity: 0.7;
834
+ pointer-events: none;
835
+ }
836
+
837
+ .e-multiselect.e-input-group,
838
+ .e-multiselect.e-float-input {
839
+ word-wrap: initial;
840
+ }
841
+
842
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
843
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
844
+ top: 15px;
845
+ }
846
+
847
+ .e-bigger .e-multi-select-wrapper {
848
+ min-height: 37px;
849
+ }
850
+
851
+ .e-multi-select-wrapper.e-close-icon-hide {
852
+ padding-right: 0;
853
+ }
854
+
855
+ .e-multi-select-wrapper .e-chips-collection {
856
+ cursor: default;
857
+ display: block;
858
+ }
859
+
860
+ .e-multi-select-wrapper .e-multi-hidden {
861
+ border: 0;
862
+ height: 0;
863
+ position: absolute;
864
+ visibility: hidden;
865
+ width: 0;
866
+ }
867
+
868
+ .e-multi-select-wrapper .e-chips {
869
+ -ms-flex-align: center;
870
+ align-items: center;
871
+ display: -ms-inline-flexbox;
872
+ display: inline-flex;
873
+ float: left;
874
+ margin: 0 8px 4px 0;
875
+ max-width: 100%;
876
+ overflow: hidden;
877
+ padding: 0 4px 0 8px;
878
+ text-overflow: ellipsis;
879
+ white-space: nowrap;
880
+ }
881
+
882
+ .e-bigger .e-multi-select-wrapper .e-chips {
883
+ margin: 0 8px 5px 0;
884
+ }
885
+
886
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
887
+ max-width: 100%;
888
+ overflow: hidden;
889
+ padding: 2px 6px 2px 2px;
890
+ text-indent: 0;
891
+ text-overflow: ellipsis;
892
+ white-space: nowrap;
893
+ }
894
+
895
+ .e-multi-select-wrapper.e-delimiter .e-searcher {
896
+ display: inline-block;
897
+ float: none;
898
+ }
899
+
900
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
901
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
902
+ padding: 8px 4px 8px 0;
903
+ }
904
+
905
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
906
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
907
+ padding: 8px 0 8px 4px;
908
+ }
909
+
910
+ .e-multi-select-wrapper .e-chips-close {
911
+ -ms-flex-item-align: center;
912
+ align-self: center;
913
+ display: -ms-flexbox;
914
+ display: flex;
915
+ float: right;
916
+ font-family: "e-icons";
917
+ height: 13px;
918
+ margin: 0 0 0;
919
+ width: 16px;
920
+ }
921
+
922
+ .e-rtl .e-multi-select-wrapper .e-chips-close {
923
+ margin: 0 0 0;
924
+ }
925
+
926
+ .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
927
+ margin: 3px 0 0;
928
+ }
929
+
930
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
931
+ cursor: default;
932
+ font-size: 16px;
933
+ height: 30px;
934
+ margin-top: -1.8em;
935
+ position: absolute;
936
+ right: 5px;
937
+ width: 30px;
938
+ top: 100%;
939
+ border-radius: 16px;
940
+ }
941
+
942
+ .e-multiselect .e-chips-close.e-close-hooker:hover {
943
+ background: rgba(var(--color-sf-on-surface), 0.08);
944
+ border: 1px;
945
+ }
946
+
947
+ .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
948
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
949
+ .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
950
+ right: 30px;
951
+ }
952
+
953
+ .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
954
+ right: 38px;
955
+ }
956
+
957
+ .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
958
+ right: 41px;
959
+ }
960
+
961
+ .e-small.e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
962
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
963
+ .e-small.e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
964
+ right: 30px;
965
+ }
966
+
967
+ .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
968
+ left: 30px;
969
+ right: auto;
970
+ }
971
+
972
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
973
+ margin-top: -2.3em;
974
+ font-size: 16px;
975
+ top: 100%;
976
+ border-radius: 20px;
977
+ width: 38px;
978
+ height: 38px;
979
+ line-height: 28px;
980
+ }
981
+
982
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover {
983
+ background: rgba(var(--color-sf-on-surface), 0.08);
984
+ border: 1px;
985
+ }
986
+
987
+ .e-bigger.e-small .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
988
+ height: 34px;
989
+ width: 34px;
990
+ margin-top: -2.4em;
991
+ }
992
+
993
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
994
+ width: 38px;
995
+ height: 38px;
996
+ }
997
+
998
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
999
+ margin-top: -2.5em;
1000
+ }
1001
+
1002
+ .e-multi-select-wrapper input[type=text] {
1003
+ background: none;
1004
+ border: 0;
1005
+ font-family: inherit;
1006
+ font-size: 13px;
1007
+ font-weight: normal;
1008
+ height: 28px;
1009
+ min-height: 28px;
1010
+ outline: none;
1011
+ padding: 0;
1012
+ text-indent: 0;
1013
+ }
1014
+
1015
+ .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1016
+ background: none;
1017
+ border: 0;
1018
+ color: inherit;
1019
+ font-family: inherit;
1020
+ font-size: 14px;
1021
+ font-weight: normal;
1022
+ height: 28px;
1023
+ min-height: 28px;
1024
+ outline: none;
1025
+ padding: 0;
1026
+ text-indent: 0;
1027
+ }
1028
+
1029
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1030
+ padding: 5px;
1031
+ }
1032
+
1033
+ .e-bigger .e-multi-select-wrapper input[type=text],
1034
+ .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
1035
+ height: 28px;
1036
+ min-height: 28px;
1037
+ }
1038
+
1039
+ .e-bigger .e-multi-select-wrapper input[type=text] {
1040
+ height: 34px;
1041
+ min-height: 34px;
1042
+ }
1043
+
1044
+ /* stylelint-disable property-no-vendor-prefix */
1045
+ .e-multi-select-wrapper input[type=text]::-ms-clear {
1046
+ display: none;
1047
+ }
1048
+
1049
+ .e-multi-select-wrapper .e-searcher {
1050
+ display: block;
1051
+ float: left;
1052
+ width: auto;
1053
+ }
1054
+
1055
+ .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1056
+ width: calc(100% - 32px);
1057
+ }
1058
+
1059
+ .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1060
+ .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1061
+ width: calc(100% - 38px);
1062
+ }
1063
+
1064
+ .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1065
+ .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1066
+ width: calc(100% - 30px);
1067
+ }
1068
+
1069
+ .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1070
+ .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1071
+ .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1072
+ .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1073
+ width: calc(100% - 32px);
1074
+ }
1075
+
1076
+ .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1077
+ width: calc(100% - 32px);
1078
+ }
1079
+
1080
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1081
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1082
+ width: calc(100% - 38px);
1083
+ }
1084
+
1085
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1086
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1087
+ width: calc(100% - 30px);
1088
+ }
1089
+
1090
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1091
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1092
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1093
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1094
+ width: calc(100% - 32px);
1095
+ }
1096
+
1097
+ .e-multi-select-wrapper .e-delim-values {
1098
+ font-family: inherit;
1099
+ font-size: 14px;
1100
+ line-height: 28px;
1101
+ max-width: 100%;
1102
+ padding-left: 0;
1103
+ padding-right: 6px;
1104
+ vertical-align: middle;
1105
+ }
1106
+
1107
+ .e-bigger .e-multi-select-wrapper .e-delim-values {
1108
+ line-height: 34px;
1109
+ padding-left: 0;
1110
+ }
1111
+
1112
+ .e-multi-select-list-wrapper .e-hide-listitem,
1113
+ .e-multi-select-list-wrapper .e-hide-group-header {
1114
+ display: none;
1115
+ }
1116
+
1117
+ .e-multi-select-wrapper .e-delim-values .e-remain {
1118
+ color: rgba(var(--color-sf-on-surface));
1119
+ cursor: pointer;
1120
+ display: inline-block;
1121
+ font-size: 13px;
1122
+ padding-left: 16px;
1123
+ }
1124
+
1125
+ .e-multiselect.e-disabled .e-multi-select-wrapper,
1126
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
1127
+ cursor: not-allowed;
1128
+ }
1129
+
1130
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1131
+ height: 40px;
1132
+ left: 0;
1133
+ margin: 0 0 0 0;
1134
+ margin-left: auto;
1135
+ position: relative;
1136
+ top: 0;
1137
+ width: 40px;
1138
+ }
1139
+
1140
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1141
+ -ms-flex-item-align: center;
1142
+ align-self: center;
1143
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
1144
+ display: -ms-inline-flexbox;
1145
+ display: inline-flex;
1146
+ padding: 0 0 0 16px;
1147
+ width: 92%;
1148
+ }
1149
+
1150
+ .e-multi-select-wrapper .e-ddl-disable-icon::before {
1151
+ content: "";
1152
+ }
1153
+
1154
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
1155
+ float: none;
1156
+ }
1157
+
1158
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
1159
+ padding-left: 0;
1160
+ }
1161
+ .e-multiselect.e-rtl .e-multi-select-wrapper {
1162
+ padding: 0 2px 0 32px;
1163
+ }
1164
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1165
+ left: -12px;
1166
+ }
1167
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1168
+ margin: 0;
1169
+ margin-right: auto;
1170
+ }
1171
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
1172
+ float: right;
1173
+ }
1174
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
1175
+ float: right;
1176
+ margin: 0 0 8px 8px;
1177
+ padding: 0 8px 0 4px;
1178
+ }
1179
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
1180
+ padding: 5px 4px;
1181
+ }
1182
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
1183
+ float: left;
1184
+ }
1185
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
1186
+ left: 0;
1187
+ }
1188
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
1189
+ padding: 0 4px 0 8px;
1190
+ }
1191
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
1192
+ padding: 8px 4px;
1193
+ }
1194
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1195
+ padding: 0 8px 0 4px;
1196
+ }
1197
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1198
+ padding: 12px 4px;
1199
+ }
1200
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1201
+ left: 30px;
1202
+ position: absolute;
1203
+ right: auto;
1204
+ }
1205
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
1206
+ left: -4px;
1207
+ }
1208
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
1209
+ padding-right: 16px;
1210
+ }
1211
+
1212
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
1213
+ left: 19px;
1214
+ }
1215
+
1216
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1217
+ left: -7px;
1218
+ }
1219
+
1220
+ .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1221
+ bottom: 1px;
1222
+ margin-right: 10px;
1223
+ position: relative;
1224
+ text-indent: 0;
1225
+ vertical-align: middle;
1226
+ }
1227
+
1228
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
1229
+ padding-left: 14px;
1230
+ }
1231
+
1232
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper .e-ripple-container {
1233
+ left: 4px;
1234
+ }
1235
+
1236
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
1237
+ padding-right: 25px;
1238
+ }
1239
+
1240
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
1241
+ padding-right: 25px;
1242
+ }
1243
+
1244
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1245
+ bottom: 1px;
1246
+ margin-right: 10px;
1247
+ position: relative;
1248
+ text-indent: 0;
1249
+ vertical-align: middle;
1250
+ }
1251
+
1252
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
1253
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1254
+ bottom: 1px;
1255
+ margin-right: 12px;
1256
+ }
1257
+
1258
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
1259
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1260
+ bottom: 1px;
1261
+ margin-right: 12px;
1262
+ }
1263
+
1264
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
1265
+ margin-left: 12px;
1266
+ margin-right: 0;
1267
+ }
1268
+
1269
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
1270
+ margin-left: 12px;
1271
+ margin-right: 0;
1272
+ }
1273
+
1274
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
1275
+ padding-right: 0;
1276
+ }
1277
+
1278
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
1279
+ padding-right: 0;
1280
+ }
1281
+
1282
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
1283
+ padding-left: 16px;
1284
+ }
1285
+
1286
+ .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 {
1287
+ padding-left: 14px;
1288
+ }
1289
+
1290
+ .e-multi-select-list-wrapper .e-selectall-parent {
1291
+ cursor: pointer;
1292
+ display: block;
1293
+ line-height: 36px;
1294
+ overflow: hidden;
1295
+ padding-right: 16px;
1296
+ position: relative;
1297
+ text-indent: 17px;
1298
+ white-space: nowrap;
1299
+ width: 100%;
1300
+ }
1301
+
1302
+ .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
1303
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
1304
+ padding-left: 16px;
1305
+ padding-right: 0;
1306
+ }
1307
+
1308
+ .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
1309
+ color: rgba(var(--color-sf-on-surface));
1310
+ font-family: inherit;
1311
+ font-size: 14px;
1312
+ }
1313
+
1314
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
1315
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
1316
+ font-size: 13px;
1317
+ line-height: 48px;
1318
+ text-indent: 17px;
1319
+ }
1320
+
1321
+ .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
1322
+ bottom: 1px;
1323
+ margin-right: 10px;
1324
+ position: relative;
1325
+ text-indent: 0;
1326
+ vertical-align: middle;
1327
+ }
1328
+
1329
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
1330
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
1331
+ bottom: 1px;
1332
+ margin-right: 12px;
1333
+ }
1334
+
1335
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
1336
+ margin-left: 12px;
1337
+ margin-right: 0;
1338
+ }
1339
+
1340
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
1341
+ float: right;
1342
+ margin-top: 6px;
1343
+ top: 1px;
1344
+ }
1345
+
1346
+ .e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
1347
+ top: 6px;
1348
+ }
1349
+
1350
+ .e-bigger.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
1351
+ top: 3px;
1352
+ }
1353
+
1354
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1355
+ float: left;
1356
+ }
1357
+
1358
+ .e-multiselect .e-ddl-icon::before {
1359
+ transform: rotate(0deg);
1360
+ transition: transform 300ms ease;
1361
+ }
1362
+
1363
+ .e-multiselect.e-icon-anim .e-ddl-icon::before {
1364
+ transform: rotate(180deg);
1365
+ transition: transform 300ms ease;
1366
+ }
1367
+
1368
+ .e-multiselect.e-checkbox .e-multi-select-wrapper,
1369
+ .e-multiselect .e-multi-select-wrapper.e-down-icon {
1370
+ padding: 0;
1371
+ }
1372
+
1373
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
1374
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
1375
+ padding: 4px 12px 4px;
1376
+ }
1377
+
1378
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
1379
+ padding: 0 8px;
1380
+ }
1381
+
1382
+ .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
1383
+ line-height: 34px;
1384
+ }
1385
+
1386
+ .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
1387
+ line-height: 20px;
1388
+ padding-left: 10px;
1389
+ }
1390
+
1391
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
1392
+ .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
1393
+ opacity: 0.3;
1394
+ }
1395
+
1396
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
1397
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
1398
+ opacity: 0.7;
1399
+ }
1400
+
1401
+ .e-multi-select-wrapper input[readonly=true] {
1402
+ pointer-events: none;
1403
+ }
1404
+
1405
+ .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
1406
+ pointer-events: none;
1407
+ }
1408
+
1409
+ ejs-multiselect {
1410
+ display: block;
1411
+ }
1412
+
1413
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
1414
+ .e-small .e-multi-select-list-wrapper .e-selectall-parent {
1415
+ line-height: 26px;
1416
+ }
1417
+
1418
+ .e-small .e-multi-select-wrapper .e-chips-close {
1419
+ height: 14px;
1420
+ width: 14px;
1421
+ }
1422
+
1423
+ .e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1424
+ right: 24px;
1425
+ }
1426
+
1427
+ .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1428
+ margin-top: -1.7em;
1429
+ height: 22px;
1430
+ width: 22px;
1431
+ line-height: 2px;
1432
+ }
1433
+
1434
+ .e-small .e-multi-select-wrapper {
1435
+ min-height: 24px;
1436
+ }
1437
+
1438
+ .e-small .e-multi-select-wrapper input[type=text] {
1439
+ height: 26px;
1440
+ min-height: 26px;
1441
+ }
1442
+
1443
+ .e-small .e-multi-select-wrapper .e-delim-values {
1444
+ font-size: 12px;
1445
+ line-height: 26px;
1446
+ }
1447
+
1448
+ .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1449
+ .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1450
+ margin-top: -1.5em;
1451
+ font-size: 14px;
1452
+ height: 22px;
1453
+ width: 22px;
1454
+ }
1455
+
1456
+ .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1457
+ .e-small .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1458
+ margin-top: -1.4em;
1459
+ }
1460
+
1461
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1462
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1463
+ margin-top: -1.4em;
1464
+ }
1465
+
1466
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
1467
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
1468
+ line-height: 40px;
1469
+ }
1470
+
1471
+ .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1472
+ .e-bigger.e-small .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1473
+ margin-top: -1.7em;
1474
+ top: 100%;
1475
+ }
1476
+
1477
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1478
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1479
+ margin-top: -1.7em;
1480
+ }
1481
+
1482
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1483
+ height: 16px;
1484
+ width: 16px;
1485
+ }
1486
+
1487
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1488
+ min-height: 34px;
1489
+ min-width: 34px;
1490
+ }
1491
+
1492
+ .e-bigger.e-small .e-multi-select-wrapper {
1493
+ min-height: 28px;
1494
+ }
1495
+
1496
+ .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
1497
+ height: 28px;
1498
+ min-height: 28px;
1499
+ }
1500
+
1501
+ .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
1502
+ font-size: 13px;
1503
+ line-height: 28px;
1504
+ }
1505
+
1506
+ .e-bigger.e-small .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1507
+ right: 34px;
1508
+ }
1509
+
1510
+ .e-small .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1511
+ right: 22px;
1512
+ }
1513
+
1514
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1515
+ .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1516
+ margin-top: -2.4em;
1517
+ right: 5px;
1518
+ right: 34px;
1519
+ }
1520
+
1521
+ .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
1522
+ background-size: 300px 33px;
1523
+ min-height: 33px;
1524
+ }
1525
+
1526
+ .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
1527
+ .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
1528
+ background-size: 300px 40px;
1529
+ min-height: 40px;
1530
+ }
1531
+
1532
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
1533
+ color: inherit;
1534
+ font-size: inherit;
1535
+ min-height: 34px;
1536
+ padding: 8px 12px 9px;
1537
+ }
1538
+
1539
+ .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type=text] {
1540
+ padding: 8px 12px 9px;
1541
+ }
1542
+
1543
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type=text],
1544
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
1545
+ font-size: inherit;
1546
+ min-height: 30px;
1547
+ padding: 7px 10px;
1548
+ }
1549
+
1550
+ .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type=text],
1551
+ .e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type=text] {
1552
+ padding: 7px 10px;
1553
+ }
1554
+
1555
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type=text],
1556
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type=text],
1557
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type=text],
1558
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
1559
+ font-size: inherit;
1560
+ min-height: 34px;
1561
+ padding: 8px 12px 9px;
1562
+ }
1563
+
1564
+ .e-bigger.e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type=text],
1565
+ .e-bigger.e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type=text],
1566
+ .e-bigger .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type=text],
1567
+ .e-small .e-bigger.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type=text] {
1568
+ padding: 8px 12px 9px;
1569
+ }
1570
+
1571
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type=text],
1572
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
1573
+ font-size: inherit;
1574
+ min-height: 40px;
1575
+ }
1576
+
1577
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper, .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
1578
+ min-height: 40px;
1579
+ padding: 7px 42px 7px 0;
1580
+ }
1581
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper {
1582
+ min-height: 34px;
1583
+ padding: 3px 38px 1px 0;
1584
+ }
1585
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper, .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper {
1586
+ min-height: 34px;
1587
+ padding: 3px 38px 1px 0;
1588
+ }
1589
+
1590
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper, .e-small.e-multiselect.e-outline .e-multi-select-wrapper {
1591
+ min-height: 30px;
1592
+ padding: 3px 38px 1px 0;
1593
+ }
1594
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
1595
+ min-height: 34px;
1596
+ padding: 3px 38px 1px 0;
1597
+ }
1598
+ .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper {
1599
+ min-height: 34px;
1600
+ padding: 3px 38px 1px 0;
1601
+ }
1602
+
1603
+ .e-multiselect.e-outline .e-multi-select-wrapper {
1604
+ min-height: 34px;
1605
+ padding: 3px 38px 1px 0;
1606
+ }
1607
+
1608
+ .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1609
+ .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1610
+ .e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1611
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1612
+ .e-bigger .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1613
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon {
1614
+ padding-right: 0;
1615
+ }
1616
+
1617
+ .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1618
+ .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1619
+ .e-rtl .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1620
+ .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1621
+ .e-rtl.e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1622
+ .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1623
+ .e-bigger .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1624
+ .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1625
+ .e-rtl .e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1626
+ .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1627
+ .e-rtl.e-small.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1628
+ .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1629
+ .e-small .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1630
+ .e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1631
+ .e-rtl .e-small.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
1632
+ .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1633
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1634
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1635
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1636
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1637
+ .e-rtl.e-small.e-bigger .e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1638
+ .e-rtl.e-small.e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
1639
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1640
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1641
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1642
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1643
+ .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
1644
+ .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon {
1645
+ padding-left: 0;
1646
+ }
1647
+
1648
+ .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper,
1649
+ .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper,
1650
+ .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
1651
+ .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper,
1652
+ .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper,
1653
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
1654
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
1655
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
1656
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
1657
+ .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper,
1658
+ .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
1659
+ padding: 3px 0 1px 38px;
1660
+ }
1661
+
1662
+ .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
1663
+ .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper,
1664
+ .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
1665
+ padding: 7px 0 7px 42px;
1666
+ }
1667
+
1668
+ .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1669
+ .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1670
+ .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1671
+ .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1672
+ .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1673
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1674
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1675
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1676
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1677
+ .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1678
+ .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1679
+ .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1680
+ .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1681
+ .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide {
1682
+ padding-left: 0;
1683
+ }
1684
+
1685
+ .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1686
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1687
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1688
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1689
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1690
+ .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1691
+ .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1692
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
1693
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide {
1694
+ padding-right: 0;
1695
+ }
1696
+
1697
+ .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
1698
+ height: 34px;
1699
+ }
1700
+
1701
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
1702
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
1703
+ height: 40px;
1704
+ }
1705
+
1706
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
1707
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
1708
+ height: 30px;
1709
+ }
1710
+
1711
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
1712
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
1713
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
1714
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
1715
+ height: 34px;
1716
+ }
1717
+
1718
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1719
+ font-size: 14px;
1720
+ line-height: 34px;
1721
+ padding: 0 0 0 12px;
1722
+ }
1723
+
1724
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1725
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1726
+ font-size: 16px;
1727
+ line-height: 40px;
1728
+ padding: 0 0 0 16px;
1729
+ }
1730
+
1731
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1732
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1733
+ font-size: 13px;
1734
+ line-height: 30px;
1735
+ padding: 0 0 0 8px;
1736
+ }
1737
+
1738
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1739
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1740
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1741
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1742
+ font-size: 14px;
1743
+ line-height: 34px;
1744
+ padding: 0 0 0 12px;
1745
+ }
1746
+
1747
+ .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1748
+ padding: 0 12px 0 0;
1749
+ }
1750
+
1751
+ .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1752
+ .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1753
+ .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1754
+ .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1755
+ .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1756
+ .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1757
+ padding: 0 16px 0 0;
1758
+ }
1759
+
1760
+ .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1761
+ .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1762
+ .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1763
+ .e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1764
+ .e-small .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1765
+ .e-rtl .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1766
+ padding: 0 8px 0 0;
1767
+ }
1768
+
1769
+ .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1770
+ .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1771
+ .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1772
+ .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1773
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1774
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1775
+ .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1776
+ .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1777
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1778
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1779
+ .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
1780
+ .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
1781
+ padding: 0 12px 0 0;
1782
+ }
1783
+
1784
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
1785
+ height: 26px;
1786
+ margin: 4px 0 4px 8px;
1787
+ padding: 0 8px;
1788
+ }
1789
+
1790
+ .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1791
+ .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
1792
+ margin: 4px 8px 4px 0;
1793
+ }
1794
+
1795
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1796
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
1797
+ height: 32px;
1798
+ padding: 0 12px;
1799
+ }
1800
+
1801
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1802
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
1803
+ height: 24px;
1804
+ padding: 0 8px;
1805
+ }
1806
+
1807
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1808
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1809
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
1810
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
1811
+ height: 26px;
1812
+ padding: 0 8px;
1813
+ }
1814
+
1815
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
1816
+ padding: 0 8px 0 0;
1817
+ }
1818
+
1819
+ .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1820
+ .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
1821
+ padding: 0 0 0 8px;
1822
+ }
1823
+
1824
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1825
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1826
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1827
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1828
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
1829
+ font-size: 13px;
1830
+ }
1831
+
1832
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1833
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
1834
+ font-size: 14px;
1835
+ }
1836
+
1837
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
1838
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
1839
+ font-size: 12px;
1840
+ }
1841
+
1842
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1843
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1844
+ -ms-flex-align: normal;
1845
+ align-items: normal;
1846
+ }
1847
+
1848
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1849
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
1850
+ font-size: 14px;
1851
+ }
1852
+
1853
+ .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1854
+ .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1855
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
1856
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
1857
+ font-size: 16px;
1858
+ }
1859
+
1860
+ .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1861
+ .e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1862
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
1863
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
1864
+ font-size: 13px;
1865
+ }
1866
+
1867
+ .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1868
+ .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1869
+ .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1870
+ .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
1871
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
1872
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
1873
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
1874
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
1875
+ font-size: 14px;
1876
+ }
1877
+
1878
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
1879
+ padding: 0 12px 0 8px;
1880
+ }
1881
+
1882
+ .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
1883
+ .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
1884
+ padding: 3px 12px 0 4px;
1885
+ }
1886
+
1887
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper,
1888
+ .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
1889
+ .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
1890
+ .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
1891
+ .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
1892
+ padding: 0;
1893
+ }
1894
+
1895
+ .e-filled.e-float-input .e-multi-select-wrapper,
1896
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
1897
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
1898
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
1899
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
1900
+ padding: 11px 12px 0;
1901
+ }
1902
+
1903
+ .e-small.e-filled.e-float-input .e-multi-select-wrapper,
1904
+ .e-small .e-filled.e-float-input .e-multi-select-wrapper {
1905
+ padding: 12px 12px 0 8px;
1906
+ }
1907
+
1908
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
1909
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
1910
+ padding: 19px 12px 0 16px;
1911
+ }
1912
+
1913
+ .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
1914
+ padding-top: 3px;
1915
+ }
1916
+
1917
+ .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
1918
+ .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
1919
+ padding: 0;
1920
+ }
1921
+
1922
+ .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type=text],
1923
+ .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type=text],
1924
+ .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type=text],
1925
+ .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type=text],
1926
+ .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type=text] {
1927
+ min-height: 39px;
1928
+ padding-right: 10px;
1929
+ }
1930
+
1931
+ .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type=text],
1932
+ .e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type=text] {
1933
+ min-height: 32px;
1934
+ }
1935
+
1936
+ .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type=text],
1937
+ .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type=text] {
1938
+ height: 22px;
1939
+ min-height: 22px;
1940
+ padding: 2px;
1941
+ }
1942
+
1943
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type=text],
1944
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type=text] {
1945
+ min-height: 52px;
1946
+ }
1947
+
1948
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type=text],
1949
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type=text] {
1950
+ min-height: 36px;
1951
+ }
1952
+
1953
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher {
1954
+ height: 39px;
1955
+ }
1956
+
1957
+ .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher,
1958
+ .e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher {
1959
+ height: 32px;
1960
+ }
1961
+
1962
+ .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
1963
+ .e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
1964
+ height: 22px;
1965
+ }
1966
+
1967
+ .e-bigger.e-filled:not(.e-small).e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher,
1968
+ .e-bigger .e-filled:not(.e-small).e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher {
1969
+ height: 52px;
1970
+ }
1971
+
1972
+ .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
1973
+ .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
1974
+ height: 36px;
1975
+ }
1976
+
1977
+ .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
1978
+ .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,
1979
+ .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
1980
+ height: 28px;
1981
+ }
1982
+
1983
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
1984
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
1985
+ padding: 5px 0;
1986
+ }
1987
+
1988
+ .e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
1989
+ .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
1990
+ .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
1991
+ .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
1992
+ .e-small .e-bigger.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase {
1993
+ min-height: 28px;
1994
+ }
1995
+
1996
+ .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1997
+ .e-small.e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1998
+ .e-small.e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
1999
+ .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
2000
+ .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values {
2001
+ font-size: 13px;
2002
+ line-height: 39px;
2003
+ }
2004
+
2005
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
2006
+ .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
2007
+ .e-small.e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
2008
+ .e-small .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
2009
+ .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
2010
+ font-size: 14px;
2011
+ line-height: 28px;
2012
+ }
2013
+
2014
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
2015
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
2016
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
2017
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
2018
+ font-size: 16px;
2019
+ line-height: 52px;
2020
+ }
2021
+
2022
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
2023
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
2024
+ line-height: 36px;
2025
+ }
2026
+
2027
+ .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
2028
+ .e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
2029
+ .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
2030
+ .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
2031
+ font-size: 13px;
2032
+ line-height: 32px;
2033
+ }
2034
+
2035
+ .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
2036
+ .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
2037
+ line-height: 22px;
2038
+ }
2039
+
2040
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2041
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2042
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2043
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2044
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2045
+ height: 28px;
2046
+ }
2047
+
2048
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2049
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2050
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2051
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2052
+ height: 24px;
2053
+ }
2054
+
2055
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2056
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2057
+ height: 32px;
2058
+ }
2059
+
2060
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
2061
+ height: 24px;
2062
+ }
2063
+
2064
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2065
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2066
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2067
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2068
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2069
+ height: 18px;
2070
+ }
2071
+
2072
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2073
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2074
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2075
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2076
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2077
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2078
+ .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2079
+ .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2080
+ .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2081
+ .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2082
+ margin: 8px 8px 0 0;
2083
+ padding: 0 8px;
2084
+ }
2085
+
2086
+ .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2087
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2088
+ .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2089
+ .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2090
+ .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2091
+ .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2092
+ .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2093
+ .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2094
+ .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2095
+ .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2096
+ margin: 8px 0 0 8px;
2097
+ padding: 0 8px;
2098
+ }
2099
+
2100
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2101
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2102
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2103
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2104
+ padding-left: 8px;
2105
+ }
2106
+
2107
+ .e-small .e-filled .e-multi-select-wrapper .e-chips,
2108
+ .e-small.e-filled .e-multi-select-wrapper .e-chips {
2109
+ height: 16px;
2110
+ margin: 4px 4px 0 0;
2111
+ padding-right: 8px;
2112
+ }
2113
+
2114
+ .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2115
+ .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2116
+ margin: 4px 0 0 4px;
2117
+ }
2118
+
2119
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2120
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2121
+ height: 24px;
2122
+ }
2123
+
2124
+ .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
2125
+ .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,
2126
+ .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,
2127
+ .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
2128
+ .e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
2129
+ .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
2130
+ .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
2131
+ height: 12px;
2132
+ width: 12px;
2133
+ }
2134
+
2135
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2136
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2137
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2138
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2139
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2140
+ font-size: 13px;
2141
+ padding: 0 8px 0 0;
2142
+ }
2143
+
2144
+ .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2145
+ .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2146
+ font-size: 12px;
2147
+ }
2148
+
2149
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2150
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2151
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2152
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2153
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2154
+ font-size: 12px;
2155
+ padding: 0 4px 0 0;
2156
+ }
2157
+
2158
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2159
+ .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2160
+ .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2161
+ .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2162
+ .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2163
+ padding: 0 0 0 4px;
2164
+ }
2165
+
2166
+ .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2167
+ .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2168
+ font-size: 10px;
2169
+ }
2170
+
2171
+ .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2172
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2173
+ font-size: 13px;
2174
+ }
2175
+
2176
+ .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2177
+ font-size: 13px;
2178
+ padding-right: 4px;
2179
+ }
2180
+
2181
+ .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2182
+ .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2183
+ font-size: 14px;
2184
+ }
2185
+
2186
+ .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2187
+ .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2188
+ .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2189
+ .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2190
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2191
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2192
+ padding: 0 12px;
2193
+ }
2194
+
2195
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2196
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2197
+ padding-right: 8px;
2198
+ }
2199
+
2200
+ .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2201
+ .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2202
+ height: 38px;
2203
+ margin-top: -38px;
2204
+ right: 12px;
2205
+ top: 100%;
2206
+ width: 16px;
2207
+ }
2208
+
2209
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2210
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2211
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2212
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2213
+ .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 {
2214
+ display: none;
2215
+ }
2216
+
2217
+ .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
2218
+ margin: 0;
2219
+ }
2220
+
2221
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2222
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2223
+ cursor: not-allowed;
2224
+ }
2225
+
2226
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2227
+ .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 {
2228
+ cursor: pointer;
2229
+ }
2230
+
2231
+ .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2232
+ color: rgba(var(--color-sf-on-surface-variant));
2233
+ }
2234
+
2235
+ .e-multi-select-wrapper .e-chips.e-chip-selected {
2236
+ background: transparent;
2237
+ }
2238
+
2239
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
2240
+ background: rgba(var(--color-sf-on-surface), 0.05), 0.05;
2241
+ }
2242
+
2243
+ .e-multiselect {
2244
+ box-sizing: border-box;
2245
+ }
2246
+
2247
+ /* stylelint-disable property-no-vendor-prefix */
2248
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
2249
+ -webkit-text-fill-color: rgba(var(--color-sf-on-surface-variant));
2250
+ color: rgba(var(--color-sf-on-surface-variant));
2251
+ font-family: inherit;
2252
+ font-size: 13px;
2253
+ }
2254
+
2255
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
2256
+ color: rgba(var(--color-sf-on-surface-variant));
2257
+ }
2258
+
2259
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
2260
+ color: rgba(var(--color-sf-on-surface-variant));
2261
+ }
2262
+
2263
+ .e-multi-select-wrapper .e-chips {
2264
+ background: transparent;
2265
+ border: 1px solid rgba(var(--color-sf-outline));
2266
+ border-radius: 8px;
2267
+ height: 24px;
2268
+ }
2269
+
2270
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
2271
+ background: rgba(var(--color-sf-on-surface), 0.05), 0.05;
2272
+ }
2273
+
2274
+ .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
2275
+ color: rgba(var(--color-sf-on-surface-variant));
2276
+ }
2277
+
2278
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
2279
+ -webkit-text-fill-color: rgba(var(--color-sf-on-surface-variant));
2280
+ color: rgba(var(--color-sf-on-surface-variant));
2281
+ font-size: 13px;
2282
+ }
2283
+
2284
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2285
+ background: rgba(var(--color-sf-primary));
2286
+ border-radius: 2px;
2287
+ color: #fff;
2288
+ height: 40px;
2289
+ line-height: 40px;
2290
+ }
2291
+
2292
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2293
+ color: #fff;
2294
+ }
2295
+
2296
+ .e-multi-select-wrapper .e-chips.e-mob-chip,
2297
+ .e-bigger .e-multi-select-wrapper .e-chips {
2298
+ height: 32px;
2299
+ }
2300
+
2301
+ .e-popup.e-multi-select-list-wrapper {
2302
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2303
+ box-sizing: content-box;
2304
+ overflow: initial;
2305
+ }
2306
+
2307
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
2308
+ border-bottom: 1px solid transparent;
2309
+ border-left: 1px solid rgba(var(--color-sf-primary-container), 0.65);
2310
+ border-right: 1px solid rgba(var(--color-sf-primary-container), 0.65);
2311
+ border-top: 1px solid rgba(var(--color-sf-primary));
2312
+ }
2313
+
2314
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
2315
+ background: transparent;
2316
+ border-color: transparent;
2317
+ color: rgba(var(--color-sf-on-surface));
2318
+ }
2319
+
2320
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
2321
+ background: transparent;
2322
+ border-color: transparent;
2323
+ color: rgba(var(--color-sf-on-surface));
2324
+ }
2325
+
2326
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
2327
+ color: rgba(var(--color-sf-on-surface));
2328
+ }
2329
+
2330
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
2331
+ color: rgba(var(--color-sf-on-surface));
2332
+ }
2333
+
2334
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2335
+ background: rgba(var(--color-sf-on-surface), 0.05), 0.05;
2336
+ }
2337
+
2338
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
2339
+ background: rgba(var(--color-sf-on-surface), 0.05), 0.05;
2340
+ }
2341
+
2342
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
2343
+ border-bottom: 1px solid transparent;
2344
+ border-top: 1px solid transparent;
2345
+ }
2346
+
2347
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
2348
+ border-bottom: 1px solid transparent;
2349
+ }
2350
+
2351
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
2352
+ border-top: 1px solid transparent;
2353
+ }
2354
+
2355
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2356
+ background: rgba(var(--color-sf-primary-container), 0.65);
2357
+ box-shadow: none;
2358
+ color: rgba(var(--color-sf-on-surface));
2359
+ border: 1px solid transparent;
2360
+ }
2361
+
2362
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2363
+ background: rgba(var(--color-sf-primary-container), 0.65);
2364
+ box-shadow: none;
2365
+ color: rgba(var(--color-sf-on-surface));
2366
+ border: 1px solid transparent;
2367
+ }
2368
+
2369
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-item-focus {
2370
+ background: rgba(var(--color-sf-on-surface), 0.04);
2371
+ }
2372
+
2373
+ .e-popup.e-multi-select-list-wrapper .e-list-item {
2374
+ border: 1px solid transparent;
2375
+ }
2376
+
2377
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
2378
+ border: 1px solid transparent;
2379
+ }
2380
+
2381
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2382
+ color: rgba(var(--color-sf-on-surface-variant));
2383
+ }
2384
+
2385
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2386
+ color: rgba(var(--color-sf-on-surface-variant));
2387
+ }
2388
+
2389
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2390
+ color: rgba(var(--color-sf-on-surface-variant));
2391
+ }
2392
+
2393
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2394
+ color: rgba(var(--color-sf-on-surface-variant));
2395
+ }
2396
+
2397
+ .e-ul.e-reorder {
2398
+ border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
2399
+ }
2400
+
2401
+ .e-multi-select-list-wrapper .e-selectall-parent {
2402
+ border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
2403
+ }
2404
+
2405
+ .e-multi-select-wrapper .e-delim-values {
2406
+ -webkit-text-fill-color: rgba(var(--color-sf-on-surface-variant));
2407
+ color: rgba(var(--color-sf-on-surface-variant));
2408
+ }
2409
+
2410
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2411
+ color: rgba(var(--color-sf-on-surface-variant));
2412
+ }
2413
+
2414
+ .e-small .e-multi-select-wrapper .e-chips {
2415
+ height: 20px;
2416
+ }
2417
+
2418
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2419
+ font-size: 12px;
2420
+ }
2421
+
2422
+ .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2423
+ font-size: 14px;
2424
+ }
2425
+
2426
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
2427
+ left: 0;
2428
+ }
2429
+
2430
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2431
+ left: 0;
2432
+ }
2433
+
2434
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2435
+ height: 28px;
2436
+ }
2437
+
2438
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2439
+ font-size: 13px;
2440
+ }
2441
+
2442
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2443
+ font-size: 16px;
2444
+ }
2445
+
2446
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
2447
+ background: transparent;
2448
+ }
2449
+
2450
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips {
2451
+ background: #cecece;
2452
+ }
2453
+
2454
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips:hover {
2455
+ background: rgba(var(--color-sf-on-surface), 0.05), 5%;
2456
+ }
2457
+
2458
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips:hover {
2459
+ background: #cecece;
2460
+ }
2461
+
2462
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected,
2463
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected {
2464
+ background: transparent;
2465
+ }
2466
+
2467
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected:hover,
2468
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
2469
+ background: rgba(var(--color-sf-on-surface), 0.05), 5%;
2470
+ }
2471
+
2472
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent,
2473
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
2474
+ color: rgba(var(--color-sf-on-surface-variant));
2475
+ }
2476
+
2477
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover,
2478
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
2479
+ color: rgba(var(--color-sf-on-surface-variant));
2480
+ }
2481
+
2482
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2483
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2484
+ color: rgba(var(--color-sf-on-surface-variant), 0.54);
2485
+ }
2486
+
2487
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover,
2488
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover {
2489
+ color: rgba(var(--color-sf-on-surface), 0.87);
2490
+ }
2491
+
2492
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before,
2493
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2494
+ color: rgba(var(--color-sf-on-surface-variant));
2495
+ }
2496
+
2497
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before,
2498
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
2499
+ color: #fff;
2500
+ }
2501
+
2502
+ .e-multiselect.e-outline:not(.e-disabled) .e-multi-select-wrapper .e-chips:not(.e-chip-selected) .e-chips-close:hover::before,
2503
+ .e-multiselect.e-filled:not(.e-disabled) .e-multi-select-wrapper .e-chips:not(.e-chip-selected) .e-chips-close:hover::before {
2504
+ color: rgba(var(--color-sf-on-surface), 0.87);
2505
+ }
2506
+
2507
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
2508
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain {
2509
+ color: rgba(var(--color-sf-on-surface), 0.6);
2510
+ }
2511
+
2512
+ .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-delim-values,
2513
+ .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-delim-values .e-remain,
2514
+ .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips > .e-chipcontent,
2515
+ .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before,
2516
+ .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2517
+ color: rgba(var(--color-sf-on-surface), 0.38);
2518
+ }
2519
+
2520
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2521
+ -webkit-text-fill-color: rgba(var(--color-sf-on-surface), 0.38);
2522
+ color: rgba(var(--color-sf-on-surface), 0.38);
2523
+ }
2524
+
2525
+ .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips {
2526
+ background: transparent;
2527
+ }
2528
+
2529
+ .e-multiselect.e-filled .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip.e-chip-selected,
2530
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2531
+ background: rgba(var(--color-sf-primary));
2532
+ border-radius: 4px;
2533
+ box-sizing: border-box;
2534
+ color: #fff;
2535
+ height: 40px;
2536
+ line-height: 40px;
2537
+ margin-left: 0;
2538
+ margin-right: 0;
2539
+ width: 100%;
2540
+ }
2541
+
2542
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close,
2543
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
2544
+ width: 33px;
2545
+ }
2546
+
2547
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent,
2548
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2549
+ color: #fff;
2550
+ }