/* Custom CSS Please make sure your CSS rules are more particular / have higher priority then other page styles / #events h3 { / add your css rule here */ }

#events p.duration, #events div.duration { /* add your css rule here */ }

#events p.description, #events div.description { /* add your css rule here */ }

#events .selectedEvent { /* add your css rule here */ }

#events input.reservetimebtn { /* add your css rule here */ }

#events input.selectanotherbtn { /* add your css rule here */ }

#eventForm #start_date-block-container h3, #eventForm #timeline-container h3 { /* add your css rule here */ }

#eventForm #save_button { /* add your css rule here */ }

div.ui-widget-content { /* add your css rule here */ }

div.ui-widget-header { /* add your css rule here */ }

#timeline-container table.timeline { /* add your css rule here */ }

.timeline td.notworkedtime { /* add your css rule here */ }

.timeline td.free_time { /* add your css rule here */ }

.timeline td.selected_time { /* add your css rule here */ }

.timeline td.reserved_time { /* add your css rule here */ }

div#loading { /* add your css rule here */ }

#startdate-block-container .zendform dt, startdate-block-container .zendform dt b, startdate-block-container .zendform dd label { /* add your css rule here */ }

/* Information box above available time slots */ #timeline-container::before { content: "No suitable time slot available? Contact us by phone and we will find a solution together."; display: block; background-color: #f5f5f5; border: 1px solid #dddddd; border-radius: 8px; padding: 15px; margin: 0 0 15px 0; color: #333333; font-size: 14px; line-height: 1.6; text-align: center; white-space: normal; }