table {
  width: 100%;
  font-size: 16px;
  margin-top: 14px;
  margin-bottom: 14px;
  border-collapse: separate !important;
}

th {
  @apply text-wild-blue-yonder;
}

.cell {
  text-align: center;
  vertical-align: middle;
  width: 41px;
  height: 41px;
  cursor: pointer;
}

.cell-is-today {
  @apply border rounded-full border-dashed border-wild-blue-yonder;
  font-weight: 700;
}

.cell-not-in-range,
.cell-is-disabled-day-of-week {
  @apply text-wild-blue-yonder;
}

.cell-not-in-displayed-month {
  opacity: 0;
}

.cell-selected {
  @apply bg-wild-blue-yonder text-black;
  border-radius: 22px;
  font-weight: 700;
}
