.shade, footer {
  background-color: #2D2C2C;
  color: #EEEEEE; }

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

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

mark, ins {
  color: #EEEEEE;
  background-color: #2D2C2C;
  font-weight: normal;
  font-style: normal; }

small {
  color: #EEEEEE;
  background-color: #131414; }

.strong {
  font-weight: bold; }

a {
  color: #EEEEEE;
  text-decoration: underline; }

.sec-heading {
  border-radius: 6px;
  border-bottom: solid 1px #da0000;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top: solid 1px #da0000;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px; }

input, button, select {
  outline: 0; }

footer {
  color: #EEEEEE;
  background-color: #131414;
  box-shadow: 0 50vh 0 50vh #131414; }

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

.hilight:hover, .hilight:focus-within,
.hilight:hover a, .hilight:focus-within a {
  color: #EEEEEE;
  background-color: #2D2C2C; }

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

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

.button, button, input[type=submit], input[type=button], input[type=file] + label {
  border-style: solid;
  border-color: #131414;
  border-radius: 6px; }
  .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: #2D2C2C;
    background-color: #EEEEEE;
    color: #2D2C2C; }

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

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

#global-motd {
  color: #ac0000; }

.sec-body {
  background-color: #2D2C2C;
  border-radius: 6px; }

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

.sec-body .shade, .sec-body footer {
  background-color: #131414;
  color: #EEEEEE; }

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

.subsec-title {
  color: #EEEEEE;
  background-color: #2D2C2C;
  border-radius: 6px; }

.button, button, input[type=button], input[type=submit] {
  border-color: #2D2C2C;
  border-radius: 6px; }

/* Notices */
.notice-error {
  background-color: #ac0000;
  color: #131414; }

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

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

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

.tip {
  border-style: dotted;
  border-color: #EEEEEE; }
  .tip:focus {
    outline: 1px solid #2D2C2C; }

span.tip-text {
  color: #EEEEEE;
  background-color: #2D2C2C;
  border-style: solid;
  border-color: #EEEEEE; }

/* Assignmenting */
.ass-groupline:hover {
  color: #EEEEEE;
  background-color: #2D2C2C; }

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

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

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

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

.results-table tfoot, .results-table thead {
  color: #EEEEEE;
  background-color: #2D2C2C; }

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

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

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

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

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

.circle-bg {
  stroke: #131414; }

.percentage {
  fill: #131414;
  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: #5e1652;
  stroke-width: 4; }

.error.circle-bg {
  stroke: #5e1652;
  stroke-width: 4; }

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

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

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

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

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

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

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

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

.none.fill {
  color: #131414;
  background-color: #EEEEEE; }

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

.none.border {
  border-bottom: 1px solid #EEEEEE;
  border-bottom: solid 1px #da0000;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-bottom: -1px; }

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

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

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

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

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

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

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

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

.compilerr.text, .compilerr.text a, a.compilerr.text {
  color: #5e1652; }

.compilerr.fill {
  color: #131414;
  background-color: #5e1652; }

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

.compilerr.border {
  border-bottom: 1px solid #5e1652;
  border-bottom: solid 1px #da0000;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-bottom: -1px; }

.error.text, .error.text a, a.error.text {
  color: #5e1652; }

.error.fill {
  color: #131414;
  background-color: #5e1652; }

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

.error.border {
  border-bottom: 1px solid #5e1652;
  border-bottom: solid 1px #da0000;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-bottom: -1px; }

.failed.text, .failed.text a, a.failed.text {
  color: #ac0000; }

.failed.fill {
  color: #131414;
  background-color: #ac0000; }

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

.failed.border {
  border-bottom: 1px solid #ac0000;
  border-bottom: solid 1px #da0000;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-bottom: -1px; }

.runtimerr.text, .runtimerr.text a, a.runtimerr.text {
  color: #ac0000; }

.runtimerr.fill {
  color: #131414;
  background-color: #ac0000; }

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

.runtimerr.border {
  border-bottom: 1px solid #ac0000;
  border-bottom: solid 1px #da0000;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-bottom: -1px; }

.diff.text, .diff.text a, a.diff.text {
  color: #ac0000; }

.diff.fill {
  color: #131414;
  background-color: #ac0000; }

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

.diff.border {
  border-bottom: 1px solid #ac0000;
  border-bottom: solid 1px #da0000;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-bottom: -1px; }

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

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

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

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

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

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

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

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

.passed.text, .passed.text a, a.passed.text {
  color: #006952; }

.passed.fill {
  color: #131414;
  background-color: #006952; }

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

.passed.border {
  border-bottom: 1px solid #006952;
  border-bottom: solid 1px #da0000;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-bottom: -1px; }

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

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

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

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

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

.primary.fill {
  color: #131414;
  background-color: #EEEEEE; }

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

.primary.border {
  border-bottom: 1px solid #EEEEEE;
  border-bottom: solid 1px #da0000;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-bottom: -1px; }

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

.secondary.fill {
  color: #131414;
  background-color: #EEEEEE; }

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

.secondary.border {
  border-bottom: 1px solid #EEEEEE;
  border-bottom: solid 1px #da0000;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-bottom: -1px; }

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

.background.fill {
  color: #EEEEEE;
  background-color: #131414; }

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

.background.border {
  border-bottom: 1px solid #131414;
  border-bottom: solid 1px #da0000;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-bottom: -1px; }

.accent.text, .accent.text a, a.accent.text {
  color: #2D2C2C; }

.accent.fill {
  color: #EEEEEE;
  background-color: #2D2C2C; }

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

.accent.border {
  border-bottom: 1px solid #2D2C2C;
  border-bottom: solid 1px #da0000;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-bottom: -1px; }

.tone.text, .tone.text a, a.tone.text {
  color: #EEEEEE; }

.tone.fill {
  color: #EEEEEE;
  background-color: #EEEEEE; }

.tone.fill a {
  color: #EEEEEE; }

.tone.border {
  border-bottom: 1px solid #EEEEEE;
  border-bottom: solid 1px #da0000;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-bottom: -1px; }

html.custom-scroll ::-webkit-scrollbar {
  background-color: #2D2C2C;
  width: 6px; }

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

html.custom-scroll ::-webkit-scrollbar-thumb:vertical, html.custom-scroll ::-webkit-scrollbar-thumb:horizontal {
  color: #131414;
  background-color: #EEEEEE;
  border-radius: 6px; }