.img-responsive { display: block; max-width: 100%; height: auto; }
.resort-name { width: 75%; }

.resort-name img { margin: 0px auto; border-radius: 4px; }

.resort-name p { text-align: justify; }
#Propimg { margin: 0px auto; max-width: 100%; display: block; }
.modify-search { overflow: hidden; width: 17rem; margin-left: 3rem; background-color: #fff; border-radius: 4px; box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.25); }

.card-header { background-color: var(--accent); color: var(--primary); }

.modify-search label { font-weight: 600; font-size: 14px; color: var(--text-black); }

.modify-search select { border-radius: 6px; }

.modify-search-buttons { height: 100%; }

.modify-search-buttons div { width: 40%; }

.modify-search-buttons button { height: max-content !important; width: 50%; padding: .25rem; }

.modify-search-buttons input { border-radius: 4px; border: 1px solid var(--text); }

.modify-search-buttons input:focus { outline: none; }

.resort-table { width: 75%; background-color: #fff; border-radius: 10px; box-shadow: var(--table-shadow); }

.tarrif-summary { max-height: 32rem; overflow: hidden; width: 17rem; margin-left: 3rem; background-color: #fff; border-radius: 4px; box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.25); }

.tariff-proceed { display: block; margin-left: 3rem; text-align: center; margin-top: 15px !important; }

.tarrif-rooms { overflow-y: scroll; max-height: 20rem; }
.tarrif-rooms strong { min-width: 100px; font-size: 13px; font-weight: 600; }
.tarrif-rooms strong > p { text-align: left; }
.tarrif-rooms p { text-align: right; font-size: 11px; }
.tarrif-rooms .d-input { display: none !important; }
.tarrif-room:not(:last-child) { border-bottom: 2px var(--text) solid; }

.tarrif-totals { border-bottom: 2px #32323246 dotted; }

.tarrif-prices { box-shadow: 0px -3px 2px rgba(0, 0, 0, 0.1); }

.room-type { width: 33%; }

.room-details { width: 22%; }

.room-inclusions { width: 20%; }

.room-rooms { width: 10%; }


.resort-table .room-rooms { width: 13%; }  /*---------alphonse-------19012023----------*/



.room-rooms select { width: 90%; border-radius: 8px; text-align: center; }

.room-price { width: 15%; }

.table-headings { font-weight: 700; padding: 1rem; box-shadow: var(--shadow); }

.room-type-imageContainer { width: 75%; height: 10rem; position: relative; overflow: hidden; border-radius: 10px; }

.room-type-imageContainer img { width: 100%; height: 100%; object-fit: cover; }
.room-type-imageContainer .carousel-inner { height: 10rem; overflow: hidden; }

.room-type-imageContainer .carousel.slide a.left, .room-type-imageContainer .carousel.slide a.right { height: 100%; position: absolute; z-index: 1; top: 0; color: #fff; padding: 0.25rem; font-family: "Font Awesome 6 Free"; font-weight: 900; }
.room-type-imageContainer .carousel.slide a.left { left: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.49) 54.17%, rgba(0, 0, 0, 0) 100%); }
.room-type-imageContainer .carousel.slide a.right { right: 0; background: linear-gradient(270deg, rgba(0, 0, 0, 0.49) 54.17%, rgba(0, 0, 0, 0) 100%); }
.room-type-imageContainer .carousel.slide a.left:before { content: "\f104"; position: absolute; top: 50%; margin-top: -12px; left: 0; }
.room-type-imageContainer .carousel.slide a.right:before { content: "\f105"; position: absolute; top: 50%; margin-top: -12px; right: 0; }

.room-type-imageContainer .carousel { position: relative }
.room-type-imageContainer .carousel-inner { position: relative; width: 100%; overflow: hidden }
.room-type-imageContainer .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; transition: .6s ease-in-out left }
.room-type-imageContainer .carousel-inner > .item > img, .room-type-imageContainer .carousel-inner > .item > a > img { display: block; height: 10rem; max-width: 100%; line-height: 1 }
.room-type-imageContainer .carousel-inner > .active, .room-type-imageContainer .carousel-inner > .next, .room-type-imageContainer .carousel-inner > .prev { display: block }
.room-type-imageContainer .carousel-inner > .active { left: 0 }
.room-type-imageContainer .carousel-inner > .next, .room-type-imageContainer .carousel-inner > .prev { position: absolute; top: 0; width: 100% }


.room-price p { opacity: .8; text-align: start; width: 100%; }

.room-price h2 { font-size: 20px; font-weight: 700; text-align: start; width: 100%; }

.room-price i {font-size: 20px; }


.room-price a { padding-left: .75rem; padding-right: .75rem; margin: 0 auto; }

.room-row .room-type,
.room-row .room-details,
.room-row .room-inclusions,
.room-row .room-rooms { border-right: 1px solid rgba(30, 30, 36, 0.4); }

.room-row { border-bottom: 1px solid rgba(30, 30, 36, 0.4); }

.resort-table-footer { box-shadow: var( --shadow-inverted); }

.resort-table-footer button { width: 1.5rem; background-color: rgba(207, 207, 207, 0.18); transition: .3s ease-in-out; border-radius: 4px; }

.resort-table-footer button:hover { background-color: #7a57d1d7; color: #fff; }

.search-date div { position: relative; }

.search-date input { border-radius: 8px; }

.input-date { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; }

.search-date i { position: absolute; top: 50%; right: .5rem; transform: translateY(-50%); cursor: pointer; pointer-events: none; }

.modify-search-buttons input { border-radius: 8px; border: 1px solid rgba(30, 30, 36, 0.15); }

.pax-container { width: max-content; height: max-content; background-color: var(--primary); border-radius: 10px; }
.pax-container .room-details { width: max-content; background-color: #fff; border-radius: 10px; overflow: hidden; box-shadow: var(--table-shadow); }
.pax-container .room-heading { padding: 1rem; width: 100%; background-color: var(--accent); }
.pax-container .room-heading th { color: var(--primary); font-weight: 500; }
.pax-container .room-property { width: 23rem; padding: 1rem; }
.pax-container .room-select { width: 9rem; }
.pax-container .room-detail td:nth-child(1) { padding: 1rem; }

.room-detail td { font-weight: 500; }
.room-detail .form-groups { width: 5rem; }
.pax-container .hide-desktop { display: none; }
.pax-container .show-desktop { display: block; }
.calendar .dates { display: grid; grid-template-columns: repeat(7, 1fr); }
.calendar .days { display: grid; justify-content: center; align-items: center; grid-template-columns: repeat(7, 1fr); color: var(--text-black); font-weight: 600; margin-bottom: 5px; }
.calendar .dates a { color: var(--text); cursor: pointer; outline: 0; background: transparent; font-size: 12px; justify-self: center; align-self: center; width: 50px; height: 35px; border: 1px solid #cacfcade; transition-duration: 0.2s; text-align: center; line-height: 35px; }
.calendar .dates a.unavailable { color: #7e7e7e; }
.calendar .dates a.available { background: #34a934de; color: var(--primary); }
.calendar .dates a.available:hover { background: #0d600dde; }
.calendar .dates a.disable { background: #808080; border: 1px solid rgba(30, 30, 36, 0.4); color: var(--primary);}
/*.calendar .days { display: none; }*/
.calendar .month { display: flex; justify-content: space-between; align-items: center; font-size: 18px; margin-bottom: 10px; font-weight: 600; }
.calendar .month .nav { display: flex;/*display: none;*/ justify-content: center; align-items: center; text-decoration: none; color: var(--text-black); width: 40px; height: 40px; /* border-radius: 40px; */ transition-duration: 0.2s; position: relative; }
.fade:not(.show) { opacity: 1; }
.popover-availability { padding: 10px; }
.popover-availability div.d-block { margin-bottom: 5px; }

@media only screen and (min-width : 1200px) {
    .room-price h2 {font-size: 1.6rem; }
}
@media (max-width: 992px) {
    .resort-name p { margin-top: .75rem; width: 100%; }

    .resort-name img { width: 100%; }

    .resort-table { width: 100%; }

    .modify-search { margin-left: 1rem; }

    .tarrif-summary { width: 92.57vw; margin-left: 0; }

    .room-datas h4 { font-size: 1.3rem; font-weight: 700; }

    .room-type,
    .room-price,
    .room-rooms,
    .room-inclusions,
    .room-details { width: 100% !important; border-right: 0 !important; }

    .room-type-imageContainer { width: 100%; height: 15rem; }

    .room-rooms select { width: 100%; }

    .room-price a { width: 100%; text-align: center; }
    .tariff-proceed { margin-left: 0px; }
    .room-datas .room-row:last-child { border-bottom: 0px; }
    .pax-container { background-color: #f5f7fa; max-height: 90vh; overflow: auto; }
    .pax-container .hide-mobile { display: none; }
    .pax-container .room-detail { display: flex; flex-wrap: wrap; padding: 5px 10px; }
    .pax-container .room-detail td { width: 100%; }
    .pax-container .room-detail td:nth-child(1), .pax-container .room-detail td:nth-child(2) { display: none; }
    .pax-container .form-groups { width: 100%; }
    .pax-container .hide-desktop { display: block; }
}

@media (max-width: 768px) {

    .resort-name { width: 90%; }

    .resort-name h1 { font-size: 1.5rem; }

    .modify-search { width: 70%; }
    .resort-table .room-rooms { width: 100%; }
}

@media only screen and (max-width: 479px) {
    .pax-container .hide-desktop .justify-content-between:first-child > .pax-detail-title p {padding-right:20px; }
}