h3 { font-size: 10pt; line-height: 15px; margin:1px; }
body,td { font-size: 8pt; font-family: arial; background: white;}
a { text-decoration: none; color: black;}
.weekend { background: #CCC; }
.dow { background: #666; color: white;}
form { margin: 0; }
.today {background: #afc6e4;}
.selectedDate {background: #ffc7c5;}
.unavailableDate { color: #BBB;}
td:hover {font-weight: bold;}

table.calendar a { display: block; padding: 3px; } 
table.calendar a:hover { background: black!important; color: white !important; }


#yearoutput table td a { display: block; }

    .unavailableDate { color: #BBB; padding: 3px; font-size: 7pt; }

@media (max-width: 600px) {
  table.calendar,
  table.calendar>tr,
  table.calendar>tbody>tr,
  table.calendar>tbody>tr>td ,
  table.calendar>tr>td
  {
    display: block;
    width: 100%;
  }
}

table.month td  {
  width : 14%;
}