/*
	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 #main-buttons {
       min-height: 480px;
       max-height: 650px;
       background-color: rgb(44 44 44/50%);
    background-blend-mode: multiply;
}
#main-buttons .wrapper {
     min-height: 850px;
     max-height: 900px;
}
#main-buttons .wrapper .inner .bar {
    padding: 0px;
    text-align: left;
}
#main #main-buttons .company-name {
    font-size: 40px;
    font-weight: 900;
    text-align: left;
    letter-spacing: 1px;
    max-width: 100%;
}
#main-buttons .wrapper .bar .btn {
    margin: 10px;
    min-height: 60px;
    font-size: 20px;
    font-weight: 900;
}