@syncfusion/ej2-angular-dropdowns 26.1.42 → 26.2.4

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