@syncfusion/ej2-navigations 28.1.39 → 28.2.3-1479479

package/styles/toolbar/bootstrap5.css

@@ -233,6 +233,9 @@
   min-width: 28px;
   padding: 4px;
 }
+.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-item.e-separator {
   margin: 5px 10px;
   min-height: 24px;
@@ -248,6 +251,9 @@
 .e-toolbar .e-toolbar-item > * {
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-item.e-hidden {
   display: none;
 }
@@ -410,6 +416,9 @@
   min-width: 100%;
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
   min-width: 100%;
 }
@@ -523,6 +532,9 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
   height: auto;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
   -ms-flex-item-align: center;
       align-self: center;
@@ -536,12 +548,18 @@
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
   display: table;
 }
 .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-right: 8px;
 }
+.e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
+  margin-left: 8px;
+}
 .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
   padding: 4px;
 }
@@ -572,6 +590,7 @@
 }
 .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
   margin-left: 0;
+  margin-right: 8px;
 }
 .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
   margin-left: 8px;
@@ -579,11 +598,13 @@
 .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-left: 0;
 }
-.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
+.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
+  margin-right: 0;
+}
 .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
   margin-right: 0;
+  margin-left: 8px;
 }
-.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
 .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
   margin-right: 8px;
 }
@@ -637,7 +658,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;
 }
@@ -645,18 +666,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;
@@ -666,7 +687,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;
@@ -687,7 +708,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;
@@ -753,7 +774,7 @@
   content: "";
 }
 .e-toolbar .e-hor-nav:hover {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   border-left: 0;
   color: #fff;
 }
@@ -766,13 +787,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;
@@ -783,16 +804,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;
 }
@@ -814,7 +835,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;
@@ -822,7 +843,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;
@@ -830,7 +851,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;
@@ -850,23 +871,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;
@@ -890,7 +911,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;

package/styles/toolbar/fabric-dark.css

@@ -207,6 +207,9 @@
   min-width: 34px;
   padding: 0 1px;
 }
+.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-item.e-separator {
   margin: 7.5px 3px;
   min-height: 27px;
@@ -222,6 +225,9 @@
 .e-toolbar .e-toolbar-item > * {
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-item.e-hidden {
   display: none;
 }
@@ -384,6 +390,9 @@
   min-width: 100%;
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
   min-width: 100%;
 }
@@ -497,6 +506,9 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
   height: auto;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
   -ms-flex-item-align: center;
       align-self: center;
@@ -510,12 +522,18 @@
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
   display: table;
 }
 .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-right: 3px;
 }
+.e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
+  margin-left: 3px;
+}
 .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
   padding: 0 12px 0 0;
 }
@@ -546,6 +564,7 @@
 }
 .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
   margin-left: 0;
+  margin-right: 3px;
 }
 .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
   margin-left: 3px;
@@ -553,11 +572,13 @@
 .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-left: 0;
 }
-.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
+.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
+  margin-right: 0;
+}
 .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
   margin-right: 0;
+  margin-left: 3px;
 }
-.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
 .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
   margin-right: 3px;
 }

package/styles/toolbar/fabric.css

@@ -208,6 +208,9 @@
   min-width: 34px;
   padding: 0 1px;
 }
+.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-item.e-separator {
   margin: 7.5px 3px;
   min-height: 24px;
@@ -223,6 +226,9 @@
 .e-toolbar .e-toolbar-item > * {
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-item.e-hidden {
   display: none;
 }
@@ -385,6 +391,9 @@
   min-width: 100%;
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
   min-width: 100%;
 }
@@ -498,6 +507,9 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
   height: auto;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
   -ms-flex-item-align: center;
       align-self: center;
@@ -511,12 +523,18 @@
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
   display: table;
 }
 .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-right: 3px;
 }
+.e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
+  margin-left: 3px;
+}
 .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
   padding: 0 12px 0 0;
 }
@@ -547,6 +565,7 @@
 }
 .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
   margin-left: 0;
+  margin-right: 3px;
 }
 .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
   margin-left: 3px;
@@ -554,11 +573,13 @@
 .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-left: 0;
 }
-.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
+.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
+  margin-right: 0;
+}
 .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
   margin-right: 0;
+  margin-left: 3px;
 }
-.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
 .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
   margin-right: 3px;
 }
@@ -660,8 +681,8 @@
   color: #333;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:active {
-  background: #d1ebff;
-  border-color: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
+  border-color: rgb(208.9, 234.7504672897, 255);
   border-style: solid;
   border-width: 0;
   border-radius: 0;
@@ -756,16 +777,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: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
   -webkit-box-shadow: none;
           box-shadow: none;
-  border-color: #d1ebff;
+  border-color: rgb(208.9, 234.7504672897, 255);
   border-style: solid;
   border-width: 0 0 0 1px;
 }
 .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: #d1ebff;
+  border-color: rgb(208.9, 234.7504672897, 255);
   border-style: solid;
   border-width: 0 0 0 1px;
 }
@@ -795,10 +816,10 @@
   border-width: 0;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active {
-  background: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
   -webkit-box-shadow: none;
           box-shadow: none;
-  border-color: #d1ebff;
+  border-color: rgb(208.9, 234.7504672897, 255);
   border-style: solid;
   border-width: 0;
 }
@@ -839,11 +860,11 @@
   border-width: 0;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
-  background: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
   border-radius: 0;
   -webkit-box-shadow: none;
           box-shadow: none;
-  border-color: #d1ebff;
+  border-color: rgb(208.9, 234.7504672897, 255);
   border-style: solid;
   border-width: 0;
 }

package/styles/toolbar/fluent-dark.css

@@ -232,6 +232,9 @@
   min-width: 28px;
   padding: 0;
 }
+.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-item.e-separator {
   margin: 4px;
   min-height: 24px;
@@ -247,6 +250,9 @@
 .e-toolbar .e-toolbar-item > * {
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-item.e-hidden {
   display: none;
 }
@@ -409,6 +415,9 @@
   min-width: 100%;
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
   min-width: 100%;
 }
@@ -522,6 +531,9 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
   height: auto;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
   -ms-flex-item-align: center;
       align-self: center;
@@ -535,12 +547,18 @@
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
   display: table;
 }
 .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-right: 8px;
 }
+.e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
+  margin-left: 8px;
+}
 .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
   padding: 4px;
 }
@@ -571,6 +589,7 @@
 }
 .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
   margin-left: 0;
+  margin-right: 8px;
 }
 .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
   margin-left: 8px;
@@ -578,11 +597,13 @@
 .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-left: 0;
 }
-.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
+.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
+  margin-right: 0;
+}
 .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
   margin-right: 0;
+  margin-left: 8px;
 }
-.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
 .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
   margin-right: 8px;
 }

package/styles/toolbar/fluent.css

@@ -232,6 +232,9 @@
   min-width: 28px;
   padding: 0;
 }
+.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-item.e-separator {
   margin: 4px;
   min-height: 24px;
@@ -247,6 +250,9 @@
 .e-toolbar .e-toolbar-item > * {
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-item.e-hidden {
   display: none;
 }
@@ -409,6 +415,9 @@
   min-width: 100%;
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
   min-width: 100%;
 }
@@ -522,6 +531,9 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
   height: auto;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
   -ms-flex-item-align: center;
       align-self: center;
@@ -535,12 +547,18 @@
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
   display: table;
 }
 .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-right: 8px;
 }
+.e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
+  margin-left: 8px;
+}
 .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
   padding: 4px;
 }
@@ -571,6 +589,7 @@
 }
 .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
   margin-left: 0;
+  margin-right: 8px;
 }
 .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
   margin-left: 8px;
@@ -578,11 +597,13 @@
 .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-left: 0;
 }
-.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
+.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
+  margin-right: 0;
+}
 .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
   margin-right: 0;
+  margin-left: 8px;
 }
-.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
 .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
   margin-right: 8px;
 }