#rentals-timeframe {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.ui-datepicker .available a {
  background-color: rgb(200, 255, 200) !important;
}

.ui-datepicker .blocked a,
.ui-datepicker .blocked span,
.ui-datepicker .unavailable a,
.ui-datepicker .unavailable span {
  background-color: rgb(255, 200, 200) !important;
}

/* rentals overwrite PW - 21.07.2023 - #37888 */
html body .cs-rentalsContainer {
    margin-bottom: 2em;
}

html body .cs-rentalsContainer #rentals-timeframe {
    justify-content: flex-start;
    gap: 1em;
}

html body .cs-rentalsContainer #rentals-availability {
    margin-bottom: 8px;
    color: #9a9a9a;
}

html body .cs-rentalsContainer .rentals-hint-rentable {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 3px;
}

html body .cs-rentalsContainer #rentals-timeframe-order {
    color: #c94848;
    font-size: 13px;
}

#ui-datepicker-div .ui-state-disabled, #ui-datepicker-div .ui-widget-content .ui-state-disabled, #ui-datepicker-div .ui-widget-header .ui-state-disabled {
    opacity: 1;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
    background: #f2f2f2 !important;
    color: #111 !important;
    margin: 0 !important;
    padding: 1em !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#ui-datepicker-div.ui-widget.ui-widget-content {
    border: 1px solid #dadadd;
    padding: 0 !important;
    margin-top: 4px;
}

#ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default {
    text-align: center;
    padding: 5px;
}

#ui-datepicker-div.ui-datepicker #ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker .ui-datepicker-next {
    top: 14px;
}

#ui-datepicker-div.ui-datepicker table {
    margin: 0 !important;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev, #ui-datepicker-div.ui-datepicker .ui-datepicker-next {
    top: 14px;
    width: 2.8em;
}

#ui-datepicker-div.ui-datepicker .available a {
    background-color: #ffffff !important;
    color: #4f4f4f !important;
    border: 1px solid #dadadd !important;
}

#ui-datepicker-div.ui-datepicker .available a:hover {
    background-color: #76c979 !important;
    color: #ffffff !important;
}

#ui-datepicker-div.ui-datepicker .blocked a, #ui-datepicker-div.ui-datepicker .blocked span, #ui-datepicker-div.ui-datepicker .unavailable a, #ui-datepicker-div.ui-datepicker .unavailable span {
    border: 1px solid #c9382e !important;
    cursor: not-allowed !important;
    background-color: #F44336 !important;
    color: #fff !important;
}

#ui-datepicker-div .ui-state-disabled, #ui-datepicker-div .ui-widget-content .ui-state-disabled, #ui-datepicker-div .ui-widget-header .ui-state-disabled {
    cursor: not-allowed !important;
    pointer-events: bounding-box !important;
}