.availabilty-dialog {
  width: 100%;
  max-width: var(--max-content-width);
}

.availabilty-dialog md-select,
.availabilty-dialog md-dialog-actions {
  margin: 0;
  padding: 0;
}

.availabilty-dialog input[type="time"],
.availabilty-dialog input[mdc-datetime-picker] {
  cursor: pointer;
}

.availabilty-dialog .error-wrapper {
  display: flex;
  flex-direction: column;
}

.availabilty-dialog .error-wrapper > span {
  color: rgba(var(--error-color));
}

.availabilty-dialog .section-wrapper {
  padding: 8px;
}

.availabilty-dialog .section-wrapper .section-title {
  display: flex;
  flex-direction: row;
  flex: 1 0 45px;
  outline: none;
  box-sizing: border-box;
}

.availabilty-dialog .section-wrapper .section-sub-title {
  display: flex;
  flex-direction: row;
  outline: none;
  box-sizing: border-box;
  font-size: 10pt;
  padding: 8px;
}

.availabilty-dialog .section-wrapper .section-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-grow: 1;
}

.availabilty-dialog .section-wrapper .section-content .weekday-button-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.availabilty-dialog .section-wrapper .section-content .section-toggle-wrapper, .availabilty-dialog .section-wrapper .section-content .section-md-select-wrapper {
  padding: 0 8px;
}

.availabilty-dialog .section-wrapper .section-content .working-hours-title {
  padding: 8px;
}

.availabilty-dialog .section-wrapper .section-content .working-hours-selection {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.availabilty-dialog .section-wrapper .section-content .availability-selection {
  display: flex;
  flex-direction: column;
}