*{
  font-family: verdana;
  font-size: 1em;
  box-sizing:border-box;
}

body {
  background-color:#dddddd;
}

.m, .m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8, .m9, .m10, .m11, .m12 {
  padding:0px;	
}

.m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8, .m9, .m10, .m11, .m12 {
  background-color:#ffffff;
  float:left;
  width:16.66%;
}

 .m12 {
}

.cal {
  text-align:center;
  width:100%;
  padding:0px;
  spacing:0px;
  border:0px;
  border-collapse:collapse;
}

.calRowHeader {
  font-weight:bold;
  background-color:#dddddd;
  border-bottom:1px solid #aaaaaa;
}

.calHeader {
  text-align:center;
}

.calRow1 {
  text-align:left;
}

.currentWeek {
	border-left:2px solid #132fdd;
	border-right:2px solid #132fdd;
}

.currentDay {
  color:#132fdd;
}

.dayLetter {
  white-space: nowrap;
  overflow: hidden;
  
  border-bottom:1px solid #aaaaaa;
  border-left:1px solid #aaaaaa;
  text-align:left;
  width:2em;
}

.dayNumber {
  white-space: nowrap;
  overflow: hidden;
  border-bottom:1px solid #aaaaaa;
  text-align:right;
  width:2em;
}

.dayLabel {
  white-space: nowrap;
  overflow: hidden;
  border-bottom:1px solid #aaaaaa;
  text-align:left;
  font-size:1em;
}

.weekNumber {
  white-space: nowrap;
  overflow: hidden;
  border-bottom:1px solid #aaaaaa;
  border-right:1px solid #aaaaaa;
  text-align:right;
  width:2em;
}

.calRow2 {
  text-align:left;
}

.tdDark {
  background-color:#cccccc;
}

.isEmpty {
  border:0px;
}

@media screen and (max-width:800px) {
  .m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8, .m9, .m10, .m11, .m12 {
    width:100%;
    border-bottom: 0px;
  }
  
  .m12 {
    width:100%;
  }
}

@media screen and (max-width:1400px) {
  .dayLabel {
    font-size:0.9em;
  }
}

@media screen and (max-width:1350px) {
  .dayLabel {
    font-size:0.8em;
  }
}

@media screen and (max-width:1200px) {
  .dayLabel {
    font-size:0.7em;
  }
}

@media screen and (max-width:1150px) {
  .dayLabel {
    font-size:0.6em;
  }
}

@media screen and (max-width:1050px) {
  .dayLabel {
    font-size:0.5em;
  }
}

@media screen and (max-width:900px) {
  .dayLabel {
    font-size:0.4em;
  }
}

@media screen and (max-width:1200px) {
  .dayLabel {
    font-size:0.8em;
  }
}