/* APPLICATION STYLES */

.iframe-html {
    border: none;
}
.semaforo2 {
    display:inline-block;
    width:15px;
    height:15px;
    font-size: 1px;
    border-radius:15px;
    overflow:hidden;
}
.semaforo2.red {
    color: #b51414;
    background-color: #b51414;
}
.semaforo2.green {
    color: #24b01c;
    background-color: #24b01c;
}
.semaforo2.gray {
    color: #8c8c8c;
    background-color: #8c8c8c;
}
.semaforo2.black {
    color: #262626;
    background-color: #262626;
}
.semaforo2.yellow {
    color: #e5e516;
    background-color: #e5e516;
}
.semaforo2.lightgray {
    color: #cccccc;
    background-color: #cccccc;
}
.semaforo2.white {
    color: white;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.semaforo2.darkgray {
    color: #4B4B4B;
    background-color: #4B4B4B;
}
.semaforo2.blue {
    color: dodgerblue;
    background-color: dodgerblue;
}

.semaforo .luz.gris {
    color: #999;
}
.semaforo .luz.rojo {
    color: #A33;
}
.semaforo .luz.verde {
    color: #55a85c;
}
.semaforo .luz.amarillo {
    color: #aa8f36;
}
.semaforo .luz.azul {
    color: dodgerblue;
}