.calendarpage {
  width: 100%;
  height: 100%;
  min-width:500px;
  min-height:80vh;
}

.calendartable {
  width: 99%;
  height: 99%;
}

.calweekheader {
  font-size:10pt;
  color:#FFFFFF;
  background-color:#4A7E36;
  font-weight:bold;
  width:14%;
  text-align:center;
  height:20px;
  border:2px solid white
}

.caldayheader {
  font-size:10pt;
  color:#000000;
  background-color:#80D07F;
  font-weight: normal;
  width:14%;
  text-align:center;
  height:20px;
  border:2px solid black
}

.caltodayheader {
  font-size:10pt;
  color:#000000;
  background-color:#B0C0FF;
  font-weight:bold;
  width:14%;
  text-align:center;
  height:20px;
  border:2px solid black
}

.calactivemonth {
  background-color:#FFFFFF;
  border-left:2px solid #000000;
  border-right:2px solid #000000
}

.calothermonth {
  background-color:#CDCDCD;
  border-left:2px solid #000000;
  border-right:2px solid #000000
}

.caltodaycontent {
  background-color:#B0C0FF;
  border-left:2px solid #000000;
  border-right:2px solid #000000;
  border:2px solid #0000CC;
  font-size:10pt;
}

.calalldaycontent {
  background-color:#EEEEEE;
  border:2px solid #CC0000;
  font-size:10pt;
}

.calmultidaycontent {
  background-color:#EEEEEE;
  border:2px solid #CC0000;
  font-size:10pt;
}

.calothermonthcontent {
  background-color:#CDCDCD;
  border-left:2px solid #000000;
  border-right:2px solid #000000;
  font-size:8.5pt;
}

.caldaycontent {
  background-color:#FFFFFF;
  border-left:2px solid #000000;
  border-right:2px solid #000000;
  font-size:8.5pt;
}

.calbottom {
  background-color:#FFFFFF;
  border-top:4px solid #000000;
  height:5px;
}