.cursor-pointer{cursor:pointer}
.no-click{pointer-events:none!important}
#map{height:280px}
.required{color:#ff0000}

#residence-navbar a.nav-link, #residence-navbar a.nav-link:visited {color:var(--bs-dark);}
#residence-navbar a.nav-link.active{color:var(--bs-white);}

.spinner-box div{position:absolute;width:40px;height:40px;border-radius:50%;transform:translate(80px,80px) scale(1);animation:spinner-box 1s infinite cubic-bezier(0,0.5,0.5,1)}
.spinner-box div:nth-child(1){background:#eb9405;transform:translate(148px,80px) scale(1);animation:spinner-box-r .25s infinite cubic-bezier(0,0.5,0.5,1),spinner-box-c 1s infinite step-start}
.spinner-box div:nth-child(2){animation-delay:-.25s;background:#a56d51}
.spinner-box div:nth-child(3){animation-delay:-.5s;background:#eb9405}
.spinner-box div:nth-child(4){animation-delay:-.75s;background:#eecc6e}
.spinner-box div:nth-child(5){animation-delay:-1s;background:#d6c9c4}
.loading-spinner{direction:ltr;margin:auto;width:200px;height:200px;display:block;overflow:hidden;direction:ltr;text-align:center}
.spinner-box{width:200px;height:100%;position:relative;transform:translateZ(0) scale(1);backface-visibility:hidden;transform-origin:0 0;margin:auto}
.spinner-box div{box-sizing:content-box}

@keyframes spinner {to {transform: rotate(360deg);}}
.spinner {width:15px;height:15px;display:inline-block;position: relative;vertical-align:middle;}
.spinner:before {content:'';box-sizing:border-box;position:absolute;top:-2px;left:2px;width:16px;height:16px;border-radius:50%;border:2px solid #ccc;border-top-color:#333;animation:spinner .6s linear infinite;}

.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:25%;border-top-right-radius:25%}
.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:25%;border-bottom-right-radius:25%}
.leaflet-touch .leaflet-bar a{background-color:#000;color:#fff}

.other-attachments::after{content:'';background-color:rgba(255,255,255,.6);position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}
.other-attachments span {position:absolute;left:50%;top:50%;z-index: 1;transform:translate(-50%, -50%)}

.sticky-show{display:none}
.navbar-sticky .sticky-show{display:inline-block}
.navbar-sticky #residence-navbar a.nav-link, .navbar-sticky #residence-navbar a.nav-link:visited{color:#fff}

.like-comment.active,.dislike-comment.active,.like-comment.active *,.dislike-comment.active *{color:var(--color-primary)}

#gallery-pane .g-h50{height:186px}
#gallery-pane .g-h100{height:380px}

.calendex-dtp-container table,.calendex-dtp-container tr,.calendex-dtp-container td,.calendex-dtp-container th{border:0!important}
#lodgingcalendex .calendex-dtp-header{border-bottom:0px!important}
#lodgingcalendex .calendex-dtp-header .next-month,#lodgingcalendex .calendex-dtp-header .previous-month,#lodgingcalendex .calendex-dtp-header .next-year,#lodgingcalendex .calendex-dtp-header .next-month{background-color:rgb(245,245,245);border-radius:50%;width:38px;height:38px}
.calendex-dtp-header .next-month:hover,.calendex-dtp-header .previous-month:hover,.calendex-dtp-header .next-year:hover,.calendex-dtp-header .next-month:hover{background-color:rgb(221,221,221)}
.calendex-dtp-header .next-month svg,.calendex-dtp-header .previous-month svg,.calendex-dtp-header .next-year svg,.calendex-dtp-header .next-month svg{height:20px}
.calendex-dtp-container table tbody.days td[disabled]{opacity:.8}
.calendex-dtp-container table tbody.days td[disabled].before-today div{background:rgb(237,237,237);color:rgb(187,187,187)}
.calendex-dtp-container table tbody.days td[data-number] > div{margin:.2rem .1rem;min-height: 49px!important}
.calendex-dtp-container table tbody.days td[data-day] > div .dayNumber{padding-top:.2rem;padding-bottom:0;line-height:18px}
.calendex-dtp-container table tbody.days td[data-day] > div small{padding-bottom:.2rem!important;padding-left:.2rem!important;padding-right:.2rem!important;pointer-events:none;font-size:9px;line-height:12px;font-weight:bold;font-variation-settings:"wght" 700;min-height:1em}
.calendex-dtp-container table tbody.days td[data-day] > div .dis-rate{padding:0!important;font-weight:bold;font-variation-settings:"wght" 700;font-size:7px;text-decoration:line-through;color:rgb(165,165,165);line-height:9px}
.calendex-dtp-container table tbody.days td[data-day] > div .events{width:8px;height:8px;position:absolute;top:4px;left:4px;background-color:#0061e0;border-radius:50%;pointer-events:auto}
.calendex-dtp-container table tbody.days td[data-day] > div .events{display:none!important}
.eventful .calendex-dtp-container table tbody.days td[data-day] > div .events{display:block!important}
.calendex-persian-datetime-picker-modal .modal-dialog.modal-dialog-centered.modal-lg {max-width:380px}

@media (max-width:768px){
    #residence-reservation{position:fixed;bottom:0px;left:0;right:0;z-index:99999999}
    .calendex-dtp-container table tbody.days td[data-day] > div small{font-size:8px}
    .calendex-dtp-container table tbody.days td[data-day] > div .dis-rate{font-size:6px}
}


.plane-loader{position:relative;width:25px;height:25px;margin:auto}
.plane-loader span{position:absolute;width:100%;height:100%;transform:rotate(calc(18deg * var(--i)))}
.plane-loader span::before{content:'';width:4px;height:4px;border-radius:50%;background-color:#337c9c;position:absolute;top:0;left:0;filter:blur(3px);transform:scale(0);animation:load 2s linear infinite;animation-delay:calc(0.1s * var(--i))}
@keyframes load{
    0%{transform:scale(0);opacity:0}
    10%{transform:scale(1.2);opacity:1}
    80%,100%{transform:scale(0);opacity:0}
}
.plane-loader .plane{position:absolute;top:0;left:0;width:25px;height:25px;animation:rotate 2s linear infinite;animation-delay:-1.5s}
@keyframes rotate{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
.plane-loader .plane i{font-size:12px;color:#a96cb9;position:absolute;top:-2.5px;left:15px;transform:rotate(45deg)}

#residence-reservation.reservation-sticky{top:66px !important}

.btn.btn-light.ms-1.wish-residence.favorite i {
  color: #f00 !important;
}
.btn.btn-light.ms-1.wish-residence.favorite {
  border: 1px solid #f00 !important;
  background-color: #fff !important;
}