body,html{padding:0;margin:0;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.relative{position:relative}a{color:inherit;text-decoration:underline}li{margin-bottom:20px;margin-left:10px}.flexBox{display:flex;align-items:center;justify-content:space-between;margin:20px}.textLeft{text-align:left;margin-left:30px}a:hover{text-decoration:underline}h1,h2,h3,h4{text-align:center;font-size:30px}label{margin-bottom:10px}input,select{padding:10px;border:none;outline:none;border-radius:16px}button{background-color:#007bff;outline:none;border:none;width:90px;height:40px;border-radius:13px;margin-top:30px;text-align:center;font-size:14px;cursor:pointer}.logoutBtn{margin-top:0;margin-left:20px}.dropdown-container,.dropdown-heading,.dropdown-heading-value{color:#000}button:hover{background-color:#0c81ff79}*{box-sizing:border-box}@media (prefers-color-scheme:dark){html{color-scheme:dark}body{color:#fff;background:#000}}.info{color:skyblue}img{border-radius:15px}.underline{text-decoration:underline;margin-left:20px;cursor:pointer}.underline:hover{color:#007bff}.modalBackground{width:100vw;height:120vh;background-color:#212020;position:fixed;top:0;bottom:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.modalContainer{position:absolute;width:500px;height:700px;overflow-y:scroll;margin-top:-130px;border-radius:12px;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;flex-direction:column;padding:25px}.modalContainer::-webkit-scrollbar{display:none}.modalContainer .title{display:inline-block;text-align:center;margin-top:10px}.titleCloseBtn{display:flex;justify-content:flex-end}.titleCloseBtn button{background-color:transparent;border:none;font-size:25px;cursor:pointer}.modalContainer .body{flex:50% 1;font-size:1.7rem;text-align:center}.modalContainer .body,.modalContainer .footer{display:flex;justify-content:center;align-items:center}.modalContainer .footer{flex:20% 1}.dropdown-content *,.dropdown-heading{color:#000}.modalContainer .footer button{width:150px;height:45px;margin:10px;border:none;background-color:#6495ed;color:#fff;border-radius:8px;font-size:20px;cursor:pointer}#cancelBtn{background-color:crimson;width:auto;padding-left:10px;padding-right:10px}.danger{color:red}.title{color:#010101}.card{box-shadow:0 4px 8px 0 hsla(0,0%,100%,.2);transition:.3s;border:1px solid #efefef;display:block;cursor:pointer;border-radius:12px;padding:20px}.card h4{display:flex;font-size:20px;align-items:center;justify-content:space-between}.card h4 span{font-size:16px}.card:hover{box-shadow:none}.container{margin:20px;display:grid;grid-gap:50px 100px;gap:50px 100px;grid-template-columns:auto auto auto;padding:10px}