@import "variables.less";

.ui-datepicker {
	background: #fff;
	.border;
	.rounded-corners();
	overflow: hidden;
	padding: 0;
	display: none;
}

.ui-datepicker-header{
	.bg-gray-gradient;
	.border-bottom;
	width: 100%;
	height: 35px;
	text-align: center;		
}

.ui-datepicker-title{
	display: inline-block;
	padding: 3px;
}

.ui-datepicker-month,
.ui-datepicker-year{
	padding: 2px;
	margin: 2px;
	.border;
	.rounded-corners(1px);	
}

.ui-datepicker-prev{
	float: left;
}

.ui-datepicker-next{
	float:right;
}

.ui-datepicker-prev,
.ui-datepicker-next{
	line-height: 25px;
	padding: 5px;
	cursor: pointer;
	font-weight: bold;
}

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

.ui-datepicker-calendar th{
	text-align: center;
}

.ui-datepicker-calendar a.ui-state-default{
	.border-light;
	display: block;
	background: @bg-gray-light;
	.rounded-corners(2px);
	width: 30px;
	height: 25px;
	line-height: 25px;
	text-align: right;
	margin: 1px;
	padding: 0 7px;
}

.ui-datepicker-calendar a.ui-state-hover{
	background: @bg-gray-lighter;
	.border;
	text-decoration: none;
}

.ui-datepicker-calendar a.ui-state-active{
	background: @bg-today;	
}