:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.modal-body {
letter-spacing: 0.2px !important;
line-height: 26px !important;
word-break: break-word;
}
.welcome-back-modal .modal-content {
max-width: 400px !important;
}
.welcome-back-modal {
padding: 1rem 2rem !important;
}
.welcome-back-modal .modal-title {
font-size: 16px;
font-weight: 600;
margin: 0;
}
.welcome-back-modal button {
font-size: 14px;
padding: 6px 10px;
border-radius: 4px;
}
.action-btn-container {
display: flex;
justify-content: flex-end;
align-items: center;
column-gap: 1rem;
}
.welcome-back-modal .modal-body {
padding: 1rem 2rem;
min-height: 160px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.welcome-back-modal .modal-description {
margin-bottom: 1rem;
}
/* keep the tax/fee disclaimer above every other modal, side modal and overlay */
.modal.tax-fee-disclaimer-modal,
.fade.modal.show.tax-fee-disclaimer-modal,
.fade.modal-backdrop.show+.fade.modal.show.tax-fee-disclaimer-modal {
z-index: 1000000001 !important;
}
.fade.modal-backdrop.show.tax-fee-disclaimer-backdrop,
.modal-backdrop.tax-fee-disclaimer-backdrop {
z-index: 1000000000 !important;
}
.spinner_loader_template1 .loading-spinner {
width: 100px !important;
height: 100px !important;
border: unset !important;
border-radius: unset !important;
animation: unset !important;
}
.spinner_loader_template1 .loading-spinner svg {
width: 100%;
fill: none;
}
.spinner_loader_template1 .loading-spinner .load {
transform-origin: 50% 50%;
stroke-dasharray: 0.7 0.3;
stroke-linecap: round;
stroke-width: 3px;
stroke: rgb(0, 92, 132);
}
.spinner_loader_template1 .loading-spinner .load.one {
animation: 1.5s ease-in infinite reverse load;
}
.spinner_loader_template1 .loading-spinner .load.two {
fill: rgb(0, 92, 132);
}
.spinner_loader_template1 .loading-spinner .load.three {
animation: 1.5s infinite load;
}
.spinner_loader_template1 .spinner-container {
opacity: 1;
}
.spinner_loader_template1 {
opacity: 1;
background: #bdbdbd7a;
}
.spinner_loader_template1 .spinner-container {
opacity: 1;
}
.spinner_loader_template1 {
opacity: 1;
background: #bdbdbd7a;
}
.spinner_loader_template1 .spinner-container {
opacity: 1;
}
.spinner_loader_template1 {
opacity: 1;
background: #bdbdbd7a;
}
@keyframes load {
100% {
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.spinner_loader_template1 {
position: fixed;
height: 100vh;
width: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
z-index: 2147483647; /* max possible z-index */
display: flex;
justify-content: center;
align-items: center;
background: #fff;
}
.loading-spinner {
width: 50px;
height: 50px;
border: 10px solid #f3f3f3; /* Light grey */
border-top: 10px solid #383636; /* Black */
border-radius: 50%;
animation: spinner 1.5s linear infinite;
}
.offcanvas {
display: flex !important;
flex-direction: column;
}
.fade.modal-backdrop.show {
z-index: 9999 !important;
}
.fade.modal-backdrop.show+.fade.modal.show {
z-index: 99999 !important;
overflow-y: hidden;
}
.modal-dialog .modal-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
border-radius: 4px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
padding: 0px !important;
}
.modal-header {
border-bottom: transparent;
color: #0b0b0b;
padding: 15px 40px !important;
}
.modal-header button.btn-close {
width: 1em;
height: 1em;
opacity: 1;
background-color: #fff;
}
.modal-body {
padding: 16px 32px;
height: 100% !important;
}
.modal-body p {
margin-bottom: 10px;
}
/* room card modal css start here */
.rate-plan-modal-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 9999;
}
.rate-plan-modal-overlay.show {
display: block;
overflow: hidden;
}
.rate-plans-modal::-webkit-scrollbar {
display: none;
}
.rate-plans-modal {
min-width: 900px;
padding: 0;
}
.rate-plans-modal .offcanvas-header {
gap: 1rem;
padding: 20px 50px 0 50px !important;
}
.rate-plans-modal .modal-title {
/* column-gap: 10px; */
flex-wrap: wrap;
display: flex;
}
.rate-plans-modal .modalPrgrph.offcanvas-body {
padding: 20px 50px 20px 50px;
overflow: auto;
flex-grow: 1;
}
div.packageImg {
min-height: 250px;
}
.modalPrgrph p {
line-height: 26px;
font-size: 12px;
letter-spacing: 0.2px;
word-break: break-word;
margin-bottom: 10px;
}
.package-img {
float: left;
margin: 0 16px 0 0;
text-align: left;
padding-bottom: 10px;
}
.rate-plan-img {
width: min(400px, 100%) !important;
height: 246px;
border-radius: 1px !important;
object-fit: cover;
}
.modalPrgrph .mb-5 {
margin-bottom: 30px !important;
}
div.guestRateTable {
overflow: auto;
max-height: 252px;
}
.room-img-modal {
float: left;
margin: 0 16px 0 0;
text-align: left;
padding-bottom: 10px;
width: min(400px, 100%) !important;
}
.package-content {
display: contents;
text-align: left;
}
.fclt-otr {
margin-top: 15px;
width: 100%;
display: inline-block;
}
.fclt-otr .col-md-4 {
float: left;
}
.aminities-title {
display: block;
}
.va-feature-content {
padding-left: 0%;
}
.va-feature,
.va-Bedding-detail {
font-size: 12px;
margin-bottom: 0px !important;
list-style-type: none;
line-height: 25px;
color: #000;
}
.va-Bedding-heading {
font-size: 16px;
}
.va-bedding-Data {
display: flex;
gap: 5px;
}
.modalPrgrph .mb-5 h3 {
margin-bottom: 5px !important;
}
.mr-inf p {
overflow-wrap: break-word;
max-height: 320px !important;
overflow: auto;
overflow-x: hidden;
}
/* checkAvailibility modal css start */
.checkIn-OutWrapper {
box-shadow: none !important;
/* font-size: 0; */
vertical-align: top;
display: inline-block;
}
form.checkInOutForm {
position: relative;
}
.findAvailChkInOut {
text-align: left;
display: flex;
justify-content: center;
position: relative;
}
.checkInOutForm .checkIn,
.checkInOutForm .checkOut {
padding: 0 !important;
}
.iconText {
padding: 0;
position: relative;
}
.date-input.startDate.form-control {
text-align-last: left;
}
.checkInOutForm .checkCmn .date-input {
max-width: 215px !important;
}
.checkInOutForm .checkIn .date-input {
border-right: 0 !important;
}
.date-input {
border: 1px solid #000;
font-size: 14px !important;
min-width: 215px;
}
.date-input {
font-weight: 400 !important;
}
.date-input+.calender-icon,
.month-select,
.startDate,
a#navbarDropdownMenuLink {
cursor: pointer;
}
.findAvailChkInOut.avalibility-modal .iconr-from-to {
font-size: 14px;
left: 48%;
position: absolute;
top: 24px;
transform: translate(-50%, -50%);
}
.checkIn-OutWrapper .form-group.checkOut {
padding-left: 0 !important;
text-align: right;
}
.checkInOutForm .checkIn,
.checkInOutForm .checkOut {
padding: 0 !important;
}
.checkIn-OutWrapper .form-group.checkOut label.widgetLabelchkout {
padding-left: 0 !important;
}
.checkIn-OutWrapper .form-group.checkOut label.widgetLabelchkout {
padding-left: 20px;
text-align: right;
}
.checkInOutForm .checkCmn .date-input {
max-width: 215px !important;
}
.checkInOutForm .checkOut .date-input {
border-bottom-left-radius: 0 !important;
border-left: 0 !important;
border-top-left-radius: 0 !important;
}
.date-input {
border: 1px solid #000;
font-size: 14px !important;
min-width: 215px;
}
.date-input {
font-weight: 400 !important;
}
.findAvailChkInOut .searchBtn {
background: #090;
border: 0;
border-radius: 4px;
color: #fff;
margin-left: 20px;
margin-top: 4px;
padding: 7px 20px;
}
.calender .rdrDateRangePickerWrapper {
margin: 0 auto !important;
width: auto
}
/* included addons diaply image & description css start */
.included-addons-img {
width: 100px !important;
height: 70px !important;
margin: 0 15px 0 0;
border-radius: 0 !important;
float: left;
cursor: pointer;
object-fit: cover;
}
.included-addons-main {
border-bottom: 1px solid #ddd;
padding: 10px 0px;
}
.included-addons-main h4 {
font-size: 12px;
font-weight: 500;
margin-bottom: 5px;
}
.included-addons-main p {
font-size: 11px !important;
line-height: 17px !important;
}
.ReactModal__Overlay.ReactModal__Overlay--after-open {
z-index: 100002 !important;
}
.included-addons-sub {
display: list-item;
list-style-type: disc;
padding-left: 0;
margin-top: 8px;
margin-left: 15px;
}
.included-addons-sub h4 {
font-size: 12px;
font-weight: 500;
margin-bottom: 4px;
}
.included-addons-sub p {
font-size: 12px !important;
}
/* included addons diaply image & description css end */
.offcanvas button.btn-close {
background-color: #fff;
}
/* check availibility modal end here */
/* responsive css start here */
@media (max-width: 991px) {
.rate-plans-modal {
min-width: 100% !important;
}
}
@media (max-width: 767px) {
.modal-body,
.modal-header {
padding: 18px !important;
}
.rate-plans-modal .offcanvas-header {
padding-left: 30px !important;
padding-right: 30px !important;
}
.rate-plans-modal .modalPrgrph.offcanvas-body {
padding: 20px 30px 20px 30px !important;
}
.room-img-modal {
margin: 0;
float: inherit;
}
.package-img {
margin: 0;
float: inherit;
}
.rate-plan-img {
width: 100%;
}
}
@media (max-width: 575px) {
.rate-plans-modal {
width: 100% !important;
}
.modal-body {
max-height: 80vh !important;
overflow-y: auto;
}
div.guestRateTable {
overflow: initial;
max-height: inherit;
}
}
.booking-detail-wrapper * {
/* padding: 0; */
margin: 0;
box-sizing: border-box;
font-size: 14px;
}
.secondary-text {
color: #6b7280;
}
.booking-detail-wrapper hr {
border: 1px solid #e8e6e6;
}
.booking-detail-wrapper {
background-color: #f4f4f4;
display: flex;
flex-direction: column;
/* border-radius: 8px; */
border: 1px solid #dfdfdf;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
@media screen and (min-width: 768px) {
.booking-detail-wrapper {
margin-bottom: 56px;
}
}
.booking-detail-header {
display: flex;
align-items: center;
column-gap: 12px;
padding: 12px;
/* border-top-left-radius: 8px; */
/* border-top-right-radius: 8px; */
}
@media screen and (min-width: 768px) {
.booking-detail-header {
column-gap: 24px;
padding: 24px;
}
}
.booking-detail-header h1 {
font-size: 20px;
font-weight: 600;
}
@media screen and (min-width: 768px) {
.booking-detail-header h1 {
font-size: 24px;
}
}
.booking-detail-header .status-chip {
padding: 4px 12px;
font-size: 14px;
border-radius: 999px;
font-weight: 450;
}
.booking-detail-body {
padding: 12px 4px;
}
@media screen and (min-width: 768px) {
.booking-detail-body {
padding: 24px;
}
}
.booking-detail-card {
padding: 24px 20px;
background-color: #ffffff;
border-radius: 8px;
display: flex;
flex-direction: column;
row-gap: 24px;
border: 1px solid #e8e6e6;
}
@media screen and (min-width: 768px) {
.booking-detail-card {
padding: 24px;
}
}
.booking-detail-card > h4 {
font-size: 18px;
font-weight: 600;
margin-bottom: 8px;
}
.history-btn {
display: flex;
align-items: center;
gap: 6px;
font-size: 13px;
padding: 4px 12px !important;
white-space: nowrap;
}
.history-link-btn {
background: none;
border: none;
padding: 0;
color: inherit;
font-size: 14px;
text-decoration: underline;
cursor: pointer;
white-space: nowrap;
}
.history-link-btn:hover {
opacity: 0.8;
}
#bookingHistoryModal {
display: flex !important;
flex-direction: column;
}
#bookingHistoryModal .offcanvas-header {
padding: 16px !important;
border-bottom: #b3b3b3;
}
#bookingHistoryModal .offcanvas-body {
padding: 16px !important;
background-color: #f2f4f7;
flex-grow: 1;
overflow-y: auto;
}
#bookingHistoryModal .offcanvas-header h4 {
font-size: 1rem;
font-weight: 700;
}
@media screen and (min-width: 768px) {
#bookingHistoryModal.offcanvas {
min-width: min(90%, 600px) !important;
}
}
.spinner-icon {
animation: spin 1s linear infinite;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.booking-history-entry {
padding: 16px;
background-color: #fcfcfc;
border-radius: 8px;
border: 1px solid #e8e6e6;
margin-bottom: 12px;
display: flex;
flex-direction: column;
gap: 12px;
}
.history-entry-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.history-timestamp {
font-size: 13px;
color: #6b7280;
font-weight: 500;
}
.history-status-badge {
font-size: 12px;
font-weight: 600;
padding: 2px 10px;
border-radius: 999px;
}
.history-status-badge.status-m {
background-color: #fef3c7;
color: #92400e;
}
.history-status-badge.status-c {
background-color: #dcfce7;
color: #166534;
}
.history-status-badge.status-b {
background-color: #fee2e2;
color: #991b1b;
}
.history-rooms-section {
display: flex;
flex-direction: column;
gap: 8px;
}
.history-rooms-label {
font-size: 12px;
font-weight: 600;
color: #6b7280;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.history-room-card {
padding: 10px 12px;
background-color: #f9fafb;
border-radius: 6px;
border: 1px solid #e5e7eb;
}
.history-room-name {
font-size: 14px;
font-weight: 500;
color: #111827;
margin-bottom: 4px;
}
.history-room-dates {
font-size: 13px;
color: #6b7280;
}
.booking-detail-attribute {
display: flex;
align-items: flex-start;
gap: 8px;
}
.booking-detail-attribute > .fas {
margin-top: 2px;
color: #6b7280 !important;
font-size: 18px;
}
.booking-detail-wrapper .fas {
color: #6b7280 !important;
font-size: 18px !important;
}
/* .booking-detail-attribute .attribute {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 8px;
} */
.booking-detail-attribute .attribute {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}
.booking-detail-attribute .attribute .title {
flex-shrink: 0;
line-height: 1.8;
}
.booking-detail-attribute .value {
font-size: 14px;
}
.room-header {
display: flex;
flex-direction: column;
gap: 12px;
}
@media screen and (min-width: 768px) {
.room-header {
flex-direction: row;
align-items: flex-start;
}
}
.room-header .room-image {
width: 100%;
max-width: 400px;
aspect-ratio: 1;
border-radius: 8px;
object-fit: cover;
}
@media screen and (min-width: 768px) {
.room-header .room-image {
width: 160px;
}
}
.room-details {
display: flex;
flex-direction: column;
gap: 8px;
flex-grow: 1;
}
.room-details h4 {
font-size: 16px;
font-weight: 500;
overflow-wrap: anywhere;
}
.room-details ul {
list-style: none;
padding: 0;
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.booking-detail-card .accordion {
box-shadow: none !important;
border: 0 !important;
outline: 0 !important;
}
.booking-detail-card .accordion-item {
border: 0 !important;
outline: 0 !important;
background-color: transparent !important;
}
.booking-detail-card .accordion-button {
padding: 8px 0 !important;
font-size: 0.875rem;
font-weight: 500;
outline: 0 !important;
border: 0 !important;
}
.booking-detail-card .accordion-button .label {
font-weight: 400;
}
.booking-detail-card .accordion-button::after {
width: 16px;
height: 16px;
background-size: 16px;
margin-left: 12px;
}
.booking-detail-card .accordion-button {
background-color: transparent !important;
color: inherit !important;
outline: 0 !important;
box-shadow: unset !important;
border: 0 !important;
}
.booking-detail-card .accordion-body .labeled-info {
display: flex;
align-items: center;
width: 100%;
}
.booking-detail-card .date-accordion-header .accordion-button:last-of-type::after {
background-image: none;
}
.booking-detail-card .accordion-collapse {
padding: 0 !important;
}
.accordion-body {
padding: 6px 0 12px 0;
}
.booking-detail-card .accordion-body .labeled-info span:not(.label) {
padding-right: 28px;
}
.custom-accordion-header .accordion-button {
padding: 0 !important;
}
.date-header {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
column-gap: 12px;
min-width: 0;
}
.date-header > span {
display: inline-block;
vertical-align: middle;
}
.add-night-section {
display: flex;
align-items: center;
gap: 12px;
padding: 4px 0;
margin-bottom: 2px;
}
.add-night-prompt {
margin: 0;
font-size: 14px;
font-weight: 500;
color: #1f2937;
}
.add-night-section .btn-add-night {
border: 1px solid #0062cc;
border-radius: 999px;
padding: 4px 12px;
line-height: normal;
font-size: 12px;
background-color: transparent;
color: #0062cc;
cursor: pointer;
font-weight: 500;
transition: background-color 0.2s, color 0.2s;
text-decoration: none;
}
.add-night-section .btn-add-night:hover:not(:disabled) {
background-color: #0062cc;
color: #fff;
}
.add-night-section .btn-add-night:disabled {
opacity: 0.4;
cursor: not-allowed;
border-color: #999;
color: #999;
}
.add-night-section .add-night-counter {
display: inline-flex;
align-items: flex-end;
gap: 4px;
border: none;
border-radius: 0;
padding: 2px 6px;
line-height: normal;
}
.add-night-section .add-night-counter .counter-value-wrapper {
display: flex;
flex-direction: column;
align-items: center;
min-width: 20px;
gap: 8px;
}
.add-night-section .add-night-counter .counter-label {
font-size: 10px;
color: #5f6672;
line-height: 1;
}
.add-night-section .add-night-counter .btn-counter {
width: 22px;
height: 22px;
border: none;
border-radius: 50%;
background-color: #6b7280;
color: #fff;
font-size: 14px;
font-weight: 600;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
line-height: 1;
transition: opacity 0.2s;
}
.add-night-section .add-night-counter .btn-counter:disabled {
opacity: 0.4;
cursor: not-allowed;
}
.add-night-section .add-night-counter .btn-search-wrapper {
position: relative;
display: inline-flex;
align-items: center;
margin-left: 2px;
}
.add-night-section .add-night-counter .btn-counter-cancel {
width: 16px;
height: 16px;
border: none;
border-radius: 50%;
background-color: #6c757d;
color: #fff;
font-size: 9px;
font-weight: 600;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
line-height: 1;
transition: opacity 0.2s;
position: absolute;
top: -6px;
right: -6px;
z-index: 1;
}
.add-night-section .add-night-counter .btn-counter-cancel:hover {
opacity: 0.8;
}
.add-night-section .add-night-counter .btn-counter-search {
width: auto;
height: 22px;
border: none;
border-radius: 999px;
background-color: #0062cc;
color: #fff;
font-size: 12px;
font-weight: 600;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 8px;
line-height: 1;
transition: opacity 0.2s;
margin-left: 2px;
gap: 4px;
}
.add-night-section .add-night-counter .btn-counter-search:hover {
opacity: 0.8;
}
.add-night-section .add-night-counter .btn-counter-search .search-label {
font-size: 12px;
font-weight: normal;
white-space: nowrap;
}
.add-night-section .add-night-counter .btn-counter:hover:not(:disabled) {
opacity: 0.85;
}
.add-night-section .add-night-counter .counter-value {
min-width: 20px;
text-align: center;
font-size: 13px;
font-weight: 600;
color: #0062cc;
}
.accordion-header-wrapper {
display: flex;
align-items: center;
width: 100%;
}
.accordion-header-wrapper .accordion-header {
flex: 1;
min-width: 0;
}
.accordion-header-wrapper .btn-night-action {
border: 1px solid #dc3545;
background-color: transparent;
color: #dc3545;
cursor: pointer;
flex-shrink: 0;
margin-left: 40px;
padding: 4px 12px;
font-size: 12px;
font-weight: 500;
line-height: 1;
border-radius: 999px;
transition: background-color 0.2s, color 0.2s;
min-width: 60px;
width: 60px;
}
/* Reserve the night action button width so breakdown prices line up with the day rate */
.booking-detail-card .accordion-item.has-night-action .accordion-body .labeled-info span:not(.label) {
padding-right: 128px;
}
.accordion-header-wrapper .btn-night-action:hover {
background-color: #dc3545;
color: #fff;
}
.accordion-header-wrapper .btn-night-action.btn-night-undo {
border-color: #6b7280;
color: #6b7280;
}
.accordion-header-wrapper .btn-night-action.btn-night-undo:hover {
background-color: #6b7280;
color: #fff;
}
.cancelled-night .accordion-header-wrapper .accordion-button {
text-decoration: line-through;
text-decoration-color: #dc3545;
}
.cancelled-night .accordion-header-wrapper .accordion-button * {
text-decoration: line-through;
text-decoration-color: #dc3545;
}
.date-header > span:not(.checkin-date):not(.checkout-date) {
padding: 3px 10px;
line-height: 1.4;
font-size: 14px;
font-weight: 500;
color: inherit;
}
.date-header .checkin-date {
border: 1px solid;
border-radius: 6px;
padding: 3px 10px;
line-height: 1.4;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.3px;
transition: all 0.25s ease;
position: relative;
overflow: hidden;
background-color: #f8fbff;
border-color: #dbeafe;
color: #1e40af;
}
.date-header .checkin-date::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 3px;
background: linear-gradient(180deg, #3b82f6 0%, #1d4ed8 100%);
transition: all 0.25s ease;
}
.date-header .checkout-date {
border: 1px solid;
border-radius: 6px;
padding: 3px 10px;
line-height: 1.4;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.3px;
transition: all 0.25s ease;
position: relative;
overflow: hidden;
background-color: #fffaf5;
border-color: #fed7aa;
color: #9a3412;
}
.date-header .checkout-date::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 3px;
background: linear-gradient(180deg, #f97316 0%, #ea580c 100%);
transition: all 0.25s ease;
}
.date-header .btn-add-night {
border: 1px solid #0062cc;
border-radius: 999px;
padding: 4px 12px;
line-height: normal;
font-size: 12px;
background-color: transparent;
color: #0062cc;
cursor: pointer;
font-weight: 500;
transition: background-color 0.2s, color 0.2s;
text-decoration: none;
}
.date-header .btn-add-night:hover:not(:disabled) {
background-color: #0062cc;
color: #fff;
}
.date-header .btn-add-night:disabled {
opacity: 0.4;
cursor: not-allowed;
border-color: #999;
color: #999;
}
.date-header .add-night-counter {
display: inline-flex;
align-items: flex-end;
gap: 4px;
border: none;
border-radius: 0;
padding: 2px 6px;
line-height: normal;
}
.date-header .add-night-counter .counter-value-wrapper {
display: flex;
flex-direction: column;
align-items: center;
min-width: 20px;
gap: 8px;
}
.date-header .add-night-counter .counter-label {
font-size: 10px;
color: #5f6672;
line-height: 1;
}
.date-header .add-night-counter .btn-counter {
width: 22px;
height: 22px;
border: none;
border-radius: 50%;
background-color: #6b7280;
color: #fff;
font-size: 14px;
font-weight: 600;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
line-height: 1;
transition: opacity 0.2s;
}
.date-header .add-night-counter .btn-counter:disabled {
opacity: 0.4;
cursor: not-allowed;
}
.date-header .add-night-counter .btn-search-wrapper {
position: relative;
display: inline-flex;
align-items: center;
margin-left: 2px;
}
.date-header .add-night-counter .btn-counter-cancel {
width: 16px;
height: 16px;
border: none;
border-radius: 50%;
background-color: #6c757d;
color: #fff;
font-size: 9px;
font-weight: 600;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
line-height: 1;
transition: opacity 0.2s;
position: absolute;
top: -6px;
right: -6px;
z-index: 1;
}
.date-header .add-night-counter .btn-counter-cancel:hover {
opacity: 0.8;
}
.date-header .add-night-counter .btn-counter-search {
width: auto;
height: 22px;
border: none;
border-radius: 999px;
background-color: #0062cc;
color: #fff;
font-size: 12px;
font-weight: 600;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 8px;
line-height: 1;
transition: opacity 0.2s;
margin-left: 2px;
gap: 4px;
}
.date-header .add-night-counter .btn-counter-search:hover {
opacity: 0.8;
}
.date-header .add-night-counter .btn-counter-search .search-label {
font-size: 12px;
font-weight: normal;
white-space: nowrap;
}
.date-header .add-night-counter .btn-counter:hover:not(:disabled) {
opacity: 0.85;
}
.date-header .add-night-counter .counter-value {
min-width: 20px;
text-align: center;
font-size: 13px;
font-weight: 600;
color: #0062cc;
}
.date-header .taxlabel {
border-radius: 999px;
padding: 4px 8px;
line-height: normal;
font-size: 12px;
background-color: #eef4ff;
color: #2c5fa8;
}
.date-header .freelabel {
border-radius: 999px;
padding: 4px 8px;
line-height: normal;
font-size: 12px;
background-color: #e9fdf0;
color: #146c3f;
}
.date-header ~ .price,
.taxes-header ~ .price {
margin-left: auto;
text-align: right;
}
.date-header ~ .tax-inclusive-label {
margin-left: auto;
border-radius: 999px;
padding: 4px 8px;
line-height: normal;
font-size: 12px;
white-space: nowrap;
background-color: #eef4ff;
color: #0062cc;
}
.date-header ~ .tax-inclusive-label + .price {
margin-left: 8px;
}
.room-card {
display: flex;
flex-direction: column;
gap: 16px;
}
.room-card:not(:last-of-type) {
margin-bottom: 32px;
}
.booking-detail-card .label {
color: #696868;
flex-shrink: 0;
}
.booking-detail-card .labeled-info {
display: flex;
align-items: center;
column-gap: 8px;
}
.aligned-price {
padding-right: 28px;
}
.price {
font-size: 16px;
font-weight: 500;
text-align: end;
flex-shrink: 0;
}
.title {
font-weight: 500;
}
.status-green {
background-color: rgb(231, 255, 231);
color: rgb(0, 82, 0) !important;
border: 1px solid rgb(0, 82, 0) !important;
}
.status-red {
background-color: rgb(255, 236, 236);
color: rgb(205, 0, 0) !important;
border: 1px solid rgb(205, 0, 0) !important;
}
.status-amber {
background-color: rgb(255, 251, 236);
color: rgb(138, 90, 0) !important;
border: 1px solid rgb(138, 90, 0) !important;
}
.status-modify {
background-color: rgb(218, 218, 218);
color: rgb(37, 37, 36) !important;
border: 1px solid rgb(37, 37, 36) !important;
}
.status-complete {
background-color: rgb(219, 231, 255);
color: rgb(5, 60, 170) !important;
border: 1px solid rgb(5, 60, 170) !important;
}
/* skeleton designs */
.booking-details-skeleton {
min-height: 100vh;
background-color: #f5f5f5;
}
/* Skeleton Elements */
.skeleton-rect {
background-color: #e5e7eb;
border-radius: 4px;
animation: skeleton-pulse 1.5s ease-in-out infinite;
}
.skeleton-image {
background-color: #e5e7eb;
border-radius: 8px;
animation: skeleton-pulse 1.5s ease-in-out infinite;
}
/* Reservation Details */
.date-row {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 16px;
margin-bottom: 24px;
}
.date-item {
display: flex;
flex-direction: column;
gap: 8px;
}
.date-label {
height: 16px;
width: 80px;
}
.date-value {
height: 20px;
width: 120px;
}
.guest-info {
display: flex;
flex-direction: column;
gap: 16px;
}
.info-row {
display: flex;
justify-content: space-between;
align-items: center;
}
.info-label {
height: 16px;
width: 120px;
}
.info-value {
height: 16px;
width: 80px;
}
.info-value-long {
height: 16px;
width: 200px;
}
.guest-stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 16px;
margin-top: 16px;
}
.stat-item {
display: flex;
flex-direction: column;
gap: 8px;
}
.stat-label {
height: 16px;
width: 100px;
}
.stat-number {
height: 24px;
width: 40px;
}
/* Room Details */
.room-card-skeleton:not(:last-of-type) {
/* border: 1px solid #e5e7eb;
border-radius: 8px;
padding: 20px; */
margin-bottom: 16px;
}
.room-header {
display: flex;
gap: 16px;
margin-bottom: 20px;
}
.room-image {
width: 80px;
height: 60px;
flex-shrink: 0;
}
.room-info {
flex: 1;
display: flex;
flex-direction: column;
gap: 8px;
}
.room-title {
height: 20px;
width: 250px;
}
.room-guest-info {
height: 16px;
width: 180px;
}
.room-dates {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 20px;
}
.date-row-item {
display: flex;
justify-content: space-between;
align-items: center;
}
.date-text {
height: 16px;
width: 100px;
}
.price-text {
height: 16px;
width: 80px;
}
.room-totals {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 20px;
padding-top: 16px;
border-top: 1px solid #e5e7eb;
}
.total-row {
display: flex;
justify-content: space-between;
align-items: center;
}
.skeleton-rect.total-label {
height: 16px;
width: 140px;
}
.total-amount {
height: 16px;
width: 90px;
}
.cancellation-policy {
display: flex;
flex-direction: column;
gap: 8px;
padding-top: 16px;
border-top: 1px solid #e5e7eb;
}
.policy-title {
height: 16px;
width: 120px;
}
.policy-text {
height: 16px;
width: 280px;
}
/* Payment Summary */
.payment-summary {
position: sticky;
top: 24px;
}
.payment-items {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 24px;
}
.payment-row {
display: flex;
justify-content: space-between;
align-items: center;
}
.payment-label {
height: 16px;
width: 120px;
}
.payment-amount {
height: 16px;
width: 100px;
}
.cancel-button {
height: 44px;
width: 100%;
border-radius: 6px;
}
/* Pulse Animation */
@keyframes skeleton-pulse {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0.4;
}
}
/* Desktop Layout */
@media (min-width: 1024px) {
.content-grid {
grid-template-columns: 2fr 1fr;
}
.room-header {
align-items: flex-start;
}
.room-image {
width: 120px;
height: 90px;
}
}
/* Tablet Layout */
@media (min-width: 768px) and (max-width: 1023px) {
.date-row {
grid-template-columns: repeat(3, 1fr);
}
.guest-stats {
grid-template-columns: repeat(2, 1fr);
}
}
/* Mobile Layout */
@media (max-width: 767px) {
.header-nav {
gap: 16px;
font-size: 12px;
}
.header h1 {
font-size: 16px;
}
.booking-header-content {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.booking-title-section h2 {
font-size: 20px;
}
.date-row {
grid-template-columns: 1fr;
}
.room-header {
flex-direction: column;
}
.room-image {
width: 100%;
height: 120px;
}
.guest-stats {
grid-template-columns: 1fr;
}
.main-content {
padding: 16px 12px;
}
.section {
padding: 16px;
}
}
.skeleton-attribute {
width: 240px;
height: 24px;
}
.booking-detail-wrapper svg {
flex-shrink: 0;
}
@media (max-width: 639px) {
.booking-detail-card .label {
flex-shrink: 1;
}
}
.label-desktop {
display: inline-block;
}
.svg-mobile {
display: none;
}
/* Mobile only */
@media (max-width: 639px) {
.label-desktop {
display: none;
}
.svg-mobile {
display: inline-block;
}
.date-header .btn-add-night {
font-size: 11px;
padding: 3px 8px;
}
.date-header {
flex-wrap: nowrap;
}
.date-header ~ .tax-inclusive-label {
display: none;
}
.date-header ~ .tax-inclusive-label + .price {
margin-left: auto;
}
.date-header .svg-mobile:last-of-type {
order: 1;
margin-right: 8px;
margin-left: auto;
}
.date-header .btn-add-night,
.date-header .add-night-counter {
order: 2;
}
.accordion-header-wrapper .btn-night-action {
margin-left: 12px;
}
.booking-detail-card .accordion-item.has-night-action .accordion-body .labeled-info span:not(.label) {
padding-right: 100px;
}
/* Mobile improvements for add-night section */
.add-night-section {
flex-wrap: wrap;
align-items: center;
gap: 8px;
padding: 8px 0;
}
.add-night-prompt {
font-size: 13px;
margin-bottom: 0;
}
.add-night-section .btn-add-night {
white-space: nowrap;
}
.add-night-section .add-night-counter {
/* width: 100%;
max-width: 280px; */
justify-content: center;
padding: 4px 8px;
}
/* Mobile improvements for counter buttons */
.add-night-section .add-night-counter .btn-counter,
.add-night-section .add-night-counter .btn-counter-cancel,
.add-night-section .add-night-counter .btn-counter-search {
width: 28px;
height: 28px;
font-size: 16px;
}
.date-header .add-night-counter .btn-counter,
.date-header .add-night-counter .btn-counter-cancel,
.date-header .add-night-counter .btn-counter-search {
width: 26px;
height: 26px;
font-size: 14px;
}
.add-night-section .add-night-counter .btn-search-wrapper,
.date-header .add-night-counter .btn-search-wrapper {
gap: 6px;
}
.add-night-section .add-night-counter .btn-counter-cancel,
.date-header .add-night-counter .btn-counter-cancel {
position: static;
top: auto;
right: auto;
flex-shrink: 0;
}
.add-night-section .add-night-counter .counter-value {
font-size: 14px;
min-width: 24px;
}
/* Mobile improvements for cancel room button */
.add-night-section ~ .col {
margin-top: 8px;
}
}
/* Small mobile devices */
@media (max-width: 375px) {
.add-night-section .add-night-counter {
max-width: 260px;
}
.add-night-prompt {
font-size: 12px;
}
/* Mobile improvements for extend stay button in date header */
.date-header .btn-add-night {
font-size: 10px;
padding: 3px 8px;
min-height: 28px;
}
.date-header .add-night-counter {
padding: 2px 6px;
}
}
.policy-content {
overflow-wrap: anywhere;
}
.reason-content {
overflow-wrap: anywhere;
}
/* Main addon row as accordion when supplementary add-ons exist */
.addon-main-supplementary-accordion {
margin-top: 4px;
margin-bottom: 4px;
}
.addon-main-supplementary-accordion .accordion-button {
padding: 4px 0 !important;
font-size: inherit !important;
}
.addon-main-supplementary-body {
padding: 4px 0 8px 12px !important;
margin-left: 4px;
border-left: 2px solid #e8e6e6;
}
.addon-main-supplementary-accordion .addon-main-supplementary-body .labeled-info {
font-size: 13px;
}
.addon-main-supplementary-accordion .addon-main-supplementary-body .labeled-info span:not(.label) {
padding-right: 28px;
}
@keyframes add-night-spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.add-night-spinner {
animation: add-night-spin 1s linear infinite;
}
.spin-animation {
animation: add-night-spin 1s linear infinite;
}
#addNightAvailabilityModal.rate-plans-modal {
min-width: min(90%, 600px);
}
/* Match modal titles to the headings in the modal body */
#addNightAvailabilityModal .offcanvas-header,
#changeStayModal .offcanvas-header {
padding: 20px 1rem 0 1rem !important;
}
#addNightAvailabilityModal .offcanvas-header h4,
#changeStayModal .offcanvas-header h4 {
font-size: 1.25rem;
font-weight: 500;
line-height: 1.2;
}
@media (max-width: 575px) {
#addNightAvailabilityModal.rate-plans-modal {
min-width: 100%;
}
}
#changeStayModal.rate-plans-modal {
min-width: min(90%, 800px);
}
#changeStayModal .rdrCalendarWrapper,
#changeStayModal .rdrDateRangePickerWrapper,
#changeStayModal .rdrCalendarWrapper.rdrDateRangeWrapper {
position: relative !important;
left: 0 !important;
box-shadow: none !important;
margin: 0 auto !important;
}
#changeStayModal .rdrDefinedRangesWrapper {
display: none;
}
@media (max-width: 575px) {
#changeStayModal.rate-plans-modal {
min-width: 100%;
}
}
.change-stay-section {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 0;
margin-top: 4px;
}
.change-stay-prompt {
margin: 0;
font-size: 14px;
font-weight: 500;
color: #1f2937;
}
.btn-change-stay {
border: 1px solid #0062cc;
border-radius: 999px;
padding: 4px 12px;
line-height: normal;
font-size: 12px;
background-color: transparent;
color: #0062cc;
cursor: pointer;
font-weight: 500;
transition: background-color 0.2s, color 0.2s;
text-decoration: none;
white-space: nowrap;
}
.btn-change-stay:hover {
background-color: #0062cc;
color: #fff;
}
@media (max-width: 768px) {
.change-stay-section {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.change-stay-prompt {
font-size: 13px;
}
}
@media only screen and (max-width: 480px) {
.Toastify__toast-container--top-left,
.Toastify__toast-container--top-center,
.Toastify__toast-container--top-right {
top: calc(env(safe-area-inset-top) + 70px);
padding: 0 12px;
}
.Toastify__toast {
border-radius: 8px;
}
}
.offcanvas * {
color: var(--CardFontColor) !important;
}
body, span, p, h1, h2, h3, h4, h5, h6, select, option {
font-family: var(--FontName, 'Inter') !important;
}
body, .main-bx, .bnr-cls, .additional-background {
background: var(--MainBgColor, rgb(221, 221, 221)) !important;
}
header, .header-pName a, .crd-head, .modal-header, header .language-Name, .currency-countryName, .nav-link>a, .ftr, .ftr-sign a, .time-policy-modal-header, .early-time-policy-modal-header, .child-age-policy-modal-header, .currency-convert-warning-modal-header, .map-mdl h5.modal-title {
background-color: var(--SecondaryBgColor, black) !important;
color: var(--SecondaryBgFontColor, white) !important;
}
.currency-convertor::after {
color: var(--SecondaryBgFontColor, black) !important;
fill: var(--SecondaryBgFontColor, white) !important;
}
header .hamburger-menu div, header .hamburger-menu div:after, header .hamburger-menu div:before, .prty-cls-inr .hamburger-menu div, .prty-cls-inr .hamburger-menu div:after, .prty-cls-inr .hamburger-menu div:before {
background-color: var(--SecondaryBgFontColor, white) !important;
color: var(--SecondaryBgColor, black) !important;
}
.sidenav, .sidenav a {
background-color: var(--SecondaryBgColor, black) !important;
color: var(--SecondaryBgFontColor, white) !important;
}
.nav-link>a, .sidebar-language, .currencyDropdown-sm .currencyConvertor .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
background-color: var(--SecondaryBgColor) !important;
color: var(--SecondaryBgFontColor) !important;
border-bottom: 1px solid var(--SecondaryBgFontColor) !important;
}
.currencyDropdown-sm {
background-color: var(--SecondaryBgColor) !important;
color: var(--SecondaryBgFontColor) !important;
border-bottom: 1px solid var(--SecondaryBgFontColor) !important;
}
.searchWidget .lbl, .dayUseLable, .searchWidget .lblend, .mbs-input-label, label.widgetLabel, label .widgetLabel, .top-beWidget .language-Name, .top-beWidget .show-mbs-dropdownArrow:after, .top-beWidget .currency-countryName, .be-widgetWrap .WidgetNightsRooms, .be-widgetWrap .WidgetDateGuests, .be-widgetWrap .ModifySearchBtn, .top-beWidget .widget-link {
color: var(--WidgetPrimaryFontColor, #000) !important;
}
.be-widgetWrap .ModifySearchBtn {
border-bottom: 1px dashed var(--WidgetPrimaryFontColor, #000) !important;
}
.besearchlable {
text-transform: uppercase;
}
.beWidget, .beWidget input.PromoInput::placeholder {
color: var(--WidgetFontColor) !important;
}
.beWidget input.PromoInput {
color: var(--WidgetFontColor) !important;
border: 1px solid var(--WidgetFontColor) !important;
background-color: var(--WidgetSecondaryBgColor) !important;
}
.Apply-btn, .mbr-open-button .mbr-btn, .widget-link span:last-child, .mbr-open-button .mbr-btn.showBorder, .mbr-submit-button-wrapper .mbr-submit-button, .bkrm, .cookie-consent-btn.accept, .map-wrapper .bkrm, .leftGridContainer .ReactVirtualized__Grid.headerGrid, .complete-booking-btn, .ReactVirtualized__Grid.leftHeader.headerGrid, .rightGridContainer .rightGridContainerHeader.rightHeader {
color: var(--SecondaryBtnFontColor) !important;
border: 1px solid var(--SecondaryBtnFontColor) !important;
background-color: var(--SecondaryBtnBgColor) !important;
}
.checkin-cta, .discount-header {
color: var(--SecondaryBtnFontColor) !important;
border-bottom: 1px solid var(--SecondaryBtnFontColor) !important;
background-color: var(--SecondaryBtnBgColor) !important;
}
.mbr-open-button .mbr-btn {
color: var(--WidgetPrimaryFontColor, #000) !important;
background-color: var(--WidgetPrimaryBgColor, rgb(221, 221, 221)) !important;
border: 1px solid var(--WidgetPrimaryBgColor, rgb(221, 221, 221)) !important;
}
.booking-details-head, .booking-details-head h2, .mbl-res-wrap .mab-btn {
background: var(--SecondaryBgColor, black) !important;
color: var(--SecondaryBgFontColor, white) !important;
}
button.sh-mr-ameneties.notranslate {
color: var(--HyperLinkColor) !important;
border-bottom: 1px dashed var(--HyperLinkColor) !important;
}
.policyLink {
color: var(--HyperLinkColor, #009900) !important;
}
.roomtypeafter-h3, .prt-cls-nm h3, .addon-name-button, .prt-cls-nm h4 {
color: var(--PrimaryColor) !important;
}
.prty-cls-inr .hamburger-menu div, .prty-cls-inr .hamburger-menu div:after, .prty-cls-inr .hamburger-menu div:before {
background-color: var(--PrimaryColor) !important;
}
.discountImg .discImg .discNumber, .i-icon i:hover+.discount-rate-text {
background: var(--RibbonBgColor) !important;
color: var(--RibbonFontColor) !important;
}
.discount-rate .discount-rate-text:before {
border-left: 6px solid var(--RibbonBgColor) !important;
}
.sr-sbmt:hover, button.sr-sbmt, .prt-bnt-cls a, .prt-bnt-cls button, .prt-bnt-cls a:hover, .prt-bnt-cls button:hover {
background: var(--SecondaryBgColor, black) !important;
color: var(--SecondaryBgFontColor, white) !important;
border: 1px solid var(--SecondaryBgFontColor, white) !important;
}
.lst-rm {
background: var(--PrimaryBtnBgColor, black) !important;
color: var(--PrimaryBtnFontColor, white) !important;
border: 1px solid var(--PrimaryBtnBgColor, black) !important;
}
.ch-button.ch-up svg path {
stroke: var(--SecondaryBtnBgColor, #000) !important;
}
.guest_Rooms_Count {
background: var(--WidgetPrimaryBgColor) !important;
color: var(--WidgetPrimaryFontColor) !important;
}
.show-mbs-dropdownArrow:after {
color: var(--SecondaryBgFontColor) !important;
fill: var(--SecondaryBgFontColor) !important;
}
.fclt-cls ul li, .va-feature {
color: #0a2d7d !important;
}
.addon-add-btn.bkrm, .bkrm.back-btn, .modal_editGuest .bkrm, .modal-footer .bkrm, .member-rate-modal .footer-button .bkrm {
background: var(--SecondaryBtnBgColor, #fff) !important;
color: var(--SecondaryBtnFontColor, #009900) !important;
border: 1px solid var(--SecondaryBtnFontColor, #009900) !important;
}
.childAges {
color: var(--HyperLinkColor) !important;
}
.childAges svg path {
fill: var(--HyperLinkColor, #009900) !important;
}
.selectWrapperInside div.hideBorder label {
border: 1px solid var(--PrimaryBtnBgColor, #e6e5e5) !important;
border-bottom: none !important;
}
.rsv-btn .bkrm, .rate-plan-btn .bkrm, .bkrm.confirm-booking, .pricing .rooms-wrapper .completeBtn, .toggleInner-link, .booknow-btn, .leftGridContainer button.ch-button, .total-amt, .cgStartArrival .cg-main-wrapper::after, .cgStartDepart .cg-main-wrapper::after, .cgStartEdge .cg-main-wrapper::after, .cgEndEdge .cg-main-wrapper::after, .cgDayRateRange .cg-main-wrapper::after, .cgDayRateRange .cg-main-wrapper span.dayRate-depart, .payment-components-in-form .completeBtn, .grid-beWidget .booknow-total-rooms {
background: var(--PrimaryBtnBgColor, #000) !important;
color: var(--PrimaryBtnFontColor, #fff) !important;
border: 1px solid var(--PrimaryBtnFontColor, #fff) !important;
}
.booknow-btn .total-txt {
color: var(--PrimaryBtnFontColor, #fff) !important;
}
.top-beWidget .booknow-total-rooms {
color: var(--PrimaryBtnBgColor, #000) !important;
border: 1px solid var(--PrimaryBtnBgColor, #fff) !important;
background: var(--PrimaryBtnFontColor, #000) !important;
}
.leftGridContainer button.ch-button svg path {
stroke: var(--PrimaryBtnFontColor, #fff) !important;
}
.total-txt span svg path {
stroke: var(--PrimaryBtnFontColor, #fff) !important;
}
.complete-booking-section .complete-booking-head {
background: var(--SecondaryBgColor) !important;
color: var(--SecondaryBgFontColor) !important;
border-bottom: 1px dashed var(--SecondaryBgFontColor) !important;
}
.booking-details-head, .booking-details-head h2 {
background: var(--SecondaryBgColor) !important;
color: var(--SecondaryBgFontColor) !important;
}
label#acceptlabel .sh-mr-ameneties {
color: var(--HyperLinkColor) !important;
}
.beWidget .icon-cal {
color: var(--WidgetFontColor) !important;
}
a.sh-mr-ameneties.notranslate, div.sh-mr-ameneties.notranslate, .prt-bnt-cls .sh-mr-ameneties:hover, .sh-mr-ameneties, .more-info, .cg-moreInfo-block, .cg-main-wrapper .remove-dates, .more-info * {
color: var(--HyperLinkColor, #009900) !important;
}
.tab-btn.active {
color: var(--HyperLinkColor, #000) !important;
border-bottom: 3px solid var(--HyperLinkColor, #000) !important;
}
.bookedRoom {
color: var(--HyperLinkColor, #000) !important;
border: 1px solid var(--HyperLinkColor, #000) !important;
}
.more-info svg path, .cg-moreInfo-block svg path {
fill: var(--HyperLinkColor, #009900) !important;
}
.overflow-auto.offcanvas.offcanvas-start {
background-color: var(--SecondaryBgColor) !important;
color: var(--SecondaryBgFontColor) !important;
}
.navbarCloseIcon:before, .navbarCloseIcon:after {
background-color: var(--SecondaryBgFontColor) !important;
}
.addon-reserve {
color: var(--PrimaryColor) !important;
}
.discountImg .discImg .discNumber, .discountImg .discountName, .discountImg .discImg .discNumber > span, .discountImg .discImg .discNumber *, .discountImg .discountName *, .discountImg .discImg .discNumber span .discImg .discNumber .display-bothDisc * {
background: var(--RibbonBgColor) !important;
color: var(--RibbonFontColor) !important;
}
.fclt-cls ul li, .va-feature, .va-Bedding-detail, .facility-icon, li.room-amenity, li.property-amenity {
color: var(--ContentColor) !important;
}
.paymentItem, .radioItem label:after {
border: 2px solid var(--PrimaryBtnBgColor) !important;
}
.pricing .offlinePaymentNotes, .payment-components-in-form .offlinePaymentNotes {
border: 1px solid var(--PrimaryBtnBgColor) !important;
background: none !important;
}
.paymentItem:hover .radioItem [type='radio']~label::after {
background: var(--PrimaryBtnFontColor) !important;
}
.radioItem label:before {
border-left: 2px solid var(--PrimaryBtnBgColor) !important;
border-bottom: 2px solid var(--PrimaryBtnBgColor) !important;
}
.beWidgetHeaderLeft .dropdown-toggle, .beWidgetHeaderLeft .dropdown-menu a {
background-color: var(--WidgetPrimaryBgColor, rgb(221, 221, 221)) !important;
color: var(--SecondaryBtnFontColor) !important;
border: 1px solid var(--SecondaryBtnFontColor) !important;
background: var(--SecondaryBtnBgColor) !important;
}
.beWidgetHeaderLeft button.active {
background-color: var(--WidgetPrimaryBgColor, rgb(221, 221, 221)) !important;
color: var(--SecondaryBtnFontColor) !important;
background: var(--SecondaryBtnBgColor) !important;
}
.beWidgetHeaderLeft .dropdown-menu a {
border-top: 1px solid var(--SecondaryBgFontColor, white);
}
.beWidgetHeaderLeft button {
color: var(--WidgetPrimaryFontColor, #000) !important;
}
.beWidgetHeaderLeft .dropdown-toggle::after {
color: var(--SecondaryBtnFontColor, #FFF) !important;
}
.beWidgetHeader {
background: var(--WidgetPrimaryBgColor, rgb(221, 221, 221)) !important;
}
.beWidgetHeader .beWidgetHeaderRight .currency-countryName, .beWidgetHeader .beWidgetHeaderRight .show-mbs-dropdownArrow:after, .dayUseLable {
color: var(--WidgetPrimaryFontColor, #000) !important;
}
.mbr-open-button .mbr-btn svg path {
fill: var(--WidgetPrimaryFontColor, #000) !important;
}
.room-packge-view-grid {
color: var(--SecondaryBtnBgColor) !important;
}
.card-grid {
border: 1px solid var(--SecondaryBtnBgColor) !important;
}
.room-packge-view-grid.active {
color: var(--SecondaryBtnFontColor) !important;
background-color: var(--SecondaryBtnBgColor) !important;
}
span.s-price-icon.discount-rate {
border: 1px solid var(--RibbonBgColor, #ff0000) !important;
}
.time-policy-modalPrgrph.time-policy-modal-body,
.rate-plans-modal,
.modal-dialog-scrollable .modal-body,
.info.rate-paln-title,
label.taxLabel,
.guestRateTable,
.checkInlbl span.adult-child-icon,
.pricing .btn-tax-amnt,
.info.rate-paln-title > button {
background-color: var(--CardBackgroundColor) !important;
color: var(--CardFontColor) !important;
}
svg.day-use-icon circle, svg.day-use-icon path {
fill: var(--CardFontColor) !important;
stroke: var(--CardFontColor) !important;
}
.prty-bx,
.prty-cls-inr,
.sml-prc,
.contact-wrapper,
.rooms-wrapper,
.fa-male,
.fa-child.child-icon,
.language-dropdown-content.show,
.currency-dropdown-content.show,
.addOns-modal__modal-body,
.addon-modal-footer.addOns-modal__modal-footer,
.crd-info,
.time-policy-modalPrgrph.time-policy-modal-body,
.rate-plans-modal,
.modal-dialog-scrollable .modal-body,
.modal-dialog-scrollable .modal-footer,
.info.rate-paln-title,
label.taxLabel,
.guestRateTable,
.checkInlbl span.adult-child-icon,
.pricing .btn-tax-amnt,
.info.rate-paln-title > button,
.addOns-modal__inner-content .content-title .title,
.guestdetails-wrapper .rooms-guestDetailsLable,
.contact-wrapper p,
.guestdetails-wrapper .form-label,
.country_select label,
.selectWrapperInside div h5,
.money-transfer-content h5 b,
.chekin-wrapper .checkin small,
.guestdetails-wrapper label,
.subscribe-wrapper label,
.checkInlbl span,
.cg-discount-block,
.cb-total-inner {
background-color: var(--CardBackgroundColor) !important;
color: var(--CardFontColor) !important;
}
.cookie-consent-btn.decline {
color: var(--SecondaryBtnBgColor) !important;
border: 1px solid var(--SecondaryBtnBgColor) !important;
background-color: var(--SecondaryBtnFontColor) !important;
}
.prty-bx .fixed .sr-sbmt {
box-shadow: 0 -15px 0px 0 var(--MainBgColor, rgb(221, 221, 221)) !important;
}
.prty-bx .fixed .completeBtn {
box-shadow: 0px -4px 0px 15px var(--CardBackgroundColor), rgba(100, 100, 111, 0.2) 0px -7px 29px 0px !important;
}
.btn-v2 {
background-color: var(--SecondaryBtnBgColor, #000) !important;
color: var(--SecondaryBtnFontColor, #FFF) !important;
border: 1px solid var(--SecondaryBtnBgColor, #FFF) !important;
}
.btn-v2.outline {
background-color: var(--SecondaryBtnFontColor, #000) !important;
color: var(--SecondaryBtnBgColor, #FFF) !important;
border: 1px solid var(--SecondaryBtnBgColor, #FFF) !important;
}
.logout-icon, .mbl-res-wrap .mab-btn {
color: var(--SecondaryBgFontColor, #000) !important;
}
.header .accessibility-toggle img, #taHeader .accessibility-toggle img {
filter: invert(var(--header-accessibility-invert, 0)) !important;
}
.addon-added-badge {
display: inline-flex;
align-items: center;
gap: 6px;
background-color: color-mix(in srgb, var(--PrimaryBtnBgColor) 1%, #000 10%);
color: var(--PrimaryBtnBgColor, #FFF);
padding: 4px 8px 4px 4px;
border-radius: 999px;
font-size: 11px;
border: 1px solid var(--PrimaryBtnBgColor, #FFF);
line-height: 1;
}
.avalibilityCard .rdrDateRangePickerWrapper {
position: relative !important;
margin-top: 0px !important;
}
.avalibilityCard-wrapper {
/* margin-top: 15px; */
background-color: #fff;
/* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
}
.avalibilityCard-wrapper .guestInput .guest-input {
height: 40px;
}
.avalibilityCard-wrapper .guestInput input {
border: none;
outline: none !important;
box-shadow: none !important;
}
.avalibilityCard-wrapper .guestsearchTxt-desktop .guestInput .pl-ion {
margin-top: 7px;
}
.avalibilityCard-wrapper .findAvailChkInOut {
justify-content: flex-start;
}
.avalibilityCard-wrapper .custom-date-picker,
.avalibilityCard-wrapper .findAvailChkInOut {
width: 100%;
}
.avalibilityCard-wrapper .custom-date-picker .form-group {
width: 50%;
}
.avalibilityCard-wrapper .custom-date-picker .form-group .form-control {
display: flex;
align-items: center;
min-width: unset !important;
}
.avalibilityCard-wrapper .icon-cal {
/* left: calc(50% - 3px) !important; */
/* transform: none !important; */
}
.avalibilityCard-wrapper .custom-date-picker .form-group .startDate {
border-right: none !important;
}
.avalibilityCard-wrapper .custom-date-picker .form-group .endDate {
border-left: none !important;
}
.avalibilityCard-wrapper .custom-date-picker .checkOut label {
text-align: right !important;
width: 100%;
}
.avalibilityCard-wrapper .roomFlex label {
font-size: 14px !important;
font-weight: 400 !important;
text-transform: capitalize !important;
padding: 0 !important;
margin: 0 !important;
}
.avalibilityCard-wrapper .guestsearchTxt-desktop {
/* margin: 15px 0; */
}
.avalibilityCard-wrapper .guestsearchTxt-desktop br {
display: none;
}
.Availibility-modal-property .modal-dialog {
max-width: 1240px;
}
.Availibility-modal-property .prty-bx {
border-radius: 0;
}
.Availibility-modal-property .main-bx {
background-color: #fff !important;
}
.avalibilityCard-wrapper .DateRangePickerLoaddingWrapper {
margin-top: 0px;
position: relative;
margin: auto;
}
.date-input.endDate {
border-radius: 0 3px 3px 0;
}
/* responsive css */
@media (max-width:1199px) {
.avalibilityCard {
text-align: center;
margin-bottom: 20px;
}
.Availibility-modal-property .modal-dialog {
max-width: 950px;
}
}
@media (max-width: 767px) {
.Availibility-modal-property .rdrDateRangePickerWrapper {
max-width: 370px;
}
.avalibilityCard-wrapper {
margin-bottom: 20px !important;
}
.Availibility-modal-property .rdrCalendarWrapper.rdrDateRangeWrapper {
left: 0;
width: 100% !important;
}
.Availibility-modal-property .modal-body .rdrDateRangePickerWrapper,
.Availibility-modal-property .rdrCalendarWrapper,
.Availibility-modal-property .rdrMonthAndYearWrapper,
.Availibility-modal-property .rdrMonths,
.Availibility-modal-property .rdrMonths.rdrMonthsHorizontal .rdrMonth {
width: 100% !important;
}
.Availibility-modal-property .rdrMonthAndYearWrapper button.rdrNextPrevButton {
margin: 0 1.833em !important;
}
.Availibility-modal-property .custom-date-picker .icon-cal {
top: 50% !important;
right: -28px !important;
}
}
@media (max-width: 575px) {
.Availibility-modal-property .modal-dialog {
width: 100%;
}
}
@media(max-width: 400px) {
/* .Availibility-modal-property .modal-body, */
/* .Availibility-modal-property .modal-header */
.Availibility-modal-property .modal-body {
padding: 5px !important;
}
.Availibility-modal-property .date-input.startDate.form-control {
padding-right: 10px;
}
.Availibility-modal-property .date-input.endDate.form-control {
padding-right: 10px;
}
.Availibility-modal-property .custom-date-picker {
flex-direction: column;
}
.Availibility-modal-property .custom-date-picker .form-group {
width: 100%;
}
.Availibility-modal-property .custom-date-picker .form-group .startDate {
border-right: 1px solid #c9c7c7 !important;
border-radius: 3px !important;
}
.Availibility-modal-property .date-input.endDate.form-control {
border-left: 1px solid #c9c7c7 !important;
border-radius: 3px !important;
justify-content: start;
}
.Availibility-modal-property .custom-date-picker .checkOut label {
text-align: left !important;
width: 100%;
}
.Availibility-modal-property .findAvailChkInOut .icon-cal {
display: none;
}
}
.Availibility-modal-property {
padding: 0 !important;
}
.be-widgetWrap .beWidget {
/* align-items: center !important; */
}
.be-widgetWrap .beWidget .form-switch {
box-shadow: unset;
padding-left: 0 !important;
}
.be-widgetWrap .beWidget .form-switch .form-check-input {
margin-left: 0 !important;
width: 3em !important;
}
.room-packge-view-grid {
height: 40px;
/* width: 100%; */
display: flex;
align-items: center;
justify-content: center;
border: none;
background: #fff;
color: #7060fe;
padding: 5px 12px;
}
.room-packge-view-grid.active {
background: #7060fe;
color: #fff;
}
.room-package-view-cards {
padding: 10px 0 10px 0;
display: flex;
justify-content: flex-end;
}
.card-grid {
display: inline-flex;
align-items: center;
justify-content: end;
background: #fff;
border: 1px solid #7060fe;
border-radius: 4px;
overflow: hidden;
}
.language-Name {
/* width: 60px; */
}
.rate-plans-modal .bed-tooltip {
bottom: auto;
top: 40px;
left: inherit;
right: -10px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 12px;
}
.rate-plans-modal .rm-bed:hover .bed-tooltip::after {
right: 22px !important;
top: -11px;
transform: rotate(225deg) translateX(-50%);
}
.rate-plans-modal .adlt-tooltip {
bottom: auto;
top: 40px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 12px;
}
.rate-plans-modal .rm-user:hover .adlt-tooltip::after {
top: -11px;
left: 43%;
transform: rotate(225deg) translateX(-50%);
}
.va-bedding-Data {
flex-wrap: wrap;
margin-top: 12px;
}
.va-Bedding-detail {
line-height: 16px;
}
.room-name-wrapper .rm-icon {
margin: 0 !important;
}
.room-name-wrapper .rm-icon .rm-icon-inner i {
font-size: 12px;
}
.room-name-wrapper .rm-icon-inner.rm-user span,
.room-name-wrapper .rulers-tooltip span {
font-size: 11px !important;
}
.room-name-wrapper .rm-map,
.rm-rulers,
.rm-user,
.rm-bed {
padding: 1px 7px !important;
}
.fa-male,
.fa-child.child-icon {
color: #696969 !important;
}
.rm-icon .rm-icon-inner {
width: max-content;
}
.room-name-wrapper .rm-icon+.more-info {
display: flex;
justify-content: center;
align-items: center;
clear: both;
position: relative;
}
.room-name-wrapper .rm-icon+.more-info svg {
position: absolute;
right: -15px;
}
.roomDes p {
width: auto !important;
}
.pckg_nme .bookedRoom {
position: static;
width: max-content;
/* color: #090; */
background: transparent;
border: 1px solid #000;
border-radius: 4px;
padding: 2px 4px;
font-size: 12px;
font-weight: 500;
}
.pckg_view.csPackageBook {
align-items: center;
flex-direction: column;
}
@media (max-width: 767px) {
.beWidgetHeaderRight .mbscolumn {
width: 100% !important;
}
.beWidgetHeaderRight .language-dropdown .language-dropdown-content,
.beWidgetHeaderRight .currency-dropdown .currency-dropdown-content.show {
min-width: auto !important;
}
}
a,
body {
transition: .35s
}
body {
top: 0 !important;
}
:root {
--PrimaryColor: #26007f;
--SecondaryColor: #009900;
--SubTitleColor: #424040;
--ContentColor: #000;
--MainBgColor: #ddd;
--SecondaryBgColor: #fff;
--SecondaryBgFontColor: #000;
--PrimaryBtnBgColor: #009900;
--PrimaryBtnFontColor: #fff;
--SecondaryBtnBgColor: #05844a;
--SecondaryBtnFontColor: #fff;
--WidgetPrimaryBgColor: #ececec;
--WidgetSecondaryBgColor: #ffffff00;
--WidgetPrimaryFontColor: #000;
--WidgetFontColor: #000;
--HyperLinkColor: #009900;
}
@media (max-width:991px) {
.pr-35 {
padding-right: 0
}
.mblRoomDetails {
display: flex;
justify-content: space-between
}
.mblRoomDetails .mblRooms {
margin-right: 10px
}
.mblRoomDetails .mblPricing .mblCurBtn {
border: 1px solid #333;
border-radius: 8px;
display: flex;
width: fit-content
}
.mblRoomDetails .mblPricing label,
.mblRoomDetails .mblRooms label {
font-size: 14px
}
.mblRoomDetails .mblPricing label {
text-align: right;
display: block
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice {
padding: 5px 8px
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .cyrLineThrough {
font-size: 13px;
text-decoration-color: red;
text-decoration-line: line-through;
display: block;
margin: 0;
text-align: center
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .origCur {
font-size: 14px;
display: block;
margin: 0;
font-weight: 600
}
.mblRoomDetails .mblPricing .mblCurBtn .mblBookNow {
background-color: #333;
padding: 5px 6px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0 5px 5px 0;
font-size: 14px
}
.mblRoomDetails .mblPricing .mblCurBtn .mblBookNow .mblBookNowBtn {
color: #fff;
text-transform: uppercase;
text-decoration: none;
background-color: transparent;
border: 0
}
.bookedRoom-selectedDiv {
padding: 8px 0
}
}
.mblRoomDetails {
display: flex;
justify-content: space-between
}
.mblRoomDetails .mblRooms {
margin-right: 10px
}
.mblRoomDetails .mblPricing .mblCurBtn {
border: 1px solid #333;
border-radius: 8px;
display: flex;
width: fit-content
}
.mblRoomDetails .mblPricing label,
.mblRoomDetails .mblRooms label {
font-size: 14px
}
.mblRoomDetails .mblPricing label {
text-align: right;
display: block
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice {
padding: 5px 8px
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .cyrLineThrough {
font-size: 13px;
text-decoration-color: red;
text-decoration-line: line-through;
display: block;
margin: 0;
text-align: center
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .origCur {
font-size: 14px;
display: block;
margin: 0;
font-weight: 600
}
.mblRoomDetails .mblPricing .mblCurBtn .mblBookNow {
background-color: #333;
padding: 5px 6px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0 5px 5px 0;
font-size: 14px
}
.aboutusImage {
height: 320px !important;
margin-top: 0px !important;
border-radius: 0px !important;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblBookNow .mblBookNowBtn {
color: #fff;
text-transform: uppercase;
text-decoration: none;
background-color: transparent;
border: 0
}
.bookEnginBgColor {
background-color: var(--MainBgColor) !important;
}
.bookHeaderFooterColor {
background-color: var(--SecondaryBgColor) !important;
color: var(--SecondaryBgFontColor) !important;
}
.widgetBgColor {
background-color: var(--WidgetPrimaryBgColor) !important;
}
.widgetLableColor {
color: var(--WidgetPrimaryFontColor) !important;
}
.widgetCalenderBgColor {
background-color: var(--WidgetSecondaryBgColor) !important;
color: var(--WidgetFontColor) !important;
}
.searchBtnBg {
background-color: var(--SecondaryBtnBgColor) !important;
color: var(--SecondaryBtnFontColor) !important;
}
.widgetIconColor {
fill: var(--SecondaryBtnBgColor) !important;
color: var(--SecondaryBtnBgColor) !important;
}
.widgetIconBackColor {
background-color: var(--SecondaryBtnFontColor) !important;
}
.bookBtnBg {
background-color: var(--PrimaryBtnBgColor) !important;
color: var(--PrimaryBtnFontColor) !important;
padding: 6px 10px !important;
line-height: 17px;
font-size: 14px;
}
.bookingtext {
color: var(--PrimaryBtnBgColor) !important;
}
.roomListingName {
color: var(--PrimaryColor) !important;
}
.hyperLinkColor {
color: var(--HyperLinkColor) !important;
}
.aminitiesColor {
color: var(--ContentColor) !important;
}
.aminitiesheadingColor {
color: var(--ContentColor) !important;
margin: 2px 0 5px;
position: relative;
vertical-align: top;
/* width: 100%; */
}
.va-bedding-Data {
display: flex;
gap: 5px;
}
.pageHeadeColor {
color: var(--SubTitleColor) !important
}
.drawerOpactiy {
opacity: 0.4 !important;
}
.rate-plan-modal-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
/* Semi-transparent black background */
z-index: 10000 !important;
/* z-index: 9999; */
/* Ensure the overlay is above other content */
}
.rate-plan-modal-overlay.show {
display: block;
overflow: hidden;
}
.rate-plans-modal::-webkit-scrollbar {
display: none;
}
.cnt-lnk a,
.crnc-lst ul li a,
.lag-lst ul li a {
color: #8d9498;
display: block
}
.crdtxt a i.fas.fa-info-circle,
.crnc-lst ul li a span,
.snd-title a h4 {
margin-right: 5px
}
.adlt-cls,
.lst-rm,
.prt-cls-nm .raing,
.snd-title a span {
display: inline
}
.inf-cls,
.inf-otr,
.pls-mns,
.pls-mns input,
.prty-tle h5 {
text-align: center
}
.IncludedExtras,
.ls-none,
.no-list,
ul.addon-list {
list-style: none
}
body {
background: #f5f6f7;
font-family: Poppins, sans-serif;
font-size: 16px
}
.cnt-lnk a,
.crnc-lst ul li a,
.lag-lst ul li a,
.nav-cnt-txt p,
p {
font-family: Roboto, sans-serif
}
.header-pName a,
a:hover {
text-decoration: none
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.navbar-default .navbar-brand,
.navbar-nav>li>a,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Poppins, sans-serif
}
.language-Name {
font-family: Poppins, sans-serif;
}
.currency-countryName {
font-family: Poppins, sans-serif;
}
.navbar-default {
background-color: transparent;
border: none !important;
border-radius: 0;
margin-bottom: 0
}
.navbar-nav {
float: right;
margin: 0
}
.navbar-nav>li>a {
color: rgba(87, 87, 87, .8) !important;
font-size: 14px;
font-weight: 400;
letter-spacing: .5px;
padding: 15px 20px !important
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
background-color: rgba(0, 0, 0, 0)
}
.img-glr .carousel-control-next-icon,
.img-glr .carousel-control-prev-icon,
.sh-mr .carousel-control-next-icon,
.sh-mr .carousel-control-prev-icon {
display: inline-block;
width: 35px;
height: 35px;
background-repeat: no-repeat;
background-position: center center;
border-radius: 50%;
background-size: 25px;
background-color: #000;
text-align: center;
}
.bnr-cls img {
max-width: 100%;
}
.bnr-cls .img-glr img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bnr-cls .mbsImage {
margin-top: 0;
}
.navbar-default .navbar-brand {
color: #000;
font-weight: 600
}
.addon-reserve .addon-icon,
.navbar-brand span,
.navbar-brand span i,
.prt-cls-nm span i,
.snd-title a span i {
margin-left: 5px
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
background-color: rgba(0, 0, 0, 0);
color: #fff !important
}
.dropdown-toggle::after {
content: "\f107";
font-family: 'Font Awesome 5 Free';
font-size: 15px;
border-top: 0;
border-right: 0;
border-left: 0;
vertical-align: inherit;
margin-left: 15px;
vertical-align: inherit;
color: rgba(87, 87, 87, .8) !important;
font-weight: 900
}
.dropdown-menu {
border: 1px solid rgba(255, 255, 255, .2);
border-radius: 0;
box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
margin-top: 0;
padding-bottom: 8px;
left: auto;
right: 0
}
.nav-cnt {
overflow: auto;
padding-bottom: 0;
width: 280px
}
@-webkit-keyframes bounceInDown {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInDown {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .25s;
animation-duration: .25s
}
.nav-cnt-txt p {
border-bottom: 1px solid rgba(0, 0, 0, .1);
color: #8d9498;
line-height: 24px;
padding: 5px 10px 9px;
margin-bottom: 0
}
.cnt-lnk a {
border-bottom: 1px solid rgba(255, 255, 255, .2);
font-size: 13px;
padding: 8px 10px
}
.snd-title a,
.tipso_title {
font-family: Poppins, sans-serif
}
.cnt-lnk a i {
padding-right: 5px
}
.cnt-lnk a:hover,
.crnc-lst ul li a:hover,
.lag-lst ul li a:hover {
background: #f7fafc;
text-decoration: none
}
.crnc-lst,
.lag-lst {
max-height: 300px;
min-width: 700px;
overflow: auto;
width: 100%
}
#check,
.close {
width: 32px;
height: 32px
}
.lag-lst ul li {
float: left;
width: 25%
}
.crnc-lst ul,
.lag-lst ul {
list-style-type: none;
padding: 0
}
.lag-lst ul li a {
font-size: 13px;
padding: 6px 15px
}
.crnc-lst ul li {
float: left;
text-align: left;
width: 33%
}
.crnc-lst ul li a {
font-size: 12px;
padding: 6px 0 6px 15px
}
.snd-title a {
color: #000;
font-size: 18px;
float: left;
margin-top: 6px;
text-decoration: none
}
.snd-title a h4 {
display: inline;
font-size: 22px
}
.snd-title {
background: #fff;
border-radius: 4px;
margin-top: 25px;
padding: 15px;
border: 1px solid #e5ebec
}
.snd-title .lst-cnt {
float: left;
width: 45%;
position: relative
}
.close,
.fclt-cls ul li i,
.lst-icon::before,
.lst-rm {
position: absolute
}
.snd-title .lst-cnt:last-child {
float: right;
width: 50%
}
.lst-cnt select {
border-color: #fff #fff #eee;
border-radius: 0;
border-style: none none solid;
border-width: medium medium 1px;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0
}
.lst-cnt select:focus {
border-color: rgba(0, 0, 0, .2);
box-shadow: none;
outline: 0
}
.prc-txt,
.pro-ifo h3 {
border-bottom: 1px solid rgba(0, 0, 0, .1)
}
.lst-icon::before {
content: "\f107";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
right: 5px;
top: 5px
}
.crnc-lst ul li a span::after {
content: "-";
margin-left: 5px
}
.main-bx {
background: #ddd
}
.prty-bx {
background: #fff;
border-radius: 10px;
margin-bottom: 10px;
padding: 20px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.pro-ifo h3 {
font-weight: 500;
margin: 0 0 10px;
padding-bottom: 10px;
font-size: 20px
}
.cost,
.pro-ifo p,
.prty-cls-inr p {
font-size: 12px;
line-height: 24px;
overflow-wrap: break-word;
margin-bottom: 0;
}
.prty-cls-inr p {
/* max-height: 320px !important;
overflow: auto;
overflow-x: hidden */
}
.prc-txt {
font-weight: 500;
margin: 0 0 5px;
padding-bottom: 6px;
font-size: 22px
}
.lst-rm {
background: #e74a25;
border-radius: 2px;
color: #fff;
font-size: 12px;
padding: 4px 10px;
top: 5px;
left: 5px;
/* z-index: 0; */
border: 1px solid #d34321;
z-index: 1;
}
.fclt-cls ul li,
.sh-mr {
color: #8d9498;
font-size: 14px
}
.fclt-cls ul li,
.g-total,
.inf-cls,
.inf-otr,
.mr-inf {
display: inline-block
}
.daterangepicker.dropdown-menu,
.stick {
z-index: 999
}
.sh-mr {
border-bottom: 1px dashed;
cursor: pointer
}
.img-glr .item a.sh-mr {
height: 320px;
display: block;
border: none
}
.img-glr .item a.sh-mr img.sh-mr-imageviewer {
height: 100%;
width: 100%;
object-fit: cover
}
.ht-cls {
color: #e74a25;
font-size: 18px;
margin-left: 5px
}
.ofr-cls {
font-size: 18px;
margin-right: 5px
}
.close {
right: 10px;
top: 18px;
opacity: .5
}
.close:hover,
.fade.modal.show,
.fade.popup.modal.show {
opacity: 1
}
.close:after,
.close:before {
position: absolute;
left: 15px;
content: " ";
height: 20px;
width: 2px;
top: 5px;
background-color: #fff
}
.close:before,
.navbarCloseIcon:before {
transform: rotate(45deg)
}
.close:after,
.navbarCloseIcon:after {
transform: rotate(-45deg)
}
.stick {
animation: .3s ease-in-out fadeInDown;
background: rgba(255, 255, 255, .95);
box-shadow: -8px 8px 20px 0 rgba(0, 0, 0, .08) !important;
left: 0;
position: fixed;
top: 0;
width: 100%
}
.srh-rgt,
header {
position: sticky
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.modal-dialog {
max-width: 900px
}
.modal-dialog .modal-content {
border-radius: 4px;
box-shadow: 0 3px 10px rgba(0, 0, 0, .5)
}
/* .modal-content */
.modal-body {
/* border-radius: 0px 0px 10px 10px; */
/* padding: 16px; */
padding: 18px 42px;
height: 100% !important;
}
.g-total,
.mr-inf {
width: 100%
}
.mr-inf p {
overflow-wrap: break-word;
max-height: 320px !important;
overflow: auto;
overflow-x: hidden
}
.mr-inf h4 {
font-size: 14px;
margin-bottom: 0;
margin-top: 0;
padding-bottom: 8px;
font-weight: 700
}
.prty-dic h4,
.prty-tle h4,
.prty-tle h5 {
font-size: 16px;
font-weight: 400
}
.fclt-otr {
margin-top: 15px
}
.fclt-cls ul {
float: left;
list-style-type: none;
padding: 0;
width: 100%
}
.fclt-cls ul li {
margin: 2px 0 5px;
position: relative;
vertical-align: top;
width: 100%
}
.fclt-cls ul li i {
left: 0;
top: 2px;
width: 22px
}
.fclt-cls ul.beeding-conf {
display: flex;
flex-wrap: wrap;
gap: 5px
}
.fclt-cls ul.beeding-conf li {
width: auto
}
.prty-tle {
background: #fbfbfb;
border: 1px solid #eaeaea;
margin-top: 20px;
padding: 5px 15px 3px
}
.inf-otr {
width: 100%;
margin-top: 6px
}
.inf-cls {
border-radius: 50px;
font-size: 12px;
font-weight: 600;
height: 20px;
padding-top: 2px;
width: 20px
}
.pls-mns input,
.srch-cls {
border: 1px solid #e5ebec
}
.prt-dic-otr,
.prty-dic {
width: 100%;
transition: .35s
}
.prty-dic h4 {
margin: 7px 0 0
}
.adt-chld {
display: flex;
justify-content: center;
align-items: end
}
.chld-cls {
display: inline;
margin-left: 5px;
padding-left: 8px;
vertical-align: top
}
.prt-dic-otr,
.prty-dic,
.rsv-btn,
.srch-cls {
display: inline-block
}
.adlt-nbr,
.chld-nbr {
font-size: 14px;
margin-right: 8px
}
.adlt-img {
font-size: 24px
}
.ad-ch .adlt-img i.fas,
.chld-img,
.crdtotal,
.modal_custmHead h4 {
font-size: 20px !important
}
.addonName>label,
.prty-bx>.row {
margin-bottom: 0
}
.prty-dic {
padding: 15px 0
}
.prty-dic-n {
border-top: 1px solid #e5ebec;
padding-top: 20px
}
.mns-cls,
.pls-cls {
background: #eee;
color: #555;
float: left;
font-size: 12px;
padding: 5px 0;
width: 25%
}
.bkrm:hover,
.inc-div .incr-btn,
.prt-bnt-cls a:hover,
.prt-bnt-cls button:hover,
.sr-sbmt:hover,
.srch-cls,
header .hamburger-menu div,
header .hamburger-menu div:after,
header .hamburger-menu div:before {
background: #fff
}
.pls-mns input {
float: left;
font-size: 13px;
padding: 5px 0 2px;
width: 50%
}
.rate-p-name-sidecard:last-child .ratePname,
.rs-rm-prc span:last-child,
.sml-prc {
text-align: right
}
.ftr,
.inc-div,
.rm-lst,
.rm-srch,
.rm-srch label,
.rs-rm-prc span {
text-align: center
}
.modal_custmHead,
.sml-prc h5 {
margin: 0
}
.sml-prc span {
font-size: 11px;
position: relative;
}
.rsv-btn {
float: right
}
.bkrm {
border-radius: 4px;
color: #fff;
font-size: 14px;
padding: 4px 20px;
transition: .35s;
width: 100%
}
.srh-rgt {
float: right;
margin-bottom: 95px;
top: 75px
}
.srch-cls {
border-radius: 4px;
padding: 0px;
width: 100%;
margin-bottom: 20px
}
.booking-details-head h2 {
margin-top: 0;
}
#carousel-example-generic .carousel-indicators,
iscount-rate-t #pop-img-glr .carousel-indicators,
.Adult label.adultValue,
.Child label.ChildValue,
.addon-icon-hover-desc,
/* .crd-info.p-3 .row:last-of-type+span.separator, */
.currencyDropdown-sm,
.desktop-none,
.dropdown .dropdown,
.falsehideRooms,
.hideRooms,
.info-desc,
.mobileVisible_pricedetails,
.prty-bx.display_none,
.rdrDateDisplay,
.rdrDefinedRangesWrapper,
.reserve-tax-desc,
.selected-sm,
.sidebar-language,
.tabClosed .inc-div,
.ui-datepicker-trigger,
button.ratePname-guuestdetails,
header.sc-iqzUVk.bIaxNR,
label.sc-iRbamj.dmTruq,
span.calender-icon svg,
span.rdrMonthAndYearPickers {
display: none
}
.srch-cls .form-group {
margin-bottom: 10px
}
.srch-cls .form-group label {
color: #8d9498;
font-size: 12px;
font-weight: 300
}
.srch-cls .form-group input,
.srch-cls .form-group textarea {
background: #fff;
border: 1px solid #e5ebec;
box-shadow: none;
color: #565656;
font-size: 12px;
height: 29px;
padding: 7px 12px 5px;
transition: .3s linear
}
.rm-lst .rm-cnt label,
.rm-srch label {
color: #8d9498;
text-transform: uppercase
}
.srch-cls .form-group textarea {
height: auto
}
.icon-cal {
background: #eee;
color: #555;
font-size: 14px;
overflow: hidden;
padding: 4px 7px 4px 10px;
position: absolute;
right: 16px;
top: 26px
}
.rm-srch {
margin-bottom: 15px;
width: initial
}
.rm-srch label {
font-size: 12px;
font-weight: 400
}
.rm-lst .col-md-4,
.rm-srch .col-md-4 {
width: 30%
}
.rm-lst {
background: #eee;
border: 1px solid #ddd;
border-radius: 2px;
padding: 2px
}
.rm-lst .rm-cnt label {
font-size: 11px;
font-weight: 300
}
.inc-div {
border: 1px solid #ddd;
margin-top: 1px
}
.addon-reserve,
.adt-chld,
.crd-head,
.iconText,
.pro-ifo,
.prt-dic-otr,
.prty-bx.blur.sold-out,
.rm-lst-cnt {
position: relative
}
.inc-div .incr-btn {
color: #565656;
float: left;
font-size: 12px;
padding: 2px 0 1px;
width: 30%
}
.inc-div .quantity {
border: none;
float: left;
font-size: 12px;
padding: 2px 0 1px;
text-align: center;
width: 40%
}
.rm-add,
.rm-mns {
font-size: 12px;
font-weight: 300;
position: absolute;
right: 5px;
top: 5px
}
.no-bds,
.rs-rm-dtl {
position: relative;
display: inline-block;
width: 100%
}
.no-bds {
margin-bottom: 10px
}
.rm-mns {
top: 10px
}
.sr-sbmt {
border-radius: 4px;
color: #fff;
font-size: 14px;
transition: .35s;
width: 100%;
margin-top: 12px
}
button.sr-sbmt {
border: 1px solid transparent;
padding: 13px 0;
font-weight: 600;
margin-top: 0;
/* margin-bottom: 15px */
margin-bottom: 0;
}
.rs-cls {
position: absolute;
right: 18px;
top: 13px
}
.rs-cls i {
cursor: pointer;
font-size: 14px;
font-weight: 400
}
.chn-cho label,
.chn-cho span {
font-weight: 500;
margin-bottom: 0
}
.rs-rm-dtl h5 {
margin-top: 2px
}
.chn-cho {
padding: 0 10px;
margin-bottom: 15px;
background: unset;
border-radius: 2px;
display: flex;
height: 64px;
border: 1px solid #ebebeb
}
.chn-cho label {
font-size: 12px;
color: #919191;
text-transform: uppercase
}
.chn-cho span {
font-size: 13px;
color: #151515
}
.rs-rm-prc label,
.rs-rm-prc1 label {
font-size: 14px;
width: 33%
}
.ht-dl,
.rs-rm-prc1 span {
font-size: 12px;
float: right
}
.rs-rm-prc span {
display: inline-block
}
.rs-rm-prc1 label {
width: 50%
}
.rs-rm-prc1 span {
text-align: right;
margin-top: 5px;
font-weight: 500
}
.rs-tl-pd {
padding: 10px 10px 5px 0
}
.rs-rm-prc label,
.rs-rm-prc span,
.rs-tl-pd span {
font-weight: 500;
font-size: 12px
}
.rs-rm-dtl {
border-top: 1px solid #cecece
}
.rs-rm-prc1.rs-tl-pd.subTotal {
padding: 8px 0px
}
.booking-details-head+.rs-rm-dtl {
border-top: unset !important;
padding: 10px 15px 0;
margin-top: 0 !important
}
.ftr-img,
.rs-frm {
margin-top: 20px
}
.ht-dl {
color: #e74a25;
display: inline
}
.adt-chld .adlt-cls span.adlt-img,
.ht-dl i,
.pro-ifo .mobile-none,
.sml-prc h5 {
font-size: 18px
}
.adt-chld.adtHvr {
cursor: pointer
}
.img-glr .item a img,
.img-glr .item img {
height: 100%;
object-fit: cover;
width: 100%
}
.carousel-control .fa-chevron-left {
position: absolute;
top: 45%
}
.carousel-control .fa-chevron-right {
position: absolute;
right: 15px;
top: 45%
}
.pop-img-glr .item img {
height: 230px
}
.gl-mdl-cls .item img {
height: 450px
}
.gl-mdl-cls .carousel-control .fa-chevron-right,
.prty-glry .carousel-control .fa-chevron-right {
right: 45px
}
#gl_Modal .modal-body,
.acceptDiv,
.crd-info.p-3,
.hdrxtrLinks div#navbarNav,
.pro-ifo,
.pro-ifo button.sh-mr-ameneties,
.sh-mr-ameneties,
.wdgtWrapp .be-widgetWrap .beWidget .submit-button,
button.sh-mr-compare-package.notranslate {
padding: 0
}
.close-gl {
background: #000;
color: #fff;
padding-top: 5px;
right: 0;
top: 0;
z-index: 9
}
.prty-cls-inr {
background: #fff;
/* border: 1px solid #e5ebec; */
display: inline-block;
margin-bottom: 0px;
padding: 15px;
box-shadow: 0 5px 4px -2px rgba(35, 41, 44, .12);
width: 100%;
border-radius: 5px
}
.prty-cls-inr h2 {
font-size: 22px;
font-weight: 500;
margin-top: 0;
margin-bottom: 20px
}
.prt-cls-nm h4 {
display: inline;
margin-right: 5px
}
.be-widgetWrap,
.beWidget .form-group,
.beWidget .form-group .widgetLabel,
.beWidget .form-group.checkAvailBtn a,
.checkIn-OutWrapper,
.ion-plus-div,
.prt-bnt-cls,
.tabClosed.count-input .edit_Room {
display: inline-block !important
}
.prt-cls-nm {
margin-bottom: 5px
}
.prty-glry .item a img {
height: 350px
}
.prt-bnt-cls a,
.prt-bnt-cls button {
border-radius: 4px;
color: #fff !important;
cursor: pointer;
display: inline-block;
font-size: 14px;
margin-right: 15px;
padding: 6px 20px 4px;
transition: .35s;
/* text-decoration: none */
}
.ftr-img img:last-child,
.prt-bnt-cls a:last-child {
margin-right: 0
}
.prt-bnt-cls {
margin-top: 15px;
width: 100%
}
.ftr {
color: #fff;
font-size: 14px;
padding: 35px 0 25px
}
.ftr-sign a {
border-bottom: 1px solid transparent;
color: #fff;
font-weight: 700
}
.ftr-img img {
border: 1px solid rgba(255, 255, 255, .3);
border-radius: 5px;
margin-right: 10px;
padding: 6px
}
.wdgtWrapp .be-widgetWrap .beWidget input,
.wdgtWrapp .be-widgetWrap .beWidget input.date-input {
background: rgb(255 255 255 / 85%);
color: #000;
font-size: 14px !important;
border: 1px solid #fff
}
.submit-button button {
font-size: 14px;
height: 40px;
border-radius: 5px
}
.wdgtWrapp .be-widgetWrap .beWidget .DatePickerMain {
background: rgb(255 255 255/ 45%);
border: 1px solid rgba(255, 255, 255, .5);
-webkit-backdrop-filter: blur(2px);
-moz-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
z-index: 1;
position: relative
}
.wdgtWrapp .be-widgetWrap .beWidget input.PromoInput {
width: 63%
}
.beWidget input.guest-input {
width: 70%
}
.be-widgetWrap {
width: 100%;
}
.beWidget {
text-align: left;
position: relative
}
.checkIn-OutWrapper {
/* font-size: 0; */
vertical-align: top
}
.beWidget .form-group {
position: relative;
margin: 0;
font-size: 14px;
padding: 0 10px;
vertical-align: top
}
.beWidget .form-group .form-control {
box-shadow: none;
max-width: 165px
}
.beWidget .form-group .form-control.checkInInput {
padding-right: 40px
}
.beWidget .form-group .form-control.promoinput {
max-width: 120px
}
.beWidget .form-group input[type=checkbox] {
margin: 0;
vertical-align: middle
}
.beWidget .form-group.flexibleWrap {
padding-top: 30px
}
.beWidget .form-group.promocodeTxt .input-group .input-group-addon,
.tabClosed .Adult,
.tabClosed .Child {
width: auto
}
.checkIn-OutWrapper .form-group:first-child input {
border-radius: 3px 0 0 3px;
border-right: 0
}
.checkIn-OutWrapper .form-group:last-child input {
border-radius: 0 3px 3px 0;
border-left: 0;
padding-right: 12px
}
.checkIn-OutWrapper .form-group:first-child {
padding-right: 0
}
.checkIn-OutWrapper .form-group:last-child {
padding-left: 0
}
.beWidget .form-group .widgetLabel {
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
position: relative
}
.beWidget .form-group input.form-control:focus {
border-color: #ccc
}
.beWidget .icon-cal {
background-color: transparent;
top: 3px;
right: 3px
}
.ion-plus-div {
float: inherit;
position: relative;
cursor: pointer;
font-weight: 300
}
.guestPickerDiv {
display: none;
position: absolute;
z-index: 8;
background: #fff;
padding: 0;
margin-top: 5px;
width: 280px;
-webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
box-shadow: 0 3px 12px rgba(0, 0, 0, .05)
}
.count-input {
position: relative;
width: 100%;
padding: 26px 10px 10px;
display: inline-block;
background: #fff;
border: 1px solid #ddd;
border-radius: 0;
overflow: hidden;
vertical-align: top
}
.Add_Room,
.Rooms_Count,
.edit_Room {
position: absolute
}
.count-input+.count-input {
margin-top: -1px
}
.Rooms_Count {
background-color: #fff;
padding: 2px 105px 2px 10px;
top: 0;
left: 0;
right: 0;
z-index: 2;
height: 24px
}
.Rooms_Count label {
padding: 0;
font-size: 12px;
width: 65px;
margin: 0
}
.Add_Room a,
.edit_Room a {
padding: 3px 6px
}
.Adult,
.Child {
margin: 0;
padding: 0;
width: 50%;
float: left
}
.guestPickerDivFooter a,
.inc-div {
width: auto
}
.Child {
padding-left: 5px
}
.count-input .Adult label,
.count-input .Child label {
font-size: 12px;
display: inline-block;
margin: 0 4px 0 0;
vertical-align: middle
}
.tabClosed .Adult label.adultValue,
.tabClosed .Child label.ChildValue {
display: inline-block;
margin: 0
}
.tabClosed .Child {
margin-left: 5px;
border-left: 1px solid #ddd
}
.tabClosed.count-input .Adult label,
.tabClosed.count-input .Child label {
font-weight: 400
}
.edit_Room {
display: none;
right: 25px;
top: 0;
z-index: 4
}
.Add_Room,
.Add_Room a,
.count-input .incr-btn,
.edit_Room a,
.guestPickerDivFooter,
.guestPickerDivFooter a {
display: inline-block
}
.inc-div {
background: #fff;
float: none;
vertical-align: middle
}
.count-input .incr-btn:first-child {
right: auto;
left: 0;
top: 46%
}
.count-input input.quantity {
height: 24px;
width: 30px;
border: none;
border-radius: 0;
background: 0 0;
text-align: center;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd
}
.count-input .incr-btn {
width: 24px;
height: 24px;
font-size: 15px;
font-weight: 300;
text-align: center;
line-height: 24px;
margin-top: 0;
text-decoration: none;
background: #fff;
color: #000;
padding: 0
}
.Add_Room {
background-color: transparent;
border-radius: 0;
top: 0;
right: 0;
font-size: 12px;
z-index: 4
}
.Add_Room a {
text-align: center;
text-decoration: none;
color: #e53935;
height: 23px
}
.Add_Room a span {
position: relative;
text-align: center;
width: 95px;
display: none
}
.beWidget .guestPickerInner {
display: inline-block;
width: 100%;
max-height: 193px;
overflow: auto;
vertical-align: top
}
.beWidget .guestPickerDivWrap.form-group input.form-control {
padding-right: 28px;
max-width: 225px
}
.beWidget .guestPickerDivWrap.form-group .ion-plus-div::after {
content: "\f055";
position: absolute;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #655;
z-index: 99;
right: 6px;
top: 5px;
font-size: 17px
}
.MaxGuest-Dflex .adlt-cls:hover .adlt-tooltip,
.addon-icon:hover+.addon-icon-hover-desc,
.adt-chld:hover #adlt-desc,
.beWidget .guestPickerDivWrap.On .guestPickerDiv,
.dropdown-link:hover>.dropdown,
.nav-link:hover>.dropdown {
display: block
}
.guestPickerDivFooter {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
margin-top: -1px
}
.count-input.tabClosed,
.count-input.tabClosed .Rooms_Count {
background-color: #f5f6f7
}
.daterangepicker td,
.daterangepicker th {
border: 0;
border-radius: 0
}
.daterangepicker td.in-range,
.daterangepicker td.in-range:hover {
background-color: #c3e4f7
}
.daterangepicker td.active.start-date.available {
background-color: #fff;
background: linear-gradient(to bottom right, transparent, transparent 50%, #c3e4f7 50%, #c3e4f7);
color: #000
}
.daterangepicker td.active.end-date.in-range.available {
background-color: #fff;
background: linear-gradient(to top left, transparent, transparent 50%, #c3e4f7 50%, #c3e4f7);
color: #000
}
.daterangepicker td.off.active.end-date.in-range.available,
.daterangepicker td.off.active.start-date.available {
background: #fff;
color: #999
}
@media only screen and (min-width:320px) and (max-width:767px) {
.navbar-toggle {
display: block;
margin: 10px 0 0
}
.navbar-nav {
float: none !important
}
.navbar-collapse.collapse.in {
display: block !important
}
.collapsing {
overflow: hidden !important
}
.navbar-header {
background: rgba(0, 0, 0, 0);
float: none
}
.navbar-default .navbar-toggle .icon-bar {
display: none
}
.navbar-default .navbar-toggle {
border-color: transparent;
background: inherit
}
.navBarBtn.closebtn i:before {
color: #6e876e;
content: "\f00d"
}
.navbar-nav {
position: fixed;
height: calc(100% - 66px);
bottom: 0;
right: -100%;
margin: 0;
background-color: #fff;
width: 360px;
-webkit-transition: .3s;
transition: .3s;
z-index: 999;
overflow-y: auto;
-webkit-box-shadow: -10px 0 30px rgba(0, 0, 0, .2);
box-shadow: -10px 0 30px rgba(0, 0, 0, .2)
}
.navbar-nav.open {
right: 0
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: rgba(0, 0, 0, 0)
}
.navbar-nav li {
float: none
}
.navbar-nav li a {
padding: 15px 20px !important;
border-bottom: 1px solid #d6eaed
}
.nav-cnt {
left: 0;
width: 100%
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
border-bottom: 1px dashed #d6eaed
}
.nav-cnt-txt .cnt-lnk a {
border-bottom: 1px solid rgba(255, 255, 255, .2);
font-size: 13px;
padding: 8px 10px
}
.crnc-lst {
min-width: 100%
}
.crnc-lst ul li,
.fclt-cls ul li,
.lag-lst,
.navBarBtn:hover .nav-line span:nth-child(4) {
width: 100%
}
.crnc-lst ul li a,
.lag-lst ul li a {
border-bottom: none
}
.navbar-toggle {
margin-top: 10px
}
.dropdown-menu {
background: #fff !important;
position: absolute !important;
box-shadow: 0 3px 12px rgba(0, 0, 0, .05) !important;
border: 1px solid rgba(255, 255, 255, .2) !important
}
.nav-line {
width: 22px;
height: 18px;
position: relative;
float: right;
margin: 0;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
right: 0;
z-index: 2;
pointer-events: initial;
display: block
}
.nav-line span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #000;
opacity: 1;
right: 0;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out
}
.nav-line span:first-child {
top: 0
}
.nav-line span:nth-child(2),
.nav-line span:nth-child(3) {
top: 7px
}
.nav-line span:nth-child(4) {
top: 14px;
width: 60%
}
.closebtn .nav-line span:first-child {
top: 7px;
width: 0%;
right: 50%
}
.closebtn .nav-line span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.closebtn .nav-line span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.closebtn .nav-line span:nth-child(4) {
top: 7px;
right: 50%;
width: 0 !important
}
.bnr-cls img.rate-plan-img {
max-width: 100%;
height: 246px
}
.navbar-default .navbar-brand {
padding: 10px;
display: flex;
align-items: center
}
.snd-title a {
margin-bottom: 10px;
margin-top: 0
}
.snd-title a span {
display: inline-block;
width: 100%
}
.modal-dialog {
width: 90%;
margin: 15px auto
}
}
@media (max-width:767px) {
.rate-plans-modal {
min-width: auto !important
}
.reviewModalBtn {
z-index: 9999 !important
}
.rate-plans-modal .modalPrgrph.offcanvas-body {
padding: 20px 30px 20px 30px !important
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.navbar-toggle {
display: block;
margin: 10px 0 0
}
.enqr-btn,
.rs-frm {
margin-top: 0
}
.navbar-nav {
float: none !important
}
.navbar-collapse.collapse.in {
display: block !important
}
.collapsing {
overflow: hidden !important
}
.navbar-header {
background: rgba(0, 0, 0, 0);
float: none
}
.navbar-default .navbar-brand {
padding: 15px
}
.navbar-default .navbar-toggle .icon-bar {
display: none
}
.navbar-default .navbar-toggle {
border-color: transparent;
background: inherit
}
.navBarBtn.closebtn i:before {
color: #6e876e;
content: "\f00d"
}
.navbar-nav {
position: fixed;
height: calc(100% - 80px);
bottom: 0;
right: -100%;
margin: 0;
width: 360px;
-webkit-transition: .3s;
transition: .3s;
z-index: 99;
overflow-y: auto;
-webkit-box-shadow: -10px 0 30px rgba(0, 0, 0, .2);
box-shadow: -10px 0 30px rgba(0, 0, 0, .2)
}
.crnc-lst ul li,
.lag-lst,
.lag-lst ul li,
.nav-cnt,
.navBarBtn:hover .nav-line span:nth-child(4),
.rs-frm {
width: 100%
}
.navbar-nav.open {
right: 0
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: rgba(0, 0, 0, 0)
}
.navbar-nav li {
float: none
}
.navbar-nav li a {
padding: 15px 20px !important
}
.nav-cnt {
left: 0
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
border-bottom: 1px dashed #d6eaed
}
.nav-cnt-txt .cnt-lnk a {
border-bottom: 1px solid rgba(255, 255, 255, .2);
font-size: 13px;
padding: 8px 10px
}
.crnc-lst {
min-width: 100%
}
.crnc-lst ul li a,
.lag-lst ul li a {
border-bottom: none
}
.lag-lst {
min-width: 120px
}
.nav-line {
width: 22px;
height: 18px;
position: relative;
float: right;
margin: 0;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
right: 0;
z-index: 2;
pointer-events: initial;
display: block
}
.nav-line span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #000;
opacity: 1;
right: 0;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out
}
.nav-line span:first-child {
top: 0
}
.nav-line span:nth-child(2),
.nav-line span:nth-child(3) {
top: 7px
}
.nav-line span:nth-child(4) {
top: 14px;
width: 60%
}
.closebtn .nav-line span:first-child {
top: 7px;
width: 0%;
right: 50%
}
.closebtn .nav-line span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.closebtn .nav-line span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.closebtn .nav-line span:nth-child(4) {
top: 7px;
right: 50%;
width: 0 !important
}
.bnr-cls img {
max-width: 100%;
height: auto
}
.sml-prc h5 {
font-size: 15px;
margin: 0
}
.sml-prc span {
font-size: 10px;
/* line-height: .5 */
}
.pls-mns input {
width: 40%
}
.mns-cls,
.pls-cls {
background: #eee;
color: #555;
float: left;
font-size: 12px;
font-weight: 300;
padding: 6px 0 4px;
width: 30%
}
.modal-dialog {
width: 90%
}
.bd-pc-cls,
.rm-srch {
float: left;
width: 48%
}
.rm-srch {
margin-right: 2%
}
.bd-pc-cls {
margin-left: 2%
}
.mps-cls {
display: inline-block;
float: right;
width: 55%
}
.mps-cls iframe {
height: 240px
}
.srch-cls .form-group textarea {
height: 52px
}
.ht-dl {
font-size: 12px;
padding-top: 4px
}
.ht-dl i {
font-size: 14px
}
.prt-bnt-cls a {
margin-bottom: 10px
}
.prty-glry .item a img {
height: 275px
}
.hdrxtrLinks div#navbarNav ul.navbar-nav {
right: 0;
top: 0;
width: 130px;
height: auto;
position: relative;
box-shadow: none;
border: none
}
}
#check:checked~.hamburger-menu-container .hamburger-menu div,
.dropdown-link>a {
background-color: transparent
}
.chkindtls span,
.chngdt,
.crdtxt {
font-weight: 500
}
@media only screen and (min-width:992px) and (max-width:1200px) {
.pro-ifo.discRibbon {
margin-top: 10px;
}
.chld-cls {
padding-left: 6px
}
.ofr-cls {
margin-right: 2px;
font-size: 16px
}
.ht-cls {
margin-left: 1px;
font-size: 16px
}
.lst-rm {
padding: 4px 6px
}
.ht-dl {
font-size: 11px;
margin-top: 2px
}
.prt-bnt-cls a {
margin-right: 5px;
padding: 6px 15px 4px
}
.prty-glry .item a img {
height: 250px
}
}
@media (max-width:1200px) {
.beWidget .form-group {
padding: 0 5px
}
.checkIn-OutWrapper .form-group .iconText {
max-width: 135px
}
.beWidget .form-group .form-control.promoinput {
max-width: 90px
}
.adult-child-wrap {
justify-content: flex-end;
display: flex;
align-items: center
}
}
@media (max-width:1024px) {
span.calender-icon:before {
right: -5px;
top: -3px !important;
padding-left: 8px
}
.prty-cls-inr .prt-bnt-cls {
position: relative !important;
bottom: inherit !important
}
#adlt-desc {
display: none !important
}
}
.prty-cls-inr .prt-bnt-cls {
position: relative !important;
bottom: inherit !important
}
@media (max-width:991px) {
.checkIn-OutWrapper {
/* width: 60%; */
margin-bottom: 15px
}
.checkIn-OutWrapper .form-group {
width: 50%
}
.beWidget .form-group .form-control,
.beWidget .form-group .form-control.promoinput,
.checkIn-OutWrapper .form-group .iconText,
.checkIn-OutWrapper .form-group:last-child input {
max-width: 100%
}
.beWidget .form-group.promocodeTxt {
width: 39%
}
.pro-ifo h3 {
margin-top: 0
}
.prc-txt {
margin-top: 15px;
border-bottom: none
}
.cost {
display: inline-block;
width: 100%
}
.navbar-collapse.show .navbar-nav {
right: 0
}
.jlMSND span.checkbox {
right: 52%
}
.addon-added {
position: unset !important;
left: unset !important
}
}
@media (max-width:912px) {
/* .main-bx .container,.main-bx .container-md,.wdgtWrapp.container,.wdgtWrapp.container .be-widgetWrap .container{max-width:100%} */
.jlMSND .checkbox {
right: 52% !important
}
.adult-child-wrap {
align-items: flex-start;
display: flex
}
.addon-added {
position: inherit !important
}
}
@media (max-width:820px) {
.prt-dic-otr .dRight {
display: flex;
flex-direction: column;
}
.prt-dic-otr .dLeft {
display: flex;
flex-direction: column;
align-items: flex-start !important
}
.pro-ifo h3 {
margin-top: 15px
}
.sml-prc span {
padding-bottom: 10px;
display: flex
}
}
@media (max-width: 991px) {
.container,
.container-md {
max-width: 960px !important;
}
}
@media (max-width:768px) {
.bnr-cls .HeaderImage img#backimage {
height: 100% !important;
object-fit: contain;
}
.container,
.container-md,
.container-sm {
max-width: 720px !important;
width: 100%;
/* padding: 15px !important; */
}
.quantity-form .quality-rate>.d-flex.f-wrap {
width: 160px !important;
max-width: 160px !important;
}
.quantity-form .quality-rate {
min-width: 210px !important;
width: 210px !important;
}
.f-left {
float: left
}
.main-bx .container {
max-width: 100%;
margin: 0 auto
}
.pro-ifo {
padding-top: 15px
}
.prty-dic-after {
padding: 15px 0
}
.f-right {
display: flex;
flex-direction: column;
align-items: flex-end !important
}
.m-price-left {
display: flex;
justify-content: flex-start !important
}
.f-right .rsv-btn button.bkrm {
margin-right: 0 !important
}
.adult-child-wrap {
justify-content: flex-start !important
}
.jlMSND span.checkbox {
right: 53%
}
span.calender-icon:before {
right: -5px;
top: -3px !important;
padding-left: 8px
}
.rate-plans-modal {
min-width: 100%
}
}
@media (max-width:991px) {
.rate-plans-modal {
min-width: 100% !important
}
}
@media (max-width:767px) {
.pro-ifo.discRibbon .mobile-none {
margin-top: 12px;
}
.prty-tle {
display: none
}
.cmprPckg_btn {
padding-right: 0 !important
}
.pckg_nme h4 {
margin-bottom: 0 !important
}
.prty-dic h4 {
margin-bottom: 15px;
text-align: left
}
.cost {
display: inline;
margin-right: 15px
}
.adt-chld,
.inf-otr {
margin-bottom: 20px
}
.rs-rm-dtl .rs-cls+div .adt-chld {
margin-bottom: 0
}
.prc-cls {
border-bottom: 1px solid rgba(0, 0, 0, .1);
padding-bottom: 10px
}
.prt-bnt-cls a {
margin-right: 5px;
padding: 6px 13px 4px
}
.prt-cls-nm {
margin-top: 15px
}
.rate-plans-modal .offcanvas-header {
padding-left: 30px !important;
padding-right: 30px !important
}
.header {
max-width: 100%;
width: 100%;
}
}
@media (max-width:576px) {
/* .reserve-main-box .child-age-wrapper .childinfo {
width: 100%;
} */
.rate-plans-modal {
width: 100% !important
}
div.guestRateTable {
overflow: initial;
max-height: inherit
}
}
@media (max-width:480px) {
.checkIn-OutWrapper {
width: 100%
}
.beWidget .form-group.promocodeTxt {
width: 30%
}
.guestPickerDiv {
right: 0
}
.pro-ifo h3 {
margin-top: 10px
}
.prc-txt {
margin-top: 15px;
border-bottom: none
}
.cost {
display: inline;
margin-right: 15px
}
.prt-bnt-cls a {
margin-bottom: 5px;
width: 100%
}
.img-glr .item a img,
.img-glr .item img {
height: 100%
}
.jlMSND span.checkbox {
right: 40%
}
.changeArrow::after {
left: 25px !important
}
.ePSrMw.changeArrowLeft:after {
left: 60% !important
}
.wdgtWrapp .be-widgetWrap .beWidget input,
.wdgtWrapp .be-widgetWrap .beWidget input.date-input {
font-size: 14px !important
}
span.calender-icon:before {
right: -5px;
top: -3px !important;
padding-left: 8px
}
}
@media (max-width:370px) {
.beWidget .form-group.promocodeTxt {
width: 100%
}
.beWidget .form-group.checkAvailBtn {
padding-top: 12px
}
.beWidget .form-group.flexibleWrap {
padding-top: 15px
}
.guestPickerDivWrap.form-group,
.guestPickerDivWrap.form-group .ion-plus-div {
width: 100%
}
.beWidget .guestPickerDivWrap.form-group input.form-control {
max-width: 100%
}
.guestPickerDiv {
left: -10px;
right: auto
}
.pro-ifo h3 {
margin-top: 10px
}
.prc-txt {
margin-top: 15px;
border-bottom: none
}
.cost {
display: inline;
margin-right: 15px
}
.prty-tle {
display: none
}
.prty-dic h4 {
margin-bottom: 0;
text-align: left
}
.inf-otr {
margin-bottom: 20px
}
.prc-cls {
border-bottom: 1px solid rgba(0, 0, 0, .1);
padding-bottom: 10px
}
.pckg_nme {
margin-bottom: 0 !important;
min-height: auto !important
}
.prt-dic-otr .dCenter {
margin-bottom: 0
}
}
.flag,
.img-glr {
display: inline-block
}
.tipso_bubble,
.tipso_bubble>.tipso_arrow {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.tipso_bubble {
position: absolute;
text-align: center;
border-radius: 6px;
z-index: 9999;
box-shadow: 0 0 20px 2px rgba(0, 0, 0, .3)
}
.img-glr,
.radioImg,
.radioImgBox {
position: relative
}
.rate-p-name-sidecard:first-child .ratePname,
.tipso_content,
div#adlt-desc {
text-align: left
}
.srh-rgt .prty-bx .srch-cls,
.totalwrap {
box-shadow: 0 5px 4px -2px rgb(35 41 44 / 12%)
}
.tipso_bubble.tiny {
font-size: .6rem
}
.tipso_bubble.small {
font-size: .8rem
}
.tipso_bubble.default {
font-size: 1rem
}
.tipso_bubble.large {
font-size: 1.2rem;
width: 100%
}
.tipso_bubble>.tipso_arrow {
position: absolute;
width: 0;
height: 0;
border: 8px solid;
pointer-events: none
}
.tipso_bubble.top>.tipso_arrow {
top: 100%;
left: 50%;
margin-left: -8px
}
.tipso_bubble.bottom>.tipso_arrow {
border-color: transparent transparent #000;
bottom: 100%;
left: 50%;
margin-left: -8px
}
.tipso_bubble.left>.tipso_arrow {
border-color: transparent transparent transparent #000;
top: 50%;
left: 100%;
margin-top: -8px
}
.tipso_bubble.right>.tipso_arrow {
border-color: transparent #000 transparent transparent;
top: 50%;
right: 100%;
margin-top: -8px
}
.tipso_bubble .top_right_corner,
.tipso_bubble.top_right_corner {
border-bottom-left-radius: 0
}
.tipso_bubble .bottom_right_corner,
.tipso_bubble.bottom_right_corner {
border-top-left-radius: 0
}
.tipso_bubble .top_left_corner,
.tipso_bubble.top_left_corner {
border-bottom-right-radius: 0
}
.tipso_bubble .bottom_left_corner,
.tipso_bubble.bottom_left_corner {
border-top-right-radius: 0
}
.tipso_title {
border-radius: 0;
font-size: 12px;
padding: 6px 0
}
.tipso_content {
word-wrap: break-word;
word-wrap: break-word;
padding: 7px;
color: #333;
font-size: 12px;
line-height: 2;
background-color: #f4f4f4
}
.crd-head,
.crdtxt a,
.modal_custmHead .btn-close,
header ul.navbar-nav li a,
header ul.navbar-nav li a.dropdown-toggle:after {
color: #fff
}
.tipso_bubble.top>.tipso_arrow {
border-color: #f4f4f4 transparent transparent
}
.flag {
width: 16px;
height: 11px;
/* background: none no-repeat; */
margin-right: 5px;
margin-top: -3px
}
hr {
opacity: 1;
border-top-color: #c1c1c1;
}
.flag.flag-hr {
background-position: -224px -55px
}
.flag.flag-tw {
background-position: -48px -154px
}
.flag.flag-ms {
background-position: -80px -99px
}
.flag.flag-cz {
background-position: -32px -33px
}
.flag.flag-vc {
background-position: -192px -154px
}
.flag.flag-ad {
background-position: 0 0
}
.flag.flag-eh {
background-position: -192px -33px
}
.flag.flag-hk {
background-position: -176px -55px
}
.flag.flag-ga {
background-position: -128px -44px
}
.flag.flag-catalonia {
background-position: -32px -22px
}
.flag.flag-somaliland {
background-position: -192px -132px
}
.flag.flag-mu {
background-position: -112px -99px
}
.flag.flag-kz {
background-position: -176px -77px
}
.flag.flag-pw {
background-position: -96px -121px
}
.flag.flag-da {
background-position: -112px 0
}
.flag.flag-bg {
background-position: -64px -11px
}
.flag.flag-nf {
background-position: 0 -110px
}
.flag.flag-gs {
background-position: -96px -55px
}
.flag.flag-mm {
background-position: -240px -88px
}
.flag.flag-tm {
background-position: -208px -143px
}
.flag.flag-dm {
background-position: -96px -33px
}
.flag.flag-sm {
background-position: -144px -132px
}
.flag.flag-om {
background-position: -144px -110px
}
.flag.flag-ck {
background-position: -128px -22px
}
.flag.flag-yt {
background-position: -112px -165px
}
.flag.flag-rw {
background-position: -208px -121px
}
.flag.flag-sg {
background-position: -64px -132px
}
.flag.flag-al {
background-position: -80px 0
}
.flag.flag-ec {
background-position: -144px -33px
}
.flag.flag-et {
background-position: 0 -44px
}
.flag.flag-bm {
background-position: -112px -11px
}
.flag.flag-gm {
background-position: -16px -55px
}
.flag.flag-aw {
background-position: -208px 0
}
.flag.flag-it {
background-position: -176px -66px
}
.flag.flag-br {
background-position: -160px -11px
}
.flag.flag-kg {
background-position: -16px -77px
}
.flag.flag-sb {
background-position: -240px -121px
}
.flag.flag-ee {
background-position: -160px -33px
}
.flag.flag-ao {
background-position: -128px 0
}
.flag.flag-tr {
background-position: 0 -154px
}
.flag.flag-bn {
background-position: -128px -11px
}
.flag.flag-gu {
background-position: -128px -55px
}
.flag.flag-tk {
background-position: -176px -143px
}
.flag.flag-bs {
background-position: -176px -11px
}
.flag.flag-fr {
background-position: -112px -44px
}
.flag.flag-ly {
background-position: -96px -88px
}
.flag.flag-mk {
background-position: -208px -88px
}
.flag.flag-py {
background-position: -112px -121px
}
.flag.flag-st {
background-position: -240px -132px
}
.flag.flag-pn {
background-position: -32px -121px
}
.flag.flag-ph {
background-position: -224px -110px
}
.flag.flag-bb {
background-position: 0 -11px
}
.flag.flag-tn {
background-position: -224px -143px
}
.flag.flag-sk {
background-position: -112px -132px
}
.flag.flag-id {
background-position: -32px -66px
}
.flag.flag-mp {
background-position: -32px -99px
}
.flag.flag-nc {
background-position: -224px -99px
}
.flag.flag-ws {
background-position: -64px -165px
}
.flag.flag-fk {
background-position: -64px -44px
}
.flag.flag-kp {
background-position: -96px -77px
}
.flag.flag-eg {
background-position: -176px -33px
}
.flag.flag-sn {
background-position: -160px -132px
}
.flag.flag-tibet {
background-position: -144px -143px
}
.flag.flag-ky {
background-position: -160px -77px
}
.flag.flag-im {
background-position: -80px -66px
}
.flag.flag-no {
background-position: -64px -110px
}
.flag.flag-mz {
background-position: -192px -99px
}
.flag.flag-kw {
background-position: -144px -77px
}
.flag.flag-ag {
background-position: -48px 0
}
.flag.flag-sr {
background-position: -208px -132px
}
.flag.flag-eu {
background-position: -16px -44px
}
.flag.flag-je {
background-position: -192px -66px
}
.flag.flag-pe {
background-position: -176px -110px
}
.flag.flag-bt {
background-position: -192px -11px
}
.flag.flag-sc {
background-position: 0 -132px
}
.flag.flag-ng {
background-position: -16px -110px
}
.flag.flag-jo {
background-position: -224px -66px
}
.flag.flag-gd {
background-position: -160px -44px
}
.flag.flag-cd {
background-position: -48px -22px
}
.flag.flag-so {
background-position: -176px -132px
}
.flag.flag-de {
background-position: -48px -33px
}
.flag.flag-va {
background-position: -176px -154px
}
.flag.flag-sl {
background-position: -128px -132px
}
.flag.flag-pa {
background-position: -160px -110px
}
.flag.flag-iq {
background-position: -128px -66px
}
.flag.flag-ie {
background-position: -48px -66px
}
.flag.flag-gw {
background-position: -144px -55px
}
.flag.flag-vg {
background-position: -224px -154px
}
.flag.flag-tz {
background-position: -64px -154px
}
.flag.flag-mx {
background-position: -160px -99px
}
.flag.flag-um {
background-position: -112px -154px
}
.flag.flag-cv {
background-position: -240px -22px
}
.flag.flag-as {
background-position: -160px 0
}
.flag.flag-dj {
background-position: -64px -33px
}
.flag.flag-mn {
background-position: 0 -99px
}
.flag.flag-zanzibar {
background-position: -144px -165px
}
.flag.flag-do {
background-position: -112px -33px
}
.flag.flag-my {
background-position: -176px -99px
}
.flag.flag-at {
background-position: -176px 0
}
.flag.flag-ml {
background-position: -224px -88px
}
.flag.flag-ca {
background-position: -16px -22px
}
.flag.flag-bh {
background-position: -80px -11px
}
.flag.flag-ru {
background-position: -192px -121px
}
.flag.flag-cf {
background-position: -64px -22px
}
.flag.flag-hm {
background-position: -192px -55px
}
.flag.flag-az {
background-position: -224px 0
}
.flag.flag-ma {
background-position: -112px -88px
}
.flag.flag-pm {
background-position: -16px -121px
}
.flag.flag-cu {
background-position: -224px -22px
}
.flag.flag-pt {
background-position: -80px -121px
}
.flag.flag-bd {
background-position: -16px -11px
}
.flag.flag-tl {
background-position: -192px -143px
}
.flag.flag-england {
background-position: -208px -33px
}
.flag.flag-to {
background-position: -240px -143px
}
.flag.flag-dk {
background-position: -80px -33px
}
.flag.flag-na {
background-position: -208px -99px
}
.flag.flag-co {
background-position: -192px -22px
}
.flag.flag-gy {
background-position: -160px -55px
}
.flag.flag-kurdistan {
background-position: -128px -77px
}
.flag.flag-mh {
background-position: -192px -88px
}
.flag.flag-qa {
background-position: -128px -121px
}
.flag.flag-pf {
background-position: -192px -110px
}
.flag.flag-dz {
background-position: -128px -33px
}
.flag.flag-li {
background-position: -240px -77px
}
.flag.flag-fj {
background-position: -48px -44px
}
.flag.flag-vu {
background-position: -16px -165px
}
.flag.flag-lb {
background-position: -208px -77px
}
.flag.flag-mq {
background-position: -48px -99px
}
.flag.flag-ge {
background-position: -176px -44px
}
.flag.flag-ai {
background-position: -64px 0
}
.flag.flag-bv {
background-position: -208px -11px
}
.flag.flag-mr {
background-position: -64px -99px
}
.flag.flag-mc {
background-position: -128px -88px
}
.flag.flag-lk {
background-position: 0 -88px
}
.flag.flag-bj {
background-position: -96px -11px
}
.flag.flag-fm {
background-position: -80px -44px
}
.flag.flag-xk {
background-position: -80px -165px
}
.flag.flag-el {
background-position: -80px -55px
}
.flag.flag-tg {
background-position: -112px -143px
}
.flag.flag-zm {
background-position: -160px -165px
}
.flag.flag-cy {
background-position: -16px -33px
}
.flag.flag-pr {
background-position: -48px -121px
}
.flag.flag-af {
background-position: -32px 0
}
.flag.flag-gf {
background-position: -192px -44px
}
.flag.flag-is {
background-position: -160px -66px
}
.flag.flag-md {
background-position: -144px -88px
}
.flag.flag-kr {
background-position: -112px -77px
}
.flag.flag-gp {
background-position: -48px -55px
}
.flag.flag-il {
background-position: -64px -66px
}
.flag.flag-ro {
background-position: -160px -121px
}
.flag.flag-za {
background-position: -128px -165px
}
.flag.flag-zh {
background-position: -176px -22px
}
.flag.flag-mv {
background-position: -128px -99px
}
.flag.flag-ls {
background-position: -32px -88px
}
.flag.flag-gt {
background-position: -112px -55px
}
.flag.flag-ss {
background-position: -224px -132px
}
.flag.flag-bo {
background-position: -144px -11px
}
.flag.flag-td {
background-position: -80px -143px
}
.flag.flag-th {
background-position: -128px -143px
}
.flag.flag-hu {
background-position: 0 -66px
}
.flag.flag-er {
background-position: -224px -33px
}
.flag.flag-tc {
background-position: -64px -143px
}
.flag.flag-sd {
background-position: -32px -132px
}
.flag.flag-hn {
background-position: -208px -55px
}
.flag.flag-mg {
background-position: -176px -88px
}
.flag.flag-pl {
background-position: 0 -121px
}
.flag.flag-wales {
background-position: -32px -165px
}
.flag.flag-am {
background-position: -96px 0
}
.flag.flag-be {
background-position: -32px -11px
}
.flag.flag-ke {
background-position: 0 -77px
}
.flag.flag-ni {
background-position: -32px -110px
}
.flag.flag-ht {
background-position: -240px -55px
}
.flag.flag-io {
background-position: -112px -66px
}
.flag.flag-gh {
background-position: -224px -44px
}
.flag.flag-nu {
background-position: -112px -110px
}
.flag.flag-mt {
background-position: -96px -99px
}
.flag.flag-kh {
background-position: -32px -77px
}
.flag.flag-cg {
background-position: -80px -22px
}
.flag.flag-cl {
background-position: -144px -22px
}
.flag.flag-vn {
background-position: 0 -165px
}
.flag.flag-scotland {
background-position: -16px -132px
}
.flag.flag-fi {
background-position: -32px -44px
}
.flag.flag-re {
background-position: -144px -121px
}
.flag.flag-np {
background-position: -80px -110px
}
.flag.flag-ba {
background-position: -240px 0
}
.flag.flag-lt {
background-position: -48px -88px
}
.flag.flag-wf {
background-position: -48px -165px
}
.flag.flag-mo {
background-position: -16px -99px
}
.flag.flag-gn {
background-position: -32px -55px
}
.flag.flag-sz {
background-position: -48px -143px
}
.flag.flag-tt {
background-position: -16px -154px
}
.flag.flag-es {
background-position: -240px -33px
}
.flag.flag-uz {
background-position: -160px -154px
}
.flag.flag-ch {
background-position: -96px -22px
}
.flag.flag-pg {
background-position: -208px -110px
}
.flag.flag-lu {
background-position: -64px -88px
}
.flag.flag-sa {
background-position: -224px -121px
}
.flag.flag-ir {
background-position: -144px -66px
}
.flag.flag-ug {
background-position: -96px -154px
}
.flag.flag-en {
background-position: -128px -154px
}
.flag.flag-vi {
background-position: -240px -154px
}
.flag.flag-sx {
background-position: -16px -143px
}
.flag.flag-ye {
background-position: -96px -165px
}
.flag.flag-nz {
background-position: -128px -110px
}
.flag.flag-ja {
background-position: -240px -66px
}
.flag.flag-gq {
background-position: -64px -55px
}
.flag.flag-pk {
background-position: -240px -110px
}
.flag.flag-bf {
background-position: -48px -11px
}
.flag.flag-sy {
background-position: -32px -143px
}
.flag.flag-cr {
background-position: -208px -22px
}
.flag.flag-tf {
background-position: -96px -143px
}
.flag.flag-sv {
background-position: 0 -143px
}
.flag.flag-ps {
background-position: -64px -121px
}
.flag.flag-au {
background-position: -192px 0
}
.flag.flag-la {
background-position: -192px -77px
}
.flag.flag-mw {
background-position: -144px -99px
}
.flag.flag-nl {
background-position: -48px -110px
}
.flag.flag-gb {
background-position: -144px -44px
}
.flag.flag-nr {
background-position: -96px -110px
}
.flag.flag-gl {
background-position: 0 -55px
}
.flag.flag-rs {
background-position: -176px -121px
}
.flag.flag-cm {
background-position: -160px -22px
}
.flag.flag-gi {
background-position: -240px -44px
}
.flag.flag-km {
background-position: -64px -77px
}
.flag.flag-tv {
background-position: -32px -154px
}
.flag.flag-me {
background-position: -160px -88px
}
.flag.flag-cw {
background-position: 0 -33px
}
.flag.flag-gg {
background-position: -208px -44px
}
.flag.flag-jm {
background-position: -208px -66px
}
.flag.flag-ae {
background-position: -16px 0
}
.flag.flag-si {
background-position: -96px -132px
}
.flag.flag-tj {
background-position: -160px -143px
}
.flag.flag-bz {
background-position: 0 -22px
}
.flag.flag-ve {
background-position: -208px -154px
}
.flag.flag-hi {
background-position: -96px -66px
}
.flag.flag-sh {
background-position: -80px -132px
}
.flag.flag-ki {
background-position: -48px -77px
}
.flag.flag-zw {
background-position: -176px -165px
}
.flag.flag-ic {
background-position: -16px -66px
}
.flag.flag-by {
background-position: -240px -11px
}
.flag.flag-fo {
background-position: -96px -44px
}
.flag.flag-ne {
background-position: -240px -99px
}
.flag.flag-uy {
background-position: -144px -154px
}
.flag.flag-lr {
background-position: -16px -88px
}
.flag.flag-ci {
background-position: -112px -22px
}
.flag.flag-lc {
background-position: -224px -77px
}
.flag.flag-se {
background-position: -48px -132px
}
.flag.flag-kn {
background-position: -80px -77px
}
.flag.flag-lv {
background-position: -80px -88px
}
.flag.flag-bw {
background-position: -224px -11px
}
.flag.flag-ua {
background-position: -80px -154px
}
.img-glr {
background: #f0f0f0;
width: 100%;
/* height: 320px; */
cursor: pointer;
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
margin-top: 10px;
margin-bottom: 10px
}
.navbar-collapse {
justify-content: flex-end
}
.crd-head {
border-radius: 4px 4px 0 0;
display: flex;
justify-content: space-between
}
.crdtxt {
font-size: 18px
}
.acrdn-clr,
.acrdn-clr:hover {
color: #212529
}
.chkindtls label {
color: #8d9498;
display: block;
font-size: 12px;
font-weight: 500;
margin-top: 10px
}
.chkindtls span {
font-size: 13px;
display: block
}
.chngdt {
background: #ebf2ff;
font-size: 14px
}
span.separator {
border-bottom: 1px solid rgba(0, 0, 0, .1);
display: block
}
span.mndtry {
color: red !important;
}
.xtr-pdng {
padding: 10px 0
}
input.inpt-pdng {
padding: 8px 0
}
.acrdn-clr {
display: block
}
.radioImg,
.radioImg img,
.radioImgBox {
display: inline-block
}
.radioImgBox input[type=radio] {
position: absolute;
top: 0;
left: 0;
opacity: 0;
height: 100%;
width: 100%;
z-index: 4
}
.radioImgBox input[type=radio]:checked~.radioImg {
border-color: #fff;
box-shadow: 0 0 0 2px #ec8700
}
.radioImg {
border: 3px solid #ddd;
border-radius: 7px;
overflow: hidden;
margin-right: 12px;
-webkit-transition: .3s;
transition: .3s;
z-index: 2
}
.radioImgBox input[type=radio]:checked~.radioImg img {
opacity: 1;
-webkit-filter: grayscale(0);
filter: grayscale(0)
}
.booking_detail_div_left img {
cursor: pointer;
margin-right: 7px;
object-fit: contain !important
}
.radioImg img {
max-width: 70px;
opacity: .6;
-webkit-transition: .2s;
transition: .2s;
margin-right: 0 !important;
-webkit-filter: grayscale(0.3);
filter: grayscale(.3);
height: 38px
}
.totalwrap {
background: #fff;
border: none;
border-radius: 4px;
margin-bottom: 20px
}
.brdr-1x {
border-left: 1px solid #d5e3fc;
border-right: 1px solid #d5e3fc
}
.contact-details-form,
.totalInnerWrap {
padding: 15px
}
.totalInnerWrap span {
display: block;
font-weight: 600
}
.card .card-link:after {
content: "";
height: 17px;
width: 17px;
right: 10px;
top: 17px;
position: absolute;
pointer-events: none
}
.card .card-link.collapsed:after {
content: ""
}
.checkbox input[type=checkbox] {
cursor: pointer;
position: absolute;
margin-left: -20px;
margin-top: 5px
}
@media (min-width:768px) {
.navbar-toggle {
display: none
}
}
@media (max-width:768px) {
.inr-pdng {
padding-left: 15px
}
.brdr-1x {
border-bottom: 1px solid #d5e3fc;
border-top: 1px solid #d5e3fc;
border-left: 0;
border-right: 0
}
.rwpdng-0 {
padding: 0 !important
}
}
header {
width: 100%;
/* z-index: 1000; */
z-index: 100;
min-height: 60px;
display: flex;
top: 0
}
.flwdth {
display: flex;
padding: 0 10px;
width: 100%
}
.logo-container {
flex: 1;
display: flex;
align-items: center;
justify-content: flex-start;
column-gap: 16px;
}
.nav-links,
li.addon-li span.addonName {
flex: 2
}
.log-sign {
display: flex;
justify-content: center;
align-items: center;
flex: 1
}
.logo {
margin: 10px 0;
/* margin-left: 10px; */
}
.logo span {
font-weight: 500
}
.hamburger-menu-container {
flex: 1;
align-items: center;
justify-content: flex-end;
display: flex
}
.hamburger-menu {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: flex-end
}
.hamburger-menu div {
width: 25px;
height: 3px;
border-radius: 0;
position: relative;
z-index: 100;
transition: .5s
}
.hamburger-menu div:after,
.hamburger-menu div:before {
content: "";
position: absolute;
width: inherit;
height: inherit;
border-radius: 0;
transition: .5s;
left: 0
}
.hamburger-menu div:before {
transform: translateY(-9px)
}
.hamburger-menu div:after {
transform: translateY(9px)
}
#check {
position: absolute;
top: 28px;
right: 29px;
transform: translateY(-50%);
z-index: 90000;
cursor: pointer;
opacity: 0;
display: block
}
#check:checked~.hamburger-menu-container .hamburger-menu div:before {
transform: translateY(0) rotate(-45deg)
}
#check:checked~.hamburger-menu-container .hamburger-menu div:after {
transform: translateY(0) rotate(45deg)
}
.nav-btn {
position: fixed;
height: 100vh;
top: 61px;
right: 0;
width: 350px;
background-color: #fff;
flex-direction: column;
align-items: center;
justify-content: space-between;
overflow-x: hidden;
overflow-y: auto;
transform: translateX(110%);
transition: .65s;
z-index: 999;
box-shadow: -10px 0 30px rgb(0 0 0 / 20%)
}
#check:checked~.nav-btn {
transform: translateX(0)
}
#check:checked~.nav-btn .log-sign,
#check:checked~.nav-btn .nav-link {
animation: animation .5s ease forwards var(--i)
}
.nav-links {
flex: initial;
width: 100%
}
.nav-links>ul {
flex-direction: column;
padding-left: 0
}
.nav-link {
width: 100%;
transform: translateY(15px);
padding: 0
}
.nav-link.dropdown-toggle.notranslate {
transform: inherit
}
.nav-link>a {
line-height: 1;
padding: 15px 0;
font-size: 14px;
color: #575757;
text-decoration: none;
font-weight: 400;
display: flex;
border-bottom: 1px solid #d6eaed
}
.nav-link:hover>a {
transform: scale(1)
}
span.currencyConvertor {
display: flex;
padding-right: 15px
}
span.currencyConvertor select#currency {
border: none;
color: rgba(87, 87, 87, .8) !important;
margin-bottom: 2px;
padding: 0 20px;
cursor: pointer;
background: 0 0
}
span.currencyConvertor select#currency:focus-visible {
outline: 0
}
.dropdown,
.dropdown.second {
position: initial !important;
top: initial;
left: initial;
transform: initial;
opacity: 1;
pointer-events: auto;
width: 100%;
padding: 0
}
.sold-out span.sldOut-txt,
.sold-out::after {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%
}
.dropdown-link:hover>a>i,
.nav-link:hover>a>i {
transform: rotate(360deg)
}
.dropdown-link>a {
color: #363636;
padding: 1rem 2rem;
line-height: 1;
justify-content: center;
font-size: 13px
}
.dropdown.second .dropdown-link>a {
padding: 1.2rem 2rem 1.2rem 3rem
}
.dropdown.second .dropdown.second .dropdown-link>a {
padding: 1.2rem 2rem 1.2rem 4rem
}
.dropdown-link:not(:nth-last-child(2)) {
border-bottom: none
}
.dropdown-link:first-child:hover,
.nav-link:hover {
background-color: #50a9d6
}
.nav-link>a>i {
font-size: 1.1rem;
transform: rotate(-90deg);
transition: .7s
}
.dropdown i {
font-size: 1rem;
transition: .7s
}
.log-sign {
flex: initial;
width: 100%;
padding: 1.5rem 1.9rem;
justify-content: flex-start;
opacity: 0;
transform: translateY(15px)
}
.react-datepicker {
width: max-content
}
.info:hover i.fas.fa-info+.info-desc {
display: inline-block;
width: 500px;
font-size: 10px;
background: #fff;
border: 1px solid #000;
position: absolute;
top: -70px;
right: 0;
left: 0;
margin: auto;
z-index: 9
}
h4.discount-rate {
text-decoration-line: line-through;
text-decoration-color: red;
text-decoration-style: 2px solid;
font-size: 13px;
white-space: nowrap
}
button.sh-mr-ameneties.notranslate,
button.sh-mr-compare-package.notranslate {
background: 0 0;
border: none;
color: #207cfa;
border-bottom: 1px dashed;
font-size: small
}
.hdrxtrLinks {
margin: 0 30px 0 0 !important;
display: flex;
height: 100%;
justify-content: center;
align-items: center;
}
.hdrxtrLinks .navbar-default {
border-bottom: 0;
margin-bottom: 0;
border-top: 0;
height: 100%;
padding: 0
}
.cmprPckg_btn {
display: flex;
justify-content: flex-end;
margin-top: 10px;
margin-bottom: 5px;
padding: 5px 15px 0 0
}
.inf-cls {
margin-left: 8px
}
.inf-cls .btn_info {
background: 0 0 !important;
border: none !important
}
.btn_info {
background: 0 0 !important;
border: none !important
}
.pckg_nme {
display: flex;
align-items: center;
min-height: 60px
}
.modalPrgrph p {
line-height: 26px;
font-size: 15px;
letter-spacing: .2px;
word-break: break-word
}
.wdgtWrapp.container {
width: auto;
display: flex;
justify-content: center;
padding: 0
}
.wdgtWrapp.container .be-widgetWrap {
border-radius: 5px;
padding-top: 10px;
padding-bottom: 10px;
}
.wdgtWrapp.container .be-widgetWrap .checkAvailBtn a.bkrm-btn {
border-radius: 4px;
color: #fff;
padding: 8px 10px;
text-decoration: none;
cursor: pointer
}
.prgrph_txt p {
line-height: 25px !important;
margin-bottom: 15px !important
}
.abt_img-glr .item img {
height: 100%;
max-height: 100%
}
.sold-out button.sh-mr-ameneties.notranslate,
.sold-out button.sh-mr-compare-package.notranslate,
.sold-out img.sh-mr-imageviewer {
cursor: not-allowed;
pointer-events: none
}
.sold-out::after {
height: 100%;
width: 100%;
z-index: 9999
}
.sold-out span.sldOut-txt {
color: red;
z-index: 99999;
font-size: 75px;
font-weight: 600
}
.lag-lst ul li {
padding: 5px
}
.lag-lst button.notranslate {
background: 0 0;
border: none;
outline: 0;
font-size: 14px;
width: 100%;
text-align: left
}
button.delete {
background: 0 0;
border: none;
color: #ff0218cf
}
.rs-cls button.delete {
height: 26px;
width: 26px;
border-radius: 4px;
transition: .3s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
padding: 0
}
.rs-rm-prc,
.rs-rm-prc1.rs-tl-pd,
li.addon-li {
justify-content: space-between;
display: flex
}
.sc-dwsnSq .bnr-cls {
height: 300px;
margin-bottom: 20px;
position: relative
}
ul.addon-list {
padding: 0;
margin: 5px 0
}
.addonDate,
.toggleInner-link .include-text,
span.addonName,
ul.addon-list li {
font-size: 13px
}
.chn-cho div {
display: flex;
flex-direction: column;
width: 50%;
padding: 10px 0
}
.chn-cho div+div {
padding-left: 8px;
border-left: 2px solid #fff
}
.rs-rm-prc1.rs-tl-pd {
align-items: center
}
.rs-rm-prc1.rs-tl-pd span,
.subTotal label {
margin-top: 0
}
.rs-rm-prc1.rs-tl-pd label {
margin-bottom: 0;
font-weight: 700;
font-size: 14px
}
h1.grand-total {
font-weight: 600;
font-size: 20px;
display: flex;
justify-content: space-between;
background: #fff;
border: 1px solid #e5ebec;
padding: 10px;
align-items: center
}
h3.room-name {
font-size: 13px;
padding-right: 15px;
margin-bottom: 5px
}
a.ratePname {
font-size: 12px;
font-weight: 500
}
.addon-reserve-price,
.dCenetr label,
.dCenter label,
.edFTWQ,
.r-name-sidecard .fas,
div#adlt-desc,
i.fas.fa-info-circle,
input.form-control,
li.addon-li strong,
select#currency,
select.form-control,
table.gust_policy.table {
font-size: 14px
}
.img-glr .carousel.slide .carousel-inner .carousel-item .item a.sh-mr img {
height: 320px;
object-fit: cover;
max-height: 320px
}
select.form-select {
font-size: 14px;
width: 60px
}
.country-select {
width: 100% !important
}
.prt-dic-otr:after {
border-bottom: 1px solid #e5ebec;
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
button.ratePname {
background: 0 0;
border: none;
font-size: 12px;
padding: 0 0 3px;
border-bottom: 1px dashed #0f8d00 !important;
font-weight: 400
}
.rs-rm-dtl h4 {
margin: 12px 0
}
.rdrDay.rdrDayHovered span.rdrDayNumber:after,
td.no-border {
border: none !important
}
.adt-chld #adlt-desc {
max-height: 260px;
overflow-y: auto
}
#adlt-desc::-webkit-scrollbar {
width: 4px
}
#adlt-desc::-webkit-scrollbar-track {
background: #f1f1f1
}
#adlt-desc::-webkit-scrollbar-thumb {
background: #b3b3b3;
border-radius: 10px
}
#adlt-desc::-webkit-scrollbar-thumb:hover {
background: #616161
}
::-webkit-scrollbar {
width: 7px !important;
}
::-webkit-scrollbar-track {
background: #f1f1f1
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #b3b3b3
}
::-webkit-scrollbar-thumb:hover {
background: #616161
}
span.rdrDayNumber {
display: inline-block;
font-size: 9px;
height: initial;
top: 0;
right: 0;
left: 0;
margin: auto;
padding: 4px
}
.room-rate {
float: left;
width: auto
}
.rdrDayNumber>div {
width: 100%;
float: left;
display: block;
line-height: 20px
}
.rdrDayNumber>div.room-rate {
width: auto;
height: auto;
float: left;
color: #17762c;
font-weight: 500;
padding: 0;
font-size: 10px
}
.rdrDayNumber>div span {
float: left;
width: 100%;
line-height: 10px;
font-weight: 700;
font-size: 12px
}
button.rdrDay {
border: 1px solid #ddd;
height: 55px
}
.rdrMonths.rdrMonthsHorizontal .rdrMonth {
width: 360px;
margin: 0
}
button.rdrDay span.rdrDayNumber {
height: 100%;
display: flex;
margin: 0;
font-size: 11px;
flex-wrap: wrap;
font-weight: 500
}
.calender .rdrDateRangePickerWrapper {
margin: 0 auto !important;
width: auto
}
.room-rate.sold {
font-size: 10px;
font-weight: 700;
color: #fff !important;
line-height: 14px;
border: 1px solid;
background: red;
border-radius: 5px
}
span.rdrStartEdge.rdrEndEdge {
color: rgb(255 255 255) !important
}
.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span {
color: hsl(0deg 0% 0% / 85%)
}
.rdrDay.rdrDayHovered span.rdrDayStartPreview.rdrDayEndPreview,
.reserve-tax-desc .rs-rm-prc1:last-child,
button.rdrDay.rdrDayPassive {
border: none
}
span.rdrDayStartPreview.rdrDayEndPreview,
span.rdrSelected {
color: #fff !important
}
button.rdrDay.rdrDayPassive .rdrDayNumber>div,
button.rdrDay.rdrDayPassive.rdrDayDisabled .rdrDayNumber>div {
display: none;
background: 0 0
}
.rdrDays button.rdrDay.rdrDayDisabled {
opacity: 1 !important;
}
button.rdrDay.rdrDayPassive.rdrDayDisabled {
background: 0 0
}
.rdrCalendarWrapper {
width: auto;
margin: auto;
border: 1px solid #ccc;
position: relative
}
.rdrMonth .rdrMonthName {
width: auto;
text-align: center;
margin-top: 20px;
background: #0483cc;
border-radius: 5px;
color: #fff
}
.rdrCalendarWrapper .rdrMonthAndYearWrapper {
position: absolute;
width: 95%;
left: 0;
right: 0;
margin: auto;
top: 3px
}
.errorMsgDiv {
color: #d34949;
background: #f8d7da;
border-radius: 5px;
align-items: center
}
.edFTWQ {
text-align: center;
color: rgb(60 64 84);
font-weight: 600;
line-height: 40px;
height: 40px;
padding: 0;
box-sizing: border-box
}
.inERZj,
.jUiQSI {
color: #2a3039;
box-sizing: border-box
}
.inERZj {
font-size: 2rem;
text-transform: capitalize;
font-weight: 500;
margin: 0 1rem 0 0;
padding: 0
}
.jUiQSI {
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-stretch: inherit;
font-family: inherit;
margin: 0;
text-transform: none;
font-size: 1.5rem;
background: #eff1f5;
line-height: 2.12rem;
border-radius: 18px;
transition: .1s linear;
border: 1px solid transparent;
appearance: none;
padding: 4px 1.25rem 3px 1rem;
height: auto !important
}
.dnmLbY,
.iRTzVr {
font-size: 1.4rem;
font-weight: 500;
text-align: center
}
.iRTzVr {
display: inline-block;
background-color: transparent;
color: rgb(184 187 203);
line-height: 38px;
height: 38px;
margin: 6px auto;
cursor: not-allowed;
user-select: none
}
.dnmLbY {
color: #2a3039;
border-radius: 100%;
width: 38px;
padding: 0;
box-sizing: border-box
}
.custmRight_arrow {
padding: 0 6px
}
.sc-bmyXtO.bPJjky input {
border: 1px solid #ced4da !important;
padding: .375rem .75rem;
height: 34px;
border-radius: 3px !important
}
button.guest-edit {
border: none;
background: 0 0;
color: #2fc300;
margin-left: 6px;
font-weight: 600;
height: 10px;
right: 18px;
position: absolute
}
.delete-icon {
position: absolute;
top: 0;
right: 0;
width: auto
}
.img-glr.prty-glry {
height: 250px
}
.date-input+.calender-icon,
.endDate,
.month-select,
.startDate,
a#navbarDropdownMenuLink {
cursor: pointer
}
.prty-bx.blur.sold-out span.sldOut-txt {
position: absolute;
left: 0;
right: 0;
text-align: center;
width: 100%;
top: 0;
transform: inherit;
z-index: 9;
height: 100%;
align-items: center;
display: flex;
justify-content: center;
font-weight: 600;
background: rgba(255, 255, 255, .45);
font-size: 35px
}
.prty-bx.blur.sold-out .lst-rm {
z-index: 6
}
.img-glr.prty-glry .carousel.slide .carousel-inner img {
height: 250px;
width: 100%;
object-fit: cover;
max-height: 320px;
margin-top: 0;
}
.ad-ch {
display: flex;
justify-content: center;
align-items: center;
margin-left: 15px
}
.ad-ch .chld-img i.fas,
.totalwrap+.totalwrap strong.px-3 {
font-size: 17px
}
.ad-ch .adlt-cls,
.ad-ch .chld-cls {
display: flex;
justify-content: center
}
.ad-ch .adlt-nbr,
.ad-ch .chld-nbr {
margin-right: 4px
}
@media (max-width:991px) {
.img-glr .carousel.slide .carousel-inner .carousel-item .item a.sh-mr img {
height: 220px;
max-height: 220px
}
.Room-select-dd {
padding: 7px
}
.img-glr .carousel.slide,
.img-glr.prty-glry {
height: 220px
}
.pro-ifo {
padding: 0
}
.prty-cls-inr .prt-bnt-cls {
position: relative !important;
bottom: inherit !important
}
.prty-cls-inr .prt-bnt-cls a {
width: auto
}
}
@media (max-width:767px) {
.img-glr .carousel.slide .carousel-inner .carousel-item .item a.sh-mr img {
height: 250px;
max-height: 250px
}
.pro-ifo {
padding: 0
}
.prty-cls-inr .prt-bnt-cls {
position: initial
}
.prty-cls-inr .prt-bnt-cls a {
width: auto
}
.img-glr.prty-glry {
height: 220px
}
}
@media (max-width:575px) {
.mblRoomDetails .mblRooms .form-select {
width: 70px;
padding: 7px;
font-weight: 600
}
.MaxGuest-Dflex .rm-icon {
margin: 3px 0
}
.MaxGuest-Dflex {
margin-top: 0 !important
}
.isMobile-display {
display: flex !important
}
.addon-name-button {
padding: 0 10px !important
}
.jlMSND span.checkbox {
right: 40%
}
.no-pdng {
padding: 0 !important
}
.mrgn-btm {
margin-bottom: 1rem
}
.addon-added {
position: inherit !important;
left: 0 !important
}
.adult-child-wrap {
justify-content: flex-start !important
}
.acceptDiv,
.adt-chld .chld-cls,
.drJgCq {
padding-left: 0
}
.drJgCq {
padding-right: 0
}
.mobileVisible_pricedetails {
display: inline-block !important;
padding: 15px;
background: rgba(0, 0, 0, .6);
text-align: center;
color: #fff;
position: absolute;
top: 257px;
right: 28px
}
.mobileVisible_pricedetails span.priceAmount {
font-size: 32px;
color: #fff
}
#root .main-bx button.bkrm,
.mobileVisible_pricedetails p {
margin: 0
}
.prt-dic-otr .prty-dic {
padding: 15px 0
}
.mobile-none {
display: none
}
.desktop-none {
display: block !important
}
.prty-bx h3 {
font-size: 20px;
font-weight: 500;
/* margin-bottom: 20px */
}
.mr-inf h4 {
margin-top: 15px
}
.prt-dic-otr .prty-dic .col-md-3.col-sm-3.col-xs-3 {
justify-content: flex-end !important
}
.pro-ifo p,
span.separator+.form-group label {
margin-top: 10px
}
.wdgtWrapp.container .be-widgetWrap .react-datepicker .react-datepicker__month-container {
width: 100% !important
}
div#adlt-desc {
right: 0
}
div#adlt-desc:after {
right: 20px;
left: inherit
}
.main-bx {
padding-top: 20px
}
.back-btn.mb-5 {
margin-bottom: 20px !important
}
}
.addon-reserve {
padding: 5px 0;
align-items: center
}
.addedtext,
.back-btn.mb-5 button.bkrm,
.drJgCq .button-wrapper,
.reserve-taxx {
display: flex
}
.cmp-pack p {
width: 100%;
font-size: 14px
}
.cmp-pack h5 {
padding: 0;
margin: 0;
position: absolute;
right: 15px;
font-size: 20px;
top: 10px
}
.cmp-pack h1,
.totalwrap .totalInnerWrap label+span {
font-size: 19px
}
.cmp-pack {
position: relative;
padding: 0 0 15px;
margin-bottom: 20px;
border-radius: 8px;
border: 1px solid
}
.cmp-pack h1 {
padding-right: 180px;
margin: 5px 0 10px
}
.modal-title.h4 h4 {
font-size: 18px;
padding-left: 6px;
margin: 0
}
.modal-title {
text-align: left
}
.prty-cls-inr .prt-bnt-cls {
position: absolute;
bottom: 20px
}
.sc-jcFjpl.drJgCq .button-wrapper .button-sign {
align-items: center;
background: #fff;
border: 1px solid #ced4da;
display: flex;
height: 30px;
justify-content: center;
transition: .3s;
width: px
}
.back-btn.mb-5 {
width: 100
}
button.bkrm i.bi.bi-arrow-left-short {
font-size: 22px
}
button.bkrm i.bi.bi-calendar3 {
font-size: 16px;
margin-left: 5px
}
.addedContainer,
.addonName,
.col-md-4.chkindtls button.bkrm {
display: flex;
align-items: center
}
#root .main-bx button.bkrm {
width: auto;
padding: 5px 10px;
margin: 10px 5px 20px
}
#root .chkindtls button.bkrm {
float: right;
margin-top: 0
}
.prty-bx .p-3 form {
padding: 0;
margin: 0
}
.crd-info.cntct-details .contact-details-form .form-group .form-control,
.prty-bx .form-control,
.prty-bx .p-3 form .form-control {
height: 40px;
box-shadow: none;
border: 1px solid #ddd;
border-radius: 2px
}
.crd-info.p-3 button.bkrm {
margin: auto;
float: none;
width: auto
}
button.sc-pVTFL.jQKGjJ {
padding: 0 5px;
cursor: unset
}
.crd-info.p-3 .form-group label,
.p-3 .form-group label {
font-size: 14px;
font-weight: 500
}
#paymentpage2 .hide_terms .checkbox label,
#paymentpage2 .hide_terms+div .checkbox label,
.totalwrap .totalInnerWrap label {
font-size: 15px
}
.totalwrap .px-3 span {
font-size: 30px
}
.drJgCq .button-wrapper .values {
padding: 0 8px;
line-height: 30px
}
.quantity-wrapper .currencyLabel {
font-weight: 600;
line-height: 30px;
padding-right: 9px
}
.reserve-tax:hover+.reserve-tax-desc {
display: block;
background: #fff;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 3px;
-webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 31%);
box-shadow: 0 5px 10px rgb(0 0 0 / 31%);
color: #000;
position: absolute;
top: 45px;
right: 10px;
z-index: 9;
max-width: 300px;
width: 300px
}
.reserve-tax {
background: #fff;
border-radius: 3px;
color: #000;
font-size: 13px;
padding: 0 10px;
margin: 0 0 0 10px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
border: none
}
.reserve-tax-desc .rs-rm-prc1 {
display: flex;
justify-content: space-between;
align-items: center;
margin: 5px 0;
border-bottom: 1px solid #dfdfdf;
padding: 5px 10px
}
.reserve-tax-desc .rs-rm-prc1 label {
margin: 0 15px 0 0;
flex: 1;
font-size: 13px
}
.reserve-tax-desc .rs-rm-prc1 span {
margin: 0;
font-size: 13px
}
.reserve-tax-desc:before {
content: "";
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #fff;
position: absolute;
right: 9px;
top: -7px
}
.reserve-tax:hover+.reserve-tax-desc h3.popover-title {
padding: 10px
}
.modal-dialog-scrollable .modal-content {
overflow: visible !important
}
.ftr.pos-fix {
position: fixed;
width: 100%;
bottom: 0
}
.srh-rgt .prty-bx {
background: 0 0;
border: none !important;
box-shadow: none !important
}
.addon-icon-hover-desc::after,
.addon-icon-hover-desc::before {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
content: "";
right: 7px;
position: absolute
}
.srh-rgt .prty-bx .srch-cls {
border: none !important;
padding: 0
}
.srh-rgt .prty-bx .g-total,
.srh-rgt .prty-bx .g-total+.crd-info {
box-shadow: 0 5px 4px -2px rgb(35 41 44 / 12%);
padding: 15px;
background: #fff
}
.srh-rgt .prty-bx .g-total {
border: 0
}
.srh-rgt .prty-bx .g-total+.crd-info {
margin-bottom: 10px;
border-radius: 4px
}
.srh-rgt .prty-bx .srch-cls .rs-rm-dtl {
margin-top: 4px;
padding: 10px 15px 0
}
.srh-rgt .prty-bx .srch-cls .rs-rm-dtl:last-of-type {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0
}
.srh-rgt .prty-bx .g-total .g-total-inner {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #fff
}
.g-total-inner.total-pay label {
margin: 5px 0
}
.g-total-inner.total-pay {
background: 0 0;
border-top: 1px solid #ebebeb;
/* border-bottom: 1px solid #ebebeb; */
font-size: 14px;
font-weight: 600;
/* margin: 0 0 15px; */
padding: 0 10px;
justify-content: space-between;
margin-bottom: 0;
border-bottom: none;
}
.addon-icon-hover-desc {
position: absolute;
background: #fff;
padding: 6px;
border-radius: 6px;
box-shadow: 0 2px 2px 0 rgb(55 66 82 / 8%);
bottom: 30px;
right: -9px;
border: 1px solid #ddd;
text-align: center;
min-width: 100px
}
.addon-icon-hover-desc h2 {
font-size: 14px;
margin-bottom: 0
}
.addon-icon-hover-desc::before {
border-top: 8px solid rgba(0, 0, 0, .2);
display: inline-block;
bottom: -8px
}
.addon-icon-hover-desc::after {
border-top: 8px solid #fff;
display: inline-block;
bottom: -7px
}
.addon-added>button {
background: #b9f6b9;
color: #090 !important;
border: none;
border-radius: 5px;
font-size: 10px;
font-weight: 600;
letter-spacing: 1px;
padding: 4px 8px;
cursor: auto
}
span.addonRate svg path {
fill: red
}
span.addonRate svg {
margin-left: 5px;
cursor: pointer;
width: 10px;
height: 10px
}
.rs-rm-dtl .rs-cls+.r-name-sidecard h3,
.rs-rm-dtl .rs-cls+.r-name-sidecard i {
margin-top: 8px
}
.adt-chld .chld-cls span.chld-img {
font-size: 16px
}
.rs-rm-prc1>label {
font-weight: 400;
margin-top: 5px;
font-size: 13px
}
.g-total .g-total-inner label,
.g-total .g-total-inner span {
font-weight: 500;
margin-bottom: 0;
font-size: 13px
}
.months-wrapper select.month-select,
div.r-name-sidecard h3 {
font-size: 14px !important;
font-weight: 600 !important
}
.g-total .g-total-inner span {
margin-right: 10px
}
.g-total .g-total-inner.total-pay span {
margin-right: 0;
font-weight: 600
}
.addon-added {
display: inline-block;
margin-right: 5px;
position: absolute;
left: -60px;
top: 8px
}
.g-total .g-total-inner.total-pay label {
font-weight: 700;
margin-bottom: 0
}
.wdgtWrapp.container .be-widgetWrap .react-datepicker {
border: 1px solid rgb(229 229 229);
background: #fff;
border-radius: 8px;
box-shadow: 0 6px 10px -4px rgba(0, 0, 0, .15);
padding: 0 0 60px
}
.wdgtWrapp.container .be-widgetWrap .react-datepicker .react-datepicker__month-container {
margin-left: 0 !important;
border-radius: 0;
width: 50%;
padding: 20px 0 0
}
.wdgtWrapp.container .be-widgetWrap .react-datepicker .react-datepicker__triangle+.react-datepicker__month-container {
border-right: 1px solid #dadada !important
}
.wdgtWrapp.container .be-widgetWrap .react-datepicker .InfoDivWrapper {
box-sizing: border-box;
width: 100%;
text-align: center;
display: flex;
justify-content: center;
padding: 4px 15px 20px;
border-top: 1px solid #dadada
}
.wdgtWrapp.container .be-widgetWrap .react-datepicker .InfoDivWrapper .infoDiv-inside {
border: none;
display: flex;
justify-content: center
}
.beWidget .showPopper.changeArrow::after {
border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) rgb(255 255 255);
bottom: 99.8%
}
.wdgtWrapp.container .be-widgetWrap .react-datepicker .react-datepicker__day-names .react-datepicker__day-name {
font-weight: 600;
color: #040404 !important;
font-size: 14px;
background: 0 0;
padding: 8px 0
}
.months-wrapper select.month-select {
max-width: 50% !important;
text-align: center;
border: none !important;
text-transform: uppercase;
letter-spacing: .5px;
margin-bottom: 6px !important;
background-color: #fff !important
}
.wdgtWrapp.container .be-widgetWrap .react-datepicker .react-datepicker__week .react-datepicker__day {
padding: 10px;
border-radius: 6px !important;
margin-right: 3px;
margin-top: 3px;
border: none !important
}
.wdgtWrapp.container .be-widgetWrap .react-datepicker .react-datepicker__day-names {
background: #f2f2f2
}
.react-datepicker__navigation-icon--next::before,
.react-datepicker__navigation-icon--previous::before {
height: 10px !important;
width: 10px !important
}
.wdgtWrapp.container .be-widgetWrap button#next-month:hover,
.wdgtWrapp.container .be-widgetWrap button#previous-month:hover {
background: #f5f5f5
}
.react-datepicker__header.react-datepicker__header--custom .react-datepicker__navigation {
border-radius: 5px;
height: 35px;
width: 35px
}
.react-datepicker__header.react-datepicker__header--custom .react-datepicker__navigation span {
top: -5px !important;
right: -1px !important
}
.react-datepicker__month-container .react-datepicker__month {
padding: 10px 4px 15px
}
.img-glr .styles-module_wrapper__1I_qj.react-simple-image-viewer__modal {
z-index: 9999
}
span.calender-icon::before {
content: "\f1f2";
font-family: bootstrap-icons;
top: -1px !important;
position: absolute;
right: 0
}
.lag-lst.currency-lst ul li {
width: 20%
}
.booking-details-head {
padding: 12px 12px;
display: flex;
align-items: center;
justify-content: space-between
}
.booking-details-head span {
font-size: 12px
}
.complete-booking-section {
display: flex;
align-items: center
}
.booking-details-head h2 {
color: #fff;
font-weight: 500;
font-size: 20px;
margin-bottom: 0
}
.booking-details-head .down-icon {
background: 0 0 !important;
border: none
}
.srh-rgt .prty-bx .srch-cls .rs-rm-dtl h3 {
font-size: 18px;
font-weight: 400;
color: #2a2d32;
margin-bottom: 0;
word-break: break-word
}
.srh-rgt .prty-bx .srch-cls .rs-rm-dtl .adt-chld {
justify-content: flex-start
}
.srh-rgt .prty-bx .srch-cls .rs-rm-dtl .adt-chld div {
font-size: 12px;
color: #b2b2b2
}
.srh-rgt .prty-bx .srch-cls .rs-rm-dtl .adt-chld .chld-nbr {
padding-left: 12px;
position: relative
}
.srh-rgt .prty-bx .srch-cls .rs-rm-dtl .adt-chld .chld-nbr::before {
content: "";
position: absolute;
width: 1px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(129, 127, 127, 0) .01%, rgba(129, 127, 127, .47) 52.6%, rgba(129, 127, 127, 0) 100%);
height: 20px;
margin: 0 6px;
display: flex;
align-self: center;
left: -5px
}
.srch-cls .g-total {
box-shadow: none !important;
margin: 10px !important;
padding: 0 !important;
width: 95% !important
}
.crd-info {
background: #fff;
border-radius: 4px
}
.crd-info .form-group label {
font-weight: 400;
font-size: 14px;
/* margin-top: 10px */
}
span.addons_label {
font-size: 12px;
color: #aaa9a9
}
li.addon-li>*,
span.addonRate {
font-size: 12px
}
span.booking-guest-name {
font-size: 14px;
color: #000;
margin: 10px 0;
display: block;
word-break: break-all
}
.upper-moreLessButton {
display: inline-block;
width: 100%;
margin-top: 15px
}
button.moreLessButton {
border: 1px solid #0283cc;
background: #d1eaf8;
font-size: 14px;
border-radius: 4px;
border: none;
padding: 6px 10px;
margin-right: 14px
}
.crd-info.cntct-details {
box-shadow: 0 5px 4px -2px rgb(35 41 44 / 12%)
}
.modal_editGuest {
display: flex;
justify-content: flex-end
}
.modal_editGuest button {
width: 100px !important;
margin-left: 15px
}
.guestdetails-wrapper p.inputError {
background-color: #ffe9eb !important;
display: block;
width: fit-content;
padding: 5px 10px;
font-size: 12px;
color: #fe3245 !important;
border-radius: 5px;
font-weight: 500;
position: relative;
transition: .3s ease-in-out
}
p.inputError::before {
border-bottom: 8px solid rgb(255 233 235);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
content: "";
display: inline-block;
position: absolute;
top: -8px
}
span.errorMsg {
margin-top: 20px;
display: block;
position: absolute;
top: 40px;
left: 21px;
z-index: 99
}
.DatePickerWrapper#date-picker .react-datepicker__day--range-start,
.DatePickerWrapper#date-picker .react-datepicker__day--selected {
background: linear-gradient(to bottom right, transparent 50%, #c8edfc 50%);
border: 1px solid #1e87f0 !important;
color: #1e87f0
}
.DatePickerWrapper#date-picker .react-datepicker__day--range-end,
.DatePickerWrapper#date-picker .react-datepicker__day--range-start,
.DatePickerWrapper#date-picker .react-datepicker__day--selected {
background-color: #fff !important
}
.react-datepicker__day.react-datepicker__day--range-end {
border: 1px solid #1e87f0 !important;
background: linear-gradient(to top left, transparent 50%, #c8edfc 50%) !important;
color: #1e87f0 !important
}
.DatePickerWrapper#date-picker .highlight-available,
.DatePickerWrapper#date-picker .highlight-notAvailable {
border: 1px solid #e0e0e0a6 !important
}
.wmr-form-container {
margin: 0 !important
}
.DatePickerWrapper#date-picker .highlight-available.react-datepicker__day--in-range {
border: 1px solid #9fe2fd !important
}
.adult-child-wrap {
align-items: center;
display: flex;
justify-content: space-between;
flex-direction: column
}
.be-widgetWrap .eBrnhw .checkbox,
.jlMSND span.checkbox {
right: 38%
}
.f-left {
float: left
}
div.r-name-sidecard {
max-width: calc(100% - 40px);
display: flex
}
.adult-child-wrap.side-card .adt-chld {
margin-left: 10px
}
.inf-cls button.btn_info i {
pointer-events: none
}
.dCenter {
display: flex;
align-items: center;
flex-direction: column
}
img+label>.addon-reserve {
padding-left: 10px
}
span.addonDatesDiv select,
span.addonTimeDiv select,
span.addonTimeDiv select div {
padding-left: 0;
margin-left: 0
}
.HeaderImage {
height: auto;
/* margin-top: 10px */
}
.HeaderImage img {
/* border-radius: 5px */
}
.HeaderImage,
.HeaderImage img {
height: auto
}
.nav-bar-btn {
background-color: unset !important;
border: unset !important;
/* padding: 1px 6px; */
padding: 1px 6px 0px 0px;
margin-right: 10px !important;
}
.nav-bar-btn:active,
.nav-bar-btn:focus,
.nav-bar-btn:focus-visible,
.nav-bar-btn:hover {
box-shadow: unset !important;
border: unset !important;
outline: unset !important
}
.srh-rgt .prty-bx .g-total::after,
.srh-rgt .prty-bx .g-total::before {
top: -15px;
width: 30px;
height: 30px;
border-radius: 50%;
background: #ddd;
position: absolute;
content: ""
}
.reserve-main-box {
padding-top: 20px !important
}
.findAvailDates {
/* position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%); */
display: flex;
flex-direction: column;
align-items: center;
margin-top: 6px;
}
@media screen and (min-width: 992px) {
.findAvailDates.pos-relative {
position: relative;
left: 0;
margin-left: 33%;
}
}
.findAvailDates .CheckAvailability {
padding: 5px 10px;
}
.CheckAvailability.ApplyBtnCustom {
z-index: 9;
background: #ebebeb;
border: 1px solid #ebebeb;
font-size: 14px;
}
:root {
--PrimaryColor: #9800a9;
--SecondaryColor: #009900;
--SubTitleColor: #ff0062;
--ContentColor: #0a7c5c;
--MainBgColor: rgba(241, 235, 235, 0.81);
--SecondaryBgColor: #2d0909;
--SecondaryBgFontColor: #ffffff;
--PrimaryBtnBgColor: #21a521;
--PrimaryBtnFontColor: #f8f4f4;
--SecondaryBtnBgColor: #1ebc5a;
--SecondaryBtnFontColor: #e6104b;
--WidgetPrimaryBgColor: #b16a6a;
--WidgetSecondaryBgColor: #e40000;
--WidgetPrimaryFontColor: #00f50c;
--WidgetFontColor: #ede117;
--HyperLinkColor: #119d00;
}
.rdrDateRangePickerWrapper {
margin-top: 50px !important;
}
.rdrDateDisplayItemActive {
display: none;
border-color: currentColor;
}
.rdrDateDisplayItem+.rdrDateDisplayItem {
margin-left: 0.833em;
display: none;
}
.rdrDateDisplay {
margin: 0 !important;
}
body {
font-family: system-ui;
margin: 0;
}
.searchWidget .mediator {
min-width: 60px;
}
.searchWidget .arrow {
position: absolute;
color: #000;
right: 55%;
top: 22px;
font-size: 22px;
}
.searchWidget {
display: flex;
/* padding: 10px; */
flex-wrap: wrap;
}
.searchWidget .lbl {
color: #000;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 5px;
display: block;
padding-left: 15px;
}
.searchWidget .lbl.mb-0 {
margin-bottom: 0;
margin-left: 6px;
}
.searchWidget .checkinDate:focus {
outline: none;
}
.searchWidget .searchinOut {
display: -ms-flexbox;
display: flex;
position: relative;
}
.searchWidget .formGroup .input {
cursor: pointer;
position: relative;
height: 100%;
}
.checkInOutForm .searchWidget .formGroup .input .endDate {
border-left: none;
border-radius: 0 3px 3px 0;
/* border-right: 1px solid #963120; */
min-width: 215px;
white-space: nowrap;
}
.checkInOutForm .searchWidget .checkinDate.startDate {
border-right: none;
min-width: 215px;
border-radius: 3px 0 0 3px;
}
.searchWidget .formGroup+.formGroup .input {
padding-right: 20px;
}
.searchWidget .formGroup .input.inputRoom {
padding-left: 20px;
}
.searchWidget .formGroup .input.inputRoom .d-flex {
display: flex;
position: relative;
}
.searchWidget .formGroup .input.inputRoom .d-flex input {
background-color: transparent;
border: none;
line-height: 18px;
}
.searchWidget .formGroup .input.inputRoom .d-flex span {
color: #006060;
font-size: 26px;
position: absolute;
right: 4px;
top: 42%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.searchWidget .lblend {
padding-right: 20px;
}
.beWidget .form-group .widgetLabel {
padding-left: 15px;
}
label.besearchlable {
padding-left: 10px;
}
.searchWidget .flexibleDate input[type="checkbox"] {
display: none;
cursor: pointer;
}
.searchWidget .flexibleDate .checklbl {
position: relative;
cursor: pointer;
}
.searchWidget .flexibleDate {
display: flex;
margin-top: 8px;
align-items: center;
}
.searchWidget .flexibleDate .checklbl::before {
content: '';
-webkit-appearance: none;
border: 1px solid #963120;
padding: 8px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
border-radius: 3px;
margin-top: 2px;
}
.searchWidget .flexibleDate input:checked+.checklbl::after {
content: '';
display: block;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
left: 50%;
width: 3px;
height: 10px;
border: solid #963120;
border-width: 0 1px 1px 0;
}
.searchWidget .searchBtn {
border-radius: 4px;
padding: 10px;
align-self: end;
background: #006060;
color: #ffffff;
border: 1px solid #ffffff;
cursor: pointer;
display: inline-block;
}
.searchWidget .addRoom {
position: absolute;
width: 100%;
height: auto;
}
.searchWidget .addRoomBtn {
height: 24px;
left: 0;
padding: 2px 105px 2px 10px;
position: absolute;
right: 0;
top: 0;
z-index: 2;
background: #006060 !important;
color: #ffffff !important;
border: 1px solid #ffffff !important;
font-size: 12px;
font-weight: 500;
}
.searchWidget .addRoomBtn span {
margin-top: 2px;
display: inline-block;
}
.searchWidget .pointer span {
border: none;
color: #484747;
display: inline-block;
font-size: 23px;
height: 23px;
width: 23px;
text-align: center;
text-decoration: none;
line-height: 20px;
}
.searchWidget .pointer {
background-color: initial;
border-radius: 0;
display: inline-block;
font-size: 12px;
position: absolute;
right: 4px;
top: 0;
z-index: 4;
}
.searchWidget .pointer span {
background-color: #fff;
}
.searchWidget .pointer span+span {
margin-left: 2px;
}
.searchWidget .selectrow {
display: flex;
gap: 5px;
margin-top: 8px;
}
.searchWidget .inc-div .incr-btn {
border: 1px solid #efefef;
color: #565656;
float: left;
font-size: 14px;
padding: 4px 0;
width: 30%;
background: #fff;
cursor: pointer;
}
.searchWidget .inc-div .incr-btn[data-action="increase"] {
float: right;
}
.searchWidget .selectrow label {
display: inline-block;
font-size: 12px;
font-weight: 700;
margin: 0 4px 0 0;
vertical-align: middle;
color: #212529;
}
.searchWidget .selectrow .inc-div {
background: #fff;
float: none;
vertical-align: middle;
border: 1px solid #ddd;
margin-top: 1px;
}
.searchWidget .selectrow .quantity {
background: hsla(0, 0%, 100%, .85);
border: 1px solid #fff;
color: #000;
font-size: 14px;
text-align: center;
width: 40%;
line-height: 22px;
}
.searchWidget .selectrow .quantity:focus,
.searchWidget .formGroup .input.inputRoom .d-flex input:focus {
outline: none;
}
.searchWidget .selectrow>* {
flex: 1;
}
.searchWidget .roomBlock {
display: inline-block;
width: 100%;
height: 95px;
}
.searchWidget .inputGroup {
display: flex;
}
.guest-count-input {
background: #fff;
border: 1px solid #ddd;
border-radius: 0;
display: inline-flex;
margin-top: 5px;
overflow: visible;
padding: 26px 10px 10px;
position: absolute;
vertical-align: top;
z-index: 9;
}
.searchBlock {
display: flex;
align-self: end;
padding-left: 10px;
}
@media screen and (max-width: 1199px) {
.searchWidget .flexibleDate {
margin-top: 0;
}
/* .formGroup {
margin-bottom: 10px;
} */
.searchBlock {
position: relative;
top: -10px;
}
}
@media screen and (max-width: 767px) {
.formGroup {
flex: 1;
}
.searchWidget .formGroup:nth-child(2) {
flex: 100%;
}
.searchWidget .searchinOut {
flex: 100%;
width: 100%;
}
.searchWidget .formGroup .input.inputRoom,
.searchWidget .formGroup .input,
.searchWidget .formGroup+.formGroup .input {
width: 100%;
padding-right: 0;
}
.searchWidget .formGroup .input .endDate,
.searchWidget .checkinDate.startDate {
min-width: auto;
}
.searchBlock {
width: 100%;
text-align: center;
display: block;
}
.searchWidget .searchBtn {
min-width: 120px;
}
.searchBlock {
top: 0;
padding-left: 0;
}
.searchWidget .formGroup:nth-child(3) .checkinDate {
width: 100%;
}
.searchWidget .formGroup .input.flexibleDate {
padding-left: 10px;
}
.searchWidget .formGroup .input.inputRoom {
padding-left: 0;
}
}
.rdrDateRangePickerWrapper {
position: absolute;
z-index: 1;
/* top: 70px; */
}
.modal-body .rdrDateRangePickerWrapper {
position: inherit;
}
.rdrSelected,
.rdrInRange,
.rdrStartEdge,
.rdrEndEdge {
background-color: rgba(17, 179, 241, 0.23);
border-radius: 0 !important;
margin: 0;
bottom: 0;
top: 0;
left: 0;
right: 0;
}
.rdrEndEdge.rdrStartEdge {
background-color: rgba(17, 179, 241, 0.23);
}
.rdrDayActive .rdrEndEdge.rdrStartEdge,
.rdrEndEdge {
background-color: rgba(17, 179, 241, 0.23);
}
.rdrInRange {
background-color: rgba(17, 179, 241, 0.23);
}
.rdrDayInPreview,
.rdrDayEndPreview,
.rdrDayStartPreview {
border: 0 !important;
}
.rdrDayEndPreview,
.rdrDayInPreview {
background-color: rgba(17, 179, 241, 0.23);
border-radius: 0 !important;
margin: 0;
bottom: 0;
top: 0;
left: 0;
right: 0;
}
.rdrDayStartOfMonth .rdrInRange,
.rdrDayStartOfMonth .rdrEndEdge,
.rdrDayStartOfWeek .rdrInRange,
.rdrDayStartOfWeek .rdrEndEdge {
left: 0;
}
.rdrDayEndOfMonth .rdrInRange,
.rdrDayEndOfMonth .rdrStartEdge,
.rdrDayEndOfWeek .rdrInRange,
.rdrDayEndOfWeek .rdrStartEdge {
right: 0;
}
.selected-dates {
background: white;
min-width: 722px;
position: absolute;
top: 452px;
margin: 0;
width: auto;
margin-left: 7.5px;
text-align: center;
border-width: 0 1px 1px 1px;
border-color: #ccc;
border-style: solid;
padding: 10px;
display: none;
}
.dpicker-minimumstay {
top: auto;
bottom: 0;
border-color: transparent #000 #000 transparent;
border-style: solid;
border-width: 10px;
position: absolute;
right: 0;
}
.minimum-stay-number {
color: #fff !important;
position: absolute;
top: 50%;
left: 50%;
font-size: 8px !important;
text-align: center;
/* transform: translate(97%, -128%); */
transform: translate(50%, -77%);
}
.rdrDayToday .rdrDayNumber span:after {
content: unset !important;
}
.rdrDay:hover .dpicker-minimumstay-hover {
display: block;
}
.dpicker-minimumstay-hover {
/* position: absolute;
top: 0;
left: 0;
background: #fff;
padding: 2px 5px;
white-space: nowrap;
box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
border-radius: 4px;
z-index: 111;
border: 1px solid #000; */
background: #fff;
border: 1px solid #000;
border-radius: 4px;
bottom: 10px;
box-shadow: 0 10px 20px 0 #0000001a;
left: -55px;
min-width: 90px;
padding: 2px 5px;
position: absolute;
right: 0;
top: auto;
white-space: pre-wrap;
z-index: 111;
}
.dpicker-minimumstay-hover span {
font-weight: 500 !important;
}
.rdrDay:nth-child(7n) .rdrDayNumber .room-rate .dpicker-minimumstay .dpicker-minimumstay-hover {
left: -52px;
}
.rdrDateRangePickerWrapper:after {
display: none;
content: '';
position: absolute;
top: -7px;
width: 20px;
height: 20px;
background-color: #fff;
left: 50px;
transform: rotate(45deg);
box-shadow: 0 -20px 30px rgba(0, 0, 0, 0.1);
}
.dpicker-minimumstay-hover {
display: none;
}
.rdrMonth .rdrMonthName {
background: #000 !important;
}
.rdrPprevButton i {
border-color: transparent #000 transparent transparent;
}
.rdrNextPrevButton {
background: #fff !important;
margin: 0px !important;
}
.checkInOutForm .checkIn .date-input {
border-right: 0 !important;
}
.checkInOutForm .checkOut .date-input {
border-left: 0 !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.checkInOutForm .checkOut,
.checkInOutForm .checkIn {
padding: 0 !important;
}
.promocodeTxt,
.checkAvailBtn,
.checkIn-OutWrapper {
box-shadow: unset !important;
}
.promocodeTxt,
.checkAvailBtn {
padding-right: 0 !important;
}
/* .be-widgetWrap {
padding: 10px 0;
} */
.beWidget .endDate,
.beWidget .startDate {
caret-color: transparent;
}
.be-widgetWrap .beWidget {
padding: 15px 15px 19px 15px;
/* box-shadow: 0 0px 10px rgb(0 0 0 / 15%); */
width: 100%;
margin: auto;
max-width: 100%;
display: flex;
justify-content: center;
background-color: #ffffff;
/* margin-top: -68px; */
/* border-radius: 0 0 5px 5px; */
flex-wrap: wrap;
}
.checkAvailBtn .ApplyBtnCustom {
padding: 6px 30px;
border-radius: 4px;
}
.be-widgetWrap .beWidget .promocodeTxt .PromoInput {
width: unset !important;
}
.checkInOutForm .checkCmn .date-input {
max-width: 215px !important;
}
.beWidget .form-group .form-control.promoinput {
max-width: 178px !important;
padding: 0.375rem 7.5px;
line-height: 20px;
border-radius: 3px;
}
.beWidget .icon-cal {
top: 29px;
transform: translate(-44%);
right: 44%;
z-index: 9;
}
.beWidget .form-group .widgetLabelchkout {
padding-left: 15px !important;
}
div#end-Date-Input {
padding-left: 15px;
}
.errorMsgDiv .errorMsg {
padding: 0 10px;
}
.errorRow {
width: 100%;
margin-top: 10px;
box-shadow: unset !important;
}
.rdrDateRangePickerWrapper {
padding: 0;
}
.language-dropdown-content ul li:hover {
background-color: transparent;
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
@media (max-width: 1200px) {
.checkIn-OutWrapper .form-group .iconText {
max-width: unset;
}
}
@media (max-width: 991px) {
/* .beWidget .form-group .form-control.promoinput {
max-width: 100% !important;
} */
.beWidget .form-group.promocodeTxt {
width: fit-content;
}
.checkIn-OutWrapper {
margin-bottom: 0;
}
.checkInOutForm .checkCmn .date-input {
max-width: 100% !important;
}
.beWidget .form-group .form-control.promoinput {
max-width: 168px !important;
}
}
@media (max-width: 820px) {
.beWidget .icon-cal {
right: 50%;
}
}
@media (max-width: 768px) {
.dpicker-minimumstay-hover span {
margin: 2px 0;
line-height: 14px !important;
white-space: normal;
min-width: 60px;
}
.be-widgetWrap .beWidget {
margin-top: 0;
}
/* .beWidget .icon-cal {
right: 40px;
} */
}
@media (max-width: 767px) {
.beWidget .form-group .form-control.promoinput {
max-width: 90px !important;
}
.checkAvailBtn .ApplyBtnCustom {
padding: 5.5px 10px;
}
/* .beWidget .icon-cal {
right: -2px;
} */
}
@media (max-width: 575px) {
.checkInOutForm .searchWidget .checkinDate.startDate,
.checkInOutForm .searchWidget .formGroup .input .endDate {
min-width: 100%;
}
.selected-dates {
min-width: 362px;
top: 449px;
}
.dpicker-minimumstay-hover {
left: -20px;
}
.be-widgetWrap .beWidget {
flex-wrap: wrap;
}
.checkIn-OutWrapper {
width: 100%;
margin-bottom: 10px;
}
.beWidget .form-group.promocodeTxt {
width: 70%;
padding-left: 0;
}
.be-widgetWrap .beWidget .promocodeTxt .PromoInput {
width: 100% !important;
max-width: 100% !important;
}
.beWidget .form-group.checkAvailBtn {
width: 30% !important;
}
.checkAvailBtn .ApplyBtnCustom {
width: 100%;
}
}
@media (max-width: 540px) {
.beWidget .icon-cal {
right: 60px;
}
.findAvailDates {
right: 0 !important;
left: 0 !important;
}
}
@media (max-width: 425px) {
/* .beWidget .icon-cal {
right: 18px;
} */
}
@media (max-width: 400px) {
.rdrMonths.rdrMonthsHorizontal .rdrMonth {
width: 300px;
}
.selected-dates {
font-size: 14px;
min-width: 332px;
}
.beWidget .form-group.promocodeTxt {
width: 50%;
font-size: 14px !important;
}
.beWidget .form-group.checkAvailBtn {
width: 50% !important;
}
.wdgtWrapp .be-widgetWrap .beWidget input,
.wdgtWrapp .be-widgetWrap .beWidget input.date-input {
font-size: 16px !important;
}
}
/* @media (max-width: 375px) {
.beWidget .icon-cal {
right: 12px;
}
} */
@media (max-width: 370px) {
.beWidget .form-group.checkAvailBtn {
padding-top: 22px !important;
}
}
@media (max-width: 360px) {
.rdrMonths.rdrMonthsHorizontal .rdrMonth {
width: 300px;
}
.selected-dates {
min-width: 300px;
padding: 10px 8px;
}
/* .beWidget .icon-cal {
right: 2px;
} */
}
@media (max-width: 340px) {
.beWidget .icon-cal {
right: -2px;
}
}
@media (max-width: 330px) {
.rdrMonths.rdrMonthsHorizontal .rdrMonth {
width: 280px;
}
.beWidget .icon-cal {
right: -8px;
}
}
/* darshita */
.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName {
display: block !important;
}
.rdrDay .rdrStartEdge {
background: linear-gradient(to bottom right, transparent 50%, #c8edfc 0);
}
.rdrDay .rdrStartEdge.rdrEndEdge {
background: linear-gradient(to bottom right,
transparent 50%,
#c8edfc 0) !important;
}
.rdrDay .rdrEndEdge {
background: linear-gradient(to top left,
transparent 50%,
#c8edfc 0) !important;
}
.rdrDayNumber {
bottom: 0;
}
.date-input.startDate {
border-radius: 3px 0 0 3px;
}
.date-input {
border: 1px solid #000;
font-size: 16px !important;
min-width: 215px;
}
@media (max-width: 767px) {
.date-input {
min-width: unset;
}
.pro-ifo.discRibbon {
padding-bottom: 40px;
}
}
.rdrCalendarWrapper.rdrDateRangeWrapper {
position: relative;
background: #fff;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
border: 1px solid #ccc;
margin: auto;
}
.p-bottom {
padding-bottom: 40px;
}
.modalDpickerWrap {
display: flex;
justify-content: center;
align-items: center;
}
.modalDpickerWrap .icon-cal {
top: 7px;
right: 0;
}
.date-input.startDate.form-control {
text-align-last: left;
}
.rdrCalendarWrapper {
width: 100%;
}
form.checkInOutForm {
position: relative;
}
@media (max-width: 767px) {
.checkIn-OutWrapper {
width: 100% !important;
}
.checkIn-OutWrapper .container {
max-width: 100% !important;
}
}
@media (max-width: 432px) {
.checkIn-OutWrapper .form-group.checkOut {
text-align: right;
padding-left: 0 !important;
}
.checkIn-OutWrapper .form-group.checkOut label.widgetLabelchkout {
padding-left: 0 !important;
padding-right: 50px;
}
.iconText div#end-Date-Input {
padding-right: 20px;
text-align: right;
}
.beWidget .icon-cal {
right: 43%;
transform: translate(-43%);
}
}
@media (max-width: 1024px) {
.checkIn-OutWrapper .form-group.checkOut {
text-align: right;
padding-left: 0 !important;
}
.checkIn-OutWrapper .form-group.checkOut label.widgetLabelchkout {
padding-left: 0 !important;
}
.iconText div#end-Date-Input {
padding-right: 20px;
text-align: right;
}
.beWidget .icon-cal {
right: 43%;
transform: translate(-43%);
}
}
.checkIn-OutWrapper .form-group.checkOut {
text-align: right;
padding-left: 0 !important;
}
.checkIn-OutWrapper .form-group.checkOut label.widgetLabelchkout {
padding-left: 0 !important;
}
.iconText div#end-Date-Input {
padding-right: 20px;
text-align: right;
}
.beWidget .icon-cal {
right: 43%;
transform: translate(-43%);
}
.findAvailDates {
/* position: absolute; */
bottom: 0;
left: 50%;
/* transform: translateX(-50%); */
display: flex;
flex-direction: column;
align-items: center;
margin-top: 6px;
}
.findAvailDates .CheckAvailability {
padding: 5px 10px;
}
.findAvailChkInOut {
display: flex;
justify-content: center;
position: relative;
}
.findAvailChkInOut .icon-cal {
background: transparent !important;
overflow: unset !important;
position: absolute;
left: 50%;
top: 50%;
right: unset;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
z-index: 9;
padding: 0;
}
.findAvailChkInOut .searchBtn {
border: 0;
padding: 7px 20px;
background: #009900;
margin-top: 4px;
border-radius: 4px;
margin-left: 20px;
color: #fff;
}
/* calender css */
.rdrDefinedRangesWrapper {
display: none !important;
}
button.rdrDay {
border: 1px solid #ddd;
height: 55px;
}
.rdrStartEdge,
.rdrEndEdge {
pointer-events: none;
}
button.rdrDay span.rdrDayNumber {
height: 100%;
display: flex;
margin: 0;
font-size: 11px;
flex-wrap: wrap;
font-weight: 500;
}
span.rdrDayNumber {
display: inline-block;
font-size: 9px;
height: initial;
top: 0;
right: 0;
left: 0;
margin: auto;
padding: 4px;
}
.rdrDayNumber>div {
width: 100%;
float: left;
display: block;
line-height: 20px;
}
.rdrDayNumber>div.room-rate {
width: auto;
height: auto;
float: left;
color: #17762c;
font-weight: 500;
padding: 1px 4px;
font-size: 10px;
line-height: 15px;
}
.rdrDayNumber>div {
width: 100%;
float: left;
display: block;
line-height: 20px;
}
.room-rate {
float: left;
width: auto;
}
.rdrDay {
box-sizing: inherit;
cursor: pointer;
font: inherit;
position: relative;
width: 13.7%;
border: 1px solid #ddd;
height: 55px;
}
.rdrDayDisabled {
/* background-color: #f8f8f8; */
background-color: #efefef;
cursor: not-allowed;
}
.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span {
color: #000;
}
.rdrDayPassive {
visibility: hidden;
}
.rdrMonths.rdrMonthsHorizontal .rdrMonth {
margin: 0;
width: 360px;
}
.rdrMonth {
padding: 0 0.833em 0.833em !important;
}
.rdrCalendarWrapper .rdrMonthAndYearWrapper {
left: 0;
margin: auto;
position: absolute;
right: 0;
top: -6px;
/* width: 95%; */
@apply sm: w-[95%] w-[91%];
}
.rdrMonthAndYearWrapper {
align-items: center;
height: 60px;
padding-top: 10px;
}
.rdrMonthAndYearWrapper {
box-sizing: inherit;
display: flex;
justify-content: space-between;
}
.rdrMonth .rdrMonthName,
.findAvailChkInOut .searchBtn {
background: #000 !important;
color: #ffffff !important;
background-color: var(--SecondaryBtnBgColor) !important;
color: var(--SecondaryBtnFontColor) !important;
}
.rdrMonth .rdrMonthName {
background: #0483cc;
border-radius: 5px;
color: #fff;
margin-top: 10px;
text-align: center;
width: auto;
font-weight: 600;
padding: 0.833em;
}
#carousel-example-generic .carousel-indicators,
#pop-img-glr .carousel-indicators,
.Adult label.adultValue,
.Child label.ChildValue,
.addon-icon-hover-desc,
/* .crd-info.p-3 .row:last-of-type+span.separator, */
.currencyDropdown-sm,
.desktop-none,
.dropdown .dropdown .arrow,
.falsehideRooms,
.hideRooms,
.info-desc,
.mobileVisible_pricedetails,
.prty-bx.display_none,
.rdrDateDisplay,
.rdrDefinedRangesWrapper,
.reserve-tax-desc,
.selected-sm,
.sidebar-language,
.tabClosed .inc-div,
.ui-datepicker-trigger,
button.ratePname-guuestdetails,
header.sc-iqzUVk.bIaxNR,
label.sc-iRbamj.dmTruq,
span.calender-icon svg,
span.rdrMonthAndYearPickers {
display: none;
}
.room-rate.sold {
background: #ff0000;
color: #fff !important;
padding: 0 2px;
border-radius: 4px;
margin-bottom: 3px;
font-weight: 600 !important;
}
.position-relative {
position: relative;
}
.rdrDayNumber>div span {
float: left;
font-size: 12px;
font-weight: 700;
line-height: 10px;
width: 100%;
}
@media (max-width: 576px) {
.rdrMonths.rdrMonthsHorizontal .rdrMonth {
width: 292px;
}
.rdrDay {
width: 13.6%;
}
}
.error-message {
position: absolute;
z-index: 9;
bottom: 0;
left: 0;
right: 0;
width: 100%;
margin: auto;
text-align: center;
padding: 0;
}
.loader {
width: 10px;
height: 10px;
border: 1px solid #FFF;
border-bottom-color: #FF3D00;
border-bottom-color: green;
border-radius: 80%;
display: inline-block;
box-sizing: border-box;
animation: rotation 1s linear infinite;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media (max-width: 1024px) {
.rdrMonths.rdrMonthsHorizontal .rdrMonth {
width: 340px;
}
}
@media (max-width: 820px) {
.rdrMonths.rdrMonthsHorizontal .rdrMonth {
width: 300px;
}
}
@media only screen and (min-width: 577px) and (max-width: 767px) {
.rdrCalendarWrapper {
width: auto !important;
}
.rdrCalendarWrapper.rdrDateRangeWrapper {
left: -20px;
}
.rdrMonths.rdrMonthsHorizontal .rdrMonth {
width: 300px !important;
}
.rdrMonths.rdrMonthsHorizontal .rdrMonth {
width: 295px !important;
}
}
@media (min-width: 665px) and (max-width: 768px) {
.rdrCalendarWrapper.rdrDateRangeWrapper {
left: 0;
}
}
@media (max-width: 576px) {
.rdrCalendarWrapper .rdrMonthAndYearWrapper {
width: 93%;
}
.rdrCalendarWrapper,
.rdrDateRangePickerWrapper,
.rdrMonths.rdrMonthsHorizontal .rdrMonth {
width: 100% !important;
}
.rdrDay {
width: 14.28%;
}
}
@media (max-width:768px) and (min-width:768px) {
.pckg_nme .rsv-btn button.bkrm {
margin: 10px 5px 20px !important
}
}
@media (max-width:991px) {
.prt-dic-otr .prty-dic-after .pckg_nme .rsv-btn button.bkrm {
margin-right: 0 !important
}
.be-widgetWrap .eBrnhw .checkbox {
right: 52%
}
.lag-lst.currency-lst ul li {
width: 100% !important
}
}
@media (max-width:700px) {
.be-widgetWrap .eBrnhw .checkbox {
right: 55%
}
}
.bnr-cls {
background-color: #ddd
}
.chn-cho .check-line::after,
.linear-line {
width: 1px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(129, 127, 127, 0) .01%, rgba(129, 127, 127, .47) 52.6%, rgba(129, 127, 127, 0) 100%)
}
.main-bx {
padding-top: 0px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.book-moreBtn {
padding: 0 20px
}
.react-datepicker__month-container {
padding-left: 1rem !important;
padding-right: 1rem !important
}
.beWidget>div {
box-shadow: 0 5px 4px -2px rgb(35 41 44 / 12%)
}
.addon-add-btn {
float: right;
font-size: 12px !important;
}
.main-bx button.bkrm {
/* margin: 10px 5px 20px; */
padding: 5px 10px;
width: auto;
}
.addon-reserve,
.subTotal span {
/* font-size: 14px !important */
}
span.addonName {
padding-right: 15px
}
span.addonRate {
flex: 1;
display: flex;
justify-content: flex-end;
align-items: center;
white-space: nowrap
}
.linear-line {
height: 20px;
margin: 0 6px;
display: flex;
align-self: center
}
.chn-cho .check-line {
position: relative;
margin: 0 10px
}
.chn-cho .fas {
color: #919191;
font-size: 14px
}
.chn-cho .check-line::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
height: 40px
}
.srh-rgt .prty-bx .g-total {
border-top: 1px dashed #151515;
margin-top: 10px !important;
padding-top: 15px !important;
position: relative;
border-radius: 0 0 4px 4px;
width: calc(100% - 20px) !important
}
.srh-rgt .prty-bx .g-total::after {
left: -30px
}
.srh-rgt .prty-bx .g-total::before {
right: -30px
}
.subTotal span {
/* font-weight: 700 !important; */
margin-bottom: 0
}
.tt-amount {
/* margin-right: 8px !important */
}
.roomtypeafter-rname .mobile-none,
.selectWrapperInside .form-select {
width: 100%
}
.formInput {
height: 40px;
box-shadow: none;
border: 1px solid #ddd !important;
border-radius: 2px
}
.form-select:focus,
.formInput:focus {
box-shadow: unset
}
.prty-bx .chn-cho {
height: auto !important
}
.rs-rm-dtl .rs-cls {
right: 8px
}
.crd-info.cntct-details .booking-details-head {
padding: 12px 15px
}
.rate-p-name-sidecard:first-child {
/* width: 100%; */
width: calc(100% - 120px)
}
.mbs-input-label {
color: #000 !important;
}
.toggleInner-link {
/* position: absolute;
bottom: 0;
background: rgba(0, 0, 0, .7);
right: 0;
cursor: pointer;
padding: 10px;
max-width: 150px;
width: 100%;
display: none */
position: absolute;
bottom: 0;
right: 0;
cursor: pointer;
width: 100%;
display: none;
z-index: 2;
max-width: fit-content;
background: #000000c4;
box-shadow: none;
margin: 0px 10px 10px 0px;
padding: 7px;
border-radius: 4px;
border: 1px solid #8b8b8b8a;
}
.toggleInner-link .old-price {
font-size: 12px;
line-height: 10px
}
.toggleInner-link .old-price span {
text-decoration: line-through;
text-decoration-color: red
}
.toggleInner-link .new-price {
font-size: 18px;
font-weight: 600;
display: inline-block;
width: 100%;
}
.toggleInner-link .bookNow-text {
text-transform: uppercase;
font-size: 16px;
font-weight: 400
}
.img-glr .toggleInner-link .include-text {
font-size: 11px;
line-height: 10px;
}
.collpaseToggle {
height: 0;
overflow: hidden
}
.togglePlusIcon {
border: 0;
height: 24px;
margin-left: 10px;
width: 24px;
padding: 0;
display: flex !important;
justify-content: center;
align-items: center
}
.togglePlusIcon:focus {
outline: 0
}
@media (max-width: 991px) {
.pr-35 {
padding-right: 0;
}
.mblRoomDetails {
display: flex;
justify-content: space-between;
}
.mblRoomDetails .mblRooms {
margin-right: 10px;
}
.mblRoomDetails .mblPricing .mblCurBtn {
border: 1px solid #333;
border-radius: 8px;
display: flex;
width: fit-content;
}
.mblRoomDetails .mblPricing label,
.mblRoomDetails .mblRooms label {
font-size: 14px;
}
.mblRoomDetails .mblPricing label {
text-align: right;
display: block;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice {
padding: 5px 8px;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .cyrLineThrough {
font-size: 13px;
text-decoration-color: red;
text-decoration-line: line-through;
display: block;
margin: 0;
text-align: center;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .origCur {
font-size: 14px;
display: block;
margin: 0;
font-weight: 600;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblBookNow {
background-color: #333;
padding: 5px 6px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0 5px 5px 0;
font-size: 14px;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblBookNow .mblBookNowBtn {
color: #fff;
text-transform: uppercase;
text-decoration: none;
background-color: transparent;
border: 0;
}
.bookedRoom-selectedDiv {
padding: 8px 0;
}
}
@media (max-width:400px) {
div#adlt-desc {
width: 280px
}
}
a.sh-mr-ameneties.notranslate.AddonDesc {
margin-left: 5px;
cursor: pointer;
color: #000
}
.modal-header .btn-close {
background-color: #fff
}
.navbarCloseIcon {
position: absolute;
right: 25px;
top: 20px;
width: 32px;
height: 32px;
cursor: pointer;
z-index: 9999999;
}
.navbarCloseIcon:after,
.navbarCloseIcon:before {
position: absolute;
left: 15px;
content: ' ';
height: 24px;
width: 2px;
background-color: #fff;
}
body.modal-open {
padding: 0 !important
}
.calender-icon {
top: 4px !important
}
.modal {
z-index: 100001 !important
}
.view-ameneties {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden
}
.view-ameneties-show {
-webkit-line-clamp: unset
}
.bkrm-view-more {
background: 0 0;
border: none;
border-bottom: 1px dashed;
font-size: small;
margin-right: 10px
}
.img-glr .carousel-inner,
.img-glr .carousel-item {
height: 100%;
}
.multipleImage-clone {
bottom: 10px;
left: 10px;
padding: 7px;
border-radius: 5px;
cursor: pointer;
z-index: 9;
background-color: #0000007d;
height: 25px;
width: 25px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.multipleImage-clone i {
font-size: 14px;
color: #fff !important;
}
.toggleInner-link .new-price i {
font-size: 16px;
margin-left: 5px;
}
.addedContainer i {
color: #090;
font-size: 12px
}
.addedtext .added-text {
color: #090;
font-size: 13px;
font-weight: 500;
padding: 5px 10px
}
.pro-ifo h3 {
border: unset !important
}
.pro-ifo .borderBottom {
border-bottom: 1px solid rgba(0, 0, 0, .1);
margin-bottom: 5px !important;
padding-bottom: 5px
}
/* .pro-ifo .bookedRoom {
color: #ff0218cf;
white-space: nowrap
} */
.styles-module_close__2I1sI {
opacity: 1 !important;
top: -5px !important
}
.prt-bnt-cls .sh-mr-ameneties,
.prt-bnt-cls .sh-mr-ameneties:hover {
background: 0 0 !important;
border: none !important;
font-size: small;
color: #090 !important;
padding: 0 !important;
border-radius: 0 !important;
margin-right: 30px !important;
margin-bottom: 10px !important;
text-wrap: nowrap;
}
.prt-bnt-cls .sh-mr-ameneties {
text-decoration: underline !important;
}
.offcanvas-sidebar {
width: 300px !important
}
.offcanvas {
z-index: 100000 !important;
}
.offcanvas-backdrop {
z-index: 9999
}
span.react-read-more-read-less {
font-weight: 400;
color: #000
}
.navbar-expand-lg .navbar-nav .dropdown-menu.lag-cls {
padding: 5px !important
}
.goog-te-spinner-pos,
.skiptranslate {
display: none !important
}
.freeCancellation {
padding: 2px 5px;
background: #ddd !important;
border-radius: 3px;
margin-top: 6px;
display: block
}
@media only screen and (min-width:320px) and (max-width:767px) {
.HeaderImage,
.HeaderImage img {
height: auto
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
/* .HeaderImage,.HeaderImage img{height:auto}
.bnr-cls .container{width:100%;max-width:100%} */
}
.secondSelectBox {
height: 40px;
line-height: 38px;
margin-bottom: 6px;
padding: 0 6px;
color: #666;
font-weight: 600;
font-size: 16px
}
@media (min-width:576px) {
.member-rate-modal .modal-dialog {
max-width: 500px !important;
width: 100% !important
}
}
.member-rate-modal .footer-button .bkrm {
width: fit-content
}
.member-rate-modal .emailInput {
outline: unset !important;
box-shadow: unset !important
}
.spinner_loader .loading-spinner {
width: 100px !important;
height: 100px !important;
border: unset !important;
border-radius: unset !important;
animation: unset !important;
}
.spinner_loader .loading-spinner svg {
width: 100%;
fill: none;
}
.spinner_loader .loading-spinner .load {
transform-origin: 50% 50%;
stroke-dasharray: 0.7 0.3;
stroke-linecap: round;
stroke-width: 3px;
stroke: rgb(0, 92, 132);
}
.spinner_loader .loading-spinner .load.one {
animation: 1.5s ease-in infinite reverse load;
}
.spinner_loader .loading-spinner .load.two {
fill: rgb(0, 92, 132);
}
.spinner_loader .loading-spinner .load.three {
animation: 1.5s infinite load;
}
.spinner_loader .spinner-container {
opacity: 1;
}
.spinner_loader {
opacity: 1;
background: #bdbdbd7a;
}
.spinner_loader .spinner-container {
opacity: 1;
}
.spinner_loader {
opacity: 1;
background: #bdbdbd7a;
}
.spinner_loader .spinner-container {
opacity: 1;
}
.spinner_loader {
opacity: 1;
background: #bdbdbd7a;
}
@keyframes load {
100% {
transform: rotate(360deg);
}
}
.MaxGuest-Dflex {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 10px;
justify-content: space-between
}
.MaxGuest-Dflex .adlt-cls {
margin-left: 10px;
position: relative
}
.MaxGuest-Dflex .roomtypeafter-h3 {
width: fit-content;
font-size: 16px
}
.pro-ifo .bookedRoom,
.selected-sm span {
/* background: #090;
color: #fff; */
font-size: 14px
}
.pro-ifo .bookedRoom {
position: absolute;
right: 0px;
padding: 2px 5px;
border-radius: 4px;
border: 1px solid #000;
/* border: none; */
font-size: 12px;
top: -10px !important;
height: fit-content;
}
.MaxGuest-Dflex .adlt-cls .adlt-tooltip {
display: none;
position: absolute;
top: -40px;
background-color: #fff;
color: #000;
text-align: center;
padding: 10px;
border-radius: 4px;
font-size: 12px;
box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
width: 140px;
left: 50%;
transform: translateX(-50%);
z-index: 9
}
.MaxGuest-Dflex .adlt-cls .adlt-img i {
font-size: 18px;
color: #ababab
}
.MaxGuest-Dflex h3 {
margin-bottom: 0;
padding-bottom: 0
}
.MaxGuest-Dflex .adlt-nbr {
color: #ababab
}
.roomTypeBefore {
display: unset
}
.roomTypeBefore h3 {
display: contents;
word-break: break-word
}
.roomtypeafter-h3.label-not-Selected {
max-width: 100%
}
.selected-sm span {
padding: 1px 5px;
border-radius: 4px 4px 0 0;
margin-bottom: 0
}
@media (max-width:991px) {
.MaxGuest-Dflex h3 {
margin-top: 0
}
.MaxGuest-Dflex {
margin-top: 5px
}
.roomTypeBefore {
margin-top: 10px
}
}
.MaxGuest-Dflex .mobile-none {
display: contents
}
@media (max-width:767px) {
.currencyDropdown-sm .currencyConvertor .navbar .navbar-collapse .navbar-nav .nav-item .currency-lst,
.sidebar-language .dropdown-menu .lag-lst {
min-width: 100%;
width: 100%
}
.prty-dic-after {
padding: 15px 0 25px 0 !important
}
.srh-rgt {
width: 100% !important
}
.prty-dic-after .pckg_nme h4.discount-rate {
margin-bottom: 0;
text-align: left !important
}
div#adlt-desc {
left: -15px;
transform: unset
}
div#adlt-desc:after {
right: unset;
left: 20px
}
.ftr#ftr {
padding: 50px 0
}
.sidebar-language {
display: block !important;
padding: 11.5px 0;
margin-top: 15px;
position: relative !important;
border-bottom: 1px solid #d6eaed
}
.sidebar-language .dropdown-backdrop {
position: unset;
display: none
}
.sidebar-language .dropdown-toggle {
color: #575757;
font-size: 14px
}
.sidebar-language .dropdown-menu {
position: static !important;
left: 0;
top: 100%;
width: 100%;
margin-top: 15px
}
.sidebar-language .dropdown-menu .lag-lst ul li {
width: 100%
}
.hamburger-menu-container {
display: none
}
.currencyDropdown-sm {
display: block !important;
}
.currencyDropdown-sm .currencyConvertor {
margin: 0;
padding-right: 0;
width: 100%
}
.currencyDropdown-sm .currencyConvertor .navbar {
padding: 0;
width: 100%;
min-height: unset !important
}
.currencyDropdown-sm .currencyConvertor .navbar .navbar-collapse {
display: unset !important;
padding: 0;
border-top: 0 !important;
box-shadow: unset !important
}
.currencyDropdown-sm .currencyConvertor .navbar .navbar-collapse .navbar-nav {
position: unset !important;
height: auto !important;
background: unset !important;
box-shadow: unset !important;
width: unset !important;
right: unset !important;
bottom: unset !important
}
.currencyDropdown-sm .currencyConvertor .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
color: #575757 !important;
font-size: 14px;
padding: 12px 20px 12px 0 !important;
border-bottom: 1px solid #d6eaed
}
.currencyDropdown-sm .currencyConvertor .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu.lag-cls {
position: static !important;
left: 0;
top: 100%;
width: 100%;
max-width: 337px;
margin: 0 auto;
animation: unset !important
}
.currencyDropdown-sm .currencyConvertor .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu.lag-cls .currency-lst {
box-shadow: 0 3px 12px rgb(0 0 0 / 5%) !important
}
.styles-module_prev__KqFRp {
left: 60px !important
}
.styles-module_next__1uQwZ {
right: 60px !important
}
.styles-module_navigation__1pqAE {
height: 30px !important;
width: 30px !important;
color: #fff !important;
cursor: pointer !important;
position: absolute !important;
font-size: 14px !important;
font-weight: 700 !important;
display: flex !important;
align-items: center !important;
opacity: 1 !important;
justify-content: center !important;
padding: 5px !important;
background: rgba(0, 0, 0, .7) !important;
user-select: none !important;
-moz-user-select: none !important;
-webkit-user-select: none !important
}
.kKwHTL#date-picker .month-select {
max-width: 80% !important
}
.kKwHTL .calender-icon {
right: 14px !important
}
.kKwHTL .calender-icon.end-date {
right: 17px !important
}
.MaxGuest-Dflex .adlt-cls .adlt-tooltip {
left: unset;
transform: unset;
right: -10px
}
.MaxGuest-Dflex .adlt-cls:hover .adlt-tooltip::after {
left: unset;
right: 15px
}
}
@media (max-width:575px) {
.be-widgetWrap .eBrnhw .checkbox {
right: 38%
}
.HeaderImage,
.HeaderImage img {
height: auto
}
.react-datepicker__header.react-datepicker__header--custom .react-datepicker__navigation span {
top: -10px !important
}
.jOGekX#date-picker .months-wrapper {
padding-bottom: 10px
}
.sc-fotOHu.gsKzMk.PromoCodeWrapperMain input.PromoInput {
width: 100%
}
.sc-fotOHu.gsKzMk.PromoCodeWrapperMain {
padding-right: 10px
}
.toggleInner-link {
display: block
}
.styles-module_prev__KqFRp {
left: 30px !important
}
.styles-module_next__1uQwZ {
right: 30px !important
}
.kKwHTL .calender-icon.end-date {
right: 14px !important
}
.MaxGuest-Dflex .adlt-cls .adlt-tooltip {
left: -16px;
transform: unset
}
.MaxGuest-Dflex .adlt-cls:hover .adlt-tooltip::after {
left: 15px;
transform: rotate(45deg) translateX(0);
bottom: -6px
}
.MaxGuest-Dflex {
width: 100%;
display: flex;
align-items: center
}
.roomtypeafter-rname.desktop-none {
width: fit-content;
font-size: 14px;
display: flex !important;
justify-content: space-between;
width: 100%
}
.roomTypeBefore .desktop-none {
display: flex !important;
justify-content: space-between;
width: 100%;
flex-wrap: wrap;
align-items: center
}
.roomtypeafter-rname .MaxGuest-Dflex {
justify-content: space-between
}
.selected-sm {
display: flex;
justify-content: flex-end
}
}
.inline-table {
display: inline-table
}
.CapacityComponent .hJPFSl {
height: 40px;
border-radius: 5px;
background: #fff
}
.CapacityComponent .hJPFSl .roomsWrapperLabel {
margin: 0;
padding: 9px;
color: #000;
font-size: 14px
}
.CapacityComponent .sc-gKclnd {
flex-wrap: nowrap
}
.CapacityComponent .sc-gKclnd label {
margin-bottom: 0;
font-size: 14px;
margin-right: 5px
}
.button-wrapper .values {
font-size: 14px;
width: 22px !important
}
.CapacityComponent .dpzwPE {
width: 290px
}
table.gust_policy.table {
margin-bottom: 0
}
table.gust_policy.table tr:last-child {
border-style: none;
border-color: transparent;
border-width: 0
}
.ReadMore-ReadLess-Span p {
display: contents
}
span.btn.btn-Readmore-readless {
font-size: 14px;
padding: 0;
margin: 0 0 0 5px;
text-transform: lowercase;
outline: 0;
border: none;
box-shadow: none
}
.iconText .date-input {
font-weight: 400 !important;
font-size: 14px !important;
}
.date-input.startDate.form-control {
padding-left: 10px;
padding-right: 30px;
}
.date-input.endDate.form-control {
padding-right: 10px;
justify-content: flex-end;
}
.rm-icon {
display: inline-flex;
justify-content: center;
align-items: center;
/* margin-left: 20px; */
width: auto
}
.rm-icon .rm-icon-inner {
margin-right: 5px;
position: relative
}
.MaxGuest-Dflex.roomTypeBefore h3 {
display: contents;
float: left;
width: auto;
clear: right
}
.MaxGuest-Dflex.roomTypeBefore {
width: 100%;
display: contents;
margin: 0
}
.rm-icon .rm-icon-inner i {
font-size: 15px;
transform: unset !important;
margin: 0 !important;
/* color: var(--bs-body-color) */
}
.map-tooltip {
display: none
}
.rm-icon-inner.rm-map:hover .map-tooltip,
.rm-icon-inner.rm-user:hover .adlt-tooltip {
display: block
}
/* .adlt-tooltip,
.bed-tooltip {
display: none;
position: absolute;
top: auto;
bottom: 30px;
background-color: #fff;
color: #000;
text-align: center;
padding: 10px;
border-radius: 4px;
font-size: 12px;
box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
width: 140px;
left: 50%;
transform: translateX(-50%);
z-index: 100
} */
.adlt-tooltip,
.adlt-tooltip-bottom,
.bed-tooltip {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 10px 20px 0 #0000001a;
color: #000;
display: none;
font-size: 12px;
left: 50%;
padding: 10px;
position: absolute;
text-align: center;
transform: translateX(-50%);
width: 140px;
z-index: 1001;
}
.adlt-tooltip-bottom {
display: none;
position: absolute;
top: 30px;
bottom: auto;
background-color: #fff;
color: #000;
text-align: center;
padding: 10px;
border-radius: 4px;
font-size: 12px;
box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
width: 140px;
left: 50%;
transform: translateX(-50%);
z-index: 100;
font-weight: 500
}
.rm-icon-inner.rm-user:hover .adlt-tooltip-bottom {
display: block
}
.adlt-tooltip-bottom span {
font-size: 12px !important
}
.rm-user:hover .adlt-tooltip-bottom::after {
content: "";
position: absolute;
width: 12px;
height: 12px;
top: 0;
background: #fff;
transform: rotate(45deg) translateX(-50%);
left: 50%;
z-index: 0;
border-top: 0;
border-left: 0;
box-shadow: 7px 10px 10px -5px rgb(0 0 0 / 20%)
}
.bed-tooltip {
left: inherit;
right: -10px;
transform: inherit
}
.rm-icon-inner.rm-bed:hover .bed-tooltip {
display: block
}
.rm-icon-inner.rm-rulers:hover .rulers-tooltip {
display: block
}
.rm-bed:hover .bed-tooltip::after,
.rm-map:hover .map-tooltip::after,
.rm-user:hover .adlt-tooltip::after {
content: "";
position: absolute;
width: 12px;
height: 12px;
border: 1px solid rgba(0, 0, 0, .1);
bottom: -11px;
background: #fff;
transform: rotate(45deg) translateX(-50%);
left: 50%;
z-index: 112;
border-top: 0;
border-left: 0;
box-shadow: 7px 10px 10px -5px rgb(0 0 0 / 20%)
}
.rm-bed:hover .bed-tooltip::after {
left: inherit !important;
right: 10px !important
}
.bed-tooltip span {
display: flex;
flex-direction: column
}
.bed-tooltip span span {
padding: 3px 0;
margin: 0;
text-align: left;
border-bottom: 1px solid #f1f1f1
}
.bed-tooltip span span:last-child {
border: none
}
.lag-lst.currency-lst ul li.curr-sep {
width: 86%;
border-bottom: 1px solid #c1c1c1;
padding: 0;
margin: 10px 0 10px 8px;
display: inline-block
}
.lag-lst.currency-lst ul li:first-child {
font-weight: 600
}
.MaxGuest-Dflex.label-not-selected {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 10px;
max-width: 100% !important;
gap: 8px;
}
i.bi.bi-rulers::before {
transform: rotate(270deg)
}
.counterDiv {
display: flex;
justify-content: flex-end
}
.counterDiv .subDiv .label-span {
font-size: 14px;
color: #212529;
font-weight: 500;
text-align: center;
display: block;
margin-top: 0
}
.counterDiv .subDiv .input-group-prepend .btn {
width: 30px;
height: 30px;
border-radius: 0;
border-color: #ddd;
font-size: 20px;
line-height: 14px;
color: #252525
}
.counterDiv .subDiv .input-group-prepend .btn:hover {
background-color: #fff
}
.counterDiv .subDiv .input-group-prepend .btn:focus {
background-color: #fff;
box-shadow: unset;
outline: 0
}
.counterDiv .subDiv .input-group-prepend .btn:focus-visible {
box-shadow: unset;
background-color: unset
}
.counterDiv .subDiv .form-control {
width: 30px;
height: 30px;
border-width: 1px 0 1px 0;
border-color: #ddd;
text-align: center
}
@media (max-width:991px) {
.counterDiv {
justify-content: flex-start
}
}
@media (max-width:575px) {
.beWidget .form-group.checkAvailBtn {
width: 30% !important
}
.modal-body {
max-height: 80vh !important;
overflow-y: auto;
}
.be-widgetWrap .beWidget {
flex-wrap: wrap;
align-items: end
}
.counterDiv {
justify-content: flex-start
}
.counterDiv .subDiv {
margin-right: 10px !important
}
}
.mobile-MemberRateModal {
display: none
}
@media (max-width :767px) {
.mobile-MemberRateModal {
display: block
}
}
.selected_curr {
color: #208302;
font-weight: 600
}
.g-total-inner.total-pay_d-flex {
display: flex;
justify-content: space-between;
align-items: center
}
.g-total-inner.total-pay_d-flex.converted label,
.g-total-inner.total-pay_d-flex.converted span {
display: flex;
justify-content: space-between;
font-weight: 400 !important
}
.switch {
margin-right: 7px
}
#paymentpage2 {
box-shadow: 0 5px 4px -2px rgb(35 41 44 / 12%);
background: #fff;
padding: 12px 15px;
margin-top: 10px;
border-radius: 4px
}
.custon_toggle_switch {
display: inline-block;
margin-right: 10px
}
.custon_toggle_switch input[type=checkbox] {
height: 0;
width: 0;
visibility: hidden
}
.custon_toggle_switch label {
cursor: pointer;
text-indent: -9999px;
width: 40px;
height: 21px;
background: #c9c9c9;
display: block;
border-radius: 100px;
position: relative;
margin-top: 0 !important
}
.custon_toggle_switch label:after {
content: '';
position: absolute;
top: 3px;
left: 4px;
width: 15px;
height: 15px;
background: #fff;
border-radius: 50%;
transition: .3s
}
.custon_toggle_switch input:checked+label {
background: #090
}
.custon_toggle_switch input:checked+label:after {
left: calc(100% - 4px);
transform: translateX(-100%)
}
#quikbook-widget #main-date .table-wrapper .calendar .row {
flex-wrap: nowrap;
margin-left: 40px !important;
margin-right: 40px !important;
flex: unset !important;
flex-direction: unset !important;
--bs-gutter-x: unset !important;
--bs-gutter-y: unset !important
}
#quikbook-widget .cl-days span,
#quikbook-widget .cl-month span,
#quikbook-widget .cl-year span,
.input-cal-clear {
margin: 0 !important
}
#quikbook-widget .modal-header {
background-color: #fff !important;
color: #000 !important;
justify-content: space-between !important
}
#quikbook-widget .deal-head {
width: 100%
}
.check_Availability {
position: absolute;
bottom: 20px;
right: 20px;
z-index: 9999
}
@media (max-width:991px) {
#quikbook-widget #main-date .table-wrapper .calendar .row {
margin-left: 0 !important;
margin-right: 0 !important
}
}
.widget_preview_div {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 5px 4px -2px rgb(35 41 44 / 12%)
}
.widget_preview_div #qbwd_frm {
padding-top: 10px
}
.BootstrapSwitchButton_booking span {
font-size: 15px
}
.IncludedExtras {
padding-left: 0
}
@media (max-width:380px) {
.months-wrapper select.month-select {
max-width: 60% !important
}
}
.ismobileReadMoreReadLess {
display: none
}
.ismobileReadMoreReadLess.Show {
display: inline-block !important
}
.fade.confirmshow-msg.modal.show {
background-color: rgba(0, 0, 0, 0.3) !important;
display: flex !important;
align-items: center;
justify-content: center;
}
.modalPrgrph .confirm-loader {
background-color: transparent !important;
}
.confirmshow-msg .modal-dialog {
background-color: #fff;
height: auto;
max-width: 1000px;
width: 100%;
min-height: auto;
border-radius: 5px;
}
.confirmshow-msg .modal-content {
max-height: auto !important;
border: none !important;
box-shadow: none;
padding: 15px 0 30px 0 !important;
}
@media (max-width: 1199px) {
.confirmshow-msg .modal-dialog {
max-width: 75%;
}
}
.confirmshow-msg .modal-body {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.confirmshow-msg .modal-dialog-scrollable .modal-content {
border: none;
box-shadow: none
}
.confirm-loader .spinner_loader {
background-color: #fff0 !important
}
.confirm-loader .spinner_loader .loading-spinner {
margin-top: -150px
}
.paymentRequired-div {
display: flex;
flex-direction: column;
text-align: right
}
.paymentRequired-label {
font-size: 12px !important;
text-align: right;
color: #9d9d9d;
font-weight: 500 !important;
margin: 0
}
.additional-header {
padding: 0;
margin: 0
}
.rm-icon-inner.rm-user span {
color: #000;
margin-right: 5px;
font-size: 14px
}
.rulers-tooltip span {
color: #000;
font-size: 14px
}
/* .rm-icon {
float: right
} */
@media (max-width:320px) {
.MaxGuest-Dflex.roomTypeBefore .desktop-none,
.roomtypeafter-rname .desktop-none {
flex-direction: column;
width: 100%;
align-items: flex-start
}
.rm-icon {
margin-left: 0;
justify-content: flex-start
}
.roomtypeafter-rname.desktop-none {
flex-direction: column
}
}
img.object-fit {
object-fit: contain
}
.bookedRoom-selectedDiv {
display: flex;
justify-content: space-between;
position: relative
}
.bookedRoom svg {
margin-right: 5px;
fill: #fff;
width: 14px;
}
.filterProperties .rm-map,
.rm-rulers,
.rm-user,
.rm-bed,
.rm-meal {
background: #ebebeb;
padding: 3px 7px;
line-height: 20px;
border-radius: 3px;
}
/* .rm-icon-inner.rm-bed {
padding: 0;
} */
.rm-user svg {
height: 15px;
width: 10px;
}
.rm-bed svg {
width: 17px;
height: 15px;
}
.rm-map .fa-map-marker {
margin: 3px
}
.rm-icon-inner.rm-map {
border: none
}
.isMobile-display {
display: none
}
div#ReactSimpleImageViewer {
z-index: 999999;
height: 100vh
}
.addon-name-button {
background: 0 0;
border: none
}
.addon-desc-modal {
font-size: 13px;
font-weight: 300
}
.adlt-tooltip span {
font-size: 12px !important
}
.additional-header.about-us h3,
.additional-header.privacy-policy h3 {
padding: 0 7.5px
}
.ReadMore-ReadLess-Span {
word-break: break-word
}
button.sh-mr-compare-package.notranslate {
border: 1px solid;
background: #979797;
color: #fff;
padding: 5px 15px;
border-radius: 5px;
font-size: 14px
}
.CSBEStatus-modal-S .modal-content,
.CSBEStatus-modal-S .modal-content .modal-body {
background-color: rgba(0, 0, 0, .5) !important;
box-shadow: unset;
border-radius: 0
}
.CSBEStatus-modal-O .modal-content .modal-header,
.CSBEStatus-modal-S .modal-content .modal-header {
background-color: rgba(0, 0, 0, 0) !important;
border-radius: 0
}
.CSBEStatus-modal-S .modalPrgrph {
padding-bottom: 45px;
}
.CSBEStatus-modal-O .modal-content .modal-body {
background-color: #fff !important;
color: #000 !important;
}
.CSBEStatus-modal-S .modalPrgrph p {
color: #fff;
}
.CSBEStatus-modal-O .modalPrgrph p,
.CSBEStatus-modal-S .modalPrgrph p {
/* color: #fff; */
font-size: 50px;
text-align: center;
line-height: 60px
}
.CSBEStatus-modal-S .modal-dialog {
max-width: 490px;
width: 100%;
padding: 0 15px
}
.CSBEStatus-modal-O .modal-dialog {
width: 100vw;
height: 100vh;
max-width: 100vw;
max-height: 100vh;
margin: 0;
cursor: not-allowed
}
.CSBEStatus-modal-O .modal-dialog .modal-content {
height: 100%
}
.CSBEStatus-modal-O .modalPrgrph {
display: flex;
align-items: center;
justify-content: center
}
.CSBEStatus-modal-O .modal-header {
display: none
}
.CSBEStatus-modal-setup .modal-dialog.modal-dialog-centered {
max-width: 475px;
}
@media (max-width:991px) {
.CSBEStatus-modal-O .modalPrgrph p,
.CSBEStatus-modal-S .modalPrgrph p {
font-size: 35px;
line-height: 50px
}
}
@media (max-width:767px) {
.CSBEStatus-modal-O .modalPrgrph p,
.CSBEStatus-modal-S .modalPrgrph p {
font-size: 26px;
line-height: 35px
}
}
.about-us .sh-mr img {
height: 320px !important
}
.about-us.img-glr .carousel.slide,
.about-us.img-glr .carousel.slide .carousel-inner,
.about-us.img-glr .carousel.slide .carousel-inner .carousel-item,
.about-us.img-glr .carousel.slide .carousel-inner .carousel-item .item,
.about-us.img-glr .carousel.slide .carousel-inner .carousel-item .item a.sh-mr {
height: unset !important
}
.inputError {
scroll-margin: 200px
}
.cmp-pack-head {
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px 15px;
border-radius: 5px 5px 0 0;
margin-bottom: 10px
}
.cmp-pack-desc {
padding: 0 15px
}
.cmp-pack-head .pack-price {
position: unset
}
.rdrDayDisabled .dpicker-minimumstay {
display: none
}
@media (max-width:575px) {
/* .rdrDayNumber>div>span {
margin-top: 15px;
margin-bottom: 0
} */
.cmprPckg_btn {
display: none
}
}
@media (max-width:767px) {
.ratePlan_mobile-view .adt-chld {
margin-left: 10px;
position: relative;
padding-left: 15px
}
.ratePlan_mobile-view .adt-chld .adlt-img {
position: relative;
top: 1px
}
.mblRoomDetails .mblPricing label,
.mblRoomDetails .mblRooms label {
font-size: 14px
}
.mblRoomDetails .mblPricing label {
text-align: right;
display: block
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice {
padding: 5px 8px
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .cyrLineThrough {
font-size: 13px;
text-decoration-color: red;
text-decoration-line: line-through;
display: block;
margin: 0;
text-align: center
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .origCur {
font-size: 14px;
display: block;
margin: 0;
font-weight: 600
}
.mblRoomDetails .mblPricing .mblCurBtn .mblBookNow {
background-color: #333;
padding: 5px 6px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0 5px 5px 0;
font-size: 14px
}
.mblRoomDetails .mblPricing .mblCurBtn .mblBookNow .mblBookNowBtn {
color: #fff;
text-transform: uppercase;
text-decoration: none;
background-color: transparent;
border: 0
}
}
@media (max-width:540px) {
.ratePlan_mobile-view div#adlt-desc {
left: -100px !important
}
}
@media (max-width:450px) {
.ratePlan_mobile-view div#adlt-desc {
left: -150px !important
}
}
@media (max-width:370px) {
.mblRoomDetails .mblPricing label {
text-align: left
}
}
@media (max-width:340px) {
.SelectedRoomValue,
.taxLabel {
display: block;
text-align: left !important
}
.ratePlan_mobile-view div#adlt-desc {
left: -180px !important
}
.mblRoomDetails {
flex-direction: column
}
.mblRoomDetails .mblRooms {
margin-top: 10px
}
.checkIn-OutWrapper+.form-group.checkAvailBtn {
text-align: center;
margin: 22px 0 0 0;
padding: 0
}
.be-widgetWrap .beWidget .checkIn-OutWrapper {
width: 100%;
float: left
}
.be-widgetWrap .beWidget .checkIn-OutWrapper .iconText #end-Date-Input,
.be-widgetWrap .beWidget .checkIn-OutWrapper .iconText #start-Date-Input {
font-size: 14px !important
}
.checkIn-OutWrapper+.form-group.checkAvailBtn button.Apply-btn {
width: 100%;
margin-left: 10px
}
/* .wdgtWrapp.container .be-widgetWrap .container .beWidget .icon-cal{right:40%} */
}
.bnr-cls .HeaderImage {
border-radius: 4px;
height: auto;
/* margin-top: 10px; */
text-align: center
}
.modal-dialog.modal-sm.modal-dialog-centered.modal-dialog-scrollable {
width: 100vw;
height: calc(100vh - 0px);
padding: 0;
margin: auto;
max-width: 100vw;
display: flex
}
.modal-dialog.modal-sm.modal-dialog-centered.modal-dialog-scrollable .modal-content {
width: 100%;
height: 100%;
max-width: 100%;
display: flex
}
.modal-dialog.modal-sm.modal-dialog-centered.modal-dialog-scrollable .modalPrgrph.modal-body {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column
}
.modal-header button.btn-close {
width: 1em;
height: 1em;
opacity: 1
}
.modal-dialog.modal-sm.modal-dialog-centered.modal-dialog-scrollable .modalPrgrph.modal-body img {
width: 130px;
height: auto;
margin-bottom: 15px
}
.modal-dialog.modal-sm.modal-dialog-centered.modal-dialog-scrollable .modalPrgrph.modal-body p {
font-size: 35px;
font-weight: 500
}
.fade.CSBEStatus-modal-S.modal.show {
z-index: 1055 !important
}
.fade.CSBE-STATUS-SO.modal.show {
z-index: 1054 !important
}
.fade.CSBEStatus-modal-S.modal.show+.fade.modal-backdrop.show {
background: #000;
opacity: 0
}
.fade.CSBEStatus-modal-S.modal.show+.fade.modal-backdrop.show+.fade.CSBE-STATUS-SO.modal.show {
z-index: -2 !important
}
.fade.CSBEStatus-modal-S.modal.show+.fade.modal-backdrop.show+.fade.modal.show.acco-modal {
z-index: 1 !important
}
.disc-main-div {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%
}
.aminities-title {
font-weight: 500;
font-size: 14px !important;
margin-bottom: 0 !important;
letter-spacing: unset !important;
display: block;
}
.discountImg .discImg {
position: relative
}
.pro-ifo.discRibbon {
padding-bottom: 5px
}
.discountImg .discImg .discNumber {
background: red;
color: #fff;
line-height: normal;
position: relative;
display: inline-block;
clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0% 100%, 0% 10%, 0% 0%);
font-size: 12px;
font-weight: 600;
padding: 3px 25px 3px 10px;
}
.bookedRoom {
position: absolute;
bottom: 0;
/* color: #fff; */
padding: 2px 10px;
border-radius: 0;
/* background: #090; */
font-size: 14px;
right: -28px
}
.head-arrw {
display: inline
}
.fa-caret-down {
font-size: larger
}
.bookedRoom i {
margin-right: 5px
}
@media (max-width:575px) {
/* .bookedRoom {
display: none
} */
.isMobile-display .bookedRoom {
display: block;
position: initial;
border-radius: 4px 4px 0 0;
margin-bottom: 0;
padding: 1px 5px;
align-items: center;
/*
display: inline-flex;
align-items: center;
margin: 0; */
}
}
@media (max-width:991px) and (min-width:768px) {
/* .pro-ifo.discRibbon {
margin-bottom: 50px
}
.pro-ifo.discRibbon {
padding-bottom: 20px;
} */
.pro-ifo.discRibbon .discountImg {
padding: 0px;
margin-right: 0;
}
.pro-ifo.discRibbon {
padding-bottom: 25px;
margin-bottom: 0;
}
}
.adt-chld.adtHvr {
display: inline-block;
margin-left: 10px
}
@media (max-width:991px) {}
.MaxGuest-Dflex {
display: flex !important
}
.MaxGuest-Dflex .rm-icon {
float: unset !important;
margin-left: auto
}
.button.addon-name-button {
padding: 0
}
.MaxGuest-Dflex {
font-weight: 600
}
.MaxGuest-Dflex .rm-icon {
font-weight: 400
}
.ratePlan_mobile-view .pckg_nme h4 {
font-weight: 600
}
.mblRoomDetails .mblPricing label,
.mblRoomDetails .mblRooms label {
font-weight: 400
}
.pckg_nme {
min-height: auto !important;
}
.bookingInfo .rateBookingInfo {
display: flex;
justify-content: space-between;
width: 100%;
}
.sml-prc .fa-caret-right {
align-items: center;
bottom: 0;
clear: both;
display: flex;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
justify-content: center;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
@media screen and (max-width: 991px) {
.roomSize,
.bookingInfo {
margin-top: 10px;
}
.bookingInfo .rateBookingInfo {
justify-content: end;
}
.pckg_nme {
min-height: auto !important;
padding-left: 0;
}
.roomSize {
order: 3;
align-items: baseline;
padding-left: 0;
}
.guestsSize {
order: 2;
align-items: end;
padding-right: 0;
}
.bookingInfo {
order: 4;
align-items: flex-end;
padding-right: 0;
justify-content: flex-end !important;
align-items: center;
}
.bookingInfo .sml-prc {
display: flex;
flex-direction: column;
padding-right: 0;
}
/* .bookingInfo .sml-prc span {
font-size: 13px !important;
display: block;
margin-bottom: 0;
line-height: normal;
margin-top: 0;
padding-bottom: 0;
font-weight: 400;
} */
.sml-prc h5 {
font-size: 14px !important;
text-align: right;
margin-bottom: 2px;
}
.bookingInfo .mblCurBtn {
border: 1px solid #333;
border-radius: 8px;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-right: 0;
justify-content: flex-end;
float: right;
margin-bottom: 2px;
}
.bookingInfo .mblCurBtn .mblCurPrice {
padding: 5px 8px;
}
.bookingInfo .mblCurBtn .mblCurPrice .cyrLineThrough {
display: block;
font-size: 13px;
margin: 0;
text-align: center;
-webkit-text-decoration-color: red;
text-decoration-color: red;
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
line-height: 20px;
}
.bookingInfo .mblCurBtn .mblCurPrice .origCur {
display: block;
font-size: 14px;
font-weight: 600;
margin: 0;
line-height: 20px;
}
.bookingInfo .mblBookNow {
align-items: center;
background-color: #333;
border-radius: 0 5px 5px 0;
display: flex;
font-size: 14px;
justify-content: center;
padding: 5px 6px;
}
.bookingInfo .rsv-btn button {
background-color: initial !important;
border: 0;
color: #fff;
text-decoration: none;
text-transform: uppercase;
}
.sml-prc .fa-caret-right {
display: none;
}
.pckg_nme.csPackageBook {
align-items: center;
background-color: #333;
border-radius: 0 5px 5px 0;
padding: 5px 6px;
}
}
.pckg_nme .sml-prc>span {
padding-bottom: 0;
margin-bottom: 0;
}
.modal-dialog .fclt-otr {
margin-top: 0 !important
}
.addon-reserve-price {
font-weight: 600
}
.addon-name-button {
text-align: left
}
.addon-name-button {
padding: 0 !important
}
.ratePlan_mobile-view .pckg_nme {
margin-bottom: 15px !important
}
.ratePlan_mobile-view .pckg_nme h4 {
margin-top: 0 !important
}
.ratePlan_mobile-view .pckg_nme div.d-inline-block {
margin: 4px 0
}
.rdrMonthsVertical {
flex-direction: unset !important
}
.rdrCalendarWrapper.rdrDateRangeWrapper {
position: absolute;
background: #fff;
box-shadow: 0 10px 20px rgb(0 0 0 / 10%)
}
.mEndDate {
border: 1px solid #000;
font-size: 16px
}
.mStartDate {
font-size: 16px;
border: 1px solid #000;
border-radius: .375rem 0 0 .375rem
}
.bnr-cls .HeaderImage img#backimage {
height: 100% !important;
object-fit: contain;
width: 100%;
}
/* / guestSearch Input UI for mobile / */
.addroom-another {
margin-top: 5px;
border-radius: 4px;
padding: 6px 10px;
background: #fff !important;
color: #424040 !important;
border: 1px solid #424040 !important;
font-weight: 500;
}
.inc-div button.incr-btn {
border: 1px solid transparent;
color: #565656;
float: left;
font-size: 14px;
padding: 2px 0 2px;
width: 30%;
background-color: #eee;
line-height: 20px;
}
.guestgroup .guest_Rooms_Count {
border-radius: 4px 4px 0 0 !important;
}
button[data-action="decrease"] {
border-right-color: #ddd !important;
}
button[data-action="increase"] {
border-left-color: #ddd !important;
}
/* / guestSearch Input UI for mobile / */
/* widget UI for mobile */
.be-widgetWrap .detailWrapper {
display: flex !important;
flex-direction: row;
justify-content: space-between !important;
align-items: center !important;
gap: 5px !important;
}
.be-widgetWrap .beWidgetDetail {
display: flex;
/* flex-direction: column; */
width: 100%;
justify-content: space-between;
box-shadow: none;
}
.be-widgetWrap .WidgetDateGuests {
color: #000;
}
.be-widgetWrap .ModifySearchBtn {
background-color: transparent;
border: 0;
font-size: 12px;
cursor: pointer;
padding: 0;
border-bottom: 1px dashed #000;
}
.be-widgetWrap .WidgetNightsRooms {
font-weight: 500;
}
/* widget UI for mobile */
@media only screen and (min-width:576px) and (max-width:991px) {
/* .bookingInfo .fa-caret-right:hover+.PriceBreakdown-DayWiseRateData {
left: auto;
right: 0;
top: 75px;
} */
}
@media only screen and (min-width:576px) and (max-width:767px) {
/* .bnr-cls .container{max-width:100%!important} */
/* .be-widgetWrap .beWidget>div{flex:1} */
.be-widgetWrap .beWidget>div.checkIn-OutWrapper {
max-width: -webkit-fill-available
}
.be-widgetWrap .beWidget .form-group.promocodeTxt input {
width: 100% !important;
max-width: 100% !important
}
.be-widgetWrap .beWidget .form-group.promocodeTxt {
width: 100%;
max-width: 25%
}
.be-widgetWrap .beWidget .form-group.checkAvailBtn {
max-width: 100px
}
.be-widgetWrap .beWidget .form-group.checkAvailBtn button.Apply-btn {
width: 100%
}
.rdrCalendarWrapper {
width: 163vh !important
}
.rdrMonths {
width: 100% !important
}
.rdrMonths.rdrMonthsHorizontal .rdrMonth {
width: 100% !important
}
.custom-cal .rdrCalendarWrapper {
width: 480px !important
}
}
.NoRoomAvailable-popup .modal-dialog {
max-width: 580px;
width: calc(100% - 20px);
margin: 0 auto !important
}
@media (max-width:991px) {
.navbar-expand-lg .navbar-nav .dropdown-menu.lag-cls .lag-lst {
overflow-x: hidden
}
.navbar-expand-lg .navbar-nav .dropdown-menu.lag-cls {
position: absolute !important
}
.hdrxtrLinks div#navbarNav ul.navbar-nav {
position: unset !important
}
}
.hamburger-menu-container .hdrxtrLinks {
margin-right: 0 !important
}
.hamburger-menu-container .hdrxtrLinks .mbr-btn.bkrm {
white-space: nowrap
}
.header-pName {
margin-right: 10px
}
.language-dropdown .mbs-css-1dimb5e-singleValue {
margin-right: 0;
}
.crd-info.address-details.p-3 {
padding-top: 0 !important
}
label.address-crd-head {
font-size: 16px !important;
font-weight: 500 !important;
margin-top: 0 !important
}
.form-group.address-details {
margin-bottom: 0
}
.userHover {
border: 0;
background-color: #fff
}
@media (max-width:575px) {
.wdgtWrapp .be-widgetWrap .form-group.guestsearchTxt-moblie {
max-width: 100%;
margin-bottom: 10px;
padding-left: 0;
}
.addroom-another {
display: flex;
align-items: center;
gap: 6px;
}
.adt-chld:hover #adlt-desc {
display: none !important
}
.custom-cal .findAvailChkInOut {
display: block
}
}
.comparePackageModal .modal-title {
font-size: 20px !important
}
.tabPricing {
display: none
}
.tabPricing label {
font-weight: 400;
font-size: 14px;
text-align: right;
display: block
}
.tabPricing .tabCurBtn {
border: 1px solid #333;
border-radius: 8px;
display: flex;
width: -moz-fit-content;
width: fit-content
}
.tabPricing .tabCurBtn .tabCurPrice {
padding: 5px 8px
}
.tabPricing .tabCurBtn .tabCurPrice .origCur {
font-size: 14px;
display: block;
margin: 0;
font-weight: 600;
white-space: nowrap
}
.tabPricing .tabCurBtn .tabBookNow {
background-color: #333;
padding: 5px 6px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0 5px 5px 0;
font-size: 14px
}
.tabPricing .tabCurBtn .tabBookNow .tabBookNowBtn {
color: #fff;
text-transform: uppercase;
text-decoration: none;
background-color: transparent;
border: 0
}
@media (max-width:991px) {
.tabBtnNone,
.tabPriceNone {
display: block;
}
.tabPricing {
display: block
}
}
.adtHvr.adt-chld::before {
content: '|';
position: absolute;
top: 2px;
left: 0;
color: #c4c4c4
}
.adt-chld.adtHvr {
padding-left: 20px
}
.pr-35 {
padding-right: 35px
}
.cntDetails_wrap {
display: flex
}
.cntDetails_wrap .cntyCode {
width: 110px;
margin-right: 15px
}
.cntDetails_wrap .cntcNumber {
width: calc(100% - 125px)
}
.tabPricing .tabCurBtn .tabBookNow button {
background: 0 0 !important;
border: transparent
}
i#fa-map-marker {
pointer-events: none
}
.Room-Image-open {
overflow: hidden
}
label.taxLabel {
font-size: 11px;
font-weight: 400;
color: #000;
overflow: hidden;
margin-bottom: 0;
text-align: right;
}
label.rates.taxLabel {
font-size: 9px;
font-weight: 500;
opacity: 0.7;
}
label.nights.taxLabel {
font-size: 10px !important;
font-weight: 500 !important;
margin-top: 1px;
opacity: 0.9;
}
label.rates.taxLabel,
label.nights.taxLabel {
white-space: nowrap;
}
i.fas.fa-map-marker {
pointer-events: none
}
.fs30 {
font-size: 30px !important
}
.fs20 {
font-size: 20px !important
}
.fs18 {
font-size: 18px !important
}
.fs16 {
font-size: 16px !important
}
.fs14 {
font-size: 14px !important
}
.fs13 {
font-size: 13px !important
}
.fs12 {
font-size: 12px !important
}
.fs11 {
font-size: 11px !important
}
.fs10 {
font-size: 10px !important
}
.fw300 {
font-weight: 300 !important
}
.fw400 {
font-weight: 400 !important
}
.fw500 {
font-weight: 500 !important
}
.fs600 {
font-weight: 600 !important
}
.fw700 {
font-weight: 700 !important
}
.adlt-popover.fade.show {
opacity: 1
}
.adlt-popover {
max-width: unset !important;
z-index: 999 !important;
overflow: visible !important
}
.adlt-popover-body {
width: 300px;
max-height: 268px;
overflow: auto
}
.Apply-btn {
padding: 6px 10px;
border-radius: 4px;
width: 100%
}
.billingAddress {
display: flex;
justify-content: start
}
.availabilityErr {
font-size: 14px;
margin-bottom: 12px;
color: red
}
div#ftr {
padding: 15px 0;
position: sticky;
width: 100%;
z-index: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #cccccc38;
box-shadow: 0px 0px 25px -3px rgba(0, 0, 0, 0.1)
}
#root .main-bx .prty-cls {
margin-bottom: 65px;
display: inline-block;
width: 100%
}
.additional-background {
margin-bottom: 70px;
display: inline-block;
width: 100%
}
.main-bx.reserve-main-box .container-md {
width: 100%;
padding: 0 14px
}
body {
background: #f7f7f7;
}
.srh-rgt div#paymentpage2 {
margin-bottom: 90px
}
.mb-90 {
margin-bottom: 75px
}
.fade.modal-backdrop.show {
z-index: 9999 !important
}
.fade.modal-backdrop.show+.fade.modal.show {
z-index: 100001 !important;
overflow-y: hidden;
}
.CheckAvailabilityModal .modal-dialog {
-webkit-transform: translate(0, -50px) !important;
transform: translate(0, -50px) !important;
}
.home-prty-bx {
position: sticky;
/* top: 70px; */
/* top: 72px */
}
.modalPrgrph.modal-body .form-group.checkCmn.checkIn+.icon-cal {
left: 0;
right: 10px;
margin: auto;
bottom: -14px;
}
@media (max-width:767px) {
div#ftr {
position: inherit
}
#root .main-bx .prty-cls {
margin-bottom: 0
}
.ftr#ftr {
padding: 24px 0;
position: inherit;
}
.custom-date-picker {
width: 100%
}
/* .custom-date-picker .icon-cal {
top: 28px !important;
right: 50px !important
} */
}
/* @media (max-width:575px) {
.custom-date-picker .icon-cal {
top: -12px !important;
right: -28px !important
}
} */
.custom-date-picker {
display: flex;
position: relative;
}
span.css-1u9des2-indicatorSeparator {
display: none !important
}
.css-13cymwt-control {
height: 40px;
border-radius: 2px !important;
border-color: #ddd !important
}
.css-t3ipsp-control:hover {
border-color: #ddd !important
}
.css-1dimb5e-singleValue {
font-size: 14px !important;
color: #212529
}
.css-1nmdiq5-menu {
font-size: 14px !important;
line-height: 1;
color: #212529
}
div#countryCodeDropDwn {
font-size: 14px !important
}
.bg-transparent {
background: 0 0
}
.guest-label {
font-size: 14px;
font-weight: 500
}
.ftrText {
margin-bottom: 0
}
@media (max-width:576px) {
.adlt-tooltip-bottom {
display: none !important
}
}
.complete-booking-section .complete-booking-head {
cursor: pointer
}
.pgLogo {
margin: 0 3px !important;
vertical-align: bottom !important
}
.PgRadio {
width: 10%;
height: 17px;
transform: translateY(2px)
}
.wmr-chat-popup,
.wmr-staah-open-button {
bottom: 60px !important
}
@media (max-width:767px) {
.prty-bx button.sh-mr-ameneties {
padding: 0;
margin-bottom: 0;
height: auto;
width: auto;
position: relative;
bottom: 10px
}
.prty-bx.blur {
padding-bottom: 50px
}
.mb-90,
.srh-rgt div#paymentpage2 {
margin-bottom: 0
}
#root .main-bx .prty-cls,
.additional-background {
margin-bottom: 0
}
.prty-bx .chn-cho {
padding: 0 7px 0 7px
}
}
.beWidget .guestsearchTxt {
box-shadow: unset;
width: auto;
max-width: 235px
}
.add-aroom .Adultselect,
.add-aroom .Childselect {
padding-top: 10px;
margin: 0;
padding: 0;
width: 50%;
float: left
}
/* .add-aroom .Adultselect {
margin-right: 10px
} */
.add-aroom .Adultselect label,
.add-aroom .Guestselect label,
.add-aroom .Childselect label {
font-size: 12px;
display: inline-block;
margin: 0 4px 0 0;
vertical-align: middle;
font-weight: 400px
}
.guestgroup .add-aroom .guest-count-input {
z-index: 1;
position: relative;
width: 100%;
padding: 26px 10px 10px;
display: inline-flex;
background: #fff;
border: 1px solid #ddd;
border-radius: 0;
overflow: visible;
vertical-align: top;
margin-top: 5px
}
.add-aroom .guest-count-input .selectrow {
margin-top: 8px;
height: fit-content
}
.beWidget .guestsearchTxt .guest-input {
width: 100% !important;
max-width: 100% !important
}
.guest_Rooms_Count {
position: absolute;
background: #e9e9e9 !important;
padding: 2px 105px 2px 10px;
top: 0;
left: 0;
right: 0;
z-index: 2;
height: 24px
}
.guest_Rooms_Count label {
padding: 0;
font-size: 12px;
width: 100% !important;
margin: 0
}
.guestInput .pl-ion {
font-size: 14px;
}
.Add_Room_btn {
background-color: transparent;
border-radius: 0;
top: 0;
right: 0;
font-size: 12px;
z-index: 4;
display: inline-block;
position: absolute
}
.guest-count-input .Add_Room_btn button {
display: inline-block;
text-align: center;
border: none;
text-decoration: none;
color: #484747;
font-size: 14px;
height: 16px;
line-height: 10px;
}
.guest-count-input .Add_Room_btn button svg {
height: 12px;
width: 12px;
}
.selectrow .inc-div button.incr-btn {
color: #565656;
float: left;
font-size: 14px;
/* padding: 0; */
width: 30%;
border: 1px solid #efefef
}
input.add-child {
width: auto
}
.beWidget .guestsearchTxt .guest-input input.add-child {
width: 100%
}
.guest-input.form-control.ion-plus-div.d-flex {
width: 100%
}
.pl-ion {
display: flex;
align-items: center
}
.form-group.guestsearchTxt {
position: relative
}
.guestgroup {
position: absolute;
width: 100%;
height: auto;
/* top: 100%; */
}
span.adultchildcount {
margin-right: 2px
}
.guestexceed_modal {
width: 450px
}
input:focus {
outline: 0
}
.rate-plans-modal {
min-width: 900px
}
.rate-plans-modal .modalPrgrph.offcanvas-body {
padding: 20px 50px 20px 50px;
overflow: auto;
flex-grow: 1;
}
.rate-plans-modal .subtitle {
vertical-align: middle;
font-size: 12px;
color: #05844a;
display: inline-block;
margin-left: 10px
}
.rate-plans-modal .offcanvas-header {
gap: 1rem;
padding: 20px 50px 0 50px !important;
}
.rate-plans-modal .modal-title {
font-size: 18px;
gap: 10px;
flex-wrap: wrap;
display: flex;
}
.rate-plan-img {
width: 350px;
height: 246px;
border-radius: 1px !important;
object-fit: cover
}
.chn-cho .chkTime {
margin-left: 4px;
padding: 0;
font-weight: 400
}
.sh-mr-ameneties i.fas.fa-info-circle {
color: #000
}
.yarl__portal_open {
z-index: 9999999999
}
div.guestRateTable {
overflow: auto;
max-height: 252px
}
.package-img {
float: left;
margin: 0 16px 0 0;
text-align: left;
padding-bottom: 10px
}
.room-img-modal {
float: left;
margin: 0 16px 0 0;
text-align: left;
padding-bottom: 10px;
width: 350px !important;
}
.package-content {
display: contents;
text-align: left
}
div.packageImg {
min-height: 250px
}
/* @media (max-width: 900px){
.bnr-cls .HeaderImage img#backimage {
height: 170px;
}
} */
@media (max-width:767px) {
.rate-plan-img {
width: 100%
}
.package-img {
margin: 0;
float: inherit
}
.room-img-modal {
margin: 0;
float: inherit;
}
.modal-header {
padding: 18px
}
.modal-body {
padding: 18px
}
}
.no-Image {
min-height: auto !important
}
.wmr-pop-bx {
visibility: hidden;
display: none
}
.btn_info i {
margin-left: 10px
}
.info button.btn_info {
text-align: left
}
div.caRoomMain div.row {
padding: 10px 0;
}
.prty-dic select {
width: 60px;
/* line-height: 10px; */
padding: 5px 20px 5px 8px;
border: 1px solid #dee2e6;
border-radius: 4px;
}
.spinner {
--clr: rgba(0, 0, 0, 0.658);
--gap: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--gap);
width: 32px;
height: 3px
}
.spinner span {
width: 5px;
height: 5px;
border-radius: 100%;
background-color: var(--clr);
opacity: 0
}
.spinner span:first-child {
-webkit-animation: fade 1s ease-in-out infinite;
animation: fade 1s ease-in-out infinite
}
.spinner span:nth-child(2) {
-webkit-animation: fade 1s ease-in-out .33s infinite;
animation: fade 1s ease-in-out .33s infinite
}
.spinner span:nth-child(3) {
-webkit-animation: fade 1s ease-in-out .66s infinite;
animation: fade 1s ease-in-out .66s infinite
}
@-webkit-keyframes fade {
0%,
100% {
opacity: 1
}
60% {
opacity: 0
}
}
@keyframes fade {
0%,
100% {
opacity: 1
}
60% {
opacity: 0
}
}
.main-bx .pro-ifo .ReadMore-ReadLess-Span p,
.main-bx .pro-ifo .view-ameneties {
display: inline-block;
width: 100%;
}
img.contact-countryFlag {
width: 20px;
margin-right: 5px;
height: auto
}
.quality-new-form input.quantity-input {
height: 25px;
width: 30px;
text-align: center;
border: 1px solid #bebebe;
border-radius: 5px;
padding: 0px;
}
.quality-new-form .text-sm {
font-size: 12px
}
.quality-new-form .font-semibold {
font-weight: 600
}
.quality-new-form .addOns-modal__details {
padding-bottom: 0
}
.gap-3 {
gap: 10px
}
.quantity-form .quality-rate>.d-flex.f-wrap {
/* width: 200px;
max-width: 200px; */
align-self: center;
}
/* .quality-new-form .font-semibold {
display: flex;
align-items: center;
justify-content: center
} */
.quantity-form .quality-rate {
min-width: 280px;
width: 280px
}
.form-check.checkBox {
padding-left: 1.3em
}
.f-wrap {
flex-wrap: wrap;
justify-content: flex-start !important;
align-items: center !important
}
.addOns-modal .d-flex.f-wrap p {
width: 100%;
text-align: left;
/* display: inline-block */
}
.pr-10 {
padding-right: 8px
}
.Be-Alert-Desc,
.Be-Alert-title {
/* padding: 0 42px */
}
.Be-Alert {
padding: 5px 0 !important
}
.Be-Alert-title {
margin-top: 21px;
padding-bottom: 0;
margin-bottom: 0
}
.spinner {
--clr: rgba(0, 0, 0, 0.658);
--gap: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--gap);
width: 32px;
height: 3px
}
.spinner span {
width: 5px;
height: 5px;
border-radius: 100%;
background-color: var(--clr);
opacity: 0
}
.spinner span:first-child {
-webkit-animation: fade 1s ease-in-out infinite;
animation: fade 1s ease-in-out infinite
}
.spinner span:nth-child(2) {
-webkit-animation: fade 1s ease-in-out .33s infinite;
animation: fade 1s ease-in-out .33s infinite
}
.spinner span:nth-child(3) {
-webkit-animation: fade 1s ease-in-out .66s infinite;
animation: fade 1s ease-in-out .66s infinite
}
@-webkit-keyframes fade {
0%,
100% {
opacity: 1
}
60% {
opacity: 0
}
}
@keyframes fade {
0%,
100% {
opacity: 1
}
60% {
opacity: 0
}
}
/* .beWidget .form-group .Apply-btn{margin:7px 0 0 0}
#header.header{height:60px} */
.beWidget .checkAvailBtn {
display: flex;
align-items: center;
justify-content: center;
margin-top: 23px;
}
/* us adult child start */
.apply-disable-filter {
filter: opacity(0.5);
}
.beWidget .guestsearchTxt {
box-shadow: unset;
width: auto;
max-width: 235px;
}
.beWidget .guestsearchTxt .guest-input {
width: 100% !important;
max-width: 100% !important;
}
.prty-dic.prty-dic-after {
width: 100%;
margin: 0px 0px 0px 0px;
}
.prty-dic.prty-dic-after {
width: 100%;
}
.prty-dic.prty-dic-after h4.discount-rate {
margin: 5px 0px 0px 0px;
}
.prty-dic.prty-dic-after .sml-prc.tabPriceNone>span {
display: inline-block;
padding: 0;
margin: 5px 0px 0px 0px;
width: 100%;
}
.guestInput .pl-ion {
font-size: 14px;
padding: 0 8px;
}
.guestInput .guest-input {
padding: 5px 3px;
border-radius: 3px;
line-height: 20px;
}
.Add_Room_btn {
background-color: transparent;
border-radius: 0;
top: 3px;
right: 3px;
font-size: 12px;
z-index: 4;
display: inline-block;
position: absolute;
}
.Add_Room_btn button {
display: inline-block;
text-align: center;
border: none;
text-decoration: none;
color: #484747;
font-size: 14px;
height: 18px;
margin-left: 3px;
}
.inc-div button.incr-btn {
color: #565656;
float: left;
font-size: 14px;
padding: 4px 0 4px;
width: 30%;
border: 1px solid #efefef;
}
input.add-child {
width: auto;
}
.beWidget .guestsearchTxt .guest-input input.add-child {
width: 100%;
}
.guest-input {
width: 100%;
}
.pl-ion {
display: flex;
align-items: center;
}
.add-aroom {
width: 100%;
display: inline-block;
height: auto;
}
.form-group.guestsearchTxt {
position: relative;
}
span.adultchildcount {
margin-right: 2px;
}
input:focus {
outline: none;
}
.wdgtWrapp.container .form-group.guestsearchTxt {
padding-right: 0
}
.be-widgetWrap .beWidget .form-group.guestsearchTxt {
width: 100%
}
.add-aroom,
.add-aroom .guest-count-input,
.add-aroom .guest-count-input .selectrow,
.add-aroom .guest-count-input,
.inc-div {
width: 100%;
}
/* .add-aroom .guest-count-input{ width: 100%;}
.add-aroom .guest-count-input .selectrow{width: 100%;}
.add-aroom .guest-count-input, .inc-div{width: 100%} */
@media (max-width:767px) {
.form-group.guestsearchTxt .guestgroup {
z-index: 999999;
}
}
@media (max-width:576px) {
.guestsearchTxt {
max-width: 100% !important;
width: 100% !important;
padding: 0 !important;
margin-bottom: 10px !important;
}
}
@media (min-width:576px) {
.discountImg.mblNone.discountImgLabel {
margin-bottom: 10px;
}
.discountImg.mblNone.discountImgLabel .discountName {
margin-right: -20px;
}
.discountImg.mblNone.discountImgLabel .discountName+.discImg {
margin-left: 30px;
margin-right: 0;
}
}
@media (max-width: 576px) {
.guestgroup {
position: relative;
}
.add-aroom {
margin-bottom: 8px;
}
.guestgroup .Add_Room_btn button i {
padding-top: 1px;
}
.guestgroup .guest_Rooms_Count {
border: 1px solid transparent !important;
border-radius: 4px 4px 0 0 !important;
}
.add-aroom .guest-count-input {
border-radius: 4px;
}
.inc-div {
border-radius: 4px;
}
.guest_Rooms_Count {
height: 28px;
padding: 4px 0px 2px 10px;
}
.Add_Room_btn {
top: 5px;
right: 5px;
}
.Add_Room_btn button {
border-radius: 2px;
}
.add-aroom .guest-count-input .selectrow {
margin-top: 6px;
}
.add-aroom .Childselect label,
.add-aroom .Adultselect label {
margin: 0 4px 4px 0;
}
.form-group.guestsearchTxt .guestgroup {
z-index: 0 !important;
}
.addroom-another i {
font-size: 11px;
}
}
@media (max-width:480px) {
.guestsearchTxt input {
font-size: 13px !important;
}
}
.ratePlan_mobile-view {
width: 100%;
}
.guestsearchTxt-desktop .guestInput .pl-ion {
height: 16px;
width: 16px;
border-radius: 0;
}
.guestInput .pl-ion i {
font-size: 11px;
padding-top: 2px
}
.guestgroup .Add_Room_btn button {
padding: 0;
margin-top: 1px;
margin-right: 1px;
height: 16px;
width: 16px;
}
.guestgroup .Add_Room_btn button i {
font-size: 11px;
padding-top: 2px
}
/* price breakdown */
/* .PriceBreakdown-DayWiseRateData {
background-color: #f7f7f7;
padding: 5px;
font-size: 14px;
width: 235px;
max-width: 235px;
box-shadow: 1px 1px 5px #c6c6c6;
text-align: left;
max-height: 400px;
overflow-y: auto;
} */
/* .PriceBreakdown-DayWiseRateData table {
font-size: 12px;
} */
/* .PriceBreakdown-DayWiseRateData table {
margin-bottom: 0;
} */
/* .PriceBreakdown-DayWiseRateData {
display: none;
} */
/* .fa-caret-right:hover+.PriceBreakdown-DayWiseRateData,
.mblCurBtn .mblCurPrice:hover .PriceBreakdown-DayWiseRateData {
display: block;
position: absolute;
z-index: 9;
right: 0;
} */
.tabPriceNone,
.mblCurBtn .mblCurPrice {
position: relative;
cursor: pointer;
}
/* .fa-caret-right:hover+.PriceBreakdown-DayWiseRateData {
bottom: 0;
left: auto;
margin: auto;
right: -235px;
top: auto;
} */
/* .sml-prc .PriceBreakdown-DayWiseRateData span {
background: #000;
width: 100%;
color: #fff;
padding: 10px 10px;
margin: 0;
text-align: left;
} */
/* line-height: .5; */
/* .PriceBreakdown-DayWiseRateData table.table {
background: #fff
} */
/* .PriceBreakdown-DayWiseRateData table.table td,
.PriceBreakdown-DayWiseRateData table.table th {
border: none;
padding: 3px 5px
} */
/* .PriceBreakdown-DayWiseRateData table.table thead tr th {
padding-top: 7px
} */
/* .PriceBreakdown-DayWiseRateData table.table tr td.border-top.border-color:after {
border-top: 1px solid #969696 !important;
content: '';
border-color: #000;
height: 1px;
width: 55px;
position: absolute;
right: 0;
top: 0
} */
td.text-end.border-top.border-color {
position: relative;
border: none !important
}
tr.daywise-total td {
font-size: 13px;
font-weight: 600
}
/* .sml-prc span {
float: left;
font-weight: 600;
} */
/* .sml-prc span {
text-align: right;
float: none;
width: 100%;
display: block;
} */
h4.discount-rate {
white-space: inherit;
margin-top: 0;
margin-bottom: 2px;
}
/* .prty-dic.prty-dic-after .sml-prc:before {
clear: both;
content: "\f0da";
margin: auto;
position: absolute;
right: 0;
top: 0;
font-family: 'Font Awesome 5 Free';
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
} */
.prty-dic.prty-dic-after .sml-prc {
position: relative;
padding-right: 15px;
}
.sml-prc.tabPriceNone {
background: transparent !important;
}
.prty-dic.prty-dic-after .sml-prc .Price-BreakDown-Div {
/* width: calc(100% - 15px); */
position: relative;
}
.prty-dic.prty-dic-after .sml-prc.tabPriceNone .Price-BreakDown-Div span.caret-icon {
right: -15px;
}
/* .fa-caret-right:hover .PriceBreakdown-DayWiseRateData {
bottom: 0;
left: 100%;
margin: auto;
right: auto;
top: auto;
} */
.prty-dic.prty-dic-after .sml-prc.tabPriceNone>span {
display: inline-block;
margin: 5px 0 0;
padding: 0;
width: 100%;
}
/* price breakdown end */
.checkIn-OutWrapper .form-group.checkOut label.widgetLabelchkout {
text-align: right;
padding-left: 20px
}
.checkIn-OutWrapper .form-group.checkOut label.widgetLabelchkout+.iconText div#end-Date-Input {
text-align: right;
padding: 6px 20px 6px 15px;
}
.checkIn-OutWrapper .icon-cal {
top: 50%;
left: 15px;
right: 0;
margin: auto;
width: 25px;
}
.iconText {
padding: 0 0
}
form.checkInOutForm div#start-Date-Input {
padding-right: 45px
}
.checkIn-OutWrapper .form-group.checkOut {
margin-left: -1px;
padding: 0
}
.wdgtWrapp.container .form-group.guestsearchTxt {
padding-right: 0
}
.prt-dic-otr .prty-dic.prty-dic-after {
width: 99%;
margin: 0px 0px 0px 5px;
}
.beWidget .checkIn-OutWrapper .checkCmn.checkOut.form-group {
display: inline-grid
}
.beWidget .checkIn-OutWrapper .checkInOutForm {
width: 100%
}
.beWidget .checkIn-OutWrapper .icon-cal {
/* left: 0;
right: 0;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
height: 35px;
top: 22px;
bottom: 0;
width: 0 */
align-items: center;
bottom: auto;
display: flex;
height: 35px;
justify-content: center;
left: 0;
margin: auto;
right: 0;
top: 22px;
width: 0;
}
.beWidget .checkIn-OutWrapper .checkInOutForm .form-group.checkCmn.checkIn {
width: auto
}
.beWidget .checkIn-OutWrapper .checkInOutForm .form-group.checkCmn.checkOut {
width: auto
}
.be-widgetWrap .beWidget .checkIn-OutWrapper {
width: auto
}
.beWidget .checkIn-OutWrapper .checkInOutForm .form-group.checkCmn.checkOut label.widgetLabel.widgetLabelchkout {
padding-left: 15px;
}
.be-widgetWrap .beWidget .form-group.guestsearchTxt {
width: 100%
}
/*
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .PriceBreakdown-DayWiseRateData {
right: -55px;
top: 55px
} */
/* .mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .PriceBreakdown-DayWiseRateData span {
clear: both;
width: 100%;
letter-spacing: normal;
display: block;
line-height: 15px
} */
.beWidget .checkIn-OutWrapper .checkInOutForm .form-group.checkCmn.checkIn .iconText #start-Date-Input {
width: 100%;
margin: auto;
padding: 6px 55px 6px 15px;
}
.beWidget .checkIn-OutWrapper .checkInOutForm .form-group.checkCmn .iconText {
width: 100%
}
/* .prty-dic.prty-dic-after .sml-prc .PriceBreakdown-DayWiseRateData span {
text-align: left;
} */
@media (max-width: 575px) {
.be-widgetWrap .beWidget .checkIn-OutWrapper {
width: 100%;
}
.modalPrgrph.modal-body .form-group.checkCmn.checkIn+.icon-cal {
bottom: -58px;
}
.beWidget .checkIn-OutWrapper .checkInOutForm .form-group.checkCmn.checkIn {
width: 50%;
}
.beWidget .checkIn-OutWrapper .checkInOutForm .form-group.checkCmn.checkOut {
width: 50%;
}
.checkIn-OutWrapper .form-group.checkOut label.widgetLabelchkout+.iconText div#end-Date-Input {
padding: 6px 20px 6px 25px;
}
.beWidget .checkIn-OutWrapper .checkInOutForm .form-group.checkCmn.checkOut label.widgetLabel.widgetLabelchkout {
padding-left: 25px;
}
/* Deekshay start */
.img-glr {
background: transparent;
}
.img-glr .position-relative.w-full {
height: 180px;
}
.toggleInner-link {
display: block;
position: unset;
background: #000;
margin: 20px 0 0 auto;
padding-left: 20px;
padding-right: 20px;
}
.toggleInner-link .new-price {
font-size: 16px;
display: block;
line-height: normal;
}
.img-glr .toggleInner-link .include-text {
font-size: 12px;
display: block !important;
line-height: normal;
}
.prty-bx .sidecard-col-padding .prty-dic.prty-dic-after:first-child {
margin-top: 10px;
}
/* Deekshay end */
}
@media (min-width: 1400px) {
.bnr-cls .HeaderImage img#backimage {
height: 250px !important;
object-fit: cover;
width: 100%;
}
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
max-width: 1400px;
width: 100%;
}
}
.va-dialog-close {
background-color: #fff;
}
@media (max-width: 1399px) {
.bnr-cls .HeaderImage img#backimage {
height: 250px !important;
object-fit: contain;
}
}
@media (max-width: 1199px) {
.bnr-cls .HeaderImage img#backimage {
height: 250px !important;
object-fit: contain;
}
}
@media (max-width: 991px) {
.bnr-cls .HeaderImage img#backimage {
height: 250px !important;
object-fit: contain;
}
}
@media (max-width: 700px) {
.bnr-cls .HeaderImage img#backimage {
height: 100% !important;
object-fit: contain;
}
}
@media (max-width: 643px) {
.bnr-cls .HeaderImage img#backimage {
height: 100% !important;
object-fit: contain;
}
}
@media (max-width: 600px) {
.bnr-cls .HeaderImage img#backimage {
height: 100% !important;
object-fit: contain;
}
}
.sml-prc {
font-size: 17px;
color: #000;
padding-right: 15px;
position: relative;
}
.prty-dic.prty-dic-after .sml-prc.tabPriceNone>span {
display: inline-block;
margin: 5px 0 0;
padding: 0;
width: 100%;
}
/* us adult child end */
/* mobile guest icon issue */
.mblRoomDetails .mblPricing {
display: flex;
justify-content: flex-end;
flex-direction: column;
align-items: flex-end;
width: 100%;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .origCur {
white-space: nowrap;
}
.ratePlan_mobile-view .pckg_nme {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.mblGuests {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
/* mobile guest icon issue */
/* safari issues */
#header.header {
height: 60px;
box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.1);
}
/* .childinfo:last-child {
padding-right: 0px;
} */
.guestDetailLabel {
margin-bottom: 15px;
}
.GuestSearchRow {
justify-content: center;
align-items: center;
}
/* safari issues */
.currency-dropdown .currency-dropdown-list .currency-dropdown-listitem {
margin: 0;
cursor: pointer;
text-wrap: nowrap;
}
.currency-dropdown .currency-dropdown-content {
max-height: 315px;
}
.currency-dropdown .currency-dropdown-content .row {
margin: 0;
}
.currency-dropdown .currency-dropdown-content ul {
padding: 10px;
}
.currency-dropdown .currency-dropdown-content ul li {
padding: 9px 5px;
}
.currency-dropdown .currency-dropdown-content ul li:hover {
background-color: transparent;
}
.language-dropdown-content.show,
.currency-dropdown-content.show {
overflow-x: hidden;
}
.flwdth {
align-items: center;
}
.modal-content {
position: relative;
}
.modal-header {
padding: 0;
}
.checkIn-OutWrapper {
width: 100%;
}
.findAvailChkInOut {
align-items: end;
}
.findAvailChkInOut .icon-cal {
top: 90%;
}
.container.p-0.notranslate {
width: 100%;
}
.row.calender.notranslate {
margin: auto;
}
@media (max-width: 575px) {
.mblRoomDetails .mblRooms .form-select {
width: 70px;
padding: 7px;
font-weight: 600;
}
.MaxGuest-Dflex .rm-icon {
margin: 3px 0;
}
.MaxGuest-Dflex {
margin-top: 0 !important;
}
.isMobile-display {
display: flex !important;
}
.addon-name-button {
padding: 0 10px !important;
}
.jlMSND span.checkbox {
right: 40%;
}
.no-pdng {
padding: 0 !important;
}
.mrgn-btm {
margin-bottom: 1rem;
}
.addon-added {
position: inherit !important;
left: 0 !important;
}
.adult-child-wrap {
justify-content: flex-start !important;
}
.acceptDiv,
.adt-chld .chld-cls,
.drJgCq {
padding-left: 0;
}
.drJgCq {
padding-right: 0;
}
.mobileVisible_pricedetails {
display: inline-block !important;
padding: 15px;
background: rgba(0, 0, 0, 0.6);
text-align: center;
color: #fff;
position: absolute;
top: 257px;
right: 28px;
}
.mobileVisible_pricedetails span.priceAmount {
font-size: 32px;
color: #fff;
}
#root .main-bx button.bkrm,
.mobileVisible_pricedetails p {
margin: 0;
}
.prt-dic-otr .prty-dic {
padding: 15px 0;
}
.mobile-none {
display: none;
}
.desktop-none {
display: block !important;
}
.prty-bx h3 {
font-size: 20px;
font-weight: 500;
/* margin-bottom: 20px; */
}
.mr-inf h4 {
margin-top: 15px;
}
.prt-dic-otr .prty-dic .col-md-3.col-sm-3.col-xs-3 {
justify-content: flex-end !important;
}
.pro-ifo p,
span.separator+.form-group label {
margin-top: 10px;
}
.wdgtWrapp.container .be-widgetWrap .react-datepicker .react-datepicker__month-container {
width: 100% !important;
}
div#adlt-desc {
right: 0;
}
div#adlt-desc:after {
right: 20px;
left: inherit;
}
.main-bx {
padding-top: 20px;
}
.back-btn.mb-5 {
margin-bottom: 20px !important;
}
}
/* .mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .PriceBreakdown-DayWiseRateData {
right: -55px;
top: 55px;
} */
/* .mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .PriceBreakdown-DayWiseRateData span {
clear: both;
width: 100%;
letter-spacing: normal;
display: block;
line-height: 15px;
} */
.mblRoomDetails .mblPricing {
display: flex;
justify-content: flex-end;
flex-direction: column;
align-items: flex-end;
width: 100%;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .origCur {
white-space: nowrap;
}
.mblRoomDetails .mblPricing label,
.mblRoomDetails .mblRooms label {
font-weight: 400;
}
@media (max-width: 767px) {
.ratePlan_mobile-view .adt-chld {
margin-left: 10px;
position: relative;
padding-left: 15px;
}
.ratePlan_mobile-view .adt-chld .adlt-img {
position: relative;
top: 1px;
}
.mblRoomDetails .mblPricing label,
.mblRoomDetails .mblRooms label {
font-size: 14px;
}
.mblRoomDetails .mblPricing label {
text-align: right;
display: block;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice {
padding: 5px 8px;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .cyrLineThrough {
font-size: 13px;
text-decoration-color: red;
text-decoration-line: line-through;
display: block;
margin: 0;
text-align: center;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .origCur {
font-size: 14px;
display: block;
margin: 0;
font-weight: 600;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblBookNow {
background-color: #333;
padding: 5px 6px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0 5px 5px 0;
font-size: 14px;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblBookNow .mblBookNowBtn {
color: #fff;
text-transform: uppercase;
text-decoration: none;
background-color: transparent;
border: 0;
padding: 1px 6px;
}
}
@media (max-width: 991px) {
.pr-35 {
padding-right: 0;
}
.mblRoomDetails {
display: flex;
justify-content: space-between;
}
.mblRoomDetails .mblRooms {
margin-right: 10px;
}
.mblRoomDetails .mblPricing .mblCurBtn {
border: 1px solid #333;
border-radius: 8px;
display: flex;
width: fit-content;
}
.mblRoomDetails .mblPricing label,
.mblRoomDetails .mblRooms label {
font-size: 14px;
}
.mblRoomDetails .mblPricing label {
text-align: right;
display: block;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice {
padding: 5px 8px;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .cyrLineThrough {
font-size: 13px;
text-decoration-color: red;
text-decoration-line: line-through;
display: block;
margin: 0;
text-align: center;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .origCur {
font-size: 14px !important;
display: block;
margin: 0;
font-weight: 600;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblBookNow {
background-color: #333;
padding: 5px 6px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0 5px 5px 0;
font-size: 14px;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblBookNow .mblBookNowBtn {
color: #fff;
text-transform: uppercase;
text-decoration: none;
background-color: transparent;
border: 0;
}
.bookedRoom-selectedDiv {
padding: 8px 0;
}
}
.language-Name {
letter-spacing: .5px;
font-size: 14px;
font-weight: 400;
/* text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; */
margin: 0;
display: block;
}
.language-flagImage {
height: 11px !important;
margin-right: 5px !important;
width: 16px !important;
}
.currency-countryName {
letter-spacing: .5px;
font-size: 14px !important;
margin: 0;
}
.add-aroom .Adultselect {
color: #000 !important;
}
.Childselect label {
color: #000 !important;
}
.Guestselect label {
color: #000 !important;
}
.language-dropdown-list span {
color: #000 !important;
}
.currency-dropdown-list span {
color: #000 !important;
background-color: white !important;
}
.language-dropdown-content ul li:hover {
background-color: white !important;
}
.currency-dropdown-list {
display: block !important;
align-items: center;
}
.currency-dropdown-content ul li:hover {
background-color: white !important;
}
.modal-content {
padding: 0px !important;
}
.modal-header {
/* padding: 20px !important; */
}
.modal-header {
border-bottom: transparent;
color: #fff;
padding: 15px 40px !important;
}
.va-dialog-main-wrapper {
border: none !important;
}
.bookBtnBg {
border: none;
}
.modal.show .modal-dialog {
transform: none !important;
}
.language-dropdown .mbs-dropbtn {
/* margin-right: 25px;
width: 115px !important; */
}
.mbs-language-selected-active {
background-color: #fff !important;
}
.checkInout-wrapper .fas {
color: #919191;
font-size: 14px;
}
.checkInOutLable {
font-weight: 500;
font-size: 12px;
}
.showDateLable {
color: #151515;
font-size: 13px;
font-weight: 500;
margin-bottom: 0;
}
.bkrm {
border-radius: 4px;
color: #fff;
font-size: 14px;
padding: 4px 20px;
transition: .35s;
/* width: 100% !important; */
}
.sidecard-col-padding {
padding-left: 7.5px;
/* padding-right: 7.5px; */
}
.main-room-card-padding {
padding-right: 7.5px;
/* padding-left: 7.5px; */
}
.multipleImage-clone img {
border-radius: 0px !important;
}
.dialcode-dropdown .dialcode-dropbtn {
border: 1px solid #ddd !important;
height: 40px;
border-radius: 5px 0px 0px 5px !important;
border-right: 0 !important;
}
.dialcode-dropbtn .countryName {
width: auto;
}
.dialcode-dropdown-content ul li {
padding: 3px 16px !important;
}
.dialcode-dropdown-content {
/* width: 270px !important; */
}
.dialcode-dropdown-content.show {
height: 250px !important;
}
.fa-long-arrow-alt-right:before {
content: "\f30b";
}
/* .PriceBreakdown-DayWiseRateData {
font-weight: 400 !important;
} */
.modalPrgrph .mb-5 h3 {
margin-bottom: 5px !important;
}
.va-main-header {
padding: 15px 40px !important;
}
.view-aminities-dialog-body {
margin: 0 !important;
padding: 15px 40px !important;
}
.va-roomName {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.prty-cls {
display: inline-block;
margin-bottom: 65px;
width: 100%;
}
.bookHeaderFooterColor .btn-close {
margin-right: 0;
margin-left: auto;
background-color: white;
border-radius: 2px;
opacity: 1;
}
.spinner {
font-size: 50px;
position: relative;
display: inline-block;
width: 1em;
height: 1em;
}
.spinner.center {
/* position: absolute; */
height: 350px !important;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.spinner.bewidgetcenter {
position: absolute;
height: 350px !important;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.spinner .spinner-blade {
position: absolute;
left: 0.4629em;
bottom: 50%;
width: 0.074em;
height: 0.2777em;
border-radius: 0.0555em;
background-color: transparent;
-webkit-transform-origin: center -0.2222em;
-ms-transform-origin: center -0.2222em;
transform-origin: center -0.2222em;
animation: spinner-fade9234 1s infinite linear;
}
.spinner .spinner-blade:nth-child(1) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.spinner .spinner-blade:nth-child(2) {
-webkit-animation-delay: 0.083s;
animation-delay: 0.083s;
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
.spinner .spinner-blade:nth-child(3) {
-webkit-animation-delay: 0.166s;
animation-delay: 0.166s;
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
.spinner .spinner-blade:nth-child(4) {
-webkit-animation-delay: 0.249s;
animation-delay: 0.249s;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.spinner .spinner-blade:nth-child(5) {
-webkit-animation-delay: 0.332s;
animation-delay: 0.332s;
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
.spinner .spinner-blade:nth-child(6) {
-webkit-animation-delay: 0.415s;
animation-delay: 0.415s;
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg);
}
.spinner .spinner-blade:nth-child(7) {
-webkit-animation-delay: 0.498s;
animation-delay: 0.498s;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.spinner .spinner-blade:nth-child(8) {
-webkit-animation-delay: 0.581s;
animation-delay: 0.581s;
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg);
}
.spinner .spinner-blade:nth-child(9) {
-webkit-animation-delay: 0.664s;
animation-delay: 0.664s;
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg);
}
.spinner .spinner-blade:nth-child(10) {
-webkit-animation-delay: 0.747s;
animation-delay: 0.747s;
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.spinner .spinner-blade:nth-child(11) {
-webkit-animation-delay: 0.83s;
animation-delay: 0.83s;
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg);
}
.spinner .spinner-blade:nth-child(12) {
-webkit-animation-delay: 0.913s;
animation-delay: 0.913s;
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg);
}
@keyframes spinner-fade9234 {
0% {
background-color: #69717d;
}
100% {
background-color: transparent;
}
}
.language-dropdown .mbs-dropbtn {
margin-right: 0;
/* width: auto !important; */
padding: 15px 5px !important;
max-width: initial;
}
.hdrxtrLinks [class$="-singleValue"] {
margin-right: 0 !important;
position: inherit;
gap: 0;
margin-left: 0 !important;
}
.language-dropdown .language-flagImage {
margin-right: 5px !important;
}
.language-dropdown .language-dropdown-content,
.currency-dropdown .currency-dropdown-content.show {
min-width: 712px !important;
box-shadow: 0 3px 12px rgb(0 0 0 / 5%) !important;
overflow-y: unset !important;
margin-top: 0 !important;
padding: 5px !important;
border-radius: 0 !important;
border-color: hsla(0, 0%, 100%, .2) !important;
}
.mbscolumn {
padding: 0 !important;
}
.language-dropdown-content ul li {
padding: 5px !important;
}
.language-dropdown-list {
line-height: 13px !important;
padding: 0 6px !important;
}
span.currencyConvertor {
padding-right: 0;
}
.hdrxtrLinks .mbs-dropbtn {
padding: 15px 20px !important;
align-items: center;
width: auto !important;
}
.language-dropdown-list {
display: flex;
align-items: center;
line-height: 13px;
padding: 0 6px;
}
.language-dropdown-content ul>.row {
margin: 0;
}
.currency-dropdown-content {
background-color: #fff !important;
}
.language-dropdown-content.show {
background-color: #fff !important;
}
.currency-dropdown .currency-dropdown-content ul {
padding: 0px !important;
}
.form-group label {
margin-bottom: 5px;
}
.container,
[class*="col"] {
padding-left: 7.5px;
padding-right: 7.5px;
}
.row {
margin-left: -7.5px;
margin-right: -7.5px;
}
.currency-dropdown .currency-dropdown-content.show {
background: #fff;
margin-top: -5px !important;
}
.language-dropdown .language-dropdown-content.show,
.currency-dropdown .currency-dropdown-content.show {
animation-name: bounceInDown;
}
.currency-dropdown .currency-dropdown-content ul {
padding: 0;
}
span.currencyConvertor {
margin: 0;
}
.currency-dropdown .currency-dropdown-content {
max-height: unset;
}
.currency-dropdown .currency-dropdown-content ul {
max-height: 315px;
overflow: auto;
}
.currency-dropdown .currency-dropdown-content.show hr {
margin: 10px 0 10px 8px;
}
.beWidget input.add-child {
padding: 0 2px !important;
}
.guestsearchTxt-desktop .guestInput .pl-ion {
margin-top: 3px;
}
.Apply-btn,
.guestInput .guest-input,
.beWidget .form-group .form-control.promoinput {
line-height: 21px;
}
.searchWidget .checkinOut label,
.beWidget .form-group .widgetLabel,
.mbs-input-label,
.lst-rm,
button.sh-mr-ameneties.notranslate {
line-height: 18px;
}
.multipleImage-clone {
line-height: 14px;
height: 30px;
}
.beWidget input.PromoInput::placeholder {
border: 1px solid transparent !important;
}
::-webkit-scrollbar-thumb {
background: #b3b3b3;
-webkit-box-shadow: none;
box-shadow: none;
}
.be-widgetWrap .form-group.guestsearchTxt-desktop br {
display: none;
}
.rm-icon-inner.rm-user span,
.rulers-tooltip span {
line-height: normal;
}
.sidenav {
padding-top: 0;
}
.sidenav~.nav-bar-btn {
padding-right: 5px;
}
.dpicker-minimumstay .minimum-stay-number {
transform: translate(50%, -22%);
}
.beWidget .form-group .form-control.promoinput,
.guestInput .guest-input {
height: 34px;
}
.main-bx .pro-ifo .ReadMore-ReadLess-Span p {
margin-bottom: 0px;
}
.bookBtnBg {
line-height: 19px;
border-radius: 4px !important;
margin-top: 0 !important;
}
.acceptDiv .checkbox {
margin-top: 10px;
margin-bottom: 10px;
padding-left: 20px;
}
.bkrm {
margin: 10px 5px 10px;
padding: 5px 10px;
width: auto !important;
}
.CheckAvailabilityModal .modal-header {
padding: 15px 40px !important;
border-radius: 3px;
}
.modalPrgrph label.widgetLabel {
/* display: none; */
}
.availabilityErr~.notranslate {
margin-top: 25px;
}
.rdrMonth .rdrMonthName {
margin-top: 20px;
}
.rdrCalendarWrapper .rdrMonthAndYearWrapper {
top: 3px;
}
.rdrMonthAndYearWrapper button.rdrNextPrevButton {
margin: 0 0.833em !important;
}
.rdrDay .rdrDayNumber>div.room-rate {
padding: 0;
}
.rdrDays button.rdrDay {
width: 14.28571%;
}
.CheckAvailabilityModal .modal-content {
border-radius: 4px;
}
.modalPrgrph.modal-body .form-group.checkCmn.checkIn+.icon-cal {
bottom: 0;
right: -42px;
}
.checkInOutForm .checkCmn .date-input {
line-height: 18px;
}
.prty-dic {
margin: 0 0 0 5px;
width: 99%;
}
.prty-dic>.row {
margin: 0;
}
.prty-bx .crd-head,
.prty-bx .crd-info {
padding: 10px !important;
}
.room-rate .dpicker-minimumstay {
border-width: 12px;
}
.currency-dropdown .currency-countryName {
margin: 0;
}
.info button.btn_info {
font-weight: 500;
}
.caRoomMain .roomSize label {
margin-bottom: 5px;
}
.prty-dic select {
padding: 3.5px 15px 3.5px 7.5px;
height: 30.5px;
/* background-position: 85% 50%; */
background-position: right 8px center !important;
}
label.taxLabel {
margin-bottom: 0;
line-height: 15px;
}
.discountImg {
right: 0;
}
h4.discount-rate {
margin-bottom: 0;
line-height: 14px;
}
.pckg_nme .sml-prc>span {
padding-bottom: 0;
margin-bottom: 0;
line-height: 15px;
}
.sml-prc,
.va-dialog-main-wrapper,
.be-widgetWrap .form-group.guestsearchTxt-desktop {
line-height: normal;
}
.sidenav {
padding-top: 0 !important;
}
.sidenav .navmenus {
margin-left: 0;
width: 100%;
padding: 30px 15px;
}
.sidebar-overlay~.sidenav a {
font-size: 14px;
}
/* Second PAgae */
.home-prty-bx {
/* top: 75px; */
}
.rm-icon-inner {
margin-right: 0;
}
.booking-details-head .down-icon {
padding: 1px 6px;
display: flex;
}
div.r-name-sidecard {
line-height: 21px;
}
.rs-rm-dtl .rs-cls+.r-name-sidecard i {
margin-right: 5px !important;
}
.rs-rm-dtl h4 {
line-height: 0px;
}
button.ratePname {
line-height: 14.4px;
}
.rm-icon-inner i {
font-size: 19.2px;
}
.checkin-lable {
margin: 0;
}
.checkInout-wrapper .fas {
margin-right: 5px !important;
}
.show-date-wrapper {
display: block;
}
.ShowDateWrapper .check-line {
margin: 0 0.5px;
}
.prty-bx .rs-rm-prc label {
font-size: 14px;
}
.prty-bx .tt-amount {
/* margin-right: 8px !important; */
}
.prty-bx .g-total-inner.total-pay {
margin-bottom: 15px;
border-bottom: 1px solid #ebebeb;
}
/* Second Page */
.prty-bx .form-control {
padding: 3.75px 7.5px;
font-weight: 400;
}
.prty-bx .p-3.py-4.border-bottom {
padding: 15px 10px !important;
}
.prty-bx .p-3.pb-1 {
padding: 10px 10px 2.5px !important;
}
.prty-bx .p-3.pb-1 .form-control {
margin-bottom: 15px !important;
}
.crd-head label {
font-size: 16px;
font-weight: 700;
margin-bottom: 5px;
}
.custon_toggle_switch input[type=checkbox] {
position: absolute;
}
.BootstrapSwitchButton_booking .custon_toggle_switch {
margin-top: 4px;
}
.BootstrapSwitchButton_booking {
margin-bottom: 10px !important;
}
.crd-info .form-group label {
margin-top: 10px;
}
.dialcode-dropbtn .flagImage {
width: 20px;
margin-top: 1px;
}
.form-group .dialcode-dropdown .dialcode-dropbtn .dialcode-dropbtn-item {
padding-right: 4px;
padding-left: 9px;
width: auto !important;
}
.form-group .dialcode-dropdown .dialcode-dropbtn .dialcode-dropbtn-item.countryCode {
padding-left: 0;
}
.dialcode-dropbtn [class$="-singleValue"] {
gap: 0;
z-index: 0 !important;
}
span.separator {
margin-bottom: 10px !important;
margin-top: 10px !important;
}
.billingAddress h4 {
font-size: 15px;
}
.cntct-details .col-md-12>.form-group {
margin-bottom: 15px;
}
.g-total-inner.total-pay label {
font-weight: 700;
}
.bkrm.confirm-booking,
.bkrm.back-btn {
padding: 5px 13px;
}
.adt-chld .chld-cls span.chld-img {
margin-top: 0;
}
.addon-modal-content {
min-width: 500px;
}
.addOns-modal__image-container {
border-radius: 5px;
}
.addOns-modal__image-container .sticky-amount.no-addon-img {
margin: 5px 0 !important;
}
.addOns-modal__inner-content .addOns-modal__details .checkBox .form-check-input {
padding: 7px;
}
.addOns-modal__modal-footer {
text-align: right;
}
.addOns-modal__modal-footer button {
margin: 0;
padding: 5px 20px;
}
.mb-3 {
margin-bottom: 10px !important;
}
.pro-ifo .bookedRoom {
margin: 5px 0;
}
.pro-ifo .bookedRoom span {
font-weight: 500;
}
.complete-booking-section .rm-icon-inner {
margin-right: 0;
}
.rs-rm-dtl .rs-rm-prc span {
font-size: 14px;
}
.dialcode-dropdown {
width: 100%;
}
.bkrm.confirm-booking,
.bkrm.back-btn {
margin-bottom: 0;
}
/* 24-01-2024 */
.addon-modal-content {
min-width: 500px !important;
}
.addon-modal-header {
background-color: #fff !important;
border-bottom: 0;
border-radius: 15px 15px 0 0 !important;
padding: 20px;
}
.addOns-modal__image-container .sticky-amount span {
padding-right: 0 !important;
}
.addOns-modal__inner-content .addOns-modal__details .checkBox {
min-height: auto;
height: 16px;
}
.addOns-modal__inner-content .addOns-modal__details .checkBox .form-check-input {
padding: 7px;
}
.quality-new-form.mb-2 {
margin-bottom: 5px !important;
}
button.bkrm.w-auto.fs14.fw500 {
margin: 0;
padding: 4px 20px;
}
.addOns-modal__modal-footer {
text-align: right;
}
.pro-ifo .bookedRoom {
padding: 2px 5px;
}
span.addons_label {
font-size: 14px;
color: #212529;
font-weight: 500;
margin-bottom: 5px;
display: inline-block;
}
.crd-info.p-3 button.bkrm {
padding: 5px 20px;
line-height: 18px;
}
.modal-body p {
margin-bottom: 10px;
}
.roomExtraDetails .early-time-policy-modal {
padding-top: 0;
}
.roomExtraDetails .early-time-policy-modal-content {
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.addon-modal-content .noAddonImg {
top: 21px;
border-bottom: none;
}
.labelWrapper .GuestInputLable {
color: #000 !important;
}
/* //Responsive 991 */
@media only screen and (min-width: 576px) and (max-width: 991px) {
/* .bookingInfo .fa-caret-right:hover+.PriceBreakdown-DayWiseRateData {
min-height: fit-content;
top: 155px;
} */
.sml-prc span {
/* float: unset !important; */
font-weight: 400 !important;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.pro-ifo.discRibbon {
margin-top: 0;
}
}
/* @media (max-width: 991px) and (min-width: 768px) {
.pro-ifo.discRibbon {
padding-bottom: 45px;
}
} */
@media (max-width: 1200px) {
.beWidget .form-group {
padding: 0 10px;
}
}
@media (max-width: 991px) {
.pro-ifo.discRibbon .mobile-none {
margin-top: 12px;
}
div.caRoomMain div.row {
padding: 0;
}
.info button.btn_info {
font-weight: 400;
}
.mblRoomDetails .mblPricing label {
margin: 0 0 5px;
}
.mblRoomDetails .mblPricing label.taxLabel {
margin: 5px 0;
}
.bookingInfo .sml-prc span {
font-size: 14px !important;
line-height: 21px;
padding-bottom: 0;
}
.prty-dic .caRoomMain,
.prty-dic .guestsSize {
margin-bottom: 15px;
}
.prty-dic>.row {
margin-left: -7.5px;
margin-right: -7.5px;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblBookNow .mblBookNowBtn {
padding: 1px 6px;
}
span.adultchildcount {
display: inline-block;
}
.prty-dic .bookingInfo {
margin-top: 0;
}
.prty-dic .caRoomMain {
display: flex;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .cyrLineThrough {
font-size: 13px !important;
}
}
/* Guest 1 and Guest2 */
.noAddonImg {
top: 25px;
border-bottom: none;
}
.va-dialog-main-wrapper .bookHeaderFooterColor .btn-close {
padding: 0;
border-radius: 3.75px;
width: 26px;
height: 26px;
}
.view-aminities-columns {
padding-left: 0;
padding-right: 0;
}
.caRoomMain .info button.btn_info {
font-weight: 400;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
/* font-weight: 700; */
}
.modalPrgrph .no-Image.mb-5.mt-5 {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.modalPrgrph p {
margin-bottom: 10px;
}
.modalPrgrph .mb-5 {
margin-bottom: 30px !important;
}
.offcanvas-header .btn-close {
padding: 5px;
font-size: 16px;
}
.labelWrapper .mbs-input-label {
/* line-height: 21px; */
}
.prty-bx .p-3.py-4.border-bottom .col-lg-4 {
/* padding-top: 8px !important; */
/* margin-top: 5px!important; */
}
.addon-reserve {
margin: 0;
}
.addon-reserve button {
font-weight: 700;
}
.crd-info.p-3 button.bkrm {
padding: 5px 10px;
line-height: 18px;
font-size: 12px;
}
#paymentpage2 .hide_terms .checkbox label,
#paymentpage2 .hide_terms+div .checkbox label,
.totalwrap .totalInnerWrap label {
font-weight: 400;
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
.pro-ifo.discRibbon .mobile-none {
margin-top: 0;
}
}
@media only screen and (max-width: 576px) {
.be-widgetWrap .form-group.guestsearchTxt-moblie {
max-width: 100% !important;
padding: 0;
}
.beWidget .checkAvailBtn {
margin-top: 26px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.pro-ifo.discRibbon {
margin-top: 0;
}
.pro-ifo.discRibbon .mobile-none {
/* margin-top: 10px; */
}
}
/* @media (max-width: 991px) and (min-width: 768px) {
.pro-ifo.discRibbon {
padding-bottom: 45px;
}
} */
@media (max-width: 1200px) {
.beWidget .form-group {
padding: 0 10px;
}
}
@media (max-width: 991px) {
div.caRoomMain div.row {
padding: 0;
}
.info button.btn_info {
font-weight: 400;
}
.mblRoomDetails .mblPricing label {
margin: 0 0 5px;
}
.mblRoomDetails .mblPricing label.taxLabel {
margin: 5px 0;
}
.bookingInfo .sml-prc span {
font-size: 14px !important;
line-height: 21px;
}
.i-icon i+.discount-rate-text {
font-size: 12px !important;
line-height: 16px;
}
.prty-dic .caRoomMain,
.prty-dic .guestsSize {
margin-bottom: 15px;
}
.prty-dic>.row {
margin-left: -7.5px;
margin-right: -7.5px;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblBookNow .mblBookNowBtn {
padding: 1px 6px;
}
span.adultchildcount {
display: inline-block;
}
.prty-dic .bookingInfo {
margin-top: 0;
}
.prty-dic .caRoomMain {
display: flex;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .cyrLineThrough {
font-size: 13px !important;
}
/* .bookingInfo .fa-caret-right:hover+.PriceBreakdown-DayWiseRateData {
min-height: fit-content;
top: 155px;
left: auto;
right: 0;
} */
}
@media (max-width: 767px) {
.be-widgetWrap .beWidget .checkIn-OutWrapper {
/* width: auto !important; */
}
.checkInOutForm .searchWidget .formGroup .input .checkinDate {
min-width: auto;
}
}
@media (max-width: 720px) {
/* .container.p-0 {
padding-left: 7.5px !important;
padding-right: 7.5px !important;
} */
.be-widgetWrap {
/* display: block;
max-width: calc(100% - 15px);
margin: 10px auto !important; */
margin-right: 7.5px;
margin-left: 7.5px;
}
}
@media (max-width: 575px) {
.main-bx {
padding-top: 0;
}
.CheckAvailabilityModal .modal-header {
padding: 15px 20px !important;
}
.addon-modal-dialog .addon-modal-content {
min-width: auto;
width: 100%;
}
.addon-modal-content .addon-modal-dialog {
width: 90%;
}
}
.reserve-main-box .child-age-wrapper {
flex-wrap: wrap;
}
.prty-bx .checkbox input[type=checkbox] {
position: relative;
width: auto;
margin-right: 5px;
}
.prty-bx label {
margin-bottom: 0px;
cursor: pointer;
}
.prty-bx .checkbox {
display: flex;
align-items: center;
margin-bottom: 5px;
}
/* .selectWrapperInside {
margin-top: 8px;
}
.dialcode-dropdown {
margin-top: 8px;
} */
.property-description-wrapper {
max-height: 320px !important;
overflow: auto;
overflow-x: hidden;
}
/* Collect CC Buttons */
.paymentItem,
.radioItem label:after {
border: 2px solid #e7e47f !important;
}
.paymentItem {
background: #f8f8f8;
border: 2px solid #bebebe66;
border-radius: 5px;
padding: 10px;
position: relative;
transition: all .2s ease-in-out;
width: 100%;
}
.radioItem [type=radio] {
bottom: 0;
cursor: pointer;
left: 0;
margin: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.radioItem [type='radio']:checked~label {
border-color: #e7e47f !important;
}
.radioItem label {
cursor: pointer;
font-size: 18px;
font-weight: 500;
padding-left: 28px;
position: relative;
text-transform: capitalize;
white-space: nowrap;
}
.paymentItem .bold {
font-weight: 600;
}
.radioItem label:before {
border-left: 2px solid #e7e47f !important;
border-bottom: 2px solid #e7e47f !important;
}
.radioItem label:before {
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
height: 5px;
left: 5px;
opacity: 0;
top: 10px;
transform: rotate(-45deg);
transition: .4s ease-in-out;
visibility: hidden;
width: 10px;
z-index: 2;
}
.paymentItem .radioItem label:after {
border-radius: 50px;
}
.radioItem label:after {
border: 2px solid #e7e47f !important;
}
.radioItem label:after {
background: #fff;
border: 2px solid #dfdfdf;
height: 20px;
left: 0;
top: 4px;
transition: .4s ease-in-out 0s;
width: 20px;
z-index: 1;
}
.radioItem label:after,
.radioItem label:before {
content: "";
cursor: pointer;
position: absolute;
}
.radioItem label {
cursor: pointer;
font-size: 18px;
font-weight: 500;
padding-left: 28px;
position: relative;
text-transform: capitalize;
white-space: nowrap;
}
/* .paymentItem:hover,
.rsv-btn .bkrm,
.bkrm.confirm-booking,
.bkrm {
background: #e7e47f !important;
color: #181616 !important;
border: 2px solid #181616 !important;
} */
.paymentItem:hover {
background-color: #fff;
border-color: #4745df;
cursor: pointer;
}
/* .paymentItem:hover,
.rsv-btn .bkrm,
.bkrm.confirm-booking,
.bkrm {
background: #000 !important;
color: #fff !important;
border: 2px solid #fff !important;
} */
.paymentItem:hover .radioItem [type=radio]~label:after {
background-color: #4745df;
border-color: #4745df;
transform: scale(1);
}
.paymentItem:hover {
color: #181616 !important;
}
.paymentItem:hover .radioItem [type=radio]~label:before {
opacity: 1;
visibility: visible;
}
.PgRadio {
height: 17px;
transform: translateY(2px);
width: 10%;
}
.searchinOut .dayUseCheckBox {
width: fit-content;
}
.checkIn-OutWrapper .checkInOutForm .checkIn .dayuseCheckIn {
border-right: 1px solid black !important;
border-radius: 2px;
}
/* airpoint css */
.verifiedwrapper {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
height: 100%;
gap: 5px;
}
.btn {
display: inline-block;
position: relative;
min-width: 140px;
padding: 0 25px;
height: 46px;
background-color: #00ab49;
color: #fff;
border-radius: 7px;
border: 1px solid transparent;
text-align: center;
/* line-height: 38px; */
font-size: 14px;
/* font-family: Helvetica, sans-serif; */
-webkit-font-smoothing: antialiased;
-webkit-appearance: button;
cursor: pointer;
transition: background-color 0.5s;
background-color: #00923e;
&:hover,
&:focus-visible,
&:focus {
/* background-color: #00923e; */
color: #fff;
}
.go & {
margin-bottom: 50px;
}
&.drawn {
background-color: #a33;
&:hover {
background-color: #a11;
}
}
&[data-add-to-basket="ready"] {
transition: background-color 0s;
&:hover {
transition: background-color 0.5s;
background-color: #00923e;
}
&:after {
content: '';
position: absolute;
height: 22px;
width: 7px;
top: 14px;
right: 15px;
background-size: 6px 20px;
background-repeat: no-repeat;
display: block;
}
}
&[data-add-to-basket="loading"] {
background-color: #eaeaea;
color: #222;
cursor: not-allowed;
cursor: default;
&:after {
content: '';
position: absolute;
top: 8px;
right: 13px;
display: block;
z-index: 1000;
box-sizing: border-box;
border-top: 2px solid #00ab49;
border-bottom: 2px solid #00ab49;
border-left: 2px solid #00ab49;
border-right: 2px solid transparent;
border-radius: 50%;
height: 24px;
width: 24px;
animation: spin 2s infinite;
&:after {
display: none;
background: none;
z-index: 0;
}
}
}
&[data-add-to-basket="added"] {
cursor: default;
background-color: #eaeaea;
color: #222;
margin-bottom: 0;
&:after {
background-image: none;
}
}
}
.remove {
cursor: pointer;
&[data-state="closed"] {
background-color: #eaeaea;
color: #222;
opacity: 0;
transition: all 0.2s;
}
&[data-state="open"] {
opacity: 1;
transition: all 0s;
}
}
.circ {
opacity: 0;
stroke-dasharray: 130;
stroke-dashoffset: 130;
}
.tick {
stroke-dasharray: 50;
stroke-dashoffset: 50;
}
.add-to-basket--button-wrap {
position: relative;
margin: 0 auto;
display: flex;
gap: 10px;
align-items: center;
&[data-state="added"] {
svg .path {
opacity: 1;
stroke-dashoffset: 0;
&.circ {
transition: all 1s;
}
&.tick {
transition: stroke-dashoffset 1s 0.5s ease-out;
}
}
}
.error-message {
font-size: 13px;
color: #ff0000;
margin-bottom: 0;
}
.add-to-basket--tick-animation {
position: absolute;
top: 2px;
right: 14px;
z-index: 2;
width: 24px;
.add-to-basket--tick-icon {
max-width: 24px;
display: block;
height: 24px;
margin: 0 auto;
.circ {
transition: none;
}
.tick {
transition: none;
}
}
}
}
.go {
.tick-icon {
max-width: 120px;
display: block;
margin: 0 auto;
}
.circ {
transition: all 1s;
transition: none;
}
.tick {
transition: stroke-dashoffset 1s 0.5s ease-out;
transition: none;
}
.drawn+svg {
.path {
opacity: 1;
stroke-dashoffset: 0;
&.circ {
transition: all 1s;
}
&.tick {
transition: stroke-dashoffset 1s 0.5s ease-out;
}
}
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes fade {
0% {
opacity: 0.5;
}
100% {
opacity: 1.0;
}
}
.error-message i {
margin-right: 5px;
}
@media only screen and (max-width: 991px) {
.add-to-basket--button-wrap {
flex-direction: column;
align-items: flex-start;
}
}
/* airpoint css */
.i-bg {
background: #fff;
}
.form-control {
padding-left: 10px !important;
border: 1px solid #c9c7c7 !important;
}
.subscribe-wrapper {
color: #4d4d4d;
padding-left: 20px !important;
margin: 10px 0px 10px 0px;
}
.acceptlabel {
color: #000000;
}
.dialcode-dropdown .dialcode-dropbtn {
border: 1px solid #c9c7c7 !important;
width: 115px;
align-items: center;
border-right: 0px !important;
border-radius: 5px 0px 0px 5px;
}
.verified-block {
margin-top: 29px !important;
}
.dialcode-dropbtn .countryName {
display: none !important;
}
.contact-no-field {
border-radius: 0px 5px 5px 0px !important;
border-left: 0px !important;
}
.mbs-noitem {
position: absolute;
}
.dayUseLable {
font-weight: 500;
}
.sml-prc span {
text-align: right;
float: none;
width: 100%;
display: block;
}
.sml-prc span {
float: left;
font-weight: 600;
}
.sml-prc span {
font-size: 11px;
}
.sml-prc.tabPriceNone h4.discount-rate {
cursor: pointer;
display: inline-block;
width: auto;
}
.sml-prc.tabPriceNone h4.discount-rate span.i-icon {
align-items: center;
display: flex;
height: 15px;
justify-content: center;
margin: 0;
padding: 0;
width: 15px;
}
.prty-dic select {
background-color: white;
}
.mblRoomDetails .mblPricing label,
.mblRoomDetails .mblRooms label {
font-weight: 400 !important;
}
/* @media (max-width: 991px) { */
.mblRoomDetails .mblRooms label {
font-size: 14px;
}
.mblRoomDetails .mblPricing label {
display: block;
text-align: right;
}
.language-dropdown-list {
cursor: pointer;
}
.sml-prc.tabPriceNone {
width: 100%;
}
.modalPrgrph p {
font-size: 12px;
letter-spacing: .2px;
line-height: 26px;
word-break: break-word;
}
/*HP*/
.va-feature {
font-size: 12px;
margin-bottom: 0px !important;
}
.facility-icon {
width: 16px;
text-align: center;
margin-right: 8px !important;
color: #000;
font-size: 14px;
position: unset !important;
}
.va-main-header {
border-radius: 5px 5px 0px 0px
}
.be-widgetWrap .WidgetNightsRooms {
color: #000;
}
.sh-mr-ameneties {
cursor: pointer;
}
.subscribe-wrapper label {
cursor: pointer;
}
.dialcode-dropdown .dialcode-dropbtn::before {
background: #ddd;
content: "";
height: 25px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 2px;
}
.guestdetails-wrapper label {
color: var(--color-gray);
font-size: 14px;
font-weight: 300;
margin-bottom: 4px
}
/* tourism fees */
.tourisamFeesText {
background: #fff3f3;
padding: 10px;
border-radius: 5px;
border: 1px solid #99250026;
margin: 10px 0;
}
.tourisamFeesText p {
margin-bottom: 0px;
}
/* tourism fees */
.totalAmount {
border-bottom: 1px solid #ebebeb;
border-top: 1px solid #ebebeb;
/* margin-top: 5px; */
padding: 5px 0px 5px 0px;
}
.guestdetails-wrapper .beddingWrapper .beddingLable {
font-size: 14px;
font-weight: 300;
}
.requireFieldBackGround {
background-color: #f8f1f2 !important;
border-color: red !important;
}
.dialcode-dropdown .requireFieldBackGround {
background: #f8f1f2 !important;
border-color: red !important;
}
.dialcode-dropdown-content {
width: auto !important;
min-width: auto !important;
}
.dialcode-dropdown-content.show {
width: auto !important;
max-width: 100% !important;
}
.DisablePackages {
pointer-events: none;
}
/* New RatePlan Design CSS Start*/
.btn_info {
display: block;
line-height: normal;
margin-bottom: 10px;
font-size: 18px;
}
.info .more-info {
display: inline-block;
font-size: 12px;
font-weight: 400;
}
.info i {
transform: rotate(-45deg);
margin-left: 4px;
}
span.rate-price {
margin: 0;
font-size: 15px;
position: relative;
}
span.rate-price:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #FF1B1B;
transform: rotate(-15deg);
top: 7px;
}
.discount-rate {
margin: 0;
text-decoration: none;
}
.discount-rate .rate-price {
margin: 0;
font-size: 15px;
}
.pckg_nme.csPackageName {
display: flex;
justify-content: center;
}
.more-info {
font-weight: 300;
font-size: 14px;
}
.info button.btn_info {
margin-bottom: 4px;
}
#root .main-bx button.bkrm {
width: 200px;
text-transform: uppercase;
/* padding: 6px 10px; */
line-height: 20px;
font-size: 16px;
}
.prt-dic-otr .prty-dic.prty-dic-after {
width: 100%;
margin: 0;
}
.txt-green {
color: #128807;
}
.f-10 {
font-size: 10px;
}
.cus-cb {
margin-right: 40px;
}
.cus-cb label {
position: relative;
}
.cus-cb input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.cus-cb label:before {
content: '';
-webkit-appearance: none;
background-color: #F8F8F8;
border: 1px solid #000;
border-radius: 2px;
padding: 9px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
}
.cus-cb input:checked+label:after {
content: '';
display: block;
position: absolute;
top: -1px;
left: 6px;
width: 6px;
height: 18px;
border: solid #fff;
border-width: 0 1px 1px 0;
transform: rotate(42deg);
}
.cus-cb input:checked+label:before {
background-color: #337AB7;
border-color: #337AB7;
}
.bkrm-selected-label {
position: absolute;
top: -29px;
left: 0;
padding: 2px 16px;
background: #D1FFBB;
font-size: 10px;
border-radius: 2px;
color: #178135;
display: block;
}
#root .main-bx button.bkrm {
position: relative;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
#root .main-bx button.bkrm {
width: 120px;
}
}
@media screen and (max-width: 991px) {
.roomFlex {
justify-content: flex-start;
}
.moreInfoDiv {
justify-content: end;
padding-right: 8px;
}
.pckg_nme.csPackageName {
align-items: center;
justify-content: flex-end !important;
}
.rsv-btn {
float: none;
}
.pckg_nme.csPackageBook {
align-items: center !important;
}
.csPackageName .tabPriceNone {
display: block;
}
/* .prty-dic.prty-dic-after .sml-prc.tabPriceNone span.caret-icon:hover .PriceBreakdown-DayWiseRateData {
left: unset;
right: 0;
} */
}
@media screen and (max-width: 575px) {
.info button.btn_info {
font-size: 14px;
}
#root .main-bx button.bkrm {
margin-bottom: 0;
max-width: 140px !important;
width: 100% !important;
}
.cus-cb {
margin-right: 30px;
}
}
/* New RatePlan Design CSS End*/
/* New CSS 8 June 2024 Start */
@media (min-width: 768px) {
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
}
@media (max-width: 991px) {
.be-widgetWrap .beWidget .checkAvailBtn {
margin-top: 23px !important;
align-items: flex-end !important;
display: flex !important;
}
.checkIn-OutWrapper {
margin-bottom: 0;
}
.wdgtWrapp.container .be-widgetWrap .beWidget .form-group {
height: auto;
margin: 0 0 5px;
}
.wdgtWrapp.container .be-widgetWrap .beWidget .form-group {
height: auto;
margin: 0 0 5px;
}
}
@media (max-width: 768px) {
.be-widgetWrap .beWidget {
margin-top: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.be-widgetWrap .beWidget>div.checkIn-OutWrapper {
max-width: -webkit-fill-available;
width: auto !important;
}
}
/* New CSS 8 June 2024 End*/
@media (max-width: 800px) {
.beWidgetHeaderRight .language-dropdown .language-dropdown-content,
.beWidgetHeaderRight .currency-dropdown .currency-dropdown-content.show {
min-width: auto !important;
}
.beWidgetHeaderRight .mbscolumn {
width: 100% !important;
}
.mbscurrencycolumn {
width: 100% !important;
}
}
.be-widgetWrap {
border-radius: 5px;
margin: 0 0 10px 0;
box-shadow: 0 0px 10px rgb(0 0 0 / 15%);
}
/* Room card Descriptiopn Scroll Start*/
.ReadMore-ReadLess-Span {
word-break: break-word;
display: inline-block;
max-height: 220px;
overflow-y: auto;
width: 100%;
}
/* Room card Descriptiopn Scroll End*/
.additional-header.about-us {
padding-left: 10px;
}
/* RatePlan New Desing CSS Start */
.btn_info {
display: block;
line-height: normal;
margin-bottom: 10px;
font-size: 18px;
}
.info .more-info {
font-size: 12px;
font-weight: 400;
}
.info i {
transform: rotate(-45deg);
margin-left: 4px;
}
span.rate-price {
margin: 0;
font-size: 15px;
position: relative;
}
span.rate-price:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #FF1B1B;
transform: rotate(-15deg);
top: 7px;
}
.discount-rate {
margin: 0;
text-decoration: none;
}
.discount-rate .rate-price {
margin: 0;
font-size: 15px;
}
.pckg_nme.csPackageName {
display: flex;
justify-content: center;
}
.more-info {
font-weight: 300;
font-size: 14px;
}
.info button.btn_info {
margin-bottom: 4px;
}
#root .main-bx button.bkrm {
width: 200px;
text-transform: uppercase;
/* padding: 6px 10px; */
line-height: 20px;
font-size: 16px;
}
.prt-dic-otr .prty-dic.prty-dic-after {
width: 100%;
margin: 0;
}
.txt-green {
color: #128807;
}
.f-10 {
font-size: 10px;
}
.cus-cb {
margin-right: 40px;
}
.cus-cb label {
position: relative;
}
.cus-cb input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.cus-cb label:before {
content: '';
-webkit-appearance: none;
background-color: #F8F8F8;
border: 1px solid #000;
border-radius: 2px;
padding: 9px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
}
.cus-cb input:checked+label:after {
content: '';
display: block;
position: absolute;
top: -1px;
left: 6px;
width: 6px;
height: 18px;
border: solid #fff;
border-width: 0 1px 1px 0;
transform: rotate(42deg);
}
.cus-cb input:checked+label:before {
background-color: #337AB7;
border-color: #337AB7;
}
.bkrm-selected-label {
position: absolute;
top: -29px;
left: 0;
padding: 2px 16px;
background: #D1FFBB;
font-size: 10px;
border-radius: 2px;
color: #178135;
display: block;
}
#root .main-bx button.bkrm {
position: relative;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
#root .main-bx button.bkrm {
width: 120px;
}
}
@media screen and (max-width: 991px) {
.roomFlex {
justify-content: flex-start;
}
.moreInfoDiv {
justify-content: end;
padding-right: 8px;
}
.pckg_nme.csPackageName {
align-items: center;
justify-content: flex-end !important;
}
.rsv-btn {
float: none;
}
.pckg_nme.csPackageBook {
align-items: center !important;
}
.csPackageName .tabPriceNone {
display: block;
}
/* .prty-dic.prty-dic-after .sml-prc.tabPriceNone span.caret-icon:hover .PriceBreakdown-DayWiseRateData {
left: unset;
right: 0;
} */
}
@media screen and (max-width: 575px) {
.info button.btn_info {
font-size: 14px;
}
#root .main-bx button.bkrm {
margin-bottom: 0;
max-width: 140px !important;
width: 100% !important;
}
.cus-cb {
margin-right: 30px;
}
}
/* RatePlan New Desing CSS End */
.prty-dic.prty-dic-after .sml-prc.tabPriceNone span.caret-icon {
align-items: center;
bottom: 0;
clear: both;
cursor: pointer;
display: flex;
justify-content: right;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 15px
}
.caret-icon i.fas.fa-caret-right {
font-size: 15px
}
.prty-dic.prty-dic-after .sml-prc.tabPriceNone span.caret-icon:hover .PriceBreakdown-DayWiseRateData {
/* bottom: 0;
display: block;
left: 100%;
margin: auto;
position: absolute;
right: auto;
top: auto;
z-index: 9 */
/* bottom: unset;
display: block; */
/* left: 0; */
/* margin: auto;
position: absolute;
right: 0;
top: 100%;
z-index: 9; */
}
.prty-dic.prty-dic-after .sml-prc.tabPriceNone h4.discount-rate {
cursor: pointer;
display: flex;
width: auto;
text-wrap: nowrap;
justify-content: flex-end;
}
span.discount-rate-text {
display: none
}
.prty-dic.prty-dic-after .sml-prc.tabPriceNone h4.discount-rate span.i-icon {
align-items: center;
display: flex;
height: 15px;
justify-content: center;
margin: 0;
padding: 0;
width: 15px
}
.discount-rate .discount-rate-text:before {
border-style: solid;
border-bottom: 6px solid #0000;
border-left: 6px solid red;
border-right: 0;
border-top: 6px solid #0000;
content: "";
height: 0;
left: auto;
position: absolute;
right: -6px;
width: 0
}
.prty-dic.prty-dic-after .sml-prc.tabPriceNone h4.discount-rate i {
margin: 0 5px 0 0
}
.prty-dic.prty-dic-after .sml-prc.tabPriceNone h4.discount-rate .i-icon {
display: block;
float: left;
height: auto;
position: relative;
width: auto
}
.mblRoomDetails .mblPricing .i-icon i:hover {
display: block
}
.mblRoomDetails .mblPricing span.i-icon {
display: block;
float: left;
height: 15px;
margin-right: 10px;
position: relative;
width: 15px
}
.mblRoomDetails .mblPricing span.i-icon i:hover+.discount-rate-text {
background: red;
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 12px !important;
font-weight: 600 !important;
height: auto;
max-width: -webkit-max-content;
max-width: max-content;
padding: 5px 10px;
position: absolute;
right: 25px;
top: -10px;
width: 200px
}
.mblRoomDetails .mblPricing span.i-icon i+span.discount-rate-text:after {
border-style: solid;
border-bottom: 6px solid #0000;
border-left: 6px solid red;
border-right: 0;
border-top: 6px solid #0000;
content: "";
height: 0;
left: auto;
position: absolute;
right: -6px;
top: 7px;
width: 0
}
.pckg_nme.csPackageName {
display: block
}
.taxes-inner.pricesDiv .tax-span {
/* max-width: 240px; */
word-break: break-word;
}
span.cursor-pointer.deleteIo {
font-size: 14px;
left: -28px;
padding: 8px 10px;
position: absolute;
right: auto;
width: auto
}
span.cursor-pointer.deleteIo:hover {
left: -80px;
right: auto
}
.btn_info {
display: block;
line-height: normal;
margin-bottom: 10px;
font-size: 18px;
}
.info .more-info {
font-size: 12px;
font-weight: 400;
}
.info i {
transform: rotate(-45deg);
margin-left: 4px;
}
span.rate-price {
margin: 0;
font-size: 15px;
position: relative;
}
span.rate-price:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #FF1B1B;
transform: rotate(-15deg);
top: 7px;
}
.discount-rate {
margin: 0;
text-decoration: none;
}
.discount-rate .rate-price {
margin: 0;
font-size: 15px;
}
.pckg_nme.csPackageName {
display: flex;
justify-content: center;
}
.more-info {
font-weight: 300;
font-size: 14px;
text-decoration: underline;
text-underline-offset: 4px;
}
.info button.btn_info {
margin-bottom: 4px;
}
#root .main-bx button.bkrm {
width: 200px;
text-transform: uppercase;
/* padding: 6px 10px; */
line-height: 20px;
font-size: 16px;
}
.prt-dic-otr .prty-dic.prty-dic-after {
width: 100%;
margin: 0;
}
.txt-green {
color: #128807;
}
.f-10 {
font-size: 10px;
}
.lbl-btn {
border-radius: 0 2px 2px 0;
background-color: #D1FFBB;
color: #178135;
font-size: 10px;
margin-left: -6px;
padding: 4px 12px;
}
.cus-cb {
margin-right: 40px;
}
.cus-cb label {
position: relative;
}
.cus-cb input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.cus-cb label:before {
content: '';
-webkit-appearance: none;
background-color: #F8F8F8;
border: 1px solid #000;
border-radius: 2px;
padding: 9px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
}
.cus-cb input:checked+label:after {
content: '';
display: block;
position: absolute;
top: -1px;
left: 6px;
width: 6px;
height: 18px;
border: solid #fff;
border-width: 0 1px 1px 0;
transform: rotate(42deg);
}
.cus-cb input:checked+label:before {
background-color: #337AB7;
border-color: #337AB7;
}
.bkrm-selected-label {
position: relative;
top: -70px;
left: 0;
padding: 2px 16px;
background: #D1FFBB;
font-size: 10px;
border-radius: 2px;
color: #178135;
display: block;
}
#root .main-bx button.bkrm {
position: relative;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
#root .main-bx button.bkrm {
width: 120px;
}
}
@media screen and (max-width: 991px) {
.roomFlex {
justify-content: flex-start;
}
.moreInfoDiv {
justify-content: end;
padding-right: 8px;
}
.pckg_nme.csPackageName {
align-items: center;
justify-content: flex-end !important;
}
.rsv-btn {
float: none;
}
.pckg_nme.csPackageBook {
align-items: center !important;
}
.csPackageName .tabPriceNone {
display: block;
}
/* .prty-dic.prty-dic-after .sml-prc.tabPriceNone span.caret-icon:hover .PriceBreakdown-DayWiseRateData {
left: unset;
right: 0;
top: 100%;
} */
}
@media screen and (max-width: 575px) {
.info button.btn_info {
font-size: 14px;
}
#root .main-bx button.bkrm {
margin-bottom: 0;
max-width: 140px !important;
width: 100% !important;
}
.cus-cb {
margin-right: 30px;
}
}
@media all and (max-width:480px) {
.cus-cb {
margin-right: 10px;
}
}
.address,
.address p {
margin-bottom: 0;
}
/* View More Rooms Start*/
.btn-viewAllRooms.bkrm {
margin: 10px 5px 20px;
padding: 5px 10px;
width: auto;
}
/* View More Rooms End*/
/* About us Page CSS Start*/
.prop-desc {
display: inline-block;
width: 100%;
}
.prop-desc a.sh-mr {
border: none;
float: left;
height: 360px;
margin: 0 20px 20px 0;
width: 550px;
}
.p-5 {
padding: 2rem !important;
}
.fclt-cls ul li,
.sh-mr {
color: #8d9498;
font-size: 12px;
}
.fclt-cls ul li {
color: #000;
}
.fclt-cls ul li {
margin: 2px 0 5px;
position: relative;
vertical-align: top;
width: 100%;
}
.fclt-otr .col-md-4 {
float: left;
}
.prop-desc a.sh-mr img.sh-mr-imageviewer {
height: 100%;
width: 100%;
}
@media (max-width: 575px) {
.fclt-otr .col-md-4 {
float: none;
}
}
@media (max-width: 768px) {
.prop-desc a.sh-mr {
float: left;
height: 360px;
margin: 0 20px 20px 0;
width: 100%;
}
}
/* About us Page CSS End*/
/* */
.cus-cbx {
margin-right: 40px;
}
.dsk-btn-block {
max-width: 200px;
width: auto;
}
.dsk-btn-block .bkrm {
width: 100% !important;
}
.rate-paln-title .btn_info {
font-size: 14px;
}
.more-info {
font-size: 12px;
}
.prty-dic-after div.caRoomMain div.row {
padding: 0 !important;
}
.cust-wid:not(:last-child) {
margin-bottom: 40px;
}
#app {
display: flex;
flex-direction: column;
min-height: 100dvh;
}
.bnr-cls {
flex-grow: 1;
flex-shrink: 0;
}
/* div#ftr {
position: fixed;
z-index: 998;
} */
.more-info {
cursor: pointer;
}
@media all and (max-width: 991px) {
.rate-plan-btn .tabBookNowBtn {
max-width: 170px;
margin: 0;
width: 100% !important;
}
.cust-wid:not(:last-child) {
margin-bottom: 20px;
}
.prty-dic.prty-dic-after .sml-prc.tabPriceNone h4.discount-rate {
display: flex;
width: 100%;
justify-content: flex-end;
}
}
@media all and (max-width: 767px) {
/* sidebar responsive nav changes */
.sidenav .language-dropdown .language-dropdown-content {
width: 251px !important;
right: unset;
height: 300px;
overflow-y: auto !important;
min-width: unset !important;
box-shadow: 0 0px 5px rgb(0 0 0 / 8%) !important;
animation: none;
}
.sidenav .language-dropdown,
.sidenav .currency-dropdown {
float: unset;
}
.sidenav .language-dropdown-content ul>.row {
flex-direction: column;
}
.sidenav .language-dropdown .mbs-dropbtn {
margin-right: unset;
/* width: auto !important;
padding: unset !important;
max-width: unset; */
}
#google_translate_element+span.notranslate {
margin: 0 !important;
display: block;
}
.sidenav .mbs-dropbtn {
max-width: unset;
padding: 0;
}
.sidenav .currency-dropdown .currency-dropdown-content {
min-width: unset !important;
animation: none;
}
.sidenav .currency-dropdown {
padding: 11.5px 0;
}
/* sidebar responsive nav changes */
}
@media all and (max-width: 575px) {
.caRoomSelected.pckg_nme {
width: 50% !important;
}
.cus-cbx-cbc {
margin-right: 20px;
}
.prty-bx {
/* padding: 10px; */
}
.main-bx.reserve-main-box .addon-modal-dialog {
left: 0;
transform: translate(0%, -50%);
right: 0;
margin: 0 auto;
width: 90%;
}
.main-bx.reserve-main-box .addon-modal-dialog .addon-modal-content {
max-width: 100%;
min-width: 290px !IMPORTANT;
}
}
@media all and (max-width: 400px) {
.beWidget .form-group.promocodeTxt {
width: 70%;
}
}
@media all and (max-width: 380px) {
.cus-cbx-cbc {
margin-right: 12px;
}
}
.prty-bx .prty-dic.prty-dic-after {
border-top: 1px solid #ddd;
}
.prty-bx .prty-dic.prty-dic-after:nth-child(2) {
border-top: none;
}
.caRoomSelected .more-info svg {
margin-left: 8px;
}
.selection-mobile-view {
display: flex;
justify-content: space-between;
align-items: center;
}
.btn.wmr-cancel.wmr-btn {
height: inherit;
}
.flex-grow-1 {
flex: 1;
}
@media screen and (max-width: 991px) {
.bookBtn {
padding: 6px 14px;
}
}
.addon-reserve-price,
.addon-reserve button {
font-weight: 500 !important;
}
.crd-info.p-3 .row:last-of-type+span.separator {
display: none;
}
.more-info svg {
margin-left: 5px;
}
.img-glr .position-relative.w-full {
background: #f0f0f0;
width: 100%;
height: 250px;
cursor: pointer;
display: block;
margin: 0;
}
.rooms-wrapper .guestdetails-wrapper .row>.col-lg-8 .row.align-items-end,
.rooms-wrapper .guestdetails-wrapper .row>.col-12 .row.align-items-end {
align-items: unset !important;
}
.Be-Alert {
padding: 0 !important
}
.Be-Alert .Be-Alert-Title {
margin-top: 0;
}
.Be-Alert:not(:last-child) {
padding-bottom: 12px !important;
margin-bottom: 12px;
border-bottom: 1px solid #ddd;
}
.Be-Alert-Desc p {
margin-bottom: 0;
}
@media all and (max-width:575px) {
.cstm-prty-bx.prty-bx {
padding-bottom: 60px;
}
.cstm-prty-bx .findAvailDates.mobile-findAvailDates {
bottom: -40px;
transform: unset !important;
left: 0 !important;
right: 0 !important;
}
}
.dropdowncountryName {
font-size: 14px;
}
.prty-bx .sidecard-col-padding {
padding-bottom: 20px;
}
.mbr-open-button .mbr-btn {
margin: 0;
padding: 4px 20px;
}
body.ReactModal__Body--open {
overflow: hidden;
}
.bookedRoom-selectedDiv .bookedRoom {
/* top: -5px !important; */
margin: 5px 0px;
}
@media screen and (max-width: 991px) {
.guestgroup .add-aroom .guest-count-input .selectrow .Guestselect {
width: 100%;
}
}
@media screen and (max-width: 768px) {
/* .prty-bx .pro-ifo.discRibbon {
margin: 0;
padding: 0;
} */
.prty-bx .pro-ifo.discRibbon {
padding-bottom: 25px;
margin-bottom: 0;
}
}
.va-Bedding-detail {
font-size: 12px;
}
.hideViewMoreBtn {
display: none;
}
.priceBreakDiscount {
color: red !important;
}
/* manual tester bugs cycle - 2 start */
.modalPrgrph.modal-body .form-group.checkCmn.checkIn+.icon-cal {
bottom: -10px !important;
right: -38px !important;
}
.CheckAvailabilityModal .modal-content {
width: 100% !important;
}
.subscribe-wrapper.checkbox {
padding-left: 0 !important;
}
.subscribe-wrapper label {
line-height: normal;
display: flex;
align-items: baseline;
gap: 5px;
}
.subscribe-wrapper.checkbox input[type='checkbox'] {
margin: 0;
position: unset;
}
.sidecard-col-padding .ad-ch-mobile .adult-child-icon i {
margin-left: 3px;
}
.contact-wrapper .addon-reserve {
text-align: left;
margin-left: 0;
}
.contact-wrapper .addon-reserve button {
flex-wrap: wrap;
row-gap: 4px;
padding: 0 !important;
}
.roomExtraDetails .labelWrapper label {
line-height: 21px;
}
@media all and (max-width: 991px) {
.be-widgetWrap .searchinOut.formGroup .checkinOut label.dayUseLable {
font-size: 15px;
}
.be-widgetWrap .form-group.promocodeTxt {
margin-top: 0;
}
.be-widgetWrap .beWidget .checkAvailBtn {
margin-top: 23px !important;
}
}
@media (max-width: 820px) {
.CheckAvailabilityModal .rdrMonths.rdrMonthsHorizontal .rdrMonth {
width: 320px;
}
}
@media all and (max-width: 767px) {
.roomExtraDetails .form-group.focused {
margin-bottom: 12px !important;
}
}
@media all and (max-width: 575px) {
.be-widgetWrap .beWidget .checkIn-OutWrapper {
margin-bottom: 10px !important;
}
.modalPrgrph.modal-body .form-group.checkCmn.checkIn+.icon-cal {
bottom: -54px !important;
right: -40px !important;
}
.CheckAvailabilityModal .checkIn-OutWrapper .form-group.checkOut label.widgetLabelchkout {
padding-right: 0 !important;
}
.be-widgetWrap .form-group.promocodeTxt {
margin-top: 10px;
}
}
/* manual tester bugs cycle - 2 end */
.labelWrapper .mbs-input-label {
font-size: 12px;
}
.searchWidget .lblend {
font-size: 12px !important;
font-weight: 400 !important;
}
.searchWidget .lbl {
font-size: 12px !important;
font-weight: 400 !important;
}
.rate-plans-modal {
padding: 0;
}
.pricesDiv .price-spinner {
float: right;
}
.price-spinner {
--clr: rgba(0, 0, 0, 0.658);
--gap: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--gap);
width: 32px;
height: 3px;
/* align-items: center; */
}
.price-spinner span {
width: 5px;
height: 5px;
border-radius: 100%;
background-color: var(--clr);
opacity: 0;
}
.price-spinner span:first-child {
-webkit-animation: fade 1s ease-in-out infinite;
animation: fade 1s ease-in-out infinite;
}
.price-spinner span:nth-child(2) {
-webkit-animation: fade 1s ease-in-out 0.33s infinite;
animation: fade 1s ease-in-out 0.33s infinite;
}
.price-spinner span:nth-child(3) {
-webkit-animation: fade 1s ease-in-out 0.66s infinite;
animation: fade 1s ease-in-out 0.66s infinite;
}
@-webkit-keyframes fade {
0%,
100% {
opacity: 1;
}
60% {
opacity: 0;
}
}
@keyframes fade {
0%,
100% {
opacity: 1;
}
60% {
opacity: 0;
}
}
.carousel-indicators {
display: none;
}
.taxes-inner {
flex-wrap: wrap;
}
.taxes-inner>span:last-child {
width: 130px;
text-align: right;
align-items: center;
justify-content: flex-end;
word-break: break-all;
}
.taxes-inner>span:first-child {
max-width: calc(100% - 180px);
word-break: break-word;
}
.taxes-inner .addonRate {
flex: 0;
}
@media all and (max-width:1400px) and (min-width:992px) {
.rooms-wrapper .bookBtn {
min-width: 130px;
}
.reserve-main-box .rooms-wrapper,
.reserve-main-box .contact-wrapper {
padding: 12px;
}
}
@media all and (max-width:1199px) {
/* .main-bx>.container,
.be-widgetWrap>.container,
#header.header,
div#ftr {
max-width: 95%;
} */
.main-bx.reserve-main-box .container-md {
max-width: 100%;
}
}
/* / discount label changes by US / */
.discountImg .discountName {
/* background: #33bb27 !important;
color: #ffffff !important; */
padding: 1px 10px;
margin-right: 10px;
display: flex;
justify-content: center;
align-items: center;
height: 21px;
font-size: 12px;
font-weight: 600;
}
.discountImg .discountName span {
margin: 0 !important;
}
@media (max-width: 575px) {
.discountImg {
display: block;
/* height: 100%; */
/* width: 100%; */
margin-top: 0;
}
.discountName {
position: absolute;
bottom: 0;
z-index: 11;
}
/* .discountImg .discImg .discNumber {
clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 10% 50%, 0% 0%);
padding: 3px 10px 3px 23px;
position: absolute;
right: 0;
z-index: 1;
} */
.discountImgLabel~span .multipleImage-clone {
bottom: 26px;
}
.prty-bx .prty-dic.prty-dic-after:nth-child(2) {
border-top: 1px solid #ddd;
}
}
/* / discount label changes by US / */
.rate-price-spinner {
--clr: rgba(0, 0, 0, 0.658);
--gap: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--gap);
/* width: 32px;
height: 3px; */
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: #fff;
width: 100%;
height: 100%;
z-index: 1;
/* align-items: center; */
}
.rate-price-spinner span {
width: 5px !important;
height: 5px !important;
border-radius: 100%;
background-color: var(--clr);
opacity: 0;
}
.rate-price-spinner span:first-child {
-webkit-animation: fade 1s ease-in-out infinite;
animation: fade 1s ease-in-out infinite;
}
.rate-price-spinner span:nth-child(2) {
-webkit-animation: fade 1s ease-in-out 0.33s infinite;
animation: fade 1s ease-in-out 0.33s infinite;
}
.rate-price-spinner span:nth-child(3) {
-webkit-animation: fade 1s ease-in-out 0.66s infinite;
animation: fade 1s ease-in-out 0.66s infinite;
}
@-webkit-keyframes fade {
0%,
100% {
opacity: 1;
}
60% {
opacity: 0;
}
}
@keyframes fade {
0%,
100% {
opacity: 1;
}
60% {
opacity: 0;
}
}
@media (max-width: 767px) {
.modal-body,
.modal-header {
padding: 18px !important;
}
}
.specialRequestLable {
font-weight: 300;
}
.bnr-cls.bg-padding {
padding: 0px 10px;
display: inline-block;
width: 100%;
}
.bnr-cls .main-bx.reserve-main-box {
padding-left: 0;
padding-right: 0;
}
.sh-mr .carousel-inner,
.sh-mr .carousel-item {
height: 100%;
}
.close:after,
.close:before {
background-color: #000 !important;
}
.modal-content .close {
background-color: #fff !important;
opacity: 1
}
.map-wrapper {
position: relative;
}
.map-wrapper button {
position: absolute;
left: calc(50% - 48px);
top: calc(50% - 16px);
width: auto !important;
}
/* multiPg display */
.selectWrapperInside div {
position: relative;
}
.selectWrapperInside div label.pglbl {
border: 1px solid #e6e5e5;
border-radius: 4px;
margin-top: 10px;
background: #f9f9f9;
padding: 8px 10px 8px 35px;
display: flex;
align-items: center;
min-height: 53px;
cursor: pointer;
width: 100%;
}
.selectWrapperInside .header .pglbl.single-pg {
padding: 0;
border-radius: 4px 4px 0 0;
}
.selectWrapperInside .PgRadio {
height: 17px;
width: unset !important;
margin: 0;
position: absolute;
left: 12px;
top: calc(50% - 9px);
}
.selectWrapperInside label {
margin: 0;
}
.pgLogo {
max-height: 35px;
}
.selectWrapperInside div input:checked+label {
background: #fff;
border-radius: 4px 4px 0 0;
}
/* .selectWrapperInside div.hideBorder label {
border-bottom: none !important;
} */
.money-transfer-content {
border: 1px solid #e6e5e5;
border-radius: 0 0 4px 4px;
display: flex;
flex-direction: column;
}
.money-transfer-content h5 {
font-size: 14px;
padding: 8px 15px !important;
color: #858585;
font-weight: 400;
/* background: #f9f9f9; */
}
.money-transfer-content h5 b {
margin-left: 6px !important;
color: #000;
}
.money-transfer-content p {
font-size: 15px;
padding: 5px 15px;
color: #878787;
/* border-top: 1px solid #e6e5e5; */
}
.money-transfer-content h5,
.money-transfer-content p {
margin: 0;
}
.money-transfer-content button {
padding: 7px 15px;
width: auto !important;
background: #ab8504 !important;
color: #fff !important;
border: 1px solid #fff !important;
font-size: 12px;
border-radius: 4px;
text-transform: uppercase;
cursor: pointer;
margin: 15px 5px;
}
.money-transfer-content .PgListPay {
align-self: flex-end;
}
.money-transfer-content .PgListPay button:last-child {
margin-right: 15px;
}
.tourisamFeesText,
.pricing .offlinePaymentNotes,
.payment-components-in-form .offlinePaymentNotes {
background: #fff3f3;
padding: 10px;
border-radius: 5px;
border: 1px solid #99250026;
}
/* multiPg display */
.rate-plans-modal .ftrText {
font-size: 12px;
}
.bnr-cls .HeaderImage img#backimage.BannerImage-auto {
height: auto !important;
}
.bnr-cls .cursor-pointer {
cursor: pointer;
}
#header+.bnr-cls .HeaderImage {
max-height: 255px;
width: 100%;
}
div#app>.container {
padding: 0;
}
span.theme3-selectroom-sidecard {
display: block;
font-weight: 500;
font-size: 16px;
}
.PaymnetRequired-wrapper label {
cursor: pointer;
}
.PaymnetRequired-wrapper.checkbox {
padding-left: 0 !important;
}
.PaymnetRequired-wrapper label {
line-height: normal;
display: flex;
align-items: baseline;
gap: 5px;
}
.PaymnetRequired-wrapper.checkbox input[type='checkbox'] {
margin: 0;
position: unset;
}
.acceptlabel {
display: flex;
align-items: start;
padding-top: 10px;
}
.acceptlabel input {
width: auto;
/* margin-right: 8px; */
/* margin: 5px 8px 0px 0px; */
cursor: pointer;
}
p.inputError,
.collect-cc-content p.inputError,
.payment-components-in-form p.inputError {
background-color: #ffe9eb !important;
display: block;
width: fit-content;
padding: 5px 10px !important;
font-size: 12px;
color: #fe3245 !important;
border-radius: 5px;
font-weight: 500;
position: relative;
transition: .3s ease-in-out;
}
.starIcon {
color: red;
}
.childAge-select {
font-size: 12px !important;
}
.prty-bx .prop-desc .sh-mr {
height: 340px;
}
.sh-mr .carousel-inner,
.sh-mr .carousel-item {
height: 340px;
}
.sh-mr .carousel-inner img {
height: 100%;
}
.mobile-link-button-wrapper {
display: flex;
align-items: center;
}
.requireCheckBoxBackGround {
position: relative;
}
.custom-checkbox-wrapper {
position: relative;
display: inline-block;
}
.custom-checkbox {
display: none;
}
.custom-label {
width: 20px;
height: 20px;
border: 2px solid #ccc;
display: inline-block;
cursor: pointer;
position: relative;
}
.custom-checkbox:checked+.custom-label::after {
content: "";
position: absolute;
left: 5px;
top: 2px;
width: 5px;
height: 10px;
border: solid #000;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.custom-label.error {
border-color: red !important;
}
.acceptlabel-wrap .custom-label {
width: 14px;
height: 14px;
border: 1px solid #000;
border-radius: 3px;
margin-bottom: 0;
margin-right: 6px;
top: 3px;
}
.acceptlabel-wrap .custom-checkbox:checked+.custom-label {
border-color: #337ab7;
background-color: #337ab7;
font-weight: 500;
}
.acceptlabel-wrap .custom-checkbox:checked+.custom-label::after {
content: "";
position: absolute;
left: 4px;
top: 1px;
width: 4px;
height: 8px;
border: solid #fff;
border-width: 0 1px 1px 0;
transform: rotate(45deg);
}
input[type="checkbox"].requireCheckBoxBackGround::after {
content: "";
border: 1px solid red;
height: 100%;
width: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
}
/* .requireCheckBoxBackGround::after {
content: "";
border: 1px solid red;
height: 100%;
width: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
} */
/* 14/08/2024 */
.top-beWidget {
width: 100%;
display: flex;
justify-content: end;
align-items: center;
margin: -16px 0 0 0;
}
.top-beWidget .language-dropdown {
/* width: 145px; */
}
.top-beWidget .currency-dropdown {
/* width: 75px; */
}
.top-beWidget .currency-countryName {
background-color: transparent !important;
}
.top-beWidget .currency-dropdown .mbs-dropbtn {
padding: 15px 5px !important;
}
.top-beWidget .currency-dropdown .currency-dropdown-content.show {
margin-top: 0px !important;
}
.top-beWidget .mbs-css-1dimb5e-singleValue {
z-index: 1 !important;
}
@media (max-width:767px) {
.top-beWidget .mbscolumn {
width: 100% !important;
}
.top-beWidget .language-dropdown .language-dropdown-content,
.top-beWidget .currency-dropdown .currency-dropdown-content.show {
min-width: auto !important;
}
.top-beWidget .currency-dropdown .mbscurrencycolumn {
width: 100% !important;
}
}
.prty-cls-padding {
margin-bottom: 15px;
}
.additional-background-margin {
margin-bottom: 15px;
}
.top-beWidget .collapse {
padding: 0px !important;
display: block;
}
.top-beWidget .mbr-btn {
padding: 8px 16px !important;
line-height: normal;
font-weight: 400 !important;
}
.mbr-dialog-main-wrapper .MBREmailLable {
color: #000 !important;
font-size: 16px;
}
.propertyDescription-wrapper {
display: flex;
justify-content: space-between;
}
.prty-cls-inr .prt-bnt-cls {
display: flex;
flex-wrap: wrap;
}
.aboutusContactus {
clear: both;
}
.same-guest-checkbox {
display: flex;
align-items: center;
flex-wrap: nowrap;
margin-bottom: 15px;
}
.same-guest-checkbox input {
width: auto;
margin: 0 8px 0 0;
}
.same-guest-checkbox label {
margin-bottom: 0;
font-size: 14px;
color: var(--color-gray);
font-weight: 500;
}
.sidenav~.nav-bar-btn .hamburger-menu {
z-index: 1;
position: relative;
}
div#myModal .currency-convert-warning-modal-content,
.modal-dialog .modal-content,
div#myModal .child-age-policy-modal-content,
div#myModal .time-policy-modal-content {
border-radius: 10px !important;
}
.beWidget .form-group.promocodeTxt .PromoInput {
margin-bottom: 0;
}
@media (max-width: 900px) and (min-width:801px) {
div#lang-dd {
width: 300px !important;
}
}
@media (max-width: 575px) {
.cstm-prty-bx .findAvailDates.mobile-findAvailDates {
position: relative !important;
}
/* .cstm-prty-bx .more-info.more-room-info {
position: absolute;
bottom: -50px;
} */
}
.beWidgetHeaderLeft .singleDropdown::after {
display: none !important;
}
.be-widgetWrap .mbr-open-button {
height: 100%;
border-right: 1px solid #c7c7c7;
}
@media (max-width: 575px) {
.be-widgetWrap .beWidgetHeaderLeft .dropdown-toggle {
padding: 8px 10px;
}
.be-widgetWrap .beWidgetHeader .beWidgetHeaderRight .mbs-dropbtn {
/* padding: 12px 12px 12px 5px !important; */
padding: 12px 8px 12px 3px !important;
/* width: 65px !important; */
}
.be-widgetWrap {
/* box-shadow: none !important; */
}
}
.csPackageBook .RemoveBG .bkrm {
background: #ffe9eb !important;
color: #fe3245 !important;
}
/* .PriceBreakdown-DayWiseRateData .RemoveBG .bkrm {
background: #ffe9eb !important;
color: #fe3245 !important;
} */
.room-name-wrapper {
position: relative;
/* padding-bottom: 7px !important; */
}
.room-name-wrapper .bookedRoom {
font-size: 12px;
padding: 2px 6px;
display: inline-block;
width: auto;
right: unset;
left: 8px;
bottom: -16px;
}
@media (max-width: 1200px) {
.room-name-wrapper .bookedRoom {
right: 0;
left: unset;
bottom: unset;
top: 10px;
}
}
.be-widgetWrap .beWidget .form-switch {
margin-top: 16px;
}
.be-widgetWrap .beWidget .form-switch label {
margin-bottom: 0;
padding-top: 2px;
}
.be-widgetWrap .beWidget .form-switch input {
margin: 0 !important;
}
.form-group.guestsearchTxt-desktop {
font-size: 0 !important;
}
.airpointInputError {
margin-top: 8px;
}
.guestdetails-wrapper input.border-red {
border: 1px solid red !important;
}
/* air point css start (new input file din show icons) */
.guestdetails-wrapper .verified-block {
position: absolute;
right: 35px;
left: auto;
width: auto;
top: 38px;
}
.error-message i.fas.fa-exclamation-circle:hover+span {
display: inline-block;
position: absolute;
right: 0px;
width: 180px;
left: auto;
top: 2px;
}
.error-message span {
display: none;
}
.error-message i.fas.fa-exclamation-circle {
font-size: 20px;
}
.guestdetails-wrapper input.border-red {
border: 1px solid red !important;
}
.error-message .fa-3x {
position: relative;
top: 8px;
}
.error-message i.fas.fa-spinner.fa-spin {
color: #1c1c1c;
font-size: 20px;
}
.error-message i.fas.fa-check-circle {
color: green;
font-size: 20px;
}
/* air point css start (new input file din show icons) */
.addOns-modal__image-container span.sticky-amount .sticky-span {
padding-right: 10px !important;
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
font-family: "Montserrat", sans-serif;
font-size: 14px;
}
::-webkit-scrollbar {
width: 0.5em;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #858585;
}
.va-dialog-main-wrapper {
width: 500px;
height: 400px;
background-color: #ffffff;
border: 1px solid #cccccc;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 5px;
z-index: 10000;
}
.view-aminities-dialog-bedding {
display: flex;
justify-content: space-between;
margin: 16px 0px 5px 25px;
align-items: center;
margin-bottom: 15px;
}
.show {
display: block;
}
.va-dialog-close {
position: absolute;
right: 0;
top: 0;
margin: 15px;
border: none;
height: 27px;
width: 27px;
border-radius: 5px;
cursor: pointer;
}
.va-dialog-close i {
font-size: 14px;
color: #5a5a5a;
}
.va-dialog_container {
display: grid;
}
.column {
background-color: #fff;
line-height: 100px;
}
.column-60 {
border-right: 1px solid #eee;
}
.column-40 {
background-color: #fff;
}
.dialog-view-aminities-wrapper {
max-height: calc(100vh - 110px) !important;
width: 900px !important;
overflow: auto;
}
.va-dialog-main-wrapper::-webkit-scrollbar {
width: 0.5em;
}
.va-dialog-main-wrapper::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.va-dialog-main-wrapper::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #858585;
}
.view-aminities-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 9999;
}
.view-aminities-overlay.show {
display: block;
}
.va-open-button {
cursor: pointer;
}
.view-aminities-columns {
float: left;
width: 33.33%;
height: fit-content;
margin-bottom: 20px;
}
/* Clear floats after the columns */
.view-aminities-row:after {
content: "";
display: table;
clear: both;
}
.view-aminities-dialog-body {
margin: 16px 0px 5px 25px;
}
.va-main-header {
display: flex;
padding: 5px 25px 5px 25px;
justify-items: center;
gap: 10px;
width: 100%;
flex-wrap: wrap;
}
.va-roomName {
font-weight: 500;
font-size: large;
}
.va-main-adult-child-wrapper {
display: flex;
justify-items: center;
gap: 5px;
color: #888;
}
.va-main-icons-wrapper {
display: flex;
justify-items: center;
gap: 1px;
align-items: center;
}
.va-adult-child-text {
font-size: 18px;
}
.va-feature-content {
padding-left: 0%;
}
.va-feature {
list-style-type: none;
line-height: 25px;
}
.va-Bedding-detail {
list-style-type: none;
line-height: 30px;
}
.va-Bedding-heading {
font-size: 16px;
}
@media only screen and (min-width: 1440px) {
.va-dialog-main-wrapper {
height: 700px !important;
width: 900px !important;
max-width: 900px !important;
}
}
@media only screen and (min-width: 1000px) {
.va-dialog-main-wrapper {
height: auto !important;
max-height: 100% !important;
width: 900px !important;
max-width: 900px !important;
}
}
@media only screen and (max-width: 999px) {
.va-dialog_container {
grid-template-columns: 100%;
}
.va-dialog_container .column:nth-of-type(2) {
order: 1;
}
.va-dialog_container .column:nth-of-type(1) {
order: 2;
}
.va-dialog-main-wrapper {
height: auto;
width: 90% !important;
}
.view-aminities-columns {
width: 100% !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
line-height: 10px;
}
.view-aminities-row:after {
line-height: 20px !important;
content: "";
}
.aminities-title {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
}
@media (max-width:575px) {
.pro-cd-wrapper span.s-price-icon.discount-rate>span {
display: block;
word-break: break-all;
}
.pro-cd-wrapper .discountImg .discImg .discNumber {
position: unset;
}
}
.mblRoomDetails .mblPricing span.i-icon i:hover+.discount-rate-text,
.s-price-icon:hover .discount-rate-text {
background: red;
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 12px !important;
font-weight: 600 !important;
height: auto;
max-width: -webkit-max-content;
max-width: max-content;
padding: 5px 10px;
position: absolute;
right: 25px;
top: -10px;
width: 200px
}
.mblRoomDetails .mblPricing span.i-icon i+span.discount-rate-text:after,
.s-price-icon .discount-rate-text:after {
border-style: solid;
border-bottom: 6px solid #0000;
border-left: 6px solid red;
border-right: 0;
border-top: 6px solid #0000;
content: "";
height: 0;
left: auto;
position: absolute;
right: -6px;
top: 7px;
width: 0
}
span.s-price-icon.discount-rate {
position: relative;
cursor: pointer;
border: 1px solid #000;
/* border-radius: 5px; */
padding: 2px;
/* margin: 2px 5px 0 3px; */
display: flex;
align-items: center;
/* height: 100%; */
width: auto;
max-width: max-content;
font-size: 12px;
}
span.s-price-icon.discount-rate span {
margin: 0 !important;
}
.s-price-icon.discount-rate span.discount-rate-text {
right: 35px;
}
.s-price-icon.discount-rate .discount-rate-text:after {
content: none;
}
.caRoomMain span.s-price-icon.discount-rate {
margin: 0;
min-height: 31px;
margin-right: 5px;
}
.caRoomMain .s-price-icon.discount-rate:first-child {
margin-left: 0;
}
h4.discount-rate {
text-decoration-line: line-through;
text-decoration-color: red;
text-decoration-style: 2px solid;
font-size: 13px;
white-space: nowrap
}
@media (max-width:767px) {
.prty-dic-after .pckg_nme h4.discount-rate {
margin-bottom: 0;
text-align: left !important
}
}
.prty-dic.prty-dic-after h4.discount-rate {
margin: 5px 0px 0px 0px;
}
/* smart pricing */
.caRoomMain .s-price-icon.discount-rate:first-child {
margin-left: 0;
}
.caRoomMain span.s-price-icon.discount-rate {
margin: 0;
min-height: 31px;
margin-right: 5px;
}
span.s-price-icon.discount-rate {
position: relative;
cursor: pointer;
border: 1px solid #000;
/* border-radius: 5px; */
padding: 2px;
/* margin: 2px 5px 0 3px; */
display: flex;
align-items: center;
/* height: 100%; */
width: auto;
max-width: max-content;
font-size: 12px;
}
.discount-rate {
margin: 0;
text-decoration: none;
}
.discount-rate {
margin: 0;
text-decoration: none;
}
@media (min-width: 576px) {
.justify-content-sm-start {
justify-content: flex-start !important;
}
}
.discountImg {
display: flex;
/* justify-content: flex-end; */
align-items: center;
/* margin-left: 5px; */
/* margin-top: 15px; */
white-space: nowrap;
}
.discountImg .discImg {
position: relative;
}
.discountImg .discImg .discNumber {
background: red;
color: #fff;
line-height: normal;
position: relative;
display: inline-block;
clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0% 100%, 0% 10%, 0% 0%);
font-size: 12px;
font-weight: 600;
padding: 8px 25px 8px 10px;
margin: 0;
}
@media (max-width: 575px) {
.discountImg {
white-space: nowrap;
/* display: inline-block; */
}
}
.fw450 {
font-weight: 450 !important
}
@media (max-width: 575px) {
.pro-cd-wrapper .discountImg .discImg .discNumber {
position: unset;
}
/* .pro-cd-wrapper .discountImg .discNumber {
height: 100%;
display: flex;
align-items: center;
} */
/* .discountImg .discImg .discNumber {
clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 10% 50%, 0% 0%);
padding: 8px 10px 8px 20px;
position: absolute;
right: 0;
z-index: 1;
} */
}
/* .CSBEStatus-modal-O .modal-content,
.CSBEStatus-modal-S .modal-content,
.CSBEStatus-modal-S .modal-content .modal-body {
background-color: rgba(0, 0, 0, 0.5) !important;
box-shadow: unset;
border-radius: 0;
}
.CSBEStatus-modal-O .modal-content .modal-header,
.CSBEStatus-modal-S .modal-content .modal-header {
background-color: rgba(0, 0, 0, 0) !important;
border-radius: 0;
}
.CSBEStatus-modal-S .modalPrgrph {
padding-bottom: 45px;
}
.CSBEStatus-modal-O .modalPrgrph p,
.CSBEStatus-modal-S .modalPrgrph p {
font-size: 50px;
text-align: center;
line-height: 60px;
}
.CSBEStatus-modal-S .modal-dialog {
max-width: 490px;
width: 100%;
padding: 0 15px;
}
.CSBEStatus-modal-O .modal-dialog {
width: 100vw;
height: 100vh;
max-width: 100vw;
max-height: 100vh;
margin: 0;
cursor: not-allowed;
}
.CSBEStatus-modal-O .modal-dialog .modal-content {
height: 100%;
}
.CSBEStatus-modal-O .modalPrgrph {
display: flex;
align-items: center;
justify-content: center;
}
.CSBEStatus-modal-O .modal-header {
display: none;
} */
.spcp-no-btn {
opacity: 0.5 !important;
}
/* @media (max-width: 991px) {
.CSBEStatus-modal-O .modalPrgrph p,
.CSBEStatus-modal-S .modalPrgrph p {
font-size: 35px;
line-height: 50px;
}
}
@media (max-width: 767px) {
.CSBEStatus-modal-O .modalPrgrph p,
.CSBEStatus-modal-S .modalPrgrph p {
font-size: 26px;
line-height: 35px;
}
} */
div#ftr {
position: fixed !important;
z-index: 10 !important;
}
div#ftr {
padding: 15px 0 !important;
position: sticky;
width: 100%;
z-index: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #cccccc38;
box-shadow: 0px 0px 25px -3px rgba(0, 0, 0, 0.1);
}
.va-Bedding-detail {
line-height: 16px !important;
}
.align-items-center.justify-content-center.d-flex.flex-column.flex-grow-1 label.fs12.fw300 {
line-height: 18px;
}
button#reserve-onclick-focus111476 {
/* border: 2px solid #fff !important; */
}
.ctd-wrapper {
position: absolute;
/* width: 100%; */
/* display: flex; */
right: 0;
bottom: 0;
/* justify-content: start; */
/* align-items: start; */
}
.cta-wrapper {
position: absolute;
/* width: 100%; */
/* display: flex; */
left: 0;
bottom: 0;
/* justify-content: start; */
/* align-items: start; */
}
/* legends css starts */
.dp-block {
position: relative;
}
.dp-block::before {
content: '';
position: absolute;
bottom: 0;
width: 18px;
height: 18px;
border-bottom: 3px solid transparent;
border-left: 3px solid transparent;
border-radius: 3px;
}
.dp-block.close-arrival::before {
left: -2px;
border-bottom-color: #00c4cc;
border-left-color: #00c4cc;
}
.dp-block.close-departure::before {
right: -2px;
border-bottom-color: #dc3b75;
border-right: 3px solid #dc3b75;
}
.departure-wrapper {
display: flex;
padding: 8px 16px 16px 16px;
gap: 16px;
font-size: 12px;
line-height: normal;
justify-content: center;
flex-wrap: wrap;
}
.rdrMonths.rdrMonthsHorizontal .rdrMonth .departure-wrapper {
padding: 16px 0 8px;
}
.dp-block.close-arrival {
padding-left: 25px;
}
.dp-block.close-departure::before {
left: 0;
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.dp-block.close-departure {
padding-left: 25px;
}
.dp-block {
position: relative;
}
.no-check.room-rate::before,
.no-check.room-rate::after,
.dp-block::before {
content: '';
position: absolute;
bottom: -1px;
width: 18px;
height: 18px;
border-bottom: 3px solid transparent;
border-left: 3px solid transparent;
border-radius: 3px;
z-index: 1;
}
.no-check.in.room-rate::before,
.dp-block.close-arrival::before {
left: -1px;
border-bottom-color: #00c4cc;
border-left-color: #00c4cc;
}
.no-check.out.room-rate::after,
.dp-block.close-departure::before {
right: -1px;
bottom: auto;
top: -1px;
border-bottom-color: transparent;
border-top: 3px solid #dc3b75;
border-right: 3px solid #dc3b75;
}
.departure-wrapper {
display: flex;
padding: 8px 16px 16px 16px;
gap: 16px;
font-size: 12px;
line-height: normal;
justify-content: center;
}
.dp-block.close-departure::before {
left: 0;
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
bottom: 0;
}
.dp-block.close-departure {
padding-left: 25px;
}
.dp-block.close-arrival::before {
bottom: 0;
}
.no-check {
min-width: 33.44px;
}
.dp-block.min-stay {
padding-left: 25px;
}
.dp-block.min-stay:before,
.dp-block.max-stay:before {
content: '';
border-width: 8px;
width: 16px;
height: 16px;
position: absolute;
left: 0;
top: 0;
border-radius: 0;
border-color: transparent #313a6b #313a6b transparent;
border-style: solid;
}
.dp-block.max-stay {
padding-left: 20px;
}
div#calenderArea.calender-area-wrapper .departure-wrapper {
flex-wrap: wrap;
}
@media all and (max-width:767px) {
.no-check.out.room-rate::after {
right: -1px;
}
.no-check.in.room-rate::before {
left: -1px;
}
}
@media all and (max-width:575px) {
.no-check.room-rate {
min-width: unset;
width: 100% !important;
}
}
@media all and (max-width:480px) {
.no-check.room-rate::before,
.no-check.room-rate::after,
.dp-block::before {
width: 15px;
height: 15px;
}
.departure-wrapper {
flex-wrap: wrap;
font-size: 10px;
}
.dp-block.close-arrival,
.dp-block.close-departure {
padding-left: 20px;
}
}
/* legends css ends */
.currency-dropdown-list span {
background: transparent;
}
.mbscurrencycolumn {
cursor: pointer;
}
.prty-bx.home-prty-bx {
background: transparent !important;
}
.addon-modal-header.addOns-modal__modal-header {
background: transparent !important;
}
.selectWrapperInside div h5 {
background: #fff;
border-radius: 3px;
}
.dialcode-dropdown {
background-color: #fff;
}
.addon-modal-body.addOns-modal__modal-body {
border-radius: 4px;
}
.modal-body .checkIn-OutWrapper form.checkInOutForm .findAvailChkInOut.notranslate .custom-date-picker .icon-cal {
bottom: 0 !important;
;
top: inherit !important;
right: unset !important;
}
.modal-body .checkIn-OutWrapper form.checkInOutForm .findAvailChkInOut.notranslate .custom-date-picker .icon-cal {
bottom: 0;
top: inherit;
}
.inc-div .incr-btn:disabled {
cursor: not-allowed !important;
opacity: 0.5;
}
.got-it-btn {
align-items: center;
display: flex;
flex-direction: column;
}
/* styles for conflicts between BE and widget (external but our own) #I455 */
.MbsSearchWidget input,
.MbsSearchWidget span {
margin: 0 !important;
}
.MbsSearchWidget .searchBtn {
min-width: unset !important;
height: unset !important;
}
.MbsSearchWidget .pointer span+span {
margin-left: 2px !important;
}
/* cookie consent */
.cookie-consent-container * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.cookie-consent-container {
width: min(520px, 100%) !important;
border-radius: 6px;
padding: 8px;
background-color: #fff !important;
color: #000 !important;
box-shadow: 0 3px 12px rgb(0 0 0 / 30%) !important;
z-index: 999 !important;
position: relative;
cursor: auto;
}
@media screen and (min-width: 768px) {
.cookie-consent-container {
left: unset !important;
right: 16px !important;
bottom: 24px !important;
border-radius: 6px;
padding: 8px;
background-color: #fff !important;
color: #000 !important;
box-shadow: 0 3px 12px rgb(0 0 0 / 30%) !important;
}
}
.cookie-consent-btn {
border-radius: 4px !important;
}
.cookie-consent-container p {
color: #363636;
}
.cookie-consent-container .close-btn {
position: absolute;
top: 12px;
right: 12px;
cursor: pointer;
background-color: transparent;
padding: 0;
border: 0;
}
/* Meal icon changes */
.rateTablePrices img {
margin-left: 5px;
}
.rm-icon-inner.rm-meal {
display: inline-flex;
flex-grow: 0;
width: auto;
align-self: flex-start;
gap: 8px;
padding: 4px 8px !important;
background: none !important;
border: 1px solid #cecece;
}
.rm-icon-inner.rm-meal>span {
margin: 0;
}
.rm-icon-inner.rm-meal>img {
max-width: 16px;
width: 100%;
object-fit: contain;
object-position: center;
}
.MaxGuest-Dflex .roomtypeafter-h3 {
display: flex;
flex-direction: column;
gap: 4px;
}
.roomtypeafter-h3 .rm-icon-inner.rm-meal {
margin-top: 3px;
}
/* Meal icon changes */
/* sidecard privacy links transalte to not clickable so change with button css start */
.acceptlabel button.sh-mr-ameneties {
background: transparent;
border: none;
border-bottom: 1px dotted !important;
transition: all 0.2s ease;
}
.acceptlabel button.sh-mr-ameneties:hover {
border-bottom: none !important;
}
.prty-bx .acceptlabel button.sh-mr-ameneties {
bottom: 0;
}
/* sidecard privacy links transalte to not clickable so change with button css end */
/* ------day use & flexi view lable in widget----------- */
.checkin-extwrapper {
display: flex;
align-items: center;
gap: 12px;
margin-top: 10px;
}
.checkin-extwrapper>div {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 2px;
flex-shrink: 0;
}
.checkin-extwrapper>div input {
margin: 0 !important;
width: auto !important;
}
.searchWidget .formGroup .input .checkin-extwrapper {
/* width: 375px;
max-width: 375px; */
z-index: 1;
position: relative;
}
.checkin-extwrapper>div label {
display: inline-block;
vertical-align: middle;
line-height: normal !important;
}
/* ------day use & flexi view lable in widget----------- */
/* accessibility component on reserve page */
.accesibility-componenet {
display: flex;
justify-content: end;
margin-top: 20px;
}
.sh-mr-ameneties.AddonDesc {
margin: 0px;
}
.accessibility-component {
margin-right: 0px !important;
}
/* accessibility component on reserve page */
/* floating confirm button on sidecard css start */
/* .prty-bx .fixed {
position: sticky;
bottom: 10px;
} */
.prty-bx .fixed .sr-sbmt {
box-shadow: 0 -15px 0px 0 #ffffff;
border-radius: 0;
}
.prty-bx .fixed .completeBtn {
box-shadow: 0px -4px 0px 15px #ffffff, rgba(100, 100, 111, 0.2) 0px -7px 29px 0px;
}
/* floating confirm button on sidecard css ens */
.pckg-wrapper {
max-width: calc(100% - 105px);
}
.pckg_nme.csPackageBook {
width: 105px;
padding: 0;
}
@media (max-width: 991px) {
.pckg-wrapper {
max-width: 100%;
}
.pckg_nme.csPackageBook {
width: 100%;
}
}
.CSBEStatus-modal-S .modal-content .modal-body {
background-color: rgba(0, 0, 0, 0.5) !important;
}
/* other css in accessibility task */
.sh-mr-ameneties.AddonDesc {
margin-left: 5px;
}
.roomExtraDetails .reviewMmorecontent .labelWrapper label {
line-height: unset;
}
.form-group .form-control::placeholder,
.mbs-input-field::placeholder {
color: #000 !important;
opacity: 0.8;
}
.form-group .form-control::-webkit-input-placeholder,
.mbs-input-field::-webkit-input-placeholder {
color: #000 !important;
}
.form-group .form-control::-moz-placeholder,
.mbs-input-field::-moz-placeholder {
color: #000 !important;
opacity: 0.8;
}
.form-group .form-control:-ms-input-placeholder,
.mbs-input-field:-ms-input-placeholder {
color: #000 !important;
}
.form-group .form-control:-moz-placeholder,
.mbs-input-field:-moz-placeholder {
color: #000 !important;
opacity: 0.8;
}
.beWidgetHeaderRight .currency-dropdown.view-dropdown {
height: 100%;
display: flex;
border-radius: 0;
align-items: center;
}
/* media query */
@media (min-width: 992px) {
.pckg_nme .bookedRoom {
position: absolute;
bottom: 70px;
right: -14px;
}
}
/* other css in accessibility task */
/* Discount ribbon changes */
/* .pro-cd-wrapper span.s-price-icon.discount-rate>span {
white-space: nowrap;
} */
.pro-cd-wrapper {
flex-wrap: wrap;
row-gap: 6px;
justify-content: unset !important;
}
.caRoomMain span.s-price-icon.discount-rate {
margin: 0 !important;
}
.pro-cd-wrapper .discountImg .discImg .discNumber {
clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0% 100%, 0% 10%, 0% 0%) !important;
padding: 8px 35px 8px 15px;
}
.discountImg span {
margin: 0;
}
/* Discount ribbon changes */
@media (max-width: 991px) {
.beWidget.booking-summary,
.beWidgetTemplate5Wrapper .booking-summary {
padding-bottom: 40px;
}
}
/* multiple tourism fees display */
ul.tourism-fee-list {
margin-bottom: 0px;
}
li.tourism-fee-item {
margin-bottom: 5px;
}
/* multiple tourism fees display */
@media all and (min-width:768px) {
.be-widgetWrap {
position: sticky;
z-index: 12;
}
}
.rate-description {
font-weight: 400 !important;
margin: 0;
font-size: 12px !important;
line-height: normal !important;
}
@media screen and (orientation: landscape) and (max-width: 991px) {
.be-widgetWrap,
header,
div#ftr {
position: static !important;
}
}
input[disabled="true"],
input[disabled],
input:disabled,
select[disabled="true"],
select[disabled],
select:disabled {
cursor: not-allowed;
}
#sameGuestDetails {
width: 16px;
height: 16px;
}
.stickybar-setupmsg {
background: #fff;
padding: 8px 20px;
font-size: 16px;
}
.stickybar-setupmsg p {
color: #000;
font-weight: 600;
text-align: center;
margin: 0;
}
:has(.stickybar-setupmsg) #header.header {
flex-direction: column;
height: auto;
}
:has(.stickybar-setupmsg) #header.header .stickybar-setupmsg+.flwdth {
min-height: 60px;
}
@media all and (max-width:575px) {
.stickybar-setupmsg {
padding: 4px 16px;
font-size: 12px;
}
}
.widget-link {
display: inline-block;
padding: 0px 8px;
text-decoration: none;
}
.widget-link span:last-child {
padding: 8px 16px;
line-height: normal;
border-radius: 4px;
}
.Toastify__toast {
padding-right: 2rem !important;
}
@media (min-width:576px) and (max-width:820px) {
.language-dropdown .language-dropdown-content {
min-width: 475px !important;
width: 100% !important;
}
}
button:disabled {
opacity: 0.7;
cursor: not-allowed;
}
/* manage booking login page css starts */
.mbs-login-wrapper .login-container {
min-height: unset !important;
}
.mbs-login-wrapper .accessibility-component,
.mbs-booking-list-page .accessibility-component,
.mbs-booking-detail-page .accessibility-component {
margin: 0 5px 0 0 !important;
top: unset !important;
}
.mbs-login-wrapper .be-widgetWrap+.login-container {
min-height: calc(100vh - 140px);
}
.mbs-booking-list-page .be-widgetWrap,
.mbs-booking-detail-page .be-widgetWrap,
.mbs-login-wrapper .be-widgetWrap {
position: sticky;
top: 0;
border-radius: 0;
}
.mbs-booking-list-page .header+.bnr-cls.bg-padding .be-widgetWrap,
.mbs-booking-detail-page .header+.bnr-cls.bg-padding .be-widgetWrap {
top: 60px;
}
body.mbs-login-wrapper .be-widgetWrap .beWidgetHeader,
.mbs-booking-list-page .be-widgetWrap .beWidgetHeader,
.mbs-booking-detail-page .be-widgetWrap .beWidgetHeader {
justify-content: flex-end;
display: inline-flex;
}
.mbs-login-wrapper .be-widgetWrap,
.mbs-booking-list-page .be-widgetWrap,
.mbs-booking-detail-page .be-widgetWrap {
text-align: right;
margin: 0;
box-shadow: unset;
padding: 10px;
}
.mbs-login-wrapper .be-widgetWrap .beWidgetHeaderRight a,
.be-widgetWrap .beWidgetHeaderRight a {
text-decoration: none;
color: #000;
cursor: pointer;
}
.mbs-booking-list-page #header+.bnr-cls {
overflow-y: auto;
}
.mbs-booking-list-page .header+.bnr-cls .be-widgetWrap,
.mbs-booking-detail-page .header+.bnr-cls .be-widgetWrap {
top: 60px;
}
/* .mbs-booking-list-page .beWidgetHeaderRight {
gap: 12px;
} */
.mbs-login-wrapper .beWidgetHeaderRight .language-dropdown .language-dropdown-content.show {
left: unset;
}
/* manaae booking login page css ends */
.icon-input-container {
position: relative;
margin-bottom: 4px;
}
.icon-input-container .icon {
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
}
.icon-input-container input {
width: 100%;
font-size: 16px;
color: #000000;
border-radius: 8px;
border: 1px solid #c0c0c0;
padding: 8px 16px 8px 44px;
margin: 0;
}
/* .validation-error {
font-size: 0.95rem;
font-weight: 500;
color: #ff0000 !important;
margin-top: 4px;
margin-bottom: 0;
} */
.validation-error {
background-color: #ffe9eb !important;
display: block;
width: fit-content;
padding: 5px 10px !important;
font-size: 14px;
color: #fe3245 !important;
border-radius: 5px;
font-weight: 500;
position: relative;
transition: .3s ease-in-out;
margin-block: 8px !important;
}
.validation-error::before {
border-bottom: 8px solid rgb(255 233 235);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
content: "";
display: inline-block;
position: absolute;
top: -8px
}
.input-v2,
.select-v2 {
height: 40px !important;
padding: 8px 12px !important;
border: 1px solid #d0d0d0 !important;
border-radius: 6px !important;
background-color: #fefefe !important;
font-size: 16px !important;
margin: 0;
}
.input-v2:focus,
.select-v2:focus {
outline: 1px solid #000;
}
.btn-v2 {
font-size: 1rem;
padding: 8px 10px !important;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
transition: all 0.1s ease-in-out;
}
.btn-v2.danger {
background-color: #ff0000 !important;
color: #fff !important;
border: 1px solid #ff0000 !important;
}
.btn-v2.danger.outline {
background-color: transparent !important;
color: #ff0000 !important;
border: 1px solid #ff0000 !important;
}
.btn-v2.danger.outline:is(:hover) {
color: #fff !important;
background-color: #ff0000 !important;
border: 1px solid #ff0000 !important;
}
.btn-v2:is(:hover) {
transform: scale(1.02);
}
.btn-v2:is(:active) {
transform: scale(0.98);
}
.icon-btn {
padding: 8px;
display: flex;
justify-content: center;
align-items: center;
background-color: transparent !important;
border: 0;
}
.Toastify__toast-container {
z-index: 100000000;
}
.fa-circle-o-notch {
animation-name: rotation;
animation-duration: 1000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.grecaptcha-badge {
z-index: 11;
bottom: 120px !important;
}
.text-decoration-line-through {
opacity: 0.5;
text-decoration-color: red !important;
}
.form-control:disabled {
cursor: not-allowed !important;
}
.error-modal .modal-content {
width: min(400px, 80%);
}
.reserve-page-padding {
padding: 5px 0;
}
.stepper-wrapper-container {
position: sticky;
z-index: 999;
}
.payment-components-in-form .payment-opt+label {
margin-bottom: 0 !important;
}
.payment-components-in-form .checkbox {
display: flex;
margin-bottom: 5px;
}
.payment-components-in-form .checkbox input[type=checkbox] {
width: auto !important;
}
/* side modals that should render above popup-modals, by default all sidemodals will render below popup-modals */
#termsAndConditionSideModal,
#paymentTermsSideModal {
z-index: 999999 !important;
}
.rate-plan-modal-overlay:has(+ #termsAndConditionSideModal),
.rate-plan-modal-overlay:has(+ #paymentTermsSideModal) {
z-index: 999999 !important;
}
/* Slide-in animation from right */
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* Slide-out animation to right */
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
opacity: 0;
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
opacity: 0;
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.logo-img {
height: 60px;
}
.total-amount-component-theme-7 {
padding: 16px;
border-top: 1px solid #8b8b8b;
/* border-top-left-radius: 16px;
border-top-right-radius: 16px; */
}
.total-amount-component-theme-7 .collect-cc-content,
.total-amount-component-theme-7 .pro-li-in-wrp {
margin-bottom: 12px !important;
}
/* For immediate siblings only */
.modal-body:not(:has(+ .modal-footer)) {
border-bottom-left-radius: var(--bs-border-radius);
border-bottom-right-radius: var(--bs-border-radius);
}
.acceptlabel,
.subscribe-wrapper {
display: flex;
flex-direction: row;
column-gap: 6px;
align-items: center;
}
.acceptlabel input,
.subscribe-wrapper input {
padding: 0 !important;
margin: 0 !important;
width: 14px !important;
height: 14px !important;
flex-shrink: 0 !important;
}
.check-icon-container {
display: flex;
align-items: center;
position: relative;
border-radius: 4px;
}
.check-icon-container .check-icon-wrapper {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 0;
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.check-icon-container .check-icon-text {
padding: 4px 8px 4px 24px;
font-size: 14px;
}
.cookie-consent-content-container {
flex: 1 0 !important;
}
/* Container overrides only when app is in narrow iframe (e.g. ?embedWidth=80 where value < 100) */
body.embed-narrow-container .container {
width: 100% !important;
max-width: unset !important;
}
@media screen and (min-width: 1400px) {
body.embed-narrow-container .container {
max-width: 1400px !important;
}
}
body.embed-narrow-container .container.p-0>.row,
body.embed-narrow-container .container-md.p-0>.row {
margin: 0;
}
@media screen and (max-width: 567px) {
.beWidgetHeaderRight .show-mbs-dropdownArrow:after {
margin-left: 2px;
}
.currency-dropdown {
margin-left: 0 !important;
}
.view-toggle-wrap {
margin: 6px 0 !important;
}
.be-widgetWrap:not(.beWidgetTemplate5Wrapper) .top-beWidget .view-toggle-wrap {
margin: 6px 10px !important;
}
.mbr-open-button .mbr-btn {
padding: 6px 6px 6px 0;
}
}
.spinner_loader_template1 .loading-spinner {
width: 100px !important;
height: 100px !important;
border: unset !important;
border-radius: unset !important;
animation: unset !important;
}
.spinner_loader_template1 .loading-spinner svg {
width: 100%;
fill: none;
}
.spinner_loader_template1 .loading-spinner .load {
transform-origin: 50% 50%;
stroke-dasharray: 0.7 0.3;
stroke-linecap: round;
stroke-width: 3px;
stroke: rgb(0, 92, 132);
}
.spinner_loader_template1 .loading-spinner .load.one {
animation: 1.5s ease-in infinite reverse load;
}
.spinner_loader_template1 .loading-spinner .load.two {
fill: rgb(0, 92, 132);
}
.spinner_loader_template1 .loading-spinner .load.three {
animation: 1.5s infinite load;
}
.spinner_loader_template1 .spinner-container {
opacity: 1;
}
.spinner_loader_template1 {
opacity: 1;
background: #bdbdbd7a;
}
.spinner_loader_template1 .spinner-container {
opacity: 1;
}
.spinner_loader_template1 {
opacity: 1;
background: #bdbdbd7a;
}
.spinner_loader_template1 .spinner-container {
opacity: 1;
}
.spinner_loader_template1 {
opacity: 1;
background: #bdbdbd7a;
}
@keyframes load {
100% {
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.spinner_loader_template1 {
position: fixed;
height: 100vh;
width: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
z-index: 2147483647; /* max possible z-index */
display: flex;
justify-content: center;
align-items: center;
background: #fff;
}
.loading-spinner {
width: 50px;
height: 50px;
border: 10px solid #f3f3f3; /* Light grey */
border-top: 10px solid #383636; /* Black */
border-radius: 50%;
animation: spinner 1.5s linear infinite;
}
.welcome-back-modal .modal-content {
max-width: 480px !important;
}
.welcome-back-modal .modal-header {
padding: 1rem 2rem;
}
.welcome-back-modal .modal-title {
font-size: 16px;
font-weight: 600;
margin: 0;
}
.welcome-back-modal button {
font-size: 14px;
padding: 6px 10px;
border-radius: 4px;
}
.action-btn-container {
display: flex;
justify-content: flex-end;
align-items: center;
column-gap: 1rem;
}
.welcome-back-modal .modal-body {
padding: 1rem 2rem;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.welcome-back-modal .modal-description {
margin-bottom: 1rem;
}
input {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
}
* {
box-sizing: border-box;
}
/* Create two equal columns that floats next to each other */
.column {
float: left;
width: 50%;
padding: 10px;
height: 300px;
/* Should be removed. Only for demonstration */
}
.labelWrapper {
display: flex;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
.DisplayPurpose {
color: red;
}
.mbs-input-label {
color: #000;
font-size: 12px;
font-weight: 400;
/* text-transform: uppercase; */
margin-bottom: 5px;
display: flex;
}
.modal-body {
letter-spacing: 0.2px !important;
line-height: 26px !important;
word-break: break-word;
}
.welcome-back-modal .modal-content {
max-width: 400px !important;
}
.welcome-back-modal {
padding: 1rem 2rem !important;
}
.welcome-back-modal .modal-title {
font-size: 16px;
font-weight: 600;
margin: 0;
}
.welcome-back-modal button {
font-size: 14px;
padding: 6px 10px;
border-radius: 4px;
}
.action-btn-container {
display: flex;
justify-content: flex-end;
align-items: center;
column-gap: 1rem;
}
.welcome-back-modal .modal-body {
padding: 1rem 2rem;
min-height: 160px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.welcome-back-modal .modal-description {
margin-bottom: 1rem;
}
/* keep the tax/fee disclaimer above every other modal, side modal and overlay */
.modal.tax-fee-disclaimer-modal,
.fade.modal.show.tax-fee-disclaimer-modal,
.fade.modal-backdrop.show+.fade.modal.show.tax-fee-disclaimer-modal {
z-index: 1000000001 !important;
}
.fade.modal-backdrop.show.tax-fee-disclaimer-backdrop,
.modal-backdrop.tax-fee-disclaimer-backdrop {
z-index: 1000000000 !important;
}
:root {
--color-default: #1579b2;
--color-dark: #333;
--color-gray: #535353;
--border-color: #e1e3e7;
--color-light-default: #ecf5ff;
--color-delete: #ea4316;
}
.child-age-wrapper {
display: flex;
/* gap: 10px; */
justify-content: flex-end;
}
.adultchild-wrapper {
position: relative;
}
.childAgeDiv {
/* position: absolute;
background: #fff;
padding: 15px;
right: 10px;
min-width: 300px;
box-shadow: 0 0 20px rgb(0 0 0 / 12%);
margin-top: 5px;
border-radius: 4px;
z-index: 11111111111111111;
border: 1px solid #ddd; */
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 0 0 20px #0000001f;
left: 5px;
margin-top: 0;
padding: 15px;
position: absolute;
right: 5px;
z-index: 11;
}
.childAgeDiv .form-select {
width: 100%;
}
.guestdetails-wrapper .form-select,
.country_select select {
height: 48px;
font-size: 14px;
border-radius: 4px;
}
.form-control {
padding-left: 10px !important;
/* border: 1px solid #c9c7c7 !important; */
}
select {
word-wrap: normal;
}
.guestdetails-wrapper label {
color: var(--color-gray);
font-size: 14px;
font-weight: 300;
margin-bottom: 4px
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
/* font-weight: 700; */
}
.starIcon {
color: red;
}
.child-age-wrapper {
flex-wrap: wrap;
}
.child-age-wrapper {
display: flex;
/* gap: 10px; */
justify-content: flex-end;
}
@media screen and (max-width: 575px) {
.child-age-wrapper {
padding-left: 0;
justify-content: flex-start !important;
}
}
.spinner_loader_template1 .loading-spinner {
width: 100px !important;
height: 100px !important;
border: unset !important;
border-radius: unset !important;
animation: unset !important;
}
.spinner_loader_template1 .loading-spinner svg {
width: 100%;
fill: none;
}
.spinner_loader_template1 .loading-spinner .load {
transform-origin: 50% 50%;
stroke-dasharray: 0.7 0.3;
stroke-linecap: round;
stroke-width: 3px;
stroke: rgb(0, 92, 132);
}
.spinner_loader_template1 .loading-spinner .load.one {
animation: 1.5s ease-in infinite reverse load;
}
.spinner_loader_template1 .loading-spinner .load.two {
fill: rgb(0, 92, 132);
}
.spinner_loader_template1 .loading-spinner .load.three {
animation: 1.5s infinite load;
}
.spinner_loader_template1 .spinner-container {
opacity: 1;
}
.spinner_loader_template1 {
opacity: 1;
background: #bdbdbd7a;
}
.spinner_loader_template1 .spinner-container {
opacity: 1;
}
.spinner_loader_template1 {
opacity: 1;
background: #bdbdbd7a;
}
.spinner_loader_template1 .spinner-container {
opacity: 1;
}
.spinner_loader_template1 {
opacity: 1;
background: #bdbdbd7a;
}
@keyframes load {
100% {
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.spinner_loader_template1 {
position: fixed;
height: 100vh;
width: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
z-index: 2147483647; /* max possible z-index */
display: flex;
justify-content: center;
align-items: center;
background: #fff;
}
.loading-spinner {
width: 50px;
height: 50px;
border: 10px solid #f3f3f3; /* Light grey */
border-top: 10px solid #383636; /* Black */
border-radius: 50%;
animation: spinner 1.5s linear infinite;
}
/* Skeleton Animation */
@keyframes skeleton-pulse {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.4;
}
}
/* Base skeleton styles */
.skeleton-rect {
background-color: #e5e7eb;
border-radius: 4px;
animation: skeleton-pulse 1.5s ease-in-out infinite;
}
/* Header section */
.skeleton-header-title {
width: 200px;
height: 24px;
}
.skeleton-delete-btn {
width: 80px;
height: 32px;
}
/* Guest details wrapper */
.skeleton-guestdetails-wrapper {
padding: 20px;
border: 1px solid #e5e7eb;
border-radius: 8px;
}
/* Guest card */
/* .skeleton-guest-card {
margin-bottom: 20px;
} */
.skeleton-room-label {
width: 150px;
height: 18px;
}
.skeleton-remove-room-btn {
width: 60px;
height: 24px;
}
/* Form groups */
.skeleton-form-group {
margin-bottom: 16px;
}
.skeleton-label {
width: 80px;
height: 16px;
margin-bottom: 8px;
}
.skeleton-input {
width: 100%;
height: 44px;
}
.skeleton-textarea {
width: 100%;
height: 80px;
}
/* Adult/Child section */
.skeleton-adult-child-section {
padding: 16px;
border: 1px solid #e5e7eb;
border-radius: 6px;
}
.skeleton-adult-child-item {
height: 40px;
margin-bottom: 8px;
}
/* Contact section */
.skeleton-contact-section {
/* margin-top: 20px;
padding-top: 20px; */
}
.skeleton-dial-code {
width: 80px;
height: 44px;
}
.skeleton-phone-input {
height: 44px;
}
/* Price section */
.skeleton-price-section {
text-align: right;
}
.skeleton-price {
width: 120px;
height: 28px;
margin-left: auto;
}
.skeleton-tax-info {
width: 80px;
height: 16px;
margin-left: auto;
}
.skeleton-room-info {
width: 100px;
height: 16px;
margin-left: auto;
}
.skeleton-book-now-btn {
width: 100px;
height: 40px;
margin-left: auto;
border-radius: 6px;
}
/* Responsive adjustments */
@media screen and (max-width: 575px) {
.skeleton-input,
.skeleton-dial-code,
.skeleton-phone-input {
height: 44px !important;
}
.skeleton-price-section {
text-align: center;
margin-top: 20px;
}
.skeleton-price,
.skeleton-tax-info,
.skeleton-room-info,
.skeleton-book-now-btn {
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 991px) {
.skeleton-guestdetails-wrapper {
padding: 16px;
}
.skeleton-header-title {
width: 150px;
}
.skeleton-delete-btn {
width: 60px;
}
}
/* Rooms wrapper skeleton styling */
.skeleton-rooms-wrapper {
box-shadow: unset !important;
border: 1px solid rgb(215, 215, 215);
margin-bottom: 0 !important;
padding: 20px;
}
/* Price per night wrapper skeleton */
.skeleton-price-section {
display: flex;
flex-direction: column;
justify-content: end;
align-items: end;
row-gap: 4px;
}
.skeleton-price-section .skeleton-price {
text-align: right;
font-size: 24px;
font-weight: 600;
margin: 0;
}
.skeleton-price-section .skeleton-tax-info,
.skeleton-price-section .skeleton-room-info {
font-size: 14px;
color: #808080;
margin: 0;
}
.skeleton-price-section .skeleton-book-now-btn {
margin: 8px 0 0 !important;
padding: 8px 16px;
font-size: 16px;
border: 0 !important;
}
input {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
}
* {
box-sizing: border-box;
}
/* Create two equal columns that floats next to each other */
.column {
float: left;
width: 50%;
padding: 10px;
height: 300px;
/* Should be removed. Only for demonstration */
}
.labelWrapper {
display: flex;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
.DisplayPurpose {
color: red;
}
.mbs-input-label {
color: #000;
font-size: 12px;
font-weight: 400;
/* text-transform: uppercase; */
margin-bottom: 5px;
display: flex;
}
.modal-body {
letter-spacing: 0.2px !important;
line-height: 26px !important;
word-break: break-word;
}
.welcome-back-modal .modal-content {
max-width: 400px !important;
}
.welcome-back-modal {
padding: 1rem 2rem !important;
}
.welcome-back-modal .modal-title {
font-size: 16px;
font-weight: 600;
margin: 0;
}
.welcome-back-modal button {
font-size: 14px;
padding: 6px 10px;
border-radius: 4px;
}
.action-btn-container {
display: flex;
justify-content: flex-end;
align-items: center;
column-gap: 1rem;
}
.welcome-back-modal .modal-body {
padding: 1rem 2rem;
min-height: 160px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.welcome-back-modal .modal-description {
margin-bottom: 1rem;
}
/* keep the tax/fee disclaimer above every other modal, side modal and overlay */
.modal.tax-fee-disclaimer-modal,
.fade.modal.show.tax-fee-disclaimer-modal,
.fade.modal-backdrop.show+.fade.modal.show.tax-fee-disclaimer-modal {
z-index: 1000000001 !important;
}
.fade.modal-backdrop.show.tax-fee-disclaimer-backdrop,
.modal-backdrop.tax-fee-disclaimer-backdrop {
z-index: 1000000000 !important;
}
/* Collection default theme */
.ReactVirtualized__Collection {
}
.ReactVirtualized__Collection__innerScrollContainer {
}
/* Grid default theme */
.ReactVirtualized__Grid {
}
.ReactVirtualized__Grid__innerScrollContainer {
}
/* Table default theme */
.ReactVirtualized__Table {
}
.ReactVirtualized__Table__Grid {
}
.ReactVirtualized__Table__headerRow {
font-weight: 700;
text-transform: uppercase;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-align: center;
align-items: center;
}
.ReactVirtualized__Table__row {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-align: center;
align-items: center;
}
.ReactVirtualized__Table__headerTruncatedText {
display: inline-block;
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
margin-right: 10px;
min-width: 0px;
}
.ReactVirtualized__Table__rowColumn {
text-overflow: ellipsis;
white-space: nowrap;
}
.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
margin-left: 10px;
}
.ReactVirtualized__Table__sortableHeaderColumn {
cursor: pointer;
}
.ReactVirtualized__Table__sortableHeaderIconContainer {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.ReactVirtualized__Table__sortableHeaderIcon {
-webkit-box-flex: 0;
flex: 0 0 24px;
height: 1em;
width: 1em;
fill: currentColor;
}
/* List default theme */
.ReactVirtualized__List {
}
@keyframes skeleton-loading {
0% {
background-color: hsl(200, 20%, 80%);
}
100% {
background-color: hsl(200, 20%, 95%);
}
}
.skeleton {
animation: skeleton-loading 1s linear infinite alternate;
}
.skeleton-text {
width: 100%;
height: 0.7rem;
margin-bottom: 0.5rem;
border-radius: 0.25rem;
}
.skeleton-text__body {
width: 75%;
}
.skeleton-footer {
width: 30%;
}
.ch-button {
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #292d32;
background-color: #fff;
border: none;
}
.cg-block {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 14px;
line-height: 17px;
height: 70px;
}
.cb-button-block {
display: flex;
align-items: center;
justify-content: center;
}
.cb-inner-center::-webkit-scrollbar,
.calendar-head-weeks::-webkit-scrollbar {
display: none;
}
.show-btn,
.booknow-btn {
padding: 8px;
/* height: 40px; */
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
min-width: 80px;
border: none;
}
.show-btn span {
margin: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.show-btn {
background: #fff;
border: 1px solid #e6e9eb;
}
.booknow-btn {
color: #fff;
background-color: #007aff;
}
.cg-block.sold-out {
color: #e8505b;
background-color: rgba(232, 80, 91, 0.15);
}
.grid-beWidget.shadow-none {
box-shadow: none;
}
.grid-beWidget .booknow-total-rooms {
position: absolute;
right: -7px;
top: -10px;
padding: 0 6px;
color: #346e19;
border: 1px solid #346e19;
background: #fff;
border-radius: 50px;
font-size: 14px;
font-weight: 600;
line-height: 20px;
margin: 0;
}
.grid-beWidget {
position: absolute;
right: 20px;
bottom: 20px;
}
.GridRow {
position: relative;
display: flex;
flex-direction: row;
}
.GridColumn {
display: flex;
flex-direction: column;
flex: 1 1 auto;
margin-left: 50px;
margin-right: 50px;
}
.LeftSideGridContainer {
flex: 0 0 75px;
z-index: 10;
}
.HeaderGrid {
width: 100%;
}
.BodyGrid {
width: 100%;
}
.oddRow {
background-color: rgba(0, 0, 0, .1);
}
.cell,
.headerCell,
.leftCell {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 0 .5em;
}
.headerCell,
.leftCell {
font-weight: bold;
}
.footer-cell {
position: sticky !important;
}
.ReactVirtualized__Grid::-webkit-scrollbar {
display: none
}
.leftGridContainer button.ch-button {
width: 24px;
height: 24px;
border-radius: 50px;
background: #007aff;
display: flex;
position: absolute;
left: calc(25% - 72px);
top: 14px;
z-index: 1;
align-items: center;
justify-content: center;
}
.leftGridContainer button.ch-button:disabled {
cursor: not-allowed;
}
.leftGridContainer button.ch-button svg path {
stroke: #fff;
}
.leftGridContainer button.ch-button.ch-next {
left: auto;
right: calc(14.5% - 48px);
}
.leftGridContainer .date-wrapper {
display: flex;
gap: 5px;
}
.leftGridContainer .cg-day {
font-weight: 500;
font-size: 12px;
}
.leftGridContainer .cg-block .cg-date {
font-size: 12px;
font-weight: 500;
}
.leftGridContainer .cg-month {
font-weight: 500;
font-size: 12px;
}
.leftGridContainer .ReactVirtualized__Grid.headerGrid {
border: 1px solid #e8e6e6;
border-radius: 4px;
}
.leftMainGridContainer {
display: table-cell;
vertical-align: top;
}
.leftMainGridContainer .cell.room-name-block:after,
.leftMainGridContainer .cell {
content: "";
position: absolute;
border-right: 1px solid #e8e6e6;
}
.rightGridContainer.total-block .rightHeader .cell,
.total-block .ReactVirtualized__Grid.rightBody .cell {
border-right: none;
}
.leftMainGridContainer .cell.main-cell {
font-weight: 600;
font-size: 16px;
}
.leftGridContainer .cg-price-block {
font-weight: 500;
font-size: 14px;
}
.leftGridContainer .cell.cg-block {
border-bottom: 1px solid #e8e6e6;
border-right: 1px solid #e8e6e6;
}
.rightGridContainer .booknow-btn {
height: 32px;
}
.leftGridContainer .cg-block h4.cg-discount-block {
margin-bottom: 0;
line-height: 14px;
margin-top: 2px;
font-size: 12px !important;
color: #000;
}
.strike-through-rate {
text-decoration-line: line-through;
text-decoration-color: red;
}
.cg-block span.cg-input-block {
position: relative;
width: 14px;
height: 14px;
display: inline-block;
border: 1px solid #aaa;
border-radius: 2px;
margin: 0;
}
.cg-block .cg-input-main-block {
position: relative;
}
.cg-minStay-block.disable-min-night {
border-color: transparent #aaa #aaa transparent !important;
}
.cg-minStay-block, .cg-maxStay-block {
margin-bottom: 0;
border-color: transparent #000 #000 transparent !important;
border-style: solid;
border-width: 12px;
bottom: 0;
height: auto;
line-height: 8px;
position: absolute;
right: 0;
text-align: center;
width: 0;
z-index: 4;
display: flex;
justify-content: flex-start;
top: auto;
align-items: center;
}
.cg-maxStay-block {
bottom: auto;
right: auto;
top: 0;
left: 0;
border-color: #000 transparent transparent #000 !important;
}
.cg-maxStay-block p.cg-maxStay-number {
left: -8px;
top: -8px;
}
p.cg-minStay-number, p.cg-maxStay-number {
color: #fff;
font-size: 9px;
font-weight: 700;
position: absolute;
margin: 0;
left: 2px;
top: 0;
}
.leftGridContainer .cell.cg-block:not(:last-child):before {
content: "";
position: absolute;
width: 1px;
background: #e8e6e6;
height: 100%;
right: -1px;
}
.leftGridContainer .cell.cg-block.closed-arrival:after,
.leftGridContainer .cell.cg-block.closed-departure:before {
content: "";
position: absolute;
width: 25px;
height: 20px;
background: transparent;
right: -1px;
border: 2px solid transparent;
z-index: 1;
}
.leftGridContainer .cell.cg-block.closed-departure:before {
width: 18px;
height: 18px;
border-top: 3px solid #dc3b75;
border-right: 3px solid #dc3b75;
border-radius: 3px;
bottom: auto;
top: 0;
}
.leftGridContainer .cell.cg-block.closed-arrival:after {
width: 18px;
height: 18px;
border-bottom: 3px solid #00c4cc;
border-left: 3px solid #00c4cc;
border-radius: 3px;
left: 0;
bottom: 0;
}
.leftGridContainer .cell.cg-block.closed-departure.not-allowed:before {
border-right-color: #aaa;
border-top-color: #aaa;
}
.leftGridContainer .cell.cg-block.closed-arrival.not-allowed:after {
border-left-color: #aaa;
border-bottom-color: #aaa;
}
.cg-block input:checked+span.cg-input-block {
background: #007aff;
border-color: #007aff;
}
.cg-block input:checked+span.cg-input-block:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 4px;
width: 5px;
height: 9px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.leftBody .ReactVirtualized__Grid__innerScrollContainer .cell {
align-items: self-start;
}
.cg-moreInfo-block {
font-weight: 300;
margin-bottom: 0;
color: rgb(33 37 41 / 60%);
font-size: 12px;
cursor: pointer;
text-decoration: underline;
text-underline-offset: 4px;
}
.cg-moreInfo-block svg path {
fill: rgb(33 37 41 / 60%);
}
.MaxGuest-Dflex .rm-icon {
align-items: flex-start;
}
.cg-moreInfo-block svg {
margin-left: 5px;
}
.prty-bx.grid-view .MaxGuest-Dflex {
align-items: flex-start;
}
.prty-bx.grid-view .prty-dic {
padding-top: 0;
border: 1px solid #E8E6E6 !important;
border-radius: 5px;
}
.ReactVirtualized__Grid.leftHeader {
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: #0A0A0A;
font-weight: 500;
border-bottom: 1px solid #E8E6E6;
}
.ReactVirtualized__Grid.rightHeader {
border-bottom: 1px solid #E8E6E6;
}
.leftGridContainer .ReactVirtualized__Grid.headerGrid, .ReactVirtualized__Grid.leftHeader.headerGrid, .rightGridContainer .rightGridContainerHeader.rightHeader {
border-bottom: 1px solid #ca3232;
background: #f5f5f5;
border: none;
}
.ReactVirtualized__Grid__innerScrollContainer .headerCell:not(:last-child):after {
height: 100%;
}
/* .headerCell.cg-block {
border-bottom: 1px solid #e8e6e6;
} */
.leftGridContainer {
border-right: 1px solid #E8E6E6;
position: relative;
border-right: none;
}
.leftGridContainer button.ch-button {
left: -12px;
}
.leftGridContainer button.ch-button.ch-next {
right: -12px;
}
.leftBody .ReactVirtualized__Grid__innerScrollContainer .cell,
.ReactVirtualized__Grid.rightBody .cell {
border-bottom: 1px solid #e8e6e6;
}
.prty-bx.grid-view #calendar-grid-wrapper {
padding: 0;
border-bottom: none !important;
}
.headerCell,
.leftCell,
.ReactVirtualized__Grid.rightBody .cell,
.rightGridContainer .rightHeader .cell {
border-right: 1px solid #e8e6e6;
}
.rightGridContainerHeader .cb-button-block label {
font-size: 12px !important;
font-weight: 400;
}
.leftGridContainer .ReactVirtualized__Grid.headerGrid,
.ReactVirtualized__Grid.rightHeader {
border-radius: 0;
}
.prty-bx.grid-view #calendar-grid-wrapper {
margin: 0;
/* width: 100%; */
}
.leftGridContainer .cell.cg-block.input-block.not-allowed {
cursor: not-allowed !important;
}
.leftGridContainer .disable-rates {
color: #aaa !important;
}
/* ----flexidates widget changes */
.widget-checkbox {
display: flex;
align-items: center;
margin-top: 12px;
}
.widget-checkbox input {
margin: 0 !important;
}
.widget-checkbox label {
margin: 0 10px 0 8px !important;
line-height: 15px !important;
}
.rate-info {
display: flex;
align-items: center;
}
/* .rate-info span.adultchildcount {
margin-left: 5px;
} */
.cell .rm-icon-inner.rm-meal {
margin: 0;
background-color: transparent;
border: 1px solid #d6d6d6;
align-self: unset;
}
/* ----flexidates widget changes */
.rightHeader div {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.rightHeader div label {
font-weight: 500;
}
.cell.room-name-block {
display: flex;
justify-content: center;
align-items: flex-start;
/* padding: 0.5em; */
}
.cell.room-name-block h3 {
text-transform: capitalize;
margin-bottom: 0;
}
.cell-hover-span {
position: fixed;
background: #3b3b3b;
color: white;
padding: 6px 12px;
border-radius: 4px;
font-size: 12px;
max-width: 300px;
z-index: 1000;
box-shadow: 0px 4px 6px rgba(96, 96, 96);
pointer-events: none
}
.cell .cg-moreInfo-block {
margin-top: 0;
}
.cell .rateName,
.cell.room-name-block h3 {
margin: 0 0 2px !important;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
overflow: hidden;
display: inline-block;
}
.cg-block .cg-sold-block {
color: #d23b3b;
font-size: 12px;
margin: 0;
line-height: normal;
}
.cell.cg-block.not-allowed .cg-sold-block.disable-rates {
color: #aaa;
}
.prty-bx.grid-view .leftGridContainer .ReactVirtualized__Grid.headerGrid,
.ReactVirtualized__Grid.leftHeader.headerGrid,
.rightGridContainer .rightGridContainerHeader.rightHeader {
border: none !important;
}
.leftGridContainer .cell.cg-block.input-block.cgDayHovered,
.cgInRange {
background-color: #cbcbcb6b;
cursor: pointer;
}
/* .rightMainGridContainer #headerGrid {overflow: hidden !important;}
.rightMainGridContainer .ReactVirtualized__Grid.headerGrid {overflow: hidden !important;} */
.cg-block.input-block.cgRange,
.cg-block.input-block.cgDayRateRange {
background-color: #cbcbcb6b;
}
/* .cgEndEdge,
.cgStartDepart {
background: linear-gradient(to top right, #cbcbcb6b 50%, transparent 0) !important;
} */
.leftGridContainer .cgEndEdge .cg-price-block,
.leftGridContainer .cg-block.cgEndEdge h4.cg-discount-block,
.leftGridContainer .cgStartDepart .cg-price-block,
.leftGridContainer .cgStartDepart h4.cg-discount-block {
/* color: #6c6c6c; */
opacity: 0.6;
}
.cell.cb-button-block label {
margin-left: 4px;
}
.remove-dates {
margin: 0;
}
.cg-main-wrapper .remove-dates {
font-size: 9px;
text-decoration: underline;
}
.cell.cb-button-block .remove-dates {
cursor: pointer;
}
.cb-total-inner {
width: auto;
text-wrap: nowrap;
font-weight: 600;
color: #000;
}
.cb-total-inner span {
margin-right: 0;
text-align: left;
line-height: 16px;
margin-bottom: 0;
margin-top: 0;
white-space: break-spaces;
display: inline-block;
width: max-content;
}
.cb-total-inner span+span.remove-dates {
margin-right: 0;
}
h4.cg-discount-block {
text-align: left;
padding-left: 0;
color: #000;
text-wrap: nowrap;
}
.total-amt {
background: #009900;
padding: 15px;
border-radius: 8px 8px;
text-align: center;
position: fixed;
bottom: 20px;
right: 20px;
box-shadow: 0 -2px 7px rgb(0 6 1 / 42%);
z-index: 9999;
}
.total-txt {
color: #fff;
font-weight: 600;
font-size: 16px;
/* margin-bottom: 8px; */
}
.complete-booking-btn {
border: none;
padding: 10px 20px;
border-radius: 8px;
background: #000601;
color: #fff;
font-size: 14px;
}
.calendar-grid-wrapper+.total-amt .skeleton-text__body {
margin-left: auto;
margin-right: auto;
margin-top: 10px;
width: 1;
}
.prty-bx.grid-view .leftGridContainer .ReactVirtualized__Grid.headerGrid::-webkit-scrollbar,
.ReactVirtualized__Grid::-webkit-scrollbar {
display: none;
}
.total-amt+button.ch-button {
width: 25px;
height: 25px;
}
.prty-bx.grid-view button.ch-button.ch-up {
/* padding: 15px; */
/* border-radius: 8px 8px; */
text-align: center;
position: fixed;
bottom: 128px;
right: 30px;
box-shadow: 0 -2px 7px rgb(0 6 1 / 42%);
z-index: 9999;
}
.cell.cg-block.input-block.cgStartArrival,
.cg-block.input-block.cgStartEdge {
background: linear-gradient(to top left, #cbcbcb6b 50%, transparent 0);
}
.cg-block.input-block.cgStartArrival .cg-main-wrapper::after,
.cg-block.input-block.cgStartDepart .cg-main-wrapper::after,
.cg-block.input-block.cgEndEdge .cg-main-wrapper::after,
.cg-block.input-block.cgStartEdge .cg-main-wrapper::after,
.cg-block.input-block.cgDayRateRange .cg-main-wrapper::after,
.cg-block.input-block.cgDayRateRange .cg-main-wrapper span.dayRate-depart {
background: #000;
content: attr(aria-label);
/* border: none !important; */
width: auto;
padding: 0px 10px;
font-size: 10px;
color: #fff;
position: absolute;
left: 0;
right: 0;
border-radius: 6px 6px 0 0;
display: flex;
align-items: center;
justify-content: center;
line-height: normal;
margin: 0;
}
.cgStartArrival .cg-main-wrapper::after,
.cg-block.input-block.cgDayRateRange .cg-main-wrapper::after,
.cg-block.input-block.cgStartEdge .cg-main-wrapper::after {
top: 0;
bottom: auto;
border-radius: 0px 0px 6px 6px !important;
}
.cgStartDepart .cg-main-wrapper::after,
.cg-block.input-block.cgDayRateRange .cg-main-wrapper span.dayRate-depart,
.cg-block.input-block.cgEndEdge .cg-main-wrapper::after {
bottom: 0;
}
.cg-price-wrapper {
line-height: 7px;
text-align: center;
/* display: inline-block; */
width: 100%;
}
.cell.cg-block.input-block.cgStartArrival::after,
.cg-block.input-block.cgDayRateRange::after,
.cg-block.input-block.cgStartEdge::after {
top: 0;
bottom: auto;
border-radius: 0px 0px 6px 6px;
}
.cell.cg-block.input-block.cgStartArrival .cg-price-wrapper {
margin-top: 15px;
}
.cg-price-wrapper h4.cg-discount-block {
text-align: center;
margin: 0;
line-height: 14px;
position: relative;
bottom: 4px;
}
h4.cg-discount-block,
.cb-total-inner {
background-color: transparent !important;
}
/* Iternal Booking Block */
.itenary-detail-wrapper {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 999;
max-width: 320px;
width: 100%;
height: auto;
border-radius: 10px 10px 0 0;
box-shadow: 0px 4px 16px 0px #16161640;
}
.itenary-detail-wrapper::after {
content: '';
position: fixed;
inset: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: -1;
}
.itenary-detail-wrapper .itdw-body {
height: calc(100% - 123px);
max-height: 380px;
overflow-y: auto;
background-color: #ffff;
border-radius: 10px 10px 0 0;
border: 1px solid #EBECF0;
}
.itdw-items .itdw-items-title {
padding: 8px 10px;
border-bottom: 1px solid #EBECF0;
}
.itenary-detail-wrapper .itdw-body .itdw-items {
margin-bottom: 3px;
}
.itdw-items .itdw-items-title h2 {
font-weight: 500;
font-size: 14px;
color: #1F2F3E;
margin: 0 !important;
text-transform: capitalize;
}
.itdw-items .itdwi-title {
padding: 5px 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.itdw-items .itdwi-title h4 {
color: #D8951E;
font-size: 12px;
font-weight: 400;
text-transform: capitalize;
text-decoration: none;
margin: 0 !important;
}
.itdwi-ci-detail {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 5px 10px;
}
.itdwi-ci-detail .itdwi-cid-left,
.itdwi-ci-detail .itdwi-cid-right {
display: flex;
flex-direction: column;
}
.itdwi-ci-rates h4 {
padding: 5px 10px;
font-size: 12px;
color: #1F2F3E;
margin: 0 !important;
}
.itdwi-cid-checkin {
font-weight: 400;
font-size: 12px;
text-transform: capitalize;
color: #1F2F3E;
margin: 0 !important;
}
.itdwi-cid-checkin-time {
font-weight: 400;
font-size: 9px;
color: #848789;
}
.itdwi-cir-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0px 10px 5px;
gap: 8px;
font-size: 12px;
color: #848789;
/* border-bottom: 1px dashed #1F2F3E; */
}
.itdwi-cir-item>span,
.itdwi-cir-total>span,
.total-txt>span,
.total-amt-bl>.total-txt {
margin: 0 !important;
}
.itdwi-cir-total {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px;
font-size: 12px;
font-weight: 700;
border-bottom: 1px dashed #9c9c9c;
border-top: 1px dashed #cacaca;
}
/* .itdw-items {
border-bottom: 1px solid #EBECF0;
} */
.itdw-footer {
background: #35401F;
padding: 10px;
text-align: center;
color: #fff;
border-radius: 0 0 10px 10px;
}
.total-txt {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
/* gap: 12px; */
/* font-weight: 700; */
}
.complete-booking-btn {
border: 1px solid transparent;
padding: 10px 20px;
border-radius: 8px;
background: #000601;
color: #fff;
font-size: 14px;
margin-top: 8px;
font-weight: 700;
}
.itenary-detail-wrapper .itdw-close {
all: unset;
position: absolute;
right: -10px;
top: -10px;
cursor: pointer;
}
/* Iternal Booking Block */
.grid-modal-footer .bkrm {
margin-right: 10px !important;
}
.total-txt div {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.total-txt span svg {
margin-left: 5px;
}
.cell.cb-button-block .room-selection-controller-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 12px;
width: 88px;
height: 32px;
border-radius: 16px;
border: 1px solid #d5d5d5;
padding: 4px 12px;
}
.cell.cb-button-block .room-selection-controller-wrapper>button {
background-color: transparent;
border: 0;
font-size: 16px;
font-weight: 500;
}
.cell.cb-button-block .room-selection-controller-wrapper>button:disabled {
cursor: not-allowed;
}
.cell.cb-button-block .room-selection-controller-wrapper>p {
margin-bottom: 0 !important;
font-size: 16px !important;
font-weight: 500 !important;
white-space: nowrap !important;
}
.cell.cb-button-block .room-selection-controller-wrapper {
width: 75px;
height: 28px;
column-gap: 5px;
padding: 5px 12px;
justify-content: space-between;
}
.cell.cb-button-block .room-selection-controller-wrapper p {
font-size: 12px !important;
}
.cell.cb-button-block .remove-dates svg,
.itdwi-title .remove-dates svg {
fill: transparent;
}
.cell.cb-button-block .remove-dates path,
.itdwi-title .remove-dates path {
stroke-width: 1px;
stroke: #000;
opacity: 0.9;
}
.total-txt span svg path {
fill: transparent !important;
stroke-width: 2px;
stroke: #fff;
}
.leftBody .ReactVirtualized__Grid__innerScrollContainer .cell,
.ReactVirtualized__Grid.rightBody .cell {
padding: 2px 8px;
}
.total-amt span.remove-dates {
font-size: 0;
}
.leftGridContainer .cell.cgSoldIcon .cg-main-wrapper .cg-price-block.disable-rates,
.leftGridContainer .cell.checkout-enable .cg-main-wrapper .cg-price-block.disable-rates {
position: absolute;
right: 8px;
top: 6px;
z-index: 2;
}
.leftGridContainer .cell.checkout-enable,
.leftGridContainer .cell.cgSoldIcon {
position: relative;
padding: 0;
text-align: center;
vertical-align: middle;
overflow: hidden;
}
.diagonal-line {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* pointer-events: none; */
/* z-index: 1; */
}
.leftGridContainer .cell.cg-block.input-block.checkout-enable,
.leftGridContainer .cell.cg-block.input-block.cgSoldIcon {
background: linear-gradient(to top right, transparent 50%, #f6f6f6 0) !important;
}
.leftGridContainer .cell.cg-block.input-block.disable-dates {
background: #f6f6f6;
}
.leftGridContainer .cell.cg-block.input-block.cgStartDepart:before,
.leftGridContainer .cell.cg-block.input-block.cgEndEdge:before {
background: linear-gradient(to top right, #cbcbcb6b 50%, transparent 0) !important;
width: 100%;
content: "";
position: absolute;
height: 100%;
right: -1px;
}
.leftMainGridContainer .cg-moreInfo-block {
white-space: nowrap;
}
.cell .rate-info .guest-info {
display: flex;
align-items: center;
flex-wrap: nowrap;
flex-direction: row;
gap: 1px;
margin-right: 10px;
}
.grid-beWidget .total-txt span {
font-size: 14px !important;
}
.rightGridContainerHeader .cb-button-block label {
white-space: nowrap;
overflow: hidden;
/* text-overflow: ellipsis; */
/* padding-left: 6px; */
}
/* grid rates hover css start */
.tabbed-hover {
border-radius: 7px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
max-width: 320px;
width: 320px;
white-space: normal;
overflow: hidden;
}
.discount-header {
background-color: #000;
color: #fff;
padding: 10px 20px;
font-weight: 500;
text-align: center;
position: relative;
font-size: 12px;
}
.discount-header::after {
content: '';
position: absolute;
right: -10px;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
}
.checkin-cta {
background-color: #000;
color: #fff;
border: none;
padding: 5px 20px;
font-size: 12px;
width: 100%;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.checkin-cta:hover {
transform: scale(1.02);
box-shadow: 0 5px 15px rgba(59, 130, 246, 0.4);
}
.checkin-cta::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
transition: left 0.5s;
}
.checkin-cta:hover::before {
left: 100%;
}
.hover-tabs {
display: flex;
background: #f8f9fa;
border-bottom: 1px solid #e9ecef;
}
.tab-btn {
flex: 1;
padding: 12px 12px;
background: none;
border: none;
cursor: pointer;
font-weight: 500;
color: #6c757d;
transition: all 0.3s ease;
font-size: 12px;
}
.tab-btn.active {
background: white;
color: #2563eb;
border-bottom: 3px solid #2563eb;
}
.tabbed-hover .tab-content {
padding: 12px;
display: none;
min-height: 120px;
}
.tabbed-hover .tab-content.active {
display: block;
}
.policy-text {
font-size: 12px;
line-height: 1.6;
color: #495057;
padding: 0 12px;
}
.included-list {
list-style: disc;
}
.included-item {
padding: 8px 0;
border-bottom: 1px solid #f1f3f4;
position: relative;
font-size: 12px;
color: #495057;
}
.included-list {
padding-left: 20px;
}
.tabbed-hover .tab-content .price-breakdown {
background: #f8f9fa;
padding: 0 12px;
border-radius: 8px;
}
.price-row {
display: flex;
justify-content: space-between;
margin-bottom: 4px;
font-size: 12px;
}
.price-total {
font-weight: 700;
color: #000;
border-top: 2px solid #dee2e6;
padding-top: 8px;
font-size: 14px;
}
/* price breakdown css */
.tabbed-hover .card {
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.08);
overflow: hidden;
transition: all 0.3s ease;
}
.tabbed-hover .card:hover {
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1) !important;
}
.tabbed-hover .card-header, .tabbed-hover .card-header * {
background-color: #000000 !important;
color: #ffffff !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.tabbed-hover .badge {
font-weight: 500;
border-radius: 4px;
}
span.rate-description {
font-size: 10px !important;
}
/* Price breakdown section */
.tabbed-hover .card-body .price-breakdown {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.tabbed-hover .breakdown-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
transition: background-color 0.2s ease;
}
.tabbed-hover .breakdown-row:last-child {
border-bottom: none;
}
.tabbed-hover .breakdown-row:hover {
background-color: rgba(0, 0, 0, 0.01);
}
.tabbed-hover .free-night {
background-color: rgba(25, 135, 84, 0.04);
}
.tabbed-hover .free-night .date-info {
display: flex !important;
align-items: center;
flex-direction: unset;
gap: 5px !important;
}
.tabbed-hover .date-info {
display: flex;
flex-direction: column;
}
.tabbed-hover .date {
font-weight: 500;
font-size: 1rem;
color: #212529;
}
.tabbed-hover .free-badge {
display: inline-block;
font-size: 0.8rem;
color: #198754;
font-weight: 500;
margin-top: 4px;
background-color: #e9fdf0;
padding: 1px 6px;
border-radius: 50px;
}
.tabbed-hover .free {
font-size: 0.8rem;
color: #16a34a;
font-weight: 700 !important;
}
.tabbed-hover .price-info {
text-align: right;
display: flex;
flex-direction: column;
}
.tabbed-hover .original-price {
font-size: 0.8rem;
color: #6c757d;
text-decoration: line-through;
}
.tabbed-hover .current-price {
font-weight: 600;
font-size: 1.1rem;
color: #212529;
}
.tabbed-hover .current-price.free {
color: #198754;
}
.tabbed-hover .savings * {
font-size: 0.8rem;
color: #dc3545 !important;
font-weight: 500;
}
/* Taxes Section */
.tabbed-hover .taxes-section {
padding: 16px 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.tabbed-hover .tax-row {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
}
.tabbed-hover .tax-row:last-child {
margin-bottom: 0;
}
.tabbed-hover .tax-type {
width: 70%;
font-size: 0.9rem;
text-align: left;
color: #6c757d;
}
.tabbed-hover .tax-amount {
width: 30%;
font-size: 10px !important;
font-size: 0.9rem;
font-weight: 500;
color: #212529;
text-align: right;
}
/* Total section */
.tabbed-hover .total-section {
padding: 16px 20px;
background-color: rgba(0, 0, 0, 0.02);
}
.tabbed-hover .total-row {
display: flex;
justify-content: space-between;
align-items: center;
}
.tabbed-hover .total-label {
font-size: 1.1rem;
font-weight: 600;
color: #212529;
}
.tabbed-hover .total-amount {
text-align: right;
}
.tabbed-hover .total-price {
font-size: 1.2rem;
font-weight: 700;
color: #212529;
}
.tabbed-hover .tax-note {
font-size: 0.8rem;
color: #6c757d;
}
.tabbed-hover .tab-content.active ul.included-list {
max-height: 95px;
overflow-x: hidden;
overflow-y: auto;
}
.tabbed-hover .tab-content.active .policy-text {
max-height: 95px;
height: auto;
overflow-x: hidden;
overflow-y: auto;
}
.tabbed-hover .card-body .price-breakdown {
max-height: 260px;
overflow-y: auto;
}
.grid-totalRates {
width: 120px;
flex-wrap: wrap;
row-gap: 0 !important;
column-gap: 5px !important;
}
.grid-totalRates h4 {
margin: 2px 0 0 0 !important
}
.grid-popover .popover-arrow {
display: none;
}
.tabbed-hover.Pricebreakdown .hideDownArrow {
display: inline-block;
transform: rotate(180deg);
transition: transform 0.3s ease;
}
/* grid rates hover css end */
span.flexiview.dayuse-sun-icon svg {
margin-bottom: 2px !important;
}
/* Tooltip - matches SavingDropdown styling */
.gridTooltip.tooltip .tooltip-inner {
background-color: #fff;
color: #000;
font-size: 12px;
font-weight: 400;
padding: 10px;
border-radius: 5px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
text-transform: capitalize;
text-align: left;
max-width: 200px;
}
.gridTooltip.show {
opacity: 1 !important;
z-index: 999999 !important;
}
.gridTooltip.tooltip .tooltip-arrow::before {
border-top-color: #fff;
border-bottom-color: #fff;
}
.grid-modal.modal.show {
display: block;
}
@supports (-moz-appearance: none) {
.prty-bx.grid-view .leftGridContainer .ReactVirtualized__Grid.headerGrid,
.ReactVirtualized__Grid {
scrollbar-width: none;
}
}
@media (min-width: 768px) {
.leftMainGridContainer .cell {
text-align: left;
}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.leftGridContainer .cg-block h4.cg-discount-block {
font-size: 11px !important;
}
.leftGridContainer .cg-price-block {
font-size: 12px;
}
.leftGridContainer .cg-block .cg-date {
font-size: 14px;
}
.rightGridContainerHeader .cb-button-block label {
font-size: 11px !important;
word-wrap: break-word;
}
.cell.cb-button-block .room-selection-controller-wrapper {
width: 60px;
height: 28px;
column-gap: 5px;
padding: 5px 5px;
}
.cb-total-inner span, .tabbed-hover .total-label {
font-size: 12px !important;
}
span.adultchildcount+i, .tabbed-hover .total-price{
font-size: 14px !important;
}
.cell.room-name-block h3,
.cell .rateName {
font-size: 12px !important;
}
.rightGridContainer .booknow-btn {
min-width: 65px;
}
.leftGridContainer button.ch-button {
width: 22px;
height: 22px;
}
.leftGridContainer button.ch-button svg {
width: 14px;
}
.leftGridContainer .cg-day,
.leftGridContainer .cg-block .cg-date,
.leftGridContainer .cg-month {
font-size: 10px;
}
.leftGridContainer .cg-price-block, .price-row.price-total {
font-size: 12px !important;
}
.leftGridContainer .cg-block h4.cg-discount-block,
h4.cg-discount-block {
font-size: 10px !important;
line-height: 12px;
}
.rightGridContainerHeader .cb-button-block label {
font-size: 10px !important;
word-wrap: break-word;
}
.cell.cb-button-block .room-selection-controller-wrapper > button {
font-size: 14px;
}
.cb-total-inner span, .cell.cb-button-block .room-selection-controller-wrapper p,
.grid-beWidget .total-txt span, .cg-moreInfo-block, .checkin-cta, .discount-header, .tab-btn, .price-row,
.tabbed-hover .card-header, .tabbed-hover .card-header, .tabbed-hover .card-header *, .tabbed-hover .date,
.tabbed-hover .price-info .original-price, .tabbed-hover .price-info .current-price, .tabbed-hover .price-info .savings,
.tabbed-hover .savings *, span.adultchildcount, .included-item, .policy-text {
font-size: 10px !important;
}
.cg-main-wrapper .remove-dates {
font-size: 7px;
}
p.cg-minStay-number, p.cg-maxStay-number {
font-size: 8px;
}
.cg-moreInfo-block svg {
height: 8px;
width: 8px;
}
.cell .rm-icon-inner.rm-meal>img{
max-width: 12px;
}
.cell .rm-icon-inner.rm-meal{
padding: 3px 7px;
}
.tabbed-hover {
width: 265px !important;
}
span.rate-description, .cg-block.input-block.cgStartArrival .cg-main-wrapper::after,
.cg-block.input-block.cgStartDepart .cg-main-wrapper::after, .cg-block.input-block.cgEndEdge .cg-main-wrapper::after,
.cg-block.input-block.cgStartEdge .cg-main-wrapper::after, .cg-block.input-block.cgDayRateRange .cg-main-wrapper::after,
.cg-block.input-block.cgDayRateRange .cg-main-wrapper span.dayRate-depart {
font-size: 8px !important;
}
.cg-minStay-block, .cg-maxStay-block {
border-width: 10px;
}
.cell.cb-button-block .remove-dates svg {
width: 17px;
height: 16px;
margin-right: 5px;
}
.prty-dic .grid-totalRates h4.cg-discount-block {
margin-bottom: 0 !important;
margin-top: 4px;
font-size: 9px !important;
width: 100%;
text-align: left !important;
}
.cb-total-inner {
line-height: 0px;
}
.cb-button-block {
padding-left: 0;
}
}
@media (max-width: 1199px) {
.cell.cb-button-block .room-selection-controller-wrapper {
width: 56px;
padding: 5px;
}
}
@media (max-width: 991px) {
.grid-beWidget {
right: 10px;
bottom: 10px;
}
.grid-beWidget .total-txt span {
font-size: 12px !important;
}
}
/* collect cc modal css start */
.payment-wrapper .pw-title {
font-size: 18px;
border-bottom: 1px dashed #242424;
}
.pw-input-block .pw-email {
margin: 0;
margin-top: 5px;
font-size: 14px;
color: #808080;
line-height: normal;
}
.pw-input-block .pw-name {
font-size: 18px;
font-weight: 500;
color: #000;
display: inline-block;
vertical-align: middle;
line-height: normal;
}
.prty-bx .cc-header+.cd-wrapper {
border-top: none;
}
.cd-wrapper .pw-input-block {
margin-bottom: 10px !important;
position: relative;
}
.cd-wrapper .pw-input-block .pw-name {
font-size: 12px;
font-weight: 400;
}
.cd-wrapper .pw-input-block .pw-input {
background: #f5f5f5;
margin: 8px 0;
border: 1px solid #ddd;
border-radius: 4px;
padding: 10px;
font-size: 14px;
padding-right: 35px;
}
.cd-wrapper .pw-input-block .pw-input::placeholder {
font-size: 13px;
}
.cc-ex-date-block {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
justify-content: space-between;
align-items: flex-start;
}
.cd-wrapper .pw-input-block i {
position: absolute;
right: 10px;
top: 45px;
bottom: auto;
display: flex;
align-items: center;
justify-content: center;
}
.cd-wrapper .pw-input-block p#inputError {
margin: 0;
}
:has(.cc-loader) .confirmshow-msg .modal-dialog {
max-width: 75%;
width: 100%;
}
:has(.cc-loader) .confirmshow-msg .confirm-loader+h3,
:has(.voucher-loader) .confirmshow-msg .confirm-loader+h3 {
font-size: 20px;
}
.confirmshow-msg .confirm-loader+h3 {
font-size: 20px;
}
.cc-header {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: bold;
}
.credit-notes {
margin-bottom: 8px;
}
.card-imgs-main {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.card-imgs-main .card-img {
width: 30%;
height: auto;
text-align: left;
}
.card-imgs-main .card-imgs {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin: 10px;
}
.card-imgs-main .card-imgs img {
height: auto;
width: 34px;
}
.card-imgs-main .card-img img {
width: 100px;
}
.payment-wrapper .cc-ex-date-block .pw-input-block:first-child {
grid-template-columns: 150px 1fr;
}
.payment-wrapper .cc-ex-date-block .pw-input-block:last-child {
grid-template-columns: 50px 1fr;
}
.cd-wrapper .pw-input-block .pw-input {
padding-right: 15px;
}
.collect-cc-content {
border: 1px solid #DDDDDD;
border-radius: 3px;
}
.payment-opt>input {
height: 17px;
}
.payment-opt>label {
flex-grow: 1;
flex-shrink: 0;
}
.spinner_loader .spinner-container {
opacity: 1;
}
.spinner_loader {
opacity: 1;
background: #bdbdbd7a;
}
@media screen and (max-width: 575px) {
.cd-wrapper .pw-input-block {
grid-template-columns: 75px 1fr;
}
.payment-wrapper .cc-ex-date-block .pw-input-block:first-child,
.payment-wrapper .cc-ex-date-block .pw-input-block:last-child {
grid-template-columns: 75px 1fr;
}
.card-imgs-main .card-imgs img {
width: 30px;
}
.card-imgs-main .card-img img {
width: 60px;
}
}
/* collect cc css ends */
.price-spinner {
--clr: rgba(0, 0, 0, 0.658);
--gap: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--gap);
width: 32px;
height: 3px;
}
.price-spinner span {
width: 5px;
height: 5px;
border-radius: 100%;
background-color: var(--clr);
opacity: 0;
}
.price-spinner span:first-child {
-webkit-animation: fade 1s ease-in-out infinite;
animation: fade 1s ease-in-out infinite;
}
.price-spinner span:nth-child(2) {
-webkit-animation: fade 1s ease-in-out 0.33s infinite;
animation: fade 1s ease-in-out 0.33s infinite;
}
.price-spinner span:nth-child(3) {
-webkit-animation: fade 1s ease-in-out 0.66s infinite;
animation: fade 1s ease-in-out 0.66s infinite;
}
@-webkit-keyframes fade {
0%,
100% {
opacity: 1;
}
60% {
opacity: 0;
}
}
@keyframes fade {
0%,
100% {
opacity: 1;
}
60% {
opacity: 0;
}
}
.isSubscribed-mr {
/* margin-right: 8px !important; */
}
.dis-pro-btn {
cursor: not-allowed;
opacity: 0.5;
}
.pro-btn {
height: 40px;
}
.pro-li-in-wrp {
border: 1px solid #c9c7c7 !important;
/* border: 1px solid gray; */
border-radius: 5px;
padding: 18px;
background-color: #f2f2f2;
margin-top: 10px;
}
.pro-li-in-wrp p {
margin-bottom: 0px !important
}
.selectWrapperInside .header .pglbl.single-pg {
padding: 0;
border-radius: 4px 4px 0 0;
}
/* Price Summary Card start */
.price-summary-wrapper {
/* border-top: 1px solid var(--border-color, #e1e3e7); */
padding-top: 12px;
margin-top: 4px;
}
.price-summary-card {
border: 1px solid var(--border-color, #e1e3e7);
border-radius: 8px;
padding: 16px;
margin-bottom: 12px;
background-color: #fafbfc;
}
.price-summary-title {
font-weight: 700;
font-size: 15px;
margin-bottom: 12px;
padding-bottom: 8px;
border-bottom: 1px solid var(--border-color, #e1e3e7);
}
.price-summary-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 6px 0;
font-size: 14px;
font-weight: 500;
}
.price-summary-indent {
padding-left: 8px;
}
.price-summary-discount {
color: #28a745;
}
.price-summary-discount span {
color: #28a745;
font-weight: 500;
}
.price-summary-after-discounts {
background-color: rgba(0, 0, 0, 0.06);
border-radius: 4px;
padding: 8px;
margin: 4px -8px;
}
.price-summary-fees {
cursor: pointer;
}
.price-summary-fees-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 4px 0 4px 8px;
font-size: 13px;
}
.price-summary-total-amount {
border-top: 1px solid var(--border-color, #e1e3e7);
padding-top: 10px;
margin-top: 6px;
}
.price-summary-total-amount span {
font-size: 15px;
}
.price-summary-pay-now {
background-color: rgba(0, 0, 0, 0.06);
border-radius: 4px;
padding: 10px 8px;
margin: 8px -8px 4px;
}
.price-summary-pay-now span {
font-size: 15px;
}
.price-summary-balance-due {
padding: 6px 0 2px;
}
.price-summary-balance-due span {
font-size: 14px;
color: var(--color-gray, #535353);
}
/* Price Summary Card end */
/* payment currency convertor start */
.payment-amount {
min-height: 18px;
padding: 0 15px 8px;
color: #666;
font-size: 12px;
text-align: right;
}
.payment-summary-amount {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.payment-summary-amount .payment-amount {
padding: 2px 0 0;
font-weight: 400;
}
.payment-currency-note {
display: flex;
gap: 10px;
width: 100%;
margin: 0 0 10px;
padding: 12px;
border: 1px solid #e6ad39;
border-radius: 6px;
background-color: #fff1cc;
color: #5d4516;
font-size: 12px;
font-weight: 400;
line-height: 1.35;
text-align: left;
}
.tourisamFeesText {
margin: 10px 0;
}
.payment-currency-note p {
margin: 0;
}
.payment-currency-note__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
flex-shrink: 0;
border-radius: 50%;
background-color: #e6ad39;
color: #fff;
font-size: 11px;
font-weight: 700;
}
/* payment currency convertor end */
/* Container: side-by-side cards + info bar below */
.pay-option-cards-container {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
/* Each card: equal width, stacked content */
.pay-option-card {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
padding: 8px 12px;
border: 1px solid var(--SecondaryBtnBgColor, #fff);
border-radius: 8px;
background-color: var(--SecondaryBtnFontColor, #009900);
color: var(--SecondaryBtnBgColor, #fff);
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
outline: none;
text-align: center;
min-width: 0;
}
.pay-option-card--selected {
background-color: var(--SecondaryBtnBgColor, #fff);
color: var(--SecondaryBtnFontColor, #009900);
border-color: var(--SecondaryBtnFontColor, #009900);
font-weight: bold;
}
/* Header row: title + badge inline */
.pay-option-card__header {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 6px;
width: 100%;
}
.pay-option-card__title {
font-size: 13px;
font-weight: 600;
color: inherit;
line-height: 1.4;
white-space: nowrap;
}
.pay-option-card__badge {
font-size: 10px;
font-weight: 600;
color: inherit;
opacity: 0.8;
line-height: 1;
overflow-wrap: break-word;
word-break: break-word;
}
/* Price row below header */
.pay-option-card__price {
font-size: 14px;
font-weight: 700;
color: inherit;
line-height: 1.4;
margin-top: 2px;
overflow-wrap: break-word;
word-break: break-word;
}
/* Due Later sub-line inside Pay Now card */
.pay-option-card__due-later {
font-size: 11px;
font-weight: 500;
color: inherit;
opacity: 0.8;
line-height: 1.3;
margin-top: 2px;
}
/* Info bar below cards */
.pay-option-info {
display: flex;
align-items: center;
gap: 6px;
width: 100%;
font-size: 12px;
font-weight: 500;
color: #009900;
line-height: 1.4;
padding: 6px 10px;
border-radius: 6px;
background-color: rgba(0, 153, 0, 0.1);
margin-bottom: 12px;
}
.pay-option-info::before {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background: #009900;
flex-shrink: 0;
}
/* Warning variant for Pay Later info */
.pay-option-info--warning {
color: #c8860a;
background-color: rgba(200, 134, 10, 0.1);
}
.pay-option-info--warning::before {
background: #c8860a;
}
@media screen and (max-width: 575px) {
.pay-option-cards-container {
gap: 6px;
}
.pay-option-card {
padding: 7px 10px;
}
.pay-option-card__title {
font-size: 12px;
}
.pay-option-card__badge {
font-size: 9px;
}
.pay-option-card__price {
font-size: 13px;
}
.pay-option-card__due-later {
font-size: 10px;
}
.pay-option-info {
font-size: 11px;
}
}
/* Fonts */
:root {
/* --font-default: 'Inter', sans-serif !important; */
}
/* Colors */
:root {
--color-default: #1579b2;
--color-dark: #333;
--color-gray: #535353;
--border-color: #e1e3e7;
--color-light-default: #ecf5ff;
--color-delete: #ea4316;
}
/* Smooth scroll behavior */
:root {
scroll-behavior: smooth;
}
* {
box-sizing: border-box;
padding: 0;
margin: 0;
}
body {
/* font-family: 'Inter', sans-serif !important; */
}
input:focus,
.form-control:focus,
.form-select:focus {
box-shadow: none;
border-color: #337AB7;
}
.cursor-pointer {
cursor: pointer;
}
.header-wrapper {
padding: 20px;
background-color: #fff;
box-shadow: 0px 3px 8px 2px rgba(0, 0, 0, 0.1);
}
.hotel-title {
font-size: 24px;
margin-bottom: 0;
}
.mainform-wrapper {
padding: 20px;
}
.checkInlbl span {
color: #878787;
font-size: 12px;
}
.chekin-wrapper {
display: flex;
margin-top: 15px;
}
.pricesDiv span {
font-weight: 500;
font-size: 14px;
margin: 0;
}
.chekin-wrapper.pricing {
border: 1px solid #DDDDDD;
border-radius: 5px;
padding: 14px 20px;
justify-content: space-between;
margin-bottom: 20px;
align-items: center;
}
.gdciowrp .checkin {
width: 30%;
}
.pricing .checkbox input[type=checkbox] {
/* position: relative; */
width: auto;
/* top: 2px; */
}
.subTotal {
border-bottom: 1px solid #DDDDDD;
padding-bottom: 15px;
}
/* .chekin-wrapper .checkin {
width: 30%;
}
.chekin-wrapper .checkin small {
font-size: 14px;
color: var(--color-gray);
display: block;
margin-bottom: 5px;
}
.chekin-wrapper .checkin p,
.checkIndate {
font-weight: 500;
font-size: 13px;
margin-bottom: 0;
} */
.guestdetails-wrapper {
margin-top: 20px;
font-size: 18px;
font-weight: 500;
}
.guestdetails-wrapper .guestdetails {
display: flex;
gap: 30px;
}
.frmgrp-input.disable {
background-color: #f8f8f8;
border: 1px solid #f8f8f8;
pointer-events: none;
}
.guestdetails-wrapper .form-label,
.country_select label {
color: var(--color-gray);
font-size: 14px;
font-weight: 300;
margin-bottom: 4px;
}
.guestdetails-wrapper .form-select,
.country_select select {
height: 48px;
font-size: 14px;
border-radius: 4px;
}
.frmgrp-input {
height: 48px;
font-size: 14px;
margin-top: 0;
}
.rooms-wrapper,
.contact-wrapper {
/* border: 1px solid #ddd; */
border-radius: 10px;
padding: 20px;
margin-bottom: 20px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.rooms-wrapper h5 {
font-size: 20px;
}
.contact-wrapper p {
color: var(--color-dark);
font-weight: 600;
margin-bottom: 0;
}
.contact-wrapper .form-check {
margin-top: 15px;
}
.form-label svg {
vertical-align: middle;
width: 12px;
height: 12px;
cursor: pointer;
}
.childAges {
font-size: 12px;
color: #337AB7;
cursor: pointer;
}
.childAges svg {
width: 14px;
height: 14px;
margin-left: 5px;
}
.childAges svg path {
fill: #337AB7;
}
.form-switch input {
opacity: 0;
padding: 0;
}
.form-switch label:before {
content: "";
position: absolute;
width: 30px;
height: 16px;
border: 1px solid #878787;
border-radius: 50px;
left: -40px;
top: 5px;
cursor: pointer;
background-color: #878787;
}
.form-switch label::after {
content: "";
position: absolute;
left: -36px;
top: 8px;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 50px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.form-switch input:checked+label:before {
background-color: #337AB7;
border-color: #337AB7;
}
.form-switch input:checked+label::after {
left: -23px;
}
.bookBtn {
background: #F5F8FB;
/* padding: 10px 20px; */
border-radius: 5px;
color: #337AB7;
font-weight: 500;
font-size: 14px;
padding: 8px 20px;
/* min-width: auto; */
height: 39px;
position: relative;
}
/* Book More button disabled state */
.bookBtn--disabled {
/* opacity: 0.5; */
cursor: not-allowed !important;
}
/* Book More button tooltip (shown on hover when disabled) */
.reservation-card-header span.bookBtn-tooltip {
position: absolute;
top: 100%;
left: unset;
right: 0;
width: 245px;
margin-top: 8px;
background-color: #fff;
color: #000;
padding: 6px 12px;
border-radius: 4px;
font-size: 12px;
font-weight: 400;
white-space: normal;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
z-index: 1000;
pointer-events: none;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.reservation-card-header span.bookBtn-tooltip::before {
content: "";
position: absolute;
bottom: 100%;
left: 72%;
border-width: 6px;
border-style: solid;
border-color: transparent transparent #fff transparent;
filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.4));
}
.bookBtn--disabled:hover .bookBtn-tooltip,
.bookBtn--disabled:focus-visible .bookBtn-tooltip {
opacity: 1;
visibility: visible;
}
@media (hover: none) and (pointer: coarse) {
.bookBtn--disabled:active .bookBtn-tooltip {
opacity: 1;
visibility: visible;
}
}
.packageName {
font-size: 16px;
font-weight: 500;
margin-bottom: 4px;
}
.policyLink {
cursor: pointer;
color: #337AB7;
text-decoration: underline;
margin-bottom: 6px;
border: none;
background: transparent;
font-size: 12px;
}
.username {
font-size: 18px;
}
.pricing .btn-tax-amnt {
color: black !important;
border-bottom: none !important;
flex-shrink: 0;
}
.guestdetails-wrapper .beddingWrapper .beddingLable {
font-size: 14px;
}
.adultchild-wrapper label {
font-size: 14px;
font-weight: 300;
}
.estimated-arrival-wrapper label {
font-size: 14px;
font-weight: 300 !important;
}
.form-group input {
padding: 7px 10px;
margin-top: 0;
border-radius: 4px;
}
.dialcode-dropdown .dialcode-dropbtn {
height: 48px;
border-radius: 6px;
}
.i-icon i:hover+.discount-rate-text {
background: red;
color: #fff;
padding: 5px 10px;
position: absolute;
font-size: 12px;
font-weight: 600;
border-radius: 4px;
height: auto;
display: inline-block;
right: 30px;
width: max-content;
top: -12px;
}
.mblRoomDetails .mblPricing span.i-icon i+span.discount-rate-text:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid red;
border-right: 0;
position: absolute;
right: -6px;
left: auto;
top: 7px
}
.discount-rate-text::before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid red;
border-right: 0;
position: absolute;
right: -6px;
left: auto;
}
span.discount-rate-text {
display: none;
}
.guestdetails-wrapper .rooms-guestDetailsLable {
color: #333;
color: var(--color-dark);
font-size: 14px;
font-weight: 600;
}
#countryCodeDropDwn.form-control-contact [class$=-control],
.form-control:focus {
background-color: #ebf6ff;
border-color: #337ab7 !important;
}
.form-control:focus,
.form-select:focus,
input:focus,
select:focus {
border-color: #337ab7;
box-shadow: none;
}
.estimated-arrival-wrapper .form-select {
height: 48px;
font-size: 14px;
border-radius: 4px;
}
.form-label svg {
cursor: pointer;
height: 15px;
vertical-align: middle;
width: 15px;
}
.taxes-inner.pricesDiv span {
font-size: 12px !important;
word-break: break-word;
}
@media screen and (max-width: 1200px) {
.chekin-wrapper.pricing {
position: relative;
}
.gdciowrp .checkin {
width: 50%;
}
/* .chekin-wrapper .checkin {
width: 50%;
} */
.chekin-wrapper.pricing .ad-ch-mobile {
/* flex-direction: row;
left: auto;
padding-right: 10px;
position: absolute;
right: 0; */
}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
/* .chekin-wrapper.pricing {
flex-direction: column;
} */
/* .chekin-wrapper.pricing .checkin {
margin-bottom: 6px;
width: 50%;
} */
/* .chekin-wrapper.pricing .checkin {
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 6px;
} */
.chekin-wrapper .checkin p,
.checkIndate {
font-size: 14px;
}
}
@media screen and (max-width: 991px) {
.chekin-wrapper.pricing .ad-ch-mobile {
/* flex-direction: row;
left: auto;
padding-right: 10px;
position: absolute;
right: 0;
width: auto; */
}
.chekin-wrapper.pricing {
padding: 10px 12px;
margin-bottom: 20px;
margin-top: 20px;
}
.chekin-wrapper .checkin p,
.checkIndate {
font-size: 14px;
}
.rooms-wrapper h5 {
font-size: 18px;
}
.guestdetails-wrapper {
font-size: 16px;
}
.packageName,
.username,
.pricesDiv,
.acceptlabel {
font-size: 14px;
}
.policyLink {
font-size: 12px;
}
.bookBtn {
font-size: 14px;
}
.bookBtn svg {
width: 6px;
height: 12px;
}
}
@media screen and (max-width: 575px) {
.chekin-wrapper.pricing .checkin {
justify-content: space-between;
margin-bottom: 6px;
width: 100%;
}
.gdciowrp .checkin {
width: 50%;
}
/* .chekin-wrapper .checkin {
width: 50%;
} */
.child-age-wrapper {
padding-left: 0;
justify-content: flex-start !important;
}
.rooms-wrapper h5 {
font-size: 16px;
line-height: 24px;
}
.rooms-wrapper,
.contact-wrapper,
.mainform-wrapper {
padding: 15px;
}
.hotel-title {
font-size: 20px;
}
.contact-wrapper .form-switch .form-check-label {
font-size: 14px;
}
.chekin-wrapper.pricing {
align-items: center;
/* flex-direction: column; */
}
/* .chekin-wrapper.pricing .checkin {
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 6px;
} */
.frmgrp-input,
.guestdetails-wrapper .form-select {
height: 44px;
}
.estimated-arrival-wrapper .form-select {
height: 44px !important;
}
.deleteIo svg {
width: 24px;
height: 20px;
}
.downArrow svg {
width: 12px;
height: 14px;
}
.mblRoomDetails .mblPricing span.i-icon {
position: absolute;
left: -15px;
z-index: 9;
width: auto;
}
.mblRoomDetails .mblPricing label {
position: relative;
}
.caRoomMain+.guestsSize {
margin: 0;
height: 30px;
position: absolute;
right: 0;
}
.caRoomSelected.pckg_nme {
width: 100%;
}
.caRoomMain {
width: 100%;
}
.caRoomSelected.pckg_nme+.roomSize {
position: absolute;
top: 50px;
width: auto;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice {
width: min-content;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice span.cyrLineThrough {
text-align: left;
}
}
.deleteIo {
padding: 8px 10px;
font-size: 14px;
border-radius: 5px;
display: inline-flex;
align-items: center;
border: none;
background: transparent;
}
.deleteIo-disabled {
cursor: not-allowed !important;
}
.deleteIo:hover svg path {
stroke: #fe3245;
}
.deleteIo>span {
display: none;
line-height: 14px;
margin: 0 6px 0 0;
}
.deleteIo:hover {
background: #ffe9eb;
color: #fe3245;
}
.deleteIo:hover>span {
display: block;
}
.checkInlbl span.adult-child-icon {
color: #c3c3c3;
}
.subTotal span {
font-weight: 700 !important;
margin-bottom: 0;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.chekin-wrapper.pricing {
padding: 10px 15px;
align-items: center;
}
}
.acceptlabel {
color: #000000;
font-size: 12px;
}
.tokenisation-info {
background-color: #f0f7ff;
border-left: 3px solid #0078d4;
border-radius: 4px;
padding: 10px 12px;
margin-top: 8px;
}
.tokenisation-info-item {
font-size: 12px;
color: #333333;
margin: 0;
padding: 3px 0;
line-height: 1.5;
font-weight: 600;
}
.tokenisation-icon {
margin-right: 6px;
font-size: 11px;
}
.subscribe-wrapper label {
font-size: 12px;
}
.rooms-wrapper span.taxes-breakdown {
display: inline-block;
margin-bottom: 10px;
width: 100%;
}
.addonRate svg {
cursor: pointer;
height: 10px;
margin-left: 5px;
width: 10px;
}
.g-total-inner span {
font-size: 14px;
font-weight: 700;
}
.pricing .rooms-wrapper .pg-btn .completeBtn, .payment-components-in-form .pg-btn .completeBtn {
height: auto;
padding: 6px 10px;
line-height: normal;
}
.completeBtn, .payment-components-in-form .completeBtn {
background: #337ab7;
color: #fff;
font-size: 16px;
margin-top: 20px;
text-align: center;
width: 100%;
}
.payment-components-in-form .completeBtn {
width: 240px;
}
.reserve-main-box {
padding-left: 10px;
padding-right: 10px;
}
/* Room fee description info icon + tooltip */
.fee-info-wrapper {
position: relative;
display: inline-flex;
align-items: center;
margin-left: 8px;
cursor: pointer;
outline: none;
}
.fee-info-wrapper .fee-desc-icon {
margin-left: 2px;
}
.fee-desc-icon {
display: inline-flex;
align-items: center;
color: #6b6b6b;
line-height: 0;
}
.fee-info-wrapper .fee-info-tooltip {
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
margin-bottom: 8px;
background-color: #1f1f1f;
color: #fff;
padding: 6px 10px;
border-radius: 6px;
font-size: 12px;
font-weight: 400;
line-height: 1.4;
white-space: normal;
width: max-content;
max-width: 220px;
text-align: left;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
z-index: 1000;
pointer-events: none;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.fee-info-wrapper .fee-info-tooltip::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border-width: 5px;
border-style: solid;
border-color: #1f1f1f transparent transparent transparent;
}
.fee-info-wrapper:hover .fee-info-tooltip,
.fee-info-wrapper:focus-visible .fee-info-tooltip {
opacity: 1;
visibility: visible;
}
@media (hover: none) and (pointer: coarse) {
.fee-info-wrapper:active .fee-info-tooltip {
opacity: 1;
visibility: visible;
}
}
.mblRoomDetails .mblPricing span.i-icon i+span.discount-rate-text:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid red;
border-right: 0;
position: absolute;
right: -6px;
left: auto;
top: 7px
}
.discount-rate-text::before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid red;
border-right: 0;
position: absolute;
right: -6px;
left: auto;
}
span.discount-rate-text {
display: none;
}
h4.discount-rate {
display: inline-block;
width: auto;
text-wrap: nowrap;
white-space: nowrap;
margin: 5px 0px 0px 0px;
text-decoration-line: line-through;
text-decoration-color: red;
line-height: 14px;
}
h4.discount-rate .i-icon {
align-items: center;
display: flex;
height: 15px;
justify-content: center;
margin: 0;
padding: 0;
width: 15px;
float: left;
position: relative;
font-size: 11px;
}
h4.discount-rate .i-icon i {
margin: 0 5px 0 0;
cursor: pointer;
}
.discount-rate-text {
display: none;
font-weight: 600;
font-size: 12px;
float: left;
background: #d8951e;
color: #ffffff;
border-radius: 4px;
padding: 5px 10px;
margin: 5px 0;
width: max-content;
height: auto;
position: absolute;
right: 30px;
top: -12px;
}
.discount-rate .discount-rate-text:before {
border-style: solid;
border-bottom: 6px solid transparent;
border-left: 6px solid #d8951e;
border-right: 0;
border-top: 6px solid transparent;
content: "";
height: 0;
left: auto;
position: absolute;
right: -6px;
width: 0;
}
h4.discount-rate .i-icon i:hover+.discount-rate-text {
display: block;
}
h5 {
margin: 0;
}
/* .cust-wid label {
margin-bottom: 0px;
color: #000;
line-height: 15px;
overflow: hidden;
} */
/* responsive start here */
@media (max-width: 991px) {
h4.discount-rate {
display: flex;
width: 100%;
justify-content: flex-end;
}
h5 {
font-size: 14px !important;
/* text-align: right; */
margin-bottom: 2px;
}
}
/* Rate price CSS Start */
.pckg_nme.csPackageName {
display: flex;
justify-content: center;
}
.pckg_nme.csPackageName {
display: block;
}
.prty-dic.prty-dic-after .sml-prc {
position: relative;
padding-right: 15px;
}
.sml-prc.tabPriceNone {
width: 100%;
}
.sml-prc {
font-size: 17px;
color: #000;
padding-right: 15px;
position: relative;
}
.tabPriceNone,
.mblCurBtn .mblCurPrice {
position: relative;
cursor: pointer;
}
.prty-dic.prty-dic-after .sml-prc.tabPriceNone h4.discount-rate {
cursor: pointer;
display: inline-block;
width: auto;
}
.sml-prc.tabPriceNone h4.discount-rate {
cursor: pointer;
display: inline-block;
width: auto;
}
.prty-dic.prty-dic-after h4.discount-rate {
margin: 5px 0px 0px 0px;
}
h4.discount-rate {
margin-bottom: 0;
line-height: 14px;
}
h4.discount-rate {
text-decoration-line: line-through;
text-decoration-color: red;
text-decoration-style: 2px solid;
font-size: 13px;
white-space: nowrap;
}
.prty-dic.prty-dic-after .sml-prc.tabPriceNone h4.discount-rate span.i-icon {
align-items: center;
display: flex;
height: 15px;
justify-content: center;
margin: 0;
padding: 0;
width: 15px;
}
.prty-dic.prty-dic-after .sml-prc.tabPriceNone h4.discount-rate .i-icon {
display: block;
float: left;
height: auto;
position: relative;
width: auto;
}
.sml-prc.tabPriceNone h4.discount-rate span.i-icon {
align-items: center;
display: flex;
height: 15px;
justify-content: center;
margin: 0;
padding: 0;
width: 15px;
}
.sml-prc span {
font-size: 11px;
}
.modal_custmHead,
.sml-prc h5 {
margin: 0;
}
.sml-prc,
.va-dialog-main-wrapper,
.be-widgetWrap .form-group.guestsearchTxt-desktop {
line-height: normal;
}
.prty-dic.prty-dic-after .sml-prc.tabPriceNone span.caret-icon {
align-items: center;
bottom: 0;
clear: both;
cursor: pointer;
display: flex;
justify-content: right;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 15px;
}
.prty-dic.prty-dic-after .sml-prc.tabPriceNone>span {
display: inline-block;
margin: 5px 0 0;
padding: 0;
width: 100%;
}
.pckg_nme .sml-prc>span {
padding-bottom: 0;
margin-bottom: 0;
line-height: 15px;
}
.sml-prc span {
font-size: 11px;
}
.caret-icon i.fas.fa-caret-right {
font-size: 15px;
}
.sml-prc .fa-caret-right {
align-items: center;
bottom: 0;
clear: both;
display: flex;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
justify-content: center;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
/* Rate price CSS End */
.adlt-cls:hover .adlt-tooltip,
.addon-icon:hover+.addon-icon-hover-desc,
.adt-chld:hover #adlt-desc,
.beWidget .guestPickerDivWrap.On .guestPickerDiv,
.dropdown-link:hover>.dropdown,
.nav-link:hover>.dropdown {
display: block
}
.adlt-cls .adlt-tooltip {
display: none;
position: absolute;
top: -40px;
background-color: #fff;
color: #000;
text-align: center;
padding: 10px;
border-radius: 4px;
font-size: 12px;
box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
width: 140px;
left: 50%;
transform: translateX(-50%);
z-index: 9
}
.rm-icon-inner.rm-user:hover .adlt-tooltip {
display: block
}
.adlt-tooltip {
display: none;
position: absolute;
top: auto;
bottom: 30px;
background-color: #fff;
color: #000;
text-align: center;
padding: 10px;
border-radius: 4px;
font-size: 12px;
box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
width: 140px;
left: 50%;
transform: translateX(-50%);
z-index: 1001
}
.adlt-tooltip.bottom {
top: 100%;
margin-top: 8px;
bottom: unset;
right: unset;
left: 50%;
transform: translateX(-50%);
}
.adlt-tooltip-bottom {
display: none;
position: absolute;
top: 30px;
bottom: auto;
background-color: #fff;
color: #000;
text-align: center;
padding: 10px;
border-radius: 4px;
font-size: 12px;
box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
width: 140px;
left: 50%;
transform: translateX(-50%);
z-index: 100;
font-weight: 500
}
.rm-icon-inner.rm-user:hover .adlt-tooltip-bottom {
display: block
}
.adlt-tooltip-bottom span {
font-size: 12px !important
}
.rm-user:hover .adlt-tooltip-bottom::after {
content: "";
position: absolute;
width: 12px;
height: 12px;
top: 0;
background: #fff;
transform: rotate(45deg) translateX(-50%);
left: 50%;
z-index: 0;
border-top: 0;
border-left: 0;
box-shadow: 7px 10px 10px -5px rgb(0 0 0 / 20%)
}
.rm-user:hover .adlt-tooltip::after {
content: "";
position: absolute;
width: 12px;
height: 12px;
border: 1px solid rgba(0, 0, 0, .1);
bottom: -11px;
background: #fff;
transform: rotate(45deg) translateX(-50%);
left: 50%;
z-index: 112;
border-top: 0;
border-left: 0;
box-shadow: 7px 10px 10px -5px rgb(0 0 0 / 20%)
}
.adlt-tooltip span {
font-size: 12px !important
}
.popover.max-guest-popover {
font-family: inherit;
width: max-content;
min-width: 180px;
max-width: 280px;
border: 0;
border-radius: 4px;
box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
z-index: 9999999 !important
}
.popover.max-guest-popover .popover-body {
padding: 2px 12px;
font-size: 12px;
color: #000;
text-align: left
}
.max-guest-popover .max-guest-popover-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 8px 0;
white-space: nowrap;
border-bottom: 1px solid rgb(0 0 0 / 8%)
}
.max-guest-popover .max-guest-popover-row:last-child {
border-bottom: 0
}
.max-guest-popover .max-guest-popover-label,
.max-guest-popover .max-guest-popover-value {
display: flex;
align-items: center;
gap: 6px;
line-height: normal
}
.max-guest-popover .max-guest-popover-label {
font-size: 12px;
color: #4a5568
}
.max-guest-popover .max-guest-popover-label i {
font-size: 12px;
flex-shrink: 0;
color: #8a94a6
}
.max-guest-popover .max-guest-popover-max {
font-size: 9px;
letter-spacing: .5px;
text-transform: uppercase;
color: #8a94a6
}
.max-guest-popover .max-guest-popover-count {
font-size: 13px;
font-weight: 600;
color: #000
}
@media (max-width:767px) {
.adlt-cls .adlt-tooltip {
left: unset;
transform: unset;
right: -10px
}
.adlt-cls:hover .adlt-tooltip::after {
left: unset;
right: 15px
}
}
@media (max-width:575px) {
.adlt-cls .adlt-tooltip {
left: -16px;
transform: unset
}
.adlt-cls:hover .adlt-tooltip::after {
left: 15px;
transform: rotate(45deg) translateX(0);
bottom: -6px
}
}
@media (max-width:576px) {
.adlt-tooltip-bottom {
display: none !important
}
}
/* Icons CSS Start */
.rm-icon {
display: inline-flex;
justify-content: center;
align-items: center;
/* margin-left: 20px; */
width: auto
}
.rm-icon .rm-icon-inner {
margin-right: 5px;
position: relative
}
.rm-icon .rm-icon-inner i {
font-size: 15px;
/* color: var(--bs-body-color) */
}
.rm-icon-inner.rm-map:hover .map-tooltip,
.rm-icon-inner.rm-user:hover .adlt-tooltip {
display: block
}
.rm-icon-inner.rm-user:hover .adlt-tooltip-bottom {
display: block
}
.rm-icon-inner.rm-bed:hover .bed-tooltip {
display: block
}
.rm-icon-inner.rm-rulers:hover .rulers-tooltip {
display: block
}
.rm-icon-inner.rm-user span {
color: #000;
margin-right: 5px;
font-size: 14px
}
.rm-icon {
float: right
}
.rm-icon-inner.rm-bed {
padding: 0;
}
.rm-icon-inner.rm-map {
border: none
}
.MaxGuest-Dflex .rm-icon {
float: unset !important;
margin-left: auto
}
.MaxGuest-Dflex .rm-icon {
font-weight: 400
}
.rm-icon-inner.rm-user span,
.rulers-tooltip span {
line-height: normal;
}
.rm-icon-inner {
margin-right: 0;
}
.rm-icon-inner i {
font-size: 19.2px;
}
/* Rm- User Icons CSS Start */
.rm-icon .rm-icon-inner {
margin-right: 5px;
position: relative;
}
.rm-map,
.rm-rulers,
.rm-user,
.rm-bed {
background: #ebebeb;
padding: 3px 7px;
line-height: 20px;
border-radius: 3px;
}
/* Rm- User Icons CSS End */
.complete-booking-section .rm-icon-inner {
margin-right: 0;
}
@media (max-width:575px) {
.MaxGuest-Dflex .rm-icon {
margin: 3px 0
}
}
@media (max-width:320px) {
.rm-icon {
margin-left: 0;
justify-content: flex-start
}
}
/* Icons CSS End */
.rm-icon-inner {
margin-right: 5px;
position: relative
}
.rm-icon-inner i {
font-size: 15px;
color: var(--bs-body-color)
}
.rm-icon-inner.rm-bed:hover .bed-tooltip {
display: flex;
flex-direction: column;
}
.rm-bed:hover .bed-tooltip::after {
content: "";
position: absolute;
width: 12px;
height: 12px;
border: 1px solid rgba(0, 0, 0, .1);
bottom: -10px;
background: #fff;
transform: rotate(45deg) translateX(-50%);
left: 50%;
z-index: -2;
border-top: 0;
border-left: 0;
box-shadow: 7px 10px 10px -5px rgb(0 0 0 / 20%);
left: inherit !important;
right: 10px !important
}
.rm-bed:hover .bed-tooltip::after {
left: inherit !important;
right: 10px !important
}
.bed-tooltip {
display: none;
position: absolute;
top: auto;
bottom: 30px;
color: #000;
text-align: center;
padding: 0;
border-radius: 4px;
font-size: 12px;
box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
width: 140px;
left: 50%;
transform: translateX(-50%);
z-index: 1001;
left: inherit;
right: -10px;
transform: inherit;
background-color: transparent !important;
}
.bed-tooltip.bottom {
top: 100%;
margin-top: 8px;
bottom: unset;
right: unset;
left: 50%;
transform: translateX(-50%);
}
.rm-bed:hover .bed-tooltip.bottom::after {
top: 0 !important;
}
.bed-tooltip-span {
background-color: #fff;
padding: 10px !important;
overflow-y: auto;
display: flex;
flex-direction: column;
margin: 0 !important;
border-radius: 4px;
}
.bed-tooltip-span span {
padding: 0;
margin: 0;
padding-right: 10px;
text-align: left;
border-bottom: 1px solid #f1f1f1
}
.bed-tooltip-span span:last-child {
border: none
}
/* Icons CSS Start */
.rm-icon {
display: inline-flex;
justify-content: center;
align-items: center;
/* margin-left: 20px; */
width: auto
}
.rm-icon .rm-icon-inner {
margin-right: 5px;
position: relative
}
.rm-icon .rm-icon-inner i {
font-size: 15px;
/* color: var(--bs-body-color) */
}
.rm-icon-inner.rm-map:hover .map-tooltip,
.rm-icon-inner.rm-user:hover .adlt-tooltip {
display: block
}
.rm-icon-inner.rm-user:hover .adlt-tooltip-bottom {
display: block
}
.rm-icon-inner.rm-bed:hover .bed-tooltip {
display: block
}
.rm-icon-inner.rm-rulers:hover .rulers-tooltip {
display: block
}
.rm-icon-inner.rm-user span {
color: #000;
margin-right: 5px;
font-size: 14px
}
.rm-icon {
float: right
}
.rm-icon-inner.rm-bed {
padding: 0;
}
.rm-icon-inner.rm-map {
border: none
}
.MaxGuest-Dflex .rm-icon {
float: unset !important;
margin-left: auto
}
.MaxGuest-Dflex .rm-icon {
font-weight: 400
}
.rm-icon-inner.rm-user span,
.rulers-tooltip span {
line-height: normal;
}
.rm-icon-inner {
margin-right: 0;
}
.rm-icon-inner i {
font-size: 19.2px;
}
.complete-booking-section .rm-icon-inner {
margin-right: 0;
}
@media (max-width:575px) {
.MaxGuest-Dflex .rm-icon {
margin: 3px 0
}
}
@media (max-width:320px) {
.rm-icon {
margin-left: 0;
justify-content: flex-start
}
}
.bed-tooltip-bridge {
width: 100%;
height: 10px;
background: transparent !important;
display: none;
}
/* Icons CSS End */
.rm-icon-inner {
margin-right: 5px;
position: relative
}
.rm-icon-inner i {
font-size: 15px;
color: var(--bs-body-color)
}
.rm-icon-inner.rm-rulers:hover .rulers-tooltip {
display: block
}
.rm-icon-inner.rm-user span {
color: #000;
margin-right: 5px;
font-size: 14px
}
.rm-icon-inner.rm-map {
border: none
}
.rm-rulers {
background: #ebebeb;
padding: 3px 7px;
line-height: 20px;
border-radius: 3px
}
.rulers-tooltip-span {
color: #000;
font-size: 14px
}
.PriceBreakdown-DayWiseRateData {
background-color: #f7f7f7;
padding: 5px;
font-size: 14px;
width: 235px;
max-width: 235px;
box-shadow: 1px 1px 5px #c6c6c6;
text-align: left;
}
.PriceBreakdown-DayWiseRateData table {
font-size: 12px;
}
.PriceBreakdown-DayWiseRateData table {
margin-bottom: 0;
}
.PriceBreakdown-DayWiseRateData-New {
display: none;
}
.fa-caret-right:hover+.PriceBreakdown-DayWiseRateData-New,
.mblCurBtn .mblCurPrice:hover .PriceBreakdown-DayWiseRateData-New {
display: block;
position: absolute;
z-index: 9;
right: 0;
}
.fa-caret-right:hover+.PriceBreakdown-DayWiseRateData-New {
bottom: 0;
left: auto;
margin: auto;
right: -235px;
top: auto;
}
.sml-prc .PriceBreakdown-DayWiseRateData span {
background: #000;
width: 100%;
color: #fff;
/* line-height: .5; */
padding: 10px 10px;
margin: 0;
text-align: left;
}
.PriceBreakdown-DayWiseRateData table.table {
background: #fff
}
.PriceBreakdown-DayWiseRateData table.table td,
.PriceBreakdown-DayWiseRateData table.table th {
border: none;
padding: 3px 5px
}
.PriceBreakdown-DayWiseRateData table.table thead tr th {
padding-top: 7px
}
.PriceBreakdown-DayWiseRateData table.table tr td.border-top.border-color:after {
border-top: 1px solid #969696 !important;
content: '';
border-color: #000;
height: 1px;
width: 55px;
position: absolute;
right: 0;
top: 0
}
.fa-caret-right:hover .PriceBreakdown-DayWiseRateData-New {
bottom: 0;
left: 100%;
margin: auto;
right: auto;
top: auto;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .PriceBreakdown-DayWiseRateData {
right: -55px;
top: 55px
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .PriceBreakdown-DayWiseRateData span {
clear: both;
width: 100%;
letter-spacing: normal;
display: block;
line-height: 15px
}
.prty-dic.prty-dic-after .sml-prc .PriceBreakdown-DayWiseRateData span {
text-align: left;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .PriceBreakdown-DayWiseRateData {
right: -55px;
top: 55px;
}
.mblRoomDetails .mblPricing .mblCurBtn .mblCurPrice .PriceBreakdown-DayWiseRateData span {
clear: both;
width: 100%;
letter-spacing: normal;
display: block;
line-height: 15px;
}
.PriceBreakdown-DayWiseRateData {
font-weight: 400 !important;
}
.prty-dic.prty-dic-after .sml-prc.tabPriceNone span.caret-icon:hover .PriceBreakdown-DayWiseRateData-New {
/* bottom: 0;
display: block;
left: 100%;
margin: auto;
position: absolute;
right: auto;
top: auto;
z-index: 9 */
bottom: unset;
display: block;
/* left: 0; */
margin: auto;
position: absolute;
right: 0;
top: 100%;
z-index: 11;
min-width: 270px;
}
.PriceBreakdown-DayWiseRateData-New .RemoveBG .bkrm {
background: #ffe9eb !important;
color: #fe3245 !important;
}
/* priceHover break down STart */
.PriceBreakdown-DayWiseRateData-New .card {
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.08);
overflow: hidden;
transition: all 0.3s ease;
}
.PriceBreakdown-DayWiseRateData-New .card:hover {
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1) !important;
}
.PriceBreakdown-DayWiseRateData-New .card-header,
.PriceBreakdown-DayWiseRateData-New .card-header * {
background-color: #000000 !important;
color: #ffffff !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.PriceBreakdown-DayWiseRateData-New .badge {
font-weight: 500;
border-radius: 4px;
}
/* Price breakdown section */
.PriceBreakdown-DayWiseRateData-New .price-breakdown {
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.PriceBreakdown-DayWiseRateData-New .breakdown-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
transition: background-color 0.2s ease;
}
.PriceBreakdown-DayWiseRateData-New .breakdown-row:last-child {
border-bottom: none;
}
.PriceBreakdown-DayWiseRateData-New .breakdown-row:hover {
background-color: rgba(0, 0, 0, 0.01);
}
.PriceBreakdown-DayWiseRateData-New .free-night {
background-color: rgba(25, 135, 84, 0.04);
}
.PriceBreakdown-DayWiseRateData-New .free-night .date-info {
/* background-color: rgba(25, 135, 84, 0.04); */
display: flex !important;
align-items: center;
flex-direction: unset;
gap: 5px !important;
}
.PriceBreakdown-DayWiseRateData-New .date-info {
display: flex;
flex-direction: column;
}
.PriceBreakdown-DayWiseRateData-New .date {
font-weight: 500;
font-size: 1rem;
color: #212529;
}
.PriceBreakdown-DayWiseRateData-New .free-badge {
display: inline-block;
font-size: 0.8rem;
color: #198754;
font-weight: 500;
margin-top: 4px;
background-color: #e9fdf0;
padding: 1px 6px;
border-radius: 50px;
}
.PriceBreakdown-DayWiseRateData-New .free {
font-size: 0.8rem;
color: #16a34a;
font-weight: 700 !important;
}
.PriceBreakdown-DayWiseRateData-New .price-info {
text-align: right;
display: flex;
flex-direction: column;
}
.PriceBreakdown-DayWiseRateData-New .original-price {
font-size: 0.8rem;
color: #6c757d;
text-decoration: line-through;
text-decoration-color: #ff0000 !important;
}
.PriceBreakdown-DayWiseRateData-New .current-price {
font-weight: 600;
font-size: 1.1rem;
color: #212529;
}
.PriceBreakdown-DayWiseRateData-New .current-price.free {
color: #198754;
}
.PriceBreakdown-DayWiseRateData-New .savings,
.PriceBreakdown-DayWiseRateData-New .savings * {
font-size: 0.8rem;
color: #dc3545 !important;
font-weight: 500;
}
/* Taxes section */
.PriceBreakdown-DayWiseRateData-New .taxes-section {
padding: 16px 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.PriceBreakdown-DayWiseRateData-New .tax-row {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
}
.PriceBreakdown-DayWiseRateData-New .tax-row:last-child {
margin-bottom: 0;
}
.PriceBreakdown-DayWiseRateData-New .tax-type {
width: 70%;
font-size: 0.9rem;
text-align: left;
color: #6c757d;
}
.PriceBreakdown-DayWiseRateData-New .tax-amount {
width: 30%;
font-size: 10px !important;
font-size: 0.9rem;
font-weight: 500;
color: #212529;
text-align: right;
}
/* Total section */
.PriceBreakdown-DayWiseRateData-New .total-section {
padding: 16px 20px;
background-color: rgba(0, 0, 0, 0.02);
}
.PriceBreakdown-DayWiseRateData-New .total-row {
display: flex;
justify-content: space-between;
align-items: center;
}
.PriceBreakdown-DayWiseRateData-New .total-label {
font-size: 1.1rem;
font-weight: 600;
color: #212529;
}
.PriceBreakdown-DayWiseRateData-New .total-amount {
text-align: right;
}
.PriceBreakdown-DayWiseRateData-New .total-price {
font-size: 1.2rem;
font-weight: 700;
color: #212529;
}
.PriceBreakdown-DayWiseRateData-New .tax-note {
font-size: 0.8rem;
color: #6c757d;
}
.PriceBreakdown-DayWiseRateData-New .hideDownArrow {
display: inline-block;
transform: rotate(180deg);
transition: transform 0.3s ease;
}
/* Responsive adjustments */
@media (max-width: 576px) {
.PriceBreakdown-DayWiseRateData-New .breakdown-row,
.PriceBreakdown-DayWiseRateData-New .tax-row,
.PriceBreakdown-DayWiseRateData-New .total-row {
/* padding: 12px 16px; */
}
.PriceBreakdown-DayWiseRateData-New .date {
font-size: 0.9rem;
}
.PriceBreakdown-DayWiseRateData-New .current-price {
font-size: 1rem;
}
.PriceBreakdown-DayWiseRateData-New .total-price {
font-size: 1.1rem;
}
}
/* Subtle animation for hover states */
.PriceBreakdown-DayWiseRateData-New .breakdown-row,
.card {
transition: all 0.25s ease-in-out;
}
/* priceHover break down end */
@media only screen and (min-width:576px) and (max-width:991px) {
.bookingInfo .fa-caret-right:hover+.PriceBreakdown-DayWiseRateData-New {
left: auto;
right: 0;
top: 75px;
}
.bookingInfo .fa-caret-right:hover+.PriceBreakdown-DayWiseRateData-New {
min-height: fit-content;
top: 155px;
}
}
@media (max-width: 991px) {
.bookingInfo .fa-caret-right:hover+.PriceBreakdown-DayWiseRateData-New {
min-height: fit-content;
top: 155px;
left: auto;
right: 0;
}
}
@media screen and (max-width: 991px) {
.prty-dic.prty-dic-after .sml-prc.tabPriceNone span.caret-icon:hover .PriceBreakdown-DayWiseRateData-New {
left: unset;
right: 0;
}
.prty-dic.prty-dic-after .sml-prc.tabPriceNone span.caret-icon:hover .PriceBreakdown-DayWiseRateData-New {
left: unset;
right: 0;
top: 100%;
}
}
.tax-info {
font-size: 12px !important;
font-weight: 500 !important;
display: inline-block;
text-align: start !important;
margin-top: 16px;
}
/* .savingDropdown .dropdown-menu[x-placement="bottom-end"]:after {
border-top-color: transparent;
bottom: auto;
top: -12px;
border-bottom-color: #fff;
}
*/
.savingDropdown {
display: flex !important;
}
.savingDropdown .stwrp {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.savingDropdown .stwrp .btn span {
text-align: start;
color: black;
}
.savingDropdown .stwrp .btn {
flex-grow: 1;
min-width: auto;
padding: 0;
background: transparent;
height: auto;
line-height: 20px;
border: none;
white-space: unset;
display: flex;
align-items: stretch;
}
.savingDropdown .stwrp .btn:after {
content: none;
}
.savingDropdown .dropdown-menu {
display: block;
opacity: 0;
visibility: hidden;
right: 0;
min-width: 250px;
max-width: 250px;
left: auto;
margin-bottom: 10px;
border-radius: 5px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.savingDropdown .dropdown-menu[x-placement="bottom-end"] {
margin-top: 10px;
}
.savingDropdown .dropdown-menu[x-placement="bottom-end"]:after {
border-top-color: transparent;
bottom: auto;
top: -12px;
border-bottom-color: #fff;
}
.savingDropdown .dropdown-menu::after {
content: "";
position: absolute;
border: 6px solid transparent;
border-top-color: #fff;
/* right: 5px; */
bottom: -12px;
left: 50%;
transform: translateX(-50%);
}
.savingDropdown:hover .dropdown-menu {
opacity: 1;
visibility: visible;
}
.savingDropdown .dropdown-item {
font-size: 12px;
padding: 3px 0;
margin: 0;
text-align: left;
text-wrap: wrap;
border-bottom: 1px solid #f1f1f1;
word-break: break-all;
}
.savingDropdown .dropdown-item:last-child {
border: none;
}
.savingDropdown .dropdown-menu {
padding: 10px !important;
min-width: auto !important;
width: 140px !important;
}
/* Day Use Tooltip - matches SavingDropdown styling */
.dayUseTooltip.tooltip .tooltip-inner {
background-color: #fff;
color: #000;
font-size: 12px;
font-weight: 400;
padding: 10px;
border-radius: 5px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
text-transform: capitalize;
text-align: left;
max-width: 200px;
}
.dayUseTooltip.show {
opacity: 1 !important;
z-index: 999999 !important;
}
.dayUseTooltip.tooltip .tooltip-arrow::before {
border-top-color: #fff;
border-bottom-color: #fff;
}
.sp-title-chip {
padding: 4px 10px;
white-space: nowrap;
display: inline-flex;
align-items: center;
background: var(--bg, #d32f2f) !important;
color: var(--color, #fff) !important;
}
/* Room Description CSS Start */
.main-bx .pro-ifo .ReadMore-ReadLess-Span p {
margin-bottom: 0px;
}
.main-bx .pro-ifo .ReadMore-ReadLess-Span p,
.main-bx .pro-ifo .view-ameneties {
display: inline-block;
width: 100%;
}
.cost,
.pro-ifo p,
.prty-cls-inr p {
font-size: 12px;
line-height: 24px;
overflow-wrap: break-word;
margin-bottom: 0;
}
/* Room Description CSS End */
.carousel-control-next-icon,
.carousel-control-prev-icon {
display: inline-block;
width: 35px;
height: 35px;
background-repeat: no-repeat;
background-position: center center;
border-radius: 50%;
background-size: 25px;
background-color: #000;
text-align: center;
}
.img-glr .carousel-control-next-icon,
.img-glr .carousel-control-prev-icon,
.sh-mr .carousel-control-next-icon,
.sh-mr .carousel-control-prev-icon {
display: inline-block;
width: 35px !important;
height: 35px !important;
background-repeat: no-repeat;
background-position: center center;
border-radius: 50%;
background-size: 25px;
background-color: #000;
text-align: center;
}
.image-overlay-label {
position: absolute;
bottom: 10px;
left: 10px;
background: #000 !important;
color: #fff !important;
padding: 3px 6px;
border-radius: 4px;
font-size: 10px;
z-index: 10;
}
.multipleImage-clone~.carousel .image-overlay-label {
left: 40px;
}
/* Lightbox title positioning - Center at top */
.ril__toolbarLeftSide {
padding-left: 50% !important;
}
.original-Image-popup .modal-content {
background-color: rgba(0, 0, 0, .5) !important;
box-shadow: unset;
border-radius: 0
}
.original-Image-popup .modal-content .modal-header {
background-color: rgba(0, 0, 0, 0) !important;
border-radius: 0
}
.original-Image-popup .modalPrgrph p {
color: #fff;
font-size: 50px;
text-align: center;
line-height: 60px
}
.fade.modal-backdrop.show+.fade.modal.show {
z-index: 999999 !important;
}
.original-Image-popup .modal-dialog {
width: 100vw;
height: 100vh;
max-width: 100vw;
max-height: 100vh;
margin: 0;
}
.original-Image-popup .image-overlay .image-overlay-label {
position: unset;
}
.original-Image-popup .image-overlay {
display: flex;
align-items: center;
justify-content: center;
transform: translateY(-34px);
}
.original-Image-popup .modal-dialog .modal-content {
height: 100%
}
.original-Image-popup .modalPrgrph {
display: flex;
align-items: center;
justify-content: center
}
/* .original-Image-popup .modal-header {
display: none
} */
.original-Image-popup .original-Image-popup-body {
background-color: #00000000 !important;
}
.original-Image-popup .room-img-modal {
width: auto !important;
float: unset;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.original-Image-popup .mbsImage {
height: 100% !important;
max-width: 100%;
width: 100%;
margin-top: 0;
object-fit: contain;
}
.original-Image-popup .room-img-modal>.position-relative,
.original-Image-popup .room-img-modal>.position-relative .carousel {
position: unset !important;
height: 100% !important;
}
.original-Image-popup .room-img-modal>.position-relative .carousel .carousel-control-prev,
.original-Image-popup .room-img-modal>.position-relative .carousel .carousel-control-next {
bottom: unset;
top: 50%;
transform: translateY(-50%);
width: 50px !important;
height: 60px;
}
.original-Image-popup .room-img-modal .carousel-control-next-icon,
.original-Image-popup .room-img-modal .carousel-control-prev-icon {
width: 100%;
height: 100%;
border-radius: unset !important;
margin: 0;
}
.original-Image-popup-body .carousel-inner {
height: 100%;
}
.original-Image-popup-body .carousel-item {
height: 100%;
}
@media (max-width:991px) {
.original-Image-popup .modalPrgrph p {
font-size: 35px;
line-height: 50px
}
}
@media (max-width:767px) {
.original-Image-popup .modalPrgrph p {
font-size: 26px;
line-height: 35px
}
}
@keyframes room-skeleton-pulse-anim {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.4;
}
}
.skeleton-pulse {
background-color: #e5e7eb;
border-radius: 4px;
animation: room-skeleton-pulse-anim 1.5s ease-in-out infinite;
}
.room-skeleton-wrapper {
padding: 0;
}
.room-skeleton-card {
margin-bottom: 10px;
padding: 20px;
overflow: hidden;
}
.room-skeleton-image {
width: 100%;
height: 220px;
border-radius: 6px;
}
.room-skeleton-content {
padding: 5px 0;
}
.room-skeleton-title-row {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
}
.room-skeleton-title {
width: 60%;
height: 22px;
}
.room-skeleton-title-row .room-skeleton-moreinfo {
width: 80px;
height: 14px;
}
.room-skeleton-icons {
display: flex;
gap: 12px;
margin-bottom: 12px;
}
.room-skeleton-icon {
width: 50px;
height: 18px;
}
.room-skeleton-divider {
border-top: 1px solid #e5e7eb;
margin: 14px 0;
}
.room-skeleton-rate-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
padding: 6px 0;
}
.room-skeleton-rate-left {
display: flex;
flex-direction: column;
gap: 6px;
flex: 1;
}
.room-skeleton-rate-right {
display: flex;
align-items: center;
gap: 12px;
}
.room-skeleton-rate-name {
width: 45%;
height: 16px;
}
.room-skeleton-rate-detail {
width: 30%;
height: 12px;
}
.room-skeleton-rate-price {
width: 80px;
height: 20px;
}
.room-skeleton-btn {
width: 100px;
height: 38px;
border-radius: 4px;
}
@media (max-width: 991px) {
.room-skeleton-image {
height: 200px;
margin-bottom: 12px;
}
.room-skeleton-content {
padding: 0;
}
}
@media (max-width: 767px) {
.room-skeleton-image {
height: 180px;
}
}
/* Template 2/3: horizontal layout with room description */
.room-skeleton-description {
width: 100%;
height: 14px;
margin-bottom: 6px;
}
.room-skeleton-description-short {
width: 70%;
height: 14px;
margin-bottom: 8px;
}
.room-skeleton-moreinfo {
width: 80px;
height: 14px;
}
/* Template 4: card-header layout */
.room-skeleton-t4-wrapper {
margin-bottom: 10px;
padding: 0 25px;
}
.room-skeleton-t4 {
padding: 0;
border: 1px solid #e5e7eb;
border-radius: 5px;
}
.room-skeleton-t4-header {
padding: 16px 20px;
border-bottom: 1px solid #e5e7eb;
}
.room-skeleton-t4-title-row {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.room-skeleton-t4-title-row .room-skeleton-title {
width: 40%;
margin-bottom: 0;
}
.room-skeleton-t4-moreinfo {
width: 90px;
height: 20px;
}
.room-skeleton-t4-body {
padding: 16px 20px;
}
.room-skeleton-t4-body .room-skeleton-image {
height: 200px;
}
.room-skeleton-t4-rate-section {
padding: 5px 0;
}
.room-skeleton-t4-rate-section .room-skeleton-rate-row {
display: flex;
align-items: center;
gap: 12px;
background-color: #fafafa;
border-radius: 5px;
padding: 10px;
margin-bottom: 15px;
}
.room-skeleton-t4-rate-section .room-skeleton-rate-name {
flex: 1;
}
.room-skeleton-t4-rate-section .room-skeleton-rate-price {
width: 80px;
}
.room-skeleton-t4-rate-section .room-skeleton-btn {
width: 100px;
height: 36px;
}
@media (max-width: 767px) {
.room-skeleton-t4-body .room-skeleton-image {
height: 180px;
margin-bottom: 12px;
}
.room-skeleton-t4-wrapper {
padding: 0;
}
}
/* Template 6: tile/grid layout */
.room-skeleton-grid {
display: flex;
flex-wrap: wrap;
}
.room-skeleton-t6 {
padding: 8px;
display: flex;
flex-direction: column;
flex: 1;
border-radius: 12px;
box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
}
.room-skeleton-t6-image {
width: 100%;
height: 225px;
border-radius: 6px;
}
.room-skeleton-t6-details {
padding: 15px 8px;
display: flex;
flex-direction: column;
flex-grow: 1;
row-gap: 18px;
}
.room-skeleton-t6-details .room-skeleton-title {
width: 75%;
height: 20px;
margin-bottom: 0;
}
.room-skeleton-t6-info-row {
margin-bottom: 0;
}
.room-skeleton-t6-rate-detail {
width: 60%;
height: 14px;
}
.room-skeleton-t6-price-row {
display: flex;
justify-content: space-between;
align-items: center;
}
.room-skeleton-t6-price {
width: 90px;
height: 22px;
}
.room-skeleton-t6-select-btn {
width: 80px;
height: 36px;
border-radius: 4px;
}
.room-skeleton-t6-tax {
width: 100px;
height: 12px;
}
/* Package skeleton styles */
.pkg-skeleton-package-name {
width: 50%;
height: 24px;
}
.pkg-skeleton-meal-row {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 10px;
}
.pkg-skeleton-meal-icon {
width: 20px;
height: 20px;
border-radius: 50%;
}
.pkg-skeleton-meal-text {
width: 80px;
height: 14px;
}
.pkg-skeleton-room-name {
width: 40%;
height: 16px;
margin-bottom: 8px;
}
.room-skeleton-t4-title-row .pkg-skeleton-package-name {
width: 50%;
height: 22px;
margin-bottom: 0;
}
.room-skeleton-t6-details .pkg-skeleton-package-name {
width: 75%;
height: 20px;
}
.pkg-skeleton-t5 .room-skeleton-t6-image {
height: 250px;
}
.grid-skeleton-wrapper {
display: flex;
flex-direction: column;
gap: 16px;
}
.grid-skeleton-room {
border: 1px solid #e8e6e6;
border-radius: 5px;
overflow: hidden;
}
.grid-skeleton-table {
display: flex;
width: 100%;
}
.grid-skeleton-left {
flex: 0 0 200px;
border-right: 1px solid #e8e6e6;
}
.grid-skeleton-left-header {
height: 60px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 8px 12px;
border-bottom: 1px solid #e8e6e6;
background: #f5f5f5;
}
.grid-skeleton-room-name {
width: 75%;
height: 16px;
margin-bottom: 6px;
}
.grid-skeleton-more-info {
width: 50%;
height: 10px;
}
.grid-skeleton-left-body {
height: 70px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 8px 12px;
border-bottom: 1px solid #e8e6e6;
}
.grid-skeleton-rate-name {
width: 70%;
height: 14px;
margin-bottom: 6px;
}
.grid-skeleton-rate-info {
width: 40%;
height: 10px;
}
.grid-skeleton-center {
flex: 1;
min-width: 0;
overflow: hidden;
}
.grid-skeleton-date-header {
display: flex;
height: 60px;
border-bottom: 1px solid #e8e6e6;
background: #f5f5f5;
}
.grid-skeleton-date-cell {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
border-right: 1px solid #e8e6e6;
padding: 4px;
}
.grid-skeleton-day {
width: 24px;
height: 10px;
border-radius: 3px;
}
.grid-skeleton-date {
width: 32px;
height: 12px;
border-radius: 3px;
}
.grid-skeleton-price-row {
display: flex;
height: 70px;
border-bottom: 1px solid #e8e6e6;
}
.grid-skeleton-price-cell {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
border-right: 1px solid #e8e6e6;
padding: 4px;
}
.grid-skeleton-price {
width: 50px;
height: 14px;
border-radius: 3px;
}
.grid-skeleton-right {
flex: 0 0 180px;
display: flex;
flex-direction: column;
}
.grid-skeleton-right-header {
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #e8e6e6;
background: #f5f5f5;
}
.grid-skeleton-rooms-label {
width: 50px;
height: 12px;
}
.grid-skeleton-right-body {
height: 70px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 8px;
border-bottom: 1px solid #e8e6e6;
}
.grid-skeleton-total {
width: 60px;
height: 16px;
}
.grid-skeleton-book-btn {
width: 70px;
height: 32px;
border-radius: 8px;
}
@media (max-width: 1000px) {
.grid-skeleton-left {
flex: 0 0 160px;
}
.grid-skeleton-right {
flex: 0 0 130px;
}
}
@media (max-width: 767px) {
.grid-skeleton-table {
flex-wrap: wrap;
}
.grid-skeleton-left {
flex: 0 0 100%;
border-right: none;
border-bottom: 1px solid #e8e6e6;
}
.grid-skeleton-center {
flex: 0 0 100%;
}
.grid-skeleton-right {
flex: 0 0 100%;
flex-direction: row;
}
.grid-skeleton-right-header {
flex: 1;
}
.grid-skeleton-right-body {
flex: 1;
}
}
div#ftr {
padding: 15px 0;
position: fixed;
width: 100%;
z-index: 99999;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #cccccc38;
box-shadow: 0px 0px 25px -3px rgba(0, 0, 0, 0.1);
}
.ftr {
text-align: center;
color: #000;
font-size: 14px;
padding: 35px 0 25px;
}
.ftrText {
margin-bottom: 0;
}
/* media query */
@media (max-width: 768px) {
.ftr .container {
max-width: 100%;
}
div#ftr {
position: inherit;
}
.ftr#ftr {
padding: 24px 0 !important;
position: inherit !important;
}
}
@media (max-width: 991px) {
.ftr .container {
max-width: 960px;
}
}
@media (min-width: 1400px) {
.ftr .container {
max-width: 1400px;
}
}
.mbs-dropbtn {
display: flex;
font-size: 16px;
border: none;
outline: none;
/* max-width: 152px;
width: 120px; */
/* padding: 14px 16px; */
background-color: inherit;
font-family: inherit;
justify-content: space-between;
padding: 5px;
cursor: pointer;
margin: 0;
}
.show-mbs-dropdownArrow:after {
border-left: 0;
border-right: 0;
border-top: 0;
color: rgba(87, 87, 87, .8);
content: "\f107";
font-family: 'Font Awesome 5 Free';
font-size: 15px;
font-weight: 600 !important;
margin-left: 5px;
vertical-align: inherit;
line-height: 19px;
}
.mbs-css-hlgwow {
display: flex;
align-items: center;
}
.mbs-css-1dimb5e-singleValue {
max-width: 100%;
height: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: rgb(51, 51, 51);
margin-left: 2px;
margin-right: 2px;
box-sizing: border-box;
z-index: 9999999 !important;
position: absolute;
margin-left: 5px !important;
display: flex;
align-items: center;
gap: 5px;
justify-content: center;
/* margin-top: px !important; */
}
.mbs-dropbtn-item {
display: inline-block;
}
.mbs-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* Semi-transparent black background */
z-index: 999999999;
/* Ensure the overlay is above other content */
}
.mbs-overlay.show {
display: block;
}
* {
box-sizing: border-box;
}
/* Create three equal columns that floats next to each other */
.mbscolumn {
float: left;
line-height: 0px;
/* width: 33.33%; */
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
body {
font-family: Arial, Helvetica, sans-serif;
}
.language-dropdown {
position: relative;
float: left;
/* overflow: hidden; */
/* border-radius: 5px; */
}
.language-dropdown-list {
display: flex;
align-items: center;
}
.language-dropdown-list .language-dropdown-listitem {
margin-right: 10px;
margin: 5px 0;
}
.language-dropdown .language-dropbtn .language-dropbtn-item {
display: inline-block;
padding: 5px;
/* align-items: center;
justify-items: center; */
}
/* .navbar a:hover, .dropdown:hover .dropbtn {
background-color: red;
} */
.language-dropdown-content {
/* display: none; */
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
/* width: fit-content; */
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
max-height: 500px;
overflow-y: scroll;
}
.language-dropdown-content.show {
margin-top: 5px;
border-radius: 5px;
position: absolute;
background-color: #f9f9f9;
border: 1px solid #D3D3D3;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 999999999 !important;
right: 0px;
/* animation: mymove 1s; */
animation-name: example;
animation-duration: 1s;
/* max-height: 500px; */
/* overflow-y: scroll; */
}
@keyframes example {
/* 0% {
top: -100px;
-webkit-transform: translateX(0%);
}
100% {
top: 35px;
} */
0% {
-webkit-transform: translateY(-200%);
}
100% {
-webkit-transform: translateY(10%);
}
}
@keyframes mymove {
from {
top: 0px;
}
to {
top: 50px;
}
}
.language-dropdown-content.show:first-child:hover {
background-color: aqua;
}
.language-dropdown-content.show:focus {
background-color: '';
}
.language-dropdown-content ul {
margin: 0px;
height: 100%;
padding: 0px;
list-style-type: none;
}
.language-dropdown-content ul li {
float: none;
/* color: black; */
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.mbs-noitem {
float: none;
margin-top: 5px;
background-color: #f9f9f9;
padding: 12px 16px;
text-decoration: none;
border: 1px solid #D3D3D3;
border-radius: 5px;
/* box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); */
z-index: 99999999 !important;
display: block;
color: #D3D3D3;
text-align: center;
}
.language-dropdown-content ul li:hover {
background-color: #ddd;
}
.language-Name {
/* text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; */
/* width: 50px; */
display: block;
}
.firstcon:focus {
color: brown;
background-color: blueviolet !important;
/* position: absolute;
background-color: #f9f9f9; */
min-width: 160px;
/* box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); */
max-height: 500px;
overflow-y: scroll;
}
.firstcon {
/* position: absolute;
background-color: #f9f9f9; */
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
max-height: 500px;
overflow-y: scroll;
}
.mbs-language-item-active {
/* background-color: #eee; */
background-color: #ddd;
}
.mbs-language-selected-active {
background-color: skyblue;
}
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
display: none;
}
.goog-te-gadget {
display: none;
}
.VIpgJd-ZVi9od-ORHb table {
display: none !important;
}
.VIpgJd-ZVi9od-LgbsSe button {
display: none !important;
}
::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
/* box-shadow: inset 0 0 5px grey; */
border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
/* background: #b30000; */
}
@media only screen and (max-width: 800px) {
.mbscolumn {
/* width: 100% !important; */
}
.language-dropdown-content {
width: fit-content !important;
}
}
/* Language Convertor Start */
.language-dropdown-list {
cursor: pointer;
}
.language-Name {
font-family: Poppins, sans-serif;
}
.language-dropdown-content ul li:hover {
background-color: transparent;
}
.language-dropdown-content ul li {
padding: 5px !important;
}
.language-dropdown-content ul li:hover {
background-color: white !important;
}
@media (max-width:767px) {
.currencyDropdown-sm .currencyConvertor .navbar .navbar-collapse .navbar-nav .nav-item .currency-lst,
.sidebar-language .dropdown-menu .lag-lst {
min-width: 100%;
width: 100%
}
.sidebar-language {
display: block !important;
padding: 11.5px 0;
margin-top: 15px;
position: relative !important;
border-bottom: 1px solid #d6eaed
}
.sidebar-language .dropdown-backdrop {
position: unset;
display: none
}
.sidebar-language .dropdown-toggle {
color: #575757;
font-size: 14px
}
.sidebar-language .dropdown-menu {
position: static !important;
left: 0;
top: 100%;
width: 100%;
margin-top: 15px
}
.sidebar-language .dropdown-menu .lag-lst ul li {
width: 100%
}
}
.language-dropdown .mbs-css-1dimb5e-singleValue {
margin-right: 0;
}
.language-dropdown-content.show,
.currency-dropdown-content.show {
overflow-x: hidden;
}
.language-Name {
letter-spacing: .5px;
font-size: 14px;
font-weight: 400;
/* text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; */
margin: 0;
display: block;
}
.language-flagImage {
height: 11px !important;
margin-right: 5px !important;
width: 16px !important;
}
.language-dropdown-list span {
color: #000 !important;
}
.language-dropdown-list {
line-height: 13px !important;
padding: 0 6px !important;
}
.language-dropdown-content ul li:hover {
background-color: white !important;
}
.language-dropdown .mbs-dropbtn {
/* margin-right: 25px;
width: 115px !important; */
}
.mbs-language-selected-active {
background-color: #fff !important;
}
.language-dropdown .mbs-dropbtn {
margin-right: 0;
/* width: auto !important;
padding: 15px 20px !important;
max-width: initial; */
}
.language-dropdown .language-flagImage {
margin-right: 5px !important;
}
.language-dropdown .language-dropdown-content,
.currency-dropdown .currency-dropdown-content.show {
min-width: 712px !important;
box-shadow: 0 3px 12px rgb(0 0 0 / 5%) !important;
overflow-y: unset !important;
margin-top: 0 !important;
padding: 5px !important;
border-radius: 0 !important;
border-color: hsla(0, 0%, 100%, .2) !important;
}
.language-dropdown-content ul li {
padding: 5px !important;
}
.language-dropdown-list {
display: flex;
align-items: center;
line-height: 13px;
padding: 0 6px;
}
.language-dropdown-content ul>.row {
margin: 0;
}
.language-dropdown-content.show {
background-color: #fff !important;
}
.language-dropdown .language-dropdown-content.show,
.currency-dropdown .currency-dropdown-content.show {
animation-name: bounceInDown;
}
.g-total-inner.total-pay label {
margin: 5px 0;
}
@-webkit-keyframes bounceInDown {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInDown {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
.dropdowncountryName {
font-size: 14px;
}
.mbscolumn {
padding: 0 !important;
}
/* Language Convertor End */
* {
padding: 0;
margin: 0;
}
body {
/* font-family: "Montserrat", sans-serif; */
/* font-size: 14px; */
}
::-webkit-scrollbar {
width: 0.5em;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #858585;
}
.mbr_container {
/* width: 1140px; */
max-width: 1140px !important;
margin: auto;
/* padding: 20px; */
}
/* .mbr-dialog-main-wrapper {
width: 25% !important;
background-color: #ffff;
border: 1px solid #eee;
margin: auto;
border-radius: 5px;
box-shadow: 1px 3px 11px 3px rgba(0, 0, 0, 0.1);
padding: 20px;
top: 30%;
z-index: 9999999999;
position: absolute;
float: left;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
} */
.mbr-dialog-main-wrapper {
width: 450px;
background-color: #ffff;
border: 1px solid #eee;
/* margin: auto; */
border-radius: 5px;
box-shadow: 1px 3px 11px 3px rgba(0, 0, 0, 0.1);
padding: 20px;
top: 30%;
z-index: 9999999999;
position: fixed;
float: left;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.show {
display: block;
}
.mbr-dialog-close {
/* position: absolute;
right: 0;
top: 0;
margin: 15px; */
border: none;
height: 27px;
width: 27px;
border-radius: 5px;
cursor: pointer;
}
.mbr-dialog-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.mbr-dialog-main-wrapper::-webkit-scrollbar {
width: 0.5em;
}
.mbr-dialog-main-wrapper::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.mbr-dialog-main-wrapper::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #858585;
}
.mbr-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
/* Semi-transparent black background */
z-index: 9999;
/* Ensure the mbr-overlay is above other content */
}
.mbr-overlay.show {
display: block;
}
.dialog-mbr-title {
display: flex;
align-items: center;
gap: 10px;
justify-content: center;
}
.mbr-open-button {
padding: auto;
cursor: pointer;
display: flex;
align-items: center;
text-align: center;
/* font-size: 10px; */
/* background-color: #cfcfcf; */
/* box-shadow: 2px 2px 2px #aaaaaa; */
}
.mbs-input-label {
/* padding-bottom: 10px; */
}
.mbs-input-field {
width: 100%;
/* height: 40px; */
/* margin-top: 10px; */
}
.agree-text {
cursor: pointer;
margin-left: 10px;
line-height: 15px;
margin-bottom: 0px;
font-size: 14px;
}
.mbr-dialog-text {
font-size: 12px;
line-height: 22px;
color: #454545;
font-weight: 500;
/* padding-top: 20px; */
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-bottom: 20px;
}
.mbr-error-message {
color: red;
/* margin-left: 10px; */
font-size: 14px;
}
.mbr-dialog-space {
margin-top: 10px;
}
.mbr-submit-button-wrapper {
display: flex;
justify-content: flex-end;
}
.mbr-submit-button {
/* padding: 5px; */
margin: 0;
cursor: pointer;
padding: 4px 20px;
}
.MBREmailLable {
font-size: 16px;
font-weight: 700;
}
.mbr-frmgrp-input {
height: 43px;
}
.mbr-chek-inp {
width: auto;
}
@media only screen and (max-width: 991px) {
.mbr-dialog-main-wrapper {
width: 60% !important;
}
}
@media only screen and (max-width: 670px) {
.mbr-dialog-main-wrapper {
width: 70% !important;
}
}
@media only screen and (max-width: 600px) {
.mbr-dialog-main-wrapper {
width: 70% !important;
}
}
@media only screen and (max-width: 360px) {
.mbr-dialog-main-wrapper {
width: 90% !important;
}
.dialog-mbr-title {
flex-direction: column;
align-items: flex-start;
}
.mbr-dialog-header {
align-items: flex-start;
}
}
.bkrm {
margin: 10px 5px 10px;
padding: 5px 10px;
width: auto !important;
}
.dialog-mbr-title {
font-size: 15px;
}
.mbr-dialog-main-wrapper .mbr-dialog-terms {
display: flex;
align-items: baseline;
justify-content: left;
padding-bottom: 5px;
}
.mbr-dialog-main-wrapper .mbr-terms-condition-title {
margin-bottom: 8px;
font-size: 14px;
}
.fade.currency-convert-warning-modal-backdrop.show,
.fade.currency-convert-warning-modal-backdrop.show+.fade.currency-convert-warning-modal.show {
z-index: 99999 !important;
}
.currency-convert-warning-modal-backdrop.show {
/* opacity: var(--bs-backdrop-opacity); */
opacity: 0.5 !important;
}
.currency-convert-warning-modal-backdrop.fade {
opacity: 0;
}
.currency-convert-warning-modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.currency-convert-warning-modal-backdrop {
/* z-index: 1050; */
background-color: #000;
opacity: 0.5;
height: 100vh;
left: 0;
position: fixed;
top: 0;
width: 100vw;
}
.fade {
transition: opacity .15s linear;
}
.currency-convert-warning-modal.show {
display: block !important;
}
.currency-convert-warning-modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.close:hover,
.fade.currency-convert-warning-modal.show,
.fade.popup.currency-convert-warning-modal.show {
opacity: 1;
}
.currency-convert-warning-modal {
z-index: 1055;
width: 500px;
/* padding: 1rem;
margin: 0.5rem; */
color: initial;
/* Empty variable replaced with 'initial' */
background-color: #fff;
/* Assuming var(--bs-body-bg) is #fff */
border-color: rgba(0, 0, 0, 0.1);
/* Assuming var(--bs-border-color-translucent) */
border-width: 1px;
/* Assuming var(--bs-border-width) is 1px */
border-radius: 0.5rem;
/* Assuming var(--bs-border-radius-lg) is 0.5rem */
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
/* Assuming var(--bs-box-shadow-sm) */
border-radius: calc(0.5rem - 1px);
/* Adjusted with the assumed border-radius and border-width */
/* padding: 1rem 1rem; */
/* Header padding */
border-color: rgba(0, 0, 0, 0.125);
/* Assuming var(--bs-border-color) */
border-width: 1px;
line-height: 1.5;
gap: 0.5rem;
/* Footer gap */
background-color: initial;
/* Empty variable replaced with 'initial' */
border-color: rgba(0, 0, 0, 0.125);
/* Assuming var(--bs-border-color) */
border-width: 1px;
display: none;
height: 100%;
left: 0;
outline: 0;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
width: 100%;
z-index: 1055;
}
.currency-convert-warning-modal-open .currency-convert-warning-modal {
overflow-x: hidden;
overflow-y: auto;
}
.currency-convert-warning-modal.show .currency-convert-warning-modal-modal-dialog {
transform: none;
}
.currency-convert-warning-modal.fade .currency-convert-warning-modal-modal-dialog {
transform: translateY(-50px);
transition: transform .3s ease-out;
}
.currency-convert-warning-modal.fade .currency-convert-warning-modal-modal-dialog {
transition: transform 0.3s ease-out;
-webkit-transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transform: translate(0, -25%);
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
}
.currency-convert-warning-modal.show .currency-convert-warning-modal-modal-dialog {
transform: none;
}
.currency-convert-warning-modal.fade .currency-convert-warning-modal-modal-dialog {
transition: transform .3s ease-out;
transform: translate(0, -50px);
}
.currency-convert-warning-modal-dialog {
max-width: 900px;
}
.currency-convert-warning-modal-dialog-centered {
align-items: center;
display: flex;
min-height: calc(100% - 0.5rem * 2);
/* Assuming --bs-modal-margin is 0.5rem */
}
.currency-convert-warning-modal-dialog-scrollable {
height: calc(100% - 0.5rem * 2);
/* Assuming --bs-modal-margin is 0.5rem */
}
.currency-convert-warning-modal-dialog {
margin: 0.5rem;
/* Assuming --bs-modal-margin is 0.5rem */
pointer-events: none;
position: relative;
width: auto;
}
@media (min-width: 992px) {
.currency-convert-warning-modal-lg {
width: 900px;
}
}
.currency-convert-warning-modal-dialog-scrollable .currency-convert-warning-modal-content {
overflow: visible !important;
}
.currency-convert-warning-modal-dialog-scrollable .currency-convert-warning-modal-content {
max-height: 100%;
overflow: hidden;
}
.currency-convert-warning-modal-dialog-scrollable .currency-convert-warning-modal-content {
max-height: 100%;
overflow: hidden;
}
.currency-convert-warning-modal-content {
border-radius: 4px;
box-shadow: 0 3px 10px #00000080;
}
.currency-convert-warning-modal-content {
background-clip: padding-box;
background-color: #fff;
/* Assuming var(--bs-modal-bg) is #fff */
border: 1px solid rgba(0, 0, 0, 0.125);
/* Assuming var(--bs-modal-border-width) is 1px and var(--bs-modal-border-color) is rgba(0, 0, 0, 0.125) */
border-radius: 0.5rem;
/* Assuming var(--bs-modal-border-radius) is 0.5rem */
color: #000;
/* Assuming var(--bs-modal-color) is #000 */
display: flex;
flex-direction: column;
outline: 0;
pointer-events: auto;
position: relative;
width: 100%;
}
.currency-convert-warning-modal-header {
border-bottom: #0000;
color: #fff;
padding: 15px 40px !important;
}
.currency-convert-warning-modal-header {
align-items: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
/* Assuming var(--bs-modal-header-border-width) is 1px and var(--bs-modal-header-border-color) is rgba(0, 0, 0, 0.125) */
border-top-left-radius: calc(0.5rem - 1px);
/* Assuming var(--bs-modal-inner-border-radius) is calc(0.5rem - 1px) */
border-top-right-radius: calc(0.5rem - 1px);
/* Assuming var(--bs-modal-inner-border-radius) is calc(0.5rem - 1px) */
display: flex;
flex-shrink: 0;
padding: 1rem 1rem;
/* Assuming var(--bs-modal-header-padding) is 1rem 1rem */
}
.currency-convert-warning-modal-dialog-scrollable .currency-convert-warning-modal-body {
overflow-y: auto;
}
.currency-convert-warning-modal-dialog-scrollable .currency-convert-warning-modal-body {
overflow-y: auto;
}
.currency-convert-warning-modal-body {
padding: 18px 42px;
}
.currency-convert-warning-modal-body {
position: relative;
padding: 15px;
}
.currency-convert-warning-modal-body {
position: relative;
flex: 1 1 auto;
padding: 18px 42px;
}
.currency-convert-warning-modalPrgrph p {
font-size: 12px;
letter-spacing: .2px;
line-height: 26px;
word-break: break-word;
}
.currency-convert-warning-modal-header .btn-close {
background-color: #fff;
}
/*
.currency-convert-warning-modal-header .btn-close {
margin: calc(var(--bs-currency-convert-warning-modal-header-padding-y)* -.5) calc(var(--bs-mocurrency-convert-warning-modaldal-header-padding-x)* -.5) calc(var(--bs-currency-convert-warning-modal-header-padding-y)* -.5) auto;
padding: calc(var(--bs-currency-convert-warning-modal-header-padding-y)* .5) calc(var(--bs-currency-convert-warning-modal-header-padding-x)* .5);
} */
.currency-convert-warning-modal-header {
flex-direction: row-reverse;
justify-content: space-between;
}
.currency-convert-warning-modal-header .btn-close {
padding: 8px;
opacity: 1;
font-size: 16px;
}
.currency-convert-warning-modal-content {
border-radius: 4px;
box-shadow: 0 3px 10px #00000080;
}
.currency-convert-warning-modal-body p {
margin-bottom: 0;
}
.currency-convert-warning-modal-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* Semi-transparent black background */
z-index: 999999999;
background-color: #000;
opacity: 0.5;
/* Ensure the overlay is above other content */
}
.currency-convert-warning-modal-overlay.show {
display: block;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.currency-convert-warning-modal-dialog {
margin: 15px auto;
width: 90%;
}
.currency-convert-warning-modal {
margin: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.currency-convert-warning-modal-dialog {
width: 90%;
}
.currency-convert-warning-modal {
padding: 0 !important;
margin: 0 !important;
}
}
@media (min-width: 576px) {
.currency-convert-warning-modal-dialog {
margin-left: auto !important;
margin-right: auto !important;
/* max-width: 800px; */
/* Assuming --bs-modal-width is 800px */
}
}
@media (max-width: 767px) {
.currency-convert-warning-modal-body,
.currency-convert-warning-modal-header {
padding: 18px !important;
}
}
@media (min-width: 992px) {
.currency-convert-warning-modal-lg,
.currency-convert-warning-modal-xl {
margin-left: auto !important;
margin-right: auto !important;
width: 900px;
/* Assuming --bs-modal-width is 800px */
}
}
.custom-select select {
appearance: none;
outline: 10px red;
border: 0;
box-shadow: none;
flex: 1;
padding: 0 1em;
color: #000;
background-color: #e4e8ed;
background-image: none;
cursor: pointer;
align-items: center;
}
select::-ms-expand {
display: none;
}
.currency-dropdown .mbs-dropbtn {
padding: 15px 20px !important;
}
.currency-dropdown-list .currency-dropdown-listitem-active {
color: green !important;
}
.custom-select {
position: relative;
display: flex;
width: 100px;
/* width: 20em; */
height: 2.5em;
border-radius: .25em;
overflow: hidden;
}
.custom-select::after {
content: '\25BC';
position: absolute;
top: 10px;
right: 10px;
transition: .25s all ease;
pointer-events: none;
}
.column {
float: left;
width: 50%;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
* {
box-sizing: border-box;
}
/* Create three equal columns that floats next to each other */
.mbscurrencycolumn {
float: left;
line-height: 15px;
/* width: 33.33%; */
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
body {
font-family: Arial, Helvetica, sans-serif;
}
.currency-dropdown {
position: relative;
float: left;
/* overflow: hidden; */
border-radius: 5px;
margin-left: 10px;
}
.currency-dropdown .currency-dropbtn {
display: flex;
font-size: 16px;
border: none;
outline: none;
max-width: 160px;
width: 200px;
/* padding: 14px 16px; */
border: 1px solid black;
background-color: inherit;
font-family: inherit;
justify-content: space-between;
padding: 5px;
margin: 0;
}
.currency-dropdown-list {
display: flex;
align-items: center;
}
.currency-dropdown-list .currency-dropdown-listitem {
margin-right: 10px;
}
.currency-dropdown .currency-dropbtn .currency-dropbtn-item {
display: inline-block;
padding: 5px;
/* align-items: center;
justify-items: center; */
}
/* .navbar a:hover, .dropdown:hover .dropbtn {
background-color: red;
} */
.currency-dropdown-content {
/* display: none; */
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
/* width: fit-content; */
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
max-height: 300px;
overflow-y: scroll;
transition: transform 250ms;
}
.currency-dropdown-content.show {
margin-top: 5px;
border-radius: 5px;
position: absolute;
background-color: #f9f9f9;
border: 1px solid #D3D3D3;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 999999999 !important;
right: 0px;
animation-name: moveupdown;
animation-duration: 1s;
/* animation: mymove 1s; */
/* max-height: 500px; */
/* overflow-y: scroll; */
}
@keyframes moveupdown {
0% {
/* top: -100px; */
-webkit-transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(10%);
/* top: 35px; */
}
}
@keyframes mymove {
from {
top: 0px;
}
to {
top: 30px;
}
}
.currency-dropdown-content.show:first-child:hover {
background-color: aqua;
}
.currency-dropdown-content.show:focus {
background-color: '';
}
.currency-dropdown-content ul {
margin: 0px;
height: 100%;
padding: 0px;
list-style-type: none;
}
.currency-dropdown-content ul li {
float: none;
/* color: black; */
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.mbs-noitem {
float: none;
margin-top: 5px;
background-color: #f9f9f9;
padding: 12px 16px;
text-decoration: none;
border: 1px solid #D3D3D3;
border-radius: 5px;
/* box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); */
z-index: 9999999 !important;
display: block;
color: #D3D3D3;
text-align: center;
}
.currency-dropdown-content ul li:hover {
background-color: #ddd;
}
.currency-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* Semi-transparent black background */
z-index: 999;
/* Ensure the overlay is above other content */
}
.currency-overlay.show {
display: block;
}
.currency-css-1dimb5e-singleValue {
max-width: 100%;
height: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: rgb(51, 51, 51);
margin-left: 2px;
margin-right: 2px;
box-sizing: border-box;
z-index: 9999999 !important;
position: absolute;
margin-left: 5px !important;
display: flex;
align-items: center;
gap: 5px;
justify-content: center;
/* margin-top: px !important; */
}
.currency-css-hlgwow {
display: flex;
align-items: center;
}
.currency-countryName {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
/* width: 50px; */
display: block;
}
.firstcon:focus {
color: brown;
background-color: blueviolet !important;
/* position: absolute;
background-color: #f9f9f9; */
min-width: 160px;
/* box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); */
max-height: 500px;
overflow-y: scroll;
}
.firstcon {
/* position: absolute;
background-color: #f9f9f9; */
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
max-height: 500px;
overflow-y: scroll;
}
.mbs-currency-item-active {
/* background-color: #eee; */
background-color: #ddd;
}
.mbs-currency-selected-active {
background-color: skyblue;
}
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
display: none;
}
.VIpgJd-ZVi9od-ORHb table {
display: none !important;
}
.VIpgJd-ZVi9od-LgbsSe button {
display: none !important;
}
::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
/* box-shadow: inset 0 0 5px grey; */
border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
/* background: #b30000; */
}
@media only screen and (max-width: 800px) {
.mbscurrencycolumn {
width: 100% !important;
}
.currency-dropdown-content {
width: fit-content !important;
}
}
/* Currency Convertor Start */
.currency-countryName {
font-family: Poppins, sans-serif;
}
span.currencyConvertor select#currency {
border: none;
color: rgba(87, 87, 87, .8) !important;
margin-bottom: 2px;
padding: 0 20px;
cursor: pointer;
background: 0 0
}
span.currencyConvertor select#currency:focus-visible {
outline: 0
}
select#currency {
font-size: 14px
}
.lag-lst.currency-lst ul li {
width: 20%
}
.lag-lst.currency-lst ul li.curr-sep {
width: 86%;
border-bottom: 1px solid #c1c1c1;
padding: 0;
margin: 10px 0 10px 8px;
display: inline-block
}
.lag-lst.currency-lst ul li:first-child {
font-weight: 600
}
.currency-dropdown .currency-dropdown-list .currency-dropdown-listitem {
margin: 0;
cursor: pointer;
text-wrap: nowrap;
}
.currency-dropdown .currency-dropdown-content {
max-height: 315px;
}
.currency-dropdown .currency-dropdown-content .row {
margin: 0;
}
.currency-dropdown .currency-dropdown-content ul {
padding: 10px;
}
.currency-dropdown .currency-dropdown-content ul li {
padding: 9px 5px;
}
.currency-dropdown .currency-dropdown-content ul li:hover {
background-color: transparent;
}
.language-dropdown-content.show,
.currency-dropdown-content.show {
overflow-x: hidden;
}
.currency-countryName {
letter-spacing: .5px;
font-size: 14px !important;
margin: 0;
}
.currency-dropdown-list span {
color: #000 !important;
background-color: white !important;
}
.currency-dropdown-list {
display: block !important;
align-items: center;
}
.currency-dropdown-content ul li:hover {
background-color: white !important;
}
.currency-dropdown .currency-dropdown-content.show {
min-width: 712px !important;
box-shadow: 0 3px 12px rgb(0 0 0 / 5%) !important;
overflow-y: unset !important;
margin-top: 0 !important;
padding: 5px !important;
border-radius: 0 !important;
border-color: hsla(0, 0%, 100%, .2) !important;
}
.currency-dropdown-content {
background-color: #fff !important;
}
.currency-dropdown .currency-dropdown-content ul {
padding: 0px !important;
}
.currency-dropdown .currency-dropdown-content.show {
background: #fff;
margin-top: -5px !important;
}
.currency-dropdown .currency-dropdown-content.show {
animation-name: bounceInDown;
}
.currency-dropdown .currency-dropdown-content ul {
padding: 0;
}
.currency-dropdown .currency-dropdown-content {
max-height: unset;
}
.currency-dropdown .currency-dropdown-content ul {
max-height: 315px;
overflow: auto;
}
.currency-dropdown .currency-dropdown-content.show hr {
margin: 10px 0 10px 8px;
}
.currency-dropdown .currency-countryName {
margin: 0;
}
.currency-countryName {
font-family: Poppins, sans-serif;
}
@media (max-width:991px) {
.lag-lst.currency-lst ul li {
width: 100% !important
}
}
@media (max-width:767px) {
.currencyDropdown-sm .currencyConvertor .navbar .navbar-collapse .navbar-nav .nav-item .currency-lst,
.sidebar-language .dropdown-menu .lag-lst {
min-width: 100%;
width: 100%
}
.currencyDropdown-sm .currencyConvertor .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu.lag-cls .currency-lst {
box-shadow: 0 3px 12px rgb(0 0 0 / 5%) !important
}
}
.container,
[class*="col"] {
padding-left: 7.5px;
padding-right: 7.5px;
}
@media (max-width: 400px) {
.currency-dropdown span.currency-dropbtn-item {
max-width: 95px;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
}
}
@media (max-width: 991px) {
.currency-dropdown .currency-dropdown-content.show {
min-width: unset !important;
}
.currency-dropdown-content .mbscurrencycolumn {
width: 33.33% !important;
}
}
@media (max-width: 820px) {
.currency-dropdown-content .mbscurrencycolumn {
width: 100% !important;
}
}
/* Currency Convertor End */
/* View by Room / Package – compact toggle (matches widget search button styles) */
.view-toggle-wrap {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 6px 16px;
}
/* "View By:" – visible on large screens only */
.view-toggle__label {
display: none;
font-size: 13px;
font-weight: 500;
color: rgba(0, 0, 0, 0.7);
white-space: nowrap;
}
.beWidgetTemplate5Wrapper .sticky-widget-content .view-toggle-wrap {
margin: 0;
}
@media (min-width: 992px) {
.view-toggle__label {
display: inline;
}
}
.view-toggle {
position: relative;
display: inline-flex;
align-items: center;
background: var(--SecondaryBtnFontColor, #fff);
border-radius: 9999px;
padding: 1px 3px;
border: 1px solid rgba(0, 0, 0, 0.08);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.view-toggle:hover {
border-color: rgba(0, 0, 0, 0.12);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
}
.view-toggle__track {
position: relative;
display: flex;
align-items: center;
min-width: 100px;
}
.view-toggle__option {
flex: 0 0 auto;
position: relative;
z-index: 2;
padding: 6px 10px;
font-size: 12px;
font-weight: 500;
color: rgba(0, 0, 0, 0.6);
background: transparent;
border: none;
border-radius: 9999px;
cursor: pointer;
transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
outline: none;
-webkit-tap-highlight-color: transparent;
}
/* .view-toggle__option:hover {
color: rgba(0, 0, 0, 0.85);
} */
.view-toggle__option--active {
color: var(--SecondaryBtnFontColor, #fff);
cursor: default;
}
.view-toggle__option:focus-visible {
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15);
}
.view-toggle__slider {
position: absolute;
top: 3px;
bottom: 3px;
background-color: var(--SecondaryBtnBgColor, #006060);
border-radius: 9999px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
transition: width 0.25s cubic-bezier(0.4, 0, 0.2, 1),
left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 1;
}
.view-toggle:active .view-toggle__slider {
transition-duration: 0.2s;
}
.view-toggle__option:active {
transform: scale(0.98);
transition: transform 0.1s ease;
}
.view-toggle__option--active:active {
transform: scale(1);
}
/* Compact react-bootstrap tooltip */
.view-toggle-tooltip .tooltip-inner {
max-width: min(200px, calc(100vw - 16px));
padding: 4px 8px;
font-size: 11px;
font-weight: 500;
}
@media (max-width: 1092px) {
.view-toggle-tooltip .tooltip-inner {
font-size: 10px;
padding: 3px 6px;
max-width: min(160px, calc(100vw - 12px));
}
}
.wdgtWrapp .be-widgetWrap .beWidget .submit-button,
button.sh-mr-compare-package.notranslate {
padding: 0
}
.be-widgetWrap,
.beWidget .form-group,
.beWidget .form-group .widgetLabel,
.beWidget .form-group.checkAvailBtn a,
.checkIn-OutWrapper,
.ion-plus-div,
.prt-bnt-cls,
.tabClosed.count-input .edit_Room {
display: inline-block !important
}
.wdgtWrapp .be-widgetWrap .beWidget input,
.wdgtWrapp .be-widgetWrap .beWidget input.date-input {
background: rgb(255 255 255 / 85%);
color: #000;
font-size: 14px !important;
border: 1px solid #fff
}
.wdgtWrapp .be-widgetWrap .beWidget .DatePickerMain {
background: rgb(255 255 255/ 45%);
border: 1px solid rgba(255, 255, 255, .5);
-webkit-backdrop-filter: blur(2px);
-moz-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
z-index: 1;
position: relative
}
.wdgtWrapp .be-widgetWrap .beWidget input.PromoInput {
width: 63%
}
.be-widgetWrap {
width: 100%;
/* padding: 18px 0 */
}
.wdgtWrapp.container .be-widgetWrap {
border-radius: 5px;
padding-top: 10px;
padding-bottom: 10px;
}
.wdgtWrapp.container .be-widgetWrap .checkAvailBtn a.bkrm-btn {
border-radius: 4px;
color: #fff;
padding: 8px 10px;
text-decoration: none;
cursor: pointer
}
.wdgtWrapp.container .be-widgetWrap .react-datepicker {
border: 1px solid rgb(229 229 229);
background: #fff;
border-radius: 8px;
box-shadow: 0 6px 10px -4px rgba(0, 0, 0, .15);
padding: 0 0 60px
}
.wdgtWrapp.container .be-widgetWrap .react-datepicker .react-datepicker__month-container {
margin-left: 0 !important;
border-radius: 0;
width: 50%;
padding: 20px 0 0
}
.wdgtWrapp.container .be-widgetWrap .react-datepicker .react-datepicker__triangle+.react-datepicker__month-container {
border-right: 1px solid #dadada !important
}
.wdgtWrapp.container .be-widgetWrap .react-datepicker .InfoDivWrapper {
box-sizing: border-box;
width: 100%;
text-align: center;
display: flex;
justify-content: center;
padding: 4px 15px 20px;
border-top: 1px solid #dadada
}
.wdgtWrapp.container .be-widgetWrap .react-datepicker .InfoDivWrapper .infoDiv-inside {
border: none;
display: flex;
justify-content: center
}
.wdgtWrapp.container .be-widgetWrap .react-datepicker .react-datepicker__day-names .react-datepicker__day-name {
font-weight: 600;
color: #040404 !important;
font-size: 14px;
background: 0 0;
padding: 8px 0
}
.wdgtWrapp.container .be-widgetWrap .react-datepicker .react-datepicker__week .react-datepicker__day {
padding: 10px;
border-radius: 6px !important;
margin-right: 3px;
margin-top: 3px;
border: none !important
}
.wdgtWrapp.container .be-widgetWrap .react-datepicker .react-datepicker__day-names {
background: #f2f2f2
}
.wdgtWrapp.container .be-widgetWrap button#next-month:hover,
.wdgtWrapp.container .be-widgetWrap button#previous-month:hover {
background: #f5f5f5
}
.be-widgetWrap .eBrnhw .checkbox,
.jlMSND span.checkbox {
right: 38%
}
.be-widgetWrap .beWidget .promocodeTxt .PromoInput {
width: unset !important;
}
.be-widgetWrap .beWidget {
padding: 15px 15px 19px 15px;
width: 100%;
margin: auto;
max-width: 100%;
display: flex;
justify-content: center;
background-color: #ffffff;
/* margin-top: -68px; */
/* border-radius: 0 0 5px 5px !important; */
box-shadow: none !important;
flex-wrap: wrap;
}
.be-widgetWrap .beWidget .form-group.guestsearchTxt {
width: 100%
}
.be-widgetWrap .beWidget .checkIn-OutWrapper {
width: auto
}
.be-widgetWrap .beWidget .form-group.guestsearchTxt {
width: 100%
}
.be-widgetWrap .form-group.guestsearchTxt-desktop br {
display: none;
}
.be-widgetWrap .form-group.guestsearchTxt-desktop {
line-height: normal;
}
.be-widgetWrap .WidgetNightsRooms {
color: #000;
}
/* widget UI for mobile */
.be-widgetWrap .detailWrapper {
display: flex !important;
flex-direction: row;
justify-content: space-between !important;
align-items: center !important;
gap: 5px !important;
}
.be-widgetWrap .beWidgetDetail {
display: flex;
/* flex-direction: column; */
box-shadow: none;
}
.be-widgetWrap .WidgetDateGuests {
color: #000;
}
.be-widgetWrap .ModifySearchBtn {
background-color: transparent;
border: 0;
font-size: 12px;
cursor: pointer;
padding: 0;
border-bottom: 1px dashed #000;
}
.be-widgetWrap .WidgetNightsRooms {
font-weight: 500;
}
.be-widgetWrap-tm {
margin-top: 10px;
}
@media all and (min-width:768px) {
.be-widgetWrap {
position: sticky;
top: 60px;
z-index: 12;
}
}
@media only screen and (min-width:576px) and (max-width:767px) {
/* .bnr-cls .container{max-width:100%!important} */
/* .be-widgetWrap .beWidget>div{flex:1} */
.be-widgetWrap .beWidget>div.checkIn-OutWrapper {
max-width: -webkit-fill-available
}
.be-widgetWrap .beWidget .form-group.promocodeTxt input {
width: 100% !important;
max-width: 100% !important
}
.be-widgetWrap .beWidget .form-group.promocodeTxt {
width: 100%;
max-width: 25%
}
.be-widgetWrap .beWidget .form-group.checkAvailBtn {
max-width: 100px
}
.be-widgetWrap .beWidget .form-group.checkAvailBtn button.Apply-btn {
width: 100%
}
.be-widgetWrap .beWidget>div.checkIn-OutWrapper {
max-width: -webkit-fill-available;
width: auto !important;
}
}
@media (max-width:991px) {
.be-widgetWrap .eBrnhw .checkbox {
right: 52%
}
.be-widgetWrap .beWidget .checkAvailBtn {
margin-top: 23px !important;
align-items: flex-end !important;
display: flex !important;
}
.checkIn-OutWrapper {
margin-bottom: 0;
}
.wdgtWrapp.container .be-widgetWrap .beWidget .form-group {
height: auto;
margin: 0 0 5px;
}
.wdgtWrapp.container .be-widgetWrap .beWidget .form-group {
height: auto;
margin: 0 0 5px;
}
}
@media (max-width: 768px) {
.be-widgetWrap .beWidget {
margin-top: 0;
}
.be-widgetWrap .beWidget {
margin-top: 0;
}
}
@media (max-width: 767px) {
.be-widgetWrap .beWidget .checkIn-OutWrapper {
/* width: auto !important; */
}
.checkInOutForm .searchWidget .formGroup .input .checkinDate {
min-width: auto;
}
}
@media (max-width:700px) {
.be-widgetWrap .eBrnhw .checkbox {
right: 55%
}
}
@media only screen and (max-width: 576px) {
.be-widgetWrap .form-group.guestsearchTxt-moblie {
max-width: 100% !important;
padding: 0;
}
.beWidget .checkAvailBtn {
margin-top: 26px;
}
}
@media (max-width:575px) {
.wdgtWrapp.container .be-widgetWrap .react-datepicker .react-datepicker__month-container {
width: 100% !important
}
.be-widgetWrap .beWidget {
flex-wrap: wrap;
}
.be-widgetWrap .beWidget .promocodeTxt .PromoInput {
width: 100% !important;
max-width: 100% !important;
}
.be-widgetWrap .eBrnhw .checkbox {
right: 38%
}
.be-widgetWrap .beWidget {
flex-wrap: wrap;
align-items: end
}
.wdgtWrapp .be-widgetWrap .form-group.guestsearchTxt-moblie {
max-width: 100%;
margin-bottom: 10px;
padding-left: 0;
}
.be-widgetWrap .beWidget .checkIn-OutWrapper {
width: 100%;
}
.wdgtWrapp.container .be-widgetWrap .react-datepicker .react-datepicker__month-container {
width: 100% !important;
}
}
@media (max-width:480px) {
.wdgtWrapp .be-widgetWrap .beWidget input,
.wdgtWrapp .be-widgetWrap .beWidget input.date-input {
font-size: 14px !important
}
}
@media (max-width: 400px) {
.wdgtWrapp .be-widgetWrap .beWidget input,
.wdgtWrapp .be-widgetWrap .beWidget input.date-input {
font-size: 16px !important;
}
}
@media (max-width:340px) {
.be-widgetWrap .beWidget .checkIn-OutWrapper {
width: 100%;
float: left
}
.be-widgetWrap .beWidget .checkIn-OutWrapper .iconText #end-Date-Input,
.be-widgetWrap .beWidget .checkIn-OutWrapper .iconText #start-Date-Input {
font-size: 14px !important
}
}
/* BeWidget CSS Start */
.wdgtWrapp .be-widgetWrap .beWidget .submit-button,
button.sh-mr-compare-package.notranslate {
padding: 0
}
.be-widgetWrap,
.beWidget .form-group,
.beWidget .form-group .widgetLabel,
.beWidget .form-group.checkAvailBtn a,
.checkIn-OutWrapper,
.ion-plus-div,
.prt-bnt-cls,
.tabClosed.count-input .edit_Room {
display: inline-block !important
}
.beWidget input.guest-input {
width: 70%
}
.beWidget {
text-align: left;
position: relative
}
.beWidget .form-group {
position: relative;
margin: 0;
font-size: 14px;
padding: 0 10px;
vertical-align: top
}
.beWidget .form-group .form-control {
box-shadow: none;
max-width: 165px
}
.beWidget .form-group .form-control.checkInInput {
padding-right: 40px
}
.beWidget .form-group .form-control.promoinput {
max-width: 120px
}
.beWidget .form-group input[type=checkbox] {
margin: 0;
vertical-align: middle
}
.beWidget .form-group.flexibleWrap {
padding-top: 30px
}
.beWidget .form-group.promocodeTxt .input-group .input-group-addon,
.tabClosed .Adult,
.tabClosed .Child {
width: auto
}
.beWidget .form-group .widgetLabel {
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
position: relative
}
.beWidget .form-group input.form-control:focus {
border-color: #ccc
}
.beWidget .icon-cal {
background-color: transparent;
top: 3px;
right: 3px
}
.beWidget .guestPickerInner {
display: inline-block;
width: 100%;
max-height: 193px;
overflow: auto;
vertical-align: top
}
.beWidget .guestPickerDivWrap.form-group input.form-control {
padding-right: 28px;
max-width: 225px
}
.beWidget .guestPickerDivWrap.form-group .ion-plus-div::after {
content: "\f055";
position: absolute;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #655;
z-index: 99;
right: 6px;
top: 5px;
font-size: 17px
}
.MaxGuest-Dflex .adlt-cls:hover .adlt-tooltip,
.addon-icon:hover+.addon-icon-hover-desc,
.adt-chld:hover #adlt-desc,
.beWidget .guestPickerDivWrap.On .guestPickerDiv,
.dropdown-link:hover>.dropdown,
.nav-link:hover>.dropdown {
display: block
}
.beWidget .showPopper.changeArrow::after {
border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) rgb(255 255 255);
bottom: 99.8%
}
.beWidget .endDate,
.beWidget .startDate {
caret-color: transparent;
}
.beWidget .form-group .form-control.promoinput {
max-width: 178px !important;
padding: 0.375rem 7.5px;
line-height: 20px;
border-radius: 3px;
}
.beWidget .icon-cal {
top: 29px;
transform: translate(-44%);
right: 44%;
z-index: 9;
}
.beWidget .form-group .widgetLabelchkout {
padding-left: 15px !important;
}
@media (max-width:1200px) {
.beWidget .form-group {
padding: 0 5px
}
.checkIn-OutWrapper .form-group .iconText {
max-width: 135px
}
.beWidget .form-group .form-control.promoinput {
max-width: 90px
}
.adult-child-wrap {
justify-content: flex-end;
display: flex;
align-items: center
}
}
@media (max-width:991px) {
.beWidget .form-group .form-control,
.beWidget .form-group .form-control.promoinput,
.checkIn-OutWrapper .form-group .iconText,
.checkIn-OutWrapper .form-group:last-child input {
max-width: 100%
}
.beWidget .form-group.promocodeTxt {
width: 39%
}
.beWidget .form-group.promocodeTxt {
width: fit-content;
}
.checkIn-OutWrapper {
margin-bottom: 0;
}
.checkInOutForm .checkCmn .date-input {
max-width: 100% !important;
}
.beWidget .form-group .form-control.promoinput {
max-width: 168px !important;
}
}
@media (max-width: 820px) {
.beWidget .icon-cal {
right: 50%;
}
.beWidgetHeaderRight .language-dropdown .language-dropdown-content,
.beWidgetHeaderRight .currency-dropdown .currency-dropdown-content.show {
min-width: auto !important;
}
.beWidgetHeaderRight .mbscolumn {
width: 100% !important;
}
.mbscurrencycolumn {
width: 100% !important;
}
}
@media (max-width: 768px) {
.dpicker-minimumstay-hover span {
margin: 2px 0;
line-height: 14px !important;
white-space: normal;
min-width: 60px;
}
.be-widgetWrap .beWidget {
margin-top: 0;
}
/* .beWidget .icon-cal {
right: 40px;
} */
}
@media (max-width: 767px) {
.beWidget .form-group .form-control.promoinput {
max-width: 90px !important;
}
.checkAvailBtn .ApplyBtnCustom {
padding: 5.5px 10px;
}
/* .beWidget .icon-cal {
right: -2px;
} */
}
@media (max-width:480px) {
.beWidget .form-group.promocodeTxt {
width: 30%
}
}
@media (max-width: 575px) {
.beWidget .form-group.promocodeTxt {
width: 70%;
padding-left: 0;
}
.beWidget .form-group.checkAvailBtn {
width: 30% !important;
}
}
@media (max-width: 540px) {
.beWidget .icon-cal {
right: 60px;
}
.findAvailDates {
right: 0 !important;
left: 0 !important;
}
}
@media (max-width: 432px) {
.beWidget .icon-cal {
right: 43%;
transform: translate(-43%);
}
}
@media (max-width: 400px) {
.beWidget .form-group.promocodeTxt {
width: 50%;
font-size: 14px !important;
}
.beWidget .form-group.checkAvailBtn {
width: 50% !important;
}
.wdgtWrapp .be-widgetWrap .beWidget input,
.wdgtWrapp .be-widgetWrap .beWidget input.date-input {
font-size: 16px !important;
}
}
@media (max-width:370px) {
.beWidget .form-group.promocodeTxt {
width: 50%
}
.beWidget .form-group.checkAvailBtn {
padding-top: 12px
}
.beWidget .form-group.flexibleWrap {
padding-top: 15px
}
.beWidget .guestPickerDivWrap.form-group input.form-control {
max-width: 100%
}
.beWidget .form-group.checkAvailBtn {
padding-top: 22px !important;
}
}
@media (max-width: 340px) {
.beWidget .icon-cal {
right: -2px;
}
}
@media (max-width: 330px) {
.rdrMonths.rdrMonthsHorizontal .rdrMonth {
width: 280px;
}
.beWidget .icon-cal {
right: -8px;
}
}
/* BeWidget CSS End */
/* CheckIn CheckOut Show CSS Start */
.checkIn-OutWrapper {
/* font-size: 0; */
vertical-align: top
}
.checkIn-OutWrapper .form-group:first-child input {
border-radius: 3px 0 0 3px;
border-right: 0
}
.checkIn-OutWrapper .form-group:last-child input {
border-radius: 0 3px 3px 0;
border-left: 0;
padding-right: 12px
}
.checkIn-OutWrapper .form-group:first-child {
padding-right: 0
}
.checkIn-OutWrapper .form-group:last-child {
padding-left: 0
}
.promocodeTxt,
.checkAvailBtn,
.checkIn-OutWrapper {
box-shadow: unset !important;
}
.checkIn-OutWrapper .form-group.checkOut {
text-align: right;
padding-left: 0 !important;
}
.checkIn-OutWrapper .form-group.checkOut label.widgetLabelchkout {
padding-left: 0 !important;
}
.checkIn-OutWrapper .form-group.checkOut label.widgetLabelchkout {
text-align: right;
padding-left: 20px
}
.checkIn-OutWrapper .form-group.checkOut label.widgetLabelchkout+.iconText div#end-Date-Input {
text-align: right;
padding: 6px 20px 6px 15px;
}
.checkIn-OutWrapper .form-group.checkOut {
margin-left: -1px;
padding: 0
}
.checkIn-OutWrapper .icon-cal {
top: 50%;
left: 15px;
right: 0;
margin: auto;
width: 25px;
}
.beWidget .checkIn-OutWrapper .checkCmn.checkOut.form-group {
display: inline-grid
}
.beWidget .checkIn-OutWrapper .checkInOutForm {
width: 100%
}
.beWidget .checkIn-OutWrapper .icon-cal {
/* left: 0;
right: 0;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
height: 35px;
top: 22px;
bottom: 0;
width: 0 */
align-items: center;
bottom: auto;
display: flex;
height: 35px;
justify-content: center;
left: 0;
margin: auto;
right: 0;
top: 22px;
width: 0;
}
.beWidget .checkIn-OutWrapper .checkInOutForm .form-group.checkCmn.checkIn {
width: auto
}
.beWidget .checkIn-OutWrapper .checkInOutForm .form-group.checkCmn.checkOut {
width: auto
}
.be-widgetWrap .beWidget .checkIn-OutWrapper {
width: auto
}
.beWidget .checkIn-OutWrapper .checkInOutForm .form-group.checkCmn.checkOut label.widgetLabel.widgetLabelchkout {
padding-left: 15px;
}
.beWidget .checkIn-OutWrapper .checkInOutForm .form-group.checkCmn.checkIn .iconText #start-Date-Input {
width: 100%;
margin: auto;
padding: 6px 55px 6px 15px;
}
.beWidget .checkIn-OutWrapper .checkInOutForm .form-group.checkCmn .iconText {
width: 100%
}
.checkIn-OutWrapper {
width: 100%;
}
.checkIn-OutWrapper .checkInOutForm .checkIn .dayuseCheckIn {
border-right: 1px solid black !important;
border-radius: 2px;
}
.checkInOutForm .searchWidget .checkinDate.startDate {
border-right: none;
min-width: 215px;
border-radius: 3px 0 0 3px;
}
.checkInOutForm .searchWidget .formGroup .input .endDate {
border-left: none;
border-radius: 0 3px 3px 0;
/* border-right: 1px solid #963120; */
min-width: 215px;
white-space: nowrap;
}
.searchWidget .lbl {
color: #000;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 5px;
display: block;
}
.searchWidget .lbl.mb-0 {
margin-bottom: 0;
margin-left: 6px;
}
.form-group.guestsearchTxt-desktop {
font-size: 0 !important;
}
@media only screen and (min-width:576px) and (max-width:767px) {
.be-widgetWrap .beWidget>div.checkIn-OutWrapper {
max-width: -webkit-fill-available
}
}
@media (max-width:1200px) {
.checkIn-OutWrapper .form-group .iconText {
max-width: 135px
}
.checkIn-OutWrapper .form-group .iconText {
max-width: unset;
}
}
@media (max-width: 1024px) {
.checkIn-OutWrapper .form-group.checkOut {
text-align: right;
padding-left: 0 !important;
}
.checkIn-OutWrapper .form-group.checkOut label.widgetLabelchkout {
padding-left: 0 !important;
}
}
@media (max-width:991px) {
.checkIn-OutWrapper {
/* width: 60%; */
margin-bottom: 15px
}
.checkIn-OutWrapper {
margin-bottom: 0;
}
.checkIn-OutWrapper {
margin-bottom: 0;
}
.checkIn-OutWrapper .form-group {
width: 50%
}
.beWidget .form-group .form-control,
.beWidget .form-group .form-control.promoinput,
checkIn-OutWrapper .checkIn-OutWrapper .form-group .iconText,
.checkIn-OutWrapper .form-group:last-child input {
max-width: 100%
}
}
@media (max-width: 767px) {
.checkIn-OutWrapper {
width: 100% !important;
}
.be-widgetWrap .beWidget .checkIn-OutWrapper {
/* width: auto !important; */
}
.checkIn-OutWrapper .container {
max-width: 100% !important;
}
}
@media (max-width: 575px) {
.checkIn-OutWrapper {
width: 100%;
margin-bottom: 10px;
}
.checkInOutForm .searchWidget .checkinDate.startDate,
.checkInOutForm .searchWidget .formGroup .input .endDate {
min-width: 100%;
}
.be-widgetWrap .beWidget .checkIn-OutWrapper {
width: 100%;
}
.beWidget .checkIn-OutWrapper .checkInOutForm .form-group.checkCmn.checkIn {
width: 50%;
}
.beWidget .checkIn-OutWrapper .checkInOutForm .form-group.checkCmn.checkOut {
width: 50%;
}
.checkIn-OutWrapper .form-group.checkOut label.widgetLabelchkout+.iconText div#end-Date-Input {
padding: 6px 20px 6px 25px;
}
.beWidget .checkIn-OutWrapper .checkInOutForm .form-group.checkCmn.checkOut label.widgetLabel.widgetLabelchkout {
padding-left: 25px;
}
}
@media (max-width:480px) {
.checkIn-OutWrapper {
width: 100%
}
}
@media (max-width: 432px) {
.checkIn-OutWrapper .form-group.checkOut {
text-align: right;
padding-left: 0 !important;
}
.checkIn-OutWrapper .form-group.checkOut label.widgetLabelchkout {
padding-left: 0 !important;
padding-right: 50px;
}
}
@media (max-width:340px) {
.checkIn-OutWrapper+.form-group.checkAvailBtn {
text-align: center;
margin: 22px 0 0 0;
padding: 0
}
.be-widgetWrap .beWidget .checkIn-OutWrapper {
width: 100%;
float: left
}
.be-widgetWrap .beWidget .checkIn-OutWrapper .iconText #end-Date-Input,
.be-widgetWrap .beWidget .checkIn-OutWrapper .iconText #start-Date-Input {
font-size: 14px !important
}
.checkIn-OutWrapper+.form-group.checkAvailBtn button.Apply-btn {
width: 100%;
margin-left: 10px
}
}
/* CheckIn CheckOut Show CSS End */
/* AdultChild CSS Start */
.guest-input.form-control.ion-plus-div.d-flex {
width: 100%;
}
.guestInput .guest-input {
height: 34px;
}
.Apply-btn,
.guestInput .guest-input,
.beWidget .form-group .form-control.promoinput {
line-height: 21px;
}
.guestInput .guest-input {
padding: 5px 3px;
border-radius: 3px;
line-height: 20px;
}
.icon-cal {
background: #eee;
color: #555;
font-size: 14px;
overflow: hidden;
padding: 4px 7px 4px 10px;
position: absolute;
right: 16px;
top: 26px;
}
.be-widgetWrap .form-group.guestsearchTxt-desktop {
line-height: normal;
}
.beWidget .form-group {
position: relative;
margin: 0;
font-size: 14px;
padding: 0 10px;
vertical-align: top;
}
.searchWidget .checkinOut label,
.beWidget .form-group .widgetLabel,
.mbs-input-label,
.lst-rm,
button.sh-mr-ameneties.notranslate {
line-height: 18px;
}
.fw400 {
font-weight: 400 !important;
}
.fs14 {
font-size: 14px !important;
}
/* .form-control {
padding-left: 10px !important;
border: 1px solid #c9c7c7 !important;
} */
.addroom-another {
margin-top: 5px;
border-radius: 4px;
padding: 6px 10px;
background: #fff !important;
color: #424040 !important;
border: 1px solid #424040 !important;
font-weight: 500;
}
.selectrow .inc-div button.incr-btn {
color: #565656;
float: left;
font-size: 14px;
/* padding: 0; */
width: 30%;
border: 1px solid #efefef;
}
.inc-div button.incr-btn {
border: 1px solid transparent;
color: #565656;
float: left;
font-size: 14px;
padding: 2px 0 2px;
width: 30%;
background-color: #eee;
line-height: 20px;
}
.inc-div button.incr-btn {
color: #565656;
float: left;
font-size: 14px;
padding: 4px 0 4px;
width: 30%;
border: 1px solid #efefef;
}
button[data-action="decrease"] {
border-right-color: #ddd !important;
}
.guestsearchTxt-desktop .guestInput .pl-ion {
height: 16px;
width: 16px;
border-radius: 0;
}
.guestsearchTxt-desktop .guestInput .pl-ion {
margin-top: 3px;
}
.guestInput .pl-ion {
font-size: 14px;
}
.guestInput .pl-ion {
font-size: 14px;
padding: 0 8px;
}
.guestInput .pl-ion i {
font-size: 11px;
padding-top: 2px
}
.inc-div,
.rm-lst,
.rm-srch,
.rm-srch label,
.rs-rm-prc span {
text-align: center
}
.inc-div {
border: 1px solid #ddd;
margin-top: 1px
}
.inc-div .incr-btn {
color: #565656;
float: left;
font-size: 12px;
padding: 2px 0 1px;
width: 30%
}
.inc-div .quantity {
border: none;
float: left;
font-size: 12px;
padding: 2px 0 1px;
text-align: center;
width: 40%
}
@media (max-width: 576px) {
.inc-div {
border-radius: 4px;
}
}
@media (max-width: 575px) {
.addroom-another {
display: flex;
align-items: center;
gap: 6px;
}
.addroom-another i {
font-size: 11px;
}
}
/* AdultChild CSS End*/
/* Search Button CSS Start */
.beWidget .form-group.checkAvailBtn a,
.checkIn-OutWrapper,
.ion-plus-div,
.prt-bnt-cls,
.tabClosed.count-input .edit_Room {
display: inline-block
}
.wdgtWrapp.container .be-widgetWrap .checkAvailBtn a.bkrm-btn {
border-radius: 4px;
color: #fff;
padding: 8px 10px;
text-decoration: none;
cursor: pointer
}
.promocodeTxt,
.checkAvailBtn,
.checkIn-OutWrapper {
box-shadow: unset !important;
}
.checkAvailBtn .ApplyBtnCustom {
padding: 6px 30px;
border-radius: 4px;
}
.promocodeTxt,
.checkAvailBtn {
padding-right: 0 !important;
}
.beWidget .checkAvailBtn {
display: flex;
align-items: center;
justify-content: center;
margin-top: 23px;
}
.Apply-btn {
padding: 6px 10px;
border-radius: 4px;
width: 100%;
}
body {
position: relative;
}
.be-widgetWrap.sticky {
position: sticky;
z-index: 1003;
}
@media (max-width: 768px) {
.be-widgetWrap.sticky {
position: sticky;
}
}
@media only screen and (min-width:576px) and (max-width:767px) {
.be-widgetWrap .beWidget .form-group.checkAvailBtn {
max-width: 100px
}
.be-widgetWrap .beWidget .form-group.checkAvailBtn button.Apply-btn {
width: 100%
}
}
@media only screen and (max-width: 576px) {
.beWidget .checkAvailBtn {
margin-top: 26px;
}
}
@media (max-width: 991px) {
.be-widgetWrap .beWidget .checkAvailBtn {
margin-top: 23px !important;
align-items: flex-end !important;
display: flex !important;
}
}
@media (max-width: 767px) {
.checkAvailBtn .ApplyBtnCustom {
padding: 5.5px 10px;
}
}
@media (max-width: 575px) {
.beWidget .form-group.checkAvailBtn {
width: 30% !important;
}
.checkAvailBtn .ApplyBtnCustom {
width: 100%;
}
.beWidget .form-group.checkAvailBtn {
width: 30% !important
}
}
@media (max-width: 400px) {
.beWidget .form-group.checkAvailBtn {
width: 50% !important;
}
}
@media (max-width:370px) {
.beWidget .form-group.checkAvailBtn {
padding-top: 12px
}
.beWidget .form-group.checkAvailBtn {
padding-top: 22px !important;
}
}
@media (max-width:340px) {
.checkIn-OutWrapper+.form-group.checkAvailBtn {
text-align: center;
margin: 22px 0 0 0;
padding: 0
}
.checkIn-OutWrapper+.form-group.checkAvailBtn button.Apply-btn {
width: 100%;
margin-left: 10px
}
}
/* Search Button CSS End */
/* Promo Code CSS Start */
@media (max-width: 575px) {
.be-widgetWrap .beWidget .promocodeTxt .PromoInput {
width: 100% !important;
max-width: 100% !important;
}
}
/* Promo Code CSS End */
.beWidget .searchWidget .formGroup .input {
max-width: 250px;
}
.beWidget .searchWidget .formGroup .input+.icon-cal+.input {
max-width: 135px;
}
.beWidget .property .datepicker-main {
padding-right: 30px;
}
.beWidget .property {
min-width: 350px;
}
.checkIn-OutWrapper .checkInOutForm .searchWidget .formGroup .input .checkinDate {
min-width: auto;
}
@media screen and (max-width: 767px) {
.beWidget .searchWidget .formGroup .input {
max-width: 140px;
min-width: 130px;
}
.beWidget .property {
min-width: auto;
}
.beWidget .checkInOutForm .checkinOut .startDate {
padding-right: 20px;
}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
.beWidget .select-details {
flex: 1;
}
.beWidget .select-details .select-details-main {
display: block !important;
}
}
@media screen and (max-width: 575px) {
.beWidget .property {
margin-right: 0 !important;
}
.beWidget .select-details .select-details-main {
display: block !important;
}
.beWidget .select-details {
width: 100%;
margin-bottom: 10px !important;
}
.beWidget .searchWidget .formGroup .input {
max-width: 100%;
min-width: auto;
}
.beWidget .searchWidget .formGroup .input+.icon-cal+.input {
max-width: 100%;
min-width: auto;
}
}
.menu-open li#propertyId {
list-style: inside;
}
.beWidget .select-details {
box-shadow: none !important;
}
.beWidget .datepicker-main {
background-color: #FFFFFF;
color: #000000;
border: 1px solid #000000;
font-size: 14px;
padding-left: 15px !important;
margin: 0;
padding-right: 40px;
padding: 8px;
height: 33px !important;
border-radius: 2px;
margin-right: 3px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.beWidget .property .down-arrow,
.location .down-arrow {
position: absolute;
bottom: 7px;
right: 10px;
}
.beWidget .property label {
font-size: 10px;
font-weight: 300;
padding: 0 0 0 15px;
}
.beWidget .property {
margin-right: 10px;
}
.beWidget .property .menu {
list-style: none;
padding: 0.2em 0.5em;
background: #fff;
border: 1px #ddd solid;
box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.2);
border-radius: 2px;
color: #000;
position: absolute;
top: 100%;
left: 50%;
width: 100%;
transform: translateX(-50%);
opacity: 0;
display: none;
transition: 0.2s;
z-index: 1;
max-height: 268px;
overflow-y: auto;
margin-top: 2px;
}
.beWidget .property .menu-open {
display: block;
opacity: 1;
z-index: 999;
}
.menu ul {
padding-left: 5px;
}
.menu-open li#optionCityId {
list-style: circle;
padding-left: 0;
margin-left: 21px;
}
.menu ul li {
font-size: 14px;
}
.menu ul li,
.parent-div {
padding: 0.3em 0.5em;
margin: 0;
border-radius: 0.5em;
cursor: pointer;
list-style: none;
}
.beWidget .select-details .select-details-main {
margin-top: 2px !important;
}
.beWidget .select-details {
padding: 0 !important;
}
.infoMsgDiv {
color: #084298;
background: #e7f1ff;
border-radius: 5px;
align-items: center;
}
.infoMsgDiv .infoMsg {
padding: 0 10px;
}
.errorRow > [class*="col-"] {
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.errorRow .errorMsgDiv,
.errorRow .infoMsgDiv {
display: inline-flex;
align-items: center;
max-width: 100%;
padding: 6px 10px;
border-radius: 5px;
}
.errorRow .errorMsgDiv .errorMsg,
.errorRow .infoMsgDiv .infoMsg {
margin: 0;
padding: 0 0 0 6px;
text-align: left;
line-height: 1.4;
}
.errorRow .promoMsgIcon {
flex: 0 0 auto;
}
.beWidgetHeader {
display: flex;
align-items: center;
justify-content: space-between;
height: 45px;
background-color: rgba(40, 144, 195, 0.65);
/* border-radius: 5px 5px 0 0; */
position: relative;
border-bottom: 1px solid #e2e2e2;
/* box-shadow: 0 0px 10px rgb(0 0 0 / 15%); */
}
.beWidgetHeaderLeft {
height: 100%;
}
.beWidgetHeaderLeft button {
color: #fff;
font-size: 14px;
line-height: 21px;
padding: 8px 30px;
border: none;
outline: none;
background-color: transparent;
text-transform: capitalize;
height: 100%;
border-right: 1px solid #c7c7c7;
}
.beWidgetHeaderLeft button.active {
background-color: #2890c3;
/* border-right: none; */
}
.beWidgetHeaderLeft button:first-child {
/* border-radius: 5px 0 0 0; */
}
.beWidgetHeaderRight,
.beWidgetHeaderRight .languageSelect,
.beWidgetHeaderRight .currencySelect {
height: 100%;
display: flex;
align-items: center;
}
.beWidgetHeaderRight>div:not(:last-child) {
border-right: 1px solid #c7c7c7;
}
.beWidgetHeaderRight .languageSelect .language-Name {
display: none;
}
.beWidgetHeaderRight .languageSelect .mbs-css-1dimb5e-singleValue .language-flagImage {
height: 20px !important;
width: 20px !important;
border-radius: 50%;
max-width: 20px;
max-height: 20px;
object-fit: cover;
}
.beWidgetHeaderRight .mbs-dropbtn {
font-size: 16px;
padding: 2px 12px 2px 7px !important;
/* width: 76px !important; */
}
.beWidgetHeaderRight .currency-countryName {
background-color: transparent !important;
color: #fff !important;
}
.beWidgetHeaderRight .show-mbs-dropdownArrow:after {
color: #fff !important;
font-size: 16px;
font-weight: 400;
margin-left: 10px;
}
.beWidgetHeaderRight .currency-dropdown .currency-dropdown-content.show {
margin-top: 0 !important;
}
.beWidgetHeaderLeft .dropdown,
.beWidgetHeaderLeft .dropdown-toggle {
height: 100%;
}
.beWidgetHeaderLeft .dropdown {
display: none;
}
.beWidgetHeaderLeft .dropdown-toggle {
background-color: #2890c3;
border: none;
padding: 8px 22px;
}
.beWidgetHeaderLeft .dropdown-toggle::after {
color: #fff !important;
}
.beWidgetHeaderLeft .dropdown-menu {
width: 100%;
padding: 0 !important;
margin-top: -3px;
border: none !important;
}
.beWidgetHeaderLeft .dropdown-menu a {
background-color: rgba(40, 144, 195, 0.65);
color: #fff;
padding: 10px 22px;
border-top: 1px solid #8dc8e5;
font-size: 14px;
line-height: 21px;
}
.beWidgetHeaderLeft .desktopTabs {
height: 100%;
}
.beWidgetHeader .mbs-css-1dimb5e-singleValue {
z-index: 99 !important;
}
.singleDropdown::after {
content: "" !important;
display: none !important;
}
@media (max-width: 1024px) {
.beWidgetHeaderLeft .desktopTabs {
display: none;
}
.beWidgetHeaderLeft .dropdown {
display: block;
}
}
@media (max-width: 767px) {
.beWidgetHeaderRight .languageSelect {
border-right: none;
}
/* .be-widgetWrap {
padding-left: 7.5px;
padding-right: 7.5px;
}
.beWidgetHeader {
margin-right: 7.5px;
margin-left: 7.5px;
} */
}
.language-Name {
/* width: 60px !important; */
}
.rate-plans-modal .bed-tooltip {
bottom: auto;
top: 40px;
left: inherit;
right: -10px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 12px;
}
.rate-plans-modal .rm-bed:hover .bed-tooltip::after {
right: 22px !important;
top: -11px;
transform: rotate(225deg) translateX(-50%);
}
.rate-plans-modal .adlt-tooltip {
bottom: auto;
top: 40px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 12px;
}
.rate-plans-modal .rm-user:hover .adlt-tooltip::after {
top: -11px;
left: 43%;
transform: rotate(225deg) translateX(-50%);
}
.va-bedding-Data {
flex-wrap: wrap;
margin-top: 12px;
}
.va-Bedding-detail {
line-height: 16px;
}
@media (max-width: 767px) {
.beWidgetHeaderRight .mbscolumn {
width: 100% !important;
}
.beWidgetHeaderRight .language-dropdown .language-dropdown-content,
.beWidgetHeaderRight .currency-dropdown .currency-dropdown-content.show {
min-width: auto !important;
}
}
.top-beWidget {
width: 100%;
display: flex;
justify-content: end;
align-items: center;
margin: -16px 0 0 0;
}
.top-beWidget .language-dropdown {
/* width: 145px; */
}
.top-beWidget .currency-dropdown {
/* width: 75px; */
}
.top-beWidget .currency-countryName {
background-color: transparent !important;
}
.top-beWidget .currency-dropdown .mbs-dropbtn {
padding: 15px 5px !important;
}
.top-beWidget .currency-dropdown .currency-dropdown-content.show {
margin-top: 0px !important;
}
.top-beWidget .mbs-css-1dimb5e-singleValue {
z-index: 1 !important;
}
@media (max-width:767px) {
.top-beWidget .mbscolumn {
width: 100% !important;
}
.top-beWidget .language-dropdown .language-dropdown-content,
.top-beWidget .currency-dropdown .currency-dropdown-content.show {
min-width: auto !important;
}
.top-beWidget .currency-dropdown .mbscurrencycolumn {
width: 100% !important;
}
}
/* view by rooms/package dropdown changes */
.currency-dropdown.view-dropdown .currency-dropdown-content.show {
width: 150px;
}
.currency-dropdown .currency-dropdown-content ul li:hover {
background-color: #eeee !important;
}
.currency-dropdown .currency-dropdown-content ul li:hover span {
background-color: transparent !important;
}
.language-dropdown-content ul li:hover {
background-color: #eeeeee !important;
}
.top-beWidget .currency-dropdown .mbs-css-1dimb5e-singleValue {
position: inherit;
}
.top-beWidget.shadow-none .currency-dropdown {
width: auto;
}
.top-beWidget .currency-dropdown.view-dropdown .mbs-dropbtn {
/* width: 142px !important; */
}
.top-beWidget .currency-dropdown .mbs-dropbtn {
/* padding: 0 5px !important; */
align-items: center;
}
.top-beWidget .currency-dropdown .currency-dropdown-content.show {
/* width: 150px !important; */
}
.beWidgetHeaderRight .currency-dropdown.view-dropdown .mbs-dropbtn {
/* width: 160px !important; */
}
.currency-dropdown.view-dropdown .currency-dropdown-content.show {
min-width: max-content !important;
}
span.currency-dropdown-listitem.dropdowncountryName {
background: transparent !important;
}
.languageSelect {
padding-right: 5px;
}
@media (max-width: 575px) {
.top-beWidget.shadow-none {
flex-wrap: wrap;
margin-bottom: 20px;
justify-content: flex-end;
}
.top-beWidget.shadow-none .language-dropdown .mbs-dropbtn {
padding: 8px 20px;
}
.top-beWidget.shadow-none .currency-dropdown .mbs-dropbtn {
padding: 8px 0 !important;
}
}
@media screen and (max-width: 575px) {
.beWidgetHeader {
flex-direction: column;
height: auto;
}
.be-widgetWrap .beWidgetHeaderLeft .dropdown-toggle,
.beWidgetHeaderLeft {
width: 100%;
}
.beWidgetHeaderRight .mbs-dropbtn {
width: auto !important;
max-width: inherit;
justify-content: flex-end;
padding-top: 0 !important;
}
.beWidgetHeaderRight {
width: 100%;
justify-content: end;
}
.top-beWidget.shadow-none .language-dropdown .mbs-dropbtn {
padding: 8px 20px !important;
}
.top-beWidget .currency-dropdown.view-dropdown .mbs-dropbtn {
padding: 8px 10px !important;
}
.top-beWidget .mbs-css-1dimb5e-singleValue span {
margin: 0;
}
.beWidgetHeaderRight .currency-dropdown.view-dropdown .mbs-dropbtn {
align-items: center;
}
.beWidgetHeader .mbs-css-1dimb5e-singleValue {
position: inherit;
}
.beWidgetHeaderRight .currency-dropdown.view-dropdown .mbs-dropbtn {
width: auto !important;
}
}
@media (max-width : 380px) {
.beWidgetHeaderRight .language-dropdown .language-dropdown-content.show {
left: 0
}
}
@media screen and (max-width: 424px) {
.top-beWidget .currency-dropdown.view-dropdown .mbs-dropbtn {
padding: 8px 0 8px 10px !important;
}
}
@media (max-width: 575px) {
.be-widgetWrap .beWidgetHeaderLeft .dropdown-toggle {
border-radius: 5px 5px 0 0;
}
}
/* view by rooms/package dropdown changes */
.accessibility-toggle-hover {
display: none;
position: absolute;
bottom: -45px;
background-color: #fff;
color: #000;
text-align: center;
padding: 10px;
border-radius: 4px;
font-size: 12px;
width: 140px;
left: 0;
transform: translateX(-50%);
z-index: 100;
filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.1));
}
.accessibility-toggle-hover::after {
content: "";
position: absolute;
top: -9px;
left: 58%;
z-index: 112;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #ffffff;
}
.accessibility-toggle:hover+.accessibility-toggle-hover {
display: block;
}
@media (max-width: 991px) {
.accessibility-toggle:hover+.accessibility-toggle-hover {
display: none;
}
}
.large-cursor,
.large-cursor button,
.large-cursor a,
.large-cursor .addon-reserve .more-info,
.large-cursor .subscribe-wrapper label,
.large-cursor input,
.large-cursor .form-label svg,
.large-cursor .cursor-pointer,
.large-cursor .mbs-dropbtn,
.large-cursor .language-dropdown-list,
.large-cursor .mbscurrencycolumn,
.large-cursor select,
.large-cursor .date-input+.calender-icon,
.large-cursor .endDate,
.large-cursor .month-select,
.large-cursor .startDate,
.large-cursor a#navbarDropdownMenuLink,
.large-cursor .currency-dropdown .currency-dropdown-list .currency-dropdown-listitem,
.large-cursor .prty-dic.prty-dic-after .sml-prc.tabPriceNone span.caret-icon,
.large-cursor .form-control,
.large-cursor .more-info,
.large-cursor .tabPriceNone,
.large-cursor .mblCurBtn .mblCurPrice,
.large-cursor .sh-mr-ameneties,
.large-cursor .prty-bx label,
.large-cursor span.s-price-icon.discount-rate,
.large-cursor .booking-card,
.large-cursor .img-glr .position-relative.w-full,
.large-cursor .lst-rm,
.large-cursor .be-widgetWrap label,
.large-cursor select,
.large-cursor .form-label,
.large-cursor .room-card-template-8 .btn-v2,
.large-cursor .room-card-template-8 .more-info,
.large-cursor .room-card-template-8 .check-availability,
.large-cursor .room-card-template-8 .hideViewMoreBtn,
.large-cursor .room-card-template-8 .check-icon-container,
.large-cursor .room-card-template-8 .room-amenities-list li.room-amenity,
.large-cursor .room-card-template-8 .rate-plans-template-4 .package-name .btn_info,
.large-cursor .room-card-template-8 .rate-plans-template-4 .room-selection-wrapper,
.large-cursor .room-card-template-8 .rate-plans-template-4 .room-selection-wrapper label,
.large-cursor .room-information-template-4 .btn-close,
.large-cursor .CheckAvailabilityModal .date-input,
.large-cursor .CheckAvailabilityModal button {
cursor: var(--cursor-img) !important;
/* cursor: auto 4 4, auto !important; */
}
.accessibility-toggle {
border: none;
outline: none;
background-color: transparent;
box-shadow: none;
cursor: pointer;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.accessibility-toggle img {
max-width: 30px !important;
}
/* Accessibility panel */
.accessibility-panel {
display: block;
position: absolute;
top: 45px;
right: 20px;
background: #fff;
border: 1px solid #ccc;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
width: 300px;
display: block;
z-index: 999;
overflow: hidden;
}
.accessibility-btn {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.accessibility-btn {
padding: 15px;
background-color: #eff1f5;
}
.accessibility-btn button {
padding: 12px;
font-size: 14px;
width: 125px;
height: 100px;
cursor: pointer;
background: #fff;
color: #000;
border-radius: 10px;
border: none;
box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 13px;
line-height: 18px;
letter-spacing: 0.2px;
}
.accessibility-btn button:hover {
border: 2px solid #333f48;
}
.accessibility-btn button img {
max-height: 30px;
max-width: 30px;
margin-bottom: 10px;
}
.accessibility-btn button.active {
border: 2px solid #333f48;
}
.accessibility-btn button.shrink-img img {
max-height: 22px;
max-width: 22px;
}
.accessibility-header {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #333f48;
color: #fff;
padding: 15px;
font-size: 18px;
}
.accessibility-header h5 {
font-size: 16px;
}
.accessibility-header button {
background-color: #000;
height: 30px;
width: 30px;
border-radius: 50%;
border: none;
outline: none;
}
.accessibility-container {
min-height: 100vh;
}
.accessibility-footer {
padding: 15px;
}
.accessibility-footer button {
width: 100%;
background-color: #333f48;
border-radius: 5px;
padding: 12px 15px;
color: #fff;
font-size: 13px;
letter-spacing: 0.4px;
border: none;
outline: none;
}
/* Accessibility styles (to be toggled) common*/
.high-contrast {
background-color: #000 !important;
}
.high-contrast .guestdetails-wrapper p.inputError {
background-color: #ffe9eb !important;
color: #fe3245 !important;
}
.large-font {
font-size: 1.25em !important;
}
.large-font .selectWrapperInside .money-transfer-content h5 {
font-size: 17px !important;
}
/* Accessibility styles (to be toggled) common end*/
.readable-font {
font-family: "Verdana", sans-serif !important;
}
.highlight-link .more-info svg path,
.highlight-link .room-card-template-8 .more-info svg path {
fill: yellow !important;
}
.highlight-link .room-card-template-8 .more-info svg path {
stroke: yellow !important;
}
.highlight-link .room-card-template-8 .btn-v2.outline,
.highlight-link .room-card-template-8 .check-availability.btn-v2 {
border-color: yellow !important;
}
.highlight-link .sh-mr-ameneties.AddonDesc svg {
fill: yellow !important;
}
.highlight-link .room-name-wrapper .rm-icon+.more-info svg {
position: static;
}
.high-contrast .select-details .label,
.high-contrast .checkinOut.input .lbl,
.high-contrast .checkinOut.input .lblend,
.high-contrast .widget-title,
.high-contrast .room-card-template-8 .room-name-container h6,
.high-contrast .room-card-template-8 .check-icon-container,
.high-contrast .room-card-template-8 .check-icon-container .check-icon-text,
.high-contrast .room-card-template-8 .rate-plans-template-4 .package-name,
.high-contrast .room-card-template-8 .rate-plans-template-4 .package-name *,
.high-contrast .room-card-template-8 .rate-plans-template-4 .package-name .btn_info,
.high-contrast .room-card-template-8 .rate-plans-template-4 .room-selection-wrapper label,
.high-contrast .room-card-template-8 .rate-plans-template-4 .adult-child-count-wrapper,
.high-contrast .room-card-template-8 .rate-plans-template-4 .adultchildcount,
.high-contrast .room-information-template-4 h4,
.high-contrast .room-information-template-4 h5,
.high-contrast .room-information-template-4 .section-title,
.high-contrast .room-information-template-4 .property-description,
.high-contrast .room-information-template-4 .property-description *,
.high-contrast .room-information-template-4 .ftrText,
.high-contrast .CheckAvailabilityModal h4,
.high-contrast .CheckAvailabilityModal .widgetLabel,
.high-contrast .room-card-template-6 .check-availability-btn,
.high-contrast .sml-prc,
.high-contrast .policyLink,
.high-contrast .pro-li-co,
.high-contrast .sc-priceBreak {
color: #fff !important;
}
.highlight-link a,
.highlight-link div.sh-mr-ameneties,
.highlight-link a.sh-mr-ameneties,
.highlight-link .policyLink,
.highlight-link .pro-li-co,
.highlight-link .sc-priceBreak,
.highlight-link button.sh-mr-ameneties,
.highlight-link .prt-bnt-cls .sh-mr-ameneties:hover,
.highlight-link .sh-mr-ameneties,
.highlight-link .more-info,
.highlight-link .offcanvas .reviewMmorecontent a.reviewMmorelink,
.highlight-link .room-card-template-8 .more-info,
.highlight-link .room-card-template-8 .btn-v2.outline,
.highlight-link .room-card-template-8 .check-availability.btn-v2,
.highlight-link .room-card-template-8 .hideViewMoreBtn {
background-color: #000 !important;
color: yellow !important;
}
.highlight-link .view-more-btn {
background-color: #000 !important;
color: yellow !important;
border-bottom: 1px dashed yellow !important;
}
.highlight-link a.sh-mr-ameneties.notranslate,
.highlight-link div.sh-mr-ameneties.notranslate,
.highlight-link .prt-bnt-cls .sh-mr-ameneties:hover {
color: yellow !important;
}
.highlight-link .savingDropdown .dropdown-menu a {
background-color: transparent !important;
color: #000 !important;
}
.highlight-link .offcanvas a,
.highlight-link .offcanvas a span {
color: yellow !important;
}
.highlight-link a.reviewMmorelink {
color: yellow;
}
/* cursor */
.large-cursor,
.large-cursor button,
.large-cursor a,
.large-cursor .addon-reserve .more-info,
.large-cursor .subscribe-wrapper label,
.large-cursor input,
.large-cursor .form-label svg,
.large-cursor .cursor-pointer,
.large-cursor .mbs-dropbtn,
.large-cursor .language-dropdown-list,
.large-cursor .mbscurrencycolumn,
.large-cursor select,
.large-cursor .date-input+.calender-icon,
.large-cursor .endDate,
.large-cursor .month-select,
.large-cursor .startDate,
.large-cursor a#navbarDropdownMenuLink,
.large-cursor .currency-dropdown .currency-dropdown-list .currency-dropdown-listitem,
.large-cursor .prty-dic.prty-dic-after .sml-prc.tabPriceNone span.caret-icon,
.large-cursor .form-control,
.large-cursor .more-info,
.large-cursor .tabPriceNone,
.large-cursor .mblCurBtn .mblCurPrice,
.large-cursor .sh-mr-ameneties,
.large-cursor .prty-bx label,
.large-cursor span.s-price-icon.discount-rate,
.large-cursor .booking-card,
.large-cursor .img-glr .position-relative.w-full,
.large-cursor .lst-rm,
.large-cursor .be-widgetWrap label,
.large-cursor select,
.large-cursor .form-label {
cursor: var(--cursor-img) !important;
/* cursor: auto 4 4, auto !important; */
}
/* contrast */
.accessibility-footer {
padding: 15px;
}
.accessibility-footer button {
width: 100%;
background-color: #333f48;
border-radius: 5px;
padding: 12px 15px;
color: #fff;
font-size: 13px;
letter-spacing: 0.4px;
border: none;
outline: none;
}
.high-contrast .bnr-cls,
.high-contrast #header.header,
.high-contrast #taHeader,
.high-contrast .main-bx {
background: #000000 !important;
}
.high-contrast .header-pName a,
.high-contrast .crd-head,
.high-contrast .modal-header,
.high-contrast .modal .modal-header,
.high-contrast header .language-Name,
.high-contrast .currency-countryName,
.high-contrast .nav-link>a,
.high-contrast .ftr,
.high-contrast .ftr-sign a,
.high-contrast .map-mdl h5.modal-title .high-contrast .fa-male,
.high-contrast .rooms-wrapper,
.high-contrast .prty-cls-inr,
.high-contrast .chekin-wrapper .checkin small,
.high-contrast .guestdetails-wrapper label,
.high-contrast .contact-wrapper,
.high-contrast .contact-wrapper p,
.high-contrast .crd-info,
.high-contrast .checkInlbl span.adult-child-icon,
.high-contrast .checkin .checkInlbl span,
.high-contrast .checkInlbl span.adult-child-icon i,
/* .high-contrast .subscribe-wrapper label, */
.high-contrast .cust-wid .fa-male,
.high-contrast .language-dropdown-content.show,
.high-contrast .currency-dropdown-content.show,
.high-contrast .mbs-language-selected-active,
.high-contrast .language-dropdown-content ul li:hover,
.high-contrast .pricing .btn-tax-amnt,
.high-contrast .room-card-template-8 .check-icon-container .check-icon-wrapper {
background-color: #393939 !important;
color: #ffffff !important;
}
.high-contrast .cd-wrapper .pw-input-block .pw-input {
background: #000000;
border: 1px solid #393939;
}
.high-contrast .header-pName a,
.high-contrast .soc-icon .contact-desc .contact-icons a,
.high-contrast .cust-wid .fa-child,
.high-contrast .rate-plan-info-template-3 .nav-link:not(.active),
.high-contrast .rate-plans-template-4.last-selected,
.high-contrast .rate-plans-template-4 #roomTemplate6MapIcon,
.high-contrast .rate-plans-template-4.last-selected #roomTemplate6MapIcon,
.high-contrast .rate-plans-template-4 #roomTemplate6MapIcon svg,
.high-contrast .rate-plan-info-template-3 .nav-link {
background-color: transparent !important;
}
.high-contrast .beWidget,
.high-contrast .booking-widget,
.high-contrast .prty-bx,
.high-contrast .booking-card,
.high-contrast .card-details,
.high-contrast .info.rate-paln-title,
.high-contrast button.btn_info,
.high-contrast .group-beWidget,
.high-contrast .select-details {
background-color: #393939 !important;
}
.high-contrast .guestgroup .add-aroom .guest-count-input {
background: #000 !important;
}
.high-contrast button.rm-map,
.high-contrast .main-card-title button {
background-color: transparent !important;
}
.high-contrast .main-footer button.rm-map svg {
fill: #cc9f00;
}
.high-contrast .searchWidget .lbl,
.high-contrast .searchWidget .lblend,
.high-contrast .mbs-input-label,
.high-contrast label.widgetLabel,
.high-contrast label .widgetLabel,
.high-contrast .top-beWidget .language-Name,
.high-contrast .top-beWidget .show-mbs-dropdownArrow:after,
.high-contrast .top-beWidget .currency-countryName,
.high-contrast .MaxGuest-Dflex .roomtypeafter-h3,
.high-contrast .prty-bx,
.high-contrast .booking-card,
.high-contrast .card-details,
.high-contrast .beWidget,
.high-contrast .caRoomMain .info button.btn_info,
.high-contrast .prt-cls-nm h4,
.high-contrast .savingDropdown .stwrp .btn span,
.high-contrast .rm-icon-inner,
.high-contrast .rulers-tooltip span,
.high-contrast .rm-icon-inner i,
.high-contrast .rm-icon-inner.rm-user span,
.high-contrast .addon-name-button,
.high-contrast .addOns-modal__inner-content .addOns-modal__details .cottage-type,
.high-contrast .addon-btn-close,
.high-contrast .acceptlabel,
.high-contrast .dayUseLable,
.high-contrast .rdrDayNumber span,
.high-contrast .add-aroom .Adultselect label,
.high-contrast .add-aroom .Guestselect label,
.high-contrast .add-aroom .Childselect label,
.high-contrast .language-dropdown-list span,
.high-contrast .currency-dropdown-list span,
/* .high-contrast .PriceBreakdown-DayWiseRateData-New .total-price,
.high-contrast .PriceBreakdown-DayWiseRateData-New .total-label, */
.high-contrast .PriceBreakdown-DayWiseRateData-New .total-label,
.high-contrast .addOns-modal__inner-content .addOns-modal__details .user-name,
.high-contrast .pw-input-block .pw-name,
.high-contrast .cust-wid .fa-child,
.high-contrast .prty-dic label.taxLabel,
.high-contrast .beWidgetHeaderLeft button,
.high-contrast .package-card-template-5 .package-details > p,
.high-contrast .tile-room-package-name,
.high-contrast .tabPriceNone .EnablePriceForBook .taxLabel,
.high-contrast .rate-plan-info-template-3 .nav-link:not(.active),
.high-contrast .Price-BreakDown-Div .EnablePriceForBook h4,
.high-contrast .Price-BreakDown-Div .EnablePriceForBook h5,
.high-contrast .language-Name,
.high-contrast .booking-detail-card .accordion-button::after,
.high-contrast i.fas.fa-caret-right {
color: #ffffff !important;
}
.high-contrast svg.day-use-icon circle,
.high-contrast svg.day-use-icon path {
fill: #ffffff !important;
stroke: #ffffff !important;
}
.high-contrast .rdrCalendarWrapper.rdrDateRangeWrapper,
.high-contrast .tourisamFeesText,
.high-contrast .sticky-bottom-wrapper,
.high-contrast .reservation-card-header {
background-color: #000 !important;
color: #fff !important;
}
.high-contrast .rm-icon-inner.rm-meal > img,
.high-contrast .accessibility-toggle img,
.high-contrast .room-card-template-8 .more-info svg path {
filter: brightness(0) invert(1);
}
.high-contrast .room-card-template-8 .more-info svg path {
fill: #ffffff !important;
stroke: #ffffff !important;
}
.high-contrast .accessibility-toggle {
background-color: #393939;
border-radius: 5px;
}
.high-contrast .offcanvas:not(.ta-user-creation-modal) *,
.high-contrast .room-card-template-8,
.high-contrast .room-card-template-8 .room-info-container,
.high-contrast .room-card-template-8 .room-info-container .room-info,
.high-contrast .room-card-template-8 .room-info-container .rate-plans-container,
.high-contrast .room-card-template-8 .room-info-container .rate-plans-container .rate-plans-wrapper,
.high-contrast .room-card-template-8 .rate-plans-template-4 .rate-plan-detail,
/* .high-contrast .room-card-template-8 .more-info, */
.high-contrast .room-card-template-8 .hideViewMoreBtn,
.high-contrast #roomImgSliderWrapper,
.high-contrast .CheckAvailabilityModal .checkIn-OutWrapper,
.high-contrast .room-information-template-4,
.high-contrast .room-information-template-4 .modal-body,
.high-contrast .room-information-template-4 .offcanvas-body,
.high-contrast .room-card-template-8 .max-guest-label {
color: #ffffff !important;
background-color: #393939;
}
.high-contrast .room-card-template-8,
.high-contrast .room-card-template-8 .room-info-container,
.high-contrast .room-card-template-8 .room-info-container .room-info,
.high-contrast .room-card-template-8 .room-info-container .rate-plans-container,
.high-contrast .room-card-template-8 .room-info-container .rate-plans-container .rate-plans-wrapper,
.high-contrast .room-card-template-8 .rate-plans-template-4 .rate-plan-detail,
.high-contrast .room-card-template-8 .more-info,
.high-contrast .room-card-template-8 .hideViewMoreBtn,
.high-contrast #roomImgSliderWrapper,
.high-contrast .CheckAvailabilityModal .checkIn-OutWrapper,
.high-contrast .room-information-template-4,
.high-contrast .room-information-template-4 .modal-body,
.high-contrast .room-information-template-4 .offcanvas-body {
background-color: #000000 !important;
}
.high-contrast .rm-map,
.high-contrast .rm-rulers,
.high-contrast .rm-user,
.high-contrast .rm-bed,
.high-contrast .room-card-template-8 .room-name-container,
.high-contrast .room-card-template-8 .lst-rm,
.high-contrast .room-card-template-8 .lst-rm.secondary-lst-rm,
.high-contrast .room-card-template-8 .room-amenities-list li.room-amenity,
.high-contrast .room-card-template-8 .check-icon-container,
.high-contrast .room-card-template-8 .btn-v2.outline,
.high-contrast .room-card-template-8 .check-availability.btn-v2,
.high-contrast .room-card-template-8 .rate-plans-template-4.last-selected,
.high-contrast .room-card-template-8 .rate-plans-template-4 .lst-rm,
.high-contrast .room-card-template-8 .rate-plans-template-4 .lst-rm.secondary-lst-rm,
.high-contrast .room-card-template-8 .rate-plans-template-4 .fa-male,
.high-contrast .room-card-template-8 .rate-plans-template-4 .fa-child,
.high-contrast .image-overlay-label,
.high-contrast .room-information-template-4 .modal-header,
.high-contrast .room-information-template-4 .offcanvas-header,
.high-contrast .room-information-template-4 .room-amenities .room-amenity,
.high-contrast .room-information-template-4 .lst-rm,
.high-contrast .room-information-template-4 .lst-rm.secondary-lst-rm,
.high-contrast .CheckAvailabilityModal .modal-header,
.high-contrast .CheckAvailabilityModal .offcanvas-header {
background: #393939;
}
.high-contrast .rm-map svg {
fill: #fff;
}
.high-contrast .w3-button.w3-black,
.high-contrast .rate-plan-info-template-3 .nav-link.active *,
.high-contrast .rate-plan-info-template-3 .btn-close,
.high-contrast .room-info-template-3 .btn-close {
color: #000 !important;
background-color: #fff !important;
}
.high-contrast .pro-ifo .borderBottom {
border-bottom: 1px solid rgb(255 255 255 / 31%);
}
.high-contrast .info.rate-paln-title .btn_info,
.high-contrast .rm-icon-inner > img,
.high-contrast .rate-plans-template-4 .bkrm *,
.high-contrast .savingDropdown .dropdown-menu a,
.high-contrast .lst-rm *,
.high-contrast .rate-plan-info-template-3 .nav-link *,
.high-contrast font,
.high-contrast .room-selection-controller-wrapper *,
.high-contrast .rate-plans-template-4 .adult-child-count-wrapper .fas,
.high-contrast .rate-plans-template-4.last-selected .room-selection-controller-wrapper,
.high-contrast .rate-plans-template-4.last-selected .rm-rulers,
.high-contrast .rate-plans-template-4.last-selected .rm-user,
.high-contrast .rate-plans-template-4.last-selected .rm-bed,
.high-contrast .room-card-template-8 .room-amenities-list,
.high-contrast .room-card-template-8 .rate-plans-template-4 .package-name,
.high-contrast .room-card-template-8 .rate-plans-template-4 .package-name .btn_info,
.high-contrast .room-card-template-8 .rate-plans-template-4 .room-selection-wrapper,
.high-contrast .room-card-template-8 .rate-plans-template-4 .adult-child-count-wrapper,
.high-contrast .image-overlay,
.high-contrast .room-information-template-4 .room-amenities,
.high-contrast .select-bg {
background-color: transparent !important;
}
.high-contrast .form-group .form-control,
.high-contrast .dialcode-dropdown .dialcode-dropbtn,
.high-contrast .form-group .form-control:focus,
.high-contrast select,
.high-contrast input[type="text"],
.high-contrast .login-header,
.high-contrast .drs-wrp,
.high-contrast .searchWidget .rooms,
.high-contrast .CheckAvailabilityModal .date-input,
.high-contrast .property-name-wrapper .btn-v2,
.high-contrast .room-info .btn-v2,
.high-contrast .reservation-card-complete-booking-btn-wrapper,
.high-contrast .pro-li-in-wrp {
background-color: #000000 !important;
color: #ffffff !important;
border: 1px solid #393939 !important;
}
.high-contrast .dial-code-container input[type="text"] {
border-color: transparent !important;
}
.high-contrast .dialcode-dropdown .dialcode-dropbtn .dialcode-dropbtn-item,
.high-contrast .modal-body,
.high-contrast span.booking-guest-name,
.high-contrast button.guest-edit,
.high-contrast .sticky-widget-nights,
.high-contrast .sticky-widget-rooms,
.high-contrast .sticky-widget-dates,
.high-contrast .sticky-widget-guests,
.high-contrast .sticky-widget-separator,
.high-contrast .room-information-template-4 .btn-close,
.high-contrast .booking-date-container .date-content > div p,
.high-contrast .card-body,
.high-contrast .card-title,
.high-contrast .side-break-down-wrap .btn-tax-amnt,
.high-contrast .room-selection-controller-wrapper button {
color: #fff !important;
}
.high-contrast .addon-modal-content,
.high-contrast .contact-wrapper,
.high-contrast .addOns-modal__modal-body,
.high-contrast .addon-modal-footer.addOns-modal__modal-footer,
.high-contrast .addOns-modal__inner-content .content-title .title,
.high-contrast .crd-info,
.high-contrast .sticky-widget-bar,
.high-contrast .CheckAvailabilityModal .modal-body,
.high-contrast .CheckAvailabilityModal .offcanvas-body,
.high-contrast .addon-card {
background-color: #393939 !important;
color: #fff !important;
}
.high-contrast .CheckAvailabilityModal .modal-body,
.high-contrast .CheckAvailabilityModal .offcanvas-body,
.high-contrast .booking-date-container {
background-color: #000000 !important;
}
.high-contrast .currency-dropdown .currency-dropdown-content ul li:hover,
.high-contrast .modal-dialog-scrollable .modal-body {
background-color: #393939 !important;
}
.high-contrast .form-group .form-control::placeholder,
.high-contrast .mbs-input-field::placeholder {
color: #fff !important;
opacity: 0.8;
}
.high-contrast .form-group .form-control::-webkit-input-placeholder,
.high-contrast .mbs-input-field::-webkit-input-placeholder {
color: #fff !important;
}
.high-contrast .form-group .form-control::-moz-placeholder,
.high-contrast .mbs-input-field::-moz-placeholder {
color: #fff !important;
opacity: 0.8;
}
.high-contrast .form-group .form-control:-ms-input-placeholder,
.high-contrast .mbs-input-field:-ms-input-placeholder {
color: #fff !important;
}
.high-contrast .form-group .form-control:-moz-placeholder,
.high-contrast .mbs-input-field:-moz-placeholder {
color: #fff !important;
opacity: 0.8;
}
.high-contrast .rdrDayDisabled,
.high-contrast .modal-footer,
.high-contrast .modal-body {
background-color: #393939 !important;
}
.high-contrast .rm-icon-inner .adlt-tooltip span {
color: #000 !important;
}
.high-contrast .rdrDay .rdrStartEdge.rdrEndEdge {
background: linear-gradient(to bottom right, transparent 50%, #646464 0) !important;
}
.high-contrast .rdrDay .rdrStartEdge {
background: linear-gradient(to bottom right, transparent 50%, #646464 0);
}
.high-contrast .rdrDay .rdrEndEdge {
background: linear-gradient(to top right, #646464 50%, transparent 0) !important;
}
.high-contrast .rdrDay:has(span > div.calender-firstSold) {
background: linear-gradient(to top right, #39393900 50%, #393939 0) !important;
}
.high-contrast .beWidget .icon-cal,
.high-contrast .select-details .label {
color: #fff !important;
}
.high-contrast span.separator {
border-bottom: 1px solid rgb(255 255 255 / 44%);
}
.high-contrast .beWidget .checkInOutForm .checkinOut .startDate,
.high-contrast .beWidget .checkInOutForm .checkinOut .endDate,
.high-contrast .dialcode-dropdown.disabled,
.high-contrast .dialcode-dropdown.disabled * {
color: #ffffff !important;
background-color: #000000 !important;
}
.high-contrast .form-label svg {
fill: #fff;
}
.high-contrast .quality-new-form input.quantity-input {
background: #000 !important;
color: #fff !important;
}
.high-contrast select {
appearance: none;
/* Removes default arrow */
-webkit-appearance: none;
-moz-appearance: none;
background-color: #fff;
padding-right: 30px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 16px;
}
.high-contrast .selectWrapperInside div input:checked+label {
background: #393939 !important;
}
.high-contrast .selectWrapperInside div h5,
.high-contrast .money-transfer-content h5 b {
background-color: #393939 !important;
color: #ffffff !important;
}
.high-contrast .selectWrapperInside div label.pglbl {
border: 1px solid #686868;
background: #000000 !important;
}
.high-contrast .totalAmount {
border-bottom: 1px solid #686868;
border-top: 1px solid #686868;
}
.high-contrast .sidenav {
background: radial-gradient(#393939, #393939);
}
.high-contrast .navbarCloseIcon:before,
.high-contrast .navbarCloseIcon:after {
background-color: #ffffff !important;
}
.high-contrast .prty-cls-inr .hamburger-menu div,
.high-contrast .prty-cls-inr .hamburger-menu div:after,
.high-contrast .prty-cls-inr .hamburger-menu div:before {
background-color: #ffffff !important;
}
.high-contrast .inc-div .quantity {
background: #fff !important;
color: #000 !important;
}
.high-contrast .dialcode-dropdown-list .dialcode-dropdown-listitem {
color: #000 !important;
}
.high-contrast .beWidgetHeader,
.high-contrast .deleteIo {
background-color: #393939 !important;
}
.high-contrast .beWidgetHeader .beWidgetHeaderRight .currency-countryName,
.high-contrast .beWidgetHeader .beWidgetHeaderRight .show-mbs-dropdownArrow:after {
color: #fff !important;
}
.high-contrast .wmr-center-text {
background-color: #000 !important;
}
.high-contrast .prty-bx .fixed .sr-sbmt,
.high-contrast .prty-bx .fixed .completeBtn,
.high-contrast .booking-widget {
box-shadow: none !important;
}
.high-contrast .prty-dic .cust-wid label.taxLabel,
.high-contrast .offcanvas .reviewtabs a.active img {
background-color: transparent !important;
}
.high-contrast .offcanvas .reviewtabs a.active {
background: #fff !important;
}
.high-contrast .offcanvas .roomRatePlanModal * {
background-color: unset !important;
color: #000 !important;
border-color: #000 !important;
}
.high-contrast .beWidget .checkInOutForm .checkinOut .endDate,
.high-contrast .beWidget .checkInOutForm .checkinOut .startDate {
border-color: #393939 !important;
}
.high-contrast .dpicker-minimumstay,
.high-contrast .dp-block.min-stay:before {
border-color: transparent #ffffff #ffffff transparent !important;
}
.high-contrast .tourisamFeesText {
color: #000;
}
.high-contrast .select-details .label,
.high-contrast .checkinOut.input .lbl,
.high-contrast .checkinOut.input .lblend,
.high-contrast .card-body,
.high-contrast .card-title {
color: #fff !important;
}
.high-contrast .rm-icon-inner.rm-bed:hover .bed-tooltip,
.high-contrast .rm-icon-inner.rm-bed:hover .bed-tooltip span,
.high-contrast .rate-plans-modal .adlt-tooltip,
.high-contrast .rate-plans-modal .adlt-tooltip span,
.high-contrast .rate-plans-modal .adlt-tooltip span font {
background-color: #fff !important;
color: #000 !important;
}
.high-contrast .rateTablePrices img {
filter: brightness(8);
margin-left: 8px;
}
.high-contrast .money-transfer-content p {
color: #d4d4d4;
}
.high-contrast .cd-wrapper .pw-input-block .pw-input {
color: #fff;
}
.high-contrast .modal-content {
background-color: #393939 !important;
}
.high-contrast .lucide {
stroke: #fff !important;
}
/* font-size increase */
.large-font,
.large-font p,
.large-font span,
.large-font .fs14,
.large-font label,
.large-font input,
.large-font select,
.large-font li,
.large-font div,
.large-font button,
.large-font a,
.large-font .searchWidget .lbl,
.large-font .searchWidget .lblend,
.large-font .select-details .select-details-main .checkinOut.input label.lbl,
.large-font .select-details .select-details-main .checkinOut.input label.lblend,
.large-font td,
.large-font .fs14,
.large-font .addOns-modal__inner-content .addOns-modal__details .user-name,
.large-font .ta-users-list td,
.large-font .room-card-template-8 .room-name-container p,
.large-font .room-card-template-8 .btn-v2.outline,
.large-font .room-card-template-8 .more-info,
.large-font .room-card-template-8 p,
.large-font .room-card-template-8 .rate-plans-template-4 .package-name,
.large-font .room-card-template-8 .rate-plans-template-4 .package-name *,
.large-font .room-card-template-8 .rate-plans-template-4 .room-selection-wrapper label,
.large-font .room-information-template-4 .property-description,
.large-font .room-information-template-4 .property-description *,
.large-font .room-information-template-4 .lst-rm,
.large-font .room-information-template-4 .ftrText,
.large-font .CheckAvailabilityModal .date-input {
font-size: 16px !important;
}
.large-font .checkInlbl span,
.large-font .room-rate.sold,
.large-font .rdrDay .rdrDayNumber div.room-rate div,
.large-font .room-name-wrapper .rm-icon-inner.rm-user span,
.large-font .room-name-wrapper .rulers-tooltip span,
.large-font .pay-option-card__header span.pay-option-card__badge,
.large-font .PriceBreakdown-DayWiseRateData-New .tax-amount {
font-size: 13px !important;
}
.large-font label.taxLabel,
.large-font .taxes-inner.pricesDiv span,
.large-font .discount-rate span,
.large-font .discountImg span,
.large-font .adlt-tooltip,
.large-font .pckg_nme .bookedRoom,
.large-font .room-name-wrapper .rm-icon .rm-icon-inner i,
.large-font .addOns-modal__inner-content .addOns-modal__details .cottage-type {
font-size: 14px !important;
}
.large-font .sml-prc h5 {
white-space: nowrap;
}
.large-font h3 {
font-size: 19px !important;
}
.large-font h4,
.large-font .fs20,
.large-font .room-card-template-8 .room-name-container h6,
.large-font .room-information-template-4 h4,
.large-font .CheckAvailabilityModal h4 {
font-size: 22px !important;
}
.large-font h5,
.large-font .room-information-template-4 h5,
.large-font .room-information-template-4 .section-title {
font-size: 20px !important;
}
.large-font span.theme3-selectroom-sidecard,
.large-font .fs16,
.large-font .va-Bedding-heading,
.large-font .modal_custmHead span,
.large-font .caRoomMain .info button.btn_info,
.large-font .room-card-template-8 .check-icon-container .check-icon-text,
.large-font .room-card-template-8 .room-amenities-list li.room-amenity,
.large-font .room-card-template-8 .check-availability.btn-v2,
.large-font .room-card-template-8 .rate-plans-template-4 .adultchildcount,
.large-font .room-information-template-4 .room-amenities .room-amenity,
.large-font .CheckAvailabilityModal .widgetLabel {
font-size: 18px !important;
}
.highlight-link a svg {
fill: yellow !important;
}
.highlight-link a.reviewMmorelink {
color: yellow;
}
.large-font .guestdetails-wrapper,
.large-font .packageName,
.large-font .guestdetails-wrapper p {
font-size: 20px !important;
}
.large-font h4.discount-rate,
.large-font .addOns-modal__inner-content .content-title .title {
font-size: 18px !important;
}
.large-font .rooms-wrapper h5 {
font-size: 24px !important;
}
.high-contrast .rm-icon-inner.rm-bed:hover .bed-tooltip,
.high-contrast .rm-icon-inner.rm-bed:hover .bed-tooltip span,
.high-contrast .rm-icon-inner.rm-bed:hover .bed-tooltip span font,
.high-contrast .rate-plans-modal .adlt-tooltip,
.high-contrast .rate-plans-modal .adlt-tooltip span {
background-color: #fff !important;
color: #000 !important;
}
.high-contrast .rateTablePrices img {
filter: brightness(8);
margin-left: 8px;
}
.high-contrast .avalibilityCard-wrapper {
background-color: #393939;
}
.large-font header .header-pName a {
font-size: 18px !important;
}
.large-font .accessibility-toggle-hover {
bottom: -72px;
}
.accessibility-component {
margin-right: 5px;
position: sticky;
right: 0;
top: 60px;
z-index: 11;
display: flex;
justify-content: end;
margin-top: 20px;
}
/* Voucher */
.accessibility-component-voucher {
margin-right: 5px;
position: sticky;
right: 0;
top: 0;
z-index: 9999999;
display: flex;
justify-content: end;
max-width: 794px;
width: 100%;
margin: 8px auto !important;
padding: 15px 15px 0 0;
background-color: #fff;
}
.high-contrast .accessibility-component-voucher {
padding: 15px 0;
background-color: #000 !important;
}
.high-contrast .rate-plans-template-4 .DisablePrice,
.high-contrast .rate-plans-template-4 .DisablePackages,
.high-contrast .room-card-template-8 .rate-plans-template-4 .DisablePrice,
.high-contrast .room-card-template-8 .rate-plans-template-4 .DisablePackages {
opacity: 0.5 !important;
}
.high-contrast .Voucher-HTML>table,
.high-contrast .rate-plans-template-4,
.high-contrast .widget-date-range,
.high-contrast .rate-plans-template-4.last-selected .rm-icon-inner.rm-meal,
.high-contrast .room-selection-controller-wrapper,
.high-contrast .room-card-template-8 .room-info-container .room-info,
.high-contrast .room-card-template-8 hr,
.high-contrast .room-card-template-8 .lst-rm,
.high-contrast .room-card-template-8 .room-amenities-list li.room-amenity,
.high-contrast .room-card-template-8 .btn-v2.outline,
.high-contrast .room-card-template-8 .check-availability.btn-v2,
.high-contrast .room-card-template-8 .rate-plans-template-4,
.high-contrast .room-card-template-8 .rate-plans-template-4 .lst-rm,
.high-contrast .image-overlay-label,
.high-contrast .room-information-template-4 .modal-header,
.high-contrast .room-information-template-4 .offcanvas-header,
.high-contrast .room-information-template-4 .lst-rm,
.high-contrast .room-information-template-4 hr,
.high-contrast .room-information-template-4 .btn-close,
.high-contrast .CheckAvailabilityModal .modal-header,
.high-contrast .CheckAvailabilityModal .offcanvas-header,
.high-contrast .CheckAvailabilityModal .date-input {
border: 1px solid #fff !important;
}
.high-contrast .Voucher-HTML table,
.high-contrast .Voucher-HTML table td,
.high-contrast .Voucher-HTML .tnk-bg .tank-bg-prt {
background: #393939 !important;
color: #fff !important;
}
.high-contrast .Voucher-HTML table p,
.high-contrast .Voucher-HTML table a,
.high-contrast .Voucher-HTML table td * {
color: #fff !important;
}
.high-contrast .Voucher-HTML table td p img,
.high-contrast .Voucher-HTML table td div img,
.high-contrast .Voucher-HTML table td div a img {
filter: brightness(0)invert(1);
min-width: 18px;
}
.highlight-link .Voucher-HTML table td a {
background-color: #000 !important;
color: yellow !important;
}
.highlight-link .Voucher-HTML table td a sapn {
color: yellow !important;
}
/* Grid view start */
.highlight-link .cg-moreInfo-block,
.highlight-link .calendar-grid-wrapper .cg-main-wrapper .remove-dates {
background-color: #000;
color: yellow !important;
}
.highlight-link .cg-moreInfo-block svg path {
fill: yellow !important;
}
.high-contrast .roomtypeafter-h3,
.high-contrast h4.cg-discount-block,
.high-contrast .cb-total-inner span,
.high-contrast .cg-main-wrapper .remove-dates {
color: #fff !important;
}
.high-contrast .guest-info .fa-male {
background-color: #393939 !important;
color: #ffffff !important;
}
.high-contrast .leftGridContainer .cg-block h4.cg-discount-block {
color: #ffffff;
}
.high-contrast
.cell.cb-button-block
.room-selection-controller-wrapper
> button {
color: #fff !important;
}
.high-contrast .cell.cb-button-block .remove-dates path {
stroke: #ffffff;
opacity: 1;
}
.high-contrast .leftGridContainer .cell.cg-block.input-block.checkout-enable,
.high-contrast .leftGridContainer .cell.cg-block.input-block.cgSoldIcon {
background: linear-gradient(to top right, transparent 50%, #aaa 0) !important;
}
.high-contrast .leftGridContainer .cell.cg-block.input-block.disable-dates {
background: #aaa;
}
.high-contrast .leftGridContainer .disable-rates {
color: #aaa !important;
}
.high-contrast .leftGridContainer .disable-rates.cross {
color: #fff !important;
}
.large-font p.cg-minStay-number,
.large-font .cg-discount-block {
font-size: 10px !important;
}
.large-font .cg-main-wrapper .remove-dates {
font-size: 9px !important;
}
.large-font .cg-main-wrapper span.dayRate-depart {
font-size: 10px !important;
}
.large-font .leftMainGridContainer .cg-moreInfo-block {
font-size: 12px !important;
}
.large-font .cell .rate-info .guest-info .fs14{
font-size: 14px !important;
}
.large-font .cell .rate-info .guest-info .fs16{
font-size: 16px !important;
}
.large-cursor .leftGridContainer .cell.cg-block,
.large-cursor .cg-moreInfo-block,
.large-cursor .cell.cb-button-block .remove-dates,
.large-cursor.rightGridContainerHeader .cb-button-block label {
cursor: url("https://dec1osz9a7g7e.cloudfront.net/Black-Sheep-Black-Sheep-cursor.png")
4 4,
auto !important;
}
.leftGridContainer button.ch-button {
display: flex;
align-items: center;
justify-content: center;
}
.prty-cls-inr .prt-cls-nm h4 span {
font-size: 19px !important;
}
.large-font .leftGridContainer .cg-day,
.large-font .leftGridContainer .cg-date,
.large-font .leftGridContainer .cg-month,
.large-font .cb-total-inner span,
.large-font .leftGridContainer .cg-price-block{
font-size: 12px !important;
}
/* Grid view end */
.high-contrast {
--bg-dark: #393939;
--bg-hover: #474747;
--text-light: #ffffff;
--border-light: #5a5a5a;
--input-bg: #000;
}
.high-contrast .otp-input,
.high-contrast .list-item,
.high-contrast .booking-detail-body,
.high-contrast .bookings-list-wrapper,
.high-contrast .booking-detail-card,
.high-contrast .room-card,
.high-contrast .date-header,
.high-contrast .price,
.high-contrast .login-body,
.high-contrast .be-widgetWrap,
.high-contrast .flwdth,
body.high-contrast .be-widgetWrap,
body.high-contrast #bookingCancellationModal .offcanvas-body,
.high-contrast .bookings-list-filter-container,
.high-contrast .mbl-res-wrap ,
.high-contrast #header.header,
.high-contrast .bookings-list-header,
.high-contrast .skeleton-card,
.high-contrast .multi-select-menu,
.high-contrast .option-label,
.high-contrast .booking-detail-header,
.high-contrast .profile-wrapper,
.high-contrast .profile-card,
.high-contrast .ta-users-list,
.high-contrast .ta-users-list.table > :not(caption) > * > *,
.high-contrast .modal-footer,
.high-contrast .modal-dialog-scrollable .modal-body,
.high-contrast .modal-dialog-scrollable .modal-footer,
.high-contrast .offcanvas-header,
.high-contrast .offcanvas-body,
.high-contrast .dropdown-menu,
.high-contrast .dropdown-item:hover,
.high-contrast .no-bookings-found-container,
.high-contrast .no-bookings-found-container i,
.high-contrast .stepper-wrapper-container {
background-color: var(--bg-dark) !important;
color: var(--text-light) !important;
}
/* Login card exception */
.high-contrast .login-card {
background-color: #fff !important;
}
/* Hover state */
body.high-contrast .container .list-item:hover {
background-color: var(--bg-hover) !important;
}
.high-contrast .room-card-template-8 .btn-v2.outline:hover,
.high-contrast .room-card-template-8 .check-availability.btn-v2:hover,
.high-contrast .room-card-template-8 .hideViewMoreBtn:hover {
background-color: #474747 !important;
}
/* PackageTemplate6 accessibility styles - mirroring RoomTemplate8 */
.high-contrast .package-card-template-6,
.high-contrast .package-card-template-6 .package-info-container,
.high-contrast .package-card-template-6 .package-info-container .package-info,
.high-contrast .package-card-template-6 .package-info-container .rate-plans-container,
.high-contrast .package-card-template-6 .package-info-container .rate-plans-container .rate-plans-wrapper,
.high-contrast .package-card-template-6 .rate-plan-template-6 .rate-plan-detail,
.high-contrast .package-card-template-6 .hideViewMoreBtn,
.high-contrast .package-card-template-6 #roomImgSliderWrapper {
color: #ffffff !important;
background-color: #393939;
}
.high-contrast .package-card-template-6,
.high-contrast .package-card-template-6 .package-info-container,
.high-contrast .package-card-template-6 .package-info-container .package-info,
.high-contrast .package-card-template-6 .package-info-container .rate-plans-container,
.high-contrast .package-card-template-6 .package-info-container .rate-plans-container .rate-plans-wrapper,
.high-contrast .package-card-template-6 .rate-plan-template-6 .rate-plan-detail,
.high-contrast .package-card-template-6 .hideViewMoreBtn,
.high-contrast .package-card-template-6 #roomImgSliderWrapper {
background-color: #000000 !important;
}
.high-contrast .package-card-template-6 .package-name-wrapper,
.high-contrast .package-card-template-6 .btn-v2.outline,
.high-contrast .package-card-template-6 .check-availability.btn-v2,
.high-contrast .package-card-template-6 .rate-plan-template-6.last-selected,
.high-contrast .package-card-template-6 .rate-plan-template-6 .lst-rm,
.high-contrast .package-card-template-6 .rate-plan-template-6 .lst-rm.secondary-lst-rm,
.high-contrast .package-card-template-6 .rate-plan-template-6 .fa-male,
.high-contrast .package-card-template-6 .rate-plan-template-6 .fa-child,
.high-contrast .package-card-template-6 .rate-plan-template-6 .check-icon-container {
background: #393939 !important;
}
.high-contrast .package-card-template-6 .rate-plan-template-6 .package-name,
.high-contrast .package-card-template-6 .rate-plan-template-6 .package-name .btn_info,
.high-contrast .package-card-template-6 .rate-plan-template-6 .room-selection-wrapper,
.high-contrast .package-card-template-6 .rate-plan-template-6 .adult-child-count-wrapper {
background-color: transparent !important;
}
.high-contrast .package-card-template-6 .package-info-container .package-info,
.high-contrast .package-card-template-6 hr,
.high-contrast .package-card-template-6 .lst-rm,
.high-contrast .package-card-template-6 .btn-v2.outline,
.high-contrast .package-card-template-6 .check-availability.btn-v2,
.high-contrast .package-card-template-6 .rate-plan-template-6,
.high-contrast .package-card-template-6 .rate-plan-template-6 .lst-rm,
.high-contrast .rate-plan-template-6 .room-selection-controller-wrapper > button {
border: 1px solid #fff !important;
}
.high-contrast .package-card-template-6 .package-name-wrapper h6,
.high-contrast .package-card-template-6 .rate-plan-template-6 .package-name,
.high-contrast .package-card-template-6 .rate-plan-template-6 .package-name *,
.high-contrast .package-card-template-6 .rate-plan-template-6 .package-name .btn_info,
.high-contrast .package-card-template-6 .rate-plan-template-6 .room-selection-wrapper label,
.high-contrast .package-card-template-6 .rate-plan-template-6 .adult-child-count-wrapper,
.high-contrast .package-card-template-6 .rate-plan-template-6 .adultchildcount,
.high-contrast .package-card-template-6 .rate-plan-template-6 .check-icon-container,
.high-contrast .package-card-template-6 .rate-plan-template-6 .check-icon-container .check-icon-text,
.high-contrast .tile-rate-nights,
.high-contrast .rulers-tooltip span,
.high-contrast .rm-icon-inner i,
.high-contrast .rm-icon-inner.rm-user span,
.high-contrast .package-card-template-6 .btn-v2.outline {
color: #fff !important;
}
.high-contrast .package-card-template-6 .btn-v2.outline:hover,
.high-contrast .package-card-template-6 .check-availability.btn-v2:hover,
.high-contrast .package-card-template-6 .hideViewMoreBtn:hover {
background-color: #474747 !important;
}
.high-contrast .package-card-template-6 .roomDes {
color: var(--text-light) !important;
background-color: transparent !important;
border: none !important;
}
.high-contrast .package-card-template-6 .rate-plan-template-6 .DisablePrice,
.high-contrast .package-card-template-6 .rate-plan-template-6 .DisablePackages {
opacity: 0.5 !important;
}
.high-contrast .rm-icon-inner.rm-meal > img,
.high-contrast .package-card-template-6 .rm-icon-inner.rm-meal > img {
filter: brightness(0) invert(1);
}
/* Large cursor styles for PackageTemplate6 */
.large-cursor .package-card-template-6 .btn-v2,
.large-cursor .package-card-template-6 .check-availability,
.large-cursor .package-card-template-6 .hideViewMoreBtn,
.large-cursor .package-card-template-6 .rate-plan-template-6 .check-icon-container,
.large-cursor .package-card-template-6 .rate-plan-template-6 .package-name .btn_info,
.large-cursor .package-card-template-6 .rate-plan-template-6 .room-selection-wrapper,
.large-cursor .package-card-template-6 .rate-plan-template-6 .room-selection-wrapper label {
cursor: var(--cursor-img) !important;
}
/* Large font styles for PackageTemplate6 */
.large-font .package-card-template-6 .package-name-wrapper h6,
.large-font .package-card-template-6 .btn-v2.outline,
.large-font .package-card-template-6 p,
.large-font .package-card-template-6 .rate-plan-template-6 .package-name,
.large-font .package-card-template-6 .rate-plan-template-6 .package-name *,
.large-font .package-card-template-6 .rate-plan-template-6 .room-selection-wrapper label {
font-size: 16px !important;
}
.large-font .package-card-template-6 .package-name-wrapper h6 {
font-size: 22px !important;
}
.large-font .package-card-template-6 .check-availability.btn-v2,
.large-font .package-card-template-6 .rate-plan-template-6 .adultchildcount,
.large-font .package-card-template-6 .rate-plan-template-6 .check-icon-container .check-icon-text {
font-size: 18px !important;
}
/* Highlight link styles for PackageTemplate6 */
.highlight-link .package-card-template-6 .btn-v2.outline,
.highlight-link .package-card-template-6 .check-availability.btn-v2,
.highlight-link .package-card-template-6 .hideViewMoreBtn {
background-color: #000 !important;
color: yellow !important;
}
.highlight-link .package-card-template-6 .btn-v2.outline,
.highlight-link .package-card-template-6 .check-availability.btn-v2 {
border-color: yellow !important;
}
/* Header link */
.high-contrast #taHeader .header-pName a,
.high-contrast .mbr-open-button .mbr-btn,
.high-contrast .property-name-wrapper,
.high-contrast .info.rate-paln-title,
.high-contrast .info.rate-paln-title > button,
.high-contrast .EnablePriceForBook,
.high-contrast label.taxLabel,
.high-contrast .room-card-template-8 .roomDes,
.high-contrast .room-selection-count,
.high-contrast .table>:not(caption)>*>*,
.high-contrast .subscribe-wrapper label,
.high-contrast.mui-input-wrapper .mbs-input-label {
color: var(--text-light) !important;
background-color: transparent !important;
border: none !important;
}
/* Borders */
.high-contrast .booking-detail-card,
.high-contrast .bookings-list-wrapper,
.high-contrast .booking-detail-wrapper,
.high-contrast .bookings-list .list-item,
.high-contrast .bookings-list-header,
.high-contrast .booking-detail-wrapper hr,
.high-contrast .booking-date-chip,
.high-contrast .modal-footer {
border-color: var(--border-light) !important;
}
/* Text Colors */
.high-contrast .secondary-text,
.high-contrast .booking-detail-card .label,
.high-contrast .booking-cancellation-card .label,
.high-contrast .bookings-list .secondary-text,
.high-contrast .login-form label,
.high-contrast .input-descrption,
.high-contrast .text-btn,
.high-contrast .bookings-list-filter-container,
.high-contrast .bookings-list-filter-container label,
.high-contrast .option-count,
.high-contrast .clear-all-btn,
.high-contrast .icon-btn,
.high-contrast .ta-confirmation-modal .modal-body p,
.high-contrast .offcanvas label,
.high-contrast .offcanvas.ta-user-creation-modal .offcanvas-header > h4,
.high-contrast .icon-input-container,
.high-contrast .dropdown-item,
.high-contrast .beWidget .property .down-arrow,
.high-contrast .property .down-arrow,
.high-contrast .ta-header-right-section .ta-links,
.high-contrast .no-bookings-found-container p {
color: var(--text-light) !important;
}
/* Input and Select Fields */
.high-contrast .bookings-list-filter-container input,
.high-contrast .bookings-list-filter-container select,
.high-contrast .searchWidget .checkinDate,
.high-contrast .menu,
.high-contrast .parent-div,
.high-contrast .multi-select-trigger {
color: var(--text-light) !important;
background-color: var(--input-bg) !important;
}
.high-contrast .menu ul li:hover {
color: var(--border-light);
}
.high-contrast .datepicker-main,
.high-contrast .beWidget .datepicker-main {
color: var(--text-light) !important;
background-color: var(--input-bg) !important;
border: 1px solid #393939 !important;
}
body.high-contrast .btn-v2 {
border-color: #fff !important;
}
.high-contrast .searchWidget .checkinDate.startDate {
border: 1px solid #393939 !important;
border-right: 0 !important;
}
.high-contrast .searchWidget .checkinDate.endDate {
border: 1px solid #393939 !important;
border-left: 0 !important;
}
.high-contrast .multi-select-option:hover {
background-color: unset !important;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.large-font .cell.room-name-block h3,
.cell .rateName {
font-size: 12px !important;
}
}
.invert-svg {
filter: invert(1) !important;
}
.high-contrast .mui-input-wrapper .mbs-input-label {
color: var(--text-light) !important;
background-color: transparent !important;
border: none !important;
}
.high-contrast .mui-input-wrapper:has(input:focus) .mbs-input-label,
.high-contrast .mui-select-wrapper label,
.high-contrast .mui-input-wrapper.has-value .mbs-input-label,
.high-contrast .mui-input-wrapper .form-control:focus,
.high-contrast .mui-select-wrapper select:focus {
background-color: #000 !important;
color: #fff !important;
}
/* Price Summary high-contrast styles */
.high-contrast .price-summary-card {
background-color: #393939 !important;
color: #fff !important;
border-color: #5a5a5a !important;
}
.high-contrast .price-summary-title {
color: #fff !important;
border-bottom-color: #5a5a5a !important;
}
.high-contrast .price-summary-row,
.high-contrast .price-summary-row span,
.high-contrast .price-summary-fees-item,
.high-contrast .price-summary-fees-item span {
color: #fff !important;
}
.high-contrast .price-summary-discount,
.high-contrast .price-summary-discount span {
color: #5cff5c !important;
}
.high-contrast .price-summary-after-discounts {
background-color: rgba(255, 255, 255, 0.1) !important;
}
.high-contrast .price-summary-total-amount {
border-top-color: #5a5a5a !important;
}
.high-contrast .price-summary-pay-now {
background-color: rgba(255, 255, 255, 0.1) !important;
}
.high-contrast .price-summary-balance-due span {
color: #ccc !important;
}
/* header {
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
} */
#taHeader {
z-index: 10000;
}
.ta-nav {
padding-block: 0.5rem;
display: flex;
flex-direction: column;
align-items: center;
row-gap: 0.5rem;
flex-grow: 1;
padding-inline: 12px;
}
@media screen and (min-width: 768px) {
.ta-nav {
padding-block: 0 !important;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
}
.ta-header-right-section {
display: flex;
align-items: center;
column-gap: 2rem;
}
.ta-nav>span>a {
text-decoration: none;
font-size: 1rem;
font-weight: 500;
}
.ta-header-right-section>button {
font-size: 0.9rem;
background-color: transparent;
padding: 0.25rem;
border: 0;
border-bottom: 1px solid transparent;
cursor: pointer;
}
.ta-header-right-section .dropdown {
width: unset !important;
}
.ta-header-right-section .dropdown-toggle {
background-color: transparent !important;
min-width: unset !important;
padding: 0 !important;
display: flex;
justify-content: center;
align-items: center;
}
.ta-header-right-section .dropdown-toggle:active,
.ta-header-right-section .dropdown-toggle:hover,
.ta-header-right-section .btn.show {
border-color: transparent !important;
}
.ta-header-right-section .dropdown-toggle::after {
content: '' !important;
display: none !important;
}
.ta-header-right-section .dropdown-menu {
min-width: 140px !important;
border-radius: 8px !important;
border: 1px solid #a9a9a9 !important;
padding: 4px 0;
overflow: hidden;
}
.ta-header-right-section .dropdown-menu .dropdown-item {
font-size: 0.9rem !important;
font-weight: 400 !important;
text-align: end;
display: flex;
gap: 12px;
/* justify-content: space-between; */
align-items: center;
padding: 6px 16px !important;
border-left: 4px solid transparent;
}
.ta-header-right-section .dropdown-menu .dropdown-item:is(:hover, :focus) {
font-weight: 500 !important;
}
.dropdown-item.active,
.dropdown-item:active {
color: inherit !important;
background-color: unset !important;
}
.ta-header-right-section .dropdown-menu .ta-name.dropdown-item {
border-bottom: 1px solid #dfdfdf;
}
.ta-header-right-section .dropdown-menu .ta-name.dropdown-item:is(:hover, :focus) {
font-weight: unset !important;
border-left: 4px solid transparent !important;
}
#taHeader .accessibility-component {
margin: 0 !important;
position: static !important;
}
header, .header-pName a, .crd-head, .modal-header, header .language-Name, .currency-countryName, .nav-link>a, .ftr, .ftr-sign a, .map-mdl h5.modal-title {
background-color: #fff !important;
color: #000 !important;
}
header .hamburger-menu div, header .hamburger-menu div:after, header .hamburger-menu div:before {
background-color: #000 !important;
color: #fff !important;
}
.sidenav, .sidenav a {
background-color: #fff !important;
color: #000 !important;
}
.guestInput .pl-ion i{
color: #000000 !important;
}
.beWidget .datepicker-main {
color: #000000 !important;
border: 1px solid #000000 !important;
background-color: #FFFFFF !important;
}
.beWidget .property .down-arrow {
color: #000000 !important;
}
.beWidget, .booking-widget {
background-color: #ffffff !important;
}
.besearchlable {
text-transform: uppercase;
}
.beWidget, .beWidget input.PromoInput::placeholder {
color: #000000 !important;
}
.searchWidget .lbl, .dayUseLable, .searchWidget .lblend, .mbs-input-label, label.widgetLabel, label .widgetLabel, .top-beWidget .language-Name, .top-beWidget .show-mbs-dropdownArrow:after, .top-beWidget .currency-countryName, .select-details .label, .widget-title, .promo-code-btn {
color: #000000 !important;
}
.beWidget input.PromoInput, .select-details-main .property .datepicker-mai {
color: #000000 !important;
border: 1px solid #000000 !important;
background-color: #FFFFFF !important;
}
.language-dropdown-content.show, .currency-dropdown-content.show {
background-color: #ffffff !important;
color: #000000 !important;
}
header, .header-pName a, .crd-head, .modal-header, header .language-Name, .currency-countryName, .nav-link>a, .ftr, .ftr-sign a, .map-mdl h5.modal-title {
background-color: #fff !important;
color: #000 !important;
}
header .hamburger-menu div, header .hamburger-menu div:after, header .hamburger-menu div:before {
background-color: #000 !important;
color: #fff !important;
}
.sidenav, .sidenav a {
background-color: #fff !important;
color: #000 !important;
}
.responsive {
/* max-width: 100%; */
/* height: auto; */
}
.mbsImage {
height: 246px;
object-fit: cover;
width: 100%;
margin-top: 13px;
/* border-radius: 4px; */
}
/* header css start here (08/08/2024) */
header a,
header a:hover {
text-decoration: none;
}
header {
width: 100%;
height: 60px;
display: flex;
position: sticky;
top: 0;
z-index: 999;
box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.1);
}
.flwdth {
display: flex;
align-items: center;
padding: 0 10px;
width: 100%;
}
.logo-container {
gap: 10px;
}
.header-property-logo {
max-height: 40px;
max-width: 120px;
width: auto;
height: auto;
object-fit: contain;
flex-shrink: 0;
}
.logo {
margin: 10px 0;
}
.logo span {
font-weight: 500;
}
.header-pName {
margin-right: 10px;
}
.hamburger-menu-container {
flex: 1;
align-items: center;
justify-content: flex-end;
display: flex;
}
.hamburger-menu-container .hdrxtrLinks {
margin-right: 0 !important;
}
.hamburger-menu-container .hdrxtrLinks .mbr-btn.bkrm {
white-space: nowrap;
}
.hdrxtrLinks {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.hdrxtrLinks .mbs-dropbtn {
width: auto !important;
}
/* navbar hamburger btn css */
.nav-bar-btn {
background-color: unset !important;
border: unset !important;
padding: 1px 6px 0px 0px;
margin-right: 10px !important;
}
.nav-bar-btn:active,
.nav-bar-btn:focus,
.nav-bar-btn:focus-visible,
.nav-bar-btn:hover {
box-shadow: unset !important;
border: unset !important;
outline: unset !important;
}
.hamburger-menu {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.hamburger-menu div {
width: 25px;
height: 3px;
border-radius: 0;
position: relative;
z-index: 1001;
transition: 0.5s;
}
.hamburger-menu div:after,
.hamburger-menu div:before {
content: "";
position: absolute;
width: inherit;
height: inherit;
border-radius: 0;
transition: 0.5s;
left: 0;
}
.hamburger-menu div,
.hamburger-menu div:after,
.hamburger-menu div:before {
background: #fff;
}
.hamburger-menu div:before {
transform: translateY(-9px);
}
.hamburger-menu div:after {
transform: translateY(9px);
}
/* navbar hamburger btn css end*/
/* responsive css */
@media (min-width: 768px) {
.navbar-collapse.collapse {
display: block !important;
height: auto;
overflow: visible;
}
}
@media (max-width: 767px) {
.hamburger-menu-container {
display: none;
}
}
@media all and (min-width:576px) {
.mbl-res-wrap {
display: none;
}
}
@media all and (max-width:575px) {
#header.header {
height: auto;
flex-wrap: wrap;
justify-content: center;
}
.header-pName {
margin-right: 0;
}
.header-pName .icon-btn {
padding: 0;
}
.flwdth {
padding: 0;
}
#header.header .logo-container .logo {
margin-bottom: 0;
}
.header-pName .mab-btn,
.header-pName .mab-btn+div,
.header-pName .accessibility-component,
.header-pName .icon-btn {
display: none;
}
.mbl-res-wrap {
display: flex;
align-items: center;
justify-content: flex-end;
position: relative;
gap: 12px;
padding-bottom: 8px;
width: 100%;
}
.accessibility-component,
.language-dropdown .mbs-css-1dimb5e-singleValue {
margin: 0 !important;
}
.mbl-res-wrap .mab-btn {
text-decoration: none;
}
.mbl-res-wrap .language-dropdown .mbs-dropbtn {
padding: 0 !important;
}
.mbl-res-wrap .language-dropdown {
position: unset;
}
.mbl-res-wrap .language-dropdown .language-Name {
color: #ffff;
}
.mbl-res-wrap .language-dropdown .language-dropdown-content {
min-width: unset !important;
top: 100%;
}
.mbl-res-wrap .language-dropdown .language-dropdown-content>ul>.row>div {
width: 33.33% !important;
}
.mbl-res-wrap .accessibility-panel {
width: 220px;
}
.mbl-res-wrap .accessibility-panel .accessibility-header {
padding: 10px;
}
.mbl-res-wrap .accessibility-panel .accessibility-header h5 {
margin: 0;
font-size: 14px;
}
.mbl-res-wrap .accessibility-panel .accessibility-header button {
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.mbl-res-wrap .accessibility-panel .accessibility-header button svg {
width: 10px;
height: 10px;
}
.mbl-res-wrap .accessibility-panel .accessibility-btn {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.mbl-res-wrap .accessibility-panel .accessibility-btn button {
width: auto;
height: auto;
font-size: 12px;
}
.mbl-res-wrap .accessibility-panel .accessibility-btn button img {
max-height: 20px;
max-width: 20px;
margin-bottom: 5px;
}
}
.CheckOut-Date {
white-space: nowrap;
}
.calender-area-wrapper {
position: absolute;
right: 0;
top: 11px;
z-index: 100;
width: 100%;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.DateRangePickerLoaddingWrapper {
background-color: white;
height: 441px;
margin-top: 50px;
width: 722px;
position: absolute;
}
/* Media Query for Mobile Devices */
@media (max-width: 480px) {
.DateRangePickerLoaddingWrapper {
height: 386px;
width: 395px;
}
}
/* Media Query for low resolution Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
.DateRangePickerLoaddingWrapper {
height: 441px;
width: 532px;
}
}
/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {
.DateRangePickerLoaddingWrapper {
height: 441px;
width: 682px;
}
}
/* Media Query for Laptops and Desktops */
@media (min-width: 1024px) and (max-width: 1280px) {
.DateRangePickerLoaddingWrapper {
height: 441px;
width: 682px;
}
}
/* Media Query for Large screens */
@media (min-width: 1281px) {
body {
background-color: white;
}
}
.beWidget .checkInOutForm .checkinOut .startDate, .booking-widget .checkInOutForm .checkinOut .startDate {
color: #000000 !important;
border: 1px solid #000000 !important;
border-right: 0 !important;
background-color: #FFFFFF !important;
}
/* .widget-title, .promo-code-btn {
color: #000000 !important;
} */
.drs-wrp, .searchWidget .rooms, .promocodeTxt input, .beWidgetTemplate5Wrapper .sticky-widget-info {
color: #000000 !important;
border: 1px solid #000000 !important;
background-color: #FFFFFF !important;
}
.beWidget .checkInOutForm .checkinOut .date-input-dayuse {
border: 1px solid #000000 !important;
border-radius: 3px;
}
.beWidget .searchWidget .arrow, .booking-widget .searchWidget .arrow {
color: #000000 !important;
}
.beWidget .checkInOutForm .checkinOut .endDate {
color: #000000 !important;
border: 1px solid #000000 !important;
border-left: 0 !important;
background-color: #FFFFFF !important;
}
.beWidget .guest-input {
color: #000000 !important;
border: 1px solid #000000 !important;
background-color: #FFFFFF !important;
}
.beWidget input.add-child {
color: #000000 !important;
border: 1px solid #FFFFFF !important;
background-color: #FFFFFF !important;
}
.addroom-another {
color: #fff !important;
border: 1px solid #fff !important;
background-color: #c7b299 !important;
}
.addroom-another svg {
fill: #fff !important;
}
.searchWidget .mediator {
min-width: 60px;
}
.searchWidget .arrow {
position: absolute;
color: #000;
right: 50%;
top: 22px;
font-size: 22px;
}
.rdrDayDisabled {
/* background-color: #f8f8f8; */
background-color: #efefef;
cursor: not-allowed;
opacity: 55% !important;
}
.searchWidget {
display: flex;
flex-wrap: wrap;
}
.searchWidget .lbl {
color: #000;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 5px;
display: block;
}
.searchWidget .lblend {
color: #000;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 5px;
display: flex;
justify-content: flex-end;
justify-items: flex-end;
align-items: flex-end;
}
.searchWidget .datelblend {
color: #000;
font-size: 12px;
display: flex;
justify-content: flex-end;
justify-items: flex-end;
align-items: flex-end;
white-space: nowrap;
}
.searchWidget .lbl.mb-0 {
margin-bottom: 0;
margin-left: 6px;
}
.searchWidget .checkinDate {
color: #000;
background-color: #fff;
border: 1px solid #000;
border-radius: 3px;
font-size: 14px;
padding: 0.375rem 0.75rem;
font-weight: 400;
line-height: 20px;
}
.searchWidget .checkinDate::placeholder {
font-size: 14px;
}
.searchWidget .checkinDate:focus {
outline: none;
}
.searchWidget .searchinOut {
display: -ms-flexbox;
display: flex;
position: relative;
}
.searchWidget .formGroup .input {
cursor: pointer;
position: relative;
height: 100%;
}
.searchWidget .formGroup .input .endDate {
border-left: none;
border-radius: 0 3px 3px 0;
min-width: 180px;
}
.searchWidget .checkinDate.startDate {
border-right: none;
min-width: 180px;
border-radius: 3px 0 0 3px;
}
.searchWidget .formGroup+.formGroup .input {
padding-right: 20px;
}
.searchWidget .formGroup .input.inputRoom {
padding-left: 20px;
}
.searchWidget .formGroup .input.inputRoom .d-flex {
display: flex;
position: relative;
}
.searchWidget .formGroup .input.inputRoom .d-flex input {
background-color: transparent;
border: none;
line-height: 18px;
}
.searchWidget .formGroup .input.inputRoom .d-flex span {
color: #006060;
font-size: 26px;
position: absolute;
right: 4px;
top: 42%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.searchWidget .flexibleDate input[type="checkbox"] {
display: none;
cursor: pointer;
}
.searchWidget .flexibleDate .checklbl {
position: relative;
cursor: pointer;
}
.searchWidget .flexibleDate {
display: flex;
margin-top: 8px;
align-items: center;
}
.searchWidget .flexibleDate .checklbl::before {
content: '';
-webkit-appearance: none;
padding: 8px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
border-radius: 3px;
margin-top: 2px;
}
.searchWidget .flexibleDate input:checked+.checklbl::after {
content: '';
display: block;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
left: 50%;
width: 3px;
height: 10px;
border: solid #963120;
border-width: 0 1px 1px 0;
}
.searchWidget .searchBtn {
border-radius: 4px;
padding: 10px;
align-self: end;
background: #006060;
color: #ffffff;
border: 1px solid #ffffff;
cursor: pointer;
display: inline-block;
}
.searchWidget .addRoom {
position: absolute;
width: 100%;
height: auto;
}
.searchWidget .addRoomBtn {
height: 24px;
left: 0;
padding: 2px 105px 2px 10px;
position: absolute;
right: 0;
top: 0;
z-index: 2;
background: #006060 !important;
color: #ffffff !important;
border: 1px solid #ffffff !important;
font-size: 12px;
font-weight: 500;
}
.searchWidget .addRoomBtn span {
margin-top: 2px;
display: inline-block;
}
.searchWidget .pointer span {
border: none;
color: #484747;
display: inline-block;
font-size: 23px;
height: 23px;
width: 23px;
text-align: center;
text-decoration: none;
line-height: 20px;
}
.searchWidget .pointer {
background-color: initial;
border-radius: 0;
display: inline-block;
font-size: 12px;
position: absolute;
right: 4px;
top: 0;
z-index: 4;
}
.searchWidget .pointer span {
background-color: #fff;
}
.searchWidget .pointer span+span {
margin-left: 2px;
}
.searchWidget .selectrow {
display: flex;
gap: 5px;
margin-top: 8px;
}
.searchWidget .inc-div .incr-btn {
border: 1px solid #efefef;
color: #565656;
float: left;
font-size: 14px;
padding: 4px 0;
width: 30%;
background: #fff;
cursor: pointer;
}
.searchWidget .inc-div .incr-btn[data-action="increase"] {
float: right;
}
.searchWidget .selectrow label {
display: inline-block;
font-size: 12px;
font-weight: 700;
margin: 0 4px 0 0;
vertical-align: middle;
color: #212529;
}
.searchWidget .selectrow .inc-div {
background: #fff;
float: none;
vertical-align: middle;
border: 1px solid #ddd;
margin-top: 1px;
}
.searchWidget .selectrow .quantity {
background: hsla(0, 0%, 100%, .85);
border: 1px solid #fff;
color: #000;
font-size: 14px;
text-align: center;
width: 40%;
line-height: 22px;
}
.searchWidget .selectrow .quantity:focus,
.searchWidget .formGroup .input.inputRoom .d-flex input:focus {
outline: none;
}
.searchWidget .selectrow>* {
flex: 1;
}
.searchWidget .roomBlock {
display: inline-block;
width: 100%;
height: 95px;
}
.searchWidget .inputGroup {
display: flex;
}
.guest-count-input {
background: #fff;
border: 1px solid #ddd;
border-radius: 0;
display: inline-flex;
margin-top: 5px;
overflow: visible;
padding: 26px 10px 10px;
position: absolute;
vertical-align: top;
z-index: 9;
}
.searchBlock {
display: flex;
align-self: end;
padding-left: 10px;
}
.searchinOut.formGroup {
margin-right: 0px !important;
}
@media screen and (max-width: 1199px) {
.searchWidget .flexibleDate {
margin-top: 0;
}
.searchBlock {
position: relative;
top: -10px;
}
}
@media screen and (max-width: 767px) {
.formGroup {
flex: 1;
}
.searchWidget .formGroup:nth-child(2) {
flex: 100%;
}
.searchWidget .searchinOut {
flex: 100%;
width: 100%;
}
.searchWidget .formGroup .input.inputRoom,
.searchWidget .formGroup .input,
.searchWidget .formGroup+.formGroup .input {
width: 100%;
padding-right: 0;
}
.searchWidget .formGroup .input .endDate,
.searchWidget .checkinDate.startDate {
min-width: auto;
}
.searchBlock {
width: 100%;
text-align: center;
display: block;
}
.searchWidget .searchBtn {
min-width: 120px;
}
.searchBlock {
top: 0;
padding-left: 0;
}
.searchWidget .formGroup:nth-child(3) .checkinDate {
width: 100%;
}
.searchWidget .formGroup .input.flexibleDate {
padding-left: 10px;
}
.searchWidget .formGroup .input.inputRoom {
padding-left: 0;
}
}
.be-widgetWrap .beWidget .checkInOutForm .checkIn .date-input-dayuse {
border: 1px solid #9c683b !important;
border-radius: 5px;
}
.searchinOut.formGroup .checkinOut label.dayUseLable {
font-size: 14px;
line-height: 0px;
margin: 0px 0px 0px 5px;
}
.searchinOut.formGroup .checkinOut input.dayUseCheckBox {
padding: 0;
margin: 5px 0px 0px 0px;
}
.be-widgetWrap .beWidget .form-group.checkAvailBtn {
height: 35px;
margin-top: 22px;
}
.form-group {
font-size: 14px;
margin: 0;
/* padding: 0 10px; */
position: relative;
vertical-align: top;
}
.be-widgetWrap .form-group.guestsearchTxt-moblie {
width: 100%;
padding-right: 0;
position: relative;
box-shadow: none;
max-width: 235px;
}
.be-widgetWrap .form-group.guestsearchTxt-desktop {
width: 100%;
padding-right: 0;
position: relative;
box-shadow: none;
max-width: 240px;
line-height: 0;
}
label.widgetLabel {
color: #000000;
}
.guestInput .pl-ion {
align-items: center;
height: 16px;
justify-content: center;
margin-right: 4px;
margin-top: 4px;
padding: 0 3px;
display: flex;
}
.guestgroup {
height: auto;
position: absolute;
width: 100%;
line-height: normal;
z-index: 99;
}
@media screen and (min-width: 991px) {
.guestgroup {
max-height: 40dvh;
overflow-y: auto;
}
}
.add-aroom {
display: inline-block;
height: auto;
width: 100%;
}
.add-aroom .guest-count-input {
background: #fff;
border: 1px solid #ddd;
border-radius: 0;
display: inline-flex;
margin-top: 5px;
overflow: visible;
padding: 26px 10px 10px;
position: absolute;
vertical-align: top;
width: auto;
z-index: 9;
}
.add-aroom,
.add-aroom .guest-count-input,
.add-aroom .guest-count-input .selectrow,
.inc-div {
width: 100%;
}
.guest_Rooms_Count {
background: #909494;
/* color: #000000 !important; */
height: 24px;
left: 0;
padding: 2px 105px 2px 10px;
position: absolute;
right: 0;
top: 0;
z-index: 2;
border-radius: 4px 4px 0 0 !important;
}
.guest_Rooms_Count label {
font-size: 12px;
margin: 0;
padding: 0;
width: 65px;
}
.add-aroom .guest-count-input .selectrow {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin-top: 8px;
gap: 10px;
}
.add-aroom,
.add-aroom .guest-count-input,
.add-aroom .guest-count-input .selectrow,
.inc-div {
width: 100%;
}
.GuestSearchRow {
align-items: center;
}
.add-aroom .Adultselect {
margin-right: 0;
}
.inc-div {
background: #fff;
float: none;
vertical-align: middle;
border: 1px solid #ddd;
margin-top: 1px;
text-align: center;
overflow: hidden;
display: flex;
}
.inc-div button.incr-btn {
background-color: #eee;
border: 1px solid #efefef;
line-height: 20px;
color: #565656;
float: left;
font-size: 14px;
flex: 1;
}
.inc-div .incr-btn,
.inc-div .quantity {
float: left;
font-size: 12px;
padding: 2px 0 1px;
background: hsla(0, 0%, 100%, .85);
border: 1px solid #fff;
color: #000;
font-size: 14px !important;
text-align: center;
width: 33.33%;
}
.Add_Room_btn button {
border: none;
color: #484747;
display: inline-block;
font-size: 14px;
height: 18px;
margin-left: 3px;
text-align: center;
text-decoration: none;
height: 16px;
margin-right: 1px;
margin-top: 1px;
padding: 0 3px;
line-height: 16px;
}
.guestgroup .Add_Room_btn button i {
font-size: 11px;
padding-top: 2px;
}
.guestsearchTxt .guest-input input.add-child {
margin: 0;
padding: 0;
}
.guestsearchTxt .guest-input input.add-child:focus {
outline: none;
}
.form-group input {
margin: 0;
}
.searchWidget .checkinDate {
height: 34px !important;
}
.searchWidget .checkinDate.startDate {
height: 37px;
margin: auto;
padding: 6px 55px 6px 15px;
width: 100%;
line-height: 21px;
}
.checkInOutForm .checkinOut .endDate {
padding: 6px 20px 6px 15px;
text-align: right;
line-height: 19px;
}
.form-control {
-webkit-appearance: none;
appearance: none;
background-clip: padding-box;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.375rem;
color: #212529;
display: flex !important;
font-size: 1rem;
line-height: 1.5;
padding: 7px 3px;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-oout;
cursor: pointer;
float: inherit;
font-weight: 300;
position: relative;
max-width: 100% !important;
width: 100% !important;
}
/* .guest-input input,
.guest-input input.date-input {
background: hsla(0, 0%, 100%, .85);
border: 1px solid #fff;
color: #000;
font-size: 14px !important;
} */
.guestsearchTxt .guest-input input.add-child,
.guest-input {
width: 100%;
}
@media (max-width: 768px) {}
@media (max-width: 991px) {
/* .form-group.promocodeTxt {
margin-top: 5px;
width: 39%;
} */
}
@media (max-width: 767px) {
.checkIn-OutWrapper {
width: auto !important;
}
.guestsearchTxt-desktop {
display: block;
}
.guestsearchTxt-moblie {
display: none;
}
}
@media (max-width: 576px) {
.guestgroup {
position: relative;
}
.guestsearchTxt-desktop {
display: none;
}
.guestsearchTxt-moblie {
display: block;
}
.checkIn-OutWrapper {
width: 100% !important;
}
.form-group.promocodeTxt {
/* padding-left: 0;
width: 70% !important;
max-width: 70% !important; */
}
.form-group.checkAvailBtn {
/* max-width: 30% !important;
width: 30% !important; */
}
.Add_Room_btn {
top: 3px;
}
}
/* .roomFlex {
flex: 1 1 !important;
} */
/* ChildAge CSS Start */
.add-aroom,
.add-aroom .guest-count-input,
.add-aroom .guest-count-input .selectrow,
.inc-div {
width: 100%;
}
.guestgroup .add-aroom .guest-count-input .selectrow {
flex-wrap: wrap;
gap: 10px;
}
.guestgroup .add-aroom .Adultselect,
.guestgroup .add-aroom .Childselect {
width: 47%;
}
.add-aroom .Adultselect,
.add-aroom .Childselect {
float: left;
margin: 0;
padding: 0;
width: 50%;
}
.topWrapper .child-age-wrapper .roomFlex label {
font-size: 12px !important;
flex-direction: unset;
margin-bottom: 4px;
}
.child-age-wrapper .selectrow {
padding-left: 70px;
}
.topWrapper .child-age-wrapper .selectWrapperInside select {
font-size: 12px;
border-radius: 5px;
}
.child-age-wrapper .selectrow {
flex-wrap: wrap;
}
/* .child-age-wrapper label {
position: absolute;
top: -8px;
font-size: 12px;
background-color: white;
margin-left: 8px;
padding-left: 3px;
z-index: 1;
} */
.child-age-wrapper .childinfo {
position: relative;
}
.roomsDetailsWrapper .child-age-wrapper {
flex-wrap: wrap;
gap: 20px;
}
.topWrapper .child-age-wrapper {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
.topWrapper .child-age-wrapper label {
position: static;
margin-left: 0;
}
.topWrapper .child-age-wrapper .Adultselect.roomFlex {
width: calc(50% - 8px);
margin-bottom: 12px;
}
.topWrapper .child-age-wrapper .selectWrapperInside select {
height: 35px;
font-size: 13px;
}
.topWrapper .child-age-wrapper .roomFlex label {
font-size: 12px !important;
flex-direction: unset;
margin-bottom: 4px;
}
.child-age-wrapper .selectrow {
padding-left: 70px;
}
.topWrapper .child-age-wrapper .selectWrapperInside select {
font-size: 12px;
border-radius: 5px;
}
.child-age-wrapper .selectrow {
flex-wrap: wrap;
}
.topWrapper .child-age-wrapper {
border-bottom: 1px solid #e9e9e9;
}
.inc-div .incr-btn:disabled {
cursor: not-allowed !important;
opacity: 0.5;
}
@media screen and (max-width: 375px) {
.topWrapper .child-age-wrapper .Adultselect.roomFlex {
width: calc(100% - 8px);
}
}
@media screen and (max-width: 991px) {
.child-age-wrapper {
/* flex-direction: column; */
flex-wrap: wrap;
}
.child-age-wrapper .childinfo {
margin-bottom: 15px;
width: 16.66666667%;
/* width: 48%; */
gap: 20px;
/* position: relative; */
}
.child-age-wrapper .childinfo:last-child {
margin-bottom: 0px;
}
}
@media screen and (max-width: 767px) {
.child-age-wrapper .childinfo {
/* width: 46%; */
width: 21%;
}
}
@media screen and (max-width: 575px) {
.child-age-wrapper {
/* flex-direction: column; */
flex-wrap: wrap;
gap: 17px !important;
}
.child-age-wrapper .childinfo {
margin-bottom: 15px;
width: 47%;
gap: 20px;
/* position: relative; */
}
.child-age-wrapper .childinfo:last-child {
margin-bottom: 0px;
}
}
@media screen and (max-width: 389px) {
.child-age-wrapper .childinfo {
margin-bottom: 15px;
width: 46%;
gap: 20px;
/* position: relative; */
}
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
display: inline-block;
width: 35px;
height: 35px;
background-repeat: no-repeat;
background-position: center center;
border-radius: 50%;
background-size: 25px;
background-color: #000;
text-align: center;
}
.img-glr .carousel-control-next-icon,
.img-glr .carousel-control-prev-icon,
.sh-mr .carousel-control-next-icon,
.sh-mr .carousel-control-prev-icon {
display: inline-block;
width: 35px !important;
height: 35px !important;
background-repeat: no-repeat;
background-position: center center;
border-radius: 50%;
background-size: 25px;
background-color: #000;
text-align: center;
}
.image-overlay-label {
position: absolute;
bottom: 10px;
left: 10px;
background: #000 !important;
color: #fff !important;
padding: 3px 6px;
border-radius: 4px;
font-size: 10px;
z-index: 10;
}
.multipleImage-clone~.carousel .image-overlay-label {
left: 40px;
}
/* Lightbox title positioning - Center at top */
.ril__toolbarLeftSide {
padding-left: 50% !important;
}
.original-Image-popup .modal-content {
background-color: rgba(0, 0, 0, .5) !important;
box-shadow: unset;
border-radius: 0
}
.original-Image-popup .modal-content .modal-header {
background-color: rgba(0, 0, 0, 0) !important;
border-radius: 0
}
.original-Image-popup .modalPrgrph p {
color: #fff;
font-size: 50px;
text-align: center;
line-height: 60px
}
.fade.modal-backdrop.show+.fade.modal.show {
z-index: 999999 !important;
}
.original-Image-popup .modal-dialog {
width: 100vw;
height: 100vh;
max-width: 100vw;
max-height: 100vh;
margin: 0;
}
.original-Image-popup .image-overlay .image-overlay-label {
position: unset;
}
.original-Image-popup .image-overlay {
display: flex;
align-items: center;
justify-content: center;
transform: translateY(-34px);
}
.original-Image-popup .modal-dialog .modal-content {
height: 100%
}
.original-Image-popup .modalPrgrph {
display: flex;
align-items: center;
justify-content: center
}
/* .original-Image-popup .modal-header {
display: none
} */
.original-Image-popup .original-Image-popup-body {
background-color: #00000000 !important;
}
.original-Image-popup .room-img-modal {
width: auto !important;
float: unset;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.original-Image-popup .mbsImage {
height: 100% !important;
max-width: 100%;
width: 100%;
margin-top: 0;
object-fit: contain;
}
.original-Image-popup .room-img-modal>.position-relative,
.original-Image-popup .room-img-modal>.position-relative .carousel {
position: unset !important;
height: 100% !important;
}
.original-Image-popup .room-img-modal>.position-relative .carousel .carousel-control-prev,
.original-Image-popup .room-img-modal>.position-relative .carousel .carousel-control-next {
bottom: unset;
top: 50%;
transform: translateY(-50%);
width: 50px !important;
height: 60px;
}
.original-Image-popup .room-img-modal .carousel-control-next-icon,
.original-Image-popup .room-img-modal .carousel-control-prev-icon {
width: 100%;
height: 100%;
border-radius: unset !important;
margin: 0;
}
.original-Image-popup-body .carousel-inner {
height: 100%;
}
.original-Image-popup-body .carousel-item {
height: 100%;
}
@media (max-width:991px) {
.original-Image-popup .modalPrgrph p {
font-size: 35px;
line-height: 50px
}
}
@media (max-width:767px) {
.original-Image-popup .modalPrgrph p {
font-size: 26px;
line-height: 35px
}
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 999999999;
top: 0;
/* left: 0; */
/* background-color: #111; */
background-color: #fff;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.sidenav a {
/* padding: 8px 8px 8px 32px; */
text-decoration: none;
font-size: 15px;
/* color: #818181; */
color: #111;
display: block;
transition: 0.3s;
}
/* .sidenav a:hover {
color: #f1f1f1;
} */
.sidebar-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
/* Semi-transparent black background */
z-index: 99999999;
/* Ensure the overlay is above other content */
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
cursor: pointer;
font-size: 36px;
margin-left: 50px;
}
.navmenus {
position: absolute;
width: 93%;
display: flex;
margin-left: 11px;
}
@media screen and (max-height: 450px) {
.sidenav {
padding-top: 15px;
}
.sidenav a {
font-size: 18px;
}
}
@media screen and (max-height: 591px) {
.mbs-mySidenav {
width: 100% !important;
}
}
/* SideBar Button Icon Start */
.sidenav {
padding-top: 0;
}
.sidenav~.nav-bar-btn {
padding-right: 5px;
}
.nav-bar-btn {
background-color: unset !important;
border: unset !important;
/* padding: 1px 6px; */
padding: 1px 6px 0px 0px;
margin-right: 10px !important;
}
.hamburger-menu {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: flex-end
}
.hamburger-menu div {
width: 25px;
height: 3px;
border-radius: 0;
position: relative;
z-index: 1001;
transition: .5s
}
.hamburger-menu div:after,
.hamburger-menu div:before {
content: "";
position: absolute;
width: inherit;
height: inherit;
border-radius: 0;
transition: .5s;
left: 0
}
.hamburger-menu div:before {
transform: translateY(-9px)
}
.hamburger-menu div:after {
transform: translateY(9px)
}
/* Menu Icon Start */
.hamburger-menu div:after,
.hamburger-menu div:before {
content: "";
position: absolute;
width: inherit;
height: inherit;
border-radius: 0;
transition: .5s;
left: 0
}
.hamburger-menu div:before {
transform: translateY(-9px)
}
header .hamburger-menu div,
header .hamburger-menu div:after,
header .hamburger-menu div:before {
background: #fff
}
#check:checked~.hamburger-menu-container .hamburger-menu div:before {
transform: translateY(0) rotate(-45deg)
}
/* Menu Icon End */
/* SideBar Button Icon End */
/* SideBar Iner Value CSS Start */
.navbarCloseIcon {
position: absolute;
right: 25px;
top: 20px;
width: 32px;
height: 32px;
cursor: pointer;
z-index: 9999999;
}
.navbarCloseIcon:after,
.navbarCloseIcon:before {
position: absolute;
left: 15px;
content: ' ';
height: 24px;
width: 2px;
background-color: #fff;
}
.navbarCloseIcon:before {
transform: rotate(45deg)
}
.navbarCloseIcon:after {
transform: rotate(-45deg)
}
.sidenav .navmenus {
margin-left: 0;
width: 100%;
padding: 30px 15px;
}
.sidebar-overlay~.sidenav a {
font-size: 14px;
}
.nav-links {
flex: initial;
width: 100%
}
.nav-links>ul {
flex-direction: column;
padding-left: 0
}
.nav-links,
li.addon-li span.addonName {
flex: 2
}
/* .ls-none {
display: none;
} */
.nav-link:hover>.dropdown {
display: block
}
.nav-links,
li.addon-li span.addonName {
flex: 2
}
#check:checked~.nav-btn .nav-link {
animation: animation .5s ease forwards var(--i)
}
.nav-links {
flex: initial;
width: 100%
}
.nav-links>ul {
flex-direction: column;
padding-left: 0
}
.nav-link {
width: 100%;
transform: translateY(15px);
padding: 0
}
.nav-link.dropdown-toggle.notranslate {
transform: inherit
}
.nav-link:hover>a>i {
transform: rotate(360deg)
}
.nav-link>a {
line-height: 1;
padding: 15px 0;
font-size: 14px;
color: #575757;
text-decoration: none;
font-weight: 400;
display: flex;
border-bottom: 1px solid #d6eaed
}
.nav-link:hover>a {
transform: scale(1)
}
.dropdown-link:first-child:hover,
.nav-link:hover {
background-color: #50a9d6
}
.nav-link>a>i {
font-size: 1.1rem;
transform: rotate(-90deg);
transition: .7s
}
#check:checked~.hamburger-menu-container .hamburger-menu div,
.dropdown-link>a {
background-color: transparent
}
.hamburger-menu-container {
flex: 1;
align-items: center;
justify-content: flex-end;
display: flex
}
#check:checked~.hamburger-menu-container .hamburger-menu div:before {
transform: translateY(0) rotate(-45deg)
}
#check:checked~.hamburger-menu-container .hamburger-menu div:after {
transform: translateY(0) rotate(45deg)
}
.hamburger-menu-container .hdrxtrLinks {
margin-right: 0 !important
}
.hamburger-menu-container .hdrxtrLinks .mbr-btn.bkrm {
white-space: nowrap
}
.navbar-default .navbar-brand,
.navbar-nav>li>a {
font-family: Poppins, sans-serif
}
.navbar-nav>li>a {
color: rgba(87, 87, 87, .8) !important;
font-size: 14px;
font-weight: 400;
letter-spacing: .5px;
padding: 15px 20px !important
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
background-color: rgba(0, 0, 0, 0)
}
.navbar-default {
background-color: transparent;
border: none !important;
border-radius: 0;
margin-bottom: 0
}
.navbar-nav {
float: right;
margin: 0
}
.navbar-default .navbar-brand {
color: #000;
font-weight: 600
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
background-color: rgba(0, 0, 0, 0);
color: #fff !important
}
header ul.navbar-nav li a,
header ul.navbar-nav li a.dropdown-toggle:after {
color: #fff
}
.navbar-collapse {
justify-content: flex-end
}
.hdrxtrLinks .navbar-default {
border-bottom: 0;
margin-bottom: 0;
border-top: 0;
height: 100%;
padding: 0
}
.hdrxtrLinks [class$="-singleValue"] {
margin-right: 0 !important;
position: inherit;
gap: 0;
margin-left: 0 !important;
}
.hdrxtrLinks {
margin: 0 30px 0 0 !important;
display: flex;
height: 100%;
justify-content: center;
align-items: center;
}
.navbar-expand-lg .navbar-nav .dropdown-menu.lag-cls {
padding: 5px !important
}
.mbscolumn {
padding: 0 !important;
}
@media only screen and (min-width:320px) and (max-width:767px) {
.navbar-header {
background: rgba(0, 0, 0, 0);
float: none
}
.HeaderImage,
.HeaderImage img {
height: auto
}
.navbar-toggle {
display: block;
margin: 10px 0 0
}
.navbar-nav {
float: none !important
}
.navbar-collapse.collapse.in {
display: block !important
}
.navbar-header {
background: rgba(0, 0, 0, 0);
float: none
}
.navbar-default .navbar-toggle .icon-bar {
display: none
}
.navbar-default .navbar-toggle {
border-color: transparent;
background: inherit
}
.navbar-nav {
position: fixed;
height: calc(100% - 66px);
bottom: 0;
right: -100%;
margin: 0;
background-color: #fff;
width: 360px;
-webkit-transition: .3s;
transition: .3s;
z-index: 999;
overflow-y: auto;
-webkit-box-shadow: -10px 0 30px rgba(0, 0, 0, .2);
box-shadow: -10px 0 30px rgba(0, 0, 0, .2)
}
.navbar-nav.open {
right: 0
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: rgba(0, 0, 0, 0)
}
.navbar-nav li {
float: none
}
.navbar-nav li a {
padding: 15px 20px !important;
border-bottom: 1px solid #d6eaed
}
.navbar-toggle {
margin-top: 10px
}
.navbar-default .navbar-brand {
padding: 10px;
display: flex;
align-items: center
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.navbar-toggle {
display: block;
margin: 10px 0 0
}
.navbar-header {
background: rgba(0, 0, 0, 0);
float: none
}
.navbar-nav {
float: none !important
}
.navbar-collapse.collapse.in {
display: block !important
}
.navbar-header {
background: rgba(0, 0, 0, 0);
float: none
}
.navbar-default .navbar-brand {
padding: 15px
}
.navbar-default .navbar-toggle .icon-bar {
display: none
}
.navbar-default .navbar-toggle {
border-color: transparent;
background: inherit
}
.navbar-nav {
position: fixed;
height: calc(100% - 80px);
bottom: 0;
right: -100%;
margin: 0;
width: 360px;
-webkit-transition: .3s;
transition: .3s;
z-index: 99;
overflow-y: auto;
-webkit-box-shadow: -10px 0 30px rgba(0, 0, 0, .2);
box-shadow: -10px 0 30px rgba(0, 0, 0, .2)
}
.navbar-nav.open {
right: 0
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: rgba(0, 0, 0, 0)
}
.navbar-nav li {
float: none
}
.navbar-nav li a {
padding: 15px 20px !important
}
.hdrxtrLinks div#navbarNav ul.navbar-nav {
right: 0;
top: 0;
width: 130px;
height: auto;
position: relative;
box-shadow: none;
border: none
}
}
/* SideBar Iner Value CSS Start */
.prty-cls-inr {
background: #fff;
/* border: 1px solid #e5ebec; */
display: inline-block;
margin-bottom: 0px;
padding: 15px;
box-shadow: 0 5px 4px -2px rgba(35, 41, 44, .12);
width: 100%;
border-radius: 5px;
}
.img-glr.prty-glry .carousel.slide .carousel-inner img {
height: 250px;
width: 100%;
object-fit: cover;
max-height: 320px;
margin-top: 0;
}
.img-glr.prty-glry {
height: 250px;
}
.prty-cls-inr h2 {
font-size: 22px;
font-weight: 500;
margin-top: 0;
margin-bottom: 20px;
}
.prty-cls-inr .prt-bnt-cls {
display: flex !important;
flex-wrap: wrap;
}
.prty-cls-inr .prt-bnt-cls {
position: relative !important;
bottom: inherit !important;
}
.prt-bnt-cls {
margin-top: 15px;
width: 100%;
}
.prt-bnt-cls .sh-mr-ameneties {
text-decoration: underline !important;
}
.prt-bnt-cls .sh-mr-ameneties,
.prt-bnt-cls .sh-mr-ameneties:hover {
background: 0 0 !important;
border: none !important;
font-size: small;
color: #090 !important;
padding: 0 !important;
border-radius: 0 !important;
margin-right: 30px !important;
margin-bottom: 10px !important;
text-wrap: nowrap;
}
.propertyDescription-wrapper {
display: flex;
justify-content: space-between;
}
.prty-cls-inr .address {
line-height: 24px;
}
.prty-cls-inr {
background-color: #ffffff !important;
color: #000000 !important;
}
a.sh-mr-ameneties.notranslate, div.sh-mr-ameneties.notranslate, .prt-bnt-cls .sh-mr-ameneties:hover, .sh-mr-ameneties, .more-info, .more-info * {
color: #009900 !important;
}
.rsv-btn .bkrm, .rate-plan-btn .bkrm, .bkrm.confirm-booking, .completeBtn , .toggleInner-link {
background: #e3b419 !important;
color: #fff !important;
border: 1px solid #fff !important;
}
.paymentItem:hover , .rsv-btn .bkrm, .bkrm.confirm-booking {
background: #e3b419 !important;
color: #fff !important;
border: 1px solid #fff !important;
}
.more-info svg path {
fill: #009900 !important;
}
.prty-bx, .sml-prc,.guestRateTable,.fa-male, .fa-child.child-icon {
background-color: #ffffff !important;
color: #000000 !important;
}
.fa-male, .fa-child.child-icon {
background-color: transparent !important;
}
.prty-cls-inr {
background-color: #ffffff !important;
color: #000000 !important;
}
/* Room Description CSS Start */
.main-bx .pro-ifo .ReadMore-ReadLess-Span p {
margin-bottom: 0px;
}
.main-bx .pro-ifo .ReadMore-ReadLess-Span p,
.main-bx .pro-ifo .view-ameneties {
display: inline-block;
width: 100%;
}
.cost,
.pro-ifo p,
.prty-cls-inr p {
font-size: 12px;
line-height: 24px;
overflow-wrap: break-word;
margin-bottom: 0;
}
/* Room Description CSS End */
.modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.modal-visible {
display: block;
}
.modal-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.room-map-wrapper .bkrm {
width: auto !important;
}
.map-close {
right: 10px;
top: 18px;
opacity: .5
}
.map-close:hover,
.fade.modal.show,
.fade.popup.modal.show {
opacity: 1
}
.map-close {
position: absolute;
top: 4px;
right: 10px;
font-size: 10px;
cursor: pointer;
}
.map-close:after,
.map-close:before {
position: absolute;
left: 10px;
content: " ";
height: 10px;
width: 2px;
top: 5px;
background-color: #fff;
}
.map-close:before,
.navbarCloseIcon:before {
transform: rotate(45deg)
}
.modal-content .map-close {
background-color: #fff !important;
opacity: 1
}
.map-close:after,
.navbarCloseIcon:after {
transform: rotate(-45deg)
}
#check,
.map-close {
width: 21px;
height: 21px;
}
.map-close:after,
.map-close:before {
background-color: #000 !important;
}
.close {
position: absolute;
top: 12px;
right: 10px;
font-size: 20px;
cursor: pointer;
}
.modal-title {
margin-top: 0;
}
.modal-body {
width: 100%;
}
.rm-icon-inner {
margin-right: 5px;
position: relative;
/* color: var(--bs-body-color) */
}
.rm-icon-inner.rm-map:hover .map-tooltip {
display: block
}
.rm-icon-inner.rm-map {
border: none
}
.rm-map:hover .map-tooltip::after {
content: "";
position: absolute;
width: 12px;
height: 12px;
border: 1px solid rgba(0, 0, 0, .1);
bottom: -11px;
background: #fff;
transform: rotate(45deg) translateX(-50%);
left: 50%;
z-index: 112;
border-top: 0;
border-left: 0;
box-shadow: 7px 10px 10px -5px rgb(0 0 0 / 20%)
}
.rm-map {
background: #ebebeb;
padding: 3px 7px;
line-height: 20px;
border-radius: 3px
}
.rm-map .fa-map-marker {
margin: 3px
}
.rm-icon-inner.rm-map {
border: none
}
.map-mdl h5.modal-title {
background-color: #105f5a;
color: #fffdfd;
border-bottom: #0000;
padding: 15px 40px;
}
.map-mdl .modal-content {
max-height: 60vh;
max-width: 900px;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.room-map-wrapper {
position: relative;
height: 100%;
width: 100%;
}
.room-map-wrapper button {
position: absolute;
left: calc(50% - 48px);
top: calc(50% - 16px);
}
@media (max-width:991px) {
.modal .modal-content {
width: 90%;
padding: 0;
}
}
#room_map {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
}
#room_map:hover .map-icon-tooltip {
display: block;
}
.map-icon-tooltip {
display: none;
position: absolute;
top: -8px;
left: 50%;
transform: translate(-50%, -100%);
color: #fff !important;
background-color: #000;
padding: 10px;
border-radius: 6px;
margin-bottom: 0;
width: max-content;
max-width: 260px;
z-index: 5;
text-align: left;
}
.map-icon-tooltip::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 8px solid transparent;
border-top-color: #000;
}
.modal.map-mdl {
z-index: 999999 !important;
}
/* Font Size Css */
.fs20 {
font-size: 20px !important
}
.fs18 {
font-size: 18px !important
}
.fs16 {
font-size: 16px !important
}
.fs14 {
font-size: 14px !important
}
.fs12 {
font-size: 12px !important
}
.fs10 {
font-size: 10px !important
}
.fw300 {
font-weight: 300 !important
}
.fw400 {
font-weight: 400 !important
}
.fw500 {
font-weight: 500 !important
}
.fw700 {
font-weight: 700 !important
}
.row {
margin-left: -7.5px;
margin-right: -7.5px;
}
/* Font Size CSS */
/* Room Description CSS Start */
.main-bx .pro-ifo .ReadMore-ReadLess-Span p {
margin-bottom: 0px;
}
.main-bx .pro-ifo .ReadMore-ReadLess-Span p,
.main-bx .pro-ifo .view-ameneties {
display: inline-block;
width: 100%;
}
.cost,
.pro-ifo p,
.prty-cls-inr p {
font-size: 12px;
line-height: 24px;
overflow-wrap: break-word;
margin-bottom: 0;
}
/* Room Description CSS End */
/* Room Name & Icons CSS Start */
.sidecard-col-padding {
padding-left: 7.5px;
/* padding-right: 7.5px; */
}
.pro-ifo .borderBottom {
border-bottom: 1px solid rgba(0, 0, 0, .1);
margin-bottom: 5px !important;
padding-bottom: 5px
}
.adt-chld .adlt-cls span.adlt-img,
.ht-dl i,
.pro-ifo .mobile-none,
.sml-prc h5 {
font-size: 18px
}
.roomtypeafter-rname .mobile-none,
.selectWrapperInside .form-select {
width: 100%
}
.MaxGuest-Dflex .mobile-none {
display: contents
}
.MaxGuest-Dflex .roomtypeafter-h3 {
width: fit-content;
font-size: 16px
}
.roomtypeafter-h3.label-not-Selected {
max-width: 100%
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
.pro-ifo.discRibbon .mobile-none {
margin-top: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.pro-ifo.discRibbon {
margin-top: 0;
}
.pro-ifo.discRibbon .mobile-none {
/* margin-top: 10px; */
}
}
@media (max-width: 991px) {
.pro-ifo.discRibbon .mobile-none {
margin-top: 12px;
}
}
@media (max-width:767px) {
.pro-ifo.discRibbon .mobile-none {
margin-top: 12px;
}
}
@media (max-width:575px) {
.mobile-none {
display: none
}
}
/* Room Name & Icons CSS End */
#carousel-example-generic .carousel-indicators,
iscount-rate-t #pop-img-glr .carousel-indicators,
.Adult label.adultValue,
.Child label.ChildValue,
.addon-icon-hover-desc,
/* .crd-info.p-3 .row:last-of-type+span.separator, */
.currencyDropdown-sm,
.desktop-none,
.dropdown .dropdown,
.falsehideRooms,
.hideRooms,
.info-desc,
.mobileVisible_pricedetails,
.prty-bx.display_none,
.rdrDateDisplay,
.rdrDefinedRangesWrapper,
.reserve-tax-desc,
.selected-sm,
.sidebar-language,
.tabClosed .inc-div,
.ui-datepicker-trigger,
button.ratePname-guuestdetails,
header.sc-iqzUVk.bIaxNR,
label.sc-iRbamj.dmTruq,
span.calender-icon svg,
span.rdrMonthAndYearPickers {
display: none
}
.prty-bx {
background: #fff;
border-radius: 10px;
margin-bottom: 10px;
padding: 20px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.addon-reserve,
.adt-chld,
.crd-head,
.iconText,
.pro-ifo,
.prt-dic-otr,
.prty-bx.blur.sold-out,
.rm-lst-cnt {
position: relative
}
.srh-rgt .prty-bx .srch-cls,
.totalwrap {
box-shadow: 0 5px 4px -2px rgb(35 41 44 / 12%)
}
.prty-bx.blur.sold-out span.sldOut-txt {
position: absolute;
left: 0;
right: 0;
text-align: center;
width: 100%;
top: 0;
transform: inherit;
z-index: 9;
height: 100%;
align-items: center;
display: flex;
justify-content: center;
font-weight: 600;
background: rgba(255, 255, 255, .45);
font-size: 35px
}
.prty-bx.blur.sold-out .lst-rm {
z-index: 6
}
.prty-bx .p-3 form {
padding: 0;
margin: 0
}
.prty-bx .form-control,
.prty-bx .p-3 form .form-control {
height: 40px;
box-shadow: none;
border: 1px solid #ddd;
border-radius: 2px
}
.srh-rgt .prty-bx {
background: 0 0;
border: none !important;
box-shadow: none !important
}
.srh-rgt .prty-bx .srch-cls {
border: none !important;
padding: 0
}
.srh-rgt .prty-bx .g-total,
.srh-rgt .prty-bx .g-total+.crd-info {
box-shadow: 0 5px 4px -2px rgb(35 41 44 / 12%);
padding: 15px;
background: #fff
}
.srh-rgt .prty-bx .g-total {
border: 0
}
.srh-rgt .prty-bx .g-total+.crd-info {
margin-bottom: 10px;
border-radius: 4px
}
.srh-rgt .prty-bx .srch-cls .rs-rm-dtl {
margin-top: 4px;
padding: 10px 15px 0
}
.srh-rgt .prty-bx .srch-cls .rs-rm-dtl:last-of-type {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0
}
.srh-rgt .prty-bx .g-total .g-total-inner {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #fff
}
.srh-rgt .prty-bx .srch-cls .rs-rm-dtl h3 {
font-size: 18px;
font-weight: 400;
color: #2a2d32;
margin-bottom: 0;
word-break: break-word
}
.srh-rgt .prty-bx .srch-cls .rs-rm-dtl .adt-chld {
justify-content: flex-start
}
.srh-rgt .prty-bx .srch-cls .rs-rm-dtl .adt-chld div {
font-size: 12px;
color: #b2b2b2
}
.srh-rgt .prty-bx .srch-cls .rs-rm-dtl .adt-chld .chld-nbr {
padding-left: 12px;
position: relative
}
.srh-rgt .prty-bx .srch-cls .rs-rm-dtl .adt-chld .chld-nbr::before {
content: "";
position: absolute;
width: 1px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(129, 127, 127, 0) .01%, rgba(129, 127, 127, .47) 52.6%, rgba(129, 127, 127, 0) 100%);
height: 20px;
margin: 0 6px;
display: flex;
align-self: center;
left: -5px
}
.srh-rgt .prty-bx .g-total::after,
.srh-rgt .prty-bx .g-total::before {
top: -15px;
width: 30px;
height: 30px;
border-radius: 50%;
background: #ddd;
position: absolute;
content: ""
}
.srh-rgt .prty-bx .g-total {
border-top: 1px dashed #151515;
margin-top: 10px !important;
padding-top: 15px !important;
position: relative;
border-radius: 0 0 4px 4px;
width: calc(100% - 20px) !important
}
.srh-rgt .prty-bx .g-total::after {
left: -30px
}
.srh-rgt .prty-bx .g-total::before {
right: -30px
}
.prty-bx .chn-cho {
height: auto !important
}
/* .home-prty-bx {
position: sticky;
top: 72px
} */
.main-room-card-padding {
padding-right: 7.5px;
/* padding-left: 7.5px; */
}
.roomtypeafter-rname .mobile-none,
.selectWrapperInside .form-select {
width: 100%
}
.MaxGuest-Dflex.label-not-selected {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 10px;
max-width: 100% !important;
}
.MaxGuest-Dflex {
display: flex !important;
}
.MaxGuest-Dflex {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 10px;
justify-content: space-between;
}
.MaxGuest-Dflex.label-not-selected {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 10px;
max-width: 100% !important
}
@media (max-width:575px) {
.prty-bx h3 {
font-size: 20px;
font-weight: 500;
margin-bottom: 0;
/* margin-bottom: 20px */
}
.roomtypeafter-rname.desktop-none {
width: fit-content;
font-size: 14px;
display: flex !important;
justify-content: space-between;
width: 100%
}
.roomtypeafter-rname .MaxGuest-Dflex {
justify-content: space-between
}
}
@media (max-width:767px) {
.prty-bx button.sh-mr-ameneties {
padding: 0;
margin-bottom: 0;
height: auto;
width: auto;
position: relative;
bottom: 10px
}
.prty-bx.blur {
padding-bottom: 50px
}
.prty-bx .chn-cho {
padding: 0 7px 0 7px
}
}
@media screen and (max-width: 991px) {
.roomFlex {
justify-content: flex-start;
}
}
@media (max-width:320px) {
.roomtypeafter-rname .desktop-none {
flex-direction: column;
width: 100%;
align-items: flex-start
}
.roomtypeafter-rname.desktop-none {
flex-direction: column
}
}
/* Icons CSS Start */
.rm-icon {
display: inline-flex;
justify-content: center;
align-items: center;
/* margin-left: 20px; */
width: auto
}
.rm-icon .rm-icon-inner {
margin-right: 5px;
position: relative
}
.rm-icon .rm-icon-inner i {
font-size: 15px;
/* color: var(--bs-body-color) */
}
.rm-icon-inner.rm-map:hover .map-tooltip,
.rm-icon-inner.rm-user:hover .adlt-tooltip {
display: block
}
.rm-icon-inner.rm-user:hover .adlt-tooltip-bottom {
display: block
}
.rm-icon-inner.rm-bed:hover .bed-tooltip {
display: block
}
.rm-icon-inner.rm-rulers:hover .rulers-tooltip {
display: block
}
.rm-icon-inner.rm-user span {
color: #000;
margin-right: 5px;
font-size: 14px
}
.rm-icon {
float: right
}
.rm-icon-inner.rm-bed {
padding: 0;
}
.rm-icon-inner.rm-map {
border: none
}
.MaxGuest-Dflex .rm-icon {
float: unset !important;
margin-left: auto
}
.MaxGuest-Dflex .rm-icon {
font-weight: 400
}
.rm-icon-inner.rm-user span,
.rulers-tooltip span {
line-height: normal;
}
.rm-icon-inner {
margin-right: 0;
}
.rm-icon-inner i {
font-size: 19.2px;
}
.complete-booking-section .rm-icon-inner {
margin-right: 0;
}
@media (max-width:575px) {
.MaxGuest-Dflex .rm-icon {
margin: 3px 0
}
}
@media (max-width:320px) {
.rm-icon {
margin-left: 0;
justify-content: flex-start
}
}
/* Icons CSS End */
/* View Aminites Button CSS Start */
.pro-ifo button.sh-mr-ameneties,
.sh-mr-ameneties,
.wdgtWrapp .be-widgetWrap .beWidget .submit-button,
button.sh-mr-compare-package.notranslate {
padding: 0
}
button.sh-mr-ameneties.notranslate,
button.sh-mr-compare-package.notranslate {
background: 0 0;
border: none;
color: #207cfa;
border-bottom: 1px dashed;
font-size: small
}
.sold-out button.sh-mr-ameneties.notranslate,
.sold-out button.sh-mr-compare-package.notranslate,
.sold-out img.sh-mr-imageviewer {
cursor: not-allowed;
pointer-events: none
}
a.sh-mr-ameneties.notranslate.AddonDesc {
margin-left: 5px;
cursor: pointer;
color: #000
}
.prt-bnt-cls .sh-mr-ameneties,
.prt-bnt-cls .sh-mr-ameneties:hover {
background: 0 0 !important;
border: none !important;
font-size: small;
color: #090 !important;
padding: 0 !important;
border-radius: 0 !important;
margin-right: 30px !important;
margin-bottom: 10px !important
}
.sh-mr-ameneties i.fas.fa-info-circle {
color: #000
}
button.sh-mr-ameneties.notranslate {
line-height: 18px;
}
.sh-mr-ameneties {
cursor: pointer;
}
@media (max-width:767px) {
.prty-bx button.sh-mr-ameneties {
padding: 0;
margin-bottom: 0;
height: auto;
width: auto;
position: relative;
bottom: 10px
}
}
/* View Aminites Button CSS E d */
/* Room Card Image Start */
.bnr-cls .img-glr img {
width: 100%;
height: 100%;
object-fit: cover;
}
.carousel-indicators {
display: none;
}
.img-glr .item a.sh-mr {
height: 320px;
display: block;
border: none
}
.img-glr .item a.sh-mr img.sh-mr-imageviewer {
height: 100%;
width: 100%;
object-fit: cover
}
.img-glr .item a img,
.img-glr .item img {
height: 100%;
object-fit: cover;
width: 100%
}
.pop-img-glr .item img {
height: 230px
}
.flag,
.img-glr {
display: inline-block
}
.img-glr,
.radioImg,
.radioImgBox {
position: relative
}
.img-glr {
background: #f0f0f0;
width: 100%;
/* height: 320px; */
cursor: pointer;
}
.img-glr .carousel.slide .carousel-inner .carousel-item .item a.sh-mr img {
height: 320px;
object-fit: cover;
max-height: 320px
}
.img-glr.prty-glry {
/* height: 320px */
}
.img-glr.prty-glry .carousel.slide .carousel-inner img {
height: 320px;
width: 100%;
object-fit: cover;
max-height: 320px;
margin-top: 0;
}
.img-glr .styles-module_wrapper__1I_qj.react-simple-image-viewer__modal {
z-index: 9999
}
.multipleImage-clone {
line-height: 14px;
height: 30px;
}
.multipleImage-clone {
bottom: 10px;
left: 10px;
background-color: #000;
padding: 7px;
border-radius: 5px;
cursor: pointer;
}
.multipleImage-clone i {
font-size: 16px;
color: #fff !important;
}
.img-glr .carousel-inner,
.img-glr .carousel-item {
height: 100%;
}
.multipleImage-clone {
line-height: 14px;
height: 30px;
}
.multipleImage-clone {
bottom: 10px;
left: 10px;
padding: 7px;
border-radius: 5px;
cursor: pointer;
z-index: 9;
background-color: #0000007d;
height: 25px;
width: 25px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width:991px) {
.img-glr .carousel.slide .carousel-inner .carousel-item .item a.sh-mr img {
height: 220px;
max-height: 220px
}
.img-glr .carousel.slide,
.img-glr.prty-glry {
height: 220px
}
}
@media (max-width:767px) {
.img-glr .carousel.slide .carousel-inner .carousel-item .item a.sh-mr img {
height: 250px;
max-height: 250px
}
.img-glr.prty-glry {
height: 220px
}
}
@media (max-width:480px) {
.img-glr .item a img,
.img-glr .item img {
height: 100%
}
}
/* Room Card Image End */
/* Room Ristriction CSS Start */
.adlt-cls,
.lst-rm,
.prt-cls-nm .raing,
.snd-title a span {
display: inline
}
.close,
.fclt-cls ul li i,
.lst-icon::before,
.lst-rm {
position: absolute
}
.lst-rm {
background: #e74a25;
border-radius: 2px;
color: #fff;
font-size: 12px;
padding: 4px 10px;
top: 5px;
left: 5px;
/* z-index: 0; */
border: 1px solid #d34321
}
.prty-bx.blur.sold-out .lst-rm {
z-index: 6
}
.searchWidget .checkinOut label,
.beWidget .form-group .widgetLabel,
.mbs-input-label,
.lst-rm,
button.sh-mr-ameneties.notranslate {
line-height: 18px;
}
@media only screen and (min-width:992px) and (max-width:1200px) {
.lst-rm {
padding: 4px 6px
}
}
/* Room Ristriction CSS Start */
/* Discount Ribbon CSS Start */
.discountImg {
display: inline-block
}
.discountImg .discImg {
position: relative
}
/* .discountImg {
margin-right: -9px;
position: absolute;
bottom: 0;
right: -12px;
} */
.discountImg .discImg {
position: relative;
}
.caRoomMain span.s-price-icon.discount-rate {
margin: 0;
min-height: 31px;
margin-right: 5px;
}
/* .discountImg .discImg .discNumber {
background: red;
padding: 7px 10px 7px 23px;
color: #fff;
line-height: normal;
position: relative;
display: inline-block;
clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 10% 50%, 0% 0%);
font-size: 16px;
} */
.discountImg.scrnNone {
display: none
}
.discountImg {
right: 0;
}
.discountImg .discImg {
position: relative
}
/* .pro-ifo.discRibbon {
padding-bottom: 45px;
} */
@media (max-width:575px) {
/* .discountImg {
position: absolute;
right: 0px;
top: 0;
margin: 0;
} */
.discountImg.mblNone {
/* display: none */
}
.discountImg.scrnNone {
display: inline-block
}
}
/* Discount Ribbon CSS End */
/* Rm- User Icons CSS Start */
.rm-icon .rm-icon-inner {
margin-right: 5px;
position: relative;
}
.rm-map,
.rm-rulers,
.rm-user {
background: #ebebeb;
padding: 3px 7px;
line-height: 20px;
border-radius: 3px;
}
/* Rm- User Icons CSS End */
.img-glr .position-relative.w-full {
background: #f0f0f0;
width: 100%;
height: 250px;
cursor: pointer;
display: block;
margin: 0;
}
.prty-bx .prty-dic.prty-dic-after {
border-top: 1px solid #ddd;
}
.prty-bx .prty-dic.prty-dic-after:nth-child(2) {
border-top: none;
}
.prty-dic {
padding: 15px 0;
}
.rate-paln-title .btn_info {
font-size: 14px;
}
.prty-dic select {
padding: 3.5px 15px 3.5px 7.5px;
height: 30.5px;
background-position: 85% 50%;
}
.prty-dic select {
width: 60px;
/* line-height: 10px; */
padding: 5px 20px 5px 8px;
border: 1px solid #dee2e6;
border-radius: 4px;
}
select.form-select {
font-size: 14px;
width: 60px;
}
.more-info {
font-size: 12px;
}
.more-info {
cursor: pointer;
}
.more-info {
font-weight: 300;
text-decoration: underline;
text-underline-offset: 4px;
/* font-size: 14px; */
}
.discount-rate .i-icon {
display: none !important;
}
/* Dropdown toggle button start */
.mobile-link-button-wrapper {
display: flex;
align-items: center;
}
@media (max-width: 575px) {
.img-glr {
background: transparent;
}
.prty-bx .prty-dic.prty-dic-after:nth-child(2) {
border-top: 1px solid #ddd;
}
}
.toggleInner-link {
position: absolute;
bottom: 0;
right: 0;
cursor: pointer;
width: 100%;
display: none;
z-index: 2;
max-width: fit-content;
background: #000000c4;
box-shadow: none;
margin: 0px 10px 10px 0px;
padding: 7px;
border-radius: 4px;
border: 1px solid #8b8b8b8a;
}
.toggleInner-link .old-price span {
text-decoration: line-through;
text-decoration-color: red;
}
.toggleInner-link .old-price {
font-size: 12px;
line-height: 10px;
}
.toggleInner-link .new-price {
font-size: 18px;
font-weight: 600;
display: inline-block;
width: 100%;
}
.toggleInner-link .new-price i {
font-size: 16px;
margin-left: 5px;
}
@media (max-width: 575px) {
.img-glr .toggleInner-link .include-text {
font-size: 12px;
display: block !important;
line-height: normal;
}
}
@media (max-width: 575px) {
.toggleInner-link {
display: block;
position: unset;
background: #000;
margin: 20px 0 0 auto;
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 575px) {
.prty-bx .sidecard-col-padding .prty-dic.prty-dic-after:first-child {
margin-top: 10px;
}
}
@media (max-width: 575px) {
.toggleInner-link .new-price {
font-size: 16px;
display: block;
line-height: normal;
}
}
.findAvailDates {
/* position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%); */
display: flex;
flex-direction: column;
align-items: center;
margin-top: 6px;
}
.findAvailDates .CheckAvailability {
padding: 5px 10px;
}
.CheckAvailability.ApplyBtnCustom {
z-index: 9;
background: #ebebeb;
border: 1px solid #ebebeb;
font-size: 14px;
}
.findAvailDates .CheckAvailability {
padding: 5px 10px;
}
@media (max-width: 575px) {
.cstm-prty-bx .findAvailDates.mobile-findAvailDates {
position: relative !important;
}
.cstm-prty-bx .findAvailDates.mobile-findAvailDates {
bottom: -40px;
transform: unset !important;
left: 0 !important;
right: 0 !important;
}
}
@media (max-width: 540px) {
.findAvailDates {
right: 0 !important;
left: 0 !important;
}
}
/* @media (max-width: 575px) {
.cstm-prty-bx .more-info.more-room-info {
position: absolute;
bottom: -50px;
}
} */
@media (max-width: 575px) {
.cstm-prty-bx.prty-bx {
padding-bottom: 60px;
}
}
.MaxGuest-Dflex.label-not-selected {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 10px;
max-width: 100% !important;
}
@media (max-width: 575px) {
.prty-bx h3 {
font-size: 20px;
font-weight: 500;
/* margin-bottom: 20px; */
}
}
@media (max-width: 575px) {
.roomtypeafter-rname .MaxGuest-Dflex {
justify-content: space-between;
}
}
@media (max-width: 575px) {
.MaxGuest-Dflex {
width: 100%;
display: flex;
align-items: center;
}
}
@media (max-width: 991px) {
.MaxGuest-Dflex h3 {
margin-top: 0 !important;
}
}
.btn-viewAllRooms.bkrm {
margin: 10px 5px 20px;
padding: 5px 10px;
width: auto !important;
}
.main-bx button.bkrm {
/* margin: 10px 5px 20px; */
padding: 5px 10px;
width: auto;
}
/* Price Break Down CSS Start */
/* .PriceBreakdown-DayWiseRateData {
display: none;
} */
.prty-dic.prty-dic-after .sml-prc.tabPriceNone span.caret-icon:hover .PriceBreakdown-DayWiseRateData {
/* bottom: unset;
display: block;
left: auto !important; */
/* left: 0; */
/* margin: auto;
position: absolute;
right: 0;
top: 100%;
z-index: 9; */
}
/* .PriceBreakdown-DayWiseRateData {
font-weight: 400 !important;
} */
/* .fa-caret-right:hover+.PriceBreakdown-DayWiseRateData {
bottom: 0;
left: auto !important;
margin: auto;
right: -235px;
top: auto;
} */
.sml-prc .PriceBreakdown-DayWiseRateData span {
/* background: #000;
width: 100%;
color: #fff; */
/* line-height: .5; */
/* padding: 10px 10px;
margin: 0;
text-align: left; */
}
/* .PriceBreakdown-DayWiseRateData {
background-color: #f7f7f7;
padding: 5px;
font-size: 14px;
width: 235px;
max-width: 235px;
box-shadow: 1px 1px 5px #c6c6c6;
text-align: left;
} */
/* .prty-dic.prty-dic-after .sml-prc .PriceBreakdown-DayWiseRateData span {
text-align: left;
} */
/* .sml-prc .PriceBreakdown-DayWiseRateData span {
background: #000;
width: 100%;
color: #fff;
padding: 10px 10px;
margin: 0;
text-align: left;
} */
.sml-prc span {
font-size: 11px;
}
.sml-prc span {
float: left;
font-weight: 600;
}
.sml-prc span {
text-align: right;
float: none;
width: 100%;
display: block;
}
.sml-prc span {
font-size: 11px;
position: relative;
}
/*
.PriceBreakdown-DayWiseRateData table.table {
background: #fff;
}
.PriceBreakdown-DayWiseRateData table {
margin-bottom: 0;
}
.PriceBreakdown-DayWiseRateData table {
font-size: 12px;
}
.PriceBreakdown-DayWiseRateData table.table thead tr th {
padding-top: 7px;
}
.PriceBreakdown-DayWiseRateData table.table td,
.PriceBreakdown-DayWiseRateData table.table th {
border: none;
padding: 3px 5px;
} */
tr.daywise-total td {
font-size: 13px;
font-weight: 600;
}
.priceBreakDiscount {
color: red !important;
}
@media only screen and (min-width: 576px) and (max-width: 991px) {
/* .bookingInfo .fa-caret-right:hover+.PriceBreakdown-DayWiseRateData {
min-height: fit-content;
top: 155px;
} */
.sml-prc span {
/* float: unset !important; */
font-weight: 400 !important;
}
/* .bookingInfo .fa-caret-right:hover+.PriceBreakdown-DayWiseRateData {
left: auto;
right: 0;
top: 75px;
} */
}
@media (max-width: 991px) {
/* .bookingInfo .fa-caret-right:hover+.PriceBreakdown-DayWiseRateData {
min-height: fit-content;
top: 155px;
left: auto;
right: 0;
} */
}
@media screen and (max-width: 991px) {
/* .prty-dic.prty-dic-after .sml-prc.tabPriceNone span.caret-icon:hover .PriceBreakdown-DayWiseRateData {
left: unset;
right: 0;
}
.prty-dic.prty-dic-after .sml-prc.tabPriceNone span.caret-icon:hover .PriceBreakdown-DayWiseRateData {
left: unset;
right: 0;
top: 100%;
} */
}
/* Price Break Down CSS End */
/* Package Name CSS Start */
.pckg_nme {
min-height: auto !important;
}
.pckg_nme {
display: flex;
align-items: center;
min-height: 60px;
}
.caRoomMain .info button.btn_info {
font-weight: 400;
}
.info button.btn_info {
margin-bottom: 4px;
}
.info button.btn_info {
font-weight: 500;
}
.info button.btn_info {
text-align: left;
}
.rate-paln-title .btn_info {
/* font-size: 16px; */
}
.btn_info {
display: block;
line-height: normal;
margin-bottom: 10px;
font-size: 18px;
}
.btn_info {
background: 0 0 !important;
border: none !important;
}
.more-info {
cursor: pointer;
}
.more-info {
font-size: 12px;
}
.more-info {
/* font-weight: 300; */
/* font-size: 14px; */
text-decoration: underline;
text-underline-offset: 4px;
}
.caRoomSelected .more-info svg {
margin-left: 8px;
}
/* Package Name CSS End */
/* Rate price CSS Start */
.pckg_nme.csPackageName {
display: flex;
justify-content: center;
}
.pckg_nme.csPackageName {
display: block;
}
.prty-dic.prty-dic-after .sml-prc {
position: relative;
padding-right: 15px;
}
.sml-prc.tabPriceNone {
width: 100%;
}
.sml-prc {
font-size: 17px;
color: #000;
padding-right: 15px;
position: relative;
}
.tabPriceNone,
.mblCurBtn .mblCurPrice {
position: relative;
cursor: pointer;
}
.prty-dic.prty-dic-after .sml-prc.tabPriceNone h4.discount-rate {
cursor: pointer;
display: inline-block;
width: auto;
}
.sml-prc.tabPriceNone h4.discount-rate {
cursor: pointer;
display: inline-block;
width: auto;
}
.prty-dic.prty-dic-after h4.discount-rate {
margin: 5px 0px 0px 0px;
}
h4.discount-rate {
margin-bottom: 0;
line-height: 14px;
}
h4.discount-rate {
text-decoration-line: line-through;
text-decoration-color: red;
text-decoration-style: 2px solid;
font-size: 13px;
white-space: nowrap;
}
.prty-dic.prty-dic-after .sml-prc.tabPriceNone h4.discount-rate span.i-icon {
align-items: center;
display: flex;
height: 15px;
justify-content: center;
margin: 0;
padding: 0;
width: 15px;
}
.prty-dic.prty-dic-after .sml-prc.tabPriceNone h4.discount-rate .i-icon {
display: block;
float: left;
height: auto;
position: relative;
width: auto;
}
.sml-prc.tabPriceNone h4.discount-rate span.i-icon {
align-items: center;
display: flex;
height: 15px;
justify-content: center;
margin: 0;
padding: 0;
width: 15px;
}
.sml-prc span {
font-size: 11px;
}
.modal_custmHead,
.sml-prc h5 {
margin: 0;
}
.sml-prc,
.va-dialog-main-wrapper,
.be-widgetWrap .form-group.guestsearchTxt-desktop {
line-height: normal;
}
.prty-dic.prty-dic-after .sml-prc.tabPriceNone span.caret-icon {
align-items: center;
bottom: 0;
clear: both;
cursor: pointer;
display: flex;
justify-content: right;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 15px;
}
.prty-dic.prty-dic-after .sml-prc.tabPriceNone>span {
display: inline-block;
margin: 5px 0 0;
padding: 0;
width: 100%;
}
.pckg_nme .sml-prc>span {
padding-bottom: 0;
margin-bottom: 0;
line-height: 15px;
}
.sml-prc span {
font-size: 11px;
}
.caret-icon i.fas.fa-caret-right {
font-size: 15px;
}
.sml-prc .fa-caret-right {
align-items: center;
bottom: 0;
clear: both;
display: flex;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
justify-content: center;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
/* Rate price CSS End */
.main-bx button.bkrm {
/* margin: 10px 5px 20px; */
padding: 5px 10px;
width: auto;
}
.bkrm {
border-radius: 4px;
color: #fff;
font-size: 14px;
/* padding: 10px 20px; */
transition: .35s;
/* width: 100% !important; */
}
@media (max-width: 991px) {
.rate-plan-btn .tabBookNowBtn {
max-width: 170px;
margin: 0;
width: 100% !important;
}
}
.discountImg .discImg .discNumber {
background: red;
color: #fff;
line-height: normal;
position: relative;
display: inline-block;
clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0% 100%, 0% 10%, 0% 0%);
font-size: 12px;
font-weight: 600;
padding: 8px 25px 8px 10px;
margin: 0;
}
.prty-dic.prty-dic-after {
width: 100%;
}
.prt-dic-otr,
.prty-dic,
.rsv-btn,
.srch-cls {
display: inline-block;
}
.pro-ifo.discRibbon {
padding-bottom: 5px;
}
.prty-dic>.row {
margin: 0;
}
.prty-dic-after div.caRoomMain div.row {
padding: 0;
}
.DisablePrice {
opacity: 0.55;
pointer-events: none;
}
@media all and (min-width:768px) {
.be-widgetWrap {
position: sticky;
/* top: 60px; */
z-index: 12;
}
}
/* @media (max-width: 575px) {
.discountImg .discImg .discNumber {
clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 10% 50%, 0% 0%);
padding: 8px 10px 8px 20px;
position: absolute;
right: 0;
z-index: 1;
}
} */
@media (max-width: 575px) {
.pro-cd-wrapper .discountImg .discImg .discNumber {
position: unset;
}
}
.roomDes p {
width: auto !important;
}
.ReadMore-ReadLess-Span p {
display: contents;
}
@media (max-width: 991px) {
.prty-dic .caRoomMain,
.prty-dic .guestsSize {
margin-bottom: 15px;
}
}
.dps-labels,
.row > .dps-labels {
display: flex;
flex-wrap: wrap;
align-items: center;
align-self: flex-start;
gap: 6px;
width: auto;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding: 0;
}
.row > .dps-labels {
flex: 0 0 100%;
width: 100%;
}
.dps-labels .dps-label {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 4px 10px;
border: 1px solid #f3b38a;
border-radius: 3px;
background-color: #ffffff;
color: #111111;
line-height: 20px;
white-space: nowrap;
}
.dps-labels .dps-label svg {
flex-shrink: 0;
color: #eab940 !important;
}
.dps-labels .dps-label svg path {
fill: #eab940 !important;
}
.dps-labels > .rm-icon-inner.rm-meal {
margin: 0 !important;
}
.display-bothDisc, .display-bothDisc span {
background: #ff0000 !important;
color: #ffffff !important;
}
.form-select {
font-size: 14px;
border: 1px solid #dee2e6;
border-radius: 4px;
width: 60px;
height: 30.5px;
padding: 3.5px 15px 3.5px 7.5px;
/* background-position: 85% 50%; */
background-color: #fff;
}
.select-bg {
background-color: #ebebeb !important;
}
a.sh-mr-ameneties.notranslate, div.sh-mr-ameneties.notranslate, .prt-bnt-cls .sh-mr-ameneties:hover, .sh-mr-ameneties, .more-info, .more-info * {
color: #009900 !important;
}
.rsv-btn .bkrm, .rate-plan-btn .bkrm, .bkrm.confirm-booking, .completeBtn , .toggleInner-link {
background: #e3b419 !important;
color: #fff !important;
border: 1px solid #fff !important;
}
.paymentItem:hover , .rsv-btn .bkrm, .bkrm.confirm-booking {
background: #e3b419 !important;
color: #fff !important;
border: 1px solid #fff !important;
}
.more-info svg path {
fill: #009900 !important;
}
.prty-bx, .sml-prc,.guestRateTable,.fa-male, .fa-child.child-icon {
background-color: #ffffff !important;
color: #000000 !important;
}
.fa-male, .fa-child.child-icon {
background-color: transparent !important;
}
/* Font Size Css */
.fs20 {
font-size: 20px !important
}
.fs18 {
font-size: 18px !important
}
.fs16 {
font-size: 16px !important
}
.fs14 {
font-size: 14px !important
}
.fs12 {
font-size: 12px !important
}
.fs10 {
font-size: 10px !important
}
.fw300 {
font-weight: 300 !important
}
.fw400 {
font-weight: 400 !important
}
.fw500 {
font-weight: 500 !important
}
.fw700 {
font-weight: 700 !important
}
.row {
margin-left: -7.5px;
margin-right: -7.5px;
}
/* Font Size CSS */
/* Room Description CSS Start */
.main-bx .pro-ifo .ReadMore-ReadLess-Span p {
margin-bottom: 0px;
}
.main-bx .pro-ifo .ReadMore-ReadLess-Span p,
.main-bx .pro-ifo .view-ameneties {
display: inline-block;
width: 100%;
}
.cost,
.pro-ifo p,
.prty-cls-inr p {
font-size: 12px;
line-height: 24px;
overflow-wrap: break-word;
margin-bottom: 0;
}
/* Room Description CSS End */
/* Room Name & Icons CSS Start */
.sidecard-col-padding {
padding-left: 7.5px;
/* padding-right: 7.5px; */
}
.pro-ifo .borderBottom {
border-bottom: 1px solid rgba(0, 0, 0, .1);
margin-bottom: 5px !important;
padding-bottom: 5px
}
.adt-chld .adlt-cls span.adlt-img,
.ht-dl i,
.pro-ifo .mobile-none,
.sml-prc h5 {
font-size: 18px
}
.roomtypeafter-rname .mobile-none,
.selectWrapperInside .form-select {
width: 100%
}
.MaxGuest-Dflex .mobile-none {
display: contents
}
.MaxGuest-Dflex .roomtypeafter-h3 {
width: fit-content;
font-size: 16px
}
.roomtypeafter-h3.label-not-Selected {
max-width: 100%
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
.pro-ifo.discRibbon .mobile-none {
margin-top: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.pro-ifo.discRibbon {
margin-top: 0;
}
.pro-ifo.discRibbon .mobile-none {
/* margin-top: 10px; */
}
}
@media (max-width: 991px) {
.pro-ifo.discRibbon .mobile-none {
margin-top: 12px;
}
}
@media (max-width:767px) {
.pro-ifo.discRibbon .mobile-none {
margin-top: 12px;
}
}
@media (max-width:575px) {
.mobile-none {
display: none
}
}
/* Room Name & Icons CSS End */
#carousel-example-generic .carousel-indicators,
iscount-rate-t #pop-img-glr .carousel-indicators,
.Adult label.adultValue,
.Child label.ChildValue,
.addon-icon-hover-desc,
/* .crd-info.p-3 .row:last-of-type+span.separator, */
.currencyDropdown-sm,
.desktop-none,
.dropdown .dropdown,
.falsehideRooms,
.hideRooms,
.info-desc,
.mobileVisible_pricedetails,
.prty-bx.display_none,
.rdrDateDisplay,
.rdrDefinedRangesWrapper,
.reserve-tax-desc,
.selected-sm,
.sidebar-language,
.tabClosed .inc-div,
.ui-datepicker-trigger,
button.ratePname-guuestdetails,
header.sc-iqzUVk.bIaxNR,
label.sc-iRbamj.dmTruq,
span.calender-icon svg,
span.rdrMonthAndYearPickers {
display: none
}
.prty-bx {
background: #fff;
border-radius: 10px;
margin-bottom: 10px;
padding: 20px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.addon-reserve,
.adt-chld,
.crd-head,
.iconText,
.pro-ifo,
.prt-dic-otr,
.prty-bx.blur.sold-out,
.rm-lst-cnt {
position: relative
}
.srh-rgt .prty-bx .srch-cls,
.totalwrap {
box-shadow: 0 5px 4px -2px rgb(35 41 44 / 12%)
}
.prty-bx.blur.sold-out span.sldOut-txt {
position: absolute;
left: 0;
right: 0;
text-align: center;
width: 100%;
top: 0;
transform: inherit;
z-index: 9;
height: 100%;
align-items: center;
display: flex;
justify-content: center;
font-weight: 600;
background: rgba(255, 255, 255, .45);
font-size: 35px
}
.prty-bx.blur.sold-out .lst-rm {
z-index: 6
}
.prty-bx .p-3 form {
padding: 0;
margin: 0
}
.prty-bx .form-control,
.prty-bx .p-3 form .form-control {
height: 40px;
box-shadow: none;
border: 1px solid #ddd;
border-radius: 2px
}
.srh-rgt .prty-bx {
background: 0 0;
border: none !important;
box-shadow: none !important
}
.srh-rgt .prty-bx .srch-cls {
border: none !important;
padding: 0
}
.srh-rgt .prty-bx .g-total,
.srh-rgt .prty-bx .g-total+.crd-info {
box-shadow: 0 5px 4px -2px rgb(35 41 44 / 12%);
padding: 15px;
background: #fff
}
.srh-rgt .prty-bx .g-total {
border: 0
}
.srh-rgt .prty-bx .g-total+.crd-info {
margin-bottom: 10px;
border-radius: 4px
}
.srh-rgt .prty-bx .srch-cls .rs-rm-dtl {
margin-top: 4px;
padding: 10px 15px 0
}
.srh-rgt .prty-bx .srch-cls .rs-rm-dtl:last-of-type {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0
}
.srh-rgt .prty-bx .g-total .g-total-inner {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #fff
}
.srh-rgt .prty-bx .srch-cls .rs-rm-dtl h3 {
font-size: 18px;
font-weight: 400;
color: #2a2d32;
margin-bottom: 0;
word-break: break-word
}
.srh-rgt .prty-bx .srch-cls .rs-rm-dtl .adt-chld {
justify-content: flex-start
}
.srh-rgt .prty-bx .srch-cls .rs-rm-dtl .adt-chld div {
font-size: 12px;
color: #b2b2b2
}
.srh-rgt .prty-bx .srch-cls .rs-rm-dtl .adt-chld .chld-nbr {
padding-left: 12px;
position: relative
}
.srh-rgt .prty-bx .srch-cls .rs-rm-dtl .adt-chld .chld-nbr::before {
content: "";
position: absolute;
width: 1px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(129, 127, 127, 0) .01%, rgba(129, 127, 127, .47) 52.6%, rgba(129, 127, 127, 0) 100%);
height: 20px;
margin: 0 6px;
display: flex;
align-self: center;
left: -5px
}
.srh-rgt .prty-bx .g-total::after,
.srh-rgt .prty-bx .g-total::before {
top: -15px;
width: 30px;
height: 30px;
border-radius: 50%;
background: #ddd;
position: absolute;
content: ""
}
.srh-rgt .prty-bx .g-total {
border-top: 1px dashed #151515;
margin-top: 10px !important;
padding-top: 15px !important;
position: relative;
border-radius: 0 0 4px 4px;
width: calc(100% - 20px) !important
}
.srh-rgt .prty-bx .g-total::after {
left: -30px
}
.srh-rgt .prty-bx .g-total::before {
right: -30px
}
.prty-bx .chn-cho {
height: auto !important
}
/* .home-prty-bx {
position: sticky;
top: 72px
} */
.main-room-card-padding {
padding-right: 7.5px;
/* padding-left: 7.5px; */
}
.roomtypeafter-rname .mobile-none,
.selectWrapperInside .form-select {
width: 100%
}
.MaxGuest-Dflex.label-not-selected {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 10px;
max-width: 100% !important;
}
.MaxGuest-Dflex {
display: flex !important;
}
.MaxGuest-Dflex {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 10px;
justify-content: space-between;
}
.MaxGuest-Dflex.label-not-selected {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 10px;
max-width: 100% !important
}
@media (max-width:575px) {
.prty-bx h3 {
font-size: 20px;
font-weight: 500;
margin-bottom: 0;
/* margin-bottom: 20px */
}
.roomtypeafter-rname.desktop-none {
width: fit-content;
font-size: 14px;
display: flex !important;
justify-content: space-between;
width: 100%
}
.roomtypeafter-rname .MaxGuest-Dflex {
justify-content: space-between
}
}
@media (max-width:767px) {
.prty-bx button.sh-mr-ameneties {
padding: 0;
margin-bottom: 0;
height: auto;
width: auto;
position: relative;
bottom: 10px
}
.prty-bx.blur {
padding-bottom: 50px
}
.prty-bx .chn-cho {
padding: 0 7px 0 7px
}
}
@media screen and (max-width: 991px) {
.roomFlex {
justify-content: flex-start;
}
}
@media (max-width:320px) {
.roomtypeafter-rname .desktop-none {
flex-direction: column;
width: 100%;
align-items: flex-start
}
.roomtypeafter-rname.desktop-none {
flex-direction: column
}
}
/* Icons CSS Start */
.rm-icon {
display: inline-flex;
justify-content: center;
align-items: center;
/* margin-left: 20px; */
width: auto
}
.rm-icon .rm-icon-inner {
margin-right: 5px;
position: relative
}
.rm-icon .rm-icon-inner i {
font-size: 15px;
/* color: var(--bs-body-color) */
}
.rm-icon-inner.rm-map:hover .map-tooltip,
.rm-icon-inner.rm-user:hover .adlt-tooltip {
display: block
}
.rm-icon-inner.rm-user:hover .adlt-tooltip-bottom {
display: block
}
.rm-icon-inner.rm-bed:hover .bed-tooltip {
display: block
}
.rm-icon-inner.rm-rulers:hover .rulers-tooltip {
display: block
}
.rm-icon-inner.rm-user span {
color: #000;
margin-right: 5px;
font-size: 14px
}
.rm-icon {
float: right
}
.rm-icon-inner.rm-bed {
padding: 0;
}
.rm-icon-inner.rm-map {
border: none
}
.MaxGuest-Dflex .rm-icon {
float: unset !important;
margin-left: auto
}
.MaxGuest-Dflex .rm-icon {
font-weight: 400
}
.rm-icon-inner.rm-user span,
.rulers-tooltip span {
line-height: normal;
}
.rm-icon-inner {
margin-right: 0;
}
.rm-icon-inner i {
font-size: 19.2px;
}
.complete-booking-section .rm-icon-inner {
margin-right: 0;
}
@media (max-width:575px) {
.MaxGuest-Dflex .rm-icon {
margin: 3px 0
}
}
@media (max-width:320px) {
.rm-icon {
margin-left: 0;
justify-content: flex-start
}
}
/* Icons CSS End */
/* View Aminites Button CSS Start */
.pro-ifo button.sh-mr-ameneties,
.sh-mr-ameneties,
.wdgtWrapp .be-widgetWrap .beWidget .submit-button,
button.sh-mr-compare-package.notranslate {
padding: 0
}
button.sh-mr-ameneties.notranslate,
button.sh-mr-compare-package.notranslate {
background: 0 0;
border: none;
color: #207cfa;
border-bottom: 1px dashed;
font-size: small
}
.sold-out button.sh-mr-ameneties.notranslate,
.sold-out button.sh-mr-compare-package.notranslate,
.sold-out img.sh-mr-imageviewer {
cursor: not-allowed;
pointer-events: none
}
a.sh-mr-ameneties.notranslate.AddonDesc {
margin-left: 5px;
cursor: pointer;
color: #000
}
.prt-bnt-cls .sh-mr-ameneties,
.prt-bnt-cls .sh-mr-ameneties:hover {
background: 0 0 !important;
border: none !important;
font-size: small;
color: #090 !important;
padding: 0 !important;
border-radius: 0 !important;
margin-right: 30px !important;
margin-bottom: 10px !important
}
.sh-mr-ameneties i.fas.fa-info-circle {
color: #000
}
button.sh-mr-ameneties.notranslate {
line-height: 18px;
}
.sh-mr-ameneties {
cursor: pointer;
}
@media (max-width:767px) {
.prty-bx button.sh-mr-ameneties {
padding: 0;
margin-bottom: 0;
height: auto;
width: auto;
position: relative;
bottom: 10px
}
}
/* View Aminites Button CSS E d */
/* Room Card Image Start */
.bnr-cls .img-glr img {
width: 100%;
height: 100%;
object-fit: cover;
}
.carousel-indicators {
display: none;
}
.img-glr .item a.sh-mr {
height: 320px;
display: block;
border: none
}
.img-glr .item a.sh-mr img.sh-mr-imageviewer {
height: 100%;
width: 100%;
object-fit: cover
}
.img-glr .item a img,
.img-glr .item img {
height: 100%;
object-fit: cover;
width: 100%
}
.pop-img-glr .item img {
height: 230px
}
.flag,
.img-glr {
display: inline-block
}
.img-glr,
.radioImg,
.radioImgBox {
position: relative
}
.img-glr {
background: #f0f0f0;
width: 100%;
/* height: 320px; */
cursor: pointer;
}
.img-glr .carousel.slide .carousel-inner .carousel-item .item a.sh-mr img {
height: 320px;
object-fit: cover;
max-height: 320px
}
.img-glr.prty-glry {
/* height: 320px */
}
.img-glr.prty-glry .carousel.slide .carousel-inner img {
height: 320px;
width: 100%;
object-fit: cover;
max-height: 320px;
margin-top: 0;
}
.img-glr .styles-module_wrapper__1I_qj.react-simple-image-viewer__modal {
z-index: 9999
}
.multipleImage-clone {
line-height: 14px;
height: 30px;
}
.multipleImage-clone {
bottom: 10px;
left: 10px;
background-color: #000;
padding: 7px;
border-radius: 5px;
cursor: pointer;
}
.multipleImage-clone i {
font-size: 16px;
color: #fff !important;
}
.img-glr .carousel-inner,
.img-glr .carousel-item {
height: 100%;
}
.multipleImage-clone {
line-height: 14px;
height: 30px;
}
.multipleImage-clone {
bottom: 10px;
left: 10px;
padding: 7px;
border-radius: 5px;
cursor: pointer;
z-index: 9;
background-color: #0000007d;
height: 25px;
width: 25px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width:991px) {
.img-glr .carousel.slide .carousel-inner .carousel-item .item a.sh-mr img {
height: 220px;
max-height: 220px
}
.img-glr .carousel.slide,
.img-glr.prty-glry {
height: 220px
}
}
@media (max-width:767px) {
.img-glr .carousel.slide .carousel-inner .carousel-item .item a.sh-mr img {
height: 250px;
max-height: 250px
}
.img-glr.prty-glry {
height: 220px
}
}
@media (max-width:480px) {
.img-glr .item a img,
.img-glr .item img {
height: 100%
}
}
/* Room Card Image End */
/* Room Ristriction CSS Start */
.adlt-cls,
.lst-rm,
.prt-cls-nm .raing,
.snd-title a span {
display: inline
}
.close,
.fclt-cls ul li i,
.lst-icon::before,
.lst-rm {
position: absolute
}
.lst-rm {
background: #e74a25;
border-radius: 2px;
color: #fff;
font-size: 12px;
padding: 4px 10px;
top: 5px;
left: 5px;
/* z-index: 0; */
border: 1px solid #d34321
}
.prty-bx.blur.sold-out .lst-rm {
z-index: 6
}
.searchWidget .checkinOut label,
.beWidget .form-group .widgetLabel,
.mbs-input-label,
.lst-rm,
button.sh-mr-ameneties.notranslate {
line-height: 18px;
}
@media only screen and (min-width:992px) and (max-width:1200px) {
.lst-rm {
padding: 4px 6px
}
}
/* Room Ristriction CSS Start */
/* Discount Ribbon CSS Start */
.discountImg {
display: inline-block
}
.discountImg .discImg {
position: relative
}
/* .discountImg {
margin-right: -9px;
position: absolute;
bottom: 0;
right: -12px;
} */
.discountImg .discImg {
position: relative;
}
.caRoomMain span.s-price-icon.discount-rate {
margin: 0;
min-height: 31px;
margin-right: 5px;
}
/* .discountImg .discImg .discNumber {
background: red;
padding: 7px 10px 7px 23px;
color: #fff;
line-height: normal;
position: relative;
display: inline-block;
clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 10% 50%, 0% 0%);
font-size: 16px;
} */
.discountImg.scrnNone {
display: none
}
.discountImg {
right: 0;
}
.discountImg .discImg {
position: relative
}
/* .pro-ifo.discRibbon {
padding-bottom: 45px;
} */
@media (max-width:575px) {
/* .discountImg {
position: absolute;
right: 0px;
top: 0;
margin: 0;
} */
.discountImg.mblNone {
/* display: none */
}
.discountImg.scrnNone {
display: inline-block
}
}
/* Discount Ribbon CSS End */
/* Rm- User Icons CSS Start */
.rm-icon .rm-icon-inner {
margin-right: 5px;
position: relative;
}
.rm-map,
.rm-rulers,
.rm-user {
background: #ebebeb;
padding: 3px 7px;
line-height: 20px;
border-radius: 3px;
}
/* Rm- User Icons CSS End */
.img-glr .position-relative.w-full {
background: #f0f0f0;
width: 100%;
height: 250px;
cursor: pointer;
display: block;
margin: 0;
}
.prty-bx .prty-dic.prty-dic-after {
border-top: 1px solid #ddd;
}
.prty-bx .prty-dic.prty-dic-after:nth-child(2) {
border-top: none;
}
.prty-dic {
padding: 15px 0;
}
.rate-paln-title .btn_info {
font-size: 14px;
}
.prty-dic select {
padding: 3.5px 15px 3.5px 7.5px;
height: 30.5px;
background-position: 85% 50%;
}
.prty-dic select {
width: 60px;
/* line-height: 10px; */
padding: 5px 20px 5px 8px;
border: 1px solid #dee2e6;
border-radius: 4px;
}
select.form-select {
font-size: 14px;
width: 60px;
}
.more-info {
font-size: 12px;
}
.more-info {
cursor: pointer;
}
.more-info {
font-weight: 300;
/* font-size: 14px; */
}
.discount-rate .i-icon {
display: none !important;
}
/* Dropdown toggle button start */
.mobile-link-button-wrapper {
display: flex;
align-items: center;
}
@media (max-width: 575px) {
.img-glr {
background: transparent;
}
}
.toggleInner-link {
position: absolute;
bottom: 0;
right: 0;
cursor: pointer;
width: 100%;
display: none;
z-index: 2;
max-width: fit-content;
background: #000000c4;
box-shadow: none;
margin: 0px 10px 10px 0px;
padding: 7px;
border-radius: 4px;
border: 1px solid #8b8b8b8a;
}
.toggleInner-link .old-price span {
text-decoration: line-through;
text-decoration-color: red;
}
.toggleInner-link .old-price {
font-size: 12px;
line-height: 10px;
}
.toggleInner-link .new-price {
font-size: 18px;
font-weight: 600;
display: inline-block;
width: 100%;
}
.toggleInner-link .new-price i {
font-size: 16px;
margin-left: 5px;
}
@media (max-width: 575px) {
.img-glr .toggleInner-link .include-text {
font-size: 12px;
display: block !important;
line-height: normal;
}
}
@media (max-width: 575px) {
.toggleInner-link {
display: block;
position: unset;
background: #000;
margin: 20px 0 0 auto;
padding-left: 20px;
padding-right: 20px;
}
.prty-bx .prty-dic.prty-dic-after:nth-child(2) {
border-top: 1px solid #ddd;
}
}
@media (max-width: 575px) {
.prty-bx .sidecard-col-padding .prty-dic.prty-dic-after:first-child {
margin-top: 10px;
}
}
@media (max-width: 575px) {
.toggleInner-link .new-price {
font-size: 16px;
display: block;
line-height: normal;
}
}
.findAvailDates {
/* position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%); */
display: flex;
flex-direction: column;
align-items: center;
margin-top: 6px;
}
.findAvailDates .CheckAvailability {
padding: 5px 10px;
}
.CheckAvailability.ApplyBtnCustom {
z-index: 9;
background: #ebebeb;
border: 1px solid #ebebeb;
font-size: 14px;
}
.findAvailDates .CheckAvailability {
padding: 5px 10px;
}
@media (max-width: 575px) {
.cstm-prty-bx .findAvailDates .CheckAvailability {
position: absolute;
right: 0;
bottom: -12px;
}
.cstm-prty-bx .findAvailDates.mobile-findAvailDates {
position: relative !important;
}
.cstm-prty-bx .findAvailDates.mobile-findAvailDates {
bottom: -40px;
transform: unset !important;
left: 0 !important;
right: 0 !important;
}
}
@media (max-width: 540px) {
.findAvailDates {
right: 0 !important;
left: 0 !important;
}
}
/* @media (max-width: 575px) {
.cstm-prty-bx .more-info.more-room-info {
position: absolute;
bottom: -50px;
}
} */
@media (max-width: 575px) {
.cstm-prty-bx.prty-bx {
padding-bottom: 60px;
}
}
.MaxGuest-Dflex.label-not-selected {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 10px;
max-width: 100% !important;
}
@media (max-width: 575px) {
.prty-bx h3 {
font-size: 20px;
font-weight: 500;
/* margin-bottom: 20px; */
}
}
@media (max-width: 575px) {
.roomtypeafter-rname .MaxGuest-Dflex {
justify-content: space-between;
}
}
@media (max-width: 575px) {
.MaxGuest-Dflex {
width: 100%;
display: flex;
align-items: center;
}
}
@media (max-width: 991px) {
.MaxGuest-Dflex h3 {
margin-top: 0 !important;
}
}
.btn-viewAllRooms.bkrm {
margin: 10px 5px 20px;
padding: 5px 10px;
width: auto !important;
}
.main-bx button.bkrm {
/* margin: 10px 5px 20px; */
padding: 5px 10px;
width: auto;
}
/* Day Use Tooltip - matches SavingDropdown styling */
.dayUseTooltip.tooltip .tooltip-inner {
background-color: #fff;
color: #000;
font-size: 12px;
font-weight: 400;
padding: 10px;
border-radius: 5px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
text-transform: capitalize;
text-align: left;
max-width: 200px;
}
.dayUseTooltip.show {
opacity: 1 !important;
z-index: 999999 !important;
}
.dayUseTooltip.tooltip .tooltip-arrow::before {
border-top-color: #fff;
border-bottom-color: #fff;
}
.display-bothDisc, .display-bothDisc span {
background: #ff0000 !important;
color: #ffffff !important;
}
a.sh-mr-ameneties.notranslate, div.sh-mr-ameneties.notranslate, .prt-bnt-cls .sh-mr-ameneties:hover, .sh-mr-ameneties, .more-info, .more-info * {
color: #009900 !important;
}
.rsv-btn .bkrm, .rate-plan-btn .bkrm, .bkrm.confirm-booking, .completeBtn , .toggleInner-link {
background: #e3b419 !important;
color: #fff !important;
border: 1px solid #fff !important;
}
.paymentItem:hover , .rsv-btn .bkrm, .bkrm.confirm-booking {
background: #e3b419 !important;
color: #fff !important;
border: 1px solid #fff !important;
}
.more-info svg path {
fill: #009900 !important;
}
.prty-bx, .sml-prc,.guestRateTable,.fa-male, .fa-child.child-icon {
background-color: #ffffff !important;
color: #000000 !important;
}
.fa-male, .fa-child.child-icon {
background-color: transparent !important;
}
.display-bothDisc, .display-bothDisc span {
background: #ff0000 !important;
color: #ffffff !important;
}