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