.tx-dr-belegungsplan {
  --fc-event-bg-color: transparent;
  --fc-event-border-color: transparent;
  --fc-today-bg-color: rgba(0,102,204, 0.1);
  /* canvas {
      max-width: 70%;
      margin-left: 15%;
  } */
}
.tx-dr-belegungsplan form.search {
  height: 40px;
  display: flex;
  align-items: center;
}
.tx-dr-belegungsplan form.search input {
  height: 100%;
  padding-left: 10px;
  border-width: 1px;
}
.tx-dr-belegungsplan form.search span {
  margin-left: 10px;
  margin-right: 10px;
}
.tx-dr-belegungsplan form.search button {
  margin-left: 20px;
  background-color: #0071BB;
  color: white;
  height: 100%;
  padding: 10px 20px;
  border: 0;
}
.tx-dr-belegungsplan input.invalid {
  border-color: darkred;
}
.tx-dr-belegungsplan input.invalid::placeholder {
  color: darkred;
}
.tx-dr-belegungsplan .event-label {
  text-align: center;
  margin-top: 5px;
  font-weight: 900;
  white-space: break-spaces;
}
.tx-dr-belegungsplan .event-label .rooms-available {
  font-size: 1rem;
}
.tx-dr-belegungsplan .event-label .closed {
  font-size: 0.625rem;
}
.tx-dr-belegungsplan .text-danger {
  color: darkred;
}
.tx-dr-belegungsplan .text-warning {
  color: #FF8C00;
}
.tx-dr-belegungsplan .text-success {
  color: #28a745;
}
.tx-dr-belegungsplan .fc-daygrid-day-events {
  margin-top: -10px;
}
.tx-dr-belegungsplan .belegungsplan-accordion {
  margin-top: 30px;
}
.tx-dr-belegungsplan .belegungsplan-accordion h3 {
  background-color: #bbb;
}
.tx-dr-belegungsplan .belegungsplan-accordion h3 i {
  font-size: 1.125rem;
  vertical-align: middle;
  margin-right: 10px;
}
.tx-dr-belegungsplan .hauesser {
  display: flex;
}
.tx-dr-belegungsplan .hauesser .haus-thumbnail {
  max-width: 100%;
  height: 150px;
  border-radius: 5px;
  object-fit: cover;
}
.tx-dr-belegungsplan .hauesser > div {
  width: 50%;
}
.tx-dr-belegungsplan .hauesser .ui-accordion .ui-accordion-content {
  padding: 0px;
}
.tx-dr-belegungsplan .hauesser .haus-wrapper-1 {
  margin-right: 5px;
}
.tx-dr-belegungsplan .hauesser .haus-wrapper-2 {
  margin-left: 5px;
}
.tx-dr-belegungsplan .hauesser .availability {
  font-size: 1.75rem;
  font-weight: bold;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #0071BB;
  color: white;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 10px;
  margin-top: 10px;
}
.tx-dr-belegungsplan .hauesser .availability i {
  float: right;
  margin-right: 20px;
}
.tx-dr-belegungsplan .hauesser .availability.non-available {
  cursor: initial;
  background-color: white;
  color: darkred;
  border: 1px solid darkred;
}
.tx-dr-belegungsplan .hauesser .availability.non-available i {
  display: none;
}
.tx-dr-belegungsplan .cancel-button {
  color: #0071BB;
  padding: 10px 20px;
  border: 1px solid #0071BB;
  cursor: pointer;
}

/*# sourceMappingURL=belegungsplan.css.map */