@syncfusion/ej2-dropdowns 21.2.10 → 22.1.34

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