/*
	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.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 */
}

/* start CUSTOM STYLING */
body {
	background-color: transparent !important;
}
#sb_main a,
#sb_main .item__read-more {
color: #21b14b;
}
#sb_main a:hover,
#sb_main .item__read-more:hover,
#sb_main a:focus,
#sb_main .item__read-more:focus {
text-decoration: underline;
}
#sb_main a:focus,
#sb_main button:focus,
#sb_main input:focus,
#sb_main select:focus,
#sb_main textarea:focus {
box-shadow: none !important;
}
#sb_main button:focus,
#sb_main input:focus,
#sb_main select:focus,
#sb_main textarea:focus {
border-color: #21b14b !important;
}
#sb_main a,
#sb_main button {
border-radius: 0 !important;
}

#sb_main {
background-color: #e7f2f3;
color: #212428;
}

#sb_main .section,
#sb_main .item__tab {
border-radius: 0;
box-shadow: none;
}

#sb_main .item__tab {
padding: 20px;
}

#sb_main .steps-nav #menu-active-bg {
background-color: #21b14b !important;
}

#sb_main #sb-timeline .steps-nav {
background-color: #fff;
}

#sb_main .steps-nav li:first-child,
#sb_main .steps-nav li.passed,
#sb_main .steps-nav li.passed + li:not(.passed) {
background-color: #21b14b;
color: #212428;
}

#sb_main .steps-nav li:first-child .title-small,
#sb_main .steps-nav li.passed .title-small,
#sb_main .steps-nav li.passed + li:not(.passed) .title-small {
color: #212428 !important;
}

#sb_main #sb-timeline .steps-nav li.passed + li:not(.passed):after,
#sb_main #sb-timeline .steps-nav li:first-child:after {
border-left-color: #21b14b !important;
}

#sb_main #sb-timeline .steps-nav li:first-child .content .title-small {
font-weight: 700;
}

#sb_main .is-holiday {
color: #198739 !important;
}
#sb_main #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected {
border-radius: 0;
background-color: #21b14b;
font-weight: 700;
}

#sb_main .timeline-wrapper {
background-color: #fff;
}

#sb_main .sb-cell.free,
#sb_main .time-legend .available .circle {
background-color: #21b14b;
color: #212428;
}

#sb_main .sb-cell.free:hover,
#sb_main .sb-cell.free:focus {
background-color: #212428;
color: #fff;
}

#sb_main .sb-cell.free {
font-weight: 700;
}

#sb_main #sb_gdpr_report_module_container #sb_gdpr_email_form {
border: 0;
border-radius: 0;
}

#sb_main .btn,
.send-message-button,
#sb_main #sb_time_slots_weekly_container .waiting-list-day .cell,
#sb_main .invoice-pay-page .invoice-payment-systems > div .invoice-payment-systems-info.payment-modal .btn-primary,
#sb_main .invoice-pay-page-grid form input[type='submit'],
#sb_main .invoice-pay-page-grid form input[type='button'],
#sb_main .pwa_install_button {
background-color: #212428;
color: #fff;
border-radius: 0;
font-weight: 700;
border: 0;
}

#sb_main .btn:hover,
.send-message-button:hover,
#sb_main #sb_time_slots_weekly_container .waiting-list-day .cell:hover,
#sb_main .invoice-pay-page .invoice-payment-systems > div .invoice-payment-systems-info.payment-modal .btn-primary:hover,
#sb_main .invoice-pay-page-grid form input[type='submit']:hover,
#sb_main .invoice-pay-page-grid form input[type='button']:hover,
#sb_main .pwa_install_button:hover,
#sb_main .btn:focus,
.send-message-button:focus,
#sb_main #sb_time_slots_weekly_container .waiting-list-day .cell:focus,
#sb_main .invoice-pay-page .invoice-payment-systems > div .invoice-payment-systems-info.payment-modal .btn-primary:focus,
#sb_main .invoice-pay-page-grid form input[type='submit']:focus,
#sb_main .invoice-pay-page-grid form input[type='button']:focus,
#sb_main .pwa_install_button:focus {
background-color: #21b14b;
color: #212428;
}

#sb_main .brand .btn--action .icon,
#sb_main .btn-bar__social-links .btn--action .icon,
#sb_main .social-links .btn--action .icon {
background-color: #e7f2f3;
border-radius: 0;
}

#sb_main .social-links .btn--action, .brand .btn--action {
background-color: transparent;
}
#sb_main .client-login-bar,
#sb_main #sb_sign_in_form + .txt,
#sb_main #sb_sign_in_form + .txt + .social-links {
display: none;
visibility: hidden;
pointer-events: none;
}

#sb_main #sb-timeline #steps a:hover span,
#sb_main #sb-timeline #steps a:focus span {
text-decoration: underline;
}

#sb_main #sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header button:hover,
#sb_main #sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header a:hover,
#sb_main #sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header button:focus,
#sb_main #sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header a:focus {
background-color: #212428;
color: #fff;
}

#sb_main .control-label__chekbox {
font-weight: 400;
}

#sb_main .custom-checkbox .custom-label,
#sb_main #sb_google_translate .goog-te-combo,
#sb_main #sb_google_translate select.goog-te-combo,
#sb_main .form-control, select.form-control, textarea {
border: solid 1px #212428;
}
#sb_main .custom-checkbox input:checked+.custom-label {
border-color: #212428;
}
#sb_main .custom-checkbox input:focus+.custom-label {
border-color: #21b14b;
}
#sb_main .custom-checkbox input:checked + .custom-label,
#sb_main input:checked + .custom-label,
#sb_main input:checked + .custom-checkbox .custom-label {
background-color: #21b14b;
border-color: #21b14b;
}
#sb_main:has(.step_info_item.active:nth-child(2)) #sb_back_button {
display:none;
visibility: hidden;
pointer-events: none;
}

/* end CUSTOM STYLING */