.pickadate__holder {
	width: 100%;
	height: 0;
	position: absolute;
	z-index: 10000;
}

.pickadate__calendar--wrap {
	position: relative;
	max-width: 400px;
	min-width: 256px;
	max-height: 0;
	overflow-y: hidden;
	text-align: center;
	@include transition(all .15s ease-out);
}

.pickadate__holder--opened .pickadate__calendar--wrap {
	top: 0;
	max-height: 25em;

	@include box-shadow(1px 4px 5px rgba($blue, 0.25));
}

.pickadate__calendar--box {
	padding: $spacer;
	font-size: 1em;
	line-height: 1.5;
	color: #000;
	background: #fff;
	border: 1px solid $light-blue;
	border-radius: $gridlet;
}

.pickadate__calendar {
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	width: 100%;
	margin: $spacer 0 0;

	td, th {
		border: 0;
		padding: 0;
		text-align: center;
	}

	tr:nth-child(odd) td {
		background: #fff;
	}

	.pickadate__calendar--date {
		padding: $gridlet*2 0;
		font-weight: 100;
	}

	.pickadate__weekday {
		padding: $gridlet*2 0;
		font-size: 16px;
	}

	.pickadate__day--infocus:hover,
	.pickadate__day--outfocus:hover {
		cursor: pointer;
		color: #000;
		background: $light-blue;
	}

	.pickadate__day--outfocus {
		color: $gray;
	}

	.pickadate__day--today {
		background: rgba($light-blue, 0.5);
	}

	.pickadate__day--selected,
	.pickadate__day--selected:hover {
		background: $blue;
		color: #fff;
	}

	.pickadate__day--disabled,
	.pickadate__day--disabled:hover {
		background: #f5f5f5;
		color: #ddd;
		cursor: default;
		border-radius: 0;
	}
}


.pickadate__month--nav {
	position: relative;
}

.pickadate__month--prev,
.pickadate__month--next {
	position: absolute;
	top: 0;
	padding: $gridlet*2;
	min-width: 16px;
	height: $gridlet*8;
	line-height: $spacer;
	font-family: CompassArrows;
	color: $blue;
	border-radius: $gridlet;
	@include user-select(none);
}

.pickadate__month--prev {
	left: 0;
}
.pickadate__month--next {
	right: 0;
}

.pickadate__month--prev:hover,
.pickadate__month--next:hover {
	cursor: pointer;
	color: #fff;
	background: $blue;
}

.pickadate__month--box,
.pickadate__year--box,
.pickadate__month,
.pickadate__year {
	display: inline-block;
}

.pickadate__month {
	padding-right: $gridlet;
}
