﻿.datePicker{
	background-color:#e8f2fa;
	border:1px solid #c6bfd7;
	border-radius:2px;
	color:#375170;
	direction:rtl;
	display:block;
	font-family:inherit;
	font-size:12px;
	font-weight:normal;
	line-height:1;
	width:300px;
	padding:5px;
	box-shadow:0px 0px 3px rgba(0,0,0,0.3);
	text-shadow:none
}
.datePicker td{
	padding:0 5px 2px;
	width:1%
}
.datePickerRow{
	background-color:#fff
}
.datePickerFriDay{
	background-color:#ffcbb3
}
.datePickerDay,.datePickerDaySelect,.datePickerToday{
	border-right:1px dotted #c2cedc;
	cursor:pointer;
	height:22px;
	min-width:30px;
	padding:2px 0 1px!important;
	text-align:center
}
.datePickerDay:hover,.datePickerDaySelect:hover,.datePickerToday:hover{
	background-color:#ffee88;
	border-radius:2px;
	color:inherit;
	transform:scale(1.1)
}
.datePickerDaySelect{
	background-color:#6666ff;
	border-radius:2px;
	color:#fff
}
.datePickerToday{
	background-color:#8fd08c;
	border-radius:2px;
	color:#fff
}
.datePickerHeader div{
	background-color:#fff;
	border:1px solid #c2cedc;
	border-radius:2px;
	display:inline-block
}
.datePickerHeader td{
	padding:0 0 5px
}
.datePickerFooter td{
	padding:5px 0 0
}
.datePickerHeader button,.datePickerFooter button{
	background:linear-gradient(#dcecff, #bacadd);
	border:1px solid #c2cedc;
	border-radius:2px;
	color:inherit;
	cursor:pointer;
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	height:22px;
	min-width:22px;
	padding:2px 5px 4px;
	margin:1px
}
.datePickerHeader button,.datePickerHeader option{
	font-family:Tahoma,sans-serif
}
.datePickerFooter button{
	padding:3px 5px
}
.datePickerHeader button:hover,.datePickerFooter button:hover{
	background:linear-gradient(#ffee88,#efde78);
	border:1px solid #ffcc66
}
.datePickerHeader select{
	background-color:#fff;
	border:none;
	box-shadow:none;
	color:#116f1c;
	display:inline-block;
	font-family:inherit;
	font-size:inherit;
	min-width:60px;
	padding:0 5px;
	text-align:center;
	width:auto
}
.datePickerYear,.datePickerClose{
	text-align:left
}
@media (max-width:480px){
.datePicker{
	bottom:0;
	left:0;
	position:fixed;
	width:100%
}
}