body .datepicker{
	background: var(--n2-background);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	color: var(--n2-text-color);

	padding:0;
	border: 1px solid var(--n2-yellow);
}
body .datepicker-dropdown::after{
	/* border-bottom-color: var(--n2-yellow); */
	border: 0;

	width: 13px;
	height: 13px;
	margin-top: -1px;

	border: 1px solid var(--n2-yellow);
	border-bottom: 0;
	border-right: 0;
	transform: rotate(45deg);
	background: linear-gradient(to bottom right, var(--n2-background) 50%, transparent 50.1%);
}
body .datepicker-dropdown.datepicker-orient-left::after {
	left: 15px;
}
body .datepicker-dropdown.datepicker-orient-top:after{
  bottom: -7px;
  border-bottom: 0;
  transform: rotate(225deg);
  border-top: 1px solid var(--n2-yellow);
  left: 7px;
}

body .datepicker th{
	color: var(--n2-text-color);
}

body .datepicker-days,
body .datepicker-months,
body .datepicker-years,
body .datepicker-decades,
body .datepicker-centuries{
	width: 350px;
}

body .datepicker .datepicker-switch:hover,
body .datepicker .next:hover,
body .datepicker .prev:hover,
body .datepicker tfoot tr th:hover,

body .datepicker table tr td.day.focused,
body .datepicker table tr td.day:hover,

.datepicker table tr td span.focused,
.datepicker table tr td span:hover{
	background: var(--n2-yellow-dim);
	color: var(--n2-text-color);
}
body .datepicker table th{
	padding: 5px;
	margin-bottom: 5px;
}

body .datepicker table tr td.active.active,
body .datepicker table tr td.active.disabled,
body .datepicker table tr td.active.disabled.active,
body .datepicker table tr td.active.disabled.disabled,
body .datepicker table tr td.active.disabled:active,
body .datepicker table tr td.active.disabled:hover,
body .datepicker table tr td.active.disabled:hover.active,
body .datepicker table tr td.active.disabled:hover.disabled,
body .datepicker table tr td.active.disabled:hover:active,
body .datepicker table tr td.active.disabled:hover:hover,
body .datepicker table tr td.active.disabled:hover[disabled],
body .datepicker table tr td.active.disabled[disabled],
body .datepicker table tr td.active:active,
body .datepicker table tr td.active:hover,
body .datepicker table tr td.active:hover.active,
body .datepicker table tr td.active:hover.disabled,
body .datepicker table tr td.active:hover:active,
body .datepicker table tr td.active:hover:hover,
body .datepicker table tr td.active:hover[disabled],
body .datepicker table tr td.active[disabled],

body .datepicker table tr td span.active.active,
body .datepicker table tr td span.active.disabled,
body .datepicker table tr td span.active.disabled.active,
body .datepicker table tr td span.active.disabled.disabled,
body .datepicker table tr td span.active.disabled:active,
body .datepicker table tr td span.active.disabled:hover,
body .datepicker table tr td span.active.disabled:hover.active,
body .datepicker table tr td span.active.disabled:hover.disabled,
body .datepicker table tr td span.active.disabled:hover:active,
body .datepicker table tr td span.active.disabled:hover:hover,
body .datepicker table tr td span.active.disabled:hover[disabled],
body .datepicker table tr td span.active.disabled[disabled],
body .datepicker table tr td span.active:active,
body .datepicker table tr td span.active:hover,
body .datepicker table tr td span.active:hover.active,
body .datepicker table tr td span.active:hover.disabled,
body .datepicker table tr td span.active:hover:active,
body .datepicker table tr td span.active:hover:hover,
body .datepicker table tr td span.active:hover[disabled],
body .datepicker table tr td span.active[disabled]{
	background-color: var(--n2-yellow);
	background-image: none;
	color: var(--n2-black);
}