/*Basket*/
.RoomOptionInfo { }
.RoomOptionInfo ul { list-style-type: none; }

/*Preference Card*/
.RoomRow { margin-bottom: 15px; padding: 10px; }
.RoomRow ol { list-style-type: none; margin: 0px; padding: 0px; }
.RoomRow .imageURL { float: left; height: 150px; margin-right: 10px; width: auto; }
.RoomRow .RoomInfo { }
.RoomRow .RoomInfo p { display: block; margin: 0px; padding: 0px; }
.RoomRow .RoomInfo p label { display: inline-block; text-align: right; width: 25%; }
.RoomRow .RoomInfo p span:first-child { width: 72%; }

.ViewProfile { display:none; }

.availableRooms ul.rooms { list-style-type: none; }
.availableRooms ul.rooms li { border: 1px solid; display: inline-block; padding: 5px; }
.availableRooms ul.rooms li table { text-align: center; }

/*Carousel section*/
.Carousel { box-sizing:border-box; height:110px; padding:0 30px; position:relative; width:100%; *width:85%; }
.Carousel button { background:none; border:0; height:100%; overflow:hidden; position:absolute; text-indent:-9999px; top:0; width:50px; z-index:1; }
.Carousel button:focus { box-shadow:none; outline:none; }
.Carousel button .img-replace { background:url(../../resources/images/carousel-sprite.png) no-repeat; display:block; left:50%; height:40px; margin-left:-5px; margin-top:-20px; position:absolute; top:50%; width:10px; }
.Carousel button[disabled] { cursor:not-allowed; }
.Carousel .CarouselPrev { left:-20px; }
.Carousel .CarouselNext { right:-20px; }
.Carousel .CarouselPrev .img-replace { background-position:0 0; }
.Carousel .CarouselNext .img-replace { background-position:-10px 0; }
.Carousel .CarouselPrev[disabled] .img-replace { background-position:-20px 0; }
.Carousel .CarouselNext[disabled] .img-replace { background-position:-30px 0; }
.Carousel .CarouselFrame { height:100%; overflow:hidden; *position:relative; width:100%; }
.Carousel .CarouselContent { font-size:0; height:100%; position:relative; white-space:nowrap; }
.Carousel a { display:inline-block; height:100%; position:relative; zoom:1; *display:inline; }
.Carousel a + a { margin-left:10px; }
.Carousel a img { display:block; height:100%; min-height:100%; }
.Carousel a img[data-missing="true"] { padding:33px !important; }
.Carousel a:hover:after { background:rgba(0, 0, 0, 0.8) url(../../resources/images/zoom-icon.png) no-repeat 50% 50%; content:""; display:block; height:100%; left:0; position:absolute; top:0; width:100%; }
#links { position:fixed; bottom:10px; width:100%; padding-top:50px; list-style:none; text-align:center; z-index:99999; }
#links li { display:inline; padding:0 5px; }
#links li label { width:12px; height:12px; border-radius:100%; display:inline-block; background-color:rgba(0, 0, 0, 0.6); cursor:pointer; }
#links li.active label { background-color:white; }

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-menu-hamburger:before {
    content: "\e236";
}

.floorplan { max-width:100%; }

.map-canvas { height:15em; }
.map-window { height:100%; }



@media screen and (max-width: 767px) {
 
    .Carousel .CarouselFrame{
        width:47vw;
    }
}

@media screen and (max-width: 991px) {    
   .imageWidth { width: 40% }
    .areaWidth { width: 80% }
    .addWidth { width: 20% }   
    #PageContent .Hubtabs .ui-tabs-panel input {       
        width: 100%!important;
    }

}