@syncfusion/ej2-navigations 19.4.56 → 20.1.51

package/styles/bootstrap5-dark.css

@@ -47,22 +47,22 @@
 /*! h-scroll layout */
 .e-bigger .e-hscroll,
 .e-hscroll.e-bigger {
-  min-height: 48px;
+  min-height: 46px;
 }
 
 .e-bigger .e-hscroll:not(.e-scroll-device),
 .e-hscroll.e-bigger:not(.e-scroll-device) {
-  padding: 0 48px;
+  padding: 0 38px;
 }
 
 .e-bigger .e-hscroll.e-scroll-device,
 .e-hscroll.e-bigger.e-scroll-device {
-  padding-right: 48px;
+  padding-right: 38px;
 }
 
 .e-bigger .e-hscroll.e-rtl.e-scroll-device,
 .e-hscroll.e-bigger.e-rtl.e-scroll-device {
-  padding-left: 48px;
+  padding-left: 38px;
   padding-right: initial;
 }
 
@@ -73,18 +73,18 @@
 
 .e-bigger .e-hscroll.e-rtl .e-scroll-overlay.e-scroll-right-overlay,
 .e-hscroll.e-bigger.e-rtl .e-scroll-overlay.e-scroll-right-overlay {
-  left: 48px;
+  left: 38px;
 }
 
 .e-bigger .e-hscroll .e-scroll-overlay.e-scroll-right-overlay,
 .e-hscroll.e-bigger .e-scroll-overlay.e-scroll-right-overlay {
-  right: 48px;
+  right: 38px;
 }
 
 .e-bigger .e-hscroll .e-scroll-nav,
 .e-hscroll.e-bigger .e-scroll-nav {
-  min-height: 48px;
-  width: 48px;
+  min-height: 46px;
+  width: 38px;
 }
 
 .e-hscroll {
@@ -114,7 +114,7 @@
 }
 
 .e-hscroll:not(.e-scroll-device) {
-  padding: 0 28px;
+  padding: 0 32px;
 }
 
 .e-hscroll.e-scroll-device {
@@ -187,12 +187,11 @@
   cursor: pointer;
   display: -ms-flexbox;
   display: flex;
-  height: 100%;
   min-height: 38px;
   overflow: hidden;
   position: absolute;
   top: 0;
-  width: 28px;
+  width: 32px;
 }
 
 .e-hscroll .e-scroll-nav.e-scroll-left-nav {
@@ -602,8 +601,8 @@
 /*! toolbar layout */
 .e-bigger .e-toolbar,
 .e-toolbar.e-bigger {
-  height: 48px;
-  min-height: 48px;
+  height: 46px;
+  min-height: 46px;
 }
 
 .e-bigger .e-toolbar .e-tbar-btn .e-icons,
@@ -643,7 +642,7 @@
 
 .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child,
 .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
-  margin-left: 10px;
+  margin-left: 12px;
   margin-right: initial;
 }
 
@@ -654,7 +653,7 @@
 
 .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child,
 .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child {
-  margin-left: 10px;
+  margin-left: 12px;
   margin-right: 0;
 }
 
@@ -676,12 +675,12 @@
 .e-bigger .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-toolbar.e-bigger.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-left: 0;
-  margin-right: 10px;
+  margin-right: 12px;
 }
 
 .e-bigger .e-toolbar .e-hor-nav,
 .e-toolbar.e-bigger .e-hor-nav {
-  min-height: 48px;
+  min-height: 46px;
   min-width: 36px;
 }
 
@@ -718,7 +717,7 @@
 
 .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn,
 .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
-  min-height: 48px;
+  min-height: 46px;
   padding: 8px 18px;
 }
 
@@ -736,7 +735,7 @@
 
 .e-bigger .e-toolbar .e-toolbar-items,
 .e-toolbar.e-bigger .e-toolbar-items {
-  min-height: 48px;
+  min-height: 46px;
 }
 
 .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow,
@@ -771,7 +770,7 @@
 
 .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child,
 .e-toolbar.e-bigger .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
-  margin-right: 10px;
+  margin-right: 12px;
 }
 
 .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
@@ -781,7 +780,7 @@
 
 .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child,
 .e-toolbar.e-bigger .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child {
-  margin-right: 10px;
+  margin-right: 12px;
 }
 
 .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item,
@@ -791,29 +790,29 @@
 
 .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child,
 .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
-  margin-left: 10px;
+  margin-left: 12px;
 }
 
 .e-bigger .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-toolbar.e-bigger .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
-  margin-left: 10px;
+  margin-left: 12px;
 }
 
 .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item,
 .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item {
-  min-height: 48px;
+  min-height: 46px;
 }
 
 .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
 .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item:not(.e-separator) {
   min-width: 49px;
-  padding: 5px 6px;
+  padding: 4px;
 }
 
 .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
 .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item.e-separator {
   height: 30px;
-  margin: 8px 4px;
+  margin: 8px;
   min-height: 30px;
 }
 
@@ -858,10 +857,10 @@
 
 .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended,
 .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended {
-  min-height: 48px;
+  min-height: 46px;
   padding-bottom: 0;
-  padding-left: 10px;
-  padding-right: 10px;
+  padding-left: 12px;
+  padding-right: 12px;
   padding-top: 0;
   margin-left: -1px;
 }
@@ -891,7 +890,7 @@
 .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator),
 .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator) {
   min-width: 49px;
-  padding: 5px 6px;
+  padding: 4px;
 }
 
 .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator.e-extended-separator,
@@ -914,7 +913,7 @@
   cursor: pointer;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  min-height: 48px;
+  min-height: 46px;
   vertical-align: middle;
   width: auto;
 }
@@ -945,7 +944,7 @@
 .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator,
 .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
   height: 30px;
-  margin: 8px 4px;
+  margin: 8px;
   min-height: 30px;
 }
 
@@ -964,7 +963,7 @@
 
 .e-bigger .e-toolbar.e-extended-toolbar.e-rtl .e-toolbar-extended,
 .e-toolbar.e-bigger.e-extended-toolbar.e-rtl .e-toolbar-extended {
-  padding-right: 10px;
+  padding-right: 12px;
   margin-left: 0;
 }
 
@@ -1129,8 +1128,8 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
   height: calc(100% - 10px);
   margin: 0;
-  min-height: 30px;
-  min-width: 30px;
+  min-height: 32px;
+  min-width: 32px;
   padding: 0 4px;
 }
 
@@ -1139,7 +1138,7 @@
 }
 
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
-  margin: 7px 3px;
+  margin: 5px 10px;
   min-height: 16px;
   min-width: 1px;
   vertical-align: middle;
@@ -1585,7 +1584,7 @@
 }
 
 .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
-  margin: 7px 3px;
+  margin: 5px 10px;
   min-height: 24px;
   min-width: 1px;
 }
@@ -1601,8 +1600,8 @@
 .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
   height: calc(100% - 10px);
   margin: 0;
-  min-height: 30px;
-  min-width: 30px;
+  min-height: 32px;
+  min-width: 32px;
   padding: 0 4px;
   border-radius: 4px;
 }
@@ -1855,21 +1854,25 @@
   background: #5c636a;
 }
 
+.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
+  background: transparent;
+}
+
 .e-toolbar.e-extended-toolbar .e-toolbar-pop {
   background: #282d31;
 }
 
 .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: #343a40;
+  background: #5c636a;
   border: 0;
   box-shadow: none;
-  border-left: 0 #444c54 #343a40;
+  border-left: 0 #444c54 #5c636a;
 }
 
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active .e-icons,
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) .e-icons {
-  color: #ced4da;
+  color: #fff;
 }
 
 .e-toolbar .e-tbar-btn {
@@ -2008,24 +2011,34 @@
   font-size: 16px;
 }
 
+.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content,
+.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
+  padding: 20px 20px 20px 28px;
+}
+
+.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 {
+  padding: 12px 0 12px 28px;
+}
+
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
 }
 
-.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion,
-.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion {
+.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion,
+.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
   border: 0;
 }
 
-.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
-.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
+.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
+.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
   padding: 12px 0 12px 40px;
 }
 
-.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
-.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
-  padding: 12px 0 12px 28px;
+.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
+.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
+  padding: 24px 24px 24px 40px;
 }
 
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-header .e-acrdn-header-content,
@@ -2037,7 +2050,7 @@
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header {
   line-height: 24px;
   min-height: 48px;
-  padding: 11px 17px;
+  padding: 13px 20px;
 }
 
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-toggle-icon,
@@ -2065,49 +2078,24 @@
   padding: 16px;
 }
 
-.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
-.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
-  padding: 20px;
-}
-
-.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
-.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
-  padding: 24px;
-}
-
-.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header,
-.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
-  padding: 12px 0 12px 28px;
-}
-
-.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content,
-.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content {
-  padding: 0;
-}
-
-.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
-.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
-  padding: 20px;
-}
-
-.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel.e-nested > .e-acrdn-content,
-.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel.e-nested > .e-acrdn-content {
-  padding: 0;
+.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content,
+.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
+  padding: 20px 28px 20px 20px;
 }
 
-.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
-.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
-  padding: 24px;
+.e-bigger .e-accordion.e-rtl .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-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
+  padding: 12px 28px 12px 0;
 }
 
-.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
-.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
+.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
+.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
   padding: 12px 40px 12px 0;
 }
 
-.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
-.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
-  padding: 12px 28px 12px 0;
+.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
+.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
+  padding: 24px 40px 24px 24px;
 }
 
 .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header,
@@ -2168,7 +2156,7 @@
   line-height: 22px;
   min-height: 38px;
   overflow: hidden;
-  padding: 7px 12px 3px;
+  padding: 10px 16px;
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2216,6 +2204,14 @@
   width: 100%;
 }
 
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
+  padding: 16px 16px 16px 26px;
+}
+
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
+  padding: 8px 0 8px 26px;
+}
+
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
 }
@@ -2224,7 +2220,7 @@
   padding: 0;
 }
 
-.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion {
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion {
   border: 0;
 }
 
@@ -2232,6 +2228,10 @@
   padding: 8px 0 8px 38px;
 }
 
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
+  padding: 20px 20px 20px 38px;
+}
+
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
   font-weight: normal;
 }
@@ -2240,14 +2240,6 @@
   font-weight: normal;
 }
 
-.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
-  padding: 16px;
-}
-
-.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
-  padding: 20px;
-}
-
 .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
   line-height: 1.5;
   overflow: hidden;
@@ -2260,11 +2252,7 @@
   text-overflow: ellipsis;
 }
 
-.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
-  padding: 8px 0 8px 26px;
-}
-
-.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header-content {
+.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-header-content {
   font-size: 14px;
 }
 
@@ -2272,20 +2260,20 @@
   display: none;
 }
 
-.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
-  padding: 8px 38px 8px 0;
+.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
+  padding: 16px 26px 16px 16px;
 }
 
-.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
+.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
   padding: 8px 26px 8px 0;
 }
 
-.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
-  padding: 16px;
+.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
+  padding: 8px 38px 8px 0;
 }
 
-.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
-  padding: 20px;
+.e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
+  padding: 20px 38px 20px 20px;
 }
 
 .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header {
@@ -2425,6 +2413,243 @@
   font-size: 14px;
 }
 
+/*! Carousel component bootstrap5 theme definitions and variables */
+.e-carousel .e-previous-icon::before {
+  content: '\e765';
+}
+
+.e-carousel .e-next-icon::before {
+  content: '\e748';
+}
+
+.e-carousel .e-play-icon::before {
+  content: '\e70c';
+}
+
+.e-carousel .e-pause-icon::before {
+  content: '\e77b';
+}
+
+.e-carousel.e-rtl .e-previous-icon::before {
+  content: '\e748';
+}
+
+.e-carousel.e-rtl .e-next-icon::before {
+  content: '\e765';
+}
+
+/*! carousel component styles */
+.e-carousel {
+  display: block;
+  margin: 0;
+  padding: 0;
+  position: relative;
+}
+
+.e-carousel .e-carousel-items {
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+
+.e-carousel .e-carousel-items .e-carousel-item {
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  display: none;
+  float: left;
+  height: 100%;
+  margin-right: -100%;
+  position: relative;
+  width: 100%;
+}
+
+.e-carousel .e-carousel-items .e-carousel-item.e-active {
+  display: block;
+}
+
+.e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item {
+  transition: transform 0.6s ease-in-out;
+}
+
+.e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-prev, .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-next, .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active {
+  display: block;
+}
+
+.e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-next:not(.e-transition-start), .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-end {
+  transform: translateX(100%);
+}
+
+.e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-prev:not(.e-transition-end), .e-carousel .e-carousel-items.e-carousel-slide-animation .e-carousel-item.e-active.e-transition-start {
+  transform: translateX(-100%);
+}
+
+.e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item {
+  display: block;
+  opacity: 0;
+  transition: opacity 0.6s ease-in-out;
+  z-index: 0;
+}
+
+.e-carousel .e-carousel-items.e-carousel-fade-animation .e-carousel-item.e-active {
+  opacity: 1;
+  z-index: 1;
+}
+
+.e-carousel .e-carousel-navigators {
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+  height: 100%;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: 1;
+}
+
+.e-carousel .e-carousel-navigators .e-play-pause,
+.e-carousel .e-carousel-navigators .e-previous,
+.e-carousel .e-carousel-navigators .e-next {
+  padding: .5em;
+  pointer-events: auto;
+}
+
+.e-carousel .e-carousel-navigators .e-play-pause .e-btn,
+.e-carousel .e-carousel-navigators .e-previous .e-btn,
+.e-carousel .e-carousel-navigators .e-next .e-btn {
+  border: 0;
+  box-shadow: none;
+}
+
+.e-carousel .e-carousel-navigators .e-play-pause .e-btn:hover,
+.e-carousel .e-carousel-navigators .e-previous .e-btn:hover,
+.e-carousel .e-carousel-navigators .e-next .e-btn:hover {
+  border-radius: 50%;
+}
+
+.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);
+}
+
+.e-carousel .e-carousel-navigators .e-play-pause.e-hover-arrows,
+.e-carousel .e-carousel-navigators .e-previous.e-hover-arrows,
+.e-carousel .e-carousel-navigators .e-next.e-hover-arrows {
+  display: none;
+}
+
+.e-carousel .e-carousel-indicators {
+  -ms-flex-align: center;
+      align-items: center;
+  bottom: 0;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  min-height: 48px;
+  padding: 0;
+  pointer-events: none;
+  position: absolute;
+  width: 100%;
+  z-index: 1;
+}
+
+.e-carousel .e-carousel-indicators .e-indicator-bars {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -ms-flex-pack: center;
+      justify-content: center;
+  pointer-events: auto;
+}
+
+.e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar {
+  padding: 0;
+}
+
+.e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator {
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  padding: 4px;
+}
+
+.e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator div {
+  border: 1px solid rgba(255, 255, 255, 0.4);
+  border-radius: 2px;
+  height: 5px;
+  transition-duration: 0.6s;
+  transition-property: background-color, border-color;
+  transition-timing-function: ease-in-out;
+  width: 20px;
+}
+
+.e-carousel .e-carousel-indicators .e-indicator-bars .e-indicator-bar .e-indicator .e-ripple-element {
+  display: none;
+}
+
+/*! 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) {
+  background-color: transparent;
+}
+
+.e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled) .e-btn-icon,
+.e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled) .e-btn-icon,
+.e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) .e-btn-icon {
+  color: #fff;
+}
+
+.e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):active, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):focus, .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled):hover,
+.e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):active,
+.e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):focus,
+.e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled):hover,
+.e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):active,
+.e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):focus,
+.e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled):hover {
+  background-color: rgba(255, 255, 255, 0.4);
+  outline: none;
+}
+
+.e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator {
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: none;
+}
+
+.e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator div {
+  background-color: #fff;
+  border-color: #fff;
+}
+
+.e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:active, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus, .e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:hover {
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: none;
+  outline: none;
+}
+
+.e-carousel .e-carousel-indicators .e-indicator-bar .e-indicator:focus-visible {
+  border-color: #000;
+}
+
+.e-carousel .e-carousel-indicators .e-indicator-bar.e-active .e-indicator div {
+  background-color: #0d6efd;
+  border-color: #0d6efd;
+}
+
 /*! contextmenu layout */
 .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
 .e-contextmenu-container ul .e-menu-item .e-previous::before {
@@ -2480,6 +2705,7 @@
 .e-contextmenu-wrapper ul.e-contextmenu,
 .e-contextmenu-container ul.e-contextmenu {
   box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
+  padding: 4px 0;
 }
 
 .e-contextmenu-wrapper ul.e-ul,
@@ -2491,8 +2717,8 @@
 .e-contextmenu-container ul .e-menu-item {
   cursor: pointer;
   position: relative;
-  height: 32px;
-  line-height: 32px;
+  height: 30px;
+  line-height: 30px;
   padding: 0 12px;
 }
 
@@ -2534,14 +2760,14 @@
 .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
 .e-contextmenu-container ul .e-menu-item .e-menu-icon {
   font-size: 18px;
-  line-height: 32px;
+  line-height: 30px;
   margin-right: 8px;
   width: 1em;
 }
 
 .e-contextmenu-wrapper ul .e-menu-item .e-caret,
 .e-contextmenu-container ul .e-menu-item .e-caret {
-  line-height: 32px;
+  line-height: 30px;
   margin-left: 16px;
   margin-right: 0;
   position: absolute;
@@ -2577,6 +2803,11 @@
   pointer-events: none;
 }
 
+.e-contextmenu-wrapper ul .e-menu-item .e-checkbox-wrapper,
+.e-contextmenu-container ul .e-menu-item .e-checkbox-wrapper {
+  width: max-content;
+}
+
 .e-contextmenu-wrapper.e-sfcontextmenu,
 .e-contextmenu-container.e-sfcontextmenu {
   position: absolute;
@@ -2665,14 +2896,16 @@
   box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
   max-width: 280px;
   min-width: 112px;
+  padding: 8px 0;
 }
 
 .e-bigger .e-contextmenu-wrapper ul .e-menu-item,
 .e-bigger.e-contextmenu-wrapper ul .e-menu-item,
 .e-bigger .e-contextmenu-container ul .e-menu-item,
 .e-bigger.e-contextmenu-container ul .e-menu-item {
-  height: 36px;
-  line-height: 36px;
+  height: 32px;
+  line-height: 32px;
+  padding: 0 16px;
 }
 
 .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
@@ -2680,14 +2913,14 @@
 .e-bigger .e-contextmenu-container ul .e-menu-item .e-menu-icon,
 .e-bigger.e-contextmenu-container ul .e-menu-item .e-menu-icon {
   font-size: 22px;
-  line-height: 36px;
+  line-height: 32px;
 }
 
 .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret,
 .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-caret,
 .e-bigger .e-contextmenu-container ul .e-menu-item .e-caret,
 .e-bigger.e-contextmenu-container ul .e-menu-item .e-caret {
-  line-height: 36px;
+  line-height: 32px;
 }
 
 .e-bigger .e-contextmenu-wrapper ul .e-menu-item.e-separator,
@@ -2984,7 +3217,7 @@
 .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
 .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
   height: 42px;
-  margin: 0 2px 0 0;
+  margin: 0;
   min-height: 42px;
   min-width: auto;
   padding: 0;
@@ -2993,7 +3226,7 @@
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
   .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
-    margin: 0 2px 0 0;
+    margin: 0;
   }
 }
 
@@ -3067,7 +3300,7 @@
 .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
 .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
   cursor: pointer;
-  margin: 0 0 0 8px;
+  margin: 2px 0 0 8px;
 }
 
 @media screen and (max-width: 480px) {
@@ -3115,7 +3348,7 @@
 
 .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
 .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
-  margin: 0 0 0 12px;
+  margin: 0 0 0 8px;
 }
 
 @media screen and (max-width: 480px) {
@@ -3163,7 +3396,7 @@
 
 .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-text,
 .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-tab-text {
-  margin: 10px 0 0;
+  margin: 8px 0 0;
 }
 
 .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-text,
@@ -4334,7 +4567,7 @@
 
 .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
   height: 32px;
-  margin: 0 2px 0 0;
+  margin: 0;
   min-height: 32px;
   min-width: auto;
   padding: 0;
@@ -4470,10 +4703,10 @@
 .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 20px;
-  min-width: 20px;
-  width: 20px;
-  line-height: 20px;
+  height: 24px;
+  min-width: 24px;
+  width: 24px;
+  line-height: 24px;
 }
 
 @media screen and (max-width: 480px) {
@@ -4577,7 +4810,7 @@
 
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-text {
-    margin: 10px 0 0;
+    margin: 8px 0 0;
   }
 }
 
@@ -5228,7 +5461,7 @@
 }
 
 .e-tab .e-content.e-progress {
-  overflow-x: hidden;
+  overflow: hidden;
 }
 
 .e-tab.e-vertical-tab .e-content {
@@ -5886,7 +6119,7 @@
 
 .e-tab-clone-element:not(.e-separator) {
   height: 32px;
-  margin: 0 2px 0 0;
+  margin: 0;
   min-height: 32px;
   min-width: auto;
   padding: 0;
@@ -5965,10 +6198,10 @@
 .e-tab-clone-element .e-icons.e-tab-icon {
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 20px;
-  min-width: 20px;
-  width: 20px;
-  line-height: 20px;
+  height: 24px;
+  min-width: 24px;
+  width: 24px;
+  line-height: 24px;
 }
 
 @media screen and (max-width: 480px) {
@@ -6064,7 +6297,7 @@
 
 @media screen and (max-width: 480px) {
   .e-tab-clone-element.e-itop .e-tab-text {
-    margin: 10px 0 0;
+    margin: 8px 0 0;
   }
 }
 
@@ -6113,7 +6346,7 @@
 
 .e-bigger .e-tab-clone-element:not(.e-separator) {
   height: 42px;
-  margin: 0 2px 0 0;
+  margin: 0;
   min-height: 42px;
   min-width: auto;
   padding: 0;
@@ -6121,7 +6354,7 @@
 
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab-clone-element:not(.e-separator) {
-    margin: 0 2px 0 0;
+    margin: 0;
   }
 }
 
@@ -6151,7 +6384,7 @@
 
 .e-bigger .e-tab-clone-element .e-icons.e-close-icon {
   cursor: pointer;
-  margin: 0 0 0 8px;
+  margin: 2px 0 0 8px;
 }
 
 @media screen and (max-width: 480px) {
@@ -6189,7 +6422,7 @@
 }
 
 .e-bigger .e-tab-clone-element .e-icon-left + .e-tab-text {
-  margin: 0 0 0 12px;
+  margin: 0 0 0 8px;
 }
 
 @media screen and (max-width: 480px) {
@@ -6223,7 +6456,7 @@
 }
 
 .e-bigger .e-tab-clone-element.e-itop .e-tab-text {
-  margin: 10px 0 0;
+  margin: 8px 0 0;
 }
 
 .e-bigger .e-tab-clone-element.e-ibottom .e-tab-text {
@@ -7745,7 +7978,7 @@
 }
 
 .e-treeview .e-checkbox-wrapper {
-  margin: 0 0 0 8px;
+  margin: 0 0 0 12px;
   pointer-events: all;
   position: relative;
 }
@@ -7927,7 +8160,7 @@
 }
 
 .e-treeview .e-navigable .e-anchor-wrap {
-  padding: 0 0 0 8px;
+  padding: 0 0 0 12px;
 }
 
 .e-treeview .e-navigable .e-list-icon,
@@ -7992,7 +8225,7 @@
 }
 
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
-  padding: 0 8px 0 0;
+  padding: 0 12px 0 0;
 }
 
 .e-treeview.e-rtl .e-navigable .e-list-icon,
@@ -8014,7 +8247,7 @@
 }
 
 .e-treeview.e-rtl .e-checkbox-wrapper {
-  margin: 0 8px 0 0;
+  margin: 0 12px 0 0;
 }
 
 .e-treeview.e-rtl .e-checkbox-wrapper + .e-list-icon,
@@ -8392,6 +8625,10 @@ ejs-sidebar {
   visibility: visible;
 }
 
+.e-sidebar.e-left.e-open.e-dock.e-blazor-dock, .e-sidebar.e-right.e-open.e-dock.e-blazor-dock {
+  transition: width .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 {
   transition: none;
 }
@@ -8584,7 +8821,7 @@ ejs-sidebar {
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  font-size: 0;
+  font-size: 14px;
   padding: 0;
   text-align: left;
   white-space: nowrap;
@@ -8649,9 +8886,8 @@ ejs-sidebar {
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  font-size: 14px;
-  height: 50px;
-  line-height: 50px;
+  height: 32px;
+  line-height: 32px;
   padding: 0 12px;
   vertical-align: top;
   white-space: nowrap;
@@ -8690,7 +8926,7 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-menu-icon {
   font-size: 18px;
   height: auto;
-  line-height: 50px;
+  line-height: 32px;
   margin-right: 8px;
   text-align: center;
 }
@@ -8699,7 +8935,7 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-caret {
   font-size: 14px;
   height: auto;
-  line-height: 55px;
+  line-height: 35px;
   position: absolute;
   right: 8px;
   top: 0;
@@ -8727,8 +8963,8 @@ ejs-sidebar {
 
 .e-menu-wrapper .e-ul .e-menu-item,
 .e-menu-container .e-ul .e-menu-item {
-  height: 32px;
-  line-height: 32px;
+  height: 30px;
+  line-height: 30px;
   padding: 0 12px;
   display: list-item;
 }
@@ -8742,14 +8978,14 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-menu-icon,
 .e-menu-container .e-ul .e-menu-item .e-menu-icon {
   font-size: 18px;
-  line-height: 32px;
+  line-height: 30px;
   margin-right: 8px;
   width: 1em;
 }
 
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
-  line-height: 32px;
+  line-height: 30px;
   margin-left: 16px;
   margin-right: 0;
   position: absolute;
@@ -8790,8 +9026,8 @@ ejs-sidebar {
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 18px;
   font-weight: 400;
-  height: 50px;
-  line-height: 50px;
+  height: 32px;
+  line-height: 32px;
   text-align: left;
   white-space: nowrap;
 }
@@ -9013,8 +9249,8 @@ ejs-sidebar {
 .e-bigger.e-menu-wrapper ul .e-menu-item,
 .e-bigger .e-menu-container ul .e-menu-item,
 .e-bigger.e-menu-container ul .e-menu-item {
-  height: 48px;
-  line-height: 48px;
+  height: 38px;
+  line-height: 38px;
   padding: 0 16px;
 }
 
@@ -9023,7 +9259,7 @@ ejs-sidebar {
 .e-bigger .e-menu-container ul .e-menu-item .e-menu-icon,
 .e-bigger.e-menu-container ul .e-menu-item .e-menu-icon {
   font-size: 22px;
-  line-height: 48px;
+  line-height: 38px;
   margin-right: 12px;
 }
 
@@ -9039,7 +9275,7 @@ ejs-sidebar {
 .e-bigger .e-menu-container ul .e-menu-item .e-caret,
 .e-bigger.e-menu-container ul .e-menu-item .e-caret {
   font-size: 16px;
-  line-height: 54px;
+  line-height: 40px;
   right: 12px;
 }
 
@@ -9080,8 +9316,8 @@ ejs-sidebar {
 .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item,
 .e-bigger .e-menu-container ul.e-ul .e-menu-item,
 .e-bigger.e-menu-container ul.e-ul .e-menu-item {
-  height: 36px;
-  line-height: 36px;
+  height: 32px;
+  line-height: 32px;
   padding: 0 12px;
 }
 
@@ -9090,14 +9326,14 @@ ejs-sidebar {
 .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-menu-icon,
 .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-menu-icon {
   font-size: 22px;
-  line-height: 36px;
+  line-height: 32px;
 }
 
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-caret,
 .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-caret,
 .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-caret,
 .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-caret {
-  line-height: 36px;
+  line-height: 32px;
 }
 
 .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item.e-separator,
@@ -9336,7 +9572,7 @@ ejs-sidebar {
 
 .e-menu-wrapper.e-hamburger ul.e-ul .e-menu-item,
 .e-menu-container.e-hamburger ul.e-ul .e-menu-item {
-  line-height: 50px;
+  line-height: 32px;
   text-indent: inherit;
 }
 
@@ -9414,7 +9650,7 @@ ejs-sidebar {
 .e-bigger .e-menu-container.e-hamburger ul .e-ul .e-menu-item,
 .e-bigger.e-menu-container.e-hamburger ul .e-ul .e-menu-item {
   height: auto;
-  line-height: 48px;
+  line-height: 38px;
   padding: 0;
 }
 
@@ -9423,8 +9659,8 @@ ejs-sidebar {
 .e-bigger .e-menu-container.e-hamburger .e-menu-header,
 .e-bigger.e-menu-container.e-hamburger .e-menu-header {
   font-size: 22px;
-  height: 48px;
-  line-height: 48px;
+  height: 38px;
+  line-height: 38px;
 }
 
 .e-bigger .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item,
@@ -9793,7 +10029,7 @@ ejs-sidebar {
 }
 
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
-  padding: 4px 2px;
+  padding: 0;
 }
 
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus {
@@ -9824,7 +10060,15 @@ ejs-sidebar {
   text-decoration: underline;
 }
 
-.e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover, .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:focus, .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:active {
+.e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover {
+  text-decoration: underline;
+}
+
+.e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:focus {
+  text-decoration: underline;
+}
+
+.e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:active {
   text-decoration: underline;
 }
 
@@ -10039,7 +10283,7 @@ ejs-sidebar {
 
 .e-bigger.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text,
 .e-bigger .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
-  padding: 4px 2px;
+  padding: 0;
 }
 
 .e-bigger.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus,