@syncfusion/ej2-splitbuttons 28.2.3 → 29.1.33

package/styles/bootstrap5.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,6 +49,15 @@
   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;
@@ -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(60, 153, 110, 0.5);
-          box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
-  border-color: #157347;
+  -webkit-box-shadow: 0 0 0 4px rgba(59.5, 153, 109.65, 0.5);
+          box-shadow: 0 0 0 4px rgba(59.5, 153, 109.65, 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(225, 83, 97, 0.5);
-          box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
-  border-color: #bb2d3b;
+  -webkit-box-shadow: 0 0 0 4px rgba(225.25, 83.3, 96.9, 0.5);
+          box-shadow: 0 0 0 4px rgba(225.25, 83.3, 96.9, 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(60, 153, 110, 0.5);
-          box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
-  border-color: #157347;
+  -webkit-box-shadow: 0 0 0 4px rgba(59.5, 153, 109.65, 0.5);
+          box-shadow: 0 0 0 4px rgba(59.5, 153, 109.65, 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(225, 83, 97, 0.5);
-          box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
-  border-color: #bb2d3b;
+  -webkit-box-shadow: 0 0 0 4px rgba(225.25, 83.3, 96.9, 0.5);
+          box-shadow: 0 0 0 4px rgba(225.25, 83.3, 96.9, 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,

package/styles/button-group/bootstrap-dark.css

@@ -258,8 +258,8 @@
 .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: #0058bd;
-  border-color: #0058bd;
+  background: rgb(0, 88.2, 189);
+  border-color: rgb(0, 88.2, 189);
   color: #fff;
   outline: #393939 0 solid;
   -webkit-box-shadow: none;
@@ -273,8 +273,8 @@
 .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: #265e28;
-  border-color: #265e28;
+  background: rgb(38.2295081967, 93.7704918033, 40.393442623);
+  border-color: rgb(38.2295081967, 93.7704918033, 40.393442623);
   color: #fff;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -287,8 +287,8 @@
 .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: #175b66;
-  border-color: #175b66;
+  background: rgb(22.7272727273, 90.9090909091, 102.2727272727);
+  border-color: rgb(22.7272727273, 90.9090909091, 102.2727272727);
   color: #fff;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -301,8 +301,8 @@
 .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: #f69807;
-  border-color: #7a4c04;
+  background: rgb(245.6310679612, 152.2912621359, 7.3689320388);
+  border-color: rgb(121.8446601942, 75.5436893204, 3.6553398058);
   color: #000;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -315,8 +315,8 @@
 .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: #982525;
-  border-color: #982525;
+  background: rgb(151.9875, 37.0125, 37.0125);
+  border-color: rgb(151.9875, 37.0125, 37.0125);
   color: #fff;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -410,8 +410,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: #0058bd;
-  border-color: #0058bd;
+  background: rgb(0, 88.2, 189);
+  border-color: rgb(0, 88.2, 189);
   color: #fff;
   outline: #393939 0 solid;
   -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
@@ -423,8 +423,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: #1f4c21;
-  border-color: #265e28;
+  background: rgb(30.8442622951, 75.6557377049, 32.5901639344);
+  border-color: rgb(38.2295081967, 93.7704918033, 40.393442623);
   color: #fff;
   -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
           box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
@@ -435,9 +435,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: #124851;
+  background: rgb(18.0909090909, 72.3636363636, 81.4090909091);
   color: #fff;
-  border-color: #175b66;
+  border-color: rgb(22.7272727273, 90.9090909091, 102.2727272727);
   -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
           box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
 }
@@ -447,8 +447,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: #dd8907;
-  border-color: #ab6a05;
+  background: rgb(220.8737864078, 136.9417475728, 6.6262135922);
+  border-color: rgb(171.359223301, 106.2427184466, 5.140776699);
   color: #000;
   -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
           box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
@@ -459,8 +459,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: #832020;
-  border-color: #982525;
+  background: rgb(131.48125, 32.01875, 32.01875);
+  border-color: rgb(151.9875, 37.0125, 37.0125);
   color: #fff;
   -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
           box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
@@ -483,8 +483,8 @@
 .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: #0058bd;
-  border-color: #0058bd;
+  background: rgb(0, 88.2, 189);
+  border-color: rgb(0, 88.2, 189);
   -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
           box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
   color: #fff;
@@ -495,8 +495,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: #1f4c21;
-  border-color: #265e28;
+  background: rgb(30.8442622951, 75.6557377049, 32.5901639344);
+  border-color: rgb(38.2295081967, 93.7704918033, 40.393442623);
   -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
           box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
   color: #fff;
@@ -507,8 +507,8 @@
 .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: #124851;
-  border-color: #175b66;
+  background: rgb(18.0909090909, 72.3636363636, 81.4090909091);
+  border-color: rgb(22.7272727273, 90.9090909091, 102.2727272727);
   -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
           box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
   color: #fff;
@@ -519,8 +519,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: #dd8907;
-  border-color: #ab6a05;
+  background: rgb(220.8737864078, 136.9417475728, 6.6262135922);
+  border-color: rgb(171.359223301, 106.2427184466, 5.140776699);
   -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
           box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
   color: #000;
@@ -531,8 +531,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: #832020;
-  border-color: #982525;
+  background: rgb(131.48125, 32.01875, 32.01875);
+  border-color: rgb(151.9875, 37.0125, 37.0125);
   -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
           box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
   color: #fff;
@@ -557,7 +557,7 @@
   -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
           box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
   color: rgba(255, 255, 255, 0.4);
-  border-color: #248aff;
+  border-color: rgb(36, 138.2, 255);
 }
 .e-btn-group .e-btn:disabled.e-success,
 .e-btn-group input:disabled + label.e-btn.e-success,
@@ -568,7 +568,7 @@
   -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
           box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
   color: rgba(240, 240, 240, 0.4);
-  border-color: #265e28;
+  border-color: rgb(38.2295081967, 93.7704918033, 40.393442623);
 }
 .e-btn-group .e-btn:disabled.e-info,
 .e-btn-group input:disabled + label.e-btn.e-info,
@@ -590,7 +590,7 @@
   -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
           box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
   color: rgba(240, 240, 240, 0.4);
-  border-color: #f69807;
+  border-color: rgb(245.6310679612, 152.2912621359, 7.3689320388);
 }
 .e-btn-group .e-btn:disabled.e-danger,
 .e-btn-group input:disabled + label.e-btn.e-danger,
@@ -601,7 +601,7 @@
   -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
           box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
   color: rgba(240, 240, 240, 0.4);
-  border-color: #982525;
+  border-color: rgb(151.9875, 37.0125, 37.0125);
 }
 .e-btn-group .e-btn:disabled.e-link,
 .e-btn-group input:disabled + label.e-btn.e-link,
@@ -704,7 +704,7 @@
 .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
-  border-color: #3e98ff;
+  border-color: rgb(61.5, 151.8, 255);
   outline-color: inherit;
 }
 .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
@@ -759,7 +759,7 @@
 .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
-  border-color: #3e98ff;
+  border-color: rgb(61.5, 151.8, 255);
   outline-color: inherit;
 }
 .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,