body {
    background-color: #f5f6f8;
}

.auth-panel {
    max-width: 440px;
    margin-top: 3rem;
}

.auth-logo {
    width: 200px;
}

.navbar-logo {
    height: 36px;
}

.manual-code {
    font-size: 1.75rem;
    letter-spacing: 0.15em;
}

/* Results page (styles ported from trv.org.au/mytrv) */
.has-tip {
    border-bottom: 1px dotted currentColor;
    cursor: help;
}

.summary-table th {
    width: 50%;
    text-align: right;
    vertical-align: top;
    font-weight: 600;
}

.summary-table th.table-heading {
    text-align: left;
}

.firstPlace {
    font-weight: bold;
    color: #d4af00;
}

.secondPlace {
    font-weight: bold;
    color: #a0a0a0;
}

.thirdPlace {
    font-weight: bold;
    color: #b8860b;
}

.gradeContainer {
    background-repeat: repeat-y;
    background-position: right center;
}

.gradeContainer.AGrade { background-image: url('/images/mytrv/agradefaderight.png'); }
.gradeContainer.BGrade { background-image: url('/images/mytrv/bgradefaderight.png'); }
.gradeContainer.CGrade { background-image: url('/images/mytrv/cgradefaderight.png'); }
.gradeContainer.DGrade { background-image: url('/images/mytrv/dgradefaderight.png'); }
.gradeContainer.EGrade { background-image: url('/images/mytrv/egradefaderight.png'); }

.gradeContainer.selected {
    color: inherit;
    background-color: #fff;
    border: 2px solid #222;
    font-weight: bold;
}

.gradeDescriptionContainer i {
    font-size: 0.8em;
}

.chart-container {
    position: relative;
    height: 300px;
}

#scores .date {
    width: 110px;
}

#scores .score {
    width: 100px;
    text-align: right;
}

#scores .competition i {
    font-size: 0.8em;
}

#scores .series {
    font-size: 0.7em;
}

#scores .series span {
    display: inline-block;
    margin: 2px;
    padding: 2px;
    border: 1px solid #666;
}

.people-table .rank {
    width: 50px;
}

.people-table .average {
    width: 100px;
}

.people-table .actions {
    width: 150px;
}