#loginBox{padding:15px;margin:100px auto auto;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:300px;background-color:transparent}.inputBox{margin-top:10px}.Button{padding:20px}.Container{height:100vh;display:flex;justify-content:center;align-items:center}.InputBox{max-width:400px;display:flex;justify-content:center;align-items:center;margin:auto;height:100px}.table{max-width:1200px;margin:100px auto auto;padding:25px}.Instruction-btn{max-width:400px;margin:auto;display:flex;justify-content:center}.table-heading{text-align:center;font-size:1.5rem}.Modal{display:flex;justify-content:center;align-items:center;height:100%}.modal-table{max-width:1200px;background-color:#faebd7;padding:20px;border:1px solid black;border-radius:5px}.modifyButton{max-width:400px;margin:25px auto auto;display:flex;justify-content:center}.mainSection{margin-top:25px;text-align:center}.Container{display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center;height:50vh;max-width:600px;margin:auto}.table{max-width:1200px;margin:auto}.buttons{padding:5px}.pagiNation{width:600px;margin:25px auto}.viewinfo-container{width:80%;margin:auto}.photo{width:90px;height:120px;border:1px solid black}.all-info{padding:10px}.sub-title{display:flex;flex-direction:row;justify-content:space-between}.Box{padding:10px;display:grid;grid-template-columns:1fr 1fr 1fr}p{padding:2px}@media screen and (max-width: 1000px){.Box{padding:10px;display:grid;grid-template-columns:1fr 1fr}}@media screen and (max-width: 600px){.Box{padding:10px;display:grid;grid-template-columns:1fr}.container{width:100%;margin:auto}}.container{height:100vh;display:flex;justify-content:center;align-items:center}.search{width:600px}.Heading h1{color:teal;text-align:center}.Heading{padding:12px;border-radius:5px;max-width:400px;box-shadow:0 7px 10px 10px #00000008;border:1px solid black;margin:25px auto 0}.badges{display:flex;flex-direction:row}.badge{display:flex;flex-direction:column;justify-content:center;padding:5px;border:1px solid #9E9FA5;margin-left:9px;border-radius:5px;height:64px}.search-area{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.badge-title{color:#8062d6}.upper-area{width:70%;display:grid;grid-template-columns:1fr 1fr;margin:56px auto 54px}.table-area{width:80%;margin:45px auto 25px}.page-item{color:#fff}.pagination{display:flex;justify-content:center}.page-link{color:#fff;display:inline;cursor:pointer;padding:8px;border-radius:5px;background-color:#26a69a;font-weight:700;box-shadow:0 15px 8px 8px #0000001a;margin-right:5px}.pageButtons{margin-top:20px;display:flex;justify-content:space-between}@media screen and (max-width: 1024px){.upper-area{width:70%;display:grid;grid-template-columns:1fr;gap:25px;margin:25px auto 0}}.tbl-loading{width:60%;margin:auto}*{margin:0;padding:0}.floor-title{color:#ff8551}.image{width:45px;border:1px solid black}.occupants{padding:20px;display:flex;justify-content:space-around}#room-paper{width:400px;margin:25px auto 0}.table-container{margin:15px auto 25px}.occup{display:flex;flex-direction:row;justify-content:space-between;width:50%;margin:200px auto 0}.Allot-btn{margin:45px auto}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box;color:#000;margin:0;padding:0}.logo-heading h1{font-family:Montserrat;font-weight:700;font-size:1.4rem}.logo-heading p{font-family:Urbanist;font-size:1rem;margin-top:-7px;color:gray}.logo-heading{margin-top:25px}#logo{width:80px;padding:10px}.logo-link{text-decoration:none}.pages{padding-right:5%;justify-content:right;align-items:center}.smallMenu{margin-right:2%;justify-content:right;align-items:center}@media screen and (max-width:768px){.logo-heading h1{font-size:1.4rem}.logo-heading p{font-size:1rem}#logo{width:70px}.logo-container{display:none}.logo-container-small{display:flex;flex-direction:row;justify-content:space-around}}@media screen and (min-width:768px){.logo-container{display:flex;flex-direction:row;justify-content:space-around}.logo-container-small{display:none}}*{font-family:Nunito}h1{font-family:Montserrat,Times New Roman,Times,serif;font-weight:700;font-size:1.5rem}h2{font-family:Urbanist;font-weight:600;font-size:1.5rem}p{font-family:Nunito;font-weight:400}@media screen and (max-width:768px){h1,h2{font-size:1rem}p{font-size:.7rem}}.link{text-decoration:underline;color:#00f}