:root {
    /*--topNav-bg-color: #1064B7 !important;*/ /* #1064B7 no longer used*/
    --secondaryNav-bg-color: #022539 !important; /* now the main nav with progress bar*/
    --footer-bg-color: #022539 !important; /* #022539 */
    --footer-color: #FFFFFF !important; /* #FFFFFF */
    --mainbody-bg-color: #FFFFFF !important; /*#FFFFFF just under nav bar, above footer */
    --mainbody-color: #333333 !important; /* #333333 */
    --locationbody-bg-color: #022539 !important; /* #022539 page border for location page*/
    /*--locationbody-color: #333333 !important;*/ /* #333333*/
    --locationForm-bg-color: #FFFFFF !important; /* #FFFFFF main form area for location page */
    --locationForm-color: #333333 !important; /* #333333*/
    --policyForm-bg-color: #FFFFFF !important; /* #FFFFFF between mainbody*/
    /*--quoteButton-bg-color: #BEBEBE !important;*/ /* #BEBEBE */
    /*--quoteButton-color: #FFFFFF !important;*/ /*#FFFFFF */
}
/* ie does not support variables*/
/* see https://stackoverflow.com/questions/45955538/workaround-for-css-variables-in-ie  */
.customized-navbar {
    background-color: var(--topNav-bg-color); /*#1064B7 !important*/ /* No longer used*/
}

.customized-navbar-secondary {
    background-color: #FB991C !important; /* IESupport --secondaryNav-bg-color: */
    background-color: var(--secondaryNav-bg-color) !important;
}

.footer {
    color: #FFFFFF !important; /* IESupport --footer-color: */
    color: var(--footer-color) !important;
}

.footer {
    background-color: #022539 !important; /* IESupport --footer-bg-color: */
    box-shadow: 0 50vh 0 50vh #022539 !important; /* IESupport --footer-bg-color: */
    background-color: var(--footer-bg-color) !important;
    box-shadow: 0 50vh 0 50vh var(--footer-bg-color) !important;
}

body {
    background-color: #FFFFFF !important; /* IESupport --mainbody-bg-color: */
    color: #333333 !important; /* IESupport --mainbody-color: */
    background-color: var(--mainbody-bg-color) !important; /* #ffffff !important */
    color: var(--mainbody-color) !important; /* #333333 !important */
}

.locationBody {
    /*color: var(--locationbody-color);*/ /* #333333 !important */
    background-color: #022539 !important; /* IESupport --locationbody-bg-color: */
    background-color: var(--locationbody-bg-color) !important; /* #ffffff !important */
}

.locationForm {
    background-color: #FFFFFF !important; /* IESupport --locationForm-bg-color: */
    color: #333333 !important; /* IESupport --locationForm-color: */
    background-color: var(--locationForm-bg-color) !important; /* #ffffff !important */
    color: var(--locationForm-color) !important; /* #333333 !important */
}

.policy-form {
    background-color: #FFFFFF !important; /* IESupport --policyForm-bg-color: */
    background-color: var(--policyForm-bg-color) !important; /* #ffffff !important */
}

/*.quote-button {
    background-color: var(--quoteButton-bg-color);
    color: var(--quoteButton-color);
}*/