:root { 
    --hscf-blue: #3457a2;
    --hscf-font: proxima-nova,sans-serif;
}

.hscf-title {
    font-family: var(--hscf-font);
}

.card-header.hscf-header, .card-footer.hscf-footer, .hscf-header-nav-btn:hover {
    background-color: var(--hscf-blue);
    border-color: var(--hscf-blue);
    color: white !important;
    font-family: var(--hscf-font);
}

.hscf-header-nav-btn {
    border-color: var(--hscf-blue) !important;
    color: var(--hscf-blue) !important;
    font-family: var(--hscf-font);
}

.hscf-header-nav-btn.active {
    background-color: var(--hscf-blue);
    color: white !important;
}

.card.hscf-reset {
    padding: 0;
    max-width: 100%;
}

.alertpnl {
    display: none
}

.container.leaderboard {
    border-bottom: 0.1rem solid;
}