:root{
    --bs-primary: #4D7E7B !important;
    --bs-primary-rgb: 77, 126, 123 !important;
}
.badge{
    font-size: 1.2em;
}
.text-bg-primary {
    color: #fff;
    background-color: var(--bs-primary) !important;
}

.navbar-brand {
    color: white !important;
}

.navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }
    
.btn-primary{
    color: #ffffff;
    border-color: var(--green-box);
    background-color: var(--green-box);
}
.btn-outline-primary.dropdown-toggle{
    color: var(--coral) !important;
    border-color: var(--sage)  !important;
    background-color: transparent !important;
}
.btn-outline-primary{
    color: var(--green-deep) !important;
    border-color: var(--sage)  !important;
    background-color: transparent !important;
}
.btn-outline-primary.menu-item{
    color: var(--green-deep) !important;
    border-color: var(--sage)  !important;
    background-color: transparent !important;
}

.btn-primary:hover{
    background-color: var(--sage-dark) !important;
    border-color: var(--sage-dark) !important;
    color: #ffffff !important;
}
.btn.disabled, .btn:disabled{
    background-color: #f5f5f5 !important;
    border-color: #cccccc !important;
    color: #333333 !important;

}



.btn-outline-primary.dropdown-toggle{
    color: var(--coral) !important;
    border-color: var(--sage)  !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover{

    background-color: var(--color-button-hover-bg) !important;
}
.btn-outline-secondary:hover{
    background-color: var(--color-button-hover-bg) !important;
}