table.table{
    width: 100%;
}

.header-row {

    vertical-align: bottom;

}
.headers{

}


th.rotate {
    /* Something you can count on */
    height: 100px;
    white-space: nowrap;
    font-weight: normal;
}

th.rotate > div {

    transform:
    translate(8px, -5px)
    rotate(-45deg);
    width: 40px;
}
th.rotate > div > span {

    padding: 5px 10px;
}

table.table > tbody tr th span.place {
    background: #6ebfce;
    width: 24px;
    height: 40px;
    display: inline-block;
    padding: 0px;
    text-align: center;
    border-radius: 30px 0;
    color: #fff;
    margin-right: 5px;
    font-size: 125%;
    line-height: 39px;
}
table.table > tbody tr th div.points {
    color:#999;
}


table.table > tbody tr th{
    font-weight: normal;
    padding: 2px ;
    vertical-align: middle;
    white-space: nowrap;
}

table.table th.small{
    width:20px;
    font-size: 140%;
}

table.table > tbody tr td div.aces,
table.table > tbody tr td div.penalty,
table.table > tbody tr td div.points{
    font-size: 110%;
}

table.table > tbody tr td{
    border:1px solid #ccc;
    padding: 0px ;
    text-align: center;
    vertical-align: middle
}

table.table > tbody  tr td.no_result {
    background: #fff;
    font-size: 31px;
    line-height: 51px;
}

table.table > tbody  tr td a:not(.btn) {
    text-decoration: none;
}

table.table  > tbody tr td.no_game  {
    background: #f1f1f1;

}

table.table > tbody  tr td.no_result a {
    color: #fff;
    background: #fff;
    width: 100%;
    min-height: 40px;
    display: inline-block;
}
table.table > tbody  tr td.no_result a:hover {
    background: #6ebfce;
    color:#fff;
}

table.table tr td .results {
    font-size: 120%;
}

table.table tr td .sets {
    font-size: 70%;
    color:#999;
}

table.table tr td.sum {
    font-size: 150%;
    padding: 10px;
}