/*
	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 */
}

#main #main-buttons .wrapper .inner .company-name {
    margin-bottom: 30px;
    color: white !important;
}

#header {
    background-color: #000000 !important;
    padding: 20px 0 20px;
    z-index: 99;
}

#main #main-content #sb_content .section {
    border-radius: 20px;
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 55%);
    height: 100%;
    margin-bottom: 14px;
    background-color: #ffffffd4 !important;
}

#main #main-buttons .company-name {
    font-family: 'sans-serif';
    font-size: 45px;
    line-height: 1;
    padding-left: 2px;
}

#main #main-buttons .btn.custom a {
    display: block;
    padding: 13px 17px;
    font-size: 24px;
    line-height: 24px;
    font-family: sans-serif;
}

#header .nav-wrapper #sb_menu .nav li a {
    border-radius: 44px;
    display: inline-block;
    font-family: sans-serif;
    font-size: 22px;
    padding: 10px 24px;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}

#main #main-content .title-main {
    font-family: sans-serif;
    font-size: 25px;
    padding-left: 2px;
}







.tab.tab-col .excerpt-info .btn-bar .btn.select a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 12px;
    box-sizing: border-box;
    font-family: sans-serif !important;
}

#sb_booking_content .tab .btn.select a {
    color: #ffffff;
    font-family: sans-serif;
}

#sb-timeline #steps #steps-content #sb_booking_content .tab .excerpt-info .btn-bar .btn.select {
    border-radius: 47px;
    font-family: sans-serif;
    font-size: 20px;
    position: relative;
    text-transform: capitalize;
    z-index: 2;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#sb-timeline #steps #sb_back_button a span:last-child {
    text-transform: capitalize;
    font-family: sans-serif;
}

#sb-timeline #steps-nav li.filled.passed .title-sub {
    color: #474747;
    font-family: sans-serif;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_next_date .txt, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_prev_date .txt {
    transition: all .3s ease;
    font-family: sans-serif;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col .day-container .date {
    font-size: 14px;
    color: #464646;
    font-family: sans-serif;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col .day-container .day {
    font-size: 16px;
    font-weight: normal;
    text-transform: none;
    font-family: sans-serif;
}

#sb-timeline .datetime-step .calendar .day-on, .timeline-wrapper .header a, .current-booking-info .cap, .classes-modal .cap-short a, .section .title-main {
    color: #474747;
    font-family: sans-serif;
}

#main #main-content #sb_content #content-view #schedule .overview tr td.day {
    font-family: sans-serif;
    font-size: 17px;
}

.modal-dialog.license-modal .modal-content .modal-body a {
    color: #000000 !important;
}

#header .nav-wrapper #sb_menu .nav li a {
    color: #337ab7 !important;
}

#header .nav-trigger {
    background-color: #1f5fab !important;
}

#main #main-content #sb_content #booking-result-view .back-to-site a {
    color: #ffffff;
    background-color: #000000 !important;
}

 #main #main-content #sb_content .index-data-wrapper .section {
    background-color: #000000 !important;
}

.title-main {
    color: #fffcfc !important;
}


#main #main-content #sb_content #sb-timeline #steps-nav .booking-info ul li:first-of-type .content .title-small {
    color: #000000 !important;
}


#sb-timeline #steps-nav li:not(.passed) .title-small {
    color: #000000 !important;
}

#main #main-content #sb_content #sb-timeline #steps-nav .booking-info ul li.passed .content .title-small {
    color: #000000 !important;
}

#header .brand .logo a img {
    max-width: 135% !important;
}

.subscribe-component--btn-bar .btn-bar--row .btn.btn-primary, #main #main-buttons .btn.book {
    top: -169px!important;
    border-radius: 15px !important;
}

.datepicker-button .btn {
    color: #d4d4d4!important;
    font-size: 22px !important;
}

#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .step-content.datetime-step .txt-left .txt {
    background-image: url(../img/ics/left_arrow.svg) !important;
    color: #faebd700;
}

#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .step-content.datetime-step .txt-right .txt {
    background-image: url(../img/ics/right_arrow.svg) !important;
    color: #00ffff00;
}

#client-login .client-login-bar {
    display: none;
}

#header .items-wrapper .nav-item#sb_client_info .login-container .full-info #sb_login_form .not-logged .social .brand{
    display: none;
}

#sb_terms_and_conditions .custom-checkbox .custom-label {
    background-color: #b7b1b1 !important;
}

.current-booking-info .calendar .header {
    background-color: #000000 !important;
}