/* Theme */

#hotel-vaction-rentals select, #hotel-search select, .hotel-style select, #hotel-details select, #dialog-hotel-search select, #hotel-details select {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphNTcwNDA0OS0wMjQ3LTM4NGUtOTJjZC05MTUwNzI0ZmRlOTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUEyRjkzQjhCRjIxMTFFQkIyMUU5MEIyODE1Qjc5RjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUEyRjkzQjdCRjIxMTFFQkIyMUU5MEIyODE1Qjc5RjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MWE2MTEwYmUtZWIwMi0yYTQ3LWJlMTAtN2M1ZTgxNDZhZjI0IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZDZhYzVjNjQtYTZlZi0wNzQ1LTlhZWItYzEzNjc5NzY3ZTI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+xr1YDwAAAAxQTFRFycnJsbGx7Ozs////dV6NzwAAAAR0Uk5T////AEAqqfQAAABgSURBVHja7JIxDoAwDANj8/8/I2gB260EA2Mz+m5I3Nb2MrWEf4UCXL2DHgNu1BGkIMbJTaAZjdOWVEP5c0U3GFzOvAzn2kMz4NyK4oR7kxx5VM2B51sw+fqTX4VdgAEAtSYK+4liK5UAAAAASUVORK5CYII=') no-repeat 95% 50%;
    background-size: 16px 16px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 6px;
    padding-right: 20px;
}
.h-cta-color { color: #e8731e; }
.h-cta-bg-color { background-color: #e8731e; }
a.h-cta-bg-color:hover, button.h-cta-bg-color:hover { background-color: #d26519; }
a.h-cta-bg-color:active, button.h-cta-bg-color:active { background-color: #c16019; }
.h-primary-color { color: #0d6eb7; }
a.h-primary-color:hover, button.h-primary-color:hover { color: #0a64a7; }
a.h-primary-color:active, button.h-primary-color:active { color: #095893; }
.h-primary-bg-color { background-color: #0d6eb7; }
.h-secondary-color { color: #417843; }
.h-secondary-bg-color { background-color: #417843; }
.h-text-dark-color { color: #353535; }
.h-text-dark-bg-color { background-color: #353535; }
.h-text-color { color: #606060; }
.h-text-bg-color { background-color: #606060; }
.h-text-light-color { color: #898989; }
.h-text-light-bg-color { background-color: #898989; }
.h-text-lighter-color { color: #e0e3e9; }
.h-text-lighter-bg-color { background-color: #e0e3e9; }
.h-white-color { color: #fff; }
.h-white-bg-color { background-color: #fff; }
.h-back-color { color: #fff; }
.h-back-bg-color { background-color: #fff; }
.h-back-dark-color { color: #f7f8fa; }
.h-back-dark-bg-color { background-color: #f7f8fa; }

.h-text-sm, .h-text-sm * { font-size: 11px; line-height: 13px; }
.h-text-md, .h-text-md * { font-size: 13px; line-height: 15px; }
.h-text-lg, .h-text-lg * { font-size: 17px; line-height: 19px; }
.h-text-xl, .h-text-xl * { font-size: 22px; line-height: 24px; }

/* Hotel Landing */

.hl-search-under-container { margin-top: 80px; }
.hl-search-bg { background: #fff url("/common_resources/tawframework/img/hotel-background.jpg") no-repeat top center; }
.hl-full-size .hl-search-window { height: 345px; }
.hl-search-panel { margin: 20px 0 0 0; clear: both; }
.hl-full-size .hl-search-panel { margin: 0; height: 210px; margin-top: 80px; }
.hl-search-panel { background: #fff; border-radius: 5px; }
.hl-search-bg { background: #fff url("/common_resources/tawframework/img/hotel-background.jpg") no-repeat top center; background-size: auto 100%; }
.hl-search-bg.hl-search-bg-vacation-rental { background-image: url("/common_resources/tawframework/img/vacation-rental-background.jpg"); }
#hotel-vaction-rentals .hl-search-container { margin-top: 10px; }
#hotel-vaction-rentals .hl-search-panel { border-radius: 0; margin: 0; padding: 30px 16px 30px 16px; border: 1px solid #e8e8e8; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
#hotel-vaction-rentals .hl-search-panel-slim { border: none !important; padding: 0 !important; margin: 0 !important; }
#hotel-vaction-rentals .hl-search-window { height: auto; }
#hotel-vaction-rentals .hl-search-container.full-size { margin: 80px auto 90px auto; }
#hotel-vaction-rentals .hl-full-size .hl-search-window { padding: 0; margin: 0; /*height: 345px;*/ }
#hotel-vaction-rentals .hl-search-panel { clear: both; }
#hotel-vaction-rentals .hl-full-size .hl-search-panel { padding: 0; margin: 0; height: 185px; }
#hotel-vaction-rentals .hl-search-panel { background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.hl-search-heading { margin: 0 auto; padding: 25px 0 25px 0; text-align: center; font-size: 24px; line-height: 26px; font-weight: bold; }
.hl-full-size .hl-search-controls { padding: 0 15px; clear: both; }
.hl-disclaimer-top-cities { font-size: 13px; margin: 10px 15px; color: #444; }
.hl-search-controls { display: flex; text-align: center; }
.hl-search-controls input { min-width: 0; flex: 2; border: none; font-weight: bold; box-sizing: border-box; display: inline-block; }
.hl-search-control, .hl-search-button { height: 55px; }
.hl-full-size .hl-search-control, .hl-full-size .hl-search-button { height: 60px; }
.hl-search-control { padding: 0 9px; display: flex; flex: 1; align-items: center; box-sizing: border-box; margin: 0; vertical-align: middle; border: 1px solid #d6d9e1; width: 20%; }
.hl-search-button { text-align: center; text-transform: uppercase; font-size: 14px; line-height: 16px; cursor: pointer; box-sizing: border-box; display: inline-block; width: 16.5%; font-weight: bold; border: 1px solid transparent; }
.hl-search-destination { flex: 2; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.hl-search-button { flex: 1; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.hl-search-occupants { flex: 1.5; width: auto; justify-content: space-between; cursor: pointer; }
.hl-info-section { vertical-align: top; }
.hl-info-window, .hl-city-window { text-align: center; margin-bottom: 60px; }
.hl-info-section, .hl-city-section { display: inline-block; }
.hl-info-section img { display: inline-block; margin-bottom: 15px; max-width: 100%; }
.hl-city-section { margin: 0 2px; }
.hl-city-section a:hover { opacity: 0.9; }
.hl-info-section { text-align: center; width: 22%; margin: 0; padding: 20px; text-align: center; border-right: 1px solid #eee; box-sizing: border-box; }
.hl-info-section:last-child { border-right: none !important; }
.hl-top-destinations { font-weight: bold; margin-left: 8px; margin-bottom: 20px; }
.hl-info-text { font-weight: bold; margin-bottom: 10px; }

.hl-occupant-popup { font-size: 13px; line-height: 15px; z-index: 1; background: #fff; width: 250px; height: auto; position: absolute !important; border-radius: 2px; -webkit-box-shadow: 2px 4px 15px 1px rgba(0, 0, 0, 0.2); box-shadow: 2px 4px 15px 1px rgba(0, 0, 0, 0.2); -webkit-transform: translate3d(0, 0, 0); /* fixes iphone z-index bug */ z-index: 100; }
.hl-occupant-child div { vertical-align: bottom; padding-top: 5px; }
.hl-occupant-section select { padding: 3px 3px; vertical-align: bottom; border: 1px solid #ccc; border-radius: 3px; appearance: none; -webkit-appearance: none; width: 78px; }
.hl-occupant-done { text-align: center; }
.hl-occupant-align { margin-bottom: 16px; }
.hl-occupant-section { display: flex; justify-content: space-between; }
.hl-occupant-number, .hl-occupant-number-subtract, .hl-occupant-number-display, .hl-occupant-number-add { display: inline-block; }
.hl-occupant-number { background: #f5f6f7; padding: 3px; border-radius: 6px; }
.hl-occupant-heading { font-weight: bold; margin-bottom: 20px; }
.hl-occupant-section { margin-bottom: 20px; }
.hl-occupant-number-display { font-weight: bold; padding: 0 6px; }
.hl-occupant-child { margin-top: 20px; }
.hl-occupant-padding { padding: 16px 26px 26px 26px; }
.hl-occupant-close a { text-align: right; float: right; }
.hl-occupant-close:after { content: ""; display: table; clear: both; }
.hl-occupant-label { display: inline-block; }
.hl-occupant-section select, .hl-occupant-section select option { text-align-last: left; border: 1px solid #ccc; border-radius: 4px; }
.hl-occupant-done { width: auto; letter-spacing: 1px; display: block; background: #e8731e; text-align: center; text-transform: uppercase; text-decoration: none; font-weight: bold; padding: 8px 10px; font-size: 11px; line-height: 13px; border-radius: 3px; }
.hl-occupant-done, .hl-occupant-done:hover { color: #fff !important; }
.hl-occupant-room-remove, .hl-occupant-room-add, .hl-occupant-room-remove:hover, .hl-occupant-room-add:hover {
    color: #0d6eb7 !important;
    text-decoration: underline !important;
}
.hl-occupant-room-remove:hover, .hl-occupant-room-add:hover {
    color: #095893 !important;
}
.hl-occupant-room-remove, .hl-occupant-room-add { font-size: 11px; line-height: 13px; text-decoration: underline; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 14px; }
.hl-occupant-done:hover, .hl-occupant-done:active { color: #fff; text-decoration: none; }
.hl-occupant-align { display: flex; justify-content: space-between; }
.hl-mobile-search-window { display: none; }
.hl-why-travel { margin-top: 0; font-size: 22px; line-height: 24px; font-weight: bold; margin-bottom: 80px; text-align: center; color: #444; }

.h-icon.h-icon-right { float: right; padding: 3px; position: relative; }
.h-float-right { float: right; }

.faux-search-box { padding: 4px 0; border-radius: 4px; position: relative; border: 1px solid #ddd; overflow: hidden; }
.faux-search-box input { border: none !important; background: none !important; width: 80%; }

#hotel-search .map-view { overflow: hidden; position: relative; background: url(/common_resources/tawframework/img/hotel-map-view.png) top center no-repeat; background-size: 100% 100%; margin-bottom: 20px; height: 75px; }
#hotel-search .go-to-map-view, #hotel-search .go-to-map-view:active { position: relative; top: 50%; margin: 0 auto; margin-top: -17px; display: block; width: 145px; height: 33px; text-align: center; line-height: 36px; text-decoration: none !important; text-transform: uppercase; color: #0066b3; border: 1px solid #0066b3; border-radius: 4px; background: #fff; font-size: 12px; font-weight: bold; }
#hotel-search .go-to-map-view:hover { text-decoration: none; color: #005595; border-color: #005595; background: #f9f9f9; }

#header-breadcrumbs { width: 1220px; }
.search-params { width: 1230px; }

.hotel-style,
.hotel-style input[type=text],
.hotel-style select,
.hotel-style input[type=submit],
.hotel-style text-area {
    font-family: 'Nunito Sans', 'Lato', sans-serif;
    letter-spacing: -0.02em;
}

.hotel-style aside { clear: both !important; display: block; width: 0; height: 0; }

.landmark-filtered { display: none !important; }
.name-filtered { display: none !important; }
.price-filtered { display: none !important; }
.rating-filtered { display: none !important; }
.filter_after_page { display: none !important; }
.filter_prior_to_page { display: none !important; }

.nightly-rate-count-0, .nightly-rate-count-1, .nightly-rate-count-2, .nightly-rate-count-3, .nightly-rate-count-4, .nightly-rate-count-5 { font-size: 11px; }
.tripadvisor-rating-count-0 { font-size: 11px; }
.star-rating-count-0 { font-size: 11px; }
.nightly-rate-filtered { display: none !important; }
.bedroom-filtered { display: none !important; }
.filters-clear { float: right; line-height: 16px; text-transform: uppercase; letter-spacing: 1px; font-size: 11px; text-decoration: underline !important; font-weight: bold; }

/* == ALL HOTEL ============================================================ */

.hotel-style > .padding { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; }

.hotel-style .classybutton {
    font-family: 'Oswald', sans-serif !important;
    font-weight: 500 !important;
}

.hotel-style .pricing-column {
    text-align: right;
    position: relative;
}
.hotel-style .you-save-msg, .mobile-you-save-msg, #hotel-details .room-details-refundable,  #hotel-details .room-details-percentage-off-badge, #vr-multiunit-details-modal .room-details-percentage-off-badge{
    font-weight: bold;
    color: #fff;
    border-radius: 10px;
    padding: 4px 8px 3px 8px;
    text-transform: uppercase;
    font-size: 10.5px;
    line-height: 12.5px;
    display: inline-block;
    margin-bottom: 5px;
    background-color: #417843;
    margin-top: 4px;
    letter-spacing: 0.5px;
    white-space: nowrap !important;
}
.hotel-style .st-price {
    color: #999999;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500
}
.hotel-style .average-rate {
    color: #999999;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 2px;
}
.hotel-style .total-rate-container{
    font-size: 16px;
    padding: 2px 0;
}
.hotel-style .total-rate {
    column-gap: 5px;
    color: #333;
    display: inline-flex;
    font-size: 26px;
    font-weight: 700;
    line-height: 22px;
    align-items: baseline;
}

.hotel-style .total-rate-label { 
    font-size: 14px; 
    color: #333; 
    font-weight: 700;
    line-height: 22px;
}

.hotel-style .total-rate-all-fees-label{ 
    font-size: 14px; 
    color: #757575;
    font-weight: 400;
}
.hotel-style .total-rate-mobile {
    font-size: 14px; 
    font-weight: 400; 
    color: #757575; 
    padding-top: 5px;
}
.hotel-style .total-rate-label-mobile { 
    font-size: 14px; 
    color: #757575; 
    font-weight: 400; 
}
.hotel-style .price {
    font-size: 26px;
    line-height: 28px;
    color: #333;
    font-weight: 700;
}
.hotel-style .price-per-night {
    font-size: 26px;
    line-height: 30px;
    color: #333;
    font-weight: 400;
}

.hotel-style :is(.price, .price-per-night) .price-per-night-label {
    font-size: 16px;
    color: #333;
    font-weight: 400;
}
.hotel-style #place_name:disabled {
    background-color: #ddd;
}

/* == HOTEL SEARCH ========================================================= */

#hotel-search input[type=checkbox] {
    border: none !important;
    background: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#hotel-search input[type="checkbox"]:after{
    position: relative;
    top: 5px;
    display: block;
    margin-right: 4px !important;
    border: none;
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(/common_resources/tawframework/img/hotel-unchecked-icon.png);
    background-repeat: no-repeat;
    background-position:center;
    background-size: 100% 100%;
}
#hotel-search input[type="checkbox"]:disabled:after {
    filter: opacity(0.4);
    -webkit-filter: opacity(0.4);
    opacity: 0.9;
}
#hotel-search input[type="checkbox"]:checked:after {
    background-image: url(/common_resources/tawframework/img/hotel-checked-icon.png);
}
#hotel-search input[type="checkbox"]:not(:disabled):checked:hover:after {
    background-image: url(/common_resources/tawframework/img/hotel-checked-icon.png);
    filter: opacity(0.9);
    -webkit-filter: opacity(0.9);
    opacity: 0.9;
}

#hotel-search div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#hotel-search .custom-scroll {
    max-width: 100%;
    max-height: 500px;
}
#quickfind {
    max-height: 500px;
    overflow: hidden;
}
#hotel-search .scroll-bar.vertical {
    padding: 0 3px;
    background-color: #ddd;
    width: 12px;
}
#hotel-search a, #hotel-search table a {
    color: #e8731e;
    text-decoration: none;
}
#hotel-search a:hover, #hotel-search a:active {
    color: #cc6216;
    text-decoration: none;
}
#hotel-search table a:hover, #hotel-search table a:active {
    color: #333;
}
#hotel-search .thin-padding {
    overflow: hidden;
}
#hotel-search table.thin {
    display: table;
    width: 100%;
}
#hotel-search .scrollable .scroll-bar.vertical .thumb {
    width: 8px;
}
#hotel-search .viewport .overview { width: 100%; }
#hotel-search table.thin td { padding: 4px 0; }
#hotel-search table.thin { font-size: 13px; line-height: 14px; }
#hotel-search .thin-border { font-size: 13px; line-height: 15px; }
#hotel-search table.thin thead { font-size: 13px; line-height: 15px; text-transform: uppercase; }
#hotel-search table.thin td.left, #hotel-search table.thin th.left { text-align: left; }
#hotel-search table.thin td.right, #hotel-search table.thin th.right { text-align: right; }
#hotel-search .thin-border { color: #888; }
#hotel-search .thin-border h4 { font-size: 15px; line-height: 16px; text-transform: uppercase; font-weight: 500; margin: 0; }
#hotel-search .thin-border h5 { font-size: 13px; line-height: 14px; text-transform: uppercase; font-weight: bold; margin: 0; }
#hotel-search .filters-label { text-transform: none !important; font-weight: bold !important; }
#hotel-search .thin-border { border: 1px solid #ddd; margin-bottom: 20px; }
#hotel-search .thin-border .thin-padding { width: 100%; padding: 6px 10px; }
#hotel-search .thin-border .medium-padding { padding: 10px; }
#hotel-search .thin-border .thick-padding { padding: 18px 10px; }
#hotel-search .thin-border h5 { margin-bottom: 6px; }
#hotel-search .thin-border ul { margin-left: 0; }
#hotel-search .thin-border hr {
    width: 100% !important;
    border: 0;
    padding: 0;
    height: 1px !important;
    background-color: #ddd;
}

#hotel-search .two-columns > div {
    width: 49%;
}
#hotel-search .two-columns > div:first-child {
    float: left;
    text-align: center;
}
#hotel-search .two-columns > div:last-child {
    float: right;
    text-align: right;
}
#hotel-search .two-columns {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 16px;
}

#hotel-search .prices-reflect {
    color: #666;
    font-size: 14px;
    line-height: 17px;
}
#hotel-search .pagination-message {
    color: #666;
}

#hotel-search .back-to-top {
    text-transform: uppercase;
    color: #0066cc !important;
}
#hotel-search .back-to-top:hover {
    color: #0056bc !important;
}

#hotel-search .hotel-pagination {
    padding: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #4c4e4d;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
}

#filter_name {
    /*, #hotel-search select {*/
    background-color: #f6f6f6;
    border: 1px solid #e6e6e6;
    padding: 3px 5px;
}
#hotel-search #show_more_landmarks {
    font-size: 11px;
    text-decoration: underline;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px;
    font-weight: bold;
    width: 100%;
    display: block;
    line-height: 15px;
}

#hotel-search .classybutton.rounded:hover, #hotel-search .classybutton.rounded:active {
    background: #dc7520 !important;
}
#hotel-search .classybutton.rounded i {
    font-size: 12px !important;
    line-height: 12px !important;
}
#hotel-search .classybutton.rounded {
    cursor: pointer;
    display: inline-block;
    width: auto !important;
    height: 20px !important;
    padding: 1px 8px 0 10px;
    line-height: 12px !important;
    vertical-align: middle;
}
#hotel-search .slider-padding {
    padding: 25px 10px 10px 10px;
}
#hotel-search .slider.ui-slider .label {
    /*font-family: Lato, sans-serif;*/
    margin-top: -25px;
    width: 100%;
    display: block;
    position: absolute;
    text-align: center;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    font-size: 13px;
}
#hotel-search .slider.ui-slider {
    cursor: pointer !important;
    border: none !important;
    background: #eceaea !important;
    height: 5px !important;
}
#hotel-search .slider.ui-slider .ui-slider-handle {
    /* .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default */
    cursor: pointer !important;
    border: none !important;
    width: 22px;
    height: 22px;
    background: transparent url(/common_resources/tawframework/img/slider-grip.png) 50% 50% no-repeat !important;
    top: -0.6em !important;
    margin-left: -0.7em !important;
}
#hotel-search .slider.ui-slider .ui-slider-range {
    height: 5px !important;
    background: #0066cc !important;
}

.filters-clear.dimmed, .map-view.dimmed { pointer-events: none; }
#hotel-search .dimmed { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; }
.go-to-map-view-mobile.dimmed { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; pointer-events: none !important; }
#show-filters.dimmed { pointer-events: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; pointer-events: none !important; }
#sorting.dimmed { pointer-events: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; }
#name_filter_button.dimmed { pointer-events: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; }
#landmarks.dimmed { pointer-events: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; }
#filter_price.dimmed { pointer-events: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; }
#hotel-search .dimmed input, #hotel-search .dimmed select, #hotel-search .dimmed label { pointer-events: none; }
#hotel-search .dimmed label, #hotel-search .dimmed input[type=radio], #hotel-search .dimmed select, #hotel-search .dimmed input[type=checkbox] { cursor: default; }
#hotel-search label, #hotel-search input[type=radio], #hotel-search select, #hotel-search input[type=checkbox] { cursor: pointer; }

#hotel-search .loading-bar-container {
    width: 100%;
    display: block;
    margin: 0 auto;
    height: 4px;
    background-color: #eee;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    overflow: hidden;
}

#hotel-search .loading-widget h4 {
    font-weight: 900;
    font-size: 19px;
    line-height: 22px;
    margin-bottom: 4px;
}
#hotel-search .loading-widget h5 {
    font-weight: 900;
    color: #e87822;
    font-size: 23px;
    line-height: 25px;
    margin-bottom: 5px;
}
#hotel-search .loading-widget, #hotel-search .loading-bar-container {
    margin-bottom: 10px;
}
#hotel-search .loading-widget p {
    margin-bottom: 10px;
}
#hotel-search .loading-widget {
    font-size: 15px;
    line-height: 16px;
    color: #999;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#hotel-search .loading-widget-container {
    height: 15px;
    margin-bottom: 10px;
}
#hotel-search .loading-bar {
    min-width: 5%;
    width: 5%;
    background-color: #2767ae;
    height: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

/* Tooltip CSS Styling start */
:is(#hotel-search, #hotel-details) .tooltip-net-amount {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-top: 2px;
}

/* Tooltip text */
:is(#hotel-search, #hotel-details) .tooltip-net-amount .tooltiptext-net-amount {
    visibility: hidden;
    width: 300px;
    height: 64px;
    background-color: #353535;
    color: white;
    text-align: left;
    border-radius: 4px;
    padding: 10px 12px 0px 12px;
    position: absolute;
    z-index: 1;
    bottom: 115%;
    left: -5px;
    margin-left: -150px;
    opacity: 0;
    transition: opacity 0.3s;
    font-family: Lato;
    font-size: 14px;
    line-height: 16px;
}

#hotel-details .tooltip-net-amount .tooltiptext-net-amount{
    left: 6px !important;
}

/* Show the tooltip text when hovering */
:is(#hotel-search, #hotel-details) .tooltip-net-amount:hover .tooltiptext-net-amount {
  visibility: visible;
  opacity: 1;
}

  /* Arrow under the tooltip */
:is(#hotel-search, #hotel-details) .tooltip-net-amount .tooltiptext-net-amount::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #353535 transparent transparent transparent;
  }

/* Tooltip CSS Styling ends */

.hotel-style .quarter-width {
    width: 25%;
    max-width: 25%;
    float: left;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.hotel-style .search-params-change {
    color: #0065c9;
    font-size: 15px;
    font-weight: 900;
}
.hotel-style .search-params-change:hover {
    color: #004C93;
}
.hotel-style .search-params-expanded-data {
    min-height: 20px;
}
.hotel-style .search-params-condensed-data, .hotel-style .search-params-expanded-data .search-params-change, .hotel-style .search-params-expanded-data i.fa-times {
    cursor: pointer;
}
.hotel-style .search-params {
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #eceaeb;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 11px 0;
    color: #5c5d5f;
    margin-bottom: 20px;
}
.hotel-style .search-params .quarter-width {
    border-right: 1px solid #ccc;
}
.hotel-style .search-params .quarter-width:first-child, .hotel-style .search-params .quarter-width:last-child {
    border: none !important;
}

.hotel-style i.search-params-close:hover {
    color: #aaaaaa;
}
.hotel-style i.search-params-close {
    text-align: right;
    float: right;
    margin-right: 8px;
    font-size: 30px;
    line-height: 20px;
    color: #cccccc;
}

.hotel-style .search-params-expanded-data form {
    padding: 10px 20px 10px 20px;
}

.hotel-style .search-params-expanded-data label {
    display: block;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    color: #666666;
    font-weight: normal;
}
.hotel-style .search-params-expanded-data input[type=text], .hotel-style .search-params-expanded-data select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    background-color: #fff;
    color: #000;
    font-weight: 600;
    padding: 6px;
    font-size: 14px;
    line-height: 14px;
}
.hotel-style .row-container.last {
    margin: 0 !important;
}
.hotel-style .quarter-size {
    width: 25%;
    float: right;
}
.hotel-style .this-hotel-or-nearby-hotels input, .hotel-style .this-hotel-or-nearby-hotels label {
    line-height: 20px;
    float: left;
    cursor: pointer;
    font-size: 14px;
    text-transform: none;
    font-weight: bold;
}
.hotel-style .this-hotel-or-nearby-hotels {
    padding-top: 10px;
    width: 800px;
    float: left;
}
.hotel-style .search-params-expanded-data table td, .hotel-style .search-params-expanded-data table td select, .hotel-style .search-params-expanded-data table td label {
    width: 90px;
}
.hotel-style .search-params-expanded-data table td {
    padding-right: 8px;
}
.hotel-style .search-params-expanded-data table tr td:first-child {
    padding-top: 13px;
}
.hotel-style .search-params-expanded-data table td label.select {
    display: block;
    line-height: 35px;
    margin-bottom: 4px;
}
.hotel-style .search-params-expanded-data table td div.select {
    height: 35px;
    margin-bottom: 4px;
}
.hotel-style .search-params-expanded-data table td select {
    display: block;
    margin-bottom: 4px;
}
.hotel-style .search-params-expanded-data #place_name {
    width: 350px;
}
.hotel-style .search-params-expanded-data .input-container {
    float: left;
    margin-right: 40px;
}
.hotel-style .search-params-expanded-data .row-container {
    margin-bottom: 8px;
}
.hotel-style .search-params-expanded-data .float-right {
    float: right;
}

#hotel-search .hotel-results .featured-button, #hotel-details .room-details-book, #vr-multiunit-details-modal .room-details-book{
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    background-color: #e8731e;
    padding: 8px 14px !important;
    font-weight: bold !important;
    letter-spacing: .8px;
}
#hotel-details .room-details-book.room-details-book-vacation-rental { float: none; position: static !important; display: inline-block; right: auto !important; bottom: auto !important; display: block; width: auto; text-align: center; font-size: 16px; line-height: 18px; font-weight: 600; padding: 14px !important; }

#hotel-search .hotel-results .featured-button:hover, #hotel-search .hotel-results .featured-button:active, #hotel-details .room-details-book:hover, #hotel-details .room-details-book:active, #vr-multiunit-details-modal .room-details-book:active {
    text-decoration: none;
    background-color: #f8832e;
}
#hotel-search .hotel-results .image-column{
    grid-area: image-col;
}
#hotel-search .hotel-results .details-column {
    padding: 10px 10px 6px 18px;
    grid-area: details-col;
    grid-column: 2 / 12;
    display: inline-grid;
    grid-template-rows: repeat(6, 1fr);
}
#hotel-search .hotel-results .pricing-column {
    padding: 10px 10px 10px 0;
    grid-area: pricing-col;
    grid-column: 12 / 17;
}
#hotel-search .hotel-results li {
    position: relative;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 0;
    margin-bottom: 16px;
    display: block;
    width: 100%;
    background: #fff;
    cursor: pointer;
    height: 230px;
}
#hotel-search .hotel-results .offer-button {
    opacity: 0.0;
}
#hotel-search .hotel-results li:hover {
    -webkit-box-shadow: 5px 5px 20px 5px rgba(0,0,0,0.2);
    box-shadow: 5px 5px 20px 5px rgba(0,0,0,0.2);
    transition: box-shadow 0.5s;
}
#hotel-search .hotel-results li:hover .offer-button {
    opacity: 1.0;
    transition: opacity 0.3s;
}

#hotel-search .hotel-results .thumb {
    width: 230px;
    height: 230px;
    margin: 0;
    padding: 0;
    border: none;
    object-fit: cover;
}

.hotel-results .image-wrap {
    width: 230px;
    height: 230px;
}

#hotel-search .hotel-results table {
    width: 100%;
}
#hotel-search .featured .regular-row td {
    background-color: #fff;
}
#hotel-search .featured .featured-row h6 {
    padding: 0 0 2px 2px;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 13px;
    line-height: 15px;
    margin: 0;
    border: 0;
    color: #fff;
}

#hotel-search .tripadvisor-and-map {
    content: ""; display: table; clear: both;
}

#hotel-search .map-map {
    line-height: 20px !important;
}

#hotel-search .hotel-rating-star, #hotel-search .tripadvisor-and-map {
    display: inline-block;
}
#hotel-search .hotel-rating-star {
    border-right: 1px solid #eee;
    padding-right: 15px;
    margin-right: 10px;
}
#hotel-search .hotel-rating-star.hotel-rating-star-without-line {
    border-right: none !important;
}

#hotel-search .hotel-result-summary {
    padding: 10px 0 20px 0;
}
#hotel-search .hotel-results .hotel-title {
    font-size: 22px;
    color: #333 !important;
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 10px 0;
    padding: 0;
    grid-row: 1 / 3;
}
#hotel-search .hotel-results .offer-button {
    position: absolute;
    bottom: 20px;
    right: 16px;
}
#hotel-search .hotel-results table {
    font-size: 14px;
    line-height: 16px;
    /*font-family: Lato, sans-serif;*/
}
#hotel-search .hotel-short-desc {
    color: #5c5d5f;
    font-weight: bold;
    grid-row: 3 / 3;
    align-items: center;
    display: flex;
}
#hotel-search .hotel-distance {
    color: #999999;
    text-wrap: none;
    vertical-align: top;
    font-size: smaller;
}
#hotel-search .map-map {
    grid-row: 6 / 6;
    align-items: center;
    display: flex;
}

#hotel-search table .regular-row{
    display: inline-grid;
    grid-template-areas: "image-col details-col pricing-col";
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: 230px;
}

#hotel-search .hotel-labels{
    display: inline-grid;
    grid-template-areas:
        "label-row-1" "label-row-2" "label-row-3";
    grid-gap: 5px;
    grid-row: 4 / 6;
}
#hotel-search .hotel-special-offer {
    font-weight: bold;
    color: #417843;
    grid-row: 4 / 4;
}
#hotel-search .hotel-property-collect {
    font-weight: bold;
    color: #417843;
    grid-area: label-row-3;
}
#hotel-search :is(.hotel-special-offer, .hotel-property-collect) em {
    font-style: normal !important;
}
#hotel-search .hotel-result-summary:after {
    content: ""; display: table; clear: both;
}
#hotel-search .hotel-result-summary h3 {
    font-size: 18px;
    line-height: 30px;
    color: #4b4c4c;
    font-weight: 900;
}
#hotel-search .hotel-result-summary .hotel-results-summary-dim {
    color: #aaa;
    font-size: 14px;
    font-weight: normal;
}
#hotel-search .hotel-result-summary-left {
    width: 49%;
    float: left;
    display: block;
}
#hotel-search .hotel-result-summary-error {
    font-size: 18px;
    line-height: 20px;
    color: #ff0033;
    font-weight: bold;
}
#hotel-search .hotel-result-summary-error strong {
    font-weight: 900;
}
#hotel-search .hotel-result-summary-right label {
    padding-right: 5px;
}
#hotel-search .hotel-result-summary-right select {
    border: 1px solid #ccc;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 5px;
    padding: 6px 25px 6px 4px;
}
#hotel-search .hotel-result-summary-right {
    width: 49%;
    font-size: 12px;
    text-align: right;
    display: block;
    float: right;
}

/* == HOTEL DETAILS ======================================================== */

#hotel-details .upper-container-full {
    background: #eceaea;
    margin-bottom: 20px;
}
#hotel-details .photo-container {
    float: left;
    width: 360px;
    height: 360px;
    overflow: hidden;
}
#hotel-details .carousel-container {
    width: 100%;
    overflow: hidden;
}

#hotel-details .extra-container, #hotel-details .info-container {
    width: 550px;
}
#hotel-details .info-container .info-left {
    float: left;
    width: 68%;
}
#hotel-details .info-container .location {
    color: #5c5d5f;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
}
#hotel-details .info-container .location-and-description-container {
    margin-bottom: 5px;
}
#hotel-details .info-container .tripadvisor-container {
    margin-bottom: 10px;
}
#hotel-details .extra-container h3 {
    font-size: 17px;
    line-height: 20px;
    font-weight: 900;
    margin-bottom: 10px;
    text-transform: uppercase;
}
#hotel-details .extra-container p {
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
}
#hotel-details .info-container .promo-container {
    color: #ff0000;
    margin-top: 13px;
    font-style: italic;
    font-weight: bold;
    font-size: 16px;
}
#hotel-details .info-container .map-container {
    font-size: 14px;
    font-weight: bold;
}
#hotel-details .info-container .description {
    color: #5c5d5f;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
}
#hotel-details .info-container .info-right {
    float: right;
    padding-top: 10px;
    text-align: right;
    width: 28%;
}
#hotel-details .info-container h1 span {
    margin-right: 15px;
}
#hotel-details .reasons-to-book {
    font-weight: bold;
    font-size: 16px;
    margin-top: -4px;
}
#hotel-details .reasons-to-book li {
    line-height: 26px;
}
#hotel-details .absolute-bottom-right {
    position: absolute;
    bottom: 25px;
    right: 15px;
}
#hotel-details .reasons-to-book li i {
    color: #0f6eca;
    font-size: 20px;
}
#hotel-details .info-container h1 {
    color: #333333;
    font-size: 22px;
    padding: 0;
    margin: 0 0 12px 0;
    line-height: 22px;
    font-weight: bold;
}
#hotel-details .info-container > .padding { padding: 20px; }
#hotel-details .info-container {
    float: right;
    position: relative;
    /*height: 200px;*/
    border: 1px solid #bdbbbb;
    background: #fff;
}
#hotel-details .extra-container > .padding { padding: 22px 18px 8px 18px; }
#hotel-details .extra-container {
    float: right;
}
#hotel-details .photo-and-info-container {
    content: ""; display: table; clear: both;
    margin-bottom: 7px;
}
#hotel-details .upper-container-full > .padding { padding: 20px; }

#hotel-details .hotel-tab-container {
    content: ""; display: table; clear: both;
}
#hotel-details .hotel-tab-container ul {
    list-style-type: none;
    display: block;
}
#hotel-details .hotel-tab-content-container {
    margin-bottom: 20px;
    z-index: 1;
    min-height: 250px;
}
#hotel-details .mini-thumbnail {
    float: left;
}
#hotel-details .mini-thumbnail img {
    width: 170px;
    height: 170px;
}
#hotel-details .upper-container-mini .info-container {
    border: none !important;
}
#hotel-details .upper-container-mini {
    border: 1px solid #ccc !important;
    width: 100% !important;
    margin: 0 0 20px 0 !important;
}
#hotel-details .upper-container-mini .padding {
    padding: 5px !important;
}
#hotel-details .upper-container-mini .photo-and-info-container {
    margin: 0 !important;
    width: 100% !important;
}
#hotel-details .upper-container-mini .info-container {
    width: 100% !important;
    float: left !important;
}
#hotel-details .upper-container-mini .info-left {
    width: 430px !important;
    padding: 12px 0 4px 12px;
}
#hotel-details .upper-container-mini .info-right {
    width: 300px !important;
}
#hotel-details .upper-container-mini .best-rate-guarantee p {
    margin: 8px 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
}
#hotel-details .upper-container-mini .best-rate-guarantee {
    text-align: center;
}
#hotel-details .upper-container-mini .best-rate-guarantee img {
    width: 120px;
}
#hotel-details .tabwidget-content p {
    margin-bottom: 1.5em;
}
#hotel-details .tabwidget-content {
    list-style-type: none;
    color: #777;
}
#hotel-details .tabwidget-content > span {
    content: ""; display: table; clear: both; width: 100%;
}
#hotel-details .amenities {
    display: inline-block;
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}
#hotel-details .amenities li {
    font-weight: bold !important;
    margin-left: 30px;
    list-style-position: outside;
    list-style-type: disc;
    font: 15px/17px Lato;
    margin-bottom: 1.25em;
    color: #777;
}
#hotel-details .bottom-container {
    text-transform: uppercase;
    height: 50px;
    font-weight: bold;
}
#hotel-details .bottom-container > div {
    line-height: 1em;
    float: left;
    width: 50%;
    margin-bottom: 40px;
}
#hotel-details .bottom-container > div:last-child {
    text-align: right;
}
#hotel-details .bottom-container > div > div {
    padding: 0 10px;
}

#hotel-details .non-refundable {
    color: #999999;
}

.top-amenities {
    width: 170px;
    float: left;
    font-size: 13px;
    margin-top: 10px;
}

.top-amenities li {
    background:url(/common_resources/tawframework/img/blue-checkmark.png) no-repeat left center;
    line-height: 28px;
    text-indent: 25px;
    text-align: left;
}

.resort-fees {
    color: #999999;
    font-style: italic;
    font-size: 12px;
    margin-top: -10px;
    margin-bottom: 15px;
}

.clear-left {
    clear: left;
}

/* ======= dialog-hotel-search ===================================================================================================*/
#dialog-hotel-filters .dimmed { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; }
#dialog-hotel-filters #name_filter_button.dimmed { pointer-events: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; }
#dialog-hotel-filters #landmarks.dimmed { pointer-events: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; }
#dialog-hotel-filters #filter_price.dimmed { pointer-events: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; }
#dialog-hotel-filters .dimmed input, #hotel-search .dimmed select, #hotel-search .dimmed label { pointer-events: none; }
#dialog-hotel-filters .dimmed label, #hotel-search .dimmed input[type=radio], #hotel-search .dimmed select, #hotel-search .dimmed input[type=checkbox] { cursor: default; }
#dialog-hotel-filters label, #hotel-search input[type=radio], #hotel-search select, #hotel-search input[type=checkbox] { cursor: pointer; }

.map-view-dialog-modal {
    top: 100px !important; /* position the modal 100px below the top */
}
.dialog-search-params{
    font-size: 14px;
    font-weight: bold;
    color: #444;
}
#dialog-hotel-search .hotel-results .featured-button:hover, #hotel-search .hotel-results .featured-button:active {
    text-decoration: none;
    background-color: #e8731e;
}
#dialog-hotel-search .hotel-results .featured-button {
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    background-color: #e8731e;
    padding: 8px 10px !important;
    font-weight: normal !important;
}
#dialog-hotel-search2 {
    width: 500px !important;
}
#dialog-hotel-search .hotel-results .details-column {
    padding: 10px 18px 6px 18px;
    width: 75%;
    height: 201px;
}
#dialog-hotel-search .hotel-results .pricing-column {
    padding: 18px 18px 10px 0;
    width: 25%;
    height: 201px;
}
#dialog-hotel-search .hotel-results li {
    box-sizing: border-box;
    position: relative;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 0;
    margin-bottom: 16px;
    display: block;
    width: 100%;
    height: 230px;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
}

#dialog-hotel-search .hotel-results .offer-button {
    opacity: 0.0;
}

#dialog-hotel-search .hotel-results li:hover {
    -webkit-box-shadow: 5px 5px 20px 5px rgba(0,0,0,0.2);
    box-shadow: 5px 5px 20px 5px rgba(0,0,0,0.2);
    transition: box-shadow 0.5s;
}
#dialog-hotel-search .hotel-results li:hover .offer-button {
    opacity: 1.0;
    transition: opacity 0.3s;
}

#dialog-hotel-search .hotel-results .thumb {
    width: 230px !important;
    height: 230px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    object-fit: cover !important;
    /*border-top-left-radius: 4px;*/
    /*border-bottom-left-radius: 4px;*/
}

#dialog-hotel-search .hotel-results table {
    width: 100%;
}
#dialog-hotel-search .featured .regular-row td {
    background-color: #fff;
}
#dialog-hotel-search .featured .featured-row h6 {
    padding: 0 0 2px 2px;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 13px;
    line-height: 15px;
    margin: 0;
    border: 0;
    color: #fff;
}

#dialog-hotel-search .tripadvisor-and-map {
    content: ""; display: table; clear: both;
}

#dialog-hotel-search .map-map {
    line-height: 20px !important;
}

#dialog-hotel-search .hotel-ratings {
    margin-bottom: 20px;
}
#dialog-hotel-search .hotel-rating-star, #dialog-hotel-search .tripadvisor-and-map {
    display: inline-block;
}
#dialog-hotel-search .hotel-rating-star {
    border-right: 1px solid #eee;
    padding-right: 15px;
    margin-right: 10px;
}

#dialog-hotel-search .hotel-result-summary {
    padding: 10px 0 20px 0;
}
#dialog-hotel-search .hotel-results .hotel-title {
    font-size: 22px;
    color: #333 !important;
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 10px 0;
    padding: 0;
}
#dialog-hotel-search .hotel-results .offer-button {
    position: absolute;
    bottom: 16px;
    right: 8px;
}
#dialog-hotel-search .hotel-results table {
    font-size: 14px;
    line-height: 16px;
    /*font-family: Lato, sans-serif;*/
}
#dialog-hotel-search .hotel-short-desc {
    color: #5c5d5f;
    font-weight: bold;
    margin-bottom: 20px;
}
#dialog-hotel-search .hotel-distance {
    color: #999999;
    text-wrap: none;
    vertical-align: top;
    font-size: smaller;
    font-style: italic;
    font-weight: bold;
}
#dialog-hotel-search .map-map {
    bottom: 15px;
    position: absolute;
    display: block;
}

#dialog-hotel-search .hotel-special-offer {
    font-weight: bold;
    color: #417843;
    bottom: 50px;
    position: absolute;
    display: block;
}
#dialog-hotel-search .hotel-special-offer em {
    font-style: normal !important;
}
#dialog-hotel-search .hotel-result-summary:after {
    content: ""; display: table; clear: both;
}
#dialog-hotel-search .hotel-result-summary h3 {
    font-size: 20px;
    line-height: 30px;
    color: #4b4c4c;
    font-weight: 900;
}
#dialog-hotel-search .hotel-result-summary .hotel-results-summary-dim {
    color: #aaa;
    font-size: 14px;
    font-weight: normal;
}
#dialog-hotel-search .hotel-result-summary-left {
    width: 49%;
    float: left;
    display: block;
}
#dialog-hotel-search .hotel-result-summary-error {
    font-size: 18px;
    line-height: 20px;
    color: #ff0033;
    font-weight: bold;
}
#dialog-hotel-search .hotel-result-summary-error strong {
    font-weight: 900;
}
#dialog-hotel-search .hotel-result-summary-right label {
    padding-right: 5px;
}
#dialog-hotel-search .hotel-result-summary-right select {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 6px 4px;
}
#dialog-hotel-search .hotel-result-summary-right {
    width: 49%;
    font-size: 12px;
    text-align: right;
    display: block;
    float: right;
}

/* ======================= hotel-search css for onhover of markers popup */
.popupHotel .details-column {
    padding: 10px 18px 6px 18px;
    width: 75%;
    height: 201px;
}
.popupHotel  .pricing-column {
    padding: 18px 18px 10px 0;
    width: 25%;
    height: 201px;
}
.popupHotel li {
    box-sizing: border-box;
    border: 1px solid #ccc;
    padding: 5px;
    margin-right: 4px;
    margin-bottom: 20px;
    display: block;
    height: 230px;
}

.popupHotel  .thumb {
    width: 170px !important;
    height: 170px !important;
}

.popupHotel  table {
    width: 100%;
}
.popupHotel  .featured {
    border: none !important;
    background-color: #3c78c2;
}
.popupHotel  .featured .regular-row td {
    background-color: #fff;
}
.popupHotel  .featured .featured-row h6 {
    padding: 0 0 2px 2px;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 13px;
    line-height: 15px;
    margin: 0;
    border: 0;
    color: #fff;
}

.popupHotel  .tripadvisor-and-map {
    content: ""; display: table; clear: both;
}

.popupHotel  .map-map {
    line-height: 20px !important;
}

.popupHotel  .hotel-result-summary {
    padding: 10px 20px;
}
.popupHotel  .hotel-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    margin: 0 0 10px 0;
    padding: 0;
}
.popupHotel  .offer-button {
    position: relative; /* was absolute; */
    bottom: -58px; /* was 18px; */
    right: 16px;
}
.popupHotel  table {
    font-size: 14px;
    line-height: 16px;
    /*font-family: Lato, sans-serif;*/
}
.popupHotel  .hotel-short-desc {
    color: #5c5d5f;
    font-weight: bold;
}
.popupHotel  .hotel-distance {
    color: #999999;
    text-wrap: none;
    vertical-align: top;
    font-size: smaller;
    font-style: italic;
    font-weight: bold;
}

.popupHotel  .hotel-special-offer {
    font-style: normal;
    font-weight: bold;
    color: #417843;
}
.popupHotel  .hotel-result-summary:after {
    content: ""; display: table; clear: both;
}
.popupHotel  .hotel-result-summary h3 {
    font-size: 20px;
    line-height: 30px;
    color: #4b4c4c;
    font-weight: 900;
}
.popupHotel  .hotel-result-summary-left {
    width: 49%;
    float: left;
    display: block;
}
.popupHotel  .hotel-result-summary-error {
    font-size: 18px;
    line-height: 20px;
    color: #ff0033;
    font-weight: bold;
}
.popupHotel  .hotel-result-summary-error strong {
    font-weight: 900;
}
.popupHotel  .hotel-result-summary-right {
    width: 49%;
    text-align: right;
    display: block;
    float: right;
}

/*====================  new stuff just for dialog filters ========================================================*/
#dialog-hotel-filters .thin-border h4 { font-size: 15px; line-height: 16px; text-transform: uppercase; font-weight: 500; margin: 0; }
#dialog-hotel-filters .viewport .overview { width: 100%; }
#dialog-hotel-filters table.thin td { padding: 4px 0; }
#dialog-hotel-filters table.thin { font-size: 13px; line-height: 14px; }
#dialog-hotel-filters .thin-border { font-size: 13px; line-height: 15px; }
#dialog-hotel-filters table.thin thead { font-size: 13px; line-height: 15px; text-transform: uppercase; }
#dialog-hotel-filters table.thin td.left, #hotel-search table.thin th.left { text-align: left; }
#dialog-hotel-filters table.thin td.right, #hotel-search table.thin th.right { text-align: right; }
#dialog-hotel-filters .thin-border h4 { font-size: 15px; line-height: 16px; text-transform: uppercase; font-weight: 500; margin: 0; }
#dialog-hotel-filters .thin-border h5 { font-size: 13px; line-height: 14px; text-transform: uppercase; font-weight: 400; margin: 0; }
#dialog-hotel-filters .thin-border { border: 1px solid #cccccc; margin-bottom: 20px; }
#dialog-hotel-filters .thin-border .thin-padding { width: 100%; padding: 6px 10px; }
#dialog-hotel-filters .thin-border .medium-padding { padding: 10px; }
#dialog-hotel-filters .thin-border .thick-padding { padding: 18px 10px; }
#dialog-hotel-filters .thin-border h5 { margin-bottom: 6px; }
#dialog-hotel-filters .thin-border ul { margin-left: 6px; }
#dialog-hotel-filters .thin-border hr {
    width: 100% !important;
    border: 0;
    padding: 0;
    height: 1px !important;
    background-color: #cccccc;
}

#dialog-hotel-filters .slider-padding {
    padding: 25px 10px 10px 10px;
}
#dialog-hotel-filters .slider.ui-slider .label {
    /*font-family: Lato, sans-serif;*/
    margin-top: -25px;
    width: 100%;
    display: block;
    position: absolute;
    text-align: center;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    font-size: 13px;
}
#dialog-hotel-filters .slider.ui-slider {
    cursor: pointer !important;
    border: none !important;
    background: #eceaea !important;
    height: 5px !important;
}
#dialog-hotel-filters .slider.ui-slider .ui-slider-handle {
    /* .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default */
    cursor: pointer !important;
    border: none !important;
    width: 22px;
    height: 22px;
    background: transparent url(/common_resources/tawframework/img/slider-grip.png) 50% 50% no-repeat !important;
    top: -0.6em !important;
    margin-left: -0.7em !important;
}
#dialog-hotel-filters .slider.ui-slider .ui-slider-range {
    height: 5px !important;
    background: #0066cc !important;
}

/* ============ end new dialog filter css ======================================================================== */

#dialog-hotel-search a, #hotel-search table a {
    color: #444;
    text-decoration: none;
}
#dialog-hotel-search a:hover, #dialog-hotel-search a:active, #dialog-hotel-search table a:hover, #dialog-hotel-search table a:active {
    color: #333;
    text-decoration: none !important;
}
#dialog-hotel-search .thin-padding {
    overflow: hidden;
}
#dialog-hotel-search table.thin {
    display: table;
    width: 100%;
}
#dialog-hotel-search .scrollable .scroll-bar.vertical .thumb {
    width: 8px;
}
#dialog-hotel-search .viewport .overview { width: 100%; }
#dialog-hotel-search table.thin td { padding: 4px 0; }
#dialog-hotel-search table.thin { font-size: 13px; line-height: 14px; }
#dialog-hotel-search .thin-border { font-size: 13px; line-height: 15px; }
#dialog-hotel-search table.thin thead { font-size: 13px; line-height: 15px; text-transform: uppercase; }
#dialog-hotel-search table.thin td.left, #hotel-search table.thin th.left { text-align: left; }
#dialog-hotel-search table.thin td.right, #hotel-search table.thin th.right { text-align: right; }
#dialog-hotel-search .thin-border h4 { font-size: 15px; line-height: 16px; text-transform: uppercase; font-weight: 500; margin: 0; }
#dialog-hotel-search .thin-border h5 { font-size: 13px; line-height: 14px; text-transform: uppercase; font-weight: 400; margin: 0; }
#dialog-hotel-search .thin-border { border: 1px solid #cccccc; margin-bottom: 20px; }
#dialog-hotel-search .thin-border .thin-padding { width: 100%; padding: 6px 10px; }
#dialog-hotel-search .thin-border .medium-padding { padding: 10px; }
#dialog-hotel-search .thin-border .thick-padding { padding: 18px 10px; }
#dialog-hotel-search .thin-border h5 { margin-bottom: 6px; }
#dialog-hotel-search .thin-border ul { margin-left: 6px; }
#dialog-hotel-search .thin-border hr {
    width: 100% !important;
    border: 0;
    padding: 0;
    height: 1px !important;
    background-color: #cccccc;
}

#dialog-hotel-search .two-columns > div {
    width: 49%;
}
#dialog-hotel-search .two-columns > div:first-child {
    float: left;
    text-align: left;
}
#dialog-hotel-search .two-columns > div:last-child {
    float: right;
    text-align: right;
}
#dialog-hotel-search .two-columns {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 16px;
}

#dialog-hotel-search .prices-reflect {
    color: #666;
    font-size: 14px;
    line-height: 17px;
}
#dialog-hotel-search .pagination-message {
    color: #666;
}

#dialog-hotel-search .back-to-top {
    text-transform: uppercase;
}

#dialog-hotel-search .hotel-pagination {
    padding: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #4c4e4d;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
}

/* =================== loading bar on dialog page =====================================*/
#dialogHotelMapView .loading-bar-container {
    width: 80%;
    margin: 0 auto;
    height: 10px;
    background-color: #4c4e4d;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    overflow: hidden;
}

#dialogHotelMapView .loading-widget h4 {
    font-weight: 900;
    font-size: 19px;
    line-height: 22px;
    margin-bottom: 4px;
}
#dialogHotelMapView .loading-widget h5 {
    font-weight: 900;
    color: #e87822;
    font-size: 23px;
    line-height: 25px;
    margin-bottom: 5px;
}
#dialogHotelMapView .loading-widget, #hotel-search .loading-bar-container {
    margin-bottom: 10px;
}
.ui-dialog .ui-dialog-titlebar-close {
    background: none !important;
    border: none !important;
    color: #444 !important;
    font-weight: 900 !important;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon { display: none !important; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:active {
    color: #222 !important;
}
#dialogHotelMapView .loading-widget p {
    margin-bottom: 10px;
}
#dialogHotelMapView .loading-widget {
    padding: 20px 0 10px 0;
    background-color: #eceaeb;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #4c4e4d;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
}

#dialogHotelMapView .loading-bar {
    min-width: 5%;
    width: 5%;
    background: url(/common_resources/tawframework/img/loading-bar.gif) 50% 50% repeat-x;
    height: 10px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.close-dialog-link:hover{
    color: red;
    font-weight: 900;
}
.ui-dialog > .ui-widget-header {
    background: #ffffff; /* #3c78c2; */
    margin-bottom: 3px;
    border: none;
    margin-left: 5px;
}
.ui-dialog-title{
    color:  #3c78c2 !important;
}
#googleMap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
#googleMap:after {
    content: "";
    display: table;
    clear: both;
    zoom: 1;
}

.tripadvisor-rating.tripadvisor-rating--small { -ms-transform: scale(1.0) !important; -webkit-transform: scale(1.0) !important; transform: scale(1.0) !important; -ms-transform-origin: left; -webkit-transform-origin: left; transform-origin: left; }

#hotel-details .room-details { position: relative; display: flex; border: 1px solid #e0e0e0; border-radius: 4px; width: 100%; margin-bottom: 18px; min-height: 220px; }

#hotel-details .room-details-left, #hotel-details .room-details-right { display: inline-block; vertical-align: top; flex-grow: 1; box-sizing: border-box; padding: 10px 10px 10px 0px; }
#hotel-details .room-details-left-with-image, #hotel-details .room-details-center-with-image, #hotel-details .room-details-right-with-image { display: inline-block; vertical-align: top; flex-grow: 1; box-sizing: border-box; padding: 20px 10px; }
#hotel-details .room-details #ad-icons-html{ margin-top:8px; }

#hotel-details .inset { padding-left: 0; }

#hotel-details .room-details-left-image { display: inline-block; vertical-align: top; flex-grow: 1; box-sizing: border-box; width: 18%; }
#hotel-details .room-details-left-with-image { width: 36%; padding: 10px 8px;}

#hotel-details .room-details-left { width: 56%; padding: 10px 8px;}
#hotel-details .room-details-left-content { width: 69%; padding: 0 8px;}
#hotel-details .room-details-center { 
    display: inline-flex !important;
    flex-direction: column;
    align-items: flex-start;
    border-left: 1px solid #e0e0e0;
    width: 25%;
    box-sizing: border-box;
    row-gap: 10px;
    padding: 10px 10px 10px 16px;
}

#hotel-details .room-details-header { margin-bottom: 10px; display: inline-flex; }
#hotel-details .room-details-header img { width: 72px; }
@media (min-width: 768px) {
    #hotel-details .room-details-header img { width: 76px; }
}
#hotel-details .room-details-header a { float: left; padding-bottom: 10px; margin-right: 16px; }
#hotel-details .room-details-header a, #hotel-details .room-details-header div { vertical-align: top; display: block; }
#hotel-details .room-details-header div { padding-top: 8px; }
#hotel-details .room-details-header div { font-size: 24px; line-height: 26px; font-weight: 900 !important; color: #353535; }
#hotel-details .room-details-nights { font-size: 0; }
#hotel-details .room-details-night { font-size: 14px; line-height: 16px; width: 20%; min-width: 75px; display: inline-block; }
#hotel-details .room-details-night-inner { background: #f9f9f9; padding: 3px 3px; margin: 0 4px 4px 0; }
#hotel-details .room-details-night-day { margin-top: 4px; margin-bottom: 4px; display: block; text-align: center; }
#hotel-details .room-details-night-strike { margin-bottom: 4px; display: block; text-align: center; color: #888; }
#hotel-details .room-details-night-price { color: #353535; margin-bottom: 4px; display: block; text-align: center; font-weight: 900 !important; }
#hotel-details .room-details-promos-offers { 
    display: inline-grid; 
    grid-template: 
        "room-details-property-collect-row" auto 
        "room-details-promo-row" auto
    ;
} 
#hotel-details .room-details-top-amenities { list-style-type: disc; align-self: start;}
#hotel-details .room-details .room-details-top-amenities li { text-indent: 0; margin-left: 16px; }
#hotel-details .room-details-promo { color: #417843 !important; font-size: 14px; line-height: 16px; font-weight: 700 !important; align-self: start; padding-top: 4px;}
#hotel-details .room-details-message-refundable { color: #417843; font-size: 14px; line-height: 16px; font-weight: 700 !important; margin-bottom: 16px; }
#hotel-details .room-details-policy { text-decoration: none; margin-bottom: 5px;}
#hotel-details .room-details-policy span:nth-child(2)::before { content:"\a"; white-space: pre;}
#hotel-details .room-details-description.h-desktop-only { margin-top: auto; }
#hotel-details .room-details .room-details-description-button { text-decoration: underline; text-transform: uppercase; font-size: 13px; line-height: 16px; font-weight: bold !important; display: block; margin-bottom: 10px; }
#hotel-details .room-details-average-nightly-strike-rate { display: inline; font-size: 18px; line-height: 28px; color: #757575; }
#hotel-details .room-details-average-nightly-rate { display: inline !important; font-size: 26px; line-height: 28px; font-weight: 900 !important; color: #353535; margin-bottom: 6px; }
#hotel-details .room-details-average-nightly-rate .average-nightly-rate-per-night-label { font-size: 14px !important; color: #333 !important; font-weight: 700 !important; text-decoration: none !important; }
#hotel-details .room-details .room-details-book { position: absolute; bottom: 16px; right: 10px; }
#hotel-details .room-details-room-description { margin-top: 20px; padding: 0; font-size: 14px !important; color: #353535; text-align: left; }

#hotel-details .room-details-right { 
    display: inline-grid;
    grid-template-areas: 
        "room-badge-spacer-row"
        "room-details-average-rate-row"
        "room-details-rate-row"
        "room-details-rate-label-row"
        "room-details-average-nightly-rate-label-row"
        "room-details-book-form-row";
    grid-auto-rows: min-content;
    width: 19%; 
    text-align: right; 
}

#hotel-details .room-details-average-nightly-rate-label { grid-area: room-details-average-nightly-rate-label-row; font-size: 12px !important; font-weight: 400 !important; }
#hotel-details .room-details .room-badge-row { display: flex; position: absolute; right: 10px; max-width: 260px; gap: 8px; }
#hotel-details .room-details .room-badge-spacer { grid-area: room-badge-spacer-row; height: 33px; width: 100% }
#hotel-details .room-details .room-details-rate { grid-area: room-details-rate-row; align-content: flex-end; font-size: 14px; font-weight: 500 !important; color: #757575; }
#hotel-details .room-details .room-details-rate-label { grid-area: room-details-rate-label-row; font-size: 14px !important; color: #757575 !important; font-weight: 500 !important; text-decoration: none !important; }
#hotel-details .room-details .room-details-book-form { grid-area: room-details-book-form-row; }

#hotel-details .vr-room-details-container { display: inline-flex; justify-content: flex-start; flex-wrap: wrap; }
#hotel-details .vr-room-details-row { display: flex; }
#hotel-details .vr-room-details { border: 1px solid #e0e0e0; border-radius: 4px; margin-bottom: 18px; height: auto; flex: 1 1 30%; background-color: #fff;}
#hotel-details .vr-room-details.grid_5 { width: 378px; }
#hotel-details .vr-room-details .scarousel-photo img { max-width: unset; }
#hotel-details .vr-room-details .room-details-top { vertical-align: top; flex-grow: 1; box-sizing: border-box; padding: 5px 25px; }
#hotel-details .vr-room-details .room-details-middle { display: inline-block; box-sizing: border-box; padding: 5px 25px; width: 100%; }
#hotel-details .vr-room-details .room-details-footer { padding: 10px 25px; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); }
#hotel-details .vr-room-details .room-details-footer .room-details-footer-badge { margin-top: auto; grid-column-start: 1; grid-row-start: 1; }
#hotel-details .vr-room-details .room-details-footer .room-details-footer-strike-rate { grid-column-start: 1; grid-row-start: 2; }
#hotel-details .vr-room-details .room-details-footer .room-details-footer-rate { grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; grid-row-end: 3; }
#hotel-details .vr-room-details .room-details-footer .room-details-footer-book { grid-column-start: 3; grid-row-start: 3; align-self: baseline; justify-self: end; }

#hotel-details .vr-room-details .room-details-footer .room-details-average-nightly-rate-container { align-self: flex-end; width: 100%; display: flex; justify-content: space-between; }

#hotel-vaction-rentals .tabwidget-content { padding: 10px 0 20px 0 !important; border: 0px !important;}

#hotel-details .vr-room-details .room-name { font-size: 24px !important; font-style: normal; line-height: 30px !important; letter-spacing: 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: calc(32px * 4); }
#hotel-details .vr-room-details .room-details-header { margin-bottom: 10px; }
#hotel-details .vr-room-details .room-details-header a { padding-bottom: 10px; margin-right: 16px; }
#hotel-details .vr-room-details .room-details-header a, #hotel-details .room-details-header div { vertical-align: top; display: block; }
#hotel-details .vr-room-details .room-details-header div { padding-top: 8px; }
#hotel-details .vr-room-details .room-details-header div { font-size: 24px; line-height: 26px; font-weight: 900 !important; color: #353535; }

#hotel-details .vr-room-details .room-details-description-button { text-decoration: underline; text-transform: uppercase; font-size: 13px; line-height: 16px; font-weight: bold !important; margin-top: 10px; }

#hotel-details .vr-room-details .room-details-average-nightly-strike-rate { display: inline !important; font-size: 18px; line-height: 28px; color: #757575; }
#hotel-details .vr-room-details .room-details-average-nightly-strike-rate span{ display: inline !important; font-size: 18px; line-height: 28px; color: #757575; text-decoration: line-through; }
#hotel-details .vr-room-details .room-details-average-nightly-rate { display: inline !important; font-size: 26px; line-height: 28px; font-weight: 900 !important; color: #353535; margin-bottom: 6px; }
#hotel-details .vr-room-details .room-details-average-nightly-rate-label { font-size: 12px !important; font-weight: 400 !important; }
#hotel-details .vr-room-details .room-details-top-amenities { list-style-type: disc; margin-bottom: 0px; }
#hotel-details .vr-room-details .room-details-top-amenities li { text-indent: 0; margin-left: 16px; line-height: 35px; color: #262626}

#hotel-details-search { clear: both; margin-bottom: 30px; color: #353535;}
#hotel-details .title-container { display: block; color: #333; font-weight: 900; font-size: 25px; line-height: 27px; margin-top: 16px; margin-bottom: 12px; }
#hotel-details .both-ratings-container { margin-bottom: 12px; }
#hotel-details .address-container { font-size: 15px; line-height: 17px; margin-bottom: 12px; font-weight: bold !important; color: #808080; }
#hotel-details .tripadvisor-container { display: inline-block; }
#hotel-details .star-container { display: inline-block; }
#hotel-details .rating-container { display: inline-block; margin: 0 8px; color: #333; font-weight: 900; font-size: 18px; line-height: 20px; }
#hotel-details .rating-guest { font-weight: 600; color: #555; }
#hotel-details .specialty-and-location-container { margin-bottom: 20px; font-size: 14px; line-height: 16px; }
#hotel-details .specialty-container { display: inline-block; margin-right: 8px; color: #333; }
#hotel-details .location-container { display: inline-block; color: #777; }
.hl-search-window-append { margin-top: 10px; font-size: 15px; line-height: 17px; }
.hl-search-window-append > div { display: inline-block; margin-right: 20px; background: #fff !important; }
.hl-search-window-append span { margin-right: 16px; background: #fff !important; }
.hl-search-window-append input, .hl-search-window-append label { color: #333 !important; background: #fff !important; cursor: pointer; }
.hl-search-error { margin-bottom: 0; margin-top: 10px; color: #e00; font-weight: bold; padding: 0; }

#hotel-details .vacation-rental-section { margin-bottom: 16px; clear: both; }
#hotel-details .vacation-rental-section:after { content: ""; display: table; clear: both; }
#hotel-details .vacation-rental-section-spaced { margin-bottom: 40px; }
#hotel-details .vacation-rental-section-double-spaced { margin-bottom: 60px; }
#hotel-details .vacation-rental-full-section { width: 100%; }
#hotel-details .vacation-rental-summary { color: #333; }
#hotel-details .vacation-rental-strike { text-decoration: line-through; }
#hotel-details .vacation-rental-average-nightly { font-size: 21px; color: #333; font-weight: 900; }
#hotel-details .vacation-rental-main-subtotal { font-size: 28px; color: #333; font-weight: 900; }
#hotel-details .vacation-rental-main-subtotal-label { color: #666; font-weight: 600; }
#hotel-details .vacation-rental-taxes-fees { font-size: 12px; line-height: 14px; }
#hotel-details .vacation-rental-section hr { height: 0; border-top: 1px solid #bbb; border-bottom: 1px solid #ddd; }
#hotel-details .vacation-rental-left-column { width: 49%; float: left; }
#hotel-details .vacation-rental-right-column { width: 49%; float: right; text-align: right; }
#hotel-details .vacation-rental-discount-line { color: #e8731e; }
#hotel-details .vacation-rental-full-column { width: 100%; }

#hotel-details .vacation-rental-right-container { float: right; width: 280px; border: 1px solid #ddd; border-radius: 4px; margin-top: 40px; }
#hotel-details .vacation-rental-right-contents { padding: 40px 20px 20px 20px; color: #777; font-size: 16px; line-height: 18px; }
#hotel-details .lower-container-vacation-rental { width: 880px !important; float: left !important; }

#hotel-details .tabwidget-header { margin-bottom: 5px; }
#hotel-details .tabwidget-tab { color: #555; font-size: 14px; line-height: 16px; display: inline-block; margin-right: 26px; padding-bottom: 10px; border-bottom: 2px solid #fff; cursor: pointer; }
#hotel-details .tabwidget-tab.active { color: #222; font-weight: 900; border-bottom-color: #e8731e; }
#hotel-details .tabwidget-content { padding: 40px 0 50px 0; border-bottom: 1px solid #e0e0e0; }
#hotel-details .tabwidget-content[data-id="amenities"] span{ display: inline-grid; }
#hotel-details .tabwidget-content .tabwidget-heading { font-size: 18px; font-weight: 900; line-height: 22px; color: #353535; margin-bottom: 20px; }
#hotel-details .tabwidget-content .tabwidget-heading-sub { font-size: 16px; font-weight: 900; line-height: 20px; color: #353535; }
#hotel-details .about-property-container { display: flex; justify-content: space-between; }
#hotel-details .about-property-container div[class$="-container"] { width: 45%; }
#hotel-details .about-property, #hotel-details .checkin-policy, #hotel-details .checkin-policy ul, #hotel-details .cleaning-safety, #hotel-details .cleaning-safety ul { font-weight: 400; line-height: 25px; text-align: left; list-style-type: disc !important;}
#hotel-details .about-property li b { font-weight: 700; line-height: 25px; text-align: left;}
#hotel-details .about-property li, #hotel-details .checkin-policy li, #hotel-details .cleaning-safety li { margin-left: 30px; margin-top: 10px;}
#hotel-details .popular-amenities-heading-sub, #hotel-details .cleaning-safety-heading-sub { margin-bottom: 10px; }

#hotel-details .vacation-rental-bed-title { margin-bottom: 20px; color: #000; font-size: 18px; line-height: 20px; }
#hotel-details .vacation-rental-beds { display: flex; }
#hotel-details .vacation-rental-bed { line-height: 3em; padding: 0 25px; border: 1px solid #ddd; border-radius: 4px; color: #777; font-weight: 600; margin-right: 40px; }
#hotel-details .vacation-rental-bed span { display: inline-block; font-weight: normal; }

#hotel-vaction-rentals img, #hotel-vaction-rentals svg, #hotel-vaction-rentals img path, #hotel-vaction-rentals svg path { fill: currentColor !important; }
#hotel-vaction-rentals .vr-room-details img.room-image { height: 180px !important; width: 100% !important;  object-fit: fill; border-radius: 4px 4px 0px 0px;}

/* Vacation Rentals Modal styling */
#vr-multiunit-details-modal { z-index: 99999 !important; font-family: 'Lato' !important; }
#vr-multiunit-details-modal .modal-lg { width: 85%; }
#vr-multiunit-details-modal .modal-content { max-width: 1210px; margin: 0px auto;}
#vr-multiunit-details-modal .modal-content .room-name { color: #353535; font-size: 24px !important; font-weight: 900; line-height: 30px !important; letter-spacing: 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
#vr-multiunit-details-modal .modal-content .modal-header { border: unset; background: #fff; border-radius: 4px !important; padding: 25px !important;}
#vr-multiunit-details-modal .modal-content .modal-header .close { font-size: 30px; top: 15px; }
#vr-multiunit-details-modal .modal-content #modal-room-details-promo .room-details-promo{ color: #417843; font-size: 14px; line-height: 16px; font-weight: 700 !important; margin-bottom: 8px; }
#vr-multiunit-details-modal .modal-content #modal-room-form .room-details-message-refundable { color: #417843; font-size: 14px; line-height: 16px; font-weight: 700 !important; margin-bottom: 16px; }
#vr-multiunit-details-modal .modal-content .container-fluid .row { margin-bottom: 10px; }

#vr-multiunit-details-modal .modal-content .about-property-container div[class$="-container"] div[class$="-heading-sub"]{ font-size: 14px; font-weight: 900; line-height: 17px; letter-spacing: 0px; text-align: left; color: #353535;}
#vr-multiunit-details-modal .modal-content .about-property-container ul.property-amenities { font-weight: 400; line-height: 25px; text-align: left; list-style-type: disc !important;}
#vr-multiunit-details-modal .modal-content .about-property-container ul.cleaning-safety { font-weight: 400; line-height: 25px; text-align: left; list-style-type: disc !important;}
#vr-multiunit-details-modal .modal-content .about-property-container ul li b { font-weight: 700; line-height: 16px; text-align: left;}
#vr-multiunit-details-modal .modal-content .about-property-container ul li { margin-left: 30px; margin-top: 10px; color: #757575;}

#vr-multiunit-details-modal .modal-content .room-details-footer { padding: 10px 15px; height: 15%; display: grid; grid-template-columns: repeat(4, 1fr); }
#vr-multiunit-details-modal .modal-content .room-details-footer .room-details-footer-badge { margin-top: auto; grid-column-start: 1; grid-row-start: 1; }
#vr-multiunit-details-modal .modal-content .room-details-footer .room-details-footer-strike-rate { grid-column-start: 1; grid-row-start: 2; }
#vr-multiunit-details-modal .modal-content .room-details-footer .room-details-footer-rate { grid-column-start: 1; grid-column-end: 3; grid-row-start: 4; grid-row-end: 4; }
#vr-multiunit-details-modal .modal-content .room-details-footer .room-details-footer-book { grid-column-start: 4; grid-row-start: 4; align-self: baseline; justify-self: end; }

#vr-multiunit-details-modal .modal-content .room-details-footer .room-details-average-nightly-rate-container { align-self: flex-end; width: 100%; display: flex; justify-content: space-between; }
#vr-multiunit-details-modal .modal-content .room-details-footer .room-details-average-nightly-rate-label { color: #757575; font-weight: 400; font-size: 16px; line-height: 18px; }
#vr-multiunit-details-modal .modal-content #modal-room-form .room-details-message-refundable { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 1; margin-bottom: 5px;}
#vr-multiunit-details-modal .modal-content .room-details-footer .room-details-percentage-off-badge-container { display: unset !important; justify-content: unset; margin-top: auto; grid-column-start: 1; grid-row-start: 2; }
#vr-multiunit-details-modal .modal-content .room-details-footer .room-details-footer-strike-rate { grid-column-start: 1; grid-row-start: 3; }
#vr-multiunit-details-modal .modal-content .room-details-footer .room-details-average-nightly-strike-rate { display: flex !important; justify-content: space-between; width: 100%; font-size: 18px; font-weight: 400; line-height: 20px; text-decoration-line: line-through; color: #757575; }
#vr-multiunit-details-modal .modal-content .room-details-footer .room-details-night-inner { background: #f9f9f9; padding: 3px 3px; margin: 0 4px 4px 0; }  

#vr-multiunit-details-modal .modal-content .room-details-footer .room-details-average-container { width: 100%; display: inline-block !important; }
#vr-multiunit-details-modal .modal-content .room-details-footer .room-details-average-nightly-rate {bottom: 0; margin: 0; font-family: 'Lato'; font-weight: 900; font-size: 28px; line-height: 30px; color: #353535; }

#vr-multiunit-details-modal .room-details-book{ font-family: 'Lato'; font-weight: 900; font-size: 14px; line-height: 16px; }

#vr-multiunit-details-modal .modal-content .section-1 { overflow-y: scroll; height: calc(100vh - 126px);}
#vr-multiunit-details-modal .modal-content .modal-room-details-row-section-2{ border: 1px solid #E0E0E0; box-sizing: border-box; height: auto; border-radius: 4px; margin-left: 0px; }
.no-gutter { margin-right: 0; margin-left: 0; }
.no-gutter > [class*="col-"] { padding-right: 0; padding-left: 0; }

.modal-open .modal { overflow: hidden; }
body.modal-open { position: unset !important; }

.hl-search-tabs { width: 100%; display: flex; justify-content: space-between; }
.hl-search-tabs a { width: 49.25%; background: #f3f3f3; color: #666 !important; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 22px; line-height: 24px; display: block; padding: 14px 0 18px 0; border: 1px solid #e8e8e8; border-top: 4px solid #d6d9e1; text-decoration: none; text-align: center; z-index: 1; margin-bottom: -1px; }
.hl-search-tabs a:active, .hl-search-tabs a:hover { text-decoration: none; }
.hl-search-tabs a img { color: #666 !important; margin-right: 10px; vertical-align: middle; }
.hl-search-tabs a.active { background: #fff; color: #ea8135 !important; border-top: 4px solid #ea8135; font-weight: bold; border-bottom: 1px solid #fff; }
.hl-search-tabs a.active img { color: #ea8135 !important; }
#place_name.error, #place_name.error:focus { outline-style: auto; outline: 2px solid red !important; -moz-outline-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.hl-search-best-rate-guarantee { margin-left: 10px; width: 72px; }
@media (min-width: 768px) {
    .hl-search-best-rate-guarantee { width: 76px; }
}


#hotel-vaction-rentals .hotel-title { font-weight: 900 !important; }

#ui-datepicker-div { z-index: 2 !important; }
.hl-search-panel input:read-only { opacity: 0.5; pointer-events: none; cursor: pointer; }

.vacation-rental-type-filtering-container { position: relative; overflow: hidden; width: 100%; margin-bottom: 20px; }
.vacation-rental-type-filtering { user-select: none; overflow-y: hidden; width: auto; overflow-x: scroll; -webkit-overflow-scrolling: touch; display: flex; padding-bottom: 1px; clear: both; -ms-overflow-style: none; scrollbar-width: none; }
.vacation-rental-type-filtering::-webkit-scrollbar { display: none; }
.vacation-rental-type {
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    background-color:#ededed;
    border-radius:30px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#777777;
    font-size:15px;
    padding:16px 25px;
    text-decoration:none;
    margin-right: 16px;
    white-space: nowrap;
    background: #fff;
    color: #000;
}
.vacation-rental-filtering-on, .vacation-rental-filtering-off { display: inline-block; white-space: nowrap; }
.vacation-rental-filtering-off .vacation-rental-type:last-child {
    margin-right: 0 !important;
}
.property-type-filtered { display: none !important; }
.vacation-rental-type.selected {
    background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    background-color:#ededed;
}
.vacation-rental-type:hover {
    background: #f6f6f6;
}
.vacation-rental-type.selected:hover {
    background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
    background-color:#dfdfdf;
}
.vacation-rental-type:active {
    position: relative;
    top: 1px;
}
.vacation-rental-type-left img, .vacation-rental-type-right img {
    vertical-align: middle;
    height: 100%;
}
.vacation-rental-type-left, .vacation-rental-type-right, .vacation-rental-type-left-mini, .vacation-rental-type-right-mini {
    user-select: none;
    position: absolute;
    z-index: 1;
    width: 60px;
    text-align: center;
    color: #0066b3;
    font-weight: 600;
    font-size: 45px;
    line-height: 100%;
    height: 100%;
    cursor: pointer;
    vertical-align: middle;
    background: rgba(255, 255, 255, 0.5);
}
.vacation-rental-type-left, .vacation-rental-type-left-mini {
    left: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.vacation-rental-type-right, .vacation-rental-type-right-mini {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.hotel-map-pane {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 20px;
    max-height: 800px;
}

#hotel-vaction-rentals .about-details-button { margin-bottom: 10px; cursor: pointer;}

.hotel-results .badge-adults-only{
    background-color: #FFF;
    border: 1px solid #0066B3; /*#BFBFBF;*/
    border-radius: 100px;
    color: #0066B3; /* #000;*/ 
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    padding: 4px 8px 4px;
    vertical-align: middle;
    white-space: nowrap !important;
}

.hotel-results .badge-adults-only span{ vertical-align: bottom; }
.hotel-results .badge-adults-only img { vertical-align: bottom; width: 14px; height: 14px; }

/* Fix miss styling after import bootstrap */

body { font-family: 'Lato', sans-serif !important; background-color: #EDEDED !important;}

/* */

@media only screen and (max-width: 600px) {
    *:not(#navpanel *) { box-sizing: border-box !important; }
    .discount-heading-title { font-size:18px; font-weight: 700; color:#353535 }
    .hl-disclaimer-top-cities { text-align: center; }
    #page_header * { -webkit-box-sizing: unset !important; -moz-box-sizing: unset !important; box-sizing: unset !important;}
    .hotel-map-pane { height: 400px; }
    .vacation-rental-type-filtering-container { padding: 0 4px; width: calc(100% + 32px); margin-left: -16px; }
    .vacation-rental-type { font-size: 12px; margin-right: 8px; }
    .vacation-rental-type-left-mini { width: 26px; cursor: default; }
    .vacation-rental-type-right-mini { width: 26px; cursor: default; }
    #hotel-vaction-rentals .tabwidget-content { width: auto; }
    .hl-mobile-no-border-right { border-right: none !important; }
    #hotel-vaction-rentals .hl-search-tabs a { width: 48%; }
    .hl-search-error { margin-top: 0; margin-bottom: 20px; padding: 0 16px; }
    #hotel-details .title-container { font-size: 16px; line-height: 18px; }
    #hotel-details .address-container .h-icon, #hotel-details .location-container .h-icon { padding-left: 0; margin-left: 0; }
    #hotel-details .specialty-container { display: block; margin-bottom: 14px; }
    #hotel-details .location-container { display: block; margin-bottom: 26px; }
    #hotel-details .thin-border hr, #hotel-details hr { display: block !important; width: calc(100% + 32px) !important; border: 0; padding: 0; height: 2px !important; background-color: #ddd; margin: 0 -16px 0 -16px; margin-bottom: 20px; }
    #hotel-details #hotel-details-search { clear: both; margin-bottom: 16px; }
    #hotel_search .ui-radio label:after { -webkit-box-sizing: unset; -moz-box-sizing: unset; box-sizing: unset; }
    #hotel-details #hotel-details-search #hotel_search .ui-radio input[name='go_to_detail_page'] { margin: -11px 0 0 !important; }
    #hotel-details .tabwidget-content { padding-top: 10px !important; }
    #hotel-details .room-details .room-name { font-size: 14px !important; font-style: normal; line-height: 30px !important; letter-spacing: 0px;}
    #hotel-details .room-details { border: none !important; padding: 0 !important; }
    #hotel-details .room-details, #hotel-details .room-details-center { border: none !important; }
    #hotel-details .room-details-left, #hotel-details .room-details-center, #hotel-details .room-details-right { padding: 0 !important; }
    #hotel-details .room-details-left-with-image { margin: 10px 0 0 0 !important; padding: 0 !important}
    #hotel-details .room-details .room-details-book { position: relative; display: inline-block; right: auto !important; bottom: auto !important; font-size: 14px;}
    #hotel-details .room-details-policy { text-decoration: none; margin-bottom: 10px;}
    #hotel-details .room-details-description-button, #hotel-details .about-details-button, #hotel-details .more-details-button{ display: inline-block; margin: 10px 0 10px 0; font-weight: 700 !important; width: 100%;}
    #hotel-details .room-details-description-button a, #hotel-details .about-details-button a, #hotel-details .more-details-button a{ float: left; position: relative; display: inline-block; right: auto !important; bottom: auto !important; text-decoration: underline;}
    #hotel-details .room-details-description-button a, #hotel-details .about-details-button a strong, #hotel-details .more-details-button a strong{ color: #0066B3 !important; }
    #hotel-details .room-details-room-description { display: inline-block; margin: 0 0 10px 0; padding: 0; width: 100%;}
    #hotel-details .room-details-top-amenities { text-align: left !important; margin: 10px 0 10px 0 !important; font-size: 14px; font-style: normal; font-weight: 400; line-height: 25px; letter-spacing: 0px; }
    #hotel-details .room-details-night { font-size: 14px; line-height: 16px; width: 20%; min-width: 75px; display: inline-block; }
    #hotel-details .room-details-promo { grid-area: room-details-promo-row; color: #417843 !important; font-size: 14px; line-height: 16px; font-weight: 700 !important; align-self: start;} /* grid position room-details-center */

    #hotel-details .room-details-average-container { width: 100%; display: inline-block !important; }
    #hotel-details .room-details-average-nightly-rate {display: flex !important; bottom: 0; margin: 0; font-size: 18px; font-weight: 900; line-height: 30px; text-align: left; }
    #hotel-details .room-details-percentage-off-badge-container { display: flex !important; justify-content: space-between; }
    #hotel-details .room-details-average-nightly-strike-rate.h-mobile-only { display: inline-flex; align-items: center; margin-top: 5px; font-size: 14px; font-weight: 500; line-height: 12px; text-decoration-line: line-through;}
    #hotel-details .room-details-average-nightly-strike-rate:not(.h-mobile-only) {display: inline-block; font-size: 12px; text-align: left; width: 100%; font-size: 14px; font-weight: 500; line-height: 12px; text-decoration-line: line-through; }
    /* tooltip Mobile */
    #hotel-details .tooltip-net-amount {
        position: relative; display: inline-block; cursor: pointer;
        padding-right: unset; padding-top: unset; vertical-align: top;
    }
    #hotel-details .tooltip-net-amount .tooltiptext-net-amount {
        visibility: hidden; text-align: left; border-radius: 4px; padding: 10px 12px 0px 12px;
        position: absolute; z-index: 1; bottom: 115%; left: 41%; margin-left: -100px; 
        opacity: 0; transition: opacity 0.3s; font-family: Lato; font-size: 14px; line-height: 16px;
    }
    #hotel-details .tooltip-net-amount .tooltiptext-net-amount::after {
        content: ""; position: absolute; top: 100%; left: 50%;
        margin-left: -55px; border-width: 5px; border-style: solid; border-color: #353535 transparent transparent transparent;
    }

    #hotel-details .room-details-night-inner { background: #f9f9f9; padding: 3px 3px; margin: 0 4px 4px 0; }

    p { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }

    #hotel-details .about-property-container { display: inline-block; }
    #hotel-details .about-property-container div[class$="-container"] { width: unset; margin-top: 20px;}
    #hotel-details .about-property li, #hotel-details .checkin-policy li, #hotel-details .cleaning-safety li { margin-left: 15px; margin-top: 10px;}

    #hotel-details .vr-room-details {border: unset; height: auto;}
    #hotel-details .vr-room-details-row { display: inline-block; }
    #hotel-details .vr-room-details.grid_5 { width: unset; margin-left: 0; margin-right: 0;}
    #hotel-details .vr-room-details .room-name { font-size: 14px !important; font-style: normal; line-height: 30px !important; letter-spacing: 0px; height: auto; text-overflow: unset; overflow: unset; -webkit-line-clamp: unset; -webkit-box-orient: unset; }
    #hotel-details .vr-room-details .room-details-top { height: auto; vertical-align: top; flex-grow: 1; box-sizing: border-box; padding: 5px 5px; }
    #hotel-details .vr-room-details .room-details-middle { height: auto; display: inline-block; box-sizing: border-box; padding: 0px 5px; width: 100%;}
    #hotel-details .vr-room-details .room-details-footer { padding: 5px 0px; height: auto; grid-template-rows: unset; margin-left: 0; margin-right: 0;}
    #hotel-details .amenities { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
    #hotel-details .vacation-rental-section-spaced { margin-bottom: 20px; }
    #hotel-details .vacation-rental-section-double-spaced { margin-bottom: 30px; }
    #hotel-details .vacation-rental-right-container { border: none !important; width: 100%; float: none; margin-bottom: 40px; }
    #hotel-details .vacation-rental-right-contents { padding: 0 !important; }
    #hotel-details .vacation-rental-section hr { height: 0 !important; width: 100% !important; margin: 0 auto !important; }
    #hotel-details .lower-container-vacation-rental { width: 100% !important; float: none !important; }

    #hotel-details { padding: 0 16px; }
    #hotel-details .amenities { width: 100%; }
    #hotel-details .room-details { position: relative; display: block; }
    #hotel-details .room-details-left, #hotel-details .room-details-left-with-image, #hotel-details .room-details-left-content { width: 100%; }
    #hotel-details .room-details-center { border-left: 1px solid #e0e0e0; width: 100%; }
    /* #hotel-details .room-details-right { display: flex; width: 100%; justify-content: space-between; align-items: flex-end; margin-bottom: 15px; margin-left: 5px; text-align: left;} */
    #hotel-details .room-details-right{
        width: auto;
        text-align: right;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }
    #hotel-details .room-details-right .room-details-average-rate{
        grid-column: 3 / 1;
        text-align: left;
        align-content: flex-end;
    }

    #hotel-details .room-details-right .room-details-totals{
        grid-column: 3 / 1;
        text-align: left;
        color: #333;
    }

    #hotel-details .room-details .room-details-book-form{
        grid-column: 4 / 4;
        grid-row: 2 / 2;
        align-content: flex-end;
    }

    #hotel-details .room-details #ad-icons-html{ margin-top:8px; }
    #hotel-details .room-details-average-nightly-rate-label{ text-align: left; }
    #hotel-details .h-pin-to-bottom-on-mobile { z-index: 100000000000000; box-sizing: border-box; padding: 20px; border-top: 1px solid #ddd; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; background: #fff; }
    #hotel-vaction-rentals #hotel-details .tabwidget-content { margin-bottom: 0 !important; }
    #hotel-details .tabwidget-content { margin-bottom: 40px !important; }

    #hotel-details .vacation-rental-section-spaced, #hotel-details .vacation-rental-section-double-spaced { margin-bottom: 12px; }
    #hotel-details .vacation-rental-left-column { display: inline-block; width: auto; float: none; margin-right: 10px; }
    #hotel-details .vacation-rental-right-column { display: inline-block; width: auto; float: none; text-align: left; }
    #hotel-search .hotel-results li { height: auto; border: none; }

    .header-breadcrumb { margin: 0 20px; font-size: 14px; line-height: 16px; color: #aaa; }
    .header-breadcrumb a { color: #666 !important; }

    .hl-search-controls input { padding-left: 0 !important; }

    #dialogHotelMapView { height: auto !important; background: #fff; }
    #dialog-hotel-filters { display: block; clear: both !important; float: none !important; width: 100% !important; height: auto !important; }
    #googleMap { clear: both !important; display: block; }
    .float-right { float: right; }
    .summary-copy { margin-top: 10px; margin-bottom: 14px; }
    .summary-copy strong, .summary-copy span { font-size: 15px; line-height: 17px; }
    .mobile-img-badge-row { position: absolute; top: 5px; left: 10px; display: flex; gap: 8px; }
    /* mobile-img-badge-row > * - the direct child  should be slightly offset from the top. */
    .mobile-img-badge-row > * { margin-top: 4px; }
    #hotel-search .offer-hotel-price strike.h-mobile-only { margin-left: 5px; }
    #hotel-search .offer-hotel-price strike.h-mobile-only, #hotel-search .offer-hotel-price a { display: inline-block !important; }
    #hotel-search .offer-hotel-price p { text-align: left; margin: 0; padding: 0; }
    #hotel-search .average-rate { text-align: left; padding: 0; margin: 0 0 5px 0; display: block;}
    #hotel-search .offer-hotel-price { float: left; width: 50%; text-align: left; }
    #hotel-search .image-column a { position: relative; display: inline-block; }
    #hotel-search .hotel-ratings { margin-top: 5px; line-height: 10px; }
    #hotel-search .hotel-short-desc { padding-bottom: 10px; }
    #hotel-search .hotel-short-desc p { margin: 0; padding: 0; }
    #hotel-search .hotel-labels { padding-bottom: 15px; grid-gap: 10px; }
    #hotel-search :is(.hotel-special-offer, .hotel-property-collect) { padding: 0; margin: 0; }
    #hotel-search .hotel-title a { font-size: 16px; line-height: 18px; font-weight: bold !important; }
    #hotel-search .hotel-results li { clear: both; }
    #hotel-search .hotel-results li:hover { -webkit-box-shadow: none !important; box-shadow: none !important; transition: none; }
    #hotel-search .float-further-right { display: inline-block; float: right; margin-left: 20px; }
    #hotel-search .thin-border hr, #hotel-search hr { display: block !important; width: calc(100% + 32px) !important; border: 0; padding: 0; height: 1px !important; background-color: #ddd; margin: 0 -16px 0 -16px; }
    #hotel-search ul { padding: 0 !important; margin: 0 !important; }
    #hotel-search .hotel-result-summary-right button, #hotel-search .hotel-result-summary-right select { width: 43%; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; position: relative; }
    #hotel-search .hotel-result-summary-right button img { position: absolute; right: 5px; }
    #hotel-search .hotel-result-summary-right button { text-align: left; }
    #hotel-search .hotel-result-summary-left { padding: 0; margin: 0; margin-bottom: 20px; float: none !important; clear: both; width: 100%; }
    #hotel-search .hotel-result-summary-right { padding: 0; margin: 0; margin-bottom: 5px; display: flex; justify-content: space-between; float: none !important; clear: both; width: 100%; }
    #hotel-search .hotel-result-summary-right .show-filters { display: block !important; }
    #hotel-search .hotel-result-summary-right label { display: none !important; }
    #hotel-search .thick-padding { padding-left: 0 !important; padding-right: 0 !important; }
    #hotel-search h1, #hotel-search h2, #hotel-search h3, #hotel-search h4, #hotel-search h5, #hotel-search h1 *, #hotel-search h2 *, #hotel-search h3 *, #hotel-search h4 *, #hotel-search h5 *, #hotel-details h1, #hotel-details h2, #hotel-details h3, #hotel-details h4, #hotel-details h5, #hotel-details h1 *, #hotel-details h2 *, #hotel-details h3 *, #hotel-details h4 *, #hotel-details h5 * { font-family: 'Nunito Sans', 'Lato', sans-serif; text-align: left; }
    #hotel-search .hotel-results > li { clear: both; border: none !important; height: auto !important; }
    #hotel-search .thin-border { border: none !important; padding: 0 !important; }
    #hotel-search .hotel-results .thumb { width: 100% !important; display: block; height: auto !important; border-radius: 4px; max-height: 250px; }
    .hotel-results .image-wrap { height: auto; width: 100%; }
    #hotel-search .hotel-next-page { text-align: center; }
    #hotel-search .hotel-next-page a { text-transform: uppercase; font-weight: bold; text-decoration: underline; }
    #hotel-search .hotel-next-page a:hover { text-decoration: underline; }
    #hotel-search .hotel-results .image-column { padding: 0; width: 100%; height: auto !important; display: block; clear: both; }
    #hotel-search .hotel-results .image-column a { width: 100% !important; display: block; }
    #hotel-search .hotel-results tr { width: 100% !important; display: block; padding-bottom: 30px; }
    #hotel-search .hotel-results .details-column { padding: 0; width: 100%; height: auto !important; display: block; clear: both; margin-bottom: 14px; }
    #hotel-search .hotel-results .pricing-column { padding: 0; width: 100%; height: auto !important; display: inline-flex; clear: both; }
    #hotel-search .hotel-results .offer-button { display: inline-flex; opacity: 1.0; flex-grow: 1; align-items: end; justify-content: flex-end; position: unset; }
    #hotel-search .hotel-results .featured-button { display: inline-block; background-color: transparent !important; color: #e8731e !important; font-size: 14px; line-height: 16px; text-decoration: underline; font-weight: bold !important; padding-top: 20px !important; }
    #hotel-search .st-price {color: #757575; font-family: Lato; font-size: 14px; font-weight: 500; line-height: 12px; }
    /* tooltip Mobile */
    #hotel-search .tooltip-net-amount {
        position: relative; display: inline-block; cursor: pointer;
        padding-right: unset; vertical-align: top;
        padding-top: 2px;
    }
    #hotel-search .tooltip-net-amount .tooltiptext-net-amount {
        visibility: hidden; text-align: left; border-radius: 4px; padding: 10px 12px 0px 12px;
        position: absolute; z-index: 1; bottom: 115%; left: 41%; margin-left: -100px; 
        opacity: 0; transition: opacity 0.3s; font-family: Lato; font-size: 14px; line-height: 16px;
    }
    #hotel-search .tooltip-net-amount .tooltiptext-net-amount::after {
        content: ""; position: absolute; top: 100%; left: 50%;
        margin-left: -55px; border-width: 5px; border-style: solid; border-color: #353535 transparent transparent transparent;
    }
    .hotel-style .total-rate {
        font-size: 20px;
    }
    .hotel-style .total-rate-label { 
        font-size: 14px;
    }
    .hotel-style .price-per-night {
        font-size: 20px;
        line-height: 22px;
        color: #333;
        font-weight: 400;
    }
    .hotel-style :is(.price, .price-per-night) .price-per-night-label {
        font-size: 14px;
        color: #333;
        font-weight: 400;
    }
    #hotel-search .hotel-results .featured-button { padding: 0px 14px !important; }
    #hotel-search .hotel-special-offer { position: relative; bottom: auto; }
    #hotel-search .map-map { position: relative; bottom: auto; }
    .hotel-results table, .hotel-results tbody, .hotel-results tr, .hotel-results td { display: block; }
    .ui-mobile label, .ui-controlgroup-label { display: inline; }
    /*.map-view { display: none !important; }*/
    .hl-full-size .hl-search-control, .hl-full-size .hl-search-button { height: 50px; }
    .container_16_wide, .container_16, .grid_16 { width: auto !important; }
    .hl-mobile-search-window { display: block; width: 250%; overflow: hidden; }
    .hl-search-panel { height: auto !important; margin-top: 0 !important; }
    .hl-search-window { background: none !important; height: auto !important; }
    #paypal_ad_container { display: none !important; }
    .ui-panel-wrapper { margin-top: 3.5em; }
    .hl-search-heading { font-weight: normal !important; }
    .hl-search-under-container { margin-top: 0; }
    .hl-search-panel input { display: block; border: none !important; width: 100%; height: 2em; margin-bottom: 4px; }
    .hl-search-control { display: block; width: 100%; }
    .hl-search-control-display { display: block; text-align: left; margin-top: 5px; }
    #hotel-vaction-rentals .hl-search-tabs a { font-size: 15px; line-height: 17px; }
    .hl-search-controls { display: block; text-align: left; }
    .hl-search-from, .hl-search-to { width: 48%; }
    .hl-search-from { float: left; }
    .hl-search-to { float: right; }
    .hl-search-control { border-radius: 4px; height: auto; margin-bottom: 10px; }
    .j-hl-occupant-summary { display: inline-block; width: 90%; line-height: 2em; text-align: left !important; margin-bottom: 5px; }
    .hl-search-button { display: block; width: 100%; border-radius: 5px; margin-bottom: 10px; height: 3em; }
    .hl-search-button, .hl-occupant-done { color: #fff !important; }
    .hl-info-section { width: 40%; margin-bottom: 20px; }
    .hl-info-window { margin-bottom: 40px; }
    .hl-top-destinations { margin-left: 20px; font-size: 18px; line-height: 20px; }
    .hl-city-window { width: 100%; height: 92px; overflow: scroll; white-space: nowrap; text-align: left; -webkit-overflow-scrolling: touch; }
    .hs-show-offers-container { z-index: 1; width: 100%; padding: 5px 20px; background: #fff; position: fixed; left: 0; right: 0; bottom: 0; }
    #hotel-search .go-to-map-view-mobile, #hotel-search .go-to-map-view-mobile:active { display: block; width: 100% !important; margin-bottom: 20px; margin-top: 1px; }
    .tabwidget-content * :not(:is(.room-details-right, .room-details-promo) *) { color: #777; }
    #hotel-search .thin-border h5 img { vertical-align: bottom; }
    #navpanel { z-index: 0 !important; box-sizing: content-box !important; }
    #navpanel * { box-sizing: content-box !important; }

    #vr-multiunit-details-modal.modal { z-index: 99999 !important;}
    #vr-multiunit-details-modal .modal-dialog { margin: 0;}
    #vr-multiunit-details-modal .modal-lg { width: 100%;}
    #vr-multiunit-details-modal .modal-content { height: auto; border: unset !important; border-radius: unset !important;}
    #vr-multiunit-details-modal .modal-content .modal-header { padding: 15px !important; }
    #vr-multiunit-details-modal .modal-content .scarousel-mobile { border: unset !important; border-radius: unset !important; }
    #vr-multiunit-details-modal .modal-content .scarousel-mobile .js-scarousel-scroll { border: unset !important; border-radius: unset !important; }

    #vr-multiunit-details-modal .modal-content .section-1 { overflow-y: unset; height: auto;}
    #vr-multiunit-details-modal .modal-content .section-2 { padding-left: 0; padding-right: 0;}
    #vr-multiunit-details-modal .modal-content .modal-room-details-row-section-2{ border: unset; box-sizing: unset; height: unset; border-radius: unset; margin-left: -15px; }

    #vr-multiunit-details-modal .modal-content .scarousel-modal .scarousel-modal-scroll{
        border-radius: 0;
    }
    #vr-multiunit-details-modal .modal-content .scarousel-modal{
        position: relative;
        background: #333;
        border-radius: unset;
        font-size: 0;
        line-height: 0;
        width: auto !important;
        margin: 0;
        margin-inline: unset;
        height: 280px;
    }

    #vr-multiunit-details-modal .modal-content .room-name { font-size: 14px !important; line-height: 20px !important; letter-spacing: 0px; text-align: left;}
    #vr-multiunit-details-modal .modal-content .about-property-container { display: inline-block; }
    #vr-multiunit-details-modal .modal-content .about-property-container div[class$="-container"] { width: unset; margin-top: 10px;}
    #vr-multiunit-details-modal .modal-content .about-property-container div[class$="-container"] div[class$="-heading-sub"]{ font-size: 14px; font-weight: 900; line-height: 17px; letter-spacing: 0px; text-align: left; color: #353535;}
    #vr-multiunit-details-modal .modal-content .about-property-container ul.property-amenities { font-weight: 400; line-height: 25px; text-align: left; list-style-type: disc !important;}
    #vr-multiunit-details-modal .modal-content .about-property-container ul.cleaning-safety { font-weight: 400; line-height: 25px; text-align: left; list-style-type: disc !important;}
    #vr-multiunit-details-modal .modal-content .about-property-container ul li b { font-weight: 700; line-height: 16px; text-align: left;}
    #vr-multiunit-details-modal .modal-content .about-property-container ul li { margin-left: 30px; margin-top: 10px; color: #757575;}

    #vr-multiunit-details-modal .modal-content .room-details-footer { padding: 5px 0px; height: auto; grid-template-columns: repeat(4, 1fr); margin-left: 0; margin-right: 0;}
    #vr-multiunit-details-modal .modal-content .room-details-footer .room-details-average-nightly-rate-label { font-size: 12px; }
    #vr-multiunit-details-modal .modal-content .room-details-footer .room-details-average-nightly-strike-rate { font-size: 12px; text-decoration-line: line-through; color: #757575; }

    #vr-multiunit-details-modal .room-details-book{ font-family: 'Lato'; font-weight: 900; font-size: 12px; line-height: 16px; }
    #vr-multiunit-details-modal .modal-content .book-form-sticky{ position: sticky; bottom: 0; background-color: #fff; height: 160px; padding-top: 10px; margin-bottom: 0 !important; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);}
    #vr-multiunit-details-modal .modal-content #modal-room-form { margin-top: 10px; }
}

/* Sams */
.not-signed-in-message { margin-bottom: 5px; }
.not-signed-in-button { text-align: right; }

/* Utility */

.hasDatepicker { caret-color: transparent !important; }
.pac-container { z-index: 100000; -webkit-overflow-scrolling: auto !important; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); /* fixes iphone z-index bug */ }
.ui-datepicker { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); /* fixes iphone z-index bug */ }
.h-relative { position: relative; }
.h-floated-right { position: absolute; right: 5px; pointer-events: none; }
.h-icon { width: 16px; height: 16px; border: none; padding: 0; margin: 0 4px; display: inline-block; vertical-align: text-bottom; }
@media only screen and (min-width: 601px) {
    .h-mobile-only { display: none !important; }
}
.h-hidden { display: none !important; }
/*.h-desktop-only { display: block; }*/
@media only screen and (max-width: 600px) {
    #hotel-search { padding: 0 16px; }
    /*.h-mobile-only { display: block !important; }*/
    .h-desktop-only { display: none !important; }
    .h-mobile-clearfix:before, .h-mobile-clearfix:after {
        content: "";
        display: table;
        clear: both;
        zoom: 1;
    }
}