@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,3554 +1 @@
1
- .e-dropdownbase .e-list-item .e-list-icon {
2
- padding: 0 10px 0 0;
3
- }
4
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
5
- padding: 0 12px 0 0;
6
- }
7
- .e-dropdownbase .e-list-item:not(.e-active).e-hover {
8
- border: 2px solid #fff;
9
- }
10
- .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
11
- border: 2px solid #000;
12
- }
13
- .e-dropdownbase .e-list-item.e-active {
14
- border: 2px solid #ffd939;
15
- }
16
- .e-dropdownbase .e-list-item.e-item-focus {
17
- border: 2px solid #685708;
18
- }
19
-
20
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
21
- padding: 0 8px 0 0;
22
- }
23
-
24
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
25
- padding: 0 12px 0 0;
26
- }
27
-
28
- .e-bigger .e-dropdownbase,
29
- .e-dropdownbase.e-bigger {
30
- min-height: 45px;
31
- }
32
- .e-bigger .e-dropdownbase .e-list-item,
33
- .e-dropdownbase.e-bigger .e-list-item {
34
- line-height: 48px;
35
- text-indent: 10px;
36
- }
37
-
38
- .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
39
- .e-dropdownbase.e-bigger .e-list-group-item,
40
- .e-dropdownbase.e-bigger .e-fixed-head {
41
- line-height: 48px;
42
- text-indent: 10px;
43
- }
44
-
45
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
46
- .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
47
- font-size: 20px;
48
- }
49
-
50
- .e-dropdownbase {
51
- display: block;
52
- height: 100%;
53
- min-height: 36px;
54
- position: relative;
55
- width: 100%;
56
- }
57
- .e-dropdownbase .e-list-parent {
58
- margin: 0;
59
- padding: 0;
60
- }
61
-
62
- .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
63
- cursor: default;
64
- }
65
-
66
- .e-dropdownbase .e-list-item {
67
- cursor: pointer;
68
- overflow: hidden;
69
- position: relative;
70
- text-overflow: ellipsis;
71
- vertical-align: middle;
72
- white-space: nowrap;
73
- width: 100%;
74
- }
75
-
76
- .e-dropdownbase .e-list-item .e-list-icon {
77
- font-size: 16px;
78
- vertical-align: middle;
79
- }
80
-
81
- .e-dropdownbase .e-fixed-head {
82
- position: absolute;
83
- top: 0;
84
- }
85
-
86
- .e-dropdownbase.e-content {
87
- overflow: auto;
88
- position: relative;
89
- }
90
-
91
- .e-popup.e-ddl .e-dropdownbase.e-nodata,
92
- .e-popup.e-mention .e-dropdownbase.e-nodata {
93
- color: #fff;
94
- cursor: default;
95
- font-family: inherit;
96
- font-size: 14px;
97
- padding: 14px 16px;
98
- text-align: center;
99
- }
100
-
101
- .e-mention.e-popup {
102
- background: #ffd939;
103
- border: 0;
104
- -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
105
- box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
106
- margin-top: 2px;
107
- position: absolute;
108
- }
109
-
110
- .e-mention .e-dropdownbase .e-list-item .e-highlight {
111
- display: inline;
112
- font-weight: bold;
113
- vertical-align: baseline;
114
- }
115
-
116
- .e-mention .e-mention-chip,
117
- .e-mention .e-mention-chip:hover {
118
- background: transparent;
119
- border-radius: 0;
120
- border: 1px solid #969696;
121
- color: #ffd939;
122
- cursor: default;
123
- }
124
-
125
- .e-mention.e-editable-element {
126
- border: 2px solid #969696;
127
- height: auto;
128
- min-height: 120px;
129
- width: 100%;
130
- }
131
-
132
- .e-form-mirror-div {
133
- white-space: pre-wrap;
134
- }
135
-
136
- .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
137
- padding-right: 20px;
138
- }
139
-
140
- .e-dropdownbase.e-dd-group .e-list-item {
141
- padding-left: 20px;
142
- text-indent: 0;
143
- }
144
-
145
- .e-small .e-dropdownbase.e-dd-group .e-list-item {
146
- padding-left: 20px;
147
- }
148
-
149
- .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
150
- padding-left: 20px;
151
- }
152
-
153
- .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
154
- padding-left: 20px;
155
- }
156
-
157
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
158
- text-indent: 0;
159
- }
160
-
161
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
162
- cursor: pointer;
163
- font-weight: normal;
164
- overflow: hidden;
165
- position: relative;
166
- text-overflow: ellipsis;
167
- vertical-align: middle;
168
- white-space: nowrap;
169
- width: 100%;
170
- }
171
-
172
- .e-rtl.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-item {
173
- padding-right: 20px;
174
- }
175
-
176
- .e-rtl .e-dropdownbase .e-list-item {
177
- padding-left: 16px;
178
- padding-right: 0;
179
- }
180
- .e-small.e-rtl .e-dropdownbase .e-list-item,
181
- .e-small .e-rtl .e-dropdownbase .e-list-item,
182
- .e-rtl .e-small .e-dropdownbase .e-list-item {
183
- padding-left: 16px;
184
- padding-right: 0;
185
- }
186
- .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
187
- .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
188
- .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
189
- .e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
190
- .e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
191
- padding-left: 16px;
192
- padding-right: 0;
193
- }
194
- .e-dropdownbase {
195
- border-color: #969696;
196
- }
197
- .e-dropdownbase .e-list-item {
198
- /* stylelint-disable property-no-vendor-prefix */
199
- -webkit-tap-highlight-color: transparent;
200
- border-bottom: 2px;
201
- border-color: transparent;
202
- color: #fff;
203
- font-family: inherit;
204
- font-size: 14px;
205
- line-height: 36px;
206
- min-height: 36px;
207
- padding-right: 16px;
208
- text-indent: 10px;
209
- background-color: #000;
210
- }
211
-
212
- .e-dropdownbase .e-list-group-item,
213
- .e-fixed-head {
214
- border-color: transparent;
215
- color: #ffd939;
216
- font-family: inherit;
217
- font-size: 14px;
218
- font-weight: 600;
219
- line-height: 36px;
220
- min-height: 36px;
221
- padding-left: 10px;
222
- padding-right: 16px;
223
- background-color: #000;
224
- }
225
-
226
- .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
227
- background-color: #ffd939;
228
- border-color: #ffd939;
229
- color: #000;
230
- }
231
-
232
- .e-dropdownbase .e-list-item.e-hover {
233
- background-color: #685708;
234
- border-color: #fff;
235
- color: #fff;
236
- }
237
-
238
- .e-dropdownbase .e-list-item:last-child {
239
- border-bottom: 0;
240
- }
241
-
242
- .e-dropdownbase .e-list-item.e-item-focus {
243
- background-color: #685708;
244
- }
245
-
246
- .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
247
- font-size: 14px;
248
- padding-left: 10px;
249
- }
250
-
251
- .e-multi-column.e-ddl.e-popup.e-popup-open table {
252
- border-collapse: collapse;
253
- table-layout: fixed;
254
- width: 100%;
255
- }
256
-
257
- .e-multi-column.e-ddl.e-popup.e-popup-open th,
258
- .e-multi-column.e-ddl.e-popup.e-popup-open td {
259
- display: table-cell;
260
- overflow: hidden;
261
- padding-right: 16px;
262
- text-indent: 10px;
263
- text-overflow: ellipsis;
264
- }
265
-
266
- .e-multi-column.e-ddl.e-popup.e-popup-open th {
267
- line-height: 36px;
268
- text-align: left;
269
- }
270
-
271
- .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header {
272
- background-color: #000;
273
- border-color: #969696;
274
- border-style: solid;
275
- border-width: 0 0 1px 0;
276
- color: #ffd939;
277
- font-family: inherit;
278
- font-size: 14px;
279
- font-weight: 600;
280
- text-indent: 10px;
281
- }
282
-
283
- .e-multi-column.e-ddl.e-popup.e-popup-open .e-dropdownbase .e-list-item {
284
- padding-right: 0;
285
- }
286
-
287
- .e-multi-column.e-ddl.e-popup.e-popup-open.e-scroller .e-ddl-header {
288
- padding-right: 16px;
289
- }
290
-
291
- .e-multi-column.e-ddl.e-popup.e-popup-open .e-ddl-header,
292
- .e-multi-column.e-ddl.e-popup.e-popup-open.e-ddl-device .e-ddl-header {
293
- padding-right: 0;
294
- }
295
-
296
- .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-center {
297
- text-align: center;
298
- }
299
-
300
- .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-right {
301
- text-align: right;
302
- }
303
-
304
- .e-multi-column.e-ddl.e-popup.e-popup-open .e-text-left {
305
- text-align: left;
306
- }
307
-
308
- .e-small .e-dropdownbase .e-list-item,
309
- .e-dropdownbase.e-small .e-list-item {
310
- color: #fff;
311
- line-height: 26px;
312
- min-height: 26px;
313
- text-indent: 10px;
314
- }
315
-
316
- .e-small .e-dropdownbase .e-list-group-item, .e-small .e-dropdownbase .e-fixed-head,
317
- .e-dropdownbase.e-small .e-list-group-item,
318
- .e-dropdownbase.e-small .e-fixed-head {
319
- font-size: 14px;
320
- line-height: 26px;
321
- min-height: 26px;
322
- padding-left: 10px;
323
- }
324
-
325
- .e-small .e-dropdownbase .e-list-item .e-list-icon,
326
- .e-dropdownbase.e-small .e-list-item .e-list-icon {
327
- font-size: 14px;
328
- }
329
-
330
- .e-bigger.e-small .e-dropdownbase .e-list-item,
331
- .e-dropdownbase.e-small.e-bigger .e-list-item {
332
- color: #fff;
333
- line-height: 40px;
334
- min-height: 40px;
335
- text-indent: 16px;
336
- }
337
-
338
- .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
339
- .e-dropdownbase.e-small.e-bigger .e-list-group-item,
340
- .e-dropdownbase.e-small.e-bigger .e-fixed-head {
341
- line-height: 40px;
342
- min-height: 40px;
343
- padding-left: 10px;
344
- }
345
-
346
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
347
- .e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
348
- font-size: 18px;
349
- }
350
-
351
- .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
352
- .e-dropdownbase.e-bigger.e-small .e-list-group-item,
353
- .e-dropdownbase.e-bigger.e-small .e-fixed-head {
354
- font-size: 14px;
355
- }
356
-
357
- .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
358
- background-color: #000;
359
- border-bottom: 2px;
360
- border-color: transparent;
361
- color: #fff;
362
- font-family: inherit;
363
- text-indent: 10px;
364
- font-size: 14px;
365
- padding-right: 16px;
366
- }
367
-
368
- .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
369
- background-color: #685708;
370
- }
371
-
372
- .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active,
373
- .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover {
374
- background-color: #ffd939;
375
- border-color: #ffd939;
376
- color: #000;
377
- }
378
-
379
- .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover {
380
- background-color: #685708;
381
- border-color: #fff;
382
- color: #fff;
383
- }
384
-
385
- .e-selectall-parent.e-item-focus {
386
- background-color: #685708;
387
- }
388
-
389
- /* stylelint-disable property-no-vendor-prefix */
390
- /* stylelint-disable property-no-vendor-prefix */
391
- @-webkit-keyframes material-spinner-rotate {
392
- 0% {
393
- -webkit-transform: rotate(0);
394
- transform: rotate(0);
395
- }
396
- 100% {
397
- -webkit-transform: rotate(360deg);
398
- transform: rotate(360deg);
399
- }
400
- }
401
- @keyframes material-spinner-rotate {
402
- 0% {
403
- -webkit-transform: rotate(0);
404
- transform: rotate(0);
405
- }
406
- 100% {
407
- -webkit-transform: rotate(360deg);
408
- transform: rotate(360deg);
409
- }
410
- }
411
- @-webkit-keyframes fabric-spinner-rotate {
412
- 0% {
413
- -webkit-transform: rotate(0);
414
- transform: rotate(0);
415
- }
416
- 100% {
417
- -webkit-transform: rotate(360deg);
418
- transform: rotate(360deg);
419
- }
420
- }
421
- @keyframes fabric-spinner-rotate {
422
- 0% {
423
- -webkit-transform: rotate(0);
424
- transform: rotate(0);
425
- }
426
- 100% {
427
- -webkit-transform: rotate(360deg);
428
- transform: rotate(360deg);
429
- }
430
- }
431
- .e-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
432
- height: 36px;
433
- }
434
-
435
- .e-popup.e-ddl .e-dropdownbase {
436
- min-height: 26px;
437
- }
438
-
439
- .e-ddl.e-popup {
440
- border: 0;
441
- -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
442
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
443
- margin-top: 1px;
444
- }
445
- .e-ddl.e-popup .e-content.e-nodata {
446
- background-color: #000;
447
- }
448
- .e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
449
- color: #ffd939;
450
- }
451
- .e-ddl.e-popup .e-input-group {
452
- display: -webkit-box;
453
- display: -ms-flexbox;
454
- display: flex;
455
- width: auto;
456
- }
457
- .e-ddl.e-popup .e-input-group input {
458
- line-height: 15px;
459
- }
460
-
461
- .e-ddl.e-popup .e-input-group .e-clear-icon {
462
- border-radius: 20px;
463
- height: 20px;
464
- margin: 5px;
465
- min-width: 20px;
466
- }
467
- .e-ddl.e-popup .e-input-group .e-clear-icon::before {
468
- font-size: 10px;
469
- }
470
- .e-ddl.e-popup .e-filter-parent {
471
- border-left-width: 0;
472
- border-right-width: 0;
473
- }
474
- .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
475
- border-color: #fff;
476
- }
477
- .e-bigger .e-ddl.e-popup.e-ddl-device.e-ddl-device-filter {
478
- margin-top: 0;
479
- }
480
- .e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
481
- font-size: 15px;
482
- line-height: 45px;
483
- padding-left: 0;
484
- text-indent: 16px;
485
- }
486
- .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
487
- padding-left: 4px;
488
- }
489
- .e-bigger .e-ddl.e-popup .e-input-group {
490
- padding: 4px 0;
491
- }
492
- .e-bigger .e-ddl.e-popup .e-input-group input {
493
- height: 46px;
494
- }
495
- .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
496
- font-size: 14px;
497
- line-height: 40px;
498
- padding-left: 0;
499
- text-indent: 16px;
500
- }
501
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
502
- padding-left: 4px;
503
- }
504
- .e-bigger.e-small .e-ddl.e-popup .e-input-group {
505
- padding: 0;
506
- }
507
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input {
508
- height: 34px;
509
- }
510
-
511
- .e-ddl .e-search-icon::before {
512
- content: "\e97d";
513
- }
514
-
515
- .e-ddl .e-back-icon::before {
516
- content: "\e962";
517
- }
518
-
519
- .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
520
- content: "\e966";
521
- font-family: "e-icons";
522
- }
523
-
524
- .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
525
- margin-left: -20px;
526
- }
527
-
528
- .e-bigger .e-ddl.e-popup .e-list-item {
529
- font-size: 15px;
530
- }
531
- .e-bigger .e-ddl.e-popup .e-list-group-item {
532
- font-size: 15px;
533
- }
534
- .e-bigger .e-ddl.e-popup .e-input-group {
535
- padding: 4px 0;
536
- }
537
-
538
- .e-bigger.e-ddl.e-popup .e-list-item {
539
- font-size: 15px;
540
- }
541
- .e-bigger.e-ddl.e-popup .e-list-group-item {
542
- font-size: 15px;
543
- }
544
- .e-bigger.e-ddl.e-popup .e-input-group {
545
- padding: 4px 0;
546
- }
547
-
548
- .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
549
- display: block;
550
- visibility: hidden;
551
- }
552
-
553
- .e-popup-full-page {
554
- bottom: 0;
555
- left: 0;
556
- margin: 0;
557
- overflow: hidden;
558
- padding: 0;
559
- right: 0;
560
- top: 0;
561
- }
562
- .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
563
- margin: 0;
564
- }
565
-
566
- .e-ddl.e-control-wrapper .e-ddl-disable-icon {
567
- position: relative;
568
- }
569
-
570
- .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
571
- content: "";
572
- }
573
-
574
- .e-ddl-device-filter .e-filter-parent {
575
- background-color: #000;
576
- }
577
-
578
- /* stylelint-disable property-no-vendor-prefix */
579
- .e-ddl input.e-input::-webkit-contacts-auto-fill-button {
580
- display: none;
581
- pointer-events: none;
582
- position: absolute;
583
- right: 0;
584
- visibility: hidden;
585
- }
586
-
587
- /* stylelint-enable property-no-vendor-prefix */
588
- .e-filter-parent {
589
- border: 1px solid #fff;
590
- border-top-width: 0;
591
- -webkit-box-shadow: none;
592
- box-shadow: none;
593
- display: block;
594
- padding: 5px;
595
- }
596
-
597
- .e-ddl.e-input-group:not(.e-disabled) {
598
- cursor: pointer;
599
- }
600
-
601
- .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before, .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
602
- width: 0;
603
- }
604
-
605
- .e-ddl.e-popup {
606
- background: #000;
607
- border: 1px solid #969696;
608
- position: absolute;
609
- }
610
- .e-ddl.e-popup .e-search-icon {
611
- margin: 0;
612
- opacity: 0.57;
613
- padding: 8px;
614
- }
615
-
616
- .e-ddl.e-popup .e-filter-parent .e-back-icon {
617
- padding: 0;
618
- }
619
-
620
- .e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter:focus, .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
621
- padding: 0 12px;
622
- }
623
-
624
- .e-ddl.e-popup .e-input-group {
625
- margin-bottom: 0;
626
- }
627
-
628
- .e-ddl.e-popup .e-ddl-footer, .e-ddl.e-popup .e-ddl-header {
629
- cursor: default;
630
- }
631
-
632
- /* stylelint-disable property-no-vendor-prefix */
633
- .e-ddl.e-input-group .e-ddl-hidden,
634
- .e-ddl.e-float-input .e-ddl-hidden {
635
- -webkit-appearance: initial;
636
- border: 0;
637
- height: 0;
638
- padding: 0;
639
- visibility: hidden;
640
- width: 0;
641
- }
642
-
643
- .e-ddl.e-input-group,
644
- .e-ddl.e-input-group.e-input-focus:focus {
645
- outline: none;
646
- }
647
-
648
- .e-dropdownbase .e-list-item .e-highlight {
649
- display: inline;
650
- font-weight: bold;
651
- vertical-align: baseline;
652
- }
653
-
654
- .e-ddl.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide),
655
- .e-float-input input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide),
656
- .e-float-input.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide) {
657
- opacity: 1;
658
- }
659
-
660
- .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
661
- .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
662
- .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon,
663
- .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
664
- .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
665
- .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
666
- .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
667
- display: -webkit-box;
668
- display: -ms-flexbox;
669
- display: flex;
670
- }
671
-
672
- .e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
673
- .e-input-group input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
674
- .e-input-group.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
675
- .e-float-input input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
676
- .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
677
- .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
678
- .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
679
- display: none;
680
- }
681
-
682
- .e-input-group.e-static-clear input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
683
- .e-input-group.e-static-clear.e-control-wrapper input.e-dropdownlist.e-input:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
684
- .e-float-input.e-static-clear input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
685
- .e-float-input.e-static-clear.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
686
- .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
687
- .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
688
- cursor: pointer;
689
- display: -webkit-box;
690
- display: -ms-flexbox;
691
- display: flex;
692
- }
693
-
694
- .e-ddl.e-input-group .e-input-value,
695
- .e-ddl.e-input-group .e-input-value:focus {
696
- font-family: inherit;
697
- font-size: 14px;
698
- height: auto;
699
- margin: 0;
700
- outline: none;
701
- width: 100%;
702
- }
703
- .e-ddl.e-input-group input[readonly].e-input,
704
- .e-ddl.e-input-group input[readonly],
705
- .e-ddl.e-input-group .e-dropdownlist {
706
- pointer-events: none;
707
- }
708
-
709
- .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
710
- opacity: 0.7;
711
- pointer-events: none;
712
- }
713
-
714
- ejs-autocomplete,
715
- ejs-combobox,
716
- ejs-dropdownlist {
717
- display: block;
718
- }
719
-
720
- .e-small .e-ddl.e-popup .e-list-item,
721
- .e-input-group.e-ddl.e-small .e-list-item {
722
- font-size: 13px;
723
- }
724
- .e-small .e-ddl.e-popup .e-list-group-item,
725
- .e-input-group.e-ddl.e-small .e-list-group-item {
726
- font-size: 13px;
727
- }
728
-
729
- .e-small.e-ddl.e-popup .e-list-item,
730
- .e-input-group.e-ddl.e-small .e-list-item {
731
- font-size: 13px;
732
- }
733
- .e-small.e-ddl.e-popup .e-list-group-item,
734
- .e-input-group.e-ddl.e-small .e-list-group-item {
735
- font-size: 13px;
736
- }
737
-
738
- .e-bigger.e-small .e-ddl.e-popup .e-list-item,
739
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
740
- font-size: 14px;
741
- }
742
- .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
743
- .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
744
- font-size: 14px;
745
- }
746
-
747
- .e-bigger.e-small.e-ddl.e-popup .e-list-item,
748
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
749
- font-size: 14px;
750
- }
751
- .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
752
- .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
753
- font-size: 14px;
754
- }
755
-
756
- .e-content-placeholder.e-ddl.e-placeholder-ddl,
757
- .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
758
- .e-content-placeholder.e-combobox.e-placeholder-combobox {
759
- background-size: 300px 33px;
760
- min-height: 33px;
761
- }
762
-
763
- .e-bigger .e-content-placeholder.e-ddl.e-placeholder-ddl,
764
- .e-bigger.e-content-placeholder.e-ddl.e-placeholder-ddl,
765
- .e-bigger .e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
766
- .e-bigger.e-content-placeholder.e-autocomplete.e-placeholder-autocomplete,
767
- .e-bigger .e-content-placeholder.e-combobox.e-placeholder-combobox,
768
- .e-bigger.e-content-placeholder.e-combobox.e-placeholder-combobox {
769
- background-size: 300px 40px;
770
- min-height: 40px;
771
- }
772
-
773
- .e-popup {
774
- border-color: #969696;
775
- }
776
-
777
- .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
778
- .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
779
- color: #fff;
780
- }
781
-
782
- /* stylelint-disable property-no-vendor-prefix */
783
- /* stylelint-disable property-no-vendor-prefix */
784
- @keyframes material-spinner-rotate {
785
- 0% {
786
- -webkit-transform: rotate(0);
787
- transform: rotate(0);
788
- }
789
- 100% {
790
- -webkit-transform: rotate(360deg);
791
- transform: rotate(360deg);
792
- }
793
- }
794
- @keyframes fabric-spinner-rotate {
795
- 0% {
796
- -webkit-transform: rotate(0);
797
- transform: rotate(0);
798
- }
799
- 100% {
800
- -webkit-transform: rotate(360deg);
801
- transform: rotate(360deg);
802
- }
803
- }
804
- /*! TreeView's high contrast theme wise override definitions and variables */
805
- /* stylelint-disable */
806
- /* stylelint-disable */
807
- .e-ddt .e-ddt-icon::before {
808
- content: "\e966";
809
- }
810
- .e-ddt .e-chips-close::before {
811
- content: "\e7a7";
812
- }
813
-
814
- .e-ddt {
815
- cursor: pointer;
816
- outline: none;
817
- }
818
- .e-ddt .e-ddt-icon::before {
819
- -webkit-transform: rotate(0deg);
820
- transform: rotate(0deg);
821
- -webkit-transition: -webkit-transform 300ms ease;
822
- transition: -webkit-transform 300ms ease;
823
- transition: transform 300ms ease;
824
- transition: transform 300ms ease, -webkit-transform 300ms ease;
825
- }
826
- .e-ddt.e-icon-anim .e-ddt-icon::before {
827
- -webkit-transform: rotate(180deg);
828
- transform: rotate(180deg);
829
- -webkit-transition: -webkit-transform 300ms ease;
830
- transition: -webkit-transform 300ms ease;
831
- transition: transform 300ms ease;
832
- transition: transform 300ms ease, -webkit-transform 300ms ease;
833
- }
834
- .e-ddt .e-ddt-hidden {
835
- border: 0;
836
- height: 0;
837
- visibility: hidden;
838
- width: 0;
839
- }
840
- .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
841
- -webkit-box-sizing: content-box;
842
- box-sizing: content-box;
843
- min-height: 30px;
844
- }
845
- .e-ddt.e-input-group.e-control-wrapper .e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper .e-input-group-icon.e-ddt-icon {
846
- border: 0;
847
- }
848
- .e-ddt.e-input-group.e-control-wrapper .e-icon-hide, .e-ddt.e-float-input.e-control-wrapper .e-icon-hide {
849
- display: none;
850
- }
851
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
852
- bottom: 0;
853
- position: absolute;
854
- right: 0;
855
- }
856
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
857
- right: 30px;
858
- }
859
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
860
- bottom: 0;
861
- position: absolute;
862
- right: 0;
863
- }
864
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
865
- .e-ddt.e-input-group.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
866
- .e-ddt.e-input-group.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-input-focus input.e-dropdowntree.e-chip-input,
867
- .e-ddt.e-float-input.e-control-wrapper.e-show-chip input.e-dropdowntree.e-chip-input, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-input-focus input.e-dropdowntree.e-chip-input,
868
- .e-ddt.e-float-input.e-control-wrapper.e-show-text input.e-dropdowntree.e-chip-input {
869
- padding-left: 0;
870
- padding-right: 0;
871
- }
872
- .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
873
- display: -webkit-box;
874
- display: -ms-flexbox;
875
- display: flex;
876
- }
877
- .e-ddt .e-chips-wrapper {
878
- width: 100%;
879
- }
880
- .e-ddt.e-show-chip .e-chips-close {
881
- min-height: 26px;
882
- min-width: 18px;
883
- line-height: 21px;
884
- text-align: center;
885
- }
886
- .e-ddt.e-show-chip .e-chips-close::before {
887
- font-size: 10px;
888
- }
889
- .e-ddt.e-show-chip .e-chips-close::before {
890
- vertical-align: middle;
891
- }
892
- .e-ddt.e-show-chip .e-chips {
893
- -webkit-box-align: center;
894
- -ms-flex-align: center;
895
- align-items: center;
896
- border-radius: 0;
897
- -webkit-box-sizing: border-box;
898
- box-sizing: border-box;
899
- display: -webkit-inline-box;
900
- display: -ms-inline-flexbox;
901
- display: inline-flex;
902
- float: left;
903
- height: 26px;
904
- margin: 2px 1px;
905
- max-width: calc(100% - 2px);
906
- overflow: hidden;
907
- padding: 0 4px 0 4px;
908
- text-overflow: ellipsis;
909
- white-space: nowrap;
910
- }
911
- .e-ddt.e-show-chip .e-chips > .e-chipcontent {
912
- max-width: 100%;
913
- overflow: hidden;
914
- padding: 0 4px 0 4px;
915
- text-indent: 0;
916
- text-overflow: ellipsis;
917
- white-space: nowrap;
918
- line-height: 26px;
919
- }
920
- .e-ddt .e-overflow {
921
- white-space: nowrap;
922
- }
923
- .e-ddt .e-overflow.e-show-text {
924
- padding: 6px 10px 0 10px;
925
- }
926
- .e-ddt .e-overflow.e-total-count {
927
- -webkit-box-sizing: border-box;
928
- box-sizing: border-box;
929
- display: inline-block;
930
- overflow: hidden;
931
- text-overflow: ellipsis;
932
- }
933
- .e-ddt .e-overflow.e-total-count .e-remain {
934
- padding: 0 16px 0 0;
935
- }
936
- .e-ddt .e-overflow.e-wrap-count {
937
- padding-top: 6px;
938
- }
939
- .e-ddt .e-overflow .e-remain {
940
- cursor: pointer;
941
- display: inline-block;
942
- font-size: 14px;
943
- padding: 0 0 0 16px;
944
- }
945
- .e-ddt .e-overflow .e-remain.e-wrap-count {
946
- padding-top: 6px;
947
- }
948
- .e-ddt.e-show-chip .e-overflow.e-total-count .e-remain {
949
- padding: 6px 10px 0 10px;
950
- }
951
- .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
952
- margin-right: 30px;
953
- max-width: calc(100% - 31px);
954
- }
955
- .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child {
956
- margin-right: 30px;
957
- max-width: calc(100% - 31px);
958
- }
959
- .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
960
- margin-right: 60px;
961
- max-width: calc(100% - 61px);
962
- }
963
- .e-ddt input[readonly],
964
- .e-ddt .e-dropdowntree,
965
- .e-ddt input[readonly].e-input {
966
- pointer-events: none;
967
- }
968
- .e-ddt input[readonly].e-chip-input,
969
- .e-ddt .e-dropdowntree.e-chip-input,
970
- .e-ddt input[readonly].e-input.e-chip-input {
971
- width: 0;
972
- visibility: hidden;
973
- }
974
- .e-ddt.e-popup {
975
- border: 1px solid #969696;
976
- -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);
977
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);
978
- position: absolute;
979
- }
980
- .e-ddt.e-popup .e-selectall-parent {
981
- border-bottom: 1px solid;
982
- cursor: pointer;
983
- display: block;
984
- line-height: 36px;
985
- overflow: hidden;
986
- position: relative;
987
- text-indent: 38px;
988
- white-space: nowrap;
989
- width: 100%;
990
- }
991
- .e-ddt.e-popup .e-selectall-parent.e-hide-selectall {
992
- display: none;
993
- }
994
- .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
995
- position: relative;
996
- text-indent: 0;
997
- }
998
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
999
- font-family: inherit;
1000
- font-size: 14px;
1001
- margin: 10px;
1002
- }
1003
- .e-ddt.e-popup .e-filter-wrap {
1004
- border-top-width: 0;
1005
- display: block;
1006
- padding: 5px;
1007
- border: 1px solid #fff;
1008
- border-left-width: 0;
1009
- border-right-width: 0;
1010
- }
1011
- .e-ddt.e-popup .e-filter-wrap .e-input,
1012
- .e-ddt.e-popup .e-filter-wrap .e-input:focus {
1013
- padding: 0 12px;
1014
- }
1015
- .e-ddt.e-popup .e-filter-wrap .e-input-group {
1016
- margin-bottom: 0;
1017
- }
1018
- .e-ddt.e-popup .e-popup-content {
1019
- overflow: auto;
1020
- position: relative;
1021
- }
1022
- .e-ddt.e-popup .e-popup-content .e-ddt-nodata {
1023
- display: none;
1024
- }
1025
- .e-ddt.e-popup .e-popup-content.e-no-data {
1026
- cursor: default;
1027
- font-family: inherit;
1028
- font-size: 14px;
1029
- text-align: center;
1030
- padding: 14px 16px;
1031
- }
1032
- .e-ddt.e-popup .e-popup-content.e-no-data .e-treeview {
1033
- display: none;
1034
- }
1035
- .e-ddt.e-popup .e-popup-content.e-no-data .e-ddt-nodata {
1036
- display: block;
1037
- }
1038
- .e-ddt.e-popup .e-treeview {
1039
- display: inline-table;
1040
- width: 100%;
1041
- }
1042
- .e-ddt.e-popup .e-treeview .e-list-item {
1043
- padding: 0;
1044
- }
1045
- .e-ddt.e-popup .e-treeview .e-list-item .e-ul {
1046
- margin: 0;
1047
- padding: 0 0 0 14px;
1048
- }
1049
- .e-ddt.e-popup .e-treeview .e-fullrow {
1050
- border-width: 2px;
1051
- height: 40px;
1052
- }
1053
- .e-ddt.e-popup .e-treeview > .e-ul {
1054
- overflow: hidden;
1055
- padding: 0 8px;
1056
- }
1057
- .e-ddt.e-popup .e-treeview.e-fullrow-wrap .e-text-content {
1058
- padding-bottom: 4px;
1059
- padding-top: 4px;
1060
- }
1061
- .e-ddt.e-popup .e-ddt-footer,
1062
- .e-ddt.e-popup .e-ddt-header {
1063
- cursor: default;
1064
- }
1065
- .e-ddt.e-rtl.e-show-chip .e-chips {
1066
- float: right;
1067
- }
1068
- .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain {
1069
- padding: 0 16px 0 0;
1070
- }
1071
- .e-ddt.e-rtl.e-show-chip .e-overflow .e-remain.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow .e-remain.e-wrap-count {
1072
- padding-top: 6px;
1073
- }
1074
- .e-ddt.e-rtl.e-show-chip .e-overflow.e-wrap-count, .e-ddt.e-rtl.e-show-text .e-overflow.e-wrap-count {
1075
- position: absolute;
1076
- right: auto;
1077
- }
1078
- .e-ddt.e-rtl.e-show-text .e-overflow.e-total-count .e-remain {
1079
- padding: 0 0 0 16px;
1080
- }
1081
- .e-ddt.e-rtl.e-show-chip .e-overflow.e-total-count .e-remain {
1082
- padding: 6px 10px 0 10px;
1083
- }
1084
- .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1085
- margin-right: 1px;
1086
- margin-left: 30px;
1087
- }
1088
- .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1089
- margin-right: 1px;
1090
- margin-left: 30px;
1091
- }
1092
- .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1093
- margin-right: 1px;
1094
- margin-left: 60px;
1095
- }
1096
- .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon,
1097
- .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-clear-icon,
1098
- .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon,
1099
- .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-clear-icon,
1100
- .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
1101
- left: 0;
1102
- right: auto;
1103
- }
1104
- .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
1105
- left: 30px;
1106
- }
1107
- .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
1108
- padding: 0 14px 0 0;
1109
- }
1110
-
1111
- .e-ddt-icon-hide {
1112
- display: none;
1113
- }
1114
-
1115
- .e-bigger .e-ddt .e-chips,
1116
- .e-ddt.e-bigger .e-chips {
1117
- height: 34px;
1118
- }
1119
- .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
1120
- .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
1121
- .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
1122
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
1123
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
1124
- right: 38px;
1125
- }
1126
- .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
1127
- .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,
1128
- .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon,
1129
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon,
1130
- .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
1131
- bottom: 0;
1132
- }
1133
- .e-bigger .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper .e-clear-icon,
1134
- .e-ddt.e-bigger.e-input-group.e-control-wrapper .e-clear-icon,
1135
- .e-ddt.e-bigger.e-float-input.e-control-wrapper .e-clear-icon {
1136
- min-height: 38px;
1137
- }
1138
- .e-bigger .e-ddt .e-overflow.e-show-text,
1139
- .e-ddt.e-bigger .e-overflow.e-show-text {
1140
- padding: 8px 12px 0 12px;
1141
- }
1142
- .e-bigger .e-ddt.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1143
- .e-ddt.e-bigger.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1144
- margin-right: 38px;
1145
- max-width: calc(100% - 39px);
1146
- }
1147
- .e-bigger .e-ddt.e-show-clear .e-chips-wrapper .e-chips:last-child,
1148
- .e-ddt.e-bigger.e-show-clear .e-chips-wrapper .e-chips:last-child {
1149
- margin-right: 38px;
1150
- max-width: calc(100% - 39px);
1151
- }
1152
- .e-bigger .e-ddt.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1153
- .e-ddt.e-bigger.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1154
- margin-right: 76px;
1155
- max-width: calc(100% - 77px);
1156
- }
1157
- .e-bigger .e-ddt.e-popup .e-selectall-parent,
1158
- .e-ddt.e-bigger.e-popup .e-selectall-parent {
1159
- text-indent: 43px;
1160
- }
1161
- .e-bigger .e-ddt.e-popup .e-treeview .e-fullrow,
1162
- .e-ddt.e-bigger.e-popup .e-treeview .e-fullrow {
1163
- height: 48px;
1164
- }
1165
- .e-bigger .e-ddt.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1166
- .e-ddt.e-bigger.e-rtl.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1167
- margin-right: 1px;
1168
- margin-left: 38px;
1169
- }
1170
- .e-bigger .e-ddt.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child,
1171
- .e-ddt.e-bigger.e-rtl.e-show-clear .e-chips-wrapper .e-chips:last-child {
1172
- margin-right: 1px;
1173
- margin-left: 38px;
1174
- }
1175
- .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1176
- .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
1177
- margin-right: 76px;
1178
- margin-left: 1px;
1179
- }
1180
- .e-bigger .e-ddt.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon, .e-bigger .e-ddt.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon,
1181
- .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
1182
- .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
1183
- left: 38px;
1184
- right: auto;
1185
- }
1186
-
1187
- .e-ddt .e-chips {
1188
- background-color: #bfbfbf;
1189
- }
1190
- .e-ddt .e-chips .e-chips-close::before {
1191
- color: #000;
1192
- }
1193
- .e-ddt .e-chips > .e-chipcontent {
1194
- color: #000;
1195
- }
1196
- .e-ddt .e-chips:hover {
1197
- background-color: #685708;
1198
- }
1199
- .e-ddt .e-chips:hover .e-chips-close::before {
1200
- color: #fff;
1201
- }
1202
- .e-ddt .e-chips:hover > .e-chipcontent {
1203
- color: #fff;
1204
- }
1205
- .e-ddt .e-overflow .e-remain {
1206
- color: #fff;
1207
- }
1208
- .e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
1209
- background-color: #000;
1210
- }
1211
- .e-ddt.e-popup {
1212
- background: #000;
1213
- border-color: #969696;
1214
- }
1215
- .e-ddt.e-popup .e-popup-content.e-no-data {
1216
- color: #fff;
1217
- }
1218
- .e-ddt.e-popup .e-selectall-parent {
1219
- border-bottom-color: #fff;
1220
- }
1221
- .e-ddt.e-popup .e-selectall-parent:focus {
1222
- background: #685708;
1223
- }
1224
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
1225
- color: #fff;
1226
- }
1227
-
1228
- /* stylelint-disable-line no-empty-source */
1229
- /* stylelint-disable-line no-empty-source */
1230
- /* stylelint-disable property-no-vendor-prefix */
1231
- /* stylelint-disable property-no-vendor-prefix */
1232
- @keyframes material-spinner-rotate {
1233
- 0% {
1234
- -webkit-transform: rotate(0);
1235
- transform: rotate(0);
1236
- }
1237
- 100% {
1238
- -webkit-transform: rotate(360deg);
1239
- transform: rotate(360deg);
1240
- }
1241
- }
1242
- @keyframes fabric-spinner-rotate {
1243
- 0% {
1244
- -webkit-transform: rotate(0);
1245
- transform: rotate(0);
1246
- }
1247
- 100% {
1248
- -webkit-transform: rotate(360deg);
1249
- transform: rotate(360deg);
1250
- }
1251
- }
1252
- .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
1253
- color: #fff;
1254
- top: 12px;
1255
- }
1256
- .e-multiselect .e-multi-select-wrapper input {
1257
- /* stylelint-disable property-no-vendor-prefix */
1258
- }
1259
- .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
1260
- color: #969696;
1261
- font-family: inherit;
1262
- font-size: 14px;
1263
- font-style: italic;
1264
- }
1265
- .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
1266
- color: #969696;
1267
- font-family: inherit;
1268
- font-size: 14px;
1269
- font-style: italic;
1270
- }
1271
- .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
1272
- color: #969696;
1273
- font-family: inherit;
1274
- font-size: 14px;
1275
- font-style: italic;
1276
- }
1277
- .e-multiselect .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
1278
- color: #969696;
1279
- font-family: inherit;
1280
- font-size: 14px;
1281
- font-style: italic;
1282
- }
1283
- .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chipcontent {
1284
- color: #fff;
1285
- }
1286
- .e-multi-select-wrapper .e-chips-collection .e-chips:hover .e-chips-close.e-icon::before {
1287
- color: #fff;
1288
- }
1289
- .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
1290
- line-height: 26px;
1291
- top: 0;
1292
- }
1293
- .e-multi-select-wrapper .e-delim-values.e-delim-view {
1294
- -webkit-text-fill-color: #fff;
1295
- color: #fff;
1296
- }
1297
- .e-multi-select-wrapper.e-delimiter .e-delim-values {
1298
- -webkit-text-fill-color: #fff;
1299
- color: #fff;
1300
- }
1301
- .e-multi-select-wrapper .e-searcher input[type=text] {
1302
- color: #fff;
1303
- height: 100%;
1304
- min-height: 28px;
1305
- }
1306
- .e-multi-select-wrapper .e-searcher input[type=text]::-moz-selection {
1307
- background-color: #ffd939;
1308
- }
1309
- .e-multi-select-wrapper .e-searcher input[type=text]::selection {
1310
- background-color: #ffd939;
1311
- }
1312
-
1313
- .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon, .e-bigger .e-popup.e-multi-select-list-wrapper.e-ddl.e-checkbox .e-filter-parent .e-clear-icon {
1314
- padding-left: 0;
1315
- }
1316
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-selectall-parent {
1317
- border-bottom: 1px solid #fff;
1318
- }
1319
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active.e-hover {
1320
- background-color: #ffd939;
1321
- }
1322
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-item-focus.e-active {
1323
- border: 2px solid #ffd939;
1324
- }
1325
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-parent .e-list-item.e-active.e-hover:not(.e-item-focus) {
1326
- border-bottom: 2px solid #fff;
1327
- border-left: 2px solid #fff;
1328
- border-right: 2px solid #fff;
1329
- border-top: 2px solid #fff;
1330
- }
1331
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-item-focus {
1332
- border: 2px solid #685708;
1333
- }
1334
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active.e-hover {
1335
- background-color: #fff;
1336
- border-bottom: 1px solid #fff;
1337
- border-left: 1px solid #fff;
1338
- border-right: 1px solid #fff;
1339
- border-top: 1px solid #fff;
1340
- }
1341
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-hover:not(.e-active) {
1342
- border: 2px solid #fff;
1343
- }
1344
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item:not(.e-hover):not(.e-item-focus) {
1345
- border: 2px solid #000;
1346
- }
1347
- .e-popup.e-multi-select-list-wrapper .e-list-parent .e-list-item.e-active {
1348
- border: 2px solid #ffd939;
1349
- }
1350
-
1351
- .e-multi-select-wrapper.e-down-icon .e-input-group-icon.e-ddl-icon {
1352
- height: 30px;
1353
- width: 30px;
1354
- }
1355
-
1356
- .e-multi-select-wrapper .e-searcher input[type=text],
1357
- .e-multi-select-wrapper .e-multi-searcher input[type=text] {
1358
- color: #fff;
1359
- }
1360
-
1361
- .e-multiselect.e-input-group .e-ddl-icon::before {
1362
- content: "\e966";
1363
- font-family: "e-icons";
1364
- }
1365
-
1366
- .e-multi-select-wrapper .e-chips .e-chips-close::before {
1367
- content: "\e7a7";
1368
- cursor: pointer;
1369
- left: 0;
1370
- position: relative;
1371
- top: 8px;
1372
- }
1373
-
1374
- .e-multi-select-wrapper .e-close-hooker::before {
1375
- content: "\e7a7";
1376
- cursor: pointer;
1377
- left: 0;
1378
- position: relative;
1379
- top: 10px;
1380
- }
1381
-
1382
- .e-multiselect.e-input-group .e-ddl-disable-icon::before {
1383
- content: "";
1384
- }
1385
-
1386
- .e-multi-select-wrapper {
1387
- -webkit-box-sizing: border-box;
1388
- box-sizing: border-box;
1389
- cursor: text;
1390
- line-height: normal;
1391
- min-height: 30px;
1392
- padding: 0 32px 0 2px;
1393
- position: relative;
1394
- -webkit-user-select: none;
1395
- -moz-user-select: none;
1396
- -ms-user-select: none;
1397
- user-select: none;
1398
- width: 100%;
1399
- }
1400
- .e-multi-select-wrapper.e-delimiter .e-searcher, .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1401
- height: 27px;
1402
- vertical-align: middle;
1403
- }
1404
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase, .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
1405
- height: 100%;
1406
- min-height: 100%;
1407
- }
1408
- .e-multi-select-wrapper .e-delim-view {
1409
- white-space: nowrap;
1410
- }
1411
- .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 {
1412
- -webkit-box-sizing: border-box;
1413
- box-sizing: border-box;
1414
- display: inline-block;
1415
- overflow: hidden;
1416
- text-overflow: ellipsis;
1417
- }
1418
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1419
- color: #000;
1420
- font-size: 10px;
1421
- left: 12px;
1422
- top: 0;
1423
- }
1424
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1425
- background-color: #bfbfbf;
1426
- color: #000;
1427
- padding: 9px 0;
1428
- }
1429
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1430
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1431
- width: 0;
1432
- }
1433
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type=text],
1434
- .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type=text] {
1435
- height: 1px;
1436
- min-height: 1px;
1437
- }
1438
- .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
1439
- max-width: 100%;
1440
- }
1441
-
1442
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
1443
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
1444
- display: -webkit-box;
1445
- display: -ms-flexbox;
1446
- display: flex;
1447
- float: left;
1448
- width: auto;
1449
- }
1450
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
1451
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
1452
- display: -webkit-inline-box;
1453
- display: -ms-inline-flexbox;
1454
- display: inline-flex;
1455
- float: none;
1456
- }
1457
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box),
1458
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1459
- width: 0;
1460
- }
1461
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1462
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1463
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-chips-collection.e-delim-hide,
1464
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values.e-delim-hide,
1465
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-hide,
1466
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-chips-collection.e-delim-hide {
1467
- display: none;
1468
- }
1469
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon,
1470
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-down-icon {
1471
- padding: 0 48px 0 0;
1472
- }
1473
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
1474
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
1475
- -webkit-box-align: center;
1476
- -ms-flex-align: center;
1477
- align-items: center;
1478
- display: inline;
1479
- max-width: 100%;
1480
- word-break: break-word;
1481
- }
1482
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1483
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1484
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
1485
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1486
- -webkit-box-align: center;
1487
- -ms-flex-align: center;
1488
- align-items: center;
1489
- cursor: pointer;
1490
- display: none;
1491
- -webkit-box-orient: horizontal;
1492
- -webkit-box-direction: normal;
1493
- -ms-flex-direction: row;
1494
- flex-direction: row;
1495
- margin-top: -3.2em;
1496
- outline: 0;
1497
- padding: 0;
1498
- position: absolute;
1499
- right: 0;
1500
- top: 100%;
1501
- }
1502
- .e-multiselect.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1503
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1504
- .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
1505
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1506
- display: -webkit-box;
1507
- display: -ms-flexbox;
1508
- display: flex;
1509
- }
1510
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1511
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1512
- margin-right: 0;
1513
- margin-top: -2.5em;
1514
- right: 0;
1515
- }
1516
- .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter,
1517
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter {
1518
- top: -1px;
1519
- }
1520
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1521
- .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
1522
- font-size: 10px;
1523
- height: 30px;
1524
- width: 30px;
1525
- }
1526
-
1527
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-multi-searcher,
1528
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
1529
- float: right;
1530
- }
1531
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
1532
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
1533
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
1534
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-ddl-icon {
1535
- left: 0;
1536
- right: auto;
1537
- }
1538
- .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon,
1539
- .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-down-icon {
1540
- padding: 0 0 0 48px;
1541
- }
1542
-
1543
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1544
- .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1545
- margin-top: -3.1em;
1546
- }
1547
-
1548
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
1549
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disabled {
1550
- opacity: 0.7;
1551
- pointer-events: none;
1552
- }
1553
-
1554
- .e-multiselect.e-input-group,
1555
- .e-multiselect.e-float-input {
1556
- word-wrap: initial;
1557
- }
1558
-
1559
- .e-multiselect.e-input-group .e-searcher .e-label-top,
1560
- .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1561
- top: 15px;
1562
- }
1563
-
1564
- .e-bigger .e-multi-select-wrapper {
1565
- min-height: 38px;
1566
- }
1567
-
1568
- .e-multi-select-wrapper.e-close-icon-hide {
1569
- padding-right: 0;
1570
- }
1571
-
1572
- .e-multi-select-wrapper .e-chips-collection {
1573
- cursor: default;
1574
- display: block;
1575
- }
1576
-
1577
- .e-multi-select-wrapper .e-multi-hidden {
1578
- border: 0;
1579
- height: 0;
1580
- position: absolute;
1581
- visibility: hidden;
1582
- width: 0;
1583
- }
1584
-
1585
- .e-multi-select-wrapper .e-chips {
1586
- -webkit-box-align: center;
1587
- -ms-flex-align: center;
1588
- align-items: center;
1589
- display: -webkit-inline-box;
1590
- display: -ms-inline-flexbox;
1591
- display: inline-flex;
1592
- float: left;
1593
- margin: 2px 2px 2px 0;
1594
- max-width: 100%;
1595
- overflow: hidden;
1596
- padding: 0 0 0 8px;
1597
- text-overflow: ellipsis;
1598
- white-space: nowrap;
1599
- }
1600
-
1601
- .e-bigger .e-multi-select-wrapper .e-chips {
1602
- margin: 4px 2px 2px 0;
1603
- }
1604
-
1605
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
1606
- max-width: 100%;
1607
- overflow: hidden;
1608
- padding: 3px 8px 5.5px 0;
1609
- text-indent: 0;
1610
- text-overflow: ellipsis;
1611
- white-space: nowrap;
1612
- }
1613
-
1614
- .e-small .e-multi-select-wrapper .e-chips {
1615
- margin: 1.5px 2px 2px 0;
1616
- }
1617
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
1618
- padding: 3px 8px 4.2px 0;
1619
- }
1620
-
1621
- .e-multi-select-wrapper.e-delimiter .e-searcher {
1622
- display: inline-block;
1623
- float: none;
1624
- }
1625
-
1626
- .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
1627
- .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
1628
- padding: 6px 8px 7.5px 0;
1629
- }
1630
-
1631
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
1632
- .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
1633
- padding: 6px 0 6px 8px;
1634
- }
1635
-
1636
- .e-multi-select-wrapper .e-chips-close {
1637
- -ms-flex-item-align: center;
1638
- align-self: center;
1639
- display: -webkit-box;
1640
- display: -ms-flexbox;
1641
- display: flex;
1642
- float: right;
1643
- font-family: "e-icons";
1644
- height: 26px;
1645
- margin: 10px 10px 10px 0;
1646
- width: auto;
1647
- }
1648
-
1649
- .e-rtl .e-multi-select-wrapper .e-chips-close {
1650
- margin: 8px 0 8px 20px;
1651
- }
1652
-
1653
- .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
1654
- margin: 3px 0 0;
1655
- }
1656
-
1657
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1658
- cursor: default;
1659
- font-size: 10px;
1660
- height: 30px;
1661
- margin-top: -3em;
1662
- position: absolute;
1663
- right: 0;
1664
- width: auto;
1665
- top: 100%;
1666
- }
1667
-
1668
- .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1669
- .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1670
- .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1671
- right: 27px;
1672
- }
1673
-
1674
- .e-bigger .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
1675
- .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1676
- right: 38px;
1677
- }
1678
-
1679
- .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1680
- left: 27px;
1681
- right: auto;
1682
- }
1683
-
1684
- .e-bigger .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1685
- .e-bigger.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1686
- left: 38px;
1687
- right: auto;
1688
- }
1689
-
1690
- .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1691
- margin-top: -3.5em;
1692
- }
1693
-
1694
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1695
- .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1696
- margin-top: -3.5em;
1697
- margin-top: -3.2em;
1698
- }
1699
-
1700
- .e-multi-select-wrapper input[type=text] {
1701
- background: none;
1702
- border: 0;
1703
- font-family: inherit;
1704
- font-size: 14px;
1705
- font-weight: normal;
1706
- height: 28px;
1707
- min-height: 28px;
1708
- outline: none;
1709
- padding: 0 0 0 10px;
1710
- text-indent: 0;
1711
- }
1712
-
1713
- .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1714
- background: none;
1715
- border: 0;
1716
- color: inherit;
1717
- font-family: inherit;
1718
- font-size: 14px;
1719
- font-weight: normal;
1720
- height: 28px;
1721
- min-height: 28px;
1722
- outline: none;
1723
- padding: 0;
1724
- text-indent: 10px;
1725
- }
1726
-
1727
- .e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
1728
- padding: 5px;
1729
- }
1730
-
1731
- .e-bigger .e-multi-select-wrapper input[type=text],
1732
- .e-multi-select-wrapper.e-mob-wrapper input[type=text] {
1733
- height: 28px;
1734
- min-height: 28px;
1735
- }
1736
-
1737
- .e-bigger .e-multi-select-wrapper input[type=text] {
1738
- height: 38px;
1739
- min-height: 38px;
1740
- }
1741
-
1742
- /* stylelint-disable property-no-vendor-prefix */
1743
- .e-multi-select-wrapper input[type=text]::-ms-clear {
1744
- display: none;
1745
- }
1746
-
1747
- .e-multi-select-wrapper .e-searcher {
1748
- display: block;
1749
- float: left;
1750
- width: auto;
1751
- }
1752
-
1753
- .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1754
- width: calc(100% - 40px);
1755
- }
1756
-
1757
- .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1758
- .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1759
- width: calc(100% - 48px);
1760
- }
1761
-
1762
- .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1763
- .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1764
- width: calc(100% - 40px);
1765
- }
1766
-
1767
- .e-bigger.e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1768
- .e-bigger.e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1769
- .e-bigger .e-small.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1770
- .e-small .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1771
- width: calc(100% - 44px);
1772
- }
1773
-
1774
- .e-multi-select-wrapper .e-delim-values {
1775
- font-family: inherit;
1776
- font-size: 14px;
1777
- line-height: 29px;
1778
- max-width: 100%;
1779
- padding-left: 10px;
1780
- padding-right: 0;
1781
- vertical-align: middle;
1782
- }
1783
-
1784
- .e-bigger .e-multi-select-wrapper .e-delim-values {
1785
- line-height: 36px;
1786
- padding-left: 10px;
1787
- }
1788
-
1789
- .e-multi-select-list-wrapper .e-hide-listitem,
1790
- .e-multi-select-list-wrapper .e-hide-group-header {
1791
- display: none;
1792
- }
1793
-
1794
- .e-multi-select-wrapper .e-delim-values .e-remain {
1795
- color: #fff;
1796
- cursor: pointer;
1797
- display: inline-block;
1798
- font-size: 14px;
1799
- padding-left: 16px;
1800
- }
1801
-
1802
- .e-multiselect.e-disabled .e-multi-select-wrapper,
1803
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
1804
- cursor: not-allowed;
1805
- }
1806
-
1807
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1808
- height: 38px;
1809
- left: 10px;
1810
- margin: 0 0 0 0;
1811
- margin-left: auto;
1812
- position: relative;
1813
- top: 0;
1814
- width: 38px;
1815
- }
1816
-
1817
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1818
- -ms-flex-item-align: center;
1819
- align-self: center;
1820
- -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1821
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
1822
- display: -webkit-inline-box;
1823
- display: -ms-inline-flexbox;
1824
- display: inline-flex;
1825
- padding: 0 10px;
1826
- width: 92%;
1827
- }
1828
-
1829
- .e-multi-select-wrapper .e-ddl-disable-icon::before {
1830
- content: "";
1831
- }
1832
-
1833
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
1834
- float: none;
1835
- }
1836
-
1837
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
1838
- padding-left: 0;
1839
- }
1840
- .e-multiselect.e-rtl .e-multi-select-wrapper {
1841
- padding: 0 2px 0 32px;
1842
- }
1843
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
1844
- left: -12px;
1845
- }
1846
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
1847
- margin: 0;
1848
- margin-right: auto;
1849
- }
1850
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
1851
- float: right;
1852
- }
1853
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
1854
- float: right;
1855
- margin: 2px 0 2px 2px;
1856
- padding: 0 8px 0 0;
1857
- }
1858
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
1859
- padding: 3px 0 3px 8px;
1860
- }
1861
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
1862
- float: left;
1863
- }
1864
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
1865
- left: -9px;
1866
- }
1867
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
1868
- padding: 0 4px 0 4px;
1869
- }
1870
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
1871
- padding: 5px 8px 6px 0;
1872
- }
1873
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
1874
- padding: 0 4px 0 0;
1875
- }
1876
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
1877
- padding: 9px 4px;
1878
- }
1879
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
1880
- left: 27px;
1881
- position: absolute;
1882
- right: auto;
1883
- }
1884
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
1885
- left: -4px;
1886
- }
1887
- .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
1888
- padding-right: 16px;
1889
- }
1890
-
1891
- .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
1892
- left: 30px;
1893
- }
1894
-
1895
- .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
1896
- left: -10px;
1897
- }
1898
-
1899
- .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1900
- bottom: 1px;
1901
- margin-right: 8px;
1902
- position: relative;
1903
- text-indent: 0;
1904
- vertical-align: middle;
1905
- }
1906
-
1907
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group:not(.e-rtl) .e-list-item .e-checkbox-wrapper {
1908
- padding-left: 14px;
1909
- }
1910
-
1911
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
1912
- padding-right: 18px;
1913
- }
1914
-
1915
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-item .e-checkbox-wrapper {
1916
- padding-right: 8px;
1917
- }
1918
-
1919
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1920
- bottom: 1px;
1921
- margin-right: 8px;
1922
- position: relative;
1923
- text-indent: 0;
1924
- vertical-align: middle;
1925
- }
1926
-
1927
- .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
1928
- .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
1929
- bottom: 1px;
1930
- margin-right: 10px;
1931
- }
1932
-
1933
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
1934
- .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
1935
- bottom: 1px;
1936
- margin-right: 10px;
1937
- }
1938
-
1939
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
1940
- margin-left: 12px;
1941
- margin-right: 0;
1942
- }
1943
-
1944
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-list-group-item .e-checkbox-wrapper {
1945
- margin-left: 12px;
1946
- margin-right: 0;
1947
- }
1948
-
1949
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
1950
- padding-right: 0;
1951
- }
1952
-
1953
- .e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
1954
- padding-right: 0;
1955
- }
1956
-
1957
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-group-item {
1958
- padding-right: 10px;
1959
- }
1960
-
1961
- .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 {
1962
- padding-right: 16px;
1963
- }
1964
-
1965
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
1966
- padding-left: 16px;
1967
- }
1968
-
1969
- .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 {
1970
- padding-left: 20px;
1971
- }
1972
-
1973
- .e-multi-select-list-wrapper .e-selectall-parent {
1974
- cursor: pointer;
1975
- display: block;
1976
- line-height: 36px;
1977
- overflow: hidden;
1978
- padding-right: 16px;
1979
- position: relative;
1980
- text-indent: 11px;
1981
- white-space: nowrap;
1982
- width: 100%;
1983
- }
1984
-
1985
- .e-rtl .e-multi-select-list-wrapper .e-selectall-parent,
1986
- .e-multi-select-list-wrapper.e-rtl .e-selectall-parent {
1987
- padding-left: 16px;
1988
- padding-right: 0;
1989
- }
1990
-
1991
- .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
1992
- color: #fff;
1993
- font-family: inherit;
1994
- font-size: 14px;
1995
- }
1996
-
1997
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
1998
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
1999
- font-size: 14px;
2000
- line-height: 46px;
2001
- text-indent: 17px;
2002
- }
2003
-
2004
- .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2005
- bottom: 1px;
2006
- margin-right: 8px;
2007
- position: relative;
2008
- text-indent: 0;
2009
- vertical-align: middle;
2010
- }
2011
-
2012
- .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
2013
- .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2014
- bottom: 1px;
2015
- margin-right: 10px;
2016
- }
2017
-
2018
- .e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
2019
- margin-left: 12px;
2020
- margin-right: 0;
2021
- }
2022
-
2023
- .e-multiselect .e-input-group-icon.e-ddl-icon {
2024
- float: right;
2025
- margin-top: 0;
2026
- }
2027
-
2028
- .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
2029
- float: left;
2030
- }
2031
-
2032
- .e-multiselect.e-checkbox .e-multi-select-wrapper,
2033
- .e-multiselect .e-multi-select-wrapper.e-down-icon {
2034
- padding: 0;
2035
- }
2036
-
2037
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2038
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
2039
- padding: 8px;
2040
- }
2041
-
2042
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2043
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
2044
- padding: 4px 0;
2045
- }
2046
-
2047
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon,
2048
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group:not(.e-control-container) .e-clear-icon {
2049
- padding-left: 8px;
2050
- }
2051
-
2052
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
2053
- padding: 0;
2054
- }
2055
-
2056
- .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
2057
- line-height: 20px;
2058
- padding-left: 10px;
2059
- }
2060
-
2061
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame,
2062
- .e-popup.e-multi-select-list-wrapper .e-list-group-item.e-disable .e-checkbox-wrapper .e-frame {
2063
- opacity: 0.3;
2064
- }
2065
-
2066
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-disable,
2067
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-disable {
2068
- opacity: 0.7;
2069
- }
2070
-
2071
- .e-multi-select-wrapper input[readonly=true] {
2072
- pointer-events: none;
2073
- }
2074
-
2075
- .e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
2076
- pointer-events: none;
2077
- }
2078
-
2079
- ejs-multiselect {
2080
- display: block;
2081
- }
2082
-
2083
- .e-small.e-multi-select-list-wrapper .e-selectall-parent,
2084
- .e-small .e-multi-select-list-wrapper .e-selectall-parent {
2085
- line-height: 26px;
2086
- }
2087
-
2088
- .e-small .e-multi-select-wrapper .e-chips-close {
2089
- height: 22px;
2090
- width: auto;
2091
- }
2092
-
2093
- .e-small .e-multi-select-wrapper {
2094
- min-height: 24px;
2095
- }
2096
-
2097
- .e-small .e-multi-select-wrapper input[type=text] {
2098
- height: 24px;
2099
- min-height: 24px;
2100
- }
2101
-
2102
- .e-small .e-multi-select-wrapper .e-delim-values {
2103
- font-size: 13px;
2104
- line-height: 24px;
2105
- }
2106
-
2107
- .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2108
- .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2109
- margin-top: -3.2em;
2110
- }
2111
-
2112
- .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2113
- .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2114
- margin-top: -2.5em;
2115
- }
2116
-
2117
- .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2118
- .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2119
- line-height: 40px;
2120
- }
2121
-
2122
- .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2123
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2124
- margin-top: -2.85em;
2125
- }
2126
-
2127
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2128
- height: 26px;
2129
- width: auto;
2130
- }
2131
-
2132
- .e-bigger.e-small .e-multi-select-wrapper {
2133
- min-height: 26px;
2134
- }
2135
-
2136
- .e-bigger.e-small .e-multi-select-wrapper input[type=text] {
2137
- height: 34px;
2138
- min-height: 34px;
2139
- }
2140
-
2141
- .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
2142
- font-size: 14px;
2143
- line-height: 34px;
2144
- }
2145
-
2146
- .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2147
- .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2148
- margin-top: -3.4em;
2149
- right: 0;
2150
- }
2151
-
2152
- .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2153
- background-size: 300px 33px;
2154
- min-height: 33px;
2155
- }
2156
-
2157
- .e-bigger .e-content-placeholder.e-multiselect.e-placeholder-multiselect,
2158
- .e-bigger.e-content-placeholder.e-multiselect.e-placeholder-multiselect {
2159
- background-size: 300px 40px;
2160
- min-height: 40px;
2161
- }
2162
-
2163
- .e-multiselect.e-outline .e-multi-select-wrapper input[type=text] {
2164
- color: inherit;
2165
- }
2166
-
2167
- .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
2168
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
2169
- -webkit-box-align: normal;
2170
- -ms-flex-align: normal;
2171
- align-items: normal;
2172
- }
2173
-
2174
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2175
- padding: 0 12px 0 8px;
2176
- }
2177
-
2178
- .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper,
2179
- .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2180
- padding: 3px 12px 0 4px;
2181
- }
2182
-
2183
- .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2184
- .e-bigger.e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2185
- .e-bigger.e-small .e-multiselect.e-filled.e-input-group.e-control-wrapper,
2186
- .e-bigger .e-small.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2187
- .e-small .e-bigger.e-multiselect.e-filled.e-input-group.e-control-wrapper {
2188
- padding: 0;
2189
- }
2190
-
2191
- .e-filled.e-float-input .e-multi-select-wrapper,
2192
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper,
2193
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper,
2194
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2195
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper {
2196
- padding: 11px 12px 0;
2197
- }
2198
-
2199
- .e-small.e-filled.e-float-input .e-multi-select-wrapper,
2200
- .e-small .e-filled.e-float-input .e-multi-select-wrapper {
2201
- padding: 12px 12px 0 8px;
2202
- }
2203
-
2204
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper,
2205
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper {
2206
- padding: 19px 12px 0 16px;
2207
- }
2208
-
2209
- .e-bigger:not(.e-small).e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper {
2210
- padding-top: 3px;
2211
- }
2212
-
2213
- .e-rtl.e-multiselect.e-filled.e-input-group.e-control-wrapper,
2214
- .e-rtl.e-multiselect.e-filled.e-float-input.e-control-wrapper {
2215
- padding: 0;
2216
- }
2217
-
2218
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text],
2219
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type=text] {
2220
- padding: 5px 0;
2221
- }
2222
-
2223
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2224
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2225
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2226
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2227
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2228
- height: 28px;
2229
- }
2230
-
2231
- .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2232
- .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2233
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2234
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2235
- .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
2236
- .e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2237
- .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2238
- height: 24px;
2239
- }
2240
-
2241
- .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2242
- .e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2243
- height: 32px;
2244
- }
2245
-
2246
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2247
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2248
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2249
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2250
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2251
- height: 18px;
2252
- }
2253
-
2254
- .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2255
- .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2256
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2257
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2258
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2259
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2260
- .e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2261
- .e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2262
- .e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2263
- .e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2264
- margin: 8px 8px 0 0;
2265
- padding: 0 8px;
2266
- }
2267
-
2268
- .e-rtl.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2269
- .e-rtl.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2270
- .e-rtl.e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2271
- .e-rtl.e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2272
- .e-rtl.e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2273
- .e-rtl.e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2274
- .e-rtl.e-bigger.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2275
- .e-rtl.e-bigger.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2276
- .e-rtl.e-bigger .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
2277
- .e-rtl.e-small .e-bigger.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
2278
- margin: 8px 0 0 8px;
2279
- padding: 0 8px;
2280
- }
2281
-
2282
- .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2283
- .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2284
- .e-bigger .e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2285
- .e-small .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2286
- padding-left: 8px;
2287
- }
2288
-
2289
- .e-small .e-filled .e-multi-select-wrapper .e-chips,
2290
- .e-small.e-filled .e-multi-select-wrapper .e-chips {
2291
- height: 16px;
2292
- margin: 4px 4px 0 0;
2293
- padding-right: 8px;
2294
- }
2295
-
2296
- .e.rtl.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2297
- .e-rtl.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2298
- margin: 4px 0 0 4px;
2299
- }
2300
-
2301
- .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2302
- .e-bigger.e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2303
- .e-bigger.e-small .e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2304
- .e-bigger .e-small.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent,
2305
- .e-small .e-bigger.e-filled.e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips > .e-chipcontent {
2306
- font-size: 13px;
2307
- padding: 0 8px 0 0;
2308
- }
2309
-
2310
- .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2311
- .e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2312
- font-size: 12px;
2313
- }
2314
-
2315
- .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2316
- .e-bigger.e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2317
- .e-bigger.e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2318
- .e-bigger .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2319
- .e-small .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2320
- font-size: 12px;
2321
- padding: 0 4px 0 0;
2322
- }
2323
-
2324
- .e-rtl.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2325
- .e-rtl.e-bigger.e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2326
- .e-rtl.e-bigger.e-small .e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2327
- .e-rtl.e-bigger .e-small.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2328
- .e-rtl.e-small .e-bigger.e-filled.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2329
- padding: 0 0 0 4px;
2330
- }
2331
-
2332
- .e-small.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2333
- .e-small .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2334
- font-size: 10px;
2335
- }
2336
-
2337
- .e-bigger.e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent,
2338
- .e-bigger .e-filled.e-float-input.e-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
2339
- font-size: 13px;
2340
- }
2341
-
2342
- .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips > .e-chipcontent {
2343
- font-size: 13px;
2344
- padding-right: 4px;
2345
- }
2346
-
2347
- .e-rtl.e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2348
- .e-rtl.e-bigger .e-filled .e-multi-select-wrapper .e-chips,
2349
- .e-rtl.e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2350
- .e-rtl.e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2351
- .e-bigger.e-filled .e-multi-select-wrapper .e-chips,
2352
- .e-bigger .e-filled .e-multi-select-wrapper .e-chips {
2353
- padding: 0 12px;
2354
- }
2355
-
2356
- .e-bigger.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
2357
- .e-bigger .e-filled.e-float-input .e-multi-select-wrapper .e-chips {
2358
- padding-right: 8px;
2359
- }
2360
-
2361
- .e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
2362
- .e-multiselect.e-control-container .e-filled.e-multi-select-wrapper .e-clear-icon {
2363
- height: 38px;
2364
- margin-top: -38px;
2365
- right: 12px;
2366
- top: 100%;
2367
- width: 16px;
2368
- }
2369
-
2370
- .e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2371
- .e-outline.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2372
- .e-filled.e-multiselect.e-control-wrapper.e-input-group.e-readonly .e-clear-icon,
2373
- .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
2374
- .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 {
2375
- display: none;
2376
- }
2377
-
2378
- .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
2379
- margin-right: 0;
2380
- }
2381
-
2382
- .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2383
- .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2384
- cursor: not-allowed;
2385
- }
2386
-
2387
- .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2388
- .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 {
2389
- cursor: pointer;
2390
- }
2391
-
2392
- .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2393
- color: #000;
2394
- }
2395
-
2396
- .e-multi-select-wrapper .e-chips.e-chip-selected {
2397
- background-color: #ffd939;
2398
- }
2399
-
2400
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
2401
- background-color: #ffd939;
2402
- }
2403
-
2404
- .e-multiselect {
2405
- -webkit-box-sizing: border-box;
2406
- box-sizing: border-box;
2407
- }
2408
-
2409
- /* stylelint-disable property-no-vendor-prefix */
2410
- .e-multi-select-wrapper .e-chips > .e-chipcontent {
2411
- -webkit-text-fill-color: #000;
2412
- color: #000;
2413
- font-family: inherit;
2414
- font-size: 14px;
2415
- }
2416
-
2417
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
2418
- color: #000;
2419
- }
2420
-
2421
- .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
2422
- color: #000;
2423
- }
2424
-
2425
- .e-multi-select-wrapper .e-chips {
2426
- background-color: #bfbfbf;
2427
- border-radius: 0;
2428
- height: 26px;
2429
- }
2430
-
2431
- .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
2432
- background-color: #685708;
2433
- }
2434
-
2435
- .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
2436
- color: #fff;
2437
- }
2438
-
2439
- .e-multi-select-wrapper .e-chips .e-chips-close::before {
2440
- -webkit-text-fill-color: #000;
2441
- color: #000;
2442
- font-size: 10px;
2443
- }
2444
-
2445
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
2446
- background-color: #bfbfbf;
2447
- border-radius: 0;
2448
- color: #000;
2449
- height: 38px;
2450
- line-height: 38px;
2451
- }
2452
-
2453
- .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
2454
- color: #000;
2455
- }
2456
-
2457
- .e-multi-select-wrapper .e-chips.e-mob-chip,
2458
- .e-bigger .e-multi-select-wrapper .e-chips {
2459
- height: 30px;
2460
- }
2461
-
2462
- .e-popup.e-multi-select-list-wrapper {
2463
- -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2464
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
2465
- -webkit-box-sizing: content-box;
2466
- box-sizing: content-box;
2467
- overflow: initial;
2468
- }
2469
-
2470
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
2471
- border-bottom: 1px solid transparent;
2472
- border-left: 1px solid #ffd939;
2473
- border-right: 1px solid #ffd939;
2474
- border-top: 1px solid #ffd939;
2475
- }
2476
-
2477
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
2478
- background-color: transparent;
2479
- border-color: transparent;
2480
- color: #fff;
2481
- }
2482
-
2483
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active {
2484
- background-color: transparent;
2485
- border-color: transparent;
2486
- color: #fff;
2487
- }
2488
-
2489
- .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
2490
- background-color: #685708;
2491
- }
2492
-
2493
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
2494
- background-color: #685708;
2495
- }
2496
-
2497
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
2498
- border-bottom: 1px solid transparent;
2499
- border-top: 1px solid transparent;
2500
- }
2501
-
2502
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
2503
- border-bottom: 1px solid transparent;
2504
- }
2505
-
2506
- .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
2507
- background-color: #ffd939;
2508
- -webkit-box-shadow: none;
2509
- box-shadow: none;
2510
- color: #000;
2511
- border: 1px solid #ffd939;
2512
- }
2513
-
2514
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
2515
- background-color: #ffd939;
2516
- -webkit-box-shadow: none;
2517
- box-shadow: none;
2518
- color: #000;
2519
- border: 1px solid #ffd939;
2520
- }
2521
-
2522
- .e-popup.e-multi-select-list-wrapper .e-list-item {
2523
- border: 1px solid transparent;
2524
- }
2525
-
2526
- .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item {
2527
- border: 1px solid transparent;
2528
- }
2529
-
2530
- .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2531
- color: #fff;
2532
- }
2533
-
2534
- .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2535
- color: #fff;
2536
- }
2537
-
2538
- .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2539
- color: #fff;
2540
- }
2541
-
2542
- .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
2543
- color: #fff;
2544
- }
2545
-
2546
- .e-ul.e-reorder {
2547
- border-bottom: 1px solid #685708;
2548
- }
2549
-
2550
- .e-multi-select-list-wrapper .e-selectall-parent {
2551
- border-bottom: 1px solid #685708;
2552
- }
2553
-
2554
- .e-ddl.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus .e-checkbox-wrapper .e-frame.e-check {
2555
- background-color: #000;
2556
- border-color: #000;
2557
- color: #ffd939;
2558
- }
2559
-
2560
- .e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus .e-checkbox-wrapper .e-frame.e-check {
2561
- background-color: #000;
2562
- border-color: #000;
2563
- color: #ffd939;
2564
- }
2565
-
2566
- .e-ddl.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active:not(.e-item-focus):not(.e-hover) {
2567
- background-color: #000;
2568
- }
2569
-
2570
- e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-group-item.e-active:not(.e-item-focus):not(.e-hover) {
2571
- background-color: #000;
2572
- }
2573
-
2574
- .e-multi-select-wrapper .e-delim-values {
2575
- -webkit-text-fill-color: #000;
2576
- color: #000;
2577
- }
2578
-
2579
- .e-multi-select-wrapper .e-chips-close.e-close-hooker {
2580
- color: #fff;
2581
- }
2582
-
2583
- .e-small .e-multi-select-wrapper .e-chips {
2584
- height: 20px;
2585
- }
2586
-
2587
- .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2588
- font-size: 12px;
2589
- }
2590
-
2591
- .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2592
- font-size: 8px;
2593
- }
2594
-
2595
- .e-small .e-multi-select-wrapper .e-close-hooker::before {
2596
- left: 7px;
2597
- }
2598
-
2599
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
2600
- left: -35px;
2601
- }
2602
-
2603
- .e-bigger.e-small .e-multi-select-wrapper .e-chips {
2604
- height: 26px;
2605
- }
2606
-
2607
- .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2608
- font-size: 12px;
2609
- }
2610
-
2611
- .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
2612
- font-size: 10px;
2613
- }
2614
-
2615
- .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2616
- -webkit-text-fill-color: #757575;
2617
- color: #757575;
2618
- }
2619
-
2620
- .e-listbox-tool .e-moveup::before {
2621
- content: "\e651";
2622
- }
2623
-
2624
- .e-listbox-tool .e-movedown::before {
2625
- content: "\e652";
2626
- }
2627
-
2628
- .e-listbox-tool .e-moveto::before {
2629
- content: "\e653";
2630
- }
2631
-
2632
- .e-listbox-tool .e-movefrom::before {
2633
- content: "\e654";
2634
- }
2635
-
2636
- .e-listbox-tool .e-moveallto::before {
2637
- content: "\e655";
2638
- }
2639
-
2640
- .e-listbox-tool .e-moveallfrom::before {
2641
- content: "\e656";
2642
- }
2643
-
2644
- /* stylelint-disable property-no-vendor-prefix */
2645
- .e-listbox-wrapper,
2646
- .e-listbox-container,
2647
- .e-listboxtool-wrapper {
2648
- -webkit-overflow-scrolling: touch;
2649
- -webkit-box-sizing: border-box;
2650
- box-sizing: border-box;
2651
- cursor: pointer;
2652
- display: block;
2653
- position: relative;
2654
- -webkit-user-select: none;
2655
- -moz-user-select: none;
2656
- -ms-user-select: none;
2657
- user-select: none;
2658
- width: 100%;
2659
- }
2660
- .e-listbox-wrapper *,
2661
- .e-listbox-container *,
2662
- .e-listboxtool-wrapper * {
2663
- -webkit-box-sizing: border-box;
2664
- box-sizing: border-box;
2665
- }
2666
- .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
2667
- .e-listbox-container.e-listboxtool-container .e-list-wrap,
2668
- .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
2669
- width: 87% !important; /* stylelint-disable-line declaration-no-important */
2670
- }
2671
- .e-listbox-wrapper:focus,
2672
- .e-listbox-container:focus,
2673
- .e-listboxtool-wrapper:focus {
2674
- outline: none;
2675
- }
2676
- .e-listbox-wrapper.e-disabled,
2677
- .e-listbox-container.e-disabled,
2678
- .e-listboxtool-wrapper.e-disabled {
2679
- cursor: default;
2680
- pointer-events: none;
2681
- }
2682
- .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
2683
- .e-listbox-container:not(.e-list-template) .e-list-nrt,
2684
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2685
- text-align: center;
2686
- }
2687
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2688
- .e-listbox-wrapper .e-list-nrt,
2689
- .e-listbox-wrapper .e-selectall-parent,
2690
- .e-listbox-container:not(.e-list-template) .e-list-item,
2691
- .e-listbox-container .e-list-nrt,
2692
- .e-listbox-container .e-selectall-parent,
2693
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2694
- .e-listboxtool-wrapper .e-list-nrt,
2695
- .e-listboxtool-wrapper .e-selectall-parent {
2696
- height: 36px;
2697
- line-height: 1;
2698
- padding: 9px 16px;
2699
- position: relative;
2700
- }
2701
- .e-listbox-wrapper .e-list-parent,
2702
- .e-listbox-container .e-list-parent,
2703
- .e-listboxtool-wrapper .e-list-parent {
2704
- height: 100%;
2705
- min-height: 36px;
2706
- }
2707
- .e-listbox-wrapper .e-list-item,
2708
- .e-listbox-container .e-list-item,
2709
- .e-listboxtool-wrapper .e-list-item {
2710
- border-bottom: 0 solid;
2711
- outline: none;
2712
- }
2713
- .e-listbox-wrapper .e-list-item.e-disabled,
2714
- .e-listbox-container .e-list-item.e-disabled,
2715
- .e-listboxtool-wrapper .e-list-item.e-disabled {
2716
- pointer-events: none;
2717
- }
2718
- .e-listbox-wrapper .e-disable,
2719
- .e-listbox-container .e-disable,
2720
- .e-listboxtool-wrapper .e-disable {
2721
- opacity: 0.7;
2722
- }
2723
- .e-listbox-wrapper .e-list-parent,
2724
- .e-listbox-container .e-list-parent,
2725
- .e-listboxtool-wrapper .e-list-parent {
2726
- margin: 0;
2727
- padding: 0;
2728
- }
2729
- .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
2730
- .e-listbox-container .e-list-header .e-text.header,
2731
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
2732
- .e-listboxtool-wrapper .e-list-header .e-text.header,
2733
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
2734
- display: none;
2735
- }
2736
- .e-listbox-wrapper .e-icon-back,
2737
- .e-listbox-container .e-icon-back,
2738
- .e-listboxtool-wrapper .e-icon-back {
2739
- margin-top: 2px;
2740
- }
2741
- .e-listbox-wrapper .e-list-header,
2742
- .e-listbox-container .e-list-header,
2743
- .e-listboxtool-wrapper .e-list-header {
2744
- -webkit-box-align: center;
2745
- -ms-flex-align: center;
2746
- align-items: center;
2747
- border-bottom: 1px solid;
2748
- display: -webkit-box;
2749
- display: -ms-flexbox;
2750
- display: flex;
2751
- font-weight: 600;
2752
- height: 36px;
2753
- padding: 0 16px;
2754
- }
2755
- .e-listbox-wrapper .e-has-header > .e-view,
2756
- .e-listbox-container .e-has-header > .e-view,
2757
- .e-listboxtool-wrapper .e-has-header > .e-view {
2758
- top: 45px;
2759
- }
2760
- .e-listbox-wrapper .e-but-back,
2761
- .e-listbox-container .e-but-back,
2762
- .e-listboxtool-wrapper .e-but-back {
2763
- cursor: pointer;
2764
- padding-right: 20px;
2765
- }
2766
- .e-listbox-wrapper .e-list-group-item:first-child,
2767
- .e-listbox-container .e-list-group-item:first-child,
2768
- .e-listboxtool-wrapper .e-list-group-item:first-child {
2769
- border: 0;
2770
- border-bottom: 0 solid transparent;
2771
- }
2772
- .e-listbox-wrapper .e-list-group-item,
2773
- .e-listbox-container .e-list-group-item,
2774
- .e-listboxtool-wrapper .e-list-group-item {
2775
- border-bottom: 0 solid transparent;
2776
- border-top: 1px solid;
2777
- font-weight: 600;
2778
- height: 36px;
2779
- line-height: 30px;
2780
- padding: 9px 16px;
2781
- }
2782
- .e-listbox-wrapper .e-icon-collapsible,
2783
- .e-listbox-container .e-icon-collapsible,
2784
- .e-listboxtool-wrapper .e-icon-collapsible {
2785
- cursor: pointer;
2786
- font-size: 12px;
2787
- position: absolute;
2788
- right: 0%;
2789
- top: 50%;
2790
- -webkit-transform: translateY(-50%);
2791
- transform: translateY(-50%);
2792
- }
2793
- .e-listbox-wrapper .e-text-content,
2794
- .e-listbox-container .e-text-content,
2795
- .e-listboxtool-wrapper .e-text-content {
2796
- height: 100%;
2797
- position: relative;
2798
- vertical-align: middle;
2799
- }
2800
- .e-listbox-wrapper .e-text-content *,
2801
- .e-listbox-container .e-text-content *,
2802
- .e-listboxtool-wrapper .e-text-content * {
2803
- display: inline-block;
2804
- vertical-align: middle;
2805
- }
2806
- .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
2807
- .e-listbox-container .e-text-content.e-checkbox .e-list-text,
2808
- .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
2809
- width: calc(100% - 40px);
2810
- }
2811
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2812
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
2813
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
2814
- width: calc(100% - 90px);
2815
- }
2816
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2817
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2818
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2819
- width: calc(100% - 80px);
2820
- }
2821
- .e-listbox-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2822
- .e-listbox-container .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
2823
- .e-listboxtool-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
2824
- width: calc(100% - 92px);
2825
- }
2826
- .e-listbox-wrapper .e-checkbox .e-checkbox-left,
2827
- .e-listbox-container .e-checkbox .e-checkbox-left,
2828
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
2829
- margin: -2px 10px 0 0;
2830
- }
2831
- .e-listbox-wrapper .e-checkbox .e-checkbox-right,
2832
- .e-listbox-container .e-checkbox .e-checkbox-right,
2833
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
2834
- margin: -2px 0 0 10px;
2835
- }
2836
- .e-listbox-wrapper .e-list-text,
2837
- .e-listbox-container .e-list-text,
2838
- .e-listboxtool-wrapper .e-list-text {
2839
- cursor: pointer;
2840
- display: inline-block;
2841
- overflow: hidden;
2842
- text-overflow: ellipsis;
2843
- vertical-align: top;
2844
- white-space: nowrap;
2845
- width: 100%;
2846
- }
2847
- .e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2848
- .e-listbox-container .e-list-icon + .e-list-text,
2849
- .e-listbox-container .e-icon-wrapper .e-list-text,
2850
- .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
2851
- .e-listboxtool-wrapper .e-list-icon + .e-list-text,
2852
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
2853
- .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
2854
- width: calc(100% - 60px);
2855
- }
2856
- .e-listbox-wrapper .e-list-icon,
2857
- .e-listbox-container .e-list-icon,
2858
- .e-listboxtool-wrapper .e-list-icon {
2859
- height: 30px;
2860
- margin-right: 16px;
2861
- width: 30px;
2862
- }
2863
- .e-listbox-wrapper .e-content,
2864
- .e-listbox-container .e-content,
2865
- .e-listboxtool-wrapper .e-content {
2866
- overflow: hidden;
2867
- position: relative;
2868
- }
2869
- .e-listbox-wrapper .e-list-header .e-text,
2870
- .e-listbox-container .e-list-header .e-text,
2871
- .e-listboxtool-wrapper .e-list-header .e-text {
2872
- cursor: pointer;
2873
- text-indent: 0;
2874
- }
2875
- .e-listbox-wrapper .e-text .e-headertext,
2876
- .e-listbox-container .e-text .e-headertext,
2877
- .e-listboxtool-wrapper .e-text .e-headertext {
2878
- display: inline-block;
2879
- line-height: 21px;
2880
- }
2881
- .e-listbox-wrapper.e-rtl,
2882
- .e-listbox-container.e-rtl,
2883
- .e-listboxtool-wrapper.e-rtl {
2884
- direction: rtl;
2885
- }
2886
- .e-listbox-wrapper.e-rtl .e-list-icon,
2887
- .e-listbox-container.e-rtl .e-list-icon,
2888
- .e-listboxtool-wrapper.e-rtl .e-list-icon {
2889
- margin-left: 16px;
2890
- margin-right: 0;
2891
- }
2892
- .e-listbox-wrapper.e-rtl .e-icon-collapsible,
2893
- .e-listbox-container.e-rtl .e-icon-collapsible,
2894
- .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
2895
- left: 0%;
2896
- right: initial;
2897
- top: 50%;
2898
- -webkit-transform: translateY(-50%) rotate(180deg);
2899
- transform: translateY(-50%) rotate(180deg);
2900
- }
2901
- .e-listbox-wrapper.e-rtl .e-list-header .e-text,
2902
- .e-listbox-container.e-rtl .e-list-header .e-text,
2903
- .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
2904
- cursor: pointer;
2905
- }
2906
- .e-listbox-wrapper.e-rtl .e-but-back,
2907
- .e-listbox-container.e-rtl .e-but-back,
2908
- .e-listboxtool-wrapper.e-rtl .e-but-back {
2909
- -webkit-transform: rotate(180deg);
2910
- transform: rotate(180deg);
2911
- }
2912
- .e-listbox-wrapper.e-rtl .e-icon-back,
2913
- .e-listbox-container.e-rtl .e-icon-back,
2914
- .e-listboxtool-wrapper.e-rtl .e-icon-back {
2915
- margin-top: 1px;
2916
- }
2917
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2918
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
2919
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
2920
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
2921
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
2922
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
2923
- margin: -2px 0 0 10px;
2924
- }
2925
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
2926
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
2927
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
2928
- margin: -2px 10px 0 0;
2929
- }
2930
- .e-listbox-wrapper .e-checkbox-wrapper,
2931
- .e-listbox-container .e-checkbox-wrapper,
2932
- .e-listboxtool-wrapper .e-checkbox-wrapper {
2933
- margin: -2px 10px 0 0;
2934
- text-indent: 0;
2935
- vertical-align: middle;
2936
- }
2937
- .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
2938
- .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
2939
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
2940
- position: absolute;
2941
- right: 0;
2942
- top: 30%;
2943
- }
2944
- .e-listbox-wrapper .e-input-group,
2945
- .e-listbox-container .e-input-group,
2946
- .e-listboxtool-wrapper .e-input-group {
2947
- padding: 4px 8px;
2948
- }
2949
- .e-listbox-wrapper .e-input-focus,
2950
- .e-listbox-container .e-input-focus,
2951
- .e-listboxtool-wrapper .e-input-focus {
2952
- padding: 4px 4px 4px 8px;
2953
- }
2954
- .e-listbox-wrapper .e-hidden-select,
2955
- .e-listbox-container .e-hidden-select,
2956
- .e-listboxtool-wrapper .e-hidden-select {
2957
- height: 1px;
2958
- opacity: 0;
2959
- position: absolute;
2960
- width: 100%;
2961
- }
2962
- .e-listbox-wrapper .e-placeholder,
2963
- .e-listbox-container .e-placeholder,
2964
- .e-listboxtool-wrapper .e-placeholder {
2965
- background-color: #ffd939;
2966
- display: block;
2967
- height: 1px;
2968
- }
2969
-
2970
- ejs-listbox {
2971
- display: block;
2972
- }
2973
-
2974
- .e-listbox-wrapper:not(.e-listbox-container),
2975
- .e-listbox-wrapper.e-filter-list .e-list-parent {
2976
- overflow: auto;
2977
- }
2978
-
2979
- .e-listbox-wrapper.e-sortableclone,
2980
- .e-listbox-container.e-sortableclone,
2981
- .e-listboxtool-wrapper.e-sortableclone {
2982
- border-width: 0;
2983
- overflow: visible;
2984
- }
2985
- .e-listbox-wrapper.e-sortableclone .e-list-item,
2986
- .e-listbox-container.e-sortableclone .e-list-item,
2987
- .e-listboxtool-wrapper.e-sortableclone .e-list-item {
2988
- list-style-type: none;
2989
- height: 38px !important; /* stylelint-disable-line declaration-no-important */
2990
- }
2991
- .e-listbox-wrapper.e-sortableclone .e-ripple,
2992
- .e-listbox-container.e-sortableclone .e-ripple,
2993
- .e-listboxtool-wrapper.e-sortableclone .e-ripple {
2994
- overflow: visible;
2995
- }
2996
- .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
2997
- .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
2998
- .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
2999
- display: none;
3000
- }
3001
- .e-listbox-wrapper.e-sortableclone .e-list-badge,
3002
- .e-listbox-container.e-sortableclone .e-list-badge,
3003
- .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
3004
- -webkit-box-align: center;
3005
- -ms-flex-align: center;
3006
- align-items: center;
3007
- background-color: #ffd939;
3008
- border: 1px solid #000;
3009
- border-radius: 50%;
3010
- color: #000;
3011
- display: -webkit-box;
3012
- display: -ms-flexbox;
3013
- display: flex;
3014
- font-size: 12px;
3015
- height: 22px;
3016
- -webkit-box-pack: center;
3017
- -ms-flex-pack: center;
3018
- justify-content: center;
3019
- position: absolute;
3020
- right: -10px;
3021
- top: -10px;
3022
- width: 22px;
3023
- }
3024
-
3025
- .e-listboxtool-wrapper.e-sortableclone {
3026
- display: block;
3027
- }
3028
-
3029
- .e-listboxtool-wrapper,
3030
- .e-listboxtool-container {
3031
- cursor: pointer;
3032
- display: -webkit-box;
3033
- display: -ms-flexbox;
3034
- display: flex;
3035
- }
3036
- .e-listboxtool-wrapper *,
3037
- .e-listboxtool-container * {
3038
- -webkit-box-sizing: border-box;
3039
- box-sizing: border-box;
3040
- }
3041
- .e-listboxtool-wrapper.e-disabled,
3042
- .e-listboxtool-container.e-disabled {
3043
- cursor: default;
3044
- pointer-events: none;
3045
- }
3046
- .e-listboxtool-wrapper .e-listbox-wrapper,
3047
- .e-listboxtool-wrapper .e-list-wrap,
3048
- .e-listboxtool-container .e-listbox-wrapper,
3049
- .e-listboxtool-container .e-list-wrap {
3050
- -webkit-box-flex: 1;
3051
- -ms-flex: 1;
3052
- flex: 1;
3053
- }
3054
- .e-listboxtool-wrapper.e-right .e-listbox-tool,
3055
- .e-listboxtool-container.e-right .e-listbox-tool {
3056
- margin-left: 15px;
3057
- }
3058
- .e-listboxtool-wrapper.e-left .e-listbox-tool,
3059
- .e-listboxtool-container.e-left .e-listbox-tool {
3060
- margin-right: 15px;
3061
- }
3062
- .e-listboxtool-wrapper .e-listbox-tool,
3063
- .e-listboxtool-container .e-listbox-tool {
3064
- border: 1px solid #969696;
3065
- overflow: auto;
3066
- padding: 8px;
3067
- }
3068
- .e-listboxtool-wrapper .e-listbox-tool .e-btn,
3069
- .e-listboxtool-container .e-listbox-tool .e-btn {
3070
- display: list-item;
3071
- list-style-type: none;
3072
- margin-bottom: 10px;
3073
- }
3074
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
3075
- .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
3076
- position: absolute;
3077
- right: 0;
3078
- top: 30%;
3079
- }
3080
-
3081
- .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
3082
- .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
3083
- margin-right: 15px;
3084
- }
3085
- .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
3086
- .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
3087
- margin-left: 15px;
3088
- }
3089
-
3090
- .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
3091
- .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
3092
- .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
3093
- .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
3094
- width: 83% !important; /* stylelint-disable-line declaration-no-important */
3095
- }
3096
- .e-bigger .e-listbox-wrapper .e-list-item,
3097
- .e-listbox-wrapper.e-bigger .e-list-item,
3098
- .e-bigger .e-listbox-container .e-list-item,
3099
- .e-listbox-container.e-bigger .e-list-item {
3100
- border-bottom: 2px solid transparent;
3101
- border-left: 2px solid transparent;
3102
- border-right: 2px solid transparent;
3103
- border-top: 2px solid transparent;
3104
- }
3105
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3106
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
3107
- .e-bigger .e-listbox-wrapper .e-list-group-item,
3108
- .e-bigger .e-listbox-wrapper .e-list-header,
3109
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3110
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
3111
- .e-listbox-wrapper.e-bigger .e-list-group-item,
3112
- .e-listbox-wrapper.e-bigger .e-list-header,
3113
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3114
- .e-bigger .e-listbox-container .e-selectall-parent,
3115
- .e-bigger .e-listbox-container .e-list-group-item,
3116
- .e-bigger .e-listbox-container .e-list-header,
3117
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3118
- .e-listbox-container.e-bigger .e-selectall-parent,
3119
- .e-listbox-container.e-bigger .e-list-group-item,
3120
- .e-listbox-container.e-bigger .e-list-header {
3121
- padding: 12px 16px;
3122
- }
3123
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3124
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
3125
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
3126
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
3127
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
3128
- .e-bigger .e-listbox-container .e-selectall-parent,
3129
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
3130
- .e-listbox-container.e-bigger .e-selectall-parent {
3131
- height: 45px;
3132
- line-height: 1.6;
3133
- position: relative;
3134
- }
3135
- .e-bigger .e-listbox-wrapper .e-list-parent,
3136
- .e-listbox-wrapper.e-bigger .e-list-parent,
3137
- .e-bigger .e-listbox-container .e-list-parent,
3138
- .e-listbox-container.e-bigger .e-list-parent {
3139
- min-height: 45px;
3140
- }
3141
- .e-bigger .e-listbox-wrapper .e-text-content,
3142
- .e-listbox-wrapper.e-bigger .e-text-content,
3143
- .e-bigger .e-listbox-container .e-text-content,
3144
- .e-listbox-container.e-bigger .e-text-content {
3145
- font-size: 15px;
3146
- }
3147
- .e-bigger .e-listbox-wrapper .e-list-group-item,
3148
- .e-listbox-wrapper.e-bigger .e-list-group-item,
3149
- .e-bigger .e-listbox-container .e-list-group-item,
3150
- .e-listbox-container.e-bigger .e-list-group-item {
3151
- height: 45px;
3152
- line-height: 45px;
3153
- }
3154
- .e-bigger .e-listbox-wrapper .e-list-header,
3155
- .e-listbox-wrapper.e-bigger .e-list-header,
3156
- .e-bigger .e-listbox-container .e-list-header,
3157
- .e-listbox-container.e-bigger .e-list-header {
3158
- -webkit-box-align: center;
3159
- -ms-flex-align: center;
3160
- align-items: center;
3161
- display: -webkit-box;
3162
- display: -ms-flexbox;
3163
- display: flex;
3164
- font-weight: 600;
3165
- height: 45px;
3166
- }
3167
- .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
3168
- .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
3169
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
3170
- .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
3171
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
3172
- .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
3173
- .e-listbox-container.e-bigger .e-list-header .e-text.header,
3174
- .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
3175
- display: none;
3176
- }
3177
- .e-bigger .e-listbox-wrapper .e-list-header .e-text,
3178
- .e-listbox-wrapper.e-bigger .e-list-header .e-text,
3179
- .e-bigger .e-listbox-container .e-list-header .e-text,
3180
- .e-listbox-container.e-bigger .e-list-header .e-text {
3181
- font-size: 15px;
3182
- }
3183
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3184
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
3185
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3186
- }
3187
-
3188
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3189
- height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3190
- }
3191
-
3192
- .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3193
- height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3194
- }
3195
-
3196
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3197
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
3198
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
3199
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3200
- height: 100%;
3201
- }
3202
-
3203
- .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3204
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3205
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3206
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3207
- }
3208
-
3209
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3210
- height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3211
- }
3212
-
3213
- .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3214
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3215
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3216
- }
3217
-
3218
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3219
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3220
- height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3221
- }
3222
-
3223
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3224
- height: calc(100% - 87px) !important; /* stylelint-disable-line declaration-no-important */
3225
- }
3226
-
3227
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3228
- height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3229
- }
3230
-
3231
- .e-listbox-wrapper,
3232
- .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
3233
- .e-listboxtool-container.e-listbox-container .e-ul {
3234
- border: 1px solid #969696;
3235
- }
3236
-
3237
- .e-listbox-wrapper,
3238
- .e-listbox-container,
3239
- .e-listboxtool-wrapper {
3240
- font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
3241
- font-size: 13px;
3242
- }
3243
- .e-listbox-wrapper .e-list-header,
3244
- .e-listbox-container .e-list-header,
3245
- .e-listboxtool-wrapper .e-list-header {
3246
- background-color: #000;
3247
- border-color: #969696;
3248
- color: #ffd939;
3249
- font-size: 14px;
3250
- }
3251
-
3252
- .e-listbox-wrapper.e-filter-list .e-list-parent,
3253
- .e-listbox-container.e-filter-list .e-list-parent,
3254
- .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3255
- height: calc(100% - 51px);
3256
- }
3257
-
3258
- .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3259
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3260
- .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3261
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3262
- }
3263
-
3264
- .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3265
- .e-listbox-container .e-selectall-parent + .e-list-parent,
3266
- .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
3267
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3268
- }
3269
-
3270
- .e-listbox-wrapper .e-list-item,
3271
- .e-listbox-container .e-list-item,
3272
- .e-listboxtool-wrapper .e-list-item {
3273
- background-color: #000;
3274
- border-bottom: 2px solid transparent;
3275
- border-left: 2px solid transparent;
3276
- border-right: 2px solid transparent;
3277
- border-top: 2px solid transparent;
3278
- color: #fff;
3279
- }
3280
-
3281
- .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3282
- .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
3283
- .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
3284
- .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
3285
- .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
3286
- background-color: #685708;
3287
- border-color: #fff;
3288
- color: #fff;
3289
- }
3290
-
3291
- .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
3292
- .e-listbox-container .e-list-item.e-selected.e-checklist,
3293
- .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
3294
- background-color: #000;
3295
- color: #fff;
3296
- }
3297
-
3298
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist, .e-listbox-wrapper .e-list-item.e-selected,
3299
- .e-listbox-container .e-list-item.e-focused,
3300
- .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
3301
- .e-listbox-container .e-list-item.e-selected,
3302
- .e-listboxtool-wrapper .e-list-item.e-focused,
3303
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
3304
- .e-listboxtool-wrapper .e-list-item.e-selected {
3305
- background-color: #ffd939;
3306
- color: #000;
3307
- }
3308
-
3309
- .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3310
- .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3311
- .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
3312
- .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
3313
- .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
3314
- background-color: #000;
3315
- border-color: #000;
3316
- color: #ffd939;
3317
- }
3318
-
3319
- .e-listbox-wrapper .e-list-group-item,
3320
- .e-listbox-container .e-list-group-item,
3321
- .e-listboxtool-wrapper .e-list-group-item {
3322
- background-color: #000;
3323
- border-color: #969696;
3324
- color: #ffd939;
3325
- font-size: 14px;
3326
- }
3327
-
3328
- .e-listbox-wrapper .e-selectall-parent,
3329
- .e-listbox-container .e-selectall-parent,
3330
- .e-listboxtool-wrapper .e-selectall-parent {
3331
- background-color: #000;
3332
- border-bottom: 1px solid #fff;
3333
- color: #fff;
3334
- }
3335
-
3336
- .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
3337
- .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
3338
- .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
3339
- background-color: transparent;
3340
- }
3341
-
3342
- .e-listbox-wrapper.e-list-template .e-list-wrapper,
3343
- .e-listbox-container.e-list-template .e-list-wrapper,
3344
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
3345
- height: inherit;
3346
- position: relative;
3347
- }
3348
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3349
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
3350
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
3351
- padding: 0.6153em 0.923em;
3352
- }
3353
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
3354
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
3355
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
3356
- padding: 0.6153em 0.923em;
3357
- }
3358
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3359
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
3360
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
3361
- color: #fff;
3362
- display: block;
3363
- font-size: 13px;
3364
- font-weight: 500;
3365
- margin: 0;
3366
- overflow: hidden;
3367
- padding: 0.093em 0;
3368
- text-overflow: ellipsis;
3369
- white-space: nowrap;
3370
- }
3371
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3372
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
3373
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
3374
- color: #fff;
3375
- display: block;
3376
- font-size: 13px;
3377
- margin: 0;
3378
- padding: 0.093em 0;
3379
- word-wrap: break-word;
3380
- }
3381
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3382
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
3383
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
3384
- overflow: hidden;
3385
- text-overflow: ellipsis;
3386
- white-space: nowrap;
3387
- }
3388
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3389
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3390
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3391
- height: 3.0769em;
3392
- left: 0.923em;
3393
- position: absolute;
3394
- width: 3.0769em;
3395
- left: 0.923em;
3396
- }
3397
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3398
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3399
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3400
- padding-left: 4.923em;
3401
- padding-right: 0.923em;
3402
- }
3403
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3404
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3405
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3406
- padding-left: 0.923em;
3407
- padding-right: 4.923em;
3408
- }
3409
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3410
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3411
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3412
- height: 3.0769em;
3413
- left: 0.923em;
3414
- position: absolute;
3415
- width: 3.0769em;
3416
- right: 0.923em;
3417
- }
3418
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar, .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3419
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3420
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3421
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
3422
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3423
- top: 0.6153em;
3424
- }
3425
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3426
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3427
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3428
- font-size: 13px;
3429
- height: 1.5384em;
3430
- line-height: 1.3384em;
3431
- padding: 0;
3432
- position: absolute;
3433
- right: 0.923em;
3434
- top: 50%;
3435
- -webkit-transform: translateY(-50%);
3436
- transform: translateY(-50%);
3437
- width: 1.5384em;
3438
- }
3439
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3440
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3441
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3442
- padding-left: 4.923em;
3443
- padding-right: 3.3846em;
3444
- }
3445
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3446
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3447
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3448
- padding-left: 0.923em;
3449
- padding-right: 3.3846em;
3450
- }
3451
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3452
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
3453
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
3454
- display: block;
3455
- margin: 0;
3456
- overflow: hidden;
3457
- padding: 0.867em 0;
3458
- text-overflow: ellipsis;
3459
- white-space: nowrap;
3460
- }
3461
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3462
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3463
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
3464
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
3465
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
3466
- color: #fff;
3467
- }
3468
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
3469
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
3470
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
3471
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
3472
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
3473
- color: #000;
3474
- }
3475
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3476
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
3477
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
3478
- left: inherit;
3479
- right: 0.923em;
3480
- }
3481
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3482
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
3483
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
3484
- padding-left: 0.923em;
3485
- padding-right: 4.923em;
3486
- }
3487
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3488
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
3489
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
3490
- padding-left: 4.923em;
3491
- padding-right: 0.923em;
3492
- }
3493
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3494
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
3495
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
3496
- left: 0.923em;
3497
- right: inherit;
3498
- }
3499
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3500
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
3501
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
3502
- left: 0.923em;
3503
- right: inherit;
3504
- }
3505
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3506
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
3507
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
3508
- padding-left: 3.3846em;
3509
- padding-right: 4.923em;
3510
- }
3511
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3512
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
3513
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
3514
- padding-left: 3.3846em;
3515
- padding-right: 0.923em;
3516
- }
3517
-
3518
- .e-listbox-container.e-filter-list .e-list-parent, .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent, .e-listbox-container .e-selectall-parent + .e-list-parent {
3519
- height: 100%;
3520
- }
3521
-
3522
- .e-listbox-container.e-filter-list .e-list-wrap {
3523
- height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3524
- }
3525
-
3526
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3527
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3528
- }
3529
-
3530
- .e-listbox-container .e-selectall-parent + .e-list-wrap {
3531
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3532
- }
3533
-
3534
- /* stylelint-disable property-no-vendor-prefix */
3535
- @keyframes material-spinner-rotate {
3536
- 0% {
3537
- -webkit-transform: rotate(0);
3538
- transform: rotate(0);
3539
- }
3540
- 100% {
3541
- -webkit-transform: rotate(360deg);
3542
- transform: rotate(360deg);
3543
- }
3544
- }
3545
- @keyframes fabric-spinner-rotate {
3546
- 0% {
3547
- -webkit-transform: rotate(0);
3548
- transform: rotate(0);
3549
- }
3550
- 100% {
3551
- -webkit-transform: rotate(360deg);
3552
- transform: rotate(360deg);
3553
- }
3554
- }
1
+ @import '@syncfusion/ej2-dropdowns/styles/highcontrast.css';