@syncfusion/ej2-dropdowns 29.2.10 → 29.2.11-81740

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 (314) hide show
  1. package/{README.md → ReadMe.md} +217 -217
  2. package/dist/ej2-dropdowns.umd.min.js +1 -10
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +134 -85
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +293 -242
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/license +2 -2
  9. package/package.json +36 -36
  10. package/src/auto-complete/auto-complete-model.d.ts +190 -190
  11. package/src/auto-complete/auto-complete.d.ts +12 -12
  12. package/src/auto-complete/auto-complete.js +21 -21
  13. package/src/combo-box/combo-box-model.d.ts +232 -232
  14. package/src/combo-box/combo-box.d.ts +26 -26
  15. package/src/combo-box/combo-box.js +29 -29
  16. package/src/common/incremental-search.js +1 -1
  17. package/src/common/virtual-scroll.js +46 -46
  18. package/src/drop-down-base/drop-down-base-model.d.ts +205 -205
  19. package/src/drop-down-base/drop-down-base.d.ts +15 -15
  20. package/src/drop-down-base/drop-down-base.js +20 -20
  21. package/src/drop-down-list/drop-down-list-model.d.ts +310 -310
  22. package/src/drop-down-list/drop-down-list.d.ts +5 -5
  23. package/src/drop-down-list/drop-down-list.js +21 -21
  24. package/src/drop-down-tree/drop-down-tree-model.d.ts +493 -493
  25. package/src/drop-down-tree/drop-down-tree.d.ts +1 -1
  26. package/src/drop-down-tree/drop-down-tree.js +19 -19
  27. package/src/list-box/list-box-model.d.ts +237 -237
  28. package/src/list-box/list-box.d.ts +2 -2
  29. package/src/list-box/list-box.js +19 -19
  30. package/src/mention/mention-model.d.ts +272 -272
  31. package/src/mention/mention.d.ts +1 -1
  32. package/src/mention/mention.js +29 -27
  33. package/src/multi-select/multi-select-model.d.ts +564 -564
  34. package/src/multi-select/multi-select.d.ts +2 -1
  35. package/src/multi-select/multi-select.js +90 -41
  36. package/styles/auto-complete/_all.scss +1 -1
  37. package/styles/auto-complete/_bds-definition.scss +2 -2
  38. package/styles/auto-complete/_bootstrap-dark-definition.scss +3 -3
  39. package/styles/auto-complete/_bootstrap-definition.scss +2 -2
  40. package/styles/auto-complete/_bootstrap4-definition.scss +11 -11
  41. package/styles/auto-complete/_bootstrap5-definition.scss +2 -2
  42. package/styles/auto-complete/_bootstrap5.3-definition.scss +2 -2
  43. package/styles/auto-complete/_fabric-dark-definition.scss +2 -2
  44. package/styles/auto-complete/_fabric-definition.scss +2 -2
  45. package/styles/auto-complete/_fluent-definition.scss +2 -2
  46. package/styles/auto-complete/_fluent2-definition.scss +2 -2
  47. package/styles/auto-complete/_fusionnew-definition.scss +2 -2
  48. package/styles/auto-complete/_highcontrast-definition.scss +2 -2
  49. package/styles/auto-complete/_highcontrast-light-definition.scss +2 -2
  50. package/styles/auto-complete/_material-dark-definition.scss +2 -2
  51. package/styles/auto-complete/_material-definition.scss +2 -2
  52. package/styles/auto-complete/_material3-definition.scss +2 -2
  53. package/styles/auto-complete/_tailwind-definition.scss +2 -2
  54. package/styles/auto-complete/_tailwind3-definition.scss +2 -2
  55. package/styles/auto-complete/material3-dark.scss +1 -1
  56. package/styles/auto-complete/material3.scss +1 -1
  57. package/styles/combo-box/_all.scss +1 -1
  58. package/styles/combo-box/_bds-definition.scss +2 -2
  59. package/styles/combo-box/_bootstrap-dark-definition.scss +2 -2
  60. package/styles/combo-box/_bootstrap-definition.scss +2 -2
  61. package/styles/combo-box/_bootstrap4-definition.scss +11 -11
  62. package/styles/combo-box/_bootstrap5-definition.scss +2 -2
  63. package/styles/combo-box/_bootstrap5.3-definition.scss +2 -2
  64. package/styles/combo-box/_fabric-dark-definition.scss +2 -2
  65. package/styles/combo-box/_fabric-definition.scss +2 -2
  66. package/styles/combo-box/_fluent-definition.scss +2 -2
  67. package/styles/combo-box/_fluent2-definition.scss +2 -2
  68. package/styles/combo-box/_fusionnew-definition.scss +2 -2
  69. package/styles/combo-box/_highcontrast-definition.scss +2 -2
  70. package/styles/combo-box/_highcontrast-light-definition.scss +3 -3
  71. package/styles/combo-box/_material-dark-definition.scss +2 -2
  72. package/styles/combo-box/_material-definition.scss +2 -2
  73. package/styles/combo-box/_material3-definition.scss +2 -2
  74. package/styles/combo-box/_tailwind-definition.scss +2 -2
  75. package/styles/combo-box/_tailwind3-definition.scss +2 -2
  76. package/styles/combo-box/material3-dark.scss +1 -1
  77. package/styles/combo-box/material3.scss +1 -1
  78. package/styles/drop-down-base/_all.scss +2 -2
  79. package/styles/drop-down-base/_bds-definition.scss +112 -112
  80. package/styles/drop-down-base/_bigger.scss +198 -198
  81. package/styles/drop-down-base/_bootstrap-dark-definition.scss +80 -80
  82. package/styles/drop-down-base/_bootstrap-definition.scss +78 -78
  83. package/styles/drop-down-base/_bootstrap4-definition.scss +83 -83
  84. package/styles/drop-down-base/_bootstrap5-definition.scss +98 -98
  85. package/styles/drop-down-base/_bootstrap5.3-definition.scss +98 -98
  86. package/styles/drop-down-base/_definition.scss +23 -23
  87. package/styles/drop-down-base/_fabric-dark-definition.scss +81 -81
  88. package/styles/drop-down-base/_fabric-definition.scss +79 -79
  89. package/styles/drop-down-base/_fluent-definition.scss +102 -102
  90. package/styles/drop-down-base/_fluent2-definition.scss +113 -113
  91. package/styles/drop-down-base/_fusionnew-definition.scss +98 -98
  92. package/styles/drop-down-base/_highcontrast-definition.scss +96 -96
  93. package/styles/drop-down-base/_highcontrast-light-definition.scss +96 -96
  94. package/styles/drop-down-base/_layout.scss +148 -148
  95. package/styles/drop-down-base/_material-dark-definition.scss +82 -82
  96. package/styles/drop-down-base/_material-definition.scss +81 -81
  97. package/styles/drop-down-base/_material3-definition.scss +73 -73
  98. package/styles/drop-down-base/_tailwind-definition.scss +107 -107
  99. package/styles/drop-down-base/_tailwind3-definition.scss +98 -98
  100. package/styles/drop-down-base/_theme.scss +303 -303
  101. package/styles/drop-down-base/material3-dark.scss +1 -1
  102. package/styles/drop-down-base/material3.scss +1 -1
  103. package/styles/drop-down-list/_all.scss +3 -3
  104. package/styles/drop-down-list/_bds-definition.scss +100 -100
  105. package/styles/drop-down-list/_bigger.scss +713 -713
  106. package/styles/drop-down-list/_bootstrap-dark-definition.scss +94 -94
  107. package/styles/drop-down-list/_bootstrap-definition.scss +93 -93
  108. package/styles/drop-down-list/_bootstrap4-definition.scss +122 -122
  109. package/styles/drop-down-list/_bootstrap5-definition.scss +135 -135
  110. package/styles/drop-down-list/_bootstrap5.3-definition.scss +136 -136
  111. package/styles/drop-down-list/_fabric-dark-definition.scss +72 -72
  112. package/styles/drop-down-list/_fabric-definition.scss +69 -69
  113. package/styles/drop-down-list/_fluent-definition.scss +128 -128
  114. package/styles/drop-down-list/_fluent2-definition.scss +101 -101
  115. package/styles/drop-down-list/_fusionnew-definition.scss +134 -134
  116. package/styles/drop-down-list/_highcontrast-definition.scss +83 -83
  117. package/styles/drop-down-list/_highcontrast-light-definition.scss +85 -85
  118. package/styles/drop-down-list/_layout.scss +284 -284
  119. package/styles/drop-down-list/_material-dark-definition.scss +110 -110
  120. package/styles/drop-down-list/_material-definition.scss +112 -112
  121. package/styles/drop-down-list/_material3-definition.scss +114 -114
  122. package/styles/drop-down-list/_tailwind-definition.scss +100 -100
  123. package/styles/drop-down-list/_tailwind3-definition.scss +135 -135
  124. package/styles/drop-down-list/_theme.scss +17 -17
  125. package/styles/drop-down-list/icons/_bds.scss +14 -14
  126. package/styles/drop-down-list/icons/_bootstrap-dark.scss +18 -18
  127. package/styles/drop-down-list/icons/_bootstrap.scss +18 -18
  128. package/styles/drop-down-list/icons/_bootstrap4.scss +18 -18
  129. package/styles/drop-down-list/icons/_bootstrap5.3.scss +18 -18
  130. package/styles/drop-down-list/icons/_bootstrap5.scss +18 -18
  131. package/styles/drop-down-list/icons/_fabric-dark.scss +18 -18
  132. package/styles/drop-down-list/icons/_fabric.scss +18 -18
  133. package/styles/drop-down-list/icons/_fluent.scss +18 -18
  134. package/styles/drop-down-list/icons/_fluent2.scss +18 -18
  135. package/styles/drop-down-list/icons/_fusionnew.scss +14 -14
  136. package/styles/drop-down-list/icons/_highcontrast-light.scss +14 -14
  137. package/styles/drop-down-list/icons/_highcontrast.scss +18 -18
  138. package/styles/drop-down-list/icons/_material-dark.scss +18 -18
  139. package/styles/drop-down-list/icons/_material.scss +18 -18
  140. package/styles/drop-down-list/icons/_material3.scss +18 -18
  141. package/styles/drop-down-list/icons/_tailwind.scss +18 -18
  142. package/styles/drop-down-list/icons/_tailwind3.scss +14 -14
  143. package/styles/drop-down-list/material3-dark.scss +1 -1
  144. package/styles/drop-down-list/material3.scss +1 -1
  145. package/styles/drop-down-tree/_all.scss +2 -2
  146. package/styles/drop-down-tree/_bds-definition.scss +74 -74
  147. package/styles/drop-down-tree/_bigger.scss +561 -561
  148. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +81 -81
  149. package/styles/drop-down-tree/_bootstrap-definition.scss +81 -81
  150. package/styles/drop-down-tree/_bootstrap4-definition.scss +85 -85
  151. package/styles/drop-down-tree/_bootstrap5-definition.scss +73 -73
  152. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +74 -74
  153. package/styles/drop-down-tree/_fabric-dark-definition.scss +81 -81
  154. package/styles/drop-down-tree/_fabric-definition.scss +81 -81
  155. package/styles/drop-down-tree/_fluent-definition.scss +78 -78
  156. package/styles/drop-down-tree/_fluent2-definition.scss +85 -85
  157. package/styles/drop-down-tree/_fusionnew-definition.scss +69 -69
  158. package/styles/drop-down-tree/_highcontrast-definition.scss +81 -81
  159. package/styles/drop-down-tree/_highcontrast-light-definition.scss +81 -81
  160. package/styles/drop-down-tree/_layout.scss +942 -942
  161. package/styles/drop-down-tree/_material-dark-definition.scss +82 -82
  162. package/styles/drop-down-tree/_material-definition.scss +84 -84
  163. package/styles/drop-down-tree/_material3-definition.scss +84 -84
  164. package/styles/drop-down-tree/_tailwind-definition.scss +74 -74
  165. package/styles/drop-down-tree/_tailwind3-definition.scss +75 -75
  166. package/styles/drop-down-tree/_theme.scss +135 -135
  167. package/styles/drop-down-tree/icons/_bds.scss +11 -11
  168. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +11 -11
  169. package/styles/drop-down-tree/icons/_bootstrap.scss +11 -11
  170. package/styles/drop-down-tree/icons/_bootstrap4.scss +11 -11
  171. package/styles/drop-down-tree/icons/_bootstrap5.3.scss +11 -11
  172. package/styles/drop-down-tree/icons/_bootstrap5.scss +11 -11
  173. package/styles/drop-down-tree/icons/_fabric-dark.scss +11 -11
  174. package/styles/drop-down-tree/icons/_fabric.scss +11 -11
  175. package/styles/drop-down-tree/icons/_fluent.scss +11 -11
  176. package/styles/drop-down-tree/icons/_fluent2.scss +14 -14
  177. package/styles/drop-down-tree/icons/_fusionnew.scss +11 -11
  178. package/styles/drop-down-tree/icons/_highcontrast-light.scss +11 -11
  179. package/styles/drop-down-tree/icons/_highcontrast.scss +11 -11
  180. package/styles/drop-down-tree/icons/_material-dark.scss +11 -11
  181. package/styles/drop-down-tree/icons/_material.scss +11 -11
  182. package/styles/drop-down-tree/icons/_material3.scss +11 -11
  183. package/styles/drop-down-tree/icons/_tailwind-dark.scss +11 -11
  184. package/styles/drop-down-tree/icons/_tailwind.scss +11 -11
  185. package/styles/drop-down-tree/icons/_tailwind3.scss +11 -11
  186. package/styles/drop-down-tree/material3-dark.scss +1 -1
  187. package/styles/drop-down-tree/material3.scss +1 -1
  188. package/styles/list-box/_all.scss +2 -2
  189. package/styles/list-box/_bds-definition.scss +136 -136
  190. package/styles/list-box/_bigger.scss +190 -190
  191. package/styles/list-box/_bootstrap-dark-definition.scss +126 -126
  192. package/styles/list-box/_bootstrap-definition.scss +119 -119
  193. package/styles/list-box/_bootstrap4-definition.scss +126 -126
  194. package/styles/list-box/_bootstrap5-definition.scss +121 -121
  195. package/styles/list-box/_bootstrap5.3-definition.scss +123 -123
  196. package/styles/list-box/_fabric-dark-definition.scss +124 -124
  197. package/styles/list-box/_fabric-definition.scss +119 -119
  198. package/styles/list-box/_fluent-definition.scss +120 -120
  199. package/styles/list-box/_fluent2-definition.scss +121 -121
  200. package/styles/list-box/_fusionnew-definition.scss +111 -111
  201. package/styles/list-box/_highcontrast-definition.scss +119 -119
  202. package/styles/list-box/_highcontrast-light-definition.scss +124 -124
  203. package/styles/list-box/_layout.scss +496 -496
  204. package/styles/list-box/_material-dark-definition.scss +124 -124
  205. package/styles/list-box/_material-definition.scss +119 -119
  206. package/styles/list-box/_material3-definition.scss +119 -119
  207. package/styles/list-box/_tailwind-definition.scss +119 -119
  208. package/styles/list-box/_tailwind3-definition.scss +123 -123
  209. package/styles/list-box/_theme.scss +327 -327
  210. package/styles/list-box/icons/_bds.scss +25 -25
  211. package/styles/list-box/icons/_bootstrap-dark.scss +25 -25
  212. package/styles/list-box/icons/_bootstrap.scss +25 -25
  213. package/styles/list-box/icons/_bootstrap4.scss +25 -25
  214. package/styles/list-box/icons/_bootstrap5.3.scss +25 -25
  215. package/styles/list-box/icons/_bootstrap5.scss +25 -25
  216. package/styles/list-box/icons/_fabric-dark.scss +25 -25
  217. package/styles/list-box/icons/_fabric.scss +25 -25
  218. package/styles/list-box/icons/_fluent.scss +25 -25
  219. package/styles/list-box/icons/_fluent2.scss +25 -25
  220. package/styles/list-box/icons/_fusionnew.scss +25 -25
  221. package/styles/list-box/icons/_highcontrast-light.scss +25 -25
  222. package/styles/list-box/icons/_highcontrast.scss +25 -25
  223. package/styles/list-box/icons/_material-dark.scss +25 -25
  224. package/styles/list-box/icons/_material.scss +25 -25
  225. package/styles/list-box/icons/_material3.scss +25 -25
  226. package/styles/list-box/icons/_tailwind-dark.scss +25 -25
  227. package/styles/list-box/icons/_tailwind.scss +25 -25
  228. package/styles/list-box/icons/_tailwind3.scss +25 -25
  229. package/styles/list-box/material3-dark.scss +1 -1
  230. package/styles/list-box/material3.scss +1 -1
  231. package/styles/material3-dark.scss +1 -1
  232. package/styles/material3.scss +1 -1
  233. package/styles/mention/_all.scss +1 -1
  234. package/styles/mention/_bds-definition.scss +1 -1
  235. package/styles/mention/_bootstrap-dark-definition.scss +3 -3
  236. package/styles/mention/_bootstrap-definition.scss +3 -3
  237. package/styles/mention/_bootstrap4-definition.scss +3 -3
  238. package/styles/mention/_bootstrap5-definition.scss +1 -1
  239. package/styles/mention/_bootstrap5.3-definition.scss +1 -1
  240. package/styles/mention/_fabric-dark-definition.scss +2 -2
  241. package/styles/mention/_fabric-definition.scss +3 -3
  242. package/styles/mention/_fluent-definition.scss +1 -1
  243. package/styles/mention/_fluent2-definition.scss +1 -1
  244. package/styles/mention/_fusionnew-definition.scss +1 -1
  245. package/styles/mention/_highcontrast-definition.scss +3 -3
  246. package/styles/mention/_highcontrast-light-definition.scss +3 -3
  247. package/styles/mention/_layout.scss +6 -6
  248. package/styles/mention/_material-dark-definition.scss +3 -3
  249. package/styles/mention/_material-definition.scss +3 -3
  250. package/styles/mention/_material3-definition.scss +1 -1
  251. package/styles/mention/_tailwind-definition.scss +1 -1
  252. package/styles/mention/_tailwind3-definition.scss +1 -1
  253. package/styles/mention/material3-dark.scss +1 -1
  254. package/styles/mention/material3.scss +1 -1
  255. package/styles/multi-select/_all.scss +2 -2
  256. package/styles/multi-select/_bds-definition.scss +231 -231
  257. package/styles/multi-select/_bigger.scss +2002 -2002
  258. package/styles/multi-select/_bootstrap-dark-definition.scss +198 -198
  259. package/styles/multi-select/_bootstrap-definition.scss +187 -187
  260. package/styles/multi-select/_bootstrap4-definition.scss +236 -236
  261. package/styles/multi-select/_bootstrap5-definition.scss +229 -229
  262. package/styles/multi-select/_bootstrap5.3-definition.scss +229 -229
  263. package/styles/multi-select/_fabric-dark-definition.scss +190 -190
  264. package/styles/multi-select/_fabric-definition.scss +181 -181
  265. package/styles/multi-select/_fluent-definition.scss +236 -236
  266. package/styles/multi-select/_fluent2-definition.scss +234 -234
  267. package/styles/multi-select/_fusionnew-definition.scss +222 -222
  268. package/styles/multi-select/_highcontrast-definition.scss +302 -302
  269. package/styles/multi-select/_highcontrast-light-definition.scss +296 -296
  270. package/styles/multi-select/_layout.scss +1335 -1335
  271. package/styles/multi-select/_material-dark-definition.scss +248 -248
  272. package/styles/multi-select/_material-definition.scss +250 -250
  273. package/styles/multi-select/_material3-definition.scss +233 -233
  274. package/styles/multi-select/_tailwind-definition.scss +231 -231
  275. package/styles/multi-select/_tailwind3-definition.scss +227 -227
  276. package/styles/multi-select/_theme.scss +564 -564
  277. package/styles/multi-select/icons/_bds.scss +26 -26
  278. package/styles/multi-select/icons/_bootstrap-dark.scss +30 -30
  279. package/styles/multi-select/icons/_bootstrap.scss +30 -30
  280. package/styles/multi-select/icons/_bootstrap4.scss +32 -32
  281. package/styles/multi-select/icons/_bootstrap5.3.scss +30 -30
  282. package/styles/multi-select/icons/_bootstrap5.scss +30 -30
  283. package/styles/multi-select/icons/_fabric-dark.scss +30 -30
  284. package/styles/multi-select/icons/_fabric.scss +30 -30
  285. package/styles/multi-select/icons/_fluent.scss +38 -38
  286. package/styles/multi-select/icons/_fluent2.scss +347 -347
  287. package/styles/multi-select/icons/_fusionnew.scss +26 -26
  288. package/styles/multi-select/icons/_highcontrast-light.scss +26 -26
  289. package/styles/multi-select/icons/_highcontrast.scss +30 -30
  290. package/styles/multi-select/icons/_material-dark.scss +348 -348
  291. package/styles/multi-select/icons/_material.scss +348 -348
  292. package/styles/multi-select/icons/_material3.scss +350 -350
  293. package/styles/multi-select/icons/_tailwind.scss +30 -30
  294. package/styles/multi-select/icons/_tailwind3.scss +26 -26
  295. package/styles/multi-select/material3-dark.scss +1 -1
  296. package/styles/multi-select/material3.scss +1 -1
  297. package/.eslintrc.json +0 -261
  298. package/dist/ej2-dropdowns.min.js +0 -10
  299. package/dist/global/ej2-dropdowns.min.js +0 -11
  300. package/dist/global/ej2-dropdowns.min.js.map +0 -1
  301. package/dist/global/index.d.ts +0 -14
  302. package/helpers/e2e/autocomplete.d.ts +0 -16
  303. package/helpers/e2e/autocomplete.js +0 -60
  304. package/helpers/e2e/combobox.d.ts +0 -17
  305. package/helpers/e2e/combobox.js +0 -63
  306. package/helpers/e2e/dropdownlist.d.ts +0 -20
  307. package/helpers/e2e/dropdownlist.js +0 -72
  308. package/helpers/e2e/index.d.ts +0 -4
  309. package/helpers/e2e/index.js +0 -11
  310. package/helpers/e2e/listboxHelper.d.ts +0 -22
  311. package/helpers/e2e/listboxHelper.js +0 -56
  312. package/helpers/e2e/multiselect.d.ts +0 -31
  313. package/helpers/e2e/multiselect.js +0 -105
  314. package/tslint.json +0 -111
@@ -1,2002 +1,2002 @@
1
- @include export-module('multiselect-bigger') {
2
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
3
- .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
4
- @if $ddl-multiselect-skin-name != 'Material3' {
5
- margin-top: $ddl-icon-margin-top-bigger;
6
- }
7
- @if $ddl-multiselect-skin-name == 'fluent2' {
8
- padding: 11px;
9
- }
10
- }
11
-
12
- .e-bigger .e-multi-select-wrapper {
13
- min-height: $ddl-control-bigger-height;
14
- }
15
-
16
- .e-bigger .e-multi-select-wrapper .e-chips {
17
- margin: $ddl-chip-margin-bigger;
18
- }
19
-
20
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
21
- @if $ddl-multiselect-skin-name == 'bootstrap4' or $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
22
- padding: $ddl-chip-bigger-content-padding;
23
- }
24
- @if $ddl-multiselect-skin-name == 'tailwind' {
25
- font-size: $ddl-chip-bigger-font-size;
26
- }
27
- }
28
-
29
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
30
- padding: $ddl-chip-mobile-content-padding;
31
- }
32
-
33
- .e-bigger #{&}.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips>.e-chipcontent {
34
- padding: $ddl-rtl-chip-mobile-content-padding;
35
- }
36
-
37
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
38
- @if $ddl-multiselect-skin-name == 'Material3' {
39
- right: $ddl-close-icon-bigger-right;
40
- }
41
- }
42
-
43
- .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
44
- @if $ddl-multiselect-skin-name == 'Material3' {
45
- right: 41px;
46
- }
47
- }
48
-
49
- .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
50
- .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
51
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
52
- .e-bigger.e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
53
- .e-bigger.e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
54
- .e-bigger .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
55
- @if $ddl-multiselect-skin-name == 'FluentUI' {
56
- font-size: $ddl-bigger-chip-down-icon-font;
57
- right: $ddl-close-icon-bigger-right;
58
- }
59
- }
60
-
61
- .e-bigger.e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
62
- .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
63
- .e-bigger.e-small .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
64
- .e-bigger.e-small.e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
65
- .e-bigger.e-small.e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
66
- .e-bigger.e-small .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
67
- @if $ddl-multiselect-skin-name == 'FluentUI' {
68
- font-size: $ddl-biggersmall-chip-down-icon-font;
69
- right: $ddl-close-icon-bigger-right;
70
- }
71
- }
72
-
73
- .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
74
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
75
- @if $ddl-multiselect-skin-name == 'Fabric' or $ddl-multiselect-skin-name == 'highcontrast' {
76
- right: 38px;
77
- }
78
- }
79
-
80
- .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
81
- @if $ddl-multiselect-skin-name == 'FluentUI' or $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
82
- right: $ddl-close-down-icon-left;
83
- }
84
- }
85
-
86
- .e-bigger.e-small .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
87
- .e-bigger.e-small.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
88
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
89
- left: 45px;
90
- right: auto;
91
- }
92
- }
93
-
94
- .e-small.e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker,
95
- .e-small.e-bigger.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
96
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
97
- left: 12px;
98
- right: auto;
99
- }
100
- }
101
-
102
- .e-bigger .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
103
- .e-bigger.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
104
- @if $ddl-multiselect-skin-name == 'Fabric' or $ddl-multiselect-skin-name == 'highcontrast' {
105
- left: 38px;
106
- right: auto;
107
- }
108
- }
109
-
110
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
111
- @if $ddl-multiselect-skin-name != 'Material3' {
112
- margin-top: $ddl-closer-margin-top-bigger;
113
- }
114
- @if $ddl-multiselect-skin-name == 'tailwind' {
115
- height: $ddl-bigger-clear-icon-height;
116
- width: $ddl-bigger-clear-icon-width;
117
- }
118
- @if $ddl-multiselect-skin-name == 'FluentUI' {
119
- font-size: $ddl-bigger-chip-down-icon-font;
120
- }
121
- @if $ddl-multiselect-skin-name == 'Material3' {
122
- margin-top: -2.3em;
123
- font-size: $ddl-bigger-chip-down-icon-font;
124
- top: 100%;
125
- border-radius: $ddl-bigger-closer-hooker-border-radius;
126
- width: $ddl-bigger-closer-hooker-width;
127
- height: $ddl-bigger-closer-hooker-height;
128
- line-height: 28px;
129
- }
130
- }
131
-
132
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover {
133
- @if $ddl-multiselect-skin-name == 'Material3' {
134
- background: $ddl-bigger-closer-hooker-bg-color;
135
- border: 1px;
136
- }
137
- }
138
-
139
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
140
- @if $ddl-multiselect-skin-name == 'Material3' {
141
- height: $ddl-bigger-small-closer-hooker-height;
142
- width: $ddl-bigger-small-closer-hooker-width;
143
- margin-top: $ddl-closer-margin-top-bigger-small;
144
- }
145
- }
146
-
147
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
148
- @if $ddl-multiselect-skin-name == 'Material3' {
149
- width: $ddl-bigger-closer-hooker-width;
150
- height: $ddl-bigger-closer-hooker-width;
151
- }
152
- }
153
-
154
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
155
- .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
156
- @if $ddl-multiselect-skin-name != 'fluent2' {
157
- margin-top: $ddl-closer-margin-top-bigger;
158
- }
159
- @if $ddl-multiselect-skin-name == 'fluent2' {
160
- margin-top: -2.5em;
161
- }
162
- @if $ddl-multiselect-skin-name == 'FluentUI' {
163
- margin-top: $ddl-bigger-clear-margin-top;
164
- }
165
- @if $ddl-multiselect-skin-name == 'bootstrap' {
166
- margin-top: -3.7em;
167
- }
168
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
169
- margin-top: -2.15em;
170
- }
171
- @if $ddl-multiselect-skin-name == 'highcontrast' or $ddl-multiselect-skin-name == 'fabric' {
172
- margin-top: -3.2em;
173
- }
174
- @if $ddl-multiselect-skin-name == 'tailwind' {
175
- height: $ddl-bigger-clear-icon-height;
176
- margin-top: $ddl-clear-margin-top;
177
- width: $ddl-bigger-clear-icon-width;
178
- }
179
- }
180
-
181
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
182
- .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker.e-multi-select-wrapper .e-chips-close.e-close-hooker {
183
- @if $ddl-multiselect-skin-name == 'bootstrap4' or $ddl-multiselect-skin-name == 'tailwind' {
184
- font-size: $ddl-closer-hooker-font-bigger;
185
- margin-top: $ddl-closer-margin-top;
186
- }
187
- @if $ddl-multiselect-skin-name == 'tailwind' {
188
- margin-top: $ddl-closer-margin-top-bigger;
189
- }
190
- }
191
-
192
- .e-bigger .e-multi-select-wrapper input[type = 'text'],
193
- .e-multi-select-wrapper.e-mob-wrapper input[type = 'text'] {
194
- height: $ddl-input-height;
195
- min-height: $ddl-input-height;
196
- }
197
-
198
- .e-bigger .e-multi-select-wrapper input[type = 'text'] {
199
- @if $ddl-multiselect-skin-name == 'bootstrap4' {
200
- font-size: $ddl-chip-bigger-font-size;
201
- }
202
- @if $ddl-multiselect-skin-name == 'tailwind' {
203
- font-size: $ddl-chip-bigger-font-size;
204
- }
205
- height: $ddl-input-bigger-height;
206
- min-height: $ddl-input-bigger-height;
207
- }
208
-
209
- .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
210
- .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
211
- width: $ddl-bigger-search-wrapper-width;
212
- }
213
-
214
- .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
215
- .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
216
- .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
217
- .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
218
- width: $ddl-bigger-small-search-wrapper-width;
219
- }
220
-
221
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
222
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
223
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
224
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
225
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
226
- width: $ddl-bigger-small-search-wrapper-width;
227
- }
228
- }
229
-
230
- .e-bigger .e-multi-select-wrapper .e-delim-values {
231
- @if $ddl-multiselect-skin-name == 'tailwind' {
232
- font-size: $ddl-delim-bigger-font-size;
233
- }
234
- line-height: $ddl-delimviewheight-bigger;
235
- padding-left: $ddl-delimview-bigger-padding-left;
236
- }
237
-
238
- .e-bigger .e-multi-select-wrapper .e-delim-values .e-remain {
239
- @if $ddl-multiselect-skin-name == 'bootstrap4' {
240
- padding-left: 12px;
241
- }
242
- @else if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
243
- padding-left: 0;
244
- }
245
- @if $ddl-multiselect-skin-name == 'tailwind' {
246
- font-size: $ddl-chip-bigger-font-size;
247
- }
248
- }
249
-
250
- .e-bigger.e-small .e-multi-select-wrapper .e-delim-values .e-remain {
251
- @if $ddl-multiselect-skin-name == 'tailwind' {
252
- font-size: $ddl-chip-bigger-small-font-size;
253
- }
254
- }
255
-
256
- .e-bigger.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
257
- .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
258
- @if ($ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3') {
259
- left: $ddl-chip-close-rtl-bigger-left;
260
- }
261
- }
262
-
263
- .e-bigger.e-small.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
264
- .e-bigger.e-small .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
265
- @if ($ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3') {
266
- left: $ddl-chip-close-rtl-small-bigger-left;
267
- }
268
- }
269
-
270
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
271
- @if ($ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'FluentUI') {
272
- padding-right: $ddl-bigger-multiselect-group-list-item-rtl-padding-right;
273
- }
274
- }
275
-
276
- .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
277
- .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
278
- bottom: 1px;
279
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
280
- bottom: 2px;
281
- }
282
- margin-right: $ddl-bigger-check-right-margin;
283
- }
284
-
285
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
286
- .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
287
- bottom: 1px;
288
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
289
- bottom: 2px;
290
- }
291
- margin-right: $ddl-bigger-check-right-margin;
292
- }
293
-
294
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-group-item {
295
- @if $ddl-multiselect-skin-name == 'highcontrast' or $ddl-multiselect-skin-name == 'fabric' {
296
- padding-right: $ddl-list-padding-right;
297
- }
298
- }
299
-
300
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
301
- @if ($ddl-multiselect-skin-name != 'tailwind') {
302
- padding-left: $ddl-multiselect-group-list-group-item-padding-left;
303
- }
304
- }
305
-
306
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-dropdownbase.e-dd-group .e-list-item .e-checkbox-wrapper {
307
- @if ($ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'FluentUI') {
308
- padding-left: $ddl-bigger-multiselect-group-checkbox-wrapper-padding-left;
309
- }
310
- }
311
-
312
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
313
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
314
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' or $ddl-multiselect-skin-name == 'tailwind' or $ddl-multiselect-skin-name == 'FluentUI' {
315
- font-size: $ddl-bigger-selectall-font-size;
316
- }
317
- }
318
-
319
- .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
320
- .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
321
- @if $ddl-multiselect-skin-name == 'tailwind' {
322
- font-size: $ddl-bigger-small-selectall-font-size;
323
- }
324
- }
325
-
326
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
327
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
328
- font-size: $ddl-chip-font-size;
329
- line-height: $ddl-bigger-select-all-height;
330
- text-indent: $ddl-bigger-check-right;
331
- }
332
-
333
- .e-bigger .e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-selectall-parent,
334
- .e-bigger.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-selectall-parent {
335
- @if $ddl-multiselect-skin-name == 'FluentUI' {
336
- font-size: $ddl-chip-font-size;
337
- line-height: $ddl-bigger-select-all-height;
338
- text-indent: $ddl-bigger-check-right;
339
- }
340
- }
341
-
342
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
343
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
344
- bottom: 1px;
345
- @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
346
- bottom: 2px;
347
- }
348
- margin-right: $ddl-bigger-check-right-margin;
349
- }
350
-
351
- .e-bigger.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
352
- @if $ddl-multiselect-skin-name == 'Material3' {
353
- top: 3px;
354
- }
355
- }
356
-
357
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
358
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
359
- @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'bootstrap5.3' and $ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'Material3' {
360
- padding: $ddl-bigger-filterbar-padding;
361
- }
362
- }
363
-
364
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
365
- @if $ddl-multiselect-skin-name != 'Material3' {
366
- padding-left: 8px;
367
- }
368
- @if $ddl-multiselect-skin-name == 'material' {
369
- padding-right: 8px;
370
- }
371
- }
372
-
373
- .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
374
- @if $ddl-multiselect-skin-name != 'highcontrast' {
375
- line-height: $ddl-delimviewheight-check-bigger;
376
- }
377
- }
378
-
379
- .e-bigger .e-multi-select-wrapper .e-chips-close {
380
- @if $ddl-multiselect-skin-name == 'tailwind' {
381
- height: $ddl-bigger-chip-close-square;
382
- width: $ddl-bigger-chip-close-width;
383
- }
384
- }
385
-
386
- .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
387
- @if $ddl-multiselect-skin-name == 'tailwind' {
388
- font-size: $ddl-bigger-chip-close-font;
389
- }
390
- }
391
-
392
- .e-bigger.e-small .e-multi-select-wrapper.e-delimiter .e-searcher,
393
- .e-bigger.e-small .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
394
- @if $ddl-multiselect-skin-name == 'tailwind' or $ddl-multiselect-skin-name == 'FluentUI' {
395
- height: $ddl-bigger-small-input-height;
396
- }
397
- }
398
-
399
- .e-bigger .e-multi-select-wrapper.e-delimiter .e-searcher,
400
- .e-bigger .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
401
- @if $ddl-multiselect-skin-name == 'tailwind' or $ddl-multiselect-skin-name == 'FluentUI' {
402
- height: $ddl-input-bigger-height;
403
- }
404
- }
405
-
406
- .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
407
- .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
408
- line-height: $ddl-select-all-height-bigger-small;
409
- @if $ddl-multiselect-skin-name == 'tailwind' {
410
- font-size: $ddl-chip-bigger-small-font-size;
411
- text-indent: $ddl-bigger-small-check-right;
412
- }
413
- }
414
-
415
- .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
416
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
417
- @if $ddl-multiselect-skin-name == 'Material3' {
418
- margin-top: $ddl-bigger-small-ddl-icon-top;
419
- top: 100%;
420
- }
421
- }
422
-
423
- .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
424
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
425
- margin-top: $ddl-bigger-small-ddl-icon-top;
426
- }
427
-
428
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
429
- height: $ddl-bigger-small-chip-close-square;
430
- width: $ddl-bigger-small-chip-close-width;
431
- @if $ddl-multiselect-skin-name == 'bootstrap4' {
432
- margin: 3px 10px 10px 0;
433
- }
434
- }
435
-
436
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
437
- @if $ddl-multiselect-skin-name == 'Material3' {
438
- min-height: $ddl-bigger-small-close-hooker-height;
439
- min-width: $ddl-bigger-small-close-hooker-width;
440
- }
441
- }
442
-
443
- .e-bigger.e-small .e-multi-select-wrapper {
444
- min-height: $ddl-control-bigger-small-height;
445
- }
446
-
447
- .e-bigger.e-small .e-multi-select-wrapper input[type = 'text'] {
448
- @if $ddl-multiselect-skin-name == 'tailwind' {
449
- font-size: $ddl-chip-bigger-small-font-size;
450
- }
451
- height: $ddl-bigger-small-input-height;
452
- min-height: $ddl-bigger-small-input-height;
453
- }
454
-
455
- .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
456
- font-size: $ddl-delim-bigger-small-font-size;
457
- line-height: $ddl-delimviewheight-bigger-small;
458
- }
459
-
460
- .e-bigger.e-small .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
461
- @if $ddl-multiselect-skin-name == 'Material3' {
462
- right: $ddl-close-icon-bigger-small-right;
463
- }
464
- }
465
-
466
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
467
- .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
468
- margin-top: $ddl-closer-margin-top-bigger-small;
469
- @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'bootstrap5.3' and $ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'tailwind3' {
470
- right: $ddl-chip-hooker-right;
471
- }
472
- @if $ddl-multiselect-skin-name == 'Material3' or $ddl-multiselect-skin-name == 'tailwind3' {
473
- right: $ddl-chip-hooker-bigger-small-right;
474
- }
475
- @if $ddl-multiselect-skin-name == 'tailwind' {
476
- font-size: $ddl-closer-hooker-font-bigger-small;
477
- height: $ddl-bigger-small-clear-icon-height;
478
- width: $ddl-bigger-small-clear-icon-width;
479
- }
480
- @if $ddl-multiselect-skin-name == 'FluentUI' {
481
- font-size: $ddl-biggersmall-chip-down-icon-font;
482
- }
483
- }
484
-
485
- .e-small.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
486
- @if $ddl-multiselect-skin-name == 'bootstrap4' {
487
- padding: $ddl-chip-bigger-content-padding;
488
- }
489
- }
490
-
491
- .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
492
- .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
493
- background-size: 300px 40px;
494
- min-height: 40px;
495
- }
496
-
497
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
498
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
499
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
500
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
501
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
502
- font-size: inherit;
503
- min-height: $outline-multiselect-inner-input-height;
504
- padding: 8px 12px 9px;
505
- }
506
- }
507
-
508
- .e-bigger.e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
509
- .e-bigger.e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
510
- .e-bigger .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
511
- .e-small .e-bigger.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'] {
512
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
513
- padding: 8px 12px 9px;
514
- }
515
- }
516
-
517
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
518
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
519
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
520
- font-size: inherit;
521
- min-height: $outline-multiselect-bigger-inner-input-height;
522
- }
523
- }
524
-
525
- .e-bigger {
526
- .e-multiselect.e-outline .e-multi-select-wrapper,
527
- #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
528
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
529
- min-height: $outline-multiselect-bigger-height;
530
- padding: $outline-multiselect-bigger-overall-padding;
531
- }
532
- }
533
-
534
- .e-small {
535
- #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
536
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
537
- min-height: $ddl-outline-multiselect-height;
538
- padding: $outline-multiselect-overall-padding;
539
- }
540
- }
541
- }
542
-
543
- #{if(&, '&', '*')}.e-small {
544
- .e-multiselect.e-outline .e-multi-select-wrapper,
545
- #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
546
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
547
- min-height: $ddl-outline-multiselect-height;
548
- padding: $outline-multiselect-overall-padding;
549
- }
550
- }
551
- }
552
- }
553
-
554
- .e-small {
555
- .e-bigger {
556
- #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
557
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
558
- min-height: $ddl-outline-multiselect-height;
559
- padding: $outline-multiselect-overall-padding;
560
- }
561
- }
562
- }
563
-
564
- #{if(&, '&', '*')}.e-bigger {
565
- .e-multiselect.e-outline .e-multi-select-wrapper {
566
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
567
- min-height: $ddl-outline-multiselect-height;
568
- padding: $outline-multiselect-overall-padding;
569
- }
570
- }
571
- }
572
- }
573
-
574
- .e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
575
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
576
- .e-bigger .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
577
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon {
578
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
579
- padding-right: 0;
580
- }
581
- }
582
-
583
- .e-rtl.e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
584
- .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
585
- .e-bigger .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
586
- .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
587
- .e-rtl .e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
588
- .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
589
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
590
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
591
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
592
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
593
- .e-rtl.e-small.e-bigger .e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
594
- .e-rtl.e-small.e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
595
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
596
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
597
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
598
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
599
- .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
600
- .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon {
601
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
602
- padding-left: 0;
603
- }
604
- }
605
-
606
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
607
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
608
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
609
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
610
- .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper,
611
- .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
612
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
613
- padding: $outline-rtl-multiselect-overall-padding;
614
- }
615
- }
616
-
617
- .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
618
- .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper,
619
- .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
620
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
621
- padding: $outline-rtl-multiselect-bigger-overall-padding;
622
- }
623
- }
624
-
625
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
626
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
627
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
628
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
629
- .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
630
- .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
631
- .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
632
- .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
633
- .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide {
634
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
635
- padding-left: 0;
636
- }
637
- }
638
-
639
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
640
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
641
- .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
642
- .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
643
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
644
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide {
645
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
646
- padding-right: 0;
647
- }
648
- }
649
-
650
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
651
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
652
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
653
- height: $outline-multiselect-bigger-height;
654
- }
655
- }
656
-
657
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
658
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
659
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
660
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
661
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
662
- height: $ddl-outline-multiselect-height;
663
- }
664
- }
665
-
666
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
667
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
668
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
669
- font-size: 16px;
670
- line-height: $outline-multiselect-bigger-height;
671
- padding: $outline-multiselect-bigger-delimeter-padding;
672
- }
673
- }
674
-
675
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
676
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
677
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
678
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
679
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
680
- font-size: 14px;
681
- line-height: $ddl-outline-multiselect-height;
682
- padding: $outline-multiselect-delimeter-padding;
683
- }
684
- }
685
-
686
- .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
687
- .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
688
- .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
689
- .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
690
- .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
691
- .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
692
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
693
- padding: $outline-rtl-multiselect-bigger-delimeter-padding;
694
- }
695
- }
696
-
697
- .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
698
- .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
699
- .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
700
- .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
701
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
702
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
703
- .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
704
- .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
705
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
706
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
707
- .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
708
- .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
709
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
710
- padding: $outline-rtl-multiselect-delimeter-padding;
711
- }
712
- }
713
-
714
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
715
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
716
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
717
- height: $outline-multiselect-bigger-chip-height;
718
- padding: $outline-multiselect-bigger-chip-padding;
719
- }
720
- }
721
-
722
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
723
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
724
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
725
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
726
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
727
- height: $outline-multiselect-chip-height;
728
- padding: $outline-multiselect-chip-padding;
729
- }
730
- }
731
-
732
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
733
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
734
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
735
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
736
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
737
- font-size: $outline-multiselect-chip-font-size;
738
- }
739
- }
740
-
741
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
742
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
743
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
744
- font-size: $outline-multiselect-bigger-chip-font-size;
745
- }
746
- }
747
-
748
- .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
749
- .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
750
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
751
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
752
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
753
- font-size: 16px;
754
- }
755
- }
756
-
757
- .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
758
- .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
759
- .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
760
- .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
761
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
762
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
763
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
764
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
765
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
766
- font-size: 14px;
767
- }
768
- }
769
-
770
- .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
771
- .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
772
- padding: 3px 12px 0 4px;
773
- }
774
-
775
- .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
776
- .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
777
- .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
778
- .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
779
- padding: 0;
780
- }
781
-
782
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
783
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
784
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
785
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
786
- padding: 11px 12px 0;
787
- }
788
-
789
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
790
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
791
- padding: 19px 12px 0 16px;
792
- }
793
-
794
- .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
795
- padding-top: 3px;
796
- }
797
-
798
- .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
799
- .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
800
- .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
801
- .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'] {
802
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
803
- min-height: $ddl-multiselect-filled-input-min-height;
804
- padding-right: 10px;
805
- }
806
- }
807
-
808
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
809
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'] {
810
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
811
- min-height: $ddl-multiselect-filled-input-min-height-bigger;
812
- }
813
- }
814
-
815
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type = 'text'],
816
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type = 'text'] {
817
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
818
- min-height: $ddl-multiselect-filled-float-input-min-height-bigger;
819
- }
820
- }
821
-
822
- .e-bigger.e-filled:not(.e-small).e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher,
823
- .e-bigger .e-filled:not(.e-small).e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher {
824
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
825
- height: $ddl-multiselect-filled-input-min-height-bigger;
826
- }
827
- }
828
-
829
- .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
830
- .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
831
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
832
- height: $ddl-multiselect-filled-float-input-min-height-bigger;
833
- }
834
- }
835
-
836
- .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
837
- .e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
838
- .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
839
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
840
- height: $ddl-multiselect-filled-float-input-min-height;
841
- }
842
- }
843
-
844
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type = 'text'],
845
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type = 'text'] {
846
- padding: 5px 0;
847
- }
848
-
849
- .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
850
- .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
851
- .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
852
- .e-small .e-bigger.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase {
853
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
854
- min-height: $ddl-multiselect-filled-float-input-min-height;
855
- }
856
- }
857
-
858
- .e-small.e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
859
- .e-small.e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
860
- .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
861
- .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values {
862
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
863
- font-size: 13px;
864
- line-height: $ddl-multiselect-filled-input-min-height;
865
- }
866
- }
867
-
868
- .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
869
- .e-small.e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
870
- .e-small .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
871
- .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
872
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
873
- font-size: 14px;
874
- line-height: $ddl-multiselect-filled-float-input-min-height;
875
- }
876
- }
877
-
878
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
879
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
880
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
881
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
882
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
883
- font-size: 16px;
884
- line-height: $ddl-multiselect-filled-input-min-height-bigger;
885
- }
886
- }
887
-
888
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
889
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
890
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
891
- line-height: $ddl-multiselect-filled-float-input-min-height-bigger;
892
- }
893
- }
894
-
895
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
896
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
897
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
898
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
899
- height: 28px;
900
- }
901
-
902
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
903
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
904
- height: 24px;
905
- }
906
-
907
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
908
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
909
- height: 32px;
910
- }
911
-
912
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
913
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
914
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
915
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
916
- height: 18px;
917
- }
918
-
919
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
920
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
921
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
922
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
923
- .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
924
- .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
925
- .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
926
- .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
927
- margin: 8px 8px 0 0;
928
- padding: 0 8px;
929
- }
930
-
931
- .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
932
- .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
933
- .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
934
- .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
935
- .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
936
- .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
937
- .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
938
- .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
939
- margin: 8px 0 0 8px;
940
- padding: 0 8px;
941
- }
942
-
943
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
944
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
945
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
946
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
947
- padding-left: 8px;
948
- }
949
-
950
- .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,
951
- .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,
952
- .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
953
- .e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
954
- .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
955
- .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
956
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
957
- height: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
958
- width: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
959
- }
960
- }
961
-
962
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
963
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
964
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
965
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
966
- font-size: 13px;
967
- padding: 0 8px 0 0;
968
- }
969
-
970
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
971
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
972
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
973
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
974
- font-size: 12px;
975
- padding: 0 4px 0 0;
976
- }
977
-
978
- .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
979
- .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
980
- .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
981
- .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
982
- padding: 0 0 0 4px;
983
- }
984
-
985
- .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
986
- .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
987
- font-size: 13px;
988
- }
989
-
990
- .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
991
- .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
992
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
993
- font-size: $ddl-multiselect-filled-chip-clear-icon-size;
994
- }
995
- }
996
-
997
- .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
998
- .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
999
- .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1000
- .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1001
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
1002
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
1003
- padding: 0 12px;
1004
- }
1005
-
1006
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1007
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1008
- padding-right: 8px;
1009
- }
1010
-
1011
- .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
1012
- @if $ddl-multiselect-skin-name == 'bootstrap4' or $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' or $ddl-multiselect-skin-name == 'FluentUI' {
1013
- font-size: $ddl-bigger-chip-close-font;
1014
- }
1015
- }
1016
-
1017
- .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1018
- @if $ddl-multiselect-skin-name == 'bootstrap4' {
1019
- left: $ddl-chip-close-bigger-left;
1020
- top: $ddl-chip-close-bigger-top;
1021
- }
1022
- font-size: $ddl-bigger-small-chip-close-font;
1023
- }
1024
-
1025
- .e-bigger.e-small .e-multi-select-wrapper .e-chips {
1026
- height: $ddl-bigger-small-chip-height;
1027
- }
1028
-
1029
- .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1030
- font-size: $ddl-chip-bigger-small-font-size;
1031
- }
1032
-
1033
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
1034
- left: $ddl-chip-close-hooker-small-bigger-left;
1035
- }
1036
-
1037
- .e-bigger .e-multi-select-wrapper .e-chips {
1038
- height: $ddl-chip-mobile-height;
1039
- }
1040
-
1041
- .e-bigger .e-multiselect.e-input-group .e-ddl-icon::before {
1042
- @if $skin-name == 'bootstrap4' {
1043
- font-size: 10px;
1044
- }
1045
- }
1046
-
1047
- .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
1048
- @if $skin-name == 'bootstrap4' {
1049
- font-size: 12px;
1050
- top: $ddl-bigger-close-top;
1051
- }
1052
- }
1053
-
1054
- .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before,
1055
- .e-bigger.e-multi-select-wrapper .e-chips .e-chips-close::before {
1056
- @if $skin-name == 'bootstrap4' {
1057
- top: 1px;
1058
- }
1059
- }
1060
-
1061
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
1062
- @if $skin-name == 'bootstrap4' {
1063
- top: 4px;
1064
- }
1065
- }
1066
-
1067
- .e-small.e-bigger .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1068
- @if $skin-name == 'bootstrap4' {
1069
- top: 5px;
1070
- }
1071
- }
1072
-
1073
- .e-bigger .e-multi-select-wrapper .e-close-hooker::before {
1074
- @if $skin-name == 'bootstrap4' {
1075
- top: 11px;
1076
- }
1077
- }
1078
-
1079
- .e-bigger .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1080
- @if $skin-name == 'bootstrap4' {
1081
- top: 11px;
1082
- }
1083
- }
1084
-
1085
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1086
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1087
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1088
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1089
- @if $ddl-multiselect-skin-name == 'Material3' {
1090
- height: 38px;
1091
- margin-top: -55px;
1092
- right: 12px;
1093
- top: 100%;
1094
- width: 18px;
1095
- }
1096
- }
1097
-
1098
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1099
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1100
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1101
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1102
- .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1103
- .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1104
- .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1105
- .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1106
- @if $ddl-multiselect-skin-name == 'Material3' {
1107
- right: 48px;
1108
- }
1109
- }
1110
-
1111
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1112
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1113
- @if $ddl-multiselect-skin-name == 'Material3' {
1114
- height: 40px;
1115
- margin-top: -55px;
1116
- right: 6px;
1117
- top: 100%;
1118
- width: 40px;
1119
- }
1120
- }
1121
-
1122
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1123
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1124
- @if $ddl-multiselect-skin-name == 'Material3' {
1125
- right: 60px;
1126
- }
1127
- }
1128
-
1129
- .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1130
- .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1131
- .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1132
- .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1133
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1134
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1135
- .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1136
- .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1137
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1138
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1139
- .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1140
- .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1141
- .e-rtl.e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1142
- .e-rtl.e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1143
- .e-rtl .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1144
- .e-bigger.e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1145
- .e-rtl.e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1146
- .e-rtl .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1147
- .e-bigger .e-rtl.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1148
- .e-bigger .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1149
- .e-rtl.e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1150
- .e-rtl .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1151
- .e-small .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1152
- .e-small .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1153
- @if $ddl-multiselect-skin-name == 'Material3' {
1154
- left: 48px;
1155
- right: auto;
1156
- }
1157
- }
1158
-
1159
- .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1160
- .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1161
- .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1162
- .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1163
- .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1164
- .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1165
- .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1166
- .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1167
- .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1168
- .e-rtl .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1169
- .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1170
- .e-bigger .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1171
- @if $ddl-multiselect-skin-name == 'Material3' {
1172
- left: 60px;
1173
- right: auto;
1174
- }
1175
- }
1176
-
1177
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1178
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
1179
- @if $ddl-multiselect-skin-name == 'Material3' {
1180
- content: '\e208';
1181
- font-size: 20px;
1182
- height: 20px;
1183
- left: 0;
1184
- margin-top: -10px;
1185
- top: 50%;
1186
- }
1187
- }
1188
-
1189
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1190
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1191
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1192
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
1193
- @if $ddl-multiselect-skin-name == 'Material3' {
1194
- content: '\e208';
1195
- font-size: 18px;
1196
- height: 18px;
1197
- left: 0;
1198
- margin-top: -9px;
1199
- top: 50%;
1200
- }
1201
- }
1202
-
1203
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1204
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
1205
- @if $ddl-multiselect-skin-name == 'Material3' {
1206
- font-size: 16px;
1207
- }
1208
- }
1209
-
1210
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1211
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1212
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1213
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
1214
- @if $ddl-multiselect-skin-name == 'Material3' {
1215
- font-size: 14px;
1216
- }
1217
- }
1218
-
1219
- .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1220
- .e-bigger .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1221
- .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1222
- .e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1223
- @if $ddl-multiselect-skin-name == 'Material3' {
1224
- margin: 10px 16px 10px 0;
1225
- }
1226
- }
1227
-
1228
- .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1229
- .e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1230
- .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,
1231
- .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,
1232
- .e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1233
- .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,
1234
- .e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1235
- .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 {
1236
- @if $ddl-multiselect-skin-name == 'Material3' {
1237
- margin: 6px 12px 8px 0;
1238
- }
1239
- }
1240
-
1241
- .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1242
- .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1243
- .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,
1244
- .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,
1245
- .e-rtl .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1246
- .e-bigger.e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1247
- .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,
1248
- .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 {
1249
- @if $ddl-multiselect-skin-name == 'Material3' {
1250
- margin: 10px 0 10px 16px;
1251
- }
1252
- }
1253
-
1254
- .e-rtl.e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1255
- .e-bigger.e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1256
- .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,
1257
- .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,
1258
- .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1259
- .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,
1260
- .e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1261
- .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,
1262
- .e-rtl .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1263
- .e-rtl.e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1264
- .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,
1265
- .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,
1266
- .e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1267
- .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,
1268
- .e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1269
- .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 {
1270
- @if $ddl-multiselect-skin-name == 'Material3' {
1271
- margin: 6px 0 8px 12px;
1272
- }
1273
- }
1274
-
1275
- .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1276
- .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1277
- .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1278
- .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1279
- @if $skin-name == 'fluent2' {
1280
- height: 20px;
1281
- margin-top: -33px;
1282
- right: 18px;
1283
- width: 20px;
1284
- }
1285
- }
1286
-
1287
- .e-bigger.e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1288
- .e-bigger.e-small .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1289
- .e-bigger .e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1290
- .e-small .e-bigger.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1291
- @if $skin-name == 'fluent2' {
1292
- height: 20px;
1293
- margin-top: -35px;
1294
- right: 45px;
1295
- width: 20px;
1296
- }
1297
- }
1298
-
1299
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1300
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1301
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1302
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1303
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1304
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1305
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1306
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1307
- @if $skin-name == 'fluent2' {
1308
- margin-top: -32px;
1309
- }
1310
- }
1311
-
1312
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1313
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1314
- @if $skin-name == 'fluent2' {
1315
- height: 24px;
1316
- width: 24px;
1317
- }
1318
- }
1319
-
1320
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1321
- .e-bigger .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1322
- @if $skin-name == 'fluent2' {
1323
- margin-top: -40px;
1324
- }
1325
- }
1326
-
1327
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1328
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1329
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1330
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1331
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1332
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1333
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1334
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1335
- @if $skin-name == 'fluent2' {
1336
- margin-top: -32px;
1337
- right: 40px;
1338
- }
1339
- }
1340
-
1341
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1342
- .e-bigger .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1343
- @if $skin-name == 'fluent2' {
1344
- margin-top: -44px;
1345
- }
1346
- }
1347
-
1348
- .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1349
- .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
1350
- @if $ddl-multiselect-skin-name == 'Material3' {
1351
- height: $ddl-multiselect-filled-chip-clear-icon-size;
1352
- width: $ddl-multiselect-filled-chip-clear-icon-size;
1353
- }
1354
- }
1355
-
1356
- .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1357
- .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
1358
- @if $skin-name == 'fluent2' {
1359
- height: 16px;
1360
- width: 16px;
1361
- }
1362
- }
1363
-
1364
- .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1365
- .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1366
- .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1367
- .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before {
1368
- @if $ddl-multiselect-skin-name == 'Material3' {
1369
- font-size: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1370
- height: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1371
- width: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1372
- }
1373
- }
1374
-
1375
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1376
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1377
- .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
1378
- .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
1379
- .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
1380
- .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before {
1381
- @if $ddl-multiselect-skin-name == 'Material3' {
1382
- font-size: $ddl-multiselect-filled-chip-clear-icon-size;
1383
- height: $ddl-multiselect-filled-chip-clear-icon-size;
1384
- width: $ddl-multiselect-filled-chip-clear-icon-size;
1385
- }
1386
- }
1387
-
1388
- .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1389
- .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1390
- .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1391
- .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1392
- @if $skin-name == 'fluent2' {
1393
- content: '\e208';
1394
- font-size: 16px;
1395
- height: 16px;
1396
- padding: 0;
1397
- text-align: center;
1398
- vertical-align: middle;
1399
- width: 16px;
1400
- }
1401
- }
1402
-
1403
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1404
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1405
- @if $skin-name == 'fluent2' {
1406
- font-size: 20px;
1407
- height: 20px;
1408
- width: 20px;
1409
- }
1410
- }
1411
-
1412
- .e-bigger.e-small.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1413
- .e-bigger.e-small .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1414
- @if $ddl-multiselect-skin-name == 'Material3' {
1415
- left: 10px;
1416
- right: auto;
1417
- }
1418
- }
1419
-
1420
- .e-bigger.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1421
- .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1422
- .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1423
- .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1424
- @if $ddl-multiselect-skin-name == 'Material3' {
1425
- left: 12px;
1426
- right: auto;
1427
- }
1428
- }
1429
-
1430
- .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1431
- .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1432
- @if $ddl-multiselect-skin-name == 'Material3' {
1433
- height: 24px;
1434
- margin: 12px -4px 8px -1px;
1435
- padding: 0;
1436
- width: 24px;
1437
- }
1438
- }
1439
-
1440
- .e-bigger.e-multiselect.e-input-group.e-filled.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1441
- .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 {
1442
- @if $ddl-multiselect-skin-name == 'Material3' {
1443
- margin: 0;
1444
- }
1445
- }
1446
-
1447
- .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,
1448
- .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,
1449
- .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,
1450
- .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 {
1451
- @if $ddl-multiselect-skin-name == 'Material3' {
1452
- height: 20px;
1453
- margin: 0 0 8px;
1454
- padding: 0;
1455
- width: 20px;
1456
- }
1457
- }
1458
-
1459
- .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
1460
- .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
1461
- @if $ddl-multiselect-skin-name == 'Material3' {
1462
- font-size: 20px;
1463
- height: 20px;
1464
- width: 20px;
1465
- }
1466
- }
1467
-
1468
- .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,
1469
- .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,
1470
- .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,
1471
- .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 {
1472
- @if $ddl-multiselect-skin-name == 'Material3' {
1473
- font-size: 18px;
1474
- height: 18px;
1475
- width: 18px;
1476
- }
1477
- }
1478
-
1479
- .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,
1480
- .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,
1481
- .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,
1482
- .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 {
1483
- @if $ddl-multiselect-skin-name == 'Material3' {
1484
- height: 24px;
1485
- margin: 7px -4px 8px -1px;
1486
- padding: 0;
1487
- width: 24px;
1488
- }
1489
- }
1490
-
1491
- .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1492
- .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1493
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1494
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1495
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1496
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1497
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1498
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before {
1499
- @if $ddl-multiselect-skin-name == 'Material3' {
1500
- content: '';
1501
- }
1502
- }
1503
-
1504
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1505
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1506
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1507
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1508
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1509
- height: 38px;
1510
- margin-top: -55px;
1511
- right: 12px;
1512
- top: 100%;
1513
- width: 18px;
1514
- }
1515
- }
1516
-
1517
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1518
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1519
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1520
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1521
- .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1522
- .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1523
- .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1524
- .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1525
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1526
- right: 48px;
1527
- }
1528
- }
1529
-
1530
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1531
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1532
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' {
1533
- height: 54px;
1534
- margin-top: -55px;
1535
- right: 16px;
1536
- top: 100%;
1537
- width: 20px;
1538
- }
1539
- }
1540
-
1541
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1542
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1543
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1544
- right: 60px;
1545
- }
1546
- }
1547
-
1548
- .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1549
- .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1550
- .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1551
- .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1552
- .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1553
- .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1554
- .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1555
- .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1556
- .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1557
- .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1558
- .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1559
- .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1560
- .e-rtl.e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1561
- .e-rtl.e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1562
- .e-rtl .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1563
- .e-bigger.e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1564
- .e-rtl.e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1565
- .e-rtl .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1566
- .e-bigger .e-rtl.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1567
- .e-bigger .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1568
- .e-rtl.e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1569
- .e-rtl .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1570
- .e-small .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1571
- .e-small .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1572
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1573
- left: 48px;
1574
- right: auto;
1575
- }
1576
- }
1577
-
1578
- .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1579
- .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1580
- .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1581
- .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1582
- .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1583
- .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1584
- .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1585
- .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1586
- .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1587
- .e-rtl .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1588
- .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1589
- .e-bigger .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1590
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1591
- left: 60px;
1592
- right: auto;
1593
- }
1594
- }
1595
-
1596
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1597
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
1598
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1599
- content: '\e208';
1600
- font-size: 20px;
1601
- height: 20px;
1602
- left: 0;
1603
- margin-top: -10px;
1604
- top: 50%;
1605
- }
1606
- }
1607
-
1608
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1609
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1610
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1611
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
1612
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1613
- content: '\e208';
1614
- font-size: 18px;
1615
- height: 18px;
1616
- left: 0;
1617
- margin-top: -9px;
1618
- top: 50%;
1619
- }
1620
- }
1621
-
1622
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1623
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
1624
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1625
- font-size: 16px;
1626
- }
1627
- }
1628
-
1629
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1630
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1631
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1632
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
1633
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1634
- font-size: 14px;
1635
- }
1636
- }
1637
-
1638
- .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1639
- .e-bigger .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1640
- .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1641
- .e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1642
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1643
- margin: 10px 16px 10px 0;
1644
- }
1645
- }
1646
-
1647
- .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1648
- .e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1649
- .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,
1650
- .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,
1651
- .e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1652
- .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,
1653
- .e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1654
- .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 {
1655
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1656
- margin: 6px 12px 8px 0;
1657
- }
1658
- }
1659
-
1660
- .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1661
- .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1662
- .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,
1663
- .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,
1664
- .e-rtl .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1665
- .e-bigger.e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1666
- .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,
1667
- .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 {
1668
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1669
- margin: 10px 0 10px 16px;
1670
- }
1671
- }
1672
-
1673
- .e-rtl.e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1674
- .e-bigger.e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1675
- .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,
1676
- .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,
1677
- .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1678
- .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,
1679
- .e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1680
- .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,
1681
- .e-rtl .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1682
- .e-rtl.e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1683
- .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,
1684
- .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,
1685
- .e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1686
- .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,
1687
- .e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1688
- .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 {
1689
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1690
- margin: 6px 0 8px 12px;
1691
- }
1692
- }
1693
-
1694
- .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1695
- .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1696
- .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1697
- .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1698
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1699
- height: 20px;
1700
- margin-top: -33px;
1701
- right: 18px;
1702
- width: 20px;
1703
- }
1704
- }
1705
-
1706
- .e-bigger.e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1707
- .e-bigger.e-small .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1708
- .e-bigger .e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1709
- .e-small .e-bigger.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1710
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1711
- height: 20px;
1712
- margin-top: -35px;
1713
- right: 45px;
1714
- width: 20px;
1715
- }
1716
- }
1717
-
1718
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1719
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1720
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1721
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1722
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1723
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1724
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1725
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1726
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1727
- margin-top: -32px;
1728
- }
1729
- }
1730
-
1731
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1732
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1733
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1734
- height: 24px;
1735
- width: 24px;
1736
- }
1737
- }
1738
-
1739
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1740
- .e-bigger .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1741
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1742
- margin-top: -40px;
1743
- }
1744
- }
1745
-
1746
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1747
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1748
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1749
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1750
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1751
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1752
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1753
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1754
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1755
- margin-top: -32px;
1756
- right: 40px;
1757
- }
1758
- }
1759
-
1760
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1761
- .e-bigger .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1762
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1763
- margin-top: -44px;
1764
- }
1765
- }
1766
-
1767
- .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1768
- .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1769
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
1770
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1771
- height: $ddl-multiselect-filled-chip-clear-icon-size;
1772
- width: $ddl-multiselect-filled-chip-clear-icon-size;
1773
- }
1774
- }
1775
-
1776
- .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1777
- .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
1778
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1779
- height: 16px;
1780
- width: 16px;
1781
- }
1782
- }
1783
-
1784
- .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1785
- .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1786
- .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1787
- .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before {
1788
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1789
- font-size: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1790
- height: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1791
- width: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1792
- }
1793
- }
1794
-
1795
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1796
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1797
- .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
1798
- .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
1799
- .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
1800
- .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before {
1801
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1802
- font-size: $ddl-multiselect-filled-chip-clear-icon-size;
1803
- height: $ddl-multiselect-filled-chip-clear-icon-size;
1804
- width: $ddl-multiselect-filled-chip-clear-icon-size;
1805
- }
1806
- }
1807
-
1808
- .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1809
- .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1810
- .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1811
- .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1812
- @if $ddl-multiselect-skin-name == 'material-dark' {
1813
- content: '\e208';
1814
- font-size: 16px;
1815
- height: 16px;
1816
- padding: 0;
1817
- text-align: center;
1818
- vertical-align: middle;
1819
- width: 16px;
1820
- }
1821
- }
1822
-
1823
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1824
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1825
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1826
- font-size: 20px;
1827
- height: 20px;
1828
- width: 20px;
1829
- }
1830
- }
1831
-
1832
- .e-bigger.e-small.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1833
- .e-bigger.e-small .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1834
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1835
- left: 10px;
1836
- right: auto;
1837
- }
1838
- }
1839
-
1840
- .e-bigger.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1841
- .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1842
- .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1843
- .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1844
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1845
- left: 12px;
1846
- right: auto;
1847
- }
1848
- }
1849
-
1850
- .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1851
- .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1852
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1853
- height: 24px;
1854
- margin: 12px -4px 8px -1px;
1855
- padding: 0;
1856
- width: 24px;
1857
- }
1858
- }
1859
-
1860
- .e-bigger.e-multiselect.e-input-group.e-filled.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1861
- .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 {
1862
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1863
- margin: 0;
1864
- }
1865
- }
1866
-
1867
- .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,
1868
- .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,
1869
- .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,
1870
- .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 {
1871
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1872
- height: 20px;
1873
- margin: 0 0 8px;
1874
- padding: 0;
1875
- width: 20px;
1876
- }
1877
- }
1878
-
1879
- .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
1880
- .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
1881
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1882
- font-size: 20px;
1883
- height: 20px;
1884
- width: 20px;
1885
- }
1886
- }
1887
-
1888
- .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,
1889
- .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,
1890
- .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,
1891
- .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 {
1892
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1893
- font-size: 18px;
1894
- height: 18px;
1895
- width: 18px;
1896
- }
1897
- }
1898
-
1899
- .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,
1900
- .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,
1901
- .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,
1902
- .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 {
1903
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1904
- height: 24px;
1905
- margin: 7px -4px 8px -1px;
1906
- padding: 0;
1907
- width: 24px;
1908
- }
1909
- }
1910
-
1911
- .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1912
- .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1913
- .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1914
- .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1915
- .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1916
- .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1917
- .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1918
- .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before {
1919
- @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1920
- content: '';
1921
- }
1922
- }
1923
-
1924
- @if $skin-name == 'bootstrap-dark' or $skin-name == 'tailwind' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'fluent2'{
1925
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1926
- height: $ddl-chip-hooker-square;
1927
- width: $ddl-chip-hooker-square;
1928
- }
1929
- }
1930
- @if $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap' {
1931
- .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1932
- margin-top: -3.2em;
1933
- }
1934
- }
1935
- @if $skin-name == 'bootstrap4' {
1936
- .e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
1937
- .e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1938
- font-size: 14px;
1939
- }
1940
- .e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
1941
- .e-small.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1942
- font-size: 12px;
1943
- }
1944
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1945
- font-size: 14px;
1946
- }
1947
-
1948
- .e-bigger .e-multi-select-wrapper .e-chips-close {
1949
- height: $ddl-bigger-chip-close-square;
1950
- width: $ddl-bigger-chip-close-width;
1951
- }
1952
- .e-bigger .e-ddl.e-popup .e-filter-parent .e-clear-icon {
1953
- display: flex;
1954
- }
1955
- .e-small.e-bigger .e-multi-select-wrapper .e-chips {
1956
- margin: 2px 4px 2px 0;
1957
- }
1958
- .e-bigger .e-multiselect .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1959
- height: $multiselect-closer-bigger-height;
1960
- margin-top: $multiselect-closer--bigger-margin-top;
1961
- right: $multiselect-closer-bigger-width;
1962
- }
1963
-
1964
- .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1965
- .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1966
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1967
- right: $multiselect-dropicon-closer-bigger-width;
1968
- }
1969
-
1970
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper .e-clear-icon {
1971
- height: $multiselect-closer-bigger-height;
1972
- margin-top: $ddl-closer-margin-top-bigger;
1973
- }
1974
- }
1975
- @if $skin-name == 'fabric-dark' or $skin-name == 'fabric'{
1976
- .e-small.e-bigger .e-multi-select-wrapper .e-chips {
1977
- padding: 0;
1978
- }
1979
-
1980
- .e-small.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1981
- padding: 0 8px;
1982
- }
1983
- }
1984
- @if $skin-name == 'FluentUI' {
1985
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1986
- .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1987
- margin-top: -1.6em;
1988
- }
1989
- }
1990
- @if $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' {
1991
- #{&}.e-popup {
1992
- #{if(&, '&', '*')}.e-multi-select-list-wrapper {
1993
- #{if(&, '&', '*')}.e-ddl,
1994
- .e-bigger #{if(&, '&', '*')}.e-ddl {
1995
- #{if(&, '&', '*')}.e-checkbox .e-filter-parent .e-clear-icon {
1996
- padding-left: 0;
1997
- }
1998
- }
1999
- }
2000
- }
2001
- }
2002
- }
1
+ @include export-module('multiselect-bigger') {
2
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
3
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
4
+ @if $ddl-multiselect-skin-name != 'Material3' {
5
+ margin-top: $ddl-icon-margin-top-bigger;
6
+ }
7
+ @if $ddl-multiselect-skin-name == 'fluent2' {
8
+ padding: 11px;
9
+ }
10
+ }
11
+
12
+ .e-bigger .e-multi-select-wrapper {
13
+ min-height: $ddl-control-bigger-height;
14
+ }
15
+
16
+ .e-bigger .e-multi-select-wrapper .e-chips {
17
+ margin: $ddl-chip-margin-bigger;
18
+ }
19
+
20
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
21
+ @if $ddl-multiselect-skin-name == 'bootstrap4' or $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
22
+ padding: $ddl-chip-bigger-content-padding;
23
+ }
24
+ @if $ddl-multiselect-skin-name == 'tailwind' {
25
+ font-size: $ddl-chip-bigger-font-size;
26
+ }
27
+ }
28
+
29
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
30
+ padding: $ddl-chip-mobile-content-padding;
31
+ }
32
+
33
+ .e-bigger #{&}.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips>.e-chipcontent {
34
+ padding: $ddl-rtl-chip-mobile-content-padding;
35
+ }
36
+
37
+ .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
38
+ @if $ddl-multiselect-skin-name == 'Material3' {
39
+ right: $ddl-close-icon-bigger-right;
40
+ }
41
+ }
42
+
43
+ .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
44
+ @if $ddl-multiselect-skin-name == 'Material3' {
45
+ right: 41px;
46
+ }
47
+ }
48
+
49
+ .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
50
+ .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
51
+ .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
52
+ .e-bigger.e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
53
+ .e-bigger.e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
54
+ .e-bigger .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
55
+ @if $ddl-multiselect-skin-name == 'FluentUI' {
56
+ font-size: $ddl-bigger-chip-down-icon-font;
57
+ right: $ddl-close-icon-bigger-right;
58
+ }
59
+ }
60
+
61
+ .e-bigger.e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
62
+ .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
63
+ .e-bigger.e-small .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
64
+ .e-bigger.e-small.e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
65
+ .e-bigger.e-small.e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
66
+ .e-bigger.e-small .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
67
+ @if $ddl-multiselect-skin-name == 'FluentUI' {
68
+ font-size: $ddl-biggersmall-chip-down-icon-font;
69
+ right: $ddl-close-icon-bigger-right;
70
+ }
71
+ }
72
+
73
+ .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
74
+ .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
75
+ @if $ddl-multiselect-skin-name == 'Fabric' or $ddl-multiselect-skin-name == 'highcontrast' {
76
+ right: 38px;
77
+ }
78
+ }
79
+
80
+ .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
81
+ @if $ddl-multiselect-skin-name == 'FluentUI' or $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
82
+ right: $ddl-close-down-icon-left;
83
+ }
84
+ }
85
+
86
+ .e-bigger.e-small .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
87
+ .e-bigger.e-small.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
88
+ @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
89
+ left: 45px;
90
+ right: auto;
91
+ }
92
+ }
93
+
94
+ .e-small.e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker,
95
+ .e-small.e-bigger.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
96
+ @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
97
+ left: 12px;
98
+ right: auto;
99
+ }
100
+ }
101
+
102
+ .e-bigger .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
103
+ .e-bigger.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
104
+ @if $ddl-multiselect-skin-name == 'Fabric' or $ddl-multiselect-skin-name == 'highcontrast' {
105
+ left: 38px;
106
+ right: auto;
107
+ }
108
+ }
109
+
110
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
111
+ @if $ddl-multiselect-skin-name != 'Material3' {
112
+ margin-top: $ddl-closer-margin-top-bigger;
113
+ }
114
+ @if $ddl-multiselect-skin-name == 'tailwind' {
115
+ height: $ddl-bigger-clear-icon-height;
116
+ width: $ddl-bigger-clear-icon-width;
117
+ }
118
+ @if $ddl-multiselect-skin-name == 'FluentUI' {
119
+ font-size: $ddl-bigger-chip-down-icon-font;
120
+ }
121
+ @if $ddl-multiselect-skin-name == 'Material3' {
122
+ margin-top: -2.3em;
123
+ font-size: $ddl-bigger-chip-down-icon-font;
124
+ top: 100%;
125
+ border-radius: $ddl-bigger-closer-hooker-border-radius;
126
+ width: $ddl-bigger-closer-hooker-width;
127
+ height: $ddl-bigger-closer-hooker-height;
128
+ line-height: 28px;
129
+ }
130
+ }
131
+
132
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker:hover {
133
+ @if $ddl-multiselect-skin-name == 'Material3' {
134
+ background: $ddl-bigger-closer-hooker-bg-color;
135
+ border: 1px;
136
+ }
137
+ }
138
+
139
+ .e-bigger.e-small .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
140
+ @if $ddl-multiselect-skin-name == 'Material3' {
141
+ height: $ddl-bigger-small-closer-hooker-height;
142
+ width: $ddl-bigger-small-closer-hooker-width;
143
+ margin-top: $ddl-closer-margin-top-bigger-small;
144
+ }
145
+ }
146
+
147
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
148
+ @if $ddl-multiselect-skin-name == 'Material3' {
149
+ width: $ddl-bigger-closer-hooker-width;
150
+ height: $ddl-bigger-closer-hooker-width;
151
+ }
152
+ }
153
+
154
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
155
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
156
+ @if $ddl-multiselect-skin-name != 'fluent2' {
157
+ margin-top: $ddl-closer-margin-top-bigger;
158
+ }
159
+ @if $ddl-multiselect-skin-name == 'fluent2' {
160
+ margin-top: -2.5em;
161
+ }
162
+ @if $ddl-multiselect-skin-name == 'FluentUI' {
163
+ margin-top: $ddl-bigger-clear-margin-top;
164
+ }
165
+ @if $ddl-multiselect-skin-name == 'bootstrap' {
166
+ margin-top: -3.7em;
167
+ }
168
+ @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
169
+ margin-top: -2.15em;
170
+ }
171
+ @if $ddl-multiselect-skin-name == 'highcontrast' or $ddl-multiselect-skin-name == 'fabric' {
172
+ margin-top: -3.2em;
173
+ }
174
+ @if $ddl-multiselect-skin-name == 'tailwind' {
175
+ height: $ddl-bigger-clear-icon-height;
176
+ margin-top: $ddl-clear-margin-top;
177
+ width: $ddl-bigger-clear-icon-width;
178
+ }
179
+ }
180
+
181
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
182
+ .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker.e-multi-select-wrapper .e-chips-close.e-close-hooker {
183
+ @if $ddl-multiselect-skin-name == 'bootstrap4' or $ddl-multiselect-skin-name == 'tailwind' {
184
+ font-size: $ddl-closer-hooker-font-bigger;
185
+ margin-top: $ddl-closer-margin-top;
186
+ }
187
+ @if $ddl-multiselect-skin-name == 'tailwind' {
188
+ margin-top: $ddl-closer-margin-top-bigger;
189
+ }
190
+ }
191
+
192
+ .e-bigger .e-multi-select-wrapper input[type = 'text'],
193
+ .e-multi-select-wrapper.e-mob-wrapper input[type = 'text'] {
194
+ height: $ddl-input-height;
195
+ min-height: $ddl-input-height;
196
+ }
197
+
198
+ .e-bigger .e-multi-select-wrapper input[type = 'text'] {
199
+ @if $ddl-multiselect-skin-name == 'bootstrap4' {
200
+ font-size: $ddl-chip-bigger-font-size;
201
+ }
202
+ @if $ddl-multiselect-skin-name == 'tailwind' {
203
+ font-size: $ddl-chip-bigger-font-size;
204
+ }
205
+ height: $ddl-input-bigger-height;
206
+ min-height: $ddl-input-bigger-height;
207
+ }
208
+
209
+ .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
210
+ .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
211
+ width: $ddl-bigger-search-wrapper-width;
212
+ }
213
+
214
+ .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
215
+ .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
216
+ .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
217
+ .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
218
+ width: $ddl-bigger-small-search-wrapper-width;
219
+ }
220
+
221
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
222
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
223
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
224
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
225
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
226
+ width: $ddl-bigger-small-search-wrapper-width;
227
+ }
228
+ }
229
+
230
+ .e-bigger .e-multi-select-wrapper .e-delim-values {
231
+ @if $ddl-multiselect-skin-name == 'tailwind' {
232
+ font-size: $ddl-delim-bigger-font-size;
233
+ }
234
+ line-height: $ddl-delimviewheight-bigger;
235
+ padding-left: $ddl-delimview-bigger-padding-left;
236
+ }
237
+
238
+ .e-bigger .e-multi-select-wrapper .e-delim-values .e-remain {
239
+ @if $ddl-multiselect-skin-name == 'bootstrap4' {
240
+ padding-left: 12px;
241
+ }
242
+ @else if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
243
+ padding-left: 0;
244
+ }
245
+ @if $ddl-multiselect-skin-name == 'tailwind' {
246
+ font-size: $ddl-chip-bigger-font-size;
247
+ }
248
+ }
249
+
250
+ .e-bigger.e-small .e-multi-select-wrapper .e-delim-values .e-remain {
251
+ @if $ddl-multiselect-skin-name == 'tailwind' {
252
+ font-size: $ddl-chip-bigger-small-font-size;
253
+ }
254
+ }
255
+
256
+ .e-bigger.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
257
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
258
+ @if ($ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3') {
259
+ left: $ddl-chip-close-rtl-bigger-left;
260
+ }
261
+ }
262
+
263
+ .e-bigger.e-small.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
264
+ .e-bigger.e-small .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
265
+ @if ($ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3') {
266
+ left: $ddl-chip-close-rtl-small-bigger-left;
267
+ }
268
+ }
269
+
270
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
271
+ @if ($ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'FluentUI') {
272
+ padding-right: $ddl-bigger-multiselect-group-list-item-rtl-padding-right;
273
+ }
274
+ }
275
+
276
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
277
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
278
+ bottom: 1px;
279
+ @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
280
+ bottom: 2px;
281
+ }
282
+ margin-right: $ddl-bigger-check-right-margin;
283
+ }
284
+
285
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
286
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
287
+ bottom: 1px;
288
+ @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
289
+ bottom: 2px;
290
+ }
291
+ margin-right: $ddl-bigger-check-right-margin;
292
+ }
293
+
294
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-group-item {
295
+ @if $ddl-multiselect-skin-name == 'highcontrast' or $ddl-multiselect-skin-name == 'fabric' {
296
+ padding-right: $ddl-list-padding-right;
297
+ }
298
+ }
299
+
300
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
301
+ @if ($ddl-multiselect-skin-name != 'tailwind') {
302
+ padding-left: $ddl-multiselect-group-list-group-item-padding-left;
303
+ }
304
+ }
305
+
306
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-dropdownbase.e-dd-group .e-list-item .e-checkbox-wrapper {
307
+ @if ($ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'FluentUI') {
308
+ padding-left: $ddl-bigger-multiselect-group-checkbox-wrapper-padding-left;
309
+ }
310
+ }
311
+
312
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
313
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
314
+ @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' or $ddl-multiselect-skin-name == 'tailwind' or $ddl-multiselect-skin-name == 'FluentUI' {
315
+ font-size: $ddl-bigger-selectall-font-size;
316
+ }
317
+ }
318
+
319
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
320
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
321
+ @if $ddl-multiselect-skin-name == 'tailwind' {
322
+ font-size: $ddl-bigger-small-selectall-font-size;
323
+ }
324
+ }
325
+
326
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
327
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
328
+ font-size: $ddl-chip-font-size;
329
+ line-height: $ddl-bigger-select-all-height;
330
+ text-indent: $ddl-bigger-check-right;
331
+ }
332
+
333
+ .e-bigger .e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-selectall-parent,
334
+ .e-bigger.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-selectall-parent {
335
+ @if $ddl-multiselect-skin-name == 'FluentUI' {
336
+ font-size: $ddl-chip-font-size;
337
+ line-height: $ddl-bigger-select-all-height;
338
+ text-indent: $ddl-bigger-check-right;
339
+ }
340
+ }
341
+
342
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
343
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
344
+ bottom: 1px;
345
+ @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
346
+ bottom: 2px;
347
+ }
348
+ margin-right: $ddl-bigger-check-right-margin;
349
+ }
350
+
351
+ .e-bigger.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
352
+ @if $ddl-multiselect-skin-name == 'Material3' {
353
+ top: 3px;
354
+ }
355
+ }
356
+
357
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
358
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
359
+ @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'bootstrap5.3' and $ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'Material3' {
360
+ padding: $ddl-bigger-filterbar-padding;
361
+ }
362
+ }
363
+
364
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
365
+ @if $ddl-multiselect-skin-name != 'Material3' {
366
+ padding-left: 8px;
367
+ }
368
+ @if $ddl-multiselect-skin-name == 'material' {
369
+ padding-right: 8px;
370
+ }
371
+ }
372
+
373
+ .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
374
+ @if $ddl-multiselect-skin-name != 'highcontrast' {
375
+ line-height: $ddl-delimviewheight-check-bigger;
376
+ }
377
+ }
378
+
379
+ .e-bigger .e-multi-select-wrapper .e-chips-close {
380
+ @if $ddl-multiselect-skin-name == 'tailwind' {
381
+ height: $ddl-bigger-chip-close-square;
382
+ width: $ddl-bigger-chip-close-width;
383
+ }
384
+ }
385
+
386
+ .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
387
+ @if $ddl-multiselect-skin-name == 'tailwind' {
388
+ font-size: $ddl-bigger-chip-close-font;
389
+ }
390
+ }
391
+
392
+ .e-bigger.e-small .e-multi-select-wrapper.e-delimiter .e-searcher,
393
+ .e-bigger.e-small .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
394
+ @if $ddl-multiselect-skin-name == 'tailwind' or $ddl-multiselect-skin-name == 'FluentUI' {
395
+ height: $ddl-bigger-small-input-height;
396
+ }
397
+ }
398
+
399
+ .e-bigger .e-multi-select-wrapper.e-delimiter .e-searcher,
400
+ .e-bigger .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
401
+ @if $ddl-multiselect-skin-name == 'tailwind' or $ddl-multiselect-skin-name == 'FluentUI' {
402
+ height: $ddl-input-bigger-height;
403
+ }
404
+ }
405
+
406
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
407
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
408
+ line-height: $ddl-select-all-height-bigger-small;
409
+ @if $ddl-multiselect-skin-name == 'tailwind' {
410
+ font-size: $ddl-chip-bigger-small-font-size;
411
+ text-indent: $ddl-bigger-small-check-right;
412
+ }
413
+ }
414
+
415
+ .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
416
+ .e-bigger.e-small .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
417
+ @if $ddl-multiselect-skin-name == 'Material3' {
418
+ margin-top: $ddl-bigger-small-ddl-icon-top;
419
+ top: 100%;
420
+ }
421
+ }
422
+
423
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
424
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
425
+ margin-top: $ddl-bigger-small-ddl-icon-top;
426
+ }
427
+
428
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
429
+ height: $ddl-bigger-small-chip-close-square;
430
+ width: $ddl-bigger-small-chip-close-width;
431
+ @if $ddl-multiselect-skin-name == 'bootstrap4' {
432
+ margin: 3px 10px 10px 0;
433
+ }
434
+ }
435
+
436
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
437
+ @if $ddl-multiselect-skin-name == 'Material3' {
438
+ min-height: $ddl-bigger-small-close-hooker-height;
439
+ min-width: $ddl-bigger-small-close-hooker-width;
440
+ }
441
+ }
442
+
443
+ .e-bigger.e-small .e-multi-select-wrapper {
444
+ min-height: $ddl-control-bigger-small-height;
445
+ }
446
+
447
+ .e-bigger.e-small .e-multi-select-wrapper input[type = 'text'] {
448
+ @if $ddl-multiselect-skin-name == 'tailwind' {
449
+ font-size: $ddl-chip-bigger-small-font-size;
450
+ }
451
+ height: $ddl-bigger-small-input-height;
452
+ min-height: $ddl-bigger-small-input-height;
453
+ }
454
+
455
+ .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
456
+ font-size: $ddl-delim-bigger-small-font-size;
457
+ line-height: $ddl-delimviewheight-bigger-small;
458
+ }
459
+
460
+ .e-bigger.e-small .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
461
+ @if $ddl-multiselect-skin-name == 'Material3' {
462
+ right: $ddl-close-icon-bigger-small-right;
463
+ }
464
+ }
465
+
466
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
467
+ .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
468
+ margin-top: $ddl-closer-margin-top-bigger-small;
469
+ @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'bootstrap5.3' and $ddl-multiselect-skin-name != 'tailwind' and $ddl-multiselect-skin-name != 'tailwind3' {
470
+ right: $ddl-chip-hooker-right;
471
+ }
472
+ @if $ddl-multiselect-skin-name == 'Material3' or $ddl-multiselect-skin-name == 'tailwind3' {
473
+ right: $ddl-chip-hooker-bigger-small-right;
474
+ }
475
+ @if $ddl-multiselect-skin-name == 'tailwind' {
476
+ font-size: $ddl-closer-hooker-font-bigger-small;
477
+ height: $ddl-bigger-small-clear-icon-height;
478
+ width: $ddl-bigger-small-clear-icon-width;
479
+ }
480
+ @if $ddl-multiselect-skin-name == 'FluentUI' {
481
+ font-size: $ddl-biggersmall-chip-down-icon-font;
482
+ }
483
+ }
484
+
485
+ .e-small.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
486
+ @if $ddl-multiselect-skin-name == 'bootstrap4' {
487
+ padding: $ddl-chip-bigger-content-padding;
488
+ }
489
+ }
490
+
491
+ .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
492
+ .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
493
+ background-size: 300px 40px;
494
+ min-height: 40px;
495
+ }
496
+
497
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
498
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
499
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
500
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
501
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
502
+ font-size: inherit;
503
+ min-height: $outline-multiselect-inner-input-height;
504
+ padding: 8px 12px 9px;
505
+ }
506
+ }
507
+
508
+ .e-bigger.e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
509
+ .e-bigger.e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
510
+ .e-bigger .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
511
+ .e-small .e-bigger.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'] {
512
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
513
+ padding: 8px 12px 9px;
514
+ }
515
+ }
516
+
517
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
518
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
519
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
520
+ font-size: inherit;
521
+ min-height: $outline-multiselect-bigger-inner-input-height;
522
+ }
523
+ }
524
+
525
+ .e-bigger {
526
+ .e-multiselect.e-outline .e-multi-select-wrapper,
527
+ #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
528
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
529
+ min-height: $outline-multiselect-bigger-height;
530
+ padding: $outline-multiselect-bigger-overall-padding;
531
+ }
532
+ }
533
+
534
+ .e-small {
535
+ #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
536
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
537
+ min-height: $ddl-outline-multiselect-height;
538
+ padding: $outline-multiselect-overall-padding;
539
+ }
540
+ }
541
+ }
542
+
543
+ #{if(&, '&', '*')}.e-small {
544
+ .e-multiselect.e-outline .e-multi-select-wrapper,
545
+ #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
546
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
547
+ min-height: $ddl-outline-multiselect-height;
548
+ padding: $outline-multiselect-overall-padding;
549
+ }
550
+ }
551
+ }
552
+ }
553
+
554
+ .e-small {
555
+ .e-bigger {
556
+ #{if(&, '&', '*')}.e-multiselect.e-outline .e-multi-select-wrapper {
557
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
558
+ min-height: $ddl-outline-multiselect-height;
559
+ padding: $outline-multiselect-overall-padding;
560
+ }
561
+ }
562
+ }
563
+
564
+ #{if(&, '&', '*')}.e-bigger {
565
+ .e-multiselect.e-outline .e-multi-select-wrapper {
566
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
567
+ min-height: $ddl-outline-multiselect-height;
568
+ padding: $outline-multiselect-overall-padding;
569
+ }
570
+ }
571
+ }
572
+ }
573
+
574
+ .e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
575
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
576
+ .e-bigger .e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
577
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon {
578
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
579
+ padding-right: 0;
580
+ }
581
+ }
582
+
583
+ .e-rtl.e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
584
+ .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
585
+ .e-bigger .e-rtl.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
586
+ .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
587
+ .e-rtl .e-bigger.e-outline.e-multiselect.e-checkbox .e-multi-select-wrapper,
588
+ .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
589
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
590
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
591
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
592
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
593
+ .e-rtl.e-small.e-bigger .e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
594
+ .e-rtl.e-small.e-bigger.e-multiselect.e-outline.e-checkbox .e-multi-select-wrapper,
595
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
596
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
597
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
598
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
599
+ .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon,
600
+ .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon {
601
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
602
+ padding-left: 0;
603
+ }
604
+ }
605
+
606
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
607
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
608
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper,
609
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
610
+ .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper,
611
+ .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
612
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
613
+ padding: $outline-rtl-multiselect-overall-padding;
614
+ }
615
+ }
616
+
617
+ .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper,
618
+ .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper,
619
+ .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper {
620
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
621
+ padding: $outline-rtl-multiselect-bigger-overall-padding;
622
+ }
623
+ }
624
+
625
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
626
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
627
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
628
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
629
+ .e-rtl.e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
630
+ .e-rtl.e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
631
+ .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
632
+ .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
633
+ .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide {
634
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
635
+ padding-left: 0;
636
+ }
637
+ }
638
+
639
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
640
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
641
+ .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
642
+ .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
643
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide,
644
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-close-icon-hide {
645
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
646
+ padding-right: 0;
647
+ }
648
+ }
649
+
650
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
651
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
652
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
653
+ height: $outline-multiselect-bigger-height;
654
+ }
655
+ }
656
+
657
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
658
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
659
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher,
660
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-delimiter .e-searcher {
661
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
662
+ height: $ddl-outline-multiselect-height;
663
+ }
664
+ }
665
+
666
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
667
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
668
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
669
+ font-size: 16px;
670
+ line-height: $outline-multiselect-bigger-height;
671
+ padding: $outline-multiselect-bigger-delimeter-padding;
672
+ }
673
+ }
674
+
675
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
676
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
677
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
678
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
679
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
680
+ font-size: 14px;
681
+ line-height: $ddl-outline-multiselect-height;
682
+ padding: $outline-multiselect-delimeter-padding;
683
+ }
684
+ }
685
+
686
+ .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
687
+ .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
688
+ .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
689
+ .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
690
+ .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
691
+ .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
692
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
693
+ padding: $outline-rtl-multiselect-bigger-delimeter-padding;
694
+ }
695
+ }
696
+
697
+ .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
698
+ .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
699
+ .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
700
+ .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
701
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
702
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
703
+ .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
704
+ .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
705
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
706
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
707
+ .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values,
708
+ .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values {
709
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
710
+ padding: $outline-rtl-multiselect-delimeter-padding;
711
+ }
712
+ }
713
+
714
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
715
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
716
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
717
+ height: $outline-multiselect-bigger-chip-height;
718
+ padding: $outline-multiselect-bigger-chip-padding;
719
+ }
720
+ }
721
+
722
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
723
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
724
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips,
725
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips {
726
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
727
+ height: $outline-multiselect-chip-height;
728
+ padding: $outline-multiselect-chip-padding;
729
+ }
730
+ }
731
+
732
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
733
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
734
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
735
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
736
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
737
+ font-size: $outline-multiselect-chip-font-size;
738
+ }
739
+ }
740
+
741
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent,
742
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips > .e-chipcontent {
743
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
744
+ font-size: $outline-multiselect-bigger-chip-font-size;
745
+ }
746
+ }
747
+
748
+ .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
749
+ .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
750
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
751
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
752
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
753
+ font-size: 16px;
754
+ }
755
+ }
756
+
757
+ .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
758
+ .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
759
+ .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
760
+ .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
761
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
762
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
763
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain,
764
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-delim-values .e-remain {
765
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
766
+ font-size: 14px;
767
+ }
768
+ }
769
+
770
+ .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
771
+ .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
772
+ padding: 3px 12px 0 4px;
773
+ }
774
+
775
+ .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
776
+ .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
777
+ .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
778
+ .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
779
+ padding: 0;
780
+ }
781
+
782
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
783
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
784
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
785
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
786
+ padding: 11px 12px 0;
787
+ }
788
+
789
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
790
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
791
+ padding: 19px 12px 0 16px;
792
+ }
793
+
794
+ .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
795
+ padding-top: 3px;
796
+ }
797
+
798
+ .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
799
+ .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
800
+ .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
801
+ .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'] {
802
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
803
+ min-height: $ddl-multiselect-filled-input-min-height;
804
+ padding-right: 10px;
805
+ }
806
+ }
807
+
808
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
809
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'] {
810
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
811
+ min-height: $ddl-multiselect-filled-input-min-height-bigger;
812
+ }
813
+ }
814
+
815
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type = 'text'],
816
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type = 'text'] {
817
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
818
+ min-height: $ddl-multiselect-filled-float-input-min-height-bigger;
819
+ }
820
+ }
821
+
822
+ .e-bigger.e-filled:not(.e-small).e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher,
823
+ .e-bigger .e-filled:not(.e-small).e-multiselect:not(.e-float-input) .e-multi-select-wrapper.e-delimiter .e-searcher {
824
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
825
+ height: $ddl-multiselect-filled-input-min-height-bigger;
826
+ }
827
+ }
828
+
829
+ .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
830
+ .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
831
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
832
+ height: $ddl-multiselect-filled-float-input-min-height-bigger;
833
+ }
834
+ }
835
+
836
+ .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
837
+ .e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
838
+ .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
839
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
840
+ height: $ddl-multiselect-filled-float-input-min-height;
841
+ }
842
+ }
843
+
844
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type = 'text'],
845
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type = 'text'] {
846
+ padding: 5px 0;
847
+ }
848
+
849
+ .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
850
+ .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
851
+ .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase,
852
+ .e-small .e-bigger.e-multiselect.e-filled.e-float-input .e-searcher .e-dropdownbase {
853
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
854
+ min-height: $ddl-multiselect-filled-float-input-min-height;
855
+ }
856
+ }
857
+
858
+ .e-small.e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
859
+ .e-small.e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
860
+ .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
861
+ .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values {
862
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
863
+ font-size: 13px;
864
+ line-height: $ddl-multiselect-filled-input-min-height;
865
+ }
866
+ }
867
+
868
+ .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
869
+ .e-small.e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
870
+ .e-small .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
871
+ .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
872
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
873
+ font-size: 14px;
874
+ line-height: $ddl-multiselect-filled-float-input-min-height;
875
+ }
876
+ }
877
+
878
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
879
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-delim-values,
880
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
881
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
882
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
883
+ font-size: 16px;
884
+ line-height: $ddl-multiselect-filled-input-min-height-bigger;
885
+ }
886
+ }
887
+
888
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values,
889
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-delim-values {
890
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
891
+ line-height: $ddl-multiselect-filled-float-input-min-height-bigger;
892
+ }
893
+ }
894
+
895
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
896
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
897
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
898
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
899
+ height: 28px;
900
+ }
901
+
902
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
903
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
904
+ height: 24px;
905
+ }
906
+
907
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
908
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
909
+ height: 32px;
910
+ }
911
+
912
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
913
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
914
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
915
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
916
+ height: 18px;
917
+ }
918
+
919
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
920
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
921
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
922
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
923
+ .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
924
+ .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
925
+ .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
926
+ .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
927
+ margin: 8px 8px 0 0;
928
+ padding: 0 8px;
929
+ }
930
+
931
+ .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
932
+ .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
933
+ .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
934
+ .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
935
+ .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
936
+ .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
937
+ .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
938
+ .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
939
+ margin: 8px 0 0 8px;
940
+ padding: 0 8px;
941
+ }
942
+
943
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
944
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
945
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
946
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
947
+ padding-left: 8px;
948
+ }
949
+
950
+ .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,
951
+ .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,
952
+ .e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
953
+ .e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
954
+ .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
955
+ .e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
956
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
957
+ height: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
958
+ width: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
959
+ }
960
+ }
961
+
962
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
963
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
964
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
965
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
966
+ font-size: 13px;
967
+ padding: 0 8px 0 0;
968
+ }
969
+
970
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
971
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
972
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
973
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
974
+ font-size: 12px;
975
+ padding: 0 4px 0 0;
976
+ }
977
+
978
+ .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
979
+ .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
980
+ .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
981
+ .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
982
+ padding: 0 0 0 4px;
983
+ }
984
+
985
+ .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
986
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
987
+ font-size: 13px;
988
+ }
989
+
990
+ .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
991
+ .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
992
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'Material3' {
993
+ font-size: $ddl-multiselect-filled-chip-clear-icon-size;
994
+ }
995
+ }
996
+
997
+ .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
998
+ .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
999
+ .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1000
+ .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1001
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
1002
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
1003
+ padding: 0 12px;
1004
+ }
1005
+
1006
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1007
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1008
+ padding-right: 8px;
1009
+ }
1010
+
1011
+ .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
1012
+ @if $ddl-multiselect-skin-name == 'bootstrap4' or $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' or $ddl-multiselect-skin-name == 'FluentUI' {
1013
+ font-size: $ddl-bigger-chip-close-font;
1014
+ }
1015
+ }
1016
+
1017
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1018
+ @if $ddl-multiselect-skin-name == 'bootstrap4' {
1019
+ left: $ddl-chip-close-bigger-left;
1020
+ top: $ddl-chip-close-bigger-top;
1021
+ }
1022
+ font-size: $ddl-bigger-small-chip-close-font;
1023
+ }
1024
+
1025
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips {
1026
+ height: $ddl-bigger-small-chip-height;
1027
+ }
1028
+
1029
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1030
+ font-size: $ddl-chip-bigger-small-font-size;
1031
+ }
1032
+
1033
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
1034
+ left: $ddl-chip-close-hooker-small-bigger-left;
1035
+ }
1036
+
1037
+ .e-bigger .e-multi-select-wrapper .e-chips {
1038
+ height: $ddl-chip-mobile-height;
1039
+ }
1040
+
1041
+ .e-bigger .e-multiselect.e-input-group .e-ddl-icon::before {
1042
+ @if $skin-name == 'bootstrap4' {
1043
+ font-size: 10px;
1044
+ }
1045
+ }
1046
+
1047
+ .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
1048
+ @if $skin-name == 'bootstrap4' {
1049
+ font-size: 12px;
1050
+ top: $ddl-bigger-close-top;
1051
+ }
1052
+ }
1053
+
1054
+ .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before,
1055
+ .e-bigger.e-multi-select-wrapper .e-chips .e-chips-close::before {
1056
+ @if $skin-name == 'bootstrap4' {
1057
+ top: 1px;
1058
+ }
1059
+ }
1060
+
1061
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
1062
+ @if $skin-name == 'bootstrap4' {
1063
+ top: 4px;
1064
+ }
1065
+ }
1066
+
1067
+ .e-small.e-bigger .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1068
+ @if $skin-name == 'bootstrap4' {
1069
+ top: 5px;
1070
+ }
1071
+ }
1072
+
1073
+ .e-bigger .e-multi-select-wrapper .e-close-hooker::before {
1074
+ @if $skin-name == 'bootstrap4' {
1075
+ top: 11px;
1076
+ }
1077
+ }
1078
+
1079
+ .e-bigger .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1080
+ @if $skin-name == 'bootstrap4' {
1081
+ top: 11px;
1082
+ }
1083
+ }
1084
+
1085
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1086
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1087
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1088
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1089
+ @if $ddl-multiselect-skin-name == 'Material3' {
1090
+ height: 38px;
1091
+ margin-top: -55px;
1092
+ right: 12px;
1093
+ top: 100%;
1094
+ width: 18px;
1095
+ }
1096
+ }
1097
+
1098
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1099
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1100
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1101
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1102
+ .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1103
+ .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1104
+ .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1105
+ .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1106
+ @if $ddl-multiselect-skin-name == 'Material3' {
1107
+ right: 48px;
1108
+ }
1109
+ }
1110
+
1111
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1112
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1113
+ @if $ddl-multiselect-skin-name == 'Material3' {
1114
+ height: 40px;
1115
+ margin-top: -55px;
1116
+ right: 6px;
1117
+ top: 100%;
1118
+ width: 40px;
1119
+ }
1120
+ }
1121
+
1122
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1123
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1124
+ @if $ddl-multiselect-skin-name == 'Material3' {
1125
+ right: 60px;
1126
+ }
1127
+ }
1128
+
1129
+ .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1130
+ .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1131
+ .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1132
+ .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1133
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1134
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1135
+ .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1136
+ .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1137
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1138
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1139
+ .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1140
+ .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1141
+ .e-rtl.e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1142
+ .e-rtl.e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1143
+ .e-rtl .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1144
+ .e-bigger.e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1145
+ .e-rtl.e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1146
+ .e-rtl .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1147
+ .e-bigger .e-rtl.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1148
+ .e-bigger .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1149
+ .e-rtl.e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1150
+ .e-rtl .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1151
+ .e-small .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1152
+ .e-small .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1153
+ @if $ddl-multiselect-skin-name == 'Material3' {
1154
+ left: 48px;
1155
+ right: auto;
1156
+ }
1157
+ }
1158
+
1159
+ .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1160
+ .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1161
+ .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1162
+ .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1163
+ .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1164
+ .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1165
+ .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1166
+ .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1167
+ .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1168
+ .e-rtl .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1169
+ .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1170
+ .e-bigger .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1171
+ @if $ddl-multiselect-skin-name == 'Material3' {
1172
+ left: 60px;
1173
+ right: auto;
1174
+ }
1175
+ }
1176
+
1177
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1178
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
1179
+ @if $ddl-multiselect-skin-name == 'Material3' {
1180
+ content: '\e208';
1181
+ font-size: 20px;
1182
+ height: 20px;
1183
+ left: 0;
1184
+ margin-top: -10px;
1185
+ top: 50%;
1186
+ }
1187
+ }
1188
+
1189
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1190
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1191
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1192
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
1193
+ @if $ddl-multiselect-skin-name == 'Material3' {
1194
+ content: '\e208';
1195
+ font-size: 18px;
1196
+ height: 18px;
1197
+ left: 0;
1198
+ margin-top: -9px;
1199
+ top: 50%;
1200
+ }
1201
+ }
1202
+
1203
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1204
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
1205
+ @if $ddl-multiselect-skin-name == 'Material3' {
1206
+ font-size: 16px;
1207
+ }
1208
+ }
1209
+
1210
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1211
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1212
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1213
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
1214
+ @if $ddl-multiselect-skin-name == 'Material3' {
1215
+ font-size: 14px;
1216
+ }
1217
+ }
1218
+
1219
+ .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1220
+ .e-bigger .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1221
+ .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1222
+ .e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1223
+ @if $ddl-multiselect-skin-name == 'Material3' {
1224
+ margin: 10px 16px 10px 0;
1225
+ }
1226
+ }
1227
+
1228
+ .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1229
+ .e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1230
+ .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,
1231
+ .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,
1232
+ .e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1233
+ .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,
1234
+ .e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1235
+ .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 {
1236
+ @if $ddl-multiselect-skin-name == 'Material3' {
1237
+ margin: 6px 12px 8px 0;
1238
+ }
1239
+ }
1240
+
1241
+ .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1242
+ .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1243
+ .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,
1244
+ .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,
1245
+ .e-rtl .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1246
+ .e-bigger.e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1247
+ .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,
1248
+ .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 {
1249
+ @if $ddl-multiselect-skin-name == 'Material3' {
1250
+ margin: 10px 0 10px 16px;
1251
+ }
1252
+ }
1253
+
1254
+ .e-rtl.e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1255
+ .e-bigger.e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1256
+ .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,
1257
+ .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,
1258
+ .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1259
+ .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,
1260
+ .e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1261
+ .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,
1262
+ .e-rtl .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1263
+ .e-rtl.e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1264
+ .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,
1265
+ .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,
1266
+ .e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1267
+ .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,
1268
+ .e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1269
+ .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 {
1270
+ @if $ddl-multiselect-skin-name == 'Material3' {
1271
+ margin: 6px 0 8px 12px;
1272
+ }
1273
+ }
1274
+
1275
+ .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1276
+ .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1277
+ .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1278
+ .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1279
+ @if $skin-name == 'fluent2' {
1280
+ height: 20px;
1281
+ margin-top: -33px;
1282
+ right: 18px;
1283
+ width: 20px;
1284
+ }
1285
+ }
1286
+
1287
+ .e-bigger.e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1288
+ .e-bigger.e-small .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1289
+ .e-bigger .e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1290
+ .e-small .e-bigger.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1291
+ @if $skin-name == 'fluent2' {
1292
+ height: 20px;
1293
+ margin-top: -35px;
1294
+ right: 45px;
1295
+ width: 20px;
1296
+ }
1297
+ }
1298
+
1299
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1300
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1301
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1302
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1303
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1304
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1305
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1306
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1307
+ @if $skin-name == 'fluent2' {
1308
+ margin-top: -32px;
1309
+ }
1310
+ }
1311
+
1312
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1313
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1314
+ @if $skin-name == 'fluent2' {
1315
+ height: 24px;
1316
+ width: 24px;
1317
+ }
1318
+ }
1319
+
1320
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1321
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1322
+ @if $skin-name == 'fluent2' {
1323
+ margin-top: -40px;
1324
+ }
1325
+ }
1326
+
1327
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1328
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1329
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1330
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1331
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1332
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1333
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1334
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1335
+ @if $skin-name == 'fluent2' {
1336
+ margin-top: -32px;
1337
+ right: 40px;
1338
+ }
1339
+ }
1340
+
1341
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1342
+ .e-bigger .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1343
+ @if $skin-name == 'fluent2' {
1344
+ margin-top: -44px;
1345
+ }
1346
+ }
1347
+
1348
+ .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1349
+ .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
1350
+ @if $ddl-multiselect-skin-name == 'Material3' {
1351
+ height: $ddl-multiselect-filled-chip-clear-icon-size;
1352
+ width: $ddl-multiselect-filled-chip-clear-icon-size;
1353
+ }
1354
+ }
1355
+
1356
+ .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1357
+ .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
1358
+ @if $skin-name == 'fluent2' {
1359
+ height: 16px;
1360
+ width: 16px;
1361
+ }
1362
+ }
1363
+
1364
+ .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1365
+ .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1366
+ .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1367
+ .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before {
1368
+ @if $ddl-multiselect-skin-name == 'Material3' {
1369
+ font-size: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1370
+ height: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1371
+ width: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1372
+ }
1373
+ }
1374
+
1375
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1376
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1377
+ .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
1378
+ .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
1379
+ .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
1380
+ .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before {
1381
+ @if $ddl-multiselect-skin-name == 'Material3' {
1382
+ font-size: $ddl-multiselect-filled-chip-clear-icon-size;
1383
+ height: $ddl-multiselect-filled-chip-clear-icon-size;
1384
+ width: $ddl-multiselect-filled-chip-clear-icon-size;
1385
+ }
1386
+ }
1387
+
1388
+ .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1389
+ .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1390
+ .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1391
+ .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1392
+ @if $skin-name == 'fluent2' {
1393
+ content: '\e208';
1394
+ font-size: 16px;
1395
+ height: 16px;
1396
+ padding: 0;
1397
+ text-align: center;
1398
+ vertical-align: middle;
1399
+ width: 16px;
1400
+ }
1401
+ }
1402
+
1403
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1404
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1405
+ @if $skin-name == 'fluent2' {
1406
+ font-size: 20px;
1407
+ height: 20px;
1408
+ width: 20px;
1409
+ }
1410
+ }
1411
+
1412
+ .e-bigger.e-small.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1413
+ .e-bigger.e-small .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1414
+ @if $ddl-multiselect-skin-name == 'Material3' {
1415
+ left: 10px;
1416
+ right: auto;
1417
+ }
1418
+ }
1419
+
1420
+ .e-bigger.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1421
+ .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1422
+ .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1423
+ .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1424
+ @if $ddl-multiselect-skin-name == 'Material3' {
1425
+ left: 12px;
1426
+ right: auto;
1427
+ }
1428
+ }
1429
+
1430
+ .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1431
+ .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1432
+ @if $ddl-multiselect-skin-name == 'Material3' {
1433
+ height: 24px;
1434
+ margin: 12px -4px 8px -1px;
1435
+ padding: 0;
1436
+ width: 24px;
1437
+ }
1438
+ }
1439
+
1440
+ .e-bigger.e-multiselect.e-input-group.e-filled.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1441
+ .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 {
1442
+ @if $ddl-multiselect-skin-name == 'Material3' {
1443
+ margin: 0;
1444
+ }
1445
+ }
1446
+
1447
+ .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,
1448
+ .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,
1449
+ .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,
1450
+ .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 {
1451
+ @if $ddl-multiselect-skin-name == 'Material3' {
1452
+ height: 20px;
1453
+ margin: 0 0 8px;
1454
+ padding: 0;
1455
+ width: 20px;
1456
+ }
1457
+ }
1458
+
1459
+ .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
1460
+ .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
1461
+ @if $ddl-multiselect-skin-name == 'Material3' {
1462
+ font-size: 20px;
1463
+ height: 20px;
1464
+ width: 20px;
1465
+ }
1466
+ }
1467
+
1468
+ .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,
1469
+ .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,
1470
+ .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,
1471
+ .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 {
1472
+ @if $ddl-multiselect-skin-name == 'Material3' {
1473
+ font-size: 18px;
1474
+ height: 18px;
1475
+ width: 18px;
1476
+ }
1477
+ }
1478
+
1479
+ .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,
1480
+ .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,
1481
+ .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,
1482
+ .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 {
1483
+ @if $ddl-multiselect-skin-name == 'Material3' {
1484
+ height: 24px;
1485
+ margin: 7px -4px 8px -1px;
1486
+ padding: 0;
1487
+ width: 24px;
1488
+ }
1489
+ }
1490
+
1491
+ .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1492
+ .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1493
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1494
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1495
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1496
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1497
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1498
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before {
1499
+ @if $ddl-multiselect-skin-name == 'Material3' {
1500
+ content: '';
1501
+ }
1502
+ }
1503
+
1504
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1505
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1506
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1507
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1508
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1509
+ height: 38px;
1510
+ margin-top: -55px;
1511
+ right: 12px;
1512
+ top: 100%;
1513
+ width: 18px;
1514
+ }
1515
+ }
1516
+
1517
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1518
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1519
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1520
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1521
+ .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1522
+ .e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1523
+ .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1524
+ .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1525
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1526
+ right: 48px;
1527
+ }
1528
+ }
1529
+
1530
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1531
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1532
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' {
1533
+ height: 54px;
1534
+ margin-top: -55px;
1535
+ right: 16px;
1536
+ top: 100%;
1537
+ width: 20px;
1538
+ }
1539
+ }
1540
+
1541
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1542
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1543
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1544
+ right: 60px;
1545
+ }
1546
+ }
1547
+
1548
+ .e-rtl.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1549
+ .e-rtl.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1550
+ .e-rtl .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1551
+ .e-bigger.e-small .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1552
+ .e-rtl.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1553
+ .e-rtl .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1554
+ .e-bigger .e-rtl.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1555
+ .e-bigger .e-rtl .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1556
+ .e-rtl.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1557
+ .e-rtl .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1558
+ .e-small .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1559
+ .e-small .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1560
+ .e-rtl.e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1561
+ .e-rtl.e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1562
+ .e-rtl .e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1563
+ .e-bigger.e-small .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1564
+ .e-rtl.e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1565
+ .e-rtl .e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1566
+ .e-bigger .e-rtl.e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1567
+ .e-bigger .e-rtl .e-small.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1568
+ .e-rtl.e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1569
+ .e-rtl .e-small .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1570
+ .e-small .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1571
+ .e-small .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1572
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1573
+ left: 48px;
1574
+ right: auto;
1575
+ }
1576
+ }
1577
+
1578
+ .e-rtl.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1579
+ .e-rtl.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1580
+ .e-rtl .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1581
+ .e-rtl .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1582
+ .e-bigger .e-rtl.e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1583
+ .e-bigger .e-rtl .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1584
+ .e-rtl.e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1585
+ .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1586
+ .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1587
+ .e-rtl .e-bigger .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1588
+ .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1589
+ .e-bigger .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker {
1590
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1591
+ left: 60px;
1592
+ right: auto;
1593
+ }
1594
+ }
1595
+
1596
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1597
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
1598
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1599
+ content: '\e208';
1600
+ font-size: 20px;
1601
+ height: 20px;
1602
+ left: 0;
1603
+ margin-top: -10px;
1604
+ top: 50%;
1605
+ }
1606
+ }
1607
+
1608
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1609
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1610
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
1611
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
1612
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1613
+ content: '\e208';
1614
+ font-size: 18px;
1615
+ height: 18px;
1616
+ left: 0;
1617
+ margin-top: -9px;
1618
+ top: 50%;
1619
+ }
1620
+ }
1621
+
1622
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1623
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
1624
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1625
+ font-size: 16px;
1626
+ }
1627
+ }
1628
+
1629
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1630
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1631
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before,
1632
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-chips .e-chips-close::before {
1633
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1634
+ font-size: 14px;
1635
+ }
1636
+ }
1637
+
1638
+ .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1639
+ .e-bigger .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1640
+ .e-multiselect.e-input-group.e-outline.e-control-wrapper.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1641
+ .e-bigger .e-multiselect.e-input-group.e-outline.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1642
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1643
+ margin: 10px 16px 10px 0;
1644
+ }
1645
+ }
1646
+
1647
+ .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1648
+ .e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1649
+ .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,
1650
+ .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,
1651
+ .e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1652
+ .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,
1653
+ .e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1654
+ .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 {
1655
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1656
+ margin: 6px 12px 8px 0;
1657
+ }
1658
+ }
1659
+
1660
+ .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1661
+ .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1662
+ .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,
1663
+ .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,
1664
+ .e-rtl .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1665
+ .e-bigger.e-rtl .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1666
+ .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,
1667
+ .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 {
1668
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1669
+ margin: 10px 0 10px 16px;
1670
+ }
1671
+ }
1672
+
1673
+ .e-rtl.e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1674
+ .e-bigger.e-small .e-rtl.e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1675
+ .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,
1676
+ .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,
1677
+ .e-bigger .e-rtl.e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1678
+ .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,
1679
+ .e-small .e-rtl.e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1680
+ .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,
1681
+ .e-rtl .e-multiselect.e-input-group.e-outline.e-small.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1682
+ .e-rtl.e-bigger.e-small .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1683
+ .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,
1684
+ .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,
1685
+ .e-rtl.e-bigger .e-multiselect.e-input-group.e-outline.e-small .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1686
+ .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,
1687
+ .e-rtl.e-small .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1688
+ .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 {
1689
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1690
+ margin: 6px 0 8px 12px;
1691
+ }
1692
+ }
1693
+
1694
+ .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1695
+ .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1696
+ .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1697
+ .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1698
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1699
+ height: 20px;
1700
+ margin-top: -33px;
1701
+ right: 18px;
1702
+ width: 20px;
1703
+ }
1704
+ }
1705
+
1706
+ .e-bigger.e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1707
+ .e-bigger.e-small .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1708
+ .e-bigger .e-small.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1709
+ .e-small .e-bigger.e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1710
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1711
+ height: 20px;
1712
+ margin-top: -35px;
1713
+ right: 45px;
1714
+ width: 20px;
1715
+ }
1716
+ }
1717
+
1718
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1719
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1720
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1721
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1722
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1723
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1724
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1725
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1726
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1727
+ margin-top: -32px;
1728
+ }
1729
+ }
1730
+
1731
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1732
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1733
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1734
+ height: 24px;
1735
+ width: 24px;
1736
+ }
1737
+ }
1738
+
1739
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1740
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1741
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1742
+ margin-top: -40px;
1743
+ }
1744
+ }
1745
+
1746
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1747
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1748
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1749
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1750
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1751
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1752
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1753
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1754
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1755
+ margin-top: -32px;
1756
+ right: 40px;
1757
+ }
1758
+ }
1759
+
1760
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1761
+ .e-bigger .e-filled.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
1762
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1763
+ margin-top: -44px;
1764
+ }
1765
+ }
1766
+
1767
+ .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1768
+ .e-bigger .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1769
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
1770
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1771
+ height: $ddl-multiselect-filled-chip-clear-icon-size;
1772
+ width: $ddl-multiselect-filled-chip-clear-icon-size;
1773
+ }
1774
+ }
1775
+
1776
+ .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
1777
+ .e-bigger .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close {
1778
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1779
+ height: 16px;
1780
+ width: 16px;
1781
+ }
1782
+ }
1783
+
1784
+ .e-bigger.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1785
+ .e-bigger.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1786
+ .e-bigger .e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1787
+ .e-small.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before {
1788
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1789
+ font-size: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1790
+ height: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1791
+ width: $ddl-multiselect-filled-float-input-chip-clear-icon-size;
1792
+ }
1793
+ }
1794
+
1795
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1796
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips .e-chips-close::before,
1797
+ .e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
1798
+ .e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
1799
+ .e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before,
1800
+ .e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips .e-chips-close::before {
1801
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1802
+ font-size: $ddl-multiselect-filled-chip-clear-icon-size;
1803
+ height: $ddl-multiselect-filled-chip-clear-icon-size;
1804
+ width: $ddl-multiselect-filled-chip-clear-icon-size;
1805
+ }
1806
+ }
1807
+
1808
+ .e-bigger.e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1809
+ .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1810
+ .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1811
+ .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1812
+ @if $ddl-multiselect-skin-name == 'material-dark' {
1813
+ content: '\e208';
1814
+ font-size: 16px;
1815
+ height: 16px;
1816
+ padding: 0;
1817
+ text-align: center;
1818
+ vertical-align: middle;
1819
+ width: 16px;
1820
+ }
1821
+ }
1822
+
1823
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
1824
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1825
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1826
+ font-size: 20px;
1827
+ height: 20px;
1828
+ width: 20px;
1829
+ }
1830
+ }
1831
+
1832
+ .e-bigger.e-small.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1833
+ .e-bigger.e-small .e-rtl .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1834
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1835
+ left: 10px;
1836
+ right: auto;
1837
+ }
1838
+ }
1839
+
1840
+ .e-bigger.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1841
+ .e-rtl .e-bigger.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1842
+ .e-bigger .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1843
+ .e-rtl.e-bigger .e-multiselect.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1844
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1845
+ left: 12px;
1846
+ right: auto;
1847
+ }
1848
+ }
1849
+
1850
+ .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1851
+ .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1852
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1853
+ height: 24px;
1854
+ margin: 12px -4px 8px -1px;
1855
+ padding: 0;
1856
+ width: 24px;
1857
+ }
1858
+ }
1859
+
1860
+ .e-bigger.e-multiselect.e-input-group.e-filled.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1861
+ .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 {
1862
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1863
+ margin: 0;
1864
+ }
1865
+ }
1866
+
1867
+ .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,
1868
+ .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,
1869
+ .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,
1870
+ .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 {
1871
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1872
+ height: 20px;
1873
+ margin: 0 0 8px;
1874
+ padding: 0;
1875
+ width: 20px;
1876
+ }
1877
+ }
1878
+
1879
+ .e-bigger.e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before,
1880
+ .e-bigger .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon::before {
1881
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1882
+ font-size: 20px;
1883
+ height: 20px;
1884
+ width: 20px;
1885
+ }
1886
+ }
1887
+
1888
+ .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,
1889
+ .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,
1890
+ .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,
1891
+ .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 {
1892
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1893
+ font-size: 18px;
1894
+ height: 18px;
1895
+ width: 18px;
1896
+ }
1897
+ }
1898
+
1899
+ .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,
1900
+ .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,
1901
+ .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,
1902
+ .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 {
1903
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1904
+ height: 24px;
1905
+ margin: 7px -4px 8px -1px;
1906
+ padding: 0;
1907
+ width: 24px;
1908
+ }
1909
+ }
1910
+
1911
+ .e-small.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1912
+ .e-small.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1913
+ .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1914
+ .e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1915
+ .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1916
+ .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1917
+ .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before,
1918
+ .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker.e-ddl-disable-icon::before {
1919
+ @if $ddl-multiselect-skin-name == 'material' or $ddl-multiselect-skin-name == 'material-dark' or $ddl-multiselect-skin-name == 'Material3' {
1920
+ content: '';
1921
+ }
1922
+ }
1923
+
1924
+ @if $skin-name == 'bootstrap-dark' or $skin-name == 'tailwind' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI' or $skin-name == 'fluent2'{
1925
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1926
+ height: $ddl-chip-hooker-square;
1927
+ width: $ddl-chip-hooker-square;
1928
+ }
1929
+ }
1930
+ @if $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap' {
1931
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1932
+ margin-top: -3.2em;
1933
+ }
1934
+ }
1935
+ @if $skin-name == 'bootstrap4' {
1936
+ .e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
1937
+ .e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1938
+ font-size: 14px;
1939
+ }
1940
+ .e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
1941
+ .e-small.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1942
+ font-size: 12px;
1943
+ }
1944
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1945
+ font-size: 14px;
1946
+ }
1947
+
1948
+ .e-bigger .e-multi-select-wrapper .e-chips-close {
1949
+ height: $ddl-bigger-chip-close-square;
1950
+ width: $ddl-bigger-chip-close-width;
1951
+ }
1952
+ .e-bigger .e-ddl.e-popup .e-filter-parent .e-clear-icon {
1953
+ display: flex;
1954
+ }
1955
+ .e-small.e-bigger .e-multi-select-wrapper .e-chips {
1956
+ margin: 2px 4px 2px 0;
1957
+ }
1958
+ .e-bigger .e-multiselect .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1959
+ height: $multiselect-closer-bigger-height;
1960
+ margin-top: $multiselect-closer--bigger-margin-top;
1961
+ right: $multiselect-closer-bigger-width;
1962
+ }
1963
+
1964
+ .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1965
+ .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-chips-close.e-close-hooker,
1966
+ .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1967
+ right: $multiselect-dropicon-closer-bigger-width;
1968
+ }
1969
+
1970
+ .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper .e-clear-icon {
1971
+ height: $multiselect-closer-bigger-height;
1972
+ margin-top: $ddl-closer-margin-top-bigger;
1973
+ }
1974
+ }
1975
+ @if $skin-name == 'fabric-dark' or $skin-name == 'fabric'{
1976
+ .e-small.e-bigger .e-multi-select-wrapper .e-chips {
1977
+ padding: 0;
1978
+ }
1979
+
1980
+ .e-small.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1981
+ padding: 0 8px;
1982
+ }
1983
+ }
1984
+ @if $skin-name == 'FluentUI' {
1985
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1986
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1987
+ margin-top: -1.6em;
1988
+ }
1989
+ }
1990
+ @if $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' {
1991
+ #{&}.e-popup {
1992
+ #{if(&, '&', '*')}.e-multi-select-list-wrapper {
1993
+ #{if(&, '&', '*')}.e-ddl,
1994
+ .e-bigger #{if(&, '&', '*')}.e-ddl {
1995
+ #{if(&, '&', '*')}.e-checkbox .e-filter-parent .e-clear-icon {
1996
+ padding-left: 0;
1997
+ }
1998
+ }
1999
+ }
2000
+ }
2001
+ }
2002
+ }