.latepoint-w .latepoint-booking-form-element h1, .latepoint-w .latepoint-booking-form-element h2, .latepoint-w .latepoint-booking-form-element h3, .latepoint-w .latepoint-booking-form-element h4, .latepoint-w .latepoint-booking-form-element h5 { color : black !important; }
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions h5:before {background-color: var(--primary) !important;}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress ul li.active a {color: var(--primary) !important; }
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress ul li a:before { background-color: var(--primary) !important; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {color: var(--primary) !important; }
.latepoint-btn.latepoint-btn-primary { background-color: var(--primary)  !important; }

.latepoint-w .latepoint-booking-form-element .step-locations-w ul.os-locations li a:hover { border-color: var(--primary) !important; background-color: #fcecfd!important; }
.latepoint-w .latepoint-booking-form-element .step-locations-w ul.os-locations li.selected a { border-color: var(--primary) !important; background-color: #fcecfd!important; }

.latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a:hover { border-color: var(--primary) !important; background-color: #fcecfd!important; }
.latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li.selected a { border-color: var(--primary) !important; background-color: #fcecfd!important; }

.latepoint-w .latepoint-booking-form-element ul.os-agents li.selected a { box-shadow: 0px 0px 0px 2px var(--primary) , 0 10px 32px 0 #fcecfd!important; background-color: #fcecfd!important; }
.latepoint-w .latepoint-booking-form-element ul.os-agents li a:hover { box-shadow: 0px 0px 0px 2px var(--primary) , 0 10px 32px 0 #fcecfd!important; background-color: #fcecfd!important; }
.latepoint-w .latepoint-booking-form-element ul.os-agents li.selected a .agent-name { color: var(--primary) !important; }

.os-monthly-calendar-days .os-day.selected .os-day-box { background-color: var(--primary) !important; }
.latepoint-w .latepoint-booking-form-element ul.os-agents li a:hover .agent-name { color: var(--primary) !important; }
.dp-timeslot.selected .dp-label {background-color: var(--primary) !important; }
.dp-timeslot.selected {background-color: var(--primary) !important; }
.latepoint-booking-form-element .os-step-tabs .os-step-tab:before { background-color: var(--primary) !important; }
.latepoint-side-panel {
    background-color: white !important;
    justify-content: center !important;
}

.os-duration-price {
    color: var(--primary) !important;
}

.latepoint-step-desc-w  {
    padding: 0px !important;
    margin: 0px !important;
}

.latepoint-btn {
    background-color: var(--primary) !important;
}

.latepoint-prev-btn {
    background-color: transparent !important;
}

.select-total-attendees-label {
    display: none !important;
}

.select-total-attendees-w {
    padding: 0 !important;
}

.step-group-bookings-w .latepoint-step-content-text-left p{
    text-align: center !important;
}

.os-customer-login-password-fields-w .latepoint-btn {
    background-color: transparent !important;
}

.os-customer-login-password-fields-w span {
    color: var(--primary) !important;
}