/**************************************************/
/*                    WebFonts                    */
/**************************************************/


/**************************************************/
/*                     Layout                     */
/**************************************************/
body {

}

/*Contains all elements within the body*/
.wrapper {

}

/*Contain all data area items other than Transactions on Account Page*/
main > .grid {
	padding-top:0px;
}

/*Contains the Utility Navigation, Banner, and Primary Navigation*/
header {

}

/*Banner*/
header div.grid__unit ~ div.grid__unit:nth-child(2) {
	background-image: url('logo-main-2024.png');
	background-repeat:no-repeat;
	margin-left: 24px;
}

/*Define Logo Here*/
.bank-branding {
	background-image: url('logo-tag-2024.png');
        height: 271px;
        image-rendering: auto;
        background-repeat:no-repeat;
	background-position: center;
	margin: 0px;
}

/*Used around data areas*/
.content--block{
    background-color:#FCFBF8;
    border: solid 1px #c1c1c1;
    color:#818181;
}
/*fixes border around Transactions widget legend box*/
#tranLegend {
	border:none;
}
/*Removes the Hover from the Legend in top right corner of widget*/
#tranLegend > tbody > tr:hover {
	background-color:transparent;
}

/*Data Sections Area (add Highlight to transaction row you hover over)*/
tbody > tr:hover {
	background-color:#E6E6E6;
}


/**************************************************/
/*                     Font                       */
/**************************************************/
/*Fonts should only be defined as pixels on the html element. Other elements should use REM units.*/
html {
	font-size:14px;
}
body {
	font-family: 'Open-Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1rem;
}

/*Link colors. To target data section only add main in front of the selector*/
a, a:visited {
	color:#0088cc;
}
a:hover, a:active {
	color:#005580;
}
p {
    color:#818181;
}

/*Negative Account Balance*/
.neg--balance {
	color:#FF0000;
}

/*Action Buttons*/
.btn--default {
	background-color:#A1373A;
	color:#ffffff;
}
.btn--default:hover {
	background-color:#007ec2;
	color:#ffffff;
}
.btn--link {
	color:#5e7b8e;
}
.btn--link:hover {
	color:#5e7b8e;
}
.btn--primary, a.btn--primary {
	background:#A1373A;
	color:#FFFFFF;
}
.btn--primary:hover, a.btn--primary:hover {
	background:#007ec2;
	color:#FFFFFF;
}
.btn--thead {
	color:#ffffff;
}

/*Alerts*/
.badge {
	background:#007ec2;
	color:#ffffff;
}

/*MFA*/
.mfa-divider {
	background:#dfdfdf;
}
.mfa-divider:before {
	background:#ffffff;
}

/*Data Tables*/
.text--plain {
	color:#888;
}
.slat {
	border-color:#dfdfdf;
}
.table--underlined>thead>tr>th, .table--underlined>tbody>tr>th, .table--underlined>tbody>tr>td {
	border-bottom:1px solid #dfdfdf;
}
.table--underlined>thead tr:last-child th {
	border-bottom-width:2px;
}
.table--underlined>tbody tr:last-child td, .table--underlined .no-border {
	border-bottom-width:0;
}
.table--underlined>tfoot td {
	border-top:1px solid #dfdfdf;
}
thead th {
	background: #A1373A;
}
.arrow {
	border-color:#dfdfdf;
}
.arrow--top-right:after {
	border-bottom-color:#dfdfdf;
}

.slat+.slat {
	border-top: 1px solid #dfdfdf;
	margin-top: -1px;
}

/*OPTIONAL FONTS*/
/*Data Area Header Dropdown - Account page*/
main div.grid:nth-child(1)  div.grid__unit:nth-child(1) div.dropdown ul li , main div.grid:nth-child(1)  div.grid__unit:nth-child(1) div.dropdown ul li a {

}
main div.grid:nth-child(1)  div.grid__unit:nth-child(1) div.dropdown ul li:hover {

}

input, select {

}
h1, h2, h3, .h1, .h2, .h3 {

}
h4, h5, h6, .h4, .h5, .h6 {

}
h1, .h1 {

}
h2, .h2 {

}
h3, .h3 {

}
h4, .h4 {

}
h5, .h5 {

}
h6, .h6 {

}

/*Various alerts messages */
.alert--error {
	background:#fbeae9;
	border-color:#f7d6d3;
	color:#ad3123;
}
.alert--info {
	background:#d9edf7;
	border-color:#bce8f1;
	color:#2e6a87;
}
.alert--success {
	background:#dff0d8;
	border-color:#d6e9c6;
	color:#3a703c;
}
.alert--warning {
	background:#fffdd5;
	border-color:#ffe89e;
	color:#8c6b33;
}
.text--error {
	color:#ad3123;
}
.text--info {
	color:#2e6a87;
}
.text--muted {
	color:#999;
}
.text--success {
	color:#3a703c;
}
.text--warning {
	color:#8c6b33;
}

/**************************************************/
/*            Utility Navigation                  */
/**************************************************/
/*Position of Utility Section*/
header div.grid:nth-child(1)  div.grid__unit:nth-child(1) {

}

/*Welcome Message*/
.message--welcome {

}
.message--welcome p {
	color: #000000;
}

/*Utility Navigation Buttons*/
.nav--utility {

}
.nav--utility li {
	background-color: transparent;
}
.nav--utility a{
	color: #000000;
}
.nav--utility a:hover {
	text-decoration:underline;
}

/**************************************************/
/*            Primary Navigation                  */
/**************************************************/
/*Primary Navigation Positioning*/
header div.grid__unit ~ div.grid__unit:nth-child(2) {

}

.nav--primary {
	background-color:#A42B2F;
	width:88%;
	position: relative;
	top:-40px;
	left:180px
}

/*Navigation Buttons*/
.nav--primary li {
	
}
.nav--primary li a{
	color:#FFFFFF;

}
.nav--primary li.is--selected a{
	background-color:#651310;
}
.nav--primary li a:hover {
	background-color:#651310
}
.nav--primary a {

}

/**************************************************/
/*            Account Navigation                  */
/**************************************************/
.nav--account {

}
.nav--account li a { 
	background-color:transparent !important;
	color:#0088cc !important;
}
.nav--account li a:hover {
	background-color:transparent !important;
	color:#005580 !important;
	text-decoration: underline !important;
}
.nav--account li.is--selected a {

}

/**************************************************/
/*                   Footer                       */
/**************************************************/
.page--footer {
	background-image: url('fdic.png');
	background-repeat:no-repeat;
	background-position:top right;
}
footer nav{

}
footer p {
	
}
footer a {

}
.padding-right--add{
	padding-right: 0;
}

/**************************************************/
/*                Media Queries                   */
/**************************************************/

@media screen and (max-width: 921px) {
	html {
		font-size:14px;
	}

header div.grid__unit ~ div.grid__unit:nth-child(2) {
	background-image: none;
	margin-left: 0px;
}

/*Primary Navigation Positioning*/
header div.grid__unit ~ div.grid__unit:nth-child(2) {

}

.nav--primary {
	background-color:#A42B2F;
	width:100%;
	position: relative;
	top:0px;
	left:0px
}

/*Welcome Message*/
.message--welcome {
	padding-top:8px;
}

	/*Add "mobile" logo here*/
	.bank-branding {
	}
	.wrapper {
		min-width:auto;
		padding:0px;
	}
	main {
		padding:10px;
	}
	.nav--primary li {
		
	}
}

@media screen and (max-width: 599px) {
	html {
		font-size:12px;
	}

/*Welcome Message*/
.message--welcome {
	padding:8px;
}
	
	/*Add "mobile" logo here*/
	.bank-branding {
	background-image: url('logo-main.png');
	}
	.wrapper {
		min-width:auto;
		padding:0px;
	}
	main {
		padding:10px;
	}
	.nav--primary li {
		border-bottom: 1px solid #ffffff;
	}
}

/*Terms and Conditions Added 2016-02-04 e3244*/
.terms-container-pre, .terms-container-iframe {
                height:12vh;
}