/*hide subscription element*/
.subscribe-component.in {
    display: none
    }
    
    /*hide post-booking buttons element*/
    #booking-result-view #sb_bookings_list>div .booking-item .tab .section-pd .current-booking-info .booking-btns {
    display: none;
    }


/*Company information page edits LCz Oct 2024*/

/*Hiding Home and My Bookings container*/
#sb_menu_list_items_container {
display: none;
}

/*Reducing banner height*/
#main-buttons {
    background-image: url(/uploads/dementiauk/image_files/background/d9b638440e6bf472744fea6dbe34d42b.png);
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
}

/*hiding redundant company name*/
.company-name.company-logo-and-name {
visibility: hidden;
}


/*hiding "Show on map" button*/
.btn.map.btn-with-image.custom {
visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

/*hiding "Book Now" button*/
.btn.book.btn-with-icon.custom {
visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}


/*changing Opening hours title*/
#schedule .title-main {
    visibility: hidden;
    position: relative;
}

#schedule .title-main::after {
    content: "Opening hours";
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
}


/*changing day formatting in Opening hours*/

#schedule td.day {
    text-indent: -9999px;
    position: relative;
}

#schedule tr:nth-child(1) td.day::after {
    content: "Monday";
    text-indent: 0;
    position: absolute;
    left: 0;
    top: 0;
    text-transform: none;
}

#schedule tr:nth-child(2) td.day::after {
    content: "Tuesday";
    text-indent: 0;
    position: absolute;
    left: 0;
    top: 0;
    text-transform: none;
}

#schedule tr:nth-child(3) td.day::after {
    content: "Wednesday";
    text-indent: 0;
    position: absolute;
    left: 0;
    top: 0;
    text-transform: none;
}

#schedule tr:nth-child(4) td.day::after {
    content: "Thursday";
    text-indent: 0;
    position: absolute;
    left: 0;
    top: 0;
    text-transform: none;
}

#schedule tr:nth-child(5) td.day::after {
    content: "Friday";
    text-indent: 0;
    position: absolute;
    left: 0;
    top: 0;
    text-transform: none;
}

#schedule tr:nth-child(6) td.day::after {
    content: "Saturday";
    text-indent: 0;
    position: absolute;
    left: 0;
    top: 0;
    text-transform: none;
}

#schedule tr:nth-child(7) td.day::after {
    content: "Sunday";
    text-indent: 0;
    position: absolute;
    left: 0;
    top: 0;
    text-transform: none;
}


/*formatting "no upcoming appointment" alert*/
.alert.alert-info.alert-dismissible {
    visibility: hidden;
}

.alert.alert-info.alert-dismissible::after {
    content: "There are no appointments yet. Press the "Book now" button to make an appointment.";
    color: black;
}


/*Navigation bar edits LCz Nov 2024 - deactivating the links*/
#sb_booking_info .booking-info .step_info_item.active {
pointer-events: none;
cursor: default !important;
}

#sb_booking_info .booking-info .step_info_item.passed {
pointer-events: none;
cursor: default !important;
}

#sb_booking_info .booking-info .step_info_item {
pointer-events: none;
cursor: default !important;
}

#sb_back_button {
visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

/*Confirmation screen edit LCz Jan 2025 - hiding "Back to Bookings" section to prevent users from seeing the "Back to services link" as we don't want them to access the "shop" interface*/

#sb_back_to_bookings {
display: none;
}

/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/

/* making sure the "subscribe to promotional material, etc..." checkbox never shows at check out - LC Aug 2024
*/
#sb-main-container #main #sb-timeline #steps #details .detail-step-wrap .detail-step .license-links-container .promotions-letter-flag label[role=button]{
   display: none;
}


/*SBM default CSS below that point*/


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

.btn.map.btn-with-image.custom {
    background-color: #00b0b9; 
    color: #000000; /* Set the font color to black */
}