@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'relative-pro';
		src: url('/2/fonts/relative-variable-proportional-pro.woff') format('woff'),
			 url('/2/fonts/relative-variable-proportional-pro.ttf') format('truetype');
	}

.ui-datepicker { 
	border: none; 
	border-radius:5px;
	box-shadow: 0px 8px 16px 0px #CCC; 
	font-family: 'relative-pro', sans-serif; 
	letter-spacing: 0.03em; 
	color: #494C54; 
	font-weight: 300;
	padding: 16px;
}

.ui-datepicker .ui-datepicker-header { background: #FFF; border: none;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon { background-image: url("/2/img/icons/datepicker-left.png"); background-position: center; background-size: 16px;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon { background-image: url("/2/img/icons/datepicker-right.png"); background-position: center; background-size: 16px;}
.ui-datepicker .ui-datepicker-header .ui-state-hover { background: #E3E6ED; border: none; top: 2px;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover { left: 2px;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover { right: 2px;}
.ui-datepicker-prev, .ui-datepicker-next {
	cursor: pointer;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px; /* future proofing */
	-khtml-border-radius: 50px; /* for old Konqueror browsers */	
	transition: all 0.2s ease;
}

.ui-datepicker th { font-family: 'relative-pro', sans-serif; font-size: 0.85em; font-weight: 800;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month { margin-right: 3px;}
.ui-datepicker .ui-datepicker-title select { font-size: 0.7em; font-family: 'relative-pro', sans-serif; color: #494C54;}

/* Non selected day */
.ui-datepicker td .ui-state-default { 
	background: #FFF; 
	border: none; 
	text-align: center; 
	font-size: 1em; 
	transition: all 0.2s ease;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px; /* future proofing */
	-khtml-border-radius: 50px; /* for old Konqueror browsers */
}
.ui-datepicker td .ui-state-default:hover { background: #E3E6ED;}
.ui-datepicker td .ui-state-default:active { color: #FFF; background: #ED5373;}

.ui-datepicker tr:hover {background: #FFF; }


.ui-datepicker td {
    border: 0;
    padding: 4px;
}

.ui-datepicker th {
    padding: .8em .3em;
}