/* app css stylesheet */
@media print {
    .printHidden { 
        display: block;
    }
    .notprintable {
        display: none;
    }
}

.hoveredResultClass {
    border: 1px solid #f7871a;
}

.suggestedHotelsGreyBackround{
	background: #d3d3d3;
}

.viewAndBookMarginLeft{
	margin-left: -12%;
}

.row8{border-bottom: solid 1px #cccccc;}


.form-control[disabled] {
    background-color: #cccccc;
    cursor:pointer;
    opacity: 1;
}

.scroll-debug {
    position: fixed;
    bottom: 10px;
    right: 10px;
}

.range-slider {position:relative; height: 5px; background: #cccccc; } 
.range-slider .ui-slider-range {position: absolute; display: block; border: 0; background: #00aec6; background-position: 0 0;}
.range-slider .ui-slider-handle {position: absolute; z-index: 2; width: 1.7em;  height: 1.7em; cursor: default; border-radius:50%; background: white; border:3px solid #cccccc; top:-8px;}

.caret-pull-right {
float: right;
margin-left: 0;
margin-top: 7px;
}

.ui-datepicker .specialDate a { background: #00aec6; }
.ui-datepicker .specialDate a:hover{ background: #f7871a; }

.carouselContainer{min-height: 600px; height:100%; background-repeat:no-repeat; background-position:center top; background-color:#0e2a5a}

.greenButtonSmall{
width:130px;
height:46px;	
border-radius:5px;
background-color: #61d123;
color:#ffffff;
margin:0px;
vertical-align:top;
}

.outerBlueLine{
	border: 2px solid #00aec6;
	padding: 2px;
}
.innerBlueLine{
	border: 1px solid #00aec6;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.olympicsLogo {
	visibility: visible;
	position: absolute;
	margin-left: 6%;
	margin-top: 20px;
	width: 7%;
}

/* small devices */
@media (max-width: 1819px) {

	.olympicsLogo{
		margin-left: 5%;
	}
}

/* small devices */
@media (max-width: 1720px) {

	.olympicsLogo{
		margin-left: 4%;
	}
}

/* small devices */
@media (max-width: 1640px) {

	.olympicsLogo{
		margin-left: 3%;
	}
}

/* small devices */
@media (max-width: 1540px) {

	.olympicsLogo{
		margin-left: 2%;
	}
}

/* small devices */
@media (max-width: 1440px) {

	.olympicsLogo{
		margin-left: 1%;
	}
}

/* small devices */
@media (max-width: 1380px) {

	.olympicsLogo{
		margin-left: 0.5%;
	}
}

/* small devices */
@media (max-width: 1340px) {

	.olympicsLogo{
		visibility: hidden;
	}
}

@media (max-width: 767px) { 

	.carouselContainer{
		min-height: 500px;
	
	}

}