#_LoginView1_btnProfile,
.wi_menu_row:has(.wi_menu_item_title.wi_menuitem_my_profile) {
	display: none !important;
}

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 {
	display: none;
}

/* 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;
}


/* 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/1_header-new4.png) 0px -15px no-repeat !important;
	background-size: cover;
	z-index: 1;
	height: 107px;
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
}

/* Master_L0_Footer: Provides the background color and/or images for the Website Footer section */
#Master_L0_Footer {

	width: 100%;
	height: 31px;
	background-color: #1e6a9b;
}

/* 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 {
	background-color: #c4e8f5 !important;
	border-bottom: 1px solid #2c8cc2;
	height: 60px;
	width: 100%;
	margin: 0px;
	background-image: none;
	border-left: 0px;
	;
	border-right: 0px;
	margin-bottom: 30px;
}

@media only screen and (max-width: 1024px) {
	#mainContentDivWrapper {
		margin-top: 50px;
	}
}

@media only screen and (max-width: 414px) {
	#mainContentDivWrapper {
		margin-top: 100px;
	}
}

/* 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: #1e6a9b;
	padding: 15px;
	color: #fff;
	text-align: center;
}

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

/*	 END MAIN WRAPPERS AND PAGE LAYOUT DIVS */




/* 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: inherit;
	font-style: inherit;
	font-size: 11pt;
	font-family: inherit;
	background: transparent;
}


table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
td a,
table span,
table span a {
	font-size: 11pt;
}

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

.input-group-append,
.input-group-prepend {
	display: -ms-flexbox;
	display: inline-block;
	margin-top: 4px;
}

.input-group-prepend span {
	padding-bottom: 7px;
}

.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);*/

html {
	margin: 0;
	padding: 0;
	height: 100%;
	max-height: 100%;
}

body {
	min-height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

strong {
	font-weight: bold;
}

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

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24pt;
	font-weight: bold;
	color: #267cac;
	padding-top: 10px;
	padding-bottom: 10px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	color: #e8730b;
	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: auto !important;

}


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

ul li {
	list-style: none;
	padding-top: 5px;
	color: #666;
	font-size: 11pt;
	font-weight: 500;
	background: none;
}

ul.sortable li {
	list-style: none;
}

.wi_errorlist {
	color: #a94442 !important;
	font-weight: bold;
	list-style-type: none;
	text-align: left;
	padding: 5px;
}

.wi_errorlist li {
	/*
			background: none;
			*/
	background-image: none !important;


}

.wi_grid {
	/* on large devices, which are usually not touchscreen, limit the height of dynamic grids to 1000px so the horizontal scrollbar does not end up miles below */
	max-height: 700px;
}

/* 992px and more causes the menu to be on the left instead of up*/
@media only screen and (max-width: 991px) {

	/* override height of dynamic grid for medium devices since those are touchscreen and can be scrolled horizontally (so the horizontal scrollbar can be miles below and it doesn't matter) */
	.wi_grid {
		max-height: 100000px;
	}


}

/* Small Devices And Tablets */
@media only screen and (max-width: 360px) {

	/* override height of dynamic grid for very small devices since those are touchscreen and can be scrolled horizontally (so the horizontal scrollbar can be miles below and it doesn't matter) */
	.wi_grid {
		max-height: 100000px;
	}
}



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


.break {
	clear: both;
}

/* End Element-specific styles */


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

.form-control {
	display: block;
	width: 100%;
	padding: 3px 6px;
	font-size: 9pt;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #96e1fa;
	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: 30px !important;
}

.wi_formcontrollabel {
	font-size: 11pt;
}

@media only screen and (max-width: 765px) {
	.wi_formcontrollabel {
		width: auto;
		min-width: 110px;
	}
}

.wi_formtableheader {
	font-size: 30pt;
}

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,
.wi_button,
.wi_button a,
.wi_button a:hover {
	color: #fff !important;
	background-color: #e8730b;
	border: none !important;
	height: auto;
	width: auto;
	font-weight: bold;
	padding: 5px 10px;
	margin: 5px;
}

/* Same as .Button but very long */
.ButtonLong,
.wi_buttonlong {
	width: auto;
}

/* Same as .Button but longer */
.ButtonMedium,
.wi_buttonmedium {
	width: auto;
}

/* Div that encloses the navigation buttons.  By default taking 100% width of its parent element */
.NavigationButtons,
.wi_navigationbuttons {

	/*position:relative;
    height:auto;*/
	padding: 10px 10px 10px 10px;
	width: 100%;
}

/*This Class is not being used at this point*/
.ButtonHover,
.wi_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,
.wi_buttonclick {
	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: none;
	color: #267dad;
	font-weight: bold;
}

a:visited {
	text-decoration: none;
	color: #267dad;
}

a:hover {
	text-decoration: underline;
	color: #e8730b;
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
	color: #e8730b !important;
}


/* 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 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: #e8730b;
	-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_buttonmenu td table td {
	font-size: 16pt !important;
}

.wi_buttonmenu ul li:hover {
	border: none;
	/*gets rid of white space when border pops up*/
	background-color: #fff;
	font-size: 11pt;
}


a.wi_buttonselectedmenuitem {
	color: #e8730b !important;
}

.ButtonMenuItem,
.wi_buttonmenuitem {
	height: 30px;
	overflow: hidden;
	/*background: url(imagesV2/menu_normal.png) 0 0 no-repeat;*/
	padding: 5px 0px 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 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: -1px;
	font-weight: normal;
	display: inline-table;
	/* Allows menu button to be click on without having to click on the text in the button */
	line-height: 32px;
	/* 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,
a:link.wi_buttonmenuitem {
	background-image: none !important;
	/*This is to avoid the background image in the menus showing up twice*/
	padding-left: 10px;
	margin-bottom: 0px;
	text-decoration: none;
	color: #666666;
	font-size: 12pt !important;
}

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

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

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

.ButtonHoverMenuItem,
.wi_buttonhovermenuitem {
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	vertical-align: middle;
	color: #666666 !important;
	font-size: 12pt !important;
}

.ButtonSelectedMenuItem,
.wi_buttonselectedmenuitem {
	width: 181px;
	height: 22px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt !important;
	font-weight: 600;
	text-align: left;
	vertical-align: middle;
	color: #FFFFFF !important;
}

/* 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#LoginViewBox {
	background: transparent;
	border-radius: 5px;
	text-align: right;
	margin-right: 5px;
}


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: #024883;
}

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: #024883;
}

a:visited.LoginViewText {
	text-decoration: underline;
	color: #024883;
}

a:hover.LoginViewText {
	text-decoration: underline;
	color: #024883;
}

a:active.LoginViewText {
	text-decoration: underline;
	color: #024883;
}


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: 50px;
	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-family: Verdana, Arial, Helvetica, sans-serif;
	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-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	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 {
	top: 0px;
	margin-top: 0px;
	width: 100%;
	max-width: 1500px;
	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;
}

/*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;
	position: relative;
	display: inline-block;
	right: 0;
	max-width: 195px;
	right: 0;
}

/* 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 */
}



span.phone-number {
	font-size: 21px;
	position: absolute;
	width: 200px;
	left: -245px;
	color: #287dad;
	line-height: 1;
}

@media only screen and (max-width: 360px) {
	span.phone-number {
		position: unset;
		width: 100% !important;
		text-align: center;
		margin-right: 15px;
	}
}


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

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


/* Div that contains the Login Control.  This Div provides the background image for the Login Control */

#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: 30px;
}

div#LoginText span {
	padding-top: 10px;
}

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




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

.LoginWelcomeText a {
	font-size: 12pt;
}

.LoginLabel {
	font-size: 16pt;
	color: #666;
}


/*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: #267dad;
}

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

.LoginWelcomeTextBlue b {
	font-weight: normal;
}



/*Survey*/

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

#lightbox-container {
	text-align: center;
	width: 100%;
	position: absolute;
	z-index: 100;
	margin-top: 30px;
}

#lightbox-panel {
	min-height: 600px;
	position: relative;
}

#lightbox-panel iframe {
	width: 50%;
	min-width: 320px;
	height: 650px;
	background-color: transparent !important;
}

@media only screen and (max-width: 430px) {
	#lightbox-panel iframe {
		height: 535px;
		margin-top: 15px;
	}
}

#lightbox-panel #close-panel {
	position: absolute;
	cursor: pointer;
	left: calc(50% - -430px/2);
	top: 20px;
	text-align: center;
}

@media only screen and (max-width: 1024px) {
	#lightbox-panel #close-panel {
		left: calc(50% - -400px/2);
	}
}


@media only screen and (max-width: 853px) {
	#lightbox-panel #close-panel {
		left: calc(50% - -370px/2);
	}
}

@media only screen and (max-width: 786px) {
	#lightbox-panel #close-panel {
		left: calc(50% - -315px/2);
	}
}

@media only screen and (max-width: 430px) {
	#lightbox-panel #close-panel {
		position: absolute;
		cursor: pointer;
		left: calc(50% - -250px/2);
		top: 20px !important;
		text-align: center;
	}
}

.survey-BG {
	margin-top: 30px;
	border-radius: 30px;
}

#survey {
	max-width: 500px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 30px;
	background-color: #eef3fb;
}

#thanks {
	background-color: #eef3fb;
	display: none;
	max-width: 500PX !important;
	margin: auto !important;
	padding-bottom: 15px;
}


#survey-TY textarea {
	max-width: 430px;
	margin-left: 0px;
}

#survey-TY #previousMenu {
	display: none;
}

@media only screen and (max-width: 430px) {
	#survey .comment {
		max-width: 270px;
	}

	#survey-TY textarea {
		max-width: 260px;
	}
}

#survey #Submit {
	margin-bottom: 30px;
}

#survey-TY h3,
#thanks h3 {
	text-align: left;
	color: #212529;
	margin-bottom: 30px;
	padding: 15px 45px 15px 15px;
	font-size: 18pt;
}

#questions {
	background-color: #eef3fb;
	padding: 30px;
	text-align: left;
	min-height: 350px;
	margin-top: -15px !important;
}

#questions h3 {
	color: #003c73;
	font-size: 16pt;
	padding-bottom: 15px;
}


#continue {
	margin-top: -15px;
}

#previous {
	margin-top: 100px;
}

#directions {
	max-width: 500px;
	line-height: 1.5;
}

@media only screen and (max-width: 430px) {
	#directions {
		top: 250px !important;
	}
}

.rounded-corners {
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px 8px 8px 8px;
}

/*End Survey*/

.Master_L1_LeftPanel {
	background: none !important;
}

.wi_footerMargin {
	margin-top: 0px;
	margin-right: 0px;
}

.wi_buttonhovermenuitem {
	border: none !important;
}

.row.wi_browserwarning_header_row,
.wi_browserwarning_header_row,
.wi_mobilemenu .input-group.wi_banner_menu_dropdown_div .input-group-prepend {
	display: none !important;
}

@media (max-width:760px) {
	img {
		max-width: 100%;
	}
}

div#LoginText {
	position: relative;
	vertical-align: top;
	padding: 10px 30px 30px 30px;
	font-size: 12pt;
}

div#LoginBox img {
	display: none;
	position: absolute;
	width: 100%;
}

.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: #e8730b;
	background-image: 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;
}



b,
strong {
	font-weight: 600;
}

table.bp-advantage span a {
	font-size: 12pt !important;
}

@media only screen and (max-width: 786px) {

	.top_orange_left {
		display: contents;
	}

	#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_UpdatePanel1 {
		padding-top: 0px;
	}

}

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

.table-responsive {
	margin-top: 30px;
}

#ContentPlaceHolder1_ContentPlaceHolder1__SignedDocuments1_UpdatePanel1,
#ContentPlaceHolder1_ContentPlaceHolder1__PendingForSignature1_UpdatePanel1 {
	display: flex;
}

#_LoginView1_LoggedOut {
	position: relative;
	xright: -45px;
}

@media only screen and (max-width: 786px) {
	#_LoginView1_LoggedOut {
		right: -60px;
	}
}

#_LoginView1_LoggedOut span {
	position: static;
	top: 15px;
	display: block;
	right: 15px;
}



li.wi_menu_row {
	margin: 0px 0px 0px -10px;
	list-style: none;
}


@media only screen and (max-width: 1200px) {
	.wi_menu_click_container {
		max-width: 90%;
	}
}

/* Refer a Friend */


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

.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: #043766;
	font-size: 18px;
}

.refer-a-freind-container h3 {
	color: #043766;
	text-align: center;
	font-size: 36px;
	letter-spacing: -.5px;
}

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

p.refer-phone {
	font-weight: bold;
	font-size: 30px;
	color: #043766;
	padding: 5px 0;
}

@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) {
	.refer-a-freind-container {
		top: 1525px;
		left: 20px;
		max-width: 355px;
	}

	.address {
		top: 960px;
	}

	div#Master_L0_CopyRight {
		margin-top: 60px;
	}

	#ContentPlaceHolder1_Master_L1_CenterBottomPanel .address {
		top: 0px;
	}
}

@media only screen and (max-width: 390px) {
	.refer-a-freind-container {
		left: 20px;
		top: 1450px;
		max-width: 315px;
	}

	.address {
		top: 915px;
		margin-left: 15px;
	}

	#Master_L1_BottomContent {
		padding-top: 0px;
		margin-left: 15px;
		;
	}

}

div#Master_L0_Wrapper {
	position: relative;
	width: 100%;
	margin: auto;
	height: 100%;
}

div#Master_L0_Wrapper-TopShadow {
	background: none;
	background-color: #f3f3f3;
	width: 100%;
	height: 18px;
}

div#Master_L0_Header {
	padding-left: 15px;
	padding-top: 10px;
	background: url(imagesV2/1_header-new4.png) 0px 0px no-repeat;
	border-left: 0px;
	border-right: 0px;
	z-index: 1;
	height: 107px;
	width: 100%;
	margin: 0 auto;
}

div#Master_L0_Footer {
	margin-top: 0px;
	margin-left: 11px;
	background: none;
	width: 985px;
	height: 31px;
}


div#Master_L0_MainContent {
	position: relative;
	margin: 0 auto;
	background: white;
	border-left: 0px;
	border-right: 0px;
	max-width: 1500px;
}

div#Master_L0_Wrapper-BottomShadow {
	background: #f3f3f3;
	margin-top: -0px;
	width: 1008px;
	height: 18px;
	display: none;

}

div#Master_L0_CopyRight {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	line-height: 10px;
	font-variant: normal;
}

.LoginViewBox {
	float: right;
	text-align: right;
	right: 15px;
	width: 315px;
	height: 61px;
	clear: both;
	background: none !important;
}

.LoginViewText {
	float: right;
	position: absolute;
	text-align: right;
	width: 315px;
	height: 30px;
	top: 25px;
	right: 30px;
	clear: both;
	background: transparent;
	font-size: 12px;
	color: White;
}

.LoginViewText span {
	line-height: 22px;
}

a:link.LoginViewText {
	text-decoration: underline;
	color: #287dad;
}

a:visited.LoginViewText {
	text-decoration: underline;
	color: #287dad;
}

a:hover.LoginViewText {
	text-decoration: underline;
	color: #287dad;
}

a:active.LoginViewText {
	text-decoration: underline;
	color: #287dad;
}

td#Master_L1_LoginContent {
	width: 580px;
	margin-left: 20px;
	margin-top: 20px;
	float: left;
}

.MasterFooter {
	text-align: right;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	display: none;
}

.Master_L1_MasterTable {
	margin-right: 0px;
	top: 0px;
	margin-top: 0px;
	width: 100%;
}

.Master_L1_LeftPanel {
	width: 195px;
	vertical-align: top;
	margin-bottom: unset;
	padding-bottom: unset;
}

div#Master_L1_Menu {
	position: relative;
	float: left;
	height: auto;
	margin-top: 10px;
	margin-left: 10px;
	width: 190px;
}

.Master_L1_RightPanel {
	vertical-align: top;
	width: 195px;
}

.Master_L1_NavButtons {
	padding: 10px;
	/*     position: relative;*/
	/*Commented out due to problem in IE7 - Navigation Buttons were disabled - Issue # 21786 */
}

.topup {
	background-color: #4682B4;
	color: #FFFFFF;
	float: left;
	margin: -10px 2px 13px -15px;
	padding: 0 2px 0 1px;
	width: 103%;
}

.what {
	color: #FFFFFF;
	float: left;
	font-size: 21px;
	font-weight: bold;
	margin: 10px 0 0 24px;
}

.para {
	float: left;
	font-family: arial;
	font-size: 12pt;
	margin: -285px 0 0 135px;
	width: 540px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0059af;
	padding-bottom: 20px;
}

.address {
	font-size: 11pt;
}

.Button {
	background: url(imagesV2/button_normal_new.png) 0 0 no-repeat;
	color: #fff;
	border: none !important;
	height: 29px;
	width: 97px;
}

.ButtonMedium {
	background: url(imagesV2/button_medium.png) 0 0 no-repeat;
	width: 142px;
}

div#LoginBox {
	position: relative;
	width: 359px;
	height: 323px;
	float: right;
	overflow: hidden;
	background: linear-gradient(#eef3fb, white) !important;
	border-radius: 15px;
	margin-top: 6px;
	width: 100%;
	height: auto;
}

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

.LoginWelcomeTextBlue {
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 15px;
	color: #0059af;
}

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

.top {
	width: 100%;
	height: 16px;
	background: none;
	position: relative;
}

.top span {
	display: block;
	position: relative;
	height: 16px;
	background: none;
}

.center-content {
	position: relative;
	background: none;
	padding: 1px 20px 1px 25px;
	margin: 0 0 0 0;
}

.bottom {
	height: 16px;
	background: none;
}

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

.top_orange_left {
	display: block;
	position: absolute;
	margin-left: 0px;
	height: 30px;
	background: none;
	/* The remaining properties position and style the text that resides on the orange header bar */
	padding-top: 11px;
	padding-left: 20px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

@media only screen and (max-width: 415px) {
	.top_orange_left {
		position: relative;
		padding: 0 !important;
	}
}

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

.TableFooter {
	margin-top: 0px;
	margin-left: 11px;
	font-family: Verdana, 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;
}

.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: 5000px;
	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;
}

#ctl00_ctl00_ContentPlaceHolder1__Login1_LoginView1_Login1_UserNameLabel,
#ctl00_ctl00_ContentPlaceHolder1__Login1_LoginView1_Login1_PasswordLabel {
	color: #024883;
	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;
}

#_LoginView1_lnkLoginNow {
	display: none;

}

#ctl00_ctl00_ContentPlaceHolder1__Login1_LoginView1_Login1_LoginButton {
	margin-bottom: 10px;
	margin-left: 25px;
}

#ctl00_ctl00_ContentPlaceHolder1__Login1_LoginView1_Login1_UserName,
#ctl00_ctl00_ContentPlaceHolder1__Login1_LoginView1_Login1_Password {
	width: 150px;
}

.LoginTopLinks {
	right: -100%;
	position: absolute;
	top: -165px;
	width: auto;
	padding-right: 30px;
	font-size: 12px;
	font-weight: bold;
}

.LoginTopLinks p {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

.wi_userinfo {
	position: relative;
	right: 10px;
}


@media only screen and (max-width:1024px) {
	.wi_userinfo {
		display: none;
	}
}

@media only screen and (max-width:992px) {
	.LoginTopLinks {
		margin-right: 15px;
		text-align: right;
	}

	div#LoginText {
		position: relative;
		vertical-align: top;
		padding: 10px 30px 30px 30px;
		font-size: 12pt;
		margin-bottom: 400px;
	}
}

@media only screen and (max-width:786px) {
	.LoginTopLinks {
		position: absolute;
	}

	.wi_userinfo {
		right: 0;
		top: -15px;
	}
}

@media only screen and (max-width:560px) {
	.LoginTopLinks {
		top: -100px;
		position: absolute;
		right: 0;
	}

	.wi_userinfo {
		top: -80px;
	}
}

@media only screen and (max-width:415px) {
	.LoginTopLinks {
		margin-right: -10px;
	}
}

@media only screen and (max-width:360px) {
	.LoginTopLinks {
		width: 100%;
	}
}

.LoginTopLinks a {
	clear: both;
	color: #024883;
	/*color:#FFF;*/
	text-decoration: none;
}

.LoginTopLinks a:hover {
	color: #FFA13A;
}


@media only screen and (max-width:360px) {
	.LoginTopLinks a {
		font-size: 12px
	}
}

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

.imgMoving {
	width: 100%;
}

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

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

.hidden {
	visibility: hidden;
}


.ctl00_ctl00_ContentPlaceHolder1__LeftPanel1__Menu1_viewMainMenu_menuClient_3 {
	font-size: 12pt !important;
}

.wi_formtableheader {

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



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



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

#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: none;
}

.top-help {
	float: right;
	position: relative;
	text-align: right;
	padding-top: 18px;
	padding-right: 38px;
	height: 20px;
	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 */

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

.top_orange_left {
	display: block;
	margin: 0 auto;
	text-align: center;
	background: #fff !important;

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

.top_orange_right {
	float: right;
	position: relative;
	text-align: right;
	padding-top: 11px;
	padding-right: 11px;
}

.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;
}


.wi_boxeditable {
	/*border: solid 1px #bfd2fb;*/

	/* this prevents dynamic screen fields from becoming huge on large displays
		if you need a comments multiline field use a different class
	*/
	max-width: 300px;

}

.wi_boxeditable_small {
	/*a version used for small numbers such as number of months or monthly payment amount
	*/
	max-width: 100px;

}

/* Currency Form Control */
.wi_fc_currency {
	min-width: 100px;
}

/* Percentage Form Control */
.wi_fc_percent {
	min-width: 75px;
}

/* Date Form Control */
.wi_fc_date {
	min-width: 97px;
}

/* CS Date Input Group*/
.wi_ig_csd {
	max-width: 150px;
}

.wi_ig_csd {
	background-color: #c4e8f5 !important;
}

/* CS Currency Input Group*/
.wi_ig_csc {
	max-width: 150px;
}

/* CS SSN Input Group*/
.wi_ig_ssn {
	max-width: 150px;
}


/* bank account dropdown */
.wi_dropdown_ba {
	max-width: 350px;
}

/* credit card dropdown */
.wi_dropdown_cc {
	max-width: 350px;
}

/* BEGIN TEXT STYLES */

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

.wi_errormessagesmall {
	font-size: 11px;
	color: #a94442 !important;
	font-weight: bold;
}

.wi_errormessage {
	color: #a94442 !important;
}


.wi_errorasterisk {
	font-size: xx-large;
	color: #a94442 !important;
}

.wi_justtext {
	font-size: 10px
}

.wi_justboldtextsmall {
	font-weight: bold;
	font-size: 10px
}

.wi_justboldtext {
	font-weight: bold;
}


a.wi_justboldtextsmall {
	font-weight: bold;
	font-size: 10px
}

.wi_notification {
	/*font-size: 12px;*/
	color: orange;
	font-weight: bold;
}

.wi_mobilebuttonsummary {
	font-weight: bold;
	/*font-size: 11px;*/
}

.wi_mobilebuttonrowcount {
	font-weight: bold;
	font-size: 16px;
}

.wi_mobilebuttondescription {
	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;
}

/*.wi_pager td table {
	width: 100%;
    max-width: 500px;
}*/

.wi_pager td table tbody tr td {
	min-width: 30px;
	max-width: 60px;
}

.PageTitles,
.wi_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-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: top;
	border: solid 1px #DEE4EF;
}

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

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

.TableHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 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-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 10px;
	color: #000;
	background: #CECECE center top;
	text-align: left;
	vertical-align: middle;
	text-transform: none;
	padding: 2px
}

.TableRowSelected {
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #ABC0E7;
}

/* Tables and other lists layout */
/* wi_ig_ are infragistics webdatagrid */
/* wi_ are datagridview */
.wi_ig_table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: top;
	/*border:solid 1px #DEE4EF;*/
}

.wi_ig_tablerow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	/* cleaner this way
		border: 1px solid #eaeaea;
		*/
	height: 22px;
}

.wi_ig_tablerowalt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #EFEFEF;
	text-align: left;
	vertical-align: middle;
	/* cleaner this way
	border: 1px solid #E3e3e3;
		*/
	height: 22px;
}

.wi_ig_tableheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 10px;
	color: #000;
	/*	background: #B0B0B0 center top;*/
	background: #e8e8e8 center top;
	/*
this can be used if you don't want a background
    border-bottom: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
*/
	text-align: center;
	vertical-align: middle;
	/* this looks ugly text-transform: uppercase ;*/
	padding: 2px;
}

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

.wi_ig_tablerowselected {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #ABC0E7;
}

/*.wi_ig_tablerow:hover {
	border: 1px solid red !important;
}*/

.wi_table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #FFFFFF;
	/*text-align: center;*/
	vertical-align: top;
	/*border:solid 1px #DEE4EF;*/
}

/*
	.wi_tablerow {}

.wi_tablerowalt{}
		*/

.wi_tableheader {
	/* so the header is slightly darker than the alternate rows*/
	background-color: #e8e8e8 !important;
}

.wi_tablesubheader {
	color: #000;
	background: #CECECE center top;
	text-align: left;
	vertical-align: middle;
}

.wi_tablerowselected {
	font-weight: bold;
}



/* BEGIN FOOTER STYLES AND FORMATTING */

.TableFooter,
.wi_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;
}

.wi_ig_tablefooter {
	margin-top: 0px;
	margin-left: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-align: right;
	text-transform: uppercase;
	width: 100%;
	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,
.wi_menupanel {
	font-family: Arial, Helvetica, sans-serif;
	color: #e8730b;
	font-size: 2rem;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	width: 100%;
}

/* new v11 menu*/

#ContentPlaceHolder1_Master_L1_LeftPanel {
	background-color: #fff;
}

.wi_menu_arrow {
	display: none;
}

.wi_master_l1_leftpanel .wi_menu_item_title:not(:has(span)) {
	margin-left: 0px;
	font-size: 16px;
	letter-spacing: .5px;
}

/* 
.wi_master_rightheaderside {
} 
*/

/* clickable menu item*/
.wi_menu_click_container {
	padding: 5px;
	cursor: pointer;
	border: none;
	/*transparent*/
	border-color: transparent;
	background-color: #fff;
	overflow-x: hidden;
	font-weight: 600;
	font-size: 20pt;
}

/* adds blue border when user hovers menu item */
.wi_menu_click_container:hover {
	border: none;
	/*gets rid of white space when border pops up*/
	background-color: #fff;
	color: #003c73;
}

/* selected menu item */
.wi_menu_click_container.wi_menu_item_selected {
	background-color: #fff;
	color: #267CAC;
	font-weight: 700;
}

/* if you use images in the HTML of the button, they will show white when the button is selected */
.wi_menu_click_container.wi_menu_item_selected .wi_menu_item_title .fas {
	color: white;
}


li.wi_menu_row {
	margin: 0px;
}

.wi_top_orange {
	background-color: #fff;
}

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

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

#ContentPlaceHolder1_ContentPlaceHolder1_CurrentPasswordRow {
	margin-top: 30px;
}

#ContentPlaceHolder1_ContentPlaceHolder1_FormView1_lblDocumentType_lblLabel,
#ContentPlaceHolder1_ContentPlaceHolder1_FormView1_ddlDocumentTypes {
	display: none;
}

.wi_menuname {
	display: none;
}

#_LoginView1_PrevLoginContainer {
	display: none;
}


#ContentPlaceHolder1_ContentPlaceHolder1__DynamicLayout_CUSTOM_DQ_PAYBYPHONEWEBACH_PaymentDate_ig1 {
	display: inline-flex;
	height: 30px;
	margin-bottom: 30px;
}


#ContentPlaceHolder1_ContentPlaceHolder1_gridAccounts td,
#ContentPlaceHolder1_ContentPlaceHolder1_gridAccounts td a {
	font-size: 10pt;
}

#_LeftPanelMobile2__Menu1_CurrentMenuTitle {
	background-color: #fff;
	color: #003c73;
	max-width: 180px;
}

.wi_mobilemenu_toggler {
	background-color: #fff;
}

.wi_mobilemenu_show {
	top: -35px;
}

/* END New V11 Menu */

/* 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 #267CAC;
	;
	list-style-type: none;
}

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

.input-group-text {
	display: unset;
}


/* End V11 Calendar */

/* BEGIN FORM STYLES */



.FormTableHeader,
.wi_formtableheader {
	font-weight: bold;
	color: #FF7C00;
	font-size: 14pt !important;
}

/* Affects style for the entire table that contains form labels and fields */
.FormTable,
.wi_formtableheader {
	/*padding:3px!important;*/
	font-size: 14pt !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;
}

.wi_formtableheader label {
	padding-right: 5px;
	/*for the Activate checkbox*/
}

.wi_radiobuttonlist tbody tr td input {
	margin-left: 20px;
}

.wi_radiobuttonlistalt tbody tr td input {
	margin-left: 15px;
	font-size: 10px;
	font-weight: normal;
}

/* Affects style for the entire table that contains form labels and fields */
.wi_formtable {
	padding: 3px !important;
}

/* Affects style for left column on form that contains labels (i.e. First Name, Last Name, etc.) -   */
.wi_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) */
.wi_formcolumnalt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	vertical-align: middle;
	padding: 2px !important;
}

.wi_formcontrollabel {
	/* font-size: 11px; */
	font-weight: bold;
	color: #7A95BF;
}

.wi_formcontrollabelcheckbox {
	vertical-align: top;
}

.wi_formcontrollabelrequired {
	/* font-size: 11px; */
	font-weight: bold;
	color: #3d5b8a;
}

.wi_formcontrolcheckbox {
	/* make the checkbox a little big bigger (too small by default) */
	height: 16px;
	width: 16px;
	margin-left: 10px;
}


/* month day year dropdowns*/
.wi_month_dd {
	max-width: 180px;
}

.wi_day_dd {
	max-width: 120px;
}

.wi_year_dd {
	max-width: 120px;
}

/* END FORM STYLES */




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

wi_detailsview_table {
	/* this adds too much spacing. but without it the fields shrink too much */
	/* to fix once I am back at the office 
			width:100%;	 
			*/
	/* after removing the tr padding which affected all the tables, I am adding this to just space out controls in the details view */
	border-collapse: separate;
	border-spacing: 3px 3px;

}

/* to fix once I am back at the office 
	.wi_detailsview_table tbody tr td {
		display: inline-flex;
	}
		*/
.wi_formview_table {
	margin-top: 20px;
}

.wi_detailsview_issue {
	/*Fix alignment between details view and additional fields for dynamic issue */
	width: 80%;
}

.wi_messagecenterfields_issue {
	/*Fix alignment between details view and additional fields for dynamic issue */
	width: 82%;
}

/* Encloses the content of the _Message.ascx control.  This control is used to provide some warning messages in the application. */
div.Message,
div.wi_message {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 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;
}

/* Affects the style of some of the warning message displayed in the application.  For Example: Duplicates found. */
.Warning,
.wi_warning {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 2px 1px 1px 5px;
	color: #D56D08;
	text-align: left;
	vertical-align: middle;
}

.wi_message {
	font-size: 14px;
	/*font-weight: bold;*/
	color: #333;
	text-align: center;
	vertical-align: middle;
	border-radius: 4px;
	padding: 5px;
}


.wi_formview_row {
	display: flex;
}


div.ViewDuplicates {
	text-align: right !important;
}

.DayOfMonth,
.wi_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: 5000px;
	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;
}

.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,
.wi_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: 100px;
	top: -80px;
	border-style: solid;
	border-width: 4px;
	border-color: blue;
	background-color: white;
	padding: 5px;
	color: red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 600;
	z-index: 2;
	visibility: hidden;
	width: 200px;
	text-align: left;
	vertical-align: middle;
	float: left;
}


.wi_processingpopup {

	position: fixed;
	top: 40%;
	left: 30%;
	right: 30%;
	/*
   width:300px;
   height:50px;
   text-align:center;
   background-color:White;
   border:solid 3px black;
		   */


	/*
   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: 60px;
	   */


	/*
	   border:solid 2px #6684B3;
	   */
	border-radius: 5px;
	background-color: #FFFFFF;
	text-align: center;
	z-index: 2000;
}

.wi_processingpopupimage {
	width: 100%;
	padding: 10px;
	max-width: 400px;
	/*Otherwise it looks weird and grainy on very big screens*/
}

/*
.wi_processingpopuplabel {


}


.wi_togglebuttongroup {
	padding-bottom: 5px;
}

.wi_navtabs {
	margin-bottom:10px;

}
*/

.LabelWithTooltip {
	border-bottom: 1px dotted #000;
	cursor: pointer;
}

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

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

.PaymentCalculatorReport,
.wi_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,
.wi_informationmage {
	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: #024883;
	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%;
	min-width: 280px;
	background-clip: padding-box;
	border-color: #96e1fa;
	height: 40px;
	padding-left: 10px;
}

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



.wi_recurringimage {
	background: url(imagesV2/061redogreen.png) 0 0 no-repeat;
	border: none;
	vertical-align: middle;
	width: 18px;
	column-width: 18px;
}

.wi_onetimedraftimage {
	background: url(imagesV2/400left16x16.png) 0 0 no-repeat;
	border: none;
	vertical-align: middle;
	width: 18px;
	column-width: 18px;
}

.wi_checkimage {
	background: url(imagesV2/Checks16x16.png) 0 0 no-repeat;
	border: none;
	vertical-align: middle;
	width: 18px;
	column-width: 18px;
}

.wi_bigicon {
	font-size: 22px;
}



/*end calendar popup*/




@media only screen and (max-width:1024px) {

	#ctl00_ctl00_ContentPlaceHolder1__Login1_LoginView1_Login1_UserName,
	#ctl00_ctl00_ContentPlaceHolder1__Login1_LoginView1_Login1_Password {
		min-width: 240px;
	}
}

#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;
}

.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: #e8730b;
	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;
}




/* icons next to the file name in the issue note, to indicate signed/approved/rejected */
.wi_img_signed {
	color: dimgray;
}

.wi_img_rejected {
	color: indianred;
}

.wi_img_approved {
	color: mediumseagreen;
}


/* special color for sign/approve/reject buttons */

/*
   .wi_button_sign {
   }
   .wi_button_approve {
   }
   .wi_button_reject{
   }
   .wi_button_signandapprove {
   }
   .wi_button_pay{
	 }
   
   */
.wi_row_approvedsignedrejected {
	display: none;
}


#ContentPlaceHolder1_ContentPlaceHolder1__DQ_AddIssue__DynamicLayout_ctl03_lblSectionTitle_lblLabel {
	display: none;
}

/* 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%;
}

.wi_multiLine {
	min-width: 60%;
	/*width:80%;*/
	/* This settings its overwritting bootstrap*/
}

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

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

/* used to put two glyphs together like in the message center New Message button */
.wi_two_glyphs_black {
	background-color: #3d5b8a;
	/*background-color: black;
	   */
	border-radius: 5px;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 0px;
	margin-right: 5px;
}

/* to separate the glyph from the text in the MessageCenterDetails */
.wi_glyph_in_span_black {
	padding-right: 5px;
	color: white;
	/*This makes it work with wi_two_glyphs_black*/
}

.wi_glyph_in_span {
	color: #3d5b8a;
	padding-right: 5px;
}

.wi_paynow_issue {
	text-align: center;
	/* center the Pay Now button on the Issue Details screen */
}

/* password meter */
.wi_meter {
	/* Reset the default appearance */
	/*-webkit-appearance: none;
	 -moz-appearance: none;
	 appearance: none;*/
	/*
	   margin: 0 auto 1em;
	 */
	width: inherit;
	/*
	 height: 0.5em;
	   */
	/* Applicable only to Firefox */
	/*background: none;
	 background-color: rgba(0, 0, 0, 0.1);
	   */
}

/*.wi_meter::-webkit-meter-bar {
	   background: none;
	   background-color: rgba(0, 0, 0, 0.1);
	 }*/

/* Webkit based browsers */
.wi_meter[value="1"]::-webkit-meter-optimum-value {
	background: red;
}

.wi_meter[value="2"]::-webkit-meter-optimum-value {
	background: red;
}

.wi_meter[value="3"]::-webkit-meter-optimum-value {
	background: red;
}

.wi_meter[value="4"]::-webkit-meter-optimum-value {
	background: red;
}

.wi_meter[value="5"]::-webkit-meter-optimum-value {
	background: orange;
}

.wi_meter[value="6"]::-webkit-meter-optimum-value {
	background: orange;
}

.wi_meter[value="7"]::-webkit-meter-optimum-value {
	background: yellow;
}

.wi_meter[value="8"]::-webkit-meter-optimum-value {
	background: yellow;
}

.wi_meter[value="9"]::-webkit-meter-optimum-value {
	background: green;
}

.wi_meter[value="10"]::-webkit-meter-optimum-value {
	background: green;
}


/* Gecko based browsers */

.wi_meter[value="1"]::-moz-meter-bar {
	background: red;
}

.wi_meter[value="2"]::-moz-meter-bar {
	background: red;
}

.wi_meter[value="3"]::-moz-meter-bar {
	background: red;
}

.wi_meter[value="4"]::-moz-meter-bar {
	background: red;
}

.wi_meter[value="5"]::-moz-meter-bar {
	background: orange;
}

.wi_meter[value="6"]::-moz-meter-bar {
	background: orange;
}

.wi_meter[value="7"]::-moz-meter-bar {
	background: yellow;
}

.wi_meter[value="8"]::-moz-meter-bar {
	background: yellow;
}

.wi_meter[value="9"]::-moz-meter-bar {
	background: green;
}

.wi_meter[value="10"]::-moz-meter-bar {
	background: green;
}


.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;
}



.wi_row_no_padding {
	margin-left: 0 !important;
	margin-right: 0 !important;

}

.wi_row_no_padding>[class*="col-"] {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.wi_messages_badge {
	margin-left: 7px;
	background-color: darkorange !important;
}

.wi_messages_envelope {
	color: #3d5b8a;
	font-size: 1.2em;
}

.wi_new_messages_label {
	margin-left: 7px;
	color: darkorange;
	background-color: transparent;
	border: 2px solid darkorange;
	font-size: x-small;
	font-weight: bold;
	color: darkorange;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;

}

.wi_messages_button {
	margin: 5px;
}

.wi_loginview_messagecenter {
	border: none;
	box-shadow: none;
	background-color: transparent;
	/* this makes sure the icons all line up vertically*/
	display: inline-flex;
}

.wi_loginview_welcomeuser_dropdown {
	border: none;
	background-color: transparent;
	width: 75px;
}

.wi_messagecenter_new_label {
	font-size: 10px;
	font-weight: bold;
	color: orange;
	vertical-align: middle;
	width: 15px;
	column-width: 15px;
}


/* the toolbar at the top of a message */
.wi_messagecenterdetails_btngroup {
	margin-bottom: 10px;
}

.wi_dq_dropdown {
	width: auto;
}

.wi_dq_singleselection label {
	padding-left: 10px;
}

.wi_dq_singleselection input {
	margin-top: 10px;
}

.wi_dq_form .wi_dq_dropdown_div {
	padding-top: 10px;
}

.wi_dq_form .wi_dq_singleselection_div {
	padding-top: 10px;
}

.wi_dq_form .wi_dq_checkbox_div {
	padding-top: 10px;
}

.wi_dq_form .wi_dq_searchbox_div {
	padding-top: 10px;
}

.wi_dq_form .wi_dq_readonly_div {
	padding-top: 10px;
}

.wi_dq_form .wi_dq_open_div {
	padding-top: 10px;
}

.wi_dq_submit {
	margin-top: 10px;
}

/*.ICCO_DropDownHamburger
{
  background: url(imagesV2/StackBlackB16x16.png);
  background-position:right;
  background-repeat:no-repeat;
	-webkit-appearance: none;
	width:16px;
	height:16px;
}*/

.wi_buttonmenuitem {
	background: #fff !important;
}

@media only screen and (min-width: 400px) and (max-width:699px) {
	/*.ICCO_DropDownHamburger {
	   background: url(imagesV2/StackBlackBW32x32.png);
	   background-position: right;
	   background-repeat: no-repeat;
	   -webkit-appearance: none;
	   width: 32px;
	   height: 32px;
   }*/
}

@media only screen and (min-width: 700px) {
	/*.ICCO_DropDownHamburger {
		   background: url(imagesV2/StackBlackBW64x64.png);
		   background-position: right;
		   background-repeat: no-repeat;
		   -webkit-appearance: none;
		   width: 64px;
		   height: 64px;
	   }*/
}



/* For something other than big screens */
@media only screen and (max-width: 699px) {

	.center-content {
		padding: 0px 0px 0px 0px;
	}

	/* if we do this to try to get rid of padding on smaller screens, we end up with a scrollbar at the bottom 
   .Master_L1_CenterPanel {
	   padding: 0px 0px 0px 0px;
   }
	   */

}

/* For big screens */
@media only screen and (min-width: 700px) {

	.center-content {
		padding: 30px 5px 5px 10px;
		background: none;
	}
}



/* For very big screens */
@media only screen and (min-width: 992px) {

	.wi_formcontrollabel {
		text-align: right;
	}

	.wi_formcontrollabelrequired {
		text-align: right;
	}

}

@media only screen and (max-width: 440px) {

	.wi_formcontrollabel {
		text-align: left;
		width: auto;
		min-width: 100px;
	}

	.wi_formcontrollabelrequired {
		text-align: left;
	}

}

/*PANEL WITH TABS - USED ON BANK ACCOUNT TRANSACTIONS*/

.panel with-nav-tabs .nav-tabs {
	border-bottom: none;
}

.panel with-nav-tabs .nav-justified {
	margin-bottom: -1px;
}

.with-nav-tabs .nav-tabs>li>a,
.with-nav-tabs .nav-tabs>li>a:hover,
.with-nav-tabs .nav-tabs>li>a:focus {
	color: #777;
}

.with-nav-tabs .nav-tabs>.open>a,
.with-nav-tabs .nav-tabs>.open>a:hover,
.with-nav-tabs .nav-tabs>.open>a:focus,
.with-nav-tabs .nav-tabs>li>a:hover,
.with-nav-tabs .nav-tabs>li>a:focus {
	color: #777;
	background-color: #ddd;
	border-color: transparent;
}

.with-nav-tabs .nav-tabs>li.active>a,
.with-nav-tabs .nav-tabs>li.active>a:hover,
.with-nav-tabs .nav-tabs>li.active>a:focus {
	color: #555;
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: transparent;
}

.wi_indicator {
	float: right;
	text-align: center;
	vertical-align: baseline;

}

.wi_multiselect {
	/*height: 0px;*/
	visibility: hidden;
	display: none
}

.wi_TopAlert_TextMessage {
	font-size: 11px;
	color: steelblue;
	vertical-align: middle;
	margin-left: 3px;
	/*margin-bottom: 10px;*/
	text-align: left;
	/*padding-right: 350px;*/
	padding-left: 12px;
	padding-bottom: 6px;
	padding-top: 10px;
}

/*bug in bootstrap https://stackoverflow.com/questions/50349017/how-can-i-change-cursor-for-disabled-button-or-a-in-bootstrap-4 */
button:disabled {
	cursor: not-allowed;
	pointer-events: all !important;
}

.canvasSimpleDiv {
	cursor: wait;
}

.canvasSimple {
	border: solid 1px #333;
	cursor: pointer;
}


.wi_signature_canvas {
	width: 100%;
	height: 100%;
	min-width: 300px;
	min-height: 150px;
	max-width: 600px;
	max-height: 300px;
}


.wi_initials_canvas {
	width: 100%;
	height: 100%;
	min-width: 150px;
	min-height: 75px;
	max-width: 300px;
	max-height: 150px;
}

.wi_signature_select {
	font-size: 40px;
}


/* SIGNATURE FONTS */
@font-face {
	font-family: ICCOSign1;
	src: url('fonts/ICCOSign01.ttf');
}

@font-face {
	font-family: ICCOSign2;
	src: url('fonts/ICCOSign02.ttf');
}

@font-face {
	font-family: ICCOSign3;
	src: url('fonts/ICCOSign03.ttf');
}

@font-face {
	font-family: ICCOSign4;
	src: url('fonts/ICCOSign04.ttf');
}

@font-face {
	font-family: ICCOSign5;
	src: url('fonts/ICCOSign05.ttf');
}

@font-face {
	font-family: ICCOSign6;
	src: url('fonts/ICCOSign06.ttf');
}

@font-face {
	font-family: ICCOSign7;
	src: url('fonts/ICCOSign07.ttf');
}

@font-face {
	font-family: ICCOSign8;
	src: url('fonts/ICCOSign08.ttf');
}

@font-face {
	font-family: ICCOSign9;
	src: url('fonts/ICCOSign09.ttf');
}

@font-face {
	font-family: ICCOSign10;
	src: url('fonts/ICCOSign10.ttf');
}

@font-face {
	font-family: ICCOSign11;
	src: url('fonts/ICCOSign11.ttf');
}

@font-face {
	font-family: ICCOSign12;
	src: url('fonts/ICCOSign12.ttf');
}

@font-face {
	font-family: ICCOSign13;
	src: url('fonts/ICCOSign13.ttf');
}

@font-face {
	font-family: ICCOSign14;
	src: url('fonts/ICCOSign14.ttf');
}

@font-face {
	font-family: ICCOSign15;
	src: url('fonts/ICCOSign15.ttf');
}

@font-face {
	font-family: ICCOSign16;
	src: url('fonts/ICCOSign16.ttf');
}



/*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 {
	background-color: #fff;
	color: #1e6a9b;
	border: 2px solid #96e1fa;
	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;
}

.dropdown-menu {
	width: auto;
	border: 2px solid #96e1fa;
	border-radius: 0px;
}


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;
}

.wi_mobilemenu select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* SVG background image */
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-size: .6em;
	background-position: calc(100% - 1.3em) center;
	background-repeat: no-repeat;
}


@media only screen and (max-width:1024px) {
	.wi_mobilemenu {
		display: block;
		margin-top: 110px;
		max-width: 250px;
		width: 250px;
	}

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

	}

	.Master_L1_LeftPanel {
		display: none;
	}

	#ctl00_ctl00__LoginView1_LoginView1_btnProfile {
		display: none;
	}

	select option[value="-2"] {
		display: none !important;
		-webkit-appearance: none !important;
		appearance: none;
	}
}

@media only screen and (max-width:767px) {
	.wi_mobilemenu {
		margin-top: 60px;
	}
}

@media only screen and (max-width:540px) {
	.wi_mobilemenu {
		margin-top: 60px;
	}
}


@media only screen and (max-width:415px) {
	.Master_L0_Header {
		height: 110px;
		margin-top: 15px;
	}

}


@media only screen and (max-width:360px) {
	.Master_L0_Header {
		height: 100px;
	}
}

.themecredit {
	line-height: 1.4;
}

.wi_menuName {
	display: none;
}