html {
    overflow-y: scroll;
}

div.content {
    text-align: justify;
}
h1 {
	font-family: arial;
}
h2 {
    font-family: arial;
}
h3 {
    font-family: arial;
}
h4 {
    font-family: arial;
}
h5 {
    font-family: arial;
}
div.sidenav {
	font-family: arial;
}

@media (min-height: 768px) {
    .wrap {
        min-height: calc(100vh - 61px);
    }
}
/*
<!-- CSS Code: Place this code in the document's head (between the 'head' tags) -->
*/
  table {
    border-collapse: collapse;
  }
  th, td {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: left;
  }
  tr:nth-child(even) {
    background-color: #fff;
  }
  tr:nth-child(odd) {
    background-color: #fff;
  } 
  
  
/***************************************************************/
/* william's code */  
  .scheduleTable td {
    border-style: solid;
    border-width: thin;
    border-color: #d3d3d3;
    padding: 5px;
  }
  
  #mapCanvas {
   background-color: #d3d3d3;
   height: 400px;
   width: 100%;
 }
 
 @media only screen and (max-width: 768px) {
     #mapCanvas {
         height: 300px;
     }
 }

#roomRatesTable td {
    padding: 0 10px;
    border: 1px solid #d3d3d3;
}
  
/* schedules table */
.scheduleTable .first {
    width: 25%;
}

.scheduleTable .second {
    width: 50%;
}

.scheduleTable .third {
    width: 25%;
}
/***************************************************************/