/* Overwrites fluid and leapfrog branding and restyles static CSS */
.di-glyphicons,
.di-icon,
.di-svg:not(.global-nav .item, .main-nav .li-level-1 a, .mobile-nav .a-level-0, .mobile-nav .di-svg, .alert-sign),
.glyphicons,
[class*=di-icon-],
.brand-link,
a:not(.global-nav .item, .main-nav .li-level-1 a, .mobile-nav .a-level-0, .header .alerts, .featured-nav-list .item, .navigation-link, .noLink, .alert-sign, .sm-button, .usp-error-button),
a:hover:not(.global-nav .item, .main-nav .li-level-1 a, .mobile-nav .a-level-0, .header .alerts, .featured-nav-list .item, .navigation-link, .noLink, .alert-sign, .sm-button, .usp-error-button),
a:focus:not(.global-nav .item, .main-nav .li-level-1 a, .mobile-nav .a-level-0, .header .alerts, .featured-nav-list .item, .navigation-link, .noLink, .alert-sign, .sm-button, .usp-error-button) {
    color: var(--primary-main) !important;
}

a,
a:hover,
a:focus {
    color: var(--primary-main);
}

/* Exclude Glia cobrowse links from primary color override */
#salemove a,
#salemove a:hover,
#salemove a:focus {
    color: inherit !important;
}

a:hover,
a:focus {
    text-decoration: underline;
}

p {
    color: var(--text-secondary);
}

.brand-type-a {
    background-color: var(--primary-main) !important;
    color: var(--primary-contrastText) !important;
    font-family: var(--fontFamily);
}

.brand-type-a-text-style {
    font-family: var(--fontFamily);
}

.brand-type-a-10p {
    color: rgba(70, 168, 180, 0.1) !important;
}

.brand-type-a-bg-10p {
    background-color: rgba(70, 168, 180, 0.1) !important;
}

.brand-type-a-bg {
    background-color: var(--primary-main) !important;
}

.brand-type-a-text {
    color: var(--text-inverse) !important;
    font-family: var(--fontFamily);
}

.brand-type-b {
    background-color: var(--secondary-main) !important;
    color: var(--secondary-contrastText) !important;
}

.brand-type-b-bg {
    background-color: var(--secondary-main) !important;
}

.brand-type-b-text {
    color: var(--text-primary) !important;
}

.page-loader {
    /* To-D0 */
    color: var(--primary-subtle);
}

.page-loader svg g {
    /* To-Do */
    stroke: var(--primary-dark);
}

.di-almanac .day.current-day {
    border: 1px solid var(--text-secondary) !important;
}

.di-almanac .header .month-label {
    color: var(--text-primary) !important;
}

.di-almanac-picker.form-group {
    display: flex !important;
    justify-content: flex-end;
    margin-right: 0 !important;
}

.di-almanac .day {
    background-color: transparent;
}

/* Check/Radio */
.di-checkbox input[type=checkbox]+.lbl::before {
    color: var(--text-secondary) !important;
    border: 2px solid var(--text-secondary) !important;
    border-radius: 4px;
}

.di-radio input[type=radio]+.lbl::before {
    color: var(--text-secondary);
    border: 1px solid var(--text-secondary);
}

.di-radio input[type=radio]:checked+.lbl::before {
    background-color: var(--primary-main);
    box-shadow: 0 0 0 2px var(--primary-main);
}

.di-input .rbcb-clickspace-container input[type=radio]+.rbcb-lbl::before {
    color: var(--text-secondary);
    box-shadow: 0 0 0 2px var(--text-secondary);
}

.di-input .rbcb-clickspace-container input[type=radio]:checked+.rbcb-lbl::before {
    background-color: var(--primary-main);
}

.di-input .rbcb-clickspace-container input[type=checkbox]+.rbcb-lbl::before {
    border: 2px solid var(--text-secondary);

    border-radius: 2px;
}

.di-input .rbcb-clickspace-container input[type=checkbox]:checked+.rbcb-lbl::before {
    color: var(--primary-contrastText);
    border: none;
    background-color: var(--primary-main);
    padding-top: 0px !important;
    padding-left: 3px !important;
}

.di-input .rbcb-clickspace-container input[type=checkbox]+.rbcb-lbl:before {
    color: var(--primary-main);
    border: 2px solid var(--primary-main) !important;
}

.btn-primary,
.fluid-button--primary,
.btn-secondary,
.fluid-button--secondary {
    min-width: 80px;
}

.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:focus,
.btn-primary.active:focus,
.fluid-button--primary,
.fluid-button--primary:focus,
.fluid-button--primary:active,
.fluid-button--primary.active,
.fluid-button--primary:active:focus,
.fluid-button--primary.active:focus,
.usp-error-button,
a.usp-error-button {
    background-color: var(--buttonPrimary-main, var(--primary-main)) !important;
    color: var(--buttonPrimary-contrastText, var(--primary-contrastText)) !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}

.btn-primary:hover:focus,
.btn-primary:hover,
.btn-primary:visited,
.usp-error-button:hover,
.usp-error-button:hover:focus,
a.usp-error-button:hover,
a.usp-error-button:hover:focus,
.fluid-button--primary:hover:focus,
.fluid-button--primary:hover,
.fluid-button--primary:visited {
    background-color: var(--buttonPrimary-dark, var(--primary-dark)) !important;
    background-image: none;
    color: var(--buttonPrimary-contrastText, var(--primary-contrastText));
    text-decoration: 'none';
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--action-disabledBackground);
    color: var(--action-disabled);
    background-image: none;
}

.menu-footer {
    color: var(--text-primary);
}

table thead {
    background-color: rgba(var(--primary-main), 0.1);
}

.di-rs-table .heading {
    background-color: rgba(var(--primary-main), 0.1);
}

.tab-container {
    background-color: rgba(var(--primary-main), 0.1);
}

.tab-container .nav>li>a:hover,
.tab-container .nav>li>a:focus {
    background-color: transparent;
    border-top-color: transparent;
}

.tab-container .nav>.active a:hover,
.tab-container .nav>.active a:focus {
    background-color: #ffffff;
}


.last-login {
    color: var(--text-secondary);
}

.calculator-input {
    color: var(--text-primary) !important;
}

.calculator-input:focus {
    border-color: var(--primary-main) !important;
}

/* NON LEAPFROG BELOW */

body {
    font-size: var(--body1-fontSize);
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.08px;
    font-family: var(--fontFamily);
    background-color: var(--background-default);
    background: none !important;
}

.btn,
.fluid-button {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.08px;
    padding: 8px 16px;
    border: 0;
    border-radius: 8px !important;
}

.fluid-button {
    border-radius: 8px !important;
}

.btn-secondary,
.btn-default {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    color: var(--buttonPrimary-main);
    border: 1px solid var(--buttonPrimary-main) !important;

    &:hover,
    &:focus {
        backdrop-filter: brightness(96%);
        color: var(--buttonPrimary-main) !important;
    }

    &:active {
        box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
    }
}

/* changes the cards for containers and widgets */
.home-page {
    background-color: var(--background-default);
}

.di-container,
.dbk-login,
.disclosure-container {
    border-radius: 8px !important;
    border: 1px solid var(--other-divider);
    background-color: var(--background-paper) !important;
    box-shadow: none;
}

.di-container.nextGenAppContainer {
    border: none;
    margin: 0;
    padding: 0;
    overflow: hidden !important;
}

@media (min-width: 991px) {

    .modal-content,
    .di-container {
        padding: 30px;
    }
}

@media (max-width: 991px) {

    .modal-content,
    .di-container {
        padding: 20px;
    }
}

@media (max-width: 991px) {
    .mfa-disclosure {
        margin: 0;
    }
}


@media (min-width: 991px) {
    .di-container {
        margin: 24px;
    }
}

.di-container {
    box-shadow: none !important;
}

.modal-content {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px -7px rgba(0, 0, 0, 0.20);
    border-radius: 8px !important;
    border: none !important;
    background-color: var(--background-paper) !important;
}

.no-padding {
    padding: 0px !important;
    margin: 0 0 15px 0 !important;
}

div#stepUpAuthenticationDisclosure {
    padding: 0 !important;
}

.main-container .mfa-disclosure {
    background-color: transparent;
    margin: 20px 0;
    padding: 24px;
    border-radius: 8px;
    border: 1px solid var(--other-divider) !important;
    background-color: var(--background-default);
}

.login-container .mfa-disclosure {
    border-radius: 8px;
    background-color: var(--background-paper) !important;
    border: 1px solid var(--other-divider) !important;
}

@media (min-width: 991px) {
    .login-container .mfa-disclosure {
        margin: 24px !important;
        padding: 50px 60px;
    }
}

.expand-collapse .selector-icon:before {
    font-size: 12px;
}

.expand_collapse_expand-collapse__1x13L .expand_collapse_selector-icon__2Cq1o:before {
    font-size: 12px;
    width: 12px;
}

@media (max-width: 991px) {
    .fi-footer-text-links.text-link-coloumn {
        width: 50% !important;
    }
}

@media (min-width: 991px) {
    .footer-container-main {
        padding: 34px 59px !important;
        border-top: none !important;
    }
}

.footer-container-main {
    border-top: none !important;
}

.footer-link {
    font-size: 13px;
    font-style: normal;
    padding: 8px !important;
    line-height: 22px;
    letter-spacing: -0.042px;
    text-decoration: none !important;
}

.alert-danger {
    border-radius: 8px;
}

.contentBody {
    padding: 12px;
}

.head {
    font-size: 15px;
    padding: 8px;
}

.di-almanac-picker .calendar.open,
.di-almanac {
    min-width: 280px;
    border-radius: 8px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    padding-bottom: 0 !important;
}


/* POPOVER  */
@media (max-width: 991px) {
    .popover {
        position: absolute;
        right: 0 !important;
        left: 0 !important;

    }

    .popover.bottom>.arrow:after {
        margin-left: 30px !important;
    }

}


.popover {
    border-radius: 8px;
    border: none;
    background-color: var(--background-paper) !important;
    box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.20), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
    right: -25px !important;
    left: -75px;
}

@media (min-width: 991px) {
    .popover.bottom>.arrow:after {
        margin-left: 60px !important;
    }
}

.popover.bottom>.arrow:after {
    border-bottom-color: var(--background-paper) !important;
    border-width: 10px;
}

.popover .popover-content {
    background-color: transparent;
}

.popover.bottom>.arrow {
    border-bottom: none;
    background-color: rgb(250, 250, 250) !important;
    margin-left: -32px;
}

.slide-transition-dropdown {
    :global(.dropdown) {
        border: none !important;
    }
}

.step-up-container .main-container {
    padding: 0;
}

.step-up-container .main-container .row {
    margin: 0;
    padding: 0;
}

.step-up-container .main-container .row .di-input-container,
.step-up-container .main-container .row .mfa-indent,
div#otpButtons {
    margin: 15px 0 0 0;
}



.main-container {
    /* padding: 16px !important; */
    background-color: transparent !important;
}

.composite-layout__widget-container {
    border-radius: 8px !important;
    border: none !important;
    background-color: rgb(255, 255, 255) !important;
    box-shadow: 0px 0px 0px 1px rgba(224, 224, 224, 1) !important;
    background-color: rgb(255, 255, 255) !important;
}

.transfer-link brand-type-a-text,
.preferences-link brand-type-a-text {
    border: 1px solid rgb(254, 254, 254);
}

#motdContainer,
#brow-compat-link-disp>* {
    margin: 8px 0 !important;
}

/* .form-group {
    margin-bottom: 12px !important;
} */

a.btn {
    line-height: 25px;
}

.Transfers_transfers-widget-header__3ax9k {
    padding: 0 !important;
    border-bottom: none !important;
    margin-bottom: 8px;
}

.has-feedback label~.form-control-feedback {
    top: 27px !important;
}

span.statements_glyphicon__3qABZ.glyphicon-triangle-bottom {
    font-size: 7px;
}

.btn-link {
    box-shadow: none !important;
    text-decoration: none !important;

    &:active {
        border: none;
    }
}

.btn:active:focus,
.btn:focus {
    outline: none !important;
    outline-offset: 0;
}

.page-header {
    border-bottom: none;
}

.page-header>h1 {
    font-family: var(--fontFamily) !important;
    font-weight: var(--h1-fontWeight) !important;
    font-size: var(--h1-fontSize) !important;
    line-height: 35px;
    letter-spacing: -0.40px;
    color: var(--text-primary);
}

/* TYPOGRAPHY BELOW */

h1 {
    font-family: var(--fontFamily);
    font-weight: var(--h1-fontWeight);
    font-size: var(--h1-fontSize);
    line-height: 35px;
    letter-spacing: -0.40px;
}

.fluid-heading--h1 {
    font-family: var(--fontFamily) !important;
    font-weight: var(--h1-fontWeight) !important;
    font-size: var(--h1-fontSize) !important;
    line-height: 35px;
    letter-spacing: -0.40px;
}

h2 {
    font-family: var(--fontFamily);
    font-weight: var(--h2-fontWeight);
    font-size: var(--h2-fontSize);
    line-height: 32px;
    letter-spacing: -0.40px;
}

.fluid-heading--h2 {
    font-family: var(--fontFamily) !important;
    font-weight: var(--h2-fontWeight) !important;
    font-size: var(--h2-fontSize) !important;
    line-height: 32px;
    letter-spacing: -0.40px;
}

h3 {
    font-family: var(--fontFamily);
    font-weight: var(--h3-fontWeight);
    font-size: var(--h3-fontSize);
    line-height: 28px;
    letter-spacing: -0.32px;
}

.fluid-heading--h3 {
    font-family: var(--fontFamily) !important;
    font-weight: var(--h3-fontWeight) !important;
    font-size: var(--h3-fontSize) !important;
    line-height: 28px;
    letter-spacing: -0.32px;
}

h4 {
    font-family: var(--fontFamily);
    font-weight: var(--h4-fontWeight);
    font-size: var(--h4-fontSize);
    line-height: 26px;
    letter-spacing: -0.32px;
}

.fluid-heading--h4 {
    font-family: var(--fontFamily) !important;
    font-weight: var(--h4-fontWeight) !important;
    font-size: var(--h4-fontSize) !important;
    line-height: 26px;
    letter-spacing: -0.32px;
}

h5 {
    font-family: var(--fontFamily);
    font-weight: var(--h5-fontWeight);
    font-size: var(--h5-fontSize);
    line-height: 24px;
    letter-spacing: -0.24px;
}

.fluid-heading--h5 {
    font-family: var(--fontFamily) !important;
    font-weight: var(--h5-fontWeight) !important;
    font-size: var(--h5-fontSize) !important;
    line-height: 24px;
    letter-spacing: -0.24px;
}

h6 {
    font-family: var(--fontFamily);
    font-weight: var(--h6-fontWeight);
    font-size: var(--h6-fontSize);
    line-height: 22px;
    letter-spacing: -0.24px;
}

.fluid-heading--h6 {
    font-family: var(--fontFamily) !important;
    font-weight: var(--h6-fontWeight) !important;
    font-size: var(--h6-fontSize) !important;
    line-height: 22px;
    letter-spacing: -0.24px;
}

/** MY SETTINGS PAGE*/

.intnl-ph-no-new-flag,
.InternationalPhoneNumberInputField_intnl-ph-no-new-flag__rW1Gi {
    display: none
}

.selection .dropdown-menu-item-list>li>a {
    color: var(--text-primary) !important;
    text-decoration: none !important;
}

.selection .dropdown-menu-item-list>li:first-child>a {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.selection .dropdown-menu-item-list>li:last-child>a {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.dropdown-toggle-text {
    color: var(--text-primary);
}

.form-control {
    border-radius: 8px;
    box-shadow: none;
    border-color: var(--other-border);
}

.form-control:hover {
    border-color: var(--text-primary);
}

.form-control:focus {
    border-color: var(--primary-main);
}

.form-control .di-svg {
    color: var(--other-border) !important;
    width: 10px;
    height: 10px;
}

.form-control:focus {
    border: 2px solid var(--primary-main) !important;
}

.di-callout {
    border-radius: 8px;
    background-color: transparent !important;
    box-shadow: none;
    border: none;
    margin-top: 20px;
    padding: 12px 0 !important;
}

.statements_statements-media-modal-body-content__2SBeq.row.di-callout {
    border: solid 1px var(--other-divider);
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-radius: 8px;
    color: rgba(0, 0, 0, 0.6);
}

.input-group .form-control:first-child {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}

.control-label {
    font-weight: 500;
    padding: 0;
    margin-top: 8px;
}

.di-svg {
    width: 16px;
    height: 16px;
}

.accounts-error-icon {
    width: 24px;
    height: 24px;
}

div#stepUpAuthenticationInput {
    padding: 0;
}

/* DI DROPDOWN */
.di.dropdown {
    border: none;
}

.di.dropdown .toggle .di-svg,
.di.dropdown>button .di-svg,
.di.dropdown>button,
.di.dropdown button.toggle {
    color: var(--text-secondary) !important;
}

.dropdown-item {
    min-width: 400px !important;
}

.di.dropdown>button {
    border-radius: 8px;
    background-color: var(--background-paper);
    border: 1px solid var(--other-border) !important;
    color: rgba(0, 0, 0, 0.6);
    box-shadow: none;
}

.di.dropdown>button:hover {
    border-color: var(--text-primary) !important;
}

.di.dropdown>button:focus,
.di.dropdown>button:active {
    border: 2px solid var(--primary-main) !important;
}

.di.dropdown .caret {
    border-top: 6px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    margin-left: 0px;
}


.dropdown-menu {
    margin: 0px;
    border-radius: 8px !important;
    border: none !important;
}

.di.dropdown>ul {
    border-radius: 8px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
}

.selection .dropdown-menu-item-list>li {
    border-radius: 8px;
}


ul .AccountDropdownItem_account-description__2Y1Uu {
    font-size: 14px !important;
    font-weight: 600;
}

ul .AccountDropdownItem_account-balance__1l1Xw {
    font-size: 16px !important;
}

.Transfers_srt-options-container__3BnU_ {
    display: flex !important;
    align-items: center !important;
}

.ScheduledRecurringTransfers_frequency-container__2yyzs {
    background-color: transparent !important;
    margin-top: 0 !important;
}

/* Select DropDown */
.selection>button.dropdown-toggle.btn {
    border: 1px solid var(--other-border) !important;
    box-shadow: none !important;
    width: 100%;

    padding: 8px 10px;
}

.selection>button.dropdown-toggle:hover.btn {
    border-color: var(--text-primary) !important;
}

.selection.open>button.dropdown-toggle.btn,
.selection>button.dropdown-toggle.btn:focus,
.selection.open>button.dropdown-toggle.btn:focus,
.selection>button.dropdown-toggle.btn:focus:active,
.selection.open>button.dropdown-toggle.btn:focus:active {
    border: solid 2px var(--primary-main) !important;

}

.selection.dropdown .caret,
.selection.dropup .caret {
    border-top: 7px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    color: var(--other-border) !important;
}

.selection .dropdown-menu .spanHeight {
    height: 24px !important;
}

/* Phone Number Fields */
.intl-phone-number .input-container {
    margin-left: 0px !important;
}

.input-parent-container .selection.dropdown.btn-group {
    margin-right: 10px !important;
}

.intl-phone-number .input-container input.form-control {
    border: 1px solid var(--other-border) !important;
    padding: 8px 10px;
    height: 42px !important;
}

.intl-phone-number .input-container input.form-control:hover {
    border-color: var(--text-primary) !important;
}

.intl-phone-number .input-container input.form-control:active,
.intl-phone-number .input-container input.form-control:focus {
    border: 2px solid var(--primary-main) !important;
}

.InternationalPhoneNumberInputField_intnl-ph-no-fld-form-group__WpA1d.row.form-group.form-control {
    border: none;
}

.intl-phone-number .row.form-group.form-control .selection.dropdown.btn-group button.dropdown-toggle.btn.btn-sm {
    height: 42px;
    background-color: transparent !important;
}

.InternationalPhoneNumberInputField_intnl-ph-no-fld-form-group__WpA1d div.selection.dropdown.btn-group div.dropdown-menu {
    width: 250px !important;
}

.InternationalPhoneNumberInputField_intnl-ph-no-name__1r2Rb {
    width: calc(100% - 80px);
}

.intl-phone-number .delete-button-container {
    position: absolute;
    right: 4px;
}

/* Support Contact Info Page */

.support_links-support-container__3Defg {
    background-color: transparent;
    padding: 12px;
}

/* Modal */

.modal-header>.close {
    margin: 0 !important;
}

.modal-header {
    border: none;
}

@media (min-width: 991px) {
    .modal-dialog {
        margin: 200px auto;
    }
}

.glyphicon-triangle-right:before,
.glyphicon-ok:before {
    font-size: 10px;
    padding: 5px;
}

.ScheduledRecurringTransfers_srt-repeat-checkbox__3iqnE {
    margin-top: 30px !important;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 8px;
    color: rgba(0, 0, 0, 0.6);
    border-color: rgba(0, 0, 0, 0.6);
}

.di.dropdown>ul>li {
    min-height: 30px;
    border-bottom: none;
}


.di.dropdown>ul>li.active {
    background-color: var(--background-default);
}

.di.dropdown>button,
.di.dropdown button.toggle {
    border-radius: 8px;
    background-color: var(--background-paper);
    border: 1px solid;
    color: rgba(0, 0, 0, 0.6);
    box-shadow: none;
}

/* DropDown arrow */
.expand_collapse_down_arrow_expand-collapse__2s1y0 .expand_collapse_down_arrow_selector-icon__1hmD5:before {
    font-size: 12px !important;
}

/* Dropdown divider */

.di-callout hr {
    border: 1px solid var(--other-divider) !important;
}

div#billPayEmailLinkRow {
    margin: 12px 0px;
}

/* Table */

.table {
    border: 1px solid var(--other-divider);
    border-radius: 8px;
    border-collapse: separate;
    border-spacing: 0;
}

.table>thead {
    background-color: transparent;
}

.table>tbody>tr>td {
    font-size: var(--body2-fontSize);
}

.table>thead>tr>th {
    font-size: var(--body2-fontSize);
    font-weight: 500 !important;
    color: var(--text-primary);
}

.table>thead>tr>th,
.table>tbody>tr>td {
    color: var(--text-primary) !important;
    background-image: none !important;
    padding: 13px !important;
}

.alert-danger {
    background-color: var(--error-subtle);
}

.hidden {
    display: none;
}

/* FLUID OVERWRITE */

.fluid-generic-error .fluid-callout__icon {
    color: var(--error-main) !important;
}

.fluid-heading--h2 {
    font-family: var(--fontFamily) !important;
}

.fluid-button.card-action-button {
    width: 115px !important;
    border-radius: 8px;
    background-color: var(--primary-main);
    color: var(--primary-contrastText);
}

.main-content-layout {
    border-radius: 8px;
    box-shadow: none !important;
    border: 1px solid var(--other-divider);
}

/** LOGIN COMPONENT STARTS HERE */
.dbk-login {
    box-shadow: 0px 0px 0px 1px var(--divider, #E0E0E0) inset !important;
    border-radius: 8px !important;
    font-family: var(--fontFamily) !important;
    border: 1px solid var(--other-divider);
}

.dbk-login__msg-container.has-image .dbk-login-msg--inner * {
    color: var(--primary-contrastText) !important;
}

.dbk-login__msg-container.has-image .dbk-login-msg--inner *:hover {
    color: var(--primary-contrastText) !important;
}

/* text input */
.fluid-button:focus,
.fluid-button__icon:not([disabled]):focus,
.fluid-text-input:focus {
    box-shadow: none !important;
    color: var(--text-primary) !important;
}

.fluid-button {
    color: var(--text-secondary);
}

.dbk-login__links .fluid-button--link {
    padding: 0 0 16px !important;
}

.fluid-text-input:focus {
    border: 1px solid var(--primary-main);
}

.fluid-text-input {
    color: var(--text-primary);
    height: 46px;
    border-radius: 8px !important;
    border: 1px solid var(--other-divider);
    background-color: var(--background-paper) !important;
    padding-left: 20px;
    font-size: 20px;
    box-shadow: none !important;
    padding: 14px 7px 5px 5px !important;
    transition: .1s cubic-bezier(.65, .05, .36, 1);
}

.username-field.fluid-form-label--stacked .fluid-form-label__text,
.password-field.fluid-form-label--stacked .fluid-form-label__text {
    position: absolute;
    left: 2%;
    top: 2%;
    color: var(--text-secondary);
    font-size: 12px;
}

.fluid-form-label:focus {
    color: var(--primary-main);
}

.fluid-toggle-switch__toggle:not(.react-toggle--checked) .react-toggle-track {
    background-color: transparent;
    border: 2px solid var(--text-secondary, #5B5B5B);
}

.fluid-toggle-switch__toggle.react-toggle--checked .react-toggle-track {
    background-color: var(--primary-main) !important;
}

.react-toggle-track {
    width: 34px !important;
    height: 18px !important;
}

.fluid-toggle-switch__toggle:not(.react-toggle--checked):not(.react-toggle--disabled):hover .react-toggle-track {
    background-color: transparent !important;
    border: 2px solid var(--primary-main) !important;
}

.react-toggle-thumb {
    width: 10px !important;
    height: 10px !important;
    border: none !important;
    background-color: var(--text-secondary) !important;
    top: 4px !important;
    left: 4px !important;
}

.react-toggle-thumb:hover {
    background-color: var(--primary-main) !important;
}

.react-toggle--checked .react-toggle-thumb {
    left: 20px !important;
    background-color: var(--background-paper) !important;
}

.fluid-toggle-switch__toggle.react-toggle--checked .react-toggle-track-check svg path {
    fill: transparent !important;
}

/* DI TOGGLE */

.di-toggle-switch {
    width: 83px;
    height: 32px;
    margin-left: -23px;
    background-color: var(--text-secondary);
}

.di-toggle-switch-container {
    border-radius: 30px;
    width: 50px;
    height: 30px;
}

.di-toggle-switch.active>di-toggle-switch-container {
    border: none;
}

.di-toggle-switch .label-slider {
    border-radius: 30px;
    margin-left: -6px;
    height: 20px;
    width: 20px;
    margin-top: 4px;
    box-shadow: none;
}

.di-toggle-switch .label-off {
    margin-left: -6px;
}


.di-toggle-switch .label-off,
.di-toggle-switch .label-on {
    font-size: 10px;
    margin-top: -10px;
    width: 28px;
    color: var(--background-paper);
}


.di-toggle-switch.active {
    background-color: var(--primary-main) !important;
    border: none;
}

.dbk-login__form-section .username-field__remember-me {
    font-size: 12px !important;
    position: absolute;
    right: 0px !important;
    bottom: 11px !important;
    transform: translate(-1rem, -.05rem);
    display: flex;
}

/* LEGACY MFA  */

.mfa-destination {
    border: 1px solid var(--other-divider);
    border-radius: 8px;
    padding: 16px;
    align-items: center;
    justify-content: space-between;
}

@media (min-width:767px) {
    .mfa-destination {
        display: flex;
        margin: 8px 0;
    }
}

@media (max-width:767px) {
    .mfa-destination {
        margin: 14px 0;
    }
}

.mfa-text {
    font-size: var(--body1-fontSize) !important;
    font-weight: 400;
    color: var(--text-secondary) !important;
}

.mfa-questions-container {
    border-top: none !important
}

.mfa-destination-contact-container {
    font-size: var(--body2-fontSize) !important;
    font-weight: 500;
    color: var(--text-primary) !important;
    padding-top: 0 !important;
}

.mfa-destination-button-container {
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    /* Allow 3+ MFA action buttons (Text / Call / WhatsApp) to share the
       row evenly without overflowing on the right when the parent
       .mfa-destination is in flex row layout (>=767px). */
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

/* Neutralize Bootstrap col-* sizing (col-xs-12, col-sm-12) inside the
   flex button container — those classes are added by the React component
   for the legacy non-flex layout and would otherwise force each button
   wrapper to 100% width here. */
.mfa-destination-list .mfa-destination-button-container > [class*="col-"] {
    width: auto !important;
    flex: 0 0 auto;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
}

.mfa-destination-button-container button {
    margin: 0 !important;
}

.mfa-destination .mfa-button-container .btn-primary{
    flex: auto !important;
    max-width: 100%;
}

.mfa-button-container button {
    width: auto !important;
}

.mfa-button-container .text-not-supported{
    padding-left: 0;
    margin-left: 10px;
}

button.btn.btn-primary.mfa-button {
    width: 100% !important;
}


@media (max-width:767px) {
    .mfa-buttons-no-xs-padding {
        margin: 7px 0;
    }
}

.mfa-destination-button-container button,
.mfa-button-container button {
    font-size: 13px;
    font-weight: 500;
    padding: 0 18px !important;
    background-color: var(--primary-subtle) !important;
    color: var(--primary-subtleContrast) !important;
    border: none !important;
    box-shadow: none;
}

.mfa-destination-button-container button:hover,
.mfa-destination-button-container button:hover:focus,
.mfa-destination-button-container button:focus,
.mfa-button-container button:hover,
.mfa-button-container button:hover:focus,
.mfa-button-container button:focus {
    filter: brightness(95%);
    background-color: var(--primary-subtle) !important;
    color: var(--primary-subtleContrast) !important;
    border: none !important;
}

.mfa-destination-button-container button:active,
.mfa-destination-button-container button:active:focus,
.mfa-button-container button:active,
.mfa-button-container button:active:focus {
    filter: brightness(90%);
    background-color: var(--primary-subtle) !important;
    color: var(--primary-subtleContrast) !important;
    border: none !important;
}

.edit-link.wrap-content {
    margin: 0 !important;
}

.di-accordion-selector-label {
    font-size: var(--body1-fontSize) !important;
}

.mfa-disclosure .data-rates {
    padding: 0;
}

.expand_collapse_expand-collapse__1x13L {
    padding: 0 30px 30px 30px;
}

.mfa-page-header {
    font-size: var(--h3-fontSize);
    text-align: center;
}

.mfa-phone-heading {
    font-size: 16px !important;
    font-weight: var(--h2-fontWeight) !important;
    color: var(--text-secondary) !important;
}

.mfa-header-icon {
    display: none !important;
}

.mfa-indent {
    margin-left: 0 !important;
}

#mfaCodeInputField {
    width: 100% !important;
    height: 56px;
    padding-top: 20px
}

label#mfaCodeInputFieldlabel {
    position: absolute;
    font-size: 12px;
    padding: 4px 12px;
}

.mfa-register-text {
    margin-left: 0 !important;
}

.mfa-button-container {
    margin: 0 !important;
}


.contact-info .contact-info-container {
    margin-left: 0 !important;
}

.mfa-contact-info {
    font-size: 14px !important;
    font-weight: 500;
}

.di-accordion-selector-icon:before {
    font-size: 12px !important
}

.divider {
    margin: 0 !important;
    display: none;
}

#esign-disclosure-app {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.app-store-details ul {
    list-style: none;
}

.content-container {
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0;
}

.content-container .di-svg {
    fill: var(--warning-main) !important;
}

div#settingsContactDescription {
    padding: 0 !important;
}

#changePasswordContainer {
    max-width: 803px;
}


.disclosure-container {
    margin: 24px;
    padding: 20px 40px !important;
}

.incorrect-info-text {
    padding: 20px 0 !important;
}

.instructional-text {
    font-size: var(--body1-fontSize) !important;
    font-weight: 400;
    color: var(--text-secondary) !important;
}

/* LOGIN */

.fluid-form-layout-section__content-container>.fluid-form-layout-field-container+.fluid-form-layout-field-container {
    margin-top: 16px !important;
}


.dbk-login .fdic-info-container {
    margin: 16px 0 !important;
}

@media (min-width: 991px) {
    .login-container {
        width: 640px;
    }
}

.dbk-login__form-section .password-field__show-hide {
    bottom: 0px !important;
    padding: 6px !important;
    border-radius: 8px;
}

.dbk-login__form-section .password-field__show-hide:hover {
    background-color: var(--action-hover);

}

ul.dbk-login__locale-container > li > button.fluid-button.fluid-button--link {
    color: var(--primary-main) !important;
}

.dbk-login__login-elements-header {
    background-color: transparent !important;
}

.fluid-toggle-switch__toggle:not(.react-toggle--checked) .react-toggle-track {
    background-color: transparent !important;
}

.fluid-toggle-switch {
    display: flex !important;
}

.dbk-login__form-section .username-field__remember-me .fluid-form-label:not(.fluid-form-label--label-after):not(.fluid-form-label--stacked) .fluid-form-label__text {
    margin: 0 8px 0 0 !important;
}

.dbk-login__msg-container.has-text.has-image:before {
    background: var(--primary-dark) !important;
}

#footer-container {
    background-color: var(--background-paper) !important;
}

.fluid-button--link,
.dbk-login__links .fluid-button--link {
    color: var(--primary-main) !important;
    background-color: transparent !important;
}

.fluid-button--link:hover,
.dbk-login__links .fluid-button--link:hover,
.fluid-button--link:active,
.dbk-login__links .fluid-button--link:active {
    text-decoration: underline !important;
}

.dbk-login__logo {
    padding: 60px 0 15px 0 !important;
}

.dbk-login__locale-container li {
    background-color: transparent !important;
    padding: 8px 16px !important;
    border: none !important;
}

.modal-footer {
    display: flex;
    justify-content: flex-end;
}

.fluid-button[disabled] {
    opacity: 1 !important;
    cursor: not-allowed;
    background-color: var(--action-disabledBackground) !important;
    color: var(--action-disabled) !important;
}

.icon {
    margin: 0 8px 0 0;
}

.expand_collapse_expand-collapse__1x13L {
    padding: 0;
}

.disclosure-container .data-rates {
    padding: 12px 0;
}

.fade.modal-backdrop.in {
    background-color: rgb(0, 0, 0) !important;
    opacity: .3;
}

/* FORGOT PASWORD */

@media (min-width: 991px) {

    .forgot-password-button,
    .forgot-username-button-wrap {
        display: flex;
    }

    button#cancelButton,
    button#submitButton {
        max-width: none;
        margin: 0px 4px;
        height: auto;
    }
}

.col-xs-12.col-sm-12.main-container.xs-col-remove-padding {
    padding: 2px !important;
}

span#description,
span#description1 {
    font-size: 16px;
    color: var(--text-secondary);
    font-weight: 400;
}

.has-error .form-control {
    box-shadow: none;
}

.has-error .form-control>.selection.dropdown.btn-group>button,
.has-error .form-control>.input-container>input {
    border: 2px solid var(--error-main) !important;
}

.has-error .form-control {
    border: 2px solid var(--error-main);
}

.forgot-password-link {
    margin-top: 0;
}

@media (max-width: 991px) {
    a#forgotUsernameLink {
        height: 40px;
        padding: 8px 16px;
        margin-top: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
}

.app-store-details ul {
    list-style: none;
}

.content-container {
    background-color: transparent !important;
}

.content-container .di-svg {
    fill: var(--warning-main) !important;
}

div#settingsContactDescription {
    padding: 0 !important;
}

#changePasswordContainer {
    max-width: 803px;
}

/* SET UP MFA */

.contact-info .warning .icon-text {
    font-size: 16px;
    color: var(--text-secondary);
    font-weight: var(--h2-fontWeight);
}

.contact-info .warning .icon {
    display: none;
}

.mfa-section-header .icon {
    display: none;
}

.mfa-section-header {
    font-size: 16px !important;
    color: var(--text-secondary);
    font-weight: var(--h2-fontWeight) !important;
}

.mfa-section-header .wrap-content {
    margin: 0;
}

.info-description {
    font-size: var(--body1-fontSize) !important;
    margin-left: 0 !important;
}

.mfa-info .enter-code-container {
    padding: 0 !important;
    margin-bottom: 20px;
}

/* NOTIFICATION */

.di-notification .head {
    background-color: transparent;
    padding: 16px;
    max-width: 100%;
    border-bottom: none;
}

.di-notification {
    box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.20), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important;
}

.di-notification.open {
    border-radius: 8px;
}

.di-notification .footer {
    background-color: transparent;
    border-top: none;
    padding: 0 16px 16px 16px;
}

.di-notification .box:before {
    border-bottom: 20px solid var(--background-paper);
}

.di-notification .body {
    padding: 0 16px 0 16px;
}

.di-notification:before {
    border-bottom: 20px solid transparent;
}

#notificationBody .list a.btn-tertiary {
    border: 1px solid #acacac !important;
    padding: 0 20px !important;
}

/** FLUID CALLOUTS */

.fluid-callout-memo--warning {
    border-left: none !important;
    border-radius: 8px !important;
    background-color: var(--warning-subtle) !important;
}


.fluid-callout-memo--warning .fluid-callout-memo__icon {
    color: var(--warning-main) !important;
}

.fluid-callout-memo--error {
    border-left: none !important;
    border-radius: 8px !important;
    background-color: var(--error-subtle) !important;
}

.fluid-callout-memo--error .fluid-callout-memo__icon {
    color: var(--error-main) !important;
}

.fluid-callout-memo--success {
    border-left: none !important;
    border-radius: 8px !important;
    background-color: var(--success-subtle) !important;
}

.fluid-callout-memo--success .fluid-callout-memo__icon {
    color: var(--success-main) !important;
}

.fluid-callout-memo--info {
    border-left: none !important;
    border-radius: 8px !important;
    background-color: var(--info-subtle) !important;
}

.fluid-callout-memo--info .fluid-callout-memo__icon {
    color: var(--info-main) !important;
}

/* .media.alert.alert-list.read .media-body a.btn.btn-tertiary.router {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    box-shadow: none;
    border: 1px solid #ccc;
} */

/* Alert */

.alert-message {
    border-radius: 8px;
    border: none;
    background-color: var(--primary-subtle);
}

.brand-link,
.fi-link-color.di-accordion-selector.brand-link,
.expand_collapse_selector__1hyfW.brand-link {
    color: var(--primary-main) !important;
}


/* Transfers SRT */

.srt-container .table .btn.btn-tertiary {
    line-height: normal;
    padding: 10px 16px;
}

/* Transfers*/
.transfers-view-container .transferContainer-wrapper {
    max-width: 512px;
}

.transfers-view-container .transferContainer-wrapper a.returnToAccounts,
.transfers-view-container .transferContainer-wrapper a.returnToAccounts:hover {
    color: var(--buttonPrimary-contrastText) !important;
}
.transfers-view-container .transferContainer-wrapper .contextual-message-text-color{
    color: var(--primary-subtleContrast) !important;
}


.transfers-view-container .transferContainer-wrapper .di-callout #accountDropdownFrom,
.transfers-view-container .transferContainer-wrapper .di-callout #accountDropdownTo {
    max-width: 512px;
}

.transfers-view-container .transferContainer-wrapper .form-group,
.transfers-view-container .transferContainer-wrapper .input-group {
    max-width: none !important;
}

/* center and middle align of title and link of make transfer header */
.transfers-view-container .transferContainer-wrapper .page-header.transferForm-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.transfers-view-container .transferContainer-wrapper .page-header.transferForm-header > h1 {
    width: 200px;
    word-break: break-all;
}

.transfers-view-container .transferContainer-wrapper .page-header.transferForm-header .add-recipient-link-container {
    width: 150px;
    word-break: break-all;
    margin-top: inherit;
}


.transfers-view-container .react-grid-layout {
    height: auto !important;
    display: flex;
    justify-content: center;
    margin-bottom: 3rem;
}

.transfers-view-container .react-grid-layout .react-grid-item {
    width: auto !important;
    height: auto !important;
    z-index: auto !important;
    position: static !important;
    transform: none !important;
}

.transfers-view-container .react-grid-layout .react-grid-item:nth-child(1) {
    width: 520px !important;
}

.transfers-view-container .react-grid-layout .react-grid-item:nth-child(2) {
    max-width: 300px !important;
}

.transfers-view-container .react-grid-layout .react-grid-item:nth-child(2) ul li a {
    word-wrap: break-word;
}

.transfers-view-container .transferContainer-wrapper .form-group ul.dropdown-menu {
    width: 100%;
}

.transfers-view-container .react-grid-layout .transferContainer-wrapper .Transfers_account-dropdown-container__3RQ88 {
    flex-direction: column;
    align-items: start;
}

.transfers-view-container .react-grid-layout .transferContainer-wrapper .Transfers_account-dropdown__2z46F {
    width: 100%;
}

.recipients-container {
    max-width: 513px;
    margin: 0 auto;
}

.recipients-container .di-callout .form-group {
    width: 100%;
}

.recipients-container #cancelButton {
    margin-left: 10px;
}

.recipients-container #recipientNicknameGroup.has-error {
    display: flex;
    flex-direction: column;
}

.recipients-container #recipientNicknameGroup.has-error> :nth-child(1) {
    order: 2;
}

.recipients-container #recipientNicknameGroup.has-error :nth-child(2) {
    order: 3;
}

.recipients-container #recipientNicknameGroup.has-error :nth-child(3) {
    order: 1;
}

.recipients-container #recipientNicknameGroup #recipientNicknameError {
    background-color: var(--error-light) !important;
    color: var(--text-primary) !important;
    padding: 10px;
    border-radius: 5px;
    margin: 10px 0;
}

.transfers-view-container .transferContainer-wrapper .Transfers_account-dropdown-available-balance__WTnIx {
    margin-top: 11px;
}

#verifyRecipientForm #recipientPasscodeGroup #recipientPasscodeError,
#verifyRecipientForm #recipientPasscodeGroup #recipientPasscodeFocus,
#verifyRecipientForm #recipientAccountNumberGroup #recipientAccountNumberError,
#verifyRecipientForm #recipientAccountNumberGroup #recipientAccountNumberFocus,
#verifyRecipientForm #recipientIdGroup #recipientIdError,
#verifyRecipientForm #recipientIdGroup #recipientIdFocus {
    padding-top: 5px;
    padding-bottom: 5px;
}

.transfers-view-container .transferContainer-wrapper .Transfers_loan-payoff-amount-container__39902 {
    margin: 10px;
}

.transfers-view-container .transferContainer-wrapper .TransfersConfirmation_transfers-success__2RQrq .print-transfers-success-title {
    background: var(--success-subtle);
    width: 100%;
    display: flex;
    padding: 8px 6px;
    border-radius: 5px;
    font-size: 17px;
}

.transfers-view-container .transferContainer-wrapper .TransfersConfirmation_transfers-success__2RQrq .print-transfers-success-title .print-transfers-success-title-content .text-success {
    color: var(--text-primary);
}

.transfers-warning-container {
    margin: 20px 0px;
}

.transfers-additional-container {
    margin-top: 20px;
}

.transfers-warning-message {
    border-radius: 8px;
    border: none;
    background-color: var(--warning-subtle);
    padding: 15px;
}

.srtCancel-popup .modal-header {
    position: absolute;
    right: 30px;
    top: 38px;
}

.srtCancel-popup .SRTCancel_page-header__2_imZ {
    margin: 0;
    padding: 0;
    font-size: var(--h2-fontSize);
}

.srtCancel-popup .SRTCancel_alert-symbol__2ySeh .di-svg {
    width: 22px;
    height: 22px;
}

/* Recurring Modal */
.frequencyPopup-container .ScheduledRecurringTransfers_frequency-container__2yyzs {
    text-align: left;
}

.frequencyPopup-container #startDateContainer,
.frequencyPopup-container #frequencyEndDateContainer,
.frequencyPopup-container .ScheduledRecurringTransfers_number-of-executions__zEi1a {
    justify-content: flex-start !important;
}


#transferContainer #frequencyContainer #srtWarningContainer {
    padding-left: 0;
}

@media (min-width: 517px) and (max-width: 767px) {
    .transfers-view-container .react-grid-layout .react-grid-item:nth-child(1) > div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .transfers-view-container .react-grid-layout .react-grid-item:nth-child(1) > div #transferContainer{
        width: 100%;
    }

}


.frequencyPopup-container .ScheduledRecurringTransfers_frequency-container__2yyzs label {
    min-width: 110px;
}

.frequencyPopup-container .ScheduledRecurringTransfers_frequency-container__2yyzs label+div {
    width: 65%;
    max-width: 350px;
    display: inline-flex !important;
    justify-content: flex-start;
    align-items: center;
}

.frequencyPopup-container .modal-header {
    position: absolute;
    right: 30px;
    top: 38px;
}

.frequencyPopup-container .di-almanac-picker .has-feedback input {
    width: 325px;
}

.frequencyPopup-container #dayDropdownContainer .ScheduledRecurringTransfers_first-day-dropdown__23pXI {
    width: 100%;
    padding-right: 0;
}

.frequencyPopup-container #dayDropdownContainer .ScheduledRecurringTransfers_frequency-option-dropdown-container__2ckwH {
    display: flex;
}

.frequencyPopup-container #dayDropdownContainer .ScheduledRecurringTransfers_second-day-dropdown__1jByB {
    width: 100%;
}

/* Transfers Responsive */
@media (max-width:767px) {
    .transfers-view-container .transferContainer-wrapper .srtOptions-container {
        display: block!important;
    }

    .transfers-view-container .react-grid-layout {
        flex-direction: column;
        gap: 20px;
    }

    .transfers-view-container .react-grid-layout .react-grid-item {
        position: static !important;
        transform: none !important;
    }

    .transfers-view-container .react-grid-layout .react-grid-item:nth-child(1) {
        width: auto !important;
    }

    .transfers-view-container .Input_input-group-addon__2h_MW {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .transfers-view-container .di-almanac .day.selected.weekday.no, .di-almanac .day.selectable.no:hover {
        background-color: var(--text-primary) !important;
    }

    #transferContainer #frequencyContainer .di-almanac-picker,
    #transferContainer #frequencyContainer .di-almanac-picker > div,
    #transferContainer #frequencyContainer #startDateContainer .di-almanac-picker > div > .has-feedback > .input-group,
    #transferContainer #frequencyContainer #frequencyEndDateContainer .di-almanac-picker > div > .has-feedback > .input-group {
        width: 100%;
    }

    .transfers-view-container .transferContainer-wrapper .page-header.transferForm-header > h1 {
        font-size: 24px !important;
    }

    .transfers-view-container .form-group .input-group .input-label{
        font-size: 14px;
    }

    .transfers-view-container .alert {
        padding: 10px;
        margin: 10px 0;
    }

    .transfers-view-container .dropdown-item {
        min-width: auto !important;
    }

    .transfers-view-container .SlideTransitionGroup_slide-transition-item-component-div__3mssU div,
    .transfers-view-container .SlideTransitionGroup_slider-transition-item__1yHli .SlideTransitionGroup_form-control__11e8g {
        font-size: 14px;
        font-weight: 500;
    }

    .transfers-view-container .input-group .form-control,
    .transfers-view-container ul .AccountDropdownItem_account-balance__1l1Xw {
        font-size: 14px !important;
    }

    .transfers-view-container .Input_di-input-inset-addon-top-label-top__2X7V2 {
        top: 40px;
    }

    .transferContainer-wrapper .di-callout{
            margin: 0;
    }

    .transferContainer-wrapper .print-transfers-confirmation-details-row-label {
        font-size: 14px;
    }

    .transferContainer-wrapper .print-transfers-confirmation-details-row-spacer {
        border-bottom: none;
    }


    /* Schedule transfer Responsive */

    #srtContainer #srtTable .actionsField-container {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    } 

    #srtContainer #srtTable .actionsField-container > div.actionsField-edit-area {
        width: 50%;
        align-content: center;
    }

    #srtContainer #srtTable .actionsField-container > div.actionsField-edit-area > a.actionsField-edit-area-link {
        width: 100%;
        line-height: 20px;
    }

    #srtContainer #srtTable .actionsField-container > a.actionsField-container-cancel {
        width: 50%;
        line-height: 20px;
    }

    #srtContainer #srtTable .actionsField-container .actionsField-edit-area .popover {
        left: 35px !important;
    }

    #srtContainer #srtTable .amountField-container .amountValue {
        font-size: 14px;
    }

    #srtTable .srtList-container .srtList-date-header { 
        font-size: 14px;
    } 

    /* Add recipients form*/

    .recipients-container #verifyRecipientForm .form-control,
    .recipients-container #addRecipientForm #recipientNickname.form-control,
    .recipients-container #verifyRecipientForm .add-recipient-form-container #recipientAccountTypeDropdownContainer .dropdown-toggle .dropdown-toggle-text,
    .recipients-container #verifyRecipientForm .add-recipient-form-container #recipientAccountTypeDropdownContainer ul.dropdown-menu-item-list {
        font-size: 14px;
    }
}



/* USP Error */

.usp-error-major-title {
    font-family: var(--fontFamily);
    font-size: var(--h1-fontSize);
    font-weight: var(--h1-fontWeight);
}

.usp-error-minor-title {
    font-family: var(--fontFamily);
    font-size: var(--h5-fontSize);
    font-weight: var(--h5-fontWeight);
}