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