.alert {
    background-color: silver;
    border: 1px solid gray;
    border-radius: 6px;
    padding: 6px;
    position: relative;
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .15);
}

/*
.alert__close {
    float: right;
    margin-top: auto;
    color: black;
}
*/

.alert--error {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
}

.alert--warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b;
}

.alert--info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f;
}

.alert--success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d;
}