/* 
    Document   : notificaciones
    Created on : Jan 24, 2017, 2:40:04 PM
    Author     : ipesce
    Description:
        Notificaciones para agregar a las aplicaciones. 
        Se pueden agregar verde de exito, amarillo de warning, rojo de error o alerta y azul de informacion
*/


.notificacion {
    margin-bottom: 4px;
    padding: 4px 12px;
}

.notificacion.error {
    background-color: #ffdddd;
    border-left: 6px solid #f44336;
}

.notificacion.exito {
    background-color: #ddffdd;
    border-left: 6px solid #4CAF50;
}

.notificacion.info {
    /*        margin-bottom: 4px;
        padding: 4px 12px;*/
    background-color: #e7f3fe;
    border-left: 6px solid #2196F3;
    /*text-align: center;*/
}

.notificacion.warning {
    background-color: #ffffcc;
    border-left: 6px solid #ffeb3b;
}

.notificacion p strong {
    font-weight: bold;
}

.notificacion span.close {
    color: white;
    color: #000;
    float: right;
    font-size: 32px;
    font-weight: bold;
    padding-right: 20px;
    transition: 0.3s;
}

.notificacion span.close:hover,
.notificacion span.close:focus {
    color: white;
    text-decoration: none;
    cursor: pointer;
}