UNPKG

@syncfusion/ej2-navigations

Version:

A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another

1,114 lines (1,087 loc) 40.5 kB
.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"; } .e-menu-wrapper ul .e-menu-item .e-caret::before, .e-menu-container ul .e-menu-item .e-caret::before { content: "\e966"; } .e-menu-wrapper .e-ul .e-menu-item .e-caret::before, .e-menu-container .e-ul .e-menu-item .e-caret::before { content: "\e219"; } .e-menu-wrapper.e-hamburger .e-menu-header .e-menu-icon::before, .e-menu-container.e-hamburger .e-menu-header .e-menu-icon::before { content: "\e94c"; } .e-menu-wrapper.e-hamburger.e-close-icon .e-menu-header .e-menu-icon::before, .e-menu-container.e-hamburger.e-close-icon .e-menu-header .e-menu-icon::before { content: "\e60a"; } .e-menu-wrapper.e-hamburger .e-vertical .e-menu-item .e-caret::before, .e-menu-wrapper.e-hamburger .e-menu-item .e-caret::before, .e-menu-container.e-hamburger .e-vertical .e-menu-item .e-caret::before, .e-menu-container.e-hamburger .e-menu-item .e-caret::before { content: "\e966"; } .e-menu-wrapper.e-rtl.e-hamburger ul.e-ul .e-caret::before, .e-menu-container.e-rtl.e-hamburger ul.e-ul .e-caret::before { content: "\e966"; } .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-nav-right-arrow::before, .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-nav-left-arrow::before, .e-menu-container .e-menu-hscroll.e-hscroll .e-nav-right-arrow::before, .e-menu-container .e-menu-hscroll.e-hscroll .e-nav-left-arrow::before { content: "\e219"; } .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-nav-up-arrow::before, .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-nav-down-arrow::before, .e-menu-container .e-menu-vscroll.e-vscroll .e-nav-up-arrow::before, .e-menu-container .e-menu-vscroll.e-vscroll .e-nav-down-arrow::before { content: "\e966"; } .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-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"; } .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-ul .e-caret::before, .e-bigger.e-rtl.e-menu-wrapper.e-hamburger ul.e-ul .e-caret::before, .e-bigger .e-rtl.e-menu-container.e-hamburger ul.e-ul .e-caret::before, .e-bigger.e-rtl.e-menu-container.e-hamburger ul.e-ul .e-caret::before { content: "\e966"; } .e-menu-wrapper, .e-menu-container { border: 1px solid #414040; border-radius: 0; display: inline-block; line-height: 0; } .e-menu-wrapper .e-menu-vscroll, .e-menu-container .e-menu-vscroll { height: inherit; } .e-menu-wrapper ul, .e-menu-container ul { font-weight: normal; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 13px; padding: 0; text-align: left; white-space: nowrap; } .e-menu-wrapper ul.e-ul, .e-menu-wrapper ul.e-ul *, .e-menu-container ul.e-ul, .e-menu-container ul.e-ul * { -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, .e-menu-container ul.e-ul *:focus { outline: none; } .e-menu-wrapper ul.e-vertical, .e-menu-container ul.e-vertical { min-width: 120px; } .e-menu-wrapper ul.e-vertical .e-menu-item, .e-menu-container ul.e-vertical .e-menu-item { display: list-item; } .e-menu-wrapper ul.e-vertical .e-separator, .e-menu-container ul.e-vertical .e-separator { border-bottom-style: solid; border-bottom-width: 1px; height: auto; } .e-menu-wrapper ul.e-menu, .e-menu-container ul.e-menu { display: inline-block; } .e-menu-wrapper ul.e-menu:not(.e-vertical), .e-menu-container ul.e-menu:not(.e-vertical) { padding: 0 16px; } .e-menu-wrapper ul.e-menu:not(.e-vertical) .e-separator, .e-menu-container ul.e-menu:not(.e-vertical) .e-separator { border-right-style: solid; border-right-width: 1px; padding: 0; } .e-menu-wrapper ul.e-menu .e-menu-item .e-menu-icon, .e-menu-container ul.e-menu .e-menu-item .e-menu-icon { width: 1em; } .e-menu-wrapper ul .e-menu-item, .e-menu-container ul .e-menu-item { cursor: pointer; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 42px; line-height: 42px; padding: 0 8px; vertical-align: top; white-space: nowrap; } .e-menu-wrapper ul .e-menu-item.e-menu-hide, .e-menu-container ul .e-menu-item.e-menu-hide { display: none; } .e-menu-wrapper ul .e-menu-item.e-menu-header, .e-menu-container ul .e-menu-item.e-menu-header { border-bottom-style: solid; border-bottom-width: 1px; } .e-menu-wrapper ul .e-menu-item .e-menu-url, .e-menu-container ul .e-menu-item .e-menu-url { text-decoration: none; } .e-menu-wrapper ul .e-menu-item .e-menu-icon, .e-menu-container ul .e-menu-item .e-menu-icon { display: inline-block; vertical-align: middle; } .e-menu-wrapper ul .e-menu-item.e-separator, .e-menu-container ul .e-menu-item.e-separator { cursor: auto; line-height: normal; pointer-events: none; } .e-menu-wrapper ul .e-menu-item .e-menu-icon, .e-menu-container ul .e-menu-item .e-menu-icon { font-size: 14px; height: auto; line-height: 42px; margin-right: 8px; text-align: center; margin-bottom: 4px; } .e-menu-wrapper ul .e-menu-item .e-caret, .e-menu-container ul .e-menu-item .e-caret { font-size: 11px; height: auto; line-height: 42px; position: absolute; right: 6px; top: 0; width: auto; } .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon, .e-menu-container ul .e-menu-item.e-menu-caret-icon { padding-right: 26px; } .e-menu-wrapper ul .e-menu-item.e-disabled, .e-menu-container ul .e-menu-item.e-disabled { cursor: auto; opacity: 1; pointer-events: none; } .e-menu-wrapper .e-ul, .e-menu-container .e-ul { font-size: 14px; padding: 0; min-width: 120px; } .e-menu-wrapper .e-ul .e-menu-item, .e-menu-container .e-ul .e-menu-item { height: 36px; line-height: 36px; padding: 0 10px; display: list-item; } .e-menu-wrapper .e-ul .e-menu-item .e-menu-url, .e-menu-container .e-ul .e-menu-item .e-menu-url { display: inline-block; min-width: 120px; } .e-menu-wrapper .e-ul .e-menu-item .e-menu-icon, .e-menu-container .e-ul .e-menu-item .e-menu-icon { font-size: 16px; line-height: 36px; margin-right: 10px; width: 1em; } .e-menu-wrapper .e-ul .e-menu-item .e-caret, .e-menu-container .e-ul .e-menu-item .e-caret { line-height: 36px; margin-left: 16px; margin-right: 0; position: absolute; right: 5px; } .e-menu-wrapper .e-ul .e-menu-item.e-menu-caret-icon, .e-menu-container .e-ul .e-menu-item.e-menu-caret-icon { padding-right: 36px; } .e-menu-wrapper .e-ul .e-menu-item.e-separator, .e-menu-container .e-ul .e-menu-item.e-separator { border-bottom-style: solid; border-bottom-width: 1px; height: auto; margin: 0; } .e-menu-wrapper .e-ul .e-menu-item .e-caret, .e-menu-container .e-ul .e-menu-item .e-caret { font-size: 12px; } .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon, .e-menu-container.e-menu-icon-right .e-menu-header .e-menu-icon { float: right; } .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-title, .e-menu-container.e-menu-icon-right .e-menu-header .e-menu-title { padding: 0 16px; } .e-menu-wrapper .e-menu-header, .e-menu-container .e-menu-header { display: none; font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont"; font-size: 14px; font-weight: normal; height: 42px; line-height: 42px; text-align: left; white-space: nowrap; } .e-menu-wrapper .e-menu-header .e-menu-title, .e-menu-wrapper .e-menu-header .e-menu-icon, .e-menu-container .e-menu-header .e-menu-title, .e-menu-container .e-menu-header .e-menu-icon { display: inline-block; line-height: inherit; } .e-menu-wrapper .e-menu-header .e-menu-icon, .e-menu-container .e-menu-header .e-menu-icon { cursor: pointer; float: left; outline: none; padding: 0 16px; } .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device), .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) { padding: 0 30px; } .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav, .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav { width: 30px; } .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus, .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover, .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus, .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover { border: 0; } .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-scroll-right-nav, .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-scroll-right-nav { border-left: 1px solid #414040; } .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-scroll-left-nav, .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav.e-scroll-left-nav { border-right: 1px solid #414040; } .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-hscroll-bar, .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-hscroll-bar { overflow-y: hidden; } .e-menu-wrapper .e-scroll-nav .e-nav-arrow, .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-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 { -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 { -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 { -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; -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; } .e-menu-wrapper .e-menu-vscroll.e-vscroll:not(.e-scroll-device), .e-menu-container .e-menu-vscroll.e-vscroll:not(.e-scroll-device) { padding: 16px 0; } .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 { -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 { -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 { height: 100%; width: inherit; } .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-vscroll-bar .e-vscroll-content, .e-menu-container .e-menu-vscroll.e-vscroll .e-vscroll-bar .e-vscroll-content { width: inherit; } .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-scroll-nav, .e-menu-container .e-menu-vscroll.e-vscroll .e-scroll-nav { height: 16px; } .e-menu-wrapper.e-scrollable, .e-menu-container.e-scrollable { display: block; } .e-menu-wrapper.e-scrollable .e-menu, .e-menu-container.e-scrollable .e-menu { display: block; overflow: auto; } .e-menu-wrapper.e-contextmenu-container, .e-menu-container.e-contextmenu-container { height: 1px; } .e-menu-wrapper.e-contextmenu-container .e-menu-vscroll ul.e-ul, .e-menu-container.e-contextmenu-container .e-menu-vscroll ul.e-ul { width: inherit; } .e-menu-wrapper.e-contextmenu-container .e-menu-vscroll, .e-menu-container.e-contextmenu-container .e-menu-vscroll { border: 1px solid #414040; -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 { padding-left: 30px; } .e-rtl.e-menu-wrapper ul .e-menu-item, .e-rtl.e-menu-container ul .e-menu-item { text-align: right; } .e-rtl.e-menu-wrapper ul .e-menu-item .e-menu-icon, .e-rtl.e-menu-container ul .e-menu-item .e-menu-icon { margin-right: 0; } .e-rtl.e-menu-wrapper ul .e-menu-item .e-caret, .e-rtl.e-menu-container ul .e-menu-item .e-caret { margin-left: 0; margin-right: 16px; right: auto; } .e-rtl.e-menu-wrapper ul .e-menu-item .e-menu-icon, .e-rtl.e-menu-container ul .e-menu-item .e-menu-icon { margin-left: 8px; } .e-rtl.e-menu-wrapper ul .e-menu-item .e-caret, .e-rtl.e-menu-container ul .e-menu-item .e-caret { left: 6px; } .e-rtl.e-menu-wrapper ul .e-menu-item.e-menu-caret-icon, .e-rtl.e-menu-container ul .e-menu-item.e-menu-caret-icon { padding-left: 26px; padding-right: 8px; } .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon, .e-rtl.e-menu-container ul.e-ul .e-menu-item .e-menu-icon { margin-left: 10px; } .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item .e-caret, .e-rtl.e-menu-container ul.e-ul .e-menu-item .e-caret { left: 5px; } .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon, .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon { padding-left: 36px; padding-right: 10px; } .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon, .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon { padding-left: 10px; } .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon, .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon { padding-left: 36px; } .e-rtl.e-menu-container:not(.e-hamburger) .e-menu.e-vertical .e-blankicon { padding-right: 30px; } .e-menu-wrapper.e-hamburger, .e-menu-container.e-hamburger { border: 0; display: block; position: relative; } .e-menu-wrapper.e-hamburger .e-menu-header:not(.e-vertical), .e-menu-container.e-hamburger .e-menu-header:not(.e-vertical) { border: 1px solid #414040; display: block; } .e-menu-wrapper.e-hamburger .e-popup.e-menu-popup, .e-menu-container.e-hamburger .e-popup.e-menu-popup { border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; display: block; position: relative; width: 100%; } .e-menu-wrapper.e-hamburger ul.e-menu, .e-menu-container.e-hamburger ul.e-menu { border: 1px solid #414040; overflow-y: auto; width: 100%; /* stylelint-disable */ /* stylelint-enable */ } .e-menu-wrapper.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu, .e-menu-container.e-hamburger ul.e-menu.e-menu-parent.e-hide-menu { display: none; } .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item, .e-menu-container.e-hamburger ul.e-menu .e-menu-item { text-indent: 8px; } .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item.e-blankicon, .e-menu-container.e-hamburger ul.e-menu .e-menu-item.e-blankicon { text-indent: 30px; } .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item .e-menu-icon, .e-menu-container.e-hamburger ul.e-menu .e-menu-item .e-menu-icon { display: inline; text-indent: 0; } .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item.e-menu-hide, .e-menu-container.e-hamburger ul.e-menu .e-menu-item.e-menu-hide { display: none; } .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; } .e-menu-wrapper.e-hamburger ul.e-menu:not(.e-vertical), .e-menu-container.e-hamburger ul.e-menu:not(.e-vertical) { border-top: 0; display: block; padding: 0; position: absolute; } .e-menu-wrapper.e-hamburger ul.e-ul, .e-menu-container.e-hamburger ul.e-ul { font-size: 13px; padding: 0; } .e-menu-wrapper.e-hamburger ul.e-ul .e-menu-item, .e-menu-container.e-hamburger ul.e-ul .e-menu-item { line-height: 42px; text-indent: inherit; } .e-menu-wrapper.e-hamburger ul.e-ul .e-menu-item.e-blankicon, .e-menu-container.e-hamburger ul.e-ul .e-menu-item.e-blankicon { padding: 0; text-indent: inherit; } .e-menu-wrapper.e-hamburger ul.e-ul .e-menu-item .e-caret, .e-menu-container.e-hamburger ul.e-ul .e-menu-item .e-caret { font-size: 11px; right: 6px; } .e-menu-wrapper.e-hamburger ul .e-menu-item, .e-menu-container.e-hamburger ul .e-menu-item { display: list-item; height: auto; padding: 0; } .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, .e-menu-container.e-hamburger ul .e-menu-item .e-menu-url { display: inline-block; min-width: 120px; text-indent: 0; width: 100%; } .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; border-bottom-width: 1px; height: auto; } .e-rtl.e-menu-wrapper.e-hamburger ul .e-menu-item .e-menu-caret-icon, .e-rtl.e-menu-container.e-hamburger ul .e-menu-item .e-menu-caret-icon { padding-left: 0; padding-right: 0; } .e-rtl.e-menu-wrapper.e-hamburger ul .e-menu-item .e-menu-icon, .e-rtl.e-menu-container.e-hamburger ul .e-menu-item .e-menu-icon { margin-left: 0; text-indent: inherit; } .e-rtl.e-menu-wrapper.e-hamburger ul .e-menu-item .e-caret, .e-rtl.e-menu-container.e-hamburger ul .e-menu-item .e-caret { left: 6px; right: auto; } .e-menu-container .e-vscroll ul { position: relative; } .e-menu-wrapper, .e-menu-container { background: #333232; } .e-menu-wrapper .e-menu, .e-menu-container .e-menu { background: inherit; color: #dadada; } .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator, .e-menu-container .e-menu.e-menu:not(.e-vertical) .e-separator { border-right-color: #414040; } .e-menu-wrapper .e-menu .e-menu-item.e-menu-header, .e-menu-container .e-menu .e-menu-item.e-menu-header { border-bottom-color: #414040; } .e-menu-wrapper .e-menu .e-menu-item .e-caret, .e-menu-container .e-menu .e-menu-item .e-caret { color: #dadada; } .e-menu-wrapper .e-menu .e-menu-item .e-menu-icon, .e-menu-container .e-menu .e-menu-item .e-menu-icon { color: #dadada; } .e-menu-wrapper .e-menu .e-menu-item.e-menu-header, .e-menu-container .e-menu .e-menu-item.e-menu-header { border-bottom-color: #414040; } .e-menu-wrapper .e-menu .e-menu-item .e-menu-url, .e-menu-container .e-menu .e-menu-item .e-menu-url { color: #dadada; } .e-menu-wrapper .e-menu .e-menu-item.e-focused, .e-menu-container .e-menu .e-menu-item.e-focused { color: inherit; outline: 0 solid #414040; outline-offset: 0; background: #414040; } .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret, .e-menu-container .e-menu .e-menu-item.e-focused .e-caret { color: #dadada; } .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-menu-icon, .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon { color: #dadada; } .e-menu-wrapper .e-menu .e-menu-item.e-selected, .e-menu-wrapper .e-menu .e-menu-item.e-active-item, .e-menu-container .e-menu .e-menu-item.e-selected, .e-menu-container .e-menu .e-menu-item.e-active-item { color: #fff; outline: 0 solid #514f4f; outline-offset: 0; background: #514f4f; } .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-caret, .e-menu-container .e-menu .e-menu-item.e-selected .e-caret, .e-menu-container .e-menu .e-menu-item.e-active-item .e-caret { color: #dadada; } .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-menu-icon, .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon, .e-menu-container .e-menu .e-menu-item.e-active-item .e-menu-icon { color: #dadada; } .e-menu-wrapper .e-menu .e-menu-item.e-separator, .e-menu-container .e-menu .e-menu-item.e-separator { border-bottom-color: #414040; } .e-menu-wrapper .e-menu .e-disabled, .e-menu-container .e-menu .e-disabled { color: #6f6c6c; opacity: 1; } .e-menu-wrapper .e-menu .e-disabled .e-menu-icon, .e-menu-container .e-menu .e-disabled .e-menu-icon { color: #6f6c6c; } .e-menu-wrapper .e-menu .e-disabled .e-caret, .e-menu-container .e-menu .e-disabled .e-caret { color: #6f6c6c; } .e-menu-wrapper .e-menu .e-disabled .e-menu-url, .e-menu-container .e-menu .e-disabled .e-menu-url { color: #6f6c6c; } .e-menu-wrapper .e-ul, .e-menu-container .e-ul { background: inherit; color: #dadada; } .e-menu-wrapper .e-ul .e-menu-item .e-menu-url, .e-menu-container .e-ul .e-menu-item .e-menu-url { color: #dadada; } .e-menu-wrapper .e-ul .e-menu-item.e-focused, .e-menu-container .e-ul .e-menu-item.e-focused { background-color: #414040; color: #fff; outline: 0 solid #414040; outline-offset: 0; } .e-menu-wrapper .e-ul .e-menu-item.e-selected, .e-menu-wrapper .e-ul .e-menu-item.e-active-item, .e-menu-container .e-ul .e-menu-item.e-selected, .e-menu-container .e-ul .e-menu-item.e-active-item { background-color: #514f4f; color: #fff; outline: 0 solid #514f4f; outline-offset: 0; } .e-menu-wrapper .e-ul .e-menu-item.e-separator, .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; } .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll, .e-menu-container.e-menu-popup.e-sfcontextmenu .e-menu-vscroll { background: inherit; } .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav, .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav { background: #333232; } .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav .e-nav-arrow.e-icons, .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav .e-nav-arrow.e-icons { color: #dadada; } .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav:hover, .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav:hover { background: #414040; } .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav:focus, .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav:focus { background: #414040; } .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav:active, .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav:active { background: #414040; } .e-menu-wrapper.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav, .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav { background: #282727; border-color: #414040; } .e-menu-wrapper.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav .e-icons, .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav .e-icons { color: #dadada; } .e-menu-wrapper.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:hover, .e-menu-wrapper.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:focus, .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:hover, .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:focus { background: #414040; } .e-menu-wrapper.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:active, .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav:active { background: #514f4f; } .e-menu-wrapper.e-inherit, .e-menu-container.e-inherit { border: 0; } .e-menu-wrapper.e-inherit .e-menu, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-menu-icon, .e-menu-wrapper.e-inherit .e-menu .e-menu-item .e-caret, .e-menu-container.e-inherit .e-menu, .e-menu-container.e-inherit .e-menu .e-menu-item .e-menu-icon, .e-menu-container.e-inherit .e-menu .e-menu-item .e-caret { color: inherit; } .e-menu-wrapper.e-inherit .e-menu, .e-menu-container.e-inherit .e-menu { background: inherit; } .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-active-item, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused, .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-container.e-inherit .e-menu .e-menu-item.e-active-item, .e-menu-container.e-inherit .e-menu .e-menu-item.e-focused { background: rgba(0, 0, 0, 0.056); color: inherit; } .e-menu-wrapper.e-hamburger .e-menu-header, .e-menu-container.e-hamburger .e-menu-header { color: #dadada; } .e-menu-wrapper.e-hamburger .e-menu-header .e-menu-icon, .e-menu-container.e-hamburger .e-menu-header .e-menu-icon { color: #dadada; } .e-menu-wrapper.e-hamburger ul, .e-menu-container.e-hamburger ul { color: #dadada; } .e-bigger .e-menu-wrapper ul, .e-bigger.e-menu-wrapper ul, .e-bigger .e-menu-container ul, .e-bigger.e-menu-container ul { font-size: 14px; } .e-bigger .e-menu-wrapper ul.e-menu .e-menu-item, .e-bigger.e-menu-wrapper ul.e-menu .e-menu-item, .e-bigger .e-menu-container ul.e-menu .e-menu-item, .e-bigger.e-menu-container ul.e-menu .e-menu-item { line-height: 52px; padding: 0 10px; height: 52px; } .e-bigger .e-menu-wrapper ul.e-menu .e-menu-item .e-menu-icon, .e-bigger.e-menu-wrapper ul.e-menu .e-menu-item .e-menu-icon, .e-bigger .e-menu-container ul.e-menu .e-menu-item .e-menu-icon, .e-bigger.e-menu-container ul.e-menu .e-menu-item .e-menu-icon { font-size: 16px; line-height: 52px; margin-right: 10px; } .e-bigger .e-menu-wrapper ul.e-menu .e-menu-item .e-caret, .e-bigger.e-menu-wrapper ul.e-menu .e-menu-item .e-caret, .e-bigger .e-menu-container ul.e-menu .e-menu-item .e-caret, .e-bigger.e-menu-container ul.e-menu .e-menu-item .e-caret { font-size: 16px; line-height: 52px; right: 8px; } .e-bigger .e-menu-wrapper ul.e-menu .e-menu-item.e-separator, .e-bigger.e-menu-wrapper ul.e-menu .e-menu-item.e-separator, .e-bigger .e-menu-container ul.e-menu .e-menu-item.e-separator, .e-bigger.e-menu-container ul.e-menu .e-menu-item.e-separator { padding: 0; } .e-bigger .e-menu-wrapper ul.e-menu:not(.e-vertical), .e-bigger.e-menu-wrapper ul.e-menu:not(.e-vertical), .e-bigger .e-menu-container ul.e-menu:not(.e-vertical), .e-bigger.e-menu-container ul.e-menu:not(.e-vertical) { padding: 0 20px; } .e-bigger .e-menu-wrapper ul.e-menu.e-vertical .e-menu-item.e-separator, .e-bigger.e-menu-wrapper ul.e-menu.e-vertical .e-menu-item.e-separator, .e-bigger .e-menu-container ul.e-menu.e-vertical .e-menu-item.e-separator, .e-bigger.e-menu-container ul.e-menu.e-vertical .e-menu-item.e-separator { height: auto; line-height: normal; } .e-bigger .e-menu-wrapper ul.e-ul, .e-bigger.e-menu-wrapper ul.e-ul, .e-bigger .e-menu-container ul.e-ul, .e-bigger.e-menu-container ul.e-ul { font-size: 15px; padding: 0; white-space: nowrap; min-width: 112px; } .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item, .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item, .e-bigger .e-menu-container ul.e-ul .e-menu-item, .e-bigger.e-menu-container ul.e-ul .e-menu-item { height: 48px; line-height: 48px; padding: 0 10px; } .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon, .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon, .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-menu-icon, .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-menu-icon { font-size: 18px; line-height: 48px; } .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-caret, .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-caret, .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-caret, .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-caret { line-height: 48px; } .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item.e-separator, .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item.e-separator, .e-bigger .e-menu-container ul.e-ul .e-menu-item.e-separator, .e-bigger.e-menu-container ul.e-ul .e-menu-item.e-separator { height: auto; line-height: normal; } .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-caret, .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-caret, .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-caret, .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-caret { font-size: 12px; right: 5px; } .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon, .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon, .e-bigger .e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon, .e-bigger.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon { padding-right: 36px; } .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon, .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon, .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-menu-icon, .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-menu-icon { margin-right: 10px; } .e-bigger .e-menu-container:not(.e-hamburger):not(.e-rtl) .e-menu.e-vertical .e-blankicon, .e-bigger.e-menu-container:not(.e-hamburger):not(.e-rtl) .e-menu.e-vertical .e-blankicon { padding-left: 36px; } .e-bigger .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device), .e-bigger.e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device), .e-bigger .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device), .e-bigger.e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) { padding: 0 36px; } .e-bigger .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav, .e-bigger.e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav, .e-bigger .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav, .e-bigger.e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav { width: 36px; } .e-bigger .e-menu-wrapper .e-menu-vscroll.e-vscroll:not(.e-scroll-device), .e-bigger.e-menu-wrapper .e-menu-vscroll.e-vscroll:not(.e-scroll-device), .e-bigger .e-menu-container .e-menu-vscroll.e-vscroll:not(.e-scroll-device), .e-bigger.e-menu-container .e-menu-vscroll.e-vscroll:not(.e-scroll-device) { padding: 24px 0; } .e-bigger .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-scroll-nav, .e-bigger.e-menu-wrapper .e-menu-vscroll.e-vscroll .e-scroll-nav, .e-bigger .e-menu-container .e-menu-vscroll.e-vscroll .e-scroll-nav, .e-bigger.e-menu-container .e-menu-vscroll.e-vscroll .e-scroll-nav { height: 24px; } .e-bigger .e-menu-wrapper.e-menu-popup, .e-bigger.e-menu-wrapper.e-menu-popup, .e-bigger .e-menu-container.e-menu-popup, .e-bigger.e-menu-container.e-menu-popup { -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, .e-bigger .e-menu-container .e-scroll-nav .e-icons, .e-bigger.e-menu-container .e-scroll-nav .e-icons { font-size: 12px; } .e-bigger .e-rtl.e-menu-wrapper ul .e-menu-item, .e-bigger.e-rtl.e-menu-wrapper ul .e-menu-item, .e-bigger .e-rtl.e-menu-container ul .e-menu-item, .e-bigger.e-rtl.e-menu-container ul .e-menu-item { text-align: right; } .e-bigger .e-rtl.e-menu-wrapper ul .e-menu-item .e-menu-icon, .e-bigger.e-rtl.e-menu-wrapper ul .e-menu-item .e-menu-icon, .e-bigger .e-rtl.e-menu-container ul .e-menu-item .e-menu-icon, .e-bigger.e-rtl.e-menu-container ul .e-menu-item .e-menu-icon { margin-left: 10px; margin-right: 0; } .e-bigger .e-rtl.e-menu-wrapper ul .e-menu-item .e-caret, .e-bigger.e-rtl.e-menu-wrapper ul .e-menu-item .e-caret, .e-bigger .e-rtl.e-menu-container ul .e-menu-item .e-caret, .e-bigger.e-rtl.e-menu-container ul .e-menu-item .e-caret { left: 8px; margin-left: 0; right: auto; } .e-bigger .e-rtl.e-menu-wrapper ul .e-menu-item.e-menu-caret-icon, .e-bigger.e-rtl.e-menu-wrapper ul .e-menu-item.e-menu-caret-icon, .e-bigger .e-rtl.e-menu-container ul .e-menu-item.e-menu-caret-icon, .e-bigger.e-rtl.e-menu-container ul .e-menu-item.e-menu-caret-icon { padding-left: 36px; padding-right: 16px; } .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon, .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon, .e-bigger .e-rtl.e-menu-container ul.e-ul .e-menu-item .e-menu-icon, .e-bigger.e-rtl.e-menu-container ul.e-ul .e-menu-item .e-menu-icon { margin-left: 10px; } .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item .e-caret, .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-menu-item .e-caret, .e-bigger .e-rtl.e-menu-container ul.e-ul .e-menu-item .e-caret, .e-bigger.e-rtl.e-menu-container ul.e-ul .e-menu-item .e-caret { left: 5px; } .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon, .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon, .e-bigger .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon, .e-bigger.e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon { padding-left: 36px; padding-right: 10px; } .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon, .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon, .e-bigger .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon, .e-bigger.e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon { padding-left: 10px; } .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon, .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon, .e-bigger .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon, .e-bigger.e-rtl.e-menu-container ul.e-ul .e-menu-item.e-blankicon.e-menu-caret-icon { padding-left: 36px; } .e-bigger .e-rtl.e-menu-container:not(.e-hamburger) .e-menu.e-vertical .e-blankicon, .e-bigger.e-rtl.e-menu-container:not(.e-hamburger) .e-menu.e-vertical .e-blankicon { padding-right: 36px; } .e-bigger .e-menu-wrapper.e-hamburger ul .e-ul, .e-bigger.e-menu-wrapper.e-hamburger ul .e-ul, .e-bigger .e-menu-container.e-hamburger ul .e-ul, .e-bigger.e-menu-container.e-hamburger ul .e-ul { max-width: 100%; } .e-bigger .e-menu-wrapper.e-hamburger ul .e-ul .e-menu-item, .e-bigger.e-menu-wrapper.e-hamburger ul .e-ul .e-menu-item, .e-bigger .e-menu-container.e-hamburger ul .e-ul .e-menu-item, .e-bigger.e-menu-container.e-hamburger ul .e-ul .e-menu-item { height: auto; line-height: 52px; padding: 0; } .e-bigger .e-menu-wrapper.e-hamburger .e-menu-header, .e-bigger.e-menu-wrapper.e-hamburger .e-menu-header, .e-bigger .e-menu-container.e-hamburger .e-menu-header, .e-bigger.e-menu-container.e-hamburger .e-menu-header { font-size: 16px; height: 52px; line-height: 52px; } .e-bigger .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item, .e-bigger.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item, .e-bigger .e-menu-container.e-hamburger ul.e-menu .e-menu-item, .e-bigger.e-menu-container.e-hamburger ul.e-menu .e-menu-item { text-indent: 10px; } .e-bigger .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item.e-blankicon, .e-bigger.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item.e-blankicon, .e-bigger .e-menu-container.e-hamburger ul.e-menu .e-menu-item.e-blankicon, .e-bigger.e-menu-container.e-hamburger ul.e-menu .e-menu-item.e-blankicon { text-indent: 36px; } .e-bigger .e-menu-wrapper.e-hamburger ul.e-menu .e-ul, .e-bigger.e-menu-wrapper.e-hamburger ul.e-menu .e-ul, .e-bigger .e-menu-container.e-hamburger ul.e-menu .e-ul, .e-bigger.e-menu-container.e-hamburger ul.e-menu .e-ul { font-size: 14px; } .e-bigger .e-menu-wrapper.e-hamburger ul.e-menu .e-ul .e-menu-item, .e-bigger.e-menu-wrapper.e-hamburger ul.e-menu .e-ul .e-menu-item, .e-bigger .e-menu-container.e-hamburger ul.e-menu .e-ul .e-menu-item, .e-bigger.e-menu-container.e-hamburger ul.e-menu .e-ul .e-menu-item { text-indent: inherit; } .e-bigger .e-menu-wrapper.e-hamburger ul.e-menu .e-ul .e-menu-item.e-menu-caret-icon, .e-bigger.e-menu-wrapper.e-hamburger ul.e-menu .e-ul .e-menu-item.e-menu-caret-icon, .e-bigger .e-menu-container.e-hamburger ul.e-menu .e-ul .e-menu-item.e-menu-caret-icon, .e-bigger.e-menu-container.e-hamburger ul.e-menu .e-ul .e-menu-item.e-menu-caret-icon { padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */ } .e-bigger .e-menu-wrapper.e-hamburger ul.e-menu .e-ul .e-menu-item .e-caret, .e-bigger.e-menu-wrapper.e-hamburger ul.e-menu .e-ul .e-menu-item .e-caret, .e-bigger .e-menu-container.e-hamburger ul.e-menu .e-ul .e-menu-item .e-caret, .e-bigger.e-menu-container.e-hamburger ul.e-menu .e-ul .e-menu-item .e-caret { font-size: 16px; right: 8px; } .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item, .e-bigger.e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item, .e-bigger .e-rtl.e-menu-container.e-hamburger ul.e-menu .e-menu-item, .e-bigger.e-rtl.e-menu-container.e-hamburger ul.e-menu .e-menu-item { padding: 0; text-indent: 10px; } .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item.e-blankicon, .e-bigger.e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item.e-blankicon, .e-bigger .e-rtl.e-menu-container.e-hamburger ul.e-menu .e-menu-item.e-blankicon, .e-bigger.e-rtl.e-menu-container.e-hamburger ul.e-menu .e-menu-item.e-blankicon { text-indent: 36px; } .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item .e-menu-icon, .e-bigger.e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item .e-menu-icon, .e-bigger .e-rtl.e-menu-container.e-hamburger ul.e-menu .e-menu-item .e-menu-icon, .e-bigger.e-rtl.e-menu-container.e-hamburger ul.e-menu .e-menu-item .e-menu-icon { margin-left: 0; text-indent: inherit; } .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item.e-menu-caret-icon, .e-bigger.e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item.e-menu-caret-icon, .e-bigger .e-rtl.e-menu-container.e-hamburger ul.e-menu .e-menu-item.e-menu-caret-icon, .e-bigger.e-rtl.e-menu-container.e-hamburger ul.e-menu .e-menu-item.e-menu-caret-icon { padding-left: 0; padding-right: 0; } .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item .e-caret, .e-bigger.e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item .e-caret, .e-bigger .e-rtl.e-menu-container.e-hamburger ul.e-menu .e-menu-item .e-caret, .e-bigger.e-rtl.e-menu-container.e-hamburger ul.e-menu .e-menu-item .e-caret { left: 6px; right: auto; } .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-ul .e-menu-item, .e-bigger.e-rtl.e-menu-wrapper.e-hamburger ul.e-menu .e-ul .e-menu-item, .e-bigger .e-rtl.e-menu-container.e-hamburger ul.e-menu .e-ul .e-menu-item, .e-bigger.e-rtl.e-menu-container.e-hamburger ul.e-menu .e-ul .e-menu-item { text-indent: inherit; } .e-bigger .e-menu-wrapper:not(.e-hamburger) ul.e-ul .e-menu-item:not(.e-separator), .e-bigger .e-menu-container:not(.e-hamburger) ul.e-ul .e-menu-item:not(.e-separator) { height: 48px; } .e-bigger .e-menu-wrapper:not(.e-hamburger) ul .e-menu-item.e-menu-caret-icon, .e-bigger .e-menu-container:not(.e-hamburger) ul .e-menu-item.e-menu-caret-icon { padding-right: 36px; } .e-bigger .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item, .e-bigger .e-menu-container.e-hamburger ul.e-menu .e-menu-item { padding: 0 !important; /* stylelint-disable-line declaration-no-important */ height: auto !important; /* stylelint-disable-line declaration-no-important */ }