/* Upgraded to be compatible with Foundation 6.1.2 */

/* Base styles */
body {
  line-height: 24px;
  background: #fafafa;
}
button, .button {
  font-family: inherit;
  font-size: inherit;
}
h1, h2, h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-family: inherit;
  color: inherit;
}
h1, .h1 {
  font-size: 2.074em;
  line-height: 42px;
  font-weight: bold;
}
h2, .h2 {
  font-size: 1.728em;
  line-height: 30px;
  font-weight: bold;
}
h3, .h3 {
  font-size: 1.44em;
  line-height: 30px;
  font-weight: bold;
}
h4, .h4 {
  font-size: 1.2em;
  line-height: 30px;
  font-weight: bold;
}
label,.inquiry-label {
  color: inherit;
  font-size: inherit;
  font-weight: bold;
  line-height: 24px;
  cursor: default;
}
label.inline {
  margin-bottom: 0;
}
label.required:after {
  color: #ee3322;
  content: ' *';
  display: inline;
}
span.required {
  color: #ee3322;
}
input[type='text'], 
input[type='password'], 
input[type='date'], 
input[type='datetime'], 
input[type='datetime-local'], 
input[type='month'], 
input[type='week'], 
input[type='email'], 
input[type='number'], 
input[type='search'], 
input[type='tel'], 
input[type='time'], 
input[type='url'], 
input[type='color'],
select,
textarea {
  border-radius: 4px;
}
/* Generic handling of labels after checkboxes */
input[type=checkbox] + label,
input[type=radio] + label {
  font-weight: normal;
  cursor: pointer;
  margin-bottom: 1rem;
}
/* Specific handling of labels after checkboxes when inline with input boxes */
.inline-form input[type=checkbox],
.inline-form input[type=checkbox] + label {
  margin-top: .5rem;
  margin-bottom: 0;
  margin-left: .5rem;
}
.inline-form input[type=checkbox] {
  margin-left: 1rem;
}
iframe {
  border: 0;
  margin: 0;
  padding: 0;
}
.am-container iframe {
  width: 100%;
  height: 100vh;
}
.reveal iframe {
  width: 100%;
  height: 50vh;
}
iframe.loading {
  height: 92px;
}

/* Disable IE password peek */
.input-button-wrapper input::-ms-clear, 
.input-button-wrapper input::-ms-reveal{
  display: none;
}
main {
  margin-bottom: 12px;
}
p, ul, ol, dl , select{
  font-size: inherit;
}
pre {
  margin: 0;
  font: inherit;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-x: hidden;
}
small {
  font-size: 80%;
}
svg {
  fill: currentColor;
  vertical-align: middle;
}
dl dt {
  font-weight: normal;
}
dl dd {
  white-space: nowrap;
}
dl dd small {
  white-space: normal;
}
@media print {
  * {
    color: #000 !important;
    background: #fff !important;
  }
  .no-print {
    display: none !important;
  }
  /* Override strange Foundation behavior */
  a[href]:after {
    content: "";
  }
  /* Make Reveal modals print somewhat normal */
  .reveal {
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    /* This style rule is only needed for production due to implementation differences with Angular Foundation */
    /* margin-top: 0 !important; */
  }
  .reveal-overlay {
    display: none !important;
  }
}
.cf {
  *zoom: 1;
}
.cf:before, .cf:after {
  display: table;
  content: "";
}
.cf:after {
  clear: both;
}
.icon {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.icon15x {
  width: 24px;
  height: 24px;
}
.icon2x {
  width: 32px;
  height: 32px;
}
.shape--loader {
  animation: spinloader 0.823s steps(12) infinite; 
}
/* Fix for Angular issue with hiding animations, see https://github.com/angular/angular.js/issues/8224 */
.shape--loader.ng-hide-animate {
  transition: 0s none;
  -webkit-transition: 0s none;
  animation: 0s none;
  -webkit-animation: 0s none;
}
@keyframes spinloader {
  from {
    transform: translateZ(0) rotateZ(0.002deg);
  }
  to {
    transform: translateZ(0) rotateZ(360deg);
  }
}
.callout {
  border: none;
}
.callout p {
  color: inherit;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.no-margin {
  margin: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.add-margin {
  margin: 1rem;
}
.add-margin-bottom {
  margin-bottom: 1rem;
}
.add-margin-top {
  margin-top: 1rem;
}
.add-margin-right {
  margin-right: 1rem;
}
.add-margin-left {
  margin-left: 1rem;
}
.no-padding {
  padding: 0 !important;
}
.half-padding {
  padding: .5rem;
}
.clickable {
  cursor: pointer;
}
.add-wrap {
  white-space: normal;
  word-wrap: normal;
}
/* Use for side-by-side controls on medium size screens */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	div[class^='medium'].half-padding-right, div[class*=' medium'].half-padding-right {
	  padding-right: .5rem !important;
	}
	div[class^='medium'].half-padding-left, div[class*=' medium'].half-padding-left {
	  padding-left: .5rem !important;
	}
}
.row.collapse.grid {
  margin-left: -24px;
}
.row.collapse.grid > .columns {
  padding-left: 24px;
}
.full {
  width: 100%;
  height: 100%;
}
a.full {
  display: inline-block;
}
.text-plain {
  font-size: 1rem;
  font-weight: normal;
}
.contain-x {
  overflow-x: auto;
  display: block;
}

/* Additional stat behavior */
.stat.stat-not-inline {
  margin-bottom: 1rem;
}
p + .stat.stat-not-inline {
  margin-top: 0;
}

/* Help text */
.slat {
  padding: 12px 6px;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.slat+.slat {
  border-top: 0;
}
.no-padding>.slat {
  padding: 6px;
}
.slat.slat--clickable {
  padding: 0;
  cursor: pointer;
}
.slat--clickable dl,
.slat--clear p {
  padding: 6px;
}
.slat.slat--expanded {
  border-bottom: 0;
}
.slat.slat--expanded--details {
  padding: 0;
}
.slat.slat--inset {
  border-left: 1px solid;
  border-right: 1px solid;
}
.row.collapse.slat--last {
  margin-bottom: 1.25rem;
}
pre {
  margin-bottom: 1.25rem;
}
pre.no-margin {
  margin-bottom: 0;
}
p.help-text {
  margin-top: 0;
}
input.has-help-text,
p.has-help-text,
select.has-help-text {
  margin-bottom: 0;
}
p.help-text + p.error,
p.help-text + ul.error {
  margin-top: -1rem;
}
/* Foundation removes bottom padding on nested lists, but this causes a problem when using lists for validation inside of an accordion */
ul.error {
  margin-bottom: 1rem;
}
.no-wrap {
  white-space: nowrap;
  display: inline-block;
}
.no-wrap label {
  white-space: normal;
}

/* Error styles */
.callout.alert,
.callout.success,
.callout.warning,
.callout.primary {
  border-radius: 4px;
  border-style: solid;
  border-width: 2px;
  padding: 12px 1em 12px 1em;
  font-size: inherit;
}
.callout.alert a,
.callout.success a,
.callout.warning a,
.callout.primary a {
  color: inherit;
  text-decoration: underline;
}
.callout.alert p + ul,
.callout.success p + ul,
.callout.warning p  + ul,
.callout.primary p + ul {
  margin-top: -1rem;
  padding-left: 20px;
}
.callout.alert ul + p,
.callout.success ul + p,
.callout.warning ul + p,
.callout.primary ul + p {
  padding-left: 20px;
}
.callout.alert ul,
.callout.success ul,
.callout.warning ul,
.callout.primary ul {
  overflow: hidden;
}
.callout.alert ul li,
.callout.success ul li,
.callout.warning ul li,
.callout.primary ul li {
  word-wrap: break-word;
}

.callout.alert {
  background: #fbeae9;
  border-color: #f7d6d3;
  color: #ad3123;
}
.callout.primary {
  background: #d9edf7;
  border-color: #bce8f1;
  color: #2e6a87;
}
.callout.success {
  background: #dff0d8;
  border-color: #d6e9c6;
  color: #3a703c;
}
.callout.warning {
  background: #fffdd5;
  border-color: #ffe89e;
  color: #8c6b33;
}
input.error, select.error {
  border-color: #ad3123;
  margin-bottom: 0;
}
p.error, span.error, ul.error, li.error svg {
  color: #ad3123;
}
li.success svg {
  color: #3a703c;
}

/* Button styles */
button, .button {
  border-radius: 4px;
}
button, .button, a.button-link, p.button-link {
  padding: 6px 12px;
  border: 1px solid transparent;
  line-height: 24px;
}
.button.button-link {
  color: #2199e8;
}
.button.button-link:hover,
.button.button-link:focus:enabled {
  color: #1585cf;
}
.button.button-link,
.button.button-link:hover,
.button.button-link:active,
.button.button-link:focus:enabled {
  background: transparent;
  border: none;
}
a.button-link , p.button-link {
  vertical-align: middle;
  display: inline-block;
  margin: 0 0 1rem 0;
}
a.button-link + a.button-link {
  margin-left: -12px;
  padding-left: 6px;
}
button.close-button {
  border: 0;
  padding: 0;
}

/* Header styles */
[role="banner"] {
  position: relative;
  margin-bottom: 24px;
  margin-top: 18px;
}
@media print {
  [role="banner"] {
	margin-bottom: 10px;
	margin-top: 0;
  }
}
.bank-branding {
  position: relative;
  height: auto;
}
.bank-branding img {
  max-height: 100%;
}
.img-responsive {
  max-width: 100%;
  height: auto;
}

/* Navigation styles */
nav {
  *zoom: 1;
}
nav:before, nav:after {
  display: table;
  content: "";
}
nav:after {
  clear: both;
}
.nav,
.navbar {
  margin-left: 0;
  list-style: none;
  *zoom: 1;
  margin-bottom: 0;
}
.nav:before, .nav:after,
.navbar:before, .navbar:after {
  display: table;
  content: "";
}
.nav:after, .navbar:after {
  clear: both;
}
.nav--text, .navbar--text, .navitem {
  display: block;
  padding: 6px 12px;
  line-height: 24px;
  text-decoration: none;
}
.nav--menu {
  display: inline-block;
  vertical-align: bottom;
}
.nav--menu > li {
  float: left;
}
.nav--menu a {
  padding: 6px 12px;
}
.nav--pills .navitem, 
.nav--pills-stacked .navitem {
  margin-right: 0.5em;
  margin-bottom: 1em;
  border-radius: 4px;
}
.nav--pills > li {
  float: left;
  margin-right: 2px;
}
@media all and (max-width: 639px) {
  .navbar--menu > li {
    float: none;
  }
}
@media all and (min-width: 640px) {
  .navbar--menu {
    position: relative;
    left: 0;
    display: block;
  }
  .navbar--menu > li {
    float: left;
  }
  .navbar--menu .navitem {
    padding: 6px 24px;
  }
}
@media all and (min-width: 640px) {
  .navbar--left {
    float: left;
  }
}
@media all and (min-width: 640px) {
  .navbar--right {
    float: right;
  }
}
.navitem {
  position: relative;
}
.badge {
  min-width: 1em;
  padding: .25em .5em;
  font-size: .85em;
  font-weight: bold;
  line-height: 1;
  border-radius: 1em;
}
.is--selected .navitem,
.is--selected .navitem:hover,
.is--selected .navitem:focus {
  background: #1779ba;
  color: #fefefe;
}

/* MFA divider */
.mfa-divider-parent {
  position: relative;
  min-height: 2em;
}
.mfa-divider-vertical {
  position: absolute;
  width: 1px;
  height: 100%;
  left: 50%;
  top: 0;
  background: black;
}
.mfa-divider-vertical:before {
  content: 'OR';
  position: absolute;
  top: 50%;
  left: -.7em;
  margin-top: -18px;
  padding: 6px 0;
  font-size: .9em;
  background: white;
}
.mfa-divider-horizontal {
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  top: 50%;
  background: black;
}
.mfa-divider-horizontal:before {
  content: 'OR';
  position: absolute;
  top: .5em;
  left: 50%;
  margin-left: -16.5px;
  margin-top: -18px;
  padding: 0 6px;
  font-size: .9em;
  background: white;
}

/* Buttons */
.button[disabled], .button[disabled]:hover, 
.button.secondary[disabled], .button.secondary[disabled]:hover {
  color: #888888;
  background: #dddddd;
  border-color: #b7b7b7;
  opacity: inherit;
  pointer-events: inherit;
}
button > svg {
  pointer-events: none;
}

/* Footer styles */
.page--footer {
  padding-bottom: 16px;
  border-top: 1px solid transparent;
  margin-bottom: 18px;
}
.page--footer .callout {
  padding-top: 0;
}
@media print {
  .page--footer,
  .page--footer .callout,
  .page--footer p {
	margin-bottom: 0;
	padding-bottom: 0;
  }	
}

/* Buttons inline/inside inputs (hide/show password) */
.input-button {
  background: transparent;
  border: 0;
  border-radius: 0.25em;
  color: #888;
  font-size: .75em;
  font-weight: bold;
  margin-right: .5em;
  margin-top: .5em;
  padding: .25em .5em;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: -1px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.input-button:hover, 
.input-button:focus {
  background-color: #eee;
  color: #555;
  outline: transparent;
}
.input-button-wrapper {
  position: relative;
}
.input-button-wrapper input {
  padding-right: 3rem;
}

/* Table styles */
table {
  width: 100%;
}
table input[type=checkbox] {
  margin-bottom: 0;
}
table,
table thead,
table thead tr th,
table tfoot,
table tfoot tr td,
table tr th,
table tr td,
table tbody tr:nth-child(odd),
table tbody tr:nth-child(even) {
  background: inherit;
  color: inherit;
  border: none;
  border-collapse: separate;
}
table tfoot tr td {
  font-weight: normal;
}
/* Detail expansion of table rows */
table tbody tr.row--expanded td {
  border-bottom: none;
  padding-bottom: 0;
}
table tbody tr.row--expanded--details td {
  padding-top: 0;
}
tr.row--expanded--details table {
  width: auto;
}
tr.row--expanded--details table tbody td {
  padding: 0 1rem;
  vertical-align: top;
}
tr.row--expanded--details table tbody td:nth-child(1) {
  text-align: left;
}
tr.row--expanded--details table tbody,
tr.row--expanded--details table tbody tr td  {
  border: none;
}
tr.row--expanded--details table td {
  white-space: normal;
}

/* Clickable rows */
tr.row--clickable {
  cursor: pointer;
}

/* Transaction peek */
.arrow {
  position: relative;
  margin: 9px 6px 6px 6px;
  border: solid transparent;
  border-width: 2px !important;
  border-radius: 4px;
  border-color: #e6e6e6;
}
.arrow:after, .arrow:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow--top-right:after {
  bottom: 100%;
  left: 88.5%;
}
.arrow--top-right:after {
  border-width: 12px;
  margin-left: -12px;
  border-bottom-color: #e6e6e6;
}

/* Account switcher dropdown */
div.dropdown {
  position: relative;
  display: inline-block;
  z-index: 900;
  white-space: nowrap;
}
ul.dropdown {
  position: absolute;
  min-width: 100%;
  top: 100%;
  left: 0;
}
ul.dropdown a {
  display: inline-block;
  width: 100%;
  padding: 5px 10px;
}

/* Accordion styles */
.accordion {
  background: inherit;
}
.accordion-title  {
  padding: .5rem;
  background: #fefefe;
}
.is-active > .accordion-title {
  background: #fefefe;
}
.accordion-title::before {
  content: "";
  right: .5rem;
  top: 1rem;
}
.is-active > .accordion-title::before {
  content: "";
}
.accordion-content {
  background: inherit;
  padding-left: .5rem;
  padding-right: .5rem;
}

/* Focus styles */
.focus--black {
  color: black;
}
.focus--red {
  color: red;
}
.focus--white {
  color: white;
}

/* Foundation Reveal modal fix for Trusteer Rapport */
.reveal {
  z-index: 20006;
}
.reveal-overlay {
  z-index: 20005;
}

/* Foundation Datepicker */
div.datepicker.dropdown-menu td,
div.datepicker.dropdown-menu th {
  color: #000;
  font-size: 18px;
  padding: 10px;
}
div.datepicker td span.month.disabled, 
div.datepicker td span.year.disabled, 
div.datepicker td.day.disabled {
  cursor: not-allowed;
}
i.fa-chevron-right.fi-arrow-right::after {
  content: '>';
}
i.fa-chevron-left.fi-arrow-left::after {
  content: '<';
}
/* Upgraded to be compatible with Foundation 6.1.2 */

/* Print transactions */
@media print {
    * {
        white-space: nowrap;
    }

    @page {
        size: A4;
        margin: 0;
    }

    html, body {
        width: 210mm;
        height: 282mm;
        overflow: visible;
    }

    body {
        padding-top: 15mm;
    }

    .print-wrap,
    .print-wrap p {
        white-space: normal;
    }

    #transactions-left {
        width: 100% !important;
    }
}

/* Welcome message */
.message--welcome {
    padding-right: 2em;
    text-align: right;
}

    .message--welcome p {
        line-height: 18px;
        margin-bottom: 0;
    }

/* Terms and conditions */
#terms-contents {
    height: 50vh;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: auto;
    width: 100%;
}

/* Help text */
#accounts-edit .row div:nth-child(2) {
    padding-left: 12px;
}

/* Transfer form */
#payment-amount, #edit-payment-amount {
    width: 150px;
    display: inline-block;
}

#payment-type, #edit-payment-type {
    display: inline-block;
    width: 100px;
}

#repeat-count, #edit-repeat-count {
    display: inline-block;
    width: 50px;
}

#repeat-date-button-wrapper, #edit-repeat-date-button-wrapper {
    display: inline-block;
}

#repeat-date, #edit-repeat-date {
    display: inline-block;
    width: 175px;
}

/* Account information */
#account-information label,
#account-information div:not(.loading) .h4 {
    font-weight: normal;
}

/* Transaction tables */
/* Transaction icon */
table.table--transactions td:nth-child(1) {
    text-align: center;
}

.table--transactions .shape--clock {
    fill: #ffaa33;
}

.table--transactions .shape--dot {
    fill: #66aa33;
}
/* Transaction date */
table.table--transactions th:nth-child(2),
table.table--transactions td:nth-child(2) {
    white-space: nowrap;
}
/* Special class to add only when posting indicator is shown */
table.table--transactions-full th:nth-child(2),
table.table--transactions-full td:nth-child(2) {
    padding-left: 0;
}
/* Transaction description */
table.table--transactions th:nth-child(3) {
    white-space: nowrap;
}

table.table--transactions td:nth-child(3) {
    word-break: break-all;
    word-break: break-word;
}
/* Transaction debit/credit/balance */
table.table--transactions th:nth-child(4),
table.table--transactions td:nth-child(4),
table.table--transactions th:nth-child(5),
table.table--transactions td:nth-child(5),
table.table--transactions th:nth-child(6),
table.table--transactions td:nth-child(6) {
    text-align: right;
    white-space: nowrap;
}
/* Get detail expansion to right align only for transaction details */
table.table--transactions tr.row--expanded--details table tbody td:nth-child(2) {
    text-align: right;
}

/* Stop payment tables */
table.table--stop-payments td:nth-child(1),
table.table--stop-payments td:nth-child(5) {
    white-space: nowrap;
}

table.table--stop-payments th:nth-child(5),
table.table--stop-payments td:nth-child(5) {
    text-align: right;
}

/* Transfer tables */
/* Spacing for the error icon */
table.table--transfers:not(.table--transfers-full) th:nth-child(1),
table.table--transfers:not(.table--transfers-full) td:nth-child(1) {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
}

table.table--transfers:not(.table--transfers-full) th:nth-child(2),
table.table--transfers:not(.table--transfers-full) td:nth-child(2) {
    padding-left: 0;
}
/* Amount column */
table.table--transfers:not(.table--transfers-full) th:nth-child(4),
table.table--transfers:not(.table--transfers-full) td:nth-child(4),
table.table--transfers-full th:nth-child(4),
table.table--transfers-full td:nth-child(4) {
    text-align: right;
}
/* Don't wrap the show/hide details buttons */
table.table--transfers-full td:nth-child(1) {
    white-space: normal;
}

table.table--transfers-full {
    display: block;
    overflow: auto;
}
    /* Alignment and wrapping of edit/delete buttons */
    table.table--transfers:not(.table--transfers-full) td:nth-child(6),
    table.table--transfers-full td:nth-child(9) {
        text-align: right;
        width: 1px;
        max-width: none;
        white-space: nowrap;
    }

table.table--transfers:not(.table--transfers-full) td:nth-child(6) {
    cursor: auto;
}

/* Wire Manager tables */
table.table--wires th:last-child,
table.table--wires tbody td:last-child {
    text-align: right;
}

table.table--wires-review th:first-child,
table.table--wires-review td:first-child,
table.table--wires-review tfoot td {
    text-align: center;
}

table.table--wires-review tr.row--clickable td:first-child {
    cursor: auto;
}

table.table--wires-review tfoot td button {
    margin-bottom: 0;
}

/*Multi Download transaction accounts table*/
table.table--mulitaccounts th:last-child,
table.table--mulitaccounts tbody td:last-child {
    text-align: left;
}

table.table--mulitaccounts-review th:first-child,
table.table--mulitaccounts-review td:first-child,
table.table--mulitaccounts-review tfoot td {
    text-align: center;
}

table.table--mulitaccounts-review tr.row--clickable td:first-child {
    cursor: auto;
}

table.table--mulitaccounts-review tfoot td button {
    margin-bottom: 0;
}

table.table--mulitaccounts tbody td {
    border-top: 1px solid #dfdfdf;
}

/* ACH Manager tables */
table.table--ach th:last-child,
table.table--ach tbody td:last-child {
    text-align: right;
}

table.table--ach-review th:first-child,
table.table--ach-review td:first-child,
table.table--ach-review tfoot td {
    text-align: center;
}

table.table--ach-review tr.row--clickable td:first-child {
    cursor: auto;
}

table.table--ach-review tfoot td button {
    margin-bottom: 0;
}

/* Internal Transfer Review  tables */
table.table--internalreview th:last-child,
table.table--internalreview tbody td:last-child {
    text-align: right;
}

table.table--internalreview-review th:first-child,
table.table--internalreview-review td:first-child,
table.table--internalreview-review tfoot td {
    text-align: center;
}

table.table--internalreview-review tr.row--clickable td:first-child {
    cursor: auto;
}

table.table--internalreview-review tfoot td button {
    margin-bottom: 0;
}

/* Internal batch Transfer   */
table.table--transfers-full tr.table--batch--transfers td {
    border-bottom: none;
    padding-bottom: 0px;
}

    table.table--transfers-full tr.table--batch--transfers td div.batchSuccess {
        background-color: #dff0d8;
        border-color: #d6e9c6;
        color: #3a703c;
        border-radius: 4px;
        border-style: solid;
        border-width: 2px;
        font-size: inherit;
    }

    table.table--transfers-full tr.table--batch--transfers td div.batchError {
        background: #fbeae9;
        border-color: #f7d6d3;
        color: #ad3123;
        border-radius: 4px;
        border-style: solid;
        border-width: 2px;
        font-size: inherit;
    }

    table.table--transfers-full tr.table--batch--transfers td div.batchWarning {
        background: #fffdd5;
        border-color: #ffe89e;
        color: #8c6b33;
        border-radius: 4px;
        border-style: solid;
        border-width: 2px;
        font-size: inherit;
    }

    table.table--transfers-full tr.table--batch--transfers td div p {
        margin-bottom: 0px;
        color: inherit;
    }
/* Soft token table */
/* Alignment and wrapping of edit/delete buttons */
table.table--soft-token-list td:nth-child(5) {
    text-align: right;
    width: 1px;
    max-width: none;
    white-space: nowrap;
}

/* Remove the top margin on callouts for empty state but not for errors displayed when subsequent loads fail */
div.table--transactions ~ div.callout:not(.alert),
div.table--stop-payments ~ div.callout,
table.table--transfers + div.callout:not(.alert),
table.table--ach + div.callout,
table.table--wires + div.callout,
table.table--internalreview + div.callout,
table.table--soft-token-list + div.callout {
    margin-top: -1rem;
}
/* Stop pays is different because of account selector div */
div.table--stop-payments ~ div.alert,
div.table--stop-payments ~ div.loading {
    margin-top: 1rem;
}

/* Focus tables */
#home-accounts-external table tfoot tr td {
    font-style: italic;
}

/* Home page accounts */
#accounts dl dt strong,
#accounts-edit dl dt strong {
    word-wrap: break-word;
}

.add-wrap-word {
    word-wrap: break-word;
}

.add-wrap-break {
    word-break: break-all;
}

.arrow-top-right-custom {
    margin-top: 0px;
}

.arrow-top-right-custom:after {
    left: 96.5%;
}

a.skip-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
}

a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color: #1583cc;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow: auto;
    margin: 10px 35%;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid transparent;
    text-align: center;
    font-size: 1.2em;
    z-index: 999;
}

.fdic-notice-blue {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0;
    line-height: 1.25;
    overflow: hidden;
    box-sizing: border-box;
    align-items: center;
    text-align: left;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 12.8px;
    font-weight: 400;
    color: #000;
    background-color: white;
    padding: 16px 0 16px 0;
}

.fdic-notice-white {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0;
    line-height: 1.25;
    overflow: hidden;
    box-sizing: border-box;
    align-items: center;
    text-align: left;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 12.8px;
    font-weight: 400;
    color: white;
    background-color: black;
    padding: 16px 0 16px 0;
}

.shape--fdic {
    fill: none;
    width: auto;
    height: 15.74px;
    margin-right: 6px;
    display: block;
}

@media all and (max-width: 1000px) {
    .fdic-notice-blue, .fdic-notice-white {
        font-size: 10px;
        padding: 12px 0 12px 0;
    }
}

@media all and (max-width: 490px) {
    .fdic-notice-blue, .fdic-notice-white {
        font-size: 7px;
    }
}