@__widget-text-color:#3f3f3f;

body .ui-datepicker{
	padding:0;
	border:none;
	.mix-layout-box();
	font-family:@main-font-family;

	.ui-datepicker-header{
		height:55px;
		padding:5px;
		.mix-alternative-text();

		.ui-datepicker-title{
			height:100%;
			line-height:45px;
			margin:0;
			background:#f6f6f6;
			color:@__widget-text-color;
		}

		.ui-datepicker-prev span,
		.ui-datepicker-next span{
			display:none;
		}

		.ui-datepicker-prev,
		.ui-datepicker-next{
			width:30px;
			height:30px;
			top:50%;
			.translate(0, -50%);
			border-bottom:none;
			color:#b6b6b6;
			text-align:center;
			font-weight:normal;
		}

		.ui-datepicker-prev{
			.left(12px);
			.left-reset();
			font-family:FontAwesome;

			&:before{
				content:"\f190";
			}
		}

		.ui-datepicker-next{
			.right(12px);
			.right-reset();
			font-family:FontAwesome;

			&:before{
				content:"\f18e";
			}
		}

		.ui-state-hover{
			background:none;
			border:none;
			color:@__widget-text-color;
		}
	}

	.ui-datepicker-calendar{
		width:100%;
		table-layout:fixed;

		tr{
			&:last-child{
				td{
					border-bottom:none;
				}
			}
		}
	}

	.ui-widget-header{
		background:none;
		border:none;
		color:@__widget-text-color;
	}

	.ui-widget-content{
		color:@__widget-text-color;
	}

	.ui-corner-all{
		border-radius:0;
	}

	table{
		margin:0;
		border:none;
		font-size:1em;
	}

	th{
		padding:5px 0 15px;
		text-transform:capitalize;
		color:@__widget-text-color;
	}

	td{
		padding:0;
		border:1px solid #ededed;
	}

	.ui-datepicker-other-month{
		border:none;
	}

	.ui-state-default,
	.ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default{
		padding:0;
		border:none;
		background:none;
		text-align:center;
		color:@__widget-text-color;
	}

	.ui-state-disabled{
		opacity:1;

		.ui-state-default{
			background:#fafafa;
			color:fade(@__widget-text-color, 20%);
		}
	}

	.undefined{
		.mix-transition();

		&:hover{
			background:#f0f0f0;
		}
	}

	.ui-datepicker-current-day{
		background:#f0f0f0 !important;

		a{
			color:@main-color3 !important;
		}
	}

	.ui-datepicker-today{
		background:none;

		a{
			color:@main-color1;
		}
	}
}

body .ui-widget{
	font-size:1em;
}