*{margin:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}

/*! tailwindcss v2.2.10 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */html{-moz-tab-size:4;tab-size:4;line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{box-sizing:border-box;border:0 solid}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.top-0{top:0}.top-3{top:.75rem}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.left-2{left:.5rem}.z-10{z-index:10}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-bottom:1rem}.mt-4,.my-4{margin-top:1rem}.mr-2{margin-right:.5rem}.mr-5{margin-right:1.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.ml-4{margin-left:1rem}.ml-10{margin-left:2.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-60{height:15rem}.h-96{height:24rem}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.w-36{width:9rem}.w-56{width:14rem}.w-64{width:16rem}.w-96{width:24rem}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.flex-1{flex:1 1 0%}.flex-grow{flex-grow:1}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.cursor-pointer{cursor:pointer}.cursor-notAllowed{cursor:not-allowed}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.self-center{align-self:center}.justify-self-end{justify-self:end}.overflow-auto{overflow:auto}.whitespace-nowrap{white-space:nowrap}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.border-b{border-bottom-width:1px}.border-transparent{border-color:transparent}.border-gray-300{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity))}.border-gray-500{--tw-border-opacity:1;border-color:rgba(107,114,128,var(--tw-border-opacity))}.border-mainColor{--tw-border-opacity:1;border-color:rgba(5,140,177,var(--tw-border-opacity))}.focus\:border-gray-300:focus,.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity))}.focus\:border-mainColor:focus{--tw-border-opacity:1;border-color:rgba(5,140,177,var(--tw-border-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgba(254,202,202,var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity:1;background-color:rgba(209,250,229,var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgba(110,231,183,var(--tw-bg-opacity))}.bg-pink-400{--tw-bg-opacity:1;background-color:rgba(244,114,182,var(--tw-bg-opacity))}.bg-serinoDark{--tw-bg-opacity:1;background-color:rgba(20,22,32,var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-no-repeat{background-repeat:no-repeat}.p-0{padding:0}.p-4{padding:1rem}.p-0\.5{padding:.125rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pr-1{padding-right:.25rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-14{padding-bottom:3.5rem}.pl-0{padding-left:0}.pl-72{padding-left:18rem}.text-left{text-align:left}.text-center{text-align:center}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.leading-5{line-height:1.25rem}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgba(156,163,175,var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgba(220,38,38,var(--tw-text-opacity))}.text-mainColor{--tw-text-opacity:1;color:rgba(5,140,177,var(--tw-text-opacity))}.text-light-grey{--tw-text-opacity:1;color:rgba(119,119,119,var(--tw-text-opacity))}.text-smsBlack{color:#00000}.text-RedColor{--tw-text-opacity:1;color:rgba(224,84,104,var(--tw-text-opacity))}.text-SkyBlueColor{--tw-text-opacity:1;color:rgba(66,168,196,var(--tw-text-opacity))}.focus\:text-gray-600:focus,.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgba(75,85,99,var(--tw-text-opacity))}.focus\:text-smsBlack:focus{color:#00000}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-100{opacity:1}.hover\:opacity-70:hover{opacity:.7}*,:after,:before{--tw-shadow:0 0 transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}*,:after,:before{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent}.filter{--tw-blur:var(--tw-empty,/*!*/ /*!*/);--tw-brightness:var(--tw-empty,/*!*/ /*!*/);--tw-contrast:var(--tw-empty,/*!*/ /*!*/);--tw-grayscale:var(--tw-empty,/*!*/ /*!*/);--tw-hue-rotate:var(--tw-empty,/*!*/ /*!*/);--tw-invert:var(--tw-empty,/*!*/ /*!*/);--tw-saturate:var(--tw-empty,/*!*/ /*!*/);--tw-sepia:var(--tw-empty,/*!*/ /*!*/);--tw-drop-shadow:var(--tw-empty,/*!*/ /*!*/);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.sepia{--tw-sepia:sepia(100%)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:"Poppins Medium";src:url(/static/media/Poppins-Medium.9e1bb626.ttf)}@font-face{font-family:"Poppins Light";src:url(/static/media/Poppins-Light.f41b63c0.ttf)}@font-face{font-family:"Poppins Regular";src:url(/static/media/Poppins-Regular.8081832f.ttf)}.App{display:flex;height:100vh;width:100%;flex-direction:row;overflow:auto;--tw-bg-opacity:1;background-color:rgba(244,248,252,var(--tw-bg-opacity))}.AppPageContainer{display:flex;height:100%;width:100vw;flex-direction:column}.Navbar{display:flex;height:auto;width:100%;justify-content:space-between;--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));padding-right:2.5rem}.SideNavbar{position:fixed;top:0;left:0;height:100%;width:18rem;--tw-bg-opacity:1;background-color:rgba(33,39,50,var(--tw-bg-opacity));padding-top:2rem;padding-bottom:2rem;padding-left:1.5rem;text-align:left;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}@media (min-width:1024px){.SideNavbar{font-size:1rem;line-height:1.5rem}}@media (min-width:1536px){.SideNavbar{font-size:1.125rem;line-height:1.75rem}}.PageContainer{height:auto;width:100%;--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.AccordionMain{padding-left:2rem}.AccordionMain,.AccrdionHeading{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.AccrdionPanelItems{display:flex;width:100%;flex-direction:column;border-left-width:2px}.AccrdionPanelItems:focus-within{--tw-border-opacity:1;border-color:rgba(66,168,196,var(--tw-border-opacity))}.AccrdionPanelItems{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgba(179,183,188,var(--tw-text-opacity))}.AccrdionPanelItems:focus-within{--tw-text-opacity:1;color:rgba(66,168,196,var(--tw-text-opacity))}.AccrdionPanelItems:hover{--tw-text-opacity:1;color:rgba(66,168,196,var(--tw-text-opacity))}.AccrdionPanelItems{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.Login{position:relative;display:grid;height:100vh;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;background-image:linear-gradient(90deg,var(--tw-gradient-stops));--tw-gradient-from:#212732;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(33,39,50,0));--tw-gradient-stops:var(--tw-gradient-from),#212732,var(--tw-gradient-to,rgba(33,39,50,0));--tw-gradient-to:#212732;font-family:Poppins Regular;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgba(32,61,93,var(--tw-text-opacity))}.Envelope{left:.5rem;opacity:.4}.Envelope,.Eye{position:absolute;top:.75rem}.Eye{right:.75rem;cursor:pointer}.LoginInput{width:24rem;border-radius:.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgba(195,204,218,var(--tw-border-opacity))}.LoginInput:focus-within{--tw-border-opacity:1;border-color:rgba(59,130,246,var(--tw-border-opacity))}.LoginInput{padding:.5rem 2rem;outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.LoginLogoContainer{align-items:center;justify-content:center;text-align:center}.LoginLogoContainer,.LoginLogoContainer2{grid-column:span 3/span 3;display:flex;height:100%;width:100%;flex-direction:column}.LoginForm{grid-column:span 2/span 2;width:100%;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.Form,.LoginForm{display:flex;flex-direction:column}.Form{margin-left:auto;margin-right:auto;width:24rem}.SignIn{width:100%;text-align:center;font-size:2.25rem;line-height:2.5rem}.InputContainer{margin-bottom:1.25rem;display:flex;width:100%;flex-direction:column;font-size:1rem;line-height:1.5rem}.ErrorLogin{font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgba(220,38,38,var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.LoginBtn{width:100%;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;border-radius:.125rem;background-image:linear-gradient(90deg,var(--tw-gradient-stops));--tw-gradient-from:#065f46;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(6,95,70,0));--tw-gradient-stops:var(--tw-gradient-from),#065f46,var(--tw-gradient-to,rgba(6,95,70,0));--tw-gradient-to:#065f46;padding-top:.5rem;padding-bottom:.5rem;text-align:center;font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.LoginBtn:hover{opacity:.9}.LoginBtn{--tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width:640px){.sm\:mb-7{margin-bottom:1.75rem}}@media (min-width:768px){.md\:mb-7{margin-bottom:1.75rem}}@media (min-width:1024px){.lg\:mb-24{margin-bottom:6rem}}hr{margin:8px 0}.dropdown-content{display:none;position:absolute;right:0;background-color:#f9f9f9;min-width:160px;border:1px solid #b8b8b8;z-index:1;padding:10px 0}.dropdown-content div{padding:3px 16px;text-decoration:none;font-size:.9rem;font-weight:400;display:block}.dropdown-content div:hover{background-color:#eee}.dropdown{position:relative;display:inline-block}.dropdown:active .dropdown-content,.dropdown:focus .dropdown-content,.show{display:block;text-align:start}.dropdown-image{display:inline-block;margin:0 7px 0 12px}table{width:100%;height:auto;overflow-y:scroll}table td,table th{top:0;border:1px solid #ddd}table tr:nth-child(2n){background-color:#f2f2f2}table tr:hover{background-color:#ddd}table th,tfoot td{text-align:center;background-color:#333;color:#fff}.table,.table-wrapper{width:100%;height:100%}.table{border:1px solid #ddd;border-spacing:0}.tr>:last-child>.td{border-bottom:0}.th{font-weight:700}.td,.th{padding:6px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;background-color:#fff;overflow:hidden}.td>:last-child,.th>:last-child{border-right:0}.td{position:relative}.table.sticky{overflow:auto;height:94%}.footer,.pagination,.table.sticky>.header{position:-webkit-sticky;position:sticky;z-index:1;width:100%}.table.sticky>.header{top:0}.table.sticky>.footer,.table.sticky>.pagination{bottom:0}.table.sticky>.body{position:relative;z-index:0}.table.sticky>[data-sticky-td]{position:-webkit-sticky;position:sticky;z-index:3}.table.sticky>.body>div>.tr>div[data-sticky-td=true]{z-index:2!important}.pagination{padding:.5rem 0;bottom:0;z-index:3}.table-sorting{display:inline-block;margin-left:7px}.caret-up{transform:rotate(180deg)}.pagination{display:flex;justify-content:space-between;width:100%}select.pagination-pageSize{-webkit-appearance:none;-moz-appearance:none;padding:2px 10px;font-weight:700}.pagination-pages{justify-self:flex-end}.pagination-pages>button{padding:2px 7px;font-weight:700}.pagination-pages>button.page-link.active{border-bottom:2px solid #058cb1;color:#058cb1}.table-checkbox{-webkit-filter:hue-rotate(-25deg);filter:hue-rotate(-25deg)}.row-borderline{border:1px solid #058cb1}.edit-header-page{padding:1.25rem 1rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;background:#fff 0 0 no-repeat padding-box;box-shadow:0 3px 6px rgba(0,0,0,.1607843137254902);opacity:1}.edit-header-page>div>.title{font-weight:600;font-size:1.29rem}.edit-header-page>.header-item-right,.header-item-left{display:flex;flex-direction:row}.edit-header-page>div>.button{width:auto;background-color:#000;font-weight:600;font-size:medium;color:#ddd;padding:5px 25px;white-space:pre-line;text-align:center}.edit-header-page>div>div>.dropdown>.button-more{background-color:#eee;padding:8px}.edit-header-page>div>div.button-more-margin>.dropdown>.button-more{margin:0 15px}.edit-header-page>div>.close-button{padding:8px 14px}.table-more-action-button{color:#fff;display:flex;flex-direction:row;width:162px!important;justify-content:space-evenly;align-items:center;background-color:#919191;padding:8px}.editGradebook{width:100vw;height:100vh;background-color:#f4f4f4;font-size:14px}.gradebook-table{height:calc(100vh - 200px);overflow:auto}.gradebook-table>.table-wrapper>.table.sticky>.header>.tr>.th{background:#f8f8f8;text-align:center;font-weight:500}.gradebook-table>.table-wrapper>.table{border:none;padding-left:1.5rem}.mainheader{font-weight:650;text-align:center}.subheader{color:grey;font-size:smaller;text-align:center;font-weight:400}.gradebook-table>.table-wrapper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.gradebook-table>.table-wrapper>.table.sticky>.pagination{display:none!important}.componentName{color:#fff;font-weight:400;display:flex;justify-content:center;align-items:center;height:100%}.gradebook-info{text-align:left;display:flex;padding:5px 10px}.gradebook-info-column1{flex:1.2 1;font-size:.9rem;font-weight:500}.gradebook-info-column2{flex:1.5 1;font-size:.9rem;font-weight:500}.gradebook-info-column1-child-title{color:#000;font-weight:700;display:inline-block}.info-width1{width:60px}.info-width2{width:70px}.text-bold{font-weight:650}.text-gray{color:grey}.text-success{color:#06aa33}.column-centered{justify-content:center}.column-centered,.column-text-left{display:flex;align-items:center;height:100%}.column-text-left{justify-content:flex-start}.column-header-deactived>.column-header-more,.column-header-hovering>.column-header-more{display:none}.column-header-activated,.column-header-hovering:hover{position:relative}.column-header-activated>.column-header-more,.column-header-hovering:hover>.column-header-more{display:block;position:absolute;top:0;right:0}.column-header-more>.more-action{cursor:pointer}.toDeactive{opacity:.3}.column-header-background[role=columnheader]{background:#e2e2e2;display:flex!important;justify-content:center;align-items:center}.column-header-background,.column-header-total[role=columnheader]{background:#fff;border:1px solid #e9e9e9}.column-header-total[role=columnheader]{display:block!important;text-align:center;padding:6px;font-weight:650}.column-header-total{background:#fcf9f9;display:flex!important;justify-content:center;align-items:center;border:1px solid #e9e9e9}.column-header-student[role=columnheader]{background:#f8f8f8;display:block!important;padding:6px 20px;font-weight:650;border-top:1px solid #e9e9e9;white-space:nowrap;position:relative}.column-header-student{padding:0 20px;border-top:1px solid #e9e9e9;background-color:#fff}.column-header-component[role=columnheader]{background:#f8f8f8;display:block!important;text-align:center;padding:6px;font-weight:650;border-top:1px solid #e9e9e9}.column-header-component{padding:6px 20px;border-top:1px solid #e9e9e9;background-color:#fff}.column-background1{background-color:#f8f8f8;border-top:1px solid #e9e9e9;display:flex!important;justify-content:center;padding:6px}.column-background2{background-color:#f8f8f8}.column-background2,.column-border1{border:1px solid #e9e9e9}.table-sorting-additional{display:inline-block;margin-left:7px;position:absolute;top:12px;bottom:auto;right:24px}.column-subheader-component-calculated[role=columnheader]{background:#fff;display:block!important;text-align:center;padding:6px;font-weight:650;border-top:1px solid #e9e9e9}.column-subheader-component-calculated{padding:6px 20px;border-top:1px solid #e9e9e9;background-color:#fcf9f9;color:#000!important}.column-subheader-component-grade[role=columnheader]{background-color:#efefef!important;border-top:1px solid #e9e9e9;display:flex!important;justify-content:center;padding:6px}.column-subheader-component-grade{padding:6px 0;background-color:#fff!important;border-top:1px solid #e9e9e9;background-color:#fcf9f9;color:#000!important}.gb-button-more>.dropdown>.button-more{background-color:#eee;padding:8px;margin:0 15px}.editGradebook>div>.edit-header-page>div>.dropdown>.button-more.target-button.table-more-action-button{background-color:#058cb1}.altColor,.altColor.column-subheader-component-grade[role=columnheader]{background:#e2e2e2!important}.altColor.column-subheader-component-grade{background:#fff!important}.saveColumn{background:#058cb1;width:45px;color:#fff;font-size:small;border-radius:3px}@media (max-width:640px){.editGradebook{position:relative;overflow:auto}.gradebook-table{height:calc(100vh - 200px)}.edit-header-page,.gradebook-info{flex-direction:column}.editGradebook>div>.edit-header-page>div>.dropdown>.button-more.target-button.table-more-action-button{width:100%!important;justify-content:center}.editGradebook>div>.edit-header-page>div>.dropdown{margin-top:1rem;width:100%!important}.editGradebook>div>.edit-header-page>div>.dropdown>.button-more.target-button.table-more-action-button>svg{position:absolute;right:15px}.editGradebook>div>.edit-header-page>div>.dropdown>.dropdown-content,.editGradebook>div>.edit-header-page>div>.dropdown>.dropdown-content.show{width:100%!important}.info-width1{width:70px}}#submitModal{width:25rem;height:12rem;margin:auto;padding:25px!important}.buttons-wrapper{align-self:end}.button-cancel{width:4rem;background-color:#ececec}.button-proceed{background-color:#000}@media (max-width:640px){#submitModal{width:auto}}#okModal{width:25rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;padding:25px!important}.modal-wrapper1{display:flex;flex-direction:column;justify-content:space-between;height:100%}.buttons-wrapper1{align-self:center}.button-ok{width:8rem;padding:5px 10px;background-color:#058cb1;text-align:center;color:#fff;margin-left:15px}@media (max-width:640px){#okModal{width:auto}}#importModal{height:550px;width:35rem;margin:auto;display:flex;flex-direction:column;justify-content:space-between}#importModal>.modal-import-wrapper>.import-heading{font-size:20px;margin-bottom:1.5rem;font-weight:600}.light-gray-color{color:#ccc}.step-wrapper{margin-bottom:1.5rem}.step-count{font-weight:700;margin-bottom:5px;color:#058cb1}div>.files-dropzone{border:1px dashed #a9a9a9;border-radius:5px;text-align:center;padding:20px;cursor:pointer;height:8rem}.files-dropzone-error{color:red;font-weight:700;font-size:12px}.files-dropzone-success{color:green;font-weight:700;font-size:12px}.buttons-import-wrapper{display:flex;justify-content:center}.buttons-import-wrapper>.button-cancel{width:auto;background-color:#fff;border:1px solid #c6c6c6;text-align:center}.buttons-import-wrapper>.button-upload{width:auto;padding:5px 10px;background-color:#058cb1;text-align:center;color:#fff;margin-left:15px}@media (max-width:640px){#importModal{width:auto}.buttons-import-wrapper{padding-top:1rem}}#importErrorModal{max-width:800px;width:auto;height:585px;margin:auto;display:flex;flex-direction:column;justify-content:space-between}#importErrorModal>.modal-import-err-wrapper{height:auto}#importErrorModal>.modal-import-err-wrapper>.import-heading{font-size:20px;margin-bottom:1.5rem;font-weight:600}.buttons-import-err-wrapper{display:flex;justify-content:center}.buttons-import-err-wrapper>.button-cancel{width:auto;background-color:#fff;border:1px solid #c6c6c6;text-align:center}.buttons-import-err-wrapper>.button-upload{width:auto;padding:5px 10px;background-color:#058cb1;text-align:center;color:#fff;margin-left:15px}html{--scrollbarBG:#cfd8dc;--thumbBG:#90a4ae}.import-error-msg-wrapper{height:300px;background-color:#f2f2f2;position:relative;overflow:auto;scrollbar-width:thin;scrollbar-color:#058cb1 #fff}.import-error-msg-wrapper::-webkit-scrollbar{width:11px}.import-error-msg-wrapper::-webkit-scrollbar-track{background:#fff;margin-top:.5rem;margin-bottom:.5rem;border-radius:6px}.import-error-msg-wrapper::-webkit-scrollbar-thumb{background-color:#058cb1;border-radius:6px;border:1px solid #fff}@media (max-width:640px){#importErrorModal{width:auto}.import-error-msg-wrapper{height:280px}}.loader{margin:100px auto;font-size:25px;width:.8em;height:.8em;border-radius:50%;position:relative;text-indent:-9999em;animation:load5 1.1s ease infinite;transform:translateZ(0)}@keyframes load5{0%,to{box-shadow:0 -2.6em 0 0 #fff,1.8em -1.8em 0 0 rgba(25,25,25,.2),2.5em 0 0 0 rgba(25,25,25,.2),1.75em 1.75em 0 0 rgba(25,25,25,.2),0 2.5em 0 0 rgba(25,25,25,.2),-1.8em 1.8em 0 0 rgba(25,25,25,.2),-2.6em 0 0 0 hsla(0,0%,100%,.5),-1.8em -1.8em 0 0 hsla(0,0%,100%,.7)}12.5%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.7),1.8em -1.8em 0 0 #fff,2.5em 0 0 0 rgba(25,25,25,.2),1.75em 1.75em 0 0 rgba(25,25,25,.2),0 2.5em 0 0 rgba(25,25,25,.2),-1.8em 1.8em 0 0 rgba(25,25,25,.2),-2.6em 0 0 0 rgba(25,25,25,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.5)}25%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.5),1.8em -1.8em 0 0 hsla(0,0%,100%,.7),2.5em 0 0 0 #fff,1.75em 1.75em 0 0 rgba(25,25,25,.2),0 2.5em 0 0 rgba(25,25,25,.2),-1.8em 1.8em 0 0 rgba(25,25,25,.2),-2.6em 0 0 0 rgba(25,25,25,.2),-1.8em -1.8em 0 0 rgba(25,25,25,.2)}37.5%{box-shadow:0 -2.6em 0 0 rgba(25,25,25,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.5),2.5em 0 0 0 hsla(0,0%,100%,.7),1.75em 1.75em 0 0 #fff,0 2.5em 0 0 rgba(25,25,25,.2),-1.8em 1.8em 0 0 rgba(25,25,25,.2),-2.6em 0 0 0 rgba(25,25,25,.2),-1.8em -1.8em 0 0 rgba(25,25,25,.2)}50%{box-shadow:0 -2.6em 0 0 rgba(25,25,25,.2),1.8em -1.8em 0 0 rgba(25,25,25,.2),2.5em 0 0 0 hsla(0,0%,100%,.5),1.75em 1.75em 0 0 hsla(0,0%,100%,.7),0 2.5em 0 0 #fff,-1.8em 1.8em 0 0 rgba(25,25,25,.2),-2.6em 0 0 0 rgba(25,25,25,.2),-1.8em -1.8em 0 0 rgba(25,25,25,.2)}62.5%{box-shadow:0 -2.6em 0 0 rgba(25,25,25,.2),1.8em -1.8em 0 0 rgba(25,25,25,.2),2.5em 0 0 0 rgba(25,25,25,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.5),0 2.5em 0 0 hsla(0,0%,100%,.7),-1.8em 1.8em 0 0 #fff,-2.6em 0 0 0 rgba(25,25,25,.2),-1.8em -1.8em 0 0 rgba(25,25,25,.2)}75%{box-shadow:0 -2.6em 0 0 rgba(25,25,25,.2),1.8em -1.8em 0 0 rgba(25,25,25,.2),2.5em 0 0 0 rgba(25,25,25,.2),1.75em 1.75em 0 0 rgba(25,25,25,.2),0 2.5em 0 0 hsla(0,0%,100%,.5),-1.8em 1.8em 0 0 hsla(0,0%,100%,.7),-2.6em 0 0 0 #fff,-1.8em -1.8em 0 0 rgba(25,25,25,.2)}87.5%{box-shadow:0 -2.6em 0 0 rgba(25,25,25,.2),1.8em -1.8em 0 0 rgba(25,25,25,.2),2.5em 0 0 0 rgba(25,25,25,.2),1.75em 1.75em 0 0 rgba(25,25,25,.2),0 2.5em 0 0 rgba(25,25,25,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.5),-2.6em 0 0 0 hsla(0,0%,100%,.7),-1.8em -1.8em 0 0 #fff}}#exportModal{width:25rem;height:12rem;margin:auto;padding:25px!important}.modal-wrapper{display:flex;flex-direction:column;justify-content:space-between;height:100%}.buttons-wrapper{align-self:center}.button-cancel{background-color:#fff;border:1px solid #c6c6c6}.button-cancel,.button-proceed{width:8rem;padding:5px 10px;text-align:center}.button-proceed{background-color:#058cb1;color:#fff;margin-left:15px}@media (max-width:640px){#exportModal{width:auto}}.importPageWrapper{width:100vw;height:100vh}.import-loading-page{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.progress-bar-header{font-weight:700;text-align:center}.progress-bar-wrapper{display:grid;grid-template-columns:1fr 40px;align-items:center;justify-content:center;max-width:600px;width:100%;margin:0 auto}.progress-bar{height:20px;position:relative;background:#e5e7eb;border-radius:25px;padding:10px}.progress-bar-percentage{margin-left:10px}.import-page-table>div>.table-wrapper{margin:auto;position:relative}.import-page-table>div>.table-wrapper>.table>.header{background-color:#fff}.import-page-table>div>.table-wrapper>.table>.body{height:75vh;overflow:auto}.import-table-wrapper{position:relative;overflow:auto}#pdfModal{width:700px;margin:auto}@media (max-width:640px){#pdfModal{width:auto}}.gradebook-page-wrapper{padding:1.1rem;background-color:#f4f4f4;font-size:14px;height:100%}.gradebook-page-table{display:block;position:relative;overflow:auto;height:calc(100% - 235px)}.table-filter-button{display:flex;flex-direction:row;width:100px;justify-content:space-evenly;align-items:center;background:#fff!important;color:#000;border:1px solid #707070}.table-filter-search-wrapper>div>.dropdown>.table-more-action-button{background-color:#058cb1}.gradebook-page-table>.table-wrapper>.table>.header>.tr>.th{border:transparent}.gradebook-page-table>.table-wrapper{background:transparent}.th{border-left:0;border-right:0;border-top:0;background-color:transparent;padding:5px 0 10px 15px}.td{border:0;padding:15px}.gradebook-page-table>.table-wrapper>.table>.body>.tr{margin-top:5px}.gradebook-page-table>.table-wrapper>.table{border:0}.gradebook-page-table>.table-wrapper>.table>.body{position:relative;overflow:auto;height:90%}.gradebook-page-table>.table-wrapper>.table>.body>.tr>.td{position:static}.td>.dropdown{position:absolute}.vertical-dot{font-size:1.2rem}.table-filter-search-wrapper>div>.dropdown>.button-more{padding:8px}.table-filter-search-wrapper{display:flex;justify-content:space-between;padding:1rem 0}.pageTitle{font-size:1.4rem;padding:0 0 1rem}.input-search{width:100%;padding-left:2rem;padding-right:1rem;margin:0}.filter-button{display:flex;flex-direction:row;width:90px!important;justify-content:space-evenly;align-items:center;border:1px solid #707070}.filter-box{position:absolute;top:100%;left:0;padding:10px 15px 0;background-color:#fff;min-width:150px;border:1px solid #ccc;z-index:1}.filter-control-input{position:absolute;z-index:1;background:#fff}.copyright-wrapper{background:#5b8e55;font-size:.45rem;line-height:1rem}.top-nav{padding:1rem 1.6rem 1rem .2rem!important}.top-nav2{padding-right:1.6rem!important}.App{background-color:#f4f4f4}.ReactModal__Overlay.ReactModal__Overlay--after-open{z-index:50}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:#e5efff;margin-top:.5rem;margin-bottom:.5rem;border-radius:1rem}::-webkit-scrollbar-thumb{background-color:#058cb1;border-radius:1rem;border:1px solid #e5efff}.input-outline{outline:none}.input-gradebook{height:2.5rem}.input-gradebook,.input-max-score-gradebook{width:4.5rem;text-align:center;outline:none}.input-line{position:absolute;width:30px;height:2px;background-color:#dfdfdf;margin-left:20px;margin-top:32px}
/*# sourceMappingURL=main.d0086195.chunk.css.map */