.btn-primary {
    color: var(--textbtnprimary);
    background-color: var(--secondarycolor) !important;
    border-color: var(--borderbtnprimary) !important;
}

    .btn-primary:hover {
        background-color: var(--primaryhover) !important;
        border-color: var(--bordergreen) !important;
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 0 0.2rem var(--btnprimaryshadow) !important;
    }
    .btn-primary:focus {
        background-color: var(--borderbtnprimary) !important;
    }


    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem var(--btnprimaryshadow) !important;
    }

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

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

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--primaryhover) !important;
    border-color: var(--bordergreen) !important;
}