@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
CSS
@-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