/* *****************************************************************************
	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)
		
***************************************************************************** */
@import "../../chat-partners/chat.abc.css";
@import "./abc_pcsp.css";

body {
  padding: 0;
  margin: 0;
  height: 100%;
  /* theme */
  /* background: url(/onlineCard/static/abc/img/grey-background-main.gif) repeat-x scroll 0 0 #d4d5d6; */
  background: var(--quanternary-color);
  font-weight: normal;
  color: #595959;
}

/* Alerts tabs and table style for Associated- begin MOVED FROM SHARED/ALERT.CSS */


h2.page-heading {
  font-size: 1.5em !important;
  font-weight: bold;
  font-family: Arial;
  color: #284e36;
  background-color: #e2f0e1;
  padding: 0px;
  margin: 0;
  text-transform: uppercase;
}
.associated-app .alerts div#layoutContentArea.multiBlockPage .tab-holder ~ .tabs-body {
  background-color: #fff;
  border: 1px solid #9a9b96;
}
.associated-app .alerts .tranCoreButton.disabled {
  background-color: #3bb268;
}
/* Removed background and link images and assigned gradient colors for transaction and alerts tabs */
.tab-holder .tab {
  background: -webkit-linear-gradient(bottom, rgb(52, 144, 82) 0%, rgb(18, 101, 52) 42%, rgb(45, 148, 70) 63%, rgb(121, 192, 138) 83%, rgb(168, 213, 180) 100%);
  background: -o-linear-gradient(bottom, rgb(52, 144, 82) 0%, rgb(18, 101, 52) 42%, rgb(45, 148, 70) 63%, rgb(121, 192, 138) 83%, rgb(168, 213, 180) 100%);
  background: -ms-linear-gradient(bottom, rgb(52, 144, 82) 0%, rgb(18, 101, 52) 42%, rgb(45, 148, 70) 63%, rgb(121, 192, 138) 83%, rgb(168, 213, 180) 100%);
  background: -moz-linear-gradient(bottom, rgb(52, 144, 82) 0%, rgb(18, 101, 52) 42%, rgb(45, 148, 70) 63%, rgb(121, 192, 138) 83%, rgb(168, 213, 180) 100%);
  background: linear-gradient(to top, rgb(52, 144, 82) 0%, rgb(18, 101, 52) 42%, rgb(45, 148, 70) 63%, rgb(121, 192, 138) 83%, rgb(168, 213, 180) 100%);

}
.tab-holder .tab.selected-tab {
  background: -webkit-linear-gradient(top, rgb(185, 211, 178) 0%, rgb(255, 255, 255) 4%, rgb(207, 231, 195) 46%, rgb(229, 242, 220) 100%);
  background: -o-linear-gradient(top, rgb(185, 211, 178) 0%, rgb(255, 255, 255) 4%, rgb(207, 231, 195) 46%, rgb(229, 242, 220) 100%);
  background: -ms-linear-gradient(top, rgb(185, 211, 178) 0%, rgb(255, 255, 255) 4%, rgb(207, 231, 195) 46%, rgb(229, 242, 220) 100%);
  background: -moz-linear-gradient(top, rgb(185, 211, 178) 0%, rgb(255, 255, 255) 4%, rgb(207, 231, 195) 46%, rgb(229, 242, 220) 100%);
  background: linear-gradient(to bottom, rgb(185, 211, 178) 0%, rgb(255, 255, 255) 4%, rgb(207, 231, 195) 46%, rgb(229, 242, 220) 100%);

}
.tab-holder .tab {
  border-radius: 10px 10px 0px 0px;
  border: 1px solid rgb(52, 144, 82);
}
.tab-holder .tab a {
  color: #FFFFFF;
}
.tab-holder .selected-tab a {
  color: #06552c;
}

/* Alerts tabs and table style for Associated- end */

/*************************** Additional Styles for Elan Redesign ***************************/

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

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

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

div.bottomWrapper div.layoutPageContent2 {
  color: #ffffff;
  background-color: #16703e;
}
.bottomWrapper a:link,
.bottomWrapper a:visited,
.bottomWrapper a:hover,
.bottomWrapper a:active {
  color: #ffffff;
}

.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,
.svc-btn,
.svc-btn-primary,
.svc-btn-secondary,
.svc-layout-container .form-field > a[type="submit"],
.svc-layout-container .form-field > a[type="submit"]:hover {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border: 0px;
  display: inline-block;
  font-family: arial;
  font-size: 0.95em;
  font-weight: 600;
  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: var(--primary-color);
  color: White;
  -webkit-appearance: none;
  padding: 10px;
  margin-right: 10px;
}
a.tranCoreButton:link,
a.tranCoreButton:visited,
a.tranCoreButton:hover,
a.tranCoreButton:active {
  color: #ffffff;
  text-decoration: none;
}
.tranCoreButton.useSmallFont {
  font-size: 0.83em;
}

.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 {
  background-color: #a9a9a9;
}
/*************************** Body Box ***************************/

.cursorPointer {
  cursor: pointer;
}

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

#tc_transactionDetailsTabs div.activeMenuItem {
  background-position: 0 -25px;
}
div.activeMenuItem {
  background-color: var(--primary-color);
}
/*************************** Table Info Box ***************************/

.table_header_coloring {
  color: White;
  background-color: var(--primary-color);
}

.column_header_coloring {
  color: #16703e;
}

.column_header_coloring a:link {
  color: White;
}

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

.column_header_coloring a:hover {
  color: White;
}

.vcp_payment_table tbody tr:nth-child(odd),
.vcp_txnSummaryPFV_postedTable tbody tr:nth-child(odd),
.vcp_txnSummaryPFV_pendingTxnTable tbody tr:nth-child(odd) {
  background-color: #d1d0ce;
}

.vcp_payment_table {
  border-bottom: 1px solid;
  border-right: 1px solid;
  border-left: 1px solid;
}

/* 018.08 background color changed to #e2f0e1*/
.vcp_payment_table caption {
  font-weight: bold;
  text-align: left;
  color: #284e36;
  background-color: #e2f0e1;
  border-top: 1px solid;
  border-right: 1px solid;
  border-left: 1px solid;
}

.vcp_payment_table th {
  color: #284e36;
}

.tc_Table caption {
  text-align: left;
  font-weight: bold;
  padding: 3px 0px;
  white-space: nowrap;
  border-bottom: 1px solid;
}
.tc_Table tr.odd,
.claims-odd-row {
  background-color: #ebebeb;
}

#transactionDetailTable_summary tr.odd {
  background-color: #ebebeb;
}

/* 018.08 moved .loginTitle styling */
/****************************** 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 #284e36;
}

/*************************** User Info Box ***************************/
#headerLogout {
  display: inline;
  margin: 10px;
}
#headerLogout a {
  text-decoration: none;
  font-weight: 700;
}
.vcp_welcomeUser_message {
  display: inline;
}

.vcp_welcomeUser_links {
  display: inline;
  margin-left: 10px;
}

.vcp_welcomeUser_links a {
  text-decoration: none;
  margin-right: 2px;
  margin-left: 2px;
}

.vcp_welcomeUser_links a img {
  border: none;
}

.vcp_welcomeUser_image {
  height: 28px;
  width: 28px;
  vertical-align: middle;
  border: none;
}

.vcp_welcomeUser_links_tablet {
  display: none;
}

.vcp_welcomeUser_links_tablet a {
  color: black !important;
  font-weight: bold;
  padding: 0.8em 2em;
  text-decoration: none;
}

#vcp_profile_btn {
  display: inline;
  margin-right: -2px;
}
#vcp_messages_btn {
  display: inline;
  margin-right: 1.1em;
}

ul.leftNav li.vcp_responsive_UserInfo_Profile,
ul.leftNav li.vcp_responsive_UserInfo_Messages {
  display: none;
}

/* 018.08 background color changed to #e2f0e1*/
#tc_accountSummaryHeader,
.printerFriendlyTransactionDetailsHeader {
  color: #284e36;
  font-weight: bold;
  background-color: #e2f0e1;
  padding: 10px;
}

.printerFriendlyTransactoinDetailsDateRange {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 2%;
}

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

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

.middleWrapper .vcp_accountSummary_col a,
.vcp_accountSummary_col a {
  color: #007a2d;
}

/*************************** End of Additional Styles for Elan Redesign ***************************/

.looksOn {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #019b39;
  display: block;
  width: auto;
  /*padding: 5px 5px 5px 10px !important;*/
  padding: 5px 5px 5px 10px;
  text-decoration: none;
  margin: 0 0 0 10px;
  line-height: 12px;
  height: 12px;
  background: url(/onlineCard/static/abc/img/nav-arrow.gif) no-repeat;
  background-position: left center;
}

#headerLogoff {
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 0.95em;
}

#headerLogoff a {
  text-decoration: none;
}

#headerLogoffScoreboard {
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 0.95em;
}

ul#topNav,
ul#navTabs {
  height: 25px;
  list-style: none;
  margin: 10px 0 0 0;
  font-family: verdana, arial;
  font-size: 0.95em;
  font-weight: bold;
}
ul#navTabs {
  padding: 0px;
}

.unauthTopNav {
  border-bottom: 1px solid #9a9d96;
  padding: 0 0 0 15px;
}

.authTopNav {
  border-bottom: 1px solid #9a9d96;
  padding: 0 0 0 1px;
  position: relative;
}

.authTopNav .responsiveLinks {
  display: none;
}

ul#topNav li,
ul#navTabs li {
  float: left;
  margin: 0 1px 0 0;
}

ul#topNav a,
ul#navTabs a {
  background: url(/onlineCard/static/abc/img/tabs.gif) no-repeat #136634;
  color: #ffffff;
  display: block;
  padding-left: 15px;
  text-decoration: none;
}

ul#topNav li a span {
  color: #ffffff;
}

ul#topNav li a.activeMenuItem span,
ul#topNav li.current a span {
  color: #06552c;
}

ul#topNav span,
ul#navTabs li {
  background: url(/onlineCard/static/abc/img/tabs.gif) 100% 0 #136634;
  display: block;
  padding-right: 15px;
  line-height: 25px;
}

ul#topNav span .red {
  background: none repeat scroll 0 0 transparent;
  display: inline;
  padding: 0;
  line-height: 12px;
}

ul#topNav li.current a,
ul#navTabs li.activeMenuItem a {
  background-color: #b9d3b3;
  background-position: 0 -25px;
  color: #06552c;
}

ul#navTabs li.inactiveTab a {
  color: #ffffff;
}

ul#topNav li.current span,
ul#navTabs li.activeMenuItem {
  background-position: 100% -25px;
}

ul#topNav li.current a span {
  background-color: inherit;
}

.subNav {
  display: none;
  background: url(/onlineCard/static/abc/img/sub_nav_bg.gif) repeat-x;
  height: 19px;
  padding: 4px 0 0 16px;
  margin: 0;
  color: #16703e;
}

.subNav a {
  color: #0e4e2b;
  font-size: 0.83em;
  text-decoration: none;
}

div.environmentInfo {
  text-align: left;
  font-size: 0.67em;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #ffffff;
  padding: 1 px;
}

#loginStyle input,
#loginStyle textarea {
  margin-bottom: 5px;
  border: 1px solid #000000; /* theme main color */
  background: #ffffff;
}

/*
#loginStyle input:focus,#loginStyle textarea:focus {
	padding: 4px;
	margin-bottom: 5px;
	border: 1px solid #569fd3;
	background: #ffffff;
}
*/

#loginStyle img {
  border: 0;
}

#loginEnhancement {
  position: absolute;
  top: 20px;
  left: 325px;
  width: 210px;
}

#loginEnhancementContent {
  background: url(../img/login_enhancement_box.gif) no-repeat;
  background-position: left bottom;
  width: 190px;
  padding: 25px 10px 10px;
  height: 100px;
  display: none;
}

#loginEnhancementPhone {
  width: 210px;
  display: none;
}

#loginEnhancementContentPhone {
  background: url(../img/login_enhancement_box.gif) no-repeat;
  background-position: left bottom;
  width: 190px;
  padding: 25px 10px 10px;
}

form#loginform div#loginbuttonnav {
  margin-top: 10px;
  padding: 0;
  text-align: left;
}

.popupBody {
  background: #ffffff;
  text-align: left;
}

#layoutPageContent {
  /* background: url(/onlineCard/static/abc/img/grey-background-main.gif) repeat-x scroll 0 0 #d4d5d6; */
  background: var(--quanternary-color);
  color: #666666;
  text-align: left;
  margin: 0 auto;
}

#layoutTopWrapper {
  padding-bottom: 5px;
  position: relative;
}

#layoutTopWrapperScoreboard {
  height: 100px;
  position: relative;
}

#layoutTopLeft {
  float: left;
  width: 25%;
}

#popuplayoutTopLeft {
  float: left;
  width: 495px;
  position: relative;
}

#layoutTopCenter {
  vertical-align: bottom;
  padding-top: 45px;
  float: left;
  width: 465px;
  position: relative;
  top: 40px;
  right: 80px;
}

#layoutMiddleWrapperScoreboard {
  clear: both;
  text-align: left;
  margin: 0 auto;
  width: 1000px;
  padding: 0px 0px 0px 0px;
  background: #ffffff;
}

#layoutContentAreaTitleSection {
  /* theme */
  height: 52px;
  width: 713px;
}

#layoutContentBody {
  clear: both;
}

.varContentBg {
  background: #ffffff;
  /*width: 675px;*/
}

#layoutContentErrorMessages, #layoutContentErrorMessagesBT {
  padding-top: 5px;
}

#layoutContentAreaWrapper {
  padding: 0px;
}

#layoutContentAreaWrapper:focus {
  outline: none;
}

#layoutContentAreaBottom {
  /* theme */
  height: 20px;
  width: 100%;
}

#layoutBottomWrapper {
  clear: both;
  text-align: center;
  color: #ffffff;
}

#layoutBottomLeft {
  /* theme */
  height: 17px;
  width: 30px;
  float: left;
}

#layoutBottomCenter {
  /* theme */
  width: 100%;
  background: #16703e;
}

#layoutContentFooter {
  text-align: center;
  font-size: 1em;
}

#layoutContentFooterScoreboard {
  width: 1000px;
  text-align: center;
  margin-top: 17px;
  font-size: 0.95em;
}

#layoutWelcomeMessageArea {
  width: 350px;
  float: left;
  color: #16703e; /* theme main color */
  font-weight: bold;
  text-align: left;
  padding-left: 3px;
  display: none;
}

#layoutHeaderContainer {
  clear: both;
  width: 100%;
}

#layoutContentPageSubHeader {
  /* float: left; */
  width: 70%;
}

#layoutDateMessageArea {
  width: 30%;
  float: left;
  color: #284e36; /* theme main color */
  font-weight: bold;
  text-align: right;
}

#layoutContentMessages {
  clear: both;
}

#layoutSecurityStandardsMessageArea {
  float: left;
  color: white;
  font-weight: bold;
  text-align: left;
  padding-left: 7px;
}

#layoutCopyrightMessageArea {
  float: right;
  color: white;
  padding-right: 7px;
  font-weight: bold;
  text-align: right;
}

#layoutContentAreaTitleBar {
  font-size: 1.67em;
  font-weight: bold;
  font-family: Arial;
  margin: 0;
  color: white;
  padding: 12px 0 0 15px;
}

#layoutHeaderContainer .contentAreaSubHeader {
  font-size: 1.92em;
  font-weight: bold;
  font-family: Arial;
  color: #284e36; /* theme main color */
  padding: 0px;
  margin: 0;
  text-transform: uppercase;
}

h2.contentAreaSubHeader,
h1.contentAreaSubHeader {
  font-size: 1.5em !important;
  font-weight: bold;
  font-family: Arial;
  /*color: #284e36;  theme main color */
  /* background-color: #e2f0e1; */
  padding: 0px;
  margin: 0;
  text-transform: uppercase;
}
.alerts .contentAreaSubHeader {
  padding: 0;
}
#BalanceTransferApp h2.contentAreaSubHeader.hideInOmv,
#BalanceTransferApp h1.contentAreaSubHeader {
  width: 85%;
}

#layoutContentArea {
  padding-top: 0px;
}

#esignLink {
  color: #008933;
}

/*a.securityStdLink:link,a.securityStdLink:active,a.securityStdLink:visited {
	color: #FFFFFF;
	text-decoration: none;
}*/

#layoutBottomWrapper a:link,
#layoutBottomWrapper a:active,
#layoutBottomWrapper a:active,
#layoutBottomWrapper a:visited {
  color: #ffffff;
}

.rightAlign {
  text-align: right;
}

.leftAlign {
  text-align: left;
}

.returnScoreboardLink {
  display: block;
  font-weight: bold;
  margin-left: 19px;
  padding-top: 30px;
}

/*Styles for Content*/

#accountDetails .verticalDataTable {
  border-top: 20px solid #800000;
}

.sectionHeader {
  color: #16703e; /* theme main color */
}

.PageTitle {
  font-size: 1.5em;
  color: #16703e; /* theme main color */
  font-weight: bold;
  margin: 15px 0px 0px 20px;
}

.ParagraphTitle {
  color: #16703e; /* theme main color */
  font-weight: bold;
}

/* Links on Account Summary for Search and Printer Friendly */

#tc_transactionDetailOptionsBig a {
  color: #008933; /* theme main color */
  outline: none;
}
/*#tc_transactionDetailOptionsBig a:hover {
	color: #284e36; 
	outline: none;
}*/

a,
a:link,
a:active,
a:hover,
a:visited,
.svc-btn-link {
  color: #008933; /* Theme main color - contrast good for White background */
  /*outline: none;*/
}
/* FM from 018.05ff */
a.Link.inboxMsg,
a:link.Link.inboxMsg,
a:hover.Link.inboxMsg,
a:active.Link.inboxMsg,
a:visited.Link.inboxMsg {
  color: #284e36; /*WCAG Override Message Inbox - Prevents contrast errors Okay per Melinda - 5-11-2018*/
}

a.sort:link,
a.sort:visited {
  color: #008933;
  font-size: 0.95em;
  font-family: verdana;
}

a.sort:hover {
  color: #284e36;
  font-size: 0.95em;
  font-family: verdana;
}

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

.TextList {
  list-style: square;
  color: #800000;
}

.bg1 {
  background-color: #800000;
}

.CustomTableHeader {
  background-color: #800000;
  color: #ffffff;
  font-weight: bold;
}

.CustomTableCellHeader {
  color: #ffffff;
  font-weight: bold;
}

.CustomFontColor {
  color: #800000;
}

div.boxHeader {
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  line-height: 200%;
  font-weight: bold;
  margin: 0px;
  background-color: #16703e; /* theme main color */
  color: #ffffff;
  width: 285px;
}

div.innerBoxHeader {
  padding-left: 10px;
  padding-right: 10px;
  line-height: 150%;
  font-weight: bold;
  margin: 0px;
  background-color: #16703e; /* theme main color */
  color: #ffffff;
}
div.confirmboxContent {
  padding: 25px 10px 10px 10px;
  font-weight: normal;
  margin: 0px;
  text-align: left;
  color: #000000;
  width: 285px;
}
div.confirmBoxFooter {
  padding-top: 35px;
}

/*Styles for Footer*/
.FooterMenu {
  color: #800000;
}

.leftnavrollover {
  font-size: 0.95em;
  color: #000000;
  text-decoration: underline;
  font-weight: bold;
}

a.leftnavrollover:link {
  color: #000000;
}

a.leftnavrollover:hover {
  color: #990000;
}

/*Addition for Elan error page*/
.Header1 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 18px;
  color: #ffffff;
  font-weight: bold;
}

.required {
  color: #ee0000;
  font-weight: normal;
  /* vertical-align: top; */
}

.label,
.fieldtitle {
  font-weight: bold;
  color: #595959;
}

.tieringElementTop {
  padding-top: 2px;
  clear: both;
}

.tieringElement {
  padding-top: 15px;
}

form#loginform .label {
  font-size: 1.33em;
  font-weight: bold;
  font-family: Arial;
  color: #16703e; /* theme main color */
  padding: 0;
  margin: 0;
}

.optionalBorder {
  border: 1px solid #adadad;
}

.tieringElement .alertTableWidth:first-child {
  border-top: 1px solid #adadad;
  border-left: 1px solid #adadad;
  border-right: 1px solid #adadad;
}

.tieringElement .alertTableWidth:last-child {
  border-bottom: 1px solid #adadad;
  border-left: 1px solid #adadad;
  border-right: 1px solid #adadad;
}

/*  <table CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="100%"> */
table.dataStyle1 {
  padding: 0;
  border-width: 0;
  border-style: none;
  border-collapse: collapse;
  width: 100%;
}

table.dataStyle2 {
  padding: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #adadad; /* theme main color */
  border-collapse: collapse;
  width: 100%;
}

table.dataStyle3 {
  padding: 0;
  border-width: 0;
  border-style: none;
  border-collapse: collapse;
  width: 100%;
}

.table_header {
  /*font-family: Arial, Helvetica, Verdana,  sans-serif;*/
  font-weight: bold;
  line-height: 18px;
  margin: 0px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  text-align: left;
}

.table_row2 {
  font-weight: normal;
  line-height: 18px;
}

.table_row1 {
  font-weight: normal;
  line-height: 18px;
}

/* 018.08 background color changed to #e2f0e1*/
.table_header_coloring {
  background-color: #e2f0e1; /* theme main color */
  color: #284e36;
}

.table_header_coloring a {
  color: #ffffff;
}

.table_header_coloring a:visited {
  color: #ffffff;
}

.table_header_coloring a:hover {
  color: #c0c0c0;
}

.table_header_coloring a:link {
  color: #ffffff;
}

.column_header_coloring {
  background-color: #ffffff;
  color: #284e36;
  font-weight: bold;
}

.column_header_coloring a {
  color: #284e36;
}

.column_header_coloring a:visited {
  color: #284e36;
}

.column_header_coloring a:hover {
  color: #284e36;
}

.column_header_coloring a:link {
  color: #284e36;
}

.table_row1_coloring {
  background-color: #efefef;
  color: #595959;
}

.table_row2_coloring {
  background-color: #ffffff;
  color: #595959;
}

/* <TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="356" CLASS="statsTable"> */
.statsTable {
  padding: 0;
  border-width: 0;
  border-style: none;
  border-collapse: collapse;
  width: 356px;
  border: 1px solid #adadad; /* theme main color */
  float: left;
  background: #ffffff;
}

.statsTablePFV {
  padding: 0;
  border-width: 0;
  border-style: none;
  border-collapse: collapse;
  width: 356px;
  border: 1px solid #adadad; /* theme main color */
  background: #ffffff;
}

.transactionData .dataStyle1:first-child {
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
  border-bottom: 0;
}

.transactionData .dataStyle1 {
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
}

.table_border_left {
  border-left: 1px solid #dadad5;
}

.table_border_bottom {
  border-bottom: 1px solid #dadad5;
}

.paddingLeftSmall {
  padding-left: 5px;
}

/*<td NOWRAP align="center" style="text-align: center;" class="indent">*/
.indentright1 {
  padding-right: 1px;
  text-align: right;
  white-space: nowrap;
}

/*<td NOWRAP CLASS="indentright" >*/
.indentright2 {
  padding-right: 9px;
  text-align: right;
  white-space: nowrap;
}

.indent {
  padding-left: 1px;
  text-align: left;
}

.indentEnroll {
  padding-left: 20px;
  text-align: left;
}

/*<td NOWRAP CLASS="indent" STYLE="padding-top: 1px; padding-right:0px; ">*/
.indent1 {
  padding-left: 3px;
  padding-right: 0px;
  padding-top: 1px;
  text-align: left;
  white-space: nowrap;
}

#refineTrans td {
  background-color: #ffffff;
  color: #000000;
}

#layoutNavMenuWrapper {
  width: 100%;
  position: relative;
  clear: both;
}

#layoutNavMenuTopSection {
  /*background: url(/onlineCard/static/elan/img/theme/elan0/lnav_gray_01.gif) no-repeat;*/
  height: 0;
  width: 200px;
}

#layoutNavMenuContentSection {
  /*padding: 5px 5px 10px 10px;*/
  /*background: url(/onlineCard/static/elan/img/theme/elan0/lnav_gray_02.gif) repeat-y;*/
  position: relative;
  margin-top: 30px;
}

ul.leftNav {
  height: auto;
  line-height: 12px;
  padding: 0px;
  margin: px0;
}

ul.leftNav li {
  cursor: pointer;
}

ul.leftNav li a {
  font: bold 12px Arial, Verdana, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
  color: #ffffff;
  display: block;
  width: auto;
  padding: 5px 5px 5px 10px;
  text-decoration: none;
}

ul.leftNav li.header {
  font: bold 14px Verdana, Arial, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
  color: #ffffff;
  display: block;
  width: auto;
  text-decoration: none;
  padding: 5px 5px 5px 10px;
  line-height: 16px;
  background: #1c7f48;
  width: 185px;
  background: #1c7f48;
  border-bottom: 5px solid white;
  height: 20px;
}

* html .leftNav li a {
  /*IE only. Actual menu width minus left padding of A element (10px) */
  width: 180px;
  padding: 5px;
}
* html .leftNav li.header {
  /*IE only. Actual menu width minus left padding of A element (10px) */
  width: 190px;
  /*padding: 0 5px 5px 5px;*/
}

ul.leftNav li a:link {
  color: #16703e;
  margin: 0 0 0 10px;
  padding: 5px 5px 5px 10px;
}

ul.leftNav li a:visited {
  color: #16703e;
  margin: 0 0 0 10px;
  padding: 5px 5px 5px 10px;
}

ul.leftNav hr {
  color: #16703e;
  width: 90%;
  margin-left: 10px;
}

ul.leftNav li a.activeMenuItem {
  /*background: #322a73; theme main color */
  color: #008933;
}

#navheader {
  background-color: #969696;
  font-family: Verdana;
  font-size: 1.08em;
  font-weight: bold;
  color: #ffffff;
  padding: 5px;
}

ul.leftNav a.selected {
  font-family: century gothic;
  background-color: #019b39; /* theme main color */
}

.bgiframe {
  background-color: #f8f4ed; /* theme main color */
  width: 270px;
}
.cardmemberServiceFlyoutMenu {
  position: absolute;
  /*top: 35px !important;*/
  top: 0 !important;
  /*top: 20px;*/
  top: 0;
  left: 190px;
  background-color: #f8f4ed; /* theme main color */
  width: 250px;
  padding: 10px;
  z-index: 9000;
  display: none;
  border: 1px solid #16703e;
}

.securedMessagingFlyoutMenu {
  position: absolute;
  /*top: 98px !important;*/
  top: 0 !important;
  /*top: 93px;*/
  top: 0;
  left: 190px;
  background-color: #f8f4ed; /* theme main color */
  width: 166px;
  padding: 10px;
  z-index: 9000;
  display: none;
  border: 1px solid #16703e;
}

.accountsFlyoutMenu {
  position: absolute;
  /*top: 98px !important;*/
  top: 0 !important;
  /*top: 93px;*/
  top: 0;
  left: 190px;
  background-color: #f8f4ed; /* theme main color */
  width: 250px;
  padding: 10px;
  z-index: 9000;
  display: none;
  max-height: 450px !important;
  height: expression(this.scrollHeight>449? "450px": "auto");
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #16703e;
}

li.accountsFlyoutMenuLink,
li.securedMessagingFlyoutMenuLink,
li.cardmemberServiceFlyoutMenuLink {
  position: relative;
  zoom: 1;
}

ul.flyoutContent {
  list-style-type: none;
  width: 230px;
  padding: 0;
  margin: 0;
  z-index: 9001;
}

ul.flyoutContent li {
  list-style-type: none;
  background: none;
  padding: 0;
  margin: 0;
  line-height: 16px;
  width: 230px;
}

ul.flyoutContent li a {
  font: bold 12px Arial, Verdana, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
  color: #16703e;
  display: block;
  width: auto;
  text-decoration: none;
}

ul.flyoutContent li a:link {
  list-style-type: none;
  background: none;
  padding: 3px 3px 3px 10px;
  margin: 2px;
  display: block;
  line-height: 16px;
  width: 230px;
  border-bottom: 1px solid #16703e;
  color: #16703e;
}

ul.flyoutContent li a:visited {
  list-style-type: none;
  background: none;
  padding: 3px 3px 3px 10px;
  margin: 2px;
  display: block;
  line-height: 16px;
  width: 230px;
  border-bottom: 1px solid #16703e;
  color: #16703e;
}

ul.flyoutContent li a:hover {
  list-style-type: none;
  color: #019b39;
  /*background-color: #717074;*/
  padding: 3px 3px 3px 10px;
  margin: 2px;
  display: block;
  line-height: 16px;
  width: 230px;
}

div.hiddenFlyouts {
  display: block;
  z-index: 8999;
}

.listOfLinks a {
  display: block;
  padding-top: 15px;
  padding-bottom: 1px;
  padding-left: 5px;
}

/* form layout styles */
div.required {
  padding-bottom: 15px;
  padding-top: 15px;
}

div.tieringElement {
  padding-top: 15px;
}

div.basicElement {
  padding-top: 5px;
}

div.formsPaddingLarge {
  padding-top: 15px;
}
div.formsPaddingMedium {
  padding-top: 5px;
}
div.formsPaddingSmall {
  padding-top: 2px;
}
div.formsInputLeftColumn {
  float: left;
  width: 250px;
}
div.formsInputRightColumn {
  display: block;
  float: left;
  width: 450px;
}
.formsReviewLeftColumn {
  width: 35%;
  float: left;
  clear: left;
}
.formsReviewRightColumn {
  width: 65%;
  float: left;
}

div.formsSetNoColumns {
  clear: both;
}
div.formsFieldLabel {
  font-weight: bold;
}
div.formsFieldElement {
}
div.formsFieldComments {
}

div#popupLayoutContent {
  text-align: left;
  /* margin: 0 auto;*/
  /*width: 500px !important;
	width: 450px;*/
  background: #ffffff;
  /*height: 580px;*/
}

div#popupLayoutFooter {
  /*padding-left: 10px;*/
  padding-bottom: 10px;
}

div.faqTitle {
  padding-top: 50px;
  padding-bottom: 5px;
}

h5 {
  font-size: 1.5em;
  font-weight: bold;
  font-family: Arial;
  color: #284e36; /* theme main color */
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}

div.faqBreak {
  padding: 20px 0 20px 0;
}

div.faqQuestionGroup {
  font-size: 1.08;
  font-weight: bold;
  /*padding-top: 20px;*/
}
a.faqLinks {
  color: #008933; /* theme main color */
  font-size: 0.95em;
  font-weight: bold;
  font-family: verdana;
}

a.faqLinks:hover {
  color: #008933; /* theme main color */
  font-size: 0.95em;
  font-weight: bold;
  font-family: verdana;
}

div.faqQuestions {
  font-weight: bold;
  padding-top: 3px;
}

div.faqAnswers {
  font-weight: normal;
  padding-top: 3px;
}

div.backToTopLink {
  font-weight: normal;
  padding-top: 0px;
  text-align: left;
}

div.faqQuestionBlock {
  margin-top: 12px;
  margin-left: -5px;
  margin-bottom: 12px;
  padding-left: 40px;
}

#transactionInfo .leftColumn {
  border-bottom-style: none;
  width: 135px;
  font-weight: bold;
}
#transactionInfo .rightColumn {
  border-bottom: 1px solid #dadad5;
  width: 250px;
}
.table_header_bottom {
  border-bottom: 1px solid #000000; /* theme main color */
}

.scheduleFromAcct {
  width: 230px;
}
.scheduleToAcct {
  width: 230px;
}
.scheduleAmount {
  width: 107px;
  text-align: right;
}
.schedulePaymentDay {
  width: 123px;
  text-align: right;
}
.scheduleAction {
  width: 123px;
  text-align: right;
  padding-right: 2px;
}

div#tabs {
  clear: both;
}
ul#tabs {
  float: left;
  list-style-type: none;
  margin: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  height: 25px;
  font-family: verdana, arial;
  font-size: 0.95em;
  font-weight: bold;
}
div#currentTrans {
  margin-top: 0;
  padding-top: 0;
}
div#potentialTrans {
  margin-top: 0;
  padding-top: 0;
}

ul#tabs li {
  float: left;
  text-align: center;
  width: 185px;
  margin-right: 1px;
}
ul#tabs li a {
  color: #000000;
  display: block;
  outline: medium none;
  line-height: 25px;
  text-decoration: none;
}
ul#tabs li a img.cursor_help {
  padding-bottom: 8px;
}
ul#tabs li a.active {
  color: #06552c;
  background: url(/onlineCard/static/abc/img/transtab_on.gif) no-repeat;
  margin-top: 1px;
}
ul#tabs li a.inactive {
  color: #ffffff;
  background: url(/onlineCard/static/abc/img/transtab_off.gif) no-repeat;
}
ul#tabs li a:link {
}
ul#tabs li a:visited {
}
ul#tabs li a:hover {
  text-decoration: underline;
}

/*div#currentTrans table.dataStyle2 {
	padding: 0;
	border: none;
	border-collapse: collapse;
	width: 100%;
}*/

span#refineTransSection {
  padding-right: 5px;
}

a#openCloseRefineTrans {
  text-decoration: none;
}

a#openCloseRefineTrans:link,
a#openCloseRefineTrans:visited {
  color: #06552c;
}

a#openCloseRefineTrans:hover span#refineTransSection,
a#openCloseRefineTrans:active span#refineTransSection {
  color: #06552c;
  text-decoration: none;
}

a#openCloseRefineTrans:hover span#refineTransSectionText,
a#openCloseRefineTrans:active span#refineTransSectionText {
  color: #06552c;
  text-decoration: underline;
}

div#refineTrans2 {
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  padding: 5px 0;
}

div#refineTrans2 table.dataStyle2 {
  border: none;
}

div#potentialTrans td.indentright_sort2 {
  border-right: 1px solid gray;
}

div#pfvPotentialTrans td.indentright_sort2 {
  border-right: 1px solid gray;
}
a#openCloseRefineTrans2 {
  text-decoration: none;
}
a#openCloseRefineTrans3 {
  text-decoration: none;
}
a#openCloseRefineTrans1 {
  text-decoration: none;
}

#abc_leftNav_menuIcon {
  height: 43px;
  width: 30px;
  display: none;
  float: right;
  background: url("/onlineCard/static/shared/img/nav-iconOn.png") no-repeat center;
}

/* 018.08 background color changed to #e2f0e1*/
.loginTitle {
  color: #284e36;
  background-color: #e2f0e1;
  font-size: 1.92em;
  font-family: arial;
}

#messageNavTab {
  display: none;
}

div.loginBox {
  border: 1px solid #9a9b96;
  width: 21.8%;
}

.vcp_welcomeUser_attention {
  color: #ee0000 !important;
}
#layoutPageContent.ie-user .claims-dup-txn-form {
  max-width: 1030px;
  margin: 130px auto;
  left: auto;
  right: auto;
  width: 100%;
}
#layoutPageContent.ie-user .claims-dup-txn-form .claims-dup-txn-content {
  margin-right: 8%;
}

/***************************Claims Progress Bar css ***************************/
.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: #284e36;
}

/* ************************* TABLET LANDSCAPE VIEW ************************** */
@media only screen and (max-width: 1024px) {
  #layoutPageContent.ie-user .claims-dup-txn-form {
    left: 0;
    right: 0;
    width: auto;
  }
}

/* ************************ TABLET-TO-PORTRAIT VIEW ************************* */
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  #layoutPageContent {
    width: 100%;
  }
  #layoutContentWrapper {
    margin-top: 18px;
  }
  .subNav {
    display: none;
  }
  #layoutContentAreaWrapper {
    padding: 0px;
  }
  #layoutContentArea {
    clear: both;
    width: 98%;
  }
  #layoutNavMenuContentSection {
    width: 100%;
  }
  #tc_imageCarousel {
    display: none;
  }
  #layoutPageContent.ie-user .claims-dup-txn-form .claims-dup-txn-content {
    margin-left: 4%;
    margin-right: 4%;
    width: 94%;
  }
}

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

/* ******************************* PHONE VIEW ******************************* */
@media only screen and (max-width: 640px) {
  .indent1 {
    white-space: pre-wrap;
  }
  #layoutPageContent {
    width: 100%;
  }
  #layoutContentPageSubHeader {
    width: 96%;
  }
  #layoutContentWrapper {
    margin-top: 0;
    padding: 0px;
  }
  #layoutNavMenuWrapper {
    z-index: 1;
    position: absolute;
    top: 43px;
  }
  .subNav,
  #layoutPageContent #layoutTopWrapper #headerLogoff {
    display: none;
  }
  #headerLogout {
    display: none;
  }
  .headerContent {
    float: none;
  }
  #layoutTopRight {
    clear: both;
    margin: 10px;
    text-align: center;
  }
  .vcp_welcomeUser_message {
    padding: 20px;
  }
  .vcp_welcomeUser_links {
    display: none;
  }
  #abc_leftNav_menuIcon {
    display: block;
    cursor: pointer;
    margin-right: 8px;
  }
  #layoutContentAreaWrapper {
    padding: 0px;
  }
  #layoutContentArea {
    clear: both;
    padding-top: 30px;
  }
  #layoutNavMenuContentSection {
    width: 100%;
    position: absolute;
    top: -80px;
  }
  ul#topNav.authTopNav {
    display: none;
  }
  ul#topNav {
    margin: 0px;
  }
  .authTopNav,
  .unauthTopNav {
    float: right;
    width: 100%;
    margin: 0;
    display: none;
    border-bottom: 0 none;
  }
  .authTopNav .responsiveLinks {
    display: block;
  }
  ul#topNav a {
    background: none !important;
    margin: 0 auto;
    padding: 8px 0;
  }
  ul#topNav span {
    background: none !important;
  }
  ul#topNav li {
    background-color: #136634;
    width: 100%;
    display: block;
    height: 42px;
    text-align: right;
    padding: 0;
    margin: 0;
    border-top: 1px solid #ffffff;
  }
  ul#topNav li:last-child {
    border-bottom: 1px solid #136634;
  }
  ul#topNav li.current {
    background-color: #b9d3b3;
  }
  #loginEnhancementPhone {
    display: block;
  }
  #loginEnhancementContentPhone {
    display: block;
  }
  #loginEnhancement {
    display: none;
  }
  .navMenuWrapper {
    background-image: none;
    background-color: #6693bc;
  }
  ul#navTabs {
    display: block;
    width: 100%;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
  }
  ul#navTabs li {
    margin: 0px;
    width: 50%;
    text-align: center;
    border: 0px;
    height: 100%;
    background-image: none !important;
    padding: 0px;
  }
  ul#navTabs li a {
    background-image: none !important;
    color: #06552c;
  }
  ul#navTabs li.activeMenuItem,
  ul#navTabs li.activeMenuItem a {
    background-color: #b9d3b3 !important;
    color: #ffffff;
  }
  div.activeMenuItem {
    background-image: none;
    background: none;
    background-color: #b9d3b3;
  }
  #tc_transactionDetails {
    border: 0px;
  }
  #tc_accountSummary {
    border: 0px;
  }
  .optionsSmallCell {
    display: table-cell;
    background-color: #008933;
    line-height: 34px;
    text-align: center;
    width: 50%;
    cursor: pointer;
    color: #ffffff;
  }
  .optionsSmallCell a:link,
  .optionsSmallCell a:focus,
  .optionsSmallCell a:visited,
  .optionsSmallCell a:hover,
  .optionsSmallCell a[role="button"] {
    color: #ffffff;
  }
  #messageNavTab {
    display: block;
  }

  .navMenuWrapper {
    background-image: none;
    background-color: #16703e;
  }
  div.activeMenuItem {
    background-color: #16703e;
  }

  .tranCoreButton {
    margin-bottom: 10px;
  }
  .removeGrayBorder {
    display: none;
  }
}

@media only screen and (max-width: 640px) {
  div.loginBox {
    width: 96%;
    border-width: 0px;
  }

  .loginForm,
  .loginTitle {
    width: 100%;
  }

  div.loginSpacer {
    display: none;
  }

  .bx-wrapper .bx-viewport {
    border: none;
  }

  #shieldV2Component .form_control__select .error-text__container .error-text__error {
  font-size: 10.4px !important;
  }
  }

/*WCAG Override for Enroll - Prevents contrast errors*/
a#showPin,
a#showZipSsn {
  color: #027e30;
}

/* Public card activation screen */
.publicCardActivation > .publicCardField .tooltip.unAuthPageToolTip {
  left: 85px;
}

/*Additional theme tweaks*/

#skipTopNav a {
  color: #284e36;
  height: 1px;
  left: -500px;
  overflow: hidden;
  position: absolute;
  top: -50px;
  width: 1px;
  z-index: 2;
}

.middleWrapper h2.contentAreaSubHeader,
.middleWrapper h2.contentAreaSubHeader {
  text-transform: uppercase;
}

div.loginSpacer {
  position: relative;
  width: 2%;
  float: left;
}

.bx-wrapper .bx-viewport {
  border: 1px solid #9a9b96;
}

/* ********************** ABC SPECIFIC FLEXBOX STYLES ********************** */
html {
  height: 100%;
}
#layoutPageContent:not(.ie-user) #layoutTopWrapper {
  /*this z-index is conflicting with the z-index of the modals used for service popups.*/
  /*z-index: 2;*/
}
#layoutPageContent:not(.ie-user) #layoutMiddleWrapper {
  z-index: 0;
  position: relative;
}
#layoutPageContent:not(.ie-user) #layoutMiddleWrapper:after {
  content: "";
  position: absolute;
  background-color: white;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}
@media screen and (min-width: 1030px) {
  #layoutPageContent:not(.ie-user) #layoutMiddleWrapper:after {
    max-width: 1030px;
    margin-left: -515px;
    left: 50%;
  }
}
#layoutPageContent:not(.ie-user) #layoutMiddleWrapper > .layoutPageContent2 {
  position: relative;
  z-index: 1;
}

/*Transaction Data Sharing Toggle*/
.toggle-label input[type="checkbox"] + .back,
.toggle-label input[type="checkbox"]:checked + .back {
  background-color: #284e36;
}
.toggle-label input[type="checkbox"]:checked + .back .label.on {
  color: #595959;
}

/*Servicing app and Claim Initiation feature styles for Associated*/
.claims-category-header {
  background-color: #284e36 !important;
}

/*Session expiring popup*/
h2.contentAreaSubHeader#sessionExpiringDialogTitle,
.tieringElement#sessionExpiringDialogBody,
.tieringElement#sessionExpiringDialogBody + .tieringElement,
div[aria-describedby="sessionExpiringDialogBody"] .marginButtonNav {
  text-align: left;
}
.web_hollowButton {
  background-color: transparent;
  border-style: solid;
  border-width: 1px;
  color: #284e36;
  border: solid 1px #284e36;
}
@media only screen and (max-width: 320px) {
  .tranCoreButton {
    width: 100%;
  }
  #popupFrame {
    margin: 10px;
  }
}

.reviewRecentTransactions #popupFrame,
.reviewSubmitRequest #popupFrame,
.cardDeliveryOptions #popupFrame,
.lostStolenAdditionalDetails #popupFrame,
.cardReplacementSelectUsers #popupFrame,
.cardReplacementDeliveryOptions #popupFrame,
.cardReplacementReviewSubmit #popupFrame {
  margin: 0px;
  padding: 15px;
}

.reviewRecentTransactions #popupTitleBar,
.reviewSubmitRequest #popupTitleBar,
.cardDeliveryOptions #popupTitleBar,
.lostStolenAdditionalDetails #popupTitleBar,
.cardReplacementSelectUsers #popupTitleBar,
.cardReplacementDeliveryOptions #popupTitleBar,
.cardReplacementReviewSubmit #popupTitleBar {
  height: 0;
  padding: 0;
}

.cardHub h2.contentAreaSubHeader,
.cardHub h1#subHeader,
.cardHub a {
  color: #284e36;
}

.cardHub a:focus {
  border: 1px solid #284e36;
}

@media screen and (min-width: 321px) and (max-width: 640px) {
  .cardHub h2.contentAreaSubHeader {
    width: 100%;
  }
}

@media only screen and (max-width: 320px) {
  .cardHub h2.contentAreaSubHeader {
    width: 100%;
  }
}

.cardHub .servicesContent {
  padding: 0px;
}

p.cardHubContent {
  margin-top: -15px;
}

.cardHub h2.contentAreaSubHeader,
.cardHub h1.contentAreaSubHeader {
  background-color: transparent;
  text-transform: none;
}
/* Overriding width value to fix overlapping of flield in Ipad */
#BalanceTransferApp .bt-request.bt-flexContainer:last-child .bt-fieldContainer.svc-size-M {
  width: 12em;
  margin-right: 40px;
}

/* Overriding Shield library styles for this applying partner specific styles */

/* Buttons */
#shieldLibraryComponent .usb-button.button--primary , #shieldLibraryComponent .tooltip__content--dark, .yesBtn{
  background: #006827;
  color: #ffffff;
}
#shieldLibraryComponent .usb-button.button--primary:hover, .yesBtn:hover {
  background: #138939;
}
#shieldLibraryComponent .usb-button.button--secondary, .noBtn {
  background: #ffffff;
  color: #006827;
  border-color: #006827;
}
#shieldLibraryComponent .usb-button.button--secondary:hover, .noBtn:hover {
  background: #006827;
  color: #ffffff;
  border-color: #006827;
}
button.sendBtn{
  background: #006827;
}
div.floatingBtn, button.floatingBtn{
  background-color: #006827;
  font-family: arial, sans-serif;
}
#shieldLibraryComponent .usb-button.button--loud {
  background: #ff7900;
  color: #000000;
}
#shieldLibraryComponent .usb-button.button--loud:hover {
  background: #aad043;
  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,
#shieldLibraryComponent span.usb-link,
.rewardsAndBenefits #shieldLibraryComponent a.basic:hover {
  color: #006827;
}
#shieldLibraryComponent a.basic:hover,
#shieldLibraryComponent a.arrow:hover,
#shieldLibraryComponent .arrow > a:hover,
#shieldLibraryComponent .arrow > a .anchor-children:hover,
#shieldLibraryComponent span.arrow:hover,
#shieldLibraryComponent .arrow > span:hover,
#shieldLibraryComponent .arrow > .anchor-children:hover,
#shieldLibraryComponent .usb-accordion .accordion-panel__header:hover,
#shieldLibraryComponent .usb-accordion .accordion-panel--expanded .accordion-panel__header,
#shieldLibraryComponent a.subtle:hover,
#shieldLibraryComponent a.inline:hover,
#shieldLibraryComponent a.inline.dark:hover,
#shieldLibraryComponent span.usb-link:hover {
  color: #138939;
}

/* radio buttons */
#shieldLibraryComponent .form-control__radio .input__container input[type="radio"]:hover:not(:checked):not(:disabled) {
  border: 1px solid #006827;
}
#shieldLibraryComponent .form-control__radio .input__container input[type="radio"]:checked {
  border: 2px solid #006827;
  background-color: #006827;
}
/* Check boxes */
#shieldLibraryComponent .form-control__checkbox input[type="checkbox"]:checked + label svg {
  background: #006827;
  border: 1px solid #006827;
}
#shieldLibraryComponent .form-control__checkbox input[type="checkbox"]:hover:not(:disabled) + label svg {
  border: 1px solid #006827;
}
/*Trancore body color*/
#shieldLibraryComponent .usb-accordion .accordion-panel__header,
#shieldLibraryComponent .usb-accordion .accordion-panel__content{
color: #666666;
}

/* Shield V2 label text for input field
#shieldV2Component .form-control__radio .label__text,
#shieldV2Component .form-control__input.label-top label,
#shieldV2Component .form_control__select.error .labelText__text,
#shieldV2Component .form_control__select .labelText__container,
#shieldV2Component .form_control__select__container select,
.form_control__select.error .labelText__text#label-text-hardShip_reason{
  color:#666666
} */


@media only screen and (max-width: 1024px) and (min-width: 641px) {
  .enrollIDShieldPageHeader {
    display: none;
  }
  .enrollIDShieldPage .layoutPageContent2 .layoutPageContent3 {
    max-width: 100%;
    padding-top: 0px;
    margin: 0px;
    background: none;
  }
  .enrollIDShieldPage #layoutContentWrapper {
    margin-top: 0;
  }
  .enrollIDShieldPage #layoutContentArea {
    padding-top: 0;
  }
}
.tieringElementBot {
  padding-bottom: 15px;
  clear: both;
}
h2 {
  margin: 0px;
  padding: 0px;
  height: 100%;
}

/* Virtual Card styles */
.virtualcardSubheader {
  outline: none;
}

.icc-content .cardDetails {
  line-height: 28px;
  margin-top: 10px;
  width: 500px;
}

.icc-content .cardDetails .continueBtn {
  background-color: #006827;
  color: #ffffff;
  width: 42%;
  font-weight: 700;
  font-size: 16px;
  border: 1px solid;
  border-radius: 4px;
  line-height: 1.25em;
  padding: 0px 24px 0px 24px;
  margin: 30px 12px 20px 0px;
  height: 44px;
}
.icc-content .timerSection .continueBtn {
  background-color: #284e36;
  color: #ffffff;
  font-size: 12px;
  display: inline-block;
  font-weight: 700;
  padding: 10px;
  margin-bottom: 5px;
  border-width: 0px;
}
.icc-content .cardDetails .continueBtn:hover {
  background-color: #138939;
}
.icc-content .noteBold {
  font-weight: bold;
}
.icc-content .imgCard {
  margin: 20px auto;
}

.icc-content .cardDetails p {
  margin: 0px;
  padding: 2px 0px 2px 10px;
  background-color: #f7f7f7;
}
.icc-content .accessExpire {
  text-align: left;
  margin-top: 20px;
  font-size: 14px;
  font-style: normal;
  outline: 0;
}
.icc-content .accessExpireSubMsg {
  text-align: left;
  margin-top: 20px;
}

.icc-content .modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.icc-content .modal-main {
  position: absolute;
  background: #fff;
  width: 350px;
  height: 33%;
  margin: auto;
  border: 1px solid #000000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 0px) and (max-width: 639px) {
  .icc-content .modal-main {
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
}
.icc-content .modalHeader {
  margin: 40px 20px 16px;
  font-size: 14px;
  font-weight: bold;
}
.icc-content .modalContent {
  margin: 16px 20px 20px;
  padding-right: 10px;
  font-size: 12px;
}
.icc-content .modalCloseIcon {
  float: right;
  margin-top: 12px;
  margin-right: 12px;
  cursor: pointer;
  background-color: transparent;
  border: none;
}
.icc-content .timerSection {
  width: 289px;
  margin: 10px 20px;
  display: block;
}
.icc-content .timerBtn {
  margin: 0;
}
.icc-content .resetTxt {
  margin-top: 12px;
}

/*Collection Application Headers */
h1.page-heading {
  font-size: 1.5em;
  font-weight: bold;
  font-family: Arial;
  color: #284e36;
  background-color: #e2f0e1;
  padding: 10px 20px;
  margin: 0;
  text-transform: uppercase;
}
#shieldLibraryComponent .longTermFundPage span.multiple-notification--link-text.multiple-notification--text-end-short,
#shieldLibraryComponent .usb-notification.fundingPageError > .error a span,
#shieldLibraryComponent .longTermFundPage .errortext.field-level-error-text,
#shieldLibraryComponent .longTermFundPage .accountTypeDetails .errortext.field-level-error-text,
#revampedQuestionniarePageError .usb-notification > .error .multiple-notification--link-text,
#shieldLibraryComponent .usb-notification.fundingPageError .single-notification--text {
  font-family: verdana, Helvetica, sans-serif !important;
}

.enroll-description_text,
.enroll-confirmation-text{
  font: 12px verdana, Helvetica, sans-serif !important;
}

.longTermEnroll .landingpage-sub-heading{
  font-family: verdana, Helvetica, sans-serif !important;
}

#settlementConfirmation .landingpage-sub-heading{
  font-family: verdana, Helvetica, sans-serif !important;
}

#settlementConfirmation .collection-landingpage-sub-heading h2{
  font-family: verdana, Helvetica, sans-serif !important;
}

#settlementConfirmation .enroll-settlement-amount{
  font-size: 36px;
  font-weight: 700;
  line-height: normal;
  font-family: verdana, Helvetica, sans-serif !important;
  margin: 0;
}

#settlementConfirmation .enroll-settlement-dueby{
  margin: 0;
}

#settlementConfirmation .confirmation{
  margin-top: 0;
}

#settlementConfirmation .enroll-setup-paymentnow-button.usb-button.button--default{
  margin-top: 0;
  margin-bottom: 0;
}

#settlementConfirmation .enroll-setup-paymentnow-button.usb-button.button--default p {
  margin: 0;
  color: inherit;
  font-size: initial;
  font-family: HelveticaNeue-USB,Helvetica Neue,Helvetica,Arial,sans-serif;
}

#settlementConfirmation .enroll-landingpage-para ul{
  padding-inline-start: 18px;
}

#settlementConfirmation .enroll-landingpage-para ul ul{
  padding-inline-start: 40px;
  list-style-type: disc;  
  font-size: 13px;
}

.accountTypeDetails .errorText{
  font-family: verdana, Helvetica, sans-serif !important;
}

h1.page-heading-omv {
  font-size: 1rem;
  font-weight: 600;
  text-transform: none;
  padding: 10px 20px;
  color: #aa2b2b;
}

/* remove below style after converting the label to shield for "3-digit security code in enrollment page */

.enrollmentPage #signaturePanelCode_lbl,
.enrollmentPage #radioLabel , .enrollmentPage #cardNumber_lbl {
  font-size: 12px;
  font-family: HelveticaNeue-USB, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #4d4f53;
}

#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, #shieldLibraryComponent span.usb-link, #cardArtLogin {
  color: #006827;
}

#shieldV2Component .form_control__select__container select,
.form_control__select .error-text__container .error-text__error {
  font-family: verdana, Helvetica, sans-serif !important;
 }

#shieldLibraryComponent .form-control__radio .input__container input[type="radio"]:checked {
  border: 2px solid #006827;
  background-color: #006827;
}

#shieldLibraryComponent .form-control__radio.is-focused .input__container:after{
  /* border:none; */
  border-color: #006827;
 }

.enrollmentPage .errortext #signaturePanelCode_lbl,
.enrollmentPage .errortext #radioLabel {

  color: #EE0000;
}

.enrollmentPage .errortext  #cardNumber_lbl{
  color: #EE0000;
}

#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: #666666 !important;
font-family:verdana, Helvetica, sans-serif !important

	}
  #shieldLibraryComponent .form_control__select .error-text__container .error-text__error,
  #shieldLibraryComponent .usb-notification>.error .multiple-notification--text,
  #shieldLibraryComponent .usb-notification>.error,
  #shieldLibraryComponent .usb-notification>.error a{

    font-family:verdana, Helvetica, sans-serif !important
  


  }

  
  
 /*
 #shieldLibraryComponent .usb-button:focus:before{
  border-color: #006827;
 }
*/

.au_userPrompt p {
  max-width: 540px;
}

/* *****IE browser notification styles*****  */
.notify_ie .layoutPageContent2 {
  max-width: 965px;
}
/* IE browser notification styles ends */

/*housing page*/

#shieldLibraryComponent .creditLimitIncrease .usb--wrapper .usb--floating-label, #shieldLibraryComponent .creditLimitIncrease .usb--radio-fieldset legend{
  font-family:verdana, Helvetica, sans-serif !important;
}
.PublicPageTooltip .tooltip__content--dark{

  background-color: #284E36!important;

}
#chatCta, #chatCta:hover, #shieldLibraryComponent .usb-button.button--primary.chatCta,
#shieldLibraryComponent .usb-button.button--primary.chatCta:hover, 
#shieldLibraryComponent .usb-button.button--primary.chatCta:focus,
#shieldLibraryComponent .usb-button.button--primary.chatCta:focus:before,
#shieldLibraryComponent .usb-button.button--primary.chatCta:active
.usb-button.chatCta:focus:before,
.usb-button.button--primary.chatCta:active,
.usb-button.button--primary.chatCta:hover,
.usb-button.button--primary.chatCta:focus,
#shieldLibraryComponent .usb-button.button--primary.chatCta:active,
.usb-button.chatCta:focus:before,
.tranCoreButton.chatCta:hover{
  background-color: #284e36;
  background:#284e36; 
}

.longTermEnroll ul li ul {
  text-indent: -20px;
}