/* 
 Main Calendar
*/

.calendar {
  margin-left:10px;
  margin-bottom:1.5em;
}

.monthName th {
  font-weight: normal;
  text-align: right;
  padding-top: 1em;
  padding-bottom: 0.7em;
}

.dayName th {
  font-size: 0.9em;
  padding-top: 0.6em;
  padding-bottom: 0.3em;
  background-color: #303030;
  color: white;
}

.otherMonth, .day, .day_with_event, .slot_with_event, .slot_free {
  padding: 0.7em 1em;
  border-right: 1px solid #444;

}
.day_with_event, .slot_with_event {
  border-right: 1px solid white;
}

.slot_with_event, .slot_free, .slot_with_booking {
  	height:1.5em;
	padding-top:0;
	padding-bottom:0;
}

.otherMonth {
  color: #eeeeee !important;
}
.weekend {
  background-color: #eeeeee;
}

.weekendDay, .bankHoliday {
	color: #d10a21;
}

.day, .day_with_event, .slot_with_event .slot_free {
  border-bottom: 1px solid #444;
}

.day_with_event {
  	background-color: #ff8000;
 	padding: 0;
	padding-left: 0.3em;
}

.slot_free a, .slot_free a:visited, .slot_free a:hover,
.day_with_event a, .day_with_event a:visited, .day_with_event a:hover,
.slot_with_event a, .slot_with_event a:visited, .slot_with_event a:hover {
  color: black;
  text-decoration: none;
  padding: 1em;
}
.day_with_event a:hover, .slot_with_event a:hover , .slot_free a:hover {
  color: white;
  background-color: black;
}

.slot_with_event {
  background-color: #d10a21;
}