/*
 * Calendário dos campos de check-in/check-out (jQuery UI). O popup é anexado ao <body>, fora de
 * .hw, então as regras partem de #ui-datepicker-div. O tema pai o pinta de dourado (theme.css).
 */
body #ui-datepicker-div {
	min-width: 320px;
	padding: 16px;
	border: 0;
	border-radius: 0;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
	font-family: 'Montserrat', sans-serif;
}

body #ui-datepicker-div .ui-datepicker-header {
	background-color: #0B0B0B;
	border: 0;
}

body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.04em;
}

body #ui-datepicker-div .ui-datepicker-header .ui-corner-all:before,
body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:before,
body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next:before {
	color: #B0C90F;
}

body #ui-datepicker-div .ui-datepicker-header .ui-corner-all:hover:before {
	color: #fff;
}

body #ui-datepicker-div .ui-datepicker-header .ui-state-disabled:before {
	opacity: 0.3;
}

body #ui-datepicker-div .ui-datepicker-calendar thead {
	background-color: #E5E5E0;
}

body #ui-datepicker-div .ui-datepicker-calendar th span {
	color: #3F3F3A;
	font-size: 11px;
	font-weight: 600;
}

body #ui-datepicker-div .ui-datepicker-calendar td {
	border-top: 1px solid #E5E5E0;
	font-size: 14px;
}

body #ui-datepicker-div .ui-datepicker-calendar td a {
	color: #111;
	font-weight: 500;
}

body #ui-datepicker-div .ui-datepicker-calendar td a:hover {
	background-color: #E5E5E0;
	border-radius: 0;
}

body #ui-datepicker-div .ui-datepicker-calendar td.ui-state-disabled span,
body #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-unselectable span {
	color: #B9B9B2;
	opacity: 1;
}

body #ui-datepicker-div .ui-datepicker-calendar td a.ui-state-active,
body #ui-datepicker-div .ui-datepicker-calendar td a.ui-state-highlight,
body #ui-datepicker-div .ui-datepicker-calendar td a.ui-state-active:hover {
	background-color: #B0C90F;
	border-radius: 0;
	color: #111;
	font-weight: 600;
}

body #ui-datepicker-div .ui-datepicker-calendar td a.ui-state-highlight:not(.ui-state-active) {
	background-color: transparent;
	box-shadow: inset 0 0 0 1px #B0C90F;
}