/**
* AJR Design - Datepicker Styles
*
* @package    AJR Design Plugin
* @since      1.5.0
* @subpackage ajr-design-plugin/assests/css
*/

input.datepicker {
	width:var(--width_field) !important;
	text-align:center; }
	input.datepicker:hover {
		color:inherit; }
	input.datepicker:focus {
		box-shadow:none; }

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

.ui-datepicker {
	position:fixed !important;
	z-index:-999999 !important;
	top:50% !important;
	left:50% !important;
	transform:translate(-50%,-50%);
	width:auto;
	height:auto;
	padding:1.5rem;
	font-size:0.9em;
	border:none;
	border-radius:var(--border_radius_form);
	box-shadow:0 0 20px 0 rgba(0,0,0,0.5);
	opacity:0; }
	.ui-datepicker.open {
		z-index:999999 !important;
		opacity:1; }
	
	/* header */
	.ui-datepicker .ui-datepicker-header {
		display:-webkit-flex; display:flex;
		-webkit-justify-content:space-between; justify-content:space-between;
		margin:-0.25em auto 1em;
		padding:0 !important;
		font-size:1.1em;
		font-weight:500;
		border:none !important;
		background:none; }
		.ui-datepicker .ui-datepicker-title,
		.ui-datepicker .ui-datepicker-prev,
		.ui-datepicker .ui-datepicker-next {
			line-height:30px; }
		.ui-datepicker .ui-datepicker-prev,
		.ui-datepicker .ui-datepicker-next {
			top:0;
			width:30px;
			height:30px;
			text-align:center;
			border:none !important;
			overflow:hidden;
			cursor:pointer; }
		.ui-datepicker .ui-datepicker-prev {
			order:1;
			left:0; }
		.ui-datepicker .ui-datepicker-next {
			order:3;
			right:0; }
			.ui-datepicker-header .ui-datepicker-prev .ui-icon,
			.ui-datepicker-header .ui-datepicker-next .ui-icon {
				display:none; }
			.ui-datepicker-header .ui-datepicker-prev::before,
			.ui-datepicker-header .ui-datepicker-next::before {
				display:inline-block;
				width:20px;
				line-height:30px;
				font-family:var(--icons_fontawesome);/* dashicons same icons \f341 \f345 */
				font-weight:600;
				color:rgb(var(--colour_accent_light)) !important; }
			.ui-datepicker-header .ui-datepicker-prev::before {
				content:'\f053'; }
			.ui-datepicker-header .ui-datepicker-next::before {
				content:'\f054'; }
				
			.ui-datepicker-header .ui-datepicker-prev.ui-datepicker-prev-hover::before,
			.ui-datepicker-header .ui-datepicker-next.ui-datepicker-next-hover::before {
				color:rgb(var(--colour_accent_hover)) !important; }
			.ui-datepicker .ui-datepicker-prev-hover {
				left:-1px; }
			.ui-datepicker .ui-datepicker-next-hover {
				right:-1px; }
			.ui-datepicker .ui-datepicker-header .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
				background:none; }
		/* title */
		.ui-datepicker-header .ui-datepicker-title {
			order:2;
			display:-webkit-flex; display:flex;
			-webkit-justify-content:center; justify-content:center;
			width:95%; }
			.ui-datepicker-header .ui-datepicker-title select {
				font-family:var(--font_heading) !important;
				font-weight:var(--font_weight_heading);
				line-height:var(--line_height_heading);
				font-size:1.05em;
				border-color:transparent; }
				.ui-datepicker-header .ui-datepicker-title select option {
					font-family:var(--font_primary) !important;
					font-size:0.9em;
					font-weight:400; }
			.ui-datepicker-header .ui-datepicker-title .ui-datepicker-month,
			.ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
				width:auto;
				margin:0 1px;
				padding:0.25em 2em 0.25em 0.75em;
				background-position:right 0.5em center !important;
				cursor:pointer; }
			.ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {}

	/* calendar */
	.ui-datepicker .ui-datepicker-calendar {
		margin:0;
		font-size:0.8em; }
		.ui-datepicker .ui-datepicker-calendar tbody>tr:nth-child(odd)>th, .ui-datepicker .ui-datepicker-calendar tbody>tr:nth-child(odd)>td,
		.ui-datepicker .ui-datepicker-calendar tr:hover>th, .ui-datepicker .ui-datepicker-calendar tr:hover>td {
			background-color:transparent; }
		.ui-datepicker .ui-datepicker-calendar th {
			padding:0 0 0.5em;
			font-family:var(--font_primary);
			font-size:0.9em;
			font-weight:300;
			color:rgb(var(--colour_grey_lighter));
			border-top:none !important; }
		.ui-datepicker .ui-datepicker-calendar td {}
			.ui-datepicker .ui-datepicker-calendar td span,
			.ui-datepicker .ui-datepicker-calendar td a {
				--this_padding:0.75em;
				/*min-width:4em;*/
				padding:var(--this_padding) calc(var(--this_padding) * 1.75);
				/*line-height:calc(3em - 2px);*/
				font-family:var(--font_code);
				font-size:1.1em;
				text-align:center;
				outline:none !important; }
			.ui-datepicker .ui-datepicker-calendar td span {}
			.ui-datepicker .ui-datepicker-calendar td a {}

		/* default */
		.ui-datepicker .ui-datepicker-calendar td .ui-state-default {
			color:rgb(var(--colour_text)) !important;
			border-color:transparent;
			background:rgb(var(--colour_grey_lightererer));
			box-shadow:none; }
		/* active */
		.ui-datepicker .ui-datepicker-calendar td .ui-state-active,
		.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-active,
		.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-active {
			color:rgb(var(--colour_accent)) !important;
			border-color:rgb(var(--colour_accent));
			background:rgb(var(--colour_white)); }
		/* hover */
		.ui-datepicker .ui-datepicker-calendar td .ui-state-hover,
		.ui-datepicker .ui-datepicker-calendar td .ui-state-hover.ui-state-active,
		.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end .ui-state-hover {
			color:rgb(var(--colour_accent_dark)) !important;
			background:rgb(var(--colour_accent_lightererer)); }

		/* week end */
		.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end a {
			color:rgb(var(--colour_grey_light)) !important;
			background:rgb(var(--colour_grey_lighterererer)); }

		/* other month */
		.ui-datepicker .ui-datepicker-calendar .ui-datepicker-other-month a {
			color:rgb(var(--colour_grey_light)) !important;
			background:rgb(var(--colour_grey_lightest)); }

		/* current day - selected date */
		.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a {
			box-shadow:0 0 15px 0 rgb(var(--colour_accent_lighterer)) !important;
			position:relative;
			z-index:1;
			border-radius:4px !important;
			/*border-color:#fff !important;*/
			overflow:hidden;
			pointer-events:none; }

		/* today */
		.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
			color:rgb(var(--colour_white)) !important;
			background:rgb(var(--colour_accent)); }

		/* days cell over - oldest/latest selectable - CANT GET STYLE RIGHT SO IGNORING FOR NOW*/
		.ui-datepicker .ui-datepicker-calendar .ui-datepicker-days-cell-over a {
			/*color:rgb(var(--colour_accent_dark)) !important;
			border-color:rgb(var(--colour_accent_lighterer));*/
			/*background:rgb(var(--colour_accent_lighterer));*/ }
		.ui-datepicker .ui-datepicker-calendar .ui-datepicker-identify a {
			position:relative; }
			.ui-datepicker .ui-datepicker-calendar .ui-datepicker-identify a::before {
				content:'\02219';
				font-family:initial;
				position:absolute;
				top:0;
				right:-1px;
				font-size:3rem;
				line-height:10px;
				color:rgb(var(--colour_warning)); }

		/* unselectable/disabled */
		.ui-datepicker .ui-datepicker-calendar .ui-state-disabled,
		.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable.ui-state-disabled:not(.ui-datepicker-other-month) {
			opacity:0.25 !important;
			pointer-events:none !important; }

	/* button pane */
	.ui-datepicker .ui-datepicker-buttonpane {
		display:-webkit-flex; display:flex;
		-webkit-justify-content:space-between; justify-content:space-between;
		margin:1.5rem 0 0 0;
		padding:0;
		border:none; }
		.ui-datepicker .ui-datepicker-buttonpane button {
			margin:0;
			padding:var(--padding_button);
			font-family:var(--font_type_button); }
		.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current {
			order:1;
			opacity:1; }
		.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-clear {
			order:2;
			margin:0 0.5em 0 auto; }
		.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close {
			order:3; }