﻿
.info, .success, .warning, .errorLabel, .validation {
    border: 1px solid !important;
    margin: 10px 0px !important;
    padding: 15px 10px 15px 50px !important;
    background-repeat: no-repeat !important;
    background-position: 10px center !important;
}
.info {
    color: #00529B !important;
    background-color: #BDE5F8 !important;
    background-image: url(../images/info.png) !important;
}
.success {
    color: #4F8A10 !important;
    background-color: #DFF2BF !important;
    background-image: url(../images/success.png) !important;
}
.warning {
    color: #9F6000 !important;
    background-color: #FEEFB3 !important;
    background-image: url(../images/warning.png) !important;
}
.errorLabel {
    color: #D8000C !important;
    background-color: #FFBABA !important;
    background-image: url(../images/error.png) !important;
}
.cartelWaiting {
    padding: 15px 10px 15px 10px !important;
    background-repeat: no-repeat !important;
    background-position: 10px center !important;
    font-family: 'Arial Black' !important;
    font-size: large !important;
    color: #0066CC !important;
}

.notificacion {
    -webkit-animation: cssAnimation 0s ease-in 5s forwards;
    -moz-animation: cssAnimation 0s ease-in 5s forwards;
    -o-animation: cssAnimation 0s ease-in 5s forwards;
    animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.notificacionFalse {
    -webkit-animation: cssAnimation 0s ease-in 0s forwards;
    -moz-animation: cssAnimation 0s ease-in 0s forwards;
    -o-animation: cssAnimation 0s ease-in 0s forwards;
    animation: cssAnimation 0s ease-in 0s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes cssAnimation {
    from {
        visibility: hidden;
        border: 0px solid;
        margin: 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    to {
        width: 0;
        height: 0;
        visibility: hidden;
        border: 0px solid;
        margin: 0px 0px;
        padding: 0px 0px 0px 0px;
    }
}

@-webkit-keyframes cssAnimation {
    from {
        visibility: hidden;
        border: 0px solid;
        margin: 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    to {
        width: 0;
        height: 0;
        visibility: hidden;
        border: 0px solid;
        margin: 0px 0px;
        padding: 0px 0px 0px 0px;
    }
}