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

/* Custom CSS for larger checkboxes */
#eventForm input[type="checkbox"] {
  width: 32px; /* Increase checkbox size */
  height: 32px; /* Increase checkbox size */
  -webkit-appearance: none; /* Remove default browser styling */
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #000; /* Add border for visibility */
  border-radius: 4px; /* Optional: Rounded corners */
  cursor: pointer; /* Pointer cursor for better UX */
  background-color: #fff; /* White background when unchecked */
}

#eventForm input[type="checkbox"]:checked {
  background-color: #007bff; /* Blue background when checked */
  border-color: #007bff; /* Match border color */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 16.2l-3.5-3.5L4 14.1l5 5 10-10-1.4-1.4z'/%3E%3C/svg%3E"); /* Custom checkmark */
  background-size: cover; /* Ensure checkmark fits */
}

/* Hide unnecessary checkbox based on client login state */
#main #client-login .custom-form #sb_terms_and_conditions .promotions-letter-flag label[role=button] {
  display: none; /* Hides checkbox when client login is enabled */
}

#sb-main-container #main #sb-timeline #steps #details .detail-step-wrap .detail-step .license-links-container .promotions-letter-flag label[role=button] {
  display: none; /* Hides checkbox when client login is disabled */
}