/*-----------------------------------------------------*/
/* CSS for the internal pages of KHESLC Services site  */
/*           Sanaa Ahmad - May 2017                    */
/*													   */
/*	+ add class 'display-block' instead of adding 	   */											   */
/*	  <br/> tags to force text to display on next line */	
/*													   */
/*	Using JS, I added class 'hide-overflow' to the 	   */
/*	first sibling of the ui-accordion-header. Couldn't */
/*  add to the code.A scroll bar was being added to the*/
/*  content of some panels. I guess when long content  */
/* 													   */
/*  Use class 'kheslc-tables' to style all tables      */
/*-----------------------------------------------------*/

.innerpages-body, .terminalpages-body, .innerpages-body {
	display:flex;  /* read https://css-tricks.com/snippets/css/a-guide-to-flexbox/*/
	flex-direction:column;
	min-height:100%;
	min-height:100vh;  /*caused page not to display correctly after adding the new footer section, on the iPads - for longer pages, a box of height 100vh is showing as a background  */
	} /* vh =1/100 of the viewport height */
.clickable{cursor:pointer;}
.center-aligned {text-align:center;}
.float-right {float:right;}
#intImg img {width:100%;}
#scamImg img {width:100%;}
.top_title {color:#003366;text-align:center;}
#top_title {margin-top:1.8em;display:block;font-weight:bold;font-size:1.17em;color:#003366;}
#page_content .section #section_content {width:98%;margin:auto;}
.section-main-content .dup-content {padding: 1em 2.2em;}  /*for content reached both before and after secure sign on */
.row-toggler span {display:none;}
/* error message icon */
body .ui-messages-fatal-icon{background-position:0 -89px;margin-top:-6px;}
body .ui-messages-fatal{padding:5px;font-size:90%;}
body .ui-messages-info-icon {background-position:0 -355px;}
body .ui-messages-info {font-size:90%; padding:5px;}
body .ui-messages-error-summary {font-size:90%;}
/* ----------------------------------------------------------- */
/* accordion panels and sub-panels colors and background style */
/* ----------------------------------------------------------- */
#page_gutter .ui-panel .tabs-forms .ui-accordion-header {color:#003366;}
.section-main-content .ui-accordion .ui-accordion-header:nth-of-type(4n+1) {background:#ECEFF5;border:1px solid #eaebed;}
.section-main-content .ui-accordion .ui-accordion-header:nth-of-type(4n-1) {background:#d9dfea;border:1px solid #DFE3ED;}

.section-main-content .ui-widget .ui-accordion-content:nth-of-type(4n+2),
.section-main-content .ui-widget .ui-accordion-content:nth-of-type(4n+2) .holidays-table ul,
.section-main-content .ui-accordion-content:nth-of-type(4n+2) > * {background:#ECEFF5;}
.section-main-content .ui-widget .ui-accordion-content:nth-of-type(4n),
.section-main-content .ui-widget .ui-accordion-content:nth-of-type(4n) .holidays-table ul,
.section-main-content .ui-accordion-content:nth-of-type(4n) > *,
.section-main-content .ui-accordion-content:nth-of-type(4n) table  {background:#d9dfea;}
.section-main-content #intro_text_content {background:none;}
.section-main-content .ui-panel .sub-panels .ui-accordion-header:nth-of-type(4n+1),
.section-main-content .ui-panel .sub-panels .ui-accordion-content:nth-of-type(4n+2),
.section-main-content .ui-panel .sub-panels .ui-accordion-content:nth-of-type(n+2) >* {background-color:#dfdfe0;}
.section-main-content .ui-panel .sub-panels .ui-accordion-header:nth-of-type(4n+3),
.section-main-content .ui-panel .sub-panels .ui-accordion-content:nth-of-type(4n+4),
.section-main-content .ui-panel .sub-panels .ui-accordion-content:nth-of-type(4n+4) >* {background-color:#e8ecf3;}
.sub-panels p {padding-left:1em; padding-right:1em;}
/* setting panels and subpanels background and hover colors ends */

/*-------- Panels and sub-panels icons style begins ------------*/
/*    Note: I am overriding the sprites from primefaces code 	*/
/*--------------------------------------------------------------*/
.set-img-margin {margin-right:.6em; float:left;}
.img-swap {top:18px;}
.section-main-content .tabs-forms .ui-accordion-header {padding: .5em .5em 2em 1.5em;}

/* SA- instead of using a background image, I'm drawing a triangle. The idea is to draw a box with 0 width and 0 height
 but with thick borders. Borders of a box meet in triangles. So, have 3 borders be with transparent color while the 4th have a solid color.
 See https://css-tricks.com/snippets/css/css-triangle/ */
 
.ui-state-active .ui-icon-triangle, .ui-state-default .ui-icon-triangle{
	width: 0; 
	height: 0; 
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 8px solid #003366;
	margin-top:3px; 
	float:left;
}
.ui-state-active .ui-icon-triangle, .ui-state-default .ui-icon-triangle:active {
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 8px solid #003366;
	margin-top:6px; 
	float:left;
	}
	
.ui-chkbox.ui-chkbox-all {min-width: 100%;}

.section-main-content .ui-accordion .ui-accordion-header .ui-icon, 
#next_acct .ui-accordion-header .ui-icon{visibility: hidden;}
/* panels and sub-panels icons styling ends */

/*---- panels content style begins ----*/
#page_content .section .show-acctno {float:right; padding:.5em 4%;}
#page_content .section .show-acctno span {color:#3c0274;font-size:85%;}
form .sub-panels {width:97%; margin:auto;}
form .with-subpanels .sub-panels {width:92%;margin-bottom:2em;}

/* for terminal pages */
#page_content #page_wrap #section #intro_text {padding:.5%; text-align:center; margin:auto;}

/* global form element style override */
#page_content .ui-inputfield {box-shadow: none;}
/* #page_content .ui-chkbox-box {background: #fff;} */
#page_content .ui-calendar button {margin-left: 1em; height: 29px;}

/* for rest of pages */
.page-wrap .section .intro {padding:1%;	text-align:center;margin:auto;}
.panels-list-content {padding-left:2em;margin:0px;list-style-type: circle;}
.ui-widget-content h4 a,.ui-widget-content h4 {color:#5d3e7b;/* text-shadow:1px 1px 1px #d8ad6b; */}
.section .section-main-content .tabs-forms h4 {color:#54315c;margin-top:.3em;margin-bottom:0px;padding-bottom:0px;}
.section-main-content .ui-accordion .ui-accordion-content {border-bottom: .5px solid #ccc;clear:both;}
.tabs-forms .ui-widget-content a.panel-links, a.panel-links h4 {text-decoration:underline;}
.tabs-forms .ui-widget-content .nextPara {margin-top:.5em;}

/* forms tab under general information */
.forms-container {float:left;}
.forms-link {display:block; margin-top:.6em;}

/************** Interior pages with one panel - these won't have tabs ***********/
.no-tabs .nextPara {margin-bottom:.8em;}
.section .no-tabs {padding: .5em 2em 2em;}
#contact_frankfort {padding-bottom:0em;}
.section .no-tabs h4 {margin:1.5em 0em .8em; font-weight:bold;}
/*************** no tabs pages styles ends ***************/

/*------------- upload icon and text style -----------*/
#uploadContainer {padding-top:2em;}
#innerUpload {margin:2em auto .5em; width:106px;}
#getLoanText{margin: 2.2em auto 1em;text-align: center;font-size:96%;width:75%;}
#page_content #getLoanText a {text-decoration:none;}
#getLoanText #aelNote {display:table;padding-top:.3em;border-top:1px solid #0000b8;margin:auto;}
/*------------- upload icon and text style -----------*/

/*------------- style the next acct section ----------*/
#section_content #next_acct .ui-panel .ui-panel-titlebar {margin:1em 0 .8em;}
#nextData input[type=text] {
    width: 100%;
    margin: 1px 0 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
#pnl_ssn_search {margin-bottom:1.5em;}
#pnl_ssn_search\:csrUse {width:95%;}
#page_content #acctOrSSN\:nextAccount\:pnl_ssn_search\:csrUse {border:1px solid #c2c2c2; border-radius:.5em;margin-top:.8em;}
#next_acct {
	width:55%;
	padding:.7em; 
	padding-bottom:0px; 
	border-radius:.5em;
	margin-left:5px; 
	margin-right:auto;
	margin-top: -10px;
	}
.lessHeight {height:3px;}

#nextData label, #nextData button {font-size:90%;}

@media screen and (max-width: 600px) {
	#page_content:not(.firstLevelNav) {font-size:97%;}
	.homepage-body #page_content #page_gutter .section, 
	.page-wrap .section .intro {padding:0 3%; /* background:#deefe7; */}
	#page_content #page_gutter .section .ui-accordion .ui-accordion-header {font-size:95%;}
	#repaymentHelp ul, #page_content #genInfo_panels ul {padding-left:28px;}
	#page_content .ui-accordion .ui-accordion-content {padding:1em 1em;}
	.section #contactus_main {padding:.5em .5em 2em}
	#page_content #pnl_accord_pay {font-size:85%}
}

@media screen and (max-width: 360px) {
	#alert\:alert_home {width:90%; margin-top:2em;}	
}
@media screen and (min-width: 425px) {
	#termsContent{height: 25em; width: 87%;}
}

@media screen and (min-width:700px){#page_content #pnl_accord_pay\:tab_view:bank_form {margin-bottom:2em}}

@media screen and (min-width:840px){
	#page_content .section .show-acctno span {font-size:92%;}
	.ui-state-active .ui-icon-triangle, .ui-state-default .ui-icon-triangle {
		width: 0; 
		height: 0; 
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 10px solid #003366;
		margin-top:6px; 
		float:left;
	}
	.ui-state-active .ui-icon-triangle, .ui-state-default .ui-icon-triangle:active {
		width: 0; 
		height: 0; 
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 10px solid #003366;
		margin-top:9px; 
		float:left;
	}
	#page_content form .logo {float:right;margin-right:1em;}
	body #page_content #contactus_main table:not(.holidays-table table) tr td:nth-child(2) {width:30%;padding-left:8%;}
	#page_content .repay-calc {width:95%;margin:auto;}
}
/*-------------------------------*/
/* IE specific */
@media screen and (max-width: 840px){
	*::-ms-backdrop, .innerpages-body #nav .firstLevelNav #do-submenu,
	*::-ms-backdrop, .terminalpages-body #nav .firstLevelNav #do-submenu {margin-top:1em;}
}
/* IE specific ends */
body .ui-state-active:nth-of-type(even), .ui-widget-content .ui-state-active:nth-of-type(even), .ui-widget-header .ui-state-active:nth-of-type(even) {color:#003366; }

/*---------------------------------------------*/
/* 				kheslc servicing 			   */
/*---------------------------------------------*/
body #page_content .ui-accordion  .ui-accordion-header {padding: .5em .5em 2em 1.5em;}
body #page_content .ui-accordion  .ui-accordion-header .set-img-margin {font-weight: bold;}
body #page_content .ui-accordion  .ui-accordion-header .set-img-margin a {padding: 0;}
.section .section-main-content h3 {margin-bottom:0px;padding-bottom:0px;}
#page_gutter .ui-panel .ui-accordion-header {color:#003366;}
.ui-widget-content a.tab-links, a.tab-links {color:#0000cc; text-decoration:underline;}
.ui-widget-content a.panel-links, a.panel-links {color:#0000cc; text-decoration:underline;}
.ui-widget-content a.panel-links, a.panel-links h4 {text-decoration:underline;}
.ui-widget-content .nextPara {margin-top:.5em;}
#page_content .ui-accordion .ui-tabs .ui-tabs-nav {background:none;}
#page_content .revision_date {float:right; margin:2em 0 .8em 0;}

/********* General Information style **********/
.noTopMargin {margin-top:0px;}
.zeroMargin {margin:0px;}
.addTopMargin {margin-top:.5em;}
.contacts-margin {padding-top:1.7em;}
.contactus-column1 {float:left;width:35%; padding-right:22%;}
.contactus-column2 {width:43%;float:left; }
#page_content #genInfo_panels\:contact_table, 
#genInfo_panels\:openRecords span, #genInfo_panels\:creditDispute span {font-size:90%;}
body #page_content #genInfo_panels\:contactUs_container h4.contact-header, .privatePgm {font-size:1em;}
.email_rep_section {margin-bottom:.5em; padding-top:1em;}
.email-rep-title {font-weight:bold;}
#email_content .ui-inputtextarea {margin-top:.5em;}
#emailForm\:panelIdEmail_content {margin-left:2%;}
#lbl_borr_email {font-weight:bold;}
#page_content #pnl_accord_pay\:emailForm\:emailRepSubmit,#email_content .ui-inputtextarea {left:2%;}
#pnl_accord_pay\:emailForm\:lbl_comments {font-weight:bold; padding-left:2%;}
#pnl_accord_pay\:emailForm {padding-top:.8em;}
#pnl_accord_pay\:emailForm\:commentsPartMsg .ui-message-error-icon {margin-top:3px;}
#genInfo_panels\:emailForm\:ThanksDialogBox,
#pnl_accord_pay\:emailForm\:ThanksDialogBox,
#emailForm\:ThanksDialogBox {width: 90%; margin: 0 auto; padding: 15px;}
#genInfo_panels\:emailForm\:ThanksDialogBox .ui-dialog-titlebar,
#pnl_accord_pay\:emailForm\:ThanksDialogBox .ui-dialog-titlebar,
#emailForm\:ThanksDialogBox .ui-dialog-titlebar {display: none;}
#genInfo_panels\:emailForm\:ThanksDialogBox  h2,
#pnl_accord_pay\:emailForm\:ThanksDialogBox h2,
#emailForm\:ThanksDialogBox h2 {clear: both;}
#genInfo_panels\:emailForm\:thanksDialogClose,
#pnl_accord_pay\:emailForm\:thanksDialogClose,
#emailForm\:thanksDialogClose {
	float: right;
	background: transparent;
    border: none;
    color: black;
    font-weight: bold;
    font-size: 20px;
}
#page_content .area-header {display:block;font-weight:bold;padding-top:1em;margin-bottom:5px;font-size: 1.07em; color: #5d3e7b;}
#genInfo_panels\:contactUs h4 {color:#000;}
#page_content .contact-header {color:#642373; font-weight:bold;margin-bottom:8px;}
#techSupport {margin-top:8px;}
#noInDflt_gsfa, #inDflt_gsfa {padding-right: 1.5em;}
.add_topPadding {padding-top:.5em;}
#openRecords_header {padding-top:1.5em;}
.warning_form {margin-top:2em; float:right;}
.ui-widget-content .phoneLinks {color:#0000cc;text-decoration:none;}

.holidays-table thead {display:none;}
#page_content .holidays-table td {padding: 6px 4%;}
#faqList, #acctInfoList {list-style-type: decimal;}
#faqList a {text-decoration:underline;color:#282626}
.faq-answer .bold,
#faqPanels > div ul + p {margin: 1em 0 0;}
.faq-list {list-style-position: inside; list-style-type: disc;}
.faq-answer {margin-left:1em;margin-top:.1em;margin-bottom:1.5em}
.faq-question {color:#54315c; font-weight:bold;}
#faqPanels .answer-heading {margin-bottom:.5em;margin-top:.7em;color:#333;font-size:.83em;}
.section-main-content .ui-panel .sub-panels .sub-panels #genInfo_panels\:military_more\:def_forb_panels\:forbearance {background:#d9dfeaab;}
#finLiteracyResources {list-style-type:none;}
#privacy_main h2, #email_content h2, #genInfo_panels\:emailRep_sendMail h2 {margin-top:1em; margin-bottom:5px;}
#email_content h3, #genInfo_panels\:emailRep_sendMail h3 {margin-bottom:3px;}

/*Account Profile*/
#genInfo_panels\:genIfo_profile_content .tab-links {margin-bottom:1em;}
#account_panels\:enrollTerms .outputLabel {padding-right:.8em}

/* payment page specific style */
#pnl_accord_pay\:kheslc_title, #pnl_accord_pay\:kheaa_title {margin-top:.5em;}
#pnl_accord_pay\:payoff_form\:payoff_tab\:submitForm {margin:auto;margin-top:2em;}
#mail_payment {float:left;}
#payByMail_main {padding-left:1em;}
#not_dflted #notDflt_left, #dflted_left {width:42%;float:left;padding-right:1em;}
#not_dflted #notDflt_right, #dflted_right {float: left;width: 48%; padding-top: .3em;}
body #pnl_accord_pay\:usedebit #pnl_accord_pay\:warning .ui-dialog-titlebar {padding:0.4em;}

/*repayment help specific style */
#section .intro_left {text-align:left;}
#section #repayOptions_para1, #repayPlans {margin:.5em 1em;}
#section #repayOptions_para2 {margin:0 1em 1em;}
#repaymentHelp .bottom-margin {margin-bottom:.7em;}
#repaymentHelp\:repaymentOptions #repaymentHelp\:repayOptions h5, #genInfo_panels h5 {color:#08a6ac;}
#page_content #repaymentHelp\:forbearancePanels\:ffelp, #page_content #repaymentHelp\:forbearancePanels\:aelForbTypes, body #page-content #repaymentHelp\:forbearancePanels {padding-left:10px; padding-right:10px;}
body #page_content #repaymentHelp\:forbOptions .subpanelTitle {margin-top:1.1em; margin-bottom:.5em;}
#repaymentHelp\:ffelpPanels\:generalPanel_content #genList {padding-left:1.5em;}
#repaymentHelp\:deferPanels\:gfdPanel #benefits {list-style:none;}
#benefits {margin-top:5px;}
#standardPara1 {margin-bottom:0px;}
#page_content .repay-options-header {margin-bottom:.8em;}
#repaymentHelp\:forbOptionsContent\:ffelp h4 {padding-left:1.1em;}
#repaymentHelp .apply {padding:.5em 1.2em 1em;}
#repaymentHelp h5, #genInfo_panels h5 {padding-left:1.1em;} /* General information nav item includes repaymentoptions.xhtml */
#repaymentHelp\:repayOptiosContent\:ffelpOptions\:extendedRepay .extended-heading {color: #08a6ac; font-weight: bold;margin-top:1.5em;}
#extendedRepay_elig_items {margin-top:10px;}
#repayCalcSubmit {text-align:center;margin-bottom:1.5em; margin:1em auto;}
.repaycalc-label .ui-outputlabel-rfi {display:none;}
.ui-outputlabel-rfi {display:none;}
#section .hide-overflow {overflow:hidden;}
#tlffNote {padding-top:.5em;}
#repaymentHelp\:standard_repay_form\:repay_panel{margin:auto;font-size:95%;margin-top:1em;}
.repay-calc table td {text-align:center;}
.repaycalc-loan-based .ui-widget-content {background:none;}
.repaycalc-loan-based {margin:1.3em 2em;}
.repaycalc-loan-based dl dt {color:#003366;}
#page_content .kheslc-tables table th {background:#003366; color:#fff;text-shadow:none;font-weight:normal;}
#page_content .kheslc-tables table td{font-size:90%;border:1px solid #a8a8a8;}
.standard-repay-form .form-fields label:not(.ui-selectonemenu-label) {margin-top:5px}
#pnl_accord_pay\:standard_repay_form\:family_size_input, #repaymentHelp\:standard_repay_form\:family_size_input { text-align: center; }
.ibr-header {margin-bottom:0em;}
#view_pdf_form\:thanks_panel_content ul ul li {list-style-type: disc;}
/*eCommunications */
#viewEpic .menuitem {color:#003366;}
#pnl_accord_pay\:goToEpic {width:auto;float:left;}
#pnl_accord_pay\:profileEmail {padding: 8px 5% 3px 3px border: 1px solid #b5b5b5; min-width:100px;}
#termsContent{
	height: 20em;
    width: 85%;
    border: 1px solid #ccc;
    overflow: auto;
    font-size: 86%;
    padding: 1em;
    background: white;
    border: 1px solid #8f8a8a9e;
    border-radius: 8px 0px 0px 8px;
    margin-top:.5em;
    margin-left:.5em;
    color:#292626;
    }
#readTerms, #enrollTerms #submit {margin-left:1em;}
.enroll-buttons {
	float:right;
	margin-right:1%;
	padding:.2em .8em;
	border-radius:5px;
	}
#pnl_accord_pay\:enrollTerms\:lbl_email {padding-right:12px;}
#epicTermsContent {border-bottom:1px solid #ccc;padding-bottom:1em;}
#pnl_accord_pay\:enrollTerms\:readTerms {padding-top:10px;}
#pnl_accord_pay\:enrollTerms\:epicTerms_ind {width:16px; height:16px; float:left; margin-right:.8em;}
.email-rep {padding-left:2%;}
#mail #payment {margin-top:.5em;}
#section #pnl_accord_pay #pnl_accord_pay\:epicTerms_ind .ui-chkbox-box,
#pnl_accord_pay\:pnl_accord_updateEpic\:epicTerms_ind .ui-chkbox-box {border:1px solid #8a8a8a;}
#pnl_accord_pay\:pnl_accord_updateEpic\:checkCancelDialog .ui-dialog-titlebar-icon {display:none;}
.cancel-epic-service {float:right; right:3%;}
.cancel-epic-service span{background:#003366;color:#FFF;}
#page_content #pnl_accord_pay\:pnl_accord_updateEpic\:myProfile .epic-buttons {
    box-shadow: none;
    font-size:87%;
    margin-top:1.3em;
  }
#pnl_accord_pay\:pnl_accord_updateEpic\:myProfile\:lbl_email  {margin-top:5px;}
#page_content .button-link {background:none;border:none;color:#0000cc;text-decoration:underline;cursor:pointer;}
#page_content #emailForm\:emailRepSubmit {left:.5%;}

.epic-legend > div {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: fit-content;
    margin: 0 auto;
}
.epic-legend > div .epic-update-btn {
	align-self: center;
}
#pnl_accord_pay\:pnl_accord_updateEpic\:updateDialog .epic-buttons {float:right; margin-right:4%;}

#page_content .epic-legend {border:1px solid #b6c4d0; background-color:#ebebeb;width:90%;margin:auto;}
#page_content .ui-button-text {padding:.2em .8em;}
#page_content .epic-legend legend {
	color: #003366;
    background: #dfe4e8;
    padding: .3em;
    box-shadow: none;
    border: 1px solid #afc3d3;
    }
#pnl_accord_pay\:email_rep .ui-inputtextarea {margin-left:2%;}
/* --- trying this ---- */
#page_content .with-subpanels {box-shadow: 1px 2px 3px #919191;}

#page_content .alpha-list-items {font-weight:bold;color:#4f4f4f;}

#faqPanels\:alphaList .link-container {
	float:left;
	text-align:center;
	border:1px solid #ccc;
	margin-top:.5em;
	width:28px; 
	margin-right:5px;
	background: #c4c4c4 -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.8)),to(rgba(255,255,255,0)));
}

#faqPanels\:alphaList {margin:1em 10% 0; float:left;text-align:center;}
#faqPanels\:itemsDef {padding: 1em 2.5em;}
#page_content .goToTop {float:right;color:#0000cc;text-decoration:underline; margin-right:2em;}
.is-disabled {pointer-events: none;} /* Disables the button completely. Better than just cursor: default; */
#page_content #faqPanels\:alphaList .disabled {background:#efebeb;}
.section-main-content .ui-panel .sub-panels .sub-panels .ui-accordion-header:nth-of-type(4n+1),
.section-main-content .ui-panel .sub-panels .sub-panels .ui-accordion-content:nth-of-type(4n+2),
.section-main-content .ui-panel .sub-panels .sub-panels .ui-accordion-content:nth-of-type(n+2) >* {background-color:#cfd2d3;}
.section-main-content .ui-panel .sub-panels .sub-panels .ui-accordion-header:nth-of-type(4n+3),
.section-main-content .ui-panel .sub-panels .sub-panels .ui-accordion-content:nth-of-type(4n+4),
.section-main-content .ui-panel .sub-panels .sub-panels .ui-accordion-content:nth-of-type(4n+4) >* {background-color:#d9dfea;}
*::-ms-backdrop, #genInfo_panels\:military_more\:def_forb_panels\:mfrsPanel_content, 
*::-ms-backdrop, #genInfo_panels\:military_more\:def_forb_panels\:mfrs{background-color:#e6e9ef;}
#logout_btn_wrap {margin-left:5px;}

/*CSR login */
#pnl_ssn_search .ui-accordion-header {
    width: 50%;
    font-size: 88%;
    margin-left: 1em;
    border-radius: .3em;
    box-shadow: none;
    margin-top: .5em;
}

#pnl_ssn_search .ui-accordion-header .ui-icon {visibility:hidden;}
#pnl_ssn_search .ui-state-active .ui-icon-triangle, .ui-state-default .ui-icon-triangle:active {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 9px solid #003366;
    margin-top:6px;
}
#next_acct {font-size: 90%;}
#pnl_ssn_search button {
    float: right;
    margin-top: .5em;
    background-color: #b2b2b2;
    border: 1px solid #a2a2a2;
}
#displayName{margin-left:1.5em; padding-left:1em; color:#800080; font-weight:bold;}

/* repayment calculator CSS for both acct summary page and repayment help page */
.standard-repay-form .acct-summary-tables table th {font-size:80%;}
.add-other-loans td {text-align:center;}
.add-other-loans{padding-top:2em;}
#repaymentHelp\:payoff .submit-button, #pnl_accord_pay\:payoff .submit-button{
	padding-top:0.1em;
    border: 2px solid #003366;
    border-radius: 4px;
    background: none #f7b15e;
    color: #003366;
    font-weight: bold;
    font-style: italic;
    font-size: 90%;
    box-shadow: none;
    text-shadow:none;
}
body #page_content .ui-datatable tbody td:not(.group-details-info):not(.loan-details-info) {
    border: 1px solid #ccc;
    color: #003366;
}
#page_content #calcPara5 {padding:1.2em 1em .8em 1em;}
.standard-repay-form .outputLabel {width:40%; text-align:right;float:left;margin-right:.6em}
#repayCalcAddLn {margin-top: 1.5em;padding: .5em 1em; display: flex;}
#repayCalcAddLn > div {width: 40%; margin-right: .6em;}
#repayCalcAddLn .blue-buttons {height: 29px;}
#page_content .add-other-loans {width:90%; margin: auto;}
#page_content .add-other-loans input {width:80%;}
.ui-datatable-tablewrapper table .table-footer td {
    background: #bebebe;
    color: #003366;
    text-shadow: none;
}
.calc-foot-notes {list-style:lower-alpha;}
.holidays-table ul {
	list-style: none;
	padding: 0;
}
/* hardcoded holidays temporary styling */
#holidaysTable > ul {
	background: transparent;
}
#genInfo_panels #holidaysTable > ul {
	min-width: 320px;
	max-width: 380px;
	width: 100%;
	padding-left: 0;
}
#holidaysTable ul li {
	display: flex;
	justify-content: space-between;
}
#holidaysTable ul li .date {
	text-align: right;
	margin-right: 1em;
}
/* temp styling ends */
.holidays-table ul li {padding: 3px 0;}
.holidays-table ul li p {display: inline-block; margin: .25em 0;}
.holidays-table ul li p:first-child {margin-right: 15px; width: 105px;}

/* reset session styles */
.reset {
	display: flex;
	flex-direction: column;
	max-width: 500px;
	width: 100%;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	text-align: left;
}
.reset p {
	width: 100%;
}
.reset button {align-self: flex-start; margin: 1em 0 3em;}


.scamTitle{font-size: 1.22em; font-weight:bold; display:block; text-align:center; color: #003366;padding:1em 0 1.3em 0;}
.scamlist li{padding:0px 0px 15px 10px}

@media screen and (max-width:48em) {
	#pnl_accord_pay\:standard_repay_form\:calcPayment_content, #repaymentHelp\:standard_repay_form\:calcPayment_content {
	    display: flex;
	    flex-direction: column;
	    width: 50%;
	    margin: 0 auto;
	}
	#pnl_accord_pay\:standard_repay_form\:calcPayment_content > label, #repaymentHelp\:standard_repay_form\:calcPayment_content > label {text-align: left; width: 100%;}
	#repayCalcAddLn {flex-direction: column; align-items: center;}
	#repayCalcAddLn > div {
		width: 100%; 
		margin-bottom: 1em; 
		text-align: center;
	}
	#repayCalcAddLn .blue-buttons {margin-bottom: 1em;}
}
@media screen and (max-width:31.250em){	
	.reset {max-width: 300px;}
	#page_content #repaymentHelp\:standard_repay_form\:repayment_calculator_table table th {padding:4px 0px;font-size:87%;}
}
@media screen and (max-width:28.125em){
	#pnl_accord_pay\:payoff_form\:payoff_tab\:submitForm {font-size:90%;}
	#pnl_accord_pay\:payoff_form\:payoff_tab\:submitForm input, #pnl_accord_pay\:payoff_form\:payoff_tab\:submitButton {width:92%;}
	#page_content .ui-accordion .ui-accordion-content {padding:0.7em;}
	#next_acct {width: 92%;}
	#page_account #acctOrSSN\:nextAccount\:pnl_ssn_search .ui-accordion-header { border-raduis:.5em; margin:.5em auto;}
}
@media screen and (max-width: 26.563em){
	#repaymentHelp\:forbOptions ul, #repaymentHelp\:deferOptions ul {padding-left:28px;}
	#page_content .ui-accordion .ui-accordion-content {padding:.7em 0.3em;}
	#page_content #pnl_accord_pay\:enroll {padding:1em;}
	body #page_content .ui-accordion .ui-accordion-header {padding: .5em .5em 2em 1em;}
	/* hardcoded holidays temporary styling */
	#holidaysTable ul li {
		flex-direction: column;
		margin-bottom: 10px;
	}
	#holidaysTable ul li .date {
		text-align: left;
	}
	/* temp styling ends */
}

@media screen and (min-width: 37.5em) {
	#repaymentHelp .panel-content, #genInfo_panels .panel-content {padding:0px 1em .5em 1em;}
	#body .separator {border-bottom:1px solid #cccece; width:97%; margin:auto;padding-top:3em;}
	.ui-state-default .ui-icon-triangle{margin-top:7px;}
	.ui-state-default .ui-icon-triangle:active {margin-top:8px;}
	*::-ms-backdrop, .hide-icon {margin-bottom:.25em;margin-top:.25em;}
	.contact_kheslc, .contact_kheaa {margin-left:1em;}
	#genInfo_panels\:military_more\:def_forb_panels {margin:.8em 1em;}
	#genInfo_panels ul {padding-right:.8em}
	#logout_btn_wrap {margin-top:3px;}
	#next_acct {margin-top:-8px;}
	#acctOrSSN\:nextAccount\:pnl_ssn_search .ui-accordion-header {border-radius: 1.2em;}
    #acctOrSSN\:nextAccount\:pnl_ssn_search .set-img-margin {margin-top:2px;}
	#page_content .add-other-loans {width: 75%;margin: auto;}
	#page_content .add-other-loans input { width: 60%;}
	.standard-repay-form table th {font-size: 1em;padding: 4px 6px;}
}
@media screen and (min-width:50em){
	.holidays-table tr td {font-size:90%;}
	.repay-clac {width:85%;margin:auto;}
	}
@media screen and (min-width:37.5em) and (max-width: 62.438em){
	#acctOrSSN\:nextAccount\:pnl_ssn_search .set-img-margin {margin-left:5px;}
	}

@media screen and (min-width:50em) and (max-width: 999px){#next_acct {width:37%;}}

@media screen and (min-width: 62.5em){
	#next_acct {width:30%;}
	#pnl_ssn_search .set-img-margin {margin-top:2px;margin-left:15px;}
	#pnl_ssn_search .ui-accordion-header {width: 27%;}
    #pnl_ssn_search .ui-state-active .ui-icon-triangle, .ui-state-default .ui-icon-triangle { margin-top: 6px;}
    #repaymentHelp\:standard_repay_form\:repay_panel {width: 95%;}
}

.true_review {display:none;}

/* repayment help forms to always show descriptions */
#repaymentHelp .form-info.hide {
	display: block;
}
.ui-growl-warn, .ui-messages .ui-messages-warn, .ui-message.ui-message-warn,
.ui-growl-error, .ui-growl-fatal, .ui-messages .ui-messages-error, .ui-message.ui-message-error, .ui-messages .ui-messages-fatal, .ui-message.ui-message-fatal,
.ui-growl-info, .ui-messages .ui-messages-info, .ui-message.ui-message-info {
	color: #000;
}