@import 'variables';

table {
  width: 100%;
  font-size: 16px;
  margin-top: 14px;
  margin-bottom: 14px;
}

th {
  color: $datepicker-table-header-color;
}

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

.cell-is-today {
  border: 1px dashed $datepicker-selected-cell-bg-color;
  border-radius: 50%;
  font-weight: 700;
}

.cell-not-in-range,
.cell-is-disabled-day-of-week {
  color: $datepicker-cell-not-in-range-color;
}

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

.cell-selected {
  background-color: $datepicker-selected-cell-bg-color;
  border-radius: 22px;
  font-weight: 700;
}
