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