@syncfusion/ej2-navigations 25.2.4 → 26.1.35-750253

package/styles/menu/bootstrap5-dark.css

@@ -1,15 +1,28 @@
 /*! component's theme wise override definitions and variables */
+@-webkit-keyframes hscroll-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 hscroll-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% {
-    box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+    -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);
   }
 }
-/*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */
-/*! menu layout */
+/*! component's theme wise override definitions and variables */
+/* stylelint-disable-line no-empty-source */
 .e-menu-wrapper ul.e-vertical .e-menu-item .e-caret::before,
 .e-menu-container ul.e-vertical .e-menu-item .e-caret::before {
   content: "\e748";
@@ -52,24 +65,16 @@
   content: "\e729";
 }
 
-.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
-.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
-  content: "\e765";
-}
-.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
-.e-rtl.e-menu-container ul.e-ul .e-caret::before {
-  content: "\e765";
-}
-
+.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before, .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
+.e-rtl.e-menu-container ul.e-vertical .e-caret::before,
+.e-rtl.e-menu-container ul.e-ul .e-caret::before,
 .e-bigger .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
-.e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
-.e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
-.e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
-  content: "\e765";
-}
 .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
+.e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
 .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
+.e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
 .e-bigger .e-rtl.e-menu-container ul.e-ul .e-caret::before,
+.e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before,
 .e-bigger.e-rtl.e-menu-container ul.e-ul .e-caret::before {
   content: "\e765";
 }
@@ -81,7 +86,6 @@
   content: "\e729";
 }
 
-/*! menu layout */
 .e-menu-wrapper,
 .e-menu-container {
   border: none;
@@ -102,6 +106,7 @@
   margin: 0;
   overflow: hidden;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   font-size: 14px;
@@ -112,7 +117,8 @@
 .e-menu-wrapper ul.e-ul, .e-menu-wrapper ul.e-ul *,
 .e-menu-container ul.e-ul,
 .e-menu-container ul.e-ul * {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-menu-wrapper ul.e-ul:focus, .e-menu-wrapper ul.e-ul *:focus,
 .e-menu-container ul.e-ul:focus,
@@ -155,6 +161,7 @@
 .e-menu-container ul .e-menu-item {
   cursor: pointer;
   position: relative;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 32px;
@@ -327,26 +334,27 @@
 .e-menu-container .e-scroll-nav .e-nav-arrow {
   font-size: 16px;
 }
-.e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
-.e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-left-arrow {
-  transform: rotate(180deg);
-}
-.e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-up-arrow,
+.e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-left-arrow, .e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-up-arrow,
+.e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
 .e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-up-arrow {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
 }
 .e-menu-wrapper.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
 .e-menu-container.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-left-arrow {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
 }
 .e-menu-wrapper.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-right-arrow,
 .e-menu-container.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-right-arrow {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
 }
 .e-menu-wrapper.e-popup.e-menu-popup,
 .e-menu-container.e-popup.e-menu-popup {
   border: 1px solid #444c54;
-  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
+  -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
+          box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
   overflow: hidden;
   position: absolute;
 }
@@ -356,12 +364,14 @@
 }
 .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav,
 .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav {
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
   width: 100%;
 }
 .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav .e-nav-down-arrow,
 .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav .e-nav-down-arrow {
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-vscroll-bar,
 .e-menu-container .e-menu-vscroll.e-vscroll .e-vscroll-bar {
@@ -396,7 +406,8 @@
 .e-menu-wrapper.e-contextmenu-container .e-menu-vscroll,
 .e-menu-container.e-contextmenu-container .e-menu-vscroll {
   border: 1px solid #444c54;
-  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
+  -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
+          box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
 }
 
 .e-menu-container:not(.e-hamburger):not(.e-rtl) .e-menu.e-vertical .e-blankicon {
@@ -601,7 +612,8 @@
 .e-bigger.e-menu-wrapper.e-menu-popup,
 .e-bigger .e-menu-container.e-menu-popup,
 .e-bigger.e-menu-container.e-menu-popup {
-  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
+  -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
+          box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
 }
 .e-bigger .e-menu-wrapper .e-scroll-nav .e-icons,
 .e-bigger.e-menu-wrapper .e-scroll-nav .e-icons,
@@ -690,7 +702,8 @@
 .e-menu-container.e-hamburger .e-popup.e-menu-popup {
   border: 0;
   border-radius: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   display: block;
   position: relative;
   width: 100%;
@@ -726,13 +739,21 @@
 }
 .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item[aria-expanded=true] .e-caret,
 .e-menu-container.e-hamburger ul.e-menu .e-menu-item[aria-expanded=true] .e-caret {
+  -webkit-transition: -webkit-transform 0.3s ease-in-out;
+  transition: -webkit-transform 0.3s ease-in-out;
   transition: transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+  -webkit-transform: rotate(-180deg);
   transform: rotate(-180deg);
   text-indent: 0;
 }
 .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item[aria-expanded=false] .e-caret,
 .e-menu-container.e-hamburger ul.e-menu .e-menu-item[aria-expanded=false] .e-caret {
+  -webkit-transition: -webkit-transform 0.3s ease-in-out;
+  transition: -webkit-transform 0.3s ease-in-out;
   transition: transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+  -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
   text-indent: 0;
 }
@@ -769,8 +790,9 @@
   height: auto;
   padding: 0;
 }
-.e-menu-wrapper.e-hamburger ul .e-menu-item.e-menu-caret-icon,
-.e-menu-container.e-hamburger ul .e-menu-item.e-menu-caret-icon {
+.e-menu-wrapper.e-hamburger ul .e-menu-item.e-menu-caret-icon, .e-menu-wrapper.e-hamburger ul .e-menu-item.e-blankicon,
+.e-menu-container.e-hamburger ul .e-menu-item.e-menu-caret-icon,
+.e-menu-container.e-hamburger ul .e-menu-item.e-blankicon {
   padding: 0;
 }
 .e-menu-wrapper.e-hamburger ul .e-menu-item .e-menu-url,
@@ -780,10 +802,6 @@
   text-indent: 0;
   width: 100%;
 }
-.e-menu-wrapper.e-hamburger ul .e-menu-item.e-blankicon,
-.e-menu-container.e-hamburger ul .e-menu-item.e-blankicon {
-  padding: 0;
-}
 .e-menu-wrapper.e-hamburger ul .e-menu-item.e-separator,
 .e-menu-container.e-hamburger ul .e-menu-item.e-separator {
   border-bottom-style: solid;
@@ -907,7 +925,6 @@
   position: relative;
 }
 
-/*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
   background: #282d31;
@@ -1008,7 +1025,6 @@
 .e-menu-container .e-ul .e-menu-item.e-separator {
   border-bottom-color: #444c54;
 }
-
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
   background: #343a40;

package/styles/menu/bootstrap5.css

@@ -1,15 +1,28 @@
 /*! component's theme wise override definitions and variables */
+@-webkit-keyframes hscroll-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 hscroll-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% {
-    box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+    -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);
   }
 }
-/*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */
-/*! menu layout */
+/*! component's theme wise override definitions and variables */
+/* stylelint-disable-line no-empty-source */
 .e-menu-wrapper ul.e-vertical .e-menu-item .e-caret::before,
 .e-menu-container ul.e-vertical .e-menu-item .e-caret::before {
   content: "\e748";
@@ -52,24 +65,16 @@
   content: "\e729";
 }
 
-.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
-.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
-  content: "\e765";
-}
-.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
-.e-rtl.e-menu-container ul.e-ul .e-caret::before {
-  content: "\e765";
-}
-
+.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before, .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
+.e-rtl.e-menu-container ul.e-vertical .e-caret::before,
+.e-rtl.e-menu-container ul.e-ul .e-caret::before,
 .e-bigger .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
-.e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
-.e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
-.e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
-  content: "\e765";
-}
 .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
+.e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
 .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
+.e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
 .e-bigger .e-rtl.e-menu-container ul.e-ul .e-caret::before,
+.e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before,
 .e-bigger.e-rtl.e-menu-container ul.e-ul .e-caret::before {
   content: "\e765";
 }
@@ -81,7 +86,6 @@
   content: "\e729";
 }
 
-/*! menu layout */
 .e-menu-wrapper,
 .e-menu-container {
   border: none;
@@ -102,6 +106,7 @@
   margin: 0;
   overflow: hidden;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   font-size: 14px;
@@ -112,7 +117,8 @@
 .e-menu-wrapper ul.e-ul, .e-menu-wrapper ul.e-ul *,
 .e-menu-container ul.e-ul,
 .e-menu-container ul.e-ul * {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-menu-wrapper ul.e-ul:focus, .e-menu-wrapper ul.e-ul *:focus,
 .e-menu-container ul.e-ul:focus,
@@ -155,6 +161,7 @@
 .e-menu-container ul .e-menu-item {
   cursor: pointer;
   position: relative;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 32px;
@@ -327,26 +334,27 @@
 .e-menu-container .e-scroll-nav .e-nav-arrow {
   font-size: 16px;
 }
-.e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
-.e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-left-arrow {
-  transform: rotate(180deg);
-}
-.e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-up-arrow,
+.e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-left-arrow, .e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-up-arrow,
+.e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
 .e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-up-arrow {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
 }
 .e-menu-wrapper.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
 .e-menu-container.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-left-arrow {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
 }
 .e-menu-wrapper.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-right-arrow,
 .e-menu-container.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-right-arrow {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
 }
 .e-menu-wrapper.e-popup.e-menu-popup,
 .e-menu-container.e-popup.e-menu-popup {
   border: 1px solid #dee2e6;
-  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
+  -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
+          box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
   overflow: hidden;
   position: absolute;
 }
@@ -356,12 +364,14 @@
 }
 .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav,
 .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav {
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
   width: 100%;
 }
 .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav .e-nav-down-arrow,
 .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav .e-nav-down-arrow {
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-vscroll-bar,
 .e-menu-container .e-menu-vscroll.e-vscroll .e-vscroll-bar {
@@ -396,7 +406,8 @@
 .e-menu-wrapper.e-contextmenu-container .e-menu-vscroll,
 .e-menu-container.e-contextmenu-container .e-menu-vscroll {
   border: 1px solid #dee2e6;
-  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
+  -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
+          box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
 }
 
 .e-menu-container:not(.e-hamburger):not(.e-rtl) .e-menu.e-vertical .e-blankicon {
@@ -601,7 +612,8 @@
 .e-bigger.e-menu-wrapper.e-menu-popup,
 .e-bigger .e-menu-container.e-menu-popup,
 .e-bigger.e-menu-container.e-menu-popup {
-  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
+  -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
+          box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
 }
 .e-bigger .e-menu-wrapper .e-scroll-nav .e-icons,
 .e-bigger.e-menu-wrapper .e-scroll-nav .e-icons,
@@ -690,7 +702,8 @@
 .e-menu-container.e-hamburger .e-popup.e-menu-popup {
   border: 0;
   border-radius: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   display: block;
   position: relative;
   width: 100%;
@@ -726,13 +739,21 @@
 }
 .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item[aria-expanded=true] .e-caret,
 .e-menu-container.e-hamburger ul.e-menu .e-menu-item[aria-expanded=true] .e-caret {
+  -webkit-transition: -webkit-transform 0.3s ease-in-out;
+  transition: -webkit-transform 0.3s ease-in-out;
   transition: transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+  -webkit-transform: rotate(-180deg);
   transform: rotate(-180deg);
   text-indent: 0;
 }
 .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item[aria-expanded=false] .e-caret,
 .e-menu-container.e-hamburger ul.e-menu .e-menu-item[aria-expanded=false] .e-caret {
+  -webkit-transition: -webkit-transform 0.3s ease-in-out;
+  transition: -webkit-transform 0.3s ease-in-out;
   transition: transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+  -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
   text-indent: 0;
 }
@@ -769,8 +790,9 @@
   height: auto;
   padding: 0;
 }
-.e-menu-wrapper.e-hamburger ul .e-menu-item.e-menu-caret-icon,
-.e-menu-container.e-hamburger ul .e-menu-item.e-menu-caret-icon {
+.e-menu-wrapper.e-hamburger ul .e-menu-item.e-menu-caret-icon, .e-menu-wrapper.e-hamburger ul .e-menu-item.e-blankicon,
+.e-menu-container.e-hamburger ul .e-menu-item.e-menu-caret-icon,
+.e-menu-container.e-hamburger ul .e-menu-item.e-blankicon {
   padding: 0;
 }
 .e-menu-wrapper.e-hamburger ul .e-menu-item .e-menu-url,
@@ -780,10 +802,6 @@
   text-indent: 0;
   width: 100%;
 }
-.e-menu-wrapper.e-hamburger ul .e-menu-item.e-blankicon,
-.e-menu-container.e-hamburger ul .e-menu-item.e-blankicon {
-  padding: 0;
-}
 .e-menu-wrapper.e-hamburger ul .e-menu-item.e-separator,
 .e-menu-container.e-hamburger ul .e-menu-item.e-separator {
   border-bottom-style: solid;
@@ -907,7 +925,6 @@
   position: relative;
 }
 
-/*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
   background: #f8f9fa;
@@ -1008,7 +1025,6 @@
 .e-menu-container .e-ul .e-menu-item.e-separator {
   border-bottom-color: #dee2e6;
 }
-
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
   background: #fff;

package/styles/menu/fabric-dark.css

@@ -1,4 +1,3 @@
-/*! menu layout */
 .e-menu-wrapper ul.e-vertical .e-menu-item .e-caret::before,
 .e-menu-container ul.e-vertical .e-menu-item .e-caret::before {
   content: "\e219";
@@ -41,24 +40,16 @@
   content: "\e966";
 }
 
-.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
-.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
-  content: "\e98f";
-}
-.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
-.e-rtl.e-menu-container ul.e-ul .e-caret::before {
-  content: "\e98f";
-}
-
+.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before, .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
+.e-rtl.e-menu-container ul.e-vertical .e-caret::before,
+.e-rtl.e-menu-container ul.e-ul .e-caret::before,
 .e-bigger .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
-.e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
-.e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
-.e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
-  content: "\e98f";
-}
 .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
+.e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
 .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
+.e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
 .e-bigger .e-rtl.e-menu-container ul.e-ul .e-caret::before,
+.e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before,
 .e-bigger.e-rtl.e-menu-container ul.e-ul .e-caret::before {
   content: "\e98f";
 }
@@ -70,7 +61,6 @@
   content: "\e966";
 }
 
-/*! menu layout */
 .e-menu-wrapper,
 .e-menu-container {
   border: 1px solid #414040;
@@ -91,6 +81,7 @@
   margin: 0;
   overflow: hidden;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   font-size: 13px;
@@ -101,7 +92,8 @@
 .e-menu-wrapper ul.e-ul, .e-menu-wrapper ul.e-ul *,
 .e-menu-container ul.e-ul,
 .e-menu-container ul.e-ul * {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-menu-wrapper ul.e-ul:focus, .e-menu-wrapper ul.e-ul *:focus,
 .e-menu-container ul.e-ul:focus,
@@ -144,6 +136,7 @@
 .e-menu-container ul .e-menu-item {
   cursor: pointer;
   position: relative;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 42px;
@@ -316,26 +309,27 @@
 .e-menu-container .e-scroll-nav .e-nav-arrow {
   font-size: 10px;
 }
-.e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
-.e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-left-arrow {
-  transform: rotate(180deg);
-}
-.e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-up-arrow,
+.e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-left-arrow, .e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-up-arrow,
+.e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
 .e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-up-arrow {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
 }
 .e-menu-wrapper.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
 .e-menu-container.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-left-arrow {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
 }
 .e-menu-wrapper.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-right-arrow,
 .e-menu-container.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-right-arrow {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
 }
 .e-menu-wrapper.e-popup.e-menu-popup,
 .e-menu-container.e-popup.e-menu-popup {
   border: 1px solid #414040;
-  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+          box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
   overflow: hidden;
   position: absolute;
 }
@@ -345,12 +339,14 @@
 }
 .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav,
 .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav {
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
   width: 100%;
 }
 .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav .e-nav-down-arrow,
 .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav .e-nav-down-arrow {
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-vscroll-bar,
 .e-menu-container .e-menu-vscroll.e-vscroll .e-vscroll-bar {
@@ -385,7 +381,8 @@
 .e-menu-wrapper.e-contextmenu-container .e-menu-vscroll,
 .e-menu-container.e-contextmenu-container .e-menu-vscroll {
   border: 1px solid #414040;
-  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+          box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
 }
 
 .e-menu-container:not(.e-hamburger):not(.e-rtl) .e-menu.e-vertical .e-blankicon {
@@ -590,7 +587,8 @@
 .e-bigger.e-menu-wrapper.e-menu-popup,
 .e-bigger .e-menu-container.e-menu-popup,
 .e-bigger.e-menu-container.e-menu-popup {
-  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.26);
+  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.26);
+          box-shadow: 0 3px 8px rgba(0, 0, 0, 0.26);
 }
 .e-bigger .e-menu-wrapper .e-scroll-nav .e-icons,
 .e-bigger.e-menu-wrapper .e-scroll-nav .e-icons,
@@ -679,7 +677,8 @@
 .e-menu-container.e-hamburger .e-popup.e-menu-popup {
   border: 0;
   border-radius: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   display: block;
   position: relative;
   width: 100%;
@@ -715,13 +714,21 @@
 }
 .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item[aria-expanded=true] .e-caret,
 .e-menu-container.e-hamburger ul.e-menu .e-menu-item[aria-expanded=true] .e-caret {
+  -webkit-transition: -webkit-transform 0.3s ease-in-out;
+  transition: -webkit-transform 0.3s ease-in-out;
   transition: transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+  -webkit-transform: rotate(-180deg);
   transform: rotate(-180deg);
   text-indent: 0;
 }
 .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item[aria-expanded=false] .e-caret,
 .e-menu-container.e-hamburger ul.e-menu .e-menu-item[aria-expanded=false] .e-caret {
+  -webkit-transition: -webkit-transform 0.3s ease-in-out;
+  transition: -webkit-transform 0.3s ease-in-out;
   transition: transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+  -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
   text-indent: 0;
 }
@@ -758,8 +765,9 @@
   height: auto;
   padding: 0;
 }
-.e-menu-wrapper.e-hamburger ul .e-menu-item.e-menu-caret-icon,
-.e-menu-container.e-hamburger ul .e-menu-item.e-menu-caret-icon {
+.e-menu-wrapper.e-hamburger ul .e-menu-item.e-menu-caret-icon, .e-menu-wrapper.e-hamburger ul .e-menu-item.e-blankicon,
+.e-menu-container.e-hamburger ul .e-menu-item.e-menu-caret-icon,
+.e-menu-container.e-hamburger ul .e-menu-item.e-blankicon {
   padding: 0;
 }
 .e-menu-wrapper.e-hamburger ul .e-menu-item .e-menu-url,
@@ -769,10 +777,6 @@
   text-indent: 0;
   width: 100%;
 }
-.e-menu-wrapper.e-hamburger ul .e-menu-item.e-blankicon,
-.e-menu-container.e-hamburger ul .e-menu-item.e-blankicon {
-  padding: 0;
-}
 .e-menu-wrapper.e-hamburger ul .e-menu-item.e-separator,
 .e-menu-container.e-hamburger ul .e-menu-item.e-separator {
   border-bottom-style: solid;
@@ -896,7 +900,6 @@
   position: relative;
 }
 
-/*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
   background: #333232;
@@ -1013,7 +1016,6 @@
 .e-menu-container .e-ul .e-menu-item.e-separator {
   border-bottom-color: #414040;
 }
-
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
   background: #282727;