@syncfusion/ej2-splitbuttons 20.1.47 → 20.2.36

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