@syncfusion/ej2-navigations 32.1.19 → 32.1.24

package/styles/fluent2-lite.css

@@ -126,6 +126,92 @@
   content: "\e765";
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
 /*! Pager layout */
 .e-pager {
   border-style: solid;
@@ -601,6 +687,92 @@
   margin-left: 0;
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
 /*! Pager theme */
 .e-pager {
   border-color: var(--color-sf-border-light);
@@ -780,90 +952,188 @@
   line-height: normal;
 }
 
-/*! h-scroll layout */
-.e-hscroll {
-  display: block;
-  position: relative;
-  width: 100%;
-}
-.e-hscroll.e-rtl.e-scroll-device {
-  padding-left: 40px;
-  padding-right: initial;
-}
-.e-hscroll.e-rtl.e-scroll-device .e-scroll-nav {
-  -webkit-transform: skewX(-16deg) translateX(-6px);
-          transform: skewX(-16deg) translateX(-6px);
-}
-.e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
-  left: 48px;
-  right: auto;
-  -webkit-transform: skewX(-16deg) translateX(-6px);
-          transform: skewX(-16deg) translateX(-6px);
-}
-.e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
-  left: auto;
-  right: 0;
-}
-.e-hscroll:not(.e-scroll-device) {
-  padding: 0 28px;
-}
-.e-hscroll.e-scroll-device {
-  padding-right: 40px;
-}
-.e-hscroll.e-scroll-device .e-scroll-nav {
-  -webkit-transform: skewX(-16deg) translateX(6px);
-          transform: skewX(-16deg) translateX(6px);
-  width: 48px;
-}
-.e-hscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
-  font-size: 18px;
-  -webkit-transform: skewX(16deg);
-          transform: skewX(16deg);
-}
-.e-hscroll.e-scroll-device .e-scroll-overlay {
-  opacity: 0.5;
-  pointer-events: none;
-  position: absolute;
-  top: 0;
-  z-index: 100;
-}
-.e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
-  left: auto;
-  right: 48px;
-  -webkit-transform: skewX(-16deg) translateX(6px);
-          transform: skewX(-16deg) translateX(6px);
-}
-.e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
-  left: 0;
-  right: auto;
-}
-.e-hscroll.e-overlay .e-hscroll-content > * {
-  pointer-events: none;
-}
-.e-hscroll > * {
-  height: inherit;
-  line-height: normal;
-}
-.e-hscroll .e-hscroll-content {
-  display: inline-block;
-  height: inherit;
-  position: relative;
-}
-.e-hscroll .e-hscroll-content > * {
-  pointer-events: auto;
-}
-.e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
-  left: 0;
-  right: auto;
-}
-.e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
-  left: auto;
-  right: 0;
-}
-.e-hscroll .e-scroll-nav {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
+/*! 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;
+  position: relative;
+  width: 100%;
+}
+.e-hscroll.e-rtl.e-scroll-device {
+  padding-left: 40px;
+  padding-right: initial;
+}
+.e-hscroll.e-rtl.e-scroll-device .e-scroll-nav {
+  -webkit-transform: skewX(-16deg) translateX(-6px);
+          transform: skewX(-16deg) translateX(-6px);
+}
+.e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
+  left: 48px;
+  right: auto;
+  -webkit-transform: skewX(-16deg) translateX(-6px);
+          transform: skewX(-16deg) translateX(-6px);
+}
+.e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
+  left: auto;
+  right: 0;
+}
+.e-hscroll:not(.e-scroll-device) {
+  padding: 0 28px;
+}
+.e-hscroll.e-scroll-device {
+  padding-right: 40px;
+}
+.e-hscroll.e-scroll-device .e-scroll-nav {
+  -webkit-transform: skewX(-16deg) translateX(6px);
+          transform: skewX(-16deg) translateX(6px);
+  width: 48px;
+}
+.e-hscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
+  font-size: 18px;
+  -webkit-transform: skewX(16deg);
+          transform: skewX(16deg);
+}
+.e-hscroll.e-scroll-device .e-scroll-overlay {
+  opacity: 0.5;
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  z-index: 100;
+}
+.e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
+  left: auto;
+  right: 48px;
+  -webkit-transform: skewX(-16deg) translateX(6px);
+          transform: skewX(-16deg) translateX(6px);
+}
+.e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
+  left: 0;
+  right: auto;
+}
+.e-hscroll.e-overlay .e-hscroll-content > * {
+  pointer-events: none;
+}
+.e-hscroll > * {
+  height: inherit;
+  line-height: normal;
+}
+.e-hscroll .e-hscroll-content {
+  display: inline-block;
+  height: inherit;
+  position: relative;
+}
+.e-hscroll .e-hscroll-content > * {
+  pointer-events: auto;
+}
+.e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
+  left: 0;
+  right: auto;
+}
+.e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
+  left: auto;
+  right: 0;
+}
+.e-hscroll .e-scroll-nav {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   bottom: 0;
   cursor: pointer;
   display: -webkit-box;
@@ -898,84 +1168,182 @@
   pointer-events: none;
 }
 
-/*! h-scroll theme */
-.e-hscroll .e-scroll-nav .e-icons {
-  color: var(--color-sf-icon-color);
-}
-.e-hscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
-  border-color: var(--color-sf-border-light);
-  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
-          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
-}
-.e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
-  background-color: var(--color-sf-content-bg-color-alt1);
-  border-color: var(--color-sf-border-light);
-  border-width: 0;
-  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
-          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
-}
-.e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
-  color: var(--color-sf-icon-color);
-}
-.e-hscroll .e-scroll-overlay {
-  background-color: transparent;
-  background-repeat: repeat-x;
-}
-.e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-content-bg-color-alt2), 1)), to(rgba(var(--color-sf-content-bg-color-alt2), 0)));
-  background-image: linear-gradient(-270deg, rgba(var(--color-sf-content-bg-color-alt2), 1) 0%, rgba(var(--color-sf-content-bg-color-alt2), 0) 100%);
-}
-.e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-content-bg-color-alt2), 0)), to(rgba(var(--color-sf-content-bg-color-alt2), 1)));
-  background-image: linear-gradient(-270deg, rgba(var(--color-sf-content-bg-color-alt2), 0) 0%, rgba(var(--color-sf-content-bg-color-alt2), 1) 100%);
-}
-.e-hscroll.e-rtl .e-scroll-nav {
-  background: transparent;
-}
-.e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
-  border-left: 1px solid var(--color-sf-border-light);
-  border-right: 0;
-}
-.e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
-  border-left: 0;
-  border-right: 1px solid var(--color-sf-border-light);
-}
-.e-hscroll.e-rtl .e-scroll-nav:hover {
-  background: var(--color-sf-content-bg-color-hover);
-  border: 0;
-  color: var(--color-sf-icon-color-hover);
-}
-.e-hscroll.e-rtl .e-scroll-nav:hover:active {
-  background: var(--color-sf-content-bg-color-hover);
-}
-.e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
-  background: var(--color-sf-content-bg-color-hover);
-  color: var(--color-sf-icon-color-hover);
-}
-.e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
-  color: var(--color-sf-icon-color-hover);
-}
-.e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus {
-  background: var(--color-sf-content-bg-color-hover);
-  border: 0;
-  color: var(--color-sf-icon-color-hover);
-}
-.e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-icons {
-  color: var(--color-sf-icon-color-hover);
-}
-.e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
-  background: var(--color-sf-content-bg-color-pressed);
-  border: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  color: var(--color-sf-icon-color-pressed);
-}
-.e-hscroll:not(.e-scroll-device) .e-scroll-nav:active .e-icons {
-  color: var(--color-sf-icon-color-pressed);
-}
-.e-hscroll .e-scroll-nav {
-  background: transparent;
-}
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
+/*! 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-icon-color);
+}
+.e-hscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
+  border-color: var(--color-sf-border-light);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+}
+.e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
+  background-color: var(--color-sf-content-bg-color-alt1);
+  border-color: var(--color-sf-border-light);
+  border-width: 0;
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+}
+.e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
+  color: var(--color-sf-icon-color);
+}
+.e-hscroll .e-scroll-overlay {
+  background-color: transparent;
+  background-repeat: repeat-x;
+}
+.e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
+  background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-content-bg-color-alt2)), to(transparent));
+  background-image: linear-gradient(-270deg, var(--color-sf-content-bg-color-alt2) 0%, transparent 100%);
+}
+.e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
+  background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-content-bg-color-alt2)));
+  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-content-bg-color-alt2) 100%);
+}
+.e-hscroll.e-rtl .e-scroll-nav {
+  background: transparent;
+}
+.e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
+  border-left: 1px solid var(--color-sf-border-light);
+  border-right: 0;
+}
+.e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
+  border-left: 0;
+  border-right: 1px solid var(--color-sf-border-light);
+}
+.e-hscroll.e-rtl .e-scroll-nav:hover {
+  background: var(--color-sf-content-bg-color-hover);
+  border: 0;
+  color: var(--color-sf-icon-color-hover);
+}
+.e-hscroll.e-rtl .e-scroll-nav:hover:active {
+  background: var(--color-sf-content-bg-color-hover);
+}
+.e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover {
+  background: var(--color-sf-content-bg-color-hover);
+  color: var(--color-sf-icon-color-hover);
+}
+.e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover .e-icons {
+  color: var(--color-sf-icon-color-hover);
+}
+.e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus {
+  background: var(--color-sf-content-bg-color-hover);
+  border: 0;
+  color: var(--color-sf-icon-color-hover);
+}
+.e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-icons {
+  color: var(--color-sf-icon-color-hover);
+}
+.e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
+  background: var(--color-sf-content-bg-color-pressed);
+  border: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  color: var(--color-sf-icon-color-pressed);
+}
+.e-hscroll:not(.e-scroll-device) .e-scroll-nav:active .e-icons {
+  color: var(--color-sf-icon-color-pressed);
+}
+.e-hscroll .e-scroll-nav {
+  background: transparent;
+}
 .e-hscroll .e-scroll-nav.e-overlay.e-scroll-left-nav, .e-hscroll .e-scroll-nav.e-overlay.e-scroll-right-nav {
   opacity: inherit;
   border-right: 0;
@@ -1027,212 +1395,472 @@
   line-height: normal;
 }
 
-/*! v-scroll layout */
-.e-vscroll {
-  display: block;
-  position: relative;
-  width: inherit;
-}
-.e-vscroll.e-rtl.e-scroll-device .e-scroll-nav {
-  -webkit-transform: skewX(-16deg) translateX(-6px);
-          transform: skewX(-16deg) translateX(-6px);
-}
-.e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
-  left: 48px;
-  right: auto;
-  -webkit-transform: skewX(-16deg) translateX(-6px);
-          transform: skewX(-16deg) translateX(-6px);
-}
-.e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
-  left: auto;
-  right: 0;
-}
-.e-vscroll:not(.e-scroll-device) {
-  padding: 0 28px;
-}
-.e-vscroll.e-scroll-device .e-scroll-nav {
-  -webkit-transform: skewX(-16deg) translateX(6px);
-          transform: skewX(-16deg) translateX(6px);
-  width: 48px;
-  z-index: 1001;
-}
-.e-vscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
-  font-size: 14px;
-  -webkit-transform: skewX(16deg);
-          transform: skewX(16deg);
-}
-.e-vscroll.e-scroll-device .e-scroll-overlay {
-  opacity: 0.5;
-  pointer-events: none;
-  position: absolute;
-  top: 0;
-  z-index: 100;
-}
-.e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
-  left: auto;
-  right: 48px;
-  -webkit-transform: skewX(-16deg) translateX(6px);
-          transform: skewX(-16deg) translateX(6px);
-}
-.e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
-  left: 0;
-  right: auto;
-}
-.e-vscroll > * {
-  height: inherit;
-}
-.e-vscroll .e-vscroll-content {
-  display: inline-block;
-  height: auto;
-  position: relative;
-  width: 100%;
-}
-.e-vscroll .e-vscroll-content > * {
-  pointer-events: auto;
-}
-.e-vscroll.e-rtl .e-scroll-nav.e-scroll-up-nav {
-  left: auto;
-  right: 0;
-}
-.e-vscroll.e-rtl .e-scroll-nav.e-scroll-down-nav {
-  left: 0;
-  right: auto;
-}
-.e-vscroll .e-scroll-nav {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  cursor: pointer;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  height: 38px;
-  overflow: hidden;
-  position: absolute;
-  width: 100%;
-}
-.e-vscroll .e-scroll-nav.e-scroll-up-nav {
-  top: 0;
-}
-.e-vscroll .e-scroll-nav.e-scroll-down-nav {
-  bottom: 0;
-}
-.e-vscroll .e-scroll-nav.e-ie-align {
-  display: table;
-}
-.e-vscroll .e-nav-arrow {
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
+/*! component's theme wise override definitions and variables */
+/*! v-scroll layout */
+.e-vscroll {
+  display: block;
   position: relative;
+  width: inherit;
 }
-.e-vscroll .e-nav-arrow.e-icons {
-  display: table-cell;
-  text-align: center;
-  vertical-align: middle;
-  width: 100%;
+.e-vscroll.e-rtl.e-scroll-device .e-scroll-nav {
+  -webkit-transform: skewX(-16deg) translateX(-6px);
+          transform: skewX(-16deg) translateX(-6px);
 }
-
-/*! v-scroll theme */
-.e-vscroll .e-icons {
-  color: var(--color-sf-icon-color);
+.e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
+  left: 48px;
+  right: auto;
+  -webkit-transform: skewX(-16deg) translateX(-6px);
+          transform: skewX(-16deg) translateX(-6px);
 }
-.e-vscroll .e-menu-item.e-selected .e-icons {
-  color: var(--color-sf-flyout-text-color-selected);
+.e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
+  left: auto;
+  right: 0;
 }
-.e-vscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
-  border-color: var(--color-sf-icon-color);
-  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
-          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+.e-vscroll:not(.e-scroll-device) {
+  padding: 0 28px;
 }
-.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
-  background-color: var(--color-sf-content-bg-color-alt1);
-  border-color: var(--color-sf-icon-color);
-  border-width: 0;
-  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
-          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+.e-vscroll.e-scroll-device .e-scroll-nav {
+  -webkit-transform: skewX(-16deg) translateX(6px);
+          transform: skewX(-16deg) translateX(6px);
+  width: 48px;
+  z-index: 1001;
 }
-.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
-  color: var(--color-sf-icon-color);
+.e-vscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
+  font-size: 14px;
+  -webkit-transform: skewX(16deg);
+          transform: skewX(16deg);
 }
-.e-vscroll .e-scroll-overlay {
-  background-color: transparent;
-  background-repeat: repeat-x;
+.e-vscroll.e-scroll-device .e-scroll-overlay {
+  opacity: 0.5;
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  z-index: 100;
 }
-.e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-content-bg-color-alt2), 1)), to(rgba(var(--color-sf-content-bg-color-alt2), 0)));
-  background-image: linear-gradient(-270deg, rgba(var(--color-sf-content-bg-color-alt2), 1) 0%, rgba(var(--color-sf-content-bg-color-alt2), 0) 100%);
+.e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
+  left: auto;
+  right: 48px;
+  -webkit-transform: skewX(-16deg) translateX(6px);
+          transform: skewX(-16deg) translateX(6px);
 }
-.e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-content-bg-color-alt2), 0)), to(rgba(var(--color-sf-content-bg-color-alt2), 1)));
-  background-image: linear-gradient(-270deg, rgba(var(--color-sf-content-bg-color-alt2), 0) 0%, rgba(var(--color-sf-content-bg-color-alt2), 1) 100%);
+.e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
+  left: 0;
+  right: auto;
 }
-.e-vscroll.e-rtl .e-scroll-nav {
-  background: var(--color-sf-content-bg-color-alt2);
+.e-vscroll > * {
+  height: inherit;
 }
-.e-vscroll.e-rtl .e-scroll-nav:hover {
-  background: var(--color-sf-content-bg-color-alt3);
-  border: 0;
-  border-color: transparent;
-  color: var(--color-sf-content-text-color-alt2);
+.e-vscroll .e-vscroll-content {
+  display: inline-block;
+  height: auto;
+  position: relative;
+  width: 100%;
 }
-.e-vscroll:not(.e-scroll-device) .e-scroll-nav:hover {
-  background: var(--color-sf-content-bg-color-alt3);
-  border: 0;
-  color: var(--color-sf-content-text-color-alt2);
+.e-vscroll .e-vscroll-content > * {
+  pointer-events: auto;
 }
-.e-vscroll:not(.e-scroll-device) .e-scroll-nav:focus {
-  background: var(--color-sf-content-bg-color-alt3);
-  border: 0;
-  border-color: transparent;
-  color: var(--color-sf-content-text-color-alt2);
+.e-vscroll.e-rtl .e-scroll-nav.e-scroll-up-nav {
+  left: auto;
+  right: 0;
 }
-.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-rtl .e-scroll-nav.e-scroll-down-nav {
+  left: 0;
+  right: auto;
 }
 .e-vscroll .e-scroll-nav {
-  background: var(--color-sf-content-bg-color-alt2);
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  cursor: pointer;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 38px;
+  overflow: hidden;
+  position: absolute;
+  width: 100%;
 }
 .e-vscroll .e-scroll-nav.e-scroll-up-nav {
-  border-bottom: 1px solid var(--color-sf-icon-color);
+  top: 0;
 }
 .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: "";
+  bottom: 0;
 }
-.e-vscroll .e-scroll-nav:active::after {
-  content: "";
+.e-vscroll .e-scroll-nav.e-ie-align {
+  display: table;
 }
-
-/* stylelint-disable-line no-empty-source */
-.e-toolbar .e-popup-down-icon::before {
-  content: "\e71c";
-  line-height: normal;
+.e-vscroll .e-nav-arrow {
+  position: relative;
 }
-.e-toolbar .e-popup-up-icon::before {
-  content: "\e71c";
-  line-height: normal;
+.e-vscroll .e-nav-arrow.e-icons {
+  display: table-cell;
+  text-align: center;
+  vertical-align: middle;
+  width: 100%;
 }
 
-.e-toolbar {
-  border-radius: calc(var(--e-radius) * 0);
-  display: block;
-  height: 40px;
-  min-height: 40px;
-  position: relative;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  white-space: nowrap;
-  overflow: hidden;
-}
-.e-toolbar.e-spacer-toolbar .e-toolbar-items {
-  display: -webkit-box;
-  display: -ms-flexbox;
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
+/*! component's theme wise override definitions and variables */
+/*! v-scroll theme */
+.e-vscroll .e-icons {
+  color: var(--color-sf-icon-color);
+}
+.e-vscroll .e-menu-item.e-selected .e-icons {
+  color: var(--color-sf-flyout-text-color-selected);
+}
+.e-vscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
+  border-color: var(--color-sf-icon-color);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+}
+.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
+  background-color: var(--color-sf-content-bg-color-alt1);
+  border-color: var(--color-sf-icon-color);
+  border-width: 0;
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+}
+.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
+  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: -webkit-gradient(linear, left top, right top, from(var(--color-sf-content-bg-color-alt2)), to(transparent));
+  background-image: linear-gradient(-270deg, var(--color-sf-content-bg-color-alt2) 0%, transparent 100%);
+}
+.e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
+  background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-content-bg-color-alt2)));
+  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-content-bg-color-alt2) 100%);
+}
+.e-vscroll.e-rtl .e-scroll-nav {
+  background: var(--color-sf-content-bg-color-alt2);
+}
+.e-vscroll.e-rtl .e-scroll-nav:hover {
+  background: var(--color-sf-content-bg-color-alt3);
+  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-alt3);
+  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-alt3);
+  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-content-bg-color-alt2);
+}
+.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: "";
+}
+
+/* stylelint-disable-line no-empty-source */
+.e-toolbar .e-popup-down-icon::before {
+  content: "\e71c";
+  line-height: normal;
+}
+.e-toolbar .e-popup-up-icon::before {
+  content: "\e71c";
+  line-height: normal;
+}
+
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
+.e-toolbar {
+  border-radius: calc(var(--e-radius) * 0);
+  display: block;
+  height: 40px;
+  min-height: 40px;
+  position: relative;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.e-toolbar.e-spacer-toolbar .e-toolbar-items {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
@@ -1259,7 +1887,10 @@
 .e-toolbar.e-hidden {
   display: none;
 }
-.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) .e-tbar-btn {
+.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) > * {
+  pointer-events: none;
+}
+.e-toolbar.e-overlay.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-toolbar-item > * {
   pointer-events: none;
 }
 .e-toolbar .e-toolbar-items {
@@ -1820,6 +2451,92 @@
   padding-left: 0;
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
 /* stylelint-disable property-no-vendor-prefix */
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -2124,6 +2841,92 @@
           transform: rotate(-180deg);
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
 .e-accordion {
   display: block;
   position: relative;
@@ -2295,6 +3098,92 @@
   padding: 0 0 0 8px;
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: transparent;
@@ -2587,6 +3476,92 @@
   content: "\e765";
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
 .e-carousel {
   display: block;
   margin: 0;
@@ -2872,6 +3847,92 @@
   width: 100%;
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
 .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) {
@@ -2962,19 +4023,105 @@
   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-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 */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
 
-.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 {
@@ -3231,6 +4378,92 @@
   font-size: 12px;
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
 .e-contextmenu-wrapper ul,
 .e-contextmenu-container ul {
   background-color: var(--color-sf-flyout-bg-color);
@@ -3300,11 +4533,11 @@
 }
 .e-contextmenu-wrapper ul .e-disabled .e-menu-icon,
 .e-contextmenu-container ul .e-disabled .e-menu-icon {
-  color: rgba(var(--color-sf-icon-color), 0.65);
+  color: var(--color-sf-icon-color-disabled);
 }
 .e-contextmenu-wrapper ul .e-disabled .e-caret,
 .e-contextmenu-container ul .e-disabled .e-caret {
-  color: rgba(var(--color-sf-icon-color), 0.65);
+  color: var(--color-sf-icon-color-disabled);
 }
 .e-contextmenu-wrapper ul .e-disabled .e-menu-url,
 .e-contextmenu-container ul .e-disabled .e-menu-url {
@@ -3414,13 +4647,126 @@
 .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.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 */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
+@keyframes tbar-alt-popup-shadow {
+  0% {
+    border-color: rgba(0, 0, 0, 0.12);
+    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
+            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
+  }
+  100% {
+    -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
+            box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
+  }
+}
+@keyframes hscroll-alt-popup-shadow {
+  0% {
+    border-color: rgba(0, 0, 0, 0.12);
+    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
+            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
+  }
+  100% {
+    -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
+            box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
+  }
 }
-
-.e-tab-clone-element .e-close-icon::before {
-  content: "\e7e7";
-  position: relative;
+/* stylelint-disable */
+.e-toolbar-item.e-active {
+  background: none !important;
 }
 
 .e-tab {
@@ -5261,6 +6607,119 @@
   margin-right: 20px;
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
+@keyframes tbar-alt-popup-shadow {
+  0% {
+    border-color: rgba(0, 0, 0, 0.12);
+    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
+            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
+  }
+  100% {
+    -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
+            box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
+  }
+}
+@keyframes hscroll-alt-popup-shadow {
+  0% {
+    border-color: rgba(0, 0, 0, 0.12);
+    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
+            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
+  }
+  100% {
+    -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
+            box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
+  }
+}
+/* stylelint-disable */
+.e-toolbar-item.e-active {
+  background: none !important;
+}
+
 .e-tab {
   background: transparent;
   border: none;
@@ -5645,10 +7104,10 @@
   border: 0;
 }
 .e-tab .e-tab-header.e-vertical .e-scroll-nav.e-scroll-up-nav {
-  border-bottom-color: rgba(var(--color-sf-content-bg-color-alt3), 0.12);
+  border-bottom-color: transparent;
 }
 .e-tab .e-tab-header.e-vertical .e-scroll-nav.e-scroll-down-nav {
-  border-top-color: rgba(var(--color-sf-content-bg-color-alt3), 0.12);
+  border-top-color: transparent;
 }
 .e-tab .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow {
   border: 0;
@@ -5657,8 +7116,8 @@
   background: none;
 }
 .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover {
-  background: rgba(var(--color-sf-content-bg-color-alt3), 0.12);
-  border-color: rgba(var(--color-sf-content-bg-color-alt3), 0.12) transparent transparent;
+  background: var(--color-sf-content-bg-color-hover);
+  border-color: transparent transparent transparent;
 }
 .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover:active:focus {
   background: var(--color-sf-content-bg-color-pressed);
@@ -5670,7 +7129,7 @@
   background: none;
 }
 .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus {
-  background: rgba(var(--color-sf-content-bg-color-alt2), 0.12);
+  background: var(--color-sf-content-bg-color-focus);
 }
 .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus:hover:active .e-nav-arrow {
   color: none;
@@ -5737,7 +7196,7 @@
   border: var(--color-sf-border-light);
 }
 .e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus {
-  border-color: rgba(var(--color-sf-content-bg-color-alt3), 0.12) transparent transparent;
+  border-color: transparent transparent transparent;
 }
 .e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
   border: 0;
@@ -5753,14 +7212,14 @@
   pointer-events: none;
 }
 .e-tab.e-disable .e-tab-header .e-indicator {
-  background: rgba(var(--color-sf-border-light), 0.38);
+  background: transparent;
 }
 .e-tab.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap {
   color: var(--color-sf-content-text-color-disabled);
 }
 .e-tab.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-text,
 .e-tab.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
-  color: rgba(var(--color-sf-border-light), 0.38);
+  color: var(--color-sf-content-text-color-disabled);
 }
 .e-tab.e-disable .e-content {
   opacity: 0.38;
@@ -5866,7 +7325,7 @@
   border-radius: 0 0 3px 3px;
 }
 .e-tab.e-fill.e-disable .e-tab-header {
-  border-bottom: 3px Solid rgba(var(--color-sf-border-light), 0.38);
+  border-bottom: 3px Solid transparent;
 }
 .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap {
   color: var(--color-sf-content-text-color-disabled);
@@ -5876,17 +7335,17 @@
 }
 .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap,
 .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
-  background: rgba(var(--color-sf-primary), 0.38);
+  background: transparent;
 }
 .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text,
 .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon,
 .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
 .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
-  color: rgba(var(--color-sf-border-light), 0.38);
+  color: var(--color-sf-content-text-color-disabled);
 }
 .e-tab.e-fill.e-disable .e-tab-header.e-horizontal-bottom {
   border-bottom: 0;
-  border-top: 3px Solid rgba(var(--color-sf-border-light), 0.38);
+  border-top: 3px Solid transparent;
 }
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text,
@@ -6037,7 +7496,7 @@
   color: var(--color-sf-primary-text-color);
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active.e-itop .e-tab-wrap, .e-tab.e-background .e-tab-header .e-toolbar-item.e-active.e-ibottom .e-tab-wrap {
-  background: rgba(var(--color-sf-primary), 0);
+  background: transparent;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-disable .e-tab-text,
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-disable .e-tab-icon,
@@ -6255,19 +7714,19 @@
 .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap,
 .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
   background: var(--color-sf-primary);
-  color: rgba(var(--color-sf-border-light), 0.38);
+  color: var(--color-sf-content-text-color-disabled);
 }
 .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text,
 .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon,
 .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
 .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
-  color: rgba(var(--color-sf-border-light), 0.38);
+  color: var(--color-sf-content-text-color-disabled);
 }
 .e-tab.e-background.e-accent .e-tab-header .e-indicator {
   background: var(--color-sf-primary-text-color);
 }
 .e-tab.e-background.e-accent .e-tab-header.e-disable .e-indicator {
-  background: rgba(var(--color-sf-border-light), 0.38);
+  background: transparent;
 }
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
   -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
@@ -6318,10 +7777,10 @@
   color: var(--color-sf-primary-text-color);
 }
 .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: rgba(var(--color-sf-primary), 0);
+  background: transparent;
 }
 .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: rgba(var(--color-sf-primary), 0.12);
+  background: transparent;
 }
 .e-tab.e-background.e-focused .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
   color: var(--color-sf-primary-text-color);
@@ -6594,6 +8053,94 @@
   content: "\e839";
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
+/*! TreeView's theme wise override definitions and variables */
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes rotation {
   from {
@@ -7057,7 +8604,95 @@
   pointer-events: auto;
 }
 
-/* stylelint-enable property-no-vendor-prefix */
+/* stylelint-enable property-no-vendor-prefix */
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
+/*! TreeView's theme wise override definitions and variables */
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
@@ -7235,7 +8870,92 @@
 }
 
 /* stylelint-disable-line no-empty-source */
-/* stylelint-disable-line no-empty-source */
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
 ejs-sidebar {
   display: none;
 }
@@ -7477,54 +9197,140 @@ ejs-sidebar {
   content: "\e748";
 }
 
-.e-menu-wrapper.e-hamburger .e-menu-header .e-menu-icon::before,
-.e-menu-container.e-hamburger .e-menu-header .e-menu-icon::before {
-  content: "\e799";
-}
-.e-menu-wrapper.e-hamburger.e-close-icon .e-menu-header .e-menu-icon::before,
-.e-menu-container.e-hamburger.e-close-icon .e-menu-header .e-menu-icon::before {
-  content: "\e7e7";
-}
-.e-menu-wrapper.e-hamburger .e-vertical .e-menu-item .e-caret::before, .e-menu-wrapper.e-hamburger .e-menu-item .e-caret::before,
-.e-menu-container.e-hamburger .e-vertical .e-menu-item .e-caret::before,
-.e-menu-container.e-hamburger .e-menu-item .e-caret::before {
-  content: "\e729";
-}
-.e-menu-wrapper.e-rtl.e-hamburger ul.e-ul .e-caret::before,
-.e-menu-container.e-rtl.e-hamburger ul.e-ul .e-caret::before {
-  content: "\e729";
-}
-.e-menu-wrapper .e-menu-hscroll.e-hscroll .e-nav-left-arrow::before, .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-nav-right-arrow::before,
-.e-menu-container .e-menu-hscroll.e-hscroll .e-nav-left-arrow::before,
-.e-menu-container .e-menu-hscroll.e-hscroll .e-nav-right-arrow::before {
-  content: "\e748";
-}
-.e-menu-wrapper .e-menu-vscroll.e-vscroll .e-nav-up-arrow::before, .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-nav-down-arrow::before,
-.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-menu-wrapper.e-hamburger .e-menu-header .e-menu-icon::before,
+.e-menu-container.e-hamburger .e-menu-header .e-menu-icon::before {
+  content: "\e799";
+}
+.e-menu-wrapper.e-hamburger.e-close-icon .e-menu-header .e-menu-icon::before,
+.e-menu-container.e-hamburger.e-close-icon .e-menu-header .e-menu-icon::before {
+  content: "\e7e7";
+}
+.e-menu-wrapper.e-hamburger .e-vertical .e-menu-item .e-caret::before, .e-menu-wrapper.e-hamburger .e-menu-item .e-caret::before,
+.e-menu-container.e-hamburger .e-vertical .e-menu-item .e-caret::before,
+.e-menu-container.e-hamburger .e-menu-item .e-caret::before {
+  content: "\e729";
+}
+.e-menu-wrapper.e-rtl.e-hamburger ul.e-ul .e-caret::before,
+.e-menu-container.e-rtl.e-hamburger ul.e-ul .e-caret::before {
+  content: "\e729";
+}
+.e-menu-wrapper .e-menu-hscroll.e-hscroll .e-nav-left-arrow::before, .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-nav-right-arrow::before,
+.e-menu-container .e-menu-hscroll.e-hscroll .e-nav-left-arrow::before,
+.e-menu-container .e-menu-hscroll.e-hscroll .e-nav-right-arrow::before {
+  content: "\e748";
+}
+.e-menu-wrapper .e-menu-vscroll.e-vscroll .e-nav-up-arrow::before, .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-nav-down-arrow::before,
+.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 */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
 
-.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 {
@@ -8057,6 +9863,92 @@ ejs-sidebar {
   position: relative;
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
 .e-menu-wrapper,
 .e-menu-container {
   background: transparent;
@@ -8159,11 +10051,11 @@ ejs-sidebar {
 }
 .e-menu-wrapper .e-menu .e-disabled .e-menu-icon,
 .e-menu-container .e-menu .e-disabled .e-menu-icon {
-  color: rgba(var(--color-sf-icon-color), 0.65);
+  color: var(--color-sf-icon-color-disabled);
 }
 .e-menu-wrapper .e-menu .e-disabled .e-caret,
 .e-menu-container .e-menu .e-disabled .e-caret {
-  color: rgba(var(--color-sf-icon-color), 0.65);
+  color: var(--color-sf-icon-color-disabled);
 }
 .e-menu-wrapper .e-menu .e-disabled .e-menu-url,
 .e-menu-container .e-menu .e-disabled .e-menu-url {
@@ -8342,10 +10234,96 @@ ejs-sidebar {
   height: 14px;
 }
 
-.e-bigger .e-breadcrumb .e-home,
-.e-bigger.e-breadcrumb .e-home {
-  height: 16px;
-}
+.e-bigger .e-breadcrumb .e-home,
+.e-bigger.e-breadcrumb .e-home {
+  height: 16px;
+}
+
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
 
 .e-breadcrumb {
   display: block;
@@ -8459,256 +10437,633 @@ ejs-sidebar {
 .e-breadcrumb .e-breadcrumb-item span.e-breadcrumb-text {
   cursor: default;
 }
-.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon {
-  font-size: 14px;
-  padding-right: 6px;
+.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon {
+  font-size: 14px;
+  padding-right: 6px;
+}
+.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon:hover {
+  text-decoration: none;
+}
+.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon::before {
+  display: inline-block;
+  text-decoration: none;
+}
+.e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-icon {
+  padding: 0;
+}
+.e-breadcrumb .e-breadcrumb-item.e-disabled {
+  opacity: 1;
+  pointer-events: none;
+}
+.e-breadcrumb .e-breadcrumb-separator {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 14px;
+  padding: 9px 4px;
+  line-height: 14px;
+}
+.e-breadcrumb .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: -4px;
+  padding-left: 0;
+}
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 4px;
+  padding-right: 0;
+}
+.e-breadcrumb .e-breadcrumb-collapsed,
+.e-breadcrumb .e-breadcrumb-menu {
+  cursor: pointer;
+  font-size: 14px;
+  padding: 9px;
+  vertical-align: bottom;
+}
+.e-breadcrumb .e-breadcrumb-menu {
+  display: inline-block;
+}
+.e-breadcrumb .e-breadcrumb-item-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-breadcrumb.e-icon-right .e-breadcrumb-icon,
+.e-breadcrumb .e-icon-right .e-breadcrumb-icon, .e-breadcrumb.e-rtl .e-breadcrumb-icon {
+  padding-left: 6px;
+  padding-right: 0;
+}
+.e-breadcrumb.e-rtl.e-icon-right .e-breadcrumb-icon, .e-breadcrumb.e-rtl .e-icon-right .e-breadcrumb-icon {
+  padding-left: 0;
+  padding-right: 6px;
+}
+.e-breadcrumb.e-disabled {
+  opacity: 1;
+}
+.e-breadcrumb.e-disabled .e-breadcrumb-item,
+.e-breadcrumb.e-disabled .e-breadcrumb-separator,
+.e-breadcrumb.e-disabled .e-breadcrumb-collapsed,
+.e-breadcrumb.e-disabled .e-breadcrumb-menu {
+  pointer-events: none;
+}
+
+.e-breadcrumb-popup {
+  border: 1px solid var(--color-sf-border-light);
+  border-radius: calc(var(--e-radius) * 0.25);
+  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
+  position: absolute;
+}
+.e-breadcrumb-popup ul {
+  margin: 0;
+  padding: 0;
+}
+.e-breadcrumb-popup .e-breadcrumb-item {
+  list-style-type: none;
+  white-space: nowrap;
+  margin: 4px;
+}
+.e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 14px;
+  height: 32px;
+  line-height: 32px;
+  padding: 6px;
+  width: 100%;
+  border-radius: 4px;
+}
+.e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text .e-anchor-wrap {
+  -webkit-box-align: inherit;
+      -ms-flex-align: inherit;
+          align-items: inherit;
+  display: inherit;
+  width: inherit;
+}
+.e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-icon {
+  font-size: 14px;
+  padding-right: 6px;
+}
+.e-breadcrumb-popup .e-breadcrumb-item.e-icon-item .e-breadcrumb-icon {
+  padding: 0;
+}
+.e-breadcrumb-popup .e-breadcrumb-item a.e-breadcrumb-text {
+  text-decoration: none;
+}
+.e-breadcrumb-popup.e-icon-right .e-breadcrumb-icon,
+.e-breadcrumb-popup .e-icon-right .e-breadcrumb-icon, .e-breadcrumb-popup.e-rtl .e-breadcrumb-icon {
+  padding-left: 6px;
+  padding-right: 0;
+}
+.e-breadcrumb-popup.e-icon-right .e-breadcrumb-icon,
+.e-breadcrumb-popup .e-icon-right .e-breadcrumb-icon {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+}
+.e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon, .e-breadcrumb-popup.e-rtl .e-icon-right .e-breadcrumb-icon {
+  padding-left: 0;
+  padding-right: 6px;
+}
+
+.e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
+  border-radius: calc(var(--e-radius) * 0.25);
+}
+
+.e-breadcrumb .e-breadcrumb-item.e-icon-item a.e-breadcrumb-text:active .e-breadcrumb-icon {
+  background-color: var(--color-sf-content-bg-color-pressed) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-breadcrumb-menu-item {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+
+.e-hidden-popup {
+  visibility: hidden;
+}
+
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
+.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
+  color: var(--color-sf-content-text-color-alt1);
+}
+.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:hover, .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus {
+  color: var(--color-sf-content-text-color-hover);
+  background-color: var(--color-sf-content-bg-color-hover);
+  color: var(--color-sf-content-text-color-hover) !important; /* stylelint-disable-line declaration-no-important */
+  border-radius: calc(var(--e-radius) * 0.25);
 }
-.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon:hover {
-  text-decoration: none;
+.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:hover .e-breadcrumb-icon, .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus .e-breadcrumb-icon {
+  color: var(--color-sf-toolbar-icon-color);
 }
-.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon::before {
-  display: inline-block;
-  text-decoration: none;
+.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:active {
+  color: var(--color-sf-content-text-color-hover);
 }
-.e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-icon {
-  padding: 0;
+.e-breadcrumb .e-breadcrumb-item[data-active-item] .e-breadcrumb-text {
+  color: var(--color-sf-content-text-color-alt1);
+  font-weight: 500;
 }
-.e-breadcrumb .e-breadcrumb-item.e-disabled {
-  opacity: 1;
-  pointer-events: none;
+.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon {
+  color: var(--color-sf-icon-color);
 }
 .e-breadcrumb .e-breadcrumb-separator {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  font-size: 14px;
-  padding: 9px 4px;
-  line-height: 14px;
-}
-.e-breadcrumb .e-breadcrumb-separator + .e-breadcrumb-separator {
-  margin-left: -4px;
-  padding-left: 0;
-}
-.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
-  margin-left: 0;
-  margin-right: -4px;
-  padding-left: 4px;
-  padding-right: 0;
+  color: var(--color-sf-icon-color);
 }
 .e-breadcrumb .e-breadcrumb-collapsed,
 .e-breadcrumb .e-breadcrumb-menu {
-  cursor: pointer;
-  font-size: 14px;
-  padding: 9px;
-  vertical-align: bottom;
-}
-.e-breadcrumb .e-breadcrumb-menu {
-  display: inline-block;
+  color: var(--color-sf-icon-color);
 }
-.e-breadcrumb .e-breadcrumb-item-wrapper {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
+.e-breadcrumb .e-breadcrumb-collapsed:hover,
+.e-breadcrumb .e-breadcrumb-menu:hover {
+  background: var(--color-sf-content-bg-color-alt2);
 }
-.e-breadcrumb.e-icon-right .e-breadcrumb-icon,
-.e-breadcrumb .e-icon-right .e-breadcrumb-icon, .e-breadcrumb.e-rtl .e-breadcrumb-icon {
-  padding-left: 6px;
-  padding-right: 0;
+.e-breadcrumb .e-breadcrumb-collapsed:active,
+.e-breadcrumb .e-breadcrumb-menu:active {
+  background: var(--color-sf-content-bg-color-alt3);
 }
-.e-breadcrumb.e-rtl.e-icon-right .e-breadcrumb-icon, .e-breadcrumb.e-rtl .e-icon-right .e-breadcrumb-icon {
-  padding-left: 0;
-  padding-right: 6px;
+.e-breadcrumb .e-breadcrumb-collapsed:focus,
+.e-breadcrumb .e-breadcrumb-menu:focus {
+  background: var(--color-sf-content-bg-color-alt2);
 }
-.e-breadcrumb.e-disabled {
-  opacity: 1;
+.e-breadcrumb.e-disabled .e-breadcrumb-item .e-breadcrumb-text, .e-breadcrumb .e-disabled.e-breadcrumb-item .e-breadcrumb-text, .e-breadcrumb.e-disabled .e-breadcrumb-separator {
+  color: var(--color-sf-content-text-color-disabled);
+  background-color: var(--color-sf-content-bg-color-disabled);
 }
-.e-breadcrumb.e-disabled .e-breadcrumb-item,
-.e-breadcrumb.e-disabled .e-breadcrumb-separator,
-.e-breadcrumb.e-disabled .e-breadcrumb-collapsed,
-.e-breadcrumb.e-disabled .e-breadcrumb-menu {
-  pointer-events: none;
+.e-breadcrumb.e-disabled .e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon, .e-breadcrumb .e-disabled.e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon, .e-breadcrumb.e-disabled .e-breadcrumb-separator .e-breadcrumb-icon {
+  color: var(--color-sf-content-text-color-disabled);
 }
 
 .e-breadcrumb-popup {
-  border: 1px solid var(--color-sf-border-light);
-  border-radius: calc(var(--e-radius) * 0.25);
-  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
-          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
-  position: absolute;
+  background: var(--color-sf-flyout-bg-color);
 }
-.e-breadcrumb-popup ul {
-  margin: 0;
-  padding: 0;
+.e-breadcrumb-popup .e-breadcrumb-text {
+  color: var(--color-sf-content-text-color);
 }
-.e-breadcrumb-popup .e-breadcrumb-item {
-  list-style-type: none;
-  white-space: nowrap;
-  margin: 4px;
+.e-breadcrumb-popup .e-breadcrumb-text:hover {
+  background: var(--color-sf-flyout-bg-color-hover);
+  color: var(--color-sf-content-text-color-hover);
 }
-.e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  font-size: 14px;
-  height: 32px;
-  line-height: 32px;
-  padding: 6px;
-  width: 100%;
-  border-radius: 4px;
+.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-hover);
 }
-.e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text .e-anchor-wrap {
-  -webkit-box-align: inherit;
-      -ms-flex-align: inherit;
-          align-items: inherit;
-  display: inherit;
-  width: inherit;
+.e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text:active {
+  background: var(--color-sf-flyout-bg-color-selected);
+  color: var(--color-sf-flyout-text-color-selected);
 }
-.e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-icon {
-  font-size: 14px;
-  padding-right: 6px;
+.e-breadcrumb-popup .e-breadcrumb-item.e-disabled .e-breadcrumb-text {
+  color: var(--color-sf-flyout-text-color-disabled);
 }
-.e-breadcrumb-popup .e-breadcrumb-item.e-icon-item .e-breadcrumb-icon {
-  padding: 0;
+.e-breadcrumb-popup .e-breadcrumb-item.e-disabled {
+  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
-.e-breadcrumb-popup .e-breadcrumb-item a.e-breadcrumb-text {
-  text-decoration: none;
+
+.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:active .e-breadcrumb-icon,
+.e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-text:hover .e-breadcrumb-icon {
+  color: var(--color-sf-toolbar-icon-color) !important; /* stylelint-disable-line declaration-no-important */
 }
-.e-breadcrumb-popup.e-icon-right .e-breadcrumb-icon,
-.e-breadcrumb-popup .e-icon-right .e-breadcrumb-icon, .e-breadcrumb-popup.e-rtl .e-breadcrumb-icon {
-  padding-left: 6px;
-  padding-right: 0;
+
+.e-breadcrumb .e-disabled.e-breadcrumb-item.e-icon-item .e-breadcrumb-text {
+  background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
 }
-.e-breadcrumb-popup.e-icon-right .e-breadcrumb-icon,
-.e-breadcrumb-popup .e-icon-right .e-breadcrumb-icon {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
+
+/* stylelint-disable */
+.e-appbar.e-light {
+  border-bottom: 1px solid var(--color-sf-appbar-border-color-alt1) !important;
 }
-.e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon, .e-breadcrumb-popup.e-rtl .e-icon-right .e-breadcrumb-icon {
-  padding-left: 0;
-  padding-right: 6px;
+.e-appbar.e-horizontal-bottom {
+  border-top: 1px solid var(--color-sf-appbar-border-color-alt1) !important;
+}
+
+.e-bigger .e-appbar,
+.e-appbar.e-bigger {
+  padding: 16px !important;
+}
+.e-bigger .e-appbar.e-prominent,
+.e-appbar.e-bigger.e-prominent {
+  height: 132px;
 }
 
-.e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
-  border-radius: calc(var(--e-radius) * 0.25);
-}
 
-.e-breadcrumb .e-breadcrumb-item.e-icon-item a.e-breadcrumb-text:active .e-breadcrumb-icon {
-  background-color: var(--color-sf-content-bg-color-pressed) !important; /* stylelint-disable-line declaration-no-important */
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
+/* stylelint-disable */
+.e-appbar.e-light {
+  border-bottom: 1px solid var(--color-sf-appbar-border-color-alt1) !important;
 }
 
-.e-breadcrumb-menu-item {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  padding: 0;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  border: 0;
+.e-appbar.e-horizontal-bottom {
+  border-top: 1px solid var(--color-sf-appbar-border-color-alt1) !important;
 }
 
-.e-hidden-popup {
-  visibility: hidden;
+.e-bigger .e-appbar,
+.e-appbar.e-bigger {
+  padding: 16px !important;
 }
 
-.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
-  color: var(--color-sf-content-text-color-alt1);
+.e-bigger .e-appbar.e-prominent,
+.e-appbar.e-bigger.e-prominent {
+  height: 132px;
 }
-.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:hover, .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus {
-  color: var(--color-sf-content-text-color-hover);
-  background-color: var(--color-sf-content-bg-color-hover);
-  color: var(--color-sf-content-text-color-hover) !important; /* stylelint-disable-line declaration-no-important */
+
+.e-appbar {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  height: 48px;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  position: relative;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 8px;
+  overflow: hidden;
+  font-size: 14px;
   border-radius: calc(var(--e-radius) * 0.25);
 }
-.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:hover .e-breadcrumb-icon, .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus .e-breadcrumb-icon {
-  color: var(--color-sf-toolbar-icon-color);
-}
-.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:active {
-  color: var(--color-sf-content-text-color-hover);
+.e-appbar > div:first-child {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 100%;
+  height: 100%;
 }
-.e-breadcrumb .e-breadcrumb-item[data-active-item] .e-breadcrumb-text {
-  color: var(--color-sf-content-text-color-alt1);
-  font-weight: 500;
+.e-appbar.e-sticky {
+  position: sticky;
+  top: 0;
+  z-index: 1000;
 }
-.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon {
-  color: var(--color-sf-icon-color);
+.e-appbar.e-prominent {
+  height: 94px;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
 }
-.e-breadcrumb .e-breadcrumb-separator {
-  color: var(--color-sf-icon-color);
+.e-appbar.e-prominent > div:first-child {
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
 }
-.e-breadcrumb .e-breadcrumb-collapsed,
-.e-breadcrumb .e-breadcrumb-menu {
-  color: var(--color-sf-icon-color);
+.e-appbar.e-dense {
+  height: 50px;
 }
-.e-breadcrumb .e-breadcrumb-collapsed:hover,
-.e-breadcrumb .e-breadcrumb-menu:hover {
-  background: var(--color-sf-content-bg-color-alt2);
+.e-appbar.e-horizontal-bottom {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  left: 0;
 }
-.e-breadcrumb .e-breadcrumb-collapsed:active,
-.e-breadcrumb .e-breadcrumb-menu:active {
-  background: var(--color-sf-content-bg-color-alt3);
+.e-appbar.e-horizontal-bottom.e-sticky {
+  position: fixed;
+  top: auto;
+  max-width: inherit;
+  left: auto;
+  right: auto;
 }
-.e-breadcrumb .e-breadcrumb-collapsed:focus,
-.e-breadcrumb .e-breadcrumb-menu:focus {
-  background: var(--color-sf-content-bg-color-alt2);
+.e-appbar .e-appbar-separator {
+  height: 24px;
 }
-.e-breadcrumb.e-disabled .e-breadcrumb-item .e-breadcrumb-text, .e-breadcrumb .e-disabled.e-breadcrumb-item .e-breadcrumb-text, .e-breadcrumb.e-disabled .e-breadcrumb-separator {
-  color: var(--color-sf-content-text-color-disabled);
-  background-color: var(--color-sf-content-bg-color-disabled);
+.e-appbar .e-appbar-spacer {
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
 }
-.e-breadcrumb.e-disabled .e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon, .e-breadcrumb .e-disabled.e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon, .e-breadcrumb.e-disabled .e-breadcrumb-separator .e-breadcrumb-icon {
-  color: var(--color-sf-content-text-color-disabled);
+.e-appbar .e-btn,
+.e-appbar .e-css.e-btn {
+  -o-border-image: unset;
+     border-image: unset;
 }
 
-.e-breadcrumb-popup {
-  background: var(--color-sf-flyout-bg-color);
-}
-.e-breadcrumb-popup .e-breadcrumb-text {
-  color: var(--color-sf-content-text-color);
-}
-.e-breadcrumb-popup .e-breadcrumb-text:hover {
-  background: var(--color-sf-flyout-bg-color-hover);
-  color: var(--color-sf-content-text-color-hover);
-}
-.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-hover);
-}
-.e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text:active {
-  background: var(--color-sf-flyout-bg-color-selected);
-  color: var(--color-sf-flyout-text-color-selected);
-}
-.e-breadcrumb-popup .e-breadcrumb-item.e-disabled .e-breadcrumb-text {
-  color: var(--color-sf-flyout-text-color-disabled);
-}
-.e-breadcrumb-popup .e-breadcrumb-item.e-disabled {
-  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+.e-inherit.e-menu-wrapper.e-scrollable .e-menu,
+.e-inherit.e-menu-container.e-scrollable .e-menu {
+  overflow: hidden;
 }
 
-.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:active .e-breadcrumb-icon,
-.e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-text:hover .e-breadcrumb-icon {
-  color: var(--color-sf-toolbar-icon-color) !important; /* stylelint-disable-line declaration-no-important */
-}
 
-.e-breadcrumb .e-disabled.e-breadcrumb-item.e-icon-item .e-breadcrumb-text {
-  background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
-}
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
 
 /* stylelint-disable */
 .e-appbar.e-light {
   border-bottom: 1px solid var(--color-sf-appbar-border-color-alt1) !important;
 }
+
 .e-appbar.e-horizontal-bottom {
   border-top: 1px solid var(--color-sf-appbar-border-color-alt1) !important;
 }
@@ -8717,93 +11072,12 @@ ejs-sidebar {
 .e-appbar.e-bigger {
   padding: 16px !important;
 }
+
 .e-bigger .e-appbar.e-prominent,
 .e-appbar.e-bigger.e-prominent {
   height: 132px;
 }
 
-.e-appbar {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: 100%;
-  height: 48px;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  position: relative;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  padding: 8px;
-  overflow: hidden;
-  font-size: 14px;
-  border-radius: calc(var(--e-radius) * 0.25);
-}
-.e-appbar > div:first-child {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  width: 100%;
-  height: 100%;
-}
-.e-appbar.e-sticky {
-  position: sticky;
-  top: 0;
-  z-index: 1000;
-}
-.e-appbar.e-prominent {
-  height: 94px;
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: flex-start;
-}
-.e-appbar.e-prominent > div:first-child {
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: flex-start;
-}
-.e-appbar.e-dense {
-  height: 50px;
-}
-.e-appbar.e-horizontal-bottom {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  left: 0;
-}
-.e-appbar.e-horizontal-bottom.e-sticky {
-  position: fixed;
-  top: auto;
-  max-width: inherit;
-  left: auto;
-  right: auto;
-}
-.e-appbar .e-appbar-separator {
-  height: 24px;
-}
-.e-appbar .e-appbar-spacer {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-}
-.e-appbar .e-btn,
-.e-appbar .e-css.e-btn {
-  -o-border-image: unset;
-     border-image: unset;
-}
-
-.e-inherit.e-menu-wrapper.e-scrollable .e-menu,
-.e-inherit.e-menu-container.e-scrollable .e-menu {
-  overflow: hidden;
-}
-
 .e-appbar {
   -webkit-box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.13), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.1);
           box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.13), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.1);
@@ -8994,6 +11268,92 @@ ejs-sidebar {
   content: "\e8db";
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
 .e-stepper {
   position: relative;
 }
@@ -9448,6 +11808,92 @@ ejs-sidebar {
   font-size: 10px;
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+
+
+
+
 .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 {