/* WYN-1975 - New availabilty calendar */
.media-desktop #availCalendar {
	height: 450px;
	padding: 0;
}
#availCalendar .bookingContent2 {
	width: auto;
}
#AvailabilityCalendar > span {
	height: 100%;
	display: block;
}
.right-top-margin {
	margin-top: 80px;
}
.hide_ {
	display: none !important;
}

#updPanelAvailabilityCalendar,
#AvailabilityCalendar,
#AvailabilityCalendar > span {
	height: 100%;
}
#pd-calendar-left {
	padding: 0 15px 0 15px;
	float: left;
	width: 55%;
	border-right: 1px solid #ddd;
	height: 100%;
	position: relative;
}
#pd-calendar-right {
	float: left;
	width: 45%;
	height: 100%;
}

#pd-cal-prev-wrap, #pd-cal-next-wrap {
	float: left;
	width: 12.5%;
	margin: 15px 0 5px 0;
}
#pd-cal-prev, #pd-cal-next {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 40px;
	height: 40px;
	color: #333;
	cursor: pointer;
	font-size: 36px;
	text-align: center;
	opacity: 1;
}
#pd-cal-prev.disabled, #pd-cal-next.disabled {
	opacity: 0;
	pointer-events: none;
}
#pd-cal-next {
	padding: 1px 5px 3px 6px;
	border-left: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	float: left;
}
#pd-cal-prev {
	padding: 1px 6px 3px 5px;
	border-right: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	float: right;
}
#pd-cal-next > img, #pd-cal-prev > img {
	height: 60%;
}
#pd-cal-date {
	float: left;
	width: 75%;
	margin-top: 15px;
	text-align: center;
}
#updPanelAvailabilityCalendar select {
	padding: 7px;
	margin: 0;
	font-size: 16px;
	width: 100%;
	height: 40px;
	border: 1px solid #CCC;
	border-radius: 0;
	color: #333;
	text-align-last: center;
	text-align: center;
	text-align: -moz-center;
	text-align: -webkit-center;
}

#pd-cal-dateduration {
	text-align: center;
	display: block;
	font-size: 15px;
	color: #000;
	margin-bottom: 14px;
}

#pd-cal-wasprice {
	text-align: center;
	display: block;
	font-size: 15px;
	color: #222;
	margin-bottom: 5px;
}

#pd-cal-nowprice {
	text-align: center;
	display: block;
	font-size: 40px;
	margin-bottom: 15px;
}

#pd-cal-bookingfee {
	text-align: center;
	display: block;
	font-size: 13px;
	color: #999;
	margin-bottom: 15px;
}

#property-details .ui-datepicker-header {
	display: none;
}


.ui-datepicker-title {
	margin-top: 18px;
	font-size: 18px;
}
.ui-datepicker-calendar {
	border: none;
}
table.ui-datepicker-calendar thead {
	background-color: #fff;
}


table thead tr th, table tbody tr td {
	display: block;
	line-height: 0.1rem;
	float: left;
	width: 14.28%;
	margin: 2px 0;
	border: 2px solid #fff;
	background-color: #fff;
	border-radius: 0;
}
table tr th {
	font-weight: normal !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
	text-align: center;
	margin: 4px 0;
}
table tbody tr td a, table tbody tr td span {
	margin: 0 !important;
}
thead .ui-datepicker-week-end {
	color: #f00;
}


.ui-datepicker-unselectable {
	color: #b1acac; /* #b9b4b4; */
	font-weight: 600;
	border-bottom-color: #fff;
}
.booked {
	background-color: #fff;
	opacity: 0.6;
}

.ui-datepicker-unselectable.bookableStartDay span {
	color: #6BA643;
}
.bookableStartDay span, .bookableStartDay a, .bookableStartDay a:hover {
	background-color: transparent !important;
	text-decoration: none;
	color: #6BA643;
}
.bookableStartDay.bookingEndDay span, .bookableStartDay.bookingEndDay a, .bookableStartDay.bookingEndDay a:hover {
	color: #6BA643;
}
.bookableStartDay {
	border-bottom-color: #6BA643 !important;
	color: #6BA643 !important;
	font-weight: bold;
}
.bookableStartDay.ui-datepicker-current-day {
	border-color: #6BA643;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	color: #fff;
	background-color: #6BA643;
}
.bookingMidDay {
	background-color: #dae9c8;
	border-color: #dae9c8;
	color: #6BA643;
	font-weight: bold;
}
.bookableStartDay.bookingMidDay {
	border-bottom-color: #6BA643;
}
.bookingMidDay.ui-datepicker-other-month span {
	color: #6BA643;
}
.bookingEndDay {
	border-color: #dae9c8;
	background-color: #dae9c8;
	font-weight: bold;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	color: #6BA643;
}
.booked.bookingEndDay {
	opacity: 1;
}
.bookingEndDay.ui-datepicker-other-month span {
	color: #fff;
}
.trappedNight.ui-datepicker-other-month span {
	/* color: #6BA643; */
}

/* S: Extra pricing styles */
#AvailabilityCalendar .ui-datepicker-calendar td a.nowPrice::after {
	content: attr(data-now-price);
	display: block;
	font-size: 11px;
	font-weight: normal;
	padding-bottom: 0 0 5px 0;
	height: auto;
	margin: auto;
	width: 100%;
	line-height: 70%;
	font-style: normal;
	font-weight: 400;
}
#AvailabilityCalendar .bookableStartDay a.nowPrice::after {
	background-color: transparent;
}
#AvailabilityCalendar .ui-datepicker-calendar td {
	height: 46px;
	line-height: 200% !important;
	padding: 0;
}

.trappedNight {
	/* color: #6BA643; */
}
.trappedNight::after {
/*	content: 'Call*'; */
	content: '';
	display: block;
	font-size: 11px;
	font-weight: normal;
	padding-bottom: 0 0 5px 0;
	height: auto;
	margin: auto;
	width: 100%;
	line-height: 70%;
	font-style: normal;
	font-weight: 400;
}
/* E: Extra pricing styles */


a.done-btn {
	margin: 0 40px 0 0;
	margin-bottom: 10px;
}

#cal-stay-text {
	clear: both;
	text-align: center;
	margin: 0;
	font-size: 14px;
}

@media only screen and (max-width: 500px) {
	#cal-stay-text {
		font-size: 18px;
	}
}

#bookingNoAvailability {
	padding: 56px 30px;
	line-height: 16px;
}
.booking-no-availability-key {
	display: none !important;
}
#pd-cal-no-availability {
	z-index: 900;
	position: fixed;
	width: 80%;
	margin: 75% 10%;
	padding: 15px;
	text-align: center;
	border-radius: 3px;
	background-color: #fff;
	line-height: 135%;
	color: #d00;
	box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.5);
}

#pd-call-to-book, #pd-no-availabilty {
	text-align: center;
	display: inline-block;
	color: #999;
	font-size: 14px;
	line-height: 17px;
	border: 1px solid #ccc;
	padding: 10px 15px;
	border-radius: 3px;
	margin-bottom: 25px;
}
.bookingContent2 #pd-call-to-book, .bookingContent2 #pd-no-availabilty {
	width: 75%;
	margin: 40px 12.5%;
}

#property-details .ui-datepicker-next, #property-details .ui-datepicker-prev {
	background-color: #fff;
	border: 1px solid #eee;
	width: 40px;
	height: 40px;
	color: #000
}
#updPanelAvailabilityCalendar .durationcss {
	position: relative;
	left: 0;
	bottom: 0;
	width: 100%;
	margin: 0;
	overflow: auto;
}
#property-details select#ddlAvailabilityDuration {
	width: 75% !important;
	margin: 0 0 12px 0 !important;
	left: 12.5% !important;
	top: unset !important;
	height: auto !important;
	padding: 6px;
	color: #333;
	text-align: center;
	text-align-last: center;
	text-align: center;
	text-align: -moz-center;
	text-align: -webkit-center;
	font-size: 16px;
}

.media-desktop #property-details .ui-datepicker-inline {
	margin-bottom: 0 !important;
}
#pd-cal-waiting {
	width: 92%;
	height: 70%;
	background-color: rgba(255,255,255,.75);
	position: absolute;
	z-index: 1000;
	left: 4%;
	bottom: 0;
}
#pd-cal-waiting-text {
	text-align: center;
	position: absolute;
	top: 55%;
	width: 100%;
}
#calendarloadimage {
	display: none !important;
}

.scroll-lock-body {
	max-height: 100%;
	height: 100%;
	overflow: hidden;
}

@media only screen and (min-width: 750px) {
	#property-details .reveal-modal {
		max-height: 80vh !important;
		top: 10vh !important;
		position: fixed;
	}
}


/* Mobile styling */
.media-mobile #pick-date {
	position: fixed;
	overflow-x: auto;
	top: 0 !important;
	left: 0;
	right: 0;
	bottom: 0;
}
.media-mobile #property-details #calendarContainer {
	max-width: 100%;
	height: 100%;
	background-color: #fff;
}
.media-mobile #property-details .calbg {
	height: 100%;
}
.media-mobile #availCalendar {
	border-radius: 0;
	border: none;
	max-width: unset;
	box-shadow: unset;
	padding-bottom: 75px !important; /* Fix for iPhone 5 bottom bar overlap */
}
.media-mobile #pd-calendar-right {
	display: none;
}
.media-mobile #pd-calendar-left {
	width: 100%;
	border-right: none;
	padding: 0;
}
.media-mobile #property-details select#ddlAvailabilityDuration {
	width: 75%;
	margin-top: 2px !important;
}
.media-mobile .pickdate-hold {
	font-size: 150%;
}

.media-mobile .done-btn {
	width: 100%;
	margin: 0;
	margin-bottom: 10px;
	max-width: unset;
}
.media-mobile #pd-cal-done {
	/* position: absolute; */
	left: 10px;
	right: 10px;
	margin-top: 10px;
}
#pd-cal-mob-title {
	padding: 15px;
	background-color: #000;
	color: #fff;
	float: left;
	width: 85%;
	height: 50px;
	font-size: 20px;
}
#pd-cal-mob-close {
	padding: 20px 10px 0 0;
	background-color: #000;
	color: #fff;
	float: left;
	text-align: right;
	width: 15%;
	font-size: 56px;
	line-height: 18px;
	font-weight: 200;
	height: 50px;
	cursor: pointer;
}
.no-pointer {
	pointer-events: none;
}
@media only screen and (max-width: 767px) {
	#pd-cal-waiting {
		width: 100%;
		left: 0;
	}
}