.container{
    max-width: 1700px !important;
}

p{
    font-weight: 500;
}

button{
    white-space: nowrap;
    
}
.table-header{
    font-size: 20px;
    font-weight: 700;
}

.bg-secondary{
    background-color: var(--secondary-color) !important;
}

.text-secondary{
    color: var(--secondary-color) !important;
}

.card, button{
    border-radius: 6px !important;
}

.material-icons, .material-icons-outlined{
    font-size: 20px;
}
.form-group{
    margin-bottom: 1.3rem;
}

.form-control, .form-select{
    /* background-color: rgba(245, 245, 245, 0.47); */

}


.vuecal {
    --vuecal-primary-color: #8c8c8c !important;
}


/* custom z-index for the datepicker date container */
.p-datepicker-panel{
    z-index: 1100 !important;
}


/* tabs */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--secondary-color) !important;
    color: var(--white-color) !important;
}


.bh-table-responsive table tbody tr td, .bh-table-responsive table tfoot tr th, .bh-table-responsive table thead tr th {
    padding: 20px !important;

}


.router-link-active, .router-link-exact-active{
    background-color: #c0c9e83d !important;
    /* color: var(--white-color) !important; */
}
