@syncfusion/ej2-navigations 25.2.4 → 26.1.35-750253

package/styles/tab/material.css

@@ -1,37 +1,69 @@
-/*! component's theme wise override definitions and variables */
+@-webkit-keyframes tbar-popup-shadow {
+  0% {
+    border-color: rgba(255, 255, 255, 0.5);
+    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+  }
+  100% {
+    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+  }
+}
 @keyframes tbar-popup-shadow {
   0% {
     border-color: rgba(255, 255, 255, 0.5);
-    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+  }
+  100% {
+    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+  }
+}
+@-webkit-keyframes tbar-alt-popup-shadow {
+  0% {
+    border-color: rgba(0, 0, 0, 0.12);
+    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
+            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
   }
   100% {
-    box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+    -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
+            box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
   }
 }
-/*! Material theme definition's */
-/*! component's theme wise override definitions and variables */
-/*! Horizontal Tab */
 @keyframes tbar-alt-popup-shadow {
   0% {
     border-color: rgba(0, 0, 0, 0.12);
-    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
+    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
+            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
+  }
+  100% {
+    -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
+            box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
+  }
+}
+@-webkit-keyframes hscroll-alt-popup-shadow {
+  0% {
+    border-color: rgba(0, 0, 0, 0.12);
+    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
+            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
   }
   100% {
-    box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
+    -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
+            box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
   }
 }
 @keyframes hscroll-alt-popup-shadow {
   0% {
     border-color: rgba(0, 0, 0, 0.12);
-    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
+    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
+            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
   }
   100% {
-    box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
+    -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
+            box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
   }
 }
-/*! Material specific themes definition's */
-/*! Vertical Tab */
-/*! tab icons */
 .e-tab .e-tab-header .e-close-icon::before {
   content: "\e7fc";
   position: relative;
@@ -74,7 +106,6 @@
   position: relative;
 }
 
-/*! tab layout */
 .e-bigger .e-tab .e-tab-header,
 .e-tab.e-bigger .e-tab-header {
   height: 48px;
@@ -1231,6 +1262,7 @@
   left: unset;
   position: unset;
   right: unset;
+  -webkit-transition: unset;
   transition: unset;
 }
 .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::after {
@@ -1282,6 +1314,7 @@
   left: 0;
   right: 0;
   border-radius: 0;
+  -webkit-transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
   transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
 }
 .e-tab .e-tab-header .e-toolbar-item.e-hidden {
@@ -1314,8 +1347,10 @@
 .e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
   -ms-flex-line-pack: center;
       align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 36px;
@@ -1332,7 +1367,6 @@
   font-weight: 500;
   text-transform: uppercase;
   -ms-flex-item-align: auto;
-      -ms-grid-row-align: auto;
       align-self: auto;
   margin-bottom: 0;
 }
@@ -1406,6 +1440,7 @@
   top: 1px;
 }
 .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 20px;
@@ -1439,8 +1474,9 @@
   left: 0;
 }
 .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   padding: 0 18px;
 }
 @media screen and (max-width: 480px) {
@@ -1473,8 +1509,10 @@
   }
 }
 .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 62px;
@@ -1526,14 +1564,19 @@
 }
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon.e-icon-top,
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon.e-icon-bottom {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   margin: auto;
 }
 .e-tab .e-tab-header .e-toolbar-pop {
@@ -1571,6 +1614,7 @@
   width: 100%;
 }
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   width: 100%;
@@ -1614,22 +1658,25 @@
   }
 }
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-text-wrap, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-text-wrap {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: auto;
 }
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
   display: block;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   margin: 0 0 0 10px;
   padding-left: 0;
   padding-right: 10px;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
-    -ms-flex-pack: center;
-        justify-content: center;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
     margin: 0 0 0 12px;
     padding-left: 0;
     padding-right: 0;
@@ -1644,14 +1691,17 @@
 }
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-icon.e-icon-top,
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-icon.e-icon-bottom {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
 .e-tab .e-tab-header.e-close-show .e-icons.e-close-icon {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   -ms-flex-item-align: center;
       align-self: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
@@ -1662,6 +1712,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-active .e-close-icon {
+    display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
   }
@@ -1775,22 +1826,34 @@
   }
 }
 .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+  -webkit-transition: -webkit-transform 0.1s ease;
+  transition: -webkit-transform 0.1s ease;
   transition: transform 0.1s ease;
+  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
 .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: -webkit-transform 0.1s ease;
+  transition: -webkit-transform 0.1s ease;
   transition: transform 0.1s ease;
+  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
@@ -1829,6 +1892,7 @@
   position: unset;
   right: unset;
   top: unset;
+  -webkit-transition: unset;
   transition: unset;
 }
 .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::after {
@@ -1922,15 +1986,19 @@
 }
 .e-tab .e-tab-header.e-vertical .e-indicator {
   display: block;
+  -webkit-transition: top 0.125s cubic-bezier(0.35, 0, 0.25, 1), bottom 0.25s cubic-bezier(0.35, 0, 0.25, 1);
   transition: top 0.125s cubic-bezier(0.35, 0, 0.25, 1), bottom 0.25s cubic-bezier(0.35, 0, 0.25, 1);
   width: 2px;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items {
   height: inherit;
-  -ms-flex-direction: column;
-      flex-direction: column;
-  -ms-flex-align: normal;
-      align-items: normal;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: normal;
+      -ms-flex-align: normal;
+          align-items: normal;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
   padding: 16px 0;
@@ -1996,6 +2064,7 @@
   left: unset;
   position: unset;
   right: unset;
+  -webkit-transition: unset;
   transition: unset;
   width: unset;
 }
@@ -2036,6 +2105,7 @@
   left: unset;
   position: unset;
   right: unset;
+  -webkit-transition: unset;
   transition: unset;
   width: unset;
 }
@@ -2050,8 +2120,9 @@
 }
 .e-tab .e-tab-header.e-vertical .e-scroll-nav {
   height: 16px;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   min-height: 16px;
   width: 100%;
 }
@@ -2069,7 +2140,9 @@
 .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
 .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
   height: 100%;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
+  -webkit-transition: none;
   transition: none;
   width: 100%;
 }
@@ -2082,7 +2155,9 @@
   line-height: 35px;
   text-align: left;
   text-transform: uppercase;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
+  -webkit-transition: none;
   transition: none;
 }
 .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
@@ -2149,14 +2224,17 @@
   overflow: hidden;
 }
 .e-tab.e-vertical-tab .e-content {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .e-tab.e-vertical-tab .e-content .e-item.e-active {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex: none;
-      flex: none;
+  -webkit-box-flex: 0;
+      -ms-flex: none;
+          flex: none;
 }
 .e-tab.e-vertical-tab .e-content .e-item,
 .e-tab.e-vertical-tab .e-content .e-item > :first-child {
@@ -2278,6 +2356,7 @@
 }
 .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align,
 .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -2297,31 +2376,46 @@
 }
 .e-tab.e-ie .e-tab-header .e-popup-up-icon,
 .e-tab.e-ie .e-tab-header .e-popup-down-icon {
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
+  -webkit-transition: none;
   transition: none;
 }
 .e-tab.e-ie .e-tab-header .e-popup-up-icon::before {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+  -webkit-transition: -webkit-transform 0.1s ease;
+  transition: -webkit-transform 0.1s ease;
   transition: transform 0.1s ease;
+  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
 }
 @media screen and (max-width: 480px) {
   .e-tab.e-ie .e-tab-header .e-popup-up-icon::before {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
 .e-tab.e-ie .e-tab-header .e-popup-down-icon::before {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: -webkit-transform 0.1s ease;
+  transition: -webkit-transform 0.1s ease;
   transition: transform 0.1s ease;
+  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
 }
 @media screen and (max-width: 480px) {
   .e-tab.e-ie .e-tab-header .e-popup-down-icon::before {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
 .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align,
 .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -2342,48 +2436,74 @@
   position: relative;
 }
 .e-tab.e-edge .e-tab-header .e-popup-up-icon {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+  -webkit-transition: -webkit-transform 0.1s ease;
+  transition: -webkit-transform 0.1s ease;
   transition: transform 0.1s ease;
+  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
 }
 @media screen and (max-width: 480px) {
   .e-tab.e-edge .e-tab-header .e-popup-up-icon {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
 .e-tab.e-edge .e-tab-header .e-popup-down-icon {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: -webkit-transform 0.1s ease;
+  transition: -webkit-transform 0.1s ease;
   transition: transform 0.1s ease;
+  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
 }
 @media screen and (max-width: 480px) {
   .e-tab.e-edge .e-tab-header .e-popup-down-icon {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
 @media screen and (max-width: 480px) and (max-width: 480px) {
   .e-tab.e-edge .e-tab-header .e-popup-down-icon {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
 .e-tab.e-edge .e-tab-header .e-popup-up-icon::before {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+  -webkit-transition: -webkit-transform 0.1s ease;
+  transition: -webkit-transform 0.1s ease;
   transition: transform 0.1s ease;
+  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
 }
 @media screen and (max-width: 480px) {
   .e-tab.e-edge .e-tab-header .e-popup-up-icon::before {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
 .e-tab.e-edge .e-tab-header .e-popup-down-icon::before {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: -webkit-transform 0.1s ease;
+  transition: -webkit-transform 0.1s ease;
   transition: transform 0.1s ease;
+  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
 }
 @media screen and (max-width: 480px) {
   .e-tab.e-edge .e-tab-header .e-popup-down-icon::before {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
@@ -2714,8 +2834,10 @@
 .e-tab-clone-element .e-text-wrap {
   -ms-flex-line-pack: center;
       align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 36px;
@@ -2732,7 +2854,6 @@
   font-weight: 500;
   text-transform: uppercase;
   -ms-flex-item-align: auto;
-      -ms-grid-row-align: auto;
       align-self: auto;
 }
 @media screen and (max-width: 480px) {
@@ -2757,6 +2878,7 @@
   top: 1px;
 }
 .e-tab-clone-element .e-icons.e-tab-icon {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 20px;
@@ -2781,8 +2903,9 @@
   }
 }
 .e-tab-clone-element.e-icon .e-tab-wrap {
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   padding: 0 18px;
 }
 @media screen and (max-width: 480px) {
@@ -2815,8 +2938,10 @@
   }
 }
 .e-tab-clone-element.e-itop .e-tab-wrap, .e-tab-clone-element.e-ibottom .e-tab-wrap {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 62px;
@@ -2862,21 +2987,28 @@
 }
 .e-tab-clone-element .e-tab-icon.e-icon-top,
 .e-tab-clone-element .e-tab-icon.e-icon-bottom {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   margin: auto;
 }
 .e-tab-clone-element.e-close-show .e-icons.e-close-icon {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   -ms-flex-item-align: center;
       align-self: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
@@ -2921,7 +3053,6 @@
 .e-bigger .e-tab-clone-element .e-tab-text {
   font-size: 14px;
   -ms-flex-item-align: auto;
-      -ms-grid-row-align: auto;
       align-self: auto;
 }
 .e-bigger .e-tab-clone-element .e-icons.e-close-icon {
@@ -2997,7 +3128,6 @@
   margin: 0 0 10px;
 }
 
-/*! tab theme */
 .e-tab {
   background: transparent;
   border: none;
@@ -3006,7 +3136,8 @@
   background: inherit;
   border: 0;
   border-radius: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   font-weight: normal;
   border-bottom: 0;
 }
@@ -3133,7 +3264,8 @@
   background: #fff;
   border: 0;
   border-radius: 0;
-  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
+  -webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
+          box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
   overflow-y: auto;
 }
 .e-tab .e-tab-header .e-toolbar-pop[e-animate=true] {
@@ -3141,7 +3273,8 @@
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-pop {
-    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
+    -webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
+            box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
   }
 }
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
@@ -3196,7 +3329,8 @@
 }
 .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active,
 .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border: 0;
 }
 .e-tab .e-tab-header .e-scroll-nav:focus,
@@ -3222,7 +3356,8 @@
 }
 .e-tab .e-tab-header .e-scroll-nav:active,
 .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   background: inherit;
   border: 0;
 }
@@ -3289,7 +3424,8 @@
   color: rgba(0, 0, 0, 0.87);
   border: 0;
   border-radius: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-tab .e-tab-header .e-hor-nav:hover,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover {
@@ -3302,14 +3438,16 @@
 }
 .e-tab .e-tab-header .e-hor-nav:active,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   background: transparent;
 }
 .e-tab .e-tab-header .e-hor-nav.e-nav-active,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active {
   background: inherit;
   border: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border-radius: 0;
 }
 .e-tab .e-tab-header .e-hor-nav.e-nav-active .e-icons,
@@ -3370,7 +3508,8 @@
   border-radius: 0;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-pop {
-  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+          box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 .e-tab .e-tab-header.e-vertical .e-scroll-nav {
   background: inherit;
@@ -3435,7 +3574,8 @@
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active:hover {
   background: inherit;
   border: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:active,
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active {
@@ -3830,7 +3970,8 @@
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active::after,
 .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
-  animation: hscroll-alt-popup-shadow 1s ease-out 0ms;
+  -webkit-animation: hscroll-alt-popup-shadow 1s ease-out 0ms;
+          animation: hscroll-alt-popup-shadow 1s ease-out 0ms;
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav),
 .e-tab.e-background .e-tab-header .e-hor-nav {
@@ -3882,7 +4023,8 @@
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):active::after,
 .e-tab.e-background .e-tab-header .e-hor-nav:active::after {
-  animation: tbar-alt-popup-shadow 1s ease-out 0ms;
+  -webkit-animation: tbar-alt-popup-shadow 1s ease-out 0ms;
+          animation: tbar-alt-popup-shadow 1s ease-out 0ms;
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {