/* alerts should have a border with an extra-thick left edge */
.alert-error,
.alert-info,
.alert-success,
.alert-warning {
    border-style: solid;
    border-width: 1px;
    border-left-width: 5px;
    border-radius: 4px;
    margin-bottom: 1em;
    padding: 1em;
}

/* alert links should lighten on hover */
.alert-error a:hover,
.alert-info a:hover,
.alert-success a:hover,
.alert-warning a:hover {
    opacity: 0.5;
}




/* "error" alerts should be red */
.alert-error {
    border-color: #f1aeb5;
    color: #58151c;
    background: #f8d7da;
}
.alert-error a,
.alert-error a:hover {
    color: #58151c;
}





/* "info" alerts should be blue */
.alert-info {
    border-color: #9eeaf9;
    color: #055160;
    background: #cff4fc;
}
.alert-info a,
.alert-info a:hover {
    color: #055160;
}





/* "success" alerts should be green */
.alert-success {
    border-color: #a3cfbb;
    color: #0a3622;
    background: #d1e7dd;
}
.alert-success a,
.alert-success a:hover {
    color: #0a3622;
}





/* "warning" alerts should be yellow */
.alert-warning {
    border-color: #ffe69c;
    color: #664d03;
    background: #fff3cd;
}
.alert-warning a,
.alert-warning a:hover {
    color: #664d03;
}