html,
body {
    background: #354950;
    height: 100vh;
    /* background: linear-gradient(180deg, rgba(255,255, 255,1) 0%, rgb(232,232,232) 100%) fixed; */
    font-family: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
    margin: 0;
    padding: 0px 10px;
    letter-spacing: 0.1em;
}
.logoWrapper {
    width: 100%;
    text-align: center;
}
.leaderboardLogo {
    content:url("https://res.cloudinary.com/validar/image/upload/v1627575294/B2B_logo_vy5hpt.png");
    /* mix-blend-mode: darken; */
}
#leaderBoardGrid {
    border-radius: 4px;
    border-spacing: 0px;
    border: 1px solid #ddd;
    border-collapse: separate !important;
}
#leaderBoardGrid > tbody > tr > th:nth-child(1) {
    text-indent: -99999px;
    color: #EEEEEE;
}
th:nth-child(1):before {
    content: 'Rank';
    text-indent: 0px;
    float: left;
    color: #010101;
}
#leaderBoardGrid > tbody > tr > th {
    text-transform: uppercase;
    font-weight: black;
}
#leaderBoardGrid > tbody > tr:nth-child(2) > td:nth-child(1)::before {
    content: '';
    font-family: 'FontAwesome';
    margin-right:9px;
    font-size: 1.2em;
    color: #ffc400;
}
/* #leaderBoardGrid > tbody > tr:nth-child(even) {
    background-color: #f2f2f2;
    color: #121212;
} */
#leaderBoardGrid > tbody > tr:nth-child(odd) {
    background-color: #28B0DE;
    color: #ffffff;
}
#leaderBoardGrid > tbody > tr:nth-child(1) > th:nth-child(5) {
    text-align:right;
}
#leaderBoardGrid > thead:first-child tr:first-child th:first-child, tbody:first-child tr:first-child td:first-child {
    border-radius: 4px 0 0 0;
    }
#leaderBoardGrid > thead:last-child tr:last-child th:first-child, tbody:last-child tr:last-child td:first-child {
    border-radius: 0 0 0 4px;
}
#UpdatePanel1 {
    max-width: 900px;
    margin: -9px auto;
}