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