@syncfusion/ej2-angular-dropdowns 26.1.42 → 26.2.4

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