/* Preferences Styling 2*/

/* Filters */
.RoomOptions2 #PageContent #price-filter { display: block; min-height: 63px; }
.RoomOptions2 #PageContent .minamount { display: inline-block; font-size: 0.6em; float: left; padding-top: 15px; }
.RoomOptions2 #PageContent .maxamount { display: inline-block; font-size: 0.6em; float: right; padding-top: 15px; }
.RoomOptions2 #PageContent .RoomRow.area-hide,
.RoomOptions2 #PageContent .RoomRow.hall-hide,
.RoomOptions2 #PageContent .RoomRow.roomtype-hide,
.RoomOptions2 #PageContent .RoomRow.contractlength-hide,
.RoomOptions2 #PageContent .RoomRow.price-filter { display: none !important; }

/* Preference Cards */
.RoomOptions2 #PageContent .RoomRow { background-color: #fff; border: 0px; border-radius: 0px; box-shadow: none; margin: 10px auto; padding-bottom: 0; position: relative; }
.RoomOptions2 #PageContent .RoomRow > .row { margin: 0; padding: 0; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher { border: none; width: 100%; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav { background-color: transparent; background: none; border: none; margin: 0; padding: 0; z-index: 100; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li { background: none; background-color: #fff; border: 1px solid #2e4680; border-top: 1px solid #2e4680; border-bottom: 1px solid #2e4680; border-radius: 0px; clear: left; margin: 0; padding: 0; text-align: left; width: 100%; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li.bookNow1 { background-color: #6ec6d9; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li.bookNow1 i { margin-right: 8px; padding-left: 4px; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li.ui-tabs-active { background-color: #2e4680; border: 1px solid #2e4680; border-top: 1px solid #2e4680; border-bottom: 1px solid #2e4680; border-right: none; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li.ui-tabs-active:hover { background-color: #2e4680; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li a { display: block; height: 100%; width: 100%; text-decoration: none; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li i { color: #2e4680; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li span { font-size: 0.7em; color: #2e4680; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li:hover { background-color: #6ec6d9; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li:hover i { color: #fff; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li:hover span { color: #fff; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li.ui-tabs-active i { color: #fff; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li.ui-tabs-active span { color: #fff; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li:first-child { border-top: 1px solid #2e4680; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li:last-child { border-bottom: 1px solid #2e4680; }

.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel { margin-left: 0; background-color: #fff; border-radius: 0px; border: 1px solid #2e4680; box-shadow: none; font-size: 0.8em; min-height: 225px; padding: 10px 15px; position: relative; z-index: 50; }
.RoomOptions2 #PageContent .RoomRow.selected-room .TabSwitcher .ui-tabs-panel { border: 1px solid #6ec6d9; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel h3 { margin: 7px 0; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel p { margin: 5px 0 10px 0; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .prefImage { border: 1px solid #2e4680; padding: 5px; margin-top: 5px; overflow: hidden; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .prefImage img { height: auto; width: 100%; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .RoomSelect { margin: 0; padding: 0; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .RoomSelect .room-overview { display: block; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .RoomSelect .room-overview button { border: 1px solid #2e4680; color: #2e4680; text-decoration: none; width: 100%; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .RoomSelect .room-overview button:hover,
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .RoomSelect .room-overview button.selected { background-color: #2e4680; color: #fff; }

.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .prefInfo h2 span[data-type="Area"] { color: #2e4680; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .prefInfo h2 span[data-type="Hall"] { color: #3ba5fa; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .prefInfo p { margin: 5px 0; padding: 0; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .prefInfo p label { color: #2e4680; margin-right: 10px; width: 35%; }

.RoomOptions2 #PageContent .RoomSelectBlocked .ui-tabs-panel .InActiveFacility { color: #ddd; text-decoration: line-through; }

@media (max-width: 1200px ) {
    .RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .prefInfo h2 span[data-type="Area"] { display: block; }
    .RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .prefInfo h2 span[data-type="Hall"] { display: block; }
    .RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .prefInfo div p label { width: 40%; }
    .RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .prefInfo div p span { width: 55%; }
}

@media (max-width: 767px) {
    .RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li { clear: none; display: inline-block; text-align: center; width: 20%; }
    .RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li span { display: none; }
}


/* Carousel Tab */
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .ui-tabs-panel .Carousel { box-sizing: border-box; height: 110px; margin-top: 50px; padding: 0 30px; position: relative; width: 100%; }
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .ui-tabs-panel .Carousel button { background: none; border: 0; height: 100%; overflow: hidden; position: absolute; text-indent: -9999px; top: 0; width: 50px; z-index: 1; }
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .ui-tabs-panel .Carousel button:focus { box-shadow: none; outline: none; }
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .ui-tabs-panel .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; }
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .ui-tabs-panel .Carousel button[disabled] { cursor: not-allowed; }
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .ui-tabs-panel .Carousel .CarouselPrev { left: -20px; }
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .ui-tabs-panel .Carousel .CarouselPrev .img-replace { background-position: 0 0; }
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .ui-tabs-panel .Carousel .CarouselPrev[disabled] .img-replace { background-position: -20px 0; }
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .ui-tabs-panel .Carousel .CarouselFrame { height: 100%; overflow: hidden; width: 100%; }
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .ui-tabs-panel .Carousel .CarouselFrame .CarouselContent { font-size: 0; height: 100%; position: relative; white-space: nowrap; }
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .ui-tabs-panel .Carousel .CarouselFrame .CarouselContent a { display: inline-block; height: 100%; position: relative; width: auto; zoom: 1; }
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .ui-tabs-panel .Carousel .CarouselFrame .CarouselContent a + a { margin-left: 10px; }
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .ui-tabs-panel .Carousel .CarouselFrame .CarouselContent a img { display: block; height: 100%; min-height: 100%; max-width: 100%; width: auto; }
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .ui-tabs-panel .Carousel .CarouselFrame .CarouselContent a img[data-missing="true"] { padding: 33px !important; }
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .ui-tabs-panel .Carousel .CarouselFrame .CarouselContent 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%; }
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .ui-tabs-panel .Carousel .CarouselNext { right: -20px; }
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .ui-tabs-panel .Carousel .CarouselNext .img-replace { background-position: -10px 0; }
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .ui-tabs-panel .Carousel .CarouselNext[disabled] .img-replace { background-position: -30px 0; }
.RoomOptions2 #links { position: fixed; bottom: 10px; width: 100%; padding-top: 10px; list-style: none; text-align: center; z-index: 99999; }
.RoomOptions2 #links li { display: inline; padding: 0 5px; }
.RoomOptions2 #links li label { width: 12px; height: 12px; border-radius: 100%; display: inline-block; background-color: rgba(0, 0, 0, 0.6); cursor: pointer; }
.RoomOptions2 #links li.active label { background-color: white; }

@media (max-width: 768px) {
    .RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .ui-tabs-panel.PaneTwo { margin-bottom: 50px; }
}

@media (max-width: 992px) and (-ms-high-contrast: none), (max-width: 992px) and (-ms-high-contrast: active) {
    .RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .ui-tabs-panel .Carousel .CarouselFrame .CarouselContent a img { width: 100%; max-width: 150px; }
    .RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .ui-tabs-panel.PaneTwo { margin-bottom: 0px; margin-top: 0px; }
}

@media (max-width: 768px) and (-ms-high-contrast: none), (max-width: 768px) and (-ms-high-contrast: active) {
    .RoomOptions2 .ui-tabs-panel { padding-top: 0; margin-bottom: 40px !important; }
}

/* Facilities Tab */
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .PaneTwo div span { display: block; margin: auto; min-height: 65px; padding-top: 17px; text-align: center; vertical-align: middle; }
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .PaneTwo div span i { color: #555; text-align: center; vertical-align: middle; }
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .PaneTwo div span.fa-stack { padding-top: 0; }
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .PaneTwo div span.fa-stack i { }
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .PaneTwo div span.fa-stack i.fa-ban { color: #f00; }
.RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .PaneTwo div label { display: block; font-size: 0.7em; font-weight: normal !important; text-align: center; margin-top: 1px; }

@media screen and (max-width: 1200px) {
    .RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .PaneTwo div span.fa-layers i.fa-times { left: 22%; }
}

@media screen and (max-width: 1024px) {
    .RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .PaneTwo div span.fa-layers i.fa-times { left: 20%; }
}

@media screen and (max-width: 768px) {
    .RoomOptions2 #PageContent .RoomRow .RoomSelectBlocked .TabSwitcher .PaneTwo div span.fa-layers i.fa-times { left: 45%; }
}

/* Map Tab */
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .map-canvas { height: 15em; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .map-window { height: 100%; }


/* Basket  */
.RoomOptions2 #PageContent .basketWrap .view-comparisons { margin-bottom: 10px; margin-top: 0px; width: 100%; }
.RoomOptions2 #PageContent .basketWrap .RoomOptionInfo ol#basket { list-style-type: none; margin: 0; padding: 0; }
.RoomOptions2 #PageContent .basketWrap .RoomOptionInfo ol#basket li { background-color: #ddd; margin: 5px auto; padding: 10px 5px; cursor: move; position: relative; z-index: 100; }
.RoomOptions2 #PageContent .basketWrap .RoomOptionInfo ol#basket li span span { display: block; word-break: break-word; }
.RoomOptions2 #PageContent .basketWrap .RoomOptionInfo ol#basket li a.remove-pref { color: #f00; cursor: pointer; padding: 10px; position: absolute; z-index: 200; top: 0; right: 5px; }

.RoomOptions2 #PageContent .basketWrap .alert-info i { margin-right: 10px; margin-top: 3px; }
.RoomOptions2 #PageContent .basketWrap .alert-info p span input { display: inline-block; width: 10%; vertical-align: top; }
.RoomOptions2 #PageContent .basketWrap .alert-info p span label { display: inline-block; width: 85%; }

/* View comparison  */
.RoomOptions2 .compare-wrapper .btn { border: none; border-radius: 0px; color: #888; min-width: 100px; text-decoration: none; margin-top: 15px; transition: all ease 1s; }
.RoomOptions2 .compare-wrapper .btn-primary { background-color: #2e4680; color: #fff; }
.RoomOptions2 .compare-wrapper .btn-primary:hover { background-color: #c6dedd; }
.RoomOptions2 .compare-wrapper .btn-secondary { background-color: #ccc; color: #444; }
.RoomOptions2 .compare-wrapper .btn-secondary:hover { background-color: #eee; }
.RoomOptions2 .compare-wrapper .btn:hover { color: #000; }
.RoomOptions2 .compare-wrapper .room-for-compare { margin: 10px auto; border-color: #2e4680; }
.RoomOptions2 .compare-wrapper .room-for-compare:last-child { border-right: none; }
.RoomOptions2 .compare-wrapper .room-for-compare .prefimageWrap { margin-bottom: 10px; }
.RoomOptions2 .compare-wrapper .room-for-compare label { color: #3ba5fa; display: inline-block; width: 30%; }
.RoomOptions2 .compare-wrapper .room-for-compare .booknowCompare1 { visibility: hidden; }

@media screen and (max-width: 768px) {
    .RoomOptions2 .compare-wrapper .room-for-compare { clear: both; border-bottom: 1px solid #000; border-right: none; }
    .RoomOptions2 .compare-wrapper .room-for-compare:last-child { border-bottom: none; }
    .RoomOptions2 .compare-wrapper .room-for-compare .prefimageWrap { margin: 0; padding: 0; }
    .RoomOptions2 .compare-wrapper .room-for-compare div div { margin: 0; padding: 0; }
    .RoomOptions2 .compare-wrapper .room-for-compare label { width: 40%; }
    .fancybox-wrap.fancybox-mobile.fancybox-type-inline.fancybox-opened { top: 10px; }
    .RoomOptions2 .compare-wrapper .btn { border: none; border-radius: 0px; color: #fff; min-width: 10px; margin: 5px 0; }
}

/* Book now/Add to basket button */
.RoomOptions2 .bookNow0 { visibility: hidden; }
.RoomOptions2 #PageContent .RoomRow .pref1 { display: none; }
.RoomOptions2 #PageContent .RoomRow div.tabSection .pref1 { display: none; }
.RoomOptions2 #PageContent .RoomRow div.tabSection .RoomSelectBlocked .ui-tabs ul.ui-tabs-nav li.bookNow0 { visibility: hidden; }

.RoomOptions2 #PageContent .RoomRow.selected-room .ui-tabs-panel { border-color: #2e4680; }
.RoomOptions2 #PageContent .RoomRow .pref0 button { border: 1px solid #2e4680; border-bottom: none; border-right: none; background-color: transparent; color: #2e4680; text-decoration: none; position: absolute; right: 4px; bottom: 4px; z-index: 60; width: 130px; }
.RoomOptions2 #PageContent .RoomRow .pref0 button:hover,
.RoomOptions2 #PageContent .RoomRow .pref0 button.selected { border-color: #2e4680; background-color: #2e4680; color: #fff; }

/* Book now */
.RoomOptions2 #PageContent .RoomsTarget .floorpanel .roomAccordion a img { width: 100%; }
.RoomOptions2 .ViewProfile,
.RoomOptions2 .book-now-allocate { display: none; }

.RoomOptions2 #PageContent .availableRooms .roompanel { border-bottom: 1px solid #ddd; margin: 10px; padding-bottom: 10px; }
.RoomOptions2 #PageContent .availableRooms .roompanel .list-headings { display: inline-block; width: 75%; }
.RoomOptions2 #PageContent .availableRooms .roompanel .list-headings .room-info { display: block; }
.RoomOptions2 #PageContent .availableRooms .roompanel .list-headings .room-info .roomname { color: #2e4680; display: block; font-weight: bold; }
.RoomOptions2 #PageContent .availableRooms .roompanel .list-headings .room-info .floornumber { display: block; font-size: 0.8em; }
.RoomOptions2 #PageContent .availableRooms .roompanel .list-headings + .clusterrooms { display: inline-block; width: 20%; }

.RoomOptions2 .ui-dialog { border-radius: unset; margin: 0; padding: 0; width: 30% !important; }
.RoomOptions2 .ui-widget-content { border: none; }
.RoomOptions2 .ui-dialog .ui-widget-header { background: none; }
.RoomOptions2 .ui-dialog .ui-dialog-titlebar { border: none; background-color: #444; border-radius: unset; margin: 0; padding: 10px 15px; }
.RoomOptions2 .ui-dialog .ui-dialog-titlebar span { color: #fff; }
.RoomOptions2 .ui-dialog .ui-dialog-titlebar button { background-color: #444; border-radius: unset; border: none; color: #fff; height: auto; padding: 1px 5px; width: auto; }
.RoomOptions2 .ui-dialog .ui-dialog-titlebar button:hover { background-color: #444; }
.RoomOptions2 .ui-dialog .ui-dialog-titlebar button .ui-button-icon { background-color: #fff; display: none; }
.RoomOptions2 .ui-dialog .ViewProfile h3 { font-size: 1.2em; }
.RoomOptions2 .ui-dialog .ViewProfile h3 span { color: #2e4680; }
.RoomOptions2 .ui-dialog .ViewProfile p { font-size: 0.9em; }
.RoomOptions2 .ui-dialog .ui-dialog-buttonpane { margin: 0; padding: 0; }
.RoomOptions2 .ui-dialog .ui-dialog-buttonpane button { background-color: #2e4680; border: none; color: #fff; border: none; border-radius: 0px; min-width: 100px; padding: 8px 10px; text-decoration: none; margin: 15px; transition: all ease 1s; }
.RoomOptions2 .ui-dialog .ui-dialog-buttonpane button:hover { background-color: #c6dedd; }

.RoomOptions2 #PageContent .availableRooms .roompanel .clusterrooms h4 { color: #444; font-size: 1em; font-weight: bold; }
.RoomOptions2 #PageContent .availableRooms .roompanel .clusterrooms ul.rooms { margin: 0; padding: 0; }
.RoomOptions2 #PageContent .availableRooms .roompanel .clusterrooms ul.rooms li { border: 1px solid #9F9FA3; display: inline-block; margin-right: 4px; min-height: 55px; text-align: center; width: 18%; }
.RoomOptions2 #PageContent .availableRooms .roompanel .clusterrooms ul.rooms li input:hover { cursor: pointer; }
.RoomOptions2 #PageContent .availableRooms .roompanel .clusterrooms ul.rooms li table { width: 100%; }
.RoomOptions2 #PageContent .availableRooms .roompanel .clusterrooms ul.rooms li table td { display: block; width: 100%; }
.RoomOptions2 #PageContent .availableRooms .roompanel .clusterrooms ul.rooms li table td.genderM:before { color: #32a7cd; content: "\f222"; font-family: 'Font Awesome 5 Free'; font-weight: bold; font-size: 1.4em; }
.RoomOptions2 #PageContent .availableRooms .roompanel .clusterrooms ul.rooms li table td.genderF:before { color: #FFA5D2; content: "\f221"; font-family: 'Font Awesome 5 Free'; font-weight: bold; font-size: 1.4em; }
.RoomOptions2 #PageContent .availableRooms .roompanel .clusterrooms ul.rooms li table td .First { color: #a5ad18; font-size: 0.8em; font-weight: bold; padding-left: 2px; }
.RoomOptions2 #PageContent .availableRooms .roompanel .clusterrooms .btn { margin-top: 8px; }
.RoomOptions2 #PageContent .availableRooms .roompanel .clusterrooms .btn:disabled { background-color: #B0B0B0; color: #fff; border-color: #808080; }
.RoomOptions2 #PageContent .availableRooms .roompanel .clusterrooms .roomNotAvailable .fa-ban { color: #f00; margin: 0; padding: 0; }