body {position: relative;}
.table {color: white; font-size: 14px;}
.paypal-button {margin: 20px auto 40px auto;}

.Bookings.index #title,
.Bookings.rebook #title,
.Bookings.index .title-select { margin-bottom: 0; }
@media ( max-width: 1330px ) {
	.Bookings.index .row-fluid.title-name .control-group.span2 { width: 100%; margin-left: 0; margin-bottom: 20px; }
	.Bookings.index .row-fluid.title-name .control-group.span5 { width: 100%; margin-left: 0; }
	.Bookings.rebook .row-fluid.title-name .control-group.span2 { width: 100%; margin-left: 0; margin-bottom: 20px; }
	.Bookings.rebook .row-fluid.title-name .control-group.span5 { width: 100%; margin-left: 0; }
}

.step tr {cursor:pointer;} 
.steps-form ul {list-style-type: disc; color: white;}	
.steps-form ul.substeps {border-bottom: 1px solid gray; padding-bottom: 24px; margin: 0;} 
.steps-form .yellow ul {color: black;}
	
	.steps-form .yellow { 
		padding:15px;
		border-radius: 30px;
		box-sizing: border-box;
		display: block;
		color: #00134e; 
		background: rgb(255,222,0);
		background: -moz-linear-gradient(left, rgba(255,222,0,1) 10%, rgba(255,248,155,1) 50%, rgba(255,222,0,1) 90%);
		background: -webkit-linear-gradient(left, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%);
		background: linear-gradient(to right, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#ffde00',GradientType=1 );		
	}
	
	.steps-form textarea {
		height: 200px;
		border-radius: 25px;
		color: #00134e;
		padding-left: 20px;
		font-size: 1.4em;
		-webkit-appearance: none;
	}
	
	.steps-form input[type="text"], 
	.steps-form input[type="email"], 
	.steps-form input[type="tel"], 
	.steps-form input[type="number"], 
	.steps-form select {
		height: 40px;
		border-radius: 25px;
		color: #00134e;
		padding-left: 20px;
		font-size: 19px;
		-webkit-appearance: none;
	}
	
	.control-group.select {
		position: relative;		
	}
	
	.control-group.select:after {
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: .255em;
		vertical-align: .255em;
		content: "";
		border-top: .4em solid;
		border-right: .4em solid transparent;
		border-bottom: 0;
		border-left: .4em solid transparent;
		color: #00134e;
		position: absolute;
		bottom: 15px;
		right: 20px;
		font-size: 1.4em;
	}
	
	.page-content .content-section .steps p:last-child { margin-bottom: 0; }
	

/*	.row-fluid .steps-content { min-height: 740px; }	*/
/*	.steps { min-height: 1050px; }						*/

.row-fluid {margin-top: 40px;}
.steps-form {display: none;}
.steps-form.active {display: block;}
.steps-form h2 {font-weight: normal; font-size: 28px; margin-bottom: 18px;}

.btn-yellow {display: inline-block; color: #002493; padding: 14px 40px; border-radius: 25px; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 18px;
    background: rgb(255,222,0);
    background: -moz-linear-gradient(left, rgba(255,222,0,1) 10%, rgba(255,248,155,1) 50%, rgba(255,222,0,1) 90%);
    background: -webkit-linear-gradient(left, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%);
    background: linear-gradient(to right, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#ffde00',GradientType=1 );
	transition: transform 1s;}
.btn-yellow:hover {color: #002493; text-decoration: none;}

.nav-buttons {margin: 48px auto !important;}
#Summary .nav-buttons {margin: 20px 0 0 0 !important;}

	.yesnoblank>.btn:first-child,
	.yesnoblank>.btn:last-child, 
	.yesnoblank>.dropdown-toggle,
	.yesnoblank button,
	.yesno>.btn:first-child,
	.yesno>.btn:last-child, 
	.yesno>.dropdown-toggle,
	.yesno button,
	.btn-white {
		color: white;
		border: 1px solid white;
		padding:15px 40px;
		border-radius: 30px;
		box-sizing: border-box;
		text-shadow: none;
		font-size: 18px;
		font-weight: bold;
		display: inline-block;
		background: transparent;
		margin-right: 5px;
		margin-left: 5px;
	}
	.btn-white {
		margin-top: 40px;
	}
	.yesnoblank>.btn:first-child,
	.yesnoblank>.btn:last-child,
	.yesno>.btn:first-child,
	.yesno>.btn:last-child {
		margin-top: 0;
	}
	.yesnoblank>.btn:hover, .yesnoblank>.btn:focus, .yesnoblank>.btn:active, .yesnoblank>.btn.active,
	.yesno>.btn:hover, .yesno>.btn:focus, .yesno>.btn:active, .yesno>.btn.active {
		color: #002493;
		border-color: transparent;
		background: rgb(255,222,0);
		background: -moz-linear-gradient(left, rgba(255,222,0,1) 10%, rgba(255,248,155,1) 50%, rgba(255,222,0,1) 90%);
		background: -webkit-linear-gradient(left, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%);
		background: linear-gradient(to right, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#ffde00',GradientType=1 );
	}
	
	.steps legend {
		color: white;
		border: 1px solid white;
		padding:0 20px;
		border-radius: 20px;
		box-sizing: border-box;
	}
	.steps legend .pull-right {
		color: white;
		font-size: 15px;
		text-align: right;
	}
	.steps legend span svg {
		font-size: 24px;	
	    vertical-align: -6px;
	}
	.steps legend span .fa-exclamation-circle {
		color: rgb(255,132,22);
	}
	.steps legend span .fa-check-circle {
		color: rgb(66, 255, 0);
	}
	.steps .table tr td { padding: 4px }
	
	.steps .table tr td.substeps { display: table-cell; vertical-align: middle; padding: 8px 8px 8px 0; }
	.steps .table tr td.substeps div { 
		font-weight: bold;
		font-size: 18px;
		display: inline-block;
		text-align: center;
		border-radius: 20px;
		width: 40px;
		height: 40px;
		border: 1px solid rgb(255,244,78);
		line-height: 40px;
	}
	.steps .table tr td.title { text-align: right; font-weight: bold; color: rgb(253,1250,184); }
	
	label,
	.begin {     
		font-size: 20px;
		line-height: 1.4em;
		margin: 20px 0;
		color: rgb(255,244,78); 
	}
	
	.substeps { clear: both; display: block; }
	.substeps li {
		font-weight: bold;
		font-size: 18px;
		display: inline-block;
		border-radius: 20px;
		width: 40px;
		height: 40px;
		border: 1px solid rgb(255,244,78);
		line-height: 40px;
		margin-right: 10px;
		background: #00134e;
	}
	.substeps li:last-child {margin-right: 0; }
	.substeps li.active,
	.steps .table tr td.substeps.active div { 
		color: #00134e; 
		background: rgb(255,222,0);
		background: -moz-linear-gradient(left, rgba(255,222,0,1) 10%, rgba(255,248,155,1) 50%, rgba(255,222,0,1) 90%);
		background: -webkit-linear-gradient(left, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%);
		background: linear-gradient(to right, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#ffde00',GradientType=1 );
	}
	
	.step p,
	.step .table { display: none; }
	.step.active p,
	.step.active .table { display: table; }
	.step.active legend { color: rgb(255,244,78); border-color: rgb(255,244,78); }
	.steps .table td { border-bottom: 1px solid #666; }
	.steps .table tr:first-child td { border-top: 1px solid #666; }
	
	.page-content .content-section .button.input-block-level { margin: 0 0 40px 0; }
	
	.resorts .resort-choice {background-color: rgba(255,255,255,0.1) !important; border: 5px solid white; display: inline-block; width: 30%; margin: 0 0.5% 14px 0.5%; cursor: pointer; min-height: 260px; vertical-align: top; border-radius: 12px;}
	.resorts .resort-choice div {text-align: left; padding: 10px 10px 0px 10px;}
	.resorts .resort-choice > img {width: 100%; border-top-right-radius: 8px; border-top-left-radius: 8px;}
	
	.Payments .resorts .resort-choice div {     
		text-align: left;
		margin-left: 310px;
		margin-top: 0;
		margin-bottom: 7px; 
	}
	
	.Payments .resorts .resort-choice img {
	    float: left;
	    width: 300px;
	    height: auto;
	}	

	.Payments .resorts .resort-choice div:last-child { margin-bottom: 0; }	
	
	@media (max-width: 979px) {	
		.Payments .resorts .resort-choice img { float: none; width: 100%; }
		.Payments .resorts .resort-choice div { text-align: left; margin-left: 0px; margin-top: 10px; }
	}

	@media (max-width: 650px) {	
	.resorts .resort-choice {width: 45%;}
	.steps-form h2 {font-size: 18px;}
	}

	.rooms .room-choice {background-color: rgba(255,255,255,0.1) !important; border: 3px solid white; display: inline-block; margin-bottom: 10px; padding: 10px; width: 28%; margin-right: 6px; cursor: pointer; border-radius: 12px;}
	.rooms .room-choice.loading { opacity: 0.3; }
	.rooms .occupancy { clear: both; margin-top: 12px;}
	.rooms .room-choice div { text-align: left; }
	.rooms .room-choice img { float: left; width: 125px; height: 100px; border: 1px solid; }

	.rooms .room-choice h2 {font-size: 18px; color: rgb(255,244,78); margin: 0; font-weight: normal;}
	.rooms .room-choice h3 {font-size: 16px; color: rgb(255,255,255); margin: 0; font-weight: normal;}

	.room-choice.active h2 {color: #000; font-weight: bold;}
	.room-choice.active h3 {color: #000; font-weight: bold;}

	.room-choice .non-discount-price { color: rgb(255,132,22); text-decoration: line-through; font-weight: 500; display: block; position: absolute; bottom: -4px; right: 0; }
	.room-choice .price {font-size: 18px;}

	.room-choice:hover, 
	.accessibility-choice:hover,
	.alternates-choice:hover,
	.resort-choice:hover { border-color: rgb(255,222,0); }
	@media ( max-width: 979px ) { .room-choice:hover { border-color: #ffffff; } }
	.accessibility-choice.active,
	.room-choice.active,
	.terms-choice.active,
	.terms2-choice.active,
	.alternates-choice.active,
	.resort-choice.active {color: black; border-color: transparent;  background: rgb(255,222,0); background: -moz-linear-gradient(left, rgba(255,222,0,1) 10%, rgba(255,248,155,1) 50%, rgba(255,222,0,1) 90%); background: -webkit-linear-gradient(left, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%); background: linear-gradient(to right, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#ffde00',GradientType=1 );}
	
	.page-content .content-section .button[disabled] { opacity: 0.4; cursor: not-allowed; margin-top: 0; }
	.alert-danger, .alert-error { display: none; }
	.input-daterange div:after { bottom: 25px; top: auto; pointer-events: none; }
	.tooltip.in { opacity: 1; }
	
	.room-choice.active .label {background: #000000; color:#fff;}
	.occupancy { position: relative; }
	.occupancy .label { font-size: 14px; background: rgb(255,222,0); color:#000;}
	
	.steps-form input[type="text"], .steps-form input[type="email"], .steps-form input[type="tel"], .steps-form input[type="number"], .steps-form select {border-color: transparent!important;}
	
	.datepicker-switch:after {
		display: inline-block;
		width: 0;
		height: 0;
		vertical-align: 3px;
		margin-left: 3px;
		border-top: 4px solid #000;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
		content: " ";
	}
	
	.twitter-typeahead { display: block!important; }
	.typeahead, .tt-query, .tt-hint { width: 100%; }
	.date { position: relative; }
	.date div:after {
		bottom: 25px;
		top: auto;
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: .255em;
		vertical-align: .255em;
		content: "";
		border-top: .4em solid;
		border-right: .4em solid transparent;
		border-bottom: 0;
		border-left: .4em solid transparent;
		color: #00134e;
		position: absolute;
		right: 20px;
		font-size: 1.4em;
	}
	.twitter-typeahead:after {
		content: "\f002";
		display: inline;
		width: auto;
		height: auto;
		position: absolute;
		line-height: 40px;
		color: black;
		right: 15px;
		vertical-align: baseline;
		background-image: none;
		background-position: 0% 0%;
		background-repeat: repeat;
		margin-top: 0;
		font-family: FontAwesome;
		font-weight: normal;
		font-style: normal;
		text-decoration: inherit;
		-webkit-font-smoothing: antialiased;
	}
	.step.disabled,
	.step.disabled > a,
	a[disabled] {     
		opacity: 0.4;
		cursor: not-allowed;
	}
	a[disabled] {     
		text-decoration: none;
	}
	.step.disabled,	
	.step.disabled > a,
	a[disabled]:hover {
		text-decoration: none;
	}
	
	.bootstrap-datetimepicker-widget .btn {
		display: inline-block;
		padding: 4px 12px;
		margin-bottom: 0;
		font-size: 14px;
		line-height: 20px;
		color: #333;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255,255,255,0.75);
		vertical-align: middle;
		cursor: pointer;
		background-color: #f5f5f5;
		background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
		background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
		background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
		background-image: -o-linear-gradient(top,#fff,#e6e6e6);
		background-image: linear-gradient(to bottom,#fff,#e6e6e6);
		background-repeat: repeat-x;
		border: 1px solid #ccc;
		border-color: #e6e6e6 #e6e6e6 #bfbfbf;
		border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
		border-bottom-color: #b3b3b3;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	}
	
	.bootstrap-datetimepicker-widget td span {
		display: block;
		width: auto;
		height: auto;
		line-height: normal;
		float: left;
		margin: 2px;
		cursor: pointer;
		border-radius: 4px;
	}
	
	.bootstrap-datetimepicker-widget .icon-chevron-down {
		color: black;
	}
	
	.guests-list,
	.flight-guests-list {
	    display: inline-block;
		width: auto;
		text-align: left;
		margin-right: auto;
		margin-left: auto;
	}

	.guests-list input,
	.guests-list label,
	.flight-guests-list input,
	.flight-guests-list label { display: inline; }
	
	
	
input[type="checkbox"],
input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 4px;
	height: 25px;
	width: 25px;
	transition: all 0.15s ease-out 0s;
	background: white;
	border: 1px solid #ccc;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	outline: none;
	position: relative;
	z-index: 1000;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	margin: 0;
}
input[type="checkbox"]:hover,
input[type="radio"]:hover {
  background: #9faab7;
}
input[type="checkbox"][disabled]:hover {
	background: #fff;
	cursor: default;
}
input[type="checkbox"][disabled]:checked:hover,
input[type="checkbox"]:checked,
input[type="radio"]:checked {
  background: #f89406;
}
input[type="checkbox"]:checked::before,
input[type="radio"]:checked::before,
.chosen:before {
  height: 25px;
  width: 25px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 23px;
  text-align: center;
  line-height: 25px;
}
input[type="checkbox"]:checked::after,
input[type="radio"]:checked::after,
.chosen:after {
  background: #f89406;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
input[type="radio"] {
  border-radius: 50%;
}
input[type="radio"]::after {
  border-radius: 50%;
}

input[type="checkbox"] {
	margin-left: -30px;
	vertical-align: -5px;
}

input[type="checkbox"][disabled] + label { color: #ccc; }
input[type="checkbox"][disabled]:hover { background: transparent; }

div.select2-container-multi {
    height: auto;
}

.icon-circle { color: #999999; }
.icon-warning-sign,
.icon-star { color: #fff95f; }
.icon-flag,
i.overridden { color: #E62F37; }

.icon-flag,
.icon-warning-sign { text-shadow: 1px 1px 0 black; }

.icon-warning-sign { color: rgb(255,222,0); }

.table-blue {     
	background: aliceblue;
	width: 100%; 
}
.table-blue td { line-height: 2em; }
.table-blue .media-list { margin: 0; }
.table-blue li { clear: both; margin: 10px 0 10px 0; }
.table-blue li > label { line-height: 20px; text-transform: uppercase; color: #999; font-weight: bold; }
.table-blue li > div { line-height: 20px; }

#suggestions-modal,
#owners-modal,
#requests-modal { width: 1260px; margin-left: -630px; }
#owners-modal .modal-body { max-height: 500px; }

.alternate { color: forestgreen; }	

th.alternate { color: black; }
.alternate td.override .dropdown-menu { color: black; }
.alternate td.override .dropdown-menu .btn-group a.btn { padding: 4px 10px; margin-top: 18px; }

.input-daterange input { text-align: left; }

table tbody.choices-list td { padding-left: 5px; padding-right: 5px; }
table th.occupancy,
table tbody.choices-list td.occupancy { text-align: center; }

#points-list > div { border-bottom: 1px solid rgb(128, 128, 128); padding: 5px 0 10px; }
#points-list > div:last-child { border-bottom: 0; padding-bottom: 0; }

.select2-result-label div.choice-result-div { border-bottom: 1px solid #ccc; margin: -3px -7px; padding: 3px 7px; }
.select2-result-label:hover div.choice-result-div { border-bottom-color: transparent; }

#related.tab-pane .table td { padding-top: 7px; padding-bottom: 7px; }
#related.tab-pane .table td.name  { padding-bottom: 0; }
#related.tab-pane .table td.email { padding-top: 0; font-style: italic; color: #666; font-size: 13px; }
#related.tab-pane .table td.dates { padding-bottom: 0; text-align: right; }
#related.tab-pane .table td.booking-status { padding-top: 0; text-align: right; font-size: 13px; }
#related.tab-pane .table td.actions { padding-bottom: 0; }
#related.tab-pane .table th { padding: 4px 5px; }
#related.tab-pane .table th span.related-title { position: relative; top: 6px; }

#related-bookings .modal-body { min-height: 150px; transition: all 0.5s; padding-bottom: 0; }
#related-bookings.expand .modal-body { min-height: 500px; }
#related-bookings #related-booking-search { width: 490px; margin-right: 42px; }
#related-bookings #related-booking-search-dropdown { position: absolute; top: 0; right: 0; }
#related-bookings #related-booking-search-dropdown a.btn { border-radius: 0 4px 4px 0; }

#related-bookings .tt-menu { width: 560px; border-radius: 0; box-shadow: none; max-height: 456px; overflow-y: auto; margin-left: -15px; margin-right: -15px; padding-bottom: 0; border-width: 1px 0 0 0; margin-bottom: 0; }
#related-bookings .tt-hint { display: none; }
#related-bookings .tt-suggestion { font-size: 15px; line-height: 18px; padding-top: 8px; padding-bottom: 8px; }
#related-bookings .tt-suggestion span.badge { margin-top: 10px; }

#children-list .control-group:nth-child(1) { max-width: calc( ( 100% - 7.692307692307692% - 144px ) / 2 ) !important; } /* half the remaining space */
#children-list .control-group:nth-child(2) { max-width: calc( ( 100% - 7.692307692307692% - 144px ) / 2 ) !important; } /* half the remaining space */
#children-list .control-group:nth-child(3) { min-width: 60px !important; } /* 60px + 2.564102564102564% */
#children-list .control-group:nth-child(4) { min-width: 84px !important; } /* 84px + 2.564102564102564% */

.Bookings.index td.flag { vertical-align: middle; }
.Bookings.index td.flag i { font-size: 20px; }

#disney-confirmation.waiting-for-reservation { animation: fade 2s 3; }

@keyframes fade {
	50% {
		background-color: #faa732;
		color: white;
	}
}

tr.added { background: rgba(191,245,206,0.5); }
tr.edited { background: rgba(250,250,115,0.5); }
tr.removed { background: rgba(252,166,166,0.5); }

#associateUserModal .control-group.checkbox .btn-group.yesno { display: none; }
#associateUserModal .control-group.checkbox label { margin-top: 20px; margin-bottom: -20px; }
#associateUserModal .modal-body { padding-bottom: 30px; }


.widget.choice .table { margin-top: 20px; }

.widget > .btn-dropdown .btn.btn-small.dropdown-toggle { border-bottom-left-radius: 4px; }
.widget > .btn-dropdown div.select2-container .select2-choice { border-top-right-radius: 0; border-top-left-radius: 0; padding-left: 0; padding-top: 0; height: 24px; }
.widget > .btn-dropdown div.select2-container.select2-dropdown-open .select2-choice { height: 28px; }
.widget > .btn-dropdown div.select2-container.select2-dropdown-open.select2-drop-above .select2-choice { height: 24px; }
.widget > .btn-dropdown div.select2-container .select2-choice .select2-chosen { padding-left: 8px; margin-right: 18px; margin-top: -2px; }
.widget > .btn-dropdown div.select2-container .select2-choice .select2-chosen span.badge { border-radius: 0; margin-left: -8px; width: calc(100% + 8px); padding: 5px 0; text-align: center; margin-top: 2px; }
.widget > .btn-dropdown div.select2-container.select2-dropdown-open .select2-choice .select2-chosen span.badge { padding-bottom: 9px; }
.widget > .btn-dropdown div.select2-container.select2-dropdown-open.select2-drop-above .select2-choice .select2-chosen span.badge { padding-bottom: 5px; }
.widget > .btn-dropdown div.select2-container .select2-choice .select2-arrow b { background-position-y: 0 !important; }

#staterooms .nav-pills { max-width: 85%; }

div.widget-stateroom { padding-top: 30px; }

#staterooms .widget-stateroom:nth-child(odd) { margin-left: 0;}

tr.holding-disabled td,
tr.recently-polled td { background-color: #bbb; }

.cruise-edit-form #comments { min-height: 50px; height: 50px; }

.resort-choosen {position: relative; max-width: 450px; width: 100%; margin: auto; background-color: rgba(255,255,255,0.1) !important; border: 5px solid white; cursor: unset; border-radius: 12px;}
.resort-choosen img {border-top-left-radius: 8px; border-top-right-radius: 8px;}
.resort-choosen .badge {background: #00aeff; position: absolute; border-radius: 12px; font-size: 14px; padding: 8px; color: #fff; font-weight: bold; top: 20px; right: 20px;}
.resort-choosen .boxcon {padding: 36px;}
.resort-choosen h2 {font-size: 24px; color: #fff95f; margin:0 0 18px 0; font-weight: bold;}
.resort-choosen ul {margin:0; list-style: none;}
.resort-choosen li {border-bottom: 1px solid #00aeff; padding: 10px 0px; font-size: 16px;}
.resort-choosen .label {font-size: 14px; background: rgb(255,222,0); color: #000;}

.Owners.availableReservations .slider-selection { background: rgb(255,222,0);
    background: -moz-linear-gradient(left, rgba(255,222,0,1) 10%, rgba(255,248,155,1) 50%, rgba(255,222,0,1) 90%);
    background: -webkit-linear-gradient(left, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%);
    background: linear-gradient(to right, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#ffde00',GradientType=1 );
}
.Owners.availableReservations .slider .tooltip { opacity: 1; } 
.Owners.availableReservations #FilterForm { text-align: left; margin-bottom: 60px; background: rgba(33,43,100,0.9); border: 1px solid #00aeff; padding-left: 20%; padding-right: 20%; }
.Owners.availableReservations #FilterForm h3 { line-height: 36px; margin-bottom: 20px; }
.Owners.availableReservations #FilterForm h3 + h3 { display: none; }
.Owners.availableReservations #FilterForm h3 #clear-filters { top: 0; }
.Owners.availableReservations #FilterForm .row-fluid { margin-top: 15px; margin-bottom: 15px; }
.Owners.availableReservations #FilterForm .control-group.select:after { display: none; }
.Owners.availableReservations #FilterForm .control-group label { display: inline-block; width: 33.3333%; margin: 0; line-height: 40px; position: relative; top: 3px; }
.Owners.availableReservations #FilterForm .control-group select,
.Owners.availableReservations #FilterForm .control-group input { display: inline-block; width: 66.5%; margin-bottom: 0; }
.Owners.availableReservations #FilterForm #month { width: 30.2%; }
.Owners.availableReservations #FilterForm label[for="check-in"] { width: 7.5%; text-align: center; }
.Owners.availableReservations #FilterForm #check-in { width: 25.0%; height: 30px; box-shadow: none; }
.Owners.availableReservations #FilterForm .slider { width: calc(66.5% - 20px); margin-left: 10px; margin-right: 10px; }
.Owners.availableReservations #FilterForm .slider .tooltip { margin-top: -20px; z-index: 0; }
.Owners.availableReservations #FilterForm .slider .tooltip .tooltip-inner { padding: 4px 6px; }
.Owners.availableReservations #resales-list.loading section.resales { opacity: 0.1; transition: opacity 0.3s; }
.Owners.availableReservations #month, 
.Owners.availableReservations #order, 
.Owners.availableReservations #room-name,
.Owners.availableReservations #check-in {
    font-size: 18px;
    color: #fff;
    background: #1e2b68;
    border: 1px solid #2b3d90;
    width: 100%;
    text-align: center;
    font-family: "Open Sans", Arial, sans-serif;
    height: 40px;
	cursor: pointer;
}
.Owners.availableReservations th { background: none; }
.Owners.availableReservations #FilterForm #clear-filters-mobile { display: none; }
.Owners.availableReservations #FilterForm .select2-container { cursor: pointer; }
.Owners.availableReservations #FilterForm .select2-container ul.select2-choices,
.Owners.availableReservations #FilterForm .select2-container a.select2-choice { background: #1e2b68; border: 1px solid #2b3d90; border-radius: 4px; cursor: pointer; min-height: 38px; -webkit-box-shadow: none; box-shadow: none; }
.Owners.availableReservations #FilterForm .select2-container ul.select2-choices:after,
.Owners.availableReservations #FilterForm .select2-container a.select2-choice:after { content: "\2304"; color: #fff; position: absolute; margin-right: 8px; font-size: 20px; line-height: 24px; bottom: 14px; right: 0; }
.Owners.availableReservations #FilterForm .select2-container a.select2-choice span.select2-arrow { display: none; }
.Owners.availableReservations #FilterForm .select2-container a.select2-choice .select2-chosen { line-height: 38px; font-size: 18px; color: #fff; text-align: center; }
.Owners.availableReservations #FilterForm .select2-container .select2-default { color: #fff !important; text-align: center; font-size: 18px; min-height: 26px; cursor: pointer; }
.Owners.availableReservations #FilterForm .select2-container .select2-search-field input.select2-input { font-size: 18px; color: #fff; height: 28px; }
.Owners.availableReservations #FilterForm .select2-container ul.select2-choices li.select2-search-choice { display: block; width: 100%; font-size: 18px; margin: 0; padding: 12px 0; text-align: center; color: #fff; background: none; border: 0; border-bottom: 1px solid #2b3d90; box-shadow: none; }
.Owners.availableReservations #FilterForm .select2-container .select2-search-choice-close { top: 12px; left: 10px; }
.Owners.availableReservations #FilterForm .select2-container .select2-search-choice-close:hover { color: #fff; }
.Owners.availableReservations #FilterForm .select2-container.select2-dropdown-open .select2-choice,
.Owners.availableReservations #FilterForm .select2-container.select2-dropdown-open .select2-choices { border-radius: 4px 4px 0 0; }
.Owners.availableReservations #FilterForm .select2-container.select2-dropdown-open.select2-drop-above .select2-choice,
.Owners.availableReservations #FilterForm .select2-container.select2-dropdown-open.select2-drop-above .select2-choices { border-radius: 0 0 4px 4px; }
.Owners.availableReservations #FilterForm .input-daterange { visibility: visible; height: auto; overflow: visible; }

.Owners.availableReservations .select2-drop { z-index: 3000 !important; }
.Owners.availableReservations .select2-drop-mask { z-index: 2999 !important; }

.Owners.availableReservations .select2-drop .select2-results .select2-no-results, 
.Owners.availableReservations .select2-drop .select2-results .select2-searching, 
.Owners.availableReservations .select2-drop .select2-results .select2-selection-limit { background: none; }
.Owners.availableReservations .select2-drop { background: rgba(33,43,100,1); border: 1px solid #2b3d90; }
.Owners.availableReservations .select2-drop .select2-results { color: #fff; font-size: 16px; }
.Owners.availableReservations .select2-drop .select2-results .select2-highlighted { background: #007ecf; }

.Owners.availableReservations .daterangepicker .calendar-table th, 
.Owners.availableReservations .daterangepicker .calendar-table td { padding: 0; }

.Owners.availableReservations #notify-modal,
.Owners.availableReservations #notify-success-modal,
.Owners.availableReservations #resale-unavailable-modal,
.Owners.availableReservations #subscription-deleted-modal { background: rgba(33,43,100,1); border: 1px solid #2b3d90; }
.Owners.availableReservations #notify-modal .modal-header h3,
.Owners.availableReservations #notify-success-modal .modal-header h3,
.Owners.availableReservations #resale-unavailable-modal .modal-header h3,
.Owners.availableReservations #subscription-deleted-modal .modal-header h3 { color: #fff; }
.Owners.availableReservations #notify-modal .select2-container { cursor: pointer; }
.Owners.availableReservations #notify-modal .select2-container ul.select2-choices,
.Owners.availableReservations #notify-modal .select2-container a.select2-choice { background: #1e2b68; border: 1px solid #2b3d90; border-radius: 4px; cursor: pointer; min-height: 38px; -webkit-box-shadow: none; box-shadow: none; }
.Owners.availableReservations #notify-modal .select2-container ul.select2-choices:after,
.Owners.availableReservations #notify-modal .select2-container a.select2-choice:after { content: "\2304"; color: #fff; position: absolute; margin-right: 8px; font-size: 20px; line-height: 24px; bottom: 14px; right: 0; }
.Owners.availableReservations #notify-modal .select2-container a.select2-choice span.select2-arrow { display: none; }
.Owners.availableReservations #notify-modal .select2-container a.select2-choice .select2-chosen { line-height: 38px; font-size: 18px; color: #fff; text-align: center; margin-right: 10px; }
.Owners.availableReservations #notify-modal .select2-container .select2-default { color: #fff !important; text-align: center; font-size: 18px; min-height: 26px; cursor: pointer; }
.Owners.availableReservations #notify-modal .select2-container .select2-search-field input.select2-input { font-size: 18px; color: #fff; height: 28px; }
.Owners.availableReservations #notify-modal .select2-container ul.select2-choices li.select2-search-choice { display: block; width: 100%; font-size: 18px; margin: 0; padding: 12px 0; text-align: center; color: #fff; background: none; border: 0; border-bottom: 1px solid #2b3d90; box-shadow: none; }
.Owners.availableReservations #notify-modal .select2-container .select2-search-choice-close { top: 12px; left: 10px; }
.Owners.availableReservations #notify-modal .select2-container .select2-search-choice-close:hover { color: #fff; }
.Owners.availableReservations #notify-modal .select2-container.select2-dropdown-open .select2-choice,
.Owners.availableReservations #notify-modal .select2-container.select2-dropdown-open .select2-choices { border-radius: 4px 4px 0 0; }
.Owners.availableReservations #notify-modal .select2-container.select2-dropdown-open.select2-drop-above .select2-choice,
.Owners.availableReservations #notify-modal .select2-container.select2-dropdown-open.select2-drop-above .select2-choices { border-radius: 0 0 4px 4px; }
.Owners.availableReservations #notify-modal .input-daterange { visibility: visible; height: auto; overflow: visible; }
.Owners.availableReservations #notify-modal .row-fluid { margin-top: 15px; margin-bottom: 15px; }
.Owners.availableReservations #notify-modal .control-group.select:after { display: none; }
.Owners.availableReservations #notify-modal .control-group label { display: inline-block; width: 33.3333%; margin: 0; line-height: 40px; position: relative; top: 3px; }
.Owners.availableReservations #notify-modal .control-group select { display: inline-block; width: 66%; margin-bottom: 0; }
.Owners.availableReservations #notify-modal .control-group input { display: inline-block; width: 63.5%; margin-bottom: 0; }
.Owners.availableReservations #notify-modal #s2id_notify\-month { width: 66%; }
.Owners.availableReservations #notify-modal .slider { width: calc(66.5% - 20px); margin-left: 10px; margin-right: 10px; }
.Owners.availableReservations #notify-modal .slider .tooltip { margin-top: -20px; z-index: 0; }
.Owners.availableReservations #notify-modal .slider .tooltip .tooltip-inner { padding: 4px 6px; }
.Owners.availableReservations #notify-modal input { background: none; color: #fff; border-color: #2b3d90; text-align: center; font-size: 18px; height: 32px; }
.Owners.availableReservations #notify-modal .select2-choices .select2-search-field { width: 100%; }
.Owners.availableReservations #notify-modal .select2-choices .select2-search-field .select2-input { width: 100% !important; }
.Owners.availableReservations #notify-modal .modal-footer,
.Owners.availableReservations #notify-success-modal .modal-footer,
.Owners.availableReservations #resale-unavailable-modal .modal-footer,
.Owners.availableReservations #subscription-deleted-modal .modal-footer { border-top: 0; box-shadow: none; background: #00134e; }
.Owners.availableReservations #notify-modal .modal-footer .btn,
.Owners.availableReservations #notify-success-modal .modal-footer .btn,
.Owners.availableReservations #resale-unavailable-modal .modal-footer .btn,
.Owners.availableReservations #subscription-deleted-modal .modal-footer .btn,
.Owners.availableReservations #notify-modal .modal-footer .btn-success,
.Owners.availableReservations #notify-success-modal .modal-footer .btn-success,
.Owners.availableReservations #resale-unavailable-modal .modal-footer .btn-success,
.Owners.availableReservations #subscription-deleted-modal .modal-footer .btn-success { background: #eee; top: 0; font-weight: 500; border-radius: 16px; font-size: 16px; text-transform: uppercase; padding: 6px 20px; }
.Owners.availableReservations #notify-modal .modal-footer .btn-success,
.Owners.availableReservations #notify-success-modal .modal-footer .btn-success { background: rgb(255,222,0); background: linear-gradient(to right, rgba(255,222,0,1) 10%,rgba(255,248,155,1) 50%,rgba(255,222,0,1) 90%); color: #000; }
.Owners.availableReservations #notify-success-modal .modal-body,
.Owners.availableReservations #resale-unavailable-modal .modal-body,
.Owners.availableReservations #subscription-deleted-modal .modal-body { color: #fff; }

.Owners.availableReservations #notify-modal form .control-group.error { position: relative; }
.Owners.availableReservations #notify-modal form .control-group.error label { color: #b94a48; top: -7px; }
.Owners.availableReservations #notify-modal form .control-group.error input,
.Owners.availableReservations #notify-modal form .control-group.error select { border-color: #b94a48; margin-bottom: 18px; }
.Owners.availableReservations #notify-modal form .control-group.error .alert-danger,
.Owners.availableReservations #notify-modal form .control-group.error .alert-error { display: block; position: absolute; bottom: 0; right: 5px; padding: 0; margin: 0; background: none; border: 0; text-shadow: none; }

.Owners.availableReservations #notify-modal form p { color: #fff; font-size: 16px; line-height: 1.6; margin-top: 20px; }
.Owners.availableReservations #notify-modal form p strong { color: rgb(255,244,78); }

@media (max-width: 1330px) and (min-width: 1200px) { 
	.Owners.availableReservations #FilterForm label[for="check-in"] { width: 7%; } 
	.Owners.availableReservations #FilterForm 
	.Owners.availableReservations #FilterForm #clear-filters { padding-left: 20px; padding-right: 20px; }
	.Owners.availableReservations #FilterForm #clear-filters-mobile { display: none; }
}
@media (max-width: 1199px) and (min-width:  980px) {
	.Owners.availableReservations #FilterForm label[for="check-in"] { width: 6.4%; } 
}
@media (max-width: 1199px) {
	.Owners.availableReservations #FilterForm #clear-filters { display: none; }
	.Owners.availableReservations #FilterForm #clear-filters-mobile { display: inline-block; }
}
@media (max-width: 979px) {
	.Owners.availableReservations #FilterForm { padding-left: 5%; padding-right: 5%; }
	.Owners.availableReservations #FilterForm #month { width: calc(33.3% - 33px); position: relative; left: -4px; }
	.Owners.availableReservations #FilterForm label[for="check-in"] { width: 41px; position: relative; left: -2px; }
	.Owners.availableReservations #FilterForm #check-in { width: calc(33.3% - 33px); }
}
@media (max-width: 650px) {
	.Owners.availableReservations #FilterForm #month { width: 65.9%; margin-right: 0; }
	.Owners.availableReservations #FilterForm #s2id_month { width: 66.5% !important; left: -4px; margin-right: -4px;; }
	.Owners.availableReservations #FilterForm label[for="check-in"] { width: calc(33.0% - 10px); position: relative; left: 0; text-align: right; padding-right: 10px; }
	.Owners.availableReservations #FilterForm #check-in { width: calc(66.5% - 28px); margin-right: -2px; position: relative; left: -2px; padding-right: 20px; }
}
@media (max-width: 449px) {
	.Owners.availableReservations #FilterForm h3 { display: none; }
	.Owners.availableReservations #FilterForm h3 + h3 { display: block; }
	.Owners.availableReservations #FilterForm #clear-filters-mobile { display: none; }
	.Owners.availableReservations #FilterForm #clear-filters-mobile-2 { font-size: 75%; font-weight: normal; }
	.Owners.availableReservations #FilterForm .control-group label { display: inline-block; width: 99.5%; margin: 0; line-height: 24px; position: relative; top: 0; font-size: 120%; }
	.Owners.availableReservations #FilterForm .control-group select,
	.Owners.availableReservations #FilterForm .control-group input { display: inline-block; width: 99.5%; margin-bottom: 0; }
	.Owners.availableReservations #FilterForm .slider { width: calc(99.5% - 20px); margin-left: 10px; margin-right: 10px; }
	.Owners.availableReservations #FilterForm #month { width: 99.5%; }
	.Owners.availableReservations #FilterForm #s2id_month { width: 99.5% !important; }
	.Owners.availableReservations #FilterForm label[for="check-in"] { width: 99.5%; text-align: center; }
	.Owners.availableReservations #FilterForm #check-in { width: calc(99.5% - 28px); }
}

.head2 { min-height: 66px; }

#month, #order, #property-id, #room-name {
    font-size: 18px;
    color: #fff;
    background: #1e2b68;
    border: 1px solid #2b3d90;
    width: 100%;
    text-align: center;
    font-family: "Open Sans", Arial, sans-serif;
    height: 40px;
}

#spinner-modal {
    width: 200px;
    height: 160px;
    margin-top: -80px;
    top: 50%;
	left: 50%;
    margin-left: -100px;
}
#spinner-modal .spinner { top: -79px; left: 50%; }