/**************************************************/
/*                     Font                       */
/**************************************************/
@font-face {
font-family:'Open_Sans_Regular';
src: url('/ebc_ebc1151/fonts/Open_Sans/Open_Sans_Regular.eot');
src: url('/ebc_ebc1151/fonts/Open_Sans/Open_Sans_Regular.eot?#iefix') format('embedded-opentype'),
url('/ebc_ebc1151/fonts/Open_Sans/Open_Sans_Regular.woff2') format('woff2'),
url('/ebc_ebc1151/fonts/Open_Sans/Open_Sans_Regular.woff') format('woff'),
url('/ebc_ebc1151/fonts/Open_Sans/Open_Sans_Regular.svg#Open_Sans_Regular') format('svg');
}
/*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_Regular', sans-serif;
	font-size:1rem;
}
/*Link colors. To target data section only add main in front of the selector*/
a, a:visited, .button.button-link {
	color: #6d6e71;
	font-weight:500;
}
a:hover, a:active, .button.button-link:hover, .button.button-link:focus:enabled {
	color: #8bc53f;
}
p, .callout p {
	color: #6d6e71;
}
/*Negative Account Balance*/
.text--negative {
	color:#ff0000;
}

/*Buttons*/
.button,.button.secondary{
	background:#ecf1f1;
	color: #8bc53f;
	border-radius: 0;
}
.button:hover,.button:focus, .button.secondary:hover, .button.secondary:focus{
	background: #8bc53f;
	color: #ffffff;
}
.accordion-title {
	background-color: #ffffff !important;
	color: #8bc53f;
}
.accordion-title:hover {
	background-color: #8bc53f !important;
	color:#ffffff;
}
.accordion-content {
	background:#ffffff;
}
/*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;
}

/**************************************************/
/*         Text Transform Attributes              */
/**************************************************/
h1, h2, h3, .h1, .h2, .h3 {text-transform:capitalize;}
.button,.button.secondary, label , dt, th{text-transform:capitalize;}
.nav--utility a[href*="EBC_EBC1151"], .nav--primary a[href*="EBC_EBC1151"], .nav--secondary a[href*="EBC_EBC1151"]{text-transform:capitalize;}

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

/*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, header > div.row:nth-child(2){
	background: #fdfdfd;
}
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 {
	
}
.bank-branding {
	background:url('logo.png') no-repeat;
	height:115px;
	margin:22px 0 10px 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;
}

/*Center "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:60%;}

/*correcting a wrapping issue with long transaction descriptions*/
#accounts-transactions table td div.ng-scope{
    word-wrap: break-word; word-break: break-all; word-break: break-word; overflow-wrap:break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;
}
/**************************************************/
/*            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;
}
.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;
}
.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;
}

.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, #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;
}
/*Customize Maintenance Message*/
.callout.primary {

}
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;
}

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;
}

/*Combined*/
#account-switcher-show, ul#account-switcher, ul#account-switcher li, ul#account-switcher li a {
	background:#ffffff !important;
	color: #8bc53f !important;
}
ul#account-switcher li:hover, ul#account-switcher li a:hover {
	background: #8bc53f !important;
	color:#ffffff !important;
}
/**************************************************/
/*            Utility Navigation                  */
/**************************************************/
/*Position of Utility Section*/
header div.collapse:nth-child(1) {
	background: #fdfdfd; 
	margin-left:10px;
}             
header div.no-print::before {
	display:none;
}
/*Welcome Message*/
.message--welcome {
	margin-top:2px;
}
.message--welcome p {
	color: #6d6e71; 
	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: #6d6e71;
	text-transform:none;
	line-height:26px;
}
.nav--utility a:hover {
	color: #8bc53f;
}			
/**************************************************/
/*            Primary Navigation                  */
/**************************************************/
.nav--primary {
	background-color: #edeeee;
}
.nav--primary a {
	font-size:1.14rem;
	font-weight:bold;
	text-transform:none;
	color: #6d6e71;
}
.nav--primary a:hover, .nav--primary li.is--selected a:hover {
	background-color: #8bc53f;
	color:#fff;
}
.nav--primary li.is--selected a {
	background: #8bc53f;
	color:#fff;
}
/**************************************************/
/*            Account Navigation                  */
/**************************************************/
.nav--secondary {

}
.nav--secondary li a {
	font-size:1rem;
	font-weight:bold;
	border-radius:0px !important;
	background-color: #aad46f;
	color:#fff;
}

.nav--secondary li.is--selected a, .nav--secondary li.is--selected a:hover, .nav--secondary li a:hover {
	background: #8bc53f;
	color:#fff;
}
/**************************************************/
/*                 Footer                         */
/**************************************************/
.page--footer {
	margin-bottom:0px;
}
.page--footer, .page--footer + div{
	background: #8bc53f;
	border-color: #8bc53f;
}
.page--footer div.medium-12, .page--footer .callout {
	background: #8bc53f;
}
footer .callout {
	background-color:transparent;
	color:#ffffff;
}
footer nav{

}
footer .callout p  {
	color: #ffffff;
}
footer a.navitem {
	color: #ffffff;
}
footer a.navitem:hover {
	color: #6d6e71;
	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 {

	}
	.nav--primary li{
	
	}
	.nav--primary li:first-child{
		border-top:0px;
	}
	.nav--primary a {
		font-size:1rem;
		font-weight:bold;
		text-transform: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:none;
	}
}
@media screen and (max-width: 360px) {
	html {
		font-size:10px;
	}
	thead th, td {
		padding: 0px 2px;
		font-size: 1rem;
	}
}
@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;
	}
}