@charset 'UTF-8';

.slick-list,
svg:not(:root) {
    overflow: hidden
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
    font-family: slick;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.shepherd-element,
.shepherd-element *,
.shepherd-element :after,
.shepherd-element :before,
.shepherd-element:after,
.shepherd-element:before,
.slick-slider {
    box-sizing: border-box
}

.digital-vault .invisible,
.digital-vault-modal .invisible,
.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.digital-vault-modal .note-notification-popup.ui-dialog>.ui-wrapper .body,
.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper,
.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body p {
    -ms-scrollbar-3dlight-color: silver;
    -ms-scrollbar-highlight-color: silver;
    -ms-scrollbar-track-color: #EBEBEB;
    -ms-scrollbar-shadow-color: silver;
    -ms-scrollbar-dark-shadow-color: silver
}

.digital-vault .clearfix:after,
.digital-vault .row .row.collapse:after,
.digital-vault .row .row:after,
.digital-vault .row:after,
.digital-vault-modal .clearfix:after,
.shepherd-element .shepherd-content header:after,
.slick-track:after {
    clear: both
}

.slick-slider {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots,
.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    padding: 0
}

.slick-loading .slick-list {
    background: url(./ajax-loader.gif) center center no-repeat #fff
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(./fonts/slick.eot);
    src: url(./fonts/slick.eot?#iefix) format('embedded-opentype'), url(./fonts/slick.woff) format('woff'), url(./fonts/slick.ttf) format('truetype'), url(./fonts/slick.svg#slick) format('svg')
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

.slick-next:before,
[dir=rtl] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

[dir=rtl] .slick-next:before {
    content: '←'
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    width: 100%;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

.tippy-popper {
    z-index: 9999
}

.tippy-popper .tippy-arrow {
    border: 16px solid transparent;
    content: '';
    display: block;
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0
}

.digital-vault .title-bar section,
.digital-vault body,
sub,
sup {
    position: relative
}

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

.tippy-popper[x-placement^=top] .tippy-arrow {
    border-bottom: 0;
    border-top-color: #232323;
    left: calc(50% - 16px)
}

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

.tippy-popper[x-placement^=bottom] .tippy-arrow {
    border-bottom-color: #303030;
    border-top: 0;
    left: calc(50% - 16px)
}

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

.tippy-popper[x-placement^=left] .tippy-arrow {
    border-left-color: #232323;
    border-right: 0;
    margin-top: -16px;
    top: calc(50% - 16px)
}

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

.tippy-popper[x-placement^=right] .tippy-arrow {
    border-left: 0;
    border-right-color: #232323;
    top: calc(50% - 16px)
}

.tippy-popper .tippy-tooltip {
    background-color: rgba(0, 0, 0, 0);
    max-height: 100%;
    max-width: 100%;
    padding: 0;
    width: 400px
}

.shepherd-element {
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, .2))
}

.shepherd-element.shepherd-has-title .shepherd-content header {
    background: #303030;
    padding: 1em
}

.shepherd-element .shepherd-content {
    background: #232323;
    font-size: inherit;
    padding: 0
}

.shepherd-element .shepherd-content header {
    align-items: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: flex;
    justify-content: center;
    line-height: 2em;
    padding: .75em .75em 0
}

.shepherd-element .shepherd-content header:after {
    content: '';
    display: table
}

.shepherd-element .shepherd-content header .shepherd-cancel-link,
.shepherd-element .shepherd-content header .shepherd-title {
    font-weight: 400;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: middle
}

.shepherd-element .shepherd-content header .shepherd-title {
    color: rgba(255, 255, 255, .75);
    display: flex;
    flex: 1 0 auto;
    font-size: 1.1em
}

.shepherd-element .shepherd-content header .shepherd-cancel-link {
    color: rgba(255, 255, 255, .75);
    font-size: 2em;
    margin-left: auto;
    text-decoration: none;
    transition: color .5s ease
}

.shepherd-element .shepherd-content header .shepherd-cancel-link:before {
    content: '\D7'
}

.shepherd-element .shepherd-content header .shepherd-cancel-link:hover {
    color: rgba(255, 255, 255, .75)
}

.shepherd-element .shepherd-content .shepherd-text {
    color: rgba(255, 255, 255, .75);
    line-height: 1.3em;
    padding: .75em
}

.shepherd-element .shepherd-content .shepherd-text a,
.shepherd-element .shepherd-content .shepherd-text a:active,
.shepherd-element .shepherd-content .shepherd-text a:visited {
    border-bottom: 1px dotted;
    border-bottom-color: rgba(255, 255, 255, .75);
    color: rgba(255, 255, 255, .75);
    text-decoration: none
}

.shepherd-element .shepherd-content .shepherd-text a:active:hover,
.shepherd-element .shepherd-content .shepherd-text a:hover,
.shepherd-element .shepherd-content .shepherd-text a:visited:hover {
    border-bottom-style: solid
}

.shepherd-element .shepherd-content .shepherd-text p {
    margin-top: 0
}

.shepherd-element .shepherd-content .shepherd-text p:last-child {
    margin-bottom: 0
}

.shepherd-element .shepherd-content footer {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0 .75em .75em
}

.shepherd-element .shepherd-content footer .shepherd-buttons {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right
}

.shepherd-element .shepherd-content footer .shepherd-buttons li {
    display: inline;
    margin: 0 .5em 0 0
}

.shepherd-element .shepherd-content footer .shepherd-buttons li:last-child {
    margin-right: 0
}

.shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button {
    display: inline-block;
    vertical-align: middle;
    background: #3288e6;
    border: 0;
    border-radius: 3px;
    color: rgba(255, 255, 255, .75);
    cursor: pointer;
    font-family: inherit;
    font-size: .8em;
    letter-spacing: .1em;
    line-height: 1em;
    padding: .75em 2em;
    text-transform: uppercase;
    transition: all .5s ease
}

img,
legend {
    border: 0
}

.shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button:hover {
    background: #196fcc
}

.shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary {
    background: #f1f2f3;
    color: rgba(0, 0, 0, .75)
}

.shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary:hover {
    background: #d5d8dc;
    color: rgba(0, 0, 0, .75)
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: none
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre,
textarea {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

.digital-vault .antialiased,
.digital-vault-modal .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

legend {
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

.digital-vault meta.foundation-version {
    font-family: "/5.5.3/"
}

.digital-vault meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0
}

.digital-vault meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 40em)/";
    width: 0
}

.digital-vault meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40.0625em)/";
    width: 40.0625em
}

.digital-vault meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:40.0625em) and (max-width:48em)/";
    width: 40.0625em
}

.digital-vault meta.foundation-mq-large {
    font-family: "/only screen and (min-width:48.0625em)/";
    width: 48.0625em
}

.digital-vault meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:48.0625em) and (max-width:60em)/";
    width: 48.0625em
}

.digital-vault meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:60.0625em)/";
    width: 60.0625em
}

.digital-vault meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:60.0625em) and (max-width:120em)/";
    width: 60.0625em
}

.digital-vault meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.0625em)/";
    width: 120.0625em
}

.digital-vault meta.foundation-data-attribute-namespace {
    font-family: false
}

.digital-vault body,
.digital-vault html {
    height: 100%;
    font-size: 100%
}

.digital-vault *,
.digital-vault :after,
.digital-vault :before {
    box-sizing: border-box
}

.digital-vault body {
    background: #fff;
    color: #222;
    cursor: auto;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    padding: 0
}

.digital-vault a:hover {
    cursor: pointer
}

.digital-vault img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

.digital-vault #map_canvas embed,
.digital-vault #map_canvas img,
.digital-vault #map_canvas object,
.digital-vault .map_canvas embed,
.digital-vault .map_canvas img,
.digital-vault .map_canvas object,
.digital-vault .mqa-display embed,
.digital-vault .mqa-display img,
.digital-vault .mqa-display object {
    max-width: none !important
}

.digital-vault .left {
    float: left !important
}

.digital-vault .right {
    float: right !important
}

.digital-vault .clearfix:after,
.digital-vault .clearfix:before {
    content: " ";
    display: table
}

.digital-vault .hide {
    display: none
}

.digital-vault img {
    display: inline-block;
    vertical-align: middle
}

.digital-vault .row .row.collapse:after,
.digital-vault .row .row.collapse:before,
.digital-vault .row .row:after,
.digital-vault .row .row:before,
.digital-vault .row:after,
.digital-vault .row:before {
    display: table;
    content: " "
}

.digital-vault textarea {
    height: auto;
    min-height: 50px
}

.digital-vault select {
    width: 100%
}

.digital-vault .row {
    margin: 0 auto;
    max-width: 62.5rem;
    width: 100%
}

.digital-vault .row.collapse>.column,
.digital-vault .row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.digital-vault .row.collapse .row {
    margin-left: 0;
    margin-right: 0
}

.digital-vault .row .row {
    margin: 0 -.3125rem;
    max-width: none;
    width: auto
}

.digital-vault .row .row.collapse {
    margin: 0;
    max-width: none;
    width: auto
}

.digital-vault .column,
.digital-vault .columns {
    padding-left: .3125rem;
    padding-right: .3125rem;
    width: 100%;
    float: left
}

.digital-vault .column+.digital-vault .column:last-child,
.digital-vault .column+.digital-vault .columns:last-child,
.digital-vault .columns+.digital-vault .column:last-child,
.digital-vault .columns+.digital-vault .columns:last-child {
    float: right
}

.digital-vault .column+.digital-vault .column.end,
.digital-vault .column+.digital-vault .columns.end,
.digital-vault .columns+.digital-vault .column.end,
.digital-vault .columns+.digital-vault .columns.end {
    float: left
}

@media only screen {
    .digital-vault .small-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .digital-vault .small-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .digital-vault .small-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .digital-vault .small-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .digital-vault .small-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .digital-vault .small-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .digital-vault .small-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .digital-vault .small-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .digital-vault .small-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .digital-vault .small-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .digital-vault .small-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .digital-vault .small-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .digital-vault .small-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .digital-vault .small-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .digital-vault .small-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .digital-vault .small-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .digital-vault .small-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .digital-vault .small-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .digital-vault .small-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .digital-vault .small-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .digital-vault .small-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .digital-vault .small-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .digital-vault .small-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .digital-vault .small-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .digital-vault .column,
    .digital-vault .columns {
        position: relative;
        padding-left: .3125rem;
        padding-right: .3125rem;
        float: left
    }

    .digital-vault .small-1 {
        width: 8.33333%
    }

    .digital-vault .small-2 {
        width: 16.66667%
    }

    .digital-vault .small-3 {
        width: 25%
    }

    .digital-vault .small-4 {
        width: 33.33333%
    }

    .digital-vault .small-5 {
        width: 41.66667%
    }

    .digital-vault .small-6 {
        width: 50%
    }

    .digital-vault .small-7 {
        width: 58.33333%
    }

    .digital-vault .small-8 {
        width: 66.66667%
    }

    .digital-vault .small-9 {
        width: 75%
    }

    .digital-vault .small-10 {
        width: 83.33333%
    }

    .digital-vault .small-11 {
        width: 91.66667%
    }

    .digital-vault .small-12 {
        width: 100%
    }

    .digital-vault .small-offset-0 {
        margin-left: 0 !important
    }

    .digital-vault .small-offset-1 {
        margin-left: 8.33333% !important
    }

    .digital-vault .small-offset-2 {
        margin-left: 16.66667% !important
    }

    .digital-vault .small-offset-3 {
        margin-left: 25% !important
    }

    .digital-vault .small-offset-4 {
        margin-left: 33.33333% !important
    }

    .digital-vault .small-offset-5 {
        margin-left: 41.66667% !important
    }

    .digital-vault .small-offset-6 {
        margin-left: 50% !important
    }

    .digital-vault .small-offset-7 {
        margin-left: 58.33333% !important
    }

    .digital-vault .small-offset-8 {
        margin-left: 66.66667% !important
    }

    .digital-vault .small-offset-9 {
        margin-left: 75% !important
    }

    .digital-vault .small-offset-10 {
        margin-left: 83.33333% !important
    }

    .digital-vault .small-offset-11 {
        margin-left: 91.66667% !important
    }

    .digital-vault .small-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .digital-vault .column.small-centered,
    .digital-vault .columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .digital-vault .column.small-uncentered,
    .digital-vault .columns.small-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .digital-vault .column.small-centered:last-child,
    .digital-vault .columns.small-centered:last-child {
        float: none
    }

    .digital-vault .column.small-uncentered:last-child,
    .digital-vault .columns.small-uncentered:last-child {
        float: left
    }

    .digital-vault .column.small-uncentered.opposite,
    .digital-vault .columns.small-uncentered.opposite {
        float: right
    }

    .digital-vault .row.small-collapse>.column,
    .digital-vault .row.small-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .digital-vault .row.small-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .digital-vault .row.small-uncollapse>.column,
    .digital-vault .row.small-uncollapse>.columns {
        padding-left: .3125rem;
        padding-right: .3125rem;
        float: left
    }
}

@media only screen and (min-width:40.0625em) {
    .digital-vault .medium-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .digital-vault .medium-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .digital-vault .medium-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .digital-vault .medium-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .digital-vault .medium-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .digital-vault .medium-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .digital-vault .medium-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .digital-vault .medium-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .digital-vault .medium-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .digital-vault .medium-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .digital-vault .medium-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .digital-vault .medium-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .digital-vault .medium-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .digital-vault .medium-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .digital-vault .medium-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .digital-vault .medium-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .digital-vault .medium-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .digital-vault .medium-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .digital-vault .medium-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .digital-vault .medium-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .digital-vault .medium-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .digital-vault .medium-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .digital-vault .medium-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .digital-vault .medium-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .digital-vault .column,
    .digital-vault .columns {
        position: relative;
        padding-left: .3125rem;
        padding-right: .3125rem;
        float: left
    }

    .digital-vault .medium-1 {
        width: 8.33333%
    }

    .digital-vault .medium-2 {
        width: 16.66667%
    }

    .digital-vault .medium-3 {
        width: 25%
    }

    .digital-vault .medium-4 {
        width: 33.33333%
    }

    .digital-vault .medium-5 {
        width: 41.66667%
    }

    .digital-vault .medium-6 {
        width: 50%
    }

    .digital-vault .medium-7 {
        width: 58.33333%
    }

    .digital-vault .medium-8 {
        width: 66.66667%
    }

    .digital-vault .medium-9 {
        width: 75%
    }

    .digital-vault .medium-10 {
        width: 83.33333%
    }

    .digital-vault .medium-11 {
        width: 91.66667%
    }

    .digital-vault .medium-12 {
        width: 100%
    }

    .digital-vault .medium-offset-0 {
        margin-left: 0 !important
    }

    .digital-vault .medium-offset-1 {
        margin-left: 8.33333% !important
    }

    .digital-vault .medium-offset-2 {
        margin-left: 16.66667% !important
    }

    .digital-vault .medium-offset-3 {
        margin-left: 25% !important
    }

    .digital-vault .medium-offset-4 {
        margin-left: 33.33333% !important
    }

    .digital-vault .medium-offset-5 {
        margin-left: 41.66667% !important
    }

    .digital-vault .medium-offset-6 {
        margin-left: 50% !important
    }

    .digital-vault .medium-offset-7 {
        margin-left: 58.33333% !important
    }

    .digital-vault .medium-offset-8 {
        margin-left: 66.66667% !important
    }

    .digital-vault .medium-offset-9 {
        margin-left: 75% !important
    }

    .digital-vault .medium-offset-10 {
        margin-left: 83.33333% !important
    }

    .digital-vault .medium-offset-11 {
        margin-left: 91.66667% !important
    }

    .digital-vault .medium-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .digital-vault .column.medium-centered,
    .digital-vault .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .digital-vault .column.medium-uncentered,
    .digital-vault .columns.medium-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .digital-vault .column.medium-centered:last-child,
    .digital-vault .columns.medium-centered:last-child {
        float: none
    }

    .digital-vault .column.medium-uncentered:last-child,
    .digital-vault .columns.medium-uncentered:last-child {
        float: left
    }

    .digital-vault .column.medium-uncentered.opposite,
    .digital-vault .columns.medium-uncentered.opposite {
        float: right
    }

    .digital-vault .row.medium-collapse>.column,
    .digital-vault .row.medium-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .digital-vault .row.medium-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .digital-vault .row.medium-uncollapse>.column,
    .digital-vault .row.medium-uncollapse>.columns {
        padding-left: .3125rem;
        padding-right: .3125rem;
        float: left
    }

    .digital-vault .push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .digital-vault .pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .digital-vault .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .digital-vault .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .digital-vault .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .digital-vault .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .digital-vault .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .digital-vault .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .digital-vault .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .digital-vault .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .digital-vault .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .digital-vault .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .digital-vault .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .digital-vault .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .digital-vault .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .digital-vault .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .digital-vault .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .digital-vault .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .digital-vault .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .digital-vault .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .digital-vault .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .digital-vault .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .digital-vault .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .digital-vault .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
}

@media only screen and (min-width:48.0625em) {
    .digital-vault .large-push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .digital-vault .large-pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .digital-vault .large-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .digital-vault .large-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .digital-vault .large-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .digital-vault .large-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .digital-vault .large-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .digital-vault .large-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .digital-vault .large-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .digital-vault .large-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .digital-vault .large-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .digital-vault .large-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .digital-vault .large-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .digital-vault .large-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .digital-vault .large-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .digital-vault .large-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .digital-vault .large-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .digital-vault .large-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .digital-vault .large-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .digital-vault .large-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .digital-vault .large-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .digital-vault .large-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .digital-vault .large-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .digital-vault .large-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .digital-vault .column,
    .digital-vault .columns {
        position: relative;
        padding-left: .3125rem;
        padding-right: .3125rem;
        float: left
    }

    .digital-vault .large-1 {
        width: 8.33333%
    }

    .digital-vault .large-2 {
        width: 16.66667%
    }

    .digital-vault .large-3 {
        width: 25%
    }

    .digital-vault .large-4 {
        width: 33.33333%
    }

    .digital-vault .large-5 {
        width: 41.66667%
    }

    .digital-vault .large-6 {
        width: 50%
    }

    .digital-vault .large-7 {
        width: 58.33333%
    }

    .digital-vault .large-8 {
        width: 66.66667%
    }

    .digital-vault .large-9 {
        width: 75%
    }

    .digital-vault .large-10 {
        width: 83.33333%
    }

    .digital-vault .large-11 {
        width: 91.66667%
    }

    .digital-vault .large-12 {
        width: 100%
    }

    .digital-vault .large-offset-0 {
        margin-left: 0 !important
    }

    .digital-vault .large-offset-1 {
        margin-left: 8.33333% !important
    }

    .digital-vault .large-offset-2 {
        margin-left: 16.66667% !important
    }

    .digital-vault .large-offset-3 {
        margin-left: 25% !important
    }

    .digital-vault .large-offset-4 {
        margin-left: 33.33333% !important
    }

    .digital-vault .large-offset-5 {
        margin-left: 41.66667% !important
    }

    .digital-vault .large-offset-6 {
        margin-left: 50% !important
    }

    .digital-vault .large-offset-7 {
        margin-left: 58.33333% !important
    }

    .digital-vault .large-offset-8 {
        margin-left: 66.66667% !important
    }

    .digital-vault .large-offset-9 {
        margin-left: 75% !important
    }

    .digital-vault .large-offset-10 {
        margin-left: 83.33333% !important
    }

    .digital-vault .large-offset-11 {
        margin-left: 91.66667% !important
    }

    .digital-vault .large-reset-order {
        float: left;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: auto
    }

    .digital-vault .column.large-centered,
    .digital-vault .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .digital-vault .column.large-uncentered,
    .digital-vault .columns.large-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

    .digital-vault .column.large-centered:last-child,
    .digital-vault .columns.large-centered:last-child {
        float: none
    }

    .digital-vault .column.large-uncentered:last-child,
    .digital-vault .columns.large-uncentered:last-child {
        float: left
    }

    .digital-vault .column.large-uncentered.opposite,
    .digital-vault .columns.large-uncentered.opposite {
        float: right
    }

    .digital-vault .row.large-collapse>.column,
    .digital-vault .row.large-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .digital-vault .row.large-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .digital-vault .row.large-uncollapse>.column,
    .digital-vault .row.large-uncollapse>.columns {
        padding-left: .3125rem;
        padding-right: .3125rem;
        float: left
    }

    .digital-vault .push-0 {
        position: relative;
        left: 0;
        right: auto
    }

    .digital-vault .pull-0 {
        position: relative;
        right: 0;
        left: auto
    }

    .digital-vault .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .digital-vault .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .digital-vault .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .digital-vault .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .digital-vault .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .digital-vault .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .digital-vault .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .digital-vault .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .digital-vault .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .digital-vault .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .digital-vault .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .digital-vault .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .digital-vault .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .digital-vault .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .digital-vault .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .digital-vault .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .digital-vault .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .digital-vault .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .digital-vault .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .digital-vault .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .digital-vault .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .digital-vault .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
}

.digital-vault .brochure-folder-icon,
.digital-vault .closed-folder-icon,
.digital-vault .credit-folder-icon,
.digital-vault .desposit-folder-icon,
.digital-vault .lending-folder-icon {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px
}

.digital-vault .desposit-folder-icon {
    background: url(../@cibc/digital-vault-core/assets/images/icon-deposit-accounts.png) center left no-repeat;
    background-size: cover
}

.digital-vault .credit-folder-icon {
    background: url(../@cibc/digital-vault-core/assets/images/icon-credit-cards.png) center left no-repeat;
    background-size: cover
}

.digital-vault .lending-folder-icon {
    background: url(../@cibc/digital-vault-core/assets/images/icon-lending.png) center left no-repeat;
    background-size: cover
}

.digital-vault .closed-folder-icon {
    background: url(../@cibc/digital-vault-core/assets/images/icon-closed-accounts.png) center left no-repeat;
    background-size: cover
}

.digital-vault .brochure-folder-icon {
    background: url(../@cibc/digital-vault-core/assets/images/icon-brochures.png) center left no-repeat;
    background-size: cover
}

.digital-vault .info-icon,
.digital-vault .pdf-icon {
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle
}

.digital-vault .info-icon {
    background: url(../@cibc/digital-vault-core/assets/images/icon-help.png) no-repeat;
    background-size: cover
}

.digital-vault .pdf-icon {
    background: url(../@cibc/digital-vault-core/assets/images/icon-pdf.png) no-repeat;
    background-size: cover
}

.digital-vault .note-icon {
    background: url(../@cibc/digital-vault-core/assets/images/icon-note.png) no-repeat;
    background-size: cover;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px
}

.digital-vault .download-icon {
    background: url(../@cibc/digital-vault-core/assets/images/icon-download.png) no-repeat;
    background-size: cover;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px
}

.digital-vault .arrow-prev-icon {
    background: url(../@cibc/digital-vault-core/assets/images/icon-arrow-prev.png) no-repeat;
    background-size: cover;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 20px
}

.digital-vault .document-icon {
    background: url(../@cibc/digital-vault-core/assets/images/icon-doc.png) no-repeat;
    background-size: cover;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: 80px
}

.digital-vault .columns {
    padding: 0 10px
}

.digital-vault ui-button.hidden-label {
    background-color: transparent !important;
    color: transparent;
    font-size: 0;
    min-height: 0;
    min-width: 0
}

.digital-vault ui-button.hidden-label .ui-wrapper {
    padding: 0;
    text-align: left
}

.digital-vault .digital-vault-main-container.error .section-container .error-page .button-set,
.digital-vault .text-center {
    text-align: center
}

.digital-vault .divider {
    height: 1px;
    background-color: #000
}

.digital-vault .digital-vault-main-container.deposit-category .title-bar,
.digital-vault .digital-vault-main-container.deposit-category .title-bar>section {
    border-color: #017F70
}

.digital-vault .digital-vault-main-container.credit-category .title-bar,
.digital-vault .digital-vault-main-container.credit-category .title-bar>section {
    border-color: #0767A8
}

.digital-vault .digital-vault-main-container.lending-category .title-bar,
.digital-vault .digital-vault-main-container.lending-category .title-bar>section {
    border-color: #D65421
}

.digital-vault .section-container {
    background-color: #fff;
    padding-bottom: 30px
}

.digital-vault .section-container .current-folder {
    display: inline-block;
    font-family: WhitneyMedium;
    font-size: 22px;
    margin: 0
}

.digital-vault .section-container .section-caption {
    font-size: 35px;
    color: #C41F3E
}

.digital-vault .section-container .section-title {
    color: #606366;
    font-family: WhitneyBookRegular;
    font-size: 18px;
    margin: 0;
    padding-bottom: 20px
}

.digital-vault .section-container.back-navigation {
    padding-top: 30px;
    padding-bottom: 20px
}

.digital-vault .title-bar.navigation-web .current-folder {
    padding: 10px 0
}

.digital-vault .title-bar.navigation-web>section {
    border-bottom: solid 3px #BBBCBC;
    padding: 0
}

.digital-vault .title-bar.navigation-web>section h2.current-folder {
    border: none
}

.digital-vault .title-bar.navigation-web>section .info-icon {
    height: 18px;
    top: 14px;
    width: 18px
}

.digital-vault .title-bar.navigation-mobileweb,
.digital-vault .title-bar.navigation-native {
    display: inline-block
}

.digital-vault .title-bar section .info-icon {
    position: absolute;
    right: 10px
}

.digital-vault .title-bar section h2.current-folder {
    line-height: 25px;
    margin: 0
}

.digital-vault .digital-vault-main-container.error .section-container {
    padding: 0
}

.digital-vault .digital-vault-main-container.error .section-container .document-icon {
    margin-top: 40px
}

.digital-vault .digital-vault-main-container.error .section-container .error-page {
    margin: 0 auto;
    width: 50%;
    min-width: 280px;
    color: #666;
    text-align: center
}

.digital-vault .digital-vault-main-container.error .section-container .error-page h2 {
    color: #C41F3E;
    padding: 20px 10px 0;
    margin-bottom: 0
}

.digital-vault .digital-vault-main-container.error .section-container .error-page .ui-display-error {
    color: #666;
    background: 0 0;
    margin: 15px 0 25px;
    padding: 0 10px
}

.digital-vault .section-container.document-notes .note-editor .row.doc-info,
.digital-vault .section-container.document-notes .note-editor .row.folder-info {
    margin-bottom: 20px
}

.digital-vault .digital-vault-main-container.error .section-container .error-page .ui-display-error .ui-text {
    padding-bottom: 10px
}

.digital-vault .digital-vault-main-container.error .section-container .error-page .button-set .ui-button {
    float: none
}

.digital-vault .section-container.document-notes {
    padding-bottom: 0
}

.digital-vault .section-container.document-notes .messages-global .ui-set-messages .ui-alert {
    background: 0 0;
    line-height: 18px;
    margin-bottom: 20px;
    margin-top: 0
}

.digital-vault .section-container.document-notes .messages-global .ui-set-messages .ui-alert .ui-text {
    color: #C41F3E;
    background: url(../@cibc/digital-vault-core/assets/images/ui-alert-error.png) center left no-repeat;
    background-size: 24px 24px;
    min-height: 24px;
    padding-left: 39px
}

.digital-vault .section-container.document-notes .messages-global .ui-set-messages .ui-alert .ui-code {
    color: #C41F3E;
    padding-left: 39px
}

.digital-vault .section-container.document-notes .note-editor .row.folder-info .medium-12.columns {
    padding: 0;
    color: #383B3E;
    font-size: 16px;
    font-weight: 700
}

.digital-vault .section-container.document-notes .note-editor .row.doc-info .medium-12.columns {
    padding: 0
}

.digital-vault .section-container.document-notes .note-editor .row.doc-info .medium-12.columns .doc-title {
    font-size: 16px
}

.digital-vault .section-container.document-notes .note-editor .row.note-info {
    margin-bottom: 5px
}

.digital-vault .section-container.document-notes .note-editor .row.note-info .medium-12.columns {
    padding: 0
}

.digital-vault .section-container.document-notes .note-editor .row.note-info .medium-12.columns .note-label {
    color: #383B3E
}

.digital-vault .section-container.document-notes .note-editor .row.note-info .medium-12.columns .note-length {
    color: #383B3E;
    font-size: 12px
}

.digital-vault .section-container.document-notes .note-editor .row.note-info .medium-12.columns .note-length.over-limit {
    color: #8B1D41
}

.digital-vault .section-container.document-notes .note-editor .row.note-info.over-limit {
    color: red
}

.digital-vault .section-container.document-notes .note-editor .row.note-content .medium-12.columns {
    padding: 0;
    margin-bottom: 30px
}

.digital-vault .section-container.document-notes .note-editor .row.note-content .medium-12.columns textarea {
    color: #383B3E;
    font-size: 14px;
    padding: 15px 10px;
    width: 100%;
    border: 2px solid #BBBCBC;
    overflow: auto
}

.digital-vault .section-container.document-notes .note-editor .row.note-content .medium-12.columns textarea.ember-text-area.over-limit {
    border: 2px solid #8B1D41;
    background-color: #FAF0F3
}

.digital-vault .section-container.document-notes .note-editor .row.note-actions {
    margin-bottom: 30px
}

.digital-vault .section-container.document-notes .note-editor .row.note-actions .medium-12.columns {
    padding: 0;
    text-align: right
}

.digital-vault .section-container.document-notes .note-editor .row.note-actions .medium-12.columns ui-button.delete-note {
    margin-right: 20px
}

.digital-vault .section-container.note-notice {
    padding-bottom: 80px
}

.digital-vault .section-container.note-notice p {
    line-height: 18px
}

.digital-vault .display-brochures {
    padding: 0
}

.digital-vault .display-brochures .brochure-group+.brochure-group {
    padding-top: 20px
}

.digital-vault .display-brochures .brochure-group .brochure-category {
    border-bottom: 3px solid #BBBCBC;
    color: #383B3E;
    font-family: WhitneyMedium;
    font-size: 16px;
    margin-bottom: 20px;
    padding-bottom: 10px
}

.digital-vault .display-brochures .brochure-group .brochure-list .brochure-tile {
    background-color: #FFF;
    padding: 0 10px 20px 0
}

.digital-vault .display-brochures .brochure-group .brochure-list .brochure-tile:first-child {
    padding-top: 0
}

.digital-vault .display-brochures .brochure-group .brochure-list .brochure-tile .brochure-link img {
    height: 24px;
    width: 24px;
    margin-left: 5px
}

.digital-vault .deposit-category .display-brochures .brochure-category {
    border-color: #BCE4E3
}

.digital-vault .credit-category .display-brochures .brochure-category {
    border-color: #CCDDF2
}

.digital-vault .lending-category .display-brochures .brochure-category,
.digital-vault .lending-category .display-documents .subcategory {
    border-color: #F9C1AE
}

.digital-vault .booklet-name,
.digital-vault .brochure-link {
    text-decoration: none
}

.digital-vault .booklet-name .pdf-name,
.digital-vault .brochure-link .pdf-name {
    vertical-align: middle
}

.digital-vault .booklet-name:hover .pdf-name,
.digital-vault .brochure-link:hover .pdf-name {
    color: #C41F3E;
    text-decoration: underline
}

.digital-vault .display-booklet .booklets-title {
    font-family: WhitneyMedium;
    font-size: 14px;
    margin-bottom: 10px
}

.digital-vault .display-booklet .booklet-tiles {
    list-style: none;
    padding: 0;
    margin: 0
}

.digital-vault .display-booklet .booklet-tiles>li {
    padding: 5px 0 20px
}

.digital-vault .display-folders,
.digital-vault .display-folders .folders-list {
    padding: 0
}

.digital-vault .display-folders .columns+.columns:last-child {
    float: left
}

.digital-vault .display-folders .folders-list .folder-tile {
    padding-bottom: 10px
}

.digital-vault .display-folders .folders-list .folder-tile .folder-wrapper {
    background-color: #FFF;
    border: 1px solid #BBBCBC;
    display: inline-block;
    padding: 0
}

.digital-vault .display-folders .folders-list .folder-tile .folder-wrapper .ui-button {
    background: 0 0;
    box-shadow: none;
    color: #383B3E;
    font-weight: 400;
    height: 60px;
    margin-top: 0
}

.digital-vault .display-folders .folders-list .folder-tile .folder-wrapper .ui-button .ui-wrapper {
    font-family: Arial;
    justify-content: flex-start;
    line-height: 100%;
    padding: 0 10px;
    text-align: left
}

.digital-vault .display-folders .folders-list .folder-tile .folder-wrapper .ui-button .ui-wrapper .ui-icon {
    margin-right: 10px
}

.digital-vault .display-documents {
    padding: 0
}

.digital-vault .display-documents .date {
    color: #383B3E;
    font-style: italic;
    margin: 0;
    padding-bottom: 20px
}

.digital-vault .display-documents .category-group+.category-group {
    padding-top: 15px
}

.digital-vault .display-documents .category-group.DEPOSIT .category {
    border-color: #017F70
}

.digital-vault .display-documents .category-group.CREDIT .category {
    border-color: #0767A8
}

.digital-vault .display-documents .category-group.LENDING .category {
    border-color: #D65421
}

.digital-vault .display-documents .subcategory-group+.subcategory-group {
    padding-top: 25px
}

.digital-vault .display-documents .account-group {
    border-bottom: 1px solid #BBBCBC;
    margin-bottom: 20px
}

.digital-vault .display-documents .account-number,
.digital-vault .display-documents .category,
.digital-vault .display-documents .subcategory {
    margin: 0
}

.digital-vault .display-documents .category,
.digital-vault .display-documents .subcategory {
    border-bottom: 3px solid #383B3E;
    font-family: WhitneyMedium;
    font-size: 16px;
    margin-bottom: 20px;
    color: #383B3E
}

.digital-vault .display-documents .category {
    padding-bottom: 5px
}

.digital-vault .display-documents .subcategory {
    padding-bottom: 10px
}

.digital-vault .display-documents .account-number {
    color: #383B3E;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 12px
}

.digital-vault .display-documents .ingestion-date {
    color: #383B3E;
    font-style: italic;
    font-size: 16px;
    margin: 0;
    padding-bottom: 15px
}

.digital-vault .display-documents .document-list .document-tile {
    background-color: #FFF;
    padding: 0 10px 14px 0
}

.digital-vault .display-documents .document-list .document-tile .document-body .ui-button.document-link {
    background-color: transparent;
    height: 100%;
    max-width: 90%;
    text-decoration: none
}

.digital-vault .display-documents .document-list .document-tile .document-body .ui-button.document-link:hover span.pdf-name {
    text-decoration: underline
}

.digital-vault .display-documents .document-list .document-tile .document-body .ui-button.document-link .ui-wrapper {
    text-align: left
}

.digital-vault .display-documents .document-list .document-tile .document-body .ui-button.document-link .ui-wrapper span.pdf-name {
    display: inline;
    font-size: 14px;
    vertical-align: middle
}

.digital-vault .display-documents .document-list .document-tile .document-body .ui-button.document-link .ui-wrapper .pdf-icon {
    margin-right: 0
}

.digital-vault .display-documents .document-list .document-tile .document-body .ui-button.hidden-label {
    height: auto;
    margin: 0
}

.digital-vault .display-documents .document-list .document-tile .document-body .ui-button.hidden-label .ui-wrapper .note-icon {
    vertical-align: text-bottom
}

.digital-vault .display-documents .document-list .document-tile .note-preview {
    color: #383B3E;
    font-size: 12px;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre
}

.digital-vault-modal meta.foundation-version {
    font-family: "/5.5.3/"
}

.digital-vault-modal meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0
}

.digital-vault-modal meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 40em)/";
    width: 0
}

.digital-vault-modal meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40.0625em)/";
    width: 40.0625em
}

.digital-vault-modal meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:40.0625em) and (max-width:48em)/";
    width: 40.0625em
}

.digital-vault-modal meta.foundation-mq-large {
    font-family: "/only screen and (min-width:48.0625em)/";
    width: 48.0625em
}

.digital-vault-modal meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:48.0625em) and (max-width:60em)/";
    width: 48.0625em
}

.digital-vault-modal meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:60.0625em)/";
    width: 60.0625em
}

.digital-vault-modal meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:60.0625em) and (max-width:120em)/";
    width: 60.0625em
}

.digital-vault-modal meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.0625em)/";
    width: 120.0625em
}

.digital-vault-modal meta.foundation-data-attribute-namespace {
    font-family: false
}

.digital-vault-modal body,
.digital-vault-modal html {
    height: 100%;
    font-size: 100%
}

.digital-vault-modal *,
.digital-vault-modal :after,
.digital-vault-modal :before {
    box-sizing: border-box
}

.digital-vault-modal body {
    background: #fff;
    color: #222;
    cursor: auto;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    position: relative
}

.digital-vault-modal a:hover {
    cursor: pointer
}

.digital-vault-modal img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

.digital-vault-modal #map_canvas embed,
.digital-vault-modal #map_canvas img,
.digital-vault-modal #map_canvas object,
.digital-vault-modal .map_canvas embed,
.digital-vault-modal .map_canvas img,
.digital-vault-modal .map_canvas object,
.digital-vault-modal .mqa-display embed,
.digital-vault-modal .mqa-display img,
.digital-vault-modal .mqa-display object {
    max-width: none !important
}

.digital-vault-modal .left {
    float: left !important
}

.digital-vault-modal .right {
    float: right !important
}

.digital-vault-modal .clearfix:after,
.digital-vault-modal .clearfix:before {
    content: " ";
    display: table
}

.digital-vault-modal .hide {
    display: none
}

.digital-vault-modal img {
    display: inline-block;
    vertical-align: middle
}

.digital-vault-modal textarea {
    height: auto;
    min-height: 50px
}

.digital-vault-modal select {
    width: 100%
}

.digital-vault-modal .error-popup.ui-dialog .close-btn-wrapper,
.digital-vault-modal .note-notification-popup.ui-dialog .close-btn-wrapper,
.digital-vault-modal .onboarding-popup.ui-dialog .close-btn-wrapper {
    width: 100%;
    text-align: center
}

.digital-vault-modal .error-popup.ui-dialog .error-alert {
    margin: 10px 0 20px
}

.digital-vault-modal .error-popup.ui-dialog .error-alert .error-text {
    margin: 5px 0;
    min-height: 24px
}

.digital-vault-modal .error-popup.ui-dialog .ui-body {
    padding: 20px
}

.digital-vault-modal .note-notification-popup.ui-dialog>.ui-wrapper,
.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper {
    max-height: 100vh
}

.digital-vault-modal .note-notification-popup.ui-dialog>.ui-wrapper .ui-body,
.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .ui-body {
    max-height: 95vh
}

@media (max-width:330px) {

    .digital-vault-modal .note-notification-popup.ui-dialog>.ui-wrapper .ui-body,
    .digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .ui-body {
        max-width: 300px
    }
}

.digital-vault-modal .note-notification-popup.ui-dialog>.ui-wrapper .header,
.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .header {
    margin: -20px -20px 0
}

.digital-vault-modal .note-notification-popup.ui-dialog>.ui-wrapper .header .popup-title,
.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .header .popup-title {
    height: 50px;
    line-height: 50px;
    text-align: center
}

.digital-vault-modal .note-notification-popup.ui-dialog>.ui-wrapper .body,
.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body {
    text-align: left
}

.digital-vault-modal .note-notification-popup.ui-dialog>.ui-wrapper .popup-title {
    font-family: WhitneyBookRegular;
    font-size: 24px;
    margin: 0
}

.digital-vault-modal .note-notification-popup.ui-dialog>.ui-wrapper .body {
    background: url(../@cibc/digital-vault-core/assets/images/success-checkmark.png) left no-repeat;
    background-size: 30px 30px;
    padding-left: 35px;
    min-height: 30px;
    margin: 20px 0;
    max-height: 280px;
    overflow-y: auto;
    -ms-scrollbar-base-color: silver
}

.digital-vault-modal .note-notification-popup.ui-dialog>.ui-wrapper .body::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

.digital-vault-modal .note-notification-popup.ui-dialog>.ui-wrapper .body::-webkit-scrollbar-track {
    background-color: #999
}

.digital-vault-modal .note-notification-popup.ui-dialog>.ui-wrapper .body::-webkit-scrollbar-track-piece {
    background-color: #fff
}

.digital-vault-modal .note-notification-popup.ui-dialog>.ui-wrapper .body::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #606366;
    border-radius: 3px
}

.digital-vault-modal .note-notification-popup.ui-dialog>.ui-wrapper .body::-webkit-resizer {
    background-color: #606366
}

.digital-vault-modal .note-notification-popup.ui-dialog>.ui-wrapper .body p {
    padding: 10px 5px 0
}

@media (max-height:482px) and (orientation:landscape) {
    .digital-vault-modal .note-notification-popup.ui-dialog>.ui-wrapper .body {
        max-height: 150px
    }
}

.digital-vault-modal .onboarding-popup.ui-dialog.web>.ui-wrapper {
    width: 680px;
    margin-left: -340px
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper {
    border: none;
    -ms-scrollbar-base-color: silver
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper::-webkit-scrollbar-track {
    background-color: #999
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper::-webkit-scrollbar-track-piece {
    background-color: #fff
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #606366;
    border-radius: 3px
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper::-webkit-resizer {
    background-color: #606366
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .ui-body {
    background-color: #D3EDEE;
    display: inline-block;
    margin-bottom: 0;
    max-height: calc(100vh - 20px);
    padding: 0;
    position: relative;
    width: 100%
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .dialog-content {
    padding: 20px
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .header {
    background-color: transparent;
    position: relative
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .header .popup-title {
    font-size: 24px;
    margin: 10px 0
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body,
.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body ul.slick-dots li {
    margin: 0
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body .save-icon {
    background: url(../@cibc/digital-vault-core/assets/images/onboarding/save.png) no-repeat;
    background-size: cover;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body button.slick-next,
.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body button.slick-prev {
    background-color: transparent;
    cursor: default;
    font-size: 0;
    position: absolute;
    padding: 0;
    width: 40px;
    height: 40px;
    z-index: 1000
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body button.slick-next:focus,
.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body button.slick-prev:focus {
    outline: #000 solid 1px
}

.digital-vault-modal .onboarding-popup.ui-dialog.web .body button.slick-next:focus,
.digital-vault-modal .onboarding-popup.ui-dialog.web .body button.slick-prev:focus,
.tax-residency>div[tabindex='0']:focus {
    outline: 0
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body button.slick-next:before,
.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body button.slick-prev:before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    opacity: 1
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body button.slick-next.slick-disabled,
.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body button.slick-prev.slick-disabled {
    display: none !important
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body button.slick-prev {
    left: 0
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body button.slick-next {
    right: 0
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body ul.slick-dots {
    bottom: -34px
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body ul.slick-dots li button:focus,
.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body ul.slick-dots li button:hover {
    background: 0 0
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body ul.slick-dots li button:before {
    font-size: 10px
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body p {
    color: #383B3E;
    font-size: 15px;
    max-height: 240px;
    overflow-y: auto;
    line-height: 20px;
    margin: 0;
    padding: 0 20px;
    text-align: center;
    white-space: pre-line;
    -ms-scrollbar-base-color: silver
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body p::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body p::-webkit-scrollbar-track {
    background-color: #999
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body p::-webkit-scrollbar-track-piece {
    background-color: #fff
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body p::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #606366;
    border-radius: 3px
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body p::-webkit-resizer {
    background-color: #606366
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body .screen {
    height: 380px;
    overflow-y: auto;
    text-align: center
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body .screen.one {
    background: url(../@cibc/digital-vault-core/assets/images/onboarding/Screen-1-img.png) top center no-repeat;
    background-size: 200px 200px;
    padding-top: 195px
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body .screen.two {
    background: url(../@cibc/digital-vault-core/assets/images/onboarding/Screen-2-img.png) top center no-repeat;
    background-size: 200px 200px;
    padding-top: 195px
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body .screen.three {
    background: url(../@cibc/digital-vault-core/assets/images/onboarding/Screen-3-img.png) top center no-repeat;
    background-size: 180px 180px;
    padding-top: 195px
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body .screen.four {
    overflow-y: auto;
    text-align: center
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body .screen.four h2 {
    font-size: 18px;
    margin: 0 0 10px
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body .screen.four .checkbox-wrapper,
.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body .screen.four .save-icon {
    margin-top: 24px
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body .important-notice {
    height: 356px;
    overflow-y: auto;
    text-align: center
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body .important-notice h2 {
    font-size: 18px;
    margin: 0 0 10px
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body .important-notice .save-icon {
    margin-top: 24px
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body .checkbox-wrapper {
    display: table;
    margin: 0 auto
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body .checkbox-wrapper .ui-set-checkbox .ui-checkbox {
    margin-right: 10px
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body .checkbox-wrapper .ui-set-checkbox .ui-checkbox .ui-wrapper {
    width: inherit;
    height: inherit
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .body .checkbox-wrapper .ui-set-checkbox .ui-partial-label {
    cursor: pointer;
    font-size: 14px;
    vertical-align: middle
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .footer .close-btn-wrapper {
    padding: 25px 0 5px
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .footer .close-btn-wrapper .dialog-close-btn {
    background: 0 0
}

.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .footer .close-btn-wrapper .dialog-close-btn:focus,
.digital-vault-modal .onboarding-popup.ui-dialog>.ui-wrapper .footer .close-btn-wrapper .dialog-close-btn:hover {
    background-color: #8B1D41
}

.digital-vault-modal .onboarding-popup.ui-dialog.mobileweb>.ui-wrapper,
.digital-vault-modal .onboarding-popup.ui-dialog.native>.ui-wrapper {
    max-width: 320px
}

.digital-vault-modal .onboarding-popup.ui-dialog.mobileweb .body button.slick-next,
.digital-vault-modal .onboarding-popup.ui-dialog.mobileweb .body button.slick-prev,
.digital-vault-modal .onboarding-popup.ui-dialog.native .body button.slick-next,
.digital-vault-modal .onboarding-popup.ui-dialog.native .body button.slick-prev {
    top: 80px
}

.digital-vault-modal .onboarding-popup.ui-dialog.web .ui-body {
    max-width: 680px
}

.digital-vault-modal .onboarding-popup.ui-dialog.web .dialog-content {
    padding: 45px 55px 40px
}

.digital-vault-modal .onboarding-popup.ui-dialog.web .body button.slick-next,
.digital-vault-modal .onboarding-popup.ui-dialog.web .body button.slick-prev {
    top: 435px
}

.digital-vault-modal .onboarding-popup.ui-dialog.web .body button.slick-next:before,
.digital-vault-modal .onboarding-popup.ui-dialog.web .body button.slick-prev:before {
    background: url(../@cibc/digital-vault-core/assets/images/onboarding/dv-onboarding-arrows.png) center no-repeat #FFF;
    background-size: 76px;
    border: 1px solid #CCC;
    border-radius: 50%
}

.digital-vault-modal .onboarding-popup.ui-dialog.web .body button.slick-next:focus:before,
.digital-vault-modal .onboarding-popup.ui-dialog.web .body button.slick-next:hover:before,
.digital-vault-modal .onboarding-popup.ui-dialog.web .body button.slick-prev:focus:before,
.digital-vault-modal .onboarding-popup.ui-dialog.web .body button.slick-prev:hover:before {
    background-color: #C41F3E
}

.digital-vault-modal .onboarding-popup.ui-dialog.web .body button.slick-prev:before {
    background-position: bottom left
}

.digital-vault-modal .onboarding-popup.ui-dialog.web .body button.slick-prev:focus:before,
.digital-vault-modal .onboarding-popup.ui-dialog.web .body button.slick-prev:hover:before {
    background-position: top left
}

.digital-vault-modal .onboarding-popup.ui-dialog.web .body button.slick-next {
    right: 0
}

.digital-vault-modal .onboarding-popup.ui-dialog.web .body button.slick-next:before {
    background-position: bottom right
}

.digital-vault-modal .onboarding-popup.ui-dialog.web .body button.slick-next:focus:before,
.digital-vault-modal .onboarding-popup.ui-dialog.web .body button.slick-next:hover:before {
    background-position: top right
}

.digital-vault-modal .onboarding-popup.ui-dialog.web .body p {
    max-height: 200px;
    padding: 10px 85px
}

.digital-vault-modal .onboarding-popup.ui-dialog.web .body .screen {
    height: 355px
}

.digital-vault-modal .confirm-dialog.ui-dialog>.ui-wrapper .body p {
    color: #383B3E;
    text-align: center
}

.no-scroll {
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0
}

#qMark1:focus,
.tax-residency .flyover-block .closer:focus,
.tax-residency .itc-action-bar button:focus {
    border: 1px solid #4a4a4a
}

section.otvc-container.otvc-display-default h2.otvc-title {
    font-family: Arial;
    font-size: 16px;
    height: 55px;
    line-height: 55px;
    margin: 0;
    text-align: center
}

section.otvc-container.otvc-display-default h2.otvc-title:after {
    content: '';
    background-image: url(../@cibc/otvc-service/assets/images/shadow_line.png);
    background-size: 100% 24px;
    width: 100%;
    height: 24px;
    background-repeat: no-repeat;
    position: absolute;
    top: 55px;
    left: 0
}

section.otvc-container.otvc-display-default .otvc-body {
    font-size: 14px;
    font-family: Arial;
    padding: 20px
}

section.otvc-container.otvc-display-default .otvc-body label {
    font-family: Arial
}

section.otvc-container.otvc-display-default .otvc-body .sent-msg {
    font-weight: 700
}

section.otvc-container.otvc-display-default .otvc-body .otvc-content p {
    padding-bottom: 10px
}

section.otvc-container.otvc-display-default .otvc-body .otvc-content p:last-child {
    padding-bottom: 0
}

section.otvc-container.otvc-display-default .otvc-body .otvc-resend,
section.otvc-container.otvc-display-default .otvc-body .otvc-resend-cta {
    margin-bottom: 20px
}

section.otvc-container.otvc-display-default .otvc-body .otvc-resend.hideResend {
    display: none
}

section.otvc-container.otvc-display-default .otvc-body .ui-button.resend-btn {
    width: auto;
    border: none;
    background: 0 0;
    color: #AF0B1C;
    display: inline-block;
    padding: 0;
    vertical-align: baseline
}

section.otvc-container.otvc-display-default .otvc-body .otvc-actions {
    padding-top: 20px;
    margin-top: 20px;
    background-image: url(../@cibc/otvc-service/assets/images/shadow_line.png);
    background-repeat: no-repeat;
    background-size: 100% 24px
}

section.otvc-container.otvc-display-default .otvc-body .otvc-actions:after {
    content: ' ';
    display: table;
    clear: both
}

section.otvc-container.otvc-display-default .ui-select {
    margin-bottom: 20px;
    position: relative;
    width: 100%
}

section.otvc-container.otvc-display-default .ui-select label {
    font-family: Arial;
    font-size: 14px
}

section.otvc-container.otvc-display-default .ui-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #e4e4e4;
    background-repeat: no-repeat;
    background-position: right;
    background: url(../@cibc/otvc-service/assets/images/arrow-icon.png) right 50% no-repeat, linear-gradient(to top, rgba(216, 216, 216, .9) 0, #f3f3f3 20%);
    border: 1px solid #999;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
    color: #666;
    display: block;
    font-size: 15px;
    font-weight: 400;
    height: 38px;
    max-height: 40px;
    padding: 0 30px 0 13px;
    position: relative;
    width: 100%;
    z-index: 1
}

section.otvc-container.otvc-display-default .ui-select select::-ms-expand {
    display: none
}

section.otvc-container.otvc-display-default .ui-button {
    cursor: pointer;
    padding: 10px 20px;
    min-width: 80px;
    font-size: 14px
}

section.otvc-container.otvc-display-default .ui-button.btn-primary {
    background: linear-gradient(#3d7aad, #295285);
    color: #FFF;
    font-weight: 700;
    background-color: #3D7AAD;
    border-radius: 3px;
    border: 1px solid #369;
    float: right
}

section.otvc-container.otvc-display-default .ui-button.btn-secondary {
    color: #AF0B1C;
    font-weight: 400;
    background-color: transparent;
    border-radius: 0;
    border: none;
    float: left;
    padding-left: 0
}

section.otvc-container.otvc-display-default .ui-button.btn-block {
    display: block;
    float: none;
    width: 100%
}

section.otvc-container.otvc-display-default .ui-textbox {
    display: block;
    width: 100%;
    margin: 4px 0 17px
}

section.otvc-container.otvc-display-default .ui-textbox input {
    padding-left: 13px;
    border: 1px solid #999;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
    background: linear-gradient(to bottom, rgba(220, 220, 220, .3) 0, #fff 25%);
    position: relative;
    z-index: 1;
    border-radius: 0;
    height: 38px;
    max-height: 40px;
    font-size: 15px
}

section.otvc-container.otvc-display-default .ui-textbox input:focus {
    border: 1px solid #62B6F0
}

section.otvc-container.otvc-display-default .ui-textbox.ui-disabled input {
    background: #ccc
}

section.otvc-container.otvc-display-default .page-messages .ui-scope-default {
    background-color: #f0f0f0;
    border: 1px solid #D40139;
    color: #D40139;
    font-family: Arial;
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin: 0 auto 30px;
    padding: 20px;
    position: relative
}

section.otvc-container.otvc-display-default .page-messages .ui-scope-default:before {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    left: 50%;
    top: 100%;
    border-top: 17px solid #AF0B1C;
    border-bottom: none;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    margin-left: -17px
}

section.otvc-container.otvc-display-default .page-messages .ui-scope-default:after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    left: 50%;
    bottom: -16px;
    border-top: 18px solid #f0f0f0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    margin-left: -18px
}

section.otvc-container.otvc-display-default .select-error .ui-display-error {
    top: -20px
}

section.otvc-container.otvc-display-default .ui-display-error {
    display: block;
    background-color: #AF0B1C;
    font-family: Arial;
    font-size: 13px;
    color: #fff;
    padding: 10px;
    position: relative;
    overflow: visible;
    z-index: 1;
    white-space: normal;
    line-height: 1.2em
}

section.otvc-container.otvc-display-default .ui-display-error:before {
    border-bottom: 10px solid #AF0B1C;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    position: absolute;
    height: 0;
    left: 5px;
    top: -8px;
    width: 0
}

.ui-loader .ui-anchor,
.ui-loader .ui-indicator span,
.ui-popover .ui-hidden {
    border: 0;
    color: transparent;
    font-size: .01px;
    height: 0;
    left: -10000px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0
}

.ui-textarea textarea,
.ui-textbox input {
    border: none;
    resize: none
}

.ui-collapsible-pane .ui-collapsible {
    overflow: auto;
    transition: height 10ms ease-in-out
}

.ui-collapsible-pane .ui-collapsible>div p:last-of-type {
    margin: 0
}

.ui-collapsible-pane.ui-collapsed .ui-collapsible {
    display: none
}

.ui-collapsible-pane.ui-expanded .ui-collapsible {
    display: block
}

.ui-calendar {
    background: #fff;
    cursor: default;
    display: inline-block;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-calendar-timeline a,
.ui-checkbox,
.ui-checkbox input,
.ui-radiobutton,
.ui-selectable li {
    cursor: pointer
}

.ui-calendar .ui-next,
.ui-calendar .ui-previous {
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 0;
    width: 20px
}

.ui-calendar .ui-next:disabled,
.ui-calendar .ui-previous:disabled {
    pointer-events: none
}

.ui-calendar .ui-previous {
    left: 0
}

.ui-calendar .ui-next {
    right: 0
}

.ui-calendar .ui-calendar-month-wrapper {
    float: left
}

.ui-calendar header {
    display: block;
    line-height: 40px;
    text-align: center
}

.ui-calendar-month {
    list-style: none;
    margin: 0;
    overflow: auto;
    padding: 0 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-selectable ul,
.ui-step-indicator ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ui-calendar-month thead {
    text-align: center
}

.ui-calendar-month .ui-day {
    cursor: pointer;
    text-align: center
}

.ui-calendar-month .ui-day:hover {
    background: #ddd
}

.ui-calendar-month .ui-today {
    background: #eee
}

.ui-calendar-month .ui-disabled {
    color: #d4d4d4;
    pointer-events: none
}

.ui-calendar-month .ui-selected {
    background: #333;
    color: #fff
}

.ui-calendar-month .ui-selected:hover {
    background: #666
}

.ui-calendar-timeline {
    display: block
}

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

.ui-calendar-timeline a {
    display: inline-block;
    height: 100%;
    text-align: center;
    width: 100%
}

.ui-checkbox {
    display: inline-block;
    position: relative
}

.ui-checkbox .ui-wrapper {
    height: 100%
}

.ui-checkbox .ui-wrapper svg path {
    fill: none;
    stroke: currentColor;
    stroke-width: 3
}

.ui-checkbox.ui-disabled {
    pointer-events: none
}

.ui-checkbox input {
    margin: 0
}

.ui-dialog>.ui-wrapper {
    max-height: 80vh;
    min-height: 50px;
    position: fixed;
    top: 10vh;
    z-index: 1100
}

.ui-dialog>.ui-wrapper>.ui-body {
    background: #fff;
    overflow-y: auto
}

.ui-dialog>.ui-backdrop {
    bottom: 0;
    background-color: #000;
    left: 0;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1099;
    filter: alpha(opacity=50);
    opacity: .5
}

.ui-loader {
    display: block;
    position: relative;
    clear: both
}

.ui-loader:after,
.ui-paginator:after {
    display: table;
    content: "";
    clear: both
}

.ui-loader .ui-indicator {
    min-height: 20px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 2
}

.ui-loader .ui-blocker {
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1
}

.ui-paginator {
    clear: both;
    overflow: hidden
}

.ui-popover {
    display: block;
    left: 0;
    min-width: 200px;
    position: absolute;
    overflow: hidden;
    top: 0;
    z-index: 9999
}

.ui-radiobutton,
.ui-strength-indicator,
.ui-textarea {
    position: relative;
    display: inline-block
}

.ui-radiobutton.ui-disabled {
    pointer-events: none
}

.ui-radiobutton input {
    margin: 0;
    pointer-events: none
}

.ui-select {
    display: inline-block
}

.ui-selectable {
    background: #fff;
    display: inline-block
}

.ui-strength-indicator .ui-bar {
    background: #fff;
    float: left;
    min-height: 5px;
    min-width: 20px;
    vertical-align: top
}

.ui-step-indicator,
.ui-step-indicator ul {
    display: inline-block
}

.ui-step-indicator li {
    display: inline-block;
    float: left
}

.ui-step-indicator li span {
    display: inline-block
}

.ui-textarea {
    background: #fff;
    height: 40px;
    width: 200px
}

.ui-textarea textarea {
    background: 0 0;
    box-sizing: border-box;
    font-size: 1em;
    height: 100%;
    left: 0;
    padding: 0 5px;
    position: absolute;
    top: 0;
    width: 100%
}

.ui-textbox {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 150px
}

.ui-textbox .ui-wrapper {
    height: 20px;
    line-height: 20px;
    position: relative;
    min-height: 15px;
    width: 100%
}

.ui-textbox input,
.ui-textbox label {
    font-size: 1em;
    left: 0;
    padding: 0 5px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    box-sizing: border-box
}

.ui-textbox label {
    color: #c6c6c6;
    cursor: text;
    overflow: hidden;
    pointer-events: none;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1
}

.ui-password .input-wrapper,
.ui-set-checkbox,
.ui-set-field,
.ui-set-popover,
.ui-set-select,
.ui-set-textarea,
.ui-set-textbox {
    position: relative
}

.ui-textbox span.ui-hidden {
    display: none
}

.ui-set-checkbox {
    display: block;
    clear: both
}

.ui-set-checkbox:after {
    content: "";
    display: table;
    clear: both
}

.ui-set-dropdown .ui-body {
    overflow-y: auto
}

.ui-set-field {
    display: block;
    clear: both
}

.ui-set-field:after {
    content: "";
    display: table;
    clear: both
}

.ui-set-field .ui-group,
.ui-set-phone-number .ui-extension>div,
.ui-set-popover {
    display: inline-block
}

.ui-set-field>label {
    vertical-align: top
}

.ui-set-phone-number .ui-area-code,
.ui-set-phone-number .ui-extension,
.ui-set-phone-number .ui-number {
    display: inline-block;
    vertical-align: top
}

.ui-set-phone-number .ui-area-code .ui-textbox {
    width: 50px
}

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

.ui-set-phone-number .ui-extension>label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top
}

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

.ui-set-popover .ui-popover-button {
    box-sizing: border-box
}

.ui-set-popover.ui-disabled .ui-popover-button {
    pointer-events: none
}

.ui-set-radiobutton {
    display: block;
    position: relative;
    clear: both
}

.ui-set-radiobutton:after {
    content: "";
    display: table;
    clear: both
}

.ui-set-select {
    display: block;
    clear: both
}

.ui-set-select:after {
    content: "";
    display: table;
    clear: both
}

.ui-set-select>label {
    vertical-align: top
}

.ui-set-select>div {
    display: inline-block
}

.ui-set-textarea {
    display: block;
    clear: both
}

.ui-set-textarea:after {
    content: "";
    display: table;
    clear: both
}

.ui-set-textarea .ui-textarea {
    vertical-align: bottom
}

.ui-partial-help,
.ui-set-textarea>label,
.ui-set-textbox>label {
    vertical-align: top
}

.ui-set-textarea>div {
    display: inline-block
}

.ui-set-textbox {
    display: block;
    clear: both
}

.ui-set-textbox:after {
    content: "";
    display: table;
    clear: both
}

.ui-partial-label,
.ui-set-textbox>div {
    display: inline-block
}

.ui-sortable div[tabindex]:focus {
    outline: currentColor dotted thin;
    outline: -webkit-focus-ring-color auto 5px
}

.ui-sortable div[tabindex]:focus:not(:-moz-focusring) {
    outline: 0
}

.ui-password .input-wrapper .pw-toggle {
    right: 0;
    top: 0;
    position: absolute;
    display: inline-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: 25px
}

.ui-password .input-wrapper .pw-toggle .toggle-img {
    width: 17px;
    margin-right: 5px
}

.ui-password .input-wrapper .pw-toggle .img-link {
    border: 1px solid pink
}

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

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

.ui-partial-label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.backdrop {
    bottom: 0;
    background-color: #000;
    left: 0;
    position: fixed;
    top: 0;
    right: 0;
    opacity: .5;
    display: none
}

.activity-feed-open .backdrop.activity-feed {
    z-index: 1001;
    display: block
}

.dialog-open .backdrop.dialog {
    z-index: 1101;
    display: block
}

.activity-feed-container {
    height: 100%;
    z-index: 1090
}

.activity-feed-container div[tabindex]:active,
.activity-feed-container div[tabindex]:focus,
.activity-feed-container section[tabindex]:active,
.activity-feed-container section[tabindex]:focus {
    outline-style: dotted;
    outline-width: 1px;
    outline: -webkit-focus-ring-color auto 5px
}

.activity-feed-container.native {
    width: 100%
}

.activity-feed-container.web {
    background-color: #efefef;
    transform: translate3d(420px, 0, 0);
    transition: transform .5s;
    width: 420px;
    position: fixed;
    right: 0;
    top: 0
}

.activity-feed-open .activity-feed-container.web {
    transform: translate3d(0, 0, 0)
}

.activity-feed-container .feed-list-view {
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.activity-feed-container .feed-list-view .main-panel {
    height: 100vh;
    background-color: #F2F3F2
}

.activity-feed-container ul.controls {
    margin-left: auto
}

.activity-feed-container ul.controls li {
    display: table-cell;
    height: 17px
}

.activity-feed-container ul.controls li>.ui-button,
.activity-feed-container ul.controls li>a,
.activity-feed-container ul.controls li>button {
    background-color: transparent;
    background-image: url(img/activity-feed/activity-feed-actions.png);
    background-position-x: 0;
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 0;
    height: 22px;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: 22px
}

.activity-feed-container ul.controls li>.ui-button:active,
.activity-feed-container ul.controls li>.ui-button:focus,
.activity-feed-container ul.controls li>a:active,
.activity-feed-container ul.controls li>a:focus,
.activity-feed-container ul.controls li>button:active,
.activity-feed-container ul.controls li>button:focus {
    outline-style: dotted;
    outline-width: 1px;
    outline: -webkit-focus-ring-color auto 5px
}

.activity-feed-container ul.controls li>.ui-button .ui-wrapper {
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px
}

.activity-feed-container ul.controls .print {
    background-position-y: -122px
}

.activity-feed-container ul.controls .close {
    background-position-y: -2px
}

.activity-feed-container ul.controls .settings {
    background-position-y: -98px
}

.activity-feed-container ul.controls .refresh-feed {
    background-position-y: -74px
}

.activity-feed-container ul.controls .delete {
    background-position-y: -26px
}

.activity-feed-container ul.controls .delete.disabled {
    background-position-y: -50px
}

.activity-feed-container .header-container {
    border-left: 8px solid #D40139
}

.activity-feed-container .header {
    border-bottom: 1px solid #BBBCBC;
    height: 90px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: left
}

.activity-feed-container .header h2 {
    color: #383B3E;
    font-size: 22px;
    margin-left: 16px
}

.activity-feed-container .header .feed-actions {
    position: relative;
    margin-right: 24px
}

.activity-feed-container .header .feed-actions li {
    padding: 0 14px;
    border-left: 1px solid #BBBCBC
}

.activity-feed-container .header .feed-actions li:first-child {
    border-left: none
}

.activity-feed-container .header .feed-actions li:last-child {
    padding-right: 0
}

.activity-feed-container .header .feed-actions .selected-messages-count {
    vertical-align: middle
}

.activity-feed-container .messages-list-error .global-message {
    margin-top: 100px;
    padding: 0 65px
}

.activity-feed-container .messages-list-error .global-message h3 {
    background-position-x: 0;
    background-size: 50px;
    font-size: 30px;
    padding-top: 70px
}

.activity-feed-container .messages-list {
    height: calc(100vh - 90px);
    overflow-y: scroll;
    border-left: 1px solid #BBBCBC
}

.activity-feed-container .messages-list h3 {
    border-bottom: 3px solid #BBBCBC;
    font-size: 18px;
    font-weight: 400;
    margin: 28px 24px 0;
    padding-bottom: 8px;
    color: #383B3E
}

.activity-feed-container .messages-list .message-list-item .inner-container .delete-checkbox,
.activity-feed-container .messages-list .message-list-item .inner-container .message-type {
    margin-right: 15px
}

.activity-feed-container .messages-list .message-list-item {
    padding: 0 24px
}

.activity-feed-container .messages-list .message-list-item.selected {
    background-color: #F2F9FE
}

.activity-feed-container .messages-list .message-list-item.active,
.activity-feed-container .messages-list .message-list-item:hover {
    background-color: #fff
}

.activity-feed-container .messages-list .message-list-item.unread .message-header {
    font-weight: 700
}

.activity-feed-container .messages-list .message-list-item.unread .received-date {
    color: #C41F3E;
    font-weight: 700
}

.activity-feed-container .messages-list .message-list-item .inner-container {
    align-items: center;
    border-bottom: 1px solid #BBBCBC;
    display: flex;
    justify-content: left;
    padding: 15px 0;
    position: relative
}

.activity-feed-container .messages-list .message-list-item .inner-container>div {
    display: inline-block
}

.activity-feed-container .messages-list .message-list-item .inner-container .delete-checkbox label.ui-partial-label {
    display: none
}

.activity-feed-container .messages-list .message-list-item .inner-container .delete-checkbox ui-checkbox {
    width: 16px;
    height: 16px;
    vertical-align: middle
}

.activity-feed-container .messages-list .message-list-item .inner-container .delete-checkbox ui-checkbox.ui-checked .ui-checkmark {
    background-image: url(img/activity-feed/checkbox-selected.png);
    background-size: 18px;
    background-position: -1px 0
}

.activity-feed-container .messages-list .message-list-item .inner-container .message-preview {
    align-self: start;
    cursor: pointer;
    padding-right: 40px;
    width: 100%
}

.activity-feed-container .messages-list .message-list-item .inner-container .message-preview .message-header {
    font-size: 14px
}

.activity-feed-container .messages-list .message-list-item .inner-container .message-preview .subject {
    padding-top: 3px;
    max-height: 36px;
    overflow: hidden
}

.activity-feed-container .messages-list .message-list-item .inner-container .message-preview .msg-status {
    white-space: pre-wrap
}

.activity-feed-container .messages-list .message-list-item .inner-container .message-type .alert-icon {
    background: url(img/activity-feed/activity-feed-message-type.png) no-repeat;
    background-size: 38px;
    display: inline-block;
    height: 39px;
    width: 39px
}

.activity-feed-container .messages-list .message-list-item .inner-container .message-type .alert-icon.alerts {
    background-position-y: 0
}

.activity-feed-container .messages-list .message-list-item .inner-container .message-type .alert-icon.reminder {
    background-position-y: -42px
}

.activity-feed-container .messages-list .message-list-item .inner-container .message-type .alert-icon.reply {
    background-position-y: -84px
}

.activity-feed-container .messages-list .message-list-item .inner-container .message-type .alert-icon.transaction {
    background-position-y: -126px
}

.activity-feed-container .messages-list .message-list-item .inner-container .message-type .alert-icon.sent {
    background-position-y: -168px
}

.activity-feed-container .messages-list .message-list-item .inner-container .message-type .alert-icon.news {
    background-position-y: -211px
}

.activity-feed-container .messages-list .message-list-item .inner-container .message-type .alert-icon.legacy {
    background-position-y: -253px
}

.activity-feed-container .messages-list .message-list-item .inner-container .received-date {
    align-self: start;
    position: absolute;
    right: 0;
    white-space: nowrap
}

.activity-feed-container .messages-list .list-footer {
    padding: 20px 0;
    text-align: center
}

.activity-feed-container .messages-list .list-footer button.load-more {
    margin-left: 6px;
    vertical-align: middle
}

.activity-feed-container .messages-list .list-footer button.load-more:active,
.activity-feed-container .messages-list .list-footer button.load-more:focus {
    outline-width: 1px;
    outline-style: dotted;
    outline: -webkit-focus-ring-color auto 5px
}

.activity-feed-container .messages-list .list-footer .loading-please-wait {
    height: 38px;
    width: 200px;
    background: url(img/ui-loader.gif) no-repeat;
    background-size: 200px 38px;
    margin: 0 auto
}

.activity-feed-container .messages-list .list-footer .load-more-icon {
    background: url(img/activity-feed/load-more.png) no-repeat;
    background-position-y: -4px;
    background-position-x: -2px;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px
}

.activity-feed-container.native .message-details-container {
    width: 100%
}

.activity-feed-container.native .message-details-container .message-details-content {
    padding: 40px 25px
}

.activity-feed-container.native .message-details-container .message-details-content .error-code,
.activity-feed-container.native .message-details-container .message-details-content .error-message {
    font-size: 15px
}

.activity-feed-container.native .message-details-container .message-details-content .message-date {
    font-size: 14px
}

.activity-feed-container.native .message-details-container .message-details-content .message-type {
    font-size: 16px
}

.activity-feed-container.native .message-details-container .message-details-content #mcMessage h3,
.activity-feed-container.native .message-details-container .message-details-content .message-subject {
    font-size: 20px;
    line-height: 30px;
    outline: 0 !important
}

.activity-feed-container.native .message-details-container .message-details-content .main-content {
    font-size: 14px
}

.mobile-web-app .activity-feed-container.native .message-details-container .message-details-content .main-content p {
    margin: 14px 0
}

.activity-feed-container.native .message-details-container ul.bulleted {
    padding-left: 2em
}

.activity-feed-container.web .message-details-container {
    height: 100vh;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate3d(50px, 0, 0);
    transition: transform .5s;
    width: 470px
}

.activity-feed-container.web .message-details-container.open {
    transform: translate3d(-420px, 0, 0)
}

.activity-feed-container.web .message-details-container .message-details-content {
    padding: 40px 65px;
    overflow: auto;
    position: absolute;
    top: 90px;
    right: 0;
    left: 0;
    bottom: 0
}

.activity-feed-container.web .message-details-container .message-details-content #mcMessage h3,
.activity-feed-container.web .message-details-container .message-details-content .message-subject {
    font-size: 24px;
    color: #383B3E
}

.activity-feed-container.web .message-details-container .message-details-content ul.bulleted {
    padding-left: 1em
}

.activity-feed-container .message-details-container {
    background: #FFF;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: -1
}

.activity-feed-container .message-details-container .message-controls {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 90px;
    border-bottom: 1px solid #BBBCBC;
    padding: 0 65px
}

.activity-feed-container .message-details-container .message-controls button:active,
.activity-feed-container .message-details-container .message-controls button:focus {
    outline-width: 1px;
    outline-style: dotted;
    outline: -webkit-focus-ring-color auto 5px
}

.activity-feed-container .message-details-container .message-controls .controls li {
    padding-left: 20px
}

.activity-feed-container .message-details-container .message-details-content .message-type {
    background: 0 0;
    color: #383B3E;
    display: block;
    font-size: 15px;
    font-weight: 700
}

.activity-feed-container .message-details-container .message-details-content .message-type .alert-icon {
    background: url(img/activity-feed/activity-feed-message-type.png) no-repeat;
    background-size: 50px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
    height: 51px;
    width: 51px
}

.activity-feed-container .message-details-container .message-details-content .message-type .alert-icon.alerts {
    background-position-y: 0
}

.activity-feed-container .message-details-container .message-details-content .message-type .alert-icon.reminder {
    background-position-y: -56px
}

.activity-feed-container .message-details-container .message-details-content .message-type .alert-icon.reply {
    background-position-y: -111px
}

.activity-feed-container .message-details-container .message-details-content .message-type .alert-icon.transaction {
    background-position-y: -166px
}

.activity-feed-container .message-details-container .message-details-content .message-type .alert-icon.sent {
    background-position-y: -222px
}

.activity-feed-container .message-details-container .message-details-content .message-type .alert-icon.news {
    background-position-y: -277px
}

.activity-feed-container .message-details-container .message-details-content .message-type .alert-icon.legacy {
    background-position-y: -333px
}

.activity-feed-container .message-details-container .message-details-content .message-date {
    display: block;
    font-size: 15px;
    margin-top: 30px
}

.activity-feed-container .message-details-container .message-details-content #mcMessage h3,
.activity-feed-container .message-details-container .message-details-content .message-subject {
    font-weight: 400;
    line-height: 35px;
    word-wrap: break-word
}

.activity-feed-container .message-details-container .message-details-content .subtitle {
    font-size: 16px;
    margin: 20px 0 0
}

.activity-feed-container .message-details-container .message-details-content .message-subject {
    margin-top: 25px
}

.activity-feed-container .message-details-container .message-details-content .main-content {
    margin-top: 28px;
    font-size: 13px
}

.activity-feed-container .message-details-container .message-details-content .main-content.plain-text {
    white-space: pre-wrap
}

.activity-feed-container .no-wrap,
.navigation-credit-smart li,
.navigation-task .ui-button span,
.navigation-task a span,
.spend-report-pie-chart .row .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info>span {
    white-space: nowrap
}

.activity-feed-container .message-details-container .message-details-content .message-details-actions {
    display: flex;
    margin-top: 30px
}

.activity-feed-container .message-details-container .message-details-content .message-details-actions .ui-button {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    margin-right: 5px;
    min-height: 40px;
    min-width: 83px;
    padding: 12px 30px;
    text-decoration: none
}

.activity-feed-container .message-details-container .message-details-content .message-details-actions a:active,
.activity-feed-container .message-details-container .message-details-content .message-details-actions a:focus,
.activity-feed-container .message-details-container .message-details-content .message-details-actions button:active,
.activity-feed-container .message-details-container .message-details-content .message-details-actions button:focus {
    outline-style: dotted;
    outline-width: 1px;
    outline: -webkit-focus-ring-color auto 5px
}

.activity-feed-container .message-details-container .message-details-content .message-details-list {
    list-style: none;
    margin: 10px 0 32px
}

.activity-feed-container .message-details-container .message-details-content .message-details-list>li {
    padding: 15px 0;
    border-bottom: 1px solid #BBBCBC
}

.activity-feed-container .message-details-container .message-details-content .message-details-list>li .label {
    font-weight: 700
}

.activity-feed-container .message-details-container .message-details-content .message-details-detailed {
    list-style: none
}

.activity-feed-container .message-details-container .message-details-content ul.bulleted {
    list-style: disc
}

.activity-feed-container .message-details-container .global-message {
    margin-top: 150px;
    text-align: center
}

.activity-feed-container .message-details-container .global-message h3 {
    font-size: 24px;
    background-size: 40px;
    padding-top: 60px
}

.activity-feed-container .no-messages {
    background: url(img/activity-feed/no-messages-bell.png) no-repeat;
    margin: 105px 65px 0;
    padding-top: 75px
}

.activity-feed-container .no-messages h3 {
    font-size: 25px;
    font-weight: 400;
    margin-top: 24px
}

.activity-feed-container .no-messages .no-message-error,
.activity-feed-container .no-messages .setup-alerts {
    color: #666;
    font-size: 15px;
    line-height: 16px;
    margin-top: 40px
}

.activity-feed-container button.display-plain {
    background-color: transparent;
    border: none;
    padding: 0
}

.activity-feed-container button.display-plain.link {
    color: #383B3E
}

.activity-feed-container button.display-plain.link.load-more:hover {
    color: #C41F3E;
    text-decoration: underline
}

.activity-feed-container .focustrap {
    color: transparent;
    text-decoration: none;
    height: 1px;
    widows: 1px
}

.activity-feed-container .global-message .error-code,
.activity-feed-container .global-message .error-message {
    font-size: 13px;
    line-height: 22px
}

.activity-feed-container .global-message h3 {
    background: url(img/activity-feed/system-error.png) center 0 no-repeat;
    color: #383B3E;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 15px
}

.activity-feed-container .global-message div,
.delete-confirmation-popup .ui-dialog>.ui-wrapper>.ui-body .dialog-body .instructions p {
    margin: 0
}

.activity-feed-container .hidden {
    display: none
}

.activity-feed-container.native .ui-button {
    background: #C41F3E;
    color: #FFF;
    font-weight: 700;
    border-radius: 4px;
    text-decoration: none
}

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

.delete-confirmation-popup .ui-dialog>.ui-wrapper {
    border: 10px solid;
    border-color: rgba(0, 0, 0, .5);
    border-radius: 0;
    border-width: 12px;
    box-sizing: border-box;
    height: 209px;
    left: 28%;
    top: 35%;
    width: 574px
}

.delete-confirmation-popup .ui-dialog>.ui-wrapper>.ui-body {
    width: 550px
}

.delete-confirmation-popup .ui-dialog>.ui-wrapper>.ui-body .action-bar {
    background-color: #EAEAEA;
    background-image: none;
    border: none;
    box-sizing: border-box;
    height: 76px;
    margin-bottom: 0;
    padding: 20px 30px
}

.delete-confirmation-popup .ui-dialog>.ui-wrapper>.ui-body .dialog-body {
    height: 110px;
    padding: 0 24px
}

.delete-confirmation-popup .ui-dialog>.ui-wrapper>.ui-body .dialog-body h1 {
    font-size: 24px;
    padding: 20px 0
}

.delete-confirmation-popup .ui-dialog>.ui-wrapper>.ui-body .dialog-body .instructions {
    margin-bottom: 0
}

@media print {

    .activity-feed-container,
    .activity-feed-container .message-details-container.open {
        transform: none !important;
        width: 100% !important;
        position: static !important
    }

    .activity-feed-container .message-details-container.open {
        transition: unset !important
    }

    .activity-feed-container .message-details-container .message-controls {
        display: none !important
    }

    .activity-feed-container .message-details-container .message-details-content {
        position: static !important;
        padding: 40px 90px !important
    }

    .activity-feed-open .app-post-signon .header-indicators,
    .activity-feed-open .app-post-signon>*,
    .activity-feed-open .backdrop.activity-feed,
    .activity-feed-open .message-details-container.open+.feed-list-view,
    .activity-feed-open ui-loader {
        display: none
    }

    .activity-feed-open .app-post-signon .page-header {
        display: block;
        padding: 0
    }

    .activity-feed-open .app-post-signon .page-header>.wrapper {
        width: 100%;
        padding: 0 90px
    }
}

.ui-collapsible-pane {
    border-bottom: 1px solid;
    margin-top: -1px;
    overflow: visible
}

.ui-collapsible-pane .ui-title {
    border-top: 1px solid;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding-left: 44px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-collapsible-pane .ui-title:focus {
    outline: #000 dotted 1px;
    outline: -webkit-focus-ring-color auto 5px
}

.ui-collapsible-pane .ui-title:before {
    left: 12px;
    position: absolute;
    top: 0
}

.ui-collapsible-pane .ui-collapsible {
    padding: 0 0 0 15px
}

.ui-collapsible-pane .ui-collapsible>div {
    margin-left: 40px;
    overflow: hidden;
    padding: 0 0 10px
}

.ui-collapsible-pane .ui-collapsible>div p,
.ui-collapsible-pane .ui-collapsible>div ul li {
    background-image: none;
    line-height: 18px;
    margin: 0 0 10px;
    padding-left: 0
}

.ui-collapsible-pane .ui-collapsible>div p:last-of-type,
.ui-collapsible-pane .ui-collapsible>div ul li:last-of-type {
    margin: 0
}

.ui-alert {
    margin-bottom: 10px;
    min-height: 30px
}

.ui-alert.ui-display-confirm {
    padding: 10px 15px 0 40px
}

.ui-alert.ui-scope-global {
    display: block;
    border-width: 1px;
    border-style: solid;
    padding: 20px 15px 20px 54px
}

.ui-alert.ui-scope-global .ui-code {
    height: 16px;
    text-align: right
}

.ui-alert.ui-scope-inline {
    min-height: 27px;
    padding-left: 35px
}

.ui-alert p:first-child {
    margin-top: 0
}

.ui-alert 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
}

.ui-alert .ui-code {
    margin-top: 5px;
    width: 100% !important
}

.ui-button.ui-display-toolbox {
    border: 0;
    height: 30px;
    margin: 0 5px;
    width: 30px
}

.ui-button.ui-display-toolbox:hover {
    opacity: .8
}

.ui-button button {
    visibility: visible
}

.ui-button.ui-display-default.ui-size-small {
    height: 25px;
    line-height: 25px
}

.ui-button.ui-display-default.ui-size-medium {
    height: 30px;
    line-height: 29px;
    margin-top: 2px
}

.ui-button.ui-display-default .ui-wrapper {
    padding: 0 15px
}

.ui-button.ui-display-link {
    border: 0
}

.ui-button.ui-display-toolbox .ui-wrapper span.ui-icon {
    background: center center no-repeat;
    height: 30px;
    margin-right: 0 !important;
    width: 30px
}

.ui-button.ui-trailing-icon .ui-wrapper span.ui-trailing-icon {
    margin-left: 8px
}

.ui-button.ui-trailing-icon .ui-wrapper span.down {
    margin-left: 4px
}

.ui-button.ui-icon .ui-wrapper span.ui-icon {
    margin-right: 8px
}

.ui-button.ui-icon .next,
.ui-button.ui-trailing-icon .next {
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid #fff;
    margin-bottom: -1px
}

.ui-button.ui-icon .down,
.ui-button.ui-trailing-icon .down {
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid red;
    margin-bottom: 0
}

.ui-calendar-timeline tr.years {
    height: 25px
}

.ui-calendar-timeline tr.months {
    height: 30px
}

.ui-calendar-timeline a {
    line-height: 30px
}

.ui-loader .ui-content.ui-loading {
    opacity: .1;
    min-height: 200px
}

.ui-loader .ui-indicator {
    height: 100px;
    top: 50px
}

.ui-loader .table-shadow {
    margin-bottom: 0
}

.ui-loader.ui-display-page .ui-content.ui-loading {
    bottom: 0;
    background-color: #fff;
    left: 0;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1099
}

.ui-loader.ui-display-page .ui-indicator {
    animation: delay-loader 10ms linear .5s 1 forwards;
    height: 90px;
    margin: -45px auto 0;
    max-height: 80vh;
    position: fixed;
    top: 50%;
    width: 100%;
    z-index: 1100;
    filter: alpha(opacity=0);
    opacity: 0
}

@keyframes delay-loader {
    from {
        opacity: 0
    }

    to {
        opacity: .85
    }
}

.ui-loader.ui-display-page .ui-indicator span {
    bottom: 0;
    color: #333;
    font-family: Arial;
    font-size: 10px;
    height: auto;
    left: 50%;
    margin-left: -50px;
    overflow: visible;
    text-align: center;
    width: 100px
}

.ui-paginator {
    float: left;
    width: 100%
}

.ui-paginator .chevron {
    display: block;
    position: absolute;
    margin-top: 0;
    transform: rotate(90deg);
    top: 5px
}

.ui-paginator .chevron:after,
.ui-paginator .chevron:before {
    content: '';
    position: absolute;
    height: 100%
}

.ui-paginator .ui-next,
.ui-paginator .ui-previous {
    display: inline-block;
    font-size: 12px;
    height: 20px;
    line-height: 16px;
    padding: 2px;
    position: relative
}

.ui-paginator .ui-next.ui-hide,
.ui-paginator .ui-previous.ui-hide {
    visibility: hidden
}

.ui-paginator .ui-next {
    float: right;
    margin-right: 7px;
    padding-right: 15px
}

.ui-paginator .ui-next .chevron {
    bottom: 0;
    display: block;
    height: 2px;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 0;
    transform: rotate(90deg);
    width: 10px;
    right: 0
}

.ui-paginator .ui-next .chevron:after,
.ui-paginator .ui-next .chevron:before {
    background-color: #B3B3B3;
    content: '';
    height: 100%;
    position: absolute
}

.ui-paginator .ui-next .chevron:before {
    left: 0;
    transform: skew(0deg, 135deg);
    width: 51%
}

.ui-paginator .ui-next .chevron:after {
    right: 0;
    transform: skew(0deg, -135deg);
    width: 50%
}

.ui-paginator .ui-previous {
    float: left;
    margin-left: 7px;
    padding-left: 15px
}

.ui-paginator .ui-previous .chevron {
    bottom: 0;
    display: block;
    height: 2px;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 0;
    transform: rotate(90deg);
    width: 10px;
    left: 0
}

.ui-paginator .ui-previous .chevron:after,
.ui-paginator .ui-previous .chevron:before {
    background-color: #B3B3B3;
    content: '';
    height: 100%;
    position: absolute
}

.ui-paginator .ui-previous .chevron:before {
    left: 0;
    transform: skew(0deg, -135deg);
    width: 51%
}

.ui-paginator .ui-previous .chevron:after {
    right: 0;
    transform: skew(0deg, 135deg);
    width: 50%
}

.ui-paginator.ui-display-beside {
    float: right;
    width: auto
}

.ui-paginator.ui-display-beside .ui-next,
.ui-paginator.ui-display-beside .ui-previous {
    float: none
}

.ui-paginator.ui-display-beside .ui-previous {
    padding-right: 7px
}

.ui-paginator.ui-display-beside .ui-next {
    padding-left: 7px
}

.ui-paginator.ui-display-beside .ui-previous:not(.ui-hide)+.ui-next {
    border-left: 1px solid;
    margin-right: 0
}

.ui-popover p:first-of-type {
    margin-top: 0
}

.ui-popover p:last-of-type {
    margin-bottom: 0
}

.ui-popover ul li {
    padding-top: 2px !important
}

.ui-strength-indicator {
    height: 10px;
    width: 205px
}

.ui-strength-indicator .ui-bar {
    height: 8px;
    margin: 1px;
    width: 65px
}

.ui-step-indicator li {
    font-weight: 700;
    padding: 0 !important
}

.ui-step-indicator li:first-child {
    background-image: none
}

.accounts-index .summary table>tbody>tr:first-of-type>td,
.cof-merchant-list table>tbody>tr:first-of-type>td,
.page-narrow .pair>fieldset li:first-of-type,
.page-narrow .pair>section li:first-of-type,
.pair>fieldset li:first-of-type,
.pair>section li:first-of-type,
.panel-small>ul:not(.list-bullet) li:first-of-type,
.right-rail .customer-services>ul:not(.list-bullet) li:first-of-type,
.right-rail .online-gaurantee>ul:not(.list-bullet) li:first-of-type,
.right-rail .quick-links>ul:not(.list-bullet) li:first-of-type,
.right-rail .quick-transfer>ul:not(.list-bullet) li:first-of-type,
.right-rail .related-info>ul:not(.list-bullet) li:first-of-type,
.right-rail .related-items>ul:not(.list-bullet) li:first-of-type,
.table-shadow>tbody>tr:first-of-type>td,
.transaction-list table>tbody>tr:first-of-type>td,
.upcoming-transactions table>tbody>tr:first-of-type>td {
    background: 0 0
}

.ui-step-indicator li span {
    text-align: center
}

.ui-sorting-key {
    cursor: pointer;
    display: inline-block
}

.ui-sorting-key:after {
    content: '';
    display: inline-block;
    margin: 5px 0 0 5px
}

@media print {

    #bc-chat-container,
    .bcFloat {
        display: none !important
    }
}

#bc-chat-container,
.bcFloat {
    z-index: 5 !important
}

.bcFloat {
    overflow: visible !important
}

.accounts-index .summary table,
.cof-merchant-list table,
.header-highlight,
.pane-highlight,
.right-rail .related-links,
.table-shadow,
.transaction-list table,
.upcoming-transactions table {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.accounts-index .summary table>tbody>tr>td,
.accounts-index .summary table>thead>tr>td,
.cof-merchant-list table>tbody>tr>td,
.cof-merchant-list table>thead>tr>td,
.page-narrow .pair>fieldset li,
.page-narrow .pair>section li,
.pair>fieldset li,
.pair>section li,
.table-shadow>tbody>tr>td,
.table-shadow>thead>tr>td,
.transaction-list table>tbody>tr>td,
.transaction-list table>thead>tr>td,
.upcoming-transactions table>tbody>tr>td,
.upcoming-transactions table>thead>tr>td {
    padding: 15px 0
}

.accordion>section>.header,
.accordion>section>header,
.accounts-index .summary thead,
.cof-merchant-list table>thead,
.panel-large>section>.header,
.panel-large>section>header,
.table-shadow>thead,
.transaction-list table>thead,
.transactions>section>.header,
.transactions>section>header {
    height: 40px;
    padding: 0 15px
}

.accordion>section>.header .ui-button,
.accordion>section>header .ui-button,
.accounts-index .summary thead .ui-button,
.cof-merchant-list table>thead .ui-button,
.panel-large>section>.header .ui-button,
.panel-large>section>header .ui-button,
.table-shadow>thead .ui-button,
.transaction-list table>thead .ui-button,
.transactions>section>.header .ui-button,
.transactions>section>header .ui-button {
    min-height: 15px
}

.panel-small header,
.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 {
    height: 30px;
    line-height: 30px;
    padding: 0
}

.header-highlight {
    padding: 4px 10px
}

.hidden-text,
.page-header .skip,
.signon fieldset legend,
.transfers-new-details .specified-date-section .ui-set-calendar-popover .ui-partial-label {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px
}

.hidden-text:active,
.hidden-text:focus,
.page-header .skip:active,
.page-header .skip:focus,
.signon fieldset legend:active,
.signon fieldset legend:focus,
.transfers-new-details .specified-date-section .ui-set-calendar-popover .ui-partial-label:active,
.transfers-new-details .specified-date-section .ui-set-calendar-popover .ui-partial-label:focus {
    height: auto;
    position: static;
    width: auto
}

.page-narrow .pair>fieldset li,
.page-narrow .pair>section li,
.pair>fieldset li,
.pair>section li {
    clear: both
}

.page-narrow .pair>fieldset li:after,
.page-narrow .pair>section li:after,
.pair>fieldset li:after,
.pair>section li:after {
    content: "";
    display: table;
    clear: both
}

.page-narrow .pair>fieldset li .ui-set-field,
.page-narrow .pair>section li .ui-set-field,
.pair>fieldset li .ui-set-field,
.pair>section li .ui-set-field {
    margin-bottom: 0;
    padding-left: 4px
}

.page-narrow .pair>fieldset li>div:first-child:not(:last-child),
.page-narrow .pair>fieldset li>fieldset legend,
.page-narrow .pair>fieldset li>label,
.page-narrow .pair>section li>div:first-child:not(:last-child),
.page-narrow .pair>section li>fieldset legend,
.page-narrow .pair>section li>label,
.pair>fieldset li>div:first-child:not(:last-child),
.pair>fieldset li>fieldset legend,
.pair>fieldset li>label,
.pair>section li>div:first-child:not(:last-child),
.pair>section li>fieldset legend,
.pair>section li>label {
    display: inline-block;
    padding: 0 10px 0 0;
    vertical-align: top;
    width: 170px;
    word-wrap: break-word
}

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

.page-narrow .pair>fieldset li>div+div,
.page-narrow .pair>section li>div+div,
.pair>fieldset li>div+div,
.pair>section li>div+div {
    display: inline-block;
    width: auto;
    word-wrap: break-word
}

.ui-dialog .page-narrow .pair>fieldset li>div+div,
.ui-dialog .page-narrow .pair>section li>div+div,
.ui-dialog .pair>fieldset li>div+div,
.ui-dialog .pair>section li>div+div {
    width: 250px
}

.pane-highlight {
    margin-bottom: 30px;
    padding: 15px 10px
}

.pane-highlight h3 {
    margin-bottom: 10px
}

.panel-small,
.right-rail .customer-services,
.right-rail .online-gaurantee,
.right-rail .quick-links,
.right-rail .quick-transfer,
.right-rail .related-info,
.right-rail .related-items {
    margin-bottom: 15px;
    padding-bottom: 10px
}

.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) {
    margin: 0 15px
}

.panel-small header,
.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 {
    margin: 0 0 10px
}

.panel-small>ul li,
.right-rail .customer-services>ul li,
.right-rail .online-gaurantee>ul li,
.right-rail .quick-links>ul li,
.right-rail .quick-transfer>ul li,
.right-rail .related-info>ul li,
.right-rail .related-items>ul li {
    margin: 10px 15px
}

.panel-small>ul.list-bullet li,
.right-rail .customer-services>ul.list-bullet li,
.right-rail .online-gaurantee>ul.list-bullet li,
.right-rail .quick-links>ul.list-bullet li,
.right-rail .quick-transfer>ul.list-bullet li,
.right-rail .related-info>ul.list-bullet li,
.right-rail .related-items>ul.list-bullet li {
    margin: 10px 10px 0
}

.accordion,
.panel-large,
.transactions {
    margin-bottom: 30px
}

.accordion>section>:not(header):not(table),
.panel-large>section>:not(header):not(table),
.transactions>section>:not(header):not(table) {
    margin: 0 15px
}

.accordion>section>.header,
.accordion>section>header,
.panel-large>section>.header,
.panel-large>section>header,
.transactions>section>.header,
.transactions>section>header {
    line-height: 40px;
    margin: 0
}

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

.stacked-field .column {
    box-sizing: border-box;
    float: left;
    width: 50%
}

.stacked-field .column>.row {
    margin-top: 10px
}

.stacked-field .column:not(:last-of-type) {
    padding-right: 15px
}

.stacked-field .column:first-of-type:last-of-type {
    width: 100%
}

.stacked-field .column .ui-set-field>label {
    display: block !important;
    width: 100%
}

.accounts-index .summary table,
.cof-merchant-list table,
.table-shadow,
.transaction-list table,
.upcoming-transactions table {
    border-collapse: separate;
    border-spacing: 0
}

.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,
.cof-merchant-list table>tbody>tr:after,
.cof-merchant-list table>tbody>tr:before,
.cof-merchant-list table>thead>tr:after,
.cof-merchant-list table>thead>tr:before,
.table-shadow>tbody>tr:after,
.table-shadow>tbody>tr:before,
.table-shadow>thead>tr:after,
.table-shadow>thead>tr:before,
.transaction-list table>tbody>tr:after,
.transaction-list table>tbody>tr:before,
.transaction-list table>thead>tr:after,
.transaction-list table>thead>tr:before,
.upcoming-transactions table>tbody>tr:after,
.upcoming-transactions table>tbody>tr:before,
.upcoming-transactions table>thead>tr:after,
.upcoming-transactions table>thead>tr:before {
    content: '';
    display: table-cell;
    width: 14px
}

.accounts-index .summary table>tbody>tr>td:not(:first-of-type),
.accounts-index .summary table>tbody>tr>th:not(:first-of-type),
.accounts-index .summary table>thead>tr>td:not(:first-of-type),
.accounts-index .summary table>thead>tr>th:not(:first-of-type),
.cof-merchant-list table>tbody>tr>td:not(:first-of-type),
.cof-merchant-list table>tbody>tr>th:not(:first-of-type),
.cof-merchant-list table>thead>tr>td:not(:first-of-type),
.cof-merchant-list table>thead>tr>th:not(:first-of-type),
.table-shadow>tbody>tr>td:not(:first-of-type),
.table-shadow>tbody>tr>th:not(:first-of-type),
.table-shadow>thead>tr>td:not(:first-of-type),
.table-shadow>thead>tr>th:not(:first-of-type),
.transaction-list table>tbody>tr>td:not(:first-of-type),
.transaction-list table>tbody>tr>th:not(:first-of-type),
.transaction-list table>thead>tr>td:not(:first-of-type),
.transaction-list table>thead>tr>th:not(:first-of-type),
.upcoming-transactions table>tbody>tr>td:not(:first-of-type),
.upcoming-transactions table>tbody>tr>th:not(:first-of-type),
.upcoming-transactions table>thead>tr>td:not(:first-of-type),
.upcoming-transactions table>thead>tr>th:not(:first-of-type) {
    padding-left: 10px
}

.accounts-index .summary table>tbody>tr>th,
.accounts-index .summary table>thead>tr>th,
.cof-merchant-list table>tbody>tr>th,
.cof-merchant-list table>thead>tr>th,
.table-shadow>tbody>tr>th,
.table-shadow>thead>tr>th,
.transaction-list table>tbody>tr>th,
.transaction-list table>thead>tr>th,
.upcoming-transactions table>tbody>tr>th,
.upcoming-transactions table>thead>tr>th {
    height: 40px
}

.tombstone {
    border-bottom: 1px solid;
    padding: 25px 15px 0;
    position: relative
}

ol,
ul {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-padding-start: 0;
    -webkit-margin-start: 0;
    padding-left: 0
}

.tombstone em {
    display: block
}

.tombstone .row {
    box-sizing: border-box;
    display: table;
    width: 100%
}

.tombstone .row:first-child>div {
    padding-bottom: 25px
}

.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 .row:not(:first-child)>div {
    padding-top: 10px
}

.tombstone .row:not(:first-child):last-child>div {
    padding-bottom: 10px
}

.tombstone .box-large,
.tombstone .box-medium,
.tombstone .box-small,
.tombstone .box-xlarge,
.tombstone .box-xsmall {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top
}

.tombstone .box-large:last-child,
.tombstone .box-medium:last-child,
.tombstone .box-small:last-child,
.tombstone .box-xlarge:last-child,
.tombstone .box-xsmall:last-child {
    width: auto
}

.tombstone .box-large:not(:last-child),
.tombstone .box-medium:not(:last-child),
.tombstone .box-small:not(:last-child),
.tombstone .box-xlarge:not(:last-child),
.tombstone .box-xsmall:not(:last-child) {
    padding-right: 8px
}

.tombstone .box-small {
    width: 140px
}

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

.tombstone .box-large div span {
    display: table
}

.tombstone .box-large div span:first-child {
    display: block;
    float: left;
    margin-right: 4px
}

fieldset,
ol,
ul {
    margin: 0
}

.tombstone .box-xlarge .stacked span {
    display: block
}

h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin: 0
}

a {
    text-decoration: none
}

a:hover {
    cursor: pointer;
    text-decoration: underline
}

.navigation-credit-smart li a:hover,
.navigation-task .ui-button.ui-display-link:hover,
.navigation-task .ui-button:hover,
.navigation-task a.ui-display-link:hover,
.navigation-task a:hover {
    text-decoration: none
}

ul {
    list-style: none
}

ol {
    list-style: decimal inside
}

td,
th {
    text-align: left
}

fieldset {
    border: none;
    padding: 0
}

.footer-container,
.footer-note-container,
.main-container,
.navigation-global-container,
.page-header {
    margin: auto;
    position: relative;
    overflow: visible
}

.main-container {
    display: table;
    min-height: 400px;
    width: 100%
}

.hasTimestamp,
.panel-large>section ul.hasTimestamp {
    margin-bottom: 10px
}

.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 {
    border-top: 0;
    padding: 25px 0 0
}

@media print {

    .dialog-opened .app-post-signon .main-container,
    .dialog-opened .app-post-signon .navigation-global,
    .page-wrapper .app-post-signon .main-container nav,
    .page-wrapper .app-post-signon .page-footer,
    .page-wrapper .app-post-signon header nav {
        display: none
    }

    .page-wrapper {
        height: 100%;
        position: static;
        padding: 0;
        width: 100%
    }

    .page-wrapper .app-post-signon .main-container main {
        float: none
    }

    .page-wrapper .app-post-signon .main-container .groups-container {
        width: 100%
    }

    .dialog-opened {
        position: static !important
    }

    .dialog-opened .dialog-modal {
        position: static
    }

    .dialog-opened .dialog-modal .ui-dialog:before {
        content: none
    }

    .dialog-opened .dialog-modal .ui-dialog {
        position: static;
        display: block
    }

    .dialog-opened .dialog-modal .ui-dialog .ui-wrapper {
        border: none;
        display: block;
        margin-left: 0;
        max-height: none;
        position: static;
        width: 100%
    }

    .dialog-opened .dialog-modal .ui-dialog .ui-wrapper .ui-body {
        max-height: none
    }

    .dialog-opened .dialog-modal .ui-dialog .ui-wrapper .ui-body .panel-large {
        background: #fff
    }

    .dialog-opened .dialog-modal .ui-dialog .ui-backdrop,
    .dialog-opened .dialog-modal .ui-dialog .ui-wrapper .ui-body .action-bar {
        display: none
    }
}

.main-body {
    display: table;
    padding-top: 5px;
    width: 100%
}

.main-body .body-container {
    display: table-cell;
    vertical-align: top;
    width: 100%
}

.main-body .body-container:first-of-type:last-of-type {
    display: block
}

.pair li {
    background: 0 0
}

.drag-icon {
    float: right;
    height: 25px;
    width: 13px;
    cursor: move;
    cursor: -webkit-grab
}

.handle a {
    cursor: move
}

.chart-txngraph-bar,
.chart-txngraph-load-more,
.spend-report-pie-chart .row .spend-report-chart-view .clickable {
    cursor: pointer
}

.hide {
    display: none
}

.show {
    display: block
}

.page-narrow .pair>fieldset li>div+div,
.page-narrow .pair>fieldset li>fieldset legend+div,
.page-narrow .pair>section li>div+div,
.page-narrow .pair>section li>fieldset legend+div {
    max-width: 350px;
    display: inline-block
}

.app-post-signon,
.app-pre-signon {
    padding-top: 20px
}

.dialog-modal p {
    margin: 0 0 10px
}

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

.dialog-modal .ui-dialog {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10
}

.dialog-modal .ui-dialog:before {
    content: '';
    display: inline-block;
    height: 100%;
    margin-right: -.25em;
    vertical-align: middle
}

.dialog-modal .ui-dialog>.ui-wrapper {
    border: 10px solid;
    display: inline-block;
    position: relative;
    left: 50%;
    margin-left: -250px;
    max-height: 80vh;
    top: auto;
    vertical-align: middle;
    width: 500px
}

.dialog-modal .ui-wrapper>.ui-body {
    box-sizing: border-box;
    margin-bottom: 55px;
    max-height: calc(80vh - 75px);
    padding: 30px 23px 25px 25px
}

.dialog-modal .instructions {
    margin-bottom: 20px
}

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

.dialog-modal .action-bar {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    height: 55px;
    margin: 0;
    padding: 11px 25px;
    position: absolute;
    right: 0;
    clear: both
}

.dialog-modal .action-bar:after {
    content: "";
    display: table;
    clear: both
}

.dialog-modal.wide .ui-dialog>.ui-wrapper {
    width: 780px;
    margin-left: -390px
}

.dialog-modal.wide .ui-dialog>.ui-wrapper .left-column {
    width: 460px;
    float: left
}

.dialog-modal.wide .ui-dialog>.ui-wrapper .page-note {
    margin-bottom: -15px
}

.dialog-modal.wide .ui-dialog>.ui-wrapper .page-note h2 {
    color: #000
}

.dialog-modal.wide .ui-dialog>.ui-wrapper .disclaimers {
    width: 380px;
    margin-bottom: -10px
}

.dialog-modal.wide .ui-dialog>.ui-wrapper .disclaimers ul {
    list-style: square;
    margin-top: 10px;
    margin-left: 15px
}

.dialog-modal.wide .ui-dialog>.ui-wrapper .right-rail .header {
    border-bottom: none
}

.dialog-modal.wide .ui-dialog>.ui-wrapper .right-rail aside.related-info {
    margin-bottom: -20px
}

.dialog-modal.wide .ui-dialog>.ui-wrapper .right-rail aside.related-info div {
    margin-top: 40px
}

.dialog-modal.wide .ui-dialog>.ui-wrapper .right-rail aside.related-info ul {
    border-bottom: 1px solid #C3C3C3
}

.accordion {
    margin-bottom: 0
}

.accordion .header {
    position: relative
}

.accordion .header h3 {
    display: inline-block
}

.accordion .header .action-link {
    position: absolute;
    right: 10px;
    top: 0
}

.action-bar {
    margin-bottom: 50px;
    text-align: center
}

.action-bar .ui-button.ui-display-link {
    margin-top: 7px
}

.action-bar .primary {
    float: right
}

.action-bar .quaternary {
    float: right;
    margin-right: 15px
}

.action-bar .secondary {
    float: left
}

@media print {
    .action-bar {
        display: none
    }
}

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

.password-entry .row:first-child {
    margin-bottom: 20px
}

.password-entry .ui-set-field {
    margin-bottom: 5px
}

.password-entry .password-strength {
    margin-top: 10px;
    margin-left: -25px
}

.password-entry .ui-set-popover 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
}

.password-entry .ui-set-popover li {
    padding: 0
}

.password-entry .ui-set-popover p {
    margin-bottom: 0
}

.password-entry .stacked-field .column .ui-set-field>* {
    display: block !important
}

.password-strength {
    position: relative
}

.password-strength.column {
    width: auto
}

.password-strength label {
    display: block;
    height: 15px;
    margin: 2px 3px 7px
}

.password-strength .ui-set-popover {
    float: right;
    padding-left: 5px
}

.password-strength .ui-strength-indicator {
    float: left;
    padding-top: 2px
}

.right-rail {
    margin-bottom: 20px;
    word-wrap: break-word
}

.right-rail .related-items>ul {
    padding: 0 0 5px
}

.right-rail .related-items>ul li {
    background: linear-gradient(to right, #ccc 50%, transparent 0);
    background-position: top;
    background-size: 4px 1px;
    background-repeat: repeat-x;
    padding-top: 5px
}

.right-rail .related-items>ul li:last-child {
    border-width: 0
}

.right-rail .related-links {
    box-shadow: none !important;
    margin-bottom: 10px;
    padding: 3px 15px 0 14px
}

.right-rail .related-links>header h3 {
    color: #777;
    font-weight: 400;
    margin-top: 2px
}

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

.right-rail .related-links>ul li {
    border-top-width: 1px
}

.right-rail .related-links>ul li:first-child {
    border-width: 0
}

.right-rail .related-links a {
    display: block;
    padding: 3px 0
}

.right-rail .quick-transfer header,
.right-rail .quick-transfer-form header {
    margin: 5px 0 13px
}

.right-rail .quick-transfer .ui-group,
.right-rail .quick-transfer label,
.right-rail .quick-transfer-form .ui-group,
.right-rail .quick-transfer-form label {
    display: block !important
}

.right-rail .quick-transfer .ui-select,
.right-rail .quick-transfer .ui-set-field,
.right-rail .quick-transfer .ui-textbox,
.right-rail .quick-transfer label,
.right-rail .quick-transfer-form .ui-select,
.right-rail .quick-transfer-form .ui-set-field,
.right-rail .quick-transfer-form .ui-textbox,
.right-rail .quick-transfer-form label {
    width: 100%
}

.right-rail .quick-transfer .ui-set-field,
.right-rail .quick-transfer-form .ui-set-field {
    margin-bottom: 8px
}

.right-rail .quick-transfer .ui-set-field label,
.right-rail .quick-transfer-form .ui-set-field label {
    padding-top: 0;
    width: 100%
}

.right-rail .quick-transfer .ui-button,
.right-rail .quick-transfer-form .ui-button {
    margin: 12px 0 5px
}

.quick-links .list-toggle {
    margin: 13px 0 25px
}

.quick-links .list-toggle .show-all {
    display: inline-block;
    margin-left: 10px;
    padding-left: 10px
}

.quick-links 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-smart-contact th:first-child {
    padding-left: 35px !important
}

.alerts-smart-contact-item table th:first-of-type {
    padding-left: 35px
}

.alerts-smart-contact-item .selection-column label {
    margin-left: 5px;
    font-weight: 700;
    max-width: 480px;
    line-height: 20px
}

.alerts-smart-contact-item .selection-column label .ui-label-hint {
    display: block;
    font-weight: 400;
    max-width: 500px
}

.alerts-smart-contact-label,
.currency-selector .ui-group-radiobutton .ui-set-radiobutton,
.itc-body .radio-set,
section.cdic-indicator .cdic-main-container .cdic-logo {
    display: inline-block
}

.alerts-smart-contact-item .selection-column .ui-radiobutton {
    vertical-align: top
}

.alerts-smart-contact-label {
    background-repeat: no-repeat;
    background-size: 20px;
    padding-left: 30px
}

.alerts-smart-contact-label.mc {
    background-image: url(img/icon_desktop.png)
}

.alerts-smart-contact-label.email {
    background-image: url(img/icon_email.png)
}

.alerts-smart-contact-label.sms {
    background-image: url(img/icon_phone.png);
    background-size: 13px
}

.alerts-smart-contact-label.phone {
    background-image: url(img/icon_homephone.png)
}

.alerts-smart-contact-label.business {
    background-image: url(img/icon_businessphone.png)
}

.alerts-smart-samples h3 {
    font-weight: 400;
    padding-top: 0
}

.alerts-smart-samples h3.header-section {
    padding-left: 0
}

.alerts-smart-samples .msg-box {
    background: #F4F4F4;
    margin: 10px 0;
    padding: 15px 25px
}

.alerts-smart-samples .msg-box .msg-header {
    font-weight: 700
}

.alerts-smart-samples .msg-box .msg-header p {
    margin: 0
}

.alerts-smart-samples .msg-box .msg-content {
    margin-top: 10px
}

.budget-progress-bar .progress-bar {
    height: 17px;
    width: 100%
}

.budget-progress-bar .progress-bar .progress-bar-value {
    animation: expandWidth 2s;
    height: 17px
}

@keyframes expandWidth {
    0% {
        width: 0
    }
}

.chart-tooltip {
    min-width: 200px;
    overflow: visible;
    width: 100%;
    transition: none !important
}

.chart-tooltip .ui-wrapper {
    overflow: hidden
}

.chart-tooltip.piechart-tooltip.ui-scope-top .triangle {
    left: -16px;
    right: 0;
    text-align: center
}

.chart-txngraph-load-more text {
    fill: #D40139;
    font-weight: 700
}

.chart-txngraph-load-more text tspan {
    text-anchor: middle
}

.chart-txngraph-scrollbar-unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.chart-txngraph-tooltip .header {
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    text-align: center
}

.chart-txngraph-tooltip .header h4 {
    color: #fff
}

.chart-txngraph-tooltip section li {
    padding: 4px 0
}

.chart-txngraph-tooltip ul {
    padding: 0 7px
}

.chart-txngraph-tooltip li {
    font-size: 12px
}

.chart-txngraph-tooltip li div {
    font-weight: 400;
    padding: 0 !important
}

.chart-txngraph-tooltip li div:first-child {
    float: left;
    width: 73% !important
}

.chart-txngraph-tooltip li div:last-child {
    float: right;
    text-align: right;
    width: 27% !important
}

.cof-merchant-list th.merchantLastTransaction span,
.cof-merchant-list th.merchantName span,
.navigation-global .items li,
.navigation-spend-report ul li {
    float: left
}

.chart-txngraph-tooltip li.total {
    border-bottom: 1px solid #999
}

.chart-txngraph-tooltip .total div {
    font-weight: 700
}

.chart-txngraph-tooltip ul.transactions {
    overflow-y: auto;
    height: 100%
}

.chart-txngraph-tooltip ul.transactions li.total+li,
.chart-txngraph-tooltip ul.transactions li:first-child {
    background: 0 0;
    border-top: 0
}

.chart-txngraph-tooltip ul.transactions.expanded {
    background: linear-gradient(#ddd, #fff) top repeat-x, linear-gradient(#fff, #ddd) bottom repeat-x, #fff;
    background-size: 100% 10px, 100% 10px;
    transition: background-position .1s linear;
    margin: 0 7px 30px;
    padding: 0
}

.chart-txngraph-tooltip ul.transactions.expanded.scroll-top {
    background-position: left -10px, left bottom
}

.chart-txngraph-tooltip ul.transactions.expanded.scroll-bottom {
    background-position: left top, left bottom -15px
}

.chart-txngraph-tooltip ul.transactions.expanded.scroll-top.scroll-bottom {
    transition: initial;
    background-position: left top -10px, left bottom -15px
}

.chart-txngraph-tooltip ul.total {
    background-color: #fff;
    bottom: 0;
    left: 0;
    position: relative;
    right: 0
}

.chart-txngraph-tooltip ul.total li {
    border-top: 1px solid #999
}

.cof-merchant-list table {
    border-top: solid 1px
}

.cof-merchant-list table tr:last-child td {
    border-bottom: solid 1px
}

.currency-selector {
    margin: 9px 0 0 232px
}

.currency-selector .ui-group-radiobutton .ui-set-radiobutton:last-child {
    margin-left: 16px
}

.goal-progress-bar .account-balance {
    text-align: center;
    width: 100%
}

.goal-progress-bar .progress-bar {
    height: 20px;
    margin-bottom: 15px;
    width: 100%
}

.goal-progress-bar .progress-bar .progress-bar-indicator {
    height: 20px;
    left: 0;
    position: relative;
    top: -28px;
    width: 15px
}

.goal-progress-bar .progress-bar .progress-bar-value {
    height: 20px;
    width: 0
}

.itc-body .group,
.itc-body .itc-confirmation .new-tax-residency-info li div:first-of-type {
    width: 300px
}

.goal-progress-bar .progress-description {
    margin-bottom: 10px;
    text-align: center
}

.itc-body .itc-details .ui-radiobutton>input {
    padding-right: 1px;
    border: 0
}

.itc-body .itc-details .ui-set-radiobutton>label {
    padding-left: 5px
}

.itc-body .itc-details .ui-group .ui-set-messages .ui-display-error,
.itc-body .itc-details .ui-group .ui-set-messages .ui-display-warning {
    width: 300px;
    margin-left: 220px
}

.itc-body .ui-display-warning {
    margin-left: 220px
}

.itc-body .itc-details .ui-group .other-tax-country .ui-set-messages .ui-display-error,
.itc-body .itc-details .ui-group .other-tax-number .ui-set-messages .ui-display-error,
.itc-body .itc-details .ui-group .usaTaxNumber .ui-set-messages .ui-display-error {
    margin-left: 0
}

.itc-body .itc-confirmation .new-tax-residency-info li.canada-question {
    border-top: 1px solid #ccc;
    margin-top: 20px
}

.itc-body .itc-confirmation .new-tax-residency-info li.tax-resident-info {
    border-top: none;
    padding-top: 0
}

.itc-body .btn-add-country,
.itc-body .btn-remove-country,
.itc-body .group {
    margin-left: 25px
}

.itc-body .btn-add-country,
.itc-body .btn-remove-country {
    padding: 10px 0
}

.itc-body .radio-set {
    margin-left: 20px
}

.itc-body .tin-warning {
    margin-top: 10px
}

.itc-body .tin-warning:lang(fr) {
    padding-left: 0
}

.itc-body .other-tax-country .ui-select,
.itc-body .other-tax-number .ui-textbox,
.itc-body .us-tin .ui-textbox {
    min-width: 260px
}

.itc-body legend {
    font-weight: 700;
    float: left;
    width: 200px
}

.itc-body legend .ui-popover {
    font-weight: 400;
    left: 20px !important
}

.navigation-task>ul>li.active .ui-button.active,
.navigation-task>ul>li.active a.active,
.navigation-task>ul>li.active ul li .ui-button.active,
.navigation-task>ul>li.active ul li a.active,
.page-header .skip:focus,
.tile-set .content .rates {
    font-weight: 700
}

.itc-body legend .ui-set-popover {
    margin-left: 6px;
    top: 1px
}

@media print {
    .itc-body .itc-details ul li {
        border-top: 1px solid #ccc;
        padding: 10px 0
    }
}

.disclaimers {
    margin-top: 20px
}

.footnote {
    margin-top: 30px;
    padding-top: 15px
}

.footnote>p {
    margin: 0 0 10px;
    padding: 0
}

.main-footer {
    margin-top: 50px
}

.instructions {
    margin-bottom: 25px
}

.instructions li,
.instructions p {
    margin: 5px 0
}

.accordion .instructions,
.panel-large .instructions {
    margin-bottom: 0
}

.successful+.instructions {
    margin-left: 28px
}

.page-note {
    border-top: 1px solid;
    padding-top: 30px
}

.page-note h2 {
    margin-bottom: 7px;
    padding-left: 30px
}

.page-note ol {
    list-style-type: decimal;
    padding-left: 15px
}

.page-note ol li {
    margin: 5px 0
}

section.cdic-indicator {
    margin-top: 30px;
    border-top: 1px solid #E2E2E2;
    padding: 15px 25px
}

section.cdic-indicator .cdic-main-container .cdic-info {
    text-align: right;
    padding-right: 15px;
    color: #666;
    width: 375px;
    display: inline-block;
    vertical-align: middle
}

section.cdic-indicator .cdic-main-container .cdic-logo img {
    vertical-align: middle
}

section.cdic-indicator .cdic-main-container::after {
    content: "";
    display: block;
    clear: both
}

section.cdic-indicator+footer.main-footer {
    margin-top: 0
}

.messages-global .ui-alert {
    margin-bottom: 20px
}

.merchant-category-legend {
    box-sizing: border-box;
    margin: 25px 0 50px;
    padding: 20px 15px
}

.merchant-category-legend p.spend-category-msg,
.merchant-category-legend p.spend-report-msg {
    background-color: inherit
}

.merchant-category-legend ul {
    margin-top: 20px;
    padding: 0
}

.merchant-category-legend ul li {
    display: inline-block;
    padding-bottom: 10px;
    vertical-align: middle;
    width: calc(50% - 2px)
}

.navigation-credit-smart li:last-of-type,
.navigation-credit-smart ul.sb li:last-of-type {
    width: 100%
}

.merchant-category-legend ul li img {
    margin-right: 10px;
    vertical-align: top
}

.navigation-credit-smart {
    height: 49px;
    margin-top: 10px
}

.navigation-credit-smart ul {
    display: table;
    font-size: 0
}

.navigation-credit-smart li {
    cursor: pointer;
    display: table-cell;
    line-height: 19px;
    text-align: center
}

.navigation-credit-smart li a {
    display: table-cell;
    height: 100%;
    padding: 15px 35px;
    text-transform: uppercase;
    vertical-align: middle
}

.navigation-credit-smart li a.active {
    color: #fff;
    font-weight: 700
}

.navigation-credit-smart span {
    vertical-align: middle
}

.navigation-credit-smart li:nth-of-type(2) a {
    background-image: url(img/icon_spend_piegraph.png);
    background-position: 35px 15px;
    background-repeat: no-repeat;
    background-size: 18px;
    padding-left: calc(35px + 18px + 10px)
}

.navigation-credit-smart ul.sb li:nth-of-type(3) {
    display: none
}

.navigation-global {
    margin-bottom: 30px
}

.navigation-global .items li a {
    display: inline-block;
    padding: 15px 25px
}

.navigation-global .date {
    padding: 15px 20px 15px 0;
    text-align: right
}

.navigation-spend-report ul li a {
    display: inline-block
}

.navigation-task {
    display: table-cell;
    float: none;
    vertical-align: top
}

.navigation-task .ui-button,
.navigation-task a {
    display: block;
    padding: 15px
}

.navigation-task>ul>li {
    border-style: solid;
    border-width: 0 0 1px
}

.navigation-task>ul>li ul {
    display: none
}

.navigation-task>ul>li .ui-button,
.navigation-task>ul>li>a {
    border: 0 solid;
    border-left-width: 1px;
    border-right-width: 1px;
    padding-left: 10px;
    padding-right: 10px
}

.navigation-task>ul>li:first-child .ui-button,
.navigation-task>ul>li:first-child a {
    border-top-width: 1px
}

.navigation-task>ul>li.active>.ui-button,
.navigation-task>ul>li.active>a {
    border-left: 1px solid;
    border-right: 1px solid
}

.navigation-task>ul>li.active ul {
    border-style: solid;
    border-width: 1px 1px 0;
    display: block
}

.navigation-task>ul>li.active ul li {
    border-top: 0;
    padding-left: 4px
}

.navigation-task>ul>li.active ul li:first-child {
    padding-top: 10px
}

.navigation-task>ul>li.active ul li:last-child {
    padding-bottom: 10px
}

.navigation-task>ul>li.active ul li .ui-button,
.navigation-task>ul>li.active ul li a {
    display: block;
    padding: 10px
}

.page-footer {
    margin-top: 30px;
    padding-top: 30px
}

.page-footer .footer-container>div>div:first-child>ul li {
    margin-bottom: 12px;
    padding-bottom: 0
}

.page-footer .footer-container>div>div>h2 {
    margin-bottom: 20px
}

.page-footer .footer-container>div>div>ul li {
    padding-bottom: 5px
}

.page-footer .footer-note {
    padding: 15px 0
}

.page-header .skip:focus {
    background-color: #fff;
    border: 1px solid #fff;
    color: #AF0B1C;
    font-size: 13px;
    left: 47%;
    margin: 5px auto auto;
    overflow: auto;
    padding: 8px 10px 5px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: auto
}

.page-header .logo {
    display: block;
    margin-bottom: 14px
}

.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.tile-set {
    margin: 40px 0 0
}

.tile-set .amount {
    color: #333;
    font-size: 20px
}

.tile-set .content {
    color: #333;
    font-family: Arial;
    font-size: 12px;
    padding: 0 20px
}

.tile-set .content p {
    margin: 0
}

.tile-set .content .overlay,
.tile-set .content .pre-overlay {
    display: inline
}

.tile-set .cta {
    padding: 30px 20px 0
}

.tile-set .cta .apply-link {
    display: block;
    padding-top: 10px
}

.tile-set .cta .cta-button {
    padding: 0 15px
}

.tile-set li.tile {
    background-color: #EFEFEF;
    margin: 0 20px 20px 0;
    padding: 0 0 30px;
    position: relative;
    text-align: left
}

.tile-set li.tile .title {
    color: #000;
    font-family: WhitneyMedium;
    font-size: 16px
}

.tile-set li.tile img~.content,
.tile-set li.tile img~.cta,
.tile-set li.tile img~.title {
    text-align: center
}

.tile-set.one-column {
    max-width: 100%;
    min-width: 100%
}

.tile-set.one-column li.tile {
    margin: 0;
    padding: 30px 20px;
    width: 100%
}

.tile-set.one-column li.tile .title {
    padding-bottom: 30px
}

.tile-set.one-column li.tile .content,
.tile-set.one-column li.tile .cta {
    color: #333;
    padding-left: 0
}

.tile-set.one-column li.tile .cta {
    padding-top: 20px
}

.tile-set.three-column .title,
.tile-set.two-column .title {
    padding: 30px 20px 15px;
    min-height: 36px
}

.tile-set.two-column li.tile {
    max-width: 380px;
    min-width: 380px
}

.tile-set.two-column li.tile div.tile-image img {
    display: block;
    height: auto;
    margin: auto;
    width: 380px
}

.tile-set.two-column li.tile div.tile-image~.title {
    font-size: 18px
}

.tile-set.two-column li.tile:nth-child(10),
.tile-set.two-column li.tile:nth-child(12),
.tile-set.two-column li.tile:nth-child(2),
.tile-set.two-column li.tile:nth-child(4),
.tile-set.two-column li.tile:nth-child(6),
.tile-set.two-column li.tile:nth-child(8) {
    margin-right: 0
}

.tile-set.two-column p {
    margin-top: 15px
}

.tile-set.two-column p:nth-child(1) {
    margin-top: 0
}

.tile-set.three-column li.tile {
    margin-right: 21px;
    max-width: 246px;
    min-width: 246px
}

.tile-set.three-column li.tile div.tile-image img {
    display: block;
    height: auto;
    margin: auto;
    width: 246px
}

.tile-set.four-column li.tile:nth-child(12),
.tile-set.four-column li.tile:nth-child(16),
.tile-set.four-column li.tile:nth-child(20),
.tile-set.four-column li.tile:nth-child(24),
.tile-set.four-column li.tile:nth-child(4),
.tile-set.four-column li.tile:nth-child(8),
.tile-set.three-column li.tile:nth-child(12),
.tile-set.three-column li.tile:nth-child(15),
.tile-set.three-column li.tile:nth-child(18),
.tile-set.three-column li.tile:nth-child(3),
.tile-set.three-column li.tile:nth-child(6),
.tile-set.three-column li.tile:nth-child(9) {
    margin-right: 0
}

.tile-set.three-column li.tile div.tile-image~.title {
    font-size: 18px;
    min-height: 36px
}

.tile-set.three-column p {
    margin-top: 12px
}

.tile-set.three-column p:nth-child(1) {
    margin-top: 0
}

.tile-set.four-column li.tile {
    max-width: 180px;
    min-width: 180px;
    padding-bottom: 30px
}

.tile-set.four-column li.tile img {
    height: auto;
    width: 180px
}

.tile-set.four-column .title {
    min-height: 36px;
    padding: 20px 20px 15px
}

.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 top/18px no-repeat;
    height: 18px;
    padding: 0 20px;
    width: 18px
}

.set-budget-amount .cancel-budget-amount,
.set-budget-amount .delete-budget-amount {
    border-left: solid 1px #DEDEDE
}

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

.spend-report-pie-chart .header {
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative
}

.spend-report-pie-chart .header h3 {
    display: inline-block;
    padding-left: 15px
}

.spend-report-pie-chart .header h3 .chart-toggle {
    display: inline-block;
    position: absolute
}

.spend-report-pie-chart .header h3 .list-view {
    margin-left: 5px
}

.spend-report-pie-chart .header h3 .list-view::after {
    margin-right: 6px;
    margin-left: 6px;
    content: '|'
}

.spend-report-pie-chart .header .ui-select {
    float: right
}

.spend-report-pie-chart .back {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    width: 200px
}

.spend-report-pie-chart .back .ui-button {
    padding-left: 15px
}

.spend-report-pie-chart .back .ui-button .chevron {
    bottom: 0;
    display: block;
    height: 2px;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 0;
    transform: rotate(90deg);
    width: 10px;
    left: 0
}

.spend-report-pie-chart .back .ui-button .chevron:after,
.spend-report-pie-chart .back .ui-button .chevron:before {
    background-color: #B3B3B3;
    content: '';
    height: 100%;
    position: absolute
}

.spend-report-pie-chart .back .ui-button .chevron:before {
    left: 0;
    transform: skew(0deg, -135deg);
    width: 51%
}

.spend-report-pie-chart .back .ui-button .chevron:after {
    right: 0;
    transform: skew(0deg, 135deg);
    width: 50%
}

.spend-report-pie-chart .back:lang(fr) {
    width: 230px
}

.spend-report-pie-chart .row .spend-report-table-view .back-to-spend-categories {
    display: inline-block;
    float: left;
    margin: 10px 0 25px
}

.spend-report-pie-chart .row .spend-report-table-view th.spend-category span {
    font-weight: 400;
    margin-left: 14px
}

.spend-report-pie-chart .row .spend-report-table-view th.spend-category .ui-button {
    padding-left: 0
}

.spend-report-pie-chart .row .spend-report-table-view th.spend-category {
    padding-left: 2px
}

.spend-report-pie-chart .row .spend-report-table-view .ui-collapsible-table-row th.spend-category {
    padding-left: 15px
}

.spend-report-pie-chart .row .spend-report-table-view .ui-collapsible-table-row th.spend-category .ui-button {
    padding-left: 10px
}

.spend-report-pie-chart .row .spend-report-table-view .ui-collapsible-table-row th.spend-category .ui-button .ui-wrapper {
    padding-left: 9px
}

.spend-report-pie-chart .row .spend-report-chart-view {
    padding-top: 15px;
    margin-left: 15px
}

.spend-report-pie-chart .row .spend-report-chart-view .spend-total {
    min-height: 40px
}

.spend-report-pie-chart .row .spend-report-chart-view .chart-tooltip {
    min-width: 200px;
    white-space: nowrap
}

.spend-report-pie-chart .row .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info {
    padding: 10px 12px;
    text-align: center
}

.spend-report-pie-chart .row .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info>span:first-of-type {
    text-align: center
}

.spend-report-pie-chart .row .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info>span:nth-child(2),
.spend-report-pie-chart .row .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info>span:nth-child(3) {
    display: inline
}

.spend-report-pie-chart .row .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info>span:nth-child(3):before {
    content: "|";
    margin-left: 6px;
    margin-right: 10px
}

.spend-report-pie-chart .row .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info ul {
    display: table
}

.spend-report-pie-chart .row .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info ul li {
    padding-left: 0;
    min-height: 12px
}

.spend-report-pie-chart .row .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info ul li span {
    display: table-cell;
    vertical-align: text-top
}

.spend-report-pie-chart .row .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info ul li span:first-of-type {
    min-width: 180px;
    padding-right: 15px;
    text-align: left;
    white-space: normal;
    width: 180px
}

.spend-report-pie-chart .row .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info ul li span:nth-of-type(2) {
    text-align: right;
    width: auto
}

.spend-report-pie-chart .row .spend-report-chart-view .chart-tooltip.piechart-tooltip.ui-scope-top .account-info ul:after {
    clear: both
}

.spend-report-pie-chart .row .spend-report-chart-view .chart-wrapper {
    margin-top: -7px;
    position: relative
}

.spend-report-pie-chart .row .spend-report-chart-view .spend-total-label {
    display: block;
    margin-bottom: 10px
}

.spend-report-pie-chart .row .spend-report-chart-view .detail-legend {
    margin: 20px 0 35px
}

.spend-report-pie-chart .row .spend-report-chart-view .detail-legend .detail-colour {
    display: inline-block;
    min-height: 15px;
    margin-right: 5px;
    min-width: 15px
}

.spend-report-pie-chart .row .spend-report-chart-view .detail-legend li .ui-button.disabled {
    cursor: auto;
    text-decoration: none
}

.spend-report-pie-chart .row .spend-report-chart-view .detail-legend li:not(:last-of-type) {
    margin-bottom: 18px
}

.spend-report-pie-chart .row .spend-report-chart-view .detail-legend li .ui-button,
.spend-report-pie-chart .row .spend-report-chart-view .detail-legend li span {
    vertical-align: middle
}

.spend-report-pie-chart .row .spend-report-chart-view .chart-wrapper,
.spend-report-pie-chart .row .spend-report-chart-view .details-list {
    float: left
}

.spend-report-pie-chart .row .spend-report-chart-view .details-list {
    width: 290px;
    min-width: 280px
}

.hide-floating-chat .bcFloat {
    display: none !important
}

.static-chat .header-section {
    background: url(img/icon-agent-unavailable.png) 2px 36px no-repeat;
    background-size: 24px;
    margin-bottom: 10px
}

.static-chat.agent-available .header-section {
    background-image: url(img/icon-agent-available.png)
}

.static-chat .chat-panel {
    margin-bottom: 20px
}

.main-header .toolbox-global {
    float: right;
    margin-top: 10px
}

.toolbox-global {
    text-align: right
}

.toolbox-global li {
    display: inline-block;
    height: 30px;
    vertical-align: bottom;
    width: 40px
}

@media print {
    .toolbox-global {
        display: none
    }
}

.transaction-list .ui-loader {
    margin: 0 !important
}

.transaction-list table {
    border-top: solid 1px
}

.transaction-list table tr:last-child td {
    border-bottom: solid 1px
}

.transaction-list th.date span,
.transaction-list th.transactions span {
    float: left
}

.transaction-list .date {
    width: 90px
}

.transaction-list .balance,
.transaction-list .credit,
.transaction-list .debit {
    text-align: right;
    width: 125px
}

.transaction-list .altBalance {
    color: #bfbfbf;
    text-align: right;
    width: 125px
}

.transactions>section.search .form-wrapper {
    border-top: solid 1px;
    margin: 0;
    padding-top: 15px
}

.transactions>section.search .option-bar {
    height: 20px;
    margin: 0;
    padding: 15px 10px;
    text-align: right
}

.transactions>section.search .option-bar .toggles {
    float: left;
    width: auto
}

.transactions>section.search .option-bar .presets span {
    border-left: solid 1px;
    margin-left: 6px;
    padding-left: 10px
}

.transactions>section.search .option-bar .presets span:nth-child(2) {
    border: none;
    padding: 0;
    margin: 0
}

.transactions>section.search .option-bar .presets label {
    padding-right: 10px
}

.transactions>section.search .option-bar.separator+.form-wrapper {
    padding-top: 15px
}

.transactions>section.search .option-bar+.form-wrapper {
    padding-top: 0
}

.transactions>section.search .custom-search {
    cursor: pointer;
    display: inline-block;
    padding: 1px 0 3px 35px;
    position: relative
}

.transactions>section.search .filters {
    padding: 0 15px;
    position: relative
}

.transactions>section.search .filters .aria-hidden {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

.transactions>section.search .filters .close {
    color: transparent;
    cursor: pointer;
    height: 12px;
    position: absolute;
    right: 15px;
    top: -5px;
    width: 12px
}

.transactions>section.search .filters .ui-button.primary {
    bottom: 20px;
    position: absolute;
    right: 15px
}

.transactions>section.search .filters h4 {
    margin-bottom: 8px
}

.transactions>section.search .filters .date {
    float: left;
    width: 380px
}

.transactions>section.search .filters .date .ui-set-radiobutton {
    font-weight: 700;
    margin-bottom: 10px
}

.transactions>section.search .filters .date .ui-set-calendar-popover label {
    font-weight: 400;
    width: 35px
}

.transactions>section.search .filters .date .month .ui-set-select {
    clear: none;
    float: left;
    margin: 0;
    position: static
}

.transactions>section.search .filters .date .month .year {
    padding-left: 10px
}

.transactions>section.search .filters .date .month .year label {
    min-width: 30px
}

.transactions>section.search .filters .amount {
    float: left;
    width: 180px
}

.transactions>section.search .filters .amount .ui-textbox {
    width: 150px
}

.transactions>section.search .filters .location,
.transactions>section.search .filters .type {
    float: left;
    width: 188px
}

.transactions>section.search .filters .amount .ui-group,
.transactions>section.search .filters .amount label,
.transactions>section.search .filters .location .ui-group,
.transactions>section.search .filters .location label,
.transactions>section.search .filters .type .ui-group,
.transactions>section.search .filters .type label {
    display: block !important;
    font-weight: 400;
    padding-top: 0;
    width: auto
}

.ui-collapsible-table-row .ui-collapsible {
    transition: height 10ms ease-in-out
}

.ui-collapsible-table-row.ui-collapsed .ui-collapsible {
    display: none
}

.ui-collapsible-table-row.ui-expanded .ui-collapsible {
    display: table-row
}

.upcoming-transactions {
    margin-bottom: 20px
}

.upcoming-transactions .ui-button.toggle-view {
    margin-left: 15px;
    padding-left: 20px
}

.upcoming-transactions .toggle {
    margin: 0 15px;
    padding-left: 15px
}

.upcoming-transactions .ui-loader {
    min-height: 200px
}

.upcoming-transactions .ui-loading {
    height: 200px;
    visibility: hidden
}

.upcoming-transactions .ui-content table>tbody>tr>td,
.upcoming-transactions .ui-content table>tbody>tr>th,
.upcoming-transactions .ui-content table>thead>tr>td,
.upcoming-transactions .ui-content table>thead>tr>th {
    padding-bottom: 3px;
    padding-top: 3px
}

.upcoming-transactions table .due-date {
    width: 12%
}

.upcoming-transactions table .transactions {
    width: 35%
}

.upcoming-transactions table .credit,
.upcoming-transactions table .debit {
    text-align: right
}

.upcoming-transactions table .details {
    width: 160px;
    text-align: right
}

.upcoming-transactions .more-actions {
    margin: 0 15px;
    padding-top: 10px;
    text-align: right
}

.upcoming-transactions .more-actions span {
    display: inline-block
}

.upcoming-transactions .more-actions span.transfer {
    padding-right: 10px;
    margin-right: 10px
}

.otvc-container .otvc-title {
    padding-bottom: 15px;
    font-weight: 400
}

.otvc-container .ui-button.ui-show-spinner,
.otvc-container .ui-button.ui-show-spinner:hover {
    box-shadow: none;
    cursor: none;
    margin-left: 15px;
    padding-left: 23px;
    pointer-events: none
}

.otvc-container .ui-button.ui-show-spinner .ui-wrapper,
.otvc-container .ui-button.ui-show-spinner button,
.otvc-container .ui-button.ui-show-spinner:hover .ui-wrapper,
.otvc-container .ui-button.ui-show-spinner:hover button {
    visibility: visible
}

.otvc-container .ui-button.ui-show-spinner.ui-disabled,
.otvc-container .ui-button.ui-show-spinner:hover.ui-disabled {
    background-color: transparent
}

.otvc-container .channel-select {
    position: relative
}

.otvc-container .channel-select .ui-set-field {
    margin-bottom: 0
}

.otvc-container .channel-select .ui-set-field .small-12.medium-6.columns {
    display: inline
}

.otvc-container .channel-select .ui-set-field .small-12.medium-6.columns .ui-select {
    width: 200px
}

.password-new .ui-textbox,
.register .ui-textbox {
    width: 280px
}

.otvc-container .channel-select .sendingBtnWrap {
    display: inline;
    margin-left: 15px
}

.otvc-container .channel-select .sendingBtnWrap .ui-button {
    margin-bottom: 1px;
    margin-top: 0
}

.otvc-container .ui-display-confirm p:first-child {
    font-weight: 400;
    margin-bottom: 6px
}

.otvc-container .ui-display-confirm .ui-text p {
    font-weight: 400
}

.otvc-container .ui-display-confirm .ui-text p:first-child {
    color: #333;
    font-size: 18px;
    margin-bottom: 6px
}

.otvc-container .ui-display-confirm .ui-text p:nth-child(2) {
    color: #737373;
    font-size: 12px;
    margin: 0
}

.otvc-container .channel-select label,
.otvc-container .pin-field label {
    display: block !important;
    font-weight: 700;
    margin-bottom: 5px
}

.otvc-container .channel-select .ui-alert.ui-scope-inline,
.otvc-container .pin-field .ui-alert.ui-scope-inline {
    margin-top: 10px
}

.register .confirmation .ui-display-confirm {
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 0
}

.register .confirmation .ui-display-confirm p {
    display: inline-block;
    font-size: 16px;
    margin: 0 15px 0 0;
    vertical-align: text-top
}

.register .confirmation .additional-details {
    margin-top: 50px
}

.register .confirmation .additional-details div {
    display: inline-block;
    padding-left: 70px;
    vertical-align: top
}

.register .confirmation .additional-details .info {
    background: url(img/icon-info.png) no-repeat
}

.register .confirmation .additional-details .alert {
    background: url(img/icon-alert.png) no-repeat
}

.register .confirmation .additional-details .security {
    background: url(img/icon-secure.png) no-repeat
}

.register .confirmation .features-info {
    background-color: #F2F2F2;
    margin: 30px 0;
    padding: 10px
}

.register .confirmation .cross-sell .rotating-promo {
    float: left
}

.register .confirmation .cross-sell .rotating-promo:first-child {
    margin-right: 20px
}

.passwordSection .password-entry .ui-set-checkbox {
    padding-top: 10px
}

.register .ui-partial-help {
    float: right
}

.password-new-password .password-entry {
    margin-top: 10px
}

.password-new-confirmation .ui-alert,
.password-new-password .ui-set-popover p {
    margin-bottom: 0
}

.password-new-confirmation .instructions {
    padding-left: 40px
}

.password-new-confirmation .action-bar {
    border-top: 1px solid;
    padding-top: 20px
}

.cheque-orders-new-details {
    margin-bottom: 20px
}

.cheque-orders-new-details .ui-select {
    width: 340px
}

.cheque-orders-new-details .pane-highlight {
    margin-bottom: 10px;
    padding: 10px;
    width: auto
}

.cheque-orders-new-details .pane-highlight li {
    background: 0 0
}

.cheque-orders-new-details .pane-highlight ul li {
    background: linear-gradient(to right, #000, #000);
    background-position: 0 8px;
    background-size: 3px 3px;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0 0 10px 13px
}

.cheque-orders-new-details .account-instructions {
    padding-left: 25px
}

.cheque-orders-new-details .ui-group-radiobutton ul li {
    border-top: none
}

.cheque-orders-new-details .void-cheque-instruction {
    display: inline-block;
    margin-bottom: 20px;
    width: 83%;
    margin-left: 0
}

.cheque-orders-new-details .void-cheque-instruction .ui-button {
    padding-bottom: 1px
}

.cheque-orders-new-details .void-cheque-instruction .ui-button:hover {
    text-decoration: underline
}

.action-bar {
    height: 5px
}

.ui-icon.void-cheque-info-icon {
    background: url(img/void-cheque-info-icon.png) no-repeat;
    background-size: 29px 26px;
    float: left;
    height: 66px;
    margin-top: 5px;
    padding-left: 25px;
    width: 5px
}

.direct-deposit-info {
    padding-top: 10px
}

.direct-deposit-info .account-info-container>label:first-of-type.account-name {
    width: 40px
}

.direct-deposit-info .account-info-container .account-no {
    color: #666
}

.stop-payments-new-confirmation .message {
    margin: 0;
    padding-bottom: 30px
}

.accounts-index .user-info {
    padding: 10px 0 15px
}

.accounts-index .user-info div {
    display: inline
}

.accounts-index .right-rail .related-links ul {
    padding: 0 0 3px
}

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

.accounts-index .chart-toggle span {
    margin-left: 15px
}

.accounts-index .chart-toggle .active a {
    cursor: default
}

.accounts-index .panels {
    border: 1px solid #ccc;
    border-top: none;
    box-sizing: border-box;
    display: table;
    height: 90px;
    margin-bottom: 22px
}

.accounts-index .panels .panel .container>div[tabindex]:first-child:focus>div.tooltip,
.accounts-index .panels .panel .container>div[tabindex]:first-child:hover>div.tooltip {
    display: block;
    background-color: #333;
    cursor: default
}

.accounts-index .panels .panel {
    border: 1px solid;
    border-color: #ccc #fff #fff #ccc;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
    width: 133px
}

.accounts-index .panels .panel:first-child {
    border-left: none
}

.accounts-index .panels .panel>div {
    border-top: 10px solid;
    display: block;
    height: 78px;
    position: relative;
    text-decoration: none
}

.accounts-index .panels .panel>div>a,
.accounts-index .panels .panel>div>div {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    box-sizing: border-box;
    height: 100%;
    cursor: pointer;
    padding: 0;
    width: 100%
}

.accounts-index .panels .panel .tooltip {
    z-index: 1;
    position: absolute;
    background-color: #333;
    width: 200px;
    height: auto;
    padding: 10px 15px;
    top: 80px;
    border-top: 0;
    font: 13px Arial;
    color: #fff;
    box-shadow: 3px 3px 0 0 rgba(51, 51, 51, .5)
}

.accounts-index .panels .panel .tooltip span {
    display: block
}

.accounts-index .panels .panel .tooltip .exchange-rate {
    font-weight: 700
}

.accounts-index .panels .panel .tooltip .tooltip-info {
    padding-top: 10px;
    font-size: 11px;
    color: #CCC
}

.accounts-index .panels .panel .tooltip:before {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 25px solid #333;
    border-right: 20px solid transparent;
    position: absolute;
    top: -20px;
    left: 0
}

.accounts-index .panels .panel .detail-container {
    bottom: 10px;
    display: inline-block;
    padding: 0 8px;
    position: absolute
}

.accounts-index .panels .panel .detail-container span {
    display: block
}

.accounts-index .panels .panel .detail-container .category-name {
    line-height: 15px
}

.accounts-index .panels .panel .detail-container .category-balance {
    margin-top: 8px
}

.accounts-index .panels .panel.cross-sell {
    text-align: center
}

.accounts-index .panels .panel.cross-sell a {
    display: inline-block;
    text-align: center;
    padding: 0;
    position: relative
}

.accounts-index .panels .panel.cross-sell a span {
    bottom: 0;
    display: inline-block;
    line-height: 15px;
    margin: 11px auto 0;
    padding-top: 26px;
    position: relative;
    width: 60%
}

.accounts-index .summary thead .group-header th tr:after,
.accounts-index .summary thead .group-header th tr:before,
.accounts-index .summary thead .group-header:after,
.accounts-index .summary thead .group-header:before {
    display: none
}

.accounts-index .summary .ui-popover-content {
    text-align: left
}

.accounts-index .summary table {
    margin-bottom: 0
}

.accounts-index .summary tr:after,
.accounts-index .summary tr:before {
    border-bottom: 0 !important
}

.accounts-index .summary thead th .ui-set-popover {
    position: relative
}

.accounts-index .summary thead th .ui-set-popover a {
    left: 5px;
    top: 3px
}

.accounts-index .summary thead th .ui-set-popover .ui-popover-button {
    margin-right: 0
}

.accounts-index .summary thead .group-header th {
    border-bottom: 1px solid;
    border-top: 1px solid;
    padding: 0 10px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .credit-card-image img,
.accounts-index .summary tr .account-quick-links {
    display: inline-block
}

.accounts-index .summary thead .group-header th h2 {
    float: left;
    font-size: 14px;
    font-weight: 700;
    padding: 4px 0 4px 40px;
    width: auto
}

.accounts-index .summary tr {
    padding: 0 10px
}

.accounts-index .summary tr:after,
.accounts-index .summary tr:before {
    width: 1.5%
}

.accounts-index .summary tr .account {
    width: 47%
}

.accounts-index .summary tr .balance {
    padding-right: 5px;
    text-align: right;
    width: 145px
}

.accounts-index .summary tr .available-funds {
    text-align: right;
    width: 145px
}

.accounts-index .summary tr .available-funds .amount,
.accounts-index .summary tr .balance .amount,
.accounts-index .summary tr .balance .negative {
    font-weight: 700
}

.accounts-index .summary tr .graph {
    vertical-align: top;
    width: 25%
}

.accounts-index .summary tr .type {
    padding-left: 6px
}

.accounts-index .summary tr .number {
    margin-top: 3px
}

.accounts-index .summary tr .link-account {
    margin-top: 10px
}

.accounts-index .summary .head thead tr th {
    border-bottom: 0;
    padding: 0;
    border-top: 0
}

.accounts-index .hot-off-press {
    margin-top: 22px
}

.accounts-index .hot-off-press ul {
    margin: 15px
}

.accounts-credit-cards .credit-card-details .tombstone .ui-popover.ui-display-help .ui-button.ui-display-link,
.accounts-credit-cards .credit-card-details p {
    margin: 0
}

.accounts-index .hot-off-press ul li {
    line-height: 26px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .chart-tooltip.piechart-tooltip.ui-scope-top .triangle {
        left: 48%
    }
}

.accounts-credit-cards-spend-manager-categories-delete-verification .ui-dialog .ui-wrapper .ui-body .dialog-content {
    padding-bottom: 0
}

.accounts-credit-cards .credit-card-details p+.tombstone {
    padding-top: 15px
}

.accounts-credit-cards .credit-card-details .chart-txngraph-tooltip li div:first-child {
    width: 70% !important
}

.accounts-credit-cards .credit-card-details .chart-txngraph-tooltip li div:last-child {
    width: 30% !important
}

.accounts-credit-cards .credit-card-details .tombstone {
    box-sizing: content-box;
    margin-top: 0;
    padding: 30px 40px
}

.transfers-index table.transfers-list th,
.ui-button,
.ui-paginator {
    box-sizing: border-box
}

.accounts-credit-cards .credit-card-details .tombstone .icon-link {
    display: inline-block;
    background-size: 16px;
    height: 16px;
    padding-right: 24px;
    vertical-align: top
}

.accounts-credit-cards .credit-card-details .tombstone .ui-popover.ui-display-help .ui-button.ui-display-link .ui-wrapper {
    padding: 0
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main {
    float: left;
    width: 185px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .credit-card-image {
    height: 117px;
    line-height: 16px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .credit-card-image.blocked span:after {
    background-color: rgba(0, 0, 0, .4);
    background-image: url(img/manage-my-card/lock_with_circlebg_2x.png);
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: center;
    border-radius: 7%;
    bottom: 2px;
    height: 112px;
    width: 175px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .credit-card-image span {
    position: relative
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .credit-card-image span:after {
    background-size: 100%;
    bottom: -11px;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .product-name {
    font-size: 20px;
    line-height: 24px;
    padding: 10px 0
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .balance-cashback-div {
    line-height: 24px;
    margin-top: 8px;
    margin-bottom: 17px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .balance-cashback-div .balance-cashback-amount {
    display: inline-block;
    font-size: 18px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .marvel-rewards-points {
    line-height: 24px;
    margin-bottom: 10px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .marvel-rewards-points .marvel-rewards-points-amount {
    display: inline-block;
    font-size: 20px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .marvel-rewards-points .points-label {
    font-size: 14px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .payment-with-point-button-link {
    height: 30px;
    line-height: 29px;
    margin-top: 2px;
    display: inline-block;
    font-weight: 700;
    text-decoration: none
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .payment-with-point-button-link span {
    padding: 0 15px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .CCExternalLinks {
    position: relative;
    top: 47px;
    width: 180px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .CCExternalLinks .icon-link {
    margin-top: 8px !important
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .CCExternalLinks .rewards-link {
    margin-top: 0
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-main .CCExternalLinks .rewards-link .go-to-rewards {
    margin-top: 0 !important
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info {
    float: right;
    width: 470px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box {
    position: relative;
    padding: 15px 25px;
    margin-bottom: 10px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box.statement-details {
    margin-bottom: 0
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box h2 {
    margin-bottom: 10px;
    padding: 10px 0;
    font-size: 12px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box h2 span {
    text-transform: none;
    font-weight: 400
}

.payments-payees-add-details .account-number .ui-textbox input,
.services-payments-automatic-new-print .requested-by .row>div:nth-child(2) {
    text-transform: uppercase
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box .view-estatements-link {
    position: absolute;
    right: 20px;
    top: 25px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box li {
    position: relative;
    padding: 5px 0
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box li.first span {
    font-size: 17px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box li.first span.align-right,
.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box li.first span.align-right span {
    font-size: 24px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box li .align-center {
    position: absolute;
    left: 200px
}

.accounts-credit-cards .credit-card-details .tombstone .card-details-info .details-box li .align-right {
    float: right
}

.accounts-credit-cards .credit-card-details .transaction-list .ui-popover.ui-display-help .ui-button.ui-display-link .ui-wrapper {
    padding: 0
}

.accounts-credit-cards .credit-card-details .status-filter {
    text-align: left;
    margin-top: 15px
}

.accounts-credit-cards .credit-card-details .status-filter ul {
    display: inline-block
}

.accounts-credit-cards .credit-card-details .status-filter li {
    display: inline-block;
    border-left: solid 1px #cecece;
    padding-left: 10px;
    margin-left: 6px
}

.accounts-credit-cards .credit-card-details .status-filter li:first-child {
    border: none
}

.accounts-credit-cards .credit-card-details .status-filter li .ui-display-link.active {
    font-weight: 700;
    color: #000
}

.accounts-credit-cards .credit-card-details .status-filter .pending-transaction {
    float: right;
    color: #333;
    font-size: 13px;
    font-family: Arial;
    line-height: 1.2
}

.account-selector .ui-select,
.account-selector a,
.mutual-fund-details .header-highlight {
    float: left
}

.accounts-credit-cards .credit-card-details .transaction-list td {
    vertical-align: top
}

.accounts-resps-index .resp-details .header-highlight h3 span,
.mutual-fund-details .header-highlight h2 span,
.payments-index section.past select {
    vertical-align: middle
}

.accounts-credit-cards .credit-card-details .transaction-list td .ui-set-popover p {
    margin: 0;
    padding: 0 0 10px
}

.accounts-credit-cards .credit-card-details .transaction-list .transactionDate {
    width: 155px
}

.accounts-credit-cards .credit-card-details .transaction-list .transactionDetails {
    width: 429px
}

.accounts-credit-cards .credit-card-details .transaction-list .transactionDetails .ui-sorting-key {
    padding-left: 25px
}

.accounts-credit-cards .credit-card-details .transaction-list .amount {
    text-align: right;
    width: 125px
}

.accounts-credit-cards .credit-card-details .transaction-list .amount span {
    display: block
}

.accounts-credit-cards .credit-card-details .transaction-list .amount span.negative {
    font-weight: 400
}

.accounts-credit-cards .credit-card-details .transaction-list .amount .ui-button.ui-display-help {
    height: 16px;
    top: -3px;
    width: auto
}

.accounts-credit-cards .credit-card-details .transaction-list .amount .ui-button.ui-display-help>.ui-wrapper {
    padding-left: 20px
}

.accounts-credit-cards .credit-card-details .transaction-list .amount .ui-popover {
    text-align: left
}

.accounts-credit-cards .credit-card-details .transaction-list .amount img {
    display: none
}

.accounts-credit-cards .tab-instructions p {
    margin-left: 15px
}

.accounts-credit-cards .tab-instructions p:last-of-type {
    margin-bottom: 30px
}

.accounts-credit-cards .tab-instructions ul {
    margin-left: 15px;
    margin-bottom: 25px
}

.accounts-credit-cards .tab-instructions ul li {
    margin: 12px 0
}

@media print and (-webkit-min-device-pixel-ratio:0) {
    .accounts-credit-cards .credit-card-details thead {
        display: table-row-group
    }
}

@media print {

    .accounts-credit-cards .credit-card-details .transaction-list .amount .ui-button.ui-display-help,
    .accounts-credit-cards .navigation-credit-smart li a.active {
        background: 0 0
    }

    .accounts-credit-cards .credit-card-details .tombstone .card-details-info {
        padding-bottom: 30px;
        width: 600px
    }

    .accounts-credit-cards .credit-card-details .transaction-list .amount .ui-button.ui-display-help>.ui-wrapper {
        padding: 0
    }

    .accounts-credit-cards .credit-card-details .transaction-list .amount img {
        display: inline
    }
}

.account-selector {
    height: 30px;
    margin-top: -5px
}

.account-selector a {
    display: inline-block;
    padding: 5px 20px
}

.account-selector .ui-select {
    width: 420px
}

.ui-paginator {
    margin: 0 !important;
    padding: 10px 7px
}

.mutual-fund-details .header-highlight h2 {
    display: inline-block;
    line-height: 30px
}

.mutual-fund-details .header-highlight .ui-select {
    float: right
}

.mutual-fund-details .mutual-fund-holdings .asset-class,
.mutual-fund-details .mutual-fund-holdings .market-value {
    width: 12%
}

.mutual-fund-details .mutual-fund-holdings .average-cost,
.mutual-fund-details .mutual-fund-holdings .average-cost-per-unit,
.mutual-fund-details .mutual-fund-holdings .market-value,
.mutual-fund-details .mutual-fund-holdings .price-per-unit,
.mutual-fund-details .mutual-fund-holdings .units {
    text-align: right
}

.mutual-fund-details .mutual-fund-holdings .table-shadow {
    border-radius: 0;
    margin-bottom: 0
}

.mutual-fund-details .mutual-fund-holdings+div .table-shadow {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.mutual-funds-holdings .holding-select .ui-set-select,
.mutual-funds-holdings .statement-options {
    float: left
}

.accounts-cheques-details .download,
.accounts-download .download-button {
    float: right
}

.accounts-cheques-details .pair.panel-large label {
    width: 130px
}

.accounts-cheques-details .label {
    margin-bottom: 10px
}

.accounts-cheques-details .images {
    margin-top: 45px;
    margin-left: 162px
}

.accounts-cheques-details .images .front {
    margin-bottom: 65px
}

.accounts-cheques-details .images img {
    margin-bottom: 40px
}

.accounts-cheques-details .images .cheque-pre-loader {
    margin: 40px auto;
    text-align: center
}

.accounts-cheques-details .images .cheque-pre-loader .label {
    font-size: 13px
}

.accounts-cheques-details .images .cheque-pre-loader img {
    border: none;
    height: auto;
    width: 200px
}

.online-statements .yearly-statements {
    margin-left: 25px
}

.online-statements .download-button {
    display: inline
}

.online-statements .download-button .ui-button {
    margin-right: 5px
}

.accounts-download .date-range .calendar-popover {
    margin-left: 23px;
    padding: 10px 0
}

.accounts-download .date-range .calendar-popover:last-child {
    padding-bottom: 0
}

.accounts-download .date-range .calendar-popover label {
    width: 30px
}

.accounts-download .date-range .ui-set-messages {
    max-width: 550px
}

.accounts-download .format-section label {
    padding-top: 0 !important
}

.accounts-download .ui-set-radiobutton {
    padding: 9px 0;
    line-height: 16px
}

.accounts-download .ui-set-radiobutton:first-child {
    padding-top: 0
}

.accounts-download .ui-set-select .ui-select {
    min-width: 380px
}

.mortgages-details .tombstone .row:first-child div:last-child {
    width: auto
}

.mortgages-details .tombstone .row:first-child .box-medium {
    width: 262px
}

.mortgages-details .tombstone .row:first-child .box-medium .box-inline {
    display: inline-block
}

.mortgages-details .tombstone .row:first-child .box-small {
    width: 115px
}

.mortgages-details .tombstone .row:first-child .box-small.date {
    width: 135px
}

.mortgages-details .tombstone .row:first-child .box-small em {
    font-size: 14px
}

.mortgages-details .tombstone .row:first-child .box-xsmall {
    width: 85px
}

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

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

.mortgages-details .tombstone .row+.row .box-large {
    width: 240px
}

.mortgages-details .tombstone .row+.row .box-large:last-child {
    width: 300px
}

.mortgages-details .tombstone .row+.row .box-xlarge {
    display: inline-block;
    width: 285px
}

.mortgages-details div.messages-global~div.account-details,
.mortgages-details div.messages-global~div.ui-set-messages {
    margin-top: 25px
}

.mortgages-details tr.error td {
    padding-bottom: 0;
    padding-top: 25px
}

.mortgages-details .ui-set-messages,
.mortgages-details .ui-set-messages .ui-alert {
    margin-bottom: 0;
    margin-top: 0
}

@media print {
    .mortgages-details .table-shadow.payment-history {
        width: 100%
    }

    .payments-index .ui-paginator .ui-button.ui-display-link,
    .table-shadow a {
        color: #000
    }

    .table-shadow {
        background-color: #fff
    }
}

.mortgages-address-bank-information tr.address span {
    display: block
}

.accounts-resps-index .resp-details .header-highlight {
    float: left
}

.accounts-resps-index .resp-details .header-highlight h3 {
    display: inline-block;
    line-height: 30px
}

.accounts-resps-index .resp-details .header-highlight .ui-select {
    float: right
}

.accounts-resps-index .resp-details .resp-mutual-fund-holdings .asset-class,
.accounts-resps-index .resp-details .resp-mutual-fund-holdings .market-value {
    width: 12%
}

.accounts-resps-index .resp-details .resp-mutual-fund-holdings .average-cost,
.accounts-resps-index .resp-details .resp-mutual-fund-holdings .average-cost-per-unit,
.accounts-resps-index .resp-details .resp-mutual-fund-holdings .market-value,
.accounts-resps-index .resp-details .resp-mutual-fund-holdings .price-per-unit,
.accounts-resps-index .resp-details .resp-mutual-fund-holdings .units {
    text-align: right
}

.accounts-resps-index .resp-details .resp-mutual-fund-holdings .table-shadow {
    border-radius: 0;
    margin-bottom: 0
}

.accounts-resps-index .resp-details .resp-mutual-fund-holdings+div .table-shadow {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.payments-new-confirmation tbody tr .row,
.payments-new-details .table-shadow>tbody>tr .row {
    border: 0
}

.resps-holdings .holding-select .ui-set-select,
.resps-holdings .statement-options {
    float: left
}

.payments-index .add-payee-link {
    float: left;
    margin-top: 7px
}

.payments-index .pane-highlight h2 {
    margin-bottom: 20px
}

.payments-index .payee-label {
    padding-right: 10px
}

.payments-index .ui-set-field {
    margin-bottom: 0
}

.payments-index .ui-select {
    width: 265px
}

.payments-index .ui-set-select {
    clear: none
}

.payments-index .ui-set-select.type {
    float: right
}

.payments-index .ui-set-select.type label {
    width: 90px
}

.payments-index .ui-set-select.payee {
    float: left
}

.payments-index .ui-set-select.payee label {
    width: 100px
}

.payments-index .ui-set-select.filter label {
    padding-left: 10px;
    width: 85px
}

.payments-index section.past,
.payments-index section.upcoming {
    margin-bottom: 30px
}

.payments-setup-details .start-condition .ui-set-radiobutton,
.payments-setup-details .ui-group-radiobutton>div {
    margin-bottom: 10px
}

table.payment-list.table-shadow .date {
    width: 18%
}

table.payment-list.table-shadow .amount {
    text-align: right;
    width: 14%
}

table.payment-list.table-shadow .account {
    width: 19%
}

table.payment-list.table-shadow .status {
    width: 9%
}

table.payment-list.table-shadow .ref {
    text-align: right;
    width: 9%
}

table.payment-list.table-shadow tbody tr td {
    vertical-align: top
}

table.payment-list.table-shadow .date span {
    display: inline-block;
    line-height: 14px;
    margin-top: 2px
}

table.payment-list.table-shadow tbody .ref {
    line-height: 14px
}

.payments-delete-verification section li div:first-of-type {
    width: 30%
}

.payments-delete-confirmation section li div:first-of-type {
    width: 28%
}

.payments-setup-details .from-account .ui-select,
.payments-setup-details .payee .ui-select {
    width: 320px
}

.payments-setup-details .amount .ui-textbox {
    width: 100px
}

.payments-setup-details .group {
    width: 340px
}

.payments-setup-details .pay-until {
    margin-top: 30px;
    padding-bottom: 15px
}

.payments-setup-details .ui-radiobutton {
    float: left
}

.payments-setup-details .calendar-popover {
    display: inline-block
}

.payments-setup-details .ui-group label,
.payments-setup-details .ui-radiobutton,
.payments-setup-details .ui-select,
.payments-setup-details .ui-textbox {
    vertical-align: middle
}

.payments-setup-details .start-condition .ui-set-field {
    width: 100%
}

.payments-setup-details .start-condition .first-payment label {
    float: left;
    width: auto
}

.payments-setup-details .stop-condition .transfers-count {
    width: 40px
}

.payments-setup-details .pay-recurring-date-first>.ui-group {
    padding-left: 21px
}

.payments-setup-details .pay-recurring .ui-radiobutton,
.payments-setup-details .pay-recurring-payments .ui-radiobutton {
    margin-top: 5px
}

.payments-setup-details .pay-once .group,
.payments-setup-details .pay-recurring-date .group,
.payments-setup-details .pay-until-date .group {
    float: left;
    width: 92%
}

.payments-setup-details .pay-once .calendar-popover,
.payments-setup-details .pay-recurring-date .calendar-popover,
.payments-setup-details .pay-until-date .calendar-popover {
    padding-top: 8px
}

.payments-setup-details .pay-recurring-date .group {
    width: 85%
}

.payments-setup-details section>header {
    padding: 0
}

.payments-setup-verification section:not(:last-of-type) {
    background: linear-gradient(to right, #ccc 50%, transparent 0);
    background-size: 4px 1px;
    background-repeat: repeat-x;
    background-position: bottom
}

.payments-setup-verification section p:not(:first-of-type) {
    padding-top: 20px;
    background: linear-gradient(to right, #ccc 50%, transparent 0);
    background-position: top;
    background-size: 4px 1px;
    background-repeat: repeat-x
}

.payments-new-details .ui-alert {
    margin-bottom: 30px
}

.payments-new-details table .ui-alert {
    margin-bottom: 0
}

.payments-new-details .user-preference {
    margin-bottom: 10px
}

.payments-new-details .user-preference a {
    margin-top: -2px
}

.payments-new-details .user-preference .account-balance,
.payments-new-details .user-preference .last-payment {
    display: inline-block;
    margin-left: 20px
}

.payments-new-details .ui-set-dropdown {
    display: inline-block
}

.payments-new-details .ui-set-dropdown .ui-popover {
    font-size: 12px;
    width: 330px
}

.payments-new-details .ui-set-dropdown .ui-popover .ui-selectable li {
    background: 0 0
}

.payments-new-details .ui-set-dropdown .ui-popover .ui-body {
    max-height: 310px;
    overflow-y: auto
}

.payments-new-details .account>span {
    font-weight: 400;
    vertical-align: middle
}

.payments-new-details .account select,
.payments-new-details .account select:hover {
    margin: 0;
    max-width: 179px;
    padding: 1px 0
}

.payments-new-details .account .ui-popover-content {
    font-weight: 400
}

.payments-new-details .table-shadow>thead .payee {
    padding-left: 0
}

.payments-new-details .table-shadow>thead .account {
    width: 200px
}

.payments-new-details .table-shadow>thead .amount {
    width: 100px
}

.payments-new-details .table-shadow>thead .date {
    text-align: right;
    width: 180px
}

.payments-new-details .table-shadow>tbody>tr>td {
    vertical-align: top
}

.payments-new-details .table-shadow>tbody .payee {
    padding-left: 0
}

.payments-new-details .table-shadow>tbody .payee .payee-details {
    max-width: 230px
}

.payments-new-details .table-shadow>tbody .payee br {
    line-height: 16px
}

.payments-new-details .table-shadow>tbody .date {
    text-align: right
}

.payments-new-details .table-shadow>tbody .date>div {
    float: right
}

.payments-new-details .table-shadow>tbody .ui-textbox {
    margin-top: 4px;
    width: 100px
}

.payments-new-details .total-amount,
.payments-new-verification section:not(:first-of-type) {
    margin-top: 30px
}

.payments-new-details .total-amount div {
    position: absolute;
    top: 10px;
    left: 38%
}

.payments-new-details .total-amount div+div {
    left: 66%
}

.payments-new-verification section:not(:last-of-type) {
    background: linear-gradient(to right, #ccc 50%, transparent 0);
    background-size: 4px 1px;
    background-repeat: repeat-x;
    background-position: bottom
}

.payments-new-verification section p:not(:first-of-type) {
    padding-top: 20px;
    background: linear-gradient(to right, #ccc 50%, transparent 0);
    background-position: top;
    background-size: 4px 1px;
    background-repeat: repeat-x
}

.payments-new-confirmation {
    margin-bottom: 30px
}

.payments-new-confirmation thead .reference {
    padding-left: 0;
    width: 80px
}

.payments-new-confirmation thead .account {
    width: 200px
}

.payments-new-confirmation thead .amount {
    width: 100px
}

.payments-new-confirmation thead .date {
    padding-right: 0;
    width: 90px
}

.payments-new-confirmation tbody tr td {
    padding-left: 0;
    vertical-align: top
}

.payments-new-confirmation .no-separator {
    background-size: 0
}

#postDatedBillPayment {
    position: absolute;
    margin-top: 52px
}

.payments-payees-index .merchant-search {
    background-color: #EFEFEF;
    margin-bottom: 30px
}

.dialog-modal.change-address fieldset.pair,
.dialog-modal.change-address header.separator,
.etransfers-stop-details .account,
.profile-address-edit-details .current-address li:nth-child(2) {
    background: 0 0
}

.payments-payees-index .merchant-search fieldset {
    padding-left: 15px
}

.payments-payees-index .merchant-search .ui-set-field>label {
    font-weight: 400;
    vertical-align: top;
    width: auto
}

.payments-payees-index .merchant-search .ui-set-textbox {
    display: inline-block;
    vertical-align: top
}

.payments-payees-index .merchant-search .ui-set-textbox .ui-group,
.payments-payees-index .merchant-search .ui-set-textbox .ui-textbox {
    width: 230px
}

.payments-payees-index .merchant-search .ui-set-textbox+.ui-button {
    margin: 0 0 0 10px
}

.payments-payees-index .merchant-search.disabled {
    border: none
}

.payments-payees-index .merchant-search.disabled h2,
.payments-payees-index .merchant-search.disabled label {
    color: #818181
}

.payments-payees-index .summary table .display {
    width: 23%
}

.payments-payees-index .summary table .name {
    width: 24%
}

.payments-payees-index .summary table .recurring-payments {
    width: 18%
}

.payments-payees-index .summary table .delete {
    width: 13%
}

.payments-payees-index .summary table td {
    vertical-align: top
}

.payments-payees-index .summary table td .nickname {
    word-break: break-all
}

.payments-payees-index .summary table td.recurring-payments div:nth-of-type(1n+1):not(:last-of-type)::after {
    content: ","
}

.payments-payees-add-search .pair div {
    clear: both
}

.payments-payees-add-search .pair div:after {
    content: "";
    display: table;
    clear: both
}

.payments-payees-add-search .pair ul:not(.no-result) {
    float: left;
    width: 48%
}

.payments-payees-add-search .pair ul:not(.no-result):last-child {
    margin-left: 2%
}

.payments-payees-add-details .header div {
    display: inline-block;
    font-weight: 700
}

.payments-payees-add-details .header label,
.payments-payees-add-details li label {
    width: 21%
}

.payments-payees-add-details p.additional-account-information {
    margin-top: 10px
}

.payments-payees-add-details .merchant-bill-sample {
    border: 5px solid #999;
    margin: 10px 0 15px;
    text-align: center;
    width: 100%
}

.payments-payees-add-details .account-number+.ui-set-popover,
.payments-payees-add-details .nickname+.ui-set-popover {
    left: 200px;
    top: 5px
}

.payments-payees-add-verification .pair li>div:first-of-type {
    width: 33%
}

.payments-payees-edit-details .delete {
    display: block;
    margin-top: 10px
}

.payments-payees-edit-details .payee-nickname label {
    white-space: nowrap;
    line-height: 33px
}

.payments-payees-remove-verification .pair div:first-of-type {
    width: 180px
}

table.bill-payment-list.table-shadow .date {
    width: 130px
}

table.bill-payment-list.table-shadow .account {
    width: 150px
}

table.bill-payment-list.table-shadow .amount {
    text-align: right;
    width: 90px
}

table.bill-payment-list.table-shadow .status {
    width: 80px
}

table.bill-payment-list.table-shadow .ref {
    text-align: right;
    width: 70px
}

table.bill-payment-list.table-shadow tbody tr td {
    vertical-align: top
}

table.bill-payment-list.table-shadow .date span {
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
    margin-top: 2px
}

table.bill-payment-list.table-shadow tbody .ref {
    line-height: 14px
}

.payments-payees-detail .ui-set-select {
    margin: 10px
}

.payments-payees-detail .ui-set-select label {
    width: 100px
}

.payments-payees-detail .ui-select {
    width: 270px
}

.payments-payees-detail .payee-details th:first-of-type {
    width: 180px
}

.payments-payees-detail .past-payments,
.payments-payees-detail .payee-details {
    margin-bottom: 30px
}

.payments-payees-detail section.past-payments h2 {
    display: inline-block
}

.payments-payees-detail section.past-payments select {
    vertical-align: middle
}

.payments-payees-start ul {
    list-style: disc;
    padding-left: 30px
}

.payments-ebills-register div {
    margin: 5px 0
}

.transfers-index table.transfers-list .from-account,
.transfers-index table.transfers-list .to-account {
    width: 150px
}

.transfers-index table.transfers-list .amount {
    width: 100px
}

.transfers-index table.transfers-list .date {
    width: 120px
}

.transfers-index table.transfers-list .details {
    width: 130px
}

.transfers-index table.transfers-list .delete {
    width: 100px
}

.transfers-new-details .currency-text {
    color: #666;
    display: inline-block;
    padding: 9px 0 0 225px
}

.transfers-new-details .currency-section .get-rate-section {
    margin-top: 48px
}

.transfers-new-details .currency-section .get-rate-section .get-rate-button {
    margin-left: -4px
}

.transfers-new-details .currency-section .ui-set-group-radiobutton .ui-set-field>label {
    padding-top: 9px
}

.transfers-new-details .currency-section .ui-set-messages {
    width: 370px
}

.transfers-new-details .frequency-section .ui-select,
.transfers-new-details .from .ui-select,
.transfers-new-details .to .ui-select,
.transfers-new-details .ui-textbox {
    width: 220px
}

.transfers-new-details .fx-rate-section {
    padding: 20px 0;
    display: table
}

.transfers-new-details .fx-rate-section .display-amount {
    padding-top: 27px
}

.transfers-new-details .fx-rate-section .display-amount>div {
    display: inline-block
}

.transfers-new-details .fx-rate-section .display-amount>div>span {
    display: block
}

.transfers-new-details .fx-rate-section .display-amount>span:first-child {
    color: #666;
    display: inline-block;
    max-width: 150px;
    padding-right: 6px;
    vertical-align: top;
    width: 150px
}

.transfers-new-details .fx-rate-section .display-fx-rate {
    display: inline-block
}

.transfers-new-details .fx-rate-section .fx-rate-label {
    color: #666;
    display: inline-block;
    max-width: 150px;
    padding-right: 10px;
    vertical-align: top;
    width: 150px
}

.etransfers-profile-edit-details .sms-alerts-section .ui-set-checkbox label,
.etransfers-register .sms-alerts-section .ui-set-checkbox label {
    max-width: 320px
}

.transfers-new-details .stop-condition .ui-textbox {
    width: 80px
}

.transfers-new-details .stop-condition .ui-set-radiobutton {
    margin-bottom: 10px
}

.transfers-new-details .stop-condition .calendar-popover {
    display: inline-block
}

.transfers-new-details .specified-date-section .ui-set-calendar-popover {
    width: 300px
}

.transfers-new-details .specified-date-section .ui-radiobutton {
    margin-top: 5px;
    vertical-align: top
}

.transfers-new-details .ui-button.get-rate-button.ui-size-medium {
    margin: 10px 0 0 160px
}

.etransfers-details li.etransfers-action .readdress-field-separator,
.etransfers-details li.etransfers-action .recipient-email,
.etransfers-details li.etransfers-action .recipient-mobile,
.etransfers-details li.etransfers-action .to-account.with-radio {
    margin-left: 25px
}

.etransfers-recipients-add-verification .pair li>div:first-of-type {
    width: 175px
}

.etransfers-recipients-add-confirmation.pair li>div:first-of-type {
    width: 180px
}

.etransfers-recipients-delete-verification .pair>section li>div:first-child:not(:last-child) {
    padding-right: 0
}

.etransfers-recipients table {
    margin-bottom: 35px;
    margin-top: 5px
}

.etransfers-recipients table tbody tr:last-of-type td {
    border-bottom: none
}

.etransfers-send-details section li div:first-child:last-child {
    line-height: initial
}

.etransfers-send-details .account-section .info {
    margin-bottom: 10px;
    margin-top: 50px
}

.etransfers-send-details .recipient-section .ui-set-select,
.etransfers-send-details .ui-partial-field-hint p {
    margin-bottom: 0
}

.etransfers-send-details .account-section .sender-name {
    padding-bottom: 0
}

.etransfers-send-details .amount-section {
    padding-bottom: 15px
}

.etransfers-send-details .recipient-section .links {
    margin-top: 15px
}

.etransfers-send-details .recipient-section .links a {
    display: block
}

.etransfers-send-details .sender-email {
    padding-top: 20px
}

.etransfers-send-security-question section,
.etransfers-stop-details .section-header {
    padding-top: 5px
}

.etransfers-send-details .ui-partial-field-hint {
    margin-top: 10px
}

.etransfers-send-details .ui-select {
    width: 315px
}

.etransfers-send-details .ui-set-select {
    display: block !important;
    vertical-align: initial !important;
    width: auto !important
}

.etransfers-send-details .ui-set-select div,
.etransfers-send-details .ui-set-textbox div {
    display: table
}

.etransfers-send-details .ui-textbox {
    width: 315px
}

.etransfers-send-details .ui-textarea {
    height: 70px;
    width: 315px;
    margin-bottom: 9px
}

.etransfers-send-security-question .custom-question-section .ui-textbox {
    width: 200px
}

.etransfers-send-security-question .ui-select {
    width: 380px
}

.etransfers-send-security-question .ui-set-checkbox {
    margin-top: 6px
}

.etransfers-profile-edit-details .mobile-phone,
.etransfers-register .mobile-phone {
    margin-top: 1em
}

.etransfers-profile-edit-details .sms-section,
.etransfers-register .sms-section {
    padding-top: 0;
    border-top: none
}

.etransfers-details li.etransfers-action .readdress-field-separator .ui-textbox,
.etransfers-details li.etransfers-action .recipient-email .ui-textbox,
.etransfers-details li.etransfers-action .recipient-mobile .ui-textbox {
    width: 250px
}

.etransfers-details li.etransfers-action fieldset legend {
    float: left
}

.etransfers-details .reclaim-transaction-section .ui-set-select .ui-partial-label {
    margin-bottom: 10px
}

.etransfers-details .ui-set-group-radiobutton .ui-set-field {
    margin-bottom: 0;
    width: 100%
}

.etransfers-details .ui-set-group-radiobutton .ui-set-field .ui-set-messages {
    margin-left: 15px
}

.etransfers-index {
    margin-bottom: 30px
}

.etransfers-register .panel-large {
    margin-bottom: 0
}

.etransfers-receive-index {
    margin-bottom: 40px
}

.etransfers-profile-edit-details .panel-large {
    margin-bottom: 0
}

.etransfers-profile-edit-confirmation .mobile-phone {
    border-top: none
}

.etransfers-requests-index {
    margin-bottom: 30px
}

.etransfers-requests-send-details .deposit-account-section .ui-select,
.etransfers-requests-send-details .recipient-section .ui-select {
    width: 315px
}

.etransfers-requests-send-details .deposit-account-section .ui-set-select,
.etransfers-requests-send-details .recipient-section .ui-set-select {
    display: block !important;
    vertical-align: initial !important;
    width: auto !important
}

.etransfers-requests-send-details .deposit-account-section .ui-set-select div,
.etransfers-requests-send-details .recipient-section .ui-set-select div {
    display: table
}

.etransfers-requests-send-details .recipient-email {
    margin-bottom: 15px
}

.etransfers-requests-send-details .recipient-email+div {
    display: block;
    margin: 0 0 1em 150px;
    padding-left: 10px
}

.etransfers-requests-send-details .ui-textbox {
    width: 315px
}

.etransfers-requests-send-details .ui-textarea {
    height: 70px;
    margin-bottom: 9px;
    width: 315px
}

.etransfers-requests-send-details .ui-set-textbox div {
    display: table
}

.etransfers-requests-send-details .message-section .info {
    margin-bottom: 10px;
    margin-top: 50px
}

.etransfers-requests-send-details .message-section .sender-name {
    padding-bottom: 0
}

.etransfers-requests-send-details .notify-section .recipient-email+p {
    margin-left: 150px;
    padding-left: 10px
}

.etransfers-requests-send-details .notify-section div.and-or-body-text {
    color: #666;
    display: block;
    margin-left: 0;
    padding-left: 160px
}

.etransfers-requests-send-details .sender-email {
    padding-top: 20px
}

.not-found-index h2 {
    padding-top: 18px
}

.not-found-index p:last-of-type {
    padding-bottom: 8px;
    padding-top: 6px
}

.not-found-index .primary-action {
    float: right;
    padding-bottom: 30px;
    padding-top: 10px
}

.not-found-index .toolbox-global {
    float: right
}

.signon .card-entry ul li,
.signon .card-save-option>div {
    float: left
}

.not-found-index .ui-code {
    display: none
}

.not-found-index ul {
    padding-bottom: 12px;
    padding-top: 20px
}

.profile-address-edit-details .province .ui-select {
    width: 200px
}

.profile-address-edit-details .pair-shadow .current-address ul li>div:first-child,
.profile-address-edit-details .pair-shadow .row>label {
    width: 30%
}

.profile-address-edit-details .postal-code .ui-textbox {
    width: 100px
}

.profile-address-edit-details .ui-set-radiobutton {
    display: inline-block;
    margin-right: 15px
}

.profile-address-edit-verification ul {
    display: table;
    width: 100%
}

.profile-address-edit-verification ul li {
    display: table-row;
    width: auto
}

.profile-address-edit-verification ul li .radio-selector {
    display: table-cell;
    padding: 10px 0;
    vertical-align: middle;
    width: 20%;
    text-align: center
}

.profile-address-edit-verification ul li .address-info {
    display: table-cell;
    padding: 10px 0
}

.dialog-modal.address-phone-verification .pair li>.radio-selector {
    display: inline-block;
    padding-right: 10px;
    vertical-align: top;
    width: auto
}

.dialog-modal.address-phone-verification .pair li>.radio-selector .address-info {
    margin-left: 25px
}

.dialog-modal.address-phone-verification .pair li .address-info {
    display: inline-block;
    font-weight: 700;
    margin-left: 48px;
    vertical-align: top
}

.profile-address-edit-confirmation .pair-shadow li>div {
    width: 30%
}

.profile-email-edit-details .ui-partial-label {
    font-weight: 700
}

.profile-email-edit-details .ui-textbox {
    width: 290px
}

.signon {
    line-height: 20px
}

.signon .ui-select,
.signon .ui-textbox {
    width: 190px
}

.signon section {
    padding: 20px
}

.signon section>.row.header {
    font-weight: 400 !important;
    height: auto;
    line-height: normal;
    margin-bottom: 20px;
    padding: 0 0 10px;
    position: relative
}

.signon section>.row.header h1 {
    font-weight: 400
}

.signon section>.row.header .register {
    bottom: 10px;
    position: absolute;
    right: 0
}

.signon section label {
    text-align: right
}

.signon section label .ui-label-hint {
    font-size: .9em
}

.apply .product-information.apl .loan-receive-account-requirements .ui-popover,
ui-dialog.signout h2 {
    font-size: 12px
}

.signon .ui-set-select .ui-set-field label,
.signon .ui-set-textbox .ui-set-field label {
    font-weight: 400;
    padding-top: 3px;
    width: 100px
}

.signon .card-entry {
    position: relative
}

.signon .card-entry ul {
    left: 310px;
    position: absolute;
    top: 3px;
    width: 175px
}

.signon .card-save {
    position: absolute;
    left: 310px;
    top: 4px
}

.signon .card-save-option {
    clear: both
}

.signon .card-save-option:after {
    content: "";
    display: table;
    clear: both
}

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

.signon .card-save-option>div .ui-display-help {
    margin-left: 5px;
    margin-top: 5px
}

.signon .card-description .ui-set-popover {
    position: absolute;
    left: 300px;
    top: 3px
}

.signon .card-description .description>div {
    margin-bottom: 0
}

.signon .forgot-password {
    left: 310px;
    position: absolute;
    top: 3px
}

.signon .action-bar {
    border: 0;
    margin: 10px 0 0;
    padding: 0;
    text-align: left
}

.signon .action-bar .primary {
    float: none;
    margin-left: 109px
}

.signon .important-information .header {
    height: auto;
    padding: 0;
    margin-bottom: 10px
}

.signon .important-information .header h2 {
    line-height: 1em;
    padding: 5px 10px
}

.signon .important-information ul li {
    margin: 0
}

ui-dialog.signout .header h1,
ui-dialog.signout header h1 {
    font-weight: 700
}

.apply .before-begin .instructions h2+p,
.apply .before-begin .instructions h2+p+p {
    float: left;
    margin-right: 5px
}

.apply .before-begin .instructions h3 {
    clear: both
}

.apply .before-begin .instructions ol li {
    background: 0 0;
    padding: 5px 0;
    font-weight: 700
}

.apply .before-begin .employment-start-date div:first-child,
.apply .personal-information .business-since div:first-child,
.apply .personal-information.pair li>div:first-child.inline-fields {
    font-weight: 400
}

.apply .before-begin .instructions ol li h4 {
    display: inline
}

.apply .before-begin .general-questions {
    margin-top: 25px
}

.apply .before-begin .employment-start-date .month .ui-select {
    margin-right: 20px
}

.apply .before-begin .employment-start-date .year label:first-of-type {
    margin-right: 10px;
    width: auto !important
}

.apply .before-begin .employment-start-date .year .ui-textbox {
    width: 75px
}

.apply .before-begin .employment-start-date .year .ui-textbox+.ui-set-messages {
    display: none
}

.apply .before-begin .intended-use-other {
    margin: 20px 0 0 313px
}

.apply .before-begin .instructions .apply-for {
    margin: 15px 0 0;
    padding-bottom: 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    clear: both
}

.apply .financial-information .requested-data .requested-amount,
.apply .personal-information .preferred-contact-number {
    padding-bottom: 0
}

.apply .before-begin .instructions .apply-for p {
    float: left;
    margin-right: 5px
}

.apply .before-begin .instructions .apply-for:after {
    content: "";
    display: table;
    clear: both
}

.apply .before-begin .instructions .apply-for .product-name {
    margin-right: 15px
}

.apply .before-begin .time-with-employer .ui-group label {
    width: auto
}

.apply .before-begin .time-with-employer .ui-group .ui-textbox {
    width: 77px
}

.apply .before-begin .time-with-employer .ui-group .months {
    margin-left: 25px
}

.apply .before-begin label+.ui-group>.ui-group-radiobutton>div {
    padding-top: 7px
}

.apply .before-begin fieldset .ui-group h3 {
    border: none
}

.apply .page-note li p {
    margin: 0;
    padding-left: 15px
}

.apply .personal-information .address-street-suite .street,
.apply .personal-information .business-since .month .ui-select {
    margin-right: 20px
}

.apply .personal-information .current-email>div,
.apply .personal-information .date-of-birth>div,
.apply .personal-information .sin>div {
    padding-left: 0
}

.apply .personal-information .current-email>div:first-child,
.apply .personal-information .date-of-birth>div:first-child,
.apply .personal-information .sin>div:first-child {
    font-weight: 400;
    width: 240px
}

.apply .personal-information .address-street-suite .suite label,
.apply .personal-information .current-email>div.inline-fields,
.apply .personal-information .date-of-birth>div.inline-fields,
.apply .personal-information .sin>div.inline-fields {
    width: auto
}

.apply .personal-information .employment-details h3 {
    border-top: 1px solid #C4C4C4;
    padding-top: 25px
}

.apply .personal-information .email-details .ui-display-link {
    margin-left: 20px;
    margin-top: -1px
}

.apply .personal-information .preferred-contact-number-entry {
    display: inline-block;
    margin-left: 275px;
    padding-top: 0
}

.apply .personal-information .preferred-contact-number label {
    margin-bottom: 15px;
    padding-top: 0
}

.apply .personal-information .preferred-contact-number .ui-set-radiobutton {
    display: block
}

.apply .personal-information .profile-details {
    margin-bottom: 30px
}

.apply .personal-information .profile-details h3 {
    margin-bottom: 10px;
    padding-top: 15px
}

.apply .personal-information .consent h3,
.apply .product-information li.escalate-option,
.apply .product-information li.investment-amount,
.apply .product-information li.investment-term,
.apply .product-information li.offer-message,
.apply .product-information li.offer-rate {
    padding-top: 0
}

.apply .personal-information .address-street-suite .suite {
    vertical-align: top
}

.apply .personal-information .address-street-suite .suite .ui-textbox {
    width: 90px
}

.apply .personal-information .time-with-employer .ui-group label {
    width: auto
}

.apply .personal-information .time-with-employer .ui-group .ui-textbox {
    width: 77px
}

.apply .personal-information .time-with-employer .ui-group .months {
    margin-left: 25px
}

.apply .personal-information .business-since .year label {
    float: right;
    margin-left: 10px;
    width: auto !important
}

.apply .personal-information .business-since .year .ui-textbox {
    width: 75px
}

.dialog-modal.change-address .ui-dialog>.ui-wrapper {
    margin-left: -277.5px;
    width: 555px
}

.dialog-modal.change-address .ui-select {
    width: 200px
}

.dialog-modal.verify-address .pair li>.radio-selector {
    display: inline-block;
    padding-right: 10px;
    vertical-align: top;
    width: auto
}

.dialog-modal.verify-address .pair li>.radio-selector+.address-info {
    margin-left: 163px
}

.dialog-modal.verify-address .pair li .address-info {
    display: inline-block;
    font-weight: 700;
    margin-left: 150px;
    vertical-align: top
}

.apply .financial-information.pair li>div:first-child.inline-fields {
    font-weight: 400
}

.apply .financial-information p.note {
    margin-top: 0
}

.apply .financial-information .requested-data h3 {
    margin-top: 5px
}

.apply .financial-information .monthly-expenses,
.apply .financial-information .mortgage-details,
.apply .financial-information .personal-income {
    margin-top: 20px
}

.apply .financial-information .title-holder-one h4 {
    font-weight: 400;
    margin-top: 30px
}

.apply .financial-information .title-holder-two h4 {
    font-weight: 400
}

.apply .product-information .additional-details {
    border-top: 0
}

.apply .product-information li.escalate-option>p,
.apply .product-information li.investment-amount>p,
.apply .product-information li.investment-term>p,
.apply .product-information li.offer-message>p,
.apply .product-information li.offer-rate>p {
    margin: 0
}

.apply .product-information li.escalate-option>p:not(:first-of-type),
.apply .product-information li.investment-amount>p:not(:first-of-type),
.apply .product-information li.investment-term>p:not(:first-of-type),
.apply .product-information li.offer-message>p:not(:first-of-type),
.apply .product-information li.offer-rate>p:not(:first-of-type) {
    margin-top: 15px
}

.apply .product-information li.investment-term>p {
    margin-bottom: 15px
}

.apply .product-information li.investment-term .term-radiobutton {
    margin: 0 0 15px
}

.apply .product-information .instructions {
    margin-bottom: 25px
}

.apply .product-information .interest-rates h3,
.apply .product-information .overdraft-rate h3 {
    padding-top: 0;
    padding-bottom: 10px
}

.apply .product-information .withdraw-account .ui-popover 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;
    padding-top: 2px
}

.apply .product-information .decline-letter .download-button {
    display: inline-block;
    vertical-align: bottom
}

.apply .product-information.tfsa .interest-rates table {
    margin-bottom: 0
}

.apply .product-information.apl .repayment-method-simplii-account .ui-set-select {
    margin-left: 250px;
    margin-top: -24px
}

.apply .product-information.apl .loan-receive-account-details {
    display: inline-block
}

.apply .product-information.apl .loan-receive-account-requirements {
    max-width: 500px
}

.apply .product-information.apl .loan-receive-account-requirements .ui-popover 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;
    padding-top: 2px
}

main .application-declined,
main .not-eligible {
    margin-left: 0
}

.account-details h2 {
    margin: 15px 0
}

.account-details fieldset legend {
    background-position: top;
    margin-bottom: 15px;
    width: 100%
}

.account-details .contribution-deposit,
.account-details .deposit-now,
.account-details .investment-account,
.account-details .payment-account,
.account-details .payout-to-account,
.account-details .transfer-account-info,
.account-details .withdraw-account {
    margin-left: 25px
}

.account-details .contribution-now-setup .ui-set-radiobutton,
.account-details .deposit-now .ui-set-radiobutton,
.account-details .interest-payment-method .ui-set-radiobutton,
.account-details .investment-options .ui-set-radiobutton,
.account-details .investment-setup .ui-set-radiobutton,
.account-details .maturity-setup-options .ui-set-radiobutton,
.account-details .payment-setup .ui-set-radiobutton {
    display: block;
    margin-bottom: 10px
}

.account-details .paperwork-delivery .delivery-info {
    margin-left: 30px
}

.account-details .paperwork-delivery .delivery-info 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;
    padding-top: 0;
    padding-bottom: 0
}

.account-details .maturity-setup-options .ui-set-radiobutton {
    display: block
}

.account-details .maturity-setup-options .ui-set-radiobutton+.ui-set-radiobutton {
    width: 312px
}

.account-details .maturity-setup-options .ui-group-radiobutton+.ui-set-messages {
    clear: both;
    display: block;
    float: left
}

.account-details .interest-payment-method .transfer-account-info {
    display: inline-block
}

.account-details .interest-payment-method .transfer-account-info+.ui-set-radiobutton,
.apply .before-finish .form-terms-and-conditions .ui-set-field .ui-set-messages {
    display: block
}

.account-details .interest-payment-method .ui-set-radiobutton {
    width: 310px
}

.account-details .interest-payment-method .ui-group .ui-group-radiobutton .ui-set-radiobutton,
.account-details .interest-payment-method .ui-group .ui-group-radiobutton+.ui-set-messages {
    display: block;
    float: left
}

.account-details .interest-payment-method .ui-group .ui-group-radiobutton+.ui-set-messages {
    clear: both
}

.account-details .statement-consent-and-email .form-terms-and-conditions {
    margin-bottom: 0;
    padding: 0 40px 40px !important;
    width: 610px !important
}

.account-details .statement-consent-and-email .form-terms-and-conditions h3 {
    padding-top: 10px;
    border-top: none
}

.apply .action-bar,
.apply fieldset h3 {
    border-top: 1px solid #C4C4C4
}

.account-details .statement-consent-and-email .form-terms-and-conditions .consent-wrapper label {
    width: 90%;
    font-weight: 400
}

.account-details .statement-consent-and-email .form-terms-and-conditions .consent .ui-set-messages,
.account-details .statement-consent-and-email .form-terms-and-conditions .terms-wrapper {
    font-weight: 400
}

.account-details .application-paperwork .ui-set-radiobutton+div {
    margin-left: 25px
}

.account-details .application-paperwork .ui-set-radiobutton+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;
    padding-top: 0;
    padding-bottom: 0
}

.account-details .current-email {
    padding-bottom: 0
}

.account-details .current-email .ui-set-messages .ui-alert {
    margin-left: 20px
}

.account-details .contribution-deposit .ui-set-messages .ui-alert,
.account-details .contribution-details .ui-set-messages .ui-alert,
.account-details .deposit-amount .ui-set-messages .ui-alert,
.account-details .email .ui-set-messages .ui-alert,
.account-details .email-confirm .ui-set-messages .ui-alert {
    width: 330px
}

.account-details.rgic .withdraw-account {
    margin-bottom: 15px
}

.apply .summary .instructions {
    margin-bottom: 10px
}

.apply .summary .instructions p {
    margin-bottom: 20px
}

.apply .submitted h3,
.apply .summary h3 {
    margin-top: 25px
}

.apply .submitted .pair>section h2,
.apply .summary .pair>section h2 {
    clear: both;
    margin-bottom: 15px
}

.apply .submitted .pair>section>h3,
.apply .summary .pair>section>h3 {
    border-top: 1px solid #C4C4C4;
    margin-bottom: 15px
}

.apply .submitted .pair>section>h3 .ui-display-link,
.apply .summary .pair>section>h3 .ui-display-link {
    float: right;
    font-size: 12px;
    font-weight: 400
}

.apply .submitted .pair>section>h3 .ui-display-link .ui-wrapper,
.apply .summary .pair>section>h3 .ui-display-link .ui-wrapper {
    margin-bottom: 0
}

.apply .submitted .pair>section h4,
.apply .summary .pair>section h4 {
    padding-bottom: 10px
}

.apply .submitted .pair>section>div,
.apply .submitted .pair>section>ul li,
.apply .summary .pair>section>div,
.apply .summary .pair>section>ul li {
    margin-bottom: 30px
}

.apply .submitted .pair>section>div ul li,
.apply .summary .pair>section>div ul li {
    margin-bottom: 20px
}

.apply .submitted .pair>section ul li,
.apply .summary .pair>section ul li {
    padding: 0
}

.apply .submitted .pair>section ul li div,
.apply .summary .pair>section ul li div {
    font-weight: 700
}

.apply .submitted .pair>section ul li>div:first-child,
.apply .summary .pair>section ul li>div:first-child {
    width: 250px;
    font-weight: 400
}

.apply .submitted .pair>section .interest-rates table,
.apply .summary .pair>section .interest-rates table {
    margin-bottom: 0
}

.apply .submitted .pair>section .interest-rates table td:first-child,
.apply .summary .pair>section .interest-rates table td:first-child {
    font-weight: 400
}

.apply .submitted .pair>section .form-pdfs,
.apply .summary .pair>section .form-pdfs {
    margin-bottom: 10px
}

.apply .before-finish .form-terms-and-conditions .header,
.apply .before-finish .form-terms-and-conditions header {
    text-align: left
}

.apply .before-finish .form-terms-and-conditions .header h3,
.apply .before-finish .form-terms-and-conditions h3,
.apply .before-finish .form-terms-and-conditions header h3 {
    padding-top: 0
}

.apply .before-finish .form-terms-and-conditions .consent-wrapper label {
    width: 560px
}

.apply .before-finish .form-terms-and-conditions .ui-set-checkbox .ui-set-messages {
    display: none
}

.apply .before-finish .legal-agreement ul li,
.apply .before-finish .product-agreement ul li,
.apply .before-finish .rrsp-agreement 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
}

.apply .before-finish .offer-repayment-agreement .form-terms-and-conditions {
    margin-bottom: 0;
    padding-bottom: 1px
}

.apply .before-finish .pair.rate-details {
    margin: 20px 0
}

.apply .before-finish .pair.rate-details li>div {
    display: inline-block;
    font-weight: 400
}

.apply .before-finish .pair.rate-details li>div:first-of-type {
    width: 170px
}

.apply .before-finish .signature .ui-set-field {
    margin-bottom: 0
}

.apply .before-finish .signature .ui-set-field>label {
    padding: 10px 0;
    width: 100%
}

.apply .before-finish .signature .ui-set-field .ui-group {
    display: block !important
}

.apply .before-finish .ui-alert p {
    margin-left: 0;
    min-height: none
}

.apply .before-finish .download-button {
    display: inline-block;
    vertical-align: bottom
}

.apply .finish .instructions h3 {
    padding: 20px 0
}

.apply .finish .offer-message,
.apply .finish .payment-information {
    margin: 30px 0
}

.apply .finish .offer-message ul li,
.apply .finish .payment-information 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
}

.apply .finish .offer-message ol,
.apply .finish .payment-information ol {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 17px
}

.apply .finish .offer-message ol li,
.apply .finish .payment-information ol li {
    margin: 5px 0
}

.apply .finish .adobe,
.apply .finish .paperwork-availability,
.apply .finish section {
    margin-bottom: 30px
}

.apply .finish .next-steps-details li {
    margin-top: 25px
}

.apply .finish .next-steps-details li p {
    margin-top: 5px;
    margin-left: 13px
}

.apply .finish .interest-rates>h3,
.apply .finish .paperwork-details>h3 {
    padding-top: 0
}

.apply .finish .paperwork-details>div,
.apply .finish .paperwork-details>ul {
    margin-bottom: 10px
}

.apply .finish .paperwork-details .document-links {
    margin: 5px 0 25px
}

.apply .finish .paperwork-mail>p,
.apply .finish .paperwork-other>p {
    display: inline
}

.apply .save-exit .email {
    margin: 30px 0
}

.apply .save-exit .email .ui-set-field {
    margin-bottom: 0
}

.apply .save-exit .email .ui-set-field>label:first-of-type {
    font-weight: 700
}

.apply .save-exit .action-bar {
    margin-top: 25px
}

.apply .save-overwrite .possible-actions 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
}

.apply .submitted ul.status-steps {
    height: 33px;
    margin: 7px 0 0;
    padding: 0;
    list-style-type: none
}

.apply .submitted ul.status-steps li {
    display: inline;
    font-weight: 700;
    margin-right: 30px;
    color: #aaa
}

.apply .submitted ul.status-steps li.label {
    color: #000
}

.apply .submitted ul.status-steps li>span {
    display: inline-block;
    background: url(img/uikit/ui-step-indicator-inactive-bg.png) left top no-repeat;
    color: #ccc;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 25px;
    margin-right: 5px
}

.apply .submitted ul.status-steps li.complete {
    color: #000
}

.apply .submitted ul.status-steps li.complete>span {
    background-image: url(img/uikit/ui-step-indicator-onstate-bg.png);
    color: #fff
}

.apply .submitted .pair>section>h3 {
    padding-top: 25px
}

.apply .submitted .pair>section.paperwork-details,
.apply .submitted .pair>section.submitted-paperwork {
    margin-bottom: 10px
}

.apply .submitted .pair>section.paperwork-details ul li,
.apply .submitted .pair>section.submitted-paperwork ul li {
    margin: 0
}

.apply .submitted .pair>section.paperwork-details ul li div.download-button,
.apply .submitted .pair>section.submitted-paperwork ul li div.download-button {
    width: auto
}

.apply .submitted .pair>section.paperwork-details ul li div.download-button div,
.apply .submitted .pair>section.submitted-paperwork ul li div.download-button div {
    font-weight: 400
}

.apply .submitted .pair>section.paperwork-details p,
.apply .submitted .pair>section.submitted-paperwork p {
    margin-bottom: 0
}

.apply .submitted .pair>section.paperwork-details>div,
.apply .submitted .pair>section.paperwork-details>ul,
.apply .submitted .pair>section.submitted-paperwork>div,
.apply .submitted .pair>section.submitted-paperwork>ul {
    margin-bottom: 10px
}

.apply .cancelled .download-button,
.apply .notice .download-button {
    display: inline-block;
    vertical-align: bottom
}

.apply .action-bar {
    margin-top: 30px;
    padding-top: 30px
}

.apply .address-info div {
    line-height: 18px
}

.apply .change-email {
    display: inline;
    margin-left: 30px
}

.apply .consent {
    background: #F2F2F2;
    padding: 10px 10px 15px;
    margin-bottom: 15px
}

.apply .consent h3 {
    margin-top: 0
}

.apply div.label {
    font-weight: 400 !important;
    width: 250px
}

.apply div.value {
    padding-left: 10px
}

.apply fieldset {
    padding-bottom: 10px
}

.apply fieldset ul li {
    padding-top: 10px
}

.apply h2 {
    font-size: 1.2em
}

.apply h3 {
    font-size: 14px;
    padding-top: 25px
}

.apply h2+div h3 {
    padding-top: 0
}

.apply .inline-group .ui-set-select,
.apply .inline-group .ui-set-textbox,
.apply .inline-group label {
    display: inline-block
}

.apply .instructions {
    margin-bottom: 0
}

.apply .pair li {
    background: 0 0
}

.apply .product-chosen {
    font-weight: 700
}

.apply .product-name {
    margin-right: 10px;
    font-weight: 400
}

.apply .ui-set-field>label:first-of-type,
.apply .ui-set-select>label,
.apply .ui-set-textarea>label,
.apply .ui-set-textbox>label {
    font-weight: 400;
    padding-right: 10px;
    width: 240px
}

.apply .ui-set-phone-number .ui-set-field>label:first-of-type {
    padding-right: 10px;
    width: 240px
}

.apply .ui-set-phone-number .ui-extension .ui-set-field>label:first-of-type {
    width: auto
}

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

.apply .ui-set-radiobutton {
    display: inline-block;
    margin-right: 25px
}

.apply .ui-select,
.apply .ui-textbox {
    width: 280px
}

.apply .calendar-popover .ui-select {
    width: auto
}

.apply .ui-textbox {
    font-weight: 400
}

.apply .message-global {
    margin-top: 15px
}

.apply .ui-popover-content h2,
.apply .ui-popover-content h3,
.apply .ui-popover-content h4 {
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 0
}

.apply .ui-popover-content h3+p {
    margin-top: 0;
    margin-bottom: 10px
}

.apply .email-disclosure {
    font-size: 11px;
    line-height: 12px;
    margin-bottom: 15px
}

.apply-notice .ui-alert.ui-scope-global.ui-display-info {
    background-color: #FFF;
    background-image: none;
    border: none;
    margin: 30px 0 50px;
    padding: 0
}

.apply-notice .ui-alert p {
    margin-left: 0
}

.dialog-modal.change-address .pair ul {
    background: 0 0;
    border-top: none
}

.services-payments-automatic-new-details ol {
    list-style: decimal inside
}

.services-payments-automatic-new-details .account-selection .ui-set-select {
    display: inline-block;
    vertical-align: top
}

.services-payments-automatic-new-details .account-selection .ui-set-field {
    vertical-align: top
}

.services-payments-automatic-new-details .account-selection label.ui-partial-label {
    float: left;
    font-weight: 400 !important;
    padding-top: 0 !important;
    vertical-align: middle;
    width: auto !important
}

.services-payments-automatic-new-details .account-selection .ui-group {
    float: right;
    margin-top: -4px;
    vertical-align: middle;
    width: 45%
}

.services-payments-automatic-new-details .account-selection .ui-select {
    width: 250px
}

.services-payments-automatic-new-print .authorization {
    padding: 30px 0
}

.services-payments-automatic-new-print .authorization div {
    display: inline-block !important
}

.services-payments-automatic-new-print .authorization .date,
.services-payments-automatic-new-print .authorization .signature {
    border-bottom: 1px solid #333;
    min-width: 150px;
    margin-left: 3px
}

.services-payments-automatic-new-print .authorization div.signature {
    margin-right: 20px
}

.services-payments-automatic-new-print .name {
    width: 250px;
    word-wrap: break-word
}

.services-payments-automatic-new-print .ui-dialog .dialog-content h2 {
    font-size: 12px;
    padding: 0;
    margin: 0
}

.services-payments-automatic-new-print .ui-dialog .dialog-content .ui-set-field {
    display: block;
    margin-top: 6px
}

.services-payments-automatic-new-print .ui-dialog .dialog-content .ui-partial-field label {
    width: 140px
}

.services-payments-automatic-new-print .ui-dialog .dialog-content li>div {
    display: block
}

.services-payments-automatic-new-print .ui-dialog .dialog-content li>div+div {
    width: auto
}

.services-payments-automatic-new-print .ui-dialog .dialog-content li>div .ui-display-calendar {
    display: inline-block
}

.services-payments-automatic-new-print .ui-dialog .dialog-content .row>div {
    float: left;
    font-weight: 400
}

.services-payments-automatic-new-print .ui-dialog .dialog-content .row>div:first-child {
    width: 140px
}

.services-payments-automatic-new-print .billing-company-and-payment-details h2 {
    padding-bottom: 6px
}

.services-payments-automatic-new-print .billing-company-and-payment-details label {
    width: 225px
}

.services-payments-automatic-new-print .billing-company-and-payment-details .ui-textbox {
    width: 245px
}

.services-payments-automatic-new-print .billing-company-and-payment-details .how-often,
.services-payments-automatic-new-print .billing-company-and-payment-details .start-date {
    margin-left: -3px
}

.services-payments-automatic-new-print .billing-company-and-payment-details .how-often .ui-set-field .ui-group,
.services-payments-automatic-new-print .billing-company-and-payment-details .how-often .ui-set-field .ui-partial-label,
.services-payments-automatic-new-print .billing-company-and-payment-details .start-date .ui-set-field .ui-group,
.services-payments-automatic-new-print .billing-company-and-payment-details .start-date .ui-set-field .ui-partial-label {
    display: inline-block !important
}

.services-statement-preferences-confirmation .download-button,
.services-statement-preferences-details .update-email-section {
    display: inline-block
}

.services-payments-automatic-new-print .billing-company-and-payment-details .how-often .ui-set-field .ui-group,
.services-payments-automatic-new-print .billing-company-and-payment-details .start-date .ui-set-field .ui-group {
    margin-top: 6px
}

.services-payments-automatic-new-print .billing-company-and-payment-details .how-often .ui-select:first-child {
    width: 135px
}

.services-payments-automatic-new-print .billing-company-and-payment-details .start-date .ui-select:first-child {
    width: 95px
}

.services-payments-automatic-new-print p.provided-by {
    font-size: 11px;
    padding-top: 15px
}

.services-payments-automatic-new-print .account-details .row>div,
.services-payments-automatic-new-print .requested-by .row>div {
    padding: 0 10px 0 0
}

.services-statement-preferences-details h2 {
    margin-bottom: 7px
}

.services-statement-preferences-details .form-terms-and-conditions {
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px
}

.services-statement-preferences-details .ui-set-radiobutton,
.services-statement-preferences-details .update-email-controls {
    margin-top: 15px;
    margin-bottom: 10px
}

.services-statement-preferences-details .form-terms-and-conditions .ui-set-radiobutton {
    display: inline-block;
    margin-right: 10px
}

.services-statement-preferences-details .form-controls {
    padding-top: 0
}

.services-statement-preferences-details .mailing-address {
    float: left;
    vertical-align: top;
    width: 305px
}

.services-statement-preferences-details .pane-highlight {
    padding: 10px;
    margin-bottom: 0
}

.services-statement-preferences-details .show {
    margin-top: 10px
}

.services-statement-preferences-details .show .pane-highlight {
    overflow: hidden;
    padding: 0 10px
}

.services-statement-preferences-details .pane-highlight>div>div:first-child,
.services-statement-preferences-details .receive-statement>div>div:first-child {
    float: left;
    padding-right: 10px;
    width: 170px
}

.services-statement-preferences-details .receive-statement .mailing-address {
    padding: 7px;
    width: 325px
}

.online-feedback .ui-dialog .instructions,
.online-feedback .ui-dialog>header:first-child {
    display: none
}

.online-feedback .intelliresponse {
    float: left;
    margin: 15px 0 30px;
    padding: 10px 3px;
    width: 100%
}

.online-feedback .intelliresponse a {
    margin-right: 10px
}

.online-feedback .intelliresponse .left-col,
.online-feedback .intelliresponse .right-col {
    float: left
}

.online-feedback .intelliresponse .left-col {
    width: 7%
}

.online-feedback .intelliresponse .right-col {
    width: 88%
}

.online-feedback .intelliresponse .right-col h4 {
    margin-right: 8px
}

.online-feedback .intelliresponse .right-col .text-block {
    width: 70%
}

.online-feedback .intelliresponse .right-col .text-block,
.online-feedback .intelliresponse .right-col h4 {
    float: left
}

.online-feedback .intelliresponse .row {
    margin-bottom: 5px
}

.contact-us section p,
.online-feedback .ui-dialog header {
    margin-bottom: 0
}

.online-feedback .intelliresponse .ui-button {
    margin-right: 15px
}

.online-feedback .pair,
.online-feedback .pair section li {
    background: 0 0
}

.online-feedback .ui-dialog fieldset {
    margin-top: 15px
}

.online-feedback .ui-dialog header h2 {
    float: left
}

.error .primary-action,
.online-feedback .ui-dialog header .ui-button {
    float: right
}

.online-feedback .ui-dialog li .from-email .ui-partial-field-hint {
    width: 200px
}

.online-feedback .ui-dialog li .message .ui-partial-field-hint {
    width: 250px
}

.online-feedback .ui-dialog .ui-alert .ui-text {
    margin-top: 10px;
    padding-top: 4px
}

.online-feedback .ui-dialog .ui-alert.ui-display-success .ui-text {
    margin-left: 35px !important
}

.online-feedback .ui-dialog .ui-select {
    width: 200px
}

.online-feedback .ui-dialog .ui-set-field span {
    vertical-align: bottom
}

.online-feedback .ui-dialog .ui-textarea {
    height: 150px;
    width: 250px
}

.contact-us section header {
    padding-left: 10px
}

.contact-us section header img {
    margin-right: 1em;
    vertical-align: middle
}

#shepherdModalOverlayContainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    z-index: 9997;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    transition: all .3s ease-out
}

.shepherd-modal.shepherd-enabled {
    position: relative;
    z-index: 9998
}

.shepherd-active.shepherd-modal-is-visible :not(.shepherd-target) {
    pointer-events: none
}

.shepherd-active.shepherd-modal-is-visible .shepherd-button,
.shepherd-active.shepherd-modal-is-visible .shepherd-cancel-link,
.shepherd-active.shepherd-modal-is-visible .shepherd-target {
    pointer-events: auto
}

.ui-button {
    border: 1px solid;
    cursor: pointer;
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.ui-button button {
    border: 0;
    color: transparent;
    font-size: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0
}

.ui-button .ui-wrapper {
    border: none;
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.ui-button.ui-disabled,
.ui-button.ui-loading {
    pointer-events: none;
    cursor: default
}

.ui-button.ui-icon .ui-wrapper>span,
.ui-button.ui-trailing-icon .ui-wrapper>span {
    display: inline-block;
    font-size: 0
}

.ui-alert {
    display: block;
    position: relative;
    outline: 0
}

.hidden-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.error-page header h1 {
    color: #333
}

.error-page header .toolbox-global {
    width: 300px
}

.error-page .main-body {
    padding-top: 0
}

.error-page .ui-set-messages .ui-alert {
    margin-top: 0;
    margin-bottom: 5px
}

.error-page .messages-global {
    padding: 15px 0 20px
}

.xoffers-body .xoffers-greeting {
    color: #000;
    text-align: center;
    font-family: GloberBold
}

.xoffers-body .without-offer.medium .xoffers-greeting {
    font-stretch: 100%
}

.xoffers-body .without-offer.small .xoffers-greeting {
    font-stretch: 100%;
    font-size: 20px;
    padding-top: 40px
}

.xoffers-body .without-offer h2 {
    padding: 30px 0 25px
}

.xoffers-body .without-offer .xoffers-intro {
    font: 18px Arial;
    color: #333;
    max-width: 500px;
    text-align: center;
    margin: 0 auto
}

.xoffers-body .without-offer .xoffers-badge-notification img {
    padding-bottom: 90px;
    height: 154px;
    display: block;
    margin: auto
}

.xoffers-body .without-offer .xoffers-body {
    font: 15px Arial;
    color: #666;
    max-width: 470px;
    margin: 0 auto;
    text-align: center;
    padding: 14px 0 35px;
    line-height: 21px
}

.xoffers-body .medium.without-offer .xoffers-intro {
    line-height: 32px
}

.xoffers-body .medium.without-offer .xoffers-intro .no-margin {
    font-size: 18px;
    font-family: Arial
}

.xoffers-body .medium.without-offer .xoffers-badge-notification img {
    padding-bottom: 50px
}

.xoffers-body .medium.without-offer .xoffers-body .no-margin {
    font-size: 15px;
    font-family: Arial
}

.xoffers-body .small.without-offer .xoffers-intro {
    line-height: 24px
}

.xoffers-body .small.without-offer .xoffers-badge-notification img {
    padding-bottom: 60px;
    padding-left: 30px;
    padding-right: 30px
}

.xoffers-body .small.without-offer .xoffers-intro .no-margin {
    font-size: 18px;
    font-family: Arial;
    padding-left: 30px;
    padding-right: 30px
}

.xoffers-body .small.without-offer .xoffers-body .no-margin {
    font-family: Arial;
    line-height: 20px;
    padding-left: 30px;
    padding-right: 30px
}

.xoffers-body .with-offer h2 {
    padding: 20px 0 18px
}

.xoffers-body .with-offer .xoffers-intro {
    font: 15px Arial;
    color: #333;
    max-width: 500px;
    padding-bottom: 40px;
    text-align: center;
    margin: 0 auto;
    line-height: 21px
}