/*
	Loaded THIRD to set basic application branding for jQuery UI elements
*/
/*
	SIMPLE FLAT DATEPICKER --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#ui-datepicker-div {
	background:#323544;
	padding:20px;
	z-index:16000003!important;
	width: 300px;
	display: none;
}	

.ui-datepicker-calendar {
	margin-top:10px;
	background: rgba(0,0,0,0.1);
    padding: 5px 10px;
}

.ui-datepicker-calendar th {
	color:#FFFFFF;
	border-bottom:1px solid rgba(255,255,255,0.1);
	font-weight:400;
	text-align:center;
}

.ui-datepicker-calendar td a {
	text-align:center;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	padding:5px;
	background:rgba(255,255,255,0.1);
}

.ui-datepicker-calendar td a:hover {
	background:#0089d1;
	transition:all ease 0.7s;
}

.ui-datepicker-prev {
	float:left;
}

.ui-datepicker-next {
	float:right;
}

.ui-datepicker-title {
	text-decoration:none;
	color:#FFFFFF;
	margin:0 5px;
	text-align:center;
}

.ui-datepicker-title  select {
	border:none;
	background:#4c768e;
	color:#FFFFFF;
}

.ui-datepicker-month {
	padding-right: 10px;
}

.ui-datepicker-header a {
	text-decoration:none;
	color:#FFFFFF;
	padding:5px 10px;
	font-size:0.9em;
	background:rgba(255,255,255,0.1);	
}

.ui-datepicker-header a:hover {
	cursor:pointer;
	color:#FFFFFF;
	text-decoration:none;
	background:#0089d1;
	transition:all ease 0.7s;
}
/*
	END SIMPLE FLAT DATEPICKER --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/