/*adjust banner image size for non-mobile devices*/
#main-buttons {
    background-image: url(/uploads/pfodev/image_files/background/5164aaf….png);
    background-size: cover;
    background-position: bottom!important;
    min-height: 250px!important;
    max-height: 350px!important;
}

/*adjust banner image size for mobile devices*/
@media screen and (max-width: 768px) {
    #main-buttons {
        min-height: 150px!important; /* Example adjustment for smaller screens */
        max-height: 250px!important; /* Adjust this as needed for mobile devices */
        /* Other mobile-specific styles can be added here */
    }
}
/*company title is now serco red*/
#main-buttons .wrapper .inner .company-name.company-logo-and-name {
    color: red;
    font-weight: 700;
    font-size: 50px!important;
}
@media screen and (max-width: 768px) {
#main-buttons .wrapper .inner .company-name.company-logo-and-name {
    color: red;
    font-weight: 700;
    font-size: 20px!important;
}

}

#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container .full-info #sb_login_form .not-logged .inputs input {
      width: 78%;
}
#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container .full-info #sb_login_form .not-logged .remember-me .control-label {
       display: none;
}

/* format the accordian*/
.w3-white {
      width:98vm;
}
/*.w3-white:after {
     content: '\002B';
     float: left;
     margin-right: 5px;
    font-size:15px;
}*/

#img .note-float-left {
    max-width: 100% !important;
} 
.remind-pass {
   border: none!important;
    border-radius:20px;
    margin:auto;
/*   padding:10px 50px;*/
  /*  font-size:44px;*/
    text-align: center;
    text-decoration: none;
    background:#008080;
/*    background:    linear-gradient(#351c75, #b4a7d6);*/
    color: white!important;
  /*  width: 450px;*/
/*    height: 75px;*/

   }
.remind-pass:hover {
  background: orange;
  transition: 0.3s background;
}

.remind-pass a {
  color: white;
}

.standard-button:hover{
background: orange;
  transition: 0.3s background;
}

.standard-button a {
  color: white;

}
/*home page book now button*/
/*
#main-buttons .wrapper .inner .bar .btn a{
    background-color: red!important;
    border-radius: 20px;
}
*/

/*password buttons*/
#sb_remind_btn.btn {
    background-color: grey!important;
}

}


#client-login #sb_sign_in_form {
   /*      width:95vw;*/
}
/*.custom-checkbox .custom-label {
/*display:none;*/
}*/
#client-login #sb_sign_up_form {
    display:none;
}
/*make buttons serco grey*/
#main-buttons .wrapper .inner .bar .btn a {
     background-color: grey;
   }
/*edit modal profile form*/
#sb_profile_form.clearfix.modal-dialog .modal-content{
    border-radius: 20px;
}

/*bookings page in profile*/
#booking-result-view #booking-result-tabs .tabs-container .tab-link a {
    color: red;
}
.table>thead:first-child>tr:first-child>th {
    border-top: 0;
    text-align: center;
}
.invoice-pay-page .invoice-table td {
       text-align: center;
}

.current-booking-info .cap {
        color: red;
}
/*hide date and due date from payment and invoice screens */
.invoice-pay-page .invoice-info .part table b {
     display:none;
}
.invoice-pay-page .invoice-info .part table tr td:nth-child(odd) {
    display: none;
}

/*format appointment boxes*/
.tab.tab-col .cap.short {
    font-weight: 700;
    font-size: 16px;
    color: red;
   text-align:center;
   margin-bottom:0px
   padding-bottom;0px;
}

/*change successful response text*/
.has-success .checkbox, .has-success .checkbox-inline, .has-success.checkbox-inline label, .has-success.checkbox label, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.radio-inline label, .has-success.radio label{
    padding-top:10px;    
    color:red;
}

.body {
       background-color:white;
}

#sb-timeline #steps #time-settings {
      background-color:white;
}
/*home page logo*/
#content-view #about-us .txt img {
   max-width: 50%!important;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

 #sb_remind_btn.btn {
    background-color:grey;
}

input#sb_remember{
       display:none;
visibility:hidden;
}
/*format red and make more obvious*/
.txt-left.remind-pass.sb-client-remind-popup {
    color: red;
    font-size: 15px;
}
#steps-content #client-login .cap {
    color:red;
}

/*more grey buttons*/
#client-login button.btn{
background-color:grey;
}

/*hide the right contact panel on home page */
.col-sm-4 {
     visibility:hidden;
}
/*widen the main panel to fill space */
    .col-sm-8 { 
    width:95%;
}
/*hide the title on the home page panel - replaced with an image*/
.title-main {
    display: none;
}

.datepicker-button .btn{
    background-color: grey;
}

#content-view #about-us .txt * {
    width: initial !important;
    color:black;
}



/*make main home page white*/
#content-view  {
    background-color: white;
}

/*show the field names on the profile edit and preview dialogues*/

#client-profile-edit .sb-client-fields #sb_additional_fields label.control-label {

display:block;
visibility:visible;
}

#client-profile-preview .sb-client-fields #sb_additional_fields label.control-label {

display:block;
visibility:visible;
}

#client-profile-preview .overview .row .label {
display:block;
visibility:visible;
}

#content-view #about-us .txt img {
    max-width: 35%!important;
}