/* Preferences Styling 2*/

.RoomOptions2 #PageContent .divPreferenceTable { padding-right: 0; }
.RoomOptions2 #PageContent .room-filter { margin-bottom: 10px; }
.RoomOptions2 #PageContent .RoomRow { padding-top: 0; position: relative; }
.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: #72aeab; border: 1px solid #fff; clear: left; margin: 0; padding: 0; text-align: center; width: 100%; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li.bookNow1 { background-color: #a5ad18; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li:first-child { border-top: 1px solid #72aeab; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li:last-child { border-bottom: 1px solid #72aeab; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li.ui-tabs-active { background-color: #fff; border: 1px solid #72aeab; border-right: none; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li a { display: block; height: 100%; width: 100%; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li i.fas { color: #fff; text-align: center; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li.ui-tabs-active i.fas { color: #fcbb00; }

.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel { margin-left: -2px; background-color: #fff; border-bottom-left-radius: 0px; border-bottom-right-radius: 5px; border-top-left-radius: 0px; border-top-right-radius: 5px; border: 1px solid #72aeab; box-shadow: 0 0 10px #e8e8e8; font-size: 0.8em; min-height: 225px; padding: 10px 15px; position: relative; z-index: 50; }
.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 { padding-top: 25px; overflow: hidden; max-height: 135px; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .prefImage img { height: auto; width: 100%;  }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .prefInfo { margin-top: 5px; padding: 0; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .prefInfo p { margin: 0; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .prefInfo p label { color: #72aeab; margin-right: 10px; width: 20%; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .RoomSelect { margin-top: 20px; text-align: center; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .RoomSelect h3 { font-size: 1.3em; margin: 0; padding: 0; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .Carousel { height: auto; width: auto; margin: 3px 20px 0 20px; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel i.fas { color: #72aeab; margin-right: 5px; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel i.fas.text-danger { color: #a94442; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .InActiveFacility { color: #ddd; text-decoration: line-through; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .room-overview { display: block; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .room-overview button { border: 1px solid #72aeab; border-top: none; border-right: none; color: #72aeab; text-decoration: none; position: absolute; right: 0px; top: 0; z-index: 60; width: 130px; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .room-overview button:hover, 
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .room-overview button.selected { background-color: #72aeab; color: #fff; }
.RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel .RoomInfo { margin-top: 15px; }

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

.RoomOptions2 #PageContent .ViewProfile { display: none; }
.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 #price-filter { padding-top: 10px; }
.RoomOptions2 #PageContent .RoomRow.area-hide,
.RoomOptions2 #PageContent .RoomRow.hall-hide,
.RoomOptions2 #PageContent .RoomRow.price-filter { display: none !important; }

.RoomOptions2 #PageContent .RoomSelectBlocked .ui-tabs ul.ui-tabs-nav li.bookNow0 { display: none; }
.RoomOptions2 #PageContent .RoomSelectBlocked .ui-tabs-panel .InActiveFacility { color: #ddd; text-decoration: line-through; }

.RoomOptions2 #PageContent .RoomRow .pref1 { display: none; }

.RoomOptions2 #PageContent img.floorplan { margin: auto; }

.RoomOptions2 #PageContent .CarouselContent { margin-top: 20px; }
.RoomOptions2 #PageContent .CarouselContent a img { max-height: 150px; }

.RoomOptions2 #PageContent .availableRooms .roompanel { margin: 10px; }
.RoomOptions2 #PageContent .availableRooms .roompanel .roomname { font-size: 1.3em; margin-bottom: 10px; }
.RoomOptions2 #PageContent .availableRooms .roompanel .roomname strong { color: #a5ad18; font-weight: bold; }
.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: 11%; }
.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.genderM:before { color: #32a7cd; content: "\f222"; font-family: 'FontAwesome'; font-size: 1.4em; }
.RoomOptions2 #PageContent .availableRooms .roompanel .clusterrooms ul.rooms li table td.genderF:before { color: #FFA5D2; content: "\f221"; font-family: 'FontAwesome'; 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; }


.ui-dialog { border-radius: unset; margin: 0; padding: 0; }
.ui-dialog .ui-widget-header { background: none; }
.ui-dialog .ui-dialog-titlebar { border: none; background-color: #444; border-radius: unset; margin: 0; padding: 7px 10px; }
.ui-dialog .ui-dialog-titlebar span { color: #fff; }
.ui-dialog .ui-dialog-titlebar button { background-color: #72aeab; border-radius: unset; border: 1px solid #444; color: #fff; height: auto; padding: 1px 5px; width: auto; }
.ui-dialog .ui-dialog-titlebar button:hover { background-color: #c6dedd; }
.ui-dialog .ui-dialog-titlebar button .ui-button-icon { display: none; }
.ui-dialog .ViewProfile {  }
.ui-dialog .ViewProfile h3 { font-size: 1.2em; }
.ui-dialog .ViewProfile h3 span { color: #72aeab; }
.ui-dialog .ViewProfile p { font-size: 0.9em; }
.ui-dialog .ui-dialog-buttonpane { margin: 0; padding: 0; }
.ui-dialog .ui-dialog-buttonpane button { color: #fff; background-color: #fcbb00; border: 2px solid #c79400; border-top: none; border-left: none; border-right: none; border-radius: unset; text-decoration: none; padding: 1px 5px; }
.ui-dialog .ui-dialog-buttonpane button:hover { color: #fff; background-color: #FDE399; border: 2px solid #c79400; border-top: none; border-left: none; border-right: none; }

.room-for-compare { border: 2px solid #a5ad18; margin: 0 0 10px 0; padding: 10px 10px 10px 10px; }
.room-for-compare div { display: block; }
.room-for-compare .prefimageWrap { max-height: 275px; min-height: 275px; max-height: 275px; overflow: hidden; display: block; padding-right: 0; padding-left: 0; margin-bottom: 20px; }
.room-for-compare img.img-responsive { display: block; width: 100%; min-height: 100%; width: auto; max-width: none; }
.room-for-compare label { display: inline-block; width: 40%; }
.room-for-compare .compared.preference-button { background-color: #fcbb00; border: 2px solid #c79400; border-top: none; border-left: none; border-right: none; border-radius: 0px; color: #fff; display: block; margin: 30px 0 15px 0; text-decoration: none; width: 100%; }
.room-for-compare .compared.preference-button:hover { background-color: #FDE399; border: 2px solid #c79400; border-top: none; border-left: none; border-right: none; }
.room-for-compare .btn-secondary { background-color: #72aeab; border: 2px solid #527775; border-top: none; border-left: none; border-right: none; border-radius: 0px; color: #fff; text-decoration: none; }
.room-for-compare .btn-secondary:hover { background-color: #c6dedd; border: 2px solid #527775; border-top: none; border-left: none; border-right: none; }
 


.RoomOptions2 #PageContent .basketWrap .jumbotron-primary { padding: 0; }
.RoomOptions2 #PageContent .basketWrap .jumbotron .RoomOptionInfo { margin: 0; padding: 0; }
.RoomOptions2 #PageContent .basketWrap .jumbotron .RoomOptionInfo h2 { margin: 0; padding: 20px; }
.RoomOptions2 #PageContent .basketWrap .jumbotron .RoomOptionInfo ol { list-style-type: none; margin: 0; padding: 0; }
.RoomOptions2 #PageContent .basketWrap .jumbotron .RoomOptionInfo ol li { color: #444; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; margin: 0; padding: 10px; }
.RoomOptions2 #PageContent .basketWrap .jumbotron .RoomOptionInfo ol li span { margin: 0; padding: 0; }
.RoomOptions2 #PageContent .basketWrap .jumbotron .RoomOptionInfo ol li .prefimg { border: 1px solid #e8e8e8; padding: 3px; display: inline-block; position: relative; }
.RoomOptions2 #PageContent .basketWrap .jumbotron .RoomOptionInfo ol li .prefimg img { height: 100%; width: 100%; }
.RoomOptions2 #PageContent .basketWrap .jumbotron .RoomOptionInfo ol li .preferencenumber { color: #72aeab; display: block; font-size: 2em; font-weight: bold; text-align: right; position: relative; top: -6px; }
.RoomOptions2 #PageContent .basketWrap .jumbotron .RoomOptionInfo ol li .prefroom { display: block; padding-left: 4px; }
.RoomOptions2 #PageContent .basketWrap .jumbotron .RoomOptionInfo ol li .prefhall { display: block; padding-left: 4px; }
.RoomOptions2 #PageContent .basketWrap .jumbotron .RoomOptionInfo ol li .prefprice { display: inline-block; background-color: #72aeab; border-radius: 3px; color: #fff; padding: 3px 5px; margin-top: 10px; }
.RoomOptions2 #PageContent .basketWrap .jumbotron .RoomOptionInfo ol li .remove-pref { position: absolute; top: -11px; left: -5px; color: red; width: 30px; height: 30px; cursor: pointer; }

.RoomOptions2 #PageContent .basketWrap .jumbotron .RoomOptionInfo p { padding: 0 20px; }
.RoomOptions2 #PageContent .basketWrap .jumbotron .RoomOptionInfo .view-comparisons { display: block; text-align: center; margin-bottom: 20px; }

.RoomOptions2 #PageContent .basketWrap .KxError { display: inline-block; }
.RoomOptions2 #PageContent .basketWrap .KxError label { color: #a94442; }

.RoomOptions2 #PageContent .basketWrap input { display: inline-block; margin-right: 10px; vertical-align: top; }
.RoomOptions2 #PageContent .basketWrap label { cursor: pointer; display: inline-block; width: 80% !important; }

.RoomOptions2 #PageContent .basketWrap .Navigation { margin: 0; padding-left: 0; padding-right: 0; }
.RoomOptions2 #PageContent .basketWrap .Navigation .btn-primary { margin-bottom: 10px; }

    
@media screen and (max-width: 991px) {
    .RoomOptions2 #PageContent .divPreferenceTable { padding-left: 0; padding-right: 0; }
    .RoomOptions2 #PageContent #mobileFiltersButton { display: block; }
    .RoomOptions2 #PageContent #mobileFilters { display: none; }
}

@media screen and (max-width: 767px) {
    .RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav { margin-left: -2px;  }
    .RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li { clear: none; display: inline-block !important; width: 20%; border: 1px solid #fff; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom: none; }
    .RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li:first-child { border-left: 1px solid #72aeab; border-top: none; }
    .RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li:last-child { border-right: 1px solid #72aeab; border-bottom: none; }
    .RoomOptions2 #PageContent .RoomRow .TabSwitcher ul.RoomDetails.ui-tabs-nav li.ui-tabs-active { background-color: #fff; border: 1px solid #72aeab; border-bottom: none; }
    .RoomOptions2 #PageContent .RoomRow .TabSwitcher .ui-tabs-panel { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 0px; border-top-right-radius: 0px; margin-top: -2px; }
}