/* GLOBAL */
.uppercase {
    text-transform: uppercase;
}

.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6,
.panel p,
.panel li,
.panel dl,
.tabs dd.active a,
.tabs .tab-title.active a,
.tabs dd > a,
.tabs .tab-title > a {
    color: #424242;
}

.no-margin {
    margin: 0 0 0 0;
}

.input-tooltip-trigger {
    position: relative;
    top: .0em;
    right: 0em;
    border-bottom: none;
}

.tooltip {
    z-index: 1006;
}

.notification div.switch input:checked + label {
    background: #076191;
}

.green-check {
    color: #00A74D !important;
}

.disabled-tab {
    pointer-events: none;
    cursor: default;
}

.settings-sprocket {
    margin-bottom: 6px;
    margin-right: 5px;
    width: 28px;
}

@media only screen and (max-width: 1025px) {
    .settings-sprocket {
        margin-bottom: 5px;
        width: 36px;
    }
}

.settings-module {
    background: #ececec;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 30px;
}

    .settings-module:after { /* clearfix for the floated children */
        content: "";
        display: table;
        clear: both;
    }

    .settings-module > div {
        display: inline-block;
        vertical-align: middle;
    }

    .settings-module .attention,
    .settings-module .completed {
        font-size: 1.5rem;
        width: 34px;
    }

    .settings-module .attention {
        color: #ff9000;
    }

    .settings-module .completed {
        color: #2fa147;
    }

    .settings-module .settings-title {
        margin-left: 10px;
    }

        .settings-module .settings-title h3 {
            margin: 0;
            font-size: 1.2rem;
            font-weight: 600;
        }

        .settings-module .settings-title p {
            font-size: 0.975rem;
            margin-bottom: 0;
        }

    .settings-module .settings-button-container {
        float: right;
        padding-top: 10px;
    }

        .settings-module .settings-button-container .reminder-text {
            color: #333333;
            display: inline-block;
            font-size: 0.775rem;
            margin-right: 10px;
        }

@media only screen and (max-width: 640px) {
    .settings-module .settings-button-container {
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
        align-items: center;
    }

        .settings-module .settings-button-container .reminder-text {
            display: block;
            margin: 0;
            padding-top: 10px;
        }
}

.device-added-text {
    display: inline-block;
    font-size: 0.775rem;
    color: #858585;
    padding-bottom: 5px;
    padding-right: 10px;
}

.settings-module .settings-button-container button,
.settings-module .settings-button-container .button {
    margin-bottom: 0;
    width: 185px;
}

.settings-module .settings-button-container .button {
    font-size: 1rem;
}

/* settings module dropdown */
.settings-module-dropdown {
    background: #f8f8f8;
    margin-top: 10px;
    padding: 20px;
    width: 100%;
    border-radius: 3px;
}

    .settings-module-dropdown .icon-credit-card {
        font-size: 7rem;
        color: #076191;
    }

    .settings-module-dropdown fieldset legend {
        background: transparent;
    }

    .settings-module-dropdown .button,
    .settings-module-dropdown button {
        margin-left: 10px;
    }

    .settings-module-dropdown .button-container .confirm-header,
    .settings-module-dropdown .button-container .confirm-button,
    .settings-module-dropdown .button-container .confirm-body,
    .settings-module-dropdown .button-container .confirm-date {
        display: none;
    }

/* security-questions-module */
.security-questions .question-answer {
    margin-bottom: 1.75rem !important;
}

    .security-questions .question-answer select {
        margin-bottom: .5rem;
    }

/* credit-protection-module */
.credit-protection-initial input {
    width: 50px;
    display: inline-block;
}

.settings-module .print-friendly {
    top: 0;
}

/* settings module modal */
#settings-module-modal {
    top: 200px !important;
    z-index: 1000;
}

    #settings-module-modal .return-to-settings {
        margin-left: 10px;
    }

.unclickable {
    pointer-events: none;
}

/* card-design-module */
.card-design .sky-carousel .sc-content-wrapper h2,
.standard-card-design .sky-carousel .sc-content-wrapper h2 {
    color: #076191;
}

.card-design .sky-carousel .sc-content-wrapper p,
.standard-card-design .sky-carousel .sc-content-wrapper p {
    color: #424242;
}

.sky-carousel .sky-carousel-container li {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

/* data entry keypad */
#authentication-answer-mailing-blue,
#authentication-answer-mailing-orange,
#authentication-answer-phoneemail-orange,
#authentication-answer-password {
    background-color: #F8F8F8;
    border: none;
    border-left: 6px solid #FF9000;
    border-radius: 0px;
    box-shadow: none;
    margin-left: 20px;
    width: 100px;
}

#authentication-answer-mailing-blue-error,
#authentication-answer-mailing-orange-error,
#authentication-answer-phoneemail-orange-error,
#authentication-answer-password-error {
    background-color: #F8F8F8;
    border: none;
    border-left: 6px solid #C60F13;
    border-radius: 0px;
    box-shadow: none;
    margin-left: 20px;
    width: 100px;
}

.authentication-answer-error-message {
    color: #C60F13;
    padding-left: 20px;
}

.button-grid-container {
    background-color: #ECECEC;
    width: 270px;
    margin: 10px 0px;
}

.button-grid {
    display: table;
    width: 250px;
    padding-left: 10px;
    padding-top: 30px;
}

.button-grid-row {
    display: table-row;
}

.button-grid-cell {
    display: table-cell;
}

    .button-grid-cell button {
        height: 50px;
        margin-top: -8px;
        padding: 5px;
        width: 70px;
    }

/* SMS table */
.sms-carrier .columns span:nth-of-type(1) {
    background-color: #f1f1f1;
    padding: 5px;
    display: block;
}

.sms-carrier .columns span:nth-of-type(2) {
    padding: 5px;
    border: 1px solid #f1f1f1;
    display: block;
    margin-top: 1px;
    margin-bottom: 5px;
}
/* SMS table */

/* module checkboxes */
.settings-module-dropdown input[type="checkbox"] + label > span {
    display: inline-block;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    width: 23px;
    height: 21px;
    margin: -8px 1px 0px -5px;
    vertical-align: middle;
    background: url(../../../images/check_box_sheet_grey.png) left top no-repeat;
    cursor: pointer;
}

.settings-module-dropdown input[type="checkbox"]:checked + label > span {
    background: url(../../../images/check_box_sheet_grey.png) -21px top no-repeat;
}

.settings-module-dropdown input[type="checkbox"] + label > div {
    color: #000;
    display: inline;
    font-family: 'Open Sans', sans-serif;
}
/* module checkboxes */

/*module panel*/
#device-management div.panel {
    margin-left: 30px;
    margin-right: 30px;
    border-radius: 3px;
}
/*module panel*/

/*button button radius .input-button-continue*/
#input-button-continue {
    margin: 10px;
    opacity: 1;
    background-color: #076191;
}
/*button button radius .input-button-continue*/

/* Bank Account Info*/
.primary-bank-account-icon {
    color: #808080;
    display: inline-block;
    vertical-align: middle;
    margin-top: inherit;
}

.primary-bank-account-text {
    display: inline-block;
    vertical-align: middle;
}

    .primary-bank-account-text::before {
        content: "Primary ";
    }

.account-ending-in {
    vertical-align: middle;
}

    .account-ending-in::after {
        content: "  ";
    }

.verified-star-icon, .verification-pending-attention-circled-icon, .verify-now-attention-circled-icon, .not-valid-attention-circled-icon, .verification-unavailable-attention-circled-icon {
    color: #076191;
    display: inline;
    vertical-align: middle;
    margin-top: inherit;
}

.error-text {
    color: red !important;
}

.verification-pending-attention-circled-icon, .verify-now-attention-circled-icon, .not-valid-attention-circled-icon, .verification-unavailable-attention-circled-icon {
    color: red;
}

.verified-star-icon::after {
    content: "Verified";
}

.verification-pending-attention-circled-icon::after {
    content: "Verification Pending.";
}

.verify-now-attention-circled-icon::after {
    content: "Verify Now";
}

.not-valid-attention-circled-icon::after {
    content: "Not Valid";
}

.verification-unavailable-attention-circled-icon::after {
    content: "Verification Unavailable";
}

.learn-more-sign {
    -webkit-text-size-adjust: 100%;
    font-style: normal;
    font-weight: 300;
    list-style: none;
    font-size: 12px;
    box-sizing: border-box;
    font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    background: transparent;
    text-decoration: none;
    line-height: inherit;
    color: #424242;
}

.component-modal .modal-content .modal-body .justify-left div {
    justify-content: left !important;
}

.none-max-width {
    max-width: none !important;
}

span.learn-more {
    background-color: unset;
    color: #076191;
    font-size: 12px;
    padding: 0;
    margin: 0;
    font-weight: 300;
    text-decoration: underline;
}

.background-pale-gray {
    background-color: #f7f7f7;
}

button.disabled.mobile100 {
    font-weight: 400;
    color: #424242 !important;
    background-color: #d8d8d8;
    width: 100% !important;
    text-align: center;
}

.bank-account-number {
    display: inline
}

.verified-star-icon::after {
    content: "Verified";
}

.bank-account-tabs li span {
    font-size: 12px;
}

.primary-bank-account-checkbox {
    margin-top: -1px;
}

@media screen and (max-width: 768px) {
    .bank-account-tabs ul.tabs li {
        float: none !important;
        border-bottom: 1px solid #808080;
        margin-top: 0px !important;
        font-size: 12px;
        line-height: 1;
    }

        .bank-account-tabs ul.tabs li a {
            padding-top: 5px;
            padding-bottom: 5px;
        }
}


input.routingnumber::-ms-clear {
    display: none;
}

input.routingNumberOk {
    border-color: #cccccc;
}

input.routingNumberWrong,
input.routingNumberWrong:focus {
    border-color: #c60f13;
}

.bank-account-tabs > .tabs .tab-title.active > a {
    background-color: white;
    color: black;
}

/* Bank Account Info*/
/*module Device-management-remove-devices*/
#management-remove-devices {
    margin: auto;
}
/*module Device-management-remove-devices*/

/*module Device-management-remove-devices*/
#h-removed-device {
    margin-left: 15px;
}
/*module Device-management-remove-devices*/

.bank-account-tab-warning {
    display: none;
    margin-top: 30px;
}

#remove-bank-account-info button.yes-button {
    color: white;
}

#remove-bank-account-info-bav button.yes-button {
    color: white;
}

.right-border-desktop {
    border-right: 1px solid #cecece;
}

#note_bav {
    background: white;
    color: #424242;
}

div.switch label:focus-visible {
    outline: rgb(1, 97, 145) solid 4px;
}

.lost-stolen p {
    margin-top: 2.2rem;
    margin-left: 2.2rem;
    max-width: 48rem;
    font-size: .875rem;
}

.password-section {
    font-size: 14px;
    color: #076191 !important;
}

.password-section-validation-message {
    font-weight: bold;
    color: #BF0C1C;
    font-size: 14px;
}

.password-validation-success {
    color: #017E3A;
}

.password-validation-failure {
    color: #C60F13;
}

.no-pasword-validation {
    list-style-type: disc;
}

.password-validation {
    list-style-type: none;
    margin-left: 0px;
}

.password-validation-error {
    border-color: #BF0C1C !important;
}

@media only screen and (max-width: 480px) {
    .button-forgot-password-modal {
        width: 100% !important;
    }
}