@syncfusion/ej2-vue-splitbuttons 23.1.43 → 24.1.41

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 (89) hide show
  1. package/CHANGELOG.md +0 -16
  2. package/dist/ej2-vue-splitbuttons.umd.min.js +1 -1
  3. package/dist/global/ej2-vue-splitbuttons.min.js +2 -2
  4. package/package.json +9 -9
  5. package/styles/bootstrap-dark.css +1 -1761
  6. package/styles/bootstrap.css +1 -1811
  7. package/styles/bootstrap4.css +1 -1836
  8. package/styles/bootstrap5-dark.css +1 -1851
  9. package/styles/bootstrap5.css +1 -1851
  10. package/styles/button-group/bootstrap-dark.css +1 -752
  11. package/styles/button-group/bootstrap.css +1 -726
  12. package/styles/button-group/bootstrap4.css +1 -756
  13. package/styles/button-group/bootstrap5-dark.css +1 -751
  14. package/styles/button-group/bootstrap5.css +1 -751
  15. package/styles/button-group/fabric-dark.css +1 -752
  16. package/styles/button-group/fabric.css +1 -758
  17. package/styles/button-group/fluent-dark.css +1 -755
  18. package/styles/button-group/fluent.css +1 -755
  19. package/styles/button-group/highcontrast-light.css +1 -752
  20. package/styles/button-group/highcontrast.css +1 -803
  21. package/styles/button-group/material-dark.css +1 -752
  22. package/styles/button-group/material.css +1 -756
  23. package/styles/button-group/material3-dark.css +1 -901
  24. package/styles/button-group/material3.css +1 -957
  25. package/styles/button-group/tailwind-dark.css +1 -739
  26. package/styles/button-group/tailwind.css +1 -739
  27. package/styles/drop-down-button/bootstrap-dark.css +1 -231
  28. package/styles/drop-down-button/bootstrap.css +1 -231
  29. package/styles/drop-down-button/bootstrap4.css +1 -226
  30. package/styles/drop-down-button/bootstrap5-dark.css +1 -236
  31. package/styles/drop-down-button/bootstrap5.css +1 -236
  32. package/styles/drop-down-button/fabric-dark.css +1 -231
  33. package/styles/drop-down-button/fabric.css +1 -231
  34. package/styles/drop-down-button/fluent-dark.css +1 -233
  35. package/styles/drop-down-button/fluent.css +1 -233
  36. package/styles/drop-down-button/highcontrast-light.css +1 -231
  37. package/styles/drop-down-button/highcontrast.css +1 -232
  38. package/styles/drop-down-button/material-dark.css +1 -231
  39. package/styles/drop-down-button/material.css +1 -231
  40. package/styles/drop-down-button/material3-dark.css +1 -292
  41. package/styles/drop-down-button/material3.css +1 -348
  42. package/styles/drop-down-button/tailwind-dark.css +1 -241
  43. package/styles/drop-down-button/tailwind.css +1 -241
  44. package/styles/fabric-dark.css +1 -1761
  45. package/styles/fabric.css +1 -1841
  46. package/styles/fluent-dark.css +1 -1852
  47. package/styles/fluent.css +1 -1852
  48. package/styles/highcontrast-light.css +1 -1761
  49. package/styles/highcontrast.css +1 -1813
  50. package/styles/material-dark.css +1 -1761
  51. package/styles/material.css +1 -1839
  52. package/styles/material3-dark.css +1 -2164
  53. package/styles/material3.css +1 -2382
  54. package/styles/progress-button/bootstrap-dark.css +1 -445
  55. package/styles/progress-button/bootstrap.css +1 -522
  56. package/styles/progress-button/bootstrap4.css +1 -525
  57. package/styles/progress-button/bootstrap5-dark.css +1 -538
  58. package/styles/progress-button/bootstrap5.css +1 -538
  59. package/styles/progress-button/fabric-dark.css +1 -445
  60. package/styles/progress-button/fabric.css +1 -522
  61. package/styles/progress-button/fluent-dark.css +1 -538
  62. package/styles/progress-button/fluent.css +1 -538
  63. package/styles/progress-button/highcontrast-light.css +1 -445
  64. package/styles/progress-button/highcontrast.css +1 -445
  65. package/styles/progress-button/material-dark.css +1 -445
  66. package/styles/progress-button/material.css +1 -522
  67. package/styles/progress-button/material3-dark.css +1 -556
  68. package/styles/progress-button/material3.css +1 -612
  69. package/styles/progress-button/tailwind-dark.css +1 -542
  70. package/styles/progress-button/tailwind.css +1 -542
  71. package/styles/split-button/bootstrap-dark.css +1 -330
  72. package/styles/split-button/bootstrap.css +1 -330
  73. package/styles/split-button/bootstrap4.css +1 -326
  74. package/styles/split-button/bootstrap5-dark.css +1 -323
  75. package/styles/split-button/bootstrap5.css +1 -323
  76. package/styles/split-button/fabric-dark.css +1 -330
  77. package/styles/split-button/fabric.css +1 -327
  78. package/styles/split-button/fluent-dark.css +1 -323
  79. package/styles/split-button/fluent.css +1 -323
  80. package/styles/split-button/highcontrast-light.css +1 -330
  81. package/styles/split-button/highcontrast.css +1 -330
  82. package/styles/split-button/material-dark.css +1 -330
  83. package/styles/split-button/material.css +1 -327
  84. package/styles/split-button/material3-dark.css +1 -412
  85. package/styles/split-button/material3.css +1 -462
  86. package/styles/split-button/tailwind-dark.css +1 -344
  87. package/styles/split-button/tailwind.css +1 -344
  88. package/styles/tailwind-dark.css +1 -1868
  89. package/styles/tailwind.css +1 -1868
@@ -1,1868 +1 @@
1
- /* stylelint-disable-line no-empty-source */
2
- .e-dropdown-btn .e-caret::before,
3
- .e-dropdown-btn.e-btn .e-caret::before {
4
- content: "\e70d";
5
- }
6
-
7
- /*! drop-down button layout */
8
- .e-dropdown-btn,
9
- .e-dropdown-btn.e-btn {
10
- box-shadow: none;
11
- text-transform: none;
12
- white-space: normal;
13
- }
14
- .e-dropdown-btn:hover,
15
- .e-dropdown-btn.e-btn:hover {
16
- box-shadow: none;
17
- }
18
- .e-dropdown-btn:focus,
19
- .e-dropdown-btn.e-btn:focus {
20
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
21
- }
22
- .e-dropdown-btn:active,
23
- .e-dropdown-btn.e-btn:active {
24
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
25
- }
26
- .e-dropdown-btn .e-btn-icon,
27
- .e-dropdown-btn.e-btn .e-btn-icon {
28
- font-size: 14px;
29
- }
30
- .e-dropdown-btn .e-caret,
31
- .e-dropdown-btn.e-btn .e-caret {
32
- font-size: 18px;
33
- }
34
- .e-dropdown-btn.e-vertical,
35
- .e-dropdown-btn.e-btn.e-vertical {
36
- line-height: 1;
37
- padding: 6px 12px;
38
- }
39
- .e-dropdown-btn.e-caret-hide .e-caret,
40
- .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
41
- display: none;
42
- }
43
- .e-dropdown-btn.e-small .e-dropdown-popup ul,
44
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul {
45
- padding: 4px 0;
46
- }
47
- .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item,
48
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item {
49
- padding: 0 8px;
50
- }
51
- .e-dropdown-btn.e-small.e-vertical,
52
- .e-dropdown-btn.e-btn.e-small.e-vertical {
53
- line-height: 1;
54
- padding: 6px 12px;
55
- }
56
-
57
- .e-bigger .e-dropdown-btn .e-btn-icon,
58
- .e-bigger.e-dropdown-btn .e-btn-icon {
59
- font-size: 16px;
60
- }
61
- .e-bigger .e-dropdown-btn .e-caret,
62
- .e-bigger.e-dropdown-btn .e-caret {
63
- font-size: 22px;
64
- }
65
- .e-bigger .e-dropdown-btn.e-vertical,
66
- .e-bigger.e-dropdown-btn.e-vertical {
67
- line-height: 1;
68
- padding: 8px 16px;
69
- }
70
- .e-bigger .e-dropdown-btn.e-small.e-vertical,
71
- .e-bigger.e-dropdown-btn.e-small.e-vertical {
72
- line-height: 1;
73
- padding: 8px 16px;
74
- }
75
-
76
- .e-dropdown-popup {
77
- position: absolute;
78
- border-radius: 4px;
79
- margin-top: 4px;
80
- }
81
- .e-dropdown-popup ul {
82
- border: 1px solid #4b5563;
83
- border-radius: 4px;
84
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
85
- box-sizing: border-box;
86
- font-size: 14px;
87
- font-weight: 400;
88
- list-style-image: none;
89
- list-style-position: outside;
90
- list-style-type: none;
91
- margin: 0;
92
- min-width: 120px;
93
- overflow: hidden;
94
- padding: 4px 0;
95
- -webkit-user-select: none;
96
- -ms-user-select: none;
97
- user-select: none;
98
- white-space: nowrap;
99
- }
100
- .e-dropdown-popup ul .e-item {
101
- cursor: pointer;
102
- display: -ms-flexbox;
103
- display: flex;
104
- height: 30px;
105
- line-height: 30px;
106
- padding: 0 12px;
107
- }
108
- .e-dropdown-popup ul .e-item.e-url {
109
- padding: 0;
110
- }
111
- .e-dropdown-popup ul .e-item .e-menu-url {
112
- display: block;
113
- padding: 0 12px;
114
- text-decoration: none;
115
- width: 100%;
116
- }
117
- .e-dropdown-popup ul .e-item .e-menu-icon {
118
- float: left;
119
- font-size: 18px;
120
- line-height: 30px;
121
- margin-right: 12px;
122
- vertical-align: middle;
123
- width: 1em;
124
- }
125
- .e-dropdown-popup ul .e-item.e-disabled {
126
- cursor: auto;
127
- pointer-events: none;
128
- }
129
- .e-dropdown-popup ul .e-item.e-separator {
130
- border-bottom-style: solid;
131
- border-bottom-width: 1px;
132
- cursor: auto;
133
- height: auto;
134
- line-height: normal;
135
- margin: 3px 0;
136
- pointer-events: none;
137
- }
138
- .e-dropdown-popup.e-transparent {
139
- background: transparent;
140
- box-shadow: none;
141
- }
142
- .e-dropdown-popup.e-transparent .e-dropdown-menu {
143
- border: 0;
144
- height: 1px;
145
- min-width: 0;
146
- padding: 0;
147
- width: 1px;
148
- }
149
-
150
- .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
151
- float: right;
152
- margin-left: 12px;
153
- margin-right: 0;
154
- }
155
-
156
- *.e-bigger .e-dropdown-popup {
157
- background-color: transparent;
158
- border-radius: 4px;
159
- }
160
-
161
- *.e-bigger .e-dropdown-popup ul,
162
- *.e-bigger.e-dropdown-popup ul {
163
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
164
- font-size: 16px;
165
- max-width: 202px;
166
- min-width: 112px;
167
- padding: 4px 0;
168
- background-color: #374151;
169
- margin-top: 4px;
170
- }
171
- *.e-bigger .e-dropdown-popup ul .e-item,
172
- *.e-bigger.e-dropdown-popup ul .e-item {
173
- height: 36px;
174
- line-height: 36px;
175
- padding: 0 16px;
176
- }
177
- *.e-bigger .e-dropdown-popup ul .e-item.e-url,
178
- *.e-bigger.e-dropdown-popup ul .e-item.e-url {
179
- padding: 0;
180
- }
181
- *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
182
- *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
183
- font-size: 22px;
184
- line-height: 36px;
185
- }
186
- *.e-bigger .e-dropdown-popup ul .e-item.e-separator,
187
- *.e-bigger.e-dropdown-popup ul .e-item.e-separator {
188
- height: auto;
189
- line-height: normal;
190
- }
191
-
192
- /*! drop-down button theme */
193
- .e-dropdown-popup {
194
- background-color: #374151;
195
- color: #fff;
196
- }
197
- .e-dropdown-popup ul .e-item .e-menu-url {
198
- color: #fff;
199
- }
200
- .e-dropdown-popup ul .e-item .e-menu-icon {
201
- color: #fff;
202
- }
203
- .e-dropdown-popup ul .e-item.e-focused {
204
- background-color: #4b5563;
205
- box-shadow: none;
206
- }
207
- .e-dropdown-popup ul .e-item:hover {
208
- background-color: #4b5563;
209
- color: #fff;
210
- }
211
- .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
212
- background-color: #6b7280;
213
- color: #fff;
214
- }
215
- .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
216
- color: #fff;
217
- }
218
- .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
219
- color: #fff;
220
- }
221
- .e-dropdown-popup ul .e-separator {
222
- border-bottom-color: #4b5563;
223
- }
224
-
225
- .e-dropdown-btn.e-inherit,
226
- .e-dropdown-btn.e-btn.e-inherit {
227
- background: inherit;
228
- border-color: transparent;
229
- box-shadow: none;
230
- color: inherit;
231
- }
232
- .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
233
- .e-dropdown-btn.e-btn.e-inherit:hover,
234
- .e-dropdown-btn.e-btn.e-inherit:focus,
235
- .e-dropdown-btn.e-btn.e-inherit:active,
236
- .e-dropdown-btn.e-btn.e-inherit.e-active {
237
- background-color: rgba(0, 0, 0, 0.056);
238
- border-color: transparent;
239
- box-shadow: none;
240
- color: inherit;
241
- }
242
-
243
- /* stylelint-disable-line no-empty-source */
244
- /*! splitbutton layout */
245
- .e-split-btn-wrapper {
246
- display: -ms-inline-flexbox;
247
- display: inline-flex;
248
- white-space: nowrap;
249
- width: min-content;
250
- }
251
- .e-split-btn-wrapper .e-split-btn {
252
- border-bottom-right-radius: 0;
253
- border-top-right-radius: 0;
254
- text-transform: none;
255
- z-index: 1;
256
- padding-left: 12px;
257
- padding-right: 12px;
258
- padding-left: 10px;
259
- padding-right: 10px;
260
- }
261
- .e-split-btn-wrapper .e-split-btn:focus {
262
- outline-offset: 0;
263
- }
264
- .e-split-btn-wrapper .e-split-btn:hover {
265
- box-shadow: none;
266
- }
267
- .e-split-btn-wrapper .e-split-btn:focus {
268
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
269
- z-index: 2;
270
- }
271
- .e-split-btn-wrapper .e-split-btn:active {
272
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
273
- z-index: 2;
274
- }
275
- .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
276
- padding-bottom: 10px;
277
- padding-top: 10px;
278
- }
279
- .e-split-btn-wrapper .e-split-btn .e-btn-icon {
280
- font-size: 14px;
281
- margin-left: 0;
282
- padding-right: 8px;
283
- width: auto;
284
- }
285
- .e-split-btn-wrapper .e-split-btn .e-icon-top {
286
- padding-bottom: 4px;
287
- padding-right: 0;
288
- }
289
- .e-split-btn-wrapper .e-split-btn.e-icon-btn {
290
- padding-left: 8px;
291
- padding-right: 8px;
292
- }
293
- .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
294
- padding-right: 0;
295
- }
296
- .e-split-btn-wrapper .e-dropdown-btn {
297
- border-bottom-left-radius: 0;
298
- border-top-left-radius: 0;
299
- margin-left: -1px;
300
- padding-left: 8px;
301
- padding-right: 8px;
302
- z-index: 1;
303
- }
304
- .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
305
- box-shadow: none;
306
- }
307
- .e-split-btn-wrapper .e-dropdown-btn:active {
308
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
309
- z-index: 2;
310
- }
311
- .e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-split-btn-wrapper .e-dropdown-btn:disabled:active {
312
- z-index: 0;
313
- }
314
- .e-split-btn-wrapper .e-dropdown-btn:focus {
315
- outline-offset: 0;
316
- }
317
- .e-split-btn-wrapper .e-btn {
318
- box-shadow: none;
319
- }
320
- .e-split-btn-wrapper .e-btn:hover {
321
- box-shadow: none;
322
- }
323
- .e-split-btn-wrapper .e-btn:focus {
324
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
325
- z-index: 2;
326
- }
327
- .e-split-btn-wrapper .e-btn:active {
328
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
329
- z-index: 2;
330
- }
331
- .e-split-btn-wrapper .e-btn:disabled {
332
- box-shadow: none;
333
- }
334
- .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
335
- box-shadow: none;
336
- }
337
- .e-split-btn-wrapper.e-rtl .e-split-btn {
338
- border-bottom-left-radius: 0;
339
- border-bottom-right-radius: 4px;
340
- border-top-left-radius: 0;
341
- border-top-right-radius: 4px;
342
- margin-left: -1px;
343
- padding-left: 12px;
344
- padding-right: 12px;
345
- padding-left: 4px;
346
- padding-right: 10px;
347
- }
348
- .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
349
- margin-right: 0;
350
- padding-left: 8px;
351
- padding-right: 0;
352
- }
353
- .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
354
- padding-left: 0;
355
- }
356
- .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
357
- padding-left: 8px;
358
- padding-right: 8px;
359
- }
360
- .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
361
- padding-left: 0;
362
- }
363
- .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
364
- border-bottom-left-radius: 4px;
365
- border-bottom-right-radius: 0;
366
- border-top-left-radius: 4px;
367
- border-top-right-radius: 0;
368
- margin-left: 0;
369
- z-index: 1;
370
- }
371
- .e-split-btn-wrapper.e-vertical {
372
- display: inline-block;
373
- }
374
- .e-split-btn-wrapper.e-vertical .e-split-btn,
375
- .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
376
- display: block;
377
- width: 100%;
378
- }
379
- .e-split-btn-wrapper.e-vertical .e-split-btn {
380
- border-bottom-left-radius: 0;
381
- border-top-right-radius: 4px;
382
- line-height: 1;
383
- padding-bottom: 8px;
384
- padding-right: 8px;
385
- padding-bottom: 4px;
386
- padding-right: 10px;
387
- }
388
- .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
389
- padding-bottom: 4px;
390
- }
391
- .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
392
- border-bottom-left-radius: 4px;
393
- border-top-right-radius: 0;
394
- line-height: 0.334em;
395
- margin-left: 0;
396
- margin-top: -1px;
397
- padding-bottom: 4px;
398
- padding-top: 4px;
399
- }
400
- .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
401
- padding-top: 0;
402
- }
403
- .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
404
- border-bottom-right-radius: 0;
405
- border-top-left-radius: 4px;
406
- margin-left: 0;
407
- }
408
- .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
409
- border-bottom-right-radius: 4px;
410
- border-top-left-radius: 0;
411
- }
412
-
413
- .e-bigger .e-split-btn-wrapper .e-split-btn,
414
- .e-bigger.e-split-btn-wrapper .e-split-btn {
415
- padding-left: 16px;
416
- padding-right: 16px;
417
- }
418
- .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
419
- .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
420
- padding-bottom: 12px;
421
- padding-top: 12px;
422
- }
423
- .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
424
- .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
425
- font-size: 16px;
426
- margin-left: 0;
427
- padding-right: 10px;
428
- width: auto;
429
- }
430
- .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
431
- .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
432
- padding-bottom: 6px;
433
- padding-right: 0;
434
- }
435
- .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
436
- .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
437
- padding-left: 12px;
438
- padding-right: 12px;
439
- }
440
- .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
441
- .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
442
- padding-right: 0;
443
- }
444
- .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
445
- .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
446
- padding-left: 4px;
447
- padding-right: 4px;
448
- z-index: 1;
449
- }
450
- .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
451
- .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
452
- padding-left: 12px;
453
- padding-right: 12px;
454
- }
455
- .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
456
- .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
457
- padding-left: 10px;
458
- padding-right: 0;
459
- }
460
- .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
461
- .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
462
- padding-left: 0;
463
- }
464
- .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
465
- .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
466
- padding-left: 12px;
467
- padding-right: 12px;
468
- }
469
- .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
470
- .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
471
- padding-left: 0;
472
- }
473
- .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
474
- .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
475
- padding-bottom: 12px;
476
- padding-right: 12px;
477
- }
478
- .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
479
- .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
480
- padding-bottom: 4px;
481
- padding-top: 4px;
482
- z-index: 1;
483
- }
484
- .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
485
- .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
486
- padding-top: 0;
487
- }
488
-
489
- /*! splitbutton theme */
490
- .e-split-btn-wrapper .e-split-btn {
491
- border-right-color: #6b7280;
492
- }
493
- .e-split-btn-wrapper .e-split-btn:focus {
494
- border-right-color: #6b7280;
495
- }
496
- .e-split-btn-wrapper .e-split-btn:active {
497
- border-right-color: #4b5563;
498
- }
499
- .e-split-btn-wrapper .e-split-btn:disabled {
500
- border-right-color: #1f2937;
501
- }
502
- .e-split-btn-wrapper .e-split-btn.e-inherit {
503
- border-color: transparent;
504
- }
505
- .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
506
- border-right-color: #6b7280;
507
- }
508
- .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
509
- border-right-color: #374151;
510
- }
511
- .e-split-btn-wrapper.e-rtl .e-split-btn {
512
- border-left-color: #6b7280;
513
- border-right-color: #6b7280;
514
- }
515
- .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
516
- border-left-color: #6b7280;
517
- border-right-color: #6b7280;
518
- }
519
- .e-split-btn-wrapper.e-rtl .e-split-btn:active {
520
- border-left-color: #4b5563;
521
- border-right-color: #4b5563;
522
- }
523
- .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
524
- border-left-color: #374151;
525
- border-right-color: #6b7280;
526
- }
527
- .e-split-btn-wrapper.e-rtl .e-split-btn.e-inherit {
528
- border-color: transparent;
529
- }
530
- .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
531
- border-left-color: #6b7280;
532
- border-right-color: #6b7280;
533
- }
534
- .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
535
- border-left-color: #374151;
536
- }
537
- .e-split-btn-wrapper.e-vertical .e-split-btn {
538
- border-bottom-color: #6b7280;
539
- border-right-color: #6b7280;
540
- }
541
- .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical .e-split-btn.e-inherit:disabled {
542
- border-color: transparent;
543
- }
544
- .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
545
- border-bottom-color: #6b7280;
546
- border-right-color: #6b7280;
547
- }
548
- .e-split-btn-wrapper.e-vertical .e-split-btn:active {
549
- border-bottom-color: #4b5563;
550
- border-right-color: #4b5563;
551
- }
552
- .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
553
- border-bottom-color: #374151;
554
- border-right-color: #6b7280;
555
- }
556
- .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
557
- border-bottom-color: #6b7280;
558
- border-right-color: #6b7280;
559
- }
560
- .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical:hover .e-split-btn.e-inherit:disabled {
561
- border-color: transparent;
562
- }
563
- .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
564
- border-bottom-color: #374151;
565
- }
566
- .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
567
- border-left-color: #6b7280;
568
- }
569
- .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:focus, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:active, .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn.e-inherit:disabled {
570
- border-color: transparent;
571
- }
572
- .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
573
- border-left-color: #6b7280;
574
- }
575
- .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
576
- border-left-color: #6b7280;
577
- }
578
- .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
579
- border-left-color: #6b7280;
580
- }
581
- .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
582
- border-left-color: #6b7280;
583
- }
584
- .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn.e-inherit {
585
- border-color: transparent;
586
- }
587
-
588
- /* stylelint-disable */
589
- *.e-btn-group,
590
- *.e-css.e-btn-group {
591
- display: -ms-inline-flexbox;
592
- display: inline-flex;
593
- border-radius: 4px;
594
- -ms-flex-direction: row;
595
- flex-direction: row;
596
- position: relative;
597
- }
598
- *.e-btn-group input:focus + label.e-btn,
599
- *.e-btn-group .e-btn:focus,
600
- *.e-btn-group .e-btn:hover,
601
- *.e-css.e-btn-group input:focus + label.e-btn,
602
- *.e-css.e-btn-group .e-btn:focus,
603
- *.e-css.e-btn-group .e-btn:hover {
604
- z-index: 2;
605
- }
606
- *.e-btn-group input + label.e-btn,
607
- *.e-css.e-btn-group input + label.e-btn {
608
- margin-bottom: 0;
609
- }
610
- *.e-btn-group input,
611
- *.e-css.e-btn-group input {
612
- -moz-appearance: none;
613
- height: 1px;
614
- margin: 0 0 0 -1px;
615
- opacity: 0;
616
- position: absolute;
617
- width: 1px;
618
- }
619
- *.e-btn-group input:disabled + label.e-btn,
620
- *.e-btn-group :disabled,
621
- *.e-css.e-btn-group input:disabled + label.e-btn,
622
- *.e-css.e-btn-group :disabled {
623
- cursor: default;
624
- pointer-events: none;
625
- }
626
- *.e-btn-group .e-btn-icon,
627
- *.e-css.e-btn-group .e-btn-icon {
628
- font-size: 18px;
629
- }
630
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn,
631
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn {
632
- margin-left: -1px;
633
- }
634
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type),
635
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
636
- border-radius: 0;
637
- }
638
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
639
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
640
- border-bottom-right-radius: 0;
641
- border-top-right-radius: 0;
642
- }
643
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type,
644
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
645
- border-bottom-left-radius: 0;
646
- border-top-left-radius: 0;
647
- }
648
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
649
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
650
- border-bottom-right-radius: 0;
651
- border-top-right-radius: 0;
652
- }
653
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
654
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
655
- border-bottom-left-radius: 0;
656
- border-top-left-radius: 0;
657
- }
658
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
659
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
660
- border-bottom-right-radius: 0;
661
- border-top-right-radius: 0;
662
- }
663
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
664
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
665
- border-bottom-left-radius: 0;
666
- border-top-left-radius: 0;
667
- }
668
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child,
669
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child {
670
- border-bottom-right-radius: 0;
671
- border-top-right-radius: 0;
672
- }
673
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child,
674
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child {
675
- border-bottom-left-radius: 0;
676
- border-top-left-radius: 0;
677
- }
678
- *.e-btn-group.e-rtl .e-btn,
679
- *.e-css.e-btn-group.e-rtl .e-btn {
680
- margin-left: -1px;
681
- }
682
- *.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
683
- *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
684
- border-radius: 0;
685
- }
686
- *.e-btn-group.e-rtl .e-btn:first-of-type,
687
- *.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
688
- border-bottom-left-radius: 0;
689
- border-top-left-radius: 0;
690
- }
691
- *.e-btn-group.e-rtl .e-btn:last-of-type,
692
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type {
693
- border-bottom-right-radius: 0;
694
- border-top-right-radius: 0;
695
- }
696
- *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
697
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
698
- border-bottom-left-radius: 0;
699
- border-top-left-radius: 0;
700
- }
701
- *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
702
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
703
- border-bottom-right-radius: 0;
704
- border-top-right-radius: 0;
705
- }
706
- *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
707
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
708
- border-bottom-left-radius: 0;
709
- border-top-left-radius: 0;
710
- }
711
- *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
712
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
713
- border-bottom-right-radius: 0;
714
- border-top-right-radius: 0;
715
- }
716
- *.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child,
717
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child {
718
- border-bottom-left-radius: 0;
719
- border-top-left-radius: 0;
720
- }
721
- *.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child,
722
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child {
723
- border-bottom-right-radius: 0;
724
- border-top-right-radius: 0;
725
- }
726
- *.e-btn-group.e-vertical,
727
- *.e-css.e-btn-group.e-vertical {
728
- -ms-flex-direction: column;
729
- flex-direction: column;
730
- }
731
- *.e-btn-group.e-vertical input,
732
- *.e-css.e-btn-group.e-vertical input {
733
- margin: -1px 0 0;
734
- }
735
- *.e-btn-group.e-vertical .e-btn:not(.e-outline),
736
- *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {
737
- margin-top: -1px;
738
- }
739
- *.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type),
740
- *.e-css.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type) {
741
- border-radius: 0;
742
- }
743
- *.e-btn-group.e-vertical .e-btn:first-of-type,
744
- *.e-css.e-btn-group.e-vertical .e-btn:first-of-type {
745
- border-bottom-left-radius: 0;
746
- border-bottom-right-radius: 0;
747
- border-top-left-radius: 2px;
748
- border-top-right-radius: 2px;
749
- }
750
- *.e-btn-group.e-vertical .e-btn:last-of-type,
751
- *.e-css.e-btn-group.e-vertical .e-btn:last-of-type {
752
- border-bottom-left-radius: 2px;
753
- border-bottom-right-radius: 2px;
754
- border-top-left-radius: 0;
755
- border-top-right-radius: 0;
756
- }
757
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl),
758
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) {
759
- border-radius: 20px;
760
- }
761
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type,
762
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type {
763
- border-bottom-left-radius: 20px;
764
- border-top-left-radius: 20px;
765
- }
766
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type,
767
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type {
768
- border-bottom-right-radius: 20px;
769
- border-top-right-radius: 20px;
770
- }
771
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child),
772
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child) {
773
- border-bottom-right-radius: 0;
774
- border-top-right-radius: 0;
775
- }
776
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn,
777
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn {
778
- border-bottom-left-radius: 0;
779
- border-top-left-radius: 0;
780
- }
781
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child,
782
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child {
783
- border-bottom-left-radius: 20px;
784
- border-top-left-radius: 20px;
785
- }
786
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child,
787
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child {
788
- border-bottom-right-radius: 0;
789
- border-top-right-radius: 0;
790
- }
791
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child,
792
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child {
793
- border-bottom-left-radius: 0;
794
- border-top-left-radius: 0;
795
- }
796
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child,
797
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child {
798
- border-bottom-right-radius: 20px;
799
- border-top-right-radius: 20px;
800
- }
801
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl,
802
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl {
803
- border-radius: 20px;
804
- }
805
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type,
806
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type {
807
- border-bottom-right-radius: 20px;
808
- border-top-right-radius: 20px;
809
- }
810
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type,
811
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type {
812
- border-bottom-left-radius: 20px;
813
- border-top-left-radius: 20px;
814
- }
815
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child),
816
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child) {
817
- border-bottom-left-radius: 0;
818
- border-top-left-radius: 0;
819
- }
820
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child),
821
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child) {
822
- border-bottom-right-radius: 0;
823
- border-top-right-radius: 0;
824
- }
825
-
826
- .e-bigger .e-btn-group .e-btn-icon,
827
- .e-bigger.e-btn-group .e-btn-icon,
828
- .e-bigger .e-css.e-btn-group .e-btn-icon,
829
- .e-bigger.e-css.e-btn-group .e-btn-icon {
830
- font-size: 22px;
831
- }
832
-
833
- /* stylelint-disable */
834
- .e-btn-group:not(.e-outline),
835
- .e-css.e-btn-group:not(.e-outline) {
836
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
837
- }
838
- .e-btn-group .e-btn:hover,
839
- .e-css.e-btn-group .e-btn:hover {
840
- box-shadow: none;
841
- }
842
- .e-btn-group .e-btn:focus,
843
- .e-btn-group input:focus + label.e-btn,
844
- .e-css.e-btn-group .e-btn:focus,
845
- .e-css.e-btn-group input:focus + label.e-btn {
846
- background: #374151;
847
- border-color: #6b7280;
848
- color: #fff;
849
- outline: #1f2937 0 solid;
850
- outline-offset: 0;
851
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
852
- outline-color: inherit;
853
- }
854
- .e-btn-group .e-btn:focus.e-primary,
855
- .e-btn-group input:focus + label.e-btn.e-primary,
856
- .e-css.e-btn-group .e-btn:focus.e-primary,
857
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
858
- background: #06b6d4;
859
- border-color: #22d3ee;
860
- color: #000;
861
- outline: #1f2937 0 solid;
862
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
863
- outline-color: inherit;
864
- }
865
- .e-btn-group .e-btn:focus.e-success,
866
- .e-btn-group input:focus + label.e-btn.e-success,
867
- .e-css.e-btn-group .e-btn:focus.e-success,
868
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
869
- background: #16a34a;
870
- border-color: #22c55e;
871
- color: #000;
872
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
873
- outline-color: inherit;
874
- }
875
- .e-btn-group .e-btn:focus.e-info,
876
- .e-btn-group input:focus + label.e-btn.e-info,
877
- .e-css.e-btn-group .e-btn:focus.e-info,
878
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
879
- background: #0284c7;
880
- border-color: #0ea5e9;
881
- color: #fff;
882
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
883
- outline-color: inherit;
884
- }
885
- .e-btn-group .e-btn:focus.e-warning,
886
- .e-btn-group input:focus + label.e-btn.e-warning,
887
- .e-css.e-btn-group .e-btn:focus.e-warning,
888
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
889
- background: #c2410c;
890
- border-color: #ea580c;
891
- color: #fff;
892
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
893
- outline-color: inherit;
894
- }
895
- .e-btn-group .e-btn:focus.e-danger,
896
- .e-btn-group input:focus + label.e-btn.e-danger,
897
- .e-css.e-btn-group .e-btn:focus.e-danger,
898
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
899
- background: #ef4444;
900
- border-color: #f87171;
901
- color: #000;
902
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
903
- outline-color: inherit;
904
- }
905
- .e-btn-group .e-btn:focus.e-link,
906
- .e-btn-group input:focus + label.e-btn.e-link,
907
- .e-css.e-btn-group .e-btn:focus.e-link,
908
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
909
- border-radius: 0;
910
- text-decoration: underline;
911
- color: #67e8f9;
912
- background-color: transparent;
913
- border-color: transparent;
914
- box-shadow: none;
915
- outline: none;
916
- }
917
- .e-btn-group .e-btn:focus.e-outline,
918
- .e-btn-group input:focus + label.e-btn.e-outline,
919
- .e-css.e-btn-group .e-btn:focus.e-outline,
920
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
921
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
922
- }
923
- .e-btn-group .e-btn:focus.e-outline.e-primary,
924
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
925
- .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
926
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
927
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
928
- }
929
- .e-btn-group .e-btn:focus.e-outline.e-success,
930
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
931
- .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
932
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
933
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
934
- }
935
- .e-btn-group .e-btn:focus.e-outline.e-info,
936
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
937
- .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
938
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
939
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
940
- }
941
- .e-btn-group .e-btn:focus.e-outline.e-warning,
942
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
943
- .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
944
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
945
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
946
- }
947
- .e-btn-group .e-btn:focus.e-outline.e-danger,
948
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
949
- .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
950
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
951
- box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
952
- }
953
- .e-btn-group .e-btn:active,
954
- .e-btn-group input:active + label.e-btn,
955
- .e-btn-group input:checked + label.e-btn,
956
- .e-css.e-btn-group .e-btn:active,
957
- .e-css.e-btn-group input:active + label.e-btn,
958
- .e-css.e-btn-group input:checked + label.e-btn {
959
- background: #4b5563;
960
- border-color: #6b7280;
961
- color: #fff;
962
- outline: #1f2937 0 solid;
963
- outline-offset: 0;
964
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
965
- }
966
- .e-btn-group .e-btn:active.e-primary,
967
- .e-btn-group input:active + label.e-btn.e-primary,
968
- .e-btn-group input:checked + label.e-btn.e-primary,
969
- .e-css.e-btn-group .e-btn:active.e-primary,
970
- .e-css.e-btn-group input:active + label.e-btn.e-primary,
971
- .e-css.e-btn-group input:checked + label.e-btn.e-primary {
972
- background: #67e8f9;
973
- border-color: #67e8f9;
974
- color: #000;
975
- outline: #1f2937 0 solid;
976
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
977
- }
978
- .e-btn-group .e-btn:active.e-success,
979
- .e-btn-group input:active + label.e-btn.e-success,
980
- .e-btn-group input:checked + label.e-btn.e-success,
981
- .e-css.e-btn-group .e-btn:active.e-success,
982
- .e-css.e-btn-group input:active + label.e-btn.e-success,
983
- .e-css.e-btn-group input:checked + label.e-btn.e-success {
984
- background: #4ade80;
985
- border-color: #4ade80;
986
- color: #000;
987
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
988
- }
989
- .e-btn-group .e-btn:active.e-info,
990
- .e-btn-group input:active + label.e-btn.e-info,
991
- .e-btn-group input:checked + label.e-btn.e-info,
992
- .e-css.e-btn-group .e-btn:active.e-info,
993
- .e-css.e-btn-group input:active + label.e-btn.e-info,
994
- .e-css.e-btn-group input:checked + label.e-btn.e-info {
995
- background: #38bdf8;
996
- color: #000;
997
- border-color: #38bdf8;
998
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
999
- }
1000
- .e-btn-group .e-btn:active.e-warning,
1001
- .e-btn-group input:active + label.e-btn.e-warning,
1002
- .e-btn-group input:checked + label.e-btn.e-warning,
1003
- .e-css.e-btn-group .e-btn:active.e-warning,
1004
- .e-css.e-btn-group input:active + label.e-btn.e-warning,
1005
- .e-css.e-btn-group input:checked + label.e-btn.e-warning {
1006
- background: #f97316;
1007
- border-color: #f97316;
1008
- color: #000;
1009
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1010
- }
1011
- .e-btn-group .e-btn:active.e-danger,
1012
- .e-btn-group input:active + label.e-btn.e-danger,
1013
- .e-btn-group input:checked + label.e-btn.e-danger,
1014
- .e-css.e-btn-group .e-btn:active.e-danger,
1015
- .e-css.e-btn-group input:active + label.e-btn.e-danger,
1016
- .e-css.e-btn-group input:checked + label.e-btn.e-danger {
1017
- background: #dc2626;
1018
- border-color: #dc2626;
1019
- color: #fff;
1020
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1021
- }
1022
- .e-btn-group .e-btn:active.e-outline,
1023
- .e-btn-group input:active + label.e-btn.e-outline,
1024
- .e-btn-group input:checked + label.e-btn.e-outline,
1025
- .e-css.e-btn-group .e-btn:active.e-outline,
1026
- .e-css.e-btn-group input:active + label.e-btn.e-outline,
1027
- .e-css.e-btn-group input:checked + label.e-btn.e-outline {
1028
- background: #4b5563;
1029
- border-color: #6b7280;
1030
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1031
- color: #fff;
1032
- }
1033
- .e-btn-group .e-btn:active.e-outline.e-primary,
1034
- .e-btn-group input:active + label.e-btn.e-outline.e-primary,
1035
- .e-btn-group input:checked + label.e-btn.e-outline.e-primary,
1036
- .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
1037
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
1038
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1039
- background: #67e8f9;
1040
- border-color: #22d3ee;
1041
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1042
- color: #000;
1043
- }
1044
- .e-btn-group .e-btn:active.e-outline.e-success,
1045
- .e-btn-group input:active + label.e-btn.e-outline.e-success,
1046
- .e-btn-group input:checked + label.e-btn.e-outline.e-success,
1047
- .e-css.e-btn-group .e-btn:active.e-outline.e-success,
1048
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
1049
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1050
- background: #4ade80;
1051
- border-color: #4ade80;
1052
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1053
- color: #000;
1054
- }
1055
- .e-btn-group .e-btn:active.e-outline.e-info,
1056
- .e-btn-group input:active + label.e-btn.e-outline.e-info,
1057
- .e-btn-group input:checked + label.e-btn.e-outline.e-info,
1058
- .e-css.e-btn-group .e-btn:active.e-outline.e-info,
1059
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
1060
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1061
- background: #38bdf8;
1062
- border-color: #38bdf8;
1063
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1064
- color: #000;
1065
- }
1066
- .e-btn-group .e-btn:active.e-outline.e-warning,
1067
- .e-btn-group input:active + label.e-btn.e-outline.e-warning,
1068
- .e-btn-group input:checked + label.e-btn.e-outline.e-warning,
1069
- .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1070
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1071
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1072
- background: #f97316;
1073
- border-color: #f97316;
1074
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1075
- color: #000;
1076
- }
1077
- .e-btn-group .e-btn:active.e-outline.e-danger,
1078
- .e-btn-group input:active + label.e-btn.e-outline.e-danger,
1079
- .e-btn-group input:checked + label.e-btn.e-outline.e-danger,
1080
- .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1081
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1082
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1083
- background: #dc2626;
1084
- border-color: #dc2626;
1085
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
1086
- color: #fff;
1087
- }
1088
- .e-btn-group .e-btn:disabled,
1089
- .e-btn-group input:disabled + label.e-btn,
1090
- .e-css.e-btn-group .e-btn:disabled,
1091
- .e-css.e-btn-group input:disabled + label.e-btn {
1092
- background-color: #1f2937;
1093
- border-color: #374151;
1094
- box-shadow: none;
1095
- color: #6b7280;
1096
- border-color: #6b7280;
1097
- }
1098
- .e-btn-group .e-btn:disabled.e-primary,
1099
- .e-btn-group input:disabled + label.e-btn.e-primary,
1100
- .e-css.e-btn-group .e-btn:disabled.e-primary,
1101
- .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
1102
- background: #155e75;
1103
- border-color: #155e75;
1104
- box-shadow: none;
1105
- color: #000;
1106
- border-color: #22d3ee;
1107
- }
1108
- .e-btn-group .e-btn:disabled.e-success,
1109
- .e-btn-group input:disabled + label.e-btn.e-success,
1110
- .e-css.e-btn-group .e-btn:disabled.e-success,
1111
- .e-css.e-btn-group input:disabled + label.e-btn.e-success {
1112
- background: #15803d;
1113
- border-color: #15803d;
1114
- box-shadow: none;
1115
- color: #000;
1116
- border-color: #22c55e;
1117
- }
1118
- .e-btn-group .e-btn:disabled.e-info,
1119
- .e-btn-group input:disabled + label.e-btn.e-info,
1120
- .e-css.e-btn-group .e-btn:disabled.e-info,
1121
- .e-css.e-btn-group input:disabled + label.e-btn.e-info {
1122
- background: #075985;
1123
- border-color: #075985;
1124
- box-shadow: none;
1125
- color: #000;
1126
- border-color: #0ea5e9;
1127
- }
1128
- .e-btn-group .e-btn:disabled.e-warning,
1129
- .e-btn-group input:disabled + label.e-btn.e-warning,
1130
- .e-css.e-btn-group .e-btn:disabled.e-warning,
1131
- .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
1132
- background: #9a3412;
1133
- border-color: #9a3412;
1134
- box-shadow: none;
1135
- color: #000;
1136
- border-color: #ea580c;
1137
- }
1138
- .e-btn-group .e-btn:disabled.e-danger,
1139
- .e-btn-group input:disabled + label.e-btn.e-danger,
1140
- .e-css.e-btn-group .e-btn:disabled.e-danger,
1141
- .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
1142
- background: #991b1b;
1143
- border-color: #991b1b;
1144
- box-shadow: none;
1145
- color: #000;
1146
- border-color: #f87171;
1147
- }
1148
- .e-btn-group .e-btn:disabled.e-link,
1149
- .e-btn-group input:disabled + label.e-btn.e-link,
1150
- .e-css.e-btn-group .e-btn:disabled.e-link,
1151
- .e-css.e-btn-group input:disabled + label.e-btn.e-link {
1152
- color: #6b7280;
1153
- background: transparent;
1154
- box-shadow: none;
1155
- text-decoration: none;
1156
- border-color: transparent;
1157
- }
1158
- .e-btn-group .e-btn:disabled.e-outline,
1159
- .e-btn-group input:disabled + label.e-btn.e-outline,
1160
- .e-css.e-btn-group .e-btn:disabled.e-outline,
1161
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
1162
- background: transparent;
1163
- border-color: #374151;
1164
- color: #6b7280;
1165
- border-color: #6b7280;
1166
- }
1167
- .e-btn-group .e-btn:disabled.e-outline.e-primary,
1168
- .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
1169
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
1170
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1171
- background: transparent;
1172
- border-color: rgba(34, 211, 238, 0.65);
1173
- box-shadow: none;
1174
- color: rgba(34, 211, 238, 0.65);
1175
- border-color: #22d3ee;
1176
- }
1177
- .e-btn-group .e-btn:disabled.e-outline.e-success,
1178
- .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
1179
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
1180
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
1181
- background: transparent;
1182
- border-color: rgba(34, 197, 94, 0.65);
1183
- box-shadow: none;
1184
- color: rgba(34, 197, 94, 0.65);
1185
- border-color: #22c55e;
1186
- }
1187
- .e-btn-group .e-btn:disabled.e-outline.e-info,
1188
- .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
1189
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
1190
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
1191
- background: transparent;
1192
- border-color: rgba(14, 165, 233, 0.65);
1193
- box-shadow: none;
1194
- color: rgba(56, 189, 248, 0.65);
1195
- border-color: #0ea5e9;
1196
- }
1197
- .e-btn-group .e-btn:disabled.e-outline.e-warning,
1198
- .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
1199
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
1200
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
1201
- background: transparent;
1202
- border-color: rgba(234, 88, 12, 0.65);
1203
- box-shadow: none;
1204
- color: rgba(249, 115, 22, 0.65);
1205
- border-color: #ea580c;
1206
- }
1207
- .e-btn-group .e-btn:disabled.e-outline.e-danger,
1208
- .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
1209
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
1210
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
1211
- background: transparent;
1212
- border-color: rgba(248, 113, 113, 0.65);
1213
- box-shadow: none;
1214
- color: rgba(248, 113, 113, 0.65);
1215
- border-color: #f87171;
1216
- }
1217
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
1218
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
1219
- border-left: transparent;
1220
- border-right: transparent;
1221
- }
1222
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type,
1223
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type {
1224
- border-right: transparent;
1225
- }
1226
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type,
1227
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type {
1228
- border-left: transparent;
1229
- }
1230
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
1231
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline,
1232
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
1233
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline {
1234
- border-color: #6b7280;
1235
- outline-color: inherit;
1236
- }
1237
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1238
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
1239
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1240
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
1241
- border-color: #22d3ee;
1242
- outline-color: inherit;
1243
- }
1244
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
1245
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
1246
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
1247
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
1248
- border-color: #22c55e;
1249
- outline-color: inherit;
1250
- }
1251
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
1252
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
1253
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
1254
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
1255
- border-color: #0ea5e9;
1256
- outline-color: inherit;
1257
- }
1258
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1259
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
1260
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1261
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
1262
- border-color: #ea580c;
1263
- outline-color: inherit;
1264
- }
1265
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1266
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
1267
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1268
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
1269
- border-color: #f87171;
1270
- outline-color: inherit;
1271
- }
1272
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
1273
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
1274
- border-bottom: transparent;
1275
- border-top: transparent;
1276
- }
1277
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type,
1278
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type {
1279
- border-bottom: transparent;
1280
- }
1281
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type,
1282
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type {
1283
- border-top: transparent;
1284
- }
1285
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
1286
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline,
1287
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
1288
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline {
1289
- border-color: #6b7280;
1290
- outline-color: inherit;
1291
- }
1292
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1293
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
1294
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1295
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
1296
- border-color: #22d3ee;
1297
- outline-color: inherit;
1298
- }
1299
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
1300
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
1301
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
1302
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
1303
- border-color: #22c55e;
1304
- outline-color: inherit;
1305
- }
1306
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
1307
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
1308
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
1309
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
1310
- border-color: #0ea5e9;
1311
- outline-color: inherit;
1312
- }
1313
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1314
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
1315
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1316
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
1317
- border-color: #ea580c;
1318
- outline-color: inherit;
1319
- }
1320
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1321
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
1322
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1323
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
1324
- border-color: #f87171;
1325
- outline-color: inherit;
1326
- }
1327
- /* stylelint-disable property-no-vendor-prefix */
1328
- @keyframes material-spinner-rotate {
1329
- 0% {
1330
- transform: rotate(0);
1331
- }
1332
- 100% {
1333
- transform: rotate(360deg);
1334
- }
1335
- }
1336
- @keyframes fabric-spinner-rotate {
1337
- 0% {
1338
- transform: rotate(0);
1339
- }
1340
- 100% {
1341
- transform: rotate(360deg);
1342
- }
1343
- }
1344
- /*! Progress Button Layout */
1345
- .e-progress-btn {
1346
- position: relative;
1347
- }
1348
- .e-progress-btn .e-progress {
1349
- height: 100%;
1350
- left: 0;
1351
- opacity: 0;
1352
- position: absolute;
1353
- top: 0;
1354
- transition: opacity 0.3s linear;
1355
- }
1356
- .e-progress-btn .e-spinner {
1357
- transition: all 0.3s linear;
1358
- }
1359
- .e-progress-btn .e-btn-content {
1360
- display: inline-block;
1361
- position: relative;
1362
- z-index: 1;
1363
- }
1364
- .e-progress-btn.e-vertical .e-progress {
1365
- bottom: 0;
1366
- height: 0%;
1367
- top: auto;
1368
- width: 100%;
1369
- }
1370
- .e-progress-btn.e-progress-top .e-progress {
1371
- height: 10%;
1372
- }
1373
- .e-progress-btn.e-progress-bottom .e-progress {
1374
- bottom: -1px;
1375
- height: 10%;
1376
- top: auto;
1377
- }
1378
- .e-progress-btn.e-progress-active {
1379
- overflow: hidden;
1380
- pointer-events: none;
1381
- }
1382
- .e-progress-btn.e-progress-active .e-progress {
1383
- opacity: 1;
1384
- }
1385
- .e-progress-btn.e-progress-active .e-animate-end {
1386
- opacity: 0;
1387
- }
1388
- .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
1389
- transition: padding 0.3s linear;
1390
- }
1391
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-btn-content,
1392
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner, .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-btn-content,
1393
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
1394
- display: block;
1395
- line-height: 1;
1396
- }
1397
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
1398
- display: -ms-flexbox;
1399
- display: flex;
1400
- -ms-flex-pack: center;
1401
- justify-content: center;
1402
- }
1403
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
1404
- padding-right: 12px;
1405
- }
1406
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner .e-spinner-inner {
1407
- top: -1px;
1408
- }
1409
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner {
1410
- padding-left: 12px;
1411
- padding-right: 0;
1412
- }
1413
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner {
1414
- padding-left: 12px;
1415
- }
1416
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner .e-spinner-inner {
1417
- top: -1px;
1418
- }
1419
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner {
1420
- padding-left: 0;
1421
- padding-right: 12px;
1422
- }
1423
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top {
1424
- padding-bottom: 16px;
1425
- padding-top: 16px;
1426
- }
1427
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner {
1428
- padding-bottom: 12px;
1429
- }
1430
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom {
1431
- padding-bottom: 16px;
1432
- padding-top: 16px;
1433
- }
1434
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
1435
- padding-top: 12px;
1436
- }
1437
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner {
1438
- padding-right: 10px;
1439
- }
1440
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner {
1441
- padding-left: 10px;
1442
- padding-right: 0;
1443
- }
1444
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner {
1445
- padding-left: 10px;
1446
- }
1447
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner {
1448
- padding-left: 0;
1449
- padding-right: 10px;
1450
- }
1451
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top {
1452
- padding-bottom: 14px;
1453
- padding-top: 14px;
1454
- }
1455
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner {
1456
- padding-bottom: 10px;
1457
- }
1458
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom {
1459
- padding-bottom: 14px;
1460
- padding-top: 14px;
1461
- }
1462
- .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner {
1463
- padding-top: 10px;
1464
- }
1465
- .e-progress-btn.e-round-corner {
1466
- border-radius: 5em;
1467
- outline: none;
1468
- overflow: hidden;
1469
- }
1470
- .e-progress-btn.e-rtl .e-progress {
1471
- left: auto;
1472
- right: 0;
1473
- }
1474
- .e-progress-btn.e-rtl.e-vertical .e-progress {
1475
- bottom: auto;
1476
- top: 0;
1477
- }
1478
- .e-progress-btn .e-spinner-pane {
1479
- height: auto;
1480
- position: relative;
1481
- width: auto;
1482
- }
1483
- .e-progress-btn .e-spinner-pane .e-spinner-inner {
1484
- left: auto;
1485
- position: relative;
1486
- top: auto;
1487
- transform: none;
1488
- }
1489
- .e-progress-btn .e-cont-animate {
1490
- -ms-flex-align: center;
1491
- align-items: center;
1492
- display: -ms-inline-flexbox;
1493
- display: inline-flex;
1494
- height: 100%;
1495
- -ms-flex-pack: center;
1496
- justify-content: center;
1497
- left: 0;
1498
- position: absolute;
1499
- top: 0;
1500
- width: 100%;
1501
- }
1502
- @keyframes ProgressSlideLeft {
1503
- from {
1504
- left: 0%;
1505
- opacity: 1;
1506
- }
1507
- to {
1508
- left: -100%;
1509
- opacity: 0;
1510
- }
1511
- }
1512
- @keyframes ProgressSlideRight {
1513
- from {
1514
- left: 0%;
1515
- opacity: 1;
1516
- }
1517
- to {
1518
- left: 100%;
1519
- opacity: 0;
1520
- }
1521
- }
1522
- @keyframes ProgressSlideUp {
1523
- from {
1524
- height: auto;
1525
- opacity: 1;
1526
- top: 0;
1527
- }
1528
- to {
1529
- height: auto;
1530
- opacity: 0;
1531
- top: -100px;
1532
- }
1533
- }
1534
- @keyframes ProgressSlideDown {
1535
- from {
1536
- height: auto;
1537
- opacity: 1;
1538
- top: 0;
1539
- }
1540
- to {
1541
- height: auto;
1542
- opacity: 0;
1543
- top: 100px;
1544
- }
1545
- }
1546
- @keyframes ProgressZoomIn {
1547
- from {
1548
- opacity: 1;
1549
- transform: translate(0, 0) scale(1);
1550
- }
1551
- to {
1552
- opacity: 0;
1553
- transform: translate(0, 0) scale(3);
1554
- }
1555
- }
1556
- @keyframes ProgressZoomOut {
1557
- from {
1558
- transform: translate(0, 0) scale(1);
1559
- }
1560
- to {
1561
- transform: translate(0, 0) scale(0);
1562
- }
1563
- }
1564
-
1565
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner,
1566
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
1567
- padding-right: 14px;
1568
- }
1569
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner,
1570
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner {
1571
- padding-left: 14px;
1572
- padding-right: 0;
1573
- }
1574
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner,
1575
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner {
1576
- padding-left: 14px;
1577
- }
1578
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner,
1579
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner {
1580
- padding-left: 0;
1581
- padding-right: 14px;
1582
- }
1583
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top,
1584
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top {
1585
- padding-bottom: 20px;
1586
- padding-top: 20px;
1587
- }
1588
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner,
1589
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner {
1590
- padding-bottom: 14px;
1591
- }
1592
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom,
1593
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom {
1594
- padding-bottom: 20px;
1595
- padding-top: 20px;
1596
- }
1597
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner,
1598
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
1599
- padding-top: 14px;
1600
- }
1601
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner,
1602
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner {
1603
- padding-right: 12px;
1604
- }
1605
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner,
1606
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner {
1607
- padding-left: 12px;
1608
- padding-right: 0;
1609
- }
1610
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner,
1611
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner {
1612
- padding-left: 12px;
1613
- }
1614
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner,
1615
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner {
1616
- padding-left: 0;
1617
- padding-right: 12px;
1618
- }
1619
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top,
1620
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top {
1621
- padding-bottom: 16px;
1622
- padding-top: 16px;
1623
- }
1624
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner,
1625
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner {
1626
- padding-bottom: 12px;
1627
- }
1628
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom,
1629
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom {
1630
- padding-bottom: 16px;
1631
- padding-top: 16px;
1632
- }
1633
- *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner,
1634
- *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner {
1635
- padding-top: 12px;
1636
- }
1637
-
1638
- /*! Progress Button Theme */
1639
- .e-progress-btn .e-spinner-pane .e-spinner-inner svg {
1640
- fill: #fff;
1641
- stroke: #fff;
1642
- }
1643
- .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1644
- stroke-width: 3px;
1645
- }
1646
- .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1647
- stroke: #fff;
1648
- stroke-width: 3px;
1649
- }
1650
- .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
1651
- fill: #000;
1652
- stroke: #000;
1653
- }
1654
- .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1655
- stroke: rgba(0, 0, 0, 0.2);
1656
- }
1657
- .e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1658
- stroke: #000;
1659
- }
1660
- .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
1661
- fill: #22d3ee;
1662
- stroke: #22d3ee;
1663
- }
1664
- .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1665
- stroke: rgba(255, 255, 255, 0.2);
1666
- }
1667
- .e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1668
- stroke: #fff;
1669
- }
1670
- .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
1671
- fill: #000;
1672
- stroke: #000;
1673
- }
1674
- .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1675
- stroke: rgba(0, 0, 0, 0.2);
1676
- }
1677
- .e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1678
- stroke: #000;
1679
- }
1680
- .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
1681
- fill: #22c55e;
1682
- stroke: #22c55e;
1683
- }
1684
- .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1685
- stroke: rgba(255, 255, 255, 0.2);
1686
- }
1687
- .e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1688
- stroke: #fff;
1689
- }
1690
- .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
1691
- fill: #000;
1692
- stroke: #000;
1693
- }
1694
- .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1695
- stroke: rgba(0, 0, 0, 0.2);
1696
- }
1697
- .e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1698
- stroke: #000;
1699
- }
1700
- .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
1701
- fill: #0ea5e9;
1702
- stroke: #0ea5e9;
1703
- }
1704
- .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1705
- stroke: rgba(255, 255, 255, 0.2);
1706
- }
1707
- .e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1708
- stroke: #fff;
1709
- }
1710
- .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
1711
- fill: #000;
1712
- stroke: #000;
1713
- }
1714
- .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1715
- stroke: rgba(0, 0, 0, 0.2);
1716
- }
1717
- .e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1718
- stroke: #000;
1719
- }
1720
- .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
1721
- fill: #ea580c;
1722
- stroke: #ea580c;
1723
- }
1724
- .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1725
- stroke: rgba(255, 255, 255, 0.2);
1726
- }
1727
- .e-progress-btn.e-warning.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1728
- stroke: #fff;
1729
- }
1730
- .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
1731
- fill: #000;
1732
- stroke: #000;
1733
- }
1734
- .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1735
- stroke: rgba(0, 0, 0, 0.2);
1736
- }
1737
- .e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1738
- stroke: #000;
1739
- }
1740
- .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
1741
- fill: #f87171;
1742
- stroke: #f87171;
1743
- }
1744
- .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1745
- stroke: rgba(255, 255, 255, 0.2);
1746
- }
1747
- .e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1748
- stroke: #fff;
1749
- }
1750
- .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg {
1751
- fill: #22d3ee;
1752
- stroke: #22d3ee;
1753
- }
1754
- .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1755
- stroke: rgba(34, 211, 238, 0.2);
1756
- }
1757
- .e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1758
- stroke: #22d3ee;
1759
- }
1760
- .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg {
1761
- fill: #22c55e;
1762
- stroke: #22c55e;
1763
- }
1764
- .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1765
- stroke: rgba(34, 197, 94, 0.2);
1766
- }
1767
- .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1768
- stroke: #22c55e;
1769
- }
1770
- .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg {
1771
- fill: #0ea5e9;
1772
- stroke: #0ea5e9;
1773
- }
1774
- .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1775
- stroke: rgba(14, 165, 233, 0.2);
1776
- }
1777
- .e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1778
- stroke: #0ea5e9;
1779
- }
1780
- .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg {
1781
- fill: #ea580c;
1782
- stroke: #ea580c;
1783
- }
1784
- .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1785
- stroke: rgba(234, 88, 12, 0.2);
1786
- }
1787
- .e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1788
- stroke: #ea580c;
1789
- }
1790
- .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg {
1791
- fill: #f87171;
1792
- stroke: #f87171;
1793
- }
1794
- .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1795
- stroke: rgba(248, 113, 113, 0.2);
1796
- }
1797
- .e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1798
- stroke: #f87171;
1799
- }
1800
- .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg {
1801
- fill: #22d3ee;
1802
- stroke: #22d3ee;
1803
- }
1804
- .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1805
- stroke: rgba(34, 211, 238, 0.2);
1806
- }
1807
- .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1808
- stroke: #22d3ee;
1809
- }
1810
-
1811
- .e-progress {
1812
- background: rgba(209, 213, 219, 0.2);
1813
- }
1814
-
1815
- *.e-primary .e-progress,
1816
- *.e-success .e-progress,
1817
- *.e-danger .e-progress,
1818
- *.e-info .e-progress {
1819
- background: rgba(209, 213, 219, 0.2);
1820
- }
1821
-
1822
- *.e-flat.e-primary .e-progress {
1823
- background: rgba(0, 0, 0, 0.2);
1824
- }
1825
- *.e-flat.e-success .e-progress {
1826
- background: rgba(0, 0, 0, 0.2);
1827
- }
1828
- *.e-flat.e-info .e-progress {
1829
- background: rgba(0, 0, 0, 0.2);
1830
- }
1831
- *.e-flat.e-warning .e-progress {
1832
- background: rgba(0, 0, 0, 0.2);
1833
- }
1834
- *.e-flat.e-danger .e-progress {
1835
- background: rgba(0, 0, 0, 0.2);
1836
- }
1837
-
1838
- *.e-outline:not(:focus).e-primary .e-progress {
1839
- background: rgba(34, 211, 238, 0.2);
1840
- }
1841
- *.e-outline:not(:focus).e-success .e-progress {
1842
- background: rgba(34, 197, 94, 0.2);
1843
- }
1844
- *.e-outline:not(:focus).e-info .e-progress {
1845
- background: rgba(14, 165, 233, 0.2);
1846
- }
1847
- *.e-outline:not(:focus).e-warning .e-progress {
1848
- background: rgba(234, 88, 12, 0.2);
1849
- }
1850
- *.e-outline:not(:focus).e-danger .e-progress {
1851
- background: rgba(248, 113, 113, 0.2);
1852
- }
1853
-
1854
- *.e-flat:not(:focus).e-primary .e-progress {
1855
- background: rgba(34, 211, 238, 0.2);
1856
- }
1857
- *.e-flat:not(:focus).e-success .e-progress {
1858
- background: rgba(34, 197, 94, 0.2);
1859
- }
1860
- *.e-flat:not(:focus).e-info .e-progress {
1861
- background: rgba(14, 165, 233, 0.2);
1862
- }
1863
- *.e-flat:not(:focus).e-warning .e-progress {
1864
- background: rgba(234, 88, 12, 0.2);
1865
- }
1866
- *.e-flat:not(:focus).e-danger .e-progress {
1867
- background: rgba(248, 113, 113, 0.2);
1868
- }
1
+ @import '@syncfusion/ej2-splitbuttons/styles/tailwind-dark.css';