/*!
 * jQuery UI Datepicker custom: Bookmate plugin
 */
#ui-datepicker-div {
	display: none;
}
 
.ui-datepicker {
    margin: 2em 0;
	width: auto;
}

.ui-widget-content.ui-datepicker {
	border: none;
	background: #FFF;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
	background: none;
	border: none;
	padding: 30px 0 0;
}

.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
    position: absolute;
	background: #111;
	color: #FFF;
	border: none;
	cursor: pointer;
	top: 0;
	border-radius: 2px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 0;
	text-decoration: none !important;
}

.ui-datepicker .ui-datepicker-prev-hover, 
.ui-datepicker .ui-datepicker-next-hover { 
	 opacity: 0.5;
}

.ui-datepicker .ui-datepicker-prev { 
	left: 0; 
}

.ui-datepicker .ui-datepicker-next { 
	right: 0; 
}

.ui-datepicker .ui-datepicker-prev:before, 
.ui-datepicker .ui-datepicker-next:before { 
	line-height: 30px;
	text-align: center;
}

.ui-datepicker .ui-datepicker-prev:before {
	content: "<";
}

.ui-datepicker .ui-datepicker-next:before { 
	content: ">"; 
}

.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span {
	display: none;
	/*
	background: none;
	text-indent: -999em;
    position: absolute;
	top: 0;
	margin: 0;
	width: 26px;
	height: 26px;
	font-weight: normal;
	*/
}

.ui-datepicker .ui-datepicker-title {
    line-height: 1.8em;
    text-align: center;
	margin: 0;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year { width: 100%; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%; }

.ui-datepicker table.ui-datepicker-calendar {
	border-collapse: separate;
	border-spacing: 3px;
	border: 0;
	line-height: 1;
    margin: 0;
	width: 100%;
	font-size: inherit;
}

.ui-datepicker th {
    border: 0;
    font-weight: bold;
    padding: 1em 0.3em;
	text-align: center;
}

.ui-datepicker td, .ui-datepicker td:before, .ui-datepicker td:after {
	transition: all 0.5s ease;
}

.ui-datepicker td {
    border: 0;
	text-align: center;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	/*opacity: 1 !important;*/
}

.ui-datepicker td span, 
.ui-datepicker td a, 
.ui-datepicker td a:not(.button) {
    display: block;
    text-align: center;
    text-decoration: none;
	margin-bottom: 0.5em;
	border: none;
	position: relative;
	z-index: 10;
}

.ui-datepicker .ui-state-disabled span {
	opacity: 0.5;
	background: none;
	border: none;
}

.ui-datepicker td:after {
	display: block;
	content: attr( title );
	font-size: 0.65em;
	color: rgba( 0, 0, 0, 0.75 );
	position: relative;
	z-index: 1;
}

/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi { 
	width: auto !important; 
	background: none;
	border: none;
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left; 
}

.ui-datepicker-multi .ui-datepicker-group table {
    margin: 0;
	width: 98%;
}

.ui-datepicker-multi-2 .ui-datepicker-group { 
	width: 50%; 
}

.ui-datepicker-multi-3 .ui-datepicker-group { 
	width: 33.3%; 
}

.ui-datepicker-multi-4 .ui-datepicker-group { 
	width: 25%; 
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { 
	border-left-width: 0; 
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { 
	border-left-width: 0; 
}

.ui-datepicker-row-break {
    clear: both;
    font-size: 0em;
    width: 100%;
}

/* BOOKED, PENDING & overlapping DAY STYLES */
.ui-datepicker td.bookmate-approved-pending:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.ui-datepicker td.bookmate-pending-approved:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

/* ----------------- */

/* SPLIT DAY & RANGE STYLES */
.ui-datepicker .date-range-start:before, 
.ui-datepicker .date-range-in:before, 
.ui-datepicker .date-range-end:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80%;
	margin-top: 8%;
	z-index: 0;
}

/* ----------------- */

/* ADMIN CALENDAR SPECIFIC */

.datepicker-admin .ui-datepicker .ui-state-disabled span {
	opacity: 1;
}

.datepicker-admin .ui-datepicker td:after {
	font-size: 0.8em;
}