/* table */
.ui-datepicker-calendar{
	width:100%;
}
/* main container */
.ui-widget-content{
	display:none;
	background:#fff;
	border:none;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	padding:15px;
	width:400px;
	border:1px solid #efefef;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}
/* header */
.ui-datepicker-header{
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	background:#fff;
	border:none;
}
.ui-datepicker-header:after{
	content:"";
	display:table;
	clear:both;
}
/* days names */
.ui-datepicker-calendar th{
	color:#555555;
	
}
/* color of single date */
.ui-state-default{
	color:#fff;
	
}
.ui-datepicker-prev, .ui-datepicker-next{
	color:#102e4a;
	font-family:'Lato',sand-serif;
	text-transform:uppercase;
	font-weight:600;
	font-size:10px;
	cursor:pointer;
	display:block;
}
.ui-datepicker-prev{
	float:left;
}
.ui-datepicker-next{
	
	text-align:right;
	float:right;
}
.ui-datepicker-prev.ui-state-disabled, .ui-datepicker-next.ui-state-disabled{
	opacity:0.5;
}
/* datepicker title */
.ui-datepicker-title{
	text-align:center;
	font-family:'Lato',sand-serif;
	text-transform:uppercase;
	font-weight:600;
	font-size:12px;
	margin:20px 0;
}
/* single date content */
.ui-datepicker td span, .ui-datepicker td a{
	padding:10px;
	text-align:center;
	border:none;
	background:#215e96;
	
	font-size:15px;
	position:relative;
	display:block;
	margin:5px;
	
	transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
}
/* single date content after (triangle) */
.ui-datepicker td a:after{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 13px 0 0;
	border-color: #215e96 transparent transparent transparent;
	position:absolute;
	left:0px;
	top:0px;
	
	transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
}
/* hover states on single date */
.ui-datepicker td:hover span, .ui-datepicker td:hover a{
	color:#fff;
	background:#102e4a;
}
.ui-datepicker td:hover a:after{
	content:"";

	border-style: solid;
	border-width: 13px 13px 0 0;
	border-color: #fff transparent transparent transparent;
	position:absolute;
	left:0px;
	top:0px;
}
/* selected date */
.ui-state-default.ui-state-active{
	color:#fff;
	background:#102e4a;
}
.ui-state-default.ui-state-active:after{
	border-color:#102e4a;
}
/* today date */
.ui-state-default.ui-state-highlight{
	

}
/* month in header */
.ui-datepicker-month{
	color:#102e4a;
	background:transparent;
	border:none;
	font-weight:400;
	
	padding:5px;
	font-size:16px;
	position:relative;
	left:0px;
	
	
}
/* year in header */
.ui-datepicker-year{
	font-size:15px;
	color:#102e4a;
	font-weight:400;
	
	position:relative;
	
}
/* disabled dates */
.ui-datepicker-unselectable.ui-state-disabled .ui-state-default{
	background:transparent;
	color:#102e4a;
	
	
}
.ui-datepicker td span, .ui-datepicker td a:after {
	width:auto;
	height:auto;
	
}