.client-login-bar {
    display: none;
}

.social { display: none}
i.fa.fa-share-alt { display: none; }

/*Bookings list code start */
#booking-result-view #sb_bookings_list>div {
position: relative;
display: contents;
}

#booking-result-view #sb_bookings_list>div .booking-item {
width: 100%;
padding: 5px;
}

#booking-result-view #sb_bookings_list>div .booking-item .tab .section-pd .current-booking-info {
height: 100%;
display: flex;
flex-direction: inherit;
}

.current-booking-info .cap{
font-size: 18px;
font-weight: 600; 
width: 400px;
}
.current-booking-info .booking-info {
display: contents;
}
.current-booking-info .label {
display: block;
width: 90px;
padding-right: 0;
text-overflow: ellipsis;
}

.current-booking-info table td {
padding-bottom: 0;
padding-right: 20px;
padding-left: 10px;
}
.current-booking-info .label {
display: contents;
width: 145px;
padding-right: 10px;
padding-left: 15px;
text-overflow: ellipsis;
} 
#booking-result-view #sb_bookings_list>div .booking-item .tab .section-pd {
padding: 5px;
}
.current-booking-info .booking-btns {
text-align: center;
padding-bottom: 0;
}

.row {
margin-left: 0;
margin-right: 0;
}
/*Bookings list code end*/

#sb_terms_and_conditions div label[role=button] {
     display:none;
}

#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .buttons-container #sb_book_btn {
    background: #2ad200;
}

label {      color: red;     }

#sb_terms_and_conditions div div:nth-child(3) label {
 display:none;
}


/*
	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 */
}
	/*Membership page*/  

#sb_membership_list_container > div > div:nth-child(n) > div > div.excerpt-info > div.section-pd > div.mb.btn-bar:before {
content: 'Select Your Preferred Lesson Start Date';
font-weight: 600;
color:#D66288;
}

#membership-view #sb_membership_list_container>div .membership-item .btn-bar .start-date-btn {
background-color: #e87c39;
color: #ffffff;
box-shadow: 0 4px 0 #c45d24;
}

.mb.btn-bar .active-container:before{
content: 'And then';
font-weight: 600;
color:#D66288;
}
 #membership-view #sb_membership_list_container>div .membership-item .btn-bar .start-date-btn .sb_start_date {
color:white;
font-weight: 600;
}
#sb_membership_list_container > div > div:nth-child(n) > div > div.excerpt-info > div.section-pd > div.mb.btn-bar > div.info-container > div > span{
display:none;
}

@media (min-width: 1024px) {
#sb-timeline #steps #steps-content #sb_booking_content .item {
    margin-bottom: 10px;
    padding: 0 5px;
    width: 20%;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-item .name {
    height: 22px;
    margin-bottom: 5px; 
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-item a.provider-link {     min-height: 140px; 
}
	/*Provider selection step*/  
}
@media (min-width: 767px)  and (max-width: 1024px) {
#sb-timeline #steps #steps-content #sb_booking_content .item {
    margin-bottom: 10px;
    padding: 0 5px;
    width: 25%;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-item .name {
    height: 22px;
    margin-bottom: 5px; 
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-item a.provider-link {     min-height: 140px; 
}
}
@media (max-width: 767px)  {
#sb-timeline #steps #steps-content #sb_booking_content .item {
    margin-bottom: 4px;
    padding: 0 2px;
    width: 50%;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-item .excerpt-info {
    position: relative;
    border-radius: 0 0 3px 3px;
    font-size: 18px;
    padding: 14px 14px; 
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-item .name {
    height: 30px;
    margin-bottom: 1px; 
    font-size: 14px;
    align-items: center;
    display: flex;
    justify-content: center;
}
#sb-timeline #steps #steps-content #sb_booking_content .provider-item a.provider-link {
    min-height: 115px;
}
}