.select-success {
    border: 1px solid var(--background-success-color) !important;
    background-color: var(--background-success-color) !important;
    /* color: black; */
}

.select-success option {
    background-color: white !important;
    /* color: black !important; */
}

.select-success:focus {
    border-color: var(--background-success-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--background-success-color), 0.5);
}

.select-danger {
    border: 1px solid var(--background-danger-color) !important;
    background-color: var(--background-danger-color) !important;
    /* color: black; */
}

.select-danger option {
    background-color: white !important;
    /* color: black !important; */
}

.select-danger:focus {
    border-color: var(--background-danger-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--background-danger-color), 0.5);
}

.select-warning {
    border: 1px solid var(--background-warning-color) !important;
    background-color: var(--background-warning-color) !important;
    /* color: black; */
}

.select-warning option {
    background-color: white !important;
    /* color: black !important; */
}

.select-warning:focus {
    border-color: var(--background-warning-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--background-warning-color), 0.5);
}

.select-info {
    border: 1px solid var(--background-info-color) !important;
    background-color: var(--background-info-color) !important;
    /* color: black; */
}

.select-info option {
    background-color: white !important;
    /* color: black !important; */
}

.select-info:focus {
    border-color: var(--background-info-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--background-info-color), 0.5);
}