@syncfusion/ej2-navigations 25.2.6 → 26.1.35-750253

package/styles/fluent-dark.css

@@ -44,7 +44,7 @@
 .e-bigger .e-pager,
 .e-pager.e-bigger {
   font-size: 16px;
-  padding: 10px 10px 12px 10px;
+  padding: 10px 10px 12px;
 }
 .e-bigger .e-pager div.e-icons,
 .e-pager.e-bigger div.e-icons {
@@ -63,6 +63,10 @@
   margin-top: -31px;
   width: 82px;
 }
+.e-bigger .e-pager .e-pagercontainer,
+.e-pager.e-bigger .e-pagercontainer {
+  margin: 0 0 -6px 0.8px;
+}
 .e-bigger .e-pager .e-pagercontainer .e-firstpage,
 .e-bigger .e-pager .e-pagercontainer .e-prevpage,
 .e-bigger .e-pager .e-pagercontainer .e-firstpagedisabled,
@@ -86,14 +90,6 @@
   margin-bottom: 5px;
   margin-left: 16px;
 }
-.e-bigger .e-pager .e-pagercontainer,
-.e-pager.e-bigger .e-pagercontainer {
-  margin: 0 0 -6px 0.8px;
-}
-.e-bigger .e-pager.e-rtl .e-pagercontainer,
-.e-pager.e-bigger.e-rtl .e-pagercontainer {
-  margin: 0;
-}
 @media (max-width: 769px) {
   .e-bigger .e-pager,
   .e-pager.e-bigger {
@@ -114,17 +110,6 @@
 .e-pager.e-bigger .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
   margin-left: 0;
 }
-.e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-bigger .e-pager.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
-.e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
-.e-pager.e-bigger.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
-  margin-left: 0;
-  margin-right: 0;
-}
-.e-bigger .e-pager.e-rtl div.e-parentmsgbar,
-.e-pager.e-bigger.e-rtl div.e-parentmsgbar {
-  margin-left: 6px;
-  margin-top: 2px;
-}
 .e-bigger .e-pager .e-numericitem,
 .e-pager.e-bigger .e-numericitem {
   margin: 0;
@@ -137,7 +122,7 @@
 .e-pager.e-bigger .e-np.e-spacing,
 .e-pager.e-bigger .e-pp.e-spacing:hover,
 .e-pager.e-bigger .e-np.e-spacing:hover {
-  padding: 14.5px 13px 10px 13px;
+  padding: 14.5px 13px 10px;
 }
 .e-bigger .e-pager .e-spacing,
 .e-bigger .e-pager .e-numericitem:hover,
@@ -146,7 +131,39 @@
 .e-pager.e-bigger .e-numericitem:hover,
 .e-pager.e-bigger .e-currentitem {
   border-radius: 0;
-  padding: 13px 13px 11px 13px;
+  padding: 13px 13px 11px;
+}
+.e-bigger .e-pager.e-rtl .e-spacing,
+.e-bigger .e-pager.e-rtl .e-numericitem:hover,
+.e-bigger .e-pager.e-rtl .e-currentitem,
+.e-pager.e-bigger.e-rtl .e-spacing,
+.e-pager.e-bigger.e-rtl .e-numericitem:hover,
+.e-pager.e-bigger.e-rtl .e-currentitem {
+  padding: 14.5px 13px 10px;
+}
+.e-bigger .e-pager.e-rtl .e-pagerdropdown,
+.e-pager.e-bigger.e-rtl .e-pagerdropdown {
+  margin: -40px 16px 0 0;
+}
+.e-bigger .e-pager.e-rtl .e-pagerconstant,
+.e-pager.e-bigger.e-rtl .e-pagerconstant {
+  margin: 14px 16px 9px 0;
+}
+.e-bigger .e-pager.e-rtl .e-pagercontainer,
+.e-pager.e-bigger.e-rtl .e-pagercontainer {
+  margin: 0;
+}
+.e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
+.e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
+.e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
+.e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
+  margin-left: 0;
+  margin-right: 0;
+}
+.e-bigger .e-pager.e-rtl div.e-parentmsgbar,
+.e-pager.e-bigger.e-rtl div.e-parentmsgbar {
+  margin-left: 6px;
+  margin-top: 2px;
 }
 .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
 .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
@@ -156,13 +173,17 @@
   font-size: 14px;
   margin-top: -5px;
 }
-.e-bigger .e-pager.e-rtl .e-pagerdropdown,
-.e-pager.e-bigger.e-rtl .e-pagerdropdown {
-  margin: -40px 16px 0 0;
+.e-bigger .e-pager.e-rtl.e-adaptive div.e-parentmsgbar,
+.e-pager.e-bigger.e-rtl.e-adaptive div.e-parentmsgbar {
+  margin-top: 0;
 }
-.e-bigger .e-pager.e-rtl .e-pagerconstant,
-.e-pager.e-bigger.e-rtl .e-pagerconstant {
-  margin: 14px 16px 9px 0;
+.e-bigger .e-pager.e-rtl.e-adaptive div.e-pagerdropdown,
+.e-pager.e-bigger.e-rtl.e-adaptive div.e-pagerdropdown {
+  margin: 0 4px 0 2px;
+}
+.e-bigger .e-pager.e-rtl.e-adaptive div.e-pagerconstant.e-page-all,
+.e-pager.e-bigger.e-rtl.e-adaptive div.e-pagerconstant.e-page-all {
+  top: 10px;
 }
 .e-bigger .e-pager .e-pagercontainer .e-firstpage,
 .e-bigger .e-pager .e-pagercontainer .e-prevpage,
@@ -205,18 +226,6 @@
 .e-pager.e-bigger.e-adaptive .e-pagerconstant.e-page-all {
   top: 9px;
 }
-.e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar,
-.e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
-  margin-top: 0;
-}
-.e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown,
-.e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown {
-  margin: 0 4px 0 2px;
-}
-.e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all,
-.e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all {
-  top: 10px;
-}
 
 .e-pager {
   border-style: solid;
@@ -230,7 +239,8 @@
   /* stylelint-enable */
 }
 .e-pager [class^=e-] {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-pager .e-pager-default.e-hide,
 .e-pager .e-pagesizes.e-hide,
@@ -273,7 +283,7 @@
   line-height: 1;
   margin-right: 0;
   min-width: 26px;
-  padding: 13px 12px 10px 12px;
+  padding: 13px 12px 10px;
   text-align: center;
 }
 .e-pager div.e-pagermsgdiv {
@@ -305,6 +315,7 @@
 .e-pager a {
   display: inline;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -367,7 +378,7 @@
 .e-pager .e-pagermessage,
 .e-pager .e-pagerexternalmsg {
   display: block;
-  margin: 6px 6px 0 6px;
+  margin: 6px 6px 0;
   overflow: hidden;
   text-overflow: ellipsis;
 }
@@ -394,9 +405,9 @@
 .e-pager .e-pp:hover,
 .e-pager .e-np:hover {
   font-size: 14px;
+  padding: 8px 12px 10px 11px;
   font-weight: 400;
   letter-spacing: 0;
-  padding: 8px 12px 10px 11px;
 }
 .e-pager .e-np.e-focused,
 .e-pager .e-pp.e-focused {
@@ -404,23 +415,28 @@
   padding: 8px 12px 10px 11px;
 }
 .e-pager.e-adaptive {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
   padding: 9px;
 }
 .e-pager.e-adaptive div.e-parentmsgbar {
   margin: 0 5px;
   margin-top: -5px;
-  -ms-flex-positive: 1;
-      flex-grow: 1;
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
   min-width: 10px;
   white-space: nowrap;
 }
 .e-pager.e-adaptive .e-pagesizes {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   width: auto;
@@ -429,8 +445,9 @@
   margin: 2px 2px 0 4px;
   width: 77px;
   min-width: 77px;
-  -ms-flex-order: 2;
-      order: 2;
+  -webkit-box-ordinal-group: 3;
+      -ms-flex-order: 2;
+          order: 2;
   height: 40px;
   padding-right: 5px;
 }
@@ -438,8 +455,9 @@
   font-size: 12px;
   position: relative;
   top: 4px;
-  -ms-flex-order: 1;
-      order: 1;
+  -webkit-box-ordinal-group: 2;
+      -ms-flex-order: 1;
+          order: 1;
   min-width: 52px;
   max-height: 34px;
   margin: 0 8px 0 10px;
@@ -464,21 +482,18 @@
     padding: 13px 0;
   }
   .e-pager div.e-parentmsgbar {
-    box-sizing: border-box;
-    display: inline-block;
-    float: initial;
     padding-bottom: 0;
     padding-right: 0;
     padding-top: 0;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    display: inline-block;
+    float: initial;
     text-align: center;
     width: calc(60% - 48px);
   }
-  .e-pager .e-pagesizes {
-    display: none;
-  }
-  .e-pager .e-pagecountmsg {
-    display: none;
-  }
+  .e-pager .e-pagesizes,
+  .e-pager .e-pagecountmsg,
   .e-pager .e-pagercontainer {
     display: none;
   }
@@ -490,7 +505,8 @@
   .e-pager .e-mnext,
   .e-pager .e-mlast {
     border: 0;
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
     display: inline-block;
     padding: 1% 5%;
   }
@@ -535,7 +551,7 @@
   margin: -26px 16px 0 0;
 }
 .e-pager.e-rtl .e-pagerconstant {
-  margin: 8px 8px 6px 8px;
+  margin: 8px 8px 6px;
 }
 .e-pager.e-rtl .e-pagerexternalmsg {
   float: none;
@@ -587,7 +603,7 @@
   border-right-width: 0;
   min-width: 26px;
 }
-.e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager.e-rtl.e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
+.e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
   margin-left: 0;
   margin-right: 0;
 }
@@ -642,6 +658,9 @@
     float: right;
   }
 }
+.e-pager.sf-pager .e-pagercontainer {
+  font-size: 0;
+}
 .e-pager.sf-pager .e-pagercontainer .e-first,
 .e-pager.sf-pager .e-pagercontainer .e-prev,
 .e-pager.sf-pager .e-pagercontainer .e-next,
@@ -651,9 +670,6 @@
 .e-pager.sf-pager .e-numericcontainer a {
   font-size: 14px;
 }
-.e-pager.sf-pager .e-pagercontainer {
-  font-size: 0;
-}
 .e-pager.sf-pager .e-link,
 .e-pager.sf-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
   margin-left: 0;
@@ -661,8 +677,8 @@
 
 /*! Pager theme */
 .e-pager {
-  background-color: #1b1a19;
   border-color: #292827;
+  background: #1b1a19;
   color: #c8c6c4;
   opacity: 1;
 }
@@ -697,7 +713,6 @@
 }
 .e-pager .e-numericitem {
   background: #1b1a19;
-  border-right-color: #292827;
   color: #a19f9d;
 }
 .e-pager .e-prevpagedisabled,
@@ -719,6 +734,7 @@
   background-color: #1b1a19;
   border-color: #292827;
 }
+.e-pager .e-numericitem,
 .e-pager .e-firstpage,
 .e-pager .e-prevpage,
 .e-pager .e-firstpagedisabled,
@@ -748,10 +764,12 @@
 }
 .e-pager .e-currentitem.e-numericitem.e-focused {
   background: #1b1a19;
-  box-shadow: 0 0 0 1px #0078d4 inset;
+  -webkit-box-shadow: 0 0 0 1px #0078d4 inset;
+          box-shadow: 0 0 0 1px #0078d4 inset;
 }
 .e-pager .e-focused {
-  box-shadow: 0 0 0 1px #0078d4 inset;
+  -webkit-box-shadow: 0 0 0 1px #0078d4 inset;
+          box-shadow: 0 0 0 1px #0078d4 inset;
 }
 @media (max-width: 590px) {
   .e-pager .e-pager-default:hover {
@@ -760,24 +778,31 @@
     opacity: 1;
   }
 }
-.e-pager.e-rtl .e-numericitem {
-  border-left-color: #292827;
-}
-.e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-firstpagedisabled, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-lastpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-lastpagedisabled {
-  border-left-color: #292827;
-}
-.e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled {
+.e-pager.e-rtl .e-numericitem, .e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-firstpagedisabled, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-lastpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-lastpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled {
   border-left-color: #292827;
 }
 
 /*! component's theme wise override definitions and variables */
+@-webkit-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);
+  }
+}
 @keyframes hscroll-popup-shadow {
   0% {
     border-color: rgba(255, 255, 255, 0.5);
-    box-shadow: 0 0 0 0 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% {
-    box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+    -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);
   }
 }
 /*! hscroll icons */
@@ -854,12 +879,14 @@
   padding-right: initial;
 }
 .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav {
-  transform: skewX(-16deg) translateX(-6px);
+  -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;
-  transform: skewX(-16deg) translateX(-6px);
+  -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;
@@ -872,12 +899,14 @@
   padding-right: 40px;
 }
 .e-hscroll.e-scroll-device .e-scroll-nav {
-  transform: skewX(-16deg) translateX(6px);
+  -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;
-  transform: skewX(16deg);
+  -webkit-transform: skewX(16deg);
+          transform: skewX(16deg);
 }
 .e-hscroll.e-scroll-device .e-scroll-overlay {
   opacity: 0.5;
@@ -889,7 +918,8 @@
 .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
   left: auto;
   right: 48px;
-  transform: skewX(-16deg) translateX(6px);
+  -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;
@@ -919,10 +949,12 @@
   right: 0;
 }
 .e-hscroll .e-scroll-nav {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   bottom: 0;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   min-height: 38px;
@@ -960,13 +992,15 @@
 }
 .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
   border-color: #292827;
-  box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
+  -webkit-box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
+          box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
 }
 .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
   background-color: #252423;
   border-color: #292827;
   border-width: 1px;
-  box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
+  -webkit-box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
+          box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
 }
 .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
   color: #a19f9d;
@@ -976,9 +1010,11 @@
   background-repeat: repeat-x;
 }
 .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
+  background-image: -webkit-gradient(linear, left top, right top, from(#252423), to(rgba(37, 36, 35, 0)));
   background-image: linear-gradient(-270deg, #252423 0%, rgba(37, 36, 35, 0) 100%);
 }
 .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(37, 36, 35, 0)), to(#252423));
   background-image: linear-gradient(-270deg, rgba(37, 36, 35, 0) 0%, #252423 100%);
 }
 .e-hscroll.e-rtl .e-scroll-nav {
@@ -1018,7 +1054,8 @@
 .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
   background: #252423;
   border: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #c8c6c4;
 }
 .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active .e-icons {
@@ -1037,7 +1074,8 @@
   background-color: transparent;
   border-radius: 50%;
   border-width: 1px;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   content: "";
   height: 1px;
   left: 50%;
@@ -1047,7 +1085,8 @@
   width: 1px;
 }
 .e-hscroll .e-scroll-nav:active::after {
-  animation: hscroll-popup-shadow 0.6s ease-out 0ms;
+  -webkit-animation: hscroll-popup-shadow 0.6s ease-out 0ms;
+          animation: hscroll-popup-shadow 0.6s ease-out 0ms;
   visibility: visible;
 }
 
@@ -1096,12 +1135,14 @@
   width: inherit;
 }
 .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav {
-  transform: skewX(-16deg) translateX(-6px);
+  -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;
-  transform: skewX(-16deg) translateX(-6px);
+  -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;
@@ -1111,13 +1152,15 @@
   padding: 0 28px;
 }
 .e-vscroll.e-scroll-device .e-scroll-nav {
-  transform: skewX(-16deg) translateX(6px);
+  -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;
-  transform: skewX(16deg);
+  -webkit-transform: skewX(16deg);
+          transform: skewX(16deg);
 }
 .e-vscroll.e-scroll-device .e-scroll-overlay {
   opacity: 0.5;
@@ -1129,7 +1172,8 @@
 .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
   left: auto;
   right: 48px;
-  transform: skewX(-16deg) translateX(6px);
+  -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;
@@ -1156,9 +1200,11 @@
   right: auto;
 }
 .e-vscroll .e-scroll-nav {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 38px;
@@ -1191,13 +1237,15 @@
 }
 .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
   border-color: #a19f9d;
-  box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
+  -webkit-box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
+          box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
 }
 .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
   background-color: #252423;
   border-color: #a19f9d;
   border-width: 1px;
-  box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
+  -webkit-box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
+          box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
 }
 .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
   color: #a19f9d;
@@ -1207,9 +1255,11 @@
   background-repeat: repeat-x;
 }
 .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
+  background-image: -webkit-gradient(linear, left top, right top, from(#252423), to(rgba(37, 36, 35, 0)));
   background-image: linear-gradient(-270deg, #252423 0%, rgba(37, 36, 35, 0) 100%);
 }
 .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(37, 36, 35, 0)), to(#252423));
   background-image: linear-gradient(-270deg, rgba(37, 36, 35, 0) 0%, #252423 100%);
 }
 .e-vscroll.e-rtl .e-scroll-nav {
@@ -1235,7 +1285,8 @@
 .e-vscroll:not(.e-scroll-device) .e-scroll-nav:active {
   background: #292827;
   border: 0;
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -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: #c8c6c4;
 }
 .e-vscroll .e-scroll-nav {
@@ -1254,18 +1305,7 @@
   content: "";
 }
 
-/*! component's theme wise override definitions and variables */
-@keyframes hscroll-popup-shadow {
-  0% {
-    border-color: rgba(255, 255, 255, 0.5);
-    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-  }
-  100% {
-    box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-  }
-}
-/*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */
-/*! toolbar icons */
+/* stylelint-disable-line no-empty-source */
 .e-toolbar .e-popup-down-icon::before {
   content: "\e71c";
   line-height: normal;
@@ -1275,7 +1315,6 @@
   line-height: normal;
 }
 
-/*! toolbar layout */
 /* stylelint-disable property-no-vendor-prefix */
 .e-bigger .e-toolbar,
 .e-toolbar.e-bigger {
@@ -1519,10 +1558,8 @@
   margin-right: initial;
 }
 .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
-.e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item {
-  margin: 0;
-}
 .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item,
+.e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
 .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
   margin: 0;
 }
@@ -1548,12 +1585,14 @@
   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;
@@ -1572,7 +1611,8 @@
   visibility: hidden;
 }
 .e-toolbar.e-control[class*=e-toolbar] {
-  box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
 }
 .e-toolbar.e-corner {
   border-radius: 4px;
@@ -1582,12 +1622,14 @@
 }
 .e-toolbar .e-toolbar-items {
   border-radius: 0 0 0 0;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 100%;
   vertical-align: middle;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 .e-toolbar .e-toolbar-items.e-toolbar-multirow {
   margin-bottom: 1px;
@@ -1650,9 +1692,7 @@
 .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
   margin-right: 8px;
 }
-.e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item {
-  margin: 0;
-}
+.e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
 .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
   margin: 0;
 }
@@ -1662,29 +1702,36 @@
 .e-toolbar .e-toolbar-item {
   -ms-flex-line-pack: center;
       align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   cursor: pointer;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   min-height: 38px;
   vertical-align: middle;
   width: auto;
-  -ms-flex: 0 0 auto;
-      flex: 0 0 auto;
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
 }
 .e-toolbar .e-toolbar-item.e-spacer {
-  -ms-flex-positive: 1;
-      flex-grow: 1;
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   vertical-align: middle;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   margin: 0;
   min-height: 40px;
   min-width: 40px;
@@ -1753,10 +1800,13 @@
   height: auto;
 }
 .e-toolbar.e-vertical {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
 .e-toolbar.e-vertical .e-toolbar-items .e-vscroll-bar .e-vscroll-content {
   -ms-touch-action: pan-x pinch-zoom;
@@ -1784,6 +1834,7 @@
   margin-right: 0;
 }
 .e-toolbar.e-vertical .e-toolbar-items .e-toolbar-item {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: auto;
@@ -1815,10 +1866,12 @@
   top: 0;
 }
 .e-toolbar .e-hor-nav {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   border-radius: 0 0 0 0;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 100%;
@@ -1835,14 +1888,17 @@
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
   color: #a19f9d;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   text-align: center;
   vertical-align: middle;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   width: 100%;
   font-size: 12px;
 }
@@ -1859,11 +1915,13 @@
   position: absolute;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: auto;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   min-height: 38px;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item.e-toolbar-popup.e-hidden {
@@ -1875,8 +1933,9 @@
   padding: 6px 12px;
   border: none;
   border-radius: 2px;
-  -ms-flex-pack: start;
-      justify-content: flex-start;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   margin: 0;
@@ -1924,11 +1983,13 @@
   padding-right: 8px;
   padding-top: 0;
   margin-left: -1px;
-  box-shadow: none;
+  -webkit-box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
   display: inline;
   white-space: normal;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   min-height: 38px;
@@ -1946,13 +2007,16 @@
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon:not(.e-toolbar-pop),
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon:not(.e-toolbar-pop) {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   vertical-align: middle;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   padding: 0;
   font-size: 14px;
 }
@@ -2006,7 +2070,6 @@
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
   -ms-flex-item-align: center;
-      -ms-grid-row-align: center;
       align-self: center;
   text-overflow: ellipsis;
 }
@@ -2014,6 +2077,7 @@
   display: none;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-separator:last-of-type {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
@@ -2036,9 +2100,7 @@
   margin-left: 8px;
   margin-right: initial;
 }
-.e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item {
-  margin: 0;
-}
+.e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
 .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
   margin: 0;
 }
@@ -2075,9 +2137,7 @@
   right: auto;
   border-radius: 0 0 0 0;
 }
-.e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-center .e-toolbar-item {
-  margin: 0;
-}
+.e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-center .e-toolbar-item,
 .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item {
   margin: 0;
 }
@@ -2097,20 +2157,21 @@
   padding-left: 0;
 }
 
-/*! toolbar theme */
 /* stylelint-disable property-no-vendor-prefix */
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #252423;
   border: 0 solid #292827;
-  box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
+  -webkit-box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
 }
 .e-toolbar .e-toolbar-items {
   background: #252423;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn {
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #a19f9d;
   border: 1px solid transparent;
 }
@@ -2122,13 +2183,15 @@
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active {
   background: #292827;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active .e-tbar-btn-text {
   color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
   background: none;
@@ -2137,7 +2200,8 @@
   border-color: transparent;
   border-style: solid;
   border-width: 1px;
-  box-shadow: inset 0 0 0 1px;
+  -webkit-box-shadow: inset 0 0 0 1px;
+          box-shadow: inset 0 0 0 1px;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
   color: #a19f9d;
@@ -2171,7 +2235,8 @@
   border-style: solid;
   border-width: 1px;
   border-radius: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #f3f2f1;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons {
@@ -2219,7 +2284,8 @@
 }
 .e-toolbar .e-hor-nav:active {
   border: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #f3f2f1;
   background: #252423;
 }
@@ -2261,7 +2327,8 @@
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active,
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
   background: #252423;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border-color: #252423;
   border-style: solid;
   border-width: 0;
@@ -2283,31 +2350,35 @@
 .e-toolbar .e-toolbar-pop {
   background: #252423;
   border: 0 solid #292827;
-  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn {
   background: transparent;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
   background: #292827;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border-color: #a19f9d;
   border-style: solid;
   border-width: 0;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active {
   background: #323130;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border-color: #323130;
   border-style: solid;
   border-width: 0;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus {
   background: #323130;
-  box-shadow: none;
   border-color: transparent;
   border-style: solid;
   border-width: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-btn:focus {
   outline: none;
@@ -2317,7 +2388,8 @@
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn {
   background: #252423;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border: none;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
@@ -2326,7 +2398,8 @@
   border-color: transparent;
   border-style: solid;
   border-width: 1px;
-  box-shadow: inset 0 0 0 1px;
+  -webkit-box-shadow: inset 0 0 0 1px;
+          box-shadow: inset 0 0 0 1px;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
   background: #292827;
@@ -2338,7 +2411,8 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
   background: #323130;
   border-radius: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border-color: #323130;
   border-style: solid;
   border-width: 1px;
@@ -2365,16 +2439,14 @@
   border-width: 0 0 0 0;
 }
 
-/*! component's theme wise override fluent-definitions and variables */
-/*! accordion icons */
 .e-accordion .e-tgl-collapse-icon::before {
   content: "\e729";
 }
 .e-accordion .e-tgl-collapse-icon.e-expand-icon {
-  transform: rotate(-180deg);
+  -webkit-transform: rotate(-180deg);
+          transform: rotate(-180deg);
 }
 
-/*! accordion layout */
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;
@@ -2390,7 +2462,8 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   padding: 12px 0 12px 28px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -2556,6 +2629,7 @@
   vertical-align: middle;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-animation {
+  -webkit-transition: 0.5s ease 0s;
   transition: 0.5s ease 0s;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
@@ -2578,7 +2652,8 @@
   padding: 8px 0 8px 26px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
@@ -2640,8 +2715,6 @@
   padding: 0 0 0 8px;
 }
 
-/*! accordion theme */
-/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #1b1a19;
@@ -2786,7 +2859,8 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 1px solid #f3f2f1;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   background: #252423;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
@@ -2864,7 +2938,8 @@
   color: #a19f9d;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   position: relative;
   z-index: 2;
 }
@@ -2905,7 +2980,6 @@
   font-size: 14px;
 }
 
-/*! Carousel component FluentUI theme definitions and variables */
 .e-carousel .e-previous-icon::before {
   content: "\e765";
 }
@@ -2925,7 +2999,6 @@
   content: "\e765";
 }
 
-/*! carousel component styles */
 .e-carousel {
   display: block;
   margin: 0;
@@ -2959,13 +3032,21 @@
 }
 .e-carousel .e-carousel-items {
   width: calc(var(--carousel-items-count) * 100%);
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-transition-property: -webkit-transform;
+  transition-property: -webkit-transform;
   transition-property: transform;
-  transition-duration: 0.6s;
-  transition-timing-function: ease-in-out;
+  transition-property: transform, -webkit-transform;
+  -webkit-transition-duration: 0.6s;
+          transition-duration: 0.6s;
+  -webkit-transition-timing-function: ease-in-out;
+          transition-timing-function: ease-in-out;
 }
 .e-carousel .e-carousel-items .e-carousel-item {
   height: 100%;
@@ -2975,16 +3056,34 @@
   width: calc(100% / var(--carousel-items-count));
 }
 .e-carousel.e-blazor-carousel .e-carousel-items {
-  transform: translateX(calc(-100% / var(--carousel-items-count) * var(--carousel-items-current)));
+  -webkit-transform: translateX(calc(-100% / var(--carousel-items-count) * var(--carousel-items-current)));
+          transform: translateX(calc(-100% / var(--carousel-items-count) * var(--carousel-items-current)));
+  -webkit-transition: -webkit-transform;
+  transition: -webkit-transform;
   transition: transform;
+  transition: transform, -webkit-transform;
 }
 .e-carousel.e-blazor-carousel.e-rtl .e-carousel-items {
-  transform: translateX(calc(100% / var(--carousel-items-count) * var(--carousel-items-current)));
+  -webkit-transform: translateX(calc(100% / var(--carousel-items-count) * var(--carousel-items-current)));
+          transform: translateX(calc(100% / var(--carousel-items-count) * var(--carousel-items-current)));
+  -webkit-transition: -webkit-transform;
+  transition: -webkit-transform;
   transition: transform;
+  transition: transform, -webkit-transform;
 }
 .e-carousel.e-carousel-fade-animation .e-carousel-items.e-fade-in-out {
+  -webkit-transition-property: none;
   transition-property: none;
-  animation: fade-in-out 0.6s ease-in-out;
+  -webkit-animation: fade-in-out 0.6s ease-in-out;
+          animation: fade-in-out 0.6s ease-in-out;
+}
+@-webkit-keyframes fade-in-out {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
 }
 @keyframes fade-in-out {
   0% {
@@ -2995,7 +3094,8 @@
   }
 }
 .e-carousel.e-carousel-slide-animation .e-carousel-items.e-slide {
-  transition-duration: 0.6s;
+  -webkit-transition-duration: 0.6s;
+          transition-duration: 0.6s;
 }
 .e-carousel.e-carousel-custom-animation:not(.e-partial) .e-carousel-item {
   display: block;
@@ -3010,13 +3110,16 @@
   pointer-events: visible;
 }
 .e-carousel .e-carousel-navigators {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 100%;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
   pointer-events: none;
   position: absolute;
   top: 0;
@@ -3033,7 +3136,8 @@
 .e-carousel .e-carousel-navigators .e-previous .e-btn,
 .e-carousel .e-carousel-navigators .e-next .e-btn {
   border: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:hover,
 .e-carousel .e-carousel-navigators .e-previous .e-btn:hover,
@@ -3043,7 +3147,8 @@
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn.e-rtl,
 .e-carousel .e-carousel-navigators .e-previous .e-btn.e-rtl,
 .e-carousel .e-carousel-navigators .e-next .e-btn.e-rtl {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
 }
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn .e-play-icon,
 .e-carousel .e-carousel-navigators .e-previous .e-btn .e-play-icon,
@@ -3057,13 +3162,16 @@
   display: none;
 }
 .e-carousel .e-carousel-indicators {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   bottom: 0;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   min-height: 48px;
   padding: 0;
   pointer-events: none;
@@ -3072,33 +3180,41 @@
   z-index: 1;
 }
 .e-carousel .e-carousel-indicators.e-default .e-indicator-bars {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   pointer-events: auto;
 }
 .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar {
   padding: 0;
 }
 .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar .e-indicator {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   padding: 6px;
 }
 .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar .e-indicator div {
   border: 1px solid rgba(27, 26, 25, 0.4);
   border-radius: 50%;
   height: 12px;
-  transition-duration: 0.6s;
+  -webkit-transition-duration: 0.6s;
+          transition-duration: 0.6s;
+  -webkit-transition-property: background-color, border-color;
   transition-property: background-color, border-color;
-  transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+          transition-timing-function: ease-in-out;
   width: 12px;
 }
 .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar .e-indicator .e-ripple-element {
@@ -3110,6 +3226,7 @@
 .e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars {
   display: block;
   overflow: hidden;
+  -webkit-transition: opacity 0.6s ease-in-out;
   transition: opacity 0.6s ease-in-out;
   white-space: nowrap;
   width: 80px;
@@ -3122,18 +3239,26 @@
   margin: 0 4px;
   opacity: 1;
   position: relative;
-  transform: scale(0.33);
-  transition-duration: 0.6s;
+  -webkit-transform: scale(0.33);
+          transform: scale(0.33);
+  -webkit-transition-duration: 0.6s;
+          transition-duration: 0.6s;
+  -webkit-transition-property: left, -webkit-transform;
+  transition-property: left, -webkit-transform;
   transition-property: transform, left;
-  transition-timing-function: ease-in-out;
+  transition-property: transform, left, -webkit-transform;
+  -webkit-transition-timing-function: ease-in-out;
+          transition-timing-function: ease-in-out;
   white-space: nowrap;
   width: 8px;
 }
 .e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar.e-active {
-  transform: scale(1);
+  -webkit-transform: scale(1);
+          transform: scale(1);
 }
 .e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar.e-prev, .e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar.e-next {
-  transform: scale(0.66);
+  -webkit-transform: scale(0.66);
+          transform: scale(0.66);
 }
 .e-carousel .e-carousel-indicators.e-fraction {
   min-height: 36px;
@@ -3150,13 +3275,15 @@
   left: 0;
   position: absolute;
   top: 0;
-  transform: translate3d(0, 0, 0) scaleX(calc(var(--carousel-items-current) / var(--carousel-items-count))) scaleY(1);
-  transition-duration: 0.6s;
-  transform-origin: left top;
+  -webkit-transform: translate3d(0, 0, 0) scaleX(calc(var(--carousel-items-current) / var(--carousel-items-count))) scaleY(1);
+          transform: translate3d(0, 0, 0) scaleX(calc(var(--carousel-items-current) / var(--carousel-items-count))) scaleY(1);
+  -webkit-transition-duration: 0.6s;
+          transition-duration: 0.6s;
+  -webkit-transform-origin: left top;
+          transform-origin: left top;
   width: 100%;
 }
 
-/*! carousel component theme */
 .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) {
@@ -3180,7 +3307,8 @@
 .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator {
   background-color: transparent;
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator div {
   background: #1b1a19;
@@ -3189,7 +3317,8 @@
 .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;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: none;
 }
 .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:focus-visible {
@@ -3215,18 +3344,6 @@
   background-color: #0078d4;
 }
 
-/*! component's theme wise override definitions and variables */
-@keyframes hscroll-popup-shadow {
-  0% {
-    border-color: rgba(255, 255, 255, 0.5);
-    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-  }
-  100% {
-    box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-  }
-}
-/*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */
-/*! contextmenu layout */
 .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
 .e-contextmenu-container ul .e-menu-item .e-previous::before {
   content: "\e773";
@@ -3241,7 +3358,6 @@
   content: "\e765";
 }
 
-/*! contextmenu layout */
 .e-contextmenu-wrapper ul,
 .e-contextmenu-container ul {
   font-weight: 400;
@@ -3251,13 +3367,15 @@
   margin: 0;
   overflow: hidden;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   font-size: 14px;
   padding: 0;
   border: 1px solid #292827;
   border-radius: 4px;
-  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
   display: none;
   min-width: 120px;
   position: absolute;
@@ -3265,7 +3383,8 @@
 .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-wrapper ul.e-ul *,
 .e-contextmenu-container ul.e-ul,
 .e-contextmenu-container ul.e-ul * {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-contextmenu-wrapper ul.e-ul:focus, .e-contextmenu-wrapper ul.e-ul *:focus,
 .e-contextmenu-container ul.e-ul:focus,
@@ -3274,7 +3393,8 @@
 }
 .e-contextmenu-wrapper ul.e-contextmenu,
 .e-contextmenu-container ul.e-contextmenu {
-  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
 }
 .e-contextmenu-wrapper ul.e-ul,
 .e-contextmenu-container ul.e-ul {
@@ -3358,6 +3478,8 @@
 }
 .e-contextmenu-wrapper ul .e-menu-item .e-checkbox-wrapper,
 .e-contextmenu-container ul .e-menu-item .e-checkbox-wrapper {
+  width: -webkit-max-content;
+  width: -moz-max-content;
   width: max-content;
 }
 
@@ -3377,7 +3499,8 @@
 .e-contextmenu-container.e-sfcontextmenu ul.e-transparent {
   background: transparent;
   border: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   height: 1px;
   left: 0;
   min-width: 0;
@@ -3397,7 +3520,8 @@
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
@@ -3414,7 +3538,8 @@
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   margin-top: -12px;
   width: inherit;
 }
@@ -3457,7 +3582,8 @@
   font-size: 16px;
   padding: 4px 0;
   white-space: nowrap;
-  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
   max-width: 280px;
   min-width: 112px;
 }
@@ -3495,13 +3621,13 @@
   font-size: 18px;
 }
 
-.e-contextmenu-wrapper .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item,
+.e-contextmenu-container .e-menu-item {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-/*! contextmenu theme */
 .e-contextmenu-wrapper ul,
 .e-contextmenu-container ul {
   background-color: #252423;
@@ -3585,10 +3711,6 @@
   border-color: #292827;
 }
 
-/*! Horizontal Tab */
-/*! Bootstrap specific themes definition's */
-/*! Vertical Tab */
-/*! tab icons */
 .e-tab .e-tab-header .e-close-icon::before {
   content: "\e7e7";
   position: relative;
@@ -3637,7 +3759,6 @@
   position: relative;
 }
 
-/*! tab layout */
 .e-bigger .e-tab .e-tab-header,
 .e-tab.e-bigger .e-tab-header {
   height: 48px;
@@ -4794,6 +4915,7 @@
   left: 8px;
   position: absolute;
   right: 8px;
+  -webkit-transition: left 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, right 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s;
   transition: left 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, right 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s;
 }
 .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::after {
@@ -4845,6 +4967,7 @@
   left: 0;
   right: 0;
   border-radius: 0;
+  -webkit-transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
   transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
 }
 .e-tab .e-tab-header .e-toolbar-item.e-hidden {
@@ -4877,8 +5000,10 @@
 .e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
   -ms-flex-line-pack: center;
       align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 44px;
@@ -4895,7 +5020,6 @@
   font-weight: 400;
   text-transform: capitalize;
   -ms-flex-item-align: auto;
-      -ms-grid-row-align: auto;
       align-self: auto;
   margin-bottom: 0;
 }
@@ -4969,6 +5093,7 @@
   top: 1px;
 }
 .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 16px;
@@ -5002,8 +5127,9 @@
   left: 0;
 }
 .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   padding: 0 15px;
 }
 @media screen and (max-width: 480px) {
@@ -5036,8 +5162,10 @@
   }
 }
 .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 62px;
@@ -5089,14 +5217,19 @@
 }
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon.e-icon-top,
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon.e-icon-bottom {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   margin: auto;
 }
 .e-tab .e-tab-header .e-toolbar-pop {
@@ -5134,6 +5267,7 @@
   width: 100%;
 }
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   width: 100%;
@@ -5177,22 +5311,25 @@
   }
 }
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-text-wrap, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-text-wrap {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: auto;
 }
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
   display: block;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   margin: 0 0 0 10px;
   padding-left: 0;
   padding-right: 10px;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
-    -ms-flex-pack: center;
-        justify-content: center;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
     margin: 0 0 0 12px;
     padding-left: 0;
     padding-right: 0;
@@ -5207,14 +5344,17 @@
 }
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-icon.e-icon-top,
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-icon.e-icon-bottom {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
 .e-tab .e-tab-header.e-close-show .e-icons.e-close-icon {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   -ms-flex-item-align: center;
       align-self: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
@@ -5225,6 +5365,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-active .e-close-icon {
+    display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
   }
@@ -5338,22 +5479,30 @@
   }
 }
 .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: none;
   transition: none;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
 .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: none;
   transition: none;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
@@ -5392,6 +5541,7 @@
   position: absolute;
   right: 8px;
   top: 0;
+  -webkit-transition: left 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, right 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s;
   transition: left 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, right 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s;
 }
 .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::after {
@@ -5485,15 +5635,19 @@
 }
 .e-tab .e-tab-header.e-vertical .e-indicator {
   display: none;
+  -webkit-transition: top 0.125s cubic-bezier(0.35, 0, 0.25, 1), bottom 0.25s cubic-bezier(0.35, 0, 0.25, 1);
   transition: top 0.125s cubic-bezier(0.35, 0, 0.25, 1), bottom 0.25s cubic-bezier(0.35, 0, 0.25, 1);
   width: 2px;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items {
   height: inherit;
-  -ms-flex-direction: column;
-      flex-direction: column;
-  -ms-flex-align: normal;
-      align-items: normal;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: normal;
+      -ms-flex-align: normal;
+          align-items: normal;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
   padding: 16px 0;
@@ -5559,6 +5713,7 @@
   left: 98%;
   position: absolute;
   right: 0;
+  -webkit-transition: bottom 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, height 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s;
   transition: bottom 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, height 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s;
   width: 2px;
 }
@@ -5599,6 +5754,7 @@
   left: 0;
   position: absolute;
   right: 98%;
+  -webkit-transition: bottom 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, height 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s;
   transition: bottom 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, height 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s;
   width: 2px;
 }
@@ -5613,8 +5769,9 @@
 }
 .e-tab .e-tab-header.e-vertical .e-scroll-nav {
   height: 16px;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   min-height: 16px;
   width: 100%;
 }
@@ -5632,7 +5789,9 @@
 .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
 .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
   height: 100%;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
+  -webkit-transition: none;
   transition: none;
   width: 100%;
 }
@@ -5645,7 +5804,9 @@
   line-height: 36px;
   text-align: left;
   text-transform: capitalize;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
+  -webkit-transition: none;
   transition: none;
 }
 .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
@@ -5712,14 +5873,17 @@
   overflow: hidden;
 }
 .e-tab.e-vertical-tab .e-content {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .e-tab.e-vertical-tab .e-content .e-item.e-active {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex: none;
-      flex: none;
+  -webkit-box-flex: 0;
+      -ms-flex: none;
+          flex: none;
 }
 .e-tab.e-vertical-tab .e-content .e-item,
 .e-tab.e-vertical-tab .e-content .e-item > :first-child {
@@ -5841,6 +6005,7 @@
 }
 .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align,
 .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -5860,31 +6025,42 @@
 }
 .e-tab.e-ie .e-tab-header .e-popup-up-icon,
 .e-tab.e-ie .e-tab-header .e-popup-down-icon {
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
+  -webkit-transition: none;
   transition: none;
 }
 .e-tab.e-ie .e-tab-header .e-popup-up-icon::before {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: none;
   transition: none;
 }
 @media screen and (max-width: 480px) {
   .e-tab.e-ie .e-tab-header .e-popup-up-icon::before {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
 .e-tab.e-ie .e-tab-header .e-popup-down-icon::before {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: none;
   transition: none;
 }
 @media screen and (max-width: 480px) {
   .e-tab.e-ie .e-tab-header .e-popup-down-icon::before {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
 .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align,
 .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -5905,48 +6081,66 @@
   position: relative;
 }
 .e-tab.e-edge .e-tab-header .e-popup-up-icon {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: none;
   transition: none;
 }
 @media screen and (max-width: 480px) {
   .e-tab.e-edge .e-tab-header .e-popup-up-icon {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
 .e-tab.e-edge .e-tab-header .e-popup-down-icon {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: none;
   transition: none;
 }
 @media screen and (max-width: 480px) {
   .e-tab.e-edge .e-tab-header .e-popup-down-icon {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
 @media screen and (max-width: 480px) and (max-width: 480px) {
   .e-tab.e-edge .e-tab-header .e-popup-down-icon {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
 .e-tab.e-edge .e-tab-header .e-popup-up-icon::before {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: none;
   transition: none;
 }
 @media screen and (max-width: 480px) {
   .e-tab.e-edge .e-tab-header .e-popup-up-icon::before {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
 .e-tab.e-edge .e-tab-header .e-popup-down-icon::before {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: none;
   transition: none;
 }
 @media screen and (max-width: 480px) {
   .e-tab.e-edge .e-tab-header .e-popup-down-icon::before {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
@@ -6277,8 +6471,10 @@
 .e-tab-clone-element .e-text-wrap {
   -ms-flex-line-pack: center;
       align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 44px;
@@ -6295,7 +6491,6 @@
   font-weight: 400;
   text-transform: capitalize;
   -ms-flex-item-align: auto;
-      -ms-grid-row-align: auto;
       align-self: auto;
 }
 @media screen and (max-width: 480px) {
@@ -6320,6 +6515,7 @@
   top: 1px;
 }
 .e-tab-clone-element .e-icons.e-tab-icon {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 16px;
@@ -6344,8 +6540,9 @@
   }
 }
 .e-tab-clone-element.e-icon .e-tab-wrap {
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   padding: 0 15px;
 }
 @media screen and (max-width: 480px) {
@@ -6378,8 +6575,10 @@
   }
 }
 .e-tab-clone-element.e-itop .e-tab-wrap, .e-tab-clone-element.e-ibottom .e-tab-wrap {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 62px;
@@ -6425,21 +6624,28 @@
 }
 .e-tab-clone-element .e-tab-icon.e-icon-top,
 .e-tab-clone-element .e-tab-icon.e-icon-bottom {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   margin: auto;
 }
 .e-tab-clone-element.e-close-show .e-icons.e-close-icon {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   -ms-flex-item-align: center;
       align-self: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
@@ -6484,7 +6690,6 @@
 .e-bigger .e-tab-clone-element .e-tab-text {
   font-size: 16px;
   -ms-flex-item-align: auto;
-      -ms-grid-row-align: auto;
       align-self: auto;
 }
 .e-bigger .e-tab-clone-element .e-icons.e-close-icon {
@@ -6560,7 +6765,6 @@
   margin: 0 0 10px;
 }
 
-/*! tab theme */
 .e-tab {
   background: transparent;
   border: none;
@@ -6569,7 +6773,8 @@
   background: inherit;
   border: 0;
   border-radius: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   font-weight: 400;
   border-bottom: 0;
 }
@@ -6696,7 +6901,8 @@
   background: #252423;
   border: 1px #000;
   border-radius: 4px;
-  box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
+  -webkit-box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
   overflow-y: auto;
 }
 .e-tab .e-tab-header .e-toolbar-pop[e-animate=true] {
@@ -6704,7 +6910,8 @@
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-pop {
-    box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
+    -webkit-box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
+            box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
   }
 }
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
@@ -6759,7 +6966,8 @@
 }
 .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active,
 .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border: 0;
 }
 .e-tab .e-tab-header .e-scroll-nav:focus,
@@ -6785,7 +6993,8 @@
 }
 .e-tab .e-tab-header .e-scroll-nav:active,
 .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   background: inherit;
   border: 0;
 }
@@ -6852,7 +7061,8 @@
   color: #a19f9d;
   border: 1px solid #292827;
   border-radius: 0;
-  box-shadow: inset 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
+  -webkit-box-shadow: inset 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: inset 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
 }
 .e-tab .e-tab-header .e-hor-nav:hover,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover {
@@ -6865,14 +7075,16 @@
 }
 .e-tab .e-tab-header .e-hor-nav:active,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   background: transparent;
 }
 .e-tab .e-tab-header .e-hor-nav.e-nav-active,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active {
   background: inherit;
   border: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border-radius: 0;
 }
 .e-tab .e-tab-header .e-hor-nav.e-nav-active .e-icons,
@@ -6933,7 +7145,8 @@
   border-radius: 0;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-pop {
-  box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
+  -webkit-box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
 }
 .e-tab .e-tab-header.e-vertical .e-scroll-nav {
   background: inherit;
@@ -6998,7 +7211,8 @@
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active:hover {
   background: inherit;
   border: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:active,
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active {
@@ -7393,7 +7607,8 @@
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active::after,
 .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
-  animation: none;
+  -webkit-animation: none;
+          animation: none;
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav),
 .e-tab.e-background .e-tab-header .e-hor-nav {
@@ -7445,7 +7660,8 @@
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):active::after,
 .e-tab.e-background .e-tab-header .e-hor-nav:active::after {
-  animation: none;
+  -webkit-animation: none;
+          animation: none;
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {
@@ -7657,11 +7873,23 @@
 }
 
 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes rotation {
+  from {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
 @keyframes rotation {
   from {
+    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   to {
+    -webkit-transform: rotate(359deg);
     transform: rotate(359deg);
   }
 }
@@ -7690,13 +7918,13 @@
   line-height: 17px;
   width: 18px;
 }
-.e-bigger .e-treeview .e-list-item .e-small.e-css.e-checkbox-wrapper .e-check,
-.e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-check {
+.e-bigger .e-treeview .e-list-item .e-small.e-css.e-checkbox-wrapper .e-check, .e-bigger .e-treeview .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop,
+.e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-check,
+.e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop {
   font-size: 12px;
 }
 .e-bigger .e-treeview .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop,
 .e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop {
-  font-size: 12px;
   line-height: 17px;
 }
 .e-bigger .e-treeview .e-list-item .e-checkbox-wrapper + .e-list-text,
@@ -7708,8 +7936,8 @@
 .e-treeview.e-bigger .e-icon-collapsible,
 .e-treeview.e-bigger .e-icon-expandable {
   height: 24px;
-  margin: 0 0 0 -24px;
   width: 24px;
+  margin: 0 0 0 -24px;
 }
 .e-bigger .e-treeview.e-drag-item .e-icon-expandable,
 .e-bigger .e-treeview.e-drag-item .e-icon-collapsible,
@@ -7722,13 +7950,6 @@
 .e-treeview.e-bigger.e-drag-item .e-drop-count {
   padding: 3px 5px 4px;
 }
-.e-bigger .e-treeview .e-navigable .e-text-content,
-.e-treeview.e-bigger .e-navigable .e-text-content {
-  -ms-flex-align: center;
-      align-items: center;
-  display: -ms-flexbox;
-  display: flex;
-}
 .e-bigger .e-treeview .e-navigable .e-list-text,
 .e-treeview.e-bigger .e-navigable .e-list-text {
   padding: 0;
@@ -7921,6 +8142,16 @@
   position: relative;
   white-space: nowrap;
 }
+.e-treeview.e-virtualization {
+  overflow: auto;
+}
+.e-treeview.e-virtualization .e-virtual-mask {
+  display: block;
+  margin-bottom: 20px;
+}
+.e-treeview.e-virtualization .e-ul {
+  overflow: unset;
+}
 .e-treeview > .e-ul {
   -webkit-overflow-scrolling: touch;
   overflow: auto;
@@ -7956,26 +8187,10 @@
   margin: 0;
   padding: 0 0 0 12px;
 }
-.e-treeview li.e-node-collapsed .e-list-item .e-fullrow {
-  display: none;
-}
+.e-treeview .e-node-collapsed .e-list-item .e-fullrow,
 .e-treeview .e-display-none {
   display: none;
 }
-.e-treeview .e-list-item div.e-icons.interaction {
-  -webkit-transition: -webkit-transform 0.3s ease-in-out;
-  border-radius: 15px;
-  transition: transform 0.3s ease-in-out;
-}
-.e-treeview .e-list-item .e-icons.e-icon-collapsible {
-  transform: rotate(90deg);
-}
-.e-treeview.e-drag-item.e-rtl .e-icons.e-drop-next {
-  transform: rotate(180deg);
-}
-.e-treeview.e-rtl div.e-icons {
-  transform: rotate(180deg);
-}
 .e-treeview .e-list-item {
   list-style: none;
   padding: 2px 0;
@@ -7992,6 +8207,17 @@
   pointer-events: none;
   touch-action: none;
 }
+.e-treeview .e-list-item div.e-icons.interaction {
+  -webkit-transition: -webkit-transform 0.3s ease-in-out;
+  border-radius: 15px;
+  transition: -webkit-transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+}
+.e-treeview .e-list-item .e-icons.e-icon-collapsible {
+  -webkit-transform: rotate(90deg);
+  transform: rotate(90deg);
+}
 .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
   content: none;
 }
@@ -8005,6 +8231,7 @@
   position: relative;
 }
 .e-treeview .e-text-content {
+  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
@@ -8013,12 +8240,17 @@
   margin: 0;
   padding: 0 12px 0 20px;
 }
+.e-treeview .e-text-content + .e-sibling {
+  margin-top: 1px;
+}
 .e-treeview .e-fullrow {
+  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
   border: 1px solid;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   cursor: pointer;
   height: 38px;
   left: 0;
@@ -8046,7 +8278,8 @@
   width: 32px;
 }
 .e-treeview .e-list-text {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   display: inline-block;
   line-height: 36px;
   margin: 0;
@@ -8095,24 +8328,24 @@
   padding: 0px;
 }
 .e-treeview .e-load {
+  -webkit-animation: rotation 0.5s infinite linear;
   animation: rotation 0.5s infinite linear;
 }
 .e-treeview .e-sibling {
   width: 144px;
-  position: absolute;
-  z-index: 2;
-}
-.e-treeview .e-text-content + .e-sibling {
-  margin-top: 1px;
 }
 .e-treeview .e-sibling::before {
   left: 0;
   height: 2px;
   top: -1.5px;
+}
+.e-treeview .e-sibling,
+.e-treeview .e-sibling::before {
   position: absolute;
   z-index: 2;
 }
 .e-treeview .e-popup {
+  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
@@ -8136,8 +8369,7 @@
   padding: 4px;
   width: 26px;
 }
-.e-treeview .e-popup .e-downtail::before,
-.e-treeview .e-popup .e-downtail::after {
+.e-treeview .e-popup .e-downtail::before, .e-treeview .e-popup .e-downtail::after {
   border: 10px solid transparent;
   content: "";
   height: 0;
@@ -8159,8 +8391,10 @@
   pointer-events: auto;
 }
 .e-treeview .e-navigable .e-text-content {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -8197,7 +8431,8 @@
 }
 .e-treeview.e-drag-item .e-icon-collapsible,
 .e-treeview.e-drag-item .e-icon-expandable {
-  box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
   padding-left: 12px;
   padding-top: 8px;
 }
@@ -8208,7 +8443,8 @@
 .e-treeview.e-drag-item .e-drop-count {
   border: 1px solid;
   border-radius: 15px;
-  box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
   font-size: 12px;
   line-height: normal;
   min-width: 12px;
@@ -8271,12 +8507,20 @@
 .e-treeview.e-rtl .e-sibling::before {
   right: 0;
 }
+.e-treeview.e-rtl.e-drag-item .e-icons.e-drop-next {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
 .e-treeview.e-rtl.e-drag-item .e-text-content {
   float: right;
 }
 .e-treeview.e-rtl.e-drag-item .e-drop-count {
   margin-right: -12px;
 }
+.e-treeview.e-rtl div.e-icons {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
 .e-treeview.e-disabled .e-fullrow,
 .e-treeview.e-disabled .e-icons,
 .e-treeview.e-disabled .e-text-content,
@@ -8328,25 +8572,41 @@
 .e-treeview .e-icon-expandable::before {
   font-size: 20px;
 }
-.e-treeview .e-list-item.e-active,
-.e-treeview .e-list-item.e-hover,
-.e-treeview .e-list-item.e-node-focus {
+.e-treeview .e-list-item.e-hover, .e-treeview .e-list-item.e-node-focus {
   background: transparent;
 }
-.e-treeview .e-list-item.e-hover > .e-text-content,
-.e-treeview .e-list-item.e-node-focus > .e-text-content {
+.e-treeview .e-list-item.e-hover > .e-fullrow, .e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  background-color: #252423;
+  border-color: #252423;
+}
+.e-treeview .e-list-item.e-hover > .e-text-content, .e-treeview .e-list-item.e-node-focus > .e-text-content {
   color: #f3f2f1;
 }
-.e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
-.e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
+.e-treeview .e-list-item.e-hover > .e-text-content .e-list-text, .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
   color: #f3f2f1;
 }
 .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
-.e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
-.e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable, .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #f3f2f1;
 }
+.e-treeview .e-list-item.e-active {
+  background: transparent;
+}
+.e-treeview .e-list-item.e-active > .e-fullrow {
+  background-color: #292827;
+  border-color: #292827;
+}
+.e-treeview .e-list-item.e-active.e-animation-active > .e-fullrow {
+  background-color: transparent;
+  border-color: transparent;
+}
+.e-treeview .e-list-item.e-active.e-animation-active > .e-text-content {
+  color: #f3f2f1;
+}
+.e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
+  color: #f3f2f1;
+}
 .e-treeview .e-list-item.e-active > .e-text-content {
   color: #f3f2f1;
 }
@@ -8363,67 +8623,36 @@
 .e-treeview .e-list-item.e-active > .e-text-content .e-stop {
   border-color: #f3f2f1;
 }
-.e-treeview .e-list-item.e-active.e-hover > .e-text-content,
-.e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
+.e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
+  background-color: #363533;
+  border-color: #292827;
+}
+.e-treeview .e-list-item.e-active.e-hover > .e-text-content, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
   color: #f3f2f1;
 }
-.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
-.e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
+.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
   color: #f3f2f1;
 }
 .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
-.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
-.e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
 .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
   color: #f3f2f1;
 }
-.e-treeview .e-list-item.e-editing.e-active > .e-text-content,
-.e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
-.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
-  color: #f3f2f1;
-}
-.e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
-.e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
-.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
-  color: #f3f2f1;
-}
-.e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
-.e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
-.e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
-.e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
-.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
-.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
-  color: #a19f9d;
-}
-.e-treeview .e-list-item.e-hover > .e-fullrow,
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
-  background-color: #252423;
-  border-color: #252423;
-}
-.e-treeview .e-list-item.e-active > .e-fullrow {
-  background-color: #292827;
-  border-color: #292827;
-}
-.e-treeview .e-list-item.e-active.e-animation-active > .e-fullrow {
+.e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
 }
-.e-treeview .e-list-item.e-active.e-animation-active > .e-text-content {
+.e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: #f3f2f1;
 }
-.e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
+.e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
   color: #f3f2f1;
 }
-.e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
-.e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
-  background-color: #363533;
-  border-color: #292827;
-}
-.e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
-.e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
-.e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
-  background-color: transparent;
-  border-color: transparent;
+.e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
+  color: #a19f9d;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -8456,8 +8685,7 @@
 .e-treeview .e-popup .e-downtail::after {
   border-top-color: #252423;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
   background-color: #252423;
   border-color: #252423;
 }
@@ -8465,14 +8693,11 @@
   background-color: #292827;
   border-color: #292827;
 }
-.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 {
+.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: #363533;
   border-color: #292827;
 }
-.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 {
+.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: transparent;
   border-color: transparent;
 }
@@ -8502,7 +8727,8 @@
   border: 1px solid #0078d4;
 }
 
-/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -8519,40 +8745,39 @@ ejs-sidebar {
   overflow: auto;
   position: fixed;
   top: 0;
+  -webkit-transition: none;
   transition: none;
   vertical-align: middle;
   visibility: hidden;
   will-change: transform;
 }
-.e-sidebar.e-right.e-open {
-  transform: translateX(0%);
+.e-sidebar.e-right.e-open, .e-sidebar.e-left.e-open {
+  -webkit-transform: translateX(0%);
+          transform: translateX(0%);
+  -webkit-transition: -webkit-transform 0.5s ease;
+  transition: -webkit-transform 0.5s ease;
   transition: transform 0.5s ease;
+  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
   visibility: visible;
 }
-.e-sidebar.e-right.e-close {
-  box-shadow: none;
-  transform: translateX(100%);
-  transition: transform 0.5s ease, visibility 500ms;
+.e-sidebar.e-right.e-close, .e-sidebar.e-left.e-close {
+  -webkit-box-shadow: none;
+          box-shadow: none;
   visibility: hidden;
 }
-.e-sidebar.e-left.e-open {
-  transform: translateX(0%);
-  transition: transform 0.5s ease;
-  visibility: visible;
-}
-.e-sidebar.e-left.e-transition.e-close, .e-sidebar.e-right.e-transition.e-close {
-  transition: transform 0.5s ease, visibility 500ms;
+.e-sidebar.e-right.e-close {
+  -webkit-transform: translateX(100%);
+          transform: translateX(100%);
 }
 .e-sidebar.e-left.e-close {
-  box-shadow: none;
-  transform: translateX(-100%);
-  visibility: hidden;
+  -webkit-transform: translateX(-100%);
+          transform: translateX(-100%);
 }
-.e-sidebar.e-right.e-close {
-  box-shadow: none;
-  transform: translateX(100%);
+.e-sidebar.e-left.e-transition.e-close, .e-sidebar.e-right.e-transition.e-close, .e-sidebar.e-right.e-close {
+  -webkit-transition: visibility 500ms, -webkit-transform 0.5s ease;
+  transition: visibility 500ms, -webkit-transform 0.5s ease;
   transition: transform 0.5s ease, visibility 500ms;
-  visibility: hidden;
+  transition: transform 0.5s ease, visibility 500ms, -webkit-transform 0.5s ease;
 }
 .e-sidebar.e-right {
   border-left: 1px solid #292827;
@@ -8566,27 +8791,104 @@ ejs-sidebar {
   right: auto;
   top: 0;
 }
-.e-sidebar.e-left.e-close.e-dock {
-  transform: translateX(0%);
-  transition: width 0.5s ease, visibility 500ms;
-  visibility: visible;
-}
-.e-sidebar.e-right.e-close.e-dock {
-  transform: translateX(0%);
+.e-sidebar.e-left.e-close.e-dock, .e-sidebar.e-right.e-close.e-dock {
+  -webkit-transform: translateX(0%);
+          transform: translateX(0%);
+  -webkit-transition: width 0.5s ease, visibility 500ms;
   transition: width 0.5s ease, visibility 500ms;
   visibility: visible;
 }
 .e-sidebar.e-left.e-open.e-dock.e-blazor-dock, .e-sidebar.e-right.e-open.e-dock.e-blazor-dock {
+  -webkit-transition: width 0.5s ease, visibility 500ms;
   transition: width 0.5s ease, visibility 500ms;
 }
 .e-sidebar.e-left.e-open.e-disable-animation, .e-sidebar.e-right.e-open.e-disable-animation, .e-sidebar.e-right.e-close.e-disable-animation, .e-sidebar.e-left.e-close.e-disable-animation {
+  -webkit-transition: none;
   transition: none;
 }
 .e-sidebar.e-visibility {
   visibility: hidden;
 }
 .e-sidebar.e-over {
-  box-shadow: 0 0 rgba(0, 0, 0, 0);
+  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
+          box-shadow: 0 0 rgba(0, 0, 0, 0);
+}
+
+.e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
+  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
+  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
+  transition: margin 0.5s ease, transform 0.5s ease;
+  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
+}
+.e-sidebarcontainer.e-left.e-open.e-auto + div {
+  margin-right: 0;
+  -webkit-transform: translateX(0);
+          transform: translateX(0);
+  margin-left: var(--sidebar-width);
+}
+.e-sidebarcontainer.e-left.e-close.e-auto + div {
+  margin-right: 0;
+  -webkit-transform: translateX(0);
+          transform: translateX(0);
+  margin-left: 0;
+}
+.e-sidebarcontainer.e-right.e-open.e-auto + div {
+  margin-left: 0;
+  -webkit-transform: translateX(0);
+          transform: translateX(0);
+  margin-right: var(--sidebar-width);
+}
+.e-sidebarcontainer.e-right.e-close.e-auto + div {
+  margin-right: 0;
+  -webkit-transform: translateX(0);
+          transform: translateX(0);
+  margin-left: 0;
+}
+.e-sidebarcontainer.e-left.e-open.e-push + div {
+  margin-right: 0;
+  -webkit-transform: translateX(0);
+          transform: translateX(0);
+  margin-left: var(--sidebar-width);
+}
+.e-sidebarcontainer.e-left.e-close.e-push + div {
+  margin-right: 0;
+  -webkit-transform: translateX(0);
+          transform: translateX(0);
+  margin-left: 0;
+}
+.e-sidebarcontainer.e-right.e-open.e-push + div {
+  margin-left: 0;
+  -webkit-transform: translateX(0);
+          transform: translateX(0);
+  margin-right: var(--sidebar-width);
+}
+.e-sidebarcontainer.e-right.e-close.e-push + div {
+  margin-right: 0;
+  -webkit-transform: translateX(0);
+          transform: translateX(0);
+  margin-left: 0;
+}
+.e-sidebarcontainer.e-left.e-open.e-slide + div {
+  margin-left: 0;
+  -webkit-transform: translate(var(--sidebar-width));
+          transform: translate(var(--sidebar-width));
+}
+.e-sidebarcontainer.e-left.e-close.e-slide + div {
+  margin-left: 0;
+  -webkit-transform: translate(0);
+          transform: translate(0);
+}
+.e-sidebarcontainer.e-right.e-open.e-slide + div {
+  margin-right: 0;
+  margin-left: 0;
+  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
+          transform: translate(calc(-1 * var(--sidebar-width)));
+}
+.e-sidebarcontainer.e-right.e-close.e-slide + div {
+  margin-right: 0;
+  margin-left: 0;
+  -webkit-transform: translate(0);
+          transform: translate(0);
 }
 
 .e-sidebar-absolute {
@@ -8598,23 +8900,34 @@ ejs-sidebar {
   position: relative;
 }
 
-.e-backdrop {
+.e-backdrop,
+.e-sidebar-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   height: 100%;
   left: 0;
   pointer-events: auto;
   top: 0;
-  width: auto;
   z-index: 999;
 }
 
+.e-backdrop {
+  width: auto;
+}
+
+.e-sidebar-overlay {
+  position: fixed;
+  width: 100%;
+}
+
 .e-content-animation {
-  transition: margin 0.5s ease, transform 0.5s ease;
+  transition: margin 0.5s ease, -webkit-transform 0.5s ease, transform 0.5s ease;
 }
 .e-content-animation.e-overlay {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   overflow: auto;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -8625,21 +8938,8 @@ ejs-sidebar {
       touch-action: none;
 }
 
-/* stylelint-disable */
 .e-sidebar-overflow {
-  overflow-x: hidden !important;
-}
-
-/* stylelint-enable */
-.e-sidebar-overlay {
-  background-color: rgba(0, 0, 0, 0.4);
-  height: 100%;
-  left: 0;
-  pointer-events: auto;
-  position: fixed;
-  top: 0;
-  width: 100%;
-  z-index: 999;
+  overflow-x: hidden;
 }
 
 .e-content-placeholder.e-sidebar.e-placeholder-sidebar {
@@ -8650,18 +8950,6 @@ ejs-sidebar {
   visibility: visible;
 }
 
-/*! component's theme wise override definitions and variables */
-@keyframes hscroll-popup-shadow {
-  0% {
-    border-color: rgba(255, 255, 255, 0.5);
-    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-  }
-  100% {
-    box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-  }
-}
-/*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */
-/*! menu layout */
 .e-menu-wrapper ul.e-vertical .e-menu-item .e-caret::before,
 .e-menu-container ul.e-vertical .e-menu-item .e-caret::before {
   content: "\e748";
@@ -8704,24 +8992,16 @@ ejs-sidebar {
   content: "\e729";
 }
 
-.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
-.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
-  content: "\e765";
-}
-.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
-.e-rtl.e-menu-container ul.e-ul .e-caret::before {
-  content: "\e765";
-}
-
+.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-vertical .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-vertical .e-caret::before {
-  content: "\e765";
-}
 .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";
 }
@@ -8733,7 +9013,6 @@ ejs-sidebar {
   content: "\e729";
 }
 
-/*! menu layout */
 .e-menu-wrapper,
 .e-menu-container {
   border: none;
@@ -8754,6 +9033,7 @@ ejs-sidebar {
   margin: 0;
   overflow: hidden;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   font-size: 14px;
@@ -8764,7 +9044,8 @@ ejs-sidebar {
 .e-menu-wrapper ul.e-ul, .e-menu-wrapper ul.e-ul *,
 .e-menu-container ul.e-ul,
 .e-menu-container ul.e-ul * {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-menu-wrapper ul.e-ul:focus, .e-menu-wrapper ul.e-ul *:focus,
 .e-menu-container ul.e-ul:focus,
@@ -8807,6 +9088,7 @@ 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: 40px;
@@ -8979,26 +9261,27 @@ ejs-sidebar {
 .e-menu-container .e-scroll-nav .e-nav-arrow {
   font-size: 16px;
 }
-.e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
-.e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-left-arrow {
-  transform: rotate(180deg);
-}
-.e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-up-arrow,
+.e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-left-arrow, .e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-up-arrow,
+.e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
 .e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-up-arrow {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
 }
 .e-menu-wrapper.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
 .e-menu-container.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-left-arrow {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
 }
 .e-menu-wrapper.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-right-arrow,
 .e-menu-container.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-right-arrow {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
 }
 .e-menu-wrapper.e-popup.e-menu-popup,
 .e-menu-container.e-popup.e-menu-popup {
   border: 1px solid #292827;
-  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
   overflow: hidden;
   position: absolute;
 }
@@ -9008,12 +9291,14 @@ ejs-sidebar {
 }
 .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav,
 .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav {
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
   width: 100%;
 }
 .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav .e-nav-down-arrow,
 .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav .e-nav-down-arrow {
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-vscroll-bar,
 .e-menu-container .e-menu-vscroll.e-vscroll .e-vscroll-bar {
@@ -9048,7 +9333,8 @@ ejs-sidebar {
 .e-menu-wrapper.e-contextmenu-container .e-menu-vscroll,
 .e-menu-container.e-contextmenu-container .e-menu-vscroll {
   border: 1px solid #292827;
-  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
 }
 
 .e-menu-container:not(.e-hamburger):not(.e-rtl) .e-menu.e-vertical .e-blankicon {
@@ -9252,7 +9538,8 @@ ejs-sidebar {
 .e-bigger.e-menu-wrapper.e-menu-popup,
 .e-bigger .e-menu-container.e-menu-popup,
 .e-bigger.e-menu-container.e-menu-popup {
-  box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+  -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
 }
 .e-bigger .e-menu-wrapper .e-scroll-nav .e-icons,
 .e-bigger.e-menu-wrapper .e-scroll-nav .e-icons,
@@ -9341,7 +9628,8 @@ ejs-sidebar {
 .e-menu-container.e-hamburger .e-popup.e-menu-popup {
   border: 0;
   border-radius: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   display: block;
   position: relative;
   width: 100%;
@@ -9377,13 +9665,21 @@ ejs-sidebar {
 }
 .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;
+  transition: -webkit-transform 0.3s ease-in-out;
   transition: transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+  -webkit-transform: rotate(-180deg);
   transform: rotate(-180deg);
   text-indent: 0;
 }
 .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item[aria-expanded=false] .e-caret,
 .e-menu-container.e-hamburger ul.e-menu .e-menu-item[aria-expanded=false] .e-caret {
+  -webkit-transition: -webkit-transform 0.3s ease-in-out;
+  transition: -webkit-transform 0.3s ease-in-out;
   transition: transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+  -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
   text-indent: 0;
 }
@@ -9420,8 +9716,9 @@ ejs-sidebar {
   height: auto;
   padding: 0;
 }
-.e-menu-wrapper.e-hamburger ul .e-menu-item.e-menu-caret-icon,
-.e-menu-container.e-hamburger ul .e-menu-item.e-menu-caret-icon {
+.e-menu-wrapper.e-hamburger ul .e-menu-item.e-menu-caret-icon, .e-menu-wrapper.e-hamburger ul .e-menu-item.e-blankicon,
+.e-menu-container.e-hamburger ul .e-menu-item.e-menu-caret-icon,
+.e-menu-container.e-hamburger ul .e-menu-item.e-blankicon {
   padding: 0;
 }
 .e-menu-wrapper.e-hamburger ul .e-menu-item .e-menu-url,
@@ -9431,10 +9728,6 @@ ejs-sidebar {
   text-indent: 0;
   width: 100%;
 }
-.e-menu-wrapper.e-hamburger ul .e-menu-item.e-blankicon,
-.e-menu-container.e-hamburger ul .e-menu-item.e-blankicon {
-  padding: 0;
-}
 .e-menu-wrapper.e-hamburger ul .e-menu-item.e-separator,
 .e-menu-container.e-hamburger ul .e-menu-item.e-separator {
   border-bottom-style: solid;
@@ -9558,7 +9851,6 @@ ejs-sidebar {
   position: relative;
 }
 
-/*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
   background: transparent;
@@ -9652,11 +9944,8 @@ ejs-sidebar {
   background: inherit;
   color: #f3f2f1;
 }
-.e-menu-wrapper .e-ul .e-menu-item .e-caret,
-.e-menu-container .e-ul .e-menu-item .e-caret {
-  color: #a19f9d;
-}
-.e-menu-wrapper .e-ul .e-menu-item .e-menu-icon,
+.e-menu-wrapper .e-ul .e-menu-item .e-caret, .e-menu-wrapper .e-ul .e-menu-item .e-menu-icon,
+.e-menu-container .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-menu-icon {
   color: #a19f9d;
 }
@@ -9683,7 +9972,6 @@ ejs-sidebar {
 .e-menu-container .e-ul .e-menu-item.e-separator {
   border-bottom-color: #292827;
 }
-
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
   background: #252423;
@@ -9765,7 +10053,6 @@ ejs-sidebar {
   color: #f3f2f1;
 }
 
-/*! breadcrumb icons */
 .e-breadcrumb .e-breadcrumb-collapsed::before,
 .e-breadcrumb .e-breadcrumb-menu::before {
   content: "\e71c";
@@ -9782,17 +10069,18 @@ ejs-sidebar {
   height: 18px;
 }
 
-/*! breadcrumb layout */
 .e-breadcrumb {
   display: block;
 }
 .e-breadcrumb.e-breadcrumb-wrap-mode {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .e-breadcrumb .e-breadcrumb-first-ol {
-  -ms-flex-align: start;
-      align-items: flex-start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
   -ms-flex-negative: 0;
       flex-shrink: 0;
   padding-right: 0;
@@ -9808,8 +10096,10 @@ ejs-sidebar {
   overflow: auto;
 }
 .e-breadcrumb ol {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   line-height: normal;
@@ -9823,8 +10113,10 @@ ejs-sidebar {
   white-space: nowrap;
 }
 .e-breadcrumb .e-breadcrumb-item {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-negative: 0;
@@ -9834,15 +10126,18 @@ ejs-sidebar {
   padding: 4px;
 }
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 16px;
 }
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text .e-anchor-wrap {
-  -ms-flex-align: inherit;
-      align-items: inherit;
+  -webkit-box-align: inherit;
+      -ms-flex-align: inherit;
+          align-items: inherit;
   display: inherit;
 }
 .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
@@ -9856,7 +10151,7 @@ ejs-sidebar {
 }
 .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:focus {
   border: 1px solid #d2d0ce;
-  color: #d2d0ce;
+  color: #a19f9d;
 }
 .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:active {
   background-color: #323130;
@@ -9884,6 +10179,7 @@ ejs-sidebar {
   pointer-events: none;
 }
 .e-breadcrumb .e-breadcrumb-separator {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 16px;
@@ -9911,6 +10207,7 @@ ejs-sidebar {
   display: inline-block;
 }
 .e-breadcrumb .e-breadcrumb-item-wrapper {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -9936,7 +10233,8 @@ ejs-sidebar {
 .e-breadcrumb-popup {
   border: 1px solid #292827;
   border-radius: 4px;
-  box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
+  -webkit-box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
+          box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
   position: absolute;
 }
 .e-breadcrumb-popup ul {
@@ -9948,8 +10246,10 @@ ejs-sidebar {
   white-space: nowrap;
 }
 .e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 16px;
@@ -9959,8 +10259,9 @@ ejs-sidebar {
   width: 100%;
 }
 .e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text .e-anchor-wrap {
-  -ms-flex-align: inherit;
-      align-items: inherit;
+  -webkit-box-align: inherit;
+      -ms-flex-align: inherit;
+          align-items: inherit;
   display: inherit;
   width: inherit;
 }
@@ -9981,12 +10282,15 @@ ejs-sidebar {
 }
 .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;
-  -ms-flex-positive: 1;
-      flex-grow: 1;
-  -ms-flex-pack: end;
-      justify-content: flex-end;
+  -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;
@@ -10074,7 +10378,6 @@ ejs-sidebar {
   padding-right: 8px;
 }
 
-/*! breadcrumb theme */
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
   color: #a19f9d;
 }
@@ -10082,7 +10385,7 @@ ejs-sidebar {
   color: #a19f9d;
 }
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:active {
-  color: #d2d0ce;
+  color: #a19f9d;
 }
 .e-breadcrumb .e-breadcrumb-item[data-active-item] .e-breadcrumb-text {
   color: #d2d0ce;
@@ -10137,8 +10440,6 @@ ejs-sidebar {
   color: #f3f2f1;
 }
 
-/*! AppBar component FluentUI theme definitions and variables */
-/*! appbar component styles */
 .e-bigger .e-appbar,
 .e-appbar.e-bigger {
   height: 56px;
@@ -10154,26 +10455,32 @@ ejs-sidebar {
 }
 
 .e-appbar {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   height: 48px;
   -ms-flex-negative: 0;
       flex-shrink: 0;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   position: relative;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   padding: 8px;
   overflow: hidden;
   font-size: 14px;
 }
 .e-appbar > div:first-child {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   width: 100%;
   height: 100%;
 }
@@ -10184,12 +10491,14 @@ ejs-sidebar {
 }
 .e-appbar.e-prominent {
   height: 94px;
-  -ms-flex-align: start;
-      align-items: flex-start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
 }
 .e-appbar.e-prominent > div:first-child {
-  -ms-flex-align: start;
-      align-items: flex-start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
 }
 .e-appbar.e-dense {
   height: 40px;
@@ -10211,12 +10520,14 @@ ejs-sidebar {
   height: 24px;
 }
 .e-appbar .e-appbar-spacer {
-  -ms-flex-positive: 1;
-      flex-grow: 1;
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
 }
 .e-appbar .e-btn,
 .e-appbar .e-css.e-btn {
-  border-image: unset;
+  -o-border-image: unset;
+     border-image: unset;
 }
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
@@ -10224,9 +10535,9 @@ ejs-sidebar {
   overflow: hidden;
 }
 
-/*! appbar component theme */
 .e-appbar {
-  box-shadow: 0 1.6px 3.6px rgba(0, 0, 0, 0.13), 0 0.3px 0.9px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0 1.6px 3.6px rgba(0, 0, 0, 0.13), 0 0.3px 0.9px rgba(0, 0, 0, 0.1);
+          box-shadow: 0 1.6px 3.6px rgba(0, 0, 0, 0.13), 0 0.3px 0.9px rgba(0, 0, 0, 0.1);
 }
 .e-appbar.e-light {
   background: #292827;
@@ -10256,7 +10567,8 @@ ejs-sidebar {
 .e-appbar.e-light .e-menu-container.e-inherit {
   background: #292827;
   color: #faf9f8;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border-color: #292827;
 }
 .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
@@ -10292,7 +10604,8 @@ ejs-sidebar {
   background: #b3b0ad;
   color: #201f1e;
   border-color: #b3b0ad;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-appbar.e-dark .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-appbar.e-dark .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
 .e-appbar.e-dark .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
@@ -10312,7 +10625,8 @@ ejs-sidebar {
   background: #0078d4;
   color: #1b1a19;
   border-color: #0078d4;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-appbar.e-inherit {
   background: inherit;
@@ -10328,10 +10642,12 @@ ejs-sidebar {
   background: inherit;
   color: inherit;
   border-color: inherit;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-appbar.e-horizontal-bottom {
-  box-shadow: 0 -1.6px 3.6px rgba(0, 0, 0, 0.13), 0 -0.3px 0.9px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0 -1.6px 3.6px rgba(0, 0, 0, 0.13), 0 -0.3px 0.9px rgba(0, 0, 0, 0.1);
+          box-shadow: 0 -1.6px 3.6px rgba(0, 0, 0, 0.13), 0 -0.3px 0.9px rgba(0, 0, 0, 0.1);
 }
 
 .e-light.e-inherit.e-input-group, .e-light.e-inherit.e-input-group.e-control-wrapper, .e-light.e-inherit.e-float-input, .e-light.e-inherit.e-float-input.e-input-group, .e-light.e-inherit.e-float-input.e-control-wrapper, .e-light.e-inherit.e-float-input.e-input-group.e-control-wrapper, .e-light.e-inherit.e-input-group:not(.e-disabled) .e-input-group-icon:hover, .e-light.e-inherit.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
@@ -10365,7 +10681,18 @@ ejs-sidebar {
 .e-inherit.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
 .e-inherit.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
 .e-inherit.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
+.e-inherit.e-input-group.e-control-wrapper .e-searchinput::-webkit-input-placeholder {
+  color: inherit;
+  opacity: 0.8;
+}
+
+.e-inherit.e-input-group.e-control-wrapper .e-searchinput::-moz-placeholder {
+  color: inherit;
+  opacity: 0.8;
 }
 
 .e-inherit.e-input-group.e-control-wrapper .e-searchinput:-ms-input-placeholder {
@@ -10373,6 +10700,11 @@ ejs-sidebar {
   opacity: 0.8;
 }
 
+.e-inherit.e-input-group.e-control-wrapper .e-searchinput::-ms-input-placeholder {
+  color: inherit;
+  opacity: 0.8;
+}
+
 .e-inherit.e-input-group.e-control-wrapper .e-searchinput::placeholder {
   color: inherit;
   opacity: 0.8;
@@ -10396,77 +10728,95 @@ ejs-sidebar {
 .e-stepper {
   position: relative;
 }
+.e-stepper .e-step-selected .e-text,
+.e-stepper .e-step-selected .e-label {
+  font-weight: 600;
+}
 .e-stepper.e-stepper-readonly,
 .e-stepper .e-step-disabled {
   cursor: default;
   pointer-events: none;
 }
-.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
+.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator {
   font-size: 32px;
   border-radius: 9999px;
 }
-.e-stepper.e-step-type-indicator .e-step-container .e-step-content {
+.e-stepper.e-step-type-indicator .e-step-content, .e-stepper.e-step-type-label .e-step-content {
   padding: 0 8px;
 }
-.e-stepper .e-step-container:has(.e-tooltip-wrap.e-stepper-tooltip), .e-stepper.e-vertical.e-label-after .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip), .e-stepper.e-vertical.e-label-before .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
+.e-stepper .e-step-container:has(.e-tooltip-wrap.e-stepper-tooltip), .e-stepper.e-vertical.e-label-after .e-step-item.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip), .e-stepper.e-vertical.e-label-before .e-step-item.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
   position: relative;
 }
-.e-stepper.e-horizontal .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
+.e-stepper.e-horizontal .e-step-item.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
   position: unset;
 }
 .e-stepper .e-tooltip-wrap.e-stepper-tooltip {
   display: none;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 50%;
   top: -12.5px;
-  transform: translate(-50%, -100%);
+  -webkit-transform: translate(-50%, -100%);
+          transform: translate(-50%, -100%);
 }
 .e-stepper .e-tooltip-wrap.e-stepper-tooltip.e-show-tooltip {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
 .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-tip-content {
+  width: -webkit-max-content;
+  width: -moz-max-content;
   width: max-content;
 }
 .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-arrow-tip.e-tip-bottom {
   left: 50%;
   top: 100%;
-  transform: translate(-50%, 0);
+  -webkit-transform: translate(-50%, 0);
+          transform: translate(-50%, 0);
 }
 .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-arrow-tip-inner.e-tip-bottom {
   top: -6px;
 }
-.e-stepper .e-step-icon.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
+.e-stepper .e-step-item.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
   left: unset;
   top: 0;
-  transform: translate(0%, -135%);
+  -webkit-transform: translate(0%, -135%);
+          transform: translate(0%, -135%);
 }
 .e-stepper.e-step-type-indicator .e-tooltip-wrap.e-stepper-tooltip {
-  transform: translate(-50%, -115%);
+  -webkit-transform: translate(-50%, -115%);
+          transform: translate(-50%, -115%);
 }
 .e-stepper .e-stepper-steps {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding: 0;
   margin: 0;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
   position: relative;
-  -ms-flex-align: start;
-      align-items: flex-start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
 }
 .e-stepper .e-stepper-steps .e-step-container,
 .e-stepper .e-stepper-steps .e-step,
 .e-stepper .e-stepper-steps .e-step-valid.e-step-text.e-step-text-only .e-step-text-container,
 .e-stepper .e-stepper-steps .e-step-error.e-step-text.e-step-text-only .e-step-text-container,
 .e-stepper .e-stepper-steps .e-step-label-container {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
 .e-stepper .e-step-container {
   max-width: var(--max-width);
@@ -10478,6 +10828,7 @@ ejs-sidebar {
 .e-stepper .e-step-container .e-step-text-container {
   max-width: clamp(100%, 10em, 100%);
   white-space: nowrap;
+  font-size: 14px;
 }
 .e-stepper .e-step-container .e-step-label-optional {
   font-size: 12px;
@@ -10485,10 +10836,13 @@ ejs-sidebar {
       flex-basis: 100%;
 }
 .e-stepper .e-step-container .e-step-optional-container {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
 .e-stepper .e-step-container .e-step-content {
   font-size: 16px;
@@ -10505,17 +10859,15 @@ ejs-sidebar {
   padding-block: 5px;
 }
 .e-stepper .e-step-container.e-step-text-only.e-step-error .e-step-text-container, .e-stepper .e-step-container.e-step-text-only.e-step-valid .e-step-text-container, .e-stepper .e-step-container.e-step-label-only.e-step-error .e-step-label-container, .e-stepper .e-step-container.e-step-label-only.e-step-valid .e-step-label-container {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
 .e-stepper .e-step-container.e-step-text-only.e-step-error .e-step-text-container .e-step-validation-icon, .e-stepper .e-step-container.e-step-text-only.e-step-valid .e-step-text-container .e-step-validation-icon, .e-stepper .e-step-container.e-step-label-only.e-step-error .e-step-label-container .e-step-validation-icon, .e-stepper .e-step-container.e-step-label-only.e-step-valid .e-step-label-container .e-step-validation-icon {
   position: relative;
   top: 0.25em;
 }
-.e-stepper .e-step-container .e-step-label-container,
-.e-stepper .e-step-container .e-step-text-container {
-  font-size: 14px;
-}
 .e-stepper .e-step-container .e-step,
 .e-stepper .e-step-container .e-indicator {
   border-radius: 9999px;
@@ -10530,54 +10882,63 @@ ejs-sidebar {
   display: block;
 }
 .e-stepper.e-horizontal .e-stepper-steps {
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
 }
-.e-stepper.e-horizontal.e-label-before:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar, .e-stepper.e-horizontal.e-label-after:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
+.e-stepper.e-horizontal.e-label-before:has(.e-step-item.e-step-label:not(.e-step-text)) .e-stepper-progressbar, .e-stepper.e-horizontal.e-label-after:has(.e-step-item.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
   margin-left: var(--progress-left-position);
   top: var(--progress-top-position);
   width: var(--progress-bar-width);
 }
-.e-stepper.e-horizontal.e-label-before.e-rtl:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar, .e-stepper.e-horizontal.e-label-after.e-rtl:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
+.e-stepper.e-horizontal.e-label-before.e-rtl:has(.e-step-item.e-step-label:not(.e-step-text)) .e-stepper-progressbar, .e-stepper.e-horizontal.e-label-after.e-rtl:has(.e-step-item.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
   margin-right: var(--progress-left-position);
   margin-left: unset;
 }
-.e-stepper.e-horizontal .e-step-icon.e-step-label {
+.e-stepper.e-horizontal .e-step-item.e-step-label {
   gap: 1em;
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
-.e-stepper.e-horizontal .e-step-icon.e-step-label .e-step-label-container {
+.e-stepper.e-horizontal .e-step-item.e-step-label .e-step-label-container {
   position: relative;
 }
-.e-stepper.e-horizontal .e-step-icon.e-step-label .e-step-label-container.e-label-before {
-  -ms-flex-order: -1;
-      order: -1;
+.e-stepper.e-horizontal .e-step-item.e-step-label .e-step-label-container.e-label-before {
+  -webkit-box-ordinal-group: 0;
+      -ms-flex-order: -1;
+          order: -1;
 }
 .e-stepper.e-horizontal.e-label-start .e-step-text-container {
-  -ms-flex-order: -1;
-      order: -1;
+  -webkit-box-ordinal-group: 0;
+      -ms-flex-order: -1;
+          order: -1;
 }
-.e-stepper.e-horizontal .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
+.e-stepper.e-horizontal .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional {
   position: absolute;
   top: 2.5em;
   margin-left: 2.5em;
 }
-.e-stepper.e-horizontal.e-label-start .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional, .e-stepper.e-horizontal.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
+.e-stepper.e-horizontal.e-label-start .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional, .e-stepper.e-horizontal.e-rtl .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional {
   margin-right: 2.5em;
   margin-left: unset;
 }
-.e-stepper.e-horizontal.e-label-start.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
+.e-stepper.e-horizontal.e-label-start.e-rtl .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional {
   margin-right: unset;
   margin-left: 2.5em;
 }
 .e-stepper.e-horizontal.e-label-before .e-stepper-steps:has(.e-step-label-optional) {
-  -ms-flex-align: end;
-      align-items: flex-end;
+  -webkit-box-align: end;
+      -ms-flex-align: end;
+          align-items: flex-end;
 }
 .e-stepper.e-horizontal.e-label-before .e-stepper-steps .e-step-label-container.e-label-before:has(.e-step-label-optional) {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   gap: 0.5em;
 }
 .e-stepper.e-horizontal .e-text,
@@ -10588,19 +10949,16 @@ ejs-sidebar {
 }
 .e-stepper.e-horizontal .e-step-text.e-step-text-only:has(.e-step-label-optional),
 .e-stepper.e-horizontal .e-step-label.e-step-label-only:has(.e-step-label-optional),
-.e-stepper.e-horizontal .e-step-icon:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
-.e-stepper.e-horizontal .e-step-label-container.e-label-after:has(.e-step-label-optional) {
+.e-stepper.e-horizontal .e-step-item:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
+.e-stepper.e-horizontal .e-step-container:not(.e-step-item):not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
+.e-stepper.e-horizontal .e-step-label-container.e-label-after:has(.e-step-label-optional), .e-stepper.e-horizontal.e-step-type-indicator .e-step-container {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
-.e-stepper.e-horizontal.e-step-type-indicator .e-step-container {
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-}
-.e-stepper.e-horizontal .e-step-icon:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
+.e-stepper.e-horizontal .e-step-item:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
   margin-top: 0.5em;
 }
-.e-stepper.e-horizontal.e-label-after .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-optional {
+.e-stepper.e-horizontal.e-label-after .e-step-item.e-step-label:not(.e-step-text) .e-step-label-optional {
   margin-top: 0.2em;
 }
 .e-stepper.e-vertical {
@@ -10614,71 +10972,80 @@ ejs-sidebar {
 .e-stepper.e-vertical:not(.e-label-top):not(.e-label-bottom) .e-step-label-optional {
   position: absolute;
 }
-.e-stepper.e-vertical:not(.e-label-bottom):not(.e-label-top) .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
+.e-stepper.e-vertical:not(.e-label-bottom):not(.e-label-top) .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional {
   margin-top: 3em;
   margin-left: 4em;
 }
-.e-stepper.e-vertical.e-rtl:not(.e-label-bottom):not(.e-label-top) .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
+.e-stepper.e-vertical.e-rtl:not(.e-label-bottom):not(.e-label-top) .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional {
   margin-left: unset;
   margin-right: 4em;
 }
 .e-stepper.e-vertical .e-stepper-steps {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   min-height: inherit;
   float: left;
-  -ms-flex-align: start;
-      align-items: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: start;
   margin: 0;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
 }
 .e-stepper.e-vertical.e-rtl .e-stepper-steps {
   float: right;
 }
-.e-stepper.e-vertical .e-stepper-steps:has(.e-step-icon:not(.e-step-text):not(.e-step-label)),
+.e-stepper.e-vertical .e-stepper-steps:has(.e-step-item:not(.e-step-text):not(.e-step-label)),
 .e-stepper.e-vertical .e-stepper-steps:has(.e-step-text.e-step-text-only),
-.e-stepper.e-vertical .e-stepper-steps:has(.e-step-label.e-step-label-only), .e-stepper.e-vertical.e-label-after .e-stepper-steps:has(.e-step-label.e-step-text:not(.e-step-icon)), .e-stepper.e-vertical.e-step-type-indicator .e-stepper-steps {
-  -ms-flex-align: center;
-      align-items: center;
+.e-stepper.e-vertical .e-stepper-steps:has(.e-step-label.e-step-label-only), .e-stepper.e-vertical.e-label-after .e-stepper-steps:has(.e-step-label.e-step-text:not(.e-step-item)), .e-stepper.e-vertical.e-step-type-indicator .e-stepper-steps {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
-.e-stepper.e-vertical .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
-.e-stepper.e-vertical .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
+.e-stepper.e-vertical .e-step-item.e-step-text:not(.e-step-label) .e-step-text-container,
+.e-stepper.e-vertical .e-step-item.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
   margin-left: 10px;
 }
-.e-stepper.e-vertical.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
-.e-stepper.e-vertical.e-rtl .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
+.e-stepper.e-vertical.e-rtl .e-step-item.e-step-text:not(.e-step-label) .e-step-text-container,
+.e-stepper.e-vertical.e-rtl .e-step-item.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
   margin-left: unset;
   margin-right: 10px;
 }
-.e-stepper.e-vertical .e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional), .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional),
+.e-stepper.e-vertical .e-step-item:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional), .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional),
 .e-stepper.e-vertical .e-step-text-only.e-step-text:has(.e-step-label-optional),
 .e-stepper.e-vertical .e-step-label-only.e-step-label:has(.e-step-label-optional) {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
-.e-stepper.e-vertical .e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional) .e-step-label-optional, .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional) .e-step-label-optional,
+.e-stepper.e-vertical .e-step-item:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional) .e-step-label-optional, .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional) .e-step-label-optional,
 .e-stepper.e-vertical .e-step-text-only.e-step-text:has(.e-step-label-optional) .e-step-label-optional,
 .e-stepper.e-vertical .e-step-label-only.e-step-label:has(.e-step-label-optional) .e-step-label-optional {
   position: unset;
 }
-.e-stepper.e-vertical .e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional), .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional) {
+.e-stepper.e-vertical .e-step-item:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional), .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional) {
   gap: 0.5em;
 }
-.e-stepper.e-vertical.e-label-before .e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional), .e-stepper.e-vertical.e-label-after .e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) {
-  -ms-flex-direction: column;
-      flex-direction: column;
+.e-stepper.e-vertical.e-label-before .e-step-item.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional), .e-stepper.e-vertical.e-label-after .e-step-item.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
-.e-stepper.e-vertical.e-label-before .e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) .e-label, .e-stepper.e-vertical.e-label-after .e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) .e-label {
+.e-stepper.e-vertical.e-label-before .e-step-item.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) .e-label, .e-stepper.e-vertical.e-label-after .e-step-item.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) .e-label {
   line-height: 2em;
 }
-.e-stepper.e-vertical.e-label-before .e-step-icon.e-step-label .e-step-label-optional, .e-stepper.e-vertical.e-label-after .e-step-icon.e-step-label .e-step-label-optional {
+.e-stepper.e-vertical.e-label-before .e-step-item.e-step-label .e-step-label-optional, .e-stepper.e-vertical.e-label-after .e-step-item.e-step-label .e-step-label-optional {
   position: unset;
 }
-.e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-icon) .e-step-label-container.e-label-after {
+.e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-item) .e-step-label-container.e-label-after {
   position: absolute;
 }
-.e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-icon) .e-step-label-container.e-label-after .e-step-label-optional {
+.e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-item) .e-step-label-container.e-label-after .e-step-label-optional {
   left: 0;
 }
 .e-stepper.e-vertical .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
@@ -10699,20 +11066,24 @@ ejs-sidebar {
   padding-bottom: 6px;
 }
 .e-stepper.e-vertical.e-label-top .e-stepper-steps, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps .e-step-container {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
 .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-text-container, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps .e-step-container .e-step-text-container {
   margin-left: 0;
 }
 .e-stepper.e-vertical.e-label-top .e-step-container .e-step-label-optional,
 .e-stepper.e-vertical.e-label-top .e-step-container .e-step-text-container {
-  -ms-flex-order: -1;
-      order: -1;
+  -webkit-box-ordinal-group: 0;
+      -ms-flex-order: -1;
+          order: -1;
 }
 .e-stepper .e-stepper-progressbar {
   height: 1.6px;
@@ -10723,9 +11094,12 @@ ejs-sidebar {
 .e-stepper .e-stepper-progressbar > .e-progressbar-value {
   height: 100%;
   width: var(--progress-value);
+  -webkit-transition-property: width;
   transition-property: width;
-  transition-duration: var(--duration);
-  transition-delay: var(--delay);
+  -webkit-transition-duration: var(--duration);
+          transition-duration: var(--duration);
+  -webkit-transition-delay: var(--delay);
+          transition-delay: var(--delay);
 }
 .e-stepper.e-vertical .e-stepper-progressbar {
   min-height: inherit;
@@ -10736,6 +11110,7 @@ ejs-sidebar {
 .e-stepper.e-vertical .e-stepper-progressbar > .e-progressbar-value {
   width: 100%;
   height: var(--progress-value);
+  -webkit-transition-property: height;
   transition-property: height;
 }
 .e-stepper.e-vertical.e-rtl .e-stepper-progressbar {
@@ -10754,12 +11129,12 @@ ejs-sidebar {
   top: 90% !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
-.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
+.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator,
+.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator {
   font-size: 28px;
 }
-.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
-.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
+.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
+.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
   width: 28px;
   height: 28px;
 }
@@ -10793,12 +11168,12 @@ ejs-sidebar {
   font-size: 10px;
 }
 
-.e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
-.e-bigger .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
+.e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator,
+.e-bigger .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator {
   font-size: 40px;
 }
-.e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
-.e-bigger .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
+.e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
+.e-bigger .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
   width: 40px;
   height: 40px;
 }
@@ -10832,16 +11207,16 @@ ejs-sidebar {
   font-size: 14px;
 }
 
-.e-bigger.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
-.e-bigger.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
-.e-bigger .e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
-.e-small .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
+.e-bigger.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator,
+.e-bigger.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator,
+.e-bigger .e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator,
+.e-small .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator {
   font-size: 36px;
 }
-.e-bigger.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
-.e-bigger.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
-.e-bigger .e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
-.e-small .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
+.e-bigger.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
+.e-bigger.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
+.e-bigger .e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
+.e-small .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
   width: 36px;
   height: 36px;
 }
@@ -10935,10 +11310,6 @@ ejs-sidebar {
 .e-stepper .e-step-error .e-indicator:hover {
   color: #f3f2f1;
 }
-.e-stepper .e-step-selected .e-text,
-.e-stepper .e-step-selected .e-label {
-  font-weight: 600;
-}
 .e-stepper .e-step-valid.e-step-text-only .e-step-validation-icon,
 .e-stepper .e-step-valid.e-step-label-only .e-step-validation-icon {
   color: #0b6a0b;
@@ -10957,7 +11328,7 @@ ejs-sidebar {
 .e-stepper .e-step-completed:not(.e-step-error) .e-label {
   color: #0078d4;
 }
-.e-stepper .e-step-label:not(.e-step-icon) .e-step-label-container {
+.e-stepper .e-step-label:not(.e-step-item) .e-step-label-container {
   background-color: #1b1a19;
 }
 .e-stepper .e-step-text-container {
@@ -10973,7 +11344,7 @@ ejs-sidebar {
 .e-stepper .e-step-disabled .e-step-validation-icon {
   color: #484644;
 }
-.e-stepper.e-vertical .e-step-text-only.e-step-text .e-step-label-optional, .e-stepper.e-vertical .e-step-label-only.e-step-label .e-step-label-optional, .e-stepper.e-vertical .e-step-icon:not(.e-step-text):not(.e-step-label) .e-step-label-optional, .e-stepper.e-vertical.e-label-top .e-step-label-optional, .e-stepper.e-vertical.e-label-bottom .e-step-label-optional {
+.e-stepper.e-vertical .e-step-text-only.e-step-text .e-step-label-optional, .e-stepper.e-vertical .e-step-label-only.e-step-label .e-step-label-optional, .e-stepper.e-vertical .e-step-item:not(.e-step-text):not(.e-step-label) .e-step-label-optional, .e-stepper.e-vertical.e-label-top .e-step-label-optional, .e-stepper.e-vertical.e-label-bottom .e-step-label-optional {
   background-color: #1b1a19;
 }
 .e-stepper .e-stepper-progressbar {
@@ -10983,31 +11354,36 @@ ejs-sidebar {
   background-color: #0078d4;
 }
 .e-stepper:not(.e-steps-focus) .e-step-selected .e-step {
-  box-shadow: 0 0 0 2px #1b1a19, 0 0 0 4px #0078d4, 0 0 0 8px #1b1a19;
+  -webkit-box-shadow: 0 0 0 2px #1b1a19, 0 0 0 4px #0078d4, 0 0 0 8px #1b1a19;
+          box-shadow: 0 0 0 2px #1b1a19, 0 0 0 4px #0078d4, 0 0 0 8px #1b1a19;
 }
 .e-stepper .e-step-focus .e-step,
 .e-stepper .e-step-label-only.e-step-focus .e-label,
 .e-stepper .e-step-text-only.e-step-focus .e-text,
 .e-stepper .e-step-template.e-step-focus, .e-stepper:not(.e-steps-focus) :focus-visible .e-step, .e-stepper:not(.e-steps-focus) .e-step-text-only:focus-visible .e-text, .e-stepper:not(.e-steps-focus) .e-step-label-only:focus-visible .e-label {
-  box-shadow: 0 0 0 2px #1b1a19, 0 0 0 4px #f3f2f1, 0 0 0 8px #1b1a19;
+  -webkit-box-shadow: 0 0 0 2px #1b1a19, 0 0 0 4px #f3f2f1, 0 0 0 8px #1b1a19;
+          box-shadow: 0 0 0 2px #1b1a19, 0 0 0 4px #f3f2f1, 0 0 0 8px #1b1a19;
 }
 .e-stepper:not(.e-steps-focus) .e-step-valid.e-step-selected .e-step,
 .e-stepper .e-step-valid.e-step-focus .e-step,
 .e-stepper .e-step-valid.e-step-label-only.e-step-focus .e-label,
 .e-stepper .e-step-valid.e-step-text-only.e-step-focus .e-text,
 .e-stepper .e-step-valid.e-step-template.e-step-focus {
-  box-shadow: 0 0 0 2px #1b1a19, 0 0 0 4px #0b6a0b, 0 0 0 8px #1b1a19;
+  -webkit-box-shadow: 0 0 0 2px #1b1a19, 0 0 0 4px #0b6a0b, 0 0 0 8px #1b1a19;
+          box-shadow: 0 0 0 2px #1b1a19, 0 0 0 4px #0b6a0b, 0 0 0 8px #1b1a19;
 }
 .e-stepper:not(.e-steps-focus) .e-step-error.e-step-selected .e-step,
 .e-stepper .e-step-error.e-step-focus .e-step,
 .e-stepper .e-step-error.e-step-label-only.e-step-focus .e-label,
 .e-stepper .e-step-error.e-step-text-only.e-step-focus .e-text,
 .e-stepper .e-step-error.e-step-template.e-step-focus {
-  box-shadow: 0 0 0 2px #1b1a19, 0 0 0 4px #d13438, 0 0 0 8px #1b1a19;
+  -webkit-box-shadow: 0 0 0 2px #1b1a19, 0 0 0 4px #d13438, 0 0 0 8px #1b1a19;
+          box-shadow: 0 0 0 2px #1b1a19, 0 0 0 4px #d13438, 0 0 0 8px #1b1a19;
 }
 .e-stepper .e-step-container:not(.e-step-focus).e-step-notstarted .e-step,
 .e-stepper .e-step-container:not(.e-step-focus).e-step-completed .e-step, .e-stepper.e-steps-focus .e-step-container:not(.e-step-focus).e-step-selected .e-step {
-  box-shadow: 0 0 0 8px #1b1a19;
+  -webkit-box-shadow: 0 0 0 8px #1b1a19;
+          box-shadow: 0 0 0 8px #1b1a19;
 }
 .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step:hover,
 .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator:hover {