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