@syncfusion/ej2-navigations 27.2.5 → 28.1.33

package/styles/fabric-lite.css

@@ -1343,7 +1343,6 @@
 }
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
-  color: #333;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -1357,6 +1356,7 @@
           justify-content: center;
   width: 100%;
   font-size: 14px;
+  color: #333;
 }
 .e-toolbar.e-toolpop {
   overflow: visible;
@@ -4936,17 +4936,6 @@
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
   color: #333;
 }
-@media screen and (max-width: 480px) {
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
-    color: #333;
-  }
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
-    color: #333;
-  }
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
-    color: #333;
-  }
-}
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
   background: inherit;
   border: 1px solid #fff;
@@ -6170,6 +6159,9 @@
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
 }
+.e-treeview .e-navigable-text {
+  padding: 0 5px;
+}
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
   display: inline-block;
@@ -6187,6 +6179,10 @@
 .e-treeview .e-list-img + .e-list-text {
   padding: 0 10px;
 }
+.e-treeview .e-list-icon + .e-navigable-text,
+.e-treeview .e-list-img + .e-navigable-text {
+  padding: 0 10px;
+}
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
   display: inline-block;
@@ -6291,6 +6287,12 @@
 .e-treeview .e-navigable .e-anchor-wrap {
   padding: 0 0 0 5px;
 }
+.e-treeview .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
+.e-treeview .e-navigable .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+  padding: 0;
+}
 .e-treeview .e-navigable .e-list-icon,
 .e-treeview .e-navigable .e-list-img {
   margin: 0 10px 0 0;
@@ -6338,6 +6340,9 @@
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
   padding: 0 5px 0 0;
 }
+.e-treeview.e-rtl .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
 .e-treeview.e-rtl .e-navigable .e-list-icon,
 .e-treeview.e-rtl .e-navigable .e-list-img,
 .e-treeview.e-rtl .e-navigable .e-list-icon + .e-list-img {
@@ -8417,6 +8422,7 @@ ejs-sidebar {
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -8440,6 +8446,7 @@ ejs-sidebar {
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -8557,6 +8564,7 @@ ejs-sidebar {
 }
 .e-stepper.e-vertical .e-stepper-progressbar {
   min-height: inherit;
+  height: inherit;
   width: 1.6px;
   top: 0;
   left: var(--progress-position);
@@ -8691,7 +8699,8 @@ ejs-sidebar {
   background-color: #fff;
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: #eaeaea;
   color: #a6a6a6;
 }

package/styles/fabric.css

@@ -727,6 +727,13 @@
     margin-top: 6px;
   }
 }
+@media (max-width: 769px) {
+  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
+  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
+    margin-left: 0;
+    margin-top: 6px;
+  }
+}
 .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
 .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
 .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
@@ -1599,7 +1606,6 @@
 }
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
-  color: #333;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -1613,6 +1619,7 @@
           justify-content: center;
   width: 100%;
   font-size: 14px;
+  color: #333;
 }
 .e-toolbar.e-toolpop {
   overflow: visible;
@@ -5610,17 +5617,6 @@
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
   color: #333;
 }
-@media screen and (max-width: 480px) {
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
-    color: #333;
-  }
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
-    color: #333;
-  }
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
-    color: #333;
-  }
-}
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
   background: inherit;
   border: 1px solid #fff;
@@ -6999,6 +6995,13 @@
   top: 0;
   vertical-align: initial;
 }
+.e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
+.e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon,
+.e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
+.e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
+  height: 100%;
+  width: 100%;
+}
 .e-bigger .e-tab .e-tab-header .e-hor-nav,
 .e-tab.e-bigger .e-tab-header .e-hor-nav {
   height: 50px;
@@ -8038,6 +8041,9 @@
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
 }
+.e-treeview .e-navigable-text {
+  padding: 0 5px;
+}
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
   display: inline-block;
@@ -8055,6 +8061,10 @@
 .e-treeview .e-list-img + .e-list-text {
   padding: 0 10px;
 }
+.e-treeview .e-list-icon + .e-navigable-text,
+.e-treeview .e-list-img + .e-navigable-text {
+  padding: 0 10px;
+}
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
   display: inline-block;
@@ -8159,6 +8169,12 @@
 .e-treeview .e-navigable .e-anchor-wrap {
   padding: 0 0 0 5px;
 }
+.e-treeview .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
+.e-treeview .e-navigable .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+  padding: 0;
+}
 .e-treeview .e-navigable .e-list-icon,
 .e-treeview .e-navigable .e-list-img {
   margin: 0 10px 0 0;
@@ -8206,6 +8222,9 @@
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
   padding: 0 5px 0 0;
 }
+.e-treeview.e-rtl .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
 .e-treeview.e-rtl .e-navigable .e-list-icon,
 .e-treeview.e-rtl .e-navigable .e-list-img,
 .e-treeview.e-rtl .e-navigable .e-list-icon + .e-list-img {
@@ -8502,7 +8521,6 @@
 .e-treeview.e-bigger .e-list-text {
   line-height: 38px;
   min-height: 38px;
-  padding: 0 10px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -10876,6 +10894,7 @@ ejs-sidebar {
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -10899,6 +10918,7 @@ ejs-sidebar {
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -11016,6 +11036,7 @@ ejs-sidebar {
 }
 .e-stepper.e-vertical .e-stepper-progressbar {
   min-height: inherit;
+  height: inherit;
   width: 1.6px;
   top: 0;
   left: var(--progress-position);
@@ -11150,7 +11171,8 @@ ejs-sidebar {
   background-color: #fff;
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: #eaeaea;
   color: #a6a6a6;
 }

package/styles/fluent-dark-lite.css

@@ -1382,7 +1382,6 @@
 }
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
-  color: #a19f9d;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -1396,6 +1395,7 @@
           justify-content: center;
   width: 100%;
   font-size: 12px;
+  color: #a19f9d;
 }
 .e-toolbar.e-toolpop {
   overflow: visible;
@@ -4974,17 +4974,6 @@
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
   color: #a19f9d;
 }
-@media screen and (max-width: 480px) {
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
-    color: #c8c6c4;
-  }
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
-    color: #c8c6c4;
-  }
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
-    color: rgba(161, 159, 157, 0.87);
-  }
-}
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
   background: none;
   border: 0;
@@ -6195,7 +6184,7 @@
   line-height: 36px;
   margin: 0;
   min-height: 36px;
-  padding: 0 8px;
+  padding: 0 12px;
   text-decoration: none;
   vertical-align: middle;
 }
@@ -6208,6 +6197,9 @@
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
 }
+.e-treeview .e-navigable-text {
+  padding: 0 12px;
+}
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
   display: inline-block;
@@ -6225,6 +6217,10 @@
 .e-treeview .e-list-img + .e-list-text {
   padding: 0 12px;
 }
+.e-treeview .e-list-icon + .e-navigable-text,
+.e-treeview .e-list-img + .e-navigable-text {
+  padding: 0 12px;
+}
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
   display: inline-block;
@@ -6326,6 +6322,12 @@
 .e-treeview .e-navigable .e-anchor-wrap {
   padding: 0 0 0 12px;
 }
+.e-treeview .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
+.e-treeview .e-navigable .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+  padding: 0;
+}
 .e-treeview .e-navigable .e-list-icon,
 .e-treeview .e-navigable .e-list-img {
   margin: 0 12px 0 0;
@@ -6383,6 +6385,9 @@
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
   padding: 0 12px 0 0;
 }
+.e-treeview.e-rtl .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
 .e-treeview.e-rtl .e-navigable .e-list-icon,
 .e-treeview.e-rtl .e-navigable .e-list-img,
 .e-treeview.e-rtl .e-navigable .e-list-icon + .e-list-img {
@@ -8461,6 +8466,7 @@ ejs-sidebar {
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -8484,6 +8490,7 @@ ejs-sidebar {
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -8601,6 +8608,7 @@ ejs-sidebar {
 }
 .e-stepper.e-vertical .e-stepper-progressbar {
   min-height: inherit;
+  height: inherit;
   width: 1.6px;
   top: 0;
   left: var(--progress-position);
@@ -8735,7 +8743,8 @@ ejs-sidebar {
   background-color: #1b1a19;
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: #292827;
   color: #484644;
 }

package/styles/fluent-dark.css

@@ -729,6 +729,13 @@
     margin-top: 10px;
   }
 }
+@media (max-width: 769px) {
+  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
+  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
+    margin-left: 0;
+    margin-top: 10px;
+  }
+}
 .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
 .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
 .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
@@ -1638,7 +1645,6 @@
 }
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
-  color: #a19f9d;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -1652,6 +1658,7 @@
           justify-content: center;
   width: 100%;
   font-size: 12px;
+  color: #a19f9d;
 }
 .e-toolbar.e-toolpop {
   overflow: visible;
@@ -5635,17 +5642,6 @@
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
   color: #a19f9d;
 }
-@media screen and (max-width: 480px) {
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
-    color: #c8c6c4;
-  }
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
-    color: #c8c6c4;
-  }
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
-    color: rgba(161, 159, 157, 0.87);
-  }
-}
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
   background: none;
   border: 0;
@@ -7024,6 +7020,13 @@
   top: 0;
   vertical-align: initial;
 }
+.e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
+.e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon,
+.e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
+.e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
+  height: 100%;
+  width: 100%;
+}
 .e-bigger .e-tab .e-tab-header .e-hor-nav,
 .e-tab.e-bigger .e-tab-header .e-hor-nav {
   height: 48px;
@@ -8050,7 +8053,7 @@
   line-height: 36px;
   margin: 0;
   min-height: 36px;
-  padding: 0 8px;
+  padding: 0 12px;
   text-decoration: none;
   vertical-align: middle;
 }
@@ -8063,6 +8066,9 @@
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
 }
+.e-treeview .e-navigable-text {
+  padding: 0 12px;
+}
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
   display: inline-block;
@@ -8080,6 +8086,10 @@
 .e-treeview .e-list-img + .e-list-text {
   padding: 0 12px;
 }
+.e-treeview .e-list-icon + .e-navigable-text,
+.e-treeview .e-list-img + .e-navigable-text {
+  padding: 0 12px;
+}
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
   display: inline-block;
@@ -8181,6 +8191,12 @@
 .e-treeview .e-navigable .e-anchor-wrap {
   padding: 0 0 0 12px;
 }
+.e-treeview .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
+.e-treeview .e-navigable .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+  padding: 0;
+}
 .e-treeview .e-navigable .e-list-icon,
 .e-treeview .e-navigable .e-list-img {
   margin: 0 12px 0 0;
@@ -8238,6 +8254,9 @@
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
   padding: 0 12px 0 0;
 }
+.e-treeview.e-rtl .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
 .e-treeview.e-rtl .e-navigable .e-list-icon,
 .e-treeview.e-rtl .e-navigable .e-list-img,
 .e-treeview.e-rtl .e-navigable .e-list-icon + .e-list-img {
@@ -8599,7 +8618,6 @@
 .e-treeview.e-bigger .e-list-text {
   line-height: 40px;
   min-height: 40px;
-  padding: 0 16px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -10996,6 +11014,7 @@ ejs-sidebar {
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -11019,6 +11038,7 @@ ejs-sidebar {
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -11136,6 +11156,7 @@ ejs-sidebar {
 }
 .e-stepper.e-vertical .e-stepper-progressbar {
   min-height: inherit;
+  height: inherit;
   width: 1.6px;
   top: 0;
   left: var(--progress-position);
@@ -11270,7 +11291,8 @@ ejs-sidebar {
   background-color: #1b1a19;
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: #292827;
   color: #484644;
 }

package/styles/fluent-lite.css

@@ -1382,7 +1382,6 @@
 }
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
-  color: #605e5c;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -1396,6 +1395,7 @@
           justify-content: center;
   width: 100%;
   font-size: 12px;
+  color: #605e5c;
 }
 .e-toolbar.e-toolpop {
   overflow: visible;
@@ -4974,17 +4974,6 @@
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
   color: #605e5c;
 }
-@media screen and (max-width: 480px) {
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
-    color: #3b3a39;
-  }
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
-    color: #3b3a39;
-  }
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
-    color: rgba(96, 94, 92, 0.87);
-  }
-}
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
   background: none;
   border: 0;
@@ -6195,7 +6184,7 @@
   line-height: 36px;
   margin: 0;
   min-height: 36px;
-  padding: 0 8px;
+  padding: 0 12px;
   text-decoration: none;
   vertical-align: middle;
 }
@@ -6208,6 +6197,9 @@
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
 }
+.e-treeview .e-navigable-text {
+  padding: 0 12px;
+}
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
   display: inline-block;
@@ -6225,6 +6217,10 @@
 .e-treeview .e-list-img + .e-list-text {
   padding: 0 12px;
 }
+.e-treeview .e-list-icon + .e-navigable-text,
+.e-treeview .e-list-img + .e-navigable-text {
+  padding: 0 12px;
+}
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
   display: inline-block;
@@ -6326,6 +6322,12 @@
 .e-treeview .e-navigable .e-anchor-wrap {
   padding: 0 0 0 12px;
 }
+.e-treeview .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
+.e-treeview .e-navigable .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+  padding: 0;
+}
 .e-treeview .e-navigable .e-list-icon,
 .e-treeview .e-navigable .e-list-img {
   margin: 0 12px 0 0;
@@ -6383,6 +6385,9 @@
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
   padding: 0 12px 0 0;
 }
+.e-treeview.e-rtl .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
 .e-treeview.e-rtl .e-navigable .e-list-icon,
 .e-treeview.e-rtl .e-navigable .e-list-img,
 .e-treeview.e-rtl .e-navigable .e-list-icon + .e-list-img {
@@ -8461,6 +8466,7 @@ ejs-sidebar {
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -8484,6 +8490,7 @@ ejs-sidebar {
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -8601,6 +8608,7 @@ ejs-sidebar {
 }
 .e-stepper.e-vertical .e-stepper-progressbar {
   min-height: inherit;
+  height: inherit;
   width: 1.6px;
   top: 0;
   left: var(--progress-position);
@@ -8735,7 +8743,8 @@ ejs-sidebar {
   background-color: #fff;
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: #edebe9;
   color: #a19f9d;
 }