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,051 lines (1,049 loc) 150 kB
/*! Toolbar's bootstrap5 theme wise override definitions and variables */ /* stylelint-disable */ /*! Tab's bootstrap5 theme wise override definitions and variables */ /* stylelint-disable */ /*! Horizontal Tab */ /*! Bootstrap specific themes definition's */ /*! Vertical Tab */ /*! tab icons */ .e-tab .e-tab-header .e-close-icon::before { content: "\e7e7"; position: relative; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-popup-up-icon::before { content: "\e770"; } } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-popup-down-icon::before { content: "\e770"; } } @media screen and (max-width: 480px) { .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before { content: "\e776"; } .e-tab.e-vertical-icon .e-tab-header .e-popup-down-icon::before { content: "\e729"; } } .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: "\e776"; } .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: "\e729"; } .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: "\e776"; } .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: "\e729"; } .e-tab-clone-element .e-close-icon::before { content: "\e7e7"; position: relative; } /*! tab layout */ .e-bigger .e-tab .e-tab-header, .e-tab.e-bigger .e-tab-header { height: 42px; min-height: 42px; } .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; } @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; } } .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 2px 0 0; } } .e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active, .e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active { margin: 1px 2px 0 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 2px 0 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 2px 0 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 2px 0 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: 38px; } .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: 42px; margin: 0; min-height: 42px; 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; } } .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: 42px; padding: 0 16px; } @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 15px; } } .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: 42px; } .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: 16px; margin-bottom: 0; } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ileft:not(.e-icon) .e-tab-icon::before, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ileft:not(.e-icon) .e-tab-icon::before { position: relative; top: 0; } .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; 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 2px 0 0; } } .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before, .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before { position: relative; top: 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: 42px; margin-top: 0; } .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: 42px; } .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: 2px 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: 24px; min-width: 24px; width: 24px; line-height: 24px; } .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: 16px; } .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 20px; } .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-right, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-right { margin: 0 0 0 12px; } @media screen and (max-width: 480px) { .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-right, .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-right { margin: 0; } } .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 10px; } } .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: 20px; } .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: 8px 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: 40px; min-height: 40px; } .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: 40px; padding: 0 24px; } @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 24px; } } .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: 40px; } .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: 12px; } @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: 0; } .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: 24px; } .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: 42px; min-height: 42px; padding: 0; } @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; } } .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; } .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; } .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: 12px; height: 38px; line-height: 38px; width: 38px; } @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: 12px; height: 38px; line-height: 38px; width: 38px; } } .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: 12px; line-height: 38px; 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: 42px; min-height: 42px; padding: 0; } @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; } } .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: 12px; height: 38px; line-height: 38px; width: 38px; } @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: 12px; height: 38px; line-height: 38px; width: 38px; } } .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: 12px; line-height: 38px; 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, .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover, .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover, .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover { line-height: 38px; } .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 { line-height: 38px; top: 0; } .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon, .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon, .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon, .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon { line-height: 38px; } .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 { line-height: 38px; top: 0; } .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover, .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover, .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover, .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover { line-height: 38px; top: -2px; } .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: 15px; } .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: 15px; } .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 2px 0 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 2px 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 2px 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: 1px; } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-close-icon::before, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-close-icon::before { top: 0.5px; } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-close-icon::before, .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-close-icon::before, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-close-icon::before, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-ibottom .e-close-icon::before { top: 1.5px; } .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 2px 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:last-child, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child { margin: 0 2px 0 0; } } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-tab-text, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-tab-text { padding-top: 0.5px; } .e-bigger .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-close-icon::before, .e-tab.e-bigger .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:last-child .e-close-icon::before { top: 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-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: 42px; padding: 0; } .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: 42px; } .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 16px; } .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: -20px; } .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: 38px; min-width: auto; } .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 16px; } .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: 16px; 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-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: 42px; } .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: 42px; } .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: 72px; } .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: 40px; } .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: 40px; } .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: 42px; } .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: 42px; padding: 0; } .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: 42px; } .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: 15px; } .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: 15px; } .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: 15px; } .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: 0; } .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-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator), .e-tab.e-bigger.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator) { margin: 0 0 0 2px; } .e-bigger .e-tab.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator).e-active, .e-tab.e-bigger.e-rtl .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator).e-active { margin: 0 0 0 2px; } .e-bigger .e-tab.e-fill .e-tab-header, .e-tab.e-bigger.e-fill .e-tab-header { height: 42px; min-height: 42px; } @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: 42px; min-height: 42px; } } .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: 42px; } @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: 42px; } } .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: 42px; margin: 0 2px 0 0; min-height: 42px; padding: 0; } @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: 42px; min-height: 42px; } } .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: 72px; min-height: 72px; } .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: 42px; padding: 0 20px; } @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: 42px; padding: 0 20px; } } .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: 42px; } @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: 42px; } } .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: 42px; } @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: 42px; } } .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: 42px; } @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: 42px; } } .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: 72px; } .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 16px; } .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: 50px; } .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: 42px; } .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: 42px; } .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: 42px; } .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: 72px; } .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-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 0 0 2px; } .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) { padding: 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 20px; } @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 20px; } } .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-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 16px; } .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 0 0 2px; } .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; } .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; } .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right, .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right { margin: 0; } .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 10px 0 0; } @media screen and (max-width: 480px) { .e-bigger .e-tab.e-rtl .