body {
    background-color: #f1f1f1;
    font-family: 'Open Sans', 'Open sans-serif', sans-serif;
}

.leaderboard_pos {
    color: #71a6c7;
    font-size: 50px;
    font-weight: bold;
}
.leaderboard_donations {
    color: #71a6c7;
    font-size: 30px;
    font-weight: bold;
}
.leaderboard_prize {
    color: #71a6c7;
    font-size: 30px;
    font-weight: bold;
}
figure.leaderboard_pic {
    display:table;
}
figure.leaderboard_pic figcaption {
    position: relative;
    margin-top: -20px;
    padding: 4px 3px;
    background: #71a6c7;
    z-index: 1;
    color: #ffffff;
    font-size: 13px;
    display: block;
    max-width: 120px;
}
.leaderboard_donate {
    display: block;
    line-height: 1.33;
    border-radius: 10px;
    background-color: #689F38;
    margin: 15px 0;
    padding: 17px 16px !important;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    color: white;
}
.leaderboard_donate:hover {
    background-color: #9CCC65;
    color: white;
}
td.c, th.c {
    text-align:center;
    vertical-align:middle;
}
.help {
    cursor: pointer;
    background: #81D4FA;
    padding: 3px;
    border-radius: 9px 8px;
    font-size: 11px;
    text-align: center;
    line-height: 0.8;
}
#leaderboard_res_20 {
    opacity: 0.8;
    border-top: 8px solid #71a6c7;
}
#leaderboard_res_21 {
    opacity: 0.6;
}
#leaderboard_res_22 {
    opacity: 0.4;
}
#leaderboard_res_23 {
    opacity: 0.2;
}
#leaderboard_res_24 {
    opacity: 0.1;
}
#leaderboard_table tr:hover td, .popover {
    background-color: #ddf2f8;
}
#leaderboard_body .popover .arrow:after {
    border-bottom-color: #ddf2f8;
    border-top-color: #ddf2f8;
}
.popover-content {
    font-size: 18px;
}

@media screen and (max-width: 550px) {
    .leaderboard_pos, .leaderboard_donations {
        font-size: 20px;
    }
    .leaderboard_donate {
        white-space: normal;
        padding: 10px 10px !important;
    }
    .leaderboard_prize {
        font-size: 20px;
    }
    small {
        font-size: 70%;
    }
    .table > thead > tr > th {
        font-size: 14px;
    }
}
@media screen and (max-width: 450px) {
    small {
        font-size: 70%;
    }
    .leaderboard_donate {
        font-size: 11px;
    }
    .leaderboard_pic_wrapper {
        width: 80px;
    }
    figure.leaderboard_pic figcaption {
        font-size: 10px;
    }
}
@media screen and (max-width: 400px) {
    #leaderboard_table td, #leaderboard_table th {
        padding: 1px;
    }
    .table-wrap {
        padding: 2px;
    }
}
.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #fcfcfd;
}
.table-striped>tbody>tr:nth-child(even)>td,
.table-striped>tbody>tr:nth-child(even)>th {
    background-color: #f1f7fc;
}