.latepoint-w .latepoint-booking-form-element {
width: 840px;
box-shadow: 0 8px 21px 0 rgba(0, 0, 0, 0.15) !important;
background: #fff;
border-radius: 26px;
overflow: hidden;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w {
width: 100%;
flex: 0 0 100%;
font-family: "Inter";
}
.step-confirmation-w .booking-summary-info-w,
.summary-box-booking-date-box,
.summary-box-wrapper .sbc-big-item,
.ss-confirmation-number,
.summary-box-heading .sbh-line,
.latepoint-booking-form-element .calendar-style-modern .os-day-status,
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left {
display: none;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn, .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn {
color: #219780;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:hover, 
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:hover {
color: #0048c4;
}
.latepoint-booking-form-element .os-current-month-label-w .os-current-month-label .current-year,
.latepoint-booking-form-element .os-current-month-label-w .os-current-month-label .current-month,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .os-heading-text {
font-size: 30px;
font-weight: 500;
color: #30465d;
font-family: "Inter";
}
.latepoint-booking-form-element .calendar-style-modern .os-weekdays .weekday {
background: none;
font-weight: 400;
font-size: 26px;
line-height: 120%;
color: #219780;
border: none;
text-align: center;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day {
border: none;
text-align: center;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-number {
width: 54px;
height: 54px;
border-radius: 54px;
display: inline-flex;
justify-content: center;
font-size: 26px;
align-items: center;
}
.latepoint-booking-form-element .calendar-style-modern .os-current-month-label-w {
padding-left: 33px;
padding-bottom: 28px;
padding-right: 40px;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day .os-day-box {
padding: 8px !important;
}
.latepoint-booking-form-element .calendar-style-modern .os-weekdays .weekday:first-child {
margin-left: 0;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
transform: scale(1);
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-box:hover .os-available-slots-tooltip {
display: none !important;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box,
.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-number:hover {
background: #0048c4;
color: #fff;
}
.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box {
border-radius: 5px;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-today.os-month-current .os-day-box .os-day-number {
background-color: #ccdaf3;
}
.latepoint-booking-form-element .calendar-style-modern {
margin: 0;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-number {
background: none !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
padding: 40px 10px 40px 10px;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .times-header .th-line {
display: none;	
}
.latepoint-booking-form-element .time-selector-w.style-timebox .times-header {
border-top: 2px solid #f3f5f8;
padding: 37px 0 20px;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .times-header .times-header-label {
font-weight: 400;
font-size: 20px;
line-height: 120%;
color: #30465d;
}
.latepoint-booking-form-element .times-header span {
border: none;
color: #219780;
}
.latepoint-booking-form-element .time-selector-w.style-timebox {
margin-top: 40px;
padding: 0 55px;
}
.latepoint-booking-form-element .dp-timebox {
background: #e6f9ec;
border-radius: 7px;
padding: 12px 3px;
font-size: 20px;
font-weight: 500;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .timeslots {
grid-gap: 14px 22px;
}
.latepoint-booking-form-element .dp-timebox.selected,
.latepoint-booking-form-element .dp-timebox:hover {
background-color: #219780;
color: #fff;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content, 
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-message,
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w {
padding: 0 30px;
}
.latepoint-booking-form-element .step-customer-logged-in-header-w div,
.latepoint-booking-form-element .os-step-tabs .os-step-tab {
font-weight: 500;
font-size: 26px;
line-height: 120%;
color: #d9d9d9;
flex: 1;
text-align: left;
}
.latepoint-booking-form-element .step-customer-logged-in-header-w div,
.latepoint-booking-form-element .os-step-tabs .os-step-tab.active {
color: #101210;
font-size: 26px;
}
.latepoint-booking-form-element .step-customer-logged-in-header-w div::before,
.latepoint-booking-form-element .os-step-tabs .os-step-tab::before {
height: 2px;
background: #0048c4;
}
.latepoint-booking-form-element .step-customer-logged-in-header-w div::before {
bottom: 7px;
width: 60%;
}
.latepoint-w .os-form-group.os-form-phonefield-group,
.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 {
border: 1px solid #d9d9d9 !important;
border-radius: 6px !important;
height: 52px;
}
.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 {
outline-color: #219780 !important;
border-color: #219780 !important;
}
.latepoint-w .os-form-group.os-form-textfield-group .os-form-control#customer_phone, 
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control#customer_phone {
border: none !important;
height: 50px;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group textarea {
min-height: 100px;
}
.booking-full-summary-actions .booking-summary-action-btn,
.latepoint-btn.latepoint-btn-white,
.latepoint-btn.latepoint-btn-primary {
border-radius: 8px;
background: #0048c4;
font-weight: 700;
font-size: 18px;
line-height: 111%;
text-align: center;
color: #fff;
min-width: 180px;
padding: 14px !important;
justify-content: center;
}
.booking-full-summary-actions .booking-summary-action-btn i {
margin-right: 7px;
}
.latepoint-btn.latepoint-btn-white:focus,
.latepoint-btn.latepoint-btn-primary:focus {
outline: none;
}
.booking-full-summary-actions .booking-summary-action-btn:hover,
.latepoint-btn.latepoint-btn-white:hover,
.latepoint-btn.latepoint-btn-primary:hover {
background: #219780;
color: #fff !important;
}
.latepoint-btn.latepoint-btn-white {
background: #fff;
border: 1px solid #30465d;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
padding: 0;
background: none !important;
min-width: 0;
font-size: 16px;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .summary-box .sbc-big-item {
font-size: 22px;
font-weight: 500;
color: #101210;
font-family: "Inter";
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .summary-box .sbc-highlighted-item {
font-size: 18px;
color: #219780;
font-weight: 500;
}
.summary-box-heading .sbh-item {
font-size: 22px;
color: #101210;	
font-weight: 500;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper {
border-bottom: 2px solid #f3f5f8;
padding-bottom: 25px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer {
padding: 15px 30px;
}
.full-summary-wrapper .summary-status-wrapper.summary-status-style-green .ss-icon, .confirmation-info-w .summary-status-wrapper.summary-status-style-green .ss-icon {
padding: 20px;
background-color: #219780;
border-radius: 50%;
box-shadow: 0 0 0 15px #e6f9ec;
}
.confirmation-info-w .summary-status-wrapper.summary-status-style-green .ss-icon::before {
color: #fff;
line-height: 30px;
font-size: 30px;
}
.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-title, 
.confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-title {
font-weight: 500;
margin-bottom: 8px;
font-size: 30px;
line-height: 120%;
color: #101210
}
.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-description, 
.confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-description {
font-weight: 400;
font-size: 20px;
line-height: 120%;
color: #30465d;
}
.step-confirmation-w .summary-box .sbc-highlighted-item {
background: rgba(230, 249, 236, 0.45);
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: #101210;
padding: 30px;
border-radius: 8px;
text-align: center;
}
.step-confirmation-w .summary-box .sbc-highlighted-item:before {
content: "\e91b";
font-family: "latepointIcons" !important;
font-size: 26px;
line-height: 26px;
color: #219780;
display: inline-block;
margin-right: 10px;
}
.booking-full-summary-actions {
justify-content: space-between;
flex-direction: row-reverse;
padding-top: 15px;
}