/**************************************************************************
 *
 * MONITOR COMPARTAMOS
 *
 * Archivo : css/modules/bomberos.css
 * Módulo  : BOMBEROS
 *
 **************************************************************************/


/* ==========================================================
   ICONO ACTIVO
========================================================== */

.bombero-activo{

    width:32px;
    height:32px;

    background:#ffffff;

    border-radius:50%;

    border:3px solid #ff0000;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

    animation:pulsoBomberos 1.5s infinite;

}


/* ==========================================================
   ICONO CERRADO
========================================================== */

.bombero-cerrado{

    width:32px;
    height:32px;

    background:#666;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

    opacity:.3;

    filter:grayscale(100%);

}


/* ==========================================================
   ANIMACIÓN
========================================================== */

@keyframes pulsoBomberos{

    0%{

        transform:scale(1);

    }

    50%{

        transform:scale(1.3);

    }

    100%{

        transform:scale(1);

    }

}