@syncfusion/ej2-angular-dropdowns 26.1.42 → 26.2.4

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