@syncfusion/ej2-splitbuttons 28.1.41 → 29.1.33

package/styles/bootstrap5-dark.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,
@@ -210,7 +219,7 @@
 }
 .e-bigger .e-dropdown-btn .e-caret,
 .e-bigger.e-dropdown-btn .e-caret {
-  font-size: 12px;
+  font-size: 14px;
 }
 .e-bigger .e-dropdown-btn.e-vertical,
 .e-bigger.e-dropdown-btn.e-vertical {
@@ -222,6 +231,15 @@
   line-height: 1;
   padding: 8px 16px;
 }
+.e-bigger .e-dropdown-btn.e-small .e-btn-icon,
+.e-bigger.e-dropdown-btn.e-small .e-btn-icon {
+  font-size: 14px;
+}
+.e-bigger .e-dropdown-btn.e-small .e-btn-icon.e-caret,
+.e-bigger.e-dropdown-btn.e-small .e-btn-icon.e-caret {
+  font-size: 12px;
+}
+
 *.e-bigger .e-dropdown-popup {
   background-color: transparent;
   border-radius: 4px;
@@ -279,13 +297,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 {
@@ -318,8 +336,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 {
@@ -329,13 +347,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 {
@@ -424,7 +442,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);
@@ -447,8 +465,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);
@@ -476,8 +494,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);
@@ -841,14 +859,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,
@@ -857,13 +875,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,
@@ -872,12 +890,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,
@@ -886,12 +904,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,
@@ -900,12 +918,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,
@@ -914,12 +932,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,
@@ -930,7 +948,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;
@@ -943,9 +961,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,
@@ -953,8 +971,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,
@@ -963,9 +981,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,
@@ -973,9 +991,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,
@@ -983,9 +1001,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,
@@ -993,9 +1011,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,
@@ -1003,8 +1021,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;
@@ -1015,8 +1033,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;
 }
@@ -1026,8 +1044,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,
@@ -1036,9 +1054,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,
@@ -1046,8 +1064,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,
@@ -1056,8 +1074,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,
@@ -1066,8 +1084,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,
@@ -1085,8 +1103,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,
@@ -1104,8 +1122,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,
@@ -1114,8 +1132,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,
@@ -1202,7 +1220,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,
@@ -1747,8 +1765,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;
@@ -1761,11 +1779,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;
@@ -1789,14 +1807,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;
@@ -1806,11 +1824,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;
@@ -1870,8 +1888,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 {
@@ -1880,7 +1898,7 @@
 }
 
 .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);
 }
 
 *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner,