@import url('https://fonts.googleapis.com/css2?family=Baloo+Thambi+2:wght@400;500;600;700;800&family=Inter:wght@100..900&display=swap');
body{
    font-family: "Inter", sans-serif;
}


/* Mobile only */
@media (max-width: 768px){

    body{
        font-size:12px;
    }

    h1{font-size:1.3rem;}
    h2{font-size:1.2rem;}
    h3{font-size:1.1rem;}
    h4{font-size:1rem;}
    h5{font-size:0.9rem;}
    h6{font-size:0.8rem;}

    .table{
        font-size:12px;
    }

    .form-control,.input-group-text,
    .form-select,
    .btn,
    .dropdown-item,
    .nav-link,
    .card-body,
    .modal-body,
    .modal-title{
        font-size:12px;
    }

    .form-control,
    .form-select,
    .btn{
        padding:.25rem .5rem;
        min-height:32px;
    }

    .card-body{
        padding:.5rem;
    }

    .modal-header,
    .modal-body,
    .modal-footer{
        padding:.5rem;
    }

    .table th,
    .table td{
        padding:.35rem;
    }

    .navbar,
    .card,
    .list-group-item{
        font-size:12px;
    }

    /* Reduce Bootstrap spacing utilities */
.p-1{padding:0.25 !important;}
    .p-2,.p-3,.p-4,.p-5{
        padding:.5rem !important;
    }

    .px-1,.px-2,.px-3,.px-4,.px-5{
        padding-left:.5rem !important;
        padding-right:.5rem !important;
    }

    .py-1,.py-2,.py-3,.py-4,.py-5{
        padding-top:.35rem !important;
        padding-bottom:.35rem !important;
    }

    .m-1,.m-2,.m-3,.m-4,.m-5{
        margin:.5rem !important;
    }

    .mx-1,.mx-2,.mx-3,.mx-4,.mx-5{
        margin-left:.5rem !important;
        margin-right:.5rem !important;
    }

    .my-1,.my-2,.my-3,.my-4,.my-5{
        margin-top:.35rem !important;
        margin-bottom:.35rem !important;
    }
    
    .mb-3,.mb-4{margin-bottom: 10px!important;}
    td {vertical-align: middle!important;}
    .container-xxl, container-xl, container-lg, .container{padding:3px 3px 0 3px!important;}
    .card-header{padding:0 5px 0 5px!important;}
    .nav-tabs .nav-link{padding:5px 8px 11px 6px!important;}
    .btn{padding:5px!important;}
    .card{margin-bottom: 10px;}
    .card-body div, .card-body.span{ font-size: 13px;}
    .card-body{padding:10px!important; }
    .form-label{margin-bottom: 2px;}
    .col-md-2,.col-md-3,.col-md-4,.col-md-6,.col-md-8,.col-md-12{margin-top:5px;}
 #mainMenu a{font-size: 15px!important; opacity: 1!important; color:white!important;}   
 .navbar-toggler{background-color: rgb(139, 28, 0);}
 .navbar-toggler-icon{color:white!important;opacity: 1!important;}
 .mobile-hide-thead{
    display:none;
}
@media (min-width:768px){
    .mobile-hide-thead{
        display:table-header-group;
    }
}
}