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

#main-buttons .bar {
  transform: translateY(95px) !important;
}

@media (max-width: 767px) {
  #main-buttons {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }
  #main-buttons .bar {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    transform: translateY(130px) !important;
  }
  #main-buttons .bar .btn {
    padding: 8px 10px !important;
    font-size: 12px !important;
    min-width: 0 !important;
  }
}

#sb_sidebar_container .provider-item.item {
  display: none !important;
}

@media (max-width: 991px) {
  #sb_sidebar_container {
    display: block !important;
  }
}

#sb_datetime_step_container .row:has(> #sb_sidebar_container) {
  display: flex !important;
  flex-wrap: wrap !important;
}

#sb_sidebar_container {
  order: 2 !important;
}

#sb_sidebar_container .cap.short {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  line-height: 1.3 !important;
}

#sb_sidebar_container .txt.short {
  display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  height: auto !important;
  max-height: none !important;
  line-height: 1.3 !important;
}