@syncfusion/ej2-dropdowns 31.2.18 → 32.1.20

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 (604) hide show
  1. package/aceconfig.js +17 -0
  2. package/dist/ej2-dropdowns.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +101 -8
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +101 -8
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +2 -2
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +8 -8
  13. package/src/drop-down-list/drop-down-list.d.ts +6 -0
  14. package/src/drop-down-list/drop-down-list.js +87 -1
  15. package/src/drop-down-tree/drop-down-tree.js +4 -1
  16. package/src/mention/mention.js +3 -6
  17. package/src/multi-select/multi-select.js +7 -0
  18. package/styles/auto-complete/_bootstrap4-definition.scss +3 -0
  19. package/styles/auto-complete/_bootstrap5-dark-definition.scss +2 -1
  20. package/styles/auto-complete/_fluent-dark-definition.scss +2 -1
  21. package/styles/auto-complete/_material3-dark-definition.scss +2 -1
  22. package/styles/auto-complete/_tailwind-dark-definition.scss +2 -1
  23. package/styles/auto-complete/_theme-variables.scss +1 -0
  24. package/styles/auto-complete/bds.scss +4 -4
  25. package/styles/auto-complete/bootstrap-dark.scss +4 -4
  26. package/styles/auto-complete/bootstrap.scss +4 -4
  27. package/styles/auto-complete/bootstrap4.scss +4 -4
  28. package/styles/auto-complete/bootstrap5-dark.scss +4 -4
  29. package/styles/auto-complete/bootstrap5.3.css +81 -1
  30. package/styles/auto-complete/bootstrap5.3.scss +4 -4
  31. package/styles/auto-complete/bootstrap5.scss +4 -4
  32. package/styles/auto-complete/fabric-dark.scss +4 -4
  33. package/styles/auto-complete/fabric.scss +4 -4
  34. package/styles/auto-complete/fluent-dark.scss +4 -4
  35. package/styles/auto-complete/fluent.scss +4 -4
  36. package/styles/auto-complete/fluent2.css +117 -2
  37. package/styles/auto-complete/fluent2.scss +4 -4
  38. package/styles/auto-complete/highcontrast-light.scss +4 -4
  39. package/styles/auto-complete/highcontrast.scss +4 -4
  40. package/styles/auto-complete/material-dark.scss +4 -4
  41. package/styles/auto-complete/material.scss +4 -4
  42. package/styles/auto-complete/material3-dark.css +140 -1
  43. package/styles/auto-complete/material3-dark.scss +4 -5
  44. package/styles/auto-complete/material3.css +140 -1
  45. package/styles/auto-complete/material3.scss +4 -5
  46. package/styles/auto-complete/tailwind-dark.scss +4 -4
  47. package/styles/auto-complete/tailwind.scss +4 -4
  48. package/styles/auto-complete/tailwind3.css +71 -1
  49. package/styles/auto-complete/tailwind3.scss +4 -4
  50. package/styles/bds-lite.css +7 -11
  51. package/styles/bds-lite.scss +26 -27
  52. package/styles/bds.css +12 -16
  53. package/styles/bds.scss +31 -32
  54. package/styles/bootstrap-dark-lite.css +4 -8
  55. package/styles/bootstrap-dark-lite.scss +26 -27
  56. package/styles/bootstrap-dark.css +5 -9
  57. package/styles/bootstrap-dark.scss +31 -32
  58. package/styles/bootstrap-lite.css +4 -8
  59. package/styles/bootstrap-lite.scss +26 -27
  60. package/styles/bootstrap.css +6 -10
  61. package/styles/bootstrap.scss +31 -32
  62. package/styles/bootstrap4-lite.css +4 -9
  63. package/styles/bootstrap4-lite.scss +26 -27
  64. package/styles/bootstrap4.css +9 -14
  65. package/styles/bootstrap4.scss +31 -32
  66. package/styles/bootstrap5-dark-lite.css +5 -11
  67. package/styles/bootstrap5-dark-lite.scss +26 -27
  68. package/styles/bootstrap5-dark.css +6 -12
  69. package/styles/bootstrap5-dark.scss +31 -32
  70. package/styles/bootstrap5-lite.css +4 -8
  71. package/styles/bootstrap5-lite.scss +27 -27
  72. package/styles/bootstrap5.3-lite.css +104 -30
  73. package/styles/bootstrap5.3-lite.scss +27 -27
  74. package/styles/bootstrap5.3.css +108 -34
  75. package/styles/bootstrap5.3.scss +32 -32
  76. package/styles/bootstrap5.css +5 -9
  77. package/styles/bootstrap5.scss +32 -32
  78. package/styles/combo-box/_bootstrap4-definition.scss +3 -0
  79. package/styles/combo-box/_bootstrap5-dark-definition.scss +2 -1
  80. package/styles/combo-box/_fluent-dark-definition.scss +2 -1
  81. package/styles/combo-box/_material3-dark-definition.scss +2 -1
  82. package/styles/combo-box/_tailwind-dark-definition.scss +2 -1
  83. package/styles/combo-box/_theme-variables.scss +1 -0
  84. package/styles/combo-box/bds.scss +4 -4
  85. package/styles/combo-box/bootstrap-dark.scss +4 -4
  86. package/styles/combo-box/bootstrap.scss +4 -4
  87. package/styles/combo-box/bootstrap4.scss +4 -4
  88. package/styles/combo-box/bootstrap5-dark.scss +4 -4
  89. package/styles/combo-box/bootstrap5.3.css +81 -1
  90. package/styles/combo-box/bootstrap5.3.scss +4 -4
  91. package/styles/combo-box/bootstrap5.scss +4 -4
  92. package/styles/combo-box/fabric-dark.scss +4 -4
  93. package/styles/combo-box/fabric.scss +4 -4
  94. package/styles/combo-box/fluent-dark.scss +4 -4
  95. package/styles/combo-box/fluent.scss +4 -4
  96. package/styles/combo-box/fluent2.css +117 -2
  97. package/styles/combo-box/fluent2.scss +4 -4
  98. package/styles/combo-box/highcontrast-light.scss +4 -4
  99. package/styles/combo-box/highcontrast.scss +4 -4
  100. package/styles/combo-box/material-dark.scss +4 -4
  101. package/styles/combo-box/material.scss +4 -4
  102. package/styles/combo-box/material3-dark.css +140 -1
  103. package/styles/combo-box/material3-dark.scss +4 -5
  104. package/styles/combo-box/material3.css +140 -1
  105. package/styles/combo-box/material3.scss +4 -5
  106. package/styles/combo-box/tailwind-dark.scss +4 -4
  107. package/styles/combo-box/tailwind.scss +4 -4
  108. package/styles/combo-box/tailwind3.css +71 -1
  109. package/styles/combo-box/tailwind3.scss +4 -4
  110. package/styles/drop-down-base/_all.scss +2 -2
  111. package/styles/drop-down-base/_bds-definition.scss +25 -0
  112. package/styles/drop-down-base/_bigger.scss +10 -13
  113. package/styles/drop-down-base/_bootstrap-dark-definition.scss +21 -0
  114. package/styles/drop-down-base/_bootstrap-definition.scss +21 -0
  115. package/styles/drop-down-base/_bootstrap4-definition.scss +21 -0
  116. package/styles/drop-down-base/_bootstrap5-dark-definition.scss +120 -1
  117. package/styles/drop-down-base/_bootstrap5-definition.scss +22 -0
  118. package/styles/drop-down-base/_bootstrap5.3-definition.scss +23 -1
  119. package/styles/drop-down-base/_definition.scss +2 -1
  120. package/styles/drop-down-base/_fabric-dark-definition.scss +22 -0
  121. package/styles/drop-down-base/_fabric-definition.scss +21 -0
  122. package/styles/drop-down-base/_fluent-dark-definition.scss +123 -1
  123. package/styles/drop-down-base/_fluent-definition.scss +21 -0
  124. package/styles/drop-down-base/_fluent2-definition.scss +37 -2
  125. package/styles/drop-down-base/_fusionnew-definition.scss +21 -0
  126. package/styles/drop-down-base/_highcontrast-definition.scss +21 -0
  127. package/styles/drop-down-base/_highcontrast-light-definition.scss +22 -0
  128. package/styles/drop-down-base/_layout.scss +25 -25
  129. package/styles/drop-down-base/_material-dark-definition.scss +24 -0
  130. package/styles/drop-down-base/_material-definition.scss +22 -0
  131. package/styles/drop-down-base/_material3-dark-definition.scss +97 -1
  132. package/styles/drop-down-base/_material3-definition.scss +24 -1
  133. package/styles/drop-down-base/_tailwind-dark-definition.scss +131 -1
  134. package/styles/drop-down-base/_tailwind-definition.scss +24 -0
  135. package/styles/drop-down-base/_tailwind3-definition.scss +22 -1
  136. package/styles/drop-down-base/_theme-variables.scss +1 -0
  137. package/styles/drop-down-base/_theme.scss +7 -5
  138. package/styles/drop-down-base/bds.scss +4 -4
  139. package/styles/drop-down-base/bootstrap-dark.scss +4 -4
  140. package/styles/drop-down-base/bootstrap.scss +4 -4
  141. package/styles/drop-down-base/bootstrap4.scss +4 -4
  142. package/styles/drop-down-base/bootstrap5-dark.scss +4 -4
  143. package/styles/drop-down-base/bootstrap5.3.css +86 -6
  144. package/styles/drop-down-base/bootstrap5.3.scss +4 -4
  145. package/styles/drop-down-base/bootstrap5.scss +4 -4
  146. package/styles/drop-down-base/fabric-dark.scss +4 -4
  147. package/styles/drop-down-base/fabric.scss +4 -4
  148. package/styles/drop-down-base/fluent-dark.scss +4 -4
  149. package/styles/drop-down-base/fluent.scss +4 -4
  150. package/styles/drop-down-base/fluent2.css +89 -9
  151. package/styles/drop-down-base/fluent2.scss +4 -4
  152. package/styles/drop-down-base/highcontrast-light.scss +4 -4
  153. package/styles/drop-down-base/highcontrast.scss +4 -4
  154. package/styles/drop-down-base/material-dark.scss +4 -4
  155. package/styles/drop-down-base/material.scss +4 -4
  156. package/styles/drop-down-base/material3-dark.css +81 -1
  157. package/styles/drop-down-base/material3-dark.scss +4 -5
  158. package/styles/drop-down-base/material3.css +81 -1
  159. package/styles/drop-down-base/material3.scss +4 -5
  160. package/styles/drop-down-base/tailwind-dark.scss +4 -4
  161. package/styles/drop-down-base/tailwind.scss +4 -4
  162. package/styles/drop-down-base/tailwind3.css +77 -6
  163. package/styles/drop-down-base/tailwind3.scss +4 -4
  164. package/styles/drop-down-list/_all.scss +2 -3
  165. package/styles/drop-down-list/_bds-definition.scss +23 -3
  166. package/styles/drop-down-list/_bigger.scss +37 -125
  167. package/styles/drop-down-list/_bootstrap-dark-definition.scss +26 -1
  168. package/styles/drop-down-list/_bootstrap-definition.scss +25 -1
  169. package/styles/drop-down-list/_bootstrap4-definition.scss +24 -1
  170. package/styles/drop-down-list/_bootstrap5-dark-definition.scss +167 -1
  171. package/styles/drop-down-list/_bootstrap5-definition.scss +31 -2
  172. package/styles/drop-down-list/_bootstrap5.3-definition.scss +32 -4
  173. package/styles/drop-down-list/_fabric-dark-definition.scss +27 -2
  174. package/styles/drop-down-list/_fabric-definition.scss +25 -1
  175. package/styles/drop-down-list/_fluent-dark-definition.scss +153 -1
  176. package/styles/drop-down-list/_fluent-definition.scss +24 -2
  177. package/styles/drop-down-list/_fluent2-definition.scss +60 -5
  178. package/styles/drop-down-list/_fusionnew-definition.scss +25 -2
  179. package/styles/drop-down-list/_highcontrast-definition.scss +26 -2
  180. package/styles/drop-down-list/_highcontrast-light-definition.scss +27 -2
  181. package/styles/drop-down-list/_layout.scss +25 -27
  182. package/styles/drop-down-list/_material-dark-definition.scss +26 -2
  183. package/styles/drop-down-list/_material-definition.scss +25 -2
  184. package/styles/drop-down-list/_material3-dark-definition.scss +197 -1
  185. package/styles/drop-down-list/_material3-definition.scss +83 -3
  186. package/styles/drop-down-list/_tailwind-dark-definition.scss +125 -1
  187. package/styles/drop-down-list/_tailwind-definition.scss +24 -2
  188. package/styles/drop-down-list/_tailwind3-definition.scss +26 -3
  189. package/styles/drop-down-list/_theme-variables.scss +1 -0
  190. package/styles/drop-down-list/_theme.scss +2 -0
  191. package/styles/drop-down-list/bds.css +0 -4
  192. package/styles/drop-down-list/bds.scss +10 -10
  193. package/styles/drop-down-list/bootstrap-dark.css +0 -4
  194. package/styles/drop-down-list/bootstrap-dark.scss +10 -10
  195. package/styles/drop-down-list/bootstrap.css +0 -4
  196. package/styles/drop-down-list/bootstrap.scss +10 -10
  197. package/styles/drop-down-list/bootstrap4.css +0 -4
  198. package/styles/drop-down-list/bootstrap4.scss +10 -10
  199. package/styles/drop-down-list/bootstrap5-dark.css +0 -4
  200. package/styles/drop-down-list/bootstrap5-dark.scss +10 -10
  201. package/styles/drop-down-list/bootstrap5.3.css +81 -5
  202. package/styles/drop-down-list/bootstrap5.3.scss +10 -10
  203. package/styles/drop-down-list/bootstrap5.css +0 -4
  204. package/styles/drop-down-list/bootstrap5.scss +10 -10
  205. package/styles/drop-down-list/fabric-dark.css +0 -4
  206. package/styles/drop-down-list/fabric-dark.scss +10 -10
  207. package/styles/drop-down-list/fabric.css +0 -4
  208. package/styles/drop-down-list/fabric.scss +10 -10
  209. package/styles/drop-down-list/fluent-dark.css +0 -4
  210. package/styles/drop-down-list/fluent-dark.scss +10 -10
  211. package/styles/drop-down-list/fluent.css +0 -4
  212. package/styles/drop-down-list/fluent.scss +10 -10
  213. package/styles/drop-down-list/fluent2.css +151 -42
  214. package/styles/drop-down-list/fluent2.scss +10 -10
  215. package/styles/drop-down-list/highcontrast-light.css +0 -4
  216. package/styles/drop-down-list/highcontrast-light.scss +10 -10
  217. package/styles/drop-down-list/highcontrast.css +0 -4
  218. package/styles/drop-down-list/highcontrast.scss +10 -10
  219. package/styles/drop-down-list/icons/_bds.scss +1 -0
  220. package/styles/drop-down-list/icons/_bootstrap-dark.scss +1 -0
  221. package/styles/drop-down-list/icons/_bootstrap.scss +1 -0
  222. package/styles/drop-down-list/icons/_bootstrap4.scss +1 -0
  223. package/styles/drop-down-list/icons/_bootstrap5-dark.scss +1 -1
  224. package/styles/drop-down-list/icons/_bootstrap5.3.scss +1 -0
  225. package/styles/drop-down-list/icons/_bootstrap5.scss +1 -0
  226. package/styles/drop-down-list/icons/_fabric-dark.scss +1 -0
  227. package/styles/drop-down-list/icons/_fabric.scss +1 -0
  228. package/styles/drop-down-list/icons/_fluent-dark.scss +1 -1
  229. package/styles/drop-down-list/icons/_fluent.scss +1 -0
  230. package/styles/drop-down-list/icons/_fluent2.scss +1 -0
  231. package/styles/drop-down-list/icons/_fusionnew.scss +1 -0
  232. package/styles/drop-down-list/icons/_highcontrast-light.scss +1 -0
  233. package/styles/drop-down-list/icons/_highcontrast.scss +1 -0
  234. package/styles/drop-down-list/icons/_material-dark.scss +1 -0
  235. package/styles/drop-down-list/icons/_material.scss +1 -0
  236. package/styles/drop-down-list/icons/_material3-dark.scss +1 -1
  237. package/styles/drop-down-list/icons/_material3.scss +1 -0
  238. package/styles/drop-down-list/icons/_tailwind-dark.scss +1 -1
  239. package/styles/drop-down-list/icons/_tailwind.scss +1 -0
  240. package/styles/drop-down-list/icons/_tailwind3.scss +1 -0
  241. package/styles/drop-down-list/material-dark.css +0 -4
  242. package/styles/drop-down-list/material-dark.scss +10 -10
  243. package/styles/drop-down-list/material.css +0 -4
  244. package/styles/drop-down-list/material.scss +10 -10
  245. package/styles/drop-down-list/material3-dark.css +142 -66
  246. package/styles/drop-down-list/material3-dark.scss +10 -11
  247. package/styles/drop-down-list/material3.css +142 -66
  248. package/styles/drop-down-list/material3.scss +10 -11
  249. package/styles/drop-down-list/tailwind-dark.css +0 -4
  250. package/styles/drop-down-list/tailwind-dark.scss +10 -10
  251. package/styles/drop-down-list/tailwind.css +0 -4
  252. package/styles/drop-down-list/tailwind.scss +10 -10
  253. package/styles/drop-down-list/tailwind3.css +119 -5
  254. package/styles/drop-down-list/tailwind3.scss +10 -10
  255. package/styles/drop-down-tree/_all.scss +2 -2
  256. package/styles/drop-down-tree/_bds-definition.scss +21 -0
  257. package/styles/drop-down-tree/_bigger.scss +27 -25
  258. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +23 -1
  259. package/styles/drop-down-tree/_bootstrap-definition.scss +21 -0
  260. package/styles/drop-down-tree/_bootstrap4-definition.scss +21 -0
  261. package/styles/drop-down-tree/_bootstrap5-dark-definition.scss +95 -1
  262. package/styles/drop-down-tree/_bootstrap5-definition.scss +21 -0
  263. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +22 -2
  264. package/styles/drop-down-tree/_fabric-dark-definition.scss +21 -0
  265. package/styles/drop-down-tree/_fabric-definition.scss +21 -0
  266. package/styles/drop-down-tree/_fluent-dark-definition.scss +99 -1
  267. package/styles/drop-down-tree/_fluent-definition.scss +20 -0
  268. package/styles/drop-down-tree/_fluent2-definition.scss +36 -2
  269. package/styles/drop-down-tree/_fusionnew-definition.scss +20 -0
  270. package/styles/drop-down-tree/_highcontrast-definition.scss +22 -1
  271. package/styles/drop-down-tree/_highcontrast-light-definition.scss +22 -1
  272. package/styles/drop-down-tree/_layout.scss +45 -43
  273. package/styles/drop-down-tree/_material-dark-definition.scss +22 -1
  274. package/styles/drop-down-tree/_material-definition.scss +20 -1
  275. package/styles/drop-down-tree/_material3-dark-definition.scss +105 -1
  276. package/styles/drop-down-tree/_material3-definition.scss +24 -3
  277. package/styles/drop-down-tree/_tailwind-dark-definition.scss +96 -1
  278. package/styles/drop-down-tree/_tailwind-definition.scss +21 -0
  279. package/styles/drop-down-tree/_tailwind3-definition.scss +39 -2
  280. package/styles/drop-down-tree/_theme-variables.scss +1 -0
  281. package/styles/drop-down-tree/_theme.scss +4 -2
  282. package/styles/drop-down-tree/bds.css +7 -7
  283. package/styles/drop-down-tree/bds.scss +10 -10
  284. package/styles/drop-down-tree/bootstrap-dark.scss +10 -10
  285. package/styles/drop-down-tree/bootstrap.scss +10 -10
  286. package/styles/drop-down-tree/bootstrap4.scss +10 -10
  287. package/styles/drop-down-tree/bootstrap5-dark.scss +10 -10
  288. package/styles/drop-down-tree/bootstrap5.3.css +83 -3
  289. package/styles/drop-down-tree/bootstrap5.3.scss +10 -10
  290. package/styles/drop-down-tree/bootstrap5.scss +10 -10
  291. package/styles/drop-down-tree/fabric-dark.scss +10 -10
  292. package/styles/drop-down-tree/fabric.scss +10 -10
  293. package/styles/drop-down-tree/fluent-dark.scss +10 -10
  294. package/styles/drop-down-tree/fluent.scss +10 -10
  295. package/styles/drop-down-tree/fluent2.css +117 -4
  296. package/styles/drop-down-tree/fluent2.scss +10 -10
  297. package/styles/drop-down-tree/highcontrast-light.scss +10 -10
  298. package/styles/drop-down-tree/highcontrast.scss +10 -10
  299. package/styles/drop-down-tree/icons/_bds.scss +1 -0
  300. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +1 -0
  301. package/styles/drop-down-tree/icons/_bootstrap.scss +1 -0
  302. package/styles/drop-down-tree/icons/_bootstrap4.scss +1 -0
  303. package/styles/drop-down-tree/icons/_bootstrap5-dark.scss +1 -1
  304. package/styles/drop-down-tree/icons/_bootstrap5.3.scss +1 -0
  305. package/styles/drop-down-tree/icons/_bootstrap5.scss +1 -0
  306. package/styles/drop-down-tree/icons/_fabric-dark.scss +1 -0
  307. package/styles/drop-down-tree/icons/_fabric.scss +1 -0
  308. package/styles/drop-down-tree/icons/_fluent-dark.scss +1 -1
  309. package/styles/drop-down-tree/icons/_fluent.scss +1 -0
  310. package/styles/drop-down-tree/icons/_fluent2.scss +1 -0
  311. package/styles/drop-down-tree/icons/_fusionnew.scss +1 -0
  312. package/styles/drop-down-tree/icons/_highcontrast-light.scss +1 -0
  313. package/styles/drop-down-tree/icons/_highcontrast.scss +1 -0
  314. package/styles/drop-down-tree/icons/_material-dark.scss +1 -0
  315. package/styles/drop-down-tree/icons/_material.scss +1 -0
  316. package/styles/drop-down-tree/icons/_material3-dark.scss +1 -1
  317. package/styles/drop-down-tree/icons/_material3.scss +1 -0
  318. package/styles/drop-down-tree/icons/_tailwind-dark.scss +1 -0
  319. package/styles/drop-down-tree/icons/_tailwind.scss +1 -0
  320. package/styles/drop-down-tree/icons/_tailwind3.scss +1 -0
  321. package/styles/drop-down-tree/material-dark.scss +10 -10
  322. package/styles/drop-down-tree/material.scss +10 -10
  323. package/styles/drop-down-tree/material3-dark.css +84 -4
  324. package/styles/drop-down-tree/material3-dark.scss +10 -11
  325. package/styles/drop-down-tree/material3.css +84 -4
  326. package/styles/drop-down-tree/material3.scss +10 -11
  327. package/styles/drop-down-tree/tailwind-dark.scss +10 -10
  328. package/styles/drop-down-tree/tailwind.scss +10 -10
  329. package/styles/drop-down-tree/tailwind3.css +121 -3
  330. package/styles/drop-down-tree/tailwind3.scss +10 -10
  331. package/styles/fabric-dark-lite.css +4 -8
  332. package/styles/fabric-dark-lite.scss +27 -27
  333. package/styles/fabric-dark.css +5 -9
  334. package/styles/fabric-dark.scss +32 -32
  335. package/styles/fabric-lite.css +4 -8
  336. package/styles/fabric-lite.scss +27 -27
  337. package/styles/fabric.css +5 -9
  338. package/styles/fabric.scss +32 -32
  339. package/styles/fluent-dark-lite.css +5 -11
  340. package/styles/fluent-dark-lite.scss +27 -27
  341. package/styles/fluent-dark.css +9 -15
  342. package/styles/fluent-dark.scss +32 -32
  343. package/styles/fluent-lite.css +4 -8
  344. package/styles/fluent-lite.scss +27 -27
  345. package/styles/fluent.css +8 -12
  346. package/styles/fluent.scss +32 -32
  347. package/styles/fluent2-lite.css +269 -41
  348. package/styles/fluent2-lite.scss +27 -27
  349. package/styles/fluent2.css +273 -165
  350. package/styles/fluent2.scss +32 -32
  351. package/styles/highcontrast-light-lite.css +4 -8
  352. package/styles/highcontrast-light-lite.scss +27 -27
  353. package/styles/highcontrast-light.css +6 -9
  354. package/styles/highcontrast-light.scss +32 -32
  355. package/styles/highcontrast-lite.css +4 -9
  356. package/styles/highcontrast-lite.scss +27 -27
  357. package/styles/highcontrast.css +8 -12
  358. package/styles/highcontrast.scss +32 -32
  359. package/styles/list-box/_all.scss +2 -2
  360. package/styles/list-box/_bds-definition.scss +55 -1
  361. package/styles/list-box/_bigger.scss +15 -20
  362. package/styles/list-box/_bootstrap-dark-definition.scss +47 -1
  363. package/styles/list-box/_bootstrap-definition.scss +47 -1
  364. package/styles/list-box/_bootstrap4-definition.scss +49 -1
  365. package/styles/list-box/_bootstrap5-dark-definition.scss +169 -1
  366. package/styles/list-box/_bootstrap5-definition.scss +48 -1
  367. package/styles/list-box/_bootstrap5.3-definition.scss +52 -0
  368. package/styles/list-box/_fabric-dark-definition.scss +48 -1
  369. package/styles/list-box/_fabric-definition.scss +47 -1
  370. package/styles/list-box/_fluent-dark-definition.scss +168 -1
  371. package/styles/list-box/_fluent-definition.scss +48 -1
  372. package/styles/list-box/_fluent2-definition.scss +54 -0
  373. package/styles/list-box/_fusionnew-definition.scss +48 -1
  374. package/styles/list-box/_highcontrast-definition.scss +47 -1
  375. package/styles/list-box/_highcontrast-light-definition.scss +48 -1
  376. package/styles/list-box/_layout.scss +77 -85
  377. package/styles/list-box/_material-dark-definition.scss +48 -1
  378. package/styles/list-box/_material-definition.scss +47 -1
  379. package/styles/list-box/_material3-dark-definition.scss +167 -1
  380. package/styles/list-box/_material3-definition.scss +47 -0
  381. package/styles/list-box/_tailwind-dark-definition.scss +167 -1
  382. package/styles/list-box/_tailwind-definition.scss +48 -1
  383. package/styles/list-box/_tailwind3-definition.scss +57 -0
  384. package/styles/list-box/_theme-variables.scss +1 -0
  385. package/styles/list-box/_theme.scss +13 -5
  386. package/styles/list-box/bds.css +2 -2
  387. package/styles/list-box/bds.scss +6 -6
  388. package/styles/list-box/bootstrap-dark.css +1 -1
  389. package/styles/list-box/bootstrap-dark.scss +6 -6
  390. package/styles/list-box/bootstrap.css +2 -2
  391. package/styles/list-box/bootstrap.scss +6 -6
  392. package/styles/list-box/bootstrap4.css +1 -1
  393. package/styles/list-box/bootstrap4.scss +6 -6
  394. package/styles/list-box/bootstrap5-dark.css +1 -1
  395. package/styles/list-box/bootstrap5-dark.scss +6 -6
  396. package/styles/list-box/bootstrap5.3.css +87 -7
  397. package/styles/list-box/bootstrap5.3.scss +6 -6
  398. package/styles/list-box/bootstrap5.css +1 -1
  399. package/styles/list-box/bootstrap5.scss +6 -6
  400. package/styles/list-box/fabric-dark.css +1 -1
  401. package/styles/list-box/fabric-dark.scss +6 -6
  402. package/styles/list-box/fabric.css +1 -1
  403. package/styles/list-box/fabric.scss +6 -6
  404. package/styles/list-box/fluent-dark.css +1 -1
  405. package/styles/list-box/fluent-dark.scss +6 -6
  406. package/styles/list-box/fluent.css +1 -1
  407. package/styles/list-box/fluent.scss +6 -6
  408. package/styles/list-box/fluent2.css +92 -11
  409. package/styles/list-box/fluent2.scss +6 -6
  410. package/styles/list-box/highcontrast-light.css +1 -1
  411. package/styles/list-box/highcontrast-light.scss +6 -6
  412. package/styles/list-box/highcontrast.css +1 -1
  413. package/styles/list-box/highcontrast.scss +6 -6
  414. package/styles/list-box/icons/_bds.scss +1 -0
  415. package/styles/list-box/icons/_bootstrap-dark.scss +1 -0
  416. package/styles/list-box/icons/_bootstrap.scss +1 -0
  417. package/styles/list-box/icons/_bootstrap4.scss +1 -0
  418. package/styles/list-box/icons/_bootstrap5-dark.scss +1 -1
  419. package/styles/list-box/icons/_bootstrap5.3.scss +1 -0
  420. package/styles/list-box/icons/_bootstrap5.scss +1 -0
  421. package/styles/list-box/icons/_fabric-dark.scss +1 -0
  422. package/styles/list-box/icons/_fabric.scss +1 -0
  423. package/styles/list-box/icons/_fluent-dark.scss +1 -1
  424. package/styles/list-box/icons/_fluent.scss +1 -0
  425. package/styles/list-box/icons/_fluent2.scss +1 -0
  426. package/styles/list-box/icons/_fusionnew.scss +1 -0
  427. package/styles/list-box/icons/_highcontrast-light.scss +1 -0
  428. package/styles/list-box/icons/_highcontrast.scss +1 -0
  429. package/styles/list-box/icons/_material-dark.scss +1 -0
  430. package/styles/list-box/icons/_material.scss +1 -0
  431. package/styles/list-box/icons/_material3-dark.scss +1 -1
  432. package/styles/list-box/icons/_material3.scss +1 -0
  433. package/styles/list-box/icons/_tailwind-dark.scss +1 -0
  434. package/styles/list-box/icons/_tailwind.scss +1 -0
  435. package/styles/list-box/icons/_tailwind3.scss +1 -0
  436. package/styles/list-box/material-dark.css +1 -1
  437. package/styles/list-box/material-dark.scss +6 -6
  438. package/styles/list-box/material.css +1 -1
  439. package/styles/list-box/material.scss +6 -6
  440. package/styles/list-box/material3-dark.css +86 -6
  441. package/styles/list-box/material3-dark.scss +6 -7
  442. package/styles/list-box/material3.css +86 -6
  443. package/styles/list-box/material3.scss +6 -7
  444. package/styles/list-box/tailwind-dark.css +1 -1
  445. package/styles/list-box/tailwind-dark.scss +6 -6
  446. package/styles/list-box/tailwind.css +1 -1
  447. package/styles/list-box/tailwind.scss +6 -6
  448. package/styles/list-box/tailwind3.css +81 -7
  449. package/styles/list-box/tailwind3.scss +6 -6
  450. package/styles/material-dark-lite.css +4 -8
  451. package/styles/material-dark-lite.scss +27 -27
  452. package/styles/material-dark.css +5 -9
  453. package/styles/material-dark.scss +32 -32
  454. package/styles/material-lite.css +4 -8
  455. package/styles/material-lite.scss +26 -27
  456. package/styles/material.css +7 -11
  457. package/styles/material.scss +31 -32
  458. package/styles/material3-dark-lite.css +526 -25
  459. package/styles/material3-dark-lite.scss +27 -27
  460. package/styles/material3-dark.css +696 -520
  461. package/styles/material3-dark.scss +32 -34
  462. package/styles/material3-lite.css +441 -22
  463. package/styles/material3-lite.scss +27 -27
  464. package/styles/material3.css +613 -519
  465. package/styles/material3.scss +32 -34
  466. package/styles/mention/_all.scss +1 -1
  467. package/styles/mention/_bootstrap5-dark-definition.scss +2 -1
  468. package/styles/mention/_fluent-dark-definition.scss +2 -1
  469. package/styles/mention/_layout.scss +2 -0
  470. package/styles/mention/_material3-dark-definition.scss +2 -1
  471. package/styles/mention/_tailwind-dark-definition.scss +2 -1
  472. package/styles/mention/_theme-variables.scss +1 -0
  473. package/styles/mention/bds.scss +6 -6
  474. package/styles/mention/bootstrap-dark.scss +6 -6
  475. package/styles/mention/bootstrap.scss +6 -6
  476. package/styles/mention/bootstrap4.scss +6 -6
  477. package/styles/mention/bootstrap5-dark.css +1 -3
  478. package/styles/mention/bootstrap5-dark.scss +6 -6
  479. package/styles/mention/bootstrap5.3.css +80 -0
  480. package/styles/mention/bootstrap5.3.scss +6 -6
  481. package/styles/mention/bootstrap5.scss +6 -6
  482. package/styles/mention/fabric-dark.scss +6 -6
  483. package/styles/mention/fabric.scss +6 -6
  484. package/styles/mention/fluent-dark.css +1 -3
  485. package/styles/mention/fluent-dark.scss +6 -6
  486. package/styles/mention/fluent.scss +6 -6
  487. package/styles/mention/fluent2.css +81 -1
  488. package/styles/mention/fluent2.scss +6 -6
  489. package/styles/mention/highcontrast-light.scss +6 -6
  490. package/styles/mention/highcontrast.scss +6 -6
  491. package/styles/mention/material-dark.scss +6 -6
  492. package/styles/mention/material.scss +6 -6
  493. package/styles/mention/material3-dark.css +81 -3
  494. package/styles/mention/material3-dark.scss +6 -7
  495. package/styles/mention/material3.css +80 -0
  496. package/styles/mention/material3.scss +6 -7
  497. package/styles/mention/tailwind-dark.css +1 -3
  498. package/styles/mention/tailwind-dark.scss +6 -6
  499. package/styles/mention/tailwind.scss +6 -6
  500. package/styles/mention/tailwind3.css +70 -0
  501. package/styles/mention/tailwind3.scss +6 -6
  502. package/styles/multi-select/_all.scss +2 -2
  503. package/styles/multi-select/_bds-definition.scss +78 -0
  504. package/styles/multi-select/_bigger.scss +135 -557
  505. package/styles/multi-select/_bootstrap-dark-definition.scss +78 -0
  506. package/styles/multi-select/_bootstrap-definition.scss +77 -0
  507. package/styles/multi-select/_bootstrap4-definition.scss +78 -1
  508. package/styles/multi-select/_bootstrap5-dark-definition.scss +312 -1
  509. package/styles/multi-select/_bootstrap5-definition.scss +83 -0
  510. package/styles/multi-select/_bootstrap5.3-definition.scss +83 -1
  511. package/styles/multi-select/_fabric-dark-definition.scss +78 -0
  512. package/styles/multi-select/_fabric-definition.scss +77 -0
  513. package/styles/multi-select/_fluent-dark-definition.scss +313 -1
  514. package/styles/multi-select/_fluent-definition.scss +78 -1
  515. package/styles/multi-select/_fluent2-definition.scss +193 -5
  516. package/styles/multi-select/_fusionnew-definition.scss +77 -0
  517. package/styles/multi-select/_highcontrast-definition.scss +78 -1
  518. package/styles/multi-select/_highcontrast-light-definition.scss +78 -0
  519. package/styles/multi-select/_layout.scss +128 -124
  520. package/styles/multi-select/_material-dark-definition.scss +132 -0
  521. package/styles/multi-select/_material-definition.scss +131 -1
  522. package/styles/multi-select/_material3-dark-definition.scss +651 -1
  523. package/styles/multi-select/_material3-definition.scss +421 -3
  524. package/styles/multi-select/_tailwind-dark-definition.scss +308 -1
  525. package/styles/multi-select/_tailwind-definition.scss +79 -2
  526. package/styles/multi-select/_tailwind3-definition.scss +80 -3
  527. package/styles/multi-select/_theme-variables.scss +1 -0
  528. package/styles/multi-select/_theme.scss +3 -0
  529. package/styles/multi-select/bds.css +3 -3
  530. package/styles/multi-select/bds.scss +10 -10
  531. package/styles/multi-select/bootstrap-dark.css +4 -4
  532. package/styles/multi-select/bootstrap-dark.scss +10 -10
  533. package/styles/multi-select/bootstrap.css +4 -4
  534. package/styles/multi-select/bootstrap.scss +10 -10
  535. package/styles/multi-select/bootstrap4.css +8 -9
  536. package/styles/multi-select/bootstrap4.scss +10 -10
  537. package/styles/multi-select/bootstrap5-dark.css +4 -4
  538. package/styles/multi-select/bootstrap5-dark.scss +10 -10
  539. package/styles/multi-select/bootstrap5.3.css +91 -13
  540. package/styles/multi-select/bootstrap5.3.scss +10 -10
  541. package/styles/multi-select/bootstrap5.css +4 -4
  542. package/styles/multi-select/bootstrap5.scss +10 -10
  543. package/styles/multi-select/fabric-dark.css +4 -4
  544. package/styles/multi-select/fabric-dark.scss +10 -10
  545. package/styles/multi-select/fabric.css +4 -4
  546. package/styles/multi-select/fabric.scss +10 -10
  547. package/styles/multi-select/fluent-dark.css +7 -7
  548. package/styles/multi-select/fluent-dark.scss +10 -10
  549. package/styles/multi-select/fluent.css +7 -7
  550. package/styles/multi-select/fluent.scss +10 -10
  551. package/styles/multi-select/fluent2.css +214 -103
  552. package/styles/multi-select/fluent2.scss +10 -10
  553. package/styles/multi-select/highcontrast-light.css +5 -4
  554. package/styles/multi-select/highcontrast-light.scss +10 -10
  555. package/styles/multi-select/highcontrast.css +7 -7
  556. package/styles/multi-select/highcontrast.scss +10 -10
  557. package/styles/multi-select/icons/_bds.scss +2 -0
  558. package/styles/multi-select/icons/_bootstrap-dark.scss +2 -0
  559. package/styles/multi-select/icons/_bootstrap.scss +2 -0
  560. package/styles/multi-select/icons/_bootstrap4.scss +2 -1
  561. package/styles/multi-select/icons/_bootstrap5-dark.scss +1 -1
  562. package/styles/multi-select/icons/_bootstrap5.3.scss +2 -2
  563. package/styles/multi-select/icons/_bootstrap5.scss +2 -0
  564. package/styles/multi-select/icons/_fabric-dark.scss +2 -0
  565. package/styles/multi-select/icons/_fabric.scss +2 -0
  566. package/styles/multi-select/icons/_fluent-dark.scss +1 -1
  567. package/styles/multi-select/icons/_fluent.scss +2 -0
  568. package/styles/multi-select/icons/_fluent2.scss +2 -2
  569. package/styles/multi-select/icons/_fusionnew.scss +2 -0
  570. package/styles/multi-select/icons/_highcontrast-light.scss +2 -0
  571. package/styles/multi-select/icons/_highcontrast.scss +2 -1
  572. package/styles/multi-select/icons/_material-dark.scss +2 -0
  573. package/styles/multi-select/icons/_material.scss +2 -0
  574. package/styles/multi-select/icons/_material3-dark.scss +1 -1
  575. package/styles/multi-select/icons/_material3.scss +2 -0
  576. package/styles/multi-select/icons/_tailwind-dark.scss +1 -1
  577. package/styles/multi-select/icons/_tailwind.scss +2 -0
  578. package/styles/multi-select/icons/_tailwind3.scss +2 -2
  579. package/styles/multi-select/material-dark.css +4 -4
  580. package/styles/multi-select/material-dark.scss +10 -10
  581. package/styles/multi-select/material.css +6 -6
  582. package/styles/multi-select/material.scss +10 -10
  583. package/styles/multi-select/material3-dark.css +798 -616
  584. package/styles/multi-select/material3-dark.scss +10 -11
  585. package/styles/multi-select/material3.css +737 -639
  586. package/styles/multi-select/material3.scss +10 -11
  587. package/styles/multi-select/tailwind-dark.css +8 -8
  588. package/styles/multi-select/tailwind-dark.scss +10 -10
  589. package/styles/multi-select/tailwind.css +8 -8
  590. package/styles/multi-select/tailwind.scss +10 -10
  591. package/styles/multi-select/tailwind3.css +130 -14
  592. package/styles/multi-select/tailwind3.scss +10 -10
  593. package/styles/tailwind-dark-lite.css +5 -11
  594. package/styles/tailwind-dark-lite.scss +27 -27
  595. package/styles/tailwind-dark.css +10 -16
  596. package/styles/tailwind-dark.scss +32 -32
  597. package/styles/tailwind-lite.css +4 -8
  598. package/styles/tailwind-lite.scss +27 -27
  599. package/styles/tailwind.css +9 -13
  600. package/styles/tailwind.scss +32 -32
  601. package/styles/tailwind3-lite.css +149 -32
  602. package/styles/tailwind3-lite.scss +27 -27
  603. package/styles/tailwind3.css +152 -35
  604. package/styles/tailwind3.scss +32 -32
@@ -1,5 +1,85 @@
1
1
 
2
2
 
3
+
4
+
5
+
6
+
7
+
8
+
9
+ /* Font Family */
10
+ /* Font Sizes */
11
+ /* Radius */
12
+ /* 1px */
13
+ /* 2px */
14
+ /* 3px */
15
+ /* 4px */
16
+ /* 5px */
17
+ /* 6px */
18
+ /* 7px */
19
+ /* 8px */
20
+ /* 9px */
21
+ /* 10px */
22
+ /* 11px */
23
+ /* 12px */
24
+ /* 13px */
25
+ /* 14px */
26
+ /* 15px */
27
+ /* 16px */
28
+ /* 17px */
29
+ /* 18px */
30
+ /* 19px */
31
+ /* 20px */
32
+ /* 21px */
33
+ /* 22px */
34
+ /* 23px */
35
+ /* 24px */
36
+ /* 25px */
37
+ /* 26px */
38
+ /* 27px */
39
+ /* 28px */
40
+ /* 29px */
41
+ /* 30px */
42
+ /* 31px */
43
+ /* 32px */
44
+ /* 33px */
45
+ /* 34px */
46
+ /* 35px */
47
+ /* 36px */
48
+ /* 37px */
49
+ /* 38px */
50
+ /* 39px */
51
+ /* 40px */
52
+ /* 41px */
53
+ /* 42px */
54
+ /* 43px */
55
+ /* 44px */
56
+ /* 45px */
57
+ /* 46px */
58
+ /* 47px */
59
+ /* 48px */
60
+ /* 49px */
61
+ /* 50px */
62
+ /* 5em */
63
+ /* 65% */
64
+ /* border */
65
+ /* 0px */
66
+ /* 1px */
67
+ /* 1.5px */
68
+ /* 2px */
69
+ /* 3px */
70
+ /* 4px */
71
+ /* 5px */
72
+ /* 6px */
73
+ /* 7px */
74
+ /* 8px */
75
+ /* 9px */
76
+ /* 10px */
77
+ /* 11px */
78
+ /* 12px */
79
+ /* 13px */
80
+ /* 14px */
81
+ /* 15px */
82
+ /* 16px */
3
83
  /* stylelint-disable property-no-vendor-prefix */
4
84
  @-webkit-keyframes e-input-ripple {
5
85
  100% {
@@ -85,336 +165,704 @@
85
165
  padding: 0 12px 0 0;
86
166
  }
87
167
 
88
- .e-multiselect.e-input-group .e-ddl-icon::before {
89
- content: "\e70d";
90
- font-family: "e-icons";
91
- }
92
-
93
- .e-multi-select-wrapper .e-chips .e-chips-close::before {
94
- content: "\e7e7";
95
- cursor: pointer;
96
- left: 0;
97
- position: relative;
98
- top: 0;
99
- }
100
-
101
- .e-multi-select-wrapper .e-close-hooker::before {
102
- content: "\e7e7";
103
- cursor: pointer;
104
- margin: auto;
105
- position: relative;
106
- }
107
-
108
- .e-multiselect.e-input-group .e-ddl-disable-icon::before {
109
- content: "";
110
- }
111
-
112
- .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
113
- height: 32px;
114
- margin-top: -35px;
115
- right: 4px;
116
- top: 100%;
117
- width: 32px;
168
+ .e-bigger.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
169
+ top: 3px;
118
170
  }
119
171
 
120
- .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
172
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
173
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
174
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
175
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
121
176
  height: 38px;
122
- margin-top: -35px;
123
- right: 18px;
177
+ margin-top: -55px;
178
+ right: 12px;
124
179
  top: 100%;
125
- width: 16px;
126
- }
127
-
128
- .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
129
- .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
130
- right: 52px;
180
+ width: 18px;
131
181
  }
132
182
 
133
- .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
134
- right: 52px;
183
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
184
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
185
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
186
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
187
+ .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
188
+ .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
189
+ .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
190
+ .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
191
+ right: 48px;
135
192
  }
136
193
 
137
- .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
138
- .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
139
- height: 24px;
140
- margin-top: -29px;
141
- right: 2px;
194
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
195
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
196
+ height: 40px;
197
+ margin-top: -55px;
198
+ right: 6px;
142
199
  top: 100%;
143
- width: 24px;
200
+ width: 40px;
144
201
  }
145
202
 
146
- .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
147
- .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
148
- .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
149
- .e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
150
- right: 48px;
203
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
204
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
205
+ right: 60px;
151
206
  }
152
207
 
153
- .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
154
- .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
155
- .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
156
- .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
157
- left: 52px;
208
+ .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
209
+ .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
210
+ .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
211
+ .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
212
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
213
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
214
+ .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
215
+ .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
216
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
217
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
218
+ .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
219
+ .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
220
+ .e-rtl.e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
221
+ .e-rtl.e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
222
+ .e-rtl .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
223
+ .e-bigger.e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
224
+ .e-rtl.e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
225
+ .e-rtl .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
226
+ .e-bigger .e-rtl.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
227
+ .e-bigger .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
228
+ .e-rtl.e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
229
+ .e-rtl .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
230
+ .e-small .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
231
+ .e-small .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
232
+ left: 48px;
158
233
  right: auto;
159
234
  }
160
235
 
161
- .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
162
- .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
163
- .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
164
- .e-rtl .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
165
- .e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
166
- .e-small .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
167
- .e-rtl.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
168
- .e-rtl.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
169
- .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
170
- .e-rtl .e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
171
- .e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
172
- .e-small .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
173
- left: 48px;
236
+ .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
237
+ .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
238
+ .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
239
+ .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
240
+ .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
241
+ .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
242
+ .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
243
+ .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
244
+ .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
245
+ .e-rtl .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
246
+ .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
247
+ .e-bigger .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
248
+ left: 60px;
174
249
  right: auto;
175
250
  }
176
251
 
177
- .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
178
- content: "\e7e7";
179
- font-size: 16px;
180
- height: 16px;
181
- margin-top: -8px;
252
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
253
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
254
+ content: "\e208";
255
+ font-size: 20px;
256
+ height: 20px;
257
+ left: 0;
258
+ margin-top: -10px;
182
259
  top: 50%;
183
260
  }
184
261
 
185
- .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
186
- .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
187
- content: "\e7e7";
188
- font-size: 14px;
189
- height: 14px;
190
- margin-top: -7px;
262
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
263
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
264
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
265
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
266
+ content: "\e208";
267
+ font-size: 18px;
268
+ height: 18px;
269
+ left: 0;
270
+ margin-top: -9px;
191
271
  top: 50%;
192
272
  }
193
273
 
194
- .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
195
- font-size: 14px;
196
- }
197
-
198
- .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
199
- .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
200
- font-size: 13px;
274
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
275
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
276
+ font-size: 16px;
201
277
  }
202
278
 
203
- .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
204
- .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
205
- margin: 7px 12px 9px 0;
206
- min-height: -webkit-fit-content;
207
- min-height: -moz-fit-content;
208
- min-height: fit-content;
279
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
280
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
281
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
282
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
283
+ font-size: 14px;
209
284
  }
210
285
 
211
- .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
212
- .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
213
- .e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
214
- .e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
215
- margin: 6px 10px 8px 0;
286
+ .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
287
+ .e-bigger .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
288
+ .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
289
+ .e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
290
+ margin: 10px 16px 10px 0;
216
291
  }
217
292
 
218
- .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
219
- .e-rtl.e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
220
- .e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
221
- .e-rtl .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
222
- margin: 7px 0 9px 12px;
293
+ .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
294
+ .e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
295
+ .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,
296
+ .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,
297
+ .e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
298
+ .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,
299
+ .e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
300
+ .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 {
301
+ margin: 6px 12px 8px 0;
223
302
  }
224
303
 
225
- .e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
226
- .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,
227
- .e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
228
- .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,
229
- .e-rtl .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
230
- .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,
231
- .e-rtl.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
232
- .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 {
233
- margin: 6px 0 8px 10px;
304
+ .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
305
+ .e-bigger .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
306
+ .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
307
+ .e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
308
+ margin: 10px 16px 10px 0;
234
309
  }
235
310
 
236
- .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
237
- .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
238
- height: 20px;
239
- margin-top: -33px;
240
- right: 18px;
241
- width: 20px;
311
+ .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
312
+ .e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
313
+ .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,
314
+ .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,
315
+ .e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
316
+ .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,
317
+ .e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
318
+ .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 {
319
+ margin: 6px 12px 8px 0;
242
320
  }
243
321
 
244
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
245
- .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
246
- margin-top: -32px;
322
+ .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
323
+ .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
324
+ .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,
325
+ .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,
326
+ .e-rtl .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
327
+ .e-bigger.e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
328
+ .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,
329
+ .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 {
330
+ margin: 10px 0 10px 16px;
247
331
  }
248
332
 
249
- .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
250
- .e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
251
- height: 18px;
252
- margin: -29px 0 8px;
253
- width: 18px;
254
- }
255
-
256
- .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
257
- .e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
258
- margin-top: -26px;
333
+ .e-rtl.e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
334
+ .e-bigger.e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
335
+ .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,
336
+ .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,
337
+ .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
338
+ .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,
339
+ .e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
340
+ .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,
341
+ .e-rtl .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
342
+ .e-rtl.e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
343
+ .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,
344
+ .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,
345
+ .e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
346
+ .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,
347
+ .e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
348
+ .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 {
349
+ margin: 6px 0 8px 12px;
259
350
  }
260
351
 
261
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
352
+ .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
353
+ .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
262
354
  height: 14px;
263
355
  width: 14px;
264
356
  }
265
357
 
266
- .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
267
- .e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
268
- height: 10px;
269
- width: 10px;
270
- }
271
-
272
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
273
- .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
274
- .e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before {
358
+ .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
359
+ .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
360
+ .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
361
+ .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before {
275
362
  font-size: 12px;
276
363
  height: 12px;
277
364
  width: 12px;
278
365
  }
279
366
 
280
- .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
281
- .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before {
282
- font-size: 10px;
283
- height: 10px;
284
- width: 10px;
285
- }
286
-
287
- .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before {
288
- font-size: 14px;
289
- height: 14px;
290
- width: 14px;
291
- }
292
-
293
- .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
294
- content: "\e7e7";
295
- font-size: 16px;
296
- height: 16px;
297
- padding: 0;
298
- text-align: center;
299
- vertical-align: middle;
300
- width: 16px;
301
- }
302
-
303
- .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
304
- .e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
367
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
368
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
369
+ .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
370
+ .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
371
+ .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
372
+ .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before {
305
373
  font-size: 14px;
306
374
  height: 14px;
307
375
  width: 14px;
308
376
  }
309
377
 
310
- .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
311
- .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
378
+ .e-bigger.e-small.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
379
+ .e-bigger.e-small .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
312
380
  left: 10px;
313
381
  right: auto;
314
382
  }
315
383
 
316
- .e-small.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
317
- .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
318
- .e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
319
- .e-rtl.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
320
- left: 6px;
384
+ .e-bigger.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
385
+ .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
386
+ .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
387
+ .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
388
+ left: 12px;
321
389
  right: auto;
322
390
  }
323
391
 
324
- .e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
325
- .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
326
- margin: 10px 0 9px;
327
- min-height: -webkit-fit-content;
328
- min-height: -moz-fit-content;
329
- min-height: fit-content;
392
+ .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
393
+ .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
394
+ height: 24px;
395
+ margin: 12px -4px 8px -1px;
396
+ padding: 0;
397
+ width: 24px;
330
398
  }
331
399
 
332
- .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
333
- margin: 0 8px 8px 0;
400
+ .e-bigger.e-multiselect.e-input-group.e-filled.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
401
+ .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 {
402
+ margin: 0;
403
+ }
404
+
405
+ .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,
406
+ .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,
407
+ .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,
408
+ .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 {
409
+ height: 20px;
410
+ margin: 0 0 8px;
334
411
  padding: 0;
412
+ width: 20px;
335
413
  }
336
414
 
337
- .e-small.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
338
- .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
415
+ .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
416
+ .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
417
+ font-size: 20px;
418
+ height: 20px;
419
+ width: 20px;
420
+ }
421
+
422
+ .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,
423
+ .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,
424
+ .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,
425
+ .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 {
426
+ font-size: 18px;
339
427
  height: 18px;
340
- margin: 7px 0 2px;
341
428
  width: 18px;
342
429
  }
343
430
 
344
- .e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
345
- .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 {
346
- margin: 0 12px 4px 0;
347
- min-width: -webkit-fit-content;
348
- min-width: -moz-fit-content;
349
- min-width: fit-content;
431
+ .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,
432
+ .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,
433
+ .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,
434
+ .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 {
435
+ height: 24px;
436
+ margin: 7px -4px 8px -1px;
437
+ padding: 0;
438
+ width: 24px;
350
439
  }
351
440
 
352
- .e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
353
- .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
354
- font-size: 16px;
355
- height: 16px;
356
- width: 16px;
441
+ .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
442
+ .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
443
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
444
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
445
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
446
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
447
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
448
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before {
449
+ content: "";
357
450
  }
358
451
 
359
- .e-small.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
360
- .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
361
- font-size: 14px;
362
- height: 14px;
363
- width: 14px;
364
- }
365
452
 
366
- .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
367
- .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
368
- .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before {
369
- content: "";
453
+
454
+
455
+
456
+
457
+
458
+
459
+
460
+ /* Font Family */
461
+ /* Font Sizes */
462
+ /* Radius */
463
+ /* 1px */
464
+ /* 2px */
465
+ /* 3px */
466
+ /* 4px */
467
+ /* 5px */
468
+ /* 6px */
469
+ /* 7px */
470
+ /* 8px */
471
+ /* 9px */
472
+ /* 10px */
473
+ /* 11px */
474
+ /* 12px */
475
+ /* 13px */
476
+ /* 14px */
477
+ /* 15px */
478
+ /* 16px */
479
+ /* 17px */
480
+ /* 18px */
481
+ /* 19px */
482
+ /* 20px */
483
+ /* 21px */
484
+ /* 22px */
485
+ /* 23px */
486
+ /* 24px */
487
+ /* 25px */
488
+ /* 26px */
489
+ /* 27px */
490
+ /* 28px */
491
+ /* 29px */
492
+ /* 30px */
493
+ /* 31px */
494
+ /* 32px */
495
+ /* 33px */
496
+ /* 34px */
497
+ /* 35px */
498
+ /* 36px */
499
+ /* 37px */
500
+ /* 38px */
501
+ /* 39px */
502
+ /* 40px */
503
+ /* 41px */
504
+ /* 42px */
505
+ /* 43px */
506
+ /* 44px */
507
+ /* 45px */
508
+ /* 46px */
509
+ /* 47px */
510
+ /* 48px */
511
+ /* 49px */
512
+ /* 50px */
513
+ /* 5em */
514
+ /* 65% */
515
+ /* border */
516
+ /* 0px */
517
+ /* 1px */
518
+ /* 1.5px */
519
+ /* 2px */
520
+ /* 3px */
521
+ /* 4px */
522
+ /* 5px */
523
+ /* 6px */
524
+ /* 7px */
525
+ /* 8px */
526
+ /* 9px */
527
+ /* 10px */
528
+ /* 11px */
529
+ /* 12px */
530
+ /* 13px */
531
+ /* 14px */
532
+ /* 15px */
533
+ /* 16px */
534
+
535
+
536
+ .e-multiselect.e-input-group .e-ddl-icon::before {
537
+ content: "\e70d";
538
+ font-family: "e-icons";
370
539
  }
371
540
 
372
- .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
373
- content: "\e832";
541
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
542
+ content: "\e7e7";
543
+ cursor: pointer;
544
+ left: 0;
545
+ position: relative;
546
+ top: 0;
374
547
  }
375
548
 
376
- .e-multi-select-wrapper {
377
- -webkit-box-sizing: border-box;
378
- box-sizing: border-box;
379
- cursor: text;
380
- line-height: normal;
381
- min-height: 30px;
382
- padding: 4px 32px 0 0;
549
+ .e-multi-select-wrapper .e-close-hooker::before {
550
+ content: "\e7e7";
551
+ cursor: pointer;
552
+ margin: auto;
383
553
  position: relative;
384
- -webkit-user-select: none;
385
- -moz-user-select: none;
386
- -ms-user-select: none;
387
- user-select: none;
388
- width: 100%;
389
554
  }
390
- .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
391
- height: 27px;
392
- vertical-align: middle;
555
+
556
+ .e-multiselect.e-input-group .e-ddl-disable-icon::before {
557
+ content: "";
393
558
  }
394
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
395
- height: 100%;
396
- min-height: 100%;
559
+
560
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
561
+ height: 32px;
562
+ margin-top: -35px;
563
+ right: 4px;
564
+ top: 100%;
565
+ width: 32px;
397
566
  }
398
- .e-multi-select-wrapper .e-delim-view {
399
- white-space: nowrap;
567
+
568
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
569
+ height: 38px;
570
+ margin-top: -35px;
571
+ right: 18px;
572
+ top: 100%;
573
+ width: 16px;
400
574
  }
401
- .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 {
402
- -webkit-box-sizing: border-box;
403
- box-sizing: border-box;
404
- display: inline-block;
405
- overflow: hidden;
406
- text-overflow: ellipsis;
575
+
576
+ .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
577
+ .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
578
+ right: 52px;
407
579
  }
408
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
409
- color: #fff;
410
- font-size: 13px;
411
- left: 12px;
412
- top: 0;
580
+
581
+ .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
582
+ right: 52px;
413
583
  }
414
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
415
- background: rgba(var(--color-sf-primary));
416
- color: #fff;
417
- padding: 12px 4px 11px 0;
584
+
585
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
586
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
587
+ height: 24px;
588
+ margin-top: -29px;
589
+ right: 2px;
590
+ top: 100%;
591
+ width: 24px;
592
+ }
593
+
594
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
595
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
596
+ .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
597
+ .e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
598
+ right: 48px;
599
+ }
600
+
601
+ .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
602
+ .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
603
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
604
+ .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
605
+ left: 52px;
606
+ right: auto;
607
+ }
608
+
609
+ .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
610
+ .e-rtl.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
611
+ .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
612
+ .e-rtl .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
613
+ .e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
614
+ .e-small .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
615
+ .e-rtl.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
616
+ .e-rtl.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
617
+ .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
618
+ .e-rtl .e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
619
+ .e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
620
+ .e-small .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
621
+ left: 48px;
622
+ right: auto;
623
+ }
624
+
625
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
626
+ content: "\e7e7";
627
+ font-size: 16px;
628
+ height: 16px;
629
+ margin-top: -8px;
630
+ top: 50%;
631
+ }
632
+
633
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
634
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
635
+ content: "\e7e7";
636
+ font-size: 14px;
637
+ height: 14px;
638
+ margin-top: -7px;
639
+ top: 50%;
640
+ }
641
+
642
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
643
+ font-size: 14px;
644
+ }
645
+
646
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
647
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
648
+ font-size: 13px;
649
+ }
650
+
651
+ .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
652
+ .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
653
+ margin: 7px 12px 9px 0;
654
+ min-height: -webkit-fit-content;
655
+ min-height: -moz-fit-content;
656
+ min-height: fit-content;
657
+ }
658
+
659
+ .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
660
+ .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
661
+ .e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
662
+ .e-small .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
663
+ margin: 6px 10px 8px 0;
664
+ }
665
+
666
+ .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
667
+ .e-rtl.e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
668
+ .e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
669
+ .e-rtl .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
670
+ margin: 7px 0 9px 12px;
671
+ }
672
+
673
+ .e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
674
+ .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,
675
+ .e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
676
+ .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,
677
+ .e-rtl .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
678
+ .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,
679
+ .e-rtl.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
680
+ .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 {
681
+ margin: 6px 0 8px 10px;
682
+ }
683
+
684
+ .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
685
+ .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
686
+ height: 20px;
687
+ margin-top: -33px;
688
+ right: 18px;
689
+ width: 20px;
690
+ }
691
+
692
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
693
+ .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
694
+ margin-top: -32px;
695
+ }
696
+
697
+ .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
698
+ .e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
699
+ height: 18px;
700
+ margin: -29px 0 8px;
701
+ width: 18px;
702
+ }
703
+
704
+ .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
705
+ .e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
706
+ margin-top: -26px;
707
+ }
708
+
709
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
710
+ height: 14px;
711
+ width: 14px;
712
+ }
713
+
714
+ .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
715
+ .e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
716
+ height: 10px;
717
+ width: 10px;
718
+ }
719
+
720
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
721
+ .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
722
+ .e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before {
723
+ font-size: 12px;
724
+ height: 12px;
725
+ width: 12px;
726
+ }
727
+
728
+ .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
729
+ .e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before {
730
+ font-size: 10px;
731
+ height: 10px;
732
+ width: 10px;
733
+ }
734
+
735
+ .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before {
736
+ font-size: 14px;
737
+ height: 14px;
738
+ width: 14px;
739
+ }
740
+
741
+ .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
742
+ content: "\e7e7";
743
+ font-size: 16px;
744
+ height: 16px;
745
+ padding: 0;
746
+ text-align: center;
747
+ vertical-align: middle;
748
+ width: 16px;
749
+ }
750
+
751
+ .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
752
+ .e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
753
+ font-size: 14px;
754
+ height: 14px;
755
+ width: 14px;
756
+ }
757
+
758
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
759
+ .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
760
+ left: 10px;
761
+ right: auto;
762
+ }
763
+
764
+ .e-small.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
765
+ .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
766
+ .e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
767
+ .e-rtl.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
768
+ left: 6px;
769
+ right: auto;
770
+ }
771
+
772
+ .e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
773
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
774
+ margin: 10px 0 9px;
775
+ min-height: -webkit-fit-content;
776
+ min-height: -moz-fit-content;
777
+ min-height: fit-content;
778
+ }
779
+
780
+ .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
781
+ margin: 0 8px 8px 0;
782
+ padding: 0;
783
+ }
784
+
785
+ .e-small.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
786
+ .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
787
+ height: 18px;
788
+ margin: 7px 0 2px;
789
+ width: 18px;
790
+ }
791
+
792
+ .e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
793
+ .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 {
794
+ margin: 0 12px 4px 0;
795
+ min-width: -webkit-fit-content;
796
+ min-width: -moz-fit-content;
797
+ min-width: fit-content;
798
+ }
799
+
800
+ .e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
801
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
802
+ font-size: 16px;
803
+ height: 16px;
804
+ width: 16px;
805
+ }
806
+
807
+ .e-small.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
808
+ .e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
809
+ font-size: 14px;
810
+ height: 14px;
811
+ width: 14px;
812
+ }
813
+
814
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
815
+ .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
816
+ .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before {
817
+ content: "";
818
+ }
819
+
820
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
821
+ content: "\e832";
822
+ }
823
+
824
+ .e-multi-select-wrapper {
825
+ -webkit-box-sizing: border-box;
826
+ box-sizing: border-box;
827
+ cursor: text;
828
+ line-height: normal;
829
+ min-height: 30px;
830
+ padding: 4px 32px 0 0;
831
+ position: relative;
832
+ -webkit-user-select: none;
833
+ -moz-user-select: none;
834
+ -ms-user-select: none;
835
+ user-select: none;
836
+ width: 100%;
837
+ }
838
+ .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
839
+ height: 27px;
840
+ vertical-align: middle;
841
+ }
842
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
843
+ height: 100%;
844
+ min-height: 100%;
845
+ }
846
+ .e-multi-select-wrapper .e-delim-view {
847
+ white-space: nowrap;
848
+ }
849
+ .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 {
850
+ -webkit-box-sizing: border-box;
851
+ box-sizing: border-box;
852
+ display: inline-block;
853
+ overflow: hidden;
854
+ text-overflow: ellipsis;
855
+ }
856
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
857
+ color: #fff;
858
+ font-size: 13px;
859
+ left: 12px;
860
+ top: 0;
861
+ }
862
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
863
+ background: rgba(var(--color-sf-primary));
864
+ color: #fff;
865
+ padding: 12px 4px 11px 0;
418
866
  }
419
867
  .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
420
868
  .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
@@ -885,7 +1333,7 @@
885
1333
  }
886
1334
 
887
1335
  .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
888
- padding-right: 0;
1336
+ padding-right: 15px;
889
1337
  }
890
1338
 
891
1339
  .e-multi-select-list-wrapper .e-selectall-parent {
@@ -904,7 +1352,7 @@
904
1352
  .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
905
1353
  .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
906
1354
  padding-left: 16px;
907
- padding-right: 0;
1355
+ padding-right: 15px;
908
1356
  }
909
1357
 
910
1358
  .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
@@ -1333,7 +1781,7 @@ ejs-multiselect {
1333
1781
 
1334
1782
  .e-small .e-filled .e-multi-select-wrapper .e-chips,
1335
1783
  .e-small.e-filled .e-multi-select-wrapper .e-chips {
1336
- height: 16px;
1784
+ height: 16px 16px;
1337
1785
  margin: 4px 4px 0 0;
1338
1786
  padding-right: 8px;
1339
1787
  }
@@ -1453,7 +1901,7 @@ ejs-multiselect {
1453
1901
  .e-multi-select-wrapper .e-chips {
1454
1902
  background: transparent;
1455
1903
  border: 1px solid rgba(var(--color-sf-outline));
1456
- border-radius: 8px;
1904
+ border-radius: calc(var(--e-radius) * 0.5);
1457
1905
  height: 24px;
1458
1906
  }
1459
1907
 
@@ -1473,7 +1921,7 @@ ejs-multiselect {
1473
1921
 
1474
1922
  .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1475
1923
  background: rgba(var(--color-sf-primary));
1476
- border-radius: 2px;
1924
+ border-radius: calc(var(--e-radius) * 0.125);
1477
1925
  color: #fff;
1478
1926
  height: 40px;
1479
1927
  line-height: 40px;
@@ -1755,7 +2203,7 @@ ejs-multiselect {
1755
2203
  margin-top: -2.3em;
1756
2204
  font-size: 16px;
1757
2205
  top: 100%;
1758
- border-radius: 20px;
2206
+ border-radius: calc(var(--e-radius) * 1.25);
1759
2207
  width: 38px;
1760
2208
  height: 38px;
1761
2209
  line-height: 28px;
@@ -1854,10 +2302,6 @@ ejs-multiselect {
1854
2302
  margin-right: 12px;
1855
2303
  }
1856
2304
 
1857
- .e-bigger.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
1858
- top: 3px;
1859
- }
1860
-
1861
2305
  .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
1862
2306
  line-height: 34px;
1863
2307
  }
@@ -2212,412 +2656,150 @@ ejs-multiselect {
2212
2656
  font-size: 14px;
2213
2657
  line-height: 28px;
2214
2658
  }
2215
-
2216
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
2217
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
2218
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
2219
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
2220
- font-size: 16px;
2221
- line-height: 52px;
2222
- }
2223
-
2224
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
2225
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
2226
- line-height: 36px;
2227
- }
2228
-
2229
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2230
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2231
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2232
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2233
- height: 28px;
2234
- }
2235
-
2236
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2237
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2238
- height: 24px;
2239
- }
2240
-
2241
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2242
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2243
- height: 32px;
2244
- }
2245
-
2246
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2247
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2248
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2249
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2250
- height: 18px;
2251
- }
2252
-
2253
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2254
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2255
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2256
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2257
- .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2258
- .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2259
- .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2260
- .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2261
- margin: 8px 8px 0 0;
2262
- padding: 0 8px;
2263
- }
2264
-
2265
- .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2266
- .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2267
- .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2268
- .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2269
- .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2270
- .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2271
- .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2272
- .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2273
- margin: 8px 0 0 8px;
2274
- padding: 0 8px;
2275
- }
2276
-
2277
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2278
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2279
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2280
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2281
- padding-left: 8px;
2282
- }
2283
-
2284
- .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,
2285
- .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,
2286
- .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
2287
- .e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
2288
- .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
2289
- .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
2290
- height: 12px;
2291
- width: 12px;
2292
- }
2293
-
2294
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2295
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2296
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2297
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2298
- font-size: 13px;
2299
- padding: 0 8px 0 0;
2300
- }
2301
-
2302
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2303
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2304
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2305
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2306
- font-size: 12px;
2307
- padding: 0 4px 0 0;
2308
- }
2309
-
2310
- .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2311
- .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2312
- .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2313
- .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2314
- padding: 0 0 0 4px;
2315
- }
2316
-
2317
- .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2318
- .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2319
- font-size: 13px;
2320
- }
2321
-
2322
- .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2323
- .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2324
- font-size: 14px;
2325
- }
2326
-
2327
- .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2328
- .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2329
- .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2330
- .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2331
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2332
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2333
- padding: 0 12px;
2334
- }
2335
-
2336
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2337
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2338
- padding-right: 8px;
2339
- }
2340
-
2341
- .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2342
- font-size: 16px;
2343
- }
2344
-
2345
- .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2346
- height: 28px;
2347
- }
2348
-
2349
- .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2350
- font-size: 13px;
2351
- }
2352
-
2353
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2354
- left: 0;
2355
- }
2356
-
2357
- .e-bigger .e-multi-select-wrapper .e-chips {
2358
- height: 32px;
2359
- }
2360
-
2361
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2362
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2363
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2364
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2365
- height: 38px;
2366
- margin-top: -55px;
2367
- right: 12px;
2368
- top: 100%;
2369
- width: 18px;
2370
- }
2371
-
2372
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2373
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2374
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2375
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2376
- .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2377
- .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2378
- .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2379
- .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
2380
- right: 48px;
2381
- }
2382
-
2383
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2384
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2385
- height: 40px;
2386
- margin-top: -55px;
2387
- right: 6px;
2388
- top: 100%;
2389
- width: 40px;
2390
- }
2391
-
2392
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2393
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
2394
- right: 60px;
2395
- }
2396
-
2397
- .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2398
- .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2399
- .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2400
- .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2401
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2402
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2403
- .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2404
- .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2405
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2406
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2407
- .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2408
- .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2409
- .e-rtl.e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2410
- .e-rtl.e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2411
- .e-rtl .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2412
- .e-bigger.e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2413
- .e-rtl.e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2414
- .e-rtl .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2415
- .e-bigger .e-rtl.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2416
- .e-bigger .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2417
- .e-rtl.e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2418
- .e-rtl .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2419
- .e-small .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2420
- .e-small .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
2421
- left: 48px;
2422
- right: auto;
2659
+
2660
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
2661
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
2662
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
2663
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
2664
+ font-size: 16px;
2665
+ line-height: 52px;
2423
2666
  }
2424
2667
 
2425
- .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2426
- .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2427
- .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2428
- .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2429
- .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2430
- .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2431
- .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2432
- .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2433
- .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2434
- .e-rtl .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2435
- .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
2436
- .e-bigger .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
2437
- left: 60px;
2438
- right: auto;
2668
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
2669
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
2670
+ line-height: 36px;
2439
2671
  }
2440
2672
 
2441
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
2442
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
2443
- content: "\e208";
2444
- font-size: 20px;
2445
- height: 20px;
2446
- left: 0;
2447
- margin-top: -10px;
2448
- top: 50%;
2673
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2674
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2675
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2676
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2677
+ height: 28px;
2449
2678
  }
2450
2679
 
2451
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
2452
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
2453
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
2454
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
2455
- content: "\e208";
2456
- font-size: 18px;
2457
- height: 18px;
2458
- left: 0;
2459
- margin-top: -9px;
2460
- top: 50%;
2680
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2681
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2682
+ height: 24px;
2461
2683
  }
2462
2684
 
2463
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
2464
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
2465
- font-size: 16px;
2685
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2686
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2687
+ height: 32px;
2466
2688
  }
2467
2689
 
2468
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
2469
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
2470
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
2471
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
2472
- font-size: 14px;
2690
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2691
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2692
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2693
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2694
+ height: 18px;
2473
2695
  }
2474
2696
 
2475
- .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
2476
- .e-bigger .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
2477
- .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
2478
- .e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
2479
- margin: 10px 16px 10px 0;
2697
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2698
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2699
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2700
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2701
+ .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2702
+ .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2703
+ .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2704
+ .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2705
+ margin: 8px 8px 0 0;
2706
+ padding: 0 8px 0 0;
2480
2707
  }
2481
2708
 
2482
- .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
2483
- .e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
2484
- .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,
2485
- .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,
2486
- .e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
2487
- .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,
2488
- .e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
2489
- .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 {
2490
- margin: 6px 12px 8px 0;
2709
+ .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2710
+ .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2711
+ .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2712
+ .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2713
+ .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2714
+ .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2715
+ .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2716
+ .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2717
+ margin: 8px 0 0 8px;
2718
+ padding: 0 8px;
2491
2719
  }
2492
2720
 
2493
- .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
2494
- .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
2495
- .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,
2496
- .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,
2497
- .e-rtl .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
2498
- .e-bigger.e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
2499
- .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,
2500
- .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 {
2501
- margin: 10px 0 10px 16px;
2721
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2722
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2723
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2724
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2725
+ padding-left: 8px;
2502
2726
  }
2503
2727
 
2504
- .e-rtl.e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
2505
- .e-bigger.e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
2506
- .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,
2507
- .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,
2508
- .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
2509
- .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,
2510
- .e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
2511
- .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,
2512
- .e-rtl .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
2513
- .e-rtl.e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
2514
- .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,
2515
- .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,
2516
- .e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
2517
- .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,
2518
- .e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
2519
- .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 {
2520
- margin: 6px 0 8px 12px;
2728
+ .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,
2729
+ .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,
2730
+ .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
2731
+ .e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
2732
+ .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
2733
+ .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
2734
+ height: 12px;
2735
+ width: 12px;
2521
2736
  }
2522
2737
 
2523
- .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
2524
- .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
2525
- height: 14px;
2526
- width: 14px;
2738
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2739
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2740
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2741
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2742
+ font-size: 13px;
2743
+ padding: 0 8px 0 0;
2527
2744
  }
2528
2745
 
2529
- .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
2530
- .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
2531
- .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
2532
- .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before {
2746
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2747
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2748
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2749
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2533
2750
  font-size: 12px;
2534
- height: 12px;
2535
- width: 12px;
2751
+ padding: 0 4px 0 0;
2536
2752
  }
2537
2753
 
2538
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
2539
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
2540
- .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
2541
- .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
2542
- .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
2543
- .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before {
2544
- font-size: 14px;
2545
- height: 14px;
2546
- width: 14px;
2754
+ .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2755
+ .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2756
+ .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2757
+ .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2758
+ padding: 0 0 0 4px;
2547
2759
  }
2548
2760
 
2549
- .e-bigger.e-small.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2550
- .e-bigger.e-small .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2551
- left: 10px;
2552
- right: auto;
2761
+ .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2762
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2763
+ font-size: 13px;
2553
2764
  }
2554
2765
 
2555
- .e-bigger.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2556
- .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2557
- .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2558
- .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2559
- left: 12px;
2560
- right: auto;
2766
+ .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2767
+ .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2768
+ font-size: 14px;
2561
2769
  }
2562
2770
 
2563
- .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
2564
- .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
2565
- height: 24px;
2566
- margin: 12px -4px 8px -1px;
2567
- padding: 0;
2568
- width: 24px;
2771
+ .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2772
+ .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2773
+ .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2774
+ .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2775
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2776
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2777
+ padding: 0 12px;
2569
2778
  }
2570
2779
 
2571
- .e-bigger.e-multiselect.e-input-group.e-filled.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
2572
- .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 {
2573
- margin: 0;
2780
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2781
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2782
+ padding-right: 8px;
2574
2783
  }
2575
2784
 
2576
- .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,
2577
- .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,
2578
- .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,
2579
- .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 {
2580
- height: 20px;
2581
- margin: 0 0 8px;
2582
- padding: 0;
2583
- width: 20px;
2785
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2786
+ font-size: 16px;
2584
2787
  }
2585
2788
 
2586
- .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
2587
- .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
2588
- font-size: 20px;
2589
- height: 20px;
2590
- width: 20px;
2789
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2790
+ height: 28px;
2591
2791
  }
2592
2792
 
2593
- .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,
2594
- .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,
2595
- .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,
2596
- .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 {
2597
- font-size: 18px;
2598
- height: 18px;
2599
- width: 18px;
2793
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2794
+ font-size: 13px;
2600
2795
  }
2601
2796
 
2602
- .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,
2603
- .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,
2604
- .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,
2605
- .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 {
2606
- height: 24px;
2607
- margin: 7px -4px 8px -1px;
2608
- padding: 0;
2609
- width: 24px;
2797
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2798
+ left: 0;
2610
2799
  }
2611
2800
 
2612
- .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
2613
- .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
2614
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
2615
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
2616
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
2617
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
2618
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
2619
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before {
2620
- content: "";
2801
+ .e-bigger .e-multi-select-wrapper .e-chips {
2802
+ height: 32px;
2621
2803
  }
2622
2804
 
2623
2805
  .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,