/* -------------------------------- 

	Date Picker

-------------------------------- */


.date-picker-wrapper.no-shortcuts.inline-wrapper.no-gap.two-months, .date-picker-wrapper.no-shortcuts.inline-wrapper.two-months.has-gap {
	width: 100% !important;
	padding-bottom: 20px;
}

.date-picker-wrapper.no-shortcuts.inline-wrapper.no-gap.two-months {
	background-color: #fff;
	padding: 0;
}

.date-picker-wrapper .month-wrapper table {
	width: 100% !important;
	max-width: 400px;
	text-align: center !important;
}

.date-picker-wrapper .month-wrapper {
	border: 0 solid #bfbfbf !important;
	border-radius: 3px;
	background-color: #fff;
	padding: 5px;
	cursor: default;
	position: relative;
	width: 85% !important;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.month-wrapper {
	width: 76% !important;
}

.select-container-calendar {
	padding: 0 13px 13px;
}

.month1 {
	text-align: center !important;
	position: relative;
	width: 100%;
	float: left !important;
}

.month2 {
	text-align: center !important;
	position: relative;
	width: 100%;
	float: right !important;
}

.date-picker-wrapper .gap {
	visibility: hidden;
	height: 0 !important;
}

.gap {
	background: center no-repeat;
	background-size: cover;
	height: 400px;
}

.date-picker-wrapper table .caption {
	height: 40px !important;
}



.date-picker-wrapper .month-wrapper table td, .date-picker-wrapper .month-wrapper table th {
	vertical-align: middle !important;
	text-align: center !important;
	line-height: 14px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.date-picker-wrapper .month-wrapper table thead tr th.month-name {
	font-size: 1.3333em !important;
	width: 71.4286% !important;
	color: #595959 !important;
	font-family: tex_gyre_adventor_regular, Arial, Tahoma, Verdana, Helvetica, sans-serif !important;
	font-weight: 400 !important;
	line-height: 1.571em !important;
	letter-spacing: .045em !important;
	resize: none !important;
	outline: 0 !important;
}

.date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev {
	padding: 0 5px;
	cursor: pointer;
	color: #f9a21c;
	font-size: 24px;
	font-weight: 700;
}

.next {
	margin-top: 7px;
}

.slick-loading .slick-list, tr:nth-of-type(even) {
	background: #fff;
}

.date-picker-wrapper .month-wrapper table tbody tr td div.day {
	align-items: center !important;
	display: block !important;
	font-size: 1.333em !important;
	height: 2.4375em !important;
	justify-content: center !important;
	line-height: 2.4375em !important;
	margin: 0 auto !important;
	padding: 0 !important;
	width: 3.4375em !important;
	background-color: #f7f7f7;
}

.field-label {
	color: #644459;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}

.date-picker-wrapper .month-wrapper table .day.checked {
	background-color: #8c607d !important;
	color: #fff !important;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
	background-color: #8c607d !important;
	color: #fff !important;
}

.date-picker-wrapper .month-wrapper table tbody tr td div.day {
	align-items: center !important;
	display: block !important;
	font-size: 1.333em !important;
	height: 2.4375em !important;
	justify-content: center !important;
	line-height: 2.4375em !important;
	margin: 2.5px 0px 0px 0px !important;
	padding: 0 !important;
	width: 3.4375em !important;
	background-color: #f7f7f7;
}

.date-picker-wrapper .month-wrapper table .day {
	margin-bottom: 2px !important;
}

.first-date-selected {
	background: linear-gradient(to right bottom, #A9A9A9 50%, #8c607d 50%);
}

.last-date-selected {
	background: linear-gradient(to left top, #A9A9A9 50%, #8c607d 50%);
}

.date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev {
	padding: 0 5px;
	cursor: pointer;
	color: #8c607d;
	font-size: 24px;
	font-weight: 700;
}

.date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev {
	padding: 0 5px;
	cursor: pointer;
	color: #8c607d;
	font-size: 24px;
	font-weight: 700;
}

.clear-dates-container {
	position:relative;
}

.clear-dates {
	position: absolute;
	right: 15px;
	top: 0px;
	padding: 6px 10px !important;
	margin: 0px 0 0;
	font-size: 13px;
	border-radius: 4px;
	cursor: pointer;
	color: #fff !important;
	border: 0 solid #0076a3 !important;
	background: #8c607d !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00adee", endColorstr="#0078a5");
	line-height: initial;
}

.clear-dates:hover {
	position: absolute;
	right: 15px;
	top: 0px;
	padding: 6px 10px !important;
	margin: 0px 0 0;
	font-size: 13px;
	border-radius: 4px;
	cursor: pointer;
	color: #fff !important;
	border: 0 solid #0076a3 !important;
	background: #644459 !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00adee", endColorstr="#0078a5");
	line-height: initial;
}

.checkbox-newer {
	position:relative;
}

.checkbox-newer input[type=checkbox] {
	opacity: 0.00000001;
	position: absolute;
	width: 20px;
	height: 20px;
	margin-left: 16px;
	margin-top: 5px;
	z-index: 1;
	cursor: pointer;
	left: 0px;
}

@media only screen and (max-width: 575px) {

	.date-picker-wrapper .month-wrapper table tbody tr td div.day {
		font-size: 15px !important;
		height: 35px !important;
		width: 100% !important;
	}

	.date-picker-wrapper {
		position: absolute;
		z-index: 1;
		border: 1px solid #bfbfbf;
		background-color:#fff;
		padding:0px 0px;
		font-size: 12px;
		line-height: 20px;
		color: #aaa;
		font-family: Arial,sans-serif;
		-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,.5);
		box-shadow: 3px 3px 10px rgba(0,0,0,.5);
		-webkit-box-sizing: initial;
		box-sizing: initial
	}

		.date-picker-wrapper .month-wrapper {
			margin: 0  auto;
		}

	.clear-dates {
		position: relative;
		padding: 10px 10px 10px 10px !important;
		margin: 10px 10px 10px 15px;
		font-size: 13px;
		border-radius: 4px;
		cursor: pointer;
		color: #fff !important;
		border: 0 solid #0076a3 !important;
		background: #8c607d !important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00adee", endColorstr="#0078a5");
		line-height: initial;
		width: 100%;
	}

		.clear-dates:hover {
			position: relative;
			padding: 10px 10px 10px 10px !important;
			margin: 10px 10px 10px 15px;
			font-size: 13px;
			border-radius: 4px;
			cursor: pointer;
			color: #fff !important;
			border: 0 solid #0076a3 !important;
			background: #644459 !important;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00adee", endColorstr="#0078a5");
			line-height: initial;
			width: 100%;
		}

}

@media only screen and (max-width: 400px) {

	.date-picker-wrapper .month-wrapper table tbody tr td div.day {
		font-size: 12px !important;
		height: 30px !important;
		width: 100% !important;
	}
}