.gfas-appointment__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.gfas-appointment__slot {
  border: 1px solid #d1d5db;
  background: #fff;
  padding: 8px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-family: 'Open Sans';
}

.gfas-appointment__slot.is-selected {
  /* border-color: #111827; */
  /* font-weight: 600; */
  background: #007dc1;
  color: white;
}

.gfas-appointment__empty {
  padding: 8px 0;
  opacity: 0.8;
}


/* jQuery UI datepicker blackout styling */
.ui-datepicker td.gfas-blackout-date a,
.ui-datepicker td.gfas-blackout-date span {
  opacity: 0.35;
  pointer-events: none;
}

button.gfas-appointment__time {
    background: white;
    border: none;
    border-radius: 300px;
    line-height: 1;
    margin: 0.5em;
    padding: 1em;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 0.9em;
    opacity: .8;
	cursor: pointer;
}

button.gfas-appointment__time:hover {
	opacity: .9;
}

button.gfas-appointment__time.is-selected {
    opacity: 1;
}