#steps-nav {
display: none !important;
}

.menu-item a {
    text-transform: capitalize !important;}

.info {
display:none;
}

.overview {
display:none !important;
}

.btn.book.custom {
    background: #3a444c !important;
    color: #fff !important;
}

.company-name {
color:#a9502a !important; 
}

.sb-cell.free {
font-weight:bold !important;
    border-width: 2px !important;
}

.sb-cell.free:hover {
color:white !important;
}

.read-more, .modal-dialog .cap.full, #sb_dialog div div div.modal-header h4 {
color: #a9502a !important;
font-weight:bold !important}

.toggle-mnu {
    background: #3a444c !important;
}

.nav-trigger.toggle-mnu span, .nav-trigger.toggle-mnu span:before, .nav-trigger.toggle-mnu span:after{
background-color:white !important;}

#sb_booking_content .btn-bar a {
color:white !important;
}

#sb_booking_company_time {
color:white !important;}

#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container .avatar i:before{
color:#a9502a !important;
}

#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container #sb_login_form .not-logged label,  #header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container #sb_login_form .not-logged a {
color:white !important;
}

#sb_timeview_container {
background-color: white;
    border-radius: 10px;
    width: 105%;
    padding: 0 20px;
}

#client-login {
background-color: white;
    border-radius: 10px;
    width: 105%;
    padding: 0 20px;
}

.date.datepicker-button div {
color:white !important;}

#sb_terms_and_conditions a {
color: #2c343b !important;}

.read-more {
text-transform: capitalize !important;
}

#sb_back_button span{
color:white !important; 
}

.client-login-bar {
display:none;}


.sign_in_wrap {
display:none !important;}

.sign_up_wrap.authorize_form_wrap, #sb_sign_up_form{
display:block !important;
}

.cs_registration {
color:#ffffff !important;
}

.cs_login {
    color: #ffffff !important;
}

#main-content {
padding-top:100px;}

.to-sign-up {
display:none;}


#sb_sign_up_form .sb-client-fields #sb_additional_fields label, .custom-form #sb_additional_fields label {
text-transform:none !important;
}

input::placeholder, textarea::placeholder, .iti input::placeholder {
color:#333 !important;
font-family:inherit !important;
}

.detail-step-wrap.section {
background-color: white;
    border-radius: 10px;
    width: 105%;
    padding: 0 20px;
}

#sb_booking_content #sb_sign_out_btn {
    border-color: #d70000 !important;
    color: #d70000 !important;
}

.login-container .social.clearfix .brand, .login-container .social.clearfix .txt {
display:none !important;
}

.login-container #sb_sign_in_form .bar .txt span, .login-container #sb_sign_in_form input {
color:white !important;
}
 
.highlighted-current-booking .info {
display: table-cell !important;
}

#sb_additional_fields_container input::placeholder, #sb_additional_fields_container textarea::placeholder {
visibility:hidden;
}

#booking-result-tabs .tabs-container .tab-link a {
color: #23527c !important;
}

#about-us {
margin-top:-100px;
}

.invoice-pay-page .invoice-info .part {
display:none;
}

#sb_menu_list_items_container li a {
color:#ffffff !important;
}

.menu-in .items-wrapper .nav-trigger,  #header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container .avatar {
    background: #ffffff !important;
}

#sb-timeline #steps #time-settings #sb_booking_company_time {
display:none !important;
}


.date.datepicker-button:before {
    content: 'Select by month';
    background: #a9502a;
    font-weight: 500;
    color: white;
    width: 50%;
    height: 100%;
    position: absolute;
    z-index: -1;
    overflow: visible;
    left: 25%;
    top: 0;
    padding-top: 7px;
    pointer-events: all;
    border-radius: 10px;
}

.datepicker-button {
padding: 30px 0 10px 0;
}

.datepicker-days .table-condensed .day.day-off {
color:#c9c9c9 !important;
}

.datepicker-days .table-condensed .day {
color:#a9502a !important;
}

.datepicker table tr td.active.disabled, .datepicker table tr td.active.active{
background: none !important;
} 

@media only screen and (max-width: 600px) {
.date.datepicker-button:before {
    left: 0;
    width: 100%;
}

#sb_timeview_container {
    width: 100%;
margin-bottom: 60px;
}

#sb_time_slots_weekly_container {
    overflow-y: scroll;
overflow-x:hidden !important;
flex-direction: column !important;
    max-height: inherit !important;
}

#sb_time_slots_weekly_container:before{
width:0px !important;
}


#client-login {
    width: 100%;
}

.detail-step-wrap.section {
   width: 100%;
}

#sb_time_slots_weekly_container .data-col .day-container {
    display: inline-flex !important;
    gap: 10px;
padding-top: 30px;
padding-bottom: 10px;
color: #2c343b !important;
}

#sb_time_slots_weekly_container .data-col .day-container .date,  #sb_time_slots_weekly_container .data-col .day-container .day{
font-weight: bold;
    font-size: 17px !important; 
    text-transform: uppercase;
}

#sb_time_slots_weekly_container .data-col .day-container .day:before {
content:'';
    width: 9px;
    height: 2px;
    position: absolute;
    background: #2c343b;
    margin: 11px -15px;
}

#sb_time_slots_weekly_container .data-col .time-container{
    margin-top: 0px !important;
}

#sb_dateview_container .col-xs-3 .txt-right {
padding-right:20px;
}
#sb_dateview_container .col-xs-3 .txt-left {
padding-left:20px;
}

.slots-weekly-view-section .available {
display:none !important; 
}

}

@media only screen and (min-width: 1000px) {
#sb_time_slots_weekly_container .hide {
display: inline-block !important;
}
}

.empty-week-time-part .btn-next-week .txt {
color:white !important;
}

#sb_sign_up_btn, #sb_confirm_license {
color:white !important;}

.not-logged #sb_sign_in_btn, #main-content #client-profile-preview .btn, #sb_profile_form .bar-with-btn a:not(#sb_cancel_btn), #sb_profile_form .bar-with-btn #sb_update_btn {
color:white !important;}

#booking-result-view #booking-result-tabs a, #booking-result-view #sb_back_to_bookings .back-to-services, #booking-result-view #sb_bookings_list .alert-info {
color:white !important;}


#sb-timeline #steps #steps-content #sb_booking_content .detail-step .right-side #sb_book_btn, #sb_pay_btn, #sb_promotion_apply_btn, .current-booking-info .booking-btns .btn.sb_add_to_cal {
color:white !important;}

.invoice-pay-page-grid, .invoice-pay-page-grid_item .right-block--section-pd {
background:white !important;
    padding: 20px;
    border-radius: 10px;
}

.invoice-pay-page-grid_item.right-block .right-block--body table thead {
background:white !important;}


.service-step:before{
   content: "Choose the IQ Testing that is appropriate for your child based on their age. \00000a \00000a Then select your appointment time and complete your forms and payment.";
    position: absolute;
    top: -55px;
    text-align: center;
    width: 400px;
    height: 100%;
    color: white;
    font-size: 21px;
    white-space: pre-line;
    word-wrap: break-word;
}

.service-step{
padding-top:100px;}

#sb_invoice_notification .message {color:white;}

.invoice-pay-page-grid {
padding-top:30px;}

.payment-received .invoice-pay-page-grid:before{
  content: "Thank you for scheduling an IQ Test with Mind by Design. You will receive a confirmation email with more information about the testing process, so please check your inbox. We look forward to seeing you soon!";
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -300px;
    text-align: center;
    width: 600px;
    height: 100px;
    color: #2c343b;
    font-size: 21px;
}

@media only screen and (max-width: 600px) {
.payment-received .invoice-pay-page-grid:before {
width:300px !important;
margin-left: -150px;
height: 190px;

}

.service-step{
padding-top:140px;
}

.service-step:before{
width:300px !important;
}
}


.payment-received .invoice-pay-page .container-fluid column .invoice-pay-page-grid .invoice-pay-page-grid_item .invoice-buttons-container div a {
color:#ffffff !important;
}

.payment-received .back-to-site .btn {
color:white !important;}

#schedule {
display:none !important;
}

#about-us .txt {
width:90% !important;}


.modal-content #client-profile-preview .close-modal {
    top: 290px !important;
    right: 50% !important;
    margin-right: -45px !important;
}

.nav-wrapper #sb_client_info .login-container:before {
content:'Login';
    color: white;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -25px;
    font-size: 20px;
    font-family: 'Mulish';
    font-weight: 300;
}

.nav-trigger.toggle-mnu:before {
content:'MENU';
    font-size: 20px;
    left: 50%;
    top: 80px;
    position: absolute;
    font-family: 'Mulish';
    font-weight: 500;
    margin-left: -29px;
}

.reschedule--col .tab-pd {
background:white;
}

.reschedule-layout .alert {
background: white;
    color: #2c343b;
}


.reschedule-layout #sb_datepicker:before{
    width: 70%;
    left: 50%;
    margin-left: -150px;
}


.not-logged #sb_sign_in_btn {
    border: 2px white solid;
    height: 50px;
padding: 13px 40px !important;
}

.not-logged #sign_up_btn {
    border: 2px white solid;
    border-radius: 100px;
    display: block !important;
    padding: 13px 0 !important;
text-decoration:none !important;
}

#header .nav-wrapper .items-wrapper .nav-item .full-info #sb_login_form .not-logged .social .btn-bar--row .btn.btn--sign-up#sign_up_btn:hover{
    box-shadow: 0 0 10px 0 rgba(169, 80, 42, 0.7) !important;
    opacity: .8 !important;
}


.current-booking-info .btn-with-icon.sb-book, .current-booking-info .sb_cancel_btn {
display:none !important;
}


#sb_invoice_buttons_container.invoice-buttons-container a:nth-child(2){
display:none !important;
}