body {
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 11pt;
    font-family: sans-serif;
    background-color: #151515;
    color: white;
}

form {
    margin-left: 10em;
}

table {
    width: 100%;
    border-collapse: collapse;
}

input, select {
    margin-top: 1em;
    background-color: #151515;
    color: white;
}

td {
    white-space: nowrap;
    vertical-align: top;
    text-align: left;
    padding-left: 1em;
}

a {
    color: #436dff;
}

td.fill {
    width: 100%;
    white-space: normal;
}

tr.source-lines.firstrow td {
    padding-top: 1em;
}

tr.source-lines td {
    opacity: 0.6;
}

tr.source-lines td.source-text {
    opacity: 1.0;
    white-space: pre-wrap;
}

tr.errors {
    font-size: 0.8em;
    opacity: 0.8;
}

tr.errors td {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}

.error-hl {
    border-radius: 0.3em;
}

.misspelling {
    background-color: rgba(218,68,13,0.3)
}

.style, .duplication {
    background-color: rgba(29,153,243,0.3)
}

.grammar {
    background-color: rgba(46,204,113,0.3)
}

.typographical {
    background-color: rgba(244,119,80,0.3)
}

.whitespace {
    background-color: rgba(253,188,78,0.3)
}

.uncategorized {
    background-color: rgba(77,77,77,0.4)
}

tr.errors.firstrow td {
    border-top: 1px solid rgba(0,0,0,0.2);
}

td.error-cat {
    text-align: right;
}