@syncfusion/ej2-react-splitbuttons 19.4.48 → 20.1.55

package/styles/bootstrap5-dark.css

@@ -1,6 +1,6 @@
 .e-dropdown-btn .e-caret::before,
 .e-dropdown-btn.e-btn .e-caret::before {
-  content: '\e70d';
+  content: "\e70d";
 }
 
 /*! drop-down button layout */
@@ -9,48 +9,39 @@
   text-transform: none;
   white-space: normal;
 }
-
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {
   box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
 }
-
 .e-dropdown-btn:active,
 .e-dropdown-btn.e-btn:active {
   box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
 }
-
 .e-dropdown-btn .e-btn-icon,
 .e-dropdown-btn.e-btn .e-btn-icon {
   font-size: 14px;
 }
-
 .e-dropdown-btn .e-caret,
 .e-dropdown-btn.e-btn .e-caret {
   font-size: 10px;
 }
-
 .e-dropdown-btn.e-vertical,
 .e-dropdown-btn.e-btn.e-vertical {
   line-height: 1;
   padding: 6px 12px;
 }
-
 .e-dropdown-btn.e-caret-hide .e-caret,
 .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
   display: none;
 }
-
 .e-dropdown-btn.e-small .e-dropdown-popup ul,
 .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul {
   padding: 4px 0;
 }
-
 .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item,
 .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item {
   padding: 0 8px;
 }
-
 .e-dropdown-btn.e-small.e-vertical,
 .e-dropdown-btn.e-btn.e-small.e-vertical {
   line-height: 1;
@@ -61,18 +52,15 @@
 .e-bigger.e-dropdown-btn .e-btn-icon {
   font-size: 16px;
 }
-
 .e-bigger .e-dropdown-btn .e-caret,
 .e-bigger.e-dropdown-btn .e-caret {
   font-size: 12px;
 }
-
 .e-bigger .e-dropdown-btn.e-vertical,
 .e-bigger.e-dropdown-btn.e-vertical {
   line-height: 1;
   padding: 8px 16px;
 }
-
 .e-bigger .e-dropdown-btn.e-small.e-vertical,
 .e-bigger.e-dropdown-btn.e-small.e-vertical {
   line-height: 1;
@@ -81,9 +69,8 @@
 
 .e-dropdown-popup {
   position: absolute;
-  margin-top: 4px;
+  margin-top: 2px;
 }
-
 .e-dropdown-popup ul {
   border: 1px solid #444c54;
   border-radius: 4px;
@@ -97,47 +84,41 @@
   margin: 0;
   min-width: 120px;
   overflow: hidden;
-  padding: 6px 0;
+  padding: 4px 0;
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
   white-space: nowrap;
 }
-
 .e-dropdown-popup ul .e-item {
   cursor: pointer;
   display: -ms-flexbox;
   display: flex;
-  height: 26px;
-  line-height: 26px;
+  height: 30px;
+  line-height: 30px;
   padding: 0 12px;
 }
-
 .e-dropdown-popup ul .e-item.e-url {
   padding: 0;
 }
-
 .e-dropdown-popup ul .e-item .e-menu-url {
   display: block;
   padding: 0 12px;
   text-decoration: none;
   width: 100%;
 }
-
 .e-dropdown-popup ul .e-item .e-menu-icon {
   float: left;
   font-size: 18px;
-  line-height: 26px;
+  line-height: 30px;
   margin-right: 11px;
   vertical-align: middle;
   width: 1em;
 }
-
 .e-dropdown-popup ul .e-item.e-disabled {
   cursor: auto;
   pointer-events: none;
 }
-
 .e-dropdown-popup ul .e-item.e-separator {
   border-bottom-style: solid;
   border-bottom-width: 1px;
@@ -147,12 +128,10 @@
   margin: 3px 0;
   pointer-events: none;
 }
-
 .e-dropdown-popup.e-transparent {
   background: transparent;
   box-shadow: none;
 }
-
 .e-dropdown-popup.e-transparent .e-dropdown-menu {
   border: 0;
   height: 1px;
@@ -181,25 +160,21 @@
   background-color: #343a40;
   margin-top: 4px;
 }
-
 *.e-bigger .e-dropdown-popup ul .e-item,
 *.e-bigger.e-dropdown-popup ul .e-item {
-  height: 36px;
-  line-height: 36px;
+  height: 32px;
+  line-height: 32px;
   padding: 0 16px;
 }
-
 *.e-bigger .e-dropdown-popup ul .e-item.e-url,
 *.e-bigger.e-dropdown-popup ul .e-item.e-url {
   padding: 0;
 }
-
 *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
 *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
   font-size: 22px;
-  line-height: 36px;
+  line-height: 32px;
 }
-
 *.e-bigger .e-dropdown-popup ul .e-item.e-separator,
 *.e-bigger.e-dropdown-popup ul .e-item.e-separator {
   height: auto;
@@ -211,38 +186,30 @@
   background-color: #343a40;
   color: #fff;
 }
-
 .e-dropdown-popup ul .e-item .e-menu-url {
   color: #fff;
 }
-
 .e-dropdown-popup ul .e-item .e-menu-icon {
   color: #adb5bd;
 }
-
 .e-dropdown-popup ul .e-item.e-focused {
   background-color: #31373d;
   box-shadow: none;
 }
-
 .e-dropdown-popup ul .e-item:hover {
   background-color: #444c54;
   color: #fff;
 }
-
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
   background-color: #0d6efd;
   color: #fff;
 }
-
 .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
   color: #fff;
 }
-
 .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
   color: #fff;
 }
-
 .e-dropdown-popup ul .e-separator {
   border-bottom-color: #444c54;
 }
@@ -254,7 +221,6 @@
   white-space: nowrap;
   width: min-content;
 }
-
 .e-split-btn-wrapper .e-split-btn {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
@@ -263,47 +229,38 @@
   padding-left: 10px;
   padding-right: 10px;
 }
-
 .e-split-btn-wrapper .e-split-btn:focus {
   outline-offset: 0;
 }
-
 .e-split-btn-wrapper .e-split-btn:focus {
   box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
   z-index: 2;
 }
-
 .e-split-btn-wrapper .e-split-btn:active {
   box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
   z-index: 2;
 }
-
 .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
   padding-bottom: 10px;
   padding-top: 10px;
 }
-
 .e-split-btn-wrapper .e-split-btn .e-btn-icon {
   font-size: 14px;
   margin-left: 0;
   padding-right: 8px;
   width: auto;
 }
-
 .e-split-btn-wrapper .e-split-btn .e-icon-top {
   padding-bottom: 4px;
   padding-right: 0;
 }
-
 .e-split-btn-wrapper .e-split-btn.e-icon-btn {
   padding-left: 10px;
   padding-right: 10px;
 }
-
 .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
   padding-right: 0;
 }
-
 .e-split-btn-wrapper .e-dropdown-btn {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
@@ -312,34 +269,27 @@
   padding-right: 4px;
   z-index: 1;
 }
-
 .e-split-btn-wrapper .e-dropdown-btn:active {
   box-shadow: 0 0 0 4px rgba(130, 138, 145, 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 {
   z-index: 0;
 }
-
 .e-split-btn-wrapper .e-dropdown-btn:focus {
   outline-offset: 0;
 }
-
 .e-split-btn-wrapper .e-btn:focus {
   box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
   z-index: 2;
 }
-
 .e-split-btn-wrapper .e-btn:active {
   box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
   z-index: 2;
 }
-
 .e-split-btn-wrapper .e-btn:disabled {
   box-shadow: none;
 }
-
 .e-split-btn-wrapper.e-rtl .e-split-btn {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 4px;
@@ -349,26 +299,21 @@
   padding-left: 4px;
   padding-right: 10px;
 }
-
 .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
   margin-right: 0;
   padding-left: 8px;
   padding-right: 0;
 }
-
 .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
   padding-left: 0;
 }
-
 .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
   padding-left: 10px;
   padding-right: 10px;
 }
-
 .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
   padding-left: 0;
 }
-
 .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 0;
@@ -376,17 +321,14 @@
   border-top-right-radius: 0;
   margin-left: 0;
 }
-
 .e-split-btn-wrapper.e-vertical {
   display: inline-block;
 }
-
 .e-split-btn-wrapper.e-vertical .e-split-btn,
 .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
   display: block;
   width: 100%;
 }
-
 .e-split-btn-wrapper.e-vertical .e-split-btn {
   border-bottom-left-radius: 0;
   border-top-right-radius: 4px;
@@ -394,11 +336,9 @@
   padding-bottom: 4px;
   padding-right: 10px;
 }
-
 .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
   padding-bottom: 4px;
 }
-
 .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
   border-bottom-left-radius: 4px;
   border-top-right-radius: 0;
@@ -408,17 +348,14 @@
   padding-bottom: 4px;
   padding-top: 4px;
 }
-
 .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
   padding-top: 0;
 }
-
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
   border-bottom-right-radius: 0;
   border-top-left-radius: 4px;
   margin-left: 0;
 }
-
 .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
   border-bottom-right-radius: 4px;
   border-top-left-radius: 0;
@@ -429,13 +366,11 @@
   padding-left: 12px;
   padding-right: 6px;
 }
-
 .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
 .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
   padding-bottom: 12px;
   padding-top: 12px;
 }
-
 .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
 .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
   font-size: 16px;
@@ -443,70 +378,58 @@
   padding-right: 10px;
   width: auto;
 }
-
 .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
 .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
   padding-bottom: 6px;
   padding-right: 0;
 }
-
 .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
 .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
   padding-left: 12px;
   padding-right: 12px;
 }
-
 .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
 .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
   padding-right: 0;
 }
-
 .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
 .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
   padding-left: 4px;
   padding-right: 4px;
 }
-
 .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
 .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
   padding-left: 6px;
   padding-right: 12px;
 }
-
 .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
 .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
   padding-left: 10px;
   padding-right: 0;
 }
-
 .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
 .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
   padding-left: 0;
 }
-
 .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
 .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
   padding-left: 12px;
   padding-right: 12px;
 }
-
 .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
 .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
   padding-left: 0;
 }
-
 .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
 .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
   padding-bottom: 6px;
   padding-right: 12px;
 }
-
 .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
 .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
   padding-bottom: 4px;
   padding-top: 4px;
 }
-
 .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
 .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
   padding-top: 0;
@@ -516,101 +439,79 @@
 .e-split-btn-wrapper .e-split-btn {
   border-right-color: #6c757d;
 }
-
 .e-split-btn-wrapper .e-split-btn:focus {
   border-right-color: #6c757d;
 }
-
 .e-split-btn-wrapper .e-split-btn:active {
   border-right-color: #565e64;
 }
-
 .e-split-btn-wrapper .e-split-btn:disabled {
   border-right-color: rgba(108, 117, 125, 0.65);
 }
-
 .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
   border-right-color: #6c757d;
 }
-
 .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
   border-right-color: rgba(108, 117, 125, 0.65);
 }
-
 .e-split-btn-wrapper.e-rtl .e-split-btn {
   border-left-color: #6c757d;
   border-right-color: #6c757d;
 }
-
 .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
   border-left-color: #6c757d;
   border-right-color: #6c757d;
 }
-
 .e-split-btn-wrapper.e-rtl .e-split-btn:active {
   border-left-color: #565e64;
   border-right-color: #565e64;
 }
-
 .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
   border-left-color: rgba(108, 117, 125, 0.65);
   border-right-color: #6c757d;
 }
-
 .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
   border-left-color: #6c757d;
   border-right-color: #6c757d;
 }
-
 .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
   border-left-color: rgba(108, 117, 125, 0.65);
 }
-
 .e-split-btn-wrapper.e-vertical .e-split-btn {
   border-bottom-color: #6c757d;
   border-right-color: #6c757d;
 }
-
 .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
   border-bottom-color: #6c757d;
   border-right-color: #6c757d;
 }
-
 .e-split-btn-wrapper.e-vertical .e-split-btn:active {
   border-bottom-color: #565e64;
   border-right-color: #565e64;
 }
-
 .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
   border-bottom-color: rgba(108, 117, 125, 0.65);
   border-right-color: #6c757d;
 }
-
 .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
   border-bottom-color: #6c757d;
   border-right-color: #6c757d;
 }
-
 .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
   border-bottom-color: rgba(108, 117, 125, 0.65);
 }
-
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
   border-left-color: #6c757d;
 }
-
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
   border-left-color: #6c757d;
 }
-
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
   border-left-color: #6c757d;
 }
-
 .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
   border-left-color: #6c757d;
 }
-
 .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
   border-left-color: #6c757d;
 }
@@ -624,7 +525,6 @@
       flex-direction: row;
   position: relative;
 }
-
 *.e-btn-group input:focus + label.e-btn,
 *.e-btn-group .e-btn:focus,
 *.e-btn-group .e-btn:hover,
@@ -633,12 +533,10 @@
 *.e-css.e-btn-group .e-btn:hover {
   z-index: 2;
 }
-
 *.e-btn-group input + label.e-btn,
 *.e-css.e-btn-group input + label.e-btn {
   margin-bottom: 0;
 }
-
 *.e-btn-group input,
 *.e-css.e-btn-group input {
   -moz-appearance: none;
@@ -648,7 +546,6 @@
   position: absolute;
   width: 1px;
 }
-
 *.e-btn-group input:disabled + label.e-btn,
 *.e-btn-group :disabled,
 *.e-css.e-btn-group input:disabled + label.e-btn,
@@ -656,149 +553,123 @@
   cursor: default;
   pointer-events: none;
 }
-
 *.e-btn-group .e-btn-icon,
 *.e-css.e-btn-group .e-btn-icon {
   font-size: 16px;
 }
-
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn,
 *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn {
   margin-left: -1px;
 }
-
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type),
 *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
   border-radius: 0;
 }
-
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
 *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
 }
-
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type,
 *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
 }
-
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
 *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
 }
-
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
 *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
 }
-
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
 *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
 }
-
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
 *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
 }
-
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child,
 *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
 }
-
 *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child,
 *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
 }
-
 *.e-btn-group.e-rtl .e-btn,
 *.e-css.e-btn-group.e-rtl .e-btn {
   margin-left: -1px;
 }
-
 *.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
 *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
   border-radius: 0;
 }
-
 *.e-btn-group.e-rtl .e-btn:first-of-type,
 *.e-css.e-btn-group.e-rtl .e-btn:first-of-type {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
 }
-
 *.e-btn-group.e-rtl .e-btn:last-of-type,
 *.e-css.e-btn-group.e-rtl .e-btn:last-of-type {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
 }
-
 *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
 *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
 }
-
 *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
 *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
 }
-
 *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
 *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
 }
-
 *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
 *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
 }
-
 *.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child,
 *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
 }
-
 *.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child,
 *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
 }
-
 *.e-btn-group.e-vertical,
 *.e-css.e-btn-group.e-vertical {
   -ms-flex-direction: column;
       flex-direction: column;
 }
-
 *.e-btn-group.e-vertical input,
 *.e-css.e-btn-group.e-vertical input {
   margin: -1px 0 0;
 }
-
 *.e-btn-group.e-vertical .e-btn:not(.e-outline),
 *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {
   margin-top: -1px;
 }
-
 *.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type),
 *.e-css.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type) {
   border-radius: 0;
 }
-
 *.e-btn-group.e-vertical .e-btn:first-of-type,
 *.e-css.e-btn-group.e-vertical .e-btn:first-of-type {
   border-bottom-left-radius: 0;
@@ -806,7 +677,6 @@
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
 }
-
 *.e-btn-group.e-vertical .e-btn:last-of-type,
 *.e-css.e-btn-group.e-vertical .e-btn:last-of-type {
   border-bottom-left-radius: 2px;
@@ -814,83 +684,69 @@
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-
 *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl),
 *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) {
   border-radius: 20px;
 }
-
 *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type,
 *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type {
   border-bottom-left-radius: 20px;
   border-top-left-radius: 20px;
 }
-
 *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type,
 *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type {
   border-bottom-right-radius: 20px;
   border-top-right-radius: 20px;
 }
-
 *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child),
 *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child) {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
 }
-
 *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn,
 *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
 }
-
 *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child,
 *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child {
   border-bottom-left-radius: 20px;
   border-top-left-radius: 20px;
 }
-
 *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child,
 *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
 }
-
 *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child,
 *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
 }
-
 *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child,
 *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child {
   border-bottom-right-radius: 20px;
   border-top-right-radius: 20px;
 }
-
 *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl,
 *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl {
   border-radius: 20px;
 }
-
 *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type,
 *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type {
   border-bottom-right-radius: 20px;
   border-top-right-radius: 20px;
 }
-
 *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type,
 *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type {
   border-bottom-left-radius: 20px;
   border-top-left-radius: 20px;
 }
-
 *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child),
 *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child) {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
 }
-
 *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child),
 *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child) {
   border-bottom-right-radius: 0;
@@ -908,12 +764,10 @@
 .e-css.e-btn-group:not(.e-outline) {
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
 }
-
 .e-btn-group .e-btn:hover,
 .e-css.e-btn-group .e-btn:hover {
   box-shadow: none;
 }
-
 .e-btn-group .e-btn:focus,
 .e-btn-group input:focus + label.e-btn,
 .e-css.e-btn-group .e-btn:focus,
@@ -926,7 +780,6 @@
   box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
   outline-color: inherit;
 }
-
 .e-btn-group .e-btn:focus.e-primary,
 .e-btn-group input:focus + label.e-btn.e-primary,
 .e-css.e-btn-group .e-btn:focus.e-primary,
@@ -938,7 +791,6 @@
   box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
   outline-color: inherit;
 }
-
 .e-btn-group .e-btn:focus.e-success,
 .e-btn-group input:focus + label.e-btn.e-success,
 .e-css.e-btn-group .e-btn:focus.e-success,
@@ -946,10 +798,9 @@
   background-color: #157347;
   border-color: #198754;
   color: #fff;
-  box-shadow: 0 0 0 4px rgba(66, 190, 132, 0.5);
+  box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
   outline-color: inherit;
 }
-
 .e-btn-group .e-btn:focus.e-info,
 .e-btn-group input:focus + label.e-btn.e-info,
 .e-css.e-btn-group .e-btn:focus.e-info,
@@ -960,7 +811,6 @@
   box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
   outline-color: inherit;
 }
-
 .e-btn-group .e-btn:focus.e-warning,
 .e-btn-group input:focus + label.e-btn.e-warning,
 .e-css.e-btn-group .e-btn:focus.e-warning,
@@ -971,7 +821,6 @@
   box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
   outline-color: inherit;
 }
-
 .e-btn-group .e-btn:focus.e-danger,
 .e-btn-group input:focus + label.e-btn.e-danger,
 .e-css.e-btn-group .e-btn:focus.e-danger,
@@ -982,7 +831,6 @@
   box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
   outline-color: inherit;
 }
-
 .e-btn-group .e-btn:focus.e-link,
 .e-btn-group input:focus + label.e-btn.e-link,
 .e-css.e-btn-group .e-btn:focus.e-link,
@@ -995,49 +843,42 @@
   box-shadow: none;
   outline: none;
 }
-
 .e-btn-group .e-btn:focus.e-outline,
 .e-btn-group input:focus + label.e-btn.e-outline,
 .e-css.e-btn-group .e-btn:focus.e-outline,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
   box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
 }
-
 .e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
   box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
 }
-
 .e-btn-group .e-btn:focus.e-outline.e-success,
 .e-btn-group input:focus + label.e-btn.e-outline.e-success,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
-  box-shadow: 0 0 0 4px rgba(66, 190, 132, 0.5);
+  box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
 }
-
 .e-btn-group .e-btn:focus.e-outline.e-info,
 .e-btn-group input:focus + label.e-btn.e-outline.e-info,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
   box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
 }
-
 .e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
   box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
 }
-
 .e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
   box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
 }
-
 .e-btn-group .e-btn:active,
 .e-btn-group input:active + label.e-btn,
 .e-btn-group input:checked + label.e-btn,
@@ -1050,7 +891,6 @@
   outline: #6c757d 0 solid;
   outline-offset: 0;
 }
-
 .e-btn-group .e-btn:active.e-primary,
 .e-btn-group input:active + label.e-btn.e-primary,
 .e-btn-group input:checked + label.e-btn.e-primary,
@@ -1062,7 +902,6 @@
   color: #fff;
   outline: #6c757d 0 solid;
 }
-
 .e-btn-group .e-btn:active.e-success,
 .e-btn-group input:active + label.e-btn.e-success,
 .e-btn-group input:checked + label.e-btn.e-success,
@@ -1073,7 +912,6 @@
   border-color: #13653f;
   color: #fff;
 }
-
 .e-btn-group .e-btn:active.e-info,
 .e-btn-group input:active + label.e-btn.e-info,
 .e-btn-group input:checked + label.e-btn.e-info,
@@ -1084,7 +922,6 @@
   color: #000;
   border-color: #25cff2;
 }
-
 .e-btn-group .e-btn:active.e-warning,
 .e-btn-group input:active + label.e-btn.e-warning,
 .e-btn-group input:checked + label.e-btn.e-warning,
@@ -1095,7 +932,6 @@
   border-color: #ffc720;
   color: #000;
 }
-
 .e-btn-group .e-btn:active.e-danger,
 .e-btn-group input:active + label.e-btn.e-danger,
 .e-btn-group input:checked + label.e-btn.e-danger,
@@ -1106,7 +942,6 @@
   border-color: #a52834;
   color: #fff;
 }
-
 .e-btn-group .e-btn:active.e-outline,
 .e-btn-group input:active + label.e-btn.e-outline,
 .e-btn-group input:checked + label.e-btn.e-outline,
@@ -1117,7 +952,6 @@
   border-color: #51585e;
   color: #fff;
 }
-
 .e-btn-group .e-btn:active.e-outline.e-primary,
 .e-btn-group input:active + label.e-btn.e-outline.e-primary,
 .e-btn-group input:checked + label.e-btn.e-outline.e-primary,
@@ -1127,7 +961,6 @@
   background-color: #0d6efd;
   color: #fff;
 }
-
 .e-btn-group .e-btn:active.e-outline.e-success,
 .e-btn-group input:active + label.e-btn.e-outline.e-success,
 .e-btn-group input:checked + label.e-btn.e-outline.e-success,
@@ -1138,7 +971,6 @@
   border-color: #13653f;
   color: #fff;
 }
-
 .e-btn-group .e-btn:active.e-outline.e-info,
 .e-btn-group input:active + label.e-btn.e-outline.e-info,
 .e-btn-group input:checked + label.e-btn.e-outline.e-info,
@@ -1148,7 +980,6 @@
   background-color: #0dcaf0;
   color: #000;
 }
-
 .e-btn-group .e-btn:active.e-outline.e-warning,
 .e-btn-group input:active + label.e-btn.e-outline.e-warning,
 .e-btn-group input:checked + label.e-btn.e-outline.e-warning,
@@ -1159,7 +990,6 @@
   border-color: #ffc720;
   color: #000;
 }
-
 .e-btn-group .e-btn:active.e-outline.e-danger,
 .e-btn-group input:active + label.e-btn.e-outline.e-danger,
 .e-btn-group input:checked + label.e-btn.e-outline.e-danger,
@@ -1170,7 +1000,6 @@
   border-color: #a52834;
   color: #fff;
 }
-
 .e-btn-group .e-btn:disabled,
 .e-btn-group input:disabled + label.e-btn,
 .e-css.e-btn-group .e-btn:disabled,
@@ -1181,7 +1010,6 @@
   color: rgba(255, 255, 255, 0.65);
   border-color: #6c757d;
 }
-
 .e-btn-group .e-btn:disabled.e-primary,
 .e-btn-group input:disabled + label.e-btn.e-primary,
 .e-css.e-btn-group .e-btn:disabled.e-primary,
@@ -1192,7 +1020,6 @@
   color: rgba(255, 255, 255, 0.65);
   border-color: #0d6efd;
 }
-
 .e-btn-group .e-btn:disabled.e-success,
 .e-btn-group input:disabled + label.e-btn.e-success,
 .e-css.e-btn-group .e-btn:disabled.e-success,
@@ -1203,7 +1030,6 @@
   color: rgba(255, 255, 255, 0.65);
   border-color: #198754;
 }
-
 .e-btn-group .e-btn:disabled.e-info,
 .e-btn-group input:disabled + label.e-btn.e-info,
 .e-css.e-btn-group .e-btn:disabled.e-info,
@@ -1214,7 +1040,6 @@
   color: rgba(0, 0, 0, 0.65);
   border-color: #0dcaf0;
 }
-
 .e-btn-group .e-btn:disabled.e-warning,
 .e-btn-group input:disabled + label.e-btn.e-warning,
 .e-css.e-btn-group .e-btn:disabled.e-warning,
@@ -1225,7 +1050,6 @@
   color: rgba(0, 0, 0, 0.65);
   border-color: #ffc107;
 }
-
 .e-btn-group .e-btn:disabled.e-danger,
 .e-btn-group input:disabled + label.e-btn.e-danger,
 .e-css.e-btn-group .e-btn:disabled.e-danger,
@@ -1236,7 +1060,6 @@
   color: rgba(0, 0, 0, 0.65);
   border-color: #dc3545;
 }
-
 .e-btn-group .e-btn:disabled.e-link,
 .e-btn-group input:disabled + label.e-btn.e-link,
 .e-css.e-btn-group .e-btn:disabled.e-link,
@@ -1248,7 +1071,6 @@
   text-decoration: none;
   border-color: transparent;
 }
-
 .e-btn-group .e-btn:disabled.e-outline,
 .e-btn-group input:disabled + label.e-btn.e-outline,
 .e-css.e-btn-group .e-btn:disabled.e-outline,
@@ -1258,7 +1080,6 @@
   color: #565e64;
   border-color: #6c757d;
 }
-
 .e-btn-group .e-btn:disabled.e-outline.e-primary,
 .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
@@ -1269,7 +1090,6 @@
   color: rgba(255, 255, 255, 0.65);
   border-color: #0d6efd;
 }
-
 .e-btn-group .e-btn:disabled.e-outline.e-success,
 .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
@@ -1280,7 +1100,6 @@
   color: rgba(255, 255, 255, 0.65);
   border-color: #198754;
 }
-
 .e-btn-group .e-btn:disabled.e-outline.e-info,
 .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
@@ -1291,7 +1110,6 @@
   color: rgba(0, 0, 0, 0.65);
   border-color: #0dcaf0;
 }
-
 .e-btn-group .e-btn:disabled.e-outline.e-warning,
 .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
@@ -1302,7 +1120,6 @@
   color: rgba(0, 0, 0, 0.65);
   border-color: #ffc107;
 }
-
 .e-btn-group .e-btn:disabled.e-outline.e-danger,
 .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
@@ -1313,23 +1130,19 @@
   color: rgba(255, 255, 255, 0.65);
   border-color: #dc3545;
 }
-
 .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
 .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
   border-left: transparent;
   border-right: transparent;
 }
-
 .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type,
 .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type {
   border-right: transparent;
 }
-
 .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type,
 .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type {
   border-left: transparent;
 }
-
 .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
 .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline,
 .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
@@ -1337,7 +1150,6 @@
   border-color: #6c757d;
   outline-color: inherit;
 }
-
 .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
 .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,
@@ -1345,7 +1157,6 @@
   border-color: #0d6efd;
   outline-color: inherit;
 }
-
 .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
 .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
 .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
@@ -1353,7 +1164,6 @@
   border-color: #198754;
   outline-color: inherit;
 }
-
 .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
 .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
 .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
@@ -1361,7 +1171,6 @@
   border-color: #0dcaf0;
   outline-color: inherit;
 }
-
 .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
 .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
 .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
@@ -1369,7 +1178,6 @@
   border-color: #ffc107;
   outline-color: inherit;
 }
-
 .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
 .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
 .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
@@ -1377,23 +1185,19 @@
   border-color: #dc3545;
   outline-color: inherit;
 }
-
 .e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
 .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
   border-bottom: transparent;
   border-top: transparent;
 }
-
 .e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type,
 .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type {
   border-bottom: transparent;
 }
-
 .e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type,
 .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type {
   border-top: transparent;
 }
-
 .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
 .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline,
 .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
@@ -1401,7 +1205,6 @@
   border-color: #6c757d;
   outline-color: inherit;
 }
-
 .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
 .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,
@@ -1409,7 +1212,6 @@
   border-color: #0d6efd;
   outline-color: inherit;
 }
-
 .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
 .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
 .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
@@ -1417,7 +1219,6 @@
   border-color: #198754;
   outline-color: inherit;
 }
-
 .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
 .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
 .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
@@ -1425,7 +1226,6 @@
   border-color: #0dcaf0;
   outline-color: inherit;
 }
-
 .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
 .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
 .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
@@ -1433,7 +1233,6 @@
   border-color: #ffc107;
   outline-color: inherit;
 }
-
 .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
 .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
 .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
@@ -1441,18 +1240,15 @@
   border-color: #dc3545;
   outline-color: inherit;
 }
-
 .e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
 .e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
   border-left: transparent;
   border-right: transparent;
 }
-
 .e-btn-group.e-rtl .e-btn:first-of-type,
 .e-css.e-btn-group.e-rtl .e-btn:first-of-type {
   border-left: transparent;
 }
-
 .e-btn-group.e-rtl .e-btn:last-of-type,
 .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
   border-right: transparent;
@@ -1466,7 +1262,6 @@
     transform: rotate(360deg);
   }
 }
-
 @keyframes fabric-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -1475,188 +1270,151 @@
     transform: rotate(360deg);
   }
 }
-
 /*! Progress Button Layout */
 .e-progress-btn {
   position: relative;
 }
-
 .e-progress-btn .e-progress {
   height: 100%;
   left: 0;
   opacity: 0;
   position: absolute;
   top: 0;
-  transition: opacity .3s linear;
+  transition: opacity 0.3s linear;
 }
-
 .e-progress-btn .e-spinner {
   transition: all 0.3s linear;
 }
-
 .e-progress-btn .e-btn-content {
   display: inline-block;
   position: relative;
   z-index: 1;
 }
-
 .e-progress-btn.e-vertical .e-progress {
   bottom: 0;
   height: 0%;
   top: auto;
   width: 100%;
 }
-
 .e-progress-btn.e-progress-top .e-progress {
   height: 10%;
 }
-
 .e-progress-btn.e-progress-bottom .e-progress {
   bottom: -1px;
   height: 10%;
   top: auto;
 }
-
 .e-progress-btn.e-progress-active {
   overflow: hidden;
   pointer-events: none;
 }
-
 .e-progress-btn.e-progress-active .e-progress {
   opacity: 1;
 }
-
 .e-progress-btn.e-progress-active .e-animate-end {
   opacity: 0;
 }
-
 .e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
-  transition: padding .3s linear;
+  transition: padding 0.3s linear;
 }
-
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-btn-content,
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner, .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-btn-content,
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
   display: block;
   line-height: 1;
 }
-
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: center;
       justify-content: center;
 }
-
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
   padding-right: 12px;
 }
-
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner .e-spinner-inner {
   top: -1px;
 }
-
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner {
   padding-left: 12px;
   padding-right: 0;
 }
-
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner {
   padding-left: 12px;
 }
-
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner .e-spinner-inner {
   top: -1px;
 }
-
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner {
   padding-left: 0;
   padding-right: 12px;
 }
-
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top {
   padding-bottom: 16px;
   padding-top: 16px;
 }
-
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner {
   padding-bottom: 12px;
 }
-
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom {
   padding-bottom: 16px;
   padding-top: 16px;
 }
-
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
   padding-top: 12px;
 }
-
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner {
   padding-right: 10px;
 }
-
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner {
   padding-left: 10px;
   padding-right: 0;
 }
-
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner {
   padding-left: 10px;
 }
-
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner {
   padding-left: 0;
   padding-right: 10px;
 }
-
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top {
   padding-bottom: 14px;
   padding-top: 14px;
 }
-
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner {
   padding-bottom: 10px;
 }
-
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom {
   padding-bottom: 14px;
   padding-top: 14px;
 }
-
 .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner {
   padding-top: 10px;
 }
-
 .e-progress-btn.e-round-corner {
   border-radius: 5em;
   outline: none;
   overflow: hidden;
 }
-
 .e-progress-btn.e-rtl .e-progress {
   left: auto;
   right: 0;
 }
-
 .e-progress-btn.e-rtl.e-vertical .e-progress {
   bottom: auto;
   top: 0;
 }
-
 .e-progress-btn .e-spinner-pane {
   height: auto;
   position: relative;
   width: auto;
 }
-
 .e-progress-btn .e-spinner-pane .e-spinner-inner {
   left: auto;
   position: relative;
   top: auto;
   transform: none;
 }
-
 .e-progress-btn .e-cont-animate {
   -ms-flex-align: center;
       align-items: center;
@@ -1670,7 +1428,6 @@
   top: 0;
   width: 100%;
 }
-
 @keyframes ProgressSlideLeft {
   from {
     left: 0%;
@@ -1681,7 +1438,6 @@
     opacity: 0;
   }
 }
-
 @keyframes ProgressSlideRight {
   from {
     left: 0%;
@@ -1692,7 +1448,6 @@
     opacity: 0;
   }
 }
-
 @keyframes ProgressSlideUp {
   from {
     height: auto;
@@ -1705,7 +1460,6 @@
     top: -100px;
   }
 }
-
 @keyframes ProgressSlideDown {
   from {
     height: auto;
@@ -1718,7 +1472,6 @@
     top: 100px;
   }
 }
-
 @keyframes ProgressZoomIn {
   from {
     opacity: 1;
@@ -1729,7 +1482,6 @@
     transform: translate(0, 0) scale(3);
   }
 }
-
 @keyframes ProgressZoomOut {
   from {
     transform: translate(0, 0) scale(1);
@@ -1743,85 +1495,70 @@
 *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
   padding-right: 14px;
 }
-
 *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner,
 *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round).e-rtl .e-spinner {
   padding-left: 14px;
   padding-right: 0;
 }
-
 *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner,
 *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round) .e-spinner {
   padding-left: 14px;
 }
-
 *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner,
 *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-right:not(.e-round).e-rtl .e-spinner {
   padding-left: 0;
   padding-right: 14px;
 }
-
 *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top,
 *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top {
   padding-bottom: 20px;
   padding-top: 20px;
 }
-
 *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner,
 *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-spinner {
   padding-bottom: 14px;
 }
-
 *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom,
 *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom {
   padding-bottom: 20px;
   padding-top: 20px;
 }
-
 *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner,
 *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-bottom .e-spinner {
   padding-top: 14px;
 }
-
 *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner,
 *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round) .e-spinner {
   padding-right: 12px;
 }
-
 *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner,
 *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-left:not(.e-round).e-rtl .e-spinner {
   padding-left: 12px;
   padding-right: 0;
 }
-
 *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner,
 *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round) .e-spinner {
   padding-left: 12px;
 }
-
 *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner,
 *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-right:not(.e-round).e-rtl .e-spinner {
   padding-left: 0;
   padding-right: 12px;
 }
-
 *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top,
 *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top {
   padding-bottom: 16px;
   padding-top: 16px;
 }
-
 *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner,
 *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-top .e-spinner {
   padding-bottom: 12px;
 }
-
 *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom,
 *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom {
   padding-bottom: 16px;
   padding-top: 16px;
 }
-
 *.e-bigger .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner,
 *.e-bigger.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-small.e-spin-bottom .e-spinner {
   padding-top: 12px;
@@ -1832,225 +1569,175 @@
   fill: #fff;
   stroke: #fff;
 }
-
 .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-circle {
   stroke: rgba(255, 255, 255, 0.7);
 }
-
 .e-progress-btn .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #fff;
 }
-
-.e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+.e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
   fill: #fff;
   stroke: #fff;
 }
-
-.e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
+.e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
   stroke: rgba(255, 255, 255, 0.7);
 }
-
-.e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+.e-progress-btn.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-primary.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   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 .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;
 }
-
-.e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
+.e-progress-btn.e-primary.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-primary.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
   stroke: rgba(255, 255, 255, 0.7);
 }
-
-.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 .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;
 }
-
-.e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+.e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
   fill: #fff;
   stroke: #fff;
 }
-
-.e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
+.e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
   stroke: rgba(255, 255, 255, 0.7);
 }
-
-.e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+.e-progress-btn.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-success.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   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 .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;
 }
-
-.e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(46, 216, 137, 0.7);
+.e-progress-btn.e-success.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-success.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
+  stroke: rgba(255, 255, 255, 0.7);
 }
-
-.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 .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;
 }
-
-.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-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;
   stroke: #000;
 }
-
-.e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
+.e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
   stroke: rgba(0, 0, 0, 0.7);
 }
-
-.e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+.e-progress-btn.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #000;
 }
-
-.e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
+.e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg {
   fill: #0dcaf0;
   stroke: #0dcaf0;
 }
-
-.e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(13, 202, 240, 0.7);
+.e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
+  stroke: rgba(255, 255, 255, 0.7);
 }
-
-.e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+.e-progress-btn.e-info.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-info.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #0dcaf0;
 }
-
-.e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+.e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg {
   fill: #000;
   stroke: #000;
 }
-
-.e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
+.e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
   stroke: rgba(0, 0, 0, 0.7);
 }
-
-.e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+.e-progress-btn.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-warning.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   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 .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;
 }
-
-.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 {
-  stroke: rgba(255, 206, 58, 0.7);
+.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.7);
 }
-
-.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 .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;
 }
-
-.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-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;
   stroke: #fff;
 }
-
-.e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
+.e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-circle {
   stroke: rgba(255, 255, 255, 0.7);
 }
-
-.e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+.e-progress-btn.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-outline:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:hover .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-danger.e-flat:focus .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   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 .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;
 }
-
-.e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
-  stroke: rgba(235, 140, 149, 0.7);
+.e-progress-btn.e-danger.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-outline:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:hover.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-danger.e-flat:focus.e-flat .e-spinner-pane .e-spinner-inner svg .e-path-circle {
+  stroke: rgba(255, 255, 255, 0.7);
 }
-
-.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 .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;
 }
-
-.e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg {
+.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;
   stroke: #0d6efd;
 }
-
-.e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle {
+.e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-circle {
   stroke: rgba(13, 110, 253, 0.7);
 }
-
-.e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+.e-progress-btn.e-outline.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-primary .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #0d6efd;
 }
-
-.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg {
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg {
   fill: #198754;
   stroke: #198754;
 }
-
-.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle {
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-circle {
   stroke: rgba(25, 135, 84, 0.7);
 }
-
-.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #198754;
 }
-
-.e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg {
+.e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg {
   fill: #0dcaf0;
   stroke: #0dcaf0;
 }
-
-.e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle {
+.e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-circle {
   stroke: rgba(13, 202, 240, 0.7);
 }
-
-.e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+.e-progress-btn.e-outline.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-info .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #0dcaf0;
 }
-
-.e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg {
+.e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg {
   fill: #ffc107;
   stroke: #ffc107;
 }
-
-.e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle {
+.e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-circle {
   stroke: rgba(255, 193, 7, 0.7);
 }
-
-.e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+.e-progress-btn.e-outline.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-warning .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #ffc107;
 }
-
-.e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg {
+.e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg {
   fill: #dc3545;
   stroke: #dc3545;
 }
-
-.e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle {
+.e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-circle {
   stroke: rgba(220, 53, 69, 0.7);
 }
-
-.e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+.e-progress-btn.e-outline.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc, .e-progress-btn.e-flat.e-danger .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #dc3545;
 }
-
 .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg {
   fill: #0d6efd;
   stroke: #0d6efd;
 }
-
 .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-circle {
   stroke: rgba(13, 110, 253, 0.7);
 }
-
 .e-progress-btn.e-link .e-spinner-pane .e-spinner-inner svg .e-path-arc {
   stroke: #0d6efd;
 }
 
 .e-progress {
-  background-color: rgba(173, 181, 189, 0.2);
+  background-color: rgba(255, 255, 255, 0.2);
 }
 
 *.e-primary .e-progress,
@@ -2065,41 +1752,49 @@
 }
 
 *.e-flat.e-primary .e-progress {
-  background-color: rgba(13, 110, 253, 0.2);
+  background-color: rgba(255, 255, 255, 0.2);
 }
-
 *.e-flat.e-success .e-progress {
-  background-color: rgba(33, 178, 111, 0.2);
+  background-color: rgba(255, 255, 255, 0.2);
 }
-
 *.e-flat.e-info .e-progress {
-  background-color: rgba(13, 202, 240, 0.2);
+  background-color: rgba(0, 0, 0, 0.2);
 }
-
 *.e-flat.e-warning .e-progress {
-  background-color: rgba(255, 193, 7, 0.2);
+  background-color: rgba(0, 0, 0, 0.2);
 }
-
 *.e-flat.e-danger .e-progress {
-  background-color: rgba(228, 96, 109, 0.2);
+  background-color: rgba(255, 255, 255, 0.2);
 }
 
 *.e-outline:not(:focus).e-primary .e-progress {
   background-color: rgba(13, 110, 253, 0.2);
 }
-
 *.e-outline:not(:focus).e-success .e-progress {
   background-color: rgba(25, 135, 84, 0.2);
 }
-
 *.e-outline:not(:focus).e-info .e-progress {
   background-color: rgba(13, 202, 240, 0.2);
 }
-
 *.e-outline:not(:focus).e-warning .e-progress {
   background-color: rgba(255, 193, 7, 0.2);
 }
-
 *.e-outline:not(:focus).e-danger .e-progress {
   background-color: rgba(220, 53, 69, 0.2);
 }
+
+*.e-flat:not(:focus).e-primary .e-progress {
+  background-color: rgba(13, 110, 253, 0.2);
+}
+*.e-flat:not(:focus).e-success .e-progress {
+  background-color: rgba(25, 135, 84, 0.2);
+}
+*.e-flat:not(:focus).e-info .e-progress {
+  background-color: rgba(13, 202, 240, 0.2);
+}
+*.e-flat:not(:focus).e-warning .e-progress {
+  background-color: rgba(255, 193, 7, 0.2);
+}
+*.e-flat:not(:focus).e-danger .e-progress {
+  background-color: rgba(220, 53, 69, 0.2);
+}