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