.AvailabilityGrid {
  background-color: rgb(246, 242, 243) !important;
  color: rgba(255, 255, 255, 0.788) !important;
}

.AvailabilityGrid h1,
.AvailabilityGrid .scroll-indicator,
.select-date-container {
  color: rgb(34, 34, 34) !important;
}

.AvailabilityGrid .back-btn {
  border: 1px solid rgba(0, 0, 0, 0.541);
  color: white !important;
  background-color: rgb(102, 102, 102) !important;
}

.AvailabilityGrid table,
.AvailabilityGrid thead {
  background-color: unset !important;
}

.AvailabilityGrid .availability-block {
  color: rgb(31, 185, 31) !important;
}

.AvailabilityGrid .unit-cat td {
  background-color: rgb(102, 102, 102) !important;
  font-weight: 400 !important;
}

.AvailabilityGrid .collapse-box-row {
  background-color: rgb(102, 102, 102) !important;
  font-weight: 400;
}

.AvailabilityGrid .collapse-box-row td {
  color: white !important;
}

.AvailabilityGrid .MuiCircularProgress-root {
  color: rgb(27, 27, 27) !important;
}

.AvailabilityGrid .loadingText {
  color: rgb(27, 27, 27) !important;
}