1#@!#!123s

32759 1#@!#!123s
: / home / alliance / public_html / vpp / Email / css / Follow /
Filename : app.css
back
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

.ttc {
    text-transform: capitalize;
}

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

.lead-complete {
    font-size: 1.75rem !important;
}

.text-complete {
    font-size: .95rem !important;
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default!important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}


/*!
 * jQuery UI Datepicker 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}


/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */

.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #ccc
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #eee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
    color: #fff;
    font-weight: 700
}

.ui-widget-header a {
    color: #fff
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    border: 1px solid #ccc;
    background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
    font-weight: 700;
    color: #1c94c4
}

.ui-button,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button {
    color: #1c94c4;
    text-decoration: none
}

.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border: 1px solid #fbcb09;
    background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
    font-weight: 700;
    color: #c77405
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
a.ui-button:focus,
a.ui-button:hover {
    color: #c77405;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    border: 1px solid #fbd850;
    background: #fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
    font-weight: 700;
    color: #eb8f00
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #fbd850;
    background-color: #eb8f00
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
    color: #363636
}

.ui-state-checked {
    border: 1px solid #fed22f;
    background: #ffe45c
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
    color: #fff
}

.ui-state-error-text,
.ui-state-error a,
.ui-widget-content .ui-state-error-text,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error-text,
.ui-widget-header .ui-state-error a {
    color: #fff
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-button:active .ui-icon,
.ui-button:focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-state-active .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png")
}

.ui-button .ui-state-highlight.ui-icon,
.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_228ef1_256x240.png")
}

.ui-state-error-text .ui-icon,
.ui-state-error .ui-icon {
    background-image: url("images/ui-icons_ffd27a_256x240.png")
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-first,
.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
    border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
    border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
    opacity: .5;
    filter: Alpha(Opacity=50)
}

.ui-widget-shadow {
    -webkit-box-shadow: -5px -5px 5px #000;
    box-shadow: -5px -5px 5px #000
}


/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

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

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

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

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],
template {
    display: none
}


/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

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

textarea {
    resize: vertical
}

.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

.hidden {
    display: none!important
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit
}

.invisible {
    visibility: hidden
}

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

.clearfix:after {
    clear: both
}

@media print {
    *,
     :after,
     :before {
        background: transparent!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    pre {
        white-space: pre-wrap!important
    }
    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

.page-intro-area__intro-text,
.profile-section__intro-text,
.unauth-intro-area__text {
    color: #666;
    font-family: Arial, sans-serif;
    font-size: .875em;
    max-width: 700px
}

.citi-account__more-transactions-toggle,
.citi-account__transactions-toggle,
.content-alert-box__cta-link,
.g-cta-link,
.unauth-form__cancel-link,
.unauth-intro-area__link {
    color: #f1912b;
    font-size: .875em;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    position: relative;
    padding-right: 15px
}

.citi-account__more-transactions-toggle:after,
.citi-account__transactions-toggle:after,
.content-alert-box__cta-link:after,
.g-cta-link:after,
.unauth-form__cancel-link:after,
.unauth-intro-area__link:after {
    display: inline-block;
    font-family: citi-icons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    content: "\E600";
    font-size: 1.78571em;
    position: absolute;
    top: -5px;
    right: -8px;
    text-decoration: underline
}

.citi-account__more-transactions-toggle:after,
.citi-account__more-transactions-toggle:hover:after,
.citi-account__transactions-toggle:after,
.citi-account__transactions-toggle:hover:after,
.content-alert-box__cta-link:after,
.content-alert-box__cta-link:hover:after,
.g-cta-link:after,
.g-cta-link:hover:after,
.unauth-form__cancel-link:after,
.unauth-form__cancel-link:hover:after,
.unauth-intro-area__link:after,
.unauth-intro-area__link:hover:after {
    text-decoration: none
}

.g-secondary-link {
    color: #00a0be;
    font-family: Arial, sans-serif;
    font-size: .75em
}

.g-margin-bottom-10 {
    margin-bottom: 10px
}

.sidebar-list-title {
    padding: 18px 15px 9px 20px;
    text-align: left;
    margin: -1px -1px 0
}

.sidebar-list-title h3 {
    font-size: 21px;
    font-weight: 300;
    line-height: 1
}

.main-container {
    position: relative;
    left: 0;
    -webkit-transition: left .5s;
    -moz-transition: left .5s;
    -ms-transition: left .5s;
    -o-transition: left .5s;
    transition: left .5s
}

@media (max-width:600px) {
    .page-container.is-citi-account-mobile-visible .main-container {
        left: calc(-100% - 40px)
    }
    .page-container.is-citi-account-mobile-visible .citi-account-mobile {
        left: 0
    }
}

.footer-disclaimer__text {
    color: #666
}

.footer-disclaimer-box {
    border: 1px solid #000;
    padding: 10px 100px;
    text-align: center
}

@media screen and (max-width:600px) {
    .footer-disclaimer-box {
        padding: 10px 40px
    }
}

.footer-disclaimer-box--margin-bottom {
    margin-bottom: 15px
}

.footer-disclaimer-box__text {
    color: #000;
    display: inline
}

.footer-disclaimer-box__list {
    display: inline;
    padding: 0
}

.footer-disclaimer-box__list-item {
    list-style: none;
    display: inline;
    padding-left: 3px;
    text-transform: uppercase;
    font-size: 12px
}

.footer-disclaimer-box__list-item:before {
    content: "\2022";
    font-size: 21px;
    line-height: 12px;
    padding-right: 3px
}

.footer-disclaimer p.footer-disclaimer__text {
    font-size: 11px
}

.footer-disclaimer-box p.footer-disclaimer-box__text {
    margin-bottom: 0
}

.jqTransformSelectWrapper div,
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
select {
    border: 1px solid #e1e1e1
}

input.datepicker {
    background: #fff url(img/form-calendar.png) 97% 0 no-repeat;
    background-position: calc(100% - 3px) 5px
}

select {
    background: url(img/arrow-down-gray-showhide.png) 100% no-repeat #fff
}

.lt-ie10 select {
    padding-right: 0;
    background: #fff
}

html:not(.lt-ie9) .checkbox-item input[type=checkbox]+label {
    background: url(img/form-checkbox.png) 0 no-repeat transparent
}

html:not(.lt-ie9) .checkbox-item input[type=checkbox]:checked+label {
    background-image: url(img/form-checkbox-selected.png)
}

html:not(.lt-ie9) .checkbox-item.checkbox-toggle input[type=checkbox]+label {
    background-image: url(img/form-checkbox-toggle.png)
}

html:not(.lt-ie9) .checkbox-item.checkbox-toggle input[type=checkbox]:checked+label {
    background-image: url(img/form-checkbox-toggle-selected.png)
}

.customSelect {
    height: 35px;
    font-size: .75em;
    line-height: 35px;
    background: url(img/arrow-down-gray-showhide.png) 100% no-repeat #fff
}

.icon-statement:before {
    content: "\E608"
}

.icon-settings:before {
    content: "\E617"
}

.icon-tooltip {
    display: inline-block;
    z-index: 1;
    width: 12px;
    height: 12px;
    background: url(../img/account-transaction-tooltip.png) 50% no-repeat transparent;
    cursor: pointer
}

.js-tooltip.hover .tooltip__content,
.js-tooltip.hover~.tooltip__content,
.no-js .js-tooltip:focus .tooltip__content,
.no-js .js-tooltip:hover .tooltip__content {
    display: block
}

.account-table__border {
    display: block;
    height: 8px;
    background: #009d78
}

.account-table__content {
    border: 1px solid #ccc;
    border-top: 0
}

.accounts-landing-header {
    margin-bottom: 10px
}

@media (max-width:880px) {
    .accounts-landing-header__name {
        display: none
    }
}

.accounts-landing-header__name-text {
    font-size: 1.375em;
    color: #009d78;
    display: inline
}

.accounts-landing-header__last-login {
    font-size: .75em;
    font-family: Arial, sans-serif;
    color: #000;
    display: block;
    float: left;
    width: 26.4151%
}

@media (max-width:880px) {
    .accounts-landing-header__last-login {
        display: none
    }
}

.accounts-landing-header__account-tools {
    float: right;
    width: 71.699%
}

@media (max-width:880px) {
    .accounts-landing-header__account-tools {
        float: none;
        width: 100%
    }
}

.accounts-landing-header__account-display-toggle {
    float: left
}

.accounts-landing-header__account-display-toggle-item,
.accounts-landing-header__account-display-toggle-item--block,
.accounts-landing-header__account-display-toggle-item--list {
    font-size: 1.5em;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    margin-right: 5px
}

.accounts-landing-header__account-display-toggle-item--block:hover,
.accounts-landing-header__account-display-toggle-item--block:hover:after,
.accounts-landing-header__account-display-toggle-item--list:hover,
.accounts-landing-header__account-display-toggle-item--list:hover:after,
.accounts-landing-header__account-display-toggle-item:hover,
.accounts-landing-header__account-display-toggle-item:hover:after {
    text-decoration: none
}

.accounts-landing-header__account-display-toggle-item--block:after,
.accounts-landing-header__account-display-toggle-item--list:after,
.accounts-landing-header__account-display-toggle-item:after {
    display: inline-block;
    font-family: citi-icons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    color: #afafaf;
    position: absolute;
    top: -3px;
    left: -3px
}

.accounts-landing-header__account-display-toggle-item.is-active:after,
.is-active.accounts-landing-header__account-display-toggle-item--block:after,
.is-active.accounts-landing-header__account-display-toggle-item--list:after {
    color: #00a0be
}

.accounts-landing-header__account-display-toggle-item--block:after {
    content: "\E630"
}

.accounts-landing-header__account-display-toggle-item--list:after {
    content: "\E631"
}

.accounts-landing-header__account-tools-util,
.accounts-landing-header__account-tools-util--tooltip-last {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0
}

.accounts-landing-header__account-tools-util-item {
    display: inline;
    vertical-align: middle;
    margin-left: 10px
}

@media (max-width:600px) {
    .accounts-landing-header__account-tools-util-item {
        display: block;
        margin: 0;
        text-align: right
    }
    .accounts-landing-header__account-tools-util--tooltip-last {
        position: relative;
        padding-right: 20px
    }
    .accounts-landing-header__account-tools-util--tooltip-last .accounts-landing-header__account-tools-util-item:last-of-type {
        position: absolute;
        bottom: -1px;
        right: 0
    }
}

.alert {
    margin-bottom: 20px;
    padding: 20px 20px 20px 50px;
    box-sizing: border-box;
    position: relative;
    font-size: .9375em
}

.alert:before {
    display: inline-block;
    font-family: citi-icons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 6px;
    font-size: 3em
}

.alert.is-error {
    background: #fef3f3;
    color: red
}

.alert.is-error:before {
    content: "\E611"
}

.btn,
.citi-account__activity-filters-submit {
    display: inline-block;
    padding: 5px 15px;
    border: none;
    border-radius: 5px;
    background: #f1912b;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: .875em;
    font-weight: 600;
    line-height: 22px;
    cursor: pointer
}

.btn.is-disabled,
.is-disabled.citi-account__activity-filters-submit {
    pointer-events: none;
    cursor: default;
    opacity: .5
}

.citi-account-mobile__close-btn,
.citi-account__list-transactions-close,
.citi-account__settings-close,
.close-btn {
    padding-right: 30px;
    color: #009d78;
    font-size: .875em;
    font-style: italic;
    text-transform: lowercase
}

.citi-account-mobile__close-btn:after,
.citi-account__list-transactions-close:after,
.citi-account__settings-close:after,
.close-btn:after {
    font-family: citi-icons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    content: "\E616";
    font-size: 2em;
    color: #009d78;
    display: inline-block;
    position: absolute;
    top: -5px;
    right: 0;
    text-decoration: underline
}

.citi-account-mobile__close-btn:after,
.citi-account-mobile__close-btn:hover:after,
.citi-account__list-transactions-close:after,
.citi-account__list-transactions-close:hover:after,
.citi-account__settings-close:after,
.citi-account__settings-close:hover:after,
.close-btn:after,
.close-btn:hover:after {
    text-decoration: none
}

.cancel-link {
    font-size: .75em;
    font-family: Arial, sans-serif
}

.citi-account-mobile {
    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: calc(100% + 40px);
    -webkit-transition: left .5s;
    -moz-transition: left .5s;
    -ms-transition: left .5s;
    -o-transition: left .5s;
    transition: left .5s
}

@media (max-width:600px) {
    .citi-account-mobile {
        display: block
    }
}

.citi-account-mobile .citi-account.is-inline-view.is-activity-open .citi-account__list-transactions-close {
    display: none
}

.citi-account-mobile__close-btn {
    float: right;
    position: relative;
    margin-right: -5px
}

.citi-account-mobile__content {
    border-top: 1px solid #ccc;
    margin-top: 10px
}

.citi-account-mobile__content .citi-account__transactions-toggle {
    display: none!important
}

.citi-account-mobile__content .citi-account__activity {
    display: block!important
}

.citi-account {
    position: relative;
    border: 1px solid #ccc;
    background: #f2f9f8;
    height: auto;
    overflow: hidden;
    -webkit-transition: height .25s;
    -moz-transition: height .25s;
    -ms-transition: height .25s;
    -o-transition: height .25s;
    transition: height .25s;
    z-index: 1
}

.citi-account.is-activity-open .citi-account__activity {
    display: block
}

.citi-account.is-activity-open .citi-account__transactions-toggle:after {
    content: "\E62B"
}

.citi-account.is-activity-open .citi-account__transactions-toggle-text--more {
    display: none
}

.citi-account.is-activity-open .citi-account__transactions-toggle-text--less {
    display: inline
}

.citi-account.is-default-open .citi-account__more-transactions-toggle {
    display: inline-block
}

.citi-account.is-default-open.is-activity-open .citi-account__transactions-toggle,
.citi-account.is-default-open.is-inline-view .citi-account__more-transactions-toggle {
    display: none
}

.citi-account.is-more-transactions .citi-account__activity-filters {
    display: block
}

.citi-account.is-more-transactions .citi-account__more-transactions-toggle:after {
    content: "\E62B"
}

.citi-account.is-more-transactions .citi-account__more-transactions-toggle-text--more {
    display: none
}

.citi-account.is-more-transactions .citi-account__more-transactions-toggle-text--less {
    display: inline
}

.citi-account.is-more-transactions .citi-account__activity-table-row,
.citi-account.is-more-transactions .citi-account__activity-table-row--pagination {
    display: table-row
}

.citi-account.is-more-transactions .citi-account__activity-table-head.is-sortable {
    cursor: pointer
}

.citi-account.is-more-transactions .citi-account__activity-table-head-sort {
    display: inline
}

.citi-account.is-inline-view .citi-account__header {
    padding: 12px 15px
}

.citi-account.is-inline-view .citi-account__acct-title {
    width: calc(100% - 423px)
}

.citi-account.is-inline-view .citi-account__acct-name {
    font-size: .875em
}

.citi-account.is-inline-view .citi-account__acct-number {
    font-size: .75em;
    margin: 0
}

.citi-account.is-inline-view .citi-account__acct-balance {
    width: 168px;
    text-align: right
}

.citi-account.is-inline-view .citi-account__header-actions {
    float: right;
    width: 255px;
    margin: 0
}

.citi-account.is-inline-view .citi-account__header-action-item-text--full,
.citi-account.is-inline-view .citi-account__header-action-item-text--mobile {
    display: none
}

.citi-account.is-inline-view .citi-account__header-action-item-text--list {
    display: inline
}

.citi-account.is-inline-view .citi-account__transactions-toggle {
    float: none;
    margin: 0 0 0 10px;
    display: inline-block
}

.citi-account.is-inline-view .citi-account__transactions-toggle-text--less,
.citi-account.is-inline-view .citi-account__transactions-toggle-text--more {
    display: none
}

.citi-account.is-inline-view .citi-account__transactions-toggle-text--list {
    display: inline
}

.citi-account.is-inline-view .citi-account__acct-balance-total {
    font-size: 1.125em
}

.citi-account.is-inline-view.is-activity-open .citi-account__transactions-toggle {
    display: inline-block
}

.citi-account.is-inline-view.is-activity-open .citi-account__transactions-toggle:after {
    content: "\E604"
}

.citi-account.is-inline-view.is-activity-open .citi-account__list-transactions-close {
    display: block
}

.citi-account.is-settings-open .citi-account__table {
    position: absolute;
    left: -101%
}

.citi-account.is-settings-open .citi-account__settings {
    visibility: visible;
    opacity: 1;
    position: relative
}

.citi-account.is-sorted .citi-account__activity-table-cell.-sort-hide,
.citi-account.is-sorted .citi-account__activity-table-head.-sort-hide {
    display: none
}

@media (max-width:600px) {
    .citi-account.is-default-open.is-activity-open .citi-account__transactions-toggle {
        display: block
    }
    .citi-account.is-default-open .citi-account__activity,
    .citi-account.is-default-open .citi-account__more-transactions-toggle {
        display: none
    }
    .citi-account:not(.is-inline-view) .citi-account__acct-title {
        display: block;
        padding-right: 60px
    }
    .citi-account:not(.is-inline-view) .citi-account__acct-name {
        font-size: .875em
    }
    .citi-account:not(.is-inline-view) .citi-account__acct-number {
        font-size: .75em
    }
    .citi-account:not(.is-inline-view) .citi-account__acct-balance {
        float: left;
        clear: both;
        margin-top: 3px
    }
    .citi-account:not(.is-inline-view) .citi-account__header-action-item-text--full {
        display: none
    }
    .citi-account:not(.is-inline-view) .citi-account__header-action-item-text--mobile {
        display: inline
    }
    .citi-account:not(.is-inline-view) .citi-account__transactions-toggle {
        float: none;
        margin: 0;
        position: absolute;
        top: 24px;
        right: 15px
    }
    .citi-account:not(.is-inline-view) .citi-account__transactions-toggle:after {
        content: "\E600"
    }
    .citi-account:not(.is-inline-view) .citi-account__transactions-toggle-text--less,
    .citi-account:not(.is-inline-view) .citi-account__transactions-toggle-text--list,
    .citi-account:not(.is-inline-view) .citi-account__transactions-toggle-text--more {
        display: none
    }
    .citi-account:not(.is-inline-view) .citi-account__transactions-toggle-text--mobile {
        display: inline
    }
    .citi-account.is-inline-view .citi-account__acct-title {
        width: auto
    }
    .citi-account.is-inline-view .citi-account__acct-name {
        font-size: .75em
    }
    .citi-account.is-inline-view .citi-account__acct-balance-total {
        font-size: .875em
    }
    .citi-account.is-inline-view .citi-account__header-actions {
        width: 100%
    }
    .citi-account.is-inline-view .citi-account__transactions-toggle {
        float: right;
        margin-top: 5px
    }
    .citi-account.is-inline-view .citi-account__transactions-toggle:after {
        content: "\E600"
    }
    .citi-account.is-inline-view .citi-account__more-transactions-toggle {
        display: none
    }
    .citi-account.is-more-transactions .citi-account__activity-table-row,
    .citi-account.is-more-transactions .citi-account__activity-table-row--pagination {
        display: block
    }
}

.citi-account__settings {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.citi-account__settings-details {
    position: relative;
    padding: 15px 5px 10px;
    margin: 0 10px;
    border-bottom: 1px solid #ccc
}

.citi-account__settings-details-title {
    margin: 0;
    color: #82c25d;
    font-size: 1.25em;
    padding-bottom: 8px;
    font-weight: 300
}

.citi-account__settings-details-title span {
    font-size: .75em
}

.citi-account__settings-details-col {
    float: left;
    width: 50%
}

.citi-account__settings-details-col ul {
    padding: 0;
    margin: 10px 0 20px
}

.citi-account__settings-details-col li {
    margin: 0 0 5px;
    list-style: none
}

.citi-account__settings-details-key,
.citi-account__settings-details-value {
    display: inline-block;
    vertical-align: top;
    font-family: Arial, sans-serif;
    font-size: .75em
}

.citi-account__settings-details-key {
    width: 40%
}

.citi-account__settings-details-value {
    position: relative;
    width: 48%
}

.citi-account__settings-close {
    display: block;
    position: absolute;
    top: 15px;
    right: 0
}

.citi-account__settings-body {
    padding: 10px 10px 20px;
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.citi-account__settings-options {
    display: table-cell;
    width: 29%;
    padding: 5px 10px;
    border-right: 1px solid #ccc;
    vertical-align: top
}

.citi-account__settings-options ul {
    padding: 0 10px 0 0;
    margin: 0
}

.citi-account__settings-options li {
    margin: 16px 0;
    list-style: none
}

.citi-account__settings-options-title,
.citi-account__settings-prefs-title {
    margin: 0;
    color: #82c25d;
    padding-bottom: 8px;
    font-size: 1em;
    font-weight: 100
}

.citi-account__settings-option {
    position: relative;
    display: block;
    padding-left: 30px;
    font-family: Arial, sans-serif;
    font-size: .75em;
    color: #555
}

.citi-account__settings-option:before {
    font-family: citi-icons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    font-size: 2.5em;
    color: #009d78;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: -6px;
    line-height: .25em;
    text-decoration: underline
}

.citi-account__settings-option:before,
.citi-account__settings-option:hover:before {
    text-decoration: none
}

.citi-account__settings-option.-stoppay:before {
    content: "\E60E"
}

.citi-account__settings-option.-checks:before {
    content: "\E60D"
}

.citi-account__settings-option.-alerts:before {
    content: "\E611"
}

.citi-account__settings-option.-plans:before {
    font-family: citi-icons-alt;
    content: "g"
}

.citi-account__settings-option.-paperless:before {
    content: "\E610"
}

.citi-account__settings-option.-statement:before {
    content: "\E608"
}

.citi-account__settings-option.-enotices:before {
    content: "\E60F"
}

.citi-account__settings-option.-taxform:before {
    content: "\E618"
}

.citi-account__settings-option.-view-rewards:before {
    content: "\E61E"
}

.citi-account__settings-option.-goal-track:before {
    content: "\E62C"
}

.citi-account__settings-option.-reorder:before {
    content: "\E62D"
}

.citi-account__settings-option.-taxforms:before {
    content: "\E62F"
}

.citi-account__settings-prefs {
    display: table-cell;
    width: 68%;
    padding: 5px 0 5px 20px
}

.citi-account__settings-prefs ul {
    padding: 10px;
    margin: 0;
    border-bottom: 1px solid #ccc
}

.citi-account__settings-prefs ul:last-of-type {
    border-bottom: none
}

.citi-account__settings-prefs li {
    margin: 2px 0;
    list-style: none
}

.citi-account__settings-prefs strong {
    padding-bottom: 6px;
    display: block
}

.citi-account__settings-prefs-title {
    padding: 0 10px
}

.citi-account__settings-pref,
.citi-account__settings-pref--action,
.citi-account__settings-pref--title,
.citi-account__settings-pref--value {
    font-size: .75em;
    font-family: Arial, sans-serif;
    display: inline-block;
    margin-right: -4px;
    vertical-align: top
}

.-two-col.citi-account__settings-pref--action,
.-two-col.citi-account__settings-pref--title,
.-two-col.citi-account__settings-pref--value,
.citi-account__settings-pref.-two-col {
    width: 54%
}

.citi-account__settings-pref--title {
    width: 42%
}

.citi-account__settings-pref--value {
    margin-left: 4%;
    width: 32%
}

.citi-account__settings-pref--action {
    margin-left: 4%;
    width: 18%
}

@media (max-width:600px) {
    .citi-account__settings-details-col,
    .citi-account__settings-options,
    .citi-account__settings-prefs {
        display: block;
        width: 100%;
        padding: 0
    }
    .citi-account__settings-options {
        border-right: 0;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        margin-bottom: 10px
    }
    .citi-account__settings-options ul {
        padding: 0 5px
    }
    .citi-account__settings-prefs ul {
        padding: 10px 0
    }
    .citi-account__settings-details-title {
        margin-top: 30px
    }
    .citi-account__settings-prefs-title {
        padding: 0
    }
}

.citi-account__table {
    background: #fff;
    position: relative;
    left: 0;
    z-index: 100;
    width: 100%;
    -webkit-transition: left .5s, box-shadow .5s;
    -moz-transition: left .5s, box-shadow .5s;
    -ms-transition: left .5s, box-shadow .5s;
    -o-transition: left .5s, box-shadow .5s;
    transition: left .5s, box-shadow .5s
}

.citi-account__header {
    padding: 20px 15px;
    position: relative
}

.citi-account__acct-title {
    float: left
}

.citi-account__acct-name {
    font-family: Arial, sans-serif;
    font-size: 1.125em;
    font-weight: 400;
    display: inline;
    margin: 0
}

.citi-account__acct-number {
    font-family: Arial, sans-serif;
    font-size: .875em;
    margin-left: 8px
}

.citi-account__acct-balance {
    float: right
}

.citi-account__acct-balance-total {
    font-size: 1.5em;
    font-weight: 700;
    color: #009d78;
    display: inline
}

.citi-account__acct-balance-total.is-negative {
    color: red
}

.citi-account__header-actions {
    float: left;
    width: 100%;
    margin-top: 5px
}

.citi-account__header-action-items {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none
}

.citi-account__header-action-item {
    display: inline
}

.citi-account__header-action-item+.citi-account__header-action-item {
    margin-left: 4px;
    border-left: 1px solid #00a0be;
    padding-left: 9px
}

.citi-account__header-action-item-text--list,
.citi-account__header-action-item-text--mobile {
    display: none
}

.citi-account__transactions-toggle {
    float: right;
    margin-top: 5px
}

.citi-account__transactions-toggle:after {
    content: "\E604"
}

.citi-account__transactions-toggle-text--less,
.citi-account__transactions-toggle-text--list,
.citi-account__transactions-toggle-text--mobile {
    display: none
}

.citi-account__activity {
    display: none;
    position: relative
}

.citi-account__list-transactions-close {
    display: none;
    float: right;
    position: relative;
    margin-top: 10px;
    margin-right: 15px
}

.citi-account__activity-header {
    padding: 10px 20px;
    color: #80bd5d;
    margin: 0;
    font-size: 1.125em;
    font-weight: 400;
    line-height: 1
}

.citi-account__more-transactions-toggle {
    display: none;
    float: right;
    margin-top: 5px
}

.citi-account__more-transactions-toggle:after {
    content: "\E604"
}

.citi-account__more-transactions-toggle-text--less {
    display: none
}

.citi-account__activity-table,
.citi-account__activity-table--head-only,
.citi-account__activity-table--main-body {
    width: 100%;
    border-collapse: separate
}

.citi-account__activity-table--main-body thead {
    display: none
}

.citi-account__activity-table-head {
    position: relative;
    text-align: left;
    padding: 7px 10px 6px 20px;
    background-color: #efefef;
    color: #949494;
    font-size: .625em;
    font-weight: 400;
    text-transform: uppercase;
    border-bottom: 1px solid #d2d2d2;
    vertical-align: baseline
}

.citi-account__activity-table-head.-right {
    text-align: right
}

.citi-account__activity-table-head:first-of-type {
    width: 16%
}

.citi-account__activity-table-head:nth-of-type(2) {
    width: 41%
}

.citi-account__activity-table-head:nth-of-type(3),
.citi-account__activity-table-head:nth-of-type(4) {
    width: 18%
}

.citi-account__activity-table-head-sort {
    display: none;
    position: relative;
    top: 3px
}

.citi-account__activity-table-head-sort:after {
    display: inline-block;
    font-family: citi-icons!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    font-size: 1.6em;
    content: "\E604"
}

.citi-account__activity-table-head-sort.is-asc:after {
    content: "\E62B"
}

.citi-account__activity-table-caption {
    padding: 5px 0 2px;
    border-bottom: none;
    background: #e5f5f1;
    color: #009d78;
    font-family: CitiSans, Helvetica, Arial, sans-serif;
    font-size: .625em;
    text-align: center;
    text-transform: uppercase
}

.citi-account__activity-table-row,
.citi-account__activity-table-row--pagination {
    position: relative;
    display: none
}

.-default-visible.citi-account__activity-table-row--pagination,
.citi-account__activity-table-row.-default-visible {
    display: table-row
}

.citi-account__activity-table-row--pagination:first-of-type .citi-account__activity-table-cell,
.citi-account__activity-table-row:first-of-type .citi-account__activity-table-cell {
    border-top: 0
}

.citi-account__activity-table-cell {
    text-align: left;
    padding: 7px 10px 5px 20px;
    border-top: 1px solid #ccc;
    vertical-align: top;
    font-size: .75em;
    font-family: Arial, sans-serif;
    background-color: #fff;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -ms-transition: background-color 1s;
    -o-transition: background-color 1s;
    transition: background-color 1s
}

.citi-account__activity-table-cell.-right {
    text-align: right
}

.citi-account__activity-table-cell.-tooltip-align {
    padding-right: 24px
}

.citi-account__activity-table-cell.-credit {
    font-weight: 600;
    color: #009d78
}

.citi-account__activity-table-cell.-grey-transition {
    background-color: #f3f3f3
}

.citi-account__activity-table-cell:first-of-type {
    width: 16%
}

.citi-account__activity-table-cell:nth-of-type(2) {
    width: 41%
}

.citi-account__activity-table-cell:nth-of-type(3),
.citi-account__activity-table-cell:nth-of-type(4) {
    width: 18%
}

.citi-account__activity-memo {
    margin-top: 3px
}

.citi-account__pagination {
    position: relative;
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #ccc;
    background-color: #fff;
    text-align: center
}

.citi-account__pagination-actions {
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    list-style: none;
    font-size: .875em
}

.citi-account__pagination-actions li {
    display: inline-block;
    vertical-align: middle
}

.citi-account__pagination-action {
    display: inline-block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    text-indent: -999px;
    visibility: hidden
}

.citi-account__pagination-action.-first {
    background-position: -15px 0
}

.citi-account__pagination-action.-last {
    background-position: -10px -21px
}

.citi-account__pagination-action.-next {
    background-position: 0 -21px
}

.citi-account__pagination-action.is-active {
    background-image: url(../img/arrow-pagination-blue-sprite.png);
    visibility: visible
}

.citi-account__pagination-numbers {
    padding: 0 6px
}

.citi-account__pagination-numbers span {
    font-style: italic
}

.citi-account__pagination-download {
    display: inline-block;
    width: auto;
    height: 23px;
    padding-left: 25px;
    background: url(../img/account-action-download.png) 0 0 no-repeat transparent;
    line-height: 23px;
    position: absolute;
    right: 30px;
    bottom: 16px;
    font-size: .75em
}

.citi-account__activity-filters {
    display: none;
    clear: both;
    padding: 0 20px 20px
}

.citi-account__activity-filters.is-all .citi-account__activity-filter.-all,
.citi-account__activity-filters.is-amount .citi-account__activity-filter.-amount,
.citi-account__activity-filters.is-amountrange .citi-account__activity-filter.-amountrange,
.citi-account__activity-filters.is-amounts .citi-account__activity-filter.-amounts,
.citi-account__activity-filters.is-checknumber .citi-account__activity-filter.-checknumber,
.citi-account__activity-filters.is-checknumberrange .citi-account__activity-filter.-checknumberrange,
.citi-account__activity-filters.is-checks .citi-account__activity-filter.-checks,
.citi-account__activity-filters.is-date .citi-account__activity-filter.-date,
.citi-account__activity-filters.is-daterange .citi-account__activity-filter.-daterange,
.citi-account__activity-filters.is-timeframe .citi-account__activity-filter.-timeframe {
    display: block
}

.citi-account__activity-filter-col,
.citi-account__activity-filter-col--clear,
.citi-account__activity-filter-col--options,
.citi-account__activity-filter-col--submit,
.citi-account__activity-filter-col--type,
.citi-account__activity-filter-col--value {
    position: relative;
    float: left;
    width: 27%;
    margin-right: 1%;
    vertical-align: top;
    list-style: none
}

.citi-account__activity-filter-col--clear label,
.citi-account__activity-filter-col--options label,
.citi-account__activity-filter-col--submit label,
.citi-account__activity-filter-col--type label,
.citi-account__activity-filter-col--value label,
.citi-account__activity-filter-col label {
    display: block;
    margin-bottom: 3px;
    font-size: .75em
}

.citi-account__activity-filter-col--submit {
    width: 8%;
    margin: 0
}

.citi-account__activity-filter-col--clear {
    width: 8%;
    margin: 0;
    text-align: center
}

.citi-account__activity-filter {
    display: none
}

.citi-account__activity-filter input,
.citi-account__activity-filter select {
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: .75em
}

.citi-account__activity-filter.-type {
    display: block
}

.citi-account__activity-filter.-ranged>div {
    float: left;
    width: 49%;
    margin-right: 2%
}

.citi-account__activity-filter.-ranged>div:last-of-type {
    margin: 0
}

.citi-account__activity-filters-submit {
    height: 35px;
    width: 100%
}

.citi-account__activity-filters-clear {
    display: inline-block;
    color: #888;
    font-family: Arial, sans-serif;
    font-size: .875em;
    margin-top: 8px
}

@media (max-width:600px) {
    .citi-account__activity-filter-col--clear,
    .citi-account__activity-filter-col--options,
    .citi-account__activity-filter-col--submit,
    .citi-account__activity-filter-col--type,
    .citi-account__activity-filter-col--value {
        width: 100%;
        margin: 0
    }
    .citi-account__activity-table-head {
        display: none
    }
    .citi-account__activity-table-row,
    .citi-account__activity-table-row--pagination {
        border-bottom: 1px solid #ccc;
        padding: 10px
    }
    .citi-account__activity-table-row--pagination:after,
    .citi-account__activity-table-row--pagination:before,
    .citi-account__activity-table-row:after,
    .citi-account__activity-table-row:before {
        display: table;
        content: " "
    }
    .citi-account__activity-table-row--pagination:after,
    .citi-account__activity-table-row:after {
        clear: both
    }
    .-default-visible.citi-account__activity-table-row--pagination,
    .citi-account__activity-table-row.-default-visible {
        display: block
    }
    .citi-account__activity-table-row--pagination {
        padding: 0
    }
    .citi-account__pagination {
        display: block
    }
    .citi-account__pagination-download {
        position: static;
        margin-top: 10px
    }
    .citi-account__activity-table-cell {
        display: block;
        border-bottom: none;
        padding: 0
    }
    .citi-account__activity-table-cell.-date {
        position: absolute;
        bottom: 10px;
        left: 10px;
        color: #888;
        width: 66%
    }
    .citi-account__activity-table-cell.-title {
        float: left;
        width: auto;
        padding-bottom: 20px;
        width: 66%
    }
    .citi-account__activity-table-cell.-amount {
        float: right;
        padding-bottom: 20px;
        font-weight: 700;
        width: 33%
    }
    .citi-account__activity-table-cell.-balance {
        float: right;
        position: absolute;
        bottom: 10px;
        right: 10px;
        width: 33%
    }
    .citi-account__activity-table-cell.-tooltip-align {
        padding-right: 0
    }
    .citi-account__activity-memo {
        margin-top: 0
    }
}

.content-alert-box,
.content-alert-box--accounts-list {
    padding: 15px 15px 20px;
    background: #e5f4f1
}

.content-alert-box--accounts-list {
    border: 1px solid #ccc;
    border-top: none
}

.content-alert-box__heading {
    color: #009d78;
    font-size: 1.3125em;
    font-weight: 100;
    margin: 0
}

.content-alert-box__text {
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: .75em;
    display: inline-block;
    width: 80%;
    color: #888
}

.content-alert-box__cta-link {
    float: right;
    margin-top: 5px
}

.olb-form,
.olb-form__row,
.unauth-form__row {
    position: relative
}

.olb-form__row+.olb-form__row,
.olb-form__row+.unauth-form__row,
.unauth-form__row+.olb-form__row,
.unauth-form__row+.unauth-form__row {
    margin-top: 16px
}

@media (max-width:690px) {
    .olb-form__row .hasCustomSelect,
    .unauth-form__row .hasCustomSelect {
        bottom: 0;
        left: 0
    }
}

.olb-form__input,
.olb-form__label,
.olb-form__label--wide,
.olb-form__label--wider,
.olb-form__static {
    display: inline-block
}

@media (max-width:690px) {
    .olb-form__input,
    .olb-form__label,
    .olb-form__label--wide,
    .olb-form__label--wider,
    .olb-form__static {
        max-width: 100%
    }
}

.olb-form__label,
.olb-form__label--wide,
.olb-form__label--wider {
    width: 75px;
    font-size: .875em;
    font-family: CitiSans, Helvetica, Arial, sans-serif
}

.olb-form__label--wide {
    width: 165px
}

.olb-form__label--wider {
    width: 232px
}

.olb-form__input,
.olb-form__static {
    width: 100%;
    max-width: 335px;
    font-size: .75em;
    font-family: Arial, sans-serif;
    border-color: #e1e1e1!important
}

.-half-width.olb-form__static,
.olb-form__input.-half-width {
    max-width: 167px
}

input.olb-form__input,
input.olb-form__static,
select.olb-form__input,
select.olb-form__static {
    height: 35px;
    line-height: 35px
}

.olb-form__static {
    font-size: .875em;
    padding: 0 5px;
    color: #333
}

@media (max-width:690px) {
    .olb-form__static {
        padding: 0
    }
}

.olb-form__separator,
.olb-form__separator--label-wide,
.olb-form__separator--label-wider {
    margin: 20px 0;
    padding-left: 78px;
    border: none;
    text-transform: uppercase;
    color: #666
}

@media (max-width:690px) {
    .olb-form__separator,
    .olb-form__separator--label-wide,
    .olb-form__separator--label-wider {
        text-align: center;
        padding-left: 0
    }
}

.olb-form__separator--label-wide {
    padding-left: 168px
}

.olb-form__separator--label-wider {
    padding-left: 235px
}

.olb-form__btn-row {
    text-align: right;
    margin-top: 30px
}

.olb-form__btn-row-item {
    margin-left: 20px
}

.olb-form__corner-btn {
    position: absolute;
    bottom: 0;
    right: 0
}

@media (max-width:690px) {
    .olb-form__corner-btn {
        position: static;
        margin-top: 30px
    }
}

.olb-form__alert {
    margin-top: -10px;
    max-width: 700px
}

.page-intro-area {
    padding: 15px 0
}

.page-intro-area__title {
    display: inline;
    margin: 0;
    color: #82c25d;
    font-size: 2.1875em;
    font-weight: 300
}

.page-intro-area__separator {
    margin: 0 0 20px
}

.profile-section {
    padding: 30px 25px 25px;
    border-bottom: 1px solid #ccc
}

.profile-section.is-last {
    border-bottom: none
}

.profile-section__header {
    color: #80bd5d;
    font-size: 1.5625em;
    font-weight: 100;
    line-height: 1;
    margin: 0 0 25px
}

.section-heading {
    background-color: #009d78;
    padding: 18px 15px 11px 20px
}

.section-heading__title {
    font-size: 1.3125em;
    font-weight: 300;
    line-height: 1;
    color: #fff;
    display: inline-block;
    margin: 0
}

.section-heading__util {
    float: right;
    line-height: 1;
    margin-top: 4px
}

.section-heading__util-text {
    font-family: CitiSans, Helvetica, Arial, sans-serif;
    font-size: 1em;
    color: #fff
}

.sigref-frame {
    border: 1px solid #c6c6c6
}

.sigref-frame__header {
    border-bottom: 1px solid #c6c6c6;
    padding: 10px 15px;
    background: #f1f1f2
}

.sigref-frame__header-title {
    font-family: Arial, sans-serif;
    font-size: .875em;
    font-weight: 400;
    line-height: 1;
    margin: 0
}

.sigref-frame__content {
    overflow: hidden
}

.tooltip-container {
    display: inline;
    position: relative
}

.tooltip__content {
    display: none;
    position: absolute;
    top: -50px;
    left: 28px;
    z-index: 100;
    width: 184px;
    padding: 5px 15px;
    -webkit-box-shadow: 0 1px 1px #c8c8c8;
    -moz-box-shadow: 0 1px 1px #c8c8c8;
    box-shadow: 0 1px 1px #c8c8c8;
    background: #e5f5f1;
    text-align: left;
    text-transform: none
}

.tooltip__content--left {
    left: -228px
}

.tooltip__arrow {
    position: absolute;
    top: 0;
    left: -14px;
    width: 228px;
    height: 100%;
    background: url(../img/tooltip-arrow-left.png) left 40px no-repeat transparent;
    z-index: 1
}

.tooltip__arrow--left {
    left: 0;
    background: url(../img/tooltip-arrow-right.png) right 40px no-repeat transparent
}

.tooltip__content-heading {
    font-size: 14px;
    font-family: CitiSans, Helvetica, Arial, sans-serif;
    color: #009d78;
    border-bottom: 1px solid #cacccd;
    margin-bottom: 0;
    font-style: normal;
    padding: 10px 0;
    position: relative;
    z-index: 5
}

.tooltip__content-text {
    font-style: normal;
    padding: 10px 0!important;
    position: relative;
    z-index: 5;
    margin: 0;
    color: #444;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.tooltip__content-text a {
    color: #444
}

a.tooltip__content-text--link {
    color: #00a0be
}

.button.disabled {
    background: #ccc
}

.button.disabled:hover {
    cursor: default;
    text-decoration: none
}

input[type=submit].submit-button {
    padding: 9px 15px 8px;
    border: 0
}

.submit-large,
input[type=submit].submit-large {
    padding: 10px 30px;
    font-size: 1.125em
}

.pay-bill {
    display: inline-block;
    padding: 12px 15px 10px;
    border-radius: 5px;
    margin: 0 auto;
    font-size: 1.091em;
    line-height: 1em
}

.button-cta,
.pay-bill {
    text-transform: uppercase
}

.button-cta {
    font-size: .8em
}

.button-cta span,
.pay-bill span {
    padding-right: 12px;
    background: url(../img/arrow-right-white.png) no-repeat 100%
}

.button-cta.toggle-select {
    background: #e4f4f0;
    color: #009c77;
    font-family: CitiSans, Helvetica, Arial, sans-serif;
    margin: 10px 0 4px;
    display: block
}

span.button-cta.toggle-select {
    background: #009c77;
    color: #fff;
    display: none
}

.selected span.toggle-select {
    display: block
}

.selected a.toggle-select {
    display: none
}

.toggle-select i {
    font-size: 18px;
    margin-left: -4px;
    margin-right: 4px
}

.button-cta.disabled {
    pointer-events: none;
    cursor: default;
    opacity: .5;
    background: #f1912b
}

button,
input,
select,
textarea {
    font-family: CitiSans, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased
}

input:not([type=image]),
textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

textarea {
    resize: vertical
}

.ui-datepicker {
    font-size: .75em
}

.jqTransformSelectWrapper div,
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
select {
    height: 24px;
    padding: 0 5px;
    border: 1px solid #eee;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #444;
    font-weight: 300;
    line-height: 24px;
    font-family: Arial, sans-serif
}

input.datepicker {
    padding-right: 25px;
    border: 1px solid #eee;
    background: #fff url(../img/form-calendar.png) 97% 0 no-repeat;
    font-family: Arial, sans-serif;
    font-size: .75em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

select {
    padding-right: 20px;
    overflow: hidden;
    background: url("../img/arrow-down-gray.png") 95% no-repeat #fff;
    text-indent: .01px;
    text-overflow: "";
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

.jqTransformSelectWrapper.disabled div,
input.datepicker[disabled],
input[disabled],
select[disabled] {
    background-color: #fafafa;
    color: #999
}

.submit-button[disabled] {
    background: #bcbebf;
    color: #d1d2d3
}

.form-item {
    margin: 10px 0;
    position: relative
}

.form-item fieldset legend,
.form-item label {
    float: left;
    font-size: .813em;
    line-height: 1.1em;
    width: 144px;
    text-align: right;
    padding-top: 2px
}

.form-item .input-container {
    margin-left: 160px;
    position: relative
}

.form-item input {
    display: inline-block;
    width: 100%;
    padding: 0;
    font-size: 12px;
    text-indent: 8px
}

.form-item input[type=radio] {
    display: inline;
    width: auto
}

.form-item input.last,
.form-item span.last {
    margin-right: 0
}

.form-item .halves,
.form-item .thirds {
    float: left;
    margin-right: 2%
}

.form-item .thirds {
    width: 32%
}

.form-item .halves {
    width: 49%!important
}

.form-item label.inline-label {
    display: inline;
    width: auto;
    padding-right: 10px
}

.form-item select {
    width: 100%;
    font-size: .875em
}

.form-item .chosen-container {
    width: 100%!important
}

.form-item .field-seperator {
    color: #444;
    font-family: CitiSans, Helvetica, Arial, sans-serif;
    font-size: 14px;
    padding-top: 20px
}

.lt-ie8 .form-item input {
    width: 326px;
    padding: 0 8px;
    text-indent: 0
}

.split-item .form-item {
    margin-bottom: 0
}

.split-item .form-item.last {
    margin-right: 0;
    margin-left: 3%
}

.lt-ie8 .split-item input {
    width: 161px
}

.form-item.checkbox-item {
    padding-top: 25px
}

.checkbox-item input[type=checkbox] {
    float: left;
    width: auto;
    margin-top: 5px
}

.checkbox-item label {
    float: left;
    width: auto;
    padding: 0 0 0 5px
}

html:not(.lt-ie9) .checkbox-item input[type=checkbox] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

html:not(.lt-ie9) .checkbox-item input[type=checkbox]+label {
    display: inline-block;
    min-height: 19px;
    padding: 0 0 0 25px;
    background: url(../img/form-checkbox.png) 0 no-repeat transparent;
    vertical-align: middle;
    cursor: pointer
}

html:not(.lt-ie9) .checkbox-item input[type=checkbox]:checked+label {
    background-image: url(../img/form-checkbox-selected.png)
}

html:not(.lt-ie9) .checkbox-item.checkbox-toggle input[type=checkbox]+label {
    min-height: 27px;
    padding-left: 44px;
    background-image: url(../img/form-checkbox-toggle.png);
    background-position: 0 0
}

html:not(.lt-ie9) .checkbox-item.checkbox-toggle input[type=checkbox]:checked+label {
    background-image: url(../img/form-checkbox-toggle-selected.png)
}

.form-actions {
    float: left;
    width: 100%;
    margin-top: 10px
}

.form-actions input[type=submit] {
    margin-right: 15px;
    font-size: 1.125em
}

.customSelect {
    width: 100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #eee;
    height: 24px;
    color: #444;
    font-size: 12px;
    font-weight: 300;
    line-height: 24px;
    font-family: Arial, sans-serif;
    background: url(../img/arrow-down-gray-showhide.png) 100% no-repeat #fff
}

.input-optional~.customSelect {
    color: #999
}

.input-optional>span {
    font-family: Arial, Helvetica, sans-serif;
    color: #999
}

.customSelect.customSelectFocus {
    outline: 1px solid rgba(0, 123, 94, .3);
    box-shadow: 0 0 10px #007b5e!important
}

.account-section-filter-options .customSelect {
    font-size: 16px
}

.customSelectInner {
    padding: 0 5px;
    line-height: 1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.customSelectInner,
select.hasCustomSelect {
    width: 100%!important
}

select.hasCustomSelect.error+.customSelect {
    border-color: red
}

.centered-content {
    width: 1060px;
    padding: 0 20px;
    margin: 0 auto
}

.responsive-enabled .centered-content {
    width: auto;
    max-width: 1060px
}

.page-header {
    position: relative;
    padding: 20px 0 15px;
    background: #fff
}

.page-header ul {
    padding: 0;
    margin: 0
}

.page-header .centered-content {
    position: relative
}

h1 {
    margin: 0;
    line-height: 1em
}

.page-logo {
    display: block
}

.page-logo img {
    width: 203px;
    height: auto;
    padding: 6px 0 14px 10px
}

.page-nav {
    float: left;
    clear: both;
    margin-top: 20px;
    font-family: CitiSans, Helvetica Neue, Helvetica, Arial, sans-serif
}

.page-nav li {
    display: block;
    float: left;
    margin-right: 4px;
    list-style: none
}

.page-nav a {
    display: block;
    position: relative;
    padding: 16px 12px 14px;
    background: #e5f5f1;
    color: #009d78;
    font-size: .75em;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase
}

.page-nav .active,
.page-nav li:focus a,
.page-nav li:hover a {
    background: #009d78;
    color: #fff;
    text-decoration: none
}

.page-nav li:focus a,
.page-nav li:hover a {
    background: #007758
}

.page-nav li:hover a {
    z-index: 10
}

.page-nav .sub-nav-container {
    visibility: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 500
}

.page-nav li:hover .sub-nav-container {
    visibility: visible
}

.page-nav .sub-nav {
    padding: 10px 0;
    margin: 0 20px;
    background: #007758
}

.page-nav .sub-nav-col {
    float: left;
    width: 22.5%;
    border-right: 1px solid #2d8b71;
    box-sizing: border-box
}

.page-nav .sub-nav-col.last {
    border-right: none;
    width: auto;
    margin: 0
}

.page-nav .sub-nav-container.five-subnav-cols .sub-nav-col {
    width: 20%
}

.page-nav .sub-nav .subnav-header,
.page-nav .sub-nav a {
    color: #fff;
    font-size: 1em;
    font-weight: 700;
    padding: 5px 12px;
    text-transform: none
}

.page-nav .sub-nav a:focus,
.page-nav .sub-nav a:hover {
    color: #b1eb8f
}

.page-nav .sub-nav ul a {
    font-size: .938em;
    font-weight: 100
}

.page-nav .sub-nav ul li {
    float: none
}

.wide-cols .sub-nav-col {
    width: 27%
}

.util-nav {
    float: right;
    margin-top: -7px;
    font-size: .75em
}

.util-nav li {
    float: left;
    padding: 0 7px;
    border-right: 1px solid #7c7c7c;
    list-style: none
}

.util-nav li.last {
    border-right: 0
}

.util-nav a {
    display: inline-block;
    color: #7c7c7c;
    text-transform: uppercase
}

.util-nav a.active {
    color: #000
}

a.logout-link {
    display: inline-block;
    color: #f1912b;
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 20px
}

a.logout-link:before {
    display: inline-block;
    content: "\E607";
    color: #f1912b;
    font-family: citi-icons;
    font-size: 1.75em;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    top: -4px;
    left: -20px
}

.logout-link:focus:before,
a.logout-link:hover:before {
    text-decoration: none
}

.alert-nav {
    float: right;
    margin-top: 30px;
    font-size: .75em
}

.alert-nav li {
    float: left;
    padding: 0 7px;
    list-style: none
}

.alert-nav a {
    font-family: Arial, sans-serif;
    color: #009d78
}

.page-header .topshadow {
    position: absolute;
    width: 100%;
    bottom: 15px;
    z-index: 5
}

.page-container {
    padding: 0 0 50px
}

.global-message {
    margin-bottom: 20px;
    padding: 20px 20px 20px 50px;
    position: relative;
    font-size: .938em
}

.global-message:before {
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 6px;
    font-size: 3em;
    font-family: citi-icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

.error-message {
    display: inline-flex;
    align-items: center;
    background: #fef3f3;
    color: red;
    padding: .1rem 1rem 0 .5rem;
}

.error-message:before {
    font-family: 'citi-icons';
    content: "\E611";
    font-size: 1.5rem;
    margin-right: .2rem;
}

@media (max-width: 600px) {
    .error-message {
        padding: .5rem;
        padding-right: 1rem;
    }
    .error-message:before {
        font-size: 2rem;
        margin-right: .4rem;
    }
}

.inline-error {
    display: inline-block;
    color: red;
    font-family: Arial, sans-serif;
    font-size: 11px
}

.status-message {
    background: #e7f7fd;
    color: #209db9
}

.status-message:before {
    content: "\E615"
}

.status-message a {
    color: #209db9;
    text-decoration: underline
}

.warning-message {
    background: #fdf3eb;
    color: #ee9037
}

.warning-message a {
    color: #ee9037;
    text-decoration: underline
}

.warning-message:before {
    content: "\E626"
}

.page-title {
    border-bottom: 1px solid #cacccd;
    margin-bottom: 30px
}

.page-title h2 {
    display: inline;
    color: #82c25d;
    font-size: 2.188em;
    font-weight: 300
}

.page-title img {
    margin-left: 10px
}

.page-intro {
    margin-bottom: 30px
}

.page-intro h3 {
    margin: 0 0 10px;
    color: #009dbb;
    font-size: 1.563em;
    font-weight: 300
}

.page-intro p {
    width: 66%;
    margin: 0;
    color: #58595b;
    font-size: 1.125em
}

.two-col .col-left,
.two-col .main-content {
    float: right;
    width: 71.699%;
    clear: both
}

.two-col .main-sidebar {
    float: left;
    width: 26.4151%
}

.main-sidebar.top-spacer {
    margin-top: 25px
}

.two-col.layout-2-1 .main-content {
    float: left
}

.two-col.layout-2-1 .main-sidebar {
    float: right
}

.footer-top {
    margin-bottom: 30px;
    background: #009d78;
    text-align: center
}

.footer-top ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.footer-top li {
    display: inline-block
}

.footer-top li>a,
.footer-top li>span {
    display: block;
    padding: 10px 40px;
    color: #fff;
    line-height: 1
}

.footer-top li>a:before,
.footer-top li>span:before {
    font-family: citi-icons;
    color: #82c25d;
    display: inline-block;
    font-size: 22px;
    font-size: 2.2rem;
    margin-top: -4px;
    margin-top: -.4rem;
    padding-right: 4px;
    padding-right: .4rem;
    vertical-align: middle;
    position: relative
}

.footer-top li>a.contact:before {
    content: "\E606"
}

.footer-top li>span.location:before {
    content: "\E60A"
}

.footer-top li>a.locator:before {
    content: "\E60B"
}

.footer-row {
    width: 810px;
    padding: 0 20px;
    margin: 0 auto 20px;
    text-align: center
}

.footer-row ul {
    float: left;
    width: 28%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left
}

.footer-row ul.last {
    width: 16%
}

.footer-row li {
    margin: 0 0 3px
}

.footer-row h6 {
    margin: 0;
    color: #009d78;
    font-size: 1.063em;
    font-weight: 300
}

.footer-row a {
    color: #6d6e71;
    font-size: .75em
}

.responsive-enabled .footer-row {
    width: auto;
    max-width: 810px
}

.footer-bottom {
    padding: 15px 0 20px;
    border-top: 1px solid #c2c3c4
}

.footer-bottom .disclaimer {
    font-size: .625em;
    color: #7c7c7c
}

.footer-util {
    padding: 0;
    margin: 0;
    list-style: none
}

.footer-util li {
    display: inline-block;
    margin-right: 8px;
    font-size: .625em;
    text-transform: uppercase
}

.footer-util .sitemap a {
    padding-right: 10px;
    border-right: 1px solid #7c7c7c;
    color: #7c7c7c
}

.account-table table {
    width: 100%;
    font-size: .75em
}

.account-table th {
    padding: 9px 15px 7px;
    background: #f7f7f7;
    color: #9d9fa2;
    font-size: .917em;
    font-weight: 400;
    text-transform: uppercase;
    border-bottom: 1px solid #d7d7d7
}

.account-table th .sortable {
    padding-right: 12px;
    background: url(../img/table-sort.png) right 1px no-repeat transparent;
    color: #b3b3b3;
    cursor: pointer
}

.account-table th .sortable.sort-asc {
    background: url(../img/table-sort-down.png) right 1px no-repeat transparent;
    color: #666
}

.account-table th .sortable.sort-desc {
    background: url(../img/table-sort-up.png) right 1px no-repeat transparent;
    color: #666
}

.account-table td {
    padding: 15px
}

.account-table table tbody {
    font-family: Arial, sans-serif
}

.account-table table tbody a.goal-track {
    font-size: 1.091em;
    font-family: Arial, sans-serif
}

.account-table table tbody .darkgreen {
    font-size: 1.182em
}

.account-table table .text-left {
    text-align: left
}

.account-table table .text-center {
    text-align: center
}

.account-table th:not(.text-left) .sortable {
    margin-right: -12px
}

.tooltip {
    display: inline;
    position: relative
}

.tooltip-icon {
    display: inline-block;
    z-index: 1;
    width: 12px;
    height: 12px;
    background: url(../img/account-transaction-tooltip.png) 50% no-repeat transparent;
    cursor: pointer
}

.tooltip-content {
    display: none;
    position: absolute;
    top: -50px;
    left: 28px;
    z-index: 100;
    width: 184px;
    padding: 5px 15px;
    -webkit-box-shadow: 0 1px 1px #c8c8c8;
    -moz-box-shadow: 0 1px 1px #c8c8c8;
    box-shadow: 0 1px 1px #c8c8c8;
    background: #e5f5f1;
    text-align: left;
    text-transform: none
}

.modal-accounts-list .tooltip-content {
    top: -10px
}

.modal-accounts-list .tooltip-arrow {
    top: 10px
}

h3 .tooltip-content {
    left: 100%;
    margin-left: 25px;
    top: -38px
}

.tooltip-content h6 {
    padding: 0 2px;
    border-bottom: 1px solid #cacccd;
    margin: 0 0 5px;
    color: #009d78;
    font-size: 1.364em
}

.tooltip-arrow {
    position: absolute;
    top: 0;
    left: -14px;
    width: 228px;
    height: 100%;
    background: url(../img/tooltip-arrow-left.png) left 40px no-repeat transparent;
    z-index: 1
}

.tooltip-left .tooltip-content {
    left: -228px
}

.tooltip-left .tooltip-arrow {
    left: 0;
    background: url(../img/tooltip-arrow-right.png) right 40px no-repeat transparent
}

.tooltip .tooltip-content p,
.tooltip h5 {
    font-style: normal;
    padding: 10px 0!important;
    position: relative;
    z-index: 5
}

.tooltip h5 {
    font-size: 14px!important;
    font-family: CitiSans, Helvetica, Arial, sans-serif;
    color: #009d78;
    border-bottom: 1px solid #cacccd;
    margin-bottom: 0!important
}

.disable-overflow {
    overflow: visible!important;
    z-index: 10!important
}

.disable-overflow .tooltip .tooltip-content ul {
    padding: 0 0 0 10px;
    margin: 0
}

.tooltip .tooltip-content li,
.tooltip .tooltip-content p {
    margin: 0;
    color: #444;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.no-js .tooltip:focus .tooltip-content,
.no-js .tooltip:hover .tooltip-content,
.tooltip.hover .tooltip-content {
    display: block
}

.citi-modal {
    display: none
}

.simplemodal-overlay {
    background: #999;
    background: rgba(0, 0, 0, .8)
}

.simplemodal-wrap {
    width: 580px;
    height: auto
}

.modalCloseImg {
    display: block;
    position: absolute;
    top: -14px;
    right: -14px;
    width: 28px;
    height: 28px;
    background: url(../img/modal-close.png) 50% no-repeat transparent;
    cursor: pointer
}

.account-table {
    margin-bottom: 20px
}

.account-table-border {
    display: block;
    height: 8px;
    background: #009d78
}

.account-table-content {
    border: 1px solid #cacccd;
    border-top: 0;
    background: #fbfcfc
}

.account-content-container {
    position: relative;
    background: #f2f9f8;
    height: auto;
    overflow: hidden;
    -webkit-transition: height .25s;
    -moz-transition: height .25s;
    -o-transition: height .25s;
    transition: height .25s
}

.account-table-body {
    position: relative;
    left: 0;
    z-index: 100;
    background: #fff;
    -webkit-transition: left .5s, -webkit-box-shadow .5s;
    -moz-transition: left .5s, -moz-box-shadow .5s;
    -o-transition: left .5s, -o-box-shadow .5s;
    transition: left .5s, box-shadow .5s
}

.account-overview {
    padding: 15px;
    border-bottom: 1px solid #ececec
}

.account-title {
    float: left;
    font-weight: 300;
    width: 48%;
    line-height: 1.4em;
    padding-bottom: 30px
}

.account-title h3 {
    margin: 0 0 4px;
    font-size: 1.25em;
    font-weight: 600
}

.account-title span {
    font-size: .8em
}

.account-title .goal-track {
    margin-left: 2px
}

.account-actions {
    font-size: .75em;
    clear: both
}

.account-actions ul {
    padding: 0;
    margin: 0 auto;
    float: left
}

.account-actions li {
    display: inline-block;
    padding: 0 15px 0 0;
    margin: 0 0 5px;
    list-style: none
}

.account-actions ul li a {
    position: relative;
    display: block;
    width: auto;
    padding-left: 30px;
    color: #00a0be;
    line-height: 23px;
    font-family: Arial, sans-serif
}

.account-actions a:before {
    font-family: citi-icons;
    font-size: 2.5em;
    color: #00a0be;
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 0;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: .25em
}

.account-actions a:focus:before,
.account-actions a:hover:before {
    text-decoration: none
}

.account-actions .statement:before {
    content: "\E608"
}

.account-actions .go-paperless:before {
    content: "\E610"
}

.account-actions .account-settings-link-mortgage:before,
.account-actions .account-settings-link:before {
    content: "\E617"
}

.account-actions .view-transactions:before {
    content: "\E605"
}

.account-actions .view-current-balance:before {
    content: "\E613"
}

.account-actions .mortgage-loan-info:before {
    content: "\E615"
}

.account-balance {
    width: 48%;
    float: right;
    padding-bottom: 10px;
    text-align: right
}

.account-search {
    float: left;
    clear: both;
    width: 68%;
    height: 25px;
    border-radius: 2px;
    margin: 0 0 20px;
    background: url(../img/account-search.png) 5px 3px no-repeat #f7f7f7;
    text-align: left;
    line-height: 25px;
    text-indent: 25px
}

.account-amount {
    color: #009d78;
    font-size: 2.813em;
    font-weight: 600;
    line-height: 1em
}

.account-amount-date {
    color: #009d78;
    font-family: Arial, sans-serif;
    font-size: .75em;
    font-style: italic
}

.negative-balance .account-amount,
.negative-balance .account-amount-date {
    color: red
}

.text-left .account-amount-date {
    font-size: 1em;
    color: #009d78
}

.account-detail-link {
    float: right;
    font-size: .75em
}

.account-details {
    clear: both;
    padding: 4px 0 0;
    color: #7c7c7c;
    font-family: Arial, sans-serif;
    font-size: .75em
}

.account-details ul {
    padding: 0;
    margin: 0 auto
}

.account-details li {
    display: inline;
    padding: 2px 6px 2px 0;
    border-right: 1px solid #dcddde;
    margin-right: 4px;
    list-style: none
}

.account-details .last {
    padding-right: 0;
    border-right: 0;
    margin-right: 0
}

.account-section-title {
    padding: 20px 15px 10px
}

.account-section-title h5 {
    float: left
}

.account-section-filter {
    float: right;
    margin-top: 6px;
    font-weight: 600
}

.js .account-section-filter-options {
    display: none
}

.account-section-filter.toggle {
    width: 60px;
    height: 28px;
    margin-right: 20px
}

.account-section.cal .list {
    float: right;
    background: url(../img/list-unselected.png) no-repeat
}

.account-section.account-section-tabbed .cal,
.account-section.account-section-tabbed .list {
    width: 26px;
    height: 28px;
    cursor: pointer
}

.account-section.account-section-tabbed.cal .cal {
    float: left;
    background: url(../img/cal-selected.png) no-repeat
}

.account-section.account-section-tabbed.list .list {
    float: right;
    background: url(../img/list-selected.png) no-repeat
}

.account-section.account-section-tabbed.list .cal {
    float: left;
    background: url(../img/cal-unselect.png) no-repeat
}

select.account-section-filter {
    margin-top: 0;
    text-align: right
}

.account-section-filter-options {
    clear: both;
    padding-top: 15px
}

.account-section-filter-options ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 auto
}

.account-section-filter-options li {
    position: relative;
    float: left;
    width: 27%;
    margin-right: 1%;
    vertical-align: top;
    list-style: none
}

.account-section-filter-options li.last {
    width: 8%;
    margin-right: 0
}

.account-section-filter-options label,
.account-section-filter-options span {
    text-align: left;
    font-size: .75em
}

.account-section-filter-options label {
    display: block;
    margin-bottom: 3px
}

.account-section-filter-options ul input[type=number],
.account-section-filter-options ul input[type=text],
.account-section-filter-options ul select {
    width: 100%;
    font-size: .75em
}

.account-section-filter-options input[type=submit].submit-button {
    width: 100%;
    padding: 8px 0 3px;
    margin-top: 19px;
    font-size: .938em;
    line-height: 14px
}

.account-section-filter-options .clear-filters {
    display: inline-block;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 23px 0 0 10px
}

.account-section-filter-options .clear-filters:hover {
    text-decoration: none
}

.account-section-filter-options .clear-filters.active {
    color: #00a0be
}

.account-section-filter-options .clear-filters.active:hover {
    text-decoration: underline
}

.range-filter div {
    float: left;
    width: 49%;
    margin-right: 2%
}

.range-filter .last {
    margin-right: 0
}

.account-filter {
    display: none
}

.account-filter.all,
.account-filter.initial-active,
.account-filter.timeframe,
.account-filter.type {
    display: block
}

.account-filter .chosen-container {
    width: 100%!important
}

.account-transactions-table {
    position: relative;
    text-align: right
}

.account-transactions-table td,
.doc-table td {
    padding: 15px;
    border-bottom: 1px solid #ccc;
    vertical-align: top
}

.account-transactions-table td:first-of-type,
.account-transactions-table thead th:first-of-type {
    width: 16%
}

.account-transactions-table td:nth-of-type(2),
.account-transactions-table thead th:nth-of-type(2) {
    width: 41%
}

.account-transactions-table td:nth-of-type(3),
.account-transactions-table td:nth-of-type(4),
.account-transactions-table thead th:nth-of-type(3),
.account-transactions-table thead th:nth-of-type(4) {
    width: 18%
}

.account-transactions-table td:nth-of-type(5),
.account-transactions-table thead th:nth-of-type(5) {
    width: 7%
}

.account-transactions-table.four-col td:first-of-type,
.account-transactions-table.four-col thead th:first-of-type {
    width: 20%
}

.account-transactions-table.four-col td:nth-of-type(2),
.account-transactions-table.four-col thead th:nth-of-type(2) {
    width: 55%
}

.account-transactions-table.four-col td:nth-of-type(3),
.account-transactions-table.four-col thead th:nth-of-type(3) {
    width: 17%
}

.account-transactions-table.four-col td:nth-of-type(4),
.account-transactions-table.four-col thead th:nth-of-type(4) {
    width: 7%
}

.account-transactions-table.filters-hidden,
.account-transactions-table tr.filters-hidden {
    display: none!important
}

.account-transactions-table tbody tr:last-child td {
    border-bottom: none
}

.single-account .account-transactions-table tr {
    display: none
}

.account-transactions-table .no-filter-results {
    display: table-row!important;
    text-align: center
}

.account-transactions-table .no-filter-results td {
    padding: 8px 0
}

.no-js .single-account .account-transactions-table tr,
.single-account .account-transactions-table .ad-row,
.single-account .account-transactions-table .visible-row,
.single-account .account-transactions-table thead tr {
    display: table-row
}

.single-account .show-all-rows .account-transactions-table .ad-row {
    display: none!important
}

.account-transactions-table .last td {
    border-bottom: 0
}

.section-divider {
    padding: 5px 0 2px;
    border-bottom: none;
    background: #f2faf8;
    color: #009d78;
    font-family: CitiSans, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: .909em;
    text-align: center;
    text-transform: uppercase
}

.section-divider .tooltip {
    top: -1px;
    margin-left: 2px
}

td.account-transaction-alert {
    padding: 0;
    border-bottom: 0
}

.account-transaction-alert-content {
    position: relative;
    top: -1px;
    padding: 8px 0 6px;
    background: #e5f4f1;
    text-align: center;
    color: #009d78
}

.account-transaction-alert-content span {
    display: inline-block;
    padding-left: 30px;
    background: url(../img/account-transaction-alert.png) 0 0 no-repeat transparent;
    line-height: 35px
}

.account-transaction-alert .dropshadow {
    position: relative;
    top: -1px
}

.memo-content {
    display: none;
    margin-top: 30px
}

.memo-content img {
    width: 100%
}

.memo-content .check-image {
    margin-bottom: 10px
}

.no-js .memo-content {
    display: block
}

.js .hide-all-transactions .account-section-title .account-details,
.js .hide-all-transactions .account-section-title .transaction-actions,
.js .hide-all-transactions .account-section-title h5,
.js .hide-all-transactions .account-transactions-table {
    display: none
}

.js .hide-all-transactions.show-all-rows .account-transactions-table {
    display: table
}

.js .hide-all-transactions.show-all-rows .account-section-title .account-details,
.js .hide-all-transactions.show-all-rows .account-section-title .transaction-actions,
.js .hide-all-transactions.show-all-rows .account-section-title h5 {
    display: block
}

.js .hide-all-transactions .account-section-title {
    padding: 0;
    position: relative
}

.js .hide-all-transactions.show-all-rows .account-section-title {
    padding: 20px 15px 10px
}

.account-transactions-table.account-history-table td:first-of-type,
.account-transactions-table.account-history-table td:nth-of-type(2),
.account-transactions-table.account-history-table td:nth-of-type(3),
.account-transactions-table.account-history-table td:nth-of-type(4),
.account-transactions-table.account-history-table thead th:first-of-type,
.account-transactions-table.account-history-table thead th:nth-of-type(2),
.account-transactions-table.account-history-table thead th:nth-of-type(4) {
    width: auto
}

.account-transactions-table.account-history-table td:nth-of-type(5),
.account-transactions-table.account-history-table thead th:nth-of-type(5) {
    width: 100px;
    text-align: right
}

.account-history-table .memo-show {
    margin-left: 12px
}

.account-history-table .memo-open td {
    border-bottom: none
}

.pagination-container {
    position: relative;
    width: 100%;
    padding: 30px 0;
    border-top: 1px solid #cacccd;
    background-color: #fff
}

.account-transactions-table .pagination-container {
    padding: 20px 0
}

.pagination {
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    list-style: none;
    font-size: 1.167em
}

.pagination li {
    display: inline-block;
    vertical-align: middle
}

.pagination li a {
    display: inline-block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    text-indent: -999px;
    visibility: hidden
}

.pagination li a.active {
    background-image: url(../img/arrow-pagination-blue-sprite.png);
    visibility: visible
}

.pagination li a.first {
    background-position: -15px 0
}

.pagination li a.last {
    background-position: -10px -21px
}

.pagination li a.next {
    background-position: 0 -21px
}

.pagination .page-numbers {
    padding: 4px 6px 0
}

.pagination .page-numbers span {
    font-style: italic
}

.account-transactions-download {
    display: inline-block;
    width: auto;
    height: 23px;
    padding-left: 25px;
    background: url(../img/account-action-download.png) 0 0 no-repeat transparent;
    color: #00a0be;
    line-height: 23px
}

.pagination-container .account-transactions-download {
    position: absolute;
    right: 30px;
    bottom: 16px
}

.account-table-hiddenform {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.settings-open .account-table-settings {
    visibility: visible;
    opacity: 1
}

.no-js .account-table-settings {
    position: static;
    visibility: visible;
    opacity: 1
}

.settings-open .account-table-body {
    left: -100%
}

.account-table-hiddenform header {
    position: relative;
    padding: 15px 5px 10px;
    margin: 0 10px;
    border-bottom: 1px solid #cacccd
}

.account-table-hiddenform-close {
    display: block;
    position: absolute;
    top: 15px;
    right: 0;
    padding-right: 30px;
    color: #009d78;
    font-size: .875em;
    font-style: italic;
    text-transform: lowercase
}

.no-js .account-table-hiddenform-close {
    display: none
}

.account-table-hiddenform-close:after {
    content: "\E616";
    font-family: citi-icons;
    font-size: 2em;
    color: #009d78;
    display: inline-block;
    position: absolute;
    top: 6px;
    right: 0;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-decoration: underline;
    line-height: .25em
}

.account-table-hiddenform-close:after,
.account-table-hiddenform-close:focus:after,
.account-table-hiddenform-close:hover:after {
    text-decoration: none
}

.account-table-hiddenform h5,
.account-table-hiddenform h6 {
    margin: 0;
    color: #82c25d;
    font-size: 1.25em;
    padding-bottom: 8px;
    font-weight: 300
}

.account-table-hiddenform h5 span {
    font-size: .75em
}

.account-table-hiddenform h6 {
    font-size: 1em;
    font-weight: 100
}

.account-detail-list {
    float: left;
    width: 50%;
    font-family: Arial, sans-serif;
    font-size: .75em;
    font-weight: 100
}

.account-detail-list ul {
    padding: 0;
    margin: 10px 0 20px
}

.account-detail-list li {
    margin: 0 0 10px;
    list-style: none
}

.account-detail-list li>div {
    display: inline-block;
    vertical-align: top
}

.account-detail-list li .key {
    width: 40%
}

.account-detail-list li .value {
    position: relative;
    width: 48%
}

.account-detail-list a.blue {
    margin-left: 5px
}

.account-detail-list .jqTransformSelectWrapper {
    float: none;
    width: 100%!important;
    margin: 0;
    vertical-align: middle
}

.account-detail-list .jqTransformSelectWrapper div {
    padding-right: 24px
}

.account-detail-list .jqTransformSelectWrapper ul a {
    font-size: 1em
}

.account-detail-number .number-hidden,
.account-detail-number .number-hide {
    display: none
}

.account-detail-nickname input {
    display: none;
    width: 70%;
    margin: -10px 0 0
}

.account-detail-nickname .name-save {
    display: none
}

.lt-ie9 .account-details-visible-rows {
    width: 340px
}

.lt-ie9 .account-detail-nickname input {
    width: 140px
}

.account-table-settings section {
    padding: 10px 10px 20px;
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.account-details-options {
    display: table-cell;
    width: 29%;
    padding: 5px 0;
    border-right: 1px solid #cacccd;
    vertical-align: top
}

.account-details-options ul {
    padding: 0 10px 0 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif
}

.account-details-options li {
    margin: 16px 0;
    list-style: none
}

.account-details-options a,
.account-details-options span {
    position: relative;
    display: block;
    padding-left: 30px;
    font-size: .75em;
    color: #58595b;
    background-position: 0;
    background-repeat: no-repeat;
    background-color: transparent
}

.account-details-options span {
    padding-left: 0;
    font-weight: 700;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #cacccd
}

.account-details-options a:before {
    font-family: citi-icons;
    font-size: 2.5em;
    color: #009d78;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: -6px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-decoration: underline;
    line-height: .25em;
    text-decoration: none
}

.account-details-options a:focus:before,
.account-details-options a:hover:before {
    text-decoration: none
}

.account-details-options .option-stoppay:before {
    content: "\E60E"
}

.account-details-options .option-checks:before {
    content: "\E60D"
}

.account-details-options .option-alerts:before {
    content: "\E611"
}

.account-details-options .option-plans:before {
    font-family: citi-icons-alt;
    content: "g"
}

.account-details-options .option-paperless:before {
    content: "\E610"
}

.account-details-options .option-statement:before {
    content: "\E608"
}

.account-details-options .option-enotices:before {
    content: "\E60F"
}

.account-details-options .option-taxform:before {
    content: "\E618"
}

.account-details-options .option-view-rewards:before {
    content: "\E61E"
}

.account-details-options .goal-track:before {
    content: "\E62C"
}

.account-details-options .option-reorder:before {
    content: "\E62D"
}

.account-details-pref {
    display: table-cell;
    width: 68%;
    padding: 5px 0 5px 20px
}

.account-details-pref h6 {
    padding: 0 10px
}

.account-details-pref ul {
    padding: 10px;
    margin: 0;
    font-size: .75em;
    border-bottom: 1px solid #cacccd;
    font-family: Arial, Helvetica, sans-serif
}

.account-details-pref ul.last {
    border-bottom: none
}

.account-details-pref li {
    margin: 2px 0;
    list-style: none
}

.account-details-pref li strong {
    padding-bottom: 6px;
    display: block
}

.account-details-pref span {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top
}

.account-details-pref .title {
    width: 42%
}

.account-details-pref .value {
    margin-left: 4%;
    width: 32%
}

.account-details-pref .action.two-col,
.account-details-pref .value.two-col {
    width: 54%
}

.account-details-pref .action {
    margin-left: 4%;
    width: 18%
}

.account-details-pref.details-ad h1 {
    color: #009c77;
    font-family: Citisans;
    font-size: 34px;
    font-weight: 300;
    line-height: 45px;
    padding: 10px 45px 10px 0
}

.account-details-pref.details-ad a {
    background: url(../img/arrow-right-orange.png) no-repeat 100% 0;
    color: #f0902a;
    font-family: Citisans;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    padding-right: 12px
}

.show-balance-account .account-amount,
.show-balance-account .balance-error-message {
    display: none
}

.show-balance {
    float: right;
    display: block;
    height: 32px;
    width: 130px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #e4f5f0;
    color: #009a78;
    font-weight: 800;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase
}

.show-balance span {
    font-size: .75em
}

.show-balance img {
    display: none
}

.show-balance:focus,
.show-balance:hover {
    text-decoration: none
}

.show-balance.disabled {
    background: #ededed;
    color: #9b9b9b
}

.check-options {
    padding: 0;
    list-style: none
}

.check-options li {
    display: inline;
    padding-right: 4px;
    border-right: 1px solid #808285;
    margin-right: 2px
}

.check-options .last {
    padding-right: 0;
    border-right: 0;
    margin-right: 0
}

.my-accounts .account-transactions-table {
    list-style: none;
    padding-left: 0;
    margin: 4px 0 0
}

.my-accounts .account-transactions-table>li {
    padding: 10px 0;
    border-bottom: 1px solid #ccc
}

.my-accounts .account-transactions-table .list-header {
    padding: 0 40px 5px 15px;
    font-size: .688em
}

.my-accounts .account-transactions-table li.last,
.my-accounts .account-transactions-table li li {
    border: none
}

.my-accounts .account-transactions-table li>div {
    float: left
}

.my-accounts .account-transactions-table li>.text-left {
    width: 65%;
    padding: 5px 0 0 15px;
    text-align: left
}

.my-accounts .account-transactions-table li>.text-left strong {
    font-size: 1.25em;
    font-weight: 400;
    line-height: 2.25em
}

.my-accounts .account-transactions-table li>.text-left span {
    font-size: .75em
}

.my-accounts .account-transactions-table li>.darkgreen {
    width: 28%;
    text-align: right;
    color: #009d78;
    margin-top: 5px
}

.my-accounts .account-transactions-table li>.darkgreen em {
    font-size: .75em
}

.my-accounts.account-selected .account-transactions-table>li {
    opacity: .5
}

.my-accounts.account-selected .account-transactions-table li.active {
    background-color: #e5f4f1;
    opacity: 1
}

.my-accounts.account-selected .account-transactions-table li.active>.text-left {
    color: #009d78
}

.my-accounts tbody,
table.my-accounts tbody .darkgreen {
    font-family: CitiSans, Helvetica, Arial, sans-serif;
    font-size: 1em
}

table.my-accounts tbody td {
    padding: 10px 15px
}

.darkgreen strong {
    display: block;
    font-size: 1.75em;
    line-height: 1em
}

.my-accounts a.showhide.orange {
    display: inline-block;
    height: 15px;
    margin-top: 15px;
    margin-right: 15px
}

.my-accounts .account-section-filter.showhide.blue {
    float: left;
    padding-right: 30px;
    margin-top: 15px;
    background-position: 100%;
    font-size: .75em;
    font-weight: 400
}

.account-subtable {
    position: relative;
    top: 10px;
    background: #fff;
    width: 100%
}

.account-subtable th {
    background: transparent
}

.account-subtable tr:not(.section-divider) td:not(.pagination-container) {
    padding: 11px
}

.account-subtable td.text-left {
    vertical-align: middle
}

.account-subtable .dropshadow {
    position: absolute;
    z-index: 1000
}

.account-subtable .account-section-title h5 {
    text-align: left
}

.account-subtable .account-actions li {
    float: left;
    padding-left: 15px;
    opacity: 1
}

.account-subtable .account-filter,
.account-subtable .account-section-title h5,
.account-subtable .account-table-body,
.account-subtable .dropshadow {
    width: 100%
}

.account-subtable .account-actions {
    top: 49px
}

.account-history {
    margin-bottom: 50px
}

.account-history .account-overview {
    border-bottom: none
}

.account-history-title {
    color: #80bd5d;
    font-size: 1.25em;
    font-weight: 100
}

.account-history-table-title {
    color: #444;
    padding: 15px 15px 10px
}

.js .account-history-filter-options {
    display: block
}

.account-history-filter-options li.last {
    width: 5%
}

.account-history-table {
    text-align: left
}

.account-history-table .no-results {
    padding: 40px 15px;
    font-size: 1.273em;
    text-align: center
}

.sidebar-item {
    margin-bottom: 15px
}

.notifications {
    padding: 15px 1px 0;
    color: #009d78;
    font-weight: 300
}

.notification-name {
    margin: 0;
    font-size: 1.375em
}

.notification-last-login {
    display: block;
    color: #000;
    font-family: Arial, sans-serif;
    font-size: .75em
}

.notifications ul {
    padding: 0;
    list-style: none;
    font-size: 1.125em
}

.notifications li {
    margin-bottom: 5px
}

.notifications a {
    position: relative;
    display: block;
    height: 22px;
    padding-left: 30px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0;
    color: #fff
}

.notifications a:before {
    position: absolute;
    display: inline-block;
    font-size: 2em;
    top: 11px;
    left: -5px;
    opacity: .5;
    font-family: citi-icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-decoration: underline;
    line-height: 0
}

.notifications a:before,
.notifications a:focus:before,
.notifications a:hover:before {
    text-decoration: none
}

.notifications a.profile {
    font-family: Arial, sans-serif;
    font-size: .55em;
    font-weight: 300;
    color: #00a0be;
    padding-left: 5px;
    display: inline
}

.notification-alert:before {
    content: "\E611"
}

.notification-msg:before {
    content: "\E60F"
}

.notifications-bottom {
    width: 100%;
    height: 29px;
    background: url(../img/notifications-bottom.png) 0 -2px no-repeat transparent
}

.account-landing .col-left {
    margin-top: 40px
}

.account-landing .notifications {
    margin-top: -76px
}

.sidebar-list-container {
    border: 1px solid #cacccd
}

.sidebar-list-title {
    padding: 10px;
    background-color: #009d78;
    color: #fff;
    font-family: CitiSans, Arial, sans-serif;
    text-align: center
}

.sidebar-list-title h3 {
    display: inline-block;
    margin: 0 auto;
    font-size: 1.375em;
    font-weight: 400
}

.sidebar-list {
    padding-left: 0;
    margin: 0;
    list-style: none
}

.sidebar-list li {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    margin: 0 10px;
    font-size: .875em;
    line-height: 1.25em
}

.sidebar-list li.last {
    border-bottom: none
}

.sidebar-list .cta-row {
    padding: 15px 0;
    text-align: center;
    font-family: CitiSans, Arial, sans-serif
}

.sidebar-list .cta-row .blue {
    font-size: 1.091em
}

.sidebar-accordian .toggle-list-container {
    border-bottom: 1px solid #ccc
}

.sidebar-list-option-accordian {
    padding: 11px 25px;
    background-color: #e5f4f1;
    color: #00a0be;
    font-size: 1.125em
}

.sidebar-accordian .sidebar-list-option-accordian {
    padding: 8px 15px 7px;
    background: url(../img/arrow-down-blue.png) 100% no-repeat #e5f4f1;
    cursor: pointer
}

.sidebar-accordian .sidebar-list-option-accordian.open {
    background-image: url(../img/arrow-up-blue.png)
}

.no-js .sidebar-accordian .sidebar-list-option-accordian {
    background-image: none
}

.sidebar-list-option-accordian p {
    font-size: 1em
}

.payment-list li {
    padding: 10px 15px;
    font-family: Arial, sans-serif;
    font-size: .6875em
}

.payment-list .ebill {
    position: absolute;
    display: block;
    background: url(../img/icon-ebill.png) 50% no-repeat transparent;
    width: 13px;
    height: 12px;
    left: 0;
    top: 9px
}

.payment-list li strong {
    display: inline-block;
    margin: 0 0 5px
}

.payment-list .payment-amt {
    float: right;
    margin: 0 0 5px
}

.payment-list .payment-acct {
    float: left;
    font-weight: 300
}

.payment-list .payment-status {
    float: right
}

.sidebar-alert {
    padding: 10px 15px;
    background: #fceddc
}

.sidebar-alert-title,
.sidebar-alert p {
    font-weight: 300
}

.sidebar-alert-title {
    color: #f1912b;
    font-size: 1.25em
}

.dark-green.cta,
.sidebar-alert p,
.sidebar-help p {
    font-size: .875em
}

.sidebar-alert p {
    padding-bottom: 60px;
    margin: 0;
    color: #58595b
}

.dark-green.cta {
    background: url(../img/arrow-right-darkgreen.png) no-repeat right 1px;
    color: #009d78
}

.sidebar-help {
    min-height: 188px;
    padding: 10px 15px;
    background-color: #e5f4f1;
    font-weight: 300
}

.sidebar-help-title {
    color: #009d78;
    font-size: 1.25em;
    line-height: 1.25em
}

.help-chat {
    background: url(../img/bg-sidebar-chat.png) no-repeat 100% #e5f4f1
}

.help-call {
    background: url(../img/bg-sidebar-call.png) no-repeat 100% #e5f4f1
}

.sidebar-help p {
    margin-top: 0
}

.sidebar-help .phone-number {
    padding: 15px 0;
    color: #58595b;
    font-size: 1.25em
}

.sidebar-help .cta {
    display: inline-block;
    margin-top: 35px;
    background-position: right 3px;
    font-size: .875em
}

.sidebar-help form {
    margin-top: 28px
}

.sidebar-help input[type=text] {
    width: 70%;
    height: 30px;
    padding: 3px 5px;
    margin-right: 10px;
    background: #fff;
    color: #cacccd;
    font-size: .875em
}

.sidebar-help input[type=submit] {
    padding: 7px 6px;
    border: 0;
    border-radius: 3px;
    background-color: #f1912b;
    color: #fff
}

.sidebar-callout p {
    margin-top: 10px;
    color: #009d78;
    font-size: 1.25em
}

.sidebar-callout a {
    font-size: .75em
}

.content-alert-wrapper {
    margin-bottom: 20px
}

.content-alert {
    padding: 15px 15px 10px;
    background: #e5f4f1
}

.content-alert-title {
    color: #009d78;
    font-size: 1.75em;
    font-weight: 300
}

.content-alert p {
    margin: 5px 0;
    font-family: Arial, sans-serif;
    font-size: .75em
}

.content-alert p a {
    color: #00a0be
}

.content-alert .cta {
    float: right;
    background-position: right 2px;
    font-size: .75em;
    font-weight: 600
}

.content-alert.chat-alert {
    min-height: 90px;
    background: url(../img/bg-sidebar-chat.png) 100% 0 no-repeat #e5f4f1
}

.content-alert.chat-alert p {
    color: #58595b
}

.content-alert.chat-alert .cta {
    float: left
}

.page-section {
    margin-bottom: 20px
}

.page-section h4 {
    font-size: 1.563em;
    font-weight: 300;
    color: #009dbb;
    margin: 0
}

.page-section p {
    margin: 0 0 1em;
    width: 66%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .75em
}

.page-section p a {
    color: #009dbb
}

.greenbox {
    background-color: #e5f4f1
}

.greenbox,
.placeholderbox {
    padding: 5px 15px 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.placeholderbox {
    background-color: #f3f3f3
}

.greenbox.last {
    margin: 0
}

.greenbox header {
    min-height: 80px;
    padding: 5px 0 20px;
    border-bottom: 1px solid #b2e0d7;
    margin-bottom: 25px
}

.onethird-col .greenbox header {
    min-height: 210px
}

.greenbox a.linebreak {
    display: block;
    margin-top: 20px
}

.greenbox header h3 {
    margin: 10px 80px 10px 0;
    color: #009d78;
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.2em
}

.greenbox header p,
header .doc-center p {
    margin: 0 80px 10px 0;
    color: #495551;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .875em
}

.greenbox .greenbox-icon {
    float: left;
    margin: 5px 20px 20px 0;
    width: 80px;
    height: 80px
}

.onethird-col .greenbox .greenbox-icon {
    float: left;
    margin: 0
}

.greenbox form ul {
    padding-left: 0;
    margin: 0;
    list-style: none
}

.js .greenbox:not(.account-open) form ul {
    display: none
}

.greenbox li {
    margin-right: 5%
}

.greenbox a {
    color: #00a0be
}

.greenbox form li {
    float: left;
    width: 45%;
    margin: 10px 5% 20px 0
}

.greenbox form .form-item {
    float: none;
    width: auto;
    margin-right: 5%;
    margin-bottom: 20px
}

.greenbox label {
    float: none;
    display: block;
    width: 100%;
    font-size: .75em;
    text-align: left
}

.greenbox form li .jqTransformSelectWrapper,
.greenbox form li select {
    width: 220px!important
}

.greenbox form input[type=number],
.greenbox form input[type=text],
.greenbox form select {
    font-size: 12px
}

.greenbox form input[type=checkbox] {
    margin: 5px 5px 0 0
}

.greenbox .button {
    margin-right: 10px;
    white-space: nowrap;
    text-transform: uppercase;
    color: #fff
}

.greenbox .blue {
    font-size: .813em
}

.greenbox.greybox {
    background: #f3f3f3
}

.greenbox.greybox header {
    border-bottom-color: #e3e4e5
}

.row {
    display: table;
    width: 100%
}

.greenbox-row {
    margin-bottom: 20px
}

.onehalf-col {
    float: left;
    width: 49%;
    margin-right: 2%
}

.onehalf-col.last {
    margin-right: 0
}

.services h3 {
    margin-bottom: 10px;
    color: #00a0be;
    font-size: 1.5625em;
    font-weight: 400
}

.services p {
    margin-top: 0
}

.services.last {
    border-bottom: 0
}

.onethird-col {
    width: 32%;
    margin-right: 2%;
    float: left
}

.services .onethird-col.greenbox {
    display: table-cell;
    border-right: 15px solid #fff;
    border-bottom: 15px solid #fff;
    width: 33.3%;
    vertical-align: top;
    float: none
}

.services .onethird-col.greenbox.last {
    border-right: 0
}

.onethird-col.last {
    margin-right: 0
}

.onethird-col h4 {
    margin: 12px 0;
    color: #009d78;
    font-size: 1.25em;
    font-weight: 400
}

.onethird-col ul {
    padding: 0;
    list-style: none
}

.onethird-col ul li {
    padding: 5px 0
}

.onethird-col ul li a {
    font-family: arial, sans-serif;
    font-size: .75em
}

.greenbox.icon {
    background-position: 95% 15px;
    background-repeat: no-repeat
}

.icon h4,
.icon ul {
    margin-right: 70px
}

.icon img {
    float: left
}

.onefourth-col {
    width: 23.5%;
    margin-right: 2%;
    float: left
}

.onefourth-col.last {
    margin-right: 0
}

.onefourth-col .greenbox.larger header {
    min-height: 190px
}

.lt-ie9 .account-details-options a:before {
    font-size: 1em
}

.lt-ie8 ul.gt-list li {
    padding-left: 20px;
    background: url(../img/ie7-bullet.png) no-repeat 0
}

.lt-ie8 .appointments-notifier,
.lt-ie8 .infocenter-message-controls li,
.lt-ie8 .sidebar-list-title h3,
.lt-ie8 .tooltip {
    display: inline
}

.lt-ie8 .pagination li a {
    width: 0;
    height: 0;
    padding: 15px 10px 0 0;
    overflow: hidden;
    text-indent: 0
}

.lt-ie8 .pagination li.page-numbers {
    padding-top: 5px
}

.lt-ie8 .manage-account-table .account-table-body {
    padding-bottom: 1px
}

.left {
    float: left
}

.right {
    float: right
}

.js .showhide-content {
    display: none
}

.topshadow {
    height: 8px;
    background: -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, .1), transparent 0);
    background: radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .1), transparent 100%);
    background-repeat: no-repeat;
    background-size: cover
}

.lt-ie10 .topshadow {
    border-bottom: 1px solid #dcddde
}

.dropshadow {
    height: 5px;
    margin-bottom: -5px;
    background: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .1), transparent 100%);
    background: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .1), transparent 100%);
    background-repeat: no-repeat;
    background-size: cover
}

.buildkit-actions {
    display: none
}

a:focus {
    outline: 1px solid rgba(0, 123, 94, .3);
    box-shadow: 0 0 10px #007b5e!important
}

.transaction-highlight {
    color: #00a0be
}

a.transaction-highlight {
    padding: 0
}

.long-name .notification-name .greeting {
    font-size: 16px
}

.long-name .notification-name .name {
    display: block
}

.wide-cols .sub-nav-col.extra-big {
    width: 32%
}

.page-nav .sub-nav-myaccounts .sub-nav a {
    font-weight: 100
}

.content-nav {
    padding-left: 0
}

.content-nav li {
    float: left;
    list-style: none;
    border-left: 1px solid #c7c9ca
}

.content-nav li:first-child {
    border-left: 0
}

.content-nav li a {
    margin: 0 10px
}

.content-nav li a.active {
    text-decoration: underline
}

.page-title .content-nav {
    float: right
}

span.toggle {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: red;
    margin-right: 4px;
    cursor: pointer
}

span.toggle.block {
    background: url(../img/icon_toggle-block-off.png) no-repeat;
    background-size: 22px 22px
}

span.toggle.list {
    background: url(../img/icon_toggle-list-off.png) no-repeat;
    background-size: 22px 22px
}

span.toggle.block.active {
    background: url(../img/icon_toggle-block-on.png) no-repeat;
    background-size: 22px 22px
}

span.toggle.list.active {
    background: url(../img/icon_toggle-list-on.png) no-repeat;
    background-size: 22px 22px
}

.paybills-learnmore-content {
    margin: 25px 0 0
}

.zelle-learnmore {
    margin-top: 62.6px
}

.paybills-learnmore-content a.orange {
    color: #f1912b
}

a.cta.orange.paybills-learnmore-cta {
    background-image: url(../img/arrow-down-orange.png);
    display: inline-block;
    background-position: right 2px;
    font-size: .75em;
    padding-right: 20px
}

.paybills-learnmore-cta span {
    padding: 7px 0 3px 25px;
    background: url(../img/icon-paybills-learnmore.png) 0 0 no-repeat transparent
}

.js .paybills-learnmore-content .details {
    display: none
}

.paybills-learnmore-content ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.paybills-learnmore-content ul li {
    padding: 5px 0
}

.paybills-learnmore-content h6 {
    margin: 0;
    color: #039ebc;
    font-size: 1em;
    font-weight: 300
}

.paybills-learnmore-content p {
    margin: 0;
    font-size: .813em
}

.paybills-learnmore-content img {
    float: right
}

.paybills-learnmore-close {
    background: url(../img/arrow-up-orange.png) 100% no-repeat transparent;
    padding-right: 15px;
    font-size: .75em;
    text-transform: uppercase
}

.gemini-payment-history .account-history-table-title {
    display: inline-block;
    padding-bottom: 20px
}

.gemini-payment-history .account-history-table-title a {
    display: inline-block;
    padding-bottom: 10px;
    line-height: 16px
}

.gemini-payment-history .account-history-table-title.active a {
    color: #444;
    text-decoration: none;
    border-bottom: 2px solid #444
}

.gemini-payment-history .account-history-table-title.jqtransform {
    display: none
}

.account-history-table .memo-content {
    margin-top: 0
}

.account-history-table .memo-content>td {
    padding: 0
}

.account-table .account-history-memo-table {
    font-size: 1em
}

.account-history-memo-table td:nth-child(4) {
    color: #444
}

.account-history-memo-table b {
    display: block
}

.timeout-modal {
    width: 100%;
    max-width: 405px;
    padding: 20px;
    background: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.timeout-modal p {
    margin: 0 0 1em
}

.timeout-modal .button {
    margin: 0 2px
}

.button.secondary {
    background: #a5a7aa
}

.lt-ie8 .page-logo {
    margin-bottom: 0
}

.lt-ie8 .page-nav {
    position: relative;
    z-index: 500;
    margin-top: 20px
}

.lt-ie8 .util-nav {
    margin-top: 30px
}

.account-content-container {
    z-index: 1
}

.pagination .page-numbers {
    padding: 0 6px
}

.modal-container {
    border-top: 8px solid #009d78
}

.modal-container,
.modal-container-body {
    padding: 20px;
    background: #fff
}

#modal-account-summary,
#modal-accounts-list {
    width: 720px
}

#modal-account-summary .modal-container,
#modal-accounts-list .modal-container {
    display: none
}

#modal-account-summary .modal-container.active,
#modal-accounts-list .modal-container.active {
    display: block
}

#modal-account-summary h5,
#modal-accounts-list h5 {
    font-size: 26px;
    padding: 0 20px;
    margin-bottom: 25px
}

#modal-account-summary h3,
#modal-accounts-list h3 {
    float: left;
    margin: 0 0 15px 20px;
    font-size: 20px;
    font-weight: 400
}

#modal-account-summary h4,
#modal-accounts-list h4 {
    float: right;
    color: #009978;
    margin: 0 20px 15px 0;
    font-size: 28px;
    font-weight: 600
}

#modal-account-summary h4.negative-account-amount,
#modal-accounts-list h4.negative-account-amount {
    color: red
}

#modal-account-summary .account-list,
#modal-accounts-list .account-list {
    clear: both;
    margin: 20px 0
}

#modal-account-summary .account-table,
#modal-accounts-list .account-table {
    clear: both;
    display: table;
    width: 100%;
    font-size: 12px;
    margin-bottom: 40px
}

#modal-account-summary .account-table .row,
#modal-accounts-list .account-table .row {
    display: table-row
}

#modal-account-summary .account-table .row:not(.headers),
#modal-accounts-list .account-table .row:not(.headers) {
    font-family: Helvetica, Arial, sans-serif
}

#modal-account-summary .account-table .row>div,
#modal-accounts-list .account-table .row>div {
    display: table-cell;
    padding: 8px 4px;
    border-bottom: 1px solid #cacccd
}

#modal-account-summary .account-table .row.headers,
#modal-accounts-list .account-table .row.headers {
    background: #f4f4f4
}

#modal-account-summary .account-table .row.headers>div,
#modal-accounts-list .account-table .row.headers>div {
    border-bottom: none
}

#modal-account-summary .account-table .row>.show,
#modal-accounts-list .account-table .row>.show {
    text-align: center;
    width: 30px;
    padding-left: 20px
}

#modal-account-summary .account-table .row>.account-type,
#modal-accounts-list .account-table .row>.account-type {
    width: 90px;
    padding-left: 14px
}

#modal-account-summary .account-table .row>.list-order,
#modal-accounts-list .account-table .row>.list-order {
    width: 82px;
    text-align: center
}

.account-detail-nickname input.error,
.account-name input.error,
.list-order .error,
.list-order .sameNumber-error {
    border: 1px solid red;
    outline: none
}

#modal-account-summary .account-table .row>.list-order input,
#modal-accounts-list .account-table .row>.list-order input {
    width: 36px
}

#modal-account-summary .account-table .row>.account-name,
#modal-accounts-list .account-table .row>.account-name {
    width: 155px;
    padding-left: 25px
}

#modal-account-summary .account-table .row.headers>.account-number,
#modal-accounts-list .account-table .row.headers>.account-number {
    padding-left: 10px
}

#modal-account-summary .account-table .row>.balance,
#modal-accounts-list .account-table .row>.balance {
    text-align: right;
    padding-right: 40px
}

.balance.negative-balance {
    color: red
}

#modal-account-summary .edit-nickname,
#modal-accounts-list .edit-nickname {
    color: #00a0be;
    text-decoration: underline;
    cursor: pointer
}

#modal-error-message {
    padding: 0 20px;
    color: red
}

a.cta.left,
a.cta.right,
a.launch-manage-accounts-list {
    display: block;
    background-position: right 1px;
    padding: 0 0 6px;
    font-family: Arial, sans-serif;
    font-size: .75em;
    font-weight: 300
}

a.cta.right,
a.launch-manage-accounts-list {
    float: right
}

a.cta.left {
    float: left
}

.error-message {
    position: relative
}

.error-message .account-table-hiddenform-close {
    color: red;
    background-image: url(../img/icon-close-error.png)
}

.greenbox.larger header {
    min-height: 155px
}

.matchheight-row .greenbox header {
    min-height: 0
}

.matchheight-row .onethird-col li {
    margin: 0;
    width: 100%
}

.matchheight-row .greenbox form input[type=number],
.matchheight-row .greenbox form input[type=text],
.matchheight-row .onethird-col .greenbox form .money {
    width: 100%
}

.greenbox header {
    position: relative
}

.greenbox .p2p {
    position: absolute;
    left: 0;
    bottom: 13px
}

.greenbox .zelle-purple-logo {
    height: 21px;
    margin-top: -6px
}

.greenbox .zelle-white-logo {
    height: 14px;
    margin-top: -5px
}

.greenbox .cfg-zelle-logo {
    position: absolute;
    left: 0;
    bottom: 13px
}

.services .row {
    height: 100%
}

.services h5 {
    padding-top: 10px
}

.services .link-container {
    padding: 5px 0 15px;
    border-bottom: 1px solid #cacccd;
    margin-bottom: 15px
}

.services .link-container>a {
    display: block;
    padding: 2px 0
}

.services .greenbox.greenborder p,
.services .greenbox p {
    margin: 5px 0
}

.services .greenbox.greenborder ul {
    margin: 0 0 10px
}

.services .greenbox.greenborder ul.link-container {
    margin-bottom: 15px
}

.services .greenbox.greenborder ul li {
    padding: 0
}

.services .greenbox.twothird-col {
    display: table-cell;
    border-right: 15px solid #fff;
    border-bottom: 15px solid #fff;
    width: 66.6%;
    vertical-align: top;
    padding: 0 30px 30px;
    float: none
}

.services .contact-container {
    padding-top: 10px
}

.services .contact-container p:first-of-type {
    font-size: 1.25em;
    color: #009d78
}

.greenbox.greenborder {
    padding: 6px;
    height: 100%
}

.greenbox.greenborder .icon {
    position: relative;
    background: #fff;
    padding: 10px 20px 220px;
    height: 100%
}

.smaller-text a.blue {
    font-size: 14px
}

.dropdown-list {
    position: relative
}

.dropdown-list ul {
    position: absolute;
    display: none;
    padding: 0;
    margin: 10px 0 0;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .2)
}

.dropdown-list ul li {
    display: block;
    border: 0;
    padding: 4px 0;
    border-bottom: 1px solid #ccc;
    float: none
}

input[type=text].error {
    border-color: red
}

.content-alert-modal {
    width: 580px
}

.content-alert-modal .step {
    display: none
}

.content-alert-modal .step.active {
    display: block
}

.citi-modal .buttons-right {
    text-align: right;
    margin-top: 20px
}

.citi-modal .buttons-right a {
    margin-left: 10px
}

.modalCloseImg.simplemodal-close {
    font-size: .688em
}

.content-alert-modal .step h5 {
    margin: 10px 0
}

.app-frame .footnote-copy p,
.content-alert-modal .footnotes p {
    clear: both;
    font-size: 11px;
    font-family: Helvetica Neue, Helvetica, sans-serif
}

.app-frame .footnote-copy {
    margin-top: 10px
}

.content-alert-modal .full-width {
    width: 100%;
    margin: 0 0 14px
}

.content-alert-modal .additional-field .full-width-input input,
.content-alert-modal .additional-field .full-width-input label,
.content-alert-modal .full-width-input {
    width: 100%
}

.content-alert-modal .form-item.third {
    width: 30%
}

.content-alert-modal .full-width input,
.content-alert-modal .full-width label,
.content-alert-modal .full-width select {
    width: 50%;
    float: left
}

.content-alert-modal .form-item.third input,
.content-alert-modal .form-item.third label,
.content-alert-modal .form-item.third select {
    width: 100%;
    float: none
}

.lt-ie9 .content-alert-modal .full-width input,
.lt-ie9 .content-alert-modal .full-width label,
.lt-ie9 .content-alert-modal .full-width select {
    width: 49%
}

.lt-ie9 .content-alert-modal .additional-field .full-width-input input,
.lt-ie9 .content-alert-modal .additional-field .full-width-input label,
.lt-ie9 .content-alert-modal .full-width .additional-field input,
.lt-ie9 .content-alert-modal .full-width .additional-field label {
    width: 100%
}

.content-alert-modal .error-message {
    padding: 20px 20px 20px 50px
}

.content-alert-modal .error-message-container {
    padding-bottom: 0
}

.content-alert-modal .error-message:before {
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 6px;
    font-size: 3em;
    font-family: citi-icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

.input-new-address {
    display: none;
    margin-top: 15px
}

.additional-field {
    display: none;
    position: relative;
    margin-left: -160px
}

.additional-field.visible {
    display: block
}

.radio-extra-options {
    display: none
}

.radio-extra-options.visible {
    display: block
}

#cd-modal .agreement,
#collegesaver-modal .agreement,
#greenchecking-modal .agreement {
    margin: 20px 0
}

#cd-modal .agreement p,
#collegesaver-modal .agreement p,
#greenchecking-modal .agreement p {
    margin: 0
}

#cd-modal .agreement .form-item,
#collegesaver-modal .agreement .form-item,
#greenchecking-modal .agreement .form-item {
    margin-top: 10px
}

#cd-modal .agreement .form-item label,
#collegesaver-modal .agreement .form-item label,
#greenchecking-modal .agreement .form-item label {
    width: auto
}

#cd-modal .agreement-text,
#collegesaver-modal .agreement-text,
#greenchecking-modal .agreement-text {
    height: 80px;
    font-family: Arial, sans-serif;
    color: #444;
    font-size: 13px;
    border: 1px solid #eee;
    width: 100%;
    overflow: scroll-y;
    margin: 6px 0;
    padding: 10px
}

#cd-modal .agreement-text>div,
#collegesaver-modal .agreement-text>div,
#greenchecking-modal .agreement-text>div {
    padding: 0 10px
}

#cd-modal label.auto-width,
#collegesaver-modal label.auto-width,
#greenchecking-modal label.auto-width {
    width: auto
}

#cd-modal label.no-right-padding,
#collegesaver-modal label.no-right-padding,
#greenchecking-modal label.no-right-padding {
    padding-right: 0
}

.rates-table {
    font-size: 12px
}

.fast-app-options .rates-table th {
    color: #404040;
    text-align: left
}

.fast-app-options .rates-table td,
.fast-app-options .rates-table th {
    padding: 0;
    border: 0
}

.fast-app-options .rates-table td+td,
.fast-app-options .rates-table th+th {
    padding-left: 4px
}

.single-select {
    width: auto
}

.funding-options {
    margin-top: 20px
}

.funding-options .option {
    display: none
}

.funding-options .option.active {
    display: block
}

.sample-routing-acct-numbers {
    text-align: center;
    margin: 20px 0
}

.opening-deposit-amount .form-item input {
    width: auto
}

.account-table.my-accounts .account-details-visible-rows {
    display: none
}

.account-table .account-details-listview {
    font-family: Arial, sans-serif;
    font-size: .8em;
    color: #888;
    margin-top: -10px;
    display: none
}

.my-accounts .account-transactions-table li>.text-left .account-details-listview strong {
    font-weight: 700
}

.account-table.account-selected .active .account-details-listview {
    display: block
}

.account-table-settings {
    text-align: left
}

.account-content-container.settings-open+.topshadow {
    display: none
}

.my-accounts .account-transactions-table.nomargin-top {
    margin-top: 0
}

.description-column {
    width: 200px
}

.account-table-settings .account-details-options .view-transactions:before {
    content: "\E605"
}

.account-table-settings .account-details-options .statement:before {
    content: "\E608"
}

.load-account-details {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    margin-top: -5px
}

.stretch-to-fill-details {
    margin-top: 10px;
    margin-left: -15px;
    margin-right: -15px
}

.transaction-actions {
    float: right;
    font-size: 13px;
    font-family: Helvetica, Arial, sans-serif
}

.ALLY-workflow-indicator {
    list-style: none;
    overflow: hidden;
    background: #e3f3ef;
    margin: 0;
    padding: 0
}

.ALLY-workflow-indicator.steps-2 li {
    width: 56%
}

.ALLY-workflow-indicator.steps-2 li.first {
    width: 44%
}

.ALLY-workflow-indicator.steps-3 li {
    width: 36%
}

.ALLY-workflow-indicator.steps-3 li.first {
    width: 28%
}

.ALLY-workflow-indicator.steps-4 li {
    width: 27%
}

.ALLY-workflow-indicator.steps-4 li.first {
    width: 19%
}

.ALLY-workflow-indicator.steps-5 li {
    width: 21%
}

.ALLY-workflow-indicator.steps-5 li.first {
    width: 16%
}

.ALLY-workflow-indicator.steps-5 li a {
    text-indent: -1em;
    padding-left: 60px;
    height: 40px
}

.ALLY-workflow-indicator li {
    float: left
}

.ALLY-workflow-indicator li a {
    color: #fff;
    text-decoration: none;
    padding: 5px 0 3px 50px;
    background: #e3f3ef;
    color: #6bc4ae;
    font-size: 12px;
    position: relative;
    display: block;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ALLY-workflow-indicator li a:after {
    border-left: 30px solid #e3f3ef;
    z-index: 2
}

.ALLY-workflow-indicator li a:after,
.ALLY-workflow-indicator li a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%
}

.ALLY-workflow-indicator li a:before {
    border-left: 30px solid #fff;
    margin-left: 4px;
    z-index: 1
}

.ALLY-workflow-indicator li.first a {
    padding-left: 20px
}

.ALLY-workflow-indicator li.completed a,
.ALLY-workflow-indicator li.current a {
    background: #009c77;
    color: #fff
}

.ALLY-workflow-indicator li.completed a:after,
.ALLY-workflow-indicator li.current a:after {
    border-left-color: #009c77
}

.ALLY-workflow-indicator li.last a:after,
.ALLY-workflow-indicator li.last a:before {
    display: none
}

.app-frame {
    background: #fff;
    position: relative
}

.fast-app-pad {
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.app-navigation {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px
}

.app-steps {
    margin-left: 200px;
    border-left: 1px solid #e1e1e1
}

.app-header {
    background: #009878
}

.app-header img {
    width: 160px
}

.app-scroll {
    max-height: 500px;
    overflow: auto
}

.fast-app-options {
    margin-bottom: 30px
}

.app-frame h2,
.app-frame li,
.app-frame p {
    font-weight: 400;
    color: #666;
    margin: 0
}

.app-frame li,
.app-frame p {
    font-family: Helvetica, Arial, sans-serif;
    text-align: left;
    font-size: 13px;
    line-height: 1.25
}

.app-frame p+p {
    margin-top: 10px
}

.fast-app-options em {
    color: #999
}

.app-frame td {
    vertical-align: top
}

.app-frame th {
    vertical-align: bottom;
    font-weight: 700;
    color: #009c77
}

.app-frame td,
.app-frame th {
    padding: 5px;
    font-family: Arial, sans-serif;
    border-left: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0
}

.app-frame .centered-row td {
    vertical-align: middle;
    text-align: center
}

.app-frame th>div {
    font-size: 14px
}

.app-frame td ul {
    margin: 0;
    padding: 0 0 0 22px
}

.app-frame table .category {
    font-size: 12px;
    color: #009c77;
    padding-left: 0;
    border-left: 0;
    text-align: left
}

.app-frame table .divider {
    text-align: center;
    text-transform: uppercase
}

.app-frame table h3 {
    color: #82c25d;
    font-family: CitiSans, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 25px;
    margin: 0
}

.app-frame table .ctzicon-checkmark {
    width: 20px;
    height: 18px;
    margin-top: -4px;
    background: #009c77;
    color: #fff;
    border-radius: 20px;
    display: inline-block
}

.app-frame .disclaimer {
    font-size: 11px;
    color: #999;
    margin: 0 0 10px
}

.app-frame .leading-disclaimer {
    margin: 10px 0 0
}

.app-frame .print {
    text-align: right;
    margin-top: 0
}

.app-frame .print span {
    font-size: 20px;
    color: #00a0be
}

.transfer-additional-container {
    padding: 10px 0 30px
}

.mobile-learn-more {
    font-family: CitiSans, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 13px;
    display: none;
    padding: 4px 0
}

.mobile-learn-more-cc .mobile-category-header {
    margin: 12px 0 2px;
    color: #009c77
}

.mobile-learn-more-cc ul {
    padding: 0 0 0 15px;
    margin: 0
}

.app-steps .step.double {
    width: 200%
}

.app-steps .step.double .fast-app-pad {
    width: 50%;
    float: left
}

.app-steps .step.double:after,
.app-steps .step.double:before {
    content: "";
    display: table
}

.app-steps .step.double:after {
    clear: both
}

.app-steps .step.double {
    zoom: 1
}

.app-steps a.cta.orange.go-back {
    background-image: url(../img/arrow-left-orange.png);
    background-position: 0 0;
    padding-left: 10px;
    padding-right: 0
}

.fast-app-options td,
.fast-app-options th {
    padding: 5px 10px;
    padding-bottom: 25px
}

.fast-app-options th {
    padding-top: 15px
}

.fast-app-options th .button {
    max-width: 125px;
    margin: 10px auto 4px
}

.fast-app-options td.selected,
.fast-app-options th.selected {
    background: #f2faf8
}

.fast-app-options p+p {
    margin-top: 5px
}

.fast-app-account-settings {
    display: table;
    font-family: Arial, sans-serif;
    margin: 15px 0
}

.fast-app-account-settings .fast-app-setting {
    display: table-row;
    font-size: 13px
}

.fast-app-account-settings .fast-app-setting-attr {
    display: table-cell;
    padding: 4px 20px 4px 0
}

.inline-radio {
    padding-top: 10px
}

.inline-radio input[type=radio] {
    position: absolute;
    opacity: 0
}

.inline-radio label {
    display: inline-block;
    float: none;
    width: auto;
    position: relative;
    padding-left: 26px;
    margin-right: 26px
}

.inline-radio label:after {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 20px;
    border: 1px solid #ccc;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px
}

.inline-radio label.error:after {
    border-color: red
}

.inline-radio input:focus+label:after {
    box-shadow: 0 0 5px #007b5e!important;
    border-color: #007b5e
}

.inline-radio input:checked+label:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    left: 4px;
    top: 50%;
    margin-top: -6px;
    background: #009c77
}

.lt-ie9 .inline-radio label {
    padding-top: 0;
    padding-left: 20px;
    top: -5px
}

.lt-ie9 .inline-radio label:after {
    display: none
}

.app-frame .app-selection-info {
    margin: 20px 0
}

.app-frame .app-selection-info ul {
    margin: 6px 0 0;
    padding-left: 1.2em
}

.fast-apps-navigation {
    margin: 0;
    padding: 20px;
    list-style: none;
    text-align: left;
    background: #fff
}

.fast-apps-navigation li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 15px
}

.fast-apps-navigation li a {
    color: #666;
    font-size: 14px
}

.fast-apps-navigation li a:hover {
    text-decoration: none
}

.fast-apps-navigation li.current a {
    color: #00a0be
}

.fast-apps-navigation li.completed a {
    color: #cacccd
}

.fast-apps-navigation li span {
    width: 20px;
    height: 20px;
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: #666;
    position: absolute;
    left: 0;
    top: -2px
}

.fast-apps-navigation li.current span {
    background: #00a0be
}

.fast-apps-navigation li.completed span {
    background: #009c77;
    color: #009c77
}

.fast-apps-navigation li.completed span:before {
    content: "\E62A";
    font-family: citi-icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    color: #fff
}

.app-actions {
    background: #fff;
    border-top: 1px solid #e1e1e1;
    text-align: right
}

.app-actions a {
    display: none
}

.app-actions a.active {
    display: inline-block;
    margin-left: 10px
}

.app-actions .button {
    font-size: .8em;
    text-transform: uppercase
}

.app-actions .secondary-action,
.terms textarea {
    font-family: Arial, sans-serif;
    font-size: 13px
}

.terms textarea {
    width: 100%;
    color: #444;
    border: 1px solid #eee;
    min-height: 200px;
    max-height: 400px;
    margin-bottom: 20px;
    padding: 10px
}

.assert-confirmation {
    padding-top: 20px;
    font-family: Arial, sans-serif;
    font-size: 13px
}

.assert-confirmation input[type=checkbox] {
    position: absolute;
    opacity: 0;
    z-index: 10
}

.assert-confirmation input[type=checkbox]+label {
    padding-left: 20px;
    display: block;
    position: relative
}

.assert-confirmation input[type=checkbox]:focus+label:before {
    box-shadow: 0 0 5px #007b5e!important;
    border-color: #007b5e
}

.assert-confirmation input[type=checkbox]+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    border: 1px solid #b9bbbd;
    border-radius: 2px
}

.assert-confirmation input[type=checkbox]:checked+label:after {
    position: absolute;
    font-family: citi-icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    left: -2px;
    top: -7px;
    content: "\E62A";
    font-size: 23px;
    color: #009c77
}

.app-confirm-close {
    display: none
}

#cc-modal,
#cd-modal,
#collegesaver-modal,
#greenchecking-modal {
    width: 780px;
    height: 600px
}

#cc-modal .app-steps,
#cd-modal .app-steps,
#collegesaver-modal .app-steps,
#greenchecking-modal .app-steps {
    height: 466px;
    overflow: auto
}

#cc-modal .app-scroll,
#cd-modal .app-scroll,
#collegesaver-modal .app-scroll,
#greenchecking-modal .app-scroll {
    overflow: visible;
    height: auto
}

#balance-transfer-form {
    display: none
}

.block-options {
    width: 100%;
    display: table;
    margin-top: 10px;
    margin-left: -10px;
    border-spacing: 10px
}

.block-options .option {
    position: relative;
    display: table-cell;
    width: 33.3333%;
    padding: 10px 50px 10px 10px;
    background: #e4f4f0;
    border: 1px solid #e4f4f0
}

.block-options .option.active {
    border-color: #009878
}

.block-options .option:after {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #009c77;
    font-size: 34px;
    font-family: citi-icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.block-options .option.estatements:after {
    content: "\E610"
}

.block-options .option.paperstatements:after {
    content: "\E608"
}

.block-options .option.checkimages:after {
    content: "\E60D"
}

.docs-list {
    margin: 5px 0 0;
    padding: 0;
    list-style: none
}

.docs-list a:before {
    display: inline-block;
    position: relative;
    left: -2px;
    top: 2px;
    font-size: 16px;
    font-family: citi-icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E608"
}

.sidebar-help.gray {
    background: #f5f5f5;
    min-height: 0
}

.how-it-works.goal-track-section {
    border: 6px solid #e5f5f1;
    margin: 40px 0;
    padding: 20px
}

.how-it-works .page-intro {
    margin-bottom: 0
}

.how-it-works .page-intro h3 {
    float: left
}

.how-it-works .page-intro .button {
    float: right
}

.goal-track-section {
    margin: 20px 0
}

.goal-track-section ul {
    margin: 0;
    padding: 0 0 0 1em
}

.goal-track-section li,
.goal-track-section p {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #666
}

.goal-track-section h4 {
    color: #009a78;
    font-size: 18px;
    margin-bottom: 10px
}

.goal-track-section .goal-category {
    float: left;
    width: 18%;
    margin-top: 20px;
    margin-right: 2.5%
}

.goal-track-section .goal-category.last {
    margin-right: 0
}

.goal-track-section .goal-category .box {
    height: 120px;
    width: 100%;
    margin-bottom: 10px;
    background: #e3e4e5
}

.goal-track-section .goal-category label {
    margin-left: 10px
}

.goal-track-section input[type=text] {
    border-color: #cacccd;
    padding: 6px;
    height: auto;
    width: 292px
}

.goal-track-section input[type=date] {
    padding: 6px;
    border: 1px solid #cacccd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #444;
    font-weight: 300;
    line-height: 24px;
    font-family: Arial, sans-serif
}

.goal-track-section.buttons {
    border-top: 1px solid #cacccd;
    padding-top: 20px;
    text-align: right
}

.goal-track-section.buttons .button-cta.back {
    background: #cacccd
}

.goal-track-section.buttons .button-cta.back span {
    padding-left: 12px;
    padding-right: 0;
    background: url(../img/arrow-left-white.png) no-repeat 0
}

.goal-track-section.buttons .button-cta.back.no-arrow span {
    padding-left: 0;
    background-image: none
}

.goal-track-columns>div {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.goal-track-columns .colleft {
    width: 43%;
    margin-right: 4%;
    padding-right: 14px;
    padding-left: 14px
}

.goal-track-columns .colright {
    width: 53%
}

.greenbackground {
    padding: 14px;
    background: #e5f5f1
}

.goal-details .row {
    margin: 10px 0
}

.goal-details .row>span {
    display: inline-block;
    width: 46%;
    margin-right: 2%
}

.goal-details .row>span.key {
    color: #666;
    text-align: right;
    font-weight: 700
}

.goal-details.alignleft .row>span.key {
    width: 18%;
    font-weight: 400
}

.goal-track-section .form-half {
    display: inline-block;
    width: 40%
}

.goal-track-section .form-half label {
    display: block
}

.goal-track-section .form-half input {
    width: 100%
}

.goal-track-section .gap {
    display: inline-block;
    padding: 0 10px
}

.goal-track-section .goal-disabled.cta.orange {
    color: #cacccd;
    background-image: url(../img/arrow-right-gray.png);
    background-position: 100% -2px;
    padding: 2px 12px 0 0
}

.goal-track-section .radio-hidden {
    margin-bottom: 10px
}

.goal-track-section .radio-hidden .hidden-content {
    display: none;
    padding: 10px 0
}

.goal-track-section .radio-hidden .hidden-content p {
    margin-top: 0
}

#mobile-transaction-list .account-section-filter {
    display: none
}

#mobile-transaction-list .account-section-title {
    padding-top: 0
}

#mobile-transaction-list thead {
    display: none
}

#mobile-transaction-list tbody tr {
    display: block;
    position: relative;
    border-bottom: 1px solid #cacccd;
    clear: both
}

#mobile-transaction-list tbody tr:after {
    content: "";
    display: table;
    clear: both
}

#mobile-transaction-list tbody tr.section-divider,
#mobile-transaction-list tbody tr:last-child {
    border-bottom: 0
}

#mobile-transaction-list tbody tr td {
    border-bottom: 0;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px
}

#mobile-transaction-list .section-divider {
    display: block
}

#mobile-transaction-list tbody tr:not(.section-divider) td:first-child {
    position: absolute;
    bottom: 0;
    color: #999
}

#mobile-transaction-list tbody tr:not(.section-divider) td:nth-child(2) {
    padding: 5px 140px 25px 5px;
    color: #333
}

#mobile-transaction-list tbody tr:not(.section-divider) td:nth-child(3),
#mobile-transaction-list tbody tr:not(.section-divider) td:nth-child(4) {
    position: absolute;
    width: 50%;
    top: 20px;
    right: 30px
}

#mobile-transaction-list tbody tr:not(.section-divider) td:nth-child(3) {
    top: 0;
    font-weight: 700
}

#mobile-transaction-list tbody tr:not(.section-divider) td:nth-child(5) {
    position: absolute;
    right: 10px;
    top: 0
}

#mobile-transaction-list tbody tr .transactions-pagination {
    position: static!important;
    padding: 15px;
    text-align: center;
    border-top: none
}

#mobile-transaction-list .pagination-container .account-transactions-download {
    position: static;
    display: inline-block;
    margin-top: 10px
}

#mobile-transaction-list tbody tr:not(.section-divider) td:first-child.account-transaction-alert {
    position: static;
    padding: 0
}

#mobile-transaction-list tbody tr:not(.section-divider) td:first-child.account-transaction-alert .account-transaction-alert-content {
    padding: 8px
}

#mobile-transaction-list .memo-content {
    max-width: none;
    margin-right: -135px
}

#mobile-transaction-list .memo-content img {
    max-width: 100%
}

#mobile-transaction-list .account-transactions-table,
#mobile-transaction-list .account-transactions-table tbody {
    display: block
}

#mobile-transaction-list .account-transactions-table .no-filter-results td {
    position: static!important;
    border-top: 1px solid #cacccd;
    width: 100%
}

.mobile-nav,
.mobile-util-nav {
    display: none
}

.mobile-nav {
    width: 30px;
    position: relative;
    z-index: 100
}

.mobile-nav>span {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    background: #f1912b;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    line-height: 22px;
    font-size: 12px
}

.mobile-nav>div {
    width: 100%;
    height: 4px;
    margin-bottom: 4px;
    background: #009d78
}

#page-header .page-nav ul li.haslogo,
#page-header .page-nav ul li.hasSalutation {
    display: none
}

.hasSalutation .notifications {
    padding-bottom: 15px
}

.desktop-alert-dot,
.mobile-alert-dot {
    display: none;
    color: #fff;
    background: #f1912b;
    width: 20px;
    height: 20px;
    line-height: 21px;
    margin-left: 10px;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.alert-nav .desktop-alert-dot {
    display: inline-block;
    margin-left: 5px;
    font-size: .9em;
    width: 14px;
    height: 14px;
    line-height: 15px
}

.greenbox-row span[class^=icon-],
.services .icon span[class^=icon-] {
    position: relative;
    float: right
}

.greenbox-row span[class^=icon-]:after,
.services .icon span[class^=icon-]:after {
    font-family: citi-icons;
    font-size: 48px;
    color: #009d78;
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 0;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-decoration: underline;
    text-transform: none;
    line-height: .25em;
    text-decoration: none
}

.icon-help {
    right: -10px
}

.icon-info-preferences:after {
    content: "\E61B"
}

.icon-help:after {
    content: "\E612";
    font-size: 56px!important
}

.icon-send-message:after {
    content: "\E60F"
}

.icon-account-services:after {
    content: "\E620"
}

.icon-service-resources:after {
    content: "\E629"
}

.icon-manage-features:after {
    content: "\E617"
}

.icon-debit-services:after {
    content: "\E61F"
}

.icon-new-accounts:after {
    content: "\E60C"
}

.icon-paybills:after {
    content: "\E61E"
}

.icon-paypeople:after {
    content: "\E619"
}

.icon-request:after {
    content: "\E61A"
}

.icon-transfer-between-accounts:after {
    content: "\E61C"
}

.icon-transfer-between-non-accounts:after {
    content: "\E61D"
}

.icon-documents-information:after {
    content: "\E622"
}

.footer-top.sticky-footer {
    position: fixed;
    z-index: 1000;
    right: auto;
    left: 0;
    margin-bottom: 0!important;
    bottom: 0;
    width: 100%;
    -webkit-transition: left .5s;
    -moz-transition: left .5s;
    -ms-transition: left .5s;
    -o-transition: left .5s;
    transition: left .5s
}

body.mobile-menu-open .footer-top.sticky-footer {
    left: 80%
}

.page-footer li {
    position: relative
}

.page-footer .centered-content {
    width: auto
}

.page-footer .dropup-menu {
    background-color: #ecf8f5;
    color: #666;
    padding: 10px 20px 20px;
    text-align: left;
    width: 240px;
    position: absolute;
    top: auto;
    bottom: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    box-shadow: 0 0 4px rgba(0, 0, 0, .3)
}

.page-footer .dropup-active .dropup-menu {
    display: block
}

.page-footer .dropup-active>a {
    background: #ecf8f5;
    color: #009d78
}

.page-footer h4 {
    color: #009d78;
    font-size: 17px;
    margin: 1em 0
}

.page-footer p {
    font-family: Helvetica Neue, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0 0 10px
}

.page-footer input[type=text] {
    height: 30px
}

.page-footer .dropup-menu input {
    width: 150px
}

#mobile-manage-accounts .modal-container {
    display: none
}

#mobile-manage-accounts .modal-container.active {
    display: block
}

#mobile-manage-accounts .modalCloseImg {
    display: none
}

#mobile-manage-accounts .account-list {
    clear: both
}

#mobile-manage-accounts h5 {
    float: left;
    font-size: 30px;
    padding-bottom: 10px
}

#mobile-manage-accounts h3 {
    margin: 0
}

#mobile-manage-accounts h4 {
    padding: 10px 0;
    color: #009d78
}

#mobile-manage-accounts .row.headers {
    display: none
}

#mobile-manage-accounts .row {
    padding: 10px 0;
    border-top: 1px solid #eee;
    clear: both;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#mobile-manage-accounts .row:last-child {
    border-bottom: 1px solid #eee
}

#mobile-manage-accounts .row>div {
    position: relative;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    display: inline-block;
    margin-right: -4px
}

#mobile-manage-accounts .row>.show {
    width: 10%
}

#mobile-manage-accounts .row>.account-type {
    display: none
}

#mobile-manage-accounts .row>.list-order {
    width: 20%
}

#mobile-manage-accounts .row>.account-name {
    width: 60%
}

#mobile-manage-accounts .row>.account-number {
    display: none
}

#mobile-manage-accounts .row>.balance {
    width: 28px;
    height: 11px;
    background: url(../img/arrow-down-blue.png);
    display: block;
    position: absolute;
    right: 0;
    top: 18px;
    text-indent: -9999px
}

#mobile-manage-accounts .row>.balance.open {
    background-image: url(../img/arrow-up-blue.png)
}

#mobile-manage-accounts .row .mobile-account-list-info {
    display: block;
    background: #f1f1f1;
    padding: 10px;
    margin-top: 10px;
    clear: both
}

#mobile-manage-accounts .row .mobile-account-list-info .item {
    clear: both;
    padding: 4px 0
}

#mobile-manage-accounts .row .mobile-account-list-info .key {
    float: left;
    width: 40%
}

#mobile-manage-accounts .row .mobile-account-list-info .value {
    float: left;
    width: 60%
}

#mobile-manage-accounts .row .list-order input {
    width: 48%
}

#mobile-manage-accounts .row .account-name .edit-nickname,
#mobile-manage-accounts .row .account-number .toggle-full-acct {
    color: #00a0be;
    cursor: pointer;
    font-size: 12px
}

#mobile-manage-accounts .buttons-top {
    float: right
}

#mobile-manage-accounts .buttons-right,
#mobile-manage-accounts .buttons-top {
    text-align: right
}

#mobile-manage-accounts .buttons-right {
    margin-bottom: 40px
}

#mobile-manage-accounts .buttons-right .button-cta,
#mobile-manage-accounts .buttons-top .button-cta {
    margin-left: 10px
}

.account-actions.offset-top ul {
    margin-top: -26px;
    margin-right: 180px
}

.account-balance .account-section-filter {
    margin-top: 16px;
    font-size: .75em
}

.hide-all-transactions .account-balance .account-section-filter,
.view-all-transactions {
    display: none
}

.hide-all-transactions .account-balance .account-section-filter.view-all-transactions {
    display: inline
}

.one-to-one-banners {
    text-align: center
}

.one-to-one-banners a {
    display: block
}

.one-to-one-banners img {
    max-width: 100%;
    margin: 0 auto
}

.ad-container {
    margin-bottom: 20px
}

.two-ad-row .citi-ad {
    float: left;
    width: 49%;
    margin-right: 2%
}

.two-ad-row .citi-ad.last {
    margin-right: 0
}

.ad-placeholder {
    background: #f7bfdf;
    color: #fff;
    font-weight: 600;
    text-align: center;
    line-height: 100px;
    height: 100px
}

.greenbox .ad-container {
    margin: 20px 0 0
}

.greenbox .ad-container li {
    margin: 0;
    padding: 0
}

.banner_ad {
    position: relative;
    display: inline-block;
    background: #f2faf8;
    color: #82c25d;
    font-size: 21px;
    font-weight: 300;
    margin: 10px 0
}

.banner_ad.width-50 {
    width: 48%;
    margin-right: 1%
}

.banner_ad h2 {
    color: #009d66;
    font-size: 26px;
    font-weight: 400;
    margin: 0;
    padding: 8px 10px 0
}

.banner_ad p {
    margin: 0;
    padding: 0 10px 8px;
    padding-right: 125px
}

.banner_ad .banner_button {
    position: absolute;
    background: #009a78 url(../img/banner_ad_button.png) no-repeat;
    background-size: 8px 13px;
    background-position: center right 10px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 12px 6px;
    padding-right: 27px;
    right: 10px;
    bottom: 10px
}

[class^=icon-check],
[class^=icon-table] {
    font-family: citi-icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1
}

.icon-check-zoom:after {
    content: "\E625"
}

.icon-check-print:after {
    content: "\E624"
}

.icon-table-edit:after {
    content: "\E627"
}

.icon-table-trash:after {
    content: "\E628"
}

[class^=icon-table] {
    font-size: 20px
}

[class^=icon-table]:hover {
    text-decoration: none
}

.print-check {
    float: right
}

.check-options span {
    font-size: 20px
}

.check-options a {
    text-decoration: none
}

#zoomed-check-images {
    max-width: 1060px;
    position: relative
}

#zoomed-check-images .check-images img {
    display: none;
    width: 100%
}

#zoomed-check-images .check-images img.active {
    display: block
}

#zoomed-check-images .check-navigation {
    text-align: center;
    padding-top: 20px
}

#zoomed-check-images .button {
    color: #128a65;
    background: #d0e4de;
    margin: 0 10px
}

#zoomed-check-images .button.active {
    background: #128a65;
    color: #fff
}

#desktop-checkzoom-container .simplemodal-close {
    top: -114px;
    z-index: 100
}

#desktop-checkzoom-container #zoomed-check-images {
    top: -100px
}

.help-modal {
    display: none;
    position: fixed;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
    z-index: 1000;
    width: 697px;
    height: 497px
}

.help-modal .ui-icon-gripsmall-diagonal-se {
    position: absolute;
    bottom: 0;
    right: 0
}

.help-modal-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.help-modal-sidebar {
    float: left;
    width: 33.333%;
    height: 100%;
    background: #e5f4f1;
    overflow: auto
}

.help-modal-main {
    float: right;
    width: 66.666%;
    height: 100%;
    overflow: auto
}

.help-modal-search {
    border-bottom: 2px solid #34937e;
    position: absolute;
    top: 0;
    left: 0;
    width: 33.333%;
    height: 55px;
    background: #12896c
}

.help-modal-search div {
    margin: 15px;
    background: #0f7b61;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative
}

.help-modal-search input[type=submit] {
    background: url(../img/icon-help-search.png) 50% no-repeat transparent;
    background-size: contain;
    width: 20px;
    height: 20px;
    border: none;
    -webkit-appearance: none;
    text-indent: -9999em;
    position: absolute;
    top: 2px;
    left: 2px
}

.help-modal-search input[type=number],
.help-modal-search input[type=text] {
    background: transparent;
    padding-left: 25px;
    border: none;
    width: 100%
}

.help-modal-menu ul {
    margin: 0;
    padding: 0
}

.help-modal-menu a {
    display: block;
    color: #009d78;
    font-size: .75em;
    text-transform: uppercase;
    padding: 16px 15px 12px;
    border-bottom: 1px solid #c3e7de
}

.help-modal-menu a span {
    display: block;
    padding-right: 30px
}

.help-modal-menu .active-menu a,
.help-modal-menu a.active,
.help-modal-menu a:hover {
    text-decoration: none;
    background: #f2faf8
}

.help-modal-menu a.active {
    background: #f2faf8 url(../img/arrow-right-green.png) no-repeat;
    background-size: 7px;
    background-position: right 20px center
}

.help-modal-menu ul ul {
    display: none
}

.help-modal-menu ul ul a {
    font-size: .9em;
    text-transform: none;
    padding-left: 40px;
    padding-right: 35px;
    background: #f2faf8
}

.help-modal-header {
    background: #009a78;
    height: 40px
}

.help-modal-header-desktop {
    position: absolute;
    top: 0;
    right: 0;
    width: 66.666%
}

.help-modal-main {
    background: #fff;
    -webkit-box-shadow: -5px 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: -5px 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: -5px 0 10px 0 rgba(0, 0, 0, .1)
}

.help-modal-header h3 {
    margin: 0 15px;
    color: #fff;
    font-size: 1.125em;
    height: 40px;
    line-height: 42px
}

.help-modal-header .help-modal-close {
    background: url(../img/modal-help-close.png) 50% no-repeat transparent;
    background-size: 20px;
    top: 20px;
    right: 8px;
    margin-top: -14px
}

.help-modal-header .help-modal-open-nav {
    position: absolute;
    top: 10px;
    left: 15px
}

.help-modal-header .help-modal-open-nav div {
    background: #fff
}

.help-modal-header-mobile {
    display: none
}

.help-modal-content {
    margin-top: 40px;
    padding: 15px
}

.help-modal-section {
    display: none
}

.help-modal-section.active {
    display: block
}

.help-modal-section h2 {
    font-size: 1.438em;
    font-weight: 300;
    color: #00a0be;
    margin: 0
}

.help-modal-section h3 {
    font-size: 1.125em;
    font-weight: 300;
    color: #009a78;
    margin: 20px 0 0
}

.help-modal-section ol,
.help-modal-section p,
.help-modal-section ul {
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #666;
    margin: 0 0 1em
}

.help-modal-section ol,
.help-modal-section ul {
    padding-left: 2em;
    margin: 0
}

.help-modal-section li {
    margin: 10px 0
}

.help-modal-section img {
    max-width: 100%;
    height: auto
}

.help-modal-section .showhide-list {
    list-style: none;
    padding-left: 1em
}

.help-modal-section .showhide-content {
    margin-top: 1em;
    padding-left: 1em
}

.transactions-loading {
    display: none;
    color: #009d78;
    background: url(../img/ajax-loader.gif) 0 no-repeat transparent;
    padding-left: 20px
}

.demo-acct-transactions-clone {
    border-top: 1px solid #ccc
}

#main-content.full-width {
    width: 100%;
    max-width: 100%
}

.logout-table .account-table-content {
    border: none
}

.logout-table header.darkgreen-top {
    background-color: #009d78;
    font-family: CitiSans, Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 10px 20px
}

.logout-table header.darkgreen-top h1 {
    margin: 0;
    color: #fff;
    font-size: 1.563em;
    font-weight: 400
}

.logout-table .account-section-title.checkmark h1 {
    color: #92cf3e;
    font-weight: 400;
    background: url(../img/icon-checkmark.png) no-repeat 0 0;
    padding: 5px 0 5px 28px;
    font-size: 1.563em
}

.logout-table .no-form {
    padding: 15px
}

.logout-table .button.arrow {
    padding-right: 25px;
    background: url(../img/arrow-button-white.png) 100% no-repeat #f1912b
}

.billpay-enroll {
    font-family: CitiSans, Helvetica Neue, Helvetica, Arial, sans-serif;
    list-style: none;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding: 25px 15px
}

table+.billpay-enroll strong {
    display: block
}

@media screen and (max-width:880px) {
    table+.billpay-enroll strong {
        display: inline
    }
}

@media screen and (max-width:1060px) {
    .greenbox .button-zelle {
        width: 140px;
        white-space: normal
    }
    .button-zelle span {
        display: block
    }
    .zelle-learnmore {
        margin-top: 40.6px
    }
    .onefourth-col .greenbox.larger header {
        min-height: 328px
    }
}

@media screen and (min-width:881px) {
    .responsive-enabled #page-header .page-nav>ul {
        height: auto!important
    }
    .responsive-enabled .page-logo {
        float: left;
        max-width: 250px
    }
    .responsive-enabled .doc-center .twothird-col {
        width: 67%;
        float: left;
        margin-right: 3%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .responsive-enabled .doc-center .onethird-col {
        width: 29%;
        float: right;
        margin-right: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .doc-center .account-section-filter-options li {
        width: 20%
    }
    .doc-center .docs-table .account-section-filter-options li {
        width: 30%
    }
    .doc-center .account-section-filter-options li.last {
        width: 8%;
        max-width: 60px
    }
    .doc-center .account-section-filter-options input[type=submit].submit-button {
        max-width: 50px
    }
    .doc-center #account-docs td:first-of-type,
    .doc-center #account-docs thead th:first-of-type {
        width: 50px
    }
    .doc-center #account-docs td:nth-of-type(2),
    .doc-center #account-docs thead th:nth-of-type(2) {
        width: 155px
    }
    .doc-center #account-docs td:nth-of-type(3),
    .doc-center #account-docs thead th:nth-of-type(3) {
        width: 360px
    }
    .doc-center #account-docs td:nth-of-type(4),
    .doc-center #account-docs thead th:nth-of-type(4) {
        width: 118px
    }
    .doc-center #account-docs td:nth-of-type(5),
    .doc-center #account-docs thead th:nth-of-type(5) {
        width: 375px
    }
    .doc-center .doc-table td:first-of-type,
    .doc-center .doc-table thead th:first-of-type {
        width: 230px
    }
    .doc-center .doc-table td:nth-of-type(2),
    .doc-center .doc-table thead th:nth-of-type(2) {
        width: 478px
    }
}

@media screen and (max-width:880px) {
    body,
    html {
        overflow-x: hidden
    }
    body.responsive-enabled {
        background: #009d78
    }
    body.mobile-menu-open {
        overflow: hidden
    }
    .responsive-enabled #page-header {
        position: static;
        width: 100%;
        -webkit-transition: margin-left .5s;
        -moz-transition: margin-left .5s;
        -ms-transition: margin-left .5s;
        -o-transition: margin-left .5s;
        transition: margin-left .5s
    }
    .responsive-enabled #page-container,
    .responsive-enabled #page-footer {
        background: #fff;
        position: relative;
        left: 0;
        -webkit-transition: left .5s;
        -moz-transition: left .5s;
        -ms-transition: left .5s;
        -o-transition: left .5s;
        transition: left .5s
    }
    body.mobile-menu-open.responsive-enabled #page-header {
        margin-left: 80%
    }
    body.mobile-menu-open.responsive-enabled #page-container,
    body.mobile-menu-open.responsive-enabled #page-footer {
        left: 80%
    }
    .responsive-enabled .page-header .centered-content {
        position: static
    }
    .responsive-enabled .two-col .main-content,
    .responsive-enabled .two-col .main-sidebar {
        float: none;
        width: 100%
    }
    .responsive-enabled #page-header .topshadow,
    .responsive-enabled .sidebar-notifications {
        display: none
    }
    #simplemodal-container {
        width: auto!important;
        left: auto!important;
        margin: 0 20px
    }
    #cc-modal,
    .content-alert-modal {
        width: auto!important
    }
    .responsive-enabled .page-nav .sub-nav-container {
        display: block;
        position: static;
        visibility: visible
    }
    .responsive-enabled .page-nav .sub-nav {
        background: transparent;
        margin: 0;
        padding: 0
    }
    .responsive-enabled .wide-cols .sub-nav-col.extra-big {
        width: 100%
    }
    .responsive-enabled .page-nav .sub-nav-col {
        float: none;
        margin: 10px 0;
        width: 100%!important;
        border-right: 0;
        height: auto!important
    }
    .responsive-enabled .page-nav .sub-nav-col>ul {
        display: none
    }
    .responsive-enabled #page-header .page-nav .sub-nav-myaccounts .sub-nav-col>ul li {
        border: none
    }
    .responsive-enabled #page-header .page-nav>ul {
        display: block;
        position: absolute;
        top: 0;
        left: -80%;
        width: 80%;
        background: #009d78;
        -webkit-box-shadow: inset -15px 0 15px -15px rgba(0, 0, 0, .5);
        -moz-box-shadow: inset -15px 0 15px -15px rgba(0, 0, 0, .5);
        box-shadow: inset -15px 0 15px -15px rgba(0, 0, 0, .5);
        -webkit-transition: left .5s;
        -moz-transition: left .5s;
        -ms-transition: left .5s;
        -o-transition: left .5s;
        transition: left .5s
    }
    body.responsive-enabled.mobile-menu-open #page-header .page-nav ul {
        left: 0
    }
    .responsive-enabled #page-header .page-nav ul li {
        float: none;
        margin: 0;
        border-bottom: 1px solid #38af90
    }
    .responsive-enabled #page-header .page-nav ul li.haslogo,
    .responsive-enabled #page-header .page-nav ul li.hasSalutation {
        display: block
    }
    .responsive-enabled #page-header .page-nav ul li.haslogo a img {
        width: 203px;
        height: auto;
        padding: 10px 0
    }
    .responsive-enabled .page-nav a {
        background: transparent!important;
        position: relative;
        color: #fff;
        font-size: 16px
    }
    .responsive-enabled .alert-nav,
    .responsive-enabled .util-nav {
        display: none
    }
    .responsive-enabled .mobile-nav,
    .responsive-enabled .mobile-util-nav {
        display: block
    }
    .responsive-enabled .page-logo {
        text-align: center
    }
    .responsive-enabled .page-logo img {
        padding-left: 0
    }
    .responsive-enabled .page-nav {
        z-index: 100;
        margin-top: -36px
    }
    .responsive-enabled .mobile-alert-dot {
        display: inline-block
    }
    .responsive-enabled .onefourth-col,
    .responsive-enabled .onehalf-col,
    .responsive-enabled .onethird-col,
    .responsive-enabled .twothird-col {
        width: 100%;
        margin: 0 0 10px
    }
    .responsive-enabled .greenbox.larger header,
    .responsive-enabled .greenbox header,
    .responsive-enabled .onefourth-col .greenbox.larger header,
    .responsive-enabled .onethird-col .greenbox header {
        height: auto;
        min-height: 0
    }
    .responsive-enabled .matchheight-row .greenbox header {
        height: auto!important
    }
    .responsive-enabled .services .onethird-col.greenbox,
    .responsive-enabled .services .twothird-col.greenbox {
        width: auto;
        display: block;
        margin-right: 0;
        border-right: 0;
        margin-bottom: 0;
        height: auto
    }
    .responsive-enabled .services .onethird-col.greenbox .icon {
        background: #fff url(../img/arrow-down-blue.png) right 25px no-repeat;
        padding-bottom: 5px;
        height: auto!important
    }
    .responsive-enabled .services .twothird-col.greenbox {
        width: auto;
        display: block;
        margin-right: 0;
        border-right: 0;
        margin-bottom: 0;
        padding: 6px;
        background: url(../img/arrow-down-blue.png) right 25px no-repeat #e5f4f1
    }
    .responsive-enabled .services .twothird-col.greenbox .icon {
        padding: 10px 20px 5px
    }
    .responsive-enabled .services .onethird-col.greenbox.active .icon,
    .responsive-enabled .services .twothird-col.greenbox.active {
        background-image: url(../img/arrow-up-blue.png)
    }
    .responsive-enabled .services .onethird-col.greenbox .grey-block,
    .responsive-enabled .services .onethird-col.greenbox .mobile-slide-content,
    .responsive-enabled .services .twothird-col.greenbox .mobile-slide-content {
        display: none
    }
    .responsive-enabled .services .icon span[class^=icon-]:after {
        top: 15px;
        left: -4px;
        right: auto;
        font-size: 36px
    }
    .icon h4,
    .icon ul {
        margin-right: 20px;
        margin-left: 40px
    }
    .services .twothird-col h3 {
        margin: 0
    }
    .services .icon span[class^=icon-] {
        float: left
    }
    .icon-help {
        right: 4px
    }
    .icon-help:after {
        font-size: 42px!important
    }
    .greenbox .button-zelle {
        width: auto;
        white-space: nowrap
    }
    .button-zelle span {
        display: inline
    }
    #mobile-manage-accounts #modal-accounts-list {
        display: block;
        width: 100%
    }
    .sidebar-help {
        min-height: 0
    }
    .sidebar-help .cta {
        margin-top: 0
    }
    .two-ad-row .citi-ad {
        float: none;
        width: 100%;
        margin: 0 0 20px
    }
    .two-ad-row .citi-ad.last {
        margin-bottom: 0
    }
    .greenbox .ad-container {
        margin: 0 0 20px
    }
    .footer-top li {
        display: block
    }
    .page-footer .dropup-menu {
        position: static;
        float: none;
        width: auto;
        margin: 0
    }
    .help-modal {
        width: 100%!important;
        height: 100%!important;
        top: 0!important;
        left: 0!important
    }
    .banner_ad.width-50 {
        width: 100%
    }
    .banner_ad h2 {
        padding-right: 50px
    }
    .banner_ad p {
        padding-bottom: 100px;
        padding-right: 10px
    }
    .responsive-enabled .gemini-payment-history .account-history-table-title {
        display: none
    }
    .responsive-enabled .gemini-payment-history .account-history-table-title.jqtransform {
        display: block;
        padding-top: 0
    }
}

@media screen and (max-width:720px) {
    .app-navigation {
        position: static;
        width: auto;
        border-bottom: 1px solid #e1e1e1
    }
    .fast-apps-navigation li {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0
    }
    .fast-apps-navigation li a {
        display: inline-block;
        width: 0;
        text-indent: -9999em;
        direction: ltr
    }
    .fast-apps-navigation li a span {
        text-indent: 0
    }
    .app-steps {
        border-left: none;
        margin-left: 0;
        overflow: hidden
    }
}

@media screen and (max-width:600px) {
    html {
        overflow-x: hidden
    }
    .responsive-enabled .account-section-filter-options li {
        width: 50%
    }
    .responsive-enabled .account-overview {
        border-bottom: 0
    }
    .responsive-enabled .account-balance .account-amount {
        font-size: 2em;
        margin-bottom: 8px
    }
    .responsive-enabled .account-balance a.account-section-filter.showhide.orange {
        background-image: url(../img/arrow-right-orange.png)
    }
    .responsive-enabled .account-details {
        margin: 0 -15px;
        padding: 4px 15px
    }
    .responsive-enabled .account-details ul li {
        display: block;
        margin: 0;
        padding: 4px 0;
        border-right: 0
    }
    .responsive-enabled .account-details ul li strong {
        float: right
    }
    .responsive-enabled .account-actions {
        padding-top: 10px;
        border-top: 1px solid #e6e6e6
    }
    .responsive-enabled .account-actions.check-balance .account-section-filter.view-transactions-account-summary {
        display: none
    }
    .responsive-enabled .account-actions ul {
        margin: 0;
        text-align: center;
        float: none;
        padding-bottom: 10px
    }
    .responsive-enabled .account-actions ul li {
        padding: 0 15px;
        max-width: 30%;
        vertical-align: top;
        margin-bottom: 0
    }
    .responsive-enabled .account-actions ul li a {
        padding: 30px 0 0;
        line-height: 1.1em
    }
    .responsive-enabled .account-actions ul li a:before {
        left: 50%;
        margin-left: -15px
    }
    .responsive-enabled .centered-content {
        margin: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .responsive-enabled .account-section-filter-options {
        display: block!important;
        margin: 0 0 15px
    }
    .responsive-enabled .account-table-hiddenform h5 {
        padding-right: 65px
    }
    .responsive-enabled .account-detail-list,
    .responsive-enabled .account-details-options,
    .responsive-enabled .account-details-pref {
        float: none;
        display: block;
        width: 100%;
        border: 0;
        padding: 0
    }
    .account-details-options>ul {
        vertical-align: top;
        display: inline-block;
        width: 45%;
        margin-left: 10px;
        padding-right: 0
    }
    .responsive-enabled .account-details-pref {
        border-top: 1px solid #cacccd;
        margin-top: 10px;
        padding-top: 15px
    }
    .responsive-enabled .account-details-pref h6,
    .responsive-enabled .account-details-pref ul {
        padding-left: 0;
        padding-right: 0
    }
    .responsive-enabled .account-details-pref li {
        margin: 6px 0
    }
    .responsive-enabled .account-section-filter-options li {
        width: 100%
    }
    .responsive-enabled .account-section-filter-options label.filter-padding {
        margin-top: 10px
    }
    .responsive-enabled .account-section-filter-options a {
        width: 100%;
        text-align: center;
        margin: 15px 0 0
    }
    .responsive-enabled .page-intro p,
    .responsive-enabled .page-section p {
        width: auto
    }
    .responsive-enabled .account-history-title {
        padding-right: 30px
    }
    .responsive-enabled .page-section .button.button-cta {
        margin: 5px 0
    }
    .responsive-enabled .account-balance .account-section-filter {
        display: none
    }
    .responsive-enabled .account-balance.check-balance .account-section-filter {
        display: inline-block
    }
    .responsive-enabled .account-balance .account-section-filter.view-all-transactions {
        display: inline
    }
    .responsive-enabled .single-account .account-section {
        display: block
    }
    .responsive-enabled .transaction-actions {
        float: none;
        clear: both;
        padding-top: 10px
    }
    .responsive-enabled .transaction-actions>span {
        display: block
    }
    .responsive-enabled #checkzoom-overlay {
        opacity: 1!important
    }
    .responsive-enabled #checkzoom-container {
        top: 0!important
    }
    .responsive-enabled #checkzoom-container .simplemodal-close {
        right: 7px;
        top: 7px
    }
    .responsive-enabled #zoomed-check-images {
        border-top: 0
    }
    .responsive-enabled .account-history-table {
        display: block
    }
    .responsive-enabled .account-history-table tr {
        display: block;
        position: relative
    }
    .responsive-enabled .account-history-table tbody,
    .responsive-enabled .account-history-table thead {
        display: block
    }
    .responsive-enabled .account-history-table thead tr {
        padding-right: 40px;
        background: #f7f7f7
    }
    .responsive-enabled .account-history-table tbody tr {
        background: url(../img/arrow-down-blue.png) no-repeat 100% 20px;
        border-bottom: 1px solid #ccc;
        padding-right: 40px
    }
    .responsive-enabled .account-history-table td,
    .responsive-enabled .account-history-table th {
        border: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        margin-right: -4px
    }
    .responsive-enabled .account-transactions-table.account-history-table td:nth-child(-n+2),
    .responsive-enabled .account-transactions-table.account-history-table th:nth-child(-n+2) {
        width: 40%
    }
    .responsive-enabled .account-history-table td:nth-child(3),
    .responsive-enabled .account-history-table th:nth-child(3) {
        width: 20%
    }
    .responsive-enabled .account-history-table td:nth-child(n+4),
    .responsive-enabled .account-history-table th:nth-child(n+4) {
        position: absolute;
        bottom: 1px;
        padding: 10px;
        height: 40px;
        background: #f1f1f1;
        display: none
    }
    .responsive-enabled .account-history-table td:nth-child(4) {
        left: 0;
        right: 50%;
        width: 50%
    }
    .responsive-enabled .account-history-table td:nth-child(5) {
        left: 50%;
        right: 0;
        width: 50%;
        text-align: right
    }
    .responsive-enabled .account-history-table tr.open td:nth-child(-n+3) {
        padding-bottom: 50px
    }
    .responsive-enabled .account-history-table tr.open td:nth-child(n+4) {
        display: block
    }
    .responsive-enabled .account-history-table tbody tr.open {
        background-image: url(../img/arrow-up-blue.png)
    }
    .responsive-enabled .account-history-table .memo-content,
    .responsive-enabled .account-history-table .memo-show {
        display: none
    }
    .responsive-enabled .account-history-table .memo-content,
    .responsive-enabled .account-history-table .memo-content tr {
        background: transparent;
        padding: 0
    }
    .responsive-enabled .account-transactions-table.account-history-table .memo-content>td {
        width: 100%
    }
    .responsive-enabled .account-transactions-table.account-history-table .account-history-memo-table td {
        display: inline-block;
        width: 33%;
        height: auto;
        background: #fff;
        position: static;
        text-align: left;
        padding: 10px
    }
    .app-scroll {
        max-height: none
    }
    .fast-app-options tbody,
    .fast-app-options th.category {
        display: none
    }
    .fast-app-options {
        width: 100%
    }
    .fast-app-options th {
        width: 100%;
        display: block;
        border-left: 0;
        padding: 10px 0
    }
    .mobile-learn-more {
        display: block
    }
    .tooltip-content {
        position: static;
        margin: 10px auto
    }
    .tooltip-arrow {
        display: none
    }
}

@media screen and (max-width:460px) {
    .additional-field,
    .form-item .input-container {
        margin-left: 0
    }
    .responsive-enabled .timeout-modal {
        width: 280px
    }
    .responsive-enabled .timeout-modal a.button {
        display: block;
        margin-top: 10px
    }
    .responsive-enabled .account-actions ul li {
        padding: 0 1%
    }
    .responsive-enabled .page-logo img {
        max-width: 60%;
        margin: 0 auto
    }
    .responsive-enabled .util-nav {
        clear: both
    }
    .responsive-enabled .global-message {
        padding: 50px 15px 15px;
        text-align: center
    }
    .responsive-enabled .global-message:before {
        left: 50%;
        top: 7px;
        margin-left: -21px;
        margin-top: 0
    }
    .responsive-enabled .account-section-filter {
        float: none
    }
    .responsive-enabled .account-balance,
    .responsive-enabled .account-title {
        float: none;
        width: 100%;
        text-align: center
    }
    .responsive-enabled .show-balance {
        float: none;
        display: block;
        margin: 0 auto
    }
    .responsive-enabled #page-footer .footer-row {
        margin-bottom: 0
    }
    .responsive-enabled #page-footer .footer-row ul {
        float: none;
        width: 100%;
        padding: 4px 0
    }
    .responsive-enabled #page-footer .footer-row ul li a {
        display: none
    }
    .responsive-enabled #page-footer .footer-bottom {
        margin-top: 20px
    }
    .responsive-enabled .greenbox .button {
        display: block;
        margin-bottom: 6px;
        margin-right: 0
    }
    .responsive-enabled .greenbox form ul {
        margin: 0
    }
    .responsive-enabled .greenbox li {
        width: 100%;
        margin: 0 0 20px;
        position: relative
    }
    .responsive-enabled .greenbox form .form-item,
    .responsive-enabled .greenbox form input[type=number],
    .responsive-enabled .greenbox form input[type=text],
    .responsive-enabled .greenbox form select {
        width: 100%!important;
        margin-right: 0
    }
    .responsive-enabled .customSelect {
        background-position: right -5px center
    }
    .responsive-enabled .account-table-hiddenform h5 span {
        display: block
    }
    .responsive-enabled .account-details-options>ul {
        display: block;
        width: 100%
    }
    .responsive-enabled .help-modal-header-mobile {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center
    }
    .responsive-enabled .help-modal-search {
        width: 100%;
        top: 55px
    }
    .responsive-enabled .help-modal-header-desktop {
        display: none
    }
    .responsive-enabled .help-modal-menu {
        margin-top: 40px
    }
    .responsive-enabled .help-modal-main,
    .responsive-enabled .help-modal-sidebar {
        width: 100%
    }
    .responsive-enabled .help-modal-main {
        position: absolute;
        top: 0;
        left: 100%;
        -webkit-transition: left .5s;
        -moz-transition: left .5s;
        -o-transition: left .5s;
        transition: left .5s
    }
    .responsive-enabled .help-modal-main.active {
        left: 0
    }
}

@font-face {
    font-family: 'CitiSans';
    src: url('../../Fonts/citizen_book.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'CitiSans';
    src: url('../../Fonts/citizen_book_italic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'CitiSans';
    src: url('../../Fonts/citizen_roman.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'CitiSans';
    src: url('../../Fonts/citizen_italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'CitiSans';
    src: url('../../Fonts/citizen_bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'CitiSans';
    src: url('../../Fonts/citizen_bold_italic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'CitiSans';
    src: url('../../Fonts/citizen_extrabold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'CitiSans';
    src: url('../../Fonts/citizen_extrabold_italic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'citi-icons';
    src: url("../../Fonts/citiolb_icons.woff") format("woff");
}

body {
    font-size: 1em;
    line-height: 1.4;
    font-family: CitiSans, Helvetica, Arial, sans-serif;
    color: #444
}

h4 {
    color: #82c25d;
    margin: 0;
    font-size: 1.563em;
    font-weight: 400;
    line-height: 1em
}

a {
    text-decoration: none;
    color: #00a0be
}

a:hover {
    text-decoration: underline
}

.button,
.submit-button {
    display: inline-block;
    padding: 5px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #f1912b;
    text-align: center;
    color: #fff;
    font-weight: 600;
    line-height: 22px;
    cursor: pointer
}

.account-table__content:after,
.account-table__content:before,
.accounts-landing-header__account-tools:after,
.accounts-landing-header__account-tools:before,
.citi-account__activity-filter.-ranged:after,
.citi-account__activity-filter.-ranged:before,
.citi-account__activity-filters:after,
.citi-account__activity-filters:before,
.citi-account__header-actions:after,
.citi-account__header-actions:before,
.citi-account__header:after,
.citi-account__header:before,
.citi-account__settings-details:after,
.citi-account__settings-details:before,
.content-alert-box--accounts-list:after,
.content-alert-box--accounts-list:before,
.content-alert-box:after,
.content-alert-box:before,
.g-cf:after,
.g-cf:before,
.olb-form:after,
.olb-form:before,
.section-heading:after,
.section-heading:before,
.unauth-form:after,
.unauth-form:before {
    display: table;
    content: " "
}

.account-table__content:after,
.accounts-landing-header__account-tools:after,
.citi-account__activity-filter.-ranged:after,
.citi-account__activity-filters:after,
.citi-account__header-actions:after,
.citi-account__header:after,
.citi-account__settings-details:after,
.content-alert-box--accounts-list:after,
.content-alert-box:after,
.g-cf:after,
.olb-form:after,
.section-heading:after,
.unauth-form:after {
    clear: both
}

.g-margin-top-20 {
    margin-top: 20px
}

.g-margin-bottom-20 {
    margin-bottom: 20px
}

.g-unauth-main-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.g-left {
    float: left
}

.g-right {
    float: right
}

.g-position-relation {
    position: relative
}

.g-dark-grey-color {
    color: #afafaf
}

.g-display-none {
    display: none!important
}

.g-display-block {
    display: block
}

.g-background-white {
    background-color: #fff
}

.g-border-bottom {
    border-bottom: 1px solid #ccc
}

.g-margin-zero {
    margin: 0
}

.g-margin-zero-toOverRide {
    margin: 0!important
}

.g-padding-zero-toOverRide {
    padding: 0!important
}

.g-border-color-red {
    border-color: red!important
}

.g-highlight-error {
    background-color: red
}

.g-highlight-error.-fade {
    transition: background-color .5s ease;
    background-color: #fff
}

button,
input,
select,
textarea {
    font-family: Arial, sans-serif
}

.page-header {
    padding-bottom: 20px
}

@media screen and (max-width:600px) {
    .centered-content {
        padding: 0
    }
}

.ALLY-header-footer .footer-top.sticky-footer {
    position: fixed;
    z-index: 1000;
    right: auto;
    left: 0;
    margin-bottom: 0!important;
    bottom: 0;
    width: 100%;
    -webkit-transition: left .5s;
    -moz-transition: left .5s;
    -ms-transition: left .5s;
    -o-transition: left .5s;
    transition: left .5s
}

.ALLY-header-footer body.mobile-menu-open .footer-top.sticky-footer {
    left: 80%
}

.ALLY-header-footer .page-footer li {
    position: relative
}

.ALLY-header-footer .page-footer .centered-content {
    width: auto
}

.ALLY-header-footer .page-footer .dropup-menu {
    background-color: #ecf8f5;
    color: #666;
    padding: 10px 20px 20px;
    text-align: left;
    width: 240px;
    position: absolute;
    top: auto;
    bottom: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    box-shadow: 0 0 4px rgba(0, 0, 0, .3)
}

.ALLY-header-footer .page-footer .dropup-active .dropup-menu {
    display: block
}

.ALLY-header-footer .page-footer .dropup-active>a {
    background: #ecf8f5;
    color: #009d78
}

.ALLY-header-footer .page-footer h4 {
    color: #009d78;
    font-size: 17px;
    margin: 1em 0
}

.ALLY-header-footer .page-footer p {
    font-family: Helvetica Neue, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0 0 10px
}

.ALLY-header-footer .page-footer input[type=text] {
    height: 30px
}

.ALLY-header-footer .page-footer .dropup-menu input {
    width: 150px
}

.transfer-money-options .form-item label {
    float: none;
    width: 100%;
    font-size: .75em;
    text-align: left
}

input.datepicker {
    background-position: calc(100% - 3px) 0
}

select {
    background: url(../img/arrow-down-gray-showhide.png) calc(100% + 10px) 50% no-repeat #fff
}

.exit-modal {
    height: 100%;
    outline: 0;
    width: 100%;
    overflow: auto
}

input[type=number] {
    appearance: textfield;
    -moz-appearance: textfield
}

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

button[disabled] {
    background: #afafaf;
    cursor: default;
    text-decoration: none!important;
    pointer-events: none;
    opacity: .5
}

label.is-disabled {
    color: #afafaf;
    cursor: default!important
}

.unauth-intro-area {
    padding: 10px 15px 5px
}

.unauth-form__confirm-text,
.unauth-intro-area__title {
    margin: 0;
    color: #82c25d;
    font-size: 1.5em;
    font-weight: 300;
    margin-bottom: 5px
}

.unauth-intro-area__step {
    margin: 0 0 2px;
    color: #009d78;
    font-weight: 400;
    font-family: CitiSans, Helvetica, Arial, sans-serif
}

.unauth-intro-area__progress-container {
    max-width: 450px;
    margin-bottom: 8px
}

.unauth-intro-area__progress-segment {
    display: flex
}

.unauth-intro-area__progress-item {
    width: 100%;
    background-color: #e5f5f1;
    height: 8px
}

.unauth-intro-area__progress-item:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.unauth-intro-area__progress-item:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.unauth-intro-area__progress-item.-js-progress-green {
    background: #009d78!important
}

.unauth-intro-area__progress-item.-js-progress-light-green {
    background: #e5f5f1!important
}

.unauth-intro-area__help {
    margin: 1em 0
}

.unauth-intro-area__text {
    display: inline;
    margin: 0;
    padding: 0 .5em 0 0;
    line-height: 1;
    vertical-align: top
}

.unauth-intro-area__link {
    float: right;
    text-transform: none
}

.unauth-intro-area__link:after {
    content: "\E604"
}

.unauth-reselect-area__link {
    float: right;
    text-transform: none;
    color: #f1912b;
    font-size: .875em;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    position: relative;
    padding-right: 15px
}

@media (max-width:600px) {
    .unauth-intro-area__border {
        width: 30%
    }
    .unauth-intro-area__progress-container,
    .unauth-intro-area__text {
        max-width: 100%
    }
}

.unauth-form__rowgroup {
    padding: 0 0 2px 26px
}

.unauth-form__legend {
    padding-bottom: 10px
}

.unauth-form__row {
    display: inline-block;
    width: 100%;
    margin-top: 0!important
}

.unauth-form__rowitem {
    position: relative;
    width: 48%;
    margin-bottom: 15px;
    font-family: Arial, sans-serif
}

.unauth-form__rowitem ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 15px
}

.unauth-form__greenbox_esign {
    background-color: #e5f4f1;
    box-sizing: border-box;
    padding: 5px 0
}

.unauth-form__link {
    display: inline-block;
    padding-top: 7px;
    font-size: .9em
}

.unauth-form__label,
.unauth-form__label--value {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    margin-bottom: 3px;
    font-size: .9em
}

.unauth-form__label {
    font-weight: 600
}

input.unauth-form__input,
select.unauth-form__input {
    height: 28px;
    line-height: 28px;
    width: 100%;
    font-size: .85em
}

.unauth-form__button-left-arrow {
    padding-left: 12px;
    float: left;
    font-size: .8em;
    padding-right: 0;
    background: url(../img/arrow-left-orange.png) no-repeat
}

.unauth-form__cancel-link {
    margin-left: 10px;
    cursor: pointer;
    font-size: .8em
}

.unauth-form__cancel-link:after {
    content: none
}

.unauth-form__checkitem {
    padding-top: 7px
}

.unauth-form__check {
    position: absolute;
    opacity: 0;
    z-index: 10
}

.unauth-form__check--label {
    padding-left: 25px;
    display: inline-block;
    position: relative;
    font-size: .9em
}

.unauth-form__check--label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 13px;
    height: 13px;
    border: 1px solid #b9bbbd;
    border-radius: 2px;
    background-color: #fff
}

.unauth-form__text-security-question {
    color: #f1912b;
    text-decoration: none;
    font-family: citi-icons;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    position: relative
}

.unauth-form__text-security-question:before {
    content: "\E602";
    font-size: x-large;
    position: relative;
    left: -2px;
    top: 4px
}

.unauth-form__text-security-question a {
    color: #f1912b!important
}

.unauth-form__check:disabled+.unauth-form__check--label {
    color: #afafaf;
    cursor: default!important
}

.unauth-form__check:disabled+.unauth-form__check--label:before {
    background-color: #b9bbbd;
    opacity: .5
}

.unauth-form__check:checked+.unauth-form__check--label:after {
    position: absolute;
    font-family: citi-icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: .9;
    left: -1px;
    top: 0;
    content: "\E62A";
    font-size: 20px;
    color: #009c77
}

.unauth-form__check:focus+.unauth-form__check--label:before {
    box-shadow: 0 0 5px #007b5e!important;
    border-color: #007b5e
}

.unauth-form__radio_set {
    margin-left: 125px
}

.unauth-form__radio {
    position: absolute;
    opacity: 0;
    display: none
}

.unauth-form__radio-label {
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    float: none;
    width: auto;
    position: relative;
    padding-left: 26px;
    margin-right: 26px;
    font-size: .875em
}

.unauth-form__radio-label:after {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 20px;
    border: 1px solid #ccc;
    position: absolute;
    left: 0;
    top: .75em;
    margin-top: -10px
}

.unauth-form__radio:focus+.unauth-form__radio-label:after {
    box-shadow: 0 0 5px #007b5e!important;
    border-color: #007b5e
}

.unauth-form__radio:checked+.unauth-form__radio-label:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    left: 4px;
    top: .75em;
    margin-top: -6px;
    background: #009c77
}

.unauth-form__rowgroup {
    display: none
}

.unauth-section__button-wrap {
    display: inline-block;
    width: 100%;
    padding-top: 10px;
    margin-bottom: 5px
}

.unauth-form__overlay {
    opacity: .85;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1001;
    background: #fff
}

.unauth-form__loading-text-container {
    text-align: center;
    position: fixed;
    z-index: 1002;
    width: 40%;
    left: 30%;
    top: 40%;
    outline: 0;
    padding: 20px;
    overflow: visible
}

.unauth-form__loading-text {
    color: #f1912b;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    padding-bottom: 1em
}

.unauth-form__success-message {
    margin: 0 0 20px;
    padding: 20px;
    position: relative;
    font-size: 1.1em;
    color: #009d78;
    background: #e5f4f1
}

.enrollment-form__checklist {
    line-height: 1.4;
    margin: 10px 0 0
}

.unauth-form__block--guidance {
    margin-top: 7px;
    display: none
}

.unauth-form__label--guidance--state,
.unauth-form__label--guidance.is-default:before,
.unauth-form__label--guidance.is-error:before,
.unauth-form__label--guidance.is-valid:before {
    font-family: citi-icons;
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    background-color: #fff;
    font-size: 1.3em;
    line-height: 1.3
}

.unauth-form__label--guidance--text {
    padding-left: 17px;
    display: block;
    position: relative;
    font-size: .9em;
    line-height: 1.7em
}

.unauth-form__label--guidance {
    padding-left: 22px;
    display: block;
    position: relative;
    font-size: .9em;
    line-height: 1.7em
}

.unauth-form__label--guidance.is-default:before {
    content: "\E616";
    color: #888
}

.unauth-form__label--guidance.is-valid:before {
    content: "\E62A";
    color: #92cf3e
}

.unauth-form__label--guidance.is-error:before {
    content: "\E616";
    color: red
}

.unauth-form__list {
    list-style: none;
    margin: .5em 0
}

.unauth-form__list>li {
    margin: 0 0 .5em
}

select {
    background: url(../../img/arrow-gray-down.png) calc(100% - 3px) 50% no-repeat #fff
}

.enrollment-customer-care {
    color: #00a0be
}

.unauth-content-section {
    padding: 0 15px 10px
}

.unauth-form__block--error {
    color: red;
    font-family: CitiSans, Helvetica, Arial, sans-serif
}

.unauth-form__info-block {
    width: 60%
}

.unauth-form__info-list {
    padding-left: 20px;
    font-family: CitiSans, Helvetica, Arial, sans-serif
}

@media (max-width:600px) {
    .unauth-form__rowitem {
        width: 100%
    }
    .unauth-form__submit-button {
        float: right
    }
    .unauth-form__submit-button.-mobile-centered {
        float: none
    }
    .unauth-form__cancel-link {
        float: left;
        margin-top: 10px;
        margin-left: 0
    }
    .unauth-form__info-block {
        width: 90%
    }
    .unauth-form__success-message {
        padding: 15px;
        text-align: center
    }
    .unauth-content-section__button-wrap.-mobile-centered {
        text-align: center
    }
}

@media (max-width:880px) {
    input.unauth-form__input,
    select.unauth-form__input {
        font-size: 16px
    }
    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        font-size: 16px;
        vertical-align: middle
    }
    .ui-datepicker .ui-datepicker-next,
    .ui-datepicker .ui-datepicker-prev {
        height: 2.1em
    }
}

.create-profile-section,
.identify-customer-section,
.setup-rsa-question-section {
    padding: 0 15px 10px
}

.unauth-identifycust-form__check--label,
.unauth-identifycust-form__check--label-border {
    padding-left: 15px;
    display: inline-block;
    position: relative
}

.unauth-identifycust-form__check--label-border:before,
.unauth-identifycust-form__check--label:before {
    font-family: citi-icons;
    content: "\E62A";
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    background-color: #fff;
    font-size: 23px;
    line-height: 1
}

.unauth-identifycust-form__check--label-border:before {
    border: 1px solid #c6c6c6;
    border-radius: 2px
}

.unauth-identifycust-form__check:checked+.unauth-identifycust-form__check--label-border:after,
.unauth-identifycust-form__check:checked+.unauth-identifycust-form__check--label:after {
    position: absolute;
    font-family: citi-icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    left: -2px;
    top: -7px;
    content: "\E62A";
    font-size: 23px;
    color: #82c25d
}

input.unauth-ic-form__dateinput {
    border: 1px solid #e1e1e1;
    font-size: .85em
}

.unauth-identifycust-form-check {
    display: inline
}

.unauth-identifycust-form-check:before {
    position: relative;
    font-size: 15px
}

@media (max-width:880px) {
    input.unauth-ic-form__dateinput {
        font-size: 16px
    }
}

#olb-modal {
    width: 645px!important;
    text-align: center
}

.olb-modal {
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    background: #fff;
    border-top: 5px solid #009d78
}

.olb-modal-table {
    display: table;
    width: 100%;
    padding: 10px 0
}

.olb-modal__border {
    display: block;
    height: 5px;
    background: #009d78
}

.olb-modal__title {
    display: inline;
    margin: 0;
    color: #82c25d;
    font-size: 1.7em;
    font-weight: 300;
    font-family: CitiSans, Helvetica, Arial, sans-serif;
    padding-bottom: 5px
}

.olb-modal__text {
    color: #000;
    font-family: Arial, sans-serif;
    font-size: .875em;
    max-width: 100%
}

.olb-modal__text.-grey {
    color: #888
}

.olb-modal-table__cell {
    display: table-cell;
    width: 50%
}

.olb-modal__separator {
    padding-bottom: 10px
}

.olb-modal__link {
    margin-right: 10px;
    color: #00a0be;
    font-family: Arial, sans-serif;
    font-size: .875em
}

.olb-modal__link-arrow span {
    padding-right: 12px;
    background: url(../img/arrow-right-white.png) no-repeat 100%
}

.olb-modal .olb-modal__btn {
    margin: 0 10px
}

@media (max-width:600px) {
    .olb-modal-table,
    .olb-modal-table__cell {
        display: block
    }
}

@media only screen and (max-width:880px) {
    #olb-modal {
        width: 485px!important
    }
}

@media only screen and (max-width:600px) {
    #olb-modal {
        width: 325px!important;
        max-width: 90%
    }
    .olb-modal .olb-modal__btn {
        display: block;
        margin: 0 0 10px
    }
    .olb-modal .olb-modal__btn:last-child {
        margin: 0
    }
}

.esign-section {
    padding: 0 15px 10px;
    font-family: Arial, sans-serif!important
}

.unauth-form__esign-button-arrow {
    cursor: pointer;
    padding-left: 15px;
    background: url(../img/arrow-right-orange.png) no-repeat 100%
}

.unauth-form__label_tnc {
    width: auto
}

.unauth-form__check:checked+.unauth-form__check--label-esign:after {
    position: absolute;
    font-family: citi-icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: .9;
    left: 13px;
    top: 0;
    content: "\E62A";
    font-size: 20px;
    color: #009c77
}

.unauth-form__check--label-esign {
    padding-left: 39px;
    display: inline-block;
    position: relative;
    font-size: .9em
}

.unauth-form__check--label-esign:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 2px;
    width: 13px;
    height: 13px;
    border: 1px solid #b9bbbd;
    border-radius: 2px;
    background-color: #fff
}

.unauth-form__check:focus+.unauth-form__check--label-esign:before {
    box-shadow: 0 0 5px #007b5e!important;
    border-color: #007b5e
}

.enrollment-mobile-confirmation-section {
    padding: 0 15px 10px
}

.unauth-form__confirm-text {
    background: url(../img/icon-checkmark.png) no-repeat 0 0;
    padding: 20px 0 20px 30px;
    background-position: 0 25px
}

.unauth-form__information-text {
    padding-top: 20px;
    color: #666;
    font-family: Arial, sans-serif;
    font-size: .875em
}