.MasterHeader {
	width: 100%;
	/*
	max-height: 61px;
		*/
	height: 61px;
	margin: 0px;
	background: url(CreditSoft_Simple_small.jpg) 0px 0px;
	background-repeat:no-repeat;
background-size:contain;
/*
	background-position:center;
	*/
    margin-top: 5px;
    margin-bottom: 5px;
	}
	
	
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #E77471;
	/*
		padding-bottom: 20px;
		*/
	}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #E77471;
	padding-top: 10px;
	padding-bottom: 10px;
	}	
	
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #E77471;
	padding-top: 3px;
	padding-bottom: 3px;
	}	

.wi_button { 
	background: #18453B; /*url(imagesV2/button_normal_new.png) 0 0 no-repeat*/
	color: #fff;
	

	}	
.wi_buttonmedium{ 
	background: #E77471;
	color: #fff;
	padding: 5px;
	}	
	
.wi_navigationbuttons {
 
	background-color:#fff;
	
}

.top_orange 
{
	/* If you actually specify width 100% it will not cover the whole width.
	width:100%;
		*/
	/*
		height:30px;
		*/
	padding:5px;
	background: #E77471 /*url(imagesv2/top_orange.png) no-repeat right top*/;
	}

.top_orange_left 
{
	/* make it a bit more compact by removing display block
		display:block;
		*/
	/*
		position:absolute;
		*/
	margin-left:0px;
	/*
		height:20px;
		*/
	background: #E77471 /*url(imagesv2/top-left_orange.png) no-repeat left top*/;
	/* The remaining properties position and style the text that resides on the orange header bar */
	/*
		padding-top: 10px;
	padding-left: 20px;
		*/
	/*
			font-size: 10px; 
		*/
	font-weight: bold;
	color: #fff;
	}
	
.wi_formtableheader {
	font-weight: bold; 
	color: #E77471; 

	padding-left:5px;
  
	/*
	font-size: 13px; 
		*/
	}
	

.usr_tableheader {
	font-weight:bold;
	background-color: #e8e8e8 !important;
}

/*hide register now for enrollmentdefault.aspx  

.wi_noFolderName_enrollmentdefault .LoginViewText.RegisterNowText{
	display: none;
}
*/

/*hide attachment and documentype on message center new message  
.wi_messagecenterfields_issue{
	display: none;
}
*/
/*hide add document on document repository  
.wi_DocumentRepository_UploadDocument{
	display: none;
}
*/
/*hide summary row for accounts
.wi_body_Client_DynamicAccounts .wi_tablefooter
{
	display: none;
}
*/

/*reverse order on confirmation checkbox and wording*/
.wi_chk_confirmation
{
	position: absolute;
	left: 0;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
}

.wi_lbl_confirmation
{
	margin-left: 15px;
}

/*hide client info for bank accounts
.wi_body_BankAccount_BankAccountSchedules .wi_userSummary 
{
	display: none;
}
*/
/*hide bank accounts label 
.wi_bankAccount_header
{
display: none;	
}
*/
/*hide scheduled debits 
.wi_scheduled_debits 
{
display: none;	
}
*/
/*hides add payment in client account details for web user  
.wi_accountpayments_addaccountpayment 
{
	display: none;	
}

*/

.wi_issueButtons{
	float: right;
}
/*hides add document on document repository 
.wi_DocumentRepository_UploadDocument 
{
	display: none;
}
*/

.wi_body_Notes_Notes input[value="Change to NON DMP"]
{
	display: none;
}
/* 
.wi_signup_paymentschedule_firstpaymentdate {
	Include in Custom.css if you want to hide and uncomment out display
	display: none;
		
}
*/

.wi_helptitle
{
	font-size: x-large;
	font-family: system-ui;
}

.wi_helptext {
	margin-top: 15px;
	margin-bottom: 5px;
    font-size: larger;
}

.wi_helppage img {
	width: 100%;
}

.wi_helptextcentered {
	text-align: center;
}

.wi_displayflex {
	display: flex;
}

.wi_centervertical {
	    margin: auto;
    padding-right: 10px;
}
.wi_sampletopcontent {
	text-align: center;
	background-color: #b83d18;
	color: whitesmoke;
}

.wi_displaymobileonly {
	display: none;
}

.wi_samplebottomcontent {
	text-align: center;
	background-color: #b83d18;
	color: whitesmoke;

}

.wi_mainlargecontent {
	    font-size: x-large;
		background-color: antiquewhite;
		padding: 50px;
}

.wi_sampleleftcontent {
	color: whitesmoke;
	text-align: center;
	margin-right: 10px;
	background-color: #0b3575;
}

.wi_samplerightcontent {
	text-align: center;
}
/*
.wi_body_CustomContent .Master_L1_RightPanel {
	min-height: 100%;
    display: flex;
	background-color: #0b3575;
	color: whitesmoke;
}
 */
/*
@media only screen and (max-width: 991px) {
	.Master_L1_RightPanel {
    display: none !important;
}
}
*/

.wi_gray_12 {
	background-color: #33B8FF;
}

.wi_gray_13 {
	background-color: #33B8FF;
}

/* to hide the calendar for web users
.wi_calendar_button{
	display: none;
}
*/

textarea[class^="DQ_A"] {
	background-color: transparent;
	color: #495057;
	border: none;
	resize: none;
	overflow: hidden;
}

textarea[class^="DQ_A"]:focus {
	box-shadow: none;
}

.form-control[readonly]{
	background-color: transparent;
}

input[class^="DQ_Q"] {
	font-weight: bold;
}

@media only screen and (min-width:992px) .wi_formcontrollabel {
	width: 100%;
	text-align: left;
}

.wi_master_rightheaderside {
	//display: none;
}

#themecredit {
	text-align: left;
	display: none;
}

.wi_formcontrollabel {
	/* font-size: 11px; */
	font-weight: bold;
	color: #000; /* Increasing contrast for ADA compliance. Made it a darker blue. */
	min-width: 120px; /* prevent the label from being too narrow and hard to read */
	/* text-align: left; this is the default, no need to override */
}

.wi_top_orange {
	/* If you actually specify width 100% it will not cover the whole width.
	width:100%;
		*/
	/*
		height:30px;
		*/
	display: flex; /*makes continue signing button and label display in a straight line */
	padding: 5px;
	background: /*orange*/ #18453B ;
}

.wi_top_orange_left {
	/* make it a bit more compact by removing display block
		display:block;
		*/
	/*
		position:absolute;
		*/
	margin-left: 0px;
	/*
		height:20px;
		*/
	background: /*orange*/ #18453B ;
	/* The remaining properties position and style the text that resides on the orange header bar */
	/*
		padding-top: 10px;
	padding-left: 20px;
		*/
	/*
			font-size: 10px; 
		*/
	font-weight: bold;
	color: #fff;
}

.wi_dqform_title {
	color: #999;
}

/* clickable menu item*/
.wi_menu_click_container {
	padding: 5px;
	cursor: pointer;
	border: 1px solid black; /*transparent*/
	border-color: transparent;
	background-color: #fff;
	overflow-x: hidden;
}

.wi_master_l1_leftpanel { 
	background: #18453B;
	vertical-align: top;
	margin-top: 0px;
}

.wi_menupanel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	color: #fff;
	padding-bottom: 10px;
	padding-top: 5px;
}

.wi_menu_click_container.wi_menu_item_selected {
	background-color: #4c7e00;
	color: #white;
}

.wi_formtableheader {
	font-weight: bold;
	color: #999;
	padding-left: 5px;

}

.wi_menu_click_container:hover {
	border: 1px solid #fff;
	background-color: #999;
}

#Master_L1_LoginContent {
	display: none;
}

.wi_register_button {
	display: none;
}

#_LoginView1_LoggedOut {
	display: none;
}

div#LoginViewBox {
	background: #fff;
	padding-top: 30px;
}

.wi_menuname {
	color: #000;
}

#wi_envelope {
	color: #000;
}

#LoginText > h2 {
	color: #000;
}

.LoginLink {
	color: #000;
	text-decoration: underline !important; 
}

/*****************************************************************************************************/
/*                                                                                                   */
/*  Branding - MSU Masthead, Search Tool and Standard Footer                                         */
/*  Verify your website’s font size/weight/color to current branding styles for lines marked "V2.0"  */
/*                                                                                                   */
/*****************************************************************************************************/

/* #Set Page Width
================================================== */

.MSUwrapper {
    width: 100%; 
    max-width: 940px; 
    min-width: 120px; 
    /*margin: 0 auto; */
    clear: both;
    padding-top: 10px;
    padding-bottom: 80px;
    /* Branding styles */
    /* The following allows the Masthead and Footer to use Gotham font without affecting the rest of the site.  */
    /* If the site is already using Gotham font, the following (or similar CSS) should be moved to the body CSS */

    font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;    /* V2.0 */
    font-weight: normal;    /* V2.0 */
    font-size: 16px;        /* V2.0 */
    font-size: 1rem;        /* V2.0 */
    -webkit-font-smoothing: antialiased;                   /* Fix for webkit rendering  */
    -moz-osx-font-smoothing: grayscale;                    /* Fix for firefox rendering */
 }

/* You may have to adjust the max-width and min-width to fit the width of your site. 
If the margin is set differently for your site, fix the margin here to reflect that. */

/* #MSU Masthead
================================================== */

#MSUheader {
    height: 60px;
}

#MSUmasthead {
    width: 50%;
    float: left; 
    position: relative;
}

#MSUmasthead img.msugraphic-green {
    padding-top: 12px;
    display: block;
}
#MSUmasthead img.msugraphic-white {
    padding-top: 12px;
    display: none;
}

#MSUmasthead img.print-msugraphic {
    display: none;
}

/* Search Tool */

#MSUSearchTool form .hide {
    position: absolute;
    left: -9999px;
}

#MSUSearchTool {
    width: 50%; 
    float: left;
    position: relative;
    margin-top: 25px;
}

#MSUSearchTool #search-tool-box {
    height: 28px;
    width: 319px;
    float: right;
    border: 1px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
}

#MSUSearchTool.white-fill #search-tool-box {
    background: #fff;
}

#MSUSearchTool.no-fill #search-tool-box {
    background: transparent;
}

#MSUSearchTool #btn_search {
    height: 28px;
    width: 34px;
    cursor: pointer;
    outline: 0px none;
    border: 1px none;
    float: right;
    margin: 0 auto;
    text-indent: -9999px;
    text-transform: capitalize;
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}

#MSUSearchTool.white-fill #btn_search {
    background: #fff url(../images/icon-search.png) no-repeat center;
}

#MSUSearchTool.no-fill #btn_search {
    background: transparent url(../images/icon-search.png) no-repeat center;
}

#MSUSearchTool #btn_search:hover {
    -moz-box-shadow: inset 0 0px 60px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 0px 60px rgba(0,0,0,0.3);
    box-shadow: inset 0 0px 60px rgba(0,0,0,0.3);
}

#MSUSearchTool input[name="q"] {
    width: 258px;
    background-color: transparent;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    color: #666;
    font-size: 12px;
    font-weight: normal;
    float: left;
    height: 28px;
    outline: none;
    padding-left: 12px;
    padding-top: 0px;
}

/* #MSU Footer 
================================================== */

#MSUstandardFooter {
    height: 0px;
    font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
    padding-left: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#MSUstandardFooter .fourMSUcolumns {
    width: 221px;
    float: left;
    position: relative;
    margin-right: 18px;
}

#MSUstandardFooter .fourMSUcolumns img {
    width: 100%;
    margin-top: 8px; 
}

#MSUstandardFooter .thirteenMSUcolumns {    /* V2.0 */ 
    width: 660px; 
    float: left;
    position: relative; 
    margin: 5px 0px 0px 0px;
}

/* Website information with Call Us/Telephone (Footer line 1) */

#MSUstandardFooter #standard-footer-site-links ul {
    margin: 0px;
    padding: 0px;
    height: 22px; 
    border-bottom: 1px dotted #808080;
    float: left;
    clear: right;
}

#MSUstandardFooter #standard-footer-site-links ul li {
    display: inline-block;
    padding-left: 4px;
    font-size: 12px;    /* V2.0 */
    font-size: 1rem;    /* V2.0 */
    margin-left: 0px;
    margin-right: 0px;
}

#MSUstandardFooter #standard-footer-site-links ul li:first-child {
    padding: 0px;
}

#MSUstandardFooter #standard-footer-site-links ul li:nth-child(2) a {
    padding: 0px 8px 0px 8px;
}

#MSUstandardFooter #standard-footer-site-links ul li:last-child a {
    border-right: none;
}

#MSUstandardFooter #standard-footer-site-links ul li a {
    text-decoration: none;
    padding-right: 8px;
    font-weight: 500;     /* V2.0 */ 
}

#MSUstandardFooter #standard-footer-site-links ul li a:hover {
    text-decoration: underline;
}

#MSUstandardFooter.light-background #standard-footer-site-links {
    color: #18453b;
}

#MSUstandardFooter.light-background #standard-footer-site-links a {
    color: #18453b;
    border-right: 1px solid #18453b;
}

#MSUstandardFooter.light-background #standard-footer-site-links ul li:nth-child(2) a {
    border-left: 1px solid #18354b;
}

#MSUstandardFooter.dark-background #standard-footer-site-links{
    color: #fff;
}

#MSUstandardFooter.dark-background #standard-footer-site-links ul li:nth-child(2) a {
    border-left: 1px solid #737373;
}

#MSUstandardFooter.dark-background #standard-footer-site-links a {
    color: #fff;
    border-right: 1px solid #737373;
}

/* Website information - no Call Us/Telephone (Footer line 1) */

#MSUstandardFooter #standard-footer-site-nocall-links ul {
    margin: 0px;
    padding: 0px;
    height: 22px; 
    border-bottom: 1px dotted #808080;
    float: left;
    clear: right;
}

#MSUstandardFooter #standard-footer-site-nocall-links ul li {
    display: inline-block;
    font-size: 12px;    /* V2.0 */
    font-size: 1rem;    /* V2.0 */
    padding-left: 4px;
}
#MSUstandardFooter #standard-footer-site-nocall-links ul li:first-child {
    display: inline-block;
    font-size: 12px;    /* V2.0 */
    font-size: 1rem;    /* V2.0 */
    padding-left: 0px;
}

#MSUstandardFooter #standard-footer-site-nocall-links ul li a {
    padding: 0px 8px 0px 8px;
}
#MSUstandardFooter #standard-footer-site-nocall-links ul li a:first-child {
    padding: 0px 8px 0px 0px;
}

#MSUstandardFooter #standard-footer-site-nocall-links ul li a {
    padding-right: 8px;
    text-decoration: none;
    font-weight: 500;     /* V2.0 */
}

#MSUstandardFooter #standard-footer-site-nocall-links ul li a:hover {
    text-decoration: underline;
}

#MSUstandardFooter.light-background #standard-footer-site-nocall-links {
    color: #18453b;
}

#MSUstandardFooter.light-background #standard-footer-site-nocall-links ul li a {
    color: #18453b;
    border-right: 1px solid #18354b;
}
#MSUstandardFooter.light-background #standard-footer-site-nocall-links ul li:last-child a {
    border-right: none;
}

#MSUstandardFooter.dark-background #standard-footer-site-nocall-links{
    color: #fff;
}

#MSUstandardFooter.dark-background #standard-footer-site-nocall-links ul li a {
    color: #fff;
    border-right: 1px solid #737373;
}
#MSUstandardFooter.dark-background #standard-footer-site-nocall-links ul li:last-child a {
    color: #fff;
    border-right: none;
}

/* MSU information (Footer lines 2-3) */ 

#MSUstandardFooter #standard-footer-MSU-info {
    font-size: 9px;          /* V2.0 */
    font-size: 0.5625rem;    /* V2.0 */
    margin-top: 2px; 
    padding-top: 0px;
    float: left;
    clear: right;
}

#MSUstandardFooter #standard-footer-MSU-info ul {
    margin: 0px;
    padding: 0px;
    height: 16px;
    font-size: 9px;          /* V2.0 */
    font-size: 0.5625rem;    /* V2.0 */
}

#MSUstandardFooter #standard-footer-MSU-info ul li {
    margin-bottom: 0px;
    line-height: 10px;
    display: inline;
    border-right: 1px solid #999;
    padding: 0px 8px 0px 4px;
    margin-left: 0px;
    margin-right: 0px;
}

#MSUstandardFooter #standard-footer-MSU-info ul li.spartans-will {
    text-transform: uppercase;
    font-weight: 600;    /* V2.0 */
}

#MSUstandardFooter #standard-footer-MSU-info ul li:first-child {
    padding-left: 0px;
}

#MSUstandardFooter #standard-footer-MSU-info ul li:last-child {
    border-right: 0px;
}    

#MSUstandardFooter #standard-footer-MSU-info ul li a {
    text-decoration: none;
}

#MSUstandardFooter #standard-footer-MSU-info ul li a:hover {
    text-decoration: underline;
}

#MSUstandardFooter.light-background #standard-footer-MSU-info{
    color: #18453b;
}

#MSUstandardFooter.light-background #standard-footer-MSU-info a, #MSUstandardFooter.light-background #standard-footer-MSU-info .msu-phone {
    color: #4c7e00;    /* V2.0 */
}

#MSUstandardFooter.dark-background #standard-footer-MSU-info {
    color: #fff;
}

#MSUstandardFooter.dark-background #standard-footer-MSU-info a, #MSUstandardFooter.dark-background #standard-footer-MSU-info .msu-phone {
    color: #81d300;     /* V2.0 */
}

#standard-footer-MSU-wordmark img.print-msuwordmark {
    display: none;
}

/* #Print Styles
================================================== */
@media print {

    #MSUmasthead img.print-msugraphic, #standard-footer-MSU-wordmark img.print-msuwordmark {
        display: block;
    }

    #MSUmasthead img.msugraphic-green, #MSUmasthead img.msugraphic-white {
        display: none;
    }
    #standard-footer-MSU-wordmark img.msuwordmark-green, #standard-footer-MSU-wordmark img.msuwordmark-white {
        display: none;
    }

    #MSUSearchTool #search-tool-box{
        margin-right: 12px;
    }

}

/* End of Branding - MSU Masthead, Search Tool and Standard Footer */
/********************************************************************/

.hideControl {
    	display: none;
}

.ui-iggrid-tablebody {
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ui-iggrid-sortableheader>a, span.ui-iggrid-headertext {
	font-size: 1rem;
}

.ui-iggrid-headertext {
	font-weight: bold;
	color: #000;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Notot Color Emoji";
}

#example_keypad {
	width: 170px;
	margin-bottom: 20px;
}

.captcha_wrap {
	margin-left: 25px;
}

#ContentPlaceHolder1_ContentPlaceHolder1__gridStoredDocuments th:nth-child(1),
#ContentPlaceHolder1_ContentPlaceHolder1__gridStoredDocuments th:nth-child(1) !important {
	width:7%;
}

#WebDataGrid1_columnheader_12 {
	text-align: left;
}

#ContentPlaceHolder1_ContentPlaceHolder1__DynamicLayout_CUSTOM_DQ_AccountActivity_AccountDetails_WebDataGrid1 
	table tbody tr td {
	text-align: left;	
}

#ContentPlaceHolder1_ContentPlaceHolder1_frmMessageCenterDetails_btnViewTask {
	display: none;
}


/* Login Warning Message */

span[id$="LoginTitle_lblLabel"]::after {
	content: "Note: This is not your MSU NetID and Password";
	display: block;
	color: #c62828;
	padding: 5px 0px 0px 0px;
}

/* Register and Forgot Password - Buttons Styling */

a[id$="lnkSignupNow"] {
color: transparent;
position: relative;
}

a[id$="lnkSignupNow"]::after {
content: "First Time Users Register Now!";
color: #ffffff;
background-color: #18453b;
padding: 10px 20px;
margin: 4px;
display: inline-block;
font-size: 20px; 
transition: background-color 0.3s ease, color 0.3s ease;
float: left;
}

a[id$="lnkSignupNow"]:hover::after {
background-color: #47ce00;
color: #18453b;
}

a[id$="lnkForgotPassword"] {
color: transparent;
position: relative;
}

a[id$="lnkForgotPassword"]::after {
content: "Forgot Password?";
color: #ffffff;
background-color: #18453b;
padding: 8px 16px;
margin: 4px;
display: inline-block;
font-size: 16px;
transition: background-color 0.3s ease, color 0.3s ease;
float: left;
}

a[id$="lnkForgotPassword"]:hover::after {
background-color: #47ce00;
color: #18453b;
}