@charset "UTF-8";

.col-pull-1,
.col-pull-10,
.col-pull-11,
.col-pull-2,
.col-pull-3,
.col-pull-4,
.col-pull-5,
.col-pull-6,
.col-pull-7,
.col-pull-8,
.col-pull-9,
.col-push-1,
.col-push-10,
.col-push-11,
.col-push-2,
.col-push-3,
.col-push-4,
.col-push-5,
.col-push-6,
.col-push-7,
.col-push-8,
.col-push-9,
.row {
    position: relative
}

.accounts-index .summary table>tbody>tr>th,
.pair td:first-child,
.pair th:first-child,
.pair>fieldset li>div:first-child,
.pair>fieldset li>div:first-child+div,
.pair>fieldset li>div:first-child:last-child,
.pair>fieldset li>label:first-child,
.pair>fieldset li>label:first-child+div,
.pair>section li>div:first-child,
.pair>section li>div:first-child+div,
.pair>section li>div:first-child:last-child,
.pair>section li>label:first-child,
.pair>section li>label:first-child+div,
.stacked-field .ui-set-field>label,
.table-shadow>tbody>tr>th {
    font-weight: 400
}

.ui-checkbox.ui-disabled,
.ui-radiobutton.ui-disabled {
    opacity: .5
}

.ui-select,
.ui-select select {
    text-overflow: ''
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .merchant-address span,
.chart-tooltip.piechart-tooltip.ui-scope-top .account-info span,
.dialog-modal.modal-sms .ui-set-phone-number label,
.mutual-fund-details .row .table-shadow td.average-cost,
.mutual-fund-details .row .table-shadow td.average-cost-per-unit,
.mutual-fund-details .row .table-shadow td.market-value,
.mutual-fund-details .row .table-shadow td.price-per-unit,
.mutual-fund-details .row .table-shadow td.units,
.past-savings-goals .goals-history li .goal-name .nowrap,
.ui-select select {
    white-space: nowrap
}

.etransfers-auto-deposits tbody tr th,
.etransfers-index .etransfers-transactions tbody tr td.name,
.etransfers-index .etransfers-transactions tbody tr td.status,
.etransfers-recipients table tbody tr td.email,
.etransfers-requests-index .requests-transactions tbody tr td.name,
.etransfers-requests-index .requests-transactions tbody tr td.status {
    word-break: break-word
}

.target-main-body-full a,
.target-main-body-partial a {}

.row {
    clear: both
}

.row:after {
    content: "";
    display: table;
    clear: both
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
    background-clip: padding-box !important;
    box-sizing: border-box;
    float: left;
    margin-left: 20px;
    min-height: 1px
}

.col-first,
.row [class*=col-]:first-child {
    margin-left: 0
}

.col-1 {
    width: 60px
}

.col-offset-1 {
    margin-left: 100px
}

.col-push-1 {
    left: 80px
}

.col-pull-1 {
    right: 80px
}

.col-2 {
    width: 140px
}

.col-offset-2 {
    margin-left: 180px
}

.col-push-2 {
    left: 160px
}

.col-pull-2 {
    right: 160px
}

.col-3 {
    width: 220px
}

.col-offset-3 {
    margin-left: 260px
}

.col-push-3 {
    left: 240px
}

.col-pull-3 {
    right: 240px
}

.col-4 {
    width: 300px
}

.col-offset-4 {
    margin-left: 340px
}

.col-push-4 {
    left: 320px
}

.col-pull-4 {
    right: 320px
}

.col-5 {
    width: 380px
}

.col-offset-5 {
    margin-left: 420px
}

.col-push-5 {
    left: 400px
}

.col-pull-5 {
    right: 400px
}

.col-6 {
    width: 460px
}

.col-offset-6 {
    margin-left: 500px
}

.col-push-6 {
    left: 480px
}

.col-pull-6 {
    right: 480px
}

.col-7 {
    width: 540px
}

.col-offset-7 {
    margin-left: 580px
}

.col-push-7 {
    left: 560px
}

.col-pull-7 {
    right: 560px
}

.col-8 {
    width: 620px
}

.col-offset-8 {
    margin-left: 660px
}

.col-push-8 {
    left: 640px
}

.col-pull-8 {
    right: 640px
}

.col-9 {
    width: 700px
}

.col-offset-9 {
    margin-left: 740px
}

.col-push-9 {
    left: 720px
}

.col-pull-9 {
    right: 720px
}

.col-10 {
    width: 780px
}

.col-offset-10 {
    margin-left: 820px
}

.col-push-10 {
    left: 800px
}

.col-pull-10 {
    right: 800px
}

.col-11 {
    width: 860px
}

.col-offset-11 {
    margin-left: 900px
}

.col-push-11 {
    left: 880px
}

.col-pull-11 {
    right: 880px
}

.col-12 {
    width: 940px
}

.accounts-index .summary table>tbody>tr>td,
.accounts-index .summary table>tbody>tr>th,
.accounts-index .summary table>thead>tr>td,
.accounts-index .summary table>thead>tr>th,
.pair>fieldset li,
.pair>section li,
.table-shadow>tbody>tr>td,
.table-shadow>tbody>tr>th,
.table-shadow>thead>tr>td,
.table-shadow>thead>tr>th {
    background: 0 0;
    border-top: 1px solid #BBBCBC
}

.table-shadow+.ui-paginator {
    border-top: 1px solid #BBBCBC
}

.gics-holdings .holdings-list section:not(:first-of-type) header,
.gics-transactions .transaction-search section:not(:first-of-type) header,
.panel-large section:not(:first-of-type) header {
    border-radius: 0
}

.panel-small>:not(header):not(ul),
.right-rail .customer-services>:not(header):not(ul),
.right-rail .online-gaurantee>:not(header):not(ul),
.right-rail .quick-links>:not(header):not(ul),
.right-rail .quick-transfer>:not(header):not(ul),
.right-rail .related-info>:not(header):not(ul),
.right-rail .related-items>:not(header):not(ul),
.right-rail>div.contact-info>:not(header):not(ul) {
    margin: 0
}

.panel-small header h3,
.right-rail .customer-services header h3,
.right-rail .online-gaurantee header h3,
.right-rail .quick-links header h3,
.right-rail .quick-transfer header h3,
.right-rail .related-info header h3,
.right-rail .related-items header h3,
.right-rail>div.contact-info header h3 {
    color: #383B3E;
    font-size: 16px
}

.gics-holdings .holdings-list,
.gics-transactions .transaction-search,
.panel-large {
    margin-bottom: 30px
}

.gics-holdings .holdings-list>section>:not(header):not(table),
.gics-transactions .transaction-search>section>:not(header):not(table),
.panel-large>section>:not(header):not(table) {
    margin: 0
}

.gics-holdings .holdings-list>section>.header,
.gics-holdings .holdings-list>section>header,
.gics-transactions .transaction-search>section>.header,
.gics-transactions .transaction-search>section>header,
.panel-large>section>.header,
.panel-large>section>header {
    line-height: 40px;
    padding: 0
}

.pair>fieldset li,
.pair>section li {
    font-size: 13px
}

.pair>fieldset li:first-of-type,
.pair>section li:first-of-type {
    border-top: none
}

.pair>fieldset li>div:first-child:not(:last-child),
.pair>fieldset li>label,
.pair>section li>div:first-child:not(:last-child),
.pair>section li>label {
    color: #606366;
    padding: 0 10px 0 0;
    width: 150px
}

.pair>fieldset li>div+div,
.pair>section li>div+div,
a,
body {
    color: #383B3E
}

.ui-dialog .pair>fieldset li>div:first-child:not(:last-child),
.ui-dialog .pair>fieldset li>label,
.ui-dialog .pair>section li>div:first-child:not(:last-child),
.ui-dialog .pair>section li>label {
    width: 165px
}

.ui-dialog .pair>fieldset li>div+div,
.ui-dialog .pair>section li>div+div {
    margin-left: -4px;
    width: 310px
}

.pair .ui-set-field>label:first-of-type {
    padding-right: 10px;
    width: 150px;
    min-width: 150px
}

@media print {
    .pair section li {
        border-top: 0;
        padding: 4px 0
    }
}

.accounts-index .summary table>thead,
.table-shadow>thead {
    border-bottom: 0;
    background-color: #F4F4F4;
    height: 32px
}

.accounts-index .summary table>thead:after,
.accounts-index .summary table>thead:before,
.table-shadow>thead:after,
.table-shadow>thead:before {
    border-top: 0
}

.accounts-index .summary table>thead:not(:first-of-type)>tr th,
.accounts-index .summary table>thead:not(:first-of-type)>tr:after,
.accounts-index .summary table>thead:not(:first-of-type)>tr:before,
.table-shadow>thead:not(:first-of-type)>tr th,
.table-shadow>thead:not(:first-of-type)>tr:after,
.table-shadow>thead:not(:first-of-type)>tr:before {
    border-top: 5px solid #606366
}

.accounts-index .summary table>tbody>tr:first-of-type>td,
.accounts-index .summary table>tbody>tr:first-of-type>th,
.table-shadow>tbody>tr:first-of-type>td,
.table-shadow>tbody>tr:first-of-type>th {
    border-top: none
}

.accounts-index .summary table>tbody>tr:after,
.accounts-index .summary table>tbody>tr:before,
.accounts-index .summary table>thead>tr:after,
.accounts-index .summary table>thead>tr:before,
.table-shadow>tbody>tr:after,
.table-shadow>tbody>tr:before,
.table-shadow>thead>tr:after,
.table-shadow>thead>tr:before {
    content: none
}

.accounts-index .summary table>tbody>tr>td,
.accounts-index .summary table>tbody>tr>th,
.accounts-index .summary table>thead>tr>td,
.accounts-index .summary table>thead>tr>th,
.table-shadow>tbody>tr>td,
.table-shadow>tbody>tr>th,
.table-shadow>thead>tr>td,
.table-shadow>thead>tr>th {
    padding-right: 15px
}

.accounts-index .summary table>tbody>tr>td:first-child,
.accounts-index .summary table>tbody>tr>th:first-child,
.accounts-index .summary table>thead>tr>td:first-child,
.accounts-index .summary table>thead>tr>th:first-child,
.table-shadow>tbody>tr>td:first-child,
.table-shadow>tbody>tr>th:first-child,
.table-shadow>thead>tr>td:first-child,
.table-shadow>thead>tr>th:first-child {
    padding-left: 15px;
    padding-right: 0
}

.accounts-index .summary table>tbody>tr>td:first-child .ui-display-content,
.accounts-index .summary table>tbody>tr>th:first-child .ui-display-content,
.accounts-index .summary table>thead>tr>td:first-child .ui-display-content,
.accounts-index .summary table>thead>tr>th:first-child .ui-display-content,
.table-shadow>tbody>tr>td:first-child .ui-display-content,
.table-shadow>tbody>tr>th:first-child .ui-display-content,
.table-shadow>thead>tr>td:first-child .ui-display-content,
.table-shadow>thead>tr>th:first-child .ui-display-content {
    padding-right: 15px
}

.table-shadow {
    margin-bottom: 30px
}

.table-shadow>thead {
    background-color: #F2F3F2;
    font-size: 12px
}

.ui-loader+.ui-paginator {
    border-top: 1px solid #E1E1E1;
    width: 100%
}

a,
abbr[title] {
    border: 0
}

.right-rail div.customer-services .update-link a span,
.start-condition .calendar-popover .ui-partial-label,
.stop-condition .calendar-popover .ui-partial-label {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px
}

.right-rail div.customer-services .update-link a span:active,
.right-rail div.customer-services .update-link a span:focus,
.start-condition .calendar-popover .ui-partial-label:active,
.start-condition .calendar-popover .ui-partial-label:focus,
.stop-condition .calendar-popover .ui-partial-label:active,
.stop-condition .calendar-popover .ui-partial-label:focus {
    height: auto;
    position: static;
    width: auto
}

@font-face {
    font-family: WhitneyMedium;
    src: url(/index_files/WhitneyMedium.woff2) format("woff2"), url(/ebm-resources/public/common/cibc/fonts/WhitneyMedium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: WhitneyBookRegular;
    src: url(/index_files/WhitneyBookRegular.woff2) format("woff2"), url(/ebm-resources/public/common/cibc/fonts/WhitneyBookRegular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: GloberRegular;
    src: url(fonts/glober/glober_regular-webfont.woff2) format("woff2"), url(fonts/glober/glober_regular-webfont.woff) format("woff");
    font-weight: 400
}

@font-face {
    font-family: GloberBold;
    src: url(fonts/glober/glober_bold-webfont.woff2) format("woff2"), url(fonts/glober/glober_bold-webfont.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: GloberLight;
    src: url(fonts/glober/glober_light-webfont.woff2) format("woff2"), url(fonts/glober/glober_light-webfont.woff) format("woff");
    font-weight: 700
}

@font-face {
    font-family: GloberBook;
    src: url(fonts/glober/glober_book-webfont.woff2) format("woff2"), url(fonts/glober/glober_book-webfont.woff) format("woff");
    font-weight: 400
}

body {
    font-family: Arial;
    font-size: 12px;
    line-height: 18px
}

body.loading,
body.loading-scroll-visible {
    overflow: hidden;
    height: 100%
}

body.loading-scroll-visible .page-wrapper {
    overflow-y: scroll
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #383B3E;
    font-family: WhitneyBookRegular;
    font-weight: 400
}

h1 {
    font-size: 32px;
    line-height: 1em;
    margin-top: -1px
}

h2 {
    font-size: 24px
}

h3 {
    font-size: 22px
}

th {
    font-weight: 700
}

th .ui-popover.ui-placement-bottom {
    margin-top: 9px
}

a {
    text-decoration: underline
}

a:focus,
a:hover {
    color: #C41F3E
}

div[tabindex],
section[tabindex] {
    outline: 0
}

.dialog-opened.scroll-to-top {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    overflow-y: scroll;
    position: fixed;
    right: 0
}

.dialog-opened.scroll-visible {
    overflow: hidden
}

.dialog-opened.scroll-visible .page-wrapper {
    overflow-y: scroll
}

.dialog-opened.scroll-none,
.dialog-opened.scroll-none .page-wrapper {
    overflow: hidden
}

.dialog-modal .instructions ul li [data-action=backToEditSms] {
    background: 0 0 !important;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    color: #383B3E;
    padding: 0 !important;
    font: inherit
}

.dialog-modal .instructions ul li [data-action=backToEditSms]:focus,
.dialog-modal .instructions ul li [data-action=backToEditSms]:hover {
    text-decoration: underline;
    color: #C41F3E
}

.footer-container,
.main-container,
.navigation-global-container,
.page-header {
    padding: 0 10px;
    width: 940px
}

.main-header h1 {
    padding: 10px 0
}

.no-wrap {
    display: inline-block
}

.disabled-section {
    position: relative
}

.disabled-section:before {
    background-color: #fff;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000
}

.table-shadow tbody tr .empty-message {
    font-weight: 700;
    padding: 30px 15px;
    text-align: center
}

.header-highlight {
    background: #FFF
}

.header-highlight h3 {
    font-weight: 400
}

.pane-highlight {
    background: #F2F2F2
}

.list-bullet li,
.payments-payees-add-search .section-instructions li,
.payments-payees-index .section-instructions li {
    background: linear-gradient(to right, #000, #000);
    background-position: 0 8px;
    background-size: 3px 3px;
    background-repeat: no-repeat;
    margin: 5px 0;
    padding-left: 13px
}

.instructions ul li,
.list-bullet-secondary li,
.table-instruction ul li,
.ui-popover .ui-popover-content ul li {
    background: linear-gradient(to right, #606366, #606366);
    background-position: 0 8px;
    background-size: 3px 3px;
    background-repeat: no-repeat;
    margin: 5px 0;
    padding-left: 13px
}

.separator {
    background: linear-gradient(to right, #ccc 50%, transparent 0);
    background-position: top;
    background-size: 4px 1px;
    background-repeat: repeat-x
}

.tombstone {
    background-color: #F4F4F4;
    border-bottom: none;
    border-top: 3px solid #606366;
    margin-top: 10px;
    padding-top: 30px
}

.tombstone:before {
    left: 0
}

.tombstone:after {
    right: 0
}

.tombstone .row:not(:first-child) {
    background: linear-gradient(to right, #ccc 50%, transparent 0);
    background-position: top;
    background-size: 4px 1px;
    background-repeat: repeat-x
}

.tombstone em {
    color: #383B3E;
    font-size: 16px;
    font-style: normal
}

.tombstone .box-large>div>span,
.tombstone .box-medium>div>span,
.tombstone .box-small>div>span {
    font-weight: 700
}

.tombstone .box-large>div>span+span,
.tombstone .box-medium>div>span+span,
.tombstone .box-small>div>span+span {
    font-weight: 400
}

.tombstone .box-small {
    padding-right: 15px;
    width: 176px
}

.tombstone .box-medium {
    width: 176px
}

.tombstone .box-large {
    width: 300px
}

.tombstone .box-xlarge {
    padding-right: 15px;
    width: 367px
}

.header-highlight.product-registration {
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 15px
}

.header-highlight.product-registration h3 span {
    display: inline-block;
    position: absolute;
    text-align: left;
    top: 11px
}

ol {
    margin-left: 15px
}

ol span {
    margin-left: 20px
}

.chart-tooltip.piechart-tooltip.ui-scope-top {
    border: none;
    box-shadow: 3px 3px 0 rgba(153, 153, 153, .6);
    overflow: visible;
    min-width: inherit;
    transform: translate(50%);
    width: auto
}

.chart-tooltip.piechart-tooltip.ui-scope-top .triangle {
    left: 0;
    text-align: left;
    bottom: -8px
}

.chart-tooltip.piechart-tooltip.ui-scope-top .triangle:before {
    bottom: -11px;
    border-top: 16px solid rgba(153, 153, 153, .6);
    border-left: 0 solid transparent;
    border-right: 16px solid transparent;
    left: 2px
}

.chart-tooltip.piechart-tooltip.ui-scope-top .triangle:after {
    border-top: 16px solid #383B3E;
    border-left: 0 solid transparent;
    border-right: 16px solid transparent;
    bottom: -7px
}

.chart-tooltip.piechart-tooltip.ui-scope-top .account-info {
    background-color: #383B3E;
    padding: 5px 16px
}

.chart-tooltip.piechart-tooltip.ui-scope-top .account-info span {
    color: #FFF;
    display: block;
    line-height: 1.5em;
    text-align: center
}

.chart-tooltip.piechart-tooltip.ui-scope-top .account-info .share-percentage {
    font-size: 15px;
    font-weight: 700
}

span.negative {
    font-weight: 700
}

.category-balance span.negative,
.net-worth-graph span.negative,
.net-worth-panel span.negative,
.net-worth-widget .asset-total span.negative,
.net-worth-widget .liability-total span.negative,
.tombstone span.negative {
    font-weight: 400
}

.header-section,
.section-header,
.table-title {
    border-bottom: 3px solid #BBBCBC
}

.header-section,
.section-header,
.section-header h1,
.section-header h2,
.section-header h3,
.section-header h4,
.section-header h5,
.section-header h6,
.table-title,
.table-title h1,
.table-title h2,
.table-title h3,
.table-title h4,
.table-title h5,
.table-title h6 {
    color: #383B3E;
    font-size: 18px
}

.section-header h1,
.section-header h2,
.section-header h3,
.section-header h4,
.section-header h5,
.section-header h6,
.table-title h1,
.table-title h2,
.table-title h3,
.table-title h4,
.table-title h5,
.table-title h6 {
    display: inline;
    font-family: WhitneyMedium;
    font-weight: 400
}

.header-section {
    line-height: 24px;
    font-family: WhitneyMedium
}

.header-section .ui-popover.ui-placement-bottom {
    margin-top: 9px
}

.header-section .ui-popover.ui-placement-top {
    margin-top: -9px
}

.table-title {
    display: block;
    padding: 10px 0 10px 15px
}

.table-title h1 span,
.table-title h2 span,
.table-title h3 span,
.table-title h4 span,
.table-title h5 span,
.table-title h6 span {
    font-size: 14px;
    font-family: Arial
}

.table-title>.ui-paginator {
    text-transform: none
}

.table-title>.ui-paginator.ui-display-beside {
    padding: 0
}

.section-header {
    display: block;
    margin-bottom: 20px;
    padding: 40px 0 10px
}

.ui-popover.ui-placement-bottom {
    margin-top: 5px
}

.ui-popover.ui-placement-top {
    margin-top: -5px
}

.ui-popover.ui-display-help.ui-placement-top {
    margin-top: 5px
}

.hasTimestamp .pair>section li:last-child,
.hasTimestamp .timeStamp,
.hasTimestamp li:last-child,
.panel-large>section ul.hasTimestamp .pair>section li:last-child,
.panel-large>section ul.hasTimestamp .timeStamp,
.panel-large>section ul.hasTimestamp li:last-child {
    color: #606366;
    font-size: 12px
}

.pdf-icon {
    background: url(img/pdf-icon.png) left no-repeat;
    background-size: 20px;
    display: inline-block;
    padding-left: 24px;
    text-decoration: none;
    vertical-align: top
}

.pdf-icon a {
    text-decoration: none;
    vertical-align: middle
}

.pdf-icon a:hover {
    text-decoration: underline
}

.print-only {
    display: none
}

@media print {

    .main-section,
    a {
        font-size: 14px
    }

    .dialog-opened .app-post-signon header {
        background-color: transparent;
        border-bottom: 3px solid #C41F3E
    }

    * {
        color: #000 !important
    }

    a {
        text-decoration: underline
    }

    .print-only {
        display: block
    }

    .do-not-print {
        display: none
    }

    body {
        -ms-overflow-style: none
    }

    body ::-webkit-scrollbar {
        display: none
    }
}

.right-rail div.related-info h2,
.right-rail>div.contact-info>h3 {
    font-size: 16px;
    font-weight: 400;
    font-family: WhitneyMedium
}

.pseudo-anchor {
    color: #C41F3E
}

@media only screen and (max-device-width:800px) and (max-device-height:1280px) and (orientation:portrait),
only screen and (max-device-width:800px) and (max-device-height:1280px) and (orientation:landscape) {

    .dialog-opened.scroll-none,
    .dialog-opened.scroll-visible {
        position: fixed;
        width: 100%
    }
}

.action-bar {
    background: 0 0;
    border-top: solid 1px #BBBCBC;
    padding-top: 20px
}

.action-bar.isNotVisible {
    display: none
}

@media print {
    .action-bar {
        background-image: none;
        border-top: 1px solid #B3B3B3;
        display: block;
        padding-top: 10px
    }
}

.main-header h1 {
    font-weight: 400
}

.right-rail .customer-services,
.right-rail .online-gaurantee,
.right-rail .quick-links,
.right-rail .quick-transfer,
.right-rail .related-info,
.right-rail .related-items,
.right-rail>div.contact-info {
    background: none;
    padding-left: 0;
    margin: 0 0 20px
}

.right-rail .customer-services>a,
.right-rail .online-gaurantee>a,
.right-rail .quick-links>a,
.right-rail .quick-transfer>a,
.right-rail .related-info>a,
.right-rail .related-items>a,
.right-rail>div.contact-info>a {
    text-decoration: none;
    background: url(/index_files/icon-chevron-right.png) right center no-repeat;
    background-size: 18px;
    padding-right: 18px;
    display: inline
}

.right-rail .customer-services>a:focus,
.right-rail .customer-services>a:hover,
.right-rail .online-gaurantee>a:focus,
.right-rail .online-gaurantee>a:hover,
.right-rail .quick-links>a:focus,
.right-rail .quick-links>a:hover,
.right-rail .quick-transfer>a:focus,
.right-rail .quick-transfer>a:hover,
.right-rail .related-info>a:focus,
.right-rail .related-info>a:hover,
.right-rail .related-items>a:focus,
.right-rail .related-items>a:hover,
.right-rail>div.contact-info>a:focus,
.right-rail>div.contact-info>a:hover {
    text-decoration: underline
}

.right-rail .customer-services header,
.right-rail .online-gaurantee header,
.right-rail .quick-links header,
.right-rail .quick-transfer header,
.right-rail .related-info header,
.right-rail .related-items header,
.right-rail>div.contact-info header {
    line-height: inherit
}

.right-rail div.online-gaurantee.widget-shadow {
    padding: 5px 15px
}

.right-rail .customer-services,
.right-rail .online-gaurantee,
.right-rail .quick-links,
.right-rail .quick-transfer,
.right-rail .related-links,
.right-rail>.contact-info {
    padding-bottom: 0
}

.right-rail .customer-services h2,
.right-rail .online-gaurantee h2,
.right-rail .quick-links h2,
.right-rail .quick-transfer h2,
.right-rail .related-links h2,
.right-rail>.contact-info h2 {
    background: 0 0;
    border-top: none;
    color: #383B3E;
    font-family: WhitneyMedium;
    font-size: 16px;
    font-weight: 400;
    height: auto;
    line-height: 14px;
    margin: 0;
    padding: 0 0 10px
}

.right-rail .related-links {
    padding: 12px 15px 10px
}

.right-rail .related-links h2 {
    display: block;
    line-height: inherit;
    margin: 0 0 10px;
    padding: 0
}

.right-rail .related-links h2 h3 {
    margin: 0
}

.right-rail .related-links ul {
    padding: 0
}

.right-rail .related-links ul li {
    border: none;
    background: none;
    margin: 5px 0;
    padding-left: 0
}

.right-rail .related-links ul li>a {
    text-decoration: none;
    background: url(/index_files/icon-chevron-right.png) right center no-repeat;
    background-size: 18px;
    padding-right: 18px;
    display: inline
}

.right-rail .related-links ul li>a:focus,
.right-rail .related-links ul li>a:hover {
    text-decoration: underline
}

.right-rail .related-links ul li:last-child {
    margin-bottom: 0
}

.right-rail div.related-info {
    background-image: none;
    padding: 12px 15px 20px
}

.right-rail div.related-info>:not(ul) {
    margin: 0
}

.right-rail div.related-info>ul {
    margin-top: 20px
}

.right-rail div.related-info>ul li {
    background: none;
    padding-left: 0;
    margin: 0
}

.right-rail div.related-info>ul li>a {
    text-decoration: none;
    background: url(/index_files/icon-chevron-right.png) right center no-repeat;
    background-size: 18px;
    padding-right: 18px;
    display: inline
}

.right-rail div.related-info>ul li>a:focus,
.right-rail div.related-info>ul li>a:hover {
    text-decoration: underline
}

.right-rail div.related-info>ul li+li {
    margin-top: 15px
}

.right-rail div.related-info div.additional-info {
    border-top: 2px solid #D9D9D9;
    margin-top: 20px;
    padding-top: 15px
}

.right-rail div.related-info h2 {
    height: 30px;
    color: #383B3E
}

.right-rail>div.contact-info>h3 {
    margin-bottom: 11px !important
}

.right-rail>div.contact-info header {
    padding: 0
}

.right-rail>div.contact-info .contactInfoRow {
    border-bottom: 1px solid #BBBCBC;
    padding: 5px 0
}

.right-rail>div.contact-info .contactInfoRow:last-child {
    border-bottom: 0
}

.right-rail>div.contact-info .contactInfoRow h4 {
    font-family: Arial;
    font-weight: 700
}

.right-rail>div.contact-info .contactInfoRow h3,
.right-rail>div.contact-info .contactInfoRow h4 {
    display: inline
}

.right-rail>div.contact-info .contactInfoRow ui-button {
    float: right;
    text-decoration: underline
}

.right-rail .online-gaurantee.widget-shadow {
    border: none
}

.right-rail .online-gaurantee a {
    background-image: url(img/icon-shield.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 24px;
    display: inline-block;
    padding: 6px 0 6px 30px;
    text-decoration: none
}

.right-rail .online-gaurantee a:focus,
.right-rail .online-gaurantee a:hover {
    text-decoration: underline
}

.right-rail .quick-transfer label {
    font-weight: 400
}

.right-rail div.customer-services {
    padding: 0 15px 15px
}

.right-rail div.customer-services h2 {
    margin-bottom: 5px
}

.right-rail div.customer-services .header {
    padding-left: 0
}

.right-rail div.customer-services .header h3 {
    color: #383B3E;
    display: inline-block;
    font-family: Arial;
    font-weight: 700
}

.right-rail div.customer-services .header h3:lang(fr) {
    width: 86%
}

.right-rail div.customer-services .header h3 .ui-button {
    font-size: 12px;
    padding-left: 21px;
    text-decoration: none
}

.right-rail div.customer-services .header h3 .ui-button:focus,
.right-rail div.customer-services .header h3 .ui-button:hover {
    color: #383B3E
}

.right-rail div.customer-services .header h3 .ui-button svg {
    height: 15px;
    left: -1px;
    position: absolute
}

.right-rail div.customer-services .expanded .header h3 a {
    background-position: 0 -56px
}

.right-rail div.customer-services .contact-info {
    border-top: 1px solid #D6D6D6;
    margin-top: 15px;
    padding-top: 15px;
    word-wrap: break-word
}

.right-rail div.customer-services .update-link a {
    background: url(img/icon-edit-red.png) no-repeat;
    background-size: 24px;
    display: inline-block;
    float: right;
    height: 24px;
    position: relative;
    top: -7px;
    width: 24px
}

.right-rail div.customer-services .details {
    margin: 18px 0 0 22px
}

.right-rail div.customer-services .details span.postal-code,
.right-rail div.customer-services .details span.street {
    display: block
}

.right-rail div.customer-services .details .pair li {
    background: 0 0;
    border-top: 0;
    padding: 0;
    margin-bottom: 15px
}

.right-rail div.customer-services .details .pair li label {
    color: #383B3E;
    display: inline-block;
    font-weight: 700;
    width: 100%
}

.right-rail div.customer-services .details .pair li div {
    display: inline-block;
    width: 100%;
    word-wrap: break-word
}

.right-rail div.customer-services .details .pair li:last-of-type {
    margin-bottom: 0
}

.right-rail .contact-info,
.right-rail .quick-transfer,
.right-rail .quick-transfer-form,
.right-rail .related-items,
.right-rail .related-links {
    color: #606366
}

.right-rail .quick-transfer-form .ui-set-field>label {
    padding-top: 0
}

.right-rail .related-info {
    color: #383B3E
}

.right-rail .widget-shadow,
.right-rail>div.contact-info {
    border: 1px solid #BBBCBC;
    border-radius: 5px
}

.right-rail .widget-shadow:not(.quick-links),
.right-rail>div.contact-info:not(.quick-links) {
    padding: 27px 15px
}

@media print {
    .right-rail {
        display: none
    }
}

.right-rail .quick-links {
    padding-bottom: 17px
}

.right-rail .quick-links h2 {
    padding: 30px 15px 10px
}

.right-rail .quick-links ul {
    padding: 0 15px
}

.right-rail .quick-links ul li {
    background: none;
    margin: 5px 0;
    padding-left: 0
}

.right-rail .quick-links ul li>a {
    text-decoration: none;
    background: url(/index_files/icon-chevron-right.png) right center no-repeat;
    background-size: 18px;
    padding-right: 18px;
    display: inline
}

.right-rail .quick-links ul li>a:focus,
.right-rail .quick-links ul li>a:hover {
    text-decoration: underline
}

.right-rail .quick-links .list-toggle {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
    padding: 0 10px 10px
}

.right-rail .quick-links .list-toggle .show-all {
    margin: 5px 0 0;
    padding: 0;
    vertical-align: middle
}

.support-helps {
    background-color: #F2F3F2;
    border-radius: 4px;
    display: block;
    float: left;
    width: 100%;
    clear: both
}

.support-helps .content {
    float: left;
    height: 58px;
    margin: 10px 0;
    width: 593px
}

.support-helps .content h2 {
    background: 0 0;
    font-size: 22px;
    float: left;
    padding: 18px 20px 10px 15px
}

.support-helps .content h2:lang(fr) {
    font-size: 19px
}

.support-helps .content div {
    float: left;
    height: 100%;
    width: 274px
}

.support-helps .content div span {
    display: block;
    font-size: 12px;
    padding: 7px 20px 3px
}

.support-helps .ui-button.ask {
    float: left;
    margin: 20px 25px 0 20px
}

.dialog-content .support-helps .content {
    border-right: 1px solid #BBBCBC;
    float: left;
    height: 100%;
    margin: 15px 0;
    width: 73%
}

.dialog-content .support-helps .content:lang(fr) {
    width: 56%
}

.dialog-content .support-helps h2 {
    background: 0 0;
    padding: 0 0 5px 20px
}

.dialog-content .support-helps div {
    border: 0;
    width: auto
}

.dialog-content .support-helps .ui-button.ask {
    float: left;
    margin: 34px 0 20px 19px
}

.dialog-content .support-helps .ui-button.ask:lang(fr) {
    margin-top: 40px
}

.app-signon-page-container .page-header {
    border-bottom: none
}

.app-signon-page-container .breadcrumbs {
    float: left;
    font-size: 12px;
    padding: 13px 0 17px
}

.app-signon-page-container .breadcrumbs ul {
    margin-left: 25px
}

.app-signon-page-container .breadcrumbs ul li {
    background: url(img/signon/breadcrumb-arrow.png) 0 59% no-repeat;
    float: left;
    padding: 0 5px 0 11px
}

.app-signon-page-container .breadcrumbs ul li:first-of-type {
    background: 0 0;
    font-weight: 400
}

.app-signon-page-container .breadcrumbs ul li a {
    color: #666;
    text-decoration: none
}

.app-signon-page-container .breadcrumbs ul li a:focus,
.app-signon-page-container .breadcrumbs ul li a:hover {
    color: #ee2e24;
    text-decoration: underline
}

.app-signon-page-container .breadcrumbs li {
    color: #000;
    font-weight: 700;
    line-height: 14px
}

.app-signon-page-container .breadcrumbs li a:first-of-type {
    color: #ee2e24
}

.app-signon-page-container .navigation-global-secondary {
    float: right;
    font-size: 12px;
    padding: 18px 0 5px;
    margin-right: 8px
}

.app-pre-signon,
.app-pre-signon .main-body {
    padding-top: 0
}

.app-signon-page-container .navigation-global-secondary ul li {
    background: 0 0;
    border-left: 1px solid #ccc;
    float: left;
    line-height: 11px;
    margin-right: 10px;
    padding-left: 10px
}

.app-signon-page-container .navigation-global-secondary ul li:first-of-type {
    border: none
}

.app-signon-page-container .navigation-global-secondary a:hover,
.app-signon-page-container .navigation-global-secondary:focus {
    text-decoration: underline
}

.app-pre-signon .logo {
    width: 217px
}

.app-pre-signon .card-description .ui-partial-label {
    width: initial
}

.app-pre-signon .youre-protected {
    position: relative;
    text-align: right;
    top: 11px
}

.app-pre-signon .youre-protected a {
    background: url(img/icon-18-shield.png) center left no-repeat;
    background-size: 18px;
    display: inline-block;
    padding-left: 26px;
    text-decoration: none
}

.app-pre-signon .youre-protected a:focus,
.app-pre-signon .youre-protected a:hover {
    text-decoration: underline
}

.app-pre-signon .main-body .accordionSection {
    margin: 35px 15px 0
}

.app-pre-signon .main-body .accordion h3 {
    margin-bottom: 10px
}

.app-pre-signon .main-body .accordion .header {
    border-bottom: 0
}

.app-pre-signon .main-body .accordion>section>.header {
    background: #EFEFEF;
    height: 45px;
    line-height: 45px;
    margin-bottom: 20px
}

.app-pre-signon .main-body .accordion>section>.header h2 {
    color: #444;
    font-size: 20px;
    font-weight: 400
}

.app-pre-signon .main-body .accordion>section>.header h2 .ui-popover.ui-display-help .ui-wrapper {
    font-size: 12px;
    font-family: Arial
}

.app-pre-signon .main-body .accordion>section>:not(header):not(table) {
    margin: 0
}

.app-pre-signon .main-body .card-number-wrapper {
    margin-right: 70px;
    width: 280px
}

.app-pre-signon .main-body .card-number .ui-display-error {
    margin-top: 27px
}

.app-pre-signon .main-body .slash {
    float: left;
    left: -152px;
    position: relative;
    top: 34px
}

.app-pre-signon .main-body .expiry-wrapper {
    overflow: hidden;
    width: 265px
}

.app-pre-signon .main-body .expiry-wrapper .ui-display-error {
    margin-top: 0
}

.app-pre-signon .main-body .card-expiry-month {
    width: 200px
}

.app-pre-signon .main-body .card-expiry-year {
    left: -144px;
    position: relative;
    top: 26px;
    width: 50px
}

.app-pre-signon .main-body .card-expiry-month,
.app-pre-signon .main-body .card-expiry-year {
    clear: none;
    float: left
}

.app-pre-signon .main-body .card-expiry-month ui-textbox,
.app-pre-signon .main-body .card-expiry-year ui-textbox {
    width: 40px
}

.app-pre-signon .main-body .card-expiry-month .ui-partial-field-hint,
.app-pre-signon .main-body .card-expiry-year .ui-partial-field-hint {
    text-align: center
}

.app-pre-signon .main-body .ui-set-messages {
    clear: both;
    float: left
}

.app-pre-signon .main-body .contactInfo {
    margin-bottom: 15px
}

.app-pre-signon .main-body .contactInfo p {
    color: #737373
}

.app-pre-signon .main-body .ui-partial-field-hint {
    margin-top: 5px
}

.app-pre-signon .main-body .password-entry .row:first-child {
    margin-bottom: 0
}

.app-pre-signon .main-body .password-verify {
    margin-bottom: 15px
}

.app-pre-signon .main-body .password-verify ui-textbox {
    float: left
}

.app-pre-signon .main-body .agreement-password li {
    margin-bottom: 20px
}

.app-pre-signon .main-body .agreement-password li:last-child {
    margin-bottom: 40px
}

.app-pre-signon .main-body .agreement-password .left {
    display: inline-block;
    margin-left: 45px;
    width: 180px
}

.app-pre-signon .main-body .agreement-password .right {
    display: inline-block
}

.app-pre-signon .main-body .printerFriendlyLink {
    text-align: right
}

.app-pre-signon .main-body .ui-display-confirm {
    padding-bottom: 20px;
    background: url(img/uikit/ui-alert-success.png) 0 10px no-repeat;
    background-size: 42px;
    font-weight: 400;
    padding-left: 55px
}

.app-pre-signon .main-body .ui-display-confirm p {
    color: #383B3E;
    font-family: WhitneyBookRegular;
    font-size: 22px
}

.app-pre-signon .main-container {
    margin-top: 20px
}

.app-pre-signon .body-container>.instructions {
    margin-bottom: 28px
}

.app-pre-signon .forgotCardInfo {
    margin-left: 50px
}

.app-pre-signon .instructions {
    margin-bottom: 15px
}

.app-pre-signon .instructions p {
    margin-top: 0
}

.app-pre-signon .instructions p:last-child {
    margin-bottom: 0
}

.app-pre-signon .right-rail ul {
    padding: 0 0 10px
}

.app-pre-signon .right-rail ul li {
    margin: 5px 0 0
}

.app-pre-signon .right-rail .rotating-promo {
    height: 220px;
    margin-bottom: 25px
}

.app-pre-signon .right-rail .rotating-promo img {
    width: 100%;
    height: 220px
}

.app-pre-signon.signon-otvc .right-rail .related-links {
    padding-top: 25px
}

.app-pre-signon.signon-otvc .otvc-input .otvc-short-code-error {
    margin-top: 0;
    margin-bottom: 10px
}

.app-pre-signon.signon-otvc .main-container.row {
    min-height: 530px
}

.app-post-signon {
    padding: 0
}

@media print {
    .page-wrapper .app-post-signon .main-container {
        margin-top: 12px
    }

    .page-wrapper .app-post-signon .col-7 {
        width: auto
    }

    .page-wrapper .app-post-signon .col-10 {
        width: 100%;
        margin-left: 0
    }

    .page-wrapper .app-post-signon .table-shadow>thead>tr>th {
        border-top: 2px solid #333;
        border-bottom: 1px solid #333;
        height: 23px
    }

    .page-wrapper .app-post-signon .table-shadow td {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

.dialog-modal .header {
    margin-bottom: 11px
}

.dialog-modal .header h1 {
    font-size: 24px;
    font-weight: 400
}

.dialog-modal .pair ul {
    background: 0 0
}

.dialog-modal .pair ul li>div:first-child:not(:last-child),
.dialog-modal .pair ul li>label:first-child {
    color: #606366;
    font-weight: 400 !important;
    width: 165px
}

.dialog-modal .pair ul li>div:first-child:not(:last-child)+div,
.dialog-modal .pair ul li>label:first-child+div {
    color: #383B3E;
    font-weight: 400 !important
}

.dialog-modal .pair ul li.time-received>div:first-child,
.dialog-modal .pair ul li.time-received>label:first-child {
    width: auto
}

.dialog-modal .pair ul li.time-received span {
    font-style: italic;
    font-weight: 700
}

.dialog-modal .form-wrapper .pair li>div:first-child,
.dialog-modal .form-wrapper .pair li>div:first-child+div,
.dialog-modal .form-wrapper .pair li>label:first-child,
.dialog-modal .form-wrapper .pair li>label:first-child+div {
    font-weight: 400 !important
}

.dialog-modal .ui-wrapper>.ui-body {
    margin-bottom: 80px;
    max-height: calc(80vh - 104px);
    padding: 32px 25px 0
}

.dialog-modal .ui-wrapper>.ui-body .dialog-content {
    padding-bottom: 32px
}

.dialog-modal .ui-dialog .pair li div+div {
    width: 308px;
    word-wrap: break-word
}

.dialog-modal .ui-dialog>.ui-wrapper {
    border: none;
    box-sizing: border-box;
    margin-left: -275px;
    width: 574px
}

.dialog-modal .action-bar {
    background-color: #EAEAEA;
    background-image: none;
    border-top: none;
    height: 80px;
    padding: 25px 30px 15px 16px;
    align-items: center;
    display: flex;
    text-align: unset
}

.dialog-modal .action-bar .tertiary,
.dialog-modal.dialog-cancel .action-bar .secondary,
.dialog-modal.dialog-cancel .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.dialog-modal .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.dialog-modal .action-bar .primary:only-child {
    margin-left: auto
}

.dialog-modal .action-bar .secondary {
    order: 3
}

.dialog-modal .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.dialog-modal .action-bar .tertiary:focus,
.dialog-modal .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.dialog-modal .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.dialog-modal .action-bar .quaternary~.tertiary {
    margin: 0
}

.dialog-modal .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.dialog-modal.dialog-cancel .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.dialog-modal.dialog-cancel .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.dialog-modal.dialog-cancel .action-bar .primary:only-child {
    margin-left: auto
}

.dialog-modal.dialog-cancel .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.dialog-modal.dialog-cancel .action-bar .tertiary:focus,
.dialog-modal.dialog-cancel .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.dialog-modal.dialog-cancel .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.dialog-modal.dialog-cancel .action-bar .quaternary~.tertiary {
    margin: 0
}

.dialog-modal.dialog-cancel .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.dialog-modal.dialog-cancel .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.dialog-modal.dialog-cancel .action-bar .secondary:focus,
.dialog-modal.dialog-cancel .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

@media print {

    .dialog-modal .ui-dialog .ui-backdrop,
    .dialog-modal .ui-dialog .ui-body.ui-scroll-top .form-wrapper .dialog-content .date,
    .dialog-opened-no-scroll .app-post-signon .main-container {
        display: none
    }

    .dialog-modal .action-bar {
        background: 0 0;
        padding: 10px 0 0;
        position: relative
    }

    .dialog-modal .ui-dialog:before {
        vertical-align: top
    }

    .dialog-modal .ui-dialog {
        position: absolute
    }

    .dialog-modal .ui-dialog>.ui-wrapper {
        border: none;
        left: 0;
        margin: auto;
        position: relative;
        top: 100px;
        width: 100%
    }

    .dialog-modal .ui-dialog>.ui-wrapper>.ui-body {
        background: 0 0
    }

    .dialog-modal .ui-dialog .ui-body.ui-scroll-top {
        padding: 30px 0 0 12px;
        overflow-y: visible
    }

    .dialog-modal .ui-dialog .ui-body.ui-scroll-top .form-wrapper .dialog-content .header {
        margin-bottom: 0
    }

    .dialog-modal .ui-dialog .ui-body.ui-scroll-top .form-wrapper .dialog-content .instructions.row {
        margin-top: 0
    }
}

.dialog-modal.wide .ui-dialog>.ui-wrapper .disclaimers,
.dialog-modal.wide .ui-dialog>.ui-wrapper .page-note {
    color: #606366
}

.dialog-modal.wide .ui-dialog>.ui-wrapper .disclaimers h3 {
    font-size: 12px
}

.dialog-modal.wide .ui-dialog>.ui-wrapper .right-rail.col-3 {
    background-color: #EFEFEF;
    float: right;
    margin-left: 10px;
    width: 210px
}

.dialog-modal.wide .ui-dialog>.ui-wrapper .right-rail.col-3 h2 {
    font-family: WhitneyMedium;
    color: #444;
    line-height: 21px;
    height: auto
}

.dialog-modal.wide .ui-dialog>.ui-wrapper .right-rail.col-3 .related-info div {
    margin: 0 0 25px
}

.dialog-modal.wide .ui-dialog>.ui-wrapper .right-rail.col-3 div[role=group]:last-child ul {
    border-bottom: none
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast-adjust:auto) {
    .ui-button.ui-display-default {
        border: 1px solid #fff
    }

    .ui-button.ui-display-link:focus,
    .ui-button.ui-display-link:hover {
        text-decoration: underline
    }

    .ui-button.ui-display-calendar {
        background: url(img/uikit/ui-popover-calendar.png) no-repeat;
        background-size: contain
    }

    .pdf-icon {
        background: url(img/pdf-icon.png) right no-repeat;
        background-size: 18px
    }

    .ui-collapsible-pane {
        border-bottom-color: #fff
    }

    .ui-collapsible-pane.ui-collapse .ui-title {
        background: url(img/uikit/ui-collapsible-pane-plus-grey.png) 15px center no-repeat;
        background-size: 10px
    }

    .ui-collapsible-pane.ui-expand .ui-title {
        background: url(img/uikit/ui-collapsible-pane-minus-grey.png) 15px center no-repeat;
        background-size: 10px;
        border: 1px solid #fff
    }

    .message-center-notification a {
        background: url(img/masthead-activityfeed-icon.png) 6px 4px no-repeat;
        background-size: 45px;
        color: #383B3E
    }

    .message-center-notification a span {
        color: #000;
        font-weight: 700
    }

    .right-rail .online-gaurantee a {
        background-image: url(img/icon-shield.png);
        background-repeat: no-repeat;
        background-position: 0 50%;
        background-size: 24px
    }
}

.tippy-popper .tippy-tooltip {
    text-align: left;
    width: 260px
}

.tippy-popper .tippy-tooltip .shepherd-content {
    background-color: #383B3E;
    border-radius: 5px;
    box-shadow: 10px 2px 24px -7px rgba(0, 0, 0, .52)
}

.tippy-popper .tippy-tooltip .shepherd-content header {
    padding: 22px 20px 0;
    margin-bottom: 15px;
    background-color: #383B3E
}

.tippy-popper .tippy-tooltip .shepherd-content header .shepherd-title {
    color: #FFF;
    font-size: 15px;
    font-family: Arial;
    font-weight: 700;
    flex: auto
}

.tippy-popper .tippy-tooltip .shepherd-content header .shepherd-title sup {
    line-height: 2em
}

.tippy-popper .tippy-tooltip .shepherd-content .shepherd-text {
    padding: 0 20px 18px;
    margin-top: 15px;
    font-family: Arial
}

.tippy-popper .tippy-tooltip .shepherd-content .shepherd-text p {
    font-size: 12px;
    line-height: 18px
}

.tippy-popper .tippy-tooltip .shepherd-content .shepherd-text a,
.tippy-popper .tippy-tooltip .shepherd-content .shepherd-text p {
    color: #FFF
}

.tippy-popper .tippy-tooltip .shepherd-content footer {
    padding: 15px 20px;
    border-top: 1px solid #707070
}

.tippy-popper .tippy-tooltip .shepherd-content footer .shepherd-buttons li {
    margin-right: 15px
}

.tippy-popper .tippy-tooltip .shepherd-content footer .shepherd-buttons li:last-child,
.tippy-popper[x-placement^=left] {
    margin-right: 0
}

.tippy-popper .tippy-tooltip .shepherd-content footer .shepherd-buttons li .shepherd-button {
    padding: 0;
    background: 0 0;
    font-size: 12px;
    font-weight: 700
}

.tippy-popper .tippy-tooltip .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-primary {
    color: #FFF
}

.tippy-popper .tippy-tooltip .shepherd-content footer .shepherd-buttons li .shepherd-text {
    padding: 0 20px 18px;
    margin-top: 15px;
    font-family: Arial
}

.tippy-popper .tippy-tooltip .shepherd-content footer .shepherd-buttons li .shepherd-text p {
    color: #FFF;
    font-size: 12px;
    line-height: 18px
}

.tippy-popper[x-placement^=right] {
    margin-left: 0
}

.tippy-popper[x-placement^=right] .tippy-arrow {
    left: -4px;
    margin: 0;
    border-right-color: #383B3E;
    border-width: 3px 3.5px
}

.tippy-popper[x-placement^=left] .tippy-arrow {
    margin: -5px 0 0;
    right: -3px;
    border-left-color: #383B3E;
    border-width: 3px 3.5px
}

.tippy-popper[x-placement^=bottom] {
    margin-top: 0
}

.tippy-popper[x-placement^=bottom] .tippy-arrow {
    top: -4px;
    border-bottom-color: #383B3E;
    border-width: 3.5px 3px
}

.tippy-popper[x-placement^=top] {
    margin-bottom: 0
}

.tippy-popper[x-placement^=top] .tippy-arrow {
    bottom: -3px;
    border-top-color: #383B3E;
    border-width: 3.5px 3px
}

.ui-alert {
    border-radius: 4px;
    color: #383B3E;
    font-size: 12px
}

.ui-alert.ui-display-confirm,
.ui-alert.ui-display-error,
.ui-alert.ui-display-info,
.ui-alert.ui-display-success,
.ui-alert.ui-display-warning {
    background-size: 24px;
    background-position: top left;
    background-repeat: no-repeat
}

.ui-alert.ui-display-error {
    background-image: url(img/uikit/ui-alert-error.png)
}

.ui-alert.ui-display-warning {
    background-image: url(img/uikit/ui-alert-warning.png)
}

.ui-alert.ui-display-success {
    background-image: url(img/uikit/ui-alert-success.png)
}

.ui-alert.ui-display-info {
    background-image: url(img/uikit/ui-alert-info.png)
}

.ui-alert.ui-display-content {
    background: 0 0;
    color: #383B3E;
    font-weight: 400;
    min-height: inherit;
    padding: 10px 0 15px;
    margin: 5px 0 0;
    text-align: center
}

.ui-alert.ui-display-content .ui-code {
    display: none
}

.ui-alert.ui-scope-inline {
    background-size: 24px;
    margin-top: 10px;
    margin-bottom: 0;
    padding-left: 32px
}

.ui-alert.ui-scope-inline div.ui-text {
    line-height: 18px;
    padding-top: 5px
}

.ui-alert.ui-scope-inline div.ui-text p {
    line-height: 18px
}

.ui-alert.ui-scope-inline div.ui-code {
    margin-top: 10px;
    line-height: 18px;
    font-size: 12px
}

.ui-alert.ui-scope-inline.ui-display-error {
    background: url(img/uikit/ui-alert-error.png) top left no-repeat;
    background-size: 24px;
    margin-top: 10px;
    margin-bottom: 0;
    padding-left: 28px
}

.ui-alert.ui-scope-inline.ui-display-error div.ui-text {
    line-height: 18px;
    padding-top: 2px
}

.ui-alert.ui-scope-inline.ui-display-error div.ui-code {
    color: #383B3E;
    font-size: 12px;
    line-height: 18px;
    margin-top: 2px
}

.ui-alert.ui-scope-inline.ui-display-info {
    background: url(img/uikit/ui-alert-info.png) top left no-repeat;
    background-size: 24px;
    margin: 0
}

.ui-alert.ui-scope-inline.ui-display-info div.ui-text {
    padding-top: 3px
}

.ui-alert.ui-scope-inline.ui-display-warning {
    background: url(img/uikit/ui-alert-warning.png) 5px 5px no-repeat;
    background-size: 24px
}

.ui-alert.ui-display-confirm {
    background-image: url(img/uikit/ui-alert-success.png);
    background-position: -3px center;
    color: #383B3E;
    font-family: WhitneyBookRegular;
    font-size: 22px;
    background-size: 36px;
    padding-left: 36px;
    margin-bottom: 16px;
    min-height: 30px;
    vertical-align: middle;
    padding-top: 0
}

.ui-alert.ui-scope-global {
    background-position: 15px 20px;
    border-width: 2px;
    border-style: solid;
    padding: 20px 15px 10px 44px
}

.ui-alert.ui-scope-global.ui-display-error {
    background-color: #FFF;
    border-color: #8B1D41
}

.ui-alert.ui-scope-global.ui-display-warning {
    background-color: #FFF;
    border-color: #C17200
}

.ui-alert.ui-scope-global.ui-display-success {
    background-color: #FFF;
    border-color: #0A6D42;
    display: flex;
    align-items: center;
    background-position: 20px center;
    padding-top: 10px
}

.ui-alert.ui-scope-global.ui-display-info {
    background-color: #DEE9F7;
    border: none
}

.ui-alert.ui-scope-global.ui-display-neutral {
    border: none;
    padding-left: 0
}

.ui-alert.ui-scope-global.ui-display-content {
    border: none;
    padding: 30px 54px
}

.ui-alert .ui-text {
    line-height: 16px
}

.ui-alert .ui-code {
    color: #606366;
    font-size: 11px
}

.etransfers-send-security-question .ui-alert.ui-scope-global {
    padding: 20px 15px 20px 44px
}

.account-details .account-selector .ui-set-popover.card-management .ui-button,
.accounts-credit-cards .credit-card-details .tombstone .card-details-main .payment-with-point-button,
.savings-goals-rename.dialog-modal .ui-wrapper>.ui-body .ui-button.ui-display-secondary,
.ui-button.ui-display-default,
.ui-button.ui-display-quaternary,
.ui-button.ui-display-secondary,
.ui-button.ui-display-tertiary {
    background-color: #C41F3E;
    border-radius: 4px;
    border: none;
    color: #FFF;
    font-family: WhitneyMedium;
    font-size: 13px;
    min-height: 40px;
    min-width: 83px;
    overflow: hidden
}

.account-details .account-selector .ui-set-popover.card-management .ui-button:focus,
.account-details .account-selector .ui-set-popover.card-management .ui-button:hover,
.accounts-credit-cards .credit-card-details .tombstone .card-details-main .payment-with-point-button:focus,
.accounts-credit-cards .credit-card-details .tombstone .card-details-main .payment-with-point-button:hover,
.savings-goals-rename.dialog-modal .ui-wrapper>.ui-body .ui-button.ui-display-secondary:focus,
.savings-goals-rename.dialog-modal .ui-wrapper>.ui-body .ui-button.ui-display-secondary:hover,
.ui-button.ui-display-default:focus,
.ui-button.ui-display-default:hover,
.ui-button.ui-display-quaternary:focus,
.ui-button.ui-display-quaternary:hover,
.ui-button.ui-display-secondary:focus,
.ui-button.ui-display-secondary:hover,
.ui-button.ui-display-tertiary:focus,
.ui-button.ui-display-tertiary:hover {
    background-color: #8B1D41
}

.ui-button {
    margin: 0;
    padding: 0
}

.ui-button.ui-display-quaternary.ui-size-medium,
.ui-button.ui-display-secondary.ui-size-medium,
.ui-button.ui-display-tertiary.ui-size-medium {
    height: 40px;
    line-height: inherit;
    margin-top: 2px
}

.ui-button.ui-display-default:-moz-focusring {
    outline-color: #C41F3E
}

.ui-button.ui-display-default.ui-size-medium {
    line-height: inherit
}

.ui-button.ui-display-default.ui-disabled {
    background-color: #F2F3F2;
    border: none;
    color: #BBBCBC
}

.ui-button.ui-display-secondary {
    background-color: transparent;
    border: 1px solid #C41F3E;
    color: #C41F3E
}

.ui-button.ui-display-secondary:focus,
.ui-button.ui-display-secondary:hover {
    background-color: #8B1D41;
    border: 1px solid #8B1D41;
    color: #FFF
}

.ui-button.ui-display-secondary.ui-disabled {
    background-color: #FFF;
    border: 1px solid #86888A;
    color: #86888A
}

.ui-button.ui-display-tertiary {
    background-color: #FFF;
    border: 2px solid #606366;
    color: #606366
}

.ui-button.ui-display-tertiary:focus,
.ui-button.ui-display-tertiary:hover {
    background-color: transparent;
    border: 2px solid #606366;
    color: #FFF
}

.ui-button.ui-display-tertiary.ui-disabled {
    background-color: #FFF;
    border: 1px solid #86888A;
    color: #86888A
}

.ui-button.ui-display-quaternary {
    background-color: #FFF;
    border: 2px solid #606366;
    color: #606366
}

.ui-button.ui-display-quaternary:focus,
.ui-button.ui-display-quaternary:hover {
    background-color: #606366;
    border: 2px solid #606366
}

.ui-button.ui-display-quaternary.ui-disabled {
    background-color: #FFF;
    border: 1px solid #86888A;
    color: #86888A
}

.ui-button.ui-display-link,
.ui-button.ui-display-neutral {
    color: #383B3E
}

.ui-button.ui-display-link:focus,
.ui-button.ui-display-link:hover {
    color: #C41F3E;
    text-decoration: underline
}

.ui-button.ui-display-link .ui-wrapper {
    text-align: left
}

.ui-button.ui-display-link.ui-disabled {
    color: #383B3E
}

.ui-button.ui-display-link .down {
    border-top-color: #C41F3E
}

.ui-button.ui-display-link .next {
    border-left-color: #C41F3E
}

.ui-button.ui-display-link span.ui-icon.pdf,
.ui-button.ui-display-link span.ui-trailing-icon.pdf {
    background: url(img/uikit/ui-button-link-pdf-icon.gif) right no-repeat;
    display: inline-block;
    height: 12px;
    margin: 3px 0 0 4px;
    vertical-align: top;
    width: 13px
}

.ui-button.ui-display-link span.ui-trailing-icon.pdf {
    margin: 3px 0 0
}

.ui-button.ui-show-spinner,
.ui-button.ui-show-spinner:focus,
.ui-button.ui-show-spinner:hover {
    background-image: url(../assets/img/spinner.gif);
    background-position: center bottom;
    background-repeat: no-repeat;
    box-shadow: none;
    cursor: none;
    pointer-events: none
}

.ui-button.ui-show-spinner .ui-wrapper,
.ui-button.ui-show-spinner button,
.ui-button.ui-show-spinner:focus .ui-wrapper,
.ui-button.ui-show-spinner:focus button,
.ui-button.ui-show-spinner:hover .ui-wrapper,
.ui-button.ui-show-spinner:hover button {
    visibility: hidden
}

.ui-button.ui-display-help {
    height: 16px;
    width: 16px
}

.ui-button.ui-display-help img {
    height: 16px;
    position: relative;
    top: -2px;
    vertical-align: top;
    width: 16px;
    left: 4px
}

.ui-button.ui-display-calendar {
    bottom: 3px;
    height: 18px;
    position: relative;
    right: 3px;
    width: 18px
}

.ui-button.ui-display-toolbox {
    height: 23px;
    margin: 0;
    width: 23px
}

.ui-button.ui-display-toolbox .toolbox-item {
    height: 25px;
    width: 25px
}

.ui-button.ui-display-toolbox img.toolbox-item {
    height: 23px;
    width: 23px
}

.ui-button.ui-display-account-links {
    line-height: 8px;
    height: 12px;
    width: 12px
}

.ui-button.ui-display-account-links img {
    width: 16px;
    height: 16px;
    margin-top: -1px
}

.ui-button.ui-display-default .ui-wrapper,
.ui-button.ui-display-quaternary .ui-wrapper,
.ui-button.ui-display-secondary .ui-wrapper,
.ui-button.ui-display-tertiary .ui-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 30px
}

a.ui-button.ui-display-default {
    text-align: center;
    text-decoration: none;
    padding: 0 30px
}

a.ui-button.ui-display-default.ui-size-medium {
    line-height: 29px
}

@media print {

    .ui-button:not(.ui-no-label).ui-display-default,
    .ui-button:not(.ui-no-label).ui-display-link,
    .ui-button:not(.ui-no-label).ui-display-secondary {
        background: 0 0 !important;
        box-shadow: none !important;
        color: #000 !important;
        font-size: 12px
    }

    .ui-button:not(.ui-no-label).ui-display-default:not(.ui-display-link) .ui-wrapper,
    .ui-button:not(.ui-no-label).ui-display-link:not(.ui-display-link) .ui-wrapper,
    .ui-button:not(.ui-no-label).ui-display-secondary:not(.ui-display-link) .ui-wrapper {
        border: 1px solid #999
    }

    .ui-button:not(.ui-no-label).ui-display-link {
        text-decoration: underline
    }
}

.ui-calendar header {
    background-color: #EFEFEF;
    box-sizing: border-box;
    height: 40px;
    padding: 5px 0;
    line-height: normal
}

.ui-calendar .ui-button,
.ui-calendar .ui-button.ui-disabled,
.ui-calendar .ui-button:focus,
.ui-calendar .ui-button:hover {
    background-color: transparent
}

.ui-calendar .ui-select {
    height: 30px;
    margin: 0 2px;
    vertical-align: top
}

.ui-calendar .ui-select select {
    padding-left: 10px
}

.ui-calendar .ui-select.ui-month {
    width: 110px
}

.ui-calendar .ui-select.ui-year {
    width: 65px
}

.ui-calendar .ui-button {
    border: 0;
    border-radius: none;
    box-shadow: none;
    height: 40px;
    width: 30px
}

.ui-calendar .ui-button .next,
.ui-calendar .ui-button .previous {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.ui-calendar .ui-button .ui-wrapper {
    line-height: 40px;
    padding: 0
}

.ui-calendar .ui-button span {
    height: 0;
    margin: 0 !important;
    width: 0
}

.ui-calendar .ui-button .previous {
    padding-left: 10px;
    border-right: 5px solid #737373
}

.ui-calendar .ui-button .next {
    padding-right: 10px;
    border-left: 5px solid #737373
}

.ui-calendar .ui-button.ui-disabled {
    border: none
}

.ui-calendar .ui-button.ui-disabled span {
    border: 0
}

.ui-calendar-month {
    border-collapse: separate;
    border-spacing: 9px
}

.ui-calendar-month th {
    padding-bottom: 7px;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    font-family: WhitneyMedium
}

.ui-calendar-month td,
.ui-calendar-month th {
    font-weight: 400 !important
}

.ui-calendar-month .ui-day {
    background: inherit;
    box-sizing: content-box;
    border-radius: 50%;
    font-size: 14px;
    height: 28px;
    width: 28px
}

.ui-calendar-month .ui-day:focus:not(.ui-selected),
.ui-calendar-month .ui-day:hover:not(.ui-selected) {
    background: #86888A;
    color: #FFF
}

.ui-calendar-month .ui-day.ui-today,
.ui-calendar-month .ui-selected,
.ui-calendar-month .ui-selected:focus,
.ui-calendar-month .ui-selected:hover {
    background: #C41F3E;
    color: #FFF
}

.ui-calendar-month .ui-disabled {
    background: inherit;
    color: #606366
}

.ui-calendar-timeline {
    display: block
}

.ui-calendar-timeline table {
    width: 100%
}

.ui-calendar-timeline table tbody td,
.ui-calendar-timeline table tbody th {
    text-align: center
}

.ui-calendar-timeline table tbody td:not(:first-child).last,
.ui-calendar-timeline table tbody th:not(:first-child).last {
    border-left: 1px solid #BBBCBC
}

.ui-calendar-timeline table tbody td a,
.ui-calendar-timeline table tbody th a {
    border-bottom: 1px solid #BBBCBC;
    color: #C41F3E;
    font-size: 14px;
    padding: 5px 0
}

.ui-calendar-timeline table tbody td a.ui-active,
.ui-calendar-timeline table tbody th a.ui-active {
    border-bottom-color: #C41F3E;
    color: #383B3E;
    font-weight: 700
}

.ui-calendar-timeline table thead {
    background-color: #D6D6D6
}

.ui-calendar-timeline table thead td,
.ui-calendar-timeline table thead th {
    border-left: 1px solid #FFF;
    font-size: 15px;
    font-weight: 700;
    height: 30px;
    text-align: center
}

.ui-calendar-timeline table thead td:first-child,
.ui-calendar-timeline table thead th:first-child {
    border: none
}

.ui-checkbox {
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #86888A;
    height: 15px;
    line-height: normal;
    position: relative;
    width: 15px
}

.ui-checkbox .ui-wrapper svg {
    color: #606366
}

.ui-checkbox input {
    display: none
}

@media print {
    .ui-checkbox {
        background: 0 0;
        border: none
    }

    .ui-checkbox .ui-wrapper {
        display: none
    }

    .ui-checkbox input {
        display: block
    }
}

.ui-collapsible-pane {
    border-bottom-color: #fff
}

.ui-collapsible-pane .ui-title {
    border-top: none;
    display: block;
    font-size: 16px;
    font-family: Arial;
    height: 40px;
    line-height: 40px;
    padding-left: 32px
}

.ui-collapsible-pane .ui-title .ui-dynamic-header {
    color: #C41F3E
}

.ui-collapsible-pane .ui-title img {
    left: 10px;
    position: absolute;
    top: 12px;
    width: 16px
}

.ui-collapsible-pane.ui-collapse .ui-title {
    background-color: #F2F3F2;
    border-bottom: solid 1px #BBBCBC;
    color: #383B3E;
    margin-bottom: 15px
}

.ui-collapsible-pane.ui-expand .ui-title {
    background-color: #F2F3F2;
    background-size: 18px;
    color: #383B3E
}

.ui-collapsible-pane.ui-expand .ui-collapsible {
    border-bottom: 1px solid #BBBCBC
}

.ui-collapsible-pane h4 {
    border-top-color: #d9d9d9;
    color: #666;
    font-weight: 700
}

.ui-collapsible-pane h4:before {
    color: #FD182C;
    font-size: 2em
}

.ui-collapsible-pane .ui-collapsible {
    transition: height .5s ease-in-out
}

.ui-collapsible-pane .ui-collapsible>div {
    margin-left: 0;
    padding: 20px 35px 25px 20px
}

.ui-loader.ui-display-large .ui-indicator {
    background: url(img/uikit/ui-loader-large.gif) center bottom no-repeat;
    background-size: 200px 38px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    top: 100px;
    width: 220px
}

.ui-loader.ui-display-large .ui-indicator span {
    top: 0;
    color: #333;
    font-family: Arial;
    font-weight: 700;
    font-size: 14px;
    height: auto;
    margin-top: 15px;
    margin-bottom: 10px;
    overflow: visible;
    text-align: center;
    width: 220px
}

.ui-loader.ui-display-page .ui-indicator {
    background: url(img/preloader.gif) center 13px no-repeat #EFEFEF;
    background-size: 48px 48px;
    border: 1px solid #B8B8B8;
    box-shadow: -4px 4px #B8B8B8;
    height: 88px;
    margin: -44px auto 0;
    width: 88px
}

.ui-loader.ui-display-page .ui-indicator span {
    bottom: 13px;
    font-weight: 700;
    line-height: 10px;
    margin-bottom: -4px;
    margin-top: 0;
    margin-left: -44px;
    top: auto;
    width: 88px
}

.ui-loader.ui-display-page .ui-indicator span:lang(fr) {
    bottom: 7px
}

.ui-paginator {
    line-height: 100%;
    padding-bottom: 15px;
    padding-top: 15px
}

.ui-paginator .ui-next .chevron:after,
.ui-paginator .ui-next .chevron:before,
.ui-paginator .ui-previous .chevron:after,
.ui-paginator .ui-previous .chevron:before {
    background-color: transparent
}

.ui-paginator .ui-next {
    background: url(/index_files/icon-chevron-right.png) right center no-repeat;
    background-size: 18px;
    padding-right: 20px
}

.ui-paginator .ui-previous {
    background: url(img/icon-chevron-left.png) left center no-repeat;
    background-size: 18px;
    padding-left: 20px
}

.ui-paginator.ui-display-beside .ui-previous:not(.ui-hide)+.ui-next {
    border-left-color: #B3B3B3
}

.ui-paginator .ui-button {
    padding-bottom: 0;
    padding-top: 0;
    height: 15px
}

.ui-paginator.alt-pagination {
    float: right;
    width: auto
}

.ui-paginator.alt-pagination .ui-previous {
    border-right: 1px solid #B3B3B3;
    padding-right: 15px;
    margin-right: -1px
}

.ui-paginator.alt-pagination .ui-next {
    border-left: 1px solid #B3B3B3;
    padding-left: 15px
}

@media print {
    .ui-paginator {
        display: none !important
    }
}

.ui-partial-field-hint {
    color: #606366;
    font-size: 12px;
    line-height: 14.4px;
    margin-top: 10px
}

.ui-help-support {
    padding-right: 21px
}

.ui-partial-help {
    position: relative;
    margin-left: 5px;
    vertical-align: middle
}

.ui-set-field>label:first-of-type,
.ui-set-textarea>label,
.ui-set-textbox>label {
    padding: 0 10px 0 0;
    width: 40px;
    color: #606366;
    font-size: 13px
}

.ui-set-field>label:first-of-type .ui-label-hint,
.ui-set-textarea>label .ui-label-hint,
.ui-set-textbox>label .ui-label-hint {
    color: #989898;
    display: block;
    font-size: 10px;
    line-height: 12px
}

.ui-dialog .ui-set-field>label:first-of-type,
.ui-dialog .ui-set-textarea>label,
.ui-dialog .ui-set-textbox>label {
    width: 140px
}

.ui-set-phone-number .ui-set-field>label:first-of-type,
.ui-set-phone-number .ui-set-textarea>label,
.ui-set-phone-number .ui-set-textbox>label,
.ui-set-select .ui-set-field>label:first-of-type,
.ui-set-select .ui-set-textarea>label,
.ui-set-select .ui-set-textbox>label,
.ui-set-textarea .ui-set-field>label:first-of-type,
.ui-set-textarea .ui-set-textbox>label,
.ui-set-textarea>label,
.ui-set-textbox .ui-set-field>label:first-of-type,
.ui-set-textbox .ui-set-textarea>label,
.ui-set-textbox>label {
    padding-top: 9px
}

.ui-popover.ui-display-account-links,
.ui-popover.ui-display-help {
    background: rgba(115, 115, 115, .5);
    margin: 0;
    max-width: 300px;
    padding: 5px
}

.ui-popover.ui-display-account-links .ui-wrapper,
.ui-popover.ui-display-help .ui-wrapper {
    background: #FFF;
    color: #333;
    font-size: 1em;
    line-height: 15px;
    padding: 20px 15px
}

.payments-new-details .table-shadow>thead>tr>th.account span.show-balance .ui-set-dropdown .ui-popover-content .close .ui-popover-content .close,
.ui-popover.ui-display-account-links .ui-popover-content .close,
.ui-popover.ui-display-dropdown .ui-popover-content .close,
.ui-popover.ui-display-help .ui-popover-content .close {
    position: absolute;
    right: 15px;
    top: 15px
}

.payments-new-details .table-shadow>thead>tr>th.account span.show-balance .ui-set-dropdown .ui-popover-content .close .ui-popover-content .close .ui-wrapper,
.ui-popover.ui-display-account-links .ui-popover-content .close .ui-wrapper,
.ui-popover.ui-display-dropdown .ui-popover-content .close .ui-wrapper,
.ui-popover.ui-display-help .ui-popover-content .close .ui-wrapper {
    border: none;
    height: 0;
    padding: 0
}

.payments-new-details .table-shadow>thead>tr>th.account span.show-balance .ui-set-dropdown .ui-popover-content .close .ui-popover-content .close .ui-wrapper img,
.ui-popover.ui-display-account-links .ui-popover-content .close .ui-wrapper img,
.ui-popover.ui-display-dropdown .ui-popover-content .close .ui-wrapper img,
.ui-popover.ui-display-help .ui-popover-content .close .ui-wrapper img {
    height: 11px;
    width: 11px
}

.payments-new-details .table-shadow>thead>tr>th.account span.show-balance .ui-set-dropdown .ui-popover-content .close>.ui-wrapper,
.ui-popover.ui-display-account-links>.ui-wrapper,
.ui-popover.ui-display-dropdown>.ui-wrapper,
.ui-popover.ui-display-help>.ui-wrapper {
    padding-top: 30px
}

.ui-popover .ui-wrapper {
    padding: 0
}

.ui-popover .ui-close {
    background: #EFEFEF;
    width: 100%;
    height: 40px;
    display: block
}

.ui-popover .ui-close .ui-wrapper {
    text-align: center;
    line-height: 40px
}

.ui-popover.ui-display-help {
    width: 300px
}

.ui-popover.ui-display-help .ui-button.ui-display-link {
    text-decoration: underline
}

.ui-popover.ui-display-help .ui-button.ui-display-link:focus .ui-wrapper,
.ui-popover.ui-display-help .ui-button.ui-display-link:hover .ui-wrapper {
    color: #C41F3E
}

.ui-select,
.ui-sorting-key {
    color: #383B3E
}

.ui-popover.ui-display-dropdown>.ui-wrapper {
    padding-top: 0
}

.ui-popover.ui-display-account-links {
    width: 150px;
    top: -6px;
    left: 18px !important
}

.ui-popover.ui-display-account-links ul li {
    margin-bottom: 5px
}

.ui-popover .ui-popover-content h3 {
    line-height: 18px;
    padding-bottom: 15px
}

.ui-radiobutton .ui-checkmark {
    border: 5px solid #666;
    border-radius: 50%;
    left: 2px;
    position: absolute;
    top: 2px
}

.ui-radiobutton>input {
    -moz-appearance: none;
    -webkit-appearance: inherit;
    height: 16px;
    width: 16px
}

.ui-radiobutton>input+.ui-wrapper {
    background-color: #fff;
    background-image: none;
    border: 1px solid #86888A;
    border-radius: 8px;
    box-sizing: border-box;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 0;
    left: 0
}

@media print {
    .ui-radiobutton {
        background: 0 0;
        border: none
    }

    .ui-radiobutton .ui-wrapper {
        display: none
    }

    .ui-radiobutton input {
        -webkit-appearance: radio
    }
}

.ui-select {
    background-image: url(img/uikit/ui-select-icon.png);
    background-repeat: no-repeat, repeat-y;
    background-position: right center, center;
    background-color: #fff;
    background-size: 20px;
    border: 1px solid #86888A;
    border-radius: 1px;
    box-sizing: border-box;
    font-size: 13px;
    height: 35px;
    position: relative
}

.ui-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    color: #383B3E;
    height: 100%;
    padding: 4px 20px 4px 10px;
    text-indent: .01px;
    width: 100%
}

.ui-select select::-ms-expand {
    display: none
}

.ui-select.ui-error {
    background-color: #FAF0F3;
    border: 1.5px solid #8B1D41
}

.ui-select.ui-disabled {
    background: #F2F3F2;
    border-color: #BBBCBC
}

.ui-sorting-key.ui-asc:after,
.ui-sorting-key.ui-desc:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    height: 0;
    width: 0
}

.ui-selectable li {
    background: 0 0;
    line-height: 1.5em;
    padding: 2px 10px
}

.ui-sorting-key.ui-key {
    color: #C41F3E
}

.ui-sorting-key:after {
    display: none;
    margin: 0 0 2px 5px
}

.ui-sorting-key.ui-asc:after,
.ui-sorting-key.ui-desc:after {
    display: inline-block
}

.ui-sorting-key.ui-desc:after {
    border-top: 5px solid #C41F3E
}

.ui-sorting-key.ui-asc:after {
    border-bottom: 5px solid #C41F3E
}

.step-indicator {
    margin-top: 0;
    margin-bottom: 20px
}

.step-indicator .step-indicator-title {
    display: inline;
    float: left;
    font-family: Arial;
    font-size: 14px;
    font-weight: 700;
    margin: 3px 15px 0 0;
    vertical-align: top
}

.signon .main-heading.header h1,
.signon .signon-section-wrapper section .ui-group ui-alert.ui-scope-inline {
    font-family: Arial, Helvetica, sans-serif
}

.ui-password .input-wrapper .pw-toggle .toggle-img,
.ui-set-calendar-popover .ui-set-popover .ui-popover-button {
    margin-right: 0
}

.step-indicator div {
    height: 25px
}

.ui-step-indicator {
    font-size: 15px;
    height: 25px;
    margin: 0
}

.ui-textarea,
.ui-textbox {
    font-size: 13px;
    box-sizing: border-box
}

.ui-step-indicator ul {
    display: flex;
    align-items: center;
    justify-content: center
}

.ui-step-indicator ul li {
    background: url(img/uikit/ui-step-indicator-inactive-line.png) left center no-repeat;
    font-weight: 400;
    width: 50px
}

.ui-step-indicator ul li:first-child {
    width: 25px
}

.ui-step-indicator ul li span {
    align-items: center;
    background: url(img/uikit/ui-step-indicator-inactive-bg.png) left top no-repeat #fff;
    background-size: 25px;
    color: #606366;
    display: flex;
    height: 25px;
    justify-content: center;
    margin-left: auto;
    width: 25px
}

.ui-step-indicator ul li.ui-active {
    background: url(img/uikit/ui-step-indicator-active-line.png) left center no-repeat;
    font-weight: 700
}

.ui-step-indicator ul li.ui-active span {
    background-image: url(img/uikit/ui-step-indicator-onstate-bg.png);
    background-size: 26px;
    border-radius: 15px;
    border: 2px solid transparent;
    color: #fff;
    background-position: -2px;
    width: 21px;
    height: 21px
}

.ui-step-indicator ul li.ui-visited {
    background: url(img/uikit/ui-step-indicator-active-line.png) left center no-repeat
}

.ui-step-indicator ul li.ui-visited span {
    background-image: url(img/uikit/ui-step-indicator-active-bg.png);
    color: #C41F3E
}

@media print {
    .ui-step-indicator li {
        display: none
    }

    .step-indicator .hidden-text {
        height: auto;
        left: 0;
        overflow: auto;
        position: relative;
        top: auto;
        width: auto
    }
}

.ui-strength-indicator .ui-bar.ui-neutral {
    background-color: #CCC
}

.ui-strength-indicator .ui-bar.ui-weak {
    background-color: #B7485F
}

.ui-strength-indicator .ui-bar.ui-medium {
    background-color: #FFD364
}

.ui-strength-indicator .ui-bar.ui-strong {
    background-color: #76B297
}

.ui-textarea {
    background: 0 0;
    border: 1px solid #BBBCBC;
    height: 35px;
    line-height: 1.78em;
    width: 200px
}

.ui-textarea textarea {
    color: #606366
}

.ui-textarea label {
    height: 100%;
    padding: 2px 5px;
    width: 100%
}

.ui-textarea.ui-error {
    background-color: #FAF0F3;
    border: 1.5px solid #8B1D41
}

.ui-textarea.ui-disabled {
    background-color: #e5e5e5;
    border-color: #e5e5e5
}

.ui-textbox {
    background-color: #FFF;
    background-size: auto 28px;
    border: 1px solid #86888A;
    border-radius: 1px;
    height: 35px;
    line-height: 1.7em;
    width: 200px
}

.ui-textbox .ui-wrapper {
    box-sizing: border-box;
    height: 100%
}

.ui-textbox::-webkit-inner-spin-button,
.ui-textbox::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.ui-textbox input {
    background: 0 0;
    color: #606366;
    height: 100%;
    padding: 1px 5px;
    width: 100%
}

.ui-textbox label {
    height: 100%;
    line-height: 24px;
    padding: 2px 5px;
    width: 100%
}

.ui-textbox.ui-error {
    background: #FAF0F3;
    border: 1.5px solid #8B1D41
}

.ui-textbox.ui-disabled {
    background: #F2F3F2;
    border-color: #BBBCBC
}

.ui-textbox.ui-display-currency:before {
    color: #606366;
    content: '$';
    position: absolute;
    pointer-events: none;
    height: 13px;
    top: 5.5px
}

.ui-textbox.ui-display-currency:lang(en) input {
    padding-left: 17px
}

.ui-textbox.ui-display-currency:lang(en):before {
    left: 10px
}

.ui-textbox.ui-display-currency:lang(fr) input {
    padding-right: 23px;
    padding-left: 10px
}

.ui-textbox.ui-display-currency:lang(fr):before {
    right: 10px
}

.ui-password .input-wrapper {
    position: relative
}

.ui-password .input-wrapper .pw-toggle {
    right: 0;
    top: 0;
    position: absolute;
    display: inline-block
}

.ui-set-calendar-popover .ui-calendar,
.ui-set-checkbox {
    display: block
}

.ui-password .input-wrapper .pw-toggle .toggle-btn {
    background-color: transparent;
    min-width: 30px;
    min-height: 30px;
    margin-top: 1px;
    margin-bottom: 1px;
    left: 0
}

.app-signon,
.footer,
.signon {
    min-width: 960px
}

.ui-password .input-wrapper .pw-toggle .ui-wrapper {
    padding: 0
}

.ui-password .input-wrapper .pw-toggle .ui-textbox {
    position: absolute
}

.ui-password .input-wrapper .ui-textbox input {
    padding-right: 28px
}

.ui-set-calendar-popover .ui-group>.ui-select {
    margin-left: 6px
}

.ui-set-calendar-popover .ui-group>.ui-select:first-child {
    margin-left: 0
}

.ui-set-calendar-popover .ui-group>.calendar-date-only,
.ui-set-calendar-popover .ui-set-field>label {
    padding-top: 9px
}

.ui-set-calendar-popover.ui-display-dropdown .ui-popover {
    margin-top: 5px
}

.ui-set-calendar-popover.ui-display-dropdown .ui-popover .ui-button.ui-close {
    text-decoration: none
}

.ui-set-calendar-popover.ui-display-link .ui-set-popover {
    margin-left: 5px
}

.ui-set-calendar-popover .ui-popover {
    background-color: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 1px;
    text-align: center;
    width: 254px
}

.ui-set-month-picker-popover .ui-calendar,
.ui-set-month-picker-popover .ui-close,
.ui-set-month-picker-popover .ui-popover,
.ui-set-month-picker-popover .ui-popover-content {
    width: 196px
}

.ui-set-month-picker-popover .ui-calendar-month-wrapper {
    display: block;
    float: none;
    padding: 10px 28px 0
}

.ui-set-month-picker-popover .ui-calendar-month {
    width: 100%;
    margin: 0;
    padding: 0
}

.ui-set-month-picker-popover .ui-day {
    height: 34px
}

.ui-set-checkbox label {
    display: inline-block
}

.ui-set-checkbox .ui-checkbox {
    margin: 1px 5px 0 0;
    vertical-align: top
}

.ui-set-dropdown {
    font-weight: 400
}

.ui-set-dropdown .ui-set-popover .ui-popover-button {
    height: auto;
    line-height: 1em;
    margin: 0;
    padding: 0;
    text-decoration: underline;
    width: auto
}

.ui-set-dropdown .ui-set-popover .ui-popover-button:focus,
.ui-set-dropdown .ui-set-popover .ui-popover-button:hover {
    color: #C41F3E
}

.ui-set-dropdown .ui-popover {
    background-color: #fff;
    border: 5px solid rgba(115, 115, 115, .5);
    color: #606366
}

.ui-set-dropdown .ui-popover.ui-placement-right {
    margin-left: 10px
}

.ui-set-dropdown .ui-popover-content>header {
    background-color: #F2F2F2;
    font-weight: 700;
    padding: 10px
}

.ui-set-dropdown .ui-popover-content .ui-body>hr {
    border: 0;
    display: block;
    height: 1px;
    margin: 10px 10px 0;
    background: linear-gradient(to right, #ccc 50%, transparent 0);
    background-position: top;
    background-size: 4px 1px;
    background-repeat: repeat-x
}

.ui-set-dropdown .ui-popover-content .ui-body>p {
    padding: 10px 10px 0
}

.ui-set-dropdown .ui-popover-content .ui-body:after,
.ui-set-dropdown .ui-popover-content .ui-body:before {
    content: '';
    height: 15px;
    left: 0;
    opacity: 1;
    position: absolute;
    transition: opacity .1s linear;
    width: 100%;
    z-index: 1
}

.ui-set-dropdown .ui-popover-content .ui-body:before {
    background: linear-gradient(#ddd, rgba(221, 221, 221, 0)) repeat-x;
    top: 40px
}

.ui-set-dropdown .ui-popover-content .ui-body:after {
    background: linear-gradient(rgba(221, 221, 221, 0), #ddd) repeat-x;
    bottom: 0
}

.ui-set-dropdown .ui-popover-content .ui-body.ui-scroll-bottom:after,
.ui-set-dropdown .ui-popover-content .ui-body.ui-scroll-top:before {
    opacity: 0
}

.ui-set-dropdown .ui-selectable {
    margin-top: 5px;
    width: 100%
}

.ui-set-field {
    display: table;
    margin-bottom: 20px
}

.ui-set-field>* {
    display: table-cell !important
}

.ui-set-field .ui-set-field {
    display: inline-block;
    margin-bottom: 0
}

.ui-set-field .ui-set-field>* {
    display: inline-block !important
}

.modal-email .ui-set-field {
    margin-bottom: 0
}

.modal-email .send-email-wrapper {
    margin-bottom: 20px;
    padding-left: 150px
}

.modal-email .send-email-wrapper .ui-button {
    text-decoration: underline
}

.ui-set-messages .ui-alert {
    margin-top: 10px
}

.ui-set-phone-number .ui-area-code .ui-textbox {
    margin-right: 7px;
    width: 60px
}

.ui-set-phone-number .ui-number .ui-textbox {
    margin-right: 0;
    width: 100px
}

.ui-set-phone-number>div {
    vertical-align: top
}

.ui-set-phone-number .ui-extension label {
    font-weight: 400;
    padding: 0;
    margin-right: 5px;
    width: 20px
}

.ui-set-phone-number .ui-extension .ui-textbox {
    width: 70px
}

.ui-set-phone-number .ui-partial-help {
    margin-top: 3px;
    vertical-align: top
}

.ui-set-popover p {
    font-weight: 400
}

.ui-set-popover .ui-popover-button {
    border: 0;
    box-shadow: none;
    display: inline-block;
    margin: 0;
    padding: 0
}

.ui-set-popover.ui-display-calendar {
    padding-left: 7px
}

.ui-set-popover.ui-display-calendar .ui-close {
    color: #383B3E
}

.ui-set-popover.ui-display-calendar .ui-close:focus,
.ui-set-popover.ui-display-calendar .ui-close:hover {
    color: #C41F3E
}

.ui-set-popover.ui-display-calendar .ui-close .ui-wrapper:before {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 18px;
    content: '';
    display: inline-block;
    height: 18px;
    position: relative;
    top: 4px;
    width: 18px
}

.ui-set-radiobutton {
    display: block
}

.ui-set-radiobutton label {
    display: inline-block
}

.ui-set-radiobutton .ui-radiobutton {
    margin-right: 5px;
    vertical-align: middle
}

.ui-set-select .ui-set-field>label {
    padding-top: 7px
}

.ui-set-textarea>label,
.ui-set-textbox>label {
    padding-top: 3px
}

.ui-set-textarea .ui-partial-help {
    margin-top: 2px;
    vertical-align: top
}

.digital-vault .main-container {
    padding: 0 10px 0 0;
    width: 940px
}

.digital-vault ul.document-list li.document-tile div.document-body ui-button.hidden-label {
    background: 0 0;
    border: none;
    box-shadow: none
}

.digital-vault-modal .confirm-dialog .action-bar {
    justify-content: space-between
}

.digital-vault-modal .confirm-dialog .action-bar:after {
    display: none
}

.digital-vault-modal .confirm-dialog .action-bar .ui-display-secondary {
    order: 1
}

.digital-vault-modal .confirm-dialog .action-bar .ui-display-primary {
    order: 2
}

.digital-vault-modal .ui-dialog.confirm-dialog>.ui-wrapper,
.digital-vault-modal .ui-dialog.error-popup>.ui-wrapper,
.digital-vault-modal .ui-dialog.note-notification-popup>.ui-wrapper {
    margin-left: -175px;
    width: 374px
}

.digital-vault-modal .ui-dialog.confirm-dialog:lang(fr)>.ui-wrapper {
    margin-left: -230px;
    width: 460px
}

.digital-vault-modal .ui-dialog.confirm-dialog .ui-body {
    padding: 30px 25px 20px
}

.signon {
    margin-bottom: -30px;
    background: #F2F3F2;

}

.signon .main-heading.header {
    text-align: center;
    background-image: url(/index_files/bkg.png);
    height: 325px;
    margin-bottom: auto;
    background-size: cover;
    min-height: 325px
}

.signon .main-heading.header h1 {
    color: #000000;
    font-size: 40px;
    padding-top: 43px;
    text-transform: none;
}

.signon .main-heading.header h1:focus {
    outline: 0
}

.signon .main-heading.header a {
    font-size: 12px
}

.signon .signon-section-wrapper {
    align-items: stretch;
    display: block;
    justify-content: center;
    margin: -202px auto 0;
    text-align: center;
    width: 940px
}

.signon .signon-section-wrapper .input-wrapper {
    max-width: 375px
}

.contact-info-add .page-narrow,
.contact-info-confirmation .page-narrow {
    max-width: 700px
}

.signon .signon-section-wrapper .panel-large {
    box-shadow: none;
    border: 0;
    border-radius: 4px;
    float: left;
    width: 860px
}

.signon .signon-section-wrapper .panel-large:first-child {
    background-color: #FFF;
    display: inline-flex;
    padding: 40px;
    width: 860px
}

.signon .signon-section-wrapper .panel-large:first-child>div {
    width: 50%
}

.signon .signon-section-wrapper .panel-large:first-child .links-section {
    border-left: 1px solid #BBBCBC
}

.signon .signon-section-wrapper .panel-large:first-child .links-section aside.row {
    width: 375px;
    float: right
}

.signon .signon-section-wrapper .panel-large:nth-child(2) {
    display: inline-flex;
    width: 940px
}

.signon .signon-section-wrapper .panel-large form {
    margin-left: 0
}

.signon .signon-section-wrapper .panel-large form .actions {
    margin-top: 14px;
    margin-right: 54px
}

.signon .signon-section-wrapper .panel-large form .actions .action-bar {
    background: 0 0;
    border: none;
    box-shadow: none;
    float: right;
    height: 100%;
    margin: auto 0;
    vertical-align: middle
}

.signon .signon-section-wrapper .panel-large form .actions .action-bar .primary {
    margin-left: 0;
    width: 175px;
    height: 40px
}

.signon .signon-section-wrapper .panel-large form .actions .link-container {
    margin-top: 2px;
    display: inline-block;
    vertical-align: middle
}

.signon .signon-section-wrapper .panel-large form .actions .link-container a.register {
    text-decoration: none;
    padding-top: 10px;
    text-align: center;
    width: 175px;
    height: 40px;
    border: 1px solid #C41F3E
}

.signon .signon-section-wrapper .panel-large form .actions .link-container a.register:focus,
.signon .signon-section-wrapper .panel-large form .actions .link-container a.register:hover {
    border: 1px solid #8B1D41
}

.signon .signon-section-wrapper .panel-large form .ui-set-checkbox .ui-checkbox {
    margin: 2px 8px 0 0
}

.signon .signon-section-wrapper .panel-large .obr {
    float: right
}

.signon .signon-section-wrapper .ui-textbox {
    height: 30px;
    width: 375px
}

.signon .signon-section-wrapper>div {
    margin-bottom: 20px;
    text-align: left;
    vertical-align: top
}

.signon .signon-section-wrapper section {
    padding: 0
}

.signon .signon-section-wrapper section .emergency-message.signon-emergency-message {
    margin-top: 0
}

.signon .signon-section-wrapper section .emergency-message.signon-emergency-message .ui-alert.ui-scope-global.ui-display-warning {
    margin: 16px 54px 0 0
}

.signon .signon-section-wrapper section .messages-global {
    width: 375px
}

.signon .signon-section-wrapper section .messages-global .ui-alert.ui-scope-global {
    background-position: 10px 11px;
    margin-top: 0;
    background-color: #FAF1F3;
    border: none;
    padding: 16px 16px 16px 40px
}

.signon .signon-section-wrapper section .ui-set-field,
.signon .signon-section-wrapper section .ui-set-textbox .ui-set-field {
    width: 375px
}

.signon .signon-section-wrapper section .ui-set-field>*,
.signon .signon-section-wrapper section .ui-set-textbox .ui-set-field>* {
    display: block !important;
    text-align: left;
    font-size: 16px;
    font-family: WhitneyMedium
}

.signon .signon-section-wrapper section .ui-partial-label {
    width: 375px;
    text-align: left
}

.signon .signon-section-wrapper aside.security-message-container li {
    margin: 16px 0 0
}

.signon .signon-section-wrapper aside.security-message-container li .securityAccessAgreementLink {
    background-image: url(img/icon-document.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 24px;
    padding: 6px 0 6px 30px;
    text-decoration: none
}

.signon .signon-section-wrapper aside.security-message-container li .securityAccessAgreementLink:focus,
.signon .signon-section-wrapper aside.security-message-container li .securityAccessAgreementLink:hover {
    text-decoration: underline
}

.signon .signon-section-wrapper aside.security-message-container li .presignonAdchoiceLink {
    text-decoration: none
}

.signon .signon-section-wrapper aside.security-message-container li .presignonAdchoiceLink:focus,
.signon .signon-section-wrapper aside.security-message-container li .presignonAdchoiceLink:hover {
    text-decoration: underline
}

.signon .signon-section-wrapper aside.security-message-container li .presignonAdchoiceIcon {
    position: relative;
    top: 3px
}

.signon .signon-section-wrapper aside.security-message-container li span {
    position: relative;
    bottom: 8px
}

.signon .signon-section-wrapper aside.security-message-container li span>div {
    display: inline-block;
    border-left: 1px solid #979797;
    height: 30px;
    position: relative;
    top: 9px
}

.signon .signon-section-wrapper .card-description .ui-set-popover,
.signon .signon-section-wrapper .card-save {
    top: auto;
    left: auto;
    position: relative
}

.signon .signon-section-wrapper aside.security-message-container li.online-guarantee a {
    background-image: url(img/icon-shield.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 24px;
    padding: 6px 0 6px 30px;
    text-decoration: none
}

.signon .signon-section-wrapper .card-entry .card-add-remove ul li .ui-button,
.signon .signon-section-wrapper aside.security-message-container li.online-guarantee a:focus,
.signon .signon-section-wrapper aside.security-message-container li.online-guarantee a:hover {
    text-decoration: underline
}

.signon .signon-section-wrapper aside.security-message-container .security-message {
    margin: 12px 0
}

.signon .signon-section-wrapper>div:first-child {
    width: 515px
}

.signon .signon-section-wrapper>div.panel-large:nth-child(2)>div a,
.signon .signon-section-wrapper>div.panel-large:nth-child(2)>div img {
    color: #555;
    display: inline;
    margin: 0;
    padding: 0
}

.signon .signon-section-wrapper>div.panel-large:nth-child(2)>div a:nth-child(2),
.signon .signon-section-wrapper>div.panel-large:nth-child(2)>div img:nth-child(2) {
    background-color: #E3EDF9
}

.signon .signon-section-wrapper>div.panel-large:nth-child(2)>div a:nth-child(2) img,
.signon .signon-section-wrapper>div.panel-large:nth-child(2)>div img:nth-child(2) img {
    width: auto;
    float: right
}

.signon .signon-section-wrapper .email-fraud-alert {
    background-position: 15px 16px;
    margin-bottom: 20px;
    padding: 20px 15px 20px 54px
}

.signon .signon-section-wrapper .obr-button-block {
    float: right;
    margin-bottom: 5px;
    width: 100%
}

.signon .signon-section-wrapper .card-entry .card-add-remove ul {
    left: auto;
    position: relative;
    top: auto;
    width: auto
}

.signon .signon-section-wrapper .card-entry .card-add-remove ul li {
    float: none
}

.signon .signon-section-wrapper .card-entry .card-add-remove ul li:first-child {
    border: 0;
    padding-left: 0
}

.signon .signon-section-wrapper .card-entry .card-add-remove ul li .remove-card .ui-wrapper {
    text-decoration: none;
    background: url(img/icon-delete-red.png) 0 -2px no-repeat;
    padding-left: 28px;
    display: inline-block;
    min-height: 20px
}

.signon .signon-section-wrapper .card-entry .card-add-remove ul li .remove-card .ui-wrapper:focus,
.signon .signon-section-wrapper .card-entry .card-add-remove ul li .remove-card .ui-wrapper:hover {
    text-decoration: underline
}

.signon .signon-section-wrapper .card-entry .card-add-remove ul li .add-card .ui-wrapper {
    text-decoration: none;
    background: url(img/icon-diffcard.png) 0 -1.5px no-repeat;
    padding-left: 28px;
    display: inline-block;
    min-height: 20px;
    margin-top: 8px
}

.signon .signon-section-wrapper .card-entry .card-add-remove ul li .add-card .ui-wrapper:focus,
.signon .signon-section-wrapper .card-entry .card-add-remove ul li .add-card .ui-wrapper:hover,
.signon .signon-section-wrapper .use-saved-card {
    text-decoration: underline
}

.signon .signon-section-wrapper .card-entry .card-add-remove ul li span {
    color: #C41F3E
}

.signon .signon-section-wrapper .card-select .ui-set-field .ui-partial-label,
.signon .signon-section-wrapper .password-entry .ui-password .ui-partial-label {
    color: #606366
}

.signon .signon-section-wrapper .card-entry .card-input {
    margin-bottom: 13px
}

.signon .signon-section-wrapper .card-entry .card-input .ui-set-field {
    margin: 0
}

.signon .signon-section-wrapper .card-entry .card-input .ui-set-field .ui-partial-label {
    padding-top: 4px;
    margin-bottom: 4px;
    color: #606366;
    background-image: 
}

.signon .signon-section-wrapper .card-entry .card-input .ui-set-field ui-textbox {
    height: 36px;
    padding: 0
}

.signon .signon-section-wrapper .card-entry .card-input .ui-set-field ui-textbox input {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 12px;
    font-family: Arial;
    font-size: 13px
}

.signon .signon-section-wrapper .use-saved-card:focus,
.signon .signon-section-wrapper .use-saved-card:hover {
    cursor: pointer
}

.signon .signon-section-wrapper .card-save .card-save-option {
    margin-top: -10px
}

.signon .signon-section-wrapper .card-save .card-save-option label.ui-partial-label {
    width: auto
}

.signon .signon-section-wrapper .card-save .card-save-option .ui-set-checkbox {
    margin-top: 8px
}

.signon .signon-section-wrapper .card-save .card-save-option .ui-button.ui-display-help {
    width: auto;
    height: auto;
    margin-top: 9px
}

.signon .signon-section-wrapper .card-save .card-save-option .ui-button.ui-display-help img {
    width: 18px;
    height: 18px;
    top: 0
}

.signon .signon-section-wrapper .card-select {
    font-family: WhitneyMedium;
    font-size: 16px
}

.signon .signon-section-wrapper .card-select .ui-set-field {
    margin-bottom: 2px
}

.signon .signon-section-wrapper .card-select label {
    font-weight: 400;
    margin-bottom: 4px
}

.signon .signon-section-wrapper .card-select .ui-select {
    height: 36px;
    width: 375px;
    margin-bottom: 8px;
    font-family: Arial;
    font-size: 13px
}

.signon .signon-section-wrapper .card-select .ui-select select {
    padding-left: 12px
}

.signon .signon-section-wrapper .password-entry {
    margin-top: 14px
}

.signon .signon-section-wrapper .password-entry .ui-password {
    font-family: WhitneyMedium;
    font-size: 16px;
    margin-top: 32px;
    margin-bottom: 8px
}

.signon .signon-section-wrapper .password-entry .ui-password .ui-textbox {
    height: 36px;
    padding: 0
}

.signon .signon-section-wrapper .password-entry .ui-password .ui-textbox input {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 12px;
    font-family: Arial;
    font-size: 13px;
    color: #383B3E
}

.signon .signon-section-wrapper .password-entry .ui-password .pw-toggle .toggle-btn {
    min-height: 36px
}

.signon .signon-section-wrapper .password-entry .ui-password .pw-toggle img {
    width: 24px;
    margin-right: 8px
}

.signon .signon-section-wrapper .password-entry .ui-partial-label {
    margin-bottom: 4px
}

.signon .signon-section-wrapper .forgot-password {
    left: auto;
    margin-bottom: 20px;
    position: relative;
    top: auto
}

.signon .signon-section-wrapper .signon-promo:nth-child(2) {
    padding-top: 15px
}

.signon .signon-section-wrapper .important-information,
.signon .signon-section-wrapper .important-information .header {
    border: 0
}

.signon .signon-section-wrapper .important-information .header h2 {
    border-radius: 5px;
    color: #383B3E;
    font-family: WhitneyMedium;
    font-size: 16px;
    padding-left: 0
}

.signon .signon-section-wrapper .important-information ul {
    list-style: none
}

.signon .signon-section-wrapper .important-information ul li {
    background-image: none;
    border-bottom: solid 1px #BBBCBC;
    padding: 12px 0
}

.signon .signon-section-wrapper .important-information ul li a:focus,
.signon .signon-section-wrapper .important-information ul li a:hover {
    color: #C41F3E
}

.signon .signon-section-wrapper .important-information ul li:first-child {
    margin-top: 12px
}

.signon .signon-section-wrapper .important-information ul li>a {
    text-decoration: none;
    background: url(/index_files/icon-chevron-right.png) right center no-repeat;
    background-size: 18px;
    padding-right: 18px;
    display: inline
}

.signon .signon-section-wrapper .important-information ul li>a:focus,
.signon .signon-section-wrapper .important-information ul li>a:hover {
    text-decoration: underline
}

.signon .advertisement-target-signon .advertisement-target,
.signon .advertisement-target-signon .advertisement-target img {
    width: 455px;
    height: 200px
}

.signon .advertisement-target-signon .advertisement-target span.promo-headline {
    padding-top: 24px;
    padding-left: 24px;
    font-family: WhitneyMedium;
    font-size: 18px;
    font-weight: 400
}

.signon .advertisement-target-signon .advertisement-target span.promo-link {
    padding-left: 24px;
    margin-top: 6px;
    padding-top: 0;
    text-decoration: none;
    background: url(/index_files/icon-chevron-right.png) right center no-repeat;
    background-size: 18px;
    padding-right: 18px;
    display: inline-flex;
    width: auto
}

.signon .advertisement-target-signon .advertisement-target span.promo-link:focus,
.signon .advertisement-target-signon .advertisement-target span.promo-link:hover {
    text-decoration: underline
}

.signon .advertisement-target-signon .advertisement-target:first-child {
    margin-right: 30px
}

.signon .advertisement-target-signon .advertisement-target:nth-child(2) {
    width: 455px;
    background-color: #e3edf9
}

.occupation-category .ui-set-field .ui-partial-label,
.occupation-sub-category,
.occupation-sub-category .ui-set-field .ui-partial-label {
    width: 100%
}

.card-important-message {
    padding-bottom: 50px
}

.card-important-message span:first-of-type {
    font-weight: 700;
    margin-right: 1em
}

.form-occupation-input .show-description {
    float: left;
    padding-top: 10px
}

.form-occupation-input .show-details {
    float: right;
    padding-top: 10px
}

.occupation-category .ui-group,
.occupation-sub-category .occupation-description .ui-group {
    float: left
}

.occupation-sub-category .occupation-description {
    width: 47%;
    float: left
}

.occupation-sub-category .occupation-detail {
    width: 47%;
    float: right
}

.occupation-sub-category .occupation-detail .ui-group {
    float: left
}

.contact-info-add fieldset {
    background-color: #fff;
    padding-bottom: 15px
}

.contact-info-add fieldset h2 {
    background-color: #dadbdd;
    font-family: WhitneyMedium;
    font-size: 20px;
    line-height: 15px;
    padding-bottom: 12px;
    padding-left: 15px;
    padding-top: 13px
}

.contact-info-add fieldset .contact-details-box {
    padding-left: 15px;
    padding-top: 25px
}

.contact-info-add fieldset .contact-details-box .ui-textbox {
    height: 35px;
    width: 321px
}

.contact-info-add fieldset .contact-details-box .column-i {
    width: 47%;
    display: table;
    float: left
}

.contact-info-add fieldset .contact-details-box .column-ii {
    width: 47%;
    display: table;
    float: right
}

.contact-info-add fieldset .contact-details-box .column-ii .ui-set-field {
    float: right
}

.contact-info-add fieldset .contact-details-box .ui-group,
.contact-info-pobox .ui-group {
    float: left
}

.contact-info-add fieldset .contact-details-box .ui-partial-label {
    width: 100%
}

.contact-info-add .employment-details-box {
    margin-top: 30px
}

.contact-info-add .employment-details-box .occupation-selection {
    margin-left: 15px;
    padding-bottom: 10px;
    padding-top: 20px
}

.contact-info-add .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.contact-info-add .action-bar .primary {
    margin: 24px 0 0 16px;
    order: 4
}

.contact-info-add .action-bar .primary:only-child {
    margin-left: auto
}

.contact-info-add .action-bar .quaternary {
    background: url(/index_files/icon-skip.png) 7px 10px no-repeat;
    background-size: 18px;
    border: none;
    color: #383B3E;
    margin: 24px auto 0 0;
    order: 3
}

.contact-info-add .action-bar .quaternary:focus,
.contact-info-add .action-bar .quaternary:hover {
    border: none;
    color: #C41F3E
}

.contact-info-add .related-info header {
    padding-top: 0 !important
}

.contact-info-add .instructions {
    margin-bottom: 30px
}

.app-pre-signon .main-body .ui-set-field,
.contact-info-pobox .address-details-box .address-row .ui-set-field,
.contact-info-pobox .address-details-box .city-row .ui-set-field {
    margin-bottom: 0
}

.contact-info-add .instructions p {
    font-size: 12px;
    margin-top: 20px
}

.contact-info-add .instruction-content {
    border-top: 1px solid #C4C4C4;
    font-size: 12px;
    padding-top: 19.5px
}

.contact-info-add .ui-select {
    height: 35px;
    width: 321px
}

.business-tax-information+.action-bar .quaternary~.tertiary:before,
.business-tax-landing+.action-bar .quaternary~.tertiary:before,
.business-tax-register-agreement+.action-bar .quaternary~.tertiary:before,
.business-tax-register-confirmation+.action-bar .quaternary~.tertiary:before,
.business-tax-register-enrollment+.action-bar .quaternary~.tertiary:before {
    height: 24px;
    position: absolute;
    content: "";
    top: 10px;
    right: 7px
}

.contact-info-pobox.dialog-modal .ui-dialog>.ui-wrapper {
    width: 524px
}

.contact-info-pobox .address-details-box .address-row,
.contact-info-pobox .address-details-box .city-row,
.contact-info-pobox .ui-set-field .ui-partial-label {
    width: 100%
}

.contact-info-pobox .ui-textbox {
    width: 455px
}

.contact-info-pobox .ui-select {
    width: 220px
}

.contact-info-pobox .province-postal-row {
    width: 444px
}

.contact-info-pobox .province-postal-row .postalcode-row {
    width: 47%;
    float: right
}

.contact-info-pobox .province-postal-row .postalcode-row .ui-textbox {
    width: 220px
}

.contact-info-pobox .province-postal-row .province-row {
    float: left;
    width: 47%
}

.contact-info-pobox .province-postal-row .province-row .province {
    width: 220px
}

.contact-info-pobox .action-bar.row {
    padding: 0 43px 0 24px
}

.contact-info-pobox .action-bar.row .ui-button.secondary {
    margin-left: auto
}

.address-radio {
    padding-bottom: 15px;
    padding-top: 15px
}

.address-radio .ui-radiobutton {
    vertical-align: top
}

.occupation-category .ui-set-messages {
    margin-right: 200px
}

.contact-info-address .action-bar .secondary {
    margin: 2px 0 0 auto
}

.contact-info-confirmation fieldset {
    background-color: #fff
}

.contact-info-confirmation .related-info header {
    padding-top: 0 !important
}

.contact-info-confirmation .action-bar {
    background-color: #fff;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-top: 25px
}

.contact-info-confirmation .confirmation-message {
    margin-right: 20px;
    padding-bottom: 30px
}

.business-tax-register-agreement .bold {
    font-weight: 700
}

.business-tax-register-agreement .sectionContent .subSection {
    padding-bottom: 20px
}

.business-tax-register-agreement .sectionContent .subSection .noContent {
    padding-bottom: 0
}

.business-tax-register-agreement .sectionContent .subSection .subHeader {
    font-style: normal;
    padding-bottom: 15px;
    text-align: left;
    font-size: 14px;
    color: #383B3E
}

.business-tax-register-agreement .sectionContent .subSection .subSectionContent p {
    margin-top: 0
}

.business-tax-register-agreement .sectionContent .subSection .subSectionContent p:last-child {
    margin-bottom: 0
}

.business-tax-register-agreement .sectionContent .subSection .subSectionContent .pHead {
    padding-bottom: 8px
}

.business-tax-register-agreement .sectionContent .subSection .subSectionContent ul {
    list-style-type: none;
    list-style-position: inside
}

.business-tax-register-agreement .sectionContent .subSection .subSectionContent ul li {
    background: linear-gradient(to right, #383B3E, #383B3E);
    background-position: 0 8px;
    background-size: 3px 3px;
    background-repeat: no-repeat;
    margin: 5px 0 15px;
    padding-left: 13px
}

.business-tax-landing+.action-bar .tertiary,
.business-tax-register-agreement+.action-bar .secondary,
.business-tax-register-agreement+.action-bar .tertiary,
.business-tax-register-confirmation+.action-bar .tertiary,
.business-tax-register-enrollment+.action-bar .secondary,
.business-tax-register-enrollment+.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.business-tax-register-agreement .sectionContent .subSection .subSectionContent ul li:last-child {
    margin-bottom: 0
}

.business-tax-register-agreement .sectionHeader {
    border-bottom: solid 5px #606366;
    font-size: 18px;
    font-style: normal;
    text-align: left;
    padding-bottom: 10px;
    padding-top: 15px
}

.business-tax-register-agreement+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.business-tax-register-agreement+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.business-tax-register-agreement+.action-bar .primary:only-child {
    margin-left: auto
}

.business-tax-register-agreement+.action-bar .secondary {
    order: 3
}

.business-tax-register-agreement+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.business-tax-register-agreement+.action-bar .tertiary:focus,
.business-tax-register-agreement+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.business-tax-register-agreement+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.business-tax-register-agreement+.action-bar .quaternary~.tertiary {
    margin: 0
}

.business-tax-register-agreement+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.business-tax-register-agreement+.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.business-tax-register-agreement+.action-bar .secondary:focus,
.business-tax-register-agreement+.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.business-tax-register-enrollment ul {
    padding-top: 10px
}

.business-tax-register-enrollment ul li:last-child {
    padding-bottom: 20px
}

.business-tax-register-enrollment ul li.field-hint .ui-set-field .ui-partial-label,
.business-tax-register-enrollment ul li.field-hint .ui-set-select .ui-partial-label {
    padding-top: 0
}

.business-tax-register-enrollment ul li.field-hint .ui-set-field .ui-partial-label span,
.business-tax-register-enrollment ul li.field-hint .ui-set-select .ui-partial-label span {
    display: inline-block;
    font-size: 12px
}

.business-tax-register-enrollment ul li .information {
    font-size: 12px;
    width: inherit
}

.business-tax-register-enrollment ul li .information p:first-child {
    margin-top: 0
}

.business-tax-register-enrollment ul li .input-box .ui-group .ui-textbox {
    width: 380px
}

.business-tax-register-enrollment ul li .ui-set-phone-number .ui-set-textbox .ui-textbox,
.business-tax-register-enrollment ul li .ui-set-select .ui-group .ui-select {
    width: 220px
}

.business-tax-register-enrollment ul li .ui-set-field .ui-partial-label p:first-child {
    display: inline
}

.business-tax-register-enrollment ul li .ui-set-select {
    padding: 38px 0 50px
}

.business-tax-register-enrollment+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.business-tax-register-enrollment+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.business-tax-register-enrollment+.action-bar .primary:only-child {
    margin-left: auto
}

.business-tax-register-enrollment+.action-bar .secondary {
    order: 3
}

.business-tax-register-enrollment+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.business-tax-register-enrollment+.action-bar .tertiary:focus,
.business-tax-register-enrollment+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.business-tax-register-enrollment+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.business-tax-register-enrollment+.action-bar .quaternary~.tertiary {
    margin: 0
}

.business-tax-register-enrollment+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.business-tax-register-enrollment+.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.business-tax-register-enrollment+.action-bar .secondary:focus,
.business-tax-register-enrollment+.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.business-tax-register-confirmation .pair section ul li>div:first-of-type {
    width: 230px
}

.business-tax-register-confirmation .pair section ul li>div:last-child {
    width: calc(100% - (230px + 15px))
}

.business-tax-register-confirmation .label-style {
    color: #666;
    font-size: 13px
}

.business-tax-register-confirmation .label-style .label-content {
    color: #333
}

.business-tax-register-confirmation+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.business-tax-register-confirmation+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.business-tax-register-confirmation+.action-bar .primary:only-child {
    margin-left: auto
}

.business-tax-register-confirmation+.action-bar .secondary {
    order: 3
}

.business-tax-register-confirmation+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.business-tax-register-confirmation+.action-bar .tertiary:focus,
.business-tax-register-confirmation+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.business-tax-register-confirmation+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.business-tax-register-confirmation+.action-bar .quaternary~.tertiary {
    margin: 0
}

.business-tax-register-confirmation+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.business-tax-register-confirmation+.action-bar .secondary {
    margin: 0 0 0 auto
}

.business-tax-landing+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.business-tax-landing+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.business-tax-landing+.action-bar .primary:only-child {
    margin-left: auto
}

.business-tax-landing+.action-bar .secondary {
    order: 3
}

.business-tax-landing+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.business-tax-landing+.action-bar .tertiary:focus,
.business-tax-landing+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.business-tax-landing+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.business-tax-landing+.action-bar .quaternary~.tertiary {
    margin: 0
}

.business-tax-landing+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.business-tax-landing+.action-bar .secondary {
    margin: 0 0 0 auto
}

.business-tax-information .bold {
    font-weight: 700
}

.business-tax-information .collapsibleSection {
    padding-bottom: 10px;
    padding-top: 40px
}

.business-tax-information .collapsibleSection .ui-title {
    font-size: 18px
}

.business-tax-information .collapsibleSection .subHeader {
    font-family: Arial;
    font-size: 12px
}

.business-tax-information .sectionContent {
    padding-top: 20px
}

.business-tax-information .sectionContent .subsequentPara,
.business-tax-information .sectionContent:first-child {
    padding-top: 10px
}

.business-tax-information .sectionContent ol li,
.business-tax-information .sectionContent ul li {
    background: linear-gradient(to right, #383B3E, #383B3E);
    background-position: 0 8px;
    background-size: 3px 3px;
    background-repeat: no-repeat;
    margin: 0 0 15px;
    padding-left: 13px
}

.business-tax-information .sectionContent ol li:last-child,
.business-tax-information .sectionContent ul li:last-child {
    margin-bottom: 0
}

.business-tax-information .sectionContent ol {
    margin-left: 0
}

.business-tax-information .sectionContent ol li {
    background: 0 0;
    padding-left: 0
}

.business-tax-information+.action-bar .secondary,
.business-tax-information+.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.business-tax-information .sectionContent p {
    margin: 0
}

.business-tax-information .sectionContent .subSection {
    padding-bottom: 20px
}

.business-tax-information .sectionContent .subSection .subHeader {
    font-weight: 700;
    padding-bottom: 15px
}

.business-tax-information .sectionContent ul {
    list-style-type: none
}

.business-tax-information .sectionHeader {
    font-family: Arial;
    border-bottom: solid 3px #BBBCBC;
    font-size: 18px;
    padding-bottom: 10px;
    padding-top: 40px
}

.business-tax-information .sectionHeader:first-child {
    padding-top: 15px
}

.business-tax-information+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.business-tax-information+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.business-tax-information+.action-bar .primary:only-child {
    margin-left: auto
}

.business-tax-information+.action-bar .secondary {
    order: 3
}

.business-tax-information+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.business-tax-information+.action-bar .tertiary:focus,
.business-tax-information+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.business-tax-information+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.business-tax-information+.action-bar .quaternary~.tertiary {
    margin: 0
}

.business-tax-information+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.business-tax-information+.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.business-tax-information+.action-bar .secondary:focus,
.business-tax-information+.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.link-accounts-link-verification .ui-wrapper .ui-body,
.link-accounts-unlink-verification .ui-wrapper .ui-body {
    padding-top: 20px
}

.link-accounts-link-verification .header h1,
.link-accounts-unlink-verification .header h1 {
    display: inline-block;
    float: left
}

.link-accounts-link-verification .toolbox-global,
.link-accounts-unlink-verification .toolbox-global {
    display: inline-block;
    float: right
}

.link-accounts-link-verification .toolbox-global:after,
.link-accounts-unlink-verification .toolbox-global:after {
    clear: both
}

.link-accounts-link-verification .dialog-content .instructions.row,
.link-accounts-unlink-verification .dialog-content .instructions.row {
    margin: 10px 0 25px
}

.link-accounts-link-verification div.ui-body.ui-body::after,
.link-accounts-link-verification div.ui-body.ui-body::before,
.link-accounts-unlink-verification div.ui-body.ui-body::after,
.link-accounts-unlink-verification div.ui-body.ui-body::before {
    height: 0
}

.dialog-content {
    padding-bottom: 10px
}

.dialog-content .pair section li {
    padding-top: 17px
}

.link-accounts-unlink-details .table-shadow.unlink-account tr.selected,
.link-accounts-unlink-verification .table-shadow.unlink-account tr.selected {
    background-color: #EDF7FA
}

@media print {
    .dialog-modal.wide .ui-dialog>.ui-wrapper {
        margin-left: 0
    }

    .dialog-opened .app-post-signon header {
        border-bottom: 1px solid #000
    }

    .toolbox-global {
        display: none;
        visibility: hidden
    }
}

.link-accounts-link-confirmation .instructions h2,
.link-accounts-unlink-confirmation .instructions h2 {
    background: url(img/uikit/ui-alert-success.png) 0 5px no-repeat;
    background-size: 24px 24px;
    font-size: 18px;
    padding-left: 35px
}

.link-accounts-link-confirmation .action-bar .tertiary,
.link-accounts-link-verification .ui-dialog .action-bar .secondary,
.link-accounts-link-verification .ui-dialog .action-bar .tertiary,
.link-accounts-unlink-confirmation .action-bar .tertiary,
.link-accounts-unlink-details .action-bar .secondary,
.link-accounts-unlink-details .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.link-accounts-link-confirmation div .table-shadow.link-account,
.link-accounts-unlink-confirmation div .table-shadow.link-account {
    margin-bottom: 40px
}

.link-accounts-link-confirmation div .table-shadow.unlink-account,
.link-accounts-unlink-confirmation div .table-shadow.unlink-account {
    margin-bottom: 0
}

.link-accounts-link-confirmation .bank-card-information,
.link-accounts-unlink-confirmation .bank-card-information {
    padding-top: 25px
}

.link-accounts-link-confirmation .action-bar,
.link-accounts-unlink-confirmation .action-bar {
    align-items: center;
    display: flex;
    text-align: unset;
    border-top: none;
    margin-top: -40px
}

.link-accounts-link-confirmation .action-bar .primary,
.link-accounts-unlink-confirmation .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.link-accounts-link-confirmation .action-bar .primary:only-child,
.link-accounts-unlink-confirmation .action-bar .primary:only-child {
    margin-left: auto
}

.link-accounts-link-confirmation .action-bar .secondary,
.link-accounts-unlink-confirmation .action-bar .secondary {
    order: 3
}

.link-accounts-link-confirmation .action-bar .tertiary,
.link-accounts-unlink-confirmation .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.link-accounts-link-confirmation .action-bar .tertiary:focus,
.link-accounts-link-confirmation .action-bar .tertiary:hover,
.link-accounts-unlink-confirmation .action-bar .tertiary:focus,
.link-accounts-unlink-confirmation .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.link-accounts-link-confirmation .action-bar .quaternary,
.link-accounts-unlink-confirmation .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.link-accounts-link-confirmation .action-bar .quaternary~.tertiary,
.link-accounts-unlink-confirmation .action-bar .quaternary~.tertiary {
    margin: 0
}

.link-accounts-link-confirmation .action-bar .quaternary~.tertiary:before,
.link-accounts-unlink-confirmation .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.link-accounts-link-confirmation .action-bar .secondary,
.link-accounts-unlink-confirmation .action-bar .secondary {
    margin: 0 0 0 auto
}

.link-accounts-unlink-details .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.link-accounts-unlink-details .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.link-accounts-unlink-details .action-bar .primary:only-child {
    margin-left: auto
}

.link-accounts-unlink-details .action-bar .secondary {
    order: 3
}

.link-accounts-unlink-details .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.link-accounts-unlink-details .action-bar .tertiary:focus,
.link-accounts-unlink-details .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.link-accounts-unlink-details .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.link-accounts-unlink-details .action-bar .quaternary~.tertiary {
    margin: 0
}

.link-accounts-unlink-details .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.link-accounts-unlink-details .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.link-accounts-unlink-details .action-bar .secondary:focus,
.link-accounts-unlink-details .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.link-accounts-unlink-confirmation .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.link-accounts-unlink-confirmation .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.link-accounts-unlink-confirmation .action-bar .primary:only-child {
    margin-left: auto
}

.link-accounts-unlink-confirmation .action-bar .secondary {
    order: 3
}

.link-accounts-unlink-confirmation .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.link-accounts-unlink-confirmation .action-bar .tertiary:focus,
.link-accounts-unlink-confirmation .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.link-accounts-unlink-confirmation .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.link-accounts-unlink-confirmation .action-bar .quaternary~.tertiary {
    margin: 0
}

.link-accounts-unlink-confirmation .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.link-accounts-unlink-confirmation .action-bar .secondary {
    margin: 0 0 0 auto
}

.link-accounts-unlink-confirmation .successful .message-success .ui-text {
    color: #383B3E;
    font-family: WhitneyBookRegular
}

.link-accounts-link-verification .ui-dialog .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.link-accounts-link-verification .ui-dialog .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.link-accounts-link-verification .ui-dialog .action-bar .primary:only-child {
    margin-left: auto
}

.link-accounts-link-verification .ui-dialog .action-bar .tertiary {
    color: #383B3E
}

.link-accounts-link-verification .ui-dialog .action-bar .tertiary:focus,
.link-accounts-link-verification .ui-dialog .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.link-accounts-link-verification .ui-dialog .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.link-accounts-link-verification .ui-dialog .action-bar .quaternary~.tertiary {
    margin: 0
}

.link-accounts-link-verification .ui-dialog .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.link-accounts-link-verification .ui-dialog .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.link-accounts-link-verification .ui-dialog .action-bar .secondary:focus,
.link-accounts-link-verification .ui-dialog .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.link-accounts-link-verification .ui-dialog .action-bar .tertiary {
    background: 0 0;
    border: inherit;
    margin: 0;
    order: 2
}

.pair .table-shadow.link-account {
    margin-bottom: 20px
}

.pair .table-shadow.link-account thead tr th {
    font-weight: 700;
    padding-left: 15px;
    padding-right: 0
}

.pair .table-shadow.link-account thead tr th:last-child {
    padding-right: 15px
}

.pair .table-shadow.link-account td.account {
    padding-left: 15px
}

.pair .table-shadow.link-account tbody tr:last-child td {
    border-bottom: 1px solid #BBBCBC
}

.pair .table-shadow.link-account .slot {
    box-sizing: border-box;
    width: 215px
}

.bank-card-information {
    font-size: 13px;
    font-weight: 700;
    padding-bottom: 40px
}

.recommended-slot-row {
    background-color: #EDF7FA
}

.recommended-slot-row .recommended-slot {
    font-style: italic;
    font-weight: 700;
    text-align: right
}

.recommended-slot-row .recommended-slot div {
    position: relative
}

.recommended-slot-row .recommended-slot div:before {
    background: url(img/icon_star.png) center left no-repeat;
    background-size: 18px 16px;
    content: "";
    display: inline-block;
    height: 16px;
    margin: 0 10px -3px 0;
    width: 18px
}

.cheque-orders-details ul {
    padding-bottom: 5px
}

.cheque-orders-details ul li div span {
    display: block
}

.cheque-orders-details .pair>section .ui-partial-field-hint li {
    background: linear-gradient(to right, #666, #666);
    background-position: 0 8px;
    background-size: 3px 3px;
    background-repeat: no-repeat;
    margin: 5px 0;
    padding: 0 0 0 13px;
    border: none
}

.cheque-orders-details+.action-bar .secondary,
.cheque-orders-details+.action-bar .tertiary,
.stop-payments-new-confirmation+.action-bar .tertiary,
.stop-payments-new-details+.action-bar .secondary,
.stop-payments-new-details+.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.cheque-orders-details+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.cheque-orders-details+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.cheque-orders-details+.action-bar .primary:only-child {
    margin-left: auto
}

.cheque-orders-details+.action-bar .secondary {
    order: 3
}

.cheque-orders-details+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.cheque-orders-details+.action-bar .tertiary:focus,
.cheque-orders-details+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.cheque-orders-details+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.cheque-orders-details+.action-bar .quaternary~.tertiary {
    margin: 0
}

.cheque-orders-details+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.cheque-orders-details+.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.cheque-orders-details+.action-bar .secondary:focus,
.cheque-orders-details+.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.cheque-orders-details .ui-button.ui-display-link .ui-wrapper {
    padding-bottom: 1px;
    color: #C41F3E
}

.cheque-orders-details .info-alert {
    margin-bottom: 36px
}

.cheque-orders-details .info-alert .void-cheque-instruction {
    font-size: 13px;
    color: #666;
    float: left;
    width: 91%;
    margin-left: 14px
}

.cheque-orders-details .info-alert .ui-icon.void-cheque-info-icon {
    width: 29px;
    height: 26px;
    padding: 0
}

.cheque-orders-details .info-alert .clearfix {
    clear: both
}

.stop-payments-new-details .form-terms-and-conditions {
    margin-top: 10px
}

.stop-payments-new-details .group {
    margin-left: 21px
}

.stop-payments-new-details .section-header:first-child {
    padding-top: 25px
}

.stop-payments-new-details .info-fee-section {
    padding-top: 20px
}

.stop-payments-new-details ul li .ui-set-select .ui-partial-label,
.stop-payments-new-details ul li .ui-set-textbox .ui-partial-label {
    padding-right: 35px;
    width: 160px
}

.stop-payments-new-details .ui-group-radiobutton {
    color: #606366
}

.stop-payments-new-details .ui-group-radiobutton .ui-set-radiobutton:not(:first-child) {
    margin-top: 30px
}

.stop-payments-new-details .ui-group-radiobutton .ui-set-radiobutton span {
    vertical-align: sub
}

.stop-payments-new-details .ui-group-radiobutton .ui-set-radiobutton .ui-set-textbox {
    margin-top: 10px
}

.stop-payments-new-details .ui-group-radiobutton .ui-set-radiobutton .ui-set-textbox .ui-set-field .ui-group {
    display: table-cell !important;
    padding-bottom: 10px
}

.stop-payments-new-details .ui-partial-label {
    margin-bottom: 10px
}

.stop-payments-new-details .ui-set-calendar-popover .ui-set-field>label {
    padding-top: 10px
}

.stop-payments-new-details .ui-set-calendar-popover .ui-set-field .ui-set-popover {
    margin-left: 6px
}

.stop-payments-new-details+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.stop-payments-new-details+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.stop-payments-new-details+.action-bar .primary:only-child {
    margin-left: auto
}

.stop-payments-new-details+.action-bar .secondary {
    order: 3
}

.stop-payments-new-details+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.stop-payments-new-details+.action-bar .tertiary:focus,
.stop-payments-new-details+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.stop-payments-new-details+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.stop-payments-new-details+.action-bar .quaternary~.tertiary {
    margin: 0
}

.stop-payments-new-details+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.stop-payments-new-details+.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.stop-payments-new-details+.action-bar .secondary:focus,
.stop-payments-new-details+.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

@media print {
    .stop-payments-new-details .ui-set-calendar-popover .ui-set-field .ui-group {
        width: 100%
    }

    .services-index .services-faqs {
        break-inside: avoid;
        page-break-inside: avoid
    }
}

.stop-payments-new-confirmation.pair .ui-set-field label:first-of-type {
    width: 230px;
    min-width: 230px
}

.stop-payments-new-confirmation .section-header {
    margin-bottom: 0;
    padding-top: 25px
}

.stop-payments-new-confirmation+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.stop-payments-new-confirmation+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.stop-payments-new-confirmation+.action-bar .primary:only-child {
    margin-left: auto
}

.stop-payments-new-confirmation+.action-bar .secondary {
    order: 3
}

.stop-payments-new-confirmation+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.stop-payments-new-confirmation+.action-bar .tertiary:focus,
.stop-payments-new-confirmation+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.stop-payments-new-confirmation+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.stop-payments-new-confirmation+.action-bar .quaternary~.tertiary {
    margin: 0
}

.stop-payments-new-confirmation+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.stop-payments-new-confirmation+.action-bar .secondary {
    margin: 2px 0 0 auto
}

.merchant-services .instructions {
    margin-bottom: 0
}

.merchant-services .service-option>div {
    font-weight: 700;
    margin: 20px 0
}

.merchant-services .service-option ul li {
    background: url(img/bullet-square-black-small.png) 0 7px no-repeat;
    background-size: 4px;
    padding: 0 0 15px 10px
}

.merchant-services .service-option ul li:last-child {
    padding-bottom: 0
}

.services-index .cross-border-section {
    width: 350px;
    margin-left: 15px
}

.services-index .cross-border-section .header-section {
    border-bottom: none;
    border-top: 3px solid #BBBCBC;
    margin: 30px 0 0;
    padding: 10px 0 0
}

.services-index .cross-border-section .info-section p {
    margin: 0
}

.services-index .header-section {
    border-bottom: 3px solid #BBBCBC;
    line-height: 18px;
    margin-bottom: 0;
    padding: 30px 0 10px 15px;
    font-family: WhitneyMedium;
    font-size: 18px
}

.services-index .header-section a {
    font-size: 12px;
    font-family: Arial
}

.services-index .secondary-table {
    border-top: 3px solid #BBBCBC
}

.services-index .services-faqs {
    background-color: #EFEFEF;
    display: flex;
    padding: 30px 20px
}

.services-index .services-faqs .ask-question {
    padding-left: 20px;
    width: 245px
}

.services-index .services-faqs .ask-question>div {
    padding-bottom: 30px;
    padding-top: 38px
}

.services-index .services-faqs .ask-question .cta.cta-button {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    padding: 0 30px;
    text-decoration: none
}

.services-index .services-faqs .ask-question .cta.cta-button:focus,
.services-index .services-faqs .ask-question .cta.cta-button:hover {
    text-decoration: none
}

.services-index .services-faqs .faq-links {
    border-right: 1px solid #d6d6d6;
    padding-right: 20px;
    width: 455px
}

.services-index .services-faqs .faq-links h2 {
    color: #383B3E;
    font-family: WhitneyMedium;
    font-size: 18px;
    padding-bottom: 20px
}

.services-index .services-faqs .faq-links ul li {
    background: none;
    margin: 5px 0;
    padding-left: 0
}

.services-index .services-faqs .faq-links ul li>a {
    text-decoration: none;
    background: url(/index_files/icon-chevron-right.png) right center no-repeat;
    background-size: 18px;
    padding-right: 18px;
    display: inline
}

.services-index .services-faqs .faq-links ul li>a:focus,
.services-index .services-faqs .faq-links ul li>a:hover {
    text-decoration: underline
}

.services-index .services-faqs .more-question {
    float: right;
    padding-top: 10px
}

.services-index .table-section {
    padding-bottom: 30px
}

.services-index .table-section .table-shadow {
    margin-bottom: 0
}

.services-index .table-section .table-shadow .table-shadow-header {
    background-color: #F2F3F2;
    display: flex;
    margin-bottom: 15px
}

.services-index .table-section .table-shadow .table-shadow-header h3 {
    font: 16px WhitneyMedium;
    font-weight: 700;
    padding: 15px
}

.services-index .table-section .table-shadow .table-shadow-header li {
    align-items: center;
    border-top: 1px solid #BBBCBC;
    display: flex;
    height: 32px;
    vertical-align: middle;
    width: 50%
}

.services-index .table-section .table-shadow .table-shadow-header li h3 {
    font-size: 14px;
    font-family: Arial
}

.services-index .table-section .table-shadow .table-shadow-header li:first-child {
    padding-left: 15px
}

.services-index .table-section .table-shadow .table-shadow-header li:not(:only-child):last-child {
    padding-left: 27px
}

.services-index .table-section .table-shadow .table-shadow-columns {
    display: flex
}

.services-index .table-section .table-shadow .table-shadow-columns ul {
    margin-left: 15px
}

.services-index .table-section .table-shadow .table-shadow-columns ul li>a {
    text-decoration: none;
    background: url(/index_files/icon-chevron-right.png) right center no-repeat;
    background-size: 18px;
    padding-right: 18px;
    display: inline
}

.services-index .table-section .table-shadow .table-shadow-columns ul li>a:focus,
.services-index .table-section .table-shadow .table-shadow-columns ul li>a:hover {
    text-decoration: underline
}

.services-index .table-section .table-shadow .table-shadow-columns li:not(:only-child) {
    border-bottom: 1px solid #BBBCBC;
    padding: 15px 0;
    width: 350px
}

.services-index .table-section .table-shadow .table-shadow-columns li:not(:only-child):first-child {
    padding-top: 0
}

.services-index .table-section .table-shadow .table-shadow-columns li:not(:only-child) span.feature-badge {
    background-color: #C41F3E;
    border-radius: 3px;
    color: #FFF;
    padding: 1px 5px
}

.services-index .table-section .table-shadow .table-shadow-columns .first-column,
.services-index .table-section .table-shadow .table-shadow-columns .second-column {
    width: 50%
}

.services-index .table-section .table-shadow .table-shadow-columns .first-column ul li:last-child,
.services-index .table-section .table-shadow .table-shadow-columns .second-column ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 15px
}

.abandon-olb .ui-dialog .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.abandon-olb .ui-dialog .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.abandon-olb .ui-dialog .action-bar .primary:only-child {
    margin-left: auto
}

.abandon-olb .ui-dialog .action-bar .secondary {
    order: 3
}

.abandon-olb .ui-dialog .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.abandon-olb .ui-dialog .action-bar .tertiary:focus,
.abandon-olb .ui-dialog .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.abandon-olb .ui-dialog .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.abandon-olb .ui-dialog .action-bar .quaternary~.tertiary {
    margin: 0
}

.abandon-olb .ui-dialog .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.abandon-olb .ui-dialog .action-bar .secondary {
    margin: 2px 0 0 auto
}

.feature-badge {
    background-color: #C41F3E;
    border-radius: 3px;
    color: #FFF;
    padding: 1px 5px
}

.accounts-index .right-rail .related-links ul a {
    padding: 0 18px 0 0
}

.accounts-index .covidBanner {
    border-radius: 8px;
    border: 1px solid #11608A;
    background: #F8FBFD;
    font-size: 14px;
    margin-bottom: 16px;
    margin-top: 16px;
    padding: 8px
}

.accounts-index .covidBanner a {
    text-decoration: none;
    background: url(/index_files/icon-chevron-right.png) right center no-repeat;
    background-size: 18px;
    padding-right: 18px;
    display: inline
}

.accounts-index .covidBanner a:focus,
.accounts-index .covidBanner a:hover {
    color: #C41F3E;
    text-decoration: underline
}

.accounts-index .covidBanner p {
    margin-bottom: 8px;
    margin-top: 8px
}

.accounts-index .covidBanner h2 {
    font-size: 16px;
    font-family: WhitneyMedium
}

.accounts-index .chart-toggle {
    font-weight: 400
}

.accounts-index .chart-toggle .non-active .ui-button {
    color: #383B3E;
    padding-right: 3px;
    text-decoration: underline
}

.accounts-index .chart-toggle .non-active .ui-button:focus,
.accounts-index .chart-toggle .non-active .ui-button:hover {
    color: #C41F3E
}

.accounts-index .chart-toggle .list-view:after {
    content: '|';
    color: #ccc;
    font-weight: 400;
    margin-right: 6px;
    margin-left: 6px
}

.accounts-index .chart-toggle .active .ui-button {
    color: #383B3E;
    font-weight: 700
}

.accounts-index .chart-toggle .active .ui-button:focus,
.accounts-index .chart-toggle .active .ui-button:hover {
    color: #C41F3E;
    text-decoration: underline
}

.accounts-index .chart-toggle span {
    font-weight: 400;
    margin-left: 5px
}

.accounts-index .chart-toggle span:last-of-type {
    margin-left: 0
}

.accounts-index .panels {
    border: 0;
    height: 100%;
    min-height: 70px
}

.accounts-index .panels .panel {
    border: 0;
    border-right: 1px solid #BBBCBC;
    width: 134px;
    cursor: pointer
}

.accounts-index .panels .panel .container>div[tabindex]:focus,
.accounts-index .panels .panel .container>div[tabindex]:hover {
    background-color: #F2F3F2;
    outline: #000 dotted 1px;
    outline: -webkit-focus-ring-color auto 5px
}

.accounts-index .panels .panel .container>div[tabindex]:focus+.tooltip,
.accounts-index .panels .panel .container>div[tabindex]:hover+.tooltip,
.is .page-header {
    background-color: #383B3E
}

.accounts-index .panels .panel .container>div[tabindex]:focus+.tooltip.hidden-text,
.accounts-index .panels .panel .container>div[tabindex]:hover+.tooltip.hidden-text {
    box-sizing: content-box;
    clip: auto;
    height: auto;
    left: 0;
    overflow: visible;
    pointer-events: none;
    width: 200px
}

.accounts-index .panels .panel .tooltip:lang(fr) {
    padding: 10px 12px;
    width: 206px
}

.accounts-index .panels .panel .tooltip {
    font-size: 12px
}

.accounts-index .panels .panel .tooltip .credit-balance-title {
    margin-top: 20px
}

.accounts-index .panels .panel .tooltip .tooltip-info {
    font-size: 10px;
    color: #FFF
}

.accounts-index .panels .panel .tooltip:before {
    border-bottom: 25px solid #383B3E
}

.accounts-index .panels .panel div {
    border-top-color: #ACACAC;
    height: 100%;
    min-height: 70px
}

.accounts-index .panels .panel div>a,
.accounts-index .panels .panel div>div {
    border: 0;
    text-decoration: none
}

.accounts-index .panels .panel .detail-container {
    bottom: 0;
    position: static;
    position: initial
}

.accounts-index .panels .panel .detail-container .category-name {
    bottom: 0;
    color: #383B3E;
    line-height: 15px;
    padding-top: 10px
}

.accounts-index .panels .panel .detail-container .category-name:focus,
.accounts-index .panels .panel .detail-container .category-name:hover {
    color: #C41F3E;
    text-decoration: underline
}

.accounts-index .panels .panel .detail-container .category-balance {
    top: 40px;
    color: #4D4D4D;
    font-size: 1.16667em;
    position: absolute
}

.accounts-index .panels .panel.cross-sell a {
    border: 0
}

.accounts-index .panels .panel.cross-sell a span {
    background: url(img/icon-plus.png) 50% 0 no-repeat;
    background-size: 20px;
    margin: 10px auto 0;
    padding-top: 25px
}

.accounts-index .panels .panel.cross-sell a:focus,
.accounts-index .panels .panel.cross-sell a:hover {
    color: #383B3E
}

.accounts-index .panels .panel.cross-sell a:focus span:focus,
.accounts-index .panels .panel.cross-sell a:focus span:hover,
.accounts-index .panels .panel.cross-sell a:hover span:focus,
.accounts-index .panels .panel.cross-sell a:hover span:hover {
    color: #C41F3E;
    text-decoration: underline
}

.accounts-index .panels .panel:last-child {
    border-right: 0
}

.accounts-index .panels.emptyPanels {
    display: none
}

.accounts-index .summary .head th {
    height: 12px;
    line-height: 26px
}

.accounts-index .summary .head th.account {
    width: 260px
}

.accounts-index .summary .head thead {
    background: 0 0;
    border-radius: 5px 5px 0 0;
    color: #383B3E;
    font-size: 12px;
    padding-bottom: 0
}

.accounts-index .summary .head thead .available-funds,
.accounts-index .summary .head thead .balance {
    color: #383B3E;
    font-weight: 700;
    font-size: 11px
}

.accounts-index .summary .head thead .available-funds,
.accounts-index .summary .head thead balance {
    padding-left: 0;
    padding-right: 10px
}

.accounts-index .summary .head thead .ui-button {
    min-height: inherit
}

.accounts-index .summary .head thead ui-button.ui-set-popover {
    padding-left: 5px
}

.accounts-index .summary .head thead ui-button.ui-display-help {
    top: 0;
    vertical-align: text-bottom
}

.accounts-index .summary .head thead ui-button.ui-popover-button {
    margin: 0;
    padding-left: 0
}

.accounts-index .summary .head thead .ui-wrapper {
    bottom: 10px
}

.accounts-index .summary table {
    margin-bottom: 0
}

.accounts-index .summary table tbody tr.group-ad:only-child td {
    border-bottom: none
}

.accounts-index .summary .group-header {
    background-color: #F2F3F2;
    border-bottom: 1px solid #BBBCBC;
    border-top: 3px solid;
    display: table;
    min-height: 32px;
    padding: 5px 10px 3px;
    width: 520px
}

.accounts-index .summary .group-header a:active,
.accounts-index .summary .group-header a:hover {
    text-decoration: underline
}

.accounts-index .summary .group-header .activate-card-link {
    font-size: 12px;
    font-weight: 400;
    padding-right: 0;
    text-align: right;
    vertical-align: middle;
    float: right;
    padding-top: 5px;
    text-decoration: none
}

.accounts-index .summary .group-header .activate-card-link .ac-img {
    height: 24px;
    width: 24px;
    padding-right: 5px;
    vertical-align: middle
}

.accounts-index .summary .group-header .header-content h2 {
    color: #383B3E;
    display: inline;
    font-family: WhitneyMedium;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding-left: 0
}

.accounts-index .summary .group-header .header-content h2>span:first-child {
    border-right: solid 1px #BBBCBC;
    padding-right: 10px
}

.accounts-index .summary .group-header .header-content .cross-sell-link {
    font-size: 12px
}

.accounts-index .summary .group-header .account .type {
    border-left: 4px solid transparent
}

.accounts-index .summary .group-header .drag-icon {
    float: none
}

.accounts-index .summary .group-header .drag-icon img {
    vertical-align: middle
}

.accounts-index .summary .group-header .drag-icon,
.accounts-index .summary .group-header .header-content {
    display: table-cell;
    vertical-align: middle
}

.accounts-index .summary .group-header .available-funds,
.accounts-index .summary .group-header .balance {
    font-weight: 400
}

.accounts-index .summary .summary .head .available-funds,
.accounts-index .summary .summary .head .balance,
.accounts-index .summary .summary .head .graph,
.accounts-index .summary tr .available-funds,
.accounts-index .summary tr .balance,
.accounts-index .summary tr .graph {
    width: 25%
}

.accounts-index .summary tr .available-funds,
.accounts-index .summary tr .balance {
    position: relative;
    vertical-align: top
}

.accounts-index .summary tr .available-funds .amount,
.accounts-index .summary tr .available-funds .dormant,
.accounts-index .summary tr .available-funds .negative,
.accounts-index .summary tr .balance .amount,
.accounts-index .summary tr .balance .dormant,
.accounts-index .summary tr .balance .negative {
    position: relative;
    top: 5px
}

.accounts-index .summary tr .available-funds .amount+.ui-display-help ui-button.ui-display-help,
.accounts-index .summary tr .available-funds .dormant+.ui-display-help ui-button.ui-display-help,
.accounts-index .summary tr .available-funds .negative+.ui-display-help ui-button.ui-display-help,
.accounts-index .summary tr .balance .amount+.ui-display-help ui-button.ui-display-help,
.accounts-index .summary tr .balance .dormant+.ui-display-help ui-button.ui-display-help,
.accounts-index .summary tr .balance .negative+.ui-display-help ui-button.ui-display-help {
    top: 6px
}

.accounts-index .summary tr .available-funds .amount,
.accounts-index .summary tr .balance .amount {
    font-weight: 400
}

.accounts-index .summary tr .balance {
    padding-left: 0 !important;
    padding-right: 10px
}

.accounts-index .summary tr .number {
    margin-top: 7px
}

.accounts-index .summary tr .account-quick-links {
    vertical-align: top;
    margin-top: 2px
}

.accounts-index .summary tr .account-quick-links .ui-popover-button {
    margin: 0
}

.accounts-index .summary tr .link-account {
    text-decoration: underline
}

.accounts-index .summary tbody tr td.account:first-child {
    padding-left: 10px
}

.accounts-index .summary tbody tr td.graph {
    padding: 5px 15px 15px;
    text-align: right;
    width: 94px
}

.accounts-index .summary tbody tr.hasLockedMessage td.account,
.accounts-index .summary tbody tr.hasRDCMessage td.account,
.accounts-index .summary tbody tr.hasRLSCMessage td.account,
.accounts-index .summary tbody tr.hasUnockedMessage td.account {
    padding-bottom: 0
}

.accounts-index .summary tbody tr.hasLockedMessage td.account div.type,
.accounts-index .summary tbody tr.hasRDCMessage td.account div.type,
.accounts-index .summary tbody tr.hasRLSCMessage td.account div.type,
.accounts-index .summary tbody tr.hasUnockedMessage td.account div.type {
    line-height: 17px
}

.accounts-index .summary tbody .account .type {
    border-left: 4px solid transparent;
    height: 100%;
    line-height: 100%;
    padding-left: 7px;
    position: relative
}

.accounts-index .summary tbody .account .type:before {
    border-radius: 5px;
    border: 3px solid #FFF;
    content: "";
    height: 100%;
    left: -7px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    width: 4px
}

.accounts-index .summary tbody .account .type h3 {
    font-size: 11px;
    padding-bottom: 8px
}

.accounts-index .summary tbody .account a.account-name {
    color: #C41F3E
}

.accounts-index .summary tbody .account .account-name {
    font-size: 15px;
    padding-right: 4px;
    line-height: 18px
}

.accounts-index .summary tbody .account .new-card-label {
    display: inline-block;
    background-color: #C41F3E;
    text-align: center;
    border-radius: 4px;
    padding: 5px 5px 3px;
    margin-left: 8px;
    height: 14px;
    color: #FFF;
    font-size: 13px
}

.accounts-index .summary tbody .account .savings-goal {
    padding-left: 11px
}

.accounts-index .summary tbody .account .savings-goal .details-link {
    display: inline-block;
    line-height: 10px;
    margin-left: 10px;
    top: 3px;
    vertical-align: top
}

.accounts-index .summary tbody .account .savings-goal .goal-details {
    margin-bottom: 4px;
    margin-top: 20px
}

.accounts-index .summary tbody .account .savings-goal .goal-details .goal-amount {
    font-weight: 700
}

.accounts-index .summary tbody .account .savings-goal .goal-progress-bar {
    display: inline-block;
    height: 10px;
    width: 180px
}

.accounts-index .summary tbody .account .savings-goal .goal-progress-bar .progress-bar {
    height: 10px;
    margin-bottom: 0
}

.accounts-index .summary tbody .account .savings-goal .goal-progress-bar .progress-bar .progress-bar-indicator {
    top: -16px;
    height: 15px
}

.accounts-index .summary tbody .account .savings-goal .goal-progress-bar .progress-bar .progress-bar-value {
    height: 10px
}

.accounts-index .summary tbody .hasLockedMessage .account .type:before,
.accounts-index .summary tbody .hasRLSCMessage .account .type:before,
.accounts-index .summary tbody .hasUnockedMessage .account .type:before {
    border-radius: 5px 5px 0 0;
    border-bottom: none
}

.accounts-index .summary tbody .credit-card-status td>div {
    position: relative
}

.accounts-index .summary tbody .credit-card-status td>div:before {
    border: 3px solid #FFF;
    content: "";
    height: 100%;
    left: -7px;
    overflow: hidden;
    position: absolute;
    width: 4px;
    border-radius: 0 0 5px 5px;
    border-top: none;
    top: 0
}

.accounts-index .summary tbody .available-funds,
.accounts-index .summary tbody .balance {
    color: #606366;
    font-size: 13px;
    line-height: 23px;
    padding-right: 10px;
    padding-left: 0 !important
}

.accounts-index .summary tbody .available-funds .ui-display-help,
.accounts-index .summary tbody .balance .ui-display-help {
    font-size: 12px
}

.accounts-index .summary tbody tr:last-child td,
.accounts-index .summary tbody tr:only-child td {
    padding-bottom: 30px
}

.accounts-index .summary tbody td .ui-popover-button {
    vertical-align: top
}

.accounts-index .summary tbody td .ui-popover-button.ui-display-help {
    top: -1px;
    vertical-align: text-bottom
}

.accounts-index .summary tbody td .ui-popover-content ul {
    list-style-type: none;
    margin: 5px 0
}

.accounts-index .summary tbody td .ui-popover-content ul li {
    background: 0 0;
    padding-left: 0
}

.accounts-index .summary tbody td .ui-popover-content ul li a:after {
    border-bottom: solid 4px transparent;
    border-left: solid 5px #C41F3E;
    border-top: solid 4px transparent;
    content: '';
    font-size: 0;
    line-height: 0;
    margin: 0 0 0 5px;
    vertical-align: middle
}

.accounts-index .summary tbody td .ui-popover-content ul li a:not(:hover) {
    text-decoration: none
}

.accounts-index .summary .number {
    color: #606366;
    line-height: 100%
}

@media print {
    .accounts-index .user-info {
        padding: 22px 0 33px
    }

    .accounts-index .right-rail {
        display: block;
        margin-left: 0;
        width: auto
    }

    .accounts-index .right-rail .rotating-promo,
    .accounts-index .right-rail div[role=group] {
        display: none
    }

    .accounts-index .right-rail .customer-services {
        display: block;
        border: none;
        line-height: 2px;
        padding: 0;
        position: absolute;
        right: 0;
        text-align: right;
        top: -50px
    }

    .accounts-index .right-rail .customer-services .details .pair li label,
    .accounts-index .right-rail .customer-services .header,
    .accounts-index .right-rail .customer-services header {
        display: none
    }

    .accounts-index .right-rail .customer-services .details {
        margin: 0
    }

    .accounts-index .right-rail .customer-services .details .pair li {
        font-size: 14px;
        margin-bottom: 0;
        padding-top: 16px
    }

    .accounts-index .right-rail .customer-services .details span.city-province,
    .accounts-index .right-rail .customer-services .details span.postal-code,
    .accounts-index .right-rail .customer-services .details span.street {
        display: inline-block
    }

    .accounts-index .right-rail .customer-services .details span.email {
        display: block;
        line-height: 34px
    }

    .accounts-index .right-rail .customer-services .details.hide {
        display: block
    }

    .accounts-index .right-rail .customer-services .contact-info {
        border-top: none;
        margin-top: 0;
        padding-top: 0
    }

    .accounts-index .panels .panel {
        width: 174px
    }

    .accounts-index .summary .draggable .group-header {
        display: block;
        width: 100%
    }

    .accounts-index .cross-sell-link,
    .accounts-index .summary .draggable .drag-icon,
    .accounts-index .summary .head thead .ui-display-help,
    .accounts-index .summary .ui-display-account-links {
        display: none
    }

    .accounts-index .summary .head thead .available-funds,
    .accounts-index .summary .head thead .balance,
    .accounts-index .summary tr .available-funds,
    .accounts-index .summary tr .balance {
        font-size: 16px
    }
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table,
.accounts-disas-index .table-shadow,
.accounts-gics .holdings-list table,
.accounts-gics .transactions table,
.accounts-resps-index .gic-holdings,
.accounts-resps-index .mutual-fund-holdings,
.accounts-resps-index .row .table-shadow,
.accounts-tasas-index .table-shadow,
.customize-rates-fields-table,
.gics-holdings .holdings-list .table-shadow,
.gics-transactions .transactions .non-registered,
.gics-transactions .transactions .registered,
.link-accounts-unlink-details .table-shadow.unlink-account,
.link-accounts-unlink-verification .table-shadow.unlink-account,
.mutual-fund-details .row .table-shadow,
.mutual-funds-holdings>.transactions .transaction-list table,
.mutual-funds-holdings>.transactions table,
.resps-holdings .table-shadow {
    box-sizing: border-box;
    margin-bottom: 30px
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table caption,
.accounts-disas-index .table-shadow caption,
.accounts-gics .holdings-list table caption,
.accounts-gics .transactions table caption,
.accounts-resps-index .gic-holdings caption,
.accounts-resps-index .mutual-fund-holdings caption,
.accounts-resps-index .row .table-shadow caption,
.accounts-tasas-index .table-shadow caption,
.customize-rates-fields-table caption,
.gics-holdings .holdings-list .table-shadow caption,
.gics-transactions .transactions .non-registered caption,
.gics-transactions .transactions .registered caption,
.link-accounts-unlink-details .table-shadow.unlink-account caption,
.link-accounts-unlink-verification .table-shadow.unlink-account caption,
.mutual-fund-details .row .table-shadow caption,
.mutual-funds-holdings>.transactions .transaction-list table caption,
.mutual-funds-holdings>.transactions table caption,
.resps-holdings .table-shadow caption {
    background: #FFF;
    border-bottom: 3px solid #606366;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 14px;
    padding: 8px 0 8px 15px;
    text-align: left
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table th,
.accounts-disas-index .table-shadow th,
.accounts-gics .holdings-list table th,
.accounts-gics .transactions table th,
.accounts-resps-index .gic-holdings th,
.accounts-resps-index .mutual-fund-holdings th,
.accounts-resps-index .row .table-shadow th,
.accounts-tasas-index .table-shadow th,
.customize-rates-fields-table th,
.gics-holdings .holdings-list .table-shadow th,
.gics-transactions .transactions .non-registered th,
.gics-transactions .transactions .registered th,
.link-accounts-unlink-details .table-shadow.unlink-account th,
.link-accounts-unlink-verification .table-shadow.unlink-account th,
.mutual-fund-details .row .table-shadow th,
.mutual-funds-holdings>.transactions .transaction-list table th,
.mutual-funds-holdings>.transactions table th,
.resps-holdings .table-shadow th {
    background-color: #F4F4F4;
    font-size: 11px;
    height: auto;
    line-height: 100%
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table td:first-child,
.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table th:first-child,
.accounts-disas-index .table-shadow td:first-child,
.accounts-disas-index .table-shadow th:first-child,
.accounts-gics .holdings-list table td:first-child,
.accounts-gics .holdings-list table th:first-child,
.accounts-gics .transactions table td:first-child,
.accounts-gics .transactions table th:first-child,
.accounts-resps-index .gic-holdings td:first-child,
.accounts-resps-index .gic-holdings th:first-child,
.accounts-resps-index .mutual-fund-holdings td:first-child,
.accounts-resps-index .mutual-fund-holdings th:first-child,
.accounts-resps-index .row .table-shadow td:first-child,
.accounts-resps-index .row .table-shadow th:first-child,
.accounts-tasas-index .table-shadow td:first-child,
.accounts-tasas-index .table-shadow th:first-child,
.customize-rates-fields-table td:first-child,
.customize-rates-fields-table th:first-child,
.gics-holdings .holdings-list .table-shadow td:first-child,
.gics-holdings .holdings-list .table-shadow th:first-child,
.gics-transactions .transactions .non-registered td:first-child,
.gics-transactions .transactions .non-registered th:first-child,
.gics-transactions .transactions .registered td:first-child,
.gics-transactions .transactions .registered th:first-child,
.link-accounts-unlink-details .table-shadow.unlink-account td:first-child,
.link-accounts-unlink-details .table-shadow.unlink-account th:first-child,
.link-accounts-unlink-verification .table-shadow.unlink-account td:first-child,
.link-accounts-unlink-verification .table-shadow.unlink-account th:first-child,
.mutual-fund-details .row .table-shadow td:first-child,
.mutual-fund-details .row .table-shadow th:first-child,
.mutual-funds-holdings>.transactions table td:first-child,
.mutual-funds-holdings>.transactions table th:first-child,
.resps-holdings .table-shadow td:first-child,
.resps-holdings .table-shadow th:first-child {
    padding: 15px
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table td:not(:first-of-type),
.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table th:not(:first-of-type),
.accounts-disas-index .table-shadow td:not(:first-of-type),
.accounts-disas-index .table-shadow th:not(:first-of-type),
.accounts-gics .holdings-list table td:not(:first-of-type),
.accounts-gics .holdings-list table th:not(:first-of-type),
.accounts-gics .transactions table td:not(:first-of-type),
.accounts-gics .transactions table th:not(:first-of-type),
.accounts-resps-index .gic-holdings td:not(:first-of-type),
.accounts-resps-index .gic-holdings th:not(:first-of-type),
.accounts-resps-index .mutual-fund-holdings td:not(:first-of-type),
.accounts-resps-index .mutual-fund-holdings th:not(:first-of-type),
.accounts-resps-index .row .table-shadow td:not(:first-of-type),
.accounts-resps-index .row .table-shadow th:not(:first-of-type),
.accounts-tasas-index .table-shadow td:not(:first-of-type),
.accounts-tasas-index .table-shadow th:not(:first-of-type),
.customize-rates-fields-table td:not(:first-of-type),
.customize-rates-fields-table th:not(:first-of-type),
.gics-holdings .holdings-list .table-shadow td:not(:first-of-type),
.gics-holdings .holdings-list .table-shadow th:not(:first-of-type),
.gics-transactions .transactions .non-registered td:not(:first-of-type),
.gics-transactions .transactions .non-registered th:not(:first-of-type),
.gics-transactions .transactions .registered td:not(:first-of-type),
.gics-transactions .transactions .registered th:not(:first-of-type),
.link-accounts-unlink-details .table-shadow.unlink-account td:not(:first-of-type),
.link-accounts-unlink-details .table-shadow.unlink-account th:not(:first-of-type),
.link-accounts-unlink-verification .table-shadow.unlink-account td:not(:first-of-type),
.link-accounts-unlink-verification .table-shadow.unlink-account th:not(:first-of-type),
.mutual-fund-details .row .table-shadow td:not(:first-of-type),
.mutual-fund-details .row .table-shadow th:not(:first-of-type),
.mutual-funds-holdings>.transactions table td:not(:first-of-type),
.mutual-funds-holdings>.transactions table th:not(:first-of-type),
.resps-holdings .table-shadow td:not(:first-of-type),
.resps-holdings .table-shadow th:not(:first-of-type) {
    padding: 15px 15px 15px 0
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table>tbody>tr:after,
.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table>tbody>tr:before,
.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table>thead>tr:after,
.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table>thead>tr:before,
.accounts-disas-index .table-shadow>tbody>tr:after,
.accounts-disas-index .table-shadow>tbody>tr:before,
.accounts-disas-index .table-shadow>thead>tr:after,
.accounts-disas-index .table-shadow>thead>tr:before,
.accounts-gics .holdings-list table>tbody>tr:after,
.accounts-gics .holdings-list table>tbody>tr:before,
.accounts-gics .holdings-list table>thead>tr:after,
.accounts-gics .holdings-list table>thead>tr:before,
.accounts-gics .transactions table>tbody>tr:after,
.accounts-gics .transactions table>tbody>tr:before,
.accounts-gics .transactions table>thead>tr:after,
.accounts-gics .transactions table>thead>tr:before,
.accounts-resps-index .gic-holdings>tbody>tr:after,
.accounts-resps-index .gic-holdings>tbody>tr:before,
.accounts-resps-index .gic-holdings>thead>tr:after,
.accounts-resps-index .gic-holdings>thead>tr:before,
.accounts-resps-index .mutual-fund-holdings>tbody>tr:after,
.accounts-resps-index .mutual-fund-holdings>tbody>tr:before,
.accounts-resps-index .mutual-fund-holdings>thead>tr:after,
.accounts-resps-index .mutual-fund-holdings>thead>tr:before,
.accounts-resps-index .row .table-shadow>tbody>tr:after,
.accounts-resps-index .row .table-shadow>tbody>tr:before,
.accounts-resps-index .row .table-shadow>thead>tr:after,
.accounts-resps-index .row .table-shadow>thead>tr:before,
.accounts-tasas-index .table-shadow>tbody>tr:after,
.accounts-tasas-index .table-shadow>tbody>tr:before,
.accounts-tasas-index .table-shadow>thead>tr:after,
.accounts-tasas-index .table-shadow>thead>tr:before,
.customize-rates-fields-table>tbody>tr:after,
.customize-rates-fields-table>tbody>tr:before,
.customize-rates-fields-table>thead>tr:after,
.customize-rates-fields-table>thead>tr:before,
.gics-holdings .holdings-list .table-shadow>tbody>tr:after,
.gics-holdings .holdings-list .table-shadow>tbody>tr:before,
.gics-holdings .holdings-list .table-shadow>thead>tr:after,
.gics-holdings .holdings-list .table-shadow>thead>tr:before,
.gics-transactions .transactions .non-registered>tbody>tr:after,
.gics-transactions .transactions .non-registered>tbody>tr:before,
.gics-transactions .transactions .non-registered>thead>tr:after,
.gics-transactions .transactions .non-registered>thead>tr:before,
.gics-transactions .transactions .registered>tbody>tr:after,
.gics-transactions .transactions .registered>tbody>tr:before,
.gics-transactions .transactions .registered>thead>tr:after,
.gics-transactions .transactions .registered>thead>tr:before,
.link-accounts-unlink-details .table-shadow.unlink-account>tbody>tr:after,
.link-accounts-unlink-details .table-shadow.unlink-account>tbody>tr:before,
.link-accounts-unlink-details .table-shadow.unlink-account>thead>tr:after,
.link-accounts-unlink-details .table-shadow.unlink-account>thead>tr:before,
.link-accounts-unlink-verification .table-shadow.unlink-account>tbody>tr:after,
.link-accounts-unlink-verification .table-shadow.unlink-account>tbody>tr:before,
.link-accounts-unlink-verification .table-shadow.unlink-account>thead>tr:after,
.link-accounts-unlink-verification .table-shadow.unlink-account>thead>tr:before,
.mutual-fund-details .row .table-shadow>tbody>tr:after,
.mutual-fund-details .row .table-shadow>tbody>tr:before,
.mutual-fund-details .row .table-shadow>thead>tr:after,
.mutual-fund-details .row .table-shadow>thead>tr:before,
.mutual-funds-holdings>.transactions .transaction-list table>tbody>tr:after,
.mutual-funds-holdings>.transactions .transaction-list table>tbody>tr:before,
.mutual-funds-holdings>.transactions .transaction-list table>thead>tr:after,
.mutual-funds-holdings>.transactions .transaction-list table>thead>tr:before,
.mutual-funds-holdings>.transactions table>tbody>tr:after,
.mutual-funds-holdings>.transactions table>tbody>tr:before,
.mutual-funds-holdings>.transactions table>thead>tr:after,
.mutual-funds-holdings>.transactions table>thead>tr:before,
.resps-holdings .table-shadow>tbody>tr:after,
.resps-holdings .table-shadow>tbody>tr:before,
.resps-holdings .table-shadow>thead>tr:after,
.resps-holdings .table-shadow>thead>tr:before {
    content: none
}

.accounts-resps-index .mutual-fund-holdings .average-cost .ui-sorting-key,
.accounts-resps-index .mutual-fund-holdings .average-cost-per-unit .ui-sorting-key,
.accounts-resps-index .mutual-fund-holdings .market-value .ui-sorting-key,
.accounts-resps-index .mutual-fund-holdings .price-per-unit .ui-sorting-key,
.gics-holdings .holdings-list .non-registered table:lang(fr) th .ui-sorting-key,
.mutual-fund-details .row .table-shadow .ui-sorting-key {
    position: relative
}

.accounts-resps-index .mutual-fund-holdings .average-cost .ui-sorting-key.ui-asc:after,
.accounts-resps-index .mutual-fund-holdings .average-cost .ui-sorting-key.ui-desc:after,
.accounts-resps-index .mutual-fund-holdings .average-cost-per-unit .ui-sorting-key.ui-asc:after,
.accounts-resps-index .mutual-fund-holdings .average-cost-per-unit .ui-sorting-key.ui-desc:after,
.accounts-resps-index .mutual-fund-holdings .market-value .ui-sorting-key.ui-asc:after,
.accounts-resps-index .mutual-fund-holdings .market-value .ui-sorting-key.ui-desc:after,
.accounts-resps-index .mutual-fund-holdings .price-per-unit .ui-sorting-key.ui-asc:after,
.accounts-resps-index .mutual-fund-holdings .price-per-unit .ui-sorting-key.ui-desc:after,
.gics-holdings .holdings-list .non-registered table:lang(fr) th .ui-sorting-key.ui-asc:after,
.gics-holdings .holdings-list .non-registered table:lang(fr) th .ui-sorting-key.ui-desc:after,
.mutual-fund-details .row .table-shadow .ui-sorting-key.ui-asc:after,
.mutual-fund-details .row .table-shadow .ui-sorting-key.ui-desc:after {
    margin: 0 0 0 3px;
    position: absolute;
    top: 42%
}

.accounts-credit-cards-spend-manager-index .search .form-wrapper fieldset .ui-set-field,
.gics-transactions .transaction-search fieldset .ui-set-field,
.mutual-funds-holdings fieldset .ui-set-field,
.resps-holdings .transaction-search fieldset .ui-set-field {
    display: inline-block;
    vertical-align: top
}

.accounts-credit-cards-spend-manager-index .search .form-wrapper fieldset .ui-set-messages,
.gics-transactions .transaction-search fieldset .ui-set-messages,
.mutual-funds-holdings fieldset .ui-set-messages,
.resps-holdings .transaction-search fieldset .ui-set-messages {
    max-width: 273px
}

.accounts-disas-index .gics-transactions .transaction-search fieldset,
.accounts-tasas-index .gics-transactions .transaction-search fieldset,
.mutual-funds-holdings fieldset,
.resps-holdings .transaction-search fieldset {
    background-color: #F4F4F4;
    padding: 25px 15px 0
}

.accounts-disas-index .gics-transactions .transaction-search fieldset .ui-partial-label,
.accounts-tasas-index .gics-transactions .transaction-search fieldset .ui-partial-label,
.mutual-funds-holdings fieldset .ui-partial-label,
.resps-holdings .transaction-search fieldset .ui-partial-label {
    width: 133px
}

.accounts-disas-index .gics-transactions .transaction-search fieldset .ui-partial-label:lang(fr),
.accounts-tasas-index .gics-transactions .transaction-search fieldset .ui-partial-label:lang(fr),
.mutual-funds-holdings fieldset .ui-partial-label:lang(fr),
.resps-holdings .transaction-search fieldset .ui-partial-label:lang(fr) {
    width: 123px
}

.accounts-disas-index .gics-transactions .transaction-search fieldset .ui-set-field label,
.accounts-tasas-index .gics-transactions .transaction-search fieldset .ui-set-field label,
.mutual-funds-holdings fieldset .ui-set-field label,
.resps-holdings .transaction-search fieldset .ui-set-field label {
    color: #606366;
    font-weight: 700
}

.accounts-disas-index .gics-transactions .transaction-search fieldset .date-range label[for=date-range],
.accounts-tasas-index .gics-transactions .transaction-search fieldset .date-range label[for=date-range],
.mutual-funds-holdings fieldset .date-range label[for=date-range],
.resps-holdings .transaction-search fieldset .date-range label[for=date-range] {
    color: #606366;
    font-size: 13px;
    font-weight: 700;
    padding-top: 7px;
    padding-right: 10px;
    vertical-align: top
}

.account-details .account-selector .ui-set-popover.card-management .ui-button .ui-trailing-icon,
.header-section h2 {
    vertical-align: middle
}

.accounts-disas-index .gics-transactions .transaction-search fieldset .date-range div.calendar-popover:first-of-type,
.accounts-disas-index .gics-transactions .transaction-search fieldset .date-range div.calendar-popover:nth-of-type(2),
.accounts-tasas-index .gics-transactions .transaction-search fieldset .date-range div.calendar-popover:first-of-type,
.accounts-tasas-index .gics-transactions .transaction-search fieldset .date-range div.calendar-popover:nth-of-type(2),
.mutual-funds-holdings fieldset .date-range div.calendar-popover:first-of-type,
.mutual-funds-holdings fieldset .date-range div.calendar-popover:nth-of-type(2),
.resps-holdings .transaction-search fieldset .date-range div.calendar-popover:first-of-type,
.resps-holdings .transaction-search fieldset .date-range div.calendar-popover:nth-of-type(2) {
    display: inline-block
}

.accounts-disas-index .gics-transactions .transaction-search fieldset .date-range div.calendar-popover:first-of-type .ui-partial-label,
.accounts-disas-index .gics-transactions .transaction-search fieldset .date-range div.calendar-popover:nth-of-type(2) .ui-partial-label,
.accounts-tasas-index .gics-transactions .transaction-search fieldset .date-range div.calendar-popover:first-of-type .ui-partial-label,
.accounts-tasas-index .gics-transactions .transaction-search fieldset .date-range div.calendar-popover:nth-of-type(2) .ui-partial-label,
.mutual-funds-holdings fieldset .date-range div.calendar-popover:first-of-type .ui-partial-label,
.mutual-funds-holdings fieldset .date-range div.calendar-popover:nth-of-type(2) .ui-partial-label,
.resps-holdings .transaction-search fieldset .date-range div.calendar-popover:first-of-type .ui-partial-label,
.resps-holdings .transaction-search fieldset .date-range div.calendar-popover:nth-of-type(2) .ui-partial-label {
    font-weight: 400;
    width: auto
}

.accounts-disas-index .gics-transactions .transaction-search fieldset .date-range div.calendar-popover:first-of-type,
.accounts-tasas-index .gics-transactions .transaction-search fieldset .date-range div.calendar-popover:first-of-type,
.mutual-funds-holdings fieldset .date-range div.calendar-popover:first-of-type,
.resps-holdings .transaction-search fieldset .date-range div.calendar-popover:first-of-type {
    padding-right: 5px
}

.accounts-disas-index .gics-transactions .transaction-search fieldset .date-range div.calendar-popover:first-of-type .ui-partial-label:first-of-type,
.accounts-tasas-index .gics-transactions .transaction-search fieldset .date-range div.calendar-popover:first-of-type .ui-partial-label:first-of-type,
.mutual-funds-holdings fieldset .date-range div.calendar-popover:first-of-type .ui-partial-label:first-of-type,
.resps-holdings .transaction-search fieldset .date-range div.calendar-popover:first-of-type .ui-partial-label:first-of-type {
    padding-right: 16px
}

.accounts-disas-index .gics-transactions .transaction-search fieldset .date-range .ui-month,
.accounts-tasas-index .gics-transactions .transaction-search fieldset .date-range .ui-month,
.mutual-funds-holdings fieldset .date-range .ui-month,
.resps-holdings .transaction-search fieldset .date-range .ui-month {
    width: 103px
}

.accounts-disas-index .gics-transactions .transaction-search fieldset .date-range .ui-date,
.accounts-tasas-index .gics-transactions .transaction-search fieldset .date-range .ui-date,
.mutual-funds-holdings fieldset .date-range .ui-date,
.resps-holdings .transaction-search fieldset .date-range .ui-date {
    width: 55px
}

.accounts-disas-index .gics-transactions .transaction-search fieldset .date-range .ui-year,
.accounts-tasas-index .gics-transactions .transaction-search fieldset .date-range .ui-year,
.mutual-funds-holdings fieldset .date-range .ui-year,
.resps-holdings .transaction-search fieldset .date-range .ui-year {
    width: 67px
}

@supports (-moz-appearance:none) {

    .accounts-disas-index .gics-transactions .transaction-search fieldset .date-range .ui-year,
    .accounts-tasas-index .gics-transactions .transaction-search fieldset .date-range .ui-year,
    .mutual-funds-holdings fieldset .date-range .ui-year,
    .resps-holdings .transaction-search fieldset .date-range .ui-year {
        width: 69px
    }
}

.accounts-disas-index .gics-transactions .transaction-search fieldset :lang(fr).ui-button.primary,
.accounts-tasas-index .gics-transactions .transaction-search fieldset :lang(fr).ui-button.primary,
.mutual-funds-holdings fieldset :lang(fr).ui-button.primary,
.resps-holdings .transaction-search fieldset :lang(fr).ui-button.primary {
    float: right;
    margin-top: 10px
}

.accounts-disas-index .gics-transactions .transaction-search fieldset :lang(fr).ui-button.primary:after,
.accounts-tasas-index .gics-transactions .transaction-search fieldset :lang(fr).ui-button.primary:after,
.mutual-funds-holdings fieldset :lang(fr).ui-button.primary:after,
.resps-holdings .transaction-search fieldset :lang(fr).ui-button.primary:after {
    clear: both
}

.account-details .account-selector {
    height: 35px;
    margin-bottom: 16px
}

.account-details .account-selector .list-of-accounts {
    font-weight: 700
}

.account-details .account-selector .ui-select.ui-display-default {
    margin-right: 10px
}

.account-details .account-selector a {
    margin: 5px 0
}

.account-details .account-selector a:first-of-type {
    margin-top: 9px;
    padding: 0 10px
}

.account-details .account-selector a+a:last-of-type {
    border-left: 1px solid #c3c3c3;
    padding: 0 10px
}

.account-details .account-selector .edit-account-nickname {
    float: left;
    margin: 9px 0;
    padding: 0 10px;
    text-decoration: underline
}

.account-details .account-selector .edit-account-nickname+a {
    border-left: 1px solid #c3c3c3;
    float: none
}

.account-details .account-selector .word-break .ui-button,
.account-details .account-selector a.word-break {
    margin-bottom: 0;
    margin-top: 0
}

.account-details .account-selector .word-break .ui-wrapper,
.account-details .account-selector a.word-break {
    max-width: 50px;
    word-spacing: 50px
}

.account-details .account-selector a.word-break:lang(fr) {
    max-width: 103px;
    word-spacing: normal
}

.account-details .account-selector .word-break .ui-wrapper:lang(fr) {
    max-width: 60px;
    word-spacing: normal
}

.accounts-cheques-details .row.pair.panel-large li div:nth-last-of-type(2),
.accounts-cheques-fees .row.pair.panel-large li div+div {
    max-width: 67%
}

.account-details .account-selector .ui-set-popover.card-management {
    float: right;
    margin-top: 3px
}

.account-details .account-selector .ui-set-popover.card-management.card-management-clicked .ui-button {
    color: #FFF;
    background-color: #C41F3E
}

.account-details .account-selector .ui-set-popover.card-management .ui-button {
    background-color: transparent;
    border: 1px solid #C41F3E;
    color: #C41F3E;
    text-decoration: none;
    height: 0
}

.account-details .account-selector .ui-set-popover.card-management .ui-button:focus,
.account-details .account-selector .ui-set-popover.card-management .ui-button:hover {
    background-color: #8B1D41;
    border-color: #8B1D41;
    color: #FFF
}

.account-details .account-selector .ui-set-popover.card-management .ui-button .ui-wrapper:lang(fr) {
    padding: 0 15px
}

.account-details .account-selector .ui-set-popover.card-management .ui-button .ui-trailing-icon.down {
    border-top-color: #C41F3E
}

.account-details .account-selector .ui-set-popover.card-management .ui-button:focus .ui-trailing-icon.down,
.account-details .account-selector .ui-set-popover.card-management .ui-button:hover .ui-trailing-icon.down {
    border-top-color: #FFF
}

.account-details .account-selector .ui-set-popover.card-management .ui-button .ui-trailing-icon.up {
    border-bottom: 5px solid #FFF;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-left: 4px
}

.account-details .account-selector .ui-set-popover.card-management .ui-button:focus {
    color: #FFF
}

.account-details .account-selector .ui-set-popover.card-management .ui-button .ui-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 30px
}

.account-details .account-selector .ui-set-popover.card-management .ui-popover {
    box-shadow: 0 1px 3px #C6C6C6;
    width: 322px;
    left: -186px !important
}

.account-details .account-selector .ui-set-popover.card-management .ui-popover.ui-placement-bottom {
    margin-top: 3px
}

.account-details .account-selector .ui-set-popover.card-management .ui-popover .card-management-list {
    background-color: #FFF;
    border: 1px solid #BBBCBC;
    box-shadow: 0 1px 3px #c3c3c3;
    list-style: none;
    text-align: left
}

.account-details .account-selector .ui-set-popover.card-management .ui-popover .card-management-list li {
    background: no-repeat #FFF;
    background-position-y: 13px;
    background-position-x: 11px;
    border-bottom: 1px solid #86888A;
    display: flex;
    padding: 10px 0 !important;
    margin: 0;
    width: 320px
}

.account-details .account-selector .ui-set-popover.card-management .ui-popover .card-management-list li:focus,
.account-details .account-selector .ui-set-popover.card-management .ui-popover .card-management-list li:hover {
    background-color: #F2F3F2
}

.account-details .account-selector .ui-set-popover.card-management .ui-popover .card-management-list li:last-of-type {
    border-bottom: none
}

.account-details .account-selector .ui-set-popover.card-management .ui-popover .card-management-list li.freeze {
    background-image: url(img/manage-my-card/olb_lock_cv_2x.png)
}

.account-details .account-selector .ui-set-popover.card-management .ui-popover .card-management-list li.unfreeze {
    background-image: url(img/manage-my-card/olb_unlock_cv_2x.png)
}

.account-details .account-selector .ui-set-popover.card-management .ui-popover .card-management-list li.cardonfile {
    background-image: url(img/manage-my-card/card_on_file.png);
    background-position-y: 11px
}

.account-details .account-selector .ui-set-popover.card-management .ui-popover .card-management-list li.replacedamagedcard {
    background-image: url(img/manage-my-card/replace_damaged_card.png);
    background-position-y: 11px
}

.account-details .account-selector .ui-set-popover.card-management .ui-popover .card-management-list li.installmentpayment {
    background-image: url(img/manage-my-card/ip_icon_dropdown.png);
    background-position-y: 11px
}

.account-details .account-selector .ui-set-popover.card-management .ui-popover .card-management-list li.replaceloststolencard {
    background-image: url(img/manage-my-card/lost_stolen_card.png)
}

.account-details .account-selector .ui-set-popover.card-management .ui-popover .card-management-list li strong {
    color: #383B3E;
    padding-left: 52px
}

.account-details .account-selector .ui-set-popover.card-management .ui-popover .card-management-list li a {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    text-decoration: none
}

.account-details+div .tombstone .product-and-statement span .ui-button,
.account-details+div .tombstone .statement-option span .ui-button,
.account-details+section .tombstone .product-and-statement span .ui-button,
.account-details+section .tombstone .statement-option span .ui-button,
.accounts-deposits .deposit-details .tombstone .box-medium .padlink .ui-button,
.mutual-fund-details .tombstone .row .ui-button,
.statement-preferences-edit-details .statement-option-section .statement-view .alert-pref-div .links .ui-button {
    text-decoration: underline
}

.account-details .account-selector .ui-set-popover.card-management .ui-popover .card-management-list li a:focus,
.account-details .account-selector .ui-set-popover.card-management .ui-popover .card-management-list li a:hover {
    color: #383B3E
}

.account-details .account-selector .ui-set-popover.card-management .ui-popover .card-management-list li a:focus strong,
.account-details .account-selector .ui-set-popover.card-management .ui-popover .card-management-list li a:hover strong {
    color: #C41F3E;
    text-decoration: underline
}

.account-details .account-selector .ui-set-popover.card-management .ui-popover .card-management-list li p {
    padding-left: 52px;
    padding-right: 20px
}

.account-details .account-selector .ui-set-popover.show-popover .ui-button {
    background-color: #EFEFEF
}

.accounts-cheques-details .instructions {
    margin: 15px 0 20px
}

.accounts-cheques-details .instructions h2 {
    font-family: WhitneyMedium;
    font-size: 24px;
    padding-top: 0
}

.accounts-cheques-details .instructions ul {
    padding-top: 5px
}

.accounts-cheques-details .instructions ul li {
    margin: 11px 0
}

.accounts-cheques-details .row.pair.panel-large {
    margin-bottom: 20px
}

.accounts-cheques-details .row.pair.panel-large li {
    font-size: 13px
}

.accounts-cheques-details .row.pair.panel-large li div:first-of-type {
    color: #606366;
    width: 240px
}

.accounts-cheques-details section.images {
    margin: 0 78px 50px;
    padding-top: 30px
}

.accounts-cheques-details section.images .label {
    font-size: 16px;
    font-weight: 700
}

.accounts-cheques-details section.images img {
    border: 5px solid #CCC;
    height: 265px;
    margin-bottom: 30px;
    width: 610px
}

.accounts-cheques-details .download {
    float: none;
    margin: auto 0;
    text-align: center
}

.accounts-cheques-details .action-bar {
    padding-top: 30px
}

.accounts-cheques-error .action-bar {
    border-top: 1px solid #ccc;
    padding-top: 30px
}

.accounts-cheques-fees .instructions {
    margin: 15px 0 20px
}

.accounts-cheques-fees .instructions h2 {
    font-family: WhitneyMedium;
    font-size: 24px;
    padding-top: 0
}

.accounts-cheques-fees .instructions ul {
    padding-top: 5px
}

.accounts-cheques-fees .instructions ul li {
    margin: 11px 0
}

.accounts-cheques-fees .row.pair.panel-large {
    margin-bottom: 20px
}

.accounts-cheques-fees .row.pair.panel-large li {
    font-size: 13px
}

.accounts-cheques-fees .row.pair.panel-large li div:first-of-type {
    color: #606366;
    width: 240px
}

.accounts-cheques-fees .action-bar {
    padding-top: 30px
}

.online-statements .account-selector-section {
    padding-bottom: 20px;
    padding-top: 15px
}

.online-statements .account-selector-section .account-list a {
    justify-content: center;
    padding-left: 15px
}

.online-statements .account-selector-section .account-list .ui-select {
    width: 380px
}

.online-statements .account-selector-section .account-list .ui-set-field {
    margin-bottom: 0
}

.online-statements .account-selector-section .account-list .ui-set-field .ui-partial-label {
    color: #383B3E;
    font-size: 12px;
    font-weight: 700;
    padding-bottom: 10px;
    padding-top: 0;
    width: auto
}

.online-statements .account-selector-section .account-list .ui-set-field .ui-group {
    align-items: center;
    display: flex !important
}

.online-statements .e-statement-section {
    margin-bottom: 30px
}

.online-statements .e-statement-section .monthly-statements li {
    padding-bottom: 10px
}

.online-statements .e-statement-section .monthly-statements li:last-child {
    padding-bottom: 0
}

.online-statements .e-statement-section .monthly-statements li .pdf-icon {
    line-height: 25px;
    padding-top: 6px;
    width: inherit
}

.online-statements .preference-section {
    display: flex;
    justify-content: space-between;
    margin: 15px 0 35px
}

.online-statements .preference-section .account-preference-section {
    display: inline-block
}

.online-statements .preference-section .account-preference-section div:first-child {
    float: left;
    font-weight: 700
}

.online-statements .preference-section .alert-preference-section {
    float: right;
    width: 36%
}

.online-statements .preference-section .alert-preference-section div:first-child {
    float: left;
    font-weight: 700
}

.online-statements .preference-section .preference {
    color: #606366;
    display: inline-block;
    margin-left: 15px
}

.online-statements .preference-section .preference span {
    display: block
}

.online-statements+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.online-statements+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.online-statements+.action-bar .primary:only-child {
    margin-left: auto
}

.online-statements+.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.online-statements+.action-bar .tertiary:focus,
.online-statements+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.online-statements+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.online-statements+.action-bar .quaternary~.tertiary {
    margin: 0
}

.online-statements+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.online-statements+.action-bar .secondary {
    margin: 2px 0 0 auto;
    order: 1
}

@media print {
    .online-statements .preference-section {
        justify-content: flex-start
    }

    .online-statements .preference-section .account-preference-section {
        width: 395px
    }
}

.online-statements-preferences-index {
    padding-top: 20px
}

.online-statements-preferences-index .statement-preferences .header-section .ui-set-popover .ui-popover-button {
    top: -3px;
    left: 4px
}

.header-section {
    padding: 0 0 7px 15px;
    margin-bottom: 0
}

.header-section h2 {
    color: #383B3E;
    display: inline-block;
    font-family: WhitneyMedium;
    font-size: 18px;
    line-height: 27px
}

.header-section .ui-display-help {
    font-size: 12px;
    vertical-align: middle
}

.header-section .ui-display-help .ui-button {
    margin-top: 5px
}

.statement-preferences-list {
    margin-bottom: 15px
}

.statement-preferences-list .contact-method .ui-set-popover {
    font-size: 12px;
    text-transform: none
}

.statement-preferences-list .contact-method .ui-set-popover .ui-popover-button {
    top: -2px
}

.statement-preferences-list .alert-pref {
    vertical-align: top
}

.statement-preferences-list .alert-pref>div {
    padding-left: 10px
}

.statement-preferences-list .IneligilbePlcCode {
    border-top: 0
}

.statement-preferences-list .IneligilbePlcCode .alert {
    margin-top: 0
}

.statement-preferences-list span {
    display: block
}

.statement-preferences-list tbody tr:last-child>td {
    border-bottom: 0
}

.statement-preferences-list thead tr th.account {
    width: 190px
}

.statement-preferences-list thead tr th.editPref {
    width: 90px
}

.statement-preferences-list thead tr th.editPref:lang(fr) {
    width: 80px
}

.statement-preferences-list thead tr th:last-child {
    padding-left: 20px
}

.statement-preferences-list thead tr th.statementoption {
    width: 135px
}

.grey-header-section {
    background-color: #EFEFEF;
    height: 65px;
    margin-bottom: 50px;
    width: 780px
}

.accounts-online-statements-statement-preferences-edit-verification-mailview+.action-bar .secondary,
.statement-preferences-edit-details~.action-bar .secondary,
.statement-preferences-edit-details~.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.grey-header-section div {
    color: #606366;
    line-height: 18px;
    padding: 20px
}

.statement-preferences-edit-details .statement-option-section .statement-option-radio-hide .ui-partial-label,
.statement-preferences-edit-details .statement-option-section .statement-view .alert-pref-div .info-not-present .ui-partial-label {
    padding-left: 25px
}

.statement-preferences-edit-details .section-header {
    font-size: 18px;
    padding-top: 15px
}

.statement-preferences-edit-details .section-header h2 {
    font-size: 18px
}

.statement-preferences-edit-details .statement-option-radio label {
    display: inline
}

.statement-preferences-edit-details .statement-option-section {
    padding-bottom: 15px
}

.statement-preferences-edit-details .statement-option-section .statement-option-radio {
    display: flex;
    margin-bottom: 0;
    padding-bottom: 15px;
    width: 100%
}

.statement-preferences-edit-details .statement-option-section .statement-option-radio .ui-radiobutton {
    margin-right: 10px
}

.statement-preferences-edit-details .statement-option-section .statement-option-radio-hide {
    line-height: 25px;
    margin-bottom: 0;
    width: 100%
}

.statement-preferences-edit-details .statement-option-section .statement-option-radio-hide .ui-radiobutton {
    display: none
}

.statement-preferences-edit-details .statement-option-section .statement-view {
    margin-left: 25px
}

.statement-preferences-edit-details .statement-option-section .statement-view .alert-pref-div:not(:first-child) {
    padding-top: 20px
}

.statement-preferences-edit-details .statement-option-section .statement-view .alert-pref-div:last-child {
    padding-bottom: 35px
}

.statement-preferences-edit-details .statement-option-section .statement-view .alert-pref-div.mc-alert {
    display: flex
}

.statement-preferences-edit-details .statement-option-section .statement-view .alert-pref-div .info-not-present .ui-checkbox {
    display: none
}

.statement-preferences-edit-details .statement-option-section .statement-view .alert-pref-div .links {
    padding-left: 10px
}

.statement-preferences-edit-details .statement-option-section .statement-view .alert-pref-div .manage-links {
    padding-left: 15px;
    padding-right: 15px
}

.statement-preferences-edit-details .statement-option-section .statement-view .alert-pref-div .manage-links.mc-link {
    border: none
}

.statement-preferences-edit-details .statement-option-section .statement-view .alert-pref-div .profile-info {
    display: flex
}

.statement-preferences-edit-details .statement-option-section .statement-view .alert-pref-div .ui-set-checkbox {
    display: inline-block
}

.statement-preferences-edit-details .statement-option-section .statement-view .alert-pref-div .ui-set-checkbox .ui-checkbox {
    margin: 1px 10px 0 0;
    vertical-align: top
}

.statement-preferences-edit-details .statement-option-section .statement-view .address-view {
    font-size: 13px;
    padding: 30px 0
}

.statement-preferences-edit-details .statement-option-section .statement-view .address-view+.info-statement {
    padding-bottom: 15px
}

.statement-preferences-edit-details .statement-option-section .statement-view .info-statement {
    color: #606366;
    line-height: 14.4 px
}

.statement-preferences-edit-details .statement-option-section .statement-view .info-statement p:first-of-type {
    margin-top: 0
}

.statement-preferences-edit-details .statement-option-section .statement-view .info-statement p:last-of-type {
    margin-bottom: 0
}

.statement-preferences-edit-details .statement-option-section .statement-view .lbl-mail-statement {
    color: #606366;
    padding-top: 10px
}

.statement-preferences-edit-details .statement-option-section .statement-view .ui-set-popover {
    vertical-align: middle
}

.statement-preferences-edit-details .statement-option-section .statement-view .ui-set-popover .ui-popover .ui-popover-content ul li {
    border: none;
    margin: 0;
    padding: 0 0 0 13px
}

.statement-preferences-edit-details~.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.statement-preferences-edit-details~.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.statement-preferences-edit-details~.action-bar .primary:only-child {
    margin-left: auto
}

.statement-preferences-edit-details~.action-bar .secondary {
    order: 3
}

.statement-preferences-edit-details~.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.statement-preferences-edit-details~.action-bar .tertiary:focus,
.statement-preferences-edit-details~.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.statement-preferences-edit-details~.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.statement-preferences-edit-details~.action-bar .quaternary~.tertiary {
    margin: 0
}

.statement-preferences-edit-details~.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.statement-preferences-edit-details~.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.statement-preferences-edit-details~.action-bar .secondary:focus,
.statement-preferences-edit-details~.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.accounts-online-statements-statement-preferences-edit-verification-mailview .account-info {
    margin-left: 165px;
    padding-top: 10px
}

.accounts-online-statements-statement-preferences-edit-verification-mailview .section-header {
    padding-top: 10px;
    margin-bottom: 0
}

.accounts-online-statements-statement-preferences-edit-verification-mailview .statement-option-section ul .statement-view {
    display: flex;
    justify-content: flex-start
}

.accounts-online-statements-statement-preferences-edit-verification-mailview .statement-option-section ul .statement-view>div:first-of-type {
    flex-shrink: 0
}

.accounts-online-statements-statement-preferences-edit-verification-mailview .statement-option-section ul .statement-view>div:last-of-type {
    padding-left: 4px
}

.accounts-online-statements-statement-preferences-edit-verification-mailview+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.accounts-online-statements-statement-preferences-edit-verification-mailview+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.accounts-online-statements-statement-preferences-edit-verification-mailview+.action-bar .primary:only-child {
    margin-left: auto
}

.accounts-online-statements-statement-preferences-edit-verification-mailview+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.accounts-online-statements-statement-preferences-edit-verification-mailview+.action-bar .quaternary~.tertiary {
    margin: 0
}

.accounts-online-statements-statement-preferences-edit-verification-mailview+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.accounts-online-statements-statement-preferences-edit-verification-mailview+.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.accounts-online-statements-statement-preferences-edit-verification-mailview+.action-bar .secondary:focus,
.accounts-online-statements-statement-preferences-edit-verification-mailview+.action-bar .secondary:hover {
    color: #C41F3E;
    border: none
}

.accounts-online-statements-statement-preferences-edit-verification-mailview+.action-bar .tertiary {
    background: 0 0;
    border: 2px solid #C41F3E;
    color: #C41F3E;
    margin: 0;
    order: 2
}

.accounts-online-statements-statement-preferences-edit-verification-mailview+.action-bar .tertiary:focus,
.accounts-online-statements-statement-preferences-edit-verification-mailview+.action-bar .tertiary:hover {
    background-color: #8B1D41;
    border: 2px solid #8B1D41;
    color: #fff
}

.accounts-online-statements-statement-preferences-edit-verification-estatement .alert-pref {
    display: flex
}

.accounts-online-statements-statement-preferences-edit-verification-estatement .manage-links {
    padding-left: 12px
}

.accounts-online-statements-statement-preferences-edit-verification-estatement .statement-option-section ul li div span {
    display: block;
    font-size: 12px;
    line-height: 14.4px
}

.accounts-online-statements-statement-preferences-edit-verification-estatement section .section-header {
    padding-top: 10px;
    margin-bottom: 0
}

.accounts-online-statements-statement-preferences-edit-verification-estatement .form-terms-and-conditions section .section-header {
    padding-top: 5px
}

.accounts-online-statements-statement-preferences-edit-verification-estatement .form-terms-and-conditions .header p a span.version {
    color: inherit
}

.accounts-online-statements-statement-preferences-edit-verification-estatement+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.accounts-online-statements-statement-preferences-edit-verification-estatement+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.accounts-online-statements-statement-preferences-edit-verification-estatement+.action-bar .primary:only-child {
    margin-left: auto
}

.accounts-online-statements-statement-preferences-edit-verification-estatement+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.accounts-online-statements-statement-preferences-edit-verification-estatement+.action-bar .quaternary~.tertiary {
    margin: 0
}

.accounts-online-statements-statement-preferences-edit-verification-estatement+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.accounts-online-statements-statement-preferences-edit-verification-estatement+.action-bar .secondary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.accounts-online-statements-statement-preferences-edit-verification-estatement+.action-bar .secondary:focus,
.accounts-online-statements-statement-preferences-edit-verification-estatement+.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.accounts-online-statements-statement-preferences-edit-verification-estatement+.action-bar .tertiary {
    background: 0 0;
    border: 2px solid #C41F3E;
    color: #C41F3E;
    margin: 0;
    order: 2
}

.accounts-online-statements-statement-preferences-edit-verification-estatement+.action-bar .tertiary:focus,
.accounts-online-statements-statement-preferences-edit-verification-estatement+.action-bar .tertiary:hover {
    background-color: #8B1D41;
    border: 2px solid #8B1D41;
    color: #fff
}

.accounts-online-statements-statement-preferences-edit-verification-estatement+.action-bar .tertiary.ui-disabled {
    background-color: #b3b3b3
}

.accounts-online-statements-statement-preferences-edit-verification-estatement+.action-bar .tertiary.ui-size-medium {
    margin-top: 2px
}

.accounts-online-statements-statement-preferences-edit-confirmation-mailview .pair section ul li>div:first-of-type {
    width: 230px
}

.accounts-online-statements-statement-preferences-edit-confirmation-mailview .pair section ul li>div:last-child {
    width: calc(100% - (230px + 15px))
}

.accounts-online-statements-statement-preferences-edit-confirmation-mailview .account-info {
    margin-left: 245px;
    padding-top: 10px
}

.accounts-online-statements-statement-preferences-edit-confirmation-mailview .instructions {
    margin-left: 0
}

.accounts-online-statements-statement-preferences-edit-confirmation-mailview section:first-of-type .section-header {
    padding-top: 15px
}

.accounts-online-statements-statement-preferences-edit-confirmation-mailview section:nth-of-type(2) .section-header {
    padding-top: 0
}

.accounts-online-statements-statement-preferences-edit-confirmation-mailview .section-header {
    margin-bottom: 0
}

.accounts-online-statements-statement-preferences-edit-confirmation-mailview .statement-option-section ul .statement-view {
    display: flex;
    justify-content: flex-start
}

.accounts-online-statements-statement-preferences-edit-confirmation-mailview .statement-option-section ul .statement-view>div:first-of-type {
    flex-shrink: 0
}

.accounts-online-statements-statement-preferences-edit-confirmation-mailview .statement-option-section ul .statement-view>div:last-of-type {
    padding-left: 4px
}

.accounts-online-statements-statement-preferences-edit-confirmation-mailview+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.accounts-online-statements-statement-preferences-edit-confirmation-mailview+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.accounts-online-statements-statement-preferences-edit-confirmation-mailview+.action-bar .primary:only-child {
    margin-left: auto
}

.accounts-online-statements-statement-preferences-edit-confirmation-mailview+.action-bar .secondary {
    order: 3
}

.accounts-online-statements-statement-preferences-edit-confirmation-mailview+.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.accounts-online-statements-statement-preferences-edit-confirmation-mailview+.action-bar .tertiary:focus,
.accounts-online-statements-statement-preferences-edit-confirmation-mailview+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.accounts-online-statements-statement-preferences-edit-confirmation-mailview+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.accounts-online-statements-statement-preferences-edit-confirmation-mailview+.action-bar .quaternary~.tertiary {
    margin: 0
}

.accounts-online-statements-statement-preferences-edit-confirmation-mailview+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.accounts-online-statements-statement-preferences-edit-confirmation-mailview+.action-bar .secondary {
    margin: 2px 0 0 auto
}

.accounts-online-statements-statement-preferences-edit-confirmation-estatement .pair section ul li>div:first-of-type {
    width: 230px
}

.accounts-online-statements-statement-preferences-edit-confirmation-estatement .pair section ul li>div:last-child {
    width: calc(100% - (230px + 15px))
}

.accounts-online-statements-statement-preferences-edit-confirmation-estatement .alert-pref {
    display: flex
}

.accounts-online-statements-statement-preferences-edit-confirmation-estatement .instructions {
    margin-left: 0
}

.accounts-online-statements-statement-preferences-edit-confirmation-estatement .manage-links {
    padding-left: 15px
}

.accounts-online-statements-statement-preferences-edit-confirmation-estatement section:first-of-type .section-header {
    padding-top: 15px
}

.accounts-online-statements-statement-preferences-edit-confirmation-estatement section:nth-of-type(2) .section-header {
    padding-top: 0
}

.accounts-online-statements-statement-preferences-edit-confirmation-estatement .section-header {
    margin-bottom: 0
}

.accounts-online-statements-statement-preferences-edit-confirmation-estatement .statement-option-section ul li div span {
    display: block;
    font-size: 12px;
    line-height: 14.4px
}

.accounts-online-statements-statement-preferences-edit-confirmation-estatement+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.accounts-online-statements-statement-preferences-edit-confirmation-estatement+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.accounts-online-statements-statement-preferences-edit-confirmation-estatement+.action-bar .primary:only-child {
    margin-left: auto
}

.accounts-online-statements-statement-preferences-edit-confirmation-estatement+.action-bar .secondary {
    order: 3
}

.accounts-online-statements-statement-preferences-edit-confirmation-estatement+.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.accounts-online-statements-statement-preferences-edit-confirmation-estatement+.action-bar .tertiary:focus,
.accounts-online-statements-statement-preferences-edit-confirmation-estatement+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.accounts-online-statements-statement-preferences-edit-confirmation-estatement+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.accounts-online-statements-statement-preferences-edit-confirmation-estatement+.action-bar .quaternary~.tertiary {
    margin: 0
}

.accounts-online-statements-statement-preferences-edit-confirmation-estatement+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.accounts-online-statements-statement-preferences-edit-confirmation-estatement+.action-bar .secondary {
    margin: 2px 0 0 auto
}

.alert-sample .alert-sample-container .alert-body p:first-child {
    font-weight: 700;
    padding-top: 10px
}

.alert-sample .alert-sample-container .alert-body p:last-child {
    margin-bottom: 10px
}

.alert-sample .alert-sample-container .alert-footer {
    color: #606366
}

.alert-sample .alert-sample-container .alert-footer p:first-child {
    border-top: 1px solid #86888A;
    padding-top: 10px
}

.alert-sample .alert-sample-container .alert-footer p:last-child {
    margin-bottom: 0
}

.alert-sample .alert-sample-container .alert-header {
    border-bottom: 1px solid #606366;
    font-size: 13px;
    font-weight: 700;
    padding-bottom: 10px
}

.alert-sample p {
    margin-top: 0 !important
}

.mutual-fund-details .product-registration {
    background-color: initial
}

.mutual-fund-details .product-registration select option {
    background-color: #fff
}

.mutual-fund-details .header-highlight.product-registration {
    border-bottom: 3px solid #C17200;
    padding-left: 15px
}

.mutual-fund-details .header-highlight.product-registration h2 {
    bottom: 0;
    color: #383B3E;
    font-family: WhitneyMedium;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    text-transform: uppercase
}

.mutual-fund-details .header-highlight.product-registration+.row h3 {
    background: #FFF;
    border-bottom: 3px solid #606366;
    font-family: WhitneyMedium;
    color: #383B3E;
    font-size: 16px;
    font-weight: 400;
    line-height: 14px;
    padding: 8px 0 8px 15px;
    text-align: left
}

.mutual-fund-details .row .table-shadow .name {
    width: 130px
}

.mutual-fund-details .row .table-shadow .units {
    width: 55px
}

.mutual-fund-details .row .table-shadow .average-cost,
.mutual-fund-details .row .table-shadow .average-cost-per-unit {
    width: 95px
}

.mutual-fund-details .row .table-shadow .price-per-unit {
    width: 110px
}

.mutual-fund-details .row .table-shadow .market-value {
    width: 100px
}

.mutual-fund-details .row .table-shadow:lang(fr) .asset-class .ui-sorting-key.ui-asc:after,
.mutual-fund-details .row .table-shadow:lang(fr) .asset-class .ui-sorting-key.ui-desc:after {
    margin-left: 24px
}

.mutual-fund-details .row .table-shadow:lang(fr) .name .ui-sorting-key.ui-asc:after,
.mutual-fund-details .row .table-shadow:lang(fr) .name .ui-sorting-key.ui-desc:after {
    margin-left: 52px
}

@media print {
    .mutual-fund-details .RESPTFSA .col-5 {
        width: 465px
    }
}

@media print and (-webkit-min-device-pixel-ratio:0) {
    .mutual-fund-details .mutual-fund-holdings thead {
        display: table-row-group
    }
}

.mutual-funds-holdings .wrapper.row {
    margin-top: 10px
}

.mutual-funds-holdings .wrapper.row .primary.ui-button {
    float: right
}

.mutual-funds-holdings .tombstone {
    background: 0 0;
    padding: 0;
    margin-bottom: 55px
}

.mutual-funds-holdings .tombstone .row:not(:first-child) {
    background: 0 0
}

.mutual-funds-holdings .holding-select {
    overflow: auto
}

.mutual-funds-holdings .holding-select .ui-set-select {
    margin-right: 10px
}

.mutual-funds-holdings .statement-options {
    margin: 9px 0;
    padding: 0 10px
}

.mutual-funds-holdings .statement-options span:first-of-type {
    color: #666;
    font-weight: 700
}

.mutual-funds-holdings fieldset .ui-partial-label {
    width: 133px
}

.mutual-funds-holdings fieldset .ui-partial-label:lang(fr) {
    width: 123px
}

.mutual-funds-holdings fieldset .date-range .calendar-popover {
    float: left;
    margin-right: 5px
}

.mutual-funds-holdings fieldset .date-range .ui-button {
    margin-left: 0
}

.mutual-funds-holdings fieldset .date-range .ui-button.primary {
    margin-left: 25px
}

.mutual-funds-holdings fieldset .date-range .ui-display-calendar {
    padding-left: 10px;
    float: right;
    padding-top: 6px
}

.mutual-funds-holdings fieldset .date-range .ui-popover {
    padding: 0
}

.mutual-funds-holdings fieldset .date-range .ui-partial-label {
    padding-left: 0
}

.mutual-funds-holdings fieldset .date-range .ui-partial-label[for=date-range] {
    float: left;
    width: 83px;
    padding: 0 10px 15px 0
}

.mutual-funds-holdings>.transactions .header-highlight.transaction-history {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.mutual-funds-holdings>.transactions .header-highlight.transaction-history h3 {
    font-size: 18px
}

.mutual-funds-holdings>.transactions .ui-loader {
    margin: 0 !important
}

.mutual-funds-holdings>.transactions table {
    border-top: 5px solid #C17200;
    border-bottom: none;
    margin-top: 10px
}

.mutual-funds-holdings>.transactions table td:nth-of-type(1),
.mutual-funds-holdings>.transactions table th:nth-of-type(1) {
    width: 121px
}

.mutual-funds-holdings>.transactions table td:nth-of-type(2),
.mutual-funds-holdings>.transactions table th:nth-of-type(2) {
    width: auto
}

.mutual-funds-holdings>.transactions table td:nth-of-type(3),
.mutual-funds-holdings>.transactions table th:nth-of-type(3) {
    width: 104px
}

.mutual-funds-holdings>.transactions table td:nth-of-type(4),
.mutual-funds-holdings>.transactions table th:nth-of-type(4) {
    width: 122px
}

.mutual-funds-holdings>.transactions table td:nth-of-type(5),
.mutual-funds-holdings>.transactions table th:nth-of-type(5) {
    width: 74px
}

.accounts-deposits .deposit-details .tombstone::after,
.accounts-deposits .deposit-details .tombstone::before {
    background-image: none
}

.accounts-deposits .deposit-details .tombstone {
    background-color: #F4F4F4;
    border-bottom: 1px solid #E1E1E1;
    border-top: 3px solid #017F70;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 30px 15px
}

.accounts-deposits .deposit-details .tombstone .box-large {
    padding-left: 15px;
    width: auto
}

.accounts-deposits .deposit-details .tombstone .box-medium {
    width: 360px
}

.accounts-deposits .deposit-details .tombstone .box-medium>div {
    padding-top: 3px
}

.accounts-deposits .deposit-details .tombstone .box-medium>div:first-of-type {
    padding-top: 0
}

.accounts-deposits .deposit-details .tombstone .box-medium div span:first-of-type {
    font-weight: 700
}

.accounts-deposits .deposit-details .tombstone .box-medium .ui-popover-content {
    font-weight: 400
}

.accounts-deposits .deposit-details .tombstone .funds-display {
    text-align: left;
    padding-right: 36px;
    width: 650px
}

.accounts-deposits .deposit-details .tombstone .funds-display>div {
    padding-top: 9px
}

.accounts-deposits .deposit-details .tombstone .funds-display div:first-child span:last-child {
    color: #017F70;
    font-family: WhitneyMedium;
    font-size: 24px
}

.accounts-deposits .deposit-details .tombstone .funds-display div:first-child span:first-child {
    color: #017F70;
    letter-spacing: -.5px;
    font-family: WhitneyMedium;
    font-size: 24px
}

.accounts-deposits .deposit-details .tombstone .funds-display div:last-child span:first-child,
.accounts-deposits .deposit-details .tombstone .funds-display div:last-child span:last-child {
    color: #383B3E;
    font-family: Arial;
    font-size: 12px;
    font-weight: 700
}

.accounts-deposits .deposit-details .tombstone .funds-display div span:last-child {
    float: right
}

.accounts-deposits .deposit-details .tombstone .funds-display div span {
    color: #383B3E;
    font-family: Arial;
    font-size: 12px
}

.accounts-deposits .deposit-details .tombstone .funds-display div span:first-of-type {
    font-weight: 400
}

.accounts-deposits .deposit-details .tombstone .funds-display div span span:first-child,
.accounts-deposits .deposit-details .tombstone .funds-display div span:nth-child(2) {
    color: #383B3E;
    font-family: Arial;
    font-size: 12px
}

.accounts-deposits .deposit-details .tombstone .funds-display div:last-child span:nth-child(2) {
    color: #383B3E;
    font-family: Arial;
    font-size: 12px;
    font-weight: 700
}

.accounts-deposits .deposit-details .tombstone .product-and-statement-and-limits {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
    width: 50%
}

.accounts-deposits .deposit-details .tombstone .product-and-statement-and-limits .product-and-statement-row {
    padding-bottom: 15px
}

.accounts-deposits .deposit-details .tombstone .product-and-statement-and-limits .deposits-card-limits-row {
    padding: 15px 0
}

.accounts-deposits .deposit-details .tombstone .product-and-statement-and-limits .deposits-card-limits-row .deposits-card-limits-cell {
    padding-top: 0
}

.accounts-deposits .deposit-details .tombstone .product-and-statement div span+span {
    display: block
}

.accounts-deposits .deposit-details .tombstone .box-medium.smart-account {
    border-right: 1px solid #BBBCBC;
    padding-right: 15px;
    width: 283px
}

.accounts-deposits .deposit-details .tombstone .box-small {
    padding-right: 15px;
    width: 180px
}

.accounts-deposits .deposit-details .tombstone .box-small em {
    color: #383B3E;
    font-size: 16px;
    font-weight: 400;
    padding-top: 5px
}

.accounts-deposits .deposit-details .tombstone .row.smart-account {
    padding-top: 15px;
    margin-top: 15px;
    background: 0 0;
    border-top: 1px solid #fff
}

.accounts-deposits .deposit-details .tombstone .row.smart-account .smart-account-transactions {
    padding: 0
}

.accounts-deposits .deposit-details .tombstone .row.smart-account .smart-account-transactions span strong {
    font-weight: 700
}

.accounts-deposits .deposit-details .tombstone .row.smart-account .smart-account-transactions p {
    margin-top: 3px
}

.accounts-deposits .deposit-details .tombstone .row:first-child>div {
    padding-bottom: 0
}

.accounts-deposits .deposit-details .upcoming-transactions .ui-loader {
    min-height: 0
}

.accounts-deposits .deposit-details .upcoming-transactions .ui-alert.ui-scope-inline {
    padding-left: 0
}

.accounts-deposits .free-transaction-heading::before,
.accounts-deposits .free-transaction::before {
    color: #65B3F2;
    content: "\25CF";
    font-size: 14px;
    margin-right: 10px
}

.accounts-deposits .transaction-list table>tbody>tr:after,
.accounts-deposits .transaction-list table>tbody>tr:before,
.accounts-deposits .transaction-list table>thead>tr:after,
.accounts-deposits .transaction-list table>thead>tr:before,
.table-shadow.address-bank-information>tbody>tr:after,
.table-shadow.address-bank-information>tbody>tr:before,
.table-shadow.address-bank-information>thead>tr:after,
.table-shadow.address-bank-information>thead>tr:before,
.table-shadow.annual-summary>tbody>tr:after,
.table-shadow.annual-summary>tbody>tr:before,
.table-shadow.annual-summary>thead>tr:after,
.table-shadow.annual-summary>thead>tr:before,
.table-shadow.payment-history>tbody>tr:after,
.table-shadow.payment-history>tbody>tr:before,
.table-shadow.payment-history>thead>tr:after,
.table-shadow.payment-history>thead>tr:before,
.table-shadow.tax-information>tbody>tr:after,
.table-shadow.tax-information>tbody>tr:before,
.table-shadow.tax-information>thead>tr:after,
.table-shadow.tax-information>thead>tr:before {
    content: none
}

.accounts-deposits .free-transaction-heading {
    font-weight: 400;
    padding-bottom: 7px;
    padding-top: 4px
}

.accounts-deposits .transaction-list table.smart-account thead th.transactions {
    padding-top: 7px
}

.accounts-deposits .transaction-list table>tbody>tr td:first-child,
.accounts-deposits .transaction-list table>tbody>tr th:first-child,
.accounts-deposits .transaction-list table>thead>tr td:first-child,
.accounts-deposits .transaction-list table>thead>tr th:first-child {
    padding-left: 37px
}

.accounts-deposits .transaction-list table>tbody>tr td:last-child,
.accounts-deposits .transaction-list table>tbody>tr th:last-child,
.accounts-deposits .transaction-list table>thead>tr td:last-child,
.accounts-deposits .transaction-list table>thead>tr th:last-child {
    padding-right: 37px
}

.accounts-deposits .transaction-list table thead th.balance {
    width: 160px
}

.accounts-deposits .transaction-list table thead th.balance .ui-set-popover .ui-popover .ui-popover-content {
    font-weight: 400;
    text-align: left;
    margin: 0
}

.accounts-deposits .smart-account-label {
    display: block;
    margin-bottom: 15px
}

.accounts-deposits .smart-account-label .ui-popover.ui-display-help {
    max-width: 770px;
    min-width: 770px;
    width: 770px
}

.accounts-deposits .smart-account-label .ui-popover.ui-display-help .ui-wrapper {
    background-color: #FFF;
    margin: 0;
    padding: 0
}

.accounts-deposits .smart-account-transactions div {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
    width: 275px
}

.accounts-deposits .smart-account-transactions div:first-child {
    border-left: none;
    padding-left: 0
}

.accounts-deposits .smart-account-transactions div:last-child {
    border-left: 1px solid #FFF;
    padding-left: 15px
}

.accounts-deposits .smart-notification-link {
    display: block
}

.accounts-deposits .smart-product-name {
    border-top: 1px solid #FFF;
    margin-top: 20px;
    padding-top: 20px
}

.accounts-deposits tr.transaction-hub-row,
.accounts-deposits tr.transaction-hub-row-overdraft {
    border-top: none
}

.accounts-deposits .tile-set.smart-account {
    margin: 0;
    max-height: 270px;
    min-height: 270px;
    min-width: 100%;
    padding: 0
}

.accounts-deposits .tile-set.smart-account div.tile {
    background: url(img/floating-percy.png) 530px top no-repeat #FFF;
    height: 270px;
    margin: 0;
    padding: 0;
    text-align: left
}

.accounts-deposits .tile-set.smart-account div.tile .title {
    color: #444;
    font-family: WhitneyBookRegular;
    font-size: 24px;
    margin: 40px 0 0 30px
}

.accounts-deposits .tile-set.smart-account div.tile p {
    color: #666;
    font-family: Arial;
    font-size: 12px;
    margin: 30px 0 0 30px;
    width: 60%
}

.accounts-deposits .tile-set.smart-account div.tile p~.ui-button {
    margin-top: 6px
}

.accounts-deposits .toggle-transaction-hub {
    height: 18px;
    position: absolute;
    right: 8px;
    width: 18px
}

.accounts-deposits .toggle-transaction-hub.open-hub {
    background: url(img/icon-expand-red.png) center no-repeat;
    background-size: 16px
}

.accounts-deposits .toggle-transaction-hub.close-hub {
    background: url(img/icon-collaspe-red.png) center no-repeat;
    background-size: 16px
}

.accounts-deposits tr.transaction-hub-row td {
    padding: 0 0 0 127px !important
}

.accounts-deposits tr.transaction-hub-row-overdraft td {
    padding: 0 0 0 37px !important
}

.accounts-deposits .transaction-hub-shown {
    background-color: #DEE9F7;
    cursor: pointer
}

.accounts-deposits .transaction-hub-shown:focus,
.accounts-deposits .transaction-hub-shown:hover {
    background-color: #DEE9F7
}

.accounts-deposits .transaction-hub-shown .redeemable-pending-has-error {
    height: 211px
}

.accounts-deposits .transaction-hub-shown .no-redeemable-pending-has-error {
    height: 96px
}

.accounts-deposits .transaction-hub-shown .divider {
    border-top: 1px solid #c3c3c3;
    float: left;
    padding-top: 18px;
    width: 50%
}

.accounts-deposits .transaction-hub-shown .header-fee-transparency {
    width: 50%;
    font-size: 14px;
    color: #383B3E;
    font-family: Arial;
    font-weight: 700;
    padding-bottom: 18px
}

.accounts-deposits .transaction-hub-shown .feetransparencycontainer {
    height: auto;
    width: 50%;
    padding-bottom: 12px
}

.accounts-deposits .transaction-hub-shown .overdraftcontainer {
    height: auto;
    width: 100%;
    padding-bottom: 20px
}

.accounts-deposits .feetransparencycontainer .transactionfee {
    padding-bottom: 8px
}

.accounts-deposits .feetransparencycontainer .transactionfee .fee-deducted {
    float: right
}

.accounts-deposits .overdraftcontainer .divider {
    border-top: 1px solid #c3c3c3;
    float: left;
    padding-top: 20px;
    width: 100%
}

.accounts-deposits .overdraftcontainer .feeDescription {
    width: 95%;
    word-wrap: break-word;
    padding-bottom: 18px
}

.accounts-deposits .overdraftcontainer .descriptionLink {
    color: #C41F3E;
    text-decoration: none
}

.pre-authorized-deposit-form {
    font-size: 13px
}

.pre-authorized-deposit-form .ui-set-field {
    margin-bottom: 15px
}

.pre-authorized-deposit-form h2 {
    font-size: 15px;
    font-weight: 400
}

.pre-authorized-deposit-form .pad-hr {
    border-top: 5px solid #666
}

.pre-authorized-deposit-form .border {
    border-bottom: 1px solid #E1E1E1;
    margin-bottom: 5px
}

.pre-authorized-deposit-form .void-cheque-image {
    padding: inherit;
    position: relative
}

.pre-authorized-deposit-form .void-cheque-image #img-tag {
    font-weight: 400;
    margin: 0 0 2px 55px
}

.pre-authorized-deposit-form .void-cheque-image .void-cheque {
    display: block;
    margin: 0 auto;
    width: 85%
}

.pre-authorized-deposit-form .void-cheque-image .cheque-img-info {
    color: #AF0B1C;
    font-size: 9px;
    line-height: 10px;
    text-transform: capitalize
}

.pre-authorized-deposit-form .void-cheque-image .cheque-img-info .top-left {
    position: absolute;
    top: 51px;
    left: 69px
}

.pre-authorized-deposit-form .void-cheque-image .cheque-img-info .bottom-left {
    position: absolute;
    font-size: 12px;
    bottom: 35px;
    left: 68px
}

.pre-authorized-deposit-form .void-cheque-image .cheque-img-info .top-left:lang(fr) {
    position: absolute;
    top: 60px;
    left: 77px
}

.pre-authorized-deposit-form .void-cheque-image .cheque-img-info .bottom-left:lang(fr) {
    position: absolute;
    font-size: 12px;
    bottom: 40px;
    left: 75px
}

.pre-authorized-deposit-form .pad-static-fields {
    font-size: 12px
}

.pre-authorized-deposit-form .pad-static-fields .clientSign,
.pre-authorized-deposit-form .pad-static-fields .signature {
    float: left
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box .make-a-payment .float-right,
.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box .view-estatements,
.gics-holding .return,
.gics-transactions .transaction-search fieldset :lang(fr).ui-button.primary,
.gics-transactions .transactions .ui-button.primary:lang(fr),
.pre-authorized-deposit-form .pad-static-fields .dateLine,
.pre-authorized-deposit-form .pad-static-fields .padDate {
    float: right
}

.pre-authorized-deposit-form .pad-static-fields .clientSign:lang(fr) {
    margin: 4px
}

.pre-authorized-deposit-form .pad-static-fields .signature {
    border-top: 1px solid #000;
    margin: 20px 10px;
    text-align: center;
    width: 180px
}

.pre-authorized-deposit-form .pad-static-fields .dateLine {
    border-top: 1px solid #000;
    margin: 20px 10px;
    text-align: center;
    width: 110px
}

.pre-authorized-deposit-form .tag-divider {
    display: inline-block;
    height: auto;
    width: 75px
}

.pre-authorized-deposit-form .divider {
    display: inline-block;
    height: auto;
    width: 10px
}

.pre-authorized-deposit-form .note {
    font-size: 12px;
    text-align: justify
}

.padform-dialog .ui-dialog .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.padform-dialog .ui-dialog .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.padform-dialog .ui-dialog .action-bar .primary:only-child {
    margin-left: auto
}

.padform-dialog .ui-dialog .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.padform-dialog .ui-dialog .action-bar .tertiary:focus,
.padform-dialog .ui-dialog .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.padform-dialog .ui-dialog .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.padform-dialog .ui-dialog .action-bar .quaternary~.tertiary {
    margin: 0
}

.padform-dialog .ui-dialog .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.padform-dialog .ui-dialog .action-bar .secondary {
    margin: 2px 0 0 auto;
    order: 1
}

@media print {
    @-moz-document url-prefix() {
        .padform-dialog {
            width: 75%;
            height: 65%
        }
    }

    .padform-dialog {
        display: block;
        -ms-overflow-style: none
    }

    .padform-dialog .instructions p+p {
        margin-top: 5px
    }

    .padform-dialog .ui-set-field {
        margin-bottom: 5px
    }

    .padform-dialog .ui-body.ui-scroll-top {
        padding-top: 0 !important
    }

    .padform-dialog .pre-authorized-deposit-form>br+br,
    .padform-dialog .pre-authorized-deposit-form>div h2+br {
        display: none
    }

    .pre-authorized-deposit-form {
        margin: 0 auto;
        line-height: 13px;
        width: auto
    }

    .pre-authorized-deposit-form .void-cheque-image {
        page-break-inside: avoid
    }

    .pre-authorized-deposit-form .void-cheque-image #img-tag {
        margin-left: 90px;
        padding-bottom: 5px
    }

    .pre-authorized-deposit-form .void-cheque-image #img-tag:lang(fr) {
        margin-left: 125px
    }

    .pre-authorized-deposit-form .void-cheque-image .void-cheque {
        background-repeat: no-repeat;
        background-size: cover;
        width: 80%
    }

    .pre-authorized-deposit-form .void-cheque-image .void-cheque:lang(fr) {
        background-repeat: no-repeat;
        background-size: cover;
        width: 70%
    }

    .pre-authorized-deposit-form .void-cheque-image .cheque-img-info {
        z-index: 1000
    }

    .pre-authorized-deposit-form .void-cheque-image .cheque-img-info .top-left {
        position: absolute;
        top: 53px;
        left: 115px
    }

    .pre-authorized-deposit-form .void-cheque-image .cheque-img-info .bottom-left {
        position: absolute;
        font-size: 12px;
        bottom: 50px;
        left: 115px
    }

    .pre-authorized-deposit-form .void-cheque-image .cheque-img-info .top-left:lang(fr) {
        position: absolute;
        top: 60px;
        left: 155px
    }

    .pre-authorized-deposit-form .void-cheque-image .cheque-img-info .bottom-left:lang(fr) {
        position: absolute;
        font-size: 12px;
        bottom: 50px;
        left: 155px
    }
}

.mortgage-view-selector {
    height: 30px;
    padding-top: 10px
}

.mortgage-view-selector .ui-set-field {
    margin-bottom: 0
}

.mortgage-view-selector .ui-set-field label:first-of-type {
    width: auto
}

.accounts-details-mortgage .tombstone {
    padding-left: 15px;
    padding-right: 15px
}

.accounts-details-mortgage .tombstone .row:first-child .box-small {
    padding-right: 15px;
    width: 150px
}

.accounts-details-mortgage .tombstone .row:first-child .box-small em {
    font-size: 16px
}

.accounts-details-mortgage .tombstone .row+.row .box-xlarge {
    padding-right: 15px;
    width: 367px
}

.table-instruction {
    padding-bottom: 25px
}

.table-instruction h3 {
    font-family: WhitneyMedium;
    font-size: 24px;
    font-weight: 400;
    line-height: 100%;
    padding-top: 30px;
    padding-bottom: 20px
}

.table-shadow.address-bank-information,
.table-shadow.annual-summary,
.table-shadow.payment-history,
.table-shadow.tax-information {
    border-collapse: collapse;
    border: none;
    margin-bottom: 0;
    width: 780px
}

.table-shadow.address-bank-information caption span,
.table-shadow.annual-summary caption span,
.table-shadow.payment-history caption span,
.table-shadow.tax-information caption span {
    border-bottom: 3px solid #2B7AB3;
    color: #383B3E;
    display: block;
    font-size: 18px;
    font-weight: 400;
    padding-left: 15px;
    padding-bottom: 10px;
    text-align: left
}

.table-shadow.address-bank-information tbody tr th,
.table-shadow.annual-summary tbody tr th,
.table-shadow.payment-history tbody tr th,
.table-shadow.tax-information tbody tr th {
    padding: 10px 15px;
    width: 171px
}

.table-shadow.address-bank-information tbody tr td,
.table-shadow.address-bank-information tbody tr th,
.table-shadow.annual-summary tbody tr td,
.table-shadow.annual-summary tbody tr th,
.table-shadow.payment-history tbody tr td,
.table-shadow.payment-history tbody tr th,
.table-shadow.tax-information tbody tr td,
.table-shadow.tax-information tbody tr th {
    border-top: 1px solid #EFEFEF
}

.table-shadow.address-bank-information tbody tr td,
.table-shadow.annual-summary tbody tr td,
.table-shadow.payment-history tbody tr td,
.table-shadow.tax-information tbody tr td {
    padding-left: 0;
    padding-right: 15px
}

.table-shadow.address-bank-information tbody tr.mortgage-ui-paginator td,
.table-shadow.annual-summary tbody tr.mortgage-ui-paginator td,
.table-shadow.payment-history tbody tr.mortgage-ui-paginator td,
.table-shadow.tax-information tbody tr.mortgage-ui-paginator td {
    width: 100%;
    padding-right: 0
}

.table-shadow.address-bank-information tbody tr.mortgage-ui-paginator:first-child>td,
.table-shadow.annual-summary tbody tr.mortgage-ui-paginator:first-child>td,
.table-shadow.payment-history tbody tr.mortgage-ui-paginator:first-child>td,
.table-shadow.tax-information tbody tr.mortgage-ui-paginator:first-child>td {
    border-top: 0
}

.table-shadow.address-bank-information tbody tr.mortgage-ui-paginator:last-of-type>td,
.table-shadow.annual-summary tbody tr.mortgage-ui-paginator:last-of-type>td,
.table-shadow.payment-history tbody tr.mortgage-ui-paginator:last-of-type>td,
.table-shadow.tax-information tbody tr.mortgage-ui-paginator:last-of-type>td {
    border-bottom: 0;
    padding-bottom: 0
}

.table-shadow.address-bank-information tbody tr.mortgage-ui-paginator .mortgage-pagination,
.table-shadow.annual-summary tbody tr.mortgage-ui-paginator .mortgage-pagination,
.table-shadow.payment-history tbody tr.mortgage-ui-paginator .mortgage-pagination,
.table-shadow.tax-information tbody tr.mortgage-ui-paginator .mortgage-pagination {
    padding: 0
}

.table-shadow.address-bank-information tbody tr.mortgage-ui-paginator .ui-next,
.table-shadow.annual-summary tbody tr.mortgage-ui-paginator .ui-next,
.table-shadow.payment-history tbody tr.mortgage-ui-paginator .ui-next,
.table-shadow.tax-information tbody tr.mortgage-ui-paginator .ui-next {
    border-left: none
}

.table-shadow.payment-history {
    table-layout: auto
}

.accounts-credit-cards-spend-report-budget .table-shadow,
.alerts table,
.page-narrow.account-nickname table,
.table-shadow.address-bank-information,
.table-shadow.annual-summary,
.table-shadow.tax-information {
    table-layout: fixed
}

.table-shadow.payment-history caption {
    height: 15px;
    margin-bottom: 15px
}

.table-shadow.payment-history caption span {
    top: 0
}

.table-shadow.payment-history col {
    width: 95px
}

.table-shadow.payment-history col:first-child {
    width: 190px
}

.table-shadow.payment-history tbody tr:not(.error) th {
    width: auto
}

.table-shadow.payment-history tbody tr:not(.error) td {
    text-align: right
}

.table-shadow.payment-history tbody tr:not(.error):not(.mortgage-ui-paginator) td:last-of-type:nth-of-type(1) {
    padding-right: calc(((-1 + 5) * (95px + 15px)) + 15px)
}

.table-shadow.payment-history tbody tr:not(.error):not(.mortgage-ui-paginator) td:last-of-type:nth-of-type(2) {
    padding-right: calc(((-2 + 5) * (95px + 15px)) + 15px)
}

.table-shadow.payment-history tbody tr:not(.error):not(.mortgage-ui-paginator) td:last-of-type:nth-of-type(3) {
    padding-right: calc(((-3 + 5) * (95px + 15px)) + 15px)
}

.table-shadow.payment-history tbody tr:not(.error):not(.mortgage-ui-paginator) td:last-of-type:nth-of-type(4) {
    padding-right: calc(((-4 + 5) * (95px + 15px)) + 15px)
}

.table-shadow.payment-history tbody tr:not(.error):not(.mortgage-ui-paginator) td:last-of-type:nth-of-type(5) {
    padding-right: calc(((-5 + 5) * (95px + 15px)) + 15px)
}

.table-shadow.payment-history tbody tr.error td {
    border: none
}

.table-shadow.annual-summary tbody tr th {
    width: 1px
}

.table-shadow.annual-summary tbody tr td {
    padding-left: 0;
    width: 105px
}

.table-shadow.address-bank-information tbody tr th,
.table-shadow.tax-information tbody tr th {
    width: 255px
}

.table-shadow.address-bank-information tbody tr td,
.table-shadow.tax-information tbody tr td {
    width: 465px
}

.table-shadow.address-bank-information {
    margin-bottom: 0;
    padding-top: 10px
}

.table-shadow.address-bank-information:last-of-type {
    margin-bottom: 30px
}

div.mortgages-address-bank-information .table-shadow.address-bank-information td,
div.mortgages-address-bank-information .table-shadow.address-bank-information th {
    border: none;
    padding-bottom: 10px;
    padding-top: 10px
}

.gics-holdings .holdings-list .ui-loader {
    margin: 0 !important
}

.gics-holdings .holdings-list .non-registered table {
    box-sizing: border-box
}

.gics-holdings .holdings-list .non-registered table th:first-child {
    width: 52px
}

.gics-holdings .holdings-list .non-registered table th:nth-of-type(2) {
    width: 44px
}

.gics-holdings .holdings-list .non-registered table th:nth-of-type(3) {
    width: 108px
}

.gics-holdings .holdings-list .non-registered table td:nth-of-type(4),
.gics-holdings .holdings-list .non-registered table th:nth-of-type(4) {
    width: 96px
}

.gics-holdings .holdings-list .non-registered table td:nth-of-type(5),
.gics-holdings .holdings-list .non-registered table th:nth-of-type(5) {
    width: 89px
}

.gics-holdings .holdings-list .non-registered table td:nth-of-type(6),
.gics-holdings .holdings-list .non-registered table th:nth-of-type(6) {
    width: 70px
}

.gics-holdings .holdings-list .non-registered table td:nth-of-type(7),
.gics-holdings .holdings-list .non-registered table th:nth-of-type(7) {
    text-align: right;
    width: 83px
}

.gics-holdings .holdings-list .non-registered table td:nth-of-type(8),
.gics-holdings .holdings-list .non-registered table th:nth-of-type(8) {
    text-align: right;
    width: 72px
}

.gics-holdings .holdings-list .non-registered table th:nth-of-type(9) {
    width: 58px
}

.gics-holdings .holdings-list .non-registered table:lang(fr) th:first-child {
    width: 35px
}

.gics-holdings .holdings-list .non-registered table:lang(fr) th:nth-of-type(2) {
    width: 85px
}

.gics-holdings .holdings-list .non-registered table:lang(fr) th:nth-of-type(3) {
    width: 70px
}

.gics-holdings .holdings-list .non-registered table:lang(fr) td:nth-of-type(4),
.gics-holdings .holdings-list .non-registered table:lang(fr) th:nth-of-type(4) {
    width: 75px
}

.gics-holdings .holdings-list .non-registered table:lang(fr) td:nth-of-type(4) .ui-sorting-key.ui-asc:after,
.gics-holdings .holdings-list .non-registered table:lang(fr) td:nth-of-type(4) .ui-sorting-key.ui-desc:after,
.gics-holdings .holdings-list .non-registered table:lang(fr) th:nth-of-type(4) .ui-sorting-key.ui-asc:after,
.gics-holdings .holdings-list .non-registered table:lang(fr) th:nth-of-type(4) .ui-sorting-key.ui-desc:after {
    margin-left: 2px
}

.gics-holdings .holdings-list .non-registered table:lang(fr) td:nth-of-type(5),
.gics-holdings .holdings-list .non-registered table:lang(fr) th:nth-of-type(5) {
    width: 55px
}

.gics-holdings .holdings-list .non-registered table:lang(fr) td:nth-of-type(6),
.gics-holdings .holdings-list .non-registered table:lang(fr) th:nth-of-type(6) {
    width: 80px
}

.gics-holdings .holdings-list .non-registered table:lang(fr) td:nth-of-type(7),
.gics-holdings .holdings-list .non-registered table:lang(fr) th:nth-of-type(7) {
    text-align: right;
    width: 90px
}

.gics-holdings .holdings-list .non-registered table:lang(fr) td:nth-of-type(8),
.gics-holdings .holdings-list .non-registered table:lang(fr) th:nth-of-type(8) {
    text-align: right;
    width: 95px
}

.gics-holdings .holdings-list .non-registered table:lang(fr) th:nth-of-type(9) {
    width: 45px
}

.gics-holdings .holdings-list .registered table {
    box-sizing: border-box
}

.gics-holdings .holdings-list .registered table th:first-child {
    width: 80px
}

.gics-holdings .holdings-list .registered table th:nth-of-type(2) {
    width: 65px
}

.gics-holdings .holdings-list .registered table th:nth-of-type(3) {
    width: 75px
}

.gics-holdings .holdings-list .registered table td:nth-of-type(4),
.gics-holdings .holdings-list .registered table th:nth-of-type(4) {
    text-align: right;
    width: 55px
}

.gics-holdings .holdings-list .registered table td:nth-of-type(5),
.gics-holdings .holdings-list .registered table th:nth-of-type(5) {
    text-align: right;
    width: 75px
}

.gics-holdings .holdings-list .registered table td:nth-of-type(6),
.gics-holdings .holdings-list .registered table th:nth-of-type(6) {
    text-align: right;
    width: 80px
}

.gics-holdings .holdings-list .registered table td:nth-of-type(7),
.gics-holdings .holdings-list .registered table th:nth-of-type(7) {
    text-align: right;
    width: 95px
}

.gics-holdings .holdings-list .registered table td:nth-of-type(8),
.gics-holdings .holdings-list .registered table th:nth-of-type(8) {
    text-align: right;
    width: 100px
}

.gics-holdings .holdings-list .registered table td:nth-of-type(9),
.gics-holdings .holdings-list .registered table th:nth-of-type(9) {
    text-align: right;
    width: 120px
}

.gics-holdings .holdings-list .ui-display-link.ui-button {
    text-decoration: underline
}

@media print {
    .accounts-gics-index .main-footer .page-note ul {
        list-style: square
    }

    .accounts-gics-index .main-footer .page-note ul li {
        background: 0 0;
        padding-left: 0
    }
}

.gics-transactions .transaction-search fieldset {
    margin: 20px 0 30px
}

.gics-transactions .transaction-search fieldset .ui-set-select {
    height: 35px;
    padding: 0 0 20px
}

.gics-transactions .transaction-search fieldset .ui-set-field {
    margin: 0 0 0 10px
}

.gics-transactions .transaction-search fieldset .date-range .calendar-popover .ui-set-field:lang(fr) {
    margin-left: 3px
}

.gics-transactions .transaction-search fieldset .date-range .ui-set-calendar-popover .ui-select.ui-year:lang(fr) {
    margin-left: 0
}

.gics-transactions .transaction-search fieldset .calendar-popover {
    display: inline-block;
    vertical-align: top
}

.gics-transactions .transaction-search fieldset .calendar-popover:nth-of-type(2) .ui-partial-label {
    padding-left: 15px;
    width: 24px
}

.gics-transactions .transaction-search fieldset .calendar-popover:nth-of-type(2) .ui-partial-label:lang(fr) {
    padding-left: 0
}

.gics-transactions .transaction-search fieldset .calendar-popover .ui-select select:lang(fr) {
    padding: 4px 20px 4px 7px
}

.gics-transactions .transaction-search fieldset .ui-button.ui-display-default.ui-size-medium {
    margin-left: 15px;
    vertical-align: top;
    float: right
}

.gics-transactions .transaction-search fieldset .ui-button.ui-display-default.ui-size-medium:lang(fr) {
    margin-left: 0
}

.gics-transactions .transaction-search fieldset :lang(fr).ui-button.primary:after {
    clear: both
}

@media print {
    .gics-transactions .transaction-search fieldset :lang(fr).ui-button.primary {
        margin-top: 0
    }
}

.gics-transactions .transaction-search fieldset h4 {
    margin-left: 10px;
    margin-bottom: 15px
}

.gics-transactions .row .table-shadow {
    border-bottom: none;
    border-top: 5px solid #C17200;
    margin-top: 10px
}

.gics-transactions .transactions .header-highlight {
    border-bottom: none;
    padding: 4px 10px
}

.gics-transactions .transactions .ui-loader {
    margin: 0 !important
}

.gics-transactions .transactions .non-registered,
.gics-transactions .transactions .registered {
    margin-bottom: 0
}

.gics-transactions .transactions .ui-button.primary:lang(fr):after {
    clear: both
}

.gics-transactions .transactions .non-registered table th:first-child {
    width: 148px
}

.gics-transactions .transactions .non-registered table th:nth-of-type(2) {
    width: 145px
}

.gics-transactions .transactions .non-registered table th:nth-of-type(3) {
    width: 146px
}

.gics-transactions .transactions .non-registered table th:nth-of-type(4) {
    width: 178px
}

.gics-transactions .transactions .non-registered table td:nth-of-type(5),
.gics-transactions .transactions .non-registered table th:nth-of-type(5) {
    text-align: right;
    width: 95px
}

.gics-transactions .transactions .registered table th:first-child {
    width: 90px
}

.gics-transactions .transactions .registered table td:nth-of-type(3),
.gics-transactions .transactions .registered table th:nth-of-type(2),
.gics-transactions .transactions .registered table th:nth-of-type(3) {
    width: 100px
}

.gics-holding .holdings.pair .header {
    border-bottom: 3px solid #B7485F;
    font-size: 18px;
    padding: 15px 0 10px 15px
}

.gics-holding .holdings.pair li {
    padding-left: 15px;
    padding-right: 15px
}

.gics-holding .holdings.pair li div:first-of-type {
    font-weight: 700;
    padding-right: 15px;
    width: 255px
}

.gics-holding .return {
    margin-bottom: 30px
}

.gics-holding .return:after {
    clear: both
}

.gics-holding~.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.gics-holding~.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.gics-holding~.action-bar .primary:only-child {
    margin-left: auto
}

.gics-holding~.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.gics-holding~.action-bar .tertiary:focus,
.gics-holding~.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.gics-holding~.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.gics-holding~.action-bar .quaternary~.tertiary {
    margin: 0
}

.gics-holding~.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.gics-holding~.action-bar .secondary {
    margin: 2px 0 0 auto;
    order: 1
}

.accounts-gics .tombstone {
    margin-bottom: 15px
}

.accounts-gics .tombstone .box-medium {
    box-sizing: content-box;
    padding-right: 15px;
    width: 176px
}

.accounts-gics .tombstone .statement-options {
    display: block
}

.accounts-gics .header-highlight {
    padding: 0
}

.accounts-gics .header-highlight:after {
    border-bottom: 1px solid #BBBCBC;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}

.accounts-gics .header-highlight h3 {
    font-family: Arial;
    font-size: 13px;
    font-weight: 400;
    position: relative;
    z-index: 1
}

.accounts-gics .header-highlight h3>a,
.accounts-gics .header-highlight h3>span {
    border: 1px solid #BBBCBC;
    display: inline-block;
    padding: 15px 35px;
    height: 100%
}

.accounts-gics .header-highlight h3>a:not(:first-child),
.accounts-gics .header-highlight h3>span:not(:first-child) {
    border-left: none
}

.accounts-gics .header-highlight h3>span {
    border-bottom: none;
    border-top: none;
    box-shadow: inset 0 4px 0 #C41F3E, 0 1px 0 #fff;
    color: #C41F3E;
    font-weight: 700;
    padding-top: 16px
}

.accounts-gics .header-highlight h3>a:not(:hover) {
    text-decoration: none
}

.accounts-gics .holdings-list .registered table,
.accounts-gics .transactions .registered table {
    border-top: 3px solid #C17200
}

.accounts-gics .holdings-list .non-registered table,
.accounts-gics .transactions .non-registered table {
    border-top: 3px solid #B7485F
}

.accounts-gics .holdings-list table,
.accounts-gics .transactions table {
    border-bottom: none;
    border-collapse: collapse
}

.accounts-gics .holdings-list table thead tr th,
.accounts-gics .transactions table thead tr th {
    height: auto
}

.accounts-gics .holdings-list table tbody tr,
.accounts-gics .transactions table tbody tr {
    border-top: 1px solid #EFEFEF
}

.accounts-gics .holdings-list table tbody tr td,
.accounts-gics .transactions table tbody tr td {
    border-top: none
}

.accounts-gics .transactions .table-title {
    border-bottom: none
}

.accounts-credit-cards .credit-card-details .status-filter {
    padding: 0 10px
}

.accounts-credit-cards .credit-card-details .status-filter ul li .ui-button {
    text-decoration: underline
}

.accounts-credit-cards .credit-card-details .status-filter ul li .ui-display-link.active {
    color: #383B3E;
    text-decoration: none
}

@keyframes dyanamicLoader {
    0% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

.accounts-credit-cards .credit-card-details .loading-animation {
    animation-name: dyanamicLoader;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    background-color: #CECECE
}

.accounts-credit-cards .credit-card-details .tombstone {
    clear: both;
    border-top: none;
    margin-top: 1px;
    margin-bottom: 0;
    padding-bottom: 15px
}

.accounts-credit-cards .credit-card-details .tombstone:after {
    content: "";
    display: table;
    clear: both
}

.accounts-credit-cards .credit-card-details .tombstone .icon-link {
    background: url(img/icon-link-red.png) left/16px no-repeat;
    padding-left: 24px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .CCExternalLinks .icon-link a {
    text-decoration: none
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .CCExternalLinks .icon-link a:hover,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .ui-display-link,
.accounts-credit-cards .credit-card-details td.transactions span.transactionDescription:focus,
.accounts-credit-cards .credit-card-details td.transactions span.transactionDescription:hover {
    text-decoration: underline
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .marvel-rewards-points {
    font-family: WhitneyMedium;
    margin-bottom: 0 !important
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .marvel-rewards {
    margin-top: 20px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .rewards-link {
    margin-top: 15px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .payment-with-point-button {
    margin-top: 15px;
    width: 170px;
    background-color: transparent;
    border: 1px solid #C41F3E;
    color: #C41F3E
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .payment-with-point-button:focus,
.accounts-credit-cards .credit-card-details .tombstone .card-details-main .payment-with-point-button:hover {
    background-color: #8B1D41;
    border-color: #8B1D41;
    color: #FFF
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .ui-button.ui-display-default .ui-wrapper {
    padding: 0
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .product-name {
    font-family: WhitneyMedium;
    padding: 10px 0 0
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .CCExternalLinks {
    top: 0;
    padding-top: 50px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .CCExternalLinks .icon-link {
    margin-top: 15px !important
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box {
    background-color: #fdfdfd;
    padding: 20px 25px 0
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box h2 {
    border-bottom: 1px solid #c3c3c3;
    font-family: Arial;
    font-weight: 700;
    color: #333;
    padding-top: 0
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box li.first span {
    color: #0767A8;
    font-family: WhitneyMedium
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box li:last-child {
    padding-bottom: 20px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box.statement-details h2 {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box.statement-details .amount-due,
.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box.statement-details .amount-due .negative,
.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box.statement-details .minimum-due,
.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box.statement-details .minimum-due .negative {
    font-weight: 700
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box.statement-details .statement-info {
    border-bottom: 1px solid #c3c3c3;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box .amount-due .ui-set-popover,
.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box .minimum-due .ui-set-popover {
    font-weight: 400
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box .make-a-payment {
    padding-bottom: 47px;
    padding-top: 0
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box .make-a-payment .float-right .ui-button {
    margin-top: 0
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box .last-payment {
    border-top: 1px solid #c3c3c3;
    padding-top: 15px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box .minimum-due {
    padding-bottom: 15px
}

.accounts-credit-cards .credit-card-details .upcoming-transactions {
    padding-top: 0;
    padding-left: 15px;
    padding-bottom: 25px !important
}

.accounts-credit-cards .credit-card-details .upcoming-transactions .ui-loader {
    min-height: auto
}

.accounts-credit-cards .credit-card-details div.transactions>section>.header {
    border-bottom: 3px solid #0767A8
}

.accounts-credit-cards .credit-card-details td.transactions .REDEEMED,
.accounts-credit-cards .credit-card-details td.transactions .ipConverted,
.accounts-credit-cards .credit-card-details td.transactions .ipEligible {
    color: #11608A;
    margin-bottom: 6px;
    margin-top: -4px
}

.accounts-credit-cards .credit-card-details td.transactions .REDEEMED span,
.accounts-credit-cards .credit-card-details td.transactions .ipConverted span,
.accounts-credit-cards .credit-card-details td.transactions .ipEligible span {
    padding-left: 25px;
    padding-bottom: 10px;
    font-weight: 700
}

.accounts-credit-cards .credit-card-details td.transactions div.transactionDescription {
    padding: 3px 0
}

.accounts-credit-cards .credit-card-details td.transactions .ELIGIBLE {
    background: url(img/accounts/credit-cards/shop-with-points/icon-redeem.png) no-repeat;
    background-size: 24px
}

.accounts-credit-cards .credit-card-details td.transactions .ipEligible {
    background: url(img/accounts/credit-cards/installment-payments/ip_icon.png) no-repeat
}

.accounts-credit-cards .credit-card-details td.transactions .REDEEMED,
.accounts-credit-cards .credit-card-details td.transactions .ipConverted {
    background: url(img/accounts/credit-cards/shop-with-points/icon-redeemed.png) no-repeat;
    color: #4A9E6B
}

.accounts-credit-cards .credit-card-details td.transactions span.transactionDescription.no-category-icon {
    padding-left: 23px
}

.accounts-credit-cards .credit-card-details .transaction-list td .ui-set-popover p {
    background-color: #fff
}

.accounts-credit-cards .credit-card-details .transaction-list .amount {
    position: relative;
    padding-right: 25px
}

.accounts-credit-cards .credit-card-details .transaction-list .amount .ui-button.ui-display-help {
    background: url(img/accounts/credit-cards/icon-pending.png) left no-repeat;
    background-size: 16px;
    color: #C41F3E
}

.accounts-credit-cards .credit-card-details .transaction-list .ui-popover.ui-display-help .ui-button.ui-display-link .ui-wrapper {
    color: #C41F3E
}

.accounts-credit-cards .credit-card-details .transaction-list .merchant-cleansing tr.transaction-row {
    cursor: pointer
}

.accounts-credit-cards .credit-card-details .transaction-list .merchant-cleansing tr.transaction-row:focus,
.accounts-credit-cards .credit-card-details .transaction-list .merchant-cleansing tr.transaction-row:hover {
    background-color: #F7F7F7
}

.accounts-credit-cards .credit-card-details .transaction-list .merchant-cleansing tr.transaction-hub-shown {
    background-color: #DEE9F7;
    cursor: pointer
}

.accounts-credit-cards .credit-card-details .transaction-list .merchant-cleansing tr.transaction-hub-shown:focus,
.accounts-credit-cards .credit-card-details .transaction-list .merchant-cleansing tr.transaction-hub-shown:hover {
    background-color: #DEE9F7
}

.accounts-credit-cards .credit-card-details .transaction-list .merchant-cleansing tr.transaction-hub-shown .redeemable-pending-has-error {
    height: 211px
}

.accounts-credit-cards .credit-card-details .transaction-list .merchant-cleansing tr.transaction-hub-shown .no-redeemable-pending-has-error {
    height: 96px
}

.accounts-credit-cards .credit-card-details .transaction-list .merchant-cleansing .transactions span:first-child,
.accounts-credit-cards .credit-card-details .transaction-list .merchant-cleansing .transactions span:first-child~span {
    padding-left: 30px
}

.accounts-credit-cards .credit-card-details .transaction-list .merchant-cleansing .transactions>img {
    float: left;
    height: 24px;
    width: 24px
}

.accounts-credit-cards .credit-card-details .transaction-list .merchant-cleansing img {
    display: inline-block;
    height: 19px;
    margin-right: 4px;
    position: relative;
    top: -1px;
    width: 19px
}

.accounts-credit-cards .credit-card-details .transaction-list tr.transaction-row .pending-indicator {
    height: 16px;
    top: -3px;
    width: auto;
    float: right
}

.accounts-credit-cards .credit-card-details .transaction-list tr.transaction-hub-row {
    border-top: none
}

.accounts-credit-cards .credit-card-details .transaction-list tr.transaction-hub-row td {
    padding: 0 0 0 187px
}

.accounts-credit-cards .credit-card-details .transaction-list .toggle-transaction-hub {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 13px;
    right: 2px
}

.accounts-credit-cards .credit-card-details .transaction-list .toggle-transaction-hub.open-hub {
    background: url(img/icon-expand-red.png) center no-repeat;
    background-size: 16px
}

.accounts-credit-cards .credit-card-details .transaction-list .toggle-transaction-hub.close-hub {
    background: url(img/icon-collaspe-red.png) center no-repeat;
    background-size: 16px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub {
    border: none;
    display: none;
    height: 155px;
    overflow: visible;
    position: relative
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .scrollable {
    height: 155px;
    overflow-y: auto
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .alignment,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .loading-hub .top-padding {
    overflow: hidden
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.is-ip-eligible {
    height: 279px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.is-ip-eligible.ip-converted,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.is-ip-eligible.ip-converted .scrollable,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.is-ip-eligible.ip-converted.is-loading-merchant-info,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.is-ip-eligible.ip-converted.is-loading-merchant-info .scrollable {
    height: 155px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.is-ip-eligible .scrollable {
    height: 276px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.is-ip-eligible.hide-contact-info,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.is-ip-eligible.hide-contact-info .scrollable {
    height: 190px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.is-ip-eligible.is-loading-merchant-info,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.is-ip-eligible.is-loading-merchant-info .scrollable {
    height: 259px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.is-redeemable,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.is-redeemable .scrollable {
    height: 270px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.pending-transaction-hub {
    height: 198px;
    border-top: 1px solid #BBBCBC
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.pending-transaction-hub .scrollable {
    height: 198px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.pending-transaction-hub.is-redeemable,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.pending-transaction-hub.is-redeemable .scrollable {
    height: 316px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.hide-txn-merchant-feature,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.hide-txn-merchant-feature .scrollable {
    height: 75px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.hide-txn-merchant-feature.is-redeemable,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.hide-txn-merchant-feature.is-redeemable .scrollable {
    height: 190px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.hide-txn-merchant-feature.pending-transaction-hub,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.hide-txn-merchant-feature.pending-transaction-hub .scrollable {
    height: 115px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub.hide-txn-merchant-feature.pending-transaction-hub .scrollable .redeem-with-points {
    display: none
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .loading-hub .top-padding .merchant {
    float: left;
    width: auto
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .loading-hub .name-placeholder {
    border-radius: 8px;
    height: 12px;
    margin-bottom: 6px;
    margin-right: 6px;
    width: 296px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .loading-hub .industry-placeholder {
    border-radius: 4px;
    height: 8px;
    margin-right: 70px;
    width: 175px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .loading-hub .unrecognized-transaction-popover-placeholder {
    border-radius: 4px;
    float: right;
    height: 8px;
    margin-right: 30px;
    margin-top: 4px;
    width: 175px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .loading-hub .address-placeholder {
    border-radius: 4px;
    height: 8px;
    width: 475px;
    margin-top: 25px;
    margin-bottom: 25px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .loading-hub .pending-desc-placeholder {
    border-radius: 4px;
    height: 8px;
    margin-bottom: 25px;
    margin-right: 30px;
    padding: 0;
    width: 296px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .unrecognized-transaction-popover {
    position: absolute;
    top: 19px;
    right: 0;
    line-height: 12px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .merchant {
    width: 50%
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .merchant .name {
    font-size: 14px;
    color: #333;
    font-family: Arial;
    font-weight: 700
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .merchant .industry {
    font-size: 12px;
    color: #333;
    font-family: Arial
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .unrecognized-txn-modal-button {
    position: absolute;
    top: 20px;
    right: 29px;
    text-decoration: underline
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .ui-display-help {
    margin-right: 15px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .ui-display-help .ui-button {
    top: 0
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .contact-info {
    color: #333;
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 16px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .contact-info .address {
    max-width: 400px;
    float: left
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .contact-info .address.add-full-width {
    max-width: 100%
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .contact-info .phone {
    display: inline-block;
    vertical-align: top
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .contact-info .phone.seperator {
    border-left: 1px #000 solid;
    padding-left: 15px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .merchant-address {
    padding-right: 17px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .show-map-button {
    font-size: 12px;
    padding-right: 17px;
    display: inline-block;
    vertical-align: baseline
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .merchant-phone-number {
    display: inline-block
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .top-padding {
    padding-top: 16px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .bottom-padding {
    padding-bottom: 16px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .left-part {
    width: 53%;
    margin-top: 20px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .redeem-with-points .divider {
    border-top: 1px solid #c3c3c3;
    float: left;
    padding-top: 18px;
    width: 100%
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .redeem-with-points .ui-button.primary.redeem-points-button .ui-wrapper {
    background-image: url(img/accounts/credit-cards/shop-with-points/icon-redeem-white.png);
    background-position: 30px 8px;
    background-repeat: no-repeat;
    background-size: 17px;
    padding-left: 55px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .redeem-with-points .alignment.bottom-padding {
    font-weight: 700;
    position: relative;
    padding-top: 10px;
    padding-bottom: 24px;
    color: #11608A;
    width: 285px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .pay-with-installments .divider {
    border-top: 1px solid #BBBCBC;
    float: left;
    padding-top: 18px;
    width: 100%
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .pay-with-installments .ui-button.primary.installment-payment-button .ui-wrapper {
    background-image: url(img/accounts/credit-cards/installment-payments/ip_icon_white.png);
    background-position: 30px 5px;
    background-repeat: no-repeat;
    padding-left: 60px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .pay-with-installments .alignment.bottom-padding {
    color: #383B3E;
    padding-bottom: 20px;
    padding-top: 10px;
    width: 240px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-hub .pay-with-installments .alignment.bottom-padding:lang(fr) {
    width: 300px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ELIGIBLE.ELIGIBLE .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ELIGIBLE.REDEEMED .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ELIGIBLE.ipConverted .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ELIGIBLE.ipEligible .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ELIGIBLE.loading .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.REDEEMED.ELIGIBLE .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.REDEEMED.REDEEMED .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.REDEEMED.ipConverted .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.REDEEMED.ipEligible .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.REDEEMED.loading .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipConverted.ELIGIBLE .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipConverted.REDEEMED .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipConverted.ipConverted .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipConverted.ipEligible .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipConverted.loading .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipEligible.ELIGIBLE .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipEligible.REDEEMED .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipEligible.ipConverted .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipEligible.ipEligible .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipEligible.loading .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipIneligible.ELIGIBLE .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipIneligible.REDEEMED .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipIneligible.ipConverted .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipIneligible.ipEligible .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipIneligible.loading .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.loading.ELIGIBLE .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.loading.REDEEMED .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.loading.ipConverted .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.loading.ipEligible .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.loading.loading .transactions {
    padding-top: 15px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ELIGIBLE .amount>span,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.REDEEMED .amount>span,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipConverted .amount>span,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipEligible .amount>span,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipIneligible .amount>span,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.loading .amount>span {
    margin-top: 20px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ELIGIBLE .amount .toggle-transaction-hub,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.REDEEMED .amount .toggle-transaction-hub,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipConverted .amount .toggle-transaction-hub,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipEligible .amount .toggle-transaction-hub,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipIneligible .amount .toggle-transaction-hub,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.loading .amount .toggle-transaction-hub {
    top: 34px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ELIGIBLE .transactionDate span,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.REDEEMED .transactionDate span,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipConverted .transactionDate span,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipEligible .transactionDate span,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipIneligible .transactionDate span,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.loading .transactionDate span {
    display: inline-block;
    margin-top: 20px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ELIGIBLE .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.REDEEMED .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipConverted .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipEligible .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.ipIneligible .transactions,
.accounts-credit-cards .credit-card-details .transaction-list .transaction-row.loading .transactions {
    padding-top: 35px
}

.accounts-credit-cards .credit-card-details .transaction-list .transaction-row .transactions .indicatorLoader {
    border-radius: 4px;
    height: 8px;
    margin-bottom: 12px;
    width: 175px
}

.section-divider {
    display: block;
    border-bottom: 1px solid #d3d9de;
    padding-top: 15px;
    width: 700px;
    clear: both
}

.merchant-map-dialog.dialog-modal .ui-dialog>.ui-wrapper {
    height: 565px;
    width: 804px;
    margin-left: -395px
}

.merchant-map-dialog.dialog-modal .ui-dialog>.ui-wrapper .ui-body {
    height: 100%;
    padding: 35px 28px 0;
    overflow: auto
}

.merchant-map-dialog.dialog-modal .ui-dialog>.ui-wrapper .ui-body .dialog-content {
    position: relative
}

.merchant-map-dialog.dialog-modal .ui-dialog>.ui-wrapper .ui-body .dialog-content .header {
    margin: 0
}

.merchant-map-dialog.dialog-modal .ui-dialog .bing-map {
    float: left
}

.merchant-map-dialog.dialog-modal .ui-dialog .merchant-info {
    float: right;
    width: 300px;
    padding-right: 5px;
    vertical-align: top
}

.merchant-map-dialog.dialog-modal .ui-dialog .merchant-info .merchant-name {
    font-size: 30px;
    font-family: WhitneyBookRegular;
    line-height: 35px;
    padding: 17px 0 12px
}

.merchant-map-dialog.dialog-modal .ui-dialog .merchant-info hr {
    border-color: #bbb;
    margin: 0;
    padding: 0
}

.merchant-map-dialog.dialog-modal .ui-dialog .merchant-info .merchant-industry {
    font-size: 12px;
    padding-bottom: 15px
}

.merchant-map-dialog.dialog-modal .ui-dialog .merchant-info .address {
    padding: 30px 0;
    font-size: 14px
}

.merchant-map-dialog.dialog-modal .ui-dialog .merchant-info .phone-number {
    font-size: 14px
}

@media print {
    .merchant-map-dialog.dialog-modal .ui-dialog>.ui-wrapper {
        margin-left: 0
    }

    .merchant-map-dialog.dialog-modal .ui-dialog>.ui-wrapper .ui-body {
        padding: 0
    }

    .merchant-map-dialog.dialog-modal .ui-dialog>.ui-wrapper .ui-body .merchant-info {
        width: 280px
    }
}

.dialog-replace-damaged-card .address {
    font-weight: 700
}

.dialog-replace-damaged-card .dialog-content~.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.dialog-replace-damaged-card .dialog-content~.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.dialog-replace-damaged-card .dialog-content~.action-bar .primary:only-child {
    margin-left: auto
}

.dialog-replace-damaged-card .dialog-content~.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.dialog-replace-damaged-card .dialog-content~.action-bar .quaternary~.tertiary {
    margin: 0
}

.dialog-replace-damaged-card .dialog-content~.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.dialog-replace-damaged-card .dialog-content~.action-bar .secondary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.dialog-replace-damaged-card .dialog-content~.action-bar .secondary:focus,
.dialog-replace-damaged-card .dialog-content~.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.dialog-replace-damaged-card .dialog-content~.action-bar .tertiary {
    background: 0 0;
    border: 2px solid #C41F3E;
    color: #C41F3E;
    margin: 0;
    order: 2
}

.dialog-replace-damaged-card .dialog-content~.action-bar .tertiary:focus,
.dialog-replace-damaged-card .dialog-content~.action-bar .tertiary:hover {
    background-color: #8B1D41;
    border: 2px solid #8B1D41;
    color: #fff
}

.dialog-replace-damaged-card .dialog-content~.action-bar .tertiary.ui-disabled {
    background-color: #b3b3b3
}

.dialog-replace-damaged-card .dialog-content~.action-bar .tertiary.ui-size-medium {
    margin-top: 2px
}

.unrecognized-txn-help-dialog .ui-body {
    padding: 30px 30px 0 !important
}

.unrecognized-txn-help-dialog .ui-body .dialog-content {
    padding-bottom: 5px !important
}

.unrecognized-txn-help-dialog .ui-body .dialog-content h3 {
    padding-bottom: 5px
}

.unrecognized-txn-help-dialog .ui-body .dialog-content p {
    margin-bottom: 25px;
    font-size: 13px
}

.unrecognized-txn-help-dialog .ui-body .dialog-content header {
    margin-bottom: 0
}

@media print {

    .accounts-credit-cards .credit-card-details .tombstone .current-balance,
    .accounts-credit-cards .statement-balance span {
        color: #11608A !important
    }
}

.accounts-credit-cards-alerts-index {
    margin-bottom: 40px;
    position: relative
}

.accounts-credit-cards-alerts-index .tab-instructions {
    margin: 20px 15px 40px
}

.accounts-credit-cards-alerts-index .credit-smart-alerts {
    text-align: right
}

.accounts-credit-cards-alerts-index .credit-smart-alerts h3 {
    background: #EFEFEF;
    box-sizing: border-box;
    color: #383B3E;
    font-size: 16px;
    font-weight: 400;
    height: 40px;
    padding: calc((40px - 16px)/ 2) 15px;
    text-align: left;
    width: 100%
}

.accounts-credit-cards-alerts-index .credit-smart-alerts p {
    margin: 15px;
    text-align: left
}

.accounts-credit-cards-alerts-index .credit-smart-alerts .ui-display-default.ui-button {
    margin: 15px
}

.accounts-credit-cards-alerts-index .credit-smart-alerts .ui-display-default.ui-button:focus,
.accounts-credit-cards-alerts-index .credit-smart-alerts .ui-display-default.ui-button:hover {
    text-decoration: none
}

@media print {
    .accounts-credit-cards-alerts-index .ui-display-default.ui-button {
        background: 0 0;
        box-shadow: none;
        color: #000;
        filter: none;
        font-weight: 400;
        text-decoration: underline
    }
}

.accounts-credit-cards-spend-report-budget .ui-display-merchant-category-0001 .ui-wrapper {
    background: url(img/accounts/credit-cards/merchant-category-icons/0001.png) left center no-repeat;
    background-size: 16px;
    display: inline-block;
    font-weight: 400;
    padding: 0 15px 0 20px
}

.accounts-credit-cards-spend-report-budget .ui-display-merchant-category-0002 .ui-wrapper {
    background: url(img/accounts/credit-cards/merchant-category-icons/0002.png) left center no-repeat;
    background-size: 16px;
    display: inline-block;
    font-weight: 400;
    padding: 0 15px 0 20px
}

.accounts-credit-cards-spend-report-budget .ui-display-merchant-category-0003 .ui-wrapper {
    background: url(img/accounts/credit-cards/merchant-category-icons/0003.png) left center no-repeat;
    background-size: 16px;
    display: inline-block;
    font-weight: 400;
    padding: 0 15px 0 20px
}

.accounts-credit-cards-spend-report-budget .ui-display-merchant-category-0004 .ui-wrapper {
    background: url(img/accounts/credit-cards/merchant-category-icons/0004.png) left center no-repeat;
    background-size: 16px;
    display: inline-block;
    font-weight: 400;
    padding: 0 15px 0 20px
}

.accounts-credit-cards-spend-report-budget .ui-display-merchant-category-0005 .ui-wrapper {
    background: url(img/accounts/credit-cards/merchant-category-icons/0005.png) left center no-repeat;
    background-size: 16px;
    display: inline-block;
    font-weight: 400;
    padding: 0 15px 0 20px
}

.accounts-credit-cards-spend-report-budget .ui-display-merchant-category-0006 .ui-wrapper {
    background: url(img/accounts/credit-cards/merchant-category-icons/0006.png) left center no-repeat;
    background-size: 16px;
    display: inline-block;
    font-weight: 400;
    padding: 0 15px 0 20px
}

.accounts-credit-cards-spend-report-budget .ui-display-merchant-category-0007 .ui-wrapper {
    background: url(img/accounts/credit-cards/merchant-category-icons/0007.png) left center no-repeat;
    background-size: 16px;
    display: inline-block;
    font-weight: 400;
    padding: 0 15px 0 20px
}

.accounts-credit-cards-spend-report-budget .ui-display-merchant-category-0008 .ui-wrapper {
    background: url(img/accounts/credit-cards/merchant-category-icons/0008.png) left center no-repeat;
    background-size: 16px;
    display: inline-block;
    font-weight: 400;
    padding: 0 15px 0 20px
}

.accounts-credit-cards-spend-report-budget .ui-display-merchant-category-0009 .ui-wrapper {
    background: url(img/accounts/credit-cards/merchant-category-icons/0009.png) left center no-repeat;
    background-size: 16px;
    display: inline-block;
    font-weight: 400;
    padding: 0 15px 0 20px
}

.accounts-credit-cards-spend-report-budget .ui-display-merchant-category-0010 .ui-wrapper {
    background: url(img/accounts/credit-cards/merchant-category-icons/0010.png) left center no-repeat;
    background-size: 16px;
    display: inline-block;
    font-weight: 400;
    padding: 0 15px 0 20px
}

.accounts-credit-cards-spend-report-budget .ui-display-merchant-category-0011 .ui-wrapper {
    background: url(img/accounts/credit-cards/merchant-category-icons/0011.png) left center no-repeat;
    background-size: 16px;
    display: inline-block;
    font-weight: 400;
    padding: 0 15px 0 20px
}

.accounts-credit-cards-spend-report-budget .budget-progress-bar-legend .approaching-budget {
    background-color: #FFA76C
}

.accounts-credit-cards-spend-report-budget .budget-progress-bar-legend div {
    float: left
}

.accounts-credit-cards-spend-report-budget .budget-progress-bar-legend div span {
    display: block;
    float: left;
    height: 15px;
    margin: 0 5px 0 10px;
    width: 15px
}

.accounts-credit-cards-spend-report-budget .budget-progress-bar-legend .exceeded-budget {
    background-color: #FF7B7B
}

.accounts-credit-cards-spend-report-budget .budget-progress-bar-legend .within-budget {
    background-color: #76B297
}

.accounts-credit-cards-spend-report-budget .header-highlight {
    border-bottom: 3px solid #666;
    line-height: 100%;
    margin-bottom: 15px;
    text-align: left
}

.accounts-credit-cards-spend-report-budget .header-highlight h3 {
    font-size: 18px;
    font-weight: 400
}

.accounts-credit-cards-spend-report-budget .table-shadow {
    margin-top: 45px
}

.accounts-credit-cards-spend-report-budget .table-shadow .budget-amount {
    width: 205px
}

.accounts-credit-cards-spend-report-budget .table-shadow .budget-difference {
    padding-left: 0;
    text-align: right;
    width: 105px
}

.accounts-credit-cards-spend-report-budget .table-shadow .current-amount {
    padding-left: 10px;
    width: 95px
}

.accounts-credit-cards-spend-report-budget .table-shadow .progress {
    padding-left: 0;
    padding-right: 20px;
    width: 90px
}

.accounts-credit-cards-spend-report-budget .table-shadow .spend-category {
    width: 175px
}

.accounts-credit-cards-spend-report-budget .table-shadow .monthly-budget th,
.accounts-credit-cards-spend-report-budget .table-shadow .spend-categories-body th {
    border-top: 1px solid #BBBCBC
}

.accounts-credit-cards-spend-report-budget .table-shadow .monthly-budget tr:first-of-type>td,
.accounts-credit-cards-spend-report-budget .table-shadow .monthly-budget tr:first-of-type>th,
.accounts-credit-cards-spend-report-budget .table-shadow .spend-categories-body tr:first-of-type>td,
.accounts-credit-cards-spend-report-budget .table-shadow .spend-categories-body tr:first-of-type>th {
    border-top: none
}

.accounts-credit-cards-spend-report-budget .table-shadow .monthly-budget tr:last-of-type>td,
.accounts-credit-cards-spend-report-budget .table-shadow .monthly-budget tr:last-of-type>th,
.accounts-credit-cards-spend-report-budget .table-shadow .spend-categories-body tr:last-of-type>td,
.accounts-credit-cards-spend-report-budget .table-shadow .spend-categories-body tr:last-of-type>th {
    border-bottom: none
}

.accounts-credit-cards-spend-report-budget .table-shadow thead {
    line-height: 12px
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories {
    box-sizing: border-box;
    line-height: 100%;
    width: 100%;
    margin-top: 20px
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories caption {
    border-bottom: 3px solid #0767A8;
    font-size: 16px;
    padding: 0 15px 8px;
    text-align: left
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody,
.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories thead {
    box-sizing: border-box
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories thead tr {
    background-color: #F4F4F4;
    color: #666;
    font-size: 11px;
    font-weight: 700
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories thead tr th:first-child {
    padding: 15px
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories thead tr th:not(:first-child) {
    padding: 15px 15px 15px 0
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories body th:first-child,
.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories thead th:first-child {
    width: 235px
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody td:nth-child(2),
.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories thead th:nth-child(2) {
    text-align: right;
    width: 200px
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody td:nth-child(3),
.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories thead th:nth-child(3) {
    text-align: right;
    width: 205px
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody td:nth-child(4),
.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories thead th:nth-child(4) {
    text-align: right;
    width: 65px
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody tr {
    border-top: 1px solid #E1E1E1
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody tr.disabled .ui-button.edit-budget-amount,
.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody tr.disabled ui-button.delete-budget-amount {
    filter: gray;
    cursor: default;
    opacity: .4;
    -moz-opacity: .4;
    -webkit-opacity: .4
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody tr.enabled .ui-button.edit-budget-amount,
.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody tr.enabled ui-button.delete-budget-amount {
    filter: none;
    cursor: pointer;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody tr th {
    padding: 15px
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody tr:not(:nth-child(3)) th {
    font-weight: 400
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody tr.summary.credit-limit:first-of-type td:nth-of-type(2),
.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody tr:nth-of-type(2).summary.credit-limit td:nth-of-type(2) {
    box-sizing: border-box
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody tr:nth-child(3) th {
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody tr.selected {
    background-color: #F2F9FE
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody tr.selected th {
    padding-left: 15px
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody tr.selected .ui-button {
    margin-top: 8px;
    vertical-align: top
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody td {
    padding: 15px 15px 15px 0
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody td .ui-button:first-of-type {
    border-right: 1px solid #E1E1E1;
    padding-left: calc(18px + (15px * 2));
    padding-right: 0;
    margin-right: 15px
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody td .ui-button+.ui-button {
    border: none;
    padding: 0
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody td .ui-button:only-of-type {
    border: none;
    margin-right: calc(18px + 20px)
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody td .ui-set-textbox {
    display: inline-block
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody td .ui-set-textbox .ui-set-field {
    margin: 0
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody td .ui-set-textbox .ui-textbox {
    max-width: 101px
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories tbody label[style='visibility: hidden'] {
    left: -1000000px;
    position: absolute;
    top: -1000000px
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories .cancel-budget-amount,
.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories .delete-budget-amount,
.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories .edit-budget-amount,
.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories .save-budget-amount {
    background: url(img/icon-edit-red.png) center top/18px no-repeat;
    height: 18px;
    width: 18px
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories .cancel-budget-amount,
.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories .delete-budget-amount {
    border-left: solid 1px #dedede;
    padding: 0 22px
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories .edit-budget-amount,
.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories .save-budget-amount {
    padding: 0 22px
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories .delete-budget-amount {
    background-image: url(img/icon-delete-red.png)
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories .save-budget-amount {
    background-image: url(img/icon_18_confirm.png)
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories .cancel-budget-amount {
    background-image: url(img/icon_18_cancel.png)
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories .ui-display-merchant-category-0001 {
    background: url(img/accounts/credit-cards/merchant-category-icons/0001.png) 10px center no-repeat;
    background-size: 24px;
    padding-left: calc(15px + 18px + 5px)
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories .ui-display-merchant-category-0002 {
    background: url(img/accounts/credit-cards/merchant-category-icons/0002.png) 10px center no-repeat;
    background-size: 24px;
    padding-left: calc(15px + 18px + 5px)
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories .ui-display-merchant-category-0003 {
    background: url(img/accounts/credit-cards/merchant-category-icons/0003.png) 10px center no-repeat;
    background-size: 24px;
    padding-left: calc(15px + 18px + 5px)
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories .ui-display-merchant-category-0004 {
    background: url(img/accounts/credit-cards/merchant-category-icons/0004.png) 10px center no-repeat;
    background-size: 24px;
    padding-left: calc(15px + 18px + 5px)
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories .ui-display-merchant-category-0005 {
    background: url(img/accounts/credit-cards/merchant-category-icons/0005.png) 10px center no-repeat;
    background-size: 24px;
    padding-left: calc(15px + 18px + 5px)
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories .ui-display-merchant-category-0006 {
    background: url(img/accounts/credit-cards/merchant-category-icons/0006.png) 10px center no-repeat;
    background-size: 24px;
    padding-left: calc(15px + 18px + 5px)
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories .ui-display-merchant-category-0007 {
    background: url(img/accounts/credit-cards/merchant-category-icons/0007.png) 10px center no-repeat;
    background-size: 24px;
    padding-left: calc(15px + 18px + 5px)
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories .ui-display-merchant-category-0008 {
    background: url(img/accounts/credit-cards/merchant-category-icons/0008.png) 10px center no-repeat;
    background-size: 24px;
    padding-left: calc(15px + 18px + 5px)
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories .ui-display-merchant-category-0009 {
    background: url(img/accounts/credit-cards/merchant-category-icons/0009.png) 10px center no-repeat;
    background-size: 24px;
    padding-left: calc(15px + 18px + 5px)
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories .ui-display-merchant-category-0010 {
    background: url(img/accounts/credit-cards/merchant-category-icons/0010.png) 10px center no-repeat;
    background-size: 24px;
    padding-left: calc(15px + 18px + 5px)
}

.accounts-credit-cards-spend-report-alerts section.accounts-credit-cards-spend-report-alerts table.accounts-table-spend-categories .ui-display-merchant-category-0011 {
    background: url(img/accounts/credit-cards/merchant-category-icons/0011.png) 10px center no-repeat;
    background-size: 24px;
    padding-left: calc(15px + 18px + 5px)
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .header-highlight,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .header-highlight {
    border-bottom: 3px solid #0767A8;
    padding: 15px 0 7px 15px;
    line-height: 100%;
    clear: both
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .header-highlight h3,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .header-highlight h3 {
    display: inline-block;
    float: left
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .header-highlight .switch-toggle,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .header-highlight .switch-toggle {
    float: right;
    padding-right: 15px
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .header-highlight .switch-toggle span+span,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .header-highlight .switch-toggle span+span {
    border-left: 1px solid #BBBCBC;
    margin-left: 6px;
    padding-left: 10px
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .header-highlight .spend-total-amount,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .header-highlight .spend-total-amount {
    float: right;
    padding-right: 15px;
    font-size: 18px
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details {
    border-collapse: collapse;
    box-sizing: border-box;
    line-height: normal
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .monthly-budget,
.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-title .spend-category,
.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow>thead tr:first-of-type,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .monthly-budget,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-title .spend-category,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details>thead tr:first-of-type {
    width: 295px
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow tbody td,
.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow thead th:not(:first-of-type),
.accounts-credit-cards-spend-report-index .table-shadow.spend-details tbody td,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details thead th:not(:first-of-type) {
    text-align: right
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .monthly-budget,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .monthly-budget {
    font-weight: 400
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .monthly-budget th,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .monthly-budget th {
    font-size: 13px
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .monthly-budget td,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .monthly-budget td {
    border: none
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .spend-categories th,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .spend-categories th {
    border-bottom: 1px solid #BBBCBC;
    font-size: 15px
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-collapsible-table-row .ui-title td,
.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow tbody .ui-title td,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-collapsible-table-row .ui-title td,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details tbody .ui-title td {
    border: none
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-collapsed,
.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-collapsible:last-of-type td,
.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-collapsible:last-of-type th,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-collapsed,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-collapsible:last-of-type td,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-collapsible:last-of-type th {
    border-bottom: 1px solid #BBBCBC
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-collapsible-table-row .ui-title th .ui-display-link,
.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow tbody .ui-title th .ui-display-link,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-collapsible-table-row .ui-title th .ui-display-link,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details tbody .ui-title th .ui-display-link {
    color: #383B3E
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-collapsible-table-row .ui-title th .ui-display-link:focus,
.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-collapsible-table-row .ui-title th .ui-display-link:hover,
.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow tbody .ui-title th .ui-display-link:focus,
.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow tbody .ui-title th .ui-display-link:hover,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-collapsible-table-row .ui-title th .ui-display-link:focus,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-collapsible-table-row .ui-title th .ui-display-link:hover,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details tbody .ui-title th .ui-display-link:focus,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details tbody .ui-title th .ui-display-link:hover {
    color: #C41F3E
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-collapsible-table-row tr:not(.ui-title),
.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow tbody tr:not(.ui-title),
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-collapsible-table-row tr:not(.ui-title),
.accounts-credit-cards-spend-report-index .table-shadow.spend-details tbody tr:not(.ui-title) {
    font-weight: 400
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-collapsible td,
.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-collapsible th,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-collapsible td,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-collapsible th {
    background: 0 0;
    border-top: none;
    height: auto;
    padding-bottom: 9px;
    padding-top: 10px
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-collapsible:not(:last-of-type) td,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-collapsible:not(:last-of-type) td {
    background: url(img/branch_pixel.png) left bottom;
    background-size: auto 100%
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-collapsible .spend-sub-category,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-collapsible .spend-sub-category {
    background: url(img/branch-new.png) 42px center no-repeat;
    background-size: auto 100%;
    font-weight: 400;
    padding-left: 57px
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-collapsible:last-of-type .spend-sub-category,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-collapsible:last-of-type .spend-sub-category {
    background: url(img/branch.png) 42px center no-repeat;
    background-size: 10px 100%
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .spend-category,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .spend-category {
    height: auto;
    padding-left: 1px
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .spend-category .ui-button,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .spend-category .ui-button {
    padding-left: 10px
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .spend-category .ui-button .ui-wrapper,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .spend-category .ui-button .ui-wrapper {
    background-size: 24px;
    line-height: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 46px;
    background-position: 18px 0
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-display-merchant-category-0001 .ui-wrapper,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-display-merchant-category-0001 .ui-wrapper {
    background: url(img/accounts/credit-cards/merchant-category-icons/0001.png) 6px center no-repeat
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-display-merchant-category-0002 .ui-wrapper,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-display-merchant-category-0002 .ui-wrapper {
    background: url(img/accounts/credit-cards/merchant-category-icons/0002.png) 6px center no-repeat
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-display-merchant-category-0003 .ui-wrapper,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-display-merchant-category-0003 .ui-wrapper {
    background: url(img/accounts/credit-cards/merchant-category-icons/0003.png) 6px center no-repeat
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-display-merchant-category-0004 .ui-wrapper,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-display-merchant-category-0004 .ui-wrapper {
    background: url(img/accounts/credit-cards/merchant-category-icons/0004.png) 6px center no-repeat
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-display-merchant-category-0005 .ui-wrapper,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-display-merchant-category-0005 .ui-wrapper {
    background: url(img/accounts/credit-cards/merchant-category-icons/0005.png) 6px center no-repeat
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-display-merchant-category-0006 .ui-wrapper,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-display-merchant-category-0006 .ui-wrapper {
    background: url(img/accounts/credit-cards/merchant-category-icons/0006.png) 6px center no-repeat
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-display-merchant-category-0007 .ui-wrapper,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-display-merchant-category-0007 .ui-wrapper {
    background: url(img/accounts/credit-cards/merchant-category-icons/0007.png) 6px center no-repeat
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-display-merchant-category-0008 .ui-wrapper,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-display-merchant-category-0008 .ui-wrapper {
    background: url(img/accounts/credit-cards/merchant-category-icons/0008.png) 6px center no-repeat
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-display-merchant-category-0009 .ui-wrapper,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-display-merchant-category-0009 .ui-wrapper {
    background: url(img/accounts/credit-cards/merchant-category-icons/0009.png) 6px center no-repeat
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-display-merchant-category-0010 .ui-wrapper,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-display-merchant-category-0010 .ui-wrapper {
    background: url(img/accounts/credit-cards/merchant-category-icons/0010.png) 6px center no-repeat
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-display-merchant-category-0011 .ui-wrapper,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-display-merchant-category-0011 .ui-wrapper {
    background: url(img/accounts/credit-cards/merchant-category-icons/0011.png) 6px center no-repeat
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-expanded .ui-title th,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-expanded .ui-title th {
    padding-top: 10px
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-expanded .ui-title th td,
.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-expanded .ui-title th th,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-expanded .ui-title th td,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-expanded .ui-title th th {
    padding-bottom: 12px;
    padding-top: 15px
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-expanded .ui-title .ui-button,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-expanded .ui-title .ui-button {
    background: url(img/icon-collaspe-red.png) left center no-repeat;
    background-size: 18px 18px
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-expanded .ui-title td,
.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-expanded .ui-title th,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-expanded .ui-title td,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-expanded .ui-title th {
    padding-bottom: 5px
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-collapsed .ui-title .ui-button,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-collapsed .ui-title .ui-button {
    background: url(img/icon-expand-red.png) left center no-repeat;
    background-size: 16px
}

.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-collapsed .ui-title td,
.accounts-credit-cards-spend-report-index .spend-report-table-view .table-shadow .ui-collapsed .ui-title th,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-collapsed .ui-title td,
.accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-collapsed .ui-title th {
    padding-bottom: 10px;
    padding-top: 10px
}

@media print {

    .page-wrapper .app-post-signon .main-container nav.navigation-credit-smart,
    .page-wrapper .app-post-signon .main-container nav.navigation-spend-report {
        display: block
    }

    .accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-collapsible:not(:last-of-type) td {
        background: 0 0
    }

    .accounts-credit-cards-spend-report-index .table-shadow.spend-details .ui-collapsible .spend-sub-category {
        background: url(img/branch.png) 42px center no-repeat;
        background-size: 10px 100%
    }
}

@media print and (-webkit-min-device-pixel-ratio:0) {
    .accounts-credit-cards-spend-report-index .table-shadow.spend-details thead {
        display: table-row-group
    }
}

.accounts-credit-cards-spend-manager-index .header-highlight,
.accounts-credit-cards-spend-manager-index .summary-report>.header {
    border-bottom: 3px solid #606366;
    padding: 15px 0 7px 15px;
    line-height: 100%
}

.accounts-credit-cards-spend-manager-index .header-highlight h3,
.accounts-credit-cards-spend-manager-index .summary-report>.header h3 {
    font-size: 18px;
    font-weight: 400;
    display: inline-block
}

.accounts-credit-cards-spend-manager-index .header-highlight .manage-categories,
.accounts-credit-cards-spend-manager-index .header-highlight h3+.ui-display-link,
.accounts-credit-cards-spend-manager-index .summary-report>.header .manage-categories,
.accounts-credit-cards-spend-manager-index .summary-report>.header h3+.ui-display-link {
    float: right;
    margin-top: 2px;
    padding-right: 15px;
    text-decoration: underline
}

.accounts-credit-cards-spend-manager-index .header-highlight {
    border-bottom: 3px solid #0767A8
}

.accounts-credit-cards-spend-manager-index .header-highlight .range {
    font-size: 14px
}

.accounts-credit-cards-spend-manager-index .summary-report {
    line-height: normal
}

.accounts-credit-cards-spend-manager-index .summary-report .summary-date-range,
.accounts-credit-cards-spend-manager-index .summary-report .summary-total {
    padding: 20px 15px 10px
}

.accounts-credit-cards-spend-manager-index .summary-report ul:last-child {
    padding-bottom: 25px
}

.accounts-credit-cards-spend-manager-index .summary-report .summary-category,
.accounts-credit-cards-spend-manager-index .summary-report .summary-date-range,
.accounts-credit-cards-spend-manager-index .summary-report .summary-total {
    color: #606366
}

.accounts-credit-cards-spend-manager-index .summary-report .summary-date-range {
    display: inline-block;
    float: left
}

.accounts-credit-cards-spend-manager-index .summary-report .summary-total {
    display: inline-block;
    float: right;
    font-weight: 700
}

.accounts-credit-cards-spend-manager-index .summary-report .summary-category {
    padding: 0 15px 5px;
    clear: both
}

.accounts-credit-cards-spend-manager-index .summary-report .no-categories-assigned-message {
    margin: 5px 0 15px;
    padding-left: 15px
}

.accounts-credit-cards-spend-manager-index .summary-report .summary-report-body {
    padding: 0 15px;
    display: inline-block
}

.accounts-credit-cards-spend-manager-index .summary-report .summary-report-body li {
    width: 355px;
    padding: 10px 0
}

.accounts-credit-cards-spend-manager-index .summary-report .summary-report-body li:nth-child(odd) {
    float: left
}

.accounts-credit-cards-spend-manager-index .summary-report .summary-report-body li:nth-child(even) {
    margin-left: 40px;
    float: right
}

.accounts-credit-cards-spend-manager-index .summary-report .summary-report-body li:nth-child(2n+3),
.accounts-credit-cards-spend-manager-index .summary-report .summary-report-body li:nth-child(n+3) {
    border-top: 1px solid #BBBCBC
}

.accounts-credit-cards-spend-manager-index .summary-report .summary-report-body span:not(.label) {
    float: right
}

.accounts-credit-cards-spend-manager-index .search .option-bar {
    border-bottom: 1px solid #BBBCBC;
    height: 20px;
    margin: 0;
    padding: 15px 10px;
    text-align: right
}

.accounts-credit-cards-spend-manager-index .search .option-bar .toggles {
    float: left;
    width: auto
}

.accounts-credit-cards-spend-manager-index .search .option-bar .toggles .custom-search {
    background: url(img/icon-customsearch.png) no-repeat;
    background-size: 18px;
    padding-left: 35px;
    padding-right: 25px
}

.accounts-credit-cards-spend-manager-index .search .option-bar .quick-search-options span+span {
    border-left: 1px solid #BBBCBC;
    margin-left: 6px;
    padding-left: 10px
}

.accounts-credit-cards-spend-manager-index .search .option-bar .quick-search-options .ui-button.ui-display-link.active {
    color: #000;
    font-weight: 700;
    text-decoration: none
}

.accounts-credit-cards-spend-manager-index .search .form-wrapper fieldset {
    padding: 20px 15px 25px
}

.accounts-credit-cards-spend-manager-index .search .form-wrapper fieldset .ui-set-messages {
    max-width: 250px
}

.accounts-credit-cards-spend-manager-index .search .form-wrapper fieldset .date {
    float: left;
    width: 340px;
    margin-right: 38px;
    border-right: 1px dashed #aaa
}

.accounts-credit-cards-spend-manager-index .search .form-wrapper .ui-select :-moz-any(select) {
    padding: 4px 18px 4px 5px
}

.accounts-credit-cards-spend-manager-index .search .form-wrapper .date-month,
.accounts-credit-cards-spend-manager-index .search .form-wrapper .ui-set-select {
    display: inline-block
}

.accounts-credit-cards-spend-manager-index .search .form-wrapper .date-month .year label {
    width: inherit;
    padding-left: 14px
}

.accounts-credit-cards-spend-manager-index .search .form-wrapper .ui-group .ui-year,
.accounts-credit-cards-spend-manager-index .search .form-wrapper .ui-set-field {
    margin-right: 5px
}

.accounts-credit-cards-spend-manager-index .search .form-wrapper .ui-set-field {
    padding-top: 7px
}

.accounts-credit-cards-spend-manager-index .search .form-wrapper .ui-set-radiobutton {
    font-weight: 700;
    margin-bottom: 7px;
    vertical-align: top
}

.accounts-credit-cards-spend-manager-index .search .form-wrapper .date-range .ui-set-field {
    margin: 0;
    padding: 7px 0;
    display: table
}

.accounts-credit-cards-spend-manager-index .search .form-wrapper .date-range .calendar-popover:lang(en):nth-of-type(2) .ui-partial-label,
.accounts-credit-cards-spend-manager-index .search .form-wrapper .date-range .calendar-popover:lang(en):nth-of-type(3) .ui-partial-label {
    width: 36px
}

.accounts-credit-cards-spend-manager-index .search .form-wrapper .date-range .calendar-popover:lang(fr) .ui-partial-label {
    width: 24px
}

.accounts-credit-cards-spend-manager-index .search .form-wrapper .select-categories {
    display: inline-block
}

.accounts-credit-cards-spend-manager-index .search .form-wrapper .select-categories .ui-partial-label {
    display: block !important;
    font-weight: 700;
    margin-bottom: 14px;
    width: 135px
}

.accounts-credit-cards-spend-manager-index .search .form-wrapper .select-categories .ui-partial-label:lang(fr) {
    width: 160px
}

.accounts-credit-cards-spend-manager-index .search .form-wrapper .select-categories .ui-set-field .ui-group .ui-select {
    width: 275px
}

.accounts-credit-cards-spend-manager-index .search .form-wrapper .wrapper.row {
    display: inline-block;
    float: right
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table tbody tr td:first-of-type,
.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table thead tr th:first-of-type {
    width: 155px
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table tbody tr td:nth-of-type(2),
.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table thead tr th:nth-of-type(2) {
    width: 245px
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table tbody tr td:nth-of-type(2) img,
.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table tbody tr td:nth-of-type(2) span,
.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table thead tr th:nth-of-type(2) img,
.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table thead tr th:nth-of-type(2) span {
    position: relative;
    top: 1px
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table tbody tr td:nth-of-type(3),
.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table thead tr th:nth-of-type(3) {
    width: 150px
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table tbody tr td:nth-of-type(4),
.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table thead tr th:nth-of-type(4) {
    text-align: right;
    width: 145px
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table .ui-set-popover.ui-display-assign-custom-category {
    top: 3px
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table .ui-set-popover.ui-display-assign-custom-category .ui-popover .ui-wrapper .ui-popover-content .close {
    position: absolute;
    right: 15px;
    top: 15px
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table .ui-set-popover.ui-display-assign-custom-category .ui-popover .ui-wrapper .ui-popover-content .close .ui-wrapper img {
    height: 11px;
    width: 11px
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table .ui-button.ui-display-assign-custom-category {
    background: url(img/uikit/ui-popover-account-links.png) top right no-repeat;
    background-size: 12px;
    min-height: 12px;
    vertical-align: top
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table .ui-button.ui-display-assign-custom-category .ui-wrapper {
    line-height: 12px;
    padding-right: 17px;
    text-align: left;
    vertical-align: top
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table .ui-popover-button {
    color: #383B3E
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table .ui-popover-button:focus,
.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table .ui-popover-button:hover {
    color: #C41F3E;
    text-decoration: underline
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table .ui-popover.ui-display-assign-custom-category {
    background: rgba(115, 115, 115, .5);
    margin: 0 0 0 5px;
    max-width: 300px;
    padding: 5px
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table .ui-popover.ui-display-assign-custom-category>.ui-wrapper {
    background-color: #fff;
    color: #333;
    font-size: 16px;
    line-height: 15px;
    padding: 35px 15px 20px;
    font-family: WhitneyMedium
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table .ui-popover.ui-display-assign-custom-category>.ui-wrapper ul {
    list-style-type: none;
    margin: 5px 0;
    font-size: 12px;
    font-family: Arial
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table .ui-popover.ui-display-assign-custom-category>.ui-wrapper ul li {
    background: 0 0;
    padding-left: 0
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table .ui-popover.ui-display-assign-custom-category>.ui-wrapper ul li .ui-wrapper {
    background: url(/index_files/icon-chevron-right.png) right center no-repeat;
    background-size: 18px;
    margin-right: 18px
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table .ui-popover.ui-display-assign-custom-category>.ui-wrapper ul li>a {
    text-decoration: none;
    background: url(/index_files/icon-chevron-right.png) right center no-repeat;
    background-size: 18px;
    padding-right: 18px;
    display: inline
}

.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table .ui-popover.ui-display-assign-custom-category>.ui-wrapper ul li>a:focus,
.accounts-credit-cards-spend-manager-index .spend-manager-transaction-table .ui-popover.ui-display-assign-custom-category>.ui-wrapper ul li>a:hover {
    text-decoration: underline
}

@media print {

    .accounts-credit-cards-spend-manager-index .search .option-bar,
    .accounts-credit-cards-spend-manager-index fieldset {
        display: none;
        visibility: hidden
    }
}

.accounts-credit-cards-spend-manager-categories fieldset .ui-set-textbox {
    display: inline-block;
    padding-right: 15px;
    width: 360px
}

.accounts-credit-cards-spend-manager-categories fieldset .ui-partial-label {
    width: 150px
}

.accounts-credit-cards-spend-manager-categories fieldset .ui-button.ui-display-default.ui-size-small {
    margin-top: 4px;
    vertical-align: top
}

.accounts-credit-cards-spend-manager-categories .categories-table tbody tr td:last-of-type {
    text-align: right
}

.accounts-credit-cards-spend-manager-categories .categories-table tr:only-child td {
    border-bottom: none
}

.accounts-credit-cards-spend-manager-categories .categories-table tr td .ui-button.ui-display-link:nth-of-type(1) {
    text-decoration: underline
}

.accounts-credit-cards-spend-manager-categories .categories-table tr td .ui-button.ui-display-link:nth-of-type(2) .ui-wrapper {
    background: url(img/icon-delete-red.png) -3px -2px no-repeat;
    background-size: 20px;
    padding-left: 20px;
    width: auto
}

.accounts-credit-cards-spend-manager-categories-add .action-bar .secondary,
.accounts-credit-cards-spend-manager-categories-delete-verification .action-bar .secondary,
.accounts-credit-cards-spend-manager-categories-delete-verification .action-bar .tertiary,
.accounts-credit-cards-spend-manager-categories-edit .action-bar .secondary,
.accounts-credit-cards-spend-manager-categories-edit .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

@media print {
    .accounts-credit-cards-spend-manager-categories .ui-button.primary {
        display: none
    }
}

.accounts-credit-cards-spend-manager-categories-add .ui-dialog .header {
    margin-bottom: 30px
}

.accounts-credit-cards-spend-manager-categories-add .ui-dialog .ui-wrapper>.ui-body {
    padding: 25px 25px 0
}

.accounts-credit-cards-spend-manager-categories-add .ui-dialog .ui-wrapper>.ui-body .dialog-content {
    padding-bottom: 10px
}

.accounts-credit-cards-spend-manager-categories-add .action-bar {
    padding: 15px 25px 15px 15px
}

.accounts-credit-cards-spend-manager-categories-delete-verification.dialog-modal .ui-wrapper>.ui-body,
.accounts-credit-cards-spend-manager-categories-edit.dialog-modal .ui-wrapper>.ui-body {
    padding-top: 10px
}

.accounts-credit-cards-spend-manager-categories-add .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.accounts-credit-cards-spend-manager-categories-add .action-bar .secondary:focus,
.accounts-credit-cards-spend-manager-categories-add .action-bar .secondary:hover {
    border: none;
    color: #C41F3E;
    background-color: transparent
}

.accounts-credit-cards-spend-manager-categories-delete-verification .header h1 {
    display: inline-block;
    float: left;
    margin-bottom: 20px
}

.accounts-credit-cards-spend-manager-categories-delete-verification .toolbox-global {
    display: inline-block;
    float: right
}

.accounts-credit-cards-spend-manager-categories-delete-verification .toolbox-global:after {
    clear: both
}

.accounts-credit-cards-spend-manager-categories-delete-verification .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.accounts-credit-cards-spend-manager-categories-delete-verification .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.accounts-credit-cards-spend-manager-categories-delete-verification .action-bar .primary:only-child {
    margin-left: auto
}

.accounts-credit-cards-spend-manager-categories-delete-verification .action-bar .secondary {
    order: 3
}

.accounts-credit-cards-spend-manager-categories-delete-verification .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.accounts-credit-cards-spend-manager-categories-delete-verification .action-bar .tertiary:focus,
.accounts-credit-cards-spend-manager-categories-delete-verification .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.accounts-credit-cards-spend-manager-categories-delete-verification .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.accounts-credit-cards-spend-manager-categories-delete-verification .action-bar .quaternary~.tertiary {
    margin: 0
}

.accounts-credit-cards-spend-manager-categories-delete-verification .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.accounts-credit-cards-spend-manager-categories-delete-verification .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.accounts-credit-cards-spend-manager-categories-delete-verification .action-bar .secondary:focus,
.accounts-credit-cards-spend-manager-categories-delete-verification .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.accounts-credit-cards-spend-manager-categories-edit .header h1 {
    display: inline-block;
    float: left;
    margin-bottom: 20px
}

.accounts-credit-cards-spend-manager-categories-edit .toolbox-global {
    display: inline-block;
    float: right
}

.accounts-loans .loans-details .tombstone .hasFixedRate,
.make-a-payment-details .pair section ul .cross-currency .ui-partial-label:first-child {
    float: left
}

.accounts-credit-cards-spend-manager-categories-edit .toolbox-global:after {
    clear: both
}

.accounts-credit-cards-spend-manager-categories-edit .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.accounts-credit-cards-spend-manager-categories-edit .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.accounts-credit-cards-spend-manager-categories-edit .action-bar .primary:only-child {
    margin-left: auto
}

.accounts-credit-cards-spend-manager-categories-edit .action-bar .secondary {
    order: 3
}

.accounts-credit-cards-spend-manager-categories-edit .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.accounts-credit-cards-spend-manager-categories-edit .action-bar .tertiary:focus,
.accounts-credit-cards-spend-manager-categories-edit .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.accounts-credit-cards-spend-manager-categories-edit .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.accounts-credit-cards-spend-manager-categories-edit .action-bar .quaternary~.tertiary {
    margin: 0
}

.accounts-credit-cards-spend-manager-categories-edit .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.accounts-credit-cards-spend-manager-categories-edit .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.make-a-payment-details .header,
.make-a-payment-details .pair section ul .stop-condition .ui-set-radiobutton {
    margin-bottom: 10px
}

.accounts-credit-cards-spend-manager-categories-edit .action-bar .secondary:focus,
.accounts-credit-cards-spend-manager-categories-edit .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.make-a-payment-details .pair section ul .from-account div:nth-child(odd),
.make-a-payment-details .pair section ul .to-account div:nth-child(odd) {
    color: #606366;
    margin-left: 0;
    padding: 0 10px 0 0;
    width: 165px
}

.make-a-payment-details .pair section ul .to-account>div {
    padding-right: 0 !important;
    margin-left: 0 !important
}

.make-a-payment-details .pair section ul .current-balance {
    padding-bottom: 13px !important
}

.make-a-payment-details .pair section ul .currency-text {
    margin-left: 4px;
    margin-right: 4px
}

.make-a-payment-details .pair section ul .cross-currency-message {
    padding-top: 40px
}

.make-a-payment-details .pair section ul .cross-currency {
    padding-bottom: 12px
}

.make-a-payment-details .pair section ul .cross-currency .ui-set-group-radiobutton .ui-group {
    width: 100%
}

.make-a-payment-details .pair section ul .cross-currency .ui-set-group-radiobutton .ui-group .current-balance-option {
    width: 340px
}

.make-a-payment-details .pair section ul .cross-currency .ui-set-group-radiobutton .ui-group .current-balance-option .ui-alert {
    background: url(img/Icons_Info.png) top left no-repeat;
    background-position-y: 3px;
    left: 25px;
    padding-left: 30px
}

.make-a-payment-details .action-bar .tertiary,
.make-a-payment-details .ui-wrapper .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.make-a-payment-details .pair section ul .fx-rate-section .display-fx-rate .count-down-timer .timer-container .ui-set-popover .ui-popover,
.make-a-payment-details .pair section ul .fx-rate-section .display-fx-rate .count-down-timer .timer-message .ui-set-popover .ui-popover,
.make-a-payment-verification .pair section ul .exchange-rate .display-fx-rate .count-down-timer .timer-container .ui-set-popover .ui-popover,
.make-a-payment-verification .pair section ul .exchange-rate .display-fx-rate .count-down-timer .timer-message .ui-set-popover .ui-popover {
    left: -225px !important
}

.make-a-payment-details .pair section ul .cross-currency .ui-set-group-radiobutton .ui-group .current-balance-option .ui-alert .ui-text {
    width: 250px
}

.make-a-payment-details .pair section ul .cross-currency .ui-set-group-radiobutton .ui-group .current-balance-option .ui-partial-label {
    margin-left: -3px;
    width: 308px
}

.make-a-payment-details .pair section ul .cross-currency .ui-set-group-radiobutton .ui-group .other-amount-option .other-amount-label {
    margin-left: -3px
}

.make-a-payment-details .pair section ul .cross-currency .ui-set-group-radiobutton .ui-group .other-amount-option .ui-set-textbox .ui-set-messages {
    margin-left: 23px
}

.make-a-payment-details .pair section ul .cross-currency .usd-currency-label {
    padding-left: 30px
}

.make-a-payment-details .pair section ul .fx-rate-section {
    padding: 20px 0;
    display: table
}

.make-a-payment-details .pair section ul .fx-rate-section .display-amount {
    padding-top: 27px
}

.make-a-payment-details .pair section ul .fx-rate-section .display-amount>div {
    display: inline-block
}

.make-a-payment-details .pair section ul .fx-rate-section .display-amount>div>span {
    display: block
}

.make-a-payment-details .pair section ul .fx-rate-section .display-amount>span:first-child {
    color: #666;
    display: inline-block;
    max-width: 150px;
    padding-right: 6px;
    vertical-align: top;
    width: 150px
}

.make-a-payment-details .pair section ul .fx-rate-section .timer-container {
    width: 225px !important
}

.make-a-payment-details .pair section ul .fx-rate-section .timer-message {
    width: 250px !important
}

.make-a-payment-details .pair section ul .fx-rate-section .fx-rate-label {
    color: #666;
    display: inline-block;
    max-width: 150px;
    padding-right: 10px;
    vertical-align: top;
    width: 150px
}

.make-a-payment-details .pair section ul li.display-amount>div:nth-child(1) {
    width: 145px
}

.make-a-payment-details .pair section ul .stop-condition .ui-textbox {
    width: 80px
}

.make-a-payment-details .pair section ul .stop-condition .calendar-popover {
    display: inline-block
}

.make-a-payment-details .pair section ul .specified-date-section .ui-set-calendar-popover {
    width: 300px
}

.make-a-payment-details .pair section ul .specified-date-section .ui-radiobutton {
    margin-top: 5px;
    vertical-align: top
}

.make-a-payment-details .pair section ul .displayNameAndNumber {
    width: 100% !important
}

.make-a-payment-details .pair section ul .from-select {
    padding-bottom: 10px
}

.make-a-payment-details .pair section ul .ui-radiobutton {
    margin: 0 10px 0 0
}

.make-a-payment-details .pair section ul .get-rate-button,
.make-a-payment-details .pair section ul .ui-set-radiobutton {
    margin-bottom: 5px
}

.make-a-payment-details .pair section ul .amount-section {
    margin-left: 25px
}

.make-a-payment-details .pair section ul .currency {
    padding-left: 5px
}

.make-a-payment-details .pair section ul .other-amount-label {
    margin-bottom: 10px
}

.make-a-payment-details .pair section ul .other-amount .ui-textbox {
    width: 150px;
    right: -25px
}

.make-a-payment-details .pair section ul .other-amount .ui-group {
    display: inline-block
}

.make-a-payment-details .pair section ul .dialog-content {
    padding-bottom: 25px !important
}

.make-a-payment-details .currencyConversionButtonAvailable {
    margin-bottom: -10px
}

.make-a-payment-details .fxConversionAvailable {
    padding-bottom: 17px
}

.make-a-payment-details .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.make-a-payment-details .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.make-a-payment-details .action-bar .primary:only-child {
    margin-left: auto
}

.make-a-payment-details .action-bar .secondary {
    order: 3
}

.make-a-payment-details .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.make-a-payment-details .action-bar .tertiary:focus,
.make-a-payment-details .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.make-a-payment-details .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.make-a-payment-details .action-bar .quaternary~.tertiary {
    margin: 0
}

.make-a-payment-details .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.make-a-payment-details .action-bar .secondary {
    margin-right: auto
}

.make-a-payment-details .ui-wrapper .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.make-a-payment-details .ui-wrapper .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.make-a-payment-details .ui-wrapper .action-bar .primary:only-child {
    margin-left: auto
}

.make-a-payment-details .ui-wrapper .action-bar .secondary {
    order: 3
}

.make-a-payment-details .ui-wrapper .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.make-a-payment-details .ui-wrapper .action-bar .tertiary:focus,
.make-a-payment-details .ui-wrapper .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.make-a-payment-details .ui-wrapper .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.make-a-payment-details .ui-wrapper .action-bar .quaternary~.tertiary {
    margin: 0
}

.make-a-payment-details .ui-wrapper .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.make-a-payment-details .ui-wrapper .action-bar .secondary {
    margin: 2px 0 0 auto
}

.make-a-payment-verification .header {
    margin-bottom: 20px
}

.make-a-payment-verification .pair section ul .from-account div:nth-child(odd),
.make-a-payment-verification .pair section ul .to-account div:nth-child(odd) {
    color: #606366;
    margin-left: 0;
    padding: 0 10px 0 0;
    width: 165px
}

.make-a-payment-confirmation .currency-text,
.make-a-payment-verification .pair section ul .currency-text {
    margin-left: 4px;
    margin-right: 4px
}

.make-a-payment-verification .pair section ul .cross-currency-message {
    padding-top: 40px
}

.make-a-payment-verification .pair section ul .exchange-rate .display-fx-rate .timer-container,
.make-a-payment-verification .pair section ul .exchange-rate .display-fx-rate .timer-message {
    width: 255px !important
}

.make-a-payment-verification .footer-note {
    padding-bottom: 15px !important
}

.make-a-payment-confirmation {
    margin-bottom: 0
}

.make-a-payment-confirmation .header {
    margin-bottom: 5px
}

.make-a-payment-confirmation .alert-heading {
    margin-bottom: 10px
}

.make-a-payment-confirmation .action-bar {
    padding-left: 15px
}

.make-a-payment-confirmation .time-received {
    margin-top: 32px
}

.make-a-payment-confirmation .reference-number {
    padding-bottom: 5px
}

.make-a-payment-confirmation .footer-note {
    padding-top: 18px
}

.make-a-payment-confirmation ul.hasTimestamp li:last-child span {
    padding-left: 5px
}

.make-a-payment-confirmation.pair>section li>div:first-of-type {
    width: 230px !important
}

.make-a-payment-confirmation.pair>section li.from-account div:nth-child(odd),
.make-a-payment-confirmation.pair>section li.to-account div:nth-child(odd) {
    color: #606366;
    margin-left: 0;
    padding: 0 10px 0 0;
    width: 230px
}

.make-a-payment-confirmation .ui-wrapper .alert-heading .ui-text {
    color: #383B3E;
    font-family: WhitneyBookRegular
}

.accounts-loans .loans-details .tombstone {
    padding: 30px 0 15px
}

.accounts-loans .loans-details .tombstone .box-xlarge {
    padding: 0 15px
}

.accounts-loans .loans-details .tombstone .box-xlarge:not(:first-of-type) {
    width: 205px
}

.accounts-loans .loans-details .tombstone .box-xlarge+.box-xlarge {
    border-left: 1px solid #fff
}

.accounts-loans .loans-details .tombstone div span:first-of-type {
    font-weight: 700
}

.accounts-loans .loans-details .tombstone .last-payment-insurance,
.accounts-loans .loans-details .tombstone .next-payment-insurance {
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.accounts-loans .loans-details .tombstone .current-principal-amount,
.accounts-loans .loans-details .tombstone .current-principal-interest-rate,
.accounts-loans .loans-details .tombstone .last-payment-account,
.accounts-loans .loans-details .tombstone .last-payment-amount,
.accounts-loans .loans-details .tombstone .last-payment-date,
.accounts-loans .loans-details .tombstone .next-payment-amount,
.accounts-loans .loans-details .tombstone .next-payment-date {
    padding-bottom: 20px
}

.accounts-loans .loans-details .tombstone .current-principal-amount span:nth-child(1),
.accounts-loans .loans-details .tombstone .current-principal-interest-rate span:nth-child(1),
.accounts-loans .loans-details .tombstone .last-payment-account span:nth-child(1),
.accounts-loans .loans-details .tombstone .last-payment-amount span:nth-child(1),
.accounts-loans .loans-details .tombstone .last-payment-date span:nth-child(1),
.accounts-loans .loans-details .tombstone .next-payment-amount span:nth-child(1),
.accounts-loans .loans-details .tombstone .next-payment-date span:nth-child(1) {
    font-weight: 400
}

.accounts-loans .loans-details .tombstone .current-principal-amount span:nth-child(2),
.accounts-loans .loans-details .tombstone .current-principal-interest-rate span:nth-child(2),
.accounts-loans .loans-details .tombstone .last-payment-account span:nth-child(2),
.accounts-loans .loans-details .tombstone .last-payment-amount span:nth-child(2),
.accounts-loans .loans-details .tombstone .last-payment-date span:nth-child(2),
.accounts-loans .loans-details .tombstone .next-payment-amount span:nth-child(2),
.accounts-loans .loans-details .tombstone .next-payment-date span:nth-child(2) {
    display: block;
    font-size: 16px
}

.accounts-loans .loans-details .tombstone .hasFixedRate:after {
    clear: both
}

.accounts-loans .loans-details .tombstone .hasFixedRate .current-principal-amount {
    width: 183px;
    float: left
}

.accounts-loans .loans-details .tombstone .hasFixedRate .current-principal-interest-rate {
    width: 90px;
    float: right
}

.accounts-loans .loans-details .tombstone .hasVariableRate .current-principal-amount,
.accounts-loans .loans-details .tombstone .hasVariableRate .current-principal-interest-rate {
    width: 278px;
    padding-bottom: 20px
}

@media print {
    .accounts-loans .loans-details .tombstone .box-xlarge:not(:first-of-type) {
        width: 286px
    }
}

.accounts-line-of-credits .line-of-credits-details .tombstone {
    box-sizing: content-box;
    margin-bottom: 0;
    border-top: 3px solid #0767A8
}

.account-nickname.dialog-modal account-nickname-dialog,
.accounts-resps-index .gic-holdings,
.page-narrow.account-nickname table {
    box-sizing: border-box
}

.accounts-line-of-credits .line-of-credits-details .tombstone .row:first-child>div {
    padding-bottom: 30px
}

.accounts-line-of-credits .line-of-credits-details .tombstone .row:first-child>div.box-small {
    width: 20%
}

.accounts-line-of-credits .line-of-credits-details .tombstone .row:first-child>div.box-small:not(:last-child) {
    padding-right: 15px
}

.accounts-line-of-credits .line-of-credits-details .tombstone .row:first-child>div.box-small:last-child {
    padding-right: 0
}

.accounts-line-of-credits .line-of-credits-details .tombstone .row:nth-child(2) {
    background: 0 0;
    border-top: 1px solid #FFF
}

.accounts-line-of-credits .line-of-credits-details .tombstone .row:nth-child(2) div.box-xlarge {
    padding-right: 15px
}

.accounts-line-of-credits .line-of-credits-details .tombstone .row:nth-child(2) div.box-xlarge div span:first-of-type {
    font-weight: 700
}

.accounts-line-of-credits .line-of-credits-details .tombstone .row:nth-child(2) div.box-xlarge div span:not(:nth-of-type(2)):last-child,
.accounts-line-of-credits .line-of-credits-details .tombstone .row:nth-child(2) div.box-xlarge div span:nth-of-type(n+2):not(:last-child) {
    display: block
}

.accounts-line-of-credits .line-of-credits-details .tombstone .ui-wrapper {
    text-decoration: underline
}

.accounts-line-of-credits .line-of-credits-details .upcoming-transactions {
    border-top: 1px solid #BBBCBC
}

.accounts-resps-index .resp-details section+.gic-holdings,
.resps-holdings .table-shadow {
    border-top: 5px solid #C17200
}

.accounts-line-of-credits .line-of-credits-details .transactions>section>.header {
    border-bottom: 3px solid #0767A8 !important
}

.accounts-line-of-credits .line-of-credits-details .transaction-list .transactionDate {
    width: 146px
}

.accounts-line-of-credits .line-of-credits-details .transaction-list .postedDate {
    width: 110px
}

.accounts-line-of-credits .line-of-credits-details .transaction-list .transactions {
    width: 180px
}

.accounts-line-of-credits .line-of-credits-details .transaction-list .debit {
    width: 130px
}

.accounts-line-of-credits .line-of-credits-details .transaction-list .credit {
    width: 130px;
    padding-right: 0
}

.accounts-resps-index .tombstone div.box-small {
    padding-right: 15px
}

.accounts-resps-index .tombstone div.box-xlarge {
    width: 367px
}

.accounts-resps-index .tombstone div.box-xlarge span:first-of-type {
    font-weight: 700
}

.accounts-resps-index .resp-details header+div.mutual-fund-holdings:last-of-type table {
    padding-top: 20px
}

.accounts-resps-index .resp-details .header-highlight.product-registration {
    border-bottom: 3px solid #C17200;
    margin-bottom: 0
}

.accounts-resps-index .resp-details .header-highlight.product-registration.subheader h3 span {
    top: 0
}

.accounts-resps-index .mutual-fund-holdings .asset-class {
    width: 87px
}

.accounts-resps-index .mutual-fund-holdings .name {
    width: 135px
}

.accounts-resps-index .mutual-fund-holdings .units {
    width: 55px
}

.accounts-resps-index .mutual-fund-holdings .average-cost {
    width: 95px
}

.accounts-resps-index .mutual-fund-holdings .average-cost-per-unit,
.accounts-resps-index .mutual-fund-holdings .price-per-unit {
    width: 80px
}

.accounts-resps-index .mutual-fund-holdings .market-value {
    width: 90px
}

.accounts-resps-index .mutual-fund-holdings th {
    text-align: right
}

.accounts-resps-index .mutual-fund-holdings th:nth-of-type(1),
.accounts-resps-index .mutual-fund-holdings th:nth-of-type(2) {
    text-align: left
}

.accounts-resps-index .mutual-fund-holdings tr td {
    text-align: right
}

.accounts-resps-index .mutual-fund-holdings tr td:nth-of-type(1),
.accounts-resps-index .mutual-fund-holdings tr td:nth-of-type(2) {
    text-align: left
}

.accounts-resps-index .gic-holdings td:nth-of-type(6),
.accounts-resps-index .gic-holdings th:nth-of-type(1) {
    width: 80px
}

.accounts-resps-index .gic-holdings td:nth-of-type(6),
.accounts-resps-index .gic-holdings th:nth-of-type(2) {
    width: auto
}

.accounts-resps-index .gic-holdings td:nth-of-type(6),
.accounts-resps-index .gic-holdings th:nth-of-type(3) {
    width: 82px
}

.accounts-resps-index .gic-holdings td:nth-of-type(6),
.accounts-resps-index .gic-holdings th:nth-of-type(4) {
    width: 84px
}

.accounts-resps-index .gic-holdings td:nth-of-type(6),
.accounts-resps-index .gic-holdings th:nth-of-type(5) {
    width: 74px
}

.accounts-resps-index .gic-holdings td:nth-of-type(6),
.accounts-resps-index .gic-holdings th:nth-of-type(6) {
    text-align: right;
    width: 86px
}

@media print {
    .accounts-resps-index .resp-details .header-highlight {
        width: 100%
    }
}

.resps-holdings .holding-select {
    overflow: auto
}

.resps-holdings .holding-select .ui-set-select {
    margin-right: 10px
}

.resps-holdings .statement-options {
    margin: 9px 0;
    padding: 0 10px
}

.resps-holdings .statement-options span:first-of-type {
    color: #666;
    font-weight: 700
}

.resps-holdings .transaction-search {
    padding: 0;
    background: 0 0;
    margin-bottom: 55px
}

.resps-holdings .transaction-search .date-range>* {
    float: left;
    margin-right: 5px
}

.resps-holdings .transaction-search fieldset .date-range label[for=date-range] {
    padding-top: 5px;
    vertical-align: -webkit-baseline-middle;
    width: 78px
}

.resps-holdings .transaction-search .row:not(:first-child) {
    background: 0 0
}

.resps-holdings .transaction-search .wrapper.row {
    margin-top: 10px
}

.resps-holdings .transaction-search .wrapper.row .primary.ui-button {
    float: right
}

.achieved-goal-message .ui-alert.ui-scope-inline.ui-display-info,
.cancel-goal-message .ui-alert.ui-scope-inline.ui-display-info {
    border: 1px solid #2B7AB3;
    line-height: 18px;
    padding: 13px 20px 0 45px;
    background-position: 15px 20px
}

.achieved-goal-message .ui-alert.ui-scope-inline.ui-display-info:first-of-type,
.cancel-goal-message .ui-alert.ui-scope-inline.ui-display-info:first-of-type {
    margin-bottom: 20px
}

.achieved-goal-message .ui-alert.ui-scope-inline.ui-display-info:last-of-type,
.cancel-goal-message .ui-alert.ui-scope-inline.ui-display-info:last-of-type {
    margin-bottom: 10px
}

.achieved-goal-message .ui-alert.ui-scope-inline.ui-display-info .ui-text,
.cancel-goal-message .ui-alert.ui-scope-inline.ui-display-info .ui-text {
    line-height: 18px
}

.savings-goals .main-body {
    width: 540px
}

.savings-goals .no-goals {
    background-color: #EFEFEF;
    padding: 30px 0;
    text-align: center;
    width: 100%
}

.savings-goals .no-goals .no-goals-message {
    font-size: 14px;
    font-weight: 700
}

.savings-goals .goals-list {
    margin-left: 0
}

.savings-goals .goals-list .button-container {
    text-align: center
}

.savings-goals .goals-list .button-container .create-goal-btn {
    margin-bottom: 20px
}

.savings-goals .goals-list .savings-goal {
    margin-bottom: 40px
}

.savings-goals .goals-list .savings-goal .header {
    background-color: #EFEFEF;
    padding: 15px
}

.savings-goals .goals-list .savings-goal .header .goal-title {
    font-size: 14px;
    font-weight: 700;
    padding-right: 15px;
    vertical-align: middle
}

.savings-goals .goals-list .savings-goal .header .edit-name {
    text-decoration: underline
}

.savings-goals .goals-list .savings-goal .goal-container {
    border-bottom: 2px solid #BBBCBC
}

.savings-goals .goals-list .savings-goal .goal-container>div {
    display: table-cell
}

.savings-goals .goals-list .savings-goal .goal-container .details-label {
    font-size: 12px;
    font-weight: 700
}

.savings-goals .goals-list .savings-goal .goal-container .progress-section {
    padding: 15px 15px 30px 20px;
    vertical-align: middle;
    width: 100%
}

.savings-goals .goals-list .savings-goal .goal-container .savings-info {
    width: 280px
}

.savings-goals .goals-list .savings-goal .goal-container .savings-info li {
    border-bottom: 1px solid #BBBCBC;
    margin-left: 15px;
    padding: 10px 0;
    width: 265px
}

.savings-goals .goals-list .savings-goal .goal-container .savings-info li:first-child {
    padding-top: 15px
}

.savings-goals .goals-list .savings-goal .goal-container .savings-info li:last-child {
    border: none;
    padding-bottom: 15px
}

.savings-goals .goals-list .savings-goal .goal-container .savings-info li .details-value {
    padding-left: 5px
}

.savings-goals .goals-list .savings-goal .goal-controls {
    padding: 15px
}

.savings-goals .goals-list .savings-goal .goal-controls .goal-achieved {
    border-right: 1px solid #BBBCBC;
    padding-right: 10px;
    text-decoration: underline
}

.savings-goals .goals-list .savings-goal .goal-controls .cancel-goal {
    margin-left: 0;
    padding-left: 10px;
    text-decoration: underline
}

.savings-goals .goals-list .savings-goal .goal-controls .feed-goal {
    float: right;
    text-decoration: underline
}

@media print {
    .savings-goals .goals-list {
        width: 700px !important
    }

    .savings-goals .right-rail {
        display: block !important
    }

    .savings-goals .goals-list .button-container .create-goal-btn,
    .savings-goals .past-savings-goals .goals-history li:focus.tooltip,
    .savings-goals .past-savings-goals .goals-history li:hover.tooltip,
    .savings-goals .right-rail .rotating-promo.right-rail-promo {
        display: none
    }
}

.past-savings-goals {
    background: #EFEFEF;
    margin-top: 20px;
    min-height: 45px;
    padding-top: 15px
}

.past-savings-goals .goals-history li {
    border-bottom: 1px solid #BBBCBC;
    padding: 10px 15px
}

.past-savings-goals .goals-history li .delete-goal {
    background: url(img/accounts/savings-goals/icon-delete.png) 0 no-repeat;
    background-size: 24px;
    float: right;
    padding: 10px;
    top: -5px
}

.past-savings-goals .goals-history li .goal-name {
    font-weight: 700;
    padding-bottom: 5px;
    padding-top: 10px
}

.past-savings-goals .goals-history li .goal-name.achieved {
    background: url(img/uikit/ui-alert-success.png) 0 7px no-repeat;
    background-size: 24px;
    padding-left: 30px
}

.past-savings-goals .goals-history li .goal-status {
    color: #606366
}

.past-savings-goals .goals-history li:first-of-type {
    padding-top: 0
}

.past-savings-goals .goals-history li:last-of-type {
    border-bottom: none;
    padding-bottom: 15px
}

.past-savings-goals .goals-history li:focus,
.past-savings-goals .goals-history li:hover {
    background-color: #F2F9FE
}

.past-savings-goals .goals-history li:focus .tooltip .tooltip-content,
.past-savings-goals .goals-history li:hover .tooltip .tooltip-content {
    height: auto;
    left: 10px;
    margin-left: -115px;
    opacity: 1;
    overflow: visible;
    top: 30px;
    width: 200px;
    z-index: 999
}

.past-savings-goals .goals-history li:focus .tooltip .tooltip-content:after,
.past-savings-goals .goals-history li:hover .tooltip .tooltip-content:after {
    border-bottom: 25px solid #383B3E;
    border-right: 20px solid transparent;
    content: '';
    height: 0;
    left: 0;
    position: absolute;
    top: -20px;
    width: 0
}

.past-savings-goals .goals-history li .tooltip {
    display: inline;
    position: relative
}

.past-savings-goals .goals-history li .tooltip .tooltip-content {
    background: #383B3E;
    border-radius: 0;
    box-shadow: 3px 3px 0 0 rgba(51, 51, 51, .5);
    color: #FFF;
    height: 1px;
    left: -10000px;
    overflow: hidden;
    padding: 10px 15px;
    position: absolute;
    top: auto;
    width: 1px
}

.past-savings-goals .goals-history li .tooltip .tooltip-content .date-label {
    font-weight: 700
}

.past-savings-goals .header {
    border-bottom: 3px solid #606366;
    padding-bottom: 10px;
    margin: auto 15px
}

.past-savings-goals .header .goal-title {
    color: #606366;
    font-size: 16px;
    font-weight: 400
}

.past-savings-goals .no-past-goals {
    padding: 10px 15px
}

.goal-name-section .replace-name {
    margin-left: 153px;
    margin-top: 10px
}

.goal-name-section .ui-set-checkbox label {
    display: inline
}

.savings-goals-rename.dialog-modal .ui-wrapper>.ui-body {
    overflow: visible
}

.savings-goals-rename.dialog-modal .ui-wrapper>.ui-body .ui-popover.ui-display-help {
    top: 25px !important;
    left: 0 !important
}

.savings-goals-rename.dialog-modal .ui-wrapper>.ui-body .ui-set-popover.ui-display-help {
    margin: 10px
}

.savings-goals-rename.dialog-modal .ui-wrapper>.ui-body .goal-name.ui-set-textbox,
.savings-goals-rename.dialog-modal .ui-wrapper>.ui-body .replace-name.ui-set-checkbox {
    float: left
}

.savings-goals-rename.dialog-modal .ui-wrapper>.ui-body .goal-name>.ui-set-field>.ui-group {
    width: 320px
}

.savings-goals-rename.dialog-modal .ui-wrapper>.ui-body .ui-button {
    margin: 0;
    padding: 0
}

.savings-goals-rename.dialog-modal .ui-wrapper>.ui-body .ui-button.ui-display-secondary.ui-size-medium {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    height: 40px;
    line-height: inherit
}

.savings-goals-rename.dialog-modal .ui-wrapper>.ui-body .ui-button.ui-display-secondary.ui-size-medium:focus,
.savings-goals-rename.dialog-modal .ui-wrapper>.ui-body .ui-button.ui-display-secondary.ui-size-medium:hover {
    border: none;
    color: #C41F3E
}

.savings-goals-delete .action-bar .secondary {
    margin: 2px 0 0 auto
}

.savings-goals-new-details .accounts-section .ui-button.ui-display-secondary.ui-size-medium {
    margin-top: 0
}

.savings-goals-new-details .accounts-section .ui-button {
    vertical-align: top
}

.savings-goals-new-details .accounts-section .divider {
    display: inline-block;
    padding: 8px 15px;
    vertical-align: middle
}

.savings-goals-new-details .accounts-section .ui-set-select {
    display: inline-block;
    max-width: 310px;
    vertical-align: top
}

.savings-goals-new-details .accounts-section .apply-product-sb {
    font-weight: 700;
    float: left;
    padding-top: 8px;
    padding-right: 20px
}

.savings-goals-new-details .calc-section .calculator li {
    margin-bottom: 30px;
    width: 530px
}

.savings-goals-new-details .calc-section .calculator li input[type=text] {
    height: 32px;
    width: 100px
}

.savings-goals-new-details .calc-section .calculator li .left-content {
    color: #666;
    float: left
}

.savings-goals-new-details .calc-section .calculator li .marker-content {
    padding-bottom: 30px;
    width: 100%
}

.savings-goals-new-details .calc-section .calculator li .right-content {
    color: #666;
    float: right
}

.savings-goals-new-details .calc-section .calculator li .slider {
    background-color: #C3C3C3;
    height: 15px;
    margin-bottom: 10px;
    width: 100%
}

.cancel-goal-confirmation .action-bar .secondary,
.cancel-goal-confirmation .action-bar .tertiary,
.savings-goals-new-details .main-section .action-bar .secondary,
.savings-goals-new-details .main-section .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.savings-goals-new-details .calc-section .calculator li .ui-display-hide {
    display: none
}

.savings-goals-new-details .calc-section .calculator li .ui-set-field {
    margin-bottom: 8px;
    width: 100%
}

.savings-goals-new-details .calc-section .calculator li .ui-set-field .ui-group {
    float: right;
    width: 196px;
    text-align: right
}

.savings-goals-new-details .calc-section .calculator li .ui-set-field>label:first-of-type,
.savings-goals-new-details .calc-section .calculator li .ui-set-textbox>label {
    color: #333;
    float: left;
    font-size: 16px;
    width: auto
}

.savings-goals-new-details .calc-section .calculator li .ui-set-messages {
    clear: right;
    float: right;
    padding-top: 1px;
    width: 529px
}

.savings-goals-new-details .calc-section .calculator li .ui-set-messages .ui-alert {
    float: right;
    padding-left: 28px
}

.savings-goals-new-details .calc-section .calculator li .ui-set-messages .ui-alert .ui-code,
.savings-goals-new-details .calc-section .calculator li .ui-set-messages .ui-alert .ui-text {
    padding-top: 3px;
    text-align: right
}

.savings-goals-new-details .calc-section .calculator li .ui-textbox {
    float: right;
    width: 100px
}

.savings-goals-new-details .calc-section .calculator li.disabled {
    filter: alpha(opacity=20);
    opacity: .2
}

.savings-goals-new-details .calc-section .calculator li.target-balance {
    min-height: 100px
}

.savings-goals-new-details .calc-section .calculator li.target-balance .target-balance-container {
    clear: both;
    float: left;
    width: 780px
}

.savings-goals-new-details .calc-section .calculator li.target-balance .target-balance-container .ui-set-textbox {
    float: left;
    width: 530px
}

.savings-goals-new-details .calc-section .calculator li.target-balance .target-balance-container .target-balance-message {
    color: #666;
    float: left;
    line-height: 18px;
    width: 230px;
    padding: 0 10px
}

.savings-goals-new-details .calc-section .instruction,
.savings-goals-new-details .main-body .body-container {
    width: 530px
}

.savings-goals-new-details .calc-section .calculator li.target-balance .marker-content,
.savings-goals-new-details .calc-section .calculator li.target-balance .slider {
    float: left
}

.savings-goals-new-details .calc-section .section-heading {
    font-weight: 400;
    padding-bottom: 5px;
    padding-top: 30px;
    width: 530px
}

.savings-goals-new-details hr {
    border-bottom: solid 1px #E1E1E1;
    border-left: none;
    border-right: none;
    border-top: none
}

.savings-goals-new-details .name-section {
    padding-bottom: 5px
}

.savings-goals-new-details .name-section .section-heading {
    font-weight: 400;
    padding-bottom: 15px;
    padding-top: 30px
}

.savings-goals-new-details .name-section .ui-group>.ui-set-popover {
    margin-left: 10px
}

.savings-goals-new-details .name-section .ui-set-checkbox {
    display: inline
}

.savings-goals-new-details .name-section .ui-set-checkbox label {
    vertical-align: middle;
    width: 225px
}

.savings-goals-new-details .name-section .ui-set-checkbox .ui-checkbox {
    margin-left: 30px;
    margin-right: 10px;
    vertical-align: top
}

.savings-goals-new-details .main-section .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.savings-goals-new-details .main-section .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.savings-goals-new-details .main-section .action-bar .primary:only-child {
    margin-left: auto
}

.savings-goals-new-details .main-section .action-bar .secondary {
    order: 3
}

.savings-goals-new-details .main-section .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.savings-goals-new-details .main-section .action-bar .tertiary:focus,
.savings-goals-new-details .main-section .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.savings-goals-new-details .main-section .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.savings-goals-new-details .main-section .action-bar .quaternary~.tertiary {
    margin: 0
}

.savings-goals-new-details .main-section .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.savings-goals-new-details .main-section .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.savings-goals-new-details .main-section .action-bar .secondary:focus,
.savings-goals-new-details .main-section .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.savings-goals-new-details .main-section .action-bar .row {
    width: 530px
}

.cancel-goal-confirmation .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.cancel-goal-confirmation .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.cancel-goal-confirmation .action-bar .primary:only-child {
    margin-left: auto
}

.cancel-goal-confirmation .action-bar .secondary {
    order: 3
}

.cancel-goal-confirmation .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.cancel-goal-confirmation .action-bar .tertiary:focus,
.cancel-goal-confirmation .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.cancel-goal-confirmation .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.cancel-goal-confirmation .action-bar .quaternary~.tertiary {
    margin: 0
}

.cancel-goal-confirmation .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.cancel-goal-confirmation .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.cancel-goal-confirmation .action-bar .secondary:focus,
.cancel-goal-confirmation .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.savings-goals-new-confirmation .confirmation-details .left-content {
    background-color: #EFEFEF;
    display: inline;
    float: left;
    margin-bottom: 30px;
    margin-right: 30px;
    padding: 10px 15px;
    width: 380px
}

.achieved-goal-confirmation .action-bar .secondary,
.achieved-goal-confirmation .action-bar .tertiary,
.net-worth-delete .action-bar .secondary,
.savings-goals-new-confirmation .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.savings-goals-new-confirmation .confirmation-details .left-content ul li {
    border-bottom: solid 1px #DFDFDF;
    padding-bottom: 5px;
    padding-top: 5px
}

.accounts-tasas-index .transactions .transaction-list .table-title,
.savings-goals-new-confirmation .confirmation-details .left-content ul li:last-of-type {
    border-bottom: none
}

.savings-goals-new-confirmation .confirmation-details .right-content {
    display: inline;
    float: right;
    width: 320px
}

@media print {
    .savings-goals-new-confirmation .confirmation-details .right-content {
        display: none
    }

    body {
        -webkit-print-color-adjust: exact
    }
}

.savings-goals-new-confirmation .confirmation-details .right-content .instruction {
    color: #333;
    font-size: 12px
}

.savings-goals-new-confirmation .confirmation-details .right-content .title {
    color: #333;
    font-size: 18px;
    margin-bottom: 10px
}

.savings-goals-new-confirmation .confirmation-notification .ui-alert {
    margin: 0 0 20px
}

.savings-goals-new-confirmation .confirmation-notification .created-on {
    color: #383B3E;
    font-size: 12px;
    line-height: 12px;
    padding-top: 5px;
    font-family: Arial
}

.savings-goals-new-confirmation .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.savings-goals-new-confirmation .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.savings-goals-new-confirmation .action-bar .primary:only-child {
    margin-left: auto
}

.savings-goals-new-confirmation .action-bar .secondary {
    order: 3
}

.savings-goals-new-confirmation .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.savings-goals-new-confirmation .action-bar .tertiary:focus,
.savings-goals-new-confirmation .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.savings-goals-new-confirmation .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.savings-goals-new-confirmation .action-bar .quaternary~.tertiary {
    margin: 0
}

.savings-goals-new-confirmation .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.savings-goals-new-confirmation .action-bar .secondary {
    margin: 2px 0 0 auto
}

.achieved-goal-verification.dialog-modal .action-bar .secondary {
    margin-left: auto
}

.achieved-goal-confirmation.dialog-modal .ui-wrapper>.ui-body {
    padding: 50px 32px 0
}

.achieved-goal-confirmation .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.achieved-goal-confirmation .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.achieved-goal-confirmation .action-bar .primary:only-child {
    margin-left: auto
}

.achieved-goal-confirmation .action-bar .secondary {
    order: 3
}

.achieved-goal-confirmation .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.achieved-goal-confirmation .action-bar .tertiary:focus,
.achieved-goal-confirmation .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.achieved-goal-confirmation .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.achieved-goal-confirmation .action-bar .quaternary~.tertiary {
    margin: 0
}

.achieved-goal-confirmation .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.achieved-goal-confirmation .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.achieved-goal-confirmation .action-bar .secondary:focus,
.achieved-goal-confirmation .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.cancel-goal-verification.dialog-modal .action-bar .secondary {
    margin-left: auto
}

.net-worth-delete .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.net-worth-delete .action-bar .secondary:focus,
.net-worth-delete .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.accounts-disas-index .table-shadow,
.accounts-tasas-index .table-shadow {
    border-top: 5px solid #C17200
}

.net-worth .clear {
    clear: both
}

.net-worth .top-section {
    clear: both;
    float: left;
    margin-top: 13px
}

.net-worth .top-section .net-worth-graph-section {
    display: inline-block;
    position: absolute;
    margin-top: 0;
    width: calc(100% - 240px)
}

.net-worth .top-section .net-worth-graph-section .graph {
    height: 20px;
    margin-bottom: 10px;
    width: 100%
}

.net-worth .top-section .net-worth-graph-section .title {
    color: #606366;
    display: block;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase
}

.net-worth .top-section .net-worth-panel-container {
    float: left;
    margin-bottom: 9px;
    margin-right: 15px
}

.net-worth .instruction-text .auth-card-note {
    display: none
}

.net-worth .instruction-text.auth-card .auth-card-note {
    display: block
}

.net-worth .instruction-text {
    float: left
}

.net-worth .instruction-text .ui-popover.ui-display-dropdown {
    width: 600px;
    padding: 18px 0 0
}

.net-worth .instruction-text .ui-popover.ui-display-dropdown hr {
    display: none
}

.net-worth .instruction-text .ui-popover.ui-display-dropdown .left,
.net-worth .instruction-text .ui-popover.ui-display-dropdown .right {
    width: 265px;
    float: left;
    padding: 0 15px
}

.net-worth .instruction-text .ui-popover.ui-display-dropdown .right {
    float: right;
    border-left: solid 1px #ccc
}

.net-worth .instruction-text .ui-popover.ui-display-dropdown .right .left-list,
.net-worth .instruction-text .ui-popover.ui-display-dropdown .right .right-list {
    float: left;
    display: inline
}

.net-worth .instruction-text .ui-popover.ui-display-dropdown .right .right-list {
    float: right
}

.accounts-tasas-index .tombstone {
    margin-bottom: 20px
}

.accounts-tasas-index .tombstone .box-medium {
    width: 200px
}

.accounts-tasas-index .tombstone .box-medium.balance {
    width: 110px
}

.accounts-tasas-index .gics-transactions .transaction-search fieldset {
    background: 0 0;
    margin: 20px 0 0;
    padding: 0 0 0 15px
}

.accounts-tasas-index .gics-transactions .transaction-search fieldset .date-range .ui-partial-label[for=date-range] {
    display: block;
    padding: 0 0 15px;
    width: 100%
}

.accounts-tasas-index .gics-transactions .transaction-search fieldset .ui-set-field:first-child {
    margin-left: 0
}

.accounts-tasas-index .gics-transactions .transaction-search fieldset .calendar-popover:nth-of-type(2) .ui-partial-label {
    padding-left: 15px
}

.accounts-tasas-index .table-shadow td:nth-of-type(1),
.accounts-tasas-index .table-shadow th:nth-of-type(1) {
    width: 250px
}

.accounts-tasas-index .table-shadow td:nth-of-type(3),
.accounts-tasas-index .table-shadow th:nth-of-type(3) {
    text-align: right;
    width: 120px
}

.accounts-tasas-index .registered.transactions {
    margin-bottom: 0
}

.accounts-disas-index .tombstone {
    margin-bottom: 20px
}

.accounts-disas-index .tombstone .box-medium {
    width: 200px
}

.accounts-disas-index .tombstone .box-medium.balance {
    width: 110px
}

.accounts-disas-index .gics-transactions .transaction-search {
    margin-bottom: 40px
}

.accounts-disas-index .gics-transactions .transaction-search fieldset {
    background: 0 0;
    margin: 0;
    padding: 20px 0 0 15px
}

.accounts-disas-index .gics-transactions .transaction-search fieldset .date-range .calendar-popover {
    float: left;
    margin-right: 5px
}

.accounts-disas-index .gics-transactions .transaction-search fieldset .date-range .ui-button {
    float: left;
    margin-left: 0
}

.accounts-disas-index .gics-transactions .transaction-search fieldset .date-range .ui-button.primary {
    margin-left: 10px
}

.accounts-disas-index .gics-transactions .transaction-search fieldset .date-range .ui-display-calendar.ui-popover-button {
    padding-left: 10px
}

.accounts-disas-index .gics-transactions .transaction-search fieldset .date-range .ui-partial-label {
    padding-left: 0
}

.accounts-disas-index .gics-transactions .transaction-search fieldset .date-range .ui-partial-label[for=date-range] {
    display: block;
    padding: 0 0 15px;
    width: auto
}

.accounts-disas-index .gics-transactions .transaction-search fieldset .ui-set-field:first-child {
    margin-left: 0
}

.accounts-disas-index .gics-transactions .transaction-search fieldset .calendar-popover:nth-of-type(2) .ui-partial-label {
    padding-left: 15px
}

.accounts-disas-index .gics-transactions .header-section span {
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    top: -5px;
    position: relative
}

.accounts-disas-index .table-shadow td:nth-of-type(1),
.accounts-disas-index .table-shadow th:nth-of-type(1) {
    width: 250px
}

.accounts-disas-index .table-shadow td:nth-of-type(3),
.accounts-disas-index .table-shadow th:nth-of-type(3) {
    text-align: right;
    width: 120px
}

.accounts-disas-index .registered.transactions {
    margin-bottom: 0
}

.accounts-download .calendar-popover .ui-set-field label:first-of-type {
    min-width: 35px;
    width: 35px
}

.accounts-download .calendar-popover .ui-set-calendar-popover .ui-set-field {
    display: table-row
}

.accounts-download .calendar-popover .ui-set-calendar-popover .ui-set-field .ui-group:first-of-type,
.accounts-download .calendar-popover .ui-set-calendar-popover .ui-set-field label:first-of-type {
    display: table-cell !important
}

.accounts-download .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.accounts-download .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.accounts-download .action-bar .primary:only-child {
    margin-left: auto
}

.accounts-download .action-bar .secondary {
    order: 3
}

.accounts-download .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.accounts-download .action-bar .tertiary:focus,
.accounts-download .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.accounts-download .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.accounts-download .action-bar .quaternary~.tertiary {
    margin: 0
}

.accounts-download .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.accounts-download .action-bar .download-button {
    display: flex;
    order: 4
}

.accounts-download .action-bar .download-button .ui-button {
    margin-left: 15px
}

.accounts-download .action-bar .ui-display-link.secondary {
    background-color: transparent;
    border-radius: 4px;
    border: 2px solid #C41F3E;
    color: #C41F3E;
    display: flex;
    font-family: WhitneyMedium;
    font-size: 13px;
    margin: 0 0 0 auto;
    min-height: 34px;
    min-width: 83px;
    overflow: hidden
}

.accounts-download .action-bar .ui-display-link.secondary .ui-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 30px
}

.accounts-download .action-bar .ui-display-link.secondary:focus,
.accounts-download .action-bar .ui-display-link.secondary:hover {
    background-color: #8B1D41;
    border: 2px solid #8B1D41;
    color: #FFF;
    text-decoration: none
}

.accounts-download .action-bar .ui-display-link.secondary.ui-size-medium {
    height: 30px;
    line-height: inherit;
    margin-top: 2px
}

.accounts-upcoming-bill-transfers .calendarSection {
    padding: 30px 0 20px
}

.accounts-upcoming-bill-transfers .calendarSection p {
    margin: 0
}

.accounts-upcoming-bill-transfers .calendarSection p .ui-button {
    margin-top: -1px
}

.accounts-upcoming-bill-transfers .calendarSection p .ui-button.ui-display-link {
    text-decoration: underline
}

.accounts-upcoming-bill-transfers .headerSection {
    border-bottom: 3px solid #606366;
    display: flex;
    justify-content: space-between;
    height: 19px;
    padding: 20px 0 15px
}

.accounts-upcoming-bill-transfers .headerSection li,
.accounts-upcoming-bill-transfers .headerSection ul,
.accounts-upcoming-bill-transfers .tableSection tbody tr td a div {
    display: inline-block
}

.accounts-upcoming-bill-transfers .headerSection .headerLinks {
    float: left
}

.accounts-upcoming-bill-transfers .headerSection .headerLinks li img {
    height: 12px;
    width: 12px
}

.accounts-upcoming-bill-transfers .headerSection .setupLinks {
    float: right
}

.accounts-upcoming-bill-transfers .headerSection li {
    border-left: 1px solid #606366
}

.accounts-upcoming-bill-transfers .headerSection li:first-child {
    border: none;
    margin: 0 4px
}

.accounts-upcoming-bill-transfers .headerSection li img {
    padding: 0 4px 0 0;
    vertical-align: middle
}

.accounts-upcoming-bill-transfers .headerSection li,
.accounts-upcoming-bill-transfers .headerSection span {
    padding: 0 4px 0 8px
}

.accounts-upcoming-bill-transfers .headerSection li:first-child,
.accounts-upcoming-bill-transfers .headerSection span:first-child {
    padding: 0
}

.accounts-upcoming-bill-transfers .headerSection li .current,
.accounts-upcoming-bill-transfers .headerSection span .current {
    color: #383B3E;
    font-weight: 700;
    text-decoration: none
}

.accounts-upcoming-bill-transfers .tableSection .amount {
    text-align: right
}

.accounts-upcoming-bill-transfers .tableSection .showAll {
    padding-top: 20px;
    text-align: center
}

.accounts-upcoming-bill-transfers .tableSection tbody .deleteButton {
    background: url(img/icon-delete-red.png) center no-repeat;
    background-size: 18px;
    float: right;
    height: 18px;
    width: 18px
}

.accounts-upcoming-bill-transfers .tableSection tbody .indicator .payment,
.accounts-upcoming-bill-transfers .tableSection tbody .indicator .transfer {
    text-align: center
}

.accounts-upcoming-bill-transfers .tableSection tbody .indicator .payment img,
.accounts-upcoming-bill-transfers .tableSection tbody .indicator .transfer img {
    height: 10px;
    margin-top: 9px;
    width: 10px
}

.accounts-upcoming-bill-transfers ui-calendar-transactions ui-button.ui-next,
.accounts-upcoming-bill-transfers ui-calendar-transactions ui-button.ui-previous {
    margin-top: 150px !important
}

.accounts-upcoming-bill-transfers .tableSection tbody .recurring {
    width: 100px
}

.accounts-upcoming-bill-transfers .tableSection tbody tr {
    vertical-align: top
}

.accounts-upcoming-bill-transfers .tableSection tbody tr td {
    padding: 15px 15px 15px 0
}

.accounts-upcoming-bill-transfers .tableSection tbody tr td:first-child {
    padding-left: 25px;
    padding-right: 4px
}

.accounts-upcoming-bill-transfers .tableSection tbody tr td.date {
    padding-top: 20px;
    white-space: nowrap
}

.accounts-upcoming-bill-transfers .tableSection tbody tr td .noTransaction {
    font-weight: 400;
    text-align: center
}

.accounts-upcoming-bill-transfers .tableSection thead .amount {
    width: 115px
}

.accounts-upcoming-bill-transfers .tableSection thead .date {
    width: 160px
}

.accounts-upcoming-bill-transfers .tableSection thead .delete {
    width: 40px
}

.accounts-upcoming-bill-transfers .tableSection thead .from-account {
    width: 145px
}

.accounts-upcoming-bill-transfers .tableSection thead .recurring {
    width: 100px
}

.accounts-upcoming-bill-transfers .tableSection thead .to-account {
    width: 145px
}

.accounts-upcoming-bill-transfers .tableSection thead tr th {
    padding-left: 0
}

.accounts-upcoming-bill-transfers .tableSection thead tr th:first-child {
    padding-left: 30px;
    padding-right: 15px
}

.accounts-upcoming-bill-transfers .tableSection table.table-shadow.no-transactions {
    padding-top: 45px
}

.accounts-upcoming-bill-transfers .tableSection table.table-shadow.no-transactions>tbody>tr>td {
    border: none !important
}

.accounts-upcoming-bill-transfers .tableSection table.table-shadow.no-transactions>tbody>tr>td div.noTransaction {
    text-align: left
}

.accounts-upcoming-bill-transfers ui-calendar-transactions ui-button {
    height: 30px
}

.accounts-upcoming-bill-transfers ui-calendar-transactions ui-button.ui-display-default.ui-next .ui-wrapper {
    justify-content: flex-start
}

.accounts-upcoming-bill-transfers ui-calendar-transactions ui-button.ui-previous .arrowLeftHover {
    display: none
}

.accounts-upcoming-bill-transfers ui-calendar-transactions ui-button.ui-previous:focus:not(.ui-disabled) .arrowLeftHover,
.accounts-upcoming-bill-transfers ui-calendar-transactions ui-button.ui-previous:hover:not(.ui-disabled) .arrowLeftHover {
    display: inline-block
}

.accounts-upcoming-bill-transfers ui-calendar-transactions ui-button.ui-next .arrowRightHover,
.accounts-upcoming-bill-transfers ui-calendar-transactions ui-button.ui-previous:focus:not(.ui-disabled) .arrowLeftOff,
.accounts-upcoming-bill-transfers ui-calendar-transactions ui-button.ui-previous:hover:not(.ui-disabled) .arrowLeftOff {
    display: none
}

.accounts-upcoming-bill-transfers ui-calendar-transactions ui-button.ui-next:focus:not(.ui-disabled) .arrowRightHover,
.accounts-upcoming-bill-transfers ui-calendar-transactions ui-button.ui-next:hover:not(.ui-disabled) .arrowRightHover {
    display: inline-block
}

.accounts-upcoming-bill-transfers ui-calendar-transactions ui-button.ui-next:focus:not(.ui-disabled) .arrowRightOff,
.accounts-upcoming-bill-transfers ui-calendar-transactions ui-button.ui-next:hover:not(.ui-disabled) .arrowRightOff {
    display: none
}

.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper:nth-child(1) {
    margin-right: 20px;
    margin-left: 30px
}

.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper:nth-child(2) {
    margin-left: 20px
}

.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper .ui-calendar-month-wrapper-info {
    text-align: center;
    font-family: Arial;
    font-size: 16px;
    color: #444;
    margin-bottom: 15px;
    margin-top: 30px
}

.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month {
    border-collapse: collapse
}

.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month tbody td.payment,
.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month tbody td.transfer {
    position: relative
}

.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month tbody td.payment img,
.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month tbody td.transfer img {
    height: 9px;
    outline: #86888A solid 1px;
    padding: 0 0 13px 13px;
    width: 9px
}

.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month tbody td.payment img,
.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month tbody td.payment span,
.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month tbody td.transfer img,
.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month tbody td.transfer span {
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {

    .accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month tbody td.payment span,
    .accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month tbody td.transfer span {
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%)
    }
}

.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month tbody td.transfer.payment img {
    height: 24px;
    outline: 0;
    padding: 0;
    width: 24px
}

.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month tbody td.transfer.payment span {
    z-index: 1
}

.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month tbody td.transfer img {
    padding: 13px 13px 0 0
}

.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month tbody td:focus:not(.ui-empty):not(.ui-selected),
.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month tbody td:hover:not(.ui-empty):not(.ui-selected) {
    color: #C41F3E !important;
    background-color: transparent;
    text-decoration: underline
}

.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month td {
    height: 35px;
    width: 35px
}

.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month td.ui-today {
    background-color: transparent;
    color: #000;
    font-weight: 700 !important
}

.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month td.ui-selected {
    color: #383B3E;
    font-weight: 700 !important;
    background-color: transparent !important
}

.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month thead tr {
    background-color: #EFEFEF
}

.payments-delete-confirmation+.action-bar .tertiary,
.payments-delete-verification.dialog-modal .action-bar .secondary,
.payments-delete-verification.dialog-modal .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month thead tr th {
    font-size: 11px;
    color: #383B3E;
    text-transform: uppercase;
    padding-top: 5px
}

.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month .ui-day.payment,
.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month .ui-day.transfer {
    color: #C41F3E;
    font-weight: 700 !important
}

.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month .ui-day.payment:hover span,
.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month .ui-day.transfer:hover span {
    text-decoration: underline
}

.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month .ui-day.payment.transfer.ui-disabled {
    color: #000
}

.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month .ui-day.ui-selected {
    color: #383B3E
}

.accounts-upcoming-bill-transfers ui-calendar-transactions .ui-calendar-month-wrapper table.ui-calendar-month .ui-day.ui-selected:hover span {
    text-decoration: none
}

@media print {
    .accounts-upcoming-bill-transfers .tableSection tbody .deleteButton {
        display: none
    }

    .accounts-upcoming-bill-transfers .ui-calendar-transactions>.row {
        width: 940px
    }

    .accounts-upcoming-bill-transfers .ui-calendar-transactions>.row .col-8 {
        margin-left: 100px
    }
}

.payments-delete-verification.dialog-modal .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.payments-delete-verification.dialog-modal .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.payments-delete-verification.dialog-modal .action-bar .primary:only-child {
    margin-left: auto
}

.payments-delete-verification.dialog-modal .action-bar .secondary {
    order: 3
}

.payments-delete-verification.dialog-modal .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.payments-delete-verification.dialog-modal .action-bar .tertiary:focus,
.payments-delete-verification.dialog-modal .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.payments-delete-verification.dialog-modal .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.payments-delete-verification.dialog-modal .action-bar .quaternary~.tertiary {
    margin: 0
}

.payments-delete-verification.dialog-modal .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.payments-delete-verification.dialog-modal .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.payments-delete-verification.dialog-modal .action-bar .secondary:focus,
.payments-delete-verification.dialog-modal .action-bar .secondary:hover {
    color: #C41F3E;
    border: none
}

.payments-delete-confirmation+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.payments-delete-confirmation+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.payments-delete-confirmation+.action-bar .primary:only-child {
    margin-left: auto
}

.payments-delete-confirmation+.action-bar .secondary {
    order: 3
}

.payments-delete-confirmation+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.payments-delete-confirmation+.action-bar .tertiary:focus,
.payments-delete-confirmation+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.payments-delete-confirmation+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.payments-delete-confirmation+.action-bar .quaternary~.tertiary {
    margin: 0
}

.payments-delete-confirmation+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.payments-delete-confirmation+.action-bar .secondary {
    margin: 0 0 0 auto
}

.page-narrow.account-nickname table thead th {
    background: #F2F2F2;
    border-bottom: 1px solid #BBBCBC;
    color: #383B3E;
    font-size: 11px
}

.page-narrow.account-nickname table thead th:first-of-type {
    padding: 10px 15px
}

.page-narrow.account-nickname table thead th:nth-of-type(2) {
    padding: 10px 15px 10px 0
}

.page-narrow.account-nickname table tbody th,
.page-narrow.account-nickname table thead th:first-of-type {
    width: 300px
}

.page-narrow.account-nickname table tbody td,
.page-narrow.account-nickname table thead th:nth-of-type(2) {
    width: calc(780px - 300px)
}

.page-narrow.account-nickname table tbody tr th {
    font-weight: 400
}

.page-narrow.account-nickname table tbody tr:last-of-type td,
.page-narrow.account-nickname table tbody tr:last-of-type th {
    padding-bottom: 40px
}

.page-narrow.account-nickname table tr+tr {
    border-top: 1px solid #BBBCBC
}

.page-narrow.account-nickname table tr td,
.page-narrow.account-nickname table tr th {
    padding: 15px 15px 15px 0
}

.page-narrow.account-nickname table tr span+.ui-button,
.page-narrow.account-nickname table tr th {
    padding-left: 15px
}

.page-narrow.account-nickname table tr .ui-button {
    text-decoration: underline
}

.page-narrow.account-nickname .action-bar {
    display: none;
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0 !important;
    width: 0;
    visibility: hidden
}

.page-narrow.account-nickname footer.main-footer {
    margin-top: 0
}

.account-nickname.dialog-modal .dialog-content .header h1 {
    display: inline-block
}

.account-nickname.dialog-modal .dialog-content .header .toolbox-global {
    display: inline-block;
    float: right
}

.account-nickname.dialog-modal .dialog-content p:only-of-type {
    margin: 5px 0 0
}

.account-nickname.dialog-modal .dialog-content+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.account-nickname.dialog-modal .dialog-content+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.account-nickname.dialog-modal .dialog-content+.action-bar .primary:only-child {
    margin-left: auto
}

.account-nickname.dialog-modal .dialog-content+.action-bar .secondary {
    order: 3
}

.account-nickname.dialog-modal .dialog-content+.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.account-nickname.dialog-modal .dialog-content+.action-bar .tertiary:focus,
.account-nickname.dialog-modal .dialog-content+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.account-nickname.dialog-modal .dialog-content+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.account-nickname.dialog-modal .dialog-content+.action-bar .quaternary~.tertiary {
    margin: 0
}

.account-nickname.dialog-modal .dialog-content+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.account-nickname.dialog-modal .dialog-content+.action-bar .secondary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0
}

.account-nickname.dialog-modal .dialog-content+.action-bar .secondary:focus,
.account-nickname.dialog-modal .dialog-content+.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.account-nickname.dialog-modal account-nickname-dialog li {
    font-size: 13px;
    margin-bottom: 10px;
    padding: 20px 0 0;
    width: auto
}

.account-nickname.dialog-modal account-nickname-dialog li label {
    color: #606366;
    display: inline-block;
    padding-top: 7.5px;
    vertical-align: top;
    width: 175px
}

.account-nickname.dialog-modal account-nickname-dialog li:first-of-type {
    padding-top: 0
}

.account-nickname.dialog-modal account-nickname-dialog li:first-of-type span {
    display: inline-block;
    padding-top: 7.5px
}

.account-nickname.dialog-modal account-nickname-dialog li .ui-set-textbox {
    display: inline-block;
    height: 35px
}

.account-nickname.dialog-modal account-nickname-dialog li .ui-set-textbox .ui-set-field {
    margin-bottom: 0
}

.account-nickname.dialog-modal account-nickname-dialog li .ui-set-textbox .ui-textbox {
    width: 150px
}

.account-nickname.dialog-modal account-nickname-dialog li .nickname-help-icon {
    display: inline-block;
    padding: 10px 0 0 3px;
    vertical-align: top
}

.account-nickname.dialog-modal account-nickname-dialog li .account-nickname-dialog-delete {
    margin: 0 0 0 180px;
    vertical-align: top;
    text-decoration: underline
}

.account-nickname.dialog-modal account-nickname-dialog .ui-alert.ui-scope-inline {
    width: 280px;
    margin: 10px 0 0;
    position: relative;
    border-radius: 4px
}

.financial-healthcheck-results li.tools .savings-calculator .ui-set-field,
.financial-healthcheck-results li.tools .tool-year.ui-set-textbox .ui-set-field {
    margin-bottom: 0
}

.account-nickname.dialog-modal account-nickname-dialog .ui-alert.ui-scope-inline .div.ui-text {
    margin-left: 31px
}

.account-nickname.dialog-modal account-nickname-dialog .ui-popover {
    margin: 0
}

.account-nickname.dialog-modal .ui-wrapper>.ui-body {
    overflow: visible
}

.account-nickname.dialog-modal .ui-wrapper>.ui-body .ui-popover.ui-display-help.ui-alignment-top {
    top: 25px !important;
    left: 0 !important
}

.dialog-modal.new-message.write-to-us .ui-dialog>.ui-wrapper {
    width: 590px
}

.dialog-modal.new-message.write-to-us .ui-dialog>.ui-wrapper .ui-select.ui-disabled select {
    padding-right: 0;
    white-space: normal
}

.financial-healthcheck-results {
    /*! autoprefixer: off */
}

.financial-healthcheck-results h2 {
    font-family: WhitneyBookRegular;
    font-size: 21px;
    line-height: 130%
}

.financial-healthcheck-results h3 {
    font-size: 16px;
    font-family: WhitneyMedium
}

.financial-healthcheck-results p {
    font-size: 12px
}

.financial-healthcheck-results .section {
    clear: both
}

.financial-healthcheck-results .financial-wellness-statement {
    border-top: 1px solid;
    border-bottom: 1px solid;
    float: left;
    padding: 20px 0
}

.financial-healthcheck-results .financial-wellness-statement .advisor-placeholder.negative {
    border: 1px solid #A14563
}

.financial-healthcheck-results .financial-wellness-statement .advisor-placeholder.negative h3 {
    color: #8B1D41
}

.financial-healthcheck-results .financial-wellness-statement .advisor-placeholder.positive {
    border: 1px solid #76B297
}

.financial-healthcheck-results .financial-wellness-statement .advisor-placeholder.positive h3 {
    color: #0A6D42
}

.financial-healthcheck-results .financial-wellness-statement .advisor-placeholder.neutral {
    border: 1px solid #5C99D6
}

.financial-healthcheck-results .financial-wellness-statement .advisor-placeholder.neutral h3 {
    color: #3079AD
}

.financial-healthcheck-results .financial-wellness-statement .icons {
    float: left;
    width: 60px;
    padding: 18px 0 18px 10px
}

.financial-healthcheck-results .financial-wellness-statement .icons img.icon {
    display: block;
    width: 40px;
    height: 40px
}

.financial-healthcheck-results .financial-wellness-statement .icons img.icon.small {
    width: 35px;
    height: 35px;
    padding-top: 10px;
    padding-left: 3px
}

.financial-healthcheck-results .financial-wellness-statement .content-placeholder {
    float: left;
    padding: 18px 5px 18px 0;
    width: 445px
}

.financial-healthcheck-results .financial-wellness-statement .content-placeholder p {
    font-size: 14px
}

.financial-healthcheck-results .recommendations {
    float: left;
    padding: 38px 0;
    background-repeat: no-repeat;
    background-size: 100%
}

.financial-healthcheck-results .recommendations span.headline {
    font-weight: 700
}

.financial-healthcheck-results .recommendations h2 {
    padding-bottom: 15px
}

.financial-healthcheck-results .recommendations ul li {
    border-top: 1px solid #BBBCBC
}

.financial-healthcheck-results .recommendations ul li .recommendation-container {
    line-height: 150%;
    padding: 15px 15px 15px 30px;
    min-height: 35px
}

.financial-healthcheck-results .recommendations ul li.positive .recommendation-container {
    border-left: 45px solid #76B297
}

.financial-healthcheck-results .recommendations ul li.negative .recommendation-container {
    border-left: 45px solid #A14563
}

.financial-healthcheck-results .recommendations ul li.neutral .recommendation-container {
    border-left: 45px solid #5C99D6
}

.financial-healthcheck-results .recommendations ul li:last-child {
    border-bottom: 1px solid #BBBCBC
}

.financial-healthcheck-results .next-steps {
    float: left
}

.financial-healthcheck-results .next-steps h2 {
    padding: 12px 0;
    border-bottom: 3px solid
}

.financial-healthcheck-results .next-steps ul {
    float: left;
    padding: 12px 0
}

.financial-healthcheck-results .next-steps ul li {
    float: left;
    width: 30%;
    padding-left: 25px
}

.financial-healthcheck-results .next-steps ul li:first-child {
    padding-left: 0;
    width: 33%
}

.financial-healthcheck-results .next-steps .tools .budget-calculator-button .ui-wrapper {
    padding: 0 15px
}

.financial-healthcheck-results .next-steps .articles p {
    width: 100%;
    border-bottom: 1px solid #BBBCBC;
    line-height: 130%;
    padding-bottom: 12px;
    vertical-align: middle
}

.financial-healthcheck-results .next-steps .articles p:last-of-type {
    border-bottom: 0
}

.financial-healthcheck-results .comparison-results h2 {
    border-bottom: 1px solid #BBBCBC;
    padding: 12px 0
}

.financial-healthcheck-results .comparison-results ul.comparison-block {
    float: left;
    width: 100%;
    padding: 40px 0 40px 10px
}

.financial-healthcheck-results .comparison-results ul.comparison-block li {
    float: left;
    width: 49%;
    padding-left: 10px
}

.financial-healthcheck-results .comparison-results ul.comparison-block li .comparison-amount.amount,
.financial-healthcheck-results .comparison-results ul.comparison-block li .comparison-amount.percent {
    color: #C41F3E;
    float: left;
    font-family: Arial;
    font-weight: 700;
    font-size: 75px;
    height: 100px;
    padding: 25px 8px 0 0
}

.financial-healthcheck-results .comparison-results ul.comparison-block li .comparison-amount.amount span,
.financial-healthcheck-results .comparison-results ul.comparison-block li .comparison-amount.percent span {
    background-size: 100px;
    background-repeat: no-repeat;
    padding: 0 0 20px
}

.financial-healthcheck-results .comparison-results ul.comparison-block li .comparison-amount.amount sup,
.financial-healthcheck-results .comparison-results ul.comparison-block li .comparison-amount.percent sup {
    font-size: 25px;
    vertical-align: top
}

.financial-healthcheck-results .comparison-results ul.comparison-block li .comparison-amount.amount {
    padding-top: 22px
}

.financial-healthcheck-results .comparison-results ul.comparison-block li .comparison-amount.amount span {
    font-size: 70px
}

.financial-healthcheck-results .comparison-results ul.comparison-block li .comparison-body {
    font-size: 12px;
    word-break: break-word;
    display: block
}

.financial-healthcheck-results .comparison-results ul.comparison-block li .comparison-body span {
    color: #C41F3E;
    font-weight: 700;
    font-size: 70px;
    float: left;
    height: 148px;
    padding: 20px 10px 0 0
}

.financial-healthcheck-results .comparison-results ul.comparison-block li .comparison-body sup {
    font-size: 35px;
    top: -.6em
}

.financial-healthcheck-results .comparison-results ul.comparison-block li .comparison-source {
    font-style: italic;
    font-family: WhitneyBookRegular;
    display: block;
    padding-top: 5px
}

.financial-healthcheck-results .comparison-results ul.comparison-block li .right {
    float: right;
    color: #C41F3E;
    font-weight: 700;
    font-size: 24px;
    padding-left: 3px
}

.financial-healthcheck-results .comparison-results ul.comparison-block li .right span {
    border-top: 1px solid #BBBCBC;
    display: block;
    line-height: 200%;
    margin-top: 20px
}

.financial-healthcheck-results .comparison-results ul.comparison-block li .right.amount {
    width: 175px
}

.financial-healthcheck-results .comparison-results ul.comparison-block li .right.amount span {
    border: 0;
    font-size: 60px;
    margin-top: -5px;
    line-height: 1
}

.financial-healthcheck-results .comparison-results ul.comparison-block li .right.amount sup {
    font-size: 40px;
    top: -.3em
}

.financial-healthcheck-results .comparison-results ul.comparison-block li:first-child {
    padding-left: 0
}

.financial-healthcheck-results .comparison-results ul.comparison-block li:first-child .right {
    float: left;
    margin-right: 10px;
    padding-left: 15px
}

.financial-healthcheck-results li.tools .savings-calculator {
    float: left;
    width: 115px
}

.financial-healthcheck-results li.tools .savings-calculator:lang(fr) {
    width: 163px
}

.financial-healthcheck-results li.tools .savings-calculator .ui-set-field .ui-group {
    float: left
}

.financial-healthcheck-results li.tools .tool-monthly-income {
    float: left;
    width: 146px
}

.financial-healthcheck-results li.tools .tool-monthly-income .ui-set-field {
    width: 250px
}

.financial-healthcheck-results li.tools .tool-monthly-income .ui-set-field .ui-textbox {
    width: 136px
}

.financial-healthcheck-results li.tools .ui-set-field label.ui-partial-label {
    display: inline-block !important;
    width: 100%;
    padding-bottom: 8px;
    color: #000
}

.financial-healthcheck-results li.tools .tool-year.ui-set-textbox {
    clear: none;
    float: left;
    width: 55px;
    padding-top: 35px
}

.financial-healthcheck-results li.tools .tool-year.ui-set-textbox .ui-textbox {
    width: 50px
}

.financial-healthcheck-results li.tools .ui-set-textbox+.ui-button.next {
    margin-top: 35px
}

.financial-healthcheck-results li.tools .ui-set-textbox+.ui-button.next.savings-calculator-button:lang(fr) {
    margin-top: 5px
}

.financial-healthcheck-results .advisor-placeholder {
    min-height: 130px;
    float: left;
    width: 220px;
    padding: 13px
}

.financial-healthcheck-results .advisor-placeholder>a {
    text-decoration: none
}

.financial-healthcheck-results .advisor-placeholder h3 {
    font-size: 16px
}

.financial-healthcheck-results .advisor-placeholder .raba-img {
    background: url(/ebm-resources/public/banking/cibc/content/web/common/img/fhc/icon-appointment.png) 15px center no-repeat #F2F3F2;
    background-size: 25px;
    height: 60px;
    padding-left: 52px
}

.financial-healthcheck-results .advisor-placeholder .raba-img h4 {
    font-family: Arial;
    padding-top: 12px
}

.financial-healthcheck-results .advisor-placeholder .raba-img h4:lang(fr) {
    padding-top: 3px
}

.financial-healthcheck-results .advisor-placeholder .raba-img p.raba-text {
    margin: 0
}

.financial-healthcheck-results .advisor-placeholder .raba-img:focus p.raba-text,
.financial-healthcheck-results .advisor-placeholder .raba-img:hover p.raba-text {
    text-decoration: underline
}

.financial-healthcheck-results .advisor-placeholder a:hover,
.financial-healthcheck-results .advisor-placeholder:focus,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transactions div.transactionDescription.ipConverted:hover,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transactions div.transactionDescription.ipEligible:hover {
    text-decoration: none
}

.sbc .financial-healthcheck-results .advisor-placeholder .raba-img,
.sbs .financial-healthcheck-results .advisor-placeholder .raba-img {
    background-image: url(/ebm-resources/public/banking/cibc/content/web/common/img/fhc/icon-appointment-sb.png)
}

.sbc .financial-healthcheck-results .advisor-placeholder .raba-img h4:lang(fr),
.sbs .financial-healthcheck-results .advisor-placeholder .raba-img h4:lang(fr) {
    padding-top: 14px
}

.financial-healthcheck-results .summary .ui-collapsible {
    border: none;
    padding: 0 40px
}

.financial-healthcheck-results .summary .ui-collapsible div {
    padding: 0 0 15px;
    width: 100%
}

.financial-healthcheck-results .summary h3 {
    border-bottom: 1px solid #BBBCBC;
    color: #383B3E;
    font-family: Arial;
    font-size: 13px;
    font-weight: 700;
    line-height: 200%;
    margin: 8px 0
}

.financial-healthcheck-results .summary ul {
    list-style: none;
    padding: 8px 0 0
}

.financial-healthcheck-results .summary ul li.show {
    font-size: 12px;
    display: list-item
}

.financial-healthcheck-results .financial-wellness-statement.positive,
.financial-healthcheck-results .next-steps h2.positive {
    border-color: #76B297
}

.financial-healthcheck-results .financial-wellness-statement.negative,
.financial-healthcheck-results .next-steps h2.negative {
    border-color: #A14563
}

.financial-healthcheck-results .financial-wellness-statement.neutral,
.financial-healthcheck-results .next-steps h2.neutral {
    border-color: #5C99D6
}

.new-message.write-to-us .dialog-content h1 {
    display: inline;
    float: left
}

.new-message.write-to-us .dialog-content .ui-select.ui-disabled select,
.new-message.write-to-us .dialog-content .ui-textbox.ui-disabled .ui-wrapper input {
    padding-left: 0
}

.new-message.write-to-us .dialog-content .ui-set-phone-number .ui-set-field>label {
    padding-top: 0
}

@media print {

    .dialog-opened-no-scroll .new-message.write-to-us .ui-dialog>.ui-wrapper,
    .financial-healthcheck-results .financial-wellness-statement {
        width: 100%
    }

    .dialog-opened-no-scroll .new-message.write-to-us .ui-wrapper>.ui-body {
        max-height: 1600px;
        margin-bottom: 0
    }

    .dialog-opened-no-scroll .new-message.write-to-us .ui-dialog>.ui-body {
        overflow-y: hidden
    }

    .financial-healthcheck-results .ui-collapsible-pane.ui-collapsed .ui-collapsible {
        display: block
    }

    .financial-healthcheck-results .ui-collapsible-pane.ui-collapsed .ui-title {
        background-image: url(img/uikit/ui-collapsible-pane-minus-grey.png)
    }

    .financial-healthcheck-results .financial-wellness-statement .advisor-placeholder {
        float: right
    }

    .financial-healthcheck-results .section {
        page-break-inside: avoid
    }
}

.transfers-new-confirmation .ui-alert.ui-scope-inline {
    margin: 0
}

.transfers-new-confirmation .ui-alert.ui-display-confirm {
    background-position-y: 8px;
    background-size: 42px;
    font-family: WhitneyBookRegular;
    font-size: 22px;
    padding: 0
}

.redeem-points-details .action-bar .secondary,
.redeem-points-details .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.transfers-new-confirmation .ui-alert div.ui-text {
    padding-left: 55px;
    padding-bottom: 10px;
    line-height: 26px
}

.redeem-points-details .dialog-content {
    padding-bottom: 0 !important;
    padding-left: 5px
}

.redeem-points-details .pair section ul .row div:nth-child(odd) {
    color: #606366;
    margin-left: 0;
    padding: 0 10px 0 0;
    width: 165px
}

.redeem-points-details .pair section ul .points-for-credit,
.redeem-points-details .pair section ul .purchase-amount,
.redeem-points-details .pair section ul .statement-credit {
    border-top: none;
    padding-top: 0;
    line-height: 10px
}

.redeem-points-details .pair section ul .purchase-amount {
    padding: 5px 10px 14px 0;
    line-height: normal
}

.redeem-points-details .pair section ul .purchase-amount div,
.redeem-points-details .pair section ul .purchase-amount span {
    color: #333 !important
}

.redeem-points-details .pair section ul .statement-credit {
    padding-top: 5px
}

.redeem-points-details .pair section ul .currency-text {
    margin-left: 4px;
    margin-right: 4px
}

.redeem-points-details .pair section ul .terms-conditions {
    margin-bottom: 20px
}

.redeem-points-details .pair section ul .terms-conditions .form-wrapper>.ui-set-checkbox,
.redeem-points-details .pair section ul .terms-conditions .ui-set-checkbox>.ui-set-messages,
.redeem-points-details .pair section ul .terms-conditions .ui-text,
.redeem-points-details .pair section ul .terms-conditions>div {
    width: 100% !important
}

.redeem-points-details .pair section ul .terms-conditions>div {
    color: #333 !important;
    margin-bottom: 15px;
    margin-left: 0
}

.redeem-points-details .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.redeem-points-details .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.redeem-points-details .action-bar .primary:only-child {
    margin-left: auto
}

.redeem-points-details .action-bar .secondary {
    order: 3
}

.redeem-points-details .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.redeem-points-details .action-bar .tertiary:focus,
.redeem-points-details .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.redeem-points-details .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.redeem-points-details .action-bar .quaternary~.tertiary {
    margin: 0
}

.redeem-points-details .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.redeem-points-details .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.redeem-points-details .action-bar .secondary:focus,
.redeem-points-details .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.redeem-points-confirmation .ui-alert.ui-scope-inline {
    padding-left: 35px;
    margin-top: 0
}

.redeem-points-confirmation .ui-alert.ui-scope-inline>div.ui-text {
    color: #666;
    padding-top: 0
}

.redeem-points-confirmation .reference-number {
    padding-left: 36px
}

.redeem-points-confirmation .reference-number span {
    padding-left: 5px
}

.redeem-points-confirmation .pair section ul .row div:nth-child(odd) {
    color: #606366;
    margin-left: 0;
    padding: 0 10px 0 0;
    width: 165px
}

.redeem-points-confirmation .pair section ul .point-redeemed {
    padding-bottom: 5px
}

.redeem-points-confirmation .pair section ul .available-points {
    border-top: none;
    padding-top: 0;
    line-height: 10px
}

.redeem-points-confirmation .pair section ul .currency-text {
    margin-left: 4px;
    margin-right: 4px
}

.redeem-points-confirmation .pair section ul .redemption-note>div {
    width: 100% !important;
    color: #666
}

.installment-payment-new-details .dialog-content>.header {
    margin-bottom: 0
}

.installment-payment-new-details .dialog-content sup {
    font-size: 30%;
    vertical-align: super
}

.installment-payment-new-details .dialog-content .messages-global .ui-alert {
    margin-bottom: 2px;
    margin-top: 23px
}

.installment-payment-new-details .dialog-content .pair {
    margin-top: 25px
}

.installment-payment-new-details .dialog-content .pair .has-error {
    margin-bottom: 42px
}

.installment-payment-new-details .dialog-content .pair>section {
    border-top: 1px solid #D6D6D6
}

.installment-payment-new-details .dialog-content .pair>section:first-of-type {
    border: none
}

.installment-payment-new-details .dialog-content .pair>section.transaction-tnc .ui-set-checkbox {
    margin: 20px 0 50px
}

.installment-payment-new-details .dialog-content .pair>section.transaction-tnc .ui-set-checkbox .ui-checkbox {
    margin-right: 10px
}

.installment-payment-new-details .dialog-content .pair>section ul li {
    border: none;
    padding: 0 0 20px
}

.installment-payment-new-details .dialog-content .pair>section ul li:first-of-type {
    padding-top: 0
}

.installment-payment-new-details .dialog-content .pair>section ul li.bold>div,
.installment-payment-new-details .dialog-content .pair>section ul li.bold>div+div {
    font-weight: 700 !important
}

.installment-payment-new-details .dialog-content .pair>section ul li>div:first-child {
    width: 240px
}

.installment-payment-new-details .dialog-content .pair>section ul li>div:first-child .help-text {
    color: #606366;
    display: inline-block;
    font-family: ArialMT;
    font-size: 12px;
    font-weight: 400 !important
}

.installment-payment-new-details .dialog-content .pair>section ul li>div:last-child {
    width: 230px
}

.installment-payment-new-details .dialog-content .pair>section ul .payment-plan {
    padding-bottom: 20px
}

.installment-payment-new-details .dialog-content .pair>section ul .payment-plan .ui-set-group-radiobutton {
    padding-top: 20px;
    width: 100%
}

.installment-payment-new-details .dialog-content .pair>section ul .payment-plan .ui-set-group-radiobutton .ui-set-field {
    display: grid;
    width: 500px
}

.installment-payment-new-details .dialog-content .pair>section ul .payment-plan .ui-set-group-radiobutton .ui-set-field>.ui-partial-label {
    color: #444;
    display: table-row !important;
    font-family: WhitneyMedium;
    font-size: 21px;
    max-width: 500px;
    padding: 0;
    width: 500px
}

.installment-payment-new-details .dialog-content .pair>section ul .payment-plan .ui-set-group-radiobutton .ui-set-field .ui-group {
    padding: 15px 0
}

.installment-payment-new-details .dialog-content .pair>section ul .payment-plan .ui-set-group-radiobutton .ui-set-field .ui-group .ui-set-messages,
.installment-payment-new-details .dialog-content .pair>section ul .total-amount {
    padding-bottom: 20px
}

.installment-payment-new-details .dialog-content .pair>section ul .payment-plan .ui-set-group-radiobutton .ui-set-field .ui-group .ui-alert {
    margin-top: 15px
}

.installment-payment-new-details .dialog-content .pair>section ul .payment-plan .ui-set-group-radiobutton .ui-set-field .ui-group .ui-set-radiobutton {
    display: inline-block;
    padding-left: 20px;
    height: 100px;
    width: 150px
}

.installment-payment-new-details .dialog-content .pair>section ul .payment-plan .ui-set-group-radiobutton .ui-set-field .ui-group .ui-set-radiobutton:first-of-type {
    padding-left: 0
}

.installment-payment-new-details .dialog-content .pair>section ul .payment-plan .ui-set-group-radiobutton .ui-set-field .ui-group .ui-set-radiobutton>.ui-partial-label {
    color: #383B3E;
    cursor: pointer;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    width: 100%;
    padding-top: 17px;
    position: relative;
    z-index: 2
}

.installment-payment-new-details .dialog-content .pair>section ul .payment-plan .ui-set-group-radiobutton .ui-set-field .ui-group .ui-set-radiobutton>.ui-partial-label .months {
    font-family: WhitneyMedium;
    font-size: 32px
}

.installment-payment-new-details .dialog-content .pair>section ul .payment-plan .ui-set-group-radiobutton .ui-set-field .ui-group .ui-set-radiobutton .ui-radiobutton {
    border: 1px solid #919191;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 100px;
    position: absolute;
    margin-right: 0;
    width: 150px
}

.installment-payment-new-details .dialog-content .pair>section ul .payment-plan .ui-set-group-radiobutton .ui-set-field .ui-group .ui-set-radiobutton .ui-radiobutton>input {
    height: 98px;
    width: 148px;
    z-index: 1
}

.installment-payment-new-details .dialog-content .pair>section ul .payment-plan .ui-set-group-radiobutton .ui-set-field .ui-group .ui-set-radiobutton .ui-radiobutton .ui-wrapper {
    border: none;
    border-radius: 0;
    height: 98px;
    width: 148px;
    z-index: 1
}

.installment-payment-new-details .dialog-content .pair>section ul .payment-plan .ui-set-group-radiobutton .ui-set-field .ui-group .ui-set-radiobutton .ui-checked {
    border: 3px solid #369
}

.installment-payment-new-details .dialog-content .pair>section ul .payment-plan .ui-set-group-radiobutton .ui-set-field .ui-group .ui-set-radiobutton .ui-checked .ui-wrapper,
.installment-payment-new-details .dialog-content .pair>section ul .payment-plan .ui-set-group-radiobutton .ui-set-field .ui-group .ui-set-radiobutton .ui-checked>input {
    height: 94px;
    width: 144px
}

.installment-payment-new-details .dialog-content .pair>section ul .payment-plan .ui-set-group-radiobutton .ui-set-field .ui-group .ui-set-radiobutton .ui-checked .ui-wrapper .ui-checkmark {
    background: 0 0
}

.installment-payment-new-details .action-bar .secondary,
.installment-payment-new-details .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-size: 18px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 7px
}

.installment-payment-new-details .dialog-content .pair>section ul .payment-plan .ui-set-group-radiobutton .ui-set-field .ui-group .ui-set-radiobutton .ui-checked+.ui-partial-label {
    color: #369;
    font-weight: 700
}

.installment-payment-new-details .dialog-content .pair>section ul .payment-plan .ui-set-group-radiobutton .ui-set-field .ui-group .ui-set-radiobutton .ui-checked.ui-disabled {
    border: 1px solid #919191
}

.installment-payment-new-details .dialog-content .pair>section ul .payment-plan .ui-set-group-radiobutton .ui-set-field .ui-group .ui-set-radiobutton .ui-checked.ui-disabled+.ui-partial-label {
    color: #919191;
    font-weight: 400;
    margin-top: 25px
}

.installment-payment-new-details .dialog-content .pair>section ul .payment-plan .ui-set-group-radiobutton .ui-set-field .ui-group .ui-set-radiobutton .ui-checked.ui-disabled+.ui-partial-label .months {
    font-size: 15px
}

.installment-payment-new-details .dialog-content .pair>section ul .monthly-payment>div,
.installment-payment-new-details .dialog-content .pair>section ul .setup-fee>div,
.installment-payment-new-details .dialog-content .pair>section ul .total-amount>div,
.installment-payment-new-details .dialog-content .pair>section ul .transaction-amount>div {
    color: #383B3E
}

.installment-payment-new-details .dialog-content .pair>section ul .monthly-payment .ui-set-popover,
.installment-payment-new-details .dialog-content .pair>section ul .setup-fee .ui-set-popover,
.installment-payment-new-details .dialog-content .pair>section ul .total-amount .ui-set-popover,
.installment-payment-new-details .dialog-content .pair>section ul .transaction-amount .ui-set-popover {
    font-weight: 400
}

.installment-payment-new-details .dialog-content .pair>section ul .monthly-payment .ui-set-popover .ui-popover .ui-display-link .ui-wrapper,
.installment-payment-new-details .dialog-content .pair>section ul .setup-fee .ui-set-popover .ui-popover .ui-display-link .ui-wrapper,
.installment-payment-new-details .dialog-content .pair>section ul .total-amount .ui-set-popover .ui-popover .ui-display-link .ui-wrapper,
.installment-payment-new-details .dialog-content .pair>section ul .transaction-amount .ui-set-popover .ui-popover .ui-display-link .ui-wrapper {
    color: #D40139;
    padding: 0
}

.installment-payment-new-details .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.installment-payment-new-details .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.installment-payment-new-details .action-bar .primary:only-child {
    margin-left: auto
}

.installment-payment-new-details .action-bar .secondary {
    order: 3
}

.installment-payment-new-details .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.installment-payment-new-details .action-bar .tertiary:focus,
.installment-payment-new-details .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.installment-payment-new-details .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.installment-payment-new-details .action-bar .quaternary~.tertiary {
    margin: 0
}

.installment-payment-new-details .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.installment-payment-new-details .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.installment-payment-delete-confirmation .dialog-content .pair>section .next-steps .empty-margin+div,
.installment-payment-new-confirmation .dialog-content .pair>section ul li.next-steps .empty-margin+div {
    margin-left: 0
}

.installment-payment-new-details .action-bar .secondary:focus,
.installment-payment-new-details .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.installment-payment-delete-confirmation .dialog-content .pair>section ul li,
.installment-payment-new-confirmation .dialog-content .pair>section ul li {
    border-color: #EFEFEF
}

.installment-payment-new-confirmation .dialog-content>div .ui-alert {
    padding-top: 0;
    margin-top: 0
}

.installment-payment-new-confirmation .dialog-content>div .ui-alert.ui-display-confirm {
    background-image: url(img/uikit/ui-alert-success-outlined-lg.png);
    background-position-y: 2px;
    background-size: 45px;
    font-family: WhitneyBookRegular;
    padding-left: 60px
}

.installment-payment-new-confirmation .dialog-content>div .ui-alert.ui-display-confirm .ui-text {
    line-height: 30px
}

.installment-payment-new-confirmation .dialog-content>.header {
    margin-bottom: 25px
}

.installment-payment-new-confirmation .dialog-content sup {
    font-size: 30%;
    vertical-align: super
}

.installment-payment-new-confirmation .dialog-content .pair {
    padding-top: 20px
}

.installment-payment-new-confirmation .dialog-content .pair>section ul li.bold>div,
.installment-payment-new-confirmation .dialog-content .pair>section ul li.bold>div+div {
    font-weight: 700 !important
}

.installment-payment-new-confirmation .dialog-content .pair>section ul li.monthly-payment .ui-popover .ui-display-link .ui-wrapper,
.installment-payment-new-confirmation .dialog-content .pair>section ul li.setup-fee .ui-popover .ui-display-link .ui-wrapper {
    color: #D40139;
    padding: 0
}

.installment-payment-new-confirmation .dialog-content .pair>section ul li.next-steps {
    padding-top: 0
}

.installment-payment-new-confirmation .dialog-content .pair>section ul li.next-steps .empty-margin {
    height: 20px;
    width: 100%
}

.installment-payment-new-confirmation .dialog-content .pair>section ul li.next-steps .installment-payment-next-steps {
    background-color: #DEE9F7;
    display: none;
    margin-right: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%
}

.installment-payment-new-confirmation .dialog-content .pair>section ul li.next-steps .installment-payment-next-steps .scrollable {
    overflow-y: auto;
    padding: 25px
}

.installment-payment-new-confirmation .dialog-content .pair>section ul li.next-steps .installment-payment-next-steps .scrollable .body p:nth-of-type(odd) {
    font-weight: 700;
    margin-bottom: 0
}

.installment-payment-new-confirmation .dialog-content .pair>section ul li.next-steps .installment-payment-next-steps .scrollable .body p:last-of-type {
    margin-bottom: 0
}

.installment-payment-new-confirmation .dialog-content .pair>section ul li.next-steps .installment-payment-next-steps .scrollable .header {
    margin-bottom: 12px
}

.installment-payment-new-confirmation .dialog-content .pair>section ul li.next-steps .installment-payment-next-steps .scrollable .header h3,
.installment-payment-new-confirmation .dialog-content .pair>section ul li.total-amount {
    font-size: 15px
}

.installment-payment-new-confirmation .dialog-content .pair>section ul li.total-amount>div {
    color: #383B3E
}

.installment-payment-new-confirmation .dialog-content .pair>section ul li.total-amount>div+div {
    width: 300px
}

.installment-payment-delete-confirmation .dialog-content>div .ui-alert {
    padding-top: 0;
    margin-top: 0
}

.installment-payment-delete-confirmation .dialog-content>div .ui-alert.ui-display-confirm {
    background-position-y: 2px
}

.installment-payment-delete-confirmation .dialog-content>.header {
    margin-bottom: 25px
}

.installment-payment-delete-confirmation .dialog-content .info-message {
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 20px
}

.installment-payment-delete-confirmation .dialog-content .pair {
    padding-top: 15px
}

.installment-payment-delete-confirmation .dialog-content .pair>section ul {
    margin-bottom: 50px
}

.installment-payment-delete-confirmation .dialog-content .pair>section ul li.bold>div,
.installment-payment-delete-confirmation .dialog-content .pair>section ul li.bold>div+div {
    font-weight: 700 !important
}

.installment-payment-delete-confirmation .dialog-content .pair>section .next-steps {
    padding-top: 0;
    margin-top: -30px;
    border-top: 1px solid #E1E1E1
}

.installment-payment-delete-confirmation .dialog-content .pair>section .next-steps .empty-margin {
    height: 20px;
    width: 100%
}

.installment-payment-delete-confirmation .dialog-content .pair>section .next-steps .installment-payment-next-steps {
    background-color: #E2ECDF;
    display: none;
    margin-right: 0;
    margin-top: 20px;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%
}

.installment-payment-delete-confirmation .dialog-content .pair>section .next-steps .installment-payment-next-steps .scrollable {
    overflow-y: auto;
    padding: 25px
}

.installment-payment-delete-confirmation .dialog-content .pair>section .next-steps .installment-payment-next-steps .scrollable .body p:nth-of-type(odd) {
    font-weight: 700;
    margin-bottom: 0
}

.installment-payment-delete-confirmation .dialog-content .pair>section .next-steps .installment-payment-next-steps .scrollable .body p:last-of-type {
    margin-bottom: 0
}

.installment-payment-delete-confirmation .dialog-content .pair>section .next-steps .installment-payment-next-steps .scrollable .header {
    margin-bottom: 12px
}

.installment-payment-delete-confirmation .dialog-content .pair>section .next-steps .installment-payment-next-steps .scrollable .header h3 {
    font-size: 15px
}

.installment-payment-delete-details .dialog-content {
    padding-bottom: 35px !important
}

.installment-payment-delete-details .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.installment-payment-delete-details .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.installment-payment-delete-details .action-bar .primary:only-child {
    margin-left: auto
}

.installment-payment-delete-details .action-bar .secondary {
    order: 3
}

.installment-payment-delete-details .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.installment-payment-delete-details .action-bar .tertiary:focus,
.installment-payment-delete-details .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.installment-payment-delete-details .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.installment-payment-delete-details .action-bar .quaternary~.tertiary {
    margin: 0
}

.installment-payment-delete-details .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.installment-payment-plans .installment-payment-list table tbody .msg-container,
.installment-payment-plans .installment-payment-list table tbody tr.installment-payment-item .ip-status {
    position: relative
}

.installment-payment-delete-details .action-bar .secondary {
    margin-left: auto
}

.dialog-installment-payment-limit-reached .limitReachedBody {
    margin-bottom: 25px
}

.installment-payment-plans .custom-global-message .ui-alert {
    margin-bottom: 130px;
    margin-top: 30px
}

.installment-payment-plans .installment-payment-list {
    margin: 20px 0 50px
}

.installment-payment-plans .installment-payment-list table {
    width: 100%
}

.installment-payment-plans .installment-payment-list table tbody th {
    font-weight: 400
}

.installment-payment-plans .installment-payment-list table tbody:last-of-type {
    border-bottom: 1px solid #BBBCBC
}

.installment-payment-plans .installment-payment-list table tbody .row-separator {
    padding-bottom: 20px
}

.installment-payment-plans .installment-payment-list table tbody .no-row-separator {
    display: none
}

.installment-payment-plans .installment-payment-list table tbody .ip-expanded {
    background-color: #DEE9F7
}

.installment-payment-plans .installment-payment-list table tbody .show-status-msg {
    height: 80px
}

.installment-payment-plans .installment-payment-list table tbody .show-status-msg td {
    padding-bottom: 45px;
    vertical-align: top
}

.installment-payment-plans .installment-payment-list table tbody .show-status-msg th {
    padding-bottom: 30px;
    padding-top: 15px;
    vertical-align: top
}

.installment-payment-plans .installment-payment-list table tbody .auto-pay-msg {
    margin-top: 24px;
    position: relative
}

.installment-payment-plans .installment-payment-list table tbody .auto-pay-msg .ip-status-msg {
    background-color: #FFF;
    padding: 10px;
    width: 97%
}

.installment-payment-plans .installment-payment-list table tbody .auto-pay-msg .ip-status-msg .ip-status-icon {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px
}

.installment-payment-plans .installment-payment-list table tbody .auto-pay-msg .ip-status-msg .status-A {
    background: url(img/accounts/credit-cards/installment-payments/ip_icon_status_active.png) center no-repeat
}

.installment-payment-plans .installment-payment-list table tbody .auto-pay-msg .ip-status-msg .ip-status-text {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    padding-left: 5px
}

.installment-payment-plans .installment-payment-list table tbody .ip-unexpanded {
    background-color: #FFF
}

.installment-payment-plans .installment-payment-list table tbody tr {
    border-top: 1px solid #BBBCBC;
    cursor: pointer;
    vertical-align: initial
}

.installment-payment-plans .installment-payment-list table tbody tr.ip-hub-row.closed-hub,
.installment-payment-plans .installment-payment-list table tbody tr.ip-status-info {
    border-top: none
}

.installment-payment-plans .installment-payment-list table tbody tr.installment-payment-item .ip-status .toggle-ip-hub {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 14px;
    right: 2px
}

.installment-payment-plans .installment-payment-list table tbody tr.installment-payment-item .ip-status .toggle-ip-hub.close-hub {
    background: url(img/icon-collaspe-red.png) center no-repeat;
    background-size: 16px
}

.installment-payment-plans .installment-payment-list table tbody tr.installment-payment-item .ip-status .toggle-ip-hub.open-hub {
    background: url(img/icon-expand-red.png) center no-repeat;
    background-size: 16px
}

.installment-payment-plans .installment-payment-list table tbody tr.ip-status-info .ip-status-msg {
    padding: 10px;
    position: absolute;
    width: 97%;
    top: -45px
}

.installment-payment-plans .installment-payment-list table tbody tr.ip-status-info .ip-status-msg .ip-status-icon {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px
}

.installment-payment-plans .installment-payment-list table tbody tr.ip-status-info .ip-status-msg .status-A {
    background: url(img/accounts/credit-cards/installment-payments/ip_icon_status_active.png) center no-repeat
}

.installment-payment-plans .installment-payment-list table tbody tr.ip-status-info .ip-status-msg .status-E {
    background: url(img/accounts/credit-cards/installment-payments/ip_icon_status_closed.png) center no-repeat
}

.installment-payment-plans .installment-payment-list table tbody tr.ip-status-info .ip-status-msg .status-P {
    background: url(img/accounts/credit-cards/installment-payments/ip_icon_status_pending.png) center no-repeat
}

.installment-payment-plans .installment-payment-list table tbody tr.ip-status-info .ip-status-msg .ip-status-text {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px
}

.installment-payment-plans .installment-payment-list table tbody tr.hub-shown {
    background-color: #DEE9F7
}

.installment-payment-plans .installment-payment-list table tbody tr.hub-shown.ip-unexpanded {
    background-color: #FFF
}

.installment-payment-plans .installment-payment-list table tbody tr.ip-hub-row {
    background-color: #DEE9F7
}

.installment-payment-plans .installment-payment-list table tbody tr.ip-hub-row td {
    padding: 0
}

.installment-payment-plans .installment-payment-list table tbody tr td {
    padding: 15px 0
}

.installment-payment-plans .installment-payment-list table tbody tr .ip-hub {
    border: none;
    display: none;
    overflow: visible;
    padding: 30px 15px;
    position: relative
}

.installment-payment-plans .installment-payment-list table tbody tr .ip-hub .scrollable {
    height: 257px
}

.installment-payment-plans .installment-payment-list table tbody .plan-details-heading {
    color: #383B3E;
    font-family: WhitneyMedium;
    font-size: 24px
}

.installment-payment-plans .installment-payment-list table tbody .plan-details-heading .need-more-info {
    color: #C41F3E;
    float: right;
    font-family: Arial;
    font-size: 12px
}

.installment-payment-plans .installment-payment-list table tbody .details-section {
    display: flex;
    font-family: Arial;
    padding: 20px 0
}

.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info {
    border-right: 1px solid #BBBCBC;
    font-size: 16px;
    padding-right: 30px
}

.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-1,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-2 {
    display: flex
}

.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-1 .label,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-2 .label {
    font-size: 12px;
    font-weight: 700
}

.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-1 .interest-rate,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-1 .monthly-payment,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-2 .interest-rate,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-2 .monthly-payment {
    width: 133px
}

.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-1 .interest-rate .ui-popover-content,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-1 .monthly-payment .ui-popover-content,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-2 .interest-rate .ui-popover-content,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-2 .monthly-payment .ui-popover-content {
    font-weight: 400
}

.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-1 .interest-rate .ui-popover-content>.ui-button .ui-wrapper,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-1 .monthly-payment .ui-popover-content>.ui-button .ui-wrapper,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-2 .interest-rate .ui-popover-content>.ui-button .ui-wrapper,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-2 .monthly-payment .ui-popover-content>.ui-button .ui-wrapper {
    color: #383B3E;
    padding: 0
}

.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-1 .interest-rate .ui-popover-content>.ui-button .ui-wrapper:focus,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-1 .interest-rate .ui-popover-content>.ui-button .ui-wrapper:hover,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-1 .monthly-payment .ui-popover-content>.ui-button .ui-wrapper:focus,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-1 .monthly-payment .ui-popover-content>.ui-button .ui-wrapper:hover,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-2 .interest-rate .ui-popover-content>.ui-button .ui-wrapper:focus,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-2 .interest-rate .ui-popover-content>.ui-button .ui-wrapper:hover,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-2 .monthly-payment .ui-popover-content>.ui-button .ui-wrapper:focus,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-2 .monthly-payment .ui-popover-content>.ui-button .ui-wrapper:hover {
    color: #C41F3E
}

.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-1 .interest-rate .ui-set-popover,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-1 .monthly-payment .ui-set-popover,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-2 .interest-rate .ui-set-popover,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-2 .monthly-payment .ui-set-popover {
    vertical-align: middle
}

.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-1 .remaining-payments,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-1 .term-plan,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-2 .remaining-payments,
.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-2 .term-plan {
    padding-left: 30px
}

.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-1 {
    padding-bottom: 30px;
    padding-top: 10px
}

.installment-payment-plans .installment-payment-list table tbody .details-section .plan-info .plan-details-info-2 {
    padding-bottom: 10px
}

.installment-payment-plans .installment-payment-list table tbody .details-section .cancel-info {
    padding: 10px 30px 0;
    width: 50px
}

.installment-payment-plans .installment-payment-list table tbody .details-section .cancel-info span {
    display: inline-block;
    width: 315px
}

.installment-payment-plans .installment-payment-list table tbody .details-section .cancel-info span:lang(fr) {
    width: 300px
}

.installment-payment-plans .installment-payment-list table tbody .cancel-section {
    border-top: 1px solid #BBBCBC;
    padding-top: 30px
}

.installment-payment-plans .installment-payment-list table tbody .cancel-section .ui-button {
    background-color: transparent;
    border: 1px solid #C41F3E;
    color: #C41F3E
}

.installment-payment-plans .installment-payment-list table tbody .cancel-section .ui-button:focus,
.installment-payment-plans .installment-payment-list table tbody .cancel-section .ui-button:hover {
    background-color: #8B1D41;
    border-color: #8B1D41;
    color: #FFF
}

.installment-payment-plans .installment-payment-list table>thead {
    background-color: #f4f4f4;
    height: 40px;
    padding: 0 15px
}

.installment-payment-plans .installment-payment-list table>thead tr th {
    height: 40px
}

.installment-payment-plans .installment-payment-list table>thead tr th.ipStartDate {
    width: 90px
}

.installment-payment-plans .installment-payment-list table>thead tr th.ipStartDate:lang(fr) {
    width: 114px
}

.installment-payment-plans .installment-payment-list table>thead tr th.ipMonthlyPayment {
    width: 134px
}

.installment-payment-plans .installment-payment-list table>thead tr th.ipMonthlyPayment:lang(fr) {
    width: 139px
}

.installment-payment-plans .installment-payment-list table>thead tr th.ipPurchaseAmount {
    width: 142px
}

.installment-payment-plans .installment-payment-list table>thead tr th.ipPurchaseAmount:lang(fr) {
    width: 150px
}

.installment-payment-plans .installment-payment-list table>thead tr th.ipRemainingBalance {
    width: 146px
}

.installment-payment-plans .installment-payment-list table>thead tr th.ipRemainingBalance:lang(fr) {
    width: 112px
}

.installment-payment-plans .installment-payment-list table>thead tr th.ipStatus {
    position: relative;
    width: 105px
}

.installment-payment-plans .installment-payment-list table tbody tr:after,
.installment-payment-plans .installment-payment-list table tbody tr:before,
.installment-payment-plans .installment-payment-list table thead tr:after,
.installment-payment-plans .installment-payment-list table thead tr:before {
    content: '';
    display: table-cell;
    width: 14px
}

.installment-payment-plans .installment-payment-list table tbody tr td:not(:first-of-type),
.installment-payment-plans .installment-payment-list table tbody tr th:not(:first-of-type),
.installment-payment-plans .installment-payment-list table thead tr td:not(:first-of-type),
.installment-payment-plans .installment-payment-list table thead tr th:not(:first-of-type) {
    padding-left: 34px
}

.installment-payment-plans .installment-payment-list table tbody tr td:not(:first-of-type).ip-monthly-payment,
.installment-payment-plans .installment-payment-list table tbody tr td:not(:first-of-type).ipMonthlyPayment,
.installment-payment-plans .installment-payment-list table tbody tr th:not(:first-of-type).ip-monthly-payment,
.installment-payment-plans .installment-payment-list table tbody tr th:not(:first-of-type).ipMonthlyPayment,
.installment-payment-plans .installment-payment-list table thead tr td:not(:first-of-type).ip-monthly-payment,
.installment-payment-plans .installment-payment-list table thead tr td:not(:first-of-type).ipMonthlyPayment,
.installment-payment-plans .installment-payment-list table thead tr th:not(:first-of-type).ip-monthly-payment,
.installment-payment-plans .installment-payment-list table thead tr th:not(:first-of-type).ipMonthlyPayment {
    padding-left: 29px
}

.installment-payment-plans .installment-payment-list table tbody tr td:not(:first-of-type).ip-status,
.installment-payment-plans .installment-payment-list table tbody tr td:not(:first-of-type).ipStatus,
.installment-payment-plans .installment-payment-list table tbody tr th:not(:first-of-type).ip-status,
.installment-payment-plans .installment-payment-list table tbody tr th:not(:first-of-type).ipStatus,
.installment-payment-plans .installment-payment-list table thead tr td:not(:first-of-type).ip-status,
.installment-payment-plans .installment-payment-list table thead tr td:not(:first-of-type).ipStatus,
.installment-payment-plans .installment-payment-list table thead tr th:not(:first-of-type).ip-status,
.installment-payment-plans .installment-payment-list table thead tr th:not(:first-of-type).ipStatus {
    padding-left: 39px
}

.installment-payment-plans .installment-payment-list table tbody tr td:not(:first-of-type):lang(fr),
.installment-payment-plans .installment-payment-list table tbody tr th:not(:first-of-type):lang(fr),
.installment-payment-plans .installment-payment-list table thead tr td:not(:first-of-type):lang(fr),
.installment-payment-plans .installment-payment-list table thead tr th:not(:first-of-type):lang(fr) {
    padding-left: 32px
}

.installment-payment-plans .installment-payment-list table tbody tr td:not(:first-of-type):lang(fr).ip-monthly-payment,
.installment-payment-plans .installment-payment-list table tbody tr td:not(:first-of-type):lang(fr).ipMonthlyPayment,
.installment-payment-plans .installment-payment-list table tbody tr th:not(:first-of-type):lang(fr).ip-monthly-payment,
.installment-payment-plans .installment-payment-list table tbody tr th:not(:first-of-type):lang(fr).ipMonthlyPayment,
.installment-payment-plans .installment-payment-list table thead tr td:not(:first-of-type):lang(fr).ip-monthly-payment,
.installment-payment-plans .installment-payment-list table thead tr td:not(:first-of-type):lang(fr).ipMonthlyPayment,
.installment-payment-plans .installment-payment-list table thead tr th:not(:first-of-type):lang(fr).ip-monthly-payment,
.installment-payment-plans .installment-payment-list table thead tr th:not(:first-of-type):lang(fr).ipMonthlyPayment {
    padding-left: 27px
}

.installment-payment-plans .installment-payment-list table tbody tr td:not(:first-of-type):lang(fr).ip-status,
.installment-payment-plans .installment-payment-list table tbody tr td:not(:first-of-type):lang(fr).ipStatus,
.installment-payment-plans .installment-payment-list table tbody tr th:not(:first-of-type):lang(fr).ip-status,
.installment-payment-plans .installment-payment-list table tbody tr th:not(:first-of-type):lang(fr).ipStatus,
.installment-payment-plans .installment-payment-list table thead tr td:not(:first-of-type):lang(fr).ip-status,
.installment-payment-plans .installment-payment-list table thead tr td:not(:first-of-type):lang(fr).ipStatus,
.installment-payment-plans .installment-payment-list table thead tr th:not(:first-of-type):lang(fr).ip-status,
.installment-payment-plans .installment-payment-list table thead tr th:not(:first-of-type):lang(fr).ipStatus {
    padding-left: 37px
}

.installment-payment-plans .installment-payment-list table tbody tr td.ip-monthly-payment,
.installment-payment-plans .installment-payment-list table tbody tr td.ip-purchase-amount,
.installment-payment-plans .installment-payment-list table tbody tr td.ip-remaining-balance,
.installment-payment-plans .installment-payment-list table tbody tr td.ipMonthlyPayment,
.installment-payment-plans .installment-payment-list table tbody tr td.ipPurchaseAmount,
.installment-payment-plans .installment-payment-list table tbody tr td.ipRemainingBalance,
.installment-payment-plans .installment-payment-list table tbody tr th.ip-monthly-payment,
.installment-payment-plans .installment-payment-list table tbody tr th.ip-purchase-amount,
.installment-payment-plans .installment-payment-list table tbody tr th.ip-remaining-balance,
.installment-payment-plans .installment-payment-list table tbody tr th.ipMonthlyPayment,
.installment-payment-plans .installment-payment-list table tbody tr th.ipPurchaseAmount,
.installment-payment-plans .installment-payment-list table tbody tr th.ipRemainingBalance,
.installment-payment-plans .installment-payment-list table thead tr td.ip-monthly-payment,
.installment-payment-plans .installment-payment-list table thead tr td.ip-purchase-amount,
.installment-payment-plans .installment-payment-list table thead tr td.ip-remaining-balance,
.installment-payment-plans .installment-payment-list table thead tr td.ipMonthlyPayment,
.installment-payment-plans .installment-payment-list table thead tr td.ipPurchaseAmount,
.installment-payment-plans .installment-payment-list table thead tr td.ipRemainingBalance,
.installment-payment-plans .installment-payment-list table thead tr th.ip-monthly-payment,
.installment-payment-plans .installment-payment-list table thead tr th.ip-purchase-amount,
.installment-payment-plans .installment-payment-list table thead tr th.ip-remaining-balance,
.installment-payment-plans .installment-payment-list table thead tr th.ipMonthlyPayment,
.installment-payment-plans .installment-payment-list table thead tr th.ipPurchaseAmount,
.installment-payment-plans .installment-payment-list table thead tr th.ipRemainingBalance {
    text-align: right
}

.installment-payment-plans .no-ip-list {
    margin-bottom: 130px;
    margin-top: 40px
}

.installment-payment-plans .action-bar {
    border-top: none
}

.installment-payment-eligible-transactions .custom-global-message .ui-alert {
    margin-bottom: 130px;
    margin-top: 30px
}

.installment-payment-eligible-transactions .emptyState {
    padding-top: 40px;
    font-family: Arial;
    font-weight: 400;
    font-size: 12px;
    color: #333;
    padding-bottom: 130px
}

.installment-payment-eligible-transactions .eligible-transaction-list {
    margin-top: 20px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table {
    width: 100%
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr {
    border-top: 1px solid #EFEFEF;
    cursor: pointer
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr td {
    padding: 15px 0
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .amount {
    font-weight: 400;
    position: relative
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .amount .toggle-transaction-hub {
    position: absolute;
    width: 18px;
    height: 18px;
    right: 7px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .amount .toggle-transaction-hub.close-hub {
    background: url(img/icon-collaspe-red.png) center no-repeat;
    background-size: 16px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .amount .toggle-transaction-hub.open-hub {
    background: url(img/icon-expand-red.png) center no-repeat;
    background-size: 16px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr.transaction-row {
    cursor: pointer
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr.transaction-row .pending-indicator {
    height: 16px;
    top: -3px;
    width: auto;
    float: right
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr.transaction-hub-row {
    border-top: none
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr.transaction-hub-row td {
    padding: 0 0 0 187px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr.transaction-hub-shown {
    background-color: #DEE9F7;
    cursor: pointer
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr.transaction-hub-shown .redeemable-pending-has-error {
    height: 211px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr.transaction-hub-shown .no-redeemable-pending-has-error {
    height: 96px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .alignment {
    overflow: hidden
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .alignment.bottom-padding {
    position: relative;
    padding-top: 10px;
    padding-bottom: 24px;
    color: #383B3E;
    width: 240px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .alignment.bottom-padding:lang(fr) {
    width: 300px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .contact-info {
    color: #333;
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 16px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .contact-info .address {
    max-width: 400px;
    float: left
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .contact-info .address.add-full-width {
    max-width: 100%
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .contact-info .phone {
    display: inline-block;
    vertical-align: top
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .contact-info .phone.seperator {
    border-left: 1px #000 solid;
    padding-left: 15px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .merchant {
    width: 50%
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .merchant .name {
    color: #333;
    font-family: Arial;
    font-size: 14px;
    font-weight: 700
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .merchant .industry {
    color: #333;
    font-family: Arial;
    font-size: 12px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .pay-with-installments .divider {
    border-top: 1px solid #BBBCBC;
    float: left;
    padding-top: 18px;
    width: 100%
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .pay-with-installments .ui-button.primary.installment-payment-button .ui-wrapper {
    background-image: url(img/accounts/credit-cards/installment-payments/ip_icon_white.png);
    background-position: 30px 5px;
    background-repeat: no-repeat;
    padding-left: 60px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .show-map-button {
    display: inline-block;
    font-size: 12px;
    padding-right: 17px;
    vertical-align: baseline
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .top-padding {
    padding-top: 16px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .no-transaction-card-number,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transactionCardNo {
    padding-left: 23px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub {
    border: none;
    display: none;
    height: 155px;
    overflow: visible;
    position: relative
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub .scrollable {
    height: 155px;
    overflow-y: auto
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.is-ip-eligible {
    height: 290px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.is-ip-eligible.ip-converted,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.is-ip-eligible.ip-converted .scrollable,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.is-ip-eligible.ip-converted.is-loading-merchant-info,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.is-ip-eligible.ip-converted.is-loading-merchant-info .scrollable {
    height: 155px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.is-ip-eligible .scrollable {
    height: 290px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.is-ip-eligible.hide-contact-info,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.is-ip-eligible.hide-contact-info .scrollable {
    height: 190px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.is-ip-eligible.is-loading-merchant-info,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.is-ip-eligible.is-loading-merchant-info .scrollable {
    height: 259px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.is-redeemable,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.is-redeemable .scrollable {
    height: 270px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.pending-transaction-hub {
    height: 198px;
    border-top: 1px solid #BBBCBC
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.pending-transaction-hub .scrollable {
    height: 198px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.pending-transaction-hub.is-redeemable,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.pending-transaction-hub.is-redeemable .scrollable {
    height: 316px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.hide-txn-merchant-feature,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.hide-txn-merchant-feature .scrollable {
    height: 75px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.hide-txn-merchant-feature.is-redeemable,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.hide-txn-merchant-feature.is-redeemable .scrollable {
    height: 190px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.hide-txn-merchant-feature.pending-transaction-hub,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.hide-txn-merchant-feature.pending-transaction-hub .scrollable {
    height: 115px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub.hide-txn-merchant-feature.pending-transaction-hub .scrollable .redeem-with-points {
    display: none
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub .loading-animation {
    animation-name: dyanamicLoader;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    background-color: #CECECE
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub .loading-hub .top-padding {
    overflow: hidden
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub .loading-hub .top-padding .merchant {
    float: left;
    width: auto
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub .loading-hub .name-placeholder {
    border-radius: 8px;
    height: 12px;
    margin-bottom: 6px;
    margin-right: 6px;
    width: 296px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub .loading-hub .industry-placeholder {
    border-radius: 4px;
    height: 8px;
    margin-right: 70px;
    width: 175px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub .loading-hub .unrecognized-transaction-popover-placeholder {
    border-radius: 4px;
    float: right;
    height: 8px;
    margin-right: 30px;
    margin-top: 4px;
    width: 175px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub .loading-hub .address-placeholder {
    border-radius: 4px;
    height: 8px;
    width: 475px;
    margin-top: 25px;
    margin-bottom: 25px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub .loading-hub .pending-desc-placeholder {
    border-radius: 4px;
    height: 8px;
    margin-bottom: 25px;
    margin-right: 30px;
    padding: 0;
    width: 296px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transaction-hub .indicatorLoader {
    border-radius: 4px;
    height: 8px;
    margin-bottom: 12px;
    width: 175px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transactions img {
    display: inline-block;
    margin-right: 4px;
    height: 24px;
    width: 24px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transactions .ipEligible span {
    padding-left: 25px;
    padding-bottom: 10px;
    font-weight: 700
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transactions>section>.header {
    border-bottom: 5px solid #2B7BB3 !important
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transactions div.transactionDescription.ipConverted,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transactions div.transactionDescription.ipEligible {
    background: url(img/accounts/credit-cards/installment-payments/ip_icon.png) no-repeat;
    font-weight: 700;
    color: #11608A;
    margin-bottom: 6px;
    margin-top: -4px;
    padding: 3px 0 3px 30px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transactions div.transactionDescription.ipConverted {
    background-image: url(img/accounts/credit-cards/shop-with-points/Icon-Redeemed.png);
    color: #4A9E6B
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transactions div.transactionDescription.no-category-icon {
    padding-left: 23px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .transactions span.transactionDescription {
    vertical-align: top
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr .unrecognized-txn-modal-button {
    position: absolute;
    right: 29px;
    top: 20px;
    text-decoration: underline
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table>thead {
    background-color: #f4f4f4;
    height: 40px;
    padding: 0 15px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table>thead tr th {
    height: 40px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr:after,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr:before,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table thead tr:after,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table thead tr:before {
    content: '';
    display: table-cell;
    width: 14px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr td:not(:first-of-type),
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr th:not(:first-of-type),
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table thead tr td:not(:first-of-type),
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table thead tr th:not(:first-of-type) {
    padding-left: 10px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr td.amount credit,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr td.transactionDate,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr td.transactions,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr th.amount credit,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr th.transactionDate,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr th.transactions,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table thead tr td.amount credit,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table thead tr td.transactionDate,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table thead tr td.transactions,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table thead tr th.amount credit,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table thead tr th.transactionDate,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table thead tr th.transactions {
    text-align: left
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr td.amount,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr th.amount,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table thead tr td.amount,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table thead tr th.amount {
    padding-right: 30px;
    position: relative;
    text-align: right;
    width: 125px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr td.transactionDate,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr th.transactionDate,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table thead tr td.transactionDate,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table thead tr th.transactionDate {
    width: 155px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr td.transactions,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr th.transactions,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table thead tr td.transactions,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table thead tr th.transactions {
    width: 429px
}

.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr td.transactions .ui-sorting-key,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table tbody tr th.transactions .ui-sorting-key,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table thead tr td.transactions .ui-sorting-key,
.installment-payment-eligible-transactions .eligible-transaction-list .merchant-cleansing table thead tr th.transactions .ui-sorting-key {
    padding-left: 25px
}

.installment-payment-common sup {
    font-size: 30%;
    vertical-align: super
}

.installment-payment-common .current-account {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    margin: 5px 0 20px
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content>.ui-group-radiobutton .fraud-check .fraud-section>.ui-set-field .ui-group .ui-group-radiobutton .ui-set-radiobutton .ui-radiobutton,
.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content>.ui-group-radiobutton .ui-group .lost-stolen-option-radio .ui-radiobutton {
    margin-right: 10px
}

.installment-payment-common .main-body {
    padding-top: 0
}

.installment-payment-common .main-header h1 {
    padding-bottom: 27px
}

.installment-payment-common .outstanding-balance {
    border-top: 5px solid #606366;
    background-color: #EFEFEF;
    margin-bottom: 20px;
    padding: 25px 0 25px 15px
}

.installment-payment-common .outstanding-balance .amount {
    font-size: 16px;
    margin-top: 11px
}

.credit-card-status .remove-border-top,
.installment-payment-common .remove-border-top {
    border-top: none
}

.credit-card-status .remove-border-top td,
.installment-payment-common .remove-border-top td {
    border-top: 1px solid #BBBCBC
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content {
    height: 305px;
    padding-bottom: 0
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content .ui-group-radiobutton .ui-group-radiobutton .stolen-radio-container {
    padding-top: 20px
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content>.ui-group-radiobutton .lost-stolen-option-section {
    margin-left: 30px
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content>.ui-group-radiobutton .ui-group .lost-stolen-option-radio label {
    font-weight: 700;
    vertical-align: top
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content>.ui-group-radiobutton .ui-group .lost-stolen-option-radio label span {
    color: #606366;
    display: block;
    font-weight: 400;
    width: 425px
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content>.ui-group-radiobutton .fraud-check {
    background-color: #EFEFEF;
    margin-left: 25px;
    margin-top: 10px
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content>.ui-group-radiobutton .fraud-check .fraud-section {
    padding: 20px
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content>.ui-group-radiobutton .fraud-check .fraud-section>.ui-set-field>.ui-partial-label {
    color: #383B3E;
    font-size: 12px;
    font-weight: 700;
    padding-right: 20px;
    width: 249px
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content>.ui-group-radiobutton .fraud-check .fraud-section>.ui-set-field>.ui-partial-label .ui-label-hint {
    color: #383B3E;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content>.ui-group-radiobutton .fraud-check .fraud-section>.ui-set-field .ui-group .ui-group-radiobutton {
    display: inline-flex
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content>.ui-group-radiobutton .fraud-check .fraud-section>.ui-set-field .ui-group .ui-group-radiobutton .ui-set-radiobutton:last-child {
    padding-left: 22px
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content>.ui-group-radiobutton .fraud-check .fraud-section>.ui-set-field .ui-group .ui-group-radiobutton .ui-set-radiobutton .ui-partial-label {
    vertical-align: top
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content~.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content~.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content~.action-bar .primary:only-child {
    margin-left: auto
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content~.action-bar .secondary {
    order: 3
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content~.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content~.action-bar .tertiary:focus,
.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content~.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content~.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content~.action-bar .quaternary~.tertiary {
    margin: 0
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content~.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content~.action-bar .secondary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0
}

.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content~.action-bar .secondary:focus,
.dialog-replace-lost-stolen-card.dialog-modal .ui-wrapper>.ui-body .dialog-content~.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.dialog-replace-lost-stolen-card.dialog-modal .instructions {
    font-weight: 700
}

.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content {
    height: 305px;
    padding-bottom: 0
}

.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content .body {
    font-size: 12px;
    padding-top: 10px
}

.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content .body h2 {
    font-size: 12px;
    font-weight: 700
}

.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content .description {
    background-color: #EFEFEF;
    margin-top: 10px;
    padding: 15px 20px
}

.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content .description .addressBody,
.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content .description .call {
    padding-top: 10px
}

.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content .description h3 {
    font-size: 12px
}

.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content .description .addressBody>.address {
    font-weight: 700
}

.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content .success-message .ui-alert {
    background-position-y: 0;
    margin-top: 0;
    padding-top: 0
}

.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content .success-message .ui-alert .ui-text h2 {
    font-size: 12px;
    font-weight: 700;
    font-family: arial
}

.dialog-replace-lost-stolen-card-fraud-confirmation.dialog-modal .ui-wrapper>.ui-body .dialog-content .description h3,
.dialog-replace-lost-stolen-card-fraud-confirmation.dialog-modal .ui-wrapper>.ui-body .dialog-content .fraud-lock-confirmation h2 {
    font-size: 12px;
    font-weight: 700;
    font-family: Arial
}

.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content+.action-bar .primary:only-child {
    margin-left: auto
}

.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content+.action-bar .quaternary~.tertiary {
    margin: 0
}

.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content+.action-bar .secondary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content+.action-bar .secondary:focus,
.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content+.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content+.action-bar .tertiary {
    background: 0 0;
    border: 2px solid #C41F3E;
    color: #C41F3E;
    margin: 0;
    order: 2
}

.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content+.action-bar .tertiary:focus,
.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content+.action-bar .tertiary:hover {
    background-color: #8B1D41;
    border: 2px solid #8B1D41;
    color: #fff
}

.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content+.action-bar .tertiary.ui-disabled {
    background-color: #b3b3b3
}

.dialog-replace-lost-stolen-card-verfication.dialog-modal .ui-wrapper>.ui-body .dialog-content+.action-bar .tertiary.ui-size-medium {
    margin-top: 2px
}

.dialog-replace-lost-stolen-card-fraud-confirmation.dialog-modal .ui-wrapper>.ui-body .dialog-content {
    height: 305px;
    padding-bottom: 0
}

.dialog-freeze-card .ui-dialog .action-bar .quaternary~.tertiary:before,
.payments-index+.action-bar .quaternary~.tertiary:before,
.payments-setup-confirmation+.action-bar .quaternary~.tertiary:before,
.payments-setup-details+.action-bar .quaternary~.tertiary:before {
    height: 24px;
    position: absolute;
    top: 10px;
    content: "";
    right: 7px
}

.dialog-replace-lost-stolen-card-fraud-confirmation.dialog-modal .ui-wrapper>.ui-body .dialog-content .header {
    margin-bottom: 5px
}

.dialog-replace-lost-stolen-card-fraud-confirmation.dialog-modal .ui-wrapper>.ui-body .dialog-content .body {
    font-size: 12px;
    padding-top: 20px
}

.dialog-replace-lost-stolen-card-fraud-confirmation.dialog-modal .ui-wrapper>.ui-body .dialog-content .fraud-lock-confirmation {
    margin-top: 0
}

.dialog-replace-lost-stolen-card-fraud-confirmation.dialog-modal .ui-wrapper>.ui-body .dialog-content .fraud-lock-confirmation .ui-alert.ui-display-warning {
    background: url(img/manage-my-card/olb_lock_cv_2x.png) top left no-repeat;
    background-size: 24px 24px
}

.dialog-replace-lost-stolen-card-fraud-confirmation.dialog-modal .ui-wrapper>.ui-body .dialog-content .description {
    background-color: #EFEFEF;
    margin-top: 10px;
    padding: 15px 20px
}

.dialog-freeze-card .ui-dialog .action-bar .secondary,
.dialog-freeze-card .ui-dialog .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.payments-index section.options label,
.payments-setup-details .radio-label,
.payments-setup-details .start-condition-section .first-payment label {
    font-weight: 400
}

.dialog-replace-lost-stolen-card-fraud-confirmation.dialog-modal .ui-wrapper>.ui-body .dialog-content .description .body {
    padding-top: 10px
}

.dialog-replace-lost-stolen-card-fraud-confirmation.dialog-modal .ui-wrapper>.ui-body .dialog-content .description .body>.info {
    padding-bottom: 10px
}

.dialog-freeze-card .instructions {
    margin-bottom: 0
}

.dialog-freeze-card .ui-dialog .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.dialog-freeze-card .ui-dialog .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.dialog-freeze-card .ui-dialog .action-bar .primary:only-child {
    margin-left: auto
}

.dialog-freeze-card .ui-dialog .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.dialog-freeze-card .ui-dialog .action-bar .tertiary:focus,
.dialog-freeze-card .ui-dialog .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.dialog-freeze-card .ui-dialog .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.dialog-freeze-card .ui-dialog .action-bar .quaternary~.tertiary {
    margin: 0
}

.dialog-freeze-card .ui-dialog .action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.dialog-freeze-card .ui-dialog .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.dialog-freeze-card .ui-dialog .action-bar .secondary:focus,
.dialog-freeze-card .ui-dialog .action-bar .secondary:hover {
    color: #C41F3E;
    border: none
}

.payments-index section.options .table-shadow tbody tr td,
.payments-index section.past .table-shadow tbody tr td,
.payments-index section.upcoming .table-shadow tbody tr td {
    vertical-align: middle
}

.payments-index section.options .table-title {
    padding-top: 5px
}

.payments-index section.options .row {
    padding: 20px 15px 40px
}

.payments-index section.options .row .ui-partial-label {
    width: auto
}

.payments-index section.options .row .payee {
    padding-right: 15px
}

.payments-index section.options .row .type .ui-partial-label:lang(fr) {
    display: inline-block;
    max-width: 103px;
    padding-top: 0;
    width: 61px
}

.payments-index section.past .table-title .ui-set-select {
    margin-left: 10px
}

.payments-index section.past,
.payments-index section.upcoming {
    margin-bottom: 40px
}

.payments-index section.past .header,
.payments-index section.past .table-title,
.payments-index section.upcoming .header,
.payments-index section.upcoming .table-title {
    padding-top: 0
}

.payments-index section.past table.payment-list thead tr th,
.payments-index section.upcoming table.payment-list thead tr th {
    line-height: 13.2px
}

.payments-index section.past table.payment-list .date,
.payments-index section.upcoming table.payment-list .date {
    width: 18%
}

.payments-index section.past table.payment-list .name,
.payments-index section.past table.payment-list .payee,
.payments-index section.upcoming table.payment-list .name,
.payments-index section.upcoming table.payment-list .payee {
    width: 20%
}

.payments-index section.past table.payment-list .amount,
.payments-index section.upcoming table.payment-list .amount {
    width: 14%
}

.payments-index section.past table.payment-list .account,
.payments-index section.upcoming table.payment-list .account {
    width: 18%
}

.payments-index section.past table.payment-list .status,
.payments-index section.upcoming table.payment-list .status {
    width: 15%
}

.payments-index section.past table.payment-list .status .ui-button,
.payments-index section.upcoming table.payment-list .status .ui-button {
    background: url(img/icon-delete-red.png) -3px -2px no-repeat;
    background-size: 20px;
    padding-left: 20px;
    width: auto
}

.payments-index section.past table.payment-list .ref,
.payments-index section.upcoming table.payment-list .ref {
    width: 15%
}

.payments-index section.past.upcoming .table.payment-list .status.wide-cell,
.payments-index section.upcoming.upcoming .table.payment-list .status.wide-cell {
    width: 30%
}

.payments-index section .ui-loader+.ui-paginator {
    padding-top: 10px
}

.payments-index+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.payments-index+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.payments-index+.action-bar .primary:only-child {
    margin-left: auto
}

.payments-index+.action-bar .secondary {
    order: 3
}

.payments-index+.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.payments-index+.action-bar .tertiary:focus,
.payments-index+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.payments-index+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.payments-index+.action-bar .quaternary~.tertiary {
    margin: 0
}

.payments-index+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.payments-index+.action-bar .secondary {
    margin: 2px 0 0 auto
}

.payments-index .ui-set-select.filter label {
    width: auto
}

table.payment-list.table-shadow .date span:not(:first-of-type) {
    font-size: 11px
}

table.payment-list.table-shadow .errors td {
    background: 0 0;
    padding-top: 0
}

.payments-setup-details+.action-bar .secondary,
.payments-setup-details+.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.payments-setup-details .ui-set-radiobutton .ui-radiobutton {
    margin-top: 2px
}

.payments-setup-details .pay-recurring .ui-radiobutton,
.payments-setup-details .pay-recurring-payments .ui-radiobutton {
    margin-top: 10px
}

.payments-setup-details .date-recurring {
    margin-left: 14px
}

.payments-setup-details .transfers-count {
    margin: 0 5px
}

.payments-setup-details .pay-recurring.ui-set-radiobutton {
    margin: 20px 0
}

.payments-setup-details .pay-recurring-payments .ui-set-messages {
    width: 325px
}

.payments-setup-details li:first-of-type .ui-set-field>.ui-partial-label+.ui-group span {
    display: inline-block;
    padding-top: 7px
}

.payments-setup-details+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.payments-setup-details+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.payments-setup-details+.action-bar .primary:only-child {
    margin-left: auto
}

.payments-setup-details+.action-bar .secondary {
    order: 3
}

.payments-setup-details+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.payments-setup-details+.action-bar .tertiary:focus,
.payments-setup-details+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.payments-setup-details+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.payments-setup-details+.action-bar .quaternary~.tertiary {
    margin: 0
}

.payments-setup-details+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.payments-setup-details+.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.payments-setup-details+.action-bar .secondary:focus,
.payments-setup-details+.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.stop-condition .transfers-count+label {
    padding-left: 21px
}

.start-condition:lang(fr) .pay-recurring .ui-radiobutton {
    margin-top: 2px
}

.start-condition:lang(fr) .pay-recurring .date-recurring {
    margin-top: 8px;
    margin-left: 0
}

.payments-setup-verification .dialog-content {
    padding-bottom: 30px
}

.payments-setup-verification .ui-dialog .ui-wrapper .ui-body {
    padding-bottom: 0
}

.payments-setup-verification .dialog-content .pair p {
    background: 0 0;
    margin: 15px 0
}

@media print {
    .payments-setup-details .pay-recurring .ui-select:lang(fr) {
        display: table
    }

    .payments-setup-details .pay-once .group .calendar-popover {
        display: block
    }
}

.payments-setup-confirmation.pair>fieldset li>div:first-child:not(:last-child),
.payments-setup-confirmation.pair>fieldset li>label,
.payments-setup-confirmation.pair>section li>div:first-child:not(:last-child),
.payments-setup-confirmation.pair>section li>label {
    width: 230px
}

.payments-setup-confirmation.pair>fieldset li>div,
.payments-setup-confirmation.pair>section li>div {
    width: calc(100% - (230px + 15px))
}

.payments-setup-confirmation h2 {
    font-size: 18px
}

.payments-setup-confirmation section>ul.hasTimestamp {
    margin-bottom: 15px
}

.payments-setup-confirmation+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.payments-setup-confirmation+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.payments-setup-confirmation+.action-bar .primary:only-child {
    margin-left: auto
}

.payments-setup-confirmation+.action-bar .secondary {
    order: 3
}

.payments-setup-confirmation+.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.payments-setup-confirmation+.action-bar .tertiary:focus,
.payments-setup-confirmation+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.payments-setup-confirmation+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.payments-setup-confirmation+.action-bar .quaternary~.tertiary {
    margin: 0
}

.payments-setup-confirmation+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.payments-setup-confirmation+.action-bar .secondary {
    margin: 0 0 0 auto
}

.payments-new-details .table-shadow,
.payments-setup-confirmation.panel-large {
    margin-bottom: 0
}

.payments-setup-confirmation-view .main-footer .footnote {
    padding-top: 0
}

.payments-setup-confirmation-view .main-footer .page-note {
    margin-top: 30px
}

.payments-new-details .account select:focus,
.payments-new-details .account select:hover {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    color: #666;
    font-size: 14px
}

.payments-new-details .table-shadow .amount .ui-set-textbox,
.payments-new-details .table-shadow th.amount {
    text-align: right
}

.payments-new-details .table-shadow .amount .ui-set-textbox .ui-set-messages,
.payments-new-details .table-shadow th.amount .ui-set-messages {
    text-align: left
}

.payments-new-details .table-shadow .amount .ui-set-textbox .ui-set-field,
.payments-new-details .table-shadow th.amount .ui-set-field {
    margin: 0
}

.payments-new-details .table-shadow>thead .help-dropdown.ui-set-dropdown .ui-popover-content .ui-body .ui-selectable,
.payments-new-details .table-shadow>thead>tr>th.account span.show-balance .ui-set-dropdown .ui-popover-content .ui-body .ui-selectable {
    margin-top: 18px
}

.payments-new-details .table-shadow tr.selected {
    background-color: #F2F9FE
}

.payments-new-details .table-shadow>thead {
    text-transform: uppercase
}

.payments-new-details .table-shadow>thead>tr>th.account span {
    text-transform: none;
    vertical-align: middle
}

.payments-new-details .table-shadow>thead>tr>th.account span.hide-balance li span {
    display: none
}

.payments-new-details .table-shadow>thead>tr>th.account span.show-balance .ui-set-dropdown .ui-popover-content .ui-body:before {
    background: 0 0;
    top: 0
}

.payments-new-details .table-shadow>thead>tr>th.account span.show-balance .ui-set-dropdown .ui-popover-content .ui-body p {
    padding-top: 5px
}

.payments-new-details .table-shadow>thead>tr>th.account span.show-balance .ui-set-dropdown .ui-popover-content .close>.ui-wrapper {
    padding-top: 0
}

.payments-new-details .table-shadow>thead .date {
    text-align: right
}

.payments-new-details .table-shadow>thead .help-dropdown {
    text-transform: none
}

.payments-new-details .table-shadow>thead .help-dropdown ui-button {
    background: url(img/uikit/ui-popover-help.png) center no-repeat;
    background-size: 16px;
    height: 16px;
    top: -3px;
    width: 16px
}

.payments-new-details .table-shadow>thead .help-dropdown ui-button button {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
}

.payments-new-details .table-shadow>thead .help-dropdown.ui-set-dropdown .ui-popover-content .ui-body:before {
    background: 0 0;
    top: 0
}

.payments-new-details .table-shadow>tbody>tr>td {
    padding-bottom: 25px;
    padding-top: 25px;
    vertical-align: top
}

.payments-new-details .table-shadow>tbody>tr>td.errors {
    padding-bottom: 100px
}

.payments-new-details .table-shadow>tbody>tr>td.errors .ui-set-messages {
    border-top: solid 1px #EFEFEF;
    left: -470px;
    margin: 25px 0 0 -17px;
    padding: 5px 0 0 20px;
    position: absolute;
    width: 760px
}

.payments-new-details .table-shadow>tbody .payee .last-payment {
    display: block
}

.payments-new-details .table-shadow>tbody .payee .ui-set-checkbox .ui-checkbox {
    margin-right: 10px
}

.payments-new-details .table-shadow>tbody .payee .ui-set-checkbox .payee-name-label {
    display: inline-block;
    margin: 1px;
    width: 230px
}

.payments-new-details .user-preference .ui-set-checkbox,
.payments-new-details .user-preference a~div.account-balance {
    margin-left: 15px
}

.payments-new-details .table-shadow>tbody .ui-textbox,
.payments-new-details .total-amount,
.payments-new-details .ui-set-dropdown .ui-popover .ui-body ul li:first-child,
.payments-new-details+.action-bar {
    margin-top: 0
}

.payments-new-details .table-shadow>tbody .account .balance {
    color: #000
}

.payments-new-details .table-shadow>tbody .date .calendar-icon,
.payments-new-details .table-shadow>tbody .date .calendar-select-group {
    display: inline
}

.payments-new-details .table-shadow>tbody>tr>td:first-child,
.payments-new-details .table-shadow>tbody>tr>th:first-child,
.payments-new-details .table-shadow>thead>tr>td:first-child,
.payments-new-details .table-shadow>thead>tr>th:first-child {
    padding-left: 15px;
    width: 280px
}

.payments-new-details .calendar-popover .ui-set-field {
    margin-bottom: 0
}

.payments-new-details .calendar-popover .ui-set-calendar-popover .ui-button.ui-display-link {
    text-decoration: none
}

.payments-new-details .total-amount div {
    color: #383B3E;
    font-size: 11px;
    font-weight: 700;
    left: 38%;
    top: 30px;
    z-index: 1
}

.payments-new-details .total-amount div+div {
    left: 62%;
    text-align: right;
    width: 100px
}

.payments-new-details .total-amount div span.label {
    vertical-align: top
}

.payments-new-details .total-amount .ui-set-popover,
.payments-new-details .total-amount .ui-set-popover .ui-popover,
.payments-new-details .total-amount .ui-set-popover .ui-popover-content,
.payments-new-details .total-amount .ui-set-popover .ui-wrapper {
    font-size: 12px;
    position: static
}

.payments-new-details .total-amount .ui-set-popover.ui-display-help .close {
    top: 45px
}

.payments-new-details .ui-selectable li {
    color: #C41F3E
}

.payments-new-details .user-preference {
    margin-bottom: 25px
}

.payments-new-details .user-preference a:first-child {
    background: url(img/icon-addpayee.png) -2px 1px no-repeat;
    background-size: 24px;
    padding-left: 25px;
    margin-right: 10px;
    text-decoration: none;
    padding-top: 7px;
    padding-bottom: 2px
}

.payments-new-details .ui-popover-content li .ui-button.ui-display-link,
.payments-new-details .user-preference a:first-child:focus,
.payments-new-details .user-preference a:first-child:hover,
.payments-payees-add-search .table-shadow .display .ui-button,
.payments-payees-add-search .table-shadow .nickname .ui-button,
.payments-payees-add-search .table-shadow .recurring-payments .ui-button,
.payments-payees-add-search .ui-display-link.ui-button,
.payments-payees-detail .payee-details-section .table-title .ui-button,
.payments-payees-edit-details .ui-dialog .ui-wrapper .dialog-content ul li .payee-nickname .ui-button.delete,
.payments-payees-index .table-shadow .display .ui-button,
.payments-payees-index .table-shadow .nickname .ui-button,
.payments-payees-index .table-shadow .recurring-payments .ui-button,
.payments-payees-index .ui-display-link.ui-button {
    text-decoration: underline
}

.payments-new-details .user-preference>.ui-display-help {
    margin-right: 15px
}

.payments-new-details .user-preference>:nth-child(3).ui-set-checkbox {
    margin-left: 135px
}

.payments-new-details .user-preference>:nth-child(3).ui-set-checkbox:lang(fr) {
    margin-left: 90px
}

.payments-new-details .ui-popover-content>.header {
    background: 0 0;
    color: #383B3E;
    font-size: 16px;
    font-family: WhitneyMedium;
    line-height: 16px;
    margin-bottom: 8px;
    padding: 25px 10px 0 15px
}

.payments-new-details .ui-set-dropdown .ui-popover {
    color: #383B3E;
    width: 380px
}

.payments-new-details .ui-set-dropdown .ui-popover .ui-body {
    margin-bottom: 15px
}

.payments-new-details .ui-set-dropdown .ui-popover .ui-body:before {
    height: 0
}

.payments-new-details .ui-set-dropdown .ui-popover .ui-body ul li {
    margin-top: 0;
    padding-top: 0 !important;
    padding-bottom: 0
}

.payments-new-details .ui-set-dropdown .ui-popover .ui-body>p {
    padding: 20px 15px 0
}

.payments-new-details .ui-set-dropdown .ui-popover .ui-body>hr {
    display: none
}

.dialog-modal .ui-set-messages+p {
    margin: 20px 0
}

.dialog-modal .ui-set-messages+p:last-of-type {
    margin-bottom: 25px
}

.dialog-modal.payments-new-verification section {
    background: 0 0;
    margin: 0;
    padding-top: 20px
}

.dialog-modal.payments-new-verification section p {
    margin: 0 0 16px
}

.dialog-modal.payments-new-verification section:first-of-type {
    padding-top: 12px
}

.dialog-modal .pair>section:last-child li:last-child {
    padding-bottom: 0
}

.dialog-modal.otvc-dialog .otvc-wrapper {
    margin: 0
}

.dialog-modal.otvc-dialog .dialog-content .action-bar {
    display: block !important
}

.dialog-modal.otvc-dialog .action-bar {
    display: none !important
}

.payments-new-confirmation.table-shadow tbody tr td:nth-of-type(4),
.payments-new-confirmation.table-shadow thead tr th:nth-of-type(4) {
    min-width: 65px
}

.payments-new-confirmation.table-shadow tbody tr td:nth-of-type(5),
.payments-new-confirmation.table-shadow thead tr th:nth-of-type(5) {
    width: 115px
}

.payments-new-confirmation.table-shadow>tbody>tr:last-child td {
    border-bottom: none
}

.payments-new-confirmation.table-shadow~.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.payments-new-confirmation.table-shadow~.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.payments-new-confirmation.table-shadow~.action-bar .primary:only-child {
    margin-left: auto
}

.payments-new-confirmation.table-shadow~.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.payments-new-confirmation.table-shadow~.action-bar .tertiary:focus,
.payments-new-confirmation.table-shadow~.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.payments-new-confirmation.table-shadow~.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.payments-new-confirmation.table-shadow~.action-bar .quaternary~.tertiary {
    margin: 0
}

.payments-new-confirmation.table-shadow~.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.payments-new-confirmation.table-shadow~.action-bar .secondary {
    margin: 2px 0 0 auto;
    order: 1
}

.successful.with-subtitle .ui-alert.ui-display-confirm {
    background-size: 36px;
    padding-left: 36px;
    margin-bottom: 0
}

.successful.with-subtitle .ui-alert.ui-display-confirm .ui-text p {
    font-size: 12px;
    font-family: Arial;
    margin-top: 4px
}

.ebills-index section {
    margin-bottom: 20px
}

.ebills-index section .section-header {
    margin-bottom: 20px;
    padding-top: 10px
}

.ebills-index section .subheader {
    color: #383B3E;
    font: 400 16px Arial
}

.ebills-index section .custom-counter {
    margin: 0
}

.ebills-index section .custom-counter div {
    display: inline;
    font: 18px WhitneyMedium
}

.ebills-index section .custom-counter p {
    margin: 0 0 0 42px
}

.ebills-index section .custom-counter li {
    border: none;
    list-style: none;
    margin: 30px 0;
    padding: 0
}

.ebills-index section .custom-counter span {
    background-image: url(img/uikit/ui-step-indicator-active-bg.png);
    background-size: 25px;
    color: #C41F3E;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    margin: 0 15px 0 0;
    text-align: center;
    width: 25px
}

.ebills-index+.action-bar .secondary,
.ebills-index+.action-bar .tertiary,
.payments-ebills-confirmation+.action-bar .tertiary,
.payments-ebills-notify+.action-bar .secondary,
.payments-ebills-notify+.action-bar .tertiary,
.payments-ebills-register+.action-bar .secondary,
.payments-ebills-register+.action-bar .tertiary,
.payments-payees-edit-details .dialog-content+.action-bar .secondary,
.payments-payees-edit-details .dialog-content+.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.ebills-index+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.ebills-index+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.ebills-index+.action-bar .primary:only-child {
    margin-left: auto
}

.ebills-index+.action-bar .secondary {
    order: 3
}

.ebills-index+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.ebills-index+.action-bar .tertiary:focus,
.ebills-index+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.ebills-index+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.ebills-index+.action-bar .quaternary~.tertiary {
    margin: 0
}

.ebills-index+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.ebills-index+.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.ebills-index+.action-bar .secondary:focus,
.ebills-index+.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.payments-ebills-register div.panel-large {
    border: none;
    margin: 0 0 30px;
    padding: 0
}

.payments-ebills-register .information {
    color: #606366;
    line-height: 14.4px;
    font-size: 12px;
    margin-left: 164px
}

.payments-ebills-register .notify {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 616px
}

.payments-ebills-register .notify .ui-set-field .ui-partial-label {
    width: 100%
}

.payments-ebills-register .notify .ui-set-field>* {
    display: block !important
}

.payments-ebills-register .notify .ui-set-field .ui-group {
    margin-top: 10px;
    padding-left: 0
}

.payments-ebills-register .notify .ui-set-radiobutton {
    display: inline-block;
    margin-right: 25px
}

.payments-ebills-register .notify .ui-set-radiobutton .ui-partial-label {
    width: inherit
}

.payments-ebills-register .notify div {
    margin-top: 0;
    margin-bottom: 0
}

.payments-ebills-register .pair section li .ui-group {
    padding-left: 10px
}

.payments-ebills-register .pair section li .ui-set-textbox {
    width: 100% !important
}

.payments-ebills-register .pair section li .ui-set-textbox .ui-partial-label {
    width: 160px
}

.payments-ebills-register .pair section li .ui-set-textbox .ui-textbox {
    width: 290px;
    padding-bottom: 10px
}

.payments-ebills-register .title {
    color: #606366;
    font-size: 13px
}

.payments-ebills-register .value {
    font-size: 13px
}

.payments-ebills-register+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.payments-ebills-register+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.payments-ebills-register+.action-bar .primary:only-child {
    margin-left: auto
}

.payments-ebills-register+.action-bar .secondary {
    order: 3
}

.payments-ebills-register+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.payments-ebills-register+.action-bar .tertiary:focus,
.payments-ebills-register+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.payments-ebills-register+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.payments-ebills-register+.action-bar .quaternary~.tertiary {
    margin: 0
}

.payments-ebills-register+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.payments-ebills-register+.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.payments-ebills-register+.action-bar .secondary:focus,
.payments-ebills-register+.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.payments-ebills-notify p {
    margin-top: 7px
}

.payments-ebills-notify .instructions {
    margin-bottom: 20px
}

.payments-ebills-notify .ui-set-field {
    margin-top: 10px;
    margin-bottom: 35px
}

.payments-ebills-notify .ui-set-radiobutton {
    margin-bottom: 10px
}

.payments-ebills-notify .not-registered-text {
    margin-bottom: 45px
}

.payments-ebills-notify+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.payments-ebills-notify+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.payments-ebills-notify+.action-bar .primary:only-child {
    margin-left: auto
}

.payments-ebills-notify+.action-bar .secondary {
    order: 3
}

.payments-ebills-notify+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.payments-ebills-notify+.action-bar .tertiary:focus,
.payments-ebills-notify+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.payments-ebills-notify+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.payments-ebills-notify+.action-bar .quaternary~.tertiary {
    margin: 0
}

.payments-ebills-notify+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.payments-ebills-notify+.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.payments-ebills-notify+.action-bar .secondary:focus,
.payments-ebills-notify+.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.payments-ebills-confirmation {
    margin-bottom: 45px
}

.payments-ebills-confirmation .ui-display-confirm {
    margin-bottom: 0;
    min-height: 20px
}

.payments-ebills-confirmation .confirm-details {
    color: #737373;
    font-size: 12px;
    padding-left: 38px;
    padding-top: 15px
}

.payments-ebills-confirmation ul li {
    padding-bottom: 34px
}

.payments-ebills-confirmation+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.payments-ebills-confirmation+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.payments-ebills-confirmation+.action-bar .primary:only-child {
    margin-left: auto
}

.payments-ebills-confirmation+.action-bar .secondary {
    order: 3
}

.payments-ebills-confirmation+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.payments-ebills-confirmation+.action-bar .tertiary:focus,
.payments-ebills-confirmation+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.payments-ebills-confirmation+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.payments-ebills-confirmation+.action-bar .quaternary~.tertiary {
    margin: 0
}

.payments-ebills-confirmation+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.payments-ebills-confirmation+.action-bar .secondary {
    margin: 0 0 0 auto
}

.payments-payees-edit-details .dialog-content+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.payments-payees-edit-details .dialog-content+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.payments-payees-edit-details .dialog-content+.action-bar .primary:only-child {
    margin-left: auto
}

.payments-payees-edit-details .dialog-content+.action-bar .secondary {
    order: 3
}

.payments-payees-edit-details .dialog-content+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.payments-payees-edit-details .dialog-content+.action-bar .tertiary:focus,
.payments-payees-edit-details .dialog-content+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.payments-payees-edit-details .dialog-content+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.payments-payees-edit-details .dialog-content+.action-bar .quaternary~.tertiary {
    margin: 0
}

.payments-payees-edit-details .dialog-content+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.payments-payees-edit-details .dialog-content+.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.payments-payees-edit-details .dialog-content+.action-bar .secondary:focus,
.payments-payees-edit-details .dialog-content+.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.payments-payees-add-search .table-title span .ui-popover-content,
.payments-payees-index .table-title span .ui-popover-content {
    font-size: 11px
}

.payments-payees-add-search .section-instructions,
.payments-payees-index .section-instructions {
    margin-bottom: 15px
}

.payments-payees-add-search .ui-display-secondary.ui-button,
.payments-payees-index .ui-display-secondary.ui-button {
    float: right
}

.payments-index .ui-paginator {
    display: inline-block;
    padding: 0;
    vertical-align: bottom
}

.payments-index .ui-paginator:not(.first) {
    padding-top: 10px
}

.payments-index .past .table-title {
    padding-bottom: 7px
}

.payments-index .past .table-title h2 {
    display: inline-block;
    padding-bottom: 13px
}

.payments-index .past .table-title .ui-paginator {
    padding-top: 20px
}

.payments-index .type-select.ui-set-select {
    display: inline-block;
    margin: 0;
    vertical-align: bottom
}

.payments-payees-index .table-shadow .display>span,
.payments-payees-index .table-shadow td.recurring-payments span,
.payments-payees-index .table-shadow td>span {
    display: block
}

ul.no-top-padding {
    padding-top: 0
}

.payments-payees-index .merchant-search {
    background: 0 0;
    margin-bottom: 30px
}

.payments-payees-index .merchant-search .table-title {
    padding-top: 5px
}

.payments-payees-index .merchant-search .ui-button {
    margin-top: 2px
}

.payments-payees-index .merchant-search .ui-set-field {
    margin-bottom: 0
}

.payments-payees-index .merchant-search .ui-set-textbox .ui-group,
.payments-payees-index .merchant-search .ui-set-textbox .ui-textbox {
    width: 380px
}

.payments-payees-index .summary table th.display {
    width: 15%
}

.payments-payees-index .summary table th.name {
    width: 30%
}

.payments-payees-index .summary table th.nickname {
    width: 15%
}

.payments-payees-index .summary table th.delete,
.payments-payees-index .summary table th.recurring-payments {
    width: 20%
}

.payments-payees-index .summary table td {
    vertical-align: middle
}

.payments-payees-index .table-shadow thead>tr>th {
    line-height: 13.2px;
    padding: 13px 0
}

.payments-payees-index .table-shadow tbody tr>td {
    padding-left: 0
}

.payments-payees-index .table-shadow tbody tr>td .ui-display-content {
    padding-left: 15px;
    padding-right: 15px
}

.payments-payees-index .table-shadow tr:before {
    width: 0
}

.payments-payees-index .table-shadow th {
    padding-top: 10px;
    padding-bottom: 10px
}

.payments-payees-index .table-shadow td {
    padding-top: 13px;
    padding-bottom: 13px
}

.payments-payees-index .table-shadow td.recurring-payments span:nth-of-type(1n+1):not(:last-of-type) ::after {
    content: ","
}

.payments-payees-index .table-shadow tr:last-child td {
    border-bottom: 0
}

.payments-payees-index .table-shadow .display {
    width: 120px
}

.payments-payees-index .table-shadow .name {
    padding-left: 15px;
    width: 262px
}

.payments-payees-index .table-shadow th.nickname {
    width: 118px
}

.payments-payees-index .table-shadow .delete {
    padding-right: 15px;
    text-align: right;
    width: 90px
}

.payments-payees-index .table-shadow .delete .ui-button {
    background: url(img/icon-delete-red.png) -3px -2px no-repeat;
    background-size: 20px;
    padding-left: 20px;
    width: auto
}

.payments-payees-add-confirmation+.action-bar .tertiary,
.payments-payees-add-details~.action-bar .tertiary,
.payments-payees-index~.action-bar .tertiary,
.payments-payees-remove-confirmation+.action-bar .tertiary,
.payments-payees-remove-verification .dialog-content+.action-bar .secondary,
.payments-payees-remove-verification .dialog-content+.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.payments-payees-index .ui-set-popover {
    position: absolute
}

.payments-payees-index~.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.payments-payees-index~.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.payments-payees-index~.action-bar .primary:only-child {
    margin-left: auto
}

.payments-payees-index~.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.payments-payees-index~.action-bar .tertiary:focus,
.payments-payees-index~.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.payments-payees-index~.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.payments-payees-index~.action-bar .quaternary~.tertiary {
    margin: 0
}

.payments-payees-index~.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.payments-payees-index~.action-bar .secondary {
    margin: 2px 0 0 auto;
    order: 1
}

@media print {

    .payments-payees-index .create-nickname,
    .payments-payees-index .delete,
    .payments-payees-index .display .toggle,
    .payments-payees-index .edit-nickname,
    .payments-payees-index .merchant-search,
    .payments-payees-index .recurring-payments .ui-button {
        display: none
    }

    .payments-payees-index .display {
        padding-left: 0
    }

    .payments-payees-index .table-shadow th {
        padding-top: 0;
        padding-bottom: 0
    }
}

.payments-payees-add-confirmation.pair section ul li>div:first-of-type {
    width: 230px
}

.payments-payees-add-confirmation.pair section ul li>div:last-child {
    width: calc(100% - (230px + 15px))
}

.payments-payees-add-confirmation+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.payments-payees-add-confirmation+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.payments-payees-add-confirmation+.action-bar .primary:only-child {
    margin-left: auto
}

.payments-payees-add-confirmation+.action-bar .secondary {
    order: 3
}

.payments-payees-add-confirmation+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.payments-payees-add-confirmation+.action-bar .tertiary:focus,
.payments-payees-add-confirmation+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.payments-payees-add-confirmation+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.payments-payees-add-confirmation+.action-bar .quaternary~.tertiary {
    margin: 0
}

.payments-payees-add-confirmation+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.payments-payees-add-confirmation+.action-bar .secondary {
    margin: 0 0 0 auto
}

.payments-payees-add-search .main-body {
    padding-bottom: 18px
}

.payments-payees-add-search .pair>section li {
    clear: inherit;
    border-top: 0
}

.payments-payees-add-search .pair>section li:after {
    content: initial
}

.payments-payees-add-search .pair>section li.lastItem {
    border-bottom: 0
}

.payments-payees-add-search .pair>section .table-title {
    padding-top: 0
}

.payments-payees-add-search .pair ul.results {
    float: left;
    margin-bottom: 40px;
    width: 98%;
    -webkit-padding-start: 0
}

.payments-payees-add-search .pair ul.results li {
    list-style-type: none;
    list-style-position: inside;
    text-transform: uppercase;
    width: 355px
}

.payments-payees-add-search .pair ul.results li:nth-of-type(odd) {
    float: left;
    margin-right: 40px
}

.etransfers-requests-fulfill-details+.action-bar .secondary,
.payments-payees-add-search .pair ul.results li:nth-of-type(even) {
    float: right
}

.payments-payees-add-search .pair ul.results li:not(:first-of-type):not(:nth-of-type(2)) {
    border-top: 1px solid #BBBCBC
}

.payments-payees-add-search .pair ul.results .searchTerm {
    font-weight: 700
}

.payments-payees-add-details .merchant-name {
    width: 600px
}

.payments-payees-add-details~.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.payments-payees-add-details~.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.payments-payees-add-details~.action-bar .primary:only-child {
    margin-left: auto
}

.payments-payees-add-details~.action-bar .secondary {
    order: 3
}

.payments-payees-add-details~.action-bar .tertiary {
    order: 1
}

.payments-payees-add-details~.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.payments-payees-add-details~.action-bar .quaternary~.tertiary {
    margin: 0
}

.payments-payees-add-details~.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.payments-payees-add-details~.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.payments-payees-add-details~.action-bar .tertiary:focus,
.payments-payees-add-details~.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.payments-payees-remove-confirmation.pair section ul {
    margin-bottom: 10px
}

.payments-payees-remove-confirmation.pair section ul li>div:first-of-type {
    width: 230px
}

.payments-payees-remove-confirmation.pair section ul li>div:last-child {
    width: calc(100% - (230px + 15px))
}

.payments-payees-remove-confirmation+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.payments-payees-remove-confirmation+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.payments-payees-remove-confirmation+.action-bar .primary:only-child {
    margin-left: auto
}

.payments-payees-remove-confirmation+.action-bar .secondary {
    order: 3
}

.payments-payees-remove-confirmation+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.payments-payees-remove-confirmation+.action-bar .tertiary:focus,
.payments-payees-remove-confirmation+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.payments-payees-remove-confirmation+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.payments-payees-remove-confirmation+.action-bar .quaternary~.tertiary {
    margin: 0
}

.payments-payees-remove-confirmation+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.payments-payees-remove-confirmation+.action-bar .secondary {
    margin: 2px 0 0 auto
}

.payments-payees-remove-verification .dialog-content+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.payments-payees-remove-verification .dialog-content+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.payments-payees-remove-verification .dialog-content+.action-bar .primary:only-child {
    margin-left: auto
}

.payments-payees-remove-verification .dialog-content+.action-bar .secondary {
    order: 3
}

.payments-payees-remove-verification .dialog-content+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.payments-payees-remove-verification .dialog-content+.action-bar .tertiary:focus,
.payments-payees-remove-verification .dialog-content+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.payments-payees-remove-verification .dialog-content+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.payments-payees-remove-verification .dialog-content+.action-bar .quaternary~.tertiary {
    margin: 0
}

.payments-payees-remove-verification .dialog-content+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.payments-payees-remove-verification .dialog-content+.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.payments-payees-remove-verification .dialog-content+.action-bar .secondary:focus,
.payments-payees-remove-verification .dialog-content+.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.payments-payees-detail ul.payment-frequency-list {
    color: #606366;
    font-family: Arial;
    font-size: 0
}

.payments-payees-detail ul.payment-frequency-list li {
    font-size: 13px;
    display: inline;
    margin: 0;
    padding: 0
}

.payments-payees-detail ul.payment-frequency-list li .ui-display-link.ui-button {
    padding-left: 5px;
    text-decoration: underline
}

.payments-payees-detail ul.payment-frequency-list li+li:before {
    content: ', '
}

.payments-payees-detail .payee-select {
    margin-bottom: 5px
}

.payments-payees-detail .payee-select .ui-set-field {
    margin-bottom: 0
}

.payments-payees-detail .type-select .ui-set-field {
    margin-bottom: 10px
}

.payments-payees-detail .ui-set-select .ui-set-field label {
    color: #606366;
    font-family: Arial;
    font-size: 13px;
    padding-right: 15px;
    width: auto
}

.payments-payees-detail section.upcoming-payments {
    margin-bottom: 20px
}

.payments-payees-detail section.upcoming-payments table.payment-list .amount,
.payments-payees-detail section.upcoming-payments table.payment-list .date {
    width: 20%
}

.payments-payees-detail section.upcoming-payments table.payment-list .account,
.payments-payees-detail section.upcoming-payments table.payment-list .status {
    width: 30%
}

.payments-payees-detail section.upcoming-payments table.payment-list .ref {
    width: 0;
    visibility: hidden;
    display: none
}

.payments-payees-detail section.past-payments {
    margin-bottom: 40px
}

.payments-payees-detail section.past-payments table.payment-list .amount,
.payments-payees-detail section.past-payments table.payment-list .date {
    width: 20%
}

.payments-payees-detail section.past-payments table.payment-list .account {
    width: 30%
}

.payments-payees-detail section.past-payments table.payment-list .ref,
.payments-payees-detail section.past-payments table.payment-list .status {
    width: 15%
}

.payments-payees-detail section.past-payments .ui-paginator,
.payments-payees-detail section.upcoming-payments .ui-paginator {
    display: inline-block;
    padding: 0;
    vertical-align: bottom
}

.payments-payees-detail section.past-payments .ui-paginator:not(.first),
.payments-payees-detail section.upcoming-payments .ui-paginator:not(.first) {
    padding-top: 10px
}

.payments-payees-detail section.past-payments .ui-content table.table-shadow,
.payments-payees-detail section.upcoming-payments .ui-content table.table-shadow {
    border-collapse: collapse
}

.payments-payees-detail section.past-payments .ui-content table.payment-list thead th,
.payments-payees-detail section.upcoming-payments .ui-content table.payment-list thead th {
    line-height: 13.2px
}

.payments-payees-detail section.past-payments .ui-content table.payment-list tbody tr td,
.payments-payees-detail section.upcoming-payments .ui-content table.payment-list tbody tr td {
    font-family: Arial;
    font-size: 12px;
    color: #383B3E;
    vertical-align: middle
}

.payments-payees-detail section.past-payments .ui-content table.payment-list tbody tr td.status .ui-button,
.payments-payees-detail section.upcoming-payments .ui-content table.payment-list tbody tr td.status .ui-button {
    background: url(img/icon-delete-red.png) -3px -2px no-repeat;
    background-size: 20px;
    padding-left: 20px;
    width: auto
}

.payments-payees-detail section.past-payments .ui-content table.payment-list tbody tr .ui-alert,
.payments-payees-detail section.upcoming-payments .ui-content table.payment-list tbody tr .ui-alert {
    margin: 0
}

.payments-payees-detail .payee-details {
    border-collapse: collapse !important;
    margin-bottom: 30px
}

.cof-merchant-list table,
.transaction-list table,
.upcoming-transactions .ui-content>table {
    border-collapse: collapse
}

.payments-payees-detail .payee-details .edit-nickname {
    padding-left: 5px
}

.payments-payees-detail .payee-details .payee-details-list .payee-info {
    align-items: center;
    display: flex;
    font-family: Arial;
    font-size: 12px
}

.payments-payees-detail .payee-details .payee-details-list .payee-info .payee-info-label {
    color: #606366;
    float: left;
    padding-left: 15px;
    padding-right: 35px;
    width: 220px
}

.payments-payees-detail .payee-details .payee-details-list .payee-info .payment-frequency-list {
    width: 500px
}

.payments-payees-detail .payee-details .payee-details-list .payee-info .payment-frequency-list .payment-frequency {
    border: none;
    display: inline-block
}

.payments-payees-detail .payee-details .payee-details-list .payee-info .payee-info-value {
    color: #383B3E
}

.payments-payees-detail .payee-details-section .table-title {
    text-transform: uppercase;
    vertical-align: bottom
}

.payments-payees-detail .payee-details-section .table-title span {
    font-size: 13px;
    text-transform: none;
    font-family: WhitneyMedium
}

.payments-payees-detail .payee-details-section .table-title span:first-child {
    font-size: 18px
}

.payments-payees-detail~.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.payments-payees-detail~.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.payments-payees-detail~.action-bar .primary:only-child {
    margin-left: auto
}

.payments-payees-detail~.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.payments-payees-detail~.action-bar .tertiary:focus,
.payments-payees-detail~.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.payments-payees-detail~.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.payments-payees-detail~.action-bar .quaternary~.tertiary {
    margin: 0
}

.payments-payees-detail~.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.payments-payees-detail~.action-bar .secondary {
    margin: 2px 0 0 auto;
    order: 1
}

@media print {
    .payments-payees-detail .page-header {
        background: 0 0
    }

    .payments-payees-detail section.past-payments .ui-content table.payment-list thead tr:nth-child(1),
    .payments-payees-detail section.upcoming-payments .ui-content table.payment-list thead tr:nth-child(1) {
        border: none
    }
}

.profile-address-edit-confirmation+.action-bar .tertiary,
.profile-password-edit-confirmation+.action-bar .tertiary,
.profile-password-edit-details+.action-bar .secondary,
.profile-password-edit-details+.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.payments-delete-verification section li div+div {
    color: #383B3E
}

.payments-delete-verification section li div:first-of-type {
    width: 30%
}

.payments-delete-confirmation {
    margin-bottom: 10px
}

.payments-delete-confirmation.pair section ul li>div:first-of-type {
    width: 230px
}

.payments-delete-confirmation.pair section ul li>div:last-child {
    width: calc(100% - (230px + 15px))
}

.payments-delete-confirmation section ul.hasTimestamp li:last-child {
    padding-bottom: 0;
    position: relative
}

.profile-password-edit-details .input-wrapper {
    display: table-cell;
    max-width: 200px
}

.profile-password-edit-details .input-wrapper .pw-toggle {
    top: 8px;
    right: 0
}

.profile-password-edit-details .ui-password .input-wrapper .pw-toggle .ui-wrapper {
    padding: 0
}

.profile-password-edit-details .password-strength {
    margin-top: 20px !important
}

.profile-password-edit-details .ui-set-field {
    display: block
}

.profile-password-edit-details .bank-card-information {
    display: flex;
    padding-bottom: 30px
}

.profile-password-edit-details .bank-card-information div:first-child {
    margin-right: 5px
}

.profile-password-edit-details .password-entry .password .ui-set-messages {
    width: 780px
}

.profile-password-edit-details section.new-password {
    padding-bottom: 5px
}

.profile-password-edit-details section.new-password .stacked-field .password {
    width: 35%
}

.profile-password-edit-details section.new-password .stacked-field .password-strength {
    margin-top: 29px
}

.profile-password-edit-details section.new-password .ui-set-checkbox {
    padding-top: 10px
}

.profile-password-edit-details section.new-password .ui-textbox {
    margin-top: 8px
}

.profile-password-edit-details+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.profile-password-edit-details+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.profile-password-edit-details+.action-bar .primary:only-child {
    margin-left: auto
}

.profile-password-edit-details+.action-bar .secondary {
    order: 3
}

.profile-password-edit-details+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.profile-password-edit-details+.action-bar .tertiary:focus,
.profile-password-edit-details+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.profile-password-edit-details+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.profile-password-edit-details+.action-bar .quaternary~.tertiary {
    margin: 0
}

.profile-password-edit-details+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.profile-password-edit-details+.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.profile-password-edit-details+.action-bar .secondary:focus,
.profile-password-edit-details+.action-bar .secondary:hover {
    color: #C41F3E;
    border: none
}

.profile-password-edit-confirmation .message-success {
    margin-bottom: 50px
}

.profile-password-edit-confirmation+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.profile-password-edit-confirmation+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.profile-password-edit-confirmation+.action-bar .primary:only-child {
    margin-left: auto
}

.profile-password-edit-confirmation+.action-bar .secondary {
    order: 3
}

.profile-password-edit-confirmation+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.profile-password-edit-confirmation+.action-bar .tertiary:focus,
.profile-password-edit-confirmation+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.profile-password-edit-confirmation+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.profile-password-edit-confirmation+.action-bar .quaternary~.tertiary {
    margin: 0
}

.profile-password-edit-confirmation+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.profile-password-edit-confirmation+.action-bar .secondary {
    margin: 0 0 0 auto
}

.profile-address-edit-confirmation .pair section ul li .field-info {
    max-width: 530px;
    padding-top: 10px
}

.profile-address-edit-confirmation .pair section ul li>div:first-of-type {
    width: 230px
}

.profile-address-edit-confirmation .pair section ul li>div:last-child {
    width: calc(100% - (230px + 15px))
}

.profile-address-edit-confirmation+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.profile-address-edit-confirmation+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.profile-address-edit-confirmation+.action-bar .primary:only-child {
    margin-left: auto
}

.profile-address-edit-confirmation+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.profile-address-edit-confirmation+.action-bar .tertiary:focus,
.profile-address-edit-confirmation+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.profile-address-edit-confirmation+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.profile-address-edit-confirmation+.action-bar .quaternary~.tertiary {
    margin: 0
}

.profile-address-edit-confirmation+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.profile-address-edit-confirmation+.action-bar .secondary {
    margin: 2px 0 0 auto;
    order: 1
}

.profile-email-edit-details+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.profile-email-edit-details+.action-bar .row {
    background-image: url(img/shadow_form_narrow.png)
}

.profile-email-edit-details+.action-bar .secondary,
.profile-email-edit-details+.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.profile-email-edit-details+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.profile-email-edit-details+.action-bar .primary:only-child {
    margin-left: auto
}

.profile-email-edit-details+.action-bar .secondary {
    order: 3
}

.profile-email-edit-details+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.profile-email-edit-details+.action-bar .tertiary:focus,
.profile-email-edit-details+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.profile-email-edit-details+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.profile-email-edit-details+.action-bar .quaternary~.tertiary {
    margin: 0
}

.profile-email-edit-details+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.profile-email-edit-details+.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.profile-email-edit-details+.action-bar .secondary:focus,
.profile-email-edit-details+.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.profile-email-edit-details .ui-partial-label {
    font-weight: 400
}

.profile-email-edit-details .ui-partial-label .line-break {
    display: block
}

.profile-email-edit-details .ui-extension .ui-partial-field-hint {
    max-width: 230px
}

.profile-email-edit-details .ui-set-radiobutton :first-child {
    margin-bottom: 10px
}

.profile-email-edit-details .ui-set-radiobutton .ui-partial-label {
    vertical-align: top
}

.profile-email-edit-details .ui-set-phone-number .ui-extension label {
    white-space: nowrap;
    margin-left: 10px;
    padding-right: 0
}

.profile-email-edit-details .ui-set-phone-number .ui-extension label :lang(fr) {
    width: 30px
}

.profile-email-edit-details .business-phone .ui-extension label {
    width: auto;
    min-width: initial
}

.profile-email-edit-details .email-entry {
    display: inline-block
}

.profile-email-edit-details .email-link {
    background-color: transparent;
    border: 2px solid #C41F3E;
    border-radius: 4px;
    color: #C41F3E;
    font-family: WhitneyMedium;
    font-size: 13px;
    height: 30px;
    margin-left: 10px;
    margin-top: -1px;
    min-height: 34px;
    min-width: 83px;
    overflow: hidden;
    text-decoration: none
}

.profile-email-edit-details .email-link .ui-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 30px
}

.profile-email-edit-details .email-link:focus,
.profile-email-edit-details .email-link:hover {
    background-color: #8B1D41;
    border: 2px solid #8B1D41;
    color: #FFF;
    text-decoration: none
}

.profile-email-edit-details .sms-phone {
    width: auto !important
}

.profile-email-edit-details .field-info {
    display: block;
    margin-left: 160px
}

.profile-email-edit-details .ui-popover {
    background-color: #fff;
    border: 5px solid #ccc;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 40px
}

.profile-address-edit-confirmation .panel-large section .header,
.profile-email-edit-details .panel-large section .header {
    background: 0 0;
    border-bottom: 3px solid #606366;
    height: 26px;
    padding: 0
}

.integrated-tax-compliance+.action-bar .secondary,
.integrated-tax-compliance+.action-bar .tertiary,
.password-new .action-bar .secondary,
.password-new .action-bar .tertiary,
.profile-email-edit-confirmation+.action-bar .tertiary,
.signon-card-dialog .ui-dialog .action-bar .secondary,
.signon-card-dialog .ui-dialog .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.etransfers-index .etransfers-transactions tbody tr:last-of-type td,
.etransfers-requests-index .requests-transactions tbody tr:last-of-type td {
    border-bottom: none
}

.etransfers-delete-recipient-confirmation+.action-bar .quaternary~.tertiary:before,
.etransfers-recipients-add-confirmation+.action-bar .quaternary~.tertiary:before,
.etransfers-recipients-add-details+.action-bar .quaternary~.tertiary:before,
.etransfers-recipients-edit-confirmation+.action-bar .quaternary~.tertiary:before,
.etransfers-requests-details+.action-bar .quaternary~.tertiary:before,
.integrated-tax-compliance+.action-bar .quaternary~.tertiary:before,
.password-new .action-bar .quaternary~.tertiary:before,
.profile-email-edit-confirmation+.action-bar .quaternary~.tertiary:before,
.register .passwordSection .action-bar .quaternary~.tertiary:before,
.signon-card-dialog .ui-dialog .action-bar .quaternary~.tertiary:before {
    height: 24px;
    content: "";
    position: absolute;
    top: 10px;
    right: 7px
}

.profile-address-edit-confirmation .panel-large section .header h2,
.profile-email-edit-details .panel-large section .header h2 {
    font-size: 16px;
    line-height: 100%;
    padding-bottom: 10px
}

.signon-card-dialog .instructions ul {
    padding: 0
}

.signon-card-dialog .ui-dialog .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.signon-card-dialog .ui-dialog .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.signon-card-dialog .ui-dialog .action-bar .primary:only-child {
    margin-left: auto
}

.signon-card-dialog .ui-dialog .action-bar .secondary {
    order: 3
}

.signon-card-dialog .ui-dialog .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.signon-card-dialog .ui-dialog .action-bar .tertiary:focus,
.signon-card-dialog .ui-dialog .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.signon-card-dialog .ui-dialog .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.signon-card-dialog .ui-dialog .action-bar .quaternary~.tertiary {
    margin: 0
}

.signon-card-dialog .ui-dialog .action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.signon-card-dialog .ui-dialog .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.signon-card-dialog .ui-dialog .action-bar .secondary:focus,
.signon-card-dialog .ui-dialog .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.integrated-tax-compliance+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.integrated-tax-compliance+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.integrated-tax-compliance+.action-bar .primary:only-child {
    margin-left: auto
}

.integrated-tax-compliance+.action-bar .secondary {
    order: 3
}

.integrated-tax-compliance+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.integrated-tax-compliance+.action-bar .tertiary:focus,
.integrated-tax-compliance+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.integrated-tax-compliance+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.integrated-tax-compliance+.action-bar .quaternary~.tertiary {
    margin: 0
}

.integrated-tax-compliance+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.integrated-tax-compliance+.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.integrated-tax-compliance+.action-bar .secondary:focus,
.integrated-tax-compliance+.action-bar .secondary:hover {
    color: #C41F3E;
    border: none
}

.integrated-tax-compliance .other-tax-resident .btn-add-country,
.integrated-tax-compliance .other-tax-resident .btn-remove-country {
    text-decoration: underline
}

.profile-email-edit-confirmation+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.profile-email-edit-confirmation+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.profile-email-edit-confirmation+.action-bar .primary:only-child {
    margin-left: auto
}

.profile-email-edit-confirmation+.action-bar .secondary {
    order: 3
}

.profile-email-edit-confirmation+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.profile-email-edit-confirmation+.action-bar .tertiary:focus,
.profile-email-edit-confirmation+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.profile-email-edit-confirmation+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.profile-email-edit-confirmation+.action-bar .quaternary~.tertiary {
    margin: 0
}

.profile-email-edit-confirmation+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.profile-email-edit-confirmation+.action-bar .secondary {
    margin: 2px 0 0 auto
}

.app-pre-signon .main-body .password-new-confirmation .action-bar {
    border-top: 0
}

.app-pre-signon .main-body .password-new-confirmation .action-bar .primary {
    margin-left: auto
}

.app-pre-signon .main-body .password-new-confirmation .ui-display-info {
    margin-bottom: 15px
}

.password-new .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.password-new .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.password-new .action-bar .primary:only-child {
    margin-left: auto
}

.password-new .action-bar .secondary {
    order: 3
}

.password-new .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.password-new .action-bar .tertiary:focus,
.password-new .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.password-new .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.password-new .action-bar .quaternary~.tertiary {
    margin: 0
}

.password-new .action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.password-new .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.password-new .action-bar .secondary:focus,
.password-new .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.password-new .password-entry .row:first-child .password {
    margin-bottom: 20px
}

.password-new .password-entry .password-strength {
    margin-left: auto
}

.password-new .input-wrapper {
    max-width: 280px
}

.password-new-questions h3 {
    margin-bottom: 7px
}

.password-new-questions .otvc-wrapper {
    margin: 35px 115px 0 50px
}

.password-new-questions .otvc-title {
    display: none
}

.password-new-questions .action-bar {
    margin-top: 40px
}

.password-new-questions .action-bar .ui-button.secondary {
    background-color: inherit
}

.etransfers-details+.action-bar .secondary,
.etransfers-requests-details+.action-bar .tertiary,
.register .agreementSection .action-bar .secondary,
.register .agreementSection .action-bar .tertiary,
.register .passwordSection .action-bar .secondary,
.register .passwordSection .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.password-new-questions .action-bar .primary {
    padding: 0 15px
}

@media print {
    .password-new-questions .otvc-body {
        margin-bottom: 30px
    }

    .password-new-questions .ui-display-secondary {
        color: #fff !important
    }
}

.register .passwordSection .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.register .passwordSection .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.register .passwordSection .action-bar .primary:only-child {
    margin-left: auto
}

.register .passwordSection .action-bar .secondary {
    order: 3
}

.register .passwordSection .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.register .passwordSection .action-bar .tertiary:focus,
.register .passwordSection .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.register .passwordSection .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.register .passwordSection .action-bar .quaternary~.tertiary {
    margin: 0
}

.register .passwordSection .action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.register .passwordSection .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.register .passwordSection .action-bar .secondary:focus,
.register .passwordSection .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.register .input-wrapper {
    max-width: 280px
}

.register .password {
    margin-bottom: 20px
}

.register .agreementSection .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.register .agreementSection .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.register .agreementSection .action-bar .primary:only-child {
    margin-left: auto
}

.register .agreementSection .action-bar .secondary {
    order: 3
}

.register .agreementSection .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.register .agreementSection .action-bar .tertiary:focus,
.register .agreementSection .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.register .agreementSection .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.register .agreementSection .action-bar .quaternary~.tertiary {
    margin: 0
}

.register .agreementSection .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.register .agreementSection .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.register .agreementSection .action-bar .secondary:focus,
.register .agreementSection .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-index .etransfers-transactions .fulfilled-status-indicator {
    display: block
}

.etransfers-index .etransfers-transactions tbody tr td.date {
    min-width: 100px
}

.etransfers-index .no-emt-error {
    padding-right: 15px
}

.etransfers-details .etransfer-section .section-header {
    padding-top: 10px
}

.etransfers-details .etransfer-section .etransfers-action.stacked>div:first-child {
    padding-bottom: 1em;
    width: 100%
}

.etransfers-details .etransfer-section .etransfers-action .action-div:first-child {
    padding-top: 0
}

.etransfers-details .etransfer-section .etransfers-action .readdress-recipient-section .ui-set-radiobutton .ui-partial-label {
    vertical-align: text-top;
    width: 90%
}

.etransfers-details .etransfer-section .etransfers-action .readdress-recipient-section .ui-set-textbox .ui-partial-label {
    padding-bottom: 10px;
    padding-top: 20px;
    width: 90%
}

.etransfers-details .etransfer-section .etransfers-action .reclaim-transaction-section .reclaim-alone {
    padding-bottom: 12px
}

.etransfers-details .etransfer-section .etransfers-action .reclaim-transaction-section .reclaim-alone .ui-set-field {
    display: flex
}

.etransfers-details .etransfer-section .etransfers-action .reclaim-transaction-section .reclaim-alone .ui-select {
    width: 350px
}

.etransfers-details .etransfer-section .etransfers-action .reclaim-transaction-section .reclaim-alone label:first-of-type {
    padding-top: 0;
    width: 170px
}

.etransfers-details .etransfer-section .etransfers-action .reclaim-transaction-section .reclaim-alone .ui-group {
    max-width: 350px;
    padding-left: 4px
}

.etransfers-details .etransfer-section .etransfers-action .reclaim-transaction-section .ui-select {
    width: 340px
}

.etransfers-details .etransfer-section .etransfers-action .reclaim-transaction-section .ui-set-radiobutton .ui-partial-label {
    padding-bottom: 10px;
    vertical-align: text-top;
    width: 90%
}

.etransfers-details .etransfer-section .header-section {
    padding-left: 0
}

.etransfers-details .etransfer-section li .etransfers-action {
    margin: 0 15px
}

.etransfers-details .etransfer-section .ui-set-group-radiobutton {
    width: 50%
}

.etransfers-details .etransfer-section .ui-set-group-radiobutton .ui-set-field .ui-group-radiobutton .ui-set-messages {
    margin-left: 0
}

.etransfers-details+.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.etransfers-details+.action-bar .secondary:focus,
.etransfers-details+.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-requests-details+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-requests-details+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-requests-details+.action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-requests-details+.action-bar .secondary {
    order: 3
}

.etransfers-requests-details+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-requests-details+.action-bar .tertiary:focus,
.etransfers-requests-details+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-requests-details+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-requests-details+.action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-requests-details+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.etransfers-requests-details+.action-bar .secondary {
    margin: 2px 0 0 auto
}

.eTransfer-learn-more li {
    border-top: 1px solid;
    border-top-color: #BBBCBC;
    margin: 0;
    padding: 15px 0
}

.eTransfer-learn-more li:first-child {
    border: none;
    padding-top: 5px
}

.eTransfer-learn-more li:last-child {
    padding-bottom: 30px
}

.eTransfer-learn-more li>a {
    text-decoration: none;
    background: url(/index_files/icon-chevron-right.png) right center no-repeat;
    background-size: 18px;
    padding-right: 18px;
    display: inline
}

.eTransfer-learn-more li>a:focus,
.eTransfer-learn-more li>a:hover {
    text-decoration: underline
}

.etransfers-recipients .messages-global {
    padding-right: 15px
}

.etransfers-recipients .no-recipient {
    text-align: center
}

.etransfers-recipients table tbody tr td.mobile {
    min-width: 110px
}

.etransfers-recipients table tbody tr td.delete a {
    text-decoration: none;
    background: url(img/icon-delete-red.png) 0 -1.5px no-repeat;
    padding-left: 25px;
    display: inline-block;
    min-height: 20px
}

.etransfers-delete-recipient-confirmation+.action-bar .tertiary,
.etransfers-profile-edit-confirmation+.action-bar .tertiary,
.etransfers-profile-edit-details+.action-bar .secondary,
.etransfers-receive-decline-verification .action-bar .tertiary,
.etransfers-receive-details+.action-bar .tertiary,
.etransfers-receive-index+.action-bar .tertiary,
.etransfers-recipients-add-confirmation+.action-bar .tertiary,
.etransfers-recipients-add-details+.action-bar .secondary,
.etransfers-recipients-add-details+.action-bar .tertiary,
.etransfers-recipients-edit+.action-bar .secondary,
.etransfers-recipients-edit-confirmation+.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.etransfers-recipients table tbody tr td.delete a:focus,
.etransfers-recipients table tbody tr td.delete a:hover {
    text-decoration: underline
}

.etransfers-recipients table tbody tr td.delete {
    padding-left: 5px
}

.etransfers-recipients table tbody tr td.language {
    padding-left: 10px
}

.etransfers-recipients-add-confirmation.pair section ul li>div:first-of-type {
    width: 230px
}

.etransfers-recipients-add-confirmation.pair section ul li>div:last-child {
    width: calc(100% - (230px + 15px))
}

.etransfers-recipients-add-confirmation .section-header {
    margin-bottom: 20px
}

.etransfers-recipients-add-confirmation+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-recipients-add-confirmation+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-recipients-add-confirmation+.action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-recipients-add-confirmation+.action-bar .secondary {
    order: 3
}

.etransfers-recipients-add-confirmation+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-recipients-add-confirmation+.action-bar .tertiary:focus,
.etransfers-recipients-add-confirmation+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-recipients-add-confirmation+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-recipients-add-confirmation+.action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-recipients-add-confirmation+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.etransfers-recipients-add-confirmation+.action-bar .secondary {
    margin: 2px 0 0 auto
}

.etransfers-recipients-add-confirmation-page .successful .ui-alert .ui-text {
    color: #383B3E;
    font-family: WhitneyBookRegular
}

.etransfers-recipients-add-details {
    margin-top: 5px;
    padding-bottom: 5px
}

.etransfers-recipients-add-details .ui-set-messages {
    width: 370px
}

.etransfers-recipients-add-details+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-recipients-add-details+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-recipients-add-details+.action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-recipients-add-details+.action-bar .secondary {
    order: 3
}

.etransfers-recipients-add-details+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-recipients-add-details+.action-bar .tertiary:focus,
.etransfers-recipients-add-details+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-recipients-add-details+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-recipients-add-details+.action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-recipients-add-details+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.etransfers-recipients-add-details+.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.etransfers-recipients-add-details+.action-bar .secondary:focus,
.etransfers-recipients-add-details+.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-delete-recipient-confirmation {
    margin-bottom: 10px
}

.etransfers-delete-recipient-confirmation.pair section ul li>div:first-of-type {
    width: 230px
}

.etransfers-delete-recipient-confirmation.pair section ul li>div:last-child {
    width: calc(100% - (230px + 15px))
}

.etransfers-delete-recipient-confirmation section li:first-child {
    padding-top: 25px
}

.etransfers-delete-recipient-confirmation+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-delete-recipient-confirmation+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-delete-recipient-confirmation+.action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-delete-recipient-confirmation+.action-bar .secondary {
    order: 3
}

.etransfers-delete-recipient-confirmation+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-delete-recipient-confirmation+.action-bar .tertiary:focus,
.etransfers-delete-recipient-confirmation+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-delete-recipient-confirmation+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-delete-recipient-confirmation+.action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-delete-recipient-confirmation+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.etransfers-delete-recipient-confirmation+.action-bar .secondary {
    margin-left: auto
}

.etransfers-recipients-edit-confirmation.pair section ul li>div:first-of-type {
    width: 230px
}

.etransfers-recipients-edit-confirmation.pair section ul li>div:last-child {
    width: calc(100% - (230px + 15px))
}

.etransfers-recipients-edit-confirmation+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-recipients-edit-confirmation+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-recipients-edit-confirmation+.action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-recipients-edit-confirmation+.action-bar .secondary {
    order: 3
}

.etransfers-recipients-edit-confirmation+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-recipients-edit-confirmation+.action-bar .tertiary:focus,
.etransfers-recipients-edit-confirmation+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-recipients-edit-confirmation+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-recipients-edit-confirmation+.action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-recipients-edit-confirmation+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.etransfers-recipients-edit-confirmation+.action-bar .secondary {
    margin: 2px 0 0 auto
}

.etransfers-recipients-edit {
    margin-top: 5px;
    padding-bottom: 5px
}

.etransfers-recipients-edit .header:lang(fr) {
    height: auto
}

.etransfers-recipients-edit+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-recipients-edit+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-recipients-edit+.action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-recipients-edit+.action-bar .secondary {
    order: 3
}

.etransfers-recipients-edit+.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-recipients-edit+.action-bar .tertiary:focus,
.etransfers-recipients-edit+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-recipients-edit+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-recipients-edit+.action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-recipients-edit+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.etransfers-recipients-edit+.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.etransfers-recipients-edit+.action-bar .secondary:focus,
.etransfers-recipients-edit+.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-profile-edit-confirmation .pair section ul li>div:first-of-type {
    width: 230px
}

.etransfers-profile-edit-confirmation .pair section ul li>div:last-child {
    width: calc(100% - (230px + 15px))
}

.etransfers-profile-edit-confirmation+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-profile-edit-confirmation+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-profile-edit-confirmation+.action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-profile-edit-confirmation+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-profile-edit-confirmation+.action-bar .tertiary:focus,
.etransfers-profile-edit-confirmation+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-profile-edit-confirmation+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-profile-edit-confirmation+.action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-profile-edit-confirmation+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.etransfers-profile-edit-confirmation+.action-bar .secondary {
    margin: 2px 0 0 auto;
    order: 1
}

.etransfers-profile-edit-details {
    margin-top: 5px;
    padding-bottom: 5px
}

.etransfers-profile-edit-details .ui-set-textbox div {
    display: table
}

.etransfers-profile-edit-details+.action-bar .secondary {
    border: none;
    margin: 0 auto 0 0;
    color: #383B3E
}

.etransfers-profile-edit-details+.action-bar .secondary:focus,
.etransfers-profile-edit-details+.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-receive-index+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-receive-index+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-receive-index+.action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-receive-index+.action-bar .secondary {
    order: 3
}

.etransfers-receive-index+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-receive-index+.action-bar .tertiary:focus,
.etransfers-receive-index+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-receive-index+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-receive-index+.action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-receive-index+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.etransfers-receive-index+.action-bar .secondary {
    margin: 0 0 0 auto
}

.etransfers-receive-decline-verification .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-receive-decline-verification .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-receive-decline-verification .action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-receive-decline-verification .action-bar .secondary {
    order: 3
}

.etransfers-receive-decline-verification .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-receive-decline-verification .action-bar .tertiary:focus,
.etransfers-receive-decline-verification .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-receive-decline-verification .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-receive-decline-verification .action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-receive-decline-verification .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.etransfers-receive-decline-verification .action-bar .secondary {
    margin: 2px 0 0 auto
}

.etransfers-receive-details .account-section,
.etransfers-receive-details .answer-section {
    padding: 15px 0 20px
}

.etransfers-receive-details.panel-large>section>.header {
    height: unset
}

.etransfers-receive-details.panel-large>section>.header .header-section {
    padding-left: 0;
    padding-top: 20px
}

.etransfers-receive-details section>ul+div {
    margin-top: 30px
}

.etransfers-receive-details ul li {
    padding: 20px 0
}

.etransfers-receive-details+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-receive-details+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-receive-details+.action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-receive-details+.action-bar .secondary {
    order: 3
}

.etransfers-receive-details+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-receive-details+.action-bar .tertiary:focus,
.etransfers-receive-details+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-receive-details+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-receive-details+.action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-receive-details+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.etransfers-receive-details+.action-bar .secondary {
    margin: 2px 0 0 auto
}

.etransfers-receive-decline-verification .message-section span {
    font-weight: 700
}

.etransfers-receive-decline-verification .message-section .ui-group {
    position: relative;
    top: -15px
}

.etransfers-auto-deposits-cancel-verification.dialog-modal .action-bar .quaternary~.tertiary:before,
.etransfers-auto-deposits-edit-details+.action-bar .quaternary~.tertiary:before,
.etransfers-auto-deposits-unregister-verification .action-bar .quaternary~.tertiary:before,
.etransfers-reclaim-verification .quaternary~.tertiary:before,
.etransfers-requests-cancel-verification .action-bar .quaternary~.tertiary:before,
.etransfers-requests-reminder-confirmation+.action-bar .quaternary~.tertiary:before,
.etransfers-requests-send-confirmation+.action-bar .quaternary~.tertiary:before,
.etransfers-send-auto-deposit+.action-bar .quaternary~.tertiary:before,
.etransfers-send-confirmation+.action-bar .quaternary~.tertiary:before,
.etransfers-send-details+.action-bar .quaternary~.tertiary:before,
.etransfers-send-security-question+.action-bar .quaternary~.tertiary:before,
.etransfers-stop-details~.action-bar .quaternary~.tertiary:before,
.etransfers-stop-verification .action-bar .quaternary~.tertiary:before {
    content: "";
    height: 24px;
    position: absolute;
    top: 10px;
    right: 7px
}

.etransfers-receive-decline-verification .message-section .ui-set-textbox .ui-set-field label:first-of-type {
    padding-top: 0
}

.etransfers-receive-decline-verification .message-section .ui-set-textbox .ui-set-field label p {
    margin: 0;
    padding-top: 0
}

.etransfers-receive-confirmation .reference-number .ui-label-hint {
    display: block;
    font-size: 10px;
    line-height: 12px
}

.etransfers-receive-confirmation .register-autodeposit {
    background-color: #EFEFEF;
    margin-top: 20px;
    padding: 20px
}

.etransfers-receive-confirmation .register-autodeposit h2 {
    color: #C41F3E;
    font-size: 18px
}

.etransfers-receive-confirmation .register-autodeposit .ui-display-secondary {
    padding: 0 30px
}

.etransfers-send-error .ui-set-messages .ui-display-info {
    background: 0 0;
    border: none;
    padding: 10px 0
}

.etransfers-reclaim-verification .tertiary,
.etransfers-requests-cancel-confirmation-page .action-bar .tertiary,
.etransfers-requests-reminder-confirmation+.action-bar .tertiary,
.etransfers-requests-send-confirmation+.action-bar .tertiary,
.etransfers-send-auto-deposit+.action-bar .tertiary,
.etransfers-send-confirmation+.action-bar .tertiary,
.etransfers-send-details+.action-bar .secondary,
.etransfers-send-details+.action-bar .tertiary,
.etransfers-send-security-question+.action-bar .tertiary,
.etransfers-stop-details~.action-bar .tertiary,
.etransfers-stop-verification .action-bar .secondary,
.etransfers-stop-verification .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.etransfers-send-error .ui-set-messages .ui-display-info .ui-code {
    display: none
}

.etransfers-send-details .message-section .ui-partial-field-hint p {
    margin-top: 0
}

.etransfers-send-details .account-section-message,
.etransfers-send-details .recipient-section .links {
    margin-left: 160px
}

.etransfers-send-details+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-send-details+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-send-details+.action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-send-details+.action-bar .secondary {
    order: 3
}

.etransfers-send-details+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-send-details+.action-bar .tertiary:focus,
.etransfers-send-details+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-send-details+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-send-details+.action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-send-details+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.etransfers-send-details+.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.etransfers-send-details+.action-bar .secondary:focus,
.etransfers-send-details+.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-send-auto-deposit+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-send-auto-deposit+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-send-auto-deposit+.action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-send-auto-deposit+.action-bar .secondary {
    order: 3
}

.etransfers-send-auto-deposit+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-send-auto-deposit+.action-bar .tertiary:focus,
.etransfers-send-auto-deposit+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-send-auto-deposit+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-send-auto-deposit+.action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-send-auto-deposit+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.etransfers-send-security-question+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-send-security-question+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-send-security-question+.action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-send-security-question+.action-bar .secondary {
    order: 3
}

.etransfers-send-security-question+.action-bar .tertiary {
    border: none;
    color: #383B3E
}

.etransfers-send-security-question+.action-bar .tertiary:focus,
.etransfers-send-security-question+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-send-security-question+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-send-security-question+.action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-send-security-question+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.etransfers-send-security-question+.action-bar .tertiary {
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-send-confirmation .pair section ul li div:first-of-type label {
    min-width: 230px;
    width: 230px
}

.etransfers-send-confirmation .panel-large {
    margin-bottom: 10px
}

.etransfers-send-confirmation .reference span {
    display: inherit
}

.etransfers-send-confirmation .reference .ui-set-field {
    width: 100%
}

.etransfers-send-confirmation+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset;
    padding-top: 34px
}

.etransfers-send-confirmation+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-send-confirmation+.action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-send-confirmation+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-send-confirmation+.action-bar .tertiary:focus,
.etransfers-send-confirmation+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-send-confirmation+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-send-confirmation+.action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-send-confirmation+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.etransfers-send-confirmation+.action-bar .secondary {
    margin: 0 0 0 auto;
    order: 1
}

.etransfers-reminder-confirmation .panel-large,
.etransfers-requests-send-confirmation .panel-large {
    margin-bottom: 10px
}

.etransfers-readdress-confirmation .pair section ul li>div:first-of-type {
    width: 230px
}

.etransfers-readdress-confirmation .pair section ul li>div:last-child {
    width: calc(100% - (230px + 15px))
}

.etransfers-readdress-confirmation .header-section {
    padding: 0 0 5px
}

.etransfers-register .terms-inner-wrapper ol span[lang=fr] {
    margin-left: 0
}

.etransfers-reminder-confirmation-page .successful .ui-text {
    color: #383B3E;
    font-family: WhitneyBookRegular
}

.etransfers-reminder-confirmation .pair section ul li>div:first-of-type {
    width: 230px
}

.etransfers-reminder-confirmation .pair section ul li>div:last-child {
    width: calc(100% - (230px + 15px))
}

.etransfers-reminder-confirmation .section-header {
    padding-top: 30px
}

.etransfers-requests-send-confirmation .pair section ul li div:first-of-type label {
    min-width: 230px;
    width: 230px
}

.etransfers-requests-send-confirmation .reference span {
    display: inherit
}

.etransfers-requests-send-confirmation .reference .ui-set-field {
    width: 100%
}

.etransfers-requests-send-confirmation+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-requests-send-confirmation+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-requests-send-confirmation+.action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-requests-send-confirmation+.action-bar .secondary {
    order: 3
}

.etransfers-requests-send-confirmation+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-requests-send-confirmation+.action-bar .tertiary:focus,
.etransfers-requests-send-confirmation+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-requests-send-confirmation+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-requests-send-confirmation+.action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-requests-send-confirmation+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.etransfers-requests-send-confirmation+.action-bar .secondary {
    margin: 2px 0 0 auto
}

.etransfers-requests-cancel-verification .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-requests-cancel-verification .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-requests-cancel-verification .action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-requests-cancel-verification .action-bar .secondary {
    order: 3
}

.etransfers-requests-cancel-verification .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-requests-cancel-verification .action-bar .tertiary:focus,
.etransfers-requests-cancel-verification .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-requests-cancel-verification .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-requests-cancel-verification .action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-requests-cancel-verification .action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.etransfers-requests-cancel-verification .action-bar .secondary {
    margin-left: auto
}

.etransfers-requests-cancel-confirmation-page .successful .ui-alert .ui-text {
    color: #383B3E;
    font-family: WhitneyBookRegular
}

.etransfers-requests-cancel-confirmation-page .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-requests-cancel-confirmation-page .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-requests-cancel-confirmation-page .action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-requests-cancel-confirmation-page .action-bar .secondary {
    order: 3
}

.etransfers-requests-cancel-confirmation-page .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-requests-cancel-confirmation-page .action-bar .tertiary:focus,
.etransfers-requests-cancel-confirmation-page .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-requests-cancel-confirmation-page .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-requests-cancel-confirmation-page .action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-requests-cancel-confirmation-page .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.etransfers-requests-cancel-confirmation-page .action-bar .secondary {
    margin: 2px 0 0 auto
}

.etransfers-requests-index .requests-transactions tbody tr td.date {
    min-width: 100px
}

.etransfers-requests-index .no-request-error {
    padding-right: 15px
}

.etransfers-requests-reminder-confirmation+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-requests-reminder-confirmation+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-requests-reminder-confirmation+.action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-requests-reminder-confirmation+.action-bar .secondary {
    order: 3
}

.etransfers-requests-reminder-confirmation+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-requests-reminder-confirmation+.action-bar .tertiary:focus,
.etransfers-requests-reminder-confirmation+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-requests-reminder-confirmation+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-requests-reminder-confirmation+.action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-requests-reminder-confirmation+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.etransfers-requests-reminder-confirmation+.action-bar .secondary {
    margin-left: auto
}

.etransfers-stop-confirmation .pair section ul li div:first-of-type label {
    min-width: 230px;
    width: 230px
}

.etransfers-stop-details .header-section {
    padding-left: 0
}

.etransfers-stop-details~.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-stop-details~.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-stop-details~.action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-stop-details~.action-bar .secondary {
    order: 3
}

.etransfers-stop-details~.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-stop-details~.action-bar .tertiary:focus,
.etransfers-stop-details~.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-stop-details~.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-stop-details~.action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-stop-details~.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.etransfers-stop-verification .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-stop-verification .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-stop-verification .action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-stop-verification .action-bar .secondary {
    order: 3
}

.etransfers-stop-verification .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-stop-verification .action-bar .tertiary:focus,
.etransfers-stop-verification .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-stop-verification .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-stop-verification .action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-stop-verification .action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.etransfers-stop-verification .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.etransfers-stop-verification .action-bar .secondary:focus,
.etransfers-stop-verification .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-reclaim-confirmation .pair section ul li>div:first-of-type {
    width: 230px
}

.etransfers-reclaim-confirmation .pair section ul li>div:last-child {
    width: calc(100% - (230px + 15px))
}

.etransfers-reclaim-verification {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-reclaim-verification .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-reclaim-verification .primary:only-child {
    margin-left: auto
}

.etransfers-reclaim-verification .secondary {
    order: 3
}

.etransfers-reclaim-verification .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-reclaim-verification .tertiary:focus,
.etransfers-reclaim-verification .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-reclaim-verification .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-reclaim-verification .quaternary~.tertiary {
    margin: 0
}

.etransfers-reclaim-verification .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.etransfers-auto-deposits thead tr th {
    padding: 8px 0
}

.etransfers-auto-deposits tbody tr:not(:first-child)>th {
    border-top: 1px solid #BBBCBC
}

.etransfers-auto-deposits tbody tr th {
    font-weight: 400;
    min-width: 200px
}

.etransfers-auto-deposits tbody tr th:first-child {
    padding-right: 15px
}

.etransfers-auto-deposits tbody tr td {
    padding-left: 10px;
    padding-right: 15px
}

.etransfers-auto-deposits th.email {
    padding-right: 10px
}

.etransfers-auto-deposits tbody tr td:last-of-type,
.etransfers-auto-deposits thead tr th:last-of-type {
    min-width: 150px;
    text-align: right
}

.etransfers-auto-deposits tbody tr td:last-of-type:lang(fr),
.etransfers-auto-deposits thead tr th:last-of-type:lang(fr) {
    min-width: 160px
}

.etransfers-auto-deposits tbody tr td:last-of-type>div,
.etransfers-auto-deposits thead tr th:last-of-type>div {
    display: inline-block
}

.etransfers-auto-deposits tbody tr td:last-of-type>div:last-of-type,
.etransfers-auto-deposits thead tr th:last-of-type>div:last-of-type {
    border-left: 1px solid #CCC;
    margin-left: 15px;
    padding-left: 15px
}

.etransfers-auto-deposits tbody tr td:last-of-type>div.unregister a,
.etransfers-auto-deposits thead tr th:last-of-type>div.unregister a {
    text-decoration: none;
    display: inline-block;
    background: url(img/icon-unregister.png) 0 -1.5px no-repeat;
    padding-left: 28px;
    min-height: 20px;
    margin-right: 5px
}

.etransfers-auto-deposits tbody tr td:last-of-type>div.unregister a:focus,
.etransfers-auto-deposits tbody tr td:last-of-type>div.unregister a:hover,
.etransfers-auto-deposits thead tr th:last-of-type>div.unregister a:focus,
.etransfers-auto-deposits thead tr th:last-of-type>div.unregister a:hover {
    text-decoration: underline
}

.etransfers-auto-deposits tbody tr td:last-of-type>div.edit,
.etransfers-auto-deposits thead tr th:last-of-type>div.edit {
    margin-left: 0;
    padding-left: 0
}

.etransfers-auto-deposits tbody tr td:last-of-type>div.edit a,
.etransfers-auto-deposits thead tr th:last-of-type>div.edit a {
    text-decoration: none;
    display: inline-block;
    background: url(img/icon-edit-red.png) 0 -1.5px no-repeat;
    padding-left: 27px;
    min-height: 20px;
    margin-left: 5px
}

.etransfers-auto-deposits tbody tr td:last-of-type>div.edit a:focus,
.etransfers-auto-deposits tbody tr td:last-of-type>div.edit a:hover,
.etransfers-auto-deposits thead tr th:last-of-type>div.edit a:focus,
.etransfers-auto-deposits thead tr th:last-of-type>div.edit a:hover {
    text-decoration: underline
}

.etransfers-auto-deposits tbody tr td:last-of-type>div.cancel,
.etransfers-auto-deposits thead tr th:last-of-type>div.cancel {
    border: none
}

.etransfers-auto-deposits tbody tr td:last-of-type>div.cancel a,
.etransfers-auto-deposits thead tr th:last-of-type>div.cancel a {
    text-decoration: none;
    display: inline-block;
    background: url(img/icon_18_cancel.png) 0 -1.5px no-repeat;
    padding-left: 27px;
    min-height: 20px;
    margin-left: 5px
}

.etransfers-auto-deposits-unregister-verification .action-bar .secondary,
.etransfers-auto-deposits-unregister-verification .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.etransfers-auto-deposits tbody tr td:last-of-type>div.cancel a:focus,
.etransfers-auto-deposits tbody tr td:last-of-type>div.cancel a:hover,
.etransfers-auto-deposits thead tr th:last-of-type>div.cancel a:focus,
.etransfers-auto-deposits thead tr th:last-of-type>div.cancel a:hover {
    text-decoration: underline
}

.etransfers-auto-deposits-unregister-verification .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-auto-deposits-unregister-verification .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-auto-deposits-unregister-verification .action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-auto-deposits-unregister-verification .action-bar .secondary {
    order: 3
}

.etransfers-auto-deposits-unregister-verification .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-auto-deposits-unregister-verification .action-bar .tertiary:focus,
.etransfers-auto-deposits-unregister-verification .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-auto-deposits-unregister-verification .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-auto-deposits-unregister-verification .action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-auto-deposits-unregister-verification .action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.etransfers-auto-deposits-unregister-verification .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.etransfers-auto-deposits-unregister-verification .action-bar .secondary:focus,
.etransfers-auto-deposits-unregister-verification .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-auto-deposits-register .ui-alert.ui-display-confirm {
    background: url(img/icon_email.png) 0 14px no-repeat;
    background-size: 22px
}

.\'etransfers-requests-fulfill-new-recipient-dialog .action-bar .secondary,
.etransfers-auto-deposits-cancel-verification.dialog-modal .action-bar .tertiary,
.etransfers-auto-deposits-edit-details+.action-bar .secondary,
.etransfers-auto-deposits-edit-details+.action-bar .tertiary,
.etransfers-requests-fulfill-decline-verification .action-bar .secondary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.etransfers-auto-deposits-edit-details+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-auto-deposits-edit-details+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-auto-deposits-edit-details+.action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-auto-deposits-edit-details+.action-bar .secondary {
    order: 3
}

.etransfers-auto-deposits-edit-details+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-auto-deposits-edit-details+.action-bar .tertiary:focus,
.etransfers-auto-deposits-edit-details+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-auto-deposits-edit-details+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-auto-deposits-edit-details+.action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-auto-deposits-edit-details+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.etransfers-auto-deposits-edit-details+.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.etransfers-auto-deposits-edit-details+.action-bar .secondary:focus,
.etransfers-auto-deposits-edit-details+.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-auto-deposits-cancel-verification.dialog-modal .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-auto-deposits-cancel-verification.dialog-modal .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-auto-deposits-cancel-verification.dialog-modal .action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-auto-deposits-cancel-verification.dialog-modal .action-bar .secondary {
    order: 3
}

.etransfers-auto-deposits-cancel-verification.dialog-modal .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.etransfers-auto-deposits-cancel-verification.dialog-modal .action-bar .tertiary:focus,
.etransfers-auto-deposits-cancel-verification.dialog-modal .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-auto-deposits-cancel-verification.dialog-modal .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.etransfers-auto-deposits-cancel-verification.dialog-modal .action-bar .quaternary~.tertiary {
    margin: 0
}

.etransfers-auto-deposits-cancel-verification.dialog-modal .action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.etransfers-auto-deposits-cancel-verification.dialog-modal .action-bar .secondary {
    margin: 2px 0 0 auto
}

.etransfers-requests-fulfill-details+.action-bar .primary {
    margin-left: 16px
}

.etransfers-requests-fulfill-decline-verification .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.etransfers-requests-fulfill-decline-verification .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.etransfers-requests-fulfill-decline-verification .action-bar .primary:only-child {
    margin-left: auto
}

.etransfers-requests-fulfill-decline-verification .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 3
}

.etransfers-requests-fulfill-decline-verification .action-bar .secondary:focus,
.etransfers-requests-fulfill-decline-verification .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.\'etransfers-requests-fulfill-new-recipient-dialog .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.\'etransfers-requests-fulfill-new-recipient-dialog .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.\'etransfers-requests-fulfill-new-recipient-dialog .action-bar .primary:only-child {
    margin-left: auto
}

.\'etransfers-requests-fulfill-new-recipient-dialog .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 3
}

.\'etransfers-requests-fulfill-new-recipient-dialog .action-bar .secondary:focus,
.\'etransfers-requests-fulfill-new-recipient-dialog .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.etransfers-status .status-tabs {
    display: flex;
    height: 0;
    margin-bottom: 20px;
    min-height: 50px;
    position: relative
}

.etransfers-status .status-tabs:before {
    border-bottom: 1px solid #BBBCBC;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}

.etransfers-status .status-tabs li {
    align-items: center;
    border: 1px solid #BBBCBC;
    border-bottom: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 5px 30px
}

.etransfers-status .status-tabs li:not(:first-child) {
    border-left: none
}

.etransfers-status .status-tabs li.active {
    background-color: #fff;
    border-top: none;
    box-shadow: inset 0 4px 0 #C41F3E;
    color: #C41F3E;
    cursor: default;
    font-weight: 700;
    z-index: 1
}

.etransfers-status .status-tabs li a:not(:hover) {
    text-decoration: none
}

.etransfers-status .month-select {
    margin-bottom: 15px
}

.etransfers-status .ui-paginator.first {
    padding-top: 0
}

.alertSampleContainer .navContainer .primary-tabs,
.alerts .primary-tabs {
    display: flex;
    height: 0;
    min-height: 50px
}

.alertSampleContainer .navContainer .primary-tabs li,
.alerts .primary-tabs li {
    display: flex;
    align-items: center;
    border: 1px solid #BBBCBC;
    flex: 1;
    justify-content: center
}

.alertSampleContainer .navContainer .primary-tabs li:hover:not(.active),
.alerts .primary-tabs li:hover:not(.active) {
    color: #C41F3E;
    cursor: pointer
}

.alertSampleContainer .navContainer .primary-tabs li:not(:first-child),
.alerts .primary-tabs li:not(:first-child) {
    border-left: none
}

.alertSampleContainer .navContainer .primary-tabs li.active,
.alerts .primary-tabs li.active {
    border-bottom: none;
    border-top: none;
    box-shadow: inset 0 4px 0 #C41F3E;
    color: #C41F3E;
    font-weight: 700
}

.alertSampleContainer .navContainer .secondary-tabs,
.alerts .secondary-tabs {
    border-bottom: 1px solid #BBBCBC;
    display: block;
    font-size: 0;
    line-height: 14px;
    vertical-align: bottom;
    width: 100%
}

.alertSampleContainer .navContainer .secondary-tabs li,
.alerts .secondary-tabs li {
    display: inline-block;
    padding: 15px 0
}

.alertSampleContainer .navContainer .secondary-tabs li:not(.active),
.alerts .secondary-tabs li:not(.active) {
    cursor: pointer
}

.alertSampleContainer .navContainer .secondary-tabs li:not(.active):hover,
.alerts .secondary-tabs li:not(.active):hover {
    color: #C41F3E
}

.alertSampleContainer .navContainer .secondary-tabs li:not(.active) span,
.alerts .secondary-tabs li:not(.active) span {
    text-decoration: underline
}

.alertSampleContainer .navContainer .secondary-tabs li span,
.alerts .secondary-tabs li span {
    display: inline-block;
    font-size: 12px;
    height: 100%;
    padding: 0 15px
}

.alertSampleContainer .navContainer .secondary-tabs li:not(:first-child) span,
.alerts .secondary-tabs li:not(:first-child) span {
    border-left: 1px solid #BBBCBC
}

.alertSampleContainer .navContainer .secondary-tabs li.active,
.alerts .secondary-tabs li.active {
    border-bottom: 1px solid #C41F3E;
    margin-bottom: -1px
}

.alertSampleContainer .navContainer .secondary-tabs li.active span,
.alerts .secondary-tabs li.active span {
    font-weight: 700
}

.alertSampleContainer .typeNote {
    background-color: #EFEFEF;
    color: #606366;
    font-size: 11px;
    padding: 10px 20px
}

.alertSampleContainer .typeNote p {
    line-height: 28px;
    margin: 0
}

.alerts .ui-set-messages {
    margin-left: 0;
    padding-right: 15px
}

.alerts .ui-textbox {
    width: 100px
}

.alerts table {
    border: none
}

.alerts table caption ul {
    padding: 0 0 25px;
    text-align: left
}

.alerts table caption ul li {
    background: linear-gradient(to right, #000, #000);
    background-position: 0 8px;
    background-size: 3px 3px;
    background-repeat: no-repeat;
    margin: 5px 0;
    padding-left: 13px
}

.alerts table .withdrawal-over-limit-amount .ui-partial-help {
    display: inline-block;
    left: -5px;
    top: -17px
}

.alerts table .withdrawal-over-limit-amount .ui-set-textbox {
    display: inline-block
}

.alerts table .withdrawal-over-limit-amount .ui-textbox {
    margin-right: 10px
}

.alerts tbody tr.highlight {
    background-color: #F0F9FF
}

.alerts tbody tr.sub-header {
    border-top: solid 1px #444
}

.alerts tbody tr.sub-header:first-child {
    border-top: none
}

.alerts tbody tr th {
    background-color: #EFEFEF;
    border-bottom: solid 1px #BBBCBC;
    font-size: 11px;
    height: 32px;
    padding: 0 10px 0 15px
}

.alerts tbody tr th:first-child {
    min-width: 365px;
    width: 365px
}

.alerts tbody tr th:nth-child(2) {
    min-width: 140px;
    width: 140px
}

.alerts tbody tr th[colspan="2"] {
    background-color: #fff;
    border-top: none;
    border-bottom: solid 5px #444;
    font-size: 18px;
    font-weight: 400;
    width: 135px
}

.alerts tbody tr th[colspan="2"]:first-child {
    width: 350px
}

.alerts tbody tr td {
    vertical-align: top
}

.alerts tbody td div .ui-set-checkbox {
    padding-right: 0
}

.alerts tbody td div .ui-set-checkbox label.ui-partial-label {
    display: none
}

.alerts tbody td div.alert-category-section {
    display: none;
    width: 485px
}

.alerts tbody td div.alert-category-section.show {
    display: inline-block;
    float: left;
    padding: 20px;
    margin-top: 20px;
    background-color: #F0F9FF
}

.alerts tbody td div.alert-category-section.show p {
    font-weight: 400
}

.alerts tbody td div.alert-category-section.show article {
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    width: 205px
}

.alerts tbody td div.alert-category-section.show .ui-set-checkbox label.ui-partial-label {
    display: inline-block
}

.alerts tbody td div.alert-category-section.show .ui-set-checkbox .ui-checkbox {
    margin: 1px 5px 0 -20px
}

.alerts tbody td>div>.turnon {
    display: inline-block;
    float: left;
    text-decoration: underline;
    width: 50px
}

.alerts tbody td>div>.turnon.edit-budget {
    margin: 0;
    width: 100%
}

.alerts tbody td>div>.turnon~p {
    display: block;
    margin-left: 50px
}

.alerts tbody td .ui-partial-help,
.alerts tbody td .ui-partial-help ui-button.ui-no-label {
    margin: 0
}

.alerts tbody td .spend-category .ui-button.toggle-view {
    font-weight: 700;
    color: #222944;
    padding-left: 20px
}

.alerts tbody td .spend-category .ui-button.show {
    background: url(img/uikit/ui-collapsible-pane-minus.png) 0 center/13px no-repeat
}

.alerts tbody td .spend-category .ui-button.hide {
    background: url(img/uikit/ui-collapsible-pane-plus.png) 0 center/13px no-repeat
}

.alerts tbody td .spend-category .ui-button.ui-display-link:hover {
    text-decoration: none
}

.alerts tbody td .ui-partial-help .ui-button {
    padding: 0
}

.alerts tbody td .widthdrawal {
    display: block
}

.alerts tbody td ui-checkbox.ui-checkbox,
.alerts tbody td ui-radiobutton.ui-radiobutton {
    float: left
}

.alerts tbody td ui-radiobutton.ui-radiobutton {
    margin-right: 5px
}

.alerts tbody td ui-checkbox.ui-checkbox {
    margin: 1px 5px 0 0
}

.alerts tbody td .ui-set-field,
.alerts tbody td div.ui-wrapper ui-button {
    padding-top: 5px
}

.alerts tbody td .ui-set-field {
    margin-bottom: 5px
}

.alerts tbody td p:first-child {
    font-weight: 700;
    margin: 0 0 10px
}

.alerts .bankaccounts div.checkmark,
.alerts .creditcards div.checkmark,
.alerts .investaccounts div.checkmark,
.alerts .plcaccounts div.checkmark {
    line-height: 100%;
    margin-left: 0;
    padding-left: 25px
}

.alerts .bankaccounts div.checkmark>ui-button,
.alerts .creditcards div.checkmark>ui-button,
.alerts .investaccounts div.checkmark>ui-button,
.alerts .plcaccounts div.checkmark>ui-button {
    margin-bottom: 30px
}

.alerts .bankaccounts .send-alert-to.eStatements,
.alerts .creditcards .send-alert-to.eStatements,
.alerts .investaccounts .send-alert-to.eStatements,
.alerts .plcaccounts .send-alert-to.eStatements {
    width: 116px
}

.alerts .bankaccounts .send-alert-to.eStatements li.not-checked .ui-button,
.alerts .creditcards .send-alert-to.eStatements li.not-checked .ui-button,
.alerts .investaccounts .send-alert-to.eStatements li.not-checked .ui-button,
.alerts .plcaccounts .send-alert-to.eStatements li.not-checked .ui-button {
    margin-left: 0
}

.alerts .bankaccounts ul.eStatementList>li,
.alerts .creditcards ul.eStatementList>li,
.alerts .investaccounts ul.eStatementList>li,
.alerts .plcaccounts ul.eStatementList>li {
    font-weight: 400;
    line-height: 18px
}

.alerts .bankaccounts ul.eStatementList>li a,
.alerts .creditcards ul.eStatementList>li a,
.alerts .investaccounts ul.eStatementList>li a,
.alerts .plcaccounts ul.eStatementList>li a {
    display: block;
    font-weight: 400;
    margin: 10px 0
}

.alerts .bankaccounts ul.eStatementList li+li,
.alerts .creditcards ul.eStatementList li+li,
.alerts .investaccounts ul.eStatementList li+li,
.alerts .plcaccounts ul.eStatementList li+li {
    border-top: solid 1px #BBBCBC;
    padding-top: 10px
}

.alerts .fraudPrevention td>div,
.alerts .fraudPreventionCreditCardOnly td>div {
    margin-left: 0
}

.alerts .fraudPrevention td>div ul li,
.alerts .fraudPreventionCreditCardOnly td>div ul li {
    background: linear-gradient(to right, #000, #000);
    background-position: 0 8px;
    background-size: 3px 3px;
    background-repeat: no-repeat;
    margin: 5px 0;
    padding-left: 13px
}

.alerts tbody tr.credit p a {
    margin-right: 15px
}

.alerts td .contact-types span.ui-checkbox {
    display: block;
    float: left
}

.alerts td .contact-types label.ui-partial-label {
    display: block;
    float: left;
    width: 114px
}

.alerts td .contact-types li a,
.alerts td .contact-types li ui-button {
    margin-left: 20px
}

.alerts td .contact-types li ui-checkbox.ui-checkbox {
    margin-left: 0
}

.alerts td .contact-types li .ui-set-checkbox:after {
    clear: none
}

.form-terms-and-conditions .header p:nth-of-type(2):after,
.products .additional-content .content,
.products .additional-content .link {
    clear: both
}

.alerts td .contact-types li .ui-display-help {
    display: inline-block
}

.alerts td .contact-types li .ui-display-link {
    text-decoration: underline
}

.alerts td div.checkbox-label {
    margin-top: -14px;
    width: 340px
}

.alerts td ul li {
    margin: 0
}

.alerts td.alert-column.withdrawalLimitReached div.checkbox-label {
    width: 300px;
    margin-left: 18px
}

.alerts td.alert-column.debitLimitReached div.checkbox-label,
.alerts td.alert-column.newDigitalVaultDocument div.checkbox-label {
    width: 102%
}

.alerts td.alert-column.shopWithPoints .ui-alert.ui-scope-inline.ui-display-error {
    display: inline-block;
    margin-bottom: 0
}

.alerts td.alert-column.shopWithPoints .addition-inline-error {
    margin-bottom: 5px
}

.alerts td.alert-column.shopWithPoints .addition-inline-error .ui-alert {
    margin-top: -20px
}

.alerts td.alert-column.shopWithPoints .alert-category-section {
    margin-top: 0
}

.alerts td.alert-column.shopWithPoints .withdrawal-over-limit-amount .ui-alert.ui-scope-inline.ui-display-error:first-of-type {
    padding-bottom: 20px
}

.alerts td.alert-column.realTimeTransaction .addition-inline-error .ui-alert {
    margin-top: -20px
}

.alerts .table-shadow>tbody>tr:last-of-type>td {
    border-bottom: none
}

.alerts .creditCardStatements .checkmark {
    margin-left: 0
}

.alerts .checkmark img {
    height: 12px;
    margin-left: 2px;
    margin-right: 5px;
    width: 12px
}

.alerts .eStatementList .lblInactive {
    padding-right: 5px
}

.alerts+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.alerts+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.alerts+.action-bar .primary:only-child {
    margin-left: auto
}

.alerts+.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.alerts+.action-bar .tertiary:focus,
.alerts+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.alerts+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.alerts+.action-bar .quaternary~.tertiary {
    margin: 0
}

.alerts+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.alerts+.action-bar .secondary {
    margin: 2px 0 0 auto;
    order: 1
}

.alerts-cancel-dialog p {
    margin-top: 10px
}

.alerts-cancel-dialog .ui-text {
    font-size: 18px;
    padding-bottom: 2px
}

.alerts-cancel-dialog .header {
    margin-bottom: 0
}

.alerts-cancel-dialog .action-bar .tertiary {
    background-image: url(img/icon-edit-red.png)
}

.dialog-modal+.action-bar .secondary,
.dialog-modal+.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.dialog-modal+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.dialog-modal+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.dialog-modal+.action-bar .primary:only-child {
    margin-left: auto
}

.dialog-modal+.action-bar .secondary {
    order: 3
}

.dialog-modal+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.dialog-modal+.action-bar .tertiary:focus,
.dialog-modal+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.dialog-modal+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.dialog-modal+.action-bar .quaternary~.tertiary {
    margin: 0
}

.dialog-modal+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.dialog-modal+.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.dialog-modal+.action-bar .secondary:focus,
.dialog-modal+.action-bar .secondary:hover {
    border: none;
    color: #383B3E
}

.dialog-modal .ui-set-phone-number .ui-set-field label.ui-partial-label {
    margin-right: 0;
    padding-right: 20px;
    width: auto
}

.dialog-modal .ui-set-phone-number .ui-set-field .ui-number {
    padding-right: 20px
}

.dialog-modal .ui-set-phone-number .ui-set-field>* {
    display: table-cell !important
}

.pair>section ul.contact-list li div:first-child {
    width: 155px;
    word-wrap: normal
}

@media print {
    .alerts td .contact-types label.ui-partial-label {
        width: 400px
    }

    .alerts .secondary-tabs {
        margin-top: 1px
    }
}

.embeded-alerts-group>td {
    padding: 0 !important
}

.embeded-alerts-group .ui-collapsible-pane .ui-collapsible {
    overflow: visible;
    padding-left: 0
}

.embeded-alerts-group .ui-collapsible-pane .ui-collapsible>div {
    overflow: visible;
    padding: 0
}

.embeded-alerts-group .ui-collapsible-pane .ui-title {
    background: 0 0
}

.embeded-alerts-group .ui-collapsible-pane .ui-title img {
    top: 12px;
    left: 11px;
    width: 17px
}

.no-margin-bottom {
    margin-bottom: 0
}

.alerts-details footer.main-footer a.pdf-icon {
    background-position: left -1.5px;
    margin-top: 12px
}

.alert-samples .ui-dialog>.ui-wrapper {
    margin-left: -390px;
    width: 780px
}

.alert-samples .ui-dialog>.ui-wrapper .ui-body {
    padding: 35px 30px 25px
}

.alert-samples .alertSampleContainer .alertSubtitle {
    margin-bottom: 30px
}

.alert-samples .alertSampleContainer .alertSubtitle h2 {
    font-size: 21px;
    font-weight: 400;
    line-height: 21px
}

.alert-samples .alertSampleContainer .navContainer {
    padding-bottom: 20px
}

.alert-samples .alertSampleContainer .navContainer ul {
    border-top: 1px solid #cecece
}

.alert-samples .alertSampleContainer .navContainer ul li {
    border-right: 1px solid #cecece;
    width: auto
}

.alert-samples .alertSampleContainer .navContainer ul li:last-child {
    border-right: none
}

.alert-samples .alertSampleContainer .mainSection {
    padding: 10px 20px 0
}

.alert-samples .alertSampleContainer .mainSection .messageHeader {
    font-size: 13px;
    padding-bottom: 20px
}

.alert-samples .alertSampleContainer .mainSection .messageHeader .messageHeaderTitle {
    padding-bottom: 10px;
    font-family: Arial;
    font-size: 18px;
    font-weight: 400
}

.alert-samples .alertSampleContainer .mainSection .messageHeader .valueLabelPair {
    padding: 20px 0;
    border-bottom: 1px solid #D6D6D6;
    overflow: hidden
}

.alert-samples .alertSampleContainer .mainSection .messageHeader .valueLabelPair .valueLabel {
    width: 120px;
    color: #606366
}

.alert-samples .alertSampleContainer .mainSection .messageHeader .valueLabelPair .labelledValue,
.alert-samples .alertSampleContainer .mainSection .messageHeader .valueLabelPair .valueLabel {
    float: left
}

.alert-samples .alertSampleContainer .mainSection .footNoteContainer {
    border-top: 1px solid #D6D6D6;
    color: #606366;
    padding-top: 20px;
    margin-top: 20px
}

.alerts-smart-fraud-details .pair section ul.phone-contact li div {
    width: 190px
}

.alerts-smart-fraud-details .panel-large header {
    padding: 0;
    height: 26px;
    background: 0 0;
    border-bottom: 3px solid #666
}

.alerts-smart-spend-cancel .action-bar .tertiary,
.alerts-smart-spend-details .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.alerts-smart-fraud-details .panel-large header h3 {
    line-height: 100%;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    color: #333
}

.alerts-smart-fraud-confirmation .contact-types header {
    padding-left: 0;
    font-weight: 700
}

.alerts-smart-fraud-confirmation .card-list li,
.alerts-smart-fraud-details .card-list li {
    border-top: none
}

.alerts-smart-fraud-confirmation .card-list li:first-child,
.alerts-smart-fraud-details .card-list li:first-child {
    padding-top: 0
}

.alerts-smart-spend-cancel .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.alerts-smart-spend-cancel .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.alerts-smart-spend-cancel .action-bar .primary:only-child {
    margin-left: auto
}

.alerts-smart-spend-cancel .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.alerts-smart-spend-cancel .action-bar .tertiary:focus,
.alerts-smart-spend-cancel .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.alerts-smart-spend-cancel .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.alerts-smart-spend-cancel .action-bar .quaternary~.tertiary {
    margin: 0
}

.alerts-smart-spend-cancel .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.alerts-smart-spend-cancel .action-bar .secondary {
    margin: 0 0 0 auto;
    order: 1
}

.alerts-smart-spend-details .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.alerts-smart-spend-details .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.alerts-smart-spend-details .action-bar .primary:only-child {
    margin-left: auto
}

.alerts-smart-spend-details .action-bar .secondary {
    order: 3
}

.alerts-smart-spend-details .action-bar .tertiary {
    order: 1
}

.alerts-smart-spend-details .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.alerts-smart-spend-details .action-bar .quaternary~.tertiary {
    margin: 0
}

.alerts-smart-spend-details .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.alerts-smart-spend-details .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.alerts-smart-spend-details .action-bar .tertiary:focus,
.alerts-smart-spend-details .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.alerts-smart-spend-setup .account-selection .ui-partial-label:lang(fr) {
    width: 53px
}

.alerts-smart-spend-setup .accounts-table-spend-categories {
    box-sizing: border-box;
    line-height: 100%;
    width: 100%
}

.alerts-smart-spend-setup .accounts-table-spend-categories caption {
    border-bottom: 3px solid #0767A8;
    font-size: 16px;
    padding: 0 15px 8px;
    text-align: left
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody,
.alerts-smart-spend-setup .accounts-table-spend-categories thead {
    box-sizing: border-box
}

.alerts-smart-spend-setup .accounts-table-spend-categories thead tr {
    background-color: #F4F4F4;
    color: #666;
    font-size: 11px;
    font-weight: 700
}

.alerts-smart-spend-setup .accounts-table-spend-categories thead tr th:first-child {
    padding: 15px
}

.alerts-smart-spend-setup .accounts-table-spend-categories thead tr th:nth-child(3) {
    text-align: center
}

.alerts-smart-spend-setup .accounts-table-spend-categories thead tr th:nth-child(3) span {
    margin-right: 60px
}

.alerts-smart-spend-setup .accounts-table-spend-categories thead tr th:not(:first-child) {
    padding: 15px 15px 15px 0
}

.alerts-smart-spend-setup .accounts-table-spend-categories body th:first-child,
.alerts-smart-spend-setup .accounts-table-spend-categories thead th:first-child {
    width: 235px
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody td:nth-child(2),
.alerts-smart-spend-setup .accounts-table-spend-categories thead th:nth-child(2) {
    text-align: right;
    width: 200px
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody td:nth-child(3),
.alerts-smart-spend-setup .accounts-table-spend-categories thead th:nth-child(3) {
    text-align: right;
    width: 205px
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody td:nth-child(4),
.alerts-smart-spend-setup .accounts-table-spend-categories thead th:nth-child(4) {
    text-align: right;
    width: 65px
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody tr {
    border-top: 1px solid #E1E1E1
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody tr.disabled .ui-button.edit-budget-amount,
.alerts-smart-spend-setup .accounts-table-spend-categories tbody tr.disabled ui-button.delete-budget-amount {
    filter: gray;
    cursor: default;
    opacity: .4;
    -moz-opacity: .4;
    -webkit-opacity: .4
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody tr.enabled .ui-button.edit-budget-amount,
.alerts-smart-spend-setup .accounts-table-spend-categories tbody tr.enabled ui-button.delete-budget-amount {
    filter: none;
    cursor: pointer;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody tr th {
    padding: 15px
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody tr:not(:nth-child(3)) th {
    font-weight: 400
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody tr.summary.credit-limit:first-of-type td:nth-of-type(2),
.alerts-smart-spend-setup .accounts-table-spend-categories tbody tr:nth-of-type(2).summary.credit-limit td:nth-of-type(2) {
    box-sizing: border-box;
    padding-right: 101px
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody tr:nth-child(3) th {
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody tr.selected {
    background-color: #F2F9FE
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody tr.selected th {
    padding-left: 15px;
    background-position: 10px 24px
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody tr.selected .ui-button {
    margin-top: 8px;
    vertical-align: top
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody td {
    padding: 15px 15px 15px 0
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody td .ui-button:first-of-type {
    border-right: 1px solid #E1E1E1;
    padding-left: calc(18px + (15px * 2));
    padding-right: 0;
    margin-right: 15px
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody td .ui-button+.ui-button {
    border: none;
    padding: 0
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody td .ui-button:only-of-type {
    border: none;
    margin-right: calc(18px + 20px)
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody td .ui-set-textbox {
    display: inline-block
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody td .ui-set-textbox .ui-set-field {
    margin: 0
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody td .ui-set-textbox .ui-textbox {
    max-width: 101px
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody .ui-alert.ui-scope-inline.ui-display-error div.ui-text {
    text-align: left
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody tr.selected tr {
    padding-bottom: 5px;
    padding-top: 6px
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody tr.selected td:not(.budget-amount-col),
.alerts-smart-spend-setup .accounts-table-spend-categories tbody tr.selected th {
    padding-top: 27px;
    vertical-align: top
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody tr.selected td:nth-child(4) {
    padding-top: 24px
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody tr.selected:not(.summary) th {
    padding-left: calc(15px + 18px + 5px)
}

.alerts-smart-spend-setup .accounts-table-spend-categories tbody label[style='visibility: hidden'] {
    left: -1000000px;
    position: absolute;
    top: -1000000px
}

.alerts-smart-spend-setup .accounts-table-spend-categories .cancel-budget-amount,
.alerts-smart-spend-setup .accounts-table-spend-categories .delete-budget-amount,
.alerts-smart-spend-setup .accounts-table-spend-categories .edit-budget-amount,
.alerts-smart-spend-setup .accounts-table-spend-categories .save-budget-amount {
    background: url(img/icon-edit-red.png) center top/18px no-repeat;
    height: 18px;
    width: 18px
}

.alerts-smart-spend-setup .accounts-table-spend-categories .cancel-budget-amount,
.alerts-smart-spend-setup .accounts-table-spend-categories .delete-budget-amount {
    border-left: solid 1px #dedede;
    padding: 0 22px
}

.alerts-smart-spend-setup .accounts-table-spend-categories .edit-budget-amount,
.alerts-smart-spend-setup .accounts-table-spend-categories .save-budget-amount {
    padding: 0 22px
}

.alerts-smart-spend-setup .accounts-table-spend-categories .delete-budget-amount {
    background-image: url(img/icon-delete-red.png)
}

.alerts-smart-spend-setup .accounts-table-spend-categories .save-budget-amount {
    background-image: url(img/icon_18_confirm.png)
}

.alerts-smart-spend-setup .accounts-table-spend-categories .cancel-budget-amount {
    background-image: url(img/icon_18_cancel.png)
}

.alerts-smart-spend-setup .accounts-table-spend-categories .ui-display-merchant-category-0001 {
    background: url(img/accounts/credit-cards/merchant-category-icons/0001.png) 10px center no-repeat;
    background-size: 18px;
    padding-left: calc(15px + 18px + 5px)
}

.alerts-smart-spend-setup .accounts-table-spend-categories .ui-display-merchant-category-0002 {
    background: url(img/accounts/credit-cards/merchant-category-icons/0002.png) 10px center no-repeat;
    background-size: 18px;
    padding-left: calc(15px + 18px + 5px)
}

.alerts-smart-spend-setup .accounts-table-spend-categories .ui-display-merchant-category-0003 {
    background: url(img/accounts/credit-cards/merchant-category-icons/0003.png) 10px center no-repeat;
    background-size: 18px;
    padding-left: calc(15px + 18px + 5px)
}

.alerts-smart-spend-setup .accounts-table-spend-categories .ui-display-merchant-category-0004 {
    background: url(img/accounts/credit-cards/merchant-category-icons/0004.png) 10px center no-repeat;
    background-size: 18px;
    padding-left: calc(15px + 18px + 5px)
}

.alerts-smart-spend-setup .accounts-table-spend-categories .ui-display-merchant-category-0005 {
    background: url(img/accounts/credit-cards/merchant-category-icons/0005.png) 10px center no-repeat;
    background-size: 18px;
    padding-left: calc(15px + 18px + 5px)
}

.alerts-smart-spend-setup .accounts-table-spend-categories .ui-display-merchant-category-0006 {
    background: url(img/accounts/credit-cards/merchant-category-icons/0006.png) 10px center no-repeat;
    background-size: 18px;
    padding-left: calc(15px + 18px + 5px)
}

.alerts-smart-spend-setup .accounts-table-spend-categories .ui-display-merchant-category-0007 {
    background: url(img/accounts/credit-cards/merchant-category-icons/0007.png) 10px center no-repeat;
    background-size: 18px;
    padding-left: calc(15px + 18px + 5px)
}

.alerts-smart-spend-setup .accounts-table-spend-categories .ui-display-merchant-category-0008 {
    background: url(img/accounts/credit-cards/merchant-category-icons/0008.png) 10px center no-repeat;
    background-size: 18px;
    padding-left: calc(15px + 18px + 5px)
}

.alerts-smart-spend-setup .accounts-table-spend-categories .ui-display-merchant-category-0009 {
    background: url(img/accounts/credit-cards/merchant-category-icons/0009.png) 10px center no-repeat;
    background-size: 18px;
    padding-left: calc(15px + 18px + 5px)
}

.alerts-smart-spend-setup .accounts-table-spend-categories .ui-display-merchant-category-0010 {
    background: url(img/accounts/credit-cards/merchant-category-icons/0010.png) 10px center no-repeat;
    background-size: 18px;
    padding-left: calc(15px + 18px + 5px)
}

.alerts-smart-spend-setup .accounts-table-spend-categories .ui-display-merchant-category-0011 {
    background: url(img/accounts/credit-cards/merchant-category-icons/0011.png) 10px center no-repeat;
    background-size: 18px;
    padding-left: calc(15px + 18px + 5px)
}

.alerts-smart-spend-setup .action-bar .secondary,
.alerts-smart-spend-setup .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.alerts-smart-spend-setup .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.alerts-smart-spend-setup .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.alerts-smart-spend-setup .action-bar .primary:only-child {
    margin-left: auto
}

.alerts-smart-spend-setup .action-bar .secondary {
    order: 3
}

.alerts-smart-spend-setup .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.alerts-smart-spend-setup .action-bar .tertiary:focus,
.alerts-smart-spend-setup .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.alerts-smart-spend-setup .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.alerts-smart-spend-setup .action-bar .quaternary~.tertiary {
    margin: 0
}

.alerts-smart-spend-setup .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.alerts-smart-spend-setup .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.alerts-smart-spend-setup .action-bar .secondary:focus,
.alerts-smart-spend-setup .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.alerts-smart-spend-confirmation .contact-types ul li+li,
.alerts-smart-spend-confirmation tbody tr li+li,
.alerts-smart-spend-confirmation tbody tr+tr {
    border-top: 1px solid #EFEFEF
}

.alerts-smart-spend-confirmation .contact-types {
    display: block;
    margin-bottom: 20px;
    vertical-align: top
}

.alerts-smart-spend-confirmation .contact-types>span:first-of-type {
    font-weight: 700
}

.alerts-smart-spend-confirmation .contact-types ul {
    display: block;
    width: 290px
}

.alerts-smart-spend-confirmation .contact-types ul li {
    padding: 10px 0
}

.alerts-smart-spend-confirmation tbody td:first-of-type,
.alerts-smart-spend-confirmation thead th:first-of-type {
    box-sizing: border-box;
    padding: 10px 15px;
    width: 400px
}

.alerts-smart-spend-confirmation tbody td:nth-of-type(2),
.alerts-smart-spend-confirmation thead th:nth-of-type(2) {
    box-sizing: border-box;
    padding: 10px 15px 10px 0;
    width: 380px
}

.alerts-smart-spend-confirmation thead {
    background: #F2F2F2;
    border-bottom: 1px solid #EFEFEF;
    box-sizing: border-box;
    font-size: 0;
    height: 30px
}

.alerts-smart-spend-confirmation thead th:first-of-type,
.alerts-smart-spend-confirmation thead th:nth-of-type(2) {
    box-sizing: border-box;
    font-size: 11px;
    font-family: Arial;
    font-weight: 700
}

.alerts-smart-spend-confirmation tbody tr {
    vertical-align: top
}

.alerts-smart-spend-confirmation tbody tr td:nth-of-type(2) {
    padding: 0 0 10px
}

.alerts-smart-spend-confirmation tbody tr li {
    padding: 10px 0
}

.alerts-smart-report-confirmation .card-list li:first-child,
.alerts-smart-report-details .card-list li:first-child,
.products .target-product-spotlight .aem:not(div) a.products-prepaid-cards-spotlight img,
.products .target-product-spotlight .aem:not(div) a.products-travel-insurance-spotlight img,
.products div .products-gics-spotlight .aem:not(div).products-prepaid-cards-spotlight img,
.products div .products-gics-spotlight .aem:not(div).products-travel-insurance-spotlight img,
.products div .products-prepaid-cards-spotlight .aem:not(div).products-prepaid-cards-spotlight img,
.products div .products-prepaid-cards-spotlight .aem:not(div).products-travel-insurance-spotlight img {
    padding-top: 0
}

.alerts-smart-spend-confirmation tbody tr a {
    display: inline-block;
    margin: 10px 0
}

.alerts-smart-spend-confirmation .pair+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.alerts-smart-spend-confirmation .pair+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.alerts-smart-spend-confirmation .pair+.action-bar .primary:only-child {
    margin-left: auto
}

.alerts-smart-spend-confirmation .pair+.action-bar .secondary {
    order: 3
}

.alerts-smart-spend-confirmation .pair+.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.alerts-smart-spend-confirmation .pair+.action-bar .tertiary:focus,
.alerts-smart-spend-confirmation .pair+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.alerts-smart-spend-confirmation .pair+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.alerts-smart-spend-confirmation .pair+.action-bar .quaternary~.tertiary {
    margin: 0
}

.alerts-smart-spend-confirmation .pair+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.alerts-smart-spend-confirmation .pair+.action-bar .secondary {
    margin: 2px 0 0 auto
}

.alerts-smart-report-details .panel-large .header {
    padding: 0;
    height: 26px;
    background: 0 0;
    border-bottom: 3px solid #666
}

.alerts-smart-report-confirmation .action-bar .tertiary,
.alerts-smart-report-details .action-bar .secondary,
.alerts-smart-report-details .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.alerts-smart-report-details .panel-large .header h3 {
    line-height: 100%;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    color: #333
}

.alerts-smart-report-details .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.alerts-smart-report-details .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.alerts-smart-report-details .action-bar .primary:only-child {
    margin-left: auto
}

.alerts-smart-report-details .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.alerts-smart-report-details .action-bar .tertiary:focus,
.alerts-smart-report-details .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.alerts-smart-report-details .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.alerts-smart-report-details .action-bar .quaternary~.tertiary {
    margin: 0
}

.alerts-smart-report-details .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.alerts-smart-report-details .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.alerts-smart-report-details .action-bar .secondary:focus,
.alerts-smart-report-details .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.alerts-smart-report-confirmation .contact-types .header {
    padding-left: 0;
    font-weight: 700
}

.alerts-smart-report-confirmation .contact-types ul>li>div:first-child {
    width: 160px
}

.alerts-smart-report-confirmation .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.alerts-smart-report-confirmation .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.alerts-smart-report-confirmation .action-bar .primary:only-child {
    margin-left: auto
}

.alerts-smart-report-confirmation .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.alerts-smart-report-confirmation .action-bar .tertiary:focus,
.alerts-smart-report-confirmation .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.alerts-smart-report-confirmation .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.alerts-smart-report-confirmation .action-bar .quaternary~.tertiary {
    margin: 0
}

.alerts-smart-report-confirmation .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.alerts-smart-report-confirmation .action-bar .secondary {
    margin: 2px 0 0 auto;
    order: 1
}

.alerts-smart-report-confirmation .card-list li,
.alerts-smart-report-details .card-list li {
    border-top: none
}

.products .additional-info {
    background: #F2F2F2
}

.products .additional-info h2 {
    margin-top: 0
}

.products div .products-gics-spotlight .ui-display-link {
    top: 11px
}

.products .target-product-spotlight .aem:not(div) a,
.products div .products-gics-spotlight .aem:not(div),
.products div .products-prepaid-cards-spotlight .aem:not(div) {
    background-color: #F2F3F2;
    color: #383B3E;
    text-decoration: none
}

.products .target-product-spotlight .aem:not(div) a.products-bank-accounts-savings-accounts-spotlight,
.products .target-product-spotlight .aem:not(div) a.products-loans-and-lines-of-credit-loans-spotlight,
.products .target-product-spotlight .aem:not(div) a.products-tfsas-spotlight,
.products div .products-gics-spotlight .aem:not(div).products-bank-accounts-savings-accounts-spotlight,
.products div .products-gics-spotlight .aem:not(div).products-loans-and-lines-of-credit-loans-spotlight,
.products div .products-gics-spotlight .aem:not(div).products-tfsas-spotlight,
.products div .products-prepaid-cards-spotlight .aem:not(div).products-bank-accounts-savings-accounts-spotlight,
.products div .products-prepaid-cards-spotlight .aem:not(div).products-loans-and-lines-of-credit-loans-spotlight,
.products div .products-prepaid-cards-spotlight .aem:not(div).products-tfsas-spotlight {
    background-color: #D3EDEE
}

.products .target-product-spotlight .aem:not(div) a.products-credit-cards-student-cards-spotlight.fr,
.products div .products-gics-spotlight .aem:not(div).products-credit-cards-student-cards-spotlight.fr,
.products div .products-prepaid-cards-spotlight .aem:not(div).products-credit-cards-student-cards-spotlight.fr {
    background-color: #F2F3F2
}

.products .target-product-spotlight .aem:not(div) a.products-prepaid-cards-spotlight,
.products .target-product-spotlight .aem:not(div) a.products-travel-insurance-spotlight,
.products div .products-gics-spotlight .aem:not(div).products-prepaid-cards-spotlight,
.products div .products-gics-spotlight .aem:not(div).products-travel-insurance-spotlight,
.products div .products-prepaid-cards-spotlight .aem:not(div).products-prepaid-cards-spotlight,
.products div .products-prepaid-cards-spotlight .aem:not(div).products-travel-insurance-spotlight {
    background-color: #F5E3E8
}

.products .target-product-spotlight .aem:not(div) a.products-prepaid-cards-spotlight.products-prepaid-cards-spotlight,
.products .target-product-spotlight .aem:not(div) a.products-travel-insurance-spotlight.products-prepaid-cards-spotlight,
.products div .products-gics-spotlight .aem:not(div).products-prepaid-cards-spotlight.products-prepaid-cards-spotlight,
.products div .products-gics-spotlight .aem:not(div).products-travel-insurance-spotlight.products-prepaid-cards-spotlight,
.products div .products-prepaid-cards-spotlight .aem:not(div).products-prepaid-cards-spotlight.products-prepaid-cards-spotlight,
.products div .products-prepaid-cards-spotlight .aem:not(div).products-travel-insurance-spotlight.products-prepaid-cards-spotlight {
    height: 300px
}

.products .target-product-spotlight .aem:not(div) a.products-loans-and-lines-of-credit-student-lines-of-credit-spotlight,
.products .target-product-spotlight .aem:not(div) a.products-rrsps-spotlight,
.products div .products-gics-spotlight .aem:not(div).products-loans-and-lines-of-credit-student-lines-of-credit-spotlight,
.products div .products-gics-spotlight .aem:not(div).products-rrsps-spotlight,
.products div .products-prepaid-cards-spotlight .aem:not(div).products-loans-and-lines-of-credit-student-lines-of-credit-spotlight,
.products div .products-prepaid-cards-spotlight .aem:not(div).products-rrsps-spotlight {
    background-color: #DEE9F7
}

.products .target-product-spotlight .aem:not(div) a.products-rrsps-spotlight img,
.products div .products-gics-spotlight .aem:not(div).products-rrsps-spotlight img,
.products div .products-prepaid-cards-spotlight .aem:not(div).products-rrsps-spotlight img {
    width: auto;
    position: absolute
}

.banking-tool-widget,
.target-main-body-full img,
.target-main-body-partial img {
    position: relative
}

.products .target-product-spotlight .aem:not(div) a.products-tfsas-spotlight img,
.products div .products-gics-spotlight .aem:not(div).products-tfsas-spotlight img,
.products div .products-prepaid-cards-spotlight .aem:not(div).products-tfsas-spotlight img {
    height: auto
}

.products .target-product-spotlight .aem:not(div) a .promo-headline,
.products div .products-gics-spotlight .aem:not(div) .promo-headline,
.products div .products-prepaid-cards-spotlight .aem:not(div) .promo-headline {
    font-family: WhitneyBookRegular;
    font-size: 24px;
    font-weight: 400
}

.products .target-product-spotlight .aem:not(div) a .promo-body,
.products div .products-gics-spotlight .aem:not(div) .promo-body,
.products div .products-prepaid-cards-spotlight .aem:not(div) .promo-body {
    padding-bottom: 10px
}

.products .target-product-spotlight .aem:not(div) a .promo-product,
.products div .products-gics-spotlight .aem:not(div) .promo-product,
.products div .products-prepaid-cards-spotlight .aem:not(div) .promo-product {
    font-weight: 700
}

.products .target-product-spotlight .aem:not(div) a .promo-body,
.products .target-product-spotlight .aem:not(div) a .promo-link,
.products .target-product-spotlight .aem:not(div) a .promo-product,
.products div .products-gics-spotlight .aem:not(div) .promo-body,
.products div .products-gics-spotlight .aem:not(div) .promo-link,
.products div .products-gics-spotlight .aem:not(div) .promo-product,
.products div .products-prepaid-cards-spotlight .aem:not(div) .promo-body,
.products div .products-prepaid-cards-spotlight .aem:not(div) .promo-link,
.products div .products-prepaid-cards-spotlight .aem:not(div) .promo-product {
    font-size: 13px
}

.products .target-product-spotlight .aem:not(div) a .ui-button.ui-display-default.ui-size-medium,
.products div .products-gics-spotlight .aem:not(div) .ui-button.ui-display-default.ui-size-medium,
.products div .products-prepaid-cards-spotlight .aem:not(div) .ui-button.ui-display-default.ui-size-medium {
    margin-top: 12px;
    line-height: 40px;
    background-color: #C41F3E;
    color: #fff
}

.products .target-product-spotlight .aem:not(div) a .ui-button.ui-display-default.ui-size-medium:focus,
.products .target-product-spotlight .aem:not(div) a .ui-button.ui-display-default.ui-size-medium:hover,
.products div .products-gics-spotlight .aem:not(div) .ui-button.ui-display-default.ui-size-medium:focus,
.products div .products-gics-spotlight .aem:not(div) .ui-button.ui-display-default.ui-size-medium:hover,
.products div .products-prepaid-cards-spotlight .aem:not(div) .ui-button.ui-display-default.ui-size-medium:focus,
.products div .products-prepaid-cards-spotlight .aem:not(div) .ui-button.ui-display-default.ui-size-medium:hover {
    background-color: #8B1D41
}

.products .target-product-spotlight .aem:not(div) a .promo-button,
.products div .products-gics-spotlight .aem:not(div) .promo-button,
.products div .products-prepaid-cards-spotlight .aem:not(div) .promo-button {
    margin-top: 24px
}

.products .target-product-spotlight .aem:not(div) a .promo-link,
.products .target-product-spotlight .aem:not(div) a .ui-display-link,
.products div .products-gics-spotlight .aem:not(div) .promo-link,
.products div .products-gics-spotlight .aem:not(div) .ui-display-link,
.products div .products-prepaid-cards-spotlight .aem:not(div) .promo-link,
.products div .products-prepaid-cards-spotlight .aem:not(div) .ui-display-link {
    text-decoration: none
}

.products .target-product-spotlight .aem:not(div) a .promo-link:focus,
.products .target-product-spotlight .aem:not(div) a .promo-link:hover,
.products .target-product-spotlight .aem:not(div) a .ui-display-link:focus,
.products .target-product-spotlight .aem:not(div) a .ui-display-link:hover,
.products div .products-gics-spotlight .aem:not(div) .promo-link:focus,
.products div .products-gics-spotlight .aem:not(div) .promo-link:hover,
.products div .products-gics-spotlight .aem:not(div) .ui-display-link:focus,
.products div .products-gics-spotlight .aem:not(div) .ui-display-link:hover,
.products div .products-prepaid-cards-spotlight .aem:not(div) .promo-link:focus,
.products div .products-prepaid-cards-spotlight .aem:not(div) .promo-link:hover,
.products div .products-prepaid-cards-spotlight .aem:not(div) .ui-display-link:focus,
.products div .products-prepaid-cards-spotlight .aem:not(div) .ui-display-link:hover {
    text-decoration: underline
}

.products .target-product-spotlight .aem:not(div) a .promo-link:after,
.products .target-product-spotlight .aem:not(div) a .ui-display-link:after,
.products div .products-gics-spotlight .aem:not(div) .promo-link:after,
.products div .products-gics-spotlight .aem:not(div) .ui-display-link:after,
.products div .products-prepaid-cards-spotlight .aem:not(div) .promo-link:after,
.products div .products-prepaid-cards-spotlight .aem:not(div) .ui-display-link:after {
    content: "";
    background: url(/index_files/icon-chevron-right.png) right no-repeat;
    background-size: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle
}

.products .additional-info,
.products .callout-section {
    margin-top: 30px;
    padding: 10px 10px 15px
}

.products .bank-account-table-1 tr td,
.products .bank-account-table-2 tr td {
    padding-right: 0
}

.products .bank-account-table-1 {
    float: left;
    margin-right: 15px;
    width: 515px
}

.products .bank-account-table-2 {
    width: 250px
}

.products .learn-more {
    margin: 10px 0
}

.products .page-note {
    margin-top: 30px
}

.products .page-note h2 {
    background-size: 16px
}

.products .page-note ol {
    margin-left: 22px
}

.products .product-info {
    height: 340px;
    margin-top: 20px
}

@-moz-document url-prefix() {
    .products .product-info thead {
        height: 0 !important
    }
}

.products .product-info tr td {
    vertical-align: top;
    width: 250px
}

.products .flex-container .content .link:after,
.products .flex-container .tile .apply-link:after {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
    content: ""
}

.products .product-info tr.product-headings td {
    padding-bottom: 0
}

.products .product-info tr.learn-more td,
.products .product-info tr.product-action td {
    background: 0 0;
    padding-top: 0
}

.products .product-info tr.learn-more td {
    padding-left: 20px
}

.products .product-info tr.learn-more td:first-of-type {
    padding-left: 10px
}

.products .flex-container .tile .apply-link {
    padding-top: 16px;
    text-decoration: none
}

.products .flex-container .tile .apply-link:focus,
.products .flex-container .tile .apply-link:hover {
    text-decoration: underline
}

.products .flex-container .tile .apply-link:after {
    background: url(/index_files/icon-chevron-right.png) right no-repeat;
    background-size: 18px
}

.products .flex-container .content .link {
    padding-top: 16px;
    text-decoration: none
}

.products .flex-container .content .link:focus,
.products .flex-container .content .link:hover {
    text-decoration: underline
}

.products .flex-container .content .link:after {
    background: url(/index_files/icon-chevron-right.png) right no-repeat;
    background-size: 18px
}

.products .table-shadow tr td {
    padding-right: 25px
}

.products .introduction ul li,
.products .ui-collapsible ul li,
.products td ul li {
    background: linear-gradient(to right, #000, #000);
    background-position: 0 8px;
    background-size: 3px 3px;
    background-repeat: no-repeat;
    margin: 5px 0;
    padding-left: 13px
}

.products .additional-content .content,
.products .additional-content .title {
    float: left
}

.products .additional-content .title {
    color: #383B3E;
    font-size: 13px;
    padding-bottom: 10px;
    font-weight: 700
}

.products .additional-content .call-us {
    color: #383B3E;
    display: inline-block;
    padding-left: 10px;
    font-size: 12px
}

.products .additional-content .link {
    border-right: solid 1px #D6D6D6;
    padding-right: 10px;
    font-size: 12px;
    font-family: Arial
}

.products .cc-instructions {
    padding: 10px 0
}

.products .cc-instructions li {
    list-style-type: square;
    margin-left: 15px
}

.products .cc-instructions p {
    margin: 0
}

.products .cc-instructions p a {
    display: inline-block;
    margin-bottom: 15px
}

.products .cc-instructions p a:last-of-type {
    margin-bottom: 0
}

.products .cc-instructions p:last-of-type {
    margin-top: 20px
}

.products .find-a-branch-or-atm {
    float: right;
    font-weight: 700
}

.products .find-a-branch-or-atm .website {
    padding-right: 20px
}

.products .find-a-branch-or-atm .website>a {
    text-decoration: none;
    background: url(img/icon_locator.png) -4px -2px no-repeat;
    background-size: 24px;
    padding: 2px 0 0 24px;
    display: inline-block;
    font-weight: 400
}

.products .find-a-branch-or-atm .website>a:focus,
.products .find-a-branch-or-atm .website>a:hover {
    text-decoration: underline
}

.products .have-a-question {
    background: url(img/icon_question.png) 24px center no-repeat #F2F3F2;
    background-size: 32px;
    border-radius: 4px;
    margin: 30px 0;
    min-height: 80px;
    padding: 20px 24px 0 55px
}

.products .have-a-question div {
    float: left
}

.products .have-a-question .button {
    float: right;
    padding-top: 8px
}

.products .have-a-question .title {
    border-right: 1px solid #BBBCBC;
    padding: 20px 16px
}

.products .have-a-question .title h2 {
    color: #383B3E;
    font-size: 22px;
    font-family: WhitneyBookRegular
}

.products .have-a-question .description {
    color: #383B3E;
    padding-left: 16px;
    padding-top: 22px
}

.products .have-a-question .description:lang(fr) {
    padding-top: 0;
    width: 248px
}

.products .header-content {
    padding-bottom: 20px
}

.products .header-highlight {
    border-bottom: 3px solid #BBBCBC;
    line-height: 100%;
    margin-bottom: 16px;
    padding: 10px 0;
    text-align: left;
    width: 780px
}

.products .header-highlight h2 {
    font-family: WhitneyMedium;
    font-size: 18px
}

.products .product-compare {
    text-align: right;
    height: 42px;
    margin-bottom: 32px;
    margin-top: 12px;
    padding-top: 22px;
    border-top: 1px solid #BBBCBC
}

.products .product-compare .ui-display-default {
    background-color: transparent;
    border: 1px solid #C41F3E;
    color: #C41F3E
}

.products .product-compare .ui-display-default:focus,
.products .product-compare .ui-display-default:hover {
    background-color: #8B1D41;
    border-color: #8B1D41;
    color: #FFF
}

.products .reload-btn.ui-display-default {
    margin-left: 10px
}

.products .terms-conditions ul {
    margin-top: 20px
}

.products .terms-conditions ul li {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 15px
}

.products .terms-conditions ul li:last-of-type {
    padding-bottom: 0
}

.products .terms-conditions.prepaid {
    margin: 40px 0 30px
}

.products .terms-conditions.prepaid .ui-collapsible-collection .ui-title {
    color: #383B3E;
    font-size: 14px;
    font-family: WhitneyBookRegular;
    margin-bottom: 0
}

.products .terms-conditions.prepaid .table-shadow.prepaid-card-fees-table tbody th {
    font-weight: 700
}

.products .tools-and-resources {
    margin: 30px 0
}

.products .tools-and-resources h2 {
    color: #383B3E;
    font-size: 16px;
    margin-bottom: 20px;
    font-family: WhitneyMedium
}

.products .tools-and-resources ul li {
    padding-bottom: 15px
}

.products .tools-and-resources ul li:last-of-type {
    padding-bottom: 0
}

.products .tile-set.ads-offers {
    background: url(img/floating-percy.png) right center no-repeat #D7EEEF;
    max-height: 320px;
    min-height: 320px;
    min-width: 100%
}

.products .tile-set.ads-offers .tile {
    background: 0 0;
    margin: 0;
    padding: 50px 35px 30px;
    text-align: center
}

.products .tile-set.ads-offers .tile .title {
    color: #383B3E;
    font-family: WhitneyBookRegular;
    font-size: 32px;
    line-height: 40px
}

.products .tile-set.ads-offers .tile p,
.products .tile-set.prepaid-card-banner div.content {
    font-size: 14px
}

.products .tile-set.ads-offers .tile .title~p {
    margin-top: 30px
}

.products .tile-set.ads-offers .tile p~.ui-button {
    margin-top: 6px
}

.products .tile-set.prepaid-card-banner {
    background: url(img/prepaid-banner.png) right no-repeat #DCEEC4;
    background-size: 280px 360px;
    max-height: 360px;
    min-height: 360px;
    min-width: 100%
}

.net-worth-graph .assets ul.graph,
.net-worth-graph .liabilities ul.graph {
    min-width: 1px
}

.products .tile-set.prepaid-card-banner div.content ul {
    list-style-type: square;
    margin-left: 20px
}

.products .tile-set.prepaid-card-banner div.content ul li {
    margin-bottom: 15px
}

.products .tile-set.prepaid-card-banner div.content ul li:last-child {
    margin-bottom: 0
}

.products .tile-set.prepaid-card-banner .tile {
    background: 0 0;
    margin: 0;
    padding: 40px 32px 40px 35px;
    text-align: left
}

.products .tile-set.prepaid-card-banner .tile .title {
    color: #383B3E;
    font-family: WhitneyBookRegular;
    font-size: 32px;
    line-height: 40px;
    padding-bottom: 20px
}

.products .tile-set.two-column.main-account-offers .tile .title,
.products .tile-set.two-column.main-account-offers .tile .title a {
    font-size: 18px
}

.products .tile-set.three-column.main-account-offers div.content .amount,
.products .tile-set.two-column.main-account-offers .tile .amount,
.products .tile-set.two-column.main-account-offers .tile div.content p:first-of-type,
.products .tile-set.two-column.prepaid-benefits .tile .title {
    font-size: 16px;
    font-family: WhitneyMedium
}

.products .tile-set.two-column.prepaid-offers .tile .content,
.products .tile-set.two-column.prepaid-offers .tile .cta,
.products .tile-set.two-column.prepaid-offers .tile .title {
    text-align: left
}

.products .tile-set.two-column.prepaid-offers .tile ul {
    list-style-type: square;
    margin-left: 20px
}

.products .tile-set.two-column.prepaid-offers .tile ul li {
    margin-bottom: 15px
}

.products .tile-set.two-column.prepaid-offers .tile ul li:last-child {
    margin-bottom: 0
}

.products .tile-set.two-column.prepaid-benefits {
    margin: 20px 0 0
}

.products .tile-set.two-column.prepaid-benefits .tile {
    background: 0 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.products .tile-set.two-column.prepaid-benefits .tile .content,
.products .tile-set.two-column.prepaid-benefits .tile .cta,
.products .tile-set.two-column.prepaid-benefits .tile .title {
    padding-left: 0;
    text-align: left
}

.products .tile-set.two-column.prepaid-benefits .tile dl {
    margin: 0;
    padding: 0
}

.products .tile-set.two-column.prepaid-benefits .tile dl dt {
    font-weight: 700;
    margin: 0 0 15px;
    padding: 0
}

.products .tile-set.two-column.prepaid-benefits .tile dl dd {
    margin: 0 0 25px;
    padding: 0
}

.products .tile-set.two-column.prepaid-benefits .tile dl dd:last-of-type {
    margin-bottom: 0
}

.products .tile-set.two-column.prepaid-benefits .tile .title {
    padding: 5px 0 7px;
    text-decoration: none
}

.products .tile-set.two-column.prepaid-benefits .tile ul {
    list-style-type: square;
    margin-left: 20px
}

.products .tile-set.two-column.prepaid-benefits .tile ul li {
    margin-bottom: 15px
}

.products .tile-set.two-column.prepaid-benefits .tile ul li:last-child {
    margin-bottom: 0
}

.products .tile-set.two-column.lines-of-credit p,
.products .tile-set.two-column.student-lines-of-credit p,
.products .tile-set.two-column.variable-mortgages p {
    margin-top: 25px
}

.products .tile-set.two-column.lines-of-credit p:nth-child(1),
.products .tile-set.two-column.student-lines-of-credit p:nth-child(1),
.products .tile-set.two-column.variable-mortgages p:nth-child(1) {
    margin-top: 0
}

.products .tile-set.three-column.cashable-tfsa-gics .cta,
.products .tile-set.three-column.non-redeemable-gics .cta,
.products .tile-set.two-column.cashable-gics .cta {
    padding-top: 20px
}

.products .tile-set.two-column.retail-rewards-cards .tile {
    text-align: center
}

.products .tile-set.two-column.retail-rewards-cards .tile div.tile-image {
    height: 100px;
    padding-top: 30px;
    background-color: #E2E2E2
}

.products .tile-set.two-column.retail-rewards-cards .tile div.tile-image img {
    width: 165px
}

.products .tile-set.two-column.prepaid-offers .tile .title {
    text-decoration: none
}

.products .tile-set.two-column.prepaid-offers .tile div.tile-image {
    background-color: #E2E2E2;
    height: 155px;
    padding-top: 20px
}

.products .tile-set.two-column.prepaid-offers .tile div.tile-image img {
    width: 205px
}

.products .tile-set.two-column.prepaid-offers .tile.cibc-smart-prepaid-travel-visa div.tile-image {
    padding: 0 0 20px
}

.products .tile-set.two-column.prepaid-offers .tile.cibc-smart-prepaid-travel-visa div.tile-image img {
    width: 380px
}

.products .tile-set.two-column.prepaid-offers .tile .cta a:not(:nth-child(1)) {
    margin-left: 16px
}

.products .tile-set.three-column.business-cards li.tile,
.products .tile-set.three-column.cash-back-cards li.tile,
.products .tile-set.three-column.cross-border-banking li.tile,
.products .tile-set.three-column.everyday-cards li.tile,
.products .tile-set.three-column.retail-rewards-cards li.tile,
.products .tile-set.three-column.student-cards li.tile,
.products .tile-set.three-column.travel-rewards-cards li.tile {
    text-align: center;
    background-color: #F2F3F2
}

.products .tile-set.three-column.business-cards li.tile div.tile-image,
.products .tile-set.three-column.cash-back-cards li.tile div.tile-image,
.products .tile-set.three-column.cross-border-banking li.tile div.tile-image,
.products .tile-set.three-column.everyday-cards li.tile div.tile-image,
.products .tile-set.three-column.retail-rewards-cards li.tile div.tile-image,
.products .tile-set.three-column.student-cards li.tile div.tile-image,
.products .tile-set.three-column.travel-rewards-cards li.tile div.tile-image {
    background-color: #DDDAD5;
    height: 65px;
    padding-top: 25px
}

.products .tile-set.three-column.business-cards li.tile div.tile-image img,
.products .tile-set.three-column.cash-back-cards li.tile div.tile-image img,
.products .tile-set.three-column.cross-border-banking li.tile div.tile-image img,
.products .tile-set.three-column.everyday-cards li.tile div.tile-image img,
.products .tile-set.three-column.retail-rewards-cards li.tile div.tile-image img,
.products .tile-set.three-column.student-cards li.tile div.tile-image img,
.products .tile-set.three-column.travel-rewards-cards li.tile div.tile-image img {
    width: 120px
}

.products .tile-set.three-column.business-cards li.tile.cibc-usa-personal-account .tile-image,
.products .tile-set.three-column.business-cards li.tile.cross-border-mortgage .tile-image,
.products .tile-set.three-column.cash-back-cards li.tile.cibc-usa-personal-account .tile-image,
.products .tile-set.three-column.cash-back-cards li.tile.cross-border-mortgage .tile-image,
.products .tile-set.three-column.cross-border-banking li.tile.cibc-usa-personal-account .tile-image,
.products .tile-set.three-column.cross-border-banking li.tile.cross-border-mortgage .tile-image,
.products .tile-set.three-column.everyday-cards li.tile.cibc-usa-personal-account .tile-image,
.products .tile-set.three-column.everyday-cards li.tile.cross-border-mortgage .tile-image,
.products .tile-set.three-column.retail-rewards-cards li.tile.cibc-usa-personal-account .tile-image,
.products .tile-set.three-column.retail-rewards-cards li.tile.cross-border-mortgage .tile-image,
.products .tile-set.three-column.student-cards li.tile.cibc-usa-personal-account .tile-image,
.products .tile-set.three-column.student-cards li.tile.cross-border-mortgage .tile-image,
.products .tile-set.three-column.travel-rewards-cards li.tile.cibc-usa-personal-account .tile-image,
.products .tile-set.three-column.travel-rewards-cards li.tile.cross-border-mortgage .tile-image {
    height: auto;
    padding-top: 0
}

.products .tile-set.three-column.business-cards li.tile.cibc-usa-personal-account .tile-image img,
.products .tile-set.three-column.business-cards li.tile.cross-border-mortgage .tile-image img,
.products .tile-set.three-column.cash-back-cards li.tile.cibc-usa-personal-account .tile-image img,
.products .tile-set.three-column.cash-back-cards li.tile.cross-border-mortgage .tile-image img,
.products .tile-set.three-column.cross-border-banking li.tile.cibc-usa-personal-account .tile-image img,
.products .tile-set.three-column.cross-border-banking li.tile.cross-border-mortgage .tile-image img,
.products .tile-set.three-column.everyday-cards li.tile.cibc-usa-personal-account .tile-image img,
.products .tile-set.three-column.everyday-cards li.tile.cross-border-mortgage .tile-image img,
.products .tile-set.three-column.retail-rewards-cards li.tile.cibc-usa-personal-account .tile-image img,
.products .tile-set.three-column.retail-rewards-cards li.tile.cross-border-mortgage .tile-image img,
.products .tile-set.three-column.student-cards li.tile.cibc-usa-personal-account .tile-image img,
.products .tile-set.three-column.student-cards li.tile.cross-border-mortgage .tile-image img,
.products .tile-set.three-column.travel-rewards-cards li.tile.cibc-usa-personal-account .tile-image img,
.products .tile-set.three-column.travel-rewards-cards li.tile.cross-border-mortgage .tile-image img {
    width: auto
}

.products.bank-accounts .tile-set .tile {
    text-align: center;
    background-color: #F2F3F2
}

.products .tile-set.three-column.main-account-offers .tile {
    background-color: #F2F3F2
}

.products .tile-set.three-column.main-account-offers .tile .tile-image {
    align-items: center;
    background-color: #DDDAD5;
    display: flex;
    display: -webkit-flex;
    height: 115px;
    padding: 0
}

.products .tile-set.three-column.main-account-offers .tile.cibc-advantage-debit-card .tile-image img,
.products .tile-set.three-column.main-account-offers .tile.cibc-visa-aventura-infinite-card-en .tile-image img {
    width: 130px
}

.products .tile-set.three-column.main-account-offers div.content p {
    margin-top: 12px
}

.products .tile-set {
    margin: 24px 0 0
}

.products .tile-set .tile {
    background-color: #F2F3F2
}

.products .tile-set .tile.cibc-smart-banking-business div>.title {
    padding: 32px 0 16px
}

.products .tile-set .tile.cibc-smart-banking-business div>.title a {
    font-size: 18px;
    font-family: WhitneyMedium
}

.products .tile-set .tile div>.title {
    line-height: 24px;
    font-size: 18px;
    color: #383B3E;
    text-decoration: underline
}

.products .tile-set .tile .amount,
.products .tile-set .tile .content,
.products .tile-set .tile .content p,
.products .tile-set .tile .cta,
.products .tile-set .tile .title,
.products .tile-set .tile div.cta {
    color: #383B3E
}

.products .tile-set .tile.CIBC-OLB-TFSA .title {
    padding-left: 12px;
    padding-right: 12px
}

.products .tile-set.four-column.other-account-offers .tile .title {
    color: #383B3E;
    font-family: WhitneyMedium;
    font-size: 18px
}

.products .tile-set.four-column.other-account-offers .tile .content p {
    font-size: 12px
}

.products .tile-set .cta .cta-button.ui-button.ui-size-medium {
    align-items: center;
    display: inline-flex;
    line-height: 34px;
    padding: 0 30px
}

.products .table-shadow.prepaid-card-fees-table td,
.products .table-shadow.prepaid-card-fees-table th {
    border-bottom: 1px solid #BBBCBC;
    border-top: none
}

.products .table-shadow.prepaid-card-fees-table td p.normal,
.products .table-shadow.prepaid-card-fees-table th p.normal {
    font-weight: 400;
    margin-top: 10px
}

.products .table-shadow.prepaid-card-fees-table th.cad {
    padding-left: 0
}

.products .table-shadow.prepaid-card-fees-table th.atm-outside,
.products .table-shadow.prepaid-card-fees-table th.foreign {
    padding-bottom: 15px;
    padding-top: 15px
}

.products .table-shadow.prepaid-card-fees-table th.transaction-limits {
    padding-top: 30px
}

.products .table-shadow.prepaid-card-fees-table tr.last td,
.products .table-shadow.prepaid-card-fees-table tr.last th {
    border: none
}

.products .table-shadow.prepaid-card-fees-table tfoot tr td {
    padding: 0 15px 15px
}

.products .ui-collapsible-pane .ui-collapsible>div {
    padding-bottom: 20px
}

.products .ui-collapsible-pane .ui-collapsible>div .fee-schedule {
    background-size: 16px;
    color: #383B3E;
    font-size: 12px;
    font-family: Arial;
    font-weight: 700
}

.products .ui-collapsible-pane .ui-title,
.products .ui-collapsible-pane .ui-title h2 {
    background-size: 16px;
    color: #383B3E;
    font-size: 16px;
    font-family: WhitneyMedium
}

.products .cta ui-button a {
    color: #FFF
}

.products.bank-accounts.savings-accounts.page-wide .tile-set.main-account-offers.three-column p sup {
    top: -0em
}

.products h2 sup,
.products h3 sup {
    font-size: 50%;
    top: -1em;
    display: inline-block;
    padding-bottom: 10px
}

.products .nowrap {
    white-space: nowrap
}

.chequing-accounts .business-accounts-services .tile {
    background-color: #F2F3F2;
    height: 456px
}

.chequing-accounts .business-accounts-services.two-column div.tile div.tile-image~.title {
    font-size: 22px;
    color: #383B3E;
    min-height: unset;
    padding: 30px 15px 20px
}

.chequing-accounts .business-accounts-services .content {
    color: #383B3E
}

.chequing-accounts .business-accounts-services .cta {
    font-size: 13px
}

.digital-services .main-account-offers .cibc-smart-banking-business {
    background-color: #f2f3f2;
    padding: 0 0 0 20px !important
}

.digital-services .main-account-offers .cibc-smart-banking-business:lang(fr) {
    padding: 0 0 30px 20px !important
}

.digital-services .main-account-offers .cibc-smart-banking-business .tile-image img {
    float: right;
    height: 250px;
    width: 330px;
    clear: both
}

.digital-services .main-account-offers .cibc-smart-banking-business .title {
    color: #383B3E;
    font-family: WhitneyMedium;
    line-height: normal;
    padding: 30px 0
}

.digital-services .main-account-offers .cibc-smart-banking-business .title :hover {
    color: #C41F3E
}

.digital-services .main-account-offers .cibc-smart-banking-business .title a {
    font-size: 24px;
    font-family: WhitneyBookRegular
}

.digital-services .main-account-offers .cibc-smart-banking-business .content p {
    color: #383B3E;
    font-family: Arial;
    font-size: 13px
}

.advertisement-target {
    overflow: hidden
}

.advertisement-target span,
.advertisement-target>a {
    display: block;
    text-decoration: none
}

.advertisement-target .aem a {
    text-decoration: none
}

.advertisement-target a,
.advertisement-target span {
    color: #383B3E;
    cursor: pointer;
    font-family: Arial;
    line-height: 1.35em;
    margin: 0;
    padding: 0;
    position: relative
}

.advertisement-target .promo-link:focus,
.advertisement-target .promo-link:hover,
.advertisement-target a:focus .promo-link,
.advertisement-target a:focus a:not(.ui-button),
.advertisement-target a:not(.ui-button):focus,
.advertisement-target a:not(.ui-button):hover,
.advertisement-target span:focus .promo-link,
.advertisement-target span:focus a:not(.ui-button) {
    color: #C41F3E
}

.advertisement-target span {
    padding-left: 20px;
    padding-right: 20px;
    white-space: normal
}

.advertisement-target span.sup-text {
    display: inline;
    color: inherit;
    font-size: .6em;
    line-height: 100%;
    padding: 0;
    vertical-align: text-top
}

.advertisement-target span.promo-headline {
    font-family: WhitneyMedium;
    font-size: 16px;
    font-weight: 700;
    padding-top: 15px;
    padding-bottom: 10px
}

.advertisement-target span.promo-link {
    color: #383B3E;
    cursor: pointer;
    padding-top: 15px;
    text-decoration: underline
}

.target-navigation-task {
    margin-top: 30px;
    width: 140px
}

.target-navigation-task a span {
    padding-left: 10px;
    padding-right: 10px;
    white-space: normal
}

.target-navigation-task a span.promo-headline {
    padding-top: 20px
}

.target-credit-quick-link,
.target-deposit-quick-link,
.target-non-registered-investment-quick-link,
.target-registered-investment-quick-link {
    margin-bottom: -20px;
    margin-left: -15px;
    padding-top: 20px;
    width: 200px
}

.target-credit-quick-link a span,
.target-deposit-quick-link a span,
.target-non-registered-investment-quick-link a span,
.target-registered-investment-quick-link a span {
    padding-left: 15px;
    padding-right: 15px;
    white-space: normal
}

.target-credit-quick-link a span.promo-headline,
.target-deposit-quick-link a span.promo-headline,
.target-non-registered-investment-quick-link a span.promo-headline,
.target-registered-investment-quick-link a span.promo-headline {
    font-size: 14px;
    padding-top: 20px
}

.target-main-body-full {
    width: 780px
}

.target-main-body-full a {
    display: flex;
    flex-direction: row;
    width: 100%
}

.target-main-body-full span {
    padding-left: 0;
    padding-right: 0
}

.target-main-body-full span.content {
    padding: 0;
    max-width: 570px
}

.target-main-body-full span.promo-headline {
    font-size: 21px;
    padding-top: 25px
}

.target-main-body-full span.promo-body {
    font-size: 14px
}

.target-main-body-full span.promo-link {
    font-size: 14px;
    padding-bottom: 25px
}

.target-main-body-full-without-image {
    border: 1px solid #C3C3C3;
    margin-bottom: 15px;
    padding-bottom: 20px
}

.target-main-body-full-without-image span.promo-headline {
    font-size: 18px;
    padding-bottom: 10px;
    padding-top: 20px
}

.target-main-body-full-without-image span.promo-body {
    font-size: 14px
}

.target-main-body-full-without-image span.promo-link {
    display: inline;
    font-size: 14px;
    padding-left: 10px;
    padding-top: 10px
}

.target-right-rail {
    width: 220px
}

.target-right-rail span {
    padding-left: 15px;
    padding-right: 15px
}

.target-right-rail span.promo-headline {
    font-size: 17px;
    padding-bottom: 5px;
    padding-top: 25px
}

.target-right-rail span.promo-body {
    padding-top: 5px
}

.target-main-body-partial {
    width: 540px
}

.target-main-body-partial a {
    display: flex;
    flex-direction: row;
    width: 100%
}

.target-main-body-partial span {
    padding-left: 0;
    padding-right: 0
}

.target-main-body-partial span.content {
    padding: 0;
    max-width: 380px
}

.target-main-body-partial span.promo-headline {
    font-size: 21px;
    padding-top: 25px
}

.target-main-body-partial span.promo-body {
    font-size: 14px
}

.target-main-body-partial span.promo-link {
    font-size: 14px;
    padding-bottom: 25px
}

.target-credit-group-header a,
.target-deposit-group-header a,
.target-investment-group-header a,
.target-non-registered-investment-group-header a,
.target-registered-investment-group-header a {
    cursor: pointer;
    display: inline
}

.target-credit-group-body,
.target-deposit-group-body,
.target-investment-group-body,
.target-non-registered-investment-group-body,
.target-registered-investment-group-body {
    color: #606366
}

.target-credit-group-body a,
.target-deposit-group-body a,
.target-investment-group-body a,
.target-non-registered-investment-group-body a,
.target-registered-investment-group-body a {
    cursor: pointer;
    display: inline-block
}

.target-ghost-account {
    border-left: 5px solid #999
}

.target-ghost-account span.product {
    color: #999;
    font: 15px Arial;
    padding-left: 7px;
    padding-right: 15px
}

.target-ghost-account span.amount {
    color: #999;
    font: 13px Arial;
    font-weight: 700;
    float: right
}

.target-ghost-account span.link {
    color: #D40139;
    font: 12px Arial;
    padding-left: 7px;
    padding-right: 15px;
    padding-top: 10px
}

.target-register-confirmation-right span.promo-link:focus,
.target-register-confirmation-right span.promo-link:hover,
.target-signon-anchor span.promo-link:focus,
.target-signon-anchor span.promo-link:hover,
.target-signon-rotating span.promo-link:focus,
.target-signon-rotating span.promo-link:hover {
    color: #C41F3E
}

.target-signon-rotating {
    height: 180px;
    overflow: hidden;
    margin-bottom: 20px;
    width: 465px
}

.target-signon-rotating img {
    height: 180px;
    width: 410px
}

.target-signon-rotating span {
    padding-left: 20px;
    padding-right: 20px;
    width: 210px
}

.target-signon-rotating span.promo-headline {
    font-size: 18px;
    padding-bottom: 10px;
    padding-top: 30px
}

.target-signon-rotating span.promo-link {
    cursor: pointer;
    padding-top: 15px
}

.target-register-confirmation-right {
    float: left;
    height: 180px;
    overflow: hidden;
    width: 465px
}

.target-register-confirmation-right img {
    height: 180px;
    width: 465px
}

.target-register-confirmation-right span {
    padding-left: 20px;
    padding-right: 20px;
    width: 210px
}

.target-register-confirmation-right span.promo-headline {
    font-size: 18px;
    padding-bottom: 10px;
    padding-top: 30px
}

.target-register-confirmation-right span.promo-link {
    cursor: pointer;
    padding-top: 15px
}

.target-signon-anchor {
    height: 180px;
    overflow: hidden;
    width: 465px
}

.target-signon-anchor img {
    height: 180px;
    width: 410px
}

.target-signon-anchor span {
    padding-left: 20px;
    padding-right: 20px;
    width: 210px
}

.target-signon-anchor span.promo-headline {
    font-size: 18px;
    padding-bottom: 10px;
    padding-top: 30px
}

.target-signon-anchor span.promo-link {
    cursor: pointer;
    padding-top: 15px
}

.target-register-confirmation-left {
    float: left;
    height: 180px;
    overflow: hidden;
    margin-right: 10px;
    width: 465px
}

.target-register-confirmation-left img {
    height: 180px;
    width: 465px
}

.target-register-confirmation-left span {
    padding-left: 20px;
    padding-right: 20px;
    width: 210px
}

.target-register-confirmation-left span.promo-headline {
    font-size: 18px;
    padding-bottom: 10px;
    padding-top: 30px
}

.target-register-confirmation-left span.promo-link {
    cursor: pointer;
    padding-top: 15px
}

.target-register-confirmation-left span.promo-link:focus,
.target-register-confirmation-left span.promo-link:hover {
    color: #383B3E
}

.target-product-landing-spotlight {
    margin: 22px 0 40px;
    width: 780px
}

.target-product-landing-spotlight span {
    padding-left: 35px;
    width: 495px
}

.target-product-landing-spotlight span.promo-headline {
    font-family: WhitneyBookRegular;
    font-size: 32px;
    line-height: 1.15;
    padding-bottom: 30px;
    padding-top: 40px
}

.target-product-landing-spotlight span.promo-body {
    font-size: 14px
}

.target-product-landing-spotlight span.promo-button {
    padding-top: 20px
}

.target-product-left-tile-spotlight {
    margin: 0 10px 20px 0;
    width: 380px
}

.target-product-left-tile-spotlight span {
    padding-left: 35px;
    padding-right: 35px
}

.target-product-left-tile-spotlight span.promo-headline {
    font-family: WhitneyBookRegular;
    font-size: 24px;
    line-height: 1.15;
    padding-bottom: 30px;
    padding-top: 40px
}

.target-product-left-tile-spotlight span.promo-body {
    font-size: 13px
}

.target-product-left-tile-spotlight span.promo-button {
    padding-top: 20px
}

.target-product-left-tile-spotlight span.promo-button .ui-button {
    height: auto;
    line-height: 15px;
    max-width: 160px;
    padding: 6px 0
}

.target-product-right-tile-spotlight {
    margin: 0 0 20px 10px;
    width: 380px
}

.target-product-right-tile-spotlight span {
    padding-left: 35px;
    padding-right: 35px
}

.target-product-right-tile-spotlight span.promo-headline {
    font-family: WhitneyBookRegular;
    font-size: 24px;
    line-height: 1.15;
    padding-bottom: 30px;
    padding-top: 40px
}

.target-product-right-tile-spotlight span.promo-body {
    font-size: 13px
}

.target-product-right-tile-spotlight span.promo-button {
    padding-top: 20px
}

.target-product-right-tile-spotlight span.promo-button .ui-button {
    height: auto;
    line-height: 15px;
    max-width: 160px;
    padding: 6px 0
}

.target-product-spotlight {
    margin: 24px 0 40px;
    width: 780px
}

.target-product-spotlight span {
    padding-left: 35px;
    width: 530px
}

.target-product-spotlight span.promo-headline {
    font-family: WhitneyBookRegular;
    font-size: 32px;
    line-height: 1.15;
    padding-bottom: 20px;
    padding-top: 35px
}

.target-product-spotlight span.promo-body {
    font-size: 14px
}

.target-product-spotlight span.promo-link {
    padding-top: 20px
}

@media print {

    .advertisement-target,
    .banking-tools {
        display: none
    }
}

.banking-tool-widget {
    background-color: #F2F3F2;
    border-top: solid 3px #BBBCBC;
    display: inline-block;
    height: 260px;
    width: 176px;
    margin-bottom: 16px
}

.banking-tool-widget:not(:last-child) {
    margin-right: 5px
}

.banking-tool-widget:last-child {
    margin-left: -3px
}

.banking-tool-widget .asset-total,
.banking-tool-widget .liability-total {
    margin-top: 16px;
    text-align: left
}

.banking-tool-widget .asset-total .graph,
.banking-tool-widget .liability-total .graph {
    background-color: #5E5C99;
    border-radius: 3px;
    height: 10px
}

.banking-tool-widget .asset-total .total-heading,
.banking-tool-widget .liability-total .total-heading {
    margin-bottom: 0;
    display: block;
    font-weight: 700
}

.banking-tool-widget .default-view {
    background-position: 50% -11px;
    background-repeat: no-repeat;
    background-size: 70px;
    opacity: 1;
    padding-top: 60px
}

.banking-tool-widget .hover-main {
    opacity: 0
}

.banking-tool-widget .default-main {
    text-align: center
}

.banking-tool-widget .default-view,
.banking-tool-widget .hover-main {
    background-color: #F2F3F2;
    bottom: 15px;
    left: 15px;
    overflow: hidden;
    position: absolute;
    right: 15px;
    top: 20px
}

.banking-tool-widget .default-view p:first-child,
.banking-tool-widget .hover-main p:first-child {
    margin-top: 0
}

.banking-tool-widget .default-view ul li,
.banking-tool-widget .hover-main ul li {
    background: linear-gradient(to right, #000, #000);
    background-position: 0 8px;
    background-size: 3px 3px;
    background-repeat: no-repeat;
    margin: 5px 0;
    padding-left: 13px
}

.banking-tool-widget .tool-balance,
.banking-tool-widget .tool-header {
    color: #383B3E;
    font-family: WhitneyMedium;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 2px;
    text-align: center
}

.banking-tool-widget .hover-view {
    color: #383B3E;
    left: 0;
    opacity: 0;
    position: absolute
}

.banking-tool-widget .hover-call-to-action {
    background-color: #C41F3E;
    color: #FFF;
    cursor: pointer;
    font-family: WhitneyBookRegular;
    font-size: 18px;
    left: 0;
    padding: 0 5px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none
}

.banking-tool-widget .hover-call-to-action.bottom {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 75px;
    justify-content: center
}

.banking-tool-widget .hover-call-to-action.top {
    align-items: center;
    display: flex;
    height: 182px;
    justify-content: center;
    top: 0
}

.banking-tool-widget .liability-total .graph {
    background-color: #894968
}

.banking-tool-widget.sb-widget {
    width: 267px
}

.banking-tool-widget .tool-widget-messages {
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px
}

.banking-tool-widget .total-amount,
.banking-tool-widget .total-heading {
    line-height: 12px
}

.banking-tool-widget .ui-loader {
    height: 100%
}

.banking-tool-widget .widget-icon {
    background-repeat: no-repeat;
    background-size: 48px 48px;
    display: block;
    height: 48px;
    margin: 0 auto 12px;
    width: 48px
}

.banking-tool-widget.has-hover-state.force-hover .hover-main,
.banking-tool-widget.has-hover-state.force-hover .hover-view,
.banking-tool-widget.has-hover-state:hover .hover-main,
.banking-tool-widget.has-hover-state:hover .hover-view {
    opacity: 1
}

.banking-tool-widget.has-hover-state.force-hover .default-view,
.banking-tool-widget.has-hover-state:hover .default-view {
    opacity: 0
}

.banking-tool-widget.has-hover-state.force-hover .default-view,
.banking-tool-widget.has-hover-state.force-hover .hover-main,
.banking-tool-widget.has-hover-state.force-hover .hover-view a:first-child,
.banking-tool-widget.has-hover-state.force-hover .hover-view:first-child,
.banking-tool-widget.has-hover-state:hover .default-view,
.banking-tool-widget.has-hover-state:hover .hover-main,
.banking-tool-widget.has-hover-state:hover .hover-view a:first-child,
.banking-tool-widget.has-hover-state:hover .hover-view:first-child {
    transition: opacity .3s linear
}

.banking-tool-widget.net-worth-widget .default-view {
    background-image: url(img/icon-net-worth.png)
}

.banking-tool-widget.savings-goal-widget .default-view {
    background-image: url(img/icon-savings-goal.png)
}

.bing-map {
    position: relative;
    height: 380px;
    width: 379px
}

.bing-map embed,
.bing-map iframe,
.bing-map object {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bing-map .map {
    height: 380px;
    width: 379px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ccc
}

.budget-progress-bar .approaching-budget .progress-bar-value {
    background-color: #FFA76C
}

.budget-progress-bar .exceeded-budget .progress-bar-value {
    background-color: #FF7B7B
}

.budget-progress-bar .within-budget .progress-bar-value {
    background-color: #76B297
}

.budget-progress-bar .progress-bar {
    background-color: #F2F3F2
}

.budget-progress-bar .progress-bar.budget-unavailable {
    background-color: #FFF;
    border: 1px dashed #BBBCBC
}

.chart-tooltip {
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 3px;
    box-shadow: 3px 3px 0 rgba(153, 153, 153, .4);
    color: #333;
    transition: height .4s, top .4s
}

.chart-tooltip .ui-wrapper {
    transition: height .4s
}

.chart-tooltip .triangle {
    top: 27px;
    position: absolute
}

.chart-tooltip .triangle:after,
.chart-tooltip .triangle:before {
    content: '';
    position: absolute
}

.chart-tooltip .triangle:before {
    z-index: 1
}

.chart-tooltip .triangle:after {
    z-index: 2
}

.chart-tooltip.ui-display-chequing.ui-scope-left .triangle {
    margin-top: -8px;
    right: -8px
}

.chart-tooltip.ui-display-chequing.ui-scope-left .triangle:before {
    right: -1px;
    border-left: 8px solid #017F70;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    height: 0;
    width: 0
}

.chart-tooltip.ui-display-chequing.ui-scope-left .triangle:after {
    right: 0;
    border-left: 8px solid #fff;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    height: 0;
    width: 0
}

.chart-tooltip.ui-display-chequing.ui-scope-right .triangle {
    margin-top: -8px;
    left: -8px
}

.chart-tooltip.ui-display-chequing.ui-scope-right .triangle:before {
    left: -1px;
    border-right: 8px solid #017F70;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    height: 0;
    width: 0
}

.chart-tooltip.ui-display-chequing.ui-scope-right .triangle:after {
    left: 0;
    border-right: 8px solid #fff;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    height: 0;
    width: 0
}

.chart-tooltip.ui-display-chequing.ui-scope-top .triangle {
    bottom: -8px
}

.chart-tooltip.ui-display-chequing.ui-scope-top .triangle:before {
    bottom: -1px;
    border-top: 8px solid #017F70;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    height: 0;
    width: 0
}

.chart-tooltip.ui-display-chequing.ui-scope-top .triangle:after {
    bottom: 0;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    height: 0;
    width: 0
}

.chart-tooltip.ui-display-credit.ui-scope-left .triangle:after,
.chart-tooltip.ui-display-credit.ui-scope-left .triangle:before,
.chart-tooltip.ui-display-credit.ui-scope-right .triangle:after,
.chart-tooltip.ui-display-credit.ui-scope-right .triangle:before {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    height: 0;
    width: 0
}

.chart-tooltip.ui-display-credit.ui-scope-left .triangle {
    margin-top: -8px;
    right: -8px
}

.chart-tooltip.ui-display-credit.ui-scope-left .triangle:before {
    right: -1px;
    border-left: 8px solid #0767A8
}

.chart-tooltip.ui-display-credit.ui-scope-left .triangle:after {
    right: 0;
    border-left: 8px solid #fff
}

.chart-tooltip.ui-display-credit.ui-scope-right .triangle {
    margin-top: -8px;
    left: -8px
}

.chart-tooltip.ui-display-credit.ui-scope-right .triangle:before {
    left: -1px;
    border-right: 8px solid #0767A8
}

.chart-tooltip.ui-display-credit.ui-scope-right .triangle:after {
    left: 0;
    border-right: 8px solid #fff
}

.chart-tooltip.ui-display-credit.ui-scope-top .triangle {
    bottom: -8px
}

.chart-tooltip.ui-display-credit.ui-scope-top .triangle:before {
    bottom: -1px;
    border-top: 8px solid #0767A8;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    height: 0;
    width: 0
}

.chart-tooltip.ui-display-credit.ui-scope-top .triangle:after {
    bottom: 0;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    height: 0;
    width: 0
}

.chart-tooltip.ui-display-debit.ui-scope-left .triangle:after,
.chart-tooltip.ui-display-debit.ui-scope-left .triangle:before,
.chart-tooltip.ui-display-debit.ui-scope-right .triangle:after,
.chart-tooltip.ui-display-debit.ui-scope-right .triangle:before {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    height: 0;
    width: 0
}

.chart-tooltip.ui-display-debit.ui-scope-left .triangle {
    margin-top: -8px;
    right: -8px
}

.chart-tooltip.ui-display-debit.ui-scope-left .triangle:before {
    right: -1px;
    border-left: 8px solid #86888A
}

.chart-tooltip.ui-display-debit.ui-scope-left .triangle:after {
    right: 0;
    border-left: 8px solid #fff
}

.chart-tooltip.ui-display-debit.ui-scope-right .triangle {
    margin-top: -8px;
    left: -8px
}

.chart-tooltip.ui-display-debit.ui-scope-right .triangle:before {
    left: -1px;
    border-right: 8px solid #86888A
}

.chart-tooltip.ui-display-debit.ui-scope-right .triangle:after {
    left: 0;
    border-right: 8px solid #fff
}

.chart-tooltip.ui-display-debit.ui-scope-top .triangle {
    bottom: -8px
}

.chart-tooltip.ui-display-debit.ui-scope-top .triangle:before {
    bottom: -1px;
    border-top: 8px solid #86888A;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    height: 0;
    width: 0
}

.chart-tooltip.ui-display-debit.ui-scope-top .triangle:after {
    bottom: 0;
    border-top: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    height: 0;
    width: 0
}

.chart-txngraph {
    border-top: 1px solid #c3c3c3;
    margin-top: -1px;
    padding-top: 1px;
    position: relative
}

.chart-txngraph .chart-wrapper {
    padding: 30px 15px 40px;
    position: relative
}

.chart-txngraph .close {
    background: url(img/icon_18_cancel.png) top left no-repeat;
    background-size: 18px;
    border: 0;
    cursor: pointer;
    height: 18px;
    position: absolute;
    right: 8px;
    top: 12px;
    width: 18px
}

.chart-txngraph .close .ui-wrapper {
    height: 0 !important
}

.chart-txngraph .day {
    font-weight: 700;
    text-anchor: middle
}

.chart-txngraph .grey {
    fill: #DDD
}

.chart-txngraph .month {
    font-weight: 700;
    fill: #333
}

.chart-txngraph .right {
    float: right;
    padding-right: 35px
}

.chart-txngraph .right div {
    display: inline-block;
    height: 15px;
    margin-right: 5px;
    vertical-align: middle;
    width: 15px
}

.chart-txngraph .right div.debit-square {
    background-color: #86888A;
    border-radius: 4px
}

.chart-txngraph .right div.credit-square {
    background-color: #2B7AB3;
    border-radius: 4px;
    margin-left: 20px
}

.chart-txngraph .right div.chequing-square {
    background-color: #017F70;
    border-radius: 4px;
    margin-left: 20px
}

.chart-txngraph .right .text {
    color: #606366;
    text-decoration: none;
    vertical-align: middle
}

.chart-txngraph .subtitle,
.chart-txngraph .title {
    vertical-align: baseline
}

.chart-txngraph svg {
    shape-rendering: crispEdges
}

.chart-txngraph svg .txngraph-day-border {
    stroke: #BBBCBC
}

.chart-txngraph .txngraph-unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.chart-txngraph .textend {
    text-anchor: end;
    fill: #383B3E
}

.chart-txngraph .textstart {
    text-anchor: start;
    fill: #383B3E
}

.chart-txngraph .title {
    color: #383B3E;
    display: inline-block;
    font-size: 16px;
    font-family: WhitneyBookRegular;
    font-weight: 400;
    padding-left: 10px
}

.chart-txngraph .weekday {
    font-size: 11px;
    font-weight: 400;
    text-anchor: middle
}

.chart-txngraph .txngraph-y-left,
.chart-txngraph .txngraph-y-right {
    color: #666;
    font-size: 12px
}

.chart-txngraph-tooltip {
    min-height: 50px;
    margin: 0 3px;
    padding: 1px;
    overflow: visible;
    width: 330px;
    transition: height .4s, top .4s
}

.chart-txngraph-tooltip .ui-wrapper {
    overflow: visible;
    transition: height .4s
}

.chart-txngraph-tooltip .close {
    background: url(img/icon_18_cancel.png) top left no-repeat;
    background-size: 15px;
    cursor: pointer;
    height: 15px;
    position: absolute;
    right: 9px;
    top: 5px;
    width: 15px;
    border: 0
}

.chart-txngraph-tooltip.no-transition,
.chart-txngraph-tooltip.no-transition .triangle,
.chart-txngraph-tooltip.no-transition .ui-wrapper {
    transition: initial
}

.chart-txngraph-tooltip .triangle {
    transition: top .4s
}

.chart-txngraph-tooltip .header {
    border-radius: 3px;
    color: #fff
}

.chart-txngraph-tooltip li.transaction-status {
    border-bottom: 1px solid #999
}

.chart-txngraph-tooltip li.transaction-status div:first-child,
.chart-txngraph-tooltip li.transaction-status div:last-child {
    float: none;
    width: 100% !important
}

.chart-txngraph-tooltip li.transaction-status div:first-child span,
.chart-txngraph-tooltip li.transaction-status div:last-child span {
    font-weight: 400 !important;
    padding: 0 !important
}

.chart-txngraph-tooltip li.transaction-status div:first-child span:first-child,
.chart-txngraph-tooltip li.transaction-status div:last-child span:first-child {
    display: inline-block;
    width: 72% !important
}

.chart-txngraph-tooltip li.transaction-status div:first-child span:last-child,
.chart-txngraph-tooltip li.transaction-status div:last-child span:last-child {
    display: inline-block;
    text-align: right;
    width: 27% !important
}

.chart-txngraph-tooltip li.transaction-status div:last-child {
    text-align: left
}

.chart-txngraph-tooltip.ui-display-chequing {
    border: 1px solid #017F70
}

.chart-txngraph-tooltip.ui-display-chequing .header {
    background-color: #E5F7F5
}

.chart-txngraph-tooltip.ui-display-credit {
    border: 1px solid #0767A8
}

.chart-txngraph-tooltip.ui-display-credit .header {
    background-color: #E8F3FC
}

.chart-txngraph-tooltip.ui-display-debit {
    border: 1px solid #86888A
}

.chart-txngraph-tooltip.ui-display-debit .header {
    background-color: #EDEDED
}

.chart-txngraph-tooltip.ui-display-chequing .header h4,
.chart-txngraph-tooltip.ui-display-credit .header h4,
.chart-txngraph-tooltip.ui-display-debit .header h4 {
    color: #383B3E;
    font-family: Arial;
    font-size: 13px
}

.chart-txngraph-tooltip.ui-popover .ui-popover-content .pair>section div {
    color: #383B3E;
    font-size: 12px
}

.chart-txngraph-tooltip.ui-popover .ui-popover-content .pair>section div span:first-child {
    font-size: 11px;
    line-height: 15px
}

.chart-txngraph-tooltip.ui-popover .ui-popover-content .pair>section ul li {
    background: 0 0;
    margin: 0;
    padding: 3px 0 2px !important
}

.chart-txngraph-tooltip.ui-popover .ui-popover-content .pair>section ul li span:first-child {
    font-size: 12px;
    font-weight: 400
}

.chart-txngraph-tooltip.ui-popover .ui-popover-content .pair>section ul.total li {
    padding-top: 5px !important
}

.chart-txngraph-tooltip.ui-popover .ui-popover-content .pair>section ul.transactions {
    padding-top: 0 !important
}

.chart-txngraph-tooltip.ui-popover .ui-popover-content .pair>section ul.transactions li {
    font-size: 11px
}

.chart-txngraph-tooltip.ui-popover .ui-popover-content .pair>section ul.transactions li:nth-child(2) {
    border-top: 1px solid #cdcccc
}

.chart-txngraph-tooltip.ui-popover .ui-popover-content .pair>section ul.transactions li.total {
    border-bottom: 0;
    padding: 5px 0 2px !important
}

.chart-txngraph-tooltip.ui-popover .ui-popover-content .pair>section ul.transactions.expanded li {
    border-top: 1px dashed #86888A
}

.chart-txngraph-tooltip.ui-popover .ui-popover-content .pair>section ul.transactions.expanded li:first-child {
    border-top: 1px solid #BBBCBC
}

.customize-rates-fields-table .ui-set-select .ui-set-field {
    margin: 0
}

.customize-rates-fields-table .ui-set-select .ui-set-field>label {
    width: 12px;
    padding-top: 9px
}

.customize-rates-fields-table .rate-fields>td {
    padding: 10px 10px 10px 0
}

.customize-rates-fields-table .rate-fields:first-child>td.product-container {
    padding-top: 10px
}

.customize-rates-fields-table .product-container {
    width: 370px
}

.customize-rates-fields-table .product-container .ui-select {
    width: 360px
}

.customize-rates-fields-table .term-container {
    width: 260px
}

.customize-rates-fields-table .term-container .ui-select {
    width: 250px
}

.emergency-message.signon-emergency-message {
    margin-top: 30px
}

.emergency-message.signon-emergency-message .ui-alert {
    margin-bottom: 0
}

.emergency-message.accounts-emergency-message {
    margin-top: 3px;
    margin-bottom: 18px
}

.emergency-message.etransfers-emergency-message {
    margin-top: -3px;
    margin-bottom: 9px
}

.financial-healthcheck-widget {
    display: inline-block
}

.financial-healthcheck-widget .default-view {
    background-image: url(img/icon-fhc.png)
}

.financial-healthcheck-widget .default-view .default-main {
    margin-top: 16px
}

.financial-healthcheck-widget .default-view .default-main .lastUpdated p {
    font-weight: 700
}

.financial-healthcheck-widget .default-view .default-main .lastUpdated p span {
    font-weight: 400;
    white-space: nowrap
}

.financial-healthcheck-widget .hover-view.resume {
    height: 100%;
    width: 100%
}

.financial-healthcheck-widget.fr .tool-header {
    font-size: 12px
}

.fhc-progress-bar {
    height: 80px
}

.fhc-progress-bar .step-indicator-title {
    float: left;
    font-family: WhitneyBookRegular;
    font-size: 24px
}

.fhc-progress-bar img {
    height: 60px;
    margin: 0 0 0 15px;
    position: relative;
    top: 3px;
    width: 60px
}

.fhc-progress-bar ul {
    align-items: center;
    display: flex;
    float: right;
    justify-content: center
}

.fhc-progress-bar ul li {
    float: left;
    position: relative;
    text-align: center;
    width: 99px
}

.fhc-progress-bar ul li.completed .label {
    background-image: url(img/uikit/ui-step-indicator-active-bg.png);
    color: #C41F3E
}

.fhc-progress-bar ul li.active .label {
    background-image: url(img/uikit/ui-step-indicator-onstate-bg.png);
    border-radius: 15px;
    border: 2px solid transparent;
    background-position: -2px;
    color: #fff;
    font-weight: 700;
    height: 21px;
    width: 21px
}

.fhc-progress-bar ul li .progress {
    box-sizing: border-box;
    border-top: 2px solid #606366;
    height: 10px;
    left: 62px;
    position: absolute;
    top: 12px;
    width: 75px;
    z-index: -1
}

.fhc-progress-bar ul li .progress .progress-indicator {
    border-top: 1px solid #C41F3E;
    display: block;
    height: 1px;
    position: absolute;
    top: -1px
}

.fhc-progress-bar ul li .label {
    align-items: center;
    background: url(img/uikit/ui-step-indicator-inactive-bg.png) left top no-repeat;
    background-size: 25px;
    color: #606366;
    display: flex;
    height: 25px;
    justify-content: center;
    line-height: 25px;
    margin: 0 auto 15px;
    text-align: center;
    width: 25px
}

.fhc-progress-bar ul li .value {
    color: #666;
    font-weight: 700
}

.financial-healthcheck .question-CMS2 .question-text,
.financial-healthcheck .question-CMS4 .question-text,
.financial-healthcheck .question-RE1 .question-text,
.financial-healthcheck .question-RE3 .question-text,
.financial-healthcheck .question-RE4 .question-text {
    max-width: 425px
}

.financial-healthcheck .question.is-page-end {
    display: none
}

.financial-healthcheck .question.long .answers {
    justify-content: flex-end;
    width: 332px
}

.financial-healthcheck .question.short .question-text {
    width: 245px
}

.financial-healthcheck .question {
    border-top: 1px solid #BBBCBC;
    padding: 15px 0 10px;
    position: relative;
    text-align: right
}

.financial-healthcheck .question .ui-set-popover {
    position: relative;
    left: 10px;
    top: 1px
}

.financial-healthcheck .question .calculator-link {
    background-color: #F2F3F2;
    margin: 10px 0;
    padding: 10px 20px;
    text-align: left
}

.financial-healthcheck .question .calculator-link a {
    font-weight: 700
}

.financial-healthcheck .question .question-text {
    color: #333;
    display: inline-block;
    font-size: 13px;
    left: 0;
    position: absolute;
    padding: 0 20px;
    top: 30px;
    text-align: left
}

.financial-healthcheck .question .question-text .question-help-text {
    font-size: 14px;
    margin-top: 8px;
    max-width: 190px
}

.financial-healthcheck .question .question-text .ui-popover-content {
    font-size: 11px
}

.financial-healthcheck .question .answers {
    /*! autoprefixer: off */
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    text-align: right;
    width: 498px
}

.financial-healthcheck .question .answers .answer.large {
    display: flex;
    flex-direction: column
}

.financial-healthcheck .question .answers .answer {
    display: block;
    padding: 0 0 10px 10px;
    position: relative;
    width: 156px
}

.financial-healthcheck .question .answers .answer .ui-button {
    border: 1px solid #d4d4d4;
    display: block;
    height: 100%;
    width: 100%
}

.financial-healthcheck .question .answers .answer .ui-button .ui-wrapper {
    color: #333;
    font-size: 12px;
    line-height: 18px;
    padding: 12px 15px;
    text-align: left
}

.financial-healthcheck .question .answers .answer .ui-button .ui-wrapper .label-more {
    font-weight: 400
}

.financial-healthcheck .question .answers .answer .ui-set-radiobutton {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    box-sizing: border-box;
    color: #333;
    display: block;
    height: 100%;
    font-size: 12px;
    line-height: 18px;
    padding: 0;
    text-align: left;
    width: 100%
}

.financial-healthcheck .question .answers .answer .ui-set-radiobutton .ui-radiobutton {
    position: static;
    margin: 0;
    width: 0
}

.financial-healthcheck .question .answers .answer .ui-set-radiobutton .ui-radiobutton input {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.financial-healthcheck .question .answers .answer .ui-set-radiobutton .ui-wrapper {
    margin: 13px 0 0 6px
}

.financial-healthcheck .question .answers .answer .ui-set-radiobutton label {
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    padding: 12px 15px 12px 28px;
    width: 100%
}

.financial-healthcheck .question .answers .answer .ui-set-radiobutton label .label-more {
    font-weight: 400
}

.financial-healthcheck .question .answers .answer.large label {
    padding-bottom: 35px
}

.financial-healthcheck .question .answers .answer .ui-button.large,
.financial-healthcheck .question .answers .answer .ui-set-radiobutton.large {
    flex-grow: 1;
    height: inherit
}

.financial-healthcheck .question .answers .answer .ui-button.large .ui-wrapper {
    padding: 12px 15px 35px
}

.financial-healthcheck .question .answers .answer .ui-button.small,
.financial-healthcheck .question .answers .answer .ui-set-radiobutton.small {
    height: 48px;
    width: 76px
}

.financial-healthcheck .question .answers .answer .ui-button.small .ui-wrapper {
    padding: 12px 0 0 15px
}

.financial-healthcheck .question .answers .answer .selected {
    border-color: #606366;
    box-shadow: 0 0 0 1px #606366
}

.financial-healthcheck .question .answers .answer.small {
    height: 48px;
    padding: 0 0 10px 4px;
    width: 76px
}

.financial-healthcheck .question .answers .answer.small:first-child {
    padding-left: 10px
}

.financial-healthcheck .action-bar,
.financial-healthcheck-results .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.financial-healthcheck .action-bar .primary,
.financial-healthcheck-results .action-bar .primary {
    order: 4
}

.financial-healthcheck .action-bar .primary:only-child,
.financial-healthcheck-results .action-bar .primary:only-child {
    margin-left: auto
}

.financial-healthcheck .action-bar .secondary,
.financial-healthcheck-results .action-bar .secondary {
    order: 3
}

.financial-healthcheck .action-bar .tertiary,
.financial-healthcheck-results .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.financial-healthcheck .action-bar .tertiary:focus,
.financial-healthcheck .action-bar .tertiary:hover,
.financial-healthcheck-results .action-bar .tertiary:focus,
.financial-healthcheck-results .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.financial-healthcheck .action-bar .quaternary,
.financial-healthcheck-results .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.financial-healthcheck .action-bar .quaternary~.tertiary,
.financial-healthcheck-results .action-bar .quaternary~.tertiary {
    margin: 0
}

.financial-healthcheck .action-bar .quaternary~.tertiary:before,
.financial-healthcheck-results .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.financial-healthcheck .action-bar .primary,
.financial-healthcheck-results .action-bar .primary {
    margin-left: 20px
}

.financial-healthcheck .action-bar .secondary,
.financial-healthcheck .stepOne+.action-bar .primary,
.financial-healthcheck-results .action-bar .secondary {
    margin-left: auto
}

.form-terms-and-conditions {
    color: #383B3E;
    margin: 0 1px 50px;
    position: relative
}

.form-terms-and-conditions .header {
    background: 0 0;
    border-bottom: 0
}

.form-terms-and-conditions .header h3 {
    border-bottom: 3px solid #606366;
    color: #383B3E;
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 5px
}

.form-terms-and-conditions .header p:first-of-type {
    color: #383B3E;
    font-size: 13px;
    margin: 20px 0 0
}

.form-terms-and-conditions .header p:nth-of-type(2) {
    display: block;
    margin-top: 0;
    text-align: right
}

.form-terms-and-conditions .header p:nth-of-type(2) .pdf-icon {
    font-size: 12px;
    margin-top: 16px
}

.form-terms-and-conditions .empty-div {
    position: relative;
    padding: 0;
    margin: 0
}

.form-terms-and-conditions .empty-div:after,
.form-terms-and-conditions .terms-wrapper:before {
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    width: calc(100% - (31px * 2));
    z-index: 1
}

.form-terms-and-conditions .empty-div:after {
    margin: -30px 30px
}

.form-terms-and-conditions .terms-wrapper {
    border: 1px solid #BBBCBC;
    box-sizing: border-box;
    margin: 0;
    max-height: 250px;
    overflow: auto
}

.form-terms-and-conditions .terms-wrapper:focus {
    outline: currentColor dotted 1px;
    outline: -webkit-focus-ring-color auto 5px
}

.form-terms-and-conditions .terms-wrapper:before {
    margin: 0 30px
}

.form-terms-and-conditions .terms-wrapper ol,
.form-terms-and-conditions .terms-wrapper ul {
    list-style-position: inside;
    list-style-type: decimal;
    margin-left: 0
}

.form-terms-and-conditions .terms-wrapper ol li,
.form-terms-and-conditions .terms-wrapper ul li {
    border: none;
    margin-top: 5px;
    padding: 0
}

.form-terms-and-conditions .terms-wrapper ol ol,
.form-terms-and-conditions .terms-wrapper ol ul,
.form-terms-and-conditions .terms-wrapper ul ol,
.form-terms-and-conditions .terms-wrapper ul ul {
    margin-left: 18px
}

.form-terms-and-conditions .terms-wrapper ol ol,
.form-terms-and-conditions .terms-wrapper ul ol {
    list-style-type: lower-alpha
}

.form-terms-and-conditions .terms-wrapper ul {
    list-style-position: inside;
    list-style-type: disc
}

.form-terms-and-conditions .terms-inner-wrapper {
    border-right: 1px solid #FFF;
    padding: 30px;
    word-wrap: break-word
}

.form-terms-and-conditions .terms-inner-wrapper .lastRevised {
    float: left;
    font-size: 12px;
    padding-bottom: 20px
}

.form-terms-and-conditions .terms-inner-wrapper h2 {
    font-family: Arial;
    font-size: 16px;
    font-weight: 400;
    margin-top: 0
}

.form-terms-and-conditions .terms-inner-wrapper h3 {
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px
}

.form-terms-and-conditions .terms-inner-wrapper p {
    font-weight: 700;
    font-size: 12px
}

.form-terms-and-conditions .terms-inner-wrapper>ol {
    counter-reset: li;
    list-style: none;
    margin-left: 0
}

.form-terms-and-conditions .terms-inner-wrapper>ol>li:before {
    content: counter(li) ".";
    counter-increment: li;
    display: inline-block;
    font-weight: 700;
    margin-right: 3px
}

.form-terms-and-conditions .terms-inner-wrapper .tc-title {
    font-weight: 700;
    margin: 0
}

.form-terms-and-conditions .terms-inner-wrapper .tc-list1 {
    list-style-type: circle
}

.form-terms-and-conditions .terms-inner-wrapper .tc-list2 {
    list-style-type: disc
}

.form-terms-and-conditions .terms-inner-wrapper .tc-list3 {
    list-style-type: lower-alpha
}

.form-terms-and-conditions .terms-inner-wrapper .tc-list4 {
    list-style-type: lower-roman
}

.form-terms-and-conditions .consent-wrapper {
    background-color: #606366;
    color: #FFF;
    padding: 15px 30px
}

.form-terms-and-conditions .consent-wrapper:focus {
    outline: currentColor dotted 1px;
    outline: -webkit-focus-ring-color auto 5px
}

.form-terms-and-conditions .consent-wrapper .ui-set-textbox {
    margin-top: 10px
}

.form-terms-and-conditions .consent-wrapper .ui-set-textbox .ui-set-field {
    margin-bottom: 0
}

.form-terms-and-conditions .consent-wrapper .ui-set-textbox label {
    font-weight: 400;
    vertical-align: middle;
    width: 140px
}

.form-terms-and-conditions .consent-wrapper .ui-set-textbox .ui-textbox {
    width: 130px
}

.form-terms-and-conditions .consent-wrapper .ui-checkbox {
    float: left
}

.form-terms-and-conditions .consent-wrapper .ui-set-checkbox label {
    display: block;
    width: 95%
}

.form-terms-and-conditions .consent-wrapper .ui-set-checkbox label p {
    margin: 0
}

.form-terms-and-conditions .ui-set-messages {
    margin: 10px 0 0 15px
}

.form-terms-and-conditions .ui-set-checkbox .ui-set-messages {
    display: none
}

.form-terms-and-conditions .skip-link-cta {
    position: relative
}

.form-terms-and-conditions .skip-to-conditions {
    left: -10000px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

.form-terms-and-conditions .skip-to-conditions:focus {
    background: #fff;
    bottom: -15px;
    left: 0;
    width: auto
}

@media print {
    .form-terms-and-conditions {
        background-color: inherit
    }

    .form-terms-and-conditions .consent-wrapper,
    .form-terms-and-conditions .terms-wrapper {
        background-color: inherit;
        max-height: none
    }
}

.goal-progress-bar .account-balance {
    color: #4D4D4D
}

.goal-progress-bar .progress-bar {
    background-color: #F2F3F2;
    background-size: auto;
    border: none
}

.goal-progress-bar .progress-bar .progress-bar-indicator {
    background: url(img/arrow_progress_indicator_sm.png) no-repeat;
    background-size: 15px;
    margin-left: -8px
}

.goal-progress-bar .progress-bar .progress-bar-value {
    background-color: #76B297
}

.goal-progress-bar .progress-bar .off-track {
    background-color: #FFD364
}

.goal-progress-bar .progress-description .current-target-label {
    color: #4D4D4D;
    font-weight: 700
}

.goal-progress-bar .progress-description .goal-comment {
    color: #606366
}

.is-tile {
    background-position: 40px center;
    background-repeat: no-repeat;
    background-size: 195px auto;
    float: left;
    height: 200px;
    margin-bottom: 20px;
    position: relative;
    width: 780px
}

.is-tile a {
    bottom: 0;
    display: block;
    left: 0;
    padding: 40px 40px 0 0;
    right: 0;
    text-decoration: none;
    top: 0
}

.is-tile a .ui-dynamic-header {
    color: #C41F3E;
    font-family: WhitneyMedium;
    font-size: 21px;
    line-height: 130%
}

.is-tile a:focus .ui-dynamic-header,
.is-tile a:hover .ui-dynamic-header {
    text-decoration: underline
}

.is-tile p {
    color: #383B3E;
    font-family: Arial;
    font-size: 13px;
    position: relative;
    padding: 0 20px 30px;
    pointer-events: none
}

.imperial-service .calculators-tools .is-tile a h2,
.imperial-service .calculators-tools .is-tile:first-of-type a h2,
.imperial-service .calculators-tools .is-tile:nth-of-type(2) a h2,
.imperial-service .index .featured-articles .is-tile a h2,
.imperial-service .planning-advice .is-tile:not(:first-of-type) a h2 {
    font-size: 18px
}

.imperial-service .calculators-tools .is-tile:first-of-type,
.imperial-service .calculators-tools .is-tile:nth-of-type(2),
.imperial-service .planning-advice .is-tile:not(:first-of-type) {
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 160px auto;
    height: 200px;
    margin-right: 20px;
    width: 380px
}

.imperial-service .calculators-tools .is-tile:first-of-type a,
.imperial-service .calculators-tools .is-tile:nth-of-type(2) a,
.imperial-service .planning-advice .is-tile:not(:first-of-type) a {
    padding: 30px 160px 30px 20px
}

.imperial-service .calculators-tools .is-tile,
.imperial-service .index .featured-articles .is-tile {
    background-position: center 20px;
    background-repeat: no-repeat;
    background-size: auto 80px;
    height: 350px;
    margin-right: 20px;
    width: 247px
}

.imperial-service .calculators-tools .is-tile a,
.imperial-service .index .featured-articles .is-tile a {
    padding: 130px 20px 30px
}

.language-switcher .ui-popover {
    background-color: #FFF;
    border: 5px solid #ccc;
    color: #383B3E;
    cursor: default;
    font-family: Arial;
    height: 117px;
    padding: 20px 15px;
    text-align: center;
    width: 260px
}

.language-switcher .ui-popover h3 {
    font-size: 16px;
    margin-bottom: 10px;
    font-family: WhitneyMedium
}

.language-switcher .ui-popover p {
    margin-left: 20px;
    margin-right: 20px
}

.language-switcher .ui-popover ul {
    display: block;
    margin-top: 15px;
    text-align: center
}

.language-switcher .ui-popover ul li:nth-of-type(2) a {
    border-left: solid 1px #5E1011
}

.language-switcher .ui-popover ul li {
    background: 0 0;
    display: inline-block;
    margin: 0;
    padding: 0
}

.instructions p+p,
.instructions ul li+li,
.instructions ul+p {
    margin-top: 10px
}

.language-switcher .ui-popover ul li a {
    color: #383B3E;
    font-family: Arial;
    margin-left: 40px;
    padding-left: 40px;
    text-decoration: underline
}

.language-switcher .ui-popover ul li a:focus,
.language-switcher .ui-popover ul li a:hover {
    color: #C41F3E
}

.language-switcher .ui-popover ul li:first-child a {
    margin-left: 0;
    padding-left: 0
}

.disclaimers {
    margin-bottom: 30px
}

.disclaimers h2 {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700
}

.disclaimers .ui-collapsible-pane .ui-title h2 {
    color: #C41F3E;
    font-size: 14px;
    font-weight: 400
}

.footnote,
.instructions {
    font-size: 12px
}

.instructions .bold,
.main-footer h3 {
    font-weight: 700
}

.disclaimers h3 {
    color: #383B3E;
    font-size: 12px
}

.footnote {
    line-height: 18px
}

.main-footer {
    color: #606366
}

.main-footer h3 {
    color: #383B3E;
    font-family: Arial
}

.instructions h2 {
    font-size: 21px;
    font-weight: 400;
    padding: 5px 0 10px;
    line-height: 1.2em
}

.instructions ul,
.page-note {
    padding-top: 10px
}

.instructions .confirm-instruction ul {
    color: #737373;
    font-size: 12px;
    padding-left: 35px
}

.page-note {
    border-top-color: #BBBCBC
}

.page-note h2 {
    background: url(img/icon-footnote.png) left 1px/18px no-repeat;
    color: #383B3E;
    font-size: 12px;
    font-family: Arial;
    font-weight: 700;
    line-height: 26px;
    min-height: 26px;
    padding-left: 22px
}

.page-note ul li {
    background: linear-gradient(to right, #606366, #606366);
    background-position: 0 8px;
    background-size: 3px 3px;
    background-repeat: no-repeat;
    margin: 5px 0;
    padding-left: 13px
}

.page-note ol {
    padding-left: 0;
    margin-left: 33px
}

.page-note p {
    margin: 4px 0 12px
}

@media print {
    .page-note {
        box-shadow: none
    }

    .page-note h2 {
        background: 0 0;
        font-size: 16px;
        padding-left: 0
    }

    .page-note ul {
        list-style: disc;
        padding-left: 22px
    }

    .page-note ul li {
        background: 0 0;
        padding-left: 7px
    }
}

.merchant-category-legend {
    background-color: #F2F3F2;
    width: 780px
}

.merchant-category-legend ul {
    margin-top: 28px
}

.merchant-category-legend ul li img {
    height: 24px;
    vertical-align: middle;
    width: 24px
}

.merchant-category-legend p.spend-category-msg {
    background-color: inherit;
    padding: 0
}

.merchant-category-legend p.spend-report-msg {
    background-color: inherit;
    padding: 15px 0 0
}

.news-announcements .nowrap,
.news-announcements .phone-number {
    white-space: nowrap
}

.news-announcements table {
    margin: 35px 0 20px
}

.news-announcements table thead {
    background: #F2F2F2;
    border-bottom: 1px solid #BBBCBC
}

.modal-email .action-bar .secondary,
.modal-email .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.news-announcements table thead th {
    box-sizing: border-box;
    font-size: 11px;
    padding: 8px 15px 8px 0
}

.news-announcements table tbody td {
    padding: 15px
}

.modal-email ui-textbox {
    width: 230px
}

.modal-email .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.modal-email .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.modal-email .action-bar .primary:only-child {
    margin-left: auto
}

.modal-email .action-bar .secondary {
    order: 3
}

.modal-email .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.modal-email .action-bar .tertiary:focus,
.modal-email .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.modal-email .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.modal-email .action-bar .quaternary~.tertiary {
    margin: 0
}

.modal-email .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.modal-email .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.modal-email .action-bar .secondary:focus,
.modal-email .action-bar .secondary:hover {
    border: none;
    color: #383B3E
}

.ui-dialog .send-email-wrapper .ui-popover {
    background-color: #fff;
    border: 5px solid #ccc;
    left: -95px !important;
    padding: 10px;
    top: 20px !important;
    width: 300px
}

.modal-sms.dialog-modal .dialog-content+.action-bar .secondary:last-child,
.modal-sms.dialog-modal .dialog-content+.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.modal-sms.dialog-modal .dialog-content+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.modal-sms.dialog-modal .dialog-content+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.modal-sms.dialog-modal .dialog-content+.action-bar .primary:only-child {
    margin-left: auto
}

.modal-sms.dialog-modal .dialog-content+.action-bar .secondary {
    order: 3
}

.modal-sms.dialog-modal .dialog-content+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.modal-sms.dialog-modal .dialog-content+.action-bar .tertiary:focus,
.modal-sms.dialog-modal .dialog-content+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.modal-sms.dialog-modal .dialog-content+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.modal-sms.dialog-modal .dialog-content+.action-bar .quaternary~.tertiary {
    margin: 0
}

.modal-sms.dialog-modal .dialog-content+.action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.modal-sms.dialog-modal .dialog-content+.action-bar .secondary:last-child {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.modal-sms.dialog-modal .dialog-content+.action-bar .secondary:last-child:focus,
.modal-sms.dialog-modal .dialog-content+.action-bar .secondary:last-child:hover {
    border: none;
    color: #C41F3E
}

.modal-sms.dialog-modal .dialog-content+.action-bar .secondary:not(:last-child) {
    background: 0 0;
    border: 2px solid #C41F3E;
    color: #C41F3E;
    margin: 0;
    order: 2
}

.modal-sms.dialog-modal .dialog-content+.action-bar .secondary:not(:last-child):focus,
.modal-sms.dialog-modal .dialog-content+.action-bar .secondary:not(:last-child):hover {
    background-color: #8B1D41;
    border: 2px solid #8B1D41;
    color: #fff
}

.modal-sms.dialog-modal .dialog-content+.action-bar .secondary:not(:last-child).ui-disabled {
    background-color: #b3b3b3
}

.modal-sms.dialog-modal .dialog-content+.action-bar .secondary:not(:last-child).ui-size-medium {
    margin-top: 2px
}

.navigation-credit-smart .transactions {
    margin-bottom: 0
}

.navigation-credit-smart ul {
    display: flex;
    height: 0;
    min-height: 50px;
    position: relative
}

.navigation-credit-smart ul:before {
    border-bottom: 1px solid #BBBCBC;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}

.navigation-credit-smart ul li {
    align-items: center;
    background-color: #fff;
    border: 1px solid #BBBCBC;
    border-bottom: none;
    display: flex;
    justify-content: center;
    padding: 0 30px
}

.navigation-credit-smart ul li:not(:first-child),
.navigation-global-container .navigation-global .items li:first-of-type a::before {
    border-left: none
}

.navigation-credit-smart ul li:last-of-type {
    width: auto
}

.navigation-credit-smart ul li.active {
    background-color: #fff;
    border-top: none;
    box-shadow: inset 0 4px 0 #C41F3E;
    z-index: 1
}

.navigation-credit-smart ul li.active a {
    color: #C41F3E
}

.navigation-credit-smart ul li a {
    color: #383B3E;
    display: inline;
    font-size: 13px;
    font-weight: 400;
    height: auto;
    padding: 0;
    text-decoration: none
}

.navigation-credit-smart ul li a:focus,
.navigation-credit-smart ul li a:hover {
    color: #C41F3E
}

.navigation-credit-smart ul li.spendReport a {
    background: 0 0;
    padding-left: 0
}

.navigation-global-container {
    border-bottom: solid 1px #BBBCBC;
    height: 56px;
    line-height: 100%;
    margin: 0 auto 20px;
    width: auto
}

.navigation-global-container .navigation-global {
    color: #FFF;
    margin: 0 auto;
    overflow: hidden;
    width: 950px
}

.navigation-global-container .navigation-global .items {
    font-size: 14px;
    margin-left: 5px
}

.navigation-global-container .navigation-global .items li {
    color: #C41F3E;
    font-family: WhitneyMedium;
    font-size: 18px;
    padding: 0;
    position: relative;
    text-transform: uppercase
}

.navigation-global-container .navigation-global .items li .ui-button,
.navigation-global-container .navigation-global .items li a {
    padding: 25px 20px 19px;
    text-decoration: none
}

.navigation-global-container .navigation-global .items li .ui-button.active,
.navigation-global-container .navigation-global .items li a.active {
    border-top: solid 4px #C3203F;
    color: #C41F3E;
    padding-top: 21px
}

.navigation-global-container .navigation-global .items li .ui-button:focus,
.navigation-global-container .navigation-global .items li .ui-button:hover,
.navigation-global-container .navigation-global .items li a:focus,
.navigation-global-container .navigation-global .items li a:hover {
    text-decoration: underline
}

@media print {
    .navigation-global-container {
        background-color: transparent;
        border: none;
        margin: 0 auto;
        position: relative;
        height: 18px
    }

    .navigation-global-container .navigation-global {
        background-color: transparent;
        border-bottom: 1px solid #000;
        border-radius: 0;
        box-shadow: none;
        color: #000;
        padding-bottom: 9px;
        width: 945px
    }

    .navigation-global-container .navigation-global .items li {
        display: none
    }

    .navigation-global-container .navigation-global .date {
        float: right;
        font-family: Arial;
        padding: 0 0 5px
    }
}

.navigation-spend-report {
    margin-bottom: 20px;
    border-bottom: 1px solid #BBBCBC;
    width: 780px
}

.navigation-spend-report ul {
    display: table;
    font-size: 0
}

.navigation-spend-report ul li:hover:after {
    background: 0 0
}

.navigation-spend-report ul.sb li:nth-of-type(3) {
    display: none
}

.navigation-spend-report li {
    color: #C41F3E;
    display: table-cell;
    margin-bottom: -1px;
    padding: 15px 0 0;
    text-align: left;
    vertical-align: middle
}

.navigation-spend-report li:after {
    background: 0 0;
    content: '';
    display: block;
    height: 1px;
    margin: 15px 0 -1px;
    transition: background-color .5s ease-in-out;
    width: 100%
}

.navigation-spend-report li:hover:after {
    background: #C41F3E
}

.navigation-spend-report li .ui-button.ui-display-link,
.navigation-spend-report li+li a {
    border-left: solid 1px #BBBCBC
}

.navigation-spend-report li .ui-button.ui-display-link,
.navigation-spend-report li a {
    background-color: #fff;
    box-sizing: border-box;
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    padding: 0 15px;
    text-align: center;
    vertical-align: middle
}

.navigation-spend-report li .ui-button.ui-display-link.active,
.navigation-spend-report li a.active {
    color: #383B3E;
    font-weight: 700;
    text-decoration: none
}

.navigation-spend-report li.active {
    border-bottom: solid 1px #C41F3E;
    margin-bottom: -1px
}

.navigation-task {
    float: none;
    line-height: 1.25em;
    padding-top: 15px
}

.navigation-task>ul {
    background-color: #fff
}

.navigation-task>ul>li {
    border-color: #D6D6D6
}

.navigation-task>ul>li .ui-button,
.navigation-task>ul>li a {
    border-bottom: none;
    border-top: none;
    color: #383B3E;
    margin: 12px 0;
    padding: 0;
    position: relative;
    text-decoration: none
}

.navigation-task>ul>li .ui-button:focus,
.navigation-task>ul>li .ui-button:hover,
.navigation-task>ul>li a:focus,
.navigation-task>ul>li a:hover {
    color: #C41F3E;
    text-decoration: underline
}

.navigation-task>ul>li .ui-button.active,
.navigation-task>ul>li a.active,
.navigation-task>ul>li>.ui-button.active,
.navigation-task>ul>li>a.active {
    text-decoration: none
}

.navigation-task>ul>li:first-child {
    border-top: solid 1px #D6D6D6
}

.navigation-task>ul>li>.ui-button,
.navigation-task>ul>li>a {
    border: none;
    padding: 0 14px
}

.navigation-task>ul>li.active>.ui-button.active:before,
.navigation-task>ul>li.active>a.active:before,
.navigation-task>ul>li>.ui-button.active:before,
.navigation-task>ul>li>a.active:before {
    border-radius: 5px;
    background-color: #C41F3E;
    height: 100%;
    left: 0;
    position: absolute;
    top: 1px;
    width: 4px;
    content: '';
    overflow: hidden
}

.navigation-task>ul>li.active>.ui-button,
.navigation-task>ul>li.active>a {
    border-left: none;
    border-right: none
}

.navigation-task>ul>li.active>.ui-button.active,
.navigation-task>ul>li.active>a.active {
    color: #C41F3E;
    padding-left: 11px;
    text-decoration: none
}

.navigation-task>ul>li.active ul {
    border: #D6D6D6
}

.navigation-task>ul>li.active ul li {
    border-color: #D6D6D6;
    padding: 0
}

.navigation-task>ul>li.active ul li .ui-button,
.navigation-task>ul>li.active ul li a {
    border: none;
    color: #606366;
    margin-left: 14px;
    padding: 5px 0 0 15px
}

.navigation-task>ul>li.active ul li .ui-button:focus,
.navigation-task>ul>li.active ul li .ui-button:hover,
.navigation-task>ul>li.active ul li a:focus,
.navigation-task>ul>li.active ul li a:hover {
    border-color: #fff;
    color: #C41F3E;
    text-decoration: underline
}

.navigation-task>ul>li.active ul li .ui-button.active,
.navigation-task>ul>li.active ul li a.active {
    color: #C41F3E;
    padding-left: 10px;
    text-decoration: none
}

.navigation-task>ul>li.active ul li .ui-button.active:focus,
.navigation-task>ul>li.active ul li .ui-button.active:hover,
.navigation-task>ul>li.active ul li a.active:focus,
.navigation-task>ul>li.active ul li a.active:hover {
    color: #C41F3E
}

.navigation-task>ul>li.active ul li .ui-button.active.active:before,
.navigation-task>ul>li.active ul li a.active.active:before {
    border-radius: 5px;
    background-color: #C41F3E;
    content: '';
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 1px;
    width: 4px
}

.navigation-task>ul>li.active ul li:first-child {
    border-top: solid 1px #D6D6D6;
    padding: 0
}

.navigation-task>ul>li.active ul li>ul {
    margin-left: 14px
}

.navigation-task>ul>li.active ul li>ul li:first-child {
    border: none
}

.net-worth-graph {
    float: left;
    width: 100%
}

.net-worth-graph .assets ul.graph li,
.net-worth-graph .liabilities ul.graph li {
    width: 0;
    height: 100%;
    display: inline-block
}

.net-worth-graph .assets ul.graph .bankAccount,
.net-worth-graph .assets ul.graph .nonRegisteredInvestment {
    background-color: #5E5C99
}

.net-worth-graph .assets ul.graph .registeredInvestment {
    background-color: #8684B2
}

.net-worth-graph .assets ul.graph .realEstate {
    background-color: #AEADCD
}

.net-worth-graph .assets ul.graph .vehicle {
    background-color: #C2C2D9
}

.net-worth-graph .assets ul.graph .businessOwnership {
    background-color: #D6D6E5
}

.net-worth-graph .assets ul.graph .otherAsset {
    background-color: #EAEAF2
}

.net-worth-graph .liabilities ul.graph .credit,
.net-worth-graph .liabilities ul.graph .otherLiability {
    background-color: #894968
}

.net-worth-graph .net-worth-graph-segment {
    float: left;
    height: 100%
}

.net-worth-graph .net-worth-graph-segment:focus,
.net-worth-graph .net-worth-graph-segment:hover {
    background-color: #F2F9FE
}

.net-worth-graph .net-worth-graph-segment:focus .tooltip,
.net-worth-graph .net-worth-graph-segment:hover .tooltip {
    opacity: 1;
    top: 30px;
    visibility: visible;
    z-index: 11
}

.net-worth-graph .net-worth-graph-segment:focus .tooltip {
    z-index: 10
}

.net-worth-graph .net-worth-graph-segment .tooltip {
    background: #383B3E;
    border-radius: 0;
    box-shadow: 3px 3px 0 0 rgba(51, 51, 51, .5);
    color: #FFF;
    float: left;
    height: 60px;
    left: 1px;
    margin-top: -125px;
    margin-left: 50%;
    padding: 10px 15px;
    position: relative;
    text-align: center;
    visibility: hidden;
    width: auto
}

.net-worth-graph .net-worth-graph-segment .tooltip:after {
    border-top: 25px solid #383B3E;
    border-right: 20px solid transparent;
    content: '';
    height: 0;
    left: 0;
    right: 0;
    position: absolute;
    top: 80px;
    width: 0
}

.net-worth-graph .net-worth-graph-segment .tooltip .segment-percentage {
    font-size: 16px;
    font-weight: 700
}

.net-worth-graph .net-worth-graph-segment .tooltip .segment-name,
.net-worth-graph .net-worth-graph-segment .tooltip .segment-value {
    white-space: nowrap
}

.net-worth-panel {
    background: #EFEFEF;
    border-top: solid 3px #5E5C99;
    display: inline-block;
    padding: 20px 15px 40px;
    width: 180px
}

.net-worth-panel .currency-cad {
    background: url(img/icon_flag_CAN.png) left no-repeat;
    background-size: 20px;
    color: #383B3E;
    display: block;
    font-size: 12px;
    padding-left: 25px;
    width: 50px
}

.net-worth-panel .net-worth-amount {
    color: #383B3E;
    display: block;
    font-size: 18px;
    margin-bottom: 15px
}

.net-worth-panel .title {
    color: #606366;
    display: block;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase
}

.net-worth-table {
    margin: 25px 0 45px;
    width: 100%
}

.net-worth-table.assets .type-footer tr:last-child {
    border-bottom: 1px solid #737373
}

.net-worth-table.assets .type-footer tr:nth-child(2) {
    border-bottom: none
}

.net-worth-table .category-subtable .item:not(:last-child),
.net-worth-table tbody:last-of-type .item {
    border-bottom: solid 1px #D6D6D6
}

.net-worth-table tr.item.user:focus,
.net-worth-table tr.item.user:hover {
    background-color: #F2F9FE;
    cursor: pointer
}

.net-worth-table td,
.net-worth-table th {
    padding: 10px 15px
}

.net-worth-table .type-header .type {
    color: #383B3E;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.6px;
    letter-spacing: 0;
    text-transform: uppercase
}

.net-worth-table .type-header .type-explanation {
    color: #383B3E;
    font-size: 12px;
    font-weight: 400
}

.net-worth-table .type-header th {
    padding-bottom: 0
}

.net-worth-table .type-header:after {
    content: '\200C';
    line-height: 5px;
    display: block;
    color: transparent
}

.net-worth-table .type-footer tr td:first-child {
    width: 395px
}

.net-worth-table .type-footer .exchange-rate,
.net-worth-table .type-footer .total-amount {
    text-align: right;
    white-space: nowrap
}

.net-worth-table .type-footer .total-amount {
    font-weight: 700
}

.net-worth-table .type-footer .exchange-rate {
    white-space: nowrap
}

.net-worth-table .type-footer .exchange-rate span {
    display: block
}

.net-worth-table .add-item-section,
.net-worth-table .edit-item-section {
    background-color: #F2F9FE;
    border-top: solid 1px
}

.net-worth-table .add-item-section .amount,
.net-worth-table .add-item-section .category,
.net-worth-table .add-item-section .description,
.net-worth-table .add-item-section .institution,
.net-worth-table .add-item-section .sub-category,
.net-worth-table .edit-item-section .amount,
.net-worth-table .edit-item-section .category,
.net-worth-table .edit-item-section .description,
.net-worth-table .edit-item-section .institution,
.net-worth-table .edit-item-section .sub-category {
    width: 136px;
    display: inline-block;
    height: 35px
}

.net-worth-table .add-item-section .amount .ui-set-field select,
.net-worth-table .add-item-section .category .ui-set-field select,
.net-worth-table .add-item-section .description .ui-set-field select,
.net-worth-table .add-item-section .institution .ui-set-field select,
.net-worth-table .add-item-section .sub-category .ui-set-field select,
.net-worth-table .edit-item-section .amount .ui-set-field select,
.net-worth-table .edit-item-section .category .ui-set-field select,
.net-worth-table .edit-item-section .description .ui-set-field select,
.net-worth-table .edit-item-section .institution .ui-set-field select,
.net-worth-table .edit-item-section .sub-category .ui-set-field select {
    width: 129px
}

.net-worth-table .add-item-section .amount .ui-textbox,
.net-worth-table .add-item-section .category .ui-textbox,
.net-worth-table .add-item-section .description .ui-textbox,
.net-worth-table .add-item-section .institution .ui-textbox,
.net-worth-table .add-item-section .sub-category .ui-textbox,
.net-worth-table .edit-item-section .amount .ui-textbox,
.net-worth-table .edit-item-section .category .ui-textbox,
.net-worth-table .edit-item-section .description .ui-textbox,
.net-worth-table .edit-item-section .institution .ui-textbox,
.net-worth-table .edit-item-section .sub-category .ui-textbox {
    width: 135px
}

.net-worth-table .add-item-section .amount .ui-textbox label,
.net-worth-table .add-item-section .category .ui-textbox label,
.net-worth-table .add-item-section .description .ui-textbox label,
.net-worth-table .add-item-section .institution .ui-textbox label,
.net-worth-table .add-item-section .sub-category .ui-textbox label,
.net-worth-table .edit-item-section .amount .ui-textbox label,
.net-worth-table .edit-item-section .category .ui-textbox label,
.net-worth-table .edit-item-section .description .ui-textbox label,
.net-worth-table .edit-item-section .institution .ui-textbox label,
.net-worth-table .edit-item-section .sub-category .ui-textbox label {
    padding: 5px
}

.net-worth-table .add-item-section .amount .ui-textbox.ui-display-currency label,
.net-worth-table .add-item-section .category .ui-textbox.ui-display-currency label,
.net-worth-table .add-item-section .description .ui-textbox.ui-display-currency label,
.net-worth-table .add-item-section .institution .ui-textbox.ui-display-currency label,
.net-worth-table .add-item-section .sub-category .ui-textbox.ui-display-currency label,
.net-worth-table .edit-item-section .amount .ui-textbox.ui-display-currency label,
.net-worth-table .edit-item-section .category .ui-textbox.ui-display-currency label,
.net-worth-table .edit-item-section .description .ui-textbox.ui-display-currency label,
.net-worth-table .edit-item-section .institution .ui-textbox.ui-display-currency label,
.net-worth-table .edit-item-section .sub-category .ui-textbox.ui-display-currency label {
    text-align: right
}

.net-worth-table .add-item-section .cancel,
.net-worth-table .edit-item-section .cancel {
    background-image: url(img/icon_18_cancel.png)
}

.net-worth-table .add-item-section .save,
.net-worth-table .edit-item-section .save {
    background-image: url(img/icon_18_confirm.png)
}

.net-worth-table .add-item-section .cancel,
.net-worth-table .add-item-section .save,
.net-worth-table .edit-item-section .cancel,
.net-worth-table .edit-item-section .save {
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: -3px -3px;
    width: 18px;
    height: 18px
}

.net-worth-table .add-item-section td,
.net-worth-table .edit-item-section td {
    padding-right: 0
}

.net-worth-table .add-item-section .ui-set-field,
.net-worth-table .edit-item-section .ui-set-field {
    margin-bottom: 0;
    width: 100%
}

.net-worth-table .add-item-section div.amount,
.net-worth-table .edit-item-section div.amount {
    float: right;
    width: 116px
}

.net-worth-table .add-item-section div.amount .ui-textbox,
.net-worth-table .edit-item-section div.amount .ui-textbox {
    width: 114px;
    margin-left: 7px;
    margin-right: 12px
}

.net-worth-table .add-item-section .input-section,
.net-worth-table .edit-item-section .input-section {
    display: inline-block;
    float: right
}

.net-worth-table .category-subtable .category-header {
    background-color: #EFEFEF;
    border-bottom: solid 1px #D6D6D6;
    border-top: solid 3px;
    height: 32px
}

.net-worth-table .category-subtable .category-header td {
    padding: 0 15px
}

.net-worth-table .category-subtable .category-header .category {
    font-weight: 400;
    font-size: 16px
}

.net-worth-table .category-subtable .category-header .amount {
    min-width: 100px
}

.net-worth-table .category-subtable .category-header .actions,
.net-worth-table .category-subtable .category-header .amount {
    text-align: right;
    text-transform: uppercase;
    font-size: 11px
}

.net-worth-table .category-subtable .category-header .actions.total,
.net-worth-table .category-subtable .category-header .amount.total {
    font-weight: 700
}

.net-worth-table .category-subtable.bank-account .category-header {
    border-top-color: #5E5C99
}

.net-worth-table .category-subtable.business-ownership .category-header {
    border-top-color: #D6D6E5
}

.net-worth-table .category-subtable.credit .category-header {
    border-top-color: #894968
}

.net-worth-table .category-subtable.non-registered-investment .category-header {
    border-top-color: #5E5C99
}

.net-worth-table .category-subtable.other-asset .category-header {
    border-top-color: #EAEAF2
}

.net-worth-table .category-subtable.other-liability .category-header {
    border-top-color: #894968
}

.net-worth-table .category-subtable.real-estate .category-header {
    border-top-color: #AEADCD
}

.net-worth-table .category-subtable.registered-investment .category-header {
    border-top-color: #8684B2
}

.net-worth-table .category-subtable.vehicle .category-header {
    border-top-color: #C2C2D9
}

.net-worth-table .category-subtable .item {
    vertical-align: bottom
}

.net-worth-table .category-subtable .item>th {
    font-weight: 400;
    padding-left: 43px
}

.net-worth-table .category-subtable .item>th .ui-set-field {
    margin-bottom: 0
}

.net-worth-table .category-subtable .item .amount {
    position: relative;
    text-align: right;
    white-space: nowrap
}

.net-worth-table .category-subtable .item .amount.converted:after {
    bottom: 10px;
    content: '*';
    display: block;
    position: absolute;
    right: 10px
}

.net-worth-table .category-subtable .item.internal>th {
    background-image: url(img/logo-cibc-networth.png);
    background-position: 15px 10px;
    background-repeat: no-repeat;
    background-size: 18px
}

.net-worth-table .category-subtable .item .actions {
    width: 65px
}

.net-worth-table .category-subtable .item .bank-name {
    font-size: 11px;
    font-weight: 700
}

.net-worth-table .category-subtable .item .delete,
.net-worth-table .category-subtable .item .edit {
    background-repeat: no-repeat;
    background-position: -3px;
    background-size: 24px;
    height: 20px;
    width: 18px
}

.net-worth-table .category-subtable .item .edit {
    background-image: url(img/icon-edit-red.png)
}

.net-worth-table .category-subtable .item .delete {
    background-image: url(img/icon-delete-red.png)
}

.net-worth-table .item.edit-item-section .actions,
.net-worth-table tr.add-item-section .actions {
    float: left;
    width: 80px;
    margin-left: 15px;
    padding-top: 8px;
    vertical-align: top
}

.net-worth-table .item.edit-item-section .fields-container,
.net-worth-table tr.add-item-section .fields-container {
    float: left;
    width: 669px
}

.net-worth-table .category-only {
    float: left;
    width: auto
}

.net-worth-table span.divider {
    border-right: solid 1px #D6D6D6;
    padding-right: 10px;
    margin-right: 10px
}

@media print {

    .net-worth .disclaimers,
    .net-worth-table .category-subtable {
        page-break-inside: avoid
    }

    .net-worth-table .type-footer {
        display: table-row-group
    }

    .net-worth-table .type-footer .add-item-section,
    .net-worth-table .type-footer .secondary-button.ui-button {
        display: none
    }

    .net-worth .disclaimers {
        margin-bottom: 0
    }
}

.otvc-dialog h1.otvc-title {
    font-size: 24px;
    font-weight: 400;
    margin-top: -20px;
    padding-bottom: 25px
}

.otvc-dialog .otvc-body {
    overflow: hidden
}

.otvc-dialog .otvc-body .reloadButton {
    height: 40px
}

.otvc-dialog .otvc-content {
    margin-bottom: 23px
}

.otvc-dialog .otvc-content p {
    margin-top: 0
}

.otvc-dialog label {
    color: #383B3E;
    display: block !important;
    font-size: 12px;
    font-weight: 700
}

.otvc-dialog .ui-group {
    width: 450px
}

.otvc-dialog .ui-select select {
    width: 245px
}

.otvc-dialog .ui-set-field {
    margin-bottom: 0
}

.otvc-dialog .ui-set-field>label:first-of-type {
    color: #383B3E;
    padding: 0 0 5px;
    width: auto
}

.otvc-dialog .ui-alert.ui-scope-inline {
    margin-top: 10px
}

.otvc-dialog .ui-set-messages {
    float: left
}

.otvc-dialog .sending {
    display: none;
    float: left;
    height: 32px;
    margin: 3px 0 0 -20px;
    padding-left: 0
}

.otvc-dialog .sending .text {
    padding-top: 6px
}

.otvc-dialog .sendingBtnWrap {
    float: left;
    margin-top: -1px
}

.otvc-dialog .send-btn {
    margin-left: 15px
}

.otvc-dialog .channel-select {
    float: left;
    top: 3px
}

.otvc-dialog .reload-button {
    float: right
}

.otvc-dialog .ui-display-secondary {
    height: 30px;
    line-height: 29px;
    margin-top: 2px
}

.otvc-dialog .option-divider {
    margin: 20px 0 30px;
    border-top: 1px solid #e5e5e5
}

.otvc-dialog .message-success .ui-display-confirm {
    background: url(img/uikit/ui-alert-success.png) 0 10px no-repeat;
    background-size: 42px;
    padding-left: 55px;
    padding-bottom: 20px
}

.otvc-dialog .message-success .ui-display-confirm p:first-child {
    color: #383B3E;
    font-family: WhitneyBookRegular;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 6px
}

.otvc-dialog .message-success .ui-display-confirm p:nth-child(2) {
    color: #383B3E;
    font-size: 12px;
    font-family: Arial;
    margin: 0
}

.otvc-dialog .otvc-input {
    padding-top: 10px
}

.otvc-dialog .otvc-input .ui-textbox {
    width: 100px
}

.otvc-dialog .otvc-input .ui-set-messages {
    float: none
}

.otvc-dialog .use-code-btn {
    margin-top: 2px
}

.otvc-container .ui-button.ui-show-spinner,
.otvc-dialog .ui-button.ui-show-spinner,
.password-new-questions .ui-button.ui-show-spinner {
    background: url(../assets/img/spinner-red-40px.gif) 25px 3px no-repeat;
    background-size: 24px
}

.otvc-container .ui-button.ui-show-spinner.ui-disabled,
.otvc-dialog .ui-button.ui-show-spinner.ui-disabled,
.password-new-questions .ui-button.ui-show-spinner.ui-disabled {
    background-color: transparent;
    border: 2px solid #C41F3E;
    color: #C41F3E
}

.otvc-container .ui-button.ui-show-spinner:focus,
.otvc-container .ui-button.ui-show-spinner:hover,
.otvc-dialog .ui-button.ui-show-spinner:focus,
.otvc-dialog .ui-button.ui-show-spinner:hover,
.password-new-questions .ui-button.ui-show-spinner:focus,
.password-new-questions .ui-button.ui-show-spinner:hover {
    background: url(../assets/img/spinner-red-40px.gif) 25px 3px no-repeat;
    background-size: 24px;
    box-shadow: none;
    cursor: none;
    color: #C41F3E;
    margin-left: 15px;
    padding-left: 23px;
    pointer-events: none
}

.otvc-container .action-bar .secondary,
.otvc-container .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.otvc-container .ui-button.ui-show-spinner:focus .ui-wrapper,
.otvc-container .ui-button.ui-show-spinner:focus button,
.otvc-container .ui-button.ui-show-spinner:hover .ui-wrapper,
.otvc-container .ui-button.ui-show-spinner:hover button,
.otvc-dialog .ui-button.ui-show-spinner:focus .ui-wrapper,
.otvc-dialog .ui-button.ui-show-spinner:focus button,
.otvc-dialog .ui-button.ui-show-spinner:hover .ui-wrapper,
.otvc-dialog .ui-button.ui-show-spinner:hover button,
.password-new-questions .ui-button.ui-show-spinner:focus .ui-wrapper,
.password-new-questions .ui-button.ui-show-spinner:focus button,
.password-new-questions .ui-button.ui-show-spinner:hover .ui-wrapper,
.password-new-questions .ui-button.ui-show-spinner:hover button {
    visibility: visible;
    color: #C41F3E
}

.otvc-container .ui-button.ui-show-spinner:focus.ui-disabled,
.otvc-container .ui-button.ui-show-spinner:hover.ui-disabled,
.otvc-dialog .ui-button.ui-show-spinner:focus.ui-disabled,
.otvc-dialog .ui-button.ui-show-spinner:hover.ui-disabled,
.password-new-questions .ui-button.ui-show-spinner:focus.ui-disabled,
.password-new-questions .ui-button.ui-show-spinner:hover.ui-disabled {
    background-color: transparent;
    border: 2px solid #C41F3E;
    color: #C41F3E
}

.otvc-container .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.otvc-container .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.otvc-container .action-bar .primary:only-child {
    margin-left: auto
}

.otvc-container .action-bar .secondary {
    order: 3
}

.otvc-container .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.otvc-container .action-bar .tertiary:focus,
.otvc-container .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.otvc-container .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.otvc-container .action-bar .quaternary~.tertiary {
    margin: 0
}

.otvc-container .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.otvc-container .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.page-footer,
.page-footer .footer-container {
    background: #383B3E
}

.otvc-container .action-bar .secondary:focus,
.otvc-container .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

@media print {
    .otvc-body {
        margin-bottom: 30px
    }

    .page-footer,
    .page-footer .footer-container,
    .page-footer .footer-note {
        background-color: transparent
    }
}

.page-footer {
    color: #FFF;
    font-size: 13px;
    padding-top: 45px;
    padding-bottom: 28px
}

.page-footer .footer-container>div>div:first-of-type h2 {
    margin-bottom: 20px
}

.page-footer .footer-container>div>div:first-of-type>ul li {
    background-repeat: no-repeat;
    background-position: top left;
    margin-bottom: 18px
}

.page-footer .footer-container>div>div:first-of-type>ul li a {
    display: inline-block;
    line-height: 16px
}

.page-footer .footer-container>div>div:first-of-type>ul li span {
    margin-top: 2px;
    vertical-align: top;
    width: 145px
}

.page-footer .footer-container>div>div:first-of-type>ul li.hasIcon {
    background-image: url(img/sprite-icon-footer.png);
    background-size: 21px
}

.page-footer .footer-container>div>div:first-of-type>ul li.hasIcon a {
    padding-left: 28px
}

.page-footer .footer-container>div>div:first-of-type>ul li.hasIcon.icon-rate {
    background-position: 0 -65px
}

.page-footer .footer-container>div>div:first-of-type>ul li.hasIcon.icon-tools {
    background-position: 0 -22px
}

.page-footer .footer-container>div>div:first-of-type>ul li.hasIcon.icon-savings {
    background-position: 0 -43px
}

.page-footer .footer-container>div>div:first-of-type>ul li.hasIcon.icon-planning {
    background-position: 0 -86px
}

.page-footer .footer-container>div>div:first-of-type>ul li.hasIcon.icon-phone {
    background-position: 0 -108px
}

.page-footer .footer-container>div>div>ul li {
    margin-left: 0;
    padding-bottom: 17px
}

.page-footer .footer-container>div>div a {
    color: #FFF;
    text-decoration: none
}

.page-footer .footer-container>div>div h2 {
    color: #FFF;
    font-family: WhitneyMedium;
    font-size: 18px;
    margin-bottom: 20px
}

.page-footer .footer-container>div>div.release-number {
    color: #BBBCBC;
    font-family: Arial;
    font-size: 12px;
    float: right;
    position: relative;
    right: -60px;
    top: 0
}

.page-footer .footer-note {
    color: #FFF;
    font-size: 12px;
    line-height: 13px
}

.page-header {
    background: #8B1D41;
    background: linear-gradient(180deg, #8B1D41 0, #8B1D41 29%, #FFF 29%, #FFF 100%);
    border-bottom: solid 1px #BBBCBC;
    height: 134px;
    width: auto
}

.page-header a {
    text-decoration: none
}

.page-header .logo {
    font-size: 0;
    padding: 0;
    margin: 62px 0 0
}

.page-header .logo img {
    height: 50px
}

.page-header>.wrapper {
    background-color: transparent;
    margin: 0 auto;
    width: 940px
}

.page-header>.wrapper .header-indicators {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    height: 91px;
    justify-content: flex-end
}

.page-header>.wrapper .header-indicators>div {
    align-items: center;
    display: flex
}

.page-header>.wrapper .header-indicators>div:not(:last-child) {
    border-right: 1px solid #BBBCBC
}

.page-header>.wrapper .header-indicators .financial-advisor {
    line-height: 18px;
    padding-right: 20px;
    text-align: right;
    visibility: hidden
}

.page-header>.wrapper .header-indicators .financial-advisor .advisor-image {
    display: inline-block;
    margin-left: 20px
}

.page-header>.wrapper .header-indicators .financial-advisor .advisor-image img {
    height: 40px;
    width: 40px
}

.page-header>.wrapper .header-indicators .financial-advisor .name {
    display: block;
    font-weight: 700;
    text-transform: uppercase
}

.page-header>.wrapper .header-indicators .financial-advisor>span {
    display: block
}

.page-header>.wrapper .header-indicators .financial-advisor.visible {
    border: none;
    visibility: visible
}

.page-header .skip:focus {
    background-color: #FFF;
    border: 1px solid #fff;
    color: #8B1D41;
    font-size: 13px;
    font-weight: 700;
    left: 47%;
    margin: 5px auto auto;
    overflow: auto;
    padding: 8px 10px 5px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: auto
}

@media print {
    header.page-header {
        background: 0 0;
        border: none;
        height: auto
    }

    header.page-header .logo {
        height: auto;
        margin-bottom: 0;
        padding: 10px 0 0
    }

    header.page-header .logo img {
        bottom: 0;
        margin-bottom: 0;
        position: absolute
    }

    header.page-header>.wrapper {
        min-height: 100px;
        background-color: transparent
    }

    header.page-header>.wrapper .header-indicators .meet-with-us,
    header.page-header>.wrapper .header-indicators .message-center-notification {
        display: none
    }

    header.page-header>.wrapper .header-indicators>div:not(:first-child) {
        border: none
    }

    header.page-header>.wrapper .header-indicators>div:not(:last-child) {
        border: none;
        margin-bottom: 10px
    }
}

.recipient-notification-field div.method {
    color: #737373;
    font-size: 13px;
    padding-bottom: 20px;
    padding-left: 20px
}

.recipient-notification-field div.method.enabled {
    background: url(img/manage-alerts/icon-checkmark.png) -2px -2px no-repeat;
    background-size: 20px;
    color: #383B3E
}

.register-forgotpassword-stepone .action-bar .secondary,
.register-forgotpassword-stepone .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.recipient-notification-field div.method span {
    color: #606366;
    display: inline-block;
    max-width: 250px;
    padding-left: 25px;
    vertical-align: top;
    word-break: break-all
}

.recipient-notification-field a {
    padding-left: 20px
}

.register-forgotpassword-stepone .forgotCardInfo .ui-set-field {
    display: block
}

.register-forgotpassword-stepone .phone-number .ui-set-messages {
    float: none
}

.register-forgotpassword-stepone .intlNumber .ui-set-field,
.register-forgotpassword-stepone .phone-number .ui-set-field {
    margin-bottom: 2px
}

.register-forgotpassword-stepone .intlNumber .ui-number .ui-textbox {
    width: 150px
}

.register-forgotpassword-stepone .phone-number-combined-toggle {
    margin-bottom: 20px;
    text-decoration: underline
}

.register-forgotpassword-stepone .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.register-forgotpassword-stepone .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.register-forgotpassword-stepone .action-bar .primary:only-child {
    margin-left: auto
}

.register-forgotpassword-stepone .action-bar .secondary {
    order: 3
}

.register-forgotpassword-stepone .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.register-forgotpassword-stepone .action-bar .tertiary:focus,
.register-forgotpassword-stepone .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.register-forgotpassword-stepone .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.register-forgotpassword-stepone .action-bar .quaternary~.tertiary {
    margin: 0
}

.register-forgotpassword-stepone .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.register-forgotpassword-stepone .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.register-forgotpassword-stepone .action-bar .secondary:focus,
.register-forgotpassword-stepone .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.registered-product-contributions,
.resps-holdings .holding-details {
    margin-bottom: 30px
}

.registered-product-contributions div.header-highlight,
.resps-holdings .holding-details div.header-highlight {
    padding-bottom: 0;
    background-color: initial;
    text-align: left;
    border-bottom: 3px solid #606366
}

.signin-bar .content,
.toolbox-global {
    text-align: right
}

.registered-product-contributions div.header-highlight h2,
.resps-holdings .holding-details div.header-highlight h2 {
    color: #383B3E;
    font-family: Arial;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase
}

.registered-product-contributions>div>.col-5,
.resps-holdings .holding-details>div>.col-5 {
    padding: 0 15px
}

.registered-product-contributions>div>.col-5+.col-5,
.resps-holdings .holding-details>div>.col-5+.col-5 {
    margin-left: 10px
}

.registered-product-contributions>div .row,
.resps-holdings .holding-details>div .row {
    padding: 10px 0;
    line-height: 100%
}

.registered-product-contributions>div .row+.row,
.resps-holdings .holding-details>div .row+.row {
    border-top: 1px solid #BBBCBC
}

.registered-product-contributions>div .row:first-child,
.resps-holdings .holding-details>div .row:first-child {
    padding-top: 30px
}

.registered-product-contributions>div .row span,
.resps-holdings .holding-details>div .row span {
    float: right
}

.registered-product-contributions>div .row span:first-child,
.resps-holdings .holding-details>div .row span:first-child {
    font-weight: 700;
    float: none
}

.rotating-promo {
    overflow: hidden
}

.rotating-promo img {
    position: absolute
}

.rotating-promo a,
.rotating-promo span {
    color: #383B3E;
    display: block;
    line-height: 1.35em;
    margin: 0;
    padding: 0;
    position: relative
}

.rotating-promo a:focus,
.rotating-promo a:hover,
.rotating-promo span:focus,
.rotating-promo span:hover {
    color: #383B3E;
    text-decoration: none
}

.rotating-promo span {
    padding-left: 20px;
    padding-right: 20px;
    white-space: normal
}

.rotating-promo span.promo-headline {
    font-size: 16px;
    font-weight: 700;
    padding-top: 15px;
    padding-bottom: 10px
}

.rotating-promo span.promo-link {
    color: #C41F3E;
    padding-top: 1em
}

.rotating-promo span.promo-link:focus,
.rotating-promo span.promo-link:hover {
    color: #383B3E
}

.rotating-promo.registration-confirmation-promo,
.rotating-promo.signon-promo {
    height: 180px;
    width: 412px
}

.rotating-promo.registration-confirmation-promo span,
.rotating-promo.signon-promo span {
    padding-left: 20px;
    padding-right: 20px;
    width: 40%
}

.rotating-promo.registration-confirmation-promo.promo-headline,
.rotating-promo.signon-promo.promo-headline {
    padding-top: 30px
}

.rotating-promo.right-rail-promo {
    height: 317px;
    width: 220px
}

.rotating-promo.left-nav-promo {
    height: 337px;
    margin-top: 30px;
    width: 140px
}

.rotating-promo.left-nav-promo span {
    padding-left: 15px;
    padding-right: 15px;
    white-space: normal
}

.rotating-promo.body-full-promo {
    width: 780px
}

.rotating-promo.body-full-promo span {
    width: 520px
}

.rotating-promo.body-promo {
    margin-top: 22px;
    width: 540px
}

.rotating-promo.body-promo span {
    width: 280px
}

.rotating-promo.registration-confirmation-promo {
    height: 175px;
    width: 460px
}

.set-budget-amount .cancel-budget-amount,
.set-budget-amount .delete-budget-amount,
.set-budget-amount .edit-budget-amount,
.set-budget-amount .save-budget-amount {
    background: url(img/icon-edit-red.png) center -3px/24px no-repeat;
    height: 19px;
    padding: 0 20px;
    width: 18px
}

.set-budget-amount .cancel-budget-amount,
.set-budget-amount .delete-budget-amount {
    border-left: solid 1px #BBBCBC
}

.set-budget-amount .cancel-budget-amount {
    background-image: url(img/icon_18_cancel.png)
}

.set-budget-amount .delete-budget-amount {
    background-image: url(img/icon-delete-red.png);
    background-size: 24px;
    height: 24px;
    background-position-y: 0;
    visibility: hidden
}

.set-budget-amount .save-budget-amount {
    background-image: url(img/icon_18_confirm.png)
}

.set-budget-amount .set-budget-amount-buttons {
    float: right;
    padding-right: 40px
}

.set-budget-amount .ui-set-textbox {
    display: block;
    float: left;
    margin: 0;
    padding: 0
}

.set-budget-amount .ui-set-textbox .ui-set-field {
    margin: 0;
    padding: 0
}

.set-budget-amount .ui-set-textbox .ui-textbox {
    height: 23px;
    width: 70px
}

.set-budget-amount .ui-set-textbox .ui-textbox:before {
    top: 0
}

.set-budget-amount.delete-available .delete-budget-amount {
    visibility: visible
}

.signin-bar {
    background-color: #8B1D41;
    float: none;
    height: 39px;
    margin: 0;
    width: auto
}

.signin-bar .content .masthead-navigation {
    display: inline-block;
    font-size: 0;
    margin-top: -2px;
    vertical-align: top
}

.signin-bar .content .masthead-navigation>li {
    color: #FFF;
    display: inline-block;
    font-family: Arial;
    padding-top: 10px
}

.signin-bar .content .masthead-navigation>li .language-switcher,
.signin-bar .content .masthead-navigation>li>a {
    border-left: solid 1px #BBBCBC;
    color: #FFF;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    padding: 3px 20px;
    vertical-align: middle
}

.spend-manager-transaction-table td span,
.spend-report-pie-chart .header h3 .chart-toggle .ui-button {
    vertical-align: top
}

.signin-bar .content .masthead-navigation>li .language-switcher.language-switcher,
.signin-bar .content .masthead-navigation>li>a.language-switcher {
    padding: 0
}

.signin-bar .content .masthead-navigation>li .language-switcher.language-switcher .ui-button,
.signin-bar .content .masthead-navigation>li>a.language-switcher .ui-button {
    color: #FFF;
    vertical-align: top;
    padding: 0 20px
}

.signin-bar .content .masthead-navigation>li .language-switcher.language-switcher .ui-button:focus,
.signin-bar .content .masthead-navigation>li .language-switcher.language-switcher .ui-button:hover,
.signin-bar .content .masthead-navigation>li a:focus,
.signin-bar .content .masthead-navigation>li a:hover,
.signin-bar .content .masthead-navigation>li>a.language-switcher .ui-button:focus,
.signin-bar .content .masthead-navigation>li>a.language-switcher .ui-button:hover {
    text-decoration: underline
}

.signin-bar .content .masthead-navigation>li:first-child a {
    border-left: none;
    padding-left: 0
}

.signin-bar .content .masthead-navigation>li:last-child a {
    padding-right: 0
}

.signin-bar .content .signout {
    background-color: transparent;
    background-image: none;
    border: 1px solid #FFF;
    border-radius: 4px;
    box-shadow: none;
    display: inline-block;
    font-family: Arial;
    font-size: 12px;
    height: 23px;
    margin: 8px 0 8px 10px;
    min-height: 23px
}

.signin-bar .content .signout .ui-wrapper {
    padding: 0 20px
}

.signin-bar .content .signout:focus,
.signin-bar .content .signout:hover {
    background-color: #FFF;
    background-image: none;
    color: #8B1D41
}

.signin-bar .content .adchoices {
    font-family: Arial;
    height: 30px;
    margin-left: 10px;
    margin-right: 1px
}

.signin-bar .content .adchoices a {
    padding-left: 15px
}

.signin-bar .content .adchoices img {
    position: relative !important;
    padding-left: 2px;
    top: 3px !important
}

.signin-bar.signout .content .masthead-navigation li:first-child {
    padding-right: 3px
}

.signin-bar.signout .content .masthead-navigation li a {
    border-left: 0;
    padding-left: 0;
    padding-right: 0
}

.signin-bar .masthead-user-status {
    float: right
}

.signin-bar .masthead-user-status .masthead-messages {
    background: url(img/masthead-email-icon.png) left top/45px no-repeat;
    color: #FFF;
    display: block;
    height: 31px;
    line-height: 2.5em;
    padding-left: 19px;
    width: 19px
}

.spend-manager-transaction-table .ui-popover.ui-display-assign-custom-category>.ui-wrapper li.select-category+li.add-category-label,
.spend-manager-transaction-table .ui-popover.ui-display-assign-custom-category>.ui-wrapper li.select-category+li.not-assigned-label {
    background-position: 0 15px;
    border-top: 1px solid #BBBCBC;
    margin: 10px 0 5px;
    padding-top: 10px !important
}

.spend-manager-transaction-table .ui-popover.ui-display-assign-custom-category>.ui-wrapper li a {
    text-decoration: none
}

.spend-manager-transaction-table .ui-popover.ui-display-assign-custom-category>.ui-wrapper li a:hover {
    text-decoration: underline
}

.spend-manager-transaction-table .credit {
    font-weight: 700;
    color: #333
}

.spend-report-pie-chart .header {
    border-bottom: 1px solid #BBBCBC
}

.spend-report-pie-chart .header h3 {
    font-size: 12px;
    font-weight: 400
}

.spend-report-pie-chart .header h3 .chart-toggle {
    font-family: Arial;
    line-height: 15px
}

.spend-report-pie-chart .header h3 .list-view::after {
    color: #BBBCBC
}

.spend-report-pie-chart .header h3 .chart-view.active .ui-button.ui-display-link,
.spend-report-pie-chart .header h3 .list-view.active .ui-button.ui-display-link {
    font-weight: 700;
    text-decoration: none
}

.spend-report-pie-chart .header h3 .chart-view.active .ui-button.ui-display-link button,
.spend-report-pie-chart .header h3 .list-view.active .ui-button.ui-display-link button {
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit
}

.spend-report-pie-chart .header h3 .chart-view.active .ui-button.ui-display-link:focus,
.spend-report-pie-chart .header h3 .chart-view.active .ui-button.ui-display-link:hover,
.spend-report-pie-chart .header h3 .list-view.active .ui-button.ui-display-link:focus,
.spend-report-pie-chart .header h3 .list-view.active .ui-button.ui-display-link:hover {
    color: #383B3E
}

.spend-report-pie-chart .header h3 .chart-view.inactive .ui-button.ui-display-link,
.spend-report-pie-chart .header h3 .list-view.inactive .ui-button.ui-display-link {
    text-decoration: underline
}

.spend-report-pie-chart .spend-report-table-view tbody {
    border-bottom: 1px solid #E1E1E1
}

.spend-report-pie-chart .spend-report-table-view td {
    border-bottom: none
}

.spend-report-pie-chart .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info span {
    display: inline
}

.spend-report-pie-chart .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info>span:first-of-type {
    color: #D6D6D6;
    display: block;
    font-size: 12px
}

.spend-report-pie-chart .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info>span:nth-child(2),
.spend-report-pie-chart .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info>span:nth-child(3) {
    font-size: 16px;
    font-weight: 700
}

.spend-report-pie-chart .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info>span:nth-child(3):before {
    font-size: 15px;
    font-weight: 400
}

.spend-report-pie-chart .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info ul li {
    background: 0 0
}

.spend-report-pie-chart .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info ul li span,
.spend-report-pie-chart .spend-report-chart-view .spend-total-label {
    font-weight: 700
}

.spend-report-pie-chart .spend-report-chart-view .spend-total-amount {
    font-size: 21px
}

.spend-report-pie-chart .spend-report-chart-view .detail-legend li .ui-button.ui-display-link {
    color: #383B3E
}

.spend-report-pie-chart .spend-report-chart-view .chart-tooltip ul {
    color: #FFF
}

@media print {
    .spend-report-pie-chart .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info>span:first-of-type {
        color: #FFF !important
    }

    .spend-report-pie-chart .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info ul li span,
    .spend-report-pie-chart .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info>span:nth-child(2),
    .spend-report-pie-chart .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info>span:nth-child(3),
    .spend-report-pie-chart .spend-report-chart-view .spend-total-label {
        color: #FFF !important;
        font-weight: 400
    }
}

.toolbox-global li {
    display: inline-block;
    height: 18px;
    margin-left: 14px;
    vertical-align: bottom;
    width: 18px
}

.toolbox-global li:first-of-type {
    margin-left: 0
}

.transaction-list .transactionDescription,
.transaction-list .transactionLocation {
    vertical-align: top
}

.transaction-list .transactionDescription span {
    font-weight: 700
}

.transaction-list .ui-paginator .ui-previous.ui-hide {
    display: none
}

.transactions>section.search .filters .other-options .sub-options,
.transactions>section.search .option-bar .presets ul {
    display: inline-block
}

.transaction-list table {
    border-top: none
}

.transaction-list table tr:last-child td {
    border: none
}

.transaction-list table>thead {
    background-color: #F2F3F2;
    font-size: 12px
}

.transaction-list table>thead .date {
    padding-left: 15px;
    width: 100px
}

.transaction-list table>thead .transactions {
    padding-left: 15px;
    padding-right: 15px;
    width: 200px
}

.transaction-list table>thead .balance,
.transaction-list table>thead .credit,
.transaction-list table>thead .debit {
    padding-left: 15px;
    width: 130px
}

.transaction-list table tbody tr {
    border-top: 1px solid #BBBCBC
}

.transaction-list table tbody tr:first-child {
    border-top: none
}

.transactions>section>.header {
    border-bottom: 3px solid #017F70
}

.transactions>section>.header h2 {
    color: #383B3E;
    font-family: WhitneyMedium;
    font-size: 18px;
    font-weight: 400
}

.transactions>section>.header h2 span {
    font-family: Arial;
    font-size: 12px
}

.transactions>section.search h3 {
    font-size: 18px;
    font-weight: 400
}

.transactions>section.search h3 span {
    font-size: 14px
}

.transactions>section.search .option-bar {
    background: 0 0;
    height: 100%;
    line-height: 14px;
    min-height: 18px;
    margin: 0;
    padding: 15px 0
}

.transactions>section.search .option-bar.separator+.form-wrapper {
    padding: 30px 0
}

.transactions>section.search .option-bar+.form-wrapper {
    background: 0 0;
    padding-top: 0
}

.transactions>section.search .option-bar .presets {
    border-bottom: 1px solid #BBBCBC;
    padding: 0 10px 15px
}

.transactions>section.search .option-bar .presets span {
    border: none;
    vertical-align: middle
}

.transactions>section.search .option-bar .presets ul li {
    border-left: solid 1px #cecece;
    display: inline-block;
    margin-left: 6px;
    max-width: 90px;
    padding-left: 10px;
    white-space: nowrap
}

.transactions>section.search .option-bar .presets ul li:first-child {
    border-left: none;
    margin: 0
}

.transactions>section.search .option-bar .presets ul li a.active {
    font-weight: 700
}

.transactions>section.search .option-bar .presets ul li .ui-display-link {
    color: #383B3E;
    height: 100%;
    text-decoration: underline
}

.transactions>section.search .option-bar .presets ul li .ui-display-link:not(.active):focus,
.transactions>section.search .option-bar .presets ul li .ui-display-link:not(.active):hover {
    color: #C41F3E;
    text-decoration: underline
}

.transactions>section.search .option-bar .presets ul li .ui-display-link.active {
    font-weight: 700;
    text-decoration: none
}

.transactions>section.search .option-bar:lang(fr) .presets ul li {
    height: 28px
}

.transactions>section.search .option-bar:lang(fr) .presets ul li .ui-button {
    padding: 7px 0
}

.transactions>section.search .option-bar:lang(fr) .presets ul li:first-child {
    max-width: 65px;
    white-space: normal
}

.transactions>section.search .option-bar:lang(fr) .presets ul li:first-child .ui-button {
    padding: 0
}

.transactions>section.search .form-wrapper {
    background-image: linear-gradient(#efefef 0, #fff 11%);
    border-top-color: #fff
}

.transactions>section.search .custom-search {
    background: url(img/icon-customsearch.png) 4px -3px no-repeat;
    background-size: 24px;
    padding-right: 25px;
    padding-left: 35px
}

.transactions>section.search .custom-search:lang(fr) {
    background-position: 0 5px;
    padding: 0 10px 0 35px;
    max-width: 170px;
    text-align: left
}

.transactions>section.search .graph-toggle {
    background: url(img/icon-toggle-graph.png) -2px -3px no-repeat;
    background-size: 24px;
    padding-left: 27px
}

.transactions>section.search .graph-toggle.disabled {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.transactions>section.search .graph-toggle:lang(fr) {
    background-position: 0 5px;
    padding: 0 10px 0 35px;
    width: 120px
}

.transactions>section.search .filters {
    padding: 0 15px 25px
}

.transactions>section.search .filters .close {
    background: url(img/icon_18_cancel.png) top left no-repeat;
    height: 18px;
    right: 8px;
    width: 18px;
    background-size: 18px
}

.transactions>section.search .filters h4 {
    margin-bottom: 10px;
    font-family: Arial;
    font-weight: 700
}

.transactions>section.search .filters .ui-button-primary {
    margin-bottom: 30px
}

.transactions>section.search .filters .ui-button.primary {
    bottom: 0;
    position: absolute
}

.transactions>section.search .filters .date {
    border-right: 1px dashed #aaa;
    margin-right: 38px;
    width: 334px
}

.transactions>section.search .filters .date .filter-by-range {
    padding-bottom: 20px
}

.transactions>section.search .filters .date .filter-by-range .ui-alert {
    margin: 5px 20px 8px 0
}

.transactions>section.search .filters .date .filter-by-range .ui-set-field {
    margin: 0;
    padding: 7px 0
}

.transactions>section.search .filters .date .filter-by-month .ui-set-field {
    margin-bottom: 0
}

.transactions>section.search .filters .date .filter-by-month .ui-set-messages {
    clear: left
}

.transactions>section.search .filters .date .ui-set-radiobutton {
    font-weight: 700;
    margin-bottom: 7px
}

.transactions>section.search .filters .date .month .year {
    top: 40px
}

.transactions>section.search .filters .other-options .amount {
    margin-right: 40px;
    width: 165px
}

.transactions>section.search .filters .other-options .amount .ui-textbox {
    width: 165px
}

.transactions>section.search .filters .other-options .location,
.transactions>section.search .filters .other-options .type {
    float: none;
    width: 170px
}

.transactions>section.search .filters .other-options .location .ui-select,
.transactions>section.search .filters .other-options .type .ui-select {
    width: 170px
}

.transactions>section.search .filters .other-options .ui-set-field {
    margin-bottom: 15px
}

.transaction-search .date-range>.ui-button .ui-wrapper {
    padding: 0 15px
}

@media print {
    .ui-slider {
        background-color: #CCC;
        border: 1px solid #666;
        -webkit-print-color-adjust: exact
    }

    .ui-slider .lower-limit {
        background-color: #AAA
    }

    .ui-slider .lower-limit .ui-slider-bar {
        background-color: #666
    }
}

.ui-slider {
    background-color: #FFD364;
    float: left;
    position: relative;
    height: 12px;
    margin-bottom: 10px
}

.ui-slider .upper-limit {
    background-color: #F2F3F2;
    float: right;
    height: 12px
}

.ui-slider .lower-limit {
    background-color: #BBBCBC;
    height: 12px;
    position: absolute;
    top: 0
}

.ui-slider .lower-limit .ui-slider-bar {
    background-color: #76B297;
    border-left: #EBEBEB;
    border-right: #EFEFEF;
    float: left;
    height: 12px;
    width: 0
}

.ui-slider .lower-limit .ui-slider-bar .active-area {
    height: 12px
}

.ui-slider .lower-limit .ui-slider-bar .active-area .ui-slider-handle {
    background: url(img/arrow_slider.png) top left no-repeat;
    background-size: 10px;
    position: absolute;
    height: 21px;
    width: 11px;
    top: -3px;
    left: -4px
}

.ui-slider .lower-limit .ui-slider-bar .active-area .ui-slider-handle:hover {
    cursor: all-scroll
}

.ui-slider .lower-limit .ui-slider-bar .active-area .ui-slider-handle:focus {
    outline: #000 dotted 1px;
    outline: -webkit-focus-ring-color auto 5px
}

.ui-slider ul.slider-scale {
    clear: both;
    background-color: #606366;
    height: 5px;
    float: left;
    margin: 6px 0;
    width: 100%
}

.ui-slider ul.slider-scale li.slider-scale-item:first-child {
    margin-left: 1px;
    width: 104px
}

.ui-slider ul.slider-scale li.slider-scale-item {
    background-color: #FFF;
    float: left;
    height: 5px;
    margin: 0 1px 1px 0;
    width: 105px
}

.ui-slider .slider-tooltip.disabled {
    display: none
}

.ui-slider .ui-popover.ui-slider-tooltip {
    display: inline;
    position: absolute;
    width: auto;
    min-width: auto
}

.ui-slider .ui-popover.ui-slider-tooltip .ui-wrapper {
    height: auto
}

.ui-slider .ui-popover.ui-slider-tooltip .ui-popover-content {
    background-color: #333;
    box-shadow: 3px 3px 0 0 rgba(51, 51, 51, .5);
    margin: 0 3px;
    padding: 10px 10px 10px 0;
    width: 192px
}

.ui-slider .ui-popover.ui-slider-tooltip .ui-popover-content:after {
    border-top: 25px solid #383B3E;
    border-right: 20px solid transparent;
    content: '';
    float: left;
    position: relative
}

.ui-slider .ui-popover.ui-slider-tooltip .ui-popover-content span.tooltip-content {
    font-size: 12px;
    color: #D6D6D6;
    display: inline-block;
    padding-left: 10px
}

.upcoming-transactions {
    padding: 15px;
    background-color: #F4F4F4
}

.upcoming-transactions .ui-button.toggle-view {
    margin-left: 0;
    padding-left: 25px
}

.upcoming-transactions .ui-button.icon-expand {
    background: url(img/uikit/ui-collapsible-pane-plus.png) 4px 0 no-repeat;
    background-size: 16px
}

.upcoming-transactions .ui-button.icon-collapse {
    background: url(img/uikit/ui-collapsible-pane-minus.png) 4px 0 no-repeat;
    background-size: 16px
}

.upcoming-transactions .ui-content {
    padding-top: 20px
}

.upcoming-transactions .ui-content>table .ui-sorting-key:after {
    margin: 0 0 0 5px;
    vertical-align: middle
}

.upcoming-transactions .ui-content>table .ui-sorting-key.ui-desc:after {
    border-top: 4px solid #C41F3E;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    height: 0;
    width: 0
}

.upcoming-transactions .ui-content>table .ui-sorting-key.ui-asc:after {
    border-bottom: 4px solid #C41F3E;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    height: 0;
    width: 0
}

.upcoming-transactions .ui-content>table .due-date {
    width: 95px
}

.upcoming-transactions .ui-content>table .transactions {
    width: 232px
}

.upcoming-transactions .ui-content>table .credit,
.upcoming-transactions .ui-content>table .debit {
    text-align: right;
    width: 100px
}

.upcoming-transactions .ui-content>table .details {
    text-align: right;
    width: 160px
}

.upcoming-transactions .ui-content>table .details .delete-transaction {
    background: url(img/icon-delete-red.png) -3px -2px no-repeat;
    background-size: 20px;
    padding-left: 20px
}

.upcoming-transactions .ui-content>table .details .remaining {
    color: #666;
    display: block
}

.upcoming-transactions .ui-content>table>thead>tr>th {
    border-bottom: none;
    height: 100%;
    padding: 0 0 10px 15px
}

.upcoming-transactions .ui-content>table>thead>tr>th:first-of-type {
    padding-left: 0
}

.upcoming-transactions .ui-content>table>tbody>tr:not(:last-of-type) {
    border-bottom: 1px solid #E1E1E1
}

.upcoming-transactions .ui-content>table>tbody>tr>td {
    padding: 10px 0 10px 15px;
    vertical-align: top
}

.upcoming-transactions .ui-content>table>tbody>tr>td:last-of-type {
    padding-bottom: 10px
}

.upcoming-transactions .ui-content .ui-alert.ui-display-content,
.upcoming-transactions .ui-content>table>tbody>tr>td:first-of-type {
    padding-left: 0
}

.upcoming-transactions .more-actions {
    border-top: 1px solid #E1E1E1;
    left: -15px;
    margin: 0;
    position: relative;
    width: 780px
}

.upcoming-transactions .more-actions span.transfer {
    border-right: 1px solid #aeaeae
}

.upcoming-transactions .more-actions span.payments {
    padding-right: 15px
}

@media print {
    .upcoming-transactions {
        padding: 0;
        background: 0 0
    }

    .upcoming-transactions .icon-expand {
        display: none
    }

    .upcoming-transactions .ui-button.icon-collapse {
        background-color: #F4F4F4 !important;
        padding: 15px;
        width: 100%
    }

    .upcoming-transactions div {
        background-color: #F4F4F4
    }

    .upcoming-transactions .more-actions {
        left: 0
    }
}

.imperial-service-rates .ui-loader {
    height: 100%
}

.imperial-service-rates .rates-form-items {
    padding: 2px 12px 0;
    top: 41px
}

.imperial-service-rates .rates-form-items table {
    height: 100%;
    position: relative
}

.imperial-service-rates .rates-form-items tbody {
    display: block;
    max-height: 175px;
    overflow-y: auto
}

.imperial-service-rates .rates-form-items tbody:before {
    content: '';
    height: 15px;
    left: 0;
    opacity: 1;
    position: absolute;
    transition: opacity .1s linear;
    width: 100%;
    z-index: 1;
    background: linear-gradient(#F2F2F2, rgba(242, 242, 242, 0)) repeat-x;
    top: 24px
}

.imperial-service-rates .rates-form-items tbody:after {
    background: linear-gradient(rgba(242, 242, 242, 0), #F2F2F2) repeat-x;
    bottom: 0
}

.imperial-service-rates .rates-form-items tbody.ui-scroll-bottom:after,
.imperial-service-rates .rates-form-items tbody.ui-scroll-top:before {
    opacity: 0
}

.imperial-service-rates .rates-form-items tbody:lang(fr) {
    max-height: 210px
}

.imperial-service-rates .rates-form-items thead,
.imperial-service-rates .rates-form-items tr {
    border-bottom: thin solid #BBB;
    display: table;
    table-layout: fixed
}

.imperial-service-rates .rates-form-items thead .product,
.imperial-service-rates .rates-form-items tr .product {
    padding: 3px 15px 3px 0;
    width: 155px
}

.imperial-service-rates .rates-form-items thead .rate,
.imperial-service-rates .rates-form-items tr .rate {
    font-weight: 700;
    padding: 3px 0;
    text-align: right;
    width: 45px
}

.imperial-service-rates .rates-form-items thead,
.imperial-service-rates .rates-form-items thead:last-of-type,
.imperial-service-rates .rates-form-items tr:last-of-type {
    border-bottom: none
}

.imperial-service-rates footer {
    left: 0;
    margin: 0 12px 12px;
    position: absolute;
    right: 0;
    top: 245px
}

.imperial-service-rates footer:lang(fr) {
    top: 285px
}

.imperial-service-rates footer .actions {
    clear: initial
}

.imperial-service .index .dashboard,
.imperial-service .index .maturity-notices,
.imperial-service .index .read-more-articles:after,
.imperial-service .planning-advice-show .text-aside-block div:after,
.imperial-service .planning-advice-show .text-aside-block div:before,
.imperial-service .planning-advice-show .text-aside-block:after,
.imperial-service .planning-advice-show img:not(.phone-icon):after {
    clear: both
}

.imperial-service-rates footer .actions .rates {
    float: right
}

.imperial-service-rates footer .as-of {
    float: left;
    position: absolute;
    vertical-align: text-bottom;
    bottom: -3px;
    font-size: 10px
}

@media print {

    .imperial-service-rates footer,
    .imperial-service-rates footer:lang(fr) {
        bottom: 0;
        top: auto
    }

    .imperial-service-rates .rates-form-items {
        padding-bottom: 47px;
        position: static
    }

    .imperial-service-rates .rates-form-items table {
        display: table;
        position: static
    }

    .imperial-service-rates .rates-form-items tbody {
        display: table-row-group;
        max-height: none
    }

    .imperial-service-rates .rates-form-items tbody:after,
    .imperial-service-rates .rates-form-items tbody:before {
        opacity: 0
    }

    .imperial-service-rates .rates-form-items thead .product,
    .imperial-service-rates .rates-form-items thead .rate,
    .imperial-service-rates .rates-form-items tr .product,
    .imperial-service-rates .rates-form-items tr .rate {
        width: auto
    }

    .imperial-service-rates .rates-form-items thead {
        display: table-row-group
    }

    .imperial-service-rates .rates-form-items tr {
        display: table-row
    }
}

.message-center-notification a {
    color: #FFF;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-left: 20px;
    overflow: hidden;
    position: relative;
    width: 28px
}

.message-center-notification a img {
    position: absolute;
    left: 0
}

.message-center-notification a span {
    font-size: 11px;
    padding-left: 11px;
    padding-top: 6px;
    z-index: 1
}

.message-center-notification a:focus,
.message-center-notification a:hover {
    color: #C41F3E;
    font-weight: 700
}

.message-center-notification.new-messages a img {
    clip: rect(24px, 28px, 48px, 0);
    top: -18px;
    width: 100%
}

.message-center-notification.new-messages a:focus img,
.message-center-notification.new-messages a:hover img {
    clip: rect(0, 28px, 25px, 0);
    top: 6px
}

.message-center-notification.up-to-date a img {
    top: 8px
}

.message-center-notification.up-to-date a span {
    display: none
}

@media print {
    .message-center-notification {
        display: none
    }
}

.activity-feed-container.web .ui-button.close {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: -1px -1px;
    font-size: 13px;
    font-family: WhitneyMedium
}

.activity-feed-container.web .ui-button.close.ui-display-link:focus,
.activity-feed-container.web .ui-button.close.ui-display-link:hover {
    text-decoration: none
}

.activity-feed-container.web .message-details-container .message-controls .close {
    background-size: 18px;
    background-position: -1px 4px;
    padding: 5px 19px
}

.activity-feed-container .ui-button.ui-display-default {
    padding: 0 30px
}

.delete-confirmation-popup .action-bar .ui-button.ui-display-secondary.ui-size-medium {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.delete-confirmation-popup .action-bar .ui-button.ui-display-secondary.ui-size-medium:focus,
.delete-confirmation-popup .action-bar .ui-button.ui-display-secondary.ui-size-medium:hover {
    border: none;
    color: #C41F3E
}

.delete-confirmation-popup .ui-dialog>.ui-wrapper {
    border: none
}

.credit-card-status.activate-card td,
.credit-card-status.blocked td,
.credit-card-status.lost-stolen-card td,
.credit-card-status.replace-damage-card td {
    border-top: none !important
}

.delete-confirmation-popup .ui-dialog>.ui-wrapper>.ui-body .action-bar {
    padding: 20px 14px
}

.ui-calendar .ui-select select {
    padding-right: 13px
}

.meet-with-us {
    display: flex;
    padding-left: 10px;
    padding-right: 20px
}

.meet-with-us a {
    align-items: center;
    background: url(img/icon_ibas.png) 10px center no-repeat;
    background-size: 24px;
    display: flex;
    text-align: right
}

.meet-with-us a span {
    display: inline-block;
    padding-left: 40px;
    vertical-align: middle;
    text-align: left
}

.meet-with-us a span:lang(fr) {
    line-height: 14px;
    max-width: 73px
}

.meet-with-us a:focus,
.meet-with-us a:hover {
    text-decoration: underline
}

@media print {
    .meet-with-us {
        display: none
    }
}

.count-down-timer .timer-container>span {
    font-size: 13px
}

.count-down-timer .timer-container .timer {
    background: url(img/timer_icon.png) -4px -2px no-repeat;
    background-size: 24px;
    font-weight: 700;
    padding: 5px 0 0 21px
}

.count-down-timer .timer-container .timer-expired {
    background: url(img/uikit/ui-alert-info.png) top left no-repeat;
    background-size: 24px;
    padding: 4px 0 3px 28px
}

.credit-card-status.blocked .header:before,
.credit-card-status.blocked .ui-collapsible-pane .ui-title:before,
.credit-card-status.lost-stolen-card .header:before,
.credit-card-status.unblocked .header:before {
    background-repeat: no-repeat;
    content: ''
}

.count-down-timer .timer-container .timer-expired a {
    padding-left: 30px
}

.count-down-timer .timer-container .timer-label {
    padding-right: 3px
}

.count-down-timer .timer-message .ui-alert {
    margin-top: 22px
}

.display-fx-rate {
    display: inline-block
}

.display-fx-rate>span {
    display: block
}

.display-fx-rate .count-down-timer {
    padding-top: 27px
}

.display-fx-rate .count-down-timer .timer-container,
.display-fx-rate .count-down-timer .timer-message {
    width: 370px
}

.credit-card-status .ui-collapsible-pane img {
    left: 481px;
    top: 10px;
    width: 12px
}

.credit-card-status.blocked {
    margin-bottom: 20px;
    margin-top: 20px
}

.credit-card-status.blocked .credit-card-message-banner {
    display: none;
    height: 140px;
    overflow: visible;
    position: relative
}

.credit-card-status.blocked .credit-card-message-banner:lang(fr) {
    height: 172px
}

.credit-card-status.blocked .credit-card-message-banner .scrollable {
    height: 140px;
    overflow-y: auto
}

.credit-card-status.blocked .credit-card-message-banner .scrollable:lang(fr) {
    height: 172px
}

.credit-card-status.blocked .header {
    background-color: #DEE9F7;
    border-bottom: 1px solid #BBBCBC;
    font-weight: 700;
    padding-left: 25px
}

.credit-card-status.blocked .header:before {
    background-image: url(img/manage-my-card/icon-lock-cv.png);
    background-position: -1px;
    background-size: 24px;
    display: inline-block;
    height: 20px;
    margin-top: 5px;
    width: 20px
}

.credit-card-status.blocked .header>span {
    padding-left: 10px;
    vertical-align: super
}

.credit-card-status.blocked .status {
    background-color: #E7EFF9;
    padding: 16px 15px 19px 25px
}

.credit-card-status.blocked .status p:first-of-type {
    margin-top: 0
}

.credit-card-status.blocked .status p:last-of-type {
    margin-bottom: 0;
    margin-top: -13px
}

.credit-card-status.blocked .status p:last-of-type .align-right {
    display: inline-block;
    text-align: right;
    width: 100%
}

.credit-card-status.blocked .status .status-date {
    white-space: nowrap
}

.credit-card-status.blocked .status .address {
    font-weight: 700
}

.credit-card-status.blocked .status .change-address span:last-of-type {
    display: inline-block;
    margin-top: 10px
}

.credit-card-status.blocked .style {
    border-left: 4px solid;
    padding-left: 8px;
    padding-top: 14px
}

.credit-card-status.blocked .ui-collapsible-pane.ui-collapse .ui-title,
.credit-card-status.blocked .ui-collapsible-pane.ui-expand .ui-title {
    background-color: #DEE9F7
}

.credit-card-status.blocked .ui-collapsible-pane .status {
    padding: 15px 17px 13px
}

.credit-card-status.blocked .ui-collapsible-pane .status p:last-of-type {
    margin-top: -10px
}

.credit-card-status.blocked .ui-collapsible-pane .ui-title {
    color: #383B3E;
    border-bottom: 1px solid #BBBCBC;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    line-height: 35px;
    margin-bottom: 0;
    padding-left: 45px
}

.credit-card-status.blocked .ui-collapsible-pane .ui-title:before {
    background-image: url(img/manage-my-card/icon-lock-cv.png);
    background-position: -1px;
    background-size: 24px;
    display: inline-block;
    height: 20px;
    margin-top: 4px;
    width: 20px
}

.credit-card-status.blocked .ui-collapsible-pane .ui-collapsible,
.credit-card-status.blocked .ui-collapsible-pane .ui-collapsible div[role=tabpanel] {
    padding: 0
}

.credit-card-status.unblocked .credit-card-message-banner {
    display: none;
    height: 31px;
    overflow: visible;
    padding: 10px 0;
    position: relative
}

.credit-card-status.unblocked .credit-card-message-banner .scrollable {
    height: 31px;
    overflow-y: auto
}

.credit-card-status.unblocked .header {
    background-color: #E7F2ED;
    font-weight: 700;
    padding-left: 25px
}

.credit-card-status.unblocked .header:before {
    background-image: url(img/manage-my-card/icon-unlock-cv.png);
    background-position: -4px -1px;
    background-size: 24px;
    display: inline-block;
    height: 20px;
    margin-top: 5px;
    width: 16px
}

.credit-card-status.unblocked .header>span {
    padding-left: 10px;
    vertical-align: super
}

.credit-card-status.lost-stolen-card .credit-card-message-banner {
    display: none;
    padding: 10px 0;
    position: relative
}

.credit-card-status.lost-stolen-card .credit-card-message-banner.hide-address p:last-of-type {
    margin-bottom: 0
}

.credit-card-status.lost-stolen-card .credit-card-message-banner.show-address .status>p p:first-of-type {
    margin-top: 0
}

.credit-card-status.lost-stolen-card .header {
    background-color: #E7F2ED;
    border-bottom: 1px solid #BBBCBC;
    font-weight: 700;
    padding-left: 25px
}

.credit-card-status.lost-stolen-card .header:before {
    background-image: url(img/manage-my-card/icon-status-confirmed-cv.png);
    background-size: 20px 20px;
    display: inline-block;
    height: 20px;
    margin-top: 5px;
    width: 20px
}

.credit-card-status.lost-stolen-card .header>span {
    padding-left: 10px;
    vertical-align: super
}

.credit-card-status.lost-stolen-card .status {
    background-color: #EEF5F2;
    padding: 16px 15px 16px 25px
}

.credit-card-status.lost-stolen-card .status>p:first-of-type {
    margin-top: 0
}

.credit-card-status.lost-stolen-card .status .address {
    font-weight: 700;
    margin-bottom: 0
}

.credit-card-status.lost-stolen-card .ui-collapsible-pane.ui-collapse .ui-title,
.credit-card-status.lost-stolen-card .ui-collapsible-pane.ui-expand .ui-title {
    background-color: #E7F2ED
}

.credit-card-status.lost-stolen-card .ui-collapsible-pane .status {
    padding: 15px 17px 15px 14px
}

.credit-card-status.lost-stolen-card .ui-collapsible-pane .ui-title {
    color: #383B3E;
    border-bottom: 1px solid #BBBCBC;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    line-height: 35px;
    margin-bottom: 0;
    padding-left: 45px
}

.credit-card-status.lost-stolen-card .ui-collapsible-pane .ui-title:before,
.credit-card-status.replace-damage-card .header:before {
    background-image: url(img/manage-my-card/icon-status-confirmed-cv.png);
    height: 20px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    content: '';
    width: 20px
}

.credit-card-status.lost-stolen-card .ui-collapsible-pane .ui-title:before {
    display: inline-block;
    margin-top: 4px
}

.credit-card-status.lost-stolen-card .ui-collapsible-pane .ui-collapsible,
.credit-card-status.lost-stolen-card .ui-collapsible-pane .ui-collapsible div[role=tabpanel] {
    padding: 0
}

.credit-card-status.replace-damage-card .credit-card-message-banner {
    display: none;
    padding: 10px 0;
    position: relative
}

.credit-card-status.replace-damage-card .header {
    background-color: #E7F2ED;
    border-bottom: 1px solid #BBBCBC;
    font-weight: 700;
    padding-left: 25px
}

.credit-card-status.replace-damage-card .header:before {
    display: inline-block;
    margin-top: 5px
}

.credit-card-status.replace-damage-card .header>span {
    padding-left: 10px;
    vertical-align: super
}

.credit-card-status.replace-damage-card .status {
    background-color: #EEF5F2;
    padding: 16px 15px 16px 25px
}

.credit-card-status.replace-damage-card .status>p:first-of-type {
    margin-top: 0
}

.credit-card-status.replace-damage-card .status .address {
    font-weight: 700;
    margin-bottom: 0
}

.credit-card-status.replace-damage-card .ui-collapsible-pane.ui-collapse .ui-title,
.credit-card-status.replace-damage-card .ui-collapsible-pane.ui-expand .ui-title {
    background-color: #E2ECDF
}

.credit-card-status.replace-damage-card .ui-collapsible-pane .status {
    padding: 15px 17px 13px 14px
}

.credit-card-status.replace-damage-card .ui-collapsible-pane .ui-title {
    color: #383B3E;
    border-bottom: 1px solid #C6D6BF;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    line-height: 35px;
    margin-bottom: 0;
    padding-left: 45px
}

.credit-card-status.replace-damage-card .ui-collapsible-pane .ui-title:before {
    background-image: url(img/manage-my-card/olb_rdc_checkmark.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    content: '';
    display: inline-block;
    height: 20px;
    margin-top: 4px;
    width: 20px
}

.credit-card-status.replace-damage-card .ui-collapsible-pane .ui-collapsible,
.credit-card-status.replace-damage-card .ui-collapsible-pane .ui-collapsible div[role=tabpanel] {
    padding: 0
}

.credit-card-status.activate-card .credit-card-message-banner {
    display: none;
    height: auto;
    overflow: visible;
    padding: 10px 0;
    position: relative
}

.credit-card-status.activate-card .header:before,
.credit-card-status.activate-card .ui-collapsible-pane .ui-title:before {
    background-image: url(img/manage-my-card/olb_rdc_checkmark.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    content: '';
    display: inline-block;
    width: 20px
}

.credit-card-status.activate-card .activate-msg-border {
    margin-top: -16px
}

.credit-card-status.activate-card .header {
    background-color: #E7F2ED;
    border-bottom: 1px solid #BBBCBC;
    font-weight: 700;
    padding-left: 25px
}

.credit-card-status.activate-card .header:before {
    height: 20px;
    margin-top: 5px
}

.credit-card-status.activate-card .status,
.credit-card-status.activate-card .ui-collapsible-pane .status {
    overflow-y: auto;
    height: auto;
    max-height: 120px
}

.credit-card-status.activate-card .header>span {
    padding-left: 10px;
    vertical-align: super
}

.credit-card-status.activate-card .status {
    background-color: #EEF5F2;
    padding: 3px 15px 3px 25px
}

.credit-card-status.activate-card .status>p:first-of-type {
    margin-top: 0
}

.credit-card-status.activate-card .status .address {
    font-weight: 700;
    margin-bottom: 0
}

.credit-card-status.activate-card .ui-collapsible-pane.ui-collapse .ui-title,
.credit-card-status.activate-card .ui-collapsible-pane.ui-expand .ui-title {
    background-color: #E7F2ED
}

.credit-card-status.activate-card .ui-collapsible-pane .ui-title {
    color: #383B3E;
    border-bottom: 1px solid #BBBCBC;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    line-height: 35px;
    margin-bottom: 0;
    padding-left: 45px
}

.credit-card-status.activate-card .ui-collapsible-pane .ui-title:before {
    height: 20px;
    margin-top: 4px
}

tr.credit-card-status.blocked .ui-collapsible-pane:before,
tr.credit-card-status.lost-stolen-card .ui-collapsible-pane:before {
    background-repeat: no-repeat;
    background-size: 25px 13px;
    content: '';
    margin-top: -13px;
    position: absolute;
    width: 25px
}

.credit-card-status.activate-card .ui-collapsible-pane .ui-collapsible,
.credit-card-status.activate-card .ui-collapsible-pane .ui-collapsible div[role=tabpanel] {
    padding: 0
}

tr.credit-card-status.blocked td {
    padding: 0 10px 15px !important
}

tr.credit-card-status.blocked .ui-collapsible-pane:before {
    background-image: url(img/manage-my-card/icon-up-arrow-blue.png);
    height: 13px;
    margin-left: 12px
}

tr.credit-card-status.blocked .ui-collapsible-pane .credit-card-message-banner {
    height: 136px;
    padding: 0
}

tr.credit-card-status.blocked .ui-collapsible-pane .credit-card-message-banner:lang(fr) {
    height: 170px
}

tr.credit-card-status.blocked .ui-collapsible-pane .credit-card-message-banner .scrollable {
    height: 136px
}

tr.credit-card-status.blocked .ui-collapsible-pane .credit-card-message-banner .scrollable:lang(fr) {
    height: 170px
}

tr.credit-card-status.lost-stolen-card td {
    padding: 0 10px 15px !important
}

tr.credit-card-status.lost-stolen-card .header {
    padding-left: 15px
}

tr.credit-card-status.lost-stolen-card .style {
    border-left: 4px solid;
    padding-left: 8px;
    padding-top: 14px
}

tr.credit-card-status.lost-stolen-card .ui-collapsible-pane:before {
    background-image: url(img/manage-my-card/icon-up-arrow-green.png);
    height: 13px;
    margin-left: 9px
}

tr.credit-card-status.lost-stolen-card .ui-collapsible-pane>div p:last-of-type {
    margin-top: 10px
}

tr.credit-card-status.lost-stolen-card .ui-collapsible-pane .credit-card-message-banner {
    padding: 0
}

tr.credit-card-status.lost-stolen-card .ui-collapsible-pane .credit-card-message-banner.hide-address p {
    margin: 0
}

tr.credit-card-status.activate-card .ui-collapsible-pane:before,
tr.credit-card-status.replace-damage-card .ui-collapsible-pane:before {
    height: 13px;
    margin-left: 9px;
    width: 25px;
    background-image: url(img/manage-my-card/icon-up-arrow-green.png);
    background-repeat: no-repeat;
    background-size: 25px 13px;
    position: absolute;
    content: ''
}

tr.credit-card-status.replace-damage-card td {
    padding: 0 10px 15px !important
}

tr.credit-card-status.replace-damage-card .header {
    padding-left: 15px
}

tr.credit-card-status.replace-damage-card .style {
    border-left: 4px solid;
    padding-left: 8px;
    padding-top: 14px
}

tr.credit-card-status.replace-damage-card .ui-collapsible-pane:before {
    margin-top: -13px
}

tr.credit-card-status.replace-damage-card .ui-collapsible-pane>div p:last-of-type {
    margin-top: 10px
}

tr.credit-card-status.replace-damage-card .ui-collapsible-pane .credit-card-message-banner {
    padding: 0
}

tr.credit-card-status.activate-card td {
    padding: 0 10px 15px !important
}

tr.credit-card-status.activate-card .header {
    padding-left: 15px
}

tr.credit-card-status.activate-card .style {
    border-left: 4px solid;
    padding-left: 8px;
    padding-top: 19px
}

tr.credit-card-status.activate-card .ui-collapsible-pane:before {
    margin-top: -13px
}

tr.credit-card-status.activate-card .ui-collapsible-pane>div p:last-of-type {
    margin-top: 10px
}

tr.credit-card-status.activate-card .ui-collapsible-pane .credit-card-message-banner {
    max-height: 120px;
    padding: 0
}

tr.credit-card-status.activate-card .ui-collapsible-pane .credit-card-message-banner .scrollable {
    height: 120px
}

tr.credit-card-status.viewChart .ui-collapsible-pane.ui-collapse .ui-title {
    background-position: 343px 10px
}

tr.credit-card-status.viewChart .ui-collapsible-pane.ui-expand .ui-title {
    background-position: 343px -20px
}

tr.credit-card-status.viewChart .ui-collapsible-pane .credit-card-message-banner {
    height: 172px
}

tr.credit-card-status.viewChart .ui-collapsible-pane .credit-card-message-banner:lang(fr) {
    height: 190px
}

tr.credit-card-status.viewChart .ui-collapsible-pane .credit-card-message-banner .scrollable {
    height: 172px
}

tr.credit-card-status.viewChart .ui-collapsible-pane .credit-card-message-banner .scrollable:lang(fr) {
    height: 190px
}

tr.credit-card-status.viewChart .style {
    width: 362px
}

tr.credit-card-status.replace-damage-card.viewChart .ui-collapsible-pane .credit-card-message-banner {
    height: 156px
}

tr.credit-card-status.replace-damage-card.viewChart .ui-collapsible-pane .credit-card-message-banner:lang(fr) {
    height: 192px
}

tr.credit-card-status.replace-damage-card.viewChart .ui-collapsible-pane .credit-card-message-banner .scrollable {
    height: 156px
}

tr.credit-card-status.replace-damage-card.viewChart .ui-collapsible-pane .credit-card-message-banner .scrollable:lang(fr) {
    height: 192px
}

tr.credit-card-status.lost-stolen-card.viewChart .ui-collapsible-pane .credit-card-message-banner {
    height: 184px
}

tr.credit-card-status.lost-stolen-card.viewChart .ui-collapsible-pane .credit-card-message-banner:lang(fr) {
    height: 202px
}

tr.credit-card-status.lost-stolen-card.viewChart .ui-collapsible-pane .credit-card-message-banner.hide-address,
tr.credit-card-status.lost-stolen-card.viewChart .ui-collapsible-pane .credit-card-message-banner.hide-address .scrollable {
    height: 120px
}

tr.credit-card-status.lost-stolen-card.viewChart .ui-collapsible-pane .credit-card-message-banner .scrollable {
    height: 184px
}

tr.credit-card-status.lost-stolen-card.viewChart .ui-collapsible-pane .credit-card-message-banner .scrollable:lang(fr) {
    height: 202px
}

tr.credit-card-status.unblocked td {
    border: none !important;
    padding: 0 10px 15px !important
}

tr.credit-card-status.unblocked td:before {
    background-image: url(img/manage-my-card/icon-up-arrow-green.png);
    background-repeat: no-repeat;
    background-size: 25px 13px;
    content: '';
    height: 13px;
    margin-left: 25px;
    margin-top: 4px;
    position: absolute;
    width: 25px
}

tr.credit-card-status.unblocked td .credit-card-message-banner {
    padding: 0
}

tr.credit-card-status.unblocked td .header {
    padding-left: 17px
}

tr.credit-card-status.unblocked td .style {
    border-left: 4px solid;
    padding-left: 8px;
    padding-top: 14px
}

div.credit-card-status.blocked td {
    display: block
}

.credit-card-message-banner ul {
    list-style-type: disc;
    padding-left: 30px
}

.credit-card-status.activate-card .ui-collapsible-pane.ui-expand .ui-collapsible,
.credit-card-status.blocked .ui-collapsible-pane.ui-expand .ui-collapsible,
.credit-card-status.lost-stolen-card .ui-collapsible-pane.ui-expand .ui-collapsible,
.credit-card-status.replace-damage-card .ui-collapsible-pane.ui-expand .ui-collapsible,
.credit-card-status.unblocked .ui-collapsible-pane.ui-expand .ui-collapsible {
    border-bottom: none
}

.cof-merchant-list {
    padding-top: 24px
}

.cof-merchant-list table {
    border-top: none;
    margin-bottom: 50px
}

.cof-merchant-list table tr:last-child td {
    border: none
}

.cof-merchant-list table>thead {
    background-color: #D9D9D9
}

.cof-merchant-list table tbody {
    border-bottom: 1px solid #BBBCBC
}

.cof-merchant-list table tbody .cof-merchant {
    border-top: 1px solid #BBBCBC
}

.cof-merchant-list table tbody .cof-merchant:focus,
.cof-merchant-list table tbody .cof-merchant:hover {
    background-color: #F7F7F7
}

.cof-merchant-list table tbody .cof-merchant-details-row,
.cof-merchant-list table tbody .cof-merchant.expanded {
    background-color: #DEE9F7
}

.cof-merchant-list table tbody .cof-merchant-details-row.show {
    display: table-row
}

.cof-merchant-list table tbody .cof-merchant-details-row td {
    border-bottom: 1px solid #BBBCBC;
    border-top: 1px solid #BBBCBC
}

.fraud-check {
    display: none;
    overflow: visible;
    padding: 0;
    position: relative
}

.navigation-installment-payment ul {
    display: flex;
    height: 0;
    margin-bottom: 20px;
    min-height: 50px;
    position: relative
}

.navigation-installment-payment ul:before {
    border-bottom: 1px solid #BBBCBC;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}

.navigation-installment-payment ul li {
    align-items: center;
    border: 1px solid #BBBCBC;
    border-bottom: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 5px 30px
}

.navigation-installment-payment ul li.transactions {
    margin-bottom: 0
}

.navigation-installment-payment ul li:not(:first-child) {
    border-left: none
}

.navigation-installment-payment ul li.active {
    background-color: #fff;
    border-top: none;
    box-shadow: inset 0 4px 0 #C41F3E;
    color: #C41F3E;
    cursor: default;
    font-weight: 700;
    z-index: 1
}

.navigation-installment-payment ul li a:not(:hover) {
    text-decoration: none
}

.current-balance-warning {
    display: none;
    overflow: visible;
    padding: 0;
    position: relative
}

.noscript-body {
    margin: 0 auto
}

.noscript-body h1 {
    color: #383B3E
}

.noscript-body .header {
    border-bottom: 5px solid #EE2E24;
    padding-bottom: 10px
}

.noscript-body .page-header img {
    height: 62px;
    margin-top: 56px
}

.messages-sent-confirmation .dialog-content+.action-bar .quaternary~.tertiary:before,
.transfers-delete-confirmation+.action-bar .quaternary~.tertiary:before,
.transfers-new-confirmation~.action-bar .quaternary~.tertiary:before,
.transfers-new-details~.action-bar .quaternary~.tertiary:before,
.transfers-new-verification .action-bar .quaternary~.tertiary:before {
    content: "";
    height: 24px;
    position: absolute;
    top: 10px;
    right: 7px
}

.noscript-body .page-header .row {
    width: 940px;
    margin: 0 auto
}

.noscript-body .main-content {
    padding: 0;
    margin: 35px auto 0;
    width: 940px
}

.noscript-body .main-content h1 {
    margin-bottom: 10px;
    padding-top: 15px
}

.noscript-body .main-content .action-bar {
    border: none;
    padding: 10px 0 0
}

.noscript-body .main-content .call-to-action {
    margin-bottom: 50px;
    text-align: left
}

.noscript-body .main-content .page-note {
    border-top: 5px solid #B3B3B3;
    box-shadow: none
}

.announcements-list li:first-child,
.news-announcements table.na-table-col-3 tbody tr+tr,
.news-announcements table.na-table-col-4 tr+tr {
    border-top: 1px solid #BBBCBC
}

.noscript-body .ui-alert .ui-text {
    min-height: 64px;
    margin-bottom: 10px;
    font-size: 1em
}

.announcements-list li {
    border-bottom: 1px solid #BBBCBC;
    background: url(img/icon_18_news.png) 15px no-repeat;
    background-size: 18px;
    padding: 12px 0;
    line-height: normal;
    -webkit-print-color-adjust: exact
}

.announcements-list li .announcement-item-link a {
    display: inline-block;
    padding: 3px 0 3px 48px;
    font-size: 100%;
    width: 597px;
    text-decoration: none
}

.announcements-list li .announcement-item-link a:focus,
.announcements-list li .announcement-item-link a:hover {
    text-decoration: underline
}

.announcements-list li .news-date {
    display: inline-block;
    width: 100px;
    margin-right: 15px;
    margin-left: 15px;
    float: right;
    vertical-align: middle
}

.announcements-list li.no-news {
    background: 0 0;
    padding: 15px 0
}

.news-announcements h2 {
    margin: 15px 0
}

.news-announcements table.na-table-col-3 thead th:first-of-type {
    padding-left: 285px;
    width: 550px
}

.news-announcements table.na-table-col-3 thead th:nth-of-type(2) {
    width: 250px
}

.news-announcements table.na-table-col-3 tbody tr td {
    box-sizing: border-box
}

.news-announcements table.na-table-col-3 tbody tr td:first-of-type {
    padding: 15px;
    width: 285px
}

.news-announcements table.na-table-col-3 tbody tr td:not(:first-of-type) {
    padding: 15px 15px 15px 0
}

.news-announcements table.na-table-col-3 tbody tr td:nth-of-type(2) {
    width: 250px
}

.news-announcements table.na-table-col-3 tbody tr td:nth-of-type(3) {
    width: 230px
}

.news-announcements table.na-table-col-4 ul li {
    background: linear-gradient(to right, #000, #000);
    background-position: 0 8px;
    background-size: 3px 3px;
    background-repeat: no-repeat;
    margin: 5px 0;
    padding-left: 13px
}

.news-announcements table.na-table-col-4 tr:first-of-type td:not(:first-of-type) {
    vertical-align: top
}

.news-announcements table.na-table-col-4 thead th:first-of-type,
.news-announcements table.na-table-col-4 tr:first-of-type td:first-of-type,
.news-announcements table.na-table-col-4 tr:last-of-type td:first-of-type,
.news-announcements table.na-table-col-4 tr:nth-last-of-type(3) td:first-of-type {
    padding-left: 15px
}

.news-announcements table.na-table-col-4 td {
    padding: 10px 15px 10px 0;
    width: 215px
}

.news-announcements table.na-table-col-4 td.na-col-3 {
    width: 180px
}

.vertical-align-wrapper {
    display: flex;
    align-items: center
}

.vertical-align-wrapper .vertical-align {
    display: block
}

.links-list {
    margin-top: 50px
}

.links-list li {
    margin: 20px 0;
    line-height: 10px
}

.transfers-new-details .ui-button.ui-display-secondary.ui-disabled {
    border: none;
    background-color: #F2F2F2;
    color: #BBBCBC;
    border-radius: 4px
}

.transfers-delete-confirmation+.action-bar .tertiary,
.transfers-new-confirmation~.action-bar .tertiary,
.transfers-new-details~.action-bar .secondary,
.transfers-new-details~.action-bar .tertiary,
.transfers-new-verification .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.transfers-new-details~.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.transfers-new-details~.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.transfers-new-details~.action-bar .primary:only-child {
    margin-left: auto
}

.transfers-new-details~.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.transfers-new-details~.action-bar .tertiary:focus,
.transfers-new-details~.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.transfers-new-details~.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.transfers-new-details~.action-bar .quaternary~.tertiary {
    margin: 0
}

.transfers-new-details~.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.transfers-new-details~.action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.transfers-new-details~.action-bar .secondary:focus,
.transfers-new-details~.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.transfers-new-verification .pair section ul .from-account div:nth-child(odd),
.transfers-new-verification .pair section ul .to-account div:nth-child(odd) {
    color: #606366;
    margin-left: 0;
    padding: 0 10px 0 0;
    width: 165px
}

.transfers-new-verification .pair section ul .currency-text {
    margin-left: 4px;
    margin-right: 4px
}

.transfers-new-verification .pair section ul .cross-currency-message {
    padding-top: 40px
}

.transfers-new-verification .pair section ul .exchange-rate .display-fx-rate .count-down-timer .timer-container,
.transfers-new-verification .pair section ul .exchange-rate .display-fx-rate .count-down-timer .timer-message {
    width: auto
}

.transfers-new-verification .pair section ul .exchange-rate .display-fx-rate .count-down-timer .timer-container .ui-set-popover .ui-popover,
.transfers-new-verification .pair section ul .exchange-rate .display-fx-rate .count-down-timer .timer-message .ui-set-popover .ui-popover {
    left: -295px !important
}

.transfers-new-verification .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.transfers-new-verification .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.transfers-new-verification .action-bar .primary:only-child {
    margin-left: auto
}

.transfers-new-verification .action-bar .secondary {
    order: 3
}

.transfers-new-verification .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.transfers-new-verification .action-bar .tertiary:focus,
.transfers-new-verification .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.transfers-new-verification .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.transfers-new-verification .action-bar .quaternary~.tertiary {
    margin: 0
}

.transfers-new-verification .action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.transfers-new-verification .action-bar .secondary {
    margin: 0 0 0 auto
}

.transfers-new-confirmation {
    margin-bottom: 0
}

.transfers-new-confirmation .action-bar {
    padding-left: 15px
}

.transfers-new-confirmation .currency-text {
    margin-left: 4px;
    margin-right: 4px
}

.transfers-new-confirmation ul.hasTimestamp li:last-child span {
    padding-left: 5px
}

.transfers-new-confirmation.pair>section li>div:first-of-type {
    width: 230px !important
}

.transfers-new-confirmation.pair>section li.from-account div:nth-child(odd),
.transfers-new-confirmation.pair>section li.to-account div:nth-child(odd) {
    color: #606366;
    margin-left: 0;
    padding: 0 10px 0 0;
    width: 230px
}

.transfers-new-confirmation~.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.transfers-new-confirmation~.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.transfers-new-confirmation~.action-bar .primary:only-child {
    margin-left: auto
}

.transfers-new-confirmation~.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.transfers-new-confirmation~.action-bar .tertiary:focus,
.transfers-new-confirmation~.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.transfers-new-confirmation~.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.transfers-new-confirmation~.action-bar .quaternary~.tertiary {
    margin: 0
}

.transfers-new-confirmation~.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.transfers-new-confirmation~.action-bar .secondary {
    margin: 2px 0 0 auto;
    order: 1
}

.transfers-delete-verification .action-bar .secondary {
    margin-left: auto
}

.transfers-delete-confirmation+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.transfers-delete-confirmation+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.transfers-delete-confirmation+.action-bar .primary:only-child {
    margin-left: auto
}

.transfers-delete-confirmation+.action-bar .secondary {
    order: 3
}

.transfers-delete-confirmation+.action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.transfers-delete-confirmation+.action-bar .tertiary:focus,
.transfers-delete-confirmation+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.transfers-delete-confirmation+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.transfers-delete-confirmation+.action-bar .quaternary~.tertiary {
    margin: 0
}

.transfers-delete-confirmation+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.transfers-delete-confirmation+.action-bar .secondary {
    margin: 0 0 0 auto
}

.transfers-index table.no-transfers {
    border-bottom: 1px solid #BBBCBC
}

.transfers-index .ui-paginator {
    width: 100%
}

.transfers-index .ui-paginator .ui-next.ui-hide,
.transfers-index .ui-paginator .ui-previous.ui-hide {
    display: none
}

.transfers-index table.transfers-list td:last-of-type a {
    text-decoration: none;
    background: url(img/icon-delete-red.png) 0 -1.5px no-repeat;
    padding-left: 25px;
    display: inline-block;
    min-height: 20px
}

.error-page .action-bar .ui-display-link,
.transfers-index table.transfers-list td:last-of-type a:focus,
.transfers-index table.transfers-list td:last-of-type a:hover {
    text-decoration: underline
}

.messages-sent-confirmation .instructions,
.messages-sent-confirmation .page-note {
    display: none
}

.cash-advance-fee-note {
    margin-top: 10px
}

.error-page header h1 {
    color: #383B3E
}

.error-page header .toolbox-global {
    width: 300px
}

.error-page .main-body {
    padding-top: 0
}

.error-page .action-bar {
    border-top: none;
    padding-top: 0
}

.error-page .ui-set-messages .ui-alert {
    margin-top: 0;
    margin-bottom: 5px
}

.error-page .messages-global {
    padding: 15px 0 10px
}

.messages-sent-confirmation .ui-alert {
    font-size: 18px;
    color: #383B3E
}

.messages-sent-confirmation .ui-alert .ui-text {
    font-weight: 400;
    padding: 2px 0 0 10px
}

.messages-sent-confirmation .ui-alert .ui-text p {
    font-weight: 400;
    font-size: 12px;
    padding-top: 10px
}

.messages-sent-confirmation .step-indicator {
    margin-bottom: 0
}

.messages-sent-confirmation .success {
    float: left;
    padding-right: 10px
}

.messages-sent-confirmation .success .textBody {
    padding-bottom: 30px;
    padding-top: 15px
}

.messages-sent-confirmation .success .ui-alert.ui-display-confirm {
    background: url(img/uikit/ui-alert-success.png) 0 10px no-repeat;
    background-size: 24px
}

.messages-sent-confirmation .success .ui-alert.ui-scope-inline {
    background-size: 24px
}

.messages-sent-confirmation .support-helps {
    margin-bottom: 50px
}

.messages-sent-confirmation .dialog-content+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.messages-sent-confirmation .dialog-content+.action-bar .primary {
    order: 4
}

.messages-sent-confirmation .dialog-content+.action-bar .primary:only-child {
    margin-left: auto
}

.messages-sent-confirmation .dialog-content+.action-bar .secondary {
    order: 3
}

.messages-sent-confirmation .dialog-content+.action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.messages-sent-confirmation .dialog-content+.action-bar .tertiary:focus,
.messages-sent-confirmation .dialog-content+.action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.messages-sent-confirmation .dialog-content+.action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.messages-sent-confirmation .dialog-content+.action-bar .quaternary~.tertiary {
    margin: 0
}

.messages-sent-confirmation .dialog-content+.action-bar .quaternary~.tertiary:before {
    display: inline-block;
    border-left: solid 2px #BBBCBC
}

.messages-sent-confirmation .dialog-content+.action-bar .primary {
    margin-left: auto
}

.messages-sent-confirmation .right-rail {
    margin-top: 20px
}

.messages-sent-confirmation .right-rail header {
    float: left;
    line-height: 15px
}

.messages-sent-confirmation .right-rail header h3 {
    font: 16px #444 Arial bold
}

.messages-sent-confirmation .right-rail aside.related-info,
.messages-sent-confirmation .right-rail aside.related-info div {
    float: left;
    color: #606366;
    margin-top: 0
}

.messages-sent-confirmation .right-rail ul {
    display: none
}

.messages-sent-confirmation .right-rail p.reviews {
    background: url(img/messages/RatingsAndReviewsStars-Four.png) -3px 0 no-repeat;
    background-size: 100px 20px;
    padding-top: 30px;
    margin-top: 10px;
    margin-bottom: 0
}

.new-message .right-rail div.related-info ul li:first-child>a {
    background: url(img/icon_ibas.png) left center no-repeat;
    background-size: 24px;
    padding: 2px 27px
}

.new-message .right-rail div.related-info ul li:first-child>a:after {
    content: none
}

.new-message .intelliresponse {
    margin-top: 25px
}

.new-message .ui-dialog .right-rail.col-3 div.related-info>ul {
    margin-top: 0
}

.new-message .ui-dialog .right-rail.col-3 .header {
    color: #666;
    line-height: 21px
}

.new-message .ui-dialog footer {
    margin-top: 10px
}

.new-message .ui-dialog .date {
    text-align: right
}

.new-message .ui-dialog .toolbox-global {
    margin-top: 15px
}

.new-message .ui-dialog .full-column .header h1 {
    float: left
}

.new-message .ui-dialog .instructions.row {
    float: left;
    margin-top: 30px
}

.new-message .ui-dialog .instructions.row h2 {
    font-size: 21px
}

.new-message.dialog-modal.wide .ui-dialog>.ui-wrapper .right-rail.col-3 {
    background: 0 0;
    float: right;
    margin-left: 10px;
    width: 210px
}

.new-message.dialog-modal.wide .ui-dialog>.ui-wrapper .right-rail.col-3 .related-info div {
    margin: inherit
}

.new-message .info-section {
    font-size: 13px;
    margin: 30px 0 20px
}

.new-message .info-section h2 {
    font-size: 21px;
    font-weight: 400;
    line-height: 1.2em;
    padding: 5px 0 10px
}

.new-message .info-section .info-text p {
    margin: 5px 0
}

.new-message .info-section .info-text p+p {
    margin-top: 10px
}

.new-message .right-rail.col-3 h2 {
    height: auto
}

.new-message .right-rail.col-3 div.related-info>ul {
    margin-top: 20px
}

.new-message .right-rail.col-3>div+div ul li:last-child {
    background: url(img/icon_grey_phone.png) 15px 10px/24px no-repeat #F2F3F2;
    border-top: solid 1px #BBBCBC;
    border-radius: 0 0 4px 4px;
    margin: 20px -15px -27px;
    padding: 11px 0
}

.new-message .right-rail.col-3 li span.phone-number {
    padding: 0 0 0 41px
}

.new-message .pair>section li.disabled-field-row label,
.new-message .pair>section li>div.message label {
    padding-top: 0
}

.new-message .page-note {
    color: #606366;
    margin-bottom: -15px
}

.new-message .page-note h2 {
    color: #000
}

.new-message .disclaimers {
    color: #606366;
    width: 380px;
    margin-bottom: -10px;
    padding-bottom: 20px
}

.new-message .disclaimers h3 {
    font-size: 12px
}

.new-message .disclaimers ul {
    list-style: square;
    margin-top: 10px;
    margin-left: 15px
}

.new-message .pair>section li label,
.new-message .pair>section li>div:first-child:not(:last-child) {
    width: 140px;
    padding-right: 0
}

.new-message .pair>section li label:lang(fr),
.new-message .pair>section li>div:first-child:not(:last-child) {
    width: 150px
}

.new-message .pair>section li .ui-set-field>label:first-of-type {
    padding-right: 0
}

.new-message .pair>section li .ui-number,
.new-message .pair>section li .ui-number .ui-textbox {
    width: 140px
}

.new-message .pair>section li>div.preferred-contact {
    width: auto !important;
    position: relative
}

.new-message .pair>section li>div.preferred-contact .ui-group .ui-number {
    width: 140px;
    padding-right: 5px
}

.new-message .pair>section li>div.preferred-contact .ui-group .ui-number .ui-set-field {
    width: 380px
}

.new-message .pair>section li>div.preferred-contact .ui-group .ui-number .ui-textbox {
    width: 140px
}

.new-message .pair>section li>div.preferred-contact .ui-group .ui-extension label {
    min-width: auto;
    padding-top: 0;
    padding-right: 6px;
    text-align: right;
    width: 80px;
    vertical-align: middle
}

.new-message .pair>section li .ui-set-radiobutton label {
    width: auto
}

.new-message .pair>section li .subject .ui-textbox {
    width: 300px
}

.new-message .pair>section li .ui-textarea {
    height: 220px;
    width: 300px
}

.new-message .pair>section li .ui-select.ui-disabled,
.new-message .pair>section li .ui-textbox.ui-disabled {
    background: 0 0;
    border: 0 transparent;
    height: auto;
    vertical-align: top
}

.new-message.dialog-modal.wide .ui-body .action-bar .secondary,
.new-message.dialog-modal.wide .ui-body .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    background-color: transparent
}

.new-message .pair>section li .ui-select.ui-disabled input,
.new-message .pair>section li .ui-select.ui-disabled select,
.new-message .pair>section li .ui-textbox.ui-disabled input,
.new-message .pair>section li .ui-textbox.ui-disabled select {
    color: #000;
    height: auto;
    padding: 0
}

.new-message.dialog-modal.wide .ui-dialog>.ui-wrapper .right-rail div.related-info {
    margin-bottom: inherit
}

.new-message.dialog-modal.wide .ui-dialog>.ui-wrapper .right-rail div.related-info ul {
    border: none;
    margin-top: inherit
}

.new-message.dialog-modal.wide .ui-body .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.new-message.dialog-modal.wide .ui-body .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.new-message.dialog-modal.wide .ui-body .action-bar .primary:only-child {
    margin-left: auto
}

.new-message.dialog-modal.wide .ui-body .action-bar .secondary {
    order: 3
}

.new-message.dialog-modal.wide .ui-body .action-bar .tertiary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.new-message.dialog-modal.wide .ui-body .action-bar .tertiary:focus,
.new-message.dialog-modal.wide .ui-body .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.new-message.dialog-modal.wide .ui-body .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.new-message.dialog-modal.wide .ui-body .action-bar .quaternary~.tertiary {
    margin: 0
}

.new-message.dialog-modal.wide .ui-body .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.new-message.dialog-modal.wide .ui-body .action-bar .secondary {
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0
}

.new-message.dialog-modal.wide .ui-body .action-bar .secondary:focus,
.new-message.dialog-modal.wide .ui-body .action-bar .secondary:hover {
    color: #C41F3E;
    border: none
}

@media print {
    .dialog-modal.wide.new-message .ui-wrapper>.ui-body {
        max-height: 1600px;
        margin-bottom: 0
    }

    .dialog-modal.wide.new-message .ui-dialog>.ui-wrapper {
        width: 100%
    }

    .dialog-modal.wide.new-message .ui-dialog>.ui-wrapper .main-footer {
        margin-bottom: 20px
    }

    .dialog-modal.wide.new-message .ui-dialog>.ui-wrapper .disclaimers {
        padding-bottom: 0
    }

    .dialog-modal.wide.new-message .ui-dialog>.ui-wrapper>.ui-body {
        overflow-y: hidden
    }

    .dialog-modal.wide.new-message .ui-dialog .ui-body.ui-scroll-top .form-wrapper .dialog-content .left-column {
        width: 70%
    }

    .dialog-modal.wide.new-message .ui-dialog .ui-body.ui-scroll-top .form-wrapper .dialog-content .right-rail {
        display: block
    }

    .dialog-modal.wide.new-message .ui-dialog .ui-body.ui-scroll-top .form-wrapper .dialog-content .support-helps {
        margin-top: 10px
    }

    .dialog-modal.wide.new-message .ui-dialog .ui-body.ui-scroll-top .form-wrapper .dialog-content .support-helps .content {
        width: 86%
    }

    .dialog-modal.wide.new-message .ui-dialog .ui-body.ui-scroll-top .form-wrapper .dialog-content .support-helps .content h2 {
        width: 100%
    }

    .dialog-modal.wide.new-message .ui-dialog .ui-body.ui-scroll-top .form-wrapper .dialog-content .support-helps .content:lang(fr) {
        width: 70%
    }

    .dialog-modal.wide.new-message .ui-dialog .ui-body.ui-scroll-top .form-wrapper .dialog-content .support-helps>.ui-button.ui-display-default {
        height: 55px;
        margin-bottom: 0;
        margin-top: 19px;
        padding-top: 5px
    }

    .dialog-modal.wide.new-message .ui-dialog .ui-body.ui-scroll-top .form-wrapper .dialog-content .support-helps>.ui-button.ui-display-default .ui-wrapper {
        background: #FFF;
        height: 30px;
        padding: 0;
        width: 50px
    }

    .dialog-modal.wide.new-message .ui-dialog .ui-body.ui-scroll-top .form-wrapper .dialog-content .support-helps>.ui-button.ui-display-default:lang(fr) {
        margin-top: 29px
    }

    .dialog-modal.wide.new-message .ui-dialog .ui-body.ui-scroll-top .form-wrapper .dialog-content .support-helps>.ui-button.ui-display-default:lang(fr) .ui-wrapper {
        width: 150px
    }
}

.main-header h1 {
    text-transform: uppercase
}

.sso {
    font-size: 13px
}

.sso header {
    margin: 0 auto;
    width: 940px
}

.sso .heading-text {
    line-height: 18px;
    margin: 20px auto 24px;
    width: 940px
}

.sso .signon>div:first-child {
    min-height: 0;
    width: 460px
}

.sso .signon>div:nth-child(2) {
    margin-left: 20px;
    max-width: 460px
}

.sso .signon>div:nth-child(2) a {
    color: #C41F3E;
    width: auto
}

.sso .signon .password-entry {
    margin-top: -6px
}

.sso .signon .password-entry p {
    margin: 10px 0
}

.sso .signon section {
    padding-bottom: 40px
}

.sso .signon .action-bar {
    background: 0 0;
    margin-top: 12px
}

.sso .signon .action-bar .ui-button {
    margin-left: 0
}

.sso .signon .eas {
    margin: 15px 20px 24px
}

.sso .signon .right {
    background-color: #e1eff6;
    padding-top: 30px;
    min-height: 356px
}

.sso .signon .right ul {
    line-height: 18px;
    list-style-type: square;
    margin: 0 20px 9px 34px
}

.sso .signon .right ul li {
    padding-bottom: 5px
}

.sso .signon .right hr {
    border-top: 0;
    border-bottom: 1px solid #FFF;
    margin: 0 20px 22px
}

.sso .signon .right h2 {
    color: #383B3E;
    font: 700 16px Arial;
    margin-bottom: 7px;
    text-align: center
}

.sso .signon .right a {
    display: block;
    text-align: center
}

@media print {
    .sso {
        margin-top: 18px
    }

    .sso .signon .panel-large {
        background-color: transparent
    }
}

.delete-sso .ui-alert.ui-display-confirm {
    padding-top: 10px
}

.delete-sso .ui-alert.ui-display-confirm .ui-text {
    font-family: Arial;
    line-height: 21px
}

.delete-sso .alert-blurb {
    margin-left: 28px
}

.delete-sso .successful .ui-text sup:lang(fr) {
    font-size: 60%
}

.delete-sso .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.delete-sso .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.delete-sso .action-bar .primary:only-child {
    margin-left: auto
}

.delete-sso .action-bar .secondary {
    order: 3
}

.delete-sso .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.delete-sso .action-bar .tertiary:focus,
.delete-sso .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.delete-sso .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.delete-sso .action-bar .quaternary~.tertiary {
    margin: 0
}

.delete-sso .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.delete-sso .action-bar .secondary {
    margin: 0 0 0 auto
}

.session-summary .header {
    display: flex
}

.session-summary .header h1 {
    width: 100%
}

.session-summary .header .toolbox-global {
    padding-top: 3px
}

.session-summary .ui-dialog .instructions {
    color: #606366;
    font-size: 12px;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 10px
}

.session-summary .ui-dialog .pair:last-child section {
    padding-bottom: 0
}

.session-summary .ui-dialog .pair section {
    border-top: 1px solid #86888A;
    padding: 30px 0
}

.session-summary .ui-dialog .pair section.no-eligible-activity-records {
    text-align: center
}

.session-summary .ui-dialog .pair section .header {
    margin-bottom: 15px
}

.session-summary .ui-dialog .pair section .header h3 {
    font-size: 14px
}

.session-summary .ui-dialog .pair section ul li.exchange-rate div:last-child span {
    display: block
}

.session-summary .ui-dialog .pair section ul li.from-account div:nth-child(odd),
.session-summary .ui-dialog .pair section ul li.to-account div:nth-child(odd) {
    color: #606366;
    margin-left: 0;
    padding: 0 10px 0 0;
    width: 165px
}

.imperial-service .index .feature-banner {
    background-color: #DEE9F7;
    background-position: 90% bottom;
    background-repeat: no-repeat;
    background-size: 240px;
    height: 250px;
    margin-top: 10px;
    width: 780px
}

.imperial-service .index .feature-banner .banner-title {
    font-family: WhitneyBookRegular;
    font-size: 24px;
    line-height: 130%;
    padding: 40px 25px 20px 35px;
    width: 50%
}

.imperial-service .index .feature-banner .banner-text {
    color: #383B3E;
    font-size: 13px;
    line-height: 140%;
    padding: 0 25px 20px 35px;
    width: 50%
}

.imperial-service .index .is-secondary-title {
    font-family: WhitneyMedium;
    font-size: 18px;
    margin-top: 0;
    padding-bottom: 8px;
    padding-top: 15px
}

.imperial-service .index .featured-articles {
    margin-top: 25px;
    width: 780px;
    border-bottom: solid 3px #BBBCBC
}

.imperial-service .index .featured-articles .ui-dynamic-header {
    font-weight: 400
}

.imperial-service .index .featured-articles .is-tile {
    background-color: #F2F3F2;
    background-size: 100%;
    background-position: top center;
    height: 300px;
    width: 246px;
    margin-top: 20px;
    position: relative
}

.imperial-service .index .featured-articles .is-tile a {
    position: relative;
    padding-top: 100px;
    padding-bottom: 0
}

.imperial-service .index .featured-articles .is-tile a h3 {
    font-size: 18px;
    font-weight: 400;
    margin-top: 24px;
    color: #383B3E;
    text-decoration: underline
}

.imperial-service .index .featured-articles .is-tile:first-child {
    background-color: #D3EDEE
}

.imperial-service .index .featured-articles .is-tile:nth-child(2) {
    background-color: #DEE9F7
}

.imperial-service .index .featured-articles .is-tile:before {
    background-color: #F2F3F2;
    bottom: 0;
    content: '';
    display: inline-block;
    height: calc(100% - 100px);
    position: absolute;
    width: 100%
}

.imperial-service .index .featured-articles .is-tile:focus:before,
.imperial-service .index .featured-articles .is-tile:hover:before {
    background-color: #F2F3F2
}

.imperial-service .index .featured-articles .is-tile:focus h3,
.imperial-service .index .featured-articles .is-tile:hover h3 {
    color: #C41F3E
}

.imperial-service .index .featured-articles .is-tile p {
    font-size: 12px
}

.imperial-service .index .featured-articles .is-tile:nth-of-type(3) {
    margin-right: 0;
    background-color: #F5E3E8
}

.imperial-service .index .featured-articles .is-tile:nth-of-type(3) a {
    padding-right: 11px
}

.imperial-service .index .read-more-articles {
    float: right
}

.imperial-service .index .dashboard h2 {
    font-weight: 400
}

.imperial-service .index .dashboard .dashboard-columns {
    border-spacing: 0;
    border-style: hidden;
    box-sizing: border-box;
    display: table;
    margin: 0 0 40px;
    min-height: 300px;
    width: 100%
}

.imperial-service .index .dashboard .dashboard-column {
    background-color: #F2F3F2;
    border: 0;
    display: table-cell;
    height: 100%;
    margin: 0;
    width: 246px
}

.imperial-service .index .dashboard .dashboard-column:not(:first-child) {
    border-left: solid 11px #fff
}

.imperial-service .index .dashboard .dashboard-column:not(:last-child) {
    border-right: solid 11px #fff
}

.imperial-service .index .dashboard .rates-container {
    margin-left: 21px;
    margin-right: 21px
}

.imperial-service .index .dashboard h3 {
    color: #383B3E;
    text-align: left;
    font-family: WhitneyMedium;
    font-size: 16px;
    font-weight: 400;
    padding: 12px 0 8px 12px
}

.imperial-service .index .dashboard .ui-set-field {
    margin-bottom: 0;
    margin-right: 12px
}

.imperial-service .index .dashboard .ui-set-field>label {
    color: #383B3E;
    font-family: Arial;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    width: 50%;
    padding-bottom: 5px;
    padding-top: 5px
}

.imperial-service .index .dashboard .ui-set-select,
.imperial-service .index .dashboard .ui-set-textbox {
    padding: 0 12px 10px
}

.imperial-service .index .dashboard .market-select {
    width: 150px
}

.imperial-service .index .dashboard .market-select .ui-select {
    width: 130px
}

.imperial-service .index .dashboard .symbols-input {
    width: 85px
}

.imperial-service .index .dashboard .symbols-input .ui-textbox {
    width: 73px
}

.imperial-service .index .dashboard .actions {
    width: 100%;
    clear: both
}

.imperial-service .index .dashboard .actions .search {
    float: right;
    margin-bottom: 10px;
    margin-right: 12px
}

.imperial-service .index .dashboard .quotes-form-items .economics-online-section,
.imperial-service .index .dashboard .quotes-form-items .question-section {
    background: url(img/icon-question.png) left 16px center/32px no-repeat;
    border-top: 5px solid #FFF;
    float: left;
    width: 215px
}

.imperial-service .index .dashboard .quotes-form-items .question-section {
    padding: 14px 16px
}

.imperial-service .index .dashboard .quotes-form-items .economics-online-section {
    padding: 14px 12px
}

.imperial-service .index .dashboard .quotes-form-items div.economics-online-section {
    background: url(img/icon_economics_online.png) 12px/24px no-repeat;
    width: 100%
}

.imperial-service .index .dashboard .economics-online-text a {
    text-decoration: none;
    font-family: Arial;
    font-size: 12px;
    font-weight: 400
}

.imperial-service .index .dashboard .economics-online-text a:focus,
.imperial-service .index .dashboard .economics-online-text a:hover {
    text-decoration: underline
}

.imperial-service .index .dashboard .economics-online-text {
    font-family: Arial;
    font-size: 12px;
    font-weight: 400;
    padding-left: 36px
}

.imperial-service .index .dashboard h4.question-title {
    padding-left: 48px;
    font-family: Arial;
    font-weight: 700;
    font-size: 11px
}

.imperial-service .index .dashboard div.question-text {
    font-family: Arial;
    font-weight: 400;
    font-size: 11px;
    padding-top: 4px;
    padding-left: 48px
}

.imperial-service .index .dashboard div.question-text span {
    white-space: nowrap
}

.imperial-service .index .dashboard .market-select,
.imperial-service .index .dashboard .quotes-form-items,
.imperial-service .index .dashboard .quotes-section,
.imperial-service .index .dashboard .symbols-input {
    float: left
}

.imperial-service .index .maturity-notices .ui-loader .ui-indicator {
    top: 70px
}

.imperial-service .index .maturity-notices .maturity-notices-header {
    border-bottom: solid 3px #BBBCBC;
    position: relative
}

.imperial-service .index .maturity-notices .maturity-notices-header h2 {
    font-weight: 400
}

.imperial-service .index .maturity-notices .maturity-notices-header .toggle-buttons {
    bottom: 15px;
    position: absolute;
    right: 0
}

.imperial-service .index .maturity-notices .maturity-notices-header .toggle-buttons .ui-button {
    padding: 0 19px
}

.imperial-service .index .maturity-notices .maturity-notices-header .toggle-buttons .ui-button::before {
    border-left: 1px solid #BBBCBC;
    content: "";
    height: 18px;
    left: -7px;
    position: absolute
}

.imperial-service .index .maturity-notices .maturity-notices-header .toggle-buttons .ui-button:first-of-type::before {
    border-left: none
}

.imperial-service .index .maturity-notices .maturity-notices-header .toggle-buttons .ui-button.expand-all {
    background: url(img/uikit/ui-collapsible-pane-plus.png) 0 center no-repeat;
    background-size: 15px
}

.imperial-service .index .maturity-notices .maturity-notices-header .toggle-buttons .ui-button.collapse-all {
    background: url(img/uikit/ui-collapsible-pane-minus.png) 0 center no-repeat;
    background-size: 15px
}

.imperial-service .index .maturity-notices .no-maturity-notice {
    margin-top: 10px
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table {
    width: 100%
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table .maturity-notices-table-row th {
    font-style: italic
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table .table-header {
    background-color: #F2F3F2
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table thead,
.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table tr {
    border-bottom: solid 1px #BBBCBC;
    min-height: 32px
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table th[scope=col] {
    font-size: 11px
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table td,
.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table th {
    line-height: 14px
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table td.maturity-date,
.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table th.maturity-date {
    width: 115px
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table td.principal-value,
.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table th.principal-value {
    width: 135px
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table td.interest-rate,
.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table th.interest-rate {
    width: 125px
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table td.term,
.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table th.term {
    width: 105px
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table td.held,
.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table th.held {
    width: 85px
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table td.account-number,
.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table th.account-number {
    width: 110px
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table td:last-child,
.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table th:last-child {
    padding-right: 15px;
    text-align: right
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table td {
    padding: 15px 0 15px 15px
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table th {
    padding: 10px 0 10px 15px
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table.expanded-info td.maturity-date,
.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table.expanded-info th.maturity-date {
    width: 95px
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table.expanded-info td.issuer,
.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table.expanded-info td.principal-value,
.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table.expanded-info td.registered-info,
.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table.expanded-info td.term,
.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table.expanded-info th.issuer,
.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table.expanded-info th.principal-value,
.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table.expanded-info th.registered-info,
.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table.expanded-info th.term {
    width: 85px
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table.expanded-info td.interest-rate,
.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table.expanded-info th.interest-rate {
    width: 65px
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table.expanded-info td.held,
.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table.expanded-info th.held {
    width: 55px
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table.expanded-info td.account-number,
.imperial-service .index .maturity-notices .ui-collapsible-pane .maturity-notices-table.expanded-info th.account-number {
    width: 70px
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .ui-title {
    background: 0 0;
    border-bottom: solid 1px #BBBCBC;
    color: #383B3E;
    font-size: 15px;
    margin-bottom: 0;
    padding-left: 25px
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .ui-title img {
    top: 12px;
    left: 0
}

.imperial-service .index .maturity-notices .ui-collapsible-pane:last-of-type .maturity-notices-table tr:last-of-type {
    border-bottom: solid 1px #D6D6D6
}

.imperial-service .index .maturity-notices .ui-collapsible-pane:last-of-type .ui-title {
    border-bottom: solid 1px #BBBCBC
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .ui-collapsible {
    padding: 0;
    border-bottom: none
}

.imperial-service .index .maturity-notices .ui-collapsible-pane .ui-collapsible>div {
    margin-left: 0;
    padding: 0
}

.imperial-service .index .market-watch-container {
    position: relative
}

.imperial-service .index .market-watch-container .market-watch {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%
}

.imperial-service .index .market-watch-container .market-watch .ui-loader {
    height: 100%
}

.imperial-service .index .market-watch-container .market-watch table {
    margin: 5px 15px 0;
    width: calc(100% - 30px)
}

.imperial-service .index .market-watch-container .market-watch table tr:not(:last-child) {
    border-bottom: thin solid #BBB
}

.imperial-service .index .market-watch-container .market-watch table td {
    padding: .5ex 0
}

.imperial-service .index .market-watch-container .market-watch table .heading-change,
.imperial-service .index .market-watch-container .market-watch table .heading-value {
    text-align: right
}

.imperial-service .index .market-watch-container .market-watch table .item-value {
    font-weight: 700;
    text-align: right
}

.imperial-service .index .market-watch-container .market-watch table .item-change {
    text-align: right
}

.imperial-service .index .market-watch-container .market-watch table .item-change:after {
    content: " ";
    display: inline-block;
    width: 1.2em
}

.imperial-service .index .market-watch-container .market-watch table .negative-change {
    color: #a01e3a
}

.imperial-service .index .market-watch-container .market-watch table .negative-change:after {
    content: "▼"
}

.imperial-service .index .market-watch-container .market-watch table .positive-change:after {
    content: "▲"
}

.imperial-service .index .market-watch-container .market-watch footer {
    position: absolute;
    bottom: 0;
    margin: 0 12px 15px;
    top: 266px;
    font-size: 10px
}

.imperial-service .index .market-watch-container .market-watch footer:lang(fr) {
    top: 307px
}

.imperial-service .index .rates-container {
    position: relative
}

.imperial-service .index .rates-container .imperial-service-rates {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%
}

.imperial-service .index .imperial-service-rates,
.imperial-service .index .market-watch,
.imperial-service .index .quotes-form-items {
    border-top: 3px solid #BBBCBC
}

.imperial-service .index .imperial-service-rates .ui-loader .ui-indicator,
.imperial-service .index .market-watch .ui-loader .ui-indicator,
.imperial-service .index .quotes-form-items .ui-loader .ui-indicator {
    top: 100px
}

.imperial-service .index .msg-centre {
    text-align: right;
    margin-top: 10px
}

.imperial-service .index .market-watch-messages,
.imperial-service .index .maturity-notices-messages,
.imperial-service .index .rates-messages {
    padding: 0 15px
}

.imperial-service .index .market-watch-messages .ui-alert,
.imperial-service .index .maturity-notices-messages .ui-alert,
.imperial-service .index .rates-messages .ui-alert {
    padding-left: 36px
}

.imperial-service .index .market-watch-messages .ui-alert .ui-text,
.imperial-service .index .maturity-notices-messages .ui-alert .ui-text,
.imperial-service .index .rates-messages .ui-alert .ui-text {
    padding-top: 5px
}

.imperial-service .index .disclaimers {
    color: #383B3E
}

.imperial-service .index .disclaimers .ui-title {
    font-weight: 400;
    font-family: WhitneyMedium
}

@media print {

    .imperial-service .index .dashboard .market-watch-container thead,
    .imperial-service .index .maturity-notices thead {
        display: table-row-group
    }

    .imperial-service .index .feature-banner,
    .imperial-service .index .featured-articles {
        width: 940px
    }

    .imperial-service .index .featured-articles .is-tile {
        margin-bottom: 10px;
        min-height: 240px
    }

    .imperial-service .index .dashboard .dashboard-column,
    .imperial-service .index .featured-articles .is-tile {
        background-size: 82%;
        width: 300px
    }

    .imperial-service .index .dashboard {
        color: #383B3E
    }

    .imperial-service .index .dashboard .market-watch-container .market-watch,
    .imperial-service .index .dashboard .rates-container .imperial-service-rates,
    .imperial-service .index .dashboard .ui-loader {
        position: static
    }

    .imperial-service .index .dashboard .quotes-form-items,
    .imperial-service .index .dashboard .quotes-section {
        float: none
    }

    .imperial-service .index .dashboard .dashboard-columns {
        margin-bottom: 0
    }

    .imperial-service .index .dashboard .rates-container {
        margin: 0 20px
    }

    .imperial-service .index .dashboard .quotes-form-items .economics-online-section,
    .imperial-service .index .dashboard .quotes-form-items .question-section {
        width: calc(100% - 30px)
    }

    .imperial-service .index .dashboard .quotes-form-items .ui-button {
        margin-right: 69px
    }

    .imperial-service .index .dashboard,
    .imperial-service .index .disclaimers,
    .imperial-service .index .maturity-notices-header,
    .imperial-service .index .maturity-notices-table {
        page-break-inside: avoid
    }

    .imperial-service .index .maturity-notices-header,
    .imperial-service .index .maturity-notices-pane .ui-title {
        page-break-after: avoid
    }

    .imperial-service .index .maturity-notices-table {
        page-break-before: avoid
    }

    .imperial-service .index .maturity-notices {
        page-break-before: always
    }

    .imperial-service .index .ui-collapsible-pane.ui-collapsed .ui-collapsible {
        display: block
    }

    .imperial-service .index .ui-collapsible-pane .ui-title {
        background: url(img/uikit/ui-collapsible-pane-minus.png) 0 center no-repeat
    }
}

.imperial-service .calculators-tools .is-tile:first-of-type:focus h2,
.imperial-service .calculators-tools .is-tile:first-of-type:hover h2,
.imperial-service .calculators-tools .is-tile:nth-of-type(2):focus h2,
.imperial-service .calculators-tools .is-tile:nth-of-type(2):hover h2,
.imperial-service .calculators-tools .is-tile:nth-of-type(2n+3):focus h2,
.imperial-service .calculators-tools .is-tile:nth-of-type(2n+3):hover h2,
.imperial-service .calculators-tools .is-tile:nth-of-type(2n+6):focus h2,
.imperial-service .calculators-tools .is-tile:nth-of-type(2n+6):hover h2,
.imperial-service .calculators-tools .is-tile:nth-of-type(3n+3):focus h2,
.imperial-service .calculators-tools .is-tile:nth-of-type(3n+3):hover h2,
.imperial-service .calculators-tools .is-tile:nth-of-type(3n+6):focus h2,
.imperial-service .calculators-tools .is-tile:nth-of-type(3n+6):hover h2,
.imperial-service .calculators-tools .is-tile:nth-of-type(n+3):focus h2,
.imperial-service .calculators-tools .is-tile:nth-of-type(n+3):hover h2,
.imperial-service .calculators-tools .is-tile:nth-of-type(n+6):focus h2,
.imperial-service .calculators-tools .is-tile:nth-of-type(n+6):hover h2 {
    color: #C41F3E
}

.imperial-service .calculators-tools .is-tile:first-of-type,
.imperial-service .calculators-tools .is-tile:first-of-type:before,
.imperial-service .calculators-tools .is-tile:first-of-type:focus,
.imperial-service .calculators-tools .is-tile:first-of-type:focus:before,
.imperial-service .calculators-tools .is-tile:first-of-type:hover,
.imperial-service .calculators-tools .is-tile:first-of-type:hover:before,
.imperial-service .calculators-tools .is-tile:nth-of-type(2),
.imperial-service .calculators-tools .is-tile:nth-of-type(2):before,
.imperial-service .calculators-tools .is-tile:nth-of-type(2):focus,
.imperial-service .calculators-tools .is-tile:nth-of-type(2):focus:before,
.imperial-service .calculators-tools .is-tile:nth-of-type(2):hover,
.imperial-service .calculators-tools .is-tile:nth-of-type(2):hover:before,
.imperial-service .calculators-tools .is-tile:nth-of-type(2n+3):after,
.imperial-service .calculators-tools .is-tile:nth-of-type(2n+3):before,
.imperial-service .calculators-tools .is-tile:nth-of-type(2n+3):focus,
.imperial-service .calculators-tools .is-tile:nth-of-type(2n+3):focus:before,
.imperial-service .calculators-tools .is-tile:nth-of-type(2n+3):hover,
.imperial-service .calculators-tools .is-tile:nth-of-type(2n+3):hover:before,
.imperial-service .calculators-tools .is-tile:nth-of-type(2n+6),
.imperial-service .calculators-tools .is-tile:nth-of-type(2n+6):after,
.imperial-service .calculators-tools .is-tile:nth-of-type(2n+6):before,
.imperial-service .calculators-tools .is-tile:nth-of-type(2n+6):focus,
.imperial-service .calculators-tools .is-tile:nth-of-type(2n+6):focus:before,
.imperial-service .calculators-tools .is-tile:nth-of-type(2n+6):hover,
.imperial-service .calculators-tools .is-tile:nth-of-type(2n+6):hover:before,
.imperial-service .calculators-tools .is-tile:nth-of-type(3n+3):after,
.imperial-service .calculators-tools .is-tile:nth-of-type(3n+3):before,
.imperial-service .calculators-tools .is-tile:nth-of-type(3n+3):focus,
.imperial-service .calculators-tools .is-tile:nth-of-type(3n+3):focus:before,
.imperial-service .calculators-tools .is-tile:nth-of-type(3n+3):hover,
.imperial-service .calculators-tools .is-tile:nth-of-type(3n+3):hover:before,
.imperial-service .calculators-tools .is-tile:nth-of-type(3n+6),
.imperial-service .calculators-tools .is-tile:nth-of-type(3n+6):after,
.imperial-service .calculators-tools .is-tile:nth-of-type(3n+6):before,
.imperial-service .calculators-tools .is-tile:nth-of-type(3n+6):focus,
.imperial-service .calculators-tools .is-tile:nth-of-type(3n+6):focus:before,
.imperial-service .calculators-tools .is-tile:nth-of-type(3n+6):hover,
.imperial-service .calculators-tools .is-tile:nth-of-type(3n+6):hover:before,
.imperial-service .calculators-tools .is-tile:nth-of-type(n+3):after,
.imperial-service .calculators-tools .is-tile:nth-of-type(n+3):before,
.imperial-service .calculators-tools .is-tile:nth-of-type(n+3):focus,
.imperial-service .calculators-tools .is-tile:nth-of-type(n+3):focus:before,
.imperial-service .calculators-tools .is-tile:nth-of-type(n+3):hover,
.imperial-service .calculators-tools .is-tile:nth-of-type(n+3):hover:before,
.imperial-service .calculators-tools .is-tile:nth-of-type(n+6),
.imperial-service .calculators-tools .is-tile:nth-of-type(n+6):after,
.imperial-service .calculators-tools .is-tile:nth-of-type(n+6):before,
.imperial-service .calculators-tools .is-tile:nth-of-type(n+6):focus,
.imperial-service .calculators-tools .is-tile:nth-of-type(n+6):focus:before,
.imperial-service .calculators-tools .is-tile:nth-of-type(n+6):hover,
.imperial-service .calculators-tools .is-tile:nth-of-type(n+6):hover:before {
    background-color: #F2F3F2
}

.imperial-service .calculators-tools .instructions {
    font-size: 13px;
    line-height: 20px
}

.imperial-service .calculators-tools .is-tile {
    background-repeat: no-repeat;
    position: relative
}

.imperial-service .calculators-tools .is-tile a:before {
    bottom: 0;
    content: '';
    display: inline-block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.imperial-service .calculators-tools .is-tile:after {
    content: '';
    position: absolute;
    height: 100px;
    top: 0;
    width: 100%;
    z-index: -1
}

.imperial-service .calculators-tools .is-tile:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    display: inline-block;
    z-index: -1
}

.imperial-service .calculators-tools .is-tile:nth-of-type(3n+1):not(:first-of-type) {
    width: 246px
}

.imperial-service .calculators-tools .is-tile:nth-of-type(3n+2) {
    margin-right: 0
}

.imperial-service .calculators-tools .is-tile a h2 {
    line-height: 120%
}

.imperial-service .calculators-tools .is-tile h2 {
    font-weight: 400;
    color: #383B3E;
    text-decoration: underline
}

.imperial-service .calculators-tools .is-tile p {
    font-size: 12px
}

.imperial-service .calculators-tools .is-tile:nth-of-type(-n+2) {
    background-position: right center;
    background-size: 160px
}

.imperial-service .calculators-tools .is-tile:nth-of-type(-n+2):lang(en) {
    height: 220px
}

.imperial-service .calculators-tools .is-tile:nth-of-type(-n+2):after {
    background-color: #F2F3F2;
    content: '';
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 160px;
    z-index: -1
}

.imperial-service .calculators-tools .is-tile:nth-of-type(-n+2):before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    display: inline-block;
    height: 100%;
    width: calc(100% - 160px)
}

.imperial-service .calculators-tools .is-tile:nth-of-type(-n+2) a {
    padding-right: calc(160px + 15px);
    padding-top: 24px;
    padding-bottom: 20px
}

.imperial-service .calculators-tools .is-tile:nth-of-type(-n+2) p {
    margin-top: 0;
    padding-right: calc(160px + 15px);
    padding-top: 0
}

.imperial-service .calculators-tools .is-tile:nth-of-type(n+3) {
    background-position: center 0;
    background-size: auto calc(100px);
    height: 335px
}

.imperial-service .calculators-tools .is-tile:nth-of-type(n+3):before {
    height: calc(100% - 100px);
    width: 100%
}

.imperial-service .calculators-tools .is-tile:nth-of-type(n+3) h2 {
    margin: 24px 0 20px
}

.imperial-service .calculators-tools .is-tile:nth-of-type(n+3) a {
    padding-bottom: 0;
    padding-top: 100px
}

.imperial-service .calculators-tools .is-tile:nth-of-type(n+3) p {
    padding-top: 0
}

.imperial-service-customize-rates .ui-dialog>.ui-wrapper {
    width: 730px;
    margin-left: -365px
}

.imperial-service-customize-rates .ui-dialog .ui-wrapper>.ui-body {
    position: relative;
    display: inline-table
}

.imperial-service-customize-rates .ui-dialog .ui-wrapper>.ui-body div.dialog-content {
    padding-bottom: 52px
}

.imperial-service-customize-rates .ui-dialog .ui-wrapper .action-bar.row {
    padding: 16px 32px;
    height: auto
}

.imperial-service .planning-advice .is-tile:nth-of-type(2n+2) p,
.imperial-service .planning-advice .is-tile:nth-of-type(2n+4) p,
.imperial-service .planning-advice .is-tile:nth-of-type(n+2) p,
.imperial-service .planning-advice .is-tile:nth-of-type(n+4) p {
    margin-top: -17px;
    padding-right: calc(180px)
}

.imperial-service-customize-rates .ui-dialog .ui-wrapper .action-bar.row ui-button.secondary.ui-size-medium.ui-display-secondary {
    background: url(img/icon_18_cancel.png) 7px no-repeat;
    background-size: 18px;
    color: #383B3E;
    border: none;
    margin-right: auto
}

.imperial-service .planning-advice .is-tile:first-of-type,
.imperial-service .planning-advice .is-tile:first-of-type:before,
.imperial-service .planning-advice .is-tile:first-of-type:focus,
.imperial-service .planning-advice .is-tile:first-of-type:focus:before,
.imperial-service .planning-advice .is-tile:first-of-type:hover,
.imperial-service .planning-advice .is-tile:first-of-type:hover:before,
.imperial-service .planning-advice .is-tile:nth-of-type(2n+2),
.imperial-service .planning-advice .is-tile:nth-of-type(2n+2):before,
.imperial-service .planning-advice .is-tile:nth-of-type(2n+2):focus,
.imperial-service .planning-advice .is-tile:nth-of-type(2n+2):focus:before,
.imperial-service .planning-advice .is-tile:nth-of-type(2n+2):hover,
.imperial-service .planning-advice .is-tile:nth-of-type(2n+2):hover:before,
.imperial-service .planning-advice .is-tile:nth-of-type(2n+4),
.imperial-service .planning-advice .is-tile:nth-of-type(2n+4):before,
.imperial-service .planning-advice .is-tile:nth-of-type(2n+4):focus,
.imperial-service .planning-advice .is-tile:nth-of-type(2n+4):focus:before,
.imperial-service .planning-advice .is-tile:nth-of-type(2n+4):hover,
.imperial-service .planning-advice .is-tile:nth-of-type(2n+4):hover:before,
.imperial-service .planning-advice .is-tile:nth-of-type(n+2),
.imperial-service .planning-advice .is-tile:nth-of-type(n+2):before,
.imperial-service .planning-advice .is-tile:nth-of-type(n+2):focus,
.imperial-service .planning-advice .is-tile:nth-of-type(n+2):focus:before,
.imperial-service .planning-advice .is-tile:nth-of-type(n+2):hover,
.imperial-service .planning-advice .is-tile:nth-of-type(n+2):hover:before,
.imperial-service .planning-advice .is-tile:nth-of-type(n+4),
.imperial-service .planning-advice .is-tile:nth-of-type(n+4):before,
.imperial-service .planning-advice .is-tile:nth-of-type(n+4):focus,
.imperial-service .planning-advice .is-tile:nth-of-type(n+4):focus:before,
.imperial-service .planning-advice .is-tile:nth-of-type(n+4):hover,
.imperial-service .planning-advice .is-tile:nth-of-type(n+4):hover:before {
    background-color: #F2F3F2
}

.imperial-service .planning-advice .is-tile:first-of-type:focus h2,
.imperial-service .planning-advice .is-tile:first-of-type:hover h2,
.imperial-service .planning-advice .is-tile:nth-of-type(2n+2):focus h2,
.imperial-service .planning-advice .is-tile:nth-of-type(2n+2):hover h2,
.imperial-service .planning-advice .is-tile:nth-of-type(2n+4):focus h2,
.imperial-service .planning-advice .is-tile:nth-of-type(2n+4):hover h2,
.imperial-service .planning-advice .is-tile:nth-of-type(n+2):focus h2,
.imperial-service .planning-advice .is-tile:nth-of-type(n+2):hover h2,
.imperial-service .planning-advice .is-tile:nth-of-type(n+4):focus h2,
.imperial-service .planning-advice .is-tile:nth-of-type(n+4):hover h2,
.imperial-service-customize-rates .ui-dialog .ui-wrapper .action-bar.row ui-button.secondary.ui-size-medium.ui-display-secondary:focus,
.imperial-service-customize-rates .ui-dialog .ui-wrapper .action-bar.row ui-button.secondary.ui-size-medium.ui-display-secondary:hover {
    color: #C41F3E
}

.imperial-service .planning-advice .is-tile:first-of-type:nth-of-type(odd),
.imperial-service .planning-advice .is-tile:not(:first-of-type):nth-of-type(odd) {
    margin-right: 0
}

.imperial-service .planning-advice {
    margin-bottom: 20px
}

.imperial-service .planning-advice .instructions p {
    font-size: 13px;
    line-height: 20px
}

.imperial-service .planning-advice .is-tile {
    background-repeat: no-repeat;
    position: relative
}

.imperial-service .planning-advice .is-tile h2.ui-dynamic-header {
    position: relative
}

.imperial-service .planning-advice .is-tile a:before {
    bottom: 0;
    content: '';
    display: inline-block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.imperial-service .planning-advice .is-tile:after {
    position: absolute;
    top: 0;
    height: 100px;
    width: 100%;
    content: '';
    z-index: -1
}

.imperial-service .planning-advice .is-tile:before {
    content: '';
    display: inline-block;
    height: 100%;
    position: absolute;
    top: 0
}

.imperial-service .planning-advice .is-tile h2 {
    font-weight: 400;
    font-size: 18px;
    color: #383B3E;
    text-decoration: underline
}

.imperial-service .planning-advice .is-tile p {
    font-size: 12px
}

.imperial-service .planning-advice .is-tile:first-of-type {
    background-position: 0 center;
    background-size: calc(265px)
}

.imperial-service .planning-advice .is-tile:first-of-type:before {
    right: 0;
    width: calc(100% - 275px)
}

.imperial-service .planning-advice .is-tile:first-of-type a {
    padding-left: calc(275px + 10px);
    padding-top: 24px
}

.imperial-service .planning-advice .is-tile:first-of-type p {
    padding-left: calc(275px + 10px);
    padding-right: 30px
}

.imperial-service .planning-advice .is-tile:not(:first-of-type) {
    background-position: right center;
    background-size: 160px
}

.imperial-service .planning-advice .is-tile:not(:first-of-type):before {
    left: 0;
    width: calc(100% - 160px)
}

.imperial-service .planning-advice .is-tile:not(:first-of-type) a {
    padding-right: calc(160px + 20px);
    padding-top: 24px
}

.imperial-service .planning-advice-show .main-section>div {
    width: 760px
}

.imperial-service .planning-advice-show .toolbox-global {
    width: 100px;
    margin-right: 0
}

.imperial-service .planning-advice-show .main-body {
    padding-top: 15px
}

.imperial-service .planning-advice-show h2,
.imperial-service .planning-advice-show h2 b {
    line-height: 24px;
    margin: 28px 0 20px;
    font-weight: 400;
    font-size: 18px;
    font-family: WhitneyMedium
}

.imperial-service .planning-advice-show p {
    margin: 20px 0
}

.imperial-service .planning-advice-show a,
.imperial-service .planning-advice-show p,
.imperial-service .planning-advice-show p+ul li {
    font-size: 13px;
    line-height: 21px
}

.imperial-service .planning-advice-show img:not(.phone-icon) {
    box-sizing: border-box;
    float: left;
    margin: 10px 20px 30px 0;
    width: 294px
}

.imperial-service .planning-advice-show .text-aside-block {
    box-sizing: border-box;
    display: inline-block;
    margin: 10px 0 0;
    width: 100%
}

.imperial-service .planning-advice-show .text-aside-block div {
    float: left;
    width: calc(100% - 255px);
    padding-right: 20px
}

.imperial-service .planning-advice-show .text-aside-block div h2 {
    margin-top: 10px
}

.imperial-service .planning-advice-show .text-aside-block div[role=note] {
    border-top: 3px solid #BBBCBC;
    border-bottom: 3px solid #BBBCBC;
    box-sizing: border-box;
    display: inline-block;
    float: right;
    font-family: WhitneyBookRegular;
    font-size: 18px;
    line-height: 27px;
    padding: 16px;
    width: 235px;
    margin-top: 50px
}

.imperial-service .planning-advice-show .is-contact-banner {
    background-color: #F2F3F2;
    border-radius: 4px;
    color: #383B3E;
    display: inline-block;
    font-size: 0;
    margin: 45px 0 40px;
    width: 100%;
    height: 100px
}

.imperial-service .planning-advice-show .is-contact-banner span {
    display: inline-block;
    text-decoration: none;
    vertical-align: top;
    margin-top: 21px
}

.imperial-service .planning-advice-show .is-contact-banner span:first-of-type {
    background: url(img/IS_help_icon.png) 24px center no-repeat;
    background-size: 32px;
    border-right: 1px solid #BBBCBC;
    font-family: WhitneyBookRegular;
    font-size: 22px;
    padding: 20px 16px 20px 72px
}

.imperial-service .planning-advice-show .is-contact-banner span:nth-of-type(2) {
    font-family: Arial;
    font-size: 12px;
    width: calc(100% - 250px);
    text-decoration: none;
    padding: 10px 24px 10px 16px
}

.imperial-service .planning-advice-show .is-contact-banner span:nth-of-type(2):lang(fr) {
    width: calc(100% - 275px)
}

.imperial-service .planning-advice-show .swot-table div {
    display: inline-block;
    vertical-align: top;
    width: 365px
}

.imperial-service .planning-advice-show .swot-table div:nth-of-type(odd) {
    margin-right: 15px
}

.imperial-service .planning-advice-show .swot-table h2 {
    background: #F2F3F2;
    border-bottom: 1px solid #BBBCBC;
    color: #383B3E;
    font: 700 13px Arial;
    margin: 10px 0 15px;
    padding: 12px;
    text-align: center;
    text-transform: capitalize
}

.imperial-service .planning-advice-show .swot-table ul {
    clear: left;
    padding-left: 20px
}

.imperial-service .planning-advice-show .swot-table ul li {
    background: linear-gradient(to right, #000, #000);
    background-position: 0 8px;
    background-size: 3px 3px;
    background-repeat: no-repeat;
    margin: 5px 0;
    padding-left: 13px
}

.imperial-service .planning-advice-show p+ul {
    clear: left;
    padding-left: 20px
}

.imperial-service .planning-advice-show p+ul li {
    background: linear-gradient(to right, #000, #000);
    background-position: 0 8px;
    background-size: 3px 3px;
    background-repeat: no-repeat;
    margin: 5px 0;
    padding-left: 13px
}

@media print {
    .imperial-service .planning-advice-show .main-section>div {
        width: auto
    }

    .imperial-service .planning-advice-show .swot-table div {
        width: calc(50% - 15px)
    }

    .imperial-service .planning-advice .is-tile:first-of-type {
        width: 100%
    }

    .imperial-service .planning-advice .is-tile:not(:first-of-type) {
        width: 460px
    }
}

.imperial-service-quote-results .results-text {
    margin: 0 15px
}

.imperial-service-quote-results .dialog-content h1 {
    float: left;
    padding-bottom: 30px
}

.margin-vertical,
.offer-action-panel,
.offer-action-panel .row {
    margin-bottom: 20px;
    margin-top: 20px
}

.action-button,
.offer-back-banking,
.offer-back-offer,
.offer-get-started,
.offer-i-accept,
.offer-i-agree,
.offer-remind-me-later,
.offer-tell-me-later {
    height: 48px;
    cursor: pointer
}

.offer-tell-me-later {
    width: 136px
}

.offer-i-accept {
    width: 104px
}

.offer-i-agree {
    width: 98px
}

.offer-no-thanks {
    font-size: 14px;
    color: #900;
    cursor: pointer;
    line-height: 48px;
    margin-left: 28px
}

.offer-back-banking {
    width: 200px
}

.offer-back-offer {
    width: 138px
}

.offer-remind-me-later {
    width: 166px
}

.offer-get-started {
    width: 127px
}

.offer-action-panel {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.offer-action-panel a {
    text-decoration: none
}

.offer-action-panel .action-disable {
    opacity: .5;
    pointer-events: none
}

.offer-masthead {
    margin-top: 5px;
    border-bottom-color: #af0b1c;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    padding-bottom: 8px
}

.offer-masthead .logo {
    margin-left: 0
}

.navigation-global-container .navigation-global .items li .offer-notification {
    padding: 0
}

.navigation-global-container .navigation-global .items li .offer-notification a {
    padding: 20px 20px 13px;
    vertical-align: middle
}

.navigation-global-container .navigation-global .items li .offer-notification .count {
    background-image: url(img/badge-notification.png);
    background-size: 24px 24px;
    background-position: 0 -1px;
    color: #000;
    display: inline-block;
    font-family: arial;
    font-weight: 700;
    height: 18px;
    margin-left: 4px;
    padding: 5px 0 0;
    text-align: center;
    vertical-align: center;
    width: 23px
}

.navigation-global-container .navigation-global .items li .offer-notification .sr-only:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    text-transform: initial;
    white-space: nowrap;
    width: 1px
}

.offer-notification-message {
    background-color: #e5f3fc;
    border: 1px solid #369;
    border-radius: 3px;
    display: inline-block;
    width: 538px
}

.offer-notification-message .offer-message {
    float: left;
    font-size: 14px;
    padding: 20px 0 20px 20px;
    width: 88%;
    color: #000
}

.offer-notification-message .offer-close {
    float: right;
    padding: 12px
}

.offer-page {
    font-family: Arial;
    font-size: 16px;
    margin-left: 150px;
    margin-right: 150px;
    padding-top: 5px
}

.offer-page h1 {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #f0f0f0;
    color: #af0b1c;
    font-family: Arial;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    padding: 1em;
    text-align: center
}

.offer-page .pull {
    float: left
}

.offer-page .push {
    float: right
}

.offer-page .row {
    clear: both
}

.offer-page .ui-display-link {
    border: none;
    color: #900
}

.sitemap .site-map-block {
    clear: both;
    padding-top: 30px
}

.sitemap .site-map-block section>div:nth-of-type(even) {
    float: right;
    width: 46.8%;
    width: calc(50% - 25px)
}

.sitemap .site-map-block section>div:nth-of-type(odd) {
    float: left;
    width: 46.8%;
    width: calc(50% - 25px)
}

.sitemap .site-map-block .group ul li {
    margin-left: 15px;
    padding: 15px 0
}

.sitemap .site-map-block .group ul li:first-child {
    background-color: #F2F3F2;
    border-bottom: 1px solid #BBBCBC;
    font-size: 14px;
    margin-left: 0;
    padding: 7px 0 7px 15px
}

.sitemap .site-map-block .group ul li:not(:first-child):not(:last-child) {
    border-bottom: 1px solid #BBBCBC
}

.sitemap .site-map-block .group ul li:only-child {
    margin-bottom: 10px
}

.sitemap .site-map-block .header-section {
    font-family: Arial;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 0;
    padding: 0 15px 10px
}

.sitemap .action-bar {
    background-image: none
}

.contact-us .contact-us-body>div>p {
    margin-bottom: 15px
}

.contact-us .contact-us-body>div>p:last-child {
    margin-bottom: 0
}

.contact-us .contact-us-body .find-a-branch-section>p,
.contact-us .contact-us-body .phone-directory-section>p,
.contact-us .contact-us-body .write-to-us-section>p {
    margin-bottom: 30px
}

.contact-us .contact-us-body .header-section {
    font-family: WhitneyMedium;
    font-weight: 400;
    line-height: 18px;
    padding: 40px 15px 10px 0
}

.contact-us .contact-us-body .meet-with-us-section a {
    background: url(img/icon_ibas.png) no-repeat;
    background-size: 24px;
    display: inline-block;
    font-weight: 400;
    margin-left: 18px;
    text-decoration: none;
    padding: 5px 0 0 30px;
    vertical-align: middle
}

.card-on-file .cof-merchant .merchant-last-transation>div:focus span,
.card-on-file .cof-merchant .merchant-last-transation>div:hover span,
.card-on-file .cof-merchant .merchant-name>div:focus span,
.card-on-file .cof-merchant .merchant-name>div:hover span,
.contact-us .contact-us-body .meet-with-us-section a:hover {
    text-decoration: underline
}

.contact-us .contact-us-body .meet-with-us-section>div {
    padding-top: 12px
}

.contact-us .contact-us-body .phone-directory-section {
    padding-bottom: 10px
}

.contact-us .contact-us-body .phone-directory-section>p a {
    background: url(img/icon_18_phone.png) 0 -2px no-repeat;
    background-size: 24px;
    display: block;
    padding-left: 28px;
    height: 20px
}

.contact-us .contact-us-body .phone-directory-section>div {
    font-size: 13px;
    font-weight: 700;
    padding-bottom: 15px
}

.contact-us .contact-us-body .phone-directory-section ul li {
    border-bottom: 1px solid #D6D6D6;
    display: flex;
    padding: 15px 0
}

.contact-us .contact-us-body .phone-directory-section ul li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.contact-us .contact-us-body .phone-directory-section ul li div:first-child {
    width: 275px
}

.contact-us .contact-us-body .phone-directory-section ul li div:last-child {
    font-weight: 700
}

.contact-us .contact-us-body .find-a-branch-section>p a {
    background: url(img/icon_locator.png) 0 -2px no-repeat;
    background-size: 24px;
    display: block;
    padding-left: 28px;
    height: 20px
}

.contact-us .contact-us-body .write-to-us-section>p a {
    background: url(img/icon_email_red.png) 0 -2px no-repeat;
    background-size: 24px;
    display: block;
    padding-left: 28px;
    height: 20px
}

.contact-us .contact-us-body .static-chat .header-section {
    background: 0 0;
    margin-bottom: 0
}

.contact-us .instructions {
    padding-top: 15px
}

.contact-us .instructions p:first-child {
    margin-top: 0
}

.contact-us .right-rail .related-links .sub-header {
    margin-bottom: 10px;
    margin-top: 12px
}

.contact-us .right-rail .related-links .sub-header p {
    color: #606366;
    font-family: Arial;
    font-weight: 700
}

.contact-us .right-rail .related-links ul:nth-of-type(1) li {
    background: 0 0;
    padding-left: 0
}

.contact-us .right-rail .related-links ul:nth-of-type(1) li:last-child {
    border-bottom: 1px solid #CCC
}

.contact-us .right-rail .related-links ul:nth-of-type(2) li:first-child {
    margin-top: 20px
}

.contact-us .right-rail .related-links ul:nth-of-type(2) li:last-child {
    padding-bottom: 10px
}

.contact-us .right-rail .related-links ul li {
    margin: 0;
    padding-bottom: 20px
}

.contact-us .contact-us-body .intelliresponse,
.new-message .intelliresponse {
    width: 540px
}

.contact-us .contact-us-body .intelliresponse .support-helps,
.new-message .intelliresponse .support-helps {
    align-items: center;
    display: flex;
    float: none
}

.contact-us .contact-us-body .intelliresponse .support-helps .ui-button,
.new-message .intelliresponse .support-helps .ui-button {
    margin: 0 20px
}

.contact-us .contact-us-body .intelliresponse .support-helps .ui-button:lang(fr),
.new-message .intelliresponse .support-helps .ui-button:lang(fr) {
    margin: 10px 24px
}

.contact-us .contact-us-body .intelliresponse .support-helps .ui-button:lang(fr) .ui-wrapper,
.new-message .intelliresponse .support-helps .ui-button:lang(fr) .ui-wrapper {
    padding: 0 15px
}

.contact-us .contact-us-body .intelliresponse .content,
.new-message .intelliresponse .content {
    border-right: 1px solid #BBBCBC;
    height: initial;
    margin: 15px 0;
    width: 455px
}

.contact-us .contact-us-body .intelliresponse .content:lang(fr),
.new-message .intelliresponse .content:lang(fr) {
    width: 355px
}

.contact-us .contact-us-body .intelliresponse .content div,
.new-message .intelliresponse .content div {
    border-left: none;
    height: initial;
    margin-top: -5px;
    width: 100%
}

.contact-us .contact-us-body .intelliresponse .content div span,
.new-message .intelliresponse .content div span {
    padding: 0 15px 0 18px
}

.contact-us .contact-us-body .intelliresponse .content h2,
.new-message .intelliresponse .content h2 {
    background: 0 0;
    padding: 0 18px 18px
}

.visa-checkout-details+.action-bar .secondary,
.visa-checkout-verification .ui-dialog .action-bar .secondary,
.visa-checkout-verification .ui-dialog .action-bar .tertiary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-color: transparent
}

.visa-checkout-verification .ui-dialog .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.visa-checkout-verification .ui-dialog .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.visa-checkout-verification .ui-dialog .action-bar .primary:only-child {
    margin-left: auto
}

.visa-checkout-verification .ui-dialog .action-bar .tertiary {
    background-position: 7px;
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.visa-checkout-verification .ui-dialog .action-bar .tertiary:focus,
.visa-checkout-verification .ui-dialog .action-bar .tertiary:hover {
    border: none;
    color: #C41F3E
}

.visa-checkout-verification .ui-dialog .action-bar .quaternary {
    margin: 0 auto 0 0;
    order: 2
}

.visa-checkout-verification .ui-dialog .action-bar .quaternary~.tertiary {
    margin: 0
}

.visa-checkout-verification .ui-dialog .action-bar .quaternary~.tertiary:before {
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    border-left: solid 2px #BBBCBC;
    right: 7px
}

.visa-checkout-verification .ui-dialog .action-bar .secondary {
    background-position: 7px;
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 1
}

.visa-checkout-verification .ui-dialog .action-bar .secondary:focus,
.visa-checkout-verification .ui-dialog .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.visa-checkout-details .form-terms-and-conditions {
    margin-bottom: 0
}

.visa-checkout-details .form-terms-and-conditions .ui-set-messages {
    margin-bottom: 25px
}

.visa-checkout-details .ui-display-info {
    background-position: 15px 15px;
    display: flex;
    flex-direction: column;
    margin: 25px 0;
    padding-bottom: 20px;
    padding-top: 20px
}

.visa-checkout-details+.action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.visa-checkout-details+.action-bar .primary {
    margin-left: 16px;
    order: 4
}

.visa-checkout-details+.action-bar .primary:only-child {
    margin-left: auto
}

.visa-checkout-details+.action-bar .secondary {
    background-position: 7px;
    border: none;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 3
}

.visa-checkout-details+.action-bar .secondary:focus,
.visa-checkout-details+.action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.not-found .action-bar {
    border: none;
    padding: 10px 0 0
}

.not-found .action-bar .call-to-action {
    text-align: left
}

.exclusive-offers-splash h1 {
    padding-bottom: 0
}

.exclusive-offers-splash .page-footer {
    margin-top: 0
}

.exclusive-offers-splash .no-margin {
    margin: 0
}

@media print {
    .exclusive-offers .signin-bar {
        display: none
    }

    .page-wrapper .app-splash .main-container {
        margin-top: 12px
    }
}

.ab-in-app-message {
    font-family: WhitneyBookRegular
}

.ab-in-app-message .ab-message-header {
    font-family: WhitneyMedium
}

.ab-in-app-message.ab-fullscreen .ab-message-text,
.ab-in-app-message.ab-modal .ab-message-text {
    line-height: 18px
}

.card-on-file .cof-merchant.expanded .merchant-last-transation>div {
    background-position: 507px -21px
}

.card-on-file .cof-merchant .merchant-name {
    margin: 0 0 10px;
    width: 225px
}

.card-on-file .cof-merchant .merchant-last-transation>div {
    background: url(img/sprite-icon-10-red-expand-collapse.png) 507px 4px no-repeat;
    background-size: 10px
}

.card-on-file .cof-merchant-details-row td {
    padding-bottom: 0;
    padding-top: 0
}

.card-on-file .cof-merchant-details-row td .cof-merchant-details {
    display: none;
    position: relative;
    overflow: visible;
    height: 48px
}

.card-on-file .cof-merchant-details-row td .cof-merchant-details .scrollable {
    height: 48px;
    overflow-y: auto
}

.card-on-file .cof-merchant-details-row td .cof-merchant-details .scrollable .merchant-detail {
    padding-bottom: 15px;
    padding-top: 15px
}

.card-on-file .cof-merchant-details-row .merchant-learn-more {
    display: inline-block;
    float: right
}

.card-on-file .cof-merchant-details-row .merchant-number {
    padding-right: 13px;
    vertical-align: inherit
}

.card-on-file .cof-merchant-details-row .merchant-url {
    background: url(img/icon-link-red.png) right no-repeat;
    background-size: 16px;
    display: inline-block;
    height: 16px;
    padding-left: 12px;
    padding-right: 26px
}

.card-on-file .cof-merchant-details-row .merchant-url.no-merchant-url {
    background: 0 0
}

.card-on-file .ui-loader .no-merchant {
    padding: 20px 0 50px;
    text-align: center
}

.card-on-file .ui-loader .ui-indicator {
    background-position-y: top;
    top: 10px;
    width: 100%
}

.card-on-file .ui-loader .ui-indicator span {
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    top: 25px;
    width: 100%
}

.card-on-file .ui-loader .ui-loading {
    min-height: 150px
}

.dialog-replace-damaged-card-error .action-bar {
    align-items: center;
    display: flex;
    text-align: unset
}

.dialog-replace-damaged-card-error .action-bar .primary {
    margin-left: 16px;
    order: 4
}

.dialog-replace-damaged-card-error .action-bar .primary:only-child {
    margin-left: auto
}

.dialog-replace-damaged-card-error .action-bar .secondary {
    background-image: url(img/icon_18_cancel.png);
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 18px;
    border: none;
    background-color: transparent;
    color: #383B3E;
    margin: 0 auto 0 0;
    order: 3
}

.dialog-replace-damaged-card-error .action-bar .secondary:focus,
.dialog-replace-damaged-card-error .action-bar .secondary:hover {
    border: none;
    color: #C41F3E
}

.manage-my-card-activate-card.dialog-modal .instructions {
    margin-top: 10px
}

.manage-my-card-activate-card.dialog-modal .ui-dialog>.ui-wrapper {
    width: 550px
}

.manage-my-card-activate-card .ui-group {
    float: left
}

.manage-my-card-activate-card .ui-set-field .ui-partial-label {
    width: 100%
}

.manage-my-card-activate-card .exp-date-fieldset {
    display: inline-block;
    position: relative;
    top: 9px
}

.manage-my-card-activate-card .exp-date-legend {
    padding-left: 30px;
    color: #606366;
    font-size: 13px
}

.manage-my-card-activate-card .card-details {
    display: inline-block
}

.manage-my-card-activate-card .card-details .card-data {
    display: inline-block;
    vertical-align: top
}

.manage-my-card-activate-card .card-details .expiry-month {
    padding-left: 30px
}

.manage-my-card-activate-card .card-details .expiry-month .ui-set-textbox {
    width: 80px
}

.manage-my-card-activate-card .card-details .expiry-month .ui-set-textbox .ui-textbox {
    width: 50px
}

.manage-my-card-activate-card .card-details .expiry-month .ui-partial-label {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    text-transform: initial;
    white-space: nowrap;
    width: 1px
}

.manage-my-card-activate-card .card-details .expiry-year {
    position: absolute;
    float: right;
    top: 0;
    left: 104px
}

.manage-my-card-activate-card .card-details .expiry-year .ui-set-textbox,
.manage-my-card-activate-card .card-details .expiry-year .ui-set-textbox .ui-textbox {
    width: 50px
}

.manage-my-card-activate-card .card-details .expiry-year .ui-partial-label {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    text-transform: initial;
    white-space: nowrap;
    width: 1px
}

.manage-my-card-activate-card .card-details .expiry-date {
    position: relative
}

.manage-my-card-activate-card .card-details .cvv {
    padding-left: 72px
}

.manage-my-card-activate-card .card-details .cvv .ui-set-textbox,
.manage-my-card-activate-card .card-details .cvv .ui-set-textbox .ui-textbox {
    width: 70px
}

.manage-my-card-activate-card .card-details .date-separator {
    position: absolute;
    left: 90px;
    top: 10px;
    font-size: 15px
}

.manage-my-card-activate-card .instruction-text {
    padding-bottom: 27px;
    padding-top: 3px
}

.manage-my-card-activate-card .credit-card-image {
    margin-bottom: -19px
}

.covid-hub .covidInstruction,
.covid-hub .covidLinks,
.covid-hub .covidLinksFaq {
    margin-bottom: 8px
}

.dialog-manage-my-card-activate-confirmation .cc-status-message ul {
    list-style-type: disc;
    padding-left: 30px
}

.onboarding-container {
    background: #c82144
}

.onboarding-container #onboarding-frame {
    border: none
}

.covid-hub {
    font-size: 14px
}

.covid-hub .instructions p {
    font-size: 15px
}

.covid-hub .covidLinks a {
    text-decoration: none;
    background: url(/index_files/icon-chevron-right.png) right center no-repeat;
    background-size: 18px;
    padding-right: 18px;
    display: inline
}

.covid-hub .covidLinks a:focus,
.covid-hub .covidLinks a:hover {
    color: #C41F3E;
    text-decoration: underline
}

.covid-hub ul hr:last-child,
.covid-hub ul hr:nth-child(2) {
    display: none
}

.covid-hub .covidLinksFaq a {
    text-decoration: none;
    background: url(img/linkout.png) right center no-repeat;
    background-size: 18px;
    padding-right: 18px;
    display: inline
}

.covid-hub .covidLinksFaq a:focus,
.covid-hub .covidLinksFaq a:hover {
    color: #C41F3E;
    text-decoration: underline
}

.covid-hub .covidInstruction {
    margin-top: 8px
}

.covid-hub .instructionHeading {
    font-weight: 700;
    font-size: 14px;
    font-family: arial;
    margin-top: 8px;
    margin-bottom: 8px
}

.covid-hub .action-bar {
    display: none
}

.covid-hub ul li:first-child {
    margin-bottom: 22px
}

.covid-hub ul:first-child>li {
    margin-bottom: 0
}

.covid-hub hr {
    border: 0;
    border-top: 1px solid #E1E1E1;
    height: 1px
}

@media print {

    .pb header.page-header,
    .sbc header.page-header,
    .sbd header.page-header,
    .sbs header.page-header,
    .sbu header.page-header {
        background-color: transparent
    }

    .sbc header.page-header>.wrapper .header-indicators>div:not(:last-child),
    .sbd header.page-header>.wrapper .header-indicators>div:not(:last-child),
    .sbs header.page-header>.wrapper .header-indicators>div:not(:last-child),
    .sbu header.page-header>.wrapper .header-indicators>div:not(:last-child) {
        border-right: none;
        margin-bottom: 10px
    }
}

.is .page-header {
    background: linear-gradient(#383B3E 0, #383B3E 29%, #F2F3F2 29%, #F2F3F2 100%);
    height: 135px
}

.is .page-header>.wrapper .header-indicators {
    align-items: center;
    color: #383B3E;
    display: flex;
    height: 92px
}

.is .page-header>.wrapper .header-indicators .meet-with-us a {
    background-position: 0 center;
    background-size: 24px;
    padding-left: 30px
}

.is .page-header>.wrapper .header-indicators .meet-with-us a span {
    display: block;
    padding: 0
}

.is .page-header .logo {
    margin: 74px 0 0;
    padding: 0
}

.is .page-header .logo img {
    height: 22px
}

.is .signin-bar {
    background-color: #383B3E
}

.is .signin-bar .signout:focus,
.is .signin-bar .signout:hover {
    color: #383B3E;
    background-color: #FFF
}

@media print {
    .is header.page-header {
        background: 0 0
    }

    .is header.page-header .logo {
        padding-top: 21px
    }

    .is header.page-header .logo img {
        height: 25px;
        position: relative
    }

    .is header.page-header .logo img:lang(en) {
        height: 20px
    }

    .is header.page-header .logo:lang(en) {
        padding-top: 26px
    }

    .is header.page-header>.wrapper {
        background-color: transparent
    }

    .is header.page-header>.wrapper .header-indicators {
        align-items: baseline;
        padding-top: 70px
    }

    .is header.page-header>.wrapper .header-indicators>div:not(:last-child) {
        border-right: none;
        margin-bottom: 10px
    }
}

.pwm .page-header {
    background-color: #F2F3F2;
    background: linear-gradient(#F2F3F2 0, #F2F3F2 29%, #fff 29%, #fff 100%)
}

.pwm .page-header>.wrapper {
    width: 940px
}

.pwm .signin-bar {
    background-color: #F2F3F2;
    color: #383B3E
}

.pwm .signin-bar .content .masthead-navigation>li a {
    color: #383B3E
}

.pwm .signin-bar .signout {
    border: 1px solid #606366;
    color: #606366
}

.pwm .signin-bar .signout:focus,
.pwm .signin-bar .signout:hover {
    color: #FFF;
    background-color: #606366
}

.cc .header-indicators:lang(fr) .meet-with-us {
    width: 162px
}

.cc .header-indicators .financial-advisor {
    font-size: 12px
}

.cc .header-indicators .financial-advisor:lang(fr) {
    padding-right: 0
}

.cc .header-indicators .financial-advisor:lang(en) {
    margin-left: 16px;
    width: auto
}

.cc .header-indicators .financial-advisor .name {
    font-weight: 700
}

@media print {

    .pwm header.page-header,
    .pwm header.page-header>.wrapper {
        background-color: transparent
    }

    .pwm header.page-header>.wrapper .header-indicators {
        padding-top: 72px
    }

    .pwm header.page-header>.wrapper .header-indicators>div:not(:last-child) {
        border-right: none;
        margin-bottom: 10px
    }

    .cc header.page-header>.wrapper .header-indicators {
        height: auto
    }

    .cc header.page-header>.wrapper .header-indicators>div:not(:last-child) {
        border-right: none;
        margin: 64px 0 0
    }
}

#kampyleButtonContainer #nebula_div_btn {
    z-index: 1000
}