/*
  Blanc Ceramic — SimplyBook Custom CSS
  Brand: Bisque White #FFFAF0 | Clay Brown #A4855D | Dark #3A2E1F | Sage #BCD0CE
*/

#events h3 {
  color: #3A2E1F;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: normal;
  font-style: italic;
}

#events p.duration, #events div.duration {
  color: #7A6857;
  font-size: 13px;
}

#events p.description, #events div.description {
  color: #7A6857;
  font-size: 13px;
  line-height: 1.6;
}

#events .selectedEvent {
  border-color: #A4855D !important;
  background-color: #F7EFE3 !important;
}

#events input.reserve_time_btn {
  background-color: #A4855D !important;
  color: #FFFAF0 !important;
  border: none !important;
  border-radius: 0 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 12px;
}

#events input.reserve_time_btn:hover {
  background-color: #8E6E48 !important;
}

#events input.select_another_btn {
  background-color: transparent !important;
  color: #A4855D !important;
  border: 1px solid #A4855D !important;
  border-radius: 0 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 12px;
}

#eventForm #start_date-block-container h3,
#eventForm #timeline-container h3 {
  color: #3A2E1F;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: normal;
}

#eventForm #save_button {
  background-color: #A4855D !important;
  color: #FFFAF0 !important;
  border: none !important;
  border-radius: 0 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

div.ui-widget-content {
  background: #FFFAF0;
  border-color: #DDD0BE;
  color: #3A2E1F;
}

div.ui-widget-header {
  background: #3A2E1F;
  color: #FFFAF0;
  border-color: #3A2E1F;
}

#timeline-container table.timeline {
  border-color: #DDD0BE;
}

.timeline td.not_worked_time {
  background-color: #F0EAE0 !important;
}

.timeline td.free_time {
  background-color: #BCD0CE !important;
  cursor: pointer;
}

.timeline td.selected_time {
  background-color: #A4855D !important;
  color: #FFFAF0 !important;
}

.timeline td.reserved_time {
  background-color: #D4C5B5 !important;
}

div#loading {
  background-color: #FFFAF0;
  color: #A4855D;
}