@import"https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap";:root{--fs-025: .25rem;--fs-05: .5rem;--fs-075: .75rem;--fs-basic: 1rem;--fs-125: 1.25rem;--fs-15: 1.5rem;--fs-175: 1.75rem;--fs-2: 2rem;--fs-3: 3rem}.cabin-font{font-family:Cabin,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}html,body{margin:0;padding:0;min-height:100vh;background-color:#1b3055;overflow-x:hidden}#landingRoot{display:flex;justify-content:center;height:100vh}.mainCard{width:450px;max-width:90%;margin:auto;background-color:#b2b2b2;padding:2%;display:flex;flex-direction:column;align-items:center}img{display:block;max-width:60%;margin-left:auto;margin-right:auto}h1{margin-top:1%;margin-bottom:5%;font-size:var(--fs-15);text-align:center}form{width:80%}.grid-inputs{display:grid;grid-template-columns:30% 65%;column-gap:5%;row-gap:var(--fs-basic);margin-bottom:var(--fs-125);font-size:var(--fs-basic)}.inputWrapper{position:relative}.inputWrapper>input{border:none;width:85%}.inputWrapper>input:focus{border:none;outline:none;color:#000}label{text-align:end}p{margin-top:var(--fs-2);margin-bottom:var(--fs-05);font-size:var(--fs-075);text-align:center}#logIn{display:block;box-sizing:border-box;width:80%;padding:var(--fs-025);font-size:var(--fs-basic);margin:auto}#logIn:hover,#logIn:focus{box-shadow:0 0 0 2px #ffde73}.error{box-shadow:0 0 0 1px #b00000;color:#b00000}.errorMessageUser{position:absolute;color:#b00000;margin:0;font-size:.5rem;text-align:left}@media (max-width: 600px){:root{--fs-025: .06rem;--fs-05: .125rem;--fs-075: .25rem;--fs-basic: .5rem;--fs-125: .75rem;--fs-15: 1rem;--fs-175: 1.25rem;--fs-2: 1.5rem;--fs-3: 1.75rem}.landingRoot{display:flex}.mainCard{width:100%;max-width:none;margin-top:100px;height:calc(100% - 100px);flex-grow:1;border-radius:70px 70px 0 0}img{margin-top:18%}h1{margin-top:16px;margin-bottom:30px}#fname-label,#id-label{font-size:var(--fs-15)}#hintUser{font-size:var(--fs-125)}}*,*:before,*:after{box-sizing:border-box}#headerDiv{background-color:#1b3055;height:200px;padding:10px 0}#headerImg{display:block;margin:auto;height:100%}#adminRoot{height:100vh;background-color:#fff;display:flex;flex-direction:column}#adminFlexBox{display:flex;flex-grow:1;margin:7% auto;gap:10%}.adminBtn{display:block;box-sizing:border-box;border:solid 5px transparent;padding:3%}.adminBtn>p{display:block;margin-top:10px;font-size:var(--fs-2)}.adminBtn>img{max-width:30%}#btn1:hover{cursor:pointer;border:solid 5px #004b83}#btn2:hover{cursor:pointer;border:solid 5px #ffde73}#logoutBtn{border:none;border-radius:0%;padding:5px 10px;font-size:var(--vs-15);cursor:pointer}#sumCompAll{margin:2% 5%;padding:2%;border:solid 5px #ffde73;display:flex;align-items:center;justify-content:center}#progressAll{margin-right:3%}#progressText{font-size:var(--fs-3);font-weight:1000;margin:0;color:#004b8e}#progressBar{border-radius:0%;border:solid 1px #004b8e}#progressBar::-webkit-progress-value{background-color:#004b8e}#progressBar::-webkit-progress-bar{background-color:#fff}#summaryAll{min-width:35%}.summaryText{font-size:var(--fs-15);text-align:left;margin:0}.text1{margin-bottom:var(--fs-basic)}.summaryComment{margin:0;text-align:left;font-size:var(--fs-basic)}#summaryLoading{font-size:var(--fs-15)}@media (max-width: 600px){#sumCompAll{padding:4%}#progressAll{margin-right:5%}}.projectCard{background-color:#d9d9d9;display:flex;align-items:center;justify-content:space-between;padding:2%;margin-bottom:1%}.projectCard:hover{background:#bfbfbf71}.projectCard>p{font-size:var(--fs-15);margin:0}.late{color:#900}.projectLock{max-width:var(--fs-2);margin:0;opacity:.8}.sessionCard{background-color:#d9d9d9;display:flex;align-items:center;justify-content:space-between;padding:2%;margin-bottom:1%}.sessionCard:hover{background:#bfbfbf71}.sessionCard>img{max-width:var(--fs-2);margin:0}.sessionCard>p{display:block;font-size:var(--fs-15);margin:0}.sesLock{max-width:var(--fs-2);margin:0;opacity:.8}.lockedCard{background-color:#c2c2c2;color:#66666d}#allCards{margin:2% 5%;padding:2%;border:solid 5px #004b8e}#allCards>p{font-size:var(--fs-15);margin-bottom:0}.loading{font-size:var(--fs-15);text-align:center}#checkGradeRoot{min-height:100vh;background-color:#fff;overflow:hidden}.login{background-color:#fff;display:flex;align-items:center;justify-content:space-between;margin:2% 5%}.loginText{margin:0;font-size:var(--fs-15)}.lastComment{font-size:var(--fs-15);margin:2rem 0}#adminBackBtn{display:block;margin:1.5% auto 1.5% 1.5%;border:none;font-size:var(--fs-15);padding:8px 50px}#adminBackBtn:hover{background-color:#004b83;color:#fff}.sessionSetBtn{width:30%;display:flex;gap:20%;align-items:center}.sessionSetBtn>p{font-size:var(--fs-15);margin:0;width:40%;text-align:end}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}.switch input:checked+.slider{background-color:#004b83}.switch input:focus+.slider{box-shadow:0 0 1px #004b83}.switch input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.projectSetCard{margin:0 auto 1.5%;background-color:#fff;padding:1.5% 3%;border:solid 6px #ffde73}.projectCardH1{margin:0;margin-bottom:var(--fs-basic);text-align:left;font-weight:700;font-size:var(--fs-2)}.projectSetCard>.flexContainer{display:flex;justify-content:space-between}#setOkBtn{font-size:var(--fs-15);align-self:flex-end;padding:4px 25px;border:none}#setOkBtn:hover{background-color:#004b83;color:#fff}.setBtns{width:30%}.flexSetBtn{display:flex;gap:20%;margin-bottom:var(--fs-05);align-items:center}.flexSetBtn>p{margin:0;font-size:var(--fs-15);width:40%;text-align:end}.setTotal{display:flex;gap:20%}.setTotal>label{width:40%;font-size:var(--fs-15)}.setTotal>div{width:40%}.setTotal>div>input{border:none;background-color:#e2e2e2;height:100%;padding:0 var(--fs-075);font-size:var(--fs-15)}.setTotal>div>input:focus{outline:none}.errorMessage{font-size:var(--fs-075)}#settingRoot{min-height:100vh;background-color:#fff;overflow:hidden}.cardsLoading{font-size:var(--fs-2);text-align:center}.formWrapperAdmin form{margin:auto;width:70%;border:4px solid #ffde73;padding:3% 6%;font-family:Cabin,serif}.flexRecordType{display:grid;grid-template-columns:35% 40%;grid-column-gap:5%;margin-bottom:var(--fs-basic);justify-content:center}.flexRecordType p{font-size:var(--fs-125);margin:0;text-align:end}.projectBtnWrap>button{display:block;width:49%;font-family:Cabin,serif;border-radius:0;border:none}.projectBtnWrap>button.projectSelect{background-color:#004b83;color:#fff}.projectBtnWrap{display:flex;justify-content:space-between}.projectForm,.sessionForm{display:grid;grid-template-columns:35% 40%;grid-column-gap:5%;grid-row-gap:var(--fs-basic);justify-content:center;align-items:center}.projectForm label,.sessionForm label{font-size:var(--fs-125)}.projectForm>div>input,.sessionForm>div>input{border-radius:0;border:1px solid black;font-size:1rem;font-family:Cabin,serif;width:100%}.projectForm>div>input:focus,.sessionForm>div>input:focus{outline:none;box-shadow:none;border:var(--fs-175) solid #004b83}.projectForm input[type=checkbox]{margin:0;justify-self:start}.sessionForm p{margin:0;font-size:var(--fs-125);text-align:end}.adminSesBtn{display:flex;justify-content:space-between}.adminSesBtn button{display:block;border:1px solid transparent;border-radius:0;font-family:Cabin,serif;width:30%}.adminSesBtn button:hover{border:1px solid #004b83}.adminSesBtn>button.projectSelect{background-color:#004b83;border:1px solid #004b83;color:#fff}.adminProjectBtn{font-family:Cabin,serif;display:block;border:none;border-radius:0;margin:25px auto 0;width:50%;padding:8px 0}.adminProjectBtn:hover,.adminProjectBtn:active{background-color:#ffde73}.projectForm>div>input.errAdminInput,.sessionForm>div>input.errAdminInput{border:1px solid #b00000;color:#b00000;position:relative}.sessionForm>div>.errAdminMes,.projectForm>div>.errAdminMes{position:absolute;color:#b00000;font-size:var(--fs-075);margin:0}