:root {
    --success-dark: #218838;
    --success-darker: #1e7e34;
    --success-darkest: #1c7430;
}

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

.btn-outline-dark {
    color: var(--dark);
    border-color: var(--dark);
}

    /*.btn-outline-dark:hover {
        color: var(--white);
        background-color: var(--dark);
        border-color: var(--dark);
    }*/

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: var(--dark);
    }

    .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
    .show > .btn-outline-dark.dropdown-toggle {
        color: var(--white);
        background-color: var(--dark);
        border-color: var(--dark);
    }

.btn-success {
    color: var(--white);
    background-color: var(--success);
    border-color: var(--success);
}

    .btn-success:hover {
        color: var(--white);
        background-color: var(--success-dark);
        border-color: var(--success-darker);
    }

    .btn-success:focus, .btn-success.focus {
        color: var(--white);
        background-color: var(--success-dark);
        border-color: var(--success-darker);
    }

    .btn-success.disabled, .btn-success:disabled {
        color: var(--white);
        background-color: var(--success);
        border-color: var(--success);
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
    .show > .btn-success.dropdown-toggle {
        color: var(--white);
        background-color: var(--success-darker);
        border-color: var(--success-darkest);
    }