@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@500&family=Open+Sans&family=Open+Sans+Condensed:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@500&family=Open+Sans+Condensed:wght@700&display=swap');

/* Begin Reset all browser-specific styles (clean slate!) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
{
	margin: 0;
	padding: 0;	
	border: 0;
	outline: 0;
	font-weight: 500;
	font-style: inherit;
	font-size: 12pt;
	font-family: open sans,sans-serif;
	}

/*table, caption, tbody, tfoot, thead, tr, th, td, td a, table span, table span a {
	font-size:8pt !important;
}*/

.datepicker {
    width: auto !important;
}

.input-group.date .input-group-addon {
    padding: 0;
}

.wi_fc_datetimechooser {
	background-color: #fff;
}




.glyphicon {top:-2px;}

/* End Reset */

/* These styles will affect the entire html, body elements on the site */

/*@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,500i,700);*/
@import url('https://fonts.googleapis.com/css?family=Lora|Open+Sans+Condensed:700|Open+Sans:400,400i,500,600,700&display=swap');
html, body {
	background-color: #fff;
	margin: 0px;
	padding:0px;
	font-family: Open-Sans, sans-serif;
	height: 100% !important;
	min-height:100% !important;
	max-height:100% !important;
	}


/* These styles affect all element-specific styles throughout the site */	
h1 {
	font-family: 'Open Sans',sans-serif;
	font-size: 30pt;
	font-weight: normal;
	line-height:1.0;
	color: #829e11;
	padding-bottom: 20px;
	}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24pt;
	font-weight:bold;
	color: #829e11;
	padding-top: 10px;
	padding-bottom: 10px;
	}	
	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	color: #829e11;
	padding-top: 3px;
	padding-bottom: 3px;
	}		

/* Standard Unordered Lists: The <ul> tag defines an unordered list (a bulleted list). */
ul {
    margin-left: 1.3em;
    line-height: 1.5;
}
	
table {
	overflow: hidden;
	
}


.TopMessage { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	Font-weight:600;
	color:#e8730b}

/* Standard List Items: the actual items within a list (a bulleted list). */

	ul li {
		list-style: none /*square outside none;*/
		padding-top: 10px;
		color: #666;
		font-size:12pt;
		font-weight:normal;
	}
	ul.sortable li{
		list-style: none;
	}

p {
	padding-top: 10px;
	padding-bottom: 10px;
	}

/* End Element-specific styles */


/* BEGIN FORM INPUT STYLES */
/* These styles affect the form elements, such as text fields, checkboxes, radio buttons, etc.  */

.break {clear:both;}

.form-control {
    display: block;
    width: 100%;
    height: 24px;
    padding: 3px 6px;
    font-size: 9pt;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #829e11;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	margin-bottom:15px;
}

input {
	border: 1px solid #bfd2fb;
	background-color: #f6f6f6;
	}
input[type=checkbox] {
	border: none;
	background-color: #f6f6f6;
	}
input[type=radio] {
	border: none;
	/*Issue # 28633 - Remove gray background from Radio Button choices.  In some browsers the radio buttons show a gray background around which does not look very nice.
	This background color draws a box around the radio button and does not look very nice.  Removing */
	/*background-color: #f6f6f6;*/
	background-color: Transparent;
	}

select {
	border: 1px solid #bfd2fb;
	background-color: #f6f6f6;
	}

textfield {
	border: 1px solid #bfd2fb;
	background-color: #f6f6f6;
	}
	
/* END FORM INPUT STYLES */


/* Other CreditSoft CSS Styles */

/* BEGIN INPUT BUTTON STYLES (form buttons) */

/* All of the Buttons displayed in the application inherit this class. When the caption of a button needs to be too long the ButtonMedium or ButtonLong classes can be used */
.Button {
	background: url(imagesV2/button_normal_new.png) 0 0 no-repeat;
	color: #fff;
	border: none !important;
	height: 29px;
	width:97px;
	}	

/* Same as .Button but very long */
.ButtonLong{ 
	background: url(imagesV2/button_Long.png) 0 0 no-repeat;
	width:250px;
	}	

/* Same as .Button but longer */
.ButtonMedium{ 
	background: url(imagesV2/button_medium.png) 0 0 no-repeat;
	width:142px;
	}	

/* Div that encloses the navigation buttons.  By default taking 100% width of its parent element */
.NavigationButtons
{
	 background: /*lightestblue*/#eef3fb /*url(imagesV2/leftside_white.png) repeat-y left*/ ;
	 
    /*position:relative;
    height:auto;*/
		padding: 10px 10px 10px 10px;
	width:100%;
}

/*This Class is not being used at this point*/
.ButtonHover { 
	background: url(imagesV2/button_hover.png) 0 0 no-repeat;
    color: #fff;
	border: hidden;
	height: 27px;
	}		

/*This Class is not being used at this point*/
.ButtonOnclick { 
	background: url(imagesV2/button_onclick.png) 0 0 no-repeat;
    color: #fff;
	border: hidden;
	height: 27px;
	}	
/* END INPUT BUTTON STYLES (form buttons) */

/* BEGIN HYPERLINK STYLES */

/* Default link style: Affects all links (<a href>) that do not have a class assigned */
a:link {	text-decoration: underline;	color: #647b09; font-weight: bold;}
a:visited {	text-decoration: underline;	color: #647b09;}
a:hover {	text-decoration: underline;	color: #647b09; text-decoration: underline !important; }
a:active {	text-decoration: underline;	color: #000;} 

.wi_footerMargin {margin:0;}

/* Footer link styles: This is used within the footer.html file */
a:link.FooterLink {		text-decoration: none;	color: #fff; }
a:visited.FooterLink {	text-decoration: none;	color: #fff; }
a:hover.FooterLink {	text-decoration: underline;	color: #fff; }
a:active.FooterLink {	text-decoration: underline;	color: #fff; }

/* END HYPERLINK STYLES */


/* BEGIN LOGIN PAGE STYLES */
/* Log In Page General Layout and Styles */

#_LoginView1_PrevLogin {
	display:none;
}

/* Div that contains the Login Control.  This Div provides the background image for the Login Control */
div#LoginBox {
	position: relative;
	width: 100%; 
	height: auto;
	border: none;
    background: #fff;
    background: -moz-linear-gradient(180deg,#ebf3dc 0,#ebf3dc 10%,#fff 91%);
    background: -webkit-linear-gradient(180deg,#ebf3dc,#ebf3dc 10%,#fff 91%);
    background: linear-gradient(180deg,#ebf3dc,#ebf3dc 10%,#fff 91%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebf3dc",endColorstr="#ffffff",GradientType=1);
	}

	div#LoginBox img {display: none;}

/* Div that contains the Login control.  This Div provides the padding and alignment to the Login Control */
div#LoginText {
	position: relative;
	vertical-align: top;
	padding: 10px 30px 30px 30px;
	font-size:12pt;
	}	
	
	div#LoginText h2{padding-bottom:10px;}
	div#LoginText span{padding-top:10px;font-size:18px;}

	div#LoginText h2 span{padding-top:10px;font-size:24px;color:#000;font-weight:600;}

	div#LoginText a{font-weight: normal;}

	div#LoginText .row{padding-bottom:15px;}




	/*Provides Font-Size to the Custom HTML content files for the default pages. Example: enrollmentdefault.aspx (enrollment.htm) */
.LoginWelcomeText {
	padding-bottom: 10px;
	font-size:16px;
	}

.LoginLabel {
	font-size:16pt;
	color:#666;
	padding-bottom:15px;
}


/*Provides Font-Size and color to the Custom HTML content files for the default pages. Example: enrollmentdefault.aspx (enrollment.htm) */
.LoginWelcomeTextBlue {
	font-size:24px;
	padding-top: 5px;
	padding-bottom: 15px;
	color: #829e11;
	}

	p.LoginWelcomeTextBlue{
		font-size:24pt;
		}

	.LoginWelcomeTextBlue b {
		font-weight:normal;
		}
/* END LOGIN PAGE STYLES */


/* --- BEGIN NAVIGATION MENU FORMAT AND STYLES --- */

.btn-default{
    border: 0;
    color: #fff;
    margin: 10px 0;
    border-radius: 0;
    padding: 10px 15px;
    letter-spacing: .5px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 1rem;
    background-color: #829e11;
    -webkit-transition: background-color .4s ease-out;
    -moz-transition: background-color .4s ease-out;
    -ms-transition: background-color .4s ease-out;
    -o-transition: background-color .4s ease-out;
    transition: background-color .4s ease-out;
}

.btn-default:hover{
	background-color: #287dad;
	color:#fff;
	text-shadow: none;
    -webkit-transition: background-color .4s ease-out;
    -moz-transition: background-color .4s ease-out;
    -ms-transition: background-color .4s ease-out;
    -o-transition: background-color .4s ease-out;
    transition: background-color .4s ease-out;
}

.wi_menu_click_container.wi_menu_item_selected {
	background-color: #fff;
}

	.wi_menu_item_selected span {
		color:#000;
}

.wi_menu_arrow,.wi_menu_arrow:hover {
	color: #647b09;
	font-weight:700;
	margin:0px;
}

.wi_buttonmenu .static .selected {
    background-color: #fff;
    color: #000;
}

.wi_buttonmenu ul li:hover {
	border: unset;
	/*gets rid of white space when border pops up*/
	background-color: unset;

}


.wi_buttonmenu td table td {
	font-size:11pt !important;
}


.wi_buttonmenuitem { background:none; padding:0px;}
.wi_buttonmenuitem td table td{ padding-left:10px;}

a.wi_buttonselectedmenuitem {
	color:#000 !important;
	background:#fff;
}


.wi_buttonhovermenuitem {
border:none;}

.ButtonMenuItem {
	width: 181px;
	height: 22px;
	background: url(imagesV2/menu_normal.png) 0 0 no-repeat;
	padding: 0px 0px 0px 0px;
	font: Arial, Helvetica, sans-serif 12px bold;
	text-align: left; 
	vertical-align: middle;	/* It won't make a difference when display: block; and the text will be pushed to the top of the box. */
	margin-bottom:2px;
	font-weight:normal;
	display: block; /* Allows menu button to be click on without having to click on the text in the button */
	line-height:22px; /* Needs to be the same as the height of the box itself. This is what positions the text in the middle of the box and not at the top. */
	}
	
a:link.ButtonMenuItem {
	background-image:none!important; /*This is to avoid the background image in the menus showing up twice*/
	font-size:12px!important;
	padding-left:10px;
	margin-bottom:0px;
	text-decoration: none;	color: #666666;	
	}	

a:visited.ButtonMenuItem {
	background-image:none!important; /*This is to avoid the background image in the menus showing up twice*/
	font-size:12px!important;
	padding-left:10px;
	margin-bottom:0px;
	text-decoration: none;	color: #666666;	
	}	
	
a:hover.ButtonMenuItem {
	background-image:none!important; /*This is to avoid the background image in the menus showing up twice*/
	font-size:12px!important;
	padding-left:10px;
	margin-bottom:0px;
	text-decoration: none;	color: #ffffff;
	}		
	
a:active.ButtonMenuItem {
	background-image:none!important; /*This is to avoid the background image in the menus showing up twice*/
	font-size:12px!important;
	padding-left:10px;
	margin-bottom:0px;
	text-decoration: none;	
	color: #ffffff;
	}			

.ButtonHoverMenuItem {
	width: 181px;
	height: 22px;
	background: url(imagesV2/menu_hover.png) 0 0 no-repeat;
	padding: 0px 0px 0px 0px;
	font: Arial, Helvetica, sans-serif 12px bold;
	text-align: left; 
	vertical-align: middle;
	color: #666666 !important;
}

.ButtonSelectedMenuItem {
	width: 181px;
	height: 22px;
	background: url(imagesV2/menu_selected.png) 0 0 no-repeat;
	padding: 0px 0px 0px 0px;
	font: Arial, Helvetica, sans-serif 12px bold;
	text-align: left; 
	vertical-align: middle;
	color: #FFFFFF !important;
}

/* V11 Menu*/

.wi_menu_collapsed {
	padding:0px;
}

.wi_menu_arrow{
	display: none;
}

.wi_menu_click_container, .wi_menu_click_container:hover{
	background-color: #fff;
	border: none;
}

.wi_menu_click_container.wi_menu_item_selected {
	background-color: #fff;
}

	.wi_menu_item_selected span {
		color:#000;
}

.wi_menu_item_title {
	color: #647b09;
	font-weight:700;
	margin:0px !important;
}

.wi_menu_item_title:hover {
	text-decoration: underline;

}



.wi_buttonmenu .static .selected {
    background-color: #fff;
    color: #000;
}

.wi_menu_click_container:hover {
	border:none;
	background-color: unset;

}
.wi_buttonmenu ul li:hover {
	border: unset;
	/*gets rid of white space when border pops up*/
	background-color: unset;

}


.wi_buttonmenu td table td {
	font-size:11pt !important;
}
.wi_buttonmenuitem { background:none; padding:0px;}
.wi_buttonmenuitem td table td{ padding-left:10px;}

a.wi_buttonselectedmenuitem {
	color:#000 !important;
	background:#fff;
}

.wi_buttonhovermenuitem {
border:none;}
.ButtonMenuItem {
	width: 181px;
	height: 22px;
	background: url(imagesV2/menu_normal.png) 0 0 no-repeat;
	padding: 0px 0px 0px 0px;
	font: Arial, Helvetica, sans-serif 12px bold;
	text-align: left; 
	vertical-align: middle;	/* It won't make a difference when display: block; and the text will be pushed to the top of the box. */
	margin-bottom:2px;
	font-weight:normal;
	display: block; /* Allows menu button to be click on without having to click on the text in the button */
	line-height:22px; /* Needs to be the same as the height of the box itself. This is what positions the text in the middle of the box and not at the top. */
	}
	
a:link.ButtonMenuItem {
	background-image:none!important; /*This is to avoid the background image in the menus showing up twice*/
	font-size:12px!important;
	padding-left:10px;
	margin-bottom:0px;
	text-decoration: none;	color: #666666;	
	}	

a:visited.ButtonMenuItem {
	background-image:none!important; /*This is to avoid the background image in the menus showing up twice*/
	font-size:12px!important;
	padding-left:10px;
	margin-bottom:0px;
	text-decoration: none;	color: #666666;	
	}	
	
a:hover.ButtonMenuItem {
	background-image:none!important; /*This is to avoid the background image in the menus showing up twice*/
	font-size:12px!important;
	padding-left:10px;
	margin-bottom:0px;
	text-decoration: none;	color: #ffffff;
	}		
	
a:active.ButtonMenuItem {
	background-image:none!important; /*This is to avoid the background image in the menus showing up twice*/
	font-size:12px!important;
	padding-left:10px;
	margin-bottom:0px;
	text-decoration: none;	
	color: #ffffff;
	}			

.ButtonHoverMenuItem {
	width: 181px;
	height: 22px;
	background: url(imagesV2/menu_hover.png) 0 0 no-repeat;
	padding: 0px 0px 0px 0px;
	font: Arial, Helvetica, sans-serif 12px bold;
	text-align: left; 
	vertical-align: middle;
	color: #666666 !important;
}

.ButtonSelectedMenuItem {
	width: 181px;
	height: 22px;
	background: url(imagesV2/menu_selected.png) 0 0 no-repeat;
	padding: 0px 0px 0px 0px;
	font: Arial, Helvetica, sans-serif 12px bold;
	text-align: left; 
	vertical-align: middle;
	color: #FFFFFF !important;
}

.btn.dropdown-toggle.wi_loginview_welcomeuser_dropdown {
	padding: 5px;
	border-radius: 5px;
}

/* END V11 Menu Edits*/

.wi_menupanel{
	font-weight:600;
	color:#6d7072;
	font-size:2rem;
	font-family: open sans,sans-serif;
}

.wi_formtableheader {

	color:#829e11;
	padding-bottom:15px;
	font-weight:bold;
}



.wi_formtableheader span {
	font-size:24pt;
	color:#829e11;
	font-weight:bold;
	padding-bottom:15px;
}

.wi_formcontrollabel {
color:#000;
}

.wi_buttonmenu td table td{
	padding-left:0px;
	border-bottom:1px solid #efefef;
	padding:5px 0;

}


/*.wi_buttonmenu td table td:first-child{
	xborder-top:1px solid #efefef;
} */

.wi_buttonmenu td table td a{	
	font-size:12pt !important;
	font-family: Open Sans, sans serif; 
	text-decoration:none;
	margin:0;
	padding:5px 10px 5px 5px;
}


.wi_buttonmenu td table td a:hover{
	color:#829e11;
	text-decoration: underline;	
}
.wi_navigationbuttons {
	padding:10px 35px;
}


.wi_button {
	border: 0;
    color: #fff;
    margin: 10px 0;
    border-radius: 30px 0;
    border-left: 2px solid #647b09 !important;
    border-bottom: 2px solid #445207 !important;
    padding: 10px 25px;
    letter-spacing: .5px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 1.25rem;
    background-color: #647b09;
    -webkit-transition: background-color .4s ease-out;
    -moz-transition: background-color .4s ease-out;
    -ms-transition: background-color .4s ease-out;
    -o-transition: background-color .4s ease-out;
    transition: background-color .4s ease-out;
}

.wi_button:hover {
	background-color: #829e11;
	-webkit-transition: background-color .4s ease-out;
    -moz-transition: background-color .4s ease-out;
    -ms-transition: background-color .4s ease-out;
    -o-transition: background-color .4s ease-out;
    transition: background-color .4s ease-out;
}

#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_ChangePassword1_ChangePasswordContainerID_CancelPushButton{
	background-color:#000;
	margin-left:15px;
}

#ctl00_ctl00_ContentPlaceHolder1_NavigationButtonsContentPlace__NavigationButtons1__btnCancel {
	background-color: #000;
}

#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1__DynamicIssue1_UpdatePanel1 textarea.form-control {
    height: auto;
    position: relative;
    top: -20px;
}

#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1__ReportList21_Label1_lblLabel{
	padding-bottom:30px;
	display: inline-block;
}
#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_UpdatePanel1{
	padding-top:30px;
}

#P7ae5489e94c045d58c666f3654cad0c2_1_oReportDiv .A325af5161a764294890a188a0987752046 {
	background-color: #fff !important;
}


/* END MENU NAVIGATION FORMAT AND STYLES */	

/* BEGIN WHITE ROUNDED CORNERS */

.liquid-round {
    /*background: #fff url(imagesV2/leftside_white.png) repeat-y left top;*/
    position:relative;
    height:auto;
    }

.top {
	width: 100%;
	height: 16px;
	/*background: url(imagesV2/top_white.png) no-repeat left top;*/
	position:relative;
	}

.top span {
	display: block;
	position: relative;
	height: 16px;
	/*background: url(imagesV2/top-right_white.png) no-repeat right top;*/
	}

.top-help
{
	float: right;
	position: relative;
	text-align:right;
	padding-top:18px;
	padding-right:38px;
	height:20;
	z-index:1;
	margin-right:4px;
	/*background:  url(imagesV2/Help.png) no-repeat left top;*/
	display:block;
}

.center-content {
	position: relative;
	/*background: url(imagesV2/rightside_white.png) repeat-y right top;*/
	padding: 15px;
	margin: 0 0 0 0;
    }

.bottom {
	height: 16px;
	/*background: url(imagesV2/bottom_white.png) no-repeat left bottom;*/
	}

.bottom span {
	display: block;
/*	position: relative;*/
	height: 16px;
	
	}

/* END WHITE ROUNDED CORNERS */

/* Orange Rounded Corners */

.wi_top_orange
{
	background-color: #fff;
	font-family:arial, helvetica, sans-serif;
	}

.wi_top_orange_left 
{
	display:table;
	margin:0 auto;
	text-align: center;
	background-color:#fff;

	/* The remaining properties position and style the text that resides on the orange header bar */
	padding:10px 20px;
	font-size: 20pt; 
	font-weight: 500;
	color: #000;
	padding-left:15px;
	}

	@media only screen and (max-width:768px){
		.wi_top_orange_left {margin-top:30px;
		}	
	}

.wi_top_orange_right {
	float: right;
	position: relative;
	text-align:right;
	padding-top:11px;
	padding-right:11px; 
	}
	
.wi_top_orange_help
{
	float: right;
	position: relative;
	text-align:right;
	padding-top:29px;
	padding-right:38px;
	z-index:1;
	background:  url(imagesV2/Help.png) no-repeat top right;
}
/* Orange Rounded Corners */


.BoxEditable{ 
	border: solid 1px #bfd2fb;
	}
	
/* BEGIN TEXT STYLES */
.ErrorMessage { 
	font-size:10px;
	color:Red}
	
.JustText{ 
	font-size:10px}
	
.JustBoldText{ 
	font-weight:bold;
	font-size:10px}
	
a.JustBoldText{ 
	font-weight:bold;
	font-size:10px}	
	
.Notifications
{
	font-size:12px;
}

.MobileButtonSummary
{
	font-weight:bold;  
    font-size: 11px; 	
}

.MobileButtonRowCount
{
	font-weight:bold;
   	font-size:11px;
}

.MobileButtonDescription1
{
	font-style: italic;
   	font-size:11px;  
}


/* END TEXT STYLES */

	
.Pager, .wi_pager {
	text-align:right; 
	border: 0px; 
	margin:2px;
	padding:2px;
	}

.Pager span, .wi_pager span {
	margin:2px;
	padding:2px;
	}
		
.Pager a, .wi_pager a {
	margin:2px;
	padding:2px;
	}					
					
.PageTitles  
	{
	font-weight: bold; 
	color: #FF7C00; 
	font-size: 13px; 
	text-align:left;
	background: url(/imagesV2/colors/blue_title_underline.gif) left bottom #fff no-repeat;
	line-height: 35px; }

/* Tables and other lists layout */

.Table { 
	font: Arial, Helvetica, sans-serif 10px normal;
	background-color: #FFFFFF; 
	text-align: center; 
	vertical-align: top; 
	border:solid 1px #DEE4EF;
	}

.TableRow { 
	font: Arial, Helvetica, sans-serif 10px normal;
	color: #000000; 
	background-color: #FFFFFF; 
	text-align: left; 
	vertical-align: middle; 
	border: 1px solid #eaeaea;
	height: 22px; }

.TableRowAlt {  
	font: Arial, Helvetica, sans-serif 10px normal;
	background-color: #EFEFEF; 
	text-align: left; 
	vertical-align: middle; 
	border: 1px solid #E3e3e3;
	height: 22px; }

.TableHeader { 
	font: Arial, Helvetica, sans-serif bolder 10px;
	color: #000; 
/*	background: #B0B0B0 center top;*/
	background: #c0c0c0 center top;
	text-align: center; 
	vertical-align: middle; 
	text-transform: uppercase ;
	padding:2px;
	padding:2px;
	 }

.TableSubHeader { 
	font: Arial, Helvetica, sans-serif bolder 10px;
	color: #000;
	background: #CECECE center top;
	text-align: left; 
	vertical-align: middle; 
	text-transform: none;
	padding:2px
	}
										
.TableRowSelected {
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000;
	background-color:#ABC0E7; }
	



/* BEGIN FOOTER STYLES AND FORMATTING */

.wi_footermargin {margin-right:unset;}

.TableFooter { 
	margin-top: 0px; margin-left:11px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000;
	text-align: right; 
	text-transform: uppercase; 
	width: 985px; height:31px; 
/*	background-color:#C4C4C4;*/
	background-color:#d1d1d1;
	}	
	
	
/* BEGIN FOOTER STYLES AND FORMATTING */



.RowEditTemplate { 
	font-size: 12px; 
	border: solid 2px #6684B3;
	background-color: White;
	position: fixed; 
	top: 40%;  left: 40%; 
	}
	
#dialogueChooseCreditor.Dialogue
{
	position: fixed!important; 
	top: 20%;  left: 40%; 
	width:500px; 
	height:600px;
}	
	
.MenuPanel {  	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 	
	font-weight: bold;
	text-align: left; 
	vertical-align:   middle;
	width:100%;	
	color: #6d7072;
	}			
	
/* BEGIN FORM STYLES */


	
.FormTableHeader {
	font-weight: bold; 
	color: #FF7C00; 
	font-size: 13px; 
	}

/* Affects style for the entire table that contains form labels and fields */
.FormTable { 
	padding:3px!important;
	}
	
/* Affects style for left column on form that contains labels (i.e. First Name, Last Name, etc.) -   */
.FormColumn {
	font-size: 11px; 
	font-weight: bold; 
	text-align: right; 
	color:#7A95BF;
	padding:2px!important;
	width:200px;
	}

/* Affects styles for form fiels column (cells that contain input fields on right) */
.FormColumnAlt {	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	text-align: left; 
	vertical-align: middle; 
	padding:2px!important;
	}

/* Affects style for left column on form that contains labels for required fields(i.e. First Name, Last Name, etc.) -   */
.Req_FormColumn 
{
	font-size: 11px; 
	font-weight:bold; 
	text-align: right; 
	color:#3d5b8a;
	padding:2px!important;
	width:200px;
	}
	
/* END FORM STYLES */




.DetailsView {
	width:100%;
	padding: 10px!important;
	}

/* Encloses the content of the _Message.ascx control.  This control is used to provide some warning messages in the application. */				
div.Message {	
	font: Arial, Helvetica, sans-serif 10px bold;
	color: #D56D08;
	text-align: left;
	vertical-align: middle;
	height:38px;
	position:relative;
	padding: 2px 1px 10px 42px;
	background:url(imagesV2/warning.png) no-repeat;
	display:table-cell;
	}

	.TopMessage { 
		font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
		Font-weight:600;
		color:#cc0000;
		padding-left:30px;
	}
						 
/* Affects the style of some of the warning message displayed in the application.  For Example: Duplicates found. */				
.Warning {
	font: Arial, Helvetica, sans-serif 10px bold;
	padding: 2px 1px 1px 5px;
	color: #D56D08;
	text-align: left; 
	vertical-align: middle;	
	}
	
div.ViewDuplicates
{
	text-align:right!important;
}

.DayOfMonth {
	width: 20px;
	font-size: 10px; 
	background-color: #FFF; 
	border: thin solid black;
	}

.Overlay
{
	/*\*/
	position:fixed;
	/*
	top: expression(((ignoreMe = document.documentElement.scrollTop? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
	left: expression(((ignoreMe2 = document.documentElement.scrollLeft? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');
	*/
	/**/

	left: -2000px;
	top: -2000px;
	width: 2000px;
	height: auto;
	background: url(imagesV2/overlay1.gif);
	
	/* Set both opacity and filter, for MSIE and firefox compatability */
	opacity: .7;
	filter: alpha(opacity=70);
	
	/* z-index sets the layer order, so that the overlay rests on top.
	Bear in mind that the popup dialogue needs to be even higher! */
	z-index: 1000 !important;
}

		
#wrapper{
	width: auto;
	/* height: 347px; */
	float: left;
	padding: 10px 20px;
	margin-bottom:15px;
	background-color: #eef4ed;
}

#wrapper p {
	font-size:16px;
	line-height:1.7;
}

.Dialogue {
	padding: 5px;
	border: solid 2px #6684B3;
	background-color: #FFF;
	z-index: 2000;
	text-align:center;
	position:fixed!important;
	}

.CollapsiblePanel {
	height: 0px;
	overflow: hidden;
	min-width:460px;
	}

.ProcessingPopup {
	padding: 20px;
	position:absolute;
	/*
	top: expression(((ignoreMe = document.documentElement.scrollTop? document.documentElement.scrollTop : document.body.scrollTop) + 200) + 'px');
	left: expression(((ignoreMe2 = document.documentElement.scrollLeft? document.documentElement.scrollLeft : document.body.scrollLeft) + 200) + 'px');
	*/
	width: 300px; 
	height: 30px;
	border:solid 2px #6684B3;
	background-color: #FFFFFF;
	text-align:center;
	z-index: 2000;
	}

.Popup {
	position:absolute; left:100; top:-80; 
    border-style:solid;
    border-width:4;
    border-color:blue;
	background-color:white;
	padding: 5px;
	color: red;
	font: Arial, Helvetica, sans-serif 10pt bold;
	z-index:2;
	visibility:hidden;
	width: 200px;
	text-align: left; 
	vertical-align: middle; 
	float:left;
	}

.SavingMessage {
	font: Arial, Helvetica, sans-serif bold 10px;
	padding:  2px 1px 1px 5px;
	background-color: #DEE4EF;	
	border: solid 1px lightgrey;
	text-align: left; 
	vertical-align: middle;	
	 }

.PaymentScheduleReport  {
	width: 600px; height: 450px;
	position: relative; 
	vertical-align: top; 
	}

.PaymentCalculatorReport  {
	width:600px; height:530px;
	position:relative; 
	vertical-align:top; 
	}

div.ChatLive
{
	background:url(imagesv2/chat_live.png) no-repeat;
	height:90px;
	width:181px;
}

a.ChatLive
{
	height:90px;
	width:181px;
}

div.reminder-postit
{
	background:url(imagesv2/reminder_post-it.png) no-repeat top left;
	height:98px;
	padding-left:110px;
}

.reminder-postit span
{
	font-style:italic;
	font-family:Segoe Print;
	font-size:16pt;
}

#divLeadSearchWrapper
{
	Width: 85%;
	min-width:460px;
}

.pnlLeadSearch
{
	width:100%;
}

.pnlLeadSearchTable
{
	width:100%;
}

#dhtmltooltip{
position: absolute;
left: 300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 13000;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
float:left!important;
}


#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 13100;
visibility: hidden;
}

.InformationImage
{
    background :url(imagesV2/yellowtrianglewarning.png) 0 0 no-repeat;
    border:none;
    vertical-align:middle;     
}


#ctl00_ctl00_ContentPlaceHolder1__Login1_LoginView1_Login1_UserNameLabel, #ctl00_ctl00_ContentPlaceHolder1__Login1_LoginView1_Login1_PasswordLabel
{
	color:#647b09;
	font-size:17px;
	left:105px;
	line-height:50px;
	position:relative;
	text-align:left;
	top:-21px;
}

#ctl00_ctl00_ContentPlaceHolder1__Login1_LoginView1_Login1_PasswordLabel
{
	left:103px;
}

#ctl00_ctl00_ContentPlaceHolder1__Login1_LoginView1_Login1_LoginTitle, #ctl00_ctl00__LoginView1_LoginView1_lnkRegisterNow, #ctl00_ctl00__LoginView1_LoginView1_lnkLoginNow, #ctl01_ctl00__LoginView1_LoginView1_lnkRegisterNow, #ctl00_ctl00_ContentPlaceHolder1__Login1_LoginView1_Login1_lnkSignupNow
{
	display:none;
}

#ctl00_ctl00_ContentPlaceHolder1__Login1_LoginView1_Login1_LoginButton
{
	margin-bottom:30px;
	margin-left:0px;
}

#ctl00_ctl00_ContentPlaceHolder1__Login1_LoginView1_Login1_UserName, #ctl00_ctl00_ContentPlaceHolder1__Login1_LoginView1_Login1_Password
{
	width:100%;
	
	background-clip: padding-box;
    border:2px solid #829e11;
    height: 40px;
    padding-left: 10px;

	
}

#ctl00_ctl00_ContentPlaceHolder1__Login1_LoginView1_Login1_UserName{
	position: relative;
    top: -5px;
	margin-bottom: -20px;
	margin-top:7px;
}

/* V11 Calendar */

.wi_dqform_paybyphonewebach, .wi_agenttype_client {
background-color: #FFF !important;
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	background-color: #fff;
	border: 1px solid #829e11;
	list-style-type: none;
}

#ddl_MM {
	list-style-type: none !important;
}

/* End V11 Calendar */


@media only screen and (max-width:1024px){
	#ctl00_ctl00_ContentPlaceHolder1__Login1_LoginView1_Login1_UserName, #ctl00_ctl00_ContentPlaceHolder1__Login1_LoginView1_Login1_Password{
		width:100%;
	}
}

#ctl00_ctl00_ContentPlaceHolder1__Login1_LoginView1_Login1_RequiredFieldValidator1, #ctl00_ctl00_ContentPlaceHolder1__Login1_LoginView1_Login1_RequiredFieldValidator2 {
	font-size:30pt;
	float: right;
	position: absolute;
	right:-20px;
}

#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_ReportViewer1_fixedTable a{
	color:red;
}

.LoginTopLinks {
    font-size: 12px;
    font-weight: bold;
    right: -95%;
    position: absolute;
    top: -100px;
    width: auto;
    text-align: right;
}

@media only screen and (max-width:992px) {
    .LoginTopLinks {
        font-size: 12px;
        font-weight: bold;
        width: auto;
        text-align: right;
    }
}

@media only screen and (max-width:560px) {
    .LoginTopLinks {
        top: -80px;
	position:initial;
    }
}

.LoginTopLinks a
{
	clear:both;
	color: #647b09;
	/*color:#FFF;*/
	text-decoration:none;
}
.LoginTopLinks a:hover
{
	text-decoration: underline;
}

a.LoginCurrentClient
{
	color:#005DAB;
	font-size:16pt;
	font-weight:bold;
	text-decoration:none;
	padding-left:14px;
}

.imgMoving
{
	width:200px;
}

.BookletsHeading
{
    font-size:12px;
    font-weight:bolder;
}

.BookletsBooklet
{
    font-size:12px;
    margin-left:0px;
    padding:0px;
}

.BookletsBooklet::before{
	content:'\25AA';
	font-weight:bold;
	font-size:16pt;
	color:#829e11;
	padding-right:10px;
}




/* Issue # 21918 - Client Web: The length of the Category and Account fields on the New Inquiry Screen are too short in IE but they resize correctly in Mozilla */
select.AutoExpand
{
	max-width:100%;
	min-width:60%;
}

.MultiLine
{
	min-width:60%;
	width:80%;
}

.CompletionList
{
	background-image:none!important;
}

.CompletionListHighlighted
{
	background-image:none!important;
	color: highlighttext; 
	background-color: highlight;
}

.Bolt
{
	width:12px;
	height:12px;
	vertical-align:middle;
}

a.ImageButton
{
	display:inline-block;
}

a.DeleteButton
{
    background-image: url(imagesV2/Delete_16x16.png);
    width:16px;
    height:16px;
}

a.RefreshButton
{
    background-image: url(imagesV2/Refresh-16x16.png);
    width:16px;
    height:16px;
}





/*OVERRIDES 0819*/

.ReportViewer table {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 55%, rgba(255,255,255,0) 55%);
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 55%, rgba(255,255,255,0) 55%);
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 55%, rgba(255,255,255,0) 55%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
   }
   .ReportViewer table a{
	   font-size:9pt !important;
	   font-family: Arial, Helvetica, sans-serif!important;
   }
.ReportViewer span {
    font-family: Arial, Helvetica, sans-serif!important;
    font-size: 9pt!important;
}

.dropdown-toggle, .dropdown-toggle a {
    background-color: #829e11;
    color: #fff;
	border: 0;
	border-radius: 0;
    font-weight: bold;
    padding: 5px 15px;
    -webkit-transition: background-color .4s ease-out;
    -moz-transition: background-color .4s ease-out;
    -ms-transition: background-color .4s ease-out;
    -o-transition: background-color .4s ease-out;
    transition: background-color .4s ease-out;
}



.xdropdown-menu {
	width: 100%;
	border:2px solid #829e11;
	border-radius: 0px;
}

.btn a, .btn a:visited, .btn a:active, .btn a:hover, .btn a:link{
	color:#fff !important;
}

ul.dropdown-menu{
	margin-top:-2px;
}

ul.dropdown-menu li{
	list-style-type: none;
}

#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_btnSetupSignature{
	margin-top:15px;
}

.wi_mobilemenu{
	display:none;
}

@media only screen and (max-width:768px){
	.wi_mobilemenu{
		display:block;
		margin-top: 100px;
		position:relative;
		z-index:1;
	}

	button.btn.wi_mobilemenu_toggler {
		flex: 0 1 auto;
		height: 52px;
		margin-top: 10px;
	}

	.wi_mobilemenu select{
		width:35%;
		max-width:80%;
		min-width:220px;
		float: right;
		margin-top:14px;
		margin-right:15px;
	}
	.Master_L1_LeftPanel{
		display:none;
	}
	.wi_userinfo{
		display:none;
	}
}

/* BEGIN MAIN WRAPPERS AND PAGE LAYOUT DIVS */
/* !!! Please tread carefully when modifying these styles, as all pages and formatting will be affected !!! */
/* Master_L0_Wrapper: Wraps all the objects in the Website */
div#Master_L0_Wrapper {
	position: relative; 
	width:100%; 
	margin:auto;
	height:100%;
	}

/* Master_L0_Wrapper-TopShadow: Provides the image for the shadow at the top of the website */
div#Master_L0_Wrapper-TopShadow {
	background-color: #153c70;
	width: 100%;
	height: 40px;
	}
			
/* Master_L0_Wrapper-bg: Provides the background image for the entire website */
div#Master_L0_Wrapper-bg {
	width:100%;
	background-color: #fff;
	z-index:-1;
	margin: 0 auto;
	border-top: 40px #829e11 solid;
	}	
	
/* Master_L0_Header: Provides the background color and/or images for the Website Header section */
.wi_master_l0_header {
	padding-left: 15px;
	padding-top: 10px;
	background:url(imagesV2/New-Leaf-Logo-final-350x100.jpg) 15px 0px no-repeat;
	z-index:1;
	height:115px;
	width: 100%;
	max-width:1200px;
	margin:0 auto;
	}
	@media only screen and (max-width:768px){
		.wi_master_l0_header {
			background:url(imagesV2/New-Leaf-Logo-final-350x100.jpg) 15px 7px no-repeat;
			}
	}

	@media only screen and (max-width:414px){
		.wi_master_l0_header {
			background-size: 95%;
			}
	}

	#Master_L1_LeftMenuPanelCell {
		background-color: #fff;
	}

/* Master_L0_Footer: Provides the background color and/or images for the Website Footer section */
#Master_L0_Footer {
	display: block;
	width: 100%; 
	height:31px; 
	background-color: #72777e;
	}
	
/* Master_L0_TopBar: Provides the size, background color and image for the horizontal bar that separates the site header of the content*/
div#Master_L0_TopBar {
	border-bottom:3px solid #f5f5f5;
	height: 1px;
	width: 100%;
	background-color: #fff;
	}

	@media only screen and (max-width:768px){
		div#Master_L0_TopBar {
		border-bottom:3px solid #f5f5f5;
		height: 15px;
		width: 100%;
		}
	}
	
/* Master_L0_MainContent: Provides the background properties for the content section of the website */
div#Master_L0_MainContent {
	position: relative;
	background-color:#fff;
	width: 100%;
	padding-bottom:30px;
	}
	
/* Master_L0_Wrapper-BottomShadow: Provides the image for the shadow at the bottom of the website */
div#Master_L0_Wrapper-BottomShadow {
	display:none;
	}
	
/* Master_L0_CopyRight: Provides the attributes for the copyright section of the website */
div#Master_L0_CopyRight
{
	font-family:Arial, Helvetica, Sans-Serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 	
	text-align: right; 
	vertical-align: middle;
	line-height: 1.5; 
	font-variant: normal; 
	width:100%;
	background-color: #72777e;
	padding:15px;
	color: #fff;
	text-align:  center;
}

.wi_container{
	padding-top:20px;
	width:100%;
	max-width:1200px;
	margin:0 auto;
}



/*	 END MAIN WRAPPERS AND PAGE LAYOUT DIVS */	



/* LoginView CONTROL - START */
/* LOGINVIEWBOX DEFINES THE BACKGROUND IMAGE BEHIND THE LOGIN INFORMATION - CURRENT USER INFORMATION */
/* IN THE DEFAULT CREDITSOFT INSTALLATION THIS CLASS IS REFERENCED IN THE HEADER.HTM AND HAS THE GREEN BACKGROUND WITH THE LOGIN INFORMATION */
/*div#LoginViewBox{
	float: right;
	position: absolute;
	text-align:right;
	top:28px;
	right:15px;
	width: 315px; height: 61px;
	clear: both;
	background: url(imagesv2/bg_welcome.png) 0 0 no-repeat;
	}*/

/* LoginViewText - IS USED TO POSITION THE ACTUAL LOGIN INFORMATION TEXT - CURRENT USER INFORMATION */
/* THIS DIV IS USED IN THE LOGINVIEW USER CONTROL */
div#LoginViewText{
	float: right;
	position: absolute;
	text-align:right;
	width: 315px; height:30px;
	top:25px;
	right:30px;
	clear: both;
	background:transparent;
	font-size: 12px;
	color:#647b09;
	}

div#LoginViewText span
{
	line-height:22px;
}

/* Links that are Inside the LoginViewText have different style because they may have a different background*/
a:link.LoginViewText {		text-decoration: underline;	color: #647b09; }
a:visited.LoginViewText {	text-decoration: underline;	color: #647b09; }
a:hover.LoginViewText {	text-decoration: underline;	color: #647b09; }
a:active.LoginViewText {	text-decoration: underline;	color: #647b09; } 


td#Master_L1_LoginContent {
	width: 580px;
	margin-left:20px;
	margin-top:20px;
	float:left;
	}
	
td#Master_L1_LoginBoxWrapper
{
	vertical-align:top;
}
	
/* LoginView CONTROL - END */


/* SITE HEADER AND FOOTER CLASSES  - START */
/* THIS CLASS IS USED BY THE HEADER.HTM PAGE.  IT CONTAINS THE MAIN LOGO OF THE COMPANY */
.MasterHeader {
	width: 100%;
	height: auto;
	margin: 0px auto;	
	/*background:transparent;*/
	
	}
	
/* THIS CLASS IS USED BY THE FOOTER.HTM PAGE.  IT CONTAINS THE BACKGROUND IMAGE OF THE SITE FOOTER*/

.MasterFooter { 
	text-align: right; 
	text-transform: uppercase; 
	font-size: 10px; 
	color: #fff;
	display:none;
	}	

/* THIS CLASS IS USED BY THE FOOTER.HTM PAGE.  IT CONTAINS THE FONT TYPE AND ALINGMENT OF THE SITE FOOTER*/
.Footer {   
	background-repeat:no-repeat;
	padding-right:10px;
	font: open sans,sans-serif 11px bold;
	line-height: 33px; 
	text-transform: capitalize;
	}	
/* SITE HEADER AND FOOTER CLASSES  - END */


/* CSS Classes associated with the CSMaster_L1_MenuPanel Master Page * START */

/* Master_L1_MasterTable: This is the main table of this Master Page.  It has three columns to allocate the three panels described below. */
.Master_L1_MasterTable
{
	margin-right:0 auto;
	top:0px;
	margin-top:0px auto;
	width:100%;
	max-width: 1200px;
	margin:0 auto;
	padding-top:30px;
}

/* Master_L1_LeftPanel: This table cell is also divided into two sub-sections: Menu Panel and Left Bottom Content.  */
.Master_L1_LeftPanel
{
	width:auto;
	vertical-align:top;
	background:none !important;	
}

/*div#Master_L1_Menu: The menu section that allow users navigate to the different web pages that they have access to */
div#Master_L1_Menu 
{
	position: relative;
	float: left;
	height: auto;
	margin-top: 10px;
	margin-left: 10px;
}

/* Master_L1_RightPanel: This section can be customized for each individual page to display custom information. It can be customized using the Right URL field on the Internet Menus.*/
.Master_L1_RightPanel
{
	vertical-align:top;

}


.wi_master_l1_leftpanel {
	background-color: unset;
}

/* Master_L1_LeftBottomPanel: This section can be customized for each individual page to display custom information. It can be customized using the Left URL field on the Internet Menus*/	
.Master_L1_LeftBottomPanel
{
	margin-top:15px!important;
	text-align:center!important;
	padding-left:10px;
}

/* Master_L1_CenterPanel:This panel contains the space where the actual web page will be contained. This panel is also divided in four sub-sections: Top Content, Main Application Panel, Bottom Content and Navigation Buttons place holder. */
.Master_L1_CenterPanel
{
	vertical-align:top;
}

/* Master_L1_NavButtons: Place holder to show the navigation buttons applicable for each web page. For example: Save and Cancel, Next and Previous, etc. */
.Master_L1_NavButtons 
{
     padding:10px;
/*     position: relative;*/  /*Commented out due to problem in IE7 - Navigation Buttons were disabled - Issue # 21786 */
}

#ctl00$ctl00$ContentPlaceHolder1$_Login1$LoginView1$Login1$LoginButton
{
	display:none;
}

span.phone-number {
    font-size: 21px;
    position: absolute;
    width: 200px;
    left: -245px;
}

#LoginViewText span.phone-number {
    font-size: 21px;
    position: absolute;
    width: 200px;
    left: -100px;
	font-weight:bold;
}

#lightbox 
{
    display:none;
    background:darkgray;    
    background:darkgray;    
    opacity:0.9;  
    filter: alpha(opacity=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    zoom:1;
    width:100%;
    height:100%;   
    position:fixed;
    top:0px;
    left:0px;
    min-width:100%;
    min-height:100%;
    z-index:1000;
}
       

#lightbox-panel 
{
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    position: relative;
	left:-50%;
    text-align: left;
    top: 100px;
    width: 580px;
    z-index: 1001;
    background:#FFFFFF;   
    border:2px solid #CCCCCC;   
}
@media only screen and (max-width: 600px) {
    #lightbox-panel {
        width: 350px;
        height:450px;
        padding:10px;
    }
}

#iframeSurvey {
    width: 565px;
    height: 325px;
    z-index: 11000;
}

    @media only screen and (max-width: 600px) {
        #iframeSurvey {
            width: 325px;
            height: 425px;
            z-index: 11000;
        }
    }
 .rounded-corners
{
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

.btn-secondary,.button-secondary a:link, .button-secondary a, a.btn.button-secondary{
	border: 0;
    color: #fff;
    margin: 10px 0;
    border-radius: 30px 0;
    border-left: 2px solid #647b09 !important;
    border-bottom: 2px solid #445207 !important;
    padding: 10px 25px;
    letter-spacing: .5px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 1.25rem;
    background-color: #000;
    -webkit-transition: background-color .4s ease-out;
    -moz-transition: background-color .4s ease-out;
    -ms-transition: background-color .4s ease-out;
    -o-transition: background-color .4s ease-out;
    transition: background-color .4s ease-out;
	text-decoration: none !important;
}

.btn-secondary:hover {
background-color:#000;
}

#ctl00_ctl00__LoginView1_LoginView1_btnProfile{display:none;}

#LoginViewText div ul {
    width: 100%;
    padding-left: 10px;
}

.img-responsive{width:100%;}

#ctl00_ctl00__LeftPanelMobile2__menuMobile1_btnRefresh{display:none !important;}

.form-control{min-width:300px; min-height:35px;}


#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1__DynamicIssue1_frmIssue___Summary_TextBox1 {margin-top:20px;}

#ctl00_ctl00_ContentPlaceHolder1__Login1_LoginView1_Login1_UserNameLabel_lblLabel:after{
	content:" (or Email)";
	display:block;
	line-height: 1;
   }

   #ContentPlaceHolder1__Login1_LoginView1_Login1_lnkSignupNow {
	   display:none !important;
	  }

	  #_LoginView1_LoginView1_lnkRegisterNow{
		  display:none !important;
	  }

	  i, i.fa-user:before {
		  color:#000 !important;
	  }

	  div#LoginViewBox {
		  background-color: #fff !important;
	  }

/* Refer a Friend */


.refer-a-freind-container {
	padding:10px 20px;
	border: 2px solid #647b09 ;
	border-radius: 5px;;
	background-color: #ebf3dd;
	margin:30px 15px 30px 0;
	position: absolute;
	display:block;
	z-index:10000;
	left:100%;
	top:415px;
	width:370px;
	margin-left:125px;
	}

	.refer-a-freind-container p{
		text-align:center;
		font-weight:normal;
		font-size: 14px;
		line-height:1.1;
		padding:0;
	}

	.refer-a-freind-container p strong{
		color:#647b09 ;
		font-size:18px;
		font-family: Arial, Helvetica, sans-serif;
	}

	.refer-a-freind-container h3{
		color:#647b09 ;
		text-align: center;
		font-size:36px;
		letter-spacing:-.5px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
	}

	.refer-a-freind-container h3:before{
		content: url('friend.png');
		padding-right:10px;
	}

	p.refer-phone {
		font-weight: bold;
		font-size:30px;
		color:#647b09 ;
		padding:5px 0;
		font-family: Arial, Helvetica, sans-serif;
	}

	@media only screen and (max-width: 786px) {
		.refer-a-freind-container  {
			left:400px;
			top:0px;
			position:absolute;
			width:97%;
			margin-left:unset;
			top:450px;
			max-width: 350px;;
		}
		.address {
			font-size: 11pt;
			position: relative;
			top: 50px;
			z-index: 100;
		}

		#ContentPlaceHolder1_Master_L1_CenterBottomPanel .address {
			top:0px;
		}

		#Master_L1_BottomContent {
			position: relative;
			top: 50px;;
		}

		div#Master_L0_CopyRight{
			padding-bottom:80px;
			margin-top:75px;
		}
	}

	@media only screen and (max-width: 540px) {
		.refer-a-freind-container  {
			top:1415px;
			left:15px;
			max-width: 500px;
		}
		.address {
			top: 825px;
		}
	}

	@media only screen and (max-width: 430px) {
		div#LoginBox {
			top: -115px;
		}
		.refer-a-freind-container {
			top: 1425px;
			left: 20px;
			max-width: 355px;
		}

		.address {
			top: 840px;
		}

		div#Master_L0_CopyRight{
			margin-top:165px;
		}
		
		#ContentPlaceHolder1_Master_L1_CenterBottomPanel .address {
			top:0px;
		}
	}

	@media only screen and (max-width: 415px) {
		div#LoginBox {
			top: -165px;
		}
	}

	@media only screen and (max-width: 390px) {
		.refer-a-freind-container {
			left: 20px;
			top: 1560px;
			/*top: 1875px;*/
			max-width: 355px;
		}
		.address {
			top: 875px;
			margin-left:15px;
		}
		div#Master_L0_CopyRight {
			margin-top: 60px;
		}
		#Master_L1_BottomContent {
			padding-top:0px;
			margin-left: 15px;;
		}
		.LoginButtonDiv {
			position:relative;
			top:-50px;
		}
		#ContentPlaceHolder1__Login1_lnkForgotPassword {
			position:relative;
			top:0px;
			/*top:135px;*/
		}
		#Master_L1_BottomContent {
			position: relative;
			top: 15px;
		}
		div#Master_L0_MainContent {
			padding-bottom: 175px;;
		}
	}