html,body{height:100%;overflow:hidden}:root{--blue:#25b3fd;--green:#8cc63e;--huge-text:1.2rem;--ipad-overflow:32px;--large-text:1.1rem;--navy:#1b315e;--orange:#f36f21;--small-text:0.8rem;--theme-bg-alt-parts:200,200,200;--theme-bg-parts:255,255,255;--theme-button-bg:#eee;--theme-button-fg:#222;--theme-fg-parts:0,0,0;--theme-offset-bg:rgba(var(--theme-fg-parts),0.1);--theme-offset-bg-more:rgba(var(--theme-fg-parts),0.2);--theme-sel-bg-parts:27,49,95;--theme-sel-fg-parts:255,255,255;--theme-table-headers:rgb(var(--theme-bg-parts));--yellow:#ffc20e}body{background:#1b315e;display:flex;flex-direction:column;font-family:'roboto',sans-serif;font-size:10pt;height:100vh}#container{flex:1;overflow:hidden;perspective:800px;position:relative}#framebuster>h1{background:none;border:none;border-radius:0;box-shadow:none;color:#fff;margin:16px 8px;padding:0}#framebuster>p{color:#ddd;line-height:1.5;margin:8px;padding:0}#spine{box-sizing:border-box;float:left;height:100%;padding:128px 0 0;position:relative;text-align:center;width:72px}#panel{float:right;height:100%;overflow:hidden;position:relative;transform-origin:left center;transition:width 0.5s,transform 0.5s;width:320px}#panel.collapsed{transform:rotatey(90deg);width:0}#panel.autohide{display:none}#panel.floating{bottom:0;display:block;margin-right:0;position:absolute;right:0;top:0;transform:none;z-index:1}#panel.floating>.studentInfo{bottom:4px;box-shadow:0 0 8px #000;left:12px;right:4px;top:4px}#content{border-left:solid 1px #eee;display:flex;flex-direction:column;height:100%;margin:0 320px 0 72px;position:relative;transition:margin-right 0.5s}#content.expanded{margin-right:0}#content.autohide{margin-right:0}#content>.toggleSIP,#content>.composeDireqtMessage,#content>.notifications{height:24px;padding:2px;position:absolute;top:4px;width:24px}#content>.toggleSIP{right:8px}#content>.composeDireqtMessage{right:40px}#content>.notifications{right:72px}#content.autohide.floating>.toggleSIP{right:40px}#content.autohide.floating>.composeDireqtMessage{right:72px}#content.autohide.floating>.notifications{right:104px}#title{background:#f8f8f8;font-size:var(--huge-text);font-weight:700;padding:8px;position:relative}#toolbar{align-items:center;background:#eee;border:none;display:flex;margin:0;min-height:28px;padding:4px;position:inherit;text-align:left}#toolbar .spacer{flex:1}#toolbar button{margin:0 4px 0 0}#toolbar .singleSelect{width:256px}#main{background:#fff;box-sizing:border-box;flex:1;overflow:auto;padding:0;position:relative}.toolbar button.save.dirty{background:#3465a4;border-color:#204a87;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.1);color:#fff;text-shadow:0 1px rgba(0,0,0,0.25)}#toolbar button.buttonMenu{float:none}.toolbar button.buttonMenu>svg{position:absolute;right:0;top:12px}#spine>a{background:none;border:none;border-radius:4px 0 0 4px;box-shadow:none;color:#aaa;display:block;font-size:90%;margin:0 0 8px 4px;padding:16px 0;text-shadow:0 1px rgba(0,0,0,0.25);transition:all 0.5s}#spine>a:hover{background-color:rgba(255,255,255,0.25)}#spine>a>svg{height:32px;margin:0;opacity:0.25;padding:0;width:32px}#spine>a>.title{display:block;margin:4px 0 0}#spine>a.active{background-color:#eee;box-shadow:0 0 4px #000;color:#444;text-shadow:0 1px #fff}#spine>a.active>svg{opacity:1}#spine>.logo{border-radius:4px;left:8px;position:absolute;right:8px;top:8px}#spine>.logout{bottom:0;left:0;padding:8px 4px;position:absolute;right:0;width:100%}#spine>.logout.iPadOverflow{bottom:0}#content>.notifications.active{opacity:1}#content>.notifications>svg{margin:0}.loginBox>p{color:#666;display:inline-block;font-size:120%;font-style:italic;vertical-align:middle;width:320px}.loginBox>input{box-sizing:border-box;font-size:120%;margin:8px 0 0;width:100%}.loginBox>img.decoration{display:inline-block;vertical-align:middle}.loginBox>button{box-sizing:border-box;color:#204a87;display:block;font-size:120%;margin:8px 0 0 auto;padding:4px;width:40%}.studentInfo{bottom:0;display:flex;flex-direction:column;left:4px;overflow:hidden;position:absolute;right:0;top:0}.studentInfo .tabset{background:#ccc}.studentInfo .tabset.iPadOverflow{margin-bottom:var(--ipad-overflow)}.studentInfo .disabled{opacity:0.1}.studentInfo .disabled input,.studentInfo .disabled select{background:url(/js/images/unavailable.png)!important}.studentInfo .main{background-color:#fff;display:flex;flex:1;flex-direction:column;overflow:auto;-webkit-overflow-scrolling:touch}.studentInfo .main .note{font-size:125%;padding:100px 0;text-align:center}.studentInfo .selector{background-color:#eee;padding:2px;position:relative}.studentInfo .selector .container{display:block;margin:0 34px 0 0;position:relative}.studentInfo .selector input.singleSelect{box-sizing:border-box;width:100%}.studentInfo .selector button{bottom:2px;margin:0;position:absolute;right:2px;top:2px;width:28px}.studentInfo .selector button svg{margin:0}.studentInfo .tabset .item{align-items:center;display:flex;justify-content:center;min-width:0}.studentInfo .tabset .item>svg{height:16px;width:16px}.studentInfo .generalInfo{background:#333;border:solid 1px #ccc;box-shadow:inset 0 8px 8px -4px #000;padding:8px 0;position:relative}.studentInfo .generalInfo .alerts{padding:4px;position:absolute;right:0;top:0}.studentInfo .generalInfo .alerts svg{cursor:pointer;display:block;height:16px;margin:4px 0;width:16px}.studentInfo .generalInfo .photo{left:8px;position:absolute;top:8px}.studentInfo .generalInfo .photo.loaded img{cursor:pointer;max-height:84px;max-width:64px;transition:transform 0.5s,opacity 0.5s}.studentInfo .generalInfo .photo.loaded img:hover{opacity:0.75;transform:scale(1.1)}.studentInfo .generalInfo .name{color:#fff;font-size:200%;margin:0 24px 0 80px;text-shadow:0 1px #000}.studentInfo .generalInfo .meta{color:#999;margin:0 0 0 80px}.studentInfo .generalInfo .dates{color:#ccc}.studentInfo .generalInfo .gender{color:#ccc}.studentInfo .generalInfo .boarder{color:#729fcf;margin:0 0 0 2em}.studentInfo .generalInfo .email,.studentInfo .generalInfo .mobile{background:none;border:none;box-shadow:none;color:#ccc;padding:0;text-shadow:none}.studentInfo .generalInfo .email:hover,.studentInfo .generalInfo .mobile:hover{color:#eee}.studentInfo .generalInfo>.buttonMenu{bottom:4px;box-sizing:border-box;color:#444;font-size:90%;left:4px;overflow:hidden;padding:0;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:72px}.studentInfo h2{color:#666;display:block;font-size:125%;font-weight:400;padding:0 8px}.studentInfo h3{font-size:100%;font-weight:700;margin:0}.studentInfo h3 .type{color:#888;font-weight:400;margin:0 1ex 0 0}.studentInfo h3 svg{height:16px;margin:0 0 0 8px;vertical-align:bottom;width:16px}.studentInfo .general,.studentInfo .custody{border-bottom:solid 1px #ccc;box-sizing:border-box;height:60px;overflow:auto}.studentInfo .general>div,.studentInfo .custody>div,.studentInfo .doctor>div,.studentInfo .medical>div,.studentInfo .emergency>div{border-top:1px dotted #ccc;padding:4px 0}.studentInfo .general>div:first-child,.studentInfo .custody>div:first-child,.studentInfo .doctor>div:first-child,.studentInfo .medical>div:first-child,.studentInfo .emergency>div:first-child{border-top:0}.studentInfo .general{max-height:96px;min-height:10%}.studentInfo .general.editable{border:dotted 1px #ccc;border-left:none;border-right:none;cursor:pointer;position:relative;transition:background 0.25s,border 0.25s}.studentInfo .general.editable:hover{background:#fff;border-color:#aaa}.studentInfo .general.editable::after{background:#eee;border:dotted 1px #ccc;border-bottom:none;border-right:none;bottom:0;content:url(/js/icons/16/edit.png);opacity:0.5;padding:4px 4px 2px;position:absolute;right:0;transition:opacity 0.25s,background 0.25s}.studentInfo .general.editable:hover::after{background:#f8f8f8;opacity:1}.studentInfo textarea.notesGeneral{border:solid 1px #999;border-left:none;border-radius:0;border-right:none;box-sizing:border-box;color:#333;height:60px;padding:2px 7px;width:100%}.studentInfo .contacts{height:240px}.studentInfo .contacts a{background:none;border:none;box-shadow:none;color:#204a87;padding:0}.studentInfo .contacts a:hover{text-decoration:underline}.studentInfo .doctor,.studentInfo .medical,.studentInfo .emergency{border-bottom:solid 1px #ccc;min-height:80px}.studentInfo .special{max-height:240px;min-height:80px}.studentInfo .general,.studentInfo .custody,.studentInfo .contacts,.studentInfo .doctor,.studentInfo .emergency,.studentInfo .medical,.studentInfo .special{padding:2px 8px}.studentInfo .contacts .contact{border-bottom:solid 1px #ddd;margin:0 0 8px;padding:0 0 8px}.studentInfo .scrollbox{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.studentInfo .attendanceControls,.studentInfo .fileControls,.studentInfo .timetableControls{border-bottom:solid 1px #ccc;padding:8px;text-align:center}.studentInfo .attendanceControls select,.studentInfo .fileControls select{margin:0 8px 0 0;vertical-align:middle;width:100px}.studentInfo .fileControls .checkbox{display:inline-block;vertical-align:middle}.studentInfo .timetableControls select{margin:0 8px 0 0;width:100px}.studentInfo .attendanceControls button,.studentInfo .fileControls button,.studentInfo .timetableControls button{vertical-align:top}.studentInfo .timetableControls button{margin:0 8px 0 0}.studentInfo .timetableControls .navigation{padding:6px 0 0}.studentInfo .timetableControls .navigation .title{color:#204a87;display:inline-block;font-size:150%;font-weight:700;vertical-align:middle;width:150px}.studentInfo .timetableControls .navigation button{margin:0 2px}.studentInfo .timetableControls .navigation button svg{margin:0}.studentInfo .attendanceContainer{height:400px;overflow:auto;-webkit-overflow-scrolling:touch;padding:8px}.studentInfo table.attendance{width:100%}.studentInfo table.attendance thead td{color:#666;padding:2px}.studentInfo table.attendance thead .date{padding:2px 6px;text-align:left}.studentInfo table.attendance tbody tr:hover{background:#ddd}.studentInfo table.attendance tbody td{border-bottom:solid 1px #ccc;font-size:90%;text-align:center}.studentInfo table.attendance tbody .date{color:#444;padding:2px 6px;text-align:left}.studentInfo table.attendance tbody svg{cursor:pointer}#studentInfoSolutionPopup,#attendanceDayViewPopup{margin:2px;transition:left 0.5s,top 0.5s;width:128px}#studentInfoSolutionPopup svg,#attendanceDayViewPopup svg{float:right;margin:0 0 4px 4px}.studentInfo .fileList{border-bottom:solid 1px #ccc;height:380px;overflow:auto;-webkit-overflow-scrolling:touch;padding:8px}.studentInfo .fileList .file{border-bottom:solid 1px #ddd;margin:0 0 4px;padding:0 0 4px}.studentInfo .fileList .file.deleted{background:url(/js/images/deleted.png);opacity:0.5}.studentInfo .fileList .file.report{background-color:#dce7f3;border-radius:4px;font-style:italic;padding:4px 0}.studentInfo .fileList .file>svg{float:left;margin:0 4px}.studentInfo .fileList .file a{background:none;border:none;border-radius:0;box-shadow:none;color:#204a87;display:block;font-size:120%;padding:0}.studentInfo .fileList .file.restricted a{color:#c00}.studentInfo .fileList .file a>svg{padding:0 0 0 4px}.studentInfo .fileList .file.deleted a{color:#444}.studentInfo .fileList .file .meta{color:#444;display:inline;font-size:80%}.studentInfo .pcContainer{overflow:auto}.studentInfo .pcType label,.studentInfo .pcContainer label,.studentInfo .pcPerms .wrapper{display:inline-block;padding:0;vertical-align:middle;width:35%}.studentInfo .pcType input,.studentInfo .pcContainer input,.studentInfo .pcContainer select,.studentInfo .pcContainer .buttonChecklist{box-sizing:border-box;vertical-align:middle;width:65%}.studentInfo .pcContainer .uiFileUpload input{width:200px}.studentInfo .pcType,.studentInfo .pcTime,.studentInfo .pcDefaults,.studentInfo .pcTag,.studentInfo .pcPerms,.studentInfo .pcAlerts,.studentInfo .pcChecks{border-bottom:solid 1px #ccc;padding:6px 8px}.studentInfo .pcPoints,.studentInfo .pcBehalf{padding:6px 8px 0}.studentInfo .pcPerms,.studentInfo .pcChecks,.studentInfo .pcCorrespondence,.studentInfo .pcAlerts{padding:6px 8px}.studentInfo .pcPerms{background:#fee;color:#600}.studentInfo .pcAlerts{background:#eee}.studentInfo .pcPerms .wrapper input{width:auto}.studentInfo .pcPerms .wrapper label{margin:0 0 0 1ex;width:auto}.studentInfo .pcChecks input,.studentInfo .pcCorrespondence input{width:auto}.studentInfo .pcChecks label,.studentInfo .pcCorrespondence label{margin:0 0 0 1ex;width:auto}.studentInfo .pcTime input{margin:2px 0}.studentInfo .pcType .description{color:#777;font-style:italic;line-height:1;overflow:hidden;padding:4px}.studentInfo .pcDetails{margin:8px 8px 0}.studentInfo .pcDetails textarea{box-sizing:border-box;height:60px;width:100%}.studentInfo .pcSave{border-top:solid 1px #aaa;box-shadow:0 -2px 4px rgba(0,0,0,0.25);padding:8px;text-align:center}.studentInfo .pcType{border-bottom:solid 1px #aaa;box-shadow:0 2px 4px rgba(0,0,0,0.25)}.studentInfo .pcSave button{vertical-align:middle}.studentInfo .pcSave button.multi{color:#444;font-size:90%;margin:0 0 0 8px}.studentInfo .pcAttachments{padding:4px}.studentInfo .pcAttachments .file{background-color:#ddd;border-radius:2px;display:inline-block;font-size:90%;margin:2px;padding:2px;text-shadow:0 1px #fff}.studentInfo .pcAttachments .file svg{margin:0 2px 0 0;vertical-align:middle}.studentInfo .pcAttachments .file .remove{color:#666;cursor:pointer;margin:0 4px;vertical-align:middle}.studentInfo .news{flex:1;position:relative}.studentInfo .news>iframe{border:none;height:100%;position:absolute;width:100%}.studentInfo .news h1{box-shadow:none;font-size:125%;text-align:center}.studentInfo .news p{color:#444;margin:1ex 0}.studentInfo .news li{color:#444;margin:0.5ex 0}.studentInfo .SIPTimetable{display:flex;flex:1;flex-direction:column}.studentInfo .timetableContainer{box-sizing:border-box;flex:1;margin:0;overflow:hidden;padding:0;position:relative}.studentInfo .timetable .item,.studentInfo .fullTimetable .item{background:#eee;background-image:linear-gradient(		to bottom,rgba(0,0,0,0),rgba(0,0,0,0.1)	);border:none;border-bottom:solid 1px #bbb;border-radius:2px;border-top:solid 1px #fff}.studentInfo .fullTimetable .item{margin:2px;width:110px}.studentInfo .timetable .item>.darker>svg{border-radius:0 2px;padding:4px;right:0;top:0}.studentInfo .timetable .item .darker{background:none}.studentInfo .timetable .item .period{background:#bbb;border-radius:2px 0;color:#444;text-shadow:0 1px rgba(255,255,255,0.5)}.studentInfo .timetable .item .time{color:#999;opacity:1;padding:4px 4px 4px 16px}.studentInfo .timetable .item .title,.studentInfo .fullTimetable .item .title{color:#455e84;display:block;font-size:130%;padding:0 4px;text-shadow:none}.studentInfo .timetable .item .body,.studentInfo .fullTimetable .item .body{padding:0 0 4px}.studentInfo .timetable .item .body .room,.studentInfo .fullTimetable .item .body .room{color:#444;opacity:1;padding:0 4px;vertical-align:middle}.studentInfo .fullTimetable .item .body .email,.studentInfo .timetable .item .body .email{padding:0}.studentInfo .fullTimetable .item .body .email,.studentInfo .timetable .item .body .email a{background:none;box-shadow:none;margin:0;vertical-align:middle}.studentInfo .fullTimetable .item .body .email svg,.studentInfo .timetable .item .body .email a svg{background:none;border-radius:0;margin:0;padding:0}.studentInfo .timetable .item .body .staff,.studentInfo .fullTimetable .item .body .staff{padding:0 4px;vertical-align:middle}.studentInfo .fullTimetable .item .body .staff{color:#666;min-height:20px;padding:2px 4px 0 24px;position:relative}.studentInfo .timetable .item .body .direqtmessage,.studentInfo .fullTimetable .item .body .direqtmessage{margin:0;position:absolute;right:4px}.studentInfo .fullTimetable thead td{color:#666;font-size:90%}.studentInfo .fullTimetable tbody td{border-bottom:solid 1px #ccc;vertical-align:top}.studentInfo .fullTimetable tbody td.period{background:#ddd;color:#666;font-size:90%;padding:4px;text-align:center;text-shadow:0 1px #fff}.studentInfo .fullTimetable .item .body .email{background:none;box-shadow:none;left:0;margin:0 2px 0 0;padding:2px;position:absolute;top:0}.studentInfo .dailycal{bottom:4px;left:0;position:absolute;right:0;top:0}.studentInfo .dailycal>.header>.days>tbody>tr>td>.title{width:221px}.studentInfo	.dailycal>.content>.wrapper>.days>tbody>tr>td>.entriesWrapper{width:220px}.studentInfo .dailycal .entry .title{font-size:90%!important;font-weight:700;padding:2px 2px 4px!important;text-shadow:none}.studentInfo .dailycal .entry .room,.studentInfo .dailycal .entry .actions .staff{font-size:80%;margin:0;overflow:hidden;padding:0 2px;position:relative;text-overflow:ellipsis;white-space:nowrap}.studentInfo .dailycal .entry .actions .staff{min-height:20px}.studentInfo .dailycal .entry .actions .staff .email{background:none;box-shadow:none;left:0;margin:0 2px 0 0;padding:2px;position:absolute;top:0}.studentInfo .dailycal .entry .attendance svg,.studentInfo .quickbar .attendance svg{border-radius:0 2px;padding:4px;position:absolute;right:0;top:0}.studentInfo .dailycal .entry .attendance,.studentInfo .quickbar .attendance{background:none}.studentInfo .quickbar{background:#444;border:4px solid #fff;border-radius:2px;box-shadow:0 4px 8px rgba(0,0,0,0.5),inset 0 0 4px rgba(0,0,0,0.3);color:#000;cursor:pointer;padding:2px 0 4px;transform:scale(0);transition:transform 0.2s ease-in-out,left 0.5s,top 0.5s;width:250px}.studentInfo .quickbar.visible{transform:scale(1)}.studentInfo .quickbar.above{transform-origin:bottom center}.studentInfo .quickbar.below{transform-origin:top center}.studentInfo .quickbar::before{border:12px solid rgba(255,255,255,0);content:'';display:block;left:50%;margin:0 0 0 -12px;position:absolute}.studentInfo .quickbar.above::before{border-top-color:#fff;bottom:-28px}.studentInfo .quickbar.below::before{border-bottom-color:#fff;top:-28px}.studentInfo .quickbar:before{border:12px solid rgba(255,255,255,0);content:'';display:block;left:50%;margin:0 0 0 -12px;position:absolute}.studentInfo .quickbar.above:before{border-top-color:#fff;bottom:-28px}.studentInfo .quickbar.below:before{border-bottom-color:#fff;top:-28px}.studentInfo .quickbar>.title{color:rgba(0,0,0,0.75);font-size:200%;margin:4px 0;padding:0 8px}.studentInfo .quickbar>.tabset{border-radius:0}.studentInfo .quickbar[data-yiq='light']>.title{color:#fff;color:rgba(255,255,255,0.75)}.studentInfo .quickbar>.meta{font-size:90%;margin-bottom:4px;padding:0 8px}.studentInfo .quickbar>.meta>.times{color:rgba(0,0,0,0.5);font-size:120%;margin:4px 0}.studentInfo .quickbar[data-yiq='light']>.meta>.times{color:rgba(255,255,255,0.5)}.studentInfo .quickbar>.meta>.room{color:rgba(0,0,0,0.5);margin:4px 0}.studentInfo .quickbar[data-yiq='light']>.meta>.room{color:rgba(255,255,255,0.5)}.studentInfo .quickbar>.gutter{background:rgba(0,0,0,0.6);box-shadow:0 4px 4px -2px rgba(0,0,0,0.5) inset;margin:2px 0 -4px;padding:8px;text-align:center}.studentInfo .quickbar>.gutter>button,.studentInfo .quickbar>.gutter>a{border-radius:0;box-sizing:border-box;display:inline-block;height:32px;margin:0 4px 4px 0;padding:0;vertical-align:middle;width:32px}.studentInfo .quickbar>.gutter>button>svg,.studentInfo .quickbar>.gutter>a>svg{margin:8px 0;padding:0;vertical-align:top}.enlargedPhoto{background:#000;border:solid 4px #000;border-radius:8px;box-shadow:0 8px 16px #000;z-index:25}.enlargedPhoto>img{border-radius:4px;display:block;max-width:300px}.enlargedPhoto>.name{background:#444;border-radius:4px;color:#ccc;font-weight:700;margin:4px 0 0;padding:4px;text-shadow:0 1px #000}.tutorialManager{bottom:0;display:flex;left:0;position:absolute;right:0;top:0}.tutorialManager>.students{background:#f8f8f8;border-right:4px solid #eee;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;width:320px}.tutorialManager>.students>.student{margin:4px}.tutorialManager>.students>.student>input{box-sizing:border-box;width:100%}.tutorialManager>.students>.header{margin:4px 4px 0}.tutorialManager>.students>.tableWrapper{background:#fff;flex:1;margin:0 4px;overflow-y:scroll}.tutorialManager>.students>.header>table,.tutorialManager>.students>.tableWrapper>table{width:100%}.tutorialManager>.students>.header>table>thead>tr>td{border-bottom:solid 1px #ccc;color:#666;font-size:90%;padding:0 0 4px;text-shadow:0 1px #fff}.tutorialManager>.students>.tableWrapper>table>tbody>tr>td{border-bottom:solid 1px #eee;padding:0}.tutorialManager>.students>.header>table>thead>tr>.student,.tutorialManager>.students>.tableWrapper>table>tbody>tr>.student{padding-left:4px}.tutorialManager>.students>.tableWrapper>table>tbody>tr>.student>.extra{color:#888;font-size:80%}.tutorialManager>.students>.tableWrapper>table>tbody>tr>.student>.extra	.coloured{border-radius:2px;padding:0 2px}.tutorialManager>.students>.header>table>thead>tr>.perweek,.tutorialManager>.students>.tableWrapper>table>tbody>tr>.perweek{text-align:center;width:32px}.tutorialManager>.students>.header>table>thead>tr>.colour{padding:0;text-align:center;width:32px}.tutorialManager>.students>.tableWrapper>table>tbody>tr>.colour{cursor:pointer;width:32px}.tutorialManager>.students>.header>table>thead>tr>.remove,.tutorialManager>.students>.tableWrapper>table>tbody>tr>.remove{padding:2px;text-align:center;width:32px}.tutorialManager>.students>.header>table>thead>tr>.scrollSpacer{padding:0}.tutorialManager>.students>.tableWrapper>table>tbody>tr>.perweek>input{background:#f8f8f8;border:none;box-sizing:border-box;height:48px;margin:0;text-align:center;width:100%}.tutorialManager>.students>.tableWrapper>table>tbody>tr>.perweek>input{border-left:dotted 1px #ccc}.tutorialManager>.students>.tableWrapper>table>tbody>tr>.remove>button{border-radius:100%;height:32px;padding:0;width:32px}.tutorialManager>.dailycal{flex:1}.tutorialManager>.editor{background:#f8f8f8;border:solid 1px #ccc;border-radius:2px;box-shadow:0 4px 8px rgba(0,0,0,0.25);margin:0 6px;width:400px;z-index:2}.tutorialManager>.editor::before{border:12px solid rgba(204,204,204,0);content:'';display:block;position:absolute}.tutorialManager>.editor::after{border:11px solid rgba(248,248,248,0);content:'';display:block;margin-top:1px;position:absolute}.tutorialManager>.editor.top{margin-top:-8px}.tutorialManager>.editor.bottom{margin-bottom:-8px}.tutorialManager>.editor.top::before,.tutorialManager>.editor.top::after{top:4px}.tutorialManager>.editor.middle::before,.tutorialManager>.editor.middle::after{top:calc(50% - 12px)}.tutorialManager>.editor.bottom::before,.tutorialManager>.editor.bottom::after{bottom:4px}.tutorialManager>.editor.left::before{border-right-color:#ccc;left:-24px}.tutorialManager>.editor.left::after{border-right-color:#f8f8f8;left:-22px}.tutorialManager>.editor.right::before{border-left-color:#ccc;right:-24px}.tutorialManager>.editor.right::after{border-left-color:#f8f8f8;right:-22px}.tutorialManager>.editor>.title{border-bottom:dotted 1px #ccc;color:#aaa;font-size:150%;padding:4px 8px}.tutorialManager>.editor>.field{border-bottom:dotted 1px #ddd;padding:4px 8px}.tutorialManager>.editor>.student{margin:4px 8px 0 0;padding-bottom:0;padding-right:inherit;padding-top:0;position:relative}.tutorialManager>.editor .singleSelect.overlay{max-height:22px}.tutorialManager>.editor>.field.disabled{pointer-events:none}.tutorialManager>.editor>.field>label{display:inline-block;padding:0;vertical-align:baseline;width:30%}.tutorialManager>.editor>.field.disabled>label{color:#ccc}.tutorialManager>.editor>.field>input{box-sizing:border-box;vertical-align:baseline;width:70%}.tutorialManager>.editor>.field.datetime>input{padding:4px;width:96px}.tutorialManager>.editor>.field.student>input.attending{background-color:#ffe4e1;font-style:italic}.tutorialManager>.editor>.field.student>input.attending.hover{background-color:#3465a4;color:#ffe4e1}.tutorialManager>.editor>.field.student .attendance>svg{margin-bottom:-5px}.tutorialManager>.editor>.field>.range{display:inline-block;margin:0 0 0 8px}.tutorialManager>.editor>.field>.range>input{padding:4px;vertical-align:baseline;width:1.5em}.tutorialManager>.editor>.field>.range>input.hours{border-radius:2px 0 0 2px;border-right:none;text-align:right}.tutorialManager>.editor>.field>.range>input.minutes{border-left-style:dotted;border-radius:0 2px 2px 0;text-align:left}.tutorialManager>.editor>.field>.range>.interstitial{font-size:80%}.tutorialManager>.editor>.field>textarea{box-sizing:border-box;height:48px;vertical-align:top;width:70%}.tutorialManager>.editor>.field.automatic>label{vertical-align:middle}.tutorialManager>.editor>.field>.pillbox{vertical-align:middle;width:70%}.tutorialManager>.editor>.field>.pillbox>button{padding:6px;width:50%}.tutorialManager>.editor>.field.student>.warning{color:#c00;font-style:italic;padding-top:2px;text-align:right}ul.singleSelect.tutorialManager>li.attending{background-color:#ffe4e1;font-style:italic}ul.singleSelect.tutorialManager>li.attending.hover{background-color:#3465a4;color:#ffe4e1}ul.singleSelect.tutorialManager>li>.extra>.attendance{display:inline-block;height:1.8em;vertical-align:top}ul.singleSelect.tutorialManager>li>.extra>.attendance>svg{margin:1px 4px 2px 0}ul.singleSelect.tutorialManager>li>.extra>.colour{border-radius:100%;display:inline-block;height:1.8em;vertical-align:middle;width:1.8em}.tutorialManager>.editor>.actions>.save{box-sizing:border-box;display:inline-block;padding:8px;text-align:right;vertical-align:middle;width:50%}.tutorialManager>.editor>.actions>.delete{box-sizing:border-box;display:inline-block;padding:8px;text-align:left;vertical-align:middle;width:50%}.tutorialManager>.editor>.actions>.cancel{margin:0;padding:4px;position:absolute;right:4px;top:4px}.tutorialManager>.editor>.actions>.cancel>svg{display:block;margin:0}.tutorialManager>.editor>.actions>.save>button{color:#204a87;font-weight:700;justify-content:center;width:75%}.tutorialManager>.editor>.actions>.delete>button{color:#c00}.tutorialPanel{background:#f8f8f8;border:1px solid #ccc;border-radius:2px;box-shadow:0 4px 8px rgba(0,0,0,0.25);margin-top:-1px;padding:8px;width:384px}.tutorialPanel>.field{margin:0 0 8px}.tutorialPanel>.field>label{display:inline-block;padding:0;vertical-align:baseline;width:30%}.tutorialPanel>.field>.singleSelect{box-sizing:border-box;vertical-align:baseline;width:70%}.tutorialPanel>.field.details>label{vertical-align:top}.tutorialPanel>.field>.daterange{display:inline-block;width:70%}.tutorialPanel>.field>.daterange>input{box-sizing:border-box;padding:4px;vertical-align:baseline;width:45%}.tutorialPanel>.field>.daterange>.interstitial{box-sizing:border-box;display:inline-block;padding:0;text-align:center;width:10%}.tutorialPanel>.field>textarea{box-sizing:border-box;height:48px;vertical-align:top;width:70%}.tutorialPanel>.actions>.cancel,.tutorialPanel>.actions>.process{display:inline-block;vertical-align:bottom}.tutorialPanel>.actions>.cancel{width:30%}.tutorialPanel>.actions>.process{text-align:right;width:70%}.tutorialPanel>.actions>.process>button{background-color:#f57900;border-color:#ce5c00;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.1);color:#fff;justify-content:center;text-shadow:0 1px rgba(0,0,0,0.25);width:100%}.tutorialPanel>.actions>.process>button:active{background-color:#ce5c00}.tutorialPanel.print>.actions>.process{display:block;width:100%}.tutorialPanel.print>.actions>.process>button{margin:0 8px 8px 0;width:100%}.tutorialPanel.clone>.students>input{vertical-align:middle}.tutorialPanel.clone>.students>label{display:inline-block;margin:0 0 0 1ex;vertical-align:middle;white-space:nowrap}.pane.tutorialsPreview,.pane.tutorialsPreview>.content,.pane.tutorialsPreview>.content>.autoassignPreview{height:100%}.autoassignPreview>.note{color:#999;font-size:110%;font-style:italic;margin:0 0 16px}.autoassignPreview>button{margin:0 0 16px}.autoassignPreview>.details{overflow:hidden}.autoassignPreview>.details>.header{overflow:hidden}.autoassignPreview>.details>.header>table{table-layout:fixed}.autoassignPreview>.details>.header>table>thead>tr>td{background:#f8f8f8;border-bottom:solid 4px #eee;color:#666;padding:0;text-shadow:0 1px #fff}.autoassignPreview>.details>.header>table>thead>tr>.student>.title,.autoassignPreview>.details>.header>table>thead>tr>.week>.title{box-sizing:border-box;padding:2px 2px 0;width:150px}.autoassignPreview>.details>.tableWrapper{height:300px;overflow:scroll}.autoassignPreview>.details>.tableWrapper>table{table-layout:fixed}.autoassignPreview>.details>.tableWrapper>table>tbody>tr>td{border-bottom:solid 1px #ccc;padding:0;vertical-align:top}.autoassignPreview>.details>.tableWrapper>table>tbody>tr>.student>.name{box-sizing:border-box;color:#444;font-size:150%;padding:0 2px 2px 12px;position:relative;width:150px}.autoassignPreview>.details>.tableWrapper>table>tbody>tr>.student>.name>.colour{background:#fff;bottom:2px;left:0;position:absolute;top:2px;width:8px}.autoassignPreview>.details>.tableWrapper>table>tbody>tr>.week>.entry,.autoassignPreview>.details>.tableWrapper>table>tbody>tr>.week>.failure{box-sizing:border-box;color:#2b5503;padding:2px;width:150px}.autoassignPreview>.details>.tableWrapper>table>tbody>tr>.week>.entry>svg,.autoassignPreview>.details>.tableWrapper>table>tbody>tr>.week>.failure>svg{margin:0 1ex 0 0;vertical-align:top}.autoassignPreview>.details>.tableWrapper>table>tbody>tr>.week>.failure{color:#ce5c00}.profile{bottom:8px;left:8px;position:absolute;right:8px;top:8px}.profile>.panel{background:#f8f8f8;border:solid 1px #eee;display:inline-block;width:300px}.profile>.panel>.title{background:#eee;color:#777;font-size:125%;line-height:1;padding:4px 8px 6px;text-shadow:0 1px rgba(255,255,255,0.5)}.profile>.panel>.field{padding:8px}.profile>.panel>.field>label{box-sizing:border-box;color:#444;display:inline-block;padding:0;vertical-align:baseline;width:40%}.profile>.panel>.field>input{box-sizing:border-box;display:inline-block;vertical-align:baseline;width:60%}.profile>.panel>.error{color:#c00;font-style:italic;padding:8px;text-align:center;text-shadow:0 1px #fff}.profile>.panel>button{margin:0 8px 8px}.dashboard{background:#eee;box-sizing:border-box;display:grid;grid-auto-columns:1fr;grid-auto-rows:1fr;grid-column-gap:16px;grid-row-gap:16px;height:100%;overflow:auto;padding:16px}.dashboard>.message{background:#f8f8f8;border-left:4px solid var(--navy);border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,0.1);grid-column:1 / 4;padding:16px}.dashboard>.dashlet:nth-of-type(3n+1){grid-column:1}.dashboard>.dashlet:nth-of-type(3n+2){grid-column:2}.dashboard>.dashlet:nth-of-type(3n+3){grid-column:3}@media (max-width: 1200px){.dashboard>.message{grid-column:1 / 3}.dashboard>.dashlet:nth-of-type(2n+1){grid-column:1}.dashboard>.dashlet:nth-of-type(2n+2){grid-column:2}}@media (max-width: 600px){.dashboard>.message{grid-column:1}.dashboard>.dashlet:nth-of-type(n){grid-column:1}}.dashboard>.dashlet{background:rgb(var(--theme-bg-parts));border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,0.1);display:flex;flex-direction:column;min-height:320px;overflow:hidden}.dashboard>.dashlet>.header{align-items:center;border-bottom:1px solid var(--theme-offset-bg);display:flex;min-height:40px;position:relative}.dashboard>.dashlet>.header>.title{color:rgba(var(--theme-fg-parts),0.4);flex:1;margin:0;padding:8px;text-transform:uppercase}.dashboard>.dashlet>.header>.actions{align-items:center;display:flex;padding:0 8px}.dashboard>.dashlet>.header>.actions>.pillbox+button{margin-left:8px}.dashboard>.dashlet>.header>.actions>button{align-items:center;border-radius:100%;display:flex;height:32px;justify-content:center;padding:4px;width:32px}.dashboard>.dashlet>.message{background:var(--theme-offset-bg);box-shadow:inset 4px 0 rgb(var(--theme-sel-bg-parts));font-size:var(--small-text);max-height:20%;overflow:auto;padding:8px 12px}.dashboard>.dashlet>.content{align-items:stretch;display:flex;flex:1;overflow:hidden;position:relative}ul.magicDelete{list-style-type:none;margin-left:0;padding:0}ul.magicDelete>li{height:32px;overflow:hidden;position:relative;transition:background 0.25s,color 0.25s,height 0.5s,opacity 0.5s}ul.magicDelete>li.deleting{background:#eee;color:#c00}ul.magicDelete>li.vanquished{border:none;height:0;opacity:0}ul.magicDelete>li>.toggleDelete{background:none;border:none;box-shadow:none;height:100%;padding:2px 8px;position:absolute;right:0;top:0}ul.magicDelete>li>.toggleDelete>svg{display:block;margin:0}ul.magicDelete>li>.deletePanel{background:#fff;bottom:0;margin-right:-200px;position:absolute;right:0;top:0;transition:margin-right 0.5s}ul.magicDelete>li.deleting>.deletePanel{margin-right:0}ul.magicDelete>li>.deletePanel>button{border:none;box-shadow:none;display:inline-block;height:100%;padding:0 8px 4px;vertical-align:middle}ul.magicDelete>li>.deletePanel>.delete{background:#c00;color:#fff}ul.magicDelete>li>.deletePanel>.cancel{background:#eee;color:#444}.dashboard .dashlet-notes>ul{background:#fff;height:100%;left:0;overflow:auto;-webkit-overflow-scrolling:touch;position:absolute;top:0;transition:margin-left 0.5s;width:100%}.dashboard .dashlet-notes>ul>li{border-bottom:1px dotted #eee;color:#444;cursor:pointer}.dashboard .dashlet-notes>ul>li:hover{background:#f8f8f8}.dashboard .dashlet-notes>ul>li.selected{background:#666;border-bottom-style:solid;color:#fff}.dashboard .dashlet-notes>ul>li>.preview{margin-right:40px;overflow:hidden;padding:6px;text-overflow:ellipsis;transition:margin-right 0.5s;white-space:nowrap}.dashboard .dashlet-notes>ul>li.deleting>.preview{margin-right:160px}.dashboard .dashlet-notes>.editor{background:#fff;height:100%;left:0;margin-left:100%;position:absolute;top:0;transition:margin-left 0.5s;width:100%}.dashboard .dashlet-notes>.editor>button{background:#eee;border-color:#ddd;bottom:2px;color:#666;font-size:80%;padding:2px 16px;position:absolute;right:2px;z-index:1}.dashboard .dashlet-notes>ul.inactive{margin-left:-100%}.dashboard .dashlet-notes>.editor.active{margin-left:0}.dashboard .dashlet-tasks.hideCompleted>ul>li.completed{border:none;height:0;opacity:0}.dashboard .dashlet-tasks>ul>li.completed{color:#ccc}.dashboard .dashlet-tasks>ul>li>input{left:8px;position:absolute;top:8px}.dashboard .dashlet-tasks>ul>li>.preview{margin-left:32px}.helpPage{bottom:8px;left:8px;position:absolute;right:8px;top:8px}.helpPage>.video{border:none;height:100%;margin:0;padding:0;width:100%}#main>.messages{bottom:0;display:flex;left:0;position:absolute;right:0;top:0}#main>.messages>div{flex:1}