@syncfusion/ej2-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 (177) hide show
  1. package/.eslintrc.json +3 -2
  2. package/dist/ej2-splitbuttons.min.js +2 -2
  3. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  4. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-splitbuttons.es2015.js +29 -48
  6. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js +30 -45
  8. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  9. package/dist/global/ej2-splitbuttons.min.js +2 -2
  10. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +8 -8
  13. package/src/drop-down-button/drop-down-button.js +6 -1
  14. package/src/progress-button/progress-button.js +3 -3
  15. package/src/split-button/split-button.js +2 -1
  16. package/styles/bootstrap-dark.css +302 -110
  17. package/styles/bootstrap-dark.scss +14 -4
  18. package/styles/bootstrap.css +302 -110
  19. package/styles/bootstrap.scss +14 -4
  20. package/styles/bootstrap4.css +266 -93
  21. package/styles/bootstrap4.scss +14 -4
  22. package/styles/bootstrap5-dark.css +266 -187
  23. package/styles/bootstrap5-dark.scss +14 -4
  24. package/styles/bootstrap5.css +266 -187
  25. package/styles/bootstrap5.scss +14 -4
  26. package/styles/button-group/_bootstrap-dark-definition.scss +0 -2
  27. package/styles/button-group/_bootstrap5.3-definition.scss +31 -0
  28. package/styles/button-group/_fabric-dark-definition.scss +0 -2
  29. package/styles/button-group/_fluent2-definition.scss +31 -0
  30. package/styles/button-group/_group-button-mixin.scss +21 -0
  31. package/styles/button-group/_highcontrast-light-definition.scss +0 -2
  32. package/styles/button-group/_layout.scss +5 -13
  33. package/styles/button-group/_material-dark-definition.scss +0 -2
  34. package/styles/button-group/_theme.scss +32 -85
  35. package/styles/button-group/bootstrap-dark.css +132 -70
  36. package/styles/button-group/bootstrap.css +132 -70
  37. package/styles/button-group/bootstrap4.css +108 -59
  38. package/styles/button-group/bootstrap5-dark.css +108 -59
  39. package/styles/button-group/bootstrap5.css +108 -59
  40. package/styles/button-group/fabric-dark.css +132 -70
  41. package/styles/button-group/fabric.css +137 -75
  42. package/styles/button-group/fluent-dark.css +148 -78
  43. package/styles/button-group/fluent.css +148 -78
  44. package/styles/button-group/fluent2.css +1849 -0
  45. package/styles/button-group/fluent2.scss +4 -0
  46. package/styles/button-group/highcontrast-light.css +132 -70
  47. package/styles/button-group/highcontrast.css +132 -70
  48. package/styles/button-group/material-dark.css +146 -77
  49. package/styles/button-group/material.css +148 -78
  50. package/styles/button-group/material3-dark.css +190 -90
  51. package/styles/button-group/material3.css +190 -90
  52. package/styles/button-group/tailwind-dark.css +130 -70
  53. package/styles/button-group/tailwind.css +130 -70
  54. package/styles/drop-down-button/_bds-definition.scss +5 -5
  55. package/styles/drop-down-button/_bootstrap-dark-definition.scss +0 -3
  56. package/styles/drop-down-button/_bootstrap5-definition.scss +0 -1
  57. package/styles/drop-down-button/_bootstrap5.3-definition.scss +49 -0
  58. package/styles/drop-down-button/_fabric-dark-definition.scss +0 -3
  59. package/styles/drop-down-button/_fluent-definition.scss +0 -1
  60. package/styles/drop-down-button/_fluent2-definition.scss +48 -0
  61. package/styles/drop-down-button/_fusionnew-definition.scss +0 -1
  62. package/styles/drop-down-button/_highcontrast-light-definition.scss +0 -3
  63. package/styles/drop-down-button/_layout.scss +51 -6
  64. package/styles/drop-down-button/_material-dark-definition.scss +0 -3
  65. package/styles/drop-down-button/_material3-definition.scss +0 -1
  66. package/styles/drop-down-button/_tailwind-definition.scss +0 -1
  67. package/styles/drop-down-button/_theme.scss +8 -8
  68. package/styles/drop-down-button/bootstrap-dark.css +27 -14
  69. package/styles/drop-down-button/bootstrap.css +27 -14
  70. package/styles/drop-down-button/bootstrap4.css +23 -12
  71. package/styles/drop-down-button/bootstrap5-dark.css +23 -12
  72. package/styles/drop-down-button/bootstrap5.css +23 -12
  73. package/styles/drop-down-button/fabric-dark.css +27 -14
  74. package/styles/drop-down-button/fabric.css +27 -14
  75. package/styles/drop-down-button/fluent-dark.css +27 -14
  76. package/styles/drop-down-button/fluent.css +27 -14
  77. package/styles/drop-down-button/fluent2.css +1308 -0
  78. package/styles/drop-down-button/fluent2.scss +6 -0
  79. package/styles/drop-down-button/highcontrast-light.css +27 -14
  80. package/styles/drop-down-button/highcontrast.css +27 -14
  81. package/styles/drop-down-button/icons/_bootstrap5.3.scss +10 -0
  82. package/styles/drop-down-button/icons/_fluent2.scss +10 -0
  83. package/styles/drop-down-button/material-dark.css +27 -14
  84. package/styles/drop-down-button/material.css +27 -14
  85. package/styles/drop-down-button/material3-dark.css +33 -17
  86. package/styles/drop-down-button/material3.css +33 -17
  87. package/styles/drop-down-button/tailwind-dark.css +27 -14
  88. package/styles/drop-down-button/tailwind.css +27 -14
  89. package/styles/fabric-dark.css +302 -110
  90. package/styles/fabric-dark.scss +14 -4
  91. package/styles/fabric.css +307 -115
  92. package/styles/fabric.scss +14 -4
  93. package/styles/fluent-dark.css +310 -115
  94. package/styles/fluent-dark.scss +14 -4
  95. package/styles/fluent.css +310 -115
  96. package/styles/fluent.scss +14 -4
  97. package/styles/fluent2.css +3072 -0
  98. package/styles/fluent2.scss +14 -0
  99. package/styles/highcontrast-light.css +302 -110
  100. package/styles/highcontrast-light.scss +14 -4
  101. package/styles/highcontrast.css +302 -110
  102. package/styles/highcontrast.scss +14 -4
  103. package/styles/material-dark.css +316 -117
  104. package/styles/material-dark.scss +14 -4
  105. package/styles/material.css +318 -118
  106. package/styles/material.scss +14 -4
  107. package/styles/material3-dark.css +396 -147
  108. package/styles/material3-dark.scss +14 -4
  109. package/styles/material3.css +392 -145
  110. package/styles/material3.scss +14 -4
  111. package/styles/progress-button/_bootstrap-dark-definition.scss +0 -3
  112. package/styles/progress-button/_bootstrap5-definition.scss +0 -1
  113. package/styles/progress-button/_bootstrap5.3-definition.scss +20 -0
  114. package/styles/progress-button/_fabric-dark-definition.scss +0 -3
  115. package/styles/progress-button/_fluent-definition.scss +0 -1
  116. package/styles/progress-button/_fluent2-definition.scss +26 -0
  117. package/styles/progress-button/_fusionnew-definition.scss +0 -1
  118. package/styles/progress-button/_layout.scss +0 -2
  119. package/styles/progress-button/_material-dark-definition.scss +0 -3
  120. package/styles/progress-button/_material3-definition.scss +0 -1
  121. package/styles/progress-button/_tailwind-definition.scss +0 -1
  122. package/styles/progress-button/_theme.scss +115 -50
  123. package/styles/progress-button/bootstrap-dark.css +118 -13
  124. package/styles/progress-button/bootstrap.css +118 -13
  125. package/styles/progress-button/bootstrap4.css +118 -13
  126. package/styles/progress-button/bootstrap5-dark.css +118 -106
  127. package/styles/progress-button/bootstrap5.css +118 -106
  128. package/styles/progress-button/fabric-dark.css +118 -13
  129. package/styles/progress-button/fabric.css +118 -13
  130. package/styles/progress-button/fluent-dark.css +118 -13
  131. package/styles/progress-button/fluent.css +118 -13
  132. package/styles/progress-button/fluent2.css +1636 -0
  133. package/styles/progress-button/fluent2.scss +5 -0
  134. package/styles/progress-button/highcontrast-light.css +118 -13
  135. package/styles/progress-button/highcontrast.css +118 -13
  136. package/styles/progress-button/material-dark.css +118 -13
  137. package/styles/progress-button/material.css +118 -13
  138. package/styles/progress-button/material3-dark.css +119 -14
  139. package/styles/progress-button/material3.css +119 -14
  140. package/styles/progress-button/tailwind-dark.css +118 -13
  141. package/styles/progress-button/tailwind.css +118 -13
  142. package/styles/split-button/_bds-definition.scss +0 -1
  143. package/styles/split-button/_bootstrap-dark-definition.scss +0 -3
  144. package/styles/split-button/_bootstrap4-definition.scss +0 -3
  145. package/styles/split-button/_bootstrap5-definition.scss +0 -1
  146. package/styles/split-button/_bootstrap5.3-definition.scss +23 -0
  147. package/styles/split-button/_fabric-dark-definition.scss +0 -3
  148. package/styles/split-button/_fluent-definition.scss +0 -1
  149. package/styles/split-button/_fluent2-definition.scss +23 -0
  150. package/styles/split-button/_fusionnew-definition.scss +0 -1
  151. package/styles/split-button/_highcontrast-light-definition.scss +0 -3
  152. package/styles/split-button/_layout.scss +16 -4
  153. package/styles/split-button/_theme.scss +0 -2
  154. package/styles/split-button/bootstrap-dark.css +25 -13
  155. package/styles/split-button/bootstrap.css +25 -13
  156. package/styles/split-button/bootstrap4.css +17 -9
  157. package/styles/split-button/bootstrap5-dark.css +17 -9
  158. package/styles/split-button/bootstrap5.css +17 -9
  159. package/styles/split-button/fabric-dark.css +25 -13
  160. package/styles/split-button/fabric.css +25 -13
  161. package/styles/split-button/fluent-dark.css +17 -9
  162. package/styles/split-button/fluent.css +17 -9
  163. package/styles/split-button/fluent2.css +1379 -0
  164. package/styles/split-button/fluent2.scss +6 -0
  165. package/styles/split-button/highcontrast-light.css +25 -13
  166. package/styles/split-button/highcontrast.css +25 -13
  167. package/styles/split-button/material-dark.css +25 -13
  168. package/styles/split-button/material.css +25 -13
  169. package/styles/split-button/material3-dark.css +57 -28
  170. package/styles/split-button/material3.css +53 -26
  171. package/styles/split-button/tailwind-dark.css +25 -13
  172. package/styles/split-button/tailwind.css +25 -13
  173. package/styles/tailwind-dark.css +300 -111
  174. package/styles/tailwind-dark.scss +14 -4
  175. package/styles/tailwind.css +300 -111
  176. package/styles/tailwind.scss +14 -4
  177. package/CHANGELOG.md +0 -367
@@ -4,7 +4,6 @@
4
4
  content: "\e70d";
5
5
  }
6
6
 
7
- /*! drop-down button layout */
8
7
  .e-dropdown-btn,
9
8
  .e-dropdown-btn.e-btn {
10
9
  text-transform: none;
@@ -12,11 +11,13 @@
12
11
  }
13
12
  .e-dropdown-btn:focus,
14
13
  .e-dropdown-btn.e-btn:focus {
15
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
14
+ -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
15
+ box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
16
16
  }
17
17
  .e-dropdown-btn:active,
18
18
  .e-dropdown-btn.e-btn:active {
19
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
19
+ -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
20
+ box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
20
21
  }
21
22
  .e-dropdown-btn .e-btn-icon,
22
23
  .e-dropdown-btn.e-btn .e-btn-icon {
@@ -48,7 +49,6 @@
48
49
  line-height: 1;
49
50
  padding: 6px 12px;
50
51
  }
51
-
52
52
  .e-bigger .e-dropdown-btn .e-btn-icon,
53
53
  .e-bigger.e-dropdown-btn .e-btn-icon {
54
54
  font-size: 16px;
@@ -76,8 +76,10 @@
76
76
  .e-dropdown-popup ul {
77
77
  border: 1px solid #444c54;
78
78
  border-radius: 4px;
79
- box-shadow: none;
80
- box-sizing: border-box;
79
+ -webkit-box-shadow: none;
80
+ box-shadow: none;
81
+ -webkit-box-sizing: border-box;
82
+ box-sizing: border-box;
81
83
  font-size: 14px;
82
84
  font-weight: 400;
83
85
  list-style-image: none;
@@ -88,18 +90,23 @@
88
90
  overflow: hidden;
89
91
  padding: 4px 0;
90
92
  -webkit-user-select: none;
93
+ -moz-user-select: none;
91
94
  -ms-user-select: none;
92
95
  user-select: none;
93
96
  white-space: nowrap;
94
97
  }
95
98
  .e-dropdown-popup ul .e-item {
96
99
  cursor: pointer;
100
+ display: -webkit-box;
97
101
  display: -ms-flexbox;
98
102
  display: flex;
99
103
  height: 30px;
100
104
  line-height: 30px;
101
105
  padding: 0 12px;
102
106
  }
107
+ .e-dropdown-popup ul .e-item.e-separator {
108
+ padding: 0 !important; /* stylelint-disable-line declaration-no-important */
109
+ }
103
110
  .e-dropdown-popup ul .e-item.e-url {
104
111
  padding: 0;
105
112
  }
@@ -132,7 +139,8 @@
132
139
  }
133
140
  .e-dropdown-popup.e-transparent {
134
141
  background: transparent;
135
- box-shadow: none;
142
+ -webkit-box-shadow: none;
143
+ box-shadow: none;
136
144
  }
137
145
  .e-dropdown-popup.e-transparent .e-dropdown-menu {
138
146
  border: 0;
@@ -155,7 +163,8 @@
155
163
 
156
164
  *.e-bigger .e-dropdown-popup ul,
157
165
  *.e-bigger.e-dropdown-popup ul {
158
- box-shadow: none;
166
+ -webkit-box-shadow: none;
167
+ box-shadow: none;
159
168
  font-size: 16px;
160
169
  max-width: 202px;
161
170
  min-width: 112px;
@@ -184,7 +193,6 @@
184
193
  line-height: normal;
185
194
  }
186
195
 
187
- /*! drop-down button theme */
188
196
  .e-dropdown-popup {
189
197
  background: #343a40;
190
198
  color: #fff;
@@ -197,7 +205,8 @@
197
205
  }
198
206
  .e-dropdown-popup ul .e-item.e-focused {
199
207
  background: #31373d;
200
- box-shadow: none;
208
+ -webkit-box-shadow: none;
209
+ box-shadow: none;
201
210
  }
202
211
  .e-dropdown-popup ul .e-item:hover {
203
212
  background: #444c54;
@@ -221,7 +230,8 @@
221
230
  .e-dropdown-btn.e-btn.e-inherit {
222
231
  background: inherit;
223
232
  border-color: transparent;
224
- box-shadow: none;
233
+ -webkit-box-shadow: none;
234
+ box-shadow: none;
225
235
  color: inherit;
226
236
  }
227
237
  .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,
@@ -231,16 +241,18 @@
231
241
  .e-dropdown-btn.e-btn.e-inherit.e-active {
232
242
  background: rgba(0, 0, 0, 0.056);
233
243
  border-color: transparent;
234
- box-shadow: none;
244
+ -webkit-box-shadow: none;
245
+ box-shadow: none;
235
246
  color: inherit;
236
247
  }
237
248
 
238
- /* stylelint-disable-line no-empty-source */
239
- /*! splitbutton layout */
240
249
  .e-split-btn-wrapper {
250
+ display: -webkit-inline-box;
241
251
  display: -ms-inline-flexbox;
242
252
  display: inline-flex;
243
253
  white-space: nowrap;
254
+ width: -webkit-min-content;
255
+ width: -moz-min-content;
244
256
  width: min-content;
245
257
  }
246
258
  .e-split-btn-wrapper .e-split-btn {
@@ -255,11 +267,13 @@
255
267
  outline-offset: 0;
256
268
  }
257
269
  .e-split-btn-wrapper .e-split-btn:focus {
258
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
270
+ -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
271
+ box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
259
272
  z-index: 2;
260
273
  }
261
274
  .e-split-btn-wrapper .e-split-btn:active {
262
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
275
+ -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
276
+ box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
263
277
  z-index: 2;
264
278
  }
265
279
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
@@ -292,7 +306,8 @@
292
306
  z-index: 1;
293
307
  }
294
308
  .e-split-btn-wrapper .e-dropdown-btn:active {
295
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
309
+ -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
310
+ box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
296
311
  z-index: 2;
297
312
  }
298
313
  .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 {
@@ -302,18 +317,22 @@
302
317
  outline-offset: 0;
303
318
  }
304
319
  .e-split-btn-wrapper .e-btn:focus {
305
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
320
+ -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
321
+ box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
306
322
  z-index: 2;
307
323
  }
308
324
  .e-split-btn-wrapper .e-btn:active {
309
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
325
+ -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
326
+ box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
310
327
  z-index: 2;
311
328
  }
312
329
  .e-split-btn-wrapper .e-btn:disabled {
313
- box-shadow: none;
330
+ -webkit-box-shadow: none;
331
+ box-shadow: none;
314
332
  }
315
333
  .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
316
- box-shadow: none;
334
+ -webkit-box-shadow: none;
335
+ box-shadow: none;
317
336
  }
318
337
  .e-split-btn-wrapper.e-rtl .e-split-btn {
319
338
  border-bottom-left-radius: 0;
@@ -460,7 +479,6 @@
460
479
  padding-top: 0;
461
480
  }
462
481
 
463
- /*! splitbutton theme */
464
482
  .e-split-btn-wrapper .e-split-btn {
465
483
  border-right-color: #6c757d;
466
484
  }
@@ -562,11 +580,14 @@
562
580
  /* stylelint-disable */
563
581
  *.e-btn-group,
564
582
  *.e-css.e-btn-group {
583
+ display: -webkit-inline-box;
565
584
  display: -ms-inline-flexbox;
566
585
  display: inline-flex;
567
586
  border-radius: 4px;
568
- -ms-flex-direction: row;
569
- flex-direction: row;
587
+ -webkit-box-orient: horizontal;
588
+ -webkit-box-direction: normal;
589
+ -ms-flex-direction: row;
590
+ flex-direction: row;
570
591
  position: relative;
571
592
  }
572
593
  *.e-btn-group input:focus + label.e-btn,
@@ -609,8 +630,9 @@
609
630
  *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
610
631
  border-radius: 0;
611
632
  }
612
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
613
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
633
+ *.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),
634
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
635
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
614
636
  border-bottom-right-radius: 0;
615
637
  border-top-right-radius: 0;
616
638
  }
@@ -619,11 +641,6 @@
619
641
  border-bottom-left-radius: 0;
620
642
  border-top-left-radius: 0;
621
643
  }
622
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
623
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
624
- border-bottom-right-radius: 0;
625
- border-top-right-radius: 0;
626
- }
627
644
  *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
628
645
  *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
629
646
  border-bottom-left-radius: 0;
@@ -657,8 +674,9 @@
657
674
  *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
658
675
  border-radius: 0;
659
676
  }
660
- *.e-btn-group.e-rtl .e-btn:first-of-type,
661
- *.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
677
+ *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
678
+ *.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
679
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
662
680
  border-bottom-left-radius: 0;
663
681
  border-top-left-radius: 0;
664
682
  }
@@ -667,11 +685,6 @@
667
685
  border-bottom-right-radius: 0;
668
686
  border-top-right-radius: 0;
669
687
  }
670
- *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
671
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
672
- border-bottom-left-radius: 0;
673
- border-top-left-radius: 0;
674
- }
675
688
  *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
676
689
  *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
677
690
  border-bottom-right-radius: 0;
@@ -699,8 +712,10 @@
699
712
  }
700
713
  *.e-btn-group.e-vertical,
701
714
  *.e-css.e-btn-group.e-vertical {
702
- -ms-flex-direction: column;
703
- flex-direction: column;
715
+ -webkit-box-orient: vertical;
716
+ -webkit-box-direction: normal;
717
+ -ms-flex-direction: column;
718
+ flex-direction: column;
704
719
  }
705
720
  *.e-btn-group.e-vertical input,
706
721
  *.e-css.e-btn-group.e-vertical input {
@@ -807,134 +822,174 @@
807
822
  /* stylelint-disable */
808
823
  .e-btn-group:not(.e-outline),
809
824
  .e-css.e-btn-group:not(.e-outline) {
810
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
825
+ -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
826
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
811
827
  }
812
828
  .e-btn-group .e-btn:hover,
813
829
  .e-css.e-btn-group .e-btn:hover {
814
- box-shadow: none;
830
+ -webkit-box-shadow: none;
831
+ box-shadow: none;
815
832
  }
816
833
  .e-btn-group .e-btn:focus,
817
834
  .e-btn-group input:focus-visible + label.e-btn,
835
+ .e-btn-group input:focus + label.e-btn,
818
836
  .e-css.e-btn-group .e-btn:focus,
819
- .e-css.e-btn-group input:focus-visible + label.e-btn {
837
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
838
+ .e-css.e-btn-group input:focus + label.e-btn {
820
839
  background: #5c636a;
821
840
  border-color: #6c757d;
822
841
  color: #fff;
823
842
  outline: #6c757d 0 solid;
824
843
  outline-offset: 0;
825
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
844
+ -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
845
+ box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
826
846
  border-color: #5c636a;
827
847
  outline-color: inherit;
828
848
  }
829
849
  .e-btn-group .e-btn:focus.e-primary,
830
850
  .e-btn-group input:focus-visible + label.e-btn.e-primary,
851
+ .e-btn-group input:focus + label.e-btn.e-primary,
831
852
  .e-css.e-btn-group .e-btn:focus.e-primary,
832
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
853
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
854
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
833
855
  background: #0b5ed7;
834
856
  border-color: #0d6efd;
835
857
  color: #fff;
836
858
  outline: #6c757d 0 solid;
837
- box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
859
+ -webkit-box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
860
+ box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
838
861
  border-color: #0b5ed7;
839
862
  outline-color: inherit;
840
863
  }
841
864
  .e-btn-group .e-btn:focus.e-success,
842
865
  .e-btn-group input:focus-visible + label.e-btn.e-success,
866
+ .e-btn-group input:focus + label.e-btn.e-success,
843
867
  .e-css.e-btn-group .e-btn:focus.e-success,
844
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
868
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
869
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
845
870
  background: #157347;
846
871
  border-color: #198754;
847
872
  color: #fff;
848
- box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
873
+ -webkit-box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
874
+ box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
849
875
  border-color: #157347;
850
876
  outline-color: inherit;
851
877
  }
852
878
  .e-btn-group .e-btn:focus.e-info,
853
879
  .e-btn-group input:focus-visible + label.e-btn.e-info,
880
+ .e-btn-group input:focus + label.e-btn.e-info,
854
881
  .e-css.e-btn-group .e-btn:focus.e-info,
855
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
882
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
883
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
856
884
  background: #31d2f2;
857
885
  border-color: #0dcaf0;
858
886
  color: #000;
859
- box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
887
+ -webkit-box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
888
+ box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
860
889
  border-color: #31d2f2;
861
890
  outline-color: inherit;
862
891
  }
863
892
  .e-btn-group .e-btn:focus.e-warning,
864
893
  .e-btn-group input:focus-visible + label.e-btn.e-warning,
894
+ .e-btn-group input:focus + label.e-btn.e-warning,
865
895
  .e-css.e-btn-group .e-btn:focus.e-warning,
866
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
896
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
897
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
867
898
  background: #ffca2c;
868
899
  border-color: #ffc107;
869
900
  color: #000;
870
- box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
901
+ -webkit-box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
902
+ box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
871
903
  border-color: #ffca2c;
872
904
  outline-color: inherit;
873
905
  }
874
906
  .e-btn-group .e-btn:focus.e-danger,
875
907
  .e-btn-group input:focus-visible + label.e-btn.e-danger,
908
+ .e-btn-group input:focus + label.e-btn.e-danger,
876
909
  .e-css.e-btn-group .e-btn:focus.e-danger,
877
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
910
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
911
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
878
912
  background: #bb2d3b;
879
913
  border-color: #dc3545;
880
914
  color: #fff;
881
- box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
915
+ -webkit-box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
916
+ box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
882
917
  border-color: #bb2d3b;
883
918
  outline-color: inherit;
884
919
  }
885
920
  .e-btn-group .e-btn:focus.e-link,
886
921
  .e-btn-group input:focus-visible + label.e-btn.e-link,
922
+ .e-btn-group input:focus + label.e-btn.e-link,
887
923
  .e-css.e-btn-group .e-btn:focus.e-link,
888
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
924
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
925
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
889
926
  border-radius: 0;
890
927
  text-decoration: underline;
891
928
  color: #0a58ca;
892
929
  background-color: transparent;
893
930
  border-color: transparent;
894
- box-shadow: none;
931
+ -webkit-box-shadow: none;
932
+ box-shadow: none;
895
933
  outline: none;
896
934
  }
897
935
  .e-btn-group .e-btn:focus.e-outline,
898
936
  .e-btn-group input:focus-visible + label.e-btn.e-outline,
937
+ .e-btn-group input:focus + label.e-btn.e-outline,
899
938
  .e-css.e-btn-group .e-btn:focus.e-outline,
900
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
901
- box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
902
- box-shadow: none;
939
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
940
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline {
941
+ -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
942
+ box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
903
943
  border-color: #5c636a;
904
944
  }
905
945
  .e-btn-group .e-btn:focus.e-outline.e-primary,
906
946
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
947
+ .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
907
948
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
908
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
909
- box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
949
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
950
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
951
+ -webkit-box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
952
+ box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
910
953
  border-color: #0d6efd;
911
954
  }
912
955
  .e-btn-group .e-btn:focus.e-outline.e-success,
913
956
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
957
+ .e-btn-group input:focus + label.e-btn.e-outline.e-success,
914
958
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
915
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
916
- box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
959
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
960
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
961
+ -webkit-box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
962
+ box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
917
963
  border-color: #157347;
918
964
  }
919
965
  .e-btn-group .e-btn:focus.e-outline.e-info,
920
966
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
967
+ .e-btn-group input:focus + label.e-btn.e-outline.e-info,
921
968
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
922
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
923
- box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
969
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
970
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
971
+ -webkit-box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
972
+ box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
924
973
  border-color: #31d2f2;
925
974
  }
926
975
  .e-btn-group .e-btn:focus.e-outline.e-warning,
927
976
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
977
+ .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
928
978
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
929
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
930
- box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
979
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
980
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
981
+ -webkit-box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
982
+ box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
931
983
  border-color: #ffca2c;
932
984
  }
933
985
  .e-btn-group .e-btn:focus.e-outline.e-danger,
934
986
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
987
+ .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
935
988
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
936
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
937
- box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
989
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
990
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
991
+ -webkit-box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
992
+ box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
938
993
  border-color: #bb2d3b;
939
994
  }
940
995
  .e-btn-group .e-btn:active,
@@ -1064,7 +1119,8 @@
1064
1119
  .e-css.e-btn-group input:disabled + label.e-btn {
1065
1120
  background-color: rgba(108, 117, 125, 0.65);
1066
1121
  border-color: rgba(108, 117, 125, 0.65);
1067
- box-shadow: none;
1122
+ -webkit-box-shadow: none;
1123
+ box-shadow: none;
1068
1124
  color: rgba(255, 255, 255, 0.65);
1069
1125
  border-color: #6c757d;
1070
1126
  }
@@ -1074,7 +1130,8 @@
1074
1130
  .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
1075
1131
  background: rgba(13, 110, 253, 0.65);
1076
1132
  border-color: rgba(13, 110, 253, 0.65);
1077
- box-shadow: none;
1133
+ -webkit-box-shadow: none;
1134
+ box-shadow: none;
1078
1135
  color: rgba(255, 255, 255, 0.65);
1079
1136
  border-color: #0d6efd;
1080
1137
  }
@@ -1084,7 +1141,8 @@
1084
1141
  .e-css.e-btn-group input:disabled + label.e-btn.e-success {
1085
1142
  background: rgba(25, 135, 84, 0.65);
1086
1143
  border-color: rgba(25, 135, 84, 0.65);
1087
- box-shadow: none;
1144
+ -webkit-box-shadow: none;
1145
+ box-shadow: none;
1088
1146
  color: rgba(255, 255, 255, 0.65);
1089
1147
  border-color: #198754;
1090
1148
  }
@@ -1094,7 +1152,8 @@
1094
1152
  .e-css.e-btn-group input:disabled + label.e-btn.e-info {
1095
1153
  background: rgba(13, 202, 240, 0.65);
1096
1154
  border-color: rgba(13, 202, 240, 0.65);
1097
- box-shadow: none;
1155
+ -webkit-box-shadow: none;
1156
+ box-shadow: none;
1098
1157
  color: rgba(0, 0, 0, 0.65);
1099
1158
  border-color: #0dcaf0;
1100
1159
  }
@@ -1104,7 +1163,8 @@
1104
1163
  .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
1105
1164
  background: rgba(255, 193, 7, 0.65);
1106
1165
  border-color: rgba(255, 193, 7, 0.65);
1107
- box-shadow: none;
1166
+ -webkit-box-shadow: none;
1167
+ box-shadow: none;
1108
1168
  color: rgba(0, 0, 0, 0.65);
1109
1169
  border-color: #ffc107;
1110
1170
  }
@@ -1114,7 +1174,8 @@
1114
1174
  .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
1115
1175
  background: rgba(220, 53, 69, 0.65);
1116
1176
  border-color: rgba(220, 53, 69, 0.65);
1117
- box-shadow: none;
1177
+ -webkit-box-shadow: none;
1178
+ box-shadow: none;
1118
1179
  color: rgba(0, 0, 0, 0.65);
1119
1180
  border-color: #dc3545;
1120
1181
  }
@@ -1125,7 +1186,8 @@
1125
1186
  color: rgba(108, 117, 125, 0.65);
1126
1187
  text-decoration: underline;
1127
1188
  background: transparent;
1128
- box-shadow: none;
1189
+ -webkit-box-shadow: none;
1190
+ box-shadow: none;
1129
1191
  text-decoration: none;
1130
1192
  border-color: transparent;
1131
1193
  }
@@ -1144,7 +1206,8 @@
1144
1206
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1145
1207
  background: rgba(13, 110, 253, 0.65);
1146
1208
  border-color: rgba(13, 110, 253, 0.65);
1147
- box-shadow: none;
1209
+ -webkit-box-shadow: none;
1210
+ box-shadow: none;
1148
1211
  color: rgba(255, 255, 255, 0.65);
1149
1212
  border-color: #0d6efd;
1150
1213
  }
@@ -1154,7 +1217,8 @@
1154
1217
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
1155
1218
  background: rgba(25, 135, 84, 0.65);
1156
1219
  border-color: rgba(25, 135, 84, 0.65);
1157
- box-shadow: none;
1220
+ -webkit-box-shadow: none;
1221
+ box-shadow: none;
1158
1222
  color: rgba(255, 255, 255, 0.65);
1159
1223
  border-color: #198754;
1160
1224
  }
@@ -1164,7 +1228,8 @@
1164
1228
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
1165
1229
  background: rgba(13, 202, 240, 0.65);
1166
1230
  border-color: rgba(13, 202, 240, 0.65);
1167
- box-shadow: none;
1231
+ -webkit-box-shadow: none;
1232
+ box-shadow: none;
1168
1233
  color: rgba(0, 0, 0, 0.65);
1169
1234
  border-color: #0dcaf0;
1170
1235
  }
@@ -1174,7 +1239,8 @@
1174
1239
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
1175
1240
  background: rgba(255, 193, 7, 0.65);
1176
1241
  border-color: rgba(255, 193, 7, 0.65);
1177
- box-shadow: none;
1242
+ -webkit-box-shadow: none;
1243
+ box-shadow: none;
1178
1244
  color: rgba(0, 0, 0, 0.65);
1179
1245
  border-color: #ffc107;
1180
1246
  }
@@ -1184,7 +1250,8 @@
1184
1250
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
1185
1251
  background: rgba(220, 53, 69, 0.65);
1186
1252
  border-color: rgba(220, 53, 69, 0.65);
1187
- box-shadow: none;
1253
+ -webkit-box-shadow: none;
1254
+ box-shadow: none;
1188
1255
  color: rgba(255, 255, 255, 0.65);
1189
1256
  border-color: #dc3545;
1190
1257
  }
@@ -1313,23 +1380,46 @@
1313
1380
  }
1314
1381
 
1315
1382
  /* stylelint-disable property-no-vendor-prefix */
1383
+ @-webkit-keyframes material-spinner-rotate {
1384
+ 0% {
1385
+ -webkit-transform: rotate(0);
1386
+ transform: rotate(0);
1387
+ }
1388
+ 100% {
1389
+ -webkit-transform: rotate(360deg);
1390
+ transform: rotate(360deg);
1391
+ }
1392
+ }
1316
1393
  @keyframes material-spinner-rotate {
1317
1394
  0% {
1395
+ -webkit-transform: rotate(0);
1318
1396
  transform: rotate(0);
1319
1397
  }
1320
1398
  100% {
1399
+ -webkit-transform: rotate(360deg);
1400
+ transform: rotate(360deg);
1401
+ }
1402
+ }
1403
+ @-webkit-keyframes fabric-spinner-rotate {
1404
+ 0% {
1405
+ -webkit-transform: rotate(0);
1406
+ transform: rotate(0);
1407
+ }
1408
+ 100% {
1409
+ -webkit-transform: rotate(360deg);
1321
1410
  transform: rotate(360deg);
1322
1411
  }
1323
1412
  }
1324
1413
  @keyframes fabric-spinner-rotate {
1325
1414
  0% {
1415
+ -webkit-transform: rotate(0);
1326
1416
  transform: rotate(0);
1327
1417
  }
1328
1418
  100% {
1419
+ -webkit-transform: rotate(360deg);
1329
1420
  transform: rotate(360deg);
1330
1421
  }
1331
1422
  }
1332
- /*! Progress Button Layout */
1333
1423
  .e-progress-btn {
1334
1424
  position: relative;
1335
1425
  }
@@ -1339,9 +1429,11 @@
1339
1429
  opacity: 0;
1340
1430
  position: absolute;
1341
1431
  top: 0;
1432
+ -webkit-transition: opacity 0.3s linear;
1342
1433
  transition: opacity 0.3s linear;
1343
1434
  }
1344
1435
  .e-progress-btn .e-spinner {
1436
+ -webkit-transition: all 0.3s linear;
1345
1437
  transition: all 0.3s linear;
1346
1438
  }
1347
1439
  .e-progress-btn .e-btn-content {
@@ -1374,6 +1466,7 @@
1374
1466
  opacity: 0;
1375
1467
  }
1376
1468
  .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
1469
+ -webkit-transition: padding 0.3s linear;
1377
1470
  transition: padding 0.3s linear;
1378
1471
  }
1379
1472
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-btn-content,
@@ -1383,10 +1476,12 @@
1383
1476
  line-height: 1;
1384
1477
  }
1385
1478
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
1479
+ display: -webkit-box;
1386
1480
  display: -ms-flexbox;
1387
1481
  display: flex;
1388
- -ms-flex-pack: center;
1389
- justify-content: center;
1482
+ -webkit-box-pack: center;
1483
+ -ms-flex-pack: center;
1484
+ justify-content: center;
1390
1485
  }
1391
1486
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
1392
1487
  padding-right: 12px;
@@ -1472,21 +1567,35 @@
1472
1567
  left: auto;
1473
1568
  position: relative;
1474
1569
  top: auto;
1475
- transform: none;
1570
+ -webkit-transform: none;
1571
+ transform: none;
1476
1572
  }
1477
1573
  .e-progress-btn .e-cont-animate {
1478
- -ms-flex-align: center;
1479
- align-items: center;
1574
+ -webkit-box-align: center;
1575
+ -ms-flex-align: center;
1576
+ align-items: center;
1577
+ display: -webkit-inline-box;
1480
1578
  display: -ms-inline-flexbox;
1481
1579
  display: inline-flex;
1482
1580
  height: 100%;
1483
- -ms-flex-pack: center;
1484
- justify-content: center;
1581
+ -webkit-box-pack: center;
1582
+ -ms-flex-pack: center;
1583
+ justify-content: center;
1485
1584
  left: 0;
1486
1585
  position: absolute;
1487
1586
  top: 0;
1488
1587
  width: 100%;
1489
1588
  }
1589
+ @-webkit-keyframes ProgressSlideLeft {
1590
+ from {
1591
+ left: 0%;
1592
+ opacity: 1;
1593
+ }
1594
+ to {
1595
+ left: -100%;
1596
+ opacity: 0;
1597
+ }
1598
+ }
1490
1599
  @keyframes ProgressSlideLeft {
1491
1600
  from {
1492
1601
  left: 0%;
@@ -1497,6 +1606,16 @@
1497
1606
  opacity: 0;
1498
1607
  }
1499
1608
  }
1609
+ @-webkit-keyframes ProgressSlideRight {
1610
+ from {
1611
+ left: 0%;
1612
+ opacity: 1;
1613
+ }
1614
+ to {
1615
+ left: 100%;
1616
+ opacity: 0;
1617
+ }
1618
+ }
1500
1619
  @keyframes ProgressSlideRight {
1501
1620
  from {
1502
1621
  left: 0%;
@@ -1507,6 +1626,18 @@
1507
1626
  opacity: 0;
1508
1627
  }
1509
1628
  }
1629
+ @-webkit-keyframes ProgressSlideUp {
1630
+ from {
1631
+ height: auto;
1632
+ opacity: 1;
1633
+ top: 0;
1634
+ }
1635
+ to {
1636
+ height: auto;
1637
+ opacity: 0;
1638
+ top: -100px;
1639
+ }
1640
+ }
1510
1641
  @keyframes ProgressSlideUp {
1511
1642
  from {
1512
1643
  height: auto;
@@ -1519,6 +1650,18 @@
1519
1650
  top: -100px;
1520
1651
  }
1521
1652
  }
1653
+ @-webkit-keyframes ProgressSlideDown {
1654
+ from {
1655
+ height: auto;
1656
+ opacity: 1;
1657
+ top: 0;
1658
+ }
1659
+ to {
1660
+ height: auto;
1661
+ opacity: 0;
1662
+ top: 100px;
1663
+ }
1664
+ }
1522
1665
  @keyframes ProgressSlideDown {
1523
1666
  from {
1524
1667
  height: auto;
@@ -1531,22 +1674,48 @@
1531
1674
  top: 100px;
1532
1675
  }
1533
1676
  }
1677
+ @-webkit-keyframes ProgressZoomIn {
1678
+ from {
1679
+ opacity: 1;
1680
+ -webkit-transform: translate(0, 0) scale(1);
1681
+ transform: translate(0, 0) scale(1);
1682
+ }
1683
+ to {
1684
+ opacity: 0;
1685
+ -webkit-transform: translate(0, 0) scale(3);
1686
+ transform: translate(0, 0) scale(3);
1687
+ }
1688
+ }
1534
1689
  @keyframes ProgressZoomIn {
1535
1690
  from {
1536
1691
  opacity: 1;
1537
- transform: translate(0, 0) scale(1);
1692
+ -webkit-transform: translate(0, 0) scale(1);
1693
+ transform: translate(0, 0) scale(1);
1538
1694
  }
1539
1695
  to {
1540
1696
  opacity: 0;
1541
- transform: translate(0, 0) scale(3);
1697
+ -webkit-transform: translate(0, 0) scale(3);
1698
+ transform: translate(0, 0) scale(3);
1699
+ }
1700
+ }
1701
+ @-webkit-keyframes ProgressZoomOut {
1702
+ from {
1703
+ -webkit-transform: translate(0, 0) scale(1);
1704
+ transform: translate(0, 0) scale(1);
1705
+ }
1706
+ to {
1707
+ -webkit-transform: translate(0, 0) scale(0);
1708
+ transform: translate(0, 0) scale(0);
1542
1709
  }
1543
1710
  }
1544
1711
  @keyframes ProgressZoomOut {
1545
1712
  from {
1546
- transform: translate(0, 0) scale(1);
1713
+ -webkit-transform: translate(0, 0) scale(1);
1714
+ transform: translate(0, 0) scale(1);
1547
1715
  }
1548
1716
  to {
1549
- transform: translate(0, 0) scale(0);
1717
+ -webkit-transform: translate(0, 0) scale(0);
1718
+ transform: translate(0, 0) scale(0);
1550
1719
  }
1551
1720
  }
1552
1721
 
@@ -1635,9 +1804,6 @@
1635
1804
  fill: #fff;
1636
1805
  stroke: #fff;
1637
1806
  }
1638
- .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 {
1639
- stroke: rgba(255, 255, 255, 0.7);
1640
- }
1641
1807
  .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 {
1642
1808
  stroke: #fff;
1643
1809
  }
@@ -1645,9 +1811,6 @@
1645
1811
  fill: #408cfd;
1646
1812
  stroke: #408cfd;
1647
1813
  }
1648
- .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 {
1649
- stroke: rgba(255, 255, 255, 0.7);
1650
- }
1651
1814
  .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 {
1652
1815
  stroke: #fff;
1653
1816
  }
@@ -1655,9 +1818,6 @@
1655
1818
  fill: #fff;
1656
1819
  stroke: #fff;
1657
1820
  }
1658
- .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 {
1659
- stroke: rgba(255, 255, 255, 0.7);
1660
- }
1661
1821
  .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 {
1662
1822
  stroke: #fff;
1663
1823
  }
@@ -1665,9 +1825,6 @@
1665
1825
  fill: #2ed889;
1666
1826
  stroke: #2ed889;
1667
1827
  }
1668
- .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 {
1669
- stroke: rgba(255, 255, 255, 0.7);
1670
- }
1671
1828
  .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 {
1672
1829
  stroke: #2ed889;
1673
1830
  }
@@ -1675,9 +1832,6 @@
1675
1832
  fill: #000;
1676
1833
  stroke: #000;
1677
1834
  }
1678
- .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 {
1679
- stroke: rgba(0, 0, 0, 0.7);
1680
- }
1681
1835
  .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 {
1682
1836
  stroke: #000;
1683
1837
  }
@@ -1685,9 +1839,6 @@
1685
1839
  fill: #0dcaf0;
1686
1840
  stroke: #0dcaf0;
1687
1841
  }
1688
- .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 {
1689
- stroke: rgba(255, 255, 255, 0.7);
1690
- }
1691
1842
  .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 {
1692
1843
  stroke: #0dcaf0;
1693
1844
  }
@@ -1695,9 +1846,6 @@
1695
1846
  fill: #000;
1696
1847
  stroke: #000;
1697
1848
  }
1698
- .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 {
1699
- stroke: rgba(0, 0, 0, 0.7);
1700
- }
1701
1849
  .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 {
1702
1850
  stroke: #000;
1703
1851
  }
@@ -1706,7 +1854,7 @@
1706
1854
  stroke: #ffce3a;
1707
1855
  }
1708
1856
  .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 {
1709
- stroke: rgba(255, 255, 255, 0.7);
1857
+ stroke: #ffce3a;
1710
1858
  }
1711
1859
  .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 {
1712
1860
  stroke: #ffce3a;
@@ -1715,9 +1863,6 @@
1715
1863
  fill: #fff;
1716
1864
  stroke: #fff;
1717
1865
  }
1718
- .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 {
1719
- stroke: rgba(255, 255, 255, 0.7);
1720
- }
1721
1866
  .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 {
1722
1867
  stroke: #fff;
1723
1868
  }
@@ -1725,9 +1870,6 @@
1725
1870
  fill: #eb8c95;
1726
1871
  stroke: #eb8c95;
1727
1872
  }
1728
- .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 {
1729
- stroke: rgba(255, 255, 255, 0.7);
1730
- }
1731
1873
  .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 {
1732
1874
  stroke: #eb8c95;
1733
1875
  }
@@ -1735,9 +1877,6 @@
1735
1877
  fill: #0d6efd;
1736
1878
  stroke: #0d6efd;
1737
1879
  }
1738
- .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 {
1739
- stroke: rgba(13, 110, 253, 0.7);
1740
- }
1741
1880
  .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 {
1742
1881
  stroke: #0d6efd;
1743
1882
  }
@@ -1745,9 +1884,6 @@
1745
1884
  fill: #198754;
1746
1885
  stroke: #198754;
1747
1886
  }
1748
- .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 {
1749
- stroke: rgba(25, 135, 84, 0.7);
1750
- }
1751
1887
  .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 {
1752
1888
  stroke: #198754;
1753
1889
  }
@@ -1755,9 +1891,6 @@
1755
1891
  fill: #0dcaf0;
1756
1892
  stroke: #0dcaf0;
1757
1893
  }
1758
- .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 {
1759
- stroke: rgba(13, 202, 240, 0.7);
1760
- }
1761
1894
  .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 {
1762
1895
  stroke: #0dcaf0;
1763
1896
  }
@@ -1765,9 +1898,6 @@
1765
1898
  fill: #ffc107;
1766
1899
  stroke: #ffc107;
1767
1900
  }
1768
- .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 {
1769
- stroke: rgba(255, 193, 7, 0.7);
1770
- }
1771
1901
  .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 {
1772
1902
  stroke: #ffc107;
1773
1903
  }
@@ -1775,9 +1905,6 @@
1775
1905
  fill: #dc3545;
1776
1906
  stroke: #dc3545;
1777
1907
  }
1778
- .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 {
1779
- stroke: rgba(220, 53, 69, 0.7);
1780
- }
1781
1908
  .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 {
1782
1909
  stroke: #dc3545;
1783
1910
  }
@@ -1785,9 +1912,6 @@
1785
1912
  fill: #0d6efd;
1786
1913
  stroke: #0d6efd;
1787
1914
  }
1788
- .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-circle {
1789
- stroke: rgba(13, 110, 253, 0.7);
1790
- }
1791
1915
  .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-arc {
1792
1916
  stroke: #0d6efd;
1793
1917
  }
@@ -1798,57 +1922,12 @@
1798
1922
 
1799
1923
  *.e-primary .e-progress,
1800
1924
  *.e-success .e-progress,
1801
- *.e-danger .e-progress,
1802
- *.e-info .e-progress {
1925
+ *.e-danger .e-progress {
1803
1926
  background: rgba(173, 181, 189, 0.2);
1804
1927
  }
1805
1928
 
1806
- *.e-flat.e-primary .e-progress {
1807
- background: rgba(255, 255, 255, 0.2);
1808
- }
1809
- *.e-flat.e-success .e-progress {
1810
- background: rgba(255, 255, 255, 0.2);
1811
- }
1812
- *.e-flat.e-info .e-progress {
1813
- background: rgba(0, 0, 0, 0.2);
1814
- }
1815
- *.e-flat.e-warning .e-progress {
1816
- background: rgba(0, 0, 0, 0.2);
1817
- }
1818
- *.e-flat.e-danger .e-progress {
1819
- background: rgba(255, 255, 255, 0.2);
1820
- }
1821
-
1822
- *.e-outline:not(:focus).e-primary .e-progress {
1823
- background: rgba(13, 110, 253, 0.2);
1824
- }
1825
- *.e-outline:not(:focus).e-success .e-progress {
1826
- background: rgba(25, 135, 84, 0.2);
1827
- }
1828
- *.e-outline:not(:focus).e-info .e-progress {
1829
- background: rgba(13, 202, 240, 0.2);
1830
- }
1831
- *.e-outline:not(:focus).e-warning .e-progress {
1832
- background: rgba(255, 193, 7, 0.2);
1833
- }
1834
- *.e-outline:not(:focus).e-danger .e-progress {
1835
- background: rgba(220, 53, 69, 0.2);
1836
- }
1837
-
1838
- *.e-flat:not(:focus).e-primary .e-progress {
1839
- background: rgba(13, 110, 253, 0.2);
1840
- }
1841
- *.e-flat:not(:focus).e-success .e-progress {
1842
- background: rgba(25, 135, 84, 0.2);
1843
- }
1844
- *.e-flat:not(:focus).e-info .e-progress {
1845
- background: rgba(13, 202, 240, 0.2);
1846
- }
1847
- *.e-flat:not(:focus).e-warning .e-progress {
1848
- background: rgba(255, 193, 7, 0.2);
1849
- }
1850
- *.e-flat:not(:focus).e-danger .e-progress {
1851
- background: rgba(220, 53, 69, 0.2);
1929
+ *.e-info .e-progress {
1930
+ background: rgba(173, 181, 189, 0.2);
1852
1931
  }
1853
1932
 
1854
1933
  .e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {