body {
  background: white url("/img/exclusive_paper.png");
  background-repeat: repeat-xy;
}

#loginForm {
  /* ref: https://jsfiddle.net/Peyothe/6rjmdu1x/ */
  height: 80vh;
  width: 100%;
}

.dialogBox {
  background-color:#fff;
  border: 1px solid #aaa;
  border-radius: 5px;
  /*box-shadow: #ccc 0px 5px;*/
  padding:20px;
  width: 300px !important;
}

.gradingTypeList {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

.gradingTypeList li {
  margin-left: 0;
  padding-left: 0;
}

.hide {
  display: none;
}

/* Note: Using this because ui info message boxes are auto-hidden based on a
   past change in Fomantic UI
   ref: https://github.com/fomantic/Fomantic-UI/issues/1196 */
.information {
  background-color: #f8ffff;
  border: 1px solid #0e566c;
  border-radius: 5px;
  color: #0e566c;
  padding: 10px;
}

#menu {
  border: 1px solid #aaa;
  box-shadow: #ccc 0px 5px;
  margin-bottom: 15px;
  margin-top: -15px;
}

#messageBox {
  margin-bottom: 15px;
}

/* ref: https://developer.mozilla.org/en-US/docs/Web/API/Element
 *   /transitionend_event
 */
.messageBoxTransition {
  background: rgb(255 255 255 / 100%);
  transition-property: transform, background;
  transition-duration: 5s;
  transition-delay: 5s;
  opacity: 0;
}

.overageError {
  background-color: #ffcccc;
}

.sectionTitle {
  font-weight: bold;
}

.ui.segment {
  border: 1px solid #aaa;
  /*box-shadow: #ccc 0px 5px;*/
}

.ui.table {
  border: 1px solid #aaa;
  /*box-shadow: #ccc 0px 5px;*/
  margin-bottom: 25px;
}

.ui.table > thead > tr > th {
  border-left: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}

.ui.table > tbody > tr > td {
  border-left: 1px solid #aaa;
  border-top: 1px solid #aaa;
}

.ui.text.container {
  max-width: 900px;
}

/* ref: https://wbcci.net/color/ */
.statusActive {
  background-color: #ffcccc;
}

.statusLocked {
  background-color: #e6ffcc;
}

.statusUnregistered {
  background-color: #e8e8e8;
}

#studentProfileData ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#studentProfileData ul li {
  margin-left: 15px;
  padding-left: 15px;
  float: left;
  font-size: 1.2em;
  border-left: 1px solid #ddd;
}

#studentProfileData ul li:first-child {
  margin-left: 0px;
  padding-left: 0px;
  border-left: 0px;
}

.totalsRow td {
  font-weight: bold;
}

/* ref: https://www.learnui.design/tools/data-color-picker.html#palette */
/* ref: https://wbcci.net/color/ */
.highlight1 {
  background-color: #FFDB99;
}

.highlight2 {
  background-color: #FFFFB3;
}

.highlight3 {
  background-color: #E6FF99;
}

.highlight4 {
  background-color: #C2ECFF;
}

.highlight5 {
  background-color: #DBCEE4;
}

#schedulingResultsBody ul {
  margin-top: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-left: 15px;
}

#schedulingUnfulfilledResultsBody ul {
  margin-top: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-left: 15px;
}

.show {
  display: block;
}