/* fonts */
body div { font-size: 18px!important;
line-height: 24px!important;
}

.license-modal a { color: #000!important;
}

#main #main-content #sb_content #client-login #sb_sign_in_form .remind-pass, .current-booking-info .accordion .title, #main #main-content #sb_content #booking-result-tabs .tabs-container div.tab-link a { color: #000!important;
}

#sb-timeline #steps-nav li .content .title-sub { height: 25px;
}

/* ---headings on the second booking page--- */
#sb_booking_content > div > h2 {
display: none !important;
}

#sb_booking_content > div > div > h2 {
display: none !important;
}


/* --- menu and footer font colour ---*/
div#sb_menu > div > ul  li a { color: black !important;
}

#footer > div > div > div > div > div a { color: black;
}

/* --- available time --- */
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_container .slot a.sb-cell.free:hover { 
    color: black !important;
    background-color: #38b000 !important;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected {
    background-color: #3ec300 !important;
}

/* --- homepage CTA --- */
#main #main-content #sb_content #main-buttons .buttons_wrap .main_btn:hover { 
    background-color: #d6203f !important;
    opacity: 1 !important;
}

#sb_booking_info > div ul li a > div > div { 
    color: black;
}

/* --- select button --- */
#sb_booking_content #sb_service_step_container .item.panel .btn-bar a.btn.select { 
    color: #ffffff !important;
}

/* --- sign-in sign up logout confirm buttons --- */
#main #main-content #sb_content #sb-timeline #steps-content #client-login .form-horizontal .btn.custom, #main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content #details .left-side .add-details .additional-info #sb_sign_out_btn, #main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content #details .right-side .buttons-container .sb-book-btn-container .btn, .modal-cancellation-reason--bar .btn {
border-color: #3EC300 !important;
background-color: #3EC300 !important;
color: #000000 !important;
border-radius: 100px;
font-size: 16px;
font-weight: 600;
}

#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content #details .right-side .buttons-container>div {
   width: 55% !important;
}

#main #main-content #sb_content #sb-timeline #steps-content #client-login .form-horizontal .btn.custom:hover {
background-color: #38B000 !important;
opacity: 1 !important;
}

/* --- available time --- */
#sb_booking_content #sb_service_step_container .item.panel .btn-bar a.btn.select:hover { 
    background-color: #d6203f !important;
}
#sb_dateview_container .top-date-select .weeks-date .inner .date:hover {
    background-color: #3ec300 !important;
}

.day-on, .day-on:hover {
    color: #000 !important;
}

/* --- day off --- */
.date .day-off { 
    color: #730071 !important;
    opacity: 1 !important;
}

/* --- holiday --- */
#sb_dateview_container .is-holiday { 
    color: #730071 !important;
}

/* --- previous, next --- */
#sb-timeline #sb_dateview_container .top-date-select .header #sb_prev_month:before, #sb-timeline #sb_dateview_container .top-date-select .header #sb_next_month:before {
    color: #3ec300 !important;
}

/* --- T&C font --- */
#sb_terms_and_conditions a {
   color: #000000 !important;
}

/* --- checkboxes --- */
.custom-checkbox input:checked + .custom-label, #sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .left-side .form-group .custom-checkbox input:checked + .custom-label {
   border-color: #730071 !important;
   background-color: #730071 !important;
}

div#sb_booking_company_time {
    display: none;
}

#sb-main-container #main #sb-timeline #steps #details .detail-step-wrap .detail-step .license-links-container .promotions-letter-flag label[role=button]{
    display: none;
} 

#sb_main #header .items-wrapper .item-container .logged-in:before { background: #000!important;
}

#main #client-login .custom-form #sb_terms_and_conditions .promotions-letter-flag label[role=button]{
    display: none;
}

/* --- Hide subscribe component on pop-up --- */

#booking-result-popup .subscribe-component--divider, #booking-result-popup .subscribe-component--body { 
   display: none !important;
}

/* --- hide description space to decrease the topics panel --- */
.service-item .info-bar {
   display: none !important;
}

/* --- decrease div and button padding on topics --- */
#sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar {
   padding-bottom: 0px !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.panel>.one-line .content {
   min-height: auto !important;
}

/* --- calendar icon --- */
.calendar-toggle__icon path:last-child { 
   stroke: #730071 !important;
}

.calendar-toggle__icon path {
   fill: #730071 !important;
}

.datepicker table tr td.day:hover:not(.disabled) {
   background-color: #3ec300 !important;
   color: #000 !important;
}

.datepicker table tr td.today {
   border-color: #3ec300 !important;
   background-color: #3ec300 !important;
   font-weight: bold;
} 


@media screen and (min-width: 768px) {
   #main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .item.panel {
       width: 70% !important;
   }
}

/* -- hide login via Google and Fb --- */

#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content #client-login .client-login-bar {
    display: none !important;
}
#sb_main #header .items-wrapper .nav-item#sb_client_info #sb_login_form .social {
    display: none !important;
}

/* --- close icon --- */
.modal-dialog .modal-content button.close:after, .modal-dialog .modal-content button.close:before, #client-profile-preview .close-modal:after, #client-profile-preview .close-modal:before, #client-profile-edit .close-modal:before, #client-profile-edit .close-modal:after, #remind-password .close-modal:before, #remind-password .close-modal:after {
    background-color: #730071 !important;
}

/* --- bottom-left client icon --- */
#sb_main #header .items-wrapper #sb_cart .item-container:before, #sb_main #header .items-wrapper .item-container .logged-in:before, #sb_main #header .items-wrapper .item-container .logged-out:before {
    background: #730071 !important;
    background-image: url(https://themix.simplybook.it/v2/themes/hugo/img/ics/logged-out.svg)!important;
    -webkit-background-size: 18px !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important;
}
#sb_main #header .items-wrapper #sb_client_info #sb_login_form #sb_sign_in_form .bar .remind-pass {
    color: #730071 !important;
}

/* --- bottom-right T&C back button --- */
#main #main-content #sb_content #news-single .return-btn a {
    color: #000 !important;
}

/* --- high contrast --- */
#sb_main #sb-main-container.tritanopia #header .nav-wrapper #sb_menu .nav li a:hover, #sb_main #sb-main-container.tritanopia #booking-result-view #booking-result-tabs .tabs-container .tab-link a {
    color: #fff !important;
}


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