/*Tabs*/
.tab-basic {
    padding: 0px;
    background-color: transparent;
}


.tab-basic .navbar-nav {
    padding: 0px;
}


.tab-basic .nav-item {
    background-color: transparent;
}


.tab-basic .nav-item .nav-link {
    color: var(--color-text-primary);
    font-family: "Segoe UI";
    font-size: 12px;
    font-weight: 500;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: transparent;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}


        .tab-basic .nav-item .h-img {
            filter: invert(83%) sepia(35%) saturate(0%) hue-rotate(189deg) brightness(97%) contrast(95%);
            margin: 4px;
        }


        .tab-basic .nav-item .active {
            color: var(--color-text-primary);
            font-family: "Segoe UI";
            font-size: 12px;
            font-weight: 500;
            padding-right: 10px;
            padding-left: 10px;
            margin-right: 0px;
            margin-left: 0px;
            background-color: transparent;
            height: 100%;
            justify-content: center;
            align-items: center;
            display: flex;
            border-bottom: 2px solid var(--color-primary-500);
        }


            .tab-basic .nav-item .active .h-img {
                filter: invert(21%) sepia(54%) saturate(4200%) hue-rotate(189deg) brightness(96%) contrast(101%);
            }


    .tab-basic .navbar-nav {
        display: flex !important;
        flex-direction: row;
        /* flex-basis: auto;*/
    }



.tab-info {
    padding: 0px;
    background-color: transparent;
}


.tab-info .navbar-nav {
    padding: 0px;
}


    .tab-info .nav-item {
        background-color: #eaecf2;
        padding: 0px;
    }

.tab-info .nav-item:first-child {
    border-top-left-radius: 8px;
}

.tab-info .nav-item:last-child {
    border-top-right-radius: 8px;
}



        .tab-info .nav-item .nav-link {
            color: var(--color-text-primary);
            font-family: "Segoe UI";
            font-size: 12px;
            font-weight: 500;
            padding-right: 10px;
            padding-left: 10px;
            margin-right: 0px;
            margin-left: 0px;
            padding-top: 0px;
            padding-bottom: 0px;
            background-color: #eaecf2;
            height: 100%;
            justify-content: center;
            align-items: center;
            display: flex;
        }

.tab-info .nav-item:first-child .nav-link {
    border-top-left-radius: 8px;
}

.tab-info .nav-item:last-child .nav-link {
    border-top-right-radius: 8px;
}


.tab-info .nav-item .h-img {
    filter: invert(83%) sepia(35%) saturate(0%) hue-rotate(189deg) brightness(97%) contrast(95%);
    margin: 4px;
}


    .tab-info .nav-item .active {
        color: var(--color-text-primary);
        font-weight: 500;
        background-color: white;
        border-bottom: 2px solid var(--color-primary-500);
    }


.tab-info .nav-item .active .h-img {
    filter: invert(21%) sepia(54%) saturate(4200%) hue-rotate(189deg) brightness(96%) contrast(101%);
}


.tab-info .navbar-nav {
        display: flex !important;
        flex-direction: row;
        /* flex-basis: auto;*/
}


/*Tabs*/
.tabs-primary {
    display: flex;
    flex-direction: column;
    overflow: auto;
    width: 100%;
    height: 100%;
}


    .tabs-primary .dxbl-tabs-content-panel {
        flex: 1 1;
        overflow: auto;
    }


    .tabs-primary .dxbl-scroll-viewer-content,
    .tabs-primary .dxbl-tabs-tablist,
    .tabs-primary .dxbl-scroll-viewer-content > ul,
    .tabs-primary .dxbl-scroll-viewer-content > ul > li,
    .tabs-primary .dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item,
    .tabs-primary .dxbl-tabs > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item {
        background-color: transparent;
    }

.dxbl-tabs.tabs-primary > .dxbl-tabs-tablist.dxbl-tabs-tablist-scrollable {
    border: none;
}
/*  .tabs-primary .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item {
        border: none !important;
        color: rgb(49, 57, 79,0.6);
        font-family: "Segoe UI";
        font-size: 14px;
        font-weight: 500;
    }*/
.dxbl-tabs.tabs-primary > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active,
.dxbl-tabs.tabs-primary > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active {
    color: var(--color-text-primary);
    border-bottom: 2px solid #ed7d3d !important;
    background-color: transparent;
}

.dxbl-tabs.tabs-primary > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item,
.dxbl-tabs.tabs-primary > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item {
    border: none !important;
    color: var(--color-text-primary);
    font-family: "Segoe UI";
    font-size: 12px;
    font-weight: 500;
    padding-left: 8px;
    padding-right: 8px;
}