.datePickerContainer {
  margin: 10px 0px;
  box-shadow: inset 0px 1.5px 0px 0px var(--shadowColor) !important;
}

.dateInfoContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}

.activeDateLabel {
  color: var(--textColor);
}

.dayItemContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.selectDayBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}

.datePickerTitleContainer {
  padding: 10px 0px 0px 0px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

.datePickerTitle {
  color: var(--secondaryTextColor);
}

.datePickerValueLabel {
  color: var(--primaryColor);
  font-size: 1.2rem;
  background-color: var(--backgroundMenuColor);
  width: 100%;
  text-align: center;
  cursor: pointer;
}

.selectDayBtn {
  height: auto;
}

.saveTimeBtn {
  color: var(--textColor);
  text-transform: uppercase;
}

.changeLabel {
  cursor: pointer;
  font-size: 0.8rem;
  text-decoration: underline;
  margin-left: 10px;
  text-align: right;
  color: var(--textDarkColor);
}

.formBookingContainer {
  padding-top: 20px;
}

.changeDateContainer {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.changeDateIcon {
  margin-left: 10px;
  color: var(--secondaryTextColor);
}

.actionFormContainer {
  padding: 15px 0px 10px 0px;
}