/*Tab Common Css*/
.nav-tabs {
    border-bottom : none;
}

.nav-tabs .nav-link {
    border-radius : 0;
    border        : none;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover,
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color            : var(--brand-primary) !important;
    background-color : var(--basic-white) !important;
    border-color     : var(--brand-primary) !important;
}

.nav-tabs[data-tab-type="inner"] .nav-link {
    border-top    : var(--border-2px) transparent;
    border-right  : var(--border-2px) transparent;
    border-left   : var(--border-2px) transparent;
    border-bottom : var(--border-2px) var(--basic-black);
    margin        : -1px;
}

.nav-tabs[data-tab-type="inner"] .nav-link:focus, .nav-tabs[data-tab-type="inner"] .nav-link:hover,
.nav-tabs[data-tab-type="inner"] .nav-item.show .nav-link, .nav-tabs[data-tab-type="inner"] .nav-link.active {
    color            : var(--brand-primary) !important;
    background-color : var(--basic-white) !important;
    border-color     : var(--brand-primary) !important;
    border-bottom    : var(--border-2px) transparent !important;
    border-top       : var(--border-2px) var(--basic-black);
    border-right     : var(--border-2px) var(--basic-black);
    border-left      : var(--border-2px) var(--basic-black);
}

/*Tab Css*/
.nav-tabs.general-tabs .nav-item .nav-link {
    padding     : 8px;
    color       : var(--basic-gray-medium);
    font-weight : var(--weight-500);
}

.nav-tabs.general-tabs.category-tab .nav-item .nav-link {
    font-weight : var(--weight-400);
}

.nav-tabs.general-tabs .nav-item:not(:last-child) {
    margin-right : 4px;
}

.nav-tabs.general-tabs .nav-link:focus, .nav-tabs.general-tabs .nav-link:hover,
.nav-tabs.general-tabs .nav-item.show .nav-link, .nav-tabs.general-tabs .nav-link.active {
    color            : var(--brand-primary) !important;
    background-color : var(--basic-white) !important;
    border-color     : var(--brand-primary) !important;
    font-weight      : var(--weight-700);
}

.nav-tabs.general-tabs.category-tab .nav-link:focus, .nav-tabs.general-tabs.category-tab .nav-link:hover,
.nav-tabs.general-tabs.category-tab .nav-item.show .nav-link, .nav-tabs.general-tabs.category-tab .nav-link.active {
    font-weight : var(--weight-600);
}

.nav-tabs.underline-tab {
    border-bottom : 1px solid var(--basic-gray-high-light);
    padding-left  : 8px;
    padding-right : 8px;
}

.nav-tabs.underline-tab .nav-item {
    padding-left  : 12px;
    padding-right : 12px;
}

.nav-tabs.underline-tab .nav-item .nav-link {
    padding : 12px 0;
    color   : var(--basic-gray-medium);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-bottom : 2px solid var(--basic-black);
}

.nav-tabs.underline-tab .nav-link {
    margin-bottom : 0;
}

.nav-tabs.scrollable-tabs {
    flex-wrap  : nowrap;
    overflow-x : auto;
    overflow-y : hidden;
    max-width  : 100%;
}

.nav-tabs.scrollable-tabs::-webkit-scrollbar {
    display : none;
}

.nav-tabs.scrollable-tabs::-webkit-scrollbar-thumb {
    display : none;
}