/* Theme */
.tvl-search-container.full-size { width: 1200px; }
.travel 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;
}
.tvl-sc .travel select {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGcSURBVFhH7dQ9S8NQFAbg3KZpK23ERdBJBAfBSSc3cRK3/oN0q7Xt7G9wbi10S/6B4CJO4uaim046iCCCU9PSmja5nhNOS0O+bnC9D5Tkbeg9b/OlSJIkSYnq5qX/+Y+UNRhtQ1aa1nA842XcL6jMcXpG0T+QQfHcGv+6vIT7JZWNJj2j4h9YkqNtEDSeD0eOywv5hjmjKERrmM58OJq4sF7EmYguEGHmKWruzHQpJsKyU0/RKCaKvQSVlvU1nPINigvwA877tdjiUNLzeHjdssZ+Rl1jneJC7ELDrrGpa+yT4gLHDnUTNmEMvo8aXtHYd9RwFHsG5vSW9W5P+TbFgOvTNbVarXp+iCkFf+LD7hpbFENSCyC9bb3aDt+lGJDPKVdwfzQpBsDwNxi+QzGSUAG02raeBg7fp5hqtcBeBh1jj2Is4acAFjvQC+yRYiIY/iwyHAkXQHbHOITT+kAxEpbEshRTZSqA4JoewV19RzEAyt1jSYpCMhdA8IiewHN9Q9EHpW6h3DFFYcI3YaTlV2u/dkF7kiRJGSjKHzmuiA8cg4wxAAAAAElFTkSuQmCC') no-repeat 95% 50%;
    background-size: 16px 16px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 6px;
}
.travel .checkpill input[type="checkbox"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.travel .checkpill input[type="checkbox"]:checked:after {    
    content: " ";
    background-color: #fff;
    display: block;   
    width: 12px;
    height: 8px;
    visibility: visible;   
    background: url('/common_resources/tawframework/img/checkmark-blue.svg') no-repeat 95% 50%;
}

/* layout tweaks */
#paypal_ad_container_container { display: none !important; }
#desktop-pregenerated-primary-nav { margin-bottom: 0; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); position: relative; }
/* end layout tweaks */

.h-cta-color { color: #e8731e; }
.h-cta-bg-color { background-color: #e8731e; }
.tvl-sc .h-cta-bg-color { background-color: #0067A0; }
a.h-cta-bg-color:hover, button.h-cta-bg-color:hover { background-color: #d26519; }
.tvl-sc button.h-cta-bg-color:hover { background-color: rgba(0, 124,176, 1); }
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; }

/* Travel Landing */

.hl-search-under-container { margin-top: 40px; }
.tvl-search-bg { background: #fff url("/common_resources/tawframework/img/hotel-background.jpg") no-repeat top center; }
.tvl-full-size .tvl-search-window { height: 345px; }
.hl-search-panel, .rc-search-panel, .pkg-search-panel { margin: 20px 0 0 0; clear: both; }
.tvl-full-size .hl-search-panel, .tvl-full-size .flight-search-panel { margin: 0; height: 185px; }
.tvl-full-size .rc-search-panel { margin: 0; height: 245px; }
.tvl-full-size .pkg-search-panel { margin: 0; height: auto; padding-bottom: 25px; }
.hl-search-panel, .rc-search-panel, .pkg-search-panel, .flight-search-panel, .cruise-search-panel { background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.tvl-search-bg.tvl-bg-hotels { background: #fff url("/common_resources/tawframework/img/hotels-background.jpg") no-repeat top center; background-size: cover; }
.tvl-search-bg.tvl-bg-vacation-rentals { background: #fff url("/common_resources/tawframework/img/vacation-rentals-background.jpg") no-repeat top center; background-size: cover; }
.tvl-search-bg.tvl-bg-rental-cars { background: #fff url("/common_resources/tawframework/img/rental-cars-background.jpg") no-repeat top center; background-size: cover; }
.tvl-search-bg.tvl-bg-flights { background: #fff url("/common_resources/tawframework/img/flights-background.jpg") no-repeat top center; background-size: cover; }
.tvl-search-bg.tvl-bg-packages { background: #fff url("/common_resources/tawframework/img/packages-background.jpg") no-repeat top center; background-size: cover; }
.tvl-search-bg.tvl-bg-cruises { background: #fff url("/common_resources/tawframework/img/cruises-background.jpg") no-repeat top center; background-size: cover; }

#travel_page .tvl-search-container { margin-top: 10px; }
#travel_page .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; }
#travel_page .hl-search-panel-slim { border: none !important; padding: 0 !important; margin: 0 !important; }
#travel_page .tvl-search-window { height: auto; min-height: 245px; }
#travel_page .tvl-search-container.full-size { margin: 80px auto 90px auto; }
#travel_page.tvl-sc .tvl-search-container.full-size { margin-top: 60px; }
#travel_page .tvl-full-size .tvl-search-window { padding: 0; margin: 0; /*height: 345px;*/ }
#travel_page .hl-search-panel { clear: both; }
#travel_page .tvl-full-size .hl-search-panel { padding: 0 0 15px 0; margin: 0; height: 220px; }
#travel_page .hl-search-panel { background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#travel_page.tvl-sc .tvl-bg-banner {  text-align: center; color: #11224B; font-size: 40px; font-weight: 900; padding: 8px 0px; background: rgba(255, 255, 255, 0.5); }
#travel_page.tvl-usaa .not-signed-in-button { margin: 0px auto; padding-top: 40px; }
.sams .header-submenu-container { display: none; }

.tvl-search-heading { margin: 0 auto; padding: 25px 0; text-align: center; font-size: 24px; line-height: 26px; font-weight: bold; }
.tvl-disclaimer-top-cities{ font-size: 13px; margin-top: 10px; padding-left: 15px; color:#444; }
.tvl-search-heading a { color: #0066cc !important; font-weight: 700 !important; font-size: revert; }
.cruise-search-panel .tvl-search-heading { display: flex; align-items: center; justify-content: center; }
.tvl-full-size .htl-search-controls, .tvl-full-size .rc-search-controls, .tvl-full-size .pkg-search-controls, .tvl-full-size .cruise-search-controls { padding: 0 15px; clear: both; }
.htl-search-controls, .rc-search-controls, .pkg-search-controls, .cruise-search-controls { display: flex; text-align: center; }
.htl-search-controls .t-icon { }
.htl-search-controls input, .rc-search-controls input, .pkg-search-controls input { min-width: 0; flex: 2; border: none; font-weight: bold; box-sizing: border-box; display: inline-block; }
.cruise-search-controls input { border: none; padding: 1.1em 1em 1.1em 2.1em; text-align: left; height: 1.75em; flex: 1 0 auto; }
.htl-search-control, .hl-search-button, .rc-search-button, .pkg-search-button { height: 55px; }
.tvl-full-size .htl-search-control, .tvl-full-size .hl-search-button, 
.tvl-full-size .rc-search-control, .tvl-full-size .rc-search-button,
.tvl-full-size .pkg-search-control, .tvl-full-size .pkg-search-button, 
.tvl-full-size .cruise-search-button { height: 60px; }
.htl-search-control, .rc-search-control, .pkg-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%; }
.cruise-search-control { margin-bottom: 0.5em; box-sizing: border-box; margin: 0; vertical-align: middle; display: flex; flex: 2; flex-direction: column; border: 1px solid #d6d9e1; }
.hl-search-destination, .hl-search-from, .hl-search-to, .hl-search-occupants {  }
.hl-search-button, .rc-search-button, .pkg-search-button, .generic-search-button, .cruise-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, .rc-search-button, .pkg-search-button { flex: 1; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.cruise-search-button { border-radius: 5px; width: auto; padding: 1em 2em; }
.cruise-search-button[disabled] { opacity: 0.3; }
.hl-search-occupants { flex: 1.5; width: auto; justify-content: space-between; cursor: pointer; }
.pkg-search-occupants { flex: 1; width: auto; justify-content: space-between; cursor: pointer; }
.tvl-info-section { vertical-align: top; }
.tvl-info-window, .tvl-city-window { text-align: center; margin-bottom: 60px; }
.tvl-info-section, .tvl-city-section { display: inline-block; }
.tvl-info-section img { display: inline-block; margin-bottom: 15px; max-width: 100%; }
.tvl-city-section { margin: 0 2px; }
.tvl-city-section a:hover { opacity: 0.9; }
.tvl-info-section { text-align: center; width: 22%; margin: 0; padding: 20px; text-align: center; border-right: 1px solid #eee; box-sizing: border-box; }
.tvl-info-section:last-child { border-right: none !important; }
.tvl-top-destinations { font-weight: bold; margin-left: 8px; margin-bottom: 20px; }
.hl-info-text { font-weight: bold; margin-bottom: 10px; }
.hl-desc-text {  }
.generic-search-button:hover { color: #FFF; text-decoration: none; }
.generic-search-button { height: 60px; border-radius: 5px; display: flex; align-items: center; justify-content: center; color: #fff; width: 25%; }
.generic-search-controls { display: flex; justify-content: center; padding: 1em 0 3em 0; }

.hl-occupant-popup { font-size: 13px; line-height: 15px; z-index: 1; background: #fff; width: 250px; height: auto; position: absolute; 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; -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; }
.tvl-why-travel { margin-top: 0; font-size: 22px; line-height: 24px; font-weight: bold; margin-bottom: 40px; text-align: center; color: #444; }
.tvl-sc .tvl-why-travel { color: #29385D; }
.tvl-sc .tvl-info-section img { border-radius: 5px; }

.t-icon.t-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%; }

.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 {
    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: 10px;
    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;
    padding-right: 6px;
}
.hotel-style .average-rate {
    color: #999999;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 2px;
}
.hotel-style .price {
    font-size: 26px !important;
    line-height: 28px !important;
    color: #333 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
.hotel-style .price:hover, .hotel-style .price:active {
    text-decoration: none !important;
}
.hotel-style #place_name:disabled {
    background-color: #ddd !important;
}

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

.clear-left {
    clear: left;
}

/* =================== loading bar on dialog page =====================================*/

.tvl-search-tabs { width: 100%; display: flex; justify-content: space-between; }
.tvl-search-tabs a { width: 100%; background: #f3f3f3; color: #666 !important; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 18px; line-height: 24px; display: block; padding: 14px 0 16px 0; border: 1px solid #e8e8e8; border-top: 4px solid #d6d9e1; text-decoration: none; text-align: center; z-index: 1; margin-bottom: -1px; margin-left: 0.5%; }
.tvl-search-tabs a:first-child { margin-left: 0; }
.tvl-search-tabs a:active, .tvl-search-tabs a:hover { text-decoration: none; }
.tvl-search-tabs a img { color: #666 !important; margin-right: 10px; vertical-align: middle; }
.tvl-search-tabs a.active { background: #fff; color: #ea8135 !important; border-top: 4px solid #ea8135; font-weight: bold; border-bottom: 1px solid #fff; }
.tvl-sc .tvl-search-tabs a.active { color: #0067A0 !important; border-top-color: #0067A0; }
.tvl-search-tabs a.active img { filter: invert(61%) sepia(63%) saturate(2265%) hue-rotate(341deg) brightness(100%) contrast(84%) !important; }
.tvl-sc .tvl-search-tabs a img { filter: invert(21%) sepia(98%) saturate(2151%) hue-rotate(183deg) brightness(91%) contrast(103%) !important; }
#place_name.error, #place_name.error:focus,
#pickup_location.error, #pickup_location.error:focus,
#dropoff_location.error, #dropoff_location.error:focus,
#pkg_origin.error, #pkg_origin.error:focus, 
#pkg_destination.error, #pkg_destination.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%);
}

.search-panel label.checkpill {
    display: flex;    
    padding: 8px 14px 8px 8px;   
    background: #fff;
    border: 1px solid #0066B3;
    box-sizing: border-box;
    border-radius: 100px;    
    margin: 0px 8px 0px 0px;
    cursor: pointer;
    color: #0066B3;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}

.search-panel label.checkpill.active {
    background: rgba(0, 102, 179, 0.05);
    font-weight: 600;
}

/* rental car panel */
.rc-search-panel .rc-search-control select {
    border: none;
    flex: 1.5;
    font-weight: bold;
}
.rc-search-panel .rc-search-controls {
    margin-bottom: 23px;
}
.rc-search-panel .rc-search-pickup-date,
.rc-search-panel .rc-search-dropoff-date {
    width: 18%;
}

.ui-menu.ui-widget.ui-autocomplete {
    font-family: Lato, san-serif;
    font-size: 14px !important;
}
.ui-menu.ui-widget.ui-autocomplete .ui-menu-item.ui-state-active {}

/* flight panel */
#flight_search .flight-search-panel .flightactive {
    padding: 0px;
}

/* package panel */
.pkg-search-panel > p {
   display: flex;
   clear: both; 
   padding: 0 15px;
}
.pkg-search-panel .pkg-search-control:nth-child(3), 
.pkg-search-panel .pkg-search-control:nth-child(4) {
    width: 10%;
    flex: 0.8;
}
.pkg-search-panel .pkg-search-controls { margin: 15px 0 0 0; }
.pkg-search-controls.free-cancel { justify-content: flex-end; }
.widget-error { color: #e00; padding: 5px; margin: 6px 15px 0 15px; background-color: #ffd7dd; border-radius: 5px; }
.hl-pkg-occupant-msg { margin-top: 5px; }

/* cruise panel */
.tvl-usaa .cruise-search-panel,
.cruise-search-panel .cruise-ov-container {
    padding: 0 1rem 1rem 1rem;
}
.cruise-search-controls.cruise-search-button-container {
    justify-content: flex-end;
    margin-top: 1rem;
}
.cruise-search-control.disabled .c-caret,
.cruise-search-control.disabled .c-icon {
    color: #d6d9e1;
}
.cruise-search-controls.disabled .c-caret {
    display: none;
}
.cruise-search-controls.disabled input {
    background-image: url("data:image/svg+xml;base64,77u/PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMDAgMjAwJz48cmFkaWFsR3JhZGllbnQgaWQ9J2ExMicgY3g9Jy42NicgZng9Jy42NicgY3k9Jy4zMTI1JyBmeT0nLjMxMjUnIGdyYWRpZW50VHJhbnNmb3JtPSdzY2FsZSgxLjUpJz48c3RvcCBvZmZzZXQ9JzAnIHN0b3AtY29sb3I9JyNEREREREQnPjwvc3RvcD48c3RvcCBvZmZzZXQ9Jy4zJyBzdG9wLWNvbG9yPScjREREREREJyBzdG9wLW9wYWNpdHk9Jy45Jz48L3N0b3A+PHN0b3Agb2Zmc2V0PScuNicgc3RvcC1jb2xvcj0nI0RERERERCcgc3RvcC1vcGFjaXR5PScuNic+PC9zdG9wPjxzdG9wIG9mZnNldD0nLjgnIHN0b3AtY29sb3I9JyNEREREREQnIHN0b3Atb3BhY2l0eT0nLjMnPjwvc3RvcD48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyNEREREREQnIHN0b3Atb3BhY2l0eT0nMCc+PC9zdG9wPjwvcmFkaWFsR3JhZGllbnQ+PGNpcmNsZSB0cmFuc2Zvcm0tb3JpZ2luPSdjZW50ZXInIGZpbGw9J25vbmUnIHN0cm9rZT0ndXJsKCNhMTIpJyBzdHJva2Utd2lkdGg9JzE1JyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1kYXNoYXJyYXk9JzIwMCAxMDAwJyBzdHJva2UtZGFzaG9mZnNldD0nMCcgY3g9JzEwMCcgY3k9JzEwMCcgcj0nNzAnPjxhbmltYXRlVHJhbnNmb3JtIHR5cGU9J3JvdGF0ZScgYXR0cmlidXRlTmFtZT0ndHJhbnNmb3JtJyBjYWxjTW9kZT0nc3BsaW5lJyBkdXI9JzInIHZhbHVlcz0nMzYwOzAnIGtleVRpbWVzPScwOzEnIGtleVNwbGluZXM9JzAgMCAxIDEnIHJlcGVhdENvdW50PSdpbmRlZmluaXRlJz48L2FuaW1hdGVUcmFuc2Zvcm0+PC9jaXJjbGU+PGNpcmNsZSB0cmFuc2Zvcm0tb3JpZ2luPSdjZW50ZXInIGZpbGw9J25vbmUnIG9wYWNpdHk9Jy4yJyBzdHJva2U9JyNEREREREQnIHN0cm9rZS13aWR0aD0nMTUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgY3g9JzEwMCcgY3k9JzEwMCcgcj0nNzAnPjwvY2lyY2xlPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: right;
}
.cruise-search-control .c-icon {
    position: absolute;
    top: 32%;
    font-size: 14px;
    margin-left: 0.5em;
    color: #e8731e;
}
.cruise-search-control .c-caret {
    position: absolute;    
    font-size: 14px;    
    top: 32%;
    right: 0;
    margin-right: 0.6em;
}
.cruise-search-control > div {
   display: flex;
}
.cruise-search-panel .widget-error {
    margin-bottom: 10px;
}
.cruise-search-panel #odysseus #OVExploreContainer .cruiseform .od-form-wrapper .multiselect__tags {
    border-color: #d6d9e1;
    min-height: 60px;
    justify-content: center;    
}
.cruise-search-panel #odysseus #OVExploreContainer .cruiseform .od-form-wrapper .od-icon {
    top: 26px;
}
.cruise-search-panel #odysseus #OVExploreContainer .cruiseform .od-form-wrapper .multiselect__select {
    height: 60px;
}
.cruise-search-panel #odysseus #OVExploreContainer .cruiseform .od-form-wrapper .od-reset-btn-wrapper .reset,
.cruise-search-panel #odysseus #OVExploreContainer .cruiseform .od-form-wrapper .od-button-wrapper.od-search-button .btn-search {
    height: 60px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 700;
}
.tvl-multiselect-results {
    position: relative;
    padding: 0;
    margin: 0;
}
.tvl-multiselect-results div {
    z-index: 999;
    position: absolute;
    border: 1px solid #DDD;
    background-color: #FFF;
    margin: 0;
    line-height: 12px;
    font-size: 12px;
    max-height: 150px;
    overflow: auto;
    text-align: left;
    width: 100%;
}
.tvl-multiselected-options {
    margin: 0 0.5em;
}
.tvl-multiselected-options li {
    font-size: 12px;
    line-height: 15px;
    display: inline-block;
    color: #FFF;
    border-radius: 4px;
    padding: 0.3em 0.5em;
    margin: 2px 10px 7px 0;
}
.tvl-multiselected-options li a {
    color: #FFF;
    font-weight: 900;
    margin-left: 2px;
    font-size: 13px;
}
.tvl-multiselected-options li a:hover {
    text-decoration: none;
}
.tvl-multiselect-results a, .tvl-multiselect-results a:visited, .tvl-multiselect-results a:focus {
    text-decoration: none !important;
    display: block;
    padding: 0.4em;
    background-color: #FFF;
    color: #353535 !important; 
}
.tvl-multiselect-results a.disabled {
    color: #b8b8b8 !important;
}
.tvl-multiselect-results a.disabled:hover {
    background-color: transparent !important;
}
.tvl-multiselect-results a:hover, .tvl-multiselect-results a:active, .tvl-multiselect-results a.selected {
    text-decoration: none !important;
    background-color: #e7dfdf !important;
    color: #FFF;
}
@media only screen and (max-width: 600px) {
    #page_header_nav * { box-sizing: content-box; } /* third party flights css is causing issues with mobile header */
    .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; }
    .widget-error { margin-bottom: 20px; }
    
    p { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }
  
    .header-breadcrumb { margin: 0 20px; font-size: 14px; line-height: 16px; color: #aaa; }
    .header-breadcrumb a { color: #666 !important; }

    .htl-search-controls input, .rc-search-controls input, .pkg-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-you-save-msg { position: absolute; top: 5px; left: 10px; }
    .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; }*/
    .tvl-full-size .htl-search-control, .tvl-full-size .hl-search-button,
    .tvl-full-size .rc-search-control, .tvl-full-size .rc-search-button,
    .tvl-full-size .pkg-search-button, .tvl-full-size .pkg-search-control,
    .tvl-full-size .cruise-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, .rc-search-panel, .pkg-search-panel, .flight-search-panel, .cruise-search-panel { height: auto !important; margin-top: 0 !important; }
    .tvl-search-window { background: none !important; height: auto !important; }
    #paypal_ad_container { display: none !important; }
    .ui-panel-wrapper { margin-top: 3.5em; }
    .tvl-search-heading { font-size: 18px; }
    .tvl-disclaimer-top-cities{ text-align: center; }
    .hl-search-under-container { margin-top: 0; }
    .rc-search-panel .rc-search-controls { margin-bottom: 0px; }
    .hl-search-panel input, .rc-search-panel input, .pkg-search-panel input,
    .rc-search-panel select, .pkg-search-panel select,
    .cruise-search-panel select { display: block; border: none !important; width: 100%; height: 2em; margin-bottom: 4px; }
    .rc-search-panel .rc-search-pickup-date, .rc-search-panel .rc-search-dropoff-date,
    .htl-search-control, .rc-search-control, .pkg-search-control,
    .pkg-search-panel .pkg-search-control:nth-child(3), .pkg-search-panel .pkg-search-control:nth-child(4) { display: block; width: 100%; }
    .htl-search-control-display, .rc-search-control-display, .pkg-search-control-display { display: block; text-align: left; margin-top: 5px; }
    .htl-search-controls, .rc-search-controls, .pkg-search-controls, .cruise-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; }
    .htl-search-control, .rc-search-control, .pkg-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, .rc-search-button, .pkg-search-button, .cruise-search-button { display: block; width: 100%; border-radius: 5px; margin-bottom: 10px; height: 3em; }
    .hl-search-button, .hl-occupant-done, .rc-search-button, .pkg-search-button, .generic-search-button, .cruise-search-button { color: #fff !important; }
    .generic-search-button { font-weight: bold !important; width: 100%; border-radius: 5px; margin-bottom: 10px; height: 50px;  }
    .flight-search-panel .tvl-search-heading, .generic-search-controls { padding: 1rem; }
    .tvl-info-section { width: 40%; margin-bottom: 20px; }
    .tvl-info-window { margin-bottom: 40px; }
    .tvl-top-destinations { margin-left: 20px; font-size: 18px; line-height: 20px; }
    .tvl-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; }
    .hs-show-offers { }    
    .tabwidget-content * { color: #777; }
    /*#hotel-search .thin-border h5 img { vertical-align: bottom; }*/
    #navpanel { z-index: 0 !important; }
    .tvl-search-tabs {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        justify-content: unset;
    }
    .tvl-search-tabs a { font-size: 14px; border: none; padding: 0; background: none; /*width: auto;*/ border-radius: 0; display: flex; flex-direction: column; margin: 0 5%; }
    .tvl-search-tabs a img { display: block; height: 25px; margin: 0; }
    .tvl-search-tabs a.active { border: none; border-bottom: 3px solid #ea8135; font-weight: normal; }
    .tvl-sc .tvl-search-tabs a.active { border-bottom-color: #0067A0; }
    .h-mobile-only.tvl-search-bg { height: 150px; }
    .h-mobile-only.tvl-search-bg .tvl-bg-text { background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(8px); }
    
    #travel_page .hl-search-panel { border: none; }
    .pkg-search-panel .pkg-search-controls.pkg-pills { display: flex !important; justify-content: center; }
    .pkg-search-panel > p { justify-content: center; }
    .pkg-search-panel .checkpill input { height: auto; }
    #travel_page.tvl-sc .tvl-search-container.full-size, #travel_page .tvl-search-container.full-size { margin: 20px auto 40px auto; }
    .tvl-why-travel { margin-bottom: 25px; }
    .tvl-search-tabs a:first-child { margin-left: 5%; }
    .tvl-search-heading > img { vertical-align: middle; font-size: 0; }
    #travel_page .tvl-search-window { min-height: initial; }
    .cruise-search-panel .tvl-search-heading { padding: 25px 15px; }
    #travel_page.tvl-sc .tvl-bg-banner { font-size: 24px; padding: 8px 28px; line-height: 26px; }
    .tvl-sc .h-mobile-only.tvl-search-bg { height: 215px; }
    .tvl-usaa .cruise-search-panel { padding: 0; }
    .cruise-search-control { margin-bottom: 1em; }    
    .tvl-multiselected-options { margin: 0 0.5em; }
}

/* 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; -webkit-transform: translate3d(0, 0, 0); /* fixes iphone z-index bug */ }
.ui-datepicker { -webkit-transform: translate3d(0, 0, 0); /* fixes iphone z-index bug */ }
.t-relative { position: relative; }
.h-floated-right { position: absolute; right: 5px; pointer-events: none; }
.t-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;
    }
}