*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100vh;width:100vw}.functions{position:fixed;bottom:0;min-height:80px;height:15vh;width:100%;background-color:var(--secondaryBackgroundColor);-webkit-justify-content:space-evenly;justify-content:space-evenly;z-index:10}.functions,.functions__item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.functions__item{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;width:100px;position:relative;cursor:pointer}.functions__item:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.functions__countDays{position:absolute;background:var(--notificationColor);width:1.5rem;height:1.5rem;border-radius:50%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;top:-15px;right:0}.functions__countDays>span{color:var(--textColor);font-size:.8rem;font-weight:700}.functions__item>img{width:25px}.functions__item>span{font-size:.8rem;margin-top:.4rem;display:block;text-align:center;color:var(--textColor)}.functions__item.active>span{color:var(--linkColor)}.functions__sidebarIcon{width:30px;cursor:pointer}.functions__sidebarActions{background:var(--secondaryBackgroundColor);position:absolute;top:-90vh;bottom:15vh;left:0;right:0;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;padding-top:20vh}.functions__sidebarActions,.functions__sm{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.functions__sm{position:fixed;bottom:0;height:15vh;width:100%;background-color:var(--secondaryBackgroundColor);-webkit-justify-content:space-evenly;justify-content:space-evenly;z-index:10}@media screen and (max-width:1400px){.functions__item>span{font-size:.7rem}}@media screen and (max-width:768px){.functions__item>img{width:30px}}.header{width:100%;min-height:80px;height:10vh;background-color:var(--secondaryBackgroundColor);color:var(--textColor);display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;padding:1rem}.header__profile>img{height:25px;cursor:pointer}.header__logo>img{width:300px}.header__userAdd{margin-right:2rem}.header__userAdd>img,.header__userProfile>img{height:25px;cursor:pointer}@media screen and (max-width:768px){.header__logo>img{width:250px}}@media screen and (max-width:480px){.header__logo>img{width:170px}.header__profile>img{height:20px}.header__userAdd{margin-right:1.8rem}.header__userAdd>img{height:20px}.header__userProfile>img{height:20px;cursor:pointer}}:root{--backgroundColor:#b1b1ad;--inputColor:#cfcfc1;--buttonColor:#0a2d0d;--secondaryBackgroundColor:#1a1a1b;--textColor:#fff;--boxColor:#fff;--notifyingButtonColor:#0c8014;--saveBtnColor:#0c8014;--checkColor:#0c8014;--salesColor:#0c8014;--profitColor:#0c8014;--lossColor:#cf4444;--expenseColor:#cf4444;--notificationColor:#cf4444;--requiredColor:#cf4444;--titleColor:#c19433;--linkColor:#c19433;--cancelColor:#cf4444;--errorColor:#cf4444;--tableColor:#6389c2;--editColor:#6389c2;--smsBtnColor:#6389c2;--borderRadius:4px}button{cursor:pointer;border:none;border-radius:4px;text-transform:uppercase}button,input,textarea{outline-width:0}::-webkit-input-placeholder{font-size:.9rem;font-weight:200}:-ms-input-placeholder{font-size:.9rem;font-weight:200}::placeholder{font-size:.9rem;font-weight:200}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}select{outline-width:0}a{text-decoration:none}.app__loading{height:100vh;width:100vw;background:hsla(0,0%,98%,.5)}.app__loading,.container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.container{height:75vh;background:#b1b1ad;background:var(--backgroundColor)}.container__box{height:90%;width:80%;background:#fff;background:var(--boxColor);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;overflow:auto;padding:1rem}.container__box>h4{text-transform:uppercase;color:#c19433;color:var(--titleColor);margin:1rem 0}.g-edit__btn{border:1px solid #6389c2;border:1px solid var(--editColor);color:#6389c2;color:var(--editColor)}.g-edit__btn:hover{background:#6389c2;background:var(--editColor);color:#fff}.g-delete__btn{border:1px solid #cf4444;border:1px solid var(--cancelColor);color:#cf4444;color:var(--cancelColor)}.g-delete__btn:hover{background:#cf4444;background:var(--cancelColor);color:#fff}.g-success__btn{border:1px solid #0c8014;border:1px solid var(--checkColor);color:#0c8014;color:var(--checkColor)}.g-success__btn:hover{background:#0c8014;background:var(--checkColor);color:#fff}.g-list__box{height:90%;width:80%;background:#fff;background:var(--boxColor);border-radius:4px;border-radius:var(--borderRadius);padding:1rem 2rem}.g-list__heading{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.g-list__title{font-weight:300;margin:.5rem 0}.g-list__actions{padding:.4rem;border:1px solid #6389c2;border:1px solid var(--tableColor);border-radius:4px;border-radius:var(--borderRadius);color:#6389c2;color:var(--tableColor);cursor:pointer}.g-list__actions:hover{background:#6389c2;background:var(--tableColor);color:#fff;color:var(--textColor)}.g-list__filters{margin:0 0 1rem;text-align:start}.g-list__filters>input{height:35px;width:230px;max-width:300px;padding-left:1rem;border-radius:4px;border-radius:var(--borderRadius);margin-right:2rem;margin-bottom:.5rem;border:1px solid #6389c2;border:1px solid var(--tableColor)}.g-list__filters>label{font-size:.9rem;margin-right:1.5rem;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center}.g-list__filters>label>input{margin:0 .3rem 0 0;border:1px solid #6389c2;border:1px solid var(--tableColor)}.g-list__details{height:78%;width:100%;overflow:auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.g-list__details::-webkit-scrollbar{display:none}.g-list__details{-ms-overflow-style:none;scrollbar-width:none}.form__text{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-top:.5rem;width:300px}.form__text>label{margin-bottom:.2rem;font-size:.8rem;font-weight:500}.form__text>input{height:35px}.form__text>input,.form__text>textarea{width:100%;border:none;border-radius:4px;padding-left:10px;background:#cfcfc1;background:var(--inputColor)}.form__text>textarea{padding-top:10px}.form__checkbox{margin-top:.5rem}.form__checkbox>input{margin-right:10px}.form__calendar{min-width:300px;min-height:35px;border:none;border-radius:4px;padding-left:10px;background:#cfcfc1;background:var(--inputColor);font-size:.8rem}.form__button--add{margin-top:1rem;height:2.8rem;width:8rem;font-size:.9rem;font-weight:600;border:1px solid #0c8014;border:1px solid var(--saveBtnColor);color:#0c8014;color:var(--saveBtnColor)}.form__button--add:hover{font-size:.9rem;font-weight:600;background:#0c8014;background:var(--saveBtnColor);color:#fff;color:var(--textColor)}.form__error{display:block;font-size:.8rem;color:#cf4444;color:var(--errorColor)}.loading{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.Toastify__toast--success{background:#0c8014;background:var(--saveBtnColor)}.Toastify__toast--warning{background:#c19433;background:var(--titleColor)}.Toastify__toast--error{background:#cf4444;background:var(--errorColor)}.g-datePicker>input{height:25px;max-width:300px;padding-left:.5rem;border-radius:4px;border-radius:var(--borderRadius);border:1px solid #6389c2;border:1px solid var(--tableColor)}@media screen and (max-width:1280px){.container__box{width:90%}::-webkit-input-placeholder{font-size:.7rem!important}:-ms-input-placeholder{font-size:.7rem!important}::placeholder{font-size:.7rem!important}}@media screen and (max-width:768px){::-webkit-input-placeholder{font-size:.8rem!important}:-ms-input-placeholder{font-size:.8rem!important}::placeholder{font-size:.8rem!important}.g-list__box{height:95%;width:90%;padding:.7rem}.g-list__details{-webkit-justify-content:flex-start;justify-content:flex-start;padding-bottom:1rem}}@media screen and (max-width:480px){.container__box{width:90%;-webkit-justify-content:flex-start;justify-content:flex-start}::-webkit-input-placeholder{font-size:.7rem!important}:-ms-input-placeholder{font-size:.7rem!important}::placeholder{font-size:.7rem!important}.g-list__title{font-size:.9rem;font-weight:400;margin:.5rem 0}.g-list__actions{font-size:.8rem;padding:.3rem}.g-list__filters{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;margin-bottom:.5rem;text-align:start}.g-list__filters>input{height:25px;width:150px;max-width:200px;padding-left:.5rem;margin-right:.5rem;border:1px solid #6389c2;border:1px solid var(--tableColor);font-size:.7rem}.g-list__filters>label{font-size:.7rem;margin-right:.6rem}.g-list__filters>label>input{margin-right:.1rem}.g-datePicker>input{height:23px;max-width:150px;padding-left:.5rem;font-size:.8rem}}@media screen and (max-width:320px){.form__text{width:250px}.form__calendar{min-width:250px}.container{height:71vh}}.login{height:100vh;min-height:640px;width:100vw;background-color:var(--backgroundColor);overflow:auto}.login,.login__box{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.login__box{height:90%;width:25%;background-color:#fff;border-radius:var(--borderRadius);-webkit-flex-direction:column;flex-direction:column;padding:2.5rem}.login__logo{height:10vw;width:10vw;min-height:8rem;min-width:8rem;border-radius:50%;object-fit:cover;border:1px solid var(--titleColor)}.login__hotel{margin-top:1rem;color:var(--titleColor);text-transform:uppercase}.login__title{margin-bottom:2.5rem;color:var(--titleColor)}.login__form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;width:100%}.login__formField{height:2.5rem;width:100%;margin-top:.8rem}.login__formField>input{height:100%;width:100%;font-size:1rem;padding-left:20px;background:var(--inputColor);border:none;border-radius:var(--borderRadius)}.login__form>button{height:2.8rem;width:9vw;margin-top:1.5rem;border:1px solid var(--buttonColor);color:var(--buttonColor);font-size:1rem;font-weight:700;border-radius:var(--borderRadius);outline:none}.login__form>button:hover{background:var(--buttonColor);color:#fff}@media screen and (max-width:1200px){.login__box{min-width:480px;padding:3rem}.login__form>button{height:2.4rem;width:100px}}@media screen and (max-width:768px){.login__box{padding:1.2rem}}@media screen and (max-width:480px){.login__box{min-width:290px;padding:1.4rem}.login__logo{min-height:7.5rem;min-width:7.5rem}}@media screen and (max-width:320px){.login{min-height:500px}.login__logo{min-height:6.5rem;min-width:6.5rem}}.rooms{height:75vh;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.rooms__floor{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.rooms__box{height:9rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-end;justify-content:flex-end;margin-bottom:.8rem}.rooms__box:nth-child(5){grid-column:span 2}.rooms__guestID{font-size:.9rem;font-weight:700;margin-bottom:.2rem;color:var(--notificationColor);margin-left:5px}.rooms__bookID{margin-left:.5rem;color:#f1990a;font-size:.8rem}.room{position:relative;height:7rem;width:7rem;margin-right:1rem;border-radius:7px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.room--free{background:#0d7815}.room--occupied{background:#cf4444;cursor:pointer}.room>h2{color:var(--textColor)}.rooms__reserved{position:absolute;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;top:-10px;right:-10px;background:#f1990a;width:1.5rem;height:1.5rem;border-radius:2px}.rooms__reserved>h4{color:#fff;cursor:pointer}@media screen and (max-width:1400px){.rooms__box{height:7rem}.rooms__guestID{font-size:.75rem;font-weight:700}.rooms__bookID{font-size:.7rem}.room{height:5.5rem;width:5.5rem}.room>h2{font-size:1.5rem}}@media screen and (max-width:768px){.rooms{padding:1rem}.rooms__box{height:7rem}.rooms__guestID{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;font-size:.8rem;font-weight:700}.rooms__bookID{margin-left:0;color:#f1990a;font-size:.7rem}.room{height:4rem;width:4rem}.rooms__reserved{top:-4px;right:-4px;width:1.3rem;height:1.3rem}.rooms__reserved>h4{font-size:.8rem;font-weight:500}.room>h2{font-size:1.2rem}}@media screen and (max-width:480px){.rooms{height:70vh}.rooms__box{height:5rem;width:3rem}.rooms__guestID{font-size:.6rem;font-weight:500}.rooms__bookID{font-size:.5rem}.room{height:2.6rem;width:2.6rem}.rooms__reserved{width:.8rem;height:.8rem}.rooms__reserved>h4{font-size:.5rem;font-weight:500}.room>h2{font-size:.8rem}}.tv{height:75vh;width:100vw;background-color:var(--backgroundColor);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}@media screen and (max-width:320px){.tv{height:71vh}}.notifying{height:90%;width:320px;background-color:var(--boxColor);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border-radius:5px}.notifying>img{width:20%;margin-bottom:1.6vw}.notifying>h3{color:var(--notificationColor);margin:.3vw 0;font-size:1rem}.notifying__form{width:100%;margin-top:1vw;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.notifying__formField{height:4.7rem}.notifying__formField>label{font-weight:500;font-size:.9rem;display:block}.notifying__formField>input{width:245px;height:2.35rem;border:none;background-color:var(--inputColor);padding-left:15px;margin:.2rem 0;border-radius:4px;font-size:1rem}.notifying__calendar{min-width:245px;min-height:2.35rem;border:none;border-radius:4px;padding-left:10px;background:var(--inputColor)}.notifying__form>button{height:2.5rem;width:30%;color:var(--notifyingButtonColor);border:1px solid var(--notifyingButtonColor);font-size:.9rem;font-weight:600;margin-top:.2rem}.notifying__form>button:hover{background:var(--notifyingButtonColor);color:var(--textColor)}@media screen and (max-width:1400px){.notifying{width:400px}}@media screen and (max-width:768px){.notifying{width:450px}}@media screen and (max-width:480px){.notifying{width:290px}.notifying>img{width:15%;margin-bottom:1.1rem}.notifying>h3{font-size:.9rem;margin-bottom:1.5rem}.notifying__formField{height:4rem;width:75%}.notifying__formField>input{width:225px;height:2rem;border:none;background-color:var(--inputColor);padding-left:15px;margin:.2rem 0;border-radius:4px;font-size:1rem}.notifying__calendar{min-width:225px;min-height:2rem;border:none;border-radius:4px;padding-left:10px;background:var(--inputColor)}.notifying__form>button{height:2rem;width:25%;color:var(--notifyingButtonColor);border:1px solid var(--notifyingButtonColor);font-size:.8rem;font-weight:700;margin-top:.5rem}}.water{height:75vh;width:100vw;background-color:var(--backgroundColor);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}@media screen and (max-width:320px){.water{height:71vh}}.electricity{height:75vh;width:100vw;background-color:var(--backgroundColor);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}@media screen and (max-width:320px){.electricity{height:71vh}}.telephone{height:75vh;width:100vw;background-color:var(--backgroundColor);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}@media screen and (max-width:320px){.telephone{height:71vh}}.policies{min-height:100vh;width:100vw;background:var(--backgroundColor);padding:2rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.policies__box{position:relative;width:60%;background-color:var(--boxColor);text-align:center;border-radius:15px}.policies__goHome{left:2rem}.policies__edit,.policies__goHome{position:absolute;color:#fff;top:2rem;cursor:pointer;text-decoration:none;font-size:.9rem}.policies__edit{right:2rem}.policies__title{border-radius:15px 15px 0 0;padding:5rem;text-transform:uppercase;background:var(--secondaryBackgroundColor);font-size:2rem;font-weight:300;color:var(--textColor)}.policies__content{padding:2rem;text-align:start}.policies__content img{max-width:100%}.policies__item{text-align:start;font-size:.95rem;margin-top:1rem}@media screen and (max-width:768px){.policies__edit,.policies__goHome{font-size:.7rem}.policies__title{font-size:1.5rem}.policies{padding:1rem;font-size:.75rem}.policies__box{width:100%}.policies__content{padding:.5rem 1rem}}.policiesEdit{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.policiesEdit__editor{margin-top:2rem;width:80vw}.policiesEdit__btn{margin-top:1rem;padding:1rem}.utilities{height:75vh;width:100vw;background:var(--backgroundColor);display:grid;-webkit-align-content:center;align-content:center;grid-template-columns:auto auto auto auto auto auto;grid-gap:1rem;gap:1rem}.utilities,.utilities__item{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.utilities__item{position:relative;height:8.5rem;width:8.5rem;background:#fff;display:-webkit-flex;display:flex;text-align:center;cursor:pointer;border-radius:7px;padding:.5rem}.utilities__item>img{width:60%}.utilities__item>span{font-size:1rem;font-weight:600}.utilities__countDays{position:absolute;background:var(--notificationColor);width:1.5rem;height:1.5rem;border-radius:50%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;top:-10px;right:-10px}.utilities__countDays>span{color:var(--textColor);font-size:.8rem;font-weight:700}@media screen and (max-width:1400px){.utilities__item{height:7rem;width:7rem}}@media screen and (max-width:768px){.utilities{grid-template-columns:auto auto auto auto}.utilities__item{height:6rem;width:6rem}}@media screen and (max-width:480px){.utilities{grid-template-columns:auto auto auto auto}.utilities__item{height:3.8rem;width:3.8rem}.utilities__item>span{font-size:.55rem;font-weight:500;letter-spacing:.2px}.utilities__countDays{width:1.2rem;height:1.2rem;top:-6.5px;right:-6.5px}.utilities__countDays>span{color:var(--textColor);font-size:.55rem;font-weight:600}}@media screen and (max-width:320px){.utilities{height:71vh;grid-template-columns:auto auto auto auto}}.addGuest{height:75vh;background:var(--backgroundColor)}.addGuest,.addGuest__box{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.addGuest__box{height:90%;width:80%;background:var(--boxColor);-webkit-flex-direction:column;flex-direction:column;overflow:auto}.addGuest__title{text-transform:uppercase;color:var(--titleColor);margin:1rem 0 0}.addGuest__form{width:80%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.addGuest__formDiv{width:90%;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.addGuest__formField{height:2.2rem;width:25rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:.5rem}.addGuest__formField>label{margin:0 10px;font-size:.8rem;font-weight:500;min-width:6rem}.addGuest__formField>div{width:100%;height:100%;border:none;background:var(--inputColor)}.addGuest__formField>label>span{color:var(--requiredColor)}.addGuest__formField>input,.addGuest__formField>select{height:100%}.addGuest__formField>input,.addGuest__formField>select,.addGuest__formField>textarea{width:100%;border:none;background:var(--inputColor);padding:.4rem 1rem;border-radius:4px}.addGuest__formField>textarea{margin-top:1rem}.addGuest__formField>input[type=radio]{height:50%;width:1rem;margin-right:.2rem}.addGuest__calendar{width:285px;height:2.2rem;border:none;border-radius:4px;padding-left:1rem;background:var(--inputColor);font-size:.8rem}.addGuest__formField>span{margin-right:1rem;font-size:.8rem}.addGuest__btn{margin-top:2rem;height:2.8rem;width:8rem;font-size:.9rem;font-weight:600;border:1px solid var(--saveBtnColor);color:var(--saveBtnColor)}.addGuest__btn:hover{font-size:.9rem;font-weight:600;background:var(--saveBtnColor);color:var(--textColor)}.addGuest__Guests{margin:0 1rem 0 0!important}@media screen and (max-width:1280px){.addGuest__formField{height:1.8rem;width:22rem}.addGuest__formField>label{font-size:.7rem;min-width:4rem}.addGuest__formField>span{margin-right:.5rem;font-size:.6rem}.addGuest__formField>input,.addGuest__formField>select{padding:0 .8rem;font-size:.7rem}.addGuest__formField>textarea{margin-top:2rem}.addGuest__calendar{width:205px;height:1.8rem;font-size:.7rem}}@media screen and (max-width:768px){.addGuest__box{-webkit-justify-content:flex-start;justify-content:flex-start}.addGuest__formDiv{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.addGuest__formRight{margin-top:2rem}.addGuest__formField{height:2rem;width:25rem;margin-bottom:1.1rem}.addGuest__formField>label{font-size:.8rem;min-width:5rem}.addGuest__formField>span{margin-right:.5rem;font-size:.8rem}.addGuest__formField>input,.addGuest__formField>select{font-size:.7rem}.addGuest__formField>textarea{margin-top:2.5rem}.addGuest__calendar{width:268px;height:1.8rem;font-size:.7rem}.addGuest__btn{margin:0 0 1rem;height:2rem;width:6.5rem;font-size:.8rem;font-weight:600;color:var(--saveBtnColor)}}@media screen and (max-width:480px){.addGuest__box{width:90%}.addGuest__formField{width:18rem}.addGuest__formField>label{font-size:.7rem;min-width:3.8rem}.addGuest__formField>span{margin-right:.15rem;font-size:.7rem}.addGuest__calendar{width:150px}.add_guest>span{font-size:.8rem;font-weight:400}.add_guest>input{padding:.8rem;width:41px}}@media screen and (max-width:320px){.addGuest{height:71vh}.addGuest__formField{width:16rem}.addGuest__calendar{width:140px}.addGuest__Guests{margin:0 .5rem 0 0!important}.add_guest>span{font-size:.7rem;font-weight:500}.add_guest>input{padding:.4rem;width:27px}}.guestEdit{height:75vh;background:var(--backgroundColor)}.guestEdit,.guestEdit__box{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.guestEdit__box{height:90%;width:80%;background:var(--boxColor);-webkit-flex-direction:column;flex-direction:column;overflow:auto}.guestEdit__title{text-transform:uppercase;color:var(--titleColor);margin:1rem 0}.showGuestId{height:50px}@media screen and (max-width:480px){.guestEdit__box{width:90%;-webkit-justify-content:flex-start;justify-content:flex-start}}@media screen and (max-width:320px){.guestEdit{height:71vh}}table{width:100%;max-height:100px;font-size:.85rem;border-collapse:collapse}table thead th{position:-webkit-sticky;position:sticky;top:-1px;z-index:1}table td,table th{padding:.6rem}table tr{border:1px solid var(--tableColor);cursor:pointer}table th,table tr:hover{background-color:var(--tableColor);color:#fff}table th{text-align:start}.actions__icon{height:16px;padding:0 1rem}.table__actions:hover{background:#fff}.table__checkIcon{height:16px}.table__room{margin-right:5px;font-weight:500;color:var(--titleColor)}@media screen and (max-width:480px){table{font-size:.7rem}table td,table th{padding:.4rem}.actions__icon{height:13px;margin-right:.5rem}.actions__icon:first-child{margin-bottom:.2rem}}.tableDeleted tr{border:1px solid var(--errorColor)}.tableDeleted th,.tableDeleted tr:hover{background-color:var(--errorColor)}.SMSModal{height:50%;width:50%;background:var(--boxColor);border-radius:var(--borderRadius);padding:2rem;position:relative}.SMSModal__cancelBtn{position:absolute;right:1rem;top:1rem;width:20px;cursor:pointer}.SMSModal__title{color:var(--smsBtnColor);font-weight:400;font-size:1.4rem}.SMSModal__description{width:100%;max-height:25vh;padding:1rem}.SMSModal__sendBtn{display:block;min-width:10rem;margin-top:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;color:var(--smsBtnColor);border:1px solid var(--smsBtnColor)}.SMSModal__sendBtn:hover{background:var(--smsBtnColor);color:var(--textColor)}.SMSModal__saveBtn{display:block;min-width:10rem;margin-top:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;color:var(--saveBtnColor);border:1px solid var(--saveBtnColor)}.SMSModal__saveBtn:hover{background:var(--saveBtnColor);color:var(--textColor)}.SMSModal__header{margin:1rem 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}@media screen and (max-width:480px){.SMSModal{height:50%;width:90%}.SMSModal__sendBtn{margin-top:.5rem}.SMSModal__saveBtn,.SMSModal__sendBtn{min-width:5rem;padding:.5rem;font-size:.7rem}}@media screen and (max-width:320px){.SMSModal{height:60%;width:90%}}.guestDetails{height:75vh;background:var(--backgroundColor);-webkit-justify-content:center;justify-content:center;position:relative}.guestDetails,.guestDetails__box{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.guestDetails__box{background:var(--boxColor);height:90%;width:90%;padding:1.5rem 6rem;border:2px solid #6389c2;border-top:.5rem solid #6389c2;border-radius:5px;overflow:auto;-webkit-flex-direction:column;flex-direction:column}.guestDetails__title{color:#6389c2;font-weight:400;font-size:1.4rem;margin-bottom:2rem}.guestDetails__content{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.guestDetails__personalInfo{display:-webkit-flex;display:flex;padding-bottom:1rem;-webkit-justify-content:space-between;justify-content:space-between}.guestDetails__group{margin-top:1rem;display:-webkit-flex;display:flex}.guestDetails__group>h4,.guestDetails__group>h5{width:10rem;display:inline-block}.guestDetails__group>span{max-width:10rem;min-width:5rem;margin-right:1rem;font-size:.9rem}.guestDetails__identification{cursor:pointer;max-width:33%;max-height:500px}.guestDetails__identification:hover{-webkit-transform:scale(1.8);transform:scale(1.8);-webkit-transform-origin:right top;transform-origin:right top;transition:.5s ease-in-out;transition-delay:.5s}.guestDetails__actions{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-left:2rem}.guestDetails__actions>button{min-width:10rem;margin-top:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600}.guestDetails--badGuest{border:5px solid var(--cancelColor);border-top:1.2rem solid var(--cancelColor)}.guestDetails__badGuestBtn--bad{background:var(--cancelColor);color:var(--textColor)}.guestDetails__badGuestBtn--good{border:1px solid var(--cancelColor);color:var(--cancelColor)}.guestDetails__badGuestBtn--good:hover{background:var(--cancelColor);color:var(--textColor)}@media screen and (max-width:768px){.guestDetails__content{display:-webkit-flex;display:flex;-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.guestDetails__actions{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-left:0;margin-bottom:1rem}.guestDetails__personalInfo{display:-webkit-flex;display:flex;-webkit-flex-direction:column-reverse;flex-direction:column-reverse}}@media screen and (max-width:480px){.guestDetails__box{padding:1rem}.guestDetails__title{font-size:1.2rem;margin-bottom:.5rem}.guestDetails__content{display:-webkit-flex;display:flex;-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.guestDetails__actions{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-left:0;margin-bottom:1rem}.guestDetails__actions>button{min-width:3rem;width:100%;font-size:.7rem}.guestDetails__personalInfo{display:-webkit-flex;display:flex;-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.guestDetails__identification{max-width:50%;margin-bottom:1rem}.guestDetails__identification:hover{-webkit-transform-origin:left top;transform-origin:left top}.guestDetails__group{margin-top:.5rem}.guestDetails__group>h4,.guestDetails__group>h5{width:4.5rem;display:inline-block;font-size:.75rem}.guestDetails__group>span{max-width:4rem;min-width:3rem;margin-right:.5rem;font-size:.7rem}}@media screen and (max-width:320px){.guestDetails{height:71vh}}.modal{position:absolute;height:100vh;width:100vw;background:rgba(0,0,0,.8);-webkit-align-items:center;align-items:center;z-index:1000}.addPaymentModal,.modal{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.addPaymentModal{height:40%;width:20%;background:var(--boxColor);border-radius:var(--borderRadius);padding:2rem;position:relative;-webkit-flex-direction:column;flex-direction:column}.addPaymentModal__cancelBtn{position:absolute;right:1rem;top:1rem;width:20px;cursor:pointer}.addPaymentModal__title{color:var(--smsBtnColor);font-weight:400;font-size:1.4rem;margin-bottom:3rem;text-align:center}.addPaymentModal__amount{width:100%;height:1rem;margin:.5rem 0;padding:1rem}.addPaymentModal__sendBtn{display:block;min-width:10rem;margin-top:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;color:var(--smsBtnColor);border:1px solid var(--smsBtnColor)}.addPaymentModal__sendBtn:hover{background:var(--smsBtnColor);color:var(--textColor)}.guestDetails__item{display:-webkit-flex;display:flex;border-top:1px solid #000;padding-top:1rem;-webkit-justify-content:space-between;justify-content:space-between}.guestDetails__itemActions{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.guestDetails__itemActions>button{min-width:8rem;margin-top:.5rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600}.checkout--okay{color:var(--checkColor);border:1px solid var(--checkColor)}.checkout--okay:hover{background-color:var(--checkColor);color:#fff}.checkout--error{background:rgba(207,68,68,.5);color:#fff;cursor:not-allowed}.guestDetails__total{margin-top:1rem}.guestDetails__food,.guestDetails__services{display:-webkit-flex;display:flex;margin-top:1rem;-webkit-align-items:center;align-items:center}.guestDetails__food>input,.guestDetails__services>input{cursor:pointer}.guestDetails__paymentDate{color:var(--titleColor);font-size:.6rem!important;font-weight:600}.guestDetails__payment>span{max-width:10rem;min-width:7rem;display:block;margin-right:1rem;font-size:.9rem}.guestDetails__paymentDelete{width:13px;margin-left:.6rem;cursor:pointer}.guestDetails__header{color:#6389c2;font-weight:700;font-size:.9rem;width:10rem}.guestDetails__paid{margin-top:1rem}.guestDetails__paid>h5,.guestDetails__total>h4{width:10rem;display:inline-block}.guestDetails__paid>span{font-size:1rem}.guestDetails__paid>span,.guestDetails__total>span{width:10rem;display:inline-block;margin-right:5rem;font-weight:500}.guestDetails__total>span{font-size:1.1rem}.guestDetails__final{text-align:end}.guestDetails__final span{margin:0}.guestDetails__final>button{margin:.5rem 0 .5rem 2rem;padding:.5rem 1rem}@media screen and (max-width:420px){.guestDetails__item{display:-webkit-flex;display:flex;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;padding-top:0}.guestDetails__itemActions>button{min-width:3rem;font-size:.7rem}.guestDetails__header{color:#6389c2;font-weight:700;font-size:.9rem;width:10rem!important}.guestDetails__food,.guestDetails__paid,.guestDetails__services{margin-top:.5rem}.guestDetails__paid>h5,.guestDetails__total>h4{width:4rem;display:inline-block}.guestDetails__paid>span{font-size:.7rem}.guestDetails__paid>span,.guestDetails__total>span{width:4rem;display:inline-block;margin-right:5rem;font-weight:500}.guestDetails__total>span{font-size:1rem}.guestDetails__final>button{font-size:.7rem}.guestDetails__checkedOut{font-size:.9rem}}.reservation{height:75vh;background:var(--backgroundColor)}.reservation,.reservation__box{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.reservation__box{height:90%;width:80%;background:var(--boxColor);-webkit-flex-direction:column;flex-direction:column;overflow:auto}.reservation__title{text-transform:uppercase;color:var(--titleColor);margin:1rem 0 0}.reservation__form{width:80%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.reservation__formDiv{width:90%;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.reservation__formField{height:2.2rem;width:25rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:.5rem}.reservation__formField>div{width:100%;height:100%;border:none;background:var(--inputColor)}.reservation__formField>label{margin:0 10px;font-size:.8rem;font-weight:500;min-width:6rem}.reservation__formField>label>span{color:var(--requiredColor)}.reservation__formField>input,.reservation__formField>select{width:100%;height:100%;border:none;background:var(--inputColor);padding:.4rem 1rem;border-radius:4px}.reservation__calendar{width:285px;height:2.2rem;border:none;background:var(--inputColor);padding:0 1rem;border-radius:4px;font-size:.8rem}.reservation__formField>input[type=radio]{height:50%;width:1rem;margin-right:.2rem}.reservation__formField>span{margin-right:1rem;font-size:.8rem}.reservation__btn{margin-top:1rem;height:2.8rem;width:8rem;font-size:.9rem;font-weight:600;border:1px solid var(--saveBtnColor);color:var(--saveBtnColor)}.reservation__btn:hover{background:var(--saveBtnColor);color:var(--textColor)}.reservation__Guests{margin:0 1rem 0 0!important}.reservation__formField>textarea{width:100%;margin-top:4.5rem;outline-width:0;background:var(--inputColor);border:none;border-radius:5px;padding:1rem}.reservation__bookedFrom{margin-top:.7rem}@media screen and (max-width:1280px){.reservation__formField{height:1.8rem;width:22rem}.reservation__formField>label{font-size:.7rem;min-width:4rem}.reservation__formField>span{margin-right:.5rem;font-size:.6rem}.reservation__formField>input,.reservation__formField>select{padding:0 .8rem;font-size:.7rem}.reservation__calendar{width:205px;height:1.8rem}::-webkit-input-placeholder{font-size:.8rem}:-ms-input-placeholder{font-size:.8rem}::placeholder{font-size:.8rem}.reservation__formField>textarea{padding:.3rem}.reservation__bookedFrom{margin-top:1.3rem}}@media screen and (max-width:768px){.reservation__box{-webkit-justify-content:flex-start;justify-content:flex-start}.reservation__formDiv{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.reservation__formField{height:2rem;width:25rem;margin-bottom:1.1rem}.reservation__formField>label{font-size:.8rem;min-width:5rem}.reservation__formField>span{margin-right:.5rem;font-size:.8rem}.reservation__formField>input,.reservation__formField>select{font-size:.7rem}.reservation__calendar{width:268px;height:1.8rem;font-size:.7rem}.reservation__formField>textarea{padding:1rem}.reservation__btn{margin:4.5rem 0 1rem;height:2rem;width:6.5rem;font-size:.8rem;font-weight:600;color:var(--saveBtnColor)}}@media screen and (max-width:480px){.reservation__box{width:90%}.reservation__formField{width:18rem}.reservation__formField>label{font-size:.7rem;min-width:3.8rem}.reservation__formField>span{margin-right:.15rem;font-size:.7rem}.reservation__calendar{width:150px}.add_guest>span{font-size:.8rem;font-weight:400}.add_guest>input{padding:.8rem;width:41px}}@media screen and (max-width:320px){.reservation{height:71vh}.reservation__formField{width:16rem}.reservation__calendar{width:140px}.reservation__Guests{margin:0 .5rem 0 0!important}.add_guest>span{font-size:.7rem;font-weight:500}.add_guest>input{padding:.4rem;width:27px}}.reservationDetails{height:75vh;background:var(--backgroundColor);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.reservationDetails__box{background:var(--boxColor);height:90%;width:70%;padding:2rem 3rem;overflow:auto;border-radius:var(--borderRadius)}.reservationDetails__header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}.reservationDetails__title{color:#6389c2;font-weight:400;font-size:1.4rem;margin-bottom:.5rem;text-transform:uppercase}.reservationDetails__actions>button{height:1.8rem;width:5.5rem;margin-right:1rem;font-size:.8rem;font-weight:600;text-transform:uppercase}.reservationDetails__group{margin-top:.5rem}.reservationDetails__group>h5{width:10rem;display:inline-block}.reservationDetails__group>span{max-width:30rem;min-width:5rem;display:inline-block;margin-right:1rem;font-size:.9rem}@media screen and (max-width:480px){.reservationDetails__box{height:90%;width:90%;padding:1rem;font-size:.8rem}.reservationDetails__title{font-size:1.2rem}.reservationDetails__actions>button{height:1.5rem;width:4rem;margin-right:.7rem;font-size:.6rem;margin-bottom:.5rem}.reservationDetails__group>h5{width:6rem}.reservationDetails__group>span{min-width:5rem;font-size:.8rem}}@media screen and (max-width:320px){.reservationDetails{height:71vh}}.reservationCheckIn{height:75vh;background:var(--backgroundColor)}.reservationCheckIn,.reservationCheckIn__box{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.reservationCheckIn__box{height:90%;width:80%;background:var(--boxColor);border-radius:var(--borderRadius);-webkit-flex-direction:column;flex-direction:column;overflow:auto}.reservationCheckIn__title{text-transform:uppercase;color:var(--titleColor);margin:1rem 0}@media screen and (max-width:480px){.reservationCheckIn__box{width:90%;-webkit-justify-content:flex-start;justify-content:flex-start}}@media screen and (max-width:320px){.reservationCheckIn{height:71vh}}.frontReservation{height:75vh;background:var(--backgroundColor);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.frontReservation__box{background:var(--boxColor);height:90%;width:70%;padding:2rem 3rem;overflow:auto;border-radius:var(--borderRadius)}.frontReservation__header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}.frontReservation__title{color:#6389c2;font-weight:400;font-size:1.4rem;margin-bottom:.5rem;text-transform:uppercase}.frontReservation__actions>button{height:1.8rem;width:5.5rem;margin-right:1rem;font-size:.8rem;font-weight:600;text-transform:uppercase}.frontReservation__group{margin-top:.5rem}.frontReservation__group>h5{width:10rem;display:inline-block}.frontReservation__group>span{max-width:30rem;min-width:5rem;display:inline-block;margin-right:1rem;font-size:.9rem}@media screen and (max-width:480px){.frontReservation__box{height:90%;width:90%;padding:1rem;font-size:.8rem}.frontReservation__title{font-size:1.2rem}.frontReservation__actions>button{height:1.5rem;width:4rem;margin-right:.7rem;font-size:.6rem;margin-bottom:.5rem}.frontReservation__group>h5{width:6rem}.frontReservation__group>span{min-width:5rem;font-size:.8rem}}@media screen and (max-width:320px){.frontReservation{height:71vh}}.daily{height:75vh;background:var(--backgroundColor)}.daily,.daily__box{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.daily__box{height:90%;width:95%;background:var(--boxColor);-webkit-flex-direction:column;flex-direction:column;overflow:auto;position:relative}.daily__title{margin:1rem 0;color:var(--titleColor);text-transform:uppercase}.daily__groups{width:100%;height:80%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;position:relative}.daily__sales{-webkit-flex:4 1;flex:4 1;text-align:center}.daily__result{margin:.5rem 0;text-transform:uppercase}.daily__result--profit{color:var(--profitColor)}.daily__result--loss{color:var(--lossColor)}.daily__chart{width:260px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.daily__expenses{-webkit-flex:4 1;flex:4 1;text-align:center}@media screen and (max-width:768px){.daily__box{height:95%}.daily__groups{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.daily__chart{position:absolute;top:0;left:250px}.daily__sales{margin-top:350px}}@media screen and (max-width:480px){.daily__chart{width:200px;left:80px}.daily__groups{-webkit-align-items:flex-start;align-items:flex-start}.daily__sales{margin-top:250px}}@media screen and (max-width:320px){.daily{height:71vh}.daily__chart{left:50px}}.sales__box{height:90%;width:100%;background:var(--boxColor);border-radius:7px;padding:1rem 2rem}.sales__heading{-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-bottom:.5rem}.sales__date>div,.sales__heading{display:-webkit-flex;display:flex}.sales__date>div{margin-bottom:5px;text-align:start}.sales__date>div>label{margin-right:5px;width:48px}.sales__title{font-weight:300;margin:.5rem 0}.sales__filters{margin:0 0 1rem;text-align:start}.sales__filters>input{height:35px;width:230px;max-width:300px;padding-left:1rem;border-radius:5px;margin-right:2rem;border:1px solid var(--salesColor)}.sales__filters>label{font-size:.9rem;margin-right:1.5rem}.sales__filters>label>input{margin:0 .3rem 0 0;border:1px solid var(--salesColor)}.sales__actions{padding:.4rem;border:1px solid var(--salesColor);border-radius:5px;color:var(--salesColor);cursor:pointer}.sales__actions:hover{background:var(--salesColor);color:var(--textColor)}.sales__details{height:78%;width:100%;overflow:auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.sales__details::-webkit-scrollbar{display:none}.sales__details{-ms-overflow-style:none;scrollbar-width:none}@media screen and (max-width:480px){.sales__box{padding:1rem}.sales__date>div>label{font-size:.8rem;width:38px}.sales__actions{padding:.2rem;font-size:.8rem}}.expense__box{height:90%;width:100%;background:var(--boxColor);border-radius:7px;padding:1rem 2rem}.expense__heading{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-bottom:.5rem}.expense__date>div{display:-webkit-flex;display:flex;margin-bottom:5px;text-align:start}.expense__date>div>label{margin-right:5px;width:48px}.expense__title{font-weight:300;margin:.5rem 0}.expense__filters{margin:0 0 1rem;text-align:start}.expense__filters>input{height:35px;width:230px;max-width:300px;padding-left:1rem;border-radius:5px;margin-right:2rem;border:1px solid var(--expenseColor)}.expense__filters>label{font-size:.9rem;margin-right:1.5rem}.expense__filters>label>input{margin:0 .3rem 0 0;border:1px solid var(--expenseColor)}.expense__actions{padding:.4rem;border:1px solid var(--expenseColor);border-radius:5px;color:var(--expenseColor);cursor:pointer}.expense__actions:hover{background:var(--expenseColor);color:var(--textColor)}.expense__details{height:78%;width:100%;overflow:auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.expense__details::-webkit-scrollbar{display:none}.expense__details{-ms-overflow-style:none;scrollbar-width:none}@media screen and (max-width:480px){.expense__date>div>label{font-size:.8rem;width:38px}.expense__actions{padding:.2rem;font-size:.8rem}.expense__box{padding:1rem}}.monthly{height:75vh;background:var(--backgroundColor)}.monthly,.monthly__box{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.monthly__box{height:90%;width:95%;background:var(--boxColor);-webkit-flex-direction:column;flex-direction:column;overflow:auto;position:relative}.monthly__box>h4{text-transform:uppercase;color:var(--titleColor)}.monthly__details{width:100%;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;margin:1rem 0}.monthly__date,.monthly__details,.monthly__startDate{display:-webkit-flex;display:flex}.monthly__startDate{margin-right:2rem}.monthly__endDate{display:-webkit-flex;display:flex}.monthly__endDate>label,.monthly__startDate>label{margin-right:5px}.monthly__month{width:120px;font-size:.8rem}.monthly__detailsBtn{padding:.6rem;font-size:.8rem;text-transform:uppercase}.monthly__detailsBtn--sales{border:1px solid #4bc0c0;color:#4bc0c0}.monthly__detailsBtn--sales:hover{background:#4bc0c0;color:var(--textColor)}.monthly__detailsBtn--expense{border:1px solid #ff6384;color:#ff6384}.monthly__detailsBtn--expense:hover{background:#ff6384;color:var(--textColor)}.monthly__chart{width:45%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}@media screen and (max-width:768px){.monthly__date,.monthly__details{-webkit-flex-direction:column;flex-direction:column}.monthly__startDate{display:block}.monthly__endDate{display:block;margin-bottom:1rem}.monthly__endDate>label,.monthly__startDate>label{font-size:.7rem;width:2rem;margin:0}.monthly__detailsBtn{width:13rem}.monthly__chart{width:95%}}@media screen and (max-width:320px){.monthly{height:71vh}}.rent{height:75vh;background:var(--backgroundColor);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.rent__box{height:90%;width:80%;background:var(--boxColor);border-radius:7px}.rent__title{height:10%;width:100%;padding:0 3rem;background:var(--titleColor);color:var(--textColor);display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;border-radius:7px 7px 0 0}.rent__title>h4{font-size:1.2rem}.rent__addBtn{padding:.4rem;border:1px solid var(--textColor);border-radius:5px;color:var(--textColor);cursor:pointer}.rent__addBtn:hover{background:var(--textColor);color:var(--titleColor)}.rent__body{padding:1rem 2rem;height:90%}.rent__year{width:40%}.rent__year>div{display:inline-block;width:150px;margin-left:20px}.rent__months{width:100%;height:85%;overflow:auto;padding:1rem}.rent__itemGroup{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:2rem;margin-top:1rem}.rent__itemGroup>span{width:200px}.rent__paid{-webkit-flex:2 1;flex:2 1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-right:1rem}.rent__paid>input{margin-right:5px}.rent__itemGroup>input{-webkit-flex:3 1;flex:3 1;height:100%;border-radius:4px;border:1px solid var(--tableColor);padding-left:1rem;margin-right:1rem}.rent__save{margin-top:1rem;height:2.8rem;width:8rem;border:1px solid var(--saveBtnColor);color:var(--saveBtnColor)}.rent__save,.rent__save:hover{font-size:.9rem;font-weight:600}.rent__save:hover{background:var(--saveBtnColor);color:var(--textColor)}.rent__monthLabel{max-width:150px!important;border:none!important;margin-right:5rem;text-transform:capitalize}@media screen and (max-width:480px){.rent__box{width:90%}.rent__title{padding:0 1.5rem}.rent__title>h4{font-size:1rem}.rent__year>div{display:inline-block;width:280px;margin:0}.rent__year>label{font-size:.8rem}.rent__itemGroup{margin-top:0;font-size:.8rem}.rent__itemGroup>input{font-size:.8rem}}@media screen and (max-width:320px){.rent{height:71vh}.rent__year>div{width:240px}}.capitalInvestmentAdd,.capitalInvestmentEdit,.capitalInvestmentList{height:75vh;background:var(--backgroundColor);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.capitalInvestmentList__total{margin-bottom:5px;text-align:end;color:var(--titleColor)}.capitalInvestmentList__details{height:70%;width:100%;overflow:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-end;align-items:flex-end}@media screen and (max-width:480px){.capitalInvestmentList__total{font-size:.75rem;font-weight:500}.capitalInvestmentList__details{-webkit-align-items:flex-start;align-items:flex-start}}@media screen and (max-width:320px){.capitalInvestmentAdd,.capitalInvestmentEdit,.capitalInvestmentList{height:71vh}}.advanceList__box{height:90%;width:100%;background:var(--boxColor);border-radius:7px;padding:1rem 2rem}.advanceList__heading{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-bottom:.5rem}.advanceList__date>div{display:-webkit-flex;display:flex;margin-bottom:5px;text-align:start}.advanceList__date>div>label{margin-right:5px;width:48px}.advanceList__title{font-weight:300;margin:.5rem 0}.advanceList__filters{margin:0 0 1rem;text-align:start}.advanceList__filters>input{height:35px;width:230px;max-width:300px;padding-left:1rem;border-radius:5px;margin-right:2rem;border:1px solid var(--expenseColor)}.advanceList__filters>label{font-size:.9rem;margin-right:1.5rem}.advanceList__filters>label>input{margin:0 .3rem 0 0;border:1px solid var(--expenseColor)}.advanceList__actions{padding:.4rem;border:1px solid var(--expenseColor);border-radius:5px;color:var(--expenseColor);cursor:pointer}.advanceList__actions:hover{background:var(--expenseColor);color:var(--textColor)}.advanceList__details{height:78%;width:100%;overflow:auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.advanceList__details::-webkit-scrollbar{display:none}.advanceList__details{-ms-overflow-style:none;scrollbar-width:none}@media screen and (max-width:480px){.advanceList__box{padding:1rem;min-width:95vw}.advanceList__date>div>label{font-size:.8rem;width:38px}.advanceList__actions{padding:.2rem;font-size:.8rem}}.costList__box{height:90%;width:100%;background:var(--boxColor);border-radius:7px;padding:1rem 2rem}.costList__heading{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-bottom:.5rem}.costList__date>div{display:-webkit-flex;display:flex;margin-bottom:5px;text-align:start}.costList__date>div>label{margin-right:5px;width:48px}.costList__title{font-weight:300;margin:.5rem 0}.costList__filters{margin:0 0 1rem;text-align:start}.costList__filters>input{height:35px;width:230px;max-width:300px;padding-left:1rem;border-radius:5px;margin-right:2rem;border:1px solid var(--expenseColor)}.costList__filters>label{font-size:.9rem;margin-right:1.5rem}.costList__filters>label>input{margin:0 .3rem 0 0;border:1px solid var(--expenseColor)}.costList__actions{padding:.4rem;border:1px solid var(--expenseColor);border-radius:5px;color:var(--expenseColor);cursor:pointer}.costList__actions:hover{background:var(--expenseColor);color:var(--textColor)}.costList__details{height:78%;width:100%;overflow:auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.costList__details::-webkit-scrollbar{display:none}.costList__details{-ms-overflow-style:none;scrollbar-width:none}@media screen and (max-width:480px){.costList__date>div>label{font-size:.8rem;width:38px}.costList__actions{padding:.2rem;font-size:.8rem}.costList__box{padding:1rem;min-width:95vw}}.inventory{height:75vh;background:var(--backgroundColor)}.inventory,.inventory__box{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.inventory__box{height:90%;width:95%;background:var(--boxColor);-webkit-flex-direction:column;flex-direction:column;overflow:auto;position:relative}.inventory__title{margin:1rem 0;color:var(--titleColor);text-transform:uppercase}.inventory__groups{width:100%;height:80%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;position:relative}.inventory__advance,.inventory__cost{-webkit-flex:4 1;flex:4 1;text-align:center}@media screen and (max-width:768px){.inventory__box{height:95%}.inventory__groups{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.inventory__advance{margin-top:350px}}@media screen and (max-width:480px){.inventory__groups{-webkit-align-items:flex-start;align-items:flex-start}.inventory__advance{margin-top:250px}}@media screen and (max-width:320px){.inventory{height:71vh}}.advanceAdd{height:75vh;background:var(--backgroundColor);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}@media screen and (max-width:320px){.advanceAdd{height:71vh}}.advanceEdit{height:75vh;background:var(--backgroundColor);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}@media screen and (max-width:320px){.advanceEdit{height:71vh}}.costAdd{height:75vh;background:var(--backgroundColor);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}@media screen and (max-width:320px){.costAdd{height:71vh}}.costEdit{height:75vh;background:var(--backgroundColor);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}@media screen and (max-width:320px){.costEdit{height:71vh}}.creditRecordAdd,.creditRecordEdit,.creditRecordList{height:75vh;background:var(--backgroundColor);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}@media screen and (max-width:320px){.creditRecordAdd,.creditRecordEdit,.creditRecordList{height:71vh}}.staffList{height:75vh;background:var(--backgroundColor);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}@media screen and (max-width:320px){.staffList{height:71vh}}.staffAdd{height:75vh;background:var(--backgroundColor);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}@media screen and (max-width:320px){.staffAdd{height:71vh}}.staffEdit{height:75vh;background:var(--backgroundColor);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}@media screen and (max-width:320px){.staffEdit{height:71vh}}.salary__body{height:90%}.salary__year{width:40%}.salary__year>div{display:inline-block;width:150px;margin-left:20px}.salary__months{width:100%;height:100%;overflow:auto;padding:0 1rem 1rem}.salary__labelGroup{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-top:1rem;-webkit-justify-content:space-around;justify-content:space-around}.salary__labelGroup>label{width:150px;font-weight:600;color:var(--titleColor)}.salary__itemGroup{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:2rem;margin-top:1rem;-webkit-justify-content:space-between;justify-content:space-between}.salary__itemGroup>span{width:200px}.salary__paid{-webkit-flex:2 1;flex:2 1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-right:1rem}.salary__paid>input{margin-right:5px}.salary__itemGroup>input{-webkit-flex:3 1;flex:3 1;height:100%;border-radius:4px;border:1px solid var(--tableColor);padding-left:1rem;margin-right:1rem}.salary__save{margin-top:1rem;height:2.8rem;width:8rem;font-size:.9rem;font-weight:600;border:1px solid var(--saveBtnColor);color:var(--saveBtnColor)}.salary__save:hover{font-size:.9rem;font-weight:600;background:var(--saveBtnColor);color:var(--textColor)}.salary__monthLabel{max-width:150px!important;border:none!important;margin-right:5rem;text-transform:capitalize}@media screen and (max-width:1280px){.salary{margin-top:2rem}}@media screen and (max-width:480px){.salary__year>div{width:250px;margin-left:0}}@media screen and (max-width:320px){.salary__year>div{width:200px}}.staffDetails{height:75vh;background:var(--backgroundColor);-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:relative}.staffDetails,.staffDetails__box{display:-webkit-flex;display:flex}.staffDetails__box{background:var(--boxColor);height:90%;width:90%;padding:3rem;border-radius:5px;overflow:auto;-webkit-justify-content:space-evenly;justify-content:space-evenly}.staffDetails__title{color:#6389c2;font-weight:400;font-size:1.4rem;margin-bottom:2rem}@media screen and (max-width:1280px){.staffDetails__box{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start}}.salesAdd,.salesEdit,.salesMonthlyList{height:75vh;background:var(--backgroundColor);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.salesMonthlyList__box{height:90%;width:80%;background:var(--boxColor);border-radius:var(--borderRadius);padding:1rem 2rem}.salesMonthlyList__heading{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.salesMonthlyList__title{font-weight:300;margin:.5rem 0}.expensesAdd,.expensesEdit,.expensesMonthlyList{height:75vh;background:var(--backgroundColor);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.expensesMonthlyList__box{height:90%;width:80%;background:var(--boxColor);border-radius:var(--borderRadius);padding:1rem 2rem}.expensesMonthlyList__heading{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.expensesMonthlyList__title{font-weight:300;margin:.5rem 0}.filter__date{display:-webkit-flex;display:flex}.filter__startDate{margin-right:2rem}.profile{height:75vh;background:var(--backgroundColor)}.profile,.profile__box{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.profile__box{background:var(--boxColor);height:90%;width:80%;-webkit-flex-direction:column;flex-direction:column;border-radius:var(--borderRadius);padding:1rem}.profile__content{overflow:auto}.profile__title{color:var(--titleColor);font-weight:600;font-size:1.2rem;margin-bottom:2rem;text-transform:uppercase}.profile__group{margin-top:.5rem}.profile__group>h5{width:10rem;display:inline-block}.profile__group>span{max-width:30rem;min-width:5rem;display:inline-block;margin-right:1rem;font-size:.9rem}.profile__group>input{min-height:28px;padding-left:5px;border:1px solid var(--titleColor)}.profile__changePasswordBtn{margin-top:1rem;padding:10px;border:1px solid var(--editColor);color:var(--editColor)}.profile__changePasswordBtn:hover{background:var(--editColor);color:#fff}.profile__updatePasswordBtn{margin-top:1rem;padding:10px;border:1px solid var(--saveBtnColor);color:var(--saveBtnColor);margin-right:1rem}.profile__updatePasswordBtn:hover{background:var(--saveBtnColor);color:#fff}.profile__backBtn{margin-top:1rem;padding:10px;border:1px solid var(--cancelColor);color:var(--cancelColor)}.profile__backBtn:hover{background:var(--cancelColor);color:#fff}.profile__form{margin-top:3rem;padding:1rem;border-radius:var(--borderRadius);border:1px solid var(--titleColor)}@media screen and (max-width:320px){.profile{height:71vh}}
/*# sourceMappingURL=main.23b37137.chunk.css.map */