/* *****************************************************************************
	ATTENTION!
	
	With responsive design we want to create some general rules for screen sizes
	and what that should mean in regards to layout.  The following thresholds
	will give us some consistency:
	
		Phone Views: 			0-640px 	 (max-width: 640px)
		Table Portrait Views: 	641px-790px  (max-width: 790px)
		Tablet Landscape Views: 791px-1024px (max-width: 1024px)
		
***************************************************************************** */

body {
	color: #555555;
}

/*************************** Header ***************************/

.topWrapper a:link {
	color:#3b5672;
}

.topWrapper a:visited {
	color:#3b5672;
}

.topWrapper a:hover {
	color:#3b5672;
}

.topWrapper a.active {
	color:#3b5672;
}

/*************************** Navigation Bar ***************************/

.navMenuWrapper,	
.authTopNav li,
.unauthTopNav li	{
	background: url("/onlineCard/static/elan/img/elanNavBG.png");
	background-repeat:repeat-x; 
	border-bottom:1px solid #999;
}

.activeMenuItem {
	background-color:#3b5672; 
}
.inactiveTab {
	background-color: #e0e0e0;
}
ul.leftNav li.activeMenuItem a.activeMenuItem,
ul.leftNav li.activeMenuItem a.activeMenuItem:link,
ul.leftNav li.activeMenuItem a.activeMenuItem:hover,
ul.leftNav li.activeMenuItem a.activeMenuItem:visited,
ul.leftNav li.activeMenuItem a.activeMenuItem:active {
	color: #FFFFFF;
}
ul.leftNav li a,
ul.leftNav li a:link,
ul.leftNav li a:hover,
ul.leftNav li a:visited,
ul.leftNav li a:active {
	color:#555555;
}

ul.leftNav li {
	border-right: 1px solid #cfcfcf; 
	cursor:pointer;
}
ul.leftNav li.leftMost {
	border-left: 1px solid #cfcfcf; 
}

/*************************** Footer ***************************/

.bottomWrapper {
    color:#555555;
    background-color:#e0e0e0;
}
.bottomWrapper a:link,
.bottomWrapper a:visited,
.bottomWrapper a:hover,
.bottomWrapper a:active {
	color: #3b5672;
}

.footer a:link,.footer a:active,.footer a:visited {
	color:#FFFFFF;
}

#layoutSecurityStandardsMessageArea {
	color: White;
}
#layoutCopyrightMessageArea {
	color: White;
}

a.securityStdLink:link,a.securityStdLink:active,a.securityStdLink:visited {
	color:#FFFFFF
}


/*************************** Button ***************************/


.tranCoreButton, btn,
button[data-svc-action].svc-btn,
input[type="button"][data-svc-action].svc-btn,
input[type="submit"].svc-btn,
.svc-btn-primary, 
.svc-btn-secondary{
    border:0px;
    display:inline-block;
    font-weight: bold;
    vertical-align:middle;
    text-align:center; 
    /*white-space:pre;  -- causing buttons on the trancore transDetails to be huge.*/
    /* background: #2989d8;  Old browsers
	 IE9 SVG, needs conditional override of 'filter' to 'none' 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	*/
	background-color:#3b5672;
	color:White; 
  	-webkit-appearance: none;
  	-webkit-border-radius: 0;
  	text-transform: uppercase;
  	font-size:0.917em;
  	padding: 10px;
  	margin-right: 10px;
}

.tranCoreButton:hover {
    cursor:pointer;
}
 
.tranCoreButton:active {
	
}

.tranCoreButtonDisable, 
.tranCoreButton:disabled, 
.btn:disabled,
button[data-svc-action].svc-btn:disabled,
input[type="button"][data-svc-action].svc-btn:disabled,
input[type="submit"].svc-btn:disabled,
.svc-btn-primary:disabled, 
.svc-btn-secondary:disabled {
	
	color: #4D4F53;
		background-color:#e0e0e0;
}

/*************************** Body Box ***************************/


.middleWrapper {
    background-color:#D7D7D7;
}

#layoutPageContent {
	background-color: White;	<!--stmxx-->
}

.middleWrapper a:link {
	color: #3b5672;
}

button::-moz-focus-inner {
padding: 0;
border: 0;
}

.middleWrapper a.tranCoreButton,
input.tranCoreButton
button.tranCoreButton {
	line-height: inherit; }

.middleWrapper a.tranCoreButton:link, .middleWrapper a.tranCoreButton:visited, .middleWrapper a.tranCoreButton:hover, .middleWrapper a.tranCoreButton:active {
	color: #ffffff;
	text-decoration: none;
}
.middleWrapper #layoutContentBody a.tranCoreButton:link {
	color: #ffffff;
	text-decoration: none;
}
.middleWrapper a:visited {
	color: #3b5672;
}
.middleWrapper #layoutContentBody a.tranCoreButton:visited {
	color: #ffffff;
	text-decoration: none;
}
.middleWrapper a:hover {
	color: #3b5672;
}
.middleWrapper #layoutContentBody a.tranCoreButton:hover {
	color: #ffffff;
	text-decoration: none;
}
.middleWrapper a:active {
	color: #3b5672;
}
.middleWrapper #layoutContentBody a.tranCoreButton:active {
	color: #ffffff;
	text-decoration: none;
}
.middleWrapper a {
	color: #3b5672;
}
.middleWrapper a.tranCoreButton {
	color: #ffffff;
	text-decoration: none;
}

.middleWrapper .label {
	color: #4D4F53;
}

.middleWrapper .fieldtitle {
	color: #4D4F53;
}

#layoutDateMessageArea {
	color:#4D4F53;
}

#layoutHeaderContainer .contentAreaSubHeader {
	color:#4D4F53;
}
.middleWrapper h2.contentAreaSubHeader {
	color:#4D4F53;
	/*text-transform: capitalize;*/
}

h2.contentAreaSubHeader {
	margin: 0px;
	padding: 0px;
}

.middleWrapper h1, h2, h3, h4, h5, h6, .contentAreaTitleSection {
	color: #4D4F53;
}


div#layoutContentWrapper { 
	opacity:;
 	/* filter:alpha(opacity=0);  For IE8 and earlier */
}


/*************************** Table Info Box ***************************/

.table_header_coloring {
	color:White;
	background-color:#3b5672;
}

.column_header_coloring {
	color:#3b5672;
}

.column_header_coloring a:link {
	color:White;
}

.column_header_coloring a:visited,
.column_header_coloring a:active {
	
}

.column_header_coloring a:hover {
	color:White;
}

th {
	color:#4D4F53;
	background-color:#FFFFFF
}

.vcp_transactionDetail_Type {
	color:White
}

.tc_Table tr.odd {
	background-color:#e0e0e0;
}

/*************************** Login / Unauthenticated ***************************/

#loginEnhancement {
	background-color: #D7D7D7;
}

.loginTitle {
    color:#FFFFFF;
    /* background-color:#4D4F53; */
    background:url("/onlineCard/static/elan/img/bar_gradient.png") repeat-x #4D4F53;
}

/****************************** Carousel Box **********************************/
.bx-wrapper .bx-viewport {
	border: none;
	left: 0px; 
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	bottom: 20px;
	width: 95%;
	text-align: right;
	font-size: 0px;
}
.bx-pager-item {
}
.bx-wrapper {
	margin: 0 auto;
}
ul.bxslider {
	position: relative;
	margin: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	color: #fff;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: none repeat scroll 0 0 #3b5672;
}

/*************************** User Info Box ***************************/

.welcomeMessageArea {
    color:#4D4F53;
    background-color:;
   	background: -moz-linear-gradient(top,  0%,  100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,), color-stop(100%, )); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  0%,  100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  0%,  100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  0%,  100%); /* IE10+ */
	background: linear-gradient(to bottom,  0%,  100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='', endColorstr='',GradientType=0); /* IE6-8 */
	
}

.vcp_welcomeUser_links a:link {
	color:#3b5672;
	text-decoration:none;
}

.vcp_welcomeUser_links a:link img {
	background-color:#3b5672;
}

.vcp_welcomeUser_links a:active,
.vcp_welcomeUser_links a:visited {
	color:#3b5672;
}

.vcp_welcomeUser_links a:active img,
.vcp_welcomeUser_links a:visited img {
	background-color:#3b5672;
}

.vcp_welcomeUser_links a:hover {
	color:#3b5672;
}

.vcp_welcomeUser_links a:hover img {
	background-color:#3b5672;
}

.vcp_welcomeUser_attention {
	color:#EE0000 !important;
}

.vcp_welcomeUser_attention img {
	background-color:#EE0000 !important;
}

.vcp_welcomeUser_links_tablet a {
	background-color:;
    background: -moz-linear-gradient(top,  0%,  100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,), color-stop(100%, )); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  0%,  100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  0%,  100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  0%,  100%); /* IE10+ */
	background: linear-gradient(to bottom,  0%,  100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='', endColorstr='',GradientType=0); /* IE6-8 */
	color:;
}

.welcomeMessageArea .tranCoreButton {
	background-color:;
	background: -moz-linear-gradient(top,  0%,  100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,), color-stop(100%, )); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  0%,  100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  0%,  100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  0%,  100%); /* IE10+ */
	background: linear-gradient(to bottom,  0%,  100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='', endColorstr='',GradientType=0); /* IE6-8 */
	color:; */
}

/*************************** Transaction Details Specific Styles ***************************/

.vcpTransDetailsImage {
	background-color:#3b5672;
	background: -moz-linear-gradient(top, #3b5672 0%, #3b5672 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b5672), color-stop(100%, #3b5672)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3b5672 0%, #3b5672 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3b5672 0%, #3b5672 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3b5672 0%, #3b5672 100%); /* IE10+ */
	background: linear-gradient(to bottom, #3b5672 0%, #3b5672 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b5672', endColorstr='#3b5672',GradientType=0); /* IE6-8 */
}

.topNavSmall {
    background-color: #3b5672;
}

#tc_accountSummaryHeader {
	color: #FFFFFF;
    background:url("/onlineCard/static/elan/img/theme/elan1/bar_gradient.png") repeat-x #555555;
}

.printerFriendlyTransactionDetailsHeader {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:1%;
    background:url("/onlineCard/static/elan/img/theme/elan1/bar_gradient.png") repeat-x;
	color: #FFFFFF;
	font-weight: bold;
}
.printerFriendlyTransactoinDetailsDateRange {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 2%;
}

/*************************** Alert Specific Styles ***************************/

.tab {
    text-transform: uppercase;
}

.selected-tab {
    background-color: #3b5672;
}

.selected-tab a {
    color: #FFFFFF;
}

/* ************************* TABLET LANDSCAPE VIEW ************************** */
@media only screen and (max-width: 1024px) {

}

/* ************************** TABLET PORTRAIT VIEW ************************** */
@media only screen and (max-width: 790px) {

}

/* ******************************* PHONE VIEW ******************************* */
@media only screen and (max-width: 640px) {
	/*************************** Navigation Bar ***************************/

	.activeMenuItem {
		background-color:#FFFFFF; 
	}
	.inactiveTab {
		background-color: #373739;
	}
	ul.leftNav li.activeMenuItem a.activeMenuItem,
	ul.leftNav li.activeMenuItem a.activeMenuItem:link,
	ul.leftNav li.activeMenuItem a.activeMenuItem:hover,
	ul.leftNav li.activeMenuItem a.activeMenuItem:visited,
	ul.leftNav li.activeMenuItem a.activeMenuItem:active {
		color: #373739;
	}
	ul.leftNav li a,
	ul.leftNav li a:link,
	ul.leftNav li a:hover,
	ul.leftNav li a:visited,
	ul.leftNav li a:active {
		color:#FFFFFF;
	}

	ul.leftNav li.activeMenuItem {
		background-color:#FFFFFF; 
	}
	ul.leftNav li {
		background-color:#373739; 
	}
	
	ul.leftNav li {
		border-right: 0px;
	}
	ul.leftNav li.leftMost {
		border-left: 0px; 
	}

	ul#navTabs li {
    	border-right: none;
    	border-top: 1px solid #999999;
		border-bottom: 1px solid #999999;
	}
	ul#navTabs li.activeMenuItem {
		background-color: #3b5672;
	}
	ul#navTabs li.inactiveTab {
		background-color: #FFFFFF;
	}
	ul#navTabs li.activeMenuItem a {
		background-color: #3b5672;
		color: #FFFFFF;
	}
	ul#navTabs li.inactiveTab a {
		background-color: #FFFFFF;
		color: #4D4F53;
	}
	.optionsSmallCell {
		display: table-cell;
		background-color: #D7D7D7;
		line-height: 34px;
		text-align: center;
		width: 50%;
		cursor: pointer;
	}
	.lastNavLink {
		border-bottom: 1px solid #373739;
	}
	.navMenuWrapper {
		background-image: none;
		background-color: none;
		border: none;
	}

	.tranCoreButton {
		  margin-bottom: 10px;
		  margin-left: 10px;
	}
}

/* ******************************* LAYOUT RELATED ******************************* */
.epb-app div.loginSpacer {
    position: relative;
    width: 2%;
    float: left;
}
@media only screen and (max-width: 640px) {
    .epb-app div.loginSpacer {
        display: none;
    }
    
}

.epb-app .tab a, .epb-app .tab a:hover, .epb-app .tab > span, .epb-app .tab > span:hover {
    color: #4D4F53;
    font-weight: bold;
    font-size: 1.167em;
}
.epb-app .selected-tab a, .epb-app .selected-tab a:hover, .epb-app .selected-tab > span, .epb-app .selected-tab > span:hover {
    color: #fff;
}
.epb-app .alerts .tranCoreButton.disabled {
    background-color: #ebebeb;
    color: #4D4F53;
}

@media only screen and (max-width: 640px) {
	
	    .epb-app div.loginBox {
	    	width: 96%;
			border-width: 0px;
	    }
	
		.epb-app .loginForm, .loginTitle {
			width: 100%;
		}

		.epb-app div.loginSpacer {
			display: none;
		}
		
	}

.epb-app a img {
border:  none;
}

.epb-app #ieUpgradeMask {
display: none;
background: #000000;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1000;
filter:alpha(opacity=50);
opacity: .5;
}

.epb-app #ieUpgradeMaskFrame {
display: none;
width: 100%;
position: absolute;
z-index: 999;
height: 100%;
top: 0;
left: 0;
filter:alpha(opacity=0);
opacity: 0;
}

.epb-app #ieUpgrade {
display: none;
width: 500px;
background: #ffffff;
z-index: 1010;
position: absolute;
top: 20px;
border: 1px solid red;
padding: 10px 25px 10px;
}

.epb-app #ieUpgrade h1 {
color: #646262;
font-weight: bold;
font-size: var(--fs16);
margin: 0;
padding: 0;
clear: both;
}

.epb-app #ieUpgrade .upgradeContent {
color: #646262;
font-size: var(--body-font-size);
text-align: left;
padding-top: 10px;
}


.epb-app #ieUpgrade .upgradeClose {
margin: 0 0 10px;
color: #226afb;
font-weight: bold;
font-size: var(--fs14);
}

.epb-app #ieUpgrade .upgradeCloseX {
margin: 0 0 10px;
color: #226afb;
font-weight: bold;
font-size: var(--fs14);
float: right;
color: red;
font-weight: bold;
font-size: 15px;
cursor: pointer;
}

.epb-app #upgradeCloseLink {
cursor: pointer;
text-decoration: underline;
}

.epb-app #ieUpgrade .upgradeBrowsers {
margin: 0 auto;
text-align: center;
}

.epb-app #ieUpgrade .upgradeBrowsers img {
margin: 0 10px;
}

.epb-app #upgradeBrowsersLinks {
list-style-type: none;
text-align: center;
margin-left: 10px;
height: 100px;
}

.epb-app #upgradeBrowsersLinks li{
float: left;
color: #3b5672;
font-size: var(--fs11);
}

.epb-app #upgradeBrowsersLinks li a{
text-decoration: none;
color: #3b5672;
font-size: var(--fs11);
}

/*for slider on mobile, slides are not extending to correct width*/
ul.bxslider:after {
	content: '.';
	visibility: hidden;
	display: block;
	clear: both;
	height: 0;
}
.bx-wrapper img {
	min-width: 100%;
}

.web_hollowButton {
	height: 31px;
	background-color: transparent !important;
	border-style: solid;
	border-width: 1px;
	color: #3b5672;
	border: solid 1px #3b5672;
  }
  @media only screen and (max-width: 320px) {
	.tranCoreButton {
	  width: 100%;
	}
	#popupFrame {
	  margin: 10px;
	}
  }

  
.claims-progress-bar .step.completed .claims-pb-circle,
.claims-progress-bar .step.completed .claims-pb-bar,
.claims-progress-bar .step.current .claims-pb-circle,
.claims-progress-bar .step.current .claims-pb-bar {
	background: #3b5672;
  }
/* Overriding Shield library styles for this applying partner specific styles */

/* Buttons */
#shieldLibraryComponent .usb-button.button--primary, #shieldLibraryComponent .tooltip__content--dark{
    background: #1274BB;
    color: #ffffff;
}
#shieldLibraryComponent .usb-button.button--primary:hover {
    background: #003D6D;
}
#shieldLibraryComponent .usb-button.button--secondary{
    background: #ffffff;
	color: #1274BB;
	border-color: #1274BB;
}
#shieldLibraryComponent .usb-button.button--secondary:hover {
    background: #1274BB;
	color: #ffffff;
	border-color: #1274BB;
}
#shieldLibraryComponent .usb-button.button--loud {
    background: #F46631;
    color: #000000;
}
#shieldLibraryComponent .usb-button.button--loud:hover {
    background: #6A9F11;
    color: #000000;
}
/* Links */
#shieldLibraryComponent a.basic, #shieldLibraryComponent a.arrow,#shieldLibraryComponent .arrow > a .anchor-children,
#shieldLibraryComponent span.arrow,#shieldLibraryComponent .arrow > .anchor-children, #shieldLibraryComponent a.subtle, #shieldLibraryComponent a.inline, #shieldLibraryComponent a.inline.dark, .cardHub #shieldLibraryComponent a.basic:hover{
    color: #1274BB;
}  
#shieldLibraryComponent a.basic:hover, #shieldLibraryComponent a.arrow:hover,#shieldLibraryComponent .arrow > a:hover,#shieldLibraryComponent .arrow > a:hover,#shieldLibraryComponent .arrow > a .anchor-children:hover,#shieldLibraryComponent span.arrow:hover,
#shieldLibraryComponent .arrow > span:hover,#shieldLibraryComponent .usb-accordion .accordion-panel__header:hover,#shieldLibraryComponent .usb-accordion .accordion-panel--expanded .accordion-panel__header,#shieldLibraryComponent .arrow >.anchor-children:hover, #shieldLibraryComponent a.subtle:hover, #shieldLibraryComponent a.inline:hover, #shieldLibraryComponent a.inline.dark:hover{
    color: #003D6D;
}
/* radio buttons */
#shieldLibraryComponent .form-control__radio .input__container input[type=radio]:hover:not(:checked):not(:disabled) {
	border: 1px solid #1274BB;
}
#shieldLibraryComponent .form-control__radio .input__container input[type=radio]:checked {
	border: 2px solid #1274BB;
	background-color: #1274BB;
}


/* Check boxes */
#shieldLibraryComponent .form-control__checkbox input[type=checkbox]:checked + label svg {
	background: #1274BB;
	border: 1px solid #1274BB;
}
#shieldLibraryComponent .form-control__checkbox input[type=checkbox]:hover:not(:disabled) + label svg {
	border: 1px solid #1274BB;
}
/*Trancore body color*/
#shieldLibraryComponent .usb-accordion .accordion-panel__header,
#shieldLibraryComponent .usb-accordion .accordion-panel__content{
color: #555555;
}

#shieldLibraryComponent .form_control__select .labelText__container,
#shieldLibraryComponent .form_control__select__container select,
#shieldLibraryComponent .form_control__select.error .labelText__text,
#shieldLibraryComponent .usb--wrapper .usb--floating-label,
#shieldLibraryComponent .usb--info-message,
#shieldLibraryComponent .usb--basic-input,
#shieldLibraryComponent .form-control__radio .label__container {
	color: #555555 !important;
} 
.longTermFundPage .lthFundingPageError a,
.longTermFundPage .lthFundingPageError a:link,
.longTermFundPage .lthFundingPageError a:visited {
  text-decoration: none !important;
}