/* Son clases para los alert de addFlash */

.flajalaiaut{
    position: fixed;
    top: 3em;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    max-width: 480px;
}

.fadeOut{
    animation-name: fadeOut;
    animation-delay: 3s;
    animation-duration: .6s;
    animation-fill-mode: forwards;
}
@keyframes fadeOut{
    0%{
        opacity: 1;
    }
    90%{
        opacity: 0;
        transform: scale(.5);
    }
    100%{
        opacity: 0;
        height: 0;
        padding: 0;
        display: none;
    }
}

.alert{
    padding: 0.75em;
    border-radius: 0.2em;
    text-align: center;
    border-style: solid;
    border-width: 1px;
}
.alert.ok{
    background: #dff0d8;
    border-color: #d6e9c6;
}
.alert.notok{
    background: #FFFFCC;
    border-color: #FFCC99;
}
.alert.catastrofe{
    background: #FFDDDD;
    border-color: #FFBFBF;
}
.alert.info{
    background: #d9edf7;
    border-color: #bce8f1;
}
.alert.ok, .alert.ok strong{
    color: #3c763d;
}
.alert.catastrofe, .alert.catastrofe strong{
    color: #990000;
}
.alert.notok, .alert.notok strong{
    color: #DD5800;
}
.alert.info, .alert.info strong{
    color: #31708f;
}