#secondary-menu{
    background-color: var(--accent2);
}

.main-navigation .portal-navigation > ul {
    justify-content: center;
    background-color: var(--accent2);

}

.portal-navigation .menu-item-has-children > a::after {
    content: "";
    padding-left: 8px;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20330%20512%22%20aria-hidden%3D%22true%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%3E%3Cpath%20d%3D%22M305.913%20197.085c0%202.266-1.133%204.815-2.833%206.514L171.087%20335.593c-1.7%201.7-4.249%202.832-6.515%202.832s-4.815-1.133-6.515-2.832L26.064%20203.599c-1.7-1.7-2.832-4.248-2.832-6.514s1.132-4.816%202.832-6.515l14.162-14.163c1.7-1.699%203.966-2.832%206.515-2.832%202.266%200%204.815%201.133%206.515%202.832l111.316%20111.317%20111.316-111.317c1.7-1.699%204.249-2.832%206.515-2.832s4.815%201.133%206.515%202.832l14.162%2014.163c1.7%201.7%202.833%204.249%202.833%206.515z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    display: inline-block;
}

.main-navigation .portal-navigation  a {
    font-weight:bold;
}

.portal-navigation .menu > li > a:hover, .main-navigation .portal-navigation .current-menu-ancestor > a, .main-navigation .portal-navigation .menu > .current-menu-item > a {
    color: black !important;
}

.main-navigation .menu > li >  a:hover, .main-navigation .current-menu-ancestor > a, .main-navigation .portal-navigation .menu > .current-menu-item > a {
    text-decoration: underline;
}

@media (max-width: 768px) {
    #secondary-menu .portal-navigation > ul{
        display: flex;
    }
}

.report-hours__fields label {
    display: block;
}
.report-hours__fields > div {
    flex-grow: 1;
    margin-bottom: 2em;
}
.report-hours__fields input, .report-hours__fields select {
    width: 100%;
}
.report-hours__success {
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5em;
}
@media( min-width: 769px) {
    .report-hours__fields {
        display: flex;
        flex-wrap: wrap;
        gap: 1em;
    }
    
    .report-hours__success {
        grid-template-columns:12em 1fr;
    }
    
}
.view-hours {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.view-hours__table {
    overflow-x: auto;
    text-align: center;
}

.view-hours__download {
    margin-left: auto;
}