@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Roboto,sans-serif}:root{--primaryColor:#004FFF;--hoverColor:#1F64FF;--paleGreen:#1F64FF;--whiteColor:hsl(0, 0%, 100%);--blackColor:hsl(0,0%,18%);--greyText:#EFEFEF;--bgColor:hsl(113,11%,85%);--inputColor:hsl(330,12%,97%);--biggestFontSize:2.5rem;--h1FontSize:1.5rem;--h2FontSize:1.25rem;--h3FontSize:1rem;--normalFontSize:.938rem;--smallFontSize:.813rem;--smallestFontSize:.75rem}.flex{display:flex;align-items:center}.grid{display:grid;align-items:center;gap:1.5rem}html{font-size:90%}a{text-decoration:none}li{list-style:none}.icon{font-size:var(--h2FontSize);cursor:pointer}img.video{height:auto;width:100%}.message{display:none}.showMessage{display:block;color:var(--whiteColor);padding:10px;background:regb(255,0,0);border-radius:1px;text-align:center;background:rgb(255,0,0)}.btn{border:none;outline:none;cursor:pointer;border-radius:8px;padding:.8rem 1rem;color:var(--greyText)}.btn .icon{margin-left:.5rem}.btn:hover{color:var(--primaryColor);background:var(--paleGreen)}.loginPage,.registerPage{height:100vh;width:100%;margin:auto;border-radius:10px;overflow:hidden;box-shadow:0 7px 50px #d6dfd5}.loginPage .container,.registerPage .container{height:75vh;width:60%;margin:auto;justify-content:space-between;border-radius:10px;background:hsl(0,0%,91%)}.loginPage .container .imagediv,.registerPage .container .imagediv{position:relative;display:flex;flex-basis:50%;width:70%;height:100%;text-align:center;justify-content:center;flex-direction:column;margin:auto;border-radius:10px;overflow:hidden}.loginPage .container .imagediv .footerDiv,.registerPage .container .imagediv .footerDiv{position:absolute}.loginPage .container .imagediv img,.registerPage .container .imagediv img{height:100%;width:100%;object-fit:cover;top:0;bottom:0;right:0;left:0}.loginPage .container .imagediv .textDiv,.registerPage .container .imagediv .textDiv{position:relative}.loginPage .container .imagediv .textDiv .title,.registerPage .container .imagediv .textDiv .title{color:var(--whiteColor);font-size:35px;font-weight:800}.loginPage .container .imagediv .footerDiv,.registerPage .container .imagediv .footerDiv{bottom:10px;padding:0 1rem;height:60px;background:rgba(255,255,255,.248);left:0;right:0;justify-content:space-between;border-radius:10px}.loginPage .container .imagediv .text,.registerPage .container .imagediv .text{color:var(--whiteColor)}.loginPage .container .imagediv .btn,.registerPage .container .imagediv .btn{background:var(--whiteColor);color:var(--primaryColor);padding:.8rem 1.5rem;border-radius:10px;font-weight:400;transition:.3s ease}.loginPage .container .imagediv:hover,.registerPage .container .imagediv:hover{background:var(--hoverColor);color:var(--blackColor)}.loginPage .container .formDiv,.registerPage .container .formDiv{flex-basis:50%;margin:auto;flex-direction:column;gap:1.5rem;transform:translateY(-1rem)}.loginPage .container .formDiv .headerDiv,.registerPage .container .formDiv .headerDiv{text-align:center;padding:1.5rem 0}.loginPage .container .formDiv .headerDiv img,.registerPage .container .formDiv .headerDiv img{width:60px;padding-bottom:.5rem}.loginPage .container .formDiv .headerDiv h3,.registerPage .container .formDiv .headerDiv h3{font-size:25px;color:var(--blackColor);font-weight:600}.loginPage .container .formDiv .form,.registerPage .container .formDiv .form{gap:1rem}.loginPage .container .formDiv .form .inputDiv,.registerPage .container .formDiv .form .inputDiv{color:var(--greyText)}.loginPage .container .formDiv .form input,.registerPage .container .formDiv .form input{background:none;outline:none;border:none}.loginPage .container .formDiv .form label,.registerPage .container .formDiv .form label{color:var(--blackColor);font-weight:400;font-size:14px;padding:.5rem 0;display:block}.loginPage .container .formDiv .form .input,.registerPage .container .formDiv .form .input{gap:.5rem;padding:1rem;background:var(--inputColor);border-radius:10px}.loginPage .container .formDiv .btn,.registerPage .container .formDiv .btn{padding:.8rem;background:var(--primaryColor);border-radius:10px;color:var(--whiteColor);align-items:center;margin:auto;justify-content:center;font-size:16px;width:100%;gap:.5rem;transition:.3s ease}.loginPage .container .formDiv .btn .icon,.registerPage .container .formDiv .btn .icon{font-size:25px;transition:.3s ease}.loginPage .container .formDiv .btn:hover,.registerPage .container .formDiv .btn:hover{background:var(--hoverColor);color:var(--blackColor)}.loginPage .container .forgotPassword,.registerPage .container .forgotPassword{font-size:13px;color:var(--blackColor);opacity:.7;text-align:center}.loginPage .container .forgotPassword a,.registerPage .container .forgotPassword a{text-decoration:underline;cursor:pointer;opacity:1}.dashboard{display:flex;flex-direction:column;align-items:center;min-height:100vh;width:100%;margin:auto}.dashboardContainer{flex:1;width:75%;border-radius:10px;overflow:hidden;box-shadow:0 5px 10px #c2c2c2;margin:1em;padding:30px}@media (max-width: 768px){.dashboardContainer{width:90%}}@media (max-width: 576px){.dashboardContainer{width:95%}}@media only screen and (max-width: 500px){.heading{flex-direction:column;align-items:flex-start;gap:1rem}}@media only screen and (max-width: 918px){.heading{flex-direction:row;align-items:center;gap:1rem}}@media only screen and (max-width: 990px){.heading{flex-direction:column;align-items:flex-start;gap:1rem}}@media only screen and (max-width: 602px){.loginPage .container,.registerPage .container{height:100%;width:100%;flex-direction:column;padding:1.5rem}.loginPage .container .imagediv,.registerPage .container .imagediv{width:100%}.loginPage .container .imagediv .textDiv .title,.registerPage .container .imagediv .textDiv .title{font-size:20px}.loginPage .container .imagediv .textDiv p,.registerPage .container .imagediv .textDiv p{padding:1rem}.loginPage .container .imagediv .footerDiv .text,.registerPage .container .imagediv .footerDiv .text{font-size:12px}.loginPage .container .imagediv .footerDiv .btn,.registerPage .container .imagediv .footerDiv .btn{padding:.4rem 1.5rem}.loginPage .container .formDiv,.registerPage .container .formDiv{gap:1rem;transform:translateY(-.5rem)}.loginPage .container .formDiv .headerDiv,.registerPage .container .formDiv .headerDiv{padding:1rem 0}.loginPage .container .formDiv img,.registerPage .container .formDiv img{width:40px}.loginPage .container .formDiv h3,.registerPage .container .formDiv h3{font-size:20px}.loginPage .container .form,.registerPage .container .form{gap:.5rem}.loginPage .container .form .inputDiv input,.registerPage .container .form .inputDiv input{width:100%}}@media only screen and (max-width: 678px){.loginPage .container .imagediv .textDiv .title,.registerPage .container .imagediv .textDiv .title{font-size:25px}.loginPage .container .imagediv .textDiv p,.registerPage .container .imagediv .textDiv p{padding:1rem}.loginPage .container .imagediv .footerDiv .text,.registerPage .container .imagediv .footerDiv .text{font-size:12px}.loginPage .container .imagediv .footerDiv .btn,.registerPage .container .imagediv .footerDiv .btn{padding:.4rem 1.5rem}.loginPage .container .formDiv .headerDiv,.registerPage .container .formDiv .headerDiv{padding:1rem 0}.loginPage .container .formDiv h3,.registerPage .container .formDiv h3{font-size:20px}.loginPage .container .form .inputDiv input,.registerPage .container .form .inputDiv input{width:100%;max-width:200px}}@media only screen and (max-width: 927px){.loginPage .container,.registerPage .container{width:85%}}::-webkit-scrollbar{display:none}.sidebar{position:fixed;top:0;left:0;width:250px;height:100%;background-color:var(--primaryColor);overflow-x:hidden;padding-top:60px;color:var(--whiteColor);font-size:var(--normalFontSize);font-family:Your Font Here,sans-serif;transition:.5s}.sidebar.open{width:250px}.logo-container{text-align:center;margin-bottom:20px}.logo-container .logo-image{max-width:100%;height:auto}.profile-container{text-align:center}.profile-container .profile-image{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:10px}.profile-container .username{margin:0}ul{list-style:none;padding:0;margin-top:20px}li{padding:15px;text-align:center;cursor:pointer;font-size:20px}li>a{color:#fff}li:hover{background-color:var(--whiteColor);color:var(--primaryColor)}li:hover>a{color:var(--primaryColor)}.toggle-btn{position:fixed;top:20px;left:20px;font-size:20px;cursor:pointer;background:none;border:none;color:#000;display:none}.logo-image{width:50%;height:auto}@media screen and (max-width: 768px){.sidebar{width:0;padding-top:20px}.sidebar.open{width:250px}.toggle-btn{display:block}}.MuiTableRow-root>*{padding:10px}.MuiTableRow-root.MuiTableRow-head>*{font-weight:700!important}.Table{padding:50px}.Table>h3{padding:50px}.Table>p{padding-bottom:50px}.Table td,th{border:none!important}TableCell{font-size:20px!important}.Table:first-child{border-radius:.7rem!important}.status{padding:8px;border-radius:9px}.Details{color:#00b5ff!important}.button{float:right;padding:20px!important;font-size:15px!important;background-color:var(--primaryColor)!important;margin-top:30px!important;border-radius:30px!important}.form{gap:1rem}.form .inputDiv{color:var(--greyText)}.form input{background:none;outline:none;border:none;width:100%}.form label{color:var(--blackColor);font-weight:400;font-size:14px;padding:.5rem 0;display:block}.form .input{gap:.5rem;padding:1rem;background:var(--inputColor);border-radius:10px;width:100%}.btn{padding:.8rem;background:var(--primaryColor);border-radius:10px;color:var(--whiteColor);align-items:center;margin:auto;justify-content:center;font-size:16px;width:100%;gap:.5rem;transition:.3s ease}.btn .icon{font-size:25px;transition:.3s ease}.btn:hover{background:var(--hoverColor);color:var(--blackColor)}@media screen and (max-width: 1200px){.Table{width:170%;margin-top:2rem}}@media screen and (max-width: 768px){.Table{position:relative;display:flex;flex-direction:column;align-items:center;width:23rem}}.container{display:flex}.subsidebar{width:200px;background-color:#f0f0f0;padding:10px;box-shadow:2px 0 5px #0000001a}.tab-panels{padding:10px}.tab{cursor:pointer;padding:8px;margin-bottom:4px;background-color:#ddd;border:1px solid #ccc;border-radius:4px;-webkit-user-select:none;user-select:none}.tab:hover{background-color:#eee}.content{padding:20px}.toggle-button{margin:5px;padding:10px;background-color:#fff;cursor:pointer;border-radius:5px;transition:background-color .3s ease;width:200px}.selected{background-color:#d3d3d3;color:#000}.checkbox-container{display:flex}.checkbox-box{display:flex;margin-right:8px}.checkbox-box input{margin:0}.checkbox-label{display:inline-block}.header{grid-area:header;height:60px;display:flex;align-items:center;justify-content:space-between;padding:30px 30px 0;box-shadow:0 6px 7px -3px #00000059;font-size:20px}.menu-icon{display:none}