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