.uploadstatus {color:blue;}
.hwsubmission,.midtermsubmission {
      width:0.1px;
      height:0.1px;
      opacity:0;
      overflow:hidden;
      position:absolute;
      z-index:-1;
  }
.hwsubmission:focus + label, .midtermsubmission:focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}
.hwsubmission+label *,
.midtermsubmission+label * {pointer-events:none;}
.hwsubmission.invisible+label:hover,
.midtermsubmission.invisible+label:hover {border: 1px solid;}
.hwsubmission+label:hover {border:2px solid;}
.hwsubmission.invisible+label {color:#bbb;}
.hwsubmission+label,.midtermsubmission+label {
    border:1px solid;
    padding:0px 2px;
    margin:2px;
    font-size:80%;
    font-weight:bold;
    background-color:#ddd;
}
.newerhw {font-weight:bold;}
.olderhw {color:#888;font-size:75%;}

#hwuploads {/*float:right;*/
      border:1px solid;padding:5px;list-style-type:none;}
#hwuploads::before {content:"Submitted (latest first):";
		    top:-18px;
		    position:relative;
		    background-color:white;
		    font-weight:bold;
		   }
.extension {font-size:0.8em !important;}
.extension {font-family:Lato; min-width:100px;}
.extension:disabled {color:black;}
.hidden {display:none;}
.extwaiting {color:red;font-weight:normal;}
.extcurrent {font-weight:bold; color:black;}
.hwsubyes,.checkyes {color:green}
.hwsubno,.checkno {color:red;}
.hwdone, .hwCdone, .checkdone {font-size:18px; font-weight:bold;}


#midterm ul.examchecklist {visibility: hidden;}
#midterm.examloggedin ul.examchecklist {visibility: visible;}
#midterm .examlogin {
    text-align: center;
    font-size: 150%;
}
#midterm.examloggedin .examlogin {visibility: hidden;}
ul.examchecklist>li {list-style:none;padding:10px;}
ul.examchecklist>li:before {content: '□';padding-right:5px;}
ul.examchecklist>li {color:black;font-weight:bold;}
ul.examchecklist>li.next {color:blue;}
ul.examchecklist>li.done {color:grey;font-weight:normal;}
ul.examchecklist>li.done:before {content: '☑︎';}
ul.examchecklist>li>.exambutton {display:none;}
ul.examchecklist>li.next>.exambutton,
ul.examchecklist>li.done>.exambutton {display:inline-block;margin-left:10px; border:1px inset black;}
ul.examchecklist>li.next>.exambutton {border:3px outset blue;}
ul.examchecklist .exambutton {
    background-color: #ccc;
    padding: 5px 10px;
    border: 1px solid black;
    border-radius: 10px;
    color: black !important;
}
#examdone {color: blue; font-weight:bold; font-size:200%;}
.cacheerror {display:none;}