body {
    font-family: "museo-sans", sans-serif;
}

/* Estilos para checkboxes redondeados */
.rounded-checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    top: 5px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    border: 1px solid #707070;
    /* Color del borde */
    outline: none;
    cursor: pointer;
    background-color: white;
}

.rounded-checkbox input[type="checkbox"]:checked {
    background-color: var(--principal-color);
    /* Color de fondo cuando está marcado */
    border: 1px solid var(--second-color);
    /* Color del borde cuando está marcado */
}

input[type="checkbox"],
input[type="radio"] {
    height: 16px;
}

.aljpr-container {
    padding: 40px;
}

.aljpr-container strong {
    font-weight: 900;
}

.aljpr-big-box {
    border-radius: var(--radius-box);
    padding: 80px;
}

.aljpr-box {
    border-radius: var(--radius-box);
    padding: 24px 36px 24px 36px;
}

.aljpr-small-box {
    border-radius: var(--radius-box);
    padding: 10px 24px 10px 24px;
}

.aljpr-extra-small-box {
    border-radius: var(--radius-box);
    padding: 10px;
}

.aljpr-square-box {
    border-radius: var(--radius-box);
    padding: 20px !important;
}

.aljpr-box.shadow-box {
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
}

.box-border{
    border: 1px solid rgb(245, 245, 245);
    border-top: 1px solid var(--principal-color);
    background: white;
    -webkit-box-shadow: 4px 5px 22px -19px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 37px -21px rgba(0, 0, 0, 0.75);
}
.box-border.no-top{
    border-top: 1px solid rgb(245, 245, 245);
}
.back-grey-no-alpha {
    background-color: rgb(218, 218, 218);
}

.back-grey {
    background-color: rgba(218, 218, 218, 0.84);
}

.back-grey-alpha {
    background-color: rgba(218, 218, 218, 0.54);
}

.back-solidgrey {
    background-color: #707070;
}

.back-lightgrey {
    background-color: rgb(245, 245, 245);
}

.back-lightgrey-alpha {
    background-color: rgba(245, 245, 245, 0.57);
}

.back-white {
    background-color: #FFFFFF;
}

.back-white-alpha {
    background-color: rgba(255, 255, 255, 0.65);
}

.back-primary {
    background-color: var(--principal-color);
}

.back-secondary {
    background-color: var(--second-color);
}

.back-alert {
    /* background-color: #FAB720; */
    background-color: #FC7E00;
}

.back-error {
    background-color: #D82C2C;
}

.text-grey {
    color: #707070 !important;
}

.text-white {
    color: white;
}

.text-primary {
    color: var(--principal-color) !important;
}

.text-secondary {
    color: var(--second-color) !important;
}

.text-black {
    color: #212529;
}

.text-error {
    color: #D82C2C !important;
}

.text-success {
    color: #228B22 !important;
}

.text-alert {
    color: #FC7E00 !important;
}

.fw-700 {
    font-weight: 700;
}

.fw-900 {
    font-weight: 900;
}

.no-cursor {
    cursor: default !important;
}

.cursor-pointer {
    cursor: pointer;
}

.custom-border{
    border-radius: var(--radius-input-buttons);
}

.aljpr-container .navbar-brand img {
    max-height: 100px;
}

.aljpr-input-container {
    border-radius: var(--radius-input-buttons);
    padding: 5px;
    height: 46px;
}

.aljpr-input-container.input-border, .aljpr-small-input-container.input-border{
    border: 1px solid #dadada;
}

.aljpr-textarea-container {
    border-radius: var(--radius-input-buttons);
    padding: 5px;
    height: 120px;
}

.aljpr-small-input-container {
    border-radius: var(--radius-input-buttons);
    padding: 2px;
    height: 25px;
}

.aljpr-small-input-container.extra-services {
    padding: 5px;
}

.aljpr-input-container i,
.aljpr-icon-container i {
    font-size: 20px;
}

.aljpr-small-input-container i,
.aljpr-small-icon-container i {
    font-size: 15px;
}

.aljpr-input-container .input-group .input-group-append,
.aljpr-small-input-container .input-group .input-group-append {
    margin-left: 0 !important;
}

.aljpr-input-container.high {
    height: 60px;
    padding-left: 30px;
}

.aljpr-input {
    padding: 0 !important;
    border: 0 !important;
    color: #707070 !important;
    border-radius: var(--radius-input-buttons) !important;
    height: auto !important;
    background-color: white !important;
    min-width: 35px;
}

.aljpr-input.extra-small {
    font-size: 12px;
}

.aljpr-input.back-primary {
    background-color: var(--principal-color) !important;
}

.aljpr-input.text-white {
    color: white !important;
}

.aljpr-input.applied {
    font-weight: 700;
}

.aljpr-input:focus-visible {
    outline: 0;
}

.aljpr-input.error {
    color: #D82C2C !important;
}

.aljpr-icon-container {
    width: 58px;
    border-radius: var(--radius-input-buttons) !important;
    padding: 8px 20px 7px 20px;
    text-align: center;
    cursor: pointer;
    border: 0 !important;
}

.aljpr-small-icon-container {
    border-radius: var(--radius-input-buttons) !important;
    padding: 3px 14px;
    text-align: center;
    cursor: pointer;
    border: 0 !important;
}

.navbar .aljpr-small-icon-container {
    padding: 2px 14px;
}

.aljpr-icon-container.percentage-icon {
    padding-top: 6px;
    padding-bottom: 5px;
}

.aljpr-small-icon-container.extra-small {
    padding: 3px 10px;
}

.price-with-discount{
    z-index: 1;
}
.price-with-discount-percentage{
    margin-left: -14px;
    border-radius: 0 var(--radius-input-buttons) var(--radius-input-buttons) 0 !important;
}

.input-group-append .aljpr-icon-container,
.input-group-preppend .aljpr-icon-container,
.input-group-append .aljpr-small-icon-container,
.input-group-preppend .aljpr-small-icon-container {
    border: var(--bs-border-width) solid var(--bs-border-color);
}

.aljpr-icon-container.small-pb {
    padding-bottom: 4px;
}

.aljpr-icon-container.back-primary i,
.aljpr-icon-container.back-secondary i,
.aljpr-small-icon-container.back-primary i,
.aljpr-small-icon-container.back-secondary i,
.aljpr-btn.back-alert i {
    color: white;
}

.aljpr-icon-container.back-white i,
.aljpr-small-icon-container.back-white i {
    color: #707070;
}

.transparent {
    border-color: transparent !important;
    background: transparent !important;
}

.aljpr-btn {
    border: 0;
    border-radius: var(--radius-input-buttons);
    padding: 5px;
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
}

.aljpr-btn.btn-border {
    border: 2px solid var(--principal-color);
    background-color: transparent;
    padding-left: 10px;
    padding-right: 10px;
}

.aljpr-btn.btn-slim-border {
    border: 1px solid #dadada;
}

.aljpr-btn.btn-border i {
    color: var(--principal-color);
    margin-top: -3px;
}

.back-primary .aljpr-btn.btn-border {
    border: 2px solid white;
    color: white;
}

.back-primary .aljpr-btn.btn-border i {
    color: white;
}

.aljpr-btn.btn-danger {
    color: white;
    background-color: #D82C2C;
    border-color: #D82C2C;
}

.navbar .aljpr-btn {
    margin-left: 10px;
}

.aljpr-btn.pr-none {
    padding-right: 5px;
}

.pl-25 {
    padding-left: 25px;
}

.aljpr-btn.pl-none {
    padding-left: 5px;
}

.aljpr-btn.h-1 {
    min-height: 46px;
    height: fit-content;
}

.aljpr-btn.h-2 {
    min-height: 38px;
}

.aljpr-btn.back-primary,
.aljpr-btn.back-secondary,
.aljpr-btn.back-alert,
.aljpr-small-box.back-primary,
.aljpr-box.back-primary {
    color: white;
}

.aljpr-btn.back-primary:disabled {
    opacity: 1;
    background: var(--second-color);
    cursor: not-allowed;
    color: white;
}

.back-primary .aljpr-btn.back-alert,
.back-primary .aljpr-btn.back-primary {
    background-color: white;
    color: var(--principal-color);
}

.back-primary .discount-popup .text-primary {
    color: white !important;
}

.back-primary .back-white.in-cart {
    color: var(--second-color);
}

.back-primary .text-primary{
    color: white !important;
}

.aljpr-btn .original-price {
    margin-left: 15px;
    margin-right: 10px;
    text-decoration: line-through;
    font-weight: 600;
    color: var(--second-color);
}

.aljpr-btn.btn-cart {
    min-height: 38px;
}

.aljpr-btn.high {
    min-height: 60px;
    font-size: 36px;
}

/* SMARTNOTES */
.smartnotes-component::-webkit-scrollbar {
    display: none;
}
.row-border{
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    border-radius: 0;
}
.border-grey{
    border-color: #dadada !important;
}
.border-bottom{
    border-bottom: 1px solid #dadada !important;
    margin-left: 24px;
    margin-right: 24px;
}
.border-radius{
    border-radius: var(--radius-box);
}
.smartnotes-component .smartnote{
    width: 340px;
}
.aljpr-small-box.smartnote.back-primary {
    border: 1px solid var(--principal-color);
}

.aljpr-small-box.smartnote.back-grey {
    border: 1px solid rgba(218, 218, 218, 0.84);
}

.aljpr-small-box.smartnote.back-grey:hover {
    border: 1px solid var(--principal-color);
}

/* MODAL */
.aljpr-container.integration .modal-dialog {
    margin-top: 350px;
}

.aljpr-container .modal.fade.show {
    opacity: 1 !important;
}

.aljpr-container .modal {
    background: rgba(0, 0, 0, .5);
}

.aljpr-container .modal-dialog {
    z-index: 1000;
    overflow: auto;
    overflow-y: auto;
    min-height: 0;
    border-radius: var(--radius-box);
    background: transparent;
    padding-top: 20px;
    padding-right: 20px;
}

.aljpr-container .modal-content {
    border-radius: var(--radius-box);
    border: 0;
}

.aljpr-container .modal-close-button {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 50px;
    height: 50px;
    background: var(--principal-color);
    border-radius: 66px;
    z-index: 2000;
    text-align: center;
    padding-top: 8px;
    cursor: pointer;
}

.aljpr-container .modal-close-button i {
    font-size: 21px;
    margin-top: 6px;
    color: white;
}

#roomInfo .carousel,
#roomInfo .carousel .carousel-inner,
#roomInfo .carousel .carousel-inner img {
    max-height: 400px;
    border-radius: 17px;
}

#carouselPropertyInfo.carousel .carousel-inner {
    border-radius: 17px;
}

.text-center.small {
    margin-top: -4px;
}

.form-control:focus {
    box-shadow: none;
}

.aljpr-container .resume-text-title {
    font-weight: 700;
    color: #707070;
    font-size: 14px;
}

.aljpr-container .resume-text-content {
    font-weight: 300;
    color: #707070;
    font-size: 12px;
}

.aljpr-container .total-text-title {
    font-weight: 300;
    font-size: 14px;
    color: var(--second-color);
}

.aljpr-container .total-text-content {
    font-weight: 700;
    font-size: 14px;
    color: var(--second-color);
}

/* MAP */
.aljpr-container .map {
    width: 100%;
    height: 240px;
    border-radius: var(--radius-box);
}

.aljpr-container .map iframe {
    border-radius: var(--radius-box);
}

/* FILTERS */
.aljpr-container .order-filter {
    cursor: pointer;
}

.aljpr-container .order-filter span {
    margin-right: 8px;
}

.aljpr-container .filters i {
    margin-left: 8px;
}

.aljpr-container .order-filter i.fa-sort-down {
    margin-top: -7px;
}

.aljpr-container .order-filter i.fa-sort-up {
    margin-top: 12px;
}

/* CHAIN CONTAINER */
.aljpr-container .aljpr-image-container {
    height: auto;
    max-height: 250px;
    min-height: 175px;
    width: 100%;
    border-radius: var(--radius-box);
}

.aljpr-container .aljpr-image-service-container {
    height: 175px;
    width: 100%;
    border-radius: var(--radius-box);
    background-size: cover;
}

.aljpr-container .property-detail .aljpr-icon-container {
    bottom: 5px;
    right: 5px;
}

.aljpr-container h3.property-title,
.aljpr-container h4.room-title {
    font-weight: 900;
}

.aljpr-container .property-category {
    font-size: 20px;
    position: relative;
    top: -2px;
    color: var(--principal-color);
}

.aljpr-container h5 {
    font-weight: 700;
}

.service-icons img {
    margin-right: 10px;
    margin-bottom: 10px;
    height: 28px;
}

.aljpr-container .aljpr-best-price {
    margin-top: -5px;
}

.aljpr-container .aljpr-best-price .old-best-price {
    text-decoration: line-through;
    font-size: 25px;
}

.aljpr-container .aljpr-best-price .best-price {
    font-weight: 900;
    font-size: 40px;
}

.aljpr-container .property-detail .hidden {
    display: none;
}

.aljpr-container .property-detail .show {
    display: block;
}

.aljpr-container .property-description-summary a,
.aljpr-container .property-description-full a {
    font-weight: 900;
    color: inherit;
}

/* DROPDOWNS */
.aljpr-container .dropdown-menu {
    border: 0;
    border-radius: var(--radius-box);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0px 0px 5px 2px #F5F5F5;
}

.aljpr-container .dropdown-item {
    font-weight: 900;
}

/* CUSTOM SPACING*/
.aljpr-container .aljpr-ml1 {
    margin-left: 1rem;
}

.aljpr-container .aljpr-ml5 {
    margin-left: 5px;
}

.aljpr-container .aljpr-ml10 {
    margin-left: 10px;
}

.aljpr-container .aljpr-ml20 {
    margin-left: 20px;
}

.aljpr-container small {
    color: #707070;
}

.aljpr-container .aljpr-mr5 {
    margin-right: 5px;
}

.aljpr-container .aljpr-mr10,
.aljpr-container .aljpr-sm-mr10,
.aljpr-container .aljpr-md-mr10 {
    margin-right: 10px;
}

.aljpr-container .aljpr-mr20 {
    margin-right: 20px;
}

.aljpr-fs-small {
    font-size: small;
}

.aljpr-fs-smaller {
    font-size: smaller;
}

.aljpr-fs-medium {
    font-size: medium;
}

.aljpr-fs-large {
    font-size: large;
}

.aljpr-fs-11 {
    font-size: 11px;
}

.aljpr-container .room-detail .price {
    font-weight: 900;
    font-size: 20px;
}

.aljpr-container .sticky-cart-top {
    position: fixed !important;
    top: 76px !important;
    bottom: auto;
}

.aljpr-container .sticky-cart-bottom {
    position: fixed !important;
    bottom: 10px;
    top: auto;
}

/* CART */
.aljpr-container .name-board {
    color: var(--principal-color);
}

.aljpr-container #bodyCart h4 {
    margin: 0;
    font-weight: 900;
}

#divContentCartContainerMobile {
    position: fixed;
    bottom: 0;
    font-size: 22px;
    border-radius: 50px 50px 0px 0px;
    margin-left: -28px;
    display: none;
    z-index: 1;
}

.aljpr-container #divContentCartContainerMobile.cart-icon {
    bottom: 20px !important;
    left: 10px !important;
    padding: 16px 18px 12px 18px !important;
    border-radius: 40px !important;
    width: auto;
    z-index: 2;
}

/* POPOVER */
.popover.aljpr-popover,
.popover.aljpr-popover-top {
    border: 0 !important;
    background-color: #F5F5F5 !important;
    font-size: 14px;
}

.popover.aljpr-popover .popover-arrow::before,
.popover.aljpr-popover .popover-arrow::after {
    border-right-color: #F5F5F5 !important;
}

.popover.aljpr-popover-top .popover-arrow::before,
.popover.aljpr-popover-top .popover-arrow::after {
    border-top-color: #F5F5F5 !important;
}

.aljpr-tooltip {
    --bs-tooltip-bg: #fff !important;
    --bs-tooltip-color: inherit;
    --bs-tooltip-opacity: 1;
    --bs-tooltip-max-width: 500px;
    --bs-tooltip-padding-x: 20px;
    --bs-tooltip-padding-y: 10px;
    --bs-tooltip-border-radius: var(--radius-box);
}

.tooltip {
    -webkit-box-shadow: 0px 0px 13px 1px rgba(186, 182, 186, 1);
    -moz-box-shadow: 0px 0px 13px 1px rgba(186, 182, 186, 1);
    box-shadow: 0px 0px 13px 1px rgba(186, 182, 186, 1);
    border-radius: var(--radius-box);
}

/* MODALS */
#commentsModal .global-rate {
    font-size: 40px;
    font-weight: 900;
    color: var(--principal-color);
}

#commentsModal .customer-rate {
    font-size: 30px;
    font-weight: 900;
    color: var(--principal-color);
}

#commentsModal .customer-rate {
    font-size: 30px;
    font-weight: 900;
    color: var(--principal-color);
}

#commentsModal .progress {
    border-radius: var(--radius-input-buttons);
    height: 26px;
}

#commentsModal .progress .progress-bar {
    background: var(--principal-color);
    border-radius: var(--radius-input-buttons);
}

#commentsModal .property-reply {
    color: white !important;
    background: #707070;
}

/* Estilo para el proveedor en comentarios */
#commentsModal .provider {
    color: #7C8789;
    font-size: 12px;
    background-color: #f5f5f5;
    padding: 2px 8px;
    border-radius: var(--radius-input-buttons);
    margin-left: 8px;
    display: inline-block;
}

.aljpr-container ul.list-group{
    border-radius: var(--radius-box);
}

/* NO DISPO CALENDAR */
.price_calendar_wrapper {
    border-radius: var(--radius-box);
    /* font-family: Montserrat,sans-serif; */
    line-height: normal;
    margin: 0 auto 55px;
    width: auto;
}

.price_calendar_wrapper div {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: initial;
}

.price_calendar_wrapper .full_container {
    padding: 20px;
    max-width: 1140px;
}

.price_calendar_wrapper .full_container .calendar_wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper .month_selector_wrapper {
    display: flex;
    margin-bottom: 10px;
    position: relative;
}

.selector_full_wrapper {
    display: inline-block;
    position: relative;
    z-index: 4;
    height: 30px;
}

.top_wrapper .selector_full_wrapper {
    z-index: 4;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper .month_selector_wrapper .month_selector,
.top_wrapper {
    height: 30px;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper .month_selector_wrapper .month_selector .selector_full_wrapper .selector_wrapper {
    line-height: 30px;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper .month_selector_wrapper .month_selector .selector_full_wrapper:not(.show) .selector_wrapper .selector,
.price_calendar_wrapper .full_container .top_wrapper .selectors_wrapper .filters_selector_wrapper .filter_selector .selector_full_wrapper:not(.show) .selector_wrapper .selector {
    display: none;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper .month_selector_wrapper .month_selector .selector_full_wrapper.show .selector_wrapper {
    box-shadow: 0 6px 6px rgba(0, 0, 0, .161);
    height: auto;
}

.price_calendar_wrapper .selector_label {
    border-color: transparent;
    box-shadow: none;
    font-size: 24px;
    font-weight: 700;
    padding: 3px 16px;
    text-align: center;
    cursor: pointer;
}

.price_calendar_wrapper .filters_selector_wrapper .selector_label {
    font-size: 16px;
    font-weight: 400;
}

.price_calendar_wrapper .selector_label svg {
    margin-bottom: 4px;
    margin-left: 10px;
    height: 7px;
    width: auto;
}

.price_calendar_wrapper .filters_selector_wrapper .selector_label svg {
    margin-bottom: 1px;
}

.previous_month,
.next_month {
    cursor: pointer;
}

.previous_month.disabled {
    cursor: not-allowed;
    color: lightgray;
}

.previous_month i,
.next_month i {
    font-size: 30px;
}

.selector_label i {
    font-size: 18px;
}

.filter_selector .selector_label i {
    margin-left: 5px;
    font-size: 15px;
}

.previous_month svg,
.next_month svg {
    height: 7px;
    width: auto;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper .month_selector_wrapper .month_selector .selector_full_wrapper .selector_wrapper .selector {
    color: #8d8d8d;
    max-height: 260px;
    overflow-y: auto;
    padding: 10px;
    background-color: white;
}

.selector_full_wrapper .selector_wrapper .selector .option {
    cursor: pointer;
}

table.month_wrapper {
    border-collapse: initial;
    border-spacing: 5px;
    margin: 0 auto;
    text-align: center;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper table.month_wrapper thead tr td {
    color: #aaa;
    font-size: 20px;
    font-weight: 400;
    padding: 1px;
    text-align: center;
    vertical-align: middle;
}

.price_calendar_wrapper td.day_wrapper {
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper table.month_wrapper tbody tr td.day_wrapper {
    border-radius: 8px;
    color: #2BA96F;
    height: 55px;
    padding: 1px;
    position: relative;
    text-align: center;
    width: 61px;
}

.closed {
    color: #E75353 !important;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper table.month_wrapper tbody tr td.day_wrapper.disabled {
    color: #adadad;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper table.month_wrapper tbody tr td.day_wrapper.disabled .day {
    font-weight: 300 !important;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper table.month_wrapper tbody tr td.day_wrapper.has_min_stay {
    color: #E69524;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper table.month_wrapper tbody tr td.day_wrapper .day {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    position: relative;
    top: 1px;
    z-index: 3;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper table.month_wrapper tbody tr td.day_wrapper .price {
    bottom: 1px;
    font-size: 11px;
    margin: 0 auto;
    position: relative;
    width: max-content;
    z-index: 3;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper table.month_wrapper tbody tr td.day_wrapper .min_stay {
    font-size: 11px;
    padding-bottom: 1px;
    position: relative;
    width: 100%;
    z-index: 3;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper table.month_wrapper tbody tr td.day_wrapper.has_min_stay:before {
    border: 3px solid var(--principal-color);
    border-radius: 8px;
    box-sizing: border-box;
    content: "";
    height: 100%;
    left: 50% !important;
    position: absolute;
    top: 50% !important;
    opacity: 0.12;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper table.month_wrapper tbody tr td.day_wrapper .min_stay:after {
    background-color: var(--principal-color);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    opacity: .12;
    position: absolute;
    width: 100%;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper table.month_wrapper tbody tr td.day_wrapper.selected {
    color: white !important;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper table.month_wrapper tbody tr td.day_wrapper.selected:before {
    background-color: var(--principal-color);
    border-radius: 8px;
    color: white;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    opacity: 1;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper table.month_wrapper tbody tr td.day_wrapper.hover:after,
.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper table.month_wrapper tbody tr td.day_wrapper.selected:after {
    background-color: var(--principal-color);
    content: "";
    height: 100%;
    left: 0;
    opacity: .13;
    position: absolute;
    top: 0;
    width: calc(100% + 5px);
    z-index: 1;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper table.month_wrapper tbody tr td.day_wrapper.selected.start_date:after {
    border-radius: 8px;
    width: 100%;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper table.month_wrapper tbody tr td.day_wrapper.selected:not(.start_date):after {
    border-radius: 0 8px 8px 0;
    width: 100%;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper table.month_wrapper tbody tr td.day_wrapper.selected.start_date+.hover:after {
    left: -9px;
    width: calc(100% + 14px);
}

.price_calendar_wrapper .full_container .top_wrapper {
    margin-top: 10px;
    display: inline;
}

.price_calendar_wrapper .full_container .top_wrapper .top .selectors_wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

.price_calendar_wrapper .full_container .top_wrapper .top .selectors_wrapper .filters_selector_wrapper .selector_full_wrapper .selector_wrapper {
    background-color: #fff;
    border-radius: var(--radius-box);
    box-shadow: 0 6px 6px rgba(0, 0, 0, .161);
    font-size: 16px;
    font-weight: 400;
    height: auto;
    left: 0;
    line-height: 30px;
    min-width: 173px;
    position: relative;
    top: 0;
    width: 100%;
    width: max-content;
}

.price_calendar_wrapper .full_container .top_wrapper .top .selectors_wrapper .filters_selector_wrapper .selector_full_wrapper:not(.show) .selector_wrapper {
    box-shadow: none;
    height: 100%;
}

.price_calendar_wrapper .full_container .top_wrapper .top .selectors_wrapper .filters_selector_wrapper .selector_full_wrapper .selector_wrapper .selector_label {
    border: 1px solid #ebebeb;
    border-radius: var(--radius-input-buttons);
    cursor: pointer;
    padding: 3px 16px;
    text-align: center;
}

.price_calendar_wrapper .full_container .bottom_wrapper .top .info_currency_wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.price_calendar_wrapper .full_container .bottom_wrapper .top .info_currency_wrapper .left_wrapper .legends_wrapper {
    color: #8d8d8d;
    display: flex;
    font-size: 14px;
}

.price_calendar_wrapper .full_container .bottom_wrapper .top .info_currency_wrapper .left_wrapper .legends_wrapper .legend {
    align-items: center;
    display: flex;
    margin-right: 15px;
    margin-bottom: 8px;
}

.price_calendar_wrapper .full_container .bottom_wrapper .top .info_currency_wrapper .left_wrapper .legends_wrapper .legend .icon {
    display: inline-block;
    height: 24px;
    margin-right: 10px;
    position: relative;
    width: 24px;
    border-radius: var(--radius-input-buttons);
}

.icon.dispo {
    background-color: #2BA96F;
}

.icon.no_dispo {
    background-color: #E75353;
}

.icon.min_stay {
    background-color: #E69524;
}

.price_calendar_wrapper .full_container .bottom_wrapper .top .info_currency_wrapper .left_wrapper .notice_info {
    color: #8d8d8d;
    font-size: 14px;
    font-style: italic;
    margin-top: 10px;
}

.price_calendar_wrapper .full_container .top_wrapper .top .selectors_wrapper .filters_selector_wrapper .selector_full_wrapper .selector_wrapper .selector {
    max-height: 175px;
    color: #8d8d8d;
    overflow-y: auto;
    padding: 10px;
}

.price_calendar_wrapper .full_container .calendar_wrapper .month_full_wrapper table.month_wrapper tbody tr td.day_wrapper.closed .no_dispo_text {
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
}

.price_calendar_wrapper .full_container .top_wrapper .top .selectors_wrapper button {
    margin-top: 8px;
    font-size: 18px;
}

/*
*   ANIMATIONS
*/

.btn-animation {
    -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
}

.aljpr-btn.back-primary.btn-animation:hover,
.aljpr-icon-container.back-primary.btn-animation:hover {
    box-shadow: 0 0 40px 40px var(--second-color) inset;
}

.aljpr-btn.back-alert.btn-animation:hover {
    box-shadow: 0 0 40px 40px #d16500 inset;
}

.button-pulse {
    animation: pulse 1s infinite;
    transition: .3s;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    70% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}

.button-scale {
    transition: all .1s ease-in-out;
}

.button-scale:hover {
    transform: scale(1.05);
}

.ui-datepicker.ui-widget.ui-widget-content,
#ui-datepicker-div.ui-datepicker {
    z-index: 12 !important;
}

.notify {
    border-radius: var(--radius-box) !important;
}

#map {
    height: 350px;
    width: 100%;
    border-radius: var(--radius-box) !important;
}

/*--------datepicker----------*/
.datepicker {
    cursor: pointer;
}

/*---------end datepicker--------*/

/*------- inside calendar--------*/
.ui-datepicker th {
    padding: 0.3em 0em;
    border-block-start: 0px !important;
    background-color: unset;
}

.ui-widget.ui-widget-content {
    border-radius: var(--radius-box);
}

.ui-widget-header {
    border: 0px;
    background: unset;
    margin-bottom: 10px;
}

.ui-datepicker-month {
    text-transform: capitalize !important;
}

.ui-state-hover {
    border: 0px !important;
    background-color: #FFFFFF00 !important;
    cursor: pointer;
}

.ui-datepicker table {
    border: none !important;
}

.ui-datepicker td span,
.ui-datepicker td a {
    text-align: center;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 0px;
    color: #FFFFFF !important;
    background: var(--principal-color) !important;
}

.ui-datepicker-current-day a:hover {
    color: #FFFFFF !important;
}

.ui-state-default:hover {
    color: var(--principal-color) !important;
    border-radius: var(--radius-box);
}

.ui-state-default {
    border: 0px !important;
    background: none !important;
    border-radius: var(--radius-box);
}

.ui-datepicker-today a {
    color: #333333 !important;
    background-color: #dddddd !important;
    border-radius: var(--radius-box) !important;
}

.ui-datepicker td a {
    padding: 0.4em;
}

.ui-datepicker-calendar tr:nth-child(even) td,
.ui-datepicker-calendar tr:nth-child(odd) td {
    background-color: inherit !important;
}

/*-------end inside calendar--------*/

/* -- Flat picker start -- */
/* Modificar el color de fondo del calendario */
.flatpickr-calendar {
    background-color: #fff;
    padding-top: 8px;
    border-radius: var(--radius-box) !important;
}

.flatpickr-months {
    margin-bottom: 10px;
}

.flatpickr-calendar .numInput.cur-year {
    font-weight: bold !important;
    max-width: 100% !important;
    border: 0 !important;
}

/* Modificar el color del texto de los días de la semana */
.flatpickr-weekdays {
    color: #333;
}

.flatpickr-days .dayContainer {
    padding-left: 5px !important;
}

.flatpickr-day:hover {
    border-radius: var(--radius-input-buttons) !important;
}

.flatpickr-day.inRange:hover {
    border-radius: 0 !important;
}

.flatpickr-day.today {
    border-color: var(--principal-color) !important;
    border-radius: var(--radius-input-buttons) !important;
}

/* Modificar el color de fondo de los días seleccionados */
.flatpickr-days .selected {
    background-color: var(--principal-color) !important;
    border-color: var(--principal-color) !important;
    color: #fff;
}

/* Modificar el color de fondo de los días seleccionados */
.flatpickr-days .rangeStart,
.flatpickr-days .rangeEnd {
    border-color: var(--principal-color) !important;
    background-color: var(--principal-color) !important;
    color: #fff;
}

.flatpickr-days .startRange {
    border-radius: var(--radius-input-buttons) 0 0 var(--radius-input-buttons) !important;
    background-color: var(--principal-color) !important;
    border-color: var(--principal-color) !important;
}

.flatpickr-days .endRange {
    border-radius: 0 var(--radius-input-buttons) var(--radius-input-buttons) 0 !important;
    background-color: var(--principal-color) !important;
    border-color: var(--principal-color) !important;
}

.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus {
    background-color: var(--principal-color) !important;
    border-color: var(--principal-color) !important;
}

/* Modificar el color de fondo de los días del rango seleccionado */
.flatpickr-day.inRange {
    background-color: var(--selection-color) !important;
    -webkit-box-shadow: -5px 0 0 var(--selection-color), 5px 0 0 var(--selection-color) !important;
    box-shadow: -5px 0 0 var(--selection-color), 5px 0 0 var(--selection-color) !important;
    border: 0 !important;
}

.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -5px 0 0 var(--selection-color) !important;
    box-shadow: -5px 0 0 var(--selection-color) !important;
}

.flatpickr-calendar.multiMonth .flatpickr-innerContainer .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    -webkit-box-shadow: -5px 0 0 var(--selection-color), 0px 0 0 var(--selection-color) !important;
    box-shadow: -5px 0 0 var(--selection-color), 0px 0 0 var(--selection-color) !important;
}

.flatpickr-day.hidden {
    display: block !important;
}

/* -- Flat picker end -- */
#price-comparer {
    border: 1px solid var(--principal-color);
    box-shadow: 0 2px 21px 0 rgba(0, 0, 0, 0.7);
    background-color: white;
    width: 350px;
    position: fixed;
    display: none;
    top: 15em;
    left: 5em;
    /* display: none; */
    z-index: 9999 !important; }
    #price-comparer .panel-heading {
      background: var(--principal-color);
      color: white;
      height: 38px; }
      #price-comparer .panel-heading h3 {
        float: left; }
      #price-comparer .panel-heading .ico {
        width: 16px;
        height: 16px;
        float: right;
        cursor: pointer; }
      #price-comparer .panel-heading .minus {
        background: url("/images/ico-minus.png"); }
      #price-comparer .panel-heading .plus {
        background: url("/images/ico-plus.png"); }
      #price-comparer .panel-heading .cross {
        background: url("/images/ico-unchecked.png"); }
    #price-comparer .property-name-comparer {
      color: var(--principal-color);
      font-weight: bold; }
    #price-comparer .panel-body p {
      margin-bottom: 15px;
      font-weight: 500; }
    #price-comparer .panel-body h2 {
      color: #555; }
    #price-comparer .panel-body hr {
      margin: 10px 0; }