/* -----au-alert ----- */
.au-alert {
    border: 1px solid #fff;
    background: #fff;
    border-left: 3px solid #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    padding: 15px 30px;
}

.au-alert.alert-dismissible .close {
    font-size: 25px;
    color: black;
    opacity: 0.2;
    /*padding: 0 23px;*/
    top: 0;
    bottom: 0;
}

.au-alert > i {
    font-size: 30px;
    vertical-align: middle;
    margin-right: 10px;
}

.au-alert-success > i {
    color: #00ad5f;
}
.au-alert-warning > i {
    color: #d58512;
}
.au-alert-infos > i {
    color: #004085;;
}

.au-alert-error > i {
    color: #dc3545;
}
.au-alert .content {
    font-size: 18px;
    color: #808080;
    font-weight: 600;
}

.au-alert-success {
    background: #e5f6eb;
    border-color: #d9f1e3;
    border-left-color: #00ad5f;
}

.au-alert-infos {
    background-color: #cce5ff;
    border-color: #b8daff;
    border-left-color: #004085;
}
.au-alert-error {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    border-left-color: #dc3545;
}
.au-alert-warning {
    background: rgb(255,231,147);
    border-color: #d9f1e3;
    border-left-color: #d58512;
}

.au-alert--70per {
    width: 70.5%;
    margin: 0 auto;
}

@media only screen and (max-width:768px) {
    .au-alert--70per {
        width: 95%;
    }
    .au-alert .content {
        font-size: 10px;
    }
}