.card{width:fit-content;max-width:75%;display:flex;gap:20px;padding:20px;border-radius:40px;background-color:#0006;margin:3% auto}.card>:last-child>table{margin:auto}.container{display:flex;flex-wrap:wrap;margin:auto 5%;min-height:57vh}h1{margin-top:20px;color:#61df61;margin-bottom:40px}.app>:first-child{overflow:hidden}.home{font-size:3rem}body{background-color:#0070ad;background-image:url(https://www.transparenttextures.com/patterns/swirl.png)}.callDetails img{width:50px}.callDetails{display:flex;justify-content:center;gap:5%;background:#b48a0d;background:radial-gradient(circle,#fbbe09,#f9d848 64%,#f1ff00);box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px,#0a254059 0 -2px 6px inset;width:max-content;margin:2% auto;border-radius:100px;padding:.5% 2%}.callDetails h1{color:#134b70}.callDetails+input{width:70%;height:40px;text-align:left;border-radius:40px;padding:10px 25px;background-color:#cee0ea80;border:none;font-size:1.5rem}.callDetails+input:focus{outline:none}.app{background-color:"fff"}.editbtn{color:#fff}form>div>button{display:block;background-color:#5372f1;padding:7px 20px;border-radius:30px;transition:.3s ease-in;width:50%;margin:50px auto;border:none}a{text-decoration:none}.card>div>div>button,.add{background-color:transparent;border-radius:50%;border-color:#fff;color:#fff}#nav-action{overflow:hidden}.pagination{display:flex;justify-content:center;padding:5%;flex-wrap:wrap;gap:10px}.pagination button{width:5%;height:3%;border-radius:7px;border:2px solid #61BCEE;cursor:pointer;background-color:#06486b;color:#b2dff7;padding:1%;box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px}.pagination button:hover:enabled{background-color:#236488}.pagination .pageBtn{width:10%}button:disabled{background-color:#fff6}@media all and (min-width: 320px) and (max-width: 520px){.card{display:flex;justify-content:center;flex-direction:column;gap:20px;width:fit-content}.card>div+div{width:100%}.home{font-size:2rem;padding-top:8%;margin-right:10%}.callDetails{flex-direction:column;margin-bottom:5%;border-radius:40px;padding:2% 6%}.callDetails div{display:flex;justify-content:center;align-items:center}.callDetails h1{padding-top:5%;margin:0;line-height:80px}h1{color:"red";margin-top:5px}h1+input{height:30px;margin:40px;font-size:1.2rem}.hiddenBtn{left:88%}form{font-size:1.2rem;width:80%;margin:10% auto}form>div>div>div{width:120px}.edit,.edit>div>button,.edit>div>div>input{font-size:1.2rem}input{font-size:1.2rem;margin:10px;width:150px}form>div>button{width:65%;margin:20px auto;font-size:1.2rem}.pagination button{width:50px}.pagination .pageBtn{width:80px}.container{min-height:61vh}}*,*:after,*:before{padding:0;margin:0}.cont{max-width:100%;width:90%;margin:auto;height:12vh;overflow:hidden}.navbar{box-shadow:0 5px 10px #aaa;position:fixed;width:100%;color:#000;background-color:#1b2540;z-index:100}.getIn{display:none}.navbar-container{display:flex;justify-content:space-between;align-items:center}.menu-items{order:2;display:flex}.menu-items img{width:3rem;cursor:pointer}.logo{margin-top:0;width:5rem;height:80%;cursor:pointer;margin-left:5%}.businessName{font-size:2.5rem;color:#ffe7bb}.menu-items li{list-style:none;margin-left:1.5rem;font-size:1.3rem}.navbar a{text-decoration:none;font-weight:500;transition:color .3s ease-in-out}.navbar a:hover{color:#ff0}@media (max-width: 500px){.logo{position:absolute;width:6rem;height:85%;right:10px;font-size:2.5rem}.menu-items,.businessName{display:none}.getIn{display:block;float:left;margin-top:20px;width:4rem}}#footer{background-color:#06527c;height:5vh;padding:2%;color:#b6d7f5;margin-bottom:0}@media all and (min-width:300px) and (max-width:500px){#footer{padding:5%;margin-bottom:0}}.auth>form>button{display:block;background-color:#5372f1;padding:7px 20px;border-radius:30px;transition:.3s ease-in;width:50%;margin:25px auto;border:none;color:#fff;box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px}#uidnote,#emailnote,#pwdnote,#confirmnote{color:red;background-color:#00000080;letter-spacing:2px;width:80%;margin:auto;padding:2%;border-radius:10px}.auth{padding:5%;min-height:65vh}.success h1{padding:10%}.auth>form>h2{font-size:2rem;margin-bottom:10%}.auth>form{width:40%}.hide{display:none}.auth>form>button:hover{background-color:#8198f6;transform:translateY(-5px)}.auth>form>button:active{background-color:#c7cde7;color:#0a1b66}.errmsg{background-color:#ffb6c1;color:#b22222;font-weight:700;padding:.5rem;margin-bottom:.5rem}.valid{color:#0f0}.invalid{color:red}.auth>form>div>div>label{color:#b6d7f5}.auth>form>div>div>label,.auth>form>button,.auth>form>div>input{font-size:1.2rem}.auth>form>div>p>span{font-weight:600;color:#5372f1;cursor:pointer}.success span{color:#0f0;cursor:pointer}.auth>form>div>p,.success p{color:#fff}@media all and (min-width: 320px) and (max-width: 500px){.auth>form{width:80%;padding:10%;margin-top:40%}.auth>form>h2{font-size:1rem;margin-bottom:10%}.auth>form>div{display:flex;flex-direction:row;justify-content:center}.auth>form>div>div>label,.auth>form>button,.auth>form>div>input,.auth>form>div>p{font-size:.8rem}#uidnote,#emailnote,#pwdnote,#confirmnote{font-size:.8rem;width:90%;padding:4%}.success h1{padding-top:60%}.auth>form>div>div{width:150px;display:flex;justify-content:flex-end;margin-top:15px}.errmsg{font-size:.7rem}.auth{min-height:86vh}}#root{width:100%;height:100vh}body{background-color:#0070ad;background-image:url(https://www.transparenttextures.com/patterns/swirl.png)}form>div>button{display:block;background-color:#5372f1;padding:7px 20px;border-radius:30px;transition:.3s ease-in;width:50%;margin:50px auto;border:none;color:#fff;box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px}@media all and (min-width: 320px) and (max-width: 520px){.card{display:flex;justify-content:center;flex-direction:column;gap:20px;width:fit-content}.card>div+div{width:100%}h1{font-size:2rem;margin-top:5px}h1+input{height:30px;margin:40px;font-size:1.2rem}.hiddenBtn{left:88%}form{font-size:1.2rem;width:80%;margin:10% auto}form>div>div>div{width:120px}.edit,.edit>div>button,.edit>div>div>input{font-size:1.2rem}input{font-size:1.2rem;margin:10px;width:150px}form>div>button{width:65%;margin:20px auto;font-size:1.2rem}}*{text-align:center;font-family:Poppins,sans-serif}.masterEdit{padding-top:5%}h1{margin-top:20px;color:#a8d9ec;margin-bottom:40px}img{margin-top:8%;width:250px;border-radius:30px}#root{width:100%}td,th{font-size:large;padding:20px;color:#c0dff1}.card>div+div{overflow-x:auto;width:70%;align-self:center}h3{margin:0 0 20px;color:#7bc4f1}body{background-color:#0070ad;background-image:url(https://www.transparenttextures.com/patterns/swirl.png)}h1+input{width:70%;height:40px;text-align:left;border-radius:40px;padding:10px 25px;background-color:#cee0ea80;border:none;font-size:1.5rem}input+div{position:relative}input{background-color:#57aee3;margin:20px 100px;border-radius:30px;border:none;padding:5px;color:#0a1b66}.hiddenBtn{background:transparent;width:50px;height:50px;position:fixed;left:96%}.admin{display:none}.edit{padding:5%}.edit,.edit>div>button,.edit>div>div>input{font-size:1.5rem}h3+div{display:flex;justify-content:space-around}form{padding:50px 0;background-color:#0006;width:70%;margin:5% auto;border-radius:40px}form>div>div{display:flex;justify-content:center}form>div{display:flex;flex-direction:column}form>div>div>div{width:200px;display:flex;justify-content:flex-end;align-items:center}form>div>button{display:block;background-color:#5372f1;padding:7px 20px;border-radius:30px;transition:.3s ease-in;width:50%;margin:50px auto;border:none;color:#fff}form>div>button:hover{background-color:#8198f6;transform:translateY(-5px)}form>div>button:active{background-color:#c7cde7;color:#0a1b66}form>div>div>div>label{color:#b6d7f5}.card>div>div>button,.add{background-color:transparent;border-radius:50%;border-color:#fff}@media all and (min-width: 320px) and (max-width: 520px){.card{display:flex;justify-content:center;flex-direction:column;gap:20px;width:fit-content}.card>div+div{width:100%}.masterEdit{padding-top:30%}h1{font-size:2rem;margin-top:5px}h1+input{height:30px;margin:40px;font-size:1.2rem}.hiddenBtn{left:88%}form{font-size:1.2rem;width:80%;margin:10% auto}form>div>div>div{width:120px}.edit,.edit>div>button,.edit>div>div>input{font-size:1.2rem}input{font-size:1.2rem;margin:10px;width:150px}form>div>button{width:65%;margin:20px auto;font-size:1.2rem}}