UNPKG

@syncfusion/ej2-vue-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 for Vue

1,264 lines (1,071 loc) 126 kB
/*! Fabric theme definition's */ /*! component's theme wise override definitions and variables */ /*! Horizontal Tab */ /*! Fabric specific themes definition's */ /*! Vertical Tab */ /*! tab icons */ .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-left-arrow::before { content: '\e219'; } .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-right-arrow::before { content: '\e98f'; } .e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before { content: '\e98f'; } .e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before { content: '\e219'; } .e-tab .e-tab-header .e-close-icon::before { content: '\e7fc'; position: relative; } .e-tab .e-tab-header .e-popup-up-icon::before { content: '\e85e'; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-popup-up-icon::before { content: '\e976'; } } .e-tab .e-tab-header .e-popup-down-icon::before { content: '\e84f'; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-popup-down-icon::before { content: '\e976'; } } @media screen and (max-width: 480px) { .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before { content: '\e85e'; } .e-tab.e-vertical-icon .e-tab-header .e-popup-down-icon::before { content: '\e84f'; } } .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-up-arrow::before { content: '\e85e'; } .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-down-arrow::before { content: '\e84f'; } .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::before { content: 'More'; } .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::after { content: '\e85e'; } .e-tab.e-vertical-tab .e-tab-header .e-popup-down-icon::before { content: 'More'; } .e-tab.e-vertical-tab .e-tab-header .e-popup-down-icon::after { content: '\e84f'; } .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-up-icon::before { content: ''; } .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-up-icon::after { content: '\ebb7'; } .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-down-icon::before { content: ''; } .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-down-icon::after { content: '\ebb7'; } /*! tab layout */ .e-bigger .e-tab .e-tab-header, .e-tab.e-bigger .e-tab-header { height: 50px; min-height: 50px; } .e-bigger .e-tab .e-tab-header .e-toolbar-items, .e-tab.e-bigger .e-tab-header .e-toolbar-items { height: auto; min-height: auto; } .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child, .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0 14px 0 0; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child, .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0 8px 0 0; } } .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child, .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { padding-bottom: 0; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child, .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; } } .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child, .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child, .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; } } .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active, .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active { margin: 0; } .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav, .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav { width: 50px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator), .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) { height: 50px; margin: 0 14px 0 0; min-height: 50px; min-width: auto; padding: 0; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator), .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) { margin: 0 8px 0 0; } } .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator).e-itop, .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom, .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator).e-itop, .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom { height: 72px; min-height: 72px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap { height: 50px; padding: 0 8px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap { padding: 0 8px; } } .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-text-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-text-wrap { height: 50px; height: 48px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-text, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-text { font-size: 15px; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active { margin: 0 14px 0 0; padding-bottom: 0; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active { margin: 0 8px 0 0; } } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active .e-text-wrap { height: 50px; margin-top: 0; height: 48px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap { height: 50px; height: 48px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap { padding: 2px 0 0 0; padding: 0; } .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon { cursor: pointer; margin: 0 0 0 8px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon { margin: 0 0 0 8px; } } .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon, .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before { font-size: 12px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon, .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before { font-size: 12px; } } .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-tab-icon { height: 20px; min-width: 20px; width: 20px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon, .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-icon, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-icon::before { font-size: 20px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap { padding: 0 8px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text { margin: 0 0 0 8px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text { margin: 0 0 0 8px; } } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom { height: 72px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap { height: 72px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap { height: 72px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-close-icon, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-close-icon, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-close-icon, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom .e-close-icon { right: 8px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-text-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-text-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-text-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom .e-text-wrap { height: auto; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap { height: 72px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-text, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-tab-text { margin: 10px 0 0; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-text, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom .e-tab-text { margin: 0 0 10px; } .e-bigger .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-itop .e-text-wrap, .e-bigger .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap, .e-tab.e-bigger .e-tab-header.e-close-show .e-toolbar-item.e-itop .e-text-wrap, .e-tab.e-bigger .e-tab-header.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap { margin-right: 22px; } .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item { height: 45px; min-height: 45px; } .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap { height: 45px; padding: 0 16px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap { padding: 0 12px; } } .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap { height: 45px; height: 43px; } .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style='display:block'], .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style='display:block'] { padding-right: 8px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style='display:block'], .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style='display:block'] { padding-right: 0; } } .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon { margin: 0; } .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon::before, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon::before { top: 1px; } .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-close-icon, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-close-icon, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-close-icon, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-close-icon { right: 16px; } .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator), .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) { min-height: 50px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator), .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) { min-height: 50px; } } .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap { height: 50px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap { height: 50px; } } .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text { margin: 0; padding-left: 0; padding-right: 12px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text { margin: 0; padding-left: 0; padding-right: 0; } } .e-bigger .e-tab .e-tab-header .e-scroll-nav, .e-tab.e-bigger .e-tab-header .e-scroll-nav { height: 50px; min-height: 50px; padding: 0 10px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-scroll-nav, .e-tab.e-bigger .e-tab-header .e-scroll-nav { padding: 0 8px; } } .e-bigger .e-tab .e-tab-header .e-scroll-nav.e-scroll-right-nav, .e-tab.e-bigger .e-tab-header .e-scroll-nav.e-scroll-right-nav { padding: 0 10px; } .e-bigger .e-tab .e-tab-header .e-scroll-nav.e-scroll-left-nav, .e-tab.e-bigger .e-tab-header .e-scroll-nav.e-scroll-left-nav { padding: 0 10px; } .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow, .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow { font-size: 14px; height: 32px; line-height: 32px; width: 32px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow, .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow { font-size: 14px; height: 32px; line-height: 32px; width: 32px; } } .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before, .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before, .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-left-arrow::before, .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-right-arrow::before { font-size: 14px; line-height: 32px; top: 0; vertical-align: initial; } .e-bigger .e-tab .e-tab-header .e-hor-nav, .e-tab.e-bigger .e-tab-header .e-hor-nav { height: 50px; min-height: 50px; padding: 0 10px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-hor-nav, .e-tab.e-bigger .e-tab-header .e-hor-nav { padding: 0 8px; } } .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon, .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon, .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon, .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon { font-size: 14px; height: 32px; line-height: 32px; width: 32px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon, .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon, .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon, .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon { font-size: 14px; height: 32px; line-height: 32px; width: 32px; } } .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before, .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before { font-size: 14px; line-height: 32px; top: 0; vertical-align: initial; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before, .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before { font-size: 16px; } } .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before, .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before, .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before, .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before { top: 0; } .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before, .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before, .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before, .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before { top: 0; } .e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon, .e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon, .e-bigger .e-tab .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon, .e-bigger .e-tab .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon, .e-tab.e-bigger .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon, .e-tab.e-bigger .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon, .e-tab.e-bigger .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon, .e-tab.e-bigger .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon { line-height: 20px; } .e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow, .e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow, .e-bigger .e-tab .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow, .e-bigger .e-tab .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow, .e-tab.e-bigger .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow, .e-tab.e-bigger .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow, .e-tab.e-bigger .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow, .e-tab.e-bigger .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow { line-height: 17px; } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active { margin: 0; } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active { margin: 0 14px 0 0; padding-bottom: 0; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active { margin: 0 8px 0 0; } } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-text, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-text { padding-top: 0; } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child { margin: 0; padding-bottom: 0; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child { margin: 0; } } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop, .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom { padding-bottom: 0; padding-top: 0; } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-icon-close::before, .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-icon-close::before, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-icon-close::before, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-icon-close::before { top: -1px; } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active .e-text-wrap, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active .e-text-wrap { margin: 0; } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap { height: 50px; padding: 0; height: 48px; } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-text-wrap, .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-text-wrap, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-text-wrap, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-text-wrap { height: 50px; height: auto; } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-text-wrap, .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-text-wrap, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-text-wrap, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-text-wrap { height: initial; } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ileft.e-active { height: 48px; } .e-bigger .e-tab .e-tab-header.e-vertical, .e-tab.e-bigger .e-tab-header.e-vertical { max-width: 150px; } .e-bigger .e-tab .e-tab-header.e-vertical[style*='overflow: hidden']::before, .e-tab.e-bigger .e-tab-header.e-vertical[style*='overflow: hidden']::before { bottom: 23px; top: 23px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header.e-vertical[style*='overflow: hidden']::before, .e-tab.e-bigger .e-tab-header.e-vertical[style*='overflow: hidden']::before { bottom: 0; top: 0; } } .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-items, .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-items { height: inherit; } .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child, .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; } .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device), .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) { padding: 24px 0; } .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-wrap, .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-item .e-tab-wrap { padding: 0 8px; } .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-itop .e-close-icon, .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ibottom .e-close-icon, .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-item.e-itop .e-close-icon, .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-item.e-ibottom .e-close-icon { right: -22px; } .e-bigger .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon, .e-tab.e-bigger .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon { min-height: 50px; min-width: 50px; } .e-bigger .e-tab .e-tab-header.e-vertical .e-scroll-nav, .e-tab.e-bigger .e-tab-header.e-vertical .e-scroll-nav { height: 24px; min-height: 24px; } .e-bigger .e-tab .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow, .e-tab.e-bigger .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow { font-size: 12px; height: 24px; line-height: 24px; width: 24px; } .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav, .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav { padding: 0 8px; } .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before, .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before, .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before, .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before { line-height: 48px; } .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after, .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after, .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after, .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after { font-size: 15px; line-height: 48px; margin: 0 0 0 8px; } .e-bigger .e-tab .e-tab-header.e-vertical.e-toolpop .e-toolbar-items, .e-tab.e-bigger .e-tab-header.e-vertical.e-toolpop .e-toolbar-items { height: auto; } .e-bigger .e-tab.e-vertical-icon .e-tab-header, .e-tab.e-bigger.e-vertical-icon .e-tab-header { height: 72px; min-height: 72px; } .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items, .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items { height: 72px; } .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before, .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before, .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before, .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before { bottom: -10px; top: auto; } .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav, .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav { height: 72px; } .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav, .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav { height: 72px; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before, .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before { font-size: 12px; } } .e-bigger .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items, .e-tab.e-bigger.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items { height: inherit; } .e-bigger .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-scroll-nav, .e-tab.e-bigger.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-scroll-nav { height: 24px; } .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus { height: 50px; } .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap { height: 50px; height: 48px; } .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus { height: 71px; } .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus { height: 45px; } .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus .e-text-wrap { height: 45px; height: 43px; } .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap:focus, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap:focus { height: 50px; } .e-bigger .e-tab.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap { height: 50px; padding: 0; height: 48px; } .e-bigger .e-tab.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft, .e-tab.e-bigger.e-focused .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ileft { height: 48px; } .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon, .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon, .e-bigger .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon, .e-bigger .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon, .e-tab.e-bigger.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon, .e-tab.e-bigger.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon, .e-tab.e-bigger.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon, .e-tab.e-bigger.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon { line-height: 20px; } .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow, .e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow, .e-bigger .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow, .e-bigger .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow, .e-tab.e-bigger.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow, .e-tab.e-bigger.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow, .e-tab.e-bigger.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow, .e-tab.e-bigger.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow { line-height: 17px; } .e-bigger .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon, .e-bigger .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon, .e-bigger .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon, .e-bigger .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon, .e-tab.e-bigger.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon, .e-tab.e-bigger.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon, .e-tab.e-bigger.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon, .e-tab.e-bigger.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon { line-height: 18px; } .e-bigger .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow, .e-bigger .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow, .e-bigger .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow, .e-bigger .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow, .e-tab.e-bigger.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow, .e-tab.e-bigger.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow, .e-tab.e-bigger.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow, .e-tab.e-bigger.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow { line-height: 13px; } .e-bigger .e-tab.e-safari .e-tab-header .e-close-icon::before, .e-tab.e-bigger.e-safari .e-tab-header .e-close-icon::before { top: -1px; } .e-bigger .e-tab.e-safari .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-bigger .e-tab.e-safari .e-tab-header .e-hor-nav .e-popup-down-icon::before, .e-bigger .e-tab.e-safari .e-tab-header .e-scroll-nav .e-popup-up-icon::before, .e-bigger .e-tab.e-safari .e-tab-header .e-scroll-nav .e-popup-down-icon::before, .e-tab.e-bigger.e-safari .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-tab.e-bigger.e-safari .e-tab-header .e-hor-nav .e-popup-down-icon::before, .e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-popup-up-icon::before, .e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-popup-down-icon::before { top: 0; } .e-bigger .e-tab.e-safari .e-tab-header .e-hor-nav .e-nav-left-arrow::before, .e-bigger .e-tab.e-safari .e-tab-header .e-hor-nav .e-nav-right-arrow::before, .e-bigger .e-tab.e-safari .e-tab-header .e-scroll-nav .e-nav-left-arrow::before, .e-bigger .e-tab.e-safari .e-tab-header .e-scroll-nav .e-nav-right-arrow::before, .e-tab.e-bigger.e-safari .e-tab-header .e-hor-nav .e-nav-left-arrow::before, .e-tab.e-bigger.e-safari .e-tab-header .e-hor-nav .e-nav-right-arrow::before, .e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-nav-left-arrow::before, .e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-nav-right-arrow::before { top: 0; } .e-bigger .e-tab.e-fill .e-tab-header, .e-tab.e-bigger.e-fill .e-tab-header { height: 48px; min-height: 48px; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-fill .e-tab-header, .e-tab.e-bigger.e-fill .e-tab-header { height: 48px; min-height: 48px; } } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items { height: auto; min-height: 48px; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items { min-height: 48px; } } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; padding: 0; } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator), .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) { height: 48px; margin: 0; min-height: 48px; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator), .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) { height: 48px; min-height: 48px; } } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-itop, .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-itop, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom { height: 70px; min-height: 70px; } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap { height: 48px; padding: 0 10px; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap { height: 48px; padding: 0 10px; } } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap { height: 48px; height: 46px; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap { height: 48px; } } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active { padding: 0; } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap { margin-bottom: 0; } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap { height: 48px; height: 46px; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap { height: 48px; } } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap { height: 48px; height: 46px; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap { height: 48px; } } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap { height: 70px; } .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator), .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) { height: auto; } .e-bigger .e-tab.e-fill .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap, .e-tab.e-bigger.e-fill .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap { padding: 0 8px; } .e-bigger .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap { height: 46px; height: 46px; } .e-bigger .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-text-wrap, .e-bigger .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-text-wrap { height: auto; } .e-bigger .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: 50px; } .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus, .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus { height: 48px; } .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap { height: 48px; height: 46px; } .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap { height: 46px; } .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon::before, .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon::before { top: 1px; } .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus, .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus { height: 69px; } .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: auto; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: auto; } } .e-bigger .e-tab.e-fill.e-focused .e-tab-header.e-horizontal-bottom .e-tab-wrap:focus .e-text-wrap, .e-tab.e-bigger.e-fill.e-focused .e-tab-header.e-horizontal-bottom .e-tab-wrap:focus .e-text-wrap { height: 46px; } .e-bigger .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator), .e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) { margin: 0; } .e-bigger .e-tab.e-fill.e-vertical-icon .e-tab-header, .e-tab.e-bigger.e-fill.e-vertical-icon .e-tab-header { height: 70px; min-height: 70px; } .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child, .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; padding: 0; } .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator), .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item:not(.e-separator) { margin: 0; } .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap, .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap { padding: 0 12px; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap, .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap { padding: 0 12px; } } .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item.e-active, .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active { padding: 0; } .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap, .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap { margin-bottom: 0; } .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap, .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap { height: 50px; height: 48px; } .e-bigger .e-tab.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap, .e-tab.e-bigger.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap { padding: 0 8px; } .e-bigger .e-tab.e-background.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator), .e-tab.e-bigger.e-background.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) { margin: 0; } .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child, .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0 0 0 14px; } .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator), .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) { margin: 0 0 0 14px; } .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text, .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text { margin: 0 8px 0 0; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-