/* APPLICATION STYLES */

.semaforo {
    width:12px;
    height:12px;
    border: solid 1px #676767;
    border-radius:12px;
    margin:0px 5px;
}
.semaforo.rojo { background-color: #a00000;      background: linear-gradient(#a00000, #730000); }
.semaforo.amarillo { background-color:#f39c12;  background: linear-gradient(#f39c12, #aa6912);  }
.semaforo.naranja { background-color: #f35317;  background: linear-gradient(#f35317, #ad3b0e);  }
.semaforo.verde { background-color: #27ae60;    background: linear-gradient(#27ae60, #1f773b);  }
.semaforo.azul { background-color: #2980b9;     background: linear-gradient(#2980b9, #20567d);  }
.semaforo.gris { background-color: #b8b8b8;     background: linear-gradient(#bdbcb6, #46453f);  }
.semaforo.gris { background-color: #ffffff;     background: linear-gradient(#bdbcb6, #46453f);  }