@syncfusion/ej2-splitbuttons 20.4.50 → 21.1.35

package/styles/fabric-dark.css

@@ -811,7 +811,7 @@
 .e-btn-group input:focus + label.e-btn,
 .e-css.e-btn-group .e-btn:focus,
 .e-css.e-btn-group input:focus + label.e-btn {
-  background-color: #414040;
+  background: #414040;
   border-color: #201f1f;
   color: #fff;
   outline: #c8c8c8 1px solid;
@@ -824,7 +824,7 @@
 .e-btn-group input:focus + label.e-btn.e-primary,
 .e-css.e-btn-group .e-btn:focus.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-primary {
-  background-color: #0074cc;
+  background: #0074cc;
   border-color: #201f1f;
   color: #fff;
   outline: #c8c8c8 1px solid;
@@ -836,7 +836,7 @@
 .e-btn-group input:focus + label.e-btn.e-success,
 .e-css.e-btn-group .e-btn:focus.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-success {
-  background-color: #37844d;
+  background: #37844d;
   border-color: #201f1f;
   color: #fff;
   box-shadow: none;
@@ -847,7 +847,7 @@
 .e-btn-group input:focus + label.e-btn.e-info,
 .e-css.e-btn-group .e-btn:focus.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-info {
-  background-color: #1e79cb;
+  background: #1e79cb;
   border-color: #201f1f;
   color: #fff;
   box-shadow: none;
@@ -858,7 +858,7 @@
 .e-btn-group input:focus + label.e-btn.e-warning,
 .e-css.e-btn-group .e-btn:focus.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-warning {
-  background-color: #bf7500;
+  background: #bf7500;
   border-color: #201f1f;
   color: #fff;
   box-shadow: none;
@@ -869,7 +869,7 @@
 .e-btn-group input:focus + label.e-btn.e-danger,
 .e-css.e-btn-group .e-btn:focus.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-danger {
-  background-color: #cd2a19;
+  background: #cd2a19;
   border-color: #201f1f;
   color: #fff;
   box-shadow: none;
@@ -931,7 +931,7 @@
 .e-css.e-btn-group .e-btn:active,
 .e-css.e-btn-group input:active + label.e-btn,
 .e-css.e-btn-group input:checked + label.e-btn {
-  background-color: #6f6c6c;
+  background: #6f6c6c;
   border-color: #6f6c6c;
   color: #fff;
   outline: #414040 0 solid;
@@ -944,7 +944,7 @@
 .e-css.e-btn-group .e-btn:active.e-primary,
 .e-css.e-btn-group input:active + label.e-btn.e-primary,
 .e-css.e-btn-group input:checked + label.e-btn.e-primary {
-  background-color: #005799;
+  background: #005799;
   border-color: #005799;
   color: #fff;
   outline: #414040 0 solid;
@@ -956,7 +956,7 @@
 .e-css.e-btn-group .e-btn:active.e-success,
 .e-css.e-btn-group input:active + label.e-btn.e-success,
 .e-css.e-btn-group input:checked + label.e-btn.e-success {
-  background-color: #255934;
+  background: #255934;
   border-color: #255934;
   color: #fff;
   box-shadow: none;
@@ -967,7 +967,7 @@
 .e-css.e-btn-group .e-btn:active.e-info,
 .e-css.e-btn-group input:active + label.e-btn.e-info,
 .e-css.e-btn-group input:checked + label.e-btn.e-info {
-  background-color: #165996;
+  background: #165996;
   color: #fff;
   border-color: #165996;
   box-shadow: none;
@@ -978,7 +978,7 @@
 .e-css.e-btn-group .e-btn:active.e-warning,
 .e-css.e-btn-group input:active + label.e-btn.e-warning,
 .e-css.e-btn-group input:checked + label.e-btn.e-warning {
-  background-color: #825000;
+  background: #825000;
   border-color: #825000;
   color: #fff;
   box-shadow: none;
@@ -989,7 +989,7 @@
 .e-css.e-btn-group .e-btn:active.e-danger,
 .e-css.e-btn-group input:active + label.e-btn.e-danger,
 .e-css.e-btn-group input:checked + label.e-btn.e-danger {
-  background-color: #961f12;
+  background: #961f12;
   border-color: #961f12;
   color: #fff;
   box-shadow: none;
@@ -1000,7 +1000,7 @@
 .e-css.e-btn-group .e-btn:active.e-outline,
 .e-css.e-btn-group input:active + label.e-btn.e-outline,
 .e-css.e-btn-group input:checked + label.e-btn.e-outline {
-  background-color: #6f6c6c;
+  background: #6f6c6c;
   border-color: #6f6c6c;
   box-shadow: none;
   color: #fff;
@@ -1011,7 +1011,7 @@
 .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
 .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
-  background-color: #005799;
+  background: #005799;
   border-color: #005799;
   box-shadow: none;
   color: #fff;
@@ -1022,7 +1022,7 @@
 .e-css.e-btn-group .e-btn:active.e-outline.e-success,
 .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
-  background-color: #255934;
+  background: #255934;
   border-color: #255934;
   box-shadow: none;
   color: #fff;
@@ -1033,7 +1033,7 @@
 .e-css.e-btn-group .e-btn:active.e-outline.e-info,
 .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
-  background-color: #165996;
+  background: #165996;
   border-color: #165996;
   box-shadow: none;
   color: #fff;
@@ -1044,7 +1044,7 @@
 .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
 .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
-  background-color: #825000;
+  background: #825000;
   border-color: #825000;
   box-shadow: none;
   color: #fff;
@@ -1055,7 +1055,7 @@
 .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
 .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
-  background-color: #961f12;
+  background: #961f12;
   border-color: #961f12;
   box-shadow: none;
   color: #fff;
@@ -1074,7 +1074,7 @@
 .e-btn-group input:disabled + label.e-btn.e-primary,
 .e-css.e-btn-group .e-btn:disabled.e-primary,
 .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
-  background-color: #414040;
+  background: #414040;
   border-color: #414040;
   box-shadow: none;
   color: #6f6c6c;
@@ -1084,7 +1084,7 @@
 .e-btn-group input:disabled + label.e-btn.e-success,
 .e-css.e-btn-group .e-btn:disabled.e-success,
 .e-css.e-btn-group input:disabled + label.e-btn.e-success {
-  background-color: #414040;
+  background: #414040;
   border-color: #414040;
   box-shadow: none;
   color: #6f6c6c;
@@ -1094,7 +1094,7 @@
 .e-btn-group input:disabled + label.e-btn.e-info,
 .e-css.e-btn-group .e-btn:disabled.e-info,
 .e-css.e-btn-group input:disabled + label.e-btn.e-info {
-  background-color: #414040;
+  background: #414040;
   border-color: #414040;
   box-shadow: none;
   color: #6f6c6c;
@@ -1104,7 +1104,7 @@
 .e-btn-group input:disabled + label.e-btn.e-warning,
 .e-css.e-btn-group .e-btn:disabled.e-warning,
 .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
-  background-color: #414040;
+  background: #414040;
   border-color: #414040;
   box-shadow: none;
   color: #6f6c6c;
@@ -1114,7 +1114,7 @@
 .e-btn-group input:disabled + label.e-btn.e-danger,
 .e-css.e-btn-group .e-btn:disabled.e-danger,
 .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
-  background-color: #414040;
+  background: #414040;
   border-color: #414040;
   box-shadow: none;
   color: #6f6c6c;
@@ -1125,7 +1125,7 @@
 .e-css.e-btn-group .e-btn:disabled.e-link,
 .e-css.e-btn-group input:disabled + label.e-btn.e-link {
   color: #6f6c6c;
-  background-color: transparent;
+  background: transparent;
   box-shadow: none;
   text-decoration: none;
   border-color: transparent;
@@ -1134,7 +1134,7 @@
 .e-btn-group input:disabled + label.e-btn.e-outline,
 .e-css.e-btn-group .e-btn:disabled.e-outline,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
-  background-color: transparent;
+  background: transparent;
   border-color: #414040;
   box-shadow: none;
   color: #6f6c6c;
@@ -1144,7 +1144,7 @@
 .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
-  background-color: transparent;
+  background: transparent;
   border-color: #414040;
   box-shadow: none;
   color: #6f6c6c;
@@ -1154,7 +1154,7 @@
 .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
-  background-color: transparent;
+  background: transparent;
   border-color: #414040;
   box-shadow: none;
   color: #6f6c6c;
@@ -1164,7 +1164,7 @@
 .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
-  background-color: transparent;
+  background: transparent;
   border-color: #414040;
   box-shadow: none;
   color: #6f6c6c;
@@ -1174,7 +1174,7 @@
 .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
-  background-color: transparent;
+  background: transparent;
   border-color: #414040;
   box-shadow: none;
   color: #6f6c6c;
@@ -1184,7 +1184,7 @@
 .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
-  background-color: transparent;
+  background: transparent;
   border-color: #414040;
   box-shadow: none;
   color: #6f6c6c;
@@ -1711,7 +1711,7 @@
   stroke: #fff;
 }
 .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 {
-  stroke: rgba(255, 255, 255, 0.2);
+  stroke: #fff;
 }
 .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 {
   stroke: #fff;
@@ -1798,48 +1798,48 @@
 }
 
 .e-progress {
-  background-color: rgba(218, 218, 218, 0.2);
+  background: rgba(218, 218, 218, 0.2);
 }
 
 *.e-primary .e-progress,
 *.e-success .e-progress,
 *.e-danger .e-progress,
 *.e-info .e-progress {
-  background-color: rgba(218, 218, 218, 0.2);
+  background: rgba(218, 218, 218, 0.2);
 }
 
 *.e-warning .e-progress {
-  background-color: rgba(218, 218, 218, 0.2);
+  background: rgba(218, 218, 218, 0.2);
 }
 
 *.e-flat.e-primary .e-progress {
-  background-color: rgba(255, 64, 129, 0.2);
+  background: rgba(255, 64, 129, 0.2);
 }
 *.e-flat.e-success .e-progress {
-  background-color: rgba(77, 132, 29, 0.2);
+  background: rgba(77, 132, 29, 0.2);
 }
 *.e-flat.e-info .e-progress {
-  background-color: rgba(3, 120, 213, 0.2);
+  background: rgba(3, 120, 213, 0.2);
 }
 *.e-flat.e-warning .e-progress {
-  background-color: rgba(193, 87, 0, 0.2);
+  background: rgba(193, 87, 0, 0.2);
 }
 *.e-flat.e-danger .e-progress {
-  background-color: rgba(214, 65, 19, 0.2);
+  background: rgba(214, 65, 19, 0.2);
 }
 
 *.e-outline:not(:focus).e-primary .e-progress {
-  background-color: rgba(0, 116, 204, 0.2);
+  background: rgba(0, 116, 204, 0.2);
 }
 *.e-outline:not(:focus).e-success .e-progress {
-  background-color: rgba(55, 132, 77, 0.2);
+  background: rgba(55, 132, 77, 0.2);
 }
 *.e-outline:not(:focus).e-info .e-progress {
-  background-color: rgba(30, 121, 203, 0.2);
+  background: rgba(30, 121, 203, 0.2);
 }
 *.e-outline:not(:focus).e-warning .e-progress {
-  background-color: rgba(191, 117, 0, 0.2);
+  background: rgba(191, 117, 0, 0.2);
 }
 *.e-outline:not(:focus).e-danger .e-progress {
-  background-color: rgba(205, 42, 25, 0.2);
+  background: rgba(205, 42, 25, 0.2);
 }

package/styles/fabric.css

@@ -808,7 +808,7 @@
 .e-btn-group input:focus + label.e-btn,
 .e-css.e-btn-group .e-btn:focus,
 .e-css.e-btn-group input:focus + label.e-btn {
-  background-color: #f4f4f4;
+  background: #f4f4f4;
   border-color: #eaeaea;
   color: #333;
   outline: #767676 1px solid;
@@ -822,7 +822,7 @@
 .e-btn-group input:focus + label.e-btn.e-primary,
 .e-css.e-btn-group .e-btn:focus.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-primary {
-  background-color: #0078d6;
+  background: #0078d6;
   border-color: #fff;
   color: #fff;
   outline: #767676 1px solid;
@@ -835,7 +835,7 @@
 .e-btn-group input:focus + label.e-btn.e-success,
 .e-css.e-btn-group .e-btn:focus.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-success {
-  background-color: #137c10;
+  background: #137c10;
   border-color: #fff;
   color: #fff;
   box-shadow: none;
@@ -847,7 +847,7 @@
 .e-btn-group input:focus + label.e-btn.e-info,
 .e-css.e-btn-group .e-btn:focus.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-info {
-  background-color: #0378d5;
+  background: #0378d5;
   border-color: #fff;
   color: #fff;
   box-shadow: none;
@@ -859,7 +859,7 @@
 .e-btn-group input:focus + label.e-btn.e-warning,
 .e-css.e-btn-group .e-btn:focus.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-warning {
-  background-color: #d83b01;
+  background: #d83b01;
   border-color: #fff;
   color: #fff;
   box-shadow: none;
@@ -871,7 +871,7 @@
 .e-btn-group input:focus + label.e-btn.e-danger,
 .e-css.e-btn-group .e-btn:focus.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-danger {
-  background-color: #a80000;
+  background: #a80000;
   border-color: #fff;
   color: #fff;
   box-shadow: none;
@@ -934,7 +934,7 @@
 .e-css.e-btn-group .e-btn:active,
 .e-css.e-btn-group input:active + label.e-btn,
 .e-css.e-btn-group input:checked + label.e-btn {
-  background-color: #c8c8c8;
+  background: #c8c8c8;
   border-color: #c8c8c8;
   color: #000;
   outline: #eaeaea 0 solid;
@@ -947,7 +947,7 @@
 .e-css.e-btn-group .e-btn:active.e-primary,
 .e-css.e-btn-group input:active + label.e-btn.e-primary,
 .e-css.e-btn-group input:checked + label.e-btn.e-primary {
-  background-color: #005ba3;
+  background: #005ba3;
   border-color: #005ba3;
   color: #fff;
   outline: #eaeaea 0 solid;
@@ -959,7 +959,7 @@
 .e-css.e-btn-group .e-btn:active.e-success,
 .e-css.e-btn-group input:active + label.e-btn.e-success,
 .e-css.e-btn-group input:checked + label.e-btn.e-success {
-  background-color: #004b1d;
+  background: #004b1d;
   border-color: #004b1d;
   color: #fff;
   box-shadow: none;
@@ -970,7 +970,7 @@
 .e-css.e-btn-group .e-btn:active.e-info,
 .e-css.e-btn-group input:active + label.e-btn.e-info,
 .e-css.e-btn-group input:checked + label.e-btn.e-info {
-  background-color: #065fa6;
+  background: #065fa6;
   color: #fff;
   border-color: #065fa6;
   box-shadow: none;
@@ -981,7 +981,7 @@
 .e-css.e-btn-group .e-btn:active.e-warning,
 .e-css.e-btn-group input:active + label.e-btn.e-warning,
 .e-css.e-btn-group input:checked + label.e-btn.e-warning {
-  background-color: #a22c01;
+  background: #a22c01;
   border-color: #a22c01;
   color: #fff;
   box-shadow: none;
@@ -992,7 +992,7 @@
 .e-css.e-btn-group .e-btn:active.e-danger,
 .e-css.e-btn-group input:active + label.e-btn.e-danger,
 .e-css.e-btn-group input:checked + label.e-btn.e-danger {
-  background-color: #7c0101;
+  background: #7c0101;
   border-color: #7c0101;
   color: #fff;
   box-shadow: none;
@@ -1003,7 +1003,7 @@
 .e-css.e-btn-group .e-btn:active.e-outline,
 .e-css.e-btn-group input:active + label.e-btn.e-outline,
 .e-css.e-btn-group input:checked + label.e-btn.e-outline {
-  background-color: #c8c8c8;
+  background: #c8c8c8;
   border-color: #c8c8c8;
   box-shadow: none;
   color: #000;
@@ -1014,7 +1014,7 @@
 .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
 .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
-  background-color: #005ba3;
+  background: #005ba3;
   border-color: #0078d6;
   box-shadow: none;
   color: #fff;
@@ -1025,7 +1025,7 @@
 .e-css.e-btn-group .e-btn:active.e-outline.e-success,
 .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
-  background-color: #004b1d;
+  background: #004b1d;
   border-color: #004b1d;
   box-shadow: none;
   color: #fff;
@@ -1036,7 +1036,7 @@
 .e-css.e-btn-group .e-btn:active.e-outline.e-info,
 .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
-  background-color: #065fa6;
+  background: #065fa6;
   border-color: #065fa6;
   box-shadow: none;
   color: #fff;
@@ -1047,7 +1047,7 @@
 .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
 .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
-  background-color: #a22c01;
+  background: #a22c01;
   border-color: #a22c01;
   box-shadow: none;
   color: #fff;
@@ -1058,7 +1058,7 @@
 .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
 .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
-  background-color: #7c0101;
+  background: #7c0101;
   border-color: #7c0101;
   box-shadow: none;
   color: #fff;
@@ -1077,7 +1077,7 @@
 .e-btn-group input:disabled + label.e-btn.e-primary,
 .e-css.e-btn-group .e-btn:disabled.e-primary,
 .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
-  background-color: #f4f4f4;
+  background: #f4f4f4;
   border-color: #f4f4f4;
   box-shadow: none;
   color: #a6a6a6;
@@ -1087,7 +1087,7 @@
 .e-btn-group input:disabled + label.e-btn.e-success,
 .e-css.e-btn-group .e-btn:disabled.e-success,
 .e-css.e-btn-group input:disabled + label.e-btn.e-success {
-  background-color: #f4f4f4;
+  background: #f4f4f4;
   border-color: #f4f4f4;
   box-shadow: none;
   color: #a6a6a6;
@@ -1097,7 +1097,7 @@
 .e-btn-group input:disabled + label.e-btn.e-info,
 .e-css.e-btn-group .e-btn:disabled.e-info,
 .e-css.e-btn-group input:disabled + label.e-btn.e-info {
-  background-color: #f4f4f4;
+  background: #f4f4f4;
   border-color: #f4f4f4;
   box-shadow: none;
   color: #a6a6a6;
@@ -1107,7 +1107,7 @@
 .e-btn-group input:disabled + label.e-btn.e-warning,
 .e-css.e-btn-group .e-btn:disabled.e-warning,
 .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
-  background-color: #f4f4f4;
+  background: #f4f4f4;
   border-color: #f4f4f4;
   box-shadow: none;
   color: #a6a6a6;
@@ -1117,7 +1117,7 @@
 .e-btn-group input:disabled + label.e-btn.e-danger,
 .e-css.e-btn-group .e-btn:disabled.e-danger,
 .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
-  background-color: #f4f4f4;
+  background: #f4f4f4;
   border-color: #f4f4f4;
   box-shadow: none;
   color: #a6a6a6;
@@ -1128,7 +1128,7 @@
 .e-css.e-btn-group .e-btn:disabled.e-link,
 .e-css.e-btn-group input:disabled + label.e-btn.e-link {
   color: #a6a6a6;
-  background-color: transparent;
+  background: transparent;
   box-shadow: none;
   text-decoration: none;
   border-color: transparent;
@@ -1137,7 +1137,7 @@
 .e-btn-group input:disabled + label.e-btn.e-outline,
 .e-css.e-btn-group .e-btn:disabled.e-outline,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
-  background-color: transparent;
+  background: transparent;
   border-color: #f4f4f4;
   box-shadow: none;
   color: #a6a6a6;
@@ -1147,7 +1147,7 @@
 .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
-  background-color: transparent;
+  background: transparent;
   border-color: #f4f4f4;
   box-shadow: none;
   color: #a6a6a6;
@@ -1157,7 +1157,7 @@
 .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
-  background-color: transparent;
+  background: transparent;
   border-color: #f4f4f4;
   box-shadow: none;
   color: #a6a6a6;
@@ -1167,7 +1167,7 @@
 .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
-  background-color: transparent;
+  background: transparent;
   border-color: #f4f4f4;
   box-shadow: none;
   color: #a6a6a6;
@@ -1177,7 +1177,7 @@
 .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
-  background-color: transparent;
+  background: transparent;
   border-color: #f4f4f4;
   box-shadow: none;
   color: #a6a6a6;
@@ -1187,7 +1187,7 @@
 .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
-  background-color: transparent;
+  background: transparent;
   border-color: #f4f4f4;
   box-shadow: none;
   color: #a6a6a6;
@@ -1714,7 +1714,7 @@
   stroke: #fff;
 }
 .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 {
-  stroke: rgba(255, 255, 255, 0.2);
+  stroke: #fff;
 }
 .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 {
   stroke: #fff;
@@ -1801,48 +1801,48 @@
 }
 
 .e-progress {
-  background-color: rgba(0, 0, 0, 0.2);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 *.e-primary .e-progress,
 *.e-success .e-progress,
 *.e-danger .e-progress,
 *.e-info .e-progress {
-  background-color: rgba(0, 0, 0, 0.2);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 *.e-warning .e-progress {
-  background-color: rgba(0, 0, 0, 0.2);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 *.e-flat.e-primary .e-progress {
-  background-color: rgba(0, 0, 0, 0.2);
+  background: rgba(0, 0, 0, 0.2);
 }
 *.e-flat.e-success .e-progress {
-  background-color: rgba(0, 0, 0, 0.2);
+  background: rgba(0, 0, 0, 0.2);
 }
 *.e-flat.e-info .e-progress {
-  background-color: rgba(0, 0, 0, 0.2);
+  background: rgba(0, 0, 0, 0.2);
 }
 *.e-flat.e-warning .e-progress {
-  background-color: rgba(0, 0, 0, 0.2);
+  background: rgba(0, 0, 0, 0.2);
 }
 *.e-flat.e-danger .e-progress {
-  background-color: rgba(0, 0, 0, 0.2);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 *.e-outline:not(:focus).e-primary .e-progress {
-  background-color: rgba(0, 120, 214, 0.2);
+  background: rgba(0, 120, 214, 0.2);
 }
 *.e-outline:not(:focus).e-success .e-progress {
-  background-color: rgba(19, 124, 16, 0.2);
+  background: rgba(19, 124, 16, 0.2);
 }
 *.e-outline:not(:focus).e-info .e-progress {
-  background-color: rgba(3, 120, 213, 0.2);
+  background: rgba(3, 120, 213, 0.2);
 }
 *.e-outline:not(:focus).e-warning .e-progress {
-  background-color: rgba(216, 59, 1, 0.2);
+  background: rgba(216, 59, 1, 0.2);
 }
 *.e-outline:not(:focus).e-danger .e-progress {
-  background-color: rgba(168, 0, 0, 0.2);
+  background: rgba(168, 0, 0, 0.2);
 }