#leaderboard {
    padding: 10px;
    font-size: 12px
}

#leaderboard .t1 {
    color: #FFC107;
    border-bottom: 2px solid;
    padding-bottom: 5px;
    font-weight: 700;
    font-size: 18px
}

#leaderboard .dates,
#leaderboard .keys {
    overflow: hidden
}

#leaderboard .dates .date,
#leaderboard .keys .key {
    float: left;
    background: var(--tertiary-color);
    color: #fff;
    line-height: 1;
    padding: 10px 15px;
    margin: 10px 10px 0 0;
    font-size: 13px;
    border-radius: 4px;
    cursor: pointer
}

#leaderboard .dates .date.selected,
#leaderboard .keys .key.selected {
    background: var(--gradient-btn);
    color: #ffff;
}

#leaderboard .note {
    text-transform: none;
    margin-top: 10px
}

#leaderboard .scrollable {
    overflow: auto
}

#leaderboard table {
    width: 100%;
    margin-top: 10px
}

#leaderboard table tr.selected {
    background: #81C784
}

#leaderboard table td {
    padding: 5px;
    border: 1px solid var(--text-grey);
}

#leaderboard table thead td {
    background: var(--secondary-color);
    color: #000000;
}