@syncfusion/ej2-navigations 33.2.15 → 34.1.30

package/styles/tailwind3-lite.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,
@@ -648,6 +578,16 @@
 .e-pager.sf-pager .e-pagercontainer .e-lastpagedisabled {
   padding: 7.1px 8.6px 8.5px;
 }
+.e-pager.sf-pager .e-pagercontainer:has(.e-last.e-disable) .e-numericcontainer .e-link:last-child:focus,
+.e-pager.sf-pager .e-pagercontainer .e-last:not(.e-disable):focus {
+  -webkit-box-shadow: 0 0 0 1px var(--color-sf-primary) inset;
+          box-shadow: 0 0 0 1px var(--color-sf-primary) inset;
+}
+.e-pager.sf-pager:has(.e-mlast.e-disable) .e-mprev:not(.e-disable):focus,
+.e-pager.sf-pager .e-mlast:not(.e-disable):focus {
+  -webkit-box-shadow: 0 0 0 1px var(--color-sf-primary) inset;
+          box-shadow: 0 0 0 1px var(--color-sf-primary) inset;
+}
 .e-pager.sf-pager .e-spacing {
   padding: 7.6px 11.85px 7.8px 11.8px;
 }
@@ -659,80 +599,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);
@@ -891,92 +757,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;
@@ -1095,92 +875,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);
@@ -1300,81 +994,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;
@@ -1478,81 +1097,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);
@@ -1625,7 +1169,6 @@
   content: "";
 }
 
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable */
 .e-toolbar .e-popup-down-icon::before {
   content: "\e729";
@@ -1636,81 +1179,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;
@@ -2317,81 +1785,6 @@
   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 */
-
-
-/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -2652,144 +2045,70 @@
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
   color: var(--color-sf-icon-color);
-}
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
-  color: var(--color-sf-content-text-color);
-}
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
-  background: var(--color-sf-secondary-bg-color-hover);
-  border-radius: calc(var(--e-radius) * 0.25);
-  border-color: var(--color-sf-icon-color);
-  border-style: solid;
-  border-width: 0;
-}
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
-  background: var(--color-sf-secondary-bg-color-pressed);
-  border-radius: calc(var(--e-radius) * 0.25);
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  border-color: var(--color-sf-border-light);
-  border-style: solid;
-  border-width: 0;
-}
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
-  border: solid var(--color-sf-border-light);
-  border-width: 0 1px 0 0;
-}
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay {
-  background: var(--color-sf-content-bg-color-alt1);
-}
-.e-toolbar.e-extended-toolbar .e-toolbar-pop {
-  background: var(--color-sf-content-bg-color-alt1);
-}
-.e-toolbar.e-rtl .e-hor-nav {
-  background: var(--color-sf-content-bg-color-alt1);
-  border: solid var(--color-sf-border-light);
-  border-width: 0 1px 0 0;
-}
-.e-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
-  background: var(--color-sf-secondary-bg-color-hover);
-  color: var(--color-sf-icon-color);
-  border: solid var(--color-sf-border-light);
-  border-width: 0 1px 0 0;
-}
-
-.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 */
+}
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
+  color: var(--color-sf-content-text-color);
+}
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
+  background: var(--color-sf-secondary-bg-color-hover);
+  border-radius: calc(var(--e-radius) * 0.25);
+  border-color: var(--color-sf-icon-color);
+  border-style: solid;
+  border-width: 0;
+}
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
+  background: var(--color-sf-secondary-bg-color-pressed);
+  border-radius: calc(var(--e-radius) * 0.25);
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border-color: var(--color-sf-border-light);
+  border-style: solid;
+  border-width: 0;
+}
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
+  border: solid var(--color-sf-border-light);
+  border-width: 0 1px 0 0;
+}
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay {
+  background: var(--color-sf-content-bg-color-alt1);
+}
+.e-toolbar.e-extended-toolbar .e-toolbar-pop {
+  background: var(--color-sf-content-bg-color-alt1);
+}
+.e-toolbar.e-rtl .e-hor-nav {
+  background: var(--color-sf-content-bg-color-alt1);
+  border: solid var(--color-sf-border-light);
+  border-width: 0 1px 0 0;
+}
+.e-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
+  background: var(--color-sf-secondary-bg-color-hover);
+  color: var(--color-sf-icon-color);
+  border: solid var(--color-sf-border-light);
+  border-width: 0 1px 0 0;
+}
 
+.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;
 }
@@ -2956,80 +2275,6 @@
           box-shadow: inset 0 0 0 2px 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-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: var(--color-sf-content-bg-color);
@@ -3273,133 +2518,59 @@
   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-carousel .e-previous-icon::before {
-  content: "\e765";
-}
-.e-carousel .e-next-icon::before {
-  content: "\e748";
-}
-.e-carousel .e-play-icon::before {
-  content: "\e70c";
-}
-.e-carousel .e-pause-icon::before {
-  content: "\e77b";
-}
-.e-carousel.e-rtl .e-previous-icon::before {
-  content: "\e748";
-}
-.e-carousel.e-rtl .e-next-icon::before {
-  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 */
+  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-carousel .e-previous-icon::before {
+  content: "\e765";
+}
+.e-carousel .e-next-icon::before {
+  content: "\e748";
+}
+.e-carousel .e-play-icon::before {
+  content: "\e70c";
+}
+.e-carousel .e-pause-icon::before {
+  content: "\e77b";
+}
+.e-carousel.e-rtl .e-previous-icon::before {
+  content: "\e748";
+}
+.e-carousel.e-rtl .e-next-icon::before {
+  content: "\e765";
+}
 
 .e-carousel {
   display: block;
@@ -3686,80 +2857,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 */
-
-
 .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled),
 .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled),
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) {
@@ -3805,137 +2902,63 @@
 .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):hover .e-btn-icon, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):focus .e-btn-icon,
 .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):hover .e-btn-icon,
 .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):focus .e-btn-icon,
-.e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):hover .e-btn-icon,
-.e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):focus .e-btn-icon {
-  color: var(--color-sf-icon-color-hover);
-}
-.e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator {
-  background-color: transparent;
-  border-color: transparent;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-.e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator div {
-  background: var(--color-sf-primary-text-color);
-  border-color: var(--color-sf-primary-text-color);
-}
-.e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:active, .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:focus, .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:hover {
-  background: transparent;
-  border-color: transparent;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  outline: none;
-}
-.e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:focus-visible {
-  border-color: var(--color-sf-black);
-}
-.e-carousel .e-carousel-indicators.e-default .e-indicator-bar.e-active .e-indicator div {
-  background-color: var(--color-sf-primary);
-  border-color: var(--color-sf-primary);
-}
-.e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar {
-  background-color: var(--color-sf-icon-color);
-}
-.e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar.e-active {
-  background-color: var(--color-sf-primary);
-}
-.e-carousel .e-carousel-indicators.e-fraction .e-indicator-bars {
-  color: var(--color-sf-icon-color);
-}
-.e-carousel .e-carousel-indicators.e-progress .e-indicator-bars {
-  background-color: rgba(var(--color-sf-primary), 0.4);
-}
-.e-carousel .e-carousel-indicators.e-progress .e-indicator-bars .e-indicator-bar {
-  background-color: var(--color-sf-primary);
-}
-
-.e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
-.e-contextmenu-container ul .e-menu-item .e-previous::before {
-  content: "\e773";
-}
-.e-contextmenu-wrapper ul .e-menu-item .e-caret::before,
-.e-contextmenu-container ul .e-menu-item .e-caret::before {
-  content: "\e748";
-}
-
-.e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret::before,
-.e-rtl.e-contextmenu-container .e-menu-item .e-caret::before {
-  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 .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):hover .e-btn-icon,
+.e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):focus .e-btn-icon {
+  color: var(--color-sf-icon-color-hover);
+}
+.e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator {
+  background-color: transparent;
+  border-color: transparent;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator div {
+  background: var(--color-sf-primary-text-color);
+  border-color: var(--color-sf-primary-text-color);
+}
+.e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:active, .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:focus, .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:hover {
+  background: transparent;
+  border-color: transparent;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  outline: none;
+}
+.e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:focus-visible {
+  border-color: var(--color-sf-black);
+}
+.e-carousel .e-carousel-indicators.e-default .e-indicator-bar.e-active .e-indicator div {
+  background-color: var(--color-sf-primary);
+  border-color: var(--color-sf-primary);
+}
+.e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar {
+  background-color: var(--color-sf-icon-color);
+}
+.e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar.e-active {
+  background-color: var(--color-sf-primary);
+}
+.e-carousel .e-carousel-indicators.e-fraction .e-indicator-bars {
+  color: var(--color-sf-icon-color);
+}
+.e-carousel .e-carousel-indicators.e-progress .e-indicator-bars {
+  background-color: rgba(var(--color-sf-primary), 0.4);
+}
+.e-carousel .e-carousel-indicators.e-progress .e-indicator-bars .e-indicator-bar {
+  background-color: var(--color-sf-primary);
+}
+
+.e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
+.e-contextmenu-container ul .e-menu-item .e-previous::before {
+  content: "\e773";
+}
+.e-contextmenu-wrapper ul .e-menu-item .e-caret::before,
+.e-contextmenu-container ul .e-menu-item .e-caret::before {
+  content: "\e748";
+}
 
+.e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret::before,
+.e-rtl.e-contextmenu-container .e-menu-item .e-caret::before {
+  content: "\e765";
+}
 
 .e-contextmenu-wrapper ul,
 .e-contextmenu-container ul {
@@ -3949,15 +2972,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,
@@ -3970,6 +2984,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);
@@ -3989,9 +3015,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 {
@@ -4019,6 +3042,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;
@@ -4195,80 +3224,6 @@
   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-contextmenu-wrapper ul,
 .e-contextmenu-container ul {
   background-color: var(--color-sf-flyout-bg-color);
@@ -4370,103 +3325,29 @@
 .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::after {
   content: "\e776";
 }
-.e-tab.e-vertical-tab .e-tab-header .e-popup-down-icon::before {
-  content: "More";
-}
-.e-tab.e-vertical-tab .e-tab-header .e-popup-down-icon::after {
-  content: "\e729";
-}
-.e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-up-icon::before {
-  content: "";
-}
-.e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-up-icon::after {
-  content: "\e776";
-}
-.e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-down-icon::before {
-  content: "";
-}
-.e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-down-icon::after {
-  content: "\e729";
-}
-
-.e-tab-clone-element .e-close-icon::before {
-  content: "\e7e7";
-  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.e-vertical-tab .e-tab-header .e-popup-down-icon::before {
+  content: "More";
+}
+.e-tab.e-vertical-tab .e-tab-header .e-popup-down-icon::after {
+  content: "\e729";
+}
+.e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-up-icon::before {
+  content: "";
+}
+.e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-up-icon::after {
+  content: "\e776";
+}
+.e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-down-icon::before {
+  content: "";
+}
+.e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-down-icon::after {
+  content: "\e729";
+}
 
+.e-tab-clone-element .e-close-icon::before {
+  content: "\e7e7";
+  position: relative;
+}
 
 .e-tab {
   display: block;
@@ -6285,80 +5166,6 @@
   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 {
   background: var(--color-sf-transparent);
   border: var(--color-sf-tab-border);
@@ -7387,208 +6194,71 @@
 }
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
   color: var(--color-sf-content-text-color-alt2);
-}
-.e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-itop .e-tab-wrap, .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-ibottom .e-tab-wrap {
-  background: var(--color-sf-primary-bg-color-focus);
-}
-.e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-itop .e-tab-wrap:focus, .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-ibottom .e-tab-wrap:focus {
-  background: var(--color-sf-content-bg-color);
-}
-.e-tab.e-background.e-focused .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
-  color: var(--color-sf-icon-color);
-}
-.e-tab.e-background.e-focused .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
-.e-tab.e-background.e-focused .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
-  color: var(--color-sf-icon-color);
-}
-.e-tab.e-rtl .e-tab-header .e-hscroll.e-rtl .e-scroll-nav {
-  border: 0;
-}
-.e-tab .e-content {
-  background: inherit;
-}
-.e-tab .e-content .e-item {
-  background: inherit;
-  color: var(--color-sf-content-text-color);
-  font-size: 14px;
-}
-
-.e-tab-clone-element {
-  background: var(--color-sf-content-bg-color-alt3);
-  color: var(--color-sf-content-text-color-alt1);
-}
-.e-tab-clone-element .e-tab-wrap {
-  border-radius: calc(var(--e-radius) * 0);
-  color: var(--color-sf-content-text-color-alt1);
-  border: 1px solid var(--color-sf-transparent);
-}
-.e-tab-clone-element .e-tab-wrap .e-tab-icon {
-  color: var(--color-sf-content-text-color-alt1);
-}
-
-/* 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 */
-.e-treeview .e-list-item div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
-.e-treeview .e-list-item div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
-  content: "\e75c";
-}
-.e-treeview .e-sibling::before {
-  content: "";
-}
-.e-treeview .e-popup .e-icons::before {
-  content: "\e76a";
-}
-.e-treeview.e-drag-item .e-icons.e-drop-in::before {
-  content: "\e768";
-}
-.e-treeview.e-drag-item .e-icons.e-drop-out::before {
-  content: "\e839";
-}
-.e-treeview.e-drag-item .e-icons.e-drop-next::before {
-  content: "\e736";
-}
-.e-treeview.e-drag-item .e-icons.e-no-drop::before {
-  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 */
+}
+.e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-itop .e-tab-wrap, .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-ibottom .e-tab-wrap {
+  background: var(--color-sf-primary-bg-color-focus);
+}
+.e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-itop .e-tab-wrap:focus, .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-ibottom .e-tab-wrap:focus {
+  background: var(--color-sf-content-bg-color);
+}
+.e-tab.e-background.e-focused .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
+  color: var(--color-sf-icon-color);
+}
+.e-tab.e-background.e-focused .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
+.e-tab.e-background.e-focused .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
+  color: var(--color-sf-icon-color);
+}
+.e-tab.e-rtl .e-tab-header .e-hscroll.e-rtl .e-scroll-nav {
+  border: 0;
+}
+.e-tab .e-content {
+  background: inherit;
+}
+.e-tab .e-content .e-item {
+  background: inherit;
+  color: var(--color-sf-content-text-color);
+  font-size: 14px;
+}
 
+.e-tab-clone-element {
+  background: var(--color-sf-content-bg-color-alt3);
+  color: var(--color-sf-content-text-color-alt1);
+}
+.e-tab-clone-element .e-tab-wrap {
+  border-radius: calc(var(--e-radius) * 0);
+  color: var(--color-sf-content-text-color-alt1);
+  border: 1px solid var(--color-sf-transparent);
+}
+.e-tab-clone-element .e-tab-wrap .e-tab-icon {
+  color: var(--color-sf-content-text-color-alt1);
+}
 
 /*! TreeView's bootstrap5 theme wise override definitions and variables */
 /* stylelint-disable */
+/*! TreeView icons */
+.e-treeview .e-list-item div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+.e-treeview .e-list-item div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before {
+  content: "\e75c";
+}
+.e-treeview .e-sibling::before {
+  content: "";
+}
+.e-treeview .e-popup .e-icons::before {
+  content: "\e76a";
+}
+.e-treeview.e-drag-item .e-icons.e-drop-in::before {
+  content: "\e768";
+}
+.e-treeview.e-drag-item .e-icons.e-drop-out::before {
+  content: "\e839";
+}
+.e-treeview.e-drag-item .e-icons.e-drop-next::before {
+  content: "\e736";
+}
+.e-treeview.e-drag-item .e-icons.e-no-drop::before {
+  content: "\e839";
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes rotation {
   from {
@@ -8038,86 +6708,9 @@
 }
 
 /* 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 */
 /* 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 {
@@ -8255,125 +6848,55 @@
   border-color: var(--color-sf-content-bg-color-hover);
 }
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active > .e-text-content {
-  background-color: var(--color-sf-content-bg-color-selected);
-  border-color: var(--color-sf-content-bg-color-selected);
-}
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
-  background-color: var(--color-sf-content-bg-color-selected);
-  border-color: var(--color-sf-content-bg-color-selected);
-}
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
-  background-color: var(--color-sf-transparent);
-  border-color: var(--color-sf-transparent);
-  -webkit-box-shadow: none;
-  box-shadow: none;
-}
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
-  -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
-          box-shadow: inset 0 0 0 2px var(--color-sf-primary);
-}
-.e-treeview.e-fullrow-wrap .e-text-content {
-  border-color: transparent;
-}
-.e-treeview.e-drag-item {
-  background-color: var(--color-sf-content-bg-color-alt4);
-  font-family: var(--e-font-family);
-}
-.e-treeview.e-drag-item .e-icon-collapsible::before,
-.e-treeview.e-drag-item .e-icon-expandable::before {
-  font-size: 16px;
-}
-.e-treeview.e-drag-item .e-list-text {
-  color: var(--color-sf-content-text-color-alt1);
-}
-.e-treeview.e-drag-item .e-icons {
-  color: var(--color-sf-content-text-color-alt1);
-}
-.e-treeview.e-drag-item .e-drop-count {
-  background-color: var(--color-sf-primary);
-  border-color: var(--color-sf-primary-text-color);
-  color: var(--color-sf-primary-text-color);
-}
-.e-treeview.e-drag-item.e-rtl .e-sibling {
-  border-right-color: var(--color-sf-primary);
-  border-left-color: transparent;
-}
-
-/* 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 */
-
+  background-color: var(--color-sf-content-bg-color-selected);
+  border-color: var(--color-sf-content-bg-color-selected);
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
+  background-color: var(--color-sf-content-bg-color-selected);
+  border-color: var(--color-sf-content-bg-color-selected);
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
+  background-color: var(--color-sf-transparent);
+  border-color: var(--color-sf-transparent);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
+          box-shadow: inset 0 0 0 2px var(--color-sf-primary);
+}
+.e-treeview.e-fullrow-wrap .e-text-content {
+  border-color: transparent;
+}
+.e-treeview.e-drag-item {
+  background-color: var(--color-sf-content-bg-color-alt4);
+  font-family: var(--e-font-family);
+}
+.e-treeview.e-drag-item .e-icon-collapsible::before,
+.e-treeview.e-drag-item .e-icon-expandable::before {
+  font-size: 16px;
+}
+.e-treeview.e-drag-item .e-list-text {
+  color: var(--color-sf-content-text-color-alt1);
+}
+.e-treeview.e-drag-item .e-icons {
+  color: var(--color-sf-content-text-color-alt1);
+}
+.e-treeview.e-drag-item .e-drop-count {
+  background-color: var(--color-sf-primary);
+  border-color: var(--color-sf-primary-text-color);
+  color: var(--color-sf-primary-text-color);
+}
+.e-treeview.e-drag-item.e-rtl .e-sibling {
+  border-right-color: var(--color-sf-primary);
+  border-left-color: transparent;
+}
+.e-treeview {
+  /* stylelint-enable property-no-vendor-prefix */
+}
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -8659,80 +7182,6 @@ ejs-sidebar {
   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-menu-wrapper,
 .e-menu-container {
   border: none;
@@ -8756,11 +7205,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,
@@ -8773,6 +7217,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;
@@ -8809,14 +7261,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 {
@@ -8844,6 +7288,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;
@@ -8887,7 +7342,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 {
@@ -8920,6 +7374,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;
@@ -9067,10 +7525,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;
@@ -9081,6 +7535,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;
@@ -9146,8 +7604,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 {
@@ -9170,6 +7626,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;
@@ -9190,6 +7650,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;
@@ -9283,80 +7747,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;
@@ -9395,7 +7785,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 {
@@ -9405,6 +7794,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 {
@@ -9604,80 +7997,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;
 }
@@ -9928,80 +8247,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);
 }
@@ -10068,115 +8313,41 @@ ejs-sidebar {
 }
 
 .e-breadcrumb-popup {
-  background: var(--color-sf-flyout-bg-color);
-}
-.e-breadcrumb-popup .e-breadcrumb-text {
-  color: var(--color-sf-flyout-text-color);
-}
-.e-breadcrumb-popup .e-breadcrumb-text:hover {
-  background: var(--color-sf-flyout-bg-color-hover);
-  color: var(--color-sf-content-text-color-focus);
-}
-.e-breadcrumb-popup .e-breadcrumb-text:active {
-  background: var(--color-sf-flyout-bg-color-pressed);
-}
-.e-breadcrumb-popup .e-breadcrumb-text: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-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text:focus {
-  background: var(--color-sf-flyout-bg-color-hover);
-  color: var(--color-sf-content-text-color-focus);
-}
-
-.e-breadcrumb .e-breadcrumb-item.e-icon-item:hover,
-.e-breadcrumb .e-breadcrumb-item.e-icon-item:active,
-.e-breadcrumb .e-breadcrumb-item.e-icon-item:focus {
-  background: transparent;
-}
-
-.e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-text:focus .e-breadcrumb-icon,
-.e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-text:hover .e-breadcrumb-icon {
-  color: var(--color-sf-content-text-color-alt3);
-}
-
-.e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-text:active .e-breadcrumb-icon {
-  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 */
+  background: var(--color-sf-flyout-bg-color);
+}
+.e-breadcrumb-popup .e-breadcrumb-text {
+  color: var(--color-sf-flyout-text-color);
+}
+.e-breadcrumb-popup .e-breadcrumb-text:hover {
+  background: var(--color-sf-flyout-bg-color-hover);
+  color: var(--color-sf-content-text-color-focus);
+}
+.e-breadcrumb-popup .e-breadcrumb-text:active {
+  background: var(--color-sf-flyout-bg-color-pressed);
+}
+.e-breadcrumb-popup .e-breadcrumb-text: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-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text:focus {
+  background: var(--color-sf-flyout-bg-color-hover);
+  color: var(--color-sf-content-text-color-focus);
+}
+
+.e-breadcrumb .e-breadcrumb-item.e-icon-item:hover,
+.e-breadcrumb .e-breadcrumb-item.e-icon-item:active,
+.e-breadcrumb .e-breadcrumb-item.e-icon-item:focus {
+  background: transparent;
+}
+
+.e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-text:focus .e-breadcrumb-icon,
+.e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-text:hover .e-breadcrumb-icon {
+  color: var(--color-sf-content-text-color-alt3);
+}
 
+.e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-text:active .e-breadcrumb-icon {
+  color: var(--color-sf-primary);
+}
 
 .e-appbar {
   display: -webkit-box;
@@ -10260,80 +8431,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);
@@ -10524,80 +8621,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;
 }
@@ -11052,80 +9075,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 {