/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/

               table {
			border-collapse: collapse;
			width: auto;
		}
		td {
			padding: 3px 0;
			border-bottom: 1px solid #ccc;
			vertical-align: center;
                        font-size: 1.1rem !important;
                        color: #772196 !important;
		}
		td:first-child {
			padding-right: 40px;
		}
		tr:last-child td {
			border-bottom: none;
		}

h4 {
    font-size: 1.5rem !important;
    color: #772196 !important;
}

li {
    font-size: 1.2rem !important;
    color: #772196 !important;
}


header#header {
    background-color: #171a1c;
}

#header .nav-wrapper {
    background: #171a1c !important;
}

#header .nav-trigger {
    border: 1px solid #ffffff !important;
}

#header .nav-trigger .fa {
    color: #f7f7f7 !important;
}

#header .nav-wrapper #sb_menu .nav li a {
    color: #ffffff !important;
}

#header .nav-wrapper #sb_menu .nav li a:hover {
    color: #a62ed1  !important;
}

div#time-settings {
    display: none !important;
}

/** Changes the padding of the Calendar on mobile devices **/
@media (max-width: 767px) {
.section-pd {
    padding: 15px;
}

.col-sm-12 {
    padding: 0;
}
}

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