.scoreboard_mobile
{
    padding: .75em;
}

.scoreboard_mobile > div
{
    display:none;
}

.scoreboard_mobile > div.active
{
    display: block;
    width: 100%;
    margin: auto;
    padding-bottom: 10px;
}

.scoreboard_mobile > div > table
{
    width: 100%;
    font-size: 13px;
    font-family: 'PT Sans', 'Sans Sherif';
    table-layout: fixed;
}

.scoreboard_mobile > div > table tr td
{
    vertical-align: middle;
}

.scoreboard_mobile > div > table tr td:first-child
{
    font-weight: 900;
}

.scoreboard_mobile > div > table tr:first-child td:first-child
{
    width: 30%;
    color: #777;
    font-weight: 100;
}
.scoreboard_mobile > div > table td:nth-child(2)
{
    width:1%;
    white-space: nowrap;
}

.scoreboard_mobile > div > table tr:nth-child(2) td:nth-child(3)
{
    width: 55%;
    text-align: center;
}

.scoreboard_mobile > div > table tr:first-child td:last-child > div
{
    background: #d0202b;
    width: 65px;
    height: 55px;
    text-align: center;
    float:right;
}

.scoreboard_mobile > div > table tr:first-child td:last-child > div > a {
    width: 65px;
    height: 55px;
    display: table-cell;
    vertical-align: middle;
    color: white;
}

@media all and (min-width:821px) {

    .scoreboard_mobile
    {
        padding: 0px 0px .75em 0px;
    }
}

@media all and (min-width:501px)
{
    .scoreboard_mobile > div.active
    {
        width: 96%;
    }

    .scoreboard_mobile > div > table tr:nth-child(2) td:nth-child(3)
    {
        font-size:12px;
    }
}

@media all and (min-width: 501px) and (max-width: 820px)
{
    .scoreboard_mobile
    {
        padding: 0px;
        display: table;
        width: 95%;
        padding-bottom: 10px;
        margin: auto;
    }

    .scoreboard_mobile > div.second_active, .scoreboard_mobile > div.active
    {
        display: table-cell;
        width: 46%;
        margin: auto;
        padding: 5px;
    }

    .scoreboard_mobile > div.active > table tr:first-child td:last-child
    {
        border-right: solid thin #ccc;
    }

    .scoreboard_mobile > div:last-child.active > table tr:first-child td:last-child
    {
        border-right: none;
    }

    .scoreboard_mobile > div:first-child.second_active > table tr:first-child td:last-child
    {
        border-right: solid thin #ccc;
    }

    .scoreboard_mobile > div.active > table tr:first-child td:last-child > div
    {
        visibility: hidden;
    }

    .scoreboard_mobile > div:last-child.active > table tr:first-child td:last-child > div
    {
        visibility: visible;
    }

    .scoreboard_mobile > div:first-child.second_active > table tr:first-child td:last-child > div
    {
        visibility: hidden;
    }
}