@syncfusion/ej2-navigations 28.2.12 → 29.1.34

package/styles/bootstrap5.css

@@ -122,7 +122,7 @@
   text-decoration: none;
 }
 .e-pager .e-currentitem {
-  border: 3px solid #86b7fe;
+  border: 3px solid rgb(134, 182.5, 254);
   font-style: normal;
   font-variant: normal;
   font-weight: 400;
@@ -354,7 +354,7 @@
   padding: 7px 10.5px 8px 9.5px;
 }
 .e-pager.e-rtl .e-numericitem.e-currentitem {
-  border-left-color: #86b7fe;
+  border-left-color: rgb(134, 182.5, 254);
   border-left-style: solid;
   border-left-width: 3px;
 }
@@ -572,7 +572,7 @@
 }
 .e-pager .e-currentitem,
 .e-pager .e-currentitem:hover {
-  border-right-color: #86b7fe;
+  border-right-color: rgb(134, 182.5, 254);
   background: #e9ecef;
   color: #0d6efd;
   opacity: 1;
@@ -586,7 +586,7 @@
 .e-pager .e-mprev.e-focused,
 .e-pager .e-mnext.e-focused,
 .e-pager .e-mlast.e-focused {
-  background-color: #eff1f4;
+  background-color: rgb(239.075, 241.35, 243.625);
 }
 .e-pager .e-currentitem.e-numericitem.e-focused {
   background: #e9ecef;
@@ -1965,7 +1965,7 @@
   color: #212529;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active {
-  background: #565e64;
+  background: rgb(86.4, 93.6, 100);
   -webkit-box-shadow: none;
           box-shadow: none;
 }
@@ -1973,18 +1973,18 @@
   color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active:focus {
-  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
-          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
+          box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   border-radius: 4px;
   color: #6c757d;
   border-color: #6c757d;
   border-style: solid;
   border-width: 0;
-  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
-          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
+          box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
   color: #fff;
@@ -1994,7 +1994,7 @@
   color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   border-color: #6c757d;
   border-style: solid;
   border-width: 0;
@@ -2015,7 +2015,7 @@
   color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:active {
-  background: #565e64;
+  background: rgb(86.4, 93.6, 100);
   border-color: #dee2e6;
   border-style: solid;
   border-width: 0;
@@ -2081,7 +2081,7 @@
   content: "";
 }
 .e-toolbar .e-hor-nav:hover {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   border-left: 0;
   color: #fff;
 }
@@ -2094,13 +2094,13 @@
   border-width: 0;
 }
 .e-toolbar .e-hor-nav:hover:active {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   border-color: #dee2e6;
   border-style: solid;
   border-width: 0;
 }
 .e-toolbar .e-hor-nav:focus {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   color: #fff;
   border-color: #6c757d;
   border-style: solid;
@@ -2111,16 +2111,16 @@
 }
 .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: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   -webkit-box-shadow: none;
           box-shadow: none;
-  border-color: #5c636a;
+  border-color: rgb(91.8, 99.45, 106.25);
   border-style: solid;
   border-width: 0;
 }
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:focus,
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav):focus {
-  border-color: #5c636a;
+  border-color: rgb(91.8, 99.45, 106.25);
   border-style: solid;
   border-width: 0;
 }
@@ -2142,7 +2142,7 @@
   background: transparent;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   -webkit-box-shadow: none;
           box-shadow: none;
   border-color: #6c757d;
@@ -2150,7 +2150,7 @@
   border-width: 0;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active {
-  background: #565e64;
+  background: rgb(86.4, 93.6, 100);
   -webkit-box-shadow: none;
           box-shadow: none;
   border-color: #dee2e6;
@@ -2158,7 +2158,7 @@
   border-width: 0;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   border-color: #6c757d;
   border-style: solid;
   border-width: 0;
@@ -2178,23 +2178,23 @@
   border: none;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   border-radius: 4px;
   border-color: #6c757d;
   border-style: solid;
   border-width: 0;
-  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
-          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
+          box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   border-radius: 4px;
   border-color: #6c757d;
   border-style: solid;
   border-width: 0;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
-  background: #565e64;
+  background: rgb(86.4, 93.6, 100);
   border-radius: 4px;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -2218,7 +2218,7 @@
   border-width: 0 0 0 0;
 }
 .e-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   color: #6c757d;
   border: solid #dee2e6;
   border-width: 0 0 0 0;
@@ -2710,7 +2710,7 @@
   border-width: 0 0 1px 0;
 }
 .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus {
-  background: #e7f1ff;
+  background: rgb(230.8, 240.5, 254.8);
 }
 .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-acrdn-header-content {
   color: #0d6efd;
@@ -2754,13 +2754,13 @@
   border-color: #dee2e6;
   border-style: solid;
   border-width: 0 0 1px 0;
-  background: #e7f1ff;
+  background: rgb(230.8, 240.5, 254.8);
 }
 .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:hover {
-  background: #e7f1ff;
+  background: rgb(230.8, 240.5, 254.8);
 }
 .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:active {
-  background: #e7f1ff;
+  background: rgb(230.8, 240.5, 254.8);
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
   color: #212529;
@@ -2805,7 +2805,7 @@
 .e-accordion .e-acrdn-item .e-acrdn-header:active {
   border: 0;
   border-color: initial;
-  background: #e7f1ff;
+  background: rgb(230.8, 240.5, 254.8);
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
@@ -2822,10 +2822,10 @@
   color: #0d6efd;
 }
 .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-icons {
-  color: #0c63e4;
+  color: rgb(11.7, 99, 227.7);
 }
 .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon {
-  color: #0c63e4;
+  color: rgb(11.7, 99, 227.7);
 }
 .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover:focus .e-acrdn-header-content {
   color: #212529;
@@ -2834,19 +2834,19 @@
   border-color: #dee2e6;
   border-style: solid;
   border-width: 0 0 1px 0;
-  background: #e7f1ff;
+  background: rgb(230.8, 240.5, 254.8);
 }
 .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-icons {
-  color: #0c63e4;
+  color: rgb(11.7, 99, 227.7);
 }
 .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-icon .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-icon .e-icons {
   color: #6c757d;
 }
 .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content {
-  color: #0c63e4;
+  color: rgb(11.7, 99, 227.7);
 }
 .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content {
-  color: #0c63e4;
+  color: rgb(11.7, 99, 227.7);
 }
 .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon {
   color: #6c757d;
@@ -2855,12 +2855,12 @@
   border-color: #dee2e6;
 }
 .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
-  color: #0c63e4;
+  color: rgb(11.7, 99, 227.7);
 }
 .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
 .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
 .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
-  color: #0c63e4;
+  color: rgb(11.7, 99, 227.7);
 }
 .e-accordion .e-acrdn-item.e-select.e-item-focus {
   border-color: #dee2e6;
@@ -2882,10 +2882,10 @@
   border-bottom: 1px none #dee2e6;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-acrdn-header-content {
-  color: #0c63e4;
+  color: rgb(11.7, 99, 227.7);
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-toggle-icon {
-  color: #0c63e4;
+  color: rgb(11.7, 99, 227.7);
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
   position: relative;
@@ -2905,7 +2905,7 @@
   color: #212529;
 }
 .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
-  background: #e7f1ff;
+  background: rgb(230.8, 240.5, 254.8);
   border-radius: 0;
   border-color: #dee2e6;
   border-style: solid;
@@ -3682,7 +3682,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #fff;
   border: 1px solid #dee2e6;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
@@ -4211,6 +4211,11 @@
   height: 26px;
   width: 100%;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
+    height: 42px;
+  }
+}
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -5667,7 +5672,7 @@
 }
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
-  color: #0a58ca;
+  color: rgb(10.4, 88, 202.4);
 }
 .e-tab .e-tab-header .e-toolbar-item.e-active {
   border: 1px solid #dee2e6;
@@ -5708,7 +5713,7 @@
   color: #6c757d;
 }
 .e-tab .e-tab-header .e-toolbar-item .e-close-icon:hover {
-  color: #0a58ca;
+  color: rgb(10.4, 88, 202.4);
 }
 .e-tab .e-tab-header .e-toolbar-item .e-close-icon:active {
   color: #0d6efd;
@@ -5754,7 +5759,7 @@
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
-  color: #0a58ca;
+  color: rgb(10.4, 88, 202.4);
 }
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active {
   background: #e9ecef;
@@ -5785,7 +5790,7 @@
 .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:hover,
 .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover {
   background: #dee2e6;
-  color: #0a58ca;
+  color: rgb(10.4, 88, 202.4);
   border: 0;
 }
 .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active,
@@ -5807,7 +5812,7 @@
 .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover,
 .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover {
   background: #dee2e6;
-  color: #0a58ca;
+  color: rgb(10.4, 88, 202.4);
 }
 .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active,
 .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active {
@@ -5854,7 +5859,7 @@
 }
 .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover {
-  color: #0a58ca;
+  color: rgb(10.4, 88, 202.4);
 }
 .e-tab .e-tab-header .e-hor-nav:focus,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus {
@@ -5996,7 +6001,7 @@
   background: rgba(233, 236, 239, 0.12);
 }
 .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow {
-  color: #0a58ca;
+  color: rgb(10.4, 88, 202.4);
 }
 .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow:hover {
   background: none;
@@ -6022,7 +6027,7 @@
 .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon:hover {
   background: inherit;
   border: 0;
-  color: #0a58ca;
+  color: rgb(10.4, 88, 202.4);
 }
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
@@ -6052,7 +6057,7 @@
 }
 .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
 .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
-  color: #0a58ca;
+  color: rgb(10.4, 88, 202.4);
 }
 .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon {
   color: #6c757d;
@@ -6111,10 +6116,10 @@
   color: #0d6efd;
 }
 .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text, .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
-  color: #0a58ca;
+  color: rgb(10.4, 88, 202.4);
 }
 .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
-  color: #0a58ca;
+  color: rgb(10.4, 88, 202.4);
 }
 .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
   margin-top: 0;
@@ -6214,7 +6219,7 @@
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text,
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-close-icon {
-  color: #0a58ca;
+  color: rgb(10.4, 88, 202.4);
 }
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
   background: rgba(233, 236, 239, 0.8);
@@ -6256,10 +6261,10 @@
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon,
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
-  color: #e7f1ff;
+  color: rgb(230.8, 240.5, 254.8);
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
-  color: #e7f1ff;
+  color: rgb(230.8, 240.5, 254.8);
 }
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon:hover {
   color: #fff;
@@ -6373,7 +6378,7 @@
 .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
 .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon,
 .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-close-icon {
-  color: #e7f1ff;
+  color: rgb(230.8, 240.5, 254.8);
 }
 .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
   background: #e9ecef;
@@ -6384,13 +6389,13 @@
   color: #fff;
 }
 .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text {
-  color: #e7f1ff;
+  color: rgb(230.8, 240.5, 254.8);
 }
 .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-icon {
-  color: #e7f1ff;
+  color: rgb(230.8, 240.5, 254.8);
 }
 .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-close-icon {
-  color: #e7f1ff;
+  color: rgb(230.8, 240.5, 254.8);
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav,
 .e-tab.e-background .e-tab-header .e-scroll-nav {
@@ -6398,7 +6403,7 @@
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow,
 .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow {
-  color: #e7f1ff;
+  color: rgb(230.8, 240.5, 254.8);
   border: 0;
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover,
@@ -6410,7 +6415,7 @@
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active,
 .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:active {
   background: unset;
-  color: #e7f1ff;
+  color: rgb(230.8, 240.5, 254.8);
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow,
 .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
@@ -6442,7 +6447,7 @@
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon {
-  color: #e7f1ff;
+  color: rgb(230.8, 240.5, 254.8);
   border: 0;
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:hover,
@@ -6593,7 +6598,7 @@
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text,
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-close-icon {
-  color: #e7f1ff;
+  color: rgb(230.8, 240.5, 254.8);
 }
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
   background: rgba(13, 110, 253, 0.12);
@@ -8040,6 +8045,11 @@
   position: absolute;
   width: 100%;
 }
+@supports (-webkit-overflow-scrolling: touch) {
+  .e-treeview .e-fullrow {
+    z-index: -1;
+  }
+}
 .e-treeview .e-checkbox-wrapper {
   margin: 0 0 0 12px;
   pointer-events: all;
@@ -8107,7 +8117,7 @@
 .e-treeview .e-icon-expandable {
   display: inline-block;
   height: 20px;
-  margin: 0 4px 0 -25px;
+  margin: 0 4px 0 -24px;
   vertical-align: middle;
   width: 20px;
 }
@@ -8414,7 +8424,7 @@
   border-color: #fff;
 }
 .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: #0262ef;
+  background-color: rgb(1.9713114754, 97.5799180328, 238.5286885246);
   border-color: #0d6efd;
 }
 .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 {
@@ -8484,7 +8494,7 @@
   border-color: #0d6efd;
 }
 .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: #0262ef;
+  background-color: rgb(1.9713114754, 97.5799180328, 238.5286885246);
   border-color: #0d6efd;
 }
 .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 {
@@ -10347,10 +10357,10 @@ ejs-sidebar {
   color: #0d6efd;
 }
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:hover, .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus {
-  color: #0257d5;
+  color: rgb(1.762295082, 87.2336065574, 213.237704918);
 }
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:active {
-  color: #024dbc;
+  color: rgb(1.5532786885, 76.887295082, 187.9467213115);
 }
 .e-breadcrumb .e-breadcrumb-item.e-icon-item:hover {
   background: #e9ecef;
@@ -10361,7 +10371,7 @@ ejs-sidebar {
   color: #6c757d;
 }
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus {
-  border: 1px solid #0257d5;
+  border: 1px solid rgb(1.762295082, 87.2336065574, 213.237704918);
 }
 .e-breadcrumb .e-breadcrumb-item[data-active-item] .e-breadcrumb-text {
   color: #6c757d;
@@ -11382,14 +11392,14 @@ ejs-sidebar {
 .e-stepper:not(.e-step-type-label) .e-indicator:hover,
 .e-stepper:not(.e-step-type-label) .e-step:hover {
   color: #fff;
-  background: #0b5ed7;
+  background: rgb(11.05, 93.5, 215.05);
 }
 .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-step:hover {
   color: #212529;
 }
 .e-stepper:not(.e-step-type-label) .e-step-selected .e-indicator:active,
 .e-stepper:not(.e-step-type-label) .e-step-selected .e-step:active {
-  background: #0a58ca;
+  background: rgb(10.4, 88, 202.4);
 }
 .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-indicator:active,
 .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-step:active {

package/styles/breadcrumb/_bigger.scss

@@ -1,3 +1,5 @@
+@use 'sass:list';
+
 @include export-module('breadcrumb-bigger') {
   .e-bigger.e-breadcrumb,
   .e-bigger .e-breadcrumb {
@@ -69,7 +71,7 @@
     }
 
     &.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
-      padding-left: nth($breadcrumb-separator-bigger-padding, 2);
+      padding-left: list.nth($breadcrumb-separator-bigger-padding, 2);
     }
 
     .e-breadcrumb-collapsed,

package/styles/breadcrumb/_bootstrap4-definition.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 // Size variables
 $breadcrumb-skin: 'bootstrap' !default;
 $breadcrumb-last-item-font-weight: normal !default;
@@ -33,9 +35,9 @@ $breadcrumb-popup-item-bigger-height: 32px !default;
 $breadcrumb-item-color: $primary !default;
 $breadcrumb-separator-color: $gray-600 !default;
 $breadcrumb-icon-color: $gray-700 !default;
-$breadcrumb-item-hover-color: darken($primary, 15%) !default;
-$breadcrumb-item-focus-color: darken($primary, 15%) !default;
-$breadcrumb-item-active-color: darken($primary, 20%) !default;
+$breadcrumb-item-hover-color: color.adjust($primary, $lightness: -15%) !default;
+$breadcrumb-item-focus-color: color.adjust($primary, $lightness: -15%) !default;
+$breadcrumb-item-active-color: color.adjust($primary, $lightness: -20%) !default;
 $breadcrumb-last-item-font-color: $gray-600 !default;
 $breadcrumb-collapsed-icon-hover-bgcolor: $gray-300 !default;
 $breadcrumb-collapsed-icon-active-bgcolor: $gray-400 !default;
@@ -49,6 +51,6 @@ $breadcrumb-popup-item-color: $gray-600 !default;
 $breadcrumb-popup-border: 1px solid rgba($black, .15) !default;
 $breadcrumb-popup-bgcolor: $content-popup-bg !default;
 $breadcrumb-popup-box-shadow: none !default;
-$breadcrumb-popup-item-hover-bgcolor: darken($gray-100, 2%) !default;
+$breadcrumb-popup-item-hover-bgcolor: color.adjust($gray-100, $lightness: 2%) !default;
 $breadcrumb-popup-item-hover-color: $gray-900 !default;
 $breadcrumb-popup-item-hover-outline: 0 solid $gray-200 !default;

package/styles/breadcrumb/_bootstrap5-definition.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 // Size variables
 $breadcrumb-skin: 'bootstrap5' !default;
 $breadcrumb-last-item-font-weight: $font-weight-normal !default;
@@ -38,9 +40,9 @@ $breadcrumb-popup-item-bigger-height: 36px !default;
 // Color variables
 $breadcrumb-separator-color: $content-text-color-alt3 !default;
 $breadcrumb-item-color: $primary-outline !default;
-$breadcrumb-item-hover-color: darken($primary-outline, 10%) !default;
+$breadcrumb-item-hover-color: color.adjust($primary-outline, $lightness: -10%) !default;
 $breadcrumb-item-focus-color: $breadcrumb-item-hover-color !default;
-$breadcrumb-item-active-color: darken($primary-outline, 15%) !default;
+$breadcrumb-item-active-color: color.adjust($primary-outline, $lightness: -15%) !default;
 $breadcrumb-last-item-font-color: $content-text-color-alt3 !default;
 $breadcrumb-collapsed-icon-hover-bgcolor: $content-bg-color-hover !default;
 $breadcrumb-collapsed-icon-active-bgcolor: $content-bg-color-pressed !default;
@@ -49,7 +51,7 @@ $breadcrumb-collapsed-icon-color: $icon-color !default;
 $breadcrumb-collapsed-icon-hover-color: $icon-color !default;
 $breadcrumb-disabled-item-color: $content-text-color-disabled !default;
 $breadcrumb-icon-interaction-color: $icon-color !default;
-$breadcrumb-item-focus-border: 1px solid darken($primary-outline, 10%) !default;
+$breadcrumb-item-focus-border: 1px solid color.adjust($primary-outline, $lightness: -10%) !default;
 $breadcrumb-popup-item-color: $content-text-color-alt3 !default;
 $breadcrumb-popup-border: 1px solid $border-light !default;
 $breadcrumb-popup-bgcolor: $flyout-bg-color !default;

package/styles/breadcrumb/_fusionnew-definition.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 // Size variables
 $breadcrumb-skin: 'bootstrap5' !default;
 $breadcrumb-last-item-font-weight: $font-weight-normal !default;
@@ -38,9 +40,9 @@ $breadcrumb-popup-item-bigger-height: 36px !default;
 // Color variables
 $breadcrumb-separator-color: $content-text-color-alt3 !default;
 $breadcrumb-item-color: $primary-outline !default;
-$breadcrumb-item-hover-color: darken($primary-outline, 10%) !default;
+$breadcrumb-item-hover-color: color.adjust($primary-outline, $lightness: -10%) !default;
 $breadcrumb-item-focus-color: $breadcrumb-item-hover-color !default;
-$breadcrumb-item-active-color: darken($primary-outline, 15%) !default;
+$breadcrumb-item-active-color: color.adjust($primary-outline, $lightness: -15%) !default;
 $breadcrumb-last-item-font-color: $content-text-color-alt3 !default;
 $breadcrumb-collapsed-icon-hover-bgcolor: $content-bg-color-hover !default;
 $breadcrumb-collapsed-icon-active-bgcolor: $content-bg-color-pressed !default;
@@ -49,7 +51,7 @@ $breadcrumb-collapsed-icon-color: $icon-color !default;
 $breadcrumb-collapsed-icon-hover-color: $icon-color !default;
 $breadcrumb-disabled-item-color: $content-text-color-disabled !default;
 $breadcrumb-icon-interaction-color: $icon-color !default;
-$breadcrumb-item-focus-border: 1px solid darken($primary-outline, 10%) !default;
+$breadcrumb-item-focus-border: 1px solid color.adjust($primary-outline, $lightness: -10%) !default;
 $breadcrumb-popup-item-color: $content-text-color-alt3 !default;
 $breadcrumb-popup-border: 1px solid $border-light !default;
 $breadcrumb-popup-bgcolor: $flyout-bg-color !default;
@@ -57,3 +59,7 @@ $breadcrumb-popup-box-shadow: $shadow-lg !default;
 $breadcrumb-popup-item-hover-bgcolor: $flyout-bg-color-hover !default;
 $breadcrumb-popup-item-hover-color: $content-text-color-focus !default;
 $breadcrumb-popup-item-hover-outline: 0 solid $border-light !default;
+$breadcrumb-disabled-item-opacity: .6 !default;
+$breadcrumb-disabled-icon-color: $content-text-color-disabled !default;
+$breadcrumb-popup-item-active-color: $flyout-bg-color-hover !default;
+$breadcrumb-popup-item-text-active-color: $content-text-color-focus !default;