.areaBackground {
  fill: #ccc;
}
.areaOtherRect {
  fill: #340ace;
}
.areaAvailable {
  fill: #0c0;
}
.areaAvailable:hover {
  fill: #FFD700;
}
.areaTaken {
  fill: #f06;
}
.areaThisClient {
  fill: #f96;
  color: white;
}
.areaThisClient:hover {
  fill: #FFD700;
  color: white;
}
g text {
  fill: white;
  font-family: Arial;
  font-weight: bolder;
}
g text.v2 {
  font-size: 90px;
  fill: #fff;
  font-family: Arial-BoldMT, Arial;
  font-weight: 700;
}
/*g {
    rect {
        stroke-width: 20;
        stroke: rgb(0,0,0);
        cursor: pointer;

        &:hover {
            stroke-dasharray: 5,5;
        }
    }



    text {
        fill: yellow;
        font-family: Arial;
        font-weight: bolder;
    }
}*/