/* Calendar popup */

.date_nav {
	font-size: 34px !important;
	text-shadow: 1px 1px 1px #fff;
	display: block;
	line-height: 30px;
	float: left;
	color: #999;
}

.date_back {
	margin-right: 6px;
}
.date_next {
	margin-left: 6px;
}


.date_nav:hover {
	color: #111;
}

.ui-datepicker-header > a.ui-corner-all {
	top: 6px ! important;
	width: 0px ! important;
	height: 0px ! important;
	border-style: solid;
	cursor: pointer;
}

.ui-datepicker-header > a.ui-corner-all > .ui-icon {
	display: none !important;
}

.ui-datepicker .ui-state-active {
 color: #409BF0;
 background:#EEF4FB;
 font-weight: bold !important;
 border: solid 1px #409BF0;
}

.ui-datepicker-header > a.ui-datepicker-next {
	right: 6px;
	border-width: 8px 0 8px 8px;
	border-color: transparent transparent transparent #666;
}

.ui-datepicker-header > a.ui-datepicker-next:hover {
	border-color: transparent transparent transparent #000;
}

.ui-datepicker-header > a.ui-datepicker-prev {
	left: 6px;
	border-width: 8px 8px 8px 0;
	border-color: transparent #666 transparent transparent;
}

.ui-datepicker-header > a.ui-datepicker-prev:hover {
	border-color: transparent #000 transparent transparent;
}

.ui-datepicker-calendar a:hover{
	background: #eee;
	color: #000;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.7em; height: 1.8em; text-align: center;}


/*
	 * jQuery UI Datepicker 1.8.16
	 *
	 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
	 * Dual licensed under the MIT or GPL Version 2 licenses.
	 * http://jquery.org/license
	 *
	 * http://docs.jquery.com/UI/Datepicker#theming
 */
	.ui-datepicker { 
		padding: .2em .2em 0;
		display: none; 
		min-width: 300px;
		border:solid 1px #777;
		font-size: .9em;
		background: #eee;
		background: #ffffff; /* Old browsers */
		z-index: 10000 !important;
		background-color: #ffffff;
		border: 1px solid #cccccc;
		border: 1px solid rgba(0, 0, 0, 0.15);
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		background-clip: padding-box;
	}

	.ui-datepicker-calendar {
		border-collapse: separate;
	}

	.ui-datepicker button { background: transparent; border:0; }
	.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; font-weight:700}
    .ui-datepicker .ui-datepicker-header .ui-datepicker-month {font-weight:900}
	.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
	.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
	.ui-datepicker table {width: 100%; font-size: .9em;  ; margin:0 0 .4em; }
	.ui-datepicker th { width: 14%; padding: .3em; text-align: center; font-weight: 100; color: #666;  border: 0;  }
	.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0; text-align: right; text-decoration: none; }
	.ui-datepicker td.ui-datepicker-today {text-decoration:underline}
	.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
	.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
	.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

	/* with multiple calendars */
	.ui-datepicker.ui-datepicker-multi { /*width:auto; z-index:100 !important; */}
	.ui-datepicker-multi .ui-datepicker-group { float:left; }
	.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
	.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
	.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
	.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
	.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
	.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
	.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
	.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }


	/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
	.ui-datepicker-cover {
		display: none; /*sorry for IE5*/
		display/**/: block; /*sorry for IE5*/
		position: absolute; /*must have*/
		z-index: -1; /*must have*/
		filter: mask(); /*must have*/
		top: -4px; /*must have*/
		left: -4px; /*must have*/
		width: 200px; /*must have*/
		height: 200px; /*must have*/
	}

	.ui-datepicker td  {
		padding:0;
		margin:0;
		border: solid 1px transparent;
	}
	.ui-datepicker-unselectable  {
		border:0 !important;
	}

	.ui-datepicker td span,
	.ui-datepicker td a {
		text-align: center;
		font-size: 12px;
		padding: 5px;
		color: #24300F;
		background-color:#f9f9f9;
	}

	.ui-datepicker td.A a {
		background-color:#d4f296;
	}

	.date {
		text-align:center !important ;
	}


	.ui-datepicker-current-day  a {
		color: #000;
		background: #fff;
	}

	.ui-datepicker td.start {
		color:#999;
		background-color:#f9f9f9;
		text-shadow: #FFF 0 1px 0;
	}

	.ui-datepicker td.sel a {
		color: #409BF0;
		background: #EEF4FB;
		font-weight: bold;
		border: solid 1px #409BF0;
	}

	.ui-datepicker td.start a {
		border-left: 2px solid;
	}

	.ui-datepicker td.end a {
		border-right: 3px solid;
	}

	.ui-datepicker td.start::before {
	/*.ui-datepicker td.end::after {*/
		content: "";
		margin-left: 2px;
		border-width: 13.5px 0 13.5px 3px;
		border-color: transparent transparent transparent #409BF0;
		position: absolute;
		text-indent: -99999px ! important;
		width: 0px ! important;
		height: 0px ! important;
		border-style: solid;
		cursor: pointer;
	}

	.ui-datepicker td.start.end::before {
		display: none;
	}

	.ui-datepicker td.start.end a {
		border: 1px solid;
	}

	.ui-datepicker td.sel a,
	.ui-datepicker .ui-state-active,
	.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
		padding: 4px;
	}

	.ui-datepicker td.X a {
		color:#999;
		text-shadow: #FFF 0 1px 0;
	}
	.ui-datepicker td.sel.X a {
		background-color:#f2bd96;
		color:firebrick !important;
		border: 1px solid #FFE4DD;
		font-weight: 300;
	}

	.ui-datepicker td.A:hover {
		opacity: .65;
		font-weight: bold;
	}

@media screen and (max-width: 600px) {
	.ui-datepicker {
		width: auto !important;
		min-width: initial;
		left: 10px !important;
		right: 10px !important;
	}
}