@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
@@ -7,7 +7,6 @@
7
7
  transform: rotate(360deg);
8
8
  }
9
9
  }
10
-
11
10
  @keyframes fabric-spinner-rotate {
12
11
  0% {
13
12
  transform: rotate(0);
@@ -16,188 +15,151 @@
16
15
  transform: rotate(360deg);
17
16
  }
18
17
  }
19
-
20
18
  /*! Progress Button Layout */
21
19
  .e-progress-btn {
22
20
  position: relative;
23
21
  }
24
-
25
22
  .e-progress-btn .e-progress {
26
23
  height: 100%;
27
24
  left: 0;
28
25
  opacity: 0;
29
26
  position: absolute;
30
27
  top: 0;
31
- transition: opacity .3s linear;
28
+ transition: opacity 0.3s linear;
32
29
  }
33
-
34
30
  .e-progress-btn .e-spinner {
35
31
  transition: all 0.3s linear;
36
32
  }
37
-
38
33
  .e-progress-btn .e-btn-content {
39
34
  display: inline-block;
40
35
  position: relative;
41
36
  z-index: 1;
42
37
  }
43
-
44
38
  .e-progress-btn.e-vertical .e-progress {
45
39
  bottom: 0;
46
40
  height: 0%;
47
41
  top: auto;
48
42
  width: 100%;
49
43
  }
50
-
51
44
  .e-progress-btn.e-progress-top .e-progress {
52
45
  height: 10%;
53
46
  }
54
-
55
47
  .e-progress-btn.e-progress-bottom .e-progress {
56
48
  bottom: -1px;
57
49
  height: 10%;
58
50
  top: auto;
59
51
  }
60
-
61
52
  .e-progress-btn.e-progress-active {
62
53
  overflow: hidden;
63
54
  pointer-events: none;
64
55
  }
65
-
66
56
  .e-progress-btn.e-progress-active .e-progress {
67
57
  opacity: 1;
68
58
  }
69
-
70
59
  .e-progress-btn.e-progress-active .e-animate-end {
71
60
  opacity: 0;
72
61
  }
73
-
74
62
  .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
75
- transition: padding .3s linear;
63
+ transition: padding 0.3s linear;
76
64
  }
77
-
78
65
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-btn-content,
79
66
  .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,
80
67
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
81
68
  display: block;
82
69
  line-height: 1;
83
70
  }
84
-
85
71
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
86
72
  display: -ms-flexbox;
87
73
  display: flex;
88
74
  -ms-flex-pack: center;
89
75
  justify-content: center;
90
76
  }
91
-
92
77
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
93
78
  padding-right: 12px;
94
79
  }
95
-
96
80
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner .e-spinner-inner {
97
81
  top: -1px;
98
82
  }
99
-
100
83
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner {
101
84
  padding-left: 12px;
102
85
  padding-right: 0;
103
86
  }
104
-
105
87
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner {
106
88
  padding-left: 12px;
107
89
  }
108
-
109
90
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner .e-spinner-inner {
110
91
  top: -1px;
111
92
  }
112
-
113
93
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner {
114
94
  padding-left: 0;
115
95
  padding-right: 12px;
116
96
  }
117
-
118
97
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top {
119
98
  padding-bottom: 16px;
120
99
  padding-top: 16px;
121
100
  }
122
-
123
101
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner {
124
102
  padding-bottom: 12px;
125
103
  }
126
-
127
104
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom {
128
105
  padding-bottom: 16px;
129
106
  padding-top: 16px;
130
107
  }
131
-
132
108
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
133
109
  padding-top: 12px;
134
110
  }
135
-
136
111
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner {
137
112
  padding-right: 10px;
138
113
  }
139
-
140
114
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner {
141
115
  padding-left: 10px;
142
116
  padding-right: 0;
143
117
  }
144
-
145
118
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner {
146
119
  padding-left: 10px;
147
120
  }
148
-
149
121
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner {
150
122
  padding-left: 0;
151
123
  padding-right: 10px;
152
124
  }
153
-
154
125
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top {
155
126
  padding-bottom: 14px;
156
127
  padding-top: 14px;
157
128
  }
158
-
159
129
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner {
160
130
  padding-bottom: 10px;
161
131
  }
162
-
163
132
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom {
164
133
  padding-bottom: 14px;
165
134
  padding-top: 14px;
166
135
  }
167
-
168
136
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner {
169
137
  padding-top: 10px;
170
138
  }
171
-
172
139
  .e-progress-btn.e-round-corner {
173
140
  border-radius: 5em;
174
141
  outline: none;
175
142
  overflow: hidden;
176
143
  }
177
-
178
144
  .e-progress-btn.e-rtl .e-progress {
179
145
  left: auto;
180
146
  right: 0;
181
147
  }
182
-
183
148
  .e-progress-btn.e-rtl.e-vertical .e-progress {
184
149
  bottom: auto;
185
150
  top: 0;
186
151
  }
187
-
188
152
  .e-progress-btn .e-spinner-pane {
189
153
  height: auto;
190
154
  position: relative;
191
155
  width: auto;
192
156
  }
193
-
194
157
  .e-progress-btn .e-spinner-pane .e-spinner-inner {
195
158
  left: auto;
196
159
  position: relative;
197
160
  top: auto;
198
161
  transform: none;
199
162
  }
200
-
201
163
  .e-progress-btn .e-cont-animate {
202
164
  -ms-flex-align: center;
203
165
  align-items: center;
@@ -211,7 +173,6 @@
211
173
  top: 0;
212
174
  width: 100%;
213
175
  }
214
-
215
176
  @keyframes ProgressSlideLeft {
216
177
  from {
217
178
  left: 0%;
@@ -222,7 +183,6 @@
222
183
  opacity: 0;
223
184
  }
224
185
  }
225
-
226
186
  @keyframes ProgressSlideRight {
227
187
  from {
228
188
  left: 0%;
@@ -233,7 +193,6 @@
233
193
  opacity: 0;
234
194
  }
235
195
  }
236
-
237
196
  @keyframes ProgressSlideUp {
238
197
  from {
239
198
  height: auto;
@@ -246,7 +205,6 @@
246
205
  top: -100px;
247
206
  }
248
207
  }
249
-
250
208
  @keyframes ProgressSlideDown {
251
209
  from {
252
210
  height: auto;
@@ -259,7 +217,6 @@
259
217
  top: 100px;
260
218
  }
261
219
  }
262
-
263
220
  @keyframes ProgressZoomIn {
264
221
  from {
265
222
  opacity: 1;
@@ -270,7 +227,6 @@
270
227
  transform: translate(0, 0) scale(3);
271
228
  }
272
229
  }
273
-
274
230
  @keyframes ProgressZoomOut {
275
231
  from {
276
232
  transform: translate(0, 0) scale(1);
@@ -284,85 +240,70 @@
284
240
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
285
241
  padding-right: 14px;
286
242
  }
287
-
288
243
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner,
289
244
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner {
290
245
  padding-left: 14px;
291
246
  padding-right: 0;
292
247
  }
293
-
294
248
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner,
295
249
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner {
296
250
  padding-left: 14px;
297
251
  }
298
-
299
252
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner,
300
253
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner {
301
254
  padding-left: 0;
302
255
  padding-right: 14px;
303
256
  }
304
-
305
257
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top,
306
258
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top {
307
259
  padding-bottom: 20px;
308
260
  padding-top: 20px;
309
261
  }
310
-
311
262
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner,
312
263
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner {
313
264
  padding-bottom: 14px;
314
265
  }
315
-
316
266
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom,
317
267
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom {
318
268
  padding-bottom: 20px;
319
269
  padding-top: 20px;
320
270
  }
321
-
322
271
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner,
323
272
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
324
273
  padding-top: 14px;
325
274
  }
326
-
327
275
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner,
328
276
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner {
329
277
  padding-right: 12px;
330
278
  }
331
-
332
279
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner,
333
280
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner {
334
281
  padding-left: 12px;
335
282
  padding-right: 0;
336
283
  }
337
-
338
284
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner,
339
285
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner {
340
286
  padding-left: 12px;
341
287
  }
342
-
343
288
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner,
344
289
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner {
345
290
  padding-left: 0;
346
291
  padding-right: 12px;
347
292
  }
348
-
349
293
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top,
350
294
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top {
351
295
  padding-bottom: 16px;
352
296
  padding-top: 16px;
353
297
  }
354
-
355
298
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner,
356
299
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner {
357
300
  padding-bottom: 12px;
358
301
  }
359
-
360
302
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom,
361
303
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom {
362
304
  padding-bottom: 16px;
363
305
  padding-top: 16px;
364
306
  }
365
-
366
307
  *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner,
367
308
  *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner {
368
309
  padding-top: 12px;
@@ -373,221 +314,171 @@
373
314
  fill: #fff;
374
315
  stroke: #fff;
375
316
  }
376
-
377
317
  .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
378
318
  stroke: rgba(255, 255, 255, 0.2);
379
319
  stroke-width: 3px;
380
320
  }
381
-
382
321
  .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
383
322
  stroke: #fff;
384
323
  stroke-width: 3px;
385
324
  }
386
-
387
325
  .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 {
388
326
  fill: #000;
389
327
  stroke: #000;
390
328
  }
391
-
392
329
  .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 {
393
330
  stroke: rgba(0, 0, 0, 0.2);
394
331
  }
395
-
396
332
  .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 {
397
333
  stroke: #000;
398
334
  }
399
-
400
335
  .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 {
401
336
  fill: #22d3ee;
402
337
  stroke: #22d3ee;
403
338
  }
404
-
405
339
  .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 {
406
340
  stroke: rgba(255, 255, 255, 0.2);
407
341
  }
408
-
409
342
  .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 {
410
343
  stroke: #fff;
411
344
  }
412
-
413
345
  .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 {
414
346
  fill: #000;
415
347
  stroke: #000;
416
348
  }
417
-
418
349
  .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 {
419
350
  stroke: rgba(0, 0, 0, 0.2);
420
351
  }
421
-
422
352
  .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 {
423
353
  stroke: #000;
424
354
  }
425
-
426
355
  .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 {
427
356
  fill: #22c55e;
428
357
  stroke: #22c55e;
429
358
  }
430
-
431
359
  .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 {
432
360
  stroke: rgba(255, 255, 255, 0.2);
433
361
  }
434
-
435
362
  .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 {
436
363
  stroke: #fff;
437
364
  }
438
-
439
365
  .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 {
440
366
  fill: #000;
441
367
  stroke: #000;
442
368
  }
443
-
444
369
  .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 {
445
370
  stroke: rgba(0, 0, 0, 0.2);
446
371
  }
447
-
448
372
  .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 {
449
373
  stroke: #000;
450
374
  }
451
-
452
375
  .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 {
453
376
  fill: #0ea5e9;
454
377
  stroke: #0ea5e9;
455
378
  }
456
-
457
379
  .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 {
458
380
  stroke: rgba(255, 255, 255, 0.2);
459
381
  }
460
-
461
382
  .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 {
462
383
  stroke: #fff;
463
384
  }
464
-
465
385
  .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 {
466
386
  fill: #000;
467
387
  stroke: #000;
468
388
  }
469
-
470
389
  .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 {
471
390
  stroke: rgba(0, 0, 0, 0.2);
472
391
  }
473
-
474
392
  .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 {
475
393
  stroke: #000;
476
394
  }
477
-
478
395
  .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 {
479
396
  fill: #ea580c;
480
397
  stroke: #ea580c;
481
398
  }
482
-
483
399
  .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 {
484
400
  stroke: rgba(255, 255, 255, 0.2);
485
401
  }
486
-
487
402
  .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 {
488
403
  stroke: #fff;
489
404
  }
490
-
491
405
  .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 {
492
406
  fill: #000;
493
407
  stroke: #000;
494
408
  }
495
-
496
409
  .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 {
497
410
  stroke: rgba(0, 0, 0, 0.2);
498
411
  }
499
-
500
412
  .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 {
501
413
  stroke: #000;
502
414
  }
503
-
504
415
  .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 {
505
416
  fill: #f87171;
506
417
  stroke: #f87171;
507
418
  }
508
-
509
419
  .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 {
510
420
  stroke: rgba(255, 255, 255, 0.2);
511
421
  }
512
-
513
422
  .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 {
514
423
  stroke: #fff;
515
424
  }
516
-
517
425
  .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 {
518
426
  fill: #22d3ee;
519
427
  stroke: #22d3ee;
520
428
  }
521
-
522
429
  .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 {
523
430
  stroke: rgba(34, 211, 238, 0.2);
524
431
  }
525
-
526
432
  .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 {
527
433
  stroke: #22d3ee;
528
434
  }
529
-
530
435
  .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 {
531
436
  fill: #22c55e;
532
437
  stroke: #22c55e;
533
438
  }
534
-
535
439
  .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 {
536
440
  stroke: rgba(34, 197, 94, 0.2);
537
441
  }
538
-
539
442
  .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 {
540
443
  stroke: #22c55e;
541
444
  }
542
-
543
445
  .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 {
544
446
  fill: #0ea5e9;
545
447
  stroke: #0ea5e9;
546
448
  }
547
-
548
449
  .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 {
549
450
  stroke: rgba(14, 165, 233, 0.2);
550
451
  }
551
-
552
452
  .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 {
553
453
  stroke: #0ea5e9;
554
454
  }
555
-
556
455
  .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 {
557
456
  fill: #ea580c;
558
457
  stroke: #ea580c;
559
458
  }
560
-
561
459
  .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 {
562
460
  stroke: rgba(234, 88, 12, 0.2);
563
461
  }
564
-
565
462
  .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 {
566
463
  stroke: #ea580c;
567
464
  }
568
-
569
465
  .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 {
570
466
  fill: #f87171;
571
467
  stroke: #f87171;
572
468
  }
573
-
574
469
  .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 {
575
470
  stroke: rgba(248, 113, 113, 0.2);
576
471
  }
577
-
578
472
  .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 {
579
473
  stroke: #f87171;
580
474
  }
581
-
582
475
  .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg {
583
476
  fill: #22d3ee;
584
477
  stroke: #22d3ee;
585
478
  }
586
-
587
479
  .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-circle {
588
480
  stroke: rgba(34, 211, 238, 0.2);
589
481
  }
590
-
591
482
  .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-arc {
592
483
  stroke: #22d3ee;
593
484
  }
@@ -610,19 +501,15 @@
610
501
  *.e-flat.e-primary .e-progress {
611
502
  background-color: rgba(0, 0, 0, 0.2);
612
503
  }
613
-
614
504
  *.e-flat.e-success .e-progress {
615
505
  background-color: rgba(0, 0, 0, 0.2);
616
506
  }
617
-
618
507
  *.e-flat.e-info .e-progress {
619
508
  background-color: rgba(0, 0, 0, 0.2);
620
509
  }
621
-
622
510
  *.e-flat.e-warning .e-progress {
623
511
  background-color: rgba(0, 0, 0, 0.2);
624
512
  }
625
-
626
513
  *.e-flat.e-danger .e-progress {
627
514
  background-color: rgba(0, 0, 0, 0.2);
628
515
  }
@@ -630,19 +517,15 @@
630
517
  *.e-outline:not(:focus).e-primary .e-progress {
631
518
  background-color: rgba(34, 211, 238, 0.2);
632
519
  }
633
-
634
520
  *.e-outline:not(:focus).e-success .e-progress {
635
521
  background-color: rgba(34, 197, 94, 0.2);
636
522
  }
637
-
638
523
  *.e-outline:not(:focus).e-info .e-progress {
639
524
  background-color: rgba(14, 165, 233, 0.2);
640
525
  }
641
-
642
526
  *.e-outline:not(:focus).e-warning .e-progress {
643
527
  background-color: rgba(234, 88, 12, 0.2);
644
528
  }
645
-
646
529
  *.e-outline:not(:focus).e-danger .e-progress {
647
530
  background-color: rgba(248, 113, 113, 0.2);
648
531
  }
@@ -650,19 +533,15 @@
650
533
  *.e-flat:not(:focus).e-primary .e-progress {
651
534
  background-color: rgba(34, 211, 238, 0.2);
652
535
  }
653
-
654
536
  *.e-flat:not(:focus).e-success .e-progress {
655
537
  background-color: rgba(34, 197, 94, 0.2);
656
538
  }
657
-
658
539
  *.e-flat:not(:focus).e-info .e-progress {
659
540
  background-color: rgba(14, 165, 233, 0.2);
660
541
  }
661
-
662
542
  *.e-flat:not(:focus).e-warning .e-progress {
663
543
  background-color: rgba(234, 88, 12, 0.2);
664
544
  }
665
-
666
545
  *.e-flat:not(:focus).e-danger .e-progress {
667
546
  background-color: rgba(248, 113, 113, 0.2);
668
- }
547
+ }