.reservation-header{
  width: 100%;
}
.reservation-header ul{
  list-style-type:none;
  margin:0;
  padding:0;
  text-align: center;
}
.reservation-header ul li{
  display: inline;
  margin: 0 12px;
}
.weekbox{
  width: 95%;
  border: 1px solid rgba(200,200,200,0.5);
  margin: 4px;
}
.daybox{
  float: left;
  width: 90px;
  padding: 2px;
}
.daybox .header{
  font-weight: bold;
  text-align: center;
}
.daybox .row{
  border:1px solid #888;
  text-align: center;
}
.daybox .row:hover{
  background-color: rgba(255,255,0,0.4);
  border:1px solid #444;
  cursor: pointer;
}
.daybox .selected{
  border:1px solid #FF0;
  background-color: #F00;
  color: #FFF;
}
.daybox .row label{
  font-weight: normal;
}
.daybox .row label:hover{
  cursor: pointer;
}
.green{
  background-color: rgba(150,255,150,0.4);
}
.yellow{
  background-color: rgba(50,255,50,0.4);
}
.red{
  background-color: rgba(255,50,50,0.4);
}