.calendar-datepicker .ui-datepicker {
	width: 100%;
}

.calendar-datepicker .ui-widget-header {
	color: black;
    background: white;
    border: white;
    font-family: 'Lato', sans-serif;
}

.calendar-datepicker .ui-datepicker .ui-datepicker-prev,
.calendar-datepicker .ui-datepicker .ui-datepicker-next,
.calendar-datepicker .ui-selectmenu-button span.ui-icon {
	color: black;
	height: 30px;
}

.calendar-datepicker .ui-datepicker table {
	background: white;
	margin: 0;
}

.calendar-datepicker .ui-datepicker th {
	font-family: 'Lato', sans-serif;
}

.calendar-datepicker .ui-state-default,
.calendar-datepicker .ui-widget-content .ui-state-default,
.calendar-datepicker .ui-widget-header .ui-state-default {
	border: 0;
	background: white;
	font-family: 'Lato', sans-serif;
	text-align: center;
}

.calendar-datepicker .ui-state-hover,
.calendar-datepicker .ui-widget-content .ui-state-hover,
.calendar-datepicker .ui-datepicker-current-day .ui-state-hover,
.calendar-datepicker .ui-widget-content .ui-datepicker-current-day a.ui-state-hover,
.calendar-datepicker .ui-widget-header .ui-state-hover,
.calendar-datepicker .ui-state-focus,
.calendar-datepicker .ui-widget-content .ui-state-focus,
.calendar-datepicker .ui-widget-header .ui-state-focus {
	background: #8b7768 !important;
	color: white;
}

.calendar-datepicker .ui-widget-content .ui-datepicker-current-day a {
	background: #9c8b7e;
	color: white;
}

.calendar-datepicker .ui-datepicker tr {
	border-top: 3px solid white;
    border-bottom: 3px solid white;
}

.calendar-datepicker .ui-datepicker td.highlighted,
.calendar-datepicker .ui-datepicker td.highlighted a {
	color: white;
	background: #DC5F00;
}

.calendar-datepicker .ui-datepicker td.semihighlighted,
.calendar-datepicker .ui-datepicker td.semihighlighted a {
	color: white;
	background: #e68e4c;
}

.calendar-datepicker .ui-datepicker td.semihighlighted.ui-datepicker-current-day,
.calendar-datepicker .ui-datepicker td.semihighlighted.ui-datepicker-current-day a,
.calendar-datepicker .ui-datepicker td.highlighted.ui-datepicker-current-day,
.calendar-datepicker .ui-datepicker td.highlighted.ui-datepicker-current-day a {
	background: #9c8b7e;
	color: white;
}

.calendar-sidebar .current-event {
	font-family: 'Lato', sans-serif;
    font-size: 17px;
    line-height: 15px;
    padding-top: 5px;
}

.calendar-sidebar .current-event a.more {
	color: #DC5F00;
    text-decoration: none;
    font-family: 'Inconsolata', monospace;
    font-weight: bold;
    font-size: 18px;
    background: none;
    line-height: 18px;
    padding: 0;
    text-align: right;
    margin: 0;
}

.flexcroll{
    scrollbar-face-color: #DC5F00;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
}

/* Let's get this party started */
.flexcroll::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
.flexcroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
.flexcroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(220,95,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}