body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background:#f7f7fax;--border:#91a3b0}.navbar{align-items:center;background-color:#fff;background-color:var(--accent);border-bottom:1px solid #91a3b0;border-bottom:1px solid var(--border);display:flex;flex-direction:row;font-family:Nunito Sans,sans-serif;height:65px;justify-content:flex-start;position:fixed;width:100%;z-index:1}.menu-bars{background:none;font-size:1.6rem;margin-left:2rem}.toggle-botton{margin-top:8px;width:22px}.nav-menu{background-color:#fff;background-color:var(--accent);border-right:1px solid #91a3b0;border-right:1px solid var(--border);box-shadow:1px 5px 30px #9a9ab1;display:flex;font-family:Nunito Sans,sans-serif;height:100vh;justify-content:center;left:-100%;position:fixed;top:0 px;transition:.85s;width:250px;z-index:1}.nav-menu.active{left:0;transition:.35s}.nav-text{align-items:center;display:flex;font-family:Nunito Sans,sans-serif;height:60px;justify-content:start;list-style:none;padding:8px 0 8px 16px}.logout{color:red}.nav-text a{align-items:center;border-radius:4px;color:#2c323f;color:var(--text);display:flex;font-family:Nunito Sans,sans-serif;font-size:18px;font-weight:500;height:100%;padding:0 16px;text-decoration:none;width:95%}.nav-text a:hover{color:#1c77ff;color:var(--primary)}.nav-text a:focus{background-color:#1c77ff;background-color:var(--primary);color:#fff}.nav-menu-items{margin-left:-50px;margin-top:-5px;width:100%}.navbar-toggle{align-items:center;background-color:#fff;background-color:var(--accent);display:flex;height:70px;justify-content:start;width:100%;z-index:-1}span{margin-left:16px}.bit-logo{margin-left:15px;max-height:50px;max-width:50px}.nav-title{text-wrap:nowrap;color:#2c323f;color:var(--text);font-family:Nunito Sans,sans-serif;margin-left:15px}.nav-user{color:#4f4b4b;margin-left:auto;margin-right:30px;width:30px}@media(max-width:600px){.nav-title{font-size:1.5em}.toggle-botton{margin-top:8px;width:15px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:root{--primary-bg:#242526;--secondary-bg:#fff;--primary-text-color:#555;--secondary-text-color:#cecece;--border-radius:8px;--speed:200ms}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242526;background-color:var(--primary-bg);font-family:Nunito Sans,sans-serif,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;margin:0}ul{list-style:none}a{text-decoration:none}.menu-trigger img{border-radius:50%;cursor:pointer;overflow:hidden;right:35px;top:20px;width:30px}.dropdown-menu,.menu-trigger img{background-color:#fff;position:absolute}.dropdown-menu{border:1px solid #91a3b0;border:1px solid var(--border);border-radius:8px;border-radius:var(--border-radius);box-shadow:1px 1px 10px #91a3b0;box-shadow:1px 1px 10px var(--border);padding:5px 20px;right:20px;top:70px;width:auto}.dropdown-menu:before{background:#fff;background:var(--secondary-bg);content:"";height:20px;position:absolute;right:20px;top:-5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:20px}.dropdown-menu.active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.dropdown-menu.active,.dropdown-menu.inactive{transition:.2s ease;transition:var(--speed) ease}.dropdown-menu.inactive{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);visibility:hidden}.dropdown-menu ul li:hover a{cursor:pointer}.dropdown-menu ul li:hover img{opacity:1}.dropdownItem{display:flex;margin-bottom:10px}.dropdownItem a{margin-left:-45px;transition:.2s;transition:var(--speed)}:root{--background:#eef2f6;--accent:#fff;--primary:#1c77ff;--secondary:#ff7c7c;--text:#2c323f;--sidebar:#fff;--primary-hover:#1563d7;--tab-hover:#acb1bdc2;--tab-active:#fff;--sidebar-focus:#0080ff97;--grid-header:#f1f5f9}.GoogleSignin{align-items:center;display:flex;flex-direction:row;height:9vh;justify-content:center;width:98%}.icon{grid-column:1/1;grid-row:1/1;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.icon--moon{transition-delay:.2s}.icon--sun{-webkit-transform:scale(0);transform:scale(0)}#switch:checked+.icon--moon{-webkit-transform:rotate(1turn) scale(0);transform:rotate(1turn) scale(0)}#switch:checked~.icon--sun{-webkit-transform:scale(1) rotate(1turn);transform:scale(1) rotate(1turn);transition-delay:.2s}#BackToHome,#NotificationBell,#ProfileAvatar{height:60%;width:100%}#SideBarHomeIcon{margin-right:2vw}#EyeIcon{cursor:pointer;height:4vh;width:5vw}#outlined-basic{border:none;height:100%;margin-right:2vw;width:20vw}#outlined-basic-date{height:100%;margin-right:2vw;width:22.5vw}#outlined-multiline-static{border:none;height:100%;width:20vw}#FormControlRadio{font-size:2em;margin-right:10vw}#muiTextField{border-bottom:10em}#deleteIcon{height:3vh;width:3vw}.sidebar-text{margin-left:35px;position:fixed;z-index:0}.withdraw-button{border:none;height:5vh;margin-right:320px;width:9vw}@media only screen and (min-width:1030px){.with-text{font-size:1vw}}@media only screen and (max-width:1023px){.with-text{font-size:1.2vw}}@media only screen and (max-width:600px){.with-text{font-size:1.7vw}}@media only screen and (max-width:431px){.with-text{font-size:2.4vw}}.react-time-picker{display:inline-flex;position:relative}.react-time-picker,.react-time-picker *,.react-time-picker :after,.react-time-picker :before{box-sizing:border-box}.react-time-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-time-picker__wrapper{border:thin solid gray;display:flex;flex-grow:1;flex-shrink:0}.react-time-picker__inputGroup{box-sizing:initial;flex-grow:1;min-width:calc(12px + 3.674em);padding:0 2px}.react-time-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-time-picker__inputGroup__divider,.react-time-picker__inputGroup__leadingZero{display:inline-block}.react-time-picker__inputGroup__input{-webkit-appearance:textfield;appearance:textfield;background:none;border:0;box-sizing:initial;color:currentColor;font:inherit;height:100%;min-width:.54em;padding:0 1px;position:relative}.react-time-picker__inputGroup__input::-webkit-inner-spin-button,.react-time-picker__inputGroup__input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.react-time-picker__inputGroup__input:invalid{background:rgba(255,0,0,.1)}.react-time-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-time-picker__inputGroup__amPm{-webkit-appearance:menulist;appearance:menulist;font:inherit}.react-time-picker__button{background:transparent;border:0;padding:4px 6px}.react-time-picker__button:enabled{cursor:pointer}.react-time-picker__button:enabled:focus .react-time-picker__button__icon,.react-time-picker__button:enabled:hover .react-time-picker__button__icon{stroke:#0078d7}.react-time-picker__button:disabled .react-time-picker__button__icon{stroke:#6d6d6d}.react-time-picker__button svg{display:inherit}.react-time-picker__clock{background-color:#fff;border:thin solid #a0a096;height:200px;max-width:100vw;padding:25px;width:200px;z-index:1}.react-time-picker__clock--closed{display:none}.react-clock{display:block;position:relative}.react-clock,.react-clock *,.react-clock :after,.react-clock :before{box-sizing:border-box}.react-clock__face{border:1px solid #000;border-radius:50%;bottom:0;left:0;position:absolute;right:0;top:0}.react-clock__hand{bottom:0;left:50%;position:absolute;right:50%;top:0}.react-clock__hand__body{background-color:#000;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.react-clock__mark{bottom:0;left:50%;position:absolute;right:50%;top:0}.react-clock__mark__body{background-color:#000;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.react-clock__mark__number{left:-40px;position:absolute;text-align:center;width:80px}.react-clock__second-hand__body{background-color:red}.flex1{display:flex;gap:155px}.innerflex{display:flex;flex-direction:column}.flex3{display:flex;gap:180px}.details_container{left:50%;padding:10px;position:absolute;top:50%;-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%)}@media only screen and (max-width:1000px){.details_container{height:62%;left:50%;overflow-y:scroll;position:absolute;top:60%;-webkit-transform:translate(-45%,-60%);transform:translate(-45%,-60%)}.flex1,.flex3{display:flex;flex-direction:column;gap:10px}}.add-student{margin-right:10vh;position:absolute;right:0}@media only screen and (max-width:600px){.add-student{margin-right:5vh;position:absolute;right:0}}.title{font-family:inherit;font-weight:600}