/* Change placeholder color for input elements */
#sb_additional_fields_container input::placeholder,
#sb_additional_fields_container select::placeholder {
    color: #855a5a; /* Change this to the desired darker color */
    opacity: 1; /* Ensure the placeholder is fully visible */
}

/* Change placeholder color for select elements */
#sb_additional_fields_container select option {
    color: #855a5a; /* Change this to the desired darker color */
}

/* Change checkmark color for login icon */
.login-container__remember-check svg path {
    stroke: #F82880!important; /* Change this to the desired color */
}


/*
    Custom CSS
    Please make sure your CSS rules are 
    more particular / have higher priority
    than other page styles
*/
section#pwa_install_banner {
    display: none!important;
}


#events h3,
#events p.duration, 
#events div.duration,
#events p.description, 
#events div.description,
#events .selectedEvent,
#events input.reserve_time_btn,
#events input.select_another_btn,
#eventForm #start_date-block-container h3, 
#eventForm #timeline-container h3,
#eventForm #save_button,
div.ui-widget-content,
div.ui-widget-header,
#timeline-container table.timeline,
.timeline td.not_worked_time,
.timeline td.free_time,
.timeline td.selected_time,
.timeline td.reserved_time,
div#loading,
#start_date-block-container .zend_form dt, 
#start_date-block-container .zend_form dt b, 
#start_date-block-container .zend_form dd label {
    font-family: 'Minerva Modern', sans-serif;

}
/* Hide Back Button*/

#sb-timeline #steps #sb_back_button a,#sb_back_to_bookings .back-to-services,.invoice-pay-page .to-invoices-list,.wrap-client-info-view .back-button {
display: none;}

#sb-timeline #steps #time-settings {
display: none;}

/* Hide Nav Bar*/
#sb-timeline #steps-nav {
display: none;}

/* Format Book Button*/

#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .buttons-container #sb_book_btn {
background-color: #F82880;
color: white;
border: none;
cursor: pointer;
border-radius: 5px;
min-width: 280px;
}

/* Format Promo Code Button*/
.invoice-pay-page .invoice-promotions .custom-form .btn {
    border-radius: 5px;
    padding: 12px 24px;
}

/* Format Active Payment Method*/
.payment-modal .payment-system-container .payment-system:hover, .payment-modal .payment-system-container .payment-system.active, .payment-modal #sb_payment_systems_container .payment-system:hover, .payment-modal #sb_payment_systems_container .payment-system.active {
    background: white !important;
    border-width: 2px;
}


/* Hide Make another booking Button*/
#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .buttons-container #sb_multiple_booking_btn{
display: none;
}

/* Hide cart Button*/
#header .items-wrapper .nav-item .cart-container {
    display: none;
}

.is-widget:not(.line) #header.widget .nav-wrapper .items-wrapper .nav-item {
    min-width: 0px;
}

/* Centre Booking Button*/
#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .buttons-container {
justify-content: center; /* Centers children along the main axis */
-ms-flex-pack: center; /* Centers children in IE 10 using the old flexbox syntax */

}

/* Logout button*/
.left-side .add-details .login-bar .additional-info .btn {
border-radius: 5px;
}

/* Format Tip Buttons*/
.invoice-tips .tips-view--btn-bar .btn {
/*background: #F82880;*/
    border-radius: 5px;
    padding: 12px 18px;
    font-size: 16px;
}

.invoice-tips .tips-view--btn-bar {
    justify-content: center;
    gap: 14px;
}
/* Hide cancel custom tip button*/
.modal-dialog .modal-content .modal-footer .btn#sb_tips_custom_cancel {
    display: none;
}
.modal-dialog .modal-content .modal-footer .btn {
    border-radius: 5px;
    margin-bottom: 12px;
}

/* Format custom tip entry box*/
#sb_google_translate .goog-te-combo, .form-control#sb_tips_custom_amount{
    display: block;
    width: 40%;
    margin-left: 30%;
    margin-top: 18px;
    height: 40px
}
#sb_dialog > div.modal-dialog.add-tips-dialog {
    text-align: center !important;
}

/* Format Pay full amount Button*/
.invoice-deposit-info #sb_deposit_paid_events_pay_full_amount_btn {
    background-color: #F82880;
    border-radius: 5px !important;

}

/* Format Pay now Button*/
.invoice-payment-systems #sb_pay_btn {
    background-color: #F82880 !important;
    border-radius: 5px;
    min-width: 280px;
}
.btn-bar.invoice-payment-systems--btn-bar .btn-bar--row {
    justify-content: center;
}

/* Hide unfinished order notification*/
.invoice-notification {
    display: none;
}

/* Hide rebook option to prevent nav back to simplybook*/
#booking-result-view #sb_bookings_list>div .booking-item .tab .section-pd .current-booking-info .booking-btns {
    display: none;
}

/*Readjust client profile change button*/
#client-profile-preview .sb-client-edit-popup {
    position: absolute;
    width: 24px;
    height: 24px;
border-radius: 12px;
top: 2px;
}

#client-profile-preview .btn:before {
    color: white !important;
}

#header .nav-wrapper .items-wrapper .nav-item .info-user-block .close-modal .btn {
    font-size: 13px;
    padding: 8px 12px;
    border: 0px;
}

/* Format buttons in client profile dropdown*/
#client-profile-preview .bar-with-btn .btn {
    margin: 12px 2px 0 0;
}

.bar-with-btn .btn {
    font-size: 14px;
    padding: 12px;
}

/* Reduce Padding in client profile dropdown*/
.is-widget:not(.fbdp):not(.line) #header .nav-wrapper .items-wrapper .nav-item .full-info {
    padding: 8px;
}

/* Reduce Padding and remove border in client profile edit dropdown*/
#client-profile-edit .sb-client-fields {
    padding-bottom: 0px;
    margin-bottom: 25px;
    margin: 5px;
}

#client-login .sb-client-fields, .modal-content #client-profile-edit .sb-client-fields {
    border-style: none;
}
.close-modal {
    top: 12px !important;
    right: 12px !important;
}

/* Hide membership and package buttons in client profile dropdown*/
#client-profile-preview .bar-with-btn .btn[href="#packages/my"]{
    display: none;
}

#client-profile-preview .bar-with-btn .btn[href="#membership/my"]{
    display: none;
}

/* Change font colour for alert message*/
.alert-info {
    color: black;
}

    /* format sign-in form */
#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .left-side .form-group {
    margin-bottom: 2px;
    margin-right: 1px;
}

/* change placeholder text in custom form (comment out for now due to bug where non-required fields are not affected by CSS style....
#sb_google_translate .custom-form .goog-te-combo, .custom-form #sb_google_translate .goog-te-combo, .custom-form .form-control {
    color: lightgray;
    font-size: 15px;
} 
*/

#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .left-side #sb_additional_fields_container label.control-label.required {
    padding-bottom: 0px;
}
#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .left-side #sb_additional_fields_container label.control-label {
    padding-bottom: 0px;
}

    /* shrink logout button */
#sb_cancel_button, #sb_cancel_btn, .sb_cancel_btn, .sb-reschedule, .current-booking-info .sb-book, .btn-default.show-all, #sb_client_login_container .btn {
    padding: 7px 16px;
    font-size: 13px;
}

#sb-timeline #steps #steps-content #sb_booking_content #details .login-bar {
    height: 85px;
}
   /* Add margin to time selection buttons */
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .col-md-9.col-md-12 #sb_timeview_container .timeline-wrapper .tab-pd {
    padding-left: 20px;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .container-caption {
    font-size: 18px;

}
  /* Increase and underline date font in calendar */
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header .txt-center {
    font-weight: 600;
    font-size: 16px;
)

/* Justify calendar legend to bring it into screen*/
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .time-legend {
display: none !important;
}

/* Format Logged in account symbol at top */
#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container__remember-check  {
    background-color: #F82880 !important;
}