@syncfusion/ej2-dropdowns 27.2.5 → 28.1.35

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 (224) hide show
  1. package/README.md +2 -2
  2. package/dist/ej2-dropdowns.min.js +3 -3
  3. package/dist/ej2-dropdowns.umd.min.js +3 -3
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +511 -40
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +510 -38
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +3 -3
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +2 -2
  12. package/package.json +13 -13
  13. package/src/auto-complete/auto-complete.js +5 -2
  14. package/src/combo-box/combo-box.js +2 -1
  15. package/src/common/incremental-search.d.ts +1 -1
  16. package/src/common/incremental-search.js +5 -1
  17. package/src/common/virtual-scroll.js +2 -1
  18. package/src/drop-down-base/drop-down-base.js +14 -2
  19. package/src/drop-down-list/drop-down-list-model.d.ts +31 -0
  20. package/src/drop-down-list/drop-down-list.d.ts +45 -1
  21. package/src/drop-down-list/drop-down-list.js +213 -13
  22. package/src/drop-down-tree/drop-down-tree.d.ts +1 -0
  23. package/src/drop-down-tree/drop-down-tree.js +4 -3
  24. package/src/list-box/list-box.d.ts +4 -0
  25. package/src/list-box/list-box.js +9 -4
  26. package/src/mention/mention.js +6 -1
  27. package/src/multi-select/multi-select-model.d.ts +31 -0
  28. package/src/multi-select/multi-select.d.ts +45 -0
  29. package/src/multi-select/multi-select.js +250 -10
  30. package/styles/auto-complete/_tailwind3-definition.scss +2 -0
  31. package/styles/auto-complete/bds.css +75 -0
  32. package/styles/auto-complete/bds.scss +4 -0
  33. package/styles/auto-complete/highcontrast.css +1 -1
  34. package/styles/auto-complete/tailwind3.css +101 -0
  35. package/styles/auto-complete/tailwind3.scss +4 -0
  36. package/styles/bds-lite.css +3013 -0
  37. package/styles/bds-lite.scss +28 -0
  38. package/styles/bds.css +3855 -0
  39. package/styles/bds.scss +33 -0
  40. package/styles/bootstrap-dark-lite.css +41 -2
  41. package/styles/bootstrap-dark.css +41 -2
  42. package/styles/bootstrap-lite.css +30 -1
  43. package/styles/bootstrap.css +30 -1
  44. package/styles/bootstrap4-lite.css +30 -0
  45. package/styles/bootstrap4.css +30 -0
  46. package/styles/bootstrap5-dark-lite.css +31 -0
  47. package/styles/bootstrap5-dark.css +31 -0
  48. package/styles/bootstrap5-lite.css +31 -0
  49. package/styles/bootstrap5.3-lite.css +31 -3
  50. package/styles/bootstrap5.3.css +31 -3
  51. package/styles/bootstrap5.css +31 -0
  52. package/styles/combo-box/_tailwind3-definition.scss +2 -0
  53. package/styles/combo-box/bds.css +75 -0
  54. package/styles/combo-box/bds.scss +4 -0
  55. package/styles/combo-box/highcontrast.css +1 -1
  56. package/styles/combo-box/tailwind3.css +101 -0
  57. package/styles/combo-box/tailwind3.scss +4 -0
  58. package/styles/drop-down-base/_bigger.scss +3 -0
  59. package/styles/drop-down-base/_layout.scss +7 -0
  60. package/styles/drop-down-base/_tailwind3-definition.scss +98 -0
  61. package/styles/drop-down-base/bds.css +496 -0
  62. package/styles/drop-down-base/bds.scss +4 -0
  63. package/styles/drop-down-base/bootstrap-dark.css +4 -0
  64. package/styles/drop-down-base/bootstrap.css +4 -0
  65. package/styles/drop-down-base/bootstrap4.css +4 -0
  66. package/styles/drop-down-base/bootstrap5-dark.css +4 -0
  67. package/styles/drop-down-base/bootstrap5.3.css +4 -0
  68. package/styles/drop-down-base/bootstrap5.css +4 -0
  69. package/styles/drop-down-base/fabric-dark.css +4 -0
  70. package/styles/drop-down-base/fabric.css +4 -0
  71. package/styles/drop-down-base/fluent-dark.css +4 -0
  72. package/styles/drop-down-base/fluent.css +4 -0
  73. package/styles/drop-down-base/fluent2.css +9 -5
  74. package/styles/drop-down-base/highcontrast-light.css +4 -0
  75. package/styles/drop-down-base/highcontrast.css +4 -0
  76. package/styles/drop-down-base/material-dark.css +4 -0
  77. package/styles/drop-down-base/material.css +4 -0
  78. package/styles/drop-down-base/material3-dark.css +4 -0
  79. package/styles/drop-down-base/material3.css +4 -0
  80. package/styles/drop-down-base/tailwind-dark.css +4 -0
  81. package/styles/drop-down-base/tailwind.css +4 -0
  82. package/styles/drop-down-base/tailwind3.css +392 -0
  83. package/styles/drop-down-base/tailwind3.scss +4 -0
  84. package/styles/drop-down-list/_highcontrast-definition.scss +1 -1
  85. package/styles/drop-down-list/_layout.scss +18 -2
  86. package/styles/drop-down-list/_tailwind3-definition.scss +135 -0
  87. package/styles/drop-down-list/_theme.scss +3 -1
  88. package/styles/drop-down-list/bds.css +609 -0
  89. package/styles/drop-down-list/bds.scss +10 -0
  90. package/styles/drop-down-list/bootstrap-dark.css +18 -1
  91. package/styles/drop-down-list/bootstrap.css +13 -1
  92. package/styles/drop-down-list/bootstrap4.css +13 -0
  93. package/styles/drop-down-list/bootstrap5-dark.css +13 -0
  94. package/styles/drop-down-list/bootstrap5.3.css +13 -0
  95. package/styles/drop-down-list/bootstrap5.css +13 -0
  96. package/styles/drop-down-list/fabric-dark.css +18 -1
  97. package/styles/drop-down-list/fabric.css +13 -1
  98. package/styles/drop-down-list/fluent-dark.css +13 -1
  99. package/styles/drop-down-list/fluent.css +13 -1
  100. package/styles/drop-down-list/fluent2.css +13 -1
  101. package/styles/drop-down-list/highcontrast-light.css +9 -1
  102. package/styles/drop-down-list/highcontrast.css +19 -1
  103. package/styles/drop-down-list/icons/_bootstrap-dark.scss +4 -0
  104. package/styles/drop-down-list/icons/_bootstrap.scss +4 -0
  105. package/styles/drop-down-list/icons/_bootstrap4.scss +4 -0
  106. package/styles/drop-down-list/icons/_bootstrap5.3.scss +4 -0
  107. package/styles/drop-down-list/icons/_bootstrap5.scss +4 -0
  108. package/styles/drop-down-list/icons/_fabric-dark.scss +4 -0
  109. package/styles/drop-down-list/icons/_fabric.scss +4 -0
  110. package/styles/drop-down-list/icons/_fluent.scss +4 -0
  111. package/styles/drop-down-list/icons/_fluent2.scss +4 -0
  112. package/styles/drop-down-list/icons/_highcontrast.scss +4 -0
  113. package/styles/drop-down-list/icons/_material-dark.scss +4 -0
  114. package/styles/drop-down-list/icons/_material.scss +4 -0
  115. package/styles/drop-down-list/icons/_material3.scss +4 -0
  116. package/styles/drop-down-list/icons/_tailwind.scss +4 -0
  117. package/styles/drop-down-list/icons/_tailwind3.scss +14 -0
  118. package/styles/drop-down-list/material-dark.css +18 -1
  119. package/styles/drop-down-list/material.css +13 -1
  120. package/styles/drop-down-list/material3-dark.css +13 -1
  121. package/styles/drop-down-list/material3.css +13 -1
  122. package/styles/drop-down-list/tailwind-dark.css +13 -1
  123. package/styles/drop-down-list/tailwind.css +13 -1
  124. package/styles/drop-down-list/tailwind3.css +456 -0
  125. package/styles/drop-down-list/tailwind3.scss +10 -0
  126. package/styles/drop-down-tree/_bigger.scss +41 -7
  127. package/styles/drop-down-tree/_layout.scss +34 -10
  128. package/styles/drop-down-tree/_tailwind3-definition.scss +67 -0
  129. package/styles/drop-down-tree/_theme.scss +3 -3
  130. package/styles/drop-down-tree/bds.css +712 -0
  131. package/styles/drop-down-tree/bds.scss +10 -0
  132. package/styles/drop-down-tree/bootstrap5.3.css +0 -3
  133. package/styles/drop-down-tree/icons/_tailwind3.scss +11 -0
  134. package/styles/drop-down-tree/tailwind3.css +512 -0
  135. package/styles/drop-down-tree/tailwind3.scss +10 -0
  136. package/styles/fabric-dark-lite.css +40 -1
  137. package/styles/fabric-dark.css +40 -1
  138. package/styles/fabric-lite.css +30 -1
  139. package/styles/fabric.css +30 -1
  140. package/styles/fluent-dark-lite.css +31 -1
  141. package/styles/fluent-dark.css +31 -1
  142. package/styles/fluent-lite.css +31 -1
  143. package/styles/fluent.css +31 -1
  144. package/styles/fluent2-lite.css +45 -12
  145. package/styles/fluent2.css +45 -12
  146. package/styles/highcontrast-light-lite.css +22 -1
  147. package/styles/highcontrast-light.css +22 -1
  148. package/styles/highcontrast-lite.css +41 -1
  149. package/styles/highcontrast.css +41 -1
  150. package/styles/list-box/_bigger.scss +18 -1
  151. package/styles/list-box/_layout.scss +29 -3
  152. package/styles/list-box/_tailwind3-definition.scss +123 -0
  153. package/styles/list-box/_theme.scss +11 -0
  154. package/styles/list-box/bds.css +971 -0
  155. package/styles/list-box/bds.scss +6 -0
  156. package/styles/list-box/fluent2.css +1 -1
  157. package/styles/list-box/icons/_tailwind3.scss +25 -0
  158. package/styles/list-box/tailwind3.css +991 -0
  159. package/styles/list-box/tailwind3.scss +6 -0
  160. package/styles/material-dark-lite.css +40 -1
  161. package/styles/material-dark.css +40 -1
  162. package/styles/material-lite.css +30 -1
  163. package/styles/material.css +30 -1
  164. package/styles/material3-dark-lite.css +32 -5
  165. package/styles/material3-dark.css +32 -5
  166. package/styles/material3-lite.css +32 -5
  167. package/styles/material3.css +32 -5
  168. package/styles/mention/_tailwind3-definition.scss +1 -0
  169. package/styles/mention/bds.css +78 -0
  170. package/styles/mention/bds.scss +6 -0
  171. package/styles/mention/tailwind3.css +67 -0
  172. package/styles/mention/tailwind3.scss +6 -0
  173. package/styles/multi-select/_bigger.scss +2 -2
  174. package/styles/multi-select/_bootstrap-dark-definition.scss +1 -1
  175. package/styles/multi-select/_layout.scss +28 -5
  176. package/styles/multi-select/_material3-definition.scss +1 -1
  177. package/styles/multi-select/_tailwind3-definition.scss +227 -0
  178. package/styles/multi-select/_theme.scss +1 -1
  179. package/styles/multi-select/bds.css +1575 -0
  180. package/styles/multi-select/bds.scss +10 -0
  181. package/styles/multi-select/bootstrap-dark.css +19 -1
  182. package/styles/multi-select/bootstrap.css +13 -0
  183. package/styles/multi-select/bootstrap4.css +13 -0
  184. package/styles/multi-select/bootstrap5-dark.css +14 -0
  185. package/styles/multi-select/bootstrap5.3.css +14 -0
  186. package/styles/multi-select/bootstrap5.css +14 -0
  187. package/styles/multi-select/fabric-dark.css +18 -0
  188. package/styles/multi-select/fabric.css +13 -0
  189. package/styles/multi-select/fluent-dark.css +14 -0
  190. package/styles/multi-select/fluent.css +14 -0
  191. package/styles/multi-select/fluent2.css +22 -5
  192. package/styles/multi-select/highcontrast-light.css +9 -0
  193. package/styles/multi-select/highcontrast.css +18 -0
  194. package/styles/multi-select/icons/_bootstrap-dark.scss +4 -0
  195. package/styles/multi-select/icons/_bootstrap.scss +4 -0
  196. package/styles/multi-select/icons/_bootstrap4.scss +4 -0
  197. package/styles/multi-select/icons/_bootstrap5.3.scss +4 -0
  198. package/styles/multi-select/icons/_bootstrap5.scss +4 -0
  199. package/styles/multi-select/icons/_fabric-dark.scss +4 -0
  200. package/styles/multi-select/icons/_fabric.scss +4 -0
  201. package/styles/multi-select/icons/_fluent.scss +4 -0
  202. package/styles/multi-select/icons/_fluent2.scss +4 -0
  203. package/styles/multi-select/icons/_highcontrast.scss +4 -0
  204. package/styles/multi-select/icons/_material-dark.scss +4 -0
  205. package/styles/multi-select/icons/_material.scss +4 -0
  206. package/styles/multi-select/icons/_material3.scss +4 -0
  207. package/styles/multi-select/icons/_tailwind.scss +4 -0
  208. package/styles/multi-select/icons/_tailwind3.scss +26 -0
  209. package/styles/multi-select/material-dark.css +18 -0
  210. package/styles/multi-select/material.css +13 -0
  211. package/styles/multi-select/material3-dark.css +15 -4
  212. package/styles/multi-select/material3.css +15 -4
  213. package/styles/multi-select/tailwind-dark.css +13 -0
  214. package/styles/multi-select/tailwind.css +13 -0
  215. package/styles/multi-select/tailwind3.css +1398 -0
  216. package/styles/multi-select/tailwind3.scss +10 -0
  217. package/styles/tailwind-dark-lite.css +30 -1
  218. package/styles/tailwind-dark.css +30 -1
  219. package/styles/tailwind-lite.css +30 -1
  220. package/styles/tailwind.css +30 -1
  221. package/styles/tailwind3-lite.css +2890 -0
  222. package/styles/tailwind3-lite.scss +28 -0
  223. package/styles/tailwind3.css +3551 -0
  224. package/styles/tailwind3.scss +33 -0
@@ -0,0 +1,1398 @@
1
+
2
+
3
+
4
+
5
+ /* stylelint-disable property-no-vendor-prefix */
6
+ /* stylelint-disable */
7
+ .e-filled.e-float-input.e-error label.e-float-text,
8
+ .e-filled.e-float-input.e-control-wrapper.e-error label.e-float-text,
9
+ .e-filled.e-float-input.e-error input:focus ~ label.e-float-text,
10
+ .e-filled.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
11
+ .e-filled.e-float-input.e-error textarea:focus ~ label.e-float-text,
12
+ .e-filled.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
13
+ .e-filled.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
14
+ .e-filled.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
15
+ color: var(--color-sf-danger) !important;
16
+ }
17
+
18
+ /* stylelint-disable-line no-empty-source */
19
+ /* stylelint-disable property-no-vendor-prefix */
20
+ @-webkit-keyframes material-spinner-rotate {
21
+ 0% {
22
+ -webkit-transform: rotate(0);
23
+ transform: rotate(0);
24
+ }
25
+ 100% {
26
+ -webkit-transform: rotate(360deg);
27
+ transform: rotate(360deg);
28
+ }
29
+ }
30
+ @keyframes material-spinner-rotate {
31
+ 0% {
32
+ -webkit-transform: rotate(0);
33
+ transform: rotate(0);
34
+ }
35
+ 100% {
36
+ -webkit-transform: rotate(360deg);
37
+ transform: rotate(360deg);
38
+ }
39
+ }
40
+ @-webkit-keyframes fabric-spinner-rotate {
41
+ 0% {
42
+ -webkit-transform: rotate(0);
43
+ transform: rotate(0);
44
+ }
45
+ 100% {
46
+ -webkit-transform: rotate(360deg);
47
+ transform: rotate(360deg);
48
+ }
49
+ }
50
+ @keyframes fabric-spinner-rotate {
51
+ 0% {
52
+ -webkit-transform: rotate(0);
53
+ transform: rotate(0);
54
+ }
55
+ 100% {
56
+ -webkit-transform: rotate(360deg);
57
+ transform: rotate(360deg);
58
+ }
59
+ }
60
+ .e-dropdownbase .e-list-group-item,
61
+ .e-fixed-head {
62
+ font-size: 12px;
63
+ }
64
+
65
+ .e-small .e-dropdownbase .e-list-group-item,
66
+ .e-small .e-fixed-head,
67
+ .e-small.e-dropdownbase .e-list-group-item,
68
+ .e-small.e-fixed-head {
69
+ font-size: 10px;
70
+ }
71
+
72
+ .e-dropdownbase .e-list-item .e-list-icon {
73
+ padding: 0 8px 0 0;
74
+ }
75
+
76
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
77
+ padding: 0 6px 0 0;
78
+ }
79
+
80
+ .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
81
+ line-height: 30px;
82
+ top: 0;
83
+ }
84
+
85
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
86
+ border-radius: 0 2px 2px 0;
87
+ border-right-width: 0;
88
+ }
89
+
90
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
91
+ border-left-width: 0;
92
+ border-radius: 4px 0 0 4px;
93
+ border-right-width: 1px;
94
+ }
95
+
96
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
97
+ height: 32px;
98
+ width: 32px;
99
+ }
100
+
101
+ .e-multi-select-wrapper .e-searcher input[type=text],
102
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
103
+ color: var(--color-sf-content-text-color);
104
+ height: 100%;
105
+ }
106
+
107
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
108
+ border-left-width: 0;
109
+ }
110
+
111
+ .e-multiselect.e-input-group .e-ddl-icon::before {
112
+ content: "\e729";
113
+ font-family: "e-icons";
114
+ }
115
+
116
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
117
+ content: "\e7e7";
118
+ cursor: pointer;
119
+ left: 0;
120
+ position: relative;
121
+ top: 0;
122
+ }
123
+
124
+ .e-multi-select-wrapper .e-close-hooker::before {
125
+ content: "\e7e7";
126
+ cursor: pointer;
127
+ left: 6px;
128
+ position: relative;
129
+ top: 6px;
130
+ }
131
+
132
+ .e-multiselect.e-input-group .e-ddl-disable-icon::before {
133
+ content: "";
134
+ }
135
+
136
+ .e-multi-select-wrapper {
137
+ -webkit-box-sizing: border-box;
138
+ box-sizing: border-box;
139
+ cursor: text;
140
+ line-height: normal;
141
+ min-height: 30px;
142
+ padding: 0 32px 0 0;
143
+ position: relative;
144
+ -webkit-user-select: none;
145
+ -moz-user-select: none;
146
+ -ms-user-select: none;
147
+ user-select: none;
148
+ width: 100%;
149
+ }
150
+ .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
151
+ height: 27px;
152
+ vertical-align: middle;
153
+ }
154
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
155
+ height: 100%;
156
+ min-height: 100%;
157
+ }
158
+ .e-multi-select-wrapper .e-delim-view {
159
+ white-space: nowrap;
160
+ }
161
+ .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-overflow, .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-total {
162
+ -webkit-box-sizing: border-box;
163
+ box-sizing: border-box;
164
+ display: inline-block;
165
+ overflow: hidden;
166
+ text-overflow: ellipsis;
167
+ }
168
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
169
+ color: var(--color-sf-content-text-color);
170
+ font-size: 14px;
171
+ left: 12px;
172
+ top: 0;
173
+ }
174
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
175
+ background-color: var(--color-sf-primary);
176
+ color: var(--color-sf-content-text-color);
177
+ padding: 12px 4px 11px 0;
178
+ }
179
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
180
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
181
+ width: 0;
182
+ }
183
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
184
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
185
+ height: 1px;
186
+ min-height: 1px;
187
+ }
188
+ .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
189
+ max-width: 100%;
190
+ }
191
+
192
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
193
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
194
+ display: -webkit-box;
195
+ display: -ms-flexbox;
196
+ display: flex;
197
+ float: left;
198
+ width: auto;
199
+ }
200
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
201
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
202
+ display: -webkit-inline-box;
203
+ display: -ms-inline-flexbox;
204
+ display: inline-flex;
205
+ float: none;
206
+ }
207
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
208
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
209
+ width: 0;
210
+ }
211
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
212
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
213
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
214
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
215
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
216
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
217
+ display: none;
218
+ }
219
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
220
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
221
+ padding: 0 48px 0 0;
222
+ }
223
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
224
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
225
+ -webkit-box-align: center;
226
+ -ms-flex-align: center;
227
+ align-items: center;
228
+ display: inline;
229
+ max-width: 100%;
230
+ word-break: break-word;
231
+ }
232
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
233
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
234
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
235
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
236
+ -webkit-box-align: center;
237
+ -ms-flex-align: center;
238
+ align-items: center;
239
+ cursor: pointer;
240
+ display: none;
241
+ -webkit-box-orient: horizontal;
242
+ -webkit-box-direction: normal;
243
+ -ms-flex-direction: row;
244
+ flex-direction: row;
245
+ margin-top: -2em;
246
+ outline: 0;
247
+ padding: 0;
248
+ position: absolute;
249
+ right: 5px;
250
+ top: 100%;
251
+ }
252
+ .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
253
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
254
+ .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
255
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
256
+ display: -webkit-box;
257
+ display: -ms-flexbox;
258
+ display: flex;
259
+ }
260
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
261
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
262
+ margin-right: 0;
263
+ margin-top: -2.1em;
264
+ right: 0;
265
+ }
266
+ .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
267
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
268
+ top: -1px;
269
+ }
270
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
271
+ .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
272
+ font-size: 14px;
273
+ height: 24px;
274
+ width: 24px;
275
+ }
276
+
277
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
278
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
279
+ float: right;
280
+ }
281
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
282
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
283
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
284
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
285
+ left: 0;
286
+ right: auto;
287
+ }
288
+ .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
289
+ .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
290
+ padding: 0 0 0 48px;
291
+ }
292
+
293
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
294
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
295
+ opacity: 0.7;
296
+ pointer-events: none;
297
+ }
298
+
299
+ .e-multiselect.e-input-group,
300
+ .e-multiselect.e-float-input {
301
+ word-wrap: initial;
302
+ }
303
+
304
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
305
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
306
+ top: 15px;
307
+ }
308
+
309
+ .e-multi-select-wrapper.e-close-icon-hide {
310
+ padding-right: 0;
311
+ }
312
+
313
+ .e-multi-select-wrapper .e-chips-collection {
314
+ cursor: default;
315
+ display: block;
316
+ }
317
+
318
+ .e-multiselect.e-input-group.e-control-wrapper:not(.e-control-container) .e-multi-select-wrapper.e-down-icon .e-chips-collection {
319
+ margin-right: 30px;
320
+ }
321
+
322
+ .e-multi-select-wrapper .e-multi-hidden {
323
+ border: 0;
324
+ height: 0;
325
+ position: absolute;
326
+ visibility: hidden;
327
+ width: 0;
328
+ }
329
+
330
+ .e-multi-select-wrapper .e-chips {
331
+ -webkit-box-align: center;
332
+ -ms-flex-align: center;
333
+ align-items: center;
334
+ display: -webkit-inline-box;
335
+ display: -ms-inline-flexbox;
336
+ display: inline-flex;
337
+ float: left;
338
+ margin: 3px;
339
+ max-width: 100%;
340
+ overflow: hidden;
341
+ padding: 0 6px 0 8px;
342
+ text-overflow: ellipsis;
343
+ white-space: nowrap;
344
+ }
345
+
346
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
347
+ max-width: 100%;
348
+ overflow: hidden;
349
+ padding: 0 6px 1px 0;
350
+ text-indent: 0;
351
+ text-overflow: ellipsis;
352
+ white-space: nowrap;
353
+ }
354
+
355
+ .e-multi-select-wrapper.e-delimiter .e-searcher {
356
+ display: inline-block;
357
+ float: none;
358
+ }
359
+
360
+ .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
361
+ padding: 8px 4px 8px 0;
362
+ }
363
+
364
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent {
365
+ padding: 8px 0 8px 4px;
366
+ }
367
+
368
+ .e-multi-select-wrapper .e-chips-close {
369
+ -ms-flex-item-align: center;
370
+ align-self: center;
371
+ display: -webkit-box;
372
+ display: -ms-flexbox;
373
+ display: flex;
374
+ float: right;
375
+ font-family: "e-icons";
376
+ height: 14px;
377
+ margin: 0 0 0;
378
+ width: 14px;
379
+ }
380
+
381
+ .e-rtl .e-multi-select-wrapper .e-chips-close {
382
+ margin: 0 0 0;
383
+ }
384
+
385
+ .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
386
+ margin: 3px 0 0;
387
+ }
388
+
389
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
390
+ cursor: default;
391
+ font-size: 14px;
392
+ height: 24px;
393
+ margin-top: -2em;
394
+ position: absolute;
395
+ right: 5px;
396
+ width: 24px;
397
+ top: 100%;
398
+ }
399
+
400
+ .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
401
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
402
+ .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
403
+ right: 30px;
404
+ }
405
+
406
+ .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
407
+ left: 30px;
408
+ right: auto;
409
+ }
410
+
411
+ .e-multi-select-wrapper input[type=text] {
412
+ background: none;
413
+ border: 0;
414
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
415
+ font-size: 14px;
416
+ font-weight: normal;
417
+ height: 30px;
418
+ min-height: 30px;
419
+ outline: none;
420
+ padding: 0 0 0 8px;
421
+ text-indent: 0;
422
+ }
423
+
424
+ .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
425
+ background: none;
426
+ border: 0;
427
+ color: inherit;
428
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
429
+ font-size: 14px;
430
+ font-weight: normal;
431
+ height: 30px;
432
+ min-height: 30px;
433
+ outline: none;
434
+ padding: 0;
435
+ text-indent: 8px;
436
+ }
437
+
438
+ .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
439
+ padding: 5px;
440
+ }
441
+
442
+ /* stylelint-disable property-no-vendor-prefix */
443
+ .e-multi-select-wrapper input[type=text]::-ms-clear {
444
+ display: none;
445
+ }
446
+
447
+ .e-multi-select-wrapper .e-searcher {
448
+ display: block;
449
+ float: left;
450
+ width: auto;
451
+ }
452
+
453
+ .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
454
+ width: calc(100% - 32px);
455
+ }
456
+
457
+ .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
458
+ .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
459
+ width: calc(100% - 30px);
460
+ }
461
+
462
+ .e-multi-select-wrapper .e-delim-values {
463
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
464
+ font-size: 14px;
465
+ line-height: 28px;
466
+ max-width: 100%;
467
+ padding-left: 8px;
468
+ padding-right: 6px;
469
+ vertical-align: middle;
470
+ }
471
+
472
+ .e-multi-select-list-wrapper .e-hide-listitem,
473
+ .e-multi-select-list-wrapper .e-hide-group-header {
474
+ display: none;
475
+ }
476
+
477
+ .e-multi-select-wrapper .e-delim-values .e-remain {
478
+ color: var(--color-sf-content-text-color);
479
+ cursor: pointer;
480
+ display: inline-block;
481
+ font-size: 14px;
482
+ padding-left: 8px;
483
+ }
484
+
485
+ .e-multiselect.e-disabled .e-multi-select-wrapper,
486
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
487
+ cursor: not-allowed;
488
+ }
489
+
490
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
491
+ height: 40px;
492
+ left: 0;
493
+ margin: 0 0 0 0;
494
+ margin-left: auto;
495
+ position: relative;
496
+ top: 0;
497
+ width: 40px;
498
+ }
499
+
500
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
501
+ -ms-flex-item-align: center;
502
+ align-self: center;
503
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
504
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
505
+ display: -webkit-inline-box;
506
+ display: -ms-inline-flexbox;
507
+ display: inline-flex;
508
+ padding: 0 0 0 16px;
509
+ width: 92%;
510
+ }
511
+
512
+ .e-multi-select-wrapper .e-ddl-disable-icon::before {
513
+ content: "";
514
+ }
515
+
516
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
517
+ float: none;
518
+ }
519
+
520
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
521
+ padding-left: 0;
522
+ }
523
+ .e-multiselect.e-rtl .e-multi-select-wrapper {
524
+ padding: 0 2px 0 32px;
525
+ }
526
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
527
+ left: -12px;
528
+ }
529
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
530
+ margin: 0;
531
+ margin-right: auto;
532
+ }
533
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
534
+ float: right;
535
+ }
536
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
537
+ float: right;
538
+ margin: 4px;
539
+ padding: 0 8px 0 4px;
540
+ }
541
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
542
+ padding: 5px 4px;
543
+ }
544
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
545
+ float: left;
546
+ }
547
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
548
+ left: 0;
549
+ }
550
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
551
+ padding: 0 4px 0 8px;
552
+ }
553
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
554
+ padding: 8px 4px;
555
+ }
556
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
557
+ padding: 0 8px 0 4px;
558
+ }
559
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
560
+ padding: 12px 4px;
561
+ }
562
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
563
+ left: 30px;
564
+ position: absolute;
565
+ right: auto;
566
+ }
567
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
568
+ left: -4px;
569
+ }
570
+ .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
571
+ padding-right: 8px;
572
+ }
573
+
574
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
575
+ left: 19px;
576
+ }
577
+
578
+ .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
579
+ left: 25px;
580
+ }
581
+
582
+ .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
583
+ bottom: 1px;
584
+ margin-right: 8px;
585
+ position: relative;
586
+ text-indent: 0;
587
+ vertical-align: middle;
588
+ }
589
+
590
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
591
+ padding-left: 0;
592
+ }
593
+
594
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
595
+ padding-right: 25px;
596
+ }
597
+
598
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
599
+ bottom: 1px;
600
+ margin-right: 8px;
601
+ position: relative;
602
+ text-indent: 0;
603
+ vertical-align: middle;
604
+ }
605
+
606
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
607
+ margin-left: 12px;
608
+ margin-right: 0;
609
+ }
610
+
611
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
612
+ margin-left: 12px;
613
+ margin-right: 0;
614
+ }
615
+
616
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
617
+ padding-right: 0;
618
+ }
619
+
620
+ .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
621
+ padding-right: 0;
622
+ }
623
+
624
+ .e-multi-select-list-wrapper .e-selectall-parent {
625
+ cursor: pointer;
626
+ display: block;
627
+ line-height: 36px;
628
+ overflow: hidden;
629
+ text-overflow: ellipsis;
630
+ padding-right: 16px;
631
+ position: relative;
632
+ text-indent: 12px;
633
+ white-space: nowrap;
634
+ width: 100%;
635
+ }
636
+
637
+ .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
638
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
639
+ padding-left: 16px;
640
+ padding-right: 0;
641
+ }
642
+
643
+ .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
644
+ color: var(--color-sf-content-text-color);
645
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
646
+ font-size: 14px;
647
+ }
648
+
649
+ .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
650
+ bottom: 1px;
651
+ margin-right: 8px;
652
+ position: relative;
653
+ text-indent: 0;
654
+ vertical-align: middle;
655
+ }
656
+
657
+ .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
658
+ margin-left: 12px;
659
+ margin-right: 0;
660
+ }
661
+
662
+ .e-multiselect .e-input-group-icon.e-ddl-icon {
663
+ float: right;
664
+ margin-top: 0;
665
+ }
666
+
667
+ .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
668
+ float: left;
669
+ }
670
+
671
+ .e-multiselect.e-checkbox .e-multi-select-wrapper,
672
+ .e-multiselect .e-multi-select-wrapper.e-down-icon {
673
+ padding: 0;
674
+ }
675
+
676
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
677
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
678
+ padding: 0 0 0 8px;
679
+ }
680
+
681
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
682
+ padding-left: 8px;
683
+ }
684
+
685
+ .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
686
+ padding: 0 8px;
687
+ }
688
+
689
+ .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
690
+ line-height: 20px;
691
+ padding-left: 10px;
692
+ }
693
+
694
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
695
+ .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
696
+ opacity: 0.3;
697
+ }
698
+
699
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
700
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
701
+ opacity: 0.7;
702
+ }
703
+
704
+ .e-multi-select-wrapper input[readonly=true] {
705
+ pointer-events: none;
706
+ }
707
+
708
+ .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
709
+ pointer-events: none;
710
+ }
711
+
712
+ ejs-multiselect {
713
+ display: block;
714
+ }
715
+
716
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
717
+ .e-small .e-multi-select-list-wrapper .e-selectall-parent {
718
+ line-height: 26px;
719
+ }
720
+
721
+ .e-small .e-multi-select-wrapper .e-chips-close {
722
+ height: 12px;
723
+ width: 12px;
724
+ }
725
+
726
+ .e-small .e-multi-select-wrapper {
727
+ min-height: 24px;
728
+ }
729
+
730
+ .e-small .e-multi-select-wrapper input[type=text] {
731
+ height: 24px;
732
+ min-height: 24px;
733
+ }
734
+
735
+ .e-small .e-multi-select-wrapper .e-delim-values {
736
+ font-size: 12px;
737
+ line-height: 24px;
738
+ }
739
+
740
+ .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
741
+ .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
742
+ margin-top: -1.7em;
743
+ }
744
+
745
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
746
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
747
+ margin-top: -2em;
748
+ }
749
+
750
+ .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
751
+ background-size: 300px 33px;
752
+ min-height: 33px;
753
+ }
754
+
755
+ .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
756
+ color: inherit;
757
+ }
758
+
759
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
760
+ .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
761
+ -webkit-box-align: normal;
762
+ -ms-flex-align: normal;
763
+ align-items: normal;
764
+ }
765
+
766
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
767
+ padding: 0 12px 0 8px;
768
+ }
769
+
770
+ .e-multiselect.e-filled.e-input-group.e-control-wrapper {
771
+ padding: 0;
772
+ }
773
+
774
+ .e-filled.e-float-input .e-multi-select-wrapper {
775
+ padding: 11px 12px 0;
776
+ }
777
+
778
+ .e-small.e-filled.e-float-input .e-multi-select-wrapper,
779
+ .e-small .e-filled.e-float-input .e-multi-select-wrapper {
780
+ padding: 12px 12px 0 8px;
781
+ }
782
+
783
+ .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
784
+ .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
785
+ padding: 0;
786
+ }
787
+
788
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
789
+ height: 28px;
790
+ }
791
+
792
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
793
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
794
+ .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
795
+ .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
796
+ .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
797
+ height: 24px;
798
+ }
799
+
800
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
801
+ height: 18px;
802
+ }
803
+
804
+ .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
805
+ .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
806
+ margin: 8px 8px 0 0;
807
+ padding: 0 8px;
808
+ }
809
+
810
+ .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
811
+ .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
812
+ margin: 8px 0 0 8px;
813
+ padding: 0 8px;
814
+ }
815
+
816
+ .e-small .e-filled .e-multi-select-wrapper .e-chips,
817
+ .e-small.e-filled .e-multi-select-wrapper .e-chips {
818
+ height: 16px;
819
+ margin: 4px 4px 0 0;
820
+ padding-right: 8px;
821
+ }
822
+
823
+ .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
824
+ .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
825
+ margin: 4px 0 0 4px;
826
+ }
827
+
828
+ .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
829
+ font-size: 13px;
830
+ padding: 0 8px 0 0;
831
+ }
832
+
833
+ .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
834
+ .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
835
+ font-size: 12px;
836
+ }
837
+
838
+ .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
839
+ font-size: 12px;
840
+ padding: 0 4px 0 0;
841
+ }
842
+
843
+ .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
844
+ padding: 0 0 0 4px;
845
+ }
846
+
847
+ .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
848
+ .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
849
+ font-size: 10px;
850
+ }
851
+
852
+ .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
853
+ font-size: 13px;
854
+ padding-right: 4px;
855
+ }
856
+
857
+ .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
858
+ .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
859
+ height: 38px;
860
+ margin-top: -38px;
861
+ right: 12px;
862
+ top: 100%;
863
+ width: 16px;
864
+ }
865
+
866
+ .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
867
+ .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
868
+ .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
869
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
870
+ .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
871
+ display: none;
872
+ }
873
+
874
+ .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
875
+ margin-right: 0;
876
+ }
877
+
878
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
879
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
880
+ cursor: not-allowed;
881
+ }
882
+
883
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
884
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
885
+ cursor: pointer;
886
+ }
887
+
888
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
889
+ bottom: 0;
890
+ right: 0;
891
+ cursor: nwse-resize;
892
+ height: 15px;
893
+ position: absolute;
894
+ width: 15px;
895
+ }
896
+
897
+ .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
898
+ color: var(--color-sf-content-text-color);
899
+ }
900
+
901
+ .e-multi-select-wrapper .e-chips.e-chip-selected {
902
+ background-color: var(--color-sf-content-bg-color-alt5);
903
+ }
904
+
905
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
906
+ background-color: var(--color-sf-content-bg-color-pressed);
907
+ }
908
+
909
+ .e-multiselect {
910
+ -webkit-box-sizing: border-box;
911
+ box-sizing: border-box;
912
+ }
913
+
914
+ /* stylelint-disable property-no-vendor-prefix */
915
+ .e-multi-select-wrapper .e-chips > .e-chipcontent {
916
+ -webkit-text-fill-color: var(--color-sf-content-text-color);
917
+ color: var(--color-sf-content-text-color);
918
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
919
+ font-size: 14px;
920
+ }
921
+
922
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
923
+ color: var(--color-sf-content-text-color);
924
+ }
925
+
926
+ .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
927
+ color: var(--color-sf-content-text-color-hover);
928
+ }
929
+
930
+ .e-multi-select-wrapper .e-chips {
931
+ background-color: var(--color-sf-content-bg-color);
932
+ border: 1px solid var(--color-sf-border-light);
933
+ border-radius: 4px;
934
+ height: 24px;
935
+ }
936
+
937
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
938
+ background-color: var(--color-sf-content-bg-color-hover);
939
+ }
940
+
941
+ .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
942
+ color: var(--color-sf-content-text-color-hover);
943
+ }
944
+
945
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
946
+ -webkit-text-fill-color: var(--color-sf-icon-color);
947
+ color: var(--color-sf-icon-color);
948
+ font-size: 14px;
949
+ }
950
+
951
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
952
+ background-color: var(--color-sf-primary);
953
+ border-radius: 2px;
954
+ color: var(--color-sf-content-text-color);
955
+ height: 40px;
956
+ line-height: 40px;
957
+ }
958
+
959
+ .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
960
+ color: var(--color-sf-content-text-color);
961
+ }
962
+
963
+ .e-multi-select-wrapper .e-chips.e-mob-chip {
964
+ height: 30px;
965
+ }
966
+
967
+ .e-popup.e-multi-select-list-wrapper {
968
+ -webkit-box-shadow: 0 0 4px 0 rgba(var(--color-sf-black), 0.1), 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
969
+ box-shadow: 0 0 4px 0 rgba(var(--color-sf-black), 0.1), 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
970
+ -webkit-box-sizing: content-box;
971
+ box-sizing: content-box;
972
+ overflow: initial;
973
+ }
974
+
975
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
976
+ border-bottom: 0 solid transparent;
977
+ border-left: 0 solid var(--color-sf-content-bg-color-selected);
978
+ border-right: 0 solid var(--color-sf-content-bg-color-selected);
979
+ border-top: 0 solid var(--color-sf-border-selected);
980
+ }
981
+
982
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
983
+ background-color: transparent;
984
+ border-color: transparent;
985
+ color: var(--color-sf-content-text-color);
986
+ }
987
+
988
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
989
+ background-color: transparent;
990
+ border-color: transparent;
991
+ color: var(--color-sf-content-text-color);
992
+ }
993
+
994
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
995
+ color: var(--color-sf-content-text-color);
996
+ }
997
+
998
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-item-focus {
999
+ color: var(--color-sf-content-text-color);
1000
+ }
1001
+
1002
+ .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
1003
+ background-color: var(--color-sf-content-bg-color-hover);
1004
+ }
1005
+
1006
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
1007
+ background-color: var(--color-sf-content-bg-color-hover);
1008
+ }
1009
+
1010
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
1011
+ border-bottom: 0 solid transparent;
1012
+ border-top: 0 solid transparent;
1013
+ }
1014
+
1015
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
1016
+ border-bottom: 0 solid transparent;
1017
+ }
1018
+
1019
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
1020
+ border-top: 0 solid transparent;
1021
+ }
1022
+
1023
+ .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1024
+ background-color: var(--color-sf-content-bg-color-selected);
1025
+ -webkit-box-shadow: none;
1026
+ box-shadow: none;
1027
+ color: var(--color-sf-content-text-color-selected);
1028
+ border: 0 solid transparent;
1029
+ }
1030
+
1031
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1032
+ background-color: var(--color-sf-content-bg-color-selected);
1033
+ -webkit-box-shadow: none;
1034
+ box-shadow: none;
1035
+ color: var(--color-sf-content-text-color-selected);
1036
+ border: 0 solid transparent;
1037
+ }
1038
+
1039
+ .e-popup.e-multi-select-list-wrapper .e-list-item {
1040
+ border: 0 solid transparent;
1041
+ }
1042
+
1043
+ .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
1044
+ border: 0 solid transparent;
1045
+ }
1046
+
1047
+ .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1048
+ color: var(--color-sf-placeholder-text-color);
1049
+ }
1050
+
1051
+ .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1052
+ color: var(--color-sf-placeholder-text-color);
1053
+ }
1054
+
1055
+ .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1056
+ color: var(--color-sf-placeholder-text-color);
1057
+ }
1058
+
1059
+ .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
1060
+ color: var(--color-sf-placeholder-text-color);
1061
+ }
1062
+
1063
+ .e-ul.e-reorder {
1064
+ border-bottom: 1px solid var(--color-sf-border-light);
1065
+ }
1066
+
1067
+ .e-multi-select-list-wrapper .e-selectall-parent {
1068
+ border-bottom: 1px solid var(--color-sf-border-light);
1069
+ }
1070
+
1071
+ .e-multi-select-wrapper .e-delim-values {
1072
+ -webkit-text-fill-color: var(--color-sf-content-text-color);
1073
+ color: var(--color-sf-content-text-color);
1074
+ }
1075
+
1076
+ .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1077
+ color: var(--color-sf-content-text-color);
1078
+ }
1079
+
1080
+ .e-small .e-multi-select-wrapper .e-chips {
1081
+ height: 20px;
1082
+ }
1083
+
1084
+ .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1085
+ font-size: 12px;
1086
+ }
1087
+
1088
+ .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1089
+ font-size: 12px;
1090
+ }
1091
+
1092
+ .e-small .e-multi-select-wrapper .e-close-hooker::before {
1093
+ left: 0;
1094
+ }
1095
+
1096
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1097
+ -webkit-text-fill-color: var(--color-sf-content-text-color-alt1);
1098
+ color: var(--color-sf-content-text-color-alt1);
1099
+ }
1100
+
1101
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1102
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1103
+ margin-top: -2.25em;
1104
+ }
1105
+
1106
+ .e-bigger .e-multi-select-wrapper {
1107
+ min-height: 38px;
1108
+ }
1109
+
1110
+ .e-bigger .e-multi-select-wrapper .e-chips {
1111
+ margin: 3px;
1112
+ }
1113
+
1114
+ .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1115
+ padding: 8px 4px 8px 0;
1116
+ }
1117
+
1118
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
1119
+ padding: 8px 0 8px 4px;
1120
+ }
1121
+
1122
+ .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1123
+ margin-top: -2.25em;
1124
+ }
1125
+
1126
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1127
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1128
+ margin-top: -2.25em;
1129
+ }
1130
+
1131
+ .e-bigger .e-multi-select-wrapper input[type=text],
1132
+ .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
1133
+ height: 30px;
1134
+ min-height: 30px;
1135
+ }
1136
+
1137
+ .e-bigger .e-multi-select-wrapper input[type=text] {
1138
+ height: 36px;
1139
+ min-height: 36px;
1140
+ }
1141
+
1142
+ .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1143
+ .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1144
+ width: calc(100% - 38px);
1145
+ }
1146
+
1147
+ .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1148
+ .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1149
+ .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1150
+ .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1151
+ width: calc(100% - 32px);
1152
+ }
1153
+
1154
+ .e-bigger .e-multi-select-wrapper .e-delim-values {
1155
+ line-height: 36px;
1156
+ padding-left: 12px;
1157
+ }
1158
+
1159
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
1160
+ padding-right: 25px;
1161
+ }
1162
+
1163
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
1164
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1165
+ bottom: 1px;
1166
+ margin-right: 12px;
1167
+ }
1168
+
1169
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
1170
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1171
+ bottom: 1px;
1172
+ margin-right: 12px;
1173
+ }
1174
+
1175
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
1176
+ padding-left: 16px;
1177
+ }
1178
+
1179
+ .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 {
1180
+ padding-left: 0;
1181
+ }
1182
+
1183
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
1184
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
1185
+ font-size: 14px;
1186
+ line-height: 48px;
1187
+ text-indent: 16px;
1188
+ }
1189
+
1190
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
1191
+ .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
1192
+ bottom: 1px;
1193
+ margin-right: 12px;
1194
+ }
1195
+
1196
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
1197
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
1198
+ padding: 0;
1199
+ }
1200
+
1201
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
1202
+ padding-left: 8px;
1203
+ }
1204
+
1205
+ .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
1206
+ line-height: 34px;
1207
+ }
1208
+
1209
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
1210
+ .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
1211
+ line-height: 40px;
1212
+ }
1213
+
1214
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1215
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1216
+ margin-top: -2.65em;
1217
+ }
1218
+
1219
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1220
+ height: 14px;
1221
+ width: 14px;
1222
+ }
1223
+
1224
+ .e-bigger.e-small .e-multi-select-wrapper {
1225
+ min-height: 28px;
1226
+ }
1227
+
1228
+ .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
1229
+ height: 32px;
1230
+ min-height: 32px;
1231
+ }
1232
+
1233
+ .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
1234
+ font-size: 12px;
1235
+ line-height: 28px;
1236
+ }
1237
+
1238
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
1239
+ .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1240
+ margin-top: -2em;
1241
+ right: 35px;
1242
+ }
1243
+
1244
+ .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
1245
+ .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
1246
+ background-size: 300px 40px;
1247
+ min-height: 40px;
1248
+ }
1249
+
1250
+ .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
1251
+ .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
1252
+ padding: 3px 12px 0 4px;
1253
+ }
1254
+
1255
+ .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
1256
+ .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
1257
+ .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
1258
+ .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
1259
+ padding: 0;
1260
+ }
1261
+
1262
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
1263
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
1264
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
1265
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
1266
+ padding: 11px 12px 0;
1267
+ }
1268
+
1269
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
1270
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
1271
+ padding: 19px 12px 0 16px;
1272
+ }
1273
+
1274
+ .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
1275
+ padding-top: 3px;
1276
+ }
1277
+
1278
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
1279
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
1280
+ padding: 5px 0;
1281
+ }
1282
+
1283
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1284
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1285
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1286
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1287
+ height: 28px;
1288
+ }
1289
+
1290
+ .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1291
+ .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1292
+ height: 24px;
1293
+ }
1294
+
1295
+ .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1296
+ .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1297
+ height: 32px;
1298
+ }
1299
+
1300
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1301
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1302
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1303
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1304
+ height: 18px;
1305
+ }
1306
+
1307
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1308
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1309
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1310
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1311
+ .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1312
+ .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1313
+ .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1314
+ .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1315
+ margin: 8px 8px 0 0;
1316
+ padding: 0 8px;
1317
+ }
1318
+
1319
+ .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1320
+ .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1321
+ .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1322
+ .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1323
+ .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1324
+ .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1325
+ .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
1326
+ .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
1327
+ margin: 8px 0 0 8px;
1328
+ padding: 0 8px;
1329
+ }
1330
+
1331
+ .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1332
+ .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1333
+ .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1334
+ .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1335
+ padding-left: 8px;
1336
+ }
1337
+
1338
+ .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
1339
+ .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
1340
+ .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
1341
+ .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
1342
+ font-size: 13px;
1343
+ padding: 0 8px 0 0;
1344
+ }
1345
+
1346
+ .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1347
+ .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1348
+ .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1349
+ .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1350
+ font-size: 12px;
1351
+ padding: 0 4px 0 0;
1352
+ }
1353
+
1354
+ .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1355
+ .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1356
+ .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1357
+ .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1358
+ padding: 0 0 0 4px;
1359
+ }
1360
+
1361
+ .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
1362
+ .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
1363
+ font-size: 13px;
1364
+ }
1365
+
1366
+ .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
1367
+ .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
1368
+ .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1369
+ .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1370
+ .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
1371
+ .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
1372
+ padding: 0 12px;
1373
+ }
1374
+
1375
+ .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
1376
+ .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
1377
+ padding-right: 8px;
1378
+ }
1379
+
1380
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1381
+ font-size: 14px;
1382
+ }
1383
+
1384
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips {
1385
+ height: 26px;
1386
+ }
1387
+
1388
+ .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1389
+ font-size: 12px;
1390
+ }
1391
+
1392
+ .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
1393
+ left: 0;
1394
+ }
1395
+
1396
+ .e-bigger .e-multi-select-wrapper .e-chips {
1397
+ height: 30px;
1398
+ }