ul.alerty {position: relative; list-style: none; margin:0; padding: 0; width: 100%; }
.alert-box.alert {
    background-color: #d44937;
    border-color: #bd3729;
    color: #ffffff;
        animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}

ul.alerty li {position: relative;}
ul.alerty li .collapse {position: absolute; cursor: pointer; left: 15px; top: -8px; font: bold 22px/22px Calibri;}
ul.alerty li .msg {font: normal 18px Calibri;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;padding: 0;margin: 0 0 0 25px;}
ul.alerty li .desc {display: none; clear: both; font: normal 16px Calibri;padding: 0;margin: 10px 0 0 25px;}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
.alert-box {
    background-color: #03a1d9;
    border: #038dbb;
    border-style: solid;
    border-width: 1px;
    color: #ffffff;
    display: block;
    font-size: 1rem;
    font-weight: normal;
    margin-bottom: .05rem;
    padding: 0.875rem 1.5rem 0.875rem 0.875rem;
    position: relative;
}