@syncfusion/ej2-vue-splitbuttons 25.2.3 → 26.1.35-7502

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 (104) hide show
  1. package/dist/ej2-vue-splitbuttons.umd.min.js +2 -2
  2. package/dist/ej2-vue-splitbuttons.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-vue-splitbuttons.es2015.js +8 -14
  4. package/dist/es6/ej2-vue-splitbuttons.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-splitbuttons.es5.js +8 -14
  6. package/dist/es6/ej2-vue-splitbuttons.es5.js.map +1 -1
  7. package/package.json +9 -9
  8. package/styles/bootstrap-dark.css +1966 -1
  9. package/styles/bootstrap.css +2016 -1
  10. package/styles/bootstrap4.css +2004 -1
  11. package/styles/bootstrap5-dark.css +1946 -1
  12. package/styles/bootstrap5.css +1946 -1
  13. package/styles/button-group/bootstrap-dark.css +813 -1
  14. package/styles/button-group/bootstrap.css +787 -1
  15. package/styles/button-group/bootstrap4.css +786 -1
  16. package/styles/button-group/bootstrap5-dark.css +801 -1
  17. package/styles/button-group/bootstrap5.css +801 -1
  18. package/styles/button-group/fabric-dark.css +813 -1
  19. package/styles/button-group/fabric.css +819 -1
  20. package/styles/button-group/fluent-dark.css +825 -1
  21. package/styles/button-group/fluent.css +825 -1
  22. package/styles/button-group/fluent2.css +1849 -0
  23. package/styles/button-group/fluent2.scss +1 -0
  24. package/styles/button-group/highcontrast-light.css +813 -1
  25. package/styles/button-group/highcontrast.css +864 -1
  26. package/styles/button-group/material-dark.css +820 -1
  27. package/styles/button-group/material.css +825 -1
  28. package/styles/button-group/material3-dark.css +1055 -1
  29. package/styles/button-group/material3.css +1167 -1
  30. package/styles/button-group/tailwind-dark.css +799 -1
  31. package/styles/button-group/tailwind.css +799 -1
  32. package/styles/drop-down-button/bootstrap-dark.css +244 -1
  33. package/styles/drop-down-button/bootstrap.css +244 -1
  34. package/styles/drop-down-button/bootstrap4.css +237 -1
  35. package/styles/drop-down-button/bootstrap5-dark.css +247 -1
  36. package/styles/drop-down-button/bootstrap5.css +247 -1
  37. package/styles/drop-down-button/fabric-dark.css +244 -1
  38. package/styles/drop-down-button/fabric.css +244 -1
  39. package/styles/drop-down-button/fluent-dark.css +245 -1
  40. package/styles/drop-down-button/fluent.css +245 -1
  41. package/styles/drop-down-button/fluent2.css +1308 -0
  42. package/styles/drop-down-button/fluent2.scss +1 -0
  43. package/styles/drop-down-button/highcontrast-light.css +244 -1
  44. package/styles/drop-down-button/highcontrast.css +245 -1
  45. package/styles/drop-down-button/material-dark.css +244 -1
  46. package/styles/drop-down-button/material.css +244 -1
  47. package/styles/drop-down-button/material3-dark.css +363 -1
  48. package/styles/drop-down-button/material3.css +475 -1
  49. package/styles/drop-down-button/tailwind-dark.css +254 -1
  50. package/styles/drop-down-button/tailwind.css +254 -1
  51. package/styles/fabric-dark.css +1966 -1
  52. package/styles/fabric.css +2046 -1
  53. package/styles/fluent-dark.css +2061 -1
  54. package/styles/fluent.css +2061 -1
  55. package/styles/fluent2.css +6175 -0
  56. package/styles/fluent2.scss +4 -0
  57. package/styles/highcontrast-light.css +1966 -1
  58. package/styles/highcontrast.css +2018 -1
  59. package/styles/material-dark.css +1973 -1
  60. package/styles/material.css +2052 -1
  61. package/styles/material3-dark.css +2647 -1
  62. package/styles/material3.css +3087 -1
  63. package/styles/progress-button/bootstrap-dark.css +564 -1
  64. package/styles/progress-button/bootstrap.css +641 -1
  65. package/styles/progress-button/bootstrap4.css +644 -1
  66. package/styles/progress-button/bootstrap5-dark.css +564 -1
  67. package/styles/progress-button/bootstrap5.css +564 -1
  68. package/styles/progress-button/fabric-dark.css +564 -1
  69. package/styles/progress-button/fabric.css +641 -1
  70. package/styles/progress-button/fluent-dark.css +657 -1
  71. package/styles/progress-button/fluent.css +657 -1
  72. package/styles/progress-button/fluent2.css +1636 -0
  73. package/styles/progress-button/fluent2.scss +1 -0
  74. package/styles/progress-button/highcontrast-light.css +564 -1
  75. package/styles/progress-button/highcontrast.css +564 -1
  76. package/styles/progress-button/material-dark.css +564 -1
  77. package/styles/progress-button/material.css +641 -1
  78. package/styles/progress-button/material3-dark.css +730 -1
  79. package/styles/progress-button/material3.css +842 -1
  80. package/styles/progress-button/tailwind-dark.css +661 -1
  81. package/styles/progress-button/tailwind.css +661 -1
  82. package/styles/split-button/bootstrap-dark.css +342 -1
  83. package/styles/split-button/bootstrap.css +342 -1
  84. package/styles/split-button/bootstrap4.css +334 -1
  85. package/styles/split-button/bootstrap5-dark.css +331 -1
  86. package/styles/split-button/bootstrap5.css +331 -1
  87. package/styles/split-button/fabric-dark.css +342 -1
  88. package/styles/split-button/fabric.css +339 -1
  89. package/styles/split-button/fluent-dark.css +331 -1
  90. package/styles/split-button/fluent.css +331 -1
  91. package/styles/split-button/fluent2.css +1379 -0
  92. package/styles/split-button/fluent2.scss +1 -0
  93. package/styles/split-button/highcontrast-light.css +342 -1
  94. package/styles/split-button/highcontrast.css +342 -1
  95. package/styles/split-button/material-dark.css +342 -1
  96. package/styles/split-button/material.css +339 -1
  97. package/styles/split-button/material3-dark.css +496 -1
  98. package/styles/split-button/material3.css +600 -1
  99. package/styles/split-button/tailwind-dark.css +356 -1
  100. package/styles/split-button/tailwind.css +356 -1
  101. package/styles/tailwind-dark.css +2072 -1
  102. package/styles/tailwind.css +2072 -1
  103. package/CHANGELOG.md +0 -350
  104. package/dist/global/ej2-vue-splitbuttons.min.js +0 -10
@@ -1 +1,2072 @@
1
- @import '@syncfusion/ej2-splitbuttons/styles/tailwind.css';
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: "\e729";
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(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
22
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
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 #e5e7eb;
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: #fff;
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: #fff;
205
+ color: #374151;
206
+ }
207
+ .e-dropdown-popup ul .e-item .e-menu-url {
208
+ color: #374151;
209
+ }
210
+ .e-dropdown-popup ul .e-item .e-menu-icon {
211
+ color: #374151;
212
+ }
213
+ .e-dropdown-popup ul .e-item.e-focused {
214
+ background: #f3f4f6;
215
+ -webkit-box-shadow: none;
216
+ box-shadow: none;
217
+ }
218
+ .e-dropdown-popup ul .e-item:hover {
219
+ background: #f3f4f6;
220
+ color: #111827;
221
+ }
222
+ .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
223
+ background: #e5e7eb;
224
+ color: #111827;
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: #111827;
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: #111827;
231
+ }
232
+ .e-dropdown-popup ul .e-separator {
233
+ border-bottom-color: #e5e7eb;
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(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
285
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
286
+ z-index: 2;
287
+ }
288
+ .e-split-btn-wrapper .e-split-btn:active {
289
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
290
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
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(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
328
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
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(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
347
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
348
+ z-index: 2;
349
+ }
350
+ .e-split-btn-wrapper .e-btn:active {
351
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
352
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
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: #d1d5db;
517
+ }
518
+ .e-split-btn-wrapper .e-split-btn:focus {
519
+ border-right-color: #d1d5db;
520
+ }
521
+ .e-split-btn-wrapper .e-split-btn:active {
522
+ border-right-color: #e5e7eb;
523
+ }
524
+ .e-split-btn-wrapper .e-split-btn:disabled {
525
+ border-right-color: #fff;
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: #d1d5db;
532
+ }
533
+ .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
534
+ border-right-color: #e5e7eb;
535
+ }
536
+ .e-split-btn-wrapper.e-rtl .e-split-btn {
537
+ border-left-color: #d1d5db;
538
+ border-right-color: #d1d5db;
539
+ }
540
+ .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
541
+ border-left-color: #d1d5db;
542
+ border-right-color: #d1d5db;
543
+ }
544
+ .e-split-btn-wrapper.e-rtl .e-split-btn:active {
545
+ border-left-color: #e5e7eb;
546
+ border-right-color: #e5e7eb;
547
+ }
548
+ .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
549
+ border-left-color: #e5e7eb;
550
+ border-right-color: #d1d5db;
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: #d1d5db;
557
+ border-right-color: #d1d5db;
558
+ }
559
+ .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
560
+ border-left-color: #e5e7eb;
561
+ }
562
+ .e-split-btn-wrapper.e-vertical .e-split-btn {
563
+ border-bottom-color: #d1d5db;
564
+ border-right-color: #d1d5db;
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: #d1d5db;
571
+ border-right-color: #d1d5db;
572
+ }
573
+ .e-split-btn-wrapper.e-vertical .e-split-btn:active {
574
+ border-bottom-color: #e5e7eb;
575
+ border-right-color: #e5e7eb;
576
+ }
577
+ .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
578
+ border-bottom-color: #e5e7eb;
579
+ border-right-color: #d1d5db;
580
+ }
581
+ .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
582
+ border-bottom-color: #d1d5db;
583
+ border-right-color: #d1d5db;
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: #e5e7eb;
590
+ }
591
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
592
+ border-left-color: #d1d5db;
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: #d1d5db;
599
+ }
600
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
601
+ border-left-color: #d1d5db;
602
+ }
603
+ .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
604
+ border-left-color: #d1d5db;
605
+ }
606
+ .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
607
+ border-left-color: #d1d5db;
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: #f3f4f6;
873
+ border-color: #d1d5db;
874
+ color: #374151;
875
+ outline: #fff 0 solid;
876
+ outline-offset: 0;
877
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
878
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
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: #4338ca;
888
+ border-color: #4f46e5;
889
+ color: #fff;
890
+ outline: #fff 0 solid;
891
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
892
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
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: #166534;
902
+ border-color: #15803d;
903
+ color: #fff;
904
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
905
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
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: #155e75;
915
+ border-color: #0e7490;
916
+ color: #fff;
917
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
918
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
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: #9a3412;
928
+ border-color: #c2410c;
929
+ color: #fff;
930
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
931
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
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: #b91c1c;
941
+ border-color: #dc2626;
942
+ color: #fff;
943
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
944
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
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: #3730a3;
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(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
969
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
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(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
978
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
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(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
987
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
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(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
996
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
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(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
1005
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
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(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
1014
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
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: #e5e7eb;
1023
+ border-color: #d1d5db;
1024
+ color: #374151;
1025
+ outline: #fff 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: #3730a3;
1035
+ border-color: #3730a3;
1036
+ color: #fff;
1037
+ outline: #fff 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: #14532d;
1048
+ border-color: #14532d;
1049
+ color: #fff;
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: #164e63;
1060
+ color: #fff;
1061
+ border-color: #164e63;
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: #7c2d12;
1072
+ border-color: #7c2d12;
1073
+ color: #fff;
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: #991b1b;
1084
+ border-color: #991b1b;
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: #e5e7eb;
1096
+ border-color: #d1d5db;
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: #374151;
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: #3730a3;
1108
+ border-color: #4f46e5;
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: #fff;
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: #14532d;
1120
+ border-color: #14532d;
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: #fff;
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: #164e63;
1132
+ border-color: #164e63;
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: #fff;
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: #7c2d12;
1144
+ border-color: #7c2d12;
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: #fff;
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: #991b1b;
1156
+ border-color: #991b1b;
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: #fff;
1166
+ border-color: #e5e7eb;
1167
+ -webkit-box-shadow: none;
1168
+ box-shadow: none;
1169
+ color: #9ca3af;
1170
+ border-color: #d1d5db;
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: #a5b4fc;
1177
+ border-color: #a5b4fc;
1178
+ -webkit-box-shadow: none;
1179
+ box-shadow: none;
1180
+ color: #fff;
1181
+ border-color: #4f46e5;
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: #86efac;
1188
+ border-color: #86efac;
1189
+ -webkit-box-shadow: none;
1190
+ box-shadow: none;
1191
+ color: #fff;
1192
+ border-color: #15803d;
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: #67e8f9;
1199
+ border-color: #67e8f9;
1200
+ -webkit-box-shadow: none;
1201
+ box-shadow: none;
1202
+ color: #fff;
1203
+ border-color: #0e7490;
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: #fdba74;
1210
+ border-color: #fdba74;
1211
+ -webkit-box-shadow: none;
1212
+ box-shadow: none;
1213
+ color: #fff;
1214
+ border-color: #c2410c;
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: #fca5a5;
1221
+ border-color: #fca5a5;
1222
+ -webkit-box-shadow: none;
1223
+ box-shadow: none;
1224
+ color: #fff;
1225
+ border-color: #dc2626;
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: #9ca3af;
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: #e5e7eb;
1244
+ color: #9ca3af;
1245
+ border-color: #d1d5db;
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(79, 70, 229, 0.65);
1253
+ -webkit-box-shadow: none;
1254
+ box-shadow: none;
1255
+ color: rgba(79, 70, 229, 0.65);
1256
+ border-color: #4f46e5;
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(21, 128, 61, 0.65);
1264
+ -webkit-box-shadow: none;
1265
+ box-shadow: none;
1266
+ color: rgba(21, 128, 61, 0.65);
1267
+ border-color: #15803d;
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, 116, 144, 0.65);
1275
+ -webkit-box-shadow: none;
1276
+ box-shadow: none;
1277
+ color: rgba(14, 116, 144, 0.65);
1278
+ border-color: #0e7490;
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(194, 65, 12, 0.65);
1286
+ -webkit-box-shadow: none;
1287
+ box-shadow: none;
1288
+ color: rgba(194, 65, 12, 0.65);
1289
+ border-color: #c2410c;
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(220, 38, 38, 0.65);
1297
+ -webkit-box-shadow: none;
1298
+ box-shadow: none;
1299
+ color: rgba(220, 38, 38, 0.65);
1300
+ border-color: #dc2626;
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: #d1d5db;
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: #4f46e5;
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: #15803d;
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: #0e7490;
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: #c2410c;
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: #dc2626;
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: #d1d5db;
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: #4f46e5;
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: #15803d;
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: #0e7490;
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: #c2410c;
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: #dc2626;
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: #374151;
1828
+ stroke: #374151;
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: #374151;
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: #fff;
1839
+ stroke: #fff;
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(255, 255, 255, 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: #fff;
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: #4f46e5;
1849
+ stroke: #4f46e5;
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: #fff;
1859
+ stroke: #fff;
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(255, 255, 255, 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: #fff;
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: #15803d;
1869
+ stroke: #15803d;
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: #fff;
1879
+ stroke: #fff;
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(255, 255, 255, 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: #fff;
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: #0e7490;
1889
+ stroke: #0e7490;
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: #fff;
1899
+ stroke: #fff;
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(255, 255, 255, 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: #fff;
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: #c2410c;
1909
+ stroke: #c2410c;
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: #fff;
1919
+ stroke: #fff;
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(255, 255, 255, 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: #fff;
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: #dc2626;
1929
+ stroke: #dc2626;
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: #4f46e5;
1939
+ stroke: #4f46e5;
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(79, 70, 229, 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: #4f46e5;
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: #15803d;
1949
+ stroke: #15803d;
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(21, 128, 61, 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: #15803d;
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: #0e7490;
1959
+ stroke: #0e7490;
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, 116, 144, 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: #0e7490;
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: #c2410c;
1969
+ stroke: #c2410c;
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(194, 65, 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: #c2410c;
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: #dc2626;
1979
+ stroke: #dc2626;
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(220, 38, 38, 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: #dc2626;
1986
+ }
1987
+ .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg {
1988
+ fill: #4f46e5;
1989
+ stroke: #4f46e5;
1990
+ }
1991
+ .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1992
+ stroke: rgba(79, 70, 229, 0.2);
1993
+ }
1994
+ .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1995
+ stroke: #4f46e5;
1996
+ }
1997
+
1998
+ .e-progress {
1999
+ background: rgba(107, 114, 128, 0.2);
2000
+ }
2001
+
2002
+ *.e-primary .e-progress,
2003
+ *.e-success .e-progress,
2004
+ *.e-danger .e-progress {
2005
+ background: rgba(107, 114, 128, 0.2);
2006
+ }
2007
+
2008
+ *.e-info .e-progress {
2009
+ background: rgba(107, 114, 128, 0.2);
2010
+ }
2011
+
2012
+ *.e-flat.e-primary .e-progress {
2013
+ background: rgba(255, 255, 255, 0.2);
2014
+ }
2015
+ *.e-flat.e-success .e-progress {
2016
+ background: rgba(255, 255, 255, 0.2);
2017
+ }
2018
+ *.e-flat.e-info .e-progress {
2019
+ background: rgba(255, 255, 255, 0.2);
2020
+ }
2021
+ *.e-flat.e-warning .e-progress {
2022
+ background: rgba(255, 255, 255, 0.2);
2023
+ }
2024
+ *.e-flat.e-danger .e-progress {
2025
+ background: rgba(255, 255, 255, 0.2);
2026
+ }
2027
+
2028
+ *.e-outline:not(:focus).e-primary .e-progress {
2029
+ background: rgba(79, 70, 229, 0.2);
2030
+ }
2031
+ *.e-outline:not(:focus).e-success .e-progress {
2032
+ background: rgba(21, 128, 61, 0.2);
2033
+ }
2034
+ *.e-outline:not(:focus).e-info .e-progress {
2035
+ background: rgba(14, 116, 144, 0.2);
2036
+ }
2037
+ *.e-outline:not(:focus).e-warning .e-progress {
2038
+ background: rgba(194, 65, 12, 0.2);
2039
+ }
2040
+ *.e-outline:not(:focus).e-danger .e-progress {
2041
+ background: rgba(220, 38, 38, 0.2);
2042
+ }
2043
+
2044
+ *.e-flat:not(:focus).e-primary .e-progress {
2045
+ background: rgba(79, 70, 229, 0.2);
2046
+ }
2047
+ *.e-flat:not(:focus).e-success .e-progress {
2048
+ background: rgba(21, 128, 61, 0.2);
2049
+ }
2050
+ *.e-flat:not(:focus).e-info .e-progress {
2051
+ background: rgba(14, 116, 144, 0.2);
2052
+ }
2053
+ *.e-flat:not(:focus).e-warning .e-progress {
2054
+ background: rgba(194, 65, 12, 0.2);
2055
+ }
2056
+ *.e-flat:not(:focus).e-danger .e-progress {
2057
+ background: rgba(220, 38, 38, 0.2);
2058
+ }
2059
+
2060
+ .e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
2061
+ fill: #374151;
2062
+ stroke: #374151;
2063
+ }
2064
+
2065
+ .e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
2066
+ fill: #374151;
2067
+ stroke: #374151;
2068
+ }
2069
+
2070
+ .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
2071
+ stroke: #374151;
2072
+ }