@syncfusion/ej2-navigations 25.2.6 → 26.1.35-750253

package/styles/menu/bootstrap-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: "\e207";
@@ -41,24 +40,16 @@
   content: "\e95d";
 }
 
-.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
-.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
-  content: "\e937";
-}
-.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
-.e-rtl.e-menu-container ul.e-ul .e-caret::before {
-  content: "\e937";
-}
-
+.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: "\e937";
-}
 .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: "\e937";
 }
@@ -70,7 +61,6 @@
   content: "\e95d";
 }
 
-/*! menu layout */
 .e-menu-wrapper,
 .e-menu-container {
   border: 1px solid #414141;
@@ -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: 14px;
@@ -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 #505050;
-  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
   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 #505050;
-  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
 }
 
 .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 5px 15px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
 }
 .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: #131313;
@@ -1013,7 +1016,6 @@
 .e-menu-container .e-ul .e-menu-item.e-separator {
   border-bottom-color: #505050;
 }
-
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
   background: #313131;

package/styles/menu/bootstrap.css

@@ -1,5 +1,5 @@
-/*! component's theme wise override definitions and variables */ /*! component's theme wise override definitions and variables */
-/*! menu layout */
+/*! component's theme wise override definitions and variables */
+/*! component's theme wise override definitions and variables */
 .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: "\e207";
@@ -42,24 +42,16 @@
   content: "\e95d";
 }
 
-.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
-.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
-  content: "\e937";
-}
-.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
-.e-rtl.e-menu-container ul.e-ul .e-caret::before {
-  content: "\e937";
-}
-
+.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: "\e937";
-}
 .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: "\e937";
 }
@@ -71,7 +63,6 @@
   content: "\e95d";
 }
 
-/*! menu layout */
 .e-menu-wrapper,
 .e-menu-container {
   border: 1px solid #ccc;
@@ -92,6 +83,7 @@
   margin: 0;
   overflow: hidden;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   font-size: 14px;
@@ -102,7 +94,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,
@@ -145,6 +138,7 @@
 .e-menu-container ul .e-menu-item {
   cursor: pointer;
   position: relative;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 40px;
@@ -317,26 +311,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 #ccc;
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   overflow: hidden;
   position: absolute;
 }
@@ -346,12 +341,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 {
@@ -386,7 +383,8 @@
 .e-menu-wrapper.e-contextmenu-container .e-menu-vscroll,
 .e-menu-container.e-contextmenu-container .e-menu-vscroll {
   border: 1px solid #ccc;
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 }
 
 .e-menu-container:not(.e-hamburger):not(.e-rtl) .e-menu.e-vertical .e-blankicon {
@@ -591,7 +589,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 6px 12px rgba(0, 0, 0, 0.175);
+  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+          box-shadow: 0 6px 12px 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,
@@ -680,7 +679,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%;
@@ -716,13 +716,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;
 }
@@ -759,8 +767,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,
@@ -770,10 +779,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;
@@ -897,7 +902,6 @@
   position: relative;
 }
 
-/*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
   background: #f8f8f8;
@@ -1014,7 +1018,6 @@
 .e-menu-container .e-ul .e-menu-item.e-separator {
   border-bottom-color: #e6e6e6;
 }
-
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
   background: #fff;

package/styles/menu/bootstrap4.css

@@ -1,5 +1,5 @@
-/*! component's theme wise override definitions and variables */ /*! component's theme wise override definitions and variables */
-/*! menu layout */
+/*! component's theme wise override definitions and variables */
+/*! component's theme wise override definitions and variables */
 .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: "\e70b";
@@ -42,24 +42,16 @@
   content: "\e744";
 }
 
-.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
-.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
-  content: "\e71f";
-}
-.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
-.e-rtl.e-menu-container ul.e-ul .e-caret::before {
-  content: "\e71f";
-}
-
+.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: "\e71f";
-}
 .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: "\e71f";
 }
@@ -71,7 +63,6 @@
   content: "\e744";
 }
 
-/*! menu layout */
 .e-menu-wrapper,
 .e-menu-container {
   border: none;
@@ -92,6 +83,7 @@
   margin: 0;
   overflow: hidden;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   font-size: 14px;
@@ -102,7 +94,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,
@@ -145,6 +138,7 @@
 .e-menu-container ul .e-menu-item {
   cursor: pointer;
   position: relative;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 30px;
@@ -317,26 +311,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 rgba(0, 0, 0, 0.15);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   overflow: hidden;
   position: absolute;
 }
@@ -346,12 +341,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 {
@@ -386,7 +383,8 @@
 .e-menu-wrapper.e-contextmenu-container .e-menu-vscroll,
 .e-menu-container.e-contextmenu-container .e-menu-vscroll {
   border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 
 .e-menu-container:not(.e-hamburger):not(.e-rtl) .e-menu.e-vertical .e-blankicon {
@@ -591,7 +589,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: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-bigger .e-menu-wrapper .e-scroll-nav .e-icons,
 .e-bigger.e-menu-wrapper .e-scroll-nav .e-icons,
@@ -680,7 +679,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%;
@@ -716,13 +716,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;
 }
@@ -759,8 +767,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,
@@ -770,10 +779,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;
@@ -897,7 +902,6 @@
   position: relative;
 }
 
-/*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
   background: transparent;
@@ -988,11 +992,8 @@
   background: inherit;
   color: #212529;
 }
-.e-menu-wrapper .e-ul .e-menu-item .e-caret,
-.e-menu-container .e-ul .e-menu-item .e-caret {
-  color: #212529;
-}
-.e-menu-wrapper .e-ul .e-menu-item .e-menu-icon,
+.e-menu-wrapper .e-ul .e-menu-item .e-caret, .e-menu-wrapper .e-ul .e-menu-item .e-menu-icon,
+.e-menu-container .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-menu-icon {
   color: #212529;
 }
@@ -1004,13 +1005,10 @@
 .e-menu-container .e-ul .e-menu-item.e-focused .e-menu-icon {
   color: #212529;
 }
-.e-menu-wrapper .e-ul .e-menu-item.e-selected .e-caret, .e-menu-wrapper .e-ul .e-menu-item.e-active-item .e-caret,
+.e-menu-wrapper .e-ul .e-menu-item.e-selected .e-caret, .e-menu-wrapper .e-ul .e-menu-item.e-selected .e-menu-icon, .e-menu-wrapper .e-ul .e-menu-item.e-active-item .e-caret, .e-menu-wrapper .e-ul .e-menu-item.e-active-item .e-menu-icon,
 .e-menu-container .e-ul .e-menu-item.e-selected .e-caret,
-.e-menu-container .e-ul .e-menu-item.e-active-item .e-caret {
-  color: #fff;
-}
-.e-menu-wrapper .e-ul .e-menu-item.e-selected .e-menu-icon, .e-menu-wrapper .e-ul .e-menu-item.e-active-item .e-menu-icon,
 .e-menu-container .e-ul .e-menu-item.e-selected .e-menu-icon,
+.e-menu-container .e-ul .e-menu-item.e-active-item .e-caret,
 .e-menu-container .e-ul .e-menu-item.e-active-item .e-menu-icon {
   color: #fff;
 }
@@ -1037,7 +1035,6 @@
 .e-menu-container .e-ul .e-menu-item.e-separator {
   border-bottom-color: #e9ecef;
 }
-
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
   background: #fff;