/* Occupancy traffic light */
.traffic-text {
    text-align: center;
}

.traffic-text-green {
    color:  #00ce5c;
    font-weight: bold;
}

.traffic-text-yellow {
    color:  #fdda2d;
    font-weight: bold;
}

.traffic-text-red {
    color:  #BD4021;
    font-weight: bold;
}

.traffic-text-grey {
    font-weight: bold;
}

#traffic-light {
    border:1px solid #e4e4e4;
    height:110px;
    width:405px;
    border-radius:20px;
    margin: 20px auto 10px;
}

.traffic-light-color {
    width: 80px;
    height: 80px;
    margin-top: 15px;
    margin-left: 17px;
    float: left;
    background-color: grey;
    vertical-align: middle;
    border-radius: 100%;
    opacity: 0.3;
}

#traffic-red {
    background-color: #BD4021;
}

#traffic-yellow {
    background-color: #fdda2d;
}

#traffic-green {
    background-color: #00ce5c;
}

#traffic-red.active {
    box-shadow: 0 0 3em #BD4021;
}

#traffic-yellow.active {
    box-shadow: 0 0 3em #fdda2d;
}

#traffic-green.active {
    box-shadow: 0 0 3em #00ce5c;
}

.traffic-light-color.active {
    opacity: 1;
}