/*
CSS Para cajas de notificación.
Elaborado por: Isabel Castillo.
Importado por: Daniel Williams R. 08/09/2015
Tomado de:  http://isabelcastillo.com/error-info-messages-css

NOTA: Se debe combinar con fontawesome.min.css para resultados.

*/
@import url("./fontawesome/fontawesome.min.css") 
 /* Estilo General para notificaciones */
.notif_info, .notif_success, .notif_warning, .notif_error {
margin: 10px 0px;
padding:12px;
}

/* Estilo para añadir iconos antes de cuadro */
.notif_info:before, .notif_success:before, .notif_warning:before, .notif_error:before {
    font-family:FontAwesome;
    font-style:normal;
    font-weight:400;
    speak:none;
    display:inline-block;
    text-decoration:inherit;
    width:1em;
    margin-right:.2em;
    text-align:center;
    font-variant:normal;
    text-transform:none;
    line-height:1em;
    margin-left:.2em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
/* Símbolo de Info */
.notif_info:before {
    content:"\f05a";
}
/* Símbolo de Check */
.notif_success:before {
    content:'\f00c';
}
/* Símbolo de Advertencia */
.notif_warning:before {
    content:'\f071';
}
/* Error */
.notif_error:before {
    content:'\f057';
}


.notif_info {
    color: #00529B;
    background-color: #BDE5F8;
}
.notif_success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.notif_warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.notif_error {
    color: #D8000C;
    background-color: #FFBABA;
}
.notif_info i, .notif_success i, .notif_warning i, .notif_error i {
    margin:10px 22px;
    font-size:2em;
    vertical-align:middle;
}