/* Property Gallery */

.gallery-container.hotel-results-image-gallery {
    width: 522px;
    position: relative;
}

.room-modal-image-placeholder{
    width: 522px;
    height: 348px;
}

/* Other styles - to be organized */

.t-tip {
    display: none;
}

.hotel_search_holder {
	display: none;
}

.zcalendar {
	display: none;
}

.grey-background {
    background-color: #ededed;
}

.hotelresults_header {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.breadcrumb  {
    text-decoration: none;
    margin-bottom: 21px;
    width: unset;
}

.index_redirect {
    color: #a8a8a8;
    text-decoration: underline;
}

.hotel_info_gallery {
    width: 522px;
    position: relative;
}

.hotel_info_gallery {
    width: 522px;
    position: relative;
}

.hotel_info_gallery .img-for-gallery-background {
    width: 50px;
    height: 23px;
    cursor: pointer;
    opacity: 0.75;
    bottom: 80px;
    display: none;
}

.hotel_info_gallery .hotel_gallery {
    position: relative;
}

.hotel_info_gallery .img-for-gallery-holder {
    bottom: 83px;
    right: 22px;
    cursor: pointer;
    display: none;
}

.hotel_info_gallery  .img-for-gallery-counter {
    font-size: 11px;
}

.loyalty-search-banner {
    border-radius: 4px;
    padding: 15px 18px;
    margin-bottom: 20px;
}

.loyalty-search-banner-content {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 20px;
}

.loyalty-search-banner-text {
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    font-size: 15px;
}

.loyalty-search-banner-link {
    color: #ffffff;
    text-decoration: underline;
}

.loyalty-search-banner-link:hover {
    color: #ffffff;
    text-decoration: underline;
}

.loyalty-search-banner-image {
    max-width: 200px;
    max-height: 50px;
   
}

.slogan_message {
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    color: #273240;
    margin-bottom: 30px;
    margin-top: 30px;
}

.hotelresults_body {
    transition: .3s ease-in-out;
    display: flex;
}

#hotels_grid {
    width: 808px;
    margin-bottom: 30px;
}

#hotels_grid.full-width {
    width: 100%;
}

.room-image-container {
    height: 180px;
    width: 180px;
    min-width: 180px;
    position: relative;
    background-color: var(--be-image-placeholder-background, #ededed);
    border-radius: 4px;
    overflow: hidden;
}

.room-image-container img {
    position: relative;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 1;
}

.image-step2 {
    height: 180px;
    width: 180px;
    object-fit: cover;
}

.roomrate {
    margin-bottom: 20px;
    position: relative;
}
.roomrate .loader-container {
    --loader-top:unset!important
}
.hotel-results-hotel-info-gallery .loader-container{
    --loader-top:unset!important;
    max-height:unset;
}
.room_name {
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: left;
    color: #273240;
    margin-bottom: 10px;
}

.room_name:hover {
    cursor: pointer;
    text-decoration: underline;
}

.flex-view-step2 {
    display: flex;
    padding: 20px 21px 20px 20px;
    background-color: #ffffff;
    margin-bottom: 3px;
    border-radius: 4px 4px 0px 0px;
}


#hotels_grid.full-width  .flex-view-step2 {
    padding: 20px 60px 20px 20px;
}

.no-availabilty-red-message {
    color: #ff0000;
    font-size: 12px;
    font-weight: 600;
    position: absolute;
    top: 55px;
    right: 23px;
}

.room-info {
    padding-left: 15.2px;
    position: relative;
}

.room-info-icons {
    display: flex;
    flex-direction: column;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #273240;
}

.room-info-icons-modal{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #273240;
}

.room-info-icons-type {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.room-info-icons-type-modal {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    flex: 1 1 50%;
    align-items: center;
}

.room-info-icons-type:last-child {
    margin-bottom: 11px;
}

.room-info-icons-img {
    margin-right: 11px;
}

.room-technical-info-tooltip-list{
    padding-left: 17px;
    margin-bottom: unset;
}

.room-info-name{
    font: 400 12px/16.39px 'Manrope', sans-serif;
    margin-right: 5px;
}

.room-info-description{
    font: 600 12px/16.5px 'Manrope', sans-serif;
}

.see-more-tooltip-parent{
    position: relative;
}

.see-more-infos {
    color: #4B8CF4;
    margin-left: 3px;
    cursor: pointer;
}

.more-views:hover  + .see-more-views-tooltip {
    display: block;
}

.more-rooms:hover  + .see-more-rooms-tooltip {
    display: block;
}

.see-more-tooltip {
    background-color: #2c2f33;
    color: #fff;
    text-align: justify;
    padding: 15px;
    border-radius: 4px;
    z-index: 10;
    font-size: 13px;
    line-height: 1.15;
    max-width: 385px;
    display: none;
    position: absolute;
    top: 25px;
    left: 25px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    width: max-content;
    width: -webkit-max-content;
    min-width: -webkit-max-content;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.room-description {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #273240;
    margin-bottom: 0px;
}

.more-about-room {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #0c83d9;
}

.more-about-room:hover {
    cursor: pointer;
    text-decoration: underline;
}

.rate_name {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: left;
    color: #273240;
    margin-bottom: 0px;
    height: fit-content;
    margin-right: 10px;
}

.rate_name:hover {
    text-decoration: underline;
}

.rate_name img {
    display: none;
}

.payment_methods_bar {
    border: 1px solid #C5C5C5;
    border-radius: 15px;
    padding: 2px 10px 2px 8px;
    font-size: 11px;
    line-height: 15px;
    font-weight: 700;
    transition: 0.15s ease-in-out;
    display: flex;
    align-items: center;
}

.payment_methods_bar:hover {
    background-color: #ededed;
}

.payment_methods_bar_img {
    margin-right: 3px;
}

.payment_methods_tooltip_option {
    font-weight: 400;
    margin-bottom: 8px;
}

.rate_plan {
    background-color: #fff;
    margin-bottom: 3px;
    border-left: 3px solid #fff;
    padding: 20px 20px 20px 17px;
}

.rate_plan:last-child {
    border-radius: 0px 0px 4px 4px;
}

.top_rate {
    display: flex;
    justify-content: space-between;
    /*padding-bottom: 21px;*/
    /*border-bottom: solid 1px #e6e6e6;*/
}

.bottom_rate {
    padding-top: 11.5px;
}

.top_rate_info {
    display: flex;
    flex-wrap: wrap;
    /* align-items: baseline; */
    align-items: center;
}

.top_rate_info_left {
    align-items: center;
    max-width: 500px;
}

.top_rate_info_right {
    display: flex;
    /*flex-direction: column;*/
}

.top_rate_info_right.closed {
    flex-direction: column;
}

.diff_currency, .diff_payment_method {
    display: none;
    width: 260px;
    margin-top: 5px;
}

.cancelation_policy {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    margin-bottom: 21px;
    margin-top: 10px;
}

.free-cancel {
    color: #008009;
}

.restricted-rate .rate_name, .restricted-rate .free-cancel, .restricted-rate .allow-cancel, .restricted-rate .included_text, .restricted-rate .payment_methods_bar, .restricted-rate .incentive, .restricted-rate .special_offer, .restricted-rate .company_offer {
    color: #9C9C9C;
}

.included_extras {
    display: flex;
    align-items: flex-end;
    margin-top: 15px;
    flex-wrap: wrap;
}

.included_text {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #273240;
}

.property-service-popup-modal {
    margin-bottom: 0px;
    display: flex;
    align-items: flex-end;
}

.meal_icon {
    margin-right: 10px;
}

.included_hidden {
    display: none;
}

.show-more-icluded, .show-less-icluded {
    font-size: 10px;
    font-weight: 600;
    color: #9C9C9C;
    text-decoration: underline;
    margin-left: 10px;
    cursor: pointer;
}

.show-less-icluded {
    display: none;
}

.vl {
    height: 10px;
    width: 1px;
    background-color: #e6e6e6;
    align-self: center;
    margin: 0px 10px;
}

.price-and-button {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.room-btn-minus, .room-btn-plus, .room-btn-value {
    display: none;
}

.loyalty-discount-value {
    font-size: 11px;
    line-height: 15px;
    font-weight: 700;
    color: #2C2F33;
    margin: 0px;
    text-align: right;
}

.loyalty-discount-value .t-tip__text {
    padding: 5px 10px;
    font-size: 11px;
    line-height: 15px;
    font-weight: 700;
    background-color: #232C37;
    border-radius: 2px;
}

.price-step2 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.filters_title {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 23px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    align-self: center;
    margin-right: 10px;
    margin-top: 4px;
    float: left;
}

.filters_buttons {
    border: 1px solid #C5C5C5;
    color: #273240;
    border-radius: 18px;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    line-height: 21px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    padding: 4px 22px 5px 21px;
    margin-right: 10px;
    background-color: #FFFFFF;
    position: relative;
    cursor: pointer;
    user-select: none;
    /* transition: .15s ease-in-out; */
    float: left;
    margin-bottom: 20px;
}

.filters_buttons.checked {
    background-color: #273240;
    color: #FFFFFF;
    border-color: #273240;
    background-image: url(/icons/remove_quick_filter_v4.svg);
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: 7px;
}

.filter-hide {
    opacity: 0.3!important;
    display: none!important;
}


.hotel-filters {
    overflow: auto;
    margin-top: 30px;
}




 /* select */

.room-select {
    display: none;
    width: 120px;
    height: 36px;
    border: 1px solid #273240;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Manrope', sans-serif;
    cursor: pointer;
    padding-left: 8px;
    padding-top: 8px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative;
}

.room-select span {
    display: inline-block;
    width: 100%;
    height: 36px;
}

.room-select > span {
    background-image: url(../../icons/angle_down.svg);
    background-position: right -1px;
    background-repeat: no-repeat;
}


.room_select_arrow {
    position: absolute;
    width: 22px;
    right: 4px;
    top: 6px
}

.room-select-options { 
    display: none;
    border-radius: 4px;
    font-size: 11px;
    position: absolute;
    background-color: #fff;
    width: 122px;
    top: -2px;
    left: -2px;
    box-shadow: 0px 0px 15px #00000026;
    z-index: 10;
    flex-direction: column;
}

.room-select-options div {
    cursor: pointer;
    height: 36px;
    padding-top: 8px;
    padding: 0px 15px;
}

.room-select-options div:hover {
    background-color: #F5F5F5;
}

.room-select-options div span { 
    border-bottom: 1px solid #ccc;
    display: inline-block;
    height: 36px;
    padding-top: 10px;
    width: 100%;
    font-weight: 600;
}

.room-select-options div:last-child span {
    border-bottom: 0px;
}

/*  end of select */




.per_night_string {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #008009;
}

.price-night {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #008009;
    margin-bottom: 6px;
}

.currency_symbol_price {
    font-size: 14px;
    font-weight: normal;
    padding-right: 2px;
}

.symbol_right {
    padding-left: 4px;
}

.decimal_value_price {
    font-size: 14px;
}

.price-total {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #273240;
}

.price-total-bold {
    font-weight: bold;
}

.modal-best-room-price-general .currency_symbol_price,
.modal-best-room-price-general .decimal_value_price {
    font-size: 12px;
    font-weight: bold;
}

.price-before {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #9c9c9c;
    margin-right: 5px;
    margin-bottom: 4px;
}

.rate-incentives {
    margin-top: 5px;
}

.incentive, .special_offer, .company_offer {
    padding: 2.86px 5px 2.14px 5px;
    border-radius: 2px;
    background-color: #008009;
    font-family: 'Manrope', sans-serif;
    font-size: 11px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    color: #ffffff !important;
    margin-right: 10px;
    display: inline-block;
    position: relative; 
    margin-bottom: 0;
}

/* .incentive:first-child, .special_offer:first-child {
    margin-left: 0px;
} */

.rate_hidden  {
    display: none;
}

.room-btn-add {
    border: unset;
    width: 120px;
    height: 36px;
    background-color: #fec437;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 1.36;
    text-align: center;
    color: #ffffff!important;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.15s ease-in-out;
    font-weight: 600;
}

.room-btn-add:disabled { 
    background-color: #d8dde8 !important;
    border: 1px solid #d8d8d8 !important;
}

.room-btn-add:disabled:hover { 
    background-color: #d8dde8 !important;
    border: 1px solid #d8d8d8 !important;
}

.button-div {
    margin-left: 25px;
}

.button-div.no-extra {
    margin-top: 20px;
}

.show-hide-holder {
    width: 808px;
    height: 79px;
    background-color: #FFFFFF;
    border-radius: 0px 0px 4px 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.show-hide {
    width: 150px;
    height: 36px;
    border-radius: 4px;
    border: solid 1px #273240;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    line-height: 1.33;
    text-align: center;
    color: #273240;
    background-color: #FFFFFF;
}

.room_left {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    letter-spacing: 0px;
    color: #FF0000;
    font-weight: 600;
    line-height: 1.33;
    text-align: right;
}

.los_restricted  {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    letter-spacing: 0px;
    color: #FF0000;
    font-weight: 600;
    line-height: 1.33;
    margin-bottom: 0px;
}

.room-btn-los-restricted {
    border: unset;
    width: 120px;
    height: 36px;
    background-color: #E6E6E6;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 1.36;
    text-align: center;
    color: #ffffff;
    border-radius: 4px;
}

.room-btn-los-restricted:hover {
    cursor: not-allowed;
}

.room-btn-los-restricted:focus {
    outline: none;
}
/* 
.rate_los_restricted, .rate_closed, .restricted-rate {
    background-color: #f5f5f5 !important;
    color: #9C9C9C;
    border-left: 3px solid #f5f5f5!important;
} */

.rate_plan[data-has-loyalty="true"].restricted-rate,
.rate_plan[data-has-loyalty="true"].restricted-rate {
    background-color: #ffffff !important;
    border-left: 3px solid #ffffff!important;
}

.rate_plan.restricted-rate .member-price-tag,
.rate_plan.restricted-rate .public-price-tag {
    background-color: #9C9C9C !important;
}

.rate_plan.restricted-rate .member-discount-tag,
.rate_plan.restricted-rate .price-night,
.rate_plan.restricted-rate .price-total,
.rate_plan.restricted-rate .per_night_string, 
.rate_plan.restricted-rate .not-refundable,
.rate_plan.restricted-rate .loyalty-discount-value {
    color: #9C9C9C !important;
}

.rate_plan.restricted-rate .member-discount-tag svg {
    fill: #9C9C9C !important;
}

.dates-and-prices-for-room {
    display: none;
}

.offer_info {
    border-radius: 4px;
    background-color: #273240;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    padding: 8px 20px;
    margin-bottom: 10px;
}

.offer_info_text {
    font-weight: normal;
}

.img-for-gallery-background {
    width: 66px;
    height: 30.5px;
    position: absolute;
    bottom: 15px;
    right: 16px;
    display: none;
    align-items: center;
    border-radius: 2px;
    background-color: #273240;
    opacity: 0.25;
}

.img-for-gallery-holder {
    position: absolute;
    bottom: 22px;
    right: 30px;
    display: none;
    align-items: center;
    border-radius: 2px;
    width: 43px;
    justify-content: center;
}

.img-for-gallery-counter {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.47;
    letter-spacing: normal;
    color: #ffffff;
    padding-left: 5px;
}

.grey-text {
    color: #9C9C9C;
}

.closed_status, .diff_currency, .diff_payment_method {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    letter-spacing: 0px;
    color: #FF0000;
    font-weight: 600;
    line-height: 1.33;
    margin-bottom: 0px;
    text-align: right;
}

.thumbnails-placeholder {
    display: grid;
    gap: 10px;
    margin-top: 10px;
    grid-template-columns: repeat(6, 1fr);
}

.thumbnails-placeholder .photo-placeholder {
    aspect-ratio: 3 / 2;
}

.roomrate .photo-placeholder svg {
    width: 80px;
    height: 80px;
}

.thumbnails-placeholder > .photo-placeholder svg {
    width: 35px;
    height: 35px;
}

.diff_currency, .diff_payment_method {
    text-align: left;
}

.on-request-text {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    color: #0C83D9;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 1.33;
    margin-bottom: 0px;
    text-align: left;
}

.without_bottom_rate {
    border: unset;
    padding-bottom: 0px;
}

.room-modal-header {
    padding: 15px 20px;
}

.room-modal-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    margin: unset;
    max-width: unset;
}

.room-modal-header button.close.popup-button.close-modal {
    position: unset;
    padding: 0;
    transition: opacity 0.15s ease-in;
    opacity: 0.75;
}

.room-modal-header button.close.popup-button.close-modal:hover {
    opacity: 1;
}

.room-modal-title {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.69;
    color: #273240;
}

.room-modal-body {
    display: flex;
    padding: 30px 20px;
}

/* APAGAR? */
.left-part-room-modal {
    width: 217px;
    margin-right: 63px;
}

/* APAGAR? */
.sticky_room_menu {
    display: flex;
    flex-direction: column;
    position: fixed;
}



/* APAGAR? */
.right-part-room-modal {
    width: 1022px;
    height: fit-content;
}

.modal_room_name {
    font: 700 22px/1.23 'Manrope', sans-serif;
    color: #273240;
    margin-bottom: 20px;
}

.room-section-left .room-info-icons-type:last-child {
    margin-bottom: 0px;
}

.room-info-section{
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 20px;
    flex: 1 1;
    padding-bottom: 30px;
}

.modal-room-description {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 1.79;
    color: #273240;
    margin-top: 14px;
    padding-bottom: 30px;
    border-bottom: solid 1px #e6e6e6;
}

.modal-room-amenities-header {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.31;
    color: #273240;
    margin-top: 20px;
    margin-bottom: 21px;
}

.amenities-header{
    padding-top: 30px;
}

.modal-room-amenities-holder {
    display: flex;
    max-width: 500px;
    flex-wrap: wrap;
    justify-content: space-between;
}


.modal-room-amenity {
    flex: 0 0 50%;
    display: flex;
    align-items: center;
    margin-bottom: 17px;
}

.modal-room-amenity:last-child{
    margin-bottom: 0px;
}

.modal-room-amenity-icon {
    margin-right: 11px;
}

.modal-room-amenity-name {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    line-height: 1.31;
    color: #273240;
}


.amenity-group-single{
    display: flex;
    flex-direction: column;
}

#rooms-lp #amenities-component .amenity-group-single:last-child .amenity-items{
    border-bottom: unset;
    padding-bottom: 0px;
}

.modal-all-room-amenities {
    margin-top: 24px;
}

.room_amenity_list_holder {
    max-width: 500px;
    display: flex;
    flex-wrap: wrap;
}

/* APAGAR? */
.modal-room-amenity-category-name {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.31;
    color: #273240;
    margin-top: 22px;
    margin-bottom: 12px;
}

/* APAGAR? */
.modal-room-amenity-category-name:first-child {
    margin-top: 27px;
}

.room_amenity_list {
    display: inline-flex;
    align-items: center;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    line-height: 1.33;
    text-align: left;
    color: #273240;
    margin-right: 10px;
}

.dot_v4 {
    font-size: 4px;
    margin-right: 5px;
}

.font-weight-bold {
    font-weight: bold;
}

.room-gallery-opener {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 10;
    cursor: pointer; 
}

.room-gallery-opener-mobile {
    display: none;
}

.price-date-container {
    display: flex;
    justify-content: space-between;
    min-width: 205px;
    line-height: 1.7;
}

.mobile_hotel_search_bar_holder {
    display: none;
}

#hotel_map .modal-dialog {
    width: 800px;
    max-width: 800px;
    height: 640px;
    margin-top: 100px;
}

#map-wrap , #map {
    height: 640px;
}

.gm-style .gm-style-iw-c {
    border-radius: 4px!important;
    /* padding-left: 26px; */
    padding: 8px 8px 8px 26px!important;
    min-width: 191px!important;
    font-size: 12px;
    font-weight: 600;
    background-image: url('../icons/map_hotel_v4.svg');
    background-repeat: no-repeat;
    background-position: 5px center;
    box-shadow: 0px 0px 16px #00000029;
    cursor: pointer;
    overflow: visible;
}

.gm-style .gm-style-iw-t.open .gm-style-iw-c {
    background-color: #273240;
    background-image: url("../icons/map_hotel_white_v4.svg");
    color: #fff;
}

.gm-style .gm-style-iw-t::after {
    box-shadow: unset;
}

.gm-style .gm-style-iw-t.open::after  {
    background: #273240;
}

.gm-ui-hover-effect  {
    display: none!important;
}

#map-wrap .gm-style-iw-d {
    overflow: unset!important;
}

.share_hotel_holder {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
}

.share_hotel_holder img {
    margin-right: 10px;
    width: 16px;
    height: 18px;
    object-fit: cover;
}

.share_hotel_holder span {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    color: #0C83D9;
}

.modal-best-room-price-holder {
    background-color: #F5F5F5;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    padding: 15px 20px 20px 20px;
    margin-top: 20px;
}

.room-popup .modal-best-room-price-holder {
    max-width: 520px;
    margin-bottom: 30px;
}

.modal-best-room-price-holder.mobile {
    display: none;
}

.modal-best-room-price-up {
    font-size: 13px;
    font-weight: 600;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 10px;
}

.room-popup .modal-best-room-price-up {
    border-bottom: unset;
    padding-bottom: unset;
}

.modal-best-room-price-down {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}

.room-popup .modal-best-room-price-down{
    margin-top: unset;
}

.modal-best-room-price {
    display: flex;
    flex-direction: column;
}

.modal-best-room-price-general-title {
    font-size: 12px;
    padding-right: 4px;
}

.modal-best-room-price-general {
    display: flex;
    align-items: baseline;
}

.room-popup .modal-best-room-price-general {
    flex-direction: column;
}

.modal-price-info-holder {
    display: flex;
    align-items: baseline;
    flex-direction: column;
}

.modal-price-info-holder img {
    margin-left: 5px;
    align-self: center;
}

.logged-in .modal-price-info-holder {
    flex-direction: row;
}

.modal-best-price {
    font-size: 18px;
    font-weight: bold;
    color: #008009;
}

.modal-best-room-price-general.public .modal-best-price {
    color: #273240;
}

.modal-best-room-price-general.member {
    color: #008009;
}

.modal-best-price .currency_symbol_price, .modal-best-price .decimal_value_price {
    font-size: 14px;
}

.modal-best-price .modal-best-price-nights {
    font-size: 12px;
}

.modal-best-price .currency_symbol_price {
    padding-right: 0px;
    padding-left: 0px;
}

.modal-best-room-price-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    width: 217px;
    height: 42px;
    background-color: #53AC2A;
    border-radius: 4px;
    cursor: pointer;
}

.room-popup .modal-best-room-price-btn{
    align-self: end;
}

@keyframes loadingAnimation {
    0% {
      opacity: 1;
    }
    50% {
        opacity: 0.4;
    }
    100% {
        opacity: 1;
    }
  }
  
  .loader-container.modal-rate{
    display: flex;
    position: unset;
    height:200px;
  }
  .loader-container.modal-rate .search-loading-message{
    display: none;
  }

.room-tax-holder {
    display: none;
}

#hotel_map .gm-style-iw-d {
    overflow: unset!important;
    position: relative;
}

#hotel_map .gm-style-iw-d > div {
    overflow: unset!important;
}

#hotel_map .price-start-message-holder {
    display: none;
}

#hotel_map  .maps-hotel-title, #hotel_map  .maps-hotel-price {
    line-height: 1.43;
}

#hotel_map  .maps-hotel-price.no-price {
    font-weight: 400;
}

#hotel_map .property-price, #hotel_map .per_night {
    color: #273240;
    font-size: 12px;
}

#hotel_map .property-price .currency_symbol_price {
    font-size: 12px;
    padding-right: 0px;
}

#hotel_map .gm-style .gm-style-iw-t.open .google-map-price-and-button .property-price {
    font-size: 16px;
    color: #008009;
}

#hotel_map .gm-style .gm-style-iw-t.open .google-map-price-and-button .per_night {
    font-size: 11px;
    color: #273240;
}

#hotel_map .gm-style .gm-style-iw-t.open .property-price, #hotel_map .gm-style .gm-style-iw-t.open .per_night {
    color: #fff;
}


#hotel_map .per_night {
    font-weight: 400;
}

.google-map-card-holder {
    display: none;
    width: 270px;
    height: 255px;
    position: absolute;
    /* left: calc(50% - 135px);
    top: calc(50% - 120px); */
    left: calc(100% + 18px);
    top: calc(0px + -108px);
    box-shadow: 0px 0px 15px #00000040;
    /* margin-bottom: 50px; */
}

.gm-style .gm-style-iw-t.open .google-map-card-holder {
    display: block;
}

.google-map-property-image {
    height: 100px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
}

.google-map-no-image-holder {
    height: 100px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #EDEDED;
    border-radius: 10px 10px 0px 0px;
}

.google-map-no-image-holder .google-map-property-image {
    width: unset;
}

.google-map-description-holder {
    border-radius: 0px 0px 10px 10px;
    background-color: #FFFFFF;
}

.google-map-description-up {
    padding: 10px 10px 0px 10px;
}

.google-map-description-down {
    padding: 0px 10px 12px 10px;
}

.google-map-description-down.close {
    padding: 9px 0px 0px 0px;
}

.google-map-description-down.close .room-error-description {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 2px;
}

.google-map-description-down.close .room-error-link {
    font-size: 11px;
}

.google-map-description-down .no-room-error {
    justify-content: center;
    padding: 0px;
    border: 2px solid #fff;
    margin-top: 0px;
    border-radius: 0px 0px 10px 10px;
}

.google-map-hotel_stars {
    display: flex;
    margin-bottom: 4px;
}

.google-map-hotel_stars .stars_icons img {
    width: 12px;
    height: 12px;
}

.google-map-property-name {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    color: #273240;
    margin-bottom: 10px;
}

.google-map-hotel-amenities {
    margin-bottom: 20px;
    padding-top: 15px;
    border-top: 1px solid #E6E6E6;
}

.google-map-hotel-amenities .property-amenities {
    display: flex;
    position: relative;
    width: fit-content;
    border-right: 1px solid #DFDFDF;
    padding-right: 5px;
    margin-right: 15px;
}

.google-map-hotel-amenities .single-icon-holder {
    display: flex;
    margin-right: 10px;
}

.google-map-hotel-amenities .property-amenities img {
    width: 16px;
    height: 16px;
}

.google-map-price-and-button .price-and-button {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.google-map-price-and-button .property-price {
    font-size: 16px;
    font-weight: bold;
    color: #008009;
}

.google-map-price-and-button .property-price .currency_symbol_price {
    font-size: 10px;
    font-weight: 400;
    padding-right: 0px;
}

.google-map-price-and-button .per_night {
    font-size: 11px;
}

.google-map-price-and-button .currency_symbol_price {
    font-size: 10px;
}

.google-map-price-and-button .price_up {
    line-height: 1.4;
}

.google-map-price-and-button .price_down {
    text-align: left;
    font-weight: 400;
    font-size: 11px;
    line-height: 1.4;
    color: #616161;
}

.google-map-description-down.close .room-error-description-holder {
    align-items: center;
    justify-content: center;
}

.google-map-property-button  {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 102px;
    height: 36px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
}

.google-map-holder-hover {
    z-index: 9998!important;
}

.google-map-holder {
    z-index: 9997!important;
}

.google-map-holder.google-map-holder-hover {
    z-index: 9999!important;
}


/* ROOMS MODAL */

.contain-room-modal {
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

.container.contain-room-modal{
    max-width: unset;
}

.all_rooms_holder {
    height: calc(100vh - 86px);
    overflow: auto;
    width: 100%;
}

/* hide scrollbar in modal */
.all_rooms_holder::-webkit-scrollbar {
  width: 0px;
}

.all_rooms_holder {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

.modal_room_name_select {
    height: 36px;
    width: 217px;
    padding: 0px;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.25;
    text-align: left;
    color: #273240;
    display: flex;
    align-items: center;
    background-color: #fff;
    border: unset;
    border-bottom: 1px solid #C5C5C5!important;
    margin-top: 0px;
    text-decoration: none;
}

.modal_room_name_select:hover {
    font-weight: bold;
    color: #273240!important;
    background-color: #fff;
}

.modal_room_name_select:focus {
    font-weight: bold;
}

.modal_room_name_select.active {
    font-weight: bold;
    background-color: #ffffff!important;
    color: #273240!important;
    margin-top: 0px!important;
}

.room-section {
    padding-bottom: 61px;

    margin-bottom: 30px;
    display: flex;
    gap: 0 20px;
    justify-content: space-between;
}

.room-divider{
    height: 1px;
    width: 100%;
    border-bottom: solid 1px #e6e6e6;
}

.room-section.room-popup{
    padding-bottom: 30px;
}

.room-section.room-popup {
    flex-direction: column;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}



.room-section:first-child {
    padding-top: 0px;
}

.room-section:last-child {
    border-bottom: unset;
    min-height: 100vh;
}


.room-section-left {
    max-width: 472px;
}

.room-popup .room-section-left{
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 50%;
    max-width: unset;
}

.room-section-right {
    width: 521px;
}

.room-popup .room-section-right {
    flex: 1;
    width: 50%;
}

.room-modal-share-desktop{
    max-width: 520px;
}

.room-section-right .share_hotel_holder {
    justify-content: flex-end;
}

.room-section-right .share_hotel_holder img {
    margin-right: 8px;
}

.room-modal-share-mobile {
    display: none;
}

#single-rateplan-ajax .container.rateplan-padding {
    display: flex;
    flex-direction: column;
    padding: 20px 0 0 20px;
}

#white-background {
    width: 100%;
}

#hotel_name {
    font-size: 22px;
    font-weight: bold;
    color: #273240;
    margin-bottom: 15px;
}

#rateplan-modal {
    height: 90vh;
    min-height: 90vh;
}
#single-rateplan-ajax {
    height: 100%;
}
#rateplan-modal, .rateplan-modal {
    width: 1096px;
}

.rateplan-image-gallery {
    position: relative;
}

#rateplan-top-body {
    display: flex;
    flex-direction: row;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #EAEDF2;
}

.single-rateplan-header.header-mobile {
    display: none;
}

#rateplan-modal-header {
  display: flex;
  justify-content: space-between;
  margin-right: 20px;
}

#rateplan-modal-header .share-modal-holder {
  margin-bottom: 0;
}

#rateplan-name-modal {
  font: 700 22px 'Roboto', sans-serif;
  margin-bottom: unset;
}

#rateplan-content-holder {
    flex: 1;
    margin-right: 5px;
    overflow-x: hidden;
}

#rateplan-content-holder .icon-16 {
    padding-right: 10px;
    height: 16px;
}

#rateplan_hotel_text {
  font-size: 14px;
  margin-bottom: 20px;
}
#rateplan-resume {
    font-size: 13px;
    width: 516px;
    margin-right: 20px;
}

#single-rateplan-ajax #rateplan-description {
    margin-bottom: 20px;
    border: 0;
    padding-bottom: 0;
}

#rateplan-gallery {
    width: 520px;
    margin-right: 5px;
}

#rateplan-stay-period .date-range {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
#rateplan-stay-period .date-range::before {
    content: url(/icons/calendar.svg);
    height: 17px;
    margin-right: 10px;
}

#rateplan-stay-period .date-range:last-of-type {
    margin-bottom: 20px;
}

#rateplan-stay-period-holder {
    margin-bottom: 15px;
    border-bottom: 1px solid #E6E6E6;
}

.word-break {
    font-size: 16px;
    font-weight: bold;
    color: #273240;
    margin-bottom: 22px;
}
#rateplan-content-holder .word-break {
    font-weight: 800;
}
.rateplan-book .cancelation_policy_ajax,
.rateplan-book .meals_included-ajax,
.rateplan-book .dot-rate-included {
    margin-bottom: 15px;
}
.free-cancel,.allow-cancel, .not-refundable, .included_in_rate {
    display: flex;
}
.cancelation_policy_ajax, .meals_included-ajax, .dot-rate-included {
    display: flex;
    font-size: 13px;
    color: #273240;
    margin-bottom: 17px;
} 

.cancelation_policy_ajax.no-margin,
.meals_included-ajax.no-margin {
    margin-bottom: 0px;
}

.dot-rate-included:last-child {
    margin-bottom: 0px;
}

.dot-rate-included:nth-last-child(2) {
    margin-bottom: 0px;
}

.icon-16 {
    padding-right: 12px;
    height: 14px;
}

.info-section .rateplan-section {
    padding-right: 0px;
    padding-left: 0px;
}

.rateplan-rate-modal {
    padding: 20px 0 10px;
    margin-bottom: 0px;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: bold;
    color: #273240;
    cursor: pointer;
}
.single-hotel-arrow {
    margin-right: 10px;
}

.rateplan-book {
    padding-bottom: 20px;
    font-size: 14px;
}

#rateplan-download-pdf {
    border-bottom: 1px solid #E6E6E6;
}
#rateplan-download-pdf button {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #B9C2D3;
    padding: 9px 20px;
    font-size: 14px;
}

/* APAGAR? */
.share_rate {
    padding: 10.5px 17px 10.5px 7.75px;
    border: 1px solid #C5C5C5;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 36px;
    cursor: pointer;
}

/* APAGAR? */
.share_rate_img {
    width: 14.5px;
}

/* APAGAR? */
.share_rate_text {
    font-size: 11px;
    color: #273240;
    margin-left: 17px;
    line-height: 15px;
}

.popup-button {
    background-color: transparent;
    border: none;
}

.modal-button-phone {
    display: none;
}

.modal-button-desktop {
    position: absolute;
    top: -40px;
    right: 0px;
}

/* APAGAR? */
.share-modal-rateplan {
    box-shadow: 0px 0px 20px #00000033;
    padding: 22px 20px 17px 16px;
    background-color: #fff;
    position: absolute;
    bottom: 40px;
    right: 0px;
    z-index: 10;
    display: none;
}

#rateplan-modal-loader {
    height: 200px;
    width: 100%;
    background-color: #fff;
    border-radius: 0.5rem;
}

#rateplan-modal-loader .gooey {
    top: 100px;
    /*background: transparent!important;*/

}

#rateplan-modal-loader .dot,
#rateplan-modal-loader .gooey .dots span {
    filter: unset;
}
#rateplan-modal .t-tip{
    display:none!important;
}

.rate_details {
    display: none;
}

.rateplan-policies-included-holder {
    display: grid;
    grid-template-columns: auto auto;
}

/* Hide the header if there are no rates available for that room */
.roomrate:not(:has(.rate_plan)) .rates-header {
    display: none;
}

.roomrate:has(.rate_plan[data-has-loyalty="true"]) {
    padding: 0 0 10px 0;
    border-radius: 4px;
}

.roomrate:not(:has(.show-hide-rate)):has(.rate_plan[data-has-loyalty="true"]) {
    padding-bottom: 0 !important;
}

.package_results .roomrate:has(.rate_plan[data-has-loyalty="true"]) {
    padding: 0;
}

.roomrate:has(.rate_plan[data-has-loyalty="true"]) .rates-header, .rate-header {
    display: grid;
    grid-template-columns: 2.5fr 3fr;
    background-color: #F5F5F5;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
}

.roomrate:has(.rate_plan[data-has-loyalty="true"]) .rates-header .right-part, .rates-header .right-part {
    display: grid;
    grid-template-columns: 2fr 1fr;
}

.roomrate:has(.rate_plan[data-has-loyalty="true"]) .desciption .hotel_name, .rates-header .desciption .hotel_name {
    margin-bottom: 5px;
    color: #273240;
}

.roomrate:has(.rate_plan[data-has-loyalty="true"]) .hotel-description, .rates-header .hotel-desciption {
    margin-bottom: 15px;
}

.roomrate:has(.rate_plan[data-has-loyalty="true"]) .rates-header-title, .rates-header .rates-header-title {
    padding: 12px 20px;
}

.rate_plan[data-has-loyalty="true"] {
    padding: 0;
    margin-bottom: 0;
}

.roomrate:has(.rate_plan[data-has-loyalty="true"]) .flex-view-step2 {
    margin-bottom: 0;
}

.rate_plan[data-has-loyalty="true"] .symbol_right {
    padding-left: 0px;
}

.roomrate:has(.rate_plan[data-has-loyalty="true"]) .rates-header, .rates-header {
    display: flex;
    flex-direction: row;
    align-content: center;
    background-color: #f5f5f5;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
    color: #273240;
    font-weight: bold;
}
  
.roomrate:has(.rate_plan[data-has-loyalty="true"]) .desciption .hotel_name, .rates-header .desciption .hotel_name {
margin-bottom: 5px;
color: #2C2F33;
}

.roomrate:has(.rate_plan[data-has-loyalty="true"]) .hotel-description, .rates-header .hotel-description {
margin-bottom: 15px;
}

.roomrate:has(.rate_plan[data-has-loyalty="true"]) .rates-header-title, .rates-header .rates-header-title {
padding: 12px 20px;
}

.roomrate:has(.rate_plan[data-has-loyalty="true"]) .rates-header-title.room-options, .rates-header .rates-header-title.room-options {
width: 45%;
min-width: 364px;
}

.roomrate:has(.rate_plan[data-has-loyalty="true"]) .rates-header-title.price-per-guest, .rates-header .rates-header-title.price-per-guest {
width: 35%;
min-width: 284px;
}

.roomrate:has(.rate_plan[data-has-loyalty="true"]) .room-qty, .rates-header .room-qty {
    width: 20%;
    min-width: 160px;
}

.rate_plan[data-has-loyalty="true"] .top_rate_info_left {
    width: 45%;
    padding: 15px 20px;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.rate_plan[data-has-loyalty="true"] .top_rate_info_left .top_rate_info {
    gap: 10px;
}

.rate_plan[data-has-loyalty="true"] .right-part-of-rate {
    display: flex;
    height: 100%;
}

.rate_plan[data-has-loyalty="true"] .right-part-of-rate .price-step2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding: 20px;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    justify-content: center;
}

.rate_plan[data-has-loyalty="true"]:last-child .top_rate_info_left, 
.rate_plan[data-has-loyalty="true"]:last-child .top_rate_info_right .right-part-of-rate:last-of-type .price-step2, 
.rate_plan[data-has-loyalty="true"]:last-child .top_rate_info_right .right-part-of-rate:last-of-type .button-div {
    border-bottom: 0; 
}

.rate_plan[data-has-loyalty="true"] .right-part-of-rate .button-div.no-extra, .rate_plan[data-has-loyalty="true"] .right-part-of-rate .button-div {
    display: flex;
    margin: 0;
    padding: 20px;
    height: 100%;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
}

.rate_plan[data-has-loyalty="true"] .top_rate_info_right {
    flex-direction: column;
    width: 55%;
}

.rate_plan[data-has-loyalty="true"] .price-and-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 100%;
}

.rate_plan[data-has-loyalty="true"] .price-tag, .basket-room[data-loyalty-type] .price-tag {
    font-size: 11px;
    line-height: 16px;
    font-weight: 600;
    color: #FFFFFF;
    padding: 2px 7px;
    border-radius: 15px;
  }

.rate_plan[data-has-loyalty="true"] .public-price-tag, .basket-room[data-loyalty-type] .public-price-tag {
    background-color: #273240;
}

.rate_plan[data-has-loyalty="true"] .member-price-tag, .basket-room[data-loyalty-type] .member-price-tag {
    background-color: #FFE384;
}

.rate_plan[data-has-loyalty="true"] .price-tags-mobile {
    display: none;
}

.rate_plan[data-has-loyalty="true"] .price-tags, .basket-room[data-loyalty-type] .price-tags {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.rate_plan[data-has-loyalty="true"] .price-night {
    margin-bottom: 2px;
}

.rate_plan[data-has-loyalty="true"] .member-discount-tag, .basket-room[data-loyalty-type] .member-discount-tag {
    color: #377E25;
    font-size: 11px;
    font-weight: 600;
    line-height: 15px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 3px;
}

.rate_plan[data-has-loyalty="true"] .member-discount-tag .currency_symbol_price,
.rate_plan[data-has-loyalty="true"] .member-discount-tag .decimal_value_price,
.basket-room[data-loyalty-type] .member-discount-tag .currency_symbol_price,
.basket-room[data-loyalty-type] .member-discount-tag .decimal_value_price {
    font-size: inherit;
    font-weight: inherit;
    padding-right: unset;
}

.rate_plan[data-has-loyalty="true"] .member-discount-tag .svg-icon svg, .basket-room[data-loyalty-type] .member-discount-tag .svg-icon svg {
    fill: #377E25;
}

.rate_plan[data-has-loyalty="true"] .public-rate .price-night, .rate_plan[data-has-loyalty="true"] .public-rate .per_night_string {
    color: #2B323E;
}


.rate_plan[data-has-loyalty="true"] .rate-incentives {
    margin-top: 10px;
}

.hotel_info {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 20px;
}
#single-rateplan-ajax .hotel_info {
    gap: 0 20px;
}

.hotel_info_details {
	display: flex;
    gap: 0 20px;
}

.hotel_info_text {
  position: relative;
}

.hotel_gallery_main {
  object-fit: cover;
}

.hotel_gallery_carausel {
	width: 522px;
	height: 55px;
	background-color: gray;
	margin-top: 13px;
  margin-bottom: 20px;
}

.member_info {
	font-size: 11px;
 	line-height: 1.36;
  color: #008009;
}

.member_info .per_night_string {
  font-size: 11px;
}

.member_info .price-night img {
  align-self: center;
  padding-left: 5px;
}

.stars_icons {
  display: flex;
	/*margin-bottom: 7px;*/
}

.stars_trip_advisor_holder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 7px;
}

.socialWidgetContainer a {
  display: flex;
  align-items: center;
}

.icon-share__holder__rating .socialWidget.cx_brand_refresh1 .socialWidgetCore.green {
  background-color: unset;
  width: 20px;
  height: 13px;
  margin-right: 3px;
}

.icon-share__holder__rating .socialWidget.cx_brand_refresh1 .socialWidgetCore.green img {
  width: 20px;
  padding: 0px;
}

.icon-share__holder__rating .socialWidget.cx_brand_refresh1 .socialWidgetCallout .borderBox {
  border-color: #ffffff;
}

.icon-share__holder__rating .socialWidget .socialWidgetCallout {
  max-width: fit-content;
}

.socialWidget.cx_brand_refresh1 .socialWidgetCallout .grayArrowLeft {
  display: none;
}

#TA_selfserveprop66 sup {
  top: 0px;
}

.hotel_name{
	font-family: 'Manrope', sans-serif;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.23;
  color: #273240;
  margin-bottom: 13px;
}

.hotels_address {
	display: flex;
	margin-bottom: 20px;
}

.location_maps {
  /*width: 120px;*/
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  text-align: right;
  color: #0c83d9;
  cursor: pointer;
}

.location_maps:hover {
  text-decoration: underline;
}

.location_maps a:hover {
  text-decoration: underline;
  color: #0c83d9;
}

.location_text {
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  text-align: left;
  color: #9c9c9c;
  padding-right: 5px;
}

.location_text img {
  padding-right: 4px;
}

.location_text_mobile {
  display: none;
}

.hotel_description {
	width: 489px;
	font-size: 14px;
	line-height: 1.43;
	font-family: 'Manrope', sans-serif;
  color: #273240;
}

.hotel_description_long {
  display: none;
}

.mobile_hotel_description_title {
  font-family: 'Manrope', sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.31;
  color: #2c2f33;
}

.mobile_hotel_description_long {
  display: none;
}

.hotel_description_more {
  display: block;
  font-family: 'Manrope', sans-serif;
  font-size: 10px;
  line-height: 1.4;
  color: #9c9c9c;
  text-decoration: underline;
}

.hotel_amenities_short {
  padding-top: 20px;
  border-top: 1px solid #E6E6E6;
  margin-top: 20px;
}

.amenities_wrap_short {
  display: flex;
  flex-wrap: wrap;

}

.amenity_icons_short {
  display: flex;
  align-items: flex-start;
  padding-bottom: 13px;
  width: 165px;
  position: relative;
}

.amenity_icons_short.hotelcard img,
#single-rateplan-ajax .allow-cancel:before,
#single-rateplan-ajax .free-cancel:before {
    filter: invert(36%) sepia(92%) saturate(662%) hue-rotate(61deg) brightness(91%) contrast(99%);
}

.amenity_icons img {
    filter: invert(36%) sepia(92%) saturate(662%) hue-rotate(61deg) brightness(91%) contrast(99%);
}

#single-rateplan-ajax .allow-cancel.included_in_rate:before,
#single-rateplan-ajax .free-cancel.included_in_rate:before,
#single-rateplan-ajax .not_included_in_rate:before {
    vertical-align: -3px;
    margin-right: 10px;
}
#single-rateplan-ajax .allow-cancel.included_in_rate:before,
#single-rateplan-ajax .free-cancel.included_in_rate:before {
    content: url('/v4/icons/check_v4.svg');
}

#single-rateplan-ajax .not_included_in_rate:before {
    content: url('/v4/icons/no_refund-v4.svg');
}

.amenity_icons_text_short {
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  line-height: 1.31;
  color: #273240;
  padding-left: 9px;
  padding-right: 15px;
  text-overflow: clip;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hotel_description_more:hover {
  cursor: pointer;
}

.hotel_info_amenities {
	padding-bottom: 31px;
}

.hotel_amenities {
	border-bottom: solid 1px #e6e6e6;
	border-top: solid 1px #e6e6e6;
	padding-top: 21px;
  padding-bottom: 27px;
}

.amenities_text {
	padding-bottom: 15px;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  text-align: left;
  color: #273240;
}

.hotel_info_long .amenities_text {
    padding-bottom: 20px;
}
.amenities_wrap {
	display: flex;
  flex-wrap: wrap;
  grid-row-gap: 15px;
  grid-column-gap: 30px;
}

.amenity_icons {
	display: flex;
  justify-content: space-between;
  align-items: center;
  height: fit-content;
}

.amenity_icons_text {
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  line-height: 1.31;
  text-align: left;
  color: #273240;
  padding-left: 8px;
  width: 153px;
}

.amenity_icons:last-child.amenity_icons_text {
  padding-right: 0px;
}

.amenity-group-wrap  {
    display: grid;
    grid-template-columns: auto;
    /*grid-auto-rows: 20px;*/
    /*grid-gap: 10px;*/
    grid-row-gap: 40px;
    grid-column-gap: 50px;
    padding: 21px 0px 30px 0px;
    }

#amenities-component {
    grid-template-columns: unset;
    grid-template-rows: auto !important;
    grid-row-gap: 30px;
    padding: 30px 0px 30px 0px;
    grid-column-gap: unset;
    border-top: solid 1px #e6e6e6;
}

.amenity-group {
  display: flex;
  flex-direction: column;
  height: auto;
}

#amenities-component .amenity-items{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px 30px;
    border-bottom: solid 1px #e6e6e6;
    padding-bottom: 30px;
}

.amenity-category {
  padding-top:10px;
  font-size: 14px;
  font-family: 'Manrope', sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.31;
  color: #2c2f33;
  background-image: none;
  margin-bottom: 11px;
}

#amenities-component .amenity-group .amenity-category{
    padding-top: unset;
}

.amenity-item {
  margin: 0px;
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  line-height: 2.15;
  color: #2c2f33;
}

.amenity-item::before {
content: "✓";
font-size: 16px;
color: #454950;
margin-right: 10px;
  }

.amenities{
  display: flex;
  align-items: center;
  justify-content: center;
}
.amenity-icon{
  height:24px;
  margin-bottom:11px;
}
.amenity{
  width:10%;
  font-family: 'Manrope', sans-serif;
  font-size: 12px;
  align-self: flex-start;
}

.hotels_schedules-info {
  display: flex;
  background-color: #F5F5F5;
  padding: 30px 0px 20px 0px;
  border-radius: 4px;
}

.hotels_schedules-holder {
  border-left: solid 1px #e6e6e6;
  width: 261px;
  padding-left: 30px;
}

.hotels_schedules-holder:first-child {
  border-left: none;
}

.hotels_schedules-text {
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.43;
  color: #273240;
  padding-bottom: 10px;
}

.hotels_schedules-time {
  font-family: 'Manrope', sans-serif;
  font-size: 12px;
  line-height: 1.43;
  color: #273240;
  padding-bottom: 5px;
}

.hotels_schedules-time:last-child {
  padding-bottom: 10px;
}


.show-less-button-holder {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

.show_less_hotel_info {
  width: 106px;
  height: 36px; 
  border-radius: 4px;
  border: solid 1px #273240;
  background-color: #ffffff;
  font-family: 'Manrope', sans-serif;
  font-size: 12px;
  line-height: 1.33;
  color: #273240;
  display: flex;
  justify-content: center;
  align-items: center;
}

.show-more-button-holder {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.show_more_hotel_info {
  width: 172px;
  height: 36px; 
  border-radius: 4px;
  border: solid 1px #273240;
  background-color: #ffffff;
  font-family: 'Manrope', sans-serif;
  font-size: 12px;
  line-height: 1.33;
  color: #273240;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hotel_info_long {
  display: none;
  margin-top: 30.5px;
}

.gallery_opener {
    width: 350px;
    height: 352px;
    background: transparent;
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 90px;
    cursor: pointer;
}

.call_or_map_hotelinfo {
  display: none;
}

.mobile_hotel_description_holder {
  display: none;
}

.hotel_info_header_mobile {
  display: none;
}

.see-more-text{
    font: 700 10px/13.66px 'Manrope', sans-serif;
    color:#9C9C9C
}

.share-component-setter{
    width: 520px;
}

.hotel_info .amenity-item {
    width: 210px;
    line-height: unset;
    display: flex;
}

.hotel_info .amenity-item::before {
    margin-right: 14px;
}

.hotel_info .amenity-category {
    margin-bottom: 20px;
}

/*  MOBILE */

@media (max-width: 1279px) {
  
    .hotel_info {
        max-width: unset;
        padding: unset;
        border-radius: unset;
        margin-bottom: 10px;
    }

    .hotel_info_details {
        flex-direction: column;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }

    .hotel_amenities {
        padding-top: 16px;
        padding-bottom: 33px;
    }

    .amenities_text {
        padding-bottom: 16px;
    }

    .amenity_icons_text {
        font-size: 12px;
    }

    .hotel_description {
        display: none;
    }

    .hotel_amenities_short {
        display: none;
    }

    .location_maps {
        display: none;
    }

    .call_or_map_hotelinfo {
        position: relative;
        display: flex;
        justify-content: center;
        width: 100%;
        background-color: #F5F5F5;
        height: 36px;
    }

    .no-phone .call_hotel_btn {
        display: none;
    }

    .no-phone .hotel_info_map_btn {
        width: 100%;
    }

    .no-phone.call_or_map_hotelinfo::after , .no-map.call_or_map_hotelinfo::after {
        display: none;
    }

    .no-map .hotel_info_map_btn {
        display: none;
    }

    .no-map.no-phone {
        display: none;
    }

    .call_hotel_btn, .hotel_info_map_btn {
        width: 50%;
        padding: 0;
        border: unset;
        color: #0C83D9;
        font-size: 12px;
        font-weight: 600;
        font-family: 'Manrope', sans-serif;
    }

    .hotel_info_map_btn {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: unset;
    }

    .img-for-call-hotel-btn {
        margin-right: 7px;
        margin-bottom: 4px;
    }

    .call_hotel_btn {
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }

    .hotel_info_map_btn, .c {
        stroke: #0C83D9!important;
    }

    .call_or_map_hotelinfo::after {
        content: "";
        position: absolute;
        height: 23px;
        background-color: #DFDFDF;
        width: 1px;
        right: 0px;
        left: 0px;
        margin: auto;
        top: 0;
        bottom: 0;
    }

    /* .header-search-bar {
        display: none;
    } */

    .header-top-spacer {
        height: 70px!important;
    }

    .show-more-button-holder {
        display: none;
    }

    .hotel_info_text {
        padding: 0px 22px 0px 20px;
        margin-top: 20px;
    }

    .hotel_info_header {
        display: none;
    }

    .hotel_info_header_mobile {
        display: block;
        background-image: url(/icons/arrow_v4.svg);
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: calc(50% - 6px);
        background-origin: content-box;
    }

    .hotel_name {
        font-size: 18px;
        margin-bottom: 0px;
    }

    .stars_icons {
        margin-bottom: 4px;
    }

    .hotels_address {
        margin-bottom: 0px;
    }

    .location_text {
        display: none;
    }

    .location_text_mobile {
        display: block;
        font-size: 12px;
        font-weight: normal;
        color: #273240;
        font-family: 'Manrope', sans-serif;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: normal;
        text-align: left;
        padding-right: 40px;
    }

    .show-less-button-holder {
        display: none;
    }

    .hotel_info_long {
        padding: 0px 20px;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    .amenity-group-wrap {
        display: flex;
        flex-direction: column;
        padding: 0px;
        grid-row-gap: 0px;
    }

    #amenities-component .amenity-group-single, .mobile_hotel_description_holder {
        border-bottom: 1px solid #DFDFDF;
        padding: 20px 0px;
    }

    #amenities-component {
        padding: unset;
    }

    .hotel_info_long #amenities-component {
        padding-top: 0;
    }

    .hotel_info .amenity-category {
        margin-bottom: unset;
    }

    .hotel_info .amenity-group-single {
        padding: 0;
    }

    .amenity-group-single:last-child {
        border-bottom: none;
    }

    #amenities-component .amenity-items, .amenity-items {
        display: none;
    }

    .amenity-items.show {
        display: block;
    }

    #amenities-component .amenity-items{
        display: none;
        flex-direction: row;
        flex-wrap: wrap;
        padding-top: 20px;
        gap: 10px 20px;
        padding-bottom: 10px;
    }

    #rooms_modal .amenity-items.show,
    #rooms-lp .amenity-items.show {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    #rooms-lp.hotel_info .amenity-item::before {
        margin-right: 10px;
    }
    .amenities_wrap {
        display: grid;
        grid-template-columns: auto auto;
        grid-column-gap: 0;
    }

    .amenity_icons {
        justify-content: flex-start;
        /*padding-bottom: 16px;*/
        grid-row-gap: 16px;
    }

    .hotels_schedules-info {
        display: none;
    }

    .amenity-category, .mobile_hotel_description_title {
        margin: 0px;
        padding: 0px;
        background-image: url(/icons/arrow_v4.svg);
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
        background-origin: content-box;
    }

    .amenity-category.open-bg-image, .mobile_hotel_description_title.open-bg-image {
        background-image: url(/icons/arrow_up_v4.svg);
    }

    .mobile_hotel_description_holder {
        display: block;
    }

    #rooms_modal .amenity-item,
    #rooms-lp .amenity-item {
        font: 400 13px/17.76px 'Manrope', sans-serif;
    }

    #rooms_modal .amenity-item:first-child,
    #rooms-lp .amenity-item:first-child {
        padding-top: unset;
    }

    .hotel_info .amenity-item {
        width: unset;
    }

    .hotel_info #amenities-component .amenity-items {
        padding-top: 0;
    }

    #rooms-lp.hotel_info #amenities-component .amenity-items{
        padding-top:20px;
    }

    .mobile_hotel_description_long {
        padding-top: 20px;
        font-family: 'Manrope', sans-serif;
        font-size: 13px;
        line-height: 2.15;
        color: #2c2f33;
    }

    .mobile_hotel_description_long.show {
        display: block;
    }

    .gallery_opener {
        width: 65%;
        left: 0px;
        right: 0px;
        margin: auto;
    }

    .amenity_icons:first-child {
        margin-bottom: 0px;
    }

    .modal-room-amenities-holder{
        display: grid;
        grid-template-columns: repeat(2, auto);
        width: 100%;
        gap: 0px 10px;
    }

    .room-divider{
        height: 0px;
        width: 100%;
        border-bottom: unset;
    }

    #rooms-lp .modal-room-amenities-holder {
        padding-bottom: 30px
    }

    .room-section .amenity-group-wrap{
        padding-top:0px;
        padding-bottom: 0px;
    }

    .mobile-name-and-share{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .roomrate:has(.rate_plan[data-has-loyalty="true"]) .rates-header, .rates-header {
        display: none;
    }

    .roomrate:not(:has(.show-hide-rate)):has(.rate_plan[data-has-loyalty="true"]) {
        padding-bottom: 10px !important;
    }

    .rate_plan[data-has-loyalty="true"] {
        margin-bottom: 20px;
        border-radius: 2px;
    }

    .rate_plan[data-has-loyalty="true"]:last-child {
        margin-bottom: 0px;
    }

    .rate_plan[data-has-loyalty="true"] .price-tags-mobile {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    .rate_plan[data-has-loyalty="true"] .price-tags {
        display: none;
    }

    .rate_plan[data-has-loyalty="true"] .top_rate_info_left {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #e6e6e6;
        max-width: unset;
        padding: 15px 0px;
    }

    .rate_plan[data-has-loyalty="true"] .right-part-of-rate {
        padding: 20px 0;
        border-bottom: 1px solid #e6e6e6;
    }

    .rate_plan[data-has-loyalty="true"] .right-part-of-rate:last-of-type {
        border-bottom: 0;
    }

    .rate_plan[data-has-loyalty="true"] .right-part-of-rate .price-step2, .rate_plan[data-has-loyalty="true"] .right-part-of-rate .button-div.no-extra, .rate_plan[data-has-loyalty="true"] .right-part-of-rate .button-div {
        padding: 20px 0 0 0;
    }

    .rate_plan[data-has-loyalty="true"] .top_rate_info_right {
        width: 100%;
    }

    .rate_plan[data-has-loyalty="true"]:last-child .top_rate_info_left {
        border-bottom: 1px solid #e6e6e6;
    }

    .rate_plan[data-has-loyalty="true"] .right-part-of-rate .price-step2 {
        border-right: 0;
    }

    .rate_plan[data-has-loyalty="true"] .right-part-of-rate .price-step2 {
        border-bottom: 0;
    }

    .rate_plan[data-has-loyalty="true"] .price-and-button {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-end;
        align-items: flex-end;
        justify-content: space-between;
    }

    .rate_plan[data-has-loyalty="true"] .price-and-button .price-and-button {
        width: unset;
    }

    .rate_plan[data-has-loyalty="true"] .right-part-of-rate .button-div.no-extra, .rate_plan[data-has-loyalty="true"] .right-part-of-rate .button-div {
        border-bottom: 0;
    }

    .rate_plan[data-has-loyalty="true"] .top_rate {
        padding: 0 15px;
    }

    .roomrate .photo-placeholder svg {
        width: 50px;
        height: 50px;
    }

    .thumbnails-placeholder {
        display: none;
    }

    .hotelresults_header {
        display: none;
    }

    .hotel_info_gallery {
        width: 100%;
        min-width: unset;
        height: 100%;
    }

    #hotel_map {
        overflow-y: hidden;
    }

    #hotel_map .modal-dialog {
        width: 100%;
        max-width: 100%;
        height: 100%;
        /* margin-top: 0px; */
        margin: 0px;
    }

    #map-wrap , #map {
        height: 100vh;
    }

    #hotel_map .close-modal {
        z-index: 10;
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        background-color: #fff;
        border-radius: 50%;
        width: 24px;
        height: 24px;
    }

    #hotel_map .close-modal .close-map svg {
        width: 14px;
        height: 14px;
    }

    #hotel_map .close-modal .close-map path {
        stroke: #273240;
        stroke-width: 3px;
    }
    
    #hotel_map .close-map{
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    #hotel_map .close_icon {
        width: 30px;
        height: 30px;
    }

    .loyalty-search-banner {
        border-radius: 0;
        margin-bottom: 10px;
    }

    .loyalty-search-banner-text {
        font-size: 14px;
    }

    .no-availabilty-red-message {
        position: static;
        display: block;
        margin: 0px 20px;
        border-top: 1px solid #E6E6E6;
        padding: 15px 0px;
        text-align: center;
    }

    .image-step2-mobile .img-for-gallery-background {
        width: 47px;
        height: 21px;
        position: absolute;
        bottom: 4.5px;
        right: 5px;
    }

    .image-step2-mobile .img-for-gallery-holder {
        bottom: 4.5px;
        right: 5px;
        width: 47px;
        height: 21px;
    }

    .room-modal-image-placeholder{
        width: 100%;
        height: 250px;
    }

    .room-image-container {
        width: 120px;
        height: 120px;
        min-width: unset;
    }

    .hotel_info_gallery .img-for-gallery-background {
        right: 15px;
        bottom: 12px;
    }

    .hotel_info_gallery .img-for-gallery-holder {
        bottom: 15px;
        right: 22px;
    }

    .header-top {
        height: 70px;
    }

    .mobile_hotel_search_bar {
        /*padding: 0px 15px;*/
        display: flex;
        justify-content: center;
        height: 68px;
        align-items: center;
        background-color: #fff;
        /*border-bottom: 1px solid #E6E6E6;*/
        cursor: pointer;
    }

    .mobile_hotel_search_bar_holder {
        display: block;
        padding: 0px 12px 0px 13px;
        /*margin-bottom: 10px;*/
        z-index: 3;
        position: sticky;
        transition: 0.3s;
    }

    .mobile_hotel_search_bar_holder.top-bar-closed {
        top: 70px !important;
    }

    .mobile_hotel_search_bar_holder.scrolled.top-bar-closed {
        top: 0 !important;
    }

    .mobile_hotel_search_bar .header-search-bar {
        display: block;
        position: static;
    }

    .header-search-bar.hotelresults {
        z-index: 11;
    }

    .mobile_dates_selected_holder {
        display: flex;
    }

    .mobile_change_selected {
        display: flex;
        border: none;
        flex-direction: column;
        padding: 0;
        color: #0C83D9;
        font-size: 9px;
        font-weight: 400;
        width: unset;
        background-color: unset;
    }

    .mobile_dates_preview {
        padding-left: 0px!important;
        align-self: center;
        width: unset!important;
        /*width: 136px!important;*/
        padding-right: 10px;
    }

    .mobile_selected_preview {
        align-self: center;
        padding-left: 10px!important;
        padding-right: 20px!important;
        /*width: unset!important;*/
        width: 153px!important;
    }

    .mobile_change_selected_icon {
        align-self: center;
    }
    
    .mobile_change_selected_icon .b {
        stroke: #0C83D9;
    }

    .mobile_arrow-right-dates_v4 {
        margin-left: 8px!important;
        margin-right: 8px!important;
    }

    .slogan_message_holder {
        display: none;
    }

    .flex-view-step2 {
        justify-content: space-between;
        margin-bottom: 0px;
    }

    #hotels_grid.full-width .flex-view-step2 {
        padding: 20px;
    }

    .room-info {
        order: 1;
        padding-left: 0px;
    }

    .room-image-container {
        order: 2;
    }

    .room-description, .more-about-room {
        display: none;
    }

    .hotelresults_body {
        padding: 0px 12px 0px 13px;
        max-width: unset;
    }

    #hotels_grid {
        width: 100%;
        margin-bottom: 0px;
    }

    .roomrate {
        background-color: #fff;
        padding-bottom: 1px;
        border-radius: 2px 2px 0px 0px;
        margin-bottom: 10px;
    }

    .top_rate_info_left {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .top_rate_info_left .restricted_text_holder, .closed_status, .diff_currency, .diff_payment_method {
        order: 5;
    }

    .rate-incentives {
        order: 3;
        margin-bottom: 15px;
    }

    .top_rate_info_left .top_rate_info {
        order: 2;
        width: 100%;
    }

    .top_rate_info_left .included_extras {
        order: 3;
    }

    .top_rate_info_left .cancelation_policy_holder {
        order: 4;
    }

    #rateplan-modal {
        height: 100vh;
        min-height: 100vh;
    }

    #rateplan-modal, .rateplan-modal {
        width: 100%;
    }
    #rateplan-top-body {
        flex-direction: column-reverse;
        align-items: center;
        border: 0;
        padding-bottom: 0;
    }

    #rateplan-modal-header {
        margin: 20px 0 5px;
    }
    #rateplan_hotel_text {
        margin-bottom: 15px;
    }

    #rateplan-name-modal {
        font-size: 18px;
    }

    #rateplan-resume {
        margin: 0;
    }

    #rateplan-content-holder {
        margin-right: 0;
    }

    #rateplan-resume, .rateplan-section, .single-rateplan-header, #single-rateplan-ajax #guarantees-penalties-component {
        padding-left: 15px;
        padding-right: 15px;
    }

    #single-rateplan-ajax .single-rateplan-header.header-mobile {
        display: block;
    }
    #single-rateplan-ajax .single-rateplan-header:not(.header-mobile) {
        display: none;
    }
    #single-rateplan-ajax .rateplan-book {
        font-size: 13px;
    }
   #single-rateplan-ajax .date-range {
        font-size: 14px;
    }

    #rateplan-gallery {
        margin-right: 0;
    }

    .rateplan-rate-modal {
    padding: 20px 0;
    }
    .rateplan-rate-modal, .word-break {
        font-size: 16px;
    }

    #rateplan-gallery, #rateplan-resume, .single-rateplan-header,
    #rateplan-download-pdf, #rateplan-download-pdf button {
        width: 100%;
    }
    #rateplan-download-pdf {
        display: inline-block;
        width: 100%;
    }
    .rateplan-book {
        border-bottom: 1px solid #E6E6E6;
    }
    #rateplan-download-pdf {
        padding-bottom: 20px;
    }

    .rate_plan {
        margin: 0px 10px 19px 10px;
        border: 1px solid rgba(39, 50, 64, 0.15);
        padding: 15px 13px 15px 15px;
        /* border: 1px solid #53AC2A; */
    }

    .rate_plan[data-quantity="0"] {
        border-left: 1px solid rgba(39, 50, 64, 0.15);
    }

    .top_rate {
        /* border: 1px solid rgba(39, 50, 64, 0.15);
        padding: 18px 13px 16px 15px; */
        flex-direction: column;
    }

    .incentive, .special_offer {
        height: 20px;
        font-size: 11px;
    }

    .cancelation_policy {
        margin-top: 4px;
    }

    .included_extras {
        margin-top: 0px;
    }

    .top_rate_info {
        margin-bottom: 5px;
        align-items: baseline;
        flex-direction: column;
    }

    .show-hide-holder {
        width: 100%;
        height: unset;
    }

    .show-hide {
        margin-top: 1px;
        margin-bottom: 20px;
    }

    /* .meal_icon {
        display: none;
    } */

    .price-and-button {
        flex-direction: row;
        width: 100%;
    }

    .price-step2 {
        align-items: flex-start;
    }

    .price-night {
        flex-direction: column;
        margin-bottom: 0px;
    }

    .room_name {
        font-size: 16px;
        padding-right: 20px;
    }

    .rate_name {
        font-size: 12px;
        margin-bottom: 10px;
        width: 100%;
    }

    .room-gallery-opener {
        height: 100%;
        width: 100%;
        left: 0;
        right: 0px;
        margin: 0px;
    }
    
    .mdc-checkbox--touch {
        padding-bottom: 0px;
        padding-right: 0px;
    }

    .mdc-checkbox__background {
        left: 0px!important;
    }

    .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background, .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background, .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background {
        border-color: #273240!important;
        background-color: #273240!important;
    }

    .button-div.no-extra {
        margin-top: 0px;
    }

    .button-div-holder {
        display: flex;
        align-items: center;
    }
    
    .room-btn-minus, .room-btn-plus, .room-btn-value {
        display: none;
    }

    .room-btn-plus, .room-btn-minus {
        width: 36px;
        height: 36px;
        color: #4A4E54;
        border: 1px solid #273240;
        border-radius: 3px;
        background-color: #fff;
        align-items: center;
        justify-content: center;
    }
    
    .room-btn-plus span, .room-btn-minus span {
        display: flex;
    }
    
    .room-btn-plus span svg, .room-btn-minus span svg {
        position: relative;
        display: -webkit-inline-box;
        -webkit-box-pack: center;
        -webkit-box-align: center;
    }

    .room-btn-plus svg path, .room-btn-minus svg path {
        fill: #273240;
        opacity: 1;
        stroke-width: 1px;
    }

    .room-btn-plus:disabled, .room-btn-minus:disabled {
        border: 1px solid #C5C5C5;
        background: #FFFFFF;
        color: #c5c5c5;
    }

    .room-btn-plus:disabled svg path, .room-btn-minus:disabled svg path {
        fill: #c5c5c5;
    }

    .room-btn-value {
        width: 41px;
        justify-content: center;
        align-items: center;
        color: #273240;
        font-size: 14px;
        font-weight: 600;
    }

    .number-of-guests-message {
        display: none;
    }

    .share_hotel_holder {
        display: none;
    }

    .hotel-filters {
        position: relative;
        margin-top: 0px;
    }

    .hotel-filters-holder {
        overflow-x: scroll;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }

    .hotel-filters-scroll {
        display: flex;
        min-width: max-content;
        padding-left: 13px;
        overflow: hidden;
    }

    .hotel-filters-background-blur {
        position: absolute;
        width: 80px;
        height: 73px;
        background: transparent linear-gradient(90deg, #EDEDED00 0%, #EDEDED 100%) 0% 0% no-repeat padding-box;
        right: 0px;
        top: 0;
        pointer-events: none; 
    }

    .filters_buttons {
        margin-top: 21px;
        margin-right: 12px;
    }

    .hotel-filters-holder .filters_title {
        display: none;
    }

    .hotel-filters-holder::-webkit-scrollbar {
        display: none;
    }

    .google-map-card-holder {
        left: -48px;
        top: 58px;
    }

    .t-tip, .t-tip__text  {
        display: none;
    }

    .room-gallery-opener.room-gallery-opener-mobile {
        display: block;
    }

    #all-rooms-list {
        display: none;
        max-width: 240px;
    }

    .room-modal-header {
        border-bottom: unset;
        padding: 20px;
    }

    .room-modal-header .container {
        width: 100%;
        max-width: unset;
        padding: 0px;
    }

    .room-modal-title {
        line-height: 22px;
    }

    .contain-room-modal {
        width: 100%;
        max-width: unset;
    }

    .room-modal-body {
        padding: 0px;
    }

    .room-section {
        flex-direction: column-reverse;
        padding-bottom: 20px;
        margin-bottom: 0px;
        justify-content: flex-end;
    }

    .room-info-section{
        flex-direction: column;
    }

    .room-section-right {
        width: 100%;
    }

    .room-popup .room-section-right{
        max-width: unset;
        width: 100% !important;
        order: 0;
    }

    .room-section-left {
        width: 100%;
        max-width: unset;
        position: relative;
        padding: 20px 20px 0px 20px;
    }

    #rooms_modal .room-section-left {
        padding: 0px 20px 0px 20px;
    }

    .room-popup .room-section-left{
        max-width: unset;
        width: 100% !important;
        order: 1;
    }

    #rooms_modal .room-info-section{
        border-bottom: unset;
    }

    .room-modal-share-desktop {
        display: none;
    }

    .room-modal-share-mobile {
        display: block;
        position: absolute;
        top: 23px;
        right: 24px;
    }

    .room-modal-share-mobile .share-modal-text span {
        display: none;
    }

    .room-modal-share-mobile .share-modal-text img {
        margin: 0px;
    }

    .modal_room_name {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .modal-room-description {
        margin-top: 20px;
        border: unset;
    }

    .modal-room-amenities-header {
        margin-top: 0px;
        margin-bottom: 21px;
        line-height: 22px;
    }

    /* REUSE? */
    .room_amenity_list_holder {
        display: none;
    }

    /* REUSE */
    .modal-room-amenity-holder {
        padding: 18.5px 0px;
        border-bottom: 1px solid #DFDFDF;
    }

    /* APAGAR? */
    .modal-room-amenity-category-name {
        margin: 0px;
        font-size: 16px;
        line-height: 22px;
        background-image: url('../icons/arrow_down_v4.svg');
        background-repeat: no-repeat;
        background-position-x: calc(100% - 20px);
    }

    /* APAGAR? */
    .modal-room-amenity-category-name:first-child {
        margin-top: 0px;
    }

    /* APAGAR? */
    .modal-room-amenity-holder.open .modal-room-amenity-category-name {
        background-image: url('../icons/arrow_up_v4.svg');
    }

    .modal-best-room-price-holder.desktop {
        display: none;
    }

    .modal-best-room-price-holder.mobile {
        display: flex;
        margin: 0;
        justify-content: center;
        width: 100%;
        max-width: unset;
    }

    .modal-best-room-price-holder {
        padding: 15px 17px 20px 18px;
    }

    .logged-in .modal-best-room-price {
        margin-bottom: 20px;
    }
    
    .logged-in .modal-best-room-price {
        flex-direction: row;
    }

    .modal-best-room-price-down {
        margin-top: 14px;
        align-items: end;
    }

    .logged-in .modal-best-room-price-down {
        flex-direction: column;
        align-items: center;
    }

    .modal-best-room-price-general {
        flex-direction: column;
        align-items: center;
    }

    .logged-in .modal-best-room-price-title-holder {
        display: flex;
        align-items: center;
    }

    .logged-in .modal-best-room-price-title-holder img {
        margin-right: 5px;
    }

    .modal-best-room-price-general .modal-best-price {
        font-size: 20px;
    }

    .logged-in .modal-best-room-price-general.member .modal-best-price {
        color: #008009;
    }

    .logged-in .modal-best-room-price-general .modal-best-price {
        color: #273240;
    }

    .modal-best-room-price-general .price-total .currency_symbol_price, 
    .modal-best-room-price-general .price-total .decimal_value_price {
        font-size: 12px;
        font-weight: bold;
    }

    .logged-in .modal-best-room-price-general {
        justify-content: space-between;
    }

    .logged-in .modal-best-room-price-general.member {
        padding-left: 20px;
        color: #008009;
    }

    .logged-in .modal-best-room-price-general.public {
        padding-right: 20px;
        border-right: 1px solid #DFDFDF;
    }

    .modal-price-info-holder {
        flex-direction: column;
        align-items: baseline;
    }

    .logged-in .modal-price-info-holder {
        align-items: center;
        flex-direction: column;
    }

    .modal-best-room-price-general-title {
        font-weight: 600;
        padding-right: 0px;
        margin-bottom: 1px;
        line-height: 17px;
    }

    .modal-best-room-price-general .price-before {
        margin: 0px;
    }

    .price-before {
        margin-bottom: 0px;
    }

    .modal-best-room-price-general .currency_symbol_price,
    .modal-best-room-price-general .decimal_value_price {
        font-size: 16px;
    }

    .logged-in .modal-best-room-price-btn-holder {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .logged-in .modal-best-room-price-btn {
        width: 100%;
        margin-bottom: 10px;
    }

    .modal-best-room-price-btn {
        min-width: fit-content;
        padding: 8px 11px 9px 11px;
        min-width: 132px;
    }

    .modal-best-room-price-btn-holder {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .modal-best-room-price-btn-holder .partial-payment {
        margin-bottom: 5px;
    }

    #modal-rateplan .modal-dialog {
        margin: 0px;
        max-width: unset;
    }

    #modal-rateplan .modal-content {
        min-height: 100vh;
        border: unset;
        border-radius: unset;
    }

    #rateplan-modal-loader {
        position: static;
    }

    #rateplan-modal-loader .gooey {
        bottom: 50%;
        top: unset;
    }

    .modal-button-desktop {
        display: none;
    }

    #information-popup .modal-button-desktop, #children-not-included .modal-button-desktop {
        display: block;
    }

    #modal-rateplan .close_icon {
        width: 16px;
        height: 16px;
        vertical-align: unset;
    }

    .modal-button-phone {
        display: block;
        position: absolute;
        top: 23px;
        right: 21px;
        padding: 0px;
    }

    .rate_details {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 16px;
        font-weight: bold;
        color: #242223;
        line-height: 22px;
        height: 62px;
        padding-left: 20px;
        border-bottom: 1px solid rgba(112, 112, 112, 0.15);
    }

    #single-rateplan-ajax .rate_details {
        padding-left: 15px;
    }

    #single-rateplan-ajax .container.rateplan-padding {
        padding: 0px;
    }

    #hotel {
        border-bottom: unset;
        margin-bottom: 30px;
    }

    .rateplan-book {
        padding-top: 0px;
    }

    .hotel_name_holder {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 14px;
    }

    #hotel_name {
        margin-bottom: 0px;
        font-size: 16px;
    }

    .loyalty-discount-value {
        text-align: left;
    }

    #amenities-component .amenity-items {
        border-bottom: unset;
    }

    #rooms_modal .amenity-group-wrap,
    #rooms-lp .amenity-group-wrap {
        border-top: solid 1px #e6e6e6;
        grid-row-gap: 0px;
        margin: 0px 20px;
    }

    .room-info-icons-modal{
        display: grid;
        grid-template-columns: repeat(2, auto);
        gap: 5px 10px;
    }

    .room-modal-price-container{
        display: flex;
        justify-content: center;
        width: 100%;
        margin-top:20px
    }

    .share-component-setter{
        width: unset;
    }

    .share-title-mobile{
        display: none;
    }

    .see-more-tooltip{
        left: -115px;
    }

    .be-slider.hotel-results-image-gallery,
    .be-slider.hotel-results-image-gallery
    .be-slide,
    .gallery-container.hotel-results-image-gallery,
    .rateplan-image-gallery
     {
        max-width: unset;
        min-width: unset;
        width: 100% !important;
        height: 100% !important;
        max-height: 348px;
    }

    .be-slider.hotel-results-image-gallery,
    .be-slider.hotel-results-image-gallery
    .be-slide,
    .be-slider.hotel-results-image-gallery .be-slide img,
    .rateplan-image-gallery
    {
        border-radius: 0 !important;
    }

}

@media (max-width: 575px){
    .modal-best-room-price-btn {
        width: fit-content;
    }
}

/*search bar for mobile with low resolution STILL NEED TO BE ACCEPTED*/

@media (max-width: 400px) {
    .mobile_hotel_search_bar {
        padding: 0px 10px;
    }

    .mobile_arrow-right-dates_v4 {
        margin-left: 8px;
        margin-right: 8px;
    }

    .mobile_selected_preview {
        padding-right: 10px!important;
        width: unset!important;
        justify-content: unset!important;
    }

    .mobile_rooms_preview {
        padding-left: 5px;
        padding-right: 5px;
    }

    .mobile_dates_preview {
        width: unset!important;
    }
}

@media (max-width: 374px) {
    .mobile_selected_preview .mobile_nights_preview {
        display: none;
    }

    .mobile_selected_preview .mobile_rooms_preview {
        padding-left: 0px;
    }

    .mobile_selected_preview {
        padding-right: 10px!important;
    }

    .amenity_icons{
        max-width: calc(50vw - 20px);
    }
}

@media (max-width: 330px) {
    .mobile_selected_preview {
        padding-right: 0px!important;
    }
    
    .mobile_hotel_search_bar {
        justify-content: space-between;
    }

    .mobile_arrow-right-dates_v4 {
        margin-left: 6px!important;
        margin-right: 6px!important;
    }
}