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