.payroll-public-page,
.payroll-detail-page {
    --payroll-primary: #0f4c97;
    --payroll-primary-dark: #0a2f63;
    --payroll-accent: #f1b51c;
    --payroll-surface: #ffffff;
    --payroll-soft: #eef6ff;
    --payroll-soft-2: #f7fbff;
    --payroll-border: rgba(15, 76, 151, 0.12);
    --payroll-text: #17324d;
    --payroll-muted: #5f7590;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--payroll-text);
}

.payroll-public-page a,
.payroll-public-page a:hover,
.payroll-public-page a:focus,
.payroll-detail-page a,
.payroll-detail-page a:hover,
.payroll-detail-page a:focus {
    text-decoration: none;
}

@media (max-width: 767.98px) {
    #content.container {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .payroll-public-page,
    .payroll-detail-page {
        padding-left: 0.375rem;
        padding-right: 0.375rem;
    }
}