﻿/* === OLI TAB CONTAINER === */
.oli-tabs { 
    font-family: 'Poppins', sans-serif; 
    height: auto !important;
}

    /* === TAB HEADER BAR === */
    /*.oli-tabs .e-tab-header {
        background: #f7f9fc;
        border-bottom: 1px solid #e6e9ef; 
    }*/

        /* === TAB ITEMS === */
        .oli-tabs .e-tab-header .e-toolbar-item {
            margin-right: 6px;
            border-radius: 8px;
            transition: all .25s ease;
        }

        /* === TAB TEXT === */
        /*.oli-tabs .e-tab-header .e-tab-text {
            font-size: 13px;
            font-weight: 500;
            color: #6c757d;
            padding: 8px 14px;
        }*/

        /* === ACTIVE TAB === */
        .oli-tabs .e-tab-header .e-toolbar-item.e-active {
            background: rgba(50, 137, 59, 0.12);
        }

            .oli-tabs .e-tab-header .e-toolbar-item.e-active .e-tab-text {
                color: #32893b;
                font-weight: 600;
            }

        /* === HOVER === */
        .oli-tabs .e-tab-header .e-toolbar-item:hover {
            background: rgba(50, 137, 59, 0.08);
        }

    /* === CONTENT AREA === */
    /*.oli-tabs .e-content {
        overflow: visible !important;
    }*/


/* === TAB CONTENT === */
/*.oli-tab-content {
    animation: oliFadeIn .25s ease-in-out;
}*/
 
/* === FORCE POPPINS ON TAB HEADER (SAFE OVERRIDE) === */
.oli-tabs .e-tab-header,
.oli-tabs .e-tab-header .e-toolbar-item,
.oli-tabs .e-tab-header .e-tab-text {
    font-family: 'Poppins', sans-serif !important;
}

    /* === REMOVE PINK / DEFAULT EJ2 INDICATOR LINE === */
    .oli-tabs .e-tab-header .e-indicator,
    .oli-tabs .e-tab-header .e-toolbar-item::after {
        display: none !important;
    }

/* === REMOVE ANY DEFAULT BOTTOM BORDER LINE === */
.oli-tabs .e-tab-header {
    border-bottom: 1px solid #e6e9ef;  /*keep clean divider only */
}


/* === ANIMATION === */
@keyframes oliFadeIn {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
