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