main {
    margin-bottom: 92px;
}
.navbar-nav .nav-link.memberships {
    color: #00ff00 !important;
    text-decoration: underline;
}
h1 {
    font-family: "ABCDiatype-Heavy", sans-serif;
    color: #333333;
    font-size: 50px;
    line-height: 0.8;    
}
h1.success-heading {
    color: #3444EC;
}
.highlighted-msg {
    font-family: "ABCDiatype-Medium", sans-serif;
    color: #333333;
}
.details-container > h2 {
    font-family: "ABCDiatype-Medium", sans-serif;
    color: #333333;
    font-size: 40px;
    line-height: 1;
    max-width: 583px;
}
.overline {
    color: #3444EC;
    font-size: 14px;
    font-family: "ABCDiatype-Regular", sans-serif;
    max-width: 216px;
}
main ul li, .success-msg {
    font-family: "ABCDiatype-Regular", sans-serif;
    color: #333333;
}
.price {
    font-size: 24px;
    font-family: 'ABCDiatype-Medium', sans-serif;
    color: #333333;
}
.vat-msg {
    font-size: 10px;
    font-family: "ABCDiatype-Regular", sans-serif;
    color: #333333;
}
.agenda-btn {
    color: #FFFFFF;
    background: #3444EC;
    border-radius: 12px;
    font-family: "ABCDiatype-Regular", sans-serif;
    padding-left: 24px;
    padding-right: 24px;
}
.agenda-btn:hover {
    text-decoration: underline;
    color: #FFFFFF;
    background: #3444EC;
}
main ul {
    padding-left: 0;
    list-style-position: inside;
}
form .btn-container {
    margin-top: 40px;
}
form#inquiry-form .btn-container {
    text-align: left;
}
.agenda-btns-container {
    display: flex;
    flex-wrap: wrap;
}
.calendar-container {
    max-width: 375px;
    background: #FFFFFf;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px;
    margin-top: 32px;
}
p.subtitle {
    color: #3444EC;
    font-family: "ABCDiatype-Regular", sans-serif;
}
.accordion-item {
    border: 0 !important;
    background-color: #f2f2f2;
}

.accordion-button:not(.collapsed), .accordion-button {
    color: #000000;
}
.accordion-item:last-of-type, .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.accordion-item:last-of-type .accordion-button {
    background-color: #F2F2F2;
    font-family: "ABCDiatype-Medium", sans-serif;
    font-size: 18px;
    box-shadow: none;
    color: #3444EC;
}
.accordion-button:after {
    background-size: 16px;
}
.accordion-item:last-of-type .accordion-button, .accordion-body {
    padding-left: 0;
    padding-right: 0.55rem;
}
.accordion {
    background-color: #F2F2F2;
}
.calendar-container *, .calendar-container button {
    font-family: 'ABCDiatype-Regular', sans-serif;
}
.calendar-container .days-container {
    margin: 0;
    border-top: 1px solid #a09d9d;
}
.calendar-container .days-container .col-12 > .row:first-child *, .calendar-container .month-container{
    color: #a09d9d;
}
.calendar-container .col {
    max-width: 50px;
}
.calendar-container .col-12 .row .col {
    padding-bottom: 16px;
}
.calendar-container button {
    padding: 0 !important;
}
.col-lg-5.d-flex.flex-column.justify-content-center .details-container h1 {
    color: #3445ED;
    margin-bottom: 24px;
}
.col-lg-5.d-flex.flex-column.justify-content-center .details-container h3 {
    font-family: 'ABCDiatype-Medium', sans-serif;
    color: #000000;
}
.col-lg-5.d-flex.flex-column.justify-content-center .details-container h3 a {
    color: #3445ED;
}
@media only screen and (max-width: 420px) {
    .calendar-container {
        padding: 16px 0;
    }
    .calendar-container *, .calendar-container button {
        font-size: 12px;
    }
    .calendar-container .days-container:before, .calendar-container .days-container:after {
        content: "";
        display: block;
        width: 16px;
        position: absolute;
        top: -1px;
        background-color: #FFFFFF;
        height: 1px;
        z-index: 9;
    }
    .calendar-container .days-container:before {
        left: 0;
    }
    .calendar-container .days-container:after {
        right: 0;
    }
    .calendar-container .days-container {
        position: relative;
    }
}
@media only screen and (max-width: 1024px) {
    body main {
        margin-top: 148px;
    }
    .agenda-btns-container > div  {
        width: 100%;
    }
}
@media only screen and (min-width: 1025px) {
    .details-container {
        padding-left: 32px;
        max-width: 430px;
    }
    .agenda-btns-container > div {
        margin-right: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .col-lg-5.d-flex.flex-column.justify-content-center .details-container h1 {
        line-height: 1;
    }
}

/* CALENDAR */

.btn_available {
    border-color:transparent;
    color: #333333;
    padding: 1rem;
}

.btn_available:hover {
    border-color:#3444EC;
    color: #333333;
    padding: 1rem;
}
.btn_available:focus {
    background-color: #3444EC;
    color: #FFFFFF;
}
.btn_unavailable:disabled, .btn_holiday:disabled, .btn_current:disabled, .btn_disabled:disabled {
    color: #a09d9d;
    padding: 1rem;
    border-color: transparent;
}
.current_tooltip {
    --bs-tooltip-bg: green;
    --bs-tooltip-color: white;
    font-size: 20px;
}

.available_tooltip {
    --bs-tooltip-bg: green;
    --bs-tooltip-color: white;
    font-size: 20px;
}

.unavailable_tooltip {
    --bs-tooltip-bg: #dc3545;
    --bs-tooltip-color: white;
    font-size: 20px;
}

.holiday_tooltip {
    --bs-tooltip-bg: #dc3545;
    --bs-tooltip-color: white;
    font-size: 20px;
}

.btn_clean:disabled {
    border-color:#ffc107;
    background-color: #fff;
    color: #ffc107;
    padding: 1rem;
    font-weight: bold;
}

.clean_tooltip{
    --bs-tooltip-bg: #ffc107;
    --bs-tooltip-color: white;
    font-size: 20px;
}

.btn_same_booking:disabled {
    border-color:#ffc107;
    background-color: #ffc107;
    color: #fff;
    padding: 1rem;
    font-weight: bold;
}

.same_booking_tooltip{
    --bs-tooltip-bg: #ffc107;
    --bs-tooltip-color: white;
    font-size: 20px;
}

/* CALENDAR */

.ajax-loader {
    background: rgba(0, 0, 0, 0.6);
    cursor: wait;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: none;
}