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

to get the element, go to inspect > copy selector
*/


/* removes the social login*/
    .wrapper-details .client-login-bar {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 25px 15px;
        display: none;
    }

#sb_login_form > div > div.social-links {display: none}
#sb_login_form > div > p {display: none}
#sb_terms_and_conditions > div > div.form-group.form-group--terms.form-group--promotion-letter > div > label{display:none}

.payment-modal #sb_payment_systems_container .payment-system .img, .payment-modal .payment-system-container .payment-system .img {
    width: 100%;
    text-align: left;
    color: transparent;
    background-image: url(https://aloemind.com/wp-content/uploads/2025/07/42E695-4.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
}

.payment-modal #sb_payment_systems_container .payment-system .img img, .payment-modal .payment-system-container .payment-system .img img {
    width: 100%;
    max-width: 100px;
    visibility: hidden;

}


/* shows Click To Pay: */

.current-booking-info .label {
    display: block;
    width: 190px;
    padding-right: 10px;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    white-space: nowrap;
}

#main-buttons {
    display: none;
}

#sb_bookings_list > div > div > div > div > div.booking-btns > button.btn.btn-has-icon.sb_add_to_cal
{display: none;}

#sb_terms_and_conditions > div > div.form-group.form-group--terms.form-group--promotion-letter{
display:none;}


/* hides promo code*/
#sb_invoice_promotion_list
{display: none;}

.package-use-credits-msg.sb-confirm-leave.sb-package-link-block {display: none}

#sb_profile_form > div.bar-with-btn > a:nth-child(3)
{display:none}


.current-booking-info .booking-btns .btn.sb_cancel_btn {
    background: #a64c4c;
    display: none;
}

#sb_bookings_list > div > div > div > div > div > div.booking-btns > div > div > div.btn.custom.btn-with-icon.sb_add_to_cal
{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;
}

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


#main #main-buttons .column .wrapper .inner .company-name {

}

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