/*=============FONTS==============*/
@font-face {
    font-family: 'brandon_textbold';
    src: url('../fonts/hvd_fonts_-_brandontext-bold-webfont.woff2') format('woff2'), url('../fonts/hvd_fonts_-_brandontext-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_textmedium';
    src: url('../fonts/hvd_fonts_-_brandontext-medium-webfont.woff2') format('woff2'), url('../fonts/hvd_fonts_-_brandontext-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_text_regular';
    src: url('../fonts/hvd_fonts_-_brandontext-regular-webfont.woff2') format('woff2'), url('../fonts/hvd_fonts_-_brandontext-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'brandon_textmedium' !important;
    font-size: 14px;
    overflow: auto;
    background-color: #E9E7E6 !important;
    position: relative;
}

.headerMain {
    background: #fff none repeat scroll 0 0;
}

.brandLogo {
    width: 308px;
    height: 58px;
    margin-top: 5px;
    background: url(../images/brand_logo.png) no-repeat left top;
}

.secure-inner .brandLogo {
    background-size: 80% 80%;
    margin-top: -3px;
}

.headerMain {
    padding: 14px 20px 0px 20px;
}

.welcome-txt {
    padding: 14px 16px 0;
}

    .welcome-txt span {
        color: #e12b26;
    }

.HLCHeading {
    font-family: 'brandon_textbold' !important;
    font-size: 23px;
    color: #062742;
    text-align: right;
}

    .HLCHeading section {
        float: right;
    }

    .HLCHeading span {
        color: #e12b26;
    }

    .HLCHeading .search {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #e12b26;
        float: right;
        margin: -3px 0 0 5px;
        color: #fff;
        cursor: pointer;
        font-size: 18px;
        text-align: center;
        line-height: 30px;
        cursor: pointer;
        padding-top: 6px;
    }

        .HLCHeading .search:hover {
            background: #ba130f;
        }

.hide-button {
    display: none !important;
}

.springNavbar {
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'brandon_textmedium';
    color: #083361;
    margin-top: 0px;
}

    .springNavbar a {
        color: #083361;
    }

    .springNavbar .navbar-form {
        background: #dedcda;
    }

    .springNavbar .navbar-toggle:focus, .springNavbar .navbar-toggle:hover {
        background-color: #ddd;
    }

    .springNavbar .navbar-toggle .icon-bar {
        background-color: #888;
    }

.loanp {
    line-height: 22px;
    font-weight: bold;
    /*padding-bottom: 15px;*/
}

.nav > li > a {
    padding: 0px 22px;
    margin: 0px;
}

    .nav > li > a:focus, .nav > li > a:hover {
        background: none;
        color: #e12b26;
    }

.navbar-nav li {
    cursor: pointer;
}

@media (min-width: 768px) {
    .navbar-nav {
        float: right !important;
    }
}

.navLogin {
    padding: 0px 0px 0 20px !important;
    border-left: solid 1px #062742;
    margin-top: 15px !important;
}

    .navLogin i {
        margin-right: 4px;
    }

.navbar-collapse {
    padding-right: 0px;
}

.onerror {
    background: #FBE5E5 !important;
    border: solid 1px #E64A4A !important;
}

input.ng-dirty.ng-invalid {
    background: #FBE5E5 !important;
    border: solid 1px #E64A4A !important;
}

.readinessPane {
    background: url(../images/brand_logo_bg.png) no-repeat right top #E9E7E6;
    text-align: center;
    padding: 10px 0 0 0;
    /*min-height: calc(100% - 207px);*/
	min-height:450px;
    background-size: contain;
    position: fixed;
    width: 100%;
}
.outcome {
    padding-top: 10px;
}

.readinessPane h1 {
    font-family: 'brandon_textbold';
    font-size: 21px;
    color: #083361;
    margin: 6px 0 6px;
    /*margin-bottom: 28PX;*/
}

.readinessPane h2 {
    color: #e12b26;
    font-size: 16px;
    font-family: 'brandon_textbold';
    margin: -1px 0 13px 0;
    padding: 0px;
}

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

.popover.right {
    font-family: "brandon_textbold";
    margin-left: 20px;
    padding: 6px 2px;
    top: -47px;
    width: 311px;
    border-radius: 0;
}

    .popover.right .popover-title {
        background: none;
        border-bottom: none;
        border-radius: 0;
        font-family: "brandon_textbold";
    }

.popover-content {
    font-size: 13px;
    padding: 0px 14px;
    padding-top: 0 !important;
    color: #2d2d2d;
}

.popover {
    border: 1px solid rgba(0, 0, 0, 0.04) !important;
}

.popover-title {
    padding: 6px 14px 0;
}

.popover.right h3 {
    text-transform: uppercase;
    font-size: 15px;
    color: #2d2d2d;
}

span.website-link {
    color: #fff;
    border-bottom: 1px solid #ccc;
}

.popover {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    display: block !important;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.42857;
    max-width: 276px;
    padding: 1px;
    position: absolute;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    top: 0;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    z-index: 1060;
}

    .popover.right > .arrow::after {
        border-left-width: 0;
        border-right-color: #fff;
        bottom: -10px;
        content: " ";
        left: 1px;
    }

    .popover > .arrow::after {
        border-width: 10px;
        content: "";
    }

    .popover > .arrow, .popover > .arrow::after {
        border-color: transparent;
        border-style: solid;
        display: block;
        height: 0;
        position: absolute;
        width: 0;
    }

    .popover.right > .arrow {
        border-left-width: 0;
        border-right-color: rgba(0, 0, 0, 0.04) !important;
        left: -11px;
        margin-top: -11px;
        top: 50%;
    }

    .popover > .arrow {
        border-width: 11px;
    }

        .popover > .arrow, .popover > .arrow::after {
            border-color: transparent;
            border-style: solid;
            display: block;
            height: 0;
            position: absolute;
            width: 0;
        }

.cdfi-Checkbox {
    display: block;
    list-style: none;
    margin: 0 auto;
    padding: 15px 0;
}

    .cdfi-Checkbox li {
        width: 100%;
        margin-bottom: 1px;
    }

.cdfi-Checkbox-hardship {
    display: block;
    list-style: none;
    margin: 0 auto;
    padding: 15px 0;
    transition: all .5s ease;
}

.withType {
    width: initial;
}

    .withType li {
        width: 100%;
        margin-bottom: 2px;
    }

.cdfi-Checkbox li, .cdfi-Checkbox-hardship li {
    display: block;
    float: left;
    padding: 0 25px;
    color: #fff;
    line-height: 47px;
    height: 48px;
    background: #083361;
    font-size: 18px;
    border-right: solid 1px #E9E7E5;
    cursor: pointer;
}

    .cdfi-Checkbox li.active, .cdfi-Checkbox li:hover, .cdfi-Checkbox-hardship li.active, .cdfi-Checkbox-hardship li:hover {
        background: #e12b26;
    }

.cdfi-Checkbox-creditscore {
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 0 auto;
    transition: all .5s ease;
    margin-top: 29px;
    background: #fff;
    padding: 13px;
}

    .cdfi-Checkbox-creditscore > li {
        display: block;
        color: #fff;
        height: 39px;
        background: #e12b26;
        font-size: 14px;
        cursor: pointer;
        position: relative;
        /*float: left;
        width: 124px;*/
        border: solid 1px #bf1f1a;
        margin: 0 1%;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 1px rgba(0, 0, 0, .5);
    }

        .cdfi-Checkbox-creditscore > li:hover, .cdfi-Checkbox-creditscore > li.active {
            background: #286090;
            border: solid 1px #286090;
        }

    .cdfi-Checkbox-creditscore li .credit-Details {
        position: absolute;
        top: 44px;
        color: #403f3f;
        width: 117px;
        left: 0px;
        line-height: 16px;
        text-align: left;
        display: none;
    }

.credit-range {
    font-size: 11px;
}

.bottom-price strong {
    color: #26a6e1;
}

.content-details {
    overflow-y: auto;
    font-family: 'brandon_text_regular';
}

.readiness-textbox {
    margin: 10px auto 10px auto;
    background: #fff;
    border: 0px;
    height: 44px;
    display: block;
    padding: 0 10px;
    width: 100%;
}

.bottom-values * {
    font-family: 'brandon_textmedium' !important;
}

.bottom-values h3 {
    margin-bottom: 5px;
    margin-top: 0px;
}

.bottom-values h1 {
    /*margin-bottom: 30px;*/
    margin-top: 5px;
}

.readiness-footer {
    background: #072e57;
}

.cdfi-progress-bar {
    background: #fff;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    margin: 13px 0;
    height: 80px;
}

    .cdfi-progress-bar section {
        /*width: 14.285%;*/
        flex: 7;
        -moz-flex: 7;
        -webkit-flex: 7;
        -ms-flex: 7;
        text-align: center;
        float: left;
        color: #575757;
        line-height: 15px;
        border-right: solid 1px #dededd;
        font-family: 'brandon_textbold';
        margin: 7px 0;
        padding-top: 13px;
        height: 80px;
        float: left;
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 20px;
        cursor: pointer;
        position: relative;
        font-size: 13px;
        text-align: center;
        text-transform: uppercase;
    }

        .cdfi-progress-bar section:hover {
            background: #26a6e1;
            color: #fff;
        }

        .cdfi-progress-bar section.completed {
            background: #1286bc;
            color: #fff;
        }

        .cdfi-progress-bar section:hover:after {
            left: 100%;
            top: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(38, 166, 225, 0);
            border-left-color: #26a6e1;
            border-width: 15px;
            margin-top: -15px;
        }

        .cdfi-progress-bar section span {
            background: url('../images/cdfi_sprite.png');
            width: 30px;
            height: 30px;
            float: left;
            margin: 0px 38%;
        }

        .cdfi-progress-bar section.applicants span {
            background: url('../images/cdfi_sprite.png');
            background-position: 0px 0px;
        }

        .cdfi-progress-bar section.completed.applicants span {
            background-position: 0px -49px;
        }

/*.cdfi-progress-bar section.annual-income, .cdfi-progress-bar section.credit-score, .cdfi-progress-bar section.founds-avail {
            padding-top: 11px;
        }*/

.preQualification-breadcrumbs .cdfi-progress-bar section.outcome {
    padding-top: 14px;
}

.preQualification-breadcrumbs .cdfi-progress-bar section.purchase-info {
    padding-top: 14px;
}

.preQualification-breadcrumbs .cdfi-progress-bar section.annual-income {
    padding-top: 8px;
}

.preQualification-breadcrumbs .cdfi-progress-bar section.credit-score,
.preQualification-breadcrumbs .cdfi-progress-bar section.founds-avail {
    padding-top: 15px;
}

.preQualification-breadcrumbs .cdfi-progress-bar section.hard-ship {
    padding-top: 16px;
}

.preQualification-breadcrumbs .cdfi-progress-bar section.preQuli-applicant {
    padding-top: 14px;
}

.preQualification-breadcrumbs .cdfi-progress-bar section.payments {
    padding-top: 16px;
}

.preQualification-breadcrumbs .cdfi-progress-bar section.credit-score {
    padding-top: 8px;
}

.preQualification-breadcrumbs .cdfi-progress-bar section.loan-options {
    padding-top: 13px;
}

.preQualification-breadcrumbs .cdfi-progress-bar section.annual-income span {
    background: url('../images/cdfi_sprite.png');
    background-position: -32px 8px;
    height: 37px;
}

.cdfi-progress-bar section.annual-income span {
    background: url('../images/cdfi_sprite.png');
    background-position: -32px 0px;
    height: 27px;
}

.cdfi-progress-bar section.completed.annual-income span {
    background-position: -32px -49px;
}

.preQualification-breadcrumbs .cdfi-progress-bar section.completed.annual-income span {
    background-position: -31px -43px;
}

.cdfi-progress-bar section.preQuli-state span {
    background: url('../images/cdfi_sprite.png');
    /*background-position: -236px -2px;*/
}

.cdfi-progress-bar section.completed.preQuli-state span {
    background-position: -236px -51px;
}

.cdfi-progress-bar section.completed.preQuli-applicant span {
    background-position: 0px -48px;
}


.cdfi-progress-bar section.credit-score span {
    background: url('../images/cdfi_sprite.png');
    background-position: -63px 0px;
    height: 29px;
}

.cdfi-progress-bar section.completed.credit-score span {
    background-position: -63px -49px;
}

.cdfi-progress-bar section.hard-ship span {
    background: url('../images/cdfi_sprite.png');
    background-position: -99px 0px;
    height: 29px;
}

.cdfi-progress-bar section.completed.hard-ship span {
    background-position: -99px -49px;
}

.cdfi-progress-bar section.payments span {
    background: url('../images/cdfi_sprite.png');
    background-position: -132px 0px;
    height: 27px;
}

.cdfi-progress-bar section.completed.payments span {
    background-position: -132px -49px;
}

.preQualification-breadcrumbs .cdfi-progress-bar section.payments span {
    background: url('../images/cdfi_sprite.png');
    background-position: 255px 3px;
    height: 30px;
}

.preQualification-breadcrumbs .cdfi-progress-bar section.completed.payments span {
    background-position: 255px -47px;
}

.preQualification-breadcrumbs .cdfi-progress-bar section.purchase-info span {
    background: url('../images/cdfi_sprite.png');
    background-position: 112px 0px;
    height: 30px;
}

.preQualification-breadcrumbs .cdfi-progress-bar section.completed.purchase-info span {
    background-position: 112px -49px;
}

.preQualification-breadcrumbs .cdfi-progress-bar section.loan-options span {
    background: url('../images/cdfi_sprite.png');
    background-position: 72px 0px;
    height: 30px;
}

.preQualification-breadcrumbs .cdfi-progress-bar section.completed.loan-options span {
    background-position: 72px -49px;
}

.cdfi-progress-bar section.founds-avail span {
    background: url('../images/cdfi_sprite.png');
    background-position: -169px 0px;
    height: 31px;
}

.preQualification-breadcrumbs .cdfi-progress-bar section.credit-score span {
    background-position: -63px 7px;
    height: 37px;
}

.preQualification-breadcrumbs .cdfi-progress-bar section.completed.credit-score span {
    background-position: -63px -42px;
}

.cdfi-progress-bar section.completed.founds-avail span {
    background-position: -169px -49px;
}

.cdfi-progress-bar section.outcome span {
    background: url('../images/cdfi_sprite.png');
    background-position: -206px 0px;
    height: 31px;
}

.cdfi-progress-bar section.completed.outcome span {
    background-position: -206px -49px;
}


.readiness-footer button {
    margin: 10px 0px 0;
    width: 100%;
    height: 50px;
    border-radius: 0;
    font-size: 143%;
    padding-left: 40px;
    padding-right: 40px;
}

.readiness-footer .double-btn {
    padding-top: 5px;
}

    .readiness-footer .double-btn button {
        margin: 1% 0px;
        width: 100%;
        border-radius: 0;
        font-size: 19px;
        padding-left: 2%;
        padding-right: 2%;
    }

.readiness-footer button span {
    margin-right: 5px;
}

button.in-active {
    background: #8a8a8a;
}

button.active {
    background: #e12b26;
}

button.green {
    background: #27a727;
    color: #fff;
}

button.readiness-disable {
    background: #8a8a8a;
    color: #fff;
}

button.start-over {
    background: #e12b26;
    color: #fff;
}

.hide {
    display: none;
}

.box-containers {
    margin: 0 auto;
}

.box-container-inner {
    min-height: 246px;
    background: #fff;
    width: 100%;
    position: relative;
    margin-bottom: 16px;
}
/*
.applicant-boxes:last-child {
    float: right;
}*/

.annual-income-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px;
}

.bottom-info {
    border-top: 2px solid #083361;
    width: 100%;
    float: left;
    text-transform: uppercase;
    color: #083361;
    font-family: "brandon_textmedium";
}

.box-headers {
    background: #083361;
    color: #fff;
    padding-left: 17px;
    /*float: left;*/
    width: 100%;
    text-align: left;
    line-height: 41px;
    font-family: "brandon_textmedium";
}

.bottom-info h4 {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
}

    .bottom-info h4 span {
        float: right;
        margin-right: 10px;
    }

.readinessPane h3 {
    font-family: 'brandon_textbold';
    font-size: 18px;
    color: #083361;
}

.content-area {
    padding-top: 15px;
    padding-bottom: 15px;
}

    .content-area p {
        color: #666666;
        text-transform: uppercase;
        text-align: left;
    }

        .content-area p .edit {
            margin-left: 5px;
        }

            .content-area p .edit span {
                margin-left: 5px;
                cursor: pointer;
            }

.popover {
    padding-top: 9px !important;
}

.text-areas label {
    line-height: 25px;
    text-align: left;
}

.bottom-buttons {
    margin: 0 auto;
    width: 100%;
}

.col-sm-6.total-payments {
    background: #fff;
    color: #083361;
    height: 34px;
    padding: 8px;
    font-weight: bold;
    line-height: 14px;
}

    .col-sm-6.total-payments:last-child {
        background: #26b30f;
        color: #fff;
        font-weight: bold;
    }

    .col-sm-6.total-payments span {
        font-size: 18px;
        color: #e12b26;
        margin-left: 5px;
    }

    .col-sm-6.total-payments:last-child span {
        color: #fff !important;
    }

.text-areas input, .text-areas select, .text-areas label {
    float: left;
    width: 100%;
    padding-left: 5px;
    /*padding-right: 5px;*/
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    height: 27px;
    font-weight: normal;
    margin-top: 3px;
}

.text-areas select {
    float: right;
}

button.btn.add-income {
    background: #E12B26;
    float: right;
    border-radius: 0;
    margin: 4px;
    height: 34px;
    padding: 4px;
    text-align: left;
    min-width: 100px;
    font-size: 12px;
    line-height: 13px;
    text-transform: uppercase;
    transition: all 0.5s;
}

    button.btn.add-income span {
        margin-right: 10px;
        margin-bottom: 3px;
        width: 19px;
        height: 16px;
        float: left;
        font-size: 22px;
        margin-top: 3px;
        line-height: 16px;
    }

    button.btn.add-income:hover {
        color: #fff;
        background: #E66409;
    }

.credit-scores h1 {
    margin-top: 40px;
    margin-bottom: 15px;
    width: 100%;
}

    .credit-scores h1 i {
        color: #26a6e1;
    }

.credit-scores .graph-container {
    min-height: 80px;
    background: #fff;
    padding: 22px 27px 15px 58px;
}

    .credit-scores .graph-container .progress {
        background: #083361;
        border-radius: 0;
        height: 10px;
        margin-bottom: 0;
    }

        .credit-scores .graph-container .progress .progress-bar {
            position: absolute;
            width: 48px;
            height: 25px;
            top: -7px;
            left: 38%;
            background: #e12b26;
            padding: 3px;
            font-size: 15px;
        }

    .credit-scores .graph-container .indicator {
        width: 2px;
        height: 7px;
        position: absolute;
        left: 0;
        z-index: 9999;
        background: #083361;
    }

        .credit-scores .graph-container .indicator.last {
            left: 98.5%;
        }

    .credit-scores .graph-container .graph-text {
        text-align: left;
        text-transform: uppercase;
        font-size: 13px;
        font-family: 'brandon_textbold';
        position: relative;
        left: 0;
        width: 15%;
        float: left;
    }

        .credit-scores .graph-container .graph-text:nth-child(2) {
            width: 22%;
            text-align: center;
        }

        .credit-scores .graph-container .graph-text:nth-child(3) {
            width: 26%;
            text-align: center;
        }

        .credit-scores .graph-container .graph-text:nth-child(4) {
            width: 24%;
            text-align: center;
        }

        .credit-scores .graph-container .graph-text:nth-child(5) {
            width: 13%;
            text-align: right;
        }

    .credit-scores .graph-container .graph-values {
        padding-top: 10px;
        color: #8a8a8a;
    }

.readiness-footer {
    background: #072e57;
    position: fixed;
    width: 100%;
    bottom: 0;
}

.hardship-pane {
    background: #fff;
    height: 81px;
    margin: 0 auto;
    padding: 12px 25px 19px 19px;
    margin-bottom: 10px;
}

.hardshipType {
    background: transparent !important;
    cursor: default !important;
}

    .hardshipType input[type="text"] {
        width: 146px;
        height: 36px;
        margin: 0 -12px;
        padding: 0 6px;
        color: #575757;
    }

.addBtnCon {
    position: relative;
    float: right;
}

    .addBtnCon i {
        margin-right: 6px;
    }

    .addBtnCon li {
        font-size: 13px;
        color: #083361;
        position: relative;
    }

        .addBtnCon li a {
            color: #083361 !important;
        }

.labelEditField {
    height: 22px;
    width: 64%;
    border: solid 1px #CCCCCC;
}

.labelEditBtn {
    background: #E12B26;
    color: #fff;
    display: inline-block;
    width: 25px;
    height: 22px;
    text-align: center;
    border: solid 1px #E12B26;
    cursor: pointer;
}

.width-contaner-margin {
    margin-bottom: 10px;
}

.modal-content {
    border-radius: 0 !important;
    border: 0 !important;
}

.logoContainer.modal-head {
    background: #083361;
    padding: 10px;
    height: 50px;
    border-radius: 0;
}

    .logoContainer.modal-head h3 {
        margin: 0;
        font-size: 20px;
        line-height: 28px;
        color: #fff;
    }

.loginForm {
    padding: 20px;
    min-height: 200px;
}

    .loginForm input[type="text"], .loginForm input[type="password"] {
        width: 100%;
        margin: 10px auto 10px auto;
        background: #fff;
        border: 1px solid #ccc;
        height: 44px;
        display: block;
        padding: 0 10px;
        border-radius: 0;
    }

    .loginForm button {
        height: 50px;
        border-radius: 0;
        font-size: 143%;
        padding-left: 40px;
        padding-left: 40px;
        padding-right: 40px;
    }

        .loginForm button.login-btn {
            background: #e12b26;
            color: #fff;
        }

a.forgot-btn {
    float: right;
    margin-top: 18px;
    text-decoration: underline;
}

.logoContainer.modal-head i {
    float: right;
    line-height: 30px;
    margin-right: 5px;
    cursor: pointer;
}

.captcha-container {
    border: 1px solid #ccc;
    padding: 6px;
    float: left;
    width: 96%;
    height: 44px;
    margin-bottom: 15px;
}

.loginForm .captcha-text input {
    margin: 0 !important;
}

.modal-dialog {
    width: 500px;
    margin: 64px auto;
}

.forgot-section button {
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
    line-height: 26px;
    margin: 0 auto;
    float: none;
    display: table;
}

.reset-forgot {
    border-radius: 0 !important;
    background: #E12B26;
    color: #fff !important;
    font-size: 15px;
    margin-top: 10px;
}

header.container-fluid.headerMain.padding-bottom {
    padding-bottom: 15px;
}

.middle-container {
    width: 39%;
    margin: 10% auto;
}

.content-area .col-md-12 {
    max-height: 140px;
    overflow-y: auto;
    padding-left: 16px;
}

    .content-area .col-md-12::-webkit-scrollbar {
        width: 5px;
    }

    .content-area .col-md-12::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
    }

    .content-area .col-md-12::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    }

.forgot-link-bg {
    padding: 20px;
    background: #fff;
    border: 1px solid #ccc;
    position: relative;
    min-height: 200px;
}

    .forgot-link-bg:before, .forgot-link-bg:after {
        z-index: -1;
        position: absolute;
        content: "";
        bottom: 15px;
        left: 10px;
        width: 50%;
        top: 80%;
        max-width: 300px;
        background: #777;
        -webkit-box-shadow: 0 15px 10px #777;
        -moz-box-shadow: 0 15px 10px #777;
        box-shadow: 0 15px 10px #777;
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }

    .forgot-link-bg:after {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        transform: rotate(3deg);
        right: 10px;
        left: auto;
    }

.mail-id-span {
    color: #1286bc;
    height: 39px;
}

.forgot-link-bg label {
    line-height: 34px;
}

.forgot-link-bg input[type="password"] {
    height: 35px;
    width: 100%;
    float: left;
    padding: 5px;
    color: #575757;
}

.forgot-head {
    padding: 12px 15px;
    font-size: 16px;
    font-weight: bold;
    background: #083361;
    color: #fff;
}

.alert-danger {
    color: #a94442;
    background: rgba(225, 43, 38, 0.25) !important;
    border-color: #D5A7AF !important;
    border-radius: 0 !important;
    box-shadow: none;
}

.outcome-pane article {
    width: 60%;
    font-size: 15px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
}

.outcome-pane .outcome-box {
    width: 100%;
    background: #a0a0a0;
    color: #fff;
    margin: 0 auto;
    font-size: 23px;
    padding: 12px 0;
    line-height: 22px;
}

    .outcome-pane .outcome-box span {
        text-transform: uppercase;
        font-size: 15px;
    }

.outcome-pane .btnGroup {
    text-transform: uppercase;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 20px;
}

    .outcome-pane .btnGroup .contactLoanBtn {
        color: #fff;
        background: #e12b26;
        padding: 6px 13px 5px 13px;
        font-size: 13px;
        font-weight: bold;
        margin: 0 auto;
        cursor: pointer;
        margin-bottom: 6px;
    }



@media only screen and (min-width : 480px) {
    .outcome-pane .btnGroup .contactLoanProducts {
        float: right;
        width: 362px !important;
    }

    .outcome-pane .btnGroup .contactLoanApply {
        float: left;
        width: 362px !important;
    }
}

.outcome-pane .btnGroup .preQualification {
    color: #ffffff;
    padding: 5px 21px 6px 21px;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    background: rgb(8, 51, 97);
}

.btnGroup .contactLoanBtn i, .btnGroup .preQualification i {
    margin: 4px 6px 0 0;
}

.btnGroup .preQualification i {
    margin: 0 0 0 7px;
    font-size: 24px;
    line-height: 21px;
}

.actionPlan-outcome {
    width: 100%;
    margin: 0 auto;
}

    .actionPlan-outcome header {
        background: #083361;
        font-size: 14px;
        text-align: left;
        padding: 10px;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
    }

    .actionPlan-outcome section {
        background: #fff;
        text-align: left;
        padding: 15px;
    }

        .actionPlan-outcome section h2 {
            font-size: 15px;
            color: #083361;
            font-weight: bold;
            text-transform: uppercase;
            margin: 8px 0 8px;
        }

            .actionPlan-outcome section h2 span {
                color: #e12b26;
                font-weight: normal;
                text-transform: none;
                display: block;
                margin-top: 8px;
            }

            .actionPlan-outcome section h2.looksGood {
                padding-bottom: 6px;
                border-bottom: solid 1px #0f8a15;
                color: #27a727 !important;
                font-size: 18px !important;
                text-transform: none;
            }

            .actionPlan-outcome section h2.areasWorkOn {
                padding-bottom: 6px;
                border-bottom: solid 1px #e12b26;
                color: #e12b26 !important;
                font-size: 18px !important;
                text-transform: none;
            }

.bullet02, .bullet03 {
    padding: 0px 0 0 17px;
    list-style: disc;
}

    .bullet03 li {
        width: 50%;
        float: left;
        list-style: none;
        margin-bottom: 5px;
        font-weight: bold;
    }

.actionPlan-outcome .line {
    height: 1px;
    width: 100%;
    background: #083361;
    margin: 17px 0;
}

.outcomeDis {
    padding: 36px 0;
}

.outcome-pane .annualIncome {
    width: 100%;
    margin: 0 auto;
    background: #26a6e1;
    color: #fff;
    padding: 15px;
    text-align: left;
    font-size: 14px;
    margin-bottom: 18px;
}

.bullet01 {
    list-style: none;
    margin-bottom: 20px;
    padding: 0px 0 20px 0;
}

    .bullet01 li:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f00c";
        color: #27a727;
        position: absolute;
        left: 0px;
    }

    .bullet01 li {
        margin-bottom: 3px;
        padding-left: 22px;
        position: relative;
    }

.readiTable {
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
}

    .readiTable thead {
        background: #083361;
        color: #fff;
    }

    .readiTable td, .readiTable th {
        border-right: solid 1px #cccccc;
        text-align: left;
        padding: 11px 14px;
    }

        .readiTable td:last-child, .readiTable th:last-child {
            border-right: 0px;
        }

    .readiTable tr:nth-child(2n) {
        background: #f7f5f3;
    }

    .readiTable tbody {
        background: #fff;
    }

.hardshipLabel {
    background: #8a8a8a;
    position: absolute;
    left: -19px;
    font-size: 12px;
    top: -12px;
    width: 103px;
    height: 81px;
    color: #fff;
    text-transform: uppercase;
    line-height: 84px;
    text-align: left;
    padding: 0 0 0 9px;
    font-weight: bold;
}

    .hardshipLabel:after {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(38, 166, 225, 0);
        border-left-color: #8A8A8A;
        border-width: 15px;
        margin-top: -15px;
    }

.debtClass_Green {
    background: #26b30f !important;
}

.debtClass_Orange {
    background: orange !important;
}

.debtClass_Red {
    background: red !important;
}
/*LOGIN & REGISTER*/
.modalHeader {
    position: relative;
    padding: 35px 0;
    text-align: center;
}

    .modalHeader .fa-remove {
        position: absolute;
        right: 29px;
        top: 24px;
        color: #e12b26;
        font-size: 24px;
        cursor: pointer;
    }

    .modalHeader h1 {
        color: #26a6e1;
        font-size: 30px;
        font-family: 'brandon_textbold';
    }

.loginModal .modal-dialog .modalHeader .fa-remove {
    right: 0;
    top: 15px;
}

.modalPane {
    padding: 0 20px 52px 20px;
}

.loginModal .multi-login-reg {
    width: 50%;
    float: left;
}

.loginModal.reg-wrapper-modal .modal-dialog {
    width: 58% !important;
}

.reg-wrapper-modal .modal-content {
    float: left;
}

.reg-wrapper-modal .modalPane {
    width: 50%;
    float: left;
}

.modalPane h2 {
    color: #083361;
    font-size: 18px;
    font-family: 'brandon_textbold';
    margin: 0 0 10px 0;
}

.modalPane input[type="text"], .modalPane input[type="password"], .modalPane input[type="number"] {
    width: 99%;
    height: 35px;
    padding: 0 10px;
    margin-bottom: 11px;
}

.captchaPane {
    margin-bottom: 16px;
}

.modalPane .forgotPassword {
    color: #26a6e1;
    display: block;
    margin: 9px 0 25px;
}

.buttonRed {
    background: #e12b26;
    color: #fff;
    font-weight: bold;
    font-family: 'brandon_textbold';
    float: left;
    text-transform: uppercase;
    border: none;
    padding: 6px 18px;
}

.buttonBlue {
    background: #26a6e1;
    color: #fff;
    font-weight: bold;
    font-family: 'brandon_textbold';
    text-transform: uppercase;
    border: none;
    padding: 6px 18px;
}

.loginSep {
    border-left: solid 1px #e7e7e7;
}

.loginSection .col-md-6 {
    padding: 0 20px !important;
}
/*MAIN HOME PAGE*/
.HomeBanner {
    background: url(../images/home_banner_bg.png) no-repeat right top #e12b26;
    min-height: 502px;
    text-align: center;
}

    .HomeBanner h1 {
        color: #fff;
        font-size: 42px;
        font-family: 'brandon_textmedium';
        line-height: 50px;
        margin-top: 107px;
        display: block;
    }

    .HomeBanner .bannerSearch {
        padding: 30px 10px;
    }

@media only screen and (min-width : 768px) {
    .HomeBanner .bannerSearch {
        padding: 30px 100px;
    }

    .bannerContinueBtn {
        margin-top: 22px;
    }
}

.bannerContinueBtn {
    background: #1495cf;
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    border: none;
    padding: 13px 44px;
    margin: 0px 0 15px;
}

.fistTimeHomeBuyer {
    background: url(../images/first_time_home_buyer_bg.jpg) no-repeat center -48px #073261;
    text-align: center;
    padding: 56px 0px 58px 0;
    background-size: cover;
}

    .fistTimeHomeBuyer h2 {
        margin: 0px;
        padding: 0px;
        color: #fff;
        font-weight: normal;
        font-family: 'brandon_textmedium';
        font-size: 34px;
    }

    .fistTimeHomeBuyer small {
        color: #fff;
        font-size: 18px;
        margin-top: 10px;
    }

    .fistTimeHomeBuyer .lineSeperator {
        background: #e12b26;
        height: 1px;
        width: 50%;
        margin: 28px auto 28px auto;
    }

.firstTimePoints {
    color: #fff;
    font-size: 19px;
    line-height: 28px;
    font-family: brandon_text_regular;
}

    .firstTimePoints span {
        color: #e12b26;
        font-weight: bold;
    }

.bannerSearch select {
    height: 58px;
    display: block;
    width: 98%;
    background: #fff;
    color: #062742;
    border: none;
    font-size: 24px;
    font-family: 'brandon_textmedium';
    /*padding: 0 20px;*/
    margin-bottom: 10px;
}

.bannerSearch input[type="text"] {
    height: 58px;
    display: block;
    width: 98%;
    background: #fff;
    color: #062742;
    border: none;
    font-size: 24px;
    font-family: 'brandon_textmedium';
    padding: 0 20px;
    margin-bottom: 10px;
}

.howItWorks {
    font-family: 'brandon_textmedium';
    text-align: center;
    background: #FFF;
}

    .howItWorks h2 {
        font-size: 42px;
        color: #083361;
        font-weight: normal;
        margin: 56px 0 0 0;
    }

    .howItWorks h3 {
        font-size: 24px;
        color: #083361;
        font-weight: normal;
        margin: 13px 0px 53px;
    }

    .howItWorks .iconStep-1 {
        width: 61px;
        height: 61px;
        margin: 0 auto;
        background: url(../images/cdfi_sprite.png) no-repeat left -108px;
    }

    .howItWorks .iconStep-2 {
        width: 61px;
        height: 61px;
        margin: 0 auto;
        background: url(../images/cdfi_sprite.png) no-repeat -76px -108px;
    }

    .howItWorks .iconStep-3 {
        width: 61px;
        height: 61px;
        margin: 0 auto;
        background: url(../images/cdfi_sprite.png) no-repeat -151px -108px;
    }

    .howItWorks section {
        color: #1495cf;
        font-family: 'brandon_textbold';
        font-size: 23px;
        line-height: 28px;
        margin-bottom: 12px;
    }

    .howItWorks span {
        color: #1495cf;
        text-transform: uppercase;
        font-size: 14px;
        display: block;
        margin-top: 18px;
        font-weight: bold;
    }

    .howItWorks p {
        font-size: 16px;
        color: #062742;
        width: 74%;
        margin: 0 auto;
        font-family: 'brandon_text_regular';
    }

    .howItWorks button {
        color: #fff;
        font-family: 'brandon_textbold';
        font-size: 20px;
        padding: 12px 32px;
        border: none;
        background: #1495cf;
        margin: 47px 0px;
        text-transform: uppercase;
        cursor: pointer;
    }

.borrower-gross-Income {
    top: 7px;
    left: 5px;
    color: #a9a9a9;
}

.hardship-pane .graph-container {
    padding-left: 21px;
}

.loanComparisonPane {
    background: #083361;
    font-family: 'brandon_text_regular';
}

    .loanComparisonPane .topLoanBG {
        height: 109px;
        background: url(../images/comparison_top_bg.png) no-repeat left top;
        background-size: cover;
    }

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

    .loanComparisonPane h1 {
        color: #e12b26;
        font-size: 40px;
        font-weight: normal;
        font-family: 'brandon_textmedium';
        margin: 0px;
    }

    .loanComparisonPane .lineSeperator {
        background: #1495cf;
        height: 1px;
        width: 80%;
        margin: 40px auto 40px auto;
    }

    .loanComparisonPane h2 {
        color: #fff;
        font-weight: normal;
        font-size: 23px;
        font-family: 'brandon_text_regular';
        margin-top: 5px;
        line-height: 29px;
    }

    .loanComparisonPane .bottomLoanBG {
        height: 108px;
        background: url(../images/comparison_bottom_bg.png) no-repeat left top;
        background-size: cover;
    }

.compareGraphics {
    margin: 77px 0 0 0;
    background: #083361; /* Old browsers */
    background: -moz-linear-gradient(top, #083361 6%, #083361 16%, #083361 43%, #083361 43%, #062742 43%, #062742 43%, #062742 60%, #062742 81%, #062742 93%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #083361 6%,#083361 16%,#083361 43%,#083361 43%,#062742 43%,#062742 43%,#062742 60%,#062742 81%,#062742 93%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #083361 6%,#083361 16%,#083361 43%,#083361 43%,#062742 43%,#062742 43%,#062742 60%,#062742 81%,#062742 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#083361', endColorstr='#062742',GradientType=0 ); /* IE6-9 */
}

    .compareGraphics .graphics01 {
        background: url(../images/standard_loan_bg.png) center top no-repeat;
        min-height: 266px;
        position: relative;
    }

    .compareGraphics .graphics02 {
        background: url(../images/cdfi_loan_bg1.png) center top no-repeat;
        min-height: 266px;
        position: relative;
    }

    .compareGraphics .graphics03 {
        background: url(../images/cdfi_loan_bg2.png) center top no-repeat;
        min-height: 266px;
        position: relative;
    }

    .compareGraphics .loanDetails {
        width: 172px;
        height: 148px;
        margin-left: 49%;
        right: 300px;
        color: #fff;
        padding: 19px 0 0 0;
    }

    .compareGraphics .graphics01, .compareGraphics .graphics02, .compareGraphics .graphics03 {
        padding-top: 113px;
    }

@media only screen and (min-width : 992px) {
    .compareGraphics .loanDetails {
        right: 0px;
        top: 114px;
        position: absolute;
    }

    .compareGraphics h3 {
        padding-top: 280px !important;
    }

    .compareGraphics .graphics01, .compareGraphics .graphics02, .compareGraphics .graphics03 {
        padding-top: 0px;
    }
}

@media only screen and (min-width : 1200px) {
    .compareGraphics .loanDetails {
        right: 32px;
        top: 114px;
        position: absolute;
    }

    .compareGraphics h3 {
        padding-top: 280px;
    }
}

.graphicAmount {
    font-size: 24px;
    font-family: 'brandon_textbold';
}

.graphicTerm {
    font-style: italic;
    font-size: 18px;
    line-height: 8px;
}

.loanDetailsSep {
    width: 30px;
    height: 2px;
    background: #fff;
    margin: 20px auto 16px auto;
}

.graphicDwnAmount {
    font-size: 12px;
}

.graphicDwnTxt {
    text-transform: uppercase;
    font-size: 12px;
}

.compareGraphics h3 {
    color: #fff;
    font-size: 20px;
    font-family: 'brandon_textmedium';
    padding-top: 0px;
    padding-bottom: 32px;
}

.loanWorksBtn {
    background: #c42a2b;
    color: #fff;
    padding: 8px 22px;
    font-size: 14px;
    font-family: 'brandon_textbold';
    border: none;
    margin: 37px 0 0;
}

.clientFeedback {
    background: #eaeaea;
    text-align: center;
}

    .clientFeedback h2 {
        color: #c42a2b;
        font-family: 'brandon_textmedium';
        font-size: 40px;
    }

    .clientFeedback h3 {
        font-size: 24px;
        color: #083361;
        font-weight: normal;
        margin: 13px 0px 53px;
        font-family: 'brandon_text_regular';
    }

.testimonial {
    margin: 0 auto;
    padding-bottom: 40px;
}

.testimonial-slide {
    background: url(../images/testimonial_home_bg.png) no-repeat center top;
    width: 100%;
    height: 100%;
}

    .testimonial-slide .prof-pic {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        margin-top: 111px;
    }

.testimonial-txt {
    color: #083361;
    font-size: 16px;
    font-style: italic;
    width: 400px;
    margin: 0 auto;
    margin-top: 28px;
    line-height: 27px;
}

    .testimonial-txt span {
        display: block;
        margin-top: 10px;
        font-family: 'brandon_textbold';
    }

.footerMain {
    background: #083361;
    padding: 35px 0;
    color: #fff;
    font-family: 'brandon_text_regular';
}

.footer-social-logo {
    width: 169px;
    height: 84px;
    background: url(../images/cdfi_sprite.png) no-repeat left -270px;
    margin: 0 auto;
}

.footer-social-logo-caption {
    width: 169px;
    margin: 0 auto;
    padding: 14px 0;
    font-size: 12px;
    text-align: center;
}

.link-btn-spring {
    font-size: 12px;
    border: solid 2px #fff;
    padding: 5px;
    text-transform: uppercase;
    margin-top: 15px;
}

.footer-sep {
    border-right: solid 1px #fff;
}

.footer-springboard-logo {
    width: 153px;
    height: 90px;
    background: url(../images/cdfi_sprite.png) no-repeat left -367px;
    margin: 0 auto;
    margin-top: 14px;
}

.footer-dis {
    width: 80%;
    font-size: 13px;
    text-align: center;
    margin: 0 auto;
    padding-top: 19px;
}

.footerIma {
    background: url(../images/footer_bg.jpg) no-repeat center top;
    height: 228px;
    width: 990px;
    margin: 0 auto;
}

.more-testi-link {
    color: #e12b26;
    text-transform: uppercase;
    padding: 5px;
    border: solid 2px #e12b26;
    font-family: 'brandon_textbold';
    width: 230px;
    margin: 0 auto;
    margin-top: 42px;
    cursor: pointer;
}

.hardshipTextField {
    width: 100%;
    height: 38px;
    padding: 0 10px;
}

.hardship-pane .SliderMonthTxt {
    display: block;
    line-height: 4px;
    font-size: 10px;
    text-transform: uppercase;
}

.hardship-pane .ui-slider-tip {
    height: 30px;
    padding-top: 0px;
}

.alert {
    box-shadow: none !important;
}

.singleBox {
    float: none !important;
    margin: 0 auto;
}

.popover-content ul {
    padding: 10px;
    margin: 0px;
}

.MessageModal .modal-dialog {
    width: 100% !important;
    margin-top: 0px !important;
}

.MessageHeader {
    position: relative;
    padding: 0;
    text-align: center;
}

    .MessageHeader h1 {
        color: #26a6e1;
        font-size: 21px;
        font-family: 'brandon_textbold';
        margin: 0;
        padding: 10px;
    }

.MessagePane {
    padding: 0 200px;
    color: #083361;
    padding-bottom: 17px;
    font-size: 15px;
    text-align: center;
}

.MessageHeader .fa-remove {
    position: absolute;
    right: 29px;
    top: 24px;
    color: #e12b26;
    font-size: 24px;
    cursor: pointer;
}

.back-drop {
    width: 100%;
    height: 100%;
    position: fixed;
    background: url(../images/back_drops.png) rgba(23,79,158,0.05);
    z-index: 999999;
}

.preloader {
    position: absolute;
    left: 50%;
    top: 33%;
    background: url(../images/preloader.gif) no-repeat center top;
    width: 64px;
    height: 64px;
}

.preloader-magnify {
    position: absolute;
    left: 42% !important;
    top: -1% !important;
    /*background: url(../images/magnify-icon.gif) no-repeat center top;*/
    background: url(../images/loader.gif) no-repeat center top;
    width: 80px;
    height: 80px;
    background-size: contain;
    z-index: 500;
}

.prequalDpaScrollIndicator {
    padding-top: 5px;
    /*padding-right: 5%;*/
}

.customMessageBtnPane {
    width: 197px;
    margin: 0 auto;
    margin-top: 11px;
}

    .customMessageBtnPane button:first-child {
        margin-right: 9px;
    }

.innerBanner {
    height: 90px;
    background: url(../images/first_time_home_buyer_bg.jpg) no-repeat center -217px #08315e;
}

    .innerBanner h1 {
        color: #fff;
        font-size: 36px;
        margin: 38px 0 0;
        font-family: 'brandon_textbold';
    }

.preQualiPane {
    background: #fff;
}

    .preQualiPane ul {
        list-style: none;
        width: 637px;
        margin: 0 auto;
    }

        .preQualiPane ul li {
            min-height: 99px;
            float: left;
            font-family: 'brandon_textbold';
            font-size: 13px;
            text-transform: uppercase;
            text-align: center;
            padding: 0 5px;
            line-height: 15px;
            padding: 0 33px;
            margin: 0;
        }

            .preQualiPane ul li span {
                height: 29px;
                width: 30px;
                background: url(../images/cdfi_sprite.png) no-repeat;
                display: block;
                margin: 0 auto;
                margin-top: 18px;
                margin-bottom: 7px;
            }

            .preQualiPane ul li.active {
                background: #1286bc;
                color: #fff;
            }

                .preQualiPane ul li.active span.preQuali {
                    background-position: left -230px;
                }

            .preQualiPane ul li span.preQuali {
                background-position: left -192px;
            }

            .preQualiPane ul li.active span.loanOptions {
                background-position: -44px -230px;
            }

            .preQualiPane ul li span.loanOptions {
                background-position: -44px -192px;
            }

            .preQualiPane ul li.active span.completeProfile {
                background-position: -97px -230px;
            }

            .preQualiPane ul li span.completeProfile {
                background-position: -97px -192px;
            }

            .preQualiPane ul li.active span.loanfact {
                background-position: -138px -230px;
            }

            .preQualiPane ul li span.loanfact {
                background-position: -138px -192px;
            }

.preQualifiMainPane {
    background: url(../images/brand_logo_bg.png) no-repeat right top #e9e7e5;
    padding: 40px 0px;
}

    .preQualifiMainPane input[type="text"], .preQualifiMainPane select, .preQualifiMainPane input[type="number"] {
        background: #fff;
        height: 46px;
        width: 95%;
        border: none;
        padding: 0 10px;
    }

    .preQualifiMainPane input[type=number]::-webkit-inner-spin-button,
    .preQualifiMainPane input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
    }

    .preQualifiMainPane .formSep {
        margin-bottom: 30px;
    }

.peopleLiving {
    background: #fff;
    width: 98.3%;
    height: 88px;
    padding: 30px 53px;
}

.cdfi-cust-check .btn {
    border-radius: 0px;
    box-shadow: none;
}

.buttonRed2 {
    background: #e12b26;
    color: #fff;
    font-weight: bold;
    font-family: 'brandon_textbold';
    text-transform: uppercase;
    border: none;
    padding: 13px 32px;
    float: right;
    margin-right: 19px;
    font-size: 19px;
}

.buttonBlue2 {
    background: #1f3467;
    color: #fff;
    font-weight: bold;
    font-family: 'brandon_textbold';
    text-transform: uppercase;
    border: none;
    padding: 13px 32px;
    float: right;
    margin-right: 19px;
    font-size: 19px;
}

.preQualifiMainPane h1 {
    font-family: 'brandon_textbold';
    font-size: 25px;
    color: #26a6e1;
    text-align: center;
    margin: 0 0 34px;
}

.preQualifiMainPane h2 {
    color: #083361;
    font-size: 18px;
    font-family: 'brandon_textbold';
    margin: 0 0 10px 0;
}
/*Loan Options*/
.loan-option-pane header {
    background: #e12b26;
    min-height: 98px;
}

.loan-option-pane section {
    background: #fff;
    font-family: 'brandon_textmedium';
    text-align: center;
}

    .loan-option-pane section .product-name {
        color: #1495cf;
        font-size: 25px;
        padding: 25px 34px;
        line-height: 25px;
    }

        .loan-option-pane section .product-name span {
            text-transform: uppercase;
            font-size: 17px;
            margin-top: 5px;
            display: block;
            margin: 0 auto;
        }

    .loan-option-pane section .product-code {
        background: #dedcda;
        margin: 0 22px;
        font-size: 21px;
        color: #083361;
        line-height: 25px;
        padding: 10px;
    }

    .loan-option-pane section button {
        background: #1495cf;
        color: #fff;
        text-transform: uppercase;
        border: none;
        padding: 9px 35px;
        font-size: 18px;
        margin: 30px 0;
    }

.loan-option-pane .cart {
    background: url(../images/cdfi_sprite.png) no-repeat -186px -199px;
    width: 54px;
    height: 51px;
    float: right;
    margin-top: 20px;
}

.loan-product-name {
    text-transform: uppercase;
    color: #fff;
    font-size: 19px;
    font-family: 'brandon_textmedium';
    margin: 26px 0 0 14px;
    line-height: 21px;
}

.loan-summary-chart-pane {
    background: #fff;
    padding: 40px;
    font-family: 'brandon_textmedium';
    margin-top: 27px;
}

    .loan-summary-chart-pane .chart-main {
        width: 500px;
        margin: 0 auto;
    }

        .loan-summary-chart-pane .chart-main .chart-pane {
            height: 300px;
            padding-bottom: 20px;
        }

            .loan-summary-chart-pane .chart-main .chart-pane .legend {
                display: none !important;
            }

        .loan-summary-chart-pane .chart-main .chart-label {
            text-transform: uppercase;
            text-align: center;
            border-radius: 50%;
            height: 93px;
            color: #fff;
            line-height: 15px;
            padding-top: 27px;
        }

            .loan-summary-chart-pane .chart-main .chart-label strong {
                font-family: 'brandon_textbold';
            }

            .loan-summary-chart-pane .chart-main .chart-label.interest {
                background: #083361;
            }

            .loan-summary-chart-pane .chart-main .chart-label.principal {
                background: #1286bc;
            }

            .loan-summary-chart-pane .chart-main .chart-label.taxes {
                background: #e12b26;
            }

            .loan-summary-chart-pane .chart-main .chart-label.Insurance {
                background: #575757;
            }

.credit-score-slider {
    margin-bottom: 40px;
}

    .credit-score-slider h1 {
        margin-top: 21px;
    }

.know-credit-score {
    margin-top: 11px;
}

    .know-credit-score article {
        font-weight: bold;
        font-size: 17px;
        margin-bottom: 10px;
    }

.select-btn {
    background: #e23d39;
    padding: 2px 7px;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    float: left;
    font-family: 'brandon_textmedium';
    cursor: pointer;
}

/*MY LOAN FACTS*/
.my-loan-facts {
    font-family: 'brandon_text_regular';
}

    .my-loan-facts .left-pane {
        background: #093461;
        min-height: 1238px;
    }

    .my-loan-facts .right-pane {
        background: #f4f3f1;
    }

.loan-facts-header {
    padding: 13px 16px 0px 20px;
}

    .loan-facts-header h1 {
        color: #08376d;
        font-family: 'brandon_textbold';
        font-size: 39px;
    }

    .loan-facts-header .noti-bell {
        float: right;
        color: #0e7aba;
        font-size: 21px;
        position: relative;
        margin: 0 44px 0 24px;
        height: 27px;
        cursor: pointer;
    }

.noti-counter {
    background: #e22b27;
    border-radius: 3px;
    position: absolute;
    z-index: 10;
    left: 9px;
    top: -8px;
    height: 18px;
    color: #fff;
    font-size: 13px;
    padding: 0 3px;
    line-height: 18px;
    font-weight: bold;
}

.facts-main-section {
    padding: 0 0 28px 19px;
}

.my-facts-card {
    background: #fff;
    padding: 22px;
    margin-top: 25px;
    position: relative;
}

    .my-facts-card h2 {
        color: #073660;
        font-family: 'brandon_textmedium';
        font-size: 24px;
        margin: 0px 0 19px 0;
    }

.application-status {
    background: #f7f7f7;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

    .application-status li {
        width: 25%;
        float: left;
        padding: 22px 0px;
        border-right: solid 1px #dedede;
        text-transform: uppercase;
        color: #b5b5b5;
        font-size: 15px;
        text-align: center;
        font-family: 'brandon_textmedium';
        position: relative;
    }

        .application-status li:last-child {
            border-right: none;
        }

        .application-status li span {
            width: 31px;
            height: 31px;
            background: #b6b6b6;
            color: #fff;
            text-align: center;
            margin: 0 auto;
            display: block;
            border-radius: 50%;
            line-height: 30px;
            margin-bottom: 9px;
        }

        .application-status li.active {
            border-right: solid 1px #26a7e1;
            box-shadow: 0px 0px 1px #26a7e1;
            color: #26a7e1;
        }

            .application-status li.active span {
                background: #26a7e1;
                color: #fff;
            }




        .application-status li.passed {
            color: #e23d39;
        }

            .application-status li.passed span {
                background: #e23d39;
                color: #fff;
            }

.loan-facts-header .facts-time {
    float: right;
    color: #042944;
    font-size: 18px;
    font-family: 'brandon_text_regular';
}

.facts-header-right {
    padding-top: 32px;
}

.dpa-pane {
    margin-top: 20px;
}

.Qualifiers {
    background: #f7f7f7;
    padding: 10px;
    font-size: 17px;
    color: #1495cf;
    text-align: center;
}

    .Qualifiers span {
        display: block;
        color: #403d3d;
        font-size: 19px;
        font-family: 'brandon_textmedium';
    }

.qualifi-pane {
    margin-bottom: 23px;
}

.cdfi-table {
    width: 100%;
}

    .cdfi-table thead tr {
        background: #bababa;
    }

    .cdfi-table tbody tr {
        border-bottom: solid 1px #bababa;
    }

    .cdfi-table tr td {
        padding: 10px 7px;
        font-size: 15px;
        font-family: 'brandon_textmedium';
    }

    .cdfi-table thead tr th {
        color: #fff;
        text-transform: uppercase;
        border-bottom: none !important;
        padding: 7px 7px;
        font-family: 'brandon_textbold';
        font-weight: normal;
        line-height: 17px;
    }

    /*.cdfi-table .fa-pencil {
        margin: 3px 4px 0 0;
        cursor: pointer;
    }*/

    .cdfi-table input[type="text"], .cdfi-table select {
        width: 100%;
        border: solid 1px #a9a9a9;
        height: 22px;
        padding: 0 6px;
        font-size: 12px;
        font-family: 'brandon_textmedium';
    }

    .cdfi-table .update-btn {
        background: #e12b26;
        border: none;
        color: #fff;
        width: 100%;
        display: block;
        padding: 4px 5px 1px;
        font-size: 13px;
    }

        .cdfi-table .update-btn i span {
            font-family: 'brandon_textmedium';
            padding: 0 2px;
        }

.tableFilterPane .filter {
    width: 77% !important;
    float: left;
    border: solid 1px #B17573 !important;
    background: #FBF1F1;
    color: #732A2A;
    font-size: 12px;
    padding: 0 3px;
}

.tableFilterPane .filterSelect {
    width: 100%;
    border: solid 1px #B17573;
    background: #FBF1F1;
    color: #732A2A;
    font-size: 12px;
}

.tableFilterPane button {
    width: 23%;
    background: #e12b26;
    border: none;
    color: #fff;
    font-size: 12px;
    height: 22px;
    float: left;
    padding-top: -2px !important;
    margin-left: -1px;
}

.brokerAddress {
    padding: 0 0 15px;
}

.task-icon {
    width: 19px;
    height: 30px;
    background: url(../images/cdfi_sprite.png) no-repeat -221px -285px;
    display: block;
    float: left;
    margin-right: 10px;
}

.my-rate-icon {
    width: 24px;
    height: 23px;
    background: url(../images/cdfi_sprite.png) no-repeat -216px -329px;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

.dummyLoanFact {
    background: url(../images/loanFacts.png) no-repeat center top;
    width: 1210px;
    margin: 0 auto;
    height: 1403px;
}

.task-pane {
    padding-top: 13px;
}

    .task-pane h3 {
        text-transform: uppercase;
        font-size: 18px;
        font-family: 'brandon_textbold';
        margin: 0px;
    }

.task-btn {
    border: solid 2px #083361;
    padding: 0px 16px;
    color: #083361;
    text-transform: uppercase;
    float: right;
    font-family: 'brandon_textbold';
    font-size: 12px;
    margin-left: 6px;
    transition: all .4s ease;
    cursor: pointer;
}

.todo h3 {
    color: #e33d38;
}

.todo .todo-icon {
    width: 14px;
    height: 14px;
    border: solid 2px #e33d38;
    border-radius: 50%;
    display: inline-block;
    margin: 4px 6px 0 0;
}

.completed {
    padding-top: 38px;
}

    .completed .fa-check-circle-o {
        line-height: 22px;
        margin-right: 5px;
        color: #67bd45;
        font-size: 17px;
    }

    .completed h3 {
        color: #67bd45;
    }

.task-btn:hover {
    background: #083361;
    color: #fff;
}

.task-table-pane {
    margin-top: 13px;
}

.my-rate-pane {
    font-size: 16px;
    color: #000;
}

    .my-rate-pane .rate-label {
        width: 60%;
        float: left;
    }

    .my-rate-pane .rate-amount {
        width: 40%;
        float: left;
    }

    .my-rate-pane .rate-label, .my-rate-pane .rate-amount {
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 12px;
    }

    .my-rate-pane .lineSep {
        height: 1px;
        background: #dcdcdc;
        margin: 7px 0 21px 0;
    }

.upload-document-icon {
    width: 22px;
    height: 26px;
    background: url(../images/cdfi_sprite.png) no-repeat -218px -368px;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}

.doc-upload-table input[type="text"], .doc-upload-table select {
    background: #f4f2f1;
    border: none;
    height: 33px;
    padding: 0 6px;
    width: 97%;
}

.docs-upload-btn {
    width: 58%;
    border: dashed 2px #a5a3a3;
    text-transform: uppercase;
    color: #a5a3a3;
    font-size: 16px;
    background: #fff !important;
    outline: none;
    padding: 6px 0;
}

    .docs-upload-btn .fa-upload {
        margin: 2px 3px 0 0;
    }

.docs-uploaded-btn {
    width: 58%;
    border: none;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    background: #67bd45 !important;
    outline: none;
    padding: 10px 0;
    line-height: 17px;
    text-align: left;
}

    .docs-uploaded-btn .fa-check-circle {
        margin: 0 7px 0 22px;
    }

.close-doc {
    font-size: 21px !important;
    margin: 6px 0 0 13px;
    color: #4f453c;
    cursor: pointer;
}

    .close-doc:hover {
        color: #e33d38;
    }

.doc-upload-count {
    color: #26a6e1;
    text-transform: uppercase;
    font-size: 12px;
    text-align: right;
    font-family: 'brandon_textbold';
}

.add-doc-btn {
    color: #e33d38;
    text-transform: uppercase;
    font-size: 14px;
    background: none;
    border: none;
    font-weight: bold;
    line-height: 15px;
    margin: 21px 0 0 0;
    float: right;
}

.rate-label .fa-question-circle {
    color: #26a6e1;
}

.doc-upload-table .cdfi-table tr td {
    padding: 12px 7px;
}

.manage-mortage-opt {
    border-bottom: solid 1px #000;
    padding: 26px 0;
}

    .manage-mortage-opt span {
        color: #fff;
        text-transform: uppercase;
        line-height: 16px;
        float: left;
        width: 151px;
        display: block;
        font-family: 'brandon_textbold';
        padding: 2px 0 0 7px;
    }

.mortgage-nav {
    width: 42px;
    height: 33px;
    background: #e33d38;
    float: left;
    padding-top: 2px;
    cursor: pointer;
}

    .mortgage-nav .nav-line {
        height: 4px;
        background: #fff;
        margin: 4px 10px;
    }

.loan-fact-left-side h2 {
    color: #1495cf;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'brandon_textbold';
    margin: 29px 0 20px 0;
}

.userdp-pane {
    margin-bottom: 29px;
}

    .userdp-pane img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        display: block;
        float: left;
    }

    .userdp-pane .user-name {
        color: #fff;
        font-size: 16px;
        float: left;
        width: 84px;
        margin: 29px 0 0 10px;
    }

.facts-chat-pane {
    padding: 3px 0 23px 0;
    border-bottom: solid 1px #000;
}

.call-number {
    color: #fff;
    font-size: 16px;
}

    .call-number i {
        margin: 3px 2px 0 0;
    }

.chat-now-btn {
    background: #e33d38;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 6px 12px;
    margin-top: 9px;
    font-family: 'brandon_textbold';
    float: left;
    cursor: pointer;
}

.home-photo-upload .fa-picture-o {
    color: #fff;
    font-size: 41px;
    margin: 0 auto;
    display: block;
    width: 46px;
    margin-top: 34px;
}

.home-photo-upload {
    height: 150px;
    border: dashed 1px #fff;
}

.upload-photo-btn {
    background: #e33d38;
    margin: 0 auto;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 6px 12px;
    margin-top: 6px;
    font-family: 'brandon_textbold';
    width: 161px;
    cursor: pointer;
}

.side-widget {
    border-bottom: solid 1px #000;
    padding-bottom: 29px;
}

.dwn-pay-assis .label {
    color: #fff;
    font-size: 16px;
    padding: 0px;
}

.dwn-pay-assis .down-pay-txt {
    color: #67bd45;
    margin: 6px 0 23px 0;
    font-family: 'brandon_textbold';
    font-size: 24px;
    line-height: 25px;
}

.facts-btn02 {
    border: solid 2px #fff;
    color: #fff;
    padding: 2px 18px;
    font-family: 'brandon_textbold';
    float: left;
    cursor: pointer;
    text-transform: uppercase;
}

.outcomeFrame .readiness-footer {
    position: static !important;
    bottom: initial !important;
}

.outcomeFrame .readinessPane {
    min-height: initial !important;
    position: static !important;
}

.outcomeFrame .content-details {
    max-height: initial !important;
    min-height: initial !important;
    overflow-y: initial !important;
}

.plan-dowd-btn {
    float: right;
    background: #e12b26;
    padding: 1px 9px;
    cursor: pointer;
    font-size: 12px;
}

.pre-plan-dowd-btn {
    background: #e12b26;
    padding: 1px 9px;
    cursor: pointer;
    font-size: 12px;
    width: 200px;
    margin: 0 auto;
}

.application-status li.active:before {
    content: " ";
    width: 0px;
    height: 0px;
    position: absolute;
    right: -28px;
    top: 38%;
    border: solid 15px transparent;
    border-left: solid 13px #26a7e1;
}

/*============START: ADMININSTRATOR=================*/
.adminPane {
    background: url(../images/admin_bg.jpg) no-repeat center top;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}

.brokerPane {
    background: url(../images/broker_bg.jpg) no-repeat center top;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}

.adminLoginPane {
    background: rgba(7,46,87,0.7);
    margin: 0 auto;
    width: 42%;
    margin-top: 12%;
}

.adminLogo {
    background: url(../images/admin_logo.png) no-repeat 39px 14px rgba(254, 255, 255, 0.9);
    min-height: 85px;
}

.adminForumPane {
    padding: 42px;
}

    .adminForumPane input[type="text"], .adminForumPane input[type="password"] {
        width: 100%;
        height: 33px;
        background: #fff;
        border: none;
        color: #37678a;
        padding: 0 6px;
        margin-bottom: 10px;
    }

    .adminForumPane input[type="button"] {
        width: 100%;
        height: 36px;
        text-align: center;
        font-size: 20px;
        color: #fff;
        background: #e12b26;
        border: none;
        margin-top: 15px;
    }

.adminMainpane {
    background: #efefef;
}

.adminHeader {
    background: #fff;
    box-shadow: 3px 2px 8px #ABA8A8;
}

.innerAdLogo {
    background: url(../images/brand_logo.png) 6px 7px no-repeat;
    height: 58px;
    background-size: 96%;
}

.innerSidePanel {
    background: #072e57;
    box-shadow: 3px 0px 5px #ccc;
    position: fixed !important;
    top: 0;
    bottom: 0;
    margin-top: 58px;
}

.masterSearch {
    width: 233px;
    height: 32px;
    background: #fff;
    border: none;
    margin: 12px 0 0 5px;
    padding: 10px;
}

.masterContainer {
    position: fixed !important;
    top: 0;
    bottom: 0;
    margin-left: 16.66666667%;
    background: url(../images/brand_logo_footer_bg.png) no-repeat right top #efefef;
    background-size: contain;
    margin-top: 59px;
    z-index: -1;
    overflow-y: auto;
    height: 100%;
}

    .masterContainer h2 {
        font-size: 21px;
        color: #072e57;
        font-family: 'brandon_textbold';
    }



.adminNavigation {
    margin: 9px -15px;
    padding: 0px;
    height: 100%;
}

    .adminNavigation li {
        font-size: 17px;
        list-style: none;
        cursor: pointer;
    }

        .adminNavigation li a {
            text-decoration: none;
            padding: 7px 15px;
            display: block;
            color: #ffffff;
            font-family: 'brandon_text_regular';
        }

            .adminNavigation li a:hover, .adminNavigation li a.active {
                background: #26a7e1;
                color: #fff;
            }

        .adminNavigation li > ul {
            margin-left: 10px;
        }

            .adminNavigation li > ul li > ul {
                background: #25415f;
            }

            .adminNavigation li > ul li {
                font-size: 15px;
            }

                .adminNavigation li > ul li a {
                    color: #ddedfd;
                }

            .adminNavigation li > ul a i {
                margin-top: 5px;
                font-size: 14px;
                margin-right: 3px;
            }

        .adminNavigation li a i {
            margin-top: 5px;
            font-size: 15px;
        }

.admin-add-btn {
    background: #072e57;
    color: #fff;
    border: none;
    padding: 6px 18px 2px;
    margin: 0 0 10px;
    float: right;
}

    .admin-add-btn span {
        font-family: 'brandon_textmedium';
    }

.grid-action-btn {
    border: solid 2px #083361;
    padding: 1px 4px;
    float: left;
    line-height: 18px;
    cursor: pointer;
    font: normal normal normal 14px/1 FontAwesome;
    color: #072e57;
    margin-right: 4px;
}

    .grid-action-btn.delete-btn:before {
        content: "\f014";
    }

    .grid-action-btn.edit-btn:before {
        content: "\f040";
    }

    .grid-action-btn:hover {
        border-color: #e12b26;
        color: #e12b26;
    }

.admin-action-btn {
    background: #e12b26;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    padding: 3px 13px;
    margin-bottom: 9px;
    font-family: 'brandon_textbold';
    font-size: 14px;
}

    .admin-action-btn .fa {
        margin-top: 3px;
        margin-right: 1px;
    }

.admin-form-section {
    padding: 17px;
}

    .admin-form-section label {
        width: 95%;
        font-size: 15px;
        color: #666666;
        font-family: 'brandon_text_regular';
        font-weight: normal;
    }

    .admin-form-section input[type="text"], .admin-form-section select {
        width: 100%;
        background: #f4f2f1;
        border: none;
        height: 31px;
        padding: 0px 9px;
    }

        .admin-form-section input[type="text"]:focus, .admin-form-section select:focus {
            background: #dcdcdc;
            outline: none;
        }

    .admin-form-section .form-seperator {
        margin-bottom: 12px;
    }

    .admin-form-section .save-btn {
        background: #e33d38;
        color: #fff;
        padding: 4px 18px;
        margin: 10px 9px 0 0;
        cursor: pointer;
        font-family: 'brandon_textbold';
    }

    .admin-form-section .cancel-btn {
        background: #959595;
        color: #fff;
        padding: 4px 18px;
        margin: 10px 9px 0 0;
        cursor: pointer;
        font-family: 'brandon_textbold';
    }

.save-btn i, .cancel-btn i {
    margin-top: 3px;
}

.sub-section-label {
    float: left;
    width: 40%;
    background: #d0ccca;
    height: 31px;
    padding: 5px 0px 0 5px;
    color: #73706e;
}

.sub-section-input {
    float: left;
    width: 60% !important;
}

.admin-footer {
    position: fixed;
    bottom: 0px;
    background: #c5c2c2;
    width: 100%;
    height: 17px;
    margin-left: -15px;
    text-align: center;
    font-size: 12px;
}

.admin-modal-title {
    font-size: 16px;
    font-family: 'brandon_textbold';
    color: #072e57;
}

.statepage-footer {
    position: fixed;
    bottom: 0px;
    background: #083361;
    width: 100%;
    height: 29px;
    margin-left: 0px;
    text-align: center;
    font-size: 12px;
    color: white;
    line-height: 33px;
}
/*============END: ADMININSTRATOR=================*/

.pre-submit-pane {
    background: rgba(117,200,103,.8);
    color: #fff;
    text-align: center;
    padding: 15px;
    font-size: 16px;
    width: 98.5%;
}

.edit-preQuali {
    background: #c42a2b;
    color: #fff;
    padding: 8px 22px;
    font-size: 14px;
    font-family: 'brandon_textbold';
    border: none;
    display: block;
    margin: 0 auto;
    margin-top: 12px;
}

.cash-in-hand {
    background: #e4e0e0 !important;
}

.noti-bell .dropdown-menu li a {
    padding: 12px;
}

.hardShip-label-md {
    display: none;
}

.hardshipLabel-mobile {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 16px;
}

.applicant-more {
    height: 35px;
    margin: 7px -13px;
    color: #083361;
    padding: 4px;
    box-sizing: border-box;
    border: none;
    width: 100%;
}

.payment-box {
    width: 290px;
    margin: 0 auto;
}

.owl-prev {
    position: absolute;
    top: 45%;
    z-index: 999;
}

    .owl-prev:before {
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        content: "\f053";
        color: #e22b27;
        align-self: center;
        font-size: 30px;
    }

.owl-next {
    position: absolute;
    top: 45%;
    right: 0;
    z-index: 999;
}

    .owl-next:before {
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        content: "\f054";
        color: #e22b27;
        align-self: center;
        font-size: 30px;
    }

.carousel-pane-main {
    position: relative;
}

.readinessPane:before {
    left: 0px;
    width: 171px;
    height: 100%;
    z-index: 500;
    top: 0px;
    position: absolute;
    background: -moz-linear-gradient(left, rgba(233,231,230,1) 0%, rgba(233,231,230,1) 65%, rgba(233,231,230,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(233,231,230,1) 0%,rgba(233,231,230,1) 65%,rgba(233,231,230,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(233,231,230,1) 0%,rgba(233,231,230,1) 65%,rgba(233,231,230,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e7e6', endColorstr='#00e9e7e6',GradientType=1 ); /* IE6-9 */
}

.readinessPane:after {
    right: 0px;
    width: 171px;
    height: 100%;
    z-index: 500;
    top: 0px;
    position: absolute;
    background: -moz-linear-gradient(left, rgba(233,231,230,0) 0%, rgba(233,231,230,1) 35%, rgba(233,231,230,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(233,231,230,0) 0%,rgba(233,231,230,1) 35%,rgba(233,231,230,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(233,231,230,0) 0%,rgba(233,231,230,1) 35%,rgba(233,231,230,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e9e7e6', endColorstr='#e9e7e6',GradientType=1 ); /* IE6-9 */
}

.readinessPane.creditscore-custom-fade:after, .readinessPane.creditscore-custom-fade:before {
    width: 50px !important;
}

.no-hours-pane {
    background: #e9e7e6;
    margin-top: 6px;
    padding: 4px 0;
}

    .no-hours-pane .num-label {
        text-align: left;
        font-size: 14px;
        padding: 0 10px;
    }

    .no-hours-pane .num-input-area input[type="number"] {
        height: 21px;
    }

.harship-second-level-heading {
    text-align: left;
    color: #083361;
    font-size: 13px;
    font-family: 'brandon_textmedium';
    margin: -5px 0 10px -20px;
    text-align: center;
}

.available-fund-title {
    width: 80% !important;
    margin: 40px auto 15px auto !important;
}

.credit-score-textbox {
    margin: 10px auto 10px auto;
    background: #fff;
    border: 0px;
    height: 44px;
    display: block;
    padding: 0 10px;
    width: 208px;
}

.credit-score-details-pane {
    width: 92%;
    background: #fff;
    margin: 0 auto;
    margin-top: 5px;
    padding: 7px;
    text-align: left;
}

.readinessPane.withoutFade:before, .readinessPane.withoutFade:after {
    display: none !important;
}

/*.readiness-seek-slider {
    display: none;
}*/

.mobile-seek-slider-pane {
    display: none;
    /*width: 210px;
    margin: 0 auto;*/
}

.minus-btn, .plus-btn {
    width: 60px;
    height: 44px;
    float: left;
    background: #083361;
    font-size: 34px;
    font-family: 'brandon_textbold';
    color: #fff;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
}

    .minus-btn:hover, .plus-btn:hover {
        background: #e12b26;
    }

.show-result-pane {
    width: 89px;
    line-height: 19px;
}

    .show-result-pane strong {
        display: block;
        font-weight: bold;
        font-size: 17px;
    }

.show-result-pane {
    float: left;
}



.credit-btn {
    background: #1f3467;
    color: #fff;
    font-weight: bold;
    font-family: 'brandon_textbold';
    text-transform: uppercase;
    border: none;
    padding: 9px 15px;
    margin-right: 19px;
    font-size: 14px;
    width: 144px;
    text-align: center;
    cursor: pointer;
}

    .credit-btn.active {
        background: #e12b26;
    }

.credit-score-details-pane .left-section {
    float: left;
    font-size: 13px;
    width: 88%;
}

.credit-score-details-pane .right-section {
    float: right;
    width: 12%;
}

.available-amount {
    width: 100%;
}

    .available-amount .graph-container {
        padding: 22px 48px 15px 58px;
    }


.outcome-pane .expense-ratio {
    width: 100%;
    margin: 0 auto;
    color: #fff;
    padding: 15px;
    text-align: left;
    font-size: 14px;
}

label.num-format-label {
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    margin: 0px;
    color: #484646;
}


label.number-format-label {
    position: absolute;
    left: 5px;
    top: 7px;
    margin: 0px;
    color: #a9a9a9 !important;
    background: #fff;
    width: 90%;
}

div.number-format-div {
    position: relative;
}

input.num-format-input {
    position: relative;
}

input.number-format-input {
    position: relative;
}

input.num-format-input:focus + label.num-format-label {
    display: none;
}

input.number-format-input:focus + label.number-format-label {
    display: none;
}


.dept-ratio {
    height: 35px;
    margin: 0 auto;
    padding: 7px 0 0 0;
    margin-top: 5px;
}

.income-type-pane {
    margin: 0 0 3px;
}

/*.cust-bankrupcy .ui-slider-tick:nth-child(4) .slPointDis {
    width: 81px !important;
    text-align: center;
}*/

/*.cust-bankrupcy .ui-slider-tick:nth-child(1) .slPointDis {
    text-align: right;
}*/

/*.cust-shortsale .ui-slider-tick:nth-child(1) .slPointDis {
    text-align: right;
}

.cust-shortsale .ui-slider-tick:nth-child(4) .slPointDis {
    text-align: center;
}

.cust-foreclosure .ui-slider-tick:nth-child(4) .slPointDis {
    text-align: center;
    width: 57px;
}*/

.outcomeFrame .readinessPane {
    background-size: 32% !important;
}

.credit-Details ul {
    padding-left: 17px;
    font-size: 13px;
}

    .credit-Details ul li {
        padding-bottom: 5px;
    }

.qwerty {
    float: left;
    width: 30%;
    margin: 0 19px;
}

.userico {
    background: url(../images/cdfi_sprite.png);
    background-position: none !important;
}

.custom-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 272px;
}

.custom-belt {
    /* transform: translate3d(450.25px, 0px, 0px); */
    position: absolute;
    /*left: 35%;*/
    top: 0px;
    width: 1206px;
    -webkit-transition: all 1s ease; /* Safari 3.1 to 6.0 */
    transition: all 1s ease;
}

.cut-owl-next {
    position: absolute;
    right: 0px;
    z-index: 9999;
    top: 27%;
    cursor: pointer;
}

.cut-owl-prev {
    position: absolute;
    left: 0px;
    z-index: 9999;
    top: 27%;
    cursor: pointer;
}

.cut-owl-next:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\f054";
    color: #e22b27;
    align-self: center;
    font-size: 30px;
}

.cut-owl-prev:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\f053";
    color: #e22b27;
    align-self: center;
    font-size: 30px;
}

.error-modal .MessageHeader h1 {
    color: #e12b26 !important;
}

.error-modal .MessagePane {
    width: 100%;
    color: #e12b26;
    padding: 21px 0px;
}

.error-modal .error-icon {
    display: block;
    font-size: 36px;
    color: #e12b26;
}

.error-modal .buttonBlue {
    background: #716c6c;
}

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

.outcome-table-pane {
    overflow: auto;
}

.outcome- {
    border-bottom: solid 1px #827e7e;
    padding-bottom: 7px;
    color: #27a727;
}

.outcome-greetings-text {
    color: #0d4e94 !important;
}

.outcome_red {
    background: #e12b26 !important;
}

.outcome_green {
    background: #27a727 !important;
}

.outcome_blue {
    background: #26a6e1 !important;
}

.plan-dowd-btn .fa-download {
    margin: 2px;
    font-size: 16px;
}

.preq-pdf-dnwld {
    padding: 0.5% 4%;
    color: #FFF;
}

.outcome-grid-height {
    height: 62px;
}

.hardship-section .ui-slider-tip:after {
    content: " Months";
    display: block;
    margin-top: -6px;
    text-transform: uppercase;
    font-size: 10px;
}

.credit-score-accordin {
    padding-top: 6px;
}

    .credit-score-accordin .panel-default > .panel-heading {
        background: transparent;
    }

    .credit-score-accordin .panel-default > .panel-heading {
        background-image: none;
        background: transparent;
    }

    .credit-score-accordin .accordin-main {
        background: #286090;
        border-radius: 6px;
    }

    .credit-score-accordin .panel-body {
        background: #fff;
    }

    .credit-score-accordin .panel {
        background: transparent;
    }

    .credit-score-accordin .active {
        background: #e12b26 !important;
    }

    .credit-score-accordin .panel-heading {
        /*background: #286090 !important;*/ background: transparent;
        color: #fff !important;
        padding: 0px;
    }

        .credit-score-accordin .panel-heading:hover, .credit-score-accordin .panel-heading.active {
            /*background: #e12b26 !important;*/
        }

    .credit-score-accordin .panel-body {
        padding: 6px 12px;
    }

        .credit-score-accordin .panel-body ul {
            list-style: none;
            margin: 0px;
            padding: 0px;
            height: 55px;
            overflow: auto;
        }

    .credit-score-accordin .panel-title {
        padding: 0px;
    }

        .credit-score-accordin .panel-title a {
            outline: none;
            display: block;
            width: 100%;
            padding: 11px;
        }

            .credit-score-accordin .panel-title a:hover, .credit-score-accordin .panel-title a:focus {
                text-decoration: none;
            }

    .credit-score-accordin .panel-body ul li {
        text-align: left;
        color: #286090;
    }

        .credit-score-accordin .panel-body ul li:before {
            font: normal normal normal 14px/1 FontAwesome;
            content: "\f0da";
            margin-right: 4px;
            color: #e12b26;
        }

    .credit-score-accordin .accordin-main a span {
        text-align: left;
        position: relative;
        display: block;
        font-size: 15px;
    }

        .credit-score-accordin .accordin-main a span:after {
            font: normal normal normal 14px/1 FontAwesome;
            content: "\f107";
            position: absolute;
            right: 1px;
            font-size: 20px;
            top: -3px;
        }

    .credit-score-accordin .accordin-main.active a span:after {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f106";
        position: absolute;
        right: 1px;
        font-size: 20px;
        top: -3px;
    }

.credit-score-leading-heading {
    color: #e12b26;
    font-size: 14px;
    line-height: 15px;
    width: 78%;
    margin: 0 auto;
    padding: 6px 0 0 0;
}

.contactLoanBtn a {
    font-family: 'brandon_textmedium';
    color: #fff;
}

    .contactLoanBtn a:hover {
        color: #fff;
    }

.readiness-primary-screen {
    width: 100%;
    height: 100%;
    background: url(../images/home_banner_bg2.png) right top no-repeat #e9e7e6;
    position: fixed;
    z-index: 99;
    background-size: contain;
}

.prim-scr-read {
    color: #083361;
    margin: 60px 0 24px 0;
    font-size: 21px;
}

.prim-center-item {
    width: 100%;
    margin: 0 auto;
}

.state-search {
    background: #fff;
    border: 0px;
    height: 44px;
    padding: 0 10px;
    width: 100%;
    margin-bottom: 5px;
}

.primContinueBtn {
    width: 100%;
    background: #e12b26;
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    border: none;
    padding: 10px 44px;
    margin: 0 0 15px;
}

.plusSign {
    font-family: Arial;
    font-size: 14px;
    line-height: 13px;
    font-weight: normal;
}

.lastSavedClass {
    color: green;
}


/*CSS Form Raindrops*/

.simple-banner .simple-banner-text {
    color: #ffffff;
    font-size: 1.1em;
    font-weight: 700;
    padding: 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.simple-banner {
    width: 100%;
    background: #024985;
    text-align: center;
    z-index: 200;
    position: relative;
    display: block;
}

.simple-banner {
    background: #093461;
}

    .simple-banner .simple-banner-text a {
        color: #E22F27;
    }

.facts-data-section-options {
    position: absolute;
    top: 10px;
    right: 0;
    padding: 5px 10px;
    color: #666666;
}

.facts-data-section-resize {
    cursor: pointer;
}

    .facts-data-section-resize h3 {
        float: left;
        margin: 0;
        display: none;
        font-size: 15px;
    }

.facts-data-section-options.facts-data-section-minimized {
    width: 100%;
    text-align: right;
    background-color: #fff;
    height: initial;
}

.facts-data-section-resize {
    cursor: pointer;
}

.facts-data-section-minimized {
    height: 34px !important;
    overflow: hidden;
}

.facts-data-section-resize.minimize-active h3 {
    display: block;
}

.facts-loan-appli-btn {
    background: #e33d38;
    color: #fff;
    height: 30px;
    float: right;
    padding: 0px 18px;
    line-height: 29px;
    text-transform: uppercase;
    font-family: 'brandon_textbold';
    cursor: pointer;
}

.facts-loan-appli-done-btn {
    background: #27a727;
    color: #fff;
    height: 30px;
    float: right;
    padding: 0px 13px;
    line-height: 29px;
    text-transform: uppercase;
    font-family: 'brandon_textbold';
    cursor: pointer;
}

.facts-loan-appli-btn i {
    font-size: 17px;
    margin-top: 4px;
    margin-left: 8px;
}

.facts-loan-appli-done-btn i {
    font-size: 17px;
    margin-top: 6px;
    margin-left: 6px;
}


.last-saved-appli {
    border-bottom: solid 1px #dedede;
    font-family: 'brandon_textbold';
    margin-bottom: 15px;
    padding-bottom: 11px;
    color: #5d5959;
    font-size: 14px;
}

.prequalifi-custom {
    width: 70% !important;
    float: left;
}
/*PreQualification Section Styles*/
.prequal-state-pane {
    margin: 0 auto;
    min-height: 350px;
}

.prequali-form-left {
    padding-right: 6px;
}

.prequali-form-right {
    padding-left: 6px;
}

.prequal-label {
    line-height: 40px;
    font-weight: bold;
    font-size: 17px;
    background: #083375;
    color: #fff;
    width: 100%;
    padding: 0px 20px;
    height: 43px;
    float: right;
}

.prequal-label-second {
    line-height: 31px;
    font-weight: bold;
    font-size: 17px;
    background: #083375;
    color: #fff;
    width: 100%;
    padding: 2px 20px;
    height: 43px;
    float: right;
}

.loan-option-section {
    width: 100%;
    margin: 0 auto;
    overflow-y: auto;
    height: 424px;
    /*height: calc(100vh - 258px);*/
    padding: 0 30px 20px 30px;
}

@media only screen and (min-width : 768px) {
    .loan-option-section {
        height: 332px;
    }
}

@media only screen and (min-width : 992px) {
    .loan-option-section {
        height: 430px;
    }
}

@media only screen and (min-width : 1500px) {
    .loan-option-section {
        height: 405px;
    }
}



.loan-option-section table, .loan-option-section .readiTable {
    width: 100%;
}

.select-loan-btn {
    background: #e12b26;
    color: #fff;
    text-align: center;
    padding: 2px 0px;
    font-family: 'brandon_textmedium';
}

.table-principal-loan-option {
    color: #26a6e1;
    font-weight: bold;
    font-size: large;
}

.table-interest-rate {
    color: #083361;
    font-weight: bold;
}

.table-purchase-price {
    color: #083361;
    font-size: medium;
    font-weight: bold;
}

.state-pane {
    min-height: 412px;
}

.select-loan-option-btn {
    background: #27a727;
    color: #fff;
    text-align: center;
    padding: 2px 0px;
    font-family: 'brandon_textmedium';
}

.loan-option-table-greet {
    /*margin-top: 10px;*/
}

.see-more-match-pane {
    background: #fff;
    border-top: solid 1px #cccccc;
}

    .see-more-match-pane td {
        text-align: center;
    }

.matches-arrow-set {
    width: 200px;
    margin: 0 auto;
}

    .matches-arrow-set i {
        font-size: 23px;
    }

.loader-message {
    position: absolute;
    left: 36%;
    top: 42%;
    width: 392px;
    height: 165px;
    font-weight: bold;
    font-size: 17px;
    text-align: center;
    color: #1181b7;
    padding: 73px 10px 10px 10px;
    background: white;
    box-shadow: 0px 3px 16px #6c6969;
}

.seeMore {
    display: block;
}

.preq-pdf-dnwld {
    padding: 0.5% 4%;
    color: #FFF;
}

.readinessPane h1.noProductsClass {
    font-family: 'brandon_textbold';
    font-size: 21px;
    color: #4c4343;
    /* margin-bottom: 28PX; */
    text-align: center;
    position: relative;
    height: calc(100vh - 500px);
    width: 100%;
    flex: 4;
    padding-top: calc(100vh - 37em);
    line-height: 2.2em;
}
@media only screen and (min-width : 768px) {
    .seeMore {
        display: none;
    }
}

/* Admin Styles */
.adminCard {
    background: rgba(18, 134, 188, 0.12);
    padding: 15px;
    margin-top: 17px;
    box-shadow: 0px 4px 5px rgba(204, 204, 204, 0.44);
    border: 1px dashed rgba(32, 156, 210, 0.48);
}

.imp-btn {
    background: #1286bc;
    border: 0;
    outline: 0 none;
    padding: 2px 15px;
    text-align: center;
    color: #fff;
    font-family: 'brandon_textbold';
}

    .imp-btn span {
        font-size: 13px;
        top: 4px;
    }

.wid-ful-wrapper {
    width: 100%;
}

input[type="file"]:focus, select:focus {
    outline: 0 none !important;
}
/* Admin Styles */
/*.preloader.Ispreloader{
    display:block !important;
}*/

.prequal-goodnews {
    font-weight: bold;
    color: #26a6e1;
    font-size: xx-large;
}

/*@media (min-width: 1200px) and (max-width: 2400px) {
    loan-option-section{
        overflow:hidden;
    }
}*/
.seemore-left-arrow {
    cursor: pointer;
    font-size: 21px !important;
    margin-right: 11px;
    font-weight: bold !important;
    color: #083361;
}

.seemore-right-arrow {
    cursor: pointer;
    font-size: 21px !important;
    margin-left: 11px;
    font-weight: bold !important;
    color: #083361;
}

.scrollbtm-icon {
    width: 35px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    body {
        font-family: Arial, Helvetica;
    }

    .cdfi-Checkbox li {
        width: auto;
    }

    .withType li {
        width: auto;
    }

    .applicant-more {
        line-height: 12px;
    }
}

@media only screen and (min-width : 992px) {
    .prequal-state-pane {
        width: 800px;
    }

    .readiness-footer button {
        margin: 15% 0px;
    }
}

@media (max-width:480px) {
    .brandLogo {
        max-width: 275px;
        background-size: 100%;
    }

    .prequalifi-custom {
        width: 100% !important;
        float: left;
    }

    .prequal-label-second {
        min-height: 43px;
        height: auto;
    }

    .loader-message {
        position: absolute;
        left: 0;
        top: 23%;
        width: 100%;
        min-height: 137px;
        font-weight: bold;
        font-size: 17px;
        text-align: center;
        color: #1181b7;
        padding: 125px 10px 10px 10px;
        height: auto;
    }

        .loader-message .preloader {
            position: absolute;
            top: 15px;
            background: url(../images/preloader.gif) no-repeat center top;
            width: 64px;
            height: 64px;
            /*left: 39%;*/
            margin: 0 auto;
        }

        .loader-message .preloader-magnify {
            position: absolute;
            left: 46% !important;
            top: -1% !important;
            /*background: url(../images/magnify-icon.gif) no-repeat center top;*/
            background: url(../images/loader.gif) no-repeat center top;
            width: 80px;
            height: 80px;
            background-size: 100%;
            z-index: 500;
        }
}

@media (max-width:600px) {
    .cdfi-progress-bar {
        display: block;
        height: auto;
    }
.available-amount {
        margin-bottom: 15px;
    }
      .readiTable tr:last-child td {
        height: 70px;
    }


        .cdfi-progress-bar section span {
            margin: 5px 22px;
        }

        .cdfi-progress-bar section {
            flex: none;
            -webkit-flex: none;
            -moz-flex: none;
            -ms-flex: none;
            width: 100%;
            text-align: left;
            height: auto;
            max-height: 62px;
            line-height: 33px;
            border-bottom: 1px solid #969696;
        }

            .cdfi-progress-bar section br {
                display: none;
                word-spacing: 30px;
            }

    .readiness-footer {
        position: relative;
    }
}

@media (max-width:768px) {

    .readiness-footer, .readinessPane {
        position: relative;
    }

    .loginModal .modal-dialog {
        width: 90% !important;
    }

    .loan-option-section {
        padding-left: 10px;
        padding-right: 10px;
    }

        .loan-option-section .readiTable {
            width: 100% !important;
            padding-left: 0 !important;
            padding-right: 0;
        }

    #no-more-tables tr.see-more-match-pane td .label-wrapper {
        width: 100%;
        text-align: center;
    }

    #no-more-tables table {
        width: 100%;
        padding-left: 0 !important;
    }

    #no-more-tables tfoot {
        display: block;
    }
}

@media (min-width:768px) {
    .prequal-label {
        margin-right: -16px;
        margin: 10px 0px;
        font-family: 'brandon_textbold';
        font-size: 21px;
        color: #083361;
        margin: 6px 0 6px;
        background: none;
    }

    .prequal-label-second {
        margin-right: -16px;
        line-height: 18px;
        margin: 10px 0px;
        font-family: 'brandon_textbold';
        font-size: 21px;
        color: #083361;
        margin: 15px 0 6px;
        background: none;
        width: 170%;
    }

    .prequali-form-left {
        text-align: right;
    }

    .prequal-stateCounty-alignment {
        padding-right: 88px;
    }

    .state-search {
        width: 314px;
    }

    .primContinueBtn {
        width: auto;
    }

    .prim-center-item {
        width: 60%;
    }

    .prim-scr-read {
        margin: 101px 0 24px 0;
        font-family: 'brandon_textbold';
        font-size: 21px;
    }

    .modal-admin-dialog {
        width: 628px !important;
        margin: 64px auto !important;
    }

    .readinessPane:before, .readinessPane:after {
        content: " ";
    }

    .modal-dialog {
        width: 500px !important;
        margin: 64px auto !important;
    }

    .text-areas input, .text-areas select, .text-areas label {
        width: 97%;
        margin-top: 0px;
        color: #353333;
    }

    .bottom-buttons {
        margin: 0 auto;
        width: 51%;
    }

    .dept-ratio {
        width: 70%;
    }

    .outcome-pane .expense-ratio {
        width: 70%;
    }

    .outcome-pane .outcome-box {
        width: 60%;
    }

    /*.outcome-pane .btnGroup .contactLoanBtn {
        float: left;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 10px;
        margin-bottom: 6px;
    }*/
    .outcome-pane .btnGroup .contactLoanBtn {
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 6px;
        /* width: 158px;*/
        width: 167px;
    }


    /*.outcome-pane .btnGroup {
        width: 611px;
    }*/

    .outcome-pane .btnGroup .preQualification {
        float: left;
    }

    .cdfi-Checkbox-creditscore {
        /* width: 751px;*/
        height: 285px;
    }

        .cdfi-Checkbox-creditscore > li {
            float: left;
            width: 18%;
        }

            .cdfi-Checkbox-creditscore > li:last-child {
                margin-right: 0px;
            }

        .cdfi-Checkbox-creditscore li .credit-Details {
            display: block;
        }

    .available-amount {
        width: 64%;
    }
}

.credit-scores .owl-stage-outer, .hardship-frame-pane .owl-stage-outer {
    min-height: 450px;
}

.readiness-textbox.prequalifi-custom {
    padding: 0 0 0 10px;
}

@media (max-width:991px) {
    .readiness-footer, .readinessPane {
        position: relative;
    }

        .readiness-footer button {
            padding-left: 26px;
        }
}

@media only screen and (min-width : 992px) {
    .credit-score-accordin {
        width: 52%;
        margin: 0 auto;
    }

    .readiTable {
        width: 70%;
    }

    .outcome-pane .annualIncome {
        width: 70%;
    }

    .actionPlan-outcome {
        width: 70%;
    }

    .hardship-pane {
        /*width: 99.3%;*/
        background: #fff;
        margin: 0 auto;
        padding: 12px 25px 19px 19px;
        margin-bottom: 10px;
    }

    .hardshipLabel-mobile {
        display: none;
    }

    .hardShip-label-md {
        display: block;
    }
}

@media only screen and (min-width : 600px) {
    .applicant-more {
        width: 173px;
    }

    .how-many-people .cdfi-Checkbox {
        width: 514px;
    }

        .how-many-people .cdfi-Checkbox.withMoreTextBox {
            width: 404px;
        }

        .how-many-people .cdfi-Checkbox.withMoreJustMe {
            width: 204px;
        }

    .cdfi-Checkbox li {
        width: initial;
        margin-bottom: 0px;
        transition: all .2s;
    }

    .content-details {
        /*max-height: 389px;
        min-height: 359px;
        overflow-y: auto;*/
    }

    .readiness-textbox {
        width: 100%;
    }

    .withType {
        width: 491px;
    }

        .withType li {
            width: initial;
        }
}

@media only screen and (min-width : 520px) {
    .outcome-grid-height {
        height: 0px;
    }
}

@media (min-width:768px) {

    .hardship-pane {
        height: 81px;
    }

    .harship-second-level-heading {
        text-align: left;
    }

    .readiness-seek-slider {
        display: block;
    }

    .mobile-seek-slider-pane {
        display: none;
    }
}

.precal-dwn-btn {
    background: #e12b26;
    padding: 1px 9px;
    cursor: pointer;
    font-size: 12px;
    width: 90px;
    margin: 0 auto;
    text-align: center;
    margin-top: 8px;
}

@media (min-width:800px) {
    .preq-pdf-dnwld {
        display: none;
    }
}

@media only screen and (max-width: 800px) {
    .pre-download-btn {
        display: block;
    }

    #no-more-tables tr.see-more-match-pane td {
        width: 100%;
        padding-right: 18%;
        padding-left: 21%;
    }
    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #no-more-tables tr {
        border: 1px solid #ccc;
    }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }

        #no-more-tables td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            /*white-space: nowrap;*/
            text-align: left;
            font-weight: bold;
        }

        #no-more-tables td:before {
            content: attr(data-title);
        }

    .no-more-tables tr.see-more-match-pane td {
        width: 100%;
        padding-right: 18%;
        padding-left: 21%;
    }
    /* Force table to not be like tables anymore */
    .no-more-tables thead,
    .no-more-tables table,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .no-more-tables tr {
        border: 1px solid #ccc;
    }

    .no-more-tables td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }

        .no-more-tables td:before {
            position: absolute;
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            text-align: left;
            font-weight: bold;
        }

        .no-more-tables td:before {
            content: attr(data-title);
        }
}

@media (min-width: 1200px) and (max-width: 2400px) {
    loan-option-section {
        overflow: hidden;
    }
}

/*Please uncomment in the case of production deployment-----*/

/*.readiness-wrapper {
    overflow: auto;
    height: 665px;
}*/
.readiness-wrapper {
    overflow: auto;
    height: 669px;
}
@media only screen and (min-width : 768px) {
    .readiness-wrapper {
        overflow: auto;
        height: 549px;
    }
}

.outcome-para-pane {
    text-align: left;
    padding-left: 3.4%;
    width: 97%;
    position: relative;
}

.outcome-para-star {
    color: red;
    position: absolute;
    left: 15px;
    width: 26px;
    text-align: right;
}
/*Also chnage the below items

.preloader
top: 33%;
.credit-score-accordin .panel-body ul
height: 55px;
.know-credit-score {
    margin-top: 11px;
}
.credit-score-leading-heading
    padding: 6px 0 0 0;*/
/*.readinessPane {
    min-height: 450px;
}*/

/*--------------------------------------------------------------*/