
.date-picker {
	width:170px;
	height:25px;
	padding:0;
	border:0;
	line-height:25px;
	padding-left:10px;
	font-size:16px;
	font-family:Arial,sans-serif;
	font-weight:700;
	cursor:pointer;
	color:#000;
	position:relative;
	z-index:2 }
 

 
.date-picker-wrapper {
	position:absolute;
	z-index:99 !important;
	border:0px solid rgba(0, 0, 0, 0.06);
	background-color: #fff;
	border-radius: 5px;
	padding:5px 1.5rem;
	font-size:16px;
	line-height:20px;
	color:#000;
	-webkit-box-shadow:3px 3px 10px rgba(0,0,0,.1);
	box-shadow:3px 3px 10px rgba(0,0,0,.1);
	-webkit-box-sizing:initial;
	box-sizing:initial }

.date-picker-wrapper > * {
	
}
	.date-picker-wrapper.no-topbar { padding-top:16px }
 
	.date-picker-wrapper.no-shortcuts { padding-bottom:0px }
 
	.date-picker-wrapper.inline-wrapper {
		position:relative;
		
		-webkit-box-shadow:none;
		box-shadow:none;
		display:block }
 
	.date-picker-wrapper.single-date { width:auto }
 
	.date-picker-wrapper.single-month .time { display:block }
 
	.date-picker-wrapper.two-months.no-gap .month1 .next,.date-picker-wrapper.two-months.no-gap .month2 .prev { display:none }
 
	.date-picker-wrapper a { color:#6bb4d6;text-decoration:underline }
 
	.date-picker-wrapper b { color:#3466fa;font-weight:700 }
 
	.date-picker-wrapper .time1 { float:left }
 
	.date-picker-wrapper .week-number {
		padding:5px 0;
		line-height:1;
		font-size:16px;
		margin-bottom:1px;
		color:#999;
		cursor:pointer }
 
		.date-picker-wrapper .week-number.week-number-selected { color:#3466fa;font-weight:700 }
 
	.date-picker-wrapper .time2 { float:right }
 
	.date-picker-wrapper .first-date-selected { background-color:#3466fa!important;color:#fff!important }
 
	.date-picker-wrapper .hide { display:none }
 
	.date-picker-wrapper .last-date-selected { background-color:#3466fa!important;color:#fff!important }
 
	.date-picker-wrapper .date-range-length-tip {
		position:absolute;
		margin-top:-4px;
		margin-left:-8px;
		-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);
		box-shadow:0 0 3px rgba(0,0,0,.3);
		display:none;
		color: #fff;
		background-color:#000;
		
		padding:2px 6px;
		border-radius:2px;
		font-size:13px;
		line-height:16px;
}
 
		.date-picker-wrapper .date-range-length-tip:after {
			content:'';
			position:absolute;
			border-left:4px solid transparent;
			border-right:4px solid transparent;
			border-top:4px solid #000;
			left:50%;
			margin-left:-4px;
			bottom:-4px }
 
	.date-picker-wrapper .month-element { display:inline-block;vertical-align:middle }
 
	.date-picker-wrapper .drp_top-bar {
		
		line-height:1.4;
		position:relative;
		padding:10px 0px 10px 0px;
		text-align: center; }
	#rental .date-picker-wrapper .drp_top-bar {
		text-align: left;
	}
		.date-picker-wrapper .drp_top-bar.normal .default-top { display:none }
 
		.date-picker-wrapper .drp_top-bar.error .error-top { display:block;color:red }
 
		.date-picker-wrapper .drp_top-bar.normal .normal-top { display:block }
 
		.date-picker-wrapper .drp_top-bar.error .default-top { display:none }
 
		.date-picker-wrapper .drp_top-bar .apply-btn {
			position:absolute;
			right:0;
			top:6px;
			padding:3px 5px;
			margin:0;
			font-size:16px;
			border-radius:4px;
			cursor:pointer;
			color:#d9eef7;
			border:solid 1px #0076a3;
			background:#0095cd;
			background:-moz-linear-gradient(top,#00adee,#0078a5);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
			color:#fff;
			line-height:initial }
 
			.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
				cursor:pointer;
				color:#606060;
				border:solid 1px #b7b7b7;
				background:#fff;
				background:-moz-linear-gradient(top,#fff,#ededed);
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed') }
 
		.date-picker-wrapper .drp_top-bar .default-top { display:block }
 
		.date-picker-wrapper .drp_top-bar .normal-top { display:none }
 
		.date-picker-wrapper .drp_top-bar .error-top { display:none }
	
	.date-picker-wrapper.inline-wrapper .drp_top-bar {
		font-weight: 700;
		font-size: 2.2rem;
	}
	#rental .date-picker-wrapper.inline-wrapper .drp_top-bar  {
		font-weight: 700;
		font-size: 1.4rem;
	}
	
	.date-picker-wrapper .select-wrapper {
		position:relative;
		overflow:hidden;
		display:inline-block;
		vertical-align:middle }
 
		.date-picker-wrapper .select-wrapper:hover { text-decoration:underline }
 
		.date-picker-wrapper .select-wrapper select {
			position:absolute;
			margin:0;
			padding:0;
			left:0;
			top:-1px;
			font-size:inherit;
			font-style:inherit;
			font-weight:inherit;
			text-transform:inherit;
			color:inherit;
			cursor:pointer;
			-webkit-appearance:none;
			-moz-appearance:none;
			appearance:none;
			background:0 0;
			border:0;
			outline:0;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
			filter:alpha(opacity=1);
			opacity:.01 }
 
	.date-picker-wrapper .month-name { text-transform:none; }
 
	.date-picker-wrapper .footer { font-size:12px;padding-top:3px }
 
	.date-picker-wrapper .gap {
		position:relative;
		z-index:1;
		width:15px;
		height:100%;
		background-color:transparent;
		font-size:0;
		line-height:0;
		float:left;
		top:-5px;
		margin:0 10px -10px;
		visibility:hidden;
		height:0 }
 
		.date-picker-wrapper .gap .gap-top-mask {
			width:6px;
			height:1px;
			position:absolute;
			top:-1px;
			left:1px;
			background-color:#eee;
			z-index:3 }
 
		.date-picker-wrapper .gap .gap-line {
			height:15px;
			width:15px;
			position:relative }
 
			.date-picker-wrapper .gap .gap-line .gap-3 {
				position:absolute;
				right:0;
				top:8px;
				z-index:2;
				height:0;
				border-left:8px solid transparent;
				border-bottom:8px solid #fff }
 
			.date-picker-wrapper .gap .gap-line .gap-2 {
				position:absolute;
				right:0;
				top:0;
				z-index:2;
				height:0;
				border-left:8px solid transparent;
				border-top:8px solid #fff }
 
			.date-picker-wrapper .gap .gap-line .gap-1 {
				z-index:1;
				height:0;
				border-left:8px solid #fff;
				border-top:8px solid #eee;
				border-bottom:8px solid #eee }
 
		.date-picker-wrapper .gap .gap-lines { height:100%;overflow:hidden; display:none; }
 
		.date-picker-wrapper .gap .gap-bottom-mask {
			width:6px;
			height:1px;
			position:absolute;
			bottom:-1px;
			left:7px;
			background-color:#eee;
			z-index:3 }
 
	.date-picker-wrapper .selected-days { display:none }
 
	.date-picker-wrapper .time { position:relative }
 
		.date-picker-wrapper .time input[type=range] {
			vertical-align:middle;
			width:129px;
			padding:0;
			margin:0;
			height:20px }
 
		.date-picker-wrapper .time label { white-space:nowrap }
 
	.date-picker-wrapper .month-wrapper {
		width: 400px !important;
		border:0px solid #bfbfbf;
		border-radius:5px;
		background-color: #fff;
		padding:5px;
		cursor:default;
		position:relative;
		box-sizing:border-box;
		_overflow:hidden }
	
	
	
	.date-picker-wrapper.two-months {
		border:0;
	}
	.date-picker-wrapper.two-months  .month-wrapper {
		width: 100% !important;
	}
	#rental  .date-picker-wrapper .month-wrapper {
		width: 100% !important;
	}
 
		.date-picker-wrapper .month-wrapper table { width:100%;float:left }
		.date-picker-wrapper .month-wrapper table tbody tr:nth-child(even) {
			background: transparent;
			border:0;
		}
		.date-picker-wrapper .month-wrapper table thead, 
		.date-picker-wrapper .month-wrapper table tbody,
		.date-picker-wrapper .month-wrapper table tfoot {
			background: transparent;
			border:0;
		}
		
		
		.date-picker-wrapper.two-months .month-wrapper table { width: 47%;float:left }
		.date-picker-wrapper.two-months .month-wrapper table.month2 { width: 47%;float:right }
		
		.date-picker-wrapper.single-month .month-wrapper {
			width: 400px !important;
		}
		
		#rental .date-picker-wrapper.single-month .month-wrapper {
			width: 100% !important;
		}
		@media (max-width: 640px) {
			
			.date-picker-wrapper .month-wrapper {
				width: 100% !important;
			}
			.date-picker-wrapper.single-month .month-wrapper {
				width: 100% !important;
			}
		}
			
			
			.date-picker-wrapper .month-wrapper table .day {

				border-radius: 3px;
				padding:10px 0;
				padding-right: 5px;
				line-height:1;
				font-size:16px;
				margin:2px;
				color:#ccc;
				cursor:default;
				background-color: rgba(0, 0, 0, 0.08); }
				
				.date-picker-wrapper .month-wrapper table .day .extra {
					display: block;
					padding-top:10px;
				}
 
				.date-picker-wrapper .month-wrapper table .day.checked { background-color:#9cdbf7 }
 
				.date-picker-wrapper .month-wrapper table .day.has-tooltip { cursor:help!important }
 
				.date-picker-wrapper .month-wrapper table .day.real-today { background-color:#ffe684 }
 
					.date-picker-wrapper .month-wrapper table .day.real-today.checked,.date-picker-wrapper .month-wrapper table .day.real-today.hovering { background-color:#70ccd5 }
 
				.date-picker-wrapper .month-wrapper table .day.toMonth.hovering { background-color:#e9f7ea;  }
 
				.date-picker-wrapper .month-wrapper table .day.toMonth.valid { color:#333;cursor:pointer }
 
				.date-picker-wrapper .month-wrapper table .day.lastMonth,.date-picker-wrapper .month-wrapper table .day.nextMonth { display:none }
 
			.date-picker-wrapper .month-wrapper table .week-name {
				height:20px;
				line-height:20px;
				font-weight:400;
				text-transform:none;
				 }
 
			.date-picker-wrapper .month-wrapper table td,.date-picker-wrapper .month-wrapper table th {
				width: 14.2%;
				vertical-align:middle;
				text-align:center;
				line-height:14px;
				margin:0;
				padding:0 }
			
			.date-picker-wrapper .month-wrapper table .week-name th {
				text-align: right;
				padding-right: 5px;
			}	
			.date-picker-wrapper .month-wrapper table td {
				text-align: right;
			}
			.date-picker-wrapper .month-wrapper table div.day.lastMonth,.date-picker-wrapper .month-wrapper table div.day.nextMonth { color:#999;cursor:default }
 
	.date-picker-wrapper .hour,.minute { text-align:right }
 
	.date-picker-wrapper .time1,.time2 {
		width:180px;
		padding:0 5px;
		text-align:center }
 
	.date-picker-wrapper table .caption { height:50px }
 
		.date-picker-wrapper table .caption .next,
		.date-picker-wrapper table .caption .prev {
			display: block; 
			padding:10px 20px;cursor:pointer;
			border-radius: 5px;
			border: 1px solid rgba(0, 0, 0, 0.08);
			-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
		}
		.date-picker-wrapper table .caption .prev {
		
		}
		.date-picker-wrapper table .caption .next {
		
		}
 
		.date-picker-wrapper table .caption .next:hover,.date-picker-wrapper table .caption .prev:hover { background-color:transparent;color:#481c8f;border-color: #481c8f; }
 
 
 