:root
{
    --nav_background: #404040;
    --nav_alert: #872E2E;
    --nav_button_selected: #408458;

    /* global font sizes */
    --font-xs: 12px;
    --font_sm: 14px;
    --font_md: 16px;
    --font-lg: 18px;
    --font-xl: 20px;

    /* global font weights */
    --font-weight-normal : 300;
    --font-weight-medium : 400;
    --font-weight-heavy  : 600;

    /* column header height */
    --column_header_height: 32px;
}

.portal-topheader
{
    background-color: var( --nav_background );
    height: 32px;
    line-height:32px;
    color: white;
}

.portal-footer
{
    background-color: var( --nav_background );
    height: 48px;
    color: white;
}

.portal-text
{
    font-size: 14px;
}