@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

body {
    font-family: 'Lato', sans-serif;
    color: #777;
}

a {
    color: #00d1d0;
}

    a:hover {
        color: #00d1d0;
    }

.font-10 {
    font-size: 10px;
}

.font-12 {
    font-size: 12px;
}

.font-14 {
    font-size: 14px;
}

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.font-24 {
    font-size: 24px;
}

.font-teal {
    color: #00d1d0;
}

.bold {
    font-weight: bold;
}

button:focus {
    outline: none;
}

.btn-green {
    background: #04ff80;
    color: #000;
    font-weight: bold;
}

.btn-blue {
    background: #00d1d0;
    color: #fff;
    font-weight: bold;
}

.btn-text {
    background: transparent;
}

.btn-gray {
    background: #777;
    color: #fff;
}

.btn-blue-border {
    border: 1px solid #00d1d0;
    background: transparent;
}

.btn.focus, .btn:focus {
    box-shadow: none;
}

.relative {
    position: relative;
}

.img-responsive{
    width:100%;
}

.pl-portal {
    background: #f7f7f7;
    position: relative;
    overflow: hidden;
}

.mme-alert {
    font-size: 11px;
    line-height: 16px;
    color: #dc3545;
    display: block;
    padding-top: 5px;
    padding-left: 2px;
}


/* Login page */

.mme-portal-login-wrap {
    background: rgb(4,119,119);
    background: linear-gradient(135deg, rgba(4,119,119,1) 0%, rgba(14,142,132,1) 50%, rgba(43,148,122,1) 100%);
    height: 100vh;
    min-height: 900px;
    padding: 20px;
    position: relative;
    z-index: 1;
    overflow-y: hidden;
}

    .mme-portal-login-wrap:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        right: 0;
        bottom: -20px;
        background: url(/images/pl-broker-portal/texture-bg.png) no-repeat;
        background-position: bottom center;
        background-size: 100%;
        z-index: -1;
    }


   /* .mme-portal-login-wrap .login-box-wrap {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }*/

        .mme-portal-login-wrap .login-box-wrap a {
            font-size: 14px;
            /*text-decoration: underline !important;*/
        }

        .mme-portal-login-wrap .login-box-wrap .login-box {
            max-width: 400px;
            width: 100%;
            background-color: #0b726a;
            padding: 30px;
            border-radius: 6px;
        }

.mme-portal-logo {
    margin: -120px auto 60px auto;
    max-width: 220px;
}

    .mme-portal-logo img {
        width: 100%;
    }

    .mme-portal-logo p {
        font-size: 20px;
        margin-top: -10px;
        margin-bottom: 0;
        font-weight: bold;
    }


.mme-portal-login-wrap .login-box-wrap .login-box .form-control {
    font-size: 20px;
    min-height: 52px;
    padding: .375rem .75rem;
}


.mme-portal-login-wrap .login-box-wrap .login-box .form-group label {
    color: #fff;
    font-size: 14px;
}


    .mme-portal-login-wrap .login-box-wrap .login-box .form-group label i {
        margin-right: 5px;
        color: #00d1d0;
    }

button.cta-green {
    display: block;
    padding: 5px;
    min-width: 170px;
    margin: 30px auto 0;
    font-size: 16px;
}

button.fp-back {
    text-decoration: underline;
    display: block;
    margin: auto;
}

.fp-message p {
    line-height: 25px;
}

/* Welcome Landing */
.mme-portal-login-wrap.welcome-landing-wrap {
    min-height: 980px;
    height: auto;
}

.btn-border {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
}

.logout-btn .btn-border {
    font-size: 14px;
    font-weight: bold;
    padding: 2px 15px;
}


.welcome-landing-wrap {
    padding: 20px;
}

    .welcome-landing-wrap .mme-portal-logo {
        margin-top: 0;
    }

    .welcome-landing-wrap .box-dashboard-container {
        max-width: 580px;
        margin: 0 auto;
    }

.inner-box-dashboard + .inner-box-dashboard {
    margin-top: 30px;
}

.inner-box-dashboard {
    background: rgba(0,0,0,0.4);
    border-radius: 10px;
}

.inner-box-dashboard, .inner-box-dashboard-action {
    padding: 25px;
}

/*.welcome-landing-wrap .box-dashboard-container .pl-dash-landing-label{
    border-left: 5px solid #00d1d0;
    padding-left: 10px;
    line-height: 1;
}*/

.welcome-landing-wrap .box-dashboard-container .pl-dash-landing-label,
.welcome-landing-wrap .box-dashboard-container .pl-dash-landing-sumheading {
    color: #fff;
}

.welcome-landing-wrap .box-dashboard-container .pl-dash-landing-sumheading {
    font-size: 32px;
    /*    font-weight: bold;     */
}

.pl-dash-landing-data-sumheading {
    color: #fff;
    font-size: 45px;
    font-weight: bold;
    margin-top: 5px;
}

.pl-dash-landing-data .cta-green {
    min-width: 190px;
}

.pl-dash-landing-action-divider {
    margin-top: -30px;
    margin-bottom: -15px;
}

.pl-dash-landing-action-cta {
    text-align: center;
    padding-top: 25px;
    border-top: 1px dashed rgba(255, 255, 255, 0.7);
}

    .pl-dash-landing-action-cta .btn {
        font-size: 20px;
        min-width: 48%;
        padding: 10px;
    }

        .pl-dash-landing-action-cta .btn + .btn {
            margin-left: 14px;
        }


.pl-dash-landing-news-content p {
    font-weight: 300;
    font-size: 14px;
    color: #fff;
}

/* Navigation */

.burger-icon {
    width: 25px;
    height: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    cursor: pointer;
}

.btn-navigation div {
    width: 100%;
    height: 2px;
    background: #fff;
    border-radius: 50px;
}


/* Side Navigation */

.side-nav-wrap {
    position: absolute;
    z-index: 999;
    right: -32%;
    height: 100%;
    width: 32%;
    background: rgba(0,0,0,0.9);
    padding: 20px 5% 20px 4%;
    transition: 0.2s ease;
}

    .side-nav-wrap.nav-open {
        right: 0;
    }

.sidenav-status .stat-wrap p {
    margin-bottom: 0;
}

    .sidenav-status .stat-wrap p:first-child {
        font-size: 35px;
        font-weight: bold;
        line-height: 40px;
    }

.sidenav-sec {
    padding-bottom: 30px;
}

    .sidenav-sec + .sidenav-sec {
        padding-top: 30px;
        border-top: 1px solid #00d1d0;
    }

.side-nav-wrap ul li, .side-nav-wrap ul li a {
    color: #fff;
    font-size: 18px;
    transition: 0.2s ease-in-out;
}

    .side-nav-wrap ul li a:hover {
        text-decoration: none;
        color: #00d1d0;
    }

.side-nav-wrap ul li {
    list-style: none;
}

    .side-nav-wrap ul li + li {
        margin-top: 20px;
    }

.sidenav-contacts i {
    color: #00d1d0;
    font-size: 15px;
    margin-right: 5px;
}

    .sidenav-contacts i.fas.fa-phone {
        transform: scaleX(-1);
    }

.sidenav-contacts a:hover {
    text-decoration: none;
}

.layer {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,0.2);
    backdrop-filter: blur(2px);
    z-index: 888;
}

/* Manage accounts */

.app-wrap {
    background: #f7f7f7;
    padding-bottom: 50px;
    min-height: 100vh;
}

.pl-portal .header-lg-wrap {
    position: relative;
    padding-bottom: 0;
}

.pl-portal .header-lg {
    width: 100%;
    padding: 40px 0 20px;
    position: relative;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#037676+0,149b8c+51,408d6a+100 */
    background: rgb(3,118,118); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(3,118,118,1) 0%, rgba(20,155,140,1) 51%, rgba(64,141,106,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(3,118,118,1) 0%,rgba(20,155,140,1) 51%,rgba(64,141,106,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(3,118,118,1) 0%,rgba(20,155,140,1) 51%,rgba(64,141,106,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037676', endColorstr='#408d6a',GradientType=1 ); /* IE6-9 */
}

.pl-portal .bottom-corner-lg, .pl-portal .bottom-border-lg {
    vertical-align: middle;
    position: absolute;
    border-left: 25px solid transparent;
    border-top-left-radius: 0;
    height: 15px;
    width: 66%;
}

.pl-portal .bottom-corner-lg {
    border-bottom: 15px solid #000;
    right: 0;
    bottom: -1px;
    z-index: 2;
}

.pl-portal .bottom-border-lg {
    border-bottom: 15px solid #62c3d3;
    right: 1px;
    bottom: 0;
}

.header-lg .mme-logo img {
    width: 256px;
    margin-top: 5px;
}

.toolbar-lg-wrap {
    background: #11302F;
    padding: 10px 0;
}

.toolbar-lg h3 {
    font-size: 16px;
    /*  margin-top: 15px;*/
}

.user-header-icon {
    max-width: 12px;
    margin-right: 5px;
    margin-top: -4px;
}

.header-cta button {
    padding: 4px 10px;
}

.app-search-wrap {
    margin: 20px 0 15px;
}

.title-filter-wrap h3, .filter-wrap {
    margin-bottom: 10px;
}

.title-filter-wrap {
    margin: 30px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .title-filter-wrap h3 {
        font-size: 24px;
    }

.filter-wrap {
    display: flex;
    max-width: 480px;
}

    .filter-wrap .input-group {
        margin-right: 10px;
        width: 400px;
    }

        .filter-wrap .input-group input {
            border-right: none;
            padding: 6px 5px;
        }

            .filter-wrap .input-group input.app-search {
                font-size: 14px;
                padding: 8px 8px 8px 12px;
                border-color: #e5e5e5;
            }

            .filter-wrap .input-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                color: #b2b2b2;
            }

            .filter-wrap .input-group input::-moz-placeholder { /* Firefox 19+ */
                color: #b2b2b2;
            }

            .filter-wrap .input-group input:-ms-input-placeholder { /* IE 10+ */
                color: #b2b2b2;
            }

            .filter-wrap .input-group input:-moz-placeholder { /* Firefox 18- */
                color: #b2b2b2;
            }

        .filter-wrap .input-group .input-group-append span {
            background: #00d1d0;
            color: #fff;
            border-left: none;
        }

button.btn.btn-filter {
    width: 112.5px;
    border: 1px solid #e5e5e5;
    background: #fff;
    color: #B2B2B2;
    position: relative;
}

    button.btn.btn-filter i.fas.fa-filter {
        position: absolute;
        right: 10px;
        top: 13px;
        font-size: 12px;
        color: #a4a4a4;
    }

.close-filter {
    position: absolute;
    margin-top: 5px;
    right: 8px;
    z-index: 99;
}

div#collapseFilter {
    position: relative;
}

    div#collapseFilter .card.card-body {
        padding: 35px 20px;
    }

.filter-row-wrap .col-lg-2 {
    padding: 0 5px;
}

.filter-col .form-group {
    position: relative;
    margin-bottom: 0;
}

    .filter-col .form-group input {
        min-height: 38px;
    }

    .filter-col .form-group label {
        font-size: 14px;
    }

.dashboard-calendar {
    position: absolute;
    max-width: 12px;
    right: 10px;
    bottom: 12px;
    z-index: 1;
}


.filter-cta-wrap button {
    width: 100%;
}

.filter-wrap .btn-filter[aria-expanded="true"] {
    border: 1px solid #00d1d0;
    background: #E8F9F9;
    color: #00d1d0;
}

    .filter-wrap .btn-filter[aria-expanded="true"] i.fas.fa-filter {
        color: #00d1d0;
    }

.table-responsive {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

.application-inner-wrap {
    /*min-height:577px;*/
    background: #fff;
}

.table-responsive .list-main-table {
    /*    border: 1px solid #ccc;*/
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
}

.table-responsive table.list-main-table tr {
    background-color: #fff;
    border-bottom: 1px solid #e1e1e1;
    padding: .35em;
    table-layout: fixed;
    display: table;
    width: 100%;
}

.table-responsive table.list-main-table.table .thead-light th {
    border-color: transparent;
    border-bottom: 1px solid #e5e5e5;
    padding: 0.5rem;
}

.table-responsive .table tr th,
.table-responsive .list-main-table tbody tr td {
    background-color: #fff;
}

    .table-responsive table.list-main-table.table .thead-light th:first-child,
    .table-responsive .list-main-table tbody tr td:first-child {
        padding-left: 12px;
    }

    .table-responsive .list-main-table tbody tr td p {
        color: #777;
    }

.table-referrals .thead-light th {
    font-size: 14px;
    color: #b2b2b2;
    font-weight: 400;
}

.table-list-content {
    display: block;
    /* min-height: 577px;*/
    max-height: 577px;
    height: 100% !important;
    overflow-x: auto;
    background: #fff;
}

    .table-list-content tr td {
        border-top: none;
        padding: 0.5rem;
    }

.initial-loading-table, .no-data-table {
    width: 100%;
    height: 540px;
    background: #fff;
}

    .initial-loading-table.no-height {
        height: auto !important;
    }

.initial-loading-table-gif, .loading-table-gif {
    max-width: 50px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

.table-responsive table tbody tr td:nth-of-type(3) p {
    word-break: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.table-responsive table tbody tr td,
.table-referrals .thead-light th {
    width: 10%;
}

    .table-responsive table tbody tr td:nth-of-type(3),
    .table-referrals .thead-light th:nth-of-type(3) {
        width: 20%;
    }

    .table-responsive table tbody tr td:nth-of-type(2),
    .table-referrals .thead-light th:nth-of-type(2),
    .table-responsive table tbody tr td:nth-of-type(4),
    .table-referrals .thead-light th:nth-of-type(4) {
        width: 8%;
    }

    .table-responsive table tbody tr td:nth-of-type(5),
    .table-referrals .thead-light th:nth-of-type(5) {
        width: 7%;
    }


    .table-responsive table tbody tr td:nth-of-type(7),
    .table-referrals .thead-light th:nth-of-type(7) {
        width: 12%;
    }

    .table-responsive table tbody tr td:nth-of-type(8) {
        width: 16%;
    }

    .table-referrals .thead-light th:nth-of-type(8) {
        width: 16%;
    }

    .table-referrals .thead-light th:nth-of-type(9) {
        width: 1%;
    }

/*scrollbar format*/
.overflow-x::-webkit-scrollbar {
    -webkit-appearance: none;
}

    .overflow-x::-webkit-scrollbar:vertical {
        width: 11px;
    }

    .overflow-x::-webkit-scrollbar:horizontal {
        height: 11px;
    }

.overflow-x::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, .5);
}

.overflow-x::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
}


.broker-row-attention {
    background: #e8f9f9;
}

.circle {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    float: left;
    position: relative;
    top: 7px;
    margin-right: 3px;
}

.preapp-status {
    background: #379EFB;
}

.approved-status {
    background: #CBFEB1;
}

.pending-status {
    background: #D86588;
}

.veriincome-status {
    background: #7A19BE;
}

.draft-status {
    background: #606060;
}

.agreement-status {
    background: #379EFB;
}

.presettle-status {
    background: #379EFB;
}

.settle-status {
    background: #CBFEB1;
}

.declined-status {
    background: #fa4545;
}

.cancelled-status {
    background: #604d4d;
}

.repaid-status {
    background: #279e74;
}

.application-status {
    background: #606060;
}


.table-displaying-wrap {
    color: #777;
    background: #fff;
    padding: 20px;
    border-top: 1px solid #e5e5e5;
    /*border-top: none;*/
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .table-displaying-wrap div:first-child {
        width: 78%;
    }

.export-csv-cta button {
    width: 120px
}

#pagingIndicator {
    color: #b2b2b2;
}

#loadmore svg {
    max-width: 12px;
}

/* Quick Quote */

.broker-content-wrap {
    margin-top: 30px;
    margin-bottom: 50px;
    padding: 20px;
    background: #fff;
    color: #777;
    border-radius: 5px;
}

.application-body-wrap {
    padding-top: 0;
    min-height: 400px;
}

    .application-body-wrap.fd-wrap .row {
        margin-bottom: 10px;
    }

.broker-app-section {
    margin-top: 20px;
}

    .broker-app-section .row {
        margin-bottom: 16px;
        margin-left: 0;
        margin-right: 0;
    }

        .broker-app-section .row.row-form .col-lg-2,
        .broker-app-section .row.row-form .col-lg-3,
        .broker-app-section .row.row-form .col-lg-4,
        .broker-app-section .row.row-form .col-lg-2,
        .broker-app-section .row.row-form .col-lg-3,
        .broker-app-section .row.row-form .col {
            padding-left: 4px;
            padding-right: 4px;
        }


.broker-form-label {
    font-size: 18px;
    font-weight: bold;
    padding-left: 4px;
}
/*.form-label {
    margin-bottom: 10px;
}*/

.form-label-middle {
    margin-top: 5px;
}

.font-lightgrey {
    color: #b2b2b2 !important;
}

.form-currency {
    position: relative;
}

.money-field-label {
    position: absolute;
    font-size: 14px;
    left: 10px;
    padding-top: 7px;
}

input.money-field {
    padding-left: 15px;
}

.form-currency input {
    padding-left: 20px;
}

.form-control, select {
    padding: 6px 7px 6px 7px;
    color: #777;
    font-size: 14px;
    border: 1px solid #e1e1e1;
}

    .form-control[readonly] {
        background-color: #f2f2f2 !important;
    }

    .form-control:disabled, .form-control[readonly] {
        color: #b2b2b2;
    }

    .form-control:focus {
        border-color: #ced4da;
        box-shadow: none;
    }

.form-label-big {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0;
}

input:read-only {
    background-color: #fff !important;
}

.plbroker-checkbox-wrap {
    position: relative;
    padding: 0;
    position: relative;
    padding: 0;
}

.row.no-gutters.equifax-score .options-radio-btn-wrap {
    display: flex;
}

@media only screen and (max-width: 1199px) and (min-width: 991px) {
    .plbroker-checkbox-wrap .row.equifax-score .form-check {
        width: 75px;
        display: inherit;
    }
}

.row.no-gutters.equifax-score .options-radio-btn-wrap label {
    border-radius: 0;
    font-size: 11px;
    padding: 9px 0;
}

.row.no-gutters.equifax-score .options-radio-btn-wrap .form-check + .form-check {
    margin-left: 0;
}

.plbroker-checkbox-wrap .row.equifax-score .options-radio-btn-wrap .form-check:first-child label {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.plbroker-checkbox-wrap .row.equifax-score .options-radio-btn-wrap .form-check:nth-child(6) label {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.counterCalc input {
    text-align: left;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

.counterCalc .form-control[readonly] {
    background-color: #fff !important;
    opacity: 1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.counterCalc .plus {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.counterCalc .minus, .counterCalc .plus {
    width: 100%;
    height: 100%;
    background: #00D1D0;
    padding: 3px 5px 3px 5px;
    border: 1px solid #00D1D0;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.counterCalc .minus {
    border-right: 1px solid #C6C6C6;
}

.counterCalc span {
    cursor: pointer;
    color: #fff;
}
/*.quick-quote-box{
    min-height: 375px;
}

.finance-box{
    min-height: 380px;
}  */
.quick-quote-box, .finance-box {
    padding: 20px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    margin-top: 25px;
    min-height: 378px;
}

.finance-box-title p,
.quote-box-title p {
    font-size: 24px;
}

    .finance-box p img,
    .quote-box-title p img {
        margin-top: -6px;
    }

.no-quote-wrap,
.no-calculation-wrap {
    margin-top: 80px;
}

.available-quote-top {
    margin-top: 20px;
    border-bottom: 1px dashed #c6c6c6;
}

    .available-quote-top p,
    .available-quote-bottom p {
        font-size: 14px;
    }

.available-quote-bottom {
    margin-top: 15px;
}

.broker-app-progress-wrap {
    background: #11302F;
}

.broker-app-stage {
    padding: 15px 0;
    color: #fff;
}

    .broker-app-stage img, .broker-app-stage p {
        opacity: 0.4;
    }

        .broker-app-stage img.done-icon {
            opacity: 1;
            margin-top: 6px;
        }

    .broker-app-stage.broker-app-stage-active {
        border-bottom: 6px solid #00D1D0;
    }

        .broker-app-stage.broker-app-stage-active img,
        .broker-app-stage.broker-app-stage-active p {
            opacity: 1;
        }

        .broker-app-stage.broker-app-stage-active p {
            font-weight: 700;
        }

.broker-app-stage-icon {
    max-width: 25px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.note-box {
    padding: 15px !important;
    background: #E8F9F9;
    border: 1px solid #00d1d0;
    border-radius: 8px;
    box-shadow: 0px 5px 6px rgba(0,0,0,0.07);
}

.broker-finance-terms .error-box {
    padding: 15px !important;
    color: #dc3545;
    background: rgba(220,53,69,0.1);
    border: 1px solid #dc3545;
    border-radius: 8px;
    box-shadow: 0px 5px 6px rgba(0,0,0,0.07);
}


/* Application Steps */

.broker-app-form-wrap .broker-app-section {
    padding-bottom: 10px;
}

.plbroker-checkbox-wrap.plbroker-checkbox-title .form-check {
    padding-left: 0;
    width: 30%;
}

.plbroker-checkbox-wrap.plbroker-checkbox-title .checkbox-label {
    border: 1px solid #e1e1e1;
    width: 100%;
    border-radius: 4px;
    padding: 5px;
    height: 35px;
    font-size: 14px;
}

.broker-app-section select.form-control {
    position: relative;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.broker-app-section.upload-option-b select.form-control {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23212121'%3E%3Cpath d='M24 24H0V0h24v24z' fill='none' opacity='1'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z'/%3E%3C/svg%3E");
    background-position-x: 99%;
    background-position-y: 40%;
    background-repeat: no-repeat;
    background-color: #f5f5f5;
}

.caret-down {
    position: absolute;
    width: 8px;
    top: 48px;
    right: 12px;
    font-size: 14px;
}

.caret-down-quick-quote {
    position: absolute;
    width: 8px;
    top: 12px;
    right: 27px;
    font-size: 14px;
}

.broker-app-section select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 0px);
}


.no-add {
    color: #b2b2b2;
}

select:invalid, select option:first-child {
    color: #b2b2b2;
}

.sub-label-light {
    color: #b2b2b2;
}

.options-radio-btn-wrap .form-check {
    position: relative;
    padding-left: 0;
    width: 42px;
    display: inline-block;
}

    .options-radio-btn-wrap .form-check + .form-check {
        margin-left: 5px;
    }

    .options-radio-btn-wrap .form-check input {
        position: absolute;
        left: 20px;
        opacity: 0;
        z-index: 1;
    }

    .options-radio-btn-wrap .form-check label {
        cursor: pointer;
        background: #fff;
        border: 1px solid #e1e1e1;
        width: 100%;
        padding: 6.5px;
        text-align: center;
        border-radius: 5px;
        font-size: 14px;
    }

    .options-radio-btn-wrap .form-check [type="radio"]:checked + label,
    .options-radio-btn-wrap .form-check [checked="checked"] + label {
        background: #E8F9F9;
        border: 1px solid #00D1D0;
        color: #00D1D0;
    }

.confirm-checkbox-wrap.options-radio-btn-wrap .form-check {
    width: 100%;
}

    .confirm-checkbox-wrap.options-radio-btn-wrap .form-check input {
        left: 35px;
        top: 8px;
    }

    .confirm-checkbox-wrap.options-radio-btn-wrap .form-check label {
        text-align: left;
        padding-left: 40px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .confirm-checkbox-wrap.options-radio-btn-wrap .form-check label:before {
            content: "";
            position: absolute;
            left: 18px;
            top: 25px;
            width: 15px;
            height: 15px;
            border: 1px solid #ced4da;
            border-radius: 3px;
        }

    .confirm-checkbox-wrap.options-radio-btn-wrap .form-check [type="checkbox"]:checked + label {
        border-color: #00D1D0;
    }

        .confirm-checkbox-wrap.options-radio-btn-wrap .form-check [type="checkbox"]:checked + label:before,
        .confirm-checkbox-wrap.options-radio-btn-wrap .form-check [checked="checked"] + label:before,
        .confirm-checkbox-wrap.confirm-checkbox-terms .form-check [type="checkbox"]:checked + label .checkbox-text:before,
        .confirm-checkbox-wrap.confirm-checkbox-terms .form-check [checked="checked"] + label .checkbox-text:before,
        .loan-reason-select-wrap .form-check [checked="checked"]:checked + label:before,
        .loan-reason-select-wrap .form-check [type="checkbox"]:checked + label:before {
            border: 1px solid #00D1D0;
            background-color: #E8F9F9;
            background-image: url(/images/pl-broker-portal/app-check-teal.svg);
            background-repeat: no-repeat;
            background-size: 80%;
            background-position: center 3px;
        }

.confirm-checkbox-wrap.confirm-checkbox-terms .form-check label:before {
    display: none;
}

.confirm-checkbox-terms .checkbox-text {
    position: relative;
}

    .confirm-checkbox-terms .checkbox-text:before {
        content: "";
        position: absolute;
        left: 155px;
        top: 4px;
        width: 15px;
        height: 15px;
        border: 1px solid #ced4da;
        border-radius: 3px;
    }

.loan-reason-select-wrap {
    display: none;
    position: absolute;
    top: 32px;
    left: 0;
    right: 0;
    z-index: 10;
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 5px;
}

    .loan-reason-select-wrap.lr-open {
        display: block;
    }

    .loan-reason-select-wrap .form-check {
        padding: 3px 20px;
    }

        .loan-reason-select-wrap .form-check input {
            opacity: 0;
        }

        .loan-reason-select-wrap .form-check label {
            cursor: pointer;
            font-size: 14px;
        }

            .loan-reason-select-wrap .form-check label:before {
                content: "";
                position: absolute;
                left: 0;
                top: 8px;
                width: 15px;
                height: 15px;
                border: 1px solid #ced4da;
            }

.form-group.lr-group {
    cursor: pointer;
}

/*.lr-finance-details-checkbox input {
    cursor: pointer;
}*/

.lr-finance-details-checkbox input[readonly] {
    cursor: pointer;
    background: #fff !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-right: none;
}

    .lr-finance-details-checkbox input[readonly]::-webkit-input-placeholder {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .lr-finance-details-checkbox input[readonly]::-moz-placeholder {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .lr-finance-details-checkbox input[readonly]::-ms-input-placeholder {
        background: #fff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.lr-finance-details-checkbox .input-group-append {
    display: inline-block;
    border: 1px solid #e1e1e1;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 4px 6px;
}

/*.form-group.lr-finance-details-checkbox i.fa-caret-down {
    position: absolute;
    right: 6px;
    top: 10px;
}*/

.loan-reason-select-wrap .tooltip-icon {
    top: 10px;
    right: 3px;
    z-index: 5;
}

.inner-span {
    display: block;
}

.field-validation-valid {
    font-size: 12px;
}

.broker-finance-terms .row div.col-12:first-child {
    padding: 0;
}

.ui-autocomplete-input {
    position: relative;
}

ul.ui-menu {
    position: absolute !important;
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 0;
}

    ul.ui-menu li {
        list-style: none;
        cursor: pointer;
        padding: 3px 10px;
        font-size: 14px;
    }

        ul.ui-menu li:hover {
            background: #efefef;
        }

.others-field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #e1e1e1;
    font-size: 12px;
}

.others-field input::-moz-placeholder { /* Firefox 19+ */
    color: #e1e1e1;
    font-size: 12px;
}

.others-field input:-ms-input-placeholder { /* IE 10+ */
    color: #e1e1e1;
    font-size: 12px;
}

.others-field input:-moz-placeholder { /* Firefox 18- */
    color: #e1e1e1;
    font-size: 12px;
}

.broker-app-section.fd-app-link-app-section .row.row-form .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 26%;
    flex: 0 0 27%;
    max-width: 27%;
}

.broker-app-section.fd-app-link-app-section .row.row-form .form-group {
    margin-bottom: 0;
}

.broker-finance-terms-app .mme-alert {
    padding-top: 0;
}

    .broker-finance-terms-app .mme-alert span {
        padding-top: 5px;
    }

        .broker-finance-terms-app .mme-alert span span {
            position: relative;
            top: 5px;
        }

.lr-group .broker-finance-terms-app .mme-alert {
    margin-top: 0;
}


/*Popover*/

.tooltip-icon {
    max-width: 12px;
    position: absolute;
    top: 49px;
    right: 12px;
}

.popover {
    border: 1px solid #00d1d0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before {
    border-top-color: #00d1d0;
}

.bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {
    border-bottom-color: #00D1D0;
}

.popover-body {
    color: #00d1d0;
    font-size: 12px;
}

/* Upload Documents */

.upload-docs-opt-btn.options-radio-btn-wrap .form-check {
    width: 33.3%;
}

    .upload-docs-opt-btn.options-radio-btn-wrap .form-check label {
        padding: 17px 10px;
        transition: 0.3s ease;
        font-weight: 700;
        text-align: left;
        min-height: 99px;
    }

    .upload-docs-opt-btn.options-radio-btn-wrap .form-check label img{
        margin-right:15px;
    }

    .upload-docs-opt-btn.options-radio-btn-wrap .form-check .express{
        left:auto;
        right:25px;
        font-size:14px
    }

    .upload-docs-opt-btn.options-radio-btn-wrap .form-check .form-check-label span.font-14 {
        font-weight: 400;
    }

    span.express {
        background: #00D1D0;
        padding: 2px 6px;
        position: absolute;
        left: 0;
        right: 0;
        top: -10px;
        display: inline-block;
        width: 30%;
        margin: auto;
        text-align: center;
    }


.upload-docs-opt-btn.options-radio-btn-wrap .form-check [type="radio"]:checked + label,
.upload-docs-opt-btn.options-radio-btn-wrap .form-check [checked="checked"] + label {
    font-weight: bold;
    box-shadow: 0px 5px 10px rgb(0,0,0,0.1);
}

.upload-info {
    display: none;
}

.upload-option-a {
    border: 1px solid #00D1D0;
    padding: 16px;
    position: relative;
    display: inline-block;
}

    .upload-option-a:after, .upload-option-a:before {
        bottom: 100%;
        left: 24%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .upload-option-a:after {
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #fff;
        border-width: 8px;
        margin-left: -8px;
    }

    .upload-option-a:before {
        border-color: rgba(194, 225, 245, 0);
        border-bottom-color: #00D1D0;
        border-width: 9px;
        margin-left: -9px;
    }


.upload-option-b {
    border: 0;
    background: #f8f8f8;
    border-radius: 5px;
    margin-top: 20px;
    padding: 30px 15px;
    color: #000;
}



.browse-upload-cta img.icon-file {
    display: block;
}

.browse-upload-cta label.btn {
    display: inline;
    padding: 8px 26px;
}

.browse-upload-cta label.btn {
    background: #00D1D0;
    color: #fff;
    border-radius: 0;
    padding: 2px 10px;
    font-size: 14px;
    font-weight: bold;
}


.upload-option-b .browse-upload-cta .btn {
    background: #be0;
    border: 1px solid #be0;
    color: #000;
    padding: 10px 50px;
    font-weight: 700;
    font-size: 12px;
    line-height: 19px;
    border-radius: 10px;
}

.file-container {
    border-bottom: 1px solid #e1e1e1;
}

    .file-container .file-upload-panel img {
        width: 12px;
        margin-top: -4px;
        margin-right: 6px;
    }

    .file-container .file-upload-panel p {
        display: inline;
    }

/* Review & Submit */
.dashboard-section + .dashboard-section {
    margin-top: 30px;
}

.dashboard-section-label {
    font-size: 18px;
    font-weight: bold;
}

    .dashboard-section-label img {
        max-width: 22px;
        margin-top: -5px;
        margin-right: 4px;
    }

.section-left-wrap {
    border: 1px solid #e1e1e1;
}

.section-left-box {
    padding: 15px;
}

.sectionapp-box-label {
    font-size: 16px;
}

.section-border-top {
    border-top: 1px solid #e1e1e1;
}

.section-right-wrap {
    border: 1px solid #e1e1e1;
    border-left: 0;
}

.section-right-box {
    padding: 15px;
}

.sectionapp-box-label {
    font-size: 16px;
}

.section-box-detail {
    font-size: 16px;
    font-weight: bold;
}

.app-notes {
    font-size: 16px;
}

/* View details */

.app-status {
    display: inline-block;
}

    .app-status p {
        margin-bottom: 0;
    }

        .app-status p span {
            margin-top: 5px;
        }

.section-details-box.read-only .section-left-wrap .section-left-box,
.section-details-box.read-only .section-right-wrap .section-right-box {
    background: #e9ecef;
    color: #B2B2B2;
}

/* CTAs */

.broker-main-cta {
    min-height: 75px;
}

.right-btn-wrap {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .right-btn-wrap .row div {
        padding-left: 0;
    }

.cta-wrap {
    max-width: 255px;
    width: 100%;
    position: relative;
    margin: 0 auto;
    outline: none !important;
    border: none !important;
}

    .cta-wrap .btn {
        width: 100%;
        font-weight: bold;
        height: 40px;
    }

        .cta-wrap .btn[disabled="disabled"],
        .cta-wrap .btn.disabled {
            background: #777;
            color: #fff;
        }

.cta-wrap-full {
    max-width: 100%;
}

/*Footer*/

footer {
    border-top: 1px solid #c6c6c6;
    background: #F7F7F7;
    color: #b2b2b2;
    padding: 30px 10px;
    text-align: center;
}

/*Modals*/

.sm-modal.modal-dialog {
    max-width: 400px;
}


.loading-circle-wrap {
    position: relative;
}

img.loading-circle {
    position: absolute;
    width: 96px;
    height: 96px;
    left: 0;
    right: 0;
    margin: auto;
}

    img.loading-circle.lc-2 {
        -webkit-animation: loadspin 2s linear infinite;
        -moz-animation: loadspin 2s linear infinite;
        -ms-animation: loadspin 2s linear infinite;
        -o-animation: loadspin 2s linear infinite;
        animation: loadspin 2s linear infinite;
    }

@-webkit-keyframes loadspin /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loadspin {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loading-modal.modal.fade .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

.loading-modal .modal-content {
    background: transparent;
    margin-top: -100px;
    border: none;
}

.pl-broker-modal .modal-content {
    border: none;
    border-radius: 10px;
}

.pl-broker-modal .modal-header .close {
    position: absolute;
    right: 20px;
}

.new-app-option-wrap {
    margin: 30px 10px;
}

    .new-app-option-wrap a {
        color: #777;
        text-decoration: none;
    }

.new-app-option-box {
    position: relative;
    padding: 15px 20px;
    border: 1px solid #C6C6C6;
    border-radius: 8px;
    box-shadow: 0px 5px 6px rgba(0,0,0,0.07);
    transition: 0.3s ease-in-out;
}


.new-app-option-wrap a:hover .new-app-option-box {
    border-color: #00d1d0;
}


.new-app-option-wrap a + a .new-app-option-box {
    margin-top: 15px;
}

.new-app-option-box p.font-14 {
    line-height: 20px;
}

.new-app-option-box p img {
    margin-bottom: 4px;
    margin-right: 3px;
}

.new-app-option-box span.arr-right {
    position: absolute;
    right: 20px;
    top: 38%;
    transition: 0.3s ease-in-out;
}

/*.new-app-option-wrap a:hover .new-app-option-box span.arr-right{
    right: 17px;
}*/

.privacy-consent-wrap {
    border: 1px solid #C6C6C6;
    max-height: 500px;
    padding: 15px;
    overflow: auto;
}

    /*.privacy-consent-wrap p {
    font-size:14px;
}*/

    .privacy-consent-wrap::-webkit-scrollbar {
        -webkit-appearance: none;
    }

        .privacy-consent-wrap::-webkit-scrollbar:vertical {
            width: 11px;
        }

        .privacy-consent-wrap::-webkit-scrollbar:horizontal {
            height: 11px;
        }

    .privacy-consent-wrap::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 2px solid white;
        background-color: rgba(0, 0, 0, .5);
    }

    .privacy-consent-wrap::-webkit-scrollbar-track {
        background-color: #fff;
        border-radius: 8px;
    }

.app-info--tbl-wrap tr td {
    border-top: none;
}

    .app-info--tbl-wrap tr td:last-child {
        text-align: right;
    }

    .app-info--tbl-wrap tr td span.circle {
        float: none;
        display: inline-block;
        top: -1px;
    }

.gr-bg {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#037676+0,149b8c+50,408d6a+100 */
    background: #037676; /* Old browsers */
    background: -moz-linear-gradient(top, #037676 0%, #149b8c 50%, #408d6a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #037676 0%,#149b8c 50%,#408d6a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #037676 0%,#149b8c 50%,#408d6a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037676', endColorstr='#408d6a',GradientType=0 ); /* IE6-9 */
}

/*Decline page*/

.decline-page-wrap {
    background: rgb(4,119,119);
    background: linear-gradient(135deg, rgba(4,119,119,1) 0%, rgba(14,142,132,1) 50%, rgba(43,148,122,1) 100%);
    height: 100vh;
    min-height: 900px;
    padding: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

    .decline-page-wrap .mme-portal-logo {
        margin: 100px 0;
    }

.message-box h3 {
    margin: 40px 0 15px;
}

.message-box .font-14 {
    line-height: 18px;
}


#changes-saved-modal .modal-body {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#changes-saved-modal img {
    width: 120px;
}

/*Send contract modal*/

.message-wrap {
    max-height: 400px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    overflow: auto;
}

    .message-wrap .message-banner {
        padding: 30px 15px;
        background: rgb(3,118,118); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(3,118,118,1) 0%, rgba(20,155,140,1) 51%, rgba(64,141,106,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(3,118,118,1) 0%,rgba(20,155,140,1) 51%,rgba(64,141,106,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(3,118,118,1) 0%,rgba(20,155,140,1) 51%,rgba(64,141,106,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

.message-banner .mme-portal-logo {
    max-width: 150px;
    margin: 0;
}
/*.message-banner .mme-portal-logo p {
    font-size: 15px;
    margin-top: -5px;
}*/

.ref-num p {
    color: #b2b2b2;
}

.message-content {
    padding: 15px;
}

    .message-content p {
        font-size: 14px;
    }

/*loan reason update*/
.lr-select .input-group-append {
    display: inline-block;
    border: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 5px 6px;
    position: absolute;
    right: 2px;
    top: 0;
}
 
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width:991px) and (max-width: 1200px) {
    /*Application Steps*/
    .right-btn-wrap .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (max-width: 1199px) {
    /*Quick quote*/

    .container.qq-container {
        max-width: 720px;
    }

    .quick-quote-broker .row .col-lg-6.qq-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .quick-quote-broker .application-body-wrap {
        min-height: 400px;
    }

    .row.no-gutters.equifax-score {
        justify-content: flex-end;
    }

    .row.equifax-score .form-check {
        width: 53px;
    }

    /*Applications*/

    .plbroker-checkbox-wrap.plbroker-checkbox-title .form-check {
        width: 32%;
    }

    p.form-label {
        margin-bottom: 8px;
    }

    .broker-app-section .row.row-form .col-lg-2,
    .broker-app-section .row.row-form .col-lg-3,
    .broker-app-section .row.row-form .col-lg-2,
    .broker-app-section .row.row-form .col-lg-4,
    .broker-app-section.fd-app-link-app-section .row.row-form .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .broker-app-section .row {
        margin-bottom: 0;
    }

        .broker-app-section .row.row-form .col-lg-2,
        .broker-app-section .row.row-form .col-lg-3,
        .broker-app-section .row.row-form .col-lg-2,
        .broker-app-section .row.row-form .col-lg-4,
        .broker-app-section .row.row-form .col {
            margin-bottom: 10px;
        }


            .broker-app-section .row.row-form .col-lg-2.pr-0,
            .broker-app-section .row.row-form .col-lg-4.pr-0 {
                padding: 0 15px !important;
            }

    .confirm-checkbox-terms.confirm-checkbox-wrap.options-radio-btn-wrap .form-check label {
        padding: 20px;
    }

    .confirm-checkbox-terms .checkbox-text {
        padding-left: 15px;
    }

        .confirm-checkbox-terms .checkbox-text:before {
            left: 0;
        }
}



@media (max-width: 991px) {



    /*Applications*/

    .filter-wrap .input-group {
        width: 320px;
    }

    .filter-col .form-group {
        margin-bottom: 15px;
    }

    .filter-cta-wrap {
        margin-top: 10px;
    }

    .filter-wrap .input-group input.app-search {
        font-size: 14px;
    }

    .toolbar-lg h3 {
        font-size: 16px;
    }

    .title-filter-wrap h3 {
        font-size: 24px;
    }

    .table-responsive,
    .table-responsive .list-main-table,
    .table-displaying-wrap {
        width: 1000px;
        max-width: 1000px;
    }

        .table-referrals .thead-light th, .table-responsive .list-main-table tbody tr td .font-14 {
            font-size: 12px;
        }


    /*Application steps*/

    .plbroker-checkbox-wrap.plbroker-checkbox-title .form-check {
        width: 30%;
    }

        .plbroker-checkbox-wrap.plbroker-checkbox-title .form-check + .form-check {
            margin-left: 12px;
        }

    .right-btn-wrap .row div {
        padding-left: 0;
        padding-right: 0;
    }

        .right-btn-wrap .row div.cta-wrap {
            padding: 0 15px;
        }

    .row.equifax-score .form-check {
        width: 56px;
    }


    .review-data-wrap .section-right-wrap {
        border-left: 1px solid #e1e1e1;
        border-top: none;
    }
}

@media (max-width: 767px) {

    /*Upload documents*/
    .upload-docs-opt-btn.options-radio-btn-wrap .form-check {
        width: 100%;
        margin-bottom:10px;
    }

    /*Side nav*/
    .side-nav-wrap {
        width: 100%;
        right: -100%;
        padding: 20px 30px;
    }

    .user p.mr-5 {
        margin-right: 20px !important;
    }

    .sidenav-status .stat-wrap p:first-child {
        font-size: 30px;
        line-height: 32px;
    }

    .sidenav-status .stat-wrap p {
        font-size: 12px;
    }

    .side-nav-wrap ul li, .side-nav-wrap ul li a, .sidenav-contacts p.font-20 {
        font-size: 16px;
    }

    /*Login*/
    .mme-portal-login-wrap {
        min-height: 100vh;
    }

        .mme-portal-login-wrap:before {
            bottom: 0;
        }

    .logout-btn.text-right.mt-4 {
        margin-top: 0 !important;
    }

    .welcome-landing-wrap {
        padding: 20px 0;
    }

    /*Portal welcome page*/

    .mme-portal-login-wrap.welcome-landing-wrap {
        min-height: auto;
        height: auto;
    }

    .welcome-landing-wrap .box-dashboard-container .pl-dash-landing-sumheading {
        font-size: 28px;
    }

    .inner-box-dashboard .row div:last-child .pl-dash-landing-data {
        margin-top: 15px;
    }

    .pl-dash-landing-data .btn-border {
        width: 100% !important;
        padding: 10px;
    }

    .pl-dash-landing-action-cta button.btn {
        width: 100%;
        margin-left: 0 !important;
    }

        .pl-dash-landing-action-cta button.btn + button.btn {
            margin-top: 15px;
        }

    .welcome-landing-wrap .mme-portal-logo {
        margin: 30px auto 30px auto;
    }

    /*Dashboard*/

    .header-cta {
        display: flex;
        margin-top: 10px;
    }

        .header-cta button {
            width: 48%;
            font-size: 12px;
        }

    .app-search-wrap {
        margin: 20px 0 0;
    }

    .title-filter-wrap {
        margin-top: 20px;
        align-items: flex-start;
        flex-direction: column;
    }

        .title-filter-wrap h3 {
            font-size: 20px;
        }

    .filter-wrap {
        flex-direction: column;
        width: 100%;
    }

        .filter-wrap .input-group {
            max-width: 100%;
            width: 100%;
            margin: 10px 0;
        }

            .filter-wrap .input-group input {
                height: 40px;
            }

    button.btn.btn-filter {
        width: 100%;
    }

    .table-responsive {
        margin-top: 10px;
    }

    #pagingIndicator {
        font-size: 12px !important;
    }


    /*Application steps*/
    .broker-app-stage img.done-icon {
        width: 15px;
    }

    .broker-content-wrap {
        margin-top: 15px;
        padding: 15px;
    }

    .broker-app-stage-icon {
        max-width: 20px;
    }

    .broker-app-stage p {
        font-size: 10px;
    }

    .broker-app-form-wrap .broker-app-section {
        padding-bottom: 15px;
    }

    .broker-app-section .row.row-form .col-lg-2,
    .broker-app-section .row.row-form .col-lg-3,
    .broker-app-section .row.row-form .col-lg-2,
    .broker-app-section .row.row-form .col-lg-4,
    .broker-app-section.fd-app-link-app-section .row.row-form .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .broker-app-section .row.row-form .col-lg-2,
    .broker-app-section .row.row-form .col-lg-3,
    .broker-app-section .row.row-form .col-lg-4,
    .broker-app-section .row.row-form .col-lg-2,
    .broker-app-section .row.row-form .col-lg-3,
    .broker-app-section .row.row-form .col {
        padding-left: 0;
        padding-right: 0;
    }

    .broker-form-label {
        padding-left: 0;
    }

    .monthly-expenses-options-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .monthly-expenses-options-wrap.options-radio-btn-wrap .form-check {
            width: 32%;
            margin-bottom: 8px;
        }

            .monthly-expenses-options-wrap.options-radio-btn-wrap .form-check + .form-check {
                margin-left: 0;
            }

    .row.row-form.others-field .form-control.w-75 {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .right-btn-wrap .row div + div {
        margin-top: 10px;
    }

    .container.qq-container {
        padding: 0;
    }

    .quick-quote-broker .form-group {
        margin-bottom: 0;
    }

    .broker-finance-terms .note-box {
        margin-top: 20px;
    }

    .broker-finance-terms .row div:last-child {
        padding: 0;
    }

    .finance-box {
        margin-top: 20px;
    }

    .broker-app-section {
        margin-top: 0;
    }

    .form-label-middle {
        margin: 15px 0 10px !important;
    }

    .broker-finance-terms .broker-app-section .row:nth-of-type(1) div .form-label-middle {
        margin-top: 0 !important;
    }

    .loan-reason-select-wrap .form-check {
        padding: 5px 28px !important;
    }

        .loan-reason-select-wrap .form-check label:before {
            left: 8px;
            top: 11px;
        }

    .loan-reason-select-wrap .tooltip-icon {
        right: 6px;
    }

    .upload-docs-opt-btn {
        display: flex;
        margin-top: 15px;
    }

        .upload-docs-opt-btn .form-check label {
            font-size: 12px !important;
        }

    span.express,
    .browse-upload-cta span.font-14,
    .file-container .file-upload-panel p {
        font-size: 12px;
    }

    span.express {
        width: 45%;
    }

    .upload-docs-opt-btn .form-check:first-child label {
        padding: 20px 0 10px;
    }

    .upload-docs-opt-btn .form-check:last-child label {
        padding: 24px 0;
    }

    .review-data-wrap p {
        font-size: 12px;
        margin-bottom: 0;
    }

    .review-data-wrap button.btn-text {
        padding: 0;
        font-size: 12px;
    }

    .review-data-wrap .dashboard-section-label img {
        max-width: 16px;
    }


    .review-data-wrap .row {
        margin-bottom: 10px;
        align-items: center;
    }

    textarea.app-notes {
        font-size: 12px;
    }


    /*quick quote*/
    .application-body-wrap.fd-wrap .row {
        margin-bottom: 5px;
    }

    .plbroker-checkbox-wrap .row {
        flex-wrap: wrap;
        display: flex;
    }

        .plbroker-checkbox-wrap .row div.col-2 {
            width: 33.33% !important;
            max-width: 33.33% !important;
            flex: 0 0 33.33%;
        }

    .row.no-gutters.equifax-score {
        justify-content: flex-start;
    }

    .plbroker-checkbox-wrap .row.equifax-score .form-check {
        width: 53px;
    }

    .broker-finance-terms .error-box {
        margin-top: 20px;
    }

    footer p {
        font-size: 12px;
    }


    /*Decline page*/

    .decline-page-wrap {
        min-height: inherit;
    }

    .message-box h3 {
        font-size: 25px;
    }

    .message-box br {
        display: none;
    }


    /*Send contract modal*/

    #send-contract-mdl .modal-body {
        padding: 0;
    }

    #send-contract-mdl .form-group {
        margin-bottom: 0;
    }
}

.ui-helper-hidden-accessible {
    display: none;
}

@media (min-width: 1200px) {
    .w-14 .form-check {
        width: 3.3rem !important; /* 56px */
    }
}

.text-grey {
    color: #b2b2b2;
}

.bg-alert-warning {
    background-color: #ffe4e7;
}

.alert-warning-custom {
    color: #343a40;
    background-color: #f8fde5;
    border-color: #f8fde5;
}