:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--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-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-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--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;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.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%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.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%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;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{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.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-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.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;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.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:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.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;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-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)}}.app-bar{position:fixed}.toolbar{display:flex;justify-content:space-between;align-items:center}.title{margin-right:2rem;font-family:arial;font-weight:700;letter-spacing:.3rem;color:inherit;text-decoration:none}@media (max-width: 600px){.title{display:none}}.icon-button{display:flex}.icon{margin-right:1rem}.avatar-button{padding:0}.menu-item{text-align:center}.menuIcons{display:none}@media (max-width: 600px){.menuIcons{display:inline-flex}}.sidebarClass{padding:1rem;position:fixed;bottom:0;top:64px;border-right:2px solid #e5e7eb;width:250px;overflow-y:scroll}@media (max-width: 600px){.sidebarClass{z-index:1000;background-color:#e5e7eb;border-right:none}}.drawerClass{display:flex;flex-direction:column}.drawerItem{margin-top:4px;padding:.5rem 1rem;text-decoration:none;color:#000;border-radius:24px}.drawerItem.active{background-color:#4e9170;color:#fff}.drawerItem.active .icon{color:#fff}.drawerItem:hover{background-color:#69b18d;cursor:pointer;color:#fff}.drawerItem:hover .icon{color:#fff}.navItems{display:flex;align-items:center}.itemcaption{margin-left:1rem;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.groupcaption{margin-left:1rem;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.groupItems{display:grid;padding-left:15px}.groupItem{display:flex;margin-top:4px;padding:.5rem 1rem;text-decoration:none;color:#000;border-radius:24px;cursor:pointer;justify-content:start;align-items:center}.icon-button{display:none}@media (min-width: 768px){.icon-button{display:inline-flex;margin-left:auto}}.appClass{display:flex}.appClass .outletClass{margin:2rem;left:250px;top:65px;position:absolute}@media (max-width: 600px){.appClass .outletClass{margin:0;left:0}}.dashboardContainer{display:grid;grid-template-columns:9.5fr 2.5fr;grid-template-rows:repeat(8,auto);gap:10px}@media (max-width: 768px){.dashboardContainer{grid-template-columns:repeat(2,2fr)}}@media (max-width: 600px){.dashboardContainer{grid-template-columns:2fr;grid-template-rows:auto auto;margin-top:3rem}}@media (max-width: 500px){.dashboardContainer{grid-template-columns:2fr;grid-template-rows:auto auto}}.dashboardClass{overflow-y:auto;padding:1rem}.calendar-sidebar{background-color:#f5f5f5;padding:1rem;overflow-y:auto}@media (max-width: 600px){.calendar-sidebar{grid-row:2;width:100%}}.dashboardClass .block{margin-bottom:20px}.dashboardClass .block .rooms{display:flex;flex-wrap:wrap}.dashboardClass .block .rooms .roomDesign{width:8rem;height:8rem;border-radius:10px;border:1px solid #dddddd;margin:1rem;background-color:#a1ecd6;cursor:pointer}.dashboardClass .block .rooms .roomDesign.occupied{background-color:#f16d6d}.dashboardClass .block .rooms .roomDesign.pending-invoice{background-color:#71a1ce}.dashboardClass .block .rooms .roomDesign.room-dirty-false{background-color:orange}.dashboardClass .block .rooms .roomDesign .insideData{display:flex;flex-direction:column;justify-content:center;align-items:center;width:8rem;height:8rem}.dashboardClass .block .rooms .room-dirty{background-color:#f80}@media (max-width: 600px){.dashboardClass .block .rooms .roomDesign{flex-basis:calc(50% - 2rem);margin:.5rem}}.event-item{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #ccc}.statusLegend{display:flex;align-items:center;position:absolute;top:10px;right:10px;z-index:10;background-color:#f5f5f5;padding:5px 10px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-right:20rem}@media (max-width: 600px){.statusLegend{margin-top:10;margin-right:2rem}}.statusItem{display:flex;align-items:center;margin-right:16px;font-size:14px}.bullet{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:8px}.green{background-color:#a7efd5}.red{background-color:#e96670}.purple{background-color:#7a9fce}.orange{background-color:#f80}.statusItem:last-child{margin-right:0}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}@media (max-width: 600px){.checkinsBlocks{margin-top:15px}}.checkinsBlocks .searchBlocks{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:100%;margin-bottom:20px;padding:0 10px}@media (max-width: 600px){.checkinsBlocks .searchBlocks{flex-direction:column;align-items:stretch;width:30%}}.checkinsBlocks .MuiDatePicker-root{width:100%;margin-bottom:10px}@media (min-width: 601px){.checkinsBlocks .MuiDatePicker-root{width:auto;margin-bottom:0}}.checkinsBlocks .MuiButton-root{width:40%;margin-bottom:10px}@media (min-width: 601px){.checkinsBlocks .MuiButton-root{flex:0 0 15%;width:auto;margin-bottom:0}}.roomsClass{width:60vw;padding:1rem}.roomsClass .addRoles{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.roomsClass .addRoles button{height:40px}.roomsClass .roleTable{margin-top:2rem;display:grid;grid-template-columns:repeat(6,1fr);width:100%;text-align:left;padding:8px 0;align-items:center}.roomsClass .forBorderOnly{border-bottom:1px solid #ddd}.roomsClass .MuiDrawer-paper{padding:2rem}@media (max-width: 768px){.roomsClass{width:80vw}.roomsClass .roleTable{grid-template-columns:repeat(3,1fr);gap:.5rem}}@media (max-width: 600px){.roomsClass{width:95vw;padding:.5rem;margin-top:10px}.roomsClass .addRoles{flex-direction:column;align-items:flex-start;gap:1rem}.roomsClass .addRoles button{width:100%}.roomsClass .roleTable{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-top:1rem;padding:0}.roomsClass .roleTable .fieldName{font-size:.8rem;text-align:start}.roomsClass .forBorderOnly{margin-top:1rem}.roomsClass .MuiDrawer-paper{width:100%;padding:1rem}}.roomItems{display:grid;grid-template-columns:repeat(6,1fr);width:100%;text-align:left;padding:8px 0;border-bottom:1px solid #ddd}.roomItems .actionClass{position:relative}.roomItems .actionClass .actionBox{padding:4px;display:flex;width:6rem;border:1px solid #ddd;cursor:pointer;border-radius:4px}.roomItems .actionClass .actionBox .roleTable{margin-top:2rem;display:grid;grid-template-columns:repeat(6,1fr);width:100%;text-align:center;background-color:#f5f5f5;padding:8px 0}.roomItems .actionClass .actionBox .roleItems{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;padding:8px 0;border-bottom:1px solid #ddd}.roomItems .actionClass .actionBox .tableCell{text-align:center}.roomItems .actionClass .actionBox .actionClass{position:relative}.roomItems .actionClass .actionBox .actionClass .actionBox{padding:4px;display:flex;justify-content:center;align-items:center;border:1px solid #ddd;cursor:pointer;border-radius:4px}.roomItems .actionClass .actionBox .actionClass .actionBox:hover{background-color:#e7e7e7}.roomItems .actionClass .actionBox .actionClass .btns{position:absolute;z-index:1;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column}.roomItems .actionClass .actionBox .actionClass .btns .actionText{width:100%;padding:4px;text-align:center}.roomItems .actionClass .actionBox .actionClass .btns .actionText:hover{background-color:#ddd;cursor:pointer}.roomItems .actionClass .actionBox:hover{background-color:#e7e7e7}.roomItems .actionClass .btns{position:absolute;z-index:1;background-color:#fff;border:1px solid #ddd;border-radius:4px}.roomItems .actionClass .btns .actionText{width:10rem;padding:4px}.roomItems .actionClass .btns .actionText:hover{background-color:#ddd;cursor:pointer}.deleteModalBox .iconAndText{display:flex}.deleteModalBox .btns{display:flex;width:100%;justify-content:flex-end}.servicesClass{width:40vw}.servicesClass .addRoles{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.servicesClass .roleTable{margin-top:2rem;display:grid;grid-template-columns:repeat(4,1fr);width:100%;justify-content:space-between;text-align:left;align-items:center;font-weight:700}.servicesClass .forBorderOnly{border-bottom:1px solid #ddd;margin-bottom:1rem}@media (max-width: 600px){.servicesClass{width:90vw;padding:.5rem}.servicesClass .addRoles{flex-direction:column;align-items:stretch;gap:1rem;padding-left:15px}.servicesClass .addRoles button{width:100%}.servicesClass .roleTable{flex-direction:row;justify-content:space-around;margin-top:1rem;font-size:.5rem;padding-left:15px;padding-right:10rem}.servicesClass .fieldName2,.servicesClass .fieldName3{margin-left:40px}.servicesClass .roomItem{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-bottom:1px solid #ddd}}.servicesClass .forBorderOnly{margin-bottom:1rem}.MuiDrawer-paper{padding:2rem;width:80vw;max-width:600px}.serviceItems{width:100%;padding:8px 0;border-bottom:1px solid #ddd;display:grid;justify-content:space-between;text-align:center;grid-template-columns:repeat(4,1fr)}.serviceItems .serviceDetails{width:30%;font-size:1rem;text-align:center;overflow:visible;text-overflow:ellipsis;white-space:nowrap}.serviceItems .actionClass{position:relative;width:100%}.serviceItems .actionClass .actionBox{padding:4px;display:flex;align-items:center;justify-content:space-between;border:1px solid #ddd;cursor:pointer;border-radius:4px}.serviceItems .actionClass .actionBox:hover{background-color:#e7e7e7}.serviceItems .actionClass .btns{position:absolute;right:0;top:100%;z-index:1;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column}.serviceItems .actionClass .btns .actionText{width:10rem;padding:4px;cursor:pointer}.serviceItems .actionClass .btns .actionText:hover{background-color:#ddd;cursor:pointer}@media (max-width: 600px){.serviceItems .serviceItems{flex-direction:row;justify-content:space-between;padding:8px}.serviceItems .serviceDetails{width:40%;font-size:.9rem;padding-left:15px}.serviceItems .actionClass{width:auto}.serviceItems .actionClass .actionBox{width:100%;padding:6px;display:flex}.serviceItems .actionClass .btns{width:100%}}.rolesClass{width:40vw}.rolesClass .addRoles{display:flex;justify-content:space-between}.rolesClass .roleTable{margin-top:2rem;display:flex;width:23vw;justify-content:space-between}.rolesClass .forBorderOnly{border-bottom:1px solid #ddd}.MuiDrawer-paper{padding:2rem}@media (max-width: 600px){.rolesClass{width:90vw;padding:1rem}.rolesClass .addRoles{flex-direction:column;align-items:flex-start;gap:1rem}.rolesClass .addRoles button{width:108%}.rolesClass .roleTable{display:flex;flex-direction:row;justify-content:space-between;margin-top:1rem;font-size:.5rem;padding-left:15px;padding-right:10rem}.rolesClass .fieldName{font-size:.9rem}.rolesClass .fieldName2{font-size:.9rem;margin-left:5rem}.rolesClass .forBorderOnly{margin:1rem 0}.MuiDrawer-paper{width:100%;padding:1rem}}.roleItems{width:40vw;padding:8px 0;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.roleItems .roomTypes{width:10rem}.roleItems .actionClass{position:relative}.roleItems .actionClass .actionBox{padding:4px;display:flex;border:1px solid #ddd;cursor:pointer;border-radius:4px}.roleItems .actionClass .actionBox:hover{background-color:#e7e7e7}.roleItems .actionClass .btns{position:absolute;z-index:1;background-color:#fff;border:1px solid #ddd;border-radius:4px}.roleItems .actionClass .btns .actionText{width:10rem;padding:4px}.roleItems .actionClass .btns .actionText:hover{background-color:#ddd;cursor:pointer}@media (max-width: 600px){.roleItems{flex-direction:row;width:90vw;padding:8px 0;margin-left:1rem}.roleItems .roomTypes{width:100%;text-align:left;font-size:.9rem}.roleItems .actionClass{width:100%;display:flex;justify-content:flex-start}.roleItems .actionClass .actionBox{width:80%;justify-content:space-between}.roleItems .actionClass .btns{width:auto}.roleItems .actionClass .btns .actionText{width:100%;padding:8px}.MuiFormControlLabel-root{font-size:.8rem}}@font-face{font-family:Poppins;src:url(/assets/Poppins-Regular-CTKNfV9P.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-Bold-qTAUjFF7.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-SemiBold-B_fPDAUb.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-Medium-Cxde2ZoM.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-Light-DT6-CsId.ttf) format("truetype");font-weight:300;font-style:normal}.checkinClass .basicInfo .formSection .basicInfoFlex{display:flex;width:100%;align-items:center;justify-content:space-between}.checkinClass .basicInfo .formSection .basicInfoFlex .dateTime{width:31%}.checkinClass .basicInfo .formSection .basicInfoFlex .dateTime .MuiStack-root.css-v0pjtz-MuiStack-root{overflow-y:hidden;margin-top:6px}.checkinClass .basicInfo .formSection .basicInfoFlex .voucher,.checkinClass .basicInfo .formSection .basicInfoFlex .reg{display:flex;flex-direction:column;width:31%}.checkinClass .guestAndAttachment{width:100;justify-content:space-between;display:flex}.checkinClass .guestAndAttachment .guestBox{width:33%}.checkinClass .guestAndAttachment .guestBox .formSection .nameAndAdd{display:flex}.checkinClass .guestAndAttachment .guestBox .formSection .nameAndAdd .btnBox{margin-top:1rem}.checkinClass .guestAndAttachment .guestBox .formSection .addressBox{height:140px;margin-bottom:24px}.checkinClass .guestAndAttachment .guestBox .formSection .addressBox .addressTextfield .MuiInputBase-root{height:140px}.checkinClass .guestAndAttachment .personInfoBox{width:33%}.checkinClass .guestAndAttachment .personInfoBox .formSection .adultsChildren{display:flex}.checkinClass .guestAndAttachment .attachmentBox{width:33%}.checkinClass .guestAndAttachment .attachmentBox .dragableBox{border:2px dashed blue;border-radius:8px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:1rem}.checkinClass .guestAndAttachment .attachmentBox .mainAttachmentBox .fileAttachment .attachmentBoxes{display:flex;flex-wrap:wrap}.checkinClass .guestAndAttachment .attachmentBox .mainAttachmentBox .fileAttachment .attachmentBoxes .attachmentPreview{padding:8px;border:1px solid #ddd;width:100%;border-radius:8px;margin:4px}.checkinClass .guestAndAttachment .attachmentBox .mainAttachmentBox .fileAttachment .attachmentBoxes .attachmentPreview .iconClose{float:right;cursor:pointer}.checkinClass .guestAndAttachment .attachmentBox .mainAttachmentBox .fileAttachment .attachmentBoxes .attachmentPreview .attachmentTypeTitle{float:left}.checkinClass .guestAndAttachment .attachmentBox .mainAttachmentBox .fileAttachment .attachmentBoxes .attachmentPreview .attachmentLink{cursor:pointer}.checkinClass .guestAndAttachment .attachmentBox .mainAttachmentBox .fileAttachment .attachmentBoxes .attachmentPreview .attachmentFileName{clear:both;cursor:pointer;color:#00f}.checkinClass .guestAndAttachment .attachmentBox .mainAttachmentBox .fileAttachment .attachmentBoxes .attachmentPreview .attachmentFileName:hover{text-decoration:underline}.checkinClass .imageViewer{position:relative;display:flex;width:100%;justify-content:center;align-items:center;background-color:gray}.checkinClass .imageViewer .imageBox{position:absolute;top:-40rem;border:2px solid gray;border-radius:10px;padding:4px;z-index:1;display:flex;box-shadow:5px 10px 18px #6d6969}.checkinClass .imageViewer .imageBox .closeIconBox{position:relative}.checkinClass .imageViewer .imageBox .closeIconBox .theIcon{position:absolute;right:0;cursor:pointer;background-color:#e95f5f;z-index:2}@media (max-width: 600px){.checkinClass{margin:20px 5px 0 0}.checkinClass .buttons{display:flex;justify-content:center;align-items:center;margin-top:1rem}.checkinClass .buttons button{width:20%;margin:.5rem 0}}.checkinClass .roomInformationBox{display:flex;width:100%}.checkinClass .roomInformationBox .formSection{width:66%}.checkinClass .roomInformationBox .formSection .roomInfo{display:flex;justify-content:space-between;align-items:center;width:100%}.checkinClass .roomInformationBox .formSection .roomInfo .roomTypeBox,.checkinClass .roomInformationBox .formSection .roomInfo .roomNo,.checkinClass .roomInformationBox .formSection .roomInfo .roomRate,.checkinClass .roomInformationBox .formSection .roomInfo .roomBeds{width:20%}.checkinClass .roomInformationBox .formSection .roomData{margin-top:1rem;margin-bottom:1rem;display:flex;justify-content:space-between;border-bottom:1px solid #ddd}.checkinClass .roomInformationBox .purposeBox .formSection{width:100%}@media (max-width: 600px){.checkinClass{margin:2px 5px 0}.checkinClass .basicInfo .formSection .basicInfoFlex{flex-direction:column;align-items:flex-start}.checkinClass .basicInfo .formSection .basicInfoFlex .dateTime,.checkinClass .basicInfo .formSection .basicInfoFlex .voucher,.checkinClass .basicInfo .formSection .basicInfoFlex .reg{width:100%;margin-bottom:1rem}.checkinClass .guestAndAttachment{flex-direction:column}.checkinClass .guestAndAttachment .guestBox,.checkinClass .guestAndAttachment .personInfoBox,.checkinClass .guestAndAttachment .attachmentBox{width:100%;margin-bottom:1rem}.checkinClass .roomInformationBox{flex-direction:column}.checkinClass .roomInformationBox .formSection{width:100%}.checkinClass .roomInformationBox .formSection .roomInfo{flex-direction:column}.checkinClass .roomInformationBox .formSection .roomInfo .roomTypeBox,.checkinClass .roomInformationBox .formSection .roomInfo .roomNo,.checkinClass .roomInformationBox .formSection .roomInfo .roomRate,.checkinClass .roomInformationBox .formSection .roomInfo .roomBeds{width:100%;margin-bottom:.5rem}.checkinClass .buttons{display:flex;justify-content:center;align-items:center;margin-top:1rem}.checkinClass .buttons button{width:90%;margin:.5rem 1rem}}.customerPopupBox{height:15rem;overflow-y:auto}.formSection{border:1px solid #ddd;border-radius:1rem;padding:1rem;margin-top:1rem}.checkoutClass .bookingInfo .formSection .bookingInfoBlock{display:flex;flex-wrap:wrap;justify-content:space-between}.checkoutClass .bookingInfo .formSection .bookingInfoBlock .dataField{width:11rem}.checkoutClass .bookingInfoBlock{display:flex;flex-wrap:wrap;justify-content:space-between}.checkoutClass .bookingInfoBlock .dataField{width:11rem}.checkoutClass .totalAmount{display:flex;justify-content:flex-end}.checkoutClass .checkoutDetails .formSection .checkoutInner{display:flex;justify-content:space-between;width:100%}@media (max-width: 600px){.checkoutClass .checkoutDetails .formSection .checkoutInner{flex-direction:column;gap:1rem}}.checkoutClass .checkoutDetails .formSection .btnOfCheckout{margin-top:1rem;display:flex;justify-content:space-between}@media (max-width: 600px){.checkoutClass .checkoutDetails .formSection .btnOfCheckout{flex-direction:column;gap:1rem;align-items:stretch}.checkoutClass .checkoutDetails .formSection .btnOfCheckout button{width:100%}}@media (max-width: 600px){.checkoutClass{margin-left:6px;padding-right:10px;width:55%}.checkoutClass .bookingInfo .formSection .bookingInfoBlock .dataField{width:100%}.checkoutClass .bookingInfoBlock .dataField{width:100%;margin-bottom:1rem}.checkoutClass .totalAmount{flex-direction:column;align-items:flex-end}.checkoutClass .RoomInformation .formSection table{font-size:.8rem}.checkoutClass .checkoutDetails .formSection .checkoutInner{flex-direction:column}.checkoutClass .checkoutDetails .formSection .btnOfCheckout{flex-direction:column;align-items:center}.checkoutClass .checkoutDetails .formSection .btnOfCheckout button{width:100%;margin-bottom:.5rem}.checkoutClass .services table,.checkoutClass .payments table{font-size:.8rem}}.serviceBookingClass .bookingInfoBox .formSection .guestInner .firstLine{display:flex}.serviceBookingClass .bookingInfoBox .formSection .guestInner .firstLine .data{width:32%}.serviceBookingClass .bookingInfoBox .formSection .guestInner .secondLine{display:flex}.serviceBookingClass .bookingInfoBox .formSection .guestInner .secondLine .data{width:32%}.serviceBookingClass .totalAmount{display:flex;justify-content:flex-end;align-items:center;padding:.5rem 1rem;background-color:#f9f9f9;border-radius:4px}.serviceBookingClass .serviceBlock .formSection .DateAndVoucher{display:flex;justify-content:space-between;align-items:center}.serviceBookingClass .serviceBlock .formSection .DateAndVoucher .roomSelect,.serviceBookingClass .serviceBlock .formSection .DateAndVoucher .dateTime,.serviceBookingClass .serviceBlock .formSection .DateAndVoucher .voucher{width:30%}.serviceBookingClass .serviceBlock .formSection .bookingInfoBlock{display:flex;flex-wrap:wrap;justify-content:space-between}.serviceBookingClass .serviceBlock .formSection .bookingInfoBlock .dataField{width:10rem}.serviceBookingClass .btnOfService{margin-top:1rem;display:flex;justify-content:flex-end;gap:1rem}@media (max-width: 600px){.serviceBookingClass{margin:5px}.serviceBookingClass .serviceBlock .formSection .DateAndVoucher{display:flex;flex-direction:column;align-items:stretch;gap:1rem}.serviceBookingClass .serviceBlock .formSection .DateAndVoucher .roomSelect,.serviceBookingClass .serviceBlock .formSection .DateAndVoucher .dateTime,.serviceBookingClass .serviceBlock .formSection .DateAndVoucher .voucher{width:30%}.serviceBookingClass .serviceBlock .formSection .bookingInfoBlock{display:flex;flex-direction:column;gap:1rem}.serviceBookingClass .serviceBlock .formSection .bookingInfoBlock .dataField{width:100%}.serviceBookingClass .btnOfService{flex-direction:row;align-items:end;gap:1rem;margin-right:20px}}.midPaymentClass{padding:20px}.midPaymentClass .heading{font-size:1.5rem;margin-bottom:20px;text-align:center}.midPaymentClass .basicInfo{margin-bottom:20px}.midPaymentClass .basicInfo .formSection .basicInfoFlex{display:flex;flex-wrap:wrap;gap:15px}.midPaymentClass .basicInfo .formSection .basicInfoFlex .dateTime,.midPaymentClass .basicInfo .formSection .basicInfoFlex .voucher,.midPaymentClass .basicInfo .formSection .basicInfoFlex .reg{width:100%}@media (min-width: 600px){.midPaymentClass .basicInfo .formSection .basicInfoFlex .dateTime,.midPaymentClass .basicInfo .formSection .basicInfoFlex .voucher,.midPaymentClass .basicInfo .formSection .basicInfoFlex .reg{width:31%}}.midPaymentClass .dataField{display:flex;flex-direction:column;margin-bottom:15px}.midPaymentClass .dataField .dataName{font-weight:700;margin-bottom:5px}.midPaymentClass .dataField .data{font-size:.9rem}.midPaymentClass .bookingInfoBlock{display:flex;flex-wrap:wrap;gap:20px}.midPaymentClass .bookingInfoBlock .dataField{flex:1 1 100%}@media (min-width: 600px){.midPaymentClass .bookingInfoBlock .dataField{flex:1 1 48%}}.midPaymentClass .paymentInformation{margin-top:20px}.midPaymentClass .paymentInformation .MuiTextField-root{margin-bottom:15px;width:100%}@media (min-width: 600px){.midPaymentClass .paymentInformation .MuiTextField-root{width:48%}}.midPaymentClass .buttonContainer{display:flex;justify-content:space-between;margin-top:20px}@media (max-width: 600px){.midPaymentClass .buttonContainer{flex-direction:column;gap:10px}.midPaymentClass .buttonContainer button{width:100%}}.checkinsBlockcheckins .searchBlockcheckins{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;width:100%;margin-bottom:2rem}.checkinsBlockcheckins .searchBlockcheckins .fromDate,.checkinsBlockcheckins .searchBlockcheckins .toDate{width:44%}.checkinsBlockcheckins .actionClass{display:flex;justify-content:flex-end}.checkinsBlockcheckins .actionClass .actionBox{padding:4px;display:flex;border:1px solid #ddd;width:6rem;border-radius:4px;justify-content:center}@media (max-width: 600px){.checkinsBlockcheckins{padding:10px}.checkinsBlockcheckins .heading{font-size:1.5rem;text-align:start;margin-bottom:1rem}.checkinsBlockcheckins .searchBlockcheckins{flex-direction:column;align-items:stretch}.checkinsBlockcheckins .searchBlockcheckins .fromDate,.checkinsBlockcheckins .searchBlockcheckins .toDate{width:70%;margin-bottom:1rem}.checkinsBlockcheckins .searchBlockcheckins Button{width:15%}.checkinsBlockcheckins .MuiTableContainer-root{overflow-x:auto}.checkinsBlockcheckins .MuiTableCell-root{font-size:.85rem}.checkinsBlockcheckins .actionClass{justify-content:center}.checkinsBlockcheckins .actionClass .actionBox{width:100%;margin-top:5px}}.actionClass{position:relative}.actionClass .actionBox{padding:4px;display:flex;justify-content:center;align-items:center;border:1px solid #ddd;cursor:pointer;border-radius:4px}.actionClass .actionBox:hover{background-color:#e7e7e7}.actionClass .btns{position:absolute;z-index:5;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column}.actionClass .btns .actionText{width:100%;padding:4px;text-align:center}.actionClass .btns .actionText:hover{background-color:#ddd;cursor:pointer}.checkoutBlockcheckout .searchBlockcheckout{display:flex;align-items:baseline;justify-content:space-between;width:100%;margin-bottom:2rem}.checkoutBlockcheckout .searchBlockcheckout .fromDate,.checkoutBlockcheckout .searchBlockcheckout .toDate{width:44%}.checkoutBlockcheckout .MuiTableContainer-root{margin-top:20px;margin-bottom:20px;border-radius:10px}.checkoutBlockcheckout .MuiTableRow-root{margin-bottom:10px}.checkoutBlockcheckout .MuiTableRow-root:last-child{margin-bottom:0}.checkoutBlockcheckout .MuiPaper-root{padding:10px;border-radius:10px}.checkoutBlockcheckout .MuiTableCell-root{padding:10px 15px}.checkoutBlockcheckout .actionClass{display:flex;justify-content:center}@media (max-width: 600px){.checkoutBlockcheckout{padding:10px}.checkoutBlockcheckout .heading{font-size:1.5rem;text-align:start;margin-bottom:1rem}.checkoutBlockcheckout .searchBlockcheckout{flex-direction:column;align-items:stretch}.checkoutBlockcheckout .searchBlockcheckout .fromDate,.checkoutBlockcheckout .searchBlockcheckout .toDate{width:70%;margin-bottom:1rem}.checkoutBlockcheckout .searchBlockcheckout Button{width:15%}.checkoutBlockcheckout .MuiTableContainer-root{overflow-x:auto}.checkoutBlockcheckout .MuiTableCell-root{font-size:.85rem}.checkoutBlockcheckout .actionClass{justify-content:center}.checkoutBlockcheckout .actionClass .actionBox{width:100%}}.serviceListBlock .serviceListsearchBlock{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;width:100%;margin-bottom:2rem}.serviceListBlock .serviceListsearchBlock .fromDate,.serviceListBlock .serviceListsearchBlock .toDate{width:44%}.serviceListBlock .actionClass{display:flex;justify-content:flex-end}.serviceListBlock .actionClass .actionBox{padding:4px;display:flex;border:1px solid #ddd;width:6rem;border-radius:4px;justify-content:center}@media (max-width: 600px){.serviceListBlock{padding:1rem}.serviceListBlock .heading{font-size:1.5rem;text-align:start}.serviceListBlock .serviceListsearchBlock{flex-direction:column;align-items:stretch}.serviceListBlock .serviceListsearchBlock .fromDate,.serviceListBlock .serviceListsearchBlock .toDate{width:50%;margin-bottom:1rem}.serviceListBlock .serviceListsearchBlock Button{width:15%}.serviceListBlock .MuiTableContainer-root{overflow-x:auto}.serviceListBlock .actionClass{justify-content:center}.serviceListBlock .actionClass .actionBox{width:100%}}.paymentBlock .searchBlockpayment{display:flex;align-items:baseline;justify-content:space-between;width:100%;margin-bottom:2rem}.paymentBlock .searchBlockpayment .fromDate,.paymentBlock .searchBlockpayment .toDate{width:44%}.paymentBlock .actionClass{display:flex;justify-content:flex-end}.paymentBlock .actionClass .actionBox{padding:4px;display:flex;border:1px solid #ddd;width:6rem;border-radius:4px;justify-content:center}@media (max-width: 600px){.paymentBlock{padding:1rem}.paymentBlock .heading{font-size:1.5rem;text-align:start}.paymentBlock .searchBlockpayment{flex-direction:column;align-items:stretch}.paymentBlock .searchBlockpayment .fromDate,.paymentBlock .searchBlockpayment .toDate{width:50%;margin-bottom:1rem}.paymentBlock .searchBlockpayment Button{width:15%}.paymentBlock .MuiTableContainer-root{overflow-x:auto}.paymentBlock .MuiTableCell-root{font-size:.85rem}.paymentBlock .actionClass{justify-content:center}.paymentBlock .actionClass .actionBox{width:100%}}.loginClass{display:flex;width:100%;height:100vh}.loginClass .imgClass{width:60%}.loginClass .formClass{display:flex;align-items:center;justify-content:center;width:40%}.usersClass{width:60vw;padding:1rem}.usersClass .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.usersClass .header .addUserButton{height:40px}.usersClass .roleTable{margin-top:2rem;display:grid;grid-template-columns:repeat(5,1fr);width:100%;text-align:left;padding:8px 0;align-items:center}.usersClass .forBorderOnly{border-bottom:1px solid #ddd}.usersClass .MuiDrawer-paper{padding:2rem}@media (max-width: 768px){.usersClass{width:80vw}.usersClass .roleTable{grid-template-columns:repeat(3,1fr);gap:.5rem}}@media (max-width: 600px){.usersClass{width:95vw;padding:.5rem;margin-top:10px}.usersClass .header{flex-direction:column;align-items:flex-start;gap:1rem}.usersClass .header .addUserButton{width:100%}.usersClass .roleTable{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:1rem;padding:0}.usersClass .roleTable .fieldName{font-size:.8rem;text-align:center}.usersClass .forBorderOnly{margin-top:1rem}.usersClass .MuiDrawer-paper{width:100%;padding:1rem}}.userItems{display:grid;grid-template-columns:repeat(5,1fr);width:100%;text-align:left;padding:8px 0;border-bottom:1px solid #ddd}@media (max-width: 600px){.roomTypes{font-size:14px;text-align:center}}.company-form{display:flex;flex-direction:column;gap:20px;width:100%;max-width:500px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a}.company-form .logo-section{display:flex;flex-direction:column;align-items:start;gap:10px}.company-form .logo-section .logo-preview{width:100px;height:auto;margin-top:10px}.company-form .MuiTextField-root{width:100%}@media (max-width: 768px){.company-form{max-width:90%}}@media (max-width: 600px){.company-form{padding:15px}.company-form .logo-section{align-items:center;text-align:center}.company-form .logo-section .logo-preview{width:80px}}.checkinsBlock{padding:1px;display:flex;flex-direction:column;align-items:start}@media (max-width: 600px){.checkinsBlock{padding:8px}}.dateTime,.searchBlock,.guestBox{display:flex;flex-direction:column;gap:16px;width:80%;max-width:500px;margin:1px}.roomAllocationForm{display:flex;flex-wrap:wrap;gap:12px;width:100%}.allocateRoom{flex:1 1 45%;min-width:120px}.btnBox{display:grid;flex-direction:column;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}@media (min-width: 600px){.btnBox{flex-direction:row;justify-content:space-between}}.advanceListBlock .searchBlockadvance{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;width:100%;margin-bottom:2rem}.advanceListBlock .searchBlockadvance .fromDate,.advanceListBlock .searchBlockadvance .toDate{width:44%}.advanceListBlock .searchBlockadvance button{margin-right:0;height:36px}.advanceListBlock .actionClass{display:flex;justify-content:flex-end}.advanceListBlock .actionClass .actionBox{padding:4px;display:flex;border:1px solid #ddd;width:6rem;border-radius:4px;justify-content:center}@media (max-width: 768px){.advanceListBlock{margin-top:10px}.advanceListBlock .searchBlockadvance{flex-direction:column}.advanceListBlock .searchBlockadvance .fromDate,.advanceListBlock .searchBlockadvance .toDate{width:100%}.advanceListBlock .searchBlockadvance button{width:100%;margin-top:1rem}}@media (max-width: 600px){.advanceListBlock{padding:.5rem}.advanceListBlock .heading{font-size:1.5rem;text-align:start}.advanceListBlock .searchBlockadvance{align-items:start}.advanceListBlock .searchBlockadvance .fromDate,.advanceListBlock .searchBlockadvance .toDate{width:50%}.advanceListBlock .actionClass{justify-content:center}.advanceListBlock table{font-size:.9rem}}.roomtypesClass{width:40vw;margin:2rem auto}.roomtypesClass .addRoles{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.roomtypesClass .roleTable{margin-top:2rem;display:flex;width:100%;justify-content:space-between;font-weight:700}.roomtypesClass .forBorderOnly{border-bottom:1px solid #ddd;margin-bottom:1rem}.roomtypesClass .MuiDrawer-paper{padding:2rem;width:80vw;max-width:600px}@media (max-width: 600px){.roomtypesClass{width:90vw}.roomtypesClass .addRoles{flex-direction:column;align-items:stretch;gap:1rem;padding-left:15px}.roomtypesClass .addRoles button{width:100%}.roomtypesClass .roleTable{flex-direction:row;justify-content:space-around;margin-top:1rem;font-size:1rem;padding-left:15px;padding-right:10rem}.roomtypesClass .feildName2{margin-left:20rem}.roomtypesClass .roomItem{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-bottom:1px solid #ddd}}.roomTypeItems{width:100%;padding:8px 0;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.roomTypeItems .roomTypes{width:30%;font-size:1rem;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roomTypeItems .actionClass{position:relative;width:20%}.roomTypeItems .actionClass .actionBox{padding:4px;display:flex;align-items:center;justify-content:space-between;border:1px solid #ddd;cursor:pointer;border-radius:4px}.roomTypeItems .actionClass .actionBox:hover{background-color:#e7e7e7}.roomTypeItems .actionClass .btns{position:absolute;right:0;top:100%;z-index:1;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column}.roomTypeItems .actionClass .btns .actionText{padding:8px;cursor:pointer;width:100%}.roomTypeItems .actionClass .btns .actionText:hover{background-color:#ddd}@media (max-width: 600px){.roomTypeItems .roomTypeItems{flex-direction:row;justify-content:space-between;padding:8px}.roomTypeItems .roomTypes{width:40%;font-size:.9rem;padding-left:15px}.roomTypeItems .actionClass{width:30%}.roomTypeItems .actionClass .actionBox{width:100%;padding:6px}.roomTypeItems .actionClass .btns{width:100%}}