@syncfusion/ej2-splitbuttons 28.2.3 → 29.2.4

package/styles/bootstrap5-dark-lite.css

@@ -11,13 +11,13 @@
 }
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {
-  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
-          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
+          box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
 }
 .e-dropdown-btn:active,
 .e-dropdown-btn.e-btn:active {
-  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
-          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
+          box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
 }
 .e-dropdown-btn .e-btn-icon,
 .e-dropdown-btn.e-btn .e-btn-icon {
@@ -25,7 +25,7 @@
 }
 .e-dropdown-btn .e-caret,
 .e-dropdown-btn.e-btn .e-caret {
-  font-size: 10px;
+  font-size: 12px;
 }
 .e-dropdown-btn.e-vertical,
 .e-dropdown-btn.e-btn.e-vertical {
@@ -49,13 +49,22 @@
   line-height: 1;
   padding: 6px 12px;
 }
+.e-dropdown-btn.e-small .e-btn-icon,
+.e-dropdown-btn.e-btn.e-small .e-btn-icon {
+  font-size: 12px;
+}
+.e-dropdown-btn.e-small .e-btn-icon.e-caret,
+.e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
+  font-size: 8px;
+}
+
 .e-dropdown-popup {
   position: absolute;
   border-radius: 4px;
   margin-top: 2px;
 }
 .e-dropdown-popup ul {
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   border-radius: 4px;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -162,12 +171,12 @@
   color: #adb5bd;
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background: #31373d;
+  background: rgb(48.9202702703, 54.85, 60.7797297297);
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 .e-dropdown-popup ul .e-item:hover {
-  background: #444c54;
+  background: rgb(68.0034482759, 75.85, 83.6965517241);
   color: #fff;
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
@@ -181,7 +190,7 @@
   color: #fff;
 }
 .e-dropdown-popup ul .e-separator {
-  border-bottom-color: #444c54;
+  border-bottom-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-dropdown-btn.e-inherit,
@@ -225,13 +234,13 @@
   outline-offset: 0;
 }
 .e-split-btn-wrapper .e-split-btn:focus {
-  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
-          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
+          box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
   z-index: 2;
 }
 .e-split-btn-wrapper .e-split-btn:active {
-  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
-          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
+          box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
   z-index: 2;
 }
 .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
@@ -264,8 +273,8 @@
   z-index: 1;
 }
 .e-split-btn-wrapper .e-dropdown-btn:active {
-  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
-          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
+          box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
   z-index: 2;
 }
 .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 {
@@ -275,13 +284,13 @@
   outline-offset: 0;
 }
 .e-split-btn-wrapper .e-btn:focus {
-  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
-          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
+          box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
   z-index: 2;
 }
 .e-split-btn-wrapper .e-btn:active {
-  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
-          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
+          box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
   z-index: 2;
 }
 .e-split-btn-wrapper .e-btn:disabled {
@@ -370,7 +379,7 @@
   border-right-color: #6c757d;
 }
 .e-split-btn-wrapper .e-split-btn:active {
-  border-right-color: #565e64;
+  border-right-color: rgb(86.4, 93.6, 100);
 }
 .e-split-btn-wrapper .e-split-btn:disabled {
   border-right-color: rgba(108, 117, 125, 0.65);
@@ -393,8 +402,8 @@
   border-right-color: #6c757d;
 }
 .e-split-btn-wrapper.e-rtl .e-split-btn:active {
-  border-left-color: #565e64;
-  border-right-color: #565e64;
+  border-left-color: rgb(86.4, 93.6, 100);
+  border-right-color: rgb(86.4, 93.6, 100);
 }
 .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
   border-left-color: rgba(108, 117, 125, 0.65);
@@ -422,8 +431,8 @@
   border-right-color: #6c757d;
 }
 .e-split-btn-wrapper.e-vertical .e-split-btn:active {
-  border-bottom-color: #565e64;
-  border-right-color: #565e64;
+  border-bottom-color: rgb(86.4, 93.6, 100);
+  border-right-color: rgb(86.4, 93.6, 100);
 }
 .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
   border-bottom-color: rgba(108, 117, 125, 0.65);
@@ -713,14 +722,14 @@
 .e-css.e-btn-group .e-btn:focus,
 .e-css.e-btn-group input:focus-visible + label.e-btn,
 .e-css.e-btn-group input:focus + label.e-btn {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   border-color: #6c757d;
   color: #fff;
   outline: #6c757d 0 solid;
   outline-offset: 0;
-  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
-          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
-  border-color: #5c636a;
+  -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
+          box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
+  border-color: rgb(91.8, 99.45, 106.25);
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-primary,
@@ -729,13 +738,13 @@
 .e-css.e-btn-group .e-btn:focus.e-primary,
 .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-primary {
-  background: #0b5ed7;
+  background: rgb(11.05, 93.5, 215.05);
   border-color: #0d6efd;
   color: #fff;
   outline: #6c757d 0 solid;
-  -webkit-box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
-          box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
-  border-color: #0b5ed7;
+  -webkit-box-shadow: 0 0 0 4px rgba(49.3, 131.75, 253.3, 0.5);
+          box-shadow: 0 0 0 4px rgba(49.3, 131.75, 253.3, 0.5);
+  border-color: rgb(11.05, 93.5, 215.05);
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-success,
@@ -744,12 +753,12 @@
 .e-css.e-btn-group .e-btn:focus.e-success,
 .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-success {
-  background: #157347;
+  background: rgb(21.25, 114.75, 71.4);
   border-color: #198754;
   color: #fff;
-  -webkit-box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
-          box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
-  border-color: #157347;
+  -webkit-box-shadow: 0 0 0 4px rgba(66.2734375, 189.5765625, 132.40875, 0.5);
+          box-shadow: 0 0 0 4px rgba(66.2734375, 189.5765625, 132.40875, 0.5);
+  border-color: rgb(21.25, 114.75, 71.4);
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-info,
@@ -758,12 +767,12 @@
 .e-css.e-btn-group .e-btn:focus.e-info,
 .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-info {
-  background: #31d2f2;
+  background: rgb(49.3, 209.95, 242.25);
   border-color: #0dcaf0;
   color: #000;
-  -webkit-box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
-          box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
-  border-color: #31d2f2;
+  -webkit-box-shadow: 0 0 0 4px rgba(49.3, 209.95, 242.25, 0.5);
+          box-shadow: 0 0 0 4px rgba(49.3, 209.95, 242.25, 0.5);
+  border-color: rgb(49.3, 209.95, 242.25);
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-warning,
@@ -772,12 +781,12 @@
 .e-css.e-btn-group .e-btn:focus.e-warning,
 .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-warning {
-  background: #ffca2c;
+  background: rgb(255, 202.3, 44.2);
   border-color: #ffc107;
   color: #000;
-  -webkit-box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
-          box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
-  border-color: #ffca2c;
+  -webkit-box-shadow: 0 0 0 4px rgba(255, 202.3, 44.2, 0.5);
+          box-shadow: 0 0 0 4px rgba(255, 202.3, 44.2, 0.5);
+  border-color: rgb(255, 202.3, 44.2);
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-danger,
@@ -786,12 +795,12 @@
 .e-css.e-btn-group .e-btn:focus.e-danger,
 .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-danger {
-  background: #bb2d3b;
+  background: rgb(187, 45.05, 58.65);
   border-color: #dc3545;
   color: #fff;
-  -webkit-box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
-          box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
-  border-color: #bb2d3b;
+  -webkit-box-shadow: 0 0 0 4px rgba(231.6518987342, 120.2481012658, 130.9215189873, 0.5);
+          box-shadow: 0 0 0 4px rgba(231.6518987342, 120.2481012658, 130.9215189873, 0.5);
+  border-color: rgb(187, 45.05, 58.65);
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-link,
@@ -802,7 +811,7 @@
 .e-css.e-btn-group input:focus + label.e-btn.e-link {
   border-radius: 0;
   text-decoration: underline;
-  color: #0a58ca;
+  color: rgb(10.4, 88, 202.4);
   background-color: transparent;
   border-color: transparent;
   -webkit-box-shadow: none;
@@ -815,9 +824,9 @@
 .e-css.e-btn-group .e-btn:focus.e-outline,
 .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
-  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
-          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
-  border-color: #5c636a;
+  -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
+          box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
+  border-color: rgb(91.8, 99.45, 106.25);
 }
 .e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
@@ -825,8 +834,8 @@
 .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
-  -webkit-box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
-          box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(49.3, 131.75, 253.3, 0.5);
+          box-shadow: 0 0 0 4px rgba(49.3, 131.75, 253.3, 0.5);
   border-color: #0d6efd;
 }
 .e-btn-group .e-btn:focus.e-outline.e-success,
@@ -835,9 +844,9 @@
 .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
-  -webkit-box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
-          box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
-  border-color: #157347;
+  -webkit-box-shadow: 0 0 0 4px rgba(66.2734375, 189.5765625, 132.40875, 0.5);
+          box-shadow: 0 0 0 4px rgba(66.2734375, 189.5765625, 132.40875, 0.5);
+  border-color: rgb(21.25, 114.75, 71.4);
 }
 .e-btn-group .e-btn:focus.e-outline.e-info,
 .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
@@ -845,9 +854,9 @@
 .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
-  -webkit-box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
-          box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
-  border-color: #31d2f2;
+  -webkit-box-shadow: 0 0 0 4px rgba(49.3, 209.95, 242.25, 0.5);
+          box-shadow: 0 0 0 4px rgba(49.3, 209.95, 242.25, 0.5);
+  border-color: rgb(49.3, 209.95, 242.25);
 }
 .e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
@@ -855,9 +864,9 @@
 .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
-  -webkit-box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
-          box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
-  border-color: #ffca2c;
+  -webkit-box-shadow: 0 0 0 4px rgba(255, 202.3, 44.2, 0.5);
+          box-shadow: 0 0 0 4px rgba(255, 202.3, 44.2, 0.5);
+  border-color: rgb(255, 202.3, 44.2);
 }
 .e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
@@ -865,9 +874,9 @@
 .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
-  -webkit-box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
-          box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
-  border-color: #bb2d3b;
+  -webkit-box-shadow: 0 0 0 4px rgba(231.6518987342, 120.2481012658, 130.9215189873, 0.5);
+          box-shadow: 0 0 0 4px rgba(231.6518987342, 120.2481012658, 130.9215189873, 0.5);
+  border-color: rgb(187, 45.05, 58.65);
 }
 .e-btn-group .e-btn:active,
 .e-btn-group input:active + label.e-btn,
@@ -875,8 +884,8 @@
 .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: #565e64;
-  border-color: #51585e;
+  background: rgb(86.4, 93.6, 100);
+  border-color: rgb(81, 87.75, 93.75);
   color: #fff;
   outline: #6c757d 0 solid;
   outline-offset: 0;
@@ -887,8 +896,8 @@
 .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: #0a58ca;
-  border-color: #0a53be;
+  background: rgb(10.4, 88, 202.4);
+  border-color: rgb(9.75, 82.5, 189.75);
   color: #fff;
   outline: #6c757d 0 solid;
 }
@@ -898,8 +907,8 @@
 .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: #146c43;
-  border-color: #13653f;
+  background: rgb(20, 108, 67.2);
+  border-color: rgb(18.75, 101.25, 63);
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-info,
@@ -908,9 +917,9 @@
 .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: #3dd5f3;
+  background: rgb(61.4, 212.6, 243);
   color: #000;
-  border-color: #25cff2;
+  border-color: rgb(37.2, 207.3, 241.5);
 }
 .e-btn-group .e-btn:active.e-warning,
 .e-btn-group input:active + label.e-btn.e-warning,
@@ -918,8 +927,8 @@
 .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: #ffcd39;
-  border-color: #ffc720;
+  background: rgb(255, 205.4, 56.6);
+  border-color: rgb(255, 199.2, 31.8);
   color: #000;
 }
 .e-btn-group .e-btn:active.e-danger,
@@ -928,8 +937,8 @@
 .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: #b02a37;
-  border-color: #a52834;
+  background: rgb(176, 42.4, 55.2);
+  border-color: rgb(165, 39.75, 51.75);
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline,
@@ -938,8 +947,8 @@
 .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: #565e64;
-  border-color: #51585e;
+  background: rgb(86.4, 93.6, 100);
+  border-color: rgb(81, 87.75, 93.75);
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -957,8 +966,8 @@
 .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: #146c43;
-  border-color: #13653f;
+  background: rgb(20, 108, 67.2);
+  border-color: rgb(18.75, 101.25, 63);
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-info,
@@ -976,8 +985,8 @@
 .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: #ffcd39;
-  border-color: #ffc720;
+  background: rgb(255, 205.4, 56.6);
+  border-color: rgb(255, 199.2, 31.8);
   color: #000;
 }
 .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -986,8 +995,8 @@
 .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: #b02a37;
-  border-color: #a52834;
+  background: rgb(176, 42.4, 55.2);
+  border-color: rgb(165, 39.75, 51.75);
   color: #fff;
 }
 .e-btn-group .e-btn:disabled,
@@ -1074,7 +1083,7 @@
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
   background: transparent;
   border-color: rgba(108, 117, 125, 0.65);
-  color: #565e64;
+  color: rgb(86.4, 93.6, 100);
   border-color: #6c757d;
 }
 .e-btn-group .e-btn:disabled.e-outline.e-primary,
@@ -1612,8 +1621,8 @@
   stroke: #fff;
 }
 .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 {
-  fill: #408cfd;
-  stroke: #408cfd;
+  fill: rgb(63.5819672131, 140.3073770492, 253.4180327869);
+  stroke: rgb(63.5819672131, 140.3073770492, 253.4180327869);
 }
 .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 {
   stroke: #fff;
@@ -1626,11 +1635,11 @@
   stroke: #fff;
 }
 .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 {
-  fill: #2ed889;
-  stroke: #2ed889;
+  fill: rgb(45.75, 216.25, 137.2);
+  stroke: rgb(45.75, 216.25, 137.2);
 }
 .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 {
-  stroke: #2ed889;
+  stroke: rgb(45.75, 216.25, 137.2);
 }
 .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 {
   fill: #000;
@@ -1654,14 +1663,14 @@
   stroke: #000;
 }
 .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 {
-  fill: #ffce3a;
-  stroke: #ffce3a;
+  fill: rgb(255, 205.75, 58);
+  stroke: rgb(255, 205.75, 58);
 }
 .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: #ffce3a;
+  stroke: rgb(255, 205.75, 58);
 }
 .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: #ffce3a;
+  stroke: rgb(255, 205.75, 58);
 }
 .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 {
   fill: #fff;
@@ -1671,11 +1680,11 @@
   stroke: #fff;
 }
 .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 {
-  fill: #eb8c95;
-  stroke: #eb8c95;
+  fill: rgb(235.0632911392, 139.9367088608, 149.0506329114);
+  stroke: rgb(235.0632911392, 139.9367088608, 149.0506329114);
 }
 .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 {
-  stroke: #eb8c95;
+  stroke: rgb(235.0632911392, 139.9367088608, 149.0506329114);
 }
 .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 {
   fill: #0d6efd;
@@ -1735,8 +1744,8 @@
 }
 
 .e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
-  fill: #868e96;
-  stroke: #868e96;
+  fill: rgb(133.7553648069, 142.4849785408, 150.2446351931);
+  stroke: rgb(133.7553648069, 142.4849785408, 150.2446351931);
 }
 
 .e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
@@ -1745,5 +1754,5 @@
 }
 
 .e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
-  stroke: #868e96;
+  stroke: rgb(133.7553648069, 142.4849785408, 150.2446351931);
 }