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