:root{--ThemeColor: #00426b;--ButtonColor: #5ec4b4;--ContainerBackgroundColor: #f2f5f7}html,body{box-sizing:border-box;font-family:Arial,sans-serif;height:100%;margin:0;padding:0}*,*:before,*:after{box-sizing:inherit;margin:0 auto}h1{font-size:3rem;display:flex;justify-content:center;margin:2rem}h2{margin:2rem 0;display:flex;justify-content:center}.DemoWarning{color:red;text-transform:uppercase;display:flex;justify-content:center}.MenuIcon{font-size:2.5rem;color:#fff;position:absolute;z-index:2;top:1rem;left:8rem;cursor:pointer;display:flex;flex-direction:column}.MenuIconName{font-size:.9rem}.GreenBtn,::-webkit-file-upload-button{background-color:var(--ButtonColor);border-radius:1000px;margin-top:2rem;margin-bottom:2rem;width:220px;padding:14px 35px;border:none;font-size:18px;transition:.3s;cursor:pointer;text-align:center;line-height:1.2rem}.LoginBtn:hover,.SignUpBtn:hover,.CancelBtn:hover,.GreenBtn:hover,.EditBtn:hover,.TRUploadBtn:hover,::-webkit-file-upload-button:hover{background-color:#83e2d4}.GreyBtn,button:disabled{background-color:#c4c4c4;border-radius:1000px;margin-top:2rem;margin-bottom:2rem;width:220px;padding:14px 35px;border:none;font-size:18px;transition:.3s;cursor:pointer}.GreyBtn:hover,button:disabled:hover{background-color:#ddd}.DisabledBtn,button:disabled{background-color:#c4c4c4;color:#fff;border-radius:1000px;margin-top:2rem;margin-bottom:2rem;width:220px;padding:14px 35px;border:none;font-size:18px;transition:.3s;cursor:pointer}.MenuOption:hover,.MenuOption:hover .MenuBtn{background-color:var(--ContainerBackgroundColor);transition:.3s}.SelectedBtn,.SelectedBtn button{background-color:var(--ContainerBackgroundColor)}label{margin-top:1.5rem;justify-content:center;margin:1rem}li{list-style-type:none}.LoginPage input,.AccountDetailsPage input,select{width:20rem;height:2.3rem;border-radius:5px;border:1px solid #c0c0c0;justify-content:center;padding:5px 5px 5px 10px}input+span{position:relative}form.Submitted input:invalid,form.Submitted textarea:invalid,form.Submitted select:invalid{border:1px solid red}form.Submitted input:invalid+span:before,form.Submitted textarea:invalid+span:before,form.Submitted select:invalid+span:before{content:"✖";color:red}form.Submitted input:valid+span:before,form.Submitted textarea:valid+span:before,form.Submitted select:valid+span:before{content:"✓";color:green}textarea{width:20rem;height:4rem;border-radius:5px;border:1px solid #c0c0c0;justify-content:center;padding:5px 5px 5px 10px}.UploadInput{font-size:1rem;border:none;width:30vw;min-width:330px}hr{margin:2rem auto}.LoginPage,.AccountDetailsPage,.AOHomePage,.TRPage{position:relative;overflow:hidden;background-color:#e4ebef;z-index:0;min-height:100vh;padding-left:1rem}.ErrorPage{display:flex;flex-direction:column}.LoginPage:before,.AccountDetailsPage:before,.AOHomePage:before,.TRPage:before,.ErrorPage:before{content:"";width:calc((100vw - 200px)/2 + 400px);height:100%;background-color:#f2f5f7;display:block;position:absolute;bottom:0;left:0;clip-path:polygon(0% 0%,100% 0%,80% 100%,0% 100%);z-index:-10}.AlertContainer{margin-top:1rem;margin-bottom:1rem;max-width:60vw}nav{background-image:linear-gradient(55deg,var(--ThemeColor) 57%,#147285 100%);color:#fff;position:relative;top:0;z-index:1}a{text-decoration:none}.Logo img{height:auto;width:250px}.LoginContainer{margin:1rem;display:flex;flex-wrap:wrap}.LoginNewUserContainer,.LoginExistingUserContainer{display:flex;flex-direction:column;justify-content:center;line-height:3rem;background-color:#fff;padding:3.5rem;transition:.3s;margin:1rem auto}.LoginNewUserContainer:hover,.LoginExistingUserContainer:hover{box-shadow:5px 5px 5px #ececec}.UserLoginForm{display:flex;flex-direction:column}footer{text-align:center;margin:3.5rem;font-size:.8rem;line-height:1.5rem;color:#3b3b3b}.AccountDetailInputField{display:grid;grid-template-columns:3fr 3fr 1fr;align-items:center}.AccountDetailButtons{display:flex}.SideMenu{width:250px;position:absolute;left:0;z-index:1;background-color:#e4ebef;padding-top:2rem;height:100%}.MenuTitle{border-bottom:1px solid rgba(1,66,106,.2);padding:1.2rem;color:#01426a}.MenuBtn{font-style:none;border:none;background-color:#e4ebef;font-size:1rem;height:4rem;width:100%;text-align:left;text-indent:.5rem;-moz-user-select:none;-webkit-user-select:none}.MenuBtn:hover{cursor:pointer}.MenuGoBtn{position:absolute;right:10px;font-size:1.2rem}.Instruction{font-size:1.3rem;padding:1rem 0}@media screen and (max-width: 576px){.LoginContainer,footer{margin-left:.5rem;margin-right:.5rem}nav>.Logo{margin-left:8rem}h1{font-size:1.5rem}h2{font-size:1rem}.LoginNewUserContainer,.LoginExistingUserContainer{margin-top:1rem;margin-bottom:1rem;padding:1.5rem}.AccountDetailsForm{max-width:80vw}.AccountDetailInputField{display:flex;flex-direction:column;flex-wrap:wrap}label{margin:1rem 0 0;justify-content:center;font-size:.8rem}.LoginPage input,.AccountDetailsPage input,select,.AccountDetailsPage textarea{width:15rem}.MenuHidden{display:none}.MenuIcon{left:1rem}.PopUpMenuHidden{display:none}.AOHomePage section,.TRPage section{max-width:80vw}}@media screen and (min-width: 577px) and (max-width: 990px){.LoginContainer,footer{margin-left:.5rem;margin-right:.5rem}nav>.Logo{margin-left:13rem}.MenuIcon{left:3rem}h1{font-size:1.8rem}.LoginNewUserContainer,.LoginExistingUserContainer{margin-top:1rem;margin-bottom:1rem;padding:1.5rem}.AccountDetailsForm{max-width:80vw}.MenuHidden,.PopUpMenuHidden{display:none}.AOHomePage section,.TRPage section{max-width:80vw}}@media screen and (min-width: 991px) and (max-width: 1399px){.LoginContainer,footer{margin-left:3rem;margin-right:3rem}nav>.Logo{margin-left:15rem}.LoginNewUserContainer,.LoginExistingUserContainer{margin-top:1rem;margin-bottom:1rem;padding:1.5rem}.AccountDetailsForm{max-width:40vw}h1{font-size:2rem}.AccountDetailsPage,.AOHomePage,.TRPage{padding-left:17rem}.AOHomePage section,.TRPage section,.AccountDetailsPage section{max-width:60vw}.MenuIcon{display:none}}@media screen and (min-width: 1400px){.LoginContainer,nav>.Logo,footer{margin-left:18rem;margin-right:18rem}.LoginNewUserContainer,.LoginExistingUserContainer{padding:3.5rem}.AccountDetailsForm{max-width:30vw}.AccountDetailsPage,.AOHomePage,.TRPage{max-width:100vw;padding-left:17rem}.AOHomePage section,.TRPage section,.AccountDetailsHeader{max-width:60vw}.MenuIcon{display:none}}