body {
    background-image: url(/img/darts.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
}

.content {
    background-color: #000;
    margin-bottom: 4em;
    margin-top: 2em;
    opacity: 0.7;
    border: 1px white solid;
}

table {
    width: 100%;
}

tr {
    height: 2.8em;
}

th {
    text-align: left;
}

    .span-5 {
        width: 5%;
    }
        .span-10 {
        width: 10%;
    }
        .span-15 {
        width: 15%;
    }
        .span-20 {
        width: 20%;
    }
        .span-25 {
        width: 25%;
    }
        .span-30 {
        width: 30%;
    }
        .span-35 {
        width: 35%;
    }
        .span-40 {
        width: 40%;
    }
        .span-45 {
        width: 45%;
    }
        .span-50 {
        width: 50%;
    }
        .span-55 {
        width: 55%;
    }
        .span-60 {
        width: 60%;
    }
        .span-65 {
        width: 65%;
    }
        .span-70 {
        width: 70%;
    }
        .span-75 {
        width: 75%;
    }
        .span-80 {
        width: 80%;
    }
        .span-85 {
        width: 85%;
    }
        .span-90 {
        width: 90%;
    }
        .span-95 {
        width: 95%;
    }
        .span-100 {
        width: 100%;
    }
    
/* Numbers in tables. */
.n {
    text-align: right;
}


/* Clearfix */
clearfix:after {
    content:"";
    display:table;
    clear:both;
}

/* Game Input Page */

a.player, a.winner {
    display: block;
}

.selected {
    color: red;
}

.selector .winner {
    color: #666;
    float: left;
    visibility: hidden;
}

.selector.selected .winner {
    visibility: visible;
}

.selector.selected .winner.selected {
    color: #f00;
}

.submit-game {
    visibility: hidden;
}

.submit-game a {
    color: #fff;
    padding: 1em;
}
@media only screen and (max-width: 480px) {
    .row {
        max-width: 100%;
    }

    /* Tables */
    table thead tr th,
    table thead tr td,
    table tfoot tr th,
    table tfoot tr td {
        padding: 0;
    }
    table tr th,
    table tr td {
        padding: 0 5px;
        font-size: 0.77em;
    }
    table .played, table .blank {
        display: none;
    }
    .wl {
        text-align: right;
    }
}