/* General BE Styles */

:root {
    --ob-ui-main-font-color: rgb(39, 50, 64);
    --ob-ui-main-semi-transparent-bg-color: rgba(39, 50, 64, 0.7);
}

img[lazy="true"] {
    opacity: 0;
    transition: opacity 0.15s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
}

img[lazy="true"].loaded {
    opacity: 1;
}

.photo-placeholder {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    background-color: var(--be-image-placeholder-background, #ededed);
    border-radius: 4px;
    z-index: 1;
    aspect-ratio: 3 / 2;
    max-height: 348px;
}

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

.be-slider-slides-counter {
    position: absolute;
    background-color: var(--ob-ui-main-semi-transparent-bg-color, rgba(39, 50, 64, 0.7));
    padding: 4px 7px;
    bottom: 10px;
    right: 10px;
    display: flex;
    gap: 5px;
    align-items: center;
    border-radius: 4px;
    pointer-events: none;
    height: fit-content;
    transform: translateY(calc(-100% - 12px));
    top: 100%;
    z-index: 1;
}

.gallery-counter-container {
    position: absolute;
    background-color: var(--ob-ui-main-semi-transparent-bg-color, rgba(39, 50, 64, 0.7));
    padding: 4px 7px;
    bottom: 10px;
    right: 10px;
    display: flex;
    gap: 5px;
    align-items: center;
    border-radius: 4px;
    pointer-events: none;
    z-index: 2;
}

.gallery-counter {
    font-family: 'Manrope', sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: normal;
    color: #ffffff;
}

.svg-icon.gallery-photo-count svg path {
    fill: #ffffff;
}

.icon-dark svg path {
    stroke: var(--ob-ui-main-font-color, rgb(39, 50, 64));
}

/* Default Slider Styles */ 

.be-slider {
    width: var(--be-slider-width, 100%);
    height: var(--be-slider-height, 100%);
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}

.be-slider .be-slide img {
    opacity: var(--be-slider-initial-img-opacity, 0);
    transition: opacity 0.15s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 3 / 2;
}

.be-slider .be-slide img.loaded {
    opacity: 1;
}

.be-slider-wrapper {
    display: flex;
    transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    gap: 0px 10px;
    width: 100%;
    height: 100%;
}

.be-slider-lazy-preloader {
    width: var(--be-slider-loader-size, 32px);
    height: var(--be-slider-loader-size, 32px);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: calc(0px - calc(var(--be-slider-loader-size, 32px) / 2));
    margin-top: calc(0px - calc(var(--be-slider-loader-size, 32px) / 2));
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: var(--be-slider-loader-border-width, 2px) solid var(--be-slider-loader-color, #ffffff);
    border-radius: 50%;
    border-top-color: transparent;
}

.be-slider-navigation {
    position: absolute;
    top: 50%;
    margin-top: calc(0px - (var(--be-slider-nav-size, 24px) / 2));
    z-index: 9;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--be-slider-nav-color, #ffffff);
    transition: opacity 0.15s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    background: var(--be-slider-nav-bg-color, var(--ob-ui-main-semi-transparent-bg-color, rgba(39, 50, 64, 0.7)));
    border-radius: 50%;
    padding: var(--be-slider-nav-padding, 5px);
}

.show-nav-on-hover .be-slider-navigation.show-on-hover {
    opacity: 0;
}

.show-nav-on-hover:hover .be-slider-navigation.show-on-hover {
    opacity: 1;
}

.show-nav-on-hover:hover .be-slider-navigation.be-slider-nav-disabled.show-on-hover {
    opacity: var(--be-slider-disabled-nav-opacity, 0.5);
}

.be-slider-nav-disabled {
    opacity: var(--be-slider-disabled-nav-opacity, 0.5);
    pointer-events: none;
}

.be-slider-lazy-preloader {
    animation: slider-preloader-spin 1s infinite linear;
}

.be-slider-button-prev.nav-inside {
    left: var(--be-slider-nav-inside-button-prev-offset, 10px);
    right: auto;
}

.be-slider-button-next.nav-inside {
    right: var(--be-slider-nav-inside-button-next-offset, 10px);
    left: auto;
}

.be-slider-button-prev.nav-outside {
    left: calc(calc(0px - calc(var(--be-slider-nav-size, 24px) - calc(var(--be-slider-nav-padding, 5px) * 2))) - var(--be-slider-nav-outside-button-prev-offset, 50px));
    right: auto;
}

.be-slider-button-next.nav-outside {
    right: calc(calc(0px - calc(var(--be-slider-nav-size, 24px) - calc(var(--be-slider-nav-padding, 5px) * 2))) - var(--be-slider-nav-outside-button-next-offset, 50px));
    left: auto;
}

.be-slider-navigation svg {
    width: calc(var(--be-slider-nav-size, 24px) - calc(var(--be-slider-nav-padding, 5px) * 2));
    height: auto;
}

.be-slider-navigation svg path {
    stroke: var(--be-slider-nav-color, #ffffff);
    stroke-width: 1.5px;
}

.be-slide {
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-shrink: 0;
    width: 100% !important;
    height: 100%;
    background-color: var(--be-slide-background, #ededed);
    border-radius: 5px;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
}

.be-slider-thumbnails-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    box-sizing: content-box;
    margin-top: 10px;
    transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
}

.be-slider-thumbnail {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: var(--be-slide-background, #ededed);
    flex-shrink: 0;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    margin-right: 10px;
    opacity: var(--be-slide-inactive-thumbnail-opacity, 0.4);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
}

.be-slider-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
}

.be-slider-thumbnail img.image-error {
    opacity: 0;
    display: none;
}

.be-slider-thumbnail img.loaded {
    opacity: 1;

}

.be-slider-thumbnail:hover, .be-slider-thumbnail.thumbnail-active {
    opacity: 1;
}

.be-slider-thumbnail .be-slider-lazy-preloader {
    width: var(--be-slider-loader-size, 24px);
    height: var(--be-slider-loader-size, 24px);
    margin-left: calc(0px - calc(var(--be-slider-loader-size, 24px) / 2));
    margin-top: calc(0px - calc(var(--be-slider-loader-size, 24px) / 2));
}

.be-slider-pagination {
    bottom: var(--be-slider-pagination-bottom-position, 20px);
    position: relative;
    display: flex;
    margin: 0 auto;
    width: 100%;
    height: var(--pagination-dot-height, 8px);
    justify-content: center;
    align-items: center;
    margin-top: calc(0px - var(--pagination-dot-height, 8px));
    z-index: 1;
}

.be-slider-pagination-dot {
    background-color: var(--pagination-dot-color, #ffffff);
    transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    border-radius: var(--pagination-dot-border-radius, 4px);
    opacity: var(--pagination-dot-opacity, 0);
    width: 0;
    height: 0;
    margin-left: 0;
    margin-right: 0;
    transform: scale(0);
}

.be-slider-pagination-dot.pagination-dot-active, .be-slider-pagination-dot.pagination-dot-active-prev, .be-slider-pagination-dot.pagination-dot-active-prev-prev, .be-slider-pagination-dot.pagination-dot-active-next, .be-slider-pagination-dot.pagination-dot-active-next-next {
    width: var(--pagination-dot-width, 8px);
    height: var(--pagination-dot-height, 8px);
    margin-left: calc(var(--pagination-dot-distance-between, 5px) / 2);
    margin-right: calc(var(--pagination-dot-distance-between, 5px) / 2);
}

.be-slider-pagination-dot.pagination-dot-active {
    opacity: var(--pagination-active-dot-opacity, 1);
    width: var(--pagination-dot-active-width, 35px);
    transform: scale(var(--pagination-active-dot-scale, 1));
}

.be-slider-pagination-dot.pagination-dot-active-prev {
    opacity: var(--pagination-prev-dot-opacity, 1);
    transform: scale(var(--pagination-prev-dot-scale, 1));
}

.be-slider-pagination-dot.pagination-dot-active-next {
    opacity: var(--pagination-next-dot-opacity, 1);
    transform: scale(var(--pagination-next-dot-scale, 1));
}

.be-slider-pagination-dot.pagination-dot-active-prev-prev {
    opacity: var(--pagination-prev-prev-dot-opacity, 1);
    transform: scale(var(--pagination-prev-prev-dot-scale, 1));
}

.be-slider-pagination-dot.pagination-dot-active-next-next {
    opacity: var(--pagination-next-next-dot-opacity, 1);
    transform: scale(var(--pagination-next-next-dot-scale, 1));
}

.be-slider-pagination-dot:not(.pagination-dot-active):first-child {
    margin-left: 0;
}

.be-slider-pagination-dot:not(.pagination-dot-active):last-child {
    margin-right: 0;
}

.be-slider-pagination-dot-clickable {
    cursor: pointer;
}

.be-slider-pagination-dot-clickable:hover, .pagination-dot-active {
    opacity: 1;
}

.be-slide img.image-error {
    opacity: 0;
    display: none;
}

.be-slide.slide-error .be-slider-wrapper-placeholder-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--be-slide-background, #ededed);
    border: 3px solid #ffffff;
}

.be-slider-thumbnail.slide-error .be-slider-thumbnails-wrapper-placeholder-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--be-slide-background, #ededed);
}

span.svg-icon.be-slider-thumbnails-wrapper-placeholder-icon svg {
    width: 24px;
}

.loader-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: var(--loader-top, 0);
    z-index: 0;
    pointer-events: none;
    justify-content: center;
    max-height:220px;
}
.single-rate-content .loader-container.mobile{
	top: 0;
	max-height: unset;
}


.search-loading-message{
    display: none;
}
.loader-container.page-loader,.loader-container.basket{
    display:none;
}
.loader-container.page-loader .search-loading-message{
    display:block;
}

/* Full Screen Gallery Grid Styles */

.container.gallery-header-container, .container.full-gallery-header-container {
    display: flex;
    flex-direction: row;
    align-items: initial;
    gap: 1rem;
    margin-top: 0.5rem;
    width: 920px;
}

.full-image-gallery-modal.modal.show .modal-dialog{
    background: rgba(2, 2, 1, 0.7);
}

.modal-dialog-scrollable .modal-content{
    overflow: hidden;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    max-height: 100%;
    height: 100%;
    border: unset;
}
 
.modal-content.v4 {
    align-items: center;
    top: 10% !important;
  }

.gallery-opener.v4 {
    position: unset;
    height: unset;
}

.modal-dialog.v4 {
    max-width: unset;
}

.gallery-header .gallery-title, .full-gallery-header .full-gallery-title-container{
    margin-left: auto;
} 

.gallery-header .gallery-title, .full-gallery-header .full-gallery-title {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin: 0;
    text-align: left;
}

.full-gallery-title.v3{
    font-family: 'Roboto', sans-serif;
    padding-bottom: 10px;
}

.gallery-title.v3{
    font-family: 'Roboto', sans-serif;
}

.modal-header.gallery-header, .modal-header.full-gallery-header {
    border-bottom: unset;
    padding: unset;
}

.container.gallery-header-container, .gallery-body-container {
    max-width: 500px;
}

.container.gallery-header-container, .container.gallery-body-container, .container.full-gallery-header-container, .container.full-gallery-body-container {
    padding: 0;
}

.container.full-gallery-body-container {
    width: fit-content;
}

.image-gallery-modal button.close.popup-button.close-modal, .full-image-gallery-modal button.close.popup-button.close-modal {
    position: unset;
}

.modal-dialog.modal-fullscreen{
    align-items: center;
    overflow: hidden;
}

.modal-fullscreen-close-container{
    position: relative;
    margin-left: auto;
}

.modal-content.gallery-content {
    background: #020203;
}

.modal-content.full-gallery-content {
    background: transparent;
}

.modal-close-icon path {
    stroke: #ffffff;
}

.modal-body.full-gallery-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 0px;
    overflow-x: hidden;
}

.gallery-container.checkout-hotel-image-gallery {
    width: 920px;
    position: relative;
}




.gallery-container.default-desktop-image-gallery-modal{
    width: 920px;
    position: relative;
}

.checkout-hotel-image-gallery .be-slider-navigation {
    --be-slider-nav-size: 32px;
    --be-slider-nav-outside-button-prev-offset: 100px;
    --be-slider-nav-outside-button-next-offset: 100px;
    --be-slider-nav-bg-color: #ffffff;
    --be-slider-nav-color: var(--ob-ui-main-font-color, rgb(39, 50, 64));
}

.gallery-opener {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0px;
    margin: 0px;
    z-index: 9;
}

.gallery-grid {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.gallery-grid img {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: 4px !important;
}


@keyframes slider-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

/* Gooey Loader Styles */

.loader-dots {
    width: calc(calc(var(--loader-dot-size, 16px) * 4) + calc(calc(var(--loader-dot-spacing, 8px)) * 3));
    height: var(--loader-dot-size, 16px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    filter: url('#gooey');
}

.loader-dot {
    width: var(--loader-dot-size, 16px);
    height: var(--loader-dot-size, 16px);
    border-radius: 50%;
    background-color: var(--loader-dot-color, black);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.loader-dot:first-child {
    left: calc(0px - calc(calc(var(--loader-dot-size, 16px) * 4) + var(--loader-dot-spacing, calc(var(--loader-dot-size, 16px) / 2))));
}

.loader-dot:nth-child(2) {
    left: calc(0px - calc(var(--loader-dot-size, 16px) + var(--loader-dot-spacing, calc(var(--loader-dot-size, 16px) / 2))));
}

.loader-dot:nth-child(3) {
    left: calc(var(--loader-dot-size, 16px) + var(--loader-dot-spacing, calc(var(--loader-dot-size, 16px) / 2)));
}

.loader-dot:last-child {
    left: calc(calc(var(--loader-dot-size, 16px) * 4) + var(--loader-dot-spacing, calc(var(--loader-dot-size, 16px) / 2)));
}

.moving-dot {
    animation: moving-dot var(--loader-animation-duration, 2.5s) ease infinite;
}

.fixed-dot {
    animation: fixed-dot var(--loader-animation-duration, 2.5s) ease infinite;
}

@keyframes moving-dot {
    50% {
        transform: translateX(calc(calc(var(--loader-dot-size, 16px) * 4) + var(--loader-dot-spacing, calc(var(--loader-dot-size, 16px) / 2))))
    }

    100% {
        transform: translateX(0px)
    }
}

@keyframes fixed-dot {
    50% {
        transform: translateX(calc(0px - calc(var(--loader-dot-size, 16px) + var(--loader-dot-spacing, calc(var(--loader-dot-size, 16px) / 2)))))
    }

    100% {
        transform: translateX(0px)
    }
}

/* no rooms available bar component */
.no-rooms-avail-info-bar{
    display: flex;
    background-color: #4B8CF4;
    border-radius: 4px;
    height: 71px;
    margin-bottom: 20px;
    color: #fff;
    padding: 15px 15px 20px 15px;
    width:100%;
    justify-items: flex-start;
}

.no-rooms-info-combo{
    margin-top:0px;
    display: flex;
    flex-direction: row;
    gap:15px; 
}

.no-rooms-info-combo img {
    display: inline-block;
}

.no-rooms-avail-info-bar img{
    height: 24px;
    width: 24px;
}

.no-results-message-bold{
    font-weight: 700;
    line-height: 20px;
} 

.no-rooms-bar-V3 .no-results-message-bold{
    font-size: 13px;
}

.no-rooms-bar-V4 .no-results-message-bold{
    font-size: 14px;
}

.no-results-sub-message{
    font-weight: 400;
    font-size: 13px;
} 


.modify-search-button{
    display: flex;
    flex-direction: row;
    gap: 5px;
    background-color: #fff;
    color :#4B8CF4;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 700;
    margin-left: auto;
    cursor: pointer;
    align-items: center;
    line-height: 16px;
}

.modify-search-button .svg{
    width: 16px;
    height: 16px;
}

.no-rooms-bar-V3 .modify-search-button{
    border-radius: 50px;
    margin-top: 4px;
    text-transform: uppercase;
    height: 32px;
}

.no-rooms-bar-V4 .modify-search-button{
    font-size: 14px;
    border-radius: 4px;
    margin-top: 3px;
    height: 35px;
}

/* Candidate bar component */
.offer-info-bar {
    background:#273240;
    padding-left: 10px;
    color:white;
    font-size: 16px;
    line-height: 1.19;
    font-weight: 500;
    margin:0;
    height: 80px;
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 4px;
    margin-bottom: 10px;
}
.options-text-bold{
    font-weight: 700;
}

.offer-info-icon {
    height: 32px;
    width: 32px;
    margin: 0px 15px 0px 10px;
}

.filters-exist{
    width: 808px;  
}

/* 185370: [BE V3 & V4] Incluir no check-out o meio de pagamento da Koin */
.koin-container{
    padding-right: 5px;
}

.koin-container.v3{
    padding: 0px 5px 0px 5px;
}

.koin-container.v3 .personal-box_info.ceplink{
    padding-top: 15px !important;
}

.koin-container:not(.v3) .personal-box_info.full-width{
    padding-right: unset !important;
}

.koin-container .material-textfield input, 
.koin-container #input-district{
    border-radius: 4px;
    border-color: #C5C5C5;
}

.koin-container .addicional-personal-data{
    padding-right: unset !important;
}

.koin-container:not(.v3) .input-right-padding:not(.full-width){
    padding-right: unset !important;
    padding-left: 10px !important;
}

.koin-container:not(.v3) .input-left-padding:not(.full-width){
    padding-right: 10px !important;
}

.koin-container hr{
    margin: 0px;
    margin-top:10px;
}

.koin-container .cep_container{
    padding-right: 12px;
}

.koin-container.v3 .cep_container{
    padding-right: unset;
}

.koin-container .error{
    max-width: unset;
}


.koin-header{
    display: flex;
    flex-direction: row;
    margin-bottom:30px;
}

.k-koin{
    width: 20px;
    margin-left: -24px;
}

.k-koin.v3{
    margin-left: unset;
}

.koin-info{
    font: 700 16px/22px 'Manrope', sans-serif;
    margin-left: 10px;
}

.koin-guide-container{
    padding: 30px 30px 28px 30px;
    background-color: #fff;
    border-radius: 4px;
    display: none;
    margin-top: 20px;
}
.koin-guide-container.v3{
    padding: 20px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.attention-container{
    display: flex;
    flex-direction: row;
    background-color: #FFF5D9;
    border-left: solid #FFA200 3px;
    padding: 15px;
    border-radius: 4px;
    margin: 0px 30px; 
}

.attention-container.v3{
    margin: 0px;
}

.attention-text{
    font-size: 13px;
    line-height: 18px;
    color: #616161;
    margin-left: 18px;
}

.attention{
    font-weight: 700;
    color:#273240;
}

.koin-guide-steps-container{
    display: flex;
    flex-direction: column;
    background-color: #FAFAFA;
    border-radius: 8px;
    margin: 20px 30px 0px 30px;
    overflow: hidden;
}

.koin-guide-steps-container.v3{
    margin: 20px 0px 0px 0px;
}


.koin-guide-steps-header{
    width: 100%;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #054F31;
    padding: 20px 15px;
}

.koin-guide-steps{
    display:flex;
    flex-direction: column;
    gap: 30px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #273240;
    margin: 20px;
}

.koin-guide-step{
    display:flex;
    flex-direction: row;
    gap: 15px;
}

.koin-guide-step-icon{
    width: 18px;
    height: 18px;
}

.step-text-combo{
    display: flex;
    flex-direction: column;
}

/* FT 188402 Book-Price-Modals*/

#modal-room-details {
    scrollbar-width: none;  /* Hide scrollbar in Firefox */
    padding-left: unset !important;
}
#modal-room-details::-webkit-scrollbar {
    display: none;          /* Hide scrollbar in Chrome, Safari and Edge */
}


.book-price-container{
    padding: 20px 30px 0px 30px;
    border-radius: 4px 4px 0px 0px;
}

.book-price-container.v3{
    padding-top: 30px;
}

.book-price-top-row{
    display:flex;
    flex-direction: column;
}

.close-book-price-modal{
    position: absolute;
    top: 18px;
    right: 30px;
}

#book-price-details-room-name{
    font: 700 16px/30px 'Manrope', sans-serif;
    color: #273240;
    margin-bottom:5px;
}

#book-price-details-room-name.v3{
    font: 700 24px/28px 'Roboto', sans-serif;
    color: #1E2023
}

#book-price-details-occupancy{
    font: 400 13px/17px 'Manrope', sans-serif;
    color: #273240;
    margin-bottom: 30px;
    display: block
}

#book-price-details-occupancy.v3{
    font: 400 16px/18px 'Roboto', sans-serif;
}

#book-price-details-cancelation-conditions{
    display: block;
}

.full-line-description-container{
    display: block;
    justify-content: left;
}

.price-modal-gray-title{
    font: 700 11px/15px 'Manrope', sans-serif;  
    color: #9C9C9C;
    margin-bottom: 15px;
    text-transform: uppercase;
    display: block;
}

.price-modal-gray-title.v3{
    font: 700 14px/16px 'Roboto', sans-serif; 
    color: #2C2F33;
    text-transform: none;
    margin-bottom: 10px;
}

.book-price-cancel-conditions{
    font: 400 13px/17px 'Manrope', sans-serif;
    color: #008009;
    display: block;
}

.book-price-cancel-conditions.v3{
    font: 400 13px/15px 'Roboto', sans-serif;
}

.line-container{
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
    margin-bottom: 10px;
}

.line-container.subtotal{
    margin-top: 15px;
}

.description-container{
    flex: 2;
    min-width: 289px;
    text-align: left;
    word-wrap: break-word;
    overflow: hidden;
    font: 400 13px/17px 'Manrope', sans-serif;
    color: #273240;
}

.description-container.v3{
    flex: 2;
    min-width: 289px;
    font: 400 14px/16px 'Roboto', sans-serif;
    position: relative;
    align-content: center;
}

.description-container.v3:not(.no-bullet)::before{
    font: 400 20px/16px 'Roboto', sans-serif;
    display: inline-flex;
    flex: 2;
    content: '•'; /* Cria o bullet como círculo */
    flex-shrink: 0; /* Impede que o bullet seja redimensionado */
    margin-right: 5px;
}


.description-container.details{
    font: 400 13px/17px 'Manrope', sans-serif;
    color: #9C9C9C;
    margin-top: -7px;

}

.description-container.details.v3{
    font: 400 13px/15px 'roboto', sans-serif;
    color: #8C99AF;
    margin-top: -7px;
    margin-left: 12px;
}

.book-price-details-incentive{
    padding: 3px 5px 3px 5px;
    border-radius: 2px;
    background-color: #4B8CF4;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 14px;
    letter-spacing: normal;
    color: #ffffff !important;
    margin-left: 5px;
    display: inline-block;
    position: relative; 
    margin-bottom: 0;
}

.book-price-details-discount-code{
    padding: 3px 5px 3px 5px;
    border-radius: 2px;
    background-color: #008009;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 14px;
    letter-spacing: normal;
    color: #ffffff !important;
    margin-left: 5px;
    display: inline-block;
    position: relative; 
    margin-bottom: 0;
}

.value-container{
    flex: 1;
    min-width: 141px;
    text-align: right;
    font: 400 13px/17px 'Manrope', sans-serif;
}

.value-container.v3{
    font: 400 14px/16px 'Roboto', sans-serif;
}

.value-container.value-subtotal, 
.value-container.value-subtotal .price, 
.value-container.value-subtotal .deci,
.value-container.value-subtotal .symbol{
    font: 700 13px/17px 'Manrope', sans-serif;
    color: #273240;
}

.value-container.value-subtotal.v3, 
.value-container.value-subtotal.v3 .price, 
.value-container.value-subtotal.v3 .deci,
.value-container.value-subtotal.v3 .symbol{
    font: 700 14px/16px 'Roboto', sans-serif;
    color: #273240;
}

#book-price-details-total{
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-top: 20px;
    justify-content: space-between;
    background-color: #F5F5F5;
    padding: 20px 30px;
    border-radius: 0px 0px 4px 4px;
}

#book-price-details-total.v3{
    padding: 25px 30px 20px 30px;
}

.total-left-container{
    display: flex;
    flex-direction: column;
}

.step-small{
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color:#616161;
    margin-top: 5px
}

.reminder-container{
    display: flex;
    flex-direction: row;
    background-color: #F6FEF6;
    border-radius: 8px;
    border: solid #7BF47B 1px;
    padding: 20px;
    color:#0B8E0B;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    gap: 15px;
}

.reminder-bell-icon{
    height: 24px;
    width: 24px;
}

.reminder-text{
    display: flex;
    flex-direction: column;
}

.total-title{
    font: 700 14px/19px 'Manrope', sans-serif;
}

.total-title.v3{
    font: 700 16px/18px 'Roboto', sans-serif;
    color: #FFFFFF;

}

.total-right-container{
    display: flex;
    flex-direction: column;
}

.reminder-text-title{
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
}
    
.price-total-value, .total-tax-included, .total-partial-payment{
    display: flex;
    justify-content: right;
}

.price-total-value{
    margin-bottom: 5px;
}

.price-total-value{
    font: 700 18px/19px 'Manrope', sans-serif;
    color: #008009;
}

.price-total-value.v3, 
.price-total-value.v3 .symbol, 
.price-total-value.v3 .price, 
.price-total-value.v3 .deci{
    font: 700 25px/18px 'Roboto', sans-serif;
    color: #FFFFFF;
}

.total-tax-included{
    font: 400 12px/16px 'Manrope', sans-serif;
    color: #273240;
}

.total-tax-included.v3{
    font: 400 11px/18px 'Roboto', sans-serif;
    color: #FFFFFF;
}

.total-partial-payment{
    margin-top: 5px;
    font: 600 12px/16px 'Manrope', sans-serif;
    color:#273240;
    cursor: pointer;
}

.total-partial-payment .partial_payments_info{
    margin-bottom:0px;
}

.total-partial-payment:hover {
    text-decoration: underline;
}



/* .total-partial-payment.v3{
    font: 600 12px/16px 'Manrope', sans-serif;
    color:#FFFFFF;
    cursor: pointer;
} */

#toggle-view-more{
    display: flex;
    justify-content: right;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #4B8CF4;
    cursor: pointer;
    align-items: center;
    gap: 5px;
}

#toggle-view-more.v3{
    line-height: 14px;
}

#hidden-lines{
    width: fit-content;
}

.share_dropdown_icon{
    cursor: pointer;
}

#guarantees-penalties-component .policy-title {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 12px;
}

#guarantees-penalties-component .policy-description {
  font-size: 14px;
}

#guarantees-penalties-component .guarantee-policy,
#single-rateplan-ajax #guarantees-penalties-component .guarantee-policy:last-child {
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

#guarantees-penalties-component .guarantee-policy:last-child {
  border-bottom: unset;
  padding-bottom: 0;
  margin-bottom: 0;
}

@media (max-width: 1279px) {   
    .be-slider-thumbnails-wrapper.hide-on-mobile {
        display: none;
    }   
    .be-slider-slides-counter {
        top: 100% !important;
    }
    .gallery-photo-count svg {
        width: 12px;
        height: 12px;
    }

    /* koin */

    .koin-container{
        padding-right: unset;
    }

    .k-koin{
        margin-left: unset;
    }

    .koin-container:not(.v3) .input-left-padding:not(.full-width) {
        padding-right: 0px !important;
    }

    .koin-container:not(.v3) .input-right-padding:not(.full-width){
        padding-left: 0px !important;
    }
    

    .koin-container.v3 .input-left-padding:not(.full-width) {
        padding-right: 15px !important;
    }

    .koin-guide-container{
        padding: 20px 0px;
    }

    .attention-container {
        margin: 0px 20px; 
    }

    .koin-guide-steps-container {
        margin: 20px 20px 0px 20px;
    }

    .koin-container.v3 .personal-box_info.ceplink{
        padding-top: 15px !important;
    }

    .modal-header.gallery-header, .modal-header.full-gallery-header {
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        width: 100%;
    }
}

@media(max-width: 1200px) and (min-width: 992px){
    .no-rooms-avail-info-bar{
        width: unset;
    }
    .filters-exist{
        width: unset;  
    }
}

@media (max-width: 992px){
    .no-rooms-avail-info-bar{
        flex-direction: column;
        padding: 15px 15px 20px 15px;
        align-items: flex-start; 
        height: auto;
    }
    .filters-exist{
        width: unset;  
    } 
    .no-rooms-bar-V3 .no-results-message-bold{
        font-size: 13px;
        line-height: 16px;
    }
    .no-rooms-bar-V4 .no-results-message-bold{
        font-size: 12px;
        line-height: 18px;
    } 
    .no-results-sub-message{
        display: none;
    }
    .modify-search-button {
        margin-left: 40px; 
        margin-right: auto;
        height: auto;
    }
    .no-rooms-bar-V3 .modify-search-button {
        gap: 10px;
        margin-top: 20px;
    }

    .no-rooms-bar-V4 .modify-search-button {
        height: 16px;
        gap: 10px;
        background-color: unset;
        color: #ffffff;
        text-decoration: underline;
        font-weight: 400;
        margin-left: 30px;
        margin-top:15px;
        font-size: 12px;
        
    }

    .no-rooms-bar-V4 .modify-search-button .svg-icon{
        --stroke-color: #ffffff;
    }

    .koin-guide-container.v3{
        padding: 20px 15px;
    }

    .koin-container.v3 .col-md-6{
        max-width: unset;
        flex: 0 0 100%
    }

    .koin-container.v3 .input-left-padding,
    .koin-container.v3 .input-right-padding,
    .koin-container.v3 .input-left-padding:not(.full-width){
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    
    /* FT 188402 Book-Price-Modals*/

    #modal-room-details{
        padding-right: unset !important;
    }

    #modal-details  .modal-fullscreen .modal-content {
        height: unset;
    }

    .book-price-container{
        padding: 20px 20px 0px 20px;
    }

    .book-price-container.v3{
        padding: 20px 15px 0px 15px;
    }

    .close-book-price-modal{
        top: 20px !important;
        right: 20px !important;
    }

    .close-book-price-modal.v3{
        top: 15px !important;
        right: 15px !important;
    }

    #book-price-details{
        height:100%
    }
    .modal-details.mobile-full{
        width: 100%;
        margin: unset !important;
        background-color: #FFFFFF;
    }

    .book-price-container{
        padding-top: 0px;
    }

    #mobile-sticky-top{
        top:0px;
        width: 100%;
        position:fixed;
        margin-left: -20px;
        padding: 20px 20px 0px 20px;
        background-color: #FFFFFF;
        z-index:9999;
    }

    #mobile-sticky-top.v3{
        top:0px;
        width: 100%;
        position:fixed;
        margin-left: -15px;
        padding: 15px 15px 0px 15px;
        background-color: #FFFFFF;
        z-index:9999;
    }

    .mobile-scroll-divider{
        border-bottom: #E6E6E6 solid 1px;
    }

    #book-price-details-occupancy{
        margin-bottom: 15px;
    }

    #book-price-details-cancelation-conditions{
        margin-top:97px;
    }

    #book-price-details-cancelation-conditions.v3{
        margin-top:67px;
    }


    #book-price-details-daily-rates{
        height: 100%;
    }

    .description-container{
        min-width: unset !important;
    }

    .value-container{
        min-width: unset;
        max-width: 110px;
    }

    #hidden-lines {
        width: 100%;
    }

    #book-price-details-total{
        position:sticky;
        bottom:0px;
        padding: 25px 20px 20px 20px;
        border-radius: 0px;
    }

    #book-price-details-total.v3{
        padding: 25px 15px 20px 15px;
    }
    .modal-dialog.mobile-full{
        max-width: unset;
    }

    .container.gallery-header-container, .container.full-gallery-header-container{
        margin-top: unset;
        padding: 1rem 0rem;
        justify-content: space-between;
        align-items: center;
        display: flex;
        flex-direction: row;
    }

    #guarantees-penalties-component .guarantee-policy:last-child {
        border-bottom: 1px solid #E6E6E6;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
}

@media(max-width: 530px){
    .container.gallery-header-container{
        padding: 1rem 1rem;
    }
}