@import url(https://fonts.googleapis.com/css?family=Montserrat);@import url(https://fonts.googleapis.com/css2?family=Nunito&display=swap);@import url(https://fonts.googleapis.com/css2?family=Mouse+Memoirs&family=Roboto:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Mukta:wght@400;700&display=swap);.App{flex-direction:column;place-items:center;color:#000;background-color:#f89571;min-height:100vh;padding:1rem .5rem;position:relative}.App,.App2{display:flex}.App2{justify-content:space-around;align-items:center}.App3{color:#2b3b47;font-family:"Mukta";font-style:normal;font-weight:600;font-size:36px}.App3,.App4{background:#f5f5f7;min-height:100vh;position:relative}.App4{display:flex;flex-direction:column;justify-content:center;place-items:center;color:#000;padding:1rem .5rem;margin:auto}.vipslogo{color:#000;position:absolute;top:1rem;left:2rem;z-index:1}a{text-decoration:none}::-webkit-scrollbar{display:none}body{margin:0;padding:0}.footers{text-align:center;margin-top:1rem;padding:1rem;background-color:#1e40af;color:#fff;border:1px solid #bfbfbf;box-shadow:5px -10px 8px 1px rgba(0,0,0,.07);font-family:"Roboto",sans-serif;font-size:15px;position:fixed;bottom:0;left:0;width:100%}.form{width:100%;height:100%;justify-content:center;align-items:center}.form,.form-container{display:flex;flex-direction:column}.form-container{width:400px;height:400px;background-color:#fff;border-radius:8px;box-shadow:0 0 15px 1px rgba(0,0,0,.4)}.form-container .header{flex:20% 1;display:grid;place-items:center}.form-container .body{flex:60% 1}.form-container .footer{flex:20% 1;display:flex;justify-content:center}.form-container .footer button{border-radius:7px;width:100px;height:40px;background-color:#ff008c;font-weight:700;color:#fff;border:0;border-radius:1px;cursor:pointer;padding:10px 5px;margin:5px}.sign-up-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;margin-top:2rem}.sign-up-container input{margin:5px;width:190px;height:40px;padding-left:5px;font-size:20px}.personal-info-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.personal-info-container input{margin:5px;width:200px;height:40px;padding-left:5px;font-size:20px}.progressbar{width:400px;height:10px;background-color:#fff;margin-bottom:50px}.progressbar div{width:33.3%;height:100%;background-color:#6200ff}.other-info-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.other-info-container input{margin:5px;width:200px;height:40px;padding-left:5px;font-size:20px}input:focus{outline:none}.setup{font-family:"Mukta";font-style:normal;font-weight:600;font-size:36px;text-align:center;letter-spacing:-.02em;margin-top:1.5rem;color:#2b3b47}.checkbox{justify-content:center;margin-top:1.5rem;grid-gap:2rem;gap:2rem}.checkbox,.gap{display:flex;align-items:center}.gap{grid-gap:10px;gap:10px}.btn{margin-left:88%;margin-top:1rem}.changePass{font-family:"Inter";font-style:normal;font-weight:400;font-size:20px;line-height:15px;color:#fff6f6;background:#d81a10;padding:5px 16px;text-align:center}.clickhere{text-decoration:none;color:#f5f4ff;background-color:#8d0b0b}.text-center{text-align:center}button,input,textarea{font-family:"Nunito",sans-serif;font-size:22px;padding:.25rem}.button{width:120px;background-color:#1e40af;color:#fff}.button1{width:200px;height:70px;background:#4285f4;line-height:70px;color:#fff;text-align:center;cursor:pointer;border-radius:5px;box-shadow:0 5px 10px 3px rgba(0,0,0,.1);overflow:hidden}.button1,.button1 #splash{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.button1 #splash{content:"";width:0;height:0;background:hsla(0,0%,100%,.2);border-radius:50%;transition:.5s ease-out}.my-btn{width:5rem;margin:1rem auto auto}.searchbox{display:flex}.searchbox2{margin-top:5px}.searchbox2,.searchbox3{display:flex;justify-content:space-between}.searchbox3{margin-top:1rem}.checkin{display:flex;align-items:center;justify-content:center;width:60vw;height:70vh}.checkinform{margin-left:30%}.checkinwidth{width:78%}.checkInSearch{box-sizing:border-box;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:10px 0 0 10px;border:none;padding-left:20px}.checkInSearch2{border:1px solid #fff;border-radius:10px 0 0 10px;width:500px;height:50px}.checkInSearch2,.checkInSearch3{box-sizing:border-box;background:rgba(242,243,242,.7);padding-left:30px}.checkInSearch3{border:1px solid #fff;border-radius:10px}.checkInSearch3,.checkInSearch3a{box-shadow:0 1px 1px rgba(0,0,0,.25)}.checkInSearch3a{box-sizing:border-box;border:1px solid grey;height:80px;background:rgba(242,243,242,.7);border-radius:10px}.checkInSearch4{border-radius:10px;border:none;padding-left:20px;margin-top:3rem;height:2rem}.checkInSearch4,.checkInSearch5{box-sizing:border-box;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25)}.checkInSearch5{border-radius:4px;border:none;height:1.4rem;width:2rem;padding:0 8px}.checkInSearch6{box-sizing:border-box;font-size:10px;border:1px solid #fff;background:rgba(242,243,242,.7);border-radius:10px 0 0 10px;width:100px;height:40px;padding-left:5px}.checkInSubmit,.checkInSubmit2{border-radius:0 15px 15px 0;color:#fff;background:#102149;box-shadow:0 4px 4px rgba(0,0,0,.25);padding-right:10px;border:none;cursor:pointer}.checkInSubmit2{width:150px;height:50px;align-items:center;display:flex;justify-content:center;grid-gap:10px;gap:10px}.checkInSubmit3{width:100%}.checkInSubmit3,.checkInSubmit4{border-radius:10px;height:55px;border:none;padding:6px 2rem}.checkInSubmit3,.checkInSubmit4,.checkInSubmit6{background:#102149;box-shadow:0 4px 4px rgba(0,0,0,.25);cursor:pointer;color:#fff}.checkInSubmit6{border-radius:0 15px 15px 0;padding-right:10px;width:50px;height:40px;font-size:12px;border:none;align-items:center;display:flex;justify-content:center;grid-gap:10px;gap:10px}.addcustomerheader{font-size:36px;line-height:1px;text-align:center}.addcustomerheader,.addcustomerheader2{font-family:"Mukta";font-style:normal;font-weight:600;letter-spacing:-.02em;color:#2b3b47}.addcustomerheader2{font-size:25px;line-height:30px}.formboxcontainer{display:flex;flex-direction:column;grid-gap:10px;gap:10px;margin-bottom:1rem}.headingalign{display:flex;flex-direction:row;align-items:center}.formbox{width:600px;height:400px;margin:auto auto 20%}.formbox,.formbox2{box-sizing:border-box;background:#89c8c4;border:1px solid #d05757}.formbox2{width:500px;height:320px;margin:auto auto 25%}.formbox3{width:446px;box-shadow:0 4px 4px rgba(0,0,0,.25);background:#fff;border-radius:24px}.formbox4{width:600px;height:400px}.formbox4,.formbox5{margin-top:2rem;box-shadow:0 4px 4px rgba(0,0,0,.25);background:#fff;border-radius:24px;padding:1.5rem 5rem}.formbox5{width:550px;height:250px}.formbox6{width:600px;height:550px}.formbox6,.formbox7{margin-top:2rem;box-shadow:0 4px 4px rgba(0,0,0,.25);background:#fff;border-radius:24px;padding:1.5rem 5rem}.formbox7{width:550px;height:300px}.formbox8{width:300px;height:270px;padding:.5rem 3rem}.formbox8,.formbox8a{box-shadow:0 4px 4px rgba(0,0,0,.25);background:#fff;border-radius:24px}.formbox8a{width:400px;height:320px;padding:1rem 2rem}.formbox9{width:30%;background:#fcf8f8;display:flex;flex-direction:column;align-items:center;overflow-y:scroll;grid-gap:4px;gap:4px}.formbox9,.formbox10{height:500px;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:10px}.formbox10{width:69%}.sliderheader{display:flex;width:100%;height:100px;padding:5px;overflow-x:scroll;grid-gap:12px;gap:12px}.productlistbody{width:100%;display:grid;grid-template-columns:auto auto auto auto;grid-gap:10px;gap:10px;padding:10px 10px 0}.sliderheaderitem{min-width:15%}.productlistitem,.sliderheaderitem{background:#fff;box-shadow:0 .25px 1px rgba(0,0,0,.15);border-radius:5px;padding:8px 0 0}.productlistitem{min-width:20%;height:150px}.craftitem{display:flex;justify-content:space-around;align-items:center;width:100%;height:80px;background:#fff;box-shadow:0 .25px 1px rgba(0,0,0,.15);border-radius:5px;padding:8px 0 0}.productlistinneritem,.sliderheaderinneritem{display:flex;flex-direction:column;align-items:center;grid-gap:8px;gap:8px}.displayflex{display:flex;align-items:center;justify-content:center}.borderbuttom{border-bottom:5px solid #fd2254;border-radius:10px;margin:6px auto 0}.singlecard{display:flex;flex-direction:column;font-size:13px}.forgap{flex-direction:column}.forgap,.innersinglecard{display:flex;grid-gap:7px;gap:7px}.innersinglecard{margin:7px auto}.imgsize{width:60px;height:60px}.iconback{background:rgba(255,242,233,.8)}.iconback,.iconback2{width:40px;height:35px;opacity:.65;border-radius:16px;display:flex;justify-content:center;align-items:center;margin-right:10px}.iconback2{background:#eaf9ff}.iconback3{background:#ede8ff}.iconback3,.iconback4{width:40px;height:35px;opacity:.65;border-radius:16px;display:flex;justify-content:center;align-items:center;margin-right:10px}.iconback4{background:#ffebef}.singlecardhead{display:flex;grid-gap:100px;gap:100px}.singlecardhead2{margin-top:1rem;padding:30px;height:100px}.singlecardhead2,.singlecardhead3{display:flex;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:25px}.singlecardhead3{padding:20px;height:130px;width:500px}.singlecardhead4{align-items:center;margin-top:1rem;height:60px}.singlecardhead4,.singlecardhead5{display:flex;background:#fff;box-shadow:0 4px 4px rgb(0 0 0/25%);border-radius:25px;padding:10px}.singlecardhead5{height:90px;width:150px;font-size:13px}.combine{display:flex;grid-gap:1rem;gap:1rem}.combine2{display:flex;grid-gap:5px;gap:5px}.editcustomer{width:70%;justify-content:space-around}.editcustomer,.loadingText{margin-top:1rem;display:flex}.loadingText{width:100%;flex-direction:column;justify-content:center;align-items:center;grid-gap:5px;gap:5px}@media screen and (max-width:1200px){.btn{margin-left:83%}.changePass{font-size:28px}.sign-up-container input{width:150px;padding-left:5px;font-size:20px}}@media screen and (max-width:800px){.btn{margin-left:78%}.changePass{font-size:22px}.sign-up-container input{width:110px;padding-left:3px;font-size:15px}tr{font-size:20px}td{padding:0}}@media screen and (max-width:600px){.logoimage{display:none}.vipslogo{left:.3rem;top:1.75rem}.checkin{width:100%}.checkinform{margin:0}.checkInSearch{width:150px}.checkInSearch4{width:90%;margin-top:10px}.checkinwidth{width:100%}.combine2{margin-bottom:1rem}.searchbox2{justify-content:center;align-items:center;width:97%;margin-top:3rem}.searchbox2,.searchbox3{flex-direction:column;grid-gap:1rem;gap:1rem}.formbox3{width:92%}.formbox9{width:100%;height:auto}.formbox10{width:96%;height:auto}.innersinglecard{margin:7px auto}.combine{flex-direction:column;margin-bottom:1rem}.singlecardhead2,.singlecardhead3{width:92%}.checkInSearch2{width:175px}.addcustomerheader{margin-top:5rem;font-size:30px}.formbox4{width:320px;height:400px;margin-top:1rem;padding:1.5rem 1rem}.formbox7{margin:7rem auto}.formbox7,.formbox8{width:320px;height:300px;padding:1.5rem 1rem}.formbox8{margin-top:1rem}.setup{overflow:scroll}.editcustomer{width:auto;flex-direction:column;align-items:center;padding-top:3rem;margin:0 auto}.formbox6{width:320px;height:540px;margin-top:1rem;padding:1.5rem 1rem}.btn{margin-left:75%}.changePass{font-size:20px}.sign-up-container input{width:80px;font-size:15px}tr{font-size:15px}.text-center{text-align:start}button,label{font-size:15px}.singlecardhead{grid-gap:50px;gap:50px}}@media screen and (max-width:400px){.btn{margin-left:70%}.sign-up-container input{width:70px;font-size:13px}th{padding:0}td{text-align:start}}@media screen and (max-width:340px){.btn{margin-left:65%}}.diamond{background-image:linear-gradient(90deg,#d3dee7,#82a3dd,#d3dee7)}.gold{background-image:linear-gradient(90deg,#ecd088,#dbb65b,#ebcc7e)}.silver{background-image:linear-gradient(90deg,#cad0d6,#aab3bb,#cad0d6)}:root{--yellow:linear-gradient(180deg,#f8d49a -146.42%,#fad79d -46.42%);--orange:#fca61f;--black:#242d49;--gray:#788097;--purple:linear-gradient(180deg,#bb67ff,#c484f3);--pink:#ff919d;--glass:hsla(0,0%,100%,0.54);--boxShadow:0px 19px 60px rgb(0 0 0/8%);--smboxShadow:-79px 51px 60px rgba(0,0,0,0.08);--activeItem:rgba(247,153,163,0.32941176470588235)}.homeappglass::-webkit-scrollbar{display:none}.homeapp{color:#242d49;color:var(--black);background:linear-gradient(#fce7f3,#e9d5ff);height:100vh;display:flex;align-items:center;justify-content:center;font-family:"Inter",sans-serif}.homeappglass{height:100%;width:100%;background:#f5f5f7;overflow-y:scroll;overflow-x:hidden}.homecontainer{display:flex;grid-gap:16px;gap:16px;grid-template-columns:11rem auto 20rem}.link{color:inherit}.headername{font-family:"Mukta";font-style:normal;font-weight:600;font-size:40px;line-height:66px;text-align:center;letter-spacing:-.02em;margin-top:50px;color:#161616}.sidebar{display:flex;flex-direction:column;background:#fff;position:relative;height:100vh;padding-right:1rem;transition:all .3s ease;overflow-y:scroll}.bars{display:none}.menu{display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem;min-height:83vh;margin-top:.5rem}.menuItem{display:flex;align-items:center;grid-gap:1rem;gap:1rem;height:2.5rem;margin-left:2rem;position:relative;transition:all .3s ease;border-radius:0 .7rem .7rem 0;font-size:16px}.menuItem:hover{cursor:pointer}.active{background:#102149;margin-left:0;padding-right:15px;color:#fff;width:100%}.active:before{content:"";width:8px;height:100%;margin-right:calc(1rem - 8px)}.first{overflow-x:scroll}@media screen and (max-width:1200px){.homeappglass,.homecontainer{grid-template-columns:10% 50% auto}.menuItem>span{display:none}}@media screen and (max-width:768px){.homeappglass,.homecontainer{grid-template-columns:1fr}.sidebar{position:fixed;z-index:9;background:#f3f4f6;width:55%;padding-right:1rem;height:100%}.menuItem>span{display:block}.bars{display:flex;position:fixed;top:1rem;left:60%;background:#f3f4f6;padding:10px;border-radius:10px;z-index:9}.close{left:-60%}.expands{left:0}.not-expands{left:-60%}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--clr-primary:#81d4fa;--clr-primary-light:#e1f5fe;--clr-primary-dark:#4fc3f7;--clr-gray100:#f9fbff;--clr-gray150:#f4f6fb;--clr-gray200:#eef1f6;--clr-gray300:#e1e5ee;--clr-gray400:#767b91;--clr-gray500:#4f546c;--clr-gray600:#2a324b;--clr-gray700:#161d34;--clr-pending:#fff0c2;--clr-pending-font:#a68b00;--clr-unpaid:#ffcdd2;--clr-unpaid-font:#c62828;--clr-paid:#c8e6c9;--clr-paid-font:#388e3c;--clr-link:#2962ff;--radius:0.2rem}html{font-size:22px;color:#fff}body{min-height:100vh;font-size:1rem;font-weight:400;line-height:1.5}.allcustomerheader{display:flex;justify-content:space-between;margin:2rem 1rem 1rem;align-items:center}.table{background-color:#fff;font-family:"Mukta",sans-serif;border-collapse:collapse;text-align:left;color:#2b3b47}.table2{margin:0 auto}.outertable{box-shadow:0 4px 4px rgba(0,0,0,.25)}thead{box-shadow:0 5px 10px #e1e5ee;box-shadow:0 5px 10px var(--clr-gray300)}tr{border-bottom:1px solid #e7e7e7;font-size:25px}td{font-weight:500;padding:10px 20px}td,th{text-align:center}th{padding:10px 0;font-size:18px;color:#fff;line-height:1.4;letter-spacing:.1rem;background:rgba(7,29,84,.9);min-width:90px;font-weight:unset}.block{display:block}.none{display:none}.section{background-color:rgba(0,0,0,.4)}.section,.section2{width:100%;max-width:420px;min-height:400px;display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;align-items:center;padding:1rem}.section2{color:#000}.section3{grid-gap:1rem;gap:1rem;align-items:center;padding:1rem;background-color:rgba(0,0,0,.4)}.formcontainer,.section3{display:flex;flex-direction:column}.formcontainer{grid-gap:10px;gap:10px}.formcontainer2{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.instructions{font-size:.75rem;border-radius:.5rem;background:#000;color:#fff;padding:.25rem;position:relative;bottom:-10px}.instructions>svg{margin-right:.25rem}.offscreen{position:absolute;left:-9999px}.hide{display:none}.valid{color:#32cd32}.invalid,.valid{margin-left:.25rem}.invalid{color:red}.errmsg{background-color:#ffb6c1;color:#b22222;font-weight:700;padding:.5rem;margin-bottom:.5rem}.line{display:inline-block}.container,.container1{width:100%;background-color:azure;color:#000;min-height:100vh}.container1{display:flex;flex-direction:column;justify-content:center;align-items:center}.header{margin-top:1rem}.heading{text-align:center;color:red;text-decoration:underline;margin-bottom:10px}.secondheading{margin-left:1%}h3 span{color:grey}.zero{margin:0;padding:0;color:#000}.link{text-decoration:none}.first{display:flex;flex-direction:column}.lds-facebook{display:inline-block;position:relative;width:1000px;height:1800px;margin-left:50%;margin-top:20vh}.lds-facebook div{display:inline-block;position:absolute;left:8px;width:16px;background:green;-webkit-animation:lds-facebook 1.2s cubic-bezier(0,.5,.5,1) infinite;animation:lds-facebook 1.2s cubic-bezier(0,.5,.5,1) infinite}.lds-facebook div:first-child{left:8px;-webkit-animation-delay:-.24s;animation-delay:-.24s}.lds-facebook div:nth-child(2){left:32px;-webkit-animation-delay:-.12s;animation-delay:-.12s}.lds-facebook div:nth-child(3){left:56px;-webkit-animation-delay:0;animation-delay:0}@-webkit-keyframes lds-facebook{0%{top:8px;height:64px}50%,to{top:24px;height:32px}}@keyframes lds-facebook{0%{top:8px;height:64px}50%,to{top:24px;height:32px}}@media screen and (max-width:600px){.formcontainer{margin-top:1rem}.allcustomerheader{flex-direction:column;margin:1rem auto}.outertable{margin-top:1.2rem}.allcustomerinput{width:250px;box-sizing:border-box;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:10px;border:none}}
/*# sourceMappingURL=main.559fea03.chunk.css.map */