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

.promotion-item__tag.promotion-item__tag--on-image,
#main #client-login .custom-form #sb_terms_and_conditions .promotions-letter-flag label[role=button],
#sb-main-container #main #sb-timeline #steps #details .detail-step-wrap .detail-step .license-links-container .promotions-letter-flag label[role=button],
div#sb_booking_company_time,
.promotions-letter-flag.v2 {
    display: none;
}

.form-horizontal label.control-label {
    font-weight: bold;
    text-transform: capitalize;
}

#sb_additional_fields select,
.form-horizontal input.form-control {
    border: 1px solid #ddd;
    border-radius: 3px !important;
}

#sb_client_login_container .btn {
    padding: 7px 25px;
    font-size: 14px;
}

.form-horizontal input.form-control::placeholder {
    color: white;
}

/* Packages */
div#sb_package_filter_container,
.package-content>div .package-item .selected-package-list, 
.package-content>div .package-item .btn-bar .start-date-btn,
.package-content>div .package-item .date-bar {
    display: none;
}

#sb_content #booking-result-view #booking-result-tabs .tabs-container .tab-link {
    border: 2px solid #00adef;
    padding: 10px 18px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 20px;
}

#sb_content #booking-result-view #booking-result-tabs .tabs-container .tab-link a {
     color: #00adef;
     border: 0;
}

#sb_content #booking-result-view #booking-result-tabs .tabs-container .tab-link.active {
    background: #00adef;
}

#sb_content #booking-result-view #booking-result-tabs .tabs-container .tab-link.active a {
color: white;
}

/* Invoice page */

div#sb_invoice_promotion_container {
    background: #f5f5f5;
    padding: 22px 22px 0;
    border: 1px solid #ddd;
    margin-bottom: 25px;
    max-width: 550px;
}

.invoice-pay-page.invoice-pay-page--select-pm .promo-code-input {
    margin: 0;
    padding: 0;
    border: 0;
}

button#sb_promotion_apply_btn {
    padding: 10px 20px;
    box-shadow: 0 0;
}

.invoice-pay-page-grid_item.left-block .title--h3 {
	font-weight: 700;
}

div#sb_invoice_container .invoice-info {
    display: none;
}

.sb-layout.iframe.page--packages #header {
    display: none;
}

/* Change titles on payment methods */
#sb_invoice_payment_data_container .payment-system-stripe .name,
#sb_invoice_payment_data_container .payment-system-delay .name {
    font-size: 0;
}

#sb_invoice_payment_data_container .payment-system-stripe .name:after,
#sb_invoice_payment_data_container .payment-system-delay .name:after  {
    content: 'Pay by credit card';
    display: inline-block;
    font-size: 16px;
}

#sb_invoice_payment_data_container .payment-system-delay .name:after  {
    content: 'Pay cash for 5% discount (please Whatsapp or call to confirm after choosing this option)';
}

#sb-timeline #steps #steps-content #sb_booking_content .item .recurring-block {
    display: none;
}

.page--packages #booking-result-view #booking-result-tabs .tabs-container {
    display: none;
}


#sb-timeline #steps #steps-content .step-content:after{
    content: 'Questions? Whatsapp or text us at 848-240-1250';
    display: block;
    flex-basis: 100%;
    text-align: center;
    padding: 47px 15px 0;
    font-size: 20px;
}

#sb-timeline #steps #steps-content .step-content#sb_service_step_container:after{
    content: 'For a different amount of lessons, Whatsapp or text us at 848-240-1250';
}

/* Website header */

#main #main-buttons {
min-height: 0;
}

#main-buttons .wrapper {
    height: auto;
    padding: 15px 0;
}

#sb-timeline #steps-nav #sb_booking_info .booking-info,
#sb_main:not(.page--index) #main-buttons .wrapper .inner .bar /* book now button */ {
    display: none;
}

#header .nav-trigger {
    top: 24px;
}

#client-login .custom-form label.control-label {
    padding: 9px 0 0 0;
}

#client-login .client-login-bar {
    margin: 20px auto 10px;
    padding: 0;
    border: 0;
    order: 4;
}

#client-login .social .brand {
    margin-left: 0;
}

#client-login .tab-pd {
    border-radius: 15px;
    box-shadow: none;
    max-width: 500px;
    padding: 0 0 30px;
    box-shadow: 0 0 16px 4px #ddd9;
    border: 1px solid #ddd;
    margin: auto;
    display: flex;
    flex-direction: column;
}

#client-login .section_top #cs_register_or_login_tabs .cs_nav_item:first-of-type {
    border-radius: 15px 0 0 0;
}

#client-login .section_top #cs_register_or_login_tabs .cs_nav_item:last-of-type {
    border-radius: 0 15px 0 0;
}

#client-login .section_top #cs_register_or_login_tabs .cs_nav_item {
    padding: 10px 25px;
    font-size: 16px;
    margin: 0;
    flex: 1;
    background: #eaeaea;
    font-weight: bold;
}

#client-login .section_top #cs_register_or_login_tabs .cs_nav_item.active {
    background: #ffffff;
}

.social-container .brand a:after, .social .brand a:after {
    width: 30px!important;
    height: 25px!important;
}

#client-login .custom-form .sb-client-fields #sb_additional_fields .form-group .col-sm-12 {
    padding: 0;
}

#client-login .custom-form {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
}

#client-login .section_top #cs_register_or_login_tabs {
    margin-bottom: 10px;
}

#cs_register_or_login_tabs ul li a.cs_login {
    font-size: 0;
}

#cs_register_or_login_tabs ul li a.cs_login:before {
    content: 'Login';
    color: #2b212b;
    text-align: center;
    display: inline-block;
    font-size: 16px;
font-weight: bold;
}

#main #main-buttons .column .wrapper .inner .company-name:after {
    content: ' booking';
    padding-left: 15px;
}

#sb_dateview_container:before {
    content: 'Select desired start date and we will book you for that same slot each week.';
    display: block;
    text-align: center;
  font-weight: bold;
    font-size: 20px;
    margin-bottom: 25px;
}

#client-login #cs_login, #client-login #cs_registration {
    order: 2;
}

#client-login .to-sign-up {
    order: 0;
    margin: 28px 0 60px;
    padding: 10px 20px 42px;
    font-weight: bold;
    font-size: 18px;
    border-bottom: 1px solid #d2d2d2;
}

#client-login .to-sign-up__link {
    background: #00adef;
    color: #fff;
    padding: 7px 16px;
    font-size: 14px;
    border-radius: 50px;
}