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,571 lines (1,561 loc) 163 kB
@-webkit-keyframes tbar-alt-popup-shadow { 0% { border-color: rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12); } 100% { -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12); box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12); } } @keyframes tbar-alt-popup-shadow { 0% { border-color: rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12); } 100% { -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12); box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12); } } @-webkit-keyframes hscroll-alt-popup-shadow { 0% { border-color: rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12); } 100% { -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12); box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12); } } @keyframes hscroll-alt-popup-shadow { 0% { border-color: rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12); } 100% { -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12); box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12); } } /* stylelint-disable */ .e-toolbar-item.e-active { background: none !important; } .e-tab .e-tab-header .e-close-icon::before { content: "\e7e7"; position: relative; } .e-tab .e-tab-header .e-popup-up-icon::before { content: "\e776"; } .e-tab .e-tab-header .e-popup-down-icon::before { content: "\e729"; } @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; } .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: 44px; min-height: 44px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header { height: 46px; min-height: 46px; } } .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: 44px; position: relative; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-items { min-height: 46px; } } .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; } .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: relative; } .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active:hover::before { left: 8px; right: 8px; } .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::before { background-color: var(--color-sf-primary-label-color); bottom: 0; content: ""; height: 3px; left: 8px; position: absolute; right: 8px; -webkit-transition: left 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, right 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s; transition: left 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, right 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s; } .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::after { color: transparent; content: attr(data-content); display: block; font-weight: 700; height: 1px; overflow: hidden; visibility: hidden; } .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; } .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav { width: 24px; 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: 3px; left: 0; right: 0; border-radius: 4px; -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .e-tab .e-tab-header .e-toolbar-item.e-hidden { display: none; } .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) { height: 44px; margin: 0; min-height: 44px; min-width: auto; padding: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) { height: 46px; min-height: 46px; } } .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap { height: 44px; padding: 0 10px; width: 100%; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap { height: 46px; padding: 0 10px; } } .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: 44px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-text-wrap { height: 46px; } } .e-tab .e-tab-header .e-toolbar-item .e-tab-text { display: inherit; font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 600; 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: 16px; } } .e-tab .e-tab-header .e-toolbar-item.e-active { margin: 0; padding-bottom: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item.e-active { margin: 0; } } .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap { height: 44px; margin-top: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap { height: 48px; } } .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: 600; } .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon::before { top: 1px; left: 4px; } .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: 44px; 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: 48px; } } .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon { display: none; margin: 0 0 0 8px; min-width: 12px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon { margin: 0 0 0 14px; } } .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; } @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: 10px; } } .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: 24px; width: 24px; } } .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: 14px; } @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: 16px; } } .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before { position: relative; top: 1px; left: 4px; } .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 18px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap { padding: 0 10px; } } .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 5px 8px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text { margin: 0 0 6px 12px; } } .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: 18px; 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: 12px; } } .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: 3px 0; } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item { height: 32px; min-height: 32px; min-width: auto; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item { height: 48px; min-height: 48px; } } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item:not(.e-separator) { margin: 1px 4px; padding: 0; } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap { height: 32px; padding: 0 6px; text-align: initial; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap { height: 48px; padding: 0 8px; } } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap { height: 32px; width: 100%; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap { height: 46px; } } .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: 0; } .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style="display:block"] { padding-right: 10px; } @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: 36px; } @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: 48px; } } .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: 36px; } @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: 48px; } } .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: 36px; } @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: 48px; } } .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: 18px; 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: 44px; min-height: 44px; min-width: auto; width: auto; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-scroll-nav { height: 46px; min-height: 46px; } } .e-tab .e-tab-header .e-scroll-nav.e-scroll-left-nav { padding: 0; } .e-tab .e-tab-header .e-scroll-nav.e-scroll-right-nav { padding: 0; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-scroll-nav.e-scroll-right-nav { padding: 0; } } .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: 14px; line-height: 42px; position: relative; top: 0; vertical-align: initial; } .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow { font-size: 14px; height: 42px; line-height: 42px; width: 42px; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow { font-size: 16px; height: 48px; line-height: 48px; width: 48px; } } .e-tab .e-tab-header .e-hor-nav { height: 44px; min-height: 44px; min-width: auto; padding: 0; width: auto; } @media screen and (max-width: 480px) { .e-tab .e-tab-header .e-hor-nav { height: 46px; min-height: 46px; padding: 0; } } .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: 42px; line-height: 42px; width: 42px; } @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: 16px; height: 48px; line-height: 48px; width: 48px; } } .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: 14px; line-height: 42px; 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: -webkit-transform 0.1s ease; transition: -webkit-transform 0.1s ease; transition: transform 0.1s ease; transition: transform 0.1s ease, -webkit-transform 0.1s ease; } @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: -webkit-transform 0.1s ease; transition: -webkit-transform 0.1s ease; transition: transform 0.1s ease; transition: transform 0.1s ease, -webkit-transform 0.1s ease; } @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: relative; } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active:hover::before { left: 8px; right: 8px; } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::before { background-color: var(--color-sf-primary-label-color); content: ""; height: 3px; left: 8px; position: absolute; right: 8px; top: 0; -webkit-transition: left 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, right 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s; transition: left 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, right 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s; } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::after { color: transparent; content: attr(data-content); display: block; font-weight: 700; height: 1px; overflow: hidden; visibility: hidden; } .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; 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; } } .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap { height: 44px; 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: 48px; } } .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: unset; } .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: none; -webkit-transition: top 0.125s cubic-bezier(0.35, 0, 0.25, 1), bottom 0.25s cubic-bezier(0.35, 0, 0.25, 1); transition: top 0.125s cubic-bezier(0.35, 0, 0.25, 1), bottom 0.25s cubic-bezier(0.35, 0, 0.25, 1); width: 3px; } .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 18px; } .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: 38px; min-width: 33px; } .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft.e-icon .e-tab-icon { margin: 0; } .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: -18px; } .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; border-radius: 4px; } .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active:hover::before { bottom: 0; height: 100%; } .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active::before { background-color: var(--color-sf-primary-label-color); bottom: 0; content: ""; height: 100%; left: 98%; position: absolute; right: 0; -webkit-transition: bottom 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, height 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s; transition: bottom 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, height 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s; width: 3px; } .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-items .e-toolbar-item.e-active::after { color: transparent; content: attr(data-content); display: block; font-weight: 700; height: 1px; overflow: hidden; visibility: hidden; } .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; border-radius: 4px; } .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: 0; height: 100%; } .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active::before { background-color: var(--color-sf-primary-label-color); bottom: 0; content: ""; height: 100%; left: 0; position: absolute; right: 98%; -webkit-transition: bottom 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, height 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s; transition: bottom 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, height 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s; width: 3px; } .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-items .e-toolbar-item.e-active::after { color: transparent; content: attr(data-content); display: block; font-weight: 700; height: 1px; overflow: hidden; visibility: hidden; } .e-tab .e-tab-header.e-vertical .e-scroll-nav { height: 14px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 14px; width: 100%; } .e-tab .e-tab-header.e-vertical .e-scroll-nav .e-nav-arrow { font-size: 14px; height: 14px; line-height: 14px; margin: 0 auto; width: 14px; } .e-tab .e-tab-header.e-vertical .e-hor-nav { padding: 0 10px; 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", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 600; line-height: 35px; 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: 35px; margin: 0 0 0 10px; 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: 16px; } } .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: -18px; } .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav { padding: 0 10px; } .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 10px 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: unset; } .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: unset; content: unset; display: none; position: unset; top: unset; width: unset; } .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: unset; display: unset; position: unset; top: unset; width: unset; border: unset; } .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: 16px; } } .e-tab.e-vertical-icon > .e-tab-header.e-vertical .e-indicator { width: 2px; } .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: 14px; } .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: unset; } .e-tab.e-vertical-icon.e-rtl .e-tab-header .e-toolbar-item.e-active { margin: 0; } .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: 44px; } .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap { height: 44px; } .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: 32px; } .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus .e-text-wrap { height: 32px; } .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: 44px; } .e-tab.e-focused .e-tab-header .e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap { height: 44px; 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: 14px; } .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: -webkit-transform 0.1s ease; transition: -webkit-transform 0.1s ease; transition: transform 0.1s ease; transition: transform 0.1s ease, -webkit-transform 0.1s ease; } @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: -webkit-transform 0.1s ease; transition: -webkit-transform 0.1s ease; transition: transform 0.1s ease; transition: transform 0.1s ease, -webkit-transform 0.1s ease; } @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: 11px; position: relative; } .e-tab.e-edge .e-tab-header .e-popup-up-icon { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.1s ease; transition: -webkit-transform 0.1s ease; transition: transform 0.1s ease; transition: transform 0.1s ease, -webkit-transform 0.1s ease; } @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: -webkit-transform 0.1s ease; transition: -webkit-transform 0.1s ease; transition: transform 0.1s ease; transition: transform 0.1s ease, -webkit-transform 0.1s ease; } @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: -webkit-transform 0.1s ease; transition: -webkit-transform 0.1s ease; transition: transform 0.1s ease; transition: transform 0.1s ease, -webkit-transform 0.1s ease; } @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: -webkit-transform 0.1s ease; transition: -webkit-transform 0.1s ease; transition: transform 0.1s ease; transition: transform 0.1s ease, -webkit-transform 0.1s ease; } @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: 44px; min-height: 44px; } @media screen and (max-width: 480px) { .e-tab.e-fill .e-tab-header { height: 46px; min-height: 46px; } } .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: 44px; } @media screen and (max-width: 480px) { .e-tab.e-fill .e-tab-header .e-toolbar-items { min-height: 46px; } } .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: 44px; margin: 0; min-height: 44px; padding: 0; } @media screen and (max-width: 480px) { .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) { height: 46px; min-height: 46px; } } .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: 44px; padding: 0 10px; } @media screen and (max-width: 480px) { .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap { height: 46px; padding: 0 10px; } } .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap { height: 44px; } @media screen and (max-width: 480px) { .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap { height: 46px; } } .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: 44px; } @media screen and (max-width: 480px) { .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap { height: 46px; } } .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-text { font-weight: 600; } .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: 38px; } @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: 44px; } @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: 46px; } } .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 18px; } .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus { height: 42px; } .e-tab.e-fill.e-focused .e-tab-hea