@syncfusion/ej2-angular-navigations 20.3.56 → 20.3.57-ngcc

package/styles/material.css

@@ -97,15 +97,15 @@
 }
 @media (max-width: 769px) {
   .e-bigger .e-pager,
-.e-pager.e-bigger {
+  .e-pager.e-bigger {
     padding: 19px 0;
   }
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
-.e-pager.e-bigger.e-rtl div.e-parentmsgbar {
+  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-right: 0;
   }
   .e-bigger .e-pager div.e-parentmsgbar,
-.e-pager.e-bigger div.e-parentmsgbar {
+  .e-pager.e-bigger div.e-parentmsgbar {
     padding: 0;
   }
 }
@@ -426,9 +426,9 @@
     font-size: 11px;
   }
   .e-pager .e-mfirst,
-.e-pager .e-mprev,
-.e-pager .e-mnext,
-.e-pager .e-mlast {
+  .e-pager .e-mprev,
+  .e-pager .e-mnext,
+  .e-pager .e-mlast {
     border: 0;
     box-sizing: border-box;
     display: inline-block;
@@ -543,9 +543,9 @@
 }
 @media (max-width: 769px) {
   .e-pager.e-rtl .e-mfirst,
-.e-pager.e-rtl .e-mprev,
-.e-pager.e-rtl .e-mnext,
-.e-pager.e-rtl .e-mlast {
+  .e-pager.e-rtl .e-mprev,
+  .e-pager.e-rtl .e-mnext,
+  .e-pager.e-rtl .e-mlast {
     border: 0;
   }
   .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
@@ -3467,8 +3467,8 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
+  .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
     margin: 0;
   }
 }
@@ -3478,7 +3478,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
     margin: 0;
   }
 }
@@ -3488,7 +3488,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
     margin: 0;
   }
 }
@@ -3510,7 +3510,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) {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
     margin: 0;
   }
 }
@@ -3527,7 +3527,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
-.e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
     padding: 0 12px;
   }
 }
@@ -3546,7 +3546,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
-.e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
     margin: 0;
   }
 }
@@ -3571,7 +3571,7 @@
 }
 @media screen and (max-width: 480px) {
   .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 {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
     margin: 0 0 0 14px;
   }
 }
@@ -3583,9 +3583,9 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
-.e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
-.e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
-.e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
+  .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
+  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
+  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
     font-size: 12px;
   }
 }
@@ -3611,7 +3611,7 @@
 }
 @media screen and (max-width: 480px) {
   .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 {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
     margin: 0 0 0 14px;
   }
 }
@@ -3671,7 +3671,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap,
-.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
     padding: 0 16px;
   }
 }
@@ -3685,7 +3685,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"],
-.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] {
     padding-right: 0;
   }
 }
@@ -3709,8 +3709,8 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator),
-.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
-.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
+  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
     min-height: 48px;
   }
 }
@@ -3723,10 +3723,10 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap,
-.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
-.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
-.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
-.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
+  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
+  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
+  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
     height: 48px;
   }
 }
@@ -3739,8 +3739,8 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text,
-.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
-.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
+  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
+  .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
     margin: 0;
     padding-left: 0;
     padding-right: 0;
@@ -3754,7 +3754,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-scroll-nav,
-.e-tab.e-bigger .e-tab-header .e-scroll-nav {
+  .e-tab.e-bigger .e-tab-header .e-scroll-nav {
     padding: 0 12px;
   }
 }
@@ -3775,7 +3775,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
-.e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
+  .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
     font-size: 12px;
     height: 24px;
     line-height: 24px;
@@ -3799,7 +3799,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-hor-nav,
-.e-tab.e-bigger .e-tab-header .e-hor-nav {
+  .e-tab.e-bigger .e-tab-header .e-hor-nav {
     padding: 0 12px;
   }
 }
@@ -3814,9 +3814,9 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
-.e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
-.e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
-.e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
+  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
+  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
+  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
     font-size: 12px;
     height: 24px;
     line-height: 24px;
@@ -3834,9 +3834,9 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
-.e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
-.e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
-.e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
+  .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
+  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
+  .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
     font-size: 16px;
   }
 }
@@ -3883,7 +3883,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active,
-.e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
+  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
     margin: 0;
   }
 }
@@ -3898,7 +3898,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child,
-.e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
+  .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child {
     margin: 0;
   }
 }
@@ -3938,7 +3938,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before,
-.e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
+  .e-tab.e-bigger .e-tab-header.e-vertical[style*="overflow: hidden"]::before {
     bottom: 0;
     top: 0;
   }
@@ -3998,28 +3998,28 @@
 .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items {
   height: auto;
 }
-.e-bigger .e-tab.e-vertical-icon .e-tab-header,
-.e-tab.e-bigger.e-vertical-icon .e-tab-header {
+.e-bigger .e-tab.e-vertical-icon > .e-tab-header,
+.e-tab.e-bigger.e-vertical-icon > .e-tab-header {
   height: 72px;
   min-height: 72px;
 }
-.e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
-.e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items {
+.e-bigger .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items,
+.e-tab.e-bigger.e-vertical-icon > .e-tab-header > .e-toolbar-items {
   height: 72px;
 }
-.e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
-.e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav {
+.e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav,
+.e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-scroll-nav {
   height: 72px;
 }
-.e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
-.e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav {
+.e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav,
+.e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav {
   height: 72px;
 }
 @media screen and (max-width: 480px) {
-  .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
-.e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
-.e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
-.e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
+  .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
+  .e-bigger .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before,
+  .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
+  .e-tab.e-bigger.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
     font-size: 12px;
   }
 }
@@ -4143,7 +4143,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-fill .e-tab-header,
-.e-tab.e-bigger.e-fill .e-tab-header {
+  .e-tab.e-bigger.e-fill .e-tab-header {
     height: 46px;
     min-height: 46px;
   }
@@ -4155,7 +4155,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items,
-.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
+  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
     min-height: 46px;
   }
 }
@@ -4174,7 +4174,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
-.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
+  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
     height: 46px;
     min-height: 46px;
   }
@@ -4192,7 +4192,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap,
-.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
+  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
     height: 46px;
     padding: 0 24px;
   }
@@ -4203,7 +4203,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
-.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
+  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
     height: 46px;
   }
 }
@@ -4221,7 +4221,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
-.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
+  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
     height: 46px;
   }
 }
@@ -4232,8 +4232,8 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap,
-.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
-.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
+  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
+  .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
     height: 46px;
   }
 }
@@ -4288,8 +4288,8 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap,
-.e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
-.e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
+  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
+  .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
     height: auto;
   }
 }
@@ -4297,8 +4297,8 @@
 .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
   margin: 0;
 }
-.e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header,
-.e-tab.e-bigger.e-fill.e-vertical-icon .e-tab-header {
+.e-bigger .e-tab.e-fill.e-vertical-icon > .e-tab-header,
+.e-tab.e-bigger.e-fill.e-vertical-icon > .e-tab-header {
   height: 70px;
   min-height: 70px;
 }
@@ -4319,7 +4319,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
-.e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
+  .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
     padding: 0 24px;
   }
 }
@@ -4359,7 +4359,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
-.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
+  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
     margin: 0 14px 0 0;
   }
 }
@@ -4369,7 +4369,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon,
-.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
+  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
     margin: 0 14px 0 0;
   }
 }
@@ -4397,7 +4397,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text,
-.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
+  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
     padding-left: 0;
   }
 }
@@ -4420,8 +4420,8 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text,
-.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
-.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
+  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
+  .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
     margin: 0;
     padding-left: 0;
     padding-right: 0;
@@ -4648,7 +4648,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-close-icon,
-.e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
+  .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
     font-size: 12px;
   }
 }
@@ -4674,7 +4674,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
-.e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
+  .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
     font-size: 20px;
   }
 }
@@ -4969,7 +4969,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
-.e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
+  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
     font-size: 12px;
     height: 24px;
     line-height: 24px;
@@ -4986,7 +4986,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
-.e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
+  .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
     font-size: 16px;
   }
 }
@@ -5200,7 +5200,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
-.e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
+  .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
     font-size: 14px;
   }
 }
@@ -5267,38 +5267,38 @@
 .e-tab.e-vertical-tab .e-content .e-item > :first-child {
   width: 100%;
 }
-.e-tab.e-vertical-icon .e-tab-header {
+.e-tab.e-vertical-icon > .e-tab-header {
   height: 62px;
   min-height: 62px;
 }
-.e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
-.e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
+.e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
+.e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
   display: none;
 }
-.e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
+.e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items {
   height: 62px;
 }
-.e-tab.e-vertical-icon .e-tab-header .e-scroll-nav {
+.e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav {
   height: 62px;
 }
-.e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
+.e-tab.e-vertical-icon > .e-tab-header .e-hor-nav {
   height: 62px;
 }
 @media screen and (max-width: 480px) {
-  .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
-.e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
+  .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before,
+  .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before {
     font-size: 12px;
   }
 }
-.e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
-.e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
+.e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before,
+.e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
   display: none;
 }
-.e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
-.e-tab.e-vertical-icon .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
+.e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap,
+.e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap {
   position: relative;
 }
-.e-tab.e-vertical-icon .e-tab-header.e-vertical .e-scroll-nav {
+.e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav {
   height: 16px;
 }
 .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items {
@@ -5618,7 +5618,7 @@
 .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
   margin: 0;
 }
-.e-tab.e-fill.e-vertical-icon .e-tab-header {
+.e-tab.e-fill.e-vertical-icon > .e-tab-header {
   height: 60px;
   min-height: 60px;
 }
@@ -5804,7 +5804,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-close-icon,
-.e-tab-clone-element .e-close-icon::before {
+  .e-tab-clone-element .e-close-icon::before {
     font-size: 12px;
   }
 }
@@ -5830,7 +5830,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-tab-icon,
-.e-tab-clone-element .e-tab-icon::before {
+  .e-tab-clone-element .e-tab-icon::before {
     font-size: 20px;
   }
 }
@@ -5982,7 +5982,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab-clone-element .e-icons.e-close-icon,
-.e-bigger .e-tab-clone-element .e-close-icon::before {
+  .e-bigger .e-tab-clone-element .e-close-icon::before {
     font-size: 12px;
   }
 }

package/styles/menu/bootstrap-dark.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import '../context-menu/bootstrap-dark-definition.scss';
-@import '../h-scroll/bootstrap-dark-definition.scss';
-@import '../v-scroll/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/bootstrap-dark.scss';

package/styles/menu/bootstrap.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import '../context-menu/bootstrap-definition.scss';
-@import '../h-scroll/bootstrap-definition.scss';
-@import '../v-scroll/bootstrap-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/bootstrap.scss';

package/styles/menu/bootstrap4.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import '../context-menu/bootstrap4-definition.scss';
-@import '../h-scroll/bootstrap4-definition.scss';
-@import '../v-scroll/bootstrap4-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/bootstrap4.scss';

package/styles/menu/bootstrap5-dark.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import '../context-menu/bootstrap5-dark-definition.scss';
-@import '../h-scroll/bootstrap5-dark-definition.scss';
-@import '../v-scroll/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/bootstrap5-dark.scss';

package/styles/menu/bootstrap5.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import '../context-menu/bootstrap5-definition.scss';
-@import '../h-scroll/bootstrap5-definition.scss';
-@import '../v-scroll/bootstrap5-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/bootstrap5.scss';

package/styles/menu/fabric-dark.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import '../context-menu/fabric-dark-definition.scss';
-@import '../h-scroll/fabric-dark-definition.scss';
-@import '../v-scroll/fabric-dark-definition.scss';
-@import 'ej2-popups/styles/popup/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/fabric-dark.scss';

package/styles/menu/fabric.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import '../context-menu/fabric-definition.scss';
-@import '../h-scroll/fabric-definition.scss';
-@import '../v-scroll/fabric-definition.scss';
-@import 'ej2-popups/styles/popup/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/fabric.scss';

package/styles/menu/fluent-dark.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import '../context-menu/fluent-dark-definition.scss';
-@import '../h-scroll/fluent-dark-definition.scss';
-@import '../v-scroll/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/popup/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/fluent-dark.scss';

package/styles/menu/fluent.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import '../context-menu/fluent-definition.scss';
-@import '../h-scroll/fluent-definition.scss';
-@import '../v-scroll/fluent-definition.scss';
-@import 'ej2-popups/styles/popup/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/fluent.scss';

package/styles/menu/highcontrast-light.scss

@@ -1,8 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import '../context-menu/highcontrast-light-definition.scss';
-@import '../h-scroll/highcontrast-light-definition.scss';
-@import '../v-scroll/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/popup/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/menu/highcontrast-light.scss';