/*
1. REVIEWS FROM GUEST SURVEY
2. GENERAL HELPER TAGS
3. VIEW SPECIFIC HELPER TAGS
4. CAROUSEL HELPER CLASSES
5. OLSE SPECIFIC
6. DATE PICKER
7. GUEST EXTRANET
8. OWNER EXTRANET
9. VRM SURVEY
10. VENDOR PORTAL
11. PROPERTY MAP
12. RETS DEFAULTS
16. PROPERTY SLIDESHOWS
17. CONTACT PAGES
18. OWNER EXTRANET CALENDAR CSS
100. OVERRIDES
*/

/*1. REVIEWS FROM GUEST SURVEY
***************************************************/
#GuestSurveyRatingSummary li, #GuestSurveyRatingSummary ul {
	list-style: none;
	list-style-type: none !important;
}

/*VRM Survey Stars */
.star0
{
	background:transparent url('//content.vrmgr.com/images/stars.png') no-repeat scroll 0px 0px;
	height:20px;
	width:23px;
}
.star1
{
	background:transparent url('//content.vrmgr.com/images/stars.png') no-repeat scroll 0px -23px;
	height:20px;
	width:23px;
}
.star2
{
	background:transparent url('//content.vrmgr.com/images/stars.png') no-repeat scroll 0px -47px;
	height:15px;
	width:23px;
}
.star3
{
	background:transparent url('//content.vrmgr.com/images/stars.png') no-repeat scroll 0px -70px;
	height:20px;
	width:23px;
}
.star4
{
	background:transparent url('//content.vrmgr.com/images/stars.png') no-repeat scroll 0px -94px;
	height:15px;
	width:23px;
}
.star5
{
	background:transparent url('//content.vrmgr.com/images/stars.png') no-repeat scroll 0px -118px;
	height:20px;
	width:23px;
}
.star6
{
	background:transparent url('//content.vrmgr.com/images/stars.png') no-repeat scroll 0px -142px;
	height:20px;
	width:23px;
}
.star7
{
	background:transparent url('//content.vrmgr.com/images/stars.png') no-repeat scroll 0px -168px;
	height:20px;
	width:23px;
}
.star8
{
	background:transparent url('//content.vrmgr.com/images/stars.png') no-repeat scroll 0px -195px;
	height:20px;
	width:23px;
}
.star9
{
	background:transparent url('//content.vrmgr.com/images/stars.png') no-repeat scroll 0px -221px;
	height:20px;
	width:23px;
}
.star10
{
	background:transparent url('//content.vrmgr.com/images/stars.png') no-repeat scroll 0px -247px;
	height:20px;
	width:23px;
}

/*2. HELPER CLASSES
***************************************************/
#renderhelper {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.uspace {
	margin-bottom: 8px;
}

.vspace {
	margin-top: 15px ;
}

.center { margin: 0 auto; text-align: center; }	

.col-centered {
	margin: 0 auto;
	float: none;
}

.text-bold {
    font-weight: bold;
}

/*3. VIEW SPECIFIC HELPER CLASSES
***************************************************/
/* All extra small devices */
@media only screen and (max-width: 767px) {
	.pull-xs-left {
		float: left;
	}
	.pull-xs-right {
		float: right;
	}
	.center-mobile, .center-xs {
		text-align: center;
		display: block;
		margin-left: auto;
		margin-right: auto;			
	}				
	.vspace-mobile, .vspace-xs {
		margin-top: 5px;
	}
	
	.uspace-movile, .uspace-xs {
		margin-bottom: 5px;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width: 479px) {
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width: 1024px) {
	.pull-sm-left {
		float: left;
	}
	.pull-sm-right {
		float: right;
	}		
	.vspace-sm {
		margin-top: 5px;			
	}
	.uspace-sm {
		margin-bottom: 5px;
	}
	.center-sm {
		text-align: center;
		display: block;
		margin-left: auto;
		margin-right: auto;						
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) and (max-width: 1199px) {
	.pull-md-left {
		float: left;
	}
	.pull-md-right {
		float: right;
	}
	.vspace-md	{
		margin-top: 15px;
	}		
	.uspace-md {
		margin-bottom: 8px;
	}
	.center-md {
		text-align: center;
		display: block;
		margin-left: auto;
		margin-right: auto;						
	}								
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.pull-lg-left {
		float: left;
	}
	.pull-lg-right {
		float: right;
	}
	.vspace-lg	{
		margin-top: 15px;
	}
	.uspace-lg {
		margin-bottom: 8px;
	}
	.center-lg {
		text-align: center;
		display: block;
		margin-left: auto;
		margin-right: auto;						
	}								
}

/*4. CAROUSEL HELPER CLASSES
***************************************************/
/* Allows the 'fade' class to be added to a carousel to make it fade instead of slide */
.carousel.fade {
  opacity: 1;
}
.carousel.fade .item {
  -moz-transition: opacity ease-in-out 3s;
  -o-transition: opacity ease-in-out 3s;
  -webkit-transition: opacity ease-in-out 3s;
  transition: opacity ease-in-out 3s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.fade .item:first-child {
  top:auto;
  position:relative;
}
.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out 3s;
  -o-transition: opacity ease-in-out 3s;
  -webkit-transition: opacity ease-in-out 3s;
  transition: opacity ease-in-out 3s;
  z-index:2;
}
/* End Carousel Configurations */

	
/*5. OLSE SPECIFIC SHARED
***************************************************/
.main-specials-ribbon-wrapper {
	webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	position: relative;
	z-index: 90;
}

.specials-ribbon::before, .specials-ribbon::after, specials-ribbon-rotated:before, specials-ribbon-rotated:after {
	content: "";
	/*border-top: 3px solid #6e8900;*/
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	position: absolute;
	bottom: -3px;	
}


.specials-ribbon-wrapper, .specials-ribbon-wrapper-rotated {
	width: 120px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: 40px;
	right: 0;
}

.specials-ribbon-wrapper-rotated {
	width: 85px;
	top: 0;
	right: 0;	
}

.specials-ribbon::after, .specials-ribbon-rotated:after {
	right: 0;
}

.specials-ribbon {
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
	border-radius: 10px;
	position: relative;
	padding: 7px 0;
	left: 5px;
	top: 30px;
	width: 122px;
	background-color: #C85A41;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#C85A41), to(#D86A71));
	background-image: -webkit-linear-gradient(top, #C85A41, #D86A71);
	background-image: -moz-linear-gradient(top, #C85A41, #D86A71);
	background-image: -ms-linear-gradient(top, #C85A41, #D86A71);
	background-image: -o-linear-gradient(top, #C85A41, #D86A71);
	color: #fcfcfc;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

.specials-ribbon-wrapper a, .specials-ribbon-wrapper a:hover, .specials-ribbon-rotated a, .specials-ribbon-rotated a:hover {
	text-decoration: none;
}

.specials-ribbon-rotated {
	font-weight: bold;
	font-size: 15px;
	color: #333;
	text-align: center;
	text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	position: relative;
	padding: 7px 0;
	left: -5px;
	top: 15px;
	width: 120px;
	background-color: #C85A41;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#C85A41), to(#D86A71));
	background-image: -webkit-linear-gradient(top, #C85A41, #D86A71);
	background-image: -moz-linear-gradient(top, #C85A41, #D86A71);
	background-image: -ms-linear-gradient(top, #C85A41, #D86A71);
	background-image: -o-linear-gradient(top, #C85A41, #D86A71);
	color: #fcfcfc;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);	
}

.olse-required
{
	background-color: #FFFFCC;
	color: #000000;
}

.olse-required:disabled
{
	background-color: #CCCCAA;
	color: #555555;
	-webkit-text-fill-color:#555555;
	-webkit-opacity: 1;
	opacity: 1;
}

.imageUp
{
    cursor: pointer;
    display: table-cell;
	padding: 1px 17px 3px 15px;
	font-size: 13px;  
	background:transparent url('//content.vrmgr.com/images/updownarrows.png') no-repeat scroll top right;
	width:auto;
	border: 0;
	text-align:center;
}

.imageDown
{
    cursor: pointer;
    display: table-cell;
	padding: 1px 17px 3px 15px;
	font-size: 13px; 
	background:transparent url('//content.vrmgr.com/images/updownarrows.png') no-repeat scroll bottom right;
	width:auto;
	border: 0;
	float:inherit;
	text-align:center;
}

.iconAmex
{
	display: inline-block;
	width: 39px;
	height: 26px;			
	background:transparent url('//content.vrmgr.com/images/amex.png') no-repeat;
}

.iconDiscover
{
	display: inline-block;
	width: 39px;
	height: 26px;
	background:transparent url('//content.vrmgr.com/images/discover.gif') no-repeat;
}

.iconMasterCard
{
	display: inline-block;
	width: 39px;
	height: 26px;
	background:transparent url('//content.vrmgr.com/images/mastercard.gif') no-repeat;
}

.iconVisa
{
	display: inline-block;
	width: 39px;
	height: 26px;
	background:transparent url('//content.vrmgr.com/images/visa.gif') no-repeat;
}

.trash
{
	background:transparent url('//content.vrmgr.com/images/trash.gif') no-repeat scroll top right;
	width:30px;
	height: 30px;
	display: inline-block;
}

.collapseHeader {
	background:transparent url('//content.vrmgr.com/images/collapseHeader.png') no-repeat scroll 0 0;
	background-position: 5px;
	padding: 10px 4px 10px 36px;
}

.collapseHeader.collapsed
{
	background:transparent url('//content.vrmgr.com/images/collapseHeaderPlus.png') no-repeat scroll 0 0;
	background-position: 5px;
	padding: 10px 4px 10px 36px;
}

#ownerAccordion .pnlHead
{
	background:transparent url('//content.vrmgr.com/images/collapseHeaderPlus.png') no-repeat scroll 0 0;
	background-position: 5px;
	padding: 10px 4px 10px 36px;		
}

#ownerAccordion .open
{
	display: block;
	border: 1px solid #efefef;
	border-radius: 10px;
	margin-top: 5px;
	cursor: pointer;	
	background: #dfdfdf url('//content.vrmgr.com/images/collapseHeader.png') no-repeat scroll 0 0 !important;
	background-position: 5px !important;
	padding: 10px 4px 10px 36px;		
}

/* Search Results Accordions */
.optional-panel {
	border-radius: 4px;
	margin-bottom: 0;	
	overflow: visible !important;
	border:none;
	-webkit-box-shadow:none; 
	box-shadow:none;
	background-color: transparent;	
}

.div-collapse {
	border-top: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.div-collapse {
	overflow-x: visible;
	-webkit-overflow-scrolling: touch;
	border-top: 1px solid transparent;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}

/* Anything larger than small (tablets, desktop, etc. 992px and up) */
@media (min-width: 992px) {
	.div-collapse.collapse {
		visibility: visible;
		display: block !important;
		height: auto !important;
		overflow: visible !important;
	}
	
	/* When using the buttons, this will pull the panel up */
	.pnlTopMargin {
		margin-top: -15px;
	}	
}

/* Res Confirmation Hold Message and Payment Error */
.confirmation-hold-message {
	font-weight: bold;
	font-size: 14pt;
	background-color: #f1f1f1;
}

textarea {
	/*display:inline-block;	*/
	display: block;
	overflow: hidden;
	resize: none;
	vertical-align: top;
}

.interested p {
    background-color: #E4F0FB;
    padding: 7px 10px 2px;
    margin-top: 5px;
    color: #000;
    font-weight: bold;
    /* border: 1px solid #2376BB; */
    border-radius: 3px;
}

.checkbox label {
	padding-left: 2px;
}

/*6. DATE PICKER
***************************************************/
/* JQuery UI DatePicker on iPhone SE */

@media only screen and (max-device-width: 480px) and (min-device-width: 320px) and (orientation:portrait) {
	.ui-datepicker { 
	  margin-top: 35px;
	  z-index: 1000;
	}
}

@media only screen and (max-device-width: 320px) and (min-device-width: 320px) and (orientation:landscape) {
	.ui-datepicker { 
	  margin-top: 120px;
	  z-index: 1000;
	}
}

/*7. GUEST EXTRANET
***************************************************/
#guest-extranet .flash-alert {
	max-width: 780px;
	margin-left: 15px;
}
#guest-extranet .accordionHeader,  #guest-extranet .accordionHeaderSelected, #guest-extranet .accordionHeader_wh, #guest-extranet .accordionHeaderSelected_wh
{
	display: block;
	border: 1px solid #efefef;
	border-radius: 10px;
	color: black;
	background-color: #efefef;
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	padding: 15px;
	margin-top: 5px;
	cursor: pointer;
}

#guest-extranet .accordionHeader, #guest-extranet .accordionHeader_wh
{	
	background-image: url('../images/icon-plus.png');
	background-repeat: no-repeat;
	background-position: right center;		
}

#guest-extranet .accordionHeaderSelected, #guest-extranet .accordionHeaderSelected_wh {
	background-color: #CCDBDB;
	background-image: url('../images/icon-minus.png');
	background-repeat: no-repeat;
	background-position: right center;		
}

#guest-extranet .accordion, #guest-extranet .accordion_wh {
    width: 100%;  
}

#guest-extranet .accordionContent_wh {  
    background-color: #FFFFFF;  
    border: 1px solid #FFFFFF;  
    border-top: none;  
    padding: 5px;  
    padding-top: 10px;  
}

#guest-extranet .accordionContent {
    background-color: #FFFFFF;  
    border: 1px solid #FFFFFF;  
    border-top: none;  
    padding: 5px;  
    padding-top: 10px;  	
	overflow: hidden !important;
}

#guest-extranet input[type='checkbox']
{
    -webkit-appearance:none;
    border-style:none;
    width:20px;
    height:20px;
    background:url('../images/checkbox-unchecked.png') no-repeat;
	background-size: 20px;
	background-size: contain;

}
    
#guest-extranet input[type='checkbox']:checked 
{
    -webkit-appearance:none;
    border-style:none;
    background:url('../images/checkbox-checked.png') no-repeat;
	background-size: 20px;
	background-size: contain;

}
    
#guest-extranet input[type='checkbox'][disabled]
{
    -webkit-appearance:none;
    border-style:none;
    background:url('../images/checkbox-disabled.png') no-repeat;
	background-size: 20px;
	background-size: contain;
}

#lt_receivables label {
	vertical-align: super;
	display: inline;
	margin-top: 7px;
	margin-left: 5px;
}

#guest-extranet .line {
	/*overflow: hidden;*/
	margin-left: 15px;
	margin-right: 15px;
}

#guest-extranet .snl-line {
	overflow: hidden;
}

#guest-extranet .block-pnl .itemRow {
	background-color: #ffffff;
}

.past-due-date {
	color: red;
}

#guest-extranet .payment-selection {
	background-color: #eee;
    border: 1px solid black;
    max-height: 300px;
    overflow-y: scroll;
    padding: 10px 4px 10px 20px;	
    margin-bottom: 10px;
}

#ctl00_ContentPlaceHolder1_ctl02_WelcomeHomeCtl_div_dropPnlWHMsgSettings div:first-child + div {
	height: auto;
}

#ctl00_ContentPlaceHolder1_ctl10_DigitalSigCtl_TxtDate:disabled {
	color: #333;
	-webkit-text-fill-color:#333;
	-webkit-opacity: 1; background: #cccccc;
}

#ctl00_ContentPlaceHolder1_ctl02_DigitalSigSNLCtl_TxtDate:disabled {
	color: #333;
	-webkit-text-fill-color:#333;
	-webkit-opacity: 1; background: #cccccc;
}

#ctl00_ContentPlaceHolder1_ctl10_DigitalSigLTCtl_TxtDate:disabled {
	color: #333;
	-webkit-text-fill-color:#333;
	-webkit-opacity: 1; background: #cccccc;
}

/*8. OWNER EXTRANET
***************************************************/
/* Extra Small Devices, Phones */ 
@media only screen and (max-width: 479px)
{
	/*
	.table-rates {
		overflow: auto !important;
	}*/

	#ownerAccordion .dropPnlContent {
		overflow-x: hidden !important;	
	}	
	
	.tdnobreak {
		white-space: nowrap;
	}
	
	.table-responsive {
		width: 100%;
	}
	
	.table-rates .table {
		overflow: scroll !important;
		margin-left: -5px;
		margin-right: -5px;		
	}	
}
@media only screen and (min-width: 479px){
	#ownerAccordion .dropPnlContent {
		overflow: hidden !important;		
	}	
	
	.tdnobreak {
		white-space: nowrap;
	}
}
/*Not sure when this was added, but connie commented out 2-24-2020 as it was messing with OLSE layouts*/
/* See https://getbootstrap.com/docs/3.4/css/#tables-responsive */
/*@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}*/

.oe-label {
	font-weight: bold;
}

#ownerAccordion .lead {
	margin-bottom: 5px;
}

#ctl00_ContentPlaceHolder1_AccordionPane3_content_WorkOrdersCtl_UpdatePanelWO {
	max-width: 95%;
}

.ClosedToArrival > a, .ClosedToDeparture > a, .ClosedToDepartureAndArrival > a {
	pointer-events: none !important;
	text-decoration: none !important;
	outline: none;
}
.ClosedToDepartureAndArrival {
	text-decoration: none;
	border: solid 1px #FFFFFF;
	background-color: linear-gradient(145deg, #c3c1c1 50%, #D7DFFF 50%);
	color: #666;
	cursor: text;
	pointer-events: none;	
}

.ClosedToArrival {
	text-decoration: none;
	border: solid 1px #FFFFFF;
	background-color: linear-gradient(145deg, #c3c1c1 50%, #D7DFFF 50%);
	color: #666;
	cursor: text;
	pointer-events: none;
}

.ClosedToDeparture {
	text-decoration: none;
	border: solid 1px #FFFFFF;
	background-color: linear-gradient(145deg, #D7DFFF 50%,#c3c1c1 50%);
	color: #666;	
	cursor: text;	
	pointer-events: none;	
}

.AjaxAnnualCalRented {
	background-color: #ABCC6A;
}

.AjaxAnnualCalBlackOut {
	background-color: #EB8F8F;
}
.AjaxAnnualCalUnAvailable {
	background-color:#D7DFFF;
	color:#666;
	cursor:text;
	border:1px solid #FFFFFF;
	text-decoration: none;
}
.AjaxAnnualCalAvailable {
	text-decoration: underline;
	cursor: pointer;
	border: solid 1px #FFFFFF;
}
.AjaxAnnualCalSelected {
	background-color:#006401;
	border:2px solid black;
	font-weight:bold;
}
.AjaxAnnualCalCheckInBooked {
  background: #ABCC6A;
  background: -moz-linear-gradient(-60deg, #ABCC6A 50%, #006401 50%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#ABCC6A), color-stop(50%,#006401));
  background: -webkit-linear-gradient(-60deg, #ABCC6A 50%,#006401 50%);
  background: -o-linear-gradient(-60deg, #ABCC6A 50%,#006401 50%);
  background: -ms-linear-gradient(-60deg, #ABCC6A 50%,#006401 50%);
  background: linear-gradient(145deg, #ABCC6A 50%,#006401 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ABCC6A', endColorstr='#006401',GradientType=1 );
  width: 40px;
  margin:auto 0.00em;
	border:2px solid black;
	font-weight:bold;
	cursor: pointer;
}
.AjaxAnnualCalRentedOwner {
	background-color: #69B7DE;
}

.AjaxAnnualCalCheckInRented {
  background: #D7DFFF;
  background: -moz-linear-gradient(-60deg, #D7DFFF 50%, #ABCC6A 50%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#D7DFFF), color-stop(50%,#ABCC6A));
  background: -webkit-linear-gradient(-60deg, #D7DFFF 50%,#ABCC6A 50%);
  background: -o-linear-gradient(-60deg, #D7DFFF 50%,#ABCC6A 50%);
  background: -ms-linear-gradient(-60deg, #D7DFFF 50%,#ABCC6A 50%);
  background: linear-gradient(145deg, #D7DFFF 50%,#ABCC6A 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D7DFFF', endColorstr='#ABCC6A',GradientType=1 );
  width: 40px;
  margin:auto 0.00em;
	color:#666;
	cursor:text;
	text-decoration: none;
}
.AjaxAnnualCalCheckOut {
	background-repeat: no-repeat;
	background-position: center;
	background-color:Red;
	border:2px solid black;
	font-weight:bold;
}
.AjaxAnnualCalCheckOutRented {
  background: #ABCC6A;
  background: -moz-linear-gradient(-60deg, #ABCC6A 50%, #D7DFFF 50%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#ABCC6A), color-stop(50%,#D7DFFF));
  background: -webkit-linear-gradient(-60deg, #ABCC6A 50%,#D7DFFF 50%);
  background: -o-linear-gradient(-60deg, #ABCC6A 50%,#D7DFFF 50%);
  background: -ms-linear-gradient(-60deg, #ABCC6A 50%,#D7DFFF 50%);
  background: linear-gradient(145deg, #ABCC6A 50%,#D7DFFF 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ABCC6A', endColorstr='#D7DFFF',GradientType=1 );
  width: 40px;
  margin:auto 0.00em;
	cursor: pointer;
	text-decoration: underline;
}
.AjaxAnnualCalCheckInRentedUnAvailable {
  background: #D7DFFF;
  background: -moz-linear-gradient(-60deg, #D7DFFF 50%, #ABCC6A 50%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#D7DFFF), color-stop(50%,#ABCC6A));
  background: -webkit-linear-gradient(-60deg, #D7DFFF 50%,#ABCC6A 50%);
  background: -o-linear-gradient(-60deg, #D7DFFF 50%,#ABCC6A 50%);
  background: -ms-linear-gradient(-60deg, #D7DFFF 50%,#ABCC6A 50%);
  background: linear-gradient(145deg, #D7DFFF 50%,#ABCC6A 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D7DFFF', endColorstr='#ABCC6A',GradientType=1 );
  width: 40px;
  margin:auto 0.00em;
	color:#666;
	cursor:text;
}
.AjaxAnnualCalCheckOutRentedUnAvailable {
  background: #ABCC6A;
  background: -moz-linear-gradient(-60deg, #ABCC6A 50%, #D7DFFF 50%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#ABCC6A), color-stop(50%,#D7DFFF));
  background: -webkit-linear-gradient(-60deg, #ABCC6A 50%,#D7DFFF 50%);
  background: -o-linear-gradient(-60deg, #ABCC6A 50%,#D7DFFF 50%);
  background: -ms-linear-gradient(-60deg, #ABCC6A 50%,#D7DFFF 50%);
  background: linear-gradient(145deg, #ABCC6A 50%,#D7DFFF 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ABCC6A', endColorstr='#D7DFFF',GradientType=1 );
  width: 40px;
  margin:auto 0.00em;
	color:#666;
	cursor:text;
}
.AjaxAnnualCalCheckOutRentedOwner
{
	background: linear-gradient(to right bottom, #69B7DE 50%, #D7DFFF 50%);
	/*
	background-image: url(../images/cal-spriteOwner.png);
    background-position: 0px -72px;
	*/
    width: 29px;
	height: 18px;
    margin:auto 0.00em;
	border:solid 1px #FFFFFF;
}
.AjaxAnnualCalCheckIn {
  background: #D7DFFF;
  background: -moz-linear-gradient(-60deg, #D7DFFF 50%, #006401 50%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#D7DFFF), color-stop(50%,#006401));
  background: -webkit-linear-gradient(-60deg, #D7DFFF 50%,#006401 50%);
  background: -o-linear-gradient(-60deg, #D7DFFF 50%,#006401 50%);
  background: -ms-linear-gradient(-60deg, #D7DFFF 50%,#006401 50%);
  background: linear-gradient(145deg, #D7DFFF 50%,#006401 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D7DFFF', endColorstr='#006401',GradientType=1 );
  width: 50px;
  margin:auto 0.00em;
	border:2px solid black;
	font-weight:bold;
	color:#000000;
}

.AjaxAnnualCalCheckInRentedOwner
{
	background: linear-gradient(to right bottom, #D7DFFF 50%, #69B7DE 50%);
	/*background-image: url(../images/cal-spriteOwner.png);
    background-position: 0px top;*/
    width: 29px;
	height: 18px;
    margin:auto 0.00em;
	color:#666;
	border:solid 1px #FFFFFF;
}

.AjaxAnnualCalRentedMemberOwner
{
    /*background-image: url(../images/cal-spriteOwner.png);
    background-position: 0px bottom;*/
	background: linear-gradient(to right bottom, #69B7DE 50%, #c3c1c1 50%);
    width: 29px;
	height: 18px;
    margin:auto 0.00em;
	color:#666;
	border:solid 1px #FFFFFF;
}

.AjaxAnnualCalRentedOwnerMember
{
    /*background-image: url(../images/cal-spriteOwner.png);
    background-position: 0px -96px;*/
	background: linear-gradient(to right bottom, #c3c1c1 50%, #69B7DE 50%);
    width: 29px;
	height: 18px;
    margin:auto 0.00em;
	color:#666;
	border:solid 1px #FFFFFF;
}

.oe-payment-field {
	max-width: 300px;
}

/*9. VRM SURVEY
***************************************************/
/* Start VRM Review 6.2.1+ */
.review-item {
	margin-top: 15px;
}

.review-star {
	color: #cdc64a;
}

.trip-advisor-review {
	float: right;
}
/* End VRM Survey 6.2.1+ */

.star_rating {
    float:left;
}

.star_rating:not(:checked) > input {
	clip: rect(0px, 0px, 0px, 0px);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.star_rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
}

.star_rating:not(:checked) > label:before {
    content: '★ ';
}

.star_rating > input:checked ~ label {
    color: #f70;
}

.star_rating:not(:checked) > label:hover,
.star_rating:not(:checked) > label:hover ~ label {
    color: gold;
}

.star_rating > input:checked + label:hover,
.star_rating > input:checked + label:hover ~ label,
.star_rating > input:checked ~ label:hover,
.star_rating > input:checked ~ label:hover ~ label,
.star_rating > label:hover ~ input:checked ~ label {
    color: #ea0;
}

.star_rating > label:active {
    position:relative;
}

/*10. VENDOR PORTAL
***************************************************/
#vendor-portal .task-heading {
    padding: 5px 10px 5px 10px;
}

#vendor-portal .panel-footer {
	padding: 1px 15px;
	color: #A0A0A0;
}

#vendor-portal .panel-body {
	padding: 5px 15px 12px 15px;
}

.profile-img {
	width: 96px;
	height: 96px;
	margin: 0 auto 10px;
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.dashboard-content-panel .panel {
	height: 220px;
	background-color: #F5F5F5;
}

.dashboard-content-panel .panel .task-heading {
	min-height: 160px;
	max-height: 160px;
	overflow-y: auto;
}

#vendor-portal input:required {
	background-color: #FFFFCC;
}

/* These are clickable so change hover. */
#vendor-portal .task-panel:hover {
	cursor: pointer;
}

.dashboard-content-panel .panel-group .panel {
	height: auto;
}

.navbar-vendor-portal .navbar-default {
  background-color: #565656;
  border-color: #7e7b7b;
}
.navbar-vendor-portal .navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-vendor-portal .navbar-default .navbar-brand:hover,
.navbar-vendor-portal .navbar-default .navbar-brand:focus {
  color: #fdfdfd;
}
.navbar-vendor-portal .navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-vendor-portal .navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}
.navbar-vendor-portal .navbar-default .navbar-nav > li > a:hover,
.navbar-vendor-portal .navbar-default .navbar-nav > li > a:focus {
  color: #fdfdfd;
}
.navbar-vendor-portal .navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #565656;
}
.navbar-vendor-portal .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ecf0f1;
}
.navbar-vendor-portal .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-vendor-portal .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #fdfdfd;
  background-color: #7e7b7b;
}
.navbar-vendor-portal .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #7e7b7b;
}
.navbar-vendor-portal .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-vendor-portal .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-vendor-portal .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #fdfdfd;
  background-color: #7e7b7b;
}
.navbar-vendor-portal .navbar-default .navbar-nav > .active > a,
.navbar-vendor-portal .navbar-default .navbar-nav > .active > a:hover,
.navbar-vendor-portal .navbar-default .navbar-nav > .active > a:focus {
  color: #fdfdfd;
  background-color: #7e7b7b;
}
.navbar-vendor-portal .navbar-default .navbar-nav > .open > a,
.navbar-vendor-portal .navbar-default .navbar-nav > .open > a:hover,
.navbar-vendor-portal .navbar-default .navbar-nav > .open > a:focus {
  color: #fdfdfd;
  background-color: #7e7b7b;
}
.navbar-vendor-portal .navbar-default .navbar-toggle {
  border-color: #7e7b7b;
}
.navbar-vendor-portal .navbar-default .navbar-toggle:hover,
.navbar-vendor-portal .navbar-default .navbar-toggle:focus {
  background-color: #7e7b7b;
}
.navbar-vendor-portal .navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-vendor-portal .navbar-default .navbar-collapse,
.navbar-vendor-portal .navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-vendor-portal .navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-vendor-portal .navbar-default .navbar-link:hover {
  color: #fdfdfd;
}

.navbar-vendor-portal .dropdown-menu {
	width: 100%;
}

@media (max-width: 767px) {
  .navbar-vendor-portal .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-vendor-portal .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-vendor-portal .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fdfdfd;
  }
  .navbar-vendor-portal .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-vendor-portal .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-vendor-portal .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fdfdfd;
    background-color: #7e7b7b;
  }
}

@media (min-width: 767px)
{
	.navbar-vendor-portal .dropdown-menu {
		text-align: center;
	}
}

/*11. PROPERTY MAP
***************************************************/
.mobile-canvas{
	max-height: 22em;
	padding: 0;	
}

/*16. PROPERTY SLIDESHOWS
***************************************************/
.flex-direction-nav a  {
	color: rgba(1,254,250,0.8);
}

/* This controls the background color, text color, and width of the captions below the images */
.fotorama__caption__wrap {
	width: 100%;
	background-color: #333333 !important;
	color: #ececec !important;
}
/* This controls the position of the captions */
.fotorama__caption {
	text-align: center;
	bottom: 5px;
}

/* On iPads, the caption would cover the images */
@media only screen and (max-width: 992px) {
	.fotorama__caption {
		bottom: 0 !important;
	}
	
	.fotorama__caption__wrap {
		padding: unset !important;
	}
}

/* This controls the background color of the stage during full screen mode */
.fotorama--fullscreen .fotorama__stage {
	background-color: #000000 !important;
}

/* Web group and search results list thumbnail image */
.wg-proplist .fotorama {
	margin-top: -8px;
	margin-bottom: -20px;
}

/*17. CONTACT PAGES
***************************************************/
#ContactPage label {
	margin-top: 5px;
}
@media screen and (max-width: 340px){
	#ContactPage input[type=text],
	#ContactPage textarea,
	#ContactPage .img-contact{
		width: 100%;		
		max-width: 240px;
	}
}

@media screen and (max-width: 980px){
	/* Google ReCaptcha for Mobile */
	#rc-imageselect, .g-recaptcha {
		transform:scale(0.75);-webkit-transform:scale(0.75);transform-origin:0 0;-webkit-transform-origin:0 0;		
	}
}

/* Safari Bug: https://bugs.webkit.org/show_bug.cgi?id=158342 */
/* See also: https://github.com/twbs/bootstrap/issues/17695 */
.modal { -webkit-overflow-scrolling: auto; outline: 0; }
.modal-dialog {
	height: 101%;
}

/*100. OVERRIDES
***************************************************/
.form-control[readonly] {
	cursor: pointer;
}

.modal {
  -webkit-overflow-scrolling: touch; 
}

.checkbox, .radio {
	padding-left: 20px;
}

.grecaptcha-badge {
	position: unset !important;
}

.interestedDetailPage {
	background-color: #cccccc;
    padding: 0;
    margin: 0 0 15px;	
}

.goldstar {
    float: left;
    font-size: 24px;
    color: #d16f1a;
    background-color: #2376BB;
    padding: 5px 5px 10px;
}

.interestedDetailPage p {
    padding: 10px 5px 9px 34px;
    color: #333;
    text-align: center;
}

.nospinner[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

@media only screen and (min-width: 992px) {
	.leaflet-popup-content { width: 310px; min-width: 310px; }	
}

@media only screen and (max-width: 992px) {
	.map-button { font-size: 8px; }
}

@media only screen and (max-width: 767px) {
	.leaflet-popup-content { max-width: 160px; min-width: 140px; width: 140px; }
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc;
    color: #222222;
    font-weight: bold;
}
#ui-datepicker-div {
	z-index: 9999 !important;
}


/*18. OWNER CALENDAR CSS AVAILABILITY
***************************************************/
/* For printing background colors to work in Chrome, we must mark the colors important. */
.annual-calendar-cell {
    width: 29px;
    height: 18px;
    margin: auto 0;
    color: #666;
    border: solid 1px #FFFFFF;
}

.available {
    background-color: #D7DFFF !important;	
}

/* We still show this as avialable on the annual calendar */
.unavailable {
	background-color: #D7DFFF !important;
}

.guest {
    background-color: #ABCC6A !important;
}

.owner {
    background-color: #69B7DE !important;
}

.blackout {
    background: #EB8F8F !important;
}

/* From One Guest To A Different Guest Booking */
/* We use the #D7DFFF available color as our line to split the guest to guest entries. */
.guest-to-guest {
	background: linear-gradient(to bottom right, #ABCC6A, #ABCC6A 47%, #D7DFFF 47%, #D7DFFF 53%, #ABCC6A 53%, #ABCC6A) !important;
}

/* From Guest Booking To Owner Booking */
.guest-to-owner {
	background: linear-gradient(to right bottom, #ABCC6A 50%, #69B7DE 50%) !important;
}
/* From Owner Booking To Guest Booking */
.owner-to-guest {
	background: linear-gradient(to right bottom, #69B7DE 50%, #ABCC6A 50%) !important;
}
/* From One Owner To A New Owner Booking */
/* We use the #D7DFFF available color as our line to split the guest to guest entries. */
.owner-to-owner {
	background: linear-gradient(to bottom right, #69B7DE, #69B7DE 47%, #D7DFFF 47%, #D7DFFF 53%, #69B7DE 53%, #69B7DE) !important;
}
.booked {
	background: #ABCC6A !important;
}
/* From Blackout To Guest Booking */
.blackout-to-guest {
	background: linear-gradient(to right bottom, #EB8F80 50%, #ABCC6A 50%) !important;
}
/* From Guest Booking To Blackout */
.guest-to-blackout {
	background: linear-gradient(to right bottom, #ABCC6A 50%, #EB8F80 50%) !important;
}
/* From Owner Booking to Blackout */
.owner-to-blackout {
	background: linear-gradient(to right bottom, #69B7DE 50%, #EB8F80 50%) !important;
}
/* From Blackout To Owner Booking */
.blackout-to-owner {
	background: linear-gradient(to right bottom, #EB8F80 50%, #69B7DE 50%) !important;
}
.owner-to-available {
	background: linear-gradient(to right bottom, #69B7DE 50%, #D7DFFF 50%) !important;
}
.available-to-blackout {
	background: linear-gradient(to right bottom, #D7DFFF 50%, #EB8F80 50%) !important;
}
.blackout-to-available {
	background: linear-gradient(to right bottom, #EB8F80 50%, #D7DFFF 50%) !important;
}

.blackout-to-blackout-to-available {
	background: linear-gradient(to right bottom, #ABCC61 50%, #EB8F80 50%) !important;
}

.guest-to-available {
	background: linear-gradient(to right bottom, #ABCC61 50%, #D7DFFF 50%) !important;
}

.available-to-owner {
	background: linear-gradient(to right bottom, #D7DFFF 50%, #69B7DE 50%) !important;
}

.available-to-guest {
    background: linear-gradient(to right bottom, #D7DFFF 50%, #ABCC61 50%) !important;
}

/* Pricing Compliance */
.total-value, .total-label {
	font-weight: bolder;
	font-size: 16px;
}

.subtotal-value, .subtotal-label {
	font-weight: bold;
}