#gamegrid .date
{
    color: white;
    background-color: #800909;
    font-size: 18px;
    font-weight: bold;
    padding: 2px 10px;
    margin-top: 0px;
}

#gamegrid .item
{
    box-sizing: border-box;
    display: flow-root; 
    color: black;
    width: 100%;
    clear: both;
    font-size: 16px;
    padding: 5px 0 5px 0;
}

#gamegrid .declined
{
    background: url(../images/declined.png) no-repeat center center;
    background-size: contain;
}

#gamegrid .running
{
    border: 1px solid red;
}

#gamegrid .item:nth-child(even)
{
    background-color: white;
}

#gamegrid .item:nth-child(odd)
{
    background-color: #f0f0f0;
}

#gamegrid .item:hover
{
    color: white;
    background-color: #c00d0d;
    cursor: pointer;
}

#gamegrid .time
{
    box-sizing: border-box;
    float: left;
    width: 17%;
    background-color: transparent;
    font-style: italic;
    padding: 4px 4px;
}

#gamegrid .home
{
    box-sizing: border-box;
    float: left;
    width: 13%;
    background-color: transparent;
    padding: 4px 0;
    text-align: center;
}

#gamegrid .team
{
    box-sizing: border-box;
    float: left;
    width: 50%;
    background-color: transparent;
    padding: 4px 0;
}

#gamegrid .result
{
    box-sizing: border-box;
    float: left;
    width: 20%;
    text-align: right;
    background-color: transparent;
    padding: 4px 3px;
    font-family: 'DSeg7-classic';
    font-size: 14px;
}

#gamegrid .canceled
{
    color: red;
    font-weight: bold;
    font-family: OpenSans, Helvetica, Verdana, Arial, sans-serif;
}

#gamegrid .rescheduled
{
    color: blue;
    font-weight: bold;
    font-family: OpenSans, Helvetica, Verdana, Arial, sans-serif;
}

#gamegrid .discontinued
{
    color: orange;
    font-weight: bold;
    font-family: OpenSans, Helvetica, Verdana, Arial, sans-serif;
}

#gamegrid .tied
{
    color: orange;
}

#gamegrid .won
{
    color: darkgreen;
}

#gamegrid .lost
{
    color: red;
}

#gamegrid .oponent
{
    box-sizing: border-box;
    float: left;
    width: 100%;
    background-color: transparent;
    padding: 2px 0px 2px 30%;
    font-weight: bold;
}

#gamegrid .playground
{
    box-sizing: border-box;
    float: left;
    width: 100%;
    background-color: transparent;
    padding: 2px 0px 2px 30%;
}

#gamegrid .playground a, #gamegrid .playground a:visited
{
    color: darkblue;
    font-size: 14px;
    padding-left: 24px;
    background: url(../images/maps.svg) no-repeat 3px 0px / 16px 16px;
}

#gamegrid .hygiene
{
    box-sizing: border-box;
    float: left;
    width: 100%;
    background-color: transparent;
    padding: 2px 0px 2px 30%;
}

#gamegrid .hygiene a, #gamegrid .hygiene a:visited
{
    color: darkblue;
    font-size: 14px;
    padding-left: 24px;
    background: url(../images/hygiene.png) no-repeat 3px 0px;
}

#gamegrid .report
{
    box-sizing: border-box;
    float: left;
    width: 100%;
    background-color: transparent;
    padding: 2px 0px 2px 30%;
}

#gamegrid .report a, #gamegrid .report a:visited
{
    color: darkblue;
    font-size: 14px;
    padding-left: 24px;
    background: url(../images/pdflink.svg) no-repeat 3px 0px / 16px 16px;
}