/**************************************************/
/*                    WebFonts                    */
/**************************************************/
@font-face {
    font-family: 'SourceSansPro';
    src: url('sourcesanspro-regular-webfont.eot');
    src: url('sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-regular-webfont.woff') format('woff'),
         url('sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('sourcesanspro-regular-webfont.svg#SourceSansPro') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**************************************************/
/*                     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: 'SourceSansPro', Arial, Helvetica, sans-serif;
	font-size:1rem;
}
/*Link colors. To target data section only add main in front of the selector*/
a, a:visited {
	color:#5e9732;
	text-decoration:none;
}
a:hover, a:active {
	color:#3a5e1f;
}
a[href*="/Login/"] {
	text-transform:capitalize;
}
dd.h3 {
	color:#606673;
	font-weight:bold;
}
div#account-information  h3 {
	color:#5e9732;
}
dt {
	color:#5e9732;
	font-weight:bold !important;
}
div#checks-deposits-stop-payment-issued > h2 {
	padding-left:1px;
}
p, p.h3{
    color:#606673;
}
.accounts-summary-group p.h3 {
	color:#000;
}
p.help-text {
	font-style:normal;
	padding-left:2px;
}
/*Negative Account Balance*/
.text--negative {
	color:#ff0000;
}

/*Buttons*/
.button/* , .button.secondary.ng-binding, button.button.secondary.no-margin-bottom.no-print */{
	transition: background 1s ease; 
	font-size: 0.93rem; 
	color: #fff; 
	background:#8dc63e; 
	border-radius:3px;
	text-transform:capitalize;
}
.button:hover,.button:focus/*, .button.secondary.ng-binding:hover,button.button.secondary.no-margin-bottom.no-print:hover */ {
	background: #72a130;
	color:#fff;
}
.button.secondary {
	transition: background 1s ease; 
	font-size: 0.93rem;
	background: #5e9732;
	color:#fff;
	border-radius:3px;
}
.button.secondary:hover, .button.secondary:focus {
	color: #fff; 
	background:#467125; 
}
button[ng-show*="Edit"].button.secondary {
	transition: background 1s ease; 
	font-size: 0.93rem; 
	color: #fff; 
	background:#8dc63e; 
	border-radius:3px;
	text-transform:capitalize;
}
button[ng-show*="Edit"].button.secondary:hover {
	background: #72a130;
	color:#fff;
}
button[ng-show*="Delete"].button.secondary {
	transition: background 1s ease; 
	font-size: 0.93rem;
	background: #5e9732;
	color:#fff;
	border-radius:3px;
}
button[ng-show*="Delete"].button.secondary:hover {
	color: #fff; 
	background:#467125; 
}
button[name="login"] {
	padding:6px 24px;
}
.button.small-3{
	width:12%;
}
.accordion{
	padding-left:0 !important;
	border:none;
}
div#home-pay-or-transfer > accordion > ul.accordion > li {
	border:1px solid #fff;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	margin-bottom:10px;
}
.accordion-title {
	background:#005695; 
	color:#fff;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.accordion-content {
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding:0;
	border:none;
}
.accordion-title:hover {
	background: #003962;
	color:#fff;
}
.button.button-link:hover, .button.button-link:focus:enabled{
	color:#3a5e1f;
}
.button.button-link {
	color:#5e9732;
	font-weight:bold;
	border-radius:3px;
}
button#home-accounts-button-show {
	font-size:1.14rem;
}
/*OPTIONAL FONTS*/
/* label.inline {
	color:#606673;
} */
label {
	color:#606673;
}
#account-information label {
	color:#000;
}
label.inline {
	text-transform:capitalize;
}
input, select {

}
select {
	width:inherit;
}
select#accounts {
	border:1px solid #cacaca;
}
h1, h2, h3, .h1, .h2, .h3 {
	text-transform:capitalize;
}
h4, h5, h6, .h4, .h5, .h6 {
	font-size:1rem;
	text-transform:capitalize;
}
h1, .h1 {
	font-size:1.29rem;
	color:#5e9732;
	max-width:1500px;
	width:100%;
	margin:0 auto;
}
h2, .h2 {
	font-size:1.14rem;
	color:#606673;
}
div.accounts-summary-group h2 {
	color:#000;
}
h3, .h3 {
	font-size:1.14rem;
	color:#606673;
}
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;
}
/**************************************************/
/*                     Layout                     */
/**************************************************/
body {
	background:#fff;
}

/*Initiate flex layout*/
div.ebc-main > div.columns {
	display: flex;
	flex-direction:column;
}
header, footer {
	flex:none;
}
main {
	flex:1 0 auto;
	padding:var(--space) var(--space) 0;
	background:rgba(255,255,255,0.7);
}	
main::after{
	content: '\00a0';
	display:block;
	margin-top:var(--space);
	height:0px;
	visibility:hidden;
}

.wrapper {
	/*Fix for iPhones width */
	min-width:initial;
	/* Never make webpage less than 1100px wide */
}
/*Contains the Utility Navigation, Banner, and Primary Navigation*/
[role="banner"] {
	margin:0px;
}
body > div.row{
	max-width:100%;
}
main{
	
}
main#main{
	width:100%;
	margin:0 auto;
	max-width:1500px;
	align-self:center;
	padding-top:20px;
	padding:20px 5px;
}  
main#main h2 {
	padding-top:10px;
}
header{
	border-bottom:20px solid #606673;
}
header > div.row:nth-child(2){
	max-width:100%;
}
header div.row{
	max-width:100%;
}
header > div.row.collapse:nth-of-type(2) div.medium-12:first-of-type{
	float:none !important;
	width:100%;
	margin:0 auto;
	max-width:1500px;
}
div.row.collapse.grid.expanded.no-print-information {
	
}
[role="banner"] {

}
[role="banner"] > div.row:first-child, [role="banner"] > div.row:first-child > div.medium-12 {
	max-width:100%;
	margin:0 auto;
}
.bank-branding {
	background:url('logo.png') no-repeat;
	height:85px;
	margin:20px 0px 0px 0px;
}
.medium-12 {
}

table tr th {
	background-color:#606673 !important;
	color:#ffffff !important;
}
table tr th, table tr td {
	border-collapse:collapse;
}
/*Transaction Table odd even row colors*/
table tbody tr:nth-child(odd){
	background:#f4f4f4;
	border-collapse:collapse;
}
table tbody tr:nth-child(even){
	background:#fff;
	border-collapse:collapse;
}

div [ng-controller*="AccountBalanceController"] {

}
.row {
	width:100%;
	margin:0 auto;
	max-width:100%;
}
/*Reorder Home Page Right Column*/
#home-right {
	order:1;
	display:flex;
	flex-direction:column;
}
#home-pay-or-transfer {
	order:;
}
#home-quick-launch {
	order:;
}
#home-ad {
	order:;
}
#home-beavercreek {
	order:;
}

#home-pay-transfer-internal label, #home-pay-transfer-ach label, #home-pay-transfer-ach-file label, #home-pay-transfer-wire label, #home-pay-transfer-wire-file label {
	color:#606673;
}
/*Fixes Home page ad resizing issue*/
#home-ad-viewer > ul, #home-ad-viewer > ul > li {
	height:auto !important;
	max-height:none !important;
}
.callout.primary {
	background: rgba(204,112,14,.2);
    color: #cc700e;
    border: 1px solid #f08a1d;
}

a.button-link[href*="PositivePay"] {
	text-transform:capitalize;
}

/*Remove Remember username from login page*/
form[name=loginForm] #remember, form[name=loginForm] label[for="remember"] {
	display:none;
}

/*Remove Total Debits and Total Credits titles on Transactions table */
.callout.no-margin-bottom.no-padding.table--transactions > ul > li.nav--text.ng-binding.ng-scope {
	display:none;
}
/**************************************************/
/*            Table Drop Shadows                  */
/**************************************************/
.slat {
	background-color:#FFFFFF;
	border-top:2px solid #606673;
	border-bottom:2px solid #606673;
}
div#profile div.callout.ng-scope .row.collapse.slat:first-child {
	border-top:2px solid #606673;
}
div#profile div.callout.ng-scope .row.collapse,div#profile div.callout.ng-scope .row.collapse.slat.ng-scope {
	border-top:none;
}
/* Home Page Hover on Accounts BG */
.slat.slat--clickable:hover {
	
}
.table--underlined>thead>tr>th, .table--underlined>tbody>tr>th, .table--underlined>tbody>tr>td {

}
.table--underlined>thead tr:last-child th {

}
.table--underlined>tbody tr:last-child td, .table--underlined .no-border {
	border-bottom-width:0;
}
.table--underlined>tfoot td {
}

table.table--transfers tbody td {
}
.arrow {

}
.arrow--top-right:after {
	
}
.form__group--inline + p.push--large--one-quarter {
	display:none;
}

div.singleAccount .grid, .checkfree-widget-container, #home-beavercreek,#home-ad, #table--transactions, #searchTransactionsForm, div [data-ui-component*="account-details"], div [data-bind*="modal-wrapper"], #scheduled-transfers, #stopPaymentAdd, #stopPaymentList, #iframe, div [data-bind*="ChangePassword"], div [data-bind*="ChallengeQuestions"], div [data-bind*="with: Email"], div [data-bind*="with: Phone"],div [data-bind*="with: Phone"] + div.slat, div [data-bind*="with: Mobiliti"],div [data-bind*="with: Email"] + div.slat, div.slat, div [ng-controller*="FocusController"], div [ng-controller*="WireListController"], div [ng-controller*="TransferListController"], ul.accordion, table.table--stop-payments, div.callout.ng-scope, div#transactions-left, div#transactions-right{
	
}
form[name*="loginForm"] div.slat, div[ng-if*="!transferIssue"], div[ng-if*="!stopPayIssue"], form[name*="smallBusinessBillPayEnrollmentForm"] div.slat--last, div [ng-controller*="ProfileController"], div [ng-controller*="ReviewWireListController"] {

}
/*Decrease space on forms*/
form[name=loginForm] > .row.collapse > .large-3.columns {
	width:10%;
}
form[name=loginForm] > .row.collapse > .large-offset-3.large-9.columns.end {
	margin-left:10%;
}
form[name=loginForm] > .row.collapse > .large-4.medium-6.columns.end {
	width:20%;
}
form div.large-3 {
	width:15%;
}
form div.large-9 {
	width:85%;
}
form div.large-offset-3, div#checks-deposits-stop-payment-create .row.collapse.slat.slat--last.ng-scope div.columns {
	margin-left:15%;
}
div#checks-deposits-stop-payment-create div#confirmsingle .row.collapse {
	width:61%;
}
div#accounts-div div.medium-2.large-2.columns{
	width:15%;
}
div#checks-deposits-stop-payment-create div.callout div.row.collapse.ng-scope div.medium-8.medium-offset-4.large-9.large-offset-3.columns {
	margin-left:15%;
}
div [data-bind*="ChangePassword"], div [data-bind*="ChallengeQuestions"], div [data-bind*="with: Email"], div [data-bind*="with: Phone"],div [data-bind*="with: Phone"] + div.slat, div [data-bind*="with: Mobiliti"],div [data-bind*="with: Email"] + div.slat {
	margin-bottom:10px;
}

.mfp-content main {

}
.mfp-content div [data-bind*="modal-wrapper"] {

}
.callout, table.table--transfers tbody, table.table--stop-payments tbody, div.callout.ng-scope div.medium-12, .table--transactions-full tbody{
	
}
#accounts {
	border: none;
}
#home-pay-transfer-internal, #home-pay-transfer-ach, #home-pay-transfer-ach-file, #home-pay-transfer-wire-file{
	border: 2px solid #606673;
	border-radius:5px;
}
#home-pay-transfer-internal div.row.collapse, #home-pay-transfer-ach div.row.collapse, #home-pay-transfer-ach-file div.row.collapse, #home-pay-transfer-wire div.row.collapse, #home-pay-transfer-wire div.row.collapse {
	border: none;
	border-radius:5px;
}
#home-quick-launch > div.callout, div.callout.ng-scope/*,table.table--transactions.table--transactions-full thead, div#accounts-transactions-search-check-image > div.callout, div#accounts-transactions-search  > div.callout, table.table--transactions.table--transactions-full tbody  */{
	border: 2px solid #606673;
    background: #FFFFFF;
    padding: 5px;
	border-collapse:collapse;
	border-radius:5px;
}
div#home-pay-transfer-ach div.callout.ng-scope, div#home-pay-transfer-wire div.callout.ng-hide{
	border:none;
}
#home-quick-launch > div.callout, #home-checks-deposits > div.callout {
	border:1px solid #fff;
	border-radius:5px;
	margin-bottom:10px;
	background:#005695; 
}
#home-quick-launch > div.callout > .row.collapse.slat, #home-checks-deposits > div.callout > .row.collapse.slat {
	border-top:none;
	border-bottom:none;
	background:transparent;
	padding:0;
}
#home-quick-launch > div.callout > .row.collapse.slat a, #home-checks-deposits > div.callout > .row.collapse.slat a {
	color:#fff;	
	font-weight:bold;
	padding:.5rem;
	line-height:30px;
}
#home-quick-launch > div.callout:hover, #home-checks-deposits > div.callout:hover {
	background: #003962;
}
#home-quick-launch > div.callout > .row.collapse.slat a:hover, #home-check-deposits > div.callout > .row.collapse.slat a:hover {
	color:#fff;
}
div#home-checks-deposits {
	display:none;
}
table.table--transfers-full {
	display:table;
}
table.table--transactions.table--transactions-full {
	border-collapse:collapse;
}
table.table--transactions.table--transactions-full > thead > tr> th, div#payments-transfers-internal-issued > table > thead > tr > th, .table--stop-payments > thead > tr > th  {
	background:#005695 !important;
}
div.callout.warning.ng-scope {
	background:#fbeae9;
	color:#ad3123;
	border: 2px solid #f7d6d3;
}
tr.no-print.batch1button.ng-scope > tr[colspan*="5"]{
	column-count:6;
}
div [ng-controller*="FocusController"] table tbody tr td {

}
div [ng-controller*="FocusController"], div [ng-controller*="WireListController"], div [ng-controller*="TransferListController"] {
	padding:5px;
}
div#profile > div.row.collapse > div.medium-12.columns > div.callout.ng-scope {
	border:none;
}

/*Transactions Padding */
div#accounts-transactions, div#accounts-transactions-search {
	
}

/* adds bottom border to tables */
table tbody tr td {border-bottom:1px solid #c7c7c7;}


/* blends background of the More Transactions button on Account pages*/
table {background:#FFF;}
table tbody tr.batch1button {background:#FFF;}
table tbody tr.batch1button td {border-bottom:none;}
table tbody tr.batch1button td {padding-left:12%;background:#fff !important;}
table tbody tr.batch1button td .button{width:20%;}

/* Transactions Button Fix*/
table tbody tr.batch1button td {
	padding-left:12%;
	background:#fff !important;
}
table#internal-transfers > tbody > tr[title="Get more internal transfers"] > td {
	border-bottom:2px solid #606673;
	border-top:2px solid #606673;
}
table#internal-transfers > tbody > tr[title="Get more internal transfers"] > td > a[href*="/Transfers"] {
	font-weight:bold;
	font-size:1.14rem;
	text-transform:capitalize;
}
table.table--transfers-full th:nth-child(4) {
	text-align:left;
}
/**************************************************/
/*            Account Switcher                    */
/**************************************************/
#account-switcher-show {
	font-size:1.29rem;
	color:#5e9732;
}
#table--transactions tbody tr:nth-child(even), .table--trans-recent tbody tr:nth-child(even), #scheduled-transfers .table--underlined tbody tr:nth-child(even), #stopPaymentList .table--underlined tbody tr:nth-child(even), .table--underlined tbody tr:nth-child(even) {
	
}

button#account-switcher-show {

}
#account-switcher-show, #accountSwitcherHide, #account-switcher {

}
ul#account-switcher {
	background-color: #f1f2f3;
	border: none;
}
ul#account-switcher li {
	border-top: 1px solid #e3f0d3;
}
ul#account-switcher li a {
	font-weight: normal;
	font-size:0.93rem;
	color: #535b61;
}
ul#account-switcher li:hover {

}
ul#account-switcher li a:hover {
	color:#5e9732;
}

/**************************************************/
/*            Utility Navigation                  */
/**************************************************/
/*Position of Utility Section*/
header div.collapse:nth-child(1) {
	background:#005695;
}
header div.collapse:nth-child(1) div.medium-12:nth-child(1) {
	width:100%;
	margin:0 auto;
	max-width:1500px;
	float:none;
	border-bottom:none;
}              

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

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

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

}
.nav--utility li { 

}

.nav--utility a{
	color:#fff;
	font-size:0.93rem;
	padding: 11px;
	font-weight:600;
	text-transform:capitalize;
}
.nav--utility a:hover {
	background: #004577;
	color: #fff;
}   

.nav--utility a[href*="SendUsASecureMessage"] {
	background: transparent url('icons/email24.png') left no-repeat; padding-left:30px; margin-left:5px;
}
.nav--utility a[href*="Mail"] {
	background: transparent url('icons/email24.png') left no-repeat; padding-left:30px; margin-left:5px;
}
.nav--utility a[href*="Chat"] {
	background: transparent url('icons/chat24.png') left no-repeat; padding-left:30px; margin-left:5px;
}
.nav--utility a[href*="Alerts"] {
	background: transparent url('icons/alert24.png') left no-repeat; padding-left:30px; margin-left:5px;
}
.nav--utility a[href*="Profile"] {
	background: transparent url('icons/profile24.png') left no-repeat; padding-left:30px; margin-left:5px;
}
.nav--utility a[href*="Logout"] {
	background: transparent url('icons/logout24.png') left no-repeat; padding-left:30px; margin-left:5px;
}
.nav--utility a[href*="Login"] {
	background: transparent url('icons/login24.png') left no-repeat; padding-left:30px; margin-left:5px;
}

.nav--utility a[href*="SendUsASecureMessage"]:hover {
	background: #004577 url('icons/email24.png') left no-repeat;
}
.nav--utility a[href*="Mail"]:hover {
	background: #004577 url('icons/email24.png') left no-repeat;
}
.nav--utility a[href*="Chat"]:hover  {
	background: #004577 url('icons/chat24.png') left no-repeat; padding-left:30px; margin-left:5px;
}
.nav--utility a[href*="Alerts"]:hover  {
	background: #004577 url('icons/alert24.png') left no-repeat; padding-left:30px; margin-left:5px;
}
.nav--utility a[href*="Profile"]:hover  {
	background: #004577 url('icons/profile24.png') left no-repeat; padding-left:30px; margin-left:5px;
}
.nav--utility a[href*="Logout"]:hover  {
	background: #004577 url('icons/logout24.png') left no-repeat; padding-left:30px; margin-left:5px;
}
.nav--utility a[href*="Login"]:hover  {
	background: #004577 url('icons/login24.png') left no-repeat; padding-left:30px; margin-left:5px;
}
/**************************************************/
/*            Primary Navigation                  */
/**************************************************/
header div.row.collapse:nth-of-type(3){
	margin-top:-36px;
}
#badge-administration{
	margin-left: 5px;
}
.nav--primary {
	margin:0 auto;
	max-width:100%;
	display:flex;
	justify-content:center;
}
.nav--primary li{

}
.nav--primary a.navitem {
	color: #535b61;
	font-size:1.21rem;
	font-weight:normal;
	padding:8px 24px;
	text-transform:capitalize;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}
.nav--primary a:hover, .nav--primary li.is--selected a:hover, .nav--primary li.is--selected a{
	background: #606673;
	/* color:#535b61; */
	color:#fff;
}
.nav--primary li#nav-primary-administration {
	display:none;
}
/**************************************************/
/*            Account Navigation                  */
/**************************************************/
.nav--secondary {

}
.nav--secondary li a.navitem {
	font-weight: bold;
	font-size: 1.14rem;
	color: #535b61;
	background:#f1f2f3;
	margin: 11px;
	border-radius:4px;
	padding:6px 12px; 
	text-transform:capitalize;
}

.nav--secondary li.is--selected a, .nav--secondary li.is--selected a:hover, .nav--secondary li a:hover {
	color:#5e9732;
	background:#f1f2f3;
}
/**************************************************/
/*                 Footer                         */
/**************************************************/
.page--footer {
	max-width:100%;
	margin-bottom:0px;
	padding-bottom:0px;
}
.page--footer, .page--footer + div{

}
.page--footer div.medium-12 {
	
}
footer div.row.collapse {
	max-width:100%;
	background:#005695;
	border-bottom:8px solid #f08a1d;
	height:80px;
}
footer div.row.collapse.cf {
	max-width:100%;
	background:#fff;
	border-bottom:none;
	height:204px;
}
.page--footer .callout {
	width:100%;
	margin:0 auto;
	max-width:1500px;
	float:none;
	padding-top:0px;
	display:flex;
	justify-content:flex-start;
	flex-direction:column;
	background:transparent;
	border:none;
}
/*Hide FDIC/EHL Text*/
footer .callout > p:first-child {
	order:2;
}
footer .callout > p:last-child {
	float:none !important;
}
footer nav{
	width:100%;
	margin:0 auto;
	max-width:1500px;
	float:none;
	display:flex;
	justify-content:center;
	margin-top:100px;
}
/* footer nav ul.nav--menu {
	display:flex;
	flex-wrap:wrap;
} */
/* footer li {
	width:30%;
	padding-bottom:15px;
} */
footer p {
	color:#535b61;
	font-size:0.79rem;
}
footer a.navitem {
	color:#8dc63e;
	font-size:1rem;
	padding-left:30px; 
}
footer a.navitem:hover {
	color:#5e9732;
}
footer a[href*="Help"] {
	background: transparent url('icons/icons2/help.jpg') no-repeat scroll 0 center;
	margin:0 5px;
}
footer a[href*="Privacy_Policy.pdf"] {
	background: transparent url('icons/icons2/privacy.jpg') no-repeat scroll 0 center;
	margin:0 5px;
}
footer a[href*="security"] {
	background: transparent url('icons/icons2/security.jpg') no-repeat scroll 0 center;
	margin:0 5px;
}
footer a[href*="facebook"] {
	background: transparent url('icons/icons2/facebook.jpg') no-repeat scroll 0 center;
	margin:0 5px;
}
footer a[href*="linkedin"] {
	background: transparent url('icons/icons2/linkedin2.jpg') no-repeat scroll 0 center;
	margin:0 5px;
}
/**************************************************/
/*                Media Queries                   */
/**************************************************/
@media screen and (max-width: 1600px) {
	main#main {
		padding:20px 15px;
	}
	header > div.row.collapse:nth-of-type(2) div.medium-12:first-of-type{
		padding-left:15px;
	}
	.bank-branding {
		margin:20px 0px 0px 5px;
	}
}
@media screen and (max-width: 1230px) {
	.nav--primary {
		width:100%;
		justify-content:flex-end;
	}
}
@media screen and (max-width: 1030px) {
	form[name=loginForm] > .row.collapse > .large-offset-3.large-9.columns.end {
		width:60%;
	}
}
@media screen and (max-width: 960px) {
	header{
		height:246px;
	}
	header div.row.collapse:nth-of-type(3){
		margin-top:15px;
	}
}
@media screen and (max-width: 900px) {     
	.nav--utility a[href*="SendUsASecureMessage"] {
	    background: transparent url('icons/email.png') left no-repeat; padding-left:20px; margin-left:5px;
	}	
	.nav--utility a[href*="Mail"] {
	    background: transparent url('icons/email.png') left no-repeat; padding-left:20px; margin-left:5px;
	}
	.nav--utility a[href*="Chat"] {
	    background: transparent url('icons/chat.png') left no-repeat; padding-left:20px; margin-left:5px;
	}
	.nav--utility a[href*="Alerts"] {
	    background: transparent url('icons/alert.png') left no-repeat; padding-left:20px; margin-left:5px;
	}
	.nav--utility a[href*="Profile"] {
	    background: transparent url('icons/profile.png') left no-repeat; padding-left:20px; margin-left:5px;
	}
	.nav--utility a[href*="Logout"] {
	    background: transparent url('icons/logout.png') left no-repeat; padding-left:20px; margin-left:5px;
	}
	.nav--utility a[href*="Login"] {
	    background: transparent url('icons/login.png') left no-repeat; padding-left:20px; margin-left:5px;
	}
}
@media screen and (max-width: 800px) {
	/*This ensure ACH is visible at 768px*/
	main, main#main{
		padding:20px 0px 0px 0px;
	}

}
@media screen and (max-width: 745px) {
	.nav--primary a.navitem {
		padding:8px 12px;
	}
}
@media screen and (max-width: 639px) {
	html {
		font-size:12px;
	}
	main#main {
		padding:10px 10px;
	}
	header {
		height:auto;
		border-bottom:none;
	}
	#home-quick-launch > div.callout, div.callout.ng-scope, div#accounts-transactions-search  > div.callout, div#accounts-transactions-search-check-image > div.callout, table.table--transactions.table--transactions-full thead, table.table--transactions.table--transactions-full tbody {
		border:none;
		padding:0px;
	}
	header div.collapse:nth-child(1) div.medium-12:nth-child(1) {
		display:flex;
		justify-content:center;
	}              

	/*Welcome Message*/
	.message--welcome {
		float:none !important;
		padding-right:0px;
		text-align:center;
	}
	.message--welcome p {
		font-size:14px;
	}
	.nav--utility {
		float:none !important;
		text-align:center;
	}
	.nav--utility a.navitem {
		color:transparent;
		font-size:.001px;
	}
	.nav--utility a[href*="SendUsASecureMessage"] {
	    background: transparent url('icons/email.png') center no-repeat; padding-left:20px; margin-left:0px;
	}	
	.nav--utility a[href*="Mail"] {
	    background: transparent url('icons/email.png') center no-repeat; padding-left:20px; margin-left:0px;
	}
	.nav--utility a[href*="Chat"] {
	    background: transparent url('icons/chat.png') center no-repeat; padding-left:20px; margin-left:0px;
	}
	.nav--utility a[href*="Alerts"] {
	    background: transparent url('icons/alert.png') center no-repeat; padding-left:20px; margin-left:0px;
	}
	.nav--utility a[href*="Profile"] {
	    background: transparent url('icons/profile.png') center no-repeat; padding-left:20px; margin-left:0px;
	}
	.nav--utility a[href*="Logout"] {
	    background: transparent url('icons/logout.png') center no-repeat; padding-left:20px; margin-left:0px;
	}
	.nav--utility a[href*="Login"] {
	    background: transparent url('icons/login.png') center no-repeat; padding-left:20px; margin-left:0px;
	}
	.nav--primary {
		width:100%;
		display:block;
	}
	.nav--primary li {
		width:100%;
		text-align:left;
		background:#f1f2f3;
	}
	.nav--primary a.navitem {
		font-size:17px;
	}
	.nav--primary a:hover, .nav--primary li.is--selected a:hover, .nav--primary li.is--selected a{
		background: #004577;
		color: #fff;
	}
	footer nav {
		width:50%;
		display:block;
	}
	footer ul {
		height:130px;
		display:flex !important;
		flex-direction:column;
		flex-wrap:wrap;
	}
	footer li:nth-child(4) {
		display:flex;
		justify-content:flex-end;
	}
	footer li:last-child {
		display:flex;
		justify-content:flex-end;
	}
	footer a.navitem {
		font-size:14px;
		border-right:none;
	}
	footer .callout {
		text-align:center;
		padding-top:15px;
	}
	footer .callout > p:first-child {
		float:none !important;
	}	
	footer .callout > p:last-child {
		float:none !important;
	}
	form div.large-3 {
		width:100%;
	}
	form div.large-9 {
		width:100%;
	}
	form div.large-offset-3, div#checks-deposits-stop-payment-create .row.collapse.slat.slat--last.ng-scope div.columns,div#accounts-div, div#checks-deposits-stop-payment-create div.callout div.row.collapse.ng-scope div.medium-8.medium-offset-4.large-9.large-offset-3.columns  {
		margin-left:0;
	}
}
@media screen and (max-width: 360px) {
	html {
		font-size:10px;
	}
	thead th, td {
		padding: 0px 2px;
		font-size: 1rem;
	}
}
@media screen and (max-width: 325px) {
	footer nav {
		width:60%;
	}
	footer a.navitem {
		padding:6px 8px 6px 28px;
	}
}
@media screen and (max-width: 300px) {
	footer nav {
		width:100%;
	}
	footer a.navitem {
		padding:6px 8px 6px 28px;
	}
}
@media print {
	html {
		font-size:14px;
	}
	header {
		display:none;
	}
	main{
		margin:0 !important;
	}
	main#main {
		height:50px;
		width:inherit;
		padding:0px;
	}
	div.ebc-main > div.columns {
		display: inherit;
	}
	div#transactions-left{
		width:100%;
	}
	footer {
		display:none;
	}
}