#sb_client_name::placeholder {
    /* Add your desired styles for the placeholder */
    color: #999; /* Placeholder text color */
}

#sb_client_name {
    /* Add your desired styles for the input */
    border: 1px solid #ccc; /* Example border style */
}

/* Set default value */
#sb_client_name[value=""]::before {
    content: 'Simon'; /* Default value */
    color: #333; /* Default text color */
} 




 .sem {
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    color: #333; /* Change color as needed */
    background-color: #f4f4f4; /* Change background color as needed */
    padding: 10px; /* Adjust padding as needed */
    border: 1px solid #ccc; /* Add border as needed */
    border-radius: 5px; /* Adjust border radius as needed */
    margin: 10px 0; /* Adjust margin as needed */
}

/* Additional styles for links within .sem */
.sem a {
    color: red; /* Change link color as needed */
    text-decoration: none;
}

.sem a:hover {
    text-decoration: underline;
}


 

/*

*/
 
 





/* book now instead of the time slots
#sb_time_slots_container .sb-cell.free {
visibility: hidden;
}

#sb_time_slots_container .sb-cell.free:hover:after {
background-color: #d1e9c6;
color: #494949;
}

#sb_time_slots_container .sb-cell.free:after {
display: inline-block !important;
margin-right: 10px;
vertical-align: top;
width: 100%;
max-width: 111px;
border-radius: 3px;
line-height: 40px;
text-align: center;
font-size: 15px;
font-weight: 600;
margin-bottom: 10px;
position: relative;
background-color: #d3e0f1;
content: 'Book this day' !important;
visibility: visible !important;
}
*/

/* промовшин 
 #main #client-login .custom-form #sb_terms_and_conditions .promotions-letter-flag label[role=button]{
    display: none;
}
*/

/* таймзона
#sb_booking_company_time {
display: none !important;
}  
*/

/*менюшка зверху зліва на мінімал темі
.nav-trigger toggle-mnu {
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 */
}