/* Preferences */
#PageContent #mobileFiltersButton { display: none; }
#PageContent #mobileFilters { display: block; }
#PageContent .room-filter { margin-bottom: 10px; }
#PageContent .divPreferenceTable { padding-right: 0; }
#PageContent .RoomRow { background-color: #fff; border: 1px solid #72aeab; border-radius: 0px; box-shadow: 0 0 10px #e8e8e8; padding-bottom: 0; }
#PageContent .RoomRow.selected-room { border: 1px solid #fcbb00; }
#PageContent .RoomRow .thumbWrap { overflow: hidden; max-height: 150px; margin-top: 25px; }
#PageContent .RoomRow .thumbWrap img { display: block; width: 100%; min-height: 100%; max-width: none; }
#PageContent .RoomRow .room-overview { text-align: right; }
#PageContent .RoomRow .room-overview .compare-button { color: black; text-decoration: none; }
#PageContent .RoomRow .room-overview .compare-button:hover { color: #a5ad18; text-decoration: none; }
#PageContent .RoomRow .room-overview .compare-button.selected { color: #a5ad18; text-decoration: none; }
#PageContent .RoomRow .RoomInfo { margin-top: 20px; }
#PageContent .RoomRow .RoomInfo p { color: #444; margin: 0; padding: 0; }
#PageContent .RoomRow .RoomInfo p label { color: #a5ad18; margin: 0px; padding: 0px 10px 0px 0px; text-align: right; width: 100px; }
#PageContent .RoomRow .RoomSelect { margin-top: 20px; text-align: center; }
#PageContent .RoomRow .RoomSelect div { margin: 0; padding: 0; }
#PageContent .RoomRow .RoomSelect h3 { color: #444; font-size: 1.5em; line-height: 2em; margin: 0; padding: 0; text-align: right; }
#PageContent .RoomRow .RoomSelect .preference-button { margin: 5px 5px 10px 10px; min-width: 20px !important; }
#PageContent .RoomRow .tabSection { position: relative; }

#PageContent .RoomSelectBlocked { padding: 0 5px; }
#PageContent .RoomSelectBlocked .ui-tabs { background: none; border: none; border-radius: 0px; margin: 0; padding: 0; }
#PageContent .RoomSelectBlocked .ui-tabs ul.ui-tabs-nav { background: none; border: none; border-radius: 0px; margin: 0; padding: 0; list-style-type: none; }
#PageContent .RoomSelectBlocked .ui-tabs ul.ui-tabs-nav li.ui-tabs-tab { background: none; border: none; border-left: 1px solid #fff; border-right: 1px solid #fff; border-radius: 0px; margin: 0; padding: 0; }
#PageContent .RoomSelectBlocked .ui-tabs ul.ui-tabs-nav li.ui-tabs-tab:first-child { border-left: none; }
#PageContent .RoomSelectBlocked .ui-tabs ul.ui-tabs-nav li#Li5.ui-tabs-tab { border-right: none; }
#PageContent .RoomSelectBlocked .ui-tabs ul.ui-tabs-nav li.ui-tabs-tab a.ui-tabs-anchor { background: none; background-color: #72aeab; border: none; color: #fff; display: block; margin: 0; padding: 10px 5px; text-align: center; text-decoration: none; width: 100%; }
#PageContent .RoomSelectBlocked .ui-tabs ul.ui-tabs-nav li.ui-tabs-tab a.ui-tabs-anchor.RoomBooking1 { background-color: #a5ad18; }
#PageContent .RoomSelectBlocked .ui-tabs ul.ui-tabs-nav li.ui-tabs-tab a.ui-tabs-anchor:hover { background-color: #fcbb00; }
#PageContent .RoomSelectBlocked .ui-tabs ul.ui-tabs-nav li.ui-tabs-tab:first-child a.ui-tabs-anchor { border-bottom-left-radius: 0px; }
#PageContent .RoomSelectBlocked .ui-tabs ul.ui-tabs-nav li.ui-tabs-tab:last-child a.ui-tabs-anchor { border-bottom-right-radius: 0px; }
#PageContent .RoomSelectBlocked .ui-tabs ul.ui-tabs-nav li.ui-tabs-tab.ui-tabs-active a.ui-tabs-anchor { background-color: #fcbb00; }

#PageContent .RoomSelectBlocked .ui-tabs ul.ui-tabs-nav li.bookNow0 { display: none; }

#PageContent .RoomRow .pref1 { display: none; }
#PageContent .RoomRow .pref0 { border-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; display: inline-block; height: 42px; margin: 0; padding: 0 0 0 4px; top: 0px; right: 5px; position: absolute; }
#PageContent .RoomRow .pref0 button { background-color: #a5ad18; border: none; border-bottom-left-radius: 0px; border-radius: 0px; border-bottom-right-radius: 0px; color: #fff; font-weight: bold; height: 40px; width: 100%; }
#PageContent .RoomRow .pref0 button:hover { background-color: #fcbb00; }
#PageContent .RoomRow .pref0 button.selected { background-color: #fcbb00; }

.roomtype-hide { display: none; }
.contractlength-hide { display: none; }

#PageContent .RoomSelectBlocked .TabContentWrap .ui-tabs-panel { background: none; border: none; border-radius: unset; padding: 20px 10px; }
#PageContent .RoomSelectBlocked .TabContentWrap h3 { font-size: 1.2em; margin-top: 0; }
#PageContent .RoomSelectBlocked .TabContentWrap p { font-size: 0.8em; }
#PageContent .RoomSelectBlocked .TabContentWrap ul { font-size: 0.8em; }
#PageContent .RoomSelectBlocked .TabContentWrap .InActiveFacility { color: #ddd; text-decoration: line-through; }

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

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

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

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

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

#PageContent .minamount { display: inline-block; font-size: 0.6em; float: left; padding-top: 15px; }
#PageContent .maxamount { display: inline-block; font-size: 0.6em; float: right; padding-top: 15px; }

#PageContent #price-filter { padding-top: 10px; }
#PageContent .RoomRow.area-hide,
#PageContent .RoomRow.hall-hide,
#PageContent .RoomRow.price-filter { display: none !important; }

#PageContent .ViewProfile { display: none; }

#PageContent ol.prefSummary { list-style-type: none; margin: 0 20px; padding: 0; }
#PageContent ol.prefSummary li { counter-increment: item; margin: 7px 0; color:#fff;}
#PageContent ol.prefSummary li:before { content: counter(item) "."; font-size: 1.5em; font-weight: bold; padding-right: 20px; width: 20px; display: inline-block; }

#PageContent .availableRooms .roompanel { margin: 10px; }
#PageContent .availableRooms .roompanel .roomname { font-size: 1.5em; margin-bottom: 10px; }
#PageContent .availableRooms .roompanel .roomname strong { color: #a5ad18; font-weight: bold; }
#PageContent .availableRooms .roompanel .clusterrooms h4 { font-size: 1.2em; }
#PageContent .availableRooms .roompanel .clusterrooms ul.rooms { margin: 0; padding: 0; }
#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%; }
#PageContent .availableRooms .roompanel .clusterrooms ul.rooms li input:hover { cursor: pointer; }
#PageContent .availableRooms .roompanel .clusterrooms ul.rooms li table { width: 100%; }
#PageContent .availableRooms .roompanel .clusterrooms ul.rooms li table td.genderM:before { color: #32a7cd; content: "\f222"; font-family: 'FontAwesome'; font-size: 1.4em; }
#PageContent .availableRooms .roompanel .clusterrooms ul.rooms li table td.genderF:before { color: #FFA5D2; content: "\f221"; font-family: 'FontAwesome'; font-size: 1.4em; }
#PageContent .availableRooms .roompanel .clusterrooms ul.rooms li table td .First { color: #a5ad18; font-size: 0.8em; font-weight: bold; padding-left: 2px; }
#PageContent .availableRooms .roompanel .clusterrooms .btn { margin-top: 8px; }
#PageContent .availableRooms .roompanel .clusterrooms .btn:disabled { background-color: #B0B0B0; color: #fff; border-color: #808080; }

.roomNotAvailable .fa-ban { color: #f00; }

.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; 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; }

@media screen and (max-width: 1300px) {
    .room-for-compare label { display: block; margin-bottom: 0 !important; width: 100%; }
}
@media screen and (max-width: 991px) {
    #PageContent .divPreferenceTable { padding-left: 0; padding-right: 0; }
    #PageContent #mobileFiltersButton { display: block; }
    #PageContent #mobileFilters { display: none; }
    #PageContent .basketWrap .jumbotron .RoomOptionInfo ol li .prefimg img { height: 100%; max-width: 100%; }
    #PageContent .basketWrap .jumbotron .RoomOptionInfo ol li .preferencenumber { font-size: 3em; position: relative; top: -10px; }
    #PageContent .basketWrap .jumbotron .RoomOptionInfo ol li .prefroom { font-size: 1.2em; text-align: center; }
    #PageContent .basketWrap .jumbotron .RoomOptionInfo ol li .prefhall { font-size: 1.2em; text-align: center; }
    #PageContent .basketWrap .jumbotron .RoomOptionInfo ol li .prefprice { display: inline-block; background-color: #72aeab; border-radius: 3px; color: #fff; padding: 3px 5px; margin-top: 10px; width: 100%; text-align: center; }    
}

@media screen and (max-width: 767px) {
    #PageContent .RoomRow .thumbWrap { margin: 0 0 0 22px; padding: 0; max-height: 260px; float: none; overflow: hidden; width: 92%; }
    #PageContent .RoomRow .thumbWrap img { height: auto; width: 100%; }

    #PageContent .RoomSelectBlocked ul.RoomBooking0 li { width: 100%; }
    #PageContent .availableRooms .roompanel .clusterrooms ul.rooms li { width: 20%; }
    #PageContent .RoomSelectBlocked .ui-tabs ul.ui-tabs-nav li#Li2 { border-left: 1px solid #fff; }
    #PageContent .RoomSelectBlocked .ui-tabs ul.ui-tabs-nav li#Li2 a { border-bottom-left-radius: 0px; }
    #PageContent .RoomSelectBlocked .ui-tabs ul.ui-tabs-nav li#Li5 { border-right: 1px solid #fff !important; margin-bottom: 1px; }
    #PageContent .RoomSelectBlocked .ui-tabs ul.ui-tabs-nav li#Li5 a { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
    #PageContent .pref0 .preference-button { border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; }
    #PageContent .RoomRow .pref0 { margin: 0; padding: 0 5px 0 7px; top: 0px; right: 1px; position: relative; }
}

@media screen and (max-width: 500px) {
    #PageContent .RoomRow .thumbWrap { width: 88%; }
    #PageContent .availableRooms .roompanel .clusterrooms ul.rooms li { width: 33%; }
}