.shade, footer {
  background-color: #e4e4e3;
  color: #000000; }

/* Coloring */
body {
  font-family: "Open Sans", sans-serif;
  color: #000000;
  background-color: #ffffff; }

em {
  font-variant: italic;
  color: #cc0000; }

mark, ins {
  color: #000000;
  background-color: #e4e4e3;
  font-weight: normal;
  font-style: normal; }

small {
  color: #000000;
  background-color: #ffffff; }

.strong {
  font-weight: bold; }

a {
  color: #009cef;
  text-decoration: underline; }

.sec-heading {
  border-radius: 0px;
  border-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top: 0;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px; }

input, button, select {
  outline: 0; }

footer {
  color: #000000;
  background-color: #e4e4e3;
  box-shadow: 0 50vh 0 50vh #e4e4e3; }

th, td.th {
  font-weight: bold; }

.hilight:hover, .hilight:focus-within,
.hilight:hover a, .hilight:focus-within a {
  color: #000000;
  background-color: #e4e4e3; }

.nav-list.horizontal li:hover {
  background-color: #ffffff; }

input[type=text], input[type=password], input[type=number], textarea, select, option {
  border-style: solid;
  border-color: #000000;
  color: #000000;
  background-color: #e4e4e3; }

.button, button, input[type=submit], input[type=button], input[type=file] + label {
  border-style: solid;
  border-color: #ffffff;
  border-radius: 0px; }
  .button.fill.accent:hover, button.fill.accent:hover, input[type=submit].fill.accent:hover, input[type=button].fill.accent:hover, input[type=file] + label.fill.accent:hover {
    border-color: #cc0000;
    background-color: #ffffff;
    color: #cc0000; }

input[type=file].invalid + label.fill.accent {
  background-color: #7c2128;
  color: #ffffff; }

input[type=file].filled:not(.invalid) + label.fill.accent {
  background-color: #217c28;
  color: #ffffff; }

#global-motd {
  color: #cc0000; }

.sec-body {
  background-color: #e4e4e3;
  border-radius: 0px; }

.sec-body a:not(.fill) {
  color: #009cef; }

.sec-body .shade, .sec-body footer {
  background-color: #ffffff;
  color: #000000; }

.sec-body .shade a:not(.fill):not(.text), .sec-body footer a:not(.fill):not(.text) {
  color: #009cef; }

.subsec-title {
  color: #000000;
  background-color: #e4e4e3;
  border-radius: 0px; }

.button, button, input[type=button], input[type=submit] {
  border-color: #e4e4e3;
  border-radius: 0px; }

/* Notices */
.notice-error {
  background-color: #7c2128;
  color: #ffffff; }

.shade .cfg-container, footer .cfg-container {
  border-style: solid;
  border-color: #ffffff;
  border-radius: 0px; }

.cfg-line:hover, .cfg-line:focus-within,
.cfg-line:hover a:not(.fill), .cfg-line:focus-within a:not(.fill) {
  color: #000000;
  background-color: #e4e4e3; }

.cfg-group-title {
  color: #cc0000;
  font-weight: bold; }

.tip {
  border-style: dotted;
  border-color: #000000; }
  .tip:focus {
    outline: 1px solid #cc0000; }

span.tip-text {
  color: #000000;
  background-color: #e4e4e3;
  border-style: solid;
  border-color: #000000; }

/* Assignmenting */
.ass-groupline:hover {
  color: #000000;
  background-color: #e4e4e3; }

/* Submissioning */
.sub-casetop td {
  border-top-style: solid;
  border-top-color: #ffffff; }

/* Results table */
.results-table {
  border-style: solid;
  border-color: #ffffff; }

.results-table th, .results-table tfoot td {
  border-style: solid;
  border-color: #ffffff; }

.results-table td {
  border-style: solid;
  border-color: #e4e4e3; }

.results-table tfoot, .results-table thead {
  color: #000000;
  background-color: #e4e4e3; }

.question-number {
  font-weight: bold;
  text-decoration: underline; }

.cell-user, .sticky-col {
  background: #e4e4e3; }

/* Export settings table */
.export-columns {
  border-style: solid;
  border-color: #e4e4e3; }

.export-columns td {
  border-style: solid;
  border-color: #e4e4e3; }

.circular-chart.green .circle {
  stroke: #217c28; }

.circle-bg {
  stroke: #ffffff; }

.percentage {
  fill: #ffffff;
  font-family: sans-serif;
  font-size: 0.4em;
  text-anchor: middle; }

.pending.circle-bg {
  stroke: #847040;
  stroke-width: 4; }

.queued.circle-bg {
  stroke: #847040;
  stroke-width: 4; }

.compilerr.circle-bg {
  stroke: #7c217c;
  stroke-width: 4; }

.error.circle-bg {
  stroke: #7c217c;
  stroke-width: 4; }

.failed.circle-bg {
  stroke: #7c2128;
  stroke-width: 4; }

.runtimerr.circle-bg {
  stroke: #7c2128;
  stroke-width: 4; }

.diff.circle-bg {
  stroke: #7c2128;
  stroke-width: 4; }

.timeout.circle-bg {
  stroke: #7c5821;
  stroke-width: 4; }

.outlimit.circle-bg {
  stroke: #7c5821;
  stroke-width: 4; }

.passed.circle-bg {
  stroke: #217c28;
  stroke-width: 4; }

.deadline.circle-bg {
  stroke: #217c7c;
  stroke-width: 4; }

/* Status colors */
.none.text, .none.text a, a.none.text {
  color: #000000; }

.none.fill {
  color: #ffffff;
  background-color: #000000; }

.none.fill a {
  color: #ffffff; }

.none.border {
  border-bottom: 1px solid #000000;
  border-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: -1px; }

.pending.text, .pending.text a, a.pending.text {
  color: #847040; }

.pending.fill {
  color: #000000;
  background-color: #847040; }

.pending.fill a {
  color: #000000; }

.pending.border {
  border-bottom: 1px solid #847040;
  border-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: -1px; }

.queued.text, .queued.text a, a.queued.text {
  color: #847040; }

.queued.fill {
  color: #000000;
  background-color: #847040; }

.queued.fill a {
  color: #000000; }

.queued.border {
  border-bottom: 1px solid #847040;
  border-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: -1px; }

.compilerr.text, .compilerr.text a, a.compilerr.text {
  color: #7c217c; }

.compilerr.fill {
  color: #ffffff;
  background-color: #7c217c; }

.compilerr.fill a {
  color: #ffffff; }

.compilerr.border {
  border-bottom: 1px solid #7c217c;
  border-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: -1px; }

.error.text, .error.text a, a.error.text {
  color: #7c217c; }

.error.fill {
  color: #ffffff;
  background-color: #7c217c; }

.error.fill a {
  color: #ffffff; }

.error.border {
  border-bottom: 1px solid #7c217c;
  border-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: -1px; }

.failed.text, .failed.text a, a.failed.text {
  color: #7c2128; }

.failed.fill {
  color: #ffffff;
  background-color: #7c2128; }

.failed.fill a {
  color: #ffffff; }

.failed.border {
  border-bottom: 1px solid #7c2128;
  border-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: -1px; }

.runtimerr.text, .runtimerr.text a, a.runtimerr.text {
  color: #7c2128; }

.runtimerr.fill {
  color: #ffffff;
  background-color: #7c2128; }

.runtimerr.fill a {
  color: #ffffff; }

.runtimerr.border {
  border-bottom: 1px solid #7c2128;
  border-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: -1px; }

.diff.text, .diff.text a, a.diff.text {
  color: #7c2128; }

.diff.fill {
  color: #ffffff;
  background-color: #7c2128; }

.diff.fill a {
  color: #ffffff; }

.diff.border {
  border-bottom: 1px solid #7c2128;
  border-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: -1px; }

.timeout.text, .timeout.text a, a.timeout.text {
  color: #7c5821; }

.timeout.fill {
  color: #ffffff;
  background-color: #7c5821; }

.timeout.fill a {
  color: #ffffff; }

.timeout.border {
  border-bottom: 1px solid #7c5821;
  border-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: -1px; }

.outlimit.text, .outlimit.text a, a.outlimit.text {
  color: #7c5821; }

.outlimit.fill {
  color: #ffffff;
  background-color: #7c5821; }

.outlimit.fill a {
  color: #ffffff; }

.outlimit.border {
  border-bottom: 1px solid #7c5821;
  border-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: -1px; }

.passed.text, .passed.text a, a.passed.text {
  color: #217c28; }

.passed.fill {
  color: #ffffff;
  background-color: #217c28; }

.passed.fill a {
  color: #ffffff; }

.passed.border {
  border-bottom: 1px solid #217c28;
  border-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: -1px; }

.deadline.text, .deadline.text a, a.deadline.text {
  color: #217c7c; }

.deadline.fill {
  color: #000000;
  background-color: #217c7c; }

.deadline.fill a {
  color: #000000; }

.deadline.border {
  border-bottom: 1px solid #217c7c;
  border-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: -1px; }

.primary.text, .primary.text a, a.primary.text {
  color: #000000; }

.primary.fill {
  color: #ffffff;
  background-color: #000000; }

.primary.fill a {
  color: #ffffff; }

.primary.border {
  border-bottom: 1px solid #000000;
  border-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: -1px; }

.secondary.text, .secondary.text a, a.secondary.text {
  color: #000000; }

.secondary.fill {
  color: #ffffff;
  background-color: #000000; }

.secondary.fill a {
  color: #ffffff; }

.secondary.border {
  border-bottom: 1px solid #000000;
  border-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: -1px; }

.background.text, .background.text a, a.background.text {
  color: #ffffff; }

.background.fill {
  color: #000000;
  background-color: #ffffff; }

.background.fill a {
  color: #000000; }

.background.border {
  border-bottom: 1px solid #ffffff;
  border-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: -1px; }

.accent.text, .accent.text a, a.accent.text {
  color: #cc0000; }

.accent.fill {
  color: #ffffff;
  background-color: #cc0000; }

.accent.fill a {
  color: #ffffff; }

.accent.border {
  border-bottom: 1px solid #cc0000;
  border-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: -1px; }

.tone.text, .tone.text a, a.tone.text {
  color: #009cef; }

.tone.fill {
  color: #009cef;
  background-color: #009cef; }

.tone.fill a {
  color: #009cef; }

.tone.border {
  border-bottom: 1px solid #009cef;
  border-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: -1px; }

html.custom-scroll ::-webkit-scrollbar {
  background-color: #e4e4e3;
  width: 12px; }

html.custom-scroll ::-webkit-scrollbar-track {
  background-color: #e4e4e3; }

html.custom-scroll ::-webkit-scrollbar-thumb:vertical, html.custom-scroll ::-webkit-scrollbar-thumb:horizontal {
  color: #ffffff;
  background-color: #000000;
  border-radius: 0px; }