@syncfusion/ej2-navigations 33.2.10 → 34.1.29

package/styles/tailwind3.css

@@ -114,80 +114,6 @@
   content: "\e765";
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 /*! Pager layout */
 .e-pager {
   border-style: solid;
@@ -197,8 +123,6 @@
   padding: 7px 8px 7px 8px;
   white-space: normal;
   width: 100%;
-  /* stylelint-disable */
-  /* stylelint-enable */
 }
 .e-pager [class^=e-] {
   -webkit-box-sizing: border-box;
@@ -264,7 +188,7 @@
 .e-pager .e-spacing,
 .e-pager .e-numericitem:hover,
 .e-pager .e-currentitem {
-  border-radius: calc(var(--e-radius) * 0);
+  border-radius: 0;
   cursor: pointer;
   padding: 6.2px 11.85px 9.8px 11.8px;
   text-decoration: none;
@@ -358,12 +282,18 @@
 .e-pager .e-mnext {
   text-indent: -2px;
 }
+.e-pager {
+  /* stylelint-disable */
+}
 .e-pager .e-mfirst,
 .e-pager .e-mprev,
 .e-pager .e-mnext,
 .e-pager .e-mlast {
   -webkit-tap-highlight-color: var(--color-sf-content-bg-color);
 }
+.e-pager {
+  /* stylelint-enable */
+}
 .e-pager .e-pp,
 .e-pager .e-np,
 .e-pager .e-pp:hover,
@@ -659,80 +589,6 @@
   margin-left: 0;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 /*! Pager theme */
 .e-pager {
   border-color: var(--color-sf-border-light);
@@ -840,80 +696,6 @@
   border-left-color: var(--color-sf-border-light);
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 /*! Pager bigger */
 .e-bigger .e-pager,
 .e-pager.e-bigger {
@@ -1004,7 +786,7 @@
 .e-pager.e-bigger .e-spacing,
 .e-pager.e-bigger .e-numericitem:hover,
 .e-pager.e-bigger .e-currentitem {
-  border-radius: calc(var(--e-radius) * 0)/0.75;
+  border-radius: 0;
   padding: 11.4px 15.48px 11.5px 15.1px;
 }
 .e-bigger .e-pager.e-rtl .e-spacing,
@@ -1227,92 +1009,6 @@
   line-height: normal;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
-/*! component's theme wise override definitions and variables */
-@keyframes hscroll-popup-shadow {
-  0% {
-    border-color: rgba(255, 255, 255, 0.5);
-    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-  }
-  100% {
-    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-  }
-}
 /*! h-scroll layout */
 .e-hscroll {
   display: block;
@@ -1431,92 +1127,6 @@
   pointer-events: none;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
-/*! component's theme wise override definitions and variables */
-@keyframes hscroll-popup-shadow {
-  0% {
-    border-color: rgba(255, 255, 255, 0.5);
-    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-  }
-  100% {
-    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-  }
-}
 /*! h-scroll theme */
 .e-hscroll .e-scroll-nav .e-icons {
   color: var(--color-sf-secondary-text-color);
@@ -1619,92 +1229,6 @@
   visibility: visible;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
-/*! component's theme wise override definitions and variables */
-@keyframes hscroll-popup-shadow {
-  0% {
-    border-color: rgba(255, 255, 255, 0.5);
-    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-  }
-  100% {
-    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-  }
-}
 .e-bigger .e-hscroll,
 .e-hscroll.e-bigger {
   min-height: 56px;
@@ -1757,81 +1281,6 @@
   line-height: normal;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
-/*! component's theme wise override definitions and variables */
 /*! v-scroll layout */
 .e-vscroll {
   display: block;
@@ -1935,81 +1384,6 @@
   width: 100%;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
-/*! component's theme wise override definitions and variables */
 /*! v-scroll theme */
 .e-vscroll .e-icons {
   color: var(--color-sf-icon-color);
@@ -2030,133 +1404,58 @@
   color: var(--color-sf-icon-color);
 }
 .e-vscroll .e-scroll-overlay {
-  background-color: transparent;
-  background-repeat: repeat-x;
-}
-.e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
-  background-image: linear-gradient(-270deg, var(--color-sf-secondary-bg-color-disabled) 0%, transparent 100%);
-}
-.e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
-  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-secondary-bg-color-disabled) 100%);
-}
-.e-vscroll.e-rtl .e-scroll-nav {
-  background: var(--color-sf-secondary-bg-color);
-}
-.e-vscroll.e-rtl .e-scroll-nav:hover {
-  background: var(--color-sf-content-bg-color-alt2);
-  border: 0;
-  border-color: transparent;
-  color: var(--color-sf-content-text-color-alt2);
-}
-.e-vscroll:not(.e-scroll-device) .e-scroll-nav:hover {
-  background: var(--color-sf-content-bg-color-alt2);
-  border: 0;
-  color: var(--color-sf-content-text-color-alt2);
-}
-.e-vscroll:not(.e-scroll-device) .e-scroll-nav:focus {
-  background: var(--color-sf-content-bg-color-alt2);
-  border: 0;
-  border-color: transparent;
-  color: var(--color-sf-content-text-color-alt2);
-}
-.e-vscroll:not(.e-scroll-device) .e-scroll-nav:active {
-  background: var(--color-sf-content-bg-color-alt3);
-  border: 0;
-  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  color: var(--color-sf-content-text-color-alt2);
-}
-.e-vscroll .e-scroll-nav {
-  background: var(--color-sf-secondary-bg-color);
-}
-.e-vscroll .e-scroll-nav.e-scroll-up-nav {
-  border-bottom: 1px solid var(--color-sf-icon-color);
-}
-.e-vscroll .e-scroll-nav.e-scroll-down-nav {
-  border-top: 1px solid var(--color-sf-icon-color);
-}
-.e-vscroll .e-scroll-nav::after {
-  content: "";
-}
-.e-vscroll .e-scroll-nav:active::after {
-  content: "";
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
+  background-color: transparent;
+  background-repeat: repeat-x;
+}
+.e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
+  background-image: linear-gradient(-270deg, var(--color-sf-secondary-bg-color-disabled) 0%, transparent 100%);
+}
+.e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
+  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-secondary-bg-color-disabled) 100%);
+}
+.e-vscroll.e-rtl .e-scroll-nav {
+  background: var(--color-sf-secondary-bg-color);
+}
+.e-vscroll.e-rtl .e-scroll-nav:hover {
+  background: var(--color-sf-content-bg-color-alt2);
+  border: 0;
+  border-color: transparent;
+  color: var(--color-sf-content-text-color-alt2);
+}
+.e-vscroll:not(.e-scroll-device) .e-scroll-nav:hover {
+  background: var(--color-sf-content-bg-color-alt2);
+  border: 0;
+  color: var(--color-sf-content-text-color-alt2);
+}
+.e-vscroll:not(.e-scroll-device) .e-scroll-nav:focus {
+  background: var(--color-sf-content-bg-color-alt2);
+  border: 0;
+  border-color: transparent;
+  color: var(--color-sf-content-text-color-alt2);
+}
+.e-vscroll:not(.e-scroll-device) .e-scroll-nav:active {
+  background: var(--color-sf-content-bg-color-alt3);
+  border: 0;
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  color: var(--color-sf-content-text-color-alt2);
+}
+.e-vscroll .e-scroll-nav {
+  background: var(--color-sf-secondary-bg-color);
+}
+.e-vscroll .e-scroll-nav.e-scroll-up-nav {
+  border-bottom: 1px solid var(--color-sf-icon-color);
+}
+.e-vscroll .e-scroll-nav.e-scroll-down-nav {
+  border-top: 1px solid var(--color-sf-icon-color);
+}
+.e-vscroll .e-scroll-nav::after {
+  content: "";
+}
+.e-vscroll .e-scroll-nav:active::after {
+  content: "";
+}
 
-/*! component's theme wise override definitions and variables */
 .e-bigger .e-vscroll:not(.e-scroll-device),
 .e-vscroll.e-bigger:not(.e-scroll-device) {
   padding: 48px 0;
@@ -2178,7 +1477,6 @@
   height: 48px;
 }
 
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable */
 .e-toolbar .e-popup-down-icon::before {
   content: "\e729";
@@ -2189,81 +1487,6 @@
   line-height: normal;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
-/* stylelint-disable */
 .e-toolbar {
   border-radius: calc(var(--e-radius) * 0.375);
   display: block;
@@ -2815,136 +2038,61 @@
   margin: 0;
 }
 .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child {
-  margin-right: 8px;
-}
-.e-toolbar.e-rtl .e-toolbar-items.e-tbar-pos .e-toolbar-left {
-  left: auto;
-  right: 0;
-}
-.e-toolbar.e-rtl .e-toolbar-items.e-tbar-pos .e-toolbar-right {
-  left: 0;
-  right: auto;
-}
-.e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
-  margin-left: 0;
-  margin-right: 8px;
-}
-.e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
-  margin-left: 8px;
-}
-.e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
-  margin-left: 0;
-}
-.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
-  margin-right: 0;
-}
-.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
-  margin-right: 0;
-  margin-left: 8px;
-}
-.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
-  margin-right: 8px;
-}
-.e-toolbar.e-rtl .e-hor-nav {
-  left: 0;
-  right: auto;
-  border-radius: calc(var(--e-radius) * 0.375) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0.375);
-}
-.e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-center .e-toolbar-item,
-.e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item {
-  margin: 0;
-}
-.e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item:last-child {
-  margin: 0;
-  margin-left: 8px;
-}
-.e-toolbar.e-extended-toolbar.e-rtl .e-hor-nav {
-  left: 0;
-  right: auto;
-}
-.e-toolbar.e-extended-toolbar.e-rtl .e-toolbar-extended {
-  padding-right: 8px;
-  margin-left: 0;
-}
-.e-toolbar.e-extended-toolbar.e-rtl .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn .e-icon-left {
-  padding-left: 0;
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
+  margin-right: 8px;
+}
+.e-toolbar.e-rtl .e-toolbar-items.e-tbar-pos .e-toolbar-left {
+  left: auto;
+  right: 0;
+}
+.e-toolbar.e-rtl .e-toolbar-items.e-tbar-pos .e-toolbar-right {
+  left: 0;
+  right: auto;
+}
+.e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
+  margin-left: 0;
+  margin-right: 8px;
+}
+.e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
+  margin-left: 8px;
+}
+.e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
+  margin-left: 0;
+}
+.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
+  margin-right: 0;
+}
+.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
+  margin-right: 0;
+  margin-left: 8px;
+}
+.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
+  margin-right: 8px;
+}
+.e-toolbar.e-rtl .e-hor-nav {
+  left: 0;
+  right: auto;
+  border-radius: calc(var(--e-radius) * 0.375) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0.375);
+}
+.e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-center .e-toolbar-item,
+.e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item {
+  margin: 0;
+}
+.e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item:last-child {
+  margin: 0;
+  margin-left: 8px;
+}
+.e-toolbar.e-extended-toolbar.e-rtl .e-hor-nav {
+  left: 0;
+  right: auto;
+}
+.e-toolbar.e-extended-toolbar.e-rtl .e-toolbar-extended {
+  padding-right: 8px;
+  margin-left: 0;
+}
+.e-toolbar.e-extended-toolbar.e-rtl .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn .e-icon-left {
+  padding-left: 0;
+}
 
-/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -3247,81 +2395,6 @@
   border-width: 0 1px 0 0;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
-/* stylelint-disable */
 .e-bigger .e-toolbar,
 .e-toolbar.e-bigger {
   height: 56px;
@@ -3559,148 +2632,74 @@
 .e-toolbar.e-bigger.e-extended-toolbar.e-tbar-extended {
   border-bottom: 0;
   border-bottom-left-radius: calc(var(--e-radius) * 0);
-  border-bottom-right-radius: calc(var(--e-radius) * 0);
-}
-.e-bigger .e-toolbar.e-extended-toolbar.e-tbar-extended .e-toolbar-extended,
-.e-toolbar.e-bigger.e-extended-toolbar.e-tbar-extended .e-toolbar-extended {
-  border-top: 0;
-  border-top-left-radius: calc(var(--e-radius) * 0);
-  border-top-right-radius: calc(var(--e-radius) * 0);
-}
-.e-bigger .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
-.e-toolbar.e-bigger.e-rtl .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
-  padding: 4px 6px;
-}
-.e-bigger .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-icon-right,
-.e-toolbar.e-bigger.e-rtl .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-icon-right {
-  padding: 4px 6px;
-}
-.e-bigger .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
-.e-toolbar.e-bigger.e-rtl .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
-  padding: 4px;
-}
-.e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child,
-.e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
-  margin-left: 12px;
-  margin-right: initial;
-}
-.e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
-.e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item,
-.e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
-.e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
-  margin: 0;
-}
-.e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child,
-.e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child {
-  margin-left: 12px;
-  margin-right: 0;
-}
-.e-bigger .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
-.e-toolbar.e-bigger.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
-  margin-left: 0;
-  margin-right: 12px;
-}
-.e-bigger .e-toolbar.e-extended-toolbar.e-rtl .e-toolbar-extended,
-.e-toolbar.e-bigger.e-extended-toolbar.e-rtl .e-toolbar-extended {
-  padding-right: 12px;
-}
-
-.e-accordion .e-tgl-collapse-icon::before {
-  content: "\e729";
-}
-.e-accordion .e-tgl-collapse-icon.e-expand-icon {
-  -webkit-transform: rotate(-180deg);
-          transform: rotate(-180deg);
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
+  border-bottom-right-radius: calc(var(--e-radius) * 0);
+}
+.e-bigger .e-toolbar.e-extended-toolbar.e-tbar-extended .e-toolbar-extended,
+.e-toolbar.e-bigger.e-extended-toolbar.e-tbar-extended .e-toolbar-extended {
+  border-top: 0;
+  border-top-left-radius: calc(var(--e-radius) * 0);
+  border-top-right-radius: calc(var(--e-radius) * 0);
+}
+.e-bigger .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
+.e-toolbar.e-bigger.e-rtl .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
+  padding: 4px 6px;
+}
+.e-bigger .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-icon-right,
+.e-toolbar.e-bigger.e-rtl .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-icon-right {
+  padding: 4px 6px;
+}
+.e-bigger .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
+.e-toolbar.e-bigger.e-rtl .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
+  padding: 4px;
+}
+.e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child,
+.e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
+  margin-left: 12px;
+  margin-right: initial;
+}
+.e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
+.e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item,
+.e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
+.e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
+  margin: 0;
+}
+.e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child,
+.e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child {
+  margin-left: 12px;
+  margin-right: 0;
+}
+.e-bigger .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
+.e-toolbar.e-bigger.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
+  margin-left: 0;
+  margin-right: 12px;
+}
+.e-bigger .e-toolbar.e-extended-toolbar.e-rtl .e-toolbar-extended,
+.e-toolbar.e-bigger.e-extended-toolbar.e-rtl .e-toolbar-extended {
+  padding-right: 12px;
+}
 
+.e-accordion .e-tgl-collapse-icon::before {
+  content: "\e729";
+}
+.e-accordion .e-tgl-collapse-icon.e-expand-icon {
+  -webkit-transform: rotate(-180deg);
+          transform: rotate(-180deg);
+}
 
 .e-accordion {
   display: block;
   position: relative;
 }
-.e-accordion .e-acrdn-item {
-  border-radius: calc(var(--e-radius) * 0);
-  margin-top: 0;
-}
 .e-accordion .e-acrdn-item.e-select.e-selected:first-child {
   border-top: 1px none var(--color-sf-border-light);
 }
 .e-accordion .e-acrdn-item.e-select.e-selected:last-child {
   border-bottom: 1px solid var(--color-sf-border-light);
 }
+.e-accordion .e-acrdn-item {
+  border-radius: calc(var(--e-radius) * 0);
+  margin-top: 0;
+}
 .e-accordion .e-acrdn-item:first-child {
   margin-top: 0;
 }
@@ -3862,79 +2861,10 @@
   padding: 0 0 0 8px;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
+          box-shadow: inset 0 0 0 2px var(--color-sf-primary);
+}
 
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -4149,127 +3079,70 @@
 }
 .e-accordion .e-acrdn-item.e-selected.e-select.e-select:last-child {
   border-bottom: 1px none var(--color-sf-border-light);
-}
-.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-acrdn-header-content {
-  color: var(--color-sf-content-text-color);
-}
-.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-toggle-icon {
-  color: var(--color-sf-icon-color);
-}
-.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  position: relative;
-  z-index: 2;
-}
-.e-accordion .e-acrdn-item.e-selected + .e-selected {
-  border-color: var(--color-sf-border-light);
-  border-style: solid;
-  border-width: 0 0 1px 0;
-}
-.e-accordion .e-acrdn-item.e-selected .e-acrdn-item.e-selected.e-expand-state:hover > .e-acrdn-header .e-icons {
-  color: var(--color-sf-primary);
-}
-.e-accordion .e-acrdn-item.e-selected .e-acrdn-item.e-selected.e-expand-state:hover > .e-acrdn-header .e-acrdn-header-content {
-  color: var(--color-sf-content-text-color-hover);
-}
-.e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
-  background: none;
-  border-radius: calc(var(--e-radius) * 0);
-  border-color: var(--color-sf-border-light);
-  border-style: solid;
-  border-width: 0;
-}
-.e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header:focus {
-  background: var(--color-sf-content-bg-color-hover);
-}
-.e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header:hover {
-  border-color: var(--color-sf-border-light);
-}
-.e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-content {
-  color: var(--color-sf-content-text-color);
-}
-.e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-header-content {
-  color: var(--color-sf-content-text-color);
-}
-.e-accordion .e-acrdn-item .e-toggle-icon {
-  color: var(--color-sf-icon-color);
-}
-.e-accordion .e-acrdn-item .e-acrdn-panel {
-  font-size: 14px;
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
+}
+.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-acrdn-header-content {
+  color: var(--color-sf-content-text-color);
+}
+.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-toggle-icon {
+  color: var(--color-sf-icon-color);
+}
+.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
+  position: relative;
+  z-index: 2;
+}
+.e-accordion .e-acrdn-item.e-selected + .e-selected {
+  border-color: var(--color-sf-border-light);
+  border-style: solid;
+  border-width: 0 0 1px 0;
+}
+.e-accordion .e-acrdn-item.e-selected .e-acrdn-item.e-selected.e-expand-state:hover > .e-acrdn-header .e-icons {
+  color: var(--color-sf-primary);
+}
+.e-accordion .e-acrdn-item.e-selected .e-acrdn-item.e-selected.e-expand-state:hover > .e-acrdn-header .e-acrdn-header-content {
+  color: var(--color-sf-content-text-color-hover);
+}
+.e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
+  background: none;
+  border-radius: calc(var(--e-radius) * 0);
+  border-color: var(--color-sf-border-light);
+  border-style: solid;
+  border-width: 0;
+}
+.e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header:focus {
+  background: var(--color-sf-content-bg-color-hover);
+}
+.e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header:hover {
+  border-color: var(--color-sf-border-light);
+}
+.e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-content {
+  color: var(--color-sf-content-text-color);
+}
+.e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-header-content {
+  color: var(--color-sf-content-text-color);
+}
+.e-accordion .e-acrdn-item .e-toggle-icon {
+  color: var(--color-sf-icon-color);
+}
+.e-accordion .e-acrdn-item .e-acrdn-panel {
+  font-size: 14px;
+}
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus-visible {
+  -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
+          box-shadow: inset 0 0 0 2px var(--color-sf-primary);
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus-visible {
+  -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
+          box-shadow: inset 0 0 0 2px var(--color-sf-primary);
+}
 
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
@@ -4387,80 +3260,6 @@
   content: "\e765";
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-carousel {
   display: block;
   margin: 0;
@@ -4696,129 +3495,55 @@
 .e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar {
   border-radius: 50%;
   display: inline-block;
-  height: 8px;
-  left: calc(32px - 16px * var(--carousel-items-current));
-  margin: 0 4px;
-  opacity: 1;
-  position: relative;
-  -webkit-transform: scale(0.33);
-          transform: scale(0.33);
-  -webkit-transition-duration: 0.6s;
-          transition-duration: 0.6s;
-  -webkit-transition-property: left, -webkit-transform;
-  transition-property: left, -webkit-transform;
-  transition-property: transform, left;
-  transition-property: transform, left, -webkit-transform;
-  -webkit-transition-timing-function: ease-in-out;
-          transition-timing-function: ease-in-out;
-  white-space: nowrap;
-  width: 8px;
-}
-.e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar.e-active {
-  -webkit-transform: scale(1);
-          transform: scale(1);
-}
-.e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar.e-prev, .e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar.e-next {
-  -webkit-transform: scale(0.66);
-          transform: scale(0.66);
-}
-.e-carousel .e-carousel-indicators.e-fraction {
-  min-height: 36px;
-}
-.e-carousel .e-carousel-indicators.e-progress {
-  min-height: 4px;
-}
-.e-carousel .e-carousel-indicators.e-progress .e-indicator-bars {
-  height: 4px;
-  width: 100%;
-}
-.e-carousel .e-carousel-indicators.e-progress .e-indicator-bars .e-indicator-bar {
-  height: 100%;
-  left: 0;
-  position: absolute;
-  top: 0;
-  -webkit-transform: translate3d(0, 0, 0) scaleX(calc(var(--carousel-items-current) / var(--carousel-items-count))) scaleY(1);
-          transform: translate3d(0, 0, 0) scaleX(calc(var(--carousel-items-current) / var(--carousel-items-count))) scaleY(1);
-  -webkit-transition-duration: 0.6s;
-          transition-duration: 0.6s;
-  -webkit-transform-origin: left top;
-          transform-origin: left top;
-  width: 100%;
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
+  height: 8px;
+  left: calc(32px - 16px * var(--carousel-items-current));
+  margin: 0 4px;
+  opacity: 1;
+  position: relative;
+  -webkit-transform: scale(0.33);
+          transform: scale(0.33);
+  -webkit-transition-duration: 0.6s;
+          transition-duration: 0.6s;
+  -webkit-transition-property: left, -webkit-transform;
+  transition-property: left, -webkit-transform;
+  transition-property: transform, left;
+  transition-property: transform, left, -webkit-transform;
+  -webkit-transition-timing-function: ease-in-out;
+          transition-timing-function: ease-in-out;
+  white-space: nowrap;
+  width: 8px;
+}
+.e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar.e-active {
+  -webkit-transform: scale(1);
+          transform: scale(1);
+}
+.e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar.e-prev, .e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar.e-next {
+  -webkit-transform: scale(0.66);
+          transform: scale(0.66);
+}
+.e-carousel .e-carousel-indicators.e-fraction {
+  min-height: 36px;
+}
+.e-carousel .e-carousel-indicators.e-progress {
+  min-height: 4px;
+}
+.e-carousel .e-carousel-indicators.e-progress .e-indicator-bars {
+  height: 4px;
+  width: 100%;
+}
+.e-carousel .e-carousel-indicators.e-progress .e-indicator-bars .e-indicator-bar {
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  -webkit-transform: translate3d(0, 0, 0) scaleX(calc(var(--carousel-items-current) / var(--carousel-items-count))) scaleY(1);
+          transform: translate3d(0, 0, 0) scaleX(calc(var(--carousel-items-current) / var(--carousel-items-count))) scaleY(1);
+  -webkit-transition-duration: 0.6s;
+          transition-duration: 0.6s;
+  -webkit-transform-origin: left top;
+          transform-origin: left top;
+  width: 100%;
+}
 
 .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled),
 .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled),
@@ -4923,80 +3648,6 @@
   content: "\e765";
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-contextmenu-wrapper ul,
 .e-contextmenu-container ul {
   font-weight: 400;
@@ -5009,15 +3660,6 @@
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 14px;
-  padding: 4px 0;
-  border: 1px solid var(--color-sf-border-light);
-  border-radius: calc(var(--e-radius) * 0.25);
-  -webkit-box-shadow: 0 0 4px 0 rgba(var(--color-sf-black), 0.1), 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
-          box-shadow: 0 0 4px 0 rgba(var(--color-sf-black), 0.1), 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
-  display: none;
-  min-width: 120px;
-  position: absolute;
 }
 .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-wrapper ul.e-ul *,
 .e-contextmenu-container ul.e-ul,
@@ -5030,6 +3672,18 @@
 .e-contextmenu-container ul.e-ul *:focus {
   outline: none;
 }
+.e-contextmenu-wrapper ul,
+.e-contextmenu-container ul {
+  font-size: 14px;
+  padding: 4px 0;
+  border: 1px solid var(--color-sf-border-light);
+  border-radius: calc(var(--e-radius) * 0.25);
+  -webkit-box-shadow: 0 0 4px 0 rgba(var(--color-sf-black), 0.1), 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
+          box-shadow: 0 0 4px 0 rgba(var(--color-sf-black), 0.1), 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
+  display: none;
+  min-width: 120px;
+  position: absolute;
+}
 .e-contextmenu-wrapper ul.e-contextmenu,
 .e-contextmenu-container ul.e-contextmenu {
   -webkit-box-shadow: 0 0 4px 0 rgba(var(--color-sf-black), 0.1), 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
@@ -5049,9 +3703,6 @@
 .e-contextmenu-container ul .e-menu-item {
   cursor: pointer;
   position: relative;
-  height: 32px;
-  line-height: 32px;
-  padding: 0 12px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-menu-hide,
 .e-contextmenu-container ul .e-menu-item.e-menu-hide {
@@ -5079,6 +3730,12 @@
   line-height: normal;
   pointer-events: none;
 }
+.e-contextmenu-wrapper ul .e-menu-item,
+.e-contextmenu-container ul .e-menu-item {
+  height: 32px;
+  line-height: 32px;
+  padding: 0 12px;
+}
 .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
 .e-contextmenu-container ul .e-menu-item .e-menu-url {
   display: inline-block;
@@ -5224,110 +3881,36 @@
 .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon,
 .e-rtl.e-contextmenu-container .e-menu-item.e-blankicon {
   padding-left: 14px;
-}
-.e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon.e-menu-caret-icon,
-.e-rtl.e-contextmenu-container .e-menu-item.e-blankicon.e-menu-caret-icon {
-  padding-left: 36px;
-}
-
-.e-contextmenu-wrapper .e-menu-item:not(.e-control),
-.e-contextmenu-container .e-menu-item:not(.e-control) {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.e-small .e-contextmenu-wrapper ul .e-menu-item,
-.e-small.e-contextmenu-wrapper ul .e-menu-item {
-  font-size: 12px;
-  height: 24px;
-  line-height: 24px;
-}
-.e-small .e-contextmenu-wrapper ul .e-menu-item .e-caret,
-.e-small .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
-.e-small.e-contextmenu-wrapper ul .e-menu-item .e-caret,
-.e-small.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon {
-  font-size: 12px;
-  line-height: 24px;
-}
-.e-small .e-contextmenu-wrapper ul .e-menu-item.e-separator,
-.e-small.e-contextmenu-wrapper ul .e-menu-item.e-separator {
-  height: auto;
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
+}
+.e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon.e-menu-caret-icon,
+.e-rtl.e-contextmenu-container .e-menu-item.e-blankicon.e-menu-caret-icon {
+  padding-left: 36px;
+}
+
+.e-contextmenu-wrapper .e-menu-item:not(.e-control),
+.e-contextmenu-container .e-menu-item:not(.e-control) {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 
+.e-small .e-contextmenu-wrapper ul .e-menu-item,
+.e-small.e-contextmenu-wrapper ul .e-menu-item {
+  font-size: 12px;
+  height: 24px;
+  line-height: 24px;
+}
+.e-small .e-contextmenu-wrapper ul .e-menu-item .e-caret,
+.e-small .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
+.e-small.e-contextmenu-wrapper ul .e-menu-item .e-caret,
+.e-small.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon {
+  font-size: 12px;
+  line-height: 24px;
+}
+.e-small .e-contextmenu-wrapper ul .e-menu-item.e-separator,
+.e-small.e-contextmenu-wrapper ul .e-menu-item.e-separator {
+  height: auto;
+}
 
 .e-contextmenu-wrapper ul,
 .e-contextmenu-container ul {
@@ -5412,80 +3995,6 @@
   border-color: var(--color-sf-border-light);
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-bigger .e-contextmenu-wrapper ul,
 .e-bigger.e-contextmenu-wrapper ul,
 .e-bigger .e-contextmenu-container ul,
@@ -5602,80 +4111,6 @@
   position: relative;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-tab {
   display: block;
   position: relative;
@@ -7487,85 +5922,11 @@
   .e-tab-clone-element.e-close-show .e-icons.e-close-icon {
     display: none;
   }
-}
-.e-tab-clone-element.e-close-show .e-toolbar-item.e-itop .e-text-wrap,
-.e-tab-clone-element.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap {
-  margin-right: 20px;
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
+}
+.e-tab-clone-element.e-close-show .e-toolbar-item.e-itop .e-text-wrap,
+.e-tab-clone-element.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap {
+  margin-right: 20px;
+}
 
 .e-tab {
   background: var(--color-sf-transparent);
@@ -8634,80 +6995,6 @@
   color: var(--color-sf-content-text-color-alt1);
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-bigger .e-tab .e-tab-header,
 .e-tab.e-bigger .e-tab-header {
   height: 56px;
@@ -9909,67 +8196,6 @@
   margin: 0 0 10px;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable */
-.e-filled.e-float-input.e-error label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error label.e-float-text,
-.e-filled.e-float-input.e-error input:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
-  color: var(--color-sf-danger) !important;
-}
-
-.e-underline.e-input-group.e-control-wrapper,
-.e-underline.e-input-group,
-.e-underline.e-input-group:not(.e-float-icon-left),
-.e-underline.e-float-input,
-.e-underline.e-float-input.e-control-wrapper,
-.e-underline.e-input-group:not(.e-float-icon-left),
-.e-underline.e-input-group.e-success:not(.e-float-icon-left),
-.e-underline.e-input-group.e-warning:not(.e-float-icon-left),
-.e-underline.e-input-group.e-error:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) {
-  border: 1px solid var(--color-sf-border);
-  border-width: 1px;
-  padding-top: 1px;
-  border-radius: calc(var(--e-radius) * 0);
-}
-
-.e-filled.e-input-group,
-.e-filled.e-input-group.e-control-wrapper {
-  border-radius: calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0);
-  padding: 0 10px 0 12px;
-}
-
-.e-filled.e-float-input,
-.e-filled.e-float-input.e-control-wrapper {
-  border: 1px solid;
-  border-radius: calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0);
-  border-width: 1px;
-  margin-top: 0;
-  padding: 0;
-}
-
-.e-underline.e-input-group:not(.e-float-icon-left),
-.e-underline.e-input-group.e-success:not(.e-float-icon-left),
-.e-underline.e-input-group.e-warning:not(.e-float-icon-left),
-.e-underline.e-input-group.e-error:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) {
-  border: 1px solid;
-  border-width: 1px;
-  padding-top: 1px;
-  border-radius: calc(var(--e-radius) * 0);
-}
-
 /*! TreeView's bootstrap5 theme wise override definitions and variables */
 /* stylelint-disable */
 /*! TreeView icons */
@@ -9996,82 +8222,6 @@
   content: "\e839";
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
-/*! TreeView's bootstrap5 theme wise override definitions and variables */
-/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes rotation {
   from {
@@ -10516,91 +8666,14 @@
   cursor: default;
   pointer-events: none;
 }
-.e-treeview.e-interaction.e-fullrow-wrap .e-text-content {
-  pointer-events: auto;
-}
-
-/* stylelint-enable property-no-vendor-prefix */
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
+.e-treeview.e-interaction.e-fullrow-wrap .e-text-content {
+  pointer-events: auto;
+}
 
-/*! TreeView's bootstrap5 theme wise override definitions and variables */
-/* stylelint-disable */
+/* stylelint-enable property-no-vendor-prefix */
 /* stylelint-disable property-no-vendor-prefix */
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
-  /* stylelint-enable property-no-vendor-prefix */
 }
 .e-treeview .e-text-content,
 .e-treeview .e-fullrow {
@@ -10781,83 +8854,10 @@
   border-right-color: var(--color-sf-primary);
   border-left-color: transparent;
 }
+.e-treeview {
+  /* stylelint-enable property-no-vendor-prefix */
+}
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
-/*! TreeView's bootstrap5 theme wise override definitions and variables */
-/* stylelint-disable */
 .e-bigger .e-treeview,
 .e-treeview.e-bigger {
   border-radius: calc(var(--e-radius) * 0.5);
@@ -11027,80 +9027,7 @@
 }
 
 /* stylelint-disable-line no-empty-source */
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
+/* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -11363,102 +9290,28 @@ ejs-sidebar {
 .e-menu-container .e-menu-vscroll.e-vscroll .e-nav-up-arrow::before,
 .e-menu-container .e-menu-vscroll.e-vscroll .e-nav-down-arrow::before {
   content: "\e729";
-}
-
-.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before, .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
-.e-rtl.e-menu-container ul.e-vertical .e-caret::before,
-.e-rtl.e-menu-container ul.e-ul .e-caret::before,
-.e-bigger .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
-.e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
-.e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
-.e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
-.e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
-.e-bigger .e-rtl.e-menu-container ul.e-ul .e-caret::before,
-.e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before,
-.e-bigger.e-rtl.e-menu-container ul.e-ul .e-caret::before {
-  content: "\e765";
-}
-
-.e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-ul .e-caret::before,
-.e-bigger.e-rtl.e-menu-wrapper.e-hamburger ul.e-ul .e-caret::before,
-.e-bigger .e-rtl.e-menu-container.e-hamburger ul.e-ul .e-caret::before,
-.e-bigger.e-rtl.e-menu-container.e-hamburger ul.e-ul .e-caret::before {
-  content: "\e729";
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
+}
+
+.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before, .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
+.e-rtl.e-menu-container ul.e-vertical .e-caret::before,
+.e-rtl.e-menu-container ul.e-ul .e-caret::before,
+.e-bigger .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
+.e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
+.e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
+.e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
+.e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
+.e-bigger .e-rtl.e-menu-container ul.e-ul .e-caret::before,
+.e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before,
+.e-bigger.e-rtl.e-menu-container ul.e-ul .e-caret::before {
+  content: "\e765";
+}
 
+.e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-ul .e-caret::before,
+.e-bigger.e-rtl.e-menu-wrapper.e-hamburger ul.e-ul .e-caret::before,
+.e-bigger .e-rtl.e-menu-container.e-hamburger ul.e-ul .e-caret::before,
+.e-bigger.e-rtl.e-menu-container.e-hamburger ul.e-ul .e-caret::before {
+  content: "\e729";
+}
 
 .e-menu-wrapper,
 .e-menu-container {
@@ -11483,11 +9336,6 @@ ejs-sidebar {
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-weight: 500;
-  font-size: 14px;
-  padding: 0;
-  text-align: left;
-  white-space: nowrap;
 }
 .e-menu-wrapper ul.e-ul, .e-menu-wrapper ul.e-ul *,
 .e-menu-container ul.e-ul,
@@ -11500,6 +9348,14 @@ ejs-sidebar {
 .e-menu-container ul.e-ul *:focus {
   outline: none;
 }
+.e-menu-wrapper ul,
+.e-menu-container ul {
+  font-weight: 500;
+  font-size: 14px;
+  padding: 0;
+  text-align: left;
+  white-space: nowrap;
+}
 .e-menu-wrapper ul.e-vertical,
 .e-menu-container ul.e-vertical {
   min-width: 120px;
@@ -11536,14 +9392,6 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item {
   cursor: pointer;
   position: relative;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  height: 38px;
-  line-height: 38px;
-  padding: 0 12px;
-  vertical-align: top;
-  white-space: nowrap;
 }
 .e-menu-wrapper ul .e-menu-item.e-menu-hide,
 .e-menu-container ul .e-menu-item.e-menu-hide {
@@ -11571,6 +9419,17 @@ ejs-sidebar {
   line-height: normal;
   pointer-events: none;
 }
+.e-menu-wrapper ul .e-menu-item,
+.e-menu-container ul .e-menu-item {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  height: 38px;
+  line-height: 38px;
+  padding: 0 12px;
+  vertical-align: top;
+  white-space: nowrap;
+}
 .e-menu-wrapper ul .e-menu-item .e-menu-icon,
 .e-menu-container ul .e-menu-item .e-menu-icon {
   font-size: 16px;
@@ -11614,7 +9473,6 @@ ejs-sidebar {
   height: 32px;
   line-height: 32px;
   padding: 0 12px;
-  display: list-item;
 }
 .e-menu-wrapper .e-ul .e-menu-item .e-menu-url,
 .e-menu-container .e-ul .e-menu-item .e-menu-url {
@@ -11647,6 +9505,10 @@ ejs-sidebar {
   height: auto;
   margin: 4px 0;
 }
+.e-menu-wrapper .e-ul .e-menu-item,
+.e-menu-container .e-ul .e-menu-item {
+  display: list-item;
+}
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
@@ -11794,10 +9656,6 @@ ejs-sidebar {
   padding-left: 34px;
 }
 
-.e-rtl.e-menu-wrapper ul .e-menu-item,
-.e-rtl.e-menu-container ul .e-menu-item {
-  text-align: right;
-}
 .e-rtl.e-menu-wrapper ul .e-menu-item .e-menu-icon,
 .e-rtl.e-menu-container ul .e-menu-item .e-menu-icon {
   margin-right: 0;
@@ -11808,6 +9666,10 @@ ejs-sidebar {
   margin-right: 16px;
   right: auto;
 }
+.e-rtl.e-menu-wrapper ul .e-menu-item,
+.e-rtl.e-menu-container ul .e-menu-item {
+  text-align: right;
+}
 .e-rtl.e-menu-wrapper ul .e-menu-item .e-menu-icon,
 .e-rtl.e-menu-container ul .e-menu-item .e-menu-icon {
   margin-left: 8px;
@@ -11873,8 +9735,6 @@ ejs-sidebar {
   border: none;
   overflow-y: auto;
   width: 100%;
-  /* stylelint-disable */
-  /* stylelint-enable */
 }
 .e-menu-wrapper.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu,
 .e-menu-container.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu {
@@ -11897,6 +9757,10 @@ ejs-sidebar {
 .e-menu-container.e-hamburger ul.e-menu .e-menu-item.e-menu-hide {
   display: none;
 }
+.e-menu-wrapper.e-hamburger ul.e-menu,
+.e-menu-container.e-hamburger ul.e-menu {
+  /* stylelint-disable */
+}
 .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item[aria-expanded=true] .e-caret,
 .e-menu-container.e-hamburger ul.e-menu .e-menu-item[aria-expanded=true] .e-caret {
   -webkit-transition: -webkit-transform 0.3s ease-in-out;
@@ -11917,6 +9781,10 @@ ejs-sidebar {
   transform: rotate(0deg);
   text-indent: 0;
 }
+.e-menu-wrapper.e-hamburger ul.e-menu,
+.e-menu-container.e-hamburger ul.e-menu {
+  /* stylelint-enable */
+}
 .e-menu-wrapper.e-hamburger ul.e-menu:not(.e-vertical),
 .e-menu-container.e-hamburger ul.e-menu:not(.e-vertical) {
   border-top: 0;
@@ -12010,80 +9878,6 @@ ejs-sidebar {
   position: relative;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-menu-wrapper,
 .e-menu-container {
   background: transparent;
@@ -12122,7 +9916,6 @@ ejs-sidebar {
   color: var(--color-sf-content-text-color-hover);
   outline: 0 solid var(--color-sf-border-light);
   outline-offset: 0;
-  background: var(--color-sf-content-bg-color-hover);
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
@@ -12132,6 +9925,10 @@ ejs-sidebar {
 .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
   color: var(--color-sf-icon-color);
 }
+.e-menu-wrapper .e-menu .e-menu-item.e-focused,
+.e-menu-container .e-menu .e-menu-item.e-focused {
+  background: var(--color-sf-content-bg-color-hover);
+}
 .e-menu-wrapper .e-menu .e-menu-item.e-selected, .e-menu-wrapper .e-menu .e-menu-item.e-active-item,
 .e-menu-container .e-menu .e-menu-item.e-selected,
 .e-menu-container .e-menu .e-menu-item.e-active-item {
@@ -12286,108 +10083,34 @@ ejs-sidebar {
 .e-menu-container.e-inherit .e-menu .e-menu-item .e-caret {
   color: inherit;
 }
-.e-menu-wrapper.e-inherit .e-menu,
-.e-menu-container.e-inherit .e-menu {
-  background: inherit;
-}
-.e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-active-item, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-active-item,
-.e-menu-container.e-inherit .e-menu .e-menu-item.e-focused {
-  background: rgba(0, 0, 0, 0.056);
-  color: inherit;
-}
-
-.e-menu-wrapper.e-hamburger .e-menu-header,
-.e-menu-container.e-hamburger .e-menu-header {
-  color: var(--color-sf-content-text-color);
-}
-.e-menu-wrapper.e-hamburger .e-menu-header .e-menu-icon,
-.e-menu-container.e-hamburger .e-menu-header .e-menu-icon {
-  color: var(--color-sf-content-text-color);
-}
-.e-menu-wrapper.e-hamburger ul,
-.e-menu-container.e-hamburger ul {
-  color: var(--color-sf-content-text-color);
-}
-
-.e-menu-wrapper.e-hamburger .e-menu .e-menu-item.e-selected {
-  color: var(--color-sf-primary);
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
+.e-menu-wrapper.e-inherit .e-menu,
+.e-menu-container.e-inherit .e-menu {
+  background: inherit;
+}
+.e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-active-item, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
+.e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
+.e-menu-container.e-inherit .e-menu .e-menu-item.e-active-item,
+.e-menu-container.e-inherit .e-menu .e-menu-item.e-focused {
+  background: rgba(0, 0, 0, 0.056);
+  color: inherit;
+}
+
+.e-menu-wrapper.e-hamburger .e-menu-header,
+.e-menu-container.e-hamburger .e-menu-header {
+  color: var(--color-sf-content-text-color);
+}
+.e-menu-wrapper.e-hamburger .e-menu-header .e-menu-icon,
+.e-menu-container.e-hamburger .e-menu-header .e-menu-icon {
+  color: var(--color-sf-content-text-color);
+}
+.e-menu-wrapper.e-hamburger ul,
+.e-menu-container.e-hamburger ul {
+  color: var(--color-sf-content-text-color);
+}
 
+.e-menu-wrapper.e-hamburger .e-menu .e-menu-item.e-selected {
+  color: var(--color-sf-primary);
+}
 
 .e-bigger .e-menu-wrapper ul,
 .e-bigger.e-menu-wrapper ul,
@@ -12454,7 +10177,6 @@ ejs-sidebar {
 .e-bigger.e-menu-container ul.e-ul .e-menu-item {
   height: 40px;
   line-height: 40px;
-  padding: 0 12px;
 }
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
 .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
@@ -12476,6 +10198,12 @@ ejs-sidebar {
   height: auto;
   line-height: normal;
 }
+.e-bigger .e-menu-wrapper ul.e-ul .e-menu-item,
+.e-bigger.e-menu-wrapper ul.e-ul .e-menu-item,
+.e-bigger .e-menu-container ul.e-ul .e-menu-item,
+.e-bigger.e-menu-container ul.e-ul .e-menu-item {
+  padding: 0 12px;
+}
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-caret,
 .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-caret,
 .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-caret,
@@ -12772,80 +10500,6 @@ ejs-sidebar {
   height: 16px;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-breadcrumb {
   display: block;
 }
@@ -13096,80 +10750,6 @@ ejs-sidebar {
   visibility: hidden;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
   color: var(--color-sf-content-text-color-alt3);
 }
@@ -13272,80 +10852,6 @@ ejs-sidebar {
   color: var(--color-sf-primary);
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-bigger.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text,
 .e-bigger .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
   padding: 2px;
@@ -13431,80 +10937,6 @@ ejs-sidebar {
   padding-right: 8px;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-appbar {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -13587,80 +11019,6 @@ ejs-sidebar {
   overflow: hidden;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-appbar {
   -webkit-box-shadow: 0 4px 6px -1px rgba(var(--color-sf-black), 0.1), 0 2px 4px -2px rgba(var(--color-sf-black), 0.1);
           box-shadow: 0 4px 6px -1px rgba(var(--color-sf-black), 0.1), 0 2px 4px -2px rgba(var(--color-sf-black), 0.1);
@@ -13811,115 +11169,41 @@ ejs-sidebar {
           box-shadow: none;
 }
 
-.e-inherit.e-input-group.e-control-wrapper .e-searchinput::-webkit-input-placeholder {
-  color: inherit;
-  opacity: 0.8;
-}
-
-.e-inherit.e-input-group.e-control-wrapper .e-searchinput::-moz-placeholder {
-  color: inherit;
-  opacity: 0.8;
-}
-
-.e-inherit.e-input-group.e-control-wrapper .e-searchinput:-ms-input-placeholder {
-  color: inherit;
-  opacity: 0.8;
-}
-
-.e-inherit.e-input-group.e-control-wrapper .e-searchinput::-ms-input-placeholder {
-  color: inherit;
-  opacity: 0.8;
-}
-
-.e-inherit.e-input-group.e-control-wrapper .e-searchinput::placeholder {
-  color: inherit;
-  opacity: 0.8;
-}
-
-.e-inherit.e-input-group .e-input-group-icon,
-.e-inherit.e-input-group.e-control-wrapper .e-input-group-icon {
-  border: none;
-  color: inherit;
-}
-
-.e-inherit.e-input-group .e-clear-icon,
-.e-inherit.e-input-group.e-control-wrapper .e-clear-icon {
-  color: inherit;
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
+.e-inherit.e-input-group.e-control-wrapper .e-searchinput::-webkit-input-placeholder {
+  color: inherit;
+  opacity: 0.8;
+}
+
+.e-inherit.e-input-group.e-control-wrapper .e-searchinput::-moz-placeholder {
+  color: inherit;
+  opacity: 0.8;
+}
+
+.e-inherit.e-input-group.e-control-wrapper .e-searchinput:-ms-input-placeholder {
+  color: inherit;
+  opacity: 0.8;
+}
+
+.e-inherit.e-input-group.e-control-wrapper .e-searchinput::-ms-input-placeholder {
+  color: inherit;
+  opacity: 0.8;
+}
+
+.e-inherit.e-input-group.e-control-wrapper .e-searchinput::placeholder {
+  color: inherit;
+  opacity: 0.8;
+}
 
+.e-inherit.e-input-group .e-input-group-icon,
+.e-inherit.e-input-group.e-control-wrapper .e-input-group-icon {
+  border: none;
+  color: inherit;
+}
+
+.e-inherit.e-input-group .e-clear-icon,
+.e-inherit.e-input-group.e-control-wrapper .e-clear-icon {
+  color: inherit;
+}
 
 .e-bigger .e-appbar,
 .e-appbar.e-bigger {
@@ -13939,80 +11223,6 @@ ejs-sidebar {
   content: "\e8db";
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-stepper {
   position: relative;
 }
@@ -14467,80 +11677,6 @@ ejs-sidebar {
   font-size: 10px;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step,
 .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator,
 .e-stepper .e-step-notstarted .e-icons.e-step-indicator {
@@ -14706,80 +11842,6 @@ ejs-sidebar {
   background: var(--color-sf-danger-light);
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator,
 .e-bigger .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator {
   font-size: 40px;