:root {
    --portal-primary: var(--egs-yellow);
    --portal-branded-button: var(--egs-yellow);
    --portal-branded-table: var(--egs-yellow);
}

body {
}

.responsiveHidden {

}

.portal-main-footer {
    margin-top: -40px;
    background-color: var(--portal-primary);
}

.portal_body {
    height: auto !important;
    min-height: 87% !important;
    margin-bottom: 50px;
    margin-top: 65px;
}

.branded {
}

    .branded button {
        background-color: var(--portal-branded-button) !important;
        color: white !important;
    }

    .branded table {
    }

        .branded table tr th {
            background-color: var(--portal-branded-table);
        }

.wrapper button {
    background-color: var(--portal-branded-button) !important;
    color: white !important;
}

#topNavMenu button {
    border: 0;
    color: black;
    height: 30px;
}

.vl {
    border-left: 2px solid rgb(57,57,57);
}

.navigation-button {
    padding: 3px 10px 3px 10px;
    margin-top: 10px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.navbar {
    background-color: var(--portal-primary);
}

#topNavMenu {
    margin-left: calc(50% - 135px);
}

#userIdentification {
    float: right; 
    margin-top: -12px; 
    margin-right: 20px;
}

.logoBanner {
    margin-top: 9px;
    width: 100%;
    text-align: center;
    background-color: var(--portal-primary);
}

    .logoBanner img {
        margin-top: 50px;
        margin-bottom: 10px;
        height: 100%;
    }

.responsiveVisible a {
    margin-bottom: 5px;
}

.contractframe {
    width: 100%;
    color: black;
    margin: auto;
    max-width:905px;
}

.verifyTools {
    margin-left: 325px;
    padding-bottom: 10px;
}


@media only screen and (max-width: 1024px) {
    #topNavMenu {
        margin-left: calc(35%);
    }

    contractTemplateFrame {
        display:none;
    }

    .verifyTools {
        margin-left: 200px;
    }
}

@media only screen and (max-width: 1220px) {
    .responsiveHidden {
        display: none;
    }
}

@media only screen and (max-width: 750px) {
    .responsiveVisibleNarrow {
        display: none;
    }

    .verifyTools {
        margin-left: 8px;
    }

    .panel-heading_responsive {
        padding: 10px 0px !important;
    }
}


@media only screen and (max-width: 768px) {
    #logoLarge {
        display: none;
    }
    #topNavMenu {
        margin-left: calc(10%);
    }
    .table {
        margin: -20px;
    }
}

@media only screen and (max-width: 550px) {
    #UsernNameMessage {
        display: none;
    }
}