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

h1.title--h1.company-logo-and-name {
  display: none !important;
}

section#main-buttons div.container-fluid.column {
  position: static !important;
}

section#main-buttons div.wrapper {
  position: static !important;
  height: auto !important;
}

section#main-buttons div.btn-bar.bar {
  position: static !important;
  margin-top: 20px !important;
}
section#main-buttons {
  min-height: 350px !important;
}

section#main-buttons div.container-fluid.column {
  position: static !important;
}

section#main-buttons div.wrapper {
  position: static !important;
  height: auto !important;
  padding-bottom: 20px !important;
}

section#main-buttons div.btn-bar.bar {
  position: static !important;
  margin-top: 20px !important;
}
/* Hide the description in the sidebar */
aside.timeline-sidebar .item__description.short {
  display: none !important;
}
aside.timeline-sidebar .item__description.short,
aside.timeline-sidebar .item__tab h4 {
  display: none !important;
}

#sb_datetime_step_container::before {
  content: "Collecte de sang Héma-Québec X Drec (±45 min. à 1h)";
  display: block !important;
  margin-bottom: 8px !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #222 !important;
}

#sb_datetime_step_container1 {
  display: flex !important;
  flex-direction: column !important;
}

#sb_datetime_step_container::after {
 content: "Nous avons le plaisir d'organiser une collecte de sang mobile aux bureaux de DeRico Experts-Conseils le mardi 26 mai 2026, de 9 h à 16 h 30. Le prélèvement d'une poche de sang dure environ dix minutes, et l'ensemble du processus, de votre arrivée jusqu'à votre départ, prend environ 45 minutes à 1 heure. Questionnaire interactif sur le don de sang : https://www.hemaquebec.ca/don-sang/admissibilite-sang/questionnaire-sang.";
  display: block !important;
  order: 2 !important;
  margin-bottom: 24px !important;
  padding: 0 20px !important;
  font-size: 16px !important;
  color: #555 !important;
  line-height: 1.7 !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  max-height: none !important;
}

/* Hide sidebar images */
aside.timeline-sidebar .item__picture-wrapper {
  display: none !important;
}

aside.timeline-sidebar .item-provider-item {
  display: none !important;
}
#sb_datetime_step_container::before {
  order: 1 !important;
}

#sb_datetime_step_container::after {
  order: 2 !important;
}

#sb_datetime_step_container > * {
  order: 3 !important;
}
/* Remove sidebar completely */
#sb_sidebar_container {
  display: none !important;
}

/* Make the calendar full width */
.col-md-9 {
  width: 100% !important;
}

/* Add padding to push text from edges */
#sb_datetime_step_container::before,
#sb_datetime_step_container::after {
  padding: 0 20px !important;
}
#sb_booking_company_time {
  display: none !important;
}