/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
html, body{
font-family: Open Sans, 'Roboto', Verdana, Arial !Important;
}

 #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 */
}

div#sb_terms_and_conditions {
border: 2px solid #cccccc;
border-radius: 8px;
padding: 0 20px;
margin-bottom: 28px;
}
div.detail-step-wrap.section > .section-pd {
padding-top: 0;
}

div#sb_terms_and_conditions .custom-checkbox {
margin-left: -28px;
}
div#sb_terms_and_conditions .promotions-letter-flag > label {
line-height: normal;
padding-left: 28px;
}

 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* 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.not_worked_time   {
	/* 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 */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}

main#main {
padding-top: 3rem;
}

@media (max-width: 767px) {

main#main {
padding-top: 0;
}

div.custom-form {
padding: 16px !important;
}

}
div.service-item.item > div.tab {
 padding: 15px;
}

div.service-item.item > div.tab,
div.provider-item.item > div.tab {
border: 1px solid #CCCCCC;
border-radius: 8px;
}

div#sb_dateview_container.section {
box-shadow: none;
    padding-bottom: 40px;
    border-radius: 0px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 40px;
}

div.detail-step-wrap.section {
 box-shadow: none;
}

#header {
background-color: #ff6600;
padding: 5px 0;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
}

div#sb_timeview_container div.container-caption, div.current-booking-info div.cap {
text-transform: uppercase;
color: #ff6600;
}

#sb-timeline #steps #steps-content #sb_booking_content .service-item .bar-service .time {
 margin: 0;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected{
background: #ff6600 !Important;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected a{
color: #ffffff !Important;
font-weight: bold;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date:hover {
background-color: #f2f2f2;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_container .slot a.sb-cell.free, div.time-legend div.available div.circle {
border: 2px solid #ff6600;
}

#sb-timeline #steps #steps-content #sb_booking_content #details .title-main {
text-align: left;
font-size: 32px;
line-height: normal;
}

section#main-buttons.default-bg, div#sb_booking_company_time, div#sb_booking_content div.txt.short,  div#sb_back_button, nav#steps-nav, header #sb_menu,  div.header-controls, div.subscribe-component--data, div#sb_back_to_bookings, div.btn.custom.btn-with-icon.sb-book, a.btn.btn-default.show-all, div.booking-calendar, div.subscribe-component--body, div.subscribe-component--divider {
display: none !important;
visibility: hidden;
opacity: 0;
}


#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header {
overflow: visible;
}

div#sb_prev_month,
div#sb_next_month {
border: 1px solid #CCCCCC;
border-radius: 8px;
padding: 8px 14px;
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
}

div.section-pd {
padding: 40px 0;
}

div.custom-form {
padding: 32px;
background: #ecf1f4;
}

div.provider-item.item > div.tab {
background-color: #ecf1f4;
}
div.provider-item.item div.excerpt-info {
padding: 20px !important;
}
div.provider-item.item div.excerpt-info .name {
    height: auto !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
    font-size: 22px;
    line-height: normal;
}

div.brand.company-logo-only .logo > a {
pointer-events: none;
  cursor: pointer;
  text-decoration: none;
  color: black;
}
/*
div#sb_booking_content div.cap.short {
float: left;
}
*/

div#sb_booking_content div.cap.short {
color: #ff6600;
text-transform: uppercase;
}
div#sb_booking_content div.bar-service div.time span {
background: #f1f9e9;
color: #549116;
    padding: 4px 10px;
    border-radius: 4px;

}
div#sb_booking_content div.bar-service div.d-flex {
justify-content: end !important;
}

div#sb_dateview_container div.name.is-holiday {
color: #ff6600 !important;
}

div.tab-pd {
padding: 0;
}


div#booking-result-popup, ul.calendar-popup, div.modal-body.cancellation-dialog-body {
padding: 28px !important;
}

div#booking-result-view div#sb_bookings_list div.booking-item > div.tab, div.tab {
box-shadow: none !important;
}

.current-booking-info .booking-btns .btn {
margin-right:10px;
}
button#sb_cancellation_confirm {
margin: 20px;
}