.alert {
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 0.938em;
    padding: 0.625em 0.938em;
    border: 1px solid #ccc;
    line-height: 1.5;
}

.alert.notice {
    border-color: #b4dcff;
    background-color: #e1f0ff;
    color: #3c6496;
}

.alert.success {
    border-color: #aaf0a5;
    background-color: #d7f5d7;
    color: #146414;
}

.alert.caution {
    border-color: #f0f0a5;
    background-color: #fafac8;
    color: #a0a000;
}

.alert.failure {
    border-color: #ffc3c3;
    background-color: #ffe6e6;
    color: #b44646;
}

.alert.success a {
    color: #146414 !important;
}

.alert.failure a {
    color: #b44646 !important;
}

.rounded .alert,
.alert.rounded {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.squared .alert,
.square .alert,
.alert.square,
.alert.squared {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.alert.padded,
.alert.fluffy,
.alert.puffy {
    padding: 1.5em 2.0em;
}