Custom CSS for changing colors

While we are working on a super powerful appearance editor for LatePoint, you still can change colors to match your site using this css, just replace the colors with the values you want:

.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 : #a32f96!important; }
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions h5:before {background-color: #a32f96!important;}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress ul li.active a {color: #a32f96!important; }
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress ul li a:before { background-color: #a32f96!important; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {color: #a32f96!important; }
.latepoint-btn.latepoint-btn-primary { background-color: #a32f96!important; }

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

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

.latepoint-w .latepoint-booking-form-element ul.os-agents li.selected a { box-shadow: 0px 0px 0px 2px #a32f96, 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 #a32f96, 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: #a32f96!important; }

.os-monthly-calendar-days .os-day.selected .os-day-box { background-color: #a32f96!important; }
.latepoint-w .latepoint-booking-form-element ul.os-agents li a:hover .agent-name { color: #a32f96!important; }
.dp-timeslot.selected .dp-label {background-color: #a32f96!important; }
.dp-timeslot.selected {background-color: #a32f96!important; }
.os-weekdays .weekday { color: #c185d8; }
.latepoint-booking-form-element .os-step-tabs .os-step-tab:before { background-color: #a32f96!important; }