.black.main {
    background-color: #000;
}

.black.mid {
    background-color: #333;
}

.black.light {
    background-color: #666;
}

.black.lighter {
    background-color: #999;
}

.black.lightest {
    background-color: #ccc;
}

.black.dark {
    background-color: #000;
}

.white.main, .white.mid, .white.light, .white.lighter, .white.lightest {
    background-color: #fff;
}

.white.dark {
    background-color: #ccc;
}

.red.main {
    background-color: #ef442e;
}

.red.mid {
    background-color: #f26958;
}

.red.light {
    background-color: #f58f82;
}

.red.lighter {
    background-color: #f9b4ab;
}

.red.lightest {
    background-color: #fcdad5;
}

.red.dark {
    background-color: #bf3625;
}

.forest.main {
    background-color: #005f64;
}

.forest.mid {
    background-color: #337f83;
}

.forest.light {
    background-color: #669fa2;
}

.forest.lighter {
    background-color: #99bfc1;
}

.forest.lightest {
    background-color: #ccdfe0;
}

.forest.dark {
    background-color: #004c50;
}

.turquoise.main {
    background-color: #558d87;
}

.turquoise.mid {
    background-color: #77a49f;
}

.turquoise.light {
    background-color: #99bbb7;
}

.turquoise.lighter {
    background-color: #bbd1cf;
}

.turquoise.lightest {
    background-color: #dde8e7;
}

.turquoise.dark {
    background-color: #44716c;
}

.gray.main {
    background-color: #323232;
}

.gray.mid {
    background-color: #5b5b5b;
}

.gray.light {
    background-color: #848484;
}

.gray.lighter {
    background-color: #adadad;
}

.gray.lightest {
    background-color: #d6d6d6;
}

.gray.dark {
    background-color: #282828;
}

body {
    background-color: #fff;
}

.card .card {
    border: 0;
    margin: 22px 0 0;
}

.profile .info-list h5 {
    color: #000 !important;
}

.card {
    border-bottom: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
}

    .card .card-header .card-title {
        font-size: 1.125em !important;
        line-height: 1.4em !important;
        width: 100%;
    }

    .card .forgot-index p {
        top: 8px !important;
    }

.contract-1 {
    border-left: 8px solid #323232;
}

.contract-2 {
    border-left: 8px solid #d6d6d6;
}

.contract-3 {
    border-left: 8px solid #282828;
}

.contract-4 {
    border-left: 8px solid #848484;
}

.contract-5 {
    border-left: 8px solid #323232;
}

.contract-6 {
    border-left: 8px solid #d6d6d6;
}

.contract-7 {
    border-left: 8px solid #282828;
}

.contract-8 {
    border-left: 8px solid #848484;
}

.contract-overview.grouped-contract li {
    height: 64px;
}

    .contract-overview.grouped-contract li:first-child {
        height: 52px;
    }

.form .radio-select input[type='radio']:checked + label span {
    background-color: #669fa2;
}

.activity-log .card-bottom .icon-plus {
    color: #669fa2;
}

.subnav li p, .confirm-payment h5 {
    font-weight: 400 !important;
}

.card.primary-promo .d1-d4 {
    width: 600px;
}

.card.primary-promo img {
    display: none;
}

.outside-login .icon-phone, .outside-login .icon-fax {
    color: #5b5b5b;
}

h5, .payment-list .info .label {
    font-weight: 500;
}

.card.details .details-headline .row-head h5 {
    font-size: 1.2em !important;
}

.profile .info-list h5 {
    text-transform: initial;
    font-weight: 400;
}

.contact-index h5, .insurance-card h5, .promo-body .d4-d6 h4, .card .card-header .card-title, .announcement h5 {
    color: #005f64;
    font-weight: 400;
}

.payment-list [collapse-content] .clearfix h3 {
    font-size: 18px !important;
}

label {
    font-size: 15px;
}

.contact-index h5, .announcement h5, .insurance-card h5 {
    font-size: 1.1em !important;
}

label, .card.primary-promo h4 {
    font-weight: 100;
}

.card.payment-information .card-header .card-title {
    letter-spacing: 1px;
}

h1, h2, h3, h4 {
    font-family: Georgia,serif !important;
}

h1, h2, h3, h4, .payment-list .info .label {
    text-transform: initial;
}

.card .card-header .card-title, .contact-index h5, .insurance-card h5, .card.primary-promo h4, .announcement h5 {
    font-family: Georgia,serif !important;
    text-transform: initial;
}

body, h5, .payment-list .amount-paid h3, .due h3, h6, p, li, a, .btn, .payment-list .info .amount, .payment-list, .card.details .payment-list .expand-headline, .card.details .details-headline .row-head h5, .tabpanel .nav-tabs [tab-active], .master-box .name, .payment-list .table-head, .master-box .amount, .contract-list p.primary-name, .activity-log .log-row .date, .confirm-payment h5, .profile .info-list h5, .form .input-container .optional, .homepage-confirmation h6, .payment-list [collapse-content] .clearfix h3, .homepage-confirmation p, .contract-overview li .name, .contract-overview li .amount, .contract-overview li .small, .payment-list .info .label, .payment-overview-details .date, input[type='text'], input[type='password'], input[type='tel'], input[type='email'], input[type='search'], input[type='number'], input.search-field, select, textarea, .table-heading {
    font-family: Arial,sans-serif !important;
}

.icon-settings, .icon-sign-out, .icon-payments, .icon-chat, .icon-dashboard, .icon-contract-details {
    display: none;
}

h1 {
    font-size: 3em !important;
    line-height: 1.2em !important;
}

h2 {
    font-size: 2.125em !important;
    line-height: 1.18em !important;
}

h3 {
    font-size: 1.5em !important;
    line-height: 1.75em !important;
}

h4 {
    font-size: 1.125em !important;
    line-height: 1.4em !important;
}

h5 {
    font-size: 1em !important;
    line-height: 1.125em !important;
}

h6 {
    font-size: .875em !important;
    line-height: 1.15em !important;
}

p {
    font-size: 1em !important;
    line-height: 1.313em !important;
}

a {
    color: #337f83;
}

    a:hover, a :focus, .payment-list li.asset-list a:hover h6 {
        color: #77a49f;
    }

.form .form-warning {
    background-color: #fff !important;
    border: 1px solid #ef442e !important;
}

.primary {
    background-color: #323232 !important;
}

    .primary:hover, .primary.hover {
        background-color: #848484 !important;
    }

    .primary:disabled, .primary.disabled, .primary [disabled] {
        background-color: #dde8e7;
    }

.announcement {
    background-color: #ccdfe0;
    border: 1px solid #337f83;
}

.header-intro .card {
    border: 0;
}

.subnav {
    background-color: #558d87;
}

    .subnav li a {
        padding: 15px 0;
    }

        .subnav li a:last-child:hover {
            background-color: #44716c;
        }

.header {
    background-color: #004c50;
}

    .header .nav [nav-toggle]:hover {
        background-color: #44716c;
    }

    .header .wordmark {
        display: block;
        float: left;
        margin-top: 23px;
    }

        .header .wordmark :hover {
            color: #fff;
        }

        .header .wordmark h3 {
            color: #fff;
        }

.header-intro {
    background-color: #00393c !important;
}

.header-intro-prelogin {
    background-color: #00393c !important;
}

.multi-warning h5 {
    text-transform: capitalize;
}

[class^='icon-'], [class*=' icon-'] {
    font-family: 'ebicons' !important;
}

.card.login {
    background-color: #558d87;
}

    .card.login .card-header {
        border-bottom: 1px solid #44716c;
    }

    .card.login .card-bottom {
        border-top: 1px solid #44716c;
    }

    .card.login .forgot-index {
        color: #669fa2 !important;
    }

    .card.login .card-bottom a:hover {
        background-color: #005f64;
        color: #fff;
    }

        .card.login .card-bottom a:hover .icon-arrow-right {
            color: #fff;
        }

.switch .ios-switch + div {
    background-color: rgba(0,95,100,.7);
}

.switch label {
    /*cursor: pointer;
        display: inline;
        font-size: 13px;
        margin-left: 7px;
        position: relative;
        top: 5px;*/
    color: #fff !important;
}

    .switch label:hover {
        color: #aaddd5 !important;
    }

input[type='checkbox'].green.ios-switch:checked + div {
    background-color: #005f64 !important;
    border: 1px solid #005f64 !important;
    box-shadow: inset 0 0 0 10px #558d87 !important;
}

input[type='checkbox'].ios-switch:checked + div > div {
    box-shadow: 0 2px 5px rgba(0,0,0,.3),0 0 0 1px #204055 !important;
}

footer {
    background-color: #fff;
}

    footer .support-bar {
        padding: 0 0 20px;
    }

    footer .wrapper {
        border-top: 1px solid #d6d6d6;
        padding-top: 15px;
    }

    footer p, footer .legal a {
        color: #000;
    }

.modal-header.help {
    padding: 15px 15px 55px;
    background-color: #004c50;
}

    .modal-header.help .icon-close {
        padding-top: 15px;
    }

.contract-overview .contract-container a {
    padding: 20px 15px;
}

.contract-overview li .name, .contract-overview li .amount {
    font-size: 1em !important;
    font-weight: 600;
    line-height: 1.125em !important;
}

.contract-overview li .dashboard-payment {
    padding: 19px 16px;
}

.contract-overview li .small {
    color: #848484;
    font-size: .875em !important;
    line-height: 1.15em !important;
}

.key-info .name, .key-info .amount, .payment-overview-details .account-nick {
    font-size: 1em !important;
    font-weight: 600;
    line-height: 1.125em !important;
}

.contract-list a[tab-active], .contract-list a.active {
    background-color: #ccdfe0 !important;
}

.payment-list .heading {
    padding-top: 0;
}

.payment-list .due, .payment-list .amount-paid {
    margin-top: 6px !important;
}

    .payment-list .due h3, .payment-list .amount-paid h3 {
        font-size: 1.2em !important;
    }

.payment-list li a[collapse-active], .modal-body.question [collapse-active] {
    background-color: #ccdfe0 !important;
    border-bottom: 1px solid #005f64 !important;
}

.card.payment-information {
    background-color: #004c50 !important;
}

.notice.confirmation, .homepage-confirmation {
    background-color: #005f64 !important;
}

.master-box a .cancel, .card .account-list-payment.card-body .remove, .card.login .login-warning .icon-warnings, .icon-warnings {
    color: #ef442e !important;
}

.legal-download label.green-check {
    background-image: url("../images/checked-white-label.png");
}

.card.confirm-identity {
    border-bottom: 0;
}

.card.enrollment-button-row {
    border-top: 0;
}

.promo-body .dashboard-preview {
    background-image: url("../images/dashboard-preview-white-label.png");
}

.primary-promo .marquee-graphic {
    background-image: none !important;
}

/*.header-intro-prelogin {
    background-color: #00c3ff;
    margin-bottom: 22px;
    padding-top: 20px;
    /*height: 350px;
    min-height: 280px;
    min-height: 350px;
}

*/
/*.roundedYellowButton {
    background-color: transparent;
}*/

/*.roundedYellowButton:hover {
    background-color: #848484 !important;
    color: #fff !important;
}*/

.roundedBlueButton {
    background-color: transparent;   
}

.btn {
    border-radius: unset !important;
}

.roundedBlueButton:hover {
    background-color: #1241BA !important;
    color: #1751E8 !important;
}

.white-link {
    color: #fff;
}

.whitefont {
    color: #fff !important;
}

.cardlogin {
    background-color: #558d87 !important;
    list-style: none !important;
    margin-bottom: 0 !important;
}

.cardlogin {
    background-color: #558d87;
}

.cardlogin .card-header {
    background-color: #558d87 !important;
}

.modal-dialog.termsOfUse_divStyle .modal-content {
    width: 800px !important;
}

.contact-index .card, .contact-index .card-header {
    margin: 0 0 10px !important;
    background-color: #f3f3f3 !important;
    /* border: 1px solid #d6d6d6 !important;*/
    border-bottom: 1px solid #d6d6d6 !important;
    border-left: 1px solid #d6d6d6 !important;
    border-right: 1px solid #d6d6d6 !important;
    border-top: 1px solid #d6d6d6 !important;
}

.contact-index .card-header {
    margin: 0 0 10px !important;
    border-bottom: none !important;
}

.content.d-all .d1-d6 .card, .content.d-all .d7-d9 .card {
    border-bottom: 1px solid #d6d6d6 !important;
    border-left: 1px solid #d6d6d6 !important;
    border-right: 1px solid #d6d6d6 !important;
    border-top: 1px solid #d6d6d6 !important;
}


.tertiary {
    background-color: inherit !important;
    border: 1px solid #1751E8 !important;
    font-weight: bold !important;
    color: #1751E8 !important;
    font-family: "DINPro",Helvetica,Arial,sans-serif !important;
    padding: 8px 16px !important;
    text-transform: uppercase !important;
    Letter-spacing: 0.98px !important;
    font-size :12px !important;
}

.tertiary:hover, .tertiary.hover {
    background-color: #1241BA !important;
    font-family: "DINPro-Medium",Helvetica,Arial,sans-serif !important;
    color: #fff !important;
}

.contract-overview li .dashboard-payment {
    padding: 8px 10px !important;
}

.contract-overview.grouped-contract li:first-child .dashboard-payment {
    padding: 8px 10px !important;
}

#idFrmAddBank {
    border-top: none !important;
}

.card .card-header .d1-d3 .card-title{
    width :auto !important;
}

.d7-d9 .card.insurance-card, .d7-d9 .contact-index .card, .d7-d9 .contact-index .card .card-header {
    background-color: #fff !important;
}

.form input[type=radio]:checked + label.inline:before {
    content: "\2022";
    color: #1751E8;
    font-size: 35px;
    text-align: center;
    line-height: .444;
    border: 3px solid #1241BA !important;
}


/*.backgroundcolorf4f4f4 {
    background-color: #f4f4f4 !important;
}*/
/*.primary:hover, .primary.hover {
    background-color: #848484;
}
.primary:hover, .primary.hover {
    background-color: #2aa997;
    color: #fff;
}*/
.noborder {
    border: 0;
}