:root {
    --portal-blue: #1b4160;     /* Dark footer blue */
    --header-blue: #6F8CAA;     /* Your specific header blue */
    --portal-bg: #f4f7f9;
    --white: #ffffff;
    --border-light: #e2e8f0;
    --portal-background-color: #EBEEF3;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

body {
    font-family: "Segoe UI", Roboto, Helvetica, sans-serif;
    background-color: var(--portal-bg);
    color: #334155;
}

/* 1. HEADER: Spans 100% width, matches image blue exactly */
.headerImage {
    width: 100%;
    background-color: var(--header-blue);
    display: flex;
    align-items: center;
    padding: 0 2rem;
    height: 60px; /* Explicit height that contains the image comfortably */
}

.headerImage img {
    height: 60px; 
    width: auto;
    display: block;
}

.ui-widget-content{
	background: var(--portal-background-color);
}

/* 2. SUB-HEADER: Utility bar */
.headerLink {
    width: 100%;
    background-color: #EBEEF3;
    border-bottom: 1px solid #d1d5db;
    text-align: right;
    padding: 10px 2rem;
    font-size: 13px;
    color: #475569;
}

/* 3. MAIN CONTENT */
.container {
    flex: 1; 
    display: flex;
    justify-content: center;
    align-items: center; /* Changed from flex-start to center for better vertical balance */
    padding: 2rem 1rem;
}


/* 4. FOOTER: Full width anchor */
#pageFoot {
    width: 100%;
    background-color: var(--portal-blue);
    color: white;
    padding: 1.5rem 2rem;
    text-align: center;
    font-size: 14px;
}

/* FORM STYLING */
.pageHeading {
    margin-top: 0;
    color: var(--portal-blue);
    font-size: 1.5rem;
    font-weight: 600;
}
/*custom properties*/

/* Make legend background transparent */
.ui-fieldset .ui-fieldset-legend {
    background: transparent !important;
    background-color: transparent !important;
    /* Optional: Remove or adjust padding if needed */
    padding: 0 5px; 
	border:0;
	font-weight: bold !important;
}

.ui-button .ui-button-text {
    font-weight: bold;
}

.keepRight{
	text-align:right;
}

.keepLeft{
	text-align:left;
}

.keepCenter{
	text-align:center;
}

.pageHeading{
	font-size:1.4em;
	font-weight:bold;	
}
.fieldsetHeading{
	font-size: 1.1em;
	font-weight:bold;	
}
.fieldsetLabel {
	font-size: 1.1em;
}
.fieldsetText{
	font-weight: bold;
	font-size: 1em;
}
.requiredStar{
	color:red;
}
.requiredSubText{
	color:red;
	font-size:0.9em;
}
.infoSubText{
	font-size:0.9em;
}