table.banner
{
    background-image: url('/ease/images/partners/1/fr/_t_banner_02.gif');
    background-repeat: no-repeat;
    background-position: bottom right;
}

td.fr_banner
{
    position: relative;
    background-image: url('/ease/images/partners/1/fr/_t_banner_02.gif');
    background-repeat: no-repeat;
    background-position: bottom right;
    vertical-align: bottom;
    height: 58px;
}

td.en_banner
{
    position: relative;
    background-image: url('/ease/images/partners/1/en/_t_banner_02.gif');
    background-repeat: no-repeat;
    background-position: bottom right;
    vertical-align: bottom;
    height: 58px;
}

.banner-content-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    height: 100%;
    width: 100%;
    padding-left: 0;
}

td.top_banner
{
    background-color: transparent;
}

td.top_button
{
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
}

td.top_username
{
    vertical-align: bottom;
    text-align: right;
}

/* Account selector on same row as top_username: normal flow, no absolute positioning */
td.top_username_account_cell {
    vertical-align: bottom;
    text-align: left;
    width: 1%;
    white-space: nowrap;
}

td.top_username_account_cell .header-account-selector {
    position: static;
    left: auto;
    bottom: auto;
}

.top_header
{
    border-spacing: 0;
    border-collapse: collapse;
}

.top_header *
{
    border-width: 0px;
    border-style: solid;
    border-color: #000000;
}

#quitImage{ background: url(../images/times.png) top 3px right 3px no-repeat; padding-right:20px; }


/* TH class used for the error page title	*/
td.errorTitle { background-color: #AEC4D6; }

/* Text attributes for the error page title */
span.errorTitle
{
    color: #000000;
    background-color:  #AEC4D6;
    
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
}

/* TD class used for the error page body texts	*/
td.errorText { background-color: #FFFFFF; }

/* Text attributes for the display in the error msg regular red */
.errorRegularRed { color: #ab0000; background-color: white;  font-size: 10pt; font-weight: normal; text-align: left; }

/* Text attributes for the display in the error msg big red */
.errorBigRed { color: #ab0000; background-color: white;  font-size: 11pt; font-weight: normal; text-align: left; }

/* Text attributes for the display in the error msg biggest red */
.errorBiggestRed { color: #ab0000; background-color: white;  font-size: 13pt; font-weight: normal; text-align: left; }

/* Text attributes for the display of various debug messages white on white */
div.debugWhite
{
    color: #FFFFFF;
    background-color: #FFFFFF;
    
    font-size: 12pt;
    text-align: left;
}

/* Text attributes for the help title */
h1.helpTitle
{
    color: black;
    background-color: white;
    
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
}

/* TH class used for the help title	*/
th.helpTitle { background-color: white; }

/* Text attributes for the help rows */
span.helpRowsLeftOdd
{
    color: black;
    background-color: #E5E9F3;
    
    font-size: 10pt;
    font-weight: bolder;
    text-align: left;
}

/* Text attributes for the help rows */
span.helpRowsRightOdd
{
    color: black;
    background-color: #E5E9F3;
    
    font-size: 10pt;
    font-weight: normal;
    text-align: left;
}

/* TD class used for the row */
td.helpRowsOdd { background-color: #E5E9F3; }

/* Text attributes for the help rows */
span.helpRowsLeftEven
{
    color: black;
    background-color: #FFFFFF;
    
    font-size: 10pt;
    font-weight: bolder;
    text-align: left;
}

/* Text attributes for the help rows */
span.helpRowsRightEven
{
    color: black;
    background-color: #FFFFFF;
    
    font-size: 10pt;
    font-weight: normal;
    text-align: left;
}

/* TD class used for the row */
td.helpRowsEven { background-color: #FFFFFF; }

/* Table class used for the help */
table.help
{
    width: 100%;
}
body{font-family:"open_sans", Arial, "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif!important}

/* Body class used for help	*/
body.help { background-color: #FFFFFF; }

/* Body for the check list popup */
body.popup { background-color: #FFFFFF; }

/* Text attributes for the display of the title of the check list popup 	*/
span.popupTitle { color: black; background-color: #E5E9F3;  font-size: 10pt; font-weight: 600; text-align: left; }

/* TD class used for the display of the title of the of the check list popup	*/
td.popupTitle { color: black; background-color: #E5E9F3;  font-size: 10pt; font-weight: 600; text-align: left; text-decoration: none; }

/* Body for the top frame */
body.top_en { background-attachment: fixed; background-image: url(/images/partners/1/en/bkg_top.gif); background-repeat: no-repeat; }
body.top_fr { background-attachment: fixed; background-image: url(/images/partners/1/en/bkg_top.gif); background-repeat: no-repeat; }

/* Text attributes for user name and role in the top frame */
span.toptext
{
    color: black;
    
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
}

/* Body for the tree frame */
body.tree { background-color: #fafafa;}

/* text for the tree nodes */
span.treeText {  font-size: 10px; font-weight: bold; color: #000000; text-decoration: none; }

/* link for the tree nodes */
span.treeLink{  font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; }

/* TD for title from print_error.jsp */
td.printErrorTitle { background-color: #FFFFFF; text-align: center; }

/* Title from print_error.jsp */
span.printErrorTitle { color: #000000; background-color: #FFFFFF;  font-size: 12pt; font-weight: normal; text-align: center; }

/* Regular text from print_error.jsp */
span.printErrorText { color: #000000; background-color: #FFFFFF;  font-size: 10pt; font-weight: normal; text-align: left; }

/* Error msg from print_error.jsp */
span.printErrorMsg { color: #ab0000; background-color: #FFFFFF;  font-size: 10pt; font-weight: bold; text-align: left; padding:10px; float:left;}

/* Error msg from print_error.jsp */
span.printErrorMsgLight { color: #ab0000; background-color: #FFFFFF;  font-size: 9pt; font-weight: normal; text-align: left; padding:10px; float:left;}

/* Print contract section background */
td.printContractSection { background-color: #000000; text-align: center; }

/* Contract section of print form */
span.printContractSection { color: #FFFFFF; background-color: #000000;  font-size: 8pt; font-weight: normal; text-align: center; }

/* Contract section of print form, the regular text */
span.printContractText { color: #000000; background-color: #FFFFFF;  font-size: 8pt; font-weight: normal; text-align: left; }

/* Title of print form */
span.printTitle { color: #000000; background-color: #FFFFFF;  font-size: 14pt; font-weight: bold; text-align: center; }

/* Headers of print form */
span.printHeader { color: #000000; background-color: #FFFFFF;  font-size: 7pt; font-weight: normal; text-align: left; }

/* Text net worth of print form */
span.printNetWorth { color: #000000; background-color: #FFFFFF;  font-size: 10pt; font-weight: bold; text-align: left; }

/* Print section background */
td.printSection { background-color: #000000; }

/* Section of print form */
span.printSection { color: #FFFFFF; background-color: #000000;  font-size: 10pt; font-weight: bold; text-align: left; }

/* Stripe at bottom of print */
td.printStripe { background-color: #CCCCCC; }

/* Stripe of print form */
span.printStripe { color: #000000; background-color: #CCCCCC;  font-size: 10pt; font-weight: normal; text-align: left; }

/* For image at bottom of loan wizard */
td.formBottomImg { background-image: url(/images/en/Bottom_Stretch.jpg); }

/* Stripe at bottom of loan tab */
td.formLoanTab { background-color: #CCCCCC; }

/* Text that goes inside of a TD formLoanTab in the loan tab */
span.formTextLoanTab { color: #000000; background-color: #CCCCCC;  font-size: 10pt; font-weight: bold; text-align: left; }

/* Stars in tabs that indicate required fields */
span.formCreditScoring { color: #000000; background-color: #FFFFFF; font-family: courier new; font-size: 9pt; font-weight: normal; text-align: left; }

/* Headers for all forms fields */
span.formHeader { color: #000000; background-color: #FFFFFF;  font-size: 10px; font-weight: normal; text-align: left; }

/* Stars in tabs that indicate required fields */
span.formTextStar { color: #ab0000;  font-size: 10pt; font-weight: bold; text-align: left; }

/* Headers for all forms fields with small font*/
span.formHeaderSmall { color: #000000; background-color: #FFFFFF;  font-size: xx-small; font-weight: normal; text-align: left; }
/* Text that goes inside of a TD formLoanTab in the loan tab */
span.formTextLoanTabSmall { color: #000000; background-color: #CCCCCC;  font-size: xx-small; font-weight: normal; text-align: left; }


/* Headers for all forms fields */
span.formTextRegular { color: #000000; background: transparent;  font-size: 10pt; font-weight: normal; text-align: left; }

/* Loan Mo PMT interest rate in all the tabs */
span.formMonthlyPayment { color: #FFFFFF; background-color: #000000;  font-size: 10pt; font-weight: bold; text-align: left; }

/* Bottom help msg */
span.bottomHelpMsg { color: #000000; background-color: #FFFFFF;  font-size: 10pt; font-weight: normal; text-align: center; }

/* Body for the change passwd jsp */
body.chgpwd { background-color: #FFFFFF; }

/* Text attributes for the display of the text on the login and chgpwd forms */
.chgpwdRegular { color: #000000; background-color: #FFFFFF;  font-size: 8pt; font-weight: normal; text-align:center}


/* Body for the calculator.jsp */
body.calculator { background-color: #FFFFFF; }

/* Text attributes for the display of the title of the calculator	*/
span.calculatorTitle { color: black; background-color: #E5E9F3;  font-size: 10pt; font-weight: 600; text-align: center; }

/* Text attributes for the display of the title same as calculator but not bold	*/
span.unboldTitle { color: black; background-color: #E5E9F3;  font-size: 10pt; font-weight: normal; text-align: center; }

/* TD class used for the display of the title of the calculator	*/
td.calculatorTitle { color: black; background-color: #E5E9F3;  font-size: 10pt; font-weight: 600; text-align: center; text-decoration: none; }

/* Text attributes for the display of the lines in the loan calculator */
span.calculatorOddSmaller { color: black; background-color: #E5E9F3;  font-size: 7pt; font-weight: normal; text-align: left; }

/* Body for the body.jsp */
body.bodyJsp { background-color: #FFFFFF; color: #000000; }

/* TD class used for the display of the form for the MyProfile custom JSP tag */
td.myProfile { background-color: #E9EFF3; }

/* TD class used for the display of the directive section for the MyProfile custom JSP tag */
td.myProfileDirective { background-color: #FFFFFF; }

/* Text attributes for the display of the header from MyProfile custom JSP tag	*/
.myProfileHeader { color: #000000; background-color: #E9EFF3;  font-size: 10pt; font-weight: normal; text-align: left; }

/* Text attributes for the display of the regular text from MyProfile custom JSP tag	*/
.myProfileRegular { color: #000000; background-color: #E9EFF3;  font-size: 10pt; font-weight: normal; text-align: left; }

/* Stars in MyProfile that indicate required fields */
span.myProfileStar { color: #ab0000; background-color: #E9EFF3;  font-size: 10pt; font-weight: bold; text-align: left; }

/* Text attributes for the display of the directive text for MyProfile custom JSP tag	*/
span.myProfileDirective { color: #000000; background-color: #FFFFFF;  font-size: 9pt; font-weight: normal; text-align: left; }

/* My Profile form table: consistent row height for all form rows (same as user.jsp userFormTable) */
table.myProfileFormTable tr td { vertical-align: middle; }
table.myProfileFormTable tr td.myProfile { min-height: 2.5em; box-sizing: border-box; }
table.myProfileFormTable tr td.sysParamTitle { min-height: 2.5em; box-sizing: border-box; }

/* My Profile accounts table (UserMatrix): same row height and alternating colors as user.jsp #userMatrixTable */
#myProfileAccountsTable { font-family: inherit; font-size: 10pt; border-collapse: collapse; width: 100%; }
#myProfileAccountsTable .sysParam,
#myProfileAccountsTable .sysParamTitle { font-family: inherit; font-size: 10pt; }
#myProfileAccountsTable tr:first-child td.sysParamTitle,
#myProfileAccountsTable tr.sysParamHeader td,
#myProfileAccountsTable tr.userMatrixDataRow td.sysParam { padding: 6px 4px 6px 0; }
#myProfileAccountsTable tr.sysParamHeader td { background-color: #004070 !important; color: white; }
#myProfileAccountsTable tr.userMatrixDataRow:nth-child(odd) { background-color: #ffffff; }
#myProfileAccountsTable tr.userMatrixDataRow:nth-child(odd) td.sysParam { background-color: #ffffff; }
#myProfileAccountsTable tr.userMatrixDataRow:nth-child(even) { background-color: #e9eff3; }
#myProfileAccountsTable tr.userMatrixDataRow:nth-child(even) td.sysParam { background-color: #e9eff3; }

/* TD class used for the display of the form for the system parameters custom JSP tag */
td.sysParam { background-color: #eff3f5; }

/* TD class used for alternating rows with a slightly darker blue */
td.sysParamOdd { background-color: #D5D9E3; }

/* TD class used for the display of the form for the system parameters custom JSP tag with a white background */
td.sysParamWhite { background-color: #FFFFFF; }

/* TD class used for the display of the title for the system parameters custom JSP tag with a white background */
td.sysParamTitle { background-color: #e1e1e1; }

/* Text attributes for the display of the title from system parameters custom JSP tag	*/
.sysParamTitle { color: #000000;  font-size: 10pt; font-weight: 600; text-align: left; }

/* Text attributes for the display of the header from system parameters custom JSP tag	*/
.sysParamHeader { color: #000000; background-color: #E9EFF3;  font-size: 10pt; font-weight: normal; text-align: left; }

/* Text attributes for the display of the header from system parameters custom JSP tag	*/
.sysParamHeaderWhite { color: #000000; background-color: #FFFFFF;  font-size: 10pt; font-weight: normal; text-align: left; }

/* Text attributes for the display of the column header from system parameters custom JSP tag --> used for roles	*/
.sysParamColHeader { color: #000000; background-color: #E9EFF3;  font-size: 10pt; font-weight: bold; text-align: center; }

/* Text attributes for the display of the regular text from system parameters custom JSP tag	*/
.sysParamRegular { color: #000000; background-color: #E9EFF3;  font-size: 10pt; font-weight: normal; text-align: left; }

/* Text attributes for the display of the regular text from system parameters custom JSP tag with a white background */
.sysParamRegularWhite { color: #000000; background-color: #FFFFFF;  font-size: 10pt; font-weight: normal; text-align: left; }

/* Text attributes for the display of the title of the table containing the lists	*/
span.listTitle
{
    color: black;
    background-color: #AEC4D6;
    
    font-size: 12pt;
    font-weight: 600;
    text-align: left;
}

/* Text attributes for the display of the title of the table containing the lists	*/
h1.listTitle
{
    color: black;
    background-color: #AEC4D6;
    
    font-size: 12pt;
    font-weight: 600;
    text-align: left;
}

/* Text attributes for the display of the record headers ; currently used only by reportFilter.jsp */
span.listHeader
{
    color: black;
    background-color: #E9EFF3;
    
    font-size: 10pt;
    font-weight: normal;
    text-align: left;
}

/* Text attributes for the display of the records of the table containing the lists	*/
span.listRecord
{
    color: black;
    background-color: white;
    
    font-size: 10pt;
    font-weight: normal;
    text-align: left;
}

label.listRecord 
{
	color: black;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-align: left; 
}

/*
   Text attributes for the display of the records of the table containing the lists	using another
   color to alternate where the row number is odd
*/
span.listRecordOdd
{
    color: black;
    background-color: #E5E9F3;
    
    font-size: 10pt;
    font-weight: normal;
    text-align: left;
}

label.listRecordOdd
{
    color: black;
    background-color: #E5E9F3;
    
    font-size: 10pt;
    font-weight: normal;
    text-align: left;
}


/* Text attributes for the display of the bottom of the table containing the lists	*/
span.listBottomRight
{
    color: black;
    background-color: #E9EFF3;
    
    font-size: 10pt;
    font-weight: normal;
    text-align: right;
}

/* Text attributes for the display at the left of screen of the bottom of the table containing the lists */
span.listBottomLeft
{
    color: black;
    background-color: #E9EFF3;
    
    font-size: 10pt;
    font-weight: normal;
    text-align: left;
}

/* TD class used for the display of the title of the table containing the lists	*/
td.listTitle
{
    background-color: #AEC4D6;
}

/* TD class used for the display of the header of the table containing the lists	*/
td.listHeader
{
    color: black; 
    background-color: #E9EFF3; 
     
    font-size: 10pt; 
    font-weight: normal; 
    text-align: left; 
    text-decoration: none;
}

/* Text attributes for the display of the record headers */
td.listHeader14 
{
	color: black;
	background-color: #E9EFF3;
	
	font-size: 14pt;
	font-weight: normal;
	text-align: left; 
	text-decoration: none;
}

td.listHeader14 h1 
{
	color: black;
	background-color: #E9EFF3;
	font-size: 14pt;
	font-weight: 600;
	text-align: left; 
	text-decoration: none;
	padding: 4px;
	margin:0;
}

/* TD class used for the display of the records of the table containing the lists	*/
td.listRecord
{
    background-color: white;
}

/*
   TD class used for the display of the records of the table containing the lists using another
   color to alternate where the row number is odd
*/
td.listRecordOdd
{
    background-color: #E5E9F3;
}

/* TD class used for the display of the bottom of the table containing the lists with a right text-alignment	*/
td.listBottomRight
{
    background-color: #E9EFF3;
    text-align: right;
}

/* TD class used for the display of the bottom of the table containing the lists with a left text-alignment	*/
td.listBottomLeft
{
    background-color: #E9EFF3;
    text-align: left;
}


/* Table class used for the display of lists	*/
table.list
{
    width: 100%;
}

/* Body class used for lists displayed pages	*/
body.list
{
  background-color: #FFFFFF;
}

/* Outer table class used for the display of lists	*/
table.outerList
{
    width: 95%;
}

/* TD class used for the display inside	of the outer table */
td.outerList
{
    background-color: white;
    width: 95%;
}

/* TD class for the audit record in the history tab */
td.historyAuditHeader  
{
	background-color: #CCCAC2;
	text-align: left; 
	font-size: 8pt; 
	font-weight: bold;
}

.center-table-audit .historyAuditSubHeader td
{
	background-color: #e6e3da;
}

td.historyAuditRecord  
{
	background-color: #E6E3DA;
	text-align: left;
	font-size: 8pt; 
	font-weight: normal;	
}

td.historyAuditRecordMatch
{
    background-color: #FDFF00;
    background: #FDFF00;
    
    text-align: left;
    font-size: 8pt; 
    font-weight: normal;
}

/* Audit link in the history tab */
a.commonLink   
{
    color: blue; 
    background-color: white; 
     
    font-size: 10pt; 
    font-weight: bold; 
    text-align: left; 
    text-decoration: underline;
}

/* Audit link in the history tab */
a.auditLink   
{
	color: black; 
	background-color: #FFFFFF; 
	 
	font-size: 10pt; 
	font-weight: bold; 
	text-align: left; 
	text-decoration: none;
}

/* header list unvisited link */
a.listHeader:link 	{ color: black; background-color: #E9EFF3;  font-size: 10pt; font-weight: normal; text-align: left; text-decoration: none;}

/* header list visited link */
a.listHeader:visited{ color: #8F5325; background-color: #E9EFF3;  font-size: 10pt; font-weight: normal; text-align: left; text-decoration: none;}

/* header list active link */
a.listHeader:active { color: #3C8D3B; background-color: #E9EFF3;  font-size: 10pt; font-weight: normal; text-align: left; text-decoration: none;}

/* header list link with focus */
a.listHeader:hover 	{ color: #ED0B1F; background-color: #E9EFF3;  font-size: 10pt; font-weight: normal; text-align: left; text-decoration: none;}

/* list unvisited link */
a.listRecord:link   { color: #0000FF; background-color: white;  font-size: 10pt; font-weight: normal; text-align: left; text-decoration: none;}

/* list visited link */
a.listRecord:visited{ color: #663399; background-color: white;  font-size: 10pt; font-weight: normal; text-align: left; text-decoration: none;}

/* list active link */
a.listRecord:active { color: #3C8D3B; background-color: white;  font-size: 10pt; font-weight: normal; text-align: left; text-decoration: none;}

/* list link with focus */
a.listRecord:hover	{ color: #ED0B1F; background-color: white;  font-size: 10pt; font-weight: normal; text-align: left; text-decoration: none;}

/* list unvisited link */
a.listRecordOdd:link	{ color: #0000FF; background-color: #E5E9F3;  font-size: 10pt; font-weight: normal; text-align: left; text-decoration: none;}

/* list visited link */
a.listRecordOdd:visited { color: #663399; background-color: #E5E9F3;  font-size: 10pt; font-weight: normal; text-align: left; text-decoration: none;}

/* list active link */
a.listRecordOdd:active  { color: #3C8D3B; background-color: #F4FF2D;  font-size: 10pt; font-weight: normal; text-align: left; text-decoration: none;}

/* list link with focus */
a.listRecordOdd:hover   { color: #ED0B1F; background-color: #E5E9F3;  font-size: 10pt; font-weight: normal; text-align: left; text-decoration: none;}

/* Text attributes for the display in the loan liabilities tab */
span.liabilitiesTab { color: black; background-color: white;  font-size: 9pt; font-weight: normal; text-align: left; }

/* Text attributes for the display in the custom msg regular black */
div.msgRegularBlack { color: black; background-color: white;  font-size: 10pt; font-weight: normal; text-align: center; }

/* Text attributes for the display in the custom msg big black */
div.msgBigBlack { color: black; background-color: white;  font-size: 11pt; font-weight: normal; text-align: center; }

/* Text attributes for the display in the custom msg biggest black */
div.msgBiggestBlack { color: black; background-color: white;  font-size: 13pt; font-weight: normal; text-align: center; }

/* Text attributes for the display in the custom msg regular red */
div.msgRegularRed { color: #ab0000; background-color: white;  font-size: 10pt; font-weight: normal; text-align: center; }

/* Text attributes for the display in the custom msg big red */
div.msgBigRed { color: #ab0000; background-color: white;  font-size: 11pt; font-weight: normal; text-align: center; }

/* Text attributes for the display in the custom msg biggest red */
div.msgBiggestRed { color: #ab0000; background-color: white;  font-size: 13pt; font-weight: normal; text-align: center; }

/* Text attributes for the display in the custom msg regular black */
div.msgRegularBlackLeft { color: black; background-color: white;  font-size: 10pt; font-weight: normal; text-align: left; }

/* Text attributes for the display in the custom msg big black */
div.msgBigBlackLeft { color: black; background-color: white;  font-size: 11pt; font-weight: normal; text-align: left; }

/* Text attributes for the display in the custom msg biggest black */
div.msgBiggestBlackLeft { color: black; background-color: white;  font-size: 13pt; font-weight: normal; text-align: left; }

/* Text attributes for the display in the custom msg regular red */
div.msgRegularRedLeft { color: #ab0000; background-color: white;  font-size: 10pt; font-weight: normal; text-align: left; }

/* Text attributes for the display in the custom msg big red */
div.msgBigRedLeft { color: #ab0000; background-color: white;  font-size: 11pt; font-weight: normal; text-align: left; }

/* Text attributes for the display in the custom msg biggest red */
div.msgBiggestRedLeft { color: #ab0000; background-color: white;  font-size: 13pt; font-weight: normal; text-align: left; }

/* 2021-07-02 */
/* ----------------------------------------------------------------------------------- */
.display-none{display:none}
.display-inline{display:inline}
.nowrap{text-overflow: ellipsis;}
.noborder{border:0px!important}

.m-0{margin:0!important}
.m-1{margin:1px!important}
.m-2{margin:2px!important}
.m-3{margin:3px!important}
.m-4{margin:10px!important}
.m-5{margin:15px!important}

.mt-1{margin-top:1px!important}
.mt-2{margin-top:2px!important}
.mt-3{margin-top:5px!important}
.mt-4{margin-top:10px!important}
.mt-5{margin-top:15px!important}
.mr-1{margin-right:1px!important}
.mr-2{margin-right:2px!important}
.mr-3{margin-right:5px!important}
.mr-4{margin-right:10px!important}
.mr-5{margin-right:15px!important}
.mb-1{margin-bottom:1px!important}
.mb-2{margin-bottom:2px!important}
.mb-3{margin-bottom:5px!important}
.mb-4{margin-bottom:10px!important}
.mb-5{margin-bottom:15px!important}
.ml-1{margin-left:1px!important}
.ml-2{margin-left:2px!important}
.ml-3{margin-left:5px!important}
.ml-4{margin-left:10px!important}
.ml-5{margin-left:15px!important}

.p-0{padding:0px!important}
.p-1{padding:1px!important}
.p-2{padding:2px!important}
.p-3{padding:3px!important}
.p-4{padding:10px!important}
.p-5{padding:15px!important}

.pt-1{padding-top:1px!important}
.pt-2{padding-top:2px!important}
.pt-3{padding-top:5px!important}
.pt-4{padding-top:10px!important}
.pt-5{padding-top:15px!important}
.pr-1{padding-right:1px!important}
.pr-2{padding-right:2px!important}
.pr-3{padding-right:5px!important}
.pr-4{padding-right:10px!important}
.pr-5{padding-right:15px!important}
.pb-1{padding-bottom:1px!important}
.pb-2{padding-bottom:2px!important}
.pb-3{padding-bottom:5px!important}
.pb-4{padding-bottom:10px!important}
.pb-5{padding-bottom:15px!important}
.pl-1{padding-left:1px!important}
.pl-2{padding-left:2px!important}
.pl-3{padding-left:5px!important}
.pl-4{padding-left:10px!important}
.pl-5{padding-left:15px!important}

.td-1{width:1%}
.td-2{width:2%}
.td-3{width:3%}
.td-4{width:4%}
.td-5{width:5%}
.td-6{width:6%}
.td-7{width:7%}
.td-8{width:8%}
.td-9{width:9%}
.td-10{width:10%}
.td-15{width:15%}
.td-20{width:20%}
.td-25{width:25%}
.td-30{width:30%}
.td-35{width:35%}
.td-40{width:40%}
.td-45{width:45%}
.td-50{width:50%}
.td-55{width:55%}
.td-60{width:60%}
.td-65{width:65%}
.td-70{width:70%}
.td-75{width:75%}
.td-80{width:80%}
.td-85{width:85%}
.td-90{width:90%}
.td-95{width:95%}
.td-100{width:100%}

option:checked{ background: #AEC4D6 linear-gradient(0deg, #AEC4D6 0%, #b8ccdd 100%);}

.white-space-no-wrap{white-space: nowrap;}

.text-align-center{text-align:center!important;}
.text-align-right{text-align:right!important;}
.text-align-left{text-align:left!important;}

.text-align-bottom{vertical-align:bottom;}

.main-block{width:90%;border:solid black 1px;padding:2px;margin:0 auto;}

.form-field{font-size:12px;}
.form-field-sm{font-size:10px!important;}

.topmenu {list-style-type: none;margin: 0;padding: 0;overflow: hidden;background-color: white;float:right;}
.topmenu li {float:left;}
.topmenu li a {display: block;color: black;text-align: center;padding: 3px 5px 2px 35px;font-size:11px;text-decoration: none;border:solid #a2b9cb 1px;margin:13px  0 0 2px;text-transform: uppercase;}
.topmenu .quit-img {width:10px;height:10px;}
.topmenu li a:hover {background-color: #aec5d6!important;}
.topmenu li a:focus {background-color: #aec5d6!important;}

/* Header account selector - completely left and completely bottom of header */
.header-account-selector {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
    padding: 0;
    height: auto;
}

.header-account-dropdown {
    position: relative;
    font-family: verdana, arial, helvetica, sans-serif;
}

.header-account-dropdown-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    padding: 5px 8px;
    border: 1px solid #a2b9cb;
    background-color: #fff;
    min-width: 220px;
    max-width: 320px;
    cursor: pointer;
    text-align: left;
}

.header-account-dropdown-btn:hover,
.header-account-dropdown-btn:focus {
    border-color: #003366;
    outline: none;
}

.header-account-dropdown-arrow {
    margin-left: 8px;
    font-size: 10px;
    color: #666;
}

.header-account-dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 220px;
    max-width: 320px;
    max-height: 300px;
    overflow-y: auto;
    background-color: #fff;
    border: 1px solid #a2b9cb;
    border-top: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.header-account-dropdown-menu.show {
    display: block;
}

.header-account-option {
    padding: 8px 10px;
    cursor: pointer;
    border-bottom: 1px solid #e0e0e0;
    line-height: 1.3;
}

.header-account-option:last-child {
    border-bottom: none;
}

.header-account-option:hover,
.header-account-option:focus {
    background-color: #f0f4f8;
    outline: none;
}

.header-account-option-selected {
    background-color: #e8eef4;
}

/* Line 1: Agent Number - blue and bold */
.header-account-agent-number {
    font-weight: bold;
    color: #003366;
    font-size: 12px;
    margin-bottom: 2px;
}

/* Line 2: Dealer Description */
.header-account-dealer-desc {
    color: #333;
    font-size: 11px;
}

/* Label for the account selector - appears above the dropdown */
.header-account-label {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333;
    margin-bottom: 4px;
}

/* Selected account display on 2 lines in the button */
.header-account-dropdown-btn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    padding: 5px 25px 5px 8px;
    border: 1px solid #a2b9cb;
    background-color: #fff;
    min-width: 220px;
    max-width: 320px;
    cursor: pointer;
    text-align: left;
    line-height: 1.3;
}

/* Line 1 of selected account: Agent Number - blue and bold */
.header-account-selected-line1 {
    font-weight: bold;
    color: #003366;
    font-size: 12px;
    margin-bottom: 2px;
}

/* Line 2 of selected account: Dealer Description */
.header-account-selected-line2 {
    color: #333;
    font-size: 11px;
}

/* Dropdown arrow positioned absolutely */
.header-account-dropdown-arrow {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    color: #666;
}

.menu-tabs{padding:0px;width:80%;}

.page-footer{font-size: 8pt;font-family:verdana, arial, helvetica, sans-serif;}
.page-footer a:hover{color: #ab0000;}
.page-footer a:focus{color: #ab0000;border: solid #ab0000 1px;}

.search-bar-left{border-left:solid black 1px;}
.search-bar-right{border-right:solid black 1px;}
.search-bar-bottom{border-bottom:solid black 1px;}
.search-bar-field{padding-top:7px;}
.search-bar-bottom-padding{padding-bottom:7px;}

.login-block-container{margin:0 auto;width:210px;}

/* EASE login page (login-ease-page-wrap on login.jsp) */
.login-ease-page-wrap.login-block-container{width:auto;max-width:24em;margin:1.5rem auto 0;}
.login-ease-portal{max-width:24em;margin:1.5rem auto 0;box-sizing:border-box;padding:2rem 1.75rem;border:1px solid #d0d0d0;text-align:left;font-family:Arial,Helvetica,sans-serif;color:#000000;}
.login-ease-portal h1{font-size:1.35rem;font-weight:bold;margin:0 0 0.35rem 0;line-height:1.2;}
.login-ease-portal .login-ease-subtitle{font-size:0.95rem;font-weight:normal;margin:0 0 1.25rem 0;}
.login-ease-portal h2{font-size:1.1rem;font-weight:bold;margin:0 0 0.35rem 0;}
.login-ease-portal .login-ease-register-desc{font-size:0.95rem;font-weight:normal;margin:0 0 1rem 0;}
.login-ease-portal .login-ease-divider{border:none;border-top:1px solid #d0d0d0;margin:1.25rem 0;}
.login-ease-portal a.login-ease-btn{display:block;width:100%;box-sizing:border-box;text-align:center;text-decoration:none;font-weight:bold;font-size:0.95rem;padding:0.65rem 1rem;border-radius:4px;cursor:pointer;border:2px solid #15416f;}
.login-ease-portal a.login-ease-btn-primary{background-color:#15416f;color:#ffffff;border-color:#15416f;}
.login-ease-portal a.login-ease-btn-primary:hover,.login-ease-portal a.login-ease-btn-primary:focus{background-color:#1d5289;border-color:#1d5289;color:#ffffff;}
.login-ease-portal a.login-ease-btn-secondary{background-color:#ffffff;color:#15416f;}
.login-ease-portal a.login-ease-btn-secondary:hover,.login-ease-portal a.login-ease-btn-secondary:focus{background-color:#e8eef5;color:#15416f;}
.login-block-sub-container{border-spacing: 0px;border-collapse: separate;}
.login-block{width:200px;border:solid #AEC4D6 1px;padding:5px 5px 10px 5px;}
.login-fields {padding:7px;}
.login-fields input{width:93%;font-size:13px!important;padding:5px;border:solid 1px #a5a3a3;}
.login-fields label{font-size: 9pt; padding:5px 0 0  0;color:#656565}
.login-link{font-size:12px;}
.login-link a:hover{color: #ab0000;}
.login-link a:focus{color: #ab0000;border: solid #ab0000 1px;}
.login-help{font-family: verdana, arial, helvetica, sans-serif;font-size:12px;}
.login-message-zone{background-color:#ededed;font-size:13px;}

.image-centered img{display: block;  margin:0 auto;}

.acknowledge-block{width:50%;margin:0 auto;border:solid 1px black;padding:10px;text-align:center;}
.account-selection-card{max-width:400px;margin:24px auto;padding:24px 32px;text-align:left;border:1px solid #ccc;background:#fff;}
.account-selection-heading{font-family:verdana,arial,helvetica,sans-serif;font-size:18px;font-weight:bold;margin:0 0 12px 0;color:#000;text-align:left;}
.account-selection-instruction{font-family:verdana,arial,helvetica,sans-serif;font-size:13px;line-height:1.4;margin:0 0 20px 0;color:#333;text-align:left;}
.account-selection-label{font-family:verdana,arial,helvetica,sans-serif;font-size:13px;font-weight:bold;display:block;margin:0 0 8px 0;text-align:left;color:#000;}
.account-selection-select{width:100%;box-sizing:border-box;padding:8px 10px;margin:0 0 24px 0;font-family:verdana,arial,helvetica,sans-serif;font-size:13px;border:1px solid #999;background:#fff;}
.account-selection-actions{margin-top:0;text-align:left;}
.account-selection-continue{width:100%;box-sizing:border-box;padding:12px 24px;font-size:14px;background:#003366;color:#fff;border:none;border-radius:3px;cursor:pointer;font-weight:bold;margin:0 0 16px 0;display:block;}
.account-selection-continue:hover{background:#002244;}
.account-selection-cancel{font-family:verdana,arial,helvetica,sans-serif;font-size:13px;color:#003366;text-decoration:none;display:block;text-align:center;}
.account-selection-cancel:hover{text-decoration:underline;color:#002244;}
.account-selection-title{font-family: verdana, arial, helvetica, sans-serif;font-size:14px;margin-bottom:8px;}
.account-selection-table{width:80%;margin:0 auto;border-collapse:collapse;font-family: verdana, arial, helvetica, sans-serif;font-size:12px;}
.account-selection-table th,.account-selection-table td{border:1px solid #ccc;padding:6px 10px;text-align:left;}
.account-selection-table th{background:#eee;}
.introduction-message{font-size:13px;}

.border-bottom-solid{border-bottom:solid black 1px;}
.search-box{height:20px;}
.searchloan{font-size:12px;font-weight:600;padding: 5px 2px 3px 2px}

.menu-zone{margin-top:5px;border-spacing: 0px;border-collapse: separate;}

.specific-month{margin-left:15px;font-style:italic;}

.listTitle h1{margin:2px 0;}

.sysParamTitle h1{margin:2px 0;}

.lost-password-table{width:200px;border-spacing: 0px;border-collapse: separate;border:solid 1px black}
.lost-password-table-title{width:200px;border-spacing: 0px;border-collapse: separate;margin-bottom:2px;}
.lost-password-block{margin:0 auto;width:200px;}

.validation-table{width:60%;border-spacing: 0px;border-collapse: separate;}

.override-login{width:178px;margin: 8px auto;}
.override-login input{width:100%}

.header-1{font-size:16px;padding:5px;}
.error-message{color: #ab0000;}
.message{width:81%;margin:0 auto;}
.center{margin:0 auto;}
.underline{text-decoration:underline;}
.buttons{text-align:center}
.bottom-message{text-align:center;font-size:12px;}

.errorTitle h1{ background-color: #AEC4D6; padding:3px;margin:0;font-size:14px; }

.form-field-label{ font-size: 10px;}

.formMonthlyPayment { color: #FFFFFF; background-color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; text-align: left; }

/* fieldsets */

.fieldset-nostyle{min-width: 0;padding: 0;margin: 0;border: 0;box-sizing: border-box;font: inherit;}
.legend-for-accessibility{display:none}
.legend-same-line{float:left;padding-top:3px;}
.legend-same-line-pt-5{float:left;padding-top:5px;}
.legend-same-line-pt-6{float:left;padding-top:6px;}


/* tables */
.table{width:100%;}
.table-no-spacing{border-spacing: 0px;border-collapse: separate;}
.table-cell-no-padding{padding:0;}

.table-70{width:70%;margin:0 auto;}
.table-80{width:80%;margin:0 auto;}
.table-90{width:90%;margin:0 auto;}

.center{margin:0 auto}
.center-table-50{border:solid #666666 1px;width:50%;margin:0 auto}
.center-table-60{border:solid #666666 1px;width:60%;margin:0 auto}
.center-table-70{border:solid #666666 1px;width:70%;margin:0 auto}
.center-table-80{border:solid #666666 1px;width:80%;margin:0 auto}
.center-table-90{border:solid #666666 1px;width:90%;margin:0 auto}
.center-table-100{border:solid #666666 1px;width:100%;margin:0 auto}
.center-table-100 td{padding:2px!important;}
.center-table-500{border:solid #666666 1px;width:500;margin:0 auto}


.center-table-audit{font-size:9px;margin-bottom:10px;border-spacing: 0px;border-collapse: separate;}
.table-audit-header tr .formLoanTab{border: solid black 1px;font-size: 12px;padding: 5px;}

.table-row-border tr td{border:solid 1px #dbdbdb;padding:2px;}
tr.row-border>td{border:solid 1px #b8b8b9;padding:2px;}
tr.row-border td{vertical-align:top;}
.table-border{border:solid black 1px;}
.table-border-large{border:solid black 3px;}
.tree-table{width:178px; border-spacing: 0px;border-collapse: separate;}
.tree-table-inner{width:100%;border-spacing: 0px;border-collapse: separate;}

.loan-title-cell{background-color:black;padding:5px;}
.loan-table-adjustment{margin:-3px 0 0 -3px}
.loan-table-adjustment-additional{margin:0 0 0 -3px;border-top:1px solid transparent}

/* Lists */
.list-title-height{height:27px;}
.list-header-height{height:22px;}

/* Tabbed menu */
.tab-menu{list-style-type: none;margin: 0;padding: 0;background-color: white;margin-top:10px;}
.tab-menu li{display:inline;}
.tab-menu a{font-size: 11px;border-top-right-radius: 14px;border-top-left-radius: 14px;padding:2px 17px 0px 17px}
.tab-menu .selected-tab a{border: solid black 1px;background-color: #fda115;text-decoration:none;color: black;}
.tab-menu .unselected-tab a{text-decoration:none;color: white; border: solid black 1px;background-color: #005258;}
.tab-menu .selected-tab a:hover{background-color: #ffc363;}
.tab-menu .selected-tab a:focus{background-color: #ffc363;}
.tab-menu .unselected-tab a:hover{background-color: #19818b;}
.tab-menu .unselected-tab a:focus{background-color: #19818b;}

/* Other */

input{font-size:12px;}
select{font-size:12px;}

#birthday{width:25px;margin-left:0px;}
#birthmonth{width:25px;margin-left:0px;}
#birthyear{width:40px;}

.top-information{height:60px;}

.noborder{border: 0px!important}

.sso-body{background:#DEDEA2; color: #000000}
body{font-family:"open_sans", Arial, "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif!important;padding:0;margin:0;}
.top-table{width:100%;border-spacing: 0px;border-collapse: separate;}
.top-table tr:first-child td:first-child { margin-left:0;padding-left:0; }
label.listRecord {color: black;background-color: white;font-family: Arial, Helvetica, sans-serif;font-size: 10pt;font-weight: normal;text-align: left; }
label.listRecordOdd {color: black;background-color: #E5E9F3;font-size: 10pt;font-weight: normal;text-align: left;}
td.listHeader14 h1 {color: black;background-color: #E9EFF3;font-size: 14pt;font-weight: 600;text-align: left;text-decoration: none;padding: 4px;margin:0;}
.center-table-audit .historyAuditSubHeader td{background-color: #e6e3da;}
.table-nav{width:100%;margin-top:0;border-spacing: 0px;border-collapse: separate;padding-left:0;margin-left:0px;}
.top-margin{margin-top:2px;}

/* Login */
.login-title{
	background: rgb(176,198,215);
	background: linear-gradient(90deg, rgba(176,198,215,1) 0%, rgba(255,255,255,1) 100%);
	border: solid black 1px;
    width: 52%;
    padding: 3px;
}
.login-title h1{font-size: 10px; padding:1px 0 0 0;margin:0}

.read-only-field{font-size:12px;color:#767575;font-style:italic;min-height:14px;display:inline-block;;}
.other-instructions{font-size:13px!important;width:97%;height:50px;padding:5px;border:solid 1px #b8b8b9;background-color:#f9f9f9;}
.previous-address-table{margin-left:-3px;border-top:0px;}

.check-true-disabled
{
	height:14px; 
	width:14px;
    display:inline-block;
	background: url(../images/check-true-disabled.png) no-repeat;
 	vertical-align:middle;
 	margin-left:2px;
}

.check-false-disabled
{
	height:14px; 
	width:14px;
	background-color:red;
	display:inline-block;
	background: url(../images/check-false-disabled.png) no-repeat;
	vertical-align:middle;
	margin-left:2px;
}

.bypass-container{padding:9px 0 7px 15px}
.main-app-bypass-container{display:inline-block;vertical-align:top;margin:0px 0 0 10px;}
.bypass-link{
	color: white;
	background-color: white;
    text-align: center;		
    padding-right:4px;
    font-size: 9px;
    margin: 0px 0 0 2px;
    }
.bypass-link:focus{color: #0845ce;}    
.bypass-link:hover{cursor:default;color:white;}
.bypass-link:active{cursor:default;color:white;}

.bypass-link-tree{	
	color: white;
	background-color: white;
    text-align: center;		
    padding-right:4px;
    font-size: 0px;
    text-decoration: none;
    margin: 0px 0 0 2px;
}
.bypass-link-tree:focus{color: #0845ce;font-size: 9px;}    
.bypass-link-tree:hover{cursor:default;color:white;}
.bypass-link-tree:active{cursor:default;color:white;}

.image-focus img:focus{border:solid black 1px;}

.loan-form-title{margin-bottom:0px;}

/* Form */
.my_profile_field{
    padding: 5px 4px;
}