html {
  scroll-behavior: smooth;
}

body{
    color:#000;
}

@font-face {
    font-family: sharpGFamily;
    src: url(/fonts/SharpGrotesk/SharpGroteskSmBold19.woff2);
    src: url(/fonts/SharpGrotesk/SharpGroteskSmBold19.ttf);
    src: url(/fonts/SharpGrotesk/SharpGroteskSmBold19.otf);
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: sharpGFamilyMd;
    src: url(/fonts/SharpGrotesk/SharpGroteskMedium19.woff2);
    src: url(/fonts/SharpGrotesk/SharpGroteskMedium19.ttf);
    src: url(/fonts/SharpGrotesk/SharpGroteskMedium19.otf);
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: sharpGSmBoldItalic;
    src: url(/fonts/SharpGrotesk/SharpGroteskSmBoldItalic19.woff2);
    src: url(/fonts/SharpGrotesk/SharpGroteskSmBoldItalic19.ttf);
    src: url(/fonts/SharpGrotesk/SharpGroteskSmBoldItalic19.otf);
    font-style: italic;
    font-weight: bold;
    font-display: swap;
}

@font-face {
    font-family: sharpGFamilyThick;
    src: url(/fonts/SharpGrotesk/SharpGroteskBold19.woff2);
    src: url(/fonts/SharpGrotesk/SharpGroteskBold19.ttf);
    src: url(/fonts/SharpGrotesk/SharpGroteskBold19.otf);
    font-weight: bold;
    font-display: swap;
}

@font-face {
    font-family: sharpGFamilyThickItalic;
    src: url(/fonts/SharpGrotesk/SharpGroteskBoldItalic19.woff2);
    src: url(/fonts/SharpGrotesk/SharpGroteskBoldItalic19.ttf);
    src: url(/fonts/SharpGrotesk/SharpGroteskBoldItalic19.otf);
    font-style: italic;
    font-weight: bold;
    font-display: swap;
}

.login-box input:-webkit-autofill,
.login-box input:-webkit-autofill:hover, 
.login-box input:-webkit-autofill:focus, 
.login-box input:-webkit-autofill:active{
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #fff;
    font-size: 20px;
}

.sharpGFamily {
    font-family: sharpGFamily;
}

.lime-green, .font-lime{
    color:#BBEE00;
}
.forest-green{
    color:#0B2828;
}
.font-dark-lime{
    color:#ADCB07;
}

.btn-border-grn{
    color:#ADCB07;
    border:1px solid #ADCB07;
    background:#fff;
    padding: 3px 10px;
}

a, a:hover{
    color: #BBEE00;
}
.black-text, .pl-broker-modal .black-text {
    color: #000 !important;
}
.btn-lime, .btn-green {
    background: #BBEE00;
    color: #000;
    font-weight: bold;
}

.btn-border-dark{
    background:#fff;
    color:#000;
    border:1px solid #000;
   /* border-radius:0;*/
}

.light {
    font-weight: 300;
}

.form-control, select, .form-control:focus{
    color:#000;
}


/*Side Navigation*/

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

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

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

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

/*Login*/
.mme-portal-logo{
    max-width: 344px;
    margin: 0;
    margin-bottom: 30px;
}

.mme-logo .logo-rebrand{
    filter: invert(69%) sepia(83%) saturate(636%) hue-rotate(23deg) brightness(105%) contrast(107%);
}

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

.mme-portal-login-wrap {
    background: #0B2828 url('/images/pl-broker-rebrand/login-bg-v2.svg') no-repeat;    
    background-size:cover;
    background-position:top;
    height: 100vh;
    min-height: 800px;
    padding: 20px;
    position: relative;
    z-index: 1;
    overflow-y: hidden;
}

.mme-portal-login-wrap:before {    
    display:none;
}

/*.mme-portal-login-wrap .login-box-wrap {    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}*/


.mme-portal-login-wrap .login-box-wrap .login-box .form-group label{
    font-size: 16px;
    font-weight: 700;
}

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

.mme-portal-login-wrap .login-box-wrap .login-box button.cta-green {
    min-width: 344px;
    height: 50px;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    margin-top: 24px;
    border-radius: 10px;
}

.mme-portal-login-wrap .login-box-wrap .login-box .form-control{
    background-color: #fff!important;
    background-image: none;
}

.mme-portal-login-wrap .login-box-wrap a{
    font-size: 16px;
}

.mme-portal-login-wrap.welcome-landing-wrap {
    min-height: 100vh;
}
.decline-page-wrap.mme-portal-login-wrap{
    background:#BBEE00;
    display:flex;
    justify-content:center;
}

.decline-page-wrap.mme-portal-login-wrap .message-box{
    margin-top:-100px;
     
}

.decline-page-wrap.mme-portal-login-wrap .message-box h3{
    font-size:30px;
    color:#000;
}

.decline-page-wrap.mme-portal-login-wrap .message-box p{    
    font-size:22px;
    line-height: 28px;
     color:#000;

}

.decline-page-wrap.mme-portal-login-wrap .message-box p:first-of-type{
    color:#707070;   

}

.box-dashboard-container .inner-box-dashboard:nth-child(2){
    border:1px solid #BBEE00;
}
.box-dashboard-container .inner-box-dashboard:nth-child(3){
    border:1px solid #fff;
}

.pl-dash-landing-label.news-box p{
    line-height:18px;
}

.pl-dash-landing-label.news-box p img{
    position:absolute;
    left:0;
}

.pl-dash-landing-news-content p {
    font-weight: normal;
    font-size: 16px;
    color: #fff;
}
.pl-dash-landing-news-content p a:hover{
    color: #BBEE00;
}

.pl-dash-landing-news-content ul li {
    font-weight: normal;
    font-size: 16px;
    color: #fff;
}

.pl-dash-landing-news-content h1 {
    font-family: sharpGFamily;
    font-size: 28px;
    color: #fff;
}

.inner-box-dashboard {
    background: transparent;
    border-radius: 10px;
}

.welcome-landing-wrap .box-dashboard-container .pl-dash-landing-sumheading,
.pl-dash-landing-data-sumheading{
    font-family:sharpGFamily;
}

.pl-dash-landing-data-sumheading + .btn-border:hover{
    color: #fff;
}


.pl-portal .header-lg {
    width: 100%;
    padding: 40px 0 20px;
    position: relative;    
    background: #BBEE00;
}
.btn-navigation div {
    width: 100%;
    height: 2px;
    background: #000;
    border-radius: 50px;
}

.toolbar-lg-wrap .toolbar-lg h3{
    font-family:sharpGFamily, sans-serif;
}

.title-filter-wrap h3 {
    color:#0B2828;
    font-family:sharpGFamily;
}
.initial-loading-table-gif, .loading-table-gif {
    max-width: 70px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

.action-links-wrap span.text-danger{
    color:#FF575C !important;
}

.filter-wrap .input-group .input-group-append span {
    background: #fff;
    color: #fff;
    border-left: none;
    border-color: #e5e5e5;
    cursor:pointer;
}

.filter-wrap .btn-filter[aria-expanded="true"] {
    border: 1px solid #BBEE00;
    background: rgba(187,238,0,.20);
    color: #ADCB07;
}
button.btn.btn-filter, button.btn.btn-filter i.fas.fa-filter{
    color:#000;
}
.filter-wrap .btn-filter[aria-expanded="true"],
.filter-wrap .btn-filter[aria-expanded="true"] i.fas.fa-filter {
    color: #000;
}
.filter-cta-wrap .btn-border-dark{
    border-radius:5px;
}

#pagingIndicator {
    color: #000;
}

.message-wrap .message-banner {
    padding: 30px 15px;
    background:#BBEE00;   
}

.message-banner .mme-portal-logo img{
    width:150px;
}

.lime-bg{
    background:#BBEE00;
}

#brokeremail-sent-modal .modal-content.lime-bg {
    border-radius: 5px;
}

.ellipses{
    word-break: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Quick quote*/

.broker-content-wrap{
    color:#000;
}

.broker-form-label{
    font-family: 'sharpGFamily';
}

.options-radio-btn-wrap .form-check [type="radio"]:checked + label,
.options-radio-btn-wrap .form-check [checked="checked"] + label {
    background: rgba(187,238,0,.20);
    border: 1px solid #BBEE00;
    color: #000;
    font-weight:bold;
}

.counterCalc .minus, .counterCalc .plus {
    width: 100%;
    height: 100%;
    background: #BBEE00;
    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 span {
    cursor: pointer;
    color: #000;
}

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

.broker-finance-terms .error-box{
    padding: 15px !important;
    color: #000000;
    background: rgba(187, 238, 0, 0.1);
    border: 1px solid #BBEE00;
    border-radius: 8px;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
}

/*View application details*/

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

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


.table-responsive table.list-main-table tr:hover td{
    background:rgba(187,238,0,0.1)
}

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

.table-responsive table.list-main-table.table .thead-light th{
    color:#000;
    font-weight:bold;
}

.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: 9%;
}

#initialNotesBroker{
    font-size:16px;
}

/*Application page*/

img.search-add-icon {
    position: absolute;
    right: 15px;
    top: 46px;
}

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

.broker-content-wrap a{
    color:#ADCB07 !important;
}

.confirm-checkbox-wrap.options-radio-btn-wrap .form-check [type="checkbox"]:checked + label {
    border-color: #BBEE00;
}
.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 #BBEE00;
    background-color: rgba(187,238,0,.20);
    background-image: url(/images/pl-broker-rebrand/check-green-icon.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center 3px;
}

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

.partner-income-field {
    max-width: 260px;
}

.form-check-input.disabled + label {
    opacity: 0.5;
}

.consent-box-wrap {
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 20px;
    border-radius: 5px;
}

.sub-label-light,
.no-add,
.font-lightgrey{
    color: #000!important; 
}

.popover {
    border: 1px solid #F8FCE5;
    box-shadow: 0 2px 10px rgba(0, 0, 0,0.2);
    background: #F8FCE5;
}
.popover-body {
    color: #000;
    font-size: 12px;
}
.bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before {
    border-top-color: #F8FCE5;
}

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

#divCurrentAddress {
    padding: 10px 20px 20px;
    margin: 0 5px;
    background: #f7f7f7;
    border: 1px solid #e1e1e1;
    border-radius: 0.25rem;
}


.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{
    box-shadow:none;
}

span.express {
    background: #F89E1D;
    font-family:sharpGFamily, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    transform: skew(-10deg);
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
}


.upload-option-a {
    border: 1px solid #BBEE00;
}
.upload-option-a:before{
    border-bottom-color: #BBEE00;
}

.browse-upload-cta img.icon-file{
    display: inherit;
    width: 12px;
    margin-right:3px;
    margin-bottom: 5px;
}

.browse-upload-cta label.btn {
    background: #fff;
    color: #000;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 4px 10px 4px;
    font-size: 14px;
    font-weight: bold;
}

.note-box {
    padding: 15px !important;
    background: rgba(187,238,0,.20);
    border: 1px solid #BBEE00;
    border-radius: 8px;
    box-shadow: none;
}

.dashboard-section .consent-box-wrap ol{
    max-width: 670px;
    margin: auto;
}

.dashboard-section .consent-box-wrap ol li {
    font-size: 14px;
}
.dashboard-section .consent-box-wrap ol li + li {
    margin-top: 3px;
}

/*Identity verification guide*/

.identity-verification-guide-wrap .toolbar-lg-wrap {
    padding: 15px 0;
}

.ivg-menu-wrap {
    margin-top: 20px;
    border: 1px solid #707070;
    background: #fff;
    padding: 25px;
}

.ivg-content-wrap ul{
    padding:0;
    margin-bottom:0;
}


.ivg-menu-sec p{
    margin-bottom:0;
}
.ivg-menu-sec ul{
    margin:0;
    padding:0;
}

.ivg-menu-sec ul li {
    list-style: none;
    padding: 0;
    font-size:18px;
}

.ivg-menu-sec ul li a {
    color: #000;
    padding: 10px 0 0 10px;
    font-size:18px;
}
.ivg-menu-sec + .ivg-menu-sec {
    margin-top: 30px;
}

.ivg-menu-sec ul.contact-info{
    padding-left:10px;
}

.ivg-menu-sec ul.contact-info li {
    padding: 10px 0 0;
}

.ivg-right + .ivg-right{
    margin-top:40px;
}

.ivg-right .section-title{
    font-size:32px;
    font-family:sharpGFamily, sans-serif;
    color:#000;
}

.ivg-right .section-desc, .ivg-right p{
    font-size:18px;    
    color:#000;
}

#troubleshooting-tips ul{
    padding-left:20px;
}


.ivg-right ul li{
    list-style:none;
}

.ivg-right img{
    width: 80%;
    margin: 20px 0 40px;
}

.ivg-right .video-wrap video {
    width: 100%;
    cursor:pointer;
}

/*Modals*/

.lime-bg{
    background:#BBEE00;
}

.pl-broker-modal .modal-content.lime-bg{
    border-radius:0;
}

.modal-title{
    font-family:sharpGFamily;
}

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

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


.pl-broker-modal a{
    color:#ADCB07 !important;
}

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


.loading-modal .modal-dialog {
    max-width: 380px;
}

.loading-modal .modal-body{
    background: #0b2828;
    border-radius: 10px;
}

.loading-modal .modal-dialog .modal-content .modal-body .vertMid-inner {
    padding: 50px 10px;
    position: relative;    
    width: 100%;
    height: 100%;
    vertical-align: middle;
    margin: 0 auto;
}


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


/* Applicant partner's income confirmation */
.partner-income {
    max-width: 523px;
}

.partner-income-cta {
    min-width: 250px;
    height: 50px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px;
}

/*Soft check*/
.soft-check-wrap p {
    color: #000;
}

.soft-check-wrap .form-group {
    width: 100%;
    cursor: pointer;
}

    .soft-check-wrap .form-group.active {
        border: 1px solid #00A2FC;
        background: #F7FCFF;
    }


.soft-check-wrap label {
    margin-left: -6px;
}

    .soft-check-wrap label:hover {
        cursor: pointer;
    }

.soft-check-wrap .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.soft-check-wrap .form-group label {
    position: relative;
    cursor: pointer;
}

    .soft-check-wrap .form-group label:before {
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        border: 1px solid #C6C6C6;
        padding: 5px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 9px;
        height: 12px;
        margin-top: 7px;
    }

.soft-check-wrap .form-group input:checked + label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #BBEE00;
    background-color: #E4F899;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
}


.soft-check-wrap .form-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 4px;
    width: 4px;
    height: 8px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

#fixedRateModal .modal-header{
    border: none;
    padding-bottom: 0;
}

#fixedRateModal .close{
    opacity: 1;
    padding-top: 24px;
    padding-right: 36px;
}

#fixedRateModal p{
    font-size: 1rem;
    word-wrap: break-word
}

#fixedRateModal .modal-title{
    font-size: 32px;
    line-height: normal;
}

#fixedRateModal .modal-dialog{
    max-width: 742px;
}

#fixedRateModal .modal-content{
    border-radius: 16px;
    background: #FFF;
}

#fixedRateModal .modal-body{
    padding: 0 36px 32px 36px;
}

#fixedRateModal .modal-body a {
    color: #ADCB07;
}


#fixedRateModal .modal-body .btn-green{
    display: block;
    max-width: 210px;
    padding: 1rem;
    width: 100%;
    font-size: 18px;
    margin: 32px auto;
    color: #000;
}

#fixedRateModal .bdm{
    border-radius: 10px;
    background: #F7F7F7; 
    padding: 1rem;
}

#fixedRateModal .bdm p{
    margin: 0;
}

#fixedRateModal .bdm h4{
    font-size: 1rem;
    font-weight: bold;
    margin: 0;
}

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

    .pl-checkbox-wrap [type=checkbox] {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        z-index: 2
    }

    .pl-checkbox-wrap .checkbox-label {
        display: block;
        text-align: left;
        color: #000;
        width: 100%;
        height: auto;
        background-color: #fff;
        border: 1px solid #c6c6c6;
        padding: 7px;
        position: relative;
        font-size: 14px;
        min-height: 20px;
        margin-bottom: 20px
    }

    .pl-checkbox-wrap.title-checkbox-wrap .checkbox-label {
        margin-bottom: 5px
    }

    .pl-checkbox-wrap .checkbox-label .loan-reason-tooltip {
        z-index: 3
    }

    .pl-checkbox-wrap input[type=checkbox]:checked ~ .checkbox-label, .autopay-checkbox-wrap input[type=checkbox]:checked:hover ~ .checkbox-label {
        background-color: #F9FDE6;
        border: 1px solid #BBEE00;
        color: #000;
        cursor: pointer;
        font-weight: bold
    }

    .pl-checkbox-wrap input[type=checkbox]:hover ~ .checkbox-label {
        border: 1px solid #BBEE00;
    }

    .pl-checkbox-wrap input:hover {
        cursor: pointer !important
    }

    .pl-alert-container {
        border-radius: 6px;
        padding: 18px;
        margin-top:15px;
    }

    .pl-alert-container.blue {
        background: #e9effe;
    }

    .pl-alert-container.green {
        background: #f2fcce;
        border: 1px solid #d9f572;
    }

    .pl-alert-container.grey {
        background: #e7e9e9;
    }

    .pl-alert-container p {
        text-align: center;
        font-size:14px;
        margin-bottom:0;
    }

    .popover-body {
        text-align: center;
    }

    .quick-q-btn {
        padding-left: 30px;
        padding-right: 30px;
    }

@media (max-width: 1200px) {
    .partner-income-field {
        max-width: 437px;
    }
}

@media (max-width: 991px) {
 
    .caret-down{
        top: 40px;
    }

    .partner-income-field {
        max-width: 317px;
    }
}

@media (max-width: 767px) {

    .partner-income-field {
        max-width: 100%;
    }

    #fixedRateModal .modal-body {
        padding: 0 18px 36px 18px;
    }
}