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,588 lines (1,586 loc) 152 kB
.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"; } .e-tab .e-tab-header .e-popup-down-icon::before { content: "\e84f"; } @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-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"; } .e-tab-clone-element .e-close-icon::before { content: "\e7fc"; position: relative; } .e-tab { display: block; position: relative; } .e-tab.e-hidden { display: none; } .e-tab.e-fill-mode .e-content, .e-tab.e-fill-mode .e-content .e-item, .e-tab.e-fill-mode .e-content .e-item > div, .e-tab.e-fill-mode .e-content .e-item > div > .e-blazor-template { height: 100%; } .e-tab .e-tab-header { height: 40px; min-height: 40px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header { height: 50px; min-height: 50px; } } .e-tab .e-tab-header::before { content: ""; position: absolute; display: unset; } .e-tab .e-tab-header:not(.e-vertical)::before { bottom: 0; top: 0; width: 100%; } .e-tab .e-tab-header .e-toolbar-items { height: auto; margin: 0; min-height: 40px; position: relative; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-items { min-height: 50px; } } .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0 8px 0 0; } .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; padding-bottom: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; } } .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active { position: unset; } .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active:hover::before { left: unset; right: unset; } .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::before { background-color: unset; bottom: unset; content: unset; height: unset; left: unset; position: unset; right: unset; -webkit-transition: unset; transition: unset; } .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::after { color: unset; content: unset; display: unset; font-weight: unset; height: unset; overflow: unset; visibility: unset; } .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-scroll-device { padding: 0; } .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-scroll-device .e-scroll-right-nav { display: none; } .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-hscroll-bar { padding: 0 1px; } .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav { width: 40px; border-radius: 0; } .e-tab .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-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; } } .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active { margin: 0; } .e-tab .e-tab-header .e-hscroll-bar { overflow: hidden; } .e-tab .e-tab-header .e-indicator { display: none; position: absolute; } .e-tab .e-tab-header .e-indicator.e-hidden { display: none; } .e-tab .e-tab-header:not(.e-vertical) .e-indicator { bottom: 0; height: 2px; left: 0; right: 0; border-radius: 0; -webkit-transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1); transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1); } .e-tab .e-tab-header .e-toolbar-item.e-hidden { display: none; } .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) { height: 40px; margin: 0 8px 0 0; min-height: 40px; min-width: auto; padding: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) { height: 50px; min-height: 50px; } } .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap { height: 40px; padding: 0 8px; width: 100%; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap { height: 50px; padding: 0 8px; } } .e-tab .e-tab-header .e-toolbar-item .e-text-wrap { -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 38px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-text-wrap { height: 50px; } } .e-tab .e-tab-header .e-toolbar-item .e-tab-text { display: inherit; font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont"; font-size: 14px; font-weight: 400; text-transform: capitalize; -ms-flex-item-align: auto; align-self: auto; margin-bottom: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-tab-text { font-size: 15px; } } .e-tab .e-tab-header .e-toolbar-item.e-active { margin: 0 8px 0 0; padding-bottom: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item.e-active { margin: 0 8px 0 0; } } .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap { height: 38px; margin-top: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap { height: 50px; } } .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap { margin-bottom: 0; } .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text { font-weight: 400; } .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon::before { top: 1px; left: 0; } .e-tab .e-tab-header .e-toolbar-item.e-active .e-icon-top.e-tab-icon::before, .e-tab .e-tab-header .e-toolbar-item.e-active .e-icon-bottom.e-tab-icon::before { left: 0; } .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap { height: 38px; padding: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap { height: 50px; } } .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon { display: none; margin: 0 0 0 8px; min-width: 10px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon { margin: 0 0 0 8px; } } .e-tab .e-tab-header .e-toolbar-item .e-close-icon, .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before { font-size: 10px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-close-icon, .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before { font-size: 12px; } } .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before { top: 1px; } .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 20px; min-width: 20px; width: 20px; line-height: 1; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon { height: 20px; width: 20px; } } .e-tab .e-tab-header .e-toolbar-item .e-tab-icon, .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before { font-size: 18px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-tab-icon, .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before { font-size: 20px; } } .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before { position: relative; top: 1px; left: 0; } .e-tab .e-tab-header .e-toolbar-item .e-icon-top.e-tab-icon::before, .e-tab .e-tab-header .e-toolbar-item .e-icon-bottom.e-tab-icon::before { left: 0; } .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 8px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap { padding: 0 8px; } } .e-tab .e-tab-header .e-toolbar-item .e-icon-right { margin: 0 0 0 8px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-icon-right { margin: 0; } } .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text { margin: 0 0 0 6px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text { margin: 0 0 0 8px; } } .e-tab .e-tab-header .e-toolbar-item.e-itop, .e-tab .e-tab-header .e-toolbar-item.e-ibottom { height: 62px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item.e-itop, .e-tab .e-tab-header .e-toolbar-item.e-ibottom { height: 62px; } } .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 62px; position: relative; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap { height: 62px; } } .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-tab .e-tab-header .e-toolbar-item.e-itop .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-text-wrap { display: block; height: auto; } .e-tab .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-tab .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap .e-text-wrap { height: auto; } .e-tab .e-tab-header .e-toolbar-item.e-itop .e-close-icon, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-close-icon { position: absolute; right: 8px; top: calc(50% - 6px); } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item.e-itop .e-close-icon, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-close-icon { right: 8px; } } .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-text { margin: 8px 0 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-text { margin: 10px 0 0; } } .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-text { margin: 0 0 8px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-text { margin: 0 0 10px; } } .e-tab .e-tab-header .e-toolbar-item .e-tab-icon.e-icon-top, .e-tab .e-tab-header .e-toolbar-item .e-tab-icon.e-icon-bottom { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; } .e-tab .e-tab-header .e-toolbar-pop { overflow-y: auto; padding: 0; } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item { height: 36px; min-height: 36px; min-width: auto; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item { height: 45px; min-height: 45px; } } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item:not(.e-separator) { margin: 0; padding: 0; } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap { height: 36px; padding: 0 16px; text-align: initial; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap { height: 45px; padding: 0 12px; } } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap { height: 34px; width: 100%; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap { height: 50px; } } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon { margin: 0 0 0 8px; } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon::before { top: 1px; } .e-tab .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-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] { padding-right: 0; } } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom { height: 40px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom { height: 50px; } } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) { min-height: 40px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) { min-height: 50px; } } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap { height: 40px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap { height: 50px; } } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-text-wrap, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-text-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: auto; } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text { display: block; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 0 10px; padding-left: 0; padding-right: 10px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 0 12px; padding-left: 0; padding-right: 0; } } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-close-icon, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-close-icon { right: 16px; top: initial; } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text { margin: 0; } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-icon.e-icon-top, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-icon.e-icon-bottom { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .e-tab .e-tab-header.e-close-show .e-icons.e-close-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: center; align-self: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } @media screen and (max-width: 480px) { .e-tab .e-tab-header.e-close-show .e-icons.e-close-icon { display: none; } } @media screen and (max-width: 480px) { .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-active .e-close-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-itop .e-text-wrap, .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap { margin-right: 20px; } .e-tab .e-tab-header .e-scroll-nav { height: 40px; min-height: 40px; min-width: auto; width: auto; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-scroll-nav { height: 50px; min-height: 50px; } } .e-tab .e-tab-header .e-scroll-nav.e-scroll-left-nav { padding: 0 10px; } .e-tab .e-tab-header .e-scroll-nav.e-scroll-right-nav { padding: 0 10px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-scroll-nav.e-scroll-right-nav { padding: 0 8px; } } .e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before, .e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before { font-size: 12px; line-height: 24px; position: relative; top: -1px; vertical-align: initial; } .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow { font-size: 12px; height: 24px; line-height: 24px; width: 24px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow { font-size: 14px; height: 32px; line-height: 32px; width: 32px; } } .e-tab .e-tab-header .e-hor-nav { height: 40px; min-height: 40px; min-width: auto; padding: 0 10px; width: auto; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-hor-nav { height: 50px; min-height: 50px; padding: 0 8px; } } .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon, .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon { font-size: 12px; height: 24px; line-height: 24px; width: 24px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon, .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon { font-size: 14px; height: 32px; line-height: 32px; width: 32px; } } .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before { font-size: 12px; line-height: 24px; position: relative; top: 0; vertical-align: initial; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before { font-size: 16px; } } .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover, .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover { line-height: 24px; } .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before, .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before { line-height: 24px; top: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before, .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before { line-height: 24px; } } .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: none; transition: none; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon { -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } } .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: none; transition: none; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon { -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } } .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon, .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon { line-height: 24px; } .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before, .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before { line-height: 24px; top: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before, .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before { line-height: 24px; } } .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover, .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover { line-height: 24px; top: 0; } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active { position: unset; } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active:hover::before { left: unset; right: unset; } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::before { background-color: unset; content: unset; height: unset; left: unset; position: unset; right: unset; top: unset; -webkit-transition: unset; transition: unset; } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::after { color: unset; content: unset; display: unset; font-weight: unset; height: unset; overflow: unset; visibility: unset; } .e-tab .e-tab-header.e-horizontal-bottom::before { bottom: auto; } .e-tab .e-tab-header.e-horizontal-bottom .e-hscroll-bar { margin-top: 0; } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; padding-bottom: 0; padding-top: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; } } .e-tab .e-tab-header.e-horizontal-bottom .e-indicator { bottom: auto; top: 0; } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active { margin: 0 8px 0 0; padding-bottom: 0; padding-top: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active { margin: 0 8px 0 0; } } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap { height: 38px; padding: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap { height: 50px; } } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap::before, .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active:not(.e-separator):last-child .e-text-wrap::before { top: 0; } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active.e-itop .e-tab-wrap:focus .e-close-icon::before { top: 0; } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-text-wrap, .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-text-wrap { height: initial; } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-text-wrap, .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-text-wrap { height: initial; padding: 0; } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-text-wrap::before, .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-text-wrap::before { bottom: auto; top: 0; } .e-tab .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-text-wrap::before { display: none; } .e-tab .e-tab-header.e-vertical { max-width: 150px; z-index: 1; } .e-tab .e-tab-header.e-vertical::before { bottom: 0; height: 100%; left: 0; top: 0; } .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before { bottom: 15px; height: auto; top: 15px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header.e-vertical[style*="overflow: hidden"]::before { bottom: 0; top: 0; } } .e-tab .e-tab-header.e-vertical .e-indicator { display: block; -webkit-transition: initial; transition: initial; width: 2px; } .e-tab .e-tab-header.e-vertical .e-toolbar-items { height: inherit; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; } .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) { padding: 16px 0; } .e-tab .e-tab-header.e-vertical .e-toolbar-item:last-child { margin: 0; } .e-tab .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator) { margin: 0; } .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-wrap { padding: 0 8px; } .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-text-wrap { position: relative; width: 100%; } .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-text, .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-icon::before { text-align: center; width: 100%; } .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap::before { display: none; } .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon { min-height: 40px; min-width: 40px; } .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon .e-tab-icon { margin: auto; } .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-itop .e-close-icon, .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ibottom .e-close-icon { right: -20px; } .e-tab .e-tab-header.e-vertical .e-toolbar-pop { top: initial !important; /* stylelint-disable-line declaration-no-important */ } .e-tab .e-tab-header.e-vertical.e-vertical-left { float: left; } .e-tab .e-tab-header.e-vertical.e-vertical-left::before { right: 0; } .e-tab .e-tab-header.e-vertical.e-vertical-left .e-indicator { left: auto; right: 0; } .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active:hover::before { bottom: unset; height: unset; } .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active::before { background-color: unset; bottom: unset; content: unset; height: unset; left: unset; position: unset; right: unset; -webkit-transition: unset; transition: unset; width: unset; } .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active::after { color: unset; content: unset; display: unset; font-weight: unset; height: unset; overflow: unset; visibility: unset; } .e-tab .e-tab-header.e-vertical.e-vertical-right { float: right; } .e-tab .e-tab-header.e-vertical.e-vertical-right::before { right: auto; } .e-tab .e-tab-header.e-vertical.e-vertical-right .e-indicator { left: 0; right: auto; } .e-tab .e-tab-header.e-vertical.e-vertical-right .e-tab-wrap { text-align: right; } .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-pop .e-tab-text { width: auto; } .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active:hover::before { bottom: unset; height: unset; } .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active::before { background-color: unset; bottom: unset; content: unset; height: unset; left: unset; position: unset; right: unset; -webkit-transition: unset; transition: unset; width: unset; } .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active::after { color: unset; content: unset; display: unset; font-weight: unset; height: unset; overflow: unset; visibility: unset; } .e-tab .e-tab-header.e-vertical .e-scroll-nav { height: 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 16px; width: 100%; } .e-tab .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow { font-size: 10px; height: 16px; line-height: 16px; margin: 0 auto; width: 16px; } .e-tab .e-tab-header.e-vertical .e-hor-nav { padding: 0 8px; width: 100%; } .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon, .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon { height: 100%; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; width: 100%; } .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before, .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before { float: left; font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont"; font-size: 14px; font-weight: 400; line-height: 36px; text-align: left; text-transform: capitalize; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after, .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after { float: left; font-size: 12px; line-height: 36px; margin: 0 0 0 8px; vertical-align: initial; } @media screen and (max-width: 480px) { .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after, .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after { font-size: 15px; } } .e-tab .e-tab-header.e-vertical .e-scroll-device .e-scroll-nav, .e-tab .e-tab-header.e-vertical .e-scroll-device .e-scroll-overlay { display: none; } .e-tab .e-tab-header.e-vertical.e-toolpop .e-toolbar-items { height: auto; } .e-tab.e-rtl .e-tab-header.e-vertical .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; } .e-tab.e-rtl .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator) { margin: 0; } .e-tab.e-rtl .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator).e-itop .e-close-icon, .e-tab.e-rtl .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator).e-ibottom .e-close-icon { left: -20px; } .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav { padding: 0 8px; } .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before, .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before { float: right; } .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after, .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after { float: right; margin: 0 8px 0 0; } .e-tab .e-content { position: relative; } .e-tab .e-content .e-item.e-view { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } .e-tab .e-content > .e-item { display: none; } .e-tab .e-content > .e-item.e-active { background: inherit; display: block; } .e-tab .e-content.e-progress { overflow: hidden; } .e-tab.e-vertical-tab .e-content { display: -webkit-box; display: -ms-flexbox; display: flex; } .e-tab.e-vertical-tab .e-content .e-item.e-active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .e-tab.e-vertical-tab .e-content .e-item, .e-tab.e-vertical-tab .e-content .e-item > :first-child { width: 100%; } .e-tab.e-vertical-icon > .e-tab-header { height: 62px; min-height: 62px; } .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before, .e-tab.e-vertical-icon > .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before { display: none; } .e-tab.e-vertical-icon > .e-tab-header > .e-toolbar-items { height: 62px; } .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap, .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap { position: static; } .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before, .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before { border: 1px solid #0074cc; content: ""; display: none; position: absolute; top: 95%; width: 100%; } .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before, .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before { content: ""; display: block; position: absolute; top: 96%; width: calc(100% - 16px); border: 1px solid #0074cc; } .e-tab.e-vertical-icon > .e-tab-header .e-scroll-nav { height: 62px; } .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav { height: 62px; } @media screen and (max-width: 480px) { .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-tab.e-vertical-icon > .e-tab-header .e-hor-nav .e-popup-down-icon::before { font-size: 12px; } } .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-indicator { width: 3px; } .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap::before, .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before { display: none; } .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item.e-active .e-text-wrap, .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap { position: relative; } .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-scroll-nav { height: 16px; } .e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap::before, .e-tab.e-vertical-icon > .e-tab-header.e-horizontal-bottom .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before { top: 0; } .e-tab.e-vertical-icon.e-rtl .e-tab-header .e-toolbar-item.e-active { margin: 0 0 0 8px; } .e-tab.e-vertical-icon.e-vertical-tab .e-tab-header.e-vertical .e-toolbar-items { height: inherit; } .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus { height: 40px; } .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap { height: 38px; } .e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus { height: 62px; } .e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus { height: 36px; } .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus .e-text-wrap { height: 34px; } .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap:focus { height: 40px; } .e-tab.e-focused .e-tab-header .e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap { height: 38px; padding: 0; } .e-tab.e-focused .e-tab-header .e-horizontal-bottom .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-focused .e-tab-header .e-horizontal-bottom .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-tab.e-focused .e-tab-header .e-horizontal-bottom .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab.e-focused .e-tab-header .e-horizontal-bottom .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap { height: auto; } .e-tab.e-template .e-tab-header .e-toolbar-items .e-toolbar-item .e-tab-wrap .e-text-wrap .e-tab-text > div, .e-tab.e-template .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-text-wrap .e-tab-text > div { display: inherit; } .e-tab.e-template .e-content > .e-item { display: none; } .e-tab.e-template .e-content > .e-item.e-active { background: inherit; display: block; } .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align, .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align { display: -webkit-box; display: -ms-flexbox; display: flex; } .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon, .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon, .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon, .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon { display: block; line-height: 15px; } .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow, .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow, .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow, .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow { display: block; line-height: 15px; } .e-tab.e-ie .e-tab-header .e-popup-up-icon, .e-tab.e-ie .e-tab-header .e-popup-down-icon { -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } .e-tab.e-ie .e-tab-header .e-popup-up-icon::before { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: none; transition: none; } @media screen and (max-width: 480px) { .e-tab.e-ie .e-tab-header .e-popup-up-icon::before { -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } } .e-tab.e-ie .e-tab-header .e-popup-down-icon::before { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: none; transition: none; } @media screen and (max-width: 480px) { .e-tab.e-ie .e-tab-header .e-popup-down-icon::before { -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } } .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align, .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align { display: -webkit-box; display: -ms-flexbox; display: flex; } .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon, .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon, .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon, .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon { display: block; line-height: 14px; position: relative; } .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow, .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow, .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow, .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow { display: block; line-height: 12px; position: relative; } .e-tab.e-edge .e-tab-header .e-popup-up-icon { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: none; transition: none; } @media screen and (max-width: 480px) { .e-tab.e-edge .e-tab-header .e-popup-up-icon { -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } } .e-tab.e-edge .e-tab-header .e-popup-down-icon { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: none; transition: none; } @media screen and (max-width: 480px) { .e-tab.e-edge .e-tab-header .e-popup-down-icon { -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } } @media screen and (max-width: 480px) and (max-width: 480px) { .e-tab.e-edge .e-tab-header .e-popup-down-icon { -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } } .e-tab.e-edge .e-tab-header .e-popup-up-icon::before { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: none; transition: none; } @media screen and (max-width: 480px) { .e-tab.e-edge .e-tab-header .e-popup-up-icon::before { -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } } .e-tab.e-edge .e-tab-header .e-popup-down-icon::before { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: none; transition: none; } @media screen and (max-width: 480px) { .e-tab.e-edge .e-tab-header .e-popup-down-icon::before { -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } } .e-tab.e-safari .e-tab-header .e-close-icon::before { top: -1px; } .e-tab.e-safari .e-tab-header .e-hor-nav .e-popup-up-icon::before, .e-tab.e-safari .e-tab-header .e-hor-nav .e-popup-down-icon::before, .e-tab.e-safari .e-tab-header .e-scroll-nav .e-popup-up-icon::before, .e-tab.e-safari .e-tab-header .e-scroll-nav .e-popup-down-icon::before { top: 0; } .e-tab.e-safari .e-tab-header .e-hor-nav .e-nav-left-arrow::before, .e-tab.e-safari .e-tab-header .e-hor-nav .e-nav-right-arrow::before, .e-tab.e-safari .e-tab-header .e-scroll-nav .e-nav-left-arrow::before, .e-tab.e-safari .e-tab-header .e-scroll-nav .e-nav-right-arrow::before { top: 0; } .e-tab.e-disable { pointer-events: none; } .e-tab.e-fill .e-tab-header { height: 38px; min-height: 38px; } @media screen and (max-width: 480px) { .e-tab.e-fill .e-tab-header { height: 48px; min-height: 48px; } } .e-tab.e-fill .e-tab-header .e-indicator { display: none; } .e-tab.e-fill .e-tab-header .e-toolbar-items { height: auto; min-height: 38px; } @media screen and (max-width: 480px) { .e-tab.e-fill .e-tab-header .e-toolbar-items { min-height: 48px; } } .e-tab.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; padding: 0; } .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) { height: 38px; margin: 0; min-height: 38px; padding: 0; } @media screen and (max-width: 480px) { .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) { height: 48px; min-height: 48px; } } .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-itop, .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom { height: 60px; min-height: 60px; } .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap { height: 38px; padding: 0 10px; } @media screen and (max-width: 480px) { .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap { height: 48px; padding: 0 10px; } } .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap { height: 36px; } @media screen and (max-width: 480px) { .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap { height: 48px; } } .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active { padding: 0; } .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap { margin-bottom: 0; } .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap { height: 36px; } @media screen and (max-width: 480px) { .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap { height: 48px; } } .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-text { font-weight: 400; } .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap { height: 36px; } @media screen and (max-width: 480px) { .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap { height: 48px; } } .e-tab.e-fill .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap { height: 60px; } .e-tab.e-fill .e-tab-header .e-toolbar-item.e-itop .e-text-wrap, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-ibottom .e-text-wrap { height: auto; } .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) { height: auto; } .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child.e-active, .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active { padding: 0; } .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item.e-itop, .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child.e-itop, .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-itop { padding-top: 0; } .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active { margin-right: 0; padding: 0; } .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap { height: 36px; } @media screen and (max-width: 480px) { .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap { height: 48px; } } .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: 44px; } .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-itop .e-text-wrap, .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-ibottom .e-text-wrap { height: auto; } .e-tab.e-fill .e-tab-header.e-vertical .e-toolbar-items { height: inherit; } .e-tab.e-fill .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap { padding: 0 8px; } .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus { height: 38px; } .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap { height: 36px; } .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap { height: 36px; } .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus { height: 59px; } .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.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-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap { height: auto; } } .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) { margin: 0; } .e-tab.e-fill.e-vertical-icon > .e-tab-header { height: 60px; min-height: 60px; } .e-tab.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0; padding: 0; } .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator) { margin: 0; padding: 0; } .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap { padding: 0 10px; } @media screen and (max-width: 480px) { .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap { padding: 0 10px; } } .e-tab.e-background .e-tab-header .e-toolbar-item.e-active { padding: 0; } .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap { margin-bottom: 0; } .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text { font-weight: 400; } .e-tab.e-background .e-tab-header.e-vertical .e-indicator { display: none; } .e-tab.e-background .e-tab-header.e-vertical .e-toolbar-items .e-toolbar-item .e-tab-wrap { padding: 0 8px; } .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child.e-active, .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active { padding: 0; } .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active { margin: 0; padding: 0; } .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-text-wrap { height: 34px; } .e-tab.e-background.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) { margin: 0; } .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child, .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child { margin: 0 0 0 8px; } .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) { margin: 0 0 0 8px; } .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-right { margin: 0; } .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text { margin: 0 6px 0 0; } .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon { margin: 0 8px 0 0; } .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-itop .e-close-icon, .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom .e-close-icon { left: 8px; right: auto; } .e-tab.e-rtl .e-tab-header.e-close-show .e-toolbar-item.e-itop .e-text-wrap, .e-tab.e-rtl .e-tab-header.e-close-show