@syncfusion/ej2-angular-navigations 19.2.59 → 19.3.44

package/styles/toolbar/bootstrap5.scss

@@ -0,0 +1 @@
+@import 'ej2-navigations/styles/toolbar/bootstrap5.scss';

package/styles/toolbar/fabric-dark.css

@@ -240,7 +240,7 @@
   height: inherit;
   margin: 0;
   min-height: 50px;
-  min-width: 0;
+  min-width: 50px;
   padding: 0;
 }
 
@@ -343,7 +343,7 @@
   height: inherit;
   margin: 0;
   min-height: 50px;
-  min-width: 0;
+  min-width: 50px;
   padding: 0;
 }
 
@@ -549,18 +549,6 @@
   line-height: 25px;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:focus {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:hover {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:active {
-  padding: 0 1.5px;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
   margin: 7.5px 3px;
   min-height: 25px;
@@ -652,6 +640,8 @@
 }
 
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-pack: start;
@@ -835,6 +825,7 @@
 
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
+  color: #dadada;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
@@ -1214,6 +1205,10 @@
   color: #dadada;
 }
 
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-toolbar-item .e-tbar-btn-text {
+  color: #dadada;
+}
+
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
   background: #414040;
   border-color: #414040;
@@ -1236,11 +1231,7 @@
   color: #000;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn-text {
-  color: #dadada;
-}
-
-.e-toolbar .e-icons {
+.e-toolbar .e-tbar-btn.e-btn .e-icons {
   color: #dadada;
 }
 
@@ -1250,10 +1241,6 @@
   box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn-text {
-  color: #dadada;
-}
-
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-btn:focus {
   outline: none;
 }
@@ -1262,13 +1249,13 @@
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
   background: #514f4f;
   border: 0;
-  border-left: 1px solid #514f4f;
   box-shadow: none;
+  border-left: 1px solid #514f4f;
 }
 
 .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: #000;
+  color: #fff;
 }
 
 .e-toolbar .e-tbar-btn {
@@ -1357,8 +1344,8 @@
 .e-toolbar .e-hor-nav:focus {
   background: #414040;
   border-left: 0;
-  color: #dadada;
   border-color: #414040;
+  color: #dadada;
 }
 
 .e-toolbar .e-tbar-btn:active {

package/styles/toolbar/fabric.css

@@ -550,18 +550,6 @@
   line-height: 25px;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:focus {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:hover {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:active {
-  padding: 0 1.5px;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
   margin: 7.5px 3px;
   min-height: 25px;
@@ -653,6 +641,8 @@
 }
 
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-pack: start;
@@ -836,6 +826,7 @@
 
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
+  color: #333;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
@@ -1215,6 +1206,10 @@
   color: #333;
 }
 
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-toolbar-item .e-tbar-btn-text {
+  color: #333;
+}
+
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
   background: #f4f4f4;
   border-color: #eaeaea;
@@ -1237,11 +1232,7 @@
   color: #333;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn-text {
-  color: #333;
-}
-
-.e-toolbar .e-icons {
+.e-toolbar .e-tbar-btn.e-btn .e-icons {
   color: #333;
 }
 
@@ -1251,10 +1242,6 @@
   box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn-text {
-  color: #333;
-}
-
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-btn:focus {
   outline: none;
 }
@@ -1263,8 +1250,8 @@
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
   background: #d1ebff;
   border: 0;
-  border-left: 1px solid #d1ebff;
   box-shadow: none;
+  border-left: 1px solid #d1ebff;
 }
 
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active .e-icons,
@@ -1358,8 +1345,8 @@
 .e-toolbar .e-hor-nav:focus {
   background: #f4f4f4;
   border-left: 0;
-  color: #fff;
   border-color: #eaeaea;
+  color: #fff;
 }
 
 .e-toolbar .e-tbar-btn:active {

package/styles/toolbar/highcontrast-light.css

@@ -549,18 +549,6 @@
   line-height: 25px;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:focus {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:hover {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:active {
-  padding: 0 1.5px;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
   margin: 7.5px 3px;
   min-height: 25px;
@@ -652,6 +640,8 @@
 }
 
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-pack: start;
@@ -835,6 +825,7 @@
 
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
+  color: #000;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
@@ -1215,6 +1206,10 @@
   border: 2px solid #fff;
 }
 
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-toolbar-item .e-tbar-btn-text {
+  color: #000;
+}
+
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
   background: inherit;
   border-color: #000;
@@ -1263,11 +1258,7 @@
   color: #000;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn-text {
-  color: #000;
-}
-
-.e-toolbar .e-icons {
+.e-toolbar .e-tbar-btn.e-btn .e-icons {
   color: #000;
 }
 
@@ -1277,10 +1268,6 @@
   box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn-text {
-  color: #000;
-}
-
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-btn:focus {
   outline: none;
 }
@@ -1289,8 +1276,8 @@
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
   background: #400074;
   border: 0;
-  border-left: 1px solid #400074;
   box-shadow: none;
+  border-left: 1px solid #400074;
 }
 
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:focus,
@@ -1416,8 +1403,8 @@
 .e-toolbar .e-hor-nav:focus {
   background: #ecf;
   border-left: 0;
-  color: #000;
   border-color: #000;
+  color: #000;
   background: inherit;
   border: 2px solid #fff;
 }

package/styles/toolbar/highcontrast.css

@@ -550,18 +550,6 @@
   line-height: 25px;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:focus {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:hover {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:active {
-  padding: 0 1.5px;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
   margin: 7.5px 3px;
   min-height: 25px;
@@ -653,6 +641,8 @@
 }
 
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-pack: start;
@@ -836,6 +826,7 @@
 
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
+  color: #fff;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
@@ -1216,6 +1207,10 @@
   border: 2px solid #000;
 }
 
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-toolbar-item .e-tbar-btn-text {
+  color: #fff;
+}
+
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
   background: inherit;
   border-color: #fff;
@@ -1264,11 +1259,7 @@
   color: #000;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn-text {
-  color: #fff;
-}
-
-.e-toolbar .e-icons {
+.e-toolbar .e-tbar-btn.e-btn .e-icons {
   color: #fff;
 }
 
@@ -1278,10 +1269,6 @@
   box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn-text {
-  color: #fff;
-}
-
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-btn:focus {
   outline: none;
 }
@@ -1290,8 +1277,8 @@
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
   background: #ffd939;
   border: 0;
-  border-left: 1px solid #ffd939;
   box-shadow: none;
+  border-left: 1px solid #ffd939;
 }
 
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:focus,
@@ -1417,8 +1404,8 @@
 .e-toolbar .e-hor-nav:focus {
   background: #685708;
   border-left: 0;
-  color: #000;
   border-color: #fff;
+  color: #000;
   background: inherit;
   border: 2px solid #fff;
 }

package/styles/toolbar/material-dark.css

@@ -579,18 +579,6 @@
   line-height: 25px;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:focus {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:hover {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:active {
-  padding: 0 1.5px;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
   margin: 7.5px 3px;
   min-height: 25px;
@@ -682,6 +670,8 @@
 }
 
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-pack: start;
@@ -875,6 +865,7 @@
 
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
+  color: #fff;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
@@ -1246,6 +1237,10 @@
   color: #fff;
 }
 
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-toolbar-item .e-tbar-btn-text {
+  color: #fff;
+}
+
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
   background: rgba(255, 255, 255, 0.1);
   border-color: #000;
@@ -1268,11 +1263,7 @@
   color: #000;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn-text {
-  color: #fff;
-}
-
-.e-toolbar .e-icons {
+.e-toolbar .e-tbar-btn.e-btn .e-icons {
   color: #fff;
 }
 
@@ -1282,21 +1273,17 @@
   box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn-text {
-  color: #fff;
-}
-
 .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: rgba(255, 255, 255, 0.1);
   border: 0;
-  border-left: 1px none rgba(255, 255, 255, 0.1);
   box-shadow: none;
+  border-left: 1px none rgba(255, 255, 255, 0.1);
 }
 
 .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: #000;
+  color: #fff;
 }
 
 .e-toolbar .e-tbar-btn {
@@ -1396,8 +1383,8 @@
 .e-toolbar .e-hor-nav:focus {
   background: rgba(255, 255, 255, 0.1);
   border-left: 0;
-  color: #000;
   border-color: #000;
+  color: #000;
 }
 
 .e-toolbar .e-tbar-btn:active {

package/styles/toolbar/material.css

@@ -582,18 +582,6 @@
   line-height: 25px;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:focus {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:hover {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:active {
-  padding: 0 1.5px;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
   margin: 7.5px 3px;
   min-height: 25px;
@@ -685,6 +673,8 @@
 }
 
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-pack: start;
@@ -878,6 +868,7 @@
 
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
+  color: rgba(0, 0, 0, 0.54);
   display: table-cell;
   text-align: center;
   vertical-align: middle;
@@ -1249,6 +1240,10 @@
   color: rgba(0, 0, 0, 0.87);
 }
 
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-toolbar-item .e-tbar-btn-text {
+  color: rgba(0, 0, 0, 0.87);
+}
+
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
   background: rgba(0, 0, 0, 0.12);
   border-color: rgba(0, 0, 0, 0.12);
@@ -1271,11 +1266,7 @@
   color: rgba(0, 0, 0, 0.87);
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn-text {
-  color: rgba(0, 0, 0, 0.87);
-}
-
-.e-toolbar .e-icons {
+.e-toolbar .e-tbar-btn.e-btn .e-icons {
   color: rgba(0, 0, 0, 0.54);
 }
 
@@ -1285,16 +1276,12 @@
   box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn-text {
-  color: rgba(0, 0, 0, 0.87);
-}
-
 .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: rgba(0, 0, 0, 0.12);
   border: 0;
-  border-left: 1px none rgba(0, 0, 0, 0.12);
   box-shadow: none;
+  border-left: 1px none rgba(0, 0, 0, 0.12);
 }
 
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active .e-icons,
@@ -1399,8 +1386,8 @@
 .e-toolbar .e-hor-nav:focus {
   background: rgba(0, 0, 0, 0.12);
   border-left: 0;
-  color: rgba(0, 0, 0, 0.87);
   border-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.87);
 }
 
 .e-toolbar .e-tbar-btn:active {

package/styles/toolbar/tailwind-dark.css

@@ -147,7 +147,7 @@
 .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
 .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   margin-left: 0;
-  padding: 3px 6px 0 0;
+  padding: 0 6px 0 0;
 }
 
 .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
@@ -558,18 +558,6 @@
   line-height: 22px;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:focus {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:hover {
-  padding: 0 1.5px;
-}
-
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn:active {
-  padding: 0 1.5px;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
   margin: 7px 3px;
   min-height: 16px;
@@ -663,6 +651,8 @@
 }
 
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-pack: start;
@@ -673,7 +663,7 @@
 
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   margin: 0;
-  padding: 3px 4px 0 0;
+  padding: 0 4px 0 0;
   width: auto;
 }
 
@@ -847,6 +837,7 @@
 
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
+  color: #d1d5db;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
@@ -1183,18 +1174,18 @@
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #374151;
-  border: 1px solid #4b5563;
+  border: 0 solid #4b5563;
   box-shadow: none;
 }
 
 .e-toolbar.e-vertical .e-hor-nav {
   border: solid #4b5563;
-  border-width: 1px 0 0 0;
+  border-width: 0 0 0 0;
 }
 
 .e-toolbar.e-vertical.e-rtl .e-hor-nav {
   border: solid #4b5563;
-  border-width: 0 0 1px 0;
+  border-width: 0 0 0 0;
 }
 
 .e-toolbar.e-vertical .e-toolbar-items .e-toolbar-item.e-separator {
@@ -1220,6 +1211,10 @@
   color: #fff;
 }
 
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-toolbar-item .e-tbar-btn-text {
+  color: #fff;
+}
+
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
   background: #4b5563;
   border-color: #d1d5db;
@@ -1242,17 +1237,13 @@
   color: #9ca3af;
 }
 
-.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn-text {
-  color: #fff;
-}
-
-.e-toolbar .e-icons {
+.e-toolbar .e-tbar-btn.e-btn .e-icons {
   color: #d1d5db;
 }
 
 .e-toolbar .e-toolbar-pop {
   background: #374151;
-  border: 1px solid #4b5563;
+  border: 0 solid #4b5563;
   box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   background: #374151;
 }
@@ -1261,20 +1252,20 @@
   background: transparent;
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus {
   background: #4b5563;
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn-text {
-  color: #fff;
+.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+  background: #4b5563;
 }
 
 .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: #374151;
   border: 0;
-  border-left: 1px #4b5563 #374151;
   box-shadow: none;
+  border-left: 0 #4b5563 #374151;
 }
 
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active .e-icons,
@@ -1331,7 +1322,7 @@
   background: #374151;
   border: solid #4b5563;
   border-left: 0;
-  border-width: 0 1px 0 0;
+  border-width: 0 0 0 0;
 }
 
 .e-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
@@ -1368,8 +1359,8 @@
 .e-toolbar .e-hor-nav:focus {
   background: #4b5563;
   border-left: 0;
-  color: #9ca3af;
   border-color: #d1d5db;
+  color: #9ca3af;
 }
 
 .e-toolbar .e-tbar-btn:active {