body{font-family:Lato,sans-serif}.sidebar{background-color:#111;height:100%;left:0;overflow-x:hidden;padding-top:60px;position:fixed;top:0;transition:.5s;width:50px;z-index:10}.sidebar a{color:#818181;display:block;font-size:25px;padding:8px 8px 8px 32px;text-decoration:none;transition:.3s}.sidebar a:hover{color:#f1f1f1}.sidebar .closebtn{cursor:pointer;font-size:36px;margin-left:50px;position:absolute;right:0;top:0}#linkList{opacity:0;transition:opacity .5s}#linkList.show{opacity:1}#linkList.hide{opacity:0}.sidebar.open{width:250px}.sidebar.closed{width:50px}#main.open{margin-left:250px}#main,#main.closed{margin-left:50px}#main{padding:16px;transition:margin-left .5s}@media screen and (max-height:450px){.sidebar{padding-top:15px}.sidebar a{font-size:18px}}.nav-toggle{cursor:pointer;display:flex;flex-direction:column;height:22px;justify-content:space-between;position:absolute;right:1rem;top:1rem;width:22px;z-index:2}.nav-toggle .bar{background-color:gray;height:3px;transition:all .3s ease-in-out;width:100%}.nav-toggle.open .bar:first-child{transform:rotate(45deg);transform-origin:top left;width:28px}.nav-toggle.open .bar:nth-child(2){opacity:0}.nav-toggle.open .bar:nth-child(3){transform:rotate(-45deg);transform-origin:bottom left;width:28px}.layout{display:flex}.login-container{display:flex;height:100vh;width:100%}.login-form-container{display:flex}.login-form-container,.login-image{align-items:center;flex-grow:1;justify-content:center}.login-image img{height:100%;object-fit:cover;width:100%}.login-form{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px}.form-group input{border:1px solid #ccc;border-radius:5px;padding:10px;width:200px}button{background-color:blue;border-radius:5px;color:#fff;padding:10px 15px}.subject-tab,button{border:none;cursor:pointer}.subject-tab{background-color:#fff;color:#9a9a9a;font-size:16px;margin-right:5px;padding:10px;white-space:nowrap}.subject-tab:not(.subject-tab-active):hover{color:#6a6a6a}.subject-tab-active{color:#5a5a5a;font-weight:600}.subjectTabsContainer{background-color:#fff;display:flex;justify-content:space-between;left:66px;padding-left:10px;padding-top:10px;position:-webkit-sticky;position:sticky;top:16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:94vw;z-index:3}.pageTitle{font-size:x-large;font-weight:700;margin-right:20px}.workName{background-color:#fff;left:66px;max-width:200px;min-width:200px;overflow:hidden;padding-left:10px;padding-right:10px;position:-webkit-sticky;position:sticky;text-overflow:ellipsis;white-space:nowrap;z-index:2}.indentedWorkName{left:25px}.graySubtitle{background-color:#fff;color:gray;font-size:small;position:-webkit-sticky;position:sticky;top:0}.clickableTh,.studentTh{cursor:pointer}.studentTh{background-color:#fff;min-width:80px;padding-top:10px;position:-webkit-sticky;position:sticky;top:66px;z-index:3}.mainWorkName{z-index:5}.noteIcon{border:.5px solid gray;border-radius:5px;height:8px;position:absolute;transform:translate(5px,6px);width:8px}.table-container{width:100%}.Bead{border:1px solid gray;border-radius:11px;height:20px;transform:translate(-11.5px,10px);width:20px}.UnplannedBead{background-color:#000;border:1px solid gray;border-radius:6px;height:10px;transform:translate(-6.5px,15px);width:10px}.BeadContainer{border-left:1px solid #000;height:100%;left:40px;position:relative;width:50%}.BeadContainer:has(.Bead){border-left:1px solid #000;position:relative}.BeadContainer:has(.UnplannedBead){border-left:1px solid #000;position:relative}td{height:40px}.NoteCell{border-bottom:1px solid gray;min-width:150px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-container{display:flex;height:100vh;overflow:hidden}.content{display:flex;flex-grow:1;flex:1 1;overflow-y:auto;transition:margin-left .5s}.sidebar-container{flex-shrink:1}.sidebarPage{flex-grow:1}.SmallBeadContainer{border-left:1px solid #000;height:100%;left:25px;width:50%}.tdMinWidth{min-width:50px}.textareaStyling{height:90%;resize:vertical;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.64e2f2dd.css.map*/