.headDisplay{
    background: rgb(50,50,50,0.3);
    margin-bottom: 10px;
    font-weight: bold;
}

.weekDisplay{
    background: rgb(50,50,50,0.3);
    height:50px;
    font-weight: bold;
}

.dayDisplayOut{
    float:left;
    width:calc(100% / 7);
    background: rgb(100,100,100,0.5);
    border: 1px rgb(100,100,100,0.3) solid;
    border-radius: 0px;
    height:50px;
}

.dayDisplayFree{
    float:left;
    width:calc(100% / 7);
    background: rgb(10,200,10,0.5);
    border: 1px rgb(10,200,10,0.3) solid;
    border-radius: 0px;
    height:50px;
}

.dayDisplayUsed{
    float:left;
    width:calc(100% / 7);
    background: rgb(200,10,10,0.5);
    border: 1px rgb(200,10,10,0.3) solid;
    border-radius: 0px;
    height:50px;
}

.changePeriod{
    background: rgb(200,10,10,0.5);
    cursor:pointer;
}

.changePeriod:hover{
    background: rgb(250,10,10,0.5);
}