table tr td{
  padding: 3px;
}
table tr th{
  text-align: left;
  padding: 5px 1px;
  font-size: 90%;
}

/* layout */
.container{
  width: 100%;
}

.course-detail{
  float: left;
  box-sizing: border-box;
  padding: 8px;
}

.course-detail p{
  padding: 0;
  margin: 0;
}

.course-detail label{
  width: 100%;
  display: block;
  vertical-align: middle;
}

#courseSchedule tr td{
  border-top: 2px solid #fff;
}

.u-size12of12, .u-size11of12, .u-size10of12, .u-size9of12, .u-size8of12, .u-size7of12, .u-size6of12, .u-size5of12, .u-size4of12, .u-size3of12, .u-size2of12, .u-size1of12{
  float: left;
}

@media screen and (min-width: 320px){
  .u-size4of12{width: 100%;}
  .u-size6of12{width: 100%;}
  .u-size12of12{width: 100%;}
}

@media screen and (min-width: 768px){
	.u-size12of12{width: 100%;}
	.u-size11of12{width: 91.66%;}
	.u-size10of12{width: 83.33%;}
	.u-size9of12{width: 75%;}
	.u-size8of12{width: 66.66%;}
	.u-size7of12{width: 58.33%;}
	.u-size6of12{width: 50%;}
	.u-size5of12{width: 41.66%;}
	.u-size4of12{width: 33.33%;}
	.u-size3of12{width: 25%;}
	.u-size2of12{width: 16.66%;}
	.u-size1of12{width: 8.33%;}
}

/* utility classes */
.example{
  font-size: 12px;
  padding-left: .5em;
}

.mini{
  font-size: 12px;
}
.heavy{
  font-weight: 900;
}

.noborders td, .noborders tr{
  border: 0 none;
}
table.nopaddingbottom tr td, .nopaddingbottom{
  padding-bottom: 0;
}

form input.center, .center{
  margin: 0 auto;
}

.button{
  width: 100px;
  display: block;
}

/* styles for color square legend */
#legend {
  font-family: 'PT Sans', 'Trebuchet MS', sans-serif;
  margin: 10px 0 20px 10px;
}

#legend-symbols-container {
  display: flex;
  flex-direction: row;
}

.legend-symbol-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 15px;
}

.legend-symbol-container p {
  margin: 0 0 0 5px;
}

.legend-symbol {
  height: 30px;
  width: 30px;
  border: 1px solid black;
}
  

@media screen and (max-width: 735px){
  #legend-symbols-container {
    flex-direction: column;
  }  

  .legend-symbol-container {
    margin-bottom: 10px;
    margin-right: 0px;
  }
}

/* end of legend for bwskjscd */

/* color coding for bwskjscd */
/*orange*/
.classroom, tr.classroom, tr.classroom td{
  background-color: #f7941d; 
  color: black;
}
/*green*/
.online, tr.online, tr.online td{
  background-color: #39b44a; 
  color: black;
}
/*blue*/
.ol, tr.ol, tr.ol td{
  background-color: #23A5CD; 
  color: black;
}
/*purple*/
.blended, tr.blended, tr.blended td{
  background-color: #C380DB; 
  color: black;
}
/*white*/
.independent, tr.independent, tr.independent td{
  background-color: #ffb3e6;
  color: black;
}

/*gold*/
.flex, tr.flex, tr.flex td {
  background-color: #ffcc00;
  color: black;
}

/* end of color coding for bwskjscd */