.arrow {
    position: relative;
    margin-top: 15px;
    border-style: solid;
    border-width: 2px !important;
    border-radius: 4px;
}

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

[class*="btn--"] {
    display: inline-block;
    padding: 6px 12px;
    font-size: 1em;
    line-height: 24px;
    color: #333333;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
}

    [class*="btn--"]:focus {
        outline: thin dotted #333333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

a.btn {
    text-decoration: none;
}

.btn--disabled, .btn--default.disabled, .btn--default.disabled:hover, .btn--default[disabled], .btn--default[disabled]:hover, .btn--primary.disabled, .btn--primary.disabled:hover, .btn--primary[disabled], .btn--primary[disabled]:hover {
    color: #888888;
    background: #dddddd;
    border-color: #b7b7b7;
    cursor: not-allowed;
}

.btn--default:active {
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.25);
}

.btn--thead {
    border: 0;
    background: transparent;
    font-weight: bold;
}

.btn--primary:active {
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.25);
}

.btn--link {
    border: 0;
    background: transparent;
}

    .btn--link:not(:focus) {
        outline: none;
    }

    .btn--link span {
        position: relative;
        top: 0;
        left: 0;
    }

.btn--full {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

@media all and (min-width: 600px) and (max-width: 999px) {
    .btn--inline {
        margin-top: 24px;
    }
}

.btn--no-padding {
    padding-left: 0;
    padding-right: 0;
}

.btn--toolbar {
    margin: 0;
    padding: 0;
    background: transparent;
}

.btn.inprocess:before {
    content: url(../img/load_small.gif);
    padding-right: 6px;
}

.badge {
    display: inline-block;
    min-width: 1em;
    padding: .25em .5em;
    font-size: .85em;
    font-weight: bold;
    line-height: 1;
    border-radius: 1em;
}

.navitem {
    position: relative;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
    margin-top: 0;
    margin-bottom: 12px;
}

h4,
h5,
h6,
.h4,
.h5,
.h6 {
    margin-top: 0;
    margin-bottom: 0;
}

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

h5,
.h5 {
    font-size: 1em;
    line-height: 18px;
    text-transform: uppercase;
}

h6,
.h6 {
    font-size: 1em;
    line-height: 18px;
}

    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small {
        color: gray;
    }

img, svg {
    vertical-align: middle;
}

svg {
    fill: currentColor;
}

figure {
    margin: 0;
    padding: 0;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.icon15x {
    display: inline-block;
    width: 24px;
    height: 24px;
}

.icon2x {
    display: inline-block;
    width: 32px;
    height: 32px;
}

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

.shape--dot {
    fill: #66aa33;
}

.shape--day-cal {
    fill: #3ac;
}

ul {
    padding: 0;
    margin: 0 0 0 1em;
}

ol {
    padding: 0;
    margin: 0 0 18px 1.4em;
}

dl {
    padding: 0;
    margin: 0 0 18px;
}

dd {
    margin: 0;
}

.list--unstyled {
    list-style: none;
    margin: 0;
}

p {
    margin: 0;
    padding: 0;
    line-height: 24px;
}

pre {
    margin: 0;
    font: inherit;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-x: hidden;
}

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

.alert {
    border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    padding: 12px 1em 12px 1em;
    margin: 0 0 18px;
}

    .alert a, .alert a:visited {
        color: inherit;
        text-decoration: underline;
    }

        .alert a:hover {
            color: inherit;
        }

    .alert img {
        vertical-align: middle;
    }

    .alert button {
        line-height: 1;
    }

    .alert .close {
        position: relative;
        color: inherit;
        line-height: 24px;
        font-size: 1.25em;
        font-weight: bold;
    }

    .alert p + ul,
    .alert p + p {
        padding-left: 20px;
    }

.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--error:not(.icon) {
        display: block;
        clear: both;
        margin-top: 0;
    }

.text--info {
    color: #2e6a87;
}

.text--muted {
    color: #999999;
}

.text--success {
    color: #3a703c;
}

.text--warning {
    color: #8c6b33;
}

.close {
    width: 1.5em;
    float: right;
    background: transparent;
    color: rgba(0, 0, 0, 0.4);
    border: 0;
    padding: 0;
    -webkit-appearance: none;
    text-shadow: 0 1px 0 white;
}

    .close:hover, .close:focus {
        color: #666666;
        text-decoration: none;
        cursor: pointer;
    }

fieldset {
    border: 0;
    padding: 0;
}

legend {
    margin-bottom: 18px;
    margin-left: 6px;
    font-weight: bold;
}

textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
.uneditable-input {
    padding: 6px;
    background-color: white;
    color: #333333;
    border: 1px solid #cccccc;
    border-radius: 4px;
    line-height: 18px;
    width: 100%;
}

    input[disabled],
    select[disabled],
    textarea[disabled],
    input[readonly],
    select[readonly],
    textarea[readonly] {
        cursor: not-allowed !important;
        background-color: #eeeeee;
    }

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

select {
    max-width: 100%;
}

.form__group {
    display: block;
    clear: both;
    margin-bottom: 18px;
}

.form__control {
    position: relative;
}

.form__label {
    font-weight: bold;
    color: inherit;
}

    .form__label a {
        font-weight: normal;
    }

@media all and (min-width: 1000px) {
    .form--horizontal .form__control,
    .form--horizontal .form__label {
        float: left;
    }

    .form--horizontal .form__group {
        *zoom: 1;
    }

        .form--horizontal .form__group:before, .form--horizontal .form__group:after {
            display: table;
            content: "";
        }

        .form--horizontal .form__group:after {
            clear: both;
        }
}

.form__group--inline {
    margin-bottom: 0;
}

.form__control--inline {
    margin-bottom: 18px;
}

    .form__control--inline input {
        width: auto;
    }

        .form__control--inline input#otheramt {
            width: 100px;
        }

.form--inline .form__control {
    display: inline-block;
}

.check-radio {
    padding: 6px 0;
    margin-right: 1.5em;
    cursor: pointer;
    white-space: nowrap;
}

.help--block {
    clear: both;
}

.has-error input, .has-error textarea {
    border-color: #ad3123;
}

.checkbox + p.text--error {
    margin-top: -6px;
}

.req-indicator {
    color: #ee3322;
}

.required .form__label:after {
    color: #ee3322;
    content: ' *';
    display: inline;
}

[role="tooltip"] {
    display: none;
    padding: 3px;
    margin: 0;
    color: #333;
    background: #eee;
    width: 100%;
    z-index: 2;
}

input:focus + [role="tooltip"] {
    display: block;
    position: absolute;
    top: 100%;
}

nav {
    *zoom: 1;
}

    nav:before, nav:after {
        display: table;
        content: "";
    }

    nav:after {
        clear: both;
    }

.nav,
.navbar {
    margin-left: 0;
    list-style: none;
    *zoom: 1;
}

    .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--pills .navitem,
.nav--pills-stacked .navitem {
    margin-right: 0.5em;
    margin-bottom: 1em;
    border-radius: 4px;
}

.nav--pills > li {
    float: left;
    margin-right: 2px;
}

.navbar--menu .navitem {
    transition-duration: 0s;
}

@media all and (max-width: 599px) {
    .navbar--menu > li {
        float: none;
    }
}

@media all and (min-width: 600px) {
    .navbar--menu {
        position: relative;
        left: 0;
        display: block;
    }

        .navbar--menu > li {
            float: left;
        }

        .navbar--menu .navitem {
            padding: 6px 24px;
        }
}

@media all and (min-width: 600px) {
    .navbar--left {
        float: left;
    }
}

@media all and (min-width: 600px) {
    .navbar--right {
        float: right;
    }
}

table {
    width: 100%;
    font-size: inherit;
}

thead {
    white-space: nowrap;
}

    thead th {
        font-weight: bold;
    }

th, td {
    padding: 12px 12px 6px;
    vertical-align: top;
    text-align: left;
}

tbody > th {
    font-weight: normal;
    text-align: left;
}

.table--bordered {
    border: 1px solid #dddddd;
    border-collapse: separate;
    border-radius: 4px;
}

    .table--bordered thead tr:last-child th:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 2px;
    }

    .table--bordered thead tr:last-child th:last-child {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .table--bordered tbody tr:last-child td:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
        border-top-left-radius: 0;
    }

    .table--bordered tbody tr:last-child td:last-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

.table--condensed th,
.table--condensed td {
    padding: 6px 12px;
}

.table--hover > tbody > tr:hover > td,
.table--hover > tbody > tr:hover > th {
    background-color: #f1f1f1;
}

.table--striped > tbody > tr:nth-child(odd) > td {
    background-color: #f1f1f1;
}

.table--underlined > tfoot td {
    border-top: 1px solid #dddddd;
}

.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--auto-width {
    width: auto;
    display: inline-block;
}

.header--non-sortable {
    line-height: 36px;
}

.table--hide-first thead th:first-child,
.table--hide-first tbody td:first-child {
    display: none;
}

.slat {
    padding: 12px 6px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

    .slat + .slat {
        border-top: 0;
    }

.slat__clickable {
    cursor: pointer;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    padding: 0;
    margin: 0;
    line-height: 24px;
    font-size: 0.9375em;
}

a {
    text-decoration: none;
}

a, .btn {
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.wrapper {
    max-width: 1500px;
    min-width: 600px;
    margin: 0 auto;
    padding: 18px 1em;
}

.table--trans-recent td:nth-child(1),
#table--transactions td:nth-child(2) {
    white-space: nowrap;
    width: 0;
    padding-left: 6px;
}

.table--trans-recent th:nth-child(2),
.table--trans-recent td:nth-child(2),
#table--transactions th:nth-child(3),
#table--transactions td:nth-child(3) {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.table--trans-recent th:nth-child(3),
.table--trans-recent td:nth-child(3),
#table--transactions th:nth-child(4),
#table--transactions td:nth-child(4) {
    text-align: right;
    white-space: nowrap;
    min-width: 7em;
}

#table--transactions th:nth-child(5),
#table--transactions td:nth-child(5) {
    text-align: right;
    white-space: nowrap;
}

.table--trans-recent thead tr:first-child th:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 2px;
}

.table--trans-recent thead tr:first-child th:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.table--trans-recent tbody tr:last-child td:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 0;
}

.table--trans-recent tbody tr:last-child td:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.transaction--details {
    width: auto;
}

    .transaction--details td:nth-child(2) {
        text-align: right;
        padding-right: 0;
    }

#scheduled-transfers td:nth-child(3),
#scheduled-transfers td:nth-child(5),
#scheduled-transfers td:nth-child(6),
#scheduled-transfers td:nth-child(7) {
    white-space: nowrap;
}

#scheduled-transfers td:nth-child(6),
#scheduled-transfers td:nth-child(7) {
    width: 1%;
}

/*#scheduled-transfers td:nth-child(6) {
    @include word-wrap;
}*/
#scheduled-transfers td:nth-child(4) small {
    display: inline-block;
    line-height: 18px;
}

[role="banner"] {
    position: relative;
    margin-bottom: 24px;
}

.bank-branding {
    position: relative;
}

    .bank-branding img {
        max-height: 100%;
    }

[data-ui-component="account-details"] {
    margin-bottom: 24px;
}

.dropdown {
    position: relative;
    display: inline-block;
    z-index: 900;
}

[class*="dropdown-menu"] {
    position: absolute;
    display: block;
    top: 100%;
    min-width: 100%;
    white-space: nowrap;
    border: 1px solid #ddd;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 0;
}

.dropdown-menu-left {
    left: 0;
}

.dropdown-menu-right {
    right: 0;
}

[class*="dropdown-menu"] li {
    display: block;
    padding: 5px 10px;
}

main {
    margin-bottom: 12px;
}

.page--footer {
    padding-bottom: 36px;
}

.form__control--inline + .text--error {
    margin-top: -18px;
    margin-bottom: 18px;
}

.terms-container-pre,
.terms-container-iframe {
    height: 50vh;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.terms-container-iframe {
    position: relative;
}

.check-viewer-iframe {
    height: 50vh;
}

.ad-container {
    position: relative;
    height: 0;
    overflow: hidden;
}

.alerts-container,
.alldata-container,
.ams-container,
.img-container,
.checkfree-container,
.transfernow-container {
    position: relative;
}

    .terms-container-iframe iframe,
    .alerts-container iframe,
    .alldata-container iframe,
    .ams-container iframe,
    .img-container iframe,
    .checkfree-container iframe,
    .checkfree-widget-container iframe,
    .creditsense-widget-container iframe,
    .transfernow-container iframe,
    .micronotes-widget-container iframe,
    .check-viewer iframe {
        width: 100%;
    }

.terms-container-pre pre {
    padding: .5em;
}

.terms-container-iframe iframe,
.ad-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.alerts-container iframe {
    height: 500px;
}

.alldata-container iframe {
    height: 1600px;
}

.ams-container iframe {
    height: 1000px;
}

.img-container iframe {
    height: 800px;
}

.checkfree-container iframe {
    height: 1020px;
    overflow: auto;
}

.checkfree-widget-container iframe {
    height: 410px;
    background: #fff;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.creditsense-widget-container iframe {
    height: 305px;
    background: #fff;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

.micronotes-widget-container.micronotes-home iframe {
    height: 300px;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

.micronotes-widget-container.micronotes-logout {
    width: 605px;
    margin: 0 auto;
}

    .micronotes-widget-container.micronotes-logout iframe {
        height: 480px;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .micronotes-widget-container.micronotes-logout .mfp-close {
        position: inherit;
    }

.transfernow-container iframe {
    height: 675px;
}

.mfa-divider {
    position: absolute;
    width: 1px;
    min-height: 140px;
    height: 100%;
    left: 50%;
    top: 0;
}

    .mfa-divider:before {
        content: 'OR';
        position: absolute;
        top: 50%;
        left: -.7em;
        margin-top: -18px;
        padding: 6px 0;
        font-size: .9em;
    }

.modal-wrapper {
    position: relative;
    padding-top: 44px;
}

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

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

iframe {
    border: 0;
    margin: 0;
    padding: 0;
}

.slides {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: hidden;
}

    .slides li {
        display: none;
        width: inherit;
    }

        .slides li:first-child {
            display: block;
        }

    .slides img {
        max-width: 100%;
    }

.homepage__ads .homepage__ads--slides {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.homepage__ads li {
    max-width: 100%;
}

.homepage__ads img {
    max-width: 100%;
}

@media print {
    * {
        color: #000 !important;
        background: #fff !important;
    }

    .no-print {
        display: none !important;
    }

    .mfp-wrap {
        position: inherit;
    }

    .mfp-content {
        vertical-align: top;
    }
}

.page--break {
    display: none;
}

@media print {
    .page--break {
        display: block;
        page-break-before: always;
    }
}

.float--right {
    float: right !important;
}

.float--left {
    float: left !important;
}

.float--none {
    float: none !important;
}

.pos-rel {
    position: relative;
}

.pos-abs {
    position: absolute;
}

.clear--b {
    clear: both !important;
}

.clear--l {
    clear: left !important;
}

.clear--r {
    clear: right !important;
}

.clear--n {
    clear: none !important;
}

.cf {
    *zoom: 1;
}

    .cf:before, .cf:after {
        display: table;
        content: "";
    }

    .cf:after {
        clear: both;
    }

.bordered {
    border: 1px solid #cccccc;
}

.bordered--top {
    border-top: 1px solid #cccccc;
}

.bordered--bottom {
    border-bottom: 1px solid #cccccc;
}

.text--left {
    text-align: left !important;
}

.text--center {
    text-align: center !important;
}

.text--right {
    text-align: right !important;
}

.text--italic {
    font-style: italic;
}

.strong {
    font-weight: bold;
}

.text--wrap {
    white-space: normal;
}

.text--nowrap {
    white-space: nowrap;
}

.flush {
    margin: 0;
}

.push--up {
    margin-top: 1em;
}

.push--down {
    margin-bottom: 1em;
}

.push--left {
    margin-left: 1em;
}

.push--right {
    margin-right: 1em;
}

.push-half--left {
    margin-left: 0.5em;
}

.push-half--right {
    margin-right: 0.5em;
}

.padding--add {
    padding: 1em;
}

.padding--double {
    padding: 2em;
}

.padding--half {
    padding: 0.5em;
}

.padding-left--add {
    padding-left: 1em;
}

.padding-left--half {
    padding-left: 0.5em;
}

.padding-left--remove {
    padding-left: 0;
}

.padding-right--add {
    padding-right: 1em;
}

.padding-right--half {
    padding-right: 0.5em;
}

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

.padding-top--add {
    padding-top: 1em;
}

.padding-top--half {
    padding-top: 0.5em;
}

.padding-sides--add {
    padding-left: 1em;
    padding-right: 1em;
}

.padding-sides--half {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.padding-sides--remove {
    padding-left: 0;
    padding-right: 0;
}

@media all and (min-width: 600px) and (max-width: 999px) {
    .medium--padding-half--right {
        padding-right: 0.5em;
    }

    .medium--padding-half--left {
        padding-left: 0.5em;
    }
}

.width-5 {
    width: 5%;
}

.width-10 {
    width: 10%;
}

.width-12 {
    width: 12.5%;
}

.width-15 {
    width: 15%;
}

.width-20 {
    width: 20%;
}

.width-25 {
    width: 25%;
}

.width-30 {
    width: 30%;
}

.width-33 {
    width: 33.333%;
}

.width-35 {
    width: 35%;
}

.width-37 {
    width: 37.5%;
}

.width-40 {
    width: 40%;
}

.width-45 {
    width: 45%;
}

.width-50 {
    width: 50%;
}

.width-55 {
    width: 55%;
}

.width-60 {
    width: 60%;
}

.width-62 {
    width: 62.5%;
}

.width-65 {
    width: 65%;
}

.width-66 {
    width: 66.666%;
}

.width-70 {
    width: 70%;
}

.width-75 {
    width: 75%;
}

.width-80 {
    width: 80%;
}

.width-85 {
    width: 85%;
}

.width-87 {
    width: 87.5%;
}

.width-90 {
    width: 90%;
}

.width-95 {
    width: 95%;
}

.width--auto {
    width: auto;
}

.zindex-1 {
    z-index: 100;
}

.zindex-2 {
    z-index: 200;
}

.contain-x {
    overflow-x: auto;
    display: block;
}

    .contain-x td {
        white-space: nowrap;
    }

.is--hidden {
    display: none;
}

.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
}

button#accountDetailsButtonHide {
    display: none;
}

div.singleAccount {
    overflow: hidden;
}

#loadingDiv {
    position: absolute;
    z-index: 999;
}

.modalLoadImage {
    text-align: center;
    vertical-align: top;
    background: #fff;
    color: #000;
    line-height: 1.5;
    padding-top: 20px;
    font-weight: bold;
}

.loadImage {
    text-align: center;
    vertical-align: top;
    display: none;
    background: #fff;
    color: #000;
    line-height: 1.5;
    padding-top: 20px;
    font-weight: bold;
}

.is-today .pika-button {
    color: #000;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #666;
    font-weight: bold;
    background: #ccc;
    box-shadow: inset 0 1px 3px #bbb;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: 0.3;
}

.pika-button:hover {
    color: #666666 !important;
    background: #eeeeee !important;
    box-shadow: none !important;
    border-radius: 3px !important;
}

.pika-table th {
    background: white;
}

svg use {
    pointer-events: none;
}

.prompt {
    position: fixed;
    z-index: 20006;
    width: 100%;
    top: 40%;
    left: 0;
}

.prompt--hidden {
    display: none !important;
}

.prompt__overlay {
    background: #000;
    opacity: .5;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20005;
}

.shape--loader {
    animation: spinloader 0.823s steps(12) infinite;
}

.reauthentication-model-container {
    max-width: 605px;
    margin: 0 auto;
}

@keyframes spinloader {
    from {
        transform: translateZ(0) rotateZ(0.002deg);
    }

    to {
        transform: translateZ(0) rotateZ(360deg);
    }
}

@media all and (min-width:300px) and (max-width: 599px) {

    .width--select {
        width: 100% !important;
    }

    .width--input {
        width: 100% !important;
    }
}

@media all and (min-width:600px) and (max-width: 999px) {
    .width--select {
        width: auto !important;
    }

    .width--input {
        width: auto !important;
    }
}

@media all and (min-width:1000px) and (max-width: 1199px) {
    .width--select--setup {
        width: 10.5% !important;
    }

    .width--input--setup {
        width: 14.1% !important;
    }

    .width--select--profile {
        width: 14.5% !important;
    }

    .width--input--profile {
        width: auto !important;
    }
}

@media all and (min-width:1200px) and (max-width: 1399px) {

    .width--select--profile {
        width: 14.5% !important;
    }

    .width--input--profile {
        width: auto !important;
    }

    .width--select--setup {
        width: 10.5% !important;
    }

    .width--input--setup {
        width: 14.1% !important;
    }
}

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: #FFFFFF;
    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: #FFFFFF;
    background-color: #000;
    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;
    }
}

.fdic-notInsured {
    font-family: Source Sans Pro;
    font-size: 12.8px;
    font-style: italic;
    font-weight: 400;
    line-height: 16.09px;
    text-align: left;
}

/*!© 2014-2022 Fiserv, Inc. or its affiliates. All rights reserved. This work, including its contents and programming, is confidential and its use is strictly limited. This work is furnished only for use by duly authorized licensees of Fiserv, Inc. or its affiliates, and their designated agents or employees responsible for installation or operation of the products. Any other use, duplication, or dissemination without the prior written consent of Fiserv, Inc. or its affiliates is strictly prohibited. Except as specified by the agreement under which the materials are furnished, Fiserv, Inc. and its affiliates do not accept any liabilities with respect to the information contained herein and is not responsible for any direct, indirect, special, consequential or exemplary damages resulting from the use of this information. No warranties, either express or implied, are granted or extended by this work or the delivery of this work.*/
@charset "UTF-8";
/*
    CSS stylesheet to implement changes required by development. For example, we need to set 
    Account Detail <div>s with an ID of "account-metadata" to display: none so that they
    are not shown when the page loads. Because we expect main.css to be overwritten as it is
    updated during development, we wanted to have a separate CSS file to house additional css changes
    necessary for development to implement the required functionality. 
*/

/* Set Account Metadata section to default to hidden on Account Detail pages */

button#accountDetailsButtonHide {
    display: none;
}

div.singleAccount {
    overflow: hidden;
}

#loadingDiv { 
    position: absolute;
    z-index: 999;
}

.modalLoadImage {
    text-align: center;
    vertical-align: top;
    background: #fff;
    color: #000;
    line-height: 1.5;
    padding-top: 20px;
    font-weight: bold;
}

.loadImage {
    text-align: center;
    vertical-align: top;
    display: none;
    background: #fff;
    color: #000;
    line-height: 1.5;
    padding-top: 20px;
    font-weight: bold;
}


/* begin: pikaday overrides */
.is-today .pika-button {
    color: #000;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #666;
    font-weight: bold;
    background: #ccc;
    box-shadow: inset 0 1px 3px #bbb;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #666 !important;
    background: #eee !important;
    box-shadow: none !important;
    border-radius: 3px !important;
}

.pika-table th {
    background: #fff;
}
/* end: pikaday overrides */

/* addresses a bug with IE on Windows 7 operating systems where clicking on an svg (which swaps out with another svg/use element) causes the browser to lock up */
svg use {
  pointer-events: none;
}

/* bootstrap classes to slide banners */

.carousel.pointer-event {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: "";
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item.active {
    display: block;
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none;
}

.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}