@import url(https://fonts.googleapis.com/css2?family=Schoolbell&display=swap);.card{margin:30px;width:190px;height:254px;position:relative;background:#f5f5f5;transition:box-shadow .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:5px 5px;border-radius:20px}.card-img{height:100%;background-color:rgba(255,226,95,.9529411764705882);border-radius:20px}.card-img,.card-info{position:absolute;width:100%}.card-info{bottom:0;padding:1rem;display:flex;align-items:flex-end;justify-content:space-between}.card-icon{opacity:0;transform:translateX(-20%);width:2em;height:2em;transition:all .3s ease-in-out}svg{--size:20px;width:var(--size);height:var(--size)}p{line-height:140%}.text-title{font-weight:900;font-size:18px}.text-subtitle{color:#333;font-weight:500;font-size:16px}.card-text{color:rgba(0,26,51,.8274509803921568)}.card:hover{box-shadow:0 10px 20px 4px rgba(35,35,35,.1)}.card:hover .card-icon{opacity:1;transform:translateX(20%)}.courses-container{grid-area:courses;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}body{margin:0}.nav-top{grid-area:navbar;padding:0;margin:0;width:auto}.notification{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.notificationcount{font-family:Arial,Helvetica,sans-serif}.notification>.notificationcount{top:8px;right:22px;color:#fff;background-color:#dc3549;height:14px;min-width:5px;font-size:12px;font-weight:500;position:absolute;border-radius:14px;padding:0 6px;display:flex;align-items:center;justify-content:center}.title-div{display:flex;align-items:center}.title-div h2{font-family:Schoolbell,cursive;color:#f9dc59}.title-div img{height:30px;margin-right:5%}.nav-top{display:flex;justify-content:space-between;padding:1rem 2rem;background-color:#04469e}.nav-top ul{display:flex;list-style:none}.nav-top img{width:25px;height:25px}.nav-top li{padding-left:1rem;font-size:1.2rem}.nav-top a{text-decoration:none;color:#f9dc59;font-family:Verdana,Geneva,Tahoma,sans-serif}.nav-top li a:hover,.title-div h2:hover{box-shadow:0 8px 24px 0 rgb(16 39 112/20%);color:#f6f4f7}#join-course-submit-btn{min-height:100%;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:5px}.new-course{width:100%}.create-new-course{width:95%;min-height:10vh;background-color:hsla(0,0%,89.4%,.9921568627450981);padding:20px;margin-top:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;box-shadow:0 0 4px 3px rgba(97,97,97,.308);border:1px solid rgba(83,83,83,.637);border-radius:5px}#new-course-form-header{justify-content:center;font-weight:700;font-size:1rem;line-height:1.5rem;color:rgba(4,15,49,.8705882352941177);text-transform:uppercase}div.form-element{flex-direction:column}div.form-element>input,div.form-element>select{border-radius:4px}div.form-element>textarea{border:2px solid #ccc}form>input[type=button],form>input[type=submit]{width:10%;height:10%;font-size:1rem;border-radius:8px;background-color:#496de2;color:#fff;text-decoration:none;margin:4px 4px;cursor:pointer}form>input[type=submit]:hover{background-color:#04aa6d;box-shadow:0 8px 12px 0 rgb(16 39 112/30%)}form>input[type=button]:hover{background-color:#eb453f;box-shadow:0 8px 12px 0 rgb(16 39 112/30%)}#course-description-input,#course-title-input{width:95%;padding:10px;font-size:1rem}#course-description-input{width:98%;padding:15px;box-shadow:0 8px 12px 0 rgb(16 39 112/20%)}#cost-input,#difficulty-input{width:30%;height:30px;box-shadow:0 8px 12px 0 rgb(16 39 112/20%)}.home-page-hero{font-family:Schoolbell,cursive}.hero-container{display:flex;justify-content:space-between;background-color:#04469e;max-height:20%}.hero-container div{padding:20px}.home-page-btn-container{gap:5px;justify-content:center}.home-page-btn-container button{margin:5px;border:none;border-radius:4px;font-weight:700;font-size:.8em;text-transform:uppercase;padding:10px;background-color:#f9dc59;color:rgba(0,26,51,.8156862745098039)}.home-page-btn-container button,.home-page-btn-container button:hover{box-shadow:0 8px 24px 0 rgba(30,28,59,.6235294117647059);transition:all .3s ease-in-out}.home-page-btn-container button:hover{background-color:#5e6681;color:#f9dc59}.hero-one{flex-direction:column;color:#f6f4f7}.hero-one button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hero-title{font-family:#f9faf8}.hero-subtitle{font-family:#e5e7eb}#new-course-form-popup{z-index:100;width:60%;position:fixed;left:70%;display:block;transform:translate(-80%,-45%)}.footer{padding-top:15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#f6f4f7;background-color:#001a33;text-align:center;padding-bottom:10px}#company-name{font-family:Schoolbell,cursive;margin-top:0;margin-bottom:0}#backpack-logo{max-height:25px}#copyright-info{margin-top:0;border-bottom:1px solid grey;padding-bottom:5px;margin-left:30%;margin-right:30%;font-size:.8rem;color:#b6b6b6}#privacy-link{margin-top:0;text-decoration:underline;font-size:.9rem;font-weight:400;color:#b6b6b6}.classes-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:0;margin-bottom:0;width:100%;height:10%;background-color:#f6f4f7;justify-content:center;display:flex;flex-direction:column;min-height:25%;padding-bottom:50px}.classes-title{text-align:center;padding:5px;font-size:1.8rem;margin-left:20%;margin-right:20%;margin-top:20px;text-transform:uppercase;border-bottom:1px solid rgba(4,15,49,.25882352941176473);color:rgba(4,15,49,.8705882352941177);font-weight:400}.quote-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:30vh;align-items:center}.quote-box,.quote-container{display:flex;background-color:#e5e7eb;justify-content:center}.quote-box{color:rgba(0,26,51,.7803921568627451);flex-direction:column;text-align:center;font-size:14px;font-style:italic;font-weight:lighter;margin:0}.footer{margin-top:0;margin-bottom:0}#login[data-v-2fa37c0e]{font-family:Schoolbell,cursive;background-color:#001a33;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}#app-title-div[data-v-2fa37c0e]{margin-right:0;display:flex;justify-content:center;align-items:flex-end;gap:15px}#app-title-div img[data-v-2fa37c0e]{height:70px;margin-bottom:10px}.form-signin[data-v-2fa37c0e]{width:30vw;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:2rem 1rem;text-align:center;background-color:#ffe760;border-radius:5px;box-shadow:10px 10px #5e6681}input[data-v-2fa37c0e]{width:60%;margin-top:1rem;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;gap:.5em;background-color:#fff8e2;border-radius:4px;padding:.7em 1em}.btn[data-v-2fa37c0e]{margin:1rem;border:none;border-radius:4px;font-weight:700;font-size:.8em;text-transform:uppercase;padding:.6em 1.2em;background-color:#5e6681;color:#fff8e2;box-shadow:0 8px 24px 0 rgb(16 39 112/20%);transition:all .3s ease-in-out}.btn[data-v-2fa37c0e]:hover{background-color:#0b60ce;color:#fcfbf7;box-shadow:0 8px 24px 0 rgb(16 39 112/50%)}.app-title[data-v-2fa37c0e]{margin-bottom:0;font-size:4em;font-weight:500;color:#ffe760}.msg[data-v-2fa37c0e]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:500;text-transform:uppercase;font-size:1.5rem;margin-top:5%;margin-bottom:5%;color:#001a33}#demo-credentials[data-v-2fa37c0e]{display:flex;flex-direction:column;margin-top:10px;text-align:center;align-items:center;justify-items:center}#demo-credentials p[data-v-2fa37c0e]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.8rem;margin:0;font-weight:600;color:#095ac4;background-color:hsla(0,0%,100%,.787);border:1px solid grey;border-radius:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-inline:10px}#demo-credentials .demo-instructions[data-v-2fa37c0e]{font-style:italic;color:#001a33;font-size:.8rem;font-weight:400;background-color:transparent;border:none}#register{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#001a33;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}#error-message{font-family:Arial,Helvetica,sans-serif;color:red;font-weight:700;font-size:1rem}#app-title-div{font-family:Schoolbell,cursive;display:flex;justify-content:center;align-items:flex-end;gap:15px}#app-title-div img{height:70px;margin-bottom:10px}.form-register{width:30vw;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:2rem 3rem;text-align:center;background-color:#ffe760;border-radius:4px;box-shadow:10px 10px #5e6681}#text input{width:70%;margin-top:.5rem;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;gap:.5em;background-color:#fff8e2;border-radius:4px;padding:.5em 1em}#password-label{font-size:.8rem;font-style:italic;font-weight:500;color:#3e4352}#checks{display:flex;justify-content:center;margin-top:10px;gap:10px}.btn{margin:1rem;border:none;border-radius:4px;font-weight:700;font-size:.8em;text-transform:uppercase;padding:.6em 1.2em;background-color:#57ffcb;color:#5e6681;box-shadow:0 8px 24px 0 rgb(16 39 112/20%);transition:all .3s ease-in-out}.btn:hover{background-color:#0b60ce;color:#fcfbf7;box-shadow:0 8px 24px 0 rgb(16 39 112/50%)}.app-title{margin-bottom:0;font-size:4em;font-weight:500;color:#ffe760}.create-account-header{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:500;text-transform:uppercase;font-size:1.5rem;margin-top:5%;margin-bottom:5%;color:#001a33}.new-lesson{min-height:70vh;min-width:50vw;background-color:hsla(0,0%,89.4%,.9921568627450981);box-shadow:0 0 6px 4px rgba(44,43,43,.233);border-radius:10px;padding-left:40px;padding-right:40px;padding-top:20px;padding-bottom:30px;font-family:sans-serif}.create-lesson-header{text-transform:uppercase;text-align:center;color:rgba(3,38,71,.7058823529411765);font-size:1.8rem;padding-bottom:10px}.create-new-lesson{padding:5%}div.form-element{margin-top:10px;margin-bottom:10px}div.form-element>label{display:block;font-weight:700;font-size:1rem;line-height:1.5rem;color:rgba(4,15,49,.6627450980392157);text-transform:uppercase}div.form-element>textarea{width:100%;padding:10px 10px;box-sizing:border-box;border-radius:4px;box-shadow:0 8px 24px 0 rgb(16 39 112/10%);background-color:#f8f8f8;resize:vertical;overflow:auto}#lesson-date-input,div.form-element>textarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#lesson-date-input{box-shadow:0 1px 1px 1px rgba(39,39,39,.171);width:30%}form>input[type=button],form>input[type=submit]{display:inline;width:15%;text-align:center;border:none;box-shadow:0 1px 1px 1px rgba(39,39,39,.171);border-radius:4px;font-weight:700;font-size:.8em;text-transform:uppercase;padding:5px;background-color:#6ddf99;color:rgba(4,15,49,.8705882352941177)}form>input[type=button]{background-color:#d66c6c;color:rgba(4,15,49,.8705882352941177)}form>input[type=button]:hover,form>input[type=submit]:hover{box-shadow:0 8px 24px 0 rgb(16 39 112/40%);transform:translateX(1%);transform:translate3d(2%,2%,2%);background-color:#a71d1d;color:#fff8e2}form>input[type=submit]:hover{background-color:#18a04c;color:#fff8e2;box-shadow:0 8px 24px 0 rgb(16 39 112/40%)}#curriculum-items{display:flex;flex-direction:column}#instruction-item,#overview-item{margin-top:1px;padding-top:8px;padding-bottom:8px;padding-left:3%;padding-right:3%;background-color:rgba(32,45,83,.6313725490196078);border-radius:2px;box-shadow:0 5px 5px 1px rgba(105,105,133,.349);flex-wrap:wrap}#overview-item{background-color:rgba(113,117,160,.3843137254901961);box-shadow:0 5px 5px 1px rgba(40,40,53,.842)}#instruction-item:hover,#overview-item:hover{background-color:rgba(255,253,253,.9607843137254902);color:#1e1c3b;opacity:1;transform:translateX(1%);box-shadow:0 10px 20px 4px hsla(0,0%,40.8%,.1)}#overview-link,.instruction-link{text-decoration:none;color:#f6f4f7;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.1rem;font-weight:300}#instruction-item:hover #instruction-link,#overview-item:hover #overview-link{color:#1e1c3b;font-weight:400}#overview-link{font-weight:500}#instruction-item:has(a.router-link-active){background-color:rgba(255,253,253,.9607843137254902);opacity:1;transform:translateX(1%);box-shadow:0 10px 20px 4px hsla(0,0%,40.8%,.1)}.router-link-active{color:#1e1c3b;font-weight:400}#add-lesson-btn-container{text-align:center;margin-top:10px;margin-bottom:10px}#add-lesson-btn-container button{border:none;border-radius:4px;font-weight:700;font-size:.8em;text-transform:uppercase;padding:10px;padding-inline:10%;background-color:#f9dc59;color:#5e6681;box-shadow:0 8px 24px 0 rgba(30,28,59,.6235294117647059);transition:all .3s ease-in-out}#add-lesson-btn-container button:hover{background-color:#5e6681;color:#ffeba7;box-shadow:0 8px 24px 0 rgb(16 39 112/20%)}#new-lesson-form{position:fixed;left:50%;right:0;top:40%;transform:translate(-50%,-50%)}#edit-textarea{width:100%;height:150px;padding:12px 20px;box-sizing:border-box;border:2px solid #ccc;border-radius:4px;background-color:#f8f8f8;font-size:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;resize:none}#cancel-edit-textarea,#save-edit-textarea{border:none;margin-right:1%;border-radius:4px;font-weight:700;font-size:.8em;text-transform:uppercase;padding:10px;padding-inline:3%;background-color:#6ddf99;color:rgba(4,15,49,.8705882352941177);box-shadow:0 1px 4px 1px rgba(39,39,39,.171);transition:all .3s ease-in-out;margin-bottom:20px}#cancel-edit-textarea{background-color:#d66c6c;color:rgba(4,15,49,.8705882352941177)}#save-edit-textarea:hover{background-color:#18a04c}#cancel-edit-textarea:hover,#save-edit-textarea:hover{color:#fff8e2;box-shadow:0 8px 24px 0 rgb(16 39 112/20%)}#cancel-edit-textarea:hover{background-color:#a71d1d}.course-container{padding:20px;display:flex;flex-direction:column;height:50vh;justify-content:flex-start}.course-container div{margin:10px}.curriculum-details{border-top:1px solid grey}.course-description,.course-title{text-align:center}.edit-course-overview,.edit-curriculum-overview{text-align:right;margin-bottom:10px}#edit-course-overview-btn,#edit-curriculum-overview-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:none;box-shadow:0 1px 1px 1px rgba(39,39,39,.171);border-radius:4px;font-weight:700;font-size:.8em;text-transform:uppercase;padding:5px;padding-inline:3%;background-color:#f76451;color:#f1f1f1;transition:all .3s ease-in-out}#edit-course-overview-btn:hover,#edit-curriculum-overview-btn:hover{background-color:#f9dc59;color:#5e6681}.course-page{background-color:hsla(0,0%,86.7%,.6901960784313725)}.details-container{margin-top:20px;width:100%;height:10%;background-color:#fff;justify-content:center;display:flex;flex-direction:column;min-height:25%}.details-title{text-align:center;font-size:36px;font-weight:1000;color:#1f2937}.assignments-container{display:flex;height:30vh;background-color:#e5e7eb;justify-items:center;align-items:center}.assignments-box{background-color:#e5e7eb;text-align:center;font-size:18px;font-style:italic;font-weight:lighter;margin:80px}.curriculum-container{box-shadow:0 0 0 1px hsla(0,0%,42%,.185);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-left:15%;margin-right:15%;margin-bottom:5%;display:flex;border:none;border-radius:4px;background-color:#f6f4f7;min-height:80vh}.sidebar{flex:0 0 25%;flex-direction:column;flex-wrap:wrap;margin-right:1%;background-color:rgba(4,15,49,.8705882352941177);max-width:25%}.content{flex:0 0 70%;flex-direction:column;background-color:#f6f4f7;padding-left:1%;max-width:75%}#cancel-new-assignment{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-size:1rem;border-radius:8px;background-color:#496de2;border:none;color:#fff;padding:1%;text-decoration:none;margin:4px 4px;cursor:pointer}.create-new-assignment{width:95%;min-height:10vh;background-color:rgba(255,248,217,.5882352941176471);padding:20px;margin-top:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;box-shadow:0 0 4px 3px rgba(97,97,97,.151);border:1px solid rgba(83,83,83,.637);border-radius:5px}#submit-new-assignment{border:none;box-shadow:0 0 0 1px hsla(0,0%,42%,.185);border-radius:4px;font-weight:700;font-size:.8em;text-transform:uppercase;padding:10px;padding-inline:3%;background-color:#f9dc59;color:#5e6681;box-shadow:0 8px 24px 0 rgb(255 235 167/20%);transition:all .3s ease-in-out;margin-bottom:10px}.create-assignment-header{text-transform:uppercase;text-align:center;color:rgba(3,38,71,.7058823529411765);font-size:1.8rem;padding-bottom:10px}#submit-new-assignment:hover{background-color:#18a04c;color:#fff8e2;box-shadow:0 8px 24px 0 rgb(16 39 112/20%)}#assignment-description,#assignment-title{box-shadow:0 1px 3px 1px rgba(39,39,39,.171)}#assigned-date-input,#due-date-input,#total-points-input{border:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 1px 3px 1px rgba(39,39,39,.171);width:30%}#submit-assignment-container button{text-align:right}#submit-assignment-textarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:15px;width:98%;box-shadow:0 0 2px 1px rgba(71,71,71,.205)}#cancel-submission-button,#submit-assignment-button{border:none;margin-right:1%;border-radius:4px;font-weight:700;font-size:.8em;text-transform:uppercase;padding:10px;padding-inline:3%;background-color:#6ddf99;color:rgba(4,15,49,.8705882352941177);box-shadow:0 1px 4px 1px rgba(39,39,39,.171);transition:all .3s ease-in-out;margin-bottom:20px}#cancel-submission-button{background-color:#d66c6c;color:rgba(4,15,49,.8705882352941177)}#submit-assignment-button:hover{background-color:#18a04c;color:#fff8e2;box-shadow:0 8px 24px 0 rgb(16 39 112/20%)}#cancel-submission-button:hover{background-color:#a71d1d;color:#fff8e2;box-shadow:0 8px 24px 0 rgb(16 39 112/20%)}#instruction-heading{text-align:center}#assignment-content{border-top:1px solid grey}#assignment-content h2{text-transform:capitalize}#add-assignment-btn-container,#submit-assignment-btn-container{border-top:1px solid grey;padding-top:10px;text-align:left;margin-top:10px;margin-bottom:10px}#submit-assignment-btn-container{border:none;margin-top:0;margin-bottom:0}#add-assignment-btn-container button,#submit-assignment-btn-container button{border:none;box-shadow:0 0 0 1px hsla(0,0%,42%,.185);border-radius:4px;font-weight:700;font-size:.8em;text-transform:uppercase;padding:10px;padding-inline:3%;background-color:#f9dc59;color:#5e6681;box-shadow:0 8px 24px 0 rgb(255 235 167/20%);transition:all .3s ease-in-out}#submit-assignment-btn-container button{background-color:#6ddf99;color:rgba(4,15,49,.8705882352941177);box-shadow:0 1px 4px 1px rgba(39,39,39,.171);margin-bottom:20px}#add-assignment-btn-container button:hover{background-color:#5e6681;color:#ffeba7;box-shadow:0 8px 24px 0 rgb(16 39 112/20%)}#submit-assignment-btn-container button:hover{background-color:#18a04c;color:#fff8e2;box-shadow:0 8px 24px 0 rgb(16 39 112/20%)}.edit-assignment,.edit-lesson{text-align:right;margin-bottom:10px}#edit-assignment-btn,#edit-lesson-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:none;box-shadow:0 1px 1px 1px rgba(39,39,39,.171);border-radius:4px;font-weight:700;font-size:.8em;text-transform:uppercase;padding:5px;padding-inline:3%;background-color:rgba(243,62,38,.8470588235294118);color:#f1f1f1;transition:all .3s ease-in-out}#edit-assignment-btn:hover,#edit-lesson-btn:hover{background-color:#5e6681;color:#ffeba7}.profile{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-bottom:50vh;width:30vw;padding:1.9rem 1.2rem;text-align:center;background-color:#ffe760;box-shadow:10px 10px #5e6681;margin-top:20px}.profile,.profile_text{border-radius:4px;justify-content:center;margin-left:auto;margin-right:auto}.profile_text{margin-top:.5rem;display:flex;align-items:center;gap:.5em;background-color:#d8ffcf;padding:.5em 1em;width:20rem}.account{flex-direction:column}.account,.hero-container div{display:flex}.hero-one{align-self:center;justify-content:flex-start;color:#f4ff57;width:50%}.course-btns-container{gap:5px;justify-content:center}.course-btns-container button{margin-right:10px;border:none;border-radius:4px;font-weight:700;font-size:.8em;text-transform:uppercase;padding:10px;background-color:#f9dc59;color:#5e6681;box-shadow:0 8px 24px 0 rgba(30,28,59,.6235294117647059);transition:all .3s ease-in-out}.course-btns-container button:hover{background-color:#5e6681;color:#ffeba7;box-shadow:0 8px 24px 0 rgb(16 39 112/20%)}.hero-title{font-family:Schoolbell,cursive;text-align:center;font-size:48px;font-style:extra-bold;color:#f9faf8}.hero-subtitle{font-size:18px;color:#e5e7eb}.hero-picture{border-radius:8px;height:20vh;justify-content:right}.view-grade-form{background-color:hsla(0,0%,89.4%,.9921568627450981);box-shadow:0 0 6px 4px rgba(44,43,43,.233);border-radius:10px;padding-left:40px;padding-right:40px;padding-top:20px;padding-bottom:30px;font-family:sans-serif}#view-grade-form-header{text-align:center;color:rgba(3,38,71,.7058823529411765);padding-bottom:10px}#view-assignment-info{width:100%;margin-bottom:30px;border:none;border-radius:5px}#feedback-content,#view-assignment-info{box-shadow:0 0 4px 3px rgba(97,97,97,.151)}#feedback-content{width:95%;min-height:10vh;background-color:rgba(255,248,217,.9921568627450981);padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;border:1px solid rgba(199,165,15,.637);border-radius:5px}#exit-grade-btn{display:inline;width:15%;text-align:center;border:none;box-shadow:0 1px 1px 1px rgba(39,39,39,.171);border-radius:4px;font-weight:700;font-size:.8em;text-transform:uppercase;padding:5px;background-color:#d66c6c;color:rgba(4,15,49,.8705882352941177)}#exit-grade-btn:hover{box-shadow:0 8px 24px 0 rgb(16 39 112/40%);transform:translateX(1%);transform:translate3d(2%,2%,2%);background-color:#a71d1d;color:#fff8e2}#course-progress-title{text-align:center;padding:5px;font-size:1.5rem;margin-left:20%;margin-right:20%;margin-top:-40px;margin-bottom:20px;text-transform:uppercase;border-bottom:1px solid rgba(4,15,49,.25882352941176473);color:rgba(4,15,49,.6313725490196078);font-weight:500}.student-grade-list{display:flex;flex-direction:column}.student-grades-table{width:90%;border:1px solid rgba(58,58,58,.164);box-shadow:0 0 0 2px rgba(131,130,130,.089);border-radius:10px;border-collapse:collapse;margin-left:5%;margin-bottom:40px}.student-grades-table thead{font-weight:700;font-size:1rem;background-color:hsla(0,0%,86.7%,.6901960784313725);color:rgba(4,15,49,.8705882352941177);border-bottom:2px solid rgba(58,58,58,.425);border-top:1px solid rgba(58,58,58,.164);box-shadow:0 0 0 2px rgba(131,130,130,.089)}.student-grades-table td{border:1px solid hsla(0,0%,41.2%,.11);padding-left:5px;padding-bottom:5px;padding-top:5px;padding-right:5px}#assignment-name{width:60%}#grade-points{width:10%}#grade-status{width:15%}#view-column{width:10%;text-align:center}#view-grade-detail-btn{margin-left:15%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:none;box-shadow:0 1px 1px 1px rgba(39,39,39,.171);border-radius:4px;font-weight:700;font-size:.8em;text-transform:uppercase;padding:5px;padding-inline:8%;background-color:#5e6681;color:#fff8e2;box-shadow:0 8px 24px 0 rgb(16 39 112/20%)}#view-grade-detail-btn:hover{background-color:#0b60ce;color:#fcfbf7;box-shadow:0 8px 24px 0 rgb(16 39 112/50%);transform:translateX(1%);transform:translate3d(2%,2%,2%)}#view-grade-form{position:fixed;left:50%;right:0;max-height:90vh;transform:translate(-50%,-55%)}#points{font-weight:600;color:rgba(4,15,49,.7686274509803922)}.total-course-score{text-align:right;margin-right:10%;text-transform:uppercase;color:rgba(3,38,71,.7058823529411765);padding-bottom:10px;display:inline-flex;justify-content:flex-end;align-items:center}#course-score-number{color:#0b60ce;margin-left:10px;font-size:2rem}.edit-grade-form{background-color:hsla(0,0%,89.4%,.9921568627450981);box-shadow:0 0 6px 4px rgba(44,43,43,.233);border-radius:10px;padding-left:40px;padding-right:40px;padding-top:20px;padding-bottom:30px;font-family:sans-serif}#edit-grade-form-header{text-align:center;color:rgba(3,38,71,.7058823529411765);padding-bottom:10px}#student-assignment-info{width:100%;margin-bottom:30px;box-shadow:0 0 4px 3px rgba(97,97,97,.151);border:none;border-radius:5px}#grade-header-row{font-weight:700;font-size:1rem;background-color:hsla(0,0%,86.7%,.6901960784313725);line-height:1.5rem;color:rgba(4,15,49,.8705882352941177);border-bottom:2px solid rgba(58,58,58,.425);border-top:1px solid rgba(58,58,58,.164);box-shadow:0 0 0 2px rgba(131,130,130,.089)}#grade-body-row{background-color:hsla(0,0%,95.3%,.7058823529411765);line-height:1.5rem}#submission-content{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#fff;width:95%;padding-top:15px;padding-bottom:20px;padding-left:15px;padding-right:15px;margin-top:0;min-height:20vh;max-height:20vh;box-shadow:0 0 2px 1px rgba(71,71,71,.205);border:none;border-radius:5px}#feedback-label,#submission-content-label{font-weight:700;font-size:1rem;line-height:1.5rem;color:rgba(4,15,49,.8705882352941177)}#grade-student-name-head{width:30%}#student-score-table{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;align-items:flex-end;border-collapse:collapse;text-align:center;margin-left:5%;margin-bottom:10px;box-shadow:0 0 4px 4px rgba(97,97,97,.151);border:none;border-radius:10px}#score-header-row{font-weight:700;font-size:1rem;background-color:rgba(171,219,159,.6901960784313725);line-height:1.5rem;color:rgba(4,15,49,.8705882352941177);border-bottom:2px solid rgba(58,58,58,.425);border-top:1px solid rgba(58,58,58,.164);box-shadow:0 0 0 2px rgba(131,130,130,.089)}#score-label{padding:10px}#total-label{background-color:rgba(252,176,105,.8470588235294118);padding:10px}#earned-points-input{align-items:center;width:50px;padding:5px}#total-points-value{text-align:center;font-weight:700;font-size:1rem;line-height:1.5rem;color:rgba(4,15,49,.8705882352941177);border-top:2px solid rgba(58,58,58,.164);border-left:2px solid rgba(58,58,58,.164)}.edit-grade-form>input[type=submit],.edit-grade-form>label{display:block}#feedback{width:95%;min-height:10vh;background-color:rgba(255,248,217,.9921568627450981);padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;box-shadow:0 0 4px 3px rgba(97,97,97,.151);border:1px solid rgba(173,26,26,.637);border-radius:5px}#edit-grade-cancel-btn,#edit-grade-submit-btn{display:inline;width:15%;text-align:center;border:none;box-shadow:0 1px 1px 1px rgba(39,39,39,.171);border-radius:4px;font-weight:700;font-size:.8em;text-transform:uppercase;padding:5px;background-color:#6ddf99;color:rgba(4,15,49,.8705882352941177)}#edit-grade-cancel-btn{background-color:#d66c6c;color:rgba(4,15,49,.8705882352941177)}#edit-grade-cancel-btn:hover,#edit-grade-submit-btn:hover{box-shadow:0 8px 24px 0 rgb(16 39 112/40%);transform:translateX(1%);transform:translate3d(2%,2%,2%);background-color:#a71d1d;color:#fff8e2}#edit-grade-submit-btn:hover{background-color:#18a04c;color:#fff8e2;box-shadow:0 8px 24px 0 rgb(16 39 112/40%)}.teacher-grade-list{display:flex;flex-direction:column}.assignment-div>a{text-decoration:none;color:#0564bd}.assignment-div>a:hover{text-decoration:none;color:rgba(149,33,184,.8705882352941177)}#assignment-grade-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-left:4%;margin-right:4%;margin-bottom:5px}#assignment-grade-title{font-size:1.3rem}#due-date{font-size:1.1rem;color:rgba(4,15,49,.7529411764705882)}.grades-table thead{font-weight:700;font-size:1rem;background-color:hsla(0,0%,86.7%,.6901960784313725);color:rgba(4,15,49,.8705882352941177);border-bottom:2px solid rgba(58,58,58,.425);border-top:1px solid rgba(58,58,58,.164)}.grades-table,.grades-table thead{box-shadow:0 0 0 2px rgba(131,130,130,.089)}.grades-table{width:90%;border:1px solid rgba(58,58,58,.164);border-radius:10px;border-collapse:collapse;margin-left:5%;margin-bottom:40px}.student-grade-row{background-color:#f6f4f7;border-top:1px solid grey}.submitted-highlight{background-color:rgba(250,232,154,.2196078431372549)}.incomplete-highlight{background-color:rgba(235,145,145,.13)}.grades-table td{border:1px solid hsla(0,0%,41.2%,.11);padding-left:5px;padding-bottom:5px;padding-top:5px;padding-right:5px}.grade-name{width:20%}#student-name{font-weight:500;color:rgba(42,42,43,.705)}.grade-points{width:10%}.grade-status{width:12%}.grade-feedback{width:50%}#teacher-feedback{font-style:italic;color:#535353}.view-column{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center}#grade-score-btn{width:90%}#view-grade-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:none;box-shadow:0 1px 1px 1px rgba(39,39,39,.171);border-radius:4px;font-weight:700;font-size:.8em;text-transform:uppercase;padding:5px;padding-inline:8%;background-color:rgba(243,62,38,.6627450980392157);color:#f1f1f1}#view-grade-btn:hover{background-color:#f9dc59;color:rgba(0,26,51,.8156862745098039);box-shadow:0 8px 24px 0 rgb(16 39 112/20%);transform:translateX(1%);transform:translate3d(2%,2%,2%)}#edit-grade-form{position:fixed;left:50%;right:0;transform:translate(-50%,-45%)}.grades{background-color:hsla(0,0%,86.7%,.6901960784313725)}#student-grade-list{box-shadow:0 0 0 1px hsla(0,0%,42%,.185);margin-top:2px;padding-top:5%}#student-grade-list,#teacher-grade-list{width:70%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-left:15%;margin-right:15%;padding-left:20px;padding-right:20px;border:none;border-radius:4px;background-color:#f6f4f7;min-height:50vh}#teacher-grade-list{box-shadow:0 0 0 2px hsla(0,2%,70.8%,.281);margin-top:1px;margin-bottom:50px;padding-top:15px;padding-bottom:15px}