.site-selection {
    font-weight: bold;
    color: #844 !important;
}

table > colgroup > col.checkbox {
    width: 4ch;
}

table > colgroup > col.entry_id, table > colgroup > col.rank {
    width: 6.5ch;
}
table > colgroup > col.user_id {
    width: 40ch;
}
table > colgroup > col.display_name {
    width: 40ch;
}
table > colgroup > col.team {
    width: 14ch;
}

table > colgroup > col.id {
    width: 14ch;
}
table > colgroup > col.uuid {
    width: 37.5ch;
}
.leaderboards > colgroup > col.num_entries {
    width: 12.6ch;
}
.leaderboards > colgroup > col.min_flight_time {
    width: 15ch;
}
.leaderboards > colgroup > col.avg_flight_time {
    width: 15ch;
}


table > colgroup > col.flight_time {
    width: 12ch;
}
table > colgroup > col.upload_size {
    width: 13ch;
}
table > colgroup > col.download_size {
    width: 13ch;
}
table > colgroup > col.updated_at, table > colgroup > col.entered_at {
    width: 24ch;
}

table > colgroup > col.staff.access {
    width: 2ch;
}

.users > colgroup > col.playfab {
    width: 13.5ch;
}

table .numeric {
    text-align: right !important;
}

table.user-info {
    border-collapse: separate;
    border-spacing: 4pt 0pt;
}
table.user-info td, table.user-info th {
    text-align: left;
}

table > colgroup > col.currency {
    width: 20ch;
}

table > colgroup > col.rank {
    width: 9ch;
}

table > colgroup > col.rank > col.rankmin {
    text-align: right;
}

/* TODO: put into SCSS */
.link-button {
    display: inline;
    margin: 0;
    padding: 0;

    color: #3771c8;
    background: none;

    border: none;
    cursor: pointer;

    font-size: 0.875rem;
}
.link-button:hover {
    color: #2c5aa0;
    text-decoration: underline;
}
.link-button:focus {
    outline: none;
    text-decoration: underline;
}
.link-button:active {
    color: red;
    text-decoration: underline;
}

form.button-col {
    display: inline-block;
}

.tag {
    display: inline-block;
    font-size: 75%;
    margin: 0;
    padding: inherit;
}
.max-rank, .not-available {
    color: gray;
}
a.not-available, a.not-available:hover, a.not-available:active {
    color: gray;
    cursor: pointer;
    text-decoration: none;
}

.delete-mismatch {
    color: red;
}

.total {
    font-weight: bold;
}

.email-verified {
    color: #0C0;
}
.email-pending {
    color: #CC0;
}
.email-none {
    color: #C00;
}

.milestone-start {
    color: #040;
}
.milestone-end {
    color: #400;
}
.milestone-hide {
    color: #004;
}
.time-past {
    color: #CCC;
}
.time-past.milestone-start {
    color: #8C8;
}
.time-past.milestone-end {
    color: #C88;
}
.time-past.milestone-hide {
    color: #88C;
}
.time-past + .time-future {
    border-top: 2px dashed black;
}

.csv-current-row {
    width: {{ file.rows | length | string | length + 1 }}em;
    color: #CCC;
}
.body-raw {
    white-space: pre;
    border: 2px inset black;
    font-family: monospace;
    background-color: #FCFCFC;
}

/* comparisons */
table.compare-file td
{
    vertical-align: top;
}

.compare-old
{
    color: #800;
}
.compare-new
{
    color: #080;
}
.compare-section
{
    color: #808;
}

.compare-rem
{
    color: #C00;
}
.compare-add
{
    color: #0C0;
}
.compare-mod
{
    color: #00C;
}
.compare-nop
{
}

.compare-bg-rem
{
    background-color: #FEE;
}
.compare-bg-add
{
    background-color: #EFE;
}
.compare-bg-mod
{
    background-color: #EEF;
}
.compare-bg-nop
{
}

.user {
    margin-bottom: 24px;
}

.user-inventory {
    padding-top: 24px;
}

.user-single-input {
    width: 48ch;
}

.user-currency > div {
    padding-bottom: 8px;
}

div.user-give-item {
    padding-top: 12px;
    padding-bottom: 8px;
}

.user-currency > div > .user-single-input {
    width: 24ch;
}

td.numeric > .user-flight-time {
    width: 12ch;
}


.team_members {
  width: inherit;
}

input.team_remove {
  margin-top: 12px;
  margin-left: 0;
  margin-right: auto;
  display: inline-block;
}

input.admin {
  margin-top: 12px;
  float: right;
  display: inline-block;
}

.team_members > input.user_id {
    width: 40ch;
}

.add_members {
    margin-top: 12px;
}


.event-template {
    color: #A0A;
}
.event-time-attack, .event-personal-best, .schedule-disabled {
    color: #888;
}
.event-active, .schedule-active {
    font-weight: bold;
    color: #0A0;
}
.event-pending, .schedule-pending {
    color: #AA0;
}
.event-ended, .schedule-ended {
}
.event-hidden {
    color: #AAA;
}

.hidden {
    display: none !important;
}

.results > .flight_time {
    width: 12ch;
}


th.results {
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

tr.results:nth-child(1n) {
    background-color: #ffffff;
    width: 100%;
}

tr.results:nth-child(2n) {
    background-color: #f9f9f9;
    width: 100%;
}

.infobox-main .examples {
    /*border: 1px solid #EEE;*/
    margin: 6pt;
    padding: 6pt;
}
.infobox-main .examples > dl {
    margin: 0;
}
.infobox-main .examples > dl > dd + dt {
    margin-top: 1em;
}
.infobox-main .examples > dl > dd {
    margin-left: 0;
}
.infobox-main .examples input {
    width: 50%;
}