/*! TIAA-CREF Account Opening Stylesheet | Last modified: 2020-04-17 5:30 */

#subContentRow {
    cursor: default;
}


/* commented in order to fix accessibility defects of buttons not receiving focus
button:focus {
  outline: none;
} */

a.link {
    text-decoration: underline;
}

.btn-link {
    cursor: pointer;
}

a.no-underline,
a.no-underline:hover {
    text-decoration: none !important;
}

a.phone,
a:not(.btn).phone,
[class*="-description"] a:not(.btn).phone {
    text-decoration: none;
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
}

.notecontainer ul {
    text-align: left;
    list-style-type: none;
}

.form-container .multi-column-component {
    padding-top: 0px;
    padding-bottom: 0px;
}

.hero-component.dark-blue .hc-heading {
    color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.form-container .form-heading,
.h2,
.h3,
.ao-message-header,
.h4 {
    font-weight: 500;
    line-height: 1.1;
}

.h1,
.h2,
.h3,
.ao-message-header,
.h4 {
    font-family: "Agenda Bold", Helvetica, Arial, sans-serif;
    letter-spacing: -0.5px;
    line-height: 1;
    margin: 0;
}

.h1 {
    font-size: 48px;
}

.h2,
.form-container .form-heading {
    font-size: 32px;
    font-family: "Agenda Bold", Helvetica, Arial, sans-serif;
    letter-spacing: -0.5px;
    line-height: 1;
    margin: 0;
}

.blue,
.yellow {
    background-color: #f4f4f4;
}

.blue .btn-default,
a.btn-default,
.yellow .btn-default,
a.btn-default {
    background-color: #F9E038;
    color: #000000;
}

.blue .btn-default:hover,
a.btn-default:hover,
.yellow .btn-default:hover,
a.btn-default:hover {
    background-color: #000000;
    color: #F9E038;
}

@media (min-width: 768px) {
    .h2,
    .form-container .form-heading,
    .accordion .accordion-heading {
        font-size: 36px;
    }
}

.h3,
.ao-message-header {
    font-size: 28px;
}

.h4 {
    font-size: 24px;
}

.form-container .form-eyebrows,
.border-container .bc-eyebrows {
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
}

.screenReader {
    height: 1px;
    left: -999999em;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
}

@media (min-width: 991px) {
    .screenReader-desktop {
        height: 1px;
        left: -999999em;
        overflow: hidden;
        top: auto;
        width: 1px;
    }
}


/* adding to global styles */

ol {
    text-align: left;
}


/*.accordion .review {
	margin-bottom: 50px;
}*/

.review .text-quote .non-editable-text {
    margin-top: -5px;
    padding-bottom: 10px;
}

.review .text-quote {
    padding: 20px 0 10px;
}

.review .disclaimer {
    padding: 0px 0 0px 0;
}

.affiliate_group:not(:last-child) {
    margin-bottom: 14px;
}

.accordion .panel-group {
    margin-bottom: 10px;
}

.accordion .panel-item>.row {
    display: block;
    padding: 20px;
}

.accordion .panel-item>.row.edit-row-empty {
    display: none;
}

.accordion .panel-item .item-label {
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    padding-right: 10px;
}

@media (min-width: 768px) {
    .accordion .panel-item>.row {
        padding: 20px 40px;
    }
}

.panel-item ul {
    padding-left: 18px;
}

.identity-info-update {
    float: right;
    font-size: 20px;
    font-family: "Lyon Text Web", Georgia, "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}

.panel.identity-info .panel-title {
    padding-right: 40px;
}


/* end adding to global styles */

.form-container .form-eyebrows {
    margin-bottom: 25px;
}

.form-container .form-heading {
    margin-bottom: 25px;
}

.form-container .form-description {
    margin: 0;
    font-size: 18px;
}

@media (max-width: 768px) {
    .form-eyebrows {
        padding-top: 70px;
    }
    .form-container form {
        padding-top: 0px;
    }
}

.radio-link-container {
    margin: 10px 0 30px;
}

.form-container .form-heading.no-description,
.no-description {
    margin-bottom: 50px;
}

.h3.no-description {
    margin-bottom: 24px;
    font-size: 26px;
}

.form-container .form-description {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .form-container .form-eyebrows,
    .border-container .bc-eyebrows {
        margin-bottom: 30px;
    }
    .form-container .form-description {
        margin-bottom: 20px;
    }
    .form-container .form-description.no-description,
    .no-description {
        margin-bottom: 50px;
    }
    .h3.no-description {
        margin-bottom: 24px;
        font-size: 26px;
    }
    /* 	.form-container .form-group {
		width: calc(100% - 0.5em);
	} */
    .form-container .btn-box.prev {
        float: left;
    }
    .form-container .btn-box.next {
        float: right;
    }
    .form-container .btn-box.center {
        display: inline-block;
    }
    .form-container .btn-box:only-child {
        float: none;
    }
}

.show-more-btn:hover {
    color: #00C3FF;
}

.show-more-btn:hover {
    color: #00C3FF;
}

.row-container .row {
    margin-bottom: 22px;
}

.btn-group>.btn:not (:first-child) {
    border-radius: 0;
}

.btn-group>.btn:first-child {
    margin-left: 0;
}

.btn-group>.btn:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group>.btn:last-child,
.btn-group>.dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px;
}

.btn-group>.btn {
    position: relative;
    float: left;
}


/* ------------- Icon List -------------- */

.leaflist li {
    background: url("../images/green_leaf.svg") no-repeat left -3px bottom 3px;
}

.paperlist li:before {
    font-size: 0px;
    height: 28px;
    width: 33px;
    background: url("../images/paper_stack.svg") no-repeat left -3px bottom 3px;
}

@media (max-width: 767px) {
    ul.paperlist {
        margin-bottom: 0;
    }
    .required-list {
        margin-bottom: 15px;
    }
}

ul.listcontainer {
    font-size: 18px;
    list-style-type: none;
    padding: 0;
}


/* ------------- End Icon List -------------- */


/* ------------- Containers -------------- */

.border-container {
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    margin: 40px 0;
    padding: 30px 20px 20px;
    text-align: left;
}

.border-container p {
    margin: 10px 0;
}

.border-container p bdi {
    float: left;
    width: 88%;
}

.border-container p img {
    display: block;
    float: left;
    padding-right: 10px;
}

.checkbox-container ul {
    list-style-type: none;
    margin-bottom: 0px;
    text-align: left;
}

.list-container ul {
    list-style-type: none;
    margin-bottom: 0px;
    text-align: left;
}

.list-container ul li {
    padding: 0px 0px 20px;
}

.list-container ul li img {
    padding: 0px 6px 0px;
    float: left;
    width: 9%
}

.list-container ul li span {
    display: inline-block;
    float: left;
    width: 100%;
}

@media (max-width: 767px) {
    .list-container .col-offset-2 {
        margin-left: 16.66667%;
    }
    .border-container div:not (:first-child) .bc-eyebrows {
        margin-top: 30px;
    }
}


/* ------------- End Containers -------------- */


/* ------------- Message -------------- */

.ao-message-container {
    position: absolute;
    max-height: 500px;
    overflow: hidden;
    text-align: center;
    transition: max-height 0.5s ease 0s;
    width: 100%;
    z-index: 11;
}


/*
* Defect #SPAG-800 : Message container overlaps the content in medium and smaller devices. "position:relative" will push the content down.
*/

@media (max-width: 993px) {
    .ao-message-container {
        position: relative;
    }
}

.ao-message-container .form-buttons {
    margin-bottom: 20px;
}

.ao-message-container .form-buttons a:first-child {
    margin-right: 20px;
}

@media (max-width: 768px) {
    .ao-message-container .form-buttons a:first-child {
        margin-bottom: 16px;
    }
    .ao-message-container .form-buttons {
        margin: 0 16px 12px;
    }
    .ao-message-content {
        padding-bottom: 14px;
    }
    .ao-message-info,
    .button-container {
        padding-bottom: 17px;
    }
    .button-container-last {
        padding-bottom: 0px;
    }
}

.ao-message-container.ao-close-message {
    max-height: 0;
}

.ao-close-message .ao-message {
    transform: translateY(-100%);
}

.ao-message {
    border-bottom: 4px solid rgba(0, 0, 0, .3);
    color: rgba(0, 0, 0, 0.8);
    padding: 20px 0;
    position: relative;
    text-align: center;
    top: 0;
    transition: transform 0.5s ease 0s;
    width: 100%;
}

.ao-message-container.success .ao-message {
    background-color: #02cca4;
}

.ao-message-container.danger .ao-message,
.ao-message-container.error .ao-message {
    background-color: #be2025;
}

.danger .ao-message,
.error .ao-message {
    color: #fff;
}

a.ao-message-close-button,
a.ao-message-close-bar,
a.ao-message-close-button:hover {
    color: #fff;
}

.ao-message-container.warning .ao-message {
    background-color: #f8e037;
}

.ao-message-header {
    padding-bottom: 5px;
}

.ao-message-content,
.ao-message-info {
    margin: 0 auto;
    text-align: left;
}

.ao-message-container .button-container {
    margin-top: 10px;
}

.ao-message-container .container {
    padding: 10px 14px 10px;
}

.ao-message-header {
    margin: 0 auto;
}

.ao-message-close-button {
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    height: 25px;
    line-height: 28px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 25px;
    border: none;
}

.ao-message-close-bar {
    position: absolute;
    bottom: -4;
    left: 0;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 7px;
    text-transform: uppercase;
    width: 100%;
    border: none;
}

.error-messages {
    color: #be2025;
    font-size: 18px;
    width: 100%;
    line-height: 100%;
}

.error-messages-relative {
    color: #be2025;
    font-size: 18px;
    margin: 15px;
    width: 100%;
}

.checkbox .error-messages {
    position: static;
}

.valid-messages {
    color: #01866b;
    font-size: 18px;
    left: 0;
    position: absolute;
    top: -15px;
    width: 100%;
}

@media (min-width: 768px) and (max-width: 992px) {
    .error-messages {
        bottom: -15px;
    }
}

@media (max-width: 768px) {
    .error-messages {
        bottom: -25px;
    }
}


/* ------------- End Message -------------- */

.switch-btn {
    display: inline-block;
    margin-bottom: 10px;
}

.switch-btn .btn-outline.active {
    color: #fff;
    background-color: #000;
}

.switch-btn .btn-default.active {
    background-color: #000;
    color: #F9E038;
}

.switch-btn .btn.active:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.switch-btn .btn:hover:before {
    border: 3px solid #000;
}

.switch-btn .btn-outline:hover {
    border-color: #000;
}

.switch-btn .btn:hover {
    background-color: transparent;
    color: #000;
}

.btn-group>.btn:not (:first-child):not (:last-child):not (.dropdown-toggle) {
    border-radius: 0;
}

.btn-group>.btn:first-child {
    margin-left: 0;
}

.btn-group>.btn:first-child:not (:last-child):not (.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group>.btn:last-child:not (:first-child),
.btn-group>.dropdown-toggle:not (:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px;
}

.btn-group>.btn {
    position: relative;
    float: left;
}

.ix-combobox .cb-menu ul {
    background: none repeat scroll 0 0 #fff;
    z-index: 3;
}


/* arrow positioning has been removed as part of tiaa global css update
@media (min-width: 768px){
	.ix-combobox .cb-selected-item:after {
	    top: 10px;
	}
} */

.ix-combobox .cb-selected-item:after {
    margin: 0 6px 0 0;
}

.auto-suggest-box .ix-combobox {
    margin-bottm: 50px;
}

.ix-combobox .cb-menu.open ul {
    display: block;
    max-height: 300px;
    overflow-y: scroll;
}

.alert-content .container {
    text-align: left;
}

.form-group .alert-error .alert {
    background: none;
}

.ix-combobox .cb-menu-item a.active {
    background: none repeat scroll 0 0 #f4f4f4;
}

.ix-combobox .cb-menu-item a.active .check {
    display: inline-block;
}

.ix-combobox .cb-menu-item:hover,
.ix-combobox .cb-menu-item .hover {
    background: none repeat scroll 0 0 #f9e038;
}

.ix-combobox .cb-selected-item.chosen {
    text-transform: capitalize;
    opacity: 1;
}

.ix-combobox .cb-arrow {
    right: 3px;
}


/*
* Defect : custom dropdown is hidden in ipadMini
  Fix : Changed the max-width to 767px, because ipad mini width is 768px
*/

@media (max-width: 767px) {
    .ix-combobox .cb-inner,
    .ix-combobox .cb-menu {
        display: none;
    }
    .auto-suggest-box .ix-combobox .cb-inner {
        display: block;
    }
    .auto-suggest-box .ix-combobox .cb-menu {
        display: table;
    }
}


/*	
* Defect : Joint owner toggle option is invisible in ipadMini
*/

@media (max-width: 768px) {
    .review .ix-combobox .form-control {
        display: block !important;
    }
    .ix-combobox:not(.ix-combobox-mobile) .form-control {
        -webkit-appearance: menulist !important;
    }
}

.field-box .radio label {
    padding: 0;
    position: relative;
}

.field-box .radio input[type="radio"] {
    border: 0 none;
    cursor: pointer;
    height: 28px;
    margin: 0;
    opacity: 0;
    outline: 0 none;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 28px;
}

.field-box .radio label:before {
    border: 3px solid #000;
    border-radius: 50px;
    content: " ";
    display: inline-block;
    height: 36px;
    margin: 0 10px -10px 0;
    position: relative;
    width: 36px;
}

.field-box .radio label:after {
    border-radius: 50px;
    color: #fff;
    content: " ";
    display: inline-block;
    font-family: 'TIAA Iconography';
    height: 24px;
    left: 0;
    margin: 6px 0 0 6px;
    padding-top: 4px;
    position: absolute;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 24px;
}

.field-box .radio input[type="radio"]:checked+label:after {
    background-color: #000;
}

.select-list .field-box {
    border: medium none;
    margin: 0 auto;
    text-align: left;
    width: 100%;
}

@media (min-width: 768px) {
    .field-box .radio label:before {
        height: 24px;
        margin: 0 10px -4px 0;
        width: 24px;
    }
    .field-box .radio label:after {
        height: 14px;
        margin: 5px 0 0 5px;
        padding-top: 3px;
        width: 14px;
    }
    .field-box .radio input[type="radio"]:checked+label:after {
        font-size: 8px;
    }
}

.checkbox input[type="checkbox"] {
    border: 0 none;
    cursor: pointer;
    height: 28px;
    margin: 0;
    opacity: 0;
    outline: 0 none;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 28px;
}

.checkbox label {
    padding: 0 0 0 60px;
    position: relative;
    text-align: left;
}

.checkbox label:before {
    background-color: #fff;
    border: 3px solid #000;
    content: " ";
    display: inline-block;
    height: 28px;
    margin: 0 10px -18px -60px;
    position: absolute;
    width: 28px;
    left: 60px;
}

.checkbox label:after {
    color: #fff;
    content: " ";
    font-family: 'TIAA Iconography';
    font-size: 16px;
    height: 24px;
    left: 0;
    margin: 15px 0 0 2px;
    padding-top: 0;
    position: absolute;
    text-align: center;
    top: -13px;
    transition: all 0.3s ease 0s;
    width: 24px;
}

li.checkbox {
    min-height: 70px;
}

li.checkbox label .paragraph {
    display: block;
    font-weight: normal;
    line-height: 26px;
    text-transform: none;
}

li.checkbox label:before {
    margin: 9px 10px -18px -60px;
}

li.checkbox label:after {
    margin: 12px 0 0 3px;
    padding-top: 1px;
    top: -1px;
    left: -1px;
}

.checkbox input[type="checkbox"]:checked+label:after {
    background-color: #000;
    content: "\e917";
}

.checkbox .checkbox-eyebrow {
    text-transform: uppercase;
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
}


/**
 .add-info .field-label-checkbox {
	padding-top: 6px;
}*/

.sign-page .add-info .field-label-checkbox {
    text-align: left;
}

.sign-page .alert-content {
    display: inline;
}

.sign-page .alert-component {
    padding-top: 0px;
}

.add-info {
    margin-top: 40px;
}

@media (max-width: 991px) {
    .add-info {
        margin-top: 20px;
    }
    .sm-device-space {
        display: block;
        margin-bottom: 25px;
    }
}

.radio-link-list {
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
}

.radio-link-list .btn {
    background-color: #f4f4f4;
    border-radius: 0;
    margin: 0 0 2px;
    text-align: left;
    text-transform: none;
    white-space: normal;
    margin-bottom: 10px;
    padding: 0px;
    text-align: center;
    border: 1px solid #BEBEBE;
}

.radio-link-list .btn.active .rll-heading {
    background-color: #00AA64;
    color: #FFF;
    padding: 40px 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    transition: all 0.2s ease 0s;
}

.mc-items .rll-heading {
    text-transform: uppercase;
    font-size: 20px;
}

@media (min-width: 768px) {
    .mc-items .rll-heading {
        min-height: 152px;
    }
}

.radio-link-list .btn .rll-heading img {
    display: block;
    margin: 0 auto;
}

.radio-link-list .btn.active:before {
    color: #fff;
    content: "\e917";
    font-family: 'TIAA Iconography';
    font-size: 16px;
    left: 50%;
    margin: 20px 0 0 -14px;
    position: absolute;
    text-align: center;
    top: -13px;
    transition: all 0.3s ease 0s;
    width: 30px;
    border: 2px solid #FFF;
    border-radius: 20px;
    height: 30px;
    padding: 6px;
}

.radio-link-list .btn.active:hover .rll-heading,
.radio-link-list .btn.active:focus .rll-heading,
.radio-link-list .btn.active.focus .rll-heading {
    background-color: #00AA64;
    color: #FFF;
}

.radio-link-list .btn:hover .rll-heading,
.radio-link-list .btn:focus .rll-heading,
.radio-link-list .btn.focus .rll-heading {
    color: #FFF;
    background-color: #000;
}

.radio-link-list .btn.active:hover .rll-description,
.radio-link-list .btn.active:focus .rll-description,
.radio-link-list .btn.active.focus .rll-description {
    color: #000;
    background-color: #f4f4f4;
}

.radio-link-list .rll-heading {
    font-family: "Agenda Bold", Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    display: block;
    padding: 26px 3px 16px;
    background-color: #fff;
    border: #f4f4f4 2px solid;
    line-height: 1.5;
}

.radio-link-list .rll-description {
    font-size: 16px;
    line-height: 1.5;
    font-family: "Lyon Text Web", Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    padding: 20px;
    color: #000;
    background-color: #f4f4f4;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    text-align: left;
    display: block\9;
}

.radio-link-list .btn-group .btn {
    margin-left: 0;
}

.radio-link-list .show-more-btn .btn {
    padding: 40px;
    width: 100%;
}

.radio-link-list .btn a {
    padding: 46px 0;
    display: inline-block;
    font-size: 26px;
}

.radio-link-list .rll-heading .text-large {
    font-size: 40px;
    display: block;
}

.radio-link-list .rll-heading .add-text {
    font-size: 19px;
}

@media (min-width: 768px) {
    .radio-link-list .btn.col-sm-6 {
        width: calc(50% - 10px);
        margin-right: 10px;
    }
}

@media (min-width: 992px) {
    .radio-link-list .btn {
        margin-right: 10px;
    }
    .radio-link-list .show-more-btn {
        padding-right: 10px;
    }
    .radio-link-list .btn.col-md-4 {
        width: calc(33.3333% - 10px);
    }
    .radio-link-list .btn.col-md-3 {
        width: calc(25% - 10px);
    }
    .radio-link-list .btn.col-md-6 {
        width: calc(50% - 10px);
    }
}


/* Navigation */

.navbar-no-menu .container-fluid {
    max-width: 940px;
}

.navbar-no-menu .navbar-header {
    width: 100%;
    float: none;
    position: relative;
}

.navbar-no-menu .navbar-brand {
    padding: 15px 0px 0px 15px;
    position: relative;
    display: inline-block;
}

.navbar .logo.bank-logo {
    max-width: 157px;
}

.navbar-no-menu .navbar-brand-phone {
    padding: 20px 0 0 0;
    font-size: 16px;
    position: relative;
}

.navbar-brand-help {
    color: #005CB9;
    position: relative;
    display: inline-block;
}

@media (min-width: 991px) {
    .navbar-brand-help {
        width: 155px;
        padding-left: 12px;
    }
}

.navbar-no-menu a.navbar-brand-phone .icon.icon-phone {
    margin-top: 15px;
}

.navbar-no-menu a.navbar-brand-phone span {
    display: inline-block;
}

.navbar-no-menu a.navbar-brand-phone {
    color: #005CB9;
    cursor: pointer;
}

.navbar-no-menu .navbar-brand-phone:hover .icon {
    background: #00C3FF;
    border-color: #00C3FF;
    color: #fff;
}

.navbar-brand-phone-help a:hover {
    text-decoration: underline;
}

.navbar-no-menu .navbar-brand-phone-help {
    position: absolute;
    background-color: #fff;
    border: 3px solid #00C3FF;
    width: 280px;
    padding: 20px;
    z-index: 2;
}

.navbar-no-menu .navbar-brand-header-text {
    margin: 0 auto;
    text-transform: uppercase;
    text-align: center;
    height: 60px;
    float: left;
    width: calc(100% - 420px);
    position: relative;
    font-weight: normal;
    font-family: "Franklin-Gothic-Book", Helvetica, Arial, sans-serif;
    display: inline-block;
}

@media (max-width: 991px) {
    .navbar-no-menu .navbar-brand-header-text {
        width: 90%;
        /* fallback if needed */
        width: calc(100% - 190px);
    }
    .navbar-no-menu .navbar-brand-phone {
        : ;
        padding: 30px 20px 20px;
        width: 75px;
        cursor: pointer;
    }
    .navbar-no-menu .navbar-brand-phone:hover,
    .navbar-no-menu .navbar-brand-phone:focus {
        background-color: #00C3FF;
    }
    .navbar-no-menu .navbar-brand-phone:hover:before,
    .navbar-no-menu .navbar-brand-phone:focus:before {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -10px;
        border-width: 10px 10px 0px;
        border-style: solid;
        border-color: #00C3FF transparent;
        display: block;
        width: 0;
        z-index: 1001
    }
    .navbar-no-menu .navbar-brand-phone:hover span.icon-phone,
    .navbar-no-menu .navbar-brand-phone.active span.icon-phone {
        border-color: #fff;
        color: #fff;
    }
}

.navbar-no-menu .navbar-brand-header-text:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    height: 60px;
    left: 0;
    z-index: -1;
}

.navbar-no-menu .navbar-brand-header-text:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    height: 60px;
    left: 0;
    z-index: -2;
    width: 100%;
}

.navbar-mobile .navbar-mobile-right .profile-button-dropdown .dropdown-menu {
    background-color: #fff;
}

.navbar-mobile .navbar-mobile-right .profile-button-dropdown .dropdown-menu .profile-container {
    border-bottom: 1px solid #F4F4F4;
    padding: 15px;
    background-color: #FFFFFF;
}

.navbar-mobile .navbar-mobile-right .login-button-dropdown .dropdown-menu {
    max-width: 100%;
}

.navbar-mobile .navbar-mobile-right .profile-button-dropdown .dropdown-menu {
    padding-bottom: 0px;
}

a.btnSmall span {
    padding: 3px 10px;
    letter-spacing: 0.0225em;
    display: inline-block;
}

.btn2 {
    background: #005eb8;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#00a9e0), to(#005eb8));
    background: -webkit-linear-gradient(#00a9e0 0%, #005eb8 100%);
    background: -moz-linear-gradient(#00a9e0 0%, #005eb8 100%);
    background: -o-linear-gradient(#00a9e0 0%, #005eb8 100%);
    background: linear-gradient(#00a9e0 0%, #005eb8 100%);
    border: 1px solid #00386E;
    -webkit-box-shadow: rgba(0, 0, 0, .5) 0 1px 0, inset rgba(255, 255, 255, .5) 0 1px 0;
    -moz-box-shadow: rgba(0, 0, 0, .5) 0 1px 0, inset rgba(255, 255, 255, .5) 0 1px 0;
    box-shadow: rgba(0, 0, 0, .5) 0 1px 0, inset rgba(255, 255, 255, .5) 0 1px 0;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    font: 700 14px Arial, Helvetica, sans-serif;
    display: inline-block;
    letter-spacing: 0.0325em;
    margin: 0 0 1px;
    vertical-align: middle;
}

.navbar-no-menu .navbar-brand-header-text.total-steps-5:after {
    background-color: #f6f7f7;
}

.navbar-no-menu .navbar-brand-header-text.total-steps-5:before {
    background-color: #efefef;
    border-bottom: 2px solid #75787b;
}

.navbar-no-menu .navbar-brand-header-text.total-steps-5 p {
    font-size: 12px;
}

.navbar-no-menu .navbar-brand-header-text.total-steps-5.step-1:before {
    width: 20%;
}

.navbar-no-menu .navbar-brand-header-text.total-steps-5.step-2:before {
    width: 40%;
}

.navbar-no-menu .navbar-brand-header-text.total-steps-5.step-3:before {
    width: 60%;
}

.navbar-no-menu .navbar-brand-header-text.total-steps-5.step-4:before {
    width: 80%;
}

.navbar-no-menu .navbar-brand-header-text.total-steps-5.step-5:before {
    width: 100%;
}

.navbar-no-menu .navbar-brand-header-text p {
    margin: 20px 0 0 0px;
    font-weight: bold;
    font-size: 18px;
}

@media (min-width: 991px) {
    .navbar-no-menu .navbar-brand-header-text p {
        margin: 20px 0 0 80px;
    }
}

.navbar-no-menu .icon-phone {
    border: solid 3px #005CB9;
    border-radius: 28px;
    padding: 4px;
    margin: 5px 5px 0 0;
}

.navbar-no-menu .navbar-brand-header-text span {
    text-transform: none;
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 0 80px;
}

.navbar-no-menu.navbar {
    box-shadow: 0 0 1px 1px #e6e6e6;
    background-color: #FFF;
}


/* Nav bar contact icons style override */

#navbar a.contact-button {
    padding: 10px 15px;
}


/* Navigation End */

.fixmdm {
    display: inline-block;
    text-transform: lowercase;
}

.fixmdm:first-letter {
    text-transform: capitalize;
}

.infocontent {
    text-align: center;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #f3f4f4 inset !important;
}

.combined-label {
    margin-top: -68px;
}

.ng-touched.ng-invalid {
    border: #be2025;
}

@media (min-width: 768px) {
    .noform-container {
        padding-top: 20px;
    }
}

.btn .btn-outline label:hover {
    padding-left: 60px;
}

.seemore-accordion .table-component .table {
    margin-top: 0;
}

.seemore-accordion .table-component {
    padding: 0;
}

.seemore-accordion .table-component .table {
    border-top: 0;
}

.seemore-accordion .multi-column-component {
    padding-top: 0;
}

.seemore-accordion .multi-column-component .mc-items {
    padding-top: 20px;
}

.seemore-accordion .multi-column-component .mc-item-eyebrow {
    margin-bottom: 10px;
}

.seemore-accordion .heading-link p {
    font-size: 20px;
    font-weight: normal;
    width: 89%;
}

.accordion .seemore-accordion>a {
    background-color: #fff;
    border: medium none;
    border-radius: 0;
    margin: 3px 0 0;
    padding: 20px 20px 20px 35px;
    text-align: left;
    text-transform: none;
    white-space: normal;
    width: 100%;
    display: inline-block;
    font-weight: 700;
}

.accordion .seemore-accordion>a:hover {
    color: #00C3FF;
}

.panel-content ul {
    margin-bottom: 40px;
}

.accordion .heading-link {
    background: #CECECE;
}

@media (min-width: 480px) {
    .accordion .heading-link .btn {
        float: right;
    }
    .accordion .heading-link {
        padding: 24px 20px 24px 40px
    }
}

.panel-content h3 {
    font-size: 22px;
}

.panel-content h4,
.panel-content h5 {
    font-weight: 700;
    font-size: 20px;
}

.panel-content h5 {
    text-transform: uppercase;
    font-size: 14px;
}

div:focus {
    outline: 0 !important;
}

@media (max-width: 768px) {
    .btn-container {
        text-align: center;
        padding-top: 15px;
    }
}

.switch-btn-container .switch-btn {
    display: inline-block;
    margin: 40px 0px 0px 20px;
    vertical-align: bottom;
}

@media (max-width: 768px) {
    .switch-btn-container .error-messages {
        margin-top: 20px;
    }
}

@media (min-width: 768px) {
    .btn-container {
        text-align: center;
    }
}

.edit_link {
    background: url(../images/edit-icon.svg) no-repeat 33px -1px;
    background-size: 28px;
    font-size: 20px;
    padding-right: 28px;
    position: absolute;
    right: 21px;
}

@media (max-width: 768px) {
    .edit_link {
        color: transperant;
        padding-right: 40px;
    }
}

.accordion .heading-link-icon.panel-toggle .icon,
.accordion-balance .heading-link-icon.panel-toggle .icon {
    border: solid 3px #000000;
    border-radius: 28px;
}

.accordion .edit-icon {
    position: absolute;
    top: 21px;
    right: 17px;
    width: 35px;
    height: 35px;
}


/* Password Strength */

@media (min-width: 768px) {
    .ix-input~.error-messages {
        padding-bottom: 10px;
    }
}


/* .ng-submitted .ix-input .input-group .form-control.ng-invalid {
	color: #be2025;
	border-color: #be2025;
}
.ng-submitted .ng-invalid:not(.nested-form) .ix-combobox .cb-inner a{
	color: #be2025;
} */

.password-strength {
    position: absolute;
    right: 0;
}

.password-fair.password-strength,
.password-indicator li.password-fair {
    color: #F9E038;
}

.password-indicator {
    padding: 20px 0 0;
    margin: 0;
    list-style-type: none;
    text-align: left;
}

.password-indicator li {
    padding-bottom: 5px;
    color: #999;
}

.ix-combobox .cb-menu.open ul {
    display: block;
}

.ix-combobox .cb-inner input.ui-select-search {
    border: none;
}

.ix-combobox .cb-inner input.ui-select-search:focus {
    border: 1px solid rgb(77, 144, 254);
}

.ix-combobox .cb-inner .ui-select-match a i {
    /*background-color:#fff;
	padding:3px;
	border-radius:10px;*/
    font-size: 10px;
    margin-right: 5px;
}

.password-strength.password-strong,
.password-indicator li.password-strong {
    color: #02CCA4;
}

.password-invalid.password-strength,
.password-indicator li.password-invalid {
    color: #FF0000;
}

.password-indicator li:before {
    content: "\e917";
    margin: 0 10px 0 20px;
    padding: 5px;
    background-color: #999;
    height: 24px;
    width: 24px;
    color: #fff;
    font-family: 'TIAA Iconography';
    font-size: 12px;
}

.password-indicator li.password-invalid:before {
    background-color: #FF0000;
}

.password-indicator li.password-strong:before {
    background-color: #02CCA4;
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
}


/* End of Password Strength */


/* Styles specific to full name page where combo and input boxes joint together */

.more-info-container {
    margin-top: 16px;
    text-align: left;
}

.more-info-container .more-info {
    margin: 10px 0;
    font-size: 21px;
}

.more-info-container .error-messages {
    text-align: center;
}

@media (min-width: 768px) {
    .more-info-container .error-messages {
        margin-top: 10px;
    }
}

span.account-subtype-icon {
    background: transparent url("../images/ownership.png") no-repeat;
    background-repeat: no-repeat;
    height: 42px;
    width: 54px;
    display: block;
    margin: 0 auto;
}

span.account-subtype-icon.individual {
    background-position: 0 -84px;
}

.active.btn span.account-subtype-icon.individual,
.btn:hover span.account-subtype-icon.individual {
    background-position: -54px -84px;
}

span.account-subtype-icon.joint-2 {
    background-position: 0 -42px;
}

.btn.active span.account-subtype-icon.joint-2,
.btn:hover span.account-subtype-icon.joint-2 {
    background-position: -54px -42px;
}

span.account-subtype-icon.joint-3 {
    background-position: 0 0;
}

.active.btn span.account-subtype-icon.joint-3,
.btn:hover span.account-subtype-icon.joint-3 {
    background-position: -54px 0;
}


/*
* Defect #431836 : iPad - Continue and Back buttons show as active (black) when you first get to the page 
*/

@media (max-width: 768px) {
    .form-container .form-heading.no-description,
    .no-description {
        margin-top: 20px;
    }
}

.more-info-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.more-info-block .more-info {
    padding: 20px;
}

.more-info-block label {
    display: block;
    width: 49%;
    margin-right: 1%;
    padding: 10px;
    margin-bottom: 20px;
}

.more-info-block .switch-btn {
    display: block;
}

@media (max-width: 767px) {
    .showNavButton .button-holder {
        display: block;
    }
}

.button-holder {
    padding: 30px 0 20px;
}

div[ao-cancel-request] {
    padding: 10px 0;
}

.button-holder .btn {
    margin: 0 40px;
    min-width: 200px
}

@media (max-width: 767px) {
    .button-holder .btn {
        min-width: 135px;
        margin: 0;
    }
    .button-holder .btn:first-child {
        margin: 0 20px 0 0;
    }
}

@media (max-width: 320px) {
    .button-holder .btn {
        min-width: auto;
    }
}

@media (min-width: 768px) {
    .fixed-button-wrapper {
        display: none;
    }
}

.fixed-button-wrapper {
    position: fixed;
    width: 100%;
    bottom: 0px;
    background-color: rgba(240, 243, 250, 0.80);
    left: 0px;
    padding: 10px;
    border-top: 2px solid #ccc;
    z-index: 11;
}

.fixed-button-wrapper .fixed-step-button.prev {
    float: left;
}

.fixed-button-wrapper .fixed-step-button.next {
    float: right;
}

.fixed-button-wrapper .fixed-step-button.next.center {
    float: none;
}

.inline-icon {
    position: relative;
}

.inline-icon .icon {
    position: absolute;
    top: 0;
    right: -20px;
}


/***************TEMPORARY STYLES FOR NEW INPUT FIELD***********************/

.i-input {
    width: 100%;
    margin: 25px auto 30px;
}

.i-input .input-group {
    position: relative;
    width: 100%;
    margin: 0 auto;
    border: 2px solid #000000;
    height: 48px;
}

.i-input .input-group .form-control,
.i-input .input-group textarea {
    display: block;
    background: transparent;
    width: 100%;
    line-height: inherit;
    height: inherit;
    margin: 0;
    border: 0;
    border-radius: 0;
    font-size: 16px;
    font-family: "Franklin Gothic Book", Helvetica, Arial, sans-serif;
    text-align: center;
    color: #000000;
}

.i-input .input-group .form-control::-webkit-input-placeholder,
.i-input .input-group textarea::-webkit-input-placeholder {
    color: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.i-input .input-group .form-control:-moz-placeholder,
.i-input .input-group textarea:-moz-placeholder {
    color: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.i-input .input-group .form-control::-moz-placeholder,
.i-input .input-group textarea::-moz-placeholder {
    color: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.i-input .input-group .form-control:-ms-input-placeholder,
.i-input .input-group textarea:-ms-input-placeholder {
    color: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.i-input .input-group .form-control::placeholder,
.i-input .input-group textarea::placeholder {
    color: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.i-input .input-group .placeholder {
    color: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.i-input .input-group .input-group-addon {
    left: 16px;
    top: 8px;
    line-height: 20px;
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
    font-size: 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: #000000;
}

.i-input .field-label {
    font-weight: normal;
}

.i-input.has-error .input-group {
    border-color: #ff0000;
}


/* TODO - is there a better way to do this? */


/* Color fixes */

.blue-dark .i-input .input-group,
.purple .i-input .input-group,
.gray-darker .i-input .input-group,
.black .i-input .input-group {
    border-color: #FFFFFF;
}

.blue-dark .i-input .input-group .form-control,
.blue-dark .i-input .input-group textarea,
.purple .i-input .input-group .form-control,
.purple .i-input .input-group textarea,
.gray-darker .i-input .input-group .form-control,
.gray-darker .i-input .input-group textarea,
.black .i-input .input-group .form-control,
.black .i-input .input-group textarea {
    color: #FFFFFF !important;
}

.blue-dark .i-input .input-group .form-control::-webkit-input-placeholder,
.blue-dark .i-input .input-group textarea::-webkit-input-placeholder,
.purple .i-input .input-group .form-control::-webkit-input-placeholder,
.purple .i-input .input-group textarea::-webkit-input-placeholder,
.gray-darker .i-input .input-group .form-control::-webkit-input-placeholder,
.gray-darker .i-input .input-group textarea::-webkit-input-placeholder,
.black .i-input .input-group .form-control::-webkit-input-placeholder,
.black .i-input .input-group textarea::-webkit-input-placeholder {
    color: #FFFFFF !important;
}

.blue-dark .i-input .input-group .form-control:-moz-placeholder,
.blue-dark .i-input .input-group textarea:-moz-placeholder,
.purple .i-input .input-group .form-control:-moz-placeholder,
.purple .i-input .input-group textarea:-moz-placeholder,
.gray-darker .i-input .input-group .form-control:-moz-placeholder,
.gray-darker .i-input .input-group textarea:-moz-placeholder,
.black .i-input .input-group .form-control:-moz-placeholder,
.black .i-input .input-group textarea:-moz-placeholder {
    color: #FFFFFF !important;
}

.blue-dark .i-input .input-group .form-control::-moz-placeholder,
.blue-dark .i-input .input-group textarea::-moz-placeholder,
.purple .i-input .input-group .form-control::-moz-placeholder,
.purple .i-input .input-group textarea::-moz-placeholder,
.gray-darker .i-input .input-group .form-control::-moz-placeholder,
.gray-darker .i-input .input-group textarea::-moz-placeholder,
.black .i-input .input-group .form-control::-moz-placeholder,
.black .i-input .input-group textarea::-moz-placeholder {
    color: #FFFFFF !important;
}

.blue-dark .i-input .input-group .form-control:-ms-input-placeholder,
.blue-dark .i-input .input-group textarea:-ms-input-placeholder,
.purple .i-input .input-group .form-control:-ms-input-placeholder,
.purple .i-input .input-group textarea:-ms-input-placeholder,
.gray-darker .i-input .input-group .form-control:-ms-input-placeholder,
.gray-darker .i-input .input-group textarea:-ms-input-placeholder,
.black .i-input .input-group .form-control:-ms-input-placeholder,
.black .i-input .input-group textarea:-ms-input-placeholder {
    color: #FFFFFF !important;
}

.blue-dark .i-input .input-group .form-control::placeholder,
.blue-dark .i-input .input-group textarea::placeholder,
.purple .i-input .input-group .form-control::placeholder,
.purple .i-input .input-group textarea::placeholder,
.gray-darker .i-input .input-group .form-control::placeholder,
.gray-darker .i-input .input-group textarea::placeholder,
.black .i-input .input-group .form-control::placeholder,
.black .i-input .input-group textarea::placeholder {
    color: #FFFFFF !important;
}

.blue-dark .i-input .input-group .placeholder,
.purple .i-input .input-group .placeholder,
.gray-darker .i-input .input-group .placeholder,
.black .i-input .input-group .placeholder {
    color: #FFFFFF !important;
}

.blue-dark .i-input .input-group .input-group-addon,
.purple .i-input .input-group .input-group-addon,
.gray-darker .i-input .input-group .input-group-addon,
.black .i-input .input-group .input-group-addon {
    color: #FFFFFF;
}

.blue-dark .form-group input[type="radio"]:not(checked)+label:before,
.blue-dark .form-group input[type="checkbox"]:not(checked)+label:before,
.purple .form-group input[type="radio"]:not(checked)+label:before,
.purple .form-group input[type="checkbox"]:not(checked)+label:before,
.gray-darker .form-group input[type="radio"]:not(checked)+label:before,
.gray-darker .form-group input[type="checkbox"]:not(checked)+label:before,
.black .form-group input[type="radio"]:not(checked)+label:before,
.black .form-group input[type="checkbox"]:not(checked)+label:before {
    border-color: #FFFFFF;
}

.blue-dark .form-group input[type="radio"]:checked+label:before,
.blue-dark .form-group input[type="checkbox"]:checked+label:before,
.purple .form-group input[type="radio"]:checked+label:before,
.purple .form-group input[type="checkbox"]:checked+label:before,
.gray-darker .form-group input[type="radio"]:checked+label:before,
.gray-darker .form-group input[type="checkbox"]:checked+label:before,
.black .form-group input[type="radio"]:checked+label:before,
.black .form-group input[type="checkbox"]:checked+label:before {
    background: #FFFFFF;
    color: #000000;
}

.gray .ix-combobox.has-error .input-group,
.blue .ix-combobox.has-error .input-group,
.yellow .ix-combobox.has-error .input-group {
    border-color: #ff0000;
}

.white .i-input.has-error .input-group .form-control,
.white .i-input.has-error .input-group textarea {
    border-color: #ff0000;
}

@media (max-width: 767px) {
    .i-input {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        flex-wrap: wrap;
        justify-content: center;
    }
    .i-input .field-link {
        -webkit-box-ordinal-group: 2;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-ordinal-group: 2;
        /* OLD - Firefox 19- */
        -ms-flex-order: 2;
        /* TWEENER - IE 10 */
        -webkit-order: 2;
        /* NEW - Chrome */
        order: 2;
        margin-left: 5px;
        padding-right: 5px;
    }
    .i-input .input-group {
        -webkit-box-ordinal-group: 3;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-ordinal-group: 3;
        /* OLD - Firefox 19- */
        -ms-flex-order: 3;
        /* TWEENER - IE 10 */
        -webkit-order: 3;
        /* NEW - Chrome */
        order: 3;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        : 5px;
    }
    .i-input.has-error .alert-error {
        -webkit-box-ordinal-group: 4;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-ordinal-group: 4;
        /* OLD - Firefox 19- */
        -ms-flex-order: 4;
        /* TWEENER - IE 10 */
        -webkit-order: 4;
        /* NEW - Chrome */
        order: 4;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
    }
}

@media (min-width: 768px) {
    .i-input .input-group {
        position: relative;
        border: none;
        border-bottom: 1px solid #000000;
    }
    .i-input .input-group .form-control,
    .i-input .input-group textarea {
        font-family: "Franklin Gothic Book", Helvetica, Arial, sans-serif;
        font-size: 24px;
        line-height: 27px;
        width: 100%;
        margin: 0;
        padding: 0;
        background: transparent;
        border: 0;
        box-shadow: none;
    }
    .i-input .input-group textarea {
        padding: 10px 0;
        min-height: 0;
    }
    .i-input .input-group .ac-results,
    .i-input .input-group .autocomplete {
        padding: 0 20px;
    }
    .i-input .field-label {
        font-size: 14px;
        margin-top: 10px;
    }
}

.i-input .field-link {
    text-decoration: underline;
    border-left: 1px solid #000;
    padding-left: 5px;
}


/***************END TEMP FOR NEW INPUT FIELD***********************/

span.account-subtype-icon {
    background-image: url("../images/img-sprite.png");
    background-repeat: no-repeat;
    height: 42px;
    width: 54px;
    display: block;
    margin: 0 auto;
}

span.account-subtype-icon.individual {
    background-position: 0 -84px;
}

.active.btn span.account-subtype-icon.individual,
.btn:hover span.account-subtype-icon.individual {
    background-position: -54px -84px;
}

span.account-subtype-icon.joint-2 {
    background-position: 0 -42px;
}

.btn.active span.account-subtype-icon.joint-2,
.btn:hover span.account-subtype-icon.joint-2 {
    background-position: -54px -42px;
}

span.account-subtype-icon.joint-3 {
    background-position: 0 0;
}

.active.btn span.account-subtype-icon.joint-3,
.btn:hover span.account-subtype-icon.joint-3 {
    background-position: -54px 0;
}

span.log-in-icon {
    background-image: url("../images/img-sprite.png");
    background-repeat: no-repeat;
    height: 46px;
    width: 54px;
    display: block;
    margin: 0 auto;
}

span.log-in-icon.existing {
    background-position: -108px -84px;
}

.active.btn span.log-in-icon.existing,
.btn:hover span.log-in-icon.existing {
    background-position: -162px -84px;
}

span.log-in-icon.lookup {
    background-position: -108px -42px;
}

.active.btn span.log-in-icon.lookup,
.btn:hover span.log-in-icon.lookup {
    background-position: -162px -42px;
}

span.log-in-icon.new {
    background-position: -108px 0;
}

.active.btn span.log-in-icon.new,
.btn:hover span.log-in-icon.new {
    background-position: -162px 0;
}

.xs-combobox .ix-combobox .cb-selected-item::after {
    margin: 0 6px 0 0;
}

.xs-combobox .ix-combobox .combo-search-box-wrapper {
    display: none;
}

.input-with-link .field-link {
    text-decoration: underline;
    border-left: 1px solid #000;
    padding-left: 5px;
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.input-with-link .field-label {
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
}

.input-with-link .i-input,
.input-with-link .ix-input {
    margin-bottom: 5px;
}

.input-with-link .error-messages {
    margin-top: 16px;
}

#review-selections {
    padding-top: 0px;
}

#review-selections.accordion {
    padding: 0px;
}

#review-selections .jump-link {
    margin-bottom: 0px;
}

.ix-input .input-group.has-content .placeholder-text {
    display: none;
}

.ix-input .input-group.focus-parent .placeholder-text {
    font-size: 18px;
    top: -30px;
    text-align: center;
}

@media (min-width: 768px) {
    .ix-input .input-group.focus-parent .placeholder-text {
        font-size: 14px;
        top: -15px;
        text-align: center;
    }
}

.ix-input .input-group .placeholder-text {
    position: absolute;
    color: #000000;
    opacity: 0.5;
    font-family: "Franklin Gothic Book", Helvetica, Arial, sans-serif;
    font-size: 20px;
    left: 0;
    width: 100%;
    text-align: center;
    top: 10px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}


/* bootstrap styles that were removed from global */

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

@media (max-width: 768px) {
    .col-xxs-offset-1 {
        margin-left: 4.3%;
    }
}

@media (min-width: 768px) {
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-20 {
        width: 20%;
        float: left;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
}

@media (min-width: 992px) {
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (max-width: 480px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .hidden-sm {
        display: none;
    }
    .ix-input.focus-parent .field-label {
        visibility: hidden !important;
    }
    .ix-input.focus-parent .input-group.focus-parent .placeholder-text {
        visibility: visible !important;
    }
    .ix-input .field-label {
        visibility: visible !important;
        text-align: left;
    }
}

@media (max-width: 992px) {
    .hidden-md {
        display: none !important;
    }
}

@media (max-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .sm-visible {
        margin-top: 14px;
        display: block !important;
    }
}

.tile-selection {
    /*padding: 60px 0;*/
    text-align: center;
}

.tile-selection .tile-wrapper .tile-eyebrow {
    margin-bottom: 48px;
}

.tile-selection .tile-wrapper .tile-heading {
    margin-top: 25px;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #00C3FF;
}

.tile-selection.white .tile-content {
    background-color: #F4F4F4;
}

.tile-selection .tile-content {
    border-bottom: 1px solid #FAFAFA;
    padding: 20px;
    background: #FFFFFF;
    color: #000000;
    margin: 20px;
    cursor: pointer;
    display: block
}

.tile-selection .tile-content a:not(.btn) {
    color: #00C3FF;
}

.tile-selection .tile-content a:not(.btn):hover {
    color: #00C3FF;
}

.tile-selection .tile-content.active {
    background: #000000;
    color: #FFFFFF;
}

.tile-selection .tile-content .tile-heading:before {
    content: "\e917";
    font-family: "TIAA Iconography";
    color: #FFFFFF;
    font-size: 0px;
    position: relative;
    left: -10px;
    opacity: 0;
    -webkit-transition: opacity .6s ease;
    -moz-transition: opacity .6s ease;
    -o-transition: opacity .6s ease;
    -ms-transition: opacity .6s ease;
    transition: opacity .6s ease;
}

.tile-selection .tile-content.active .tile-heading:before {
    opacity: 1;
    font-size: 32px;
}

.tile-selection .tile-content.active .tile-heading {
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}

.tile-selection .tile-content.active a:not(.btn) {
    color: #FFFFFF;
}

.tile-selection .tile-content.active a:not(.btn):hover {
    color: #FFFFFF;
}

.tile-selection .tile-content.active:hover a:not(.btn) {
    color: #FFFFFF;
}

.tile-selection .tile-content.active:hover a:not(.btn):hover {
    color: #FFFFFF;
}

.tile-selection .tile-content .tile-description {
    font-size: 16px;
    width: 100%;
    margin: 25px 0 0;
    display: block;
}

.tile-selection .tile-content:hover .tile-description,
.tile-selection .tile-content.active .tile-description {
    color: #fff;
}

.tile-selection .tile-wrapper {
    margin-top: 20px;
}

.tile-eyebrow {
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
}

.pending-date {
    display: block;
    color: #999;
    margin-top: 15px;
    font-size: 14px;
    font-family: "Franklin Gothic Book", Georgia, "Times New Roman", Times, serif;
}

.tile-selection .tile-content:hover {
    cursor: pointer;
    background: #000000;
}

.tile-selection .tile-content:hover * {
    color: #FFFFFF;
}

@media (min-width: 768px) {
    .tile-selection.four .tile-content.slide-in {
        width: 0px;
        padding: 0px;
        height: auto;
    }
    .tile-selection.four .tile-content.slide-in .tile-heading {
        font-size: 0px;
    }
    .tile-selection.four .more-options {
        width: 20px;
        background-color: #fff;
        width: calc(25% - 30px/2);
        position: relative;
        border: none;
        float: left;
        padding: 60px 20px 20px;
    }
    .tile-selection .tile-content:nth-child(4n) {
        margin-right: 0px;
    }
    .tile-selection.four .more-options.slide-in,
    .tile-selection .more-options.slide-in:after {
        width: 0px;
        padding: 0px;
    }
    .tile-selection.four .more-options.slide-in .tile-heading {
        font-size: 0px;
    }
}

.alert-component.checkmark .alert-content:before {
    color: #02CCA4;
    border-color: #02cca4;
    content: "\e917";
}

@media (min-width: 768px) {
    .tile-selection .tile-content.active:before {
        content: "\e917";
        font-family: "TIAA Iconography";
        color: #FFFFFF;
        font-size: 40px;
        text-align: center;
        position: absolute;
        left: 45%;
        top: 10px;
    }
    .tile-selection .tile-content .tile-heading:before {
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: color 0 ease-in;
        transition: none;
        display: none;
    }
    .tile-selection .tile-content.active .tile-heading,
    .tile-selection .tile-content .tile-heading {
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: color 0 ease-in;
        transition: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }
    .tile-selection .tile-content.active .tile-wrapper .tile-heading:before {
        display: none;
    }
    .tile-selection .tile-wrapper {
        display: inline-block;
        /* for IE 9 */
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .tile-selection .tile-content {
        position: relative;
        width: calc(31% - 40px/3);
        border: none;
        margin: 20px 20px 0 0;
        float: left;
        /* for IE 9 */
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        padding: 60px 20px;
    }
    .tile-selection .tile-content.border-left {
        margin-left: 40px;
    }
    .tile-selection .tile-content:last-of-type {
        margin-right: 0px;
    }
    /*     .tile-selection .tile-content:nth-child(4n) {
        margin-right: 0px;
    } */
    .tile-selection .tile-content:nth-child(n+5) {
        : 20px;
    }
    .tile-selection .tile-content:hover * a:not(.btn) {
        color: #00C3FF;
    }
    .tile-selection .tile-content:hover .btn {
        background-color: #00C3FF;
        color: #000000;
    }
    .tile-selection .tile-content:hover a:focus,
    .tile-selection .tile-content:hover button:focus {
        outline: none;
    }
    .tile-selection .more-options {
        width: 20px;
        background-color: #fff;
        width: calc(31% - 80px/3);
        position: relative;
        border: none;
        float: left;
        /* for IE 9 */
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        padding: 60px 20px 20px;
        margin-top: 20px;
    }
    .tile-selection .more-options:after {
        width: 10px;
        content: " ";
        display: block;
        background-color: #fff;
        position: absolute;
        right: -15px;
        height: 80%;
        top: 10%;
    }
    .tile-selection .tile-content {
        width: calc(50% - 80px/2);
    }
    .tile-selection .tile-wrapper {
        margin-left: 7%;
    }
    .tile-selection.four .more-options {
        width: calc(25% - 30px/2);
    }
    .tile-selection.four .tile-wrapper {
        margin-left: 2%;
    }
    .tile-selection.four .tile-content {
        width: calc(25% - 30px/2);
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
    }
    .tile-selection.five .tile-content {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
    }
    .tile-selection.five .tile-content:nth-child(-n+5) {
        width: calc(33% - 30px/1);
    }
    .tile-selection.five .tile-content:nth-child(4) {
        margin: 20px 20px 0 17%;
    }
    .tile-selection.three .tile-content {
        width: calc(33% - 30px/1);
    }
}

.tile-selection .tile-heading {
    font-size: 24px;
    font-family: "Agenda Bold", Helvetica, Arial, sans-serif;
    letter-spacing: -0.5px;
    line-height: 1;
    margin: 0;
    font-weight: 500;
}

@media (min-width: 768px) {
    .tile-selection .tile-heading {
        font-size: 26px;
        line-height: 26px;
    }
    .tile-selection {
        margin: 60px 0;
    }
}


/* end bootstrap styles that were removed from global */


/* global css fixes*/


/* font size, top, left property changed as part of tiaa global css update */

.form-group.toggle-visibility.toggle-visibility .input-group .btn-toggle-visibility,
.form-group.button-clear.toggle-visibility .input-group .btn-toggle-visibility {
    margin-left: -85px;
    margin-top: 0px;
    top: 18px;
    font-size: 12px;
}

@media (min-width: 768px) {
    .ix-input .input-group .form-control,
    .ix-input .input-group textarea {
        font-size: 20px;
    }
    .ix-combobox {
        min-width: 100px;
    }
    .ix-combobox .cb-inner {
        font-size: 20px;
        padding: 0;
    }
    .ix-combobox .cb-selected-item {
        padding: 8px 0 0;
    }
    .ix-combobox div[tiaa-combo-box] .cb-selected-item,
    .ix-combobox div tiaa-ao-combo-box .cb-selected-item {
        padding: 8px 0;
    }
    .ix-combobox div[tiaa-combo-box] .cb-inner,
    .ix-combobox div tiaa-ao-combo-box .cb-inner,
    .ix-combobox div[tiaa-combo-box] .cb-selected-item,
    .ix-combobox div tiaa-ao-combo-box .cb-selected-item {
        min-height: 46px;
    }
}


/* global css fixes*/


/* border-left property has been added as part of tiaa global css update */

.form-group.toggle-visibility.toggle-visibility .input-group .form-control {
    border-right: 2px;
    border-left: 0px;
}


/* affiliation page*/

@media (min-width: 767px) {
    .field-label-radio {
        font-size: 0px;
    }
}

.group-fieldset {
    padding: 0px;
}

@media (max-width: 767px) {
    .group-fieldset {
        margin-top: 20px;
    }
}


/* affiliation page*/

.radio-btn-container {
    margin-top: 20px;
    margin-bottom: 10px
}

.radio-label {
    margin-left: 20px;
}

@media (max-width: 767px) {
    .sm-device-right {
        margin-left: 9%;
    }
}


/* temporary fix for radio buttons ....waiting for prototype */


/* .field-label-checkbox .checkbox-eyebrow {
    text-transform: uppercase;
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
}
@media (max-width: 768px){
.form-group input[type="radio"]:not(checked) + label:before, .form-group input[type="checkbox"]:not(checked) + label:before {	
    float: left;
}}
 */


/* .form-group input[type="radio"]:not(checked) + label:before, .form-group input[type="checkbox"]:not(checked) + label:before {
    position: absolute;
    margin-left: 0px;
}
 */


/* .form-group input[type="radio"]:not(checked) + label, .form-group input[type="checkbox"]:not(checked) + label {
    vertical-align: super;
}
.form-group input[type="radio"]:not(checked) + label span, .form-group input[type="checkbox"]:not(checked) + label span{
    vertical-align: sub;
}

.icon-profile:before {
    content: "\e92c";
}  
.form-group input[type="radio"]:not(checked) + label:before, .form-group input[type="checkbox"]:not(checked) + label:before {
    left: 0;
}
.group-fieldset {
    margin-bottom: 0px;
}    
@media (min-width: 768px){
.group-fieldset {
 	padding: 0px;
}}

.flick-message{
      position: fixed;
      z-index: 10;
      right: 10px;
      bottom: 20px;
      width: auto;
}    
.alert-component.flick-message .simple-alert .alert-margin{
	padding-top:0;
} */


/* end of temporary fix for radio buttons ....waiting for prototype */


/*  .form-group input[type="radio"]:not(checked) + label:before, .form-group input[type="checkbox"]:not(checked) + label:before {
    margin-left: 10px;
} */

.jointintro .form-group input[type="checkbox"]:not(checked)+label:before {
    left: 0;
}

.jointintro .form-group input[type="checkbox"]:not(checked)+label:before {
    position: absolute;
    margin-left: 0px;
}

.form-gutter {
    margin-left: 3%;
}


/* waiting for fix from prototype */


/*.ix-combobox .input-group {min-height:49px}*/

.ix-combobox .ui-select-match {
    height: 48px
}


/* end of waiting for fix from prototype */


/* temporary prototype code */

.visible-xs,
.visible-sm,
.visible-md {
    display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}


/* @media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
} */

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

@media (min-width: 480px) {
    .hidden-xs-max {
        display: none !important;
    }
}

@media (max-width: 480px) {
    .hidden-xs-max {
        display: block !important;
    }
}

@media (min-width: 480px) {
    .hidden-xs-min {
        display: block !important;
    }
}

@media (max-width: 480px) {
    .hidden-xs-min {
        display: none !important;
    }
}


/* end of temporary prototype code */


/* style for address pages */

@media (min-width: 992px) {
    .thirteen-columns .col-md-2 {
        width: 13.88889%;
    }
}

.cd-rates-table {
    text-align: left;
    width: 100%;
}

.cd-rates-table td,
.cd-rates-table th {
    padding: 4px;
}

.cd-rates-table .radio-label:before {
    left: -50px !important;
    top: -15px;
}

.tax-form .form-field {
    padding-left: 0px;
}

.tax-form p {
    text-align: left;
    margin-bottom: 24px;
}

.tax-form .list-container ul li {
    padding: 0px;
}

.switch-component .form-control {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
}

.switch-component.gray-to-green .form-control+label>.background {
    background: #CECECE;
}

.switch-component .form-control+label>.background {
    position: relative;
    display: inline-block;
    border-radius: 20px;
    padding: 5px;
    height: 26px;
    width: 45px;
    vertical-align: middle;
}

.switch-component .form-control+label>.background .indicator {
    position: absolute;
    left: 0;
    display: block;
    margin-left: 5px;
    border-radius: 10px;
    background: white;
    width: 16px;
    height: 16px;
    -moz-transition: all 0.2s ease-in 0s;
    -webkit-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
}


/* .form-group input[type="radio"]:not(checked), .form-group input[type="radio"]:checked, .form-group input[type="checkbox"]:not(checked), .form-group input[type="checkbox"]:checked {
    position: absolute;
    left: -9999em;
}
.form-group.switch-component input[type="checkbox"]:not(checked) + label:before{
	 left: -9999em;
} */

.switch-component.gray-to-green .form-control:checked+label>.background {
    background: #02CCA4;
}

.switch-component .form-control:checked+label>.background .indicator {
    left: 100%;
    margin-left: -21px;
}

@media (min-width: 768px) {
    .linear-form .input-form-group .input-group {
        width: calc(100% - .4em);
    }
}

.btn.btn-black {
    background-color: #000;
    color: #fff;
}

.btn.btn-black:hover {
    color: #fff;
}

.alignment .prefilled {
    line-height: 46px;
    border-bottom: 1px solid #000000;
    margin-top: 8px;
}

.panel-group {
    text-align: left;
}

.alignment .icon {
    margin: 55px 0 0 30px;
}

.panel-heading .h3 {
    margin: 16px 0 16px 22px;
    text-align: left;
}

.table-component.no-padding {
    padding: 0;
}

.table-component.no-border tr,
.table-component.no-border> :first-child {
    border: 0;
}

.total-row {
    text-align: right;
    margin-top: 35px;
}

#enrollment .form-group .alert-info .alert .text,
.form-group .alert-info .alert {
    background: none;
}

#enrollment .form-group .alert-info .alert .text,
.form-group .alert-info .alert .infoMessages {
    display: block;
    background: none;
}

.promo-code-link {
    margin-bottom: 50px;
}

.promo-link {
    text-decoration: underline;
}

.next-section {
    margin-top: 40px;
}


/* temporary for password ....waiting for prototype to include this into their secure site css */

.form-group .alert-error .alert .text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 8px;
    text-align: left;
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #D90000;
    /*AX issue fix for contrast*/
}

.form-group.has-error .alert-error {
    display: block;
}

.form-group .alert-info .alert {
    display: table;
    margin: 0 auto;
    width: auto;
    padding: 8px 10px;
}

.form-group .alert-info .alert .icon {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 20px;
    height: 20px;
}

.form-group .alert-info .alert .icon:before {
    display: block;
    border-radius: 10px;
    background: #FF0000;
    font-size: 10px;
    line-height: 20px;
    color: #FFFFFF;
}

.form-group .alert-info .alert .text,
.form-group .alert-info .alert .info-messages {
    display: table-cell;
    vertical-align: middle;
    padding-left: 8px;
    text-align: center;
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #B3B3B3;
    text-transform: uppercase;
}

.form-group .alert-info .alert .info-messages .error-message-wrapper {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.form-group .alert-info .alert .info-messages .error-message-wrapper .icon {
    display: inline-block !important;
    vertical-align: middle;
    text-align: center;
    width: 20px;
    height: 20px;
}

.form-group .alert-info .alert .info-messages .error-message-wrapper .text {
    display: inline-block;
    text-align: center;
}

.form-group.req-met .alert-info .alert .icon:before,
.form-group.pw-strong .alert-info .alert .icon:before {
    background: #00cc33;
}

.form-group.req-met .alert-info .alert .text,
.form-group.req-met .alert-info .alert .info-messages,
.form-group.pw-strong .alert-info .alert .text,
.form-group.pw-strong .alert-info .alert .info-messages {
    color: #00cc33;
}

.form-group.pw-fair .alert-info .alert .icon:before {
    background: #FF7336;
}

.form-group.pw-fair .alert-info .alert .text,
.form-group.pw-fair .alert-info .alert .info-messages {
    color: #FF7336;
}

.form-group.info-error .info-messages .icon {
    display: none;
}

.form-group.has-error .alert-info .alert .text,
.form-group.has-error .alert-info .alert .info-messages {
    color: #FF0000;
}

.form-group.has-error .alert-info .alert .info-messages .icon {
    display: table-cell;
}


/* end of temporary for password ....waiting for prototype */

.lst-item:focus {
    border: 1px solid blue;
}

.lst-label:focus {
    border: 1px solid black;
}

.lst-item input:focus {
    border: 1px solid red;
}

.lst-item label:focus {
    border: 1px solid green;
}

.eyebrow-container {
    margin-bottom: 20px;
}

.ix-combobox .cb-menu.open.dropdown-child {
    z-index: 7;
}

.ix-combobox .cb-menu.open.dropdown-child-open .ui-select-choices-group {
    transform: translate(-1000%, 0px);
    -webkit-transform: translate(-1000%, 0px);
    -moz-transform: translate(-1000%, 0px);
    -ms-transform: translate(-1000%, 0px);
    -o-transform: translate(-1000%, 0px);
    -webkit-transition: 0s ease;
    -moz-transition: 0s ease;
    -o-transition: 0s ease;
    -ms-transition: 0s ease;
    transition: 0s ease;
}

.ix-combobox .cb-menu.open.dropdown-child ul {
    top: 45px;
}

.ix-combobox .cb-menu.open.dropdown-child {
    display: block;
    transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    -webkit-transition: .6s ease;
    -moz-transition: .6s ease;
    -o-transition: .6s ease;
    -ms-transition: .6s ease;
    transition: .6s ease;
}

.ix-combobox .cb-menu.dropdown-child {
    display: block;
    transform: translate(100%, 0px);
    -webkit-transform: translate(100%, 0px);
    -moz-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    -o-transform: translate(100%, 0px);
    -webkit-transition: .6s ease;
    -moz-transition: .6s ease;
    -o-transition: .6s ease;
    -ms-transition: .6s ease;
    transition: .6s ease;
}

.dropdown-header {
    background: none repeat scroll 0 0 #f4f4f4;
}

.dropdown-back {
    display: block;
    z-index: 2;
    width: 40px;
    height: 40px;
    text-align: left;
    line-height: 40px;
    color: #00C3FF !important;
    font-size: 16px
}

.dropdown-back:hover {
    text-decoration: none
}

.dropdown-back .dropdown-icon {
    float: none;
    display: block;
    text-align: center;
    line-height: 40px
}

.dropdown-back .dropdown-text {
    display: none
}

.ix-input .input-group .dropdown-title {
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    position: relative;
    text-align: center;
    min-height: 20px;
    padding: 5px 45px 10px;
    margin: 0 0 5px;
    border-bottom: 1px solid #000;
}

.ix-combobox .dropdown-title {
    display: inline-block;
    width: 85%;
    font-size: 18px;
    color: #CCC;
}

.ix-combobox .dropdown-header>a {
    display: inline-block;
}


/* Missing class for expand / collapse component from global */

.group-top-arrow {
    position: relative;
    margin-top: 50px;
}

.group-top-arrow:before {
    content: "";
    position: absolute;
    top: -30px;
    left: 40%;
    margin-left: -30px;
    background-color: inherit;
    width: 60px;
    height: 60px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* Should be removed after this class added in global.css */

.large-selection-tiles-component .lst-item .lst-label>label {
    font-size: 26px !important;
    line-height: 26px !important;
}

.large-selection-tiles-component .lst-item .lst-label {
    padding: 20px 20px 40px;
}

.large-selection-tiles-component .lst-item .lst-content {
    padding: 20px 20px 70px 20px;
}


/* height property added as part of tiaa global css update */

.large-selection-tiles-component .lst-item.lst-content-header .lst-label {
    padding: 20px 20px 10px 20px;
}


/* overwriting css for edit modals */

.edit-container .edit-page {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin: 0px auto;
    width: 425px;
    margin-bottom: 20px;
}

.edit-container .btn-group {
    box-sizing: border-box;
    display: block;
    padding-top: 40px;
    text-align: center;
    width: 240px;
    margin: 0px auto;
}

.edit-container .disclaimer,
.accordion .container>*:first-child.disclaimer,
.benn-container .disclaimer {
    padding: 26px 0px 0px;
}

.edit-container .btn.btn-sm.btn-fixed {
    align-items: flex-start;
    border-bottom-left-radius: 26px;
    border-bottom-right-radius: 26px;
    border-top-left-radius: 26px;
    border-top-right-radius: 26px;
    border-bottom-style: solid;
    border-top-style: solid;
    box-sizing: border-box;
}

.edit-container .btn.btn-sm.btn-default.btn-fixed {
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-width: 1;
    border-left-style: none;
    border-left-width: 0px;
    border-right-style: none;
    border-right-width: 0px;
    border-top-style: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    float: right;
}

@media (min-width: 768px) {
    .edit-container .fundingAmount .text-quote {
        padding: 0px 0px 20px;
        margin-bottom: 0px;
    }
    .edit-container .fundingAmount .col-md-4 {
        width: 39%
    }
    .edit-container .fundingAmount .col-md-6,
    .edit-container .fundingAmount .col-sm-6 {
        width: 59%
    }
}

.edit-container .add-row {
    margin: 0px auto;
}


/* .single-page .panel-items{
	margin-top: 10px;
} */

.edit-container.inline-edit-state.col-md-7 {
    width: 100%;
}

.edit-container .form-group .field-label-radio
/*, .form-group .field-label-checkbox*/

{
    padding: 7px 0 0 45px;
}

.edit-container .df-description,
.edit-container .form-description {
    margin-bottom: 20px;
    text-align: left;
}

@media (min-width: 768px) {
    .edit-container .ownership-options {
        width: 50%
    }
}

.edit-container .multi-column-component {
    padding: 0px;
}

.edit-container .promo-code-link {
    margin-bottom: 26px;
    text-align: left;
}

.edit-container .add-info {
    margin-top: 10px;
}

.edit-container .alert-component .alert-wrapper {
    padding: 14px 20px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .edit-container .alert-component .simple-alert .alert-margin {
        padding-top: 0px;
    }
}

@media (min-width: 768px) {
    .edit-container .accordion .panel-item>.row {
        padding: 8px 40px;
    }
}

.edit-container .body-text-group {
    padding: 0px;
    text-align: left;
}

@media (min-width: 768px) {
    .single-page.accordion .panel-item>.row {
        padding: 10px 40px;
    }
    .single-page.accordion .multiple-rows .row {
        padding: 0px 40px;
    }
    .single-page.accordion .multiple-rows {
        padding-top: 10px;
    }
}

.inline-section-buttons {
    padding-top: 20px;
    border-top: 2px solid #000;
}

.single-page .body-text-group {
    display: none;
}

.single-page .fundingAmount .col-sm-offset-1 {
    margin-left: 2%;
}


/*
.edit-container [ao-nav-buttons], .edit-container .form-header, .edit-container .form-heading {
    display: none;
}
*/

.edit-container .edit-form-header,
.edit-container .edit-form-heading {
    display: none;
    margin-top: 40px;
}

.edit-container #margin .form-header,
.edit-container #margin .form-heading,
.edit-container #financialInterest .form-header,
.edit-container #financialInterest .form-heading,
.edit-container #director .form-header,
.edit-container #director .form-heading,
.edit-container #knowledge .form-header,
.edit-container #knowledge .form-heading,
.edit-container #investment .form-header,
.edit-container #investment .form-heading {
    display: none;
}

.edit-container #margin .form-header,
.edit-container #financialInterest .form-header,
.edit-container #director .form-header {
    margin-top: 60px;
}

.edit-container #beneficiaries-form .alignment .icon {
    margin: 15px 0px 0px 0px;
}

.edit-container #beneficiaries-form .form-group.switch-component {}

.edit-container #beneficiaries-form .form-group .form-control {
    z-index: 0;
}

.edit-container #beneficiaries-form .form-group.switch-component .field-label {
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
    font-size: 16px;
    float: left;
    top: 0px;
    vertical-align: none;
}

.edit-container #beneficiaries-form .total-row .text-left {
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
    font-size: 16px;
    width: auto;
}

.edit-container #beneficiaries-form .total-row {
    margin-top: 0px;
    margin-bottom: 35px;
}

.edit-container .form-heading.edit-form-heading {
    font-family: "Agenda Bold", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 48px;
    margin-bottom: 12px;
}

.edit-container .col-md-1,
.edit-container .col-md-2,
.edit-container .col-md-3,
.edit-container .col-md-4,
.edit-container .col-md-5 {
    width: 100% !important;
}

.edit-container .edit-state .form-description {
    font-size: 18px;
    margin-bottom: 0px;
}

.edit-modal .full-width-component,
.edit-modal .group {
    padding-top: 0px;
}

.edit-container .field-label {
    text-align: center;
}

.modal-body .edit-container .field-label {
    text-align: left;
}

.edit-container .edit-tile-field-label {
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: -20px;
    width: 100%;
}

.edit-container .form-group.input-form-group.ix-input .form-control,
.edit-container .ix-input .input-group .placeholder-text,
.edit-container .form-control.date-field {
    text-align: left;
    padding-left: 12px;
}


/*.edit-container .ix-input.focus-parent .field-label {
    visibility: hidden!important;
}*/

.edit-container .cb-inner {
    padding-left: 12px;
}

.edit-container .ui-select-search.text-center,
.edit-container .ui-select-match {
    text-align: left;
}

.edit-container .col-md-offset-1,
.edit-container .col-md-offset-2,
.edit-container .col-md-offset-3,
.edit-container .col-md-offset-3,
.edit-container .col-md-offset-4,
.edit-container .field-label-checkbox {
    margin-left: 0;
}

.edit-container .form-group.input-form-group.add-info {
    text-align: left;
}

.edit-container .col-md-2,
.edit-container .col-md-4,
.edit-container .lst-item.col-md-4,
.edit-container .col-md-6,
.edit-container .lst-item.col-md-6,
.edit-container .col-md-8,
.edit-container .col-md-8,
.edit-container .col-md-10 {
    width: 100%;
}

.edit-container .large-selection-tiles-component .lst-item.col-md-6:nth-child(n+2),
.edit-container .large-selection-tiles-component .lst-item.col-md-4:nth-child(n+2) {
    margin-top: 20px;
}

.edit-container .large-selection-tiles-component .lst-item .lst-label.lst-active,
.edit-container .large-selection-tiles-component .lst-item .lst-label.lst-active:hover,
.edit-container .large-selection-tiles-component .lst-item .lst-label.lst-active.lst-focus {
    background-color: #00C3FF;
}

.edit-container .large-selection-tiles-component .lst-item .lst-label:hover,
.edit-container .large-selection-tiles-component .lst-item .lst-label.lst-focus {
    background-color: #000000;
    color: #03A9F4;
}

.edit-container .large-selection-tiles-component .lst-item {
    margin-right: 0;
}

.edit-container .large-selection-tiles-component .lst-item .lst-label {
    background-color: #fafafa;
}

.edit-container .ix-input,
.edit-container .ix-combobox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
}

.modal-body .edit-container .ix-combobox .input-group {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}

.modal-body .edit-container .ix-input .input-group {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}

.edit-container .ix-input .input-group {
    position: relative;
    width: 100%;
    margin: 0 auto;
    border: 2px solid #000;
    height: 48px;
}

.edit-container .ix-combobox .input-group {
    border: 2px solid #000;
    padding-left: 10px;
}

.edit-container .ix-combobox,
.edit-container .ix-input {
    margin: 10px 0;
}

.edit-container .form-group.toggle-visibility.toggle-visibility .input-group .btn-toggle-visibility {
    z-index: 2;
}

.edit-container .ix-input.has-error .alert-error {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
}

.edit-container .form-group .alert-error .alert {
    margin: 0
}

@media (max-width: 768px) {
    .edit-container,
    .edit-container .edit-page {
        width: auto;
    }
    .edit-container .large-selection-tiles-component .lst-item .lst-label {
        padding-left: 10px;
        padding-right: 10px;
    }
}


/* inline edit */

.inline-edit div[ao-nav-buttons] {
    position: absolute;
    left: -5000px;
    visibility: hidden;
}

.inline-edit ul {
    display: inline-block;
}

.item-text,
.non-editable-text {
    font-size: 16px;
    font-family: "Franklin Gothic Book", Helvetica, Arial, sans-serif;
}

.item-text {
    cursor: pointer;
}

div[ao-inline-edit] .item-text:hover {
    text-decoration: underline;
}

div[ao-inline-edit] .btn-group {
    margin-left: 0px;
}

div[ao-inline-edit] .item-text:hover:after {
    background-image: url(../images/edit_icon.png);
    position: absolute;
    display: inline-block;
    height: 20px;
    float: right;
    margin: 0 0 0 2px;
    width: 23px;
    content: '';
    background-size: 21px;
}

.multiple-rows div[ao-inline-edit] .item-text:hover:after {
    position: relative;
    bottom: 67px;
    left: 434px;
    float: left;
}

div[ao-inline-edit] .form-header {
    display: none !important;
}

.inline-section-buttons .btn-default {
    margin-left: 17px;
}

.edit-container label {
    margin-top: 0px;
}

div[ao-inline-edit] .form-group {
    margin-bottom: 0px;
}

div[ao-inline-edit] .edit-container {
    padding-top: 0px;
}

div[ao-inline-edit] .edit-container .ix-input .input-group .form-control {
    text-align: left;
}

@media (min-width: 768px) {
    .edit-container .form-container {
        padding: 0px !important;
    }
    .edit-container form {
        padding-top: 0px !important;
    }
    .modal-body .edit-container .ix-combobox .field-label {
        margin-top: 0px;
    }
    .edit-container .cb-inner {
        padding-left: 0px;
    }
}

.docusign-body .form-container {
    padding: 0;
}

.docusign-body #progress-bar {
    display: none;
}

.docusign-body #signform {
    padding-top: 176px;
}

.docusign-container {
    overflow: hidden;
}

.docusign-container iframe {
    border: none;
    width: 100%;
    height: 100%;
}

.docusign-container-mafs {
    overflow: hidden;
}

.docusign-container-mafs iframe {
    border: none;
    width: 100%;
    height: 1000px;
}


/*  tweaks for table */

.table-component .table.watchlist-table thead th {
    padding-top: 15px;
}

@media (max-width: 480px) {
    .table-component .table.simple-table.watchlist-table {
        display: table;
    }
}


/* end tweaks for table */


/*  account open tooltip */

.aotooltip {
    position: relative;
    display: inline-block;
}

.aotooltip .tooltiptext {
    visibility: hidden;
    width: 180px;
    background-color: #fff;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.aotooltip:hover .tooltiptext {
    visibility: visible;
}


/*  end account open tooltip */


/* page specific styles */

.docu-sign .notecontainer {
    margin-top: 20px;
}

.edelivery.full-width-component {
    padding: 30px 0;
}

@media (min-width: 992px) {
    .beneficiaries .col-md-1.sm-md-col {
        width: 0.1%;
    }
    .beneficiaries .col-md-2.lg-md-col {
        width: 15%;
    }
}

@media (min-width: 992px) {
    .col-md-offset-ao {
        margin-left: 4%;
    }
}

.cd-term.table-component {
    padding: 0;
}

.cd-term.table-component .table:not(.has-table-title) {
    margin-top: 0px;
}

.label-text,
.fundingAmount .header {
    padding-top: 40px;
    text-align: left;
}

@media (min-width: 992px) {
    .fundingAmount .text-quote {
        padding: 20px 120px 30px;
    }
}

@media (min-width: 768px) {
    .fundingAmount .text-quote {
        padding: 10px 40px 45px;
        margin: 30px 0;
    }
}


/* end page specific styles */

.imp-notice {
    margin-left: -1000px;
    position: relative;
}

.ad-align {
    text-align: left;
}

.btn.btn-white {
    background: #fff;
}

hr.separator-with-white {
    margin-top: 20px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #fff;
}

.panel-items hr.separator-with-white {
    margin: 0;
}


/* simView */

.simulation-view {
    display: block;
}

body.simulation-docked .simulation-view {
    display: block;
}


/* end simView */


/* Bene page specific classes */

.beneficiaries {
    margin-top: 20px;
}

.beneficiaries .ix-input,
.beneficiaries .ix-combobox {
    margin: 6px auto 0;
}

.beneficiaries .alignment .icon {
    margin: 37px 0 0 30px;
}

.col-adjustment.col-md-4 {
    width: 29.33333%;
}

.col-adjustment.col-md-2 {
    width: 16.66667%
}

.add-row {
    margin: 40px auto;
}

.ssn.input-form-group.ix-input .input-group {
    height: 49px;
}

.beneficiaries hr.separator-with-white {
    margin-top: 50px;
}


/* end Bene page specific classes */


/* temporary waiting for global upates */

.static-review-table .row {
    padding: 10px 0;
}

.full-width-component .fw-description {
    margin: 25px 0 0;
}


/* end Bene page specific classes */


/* Required Information page specific classes */

.required_info .checklist li {
    margin-right: 20px;
}

.required_info .disclaimer,
form[name='IRAacc.chooseBeneficiaryForm'] .disclaimer,
form[name='openAccount.options'] .row .disclaimer {
    font-size: 13px;
    text-align: left;
    padding-bottom: 0;
}


/* end Required information page specific classes */


/* Congtats page specific classes */

.congrats.full-width-component .fw-list {
    max-width: 600px;
    margin-bottom: 20px;
}

.congrats h3 {
    margin-bottom: 20px;
}

.congrats .bulletlist {
    margin-top: 10px
}


/* end of Congtats page specific classes */


/* Required List page specific classes */

.required-list {
    margin-left: 3%;
}


/* end of Required List page specific classes */


/* Replacement Intro page specific classes */

.replacement_intro .h3 {
    margin: 40px 0 20px;
}


/* end of Replacement Intro page specific classes */


/* Replacement Annuity page specific classes */

.replacement_annuity .text-quote {
    padding: 30px 20px;
    text-align: left;
}

.replacement_annuity .h3 {
    margin: 0 0 30px;
}


/* end of Replacement Annuity page specific classes */


/* Replacement Annuity Contracts page specific classes */

@media (min-width: 992px) {
    .replacementContracts .col-md-4,
    .replacementContracts .col-md-3 {
        margin-right: 1%;
    }
    .replacementContracts .sm-md-col {
        width: 4.33333%;
        float: left;
    }
    /* Used for gutter spacing of 20px for Address and fullname fields */
    .form-fixed-gutter {
        margin-right: 20px;
    }
}


/* end of Add Replacement Annuity page specific classes */

.hover-state:hover {
    border: 1px #bfbfbf solid;
}

.review-bene div[ao-inline-edit] .btn-group {
    margin-left: 308px;
}

.panel-item .item-text .icon {
    display: inline-block;
}


/* added fo rnew loading icon to be removed after global css update */

.loading-spinner {
    text-align: center
}

.loading-spinner img:not(.ls-rotator):not(.ls-logo) {
    width: 43px;
    height: 39px;
    margin: 40px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.loading-spinner .ls-container {
    display: block;
    margin: 20px auto;
    text-align: left
}

.loading-spinner .ls-description {
    text-align: center
}

.loading-spinner .ls-rotator,
.loading-spinner .ls-logo {
    width: 130px;
    height: 130px;
    display: block;
    margin: 0 auto
}

.loading-spinner .ls-rotator {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.loading-spinner .ls-logo {
    margin-top: -130px;
    animation: none
}

.chart-line .highcharts-tooltip>span {
    padding: 20px 30px;
    display: inline-block;
    position: relative !important;
    min-width: 200px;
    white-space: normal !important
}

.chart-line .highcharts-tooltip .tipMarker {
    position: absolute;
    left: 12px;
    margin-top: -12px;
    width: 10px;
    height: 10px;
    border-radius: 10px
}

.step-by-step-component .stepbs-step-icon.stepbs-step-complete {
    background-color: #000000;
    color: #FFFFFF;
}

.step-by-step-component {
    padding-top: 0;
}


/*#docusign {
	margin-top: 80px;
}
@media (min-width: 992px) {
	#docusign {
		margin-top: 20px;
	}
}*/

.step-cta-container .button-holder {
    padding: 10px 0;
}


/* start - opinion lab hide */

#oo_tab {
    display: none !important;
}


/* end - opinion lab hide */


/* start - scrollable */

.scrollable {
    height: 250px;
    overflow-y: scroll;
    margin: 40px 0;
}


/* end - scrollable */


/* start - global font-size update */

@media (min-width: 992px) {
    body,
    .nm-content,
    .description,
    .full-width-split .fws-container .fws-description,
    .link-list .ll-item-summary,
    .link-list .ll-item-cta-wrapper .ll-item-cta-link,
    .large-selection-tiles-component .lst-item .lst-label>.lst-description {
        font-size: 18px
    }
}


/* end - global font-size update */

.progress-bar {
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #E8E8E8;
    opacity: 0;
}

.progress-bar .pb-bar-container {
    background-color: #CECECE;
    height: 100%;
}

.progress-bar .pb-bar {
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    -moz-transition: width .6s ease;
    -ms-transition: width .6s ease;
    transition: width .6s ease;
    float: left;
    background-color: #004B87;
    width: 0;
    height: 100%;
}

@media (min-width: 768px) {
    .progress-bar .pb-bar-container {
        margin-left: auto;
        margin-right: auto;
        width: calc(100% - 40px);
        max-width: 1160px;
    }
}

.progress-bar {
    position: relative;
    opacity: 1;
    top: 0 !important;
}

.form-container-eyebrow {
    padding: 20px 0;
}


/* alert box center align as part of tiaa global css update */

.alert-component {
    padding: 0 0 40px;
    margin: 0 auto;
}


/* new text area css from global*/

.ix-input.border-input .input-group {
    background-color: #FFFFFF;
    color: #000000;
}

.ix-input.border-input {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-box;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    text-align: left;
    width: 100%;
    max-width: 410px;
    margin-bottom: 25px;
}

.ix-input.border-input .input-group {
    border: 2px solid #000000;
    background: #FFFFFF;
    height: 52px;
}

.ix-input.border-input .input-group input {
    text-align: left;
    padding-left: 20px;
}

.ix-input.border-input .input-group .input-group-addon+input {
    padding-left: 40px;
}

.ix-input.border-input .input-group textarea {
    text-align: left;
    padding-left: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.ix-input.border-input .field-label {
    margin-top: 0;
}

.accordion .review .ix-input .input-group .placeholder-text {
    display: none;
}


/* end text area css */

.form-group input[type="radio"]:not(checked)+label span,
.form-group input[type="checkbox"]:not(checked)+label span {
    line-height: 1.5;
}


/*ipad hide the double drop down*/

@media (max-width: 768px) {
    .edit-container .ui-select-search.text-center,
    .edit-container .ui-select-match {
        display: none;
        width: 100%
    }
}


/*Replacements hide the only-child remove icon*/

.add-row-component .add-row-container:only-child .sm-md-col.alignment {
    display: none;
}


/*LST pending page css fix*/

.large-selection-tiles-component .lst-label .eyebrow {
    line-height: 35px;
}

.large-selection-tiles-component .lst-label .disclaimer {
    padding: 0;
}

.large-selection-tiles-component.mouse-focus .lst-item .lst-label.lst-focus {
    background-color: #FFF;
    color: #000;
}

.large-selection-tiles-component.mouse-focus .lst-item .lst-label.lst-focus>label,
.large-selection-tiles-component.mouse-focus .lst-item .lst-label.lst-focus>.lst-description {
    color: #000;
}

.large-selection-tiles-component.mouse-focus .lst-item .lst-label.lst-focus>label:before {
    border-color: #CECECE;
    background-color: transparent;
    color: #FFFFFF;
}

.large-selection-tiles-component.mouse-focus .lst-item .lst-label.lst-focus:hover {
    background-color: #000000;
    color: #FFFFFF;
}

.large-selection-tiles-component.mouse-focus .lst-item .lst-label.lst-focus:hover>label,
.large-selection-tiles-component.mouse-focus .lst-item .lst-label.lst-focus:hover>.lst-description {
    color: #FFFFFF;
}

.large-selection-tiles-component.mouse-focus .lst-item .lst-label.lst-focus:hover>label:before {
    border-color: #FFFFFF;
    background-color: #000000;
    color: #FFFFFF;
}

.large-selection-tiles-component.mouse-focus .lst-item .lst-label.lst-active,
.large-selection-tiles-component.mouse-focus .lst-item .lst-label.lst-active:hover,
.large-selection-tiles-component.mouse-focus .lst-item .lst-label.lst-active.lst-focus {
    background-color: #00C3FF;
}

.large-selection-tiles-component.mouse-focus .lst-item .lst-label.lst-active>input:checked+label,
.large-selection-tiles-component.mouse-focus .lst-item .lst-label.lst-active:hover>input:checked+label,
.large-selection-tiles-component.mouse-focus .lst-item .lst-label.lst-active.lst-focus>input:checked+label,
.large-selection-tiles-component.mouse-focus .lst-item .lst-label.lst-active>.lst-description,
.large-selection-tiles-component.mouse-focus .lst-item .lst-label.lst-active:hover>.lst-description,
.large-selection-tiles-component.mouse-focus .lst-item .lst-label.lst-active.lst-focus>.lst-description {
    color: #000000;
}

.large-selection-tiles-component.mouse-focus .lst-item .lst-label.lst-active>input:checked+label:before,
.large-selection-tiles-component.mouse-focus .lst-item .lst-label.lst-active:hover>input:checked+label:before,
.large-selection-tiles-component.mouse-focus .lst-item .lst-label.lst-active.lst-focus>input:checked+label:before {
    border-color: #000000;
    background-color: #000000;
    color: #FFFFFF;
}


/*end LST pending page css fix*/


/*eDelivery modal */

.contentcol .cc .default.text-left {
    font-size: 14px;
    padding: 20px;
}


/* docusign-iframe */

#docusign-iframe {
    background: url('../images/loading-transition-mobile.gif') no-repeat center;
}

@media (max-width: 480px) {
    #docusign-iframe {
        background: url('../images/loading-transition.gif') no-repeat center;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10001;
    }
}


/* end docusign-iframe */

.accordion .panel-item .item-camelcase-label {
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-transform: capitalize;
}

.fw-eyebrow-camelcase {
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
}


/* statements page radio button issue*/

@media (min-width: 768px) {
    #statements .form-group .field-label-radio,
    #statements .form-group .field-label-checkbox {
        padding: 0;
        margin: 0 0 0 45px;
    }
}

@media (max-width: 480px) {
    .panel-title.heading-link>a:first-child {
        display: block;
        padding-bottom: 20px;
    }
    .sign-modal-content {
        max-height: 550px;
        overflow-y: scroll;
    }
}

.ao-error-code {
    font-family: "Franklin Gothic Book", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    padding-bottom: 20px;
}

a.nav-link.contact-button {
    padding: 10px 15px;
}

.create-account-new .row {
    margin: 60px 0;
}

.create-account-btns>.row {
    margin: 0;
}


/*employment status changes */

.form-container-eyebrow {
    /*padding: 60px 0;*/
}

.button-holder {
    padding: 30px 0 40px;
}

.zip-code .ix-input {
    margin: 30px auto;
}


/*employment status changes end*/


/*anuuity css*/

.annuity-popup ul li {
    padding: 10px;
}

.label-row {
    margin: 20px auto;
}

.Q3-row,
Q4-row,
.radio-btn-container {
    margin: 30px auto;
}

.radio-btn-container:first {
    margin: 20px auto 30px auto;
}


/* to get equal tilebox height as part of tiaa global css update */

@media (min-width: 768px) {
    .large-selection-tiles-component .lst-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.large-selection-tiles-component .lst-item .lst-content {
    position: relative;
    height: auto;
}

@media (min-width: 992px) {
    .large-selection-tiles-component .lst-item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flex;
        display: flex;
        flex-flow: row wrap;
        margin-right: 20px;
    }
}


/* to reduce selected option opacity as part of tiaa global css update */

@media (min-width: 768px) {
    .ix-combobox .cb-selected-item {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
}


/* to reduce select box padding from 20px, 40px */

.ix-combobox .cb-menu-item a {
    padding: 14px 10px;
}

.mafs-tile-border {
    border: 2px solid #00c3ff;
    border-radius: 22px;
}

.unchecked:before {
    content: "" !important;
    font-family: "TIAA Iconography";
    margin-right: 15px;
    margin-left: -35px;
    float: left;
}

.panel-item ul.single-option-checklist {
    padding-left: 0;
}

.bold-description {
    font-weight: bold;
}

.accordion .panel-item .affiliate-questions-header {
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
    font-size: 21px;
    font-weight: bold;
    text-transform: none;
}

.accordion .panel-item div.pr-0 {
    padding-right: 0;
}

.panel-item .item-description .single-option-checklist>li {
    margin-bottom: 0;
}

.popover-lowercase {
    font-size: 16px;
    font-family: "Franklin Gothic Book", Helvetica, Arial, sans-serif;
    text-transform: none !important;
}

.mafs-review-section[accordion] .panel-item {
    border-bottom: solid 1px #CECECE;
}

.mafs-review-section[accordion] .panel-item:last-child {
    border-bottom: none;
}

.popover .popover-content {
    padding: 17px 25px 17px 25px;
}

.popover .icon-close {
    display: none;
}

.pe-n {
    pointer-events: none;
}

.account-opening .form-group input[type="radio"]:not(checked)+label:before,
.account-opening .form-group input[type="checkbox"]:not(checked)+label:before {
    vertical-align: middle;
}


/* Missing Large tiles styles in tiaa-global*/

.large-selection-tiles-component {
    margin: 40px 0;
}

.center-align-tiles {
    justify-content: center;
}


/* Defect fixing for July release - Rahul */

@media (max-width: 768px) {
    .ix-combobox .field-label {
        text-align: left;
    }
    .large-selection-tiles-component .lst-item {
        margin: 0 auto 20px;
    }
    .large-selection-tiles-component .lst-item .lst-label {
        height: 100%;
    }
    .large-selection-tiles-component .lst-item .lst-label.auto-height {
        height: auto;
    }
    /* .sm-radio-btn {
    display: block;
    text-align: left;
  }
  .sm-visible.sm-radio-container {
    margin-top: 80px;
  } */
}

@media (min-width: 768px) {
    .ix-combobox .field-label {
        text-align: center;
        padding: 0px 20px;
    }
    .large-selection-tiles-component .lst-item {
        margin: 0px 20px 0px 0px;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
    }
    .form-fixed-gutter.ix-combobox {
        margin: 30px 20px 30px auto;
    }
    .form-fixed-gutter.ix-input {
        margin: 30px 20px 30px auto;
    }
    .radio-btn-container label.field-label {
        top: 6px;
        position: relative;
    }
    .alert-component .alert-wrapper .alert-content:before {
        top: -6px;
    }
    .form-group.kba-error .alert-error .alert .text {
        display: inline-block;
        vertical-align: middle;
        padding-left: 8px;
        text-align: left;
        font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #FF0000;
    }
    .form-group.kba-error .alert-error .alert .icon {
        display: inline-block;
    }
    .form-group.kba-error.has-error {
        text-align: center;
    }
    .form-group .alert-error .alert {
        display: inline-block;
    }
    .modal-dialog.modal-sm .modal-body {
        padding: 0 30px 60px;
    }
}


/**Portfolio Design CSS override**/

.pd-form-container>.form-container-eyebrow {
    padding: 20px 0 25px 0;
}

.pd-form-container p.form-description {
    margin-bottom: 40px;
}

.pd-form-container .pd-form-description-content {
    max-width: 700px;
    margin: 0 auto;
}

.pd-form-container .options-container {
    display: inline-block;
    text-align: left;
}

.pd-form-container p.options-save-link {
    margin-bottom: 60px;
}

.pd-form-container .button-holder .btn {
    margin: 0 17px;
    min-width: 135px;
}


/* 
.pd-form-container p.option-description {
    margin-top: 20px;
} */

.pd-form-container .ix-combobox.border-combobox .input-group {
    border: 2px solid #000000;
    background: rgb(255, 255, 255);
}

.pd-form-container .ix-combobox a {
    text-decoration: none !important;
}

.button-wrapper {
    padding-bottom: 20px;
}

.questionnaire .compare-table {
    margin-top: 30px;
}

.questionnaire .group-heading {
    padding: 0 0 24px;
}

.questionnaire .body-text-group {
    padding: 60px 0px 30px;
}

.questionnaire .table-striped tr {
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
}

.questionnaire .table-striped th {
    padding: 20px 10px;
    vertical-align: top;
}

.questionnaire .table-width-33 {
    width: 33.33%;
}

.questionnaire .table-width-30 {
    width: 30%;
}

.questionnaire .table-width-70 {
    width: 70%;
}

.questionnaire .table.compare-table td {
    padding: 15px 10px;
    vertical-align: top;
}

@media (max-width: 767px) {
    form.pd-form-container .button-holder .btn {
        margin: 0;
    }
    form.pd-form-container .button-holder .btn:first-child {
        margin: 0 20px 0 0;
    }
}

hr.separator-white {
    margin-top: 20px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

.group-combobox.ix-combobox .cb-inner,
.simple-combobox.ix-combobox .cb-inner {
    font-size: 24px;
}

.group-combobox.text-left .cb-inner,
.simple-combobox.text-left .cb-inner {
    padding-left: 20px;
}

.group-combobox.ix-combobox-truncate .cb-inner .cb-truncate-text {
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: bottom;
}

.print-preference-question {
    position: absolute;
    right: 25px;
    top: 25px;
}


/**Group Combo Box component missing CSS**/

.group-combobox.ix-combobox .cb-menu-group-label {
    text-transform: uppercase;
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
    font-size: 14px;
    padding: 20px 40px;
}

.group-combobox.ix-combobox .cb-menu-group-label>a {
    color: #808080;
}

.group-combobox.ix-combobox .cb-menu-group-label:not(:first-child) {
    border-top: 1px solid #B3B3B3;
}

.group-combobox.ix-combobox .cb-menu-item a.active {
    background: #FAFAFA;
}

.simple-combobox.ix-combobox .cb-menu-item a,
.group-combobox.ix-combobox .cb-menu-item a {
    /* width: 100%;
    display: table;
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 17px; */
    padding: 20px 40px;
}

.group-combobox .cb-menu-group-label~.cb-menu-item a {
    padding-left: 60px;
}

.questions-review-content aside.text-quote {
    padding: 30px 0;
}

.questions-review-content .group-heading {
    padding-top: 40px;
}

.review .disclaimer.advisor-info-section {
    padding: 10px 0 10px 0;
}

.questions-review-content aside.text-quote {
    padding: 30px 0;
}

.questions-review-content .group-heading {
    padding-top: 40px;
}

.heading-table .table-column-eyebrow {
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    text-transform: uppercase;
}

.lightbox-sm.h3 {
    font-family: "Agenda Bold", Helvetica, Arial, sans-serif;
    font-size: 32px;
}

.pd-form-container .rtcpq-start-page .btn {
    min-width: auto;
}

.item-text-eyebrows {
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
}

@media (max-width: 767px) {
    .modal-body.questionnaire .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .print-preference-question {
        display: none;
    }
    form.pd-form-container .button-holder .btn {
        margin: 0;
    }
    form.pd-form-container .button-holder .btn:first-child {
        margin: 0 20px 0 0;
    }
}

@media (min-width: 768px) {
    .modal-body.questionnaire .container {
        width: 720px;
    }
}

@media (min-width: 992px) {
    .modal-body.questionnaire .container {
        width: 940px;
    }
}

@media (min-width: 1200px) {
    .modal-body.questionnaire .container {
        width: 940px;
    }
}

.group-combobox.ix-combobox-wrap .cb-inner {
    padding: 0px 40px 0px 20px;
}

.accordion.rt-cpq-accordion {
    padding: 0;
}

.pd-tile-content-description {
    font-family: "Agenda Bold", Helvetica, Arial, sans-serif;
    font-size: 30px;
    margin-bottom: 40px;
}

.pd-tile-pending-date {
    display: block;
    margin-top: 15px;
}

#selectedChoiceDescription>a>span.icon {
    display: none;
}

.truncate-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pd-tiles .lst-label:hover .pd-pending-date {
    color: #ffffff;
}

.pd-tiles .lst-label.lst-active>.pd-tile-eybrow,
.pd-tiles .lst-label.lst-active>.pd-tile-content-description {
    color: #000000;
}

.pd-pending-date {
    display: block;
    color: #999;
    margin-top: 15px;
    font-size: 14px;
    font-family: "Franklin Gothic Demi", Georgia, "Times New Roman", Times, serif;
}

.print-preference-question>a {
    margin-left: 7px;
}

.pd-form-container .review .accordion-heading {
    margin-bottom: 20px;
}

.pd-form-container .text-quote {
    padding: 35px 0;
}

.pd-form-container .panel-item .item-label,
.pd-form-container .text-quote .item-label {
    padding-right: 55px;
}

.pd-form-container .review-content-description {
    margin-top: 40px;
}

.pd-form-container .panel-heading>.heading-link {
    padding-right: 40px;
}

.pd-form-container>.form-header>h1 {
    margin-top: 20px;
}

.pd-form-container .button-holder {
    padding: 0;
    margin: 40px auto;
}

.pd-form-container div.button-holder:last-child {
    margin-bottom: 60px;
}

.pd-form-container .options-container>.form-group:last-child {
    margin-bottom: 0;
}

.options-container+p.option-description {
    margin-top: 40px;
}

@media (max-width: 767px) {
    form.pd-form-container .button-holder .btn {
        margin: 0;
    }
    form.pd-form-container .button-holder .btn:first-child {
        margin: 0 20px 0 0;
    }
    .print-preference-question {
        display: none;
    }
    .lightbox-sm.h3 {
        font-size: 28px;
    }
    .pd-form-container .panel-item .item-label,
    .pd-form-container .text-quote .item-label {
        padding-right: 10px;
    }
}

@media (min-width: 768px) {
    .single-page.accordion .pd-form-container .panel-item>.row {
        padding: 25px 40px;
    }
}

.pd-form-container .button-holder+div[ao-cancel-request] {
    padding: 0;
}

.pd-form-container div.disclaimer+.buttons-container>.button-holder {
    margin-top: 0;
    margin-bottom: 40px;
}

.pd-form-container .disclaimer:not(.advisor-info-section) {
    padding: 50px 0 20px 0;
    font-size: 14px;
}

.locked-text {
    color: #65676B;
    background: url(../images/icon-lock.png) 0% 0% no-repeat;
    background-size: 9px 17px;
    margin-left: 0px;
    padding-left: 15px;
    float: left;
    position: relative;
}

.notify-text,
.notify-text>a {
    color: #65676B;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}


/*TOD Beneficiary Edit*/

.mafs-section .dropdown-component .dropdown>.dc-button .icon:before {
    margin-left: 3px;
    font-size: 14px;
    vertical-align: middle;
}

.mafs-section .dropdown-component .dropdown.open .dropdown-menu {
    max-height: 800px;
    -webkit-transition: max-height 0.6s ease-out 0s;
    -o-transition: max-height 0.6s ease-out 0s;
    -moz-transition: max-height 0.6s ease-out 0s;
    -ms-transition: max-height 0.6s ease-out 0s;
    transition: max-height 0.6s ease-out 0s;
    visibility: visible;
}

.mafs-section .dropdown-component .dropdown .dropdown-menu {
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: max-height 0s ease-out 0s;
    -o-transition: max-height 0s ease-out 0s;
    -moz-transition: max-height 0s ease-out 0s;
    -ms-transition: max-height 0s ease-out 0s;
    transition: max-height 0s ease-out 0s;
    left: 50%;
    margin: 10px 0 0;
    border: 0;
    border-top: 1px solid #545454;
    border-radius: 0;
    box-shadow: none;
    background-color: #E8E8E8;
    padding: 0;
    max-height: 0;
    visibility: hidden;
    min-width: 194px;
    text-align: center;
}

.mafs-section .dropdown-component .dropdown.open .dropdown-menu>li {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mafs-section .dropdown-component .dropdown .dropdown-menu>li {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
    border-bottom: 1px solid #CECECE;
}

.mafs-section .dropdown-component .dropdown .dropdown-menu>li>a {
    /* display: block; */
    padding: 12px 10px;
    color: #000000;
}

.actions-heading-link {
    padding: 24px 20px 24px 40px;
    background: #CECECE;
}

.no-style>li {
    font-size: 21px;
    list-style-type: none;
}

.pt-0 {
    padding-top: 0;
}

.actions-heading-link.mafs-section .dropdown-menu>li>a {
    text-transform: none;
}

.modal-options-header {
    font-size: 21px;
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.edit-beneficiary-component .border-combobox.ix-combobox .field-label,
.add-beneficiary-component .border-combobox.ix-combobox .field-label {
    text-align: left;
    padding-left: 0;
}

.change-allocation-table {
    padding: 20px 0 !important;
}

.change-allocation-table .table.profile-table .allocation-header {
    padding: 15px 0px;
}

.allocation-header {
    font-size: 14pt !important;
    font-family: "Franklin Gothic Demi", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.change-allocation-table .table.profile-table .allocation-tr:not(:last-child) {
    border-bottom: 1px solid #000;
}

.change-allocation-table.table-component .table.profile-table tbody td {
    padding: 15px 25px;
}

.change-allocation-table.table-component .ix-input.border-input {
    margin: 20px auto;
}

.change-allocation-table.table-component .table.profile-table td.pr-0 {
    padding-right: 0 !important;
}

.change-allocation-table.table-component .table.profile-table tfoot td {
    background-color: transparent;
}

.change-allocation-table.table-component .table.profile-table td.pt-25 {
    padding-top: 25px !important;
}

.bene-type-heading {
    font-family: "Lyon Text Web";
    font-weight: bold;
    font-size: 18pt;
}

.bene-detail {
    font-family: "Lyon Text Web";
    font-size: 18pt;
}

.allocation-table-foot {
    font-size: 16pt !important;
}

.change-allocation-table .percent {
    font-family: "Franklin Gothic Book";
    font-size: 16pt;
}

.primary-allocation-error {
    color: #FF0000;
}

.input-group-header {
    font-family: "Franklin Gothic Book", Helvetica, Arial, sans-serif;
    font-size: 24px;
}

.edit-beneficiary-component .ix-input.border-input,
.add-beneficiary-component .ix-input.border-input {
    margin: 20px auto;
}

.add-beneficiary-component .form-group input[type="radio"]:not(checked)+label:before {
    margin-left: 0;
}

#beneSelectionDialog .button-group-wrapper {
    margin-top: 20px;
}

#beneSelectionDialog_c .button-group-wrapper {
    margin-top: 20px;
}

.change-allocation-table.ira-allocation-table .table.profile-table tfoot td {
    background-color: #ffffff;
    border-top: 1px solid #000000;
}


/** KBA Page styles */

.kba-form-container .ix-combobox.border-combobox .input-group {
    border: 2px solid #000000;
    background: rgb(255, 255, 255);
}

.bulletContainer>.bulletlist>li {
    margin-bottom: 3px;
}

.pdr15 {
    padding-right: 15px;
}

.pdl30 {
    padding-left: 30px;
}

.content-center {
    justify-content: center;
}


/* IRA Compare Page print classes */

.print-img {
    width: 25px;
    height: 25px;
}

.print-label {
    margin-top: 48px;
    float: right;
    position: relative;
    right: 20px;
}

@media ( min-width: 768px) {
    .print-label {
        margin-top: 20px;
        float: right;
        position: relative;
        right: 20px;
    }
}

.seperator-dark {
    border-top: 1px solid #bfbfbf !important;
}


/*
#compare-table-contents .table-component {
  padding: 15px 0;
}
*/

modal-overlay {
    /* z-index: 850 !important; Commented in order to fix roth vs ira modal in mobile */
    text-transform: none;
}

#compare-table-contents button.tooltip-btn {
    border-bottom: 1px dashed;
}

#compare-table-print button.tooltip-btn {
    border-bottom: none !important;
}

#question-container.full-width-component {
    text-align: center;
    margin-top: 15px;
    padding: 60px 0 0;
}


/* Stlyes for browser download section */

.browser-container {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-top: 30px;
    padding-bottom: 25px;
    padding-top: 25px;
}

.sticky-btn {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 500;
    width: 100%;
    background-color: #cccccc;
    padding: 12px 0;
    opacity: 0.9;
}

.sticky-btn .step-cta-wrapper {
    margin: 0;
}


/*General styles to be used throughout the application*/

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.pad-top-0 {
    padding-top: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.p-l-r20 {
    padding: 0 20px !important;
}

.p-l-r0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

hr.separator-with-gray {
    margin-top: 20px;
    border-top: 1px solid #CCCCCC;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-5 {
    margin-bottom: 5px ! important;
}

.border-container.sign-docs {
    padding-left: 0;
    padding-right: 0;
}

.sm-radio-container {
    display: inline-block;
    text-align: left;
    width: 200px;
}

.field-label-radio.annuity-radio-text {
    font-size: 18px;
}

@media print {
    .print-beneficiary {
        margin-top: 100px;
    }
}

.accordion .review .heading-link:hover,
.accordion .review .heading-link:active {
    color: #000000;
}


/* Accessibility fix for color contrast */

.form-group .alert-error .alert .icon:before {
    background: #D90000;
}

@media (min-width: 992px) {
    .replacement-show {
        float: right;
    }
}

.d-inline-block {
    display: inline-block;
}

.divider {
    display: inline-block;
    padding: 0 20px;
}