.travel-booking-calendar-view-block {
    position: relative;
    font-family: Arial, sans-serif;
}

.travel-booking-calendar-view-block .content-wrapper {
    width: 100%;
    word-break: normal;
    display: flex;
    flex-direction: column;
}

.travel-booking-calendar-view-block .month-title {
    text-align: center;
}

.travel-booking-calendar-view-block .back-button {
    font-size: 1.5rem;
    line-height: 1;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.travel-booking-calendar-view-block .body {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
}

.travel-booking-calendar-view-block .table td,
.travel-booking-calendar-view-block .table th {
    padding: .25rem;
}

.travel-booking-calendar-view-block .table tr.week-numbers td:not(:first-child) {
    text-align: center;
    border-left: 1px solid #000000;
}

.travel-booking-calendar-view-block .stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}

.travel-booking-calendar-view-block .card {
    margin-top: 1.5rem;
}

@media (min-width: 1200px) {
    .travel-booking-calendar-view-block .body {
        flex-direction: row-reverse;
    }
}

@media (min-width: 1200px) {
    .travel-booking-calendar-view-block .body {
        overflow: auto;
    }
}

.travel-booking-calendar-view-block .calendar-view  {
    --primary-background-color: var(--white);
    --secondary-background-color: var(--light);
    --unavailable-primary-color: #cccccc;
    --unavailable-secondary-color: #bfbfbf;
    --available-primary-color: var(--success);
    --available-secondary-color: var(--success);
    --booked-color: var(--danger);
    --booked-focused-color: var(--danger);
    --blocked-color: #8c8c8c;
    --blocked-focused-color: #737373;
    --selected-color: #5d8cb9;
    --selected-focused-color: #4574a1;
    --separator-color: #000000;
    overflow: auto;
    position: relative;
    width: 100%;
}

.travel-booking-calendar-view-block .calendar-view table {
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 10rem !important;
}

/*.travel-booking-calendar-view-block .calendar-view thead {
    position: sticky;
    top: 0;
    background-color: var(--primary-background-color);
    z-index: 3;
}*/

.travel-booking-calendar-view-block .calendar-view thead th {
    border-bottom: none;
}

/*.travel-booking-calendar-view-block .calendar-view .months span.month-title {
    position: sticky;
    left: .75rem;
}*/

@media (min-width: 1200px) {
    .travel-booking-calendar-view-block .calendar-view .months span.month-title {
        left: calc(var(--product-column-width) + 2.25rem);
    }
}

.travel-booking-calendar-view-block .calendar-view :is(th, td) {
    white-space: nowrap;
}

.travel-booking-calendar-view-block .calendar-view .title-row th:first-child span,
.travel-booking-calendar-view-block .calendar-view tr.months {
    position: sticky;
    left: .75rem;
    white-space: nowrap;
    overflow: hidden;
}

.travel-booking-calendar-view-block .calendar-view :is(thead, .bookings-row) :is(th, td):first-child {
    position: sticky;
    left: 0;
    background-color: var(--primary-background-color);;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 10vw;
}

.travel-booking-calendar-view-block .calendar-view thead :is(th, td):first-child {
    z-index: 3;
}

.travel-booking-calendar-view-block .calendar-view .bookings-row :is(th, td):first-child {
    z-index: 2;
}

.travel-booking-calendar-view-block .calendar-view tbody tr:nth-child(odd),
.travel-booking-calendar-view-block .calendar-view tbody tr:nth-child(odd) th {
    --base-color: var(--primary-background-color);
    background-color: var(--base-color);
}

.travel-booking-calendar-view-block .calendar-view tbody tr:nth-child(even),
.travel-booking-calendar-view-block .calendar-view tbody tr:nth-child(even) th {
    --base-color: var(--secondary-background-color);
    background-color: var(--base-color);
}

.travel-booking-calendar-view-block .calendar-view tbody td {
    position: relative;
    min-width: 1.5rem;
    max-width: 1.5rem;
    text-align: center;
    background-color: var(--base-color);
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody tr:not(.activity) td span {
    left: 5px;
    width: calc(var(--duration) * 3em - 10px);
    position: absolute;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #ffffff;
    z-index: 1;
    pointer-oddts: none;
    text-align: center;
}

.travel-booking-calendar-view-block .calendar-view tbody tr.night-reservation-product:not(.activity) td span {
    left: calc(2em + 5px);
    width: calc(var(--duration) * 3em - 4em - 10px);
}

.travel-booking-calendar-view-block .calendar-view tbody tr.activity td span {
    font-size: 1rem;
    top: 0;
    left: 0;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: absolute;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #ffffff;
    text-align: center;
    border-radius: 50%;
    background-color: var(--booked-color);
    padding: 10px;
    margin: 5px;
    line-height: 100%;
    pointer-oddts: none;
}

.travel-booking-calendar-view-block .calendar-view tbody tr.activity td span.activity-booking-info {
    display: none;
}

.travel-booking-calendar-view-block .calendar-view tbody tr.no-reservation-product:nth-child(odd),
.travel-booking-calendar-view-block .calendar-view tbody tr:nth-child(odd) td.unavailable {
    --base-color: var(--unavailable-primary-color);
    color: var(--white);
}

.travel-booking-calendar-view-block .calendar-view tbody tr.no-reservation-product:nth-child(even),
.travel-booking-calendar-view-block .calendar-view tbody tr:nth-child(even) td.unavailable {
    --base-color: var(--unavailable-secondary-color);
}

.travel-booking-calendar-view-block .calendar-view tbody tr:nth-child(odd) td.available {
    --base-color: var(--available-primary-color);
    color: var(--white);
}

.travel-booking-calendar-view-block .calendar-view tbody tr:nth-child(even) td.available {
    --base-color: var(--available-secondary-color);
    color: var(--white);
}

.travel-booking-calendar-view-block .calendar-view tbody tr td.available {
    cursor: pointer;
}

.travel-booking-calendar-view-block .calendar-view tbody td.booked {
    background-color: var(--booked-color);
    /*border-top-color: var(--separator-color);
    border-bottom-color: var(--separator-color);*/
    border-left-color: var(--booked-color);
    border-right-color: var(--booked-color);
    color: var(--white);
}

.travel-booking-calendar-view-block .calendar-view tbody td.booked span {
    background-color: var(--booked-color);
}

.travel-booking-calendar-view-block .calendar-view tbody td.booked.focused {
    background-color: var(--booked-focused-color);
    border-left-color: var(--booked-focused-color);
    border-right-color: var(--booked-focused-color);
}

.travel-booking-calendar-view-block .calendar-view tbody td.booked.focused span {
    background-color: var(--booked-focused-color);
}

.travel-booking-calendar-view-block .calendar-view tbody td.blocked {
    background-color: var(--blocked-color);
    border-top-color: var(--separator-color);
    border-bottom-color: var(--separator-color);
    border-left-color: var(--blocked-color);
    border-right-color: var(--blocked-color);
}

.travel-booking-calendar-view-block .calendar-view tbody td.blocked.focused {
    background-color: var(--blocked-focused-color);
    border-left-color: var(--blocked-focused-color);
    border-right-color: var(--blocked-focused-color);
}

.travel-booking-calendar-view-block .calendar-view tbody td.selected {
    background-color: var(--selected-color);
    border-top-color: var(--separator-color);
    border-bottom-color: var(--separator-color);
    border-left-color: var(--selected-color);
    border-right-color: var(--selected-color);
}

.travel-booking-calendar-view-block .calendar-view tbody td.selected.focused {
    background-color: var(--selected-focused-color);
    border-left-color: var(--selected-focused-color);
    border-right-color: var(--selected-focused-color);
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-in {
    background: linear-gradient(to bottom right, var(--available-secondary-color) calc(50% - 1px), var(--separator-color), var(--unavailable-secondary-color) calc(50% + 1px));
    background-clip: padding-box;
    border-bottom-color: var(--separator-color);
    border-right-color: var(--unavailable-secondary-color);
    cursor: pointer;
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-in span {
    background-color: var(--booked-color);
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-in.focus-start {
    background: linear-gradient(to bottom right, var(--base-color) calc(50% - 1px), var(--separator-color), var(--booked-focused-color) calc(50% + 1px));
    background-clip: padding-box;
    border-right-color: var(--booked-focused-color);
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-in.focus-start span {
    background-color: var(--booked-focused-color);
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-out {
    background: linear-gradient(to bottom right, var(--unavailable-secondary-color) calc(50% - 1px), var(--separator-color), var(--available-secondary-color) calc(50% + 1px));
    background-clip: padding-box;
    border-top-color: var(--separator-color);
    border-left-color: var(--available-secondary-color);
    cursor: pointer;
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-out.focus-end {
    background: linear-gradient(to bottom right, var(--booked-focused-color) calc(50% - 1px), var(--separator-color), var(--base-color) calc(50% + 1px));
    background-clip: padding-box;
    border-left-color: var(--booked-focused-color);
}

.travel-booking-calendar-view-block .calendar-view tbody td.block-start {
    background: linear-gradient(to bottom right, var(--base-color) calc(50% - 1px), var(--separator-color), var(--blocked-color) calc(50% + 1px));
    background-clip: padding-box;
    border-bottom-color: var(--separator-color);
    border-right-color: var(--blocked-color);
}

.travel-booking-calendar-view-block .calendar-view tbody td.block-start.focus-start {
    background: linear-gradient(to bottom right, var(--base-color) calc(50% - 1px), var(--separator-color), var(--blocked-focused-color) calc(50% + 1px));
    background-clip: padding-box;
    border-right-color: var(--blocked-focused-color);
}

.travel-booking-calendar-view-block .calendar-view tbody td.block-end {
    background: linear-gradient(to bottom right, var(--blocked-color) calc(50% - 1px), var(--separator-color), var(--base-color) calc(50% + 1px));
    background-clip: padding-box;
    border-top-color: var(--separator-color);
    border-left-color: var(--blocked-color);
}

.travel-booking-calendar-view-block .calendar-view tbody td.block-end.focus-end {
    background: linear-gradient(to bottom right, var(--blocked-focused-color) calc(50% - 1px), var(--separator-color), var(--base-color) calc(50% + 1px));
    background-clip: padding-box;
    border-left-color: var(--blocked-focused-color);
}

.travel-booking-calendar-view-block .calendar-view tbody td.select-start {
    background: linear-gradient(to bottom right, var(--base-color) calc(50% - 1px), var(--separator-color), var(--selected-color) calc(50% + 1px));
    border-bottom-color: var(--separator-color);
    border-right-color:  var(--selected-color);
}

.travel-booking-calendar-view-block .calendar-view tbody td.select-start.focus-start {
    background: linear-gradient(to bottom right, var(--base-color) calc(50% - 1px), var(--separator-color), var(--selected-focused-color) calc(50% + 1px));
    border-right-color: var(--selected-focused-color);
}

.travel-booking-calendar-view-block .calendar-view tbody td.select-end {
    background: linear-gradient(to bottom right, var(--selected-color) calc(50% - 1px), var(--separator-color), var(--base-color) calc(50% + 1px));
    border-top-color: var(--separator-color);
    border-left-color: var(--selected-color);
}

.travel-booking-calendar-view-block .calendar-view tbody td.select-end.focus-end {
    background: linear-gradient(to bottom right, var(--selected-focused-color) calc(50% - 1px), var(--separator-color), var(--base-color) calc(50% + 1px));
    border-left-color: var(--selected-focused-color);
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-in.check-out {
    background: linear-gradient(to bottom right, var(--booked-color) calc(50% - 1px), var(--separator-color), var(--booked-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-in.check-out.focus-start {
    background: linear-gradient(to bottom right, var(--booked-color) calc(50% - 1px), var(--separator-color), var(--booked-focused-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-in.check-out.focus-end {
    background: linear-gradient(to bottom right, var(--booked-focused-color) calc(50% - 1px), var(--separator-color), var(--booked-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.block-start.block-end {
    background: linear-gradient(to bottom right, var(--blocked-color) calc(50% - 1px), var(--separator-color), var(--blocked-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.block-start.block-end.focus-start {
    background: linear-gradient(to bottom right, var(--blocked-color) calc(50% - 1px), var(--separator-color), var(--blocked-focused-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.block-start.block-end.focus-end {
    background: linear-gradient(to bottom right, var(--blocked-focused-color) calc(50% - 1px), var(--separator-color), var(--blocked-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.select-start.select-end {
    background: linear-gradient(to bottom right, var(--selected-color) calc(50% - 1px), var(--separator-color), var(--selected-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.select-start.select-end.focus-start {
    background: linear-gradient(to bottom right, var(--selected-color) calc(50% - 1px), var(--separator-color), var(--selected-focused-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.select-start.select-end.focus-end {
    background: linear-gradient(to bottom right, var(--selected-focused-color) calc(50% - 1px), var(--separator-color), var(--selected-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-in.block-end {
    background: linear-gradient(to bottom right, var(--blocked-color) calc(50% - 1px), var(--separator-color), var(--booked-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-in.block-end.focus-start {
    background: linear-gradient(to bottom right, var(--blocked-color) calc(50% - 1px), var(--separator-color), var(--booked-focused-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-in.block-end.focus-end {
    background: linear-gradient(to bottom right, var(--blocked-focused-color) calc(50% - 1px), var(--separator-color), var(--booked-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-out.block-start {
    background: linear-gradient(to bottom right, var(--booked-color) calc(50% - 1px), var(--separator-color), var(--blocked-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-out.block-start.focus-start {
    background: linear-gradient(to bottom right, var(--booked-color) calc(50% - 1px), var(--separator-color), var(--blocked-focused-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-out.block-start.focus-end {
    background: linear-gradient(to bottom right, var(--booked-focused-color) calc(50% - 1px), var(--separator-color), var(--blocked-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-out.select-start {
    background: linear-gradient(to bottom right, var(--booked-color) calc(50% - 1px), var(--separator-color), var(--selected-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-out.select-start.focus-start {
    background: linear-gradient(to bottom right, var(--booked-color) calc(50% - 1px), var(--separator-color), var(--selected-focused-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-out.select-start.focus-end {
    background: linear-gradient(to bottom right, var(--booked-focused-color) calc(50% - 1px), var(--separator-color), var(--selected-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-in.select-end {
    background: linear-gradient(to bottom right, var(--selected-color) calc(50% - 1px), var(--separator-color), var(--booked-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-in.select-end.focus-start {
    background: linear-gradient(to bottom right, var(--selected-color) calc(50% - 1px), var(--separator-color), var(--booked-focused-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-in.select-end.focus-end {
    background: linear-gradient(to bottom right, var(--selected-focused-color) calc(50% - 1px), var(--separator-color), var(--booked-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-out.select-start {
    background: linear-gradient(to bottom right, var(--booked-color) calc(50% - 1px), var(--separator-color), var(--selected-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-out.select-start.focus-start {
    background: linear-gradient(to bottom right, var(--booked-color) calc(50% - 1px), var(--separator-color), var(--selected-focused-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.check-out.select-start.focus-end {
    background: linear-gradient(to bottom right, var(--booked-focused-color) calc(50% - 1px), var(--separator-color), var(--selected-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.block-start.select-end {
    background: linear-gradient(to bottom right, var(--selected-color) calc(50% - 1px), var(--separator-color), var(--blocked-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.block-start.select-end.focus-start {
    background: linear-gradient(to bottom right, var(--selected-color) calc(50% - 1px), var(--separator-color), var(--blocked-focused-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.block-start.select-end.focus-end {
    background: linear-gradient(to bottom right, var(--selected-focused-color) calc(50% - 1px), var(--separator-color), var(--blocked-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.block-end.select-start {
    background: linear-gradient(to bottom right, var(--blocked-color) calc(50% - 1px), var(--separator-color), var(--selected-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.block-end.select-start.focus-start {
    background: linear-gradient(to bottom right, var(--blocked-color) calc(50% - 1px), var(--separator-color), var(--selected-focused-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.block-end.select-start.focus-end {
    background: linear-gradient(to bottom right, var(--blocked-focused-color) calc(50% - 1px), var(--separator-color), var(--selected-color) calc(50% + 1px));
    background-clip: padding-box;
}

.travel-booking-calendar-view-block .calendar-view tbody td.separate-left {
    border-left: solid 1px var(--separator-color) !important;
}

.travel-booking-calendar-view-block .calendar-view tbody td.separate-right {
    border-right: solid 1px var(--separator-color) !important;
}

.travel-booking-calendar-view-block .calendar-view .info-popup {
    position: absolute;
    background-color: white;
    transform: translateX(-50%);
    z-index: 1;
    width: max-content;
    max-width: min(20rem, calc(100% - 200px));
}

.travel-booking-calendar-view-block .calendar-view .info-popup h2 {
    font-size: 1.2rem;
}

.travel-booking-calendar-view-block .calendar-view .info-popup ul {
    padding-left: 20px;
}

.travel-booking-calendar-view-block .calendar-view .info-popup .additional-info {
    max-height: 12rem;
    overflow: hidden;
}

.travel-booking-calendar-view-block .list-view {
    width: 100%;
    /* height: 100%; */
    overflow: auto;
}

.travel-booking-calendar-view-block .list-view .card-header-lower {
    background-color: #fff;
}

.travel-booking-calendar-view-block .list-view .groups {
    max-width: 40rem;
    margin: 0 auto;
    position: relative;
}

.travel-booking-calendar-view-block .list-view .group-title {
    position: sticky;
    top: 0;
    z-index: 1;
}

.travel-booking-calendar-view-block .list-view dl > div:not(:first-child) {
    border-top: solid 1px #e9ecef;
    padding-top: .5rem;
    margin-top: .5rem;
}

.travel-booking-calendar-view-block .list-view dt,
.travel-booking-calendar-view-block .list-view dd {
    line-height: normal;
    margin: 0;
}

.travel-booking-calendar-view-block .list-view ul {
    padding: 0;
    list-style: none;
}

.travel-booking-calendar-view-block .list-view div.no-results,
.travel-booking-calendar-view-block .calendar-view div.no-results {
    height: 250px;
    padding: 20px;
    font-style: italic;
}

.travel-booking-calendar-view-block .calendar-view td.clean-up-start.check-in {
    border-bottom: var(--not-cleaned-up-color) 2px solid;
    background: linear-gradient(to bottom right, var(--base-color) calc(50% - 2px), var(--not-cleaned-up-color), var(--booked-color) calc(50% + 2px));
}
.travel-booking-calendar-view-block .calendar-view tbody td.clean-up-start.check-in.focus-start {
    background: linear-gradient(to bottom right, var(--base-color) calc(50% - 1px), var(--not-cleaned-up-color), var(--booked-focused-color) calc(50% + 2px));
}
.travel-booking-calendar-view-block .calendar-view td.clean-up-end.check-out {
    border-top: var(--not-cleaned-up-color) 2px solid;
    background: linear-gradient(to bottom right, var(--booked-color) calc(50% - 2px), var(--not-cleaned-up-color), var(--base-color) calc(50% + 2px));
}
.travel-booking-calendar-view-block .calendar-view tbody td.clean-up-end.check-out.focus-end {
    background: linear-gradient(to bottom right, var(--booked-focused-color) calc(50% - 2px), var(--not-cleaned-up-color), var(--base-color) calc(50% + 2px));
}
.travel-booking-calendar-view-block .calendar-view td.clean-up.booked {
    border-top: var(--not-cleaned-up-color) 2px solid;
    border-bottom: var(--not-cleaned-up-color) 2px solid;
}
.travel-booking-calendar-view-block .calendar-view .clean-up-button.not-done i {
    color: var(--not-cleaned-up-color);
}
.travel-booking-calendar-view-block .calendar-view .clean-up-button.done i {
    color: var(--is-cleaned-up-color);
}

.travel-booking-calendar-view-block .list-view .js-clean-up span {
    display: inline-block;
    cursor: pointer;
}
.travel-booking-calendar-view-block .list-view .js-clean-up i {
    padding-right: 5px;
}
.travel-booking-calendar-view-block .list-view .js-clean-up .not-done i {
    color: var(--not-cleaned-up-color);
}
.travel-booking-calendar-view-block .list-view .js-clean-up .done i {
    color: var(--is-cleaned-up-color);
}

.travel-booking-calendar-view-block td.booking-status {
    cursor: pointer;
}

.travel-booking-calendar-view-block .booking-form .additional-services .remove-button {
    cursor: pointer;
}

.travel-booking-calendar-view-block details > summary {
    cursor: pointer;
}

.travel-booking-calendar-view-block .switch-accommodations-form .switch-divider .text {
    vertical-align: middle;
    padding-top: 0.5em;
    font-weight: bold;
    text-transform: uppercase;
}

.travel-booking-calendar-view-block .switch-accommodations-form .switch-divider .icon {
    vertical-align: middle;
    font-size: 2.5em;
}

.travel-booking-calendar-view-block .cancel-booking-modal .modal-footer {
    flex-direction: column;
    align-items: normal;
}

.travel-booking-calendar-view-block .refresh-button {
    margin-left: 15px;
}

.travel-booking-calendar-view-block .edit-activity-booking-modal .modal-body {
    padding: 0;
}

.travel-booking-calendar-view-block .edit-activity-booking-modal .modal-body table {
    width: 100%
}

.travel-booking-calendar-view-block .edit-activity-booking-modal .modal-body table td {
    max-width: initial;
}

@media screen and (max-width:1199px) {
    .travel-booking-calendar-view-block .table tr.week-numbers td:first-child {
        display: none;
    }
}

@media screen and (max-width:991px) {

    .travel-booking-calendar-view-block .calendar-view tbody td {
        font-size: 0.9rem;
    }

    .travel-booking-calendar-view-block .calendar-view .months {
        position: sticky;
        left: 0;
    }

}