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

/**************************************************/
/*                     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: Arial, Verdana, Helvetica, sans-serif;
	font-size:1rem;
}
/*Link colors. To target data section only add main in front of the selector*/
a, a:visited {
	color:#FE6508;
	font-weight:500;
}
a:hover, a:active {
	color:#5E9D9F;
}
p {
    color:#333333;
}
/*Negative Account Balance*/
.text--negative {
	color:#ff0000;
}

/*Buttons*/
.button,.button.secondary{
	background-color:transparent;
	border:1px solid #8F8F8F;
	color:#8f8f8f;
	border-radius: 0;
	text-transform: uppercase;
}
.button:hover,.button:focus, .button.secondary:hover, .button.secondary:focus{
	background-color:transparent;
	border:1px solid #f60;
	color:#f60;
}
.accordion-title {
	background-color:#5E9D9F;
	color:#fff;
}
 .accordion-title:hover {
	background-color:#f60;
	color:#ffffff;
}
.button.button-link:hover, .button.button-link:focus:enabled{
	color:#f60;
}
.button.button-link {
	color:#5D9C9E;
}
/*OPTIONAL FONTS*/
input, select {

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

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

}
h1, .h1 {
	font-size:1.71rem;
}
h2, .h2 {
	font-size:1.43rem;
}
h3, .h3 {
	font-size:1.28rem;
}
h4, .h4 {
	font-size:1.14rem;
}
h5, .h5 {
	font-size:1rem;
}
h6, .h6 {
	font-size:.86rem;
}

/*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-color:#cccccc;
}

/*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-color:#ffffff;
}
main::after{
	content: '\00a0';
	display:block;
	margin-top:var(--space);
	height:0px;
	visibility:hidden;
}
@media (--break-lg){
	main{
		padding-top:var(--space-lg);
	}
	main::after{
		margin-top:var(--space-lg);
	}
}
.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:1200px;
}
main#main{
	max-width:100%;
	padding:10px 20px;
	margin-bottom:0px;
} 
main#main h2 {
	padding-top:10px;
}
header{
	background-color:#fff;
}
header > div.row:nth-child(2){
	background-color:#fff;
}
header div.row{
	max-width:100%;
	padding:0px;
}
div.row.collapse.grid.expanded.no-print-information {
	max-width:100%;
	padding:0px;
	margin:0px;
	margin-right:12px;
}
[role="banner"] {

}
[role="banner"] > div.row:first-child, [role="banner"] > div.row:first-child > div.medium-12 {
	/*background-color:#777;*/
}
.bank-branding {
	background:url('logo.svg') no-repeat;
	height:94px;
	margin:22px 0 0px 40px;
}
.medium-12 {
}
div#transactions-right{
	left:76%;
	padding-left:0px;
}
div#transactions-left{
	width:74%;
	padding-left:0px;
	margin-left:5px;
}
table tr th {
	background-color:#777 !important;
	color:#ffffff !important;
}
div [ng-controller*="AccountBalanceController"] {
	max-width:100%;
	padding:0px 20px;
}
.row {
	max-width:100%;
}
/*Fixes Home page resizing issue*/
#home-ad-viewer > ul, #home-ad-viewer > ul > li {
  height:auto !important;
  max-height:none !important;
}
/**************************************************/
/*            Table Drop Shadows                  */
/**************************************************/
.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; text-transform:capitalize;
}
.table--underlined>tbody tr:last-child td, .table--underlined .no-border {
	border-bottom-width:0;
}
.table--underlined>tfoot td {
	border-top:1px solid #dfdfdf;
}

table.table--transfers tbody td {
	border-top:1px solid #dfdfdf;
}
.arrow {
	border-color:#dfdfdf;
}
.arrow--top-right:after {
	border-bottom-color:#dfdfdf;
}
.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{
	box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.36);
	background: #f1f1f1; /* 
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #f1f1f1 100%); 
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#f1f1f1 100%);
	background: linear-gradient(to bottom,  #f5f5f5 0%,#f1f1f1 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 ); */
}
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"] {
	box-shadow:none !important;
	background-color:transparent !important;
}
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 {
	box-shadow:none !important;
	background:#dfdfdf !important;
}
.mfp-content div [data-bind*="modal-wrapper"] {
	box-shadow:none !important;
	background:#dfdfdf !important;
}
.callout, table.table--transfers tbody, table.table--stop-payments tbody, div.callout.ng-scope div.medium-12, .table--transactions-full tbody{
	background-color:transparent;
}
div [ng-controller*="FocusController"] table tbody tr td {
	background-color:#f1f1f1;
}
div [ng-controller*="FocusController"], div [ng-controller*="WireListController"], div [ng-controller*="TransferListController"] {
	padding:5px;
}
pre#HelpTextProfileChangePassword{
	background-color:#f1f1f1;
	margin-bottom:0rem;
	padding-bottom:1.25rem;
}

/**************************************************/
/*            Account Switcher                    */
/**************************************************/
#account-switcher-show {
	background:#fff; opacity:.88;
}
#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) {
	background:#dddddd;
}


button#account-switcher-show {
    border-radius: 0px;
}
#account-switcher-show, #accountSwitcherHide, #account-switcher {
	padding-left:10px !important;
	padding-right:10px !important;
	padding-top:5px !important;
	color:#ffffff;
	font-size:1.14rem;
	font-weight:bold;
	border: 1px solid #222222;
	/* Old browsers */
	background: -moz-linear-gradient(top, #777 0%, #777 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777), color-stop(100%, #777));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #777 0%, #777 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #777 0%, #777 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #777 0%, #777 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #777 0%, #777 100%);
}
ul#account-switcher {
	background:#e9eeda none repeat scroll 0 0;
	border:1px solid #333333;
	color:#333333;
	opacity:1 !important;
}
ul#account-switcher li {
	background:#e9eeda none repeat scroll 0 0;
	line-height:18px;
	font-size:.9rem;
	font-weight:normal;
	color:#333333 !important;
}
ul#account-switcher li a {
	font-size:.9rem;
	font-weight:normal;
	color:#333333 !important;
}
ul#account-switcher li:hover {
	background-color:#41207c;
	color:#ffffff !important;
}
ul#account-switcher li a:hover {
	background-color:#41207c;
	color:#ffffff !important;
}

/**************************************************/
/*            Utility Navigation                  */
/**************************************************/
/*Position of Utility Section*/
header div.collapse:nth-child(1) {
	height:40px; 
	background:#efefef; 
	margin-left:10px;
}
header div.collapse:nth-child(1) div.medium-12:nth-child(1) {
	margin-bottom:9px;
}              
header div.no-print::before {
	display:none;
}
/*Welcome Message*/
.message--welcome {
	margin-top:2px;
}
.message--welcome p {
	color:#000; 
	font-size:.9rem;
}

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

}
.nav--utility li {
	border-left:1px solid #cfcfcf; 
	height:40px;
}
.nav--utility li:first-child {
	border-left:none;
}
.nav--utility a{
	color:#999;
	color:rgba(102, 102, 102, 0.5); 
	text-transform:capitalize; 
	line-height:26px;
}
.nav--utility a:hover {
	color:#555;
	color:rgba(102, 102, 102, 1);
}

/**************************************************/
/*            Primary Navigation                  */
/**************************************************/
.nav--primary {
	background-color:#f60;
}
.nav--primary a {
	font-size:1.14rem;
	font-weight:bold;
	text-transform:capitalize;
	color:#fff;
}
.nav--primary a:hover, .nav--primary li.is--selected a:hover {
	background-color:#5f9ea0;
	color:#fff;
}
.nav--primary li.is--selected a {
	background-color:#5f9ea0;
	color:#fff;
}
/**************************************************/
/*            Account Navigation                  */
/**************************************************/
.nav--secondary {

}
.nav--secondary li a {
	font-size:1.14rem;
	font-weight:bold;
	text-transform:uppercase;
	border-radius:0px !important;
	background-color:#ff6600;
	color:#fff;
}

.nav--secondary li.is--selected a, .nav--secondary li.is--selected a:hover, .nav--secondary li a:hover {
	background-color:#333333;
	color:#fff;
}
/**************************************************/
/*                 Footer                         */
/**************************************************/
.page--footer {
	margin-bottom:0px;
}
.page--footer, .page--footer + div{
	background-color:#656565;
	border-top:5px solid #FE6508;
}
.page--footer div.medium-12 {
	background-color:#666666;
}
footer .callout {
	background-color:transparent;
	color:#ffffff;
}
footer nav{

}
footer p, .callout p  {
	color:#ddd;
	color:rgba(255, 255, 255, .7);
}
footer a.navitem {
	color:#ddd;
	color:rgba(255, 255, 255, .7);
}
footer a.navitem:hover {
	color:#fff;
	text-decoration: underline;
}
/**************************************************/
/*                Media Queries                   */
/**************************************************/
@media screen and (max-width: 1023px) {
	div#transactions-left{
		width:100%;
		padding-left:0px;
		margin-top:15px;
		margin-left:0px;
	}
	div.row.collapse.grid.expanded.no-print-information {
		max-width:100%;
		padding:0px !important;
		margin:0px;
	}
}
@media screen and (max-width: 599px) {
	html {
		font-size:12px;
	}
	div.row, main#main {
		padding:0px 5px;
	}
	body > div.row {
		padding:0px;
	}
	header > div.row:last-child{
		padding:0px;
	}
	/*Add "mobile" logo here*/
	.bank-branding {
		margin:10px;
	}
	.nav--primary {
		border-bottom:3px solid #999;
		border-top:3px solid #999;
	}
	.nav--primary li{
		color:#ffffff;
		border-top:1px solid #ffffff;
	}
	.nav--primary li:first-child{
		border-top:0px;
	}
	.nav--primary a {
		font-size:1rem;
		font-weight:bold;
		text-transform:uppercase;
		color:#ffffff;
	}
	.nav--primary a:hover, .nav--primary li.is--selected a:hover {
		background-color:#bf9a1f;
		color:#ffffff;
	}
	.nav--primary li.is--selected a {
		background-color:#777;
	}
	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{
		box-shadow:none;
	}
}
@media screen and (max-width: 360px) {
	html {
		font-size:10px;
	}
	thead th, td {
		padding: 0px 2px;
		font-size: 1rem;
	}
}
@media print {
	header {
		display:none;
	}
	footer {
		display:none;
	}
}
/*Add BO6 Override Styles Below*/


.bank-branding {background:url('logo.png') left center no-repeat;background-size: 208px 95px;height: 110px;}
body {font-family: Arial, Helvetica, sans-serif;font-size: 12px;background: #ffffff;}
header, header > div.row:nth-child(2) {background: #153467;}
a, a:visited, .button.button-link {color: #143366;}
a:hover, a:active, .button.button-link:hover, .button.button-link:focus:enabled  {color: #004b8c;}
p, .callout p {color:#333333;}
text--negative {color:#ff0000;}
.button,.button.secondary {background:#ffffff;color: #143366;}
.button:hover,.button:focus, .button.secondary:hover, .button.secondary:focus {background: #143366;color: #ffffff;border-color:inherit;}
.accordion-title {background: #143366;color:#ffffff;}
.accordion-title:hover {background: #393939;color:#ffffff;}
.accordion-content {background:#ffffff;}
#account-switcher-show, ul#account-switcher, ul#account-switcher li, ul#account-switcher li a {background:#ffffff;color: #143366 !important;}
ul#account-switcher li:hover, ul#account-switcher li a:hover {background: #ffffff;color: #484848 !important;}
table tr th {background-color: #153467 !important;color:#ffffff !important;}
#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) {background:#dddddd;}
#table--transactions tbody tr:nth-child(odd), .table--trans-recent tbody tr:nth-child(odd), #scheduled-transfers .table--underlined tbody tr:nth-child(odd), #stopPaymentList .table--underlined tbody tr:nth-child(odd), .table--underlined tbody tr:nth-child(odd) {background:#ffffff;}
table tbody tr td {border-bottom:1px solid #e7e7e7;}
table tbody tr:last-child td {border-bottom:none;}
.message--welcome p {color: #ffffff;}
header div.collapse:nth-child(1) {background: #525455;}
.nav--utility a {color: #ffffff;}
.nav--utility a:hover {color: #aaaaaa;}
.nav--primary {background-color: #ffffff;}
.nav--primary a {color: #153467;}
.nav--primary a:hover, .nav--primary li.is--selected a:hover, .is--selected .navitem:hover, .is--selected .navitem:focus {background-color: #153467;color:#ffffff;}
.nav--primary li.is--selected a, .is--selected .navitem {background: #153467;color:#fff;}
.nav--secondary li a {background-color: #ffffff;color: #153467;}
.nav--secondary li.is--selected a, .nav--secondary li.is--selected a:hover, .nav--secondary li a:hover {background: #153467;color:#ffffff;}
.page--footer, .page--footer + div {background: #ecf0f4;border-color: #ecf0f4;}
.page--footer div.medium-12, .page--footer .callout {background: #ecf0f4;}
footer .callout p {color: #000000;}
footer a.navitem {color: #153467;}
footer a.navitem:hover {color: #6a6a6a;}