/* Filters */
#PageContent #price-filter { display: block; min-height: 63px; }
#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 .RoomRow.area-hide,
#PageContent .RoomRow.hall-hide,
#PageContent .RoomRow.roomtype-hide,
#PageContent .RoomRow.contractlength-hide,
#PageContent .RoomRow.price-filter { display: none !important; }
#PageContent .RoomRow.slider-price-filter { display: none !important; }


/* Preference Cards */
#PageContent .RoomRow {  box-shadow: 2px 2px 2px lightgrey !important; background-color: #F8F8F8; border: 1px solid #CCC; border-radius: 0px; box-shadow: 7px 4px 15px -3px rgba(135, 135, 135, 1); margin: 10px auto; padding-bottom: 0; }
#PageContent .RoomRow.selected-room { border: 1px solid #6ec6d9; }
#PageContent .RoomRow div.row { margin: 0; padding: 10px 0px 10px 0px; }
#PageContent .RoomRow div.row .thumbWrap { border: 10px solid #ddd; padding: 0; }
#PageContent .RoomRow div.row .thumbWrap img { border-radius: 0; display: block; margin: 0; padding: 0; width: 100% !important; }
#PageContent .RoomRow div.row .prefDetails { position: relative; }

@media screen and (min-width: 767px) {#PageContent .RoomRow div.row .prefDetails { padding-left: 30px; }}


#PageContent .RoomRow div.row .prefDetails .room-overview button.compare-button { font-weight: bold; background-color: transparent; border: 1px solid transparent; color: #202024; padding: 5px 10px; transition: all ease 1s; }
#PageContent .RoomRow div.row .prefDetails .room-overview button.compare-button:hover { color: #316CF6; border: 1px solid currentColor; }
#PageContent .RoomRow div.row .prefDetails .room-overview button.compare-button.selected { color: #316CF6; border: 1px solid currentColor; }
#PageContent .RoomRow div.row .prefDetails .RoomInfo { padding-top: 30px; }
#PageContent .RoomRow div.row .prefDetails .RoomInfo h2 { margin-bottom: 20px; }
#PageContent .RoomRow div.row .prefDetails .RoomInfo h2 span[data-type="Area"] { color: #0C1827; }
#PageContent .RoomRow div.row .prefDetails .RoomInfo h2 span[data-type="Hall"] { color: #316CF6; }
#PageContent .RoomRow div.row .prefDetails .RoomInfo div p { display: block; margin: 0 !important; padding: 5px 0 !important; }
#PageContent .RoomRow div.row .prefDetails .RoomInfo div p:first-child { margin-top: 0; padding-top: 0; }
#PageContent .RoomRow div.row .prefDetails .RoomInfo div p label { color: #202024; display: contents; text-align: right; vertical-align: top; margin-left: 10%; }

#PageContent .RoomRow div.row .prefDetails .RoomInfo div p.totalprice { font-size: 1.3em; }
#PageContent .RoomRow div.row .prefDetails .RoomInfo div p.totalprice label { color: #316CF6; }
@media screen and (max-width: 1200px ) {
    #PageContent .RoomRow div.row .prefDetails .RoomInfo h2 span[data-type="Area"] { display: block; }
    #PageContent .RoomRow div.row .prefDetails .RoomInfo h2 span[data-type="Hall"] { display: block; }
    #PageContent .RoomRow div.row .prefDetails .RoomInfo div p label { width: 40%; }
    #PageContent .RoomRow div.row .prefDetails .RoomInfo div p span { width: 55%; }
}
#PageContent .RoomRow div.tabSection { margin: 0; padding: 0; position: relative; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked { margin: 0; padding: 0; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .room-tabs { border: none; border-radius: 0px; margin: 0; padding: 0; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .room-tabs ul.RoomDetails { background: none; border: none; border-radius: 0px; margin: 0; padding: 0; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .room-tabs ul.RoomDetails li.ui-tabs-tab { background: #2e4680; background-color: #0C1827; border: none; border-radius: 0px; display: inline-block; font-family: inherit; margin: 0; padding: 0; width: 20%; border-right: 1px solid #fff; transition: background-color ease 1s; }

.RoomTypeOnly .room-tabs ul.RoomDetails li.ui-tabs-tab { width: 25% !important; }

#PageContent .RoomRow div.tabSection .RoomSelectBlocked .room-tabs ul.RoomDetails li.ui-tabs-tab.ui-state-active { background-color: #0C1827; margin: 0; padding: 0; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .room-tabs ul.RoomDetails li.ui-tabs-tab:hover { background-color: #0C1827; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .room-tabs ul.RoomDetails li.ui-tabs-tab a { color: #FFF; display: block; font-size: 1em; text-decoration: none; text-align: center; width: 100%; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .room-tabs ul.RoomDetails li.ui-tabs-tab#Li5 { background-color: #3ba5fa; border-right: none; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .room-tabs ul.RoomDetails li.ui-tabs-tab#Li5 i { color: #fff; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .room-tabs ul.RoomDetails li.ui-tabs-tab#Li5:hover { background-color: #6ec6d9; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .room-tabs ul.RoomDetails li.ui-tabs-tab.ui-state-active#Li5 { background-color: #6ec6d9; }
#PageContent .RoomRow div.tabSection .pref0 { display: block; margin: 0; padding: 0; position: absolute; top: 0%; right: 0%; width: 20%;  }
#PageContent .RoomRow div.tabSection .pref0 button { background-color: #316cf6; border: none; color: #fff; height: 37px; margin: 0; padding: 0; width: 100%; }


@media screen and (max-width: 769px) {
    #PageContent .RoomRow div.tabSection .pref0 {
        display: block;
        margin: 0;
        padding: 0;
        position: relative !important;
        top: 0%;
        right: 0%;
        width: 20%;
        max-width: 214.6px;
    }
}

@media screen and (min-width: 769px) {
    .RoomTypeOnlyPrefs .pref0 button {
        width: 125% !important;
    }
}

#PageContent .RoomRow div.tabSection .pref0 button i { color: #fff; }
#PageContent .RoomRow div.tabSection .pref0 button:hover,
#PageContent .RoomRow div.tabSection .pref0 button.selected { background-color: #5FBE5F; }

.bookNow0 { visibility: hidden; }
#PageContent .RoomRow div.tabSection .pref1 { display: none; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .ui-tabs ul.ui-tabs-nav li.bookNow0 { visibility: hidden; }

@media screen and (max-width: 768px) {
    #PageContent .RoomRow div.tabSection .RoomSelectBlocked .room-tabs ul.RoomDetails li.ui-tabs-tab { border-right: none; border-bottom: 1px solid #fff; }
    #PageContent .RoomRow div.row .prefDetails .RoomInfo div p label { text-align: left; width: 35%; }
    #PageContent .RoomRow div.row .prefDetails .RoomInfo div p span { width: 60%; }
    #PageContent .RoomRow div.tabSection .RoomSelectBlocked .room-tabs ul.RoomDetails li.ui-tabs-tab { width: 100% !important; }
    #PageContent .RoomRow div.tabSection .pref0 { display: block; margin: 0; padding: 0; position: absolute; top: unset; bottom: 0%; right: 0%; left: 0%; width: 100%; max-width: unset; }
    #PageContent .RoomRow div.tabSection .pref0 button { color: #fff; margin: 0; padding: 0; max-width: unset; width: 100%; }
}

/* General Tabs */
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .ui-tabs-panel li { font-size: 0.8em; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .ui-tabs-panel p { font-size: 0.8em; }

/* Carousel Tab */
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .ui-tabs-panel .Carousel { box-sizing: border-box; height: 110px; padding: 0 30px; position: relative; width: 100%; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .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; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .ui-tabs-panel .Carousel button:focus { box-shadow: none; outline: none; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .ui-tabs-panel .Carousel button .img-replace { background: url("/resources/client/images/carousel-sprite.png") no-repeat; display: block; left: 50%; height: 40px; margin-left: -5px; margin-top: -20px; position: absolute; top: 50%; width: 10px; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .ui-tabs-panel .Carousel button[disabled] { cursor: not-allowed; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .ui-tabs-panel .Carousel .CarouselPrev { left: -20px; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .ui-tabs-panel .Carousel .CarouselPrev .img-replace { background-position: 0 0; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .ui-tabs-panel .Carousel .CarouselPrev[disabled] .img-replace { background-position: -20px 0; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .ui-tabs-panel .Carousel .CarouselFrame { height: 100%; overflow: hidden; width: 100%; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .ui-tabs-panel .Carousel .CarouselFrame .CarouselContent { font-size: 0; height: 100%; position: relative; white-space: nowrap; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .ui-tabs-panel .Carousel .CarouselFrame .CarouselContent a { display: inline-block !important; height: 100%; position: relative; width: auto; zoom: 1; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .ui-tabs-panel .Carousel .CarouselFrame .CarouselContent a + a { margin-left: 10px; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .ui-tabs-panel .Carousel .CarouselFrame .CarouselContent a img { display: block; height: 100%; min-height: 100%; max-width: 100%; width: auto; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .ui-tabs-panel .Carousel .CarouselFrame .CarouselContent a img[data-missing="true"] { padding: 33px !important; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .ui-tabs-panel .Carousel .CarouselFrame .CarouselContent a:hover:after { background: rgba(0, 0, 0, 0.8) url("/resources/client/images/zoom-icon.png") no-repeat 50% 50%; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .ui-tabs-panel .Carousel .CarouselNext { right: -20px; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .ui-tabs-panel .Carousel .CarouselNext .img-replace { background-position: -10px 0; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .ui-tabs-panel .Carousel .CarouselNext[disabled] .img-replace { background-position: -30px 0; }
#links { position: fixed; bottom: 10px; width: 100%; padding-top: 10px; 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; }

@media (max-width: 992px) and (-ms-high-contrast: none), (max-width: 992px) and (-ms-high-contrast: active) {
    #PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .ui-tabs-panel .Carousel .CarouselFrame .CarouselContent a img { width: 100%; max-width: 150px; }
    #PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .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) {
    .ui-tabs-panel { padding-top: 0; margin-bottom: 40px !important; }
    #PageContent .RoomRow div.tabSection .pref0 { bottom: 0px !important; max-width: 100% !important; top: auto; width: 100%; }
    #PageContent .RoomRow div.tabSection .pref0 button { bottom: 0px !important; max-width: 100%; width: 100%; }
}

/* Facilities Tab */
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .PaneThree div span { display: block; text-align: center; height: 38px; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .PaneThree div span i { color: #555; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .PaneThree div span.fa-layers { position: relative; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .PaneThree div span.fa-layers i { position: relative; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .PaneThree div span.fa-layers i.fa-times { color: #f00; position: absolute; top: -2px; left: 30px; font-size: 1.2em; }
#PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .PaneThree div label { display: block; font-size: 0.7em; font-weight: normal !important; text-align: center; margin-top: 1px; }
@media screen and (max-width: 1200px) {
    #PageContent .RoomRow div.tabSection .RoomSelectBlocked .TabSwitcher .TabContentWrap .PaneThree div span.fa-layers i.fa-times { left: 22%; }
}

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

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

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

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

#PageContent .basketWrap .alert-info i { margin-right: 10px; margin-top: 3px; }
#PageContent .basketWrap .alert-info p span input { display: inline-block; width: 10%; }
#PageContent .basketWrap .alert-info p span label { display: contents; padding-left: 2px; }


.prefcheckbox {
    display: contents;
}

.prefcheckbox2 {
    background-color: #ddd;
}

.prefFeatures {
    padding-left: 30px;
    width: 160%;

}


.summaryprefnumber {
    font-size: 1.2rem;
}

.summaryprefnumber li {
    margin-left: 0px !important;
}


.summaryprefnumber span {
    color: #fff !important;
    margin-left: -50% !important;

}

.img-thumbnail {
    height: 100% !important;
}

.InlinePreferenceContent {
	margin-bottom: 0 !important;
}

.Padding0 {
	padding: 0 !important;
}

.RoomRow a:focus {
    outline: none !important;
    outline-offset: none !important;
    background-color: #C51331 !important;
}

.imageURL {
    width: 100% !important;
    max-height: 300px !important;
    object-fit: cover; 
} 

.binoculars {
    color: #FFF !important;
} 

.basketWrap {
    margin-right: -20px;
    margin-top: 20px;
}

.backBtn {
    margin-right: -20px;
}

.preferences1 {
    display: inline-block !important;
    width: 100%;
}

@media screen and (min-width: 769px) and (max-width: 992px) {
    .preference-button {
        font-size: 0.8em;
    }
}

.compare-img {
    max-height: 20em;
    max-width: 100%;
}

.fancybox-inner {
    overflow-x: hidden;
    overflow-y: auto;
}

.prefcardleft {
    padding-left: 0px;

}


:is(.RoomOptions,.BookNow) .ui-dialog { border-radius: unset; margin: 0; padding: 0; width: 30% !important; }
@media(max-width:992px){
    :is(.RoomOptions,.BookNow) .ui-dialog { width: 80% !important; }

}
:is(.RoomOptions,.BookNow) .ui-widget-content { border: none; }
:is(.RoomOptions,.BookNow) .ui-dialog .ui-widget-header { background: none; }
:is(.RoomOptions,.BookNow) .ui-dialog .ui-dialog-titlebar { border: none; background-color: #316CF6; border-radius: unset; margin: 0; padding: 10px 15px; }
:is(.RoomOptions,.BookNow) .ui-dialog .ui-dialog-titlebar span { color: #fff; }
:is(.RoomOptions,.BookNow) .ui-dialog .ui-dialog-titlebar button { background-color: #316CF6; border-radius: unset; border: none; color: #fff; height: auto; padding: 1px 5px; width: auto; }
:is(.RoomOptions,.BookNow) .ui-dialog .ui-dialog-titlebar button:hover { background-color: #316CF6; }
:is(.RoomOptions,.BookNow) .ui-dialog .ui-dialog-titlebar button .ui-button-icon { background-color: #fff; margin-left: -10px; }
:is(.RoomOptions,.BookNow) .ui-dialog .ViewProfile h3 { font-size: 1.2em; }
:is(.RoomOptions,.BookNow) .ui-dialog .ViewProfile h3 span { color: #2e4680; }
:is(.RoomOptions,.BookNow) .ui-dialog .ViewProfile p { font-size: 0.9em; }
:is(.RoomOptions,.BookNow) .ui-dialog .ui-dialog-buttonpane { margin: 0; padding: 0; }
:is(.RoomOptions,.BookNow) .ui-dialog .ui-dialog-buttonpane button { background-color: #316CF6; border: none; color: #fff; border: none; border-radius: 0px; min-width: 100px; padding: 8px 10px; text-decoration: none; margin: 15px; transition: all ease 1s; }
:is(.RoomOptions,.BookNow) .ui-dialog .ui-dialog-buttonpane button:hover { background-color: #0A4DEA; }