.success-bg {
    background-color: map_get($ui-color-states, success);
    //color: map_get($default-colors, primary);

    a {
        color: map_get($default-colors, secondary);
        &:hover {
            color: lighten(map_get($default-colors, secondary), $ligthen);
        }
    }
}

.warn-bg {
    background-color: map_get($ui-color-states, warning);
    //color: map_get($default-colors, primary);
    a {
        color: map_get($default-colors, secondary);
        &:hover {
            color: lighten(map_get($default-colors, secondary), $ligthen);
        }
    }
}

.danger-bg {
    background-color: map_get($ui-color-states, danger);
    color: map_get($default-colors, primary);
    a {
        color: map_get($default-colors, secondary);
        &:hover {
            color: lighten(map_get($default-colors, secondary), $ligthen);
        }
    }
}


.info-bg {
    background-color: map_get($ui-color-states, info);
}

.success-c {
    color: map_get($ui-color-states, success) !important;
}

.info-c {
    color: map_get($ui-color-states, info) !important;
}

.warn-c {
    color: map_get($ui-color-states, warning) !important;
}

.danger-c {
    color: map_get($ui-color-states, danger) !important;
}


