@syncfusion/ej2-splitbuttons 25.2.4 → 26.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (178) 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 +263 -97
  17. package/styles/bootstrap-dark.scss +14 -4
  18. package/styles/bootstrap.css +263 -97
  19. package/styles/bootstrap.scss +14 -4
  20. package/styles/bootstrap4.css +227 -80
  21. package/styles/bootstrap4.scss +14 -4
  22. package/styles/bootstrap5-dark.css +227 -174
  23. package/styles/bootstrap5-dark.scss +14 -4
  24. package/styles/bootstrap5.css +227 -174
  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 +30 -84
  35. package/styles/button-group/bootstrap-dark.css +93 -57
  36. package/styles/button-group/bootstrap.css +93 -57
  37. package/styles/button-group/bootstrap4.css +69 -46
  38. package/styles/button-group/bootstrap5-dark.css +69 -46
  39. package/styles/button-group/bootstrap5.css +69 -46
  40. package/styles/button-group/fabric-dark.css +93 -57
  41. package/styles/button-group/fabric.css +98 -62
  42. package/styles/button-group/fluent-dark.css +109 -65
  43. package/styles/button-group/fluent.css +109 -65
  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 +93 -57
  47. package/styles/button-group/highcontrast.css +93 -57
  48. package/styles/button-group/material-dark.css +107 -64
  49. package/styles/button-group/material.css +109 -65
  50. package/styles/button-group/material3-dark.css +151 -77
  51. package/styles/button-group/material3.css +151 -77
  52. package/styles/button-group/tailwind-dark.css +91 -57
  53. package/styles/button-group/tailwind.css +91 -57
  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 +263 -97
  90. package/styles/fabric-dark.scss +14 -4
  91. package/styles/fabric.css +268 -102
  92. package/styles/fabric.scss +14 -4
  93. package/styles/fluent-dark.css +271 -102
  94. package/styles/fluent-dark.scss +14 -4
  95. package/styles/fluent.css +271 -102
  96. package/styles/fluent.scss +14 -4
  97. package/styles/fluent2.css +3068 -0
  98. package/styles/fluent2.scss +14 -0
  99. package/styles/highcontrast-light.css +263 -97
  100. package/styles/highcontrast-light.scss +14 -4
  101. package/styles/highcontrast.css +263 -97
  102. package/styles/highcontrast.scss +14 -4
  103. package/styles/material-dark.css +277 -104
  104. package/styles/material-dark.scss +14 -4
  105. package/styles/material.css +279 -105
  106. package/styles/material.scss +14 -4
  107. package/styles/material3-dark.css +357 -134
  108. package/styles/material3-dark.scss +14 -4
  109. package/styles/material3.css +353 -132
  110. package/styles/material3.scss +14 -4
  111. package/styles/progress-button/_bds-definition.scss +0 -5
  112. package/styles/progress-button/_bootstrap-dark-definition.scss +0 -3
  113. package/styles/progress-button/_bootstrap5-definition.scss +0 -1
  114. package/styles/progress-button/_bootstrap5.3-definition.scss +20 -0
  115. package/styles/progress-button/_fabric-dark-definition.scss +0 -3
  116. package/styles/progress-button/_fluent-definition.scss +0 -1
  117. package/styles/progress-button/_fluent2-definition.scss +21 -0
  118. package/styles/progress-button/_fusionnew-definition.scss +0 -1
  119. package/styles/progress-button/_layout.scss +0 -2
  120. package/styles/progress-button/_material-dark-definition.scss +0 -3
  121. package/styles/progress-button/_material3-definition.scss +0 -1
  122. package/styles/progress-button/_tailwind-definition.scss +0 -1
  123. package/styles/progress-button/_theme.scss +115 -50
  124. package/styles/progress-button/bootstrap-dark.css +118 -13
  125. package/styles/progress-button/bootstrap.css +118 -13
  126. package/styles/progress-button/bootstrap4.css +118 -13
  127. package/styles/progress-button/bootstrap5-dark.css +118 -106
  128. package/styles/progress-button/bootstrap5.css +118 -106
  129. package/styles/progress-button/fabric-dark.css +118 -13
  130. package/styles/progress-button/fabric.css +118 -13
  131. package/styles/progress-button/fluent-dark.css +118 -13
  132. package/styles/progress-button/fluent.css +118 -13
  133. package/styles/progress-button/fluent2.css +1632 -0
  134. package/styles/progress-button/fluent2.scss +5 -0
  135. package/styles/progress-button/highcontrast-light.css +118 -13
  136. package/styles/progress-button/highcontrast.css +118 -13
  137. package/styles/progress-button/material-dark.css +118 -13
  138. package/styles/progress-button/material.css +118 -13
  139. package/styles/progress-button/material3-dark.css +119 -14
  140. package/styles/progress-button/material3.css +119 -14
  141. package/styles/progress-button/tailwind-dark.css +118 -13
  142. package/styles/progress-button/tailwind.css +118 -13
  143. package/styles/split-button/_bds-definition.scss +0 -1
  144. package/styles/split-button/_bootstrap-dark-definition.scss +0 -3
  145. package/styles/split-button/_bootstrap4-definition.scss +0 -3
  146. package/styles/split-button/_bootstrap5-definition.scss +0 -1
  147. package/styles/split-button/_bootstrap5.3-definition.scss +23 -0
  148. package/styles/split-button/_fabric-dark-definition.scss +0 -3
  149. package/styles/split-button/_fluent-definition.scss +0 -1
  150. package/styles/split-button/_fluent2-definition.scss +23 -0
  151. package/styles/split-button/_fusionnew-definition.scss +0 -1
  152. package/styles/split-button/_highcontrast-light-definition.scss +0 -3
  153. package/styles/split-button/_layout.scss +16 -4
  154. package/styles/split-button/_theme.scss +0 -2
  155. package/styles/split-button/bootstrap-dark.css +25 -13
  156. package/styles/split-button/bootstrap.css +25 -13
  157. package/styles/split-button/bootstrap4.css +17 -9
  158. package/styles/split-button/bootstrap5-dark.css +17 -9
  159. package/styles/split-button/bootstrap5.css +17 -9
  160. package/styles/split-button/fabric-dark.css +25 -13
  161. package/styles/split-button/fabric.css +25 -13
  162. package/styles/split-button/fluent-dark.css +17 -9
  163. package/styles/split-button/fluent.css +17 -9
  164. package/styles/split-button/fluent2.css +1379 -0
  165. package/styles/split-button/fluent2.scss +6 -0
  166. package/styles/split-button/highcontrast-light.css +25 -13
  167. package/styles/split-button/highcontrast.css +25 -13
  168. package/styles/split-button/material-dark.css +25 -13
  169. package/styles/split-button/material.css +25 -13
  170. package/styles/split-button/material3-dark.css +57 -28
  171. package/styles/split-button/material3.css +53 -26
  172. package/styles/split-button/tailwind-dark.css +25 -13
  173. package/styles/split-button/tailwind.css +25 -13
  174. package/styles/tailwind-dark.css +261 -98
  175. package/styles/tailwind-dark.scss +14 -4
  176. package/styles/tailwind.css +261 -98
  177. package/styles/tailwind.scss +14 -4
  178. package/CHANGELOG.md +0 -373
@@ -3,24 +3,27 @@
3
3
  content: "\e966";
4
4
  }
5
5
 
6
- /*! drop-down button layout */
7
6
  .e-dropdown-btn,
8
7
  .e-dropdown-btn.e-btn {
9
- box-shadow: none;
8
+ -webkit-box-shadow: none;
9
+ box-shadow: none;
10
10
  text-transform: none;
11
11
  white-space: normal;
12
12
  }
13
13
  .e-dropdown-btn:hover,
14
14
  .e-dropdown-btn.e-btn:hover {
15
- box-shadow: none;
15
+ -webkit-box-shadow: none;
16
+ box-shadow: none;
16
17
  }
17
18
  .e-dropdown-btn:focus,
18
19
  .e-dropdown-btn.e-btn:focus {
19
- box-shadow: none;
20
+ -webkit-box-shadow: none;
21
+ box-shadow: none;
20
22
  }
21
23
  .e-dropdown-btn:active,
22
24
  .e-dropdown-btn.e-btn:active {
23
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
25
+ -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
26
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
24
27
  }
25
28
  .e-dropdown-btn .e-btn-icon,
26
29
  .e-dropdown-btn.e-btn .e-btn-icon {
@@ -53,7 +56,6 @@
53
56
  line-height: 1;
54
57
  padding: 8px 20px;
55
58
  }
56
-
57
59
  .e-bigger .e-dropdown-btn .e-btn-icon,
58
60
  .e-bigger.e-dropdown-btn .e-btn-icon {
59
61
  font-size: 16px;
@@ -79,8 +81,10 @@
79
81
  .e-dropdown-popup ul {
80
82
  border: 1px solid #969696;
81
83
  border-radius: 0;
82
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
83
- box-sizing: border-box;
84
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
85
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
86
+ -webkit-box-sizing: border-box;
87
+ box-sizing: border-box;
84
88
  font-size: 14px;
85
89
  font-weight: normal;
86
90
  list-style-image: none;
@@ -91,18 +95,23 @@
91
95
  overflow: hidden;
92
96
  padding: 0;
93
97
  -webkit-user-select: none;
98
+ -moz-user-select: none;
94
99
  -ms-user-select: none;
95
100
  user-select: none;
96
101
  white-space: nowrap;
97
102
  }
98
103
  .e-dropdown-popup ul .e-item {
99
104
  cursor: pointer;
105
+ display: -webkit-box;
100
106
  display: -ms-flexbox;
101
107
  display: flex;
102
108
  height: 36px;
103
109
  line-height: 36px;
104
110
  padding: 0 10px;
105
111
  }
112
+ .e-dropdown-popup ul .e-item.e-separator {
113
+ padding: 0 !important; /* stylelint-disable-line declaration-no-important */
114
+ }
106
115
  .e-dropdown-popup ul .e-item.e-url {
107
116
  padding: 0;
108
117
  }
@@ -135,7 +144,8 @@
135
144
  }
136
145
  .e-dropdown-popup.e-transparent {
137
146
  background: transparent;
138
- box-shadow: none;
147
+ -webkit-box-shadow: none;
148
+ box-shadow: none;
139
149
  }
140
150
  .e-dropdown-popup.e-transparent .e-dropdown-menu {
141
151
  border: 0;
@@ -153,7 +163,8 @@
153
163
 
154
164
  *.e-bigger .e-dropdown-popup ul,
155
165
  *.e-bigger.e-dropdown-popup ul {
156
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
166
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
167
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
157
168
  font-size: 15px;
158
169
  max-width: 280px;
159
170
  min-width: 112px;
@@ -180,7 +191,6 @@
180
191
  line-height: normal;
181
192
  }
182
193
 
183
- /*! drop-down button theme */
184
194
  .e-dropdown-popup {
185
195
  background: #000;
186
196
  color: #fff;
@@ -193,7 +203,8 @@
193
203
  }
194
204
  .e-dropdown-popup ul .e-item.e-focused {
195
205
  background: transparent;
196
- box-shadow: 0 0 0 1px #fff inset;
206
+ -webkit-box-shadow: 0 0 0 1px #fff inset;
207
+ box-shadow: 0 0 0 1px #fff inset;
197
208
  }
198
209
  .e-dropdown-popup ul .e-item:hover {
199
210
  background: #685708;
@@ -217,7 +228,8 @@
217
228
  .e-dropdown-btn.e-btn.e-inherit {
218
229
  background: inherit;
219
230
  border-color: transparent;
220
- box-shadow: none;
231
+ -webkit-box-shadow: none;
232
+ box-shadow: none;
221
233
  color: inherit;
222
234
  }
223
235
  .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,
@@ -227,15 +239,18 @@
227
239
  .e-dropdown-btn.e-btn.e-inherit.e-active {
228
240
  background: rgba(0, 0, 0, 0.056);
229
241
  border-color: transparent;
230
- box-shadow: none;
242
+ -webkit-box-shadow: none;
243
+ box-shadow: none;
231
244
  color: inherit;
232
245
  }
233
246
 
234
- /*! splitbutton layout */
235
247
  .e-split-btn-wrapper {
248
+ display: -webkit-inline-box;
236
249
  display: -ms-inline-flexbox;
237
250
  display: inline-flex;
238
251
  white-space: nowrap;
252
+ width: -webkit-min-content;
253
+ width: -moz-min-content;
239
254
  width: min-content;
240
255
  }
241
256
  .e-split-btn-wrapper .e-split-btn {
@@ -250,13 +265,16 @@
250
265
  outline-offset: -4px;
251
266
  }
252
267
  .e-split-btn-wrapper .e-split-btn:hover {
253
- box-shadow: none;
268
+ -webkit-box-shadow: none;
269
+ box-shadow: none;
254
270
  }
255
271
  .e-split-btn-wrapper .e-split-btn:focus {
256
- box-shadow: none;
272
+ -webkit-box-shadow: none;
273
+ box-shadow: none;
257
274
  }
258
275
  .e-split-btn-wrapper .e-split-btn:active {
259
- box-shadow: none;
276
+ -webkit-box-shadow: none;
277
+ box-shadow: none;
260
278
  z-index: 2;
261
279
  }
262
280
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
@@ -288,10 +306,12 @@
288
306
  padding-right: 4px;
289
307
  }
290
308
  .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
291
- box-shadow: none;
309
+ -webkit-box-shadow: none;
310
+ box-shadow: none;
292
311
  }
293
312
  .e-split-btn-wrapper .e-dropdown-btn:active {
294
- box-shadow: none;
313
+ -webkit-box-shadow: none;
314
+ box-shadow: none;
295
315
  z-index: 2;
296
316
  }
297
317
  .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 {
@@ -301,22 +321,28 @@
301
321
  outline-offset: -4px;
302
322
  }
303
323
  .e-split-btn-wrapper .e-btn {
304
- box-shadow: none;
324
+ -webkit-box-shadow: none;
325
+ box-shadow: none;
305
326
  }
306
327
  .e-split-btn-wrapper .e-btn:hover {
307
- box-shadow: none;
328
+ -webkit-box-shadow: none;
329
+ box-shadow: none;
308
330
  }
309
331
  .e-split-btn-wrapper .e-btn:focus {
310
- box-shadow: none;
332
+ -webkit-box-shadow: none;
333
+ box-shadow: none;
311
334
  }
312
335
  .e-split-btn-wrapper .e-btn:active {
313
- box-shadow: none;
336
+ -webkit-box-shadow: none;
337
+ box-shadow: none;
314
338
  }
315
339
  .e-split-btn-wrapper .e-btn:disabled {
316
- box-shadow: none;
340
+ -webkit-box-shadow: none;
341
+ box-shadow: none;
317
342
  }
318
343
  .e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
319
- box-shadow: none;
344
+ -webkit-box-shadow: none;
345
+ box-shadow: none;
320
346
  }
321
347
  .e-split-btn-wrapper.e-rtl .e-split-btn {
322
348
  border-bottom-left-radius: 0;
@@ -463,7 +489,6 @@
463
489
  padding-top: 0;
464
490
  }
465
491
 
466
- /*! splitbutton theme */
467
492
  .e-split-btn-wrapper .e-split-btn {
468
493
  border-right-color: #fff;
469
494
  }
@@ -565,11 +590,14 @@
565
590
  /* stylelint-disable */
566
591
  *.e-btn-group,
567
592
  *.e-css.e-btn-group {
593
+ display: -webkit-inline-box;
568
594
  display: -ms-inline-flexbox;
569
595
  display: inline-flex;
570
596
  border-radius: 0;
571
- -ms-flex-direction: row;
572
- flex-direction: row;
597
+ -webkit-box-orient: horizontal;
598
+ -webkit-box-direction: normal;
599
+ -ms-flex-direction: row;
600
+ flex-direction: row;
573
601
  position: relative;
574
602
  }
575
603
  *.e-btn-group input + label.e-btn,
@@ -604,8 +632,9 @@
604
632
  *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
605
633
  border-radius: 0;
606
634
  }
607
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
608
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
635
+ *.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),
636
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
637
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
609
638
  border-bottom-right-radius: 0;
610
639
  border-top-right-radius: 0;
611
640
  }
@@ -614,11 +643,6 @@
614
643
  border-bottom-left-radius: 0;
615
644
  border-top-left-radius: 0;
616
645
  }
617
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
618
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
619
- border-bottom-right-radius: 0;
620
- border-top-right-radius: 0;
621
- }
622
646
  *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
623
647
  *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
624
648
  border-bottom-left-radius: 0;
@@ -652,8 +676,9 @@
652
676
  *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
653
677
  border-radius: 0;
654
678
  }
655
- *.e-btn-group.e-rtl .e-btn:first-of-type,
656
- *.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
679
+ *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
680
+ *.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
681
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
657
682
  border-bottom-left-radius: 0;
658
683
  border-top-left-radius: 0;
659
684
  }
@@ -662,11 +687,6 @@
662
687
  border-bottom-right-radius: 0;
663
688
  border-top-right-radius: 0;
664
689
  }
665
- *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
666
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
667
- border-bottom-left-radius: 0;
668
- border-top-left-radius: 0;
669
- }
670
690
  *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
671
691
  *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
672
692
  border-bottom-right-radius: 0;
@@ -694,8 +714,10 @@
694
714
  }
695
715
  *.e-btn-group.e-vertical,
696
716
  *.e-css.e-btn-group.e-vertical {
697
- -ms-flex-direction: column;
698
- flex-direction: column;
717
+ -webkit-box-orient: vertical;
718
+ -webkit-box-direction: normal;
719
+ -ms-flex-direction: column;
720
+ flex-direction: column;
699
721
  }
700
722
  *.e-btn-group.e-vertical input,
701
723
  *.e-css.e-btn-group.e-vertical input {
@@ -802,11 +824,13 @@
802
824
  /* stylelint-disable */
803
825
  .e-btn-group:not(.e-outline),
804
826
  .e-css.e-btn-group:not(.e-outline) {
805
- box-shadow: none;
827
+ -webkit-box-shadow: none;
828
+ box-shadow: none;
806
829
  }
807
830
  .e-btn-group .e-btn:hover,
808
831
  .e-css.e-btn-group .e-btn:hover {
809
- box-shadow: none;
832
+ -webkit-box-shadow: none;
833
+ box-shadow: none;
810
834
  }
811
835
  .e-btn-group .e-btn:focus,
812
836
  .e-btn-group input:focus-visible + label.e-btn,
@@ -819,7 +843,8 @@
819
843
  color: #fff;
820
844
  outline: #fff 1px solid;
821
845
  outline-offset: 2px;
822
- box-shadow: none;
846
+ -webkit-box-shadow: none;
847
+ box-shadow: none;
823
848
  box-shadow: none;
824
849
  outline-color: inherit;
825
850
  outline-offset: -4px;
@@ -834,7 +859,8 @@
834
859
  border-color: #ffd939;
835
860
  color: #000;
836
861
  outline: #ffd939 1px solid;
837
- box-shadow: none;
862
+ -webkit-box-shadow: none;
863
+ box-shadow: none;
838
864
  box-shadow: none;
839
865
  outline-color: #000;
840
866
  }
@@ -847,7 +873,8 @@
847
873
  background: #166600;
848
874
  border-color: #166600;
849
875
  color: #fff;
850
- box-shadow: none;
876
+ -webkit-box-shadow: none;
877
+ box-shadow: none;
851
878
  box-shadow: none;
852
879
  outline-color: inherit;
853
880
  }
@@ -860,7 +887,8 @@
860
887
  background: #0056b3;
861
888
  border-color: #0056b3;
862
889
  color: #fff;
863
- box-shadow: none;
890
+ -webkit-box-shadow: none;
891
+ box-shadow: none;
864
892
  box-shadow: none;
865
893
  outline-color: inherit;
866
894
  }
@@ -873,7 +901,8 @@
873
901
  background: #944000;
874
902
  border-color: #944000;
875
903
  color: #fff;
876
- box-shadow: none;
904
+ -webkit-box-shadow: none;
905
+ box-shadow: none;
877
906
  box-shadow: none;
878
907
  outline-color: inherit;
879
908
  }
@@ -886,7 +915,8 @@
886
915
  background: #b30900;
887
916
  border-color: #b30900;
888
917
  color: #fff;
889
- box-shadow: none;
918
+ -webkit-box-shadow: none;
919
+ box-shadow: none;
890
920
  box-shadow: none;
891
921
  outline-color: inherit;
892
922
  }
@@ -901,7 +931,8 @@
901
931
  color: #8a8aff;
902
932
  background-color: transparent;
903
933
  border-color: transparent;
904
- box-shadow: none;
934
+ -webkit-box-shadow: none;
935
+ box-shadow: none;
905
936
  outline: none;
906
937
  }
907
938
  .e-btn-group .e-btn:focus.e-outline,
@@ -910,7 +941,8 @@
910
941
  .e-css.e-btn-group .e-btn:focus.e-outline,
911
942
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
912
943
  .e-css.e-btn-group input:focus + label.e-btn.e-outline {
913
- box-shadow: none;
944
+ -webkit-box-shadow: none;
945
+ box-shadow: none;
914
946
  box-shadow: none;
915
947
  }
916
948
  .e-btn-group .e-btn:focus.e-outline.e-primary,
@@ -919,7 +951,8 @@
919
951
  .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
920
952
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
921
953
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
922
- box-shadow: none;
954
+ -webkit-box-shadow: none;
955
+ box-shadow: none;
923
956
  }
924
957
  .e-btn-group .e-btn:focus.e-outline.e-success,
925
958
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
@@ -927,7 +960,8 @@
927
960
  .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
928
961
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
929
962
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
930
- box-shadow: none;
963
+ -webkit-box-shadow: none;
964
+ box-shadow: none;
931
965
  }
932
966
  .e-btn-group .e-btn:focus.e-outline.e-info,
933
967
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
@@ -935,7 +969,8 @@
935
969
  .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
936
970
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
937
971
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
938
- box-shadow: none;
972
+ -webkit-box-shadow: none;
973
+ box-shadow: none;
939
974
  }
940
975
  .e-btn-group .e-btn:focus.e-outline.e-warning,
941
976
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
@@ -943,7 +978,8 @@
943
978
  .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
944
979
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
945
980
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
946
- box-shadow: none;
981
+ -webkit-box-shadow: none;
982
+ box-shadow: none;
947
983
  }
948
984
  .e-btn-group .e-btn:focus.e-outline.e-danger,
949
985
  .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
@@ -951,7 +987,8 @@
951
987
  .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
952
988
  .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
953
989
  .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
954
- box-shadow: none;
990
+ -webkit-box-shadow: none;
991
+ box-shadow: none;
955
992
  }
956
993
  .e-btn-group .e-btn:active,
957
994
  .e-btn-group input:active + label.e-btn,
@@ -975,7 +1012,8 @@
975
1012
  border-color: #ffd939;
976
1013
  color: #000;
977
1014
  outline: #fff 0 solid;
978
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1015
+ -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1016
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
979
1017
  }
980
1018
  .e-btn-group .e-btn:active.e-success,
981
1019
  .e-btn-group input:active + label.e-btn.e-success,
@@ -986,7 +1024,8 @@
986
1024
  background: #fff;
987
1025
  border-color: #fff;
988
1026
  color: #166600;
989
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1027
+ -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1028
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
990
1029
  }
991
1030
  .e-btn-group .e-btn:active.e-info,
992
1031
  .e-btn-group input:active + label.e-btn.e-info,
@@ -997,7 +1036,8 @@
997
1036
  background: #fff;
998
1037
  color: #0056b3;
999
1038
  border-color: #fff;
1000
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1039
+ -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1040
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1001
1041
  }
1002
1042
  .e-btn-group .e-btn:active.e-warning,
1003
1043
  .e-btn-group input:active + label.e-btn.e-warning,
@@ -1008,7 +1048,8 @@
1008
1048
  background: #fff;
1009
1049
  border-color: #fff;
1010
1050
  color: #944000;
1011
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1051
+ -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1052
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1012
1053
  }
1013
1054
  .e-btn-group .e-btn:active.e-danger,
1014
1055
  .e-btn-group input:active + label.e-btn.e-danger,
@@ -1019,7 +1060,8 @@
1019
1060
  background: #fff;
1020
1061
  border-color: #fff;
1021
1062
  color: #b30900;
1022
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1063
+ -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1064
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
1023
1065
  }
1024
1066
  .e-btn-group .e-btn:active.e-outline,
1025
1067
  .e-btn-group input:active + label.e-btn.e-outline,
@@ -1029,7 +1071,8 @@
1029
1071
  .e-css.e-btn-group input:checked + label.e-btn.e-outline {
1030
1072
  background: #ffd939;
1031
1073
  border-color: #ffd939;
1032
- box-shadow: none;
1074
+ -webkit-box-shadow: none;
1075
+ box-shadow: none;
1033
1076
  color: #000;
1034
1077
  }
1035
1078
  .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -1040,7 +1083,8 @@
1040
1083
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1041
1084
  background: #ffd939;
1042
1085
  border-color: #ffd939;
1043
- box-shadow: none;
1086
+ -webkit-box-shadow: none;
1087
+ box-shadow: none;
1044
1088
  color: #000;
1045
1089
  }
1046
1090
  .e-btn-group .e-btn:active.e-outline.e-success,
@@ -1051,7 +1095,8 @@
1051
1095
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1052
1096
  background: #fff;
1053
1097
  border-color: #fff;
1054
- box-shadow: none;
1098
+ -webkit-box-shadow: none;
1099
+ box-shadow: none;
1055
1100
  color: #166600;
1056
1101
  }
1057
1102
  .e-btn-group .e-btn:active.e-outline.e-info,
@@ -1062,7 +1107,8 @@
1062
1107
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1063
1108
  background: #fff;
1064
1109
  border-color: #fff;
1065
- box-shadow: none;
1110
+ -webkit-box-shadow: none;
1111
+ box-shadow: none;
1066
1112
  color: #0056b3;
1067
1113
  }
1068
1114
  .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -1073,7 +1119,8 @@
1073
1119
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1074
1120
  background: #fff;
1075
1121
  border-color: #fff;
1076
- box-shadow: none;
1122
+ -webkit-box-shadow: none;
1123
+ box-shadow: none;
1077
1124
  color: #944000;
1078
1125
  }
1079
1126
  .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -1084,7 +1131,8 @@
1084
1131
  .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1085
1132
  background: #fff;
1086
1133
  border-color: #fff;
1087
- box-shadow: none;
1134
+ -webkit-box-shadow: none;
1135
+ box-shadow: none;
1088
1136
  color: #b30900;
1089
1137
  }
1090
1138
  .e-btn-group .e-btn:disabled,
@@ -1093,7 +1141,8 @@
1093
1141
  .e-css.e-btn-group input:disabled + label.e-btn {
1094
1142
  background-color: #000;
1095
1143
  border-color: #757575;
1096
- box-shadow: none;
1144
+ -webkit-box-shadow: none;
1145
+ box-shadow: none;
1097
1146
  color: #757575;
1098
1147
  border-color: #fff;
1099
1148
  }
@@ -1103,7 +1152,8 @@
1103
1152
  .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
1104
1153
  background: #000;
1105
1154
  border-color: #757575;
1106
- box-shadow: none;
1155
+ -webkit-box-shadow: none;
1156
+ box-shadow: none;
1107
1157
  color: #757575;
1108
1158
  border-color: #ffd939;
1109
1159
  }
@@ -1113,7 +1163,8 @@
1113
1163
  .e-css.e-btn-group input:disabled + label.e-btn.e-success {
1114
1164
  background: #000;
1115
1165
  border-color: #757575;
1116
- box-shadow: none;
1166
+ -webkit-box-shadow: none;
1167
+ box-shadow: none;
1117
1168
  color: #757575;
1118
1169
  border-color: #166600;
1119
1170
  }
@@ -1123,7 +1174,8 @@
1123
1174
  .e-css.e-btn-group input:disabled + label.e-btn.e-info {
1124
1175
  background: #000;
1125
1176
  border-color: #757575;
1126
- box-shadow: none;
1177
+ -webkit-box-shadow: none;
1178
+ box-shadow: none;
1127
1179
  color: #757575;
1128
1180
  border-color: #0056b3;
1129
1181
  }
@@ -1133,7 +1185,8 @@
1133
1185
  .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
1134
1186
  background: #000;
1135
1187
  border-color: #757575;
1136
- box-shadow: none;
1188
+ -webkit-box-shadow: none;
1189
+ box-shadow: none;
1137
1190
  color: #757575;
1138
1191
  border-color: #944000;
1139
1192
  }
@@ -1143,7 +1196,8 @@
1143
1196
  .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
1144
1197
  background: #000;
1145
1198
  border-color: #757575;
1146
- box-shadow: none;
1199
+ -webkit-box-shadow: none;
1200
+ box-shadow: none;
1147
1201
  color: #757575;
1148
1202
  border-color: #b30900;
1149
1203
  }
@@ -1153,7 +1207,8 @@
1153
1207
  .e-css.e-btn-group input:disabled + label.e-btn.e-link {
1154
1208
  color: #757575;
1155
1209
  background: transparent;
1156
- box-shadow: none;
1210
+ -webkit-box-shadow: none;
1211
+ box-shadow: none;
1157
1212
  text-decoration: none;
1158
1213
  border-color: transparent;
1159
1214
  }
@@ -1163,7 +1218,8 @@
1163
1218
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
1164
1219
  background: #000;
1165
1220
  border-color: #757575;
1166
- box-shadow: none;
1221
+ -webkit-box-shadow: none;
1222
+ box-shadow: none;
1167
1223
  color: #757575;
1168
1224
  border-color: #fff;
1169
1225
  }
@@ -1173,7 +1229,8 @@
1173
1229
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1174
1230
  background: #000;
1175
1231
  border-color: #757575;
1176
- box-shadow: none;
1232
+ -webkit-box-shadow: none;
1233
+ box-shadow: none;
1177
1234
  color: #757575;
1178
1235
  border-color: #ffd939;
1179
1236
  }
@@ -1183,7 +1240,8 @@
1183
1240
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
1184
1241
  background: #000;
1185
1242
  border-color: #757575;
1186
- box-shadow: none;
1243
+ -webkit-box-shadow: none;
1244
+ box-shadow: none;
1187
1245
  color: #757575;
1188
1246
  border-color: #166600;
1189
1247
  }
@@ -1193,7 +1251,8 @@
1193
1251
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
1194
1252
  background: #000;
1195
1253
  border-color: #757575;
1196
- box-shadow: none;
1254
+ -webkit-box-shadow: none;
1255
+ box-shadow: none;
1197
1256
  color: #757575;
1198
1257
  border-color: #0056b3;
1199
1258
  }
@@ -1203,7 +1262,8 @@
1203
1262
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
1204
1263
  background: #000;
1205
1264
  border-color: #757575;
1206
- box-shadow: none;
1265
+ -webkit-box-shadow: none;
1266
+ box-shadow: none;
1207
1267
  color: #757575;
1208
1268
  border-color: #944000;
1209
1269
  }
@@ -1213,7 +1273,8 @@
1213
1273
  .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
1214
1274
  background: #000;
1215
1275
  border-color: #757575;
1216
- box-shadow: none;
1276
+ -webkit-box-shadow: none;
1277
+ box-shadow: none;
1217
1278
  color: #757575;
1218
1279
  border-color: #b30900;
1219
1280
  }
@@ -1392,23 +1453,46 @@
1392
1453
  }
1393
1454
 
1394
1455
  /* stylelint-disable property-no-vendor-prefix */
1456
+ @-webkit-keyframes material-spinner-rotate {
1457
+ 0% {
1458
+ -webkit-transform: rotate(0);
1459
+ transform: rotate(0);
1460
+ }
1461
+ 100% {
1462
+ -webkit-transform: rotate(360deg);
1463
+ transform: rotate(360deg);
1464
+ }
1465
+ }
1395
1466
  @keyframes material-spinner-rotate {
1396
1467
  0% {
1468
+ -webkit-transform: rotate(0);
1397
1469
  transform: rotate(0);
1398
1470
  }
1399
1471
  100% {
1472
+ -webkit-transform: rotate(360deg);
1473
+ transform: rotate(360deg);
1474
+ }
1475
+ }
1476
+ @-webkit-keyframes fabric-spinner-rotate {
1477
+ 0% {
1478
+ -webkit-transform: rotate(0);
1479
+ transform: rotate(0);
1480
+ }
1481
+ 100% {
1482
+ -webkit-transform: rotate(360deg);
1400
1483
  transform: rotate(360deg);
1401
1484
  }
1402
1485
  }
1403
1486
  @keyframes fabric-spinner-rotate {
1404
1487
  0% {
1488
+ -webkit-transform: rotate(0);
1405
1489
  transform: rotate(0);
1406
1490
  }
1407
1491
  100% {
1492
+ -webkit-transform: rotate(360deg);
1408
1493
  transform: rotate(360deg);
1409
1494
  }
1410
1495
  }
1411
- /*! Progress Button Layout */
1412
1496
  .e-progress-btn {
1413
1497
  position: relative;
1414
1498
  }
@@ -1418,9 +1502,11 @@
1418
1502
  opacity: 0;
1419
1503
  position: absolute;
1420
1504
  top: 0;
1505
+ -webkit-transition: opacity 0.3s linear;
1421
1506
  transition: opacity 0.3s linear;
1422
1507
  }
1423
1508
  .e-progress-btn .e-spinner {
1509
+ -webkit-transition: all 0.3s linear;
1424
1510
  transition: all 0.3s linear;
1425
1511
  }
1426
1512
  .e-progress-btn .e-btn-content {
@@ -1453,6 +1539,7 @@
1453
1539
  opacity: 0;
1454
1540
  }
1455
1541
  .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
1542
+ -webkit-transition: padding 0.3s linear;
1456
1543
  transition: padding 0.3s linear;
1457
1544
  }
1458
1545
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-btn-content,
@@ -1462,10 +1549,12 @@
1462
1549
  line-height: 1;
1463
1550
  }
1464
1551
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
1552
+ display: -webkit-box;
1465
1553
  display: -ms-flexbox;
1466
1554
  display: flex;
1467
- -ms-flex-pack: center;
1468
- justify-content: center;
1555
+ -webkit-box-pack: center;
1556
+ -ms-flex-pack: center;
1557
+ justify-content: center;
1469
1558
  }
1470
1559
  .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
1471
1560
  padding-right: 12px;
@@ -1551,21 +1640,35 @@
1551
1640
  left: auto;
1552
1641
  position: relative;
1553
1642
  top: auto;
1554
- transform: none;
1643
+ -webkit-transform: none;
1644
+ transform: none;
1555
1645
  }
1556
1646
  .e-progress-btn .e-cont-animate {
1557
- -ms-flex-align: center;
1558
- align-items: center;
1647
+ -webkit-box-align: center;
1648
+ -ms-flex-align: center;
1649
+ align-items: center;
1650
+ display: -webkit-inline-box;
1559
1651
  display: -ms-inline-flexbox;
1560
1652
  display: inline-flex;
1561
1653
  height: 100%;
1562
- -ms-flex-pack: center;
1563
- justify-content: center;
1654
+ -webkit-box-pack: center;
1655
+ -ms-flex-pack: center;
1656
+ justify-content: center;
1564
1657
  left: 0;
1565
1658
  position: absolute;
1566
1659
  top: 0;
1567
1660
  width: 100%;
1568
1661
  }
1662
+ @-webkit-keyframes ProgressSlideLeft {
1663
+ from {
1664
+ left: 0%;
1665
+ opacity: 1;
1666
+ }
1667
+ to {
1668
+ left: -100%;
1669
+ opacity: 0;
1670
+ }
1671
+ }
1569
1672
  @keyframes ProgressSlideLeft {
1570
1673
  from {
1571
1674
  left: 0%;
@@ -1576,6 +1679,16 @@
1576
1679
  opacity: 0;
1577
1680
  }
1578
1681
  }
1682
+ @-webkit-keyframes ProgressSlideRight {
1683
+ from {
1684
+ left: 0%;
1685
+ opacity: 1;
1686
+ }
1687
+ to {
1688
+ left: 100%;
1689
+ opacity: 0;
1690
+ }
1691
+ }
1579
1692
  @keyframes ProgressSlideRight {
1580
1693
  from {
1581
1694
  left: 0%;
@@ -1586,6 +1699,18 @@
1586
1699
  opacity: 0;
1587
1700
  }
1588
1701
  }
1702
+ @-webkit-keyframes ProgressSlideUp {
1703
+ from {
1704
+ height: auto;
1705
+ opacity: 1;
1706
+ top: 0;
1707
+ }
1708
+ to {
1709
+ height: auto;
1710
+ opacity: 0;
1711
+ top: -100px;
1712
+ }
1713
+ }
1589
1714
  @keyframes ProgressSlideUp {
1590
1715
  from {
1591
1716
  height: auto;
@@ -1598,6 +1723,18 @@
1598
1723
  top: -100px;
1599
1724
  }
1600
1725
  }
1726
+ @-webkit-keyframes ProgressSlideDown {
1727
+ from {
1728
+ height: auto;
1729
+ opacity: 1;
1730
+ top: 0;
1731
+ }
1732
+ to {
1733
+ height: auto;
1734
+ opacity: 0;
1735
+ top: 100px;
1736
+ }
1737
+ }
1601
1738
  @keyframes ProgressSlideDown {
1602
1739
  from {
1603
1740
  height: auto;
@@ -1610,22 +1747,48 @@
1610
1747
  top: 100px;
1611
1748
  }
1612
1749
  }
1750
+ @-webkit-keyframes ProgressZoomIn {
1751
+ from {
1752
+ opacity: 1;
1753
+ -webkit-transform: translate(0, 0) scale(1);
1754
+ transform: translate(0, 0) scale(1);
1755
+ }
1756
+ to {
1757
+ opacity: 0;
1758
+ -webkit-transform: translate(0, 0) scale(3);
1759
+ transform: translate(0, 0) scale(3);
1760
+ }
1761
+ }
1613
1762
  @keyframes ProgressZoomIn {
1614
1763
  from {
1615
1764
  opacity: 1;
1616
- transform: translate(0, 0) scale(1);
1765
+ -webkit-transform: translate(0, 0) scale(1);
1766
+ transform: translate(0, 0) scale(1);
1617
1767
  }
1618
1768
  to {
1619
1769
  opacity: 0;
1620
- transform: translate(0, 0) scale(3);
1770
+ -webkit-transform: translate(0, 0) scale(3);
1771
+ transform: translate(0, 0) scale(3);
1772
+ }
1773
+ }
1774
+ @-webkit-keyframes ProgressZoomOut {
1775
+ from {
1776
+ -webkit-transform: translate(0, 0) scale(1);
1777
+ transform: translate(0, 0) scale(1);
1778
+ }
1779
+ to {
1780
+ -webkit-transform: translate(0, 0) scale(0);
1781
+ transform: translate(0, 0) scale(0);
1621
1782
  }
1622
1783
  }
1623
1784
  @keyframes ProgressZoomOut {
1624
1785
  from {
1625
- transform: translate(0, 0) scale(1);
1786
+ -webkit-transform: translate(0, 0) scale(1);
1787
+ transform: translate(0, 0) scale(1);
1626
1788
  }
1627
1789
  to {
1628
- transform: translate(0, 0) scale(0);
1790
+ -webkit-transform: translate(0, 0) scale(0);
1791
+ transform: translate(0, 0) scale(0);
1629
1792
  }
1630
1793
  }
1631
1794
 
@@ -1832,7 +1995,10 @@
1832
1995
 
1833
1996
  *.e-primary .e-progress,
1834
1997
  *.e-success .e-progress,
1835
- *.e-danger .e-progress,
1998
+ *.e-danger .e-progress {
1999
+ background: rgba(0, 0, 0, 0.3);
2000
+ }
2001
+
1836
2002
  *.e-info .e-progress {
1837
2003
  background: rgba(0, 0, 0, 0.3);
1838
2004
  }