/* Loan app template is wrapped in a .loanapp container if you need to uniquely identify any styles specific to the loan app */

html, body {
	scrollbar-color: #003399 #C4C4C4;
	font-family: Arial, sans-serif;
}
/* REM sizing is based off a 10px font size */
html {
	font-size: 10px;
}
@media screen and (max-width: 980px) {
	html {
		font-size: 9px;
	}
}
@media screen and (max-width: 768px) {
	html {
		font-size: 8px;
	}
}
@media screen and (max-width: 340px) {
	html {
		font-size: 45%;
	}
}
body, p {
	font-size: 1.6rem;
	border: none;
	font-family: Arial, sans-serif;
	touch-action: manipulation;
	font-weight: normal;
}
/* END */

/* primefaces overrides */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: none;
}

.loanapp .ui-widget, .ui-widget .ui-widget {
	font-weight: normal;
}

/* session expiring */
#sessionWarning {
	box-sizing: border-box;
	padding: 0;
	height: auto;
	z-index: 99;
	border: none;
}
#sessionWarningContainer {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background:  #003399;
	color: white;
	padding: 2rem 4rem;
	height: 12.5rem;
	border-left: 15px solid #fff;
	border-right: 15px solid #fff;
	border-bottom: 15px solid #fff;
}
#sessionWarningContainer > span {
	font-size: 2.4rem !important;
	font-weight: normal;
}
#sessionWarningContainer > button {
	margin-top: 3rem;
	font-weight: normal;
	font-family: Arial, sans-serif;
	font-size: 2.4rem;
	background: #fff;
	color: #003399;
	width: 23.8rem;
	height: 4rem;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	outline: none;
	border: none;
	box-shadow: none;
	border-radius: 5px;
	cursor: pointer;
}
#sessionWarningContainer > button:hover {
	transform: scale(1.05);
}
/* end */
/* reset session */
.reset {
	max-width: 128rem;
	margin: 0 auto;
	padding: 0 4rem;
}
.reset button {
	margin: 5rem auto 0;
}
/* end */

/* csr view styles */
#csrView {
	padding: 1rem 2rem;
	font: normal 1.4rem Arial, sans-serif;
}
#csrView > p {
	font-size: 1.4rem;
	font-weight: bold;
	color: #003399;
	cursor: pointer;
}
#csrView > p::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 6px solid #003399;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	margin-left: 10px;
	position: relative;
	top: 1px;
}
#csrView.open > p::after {
	border-left: 6px solid transparent;
	border-top: 6px solid #003399;
	border-right: 6px solid transparent;
	top: 5px;
}
#csrViewContent {
	display: none;
}
[id*="csr_lookup"].ui-panel {
	max-width: 375px;
	width: 100%;
	padding: 1rem;
	border: 1px solid #aeaeae;
}
[id*="csr_lookup_content"] {
	max-width: 100%;
	width: 100%;
}
#section.loanapp [id*="csr_lookup_content"] #nextData input {
	height: 2.5rem;
	margin-bottom: 1rem;
	width: 100%;
}
[id*="csr_lookup_content"] #nextData button {
	background: #003399;
	color: #fff;
	outline: none;
	box-shadow: none;
}

#csrViewContent table {
  margin-top: 20px;
	text-align: center;
}
#csrViewContent [id*="user_table_head"] {
  display: none;
}
#csrViewContent [id*="user_table_data"] tr:hover {
  background: #003399;
  color: #fff;
  outline: none;
  box-shadow: none;
}
/* end */

/* error message overrides */
.ui-message,
.ui-messages > div {
	display: flex;
	background: transparent !important;
	border: none !important;
}
.ui-message > div > span.ui-message-error-icon,
.ui-messages > div > span {
	display: none;
}
.ui-messages > div > ul {
	margin: 0;
}
.ui-message > div span,
.ui-messages > div > ul > li > span {
	font-weight: 400;
	font-size: 1.6rem;
}
.ui-message .ui-message-error-detail,
.ui-messages .ui-messages-error,
.ui-messages .ui-message-error {
	color: #FF4545 !important;
	text-align: center;
}
.ui-messages .ui-messages-info,
.ui-messages .ui-message-info {
	color: #3a87ad;
}
.ui-messages .ui-messages-warn {
	width: 50%;
	margin: 4rem auto;
	background: #fcf8e3 !important;
	border: 1px solid #fbeed5 !important;
}
.ui-messages .ui-messages-warn .ui-messages-warn-icon {
	display: block;
}
.ui-messages .ui-messages-warn a {
	display: block;
	color: #003399;
	text-decoration: underline;
	cursor: pointer;
}
/* end */

/* loading animation styles */
	.loading-animation {
		display: flex;
		flex-direction: column;
    justify-content: center;
    align-items: center;
	}
	.loading-animation + div.ui-blockui-content img {
		width: 100px;
    height: auto;
    background: #003399;
    border-radius: 50%;
    margin-bottom: 1rem;
	}
/* end */

/* loanapp header styles */
#whiteHeader {
	border-bottom: 7px solid #003399;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
#whiteHeader .logo a {
	display: block;
}
#whiteHeader #logo {
	padding: .75rem 0 0 1rem;
}
.whiteHeader_right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: initial;
	margin-top: 1rem;
}
#email-header #email-logo {
	padding: 0;
}
#header_content {
	display: flex;
	flex-direction: column;
	position: relative;
}
/* end */
/* loan type header */
#loanTypeTitle {
	font-size: 2.4rem;
	flex: 0 0 100%;
	margin: 0 0 .25rem;
	padding: 0;
	text-align: center;
	color: #4f4f4f;
}
/* end */

/* modal popup styles */
.ui-dialog .ui-dialog-titlebar.ui-widget-header {
	font-size: 2.2rem;
	background: #fff;
	border-bottom: 3px solid #003399;
	color: #003399;
	text-shadow: none;
	text-transform: uppercase;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
/* end */

/* verify email security code panel styles */
#verifyEmail .ui-dialog-titlebar.ui-widget-header {
	background: #003399;
	color: #fff;
	text-transform: capitalize;
}
#verifyEmail .ui-dialog-content {
	min-width: 300px;
	max-width: 460px;
	width: 100%;
	padding: 2rem 3rem;
}
#verifyEmail .ui-dialog-content .flex-column {
	align-items: center;
}
#verifyEmail .ui-dialog-content label {
	font-size: 1.8rem;
	font-weight: bold;
	color: #606060;
	margin-bottom: 1rem;
}
#section.loanapp #verifyEmail .ui-dialog-content #emailFormModal input {
	font-size: 2.6rem;
	width: 11.5rem;
	height: 5rem;
	text-align: center;
}
#verifyEmail button {
	margin: 3.5rem auto 2rem;
}
#verifyEmail #emailFormModal {
	font-size: 1.4rem;
	text-align: center;
}
/* code expired styles */
[id*=securityCodeReset].ui-blockui-content {
	justify-content: center;
	align-items: center;
	position: absolute;
	z-index: 9999999999;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0 !important;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	padding: 0;
}
[id*=securityCodeReset] > div {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	flex-direction: column;
	max-width: 500px;
	width: 100%;
	height: auto;
	margin: 0 2rem;
	padding: 3rem;
	border-radius: 3px;
	background: #fff;
}
[id*=securityCodeReset] [id*=resetRedirect] {
	display: block;
	margin: 2rem auto 0;
}
[id*=securityCodeReset] [id*=resetRedirect] span {
	padding: 1rem 2rem;
	background: #003399;
	color: #fff;
	border-radius: 5px;
}

#page_wrap {
	height: auto;
}
#section.loanapp {
	margin-bottom: 0;
}
#section.loanapp #section_content {
	width: 100%;
}

.loanapp * {
	box-sizing: border-box;
	font-family: Arial, sans-serif;
	text-shadow: none;
}
.loanapp {
	font-family: Arial, sans-serif;
	font-weight: normal;
}
.loanapp form {
	max-width: 860px;
	margin: 0 auto;
}
.loanapp form#userLookup {
	max-width: 100%;
}
#applyAs,
#cosigner {
	width: 100%;
}
.txt-container {
	font-family: Arial, sans-serif;
	font-size: 1.6rem;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}
#yes-form .txt-container {
	padding: 0;
}
.center {
	margin: 0 auto;
}

.bold {
	font-weight: bold;
}
.blue {
	color: #003399;
}

.hide {
	display: none;
}

.flex {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-start;
	margin-top: 2.5rem;
}
.flex-column {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.loanapp .command-button,
#logInMain form .flex-column label,
.loanapp form .flex-column label {
	font-family: Arial, sans-serif;
	font-size: 2rem;
}
.loanapp form .flex-column label,
#logInMain form .flex-column label {
	text-align: left;
}
.loanapp form .flex-column > label,
#logInMain form .flex-column > label {
	text-align: left;
	margin-bottom: .5rem;
}
h1.header,
.loanapp .sub-header {
	text-align: center;
	color: #003399;
}
h1.header {
	font-size: 4rem;
	margin: 3rem 2rem 4rem;
}
.loanapp .sub-header {
	font-size: 3.6rem;
	font-weight: bold;
	color: #A1B4C5;
	margin: 3rem 2rem 4rem;
}
#cosigner h1.header {
	margin: -4rem 2rem 6rem;
}
#login .lg-link {
	font-size: 3.6rem;
	background: #003399;
	color: #fff;
	padding: 1rem 2rem;
	border: none;
	text-shadow: none;
	outline: none;
	border-radius: 5px;
	cursor: pointer;
}

/* global button styles inside containApply container */
#login_hdr_btn,
#loginFormModal .command-button,
.loanapp .command-button {
	font-weight: normal;
	font-family: Arial, sans-serif;
	font-size: 1.5rem;
	background: #003399;
	color: #fff;
	width: 23.8rem;
	height: 4rem;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	outline: none;
	border: none;
	box-shadow: none;
	border-radius: 5px;
	cursor: pointer;
}
#loginFormModal .command-button {
	font-size: 1.8rem;
}
.loanapp .command-button.white-btn,
#profileForm\:no_apps_content .command-button.content-width:hover,
#summaryForm\:no_apps_content .command-button.content-width:hover,
#passwordUpdateForm .command-button:hover,
.loanapp .command-button:hover, #containApply .command-button:focus {
	background: #fff;
	border: 2px solid#003399;
	color: #003399;
}
#loginFormModal .command-button.short,
.loanapp .command-button.short {
	width: 15.4rem;
	height: 3.5rem;
}
#login_hdr_btn {
	font-size: 1.8rem;
	width: 9.1rem;
	height: 4rem;
	letter-spacing: .8px;
	border-radius: unset;
	margin-right: 1em;
}
#login_hdr_btn .ui-button-text {
	padding: 0;
}
.loanapp p a,
.tabcontent p a {
	text-decoration: underline;
	color: #003399;
}
.session-help a {
	text-decoration: underline;
	color: #fff;
}
/* end */

/* global checkbox styles */
.ui-selectbooleancheckbox.ui-chkbox .ui-chkbox-box.ui-state-default {
	width: 30px;
	height: 30px;
	background: #fff;
	border: 1px solid #c1c1c1;
	box-shadow: none;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ui-chkbox-icon.ui-icon.ui-c.ui-icon-blank {
	background-image: none;
}
.ui-chkbox-icon.ui-icon.ui-c.ui-icon-check {
	background-image: url('../resources/images/checkmark_green.svg');
	background-size: cover;
	width: 24px;
	height: 19px;
}
/* end */

/* global radio button styles */
.loanapp .ui-radiobutton {
	margin-right: .5rem;
}
.radio-btn {
	display: flex;
	align-items: flex-end;
	margin: .5rem 0;
	text-transform: capitalize;
}
/* ----- */
.ui-radiobutton .ui-radiobutton-box.ui-state-default {
	background: #fff;
	border: 1px solid #c1c1c1;
	border-radius: 50%;
	box-shadow: none;
	display: flex;
	justify-content: center;
	align-items: center;
}
#summaryForm [id*=upload_data] .ui-radiobutton .ui-radiobutton-box.ui-state-default.ui-state-active .ui-radiobutton-icon.ui-icon,
#loan_form [id*=stud_state_panel_content] .ui-radiobutton .ui-radiobutton-box.ui-state-default.ui-state-active .ui-radiobutton-icon.ui-icon {
	background: #003399;
	display: block;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	margin: 0;
}
/* end */

/* user signed in menu styles */
#user_menu {
	font-family: Arial, sans-serif;
	font-size: 1.6rem;
	padding-right: 2rem;
	cursor: pointer;
}
#user_menu p.user {
	overflow: hidden;
	display: flex;
	align-items: center;
	color: #003399;
	text-transform: uppercase;
	font-weight: bold;
}
#user_menu_content {
	position: relative;
}
#user_menu_content .user-wrap {
	display: flex;
	align-items: center;
	overflow: hidden;
	text-overflow: clip;
	white-space: nowrap;
	max-width: 100%;
	width: 100%;
}
#user_menu_content img {
	width: 15px;
	height: 12px;
	margin-left: 7px;
}
#user_menu p.user.open + img {
	transform: rotate(180deg);
	position: relative;
	top: -2px;
}
.user-menu-open {
	position: absolute;
	top: 5rem;
	right: 0;
	z-index: 100;
	display: none;
	background: #003399;
	color: #fff;
	width: 27rem;
	padding: 1.5rem;
	box-sizing: border-box;
}
.user-menu-open::before {
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-bottom: 16px solid #003399;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	position: absolute;
	top: -16px;
	right: 14px; 
}
.user-menu-open #logout {
	float: unset;
	margin: 0;
}
.user-menu-open hr {
	width: 100%;
	height: 2px;
	background: #5CB85C;
	border: none;
	margin: 2rem 0;
}
.user-menu-open p {
	margin: .75rem 0 0;
	overflow-wrap: anywhere;
}
.user-menu-open p:first-of-type {
	font-weight: bold;
}
#user_menu_content .user-menu-open a,
.user-menu-open button.ui-button {
	display: block;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	background: transparent;
	border: 1px solid #fff;
	border-radius: 3px;
	margin: 1.5rem 0;
	padding: .5rem 0;
	width: 100%;
	text-shadow: none;
}
#user_menu_content .user-menu-open a:hover,
.user-menu-open button.ui-button:hover,
.user-menu-open button.ui-button:hover span,
.user-menu-open button.ui-button span:hover {
	color: #003399;
	background: #fff;
}
.user-menu-open button.ui-button {
	outline: none;
	box-shadow: none;
}
.user-menu-open button.ui-button span {
	font-family: Arial, sans-serif;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 0;
	color: #fff;
	text-shadow: none;
}
/* end */

/* global input styles */
.ui-widget-content input.ui-inputfield,
input.input.ui-inputfield,
span.input,
.loanapp .ui-inputfield.ui-state-focus,
.loanapp .ui-widget-content .ui-inputfield.ui-state-focus,
input.input.ui-inputfield:focus {
	box-sizing: border-box;
	text-shadow: none;
}
.ui-widget-content input.ui-inputfield,
.ui-widget-content .ui-inputfield.ui-inputtextarea,
input.input.ui-inputfield,
span.input,
input.input.ui-inputfield:focus {
	box-shadow: none;
}
.dropdown-container,
.ui-widget-content input.ui-inputfield,
#reviewForm\:financialInfoPanel_content span.input,
[id*=financialInfoModal] span.input,
input.input.ui-inputfield {
	width: 100%;
	height: 3.5rem;
}
.ui-widget-content input.ui-inputfield,
.ui-widget-content .ui-inputfield.ui-inputtextarea,
input.input.ui-inputfield {
	font: normal 1.6rem Arial, sans-serif;
	border: 1px solid #aeaeae;
}
.ui-outputlabel-rfi {
	display: none;
}
.view-pass,
.view-ssn {
	cursor: pointer;
}

/* input focus highlighting */
.loanapp .ui-inputfield.ui-state-focus,
.loanapp .ui-widget-content .ui-inputfield.ui-state-focus,
.dropdown-container .dropdown.ui-selectonemenu.ui-state-focus {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,51,153,0.65); 
	box-shadow: 0px 0px 5px 0px rgba(0,51,153,0.65);
	border: 1px solid rgba(0,51,153,0.65);
}
/* removes autofill blue background color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
	box-shadow: 0 0 0px 1000px #ffffff inset !important;
}
.dropdown-container .dropdown.ui-selectonemenu.ui-state-focus .ui-selectonemenu-label {
	border-right: 1px solid rgba(0,51,153,0.65);
}
/* end */

/* app progress menu styles */
.app-progress,
.app-progress-menu {
	font-family: Arial, sans-serif;
	box-sizing: border-box;
	align-items: flex-end;
	align-self: flex-end;
	display: flex;
	justify-content: space-between;	
	max-width: 320px;
	width: 100%;
	position: absolute;
	right: 0;
	z-index: 99;
}
.app-progress {
	background: #003399;
	padding: .5rem 1.5rem 2rem;
	bottom: -68px;
	height: 68px;
}
.app-progress p {
	text-transform: uppercase;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.app-progress .progress-bar {
	max-width: 237px;
	width: 100%;
	height: 5px;
	background: #fff;
}
.app-progress .progress-bar {
	background: #fff;
}
.app-progress .menu {
	cursor: pointer;
}
.app-progress .menu .menu-icon .icon-bar {
	width: 30px;
	height: 4px;
	background: #fff;
	margin-bottom: 7px;
}
.app-progress .menu .menu-icon .icon-bar:last-child {
	margin-bottom: 0;
}
.app-progress-menu {
	display: none;
	align-items: flex-start;
	background: #EFF4FA;
	top: 163px;
}
.app-progress-menu > div {
	box-sizing: border-box;
	padding: 0 1.5rem;
	width: 100%;
}
.app-progress-menu .progress-item {
	justify-content: flex-start;
	width: 100%;
	position: relative;
	height: 6.1rem;
	cursor: pointer;
}
.app-progress-menu .progress-item img.status {
	width: 4.1rem;
	height: auto;
	margin-right: 1.5rem;
}
.app-progress-menu .progress-item a {
	font-size: 1.8rem;
	font-weight: bold;
	color: #003399;
	margin: 0;
}
.app-progress-menu .progress-item.no-progress a {
	color: #CCD2D7;
	cursor: no-drop;
}
.app-progress-menu .progress-item.complete a {
	color: #5CB85C;
}
.app-progress-menu .progress-item.no-progress {
	cursor: no-drop;
}
.app-progress-menu .progress-item .lock-img {
	position: absolute;
	right: 1.5rem;
	display: none;
}
.app-progress-menu .sub-menu,
.app-progress-menu .sub-menu .sub-item {
	flex-wrap: nowrap;
	flex-direction: row;
}
.app-progress-menu .sub-menu {
	padding: 2rem 1.5rem;
	background: #003399;
	color: #fff;
}
.app-progress-menu .sub-menu .sub-item {
	font-weight: normal;
	margin: .4rem 0;
}
.app-progress-menu .sub-menu > .flex-column,
.app-progress-menu .sub-menu .sub-item img,
.app-progress-menu .sub-menu > a,
.app-progress-menu .sub-menu .sub-item a {
	margin: 0;
}
.app-progress-menu .sub-menu .sub-item.complete a {
	color: #5CB85C;
}
.app-progress-menu .sub-menu .sub-item img {
	width: 2rem;
	margin-right: 1rem;
}
.app-progress-menu .sub-menu a {
	color: #fff;
}
.app-progress-menu .sub-menu > a {
	font-weight: normal;
	align-self: flex-start;
	background: transparent;
	border: 1px solid #fff;
	border-radius: 4px;
	padding: .4rem .8rem;
}
.arrows {
	position: absolute;
	right: 1.5rem;
	cursor: pointer;
}
.arrow-closed {
	width: 0; 
  height: 0; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent; 
  border-left: 15px solid #003399;
}
.app-progress-menu .progress-item.no-progress .arrow-closed {
	border-left: 15px solid #CCD2D7;
	cursor: no-drop;
}
.arrow-open {
	width: 0; 
  height: 0; 
  border-top: 15px solid #003399;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent; 
}
/* end */

/* cosigner page styles */
#cosigner form .flex {
	justify-content: center;
}
#cosigner form .flex .flex-column:first-of-type {
	margin-right: 5rem;
}
#cosigner form [id*=caseFound].flex-column:first-of-type {
	margin-right: 0;
}
#cosigner form .flex .flex-column input.input {
	width: 100%;
}
#cosigner form button {
	margin: 18rem auto 5rem;
}
#cosigner form .ui-messages-error {
	text-align: center;
}

/* loan type styles */
#prodConfirmForm {
	max-width: 100%;
	padding: 0 4rem;
}
#loan-type {
	align-items: flex-start;
	flex-wrap: wrap;
	max-width: 108rem;
	width: 100%;
	margin: 0 auto;
}
#loan-type .type {
	font-family: Arial, sans-serif;
	max-width: 31rem;
	width: 100%;
	text-align: center;
}
#loan-type .type:not(:last-of-type) {
	margin-right: 1rem;
}
#loan-type .type button {
	font-size: 3rem;
	font-weight: bold;
	margin: 0;
	padding: 2rem 1rem;
	background: #003399;
	color: #fff;
	border-radius: .5rem;
	outline: none;
	width: 100%;
}
#loan-type .type button span span {
	font-size: 3rem;
	display: block;
}
#loan-type .type button span {
	padding: 0;
}
#loan-type .type button:hover {
	background: #5CB85C;
	transform: translateY(-.5rem);
	transition: linear;
	transition-duration: 200ms;
}
#loan-type .type button.selected {
	background: #5CB85C;
}

/* end */

/* login/got-acct page styles */
.pass-container,
.ssn-container {
	display: flex;
	position: relative;
	width: 100%;
}
.pass-container img,
.ssn-container img {
	position: absolute;
	right: .6rem;
	align-self: center;
	width: 28px;
}
#loginFormModal > .flex,
#got-acct form > .flex,
#login form > .flex {
	flex-direction: column;
	max-width: 300px;
	margin: 0 auto;
}
#loginFormModal > .flex button,
#got-acct form > .flex button,
#login form > .flex button {
	align-self: flex-end;
	margin: 4rem 0 2.8rem;
}
#loginFormModal .ui-messages {
	max-width: 316px;
	text-align: center;
}
#loginFormModal > .flex button {
	margin: 3rem 0 1.5rem;
}
#loginFormModal > .flex > *,
#login form > .flex > * {
	margin: 1rem 0;
}
#loginForm .ui-message.ui-message-error > div {
	margin: 0 auto;
}
#loginForm .ui-message.ui-message-error:last-of-type {
	margin: 0 auto 1.5rem;
}
#logInMain .txt-container p,
#login .txt-container p {
	max-width: 300px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#logInMain .txt-container p:first-of-type,
#login .txt-container p:first-of-type {
	margin-bottom: 1rem;
}
#login .txt-container p:last-of-type {
	margin-bottom: 4.5rem;
}
#logInMain .txt-container p a,
#got-acct .txt-container p a,
#login .txt-container p a,
#cosgnLink { 
	font-family: Arial, sans-serif;
	color: #003399;
}
[id*="infoSaved_container"].ui-growl {
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	margin: 0 auto;
	width: 100%;
}
[id*="infoSaved_container"] .ui-growl-item-container  {
	display: flex;
	justify-content: center;
	border: none;
	width: 50%;
}
[id*="infoSaved_container"] .ui-growl-item {
	display: flex;
}
[id*="infoSaved_container"] .ui-growl-item .ui-growl-image {
	margin-right: 1rem;
	width: 3.8rem;
	height: 3.8rem;
}
[id*="infoSaved_container"] .ui-growl-item .ui-growl-message {
	width: 100%;
	align-self: center;
	padding: 0;
}
/* end */
/* got account  */
.register-info {
	text-align: center;
}
.register-info,
#got-acct {
	display: flex;
	max-width: 740px;
	width: 100%;
	margin: 0 auto;
	justify-content: space-between;
	padding: 0 2rem;
}
#got-acct form {
	width: 100%;
	max-width: 360px;
	margin: 0;
}
#got-acct form .flex {
	max-width: 90%;
}
#got-acct form > p:first-of-type {
	color: #fff;
	text-transform: uppercase;
	font-size: 3rem;
	margin: .5rem 0 1.5rem 1.5rem;
}
#got-acct #yes-form {
	background: #5CB85C;
	margin: 0 2rem 0 0;
}
#got-acct #yes-form .flex-column {
	align-self: flex-end;
}
#got-acct #yes-form .flex-column:first-of-type {
	margin-bottom: 2rem;
}
#got-acct #yes-form button {
	font-size: 2rem;
	margin: 1.5rem 0; 
	color: #003399;
	border: 2px solid #003399;
	background: transparent;
}
#got-acct #yes-form .ui-messages { 
	text-align: center;
}
#got-acct #yes-form .ui-message {
	display: flex;
	justify-content: center;
}
#got-acct #yes-form button:hover { 
	color: #fff;
	border: 2px solid #003399;
	background: #003399;
}
#got-acct #yes-form .ui-message,
#got-acct #yes-form .ui-messages,
#got-acct #yes-form .ui-messages-error {
	background: #fff !important;
	margin: 0;
	padding: .75rem 1rem 0;
	border-radius: 0;
}
/* if no error is displaying yet */
#got-acct #yes-form .ui-message:empty,
#got-acct #yes-form .ui-messages:empty,
#got-acct #yes-form .ui-messages-error:empty {
	display: none;
}
#got-acct #no-form {
	background: #003399;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	color: white;
}
#got-acct #no-form .no {
	align-self: flex-start;
	justify-self: flex-start;
}
#got-acct #no-form button {
	background: #fff;
	color: #003399;
	width: 70%;
	height: 8.5rem;
	font-size: 2.4rem;
	margin: 0;
}
#got-acct #no-form p:last-of-type,
#got-acct .txt-container p {
	text-align: center;
	font-size: 1.4rem;
}
#got-acct #no-form p:last-of-type {
	padding: 0 1rem;
}
#got-acct .txt-container p:first-of-type a { 
	color: #003399;
}
/* END */

/* borrower found page */
#borrower_found {
	max-width: 480px;
	width: 100%;
	margin: 0 auto;
}
#borrower_found p {
	text-align: center;
}
#borrForm\:borrTable {
	margin: 3rem auto 6rem;
}
#borrForm table {
	max-width: 300px;
}
#borrForm table thead {
	display: none;
}
#borrForm table tbody tr.ui-datatable-empty-message {
	border: none;
	text-align: center;
}
#borrForm table tbody tr.ui-datatable-empty-message:hover,
#borrower_found table tbody tr.ui-datatable-empty-message.selected {
	border: none;
	background: #fff;
	color: #000;
}
#borrForm table tbody tr {
	display: flex;
	flex-direction: column;
	width: 100%;
	border: 1px solid #abcae9;
	background: white;
	color: #000;
	box-shadow: none;
	padding: .5rem 0;
}
#borrForm table tbody tr.ui-datatable-odd {
	background: #EFF4FA;
}
#borrForm table tbody tr:hover,
#borrower_found table tbody tr.selected {
	background: #E3F0FC;
	color: #000;
	border: 1px solid #003399;
}
#borrForm table tbody tr td {
	border: none;
	padding: 0;
	margin: .5rem 1rem;
}
#borrower_found button {
	width: 100%;
	max-width: 350px;
	margin: 0 auto;
}
/* END */

/* churning pages */
#churningPage,
#appComp,
#nonCitizen,
#cfmIncome,
#revIncome,
#deferredRepayOptn,
#immdRepayOptn,
#intRepayOptn,
#fixedRepayOptn,
#moreInfoCDorCTStatus,
#moreInfoCDStatus,
#cosignerWithdrawl,
[id*=confirmLoans].ui-dialog {
	padding: 3rem;
	margin-top: -50rem;
}
 
#hcpCnfm {
	padding: 1.5rem;
	max-width: 590px;
}
#dsntmtIncome {
	padding: 1rem;
}
#churningPage,
#hcpCnfm {
	text-align: center;
}
#cfmIncome,
#dsntmtIncome,
#moreInfoCDorCTStatus,
#moreInfoCDStatus,
#hcpCnfm,
[id*=confirmLoans].confirm-dialog {
	width: 50% !important;
	margin-bottom: 15%;
}

#appComp.ui-dialog .ui-dialog-titlebar.ui-widget-header,
#churningPage.ui-dialog .ui-dialog-titlebar.ui-widget-header,
#nonCitizen.ui-dialog .ui-dialog-titlebar.ui-widget-header,
#cfmIncome.ui-dialog .ui-dialog-titlebar.ui-widget-header,
#dsntmtIncome.ui-dialog .ui-dialog-titlebar.ui-widget-header,
#revIncome.ui-dialog .ui-dialog-titlebar.ui-widget-header,
#deferredRepayOptn.ui-dialog .ui-dialog-titlebar.ui-widget-header,
#immdRepayOptn.ui-dialog .ui-dialog-titlebar.ui-widget-header,
#intRepayOptn.ui-dialog .ui-dialog-titlebar.ui-widget-header,
#fixedRepayOptn.ui-dialog .ui-dialog-titlebar.ui-widget-header,
#cosignerWithdrawl.ui-dialog .ui-dialog-titlebar.ui-widget-header,
#moreInfoCDorCTStatus.ui-dialog .ui-dialog-titlebar.ui-widget-header,
#moreInfoCDStatus.ui-dialog .ui-dialog-titlebar.ui-widget-header,
#hcpCnfm.ui-dialog .ui-dialog-titlebar.ui-widget-header,
[id*=confirmLoans].ui-dialog .ui-dialog-titlebar.ui-widget-header {
	border: none;
	max-width: 765px;
	text-align: center;
	padding: 0;
	margin: 0 auto;
}
#moreInfoCDorCTStatus.ui-dialog .ui-dialog-titlebar.ui-widget-header,
#moreInfoCDStatus.ui-dialog .ui-dialog-titlebar.ui-widget-header,
#hcpCnfm.ui-dialog .ui-dialog-titlebar.ui-widget-header {
	max-width: 100%;
}
#moreInfoCDorCTStatus.ui-dialog .ui-dialog-titlebar.ui-widget-header .ui-dialog-titlebar-icon {
	position: absolute;
	right: -5;
	width: 40px;
	height: 40px;
}


#moreInfoCDStatus.ui-dialog .ui-dialog-titlebar.ui-widget-header .ui-dialog-titlebar-icon {
	position: absolute;
	right: -5;
	width: 40px;
	height:40px;
}
#hcpCnfm.ui-dialog .ui-dialog-titlebar.ui-widget-header .ui-dialog-titlebar-icon {
	top: -0.75rem;
	right: -0.75rem;
}
#appComp #appComp_title,
#churningPage #churningPage_title,
#nonCitizen #nonCitizen_title,
#cfmIncome #cfmIncome_title,
#dsntmtIncome #dsntmtIncome_title,
#revIncome #revIncome_title,
#deferredRepayOptn #deferredRepayOptn_title,
#immdRepayOptn #immdRepayOptn_title,
#intRepayOptn #intRepayOptn_title,
#fixedRepayOptn #fixedRepayOptn_title,
#cosignerWithdrawl #cosignerWithdrawl_title,
#moreInfoCDorCTStatus #moreInfoCDorCTStatus_title,
#moreInfoCDStatus #moreInfoCDStatus_title,
#hcpCnfm #hcpCnfm_title,
[id*=confirmLoans] [id*=confirmLoans_title] {
	font-size: 4rem;
	margin: 0;
}


#hcpCnfm #hcpCnfm_title {
	margin: 1.5rem auto -1rem;
}
#appCompForm p,
#churningPageForm p,
#nonCitizen p,
#cfmIncome p,
#dsntmtIncome p,
#revIncome p,
#deferredRepayOptn p,
#immdRepayOptn p,
#intRepayOptn p,
#fixedRepayOptn p,
#cosignerWithdrawl p,
#hcpCnfm p {
	max-width: 765px;
	margin: 2rem auto;
}

#moreInfoCDStatus p,
#moreInfoCDorCTStatus p {
	max-width: 765px;
	margin: 2rem auto;
	font-size: 20px;
	font-weight: bold;
}

#nonCitizenModal p { 
	margin: 4rem auto 1rem;
	text-align: center;
}
#cfmIncome p,
#dsntmtIncome p,
#revIncome p,
#deferredRepayOptn p,
#immdRepayOptn p,
#intRepayOptn p,
#fixedRepayOptn p,
[id*=confirmLoans] p {
	text-align: center;
}
#hcpCnfm p:last-of-type {
	font-size: 1.4rem;
	max-width: 300px;
	text-align: center;
	margin: 2rem auto 0;
}
[id*=confirmLoans].ui-dialog .ui-dialog-content,
#deferredRepayOptn.ui-dialog .ui-dialog-content,
#immdRepayOptn.ui-dialog .ui-dialog-content,
#intRepayOptn.ui-dialog .ui-dialog-content {
	display: flex;
	flex-direction: column;
	text-align: center;
	margin-top: 2rem;
	padding: 0;
	overflow-y: hidden;
}
#fixedRepayOptn.ui-dialog .ui-dialog-content {
	display: flex;
	flex-direction: column;
	text-align: center;
	margin-top: 2rem;
	padding: 0;
	overflow-y: hidden;
}
[id*=confirmLoans].ui-dialog .ui-dialog-content .flex-column {
	align-items: center;
	margin: 3rem auto 5rem;
}
[id*=confirmLoans].ui-dialog .ui-dialog-content > .flex button {
	margin: 0;
}
#hcpCnfm.ui-dialog .ui-dialog-content > #hcaForm .flex-column button {
	margin: 0 auto;
}
#cfmIncome p,
[id*=confirmLoans] p {
	margin-bottom: 4rem;
}
#cfmIncome #incomeFormModal > .flex {
	align-items: flex-end;
	flex-wrap: nowrap;
}
#cfmIncome #incomeFormModal .flex-column {
	margin: 0 2rem;
}
#cfmIncome #incomeFormModal .flex-column > span {
	width: 100%;
}
#appCompForm .command-button.short.footer-btn {
	width: initial;
	margin-top: 2rem;
}
#deferredRepayOptn .command-button.footer-btn,
#immdRepayOptn .command-button.footer-btn,
#intRepayOptn .command-button.footer-btn {
	width: initial;
	height: 5.5rem;
	margin-top: 2rem;
}
#fixedRepayOptn .command-button.footer-btn {
	width: initial;
	height: 5.5rem;
	margin-top: 2rem;
}
#cosignerWithdrawl .flex,
#nonCitizenModal > .flex {
	margin: 3rem 0 0;
}
#cosignerWithdrawl .flex {
	margin: 4rem 0 0;
}
#churningPage.ui-dialog .ui-dialog-content .flex {
	flex-direction: row;
}
#cosignerWithdrawl #cosignerWithdrawlForm .flex button,
#nonCitizenModal #cosignerWithdrawlForm > .flex button {
	text-transform: capitalize;
}
[id*=lnOptLoad].ui-blockui-content {
	padding: 2rem 3rem;
	width: 25%;
}
[id*=lnOptLoad].ui-blockui-content p {
	font-size: 2.4rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #003399;
}
#dsntmtIncome #dsntmtIncomeButton {
	width: auto;
	margin: 6rem auto 0;
	height: 5rem;
}
/* end */

/*---------------------------------------------------------
-                                                         -
-                                                         -
-        media queries for responsive styles              -
-                                                         -
-                                                         -
---------------------------------------------------------*/
@media screen and (max-width: 1280px) {
	#cfmIncome,
	#moreInfoCDorCTStatus,
	#moreInfoCDStatus,
	[id*=confirmLoans].confirm-dialog {
		width: 70% !important;
		margin-left: -410px;
	}
}
@media screen and (max-width: 980px) {
	/* csr view */
	#csrView,
	#csrView > p {
		font-size: 1.6rem;
	}
	/* end */
	#user_menu_content .user-wrap {
		max-width: 440px;
	}
	.app-progress-menu {
    top: 150px;
	}
	#section.loanapp .dropdown-container,
	#section.loanapp .ui-widget-content input.ui-inputfield,
	#section.loanapp input.input.ui-inputfield,
	/* #section.loanapp .pass-container, */
	#section.loanapp .ssn-container {
		width: 85%;
	}
	#section.loanapp .ui-widget-content .pass-container input.ui-inputfield,
	#section.loanapp .ui-widget-content .ssn-container input.ui-inputfield,
	#section.loanapp #loginForm input.ui-inputfield,
	#got-acct #yes-form .flex-column input.input.ui-inputfield {
		width: 100%;
	}
	#cosigner form .flex .flex-column:first-of-type {
		margin-right: 0;
	}
	#cosigner form .flex .flex-column {
		padding: 0 2.5rem;
	}
	#cosigner form .flex .flex-column input {
		width: 100%;
	}
}
@media screen and (max-width: 845px) {
	.ui-messages .ui-messages-warn {
		width: 65%;
	}
	#user_menu_content .user-wrap {
		max-width: 300px;
	}
	#got-acct #no-form button {
		height: 9.2rem;
	}
	#deferredRepayOptn,
	#immdRepayOptn,
	#intRepayOptn {
	position: absolute;
	transform: translate(-15%, 0%);
}
	#fixedRepayOptn {
	position: absolute;
	transform: translate(-15%, 0%);
	}
}

@media screen and (max-width: 768px) {
	/* csr view */
	#csrView {
		margin-bottom: 1rem;
	}
	#csrView > p::after {
		border-left: 5px solid #003399;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		margin-left: 8px;
	}
	#csrView.open > p::after {
		border-left: 5px solid transparent;
		border-top: 5px solid #003399;
		border-right: 5px solid transparent;
		top: 3px;
	}
	/* end */
	.flex {
		flex-wrap: wrap;
	}
	.flex > * {
		margin: 1rem 0;
	}
	#login .txt-container p {
		max-width: 300px;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		margin-bottom: 3rem;
	}
	#user_menu_content .user-wrap {
		max-width: 200px;
	}
	#loanTypeTitle {
		margin: 1rem 0 .25rem;
	}
	.txt-container {
		padding: 0 2rem;
	}
	#got-acct input.input.ui-inputfield {
		width: 100%;
	}
	#got-acct #yes-form .flex-column {
		width: 100%
	}
	#got-acct #yes-form .flex-column:first-of-type {
    margin-bottom: 2rem;
	}
	#loginFormModal > .flex,
	#got-acct form > .flex,
	#loginForm > .flex {
		align-items: flex-end;
	}
	#cfmIncome #incomeFormModal .flex-column {
    margin: 1rem 0;
	}
}

@media screen and (max-width: 640px) {
	#whiteHeader_right > .flex {
		flex-direction: row;
	}
	.ui-messages .ui-messages-warn {
		width: 90%;
	}
	.reset {
		padding: 0 2rem;
	}
	.app-progress-menu .progress-item {
		flex-direction: row;
	}
	h1.header {
		margin: 2rem 2rem 3rem;
		padding: 0;
	}
	.loanapp .sub-header {
		color: #A1B4C5;
	}
	.flex {
		flex-wrap: wrap;
		flex-direction: column;
	}
	#loan-type {
		align-items: center;
	}
	#section.loanapp .dropdown-container,
	#section.loanapp .ui-widget-content input.ui-inputfield,
	#section.loanapp input.input.ui-inputfield,
	#section.loanapp .pass-container,
	#section.loanapp .ssn-container {
		width: 100%;
	}
	#cosigner button {
		margin: 5rem auto 2.5rem;
	}
	#got-acct {
		flex-direction: column;
		align-items: center;
	}
	.register-info,
	#got-acct form {
		max-width: 375px;
	}
	#got-acct #yes-form {
		margin: 0 0 2rem;
	}
	#got-acct #no-form {
		height: 210px;
	}
	#appCompForm .flex,
	[id*=confirmLoans].confirm-dialog .flex {
		flex-direction: row;
	}
	#cfmIncome,
	#moreInfoCDorCTStatus,
	#moreInfoCDStatus,
	#hcpCnfm,
	[id*=confirmLoans].confirm-dialog {
		width: 95% !important;
	}
	#moreInfoCDorCTStatus,
	#moreInfoCDStatus,
	#hcpCnfm {
		padding: 1rem;
		position: absolute;
		max-width:370px;
	
		
	}
	[id*=lnOptLoad].ui-blockui-content {
		padding: 2rem 2rem;
		width: 40%;
	}
}



@media (min-width: 481px) and (max-width: 639px) {
	#moreInfoCDorCTStatus,
	#moreInfoCDStatus,
	#hcpCnfm {
		padding: 1rem;
		position: absolute;
		max-width:370px;
		margin-left: -525px;
		}
	#moreInfoCDStatus #moreInfoCDStatus_title {
		font-size: 3rem;
		margin:0;
	}
}



@media screen and (max-width: 480px) {
	#moreInfoCDorCTStatus,
	#moreInfoCDStatus,
	#hcpCnfm {
		padding: 1rem;
        position: absolute;
        max-width: 60%;
        left: 50%;
        top: 50%;
        transform: translate(-10%, -40%);
		}
}

@media screen and (max-width: 440px) {
	#moreInfoCDorCTStatus,
	#moreInfoCDStatus,
	#hcpCnfm {
		padding: 1rem;
		position: absolute;
		max-width:70%;
		}
}

@media screen and (max-width: 375px) {
	#moreInfoCDorCTStatus,
	#moreInfoCDStatus,
	#hcpCnfm {
		padding: 1rem;
		position: absolute;
		max-width:75%;
		margin-left: -550px;
		
		}
}


@media screen and (max-width: 600px) {
	.app-progress-menu {
    top: 145px;
	}
	#deferredRepayOptn,
	#immdRepayOptn,
	#intRepayOptn {
	position: absolute;
	transform: translate(-25%, 0%);
}
	#fixedRepayOptn {
	position: absolute;
	transform: translate(-25%, 0%);
	}



#moreInfoCDStatus #moreInfoCDStatus_title {
	font-size:3.3rem;
}

#moreInfoCDStatus.ui-dialog .ui-dialog-titlebar.ui-widget-header .ui-dialog-titlebar-icon {
    position: absolute;
    right: -5;
    bottom: 5;
    transform: scale(1.1);
}
}
@media screen and (max-width: 480px) {
	/* mobile header styles */
	.desktop {
		display: none;
	}
	.mobile {
		display: block;
	}
	#logo_m img {
		width: 200px;
		height: auto;
	}
	#logo_m {
		align-self: flex-start;
    margin: 2rem .3rem;
	}
	#whiteHeader {
		height: 128px;
	}
	.whiteHeader_right {
		flex-direction: column;
		align-self: flex-start;
		margin: 1.2rem 0;
	}
	#user_menu p.user {
		margin: 0;
	}
	#user_menu {
		margin: 1.5rem 0;
		padding-right: 1rem;
		position: absolute;
    bottom: 4rem;
    right: 0;
	}
	#user_menu, #login_hdr_btn {
		order: 3;
	}
	#user_menu_content .user-wrap {
		max-width: 300px;
	}
	.user-menu-open {
		top: 4rem;
	}
	.user-menu-open::before {
		top: -12px;
		right: 12px;
	}
	#loanTypeTitle {
		font-size: 2.1rem;
		margin: 0;
	}
	/* end */
	.app-progress,
	.app-progress-menu {
		max-width: 100%;
	}
	.app-progress-menu {
    top: 203px;
	}
	#borrower_found button {
    width: 80%;
    margin: 0 auto 3rem;
	}
	#loginFormModal > .flex,
	#got-acct form > .flex,
	#loginForm > .flex {
		align-items: center;
	}
	#loginFormModal > .flex button, 
	#got-acct form > .flex button,
	#login form > .flex button {
    align-self: center;
	}
	#cosigner form button {
    margin: 10rem auto 5rem;
	}
	#login h1,
	#login .txt-container {
		margin-left: 2rem;
		margin-right: 2rem;
	}
	/* footer changes */
	#disclaimer {
		padding: 0 0 1em;
	}
	#disclaimer_content a {
		display: block;
	}
	#disclaimer_content a img {
		margin-bottom: .5em;
	}
	#disclaimer_content .fineprint {
		margin: 0 2rem;
		padding: 0;
	}
	/* churning pages */
	#deferredRepayOptn,
	#immdRepayOptn,
	#intRepayOptn {
	position:absolute;
	transform: translate(-50%, -50%);
}
	#fixedRepayOptn {
	position:absolute;
	transform: translate(-50%, -50%);
	}
	/* end */
}