:root {
    --job-status-success: green;
    --job-status-evaluating: blue;
    --job-status-failed: red;
    --job-status-error: purple;
    --job-status-host-error: rgb(91, 35, 91);
    --job-status-aborted: rgb(171, 92, 7);
    --job-status-timeout: gray;
}

body {
    margin-left: 3em;
    font-size: 16px;
    font-family: Tahoma, sans;
    /* background-color: #ffd54b;*/
}

h1 {
    margin: 1em;
    margin-left: 0em;
}

h2 {
    margin-top: 1em;
    color: darkred;
}

table thead {
    font-weight: bold;
    font-size: smaller;
}

table td {
    padding: 3px;
}

table.logs td {
    vertical-align: top;
    /*border: solid 1px black*/
    padding: 2px;
}

table.logs td.log_level {
    font-size: smaller;
    padding-right: 1em;
}

table.logs td.timestamp {
    font-size: smaller;
    padding-right: 1em;
}

table.logs tr:nth-child(2n) {
    background-color: #f8f5e6;
}

table.logs tr:nth-child(2n+1) {
    /* background-color: #fcf9c0;*/
}

table.logs details:not([open]) {
    display: inline;
    margin-left: 1em;
}

tr.evaluating {

}

tr.evaluating td.status {
    font-weight: bold;
    color: blue;
}


tr.error {
    background-color: #fee;
}

tr.error td.status {
    font-weight: bold;
    color: purple;
}

tr.failed {
    background-color: #fee;
}

tr.failed td.status {
    font-weight: bold;
    color: red;
}

tr.success {
    background-color: #efe;
}

tr.success td.status {
    font-weight: bold;
    color: green;
}

tr.timeout {
    background-color: #ddd;
}

tr.timeout td.status {

}

tr.aborted {
    background-color: #ddd;
}

tr.aborted td.status {
    color: grey;
}

tr.host-error td.status {
    color: #6a00ff;
}

tr.retired {
    background-color: #ddd;
}

tr.retired td.status {
    color: #5c5cff;
}

td {
    padding: 10px;
}

td.challenge {
    font-family: monospace;
}

td.status, dt.step {
    font-variant: small-caps;
}


td {
    padding: 10px;
}

td.challenge {
    font-family: monospace;
}

td.status, dt.step {
    font-variant: small-caps;
}

td.artefact-rpath {
    font-family: monospace;
    font-size: 80%;
}

td.artefact-size {
    text-align: right;
    font-family: monospace;
    font-size: 80%;
}


div.header td {
    white-space: pre;
}

div.header i {
    margin-right: 0.3em;
}

div.header a {
    padding: 4px;
    color: black;
    text-decoration: none;
}

div.header a:hover {
    background-color: #fff18a;
}

.header {
    /*width: 80vw;*/
    margin-left: -3em;
    padding: 5px;
    /*background-color: #ffd54c;*/
}

.header #title {
    font-weight: bold;
    font-size: 150%;
    border: 0;
}

.header td {
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 1px solid black;
}

tr.not-uptodate {
    color: gray;

}

tr.user_retired, tr.admin_aborted {
    opacity: 0.1;
}

body.page-home td.page-home,
body.page-dashboard td.page-dashboard,
body.page-logs td.page-logs,
body.page-challenges td.page-challenges,
body.page-submissions td.page-submissions,
body.page-evaluators td.page-evaluators,
body.page-jobs td.page-jobs,
body.page-users td.page-users,
body.page-docs td.page-docs,
body.page-queue td.page-queue {
    color: green;

    background-color: #feeffe;
    font-weight: bold;
}

.indicator.submission.complete.result-success a, 
.indicator.submission.complete.result-success span {
    color: var(--job-status-success);
}

.indicator.submission.complete.result-error a, 
.indicator.submission.complete.result-error span {
    color: var(--job-status-error);
    background-color: pink;
}

.indicator.submission.complete.result-failed a,
.indicator.submission.complete.result-failed span
{
    color: var(--job-status-failed);
}

.indicator.submission.user_retired a,
.indicator.submission.user_retired span {
    text-decoration: line-through;
    text-decoration-color: black;
}

.indicator.submission.admin_aborted a, 
.indicator.submission.admin_aborted span {
    text-decoration: line-through;
    text-decoration-color: red;
}
.indicator.job.not-uptodate a, 
.indicator.job.not-uptodate span {
    text-decoration: line-through;
    text-decoration-color: gray;
}

.indicator.job.error a, 
.indicator.job.error span{
    color: var(--job-status-error);
    background-color: pink;
}

.indicator.job.failed a, 
.indicator.job.failed span {
    color: var(--job-status-failed);
}

.indicator.job.host-error {
    color: var(--job-status-host-error);
}

.indicator.job.success {
    color: var(--job-status-success);
}

.indicator.job.aborted {
    color: var(--job-status-aborted);
}

.indicator.job.timeout {
    color: var(--job-status-timeout);
}

.indicator.job.evaluating {
    color: var(--job-status-evaluating);
}

.indicator.evaluator.active {
    color: green;
}

.indicator a {
    color: inherit;
    text-decoration: none;
}

.indicator a:hover {
    background-color: #ddddff;
}

table.fancy-table-1 td {
    margin: 2px;

}

table.fancy-table-1 tbody tr:nth-child(2n) {
    background-color: #eef;
}

table.fancy-table-1 tbody tr:nth-child(2n+1) {
    background-color: #efe;
}

table.fancy-table-1 thead td {
    font-size: smaller;
    font-weight: bold;
    vertical-align: bottom;
}

table.fancy-table-1 thead .rotate_parent {
    /* height: 10em; */
    vertical-align: bottom;
    padding-bottom: 5px;
    text-align: left;
}

table.fancy-table-1 .rotate {
    transform: rotate(-90deg);
    white-space: pre;
    display: block;
    width: 1.5em;
}

table.transposed tr {

}

table.transposed td:nth-child(1) {
    font-size: smaller;
    font-weight: bold;
    text-align: right;
}

table.transposed tr:nth-child(2n) {
    background-color: #eaeafa;
}

table.transposed tr:nth-child(2n+1) {
    background-color: #eafaea;
}

pre {
    text-align: left;
}

/* Logs table */
table.logs summary p {
    display: inline;
    margin: 0;
}

table.logs td:nth-child(3 ) {
    /*width: 10em;*/
}

time {
    white-space: pre;
}

span.amount-warning {
    color: red;
    font-weight: bold;
}

.fancy-table-1 td {
    white-space: pre;
}
.status-code {
    font-family: monospace;
    
    
    /* border: solid 1px black; */

    text-transform: uppercase;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 80%;
}
.status-code.status-code-success {
    background-color: var(--job-status-success);
    color: white;
}

.status-code.status-code-error {
    background-color: var(--job-status-error);
    color: white;
}
.status-code.status-code-host-error {
    background-color: var(--job-status-host-error);
    color: white; 
}

.status-code.status-code-failed {

    background-color:var(--job-status-failed);
    color: white; 
}
.status-code.status-code-timeout {

    background-color:var(--job-status-timeout);
    color: white; 
}
.status-code.status-code-evaluating {

    background-color:var(--job-status-evaluating);
    color: white; 
}



.leaderboards-highlight-middle img {
    border: solid 1.5px black;
    margin: 4px;
}