// DATEPICKERS
.ui-widget {
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:$font-size-base;
}

.ui-widget {

	&.ui-widget-content {

		background:#eee;

		th {
			color:$blue-deep;
		}

		.ui-state-hover {
			border-color:$blue-read;
		}
	}

	&.ui-corner-all {
		border-radius:5px;
	}

	.ui-widget-header {
		background:$blue-read;
		border:none;
		color:#fff;
		font-weight:500;

		.ui-icon {
			background-image:url(/img/ui-icons_ffffff_256x240.png);
		}

		.ui-state-hover {

				background-color:#fff;

			.ui-icon {
				background-color:#fff;
				background-image:url(/img/ui-icons_007BE3_256x240.png);
				background-position:-48px -192px;
				border-color:$blue-read;
			}

			&:first-of-type() {
				background-position:-80px -192px;
			}
		}

		&.ui-corner-all {
			border-radius:4px;
		}

	}

	.ui-state-default {
		background:#fff;
		color:$blue-deep;
	}

	table.ui-datepicker-calendar {
		background:transparent;
	}

}