.disabled {
    opacity: .5;
    pointer-events: none;
    cursor: not-allowed;
}
.customer-bookings-tiles {
    position: relative;
    transition: all 0.2s;
    overflow-y: hidden;
    overflow-x: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    scrollbar-width: thin; /* text-align: center; */
    display: block;
    padding: initial;
}
.customer-bookings-tiles .customer-booking{
    display: inline-block;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}
.latepoint-btn {
    border-radius: 5px;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline {
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid var(--e-global-color-text);
}
.dp-timebox.selected{
    color: #000;
    background-color: var(--e-global-color-secondary);
    border: 1px solid var(--e-global-color-secondary);
}
.dp-timebox.selected:after{
    background-color: var(--e-global-color-primary);
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-outline {
    background-color: transparent;
    border-radius: 5px;
    color: var(--e-global-color-secondary);
    border: 1px solid var(--e-global-color-secondary);
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-outline:hover {
    border: 1px solid var(--e-global-color-primary);
    color: var(--e-global-color-primary);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline {
    color: var(--e-global-color-text);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:hover,
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:hover i,
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:hover span {
    color: var(--e-global-color-secondary);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:focus,
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:hover {
    border: 1px solid var(--e-global-color-secondary);
}
.latepoint-btn.latepoint-btn-primary,
.latepoint-resources-items-w .resource-item .latepoint-btn-primary {
    background-color: var(--e-global-color-primary);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover,
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link:focus,
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover i,
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover span,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .step-contact-logged-in-header-w a:hover,
.os-password-reset-form-w .password-reset-back-to-login:hover {
    color: var(--e-global-color-secondary);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link span {
    border-bottom: none;
}
.customer-dashboard-tabs a:focus,
.customer-dashboard-tabs a:hover,
.customer-dashboard-tabs a.active {
    color: var(--e-global-color-primary);
}
.customer-dashboard-tabs a:after {
    background-color: var(--e-global-color-primary);
}
.customer-bookings-tiles .customer-booking-info .booking-info-value.status-approved,
.customer-bookings-tiles .customer-booking-info .booking-info-value.status-cancelled{
    padding-bottom: 4px;
    border-radius: 5px;
}
.customer-bookings-tiles .customer-booking-info .booking-info-value.status-approved {
    color: #000;
    background-color: var(--e-global-color-secondary);
}
.customer-bookings-tiles .customer-booking-info .booking-info-value.status-cancelled{
    color: var(--e-global-color-text);
    background-color: var(--e-global-color-primary);
}
.customer-bookings-tiles .customer-booking-service-color {
    background-color: #999;
}
.load-booking-summary-btn-w {
    border-top: none;
}
.latepoint-booking-form-element .os-step-existing-customer-login-w .step-login-existing-customer-btn {
    padding: 8px 20px;
    font-size: 14px;
    position: relative;
    font-weight: normal;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-booking-form-element {
    background-color: initial;
}
.latepoint-w,
.latepoint-w .latepoint-booking-form-element .latepoint-step-content {
    color: #999;
}
.latepoint-w .os-form-w,
.latepoint-resources-items-w .resource-item,
.customer-bookings-tiles .customer-booking {
    background-color: #242424;
}
.latepoint-login-form-w h4,
.latepoint-resources-items-w .resource-item .ri-name h3,
.customer-bookings-tiles h6.customer-booking-service-name {
    color: var(--e-global-color-primary);
    font-size: 18px;
}
.latepoint-resources-items-w .resource-item .ri-price {
    color: var(--e-global-color-secondary);
}
.latepoint-resources-items-w .resource-item .ri-description {
    color: var(--e-global-color-text);
    font-size: 16px;
    font-weight: var(--e-global-typography-text-font-weight);
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w,
.latepoint-w .latepoint-summary-w .summary-header, .latepoint-w .latepoint-summary-w .summary-header span {
    background-color: black;
}
[data-step-name='confirmation'] {
    font-family: 'Roboto', sans-serif;
}
.latepoint-lightbox-w.front-lightbox .latepoint-lightbox-i {
    padding: initial;
}
[data-step-name='confirmation'] {
    padding: 30px 20px;
    overflow: auto;
    min-height: 492px;
}
[data-step-name='confirmation'],
.latepoint-lightbox-w.front-lightbox .latepoint-lightbox-i,
.latepoint-w .latepoint-summary-w,
.latepoint-w .latepoint-summary-w .price-breakdown-w,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w form,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-side-panel {
    background-color: #1d2327;
}
.dp-timeslot {
    box-shadow: inset 1px 0 0 0 #1d2327, inset -1px 0 0 0 #1d2327;
}
.latepoint-w .latepoint-summary-w:after {
    display: none;
}
.latepoint-w .latepoint-booking-form-element.is-final-step .latepoint-form-w .latepoint-body {
    padding: 40px 0 0;
}
.latepoint-btn.latepoint-btn-primary,
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link,
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link i,
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link span,
.os-password-reset-form-w .password-reset-back-to-login,
.confirmation-head-info .confirmation-number strong,
.customer-dashboard-tabs a,
.customer-bookings-tiles .customer-booking-info .booking-info-value,
.price-breakdown-w .pb-heading,
.latepoint-booking-form-element .step-confirmation-w .confirmation-number p strong,
.latepoint-booking-form-element .step-confirmation-w .confirmation-number strong,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .step-contact-logged-in-header-w a,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black h1,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black h2,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black h3,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black h4,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black h5,
.latepoint-w .latepoint-summary-w .summary-header span,
.latepoint-lightbox-w.front-lightbox .latepoint-lightbox-i .latepoint-lightbox-close,
.latepoint-lightbox-w.front-lightbox .latepoint-lightbox-i .latepoint-lightbox-close:hover,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
    /*color: var(--e-global-color-text);*/
    color: #ffffff;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4,
.summary-box .sbc-big-item {
    color: var(--e-global-color-primary);
}
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .times-header span,
.summary-box-heading .sbh-item,
.latepoint-w .latepoint-summary-w .price-breakdown-w .pb-heading,
.summary-price-item-w .spi-price {
    color: var(--e-global-color-secondary);
}
.times-header,
.dp-timeslot .dp-tick strong,
.summary-box .sbc-main-item,
.summary-box-heading .sbh-item,
.summary-price-item-w .spi-name {
    color: var(--e-global-color-text);
}
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-monthly-calendar-days .os-day.selected:not(.os-not-available) .os-day-box {
    background-color: var(--e-global-color-primary);
}
.latepoint-w .latepoint-summary-w .summary-box.main-box,
.latepoint-w .latepoint-summary-w .price-breakdown-w .pb-heading,
.latepoint-booking-form-element .step-contact-logged-in-header-w {
    border-bottom: 1px solid #333;
}
.summary-price-item-w.spi-total {
    border-top: 1px solid #333;
}
.price-breakdown-w {
    border-top: none;
    margin-top: 0;
}
.summary-box-heading .sbh-line {
    background-color: #333;
}
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .step-contact-logged-in-header-w div:before {
    background-color: var(--e-global-color-primary);
}
.latepoint-w .latepoint-summary-w .price-breakdown-w {
    border-top: none;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-form-w {
    border-right: none;
}
.latepoint-w .latepoint-summary-w .summary-header {
    border-bottom: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendies-w .select-total-attendies-label .sta-sub-label,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn,
.latepoint-btn.latepoint-btn-white,
.latepoint-booking-form-element .step-contact-logged-in-header-w div {
    /*color: var(--e-global-color-text);*/
    color: #ffffff;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn,
.latepoint-btn.latepoint-btn-white {
    background-color: var(--e-global-color-primary);
}
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .dp-timeslot.selected {
    background-color: var(--e-global-color-secondary);
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i {
    background: transparent;
    border: none;
    border-radius: 4px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar .os-avatar {
    border-radius: 4px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w .os-item-name,
.summary-box .sbc-highlighted-item,
.os-current-month-label-w .os-current-month-label,
.os-current-month-label-w .os-month-prev-btn,
.os-current-month-label-w .os-month-next-btn {
    color: var(--e-global-color-text);
}
.os-current-month-label-w .os-month-prev-btn:hover,
.os-current-month-label-w .os-month-next-btn:hover {
    color: var(--e-global-color-secondary);
}
.os-current-month-label-w .os-month-prev-btn.disabled, .os-current-month-label-w .os-month-next-btn.disabled {
    color: transparent;
}
.os-weekdays .weekday.weekday-6,
.os-weekdays .weekday.weekday-7,
.os-monthly-calendar-days .os-day.week-day-6,
.os-monthly-calendar-days .os-day.week-day-7 {
    background-color: transparent;
}
.os-monthly-calendar-days .os-day .os-day-box {
    border-radius: 4px;
}
.os-monthly-calendar-days .os-day.os-day-current.os-not-available {
    opacity: .5;
    cursor: not-allowed;
}
.os-monthly-calendar-days .os-day.os-month-next .os-day-box, .os-monthly-calendar-days .os-day.os-month-prev .os-day-box {
    opacity: 1;
}
.latepoint-w .os-form-group.os-form-select-group .os-form-control,
.latepoint-w .os-form-group.os-form-select-group input.os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group .os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control {
    background-color: transparent;
    border-radius: 4px;
    color: var(--e-global-color-text);
}
.latepoint-w .os-form-group.os-form-select-group .os-form-control:focus,
.latepoint-w .os-form-group.os-form-select-group input.os-form-control:focus,
.latepoint-w .os-form-group.os-form-textfield-group .os-form-control:focus,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control:focus {
    border-color: var(--e-global-color-secondary);
}
.order-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background-color: #1d2327;
    display: flex;
    justify-content: space-between;
}
.latepoint-lightbox-w.front-lightbox .latepoint-lightbox-i {
    max-height: 100vh;
    overflow: initial;
}
.print-booking-btn i,
.ical-download-btn i {
    font-size: 15px;
    color: var(--e-global-color-text);
}
.customer-dashboard-booking-summary-lightbox .ical-download-btn,
.latepoint-booking-form-element .step-confirmation-w .ical-download-btn,
.customer-dashboard-booking-summary-lightbox .print-booking-btn,
.latepoint-booking-form-element .step-confirmation-w .print-booking-btn {
    border: none initial;
    color: var(--e-global-color-text);
    background-color: var(--e-global-color-primary);
    padding: 8px 14px;
    font-size: 12px;
}
.customer-dashboard-booking-summary-lightbox .print-booking-btn,
.latepoint-booking-form-element .step-confirmation-w .print-booking-btn {
    float: right;
    margin-left: auto;
}
.customer-dashboard-booking-summary-lightbox .ical-download-btn,
.latepoint-booking-form-element .step-confirmation-w .ical-download-btn {
}
.latepoint-print-confirmation-w .confirmation-number strong {
    color: var(--e-global-color-text);
}
.latepoint-w .latepoint-summary-w .summary-header .latepoint-lightbox-summary-trigger {
    background-color: #000;
    color: #fff;
}
.latepoint-booking-form-element .os-step-tabs,
.latepoint-booking-form-element .os-step-tabs .os-step-tab.active {
    /*color: var(--e-global-color-text);*/
    color: #ffffff;
}
.latepoint-booking-form-element .os-step-tabs .os-step-tab:hover {
    color: #D79F12;
}
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-step-tabs .os-step-tab:before {
    background-color: var(--e-global-color-primary);
}
.confirmation-head-info .confirmation-number {
    color: #8e97b3;
}
@media (max-width: 600px) {
    .latepoint-w .customer-dashboard-tabs a {
        border-bottom: none;
    }
    .latepoint-w .customer-dashboard-tabs a.active:after {
        display: none;
    }
    .order-footer {
        flex-direction: column;
    }
    .latepoint-w .customer-bookings-tiles .customer-booking {
        margin: 20px 20px 20px 0;
    }
    .customer-dashboard-booking-summary-lightbox .print-booking-btn,
    .latepoint-booking-form-element .step-confirmation-w .print-booking-btn {
        margin-left: initial;
    }
}