body {
    --primary: #88e967;
    --primary-color: #88e967;
    --secondary-color: #ffdc5b;
}


.text-primary {
    color: #165000 !important;
}
/*.v-card {*/
/*    border-radius: 16px !important;*/
/*    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;*/
/*}*/

.navbar {
    background-color: #ffffff !important;
}

.card {
    overflow: hidden;
    border-radius: 25px;
    transition: all 300ms ease;
}

.card:hover {

}

.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #333;
}

.btn-primary:hover {
    background: transparent;
    color: #333;
    border: 1px solid var(--primary-color);
}

.badge-light {
    background-color: var(--primary-color);
}

.badge-secondary {
    background-color: var(--secondary-color);
}

.page-item.active .page-link {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #333;
}

.form-control.form-control-lg.form-control-borderless.form-control-search.form-control {
    border-radius: 25px 0 0 25px !important;
    padding-left: 25px !important;
}

.form-control-search + .input-group-append .btn-primary {
    border-radius: 0 25px 25px 0 !important;
}

.btn-outline-primary {
    color: #333;
    background-color: #fff;
    border: 2px solid #333;
    transition: all 300ms ease-in-out;
}


.btn-outline-primary:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
}