@font-face {
    font-family: 'Inter-ExtraLight';
    src: url('../../fonts/Inter/Inter-ExtraLight.ttf');
}

@font-face {
    font-family: 'Inter-Light';
    src: url('../../fonts/Inter/Inter-Light.ttf');
}

@font-face {
    font-family: 'Inter-Regular';
    src: url('../../fonts/Inter/Inter-Regular.ttf');
}

@font-face {
    font-family: 'Inter-Medium';
    src: url('../../fonts/Inter/Inter-Medium.ttf');
}

@font-face {
    font-family: 'Inter-Bold';
    src: url('../../fonts/Inter/Inter-Bold.ttf');
}

@font-face {
    font-family: 'RobotoCondensed-Thin';
    src: url('../../fonts/Inter/RobotoCondensed-Thin.ttf');
}

@font-face {
    font-family: 'RobotoCondensed-Light';
    src: url('../../fonts/Inter/RobotoCondensed-Light.ttf');
}

@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url('../../fonts/Inter/RobotoCondensed-Regular.ttf');
}

@font-face {
    font-family: 'RobotoCondensed-Medium';
    src: url('../../fonts/Inter/RobotoCondensed-Medium.ttf');
}

@font-face {
    font-family: 'RobotoCondensed-Bold';
    src: url('../../fonts/Inter/RobotoCondensed-Bold.ttf');
}

.f-12 {
    font-size:12px !important;
}

.f-14 {
    font-size: 14px !important;
}

.f-16 {
    font-size: 16px !important;
}

.fw-bold {
    font-weight:normal !important;
    font-family:Inter-Medium !important;
}


/******************************************* Bootstrap Overrides ***********************************************************************/

:root {
    --bs-primary: #3879F0;
    --bs-danger: #FF5757;
    --bs-dark: #262626;
    --bs-success: #2ECC71;

    --bs-primary-rgb: 56, 121, 240;
    --bs-danger-rgb: 255, 87, 87;
    --bs-dark-rgb: 38, 38, 38;
    --bs-success-rgb: 45, 204, 113;
}

.btn-success {
    background-color: #2ECC71 !important;
    border-color: #2ECC71 !important;
}

    .btn-success:hover {
        background-color: #29b765 !important;
        border-color: #29b765 !important;
    }

h1, h2, h3, h4, h5, h6 {
    font-family:Inter-Medium !important;
    text-transform:uppercase !important;
}

input:focus, select:focus, button:focus, .navbar-toggler:focus, .accordion-button:focus, textarea:focus {
    outline:none !important;
    box-shadow:none !important;
}

.navbar-brand, .card-header {
    font-family:Inter-Light !important;
    font-weight:normal;
}

.navbar-nav > .nav-link, .nav-item > .nav-link.dropdown-toggle, a.dropdown-item, a.nav-link {
    font-family:Inter-Light !important;
    font-size:14px !important;
}

    .navbar-nav > .nav-link:hover, .nav-item > .nav-link.dropdown-toggle:hover, a.dropdown-item:hover, a.nav-link:hover {
        cursor: pointer !important;
        font-family: Inter-Regular !important;
    }

    #vbs_navbar .navbar-nav .nav-link:active, #vbs_navbar .navbar-nav .nav-link.active {
        background-color: #D6D6D6 !important;
        color: #262626 !important;
    }

.dropdown-item:active, .dropdown-item.active {
    font-family: Inter-Medium !important;
    background-color: #FF5757 !important;
}

.tab-content {
    /*margin-top: 65px;*/
}


.table .thead th {
    font-family:Inter-Bold;
}

.table tbody td, .form-select option {
    font-family:Inter-Light;
}


#vbs_registration_table .tbody tr:hover {
    cursor: pointer;
}

.badge {
    font-family:Inter-Medium;
    font-weight:normal;
    font-size:0.8rem !important;
}

#vbs_navbar {
    top:57px !important;
}

#vbs_tab_content {
    margin-top: 115px !important;
}

#class_attendance_card .card-body {
    font-family:Inter-Light !important;
    font-size:0.85rem !important;
}

.accordion-button:not(.collapsed) {
    background-color: #FAFAFA !important;
}