#cb-bookings-gantt-chart-wrapper {
  position: absolute;
  width: 600px;
  height: 150px;
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #666666;
}

.cb-bookings-gantt-chart-head {
  width: 100%;
  height: 20px;
  text-align: right;
}

.cb-bookings-gantt-chart-close {
  padding-right: 10px;
  font-size: 18px;
  line-height: 28px;
  cursor: pointer;
}

#cb-bookings-gantt-chart {
  width: 100%;
  height: calc(100% - 20px);

  --bar-status-bg-blocking: #ff0000; /* usage restriction */
  --bar-status-bg-confirmed: #ee7400;
  --bar-status-bg-overbooking: #004b7c;
  --bar-status-bg-blocked: #4c4c4c;
  --bar-status-bg-canceled: #aaaaaa;
  --bar-status-bg-aborted: #7fc600; /* late cancellation */
  --bar-status-bg-location_open: #ffffff;
  --bar-status-border-location_open: #7fc600;
  --bar-status-bg-location_closed: #aaaaaa;
  --bar-status-border-location_closed: #aaaaaa;
  --bar-status-bg-location_none: #aaaaaa;
  --bar-status-border-location_none: #aaaaaa;
}

.cb-bookings-gantt-chart-loading {
  position: absolute;
  height: 50px;
  width: 50px;
  line-height: 50px;
  font-size: 50px;
  display: block;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px;
}