@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&display=swap');
:root {
    --white: #FFFFFF;
    --grey: #777777;
    --lightgrey: #EBEBEB;
    --darkgreen: #0F7F3F;
    --lightgreen: #28B757;
    --textcolor: #333333;
    --themecolor: #111111;
    --linkcolor: #0064C7;
}
html,body{ font-family: 'Montserrat', sans-serif; font-size: 16px; -webkit-text-size-adjust: 100%; line-height: 1.2; color: var(--themecolor); background-color: #fafafa;}
body.bg-backdrop { position: relative; }
body.bg-backdrop:after { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); }
.setbg { background-size: cover; background-position: center center; background-repeat: no-repeat; }

h1, .h1 { font-size: 48px; }
h2, .h2 { font-size: 40px }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 20px; }
h5, .h5 { font-size: 16px; }
h6, .h6 { font-size: 14px; }
.f-30 { font-size: 30px; }
.f-20 { font-size: 20px; }
.themetextcolor { color: var(--themecolor) !important; }
.text-lightgreen { color: var(--lightgreen) !important; }

p {line-height: 1.5em; }
p:last-child { margin-bottom: 0; }
a { color: var(--themecolor); text-decoration: none; }
a:hover { color: var(--lightgreen); }
a:focus { outline: none; }
input[type=number] { -moz-appearance: textfield; }
input[type=number]:-webkit-inner-spin-button, input[type=number]:-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; }
.w-100 { flex: 1 0 100% !important; max-width: 100% !important; }

/* Loader */
.preloader {background-color: #fafafa;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 99999;}
.preloader-spin {position: absolute;left: 50%;top: 50%;z-index: 1001;width: 80px;height: 80px;margin: -40px 0 0 -40px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;border: 2px solid transparent;border-top-color: #28b756;-webkit-animation: PreloaderSpin 2s linear infinite;animation: PreloaderSpin 2s linear infinite;}
.preloader-spin:before {content: "";position: absolute;top: 4px;left: 4px;right: 4px;bottom: 4px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;border: 2px solid transparent;border-top-color: #00bcd4;-webkit-animation: PreloaderSpin 3s linear infinite;animation: PreloaderSpin 3s linear infinite;}
.preloader-spin:after{content: "";position: absolute;top: 10px;left: 10px;right: 10px;bottom: 10px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;border: 2px solid transparent;border-top-color: #707070;-webkit-animation: PreloaderSpin 1.5s linear infinite;animation: PreloaderSpin 1.5s linear infinite;}

/* Header Css */
header { position: fixed; top: 0; left: 0; right: 0; z-index: 10; border-bottom: 1px solid #E5E5E5; }
header .logo img { width: 197px; position: relative; }
header .navbar { background-color: var(--white); }
header .navbar-collapse { flex-grow: 0; }
header .navbar-nav { gap: 60px; }
header .nav-link, header .nav-link:focus { color: var(--textcolor); font-weight: 600; }
header .nav-link:hover, header .nav-item .nav-link.active { color: var(--lightgreen); }
header .navbar-toggler { border: 0; padding: 0; font-size: 25px; }
header .navbar-toggler:focus { box-shadow: none; }
header .navbar-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23333333' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.admin-bar header #headerMenu { padding-top: 107px; }
.admin-bar header { top: 32px; }

h1 { font-size: 24px; font-weight: 700; margin-bottom: 0; text-align: center; padding: 25px; color: var(--white); background-color: var(--darkgreen); border-top-left-radius: 20px; border-top-right-radius: 20px; }
.main { padding: 130px 0 60px; }
.login-main { padding: 11.5% 0; background-attachment: fixed; min-height: calc(100vh - 60px); }
.wrapper { display: flex; }
.heroBanner-wrap { margin: 0 auto; border-radius: 20px; background-color: var(--white); }
.portal-wrap { min-width: 500px; padding: 50px 50px 30px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border: 1px solid var(--lightgrey); background-color: var(--white); }

/* Form */
.form-wrap { max-width: 540px; }
.text-editor { margin: 30px 0; }
.text-editor .text-editor-label { font-size: 14px; font-weight: 500; margin-bottom: 10px; }
.text-editor input, .text-editor select, .text-editor textarea, .rangeCalc output { font-size: 16px; line-height: 1.2; font-weight: 500; padding: 16px 24px; border-radius: 40px; color: var(--themecolor); border-color: var(--grey); }
.text-editor select { cursor: pointer; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat right 0.75rem center/16px 12px; }
.form-control:focus { outline: none; box-shadow: none; border-color: var(--lightgreen); }
.text-editor:first-child { margin-top: 0; }
.text-editor.multi--select select { background: none; border-radius: 10px; }

.text-editor.multi--select select::-webkit-scrollbar {
    width: 5px;
  }
  .text-editor.multi--select select::-webkit-scrollbar-track {
    background-color: rgb(15, 127, 63, .1);
  }
  .text-editor.multi--select select::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgb(15, 127, 63, 1);
  }
.btn-editor { padding: 10px 0 30px; }
.btn-green, .coborrowerbtn, .gform_button_select_files { width: 100%; padding: 14px; font-size: 18px; line-height: 1.2; font-weight: 600; color: var(--white); border-radius: 40px; background-color: var(--lightgreen); }
.btn.btn-green:hover, .btn.btn-green:active { color: var(--white); border-color: var(--lightgreen); background-color: var(--lightgreen); }
.btn-outline-green, .coborrowerbtn, .gform_button_select_files { color: var(--lightgreen); background-color: transparent; border: 2px solid var(--lightgreen); }
.coborrowerbtn, .gform_button_select_files { width: auto; font-size: 13px; padding: 4px 12px; }
.gform_button_select_files { padding: 6px 16px 7px; }
.coborrowerbtn:hover, .gform_button_select_files:hover { color: var(--white); background-color: var(--lightgreen); }
.btn-lg .btn-green { max-width: 400px; }
.reset-password { font-size: 14px; font-weight: 500; margin-bottom: 50px; }
.reset-password a { color: var(--linkcolor); }
.reset-password a:hover { color: var(--lightgreen); }
.contact-halo { margin: 0 -50px; padding: 30px 50px 0; border-top: 1px solid var(--lightgrey); }
.contact-halo .contact-halo-title { font-size: 16px; margin-bottom: 20px; color: var(--grey); }
.contact-section { gap: 50px; display: flex; flex-wrap: wrap; font-size: 14px; font-weight: 500; }
.contact-section .contact-text { margin-left: 10px; }
.contact-call .fa-phone { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.submit-text { margin: 0; font-weight: 500; line-height: 1.6; padding-bottom: 15px; }
.portalBox-main { gap: 20px; display: flex; flex-wrap: wrap; margin-bottom: 50px; color: var(--white); justify-content: center; }
.portalBox-main .portalBox { display: flex; flex: 1; flex-flow: column; min-width: 220px; border-radius: 6px; align-items: center; justify-content: space-between; border: 2px solid var(--lightgreen); border-radius: 10px; }
.portalBox-main .portalBox:hover { background-color: var(--lightgreen); }
.portalBox-main .portalBox a { width: 100%; height: 100%; padding: 40px 20px 30px; }
.portalBox-main .portalBox:hover a, .portalBox-main .portalBox:hover .portalBox-icon { color: var(--white); }
.portalBox-main .portalBox .portalBox-title { font-size: 16px; margin: 0; }
.portalBox .portalBox-icon { margin-bottom: 20px; color: var(--lightgreen); }
.go-back { padding-top: 20px; margin: 50px 0 20px; border-top: 1px solid #B5B5B5; }
.go-back a { color: var(--lightgreen); }
.tablesaw-bar-section { display: none; }
.data_table tr th { text-transform: uppercase; border-bottom: 1px solid #B5B5B5; }
.data_table tr th:focus { outline: none; }
.data_table tr th, .data_table tr td { vertical-align: top; }
.data_table tr:nth-child(even), .data_table tr:nth-child(even) .title { background-color: #F2F2F2; }
.data_table tr td { font-weight: 600; padding: 2em .7em; }
.data_table tr td.title, .data_table tr td p { margin-bottom: 0; font-weight: normal; }
.data_table tr td .name { color: #005288; font-weight: 600; }
.data_table .title, .data_table .sticky-col { z-index: 1; position: -webkit-sticky !important; position: sticky !important; background-color: var(--white); }
.data_table .title { left: 0px; width: 200px; min-width: 200px; max-width: 200px; }

/* Customer List View */
.customer-opportunity { padding: 20px 0; color: var(--white); background-color: var(--darkgreen); }
.create-opportunity { display: flex; align-items: center; justify-content: space-between; }
.create-opportunity h3 { margin: 0; }
.create-opportunity .btn { width: auto; font-size: 16px; padding: 10px 40px; color: var(--white); border-color: var(--white); }
.create-opportunity .btn:hover { color: var(--lightgreen); border-color: var(--white); background-color: var(--white); }
.sectionFilter { margin-bottom: 10px; }
.sectionFilter .input-group,
.sectionFilter input,
.sectionFilter select,
.sectionFilter .input-group-prepend { border-radius: 40px; }
.sectionFilter .input-group { padding-right: 20px; background-color: var(--white); border: 1px solid #D6D6D6; }
.sectionFilter input,
.sectionFilter select { cursor: pointer; font-size: 14px; padding: 10px 20px; padding-right: 0; color: var(--grey); border-color: #D6D6D6; }
.sectionFilter input:focus,
.sectionFilter select:focus { box-shadow: none; border-color: #D6D6D6; }
.sectionFilter .input-group-prepend { cursor: pointer; }
.sectionFilter .input-group-prepend .fas { color: var(--themecolor); }
.sectionFilter .btn-filter { font-size: 14px; font-weight: 500; color: var(--linkcolor); }
.sectionFilter .btn-filter:hover { color: var(--lightgreen); }
.sectionFilter .btn-primary, .sectionFilter .btn-primary:focus { border: none; box-shadow: none; background-color: #A7A9AC;}
.sectionFilter .btn-primary:hover, .sectionFilter .btn-primary:active { background-color: var(--lightgreen); }
.sectionFilter .input-group-prepend .input-group-text { height: 100%; border-radius: 0; background: var(--white); border: 0; border-radius: 0.375rem; border-top-right-radius: 0; border-bottom-right-radius: 0; color: var(--grey); }
.sectionFilter .select2-container--default .select2-selection--multiple { border-radius: 40px; padding: 11px 20px 10px; border: 1px solid #D6D6D6; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat right 0.75rem center/16px 12px; }
.sectionFilter .select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--open .select2-dropdown.select2-dropdown--below { border-color: #D6D6D6; }
.select2-container--open .select2-dropdown.select2-dropdown--below { border-top: 1px solid #D6D6D6; }
.sectionFilter .select2-container--default .select2-search--inline .select2-search__field { margin: 0; height: 20px; }

/* Tablesaw Bar */
.tablesaw-bar { display: flex; align-items: center; flex-flow: row-reverse; }
.tablesawSwipe { background-color: var(--white); }
.tablesawSwipe .tablesaw-advance-dots { margin-top: -7px; }
.tablesawSwipe .tablesaw-advance-dots li i { background: var(--lightgreen); }
.tablesawSwipe .tablesaw-advance a.tablesaw-nav-btn { width: 40px; height: 40px; border-radius: 50%; border-color: #D6D6D6; }
.tablesawSwipe .tablesaw-advance a.tablesaw-nav-btn.disabled { opacity: 1; }
.tablesawSwipe .tablesaw-advance a.tablesaw-btn:focus { box-shadow: none !important; }
.tablesawSwipe .tablesaw-advance a.tablesaw-nav-btn.disabled:before { opacity: 0.25; }
.tablesawSwipe .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesawSwipe .tablesaw-advance a.tablesaw-nav-btn.right:before { top: 50%; left: 50%; border: 0; width: 8px; height: 8px; border-top: 2px solid #000; border-right: 2px solid #000; }
.tablesawSwipe .tablesaw-advance a.tablesaw-nav-btn.left:before { -webkit-transform: translate(-50%,-50%) rotate(-133deg); transform: translate(-50%,-50%) rotate(-133deg); }
.tablesawSwipe .tablesaw-advance a.tablesaw-nav-btn.right:before { -webkit-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg); }
.tablesawSwipe .tablesaw-swipe-cellpersist { border-right: 0; }
.tablesawSwipe table { border-radius: 20px; border: 1px solid var(--lightgrey); }
.tablesawSwipe table tr th { font-size: 13px; text-transform: capitalize; }
.tablesawSwipe table tr th, .tablesawSwipe table tr td { font-weight: 500; color: var(--grey); border-bottom: 1px solid var(--lightgrey); }
.tablesawSwipe table tr:last-child td { border: 0; }
.tablesawSwipe table tr th .tablesaw-sortable-arrow:after { font-size: 12px; content: "\f0dc"; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.tablesawSwipe table tr th.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after { content: "\f0de"; }
.tablesawSwipe table tr th.tablesaw-sortable-descending .tablesaw-sortable-arrow:after { content: "\f0dd"; }
.tablesawSwipe table tr th .tablesaw-sortable-btn { padding: 1.4em 0.7em; }
.tablesawSwipe table tr th .tablesaw-sortable-btn:focus-visible { outline: none; }
.tablesawSwipe table tr td { font-size: 14px; color: #333333; line-height: 1.5; vertical-align: top; padding: 1.2em 0.7em; }
.tablesawSwipe table tr td .name { margin: 0; cursor: pointer; font-weight: 600; color: var(--linkcolor); }
.tablesawSwipe table tr td p { margin-top: 5px; color: var(--grey); }
.tablesawSwipe table tr td { min-width: 150px; }
.tablesawSwipe table tr td:nth-child(1) { min-width: 50px !important; }
/* Tablesaw Bar */

.form-multi { max-width: 930px; }
.form-main { display: flex; gap: 30px; flex-wrap: wrap; margin-bottom: 30px; }
.form-main .text-editor { margin: 0; flex: 1 0 46.5%; max-width: 50%; }
.change-password { padding: 30px 0 20px; }
.border-spacer { margin: 20px -50px; border-top: 1px solid var(--lightgrey); }
.spacer-20 { height: 20px; }
.spacer-50 { height: 50px; }
.search-main { padding-top: 72px; }
.ginput_preview { display: flex; align-items: center; }

/* Payment Calculator */
.rangeCalc { display: flex; align-items: center; }
.rangeCalc output { flex: 1 0 100px; max-width: 100px; text-align: center; margin-right: 30px; border: 1px solid var(--grey); }
.rangeCalc .range-input { padding: 0; width: 100%; }
/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type='range'] { overflow: hidden; -webkit-appearance: none; border: 1px solid #D6D6D6; }
    input[type='range']:focus { outline: none; box-shadow: none; }
    input[type='range']::-webkit-slider-runnable-track { -webkit-appearance: none; }    
    input[type='range']::-webkit-slider-thumb { width: 10px; height: 10px; cursor: ew-resize; -webkit-appearance: none; background-color: var(--textcolor); box-shadow: -800px 0 0 800px var(--lightgreen); }
}
/** FF*/
input[type="range"]::-moz-range-progress { height: 22px; background-color: var(--lightgreen); }
input[type='range']::-moz-range-thumb { border: 0; width: 20px; height: 22px; cursor: ew-resize; border-radius: 0; background-color: #000; }
/* IE*/
input[type="range"]::-ms-fill-lower { background-color: var(--lightgreen); }
input[type="range"]::-ms-fill-upper { height: 0; padding: 0; }

.payment-main .btn-editor { padding-bottom: 20px; }
.payment-column-title.heroBanner-wrap { margin-top: 60px; }
.payment-column-title.heroBanner-wrap, .payment-column-title .portal-wrap { border: 0; background-color: transparent; }
.payment-column-title .portal-wrap { margin: 0; padding: 0; }
.payment-column-title h4 { font-size: 22px; font-weight: 600; text-align: center; margin-bottom: 20px; color: var(--darkgreen); } .payment-column-title h4 em { font-weight: 500; }
.payment-column-two, .my-options { width: 100%; margin: 0 auto; min-width: 500px; max-width: 930px; border-radius: 20px; background-color: #fff; border: 1px solid var(--lightgrey); }
.payment-column-two .payment-columns { display: flex; flex-direction: row; }
.payment-column-two .payment-column { width: 50%; display: flex; flex-flow: column; padding: 50px 20px; align-items: center; justify-content: center; }
.payment-column-two .payment-column:first-child { border-right: 1px solid var(--lightgrey); }
.payment-column-two .payment-columns .payment-number { font-size: 100px; color: var(--lightgreen); }
.payment-column-two .payment-columns .payment-number sup { top: -0.6em; font-size: 58px; font-weight: 500; }
.payment-column-two .payment-columns .payment-desc { font-weight: 500; text-align: center; }
.my-options { padding: 50px; }
.my-options p { font-size: 18px; font-weight: 500; }
.my-options .payment-column-two { min-width: auto; }
.my-options .payment-column-two .payment-percentage { font-size: 24px; font-weight: 600; color: var(--grey); }
.payment-terms-conditions { font-size: 12px; margin-top: 40px; font-weight: 500; line-height: 1.35; font-style: italic; color: var(--grey); }
.contact-halo-calc { margin-top: 30px; }
.contact-halo-calc .contact-halo { border: 0; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; }
.contact-halo-calc .contact-halo .contact-halo-title { margin-bottom: 0; }
.contact-halo-calc .contact-halo, .contact-halo-calc .contact-halo .contact-section { gap: 60px; }

/* Manage Users */
.table_manage_users { overflow: auto; max-width: 1000px; min-height: 820px; margin: 30px auto 0; border-radius: 20px; border: 1px solid var(--lightgrey); }
.table_manage_users table { width: 100%; margin-bottom: 30px; }
.table_manage_users tr { border-bottom: 1px solid var(--lightgrey); }
.table_manage_users tr th, .table_manage_users tr td { font-weight: 500; }
.table_manage_users tr th { font-size: 12px; cursor: pointer; color: var(--grey); padding: 17px 14px 15px; }
.table_manage_users tr th:after { content: "\f0dc"; width: 10px; height: 14px; font-size: 12px; display: inline-block; margin-left: .3125em; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.table_manage_users tr th.asc:after { content: "\f0de"; }
.table_manage_users tr th.desc:after { content: "\f0dd"; }
.table_manage_users tr th.mu-icon { pointer-events: none; }
.table_manage_users tr th.mu-icon:after { display: none; }
.table_manage_users tr td { padding: 14px; font-size: 14px; }
.table_manage_users .tmu_name { color: #0064C7; font-weight: 600; }
.table_manage_users .tmu_name:hover { color: var(--lightgreen); }
.table_manage_users tr td [type="checkbox"] { position: absolute; opacity: 0; }
.table_manage_users tr td label { padding: 0; cursor: pointer; position: relative; }
.table_manage_users label:before { content: ""; width: 20px; height: 20px; border-radius: 4px; display: inline-block; vertical-align: text-top; background: var(--white); border: 1px solid var(--grey); }
.table_manage_users [type="checkbox"]:checked + label:before { background-color: var(--lightgreen); }




/* Modal */
.modal-borrower .modal-dialog { max-width: 1000px; }
.modal-borrower .modal-content { border: 0; }
.modal-borrower .modal-header { color: var(--white); padding-left: calc(.5 * 1.5rem); padding-right: calc(.5 * 1.5rem); background-color: var(--darkgreen); }
.modal-borrower .modal-header .modal-title { font-size: 20px; }
.modal-borrower .modal-header .btn-close { opacity: 1; outline: none; box-shadow: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); }
.modal-borrower .modal-dialog .modal-body { padding: calc(.5 * 1.5rem); }
.modal-borrower .row:not(:first-child) { padding-top: calc(.5 * 1.5rem); }
.modal-borrower .row:not(:last-child) { padding-bottom: calc(.5 * 1.5rem); border-bottom: 1px solid var(--lightgrey); }
.modal-borrower .modal-label { margin: 5px 0; font-weight: 500; }

/* Customer Details View */
.customer_view { border-radius: 20px; border: 1px solid var(--lightgrey); padding: 12px calc(var(--bs-gutter-x) * .5) 20px; }
.customer_view [class*="col-"]:nth-child(n+5) { border-top: 1px solid var(--lightgrey); }
.customer_view .cust_detail { padding: 12px 15px 10px; }
.customer_view label { font-weight: 500; margin-bottom: 5px; }
.co-borrower-info { padding: 15px 15px 15px 25px; border-top: 1px solid var(--lightgrey); }
.co-borrower-info h3 { margin: 0; }
.customer_details { border-radius: 20px; }
.customer_details h4 { font-weight: 500; margin-bottom: 15px; padding-bottom: 30px; color: var(--themecolor); border-bottom: 1px solid var(--lightgrey); }
.customer_details .cust_detail label { font-size: 14px; margin-top: 15px; color: var(--grey); margin-bottom: .5rem; }
.customer_details .cust_detail p { line-height: 1.2; font-weight: 600; }

/* Borrower Details */
.closed-won-wrap, .borrower-details .accordion-item, .customer_details { padding: 50px;border: 1px solid var(--lightgrey); }
.closed-won-wrap { margin-top: 70px; }
.closed-won-main { display: flex; row-gap: 70px; flex-wrap: wrap; overflow: hidden; }
.closed-won-wrap .closed-won-step { display: flex; flex: 1; min-width: 20%; flex-flow: column; position: relative; text-align: center; align-items: center; justify-content: flex-start; }
.closed-won-wrap .closed-won-step:first-child { margin-left: -7%; padding-left: 3px; }
.closed-won-wrap .closed-won-step:last-child { margin-right: -7%; padding-right: 3px; }
.closed-won-wrap .closed-won-step .closed-won-step-number { width: 80px; height: 80px; display: flex; font-size: 24px; font-weight: 600; border-radius: 50%; align-items: center; justify-content: center; color: var(--lightgreen); background-color: transparent; border: 2px solid var(--lightgreen); }
.closed-won-wrap .closed-won-step.active .closed-won-step-number { color: var(--white); background-color: var(--lightgreen); }
.closed-won-wrap .closed-won-step-details { margin-top: 10px; }
.closed-won-wrap .closed-won-step-details p { font-size: 12px; font-weight: 500; margin: 5px 0 8px; line-height: 1.25; color: var(--grey); }
.closed-won-wrap .closed-won-step-details a { font-weight: 600; color: var(--linkcolor); }
.closed-won-wrap .closed-won-step-details a:hover { color: var(--lightgreen); }
.closed-won-wrap .closed-won-step-details a i { margin-right: 5px; }
.closed-won-wrap .closed-won-step:not(:last-child):after, .closed-won-wrap .closed-won-step:not(:first-child):before { content: ''; top: 40px; height: 2px; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: var(--lightgrey); }
.closed-won-wrap .closed-won-step:not(:last-child):after { content: ''; width: 44px; right: 25px; }
.closed-won-wrap .closed-won-step:not(:first-child):before { content: ''; left: -25px; width: 90px; height: 2px; }
.closed-won-wrap .closed-won-step:not(:first-child) .closed-won-step-number span:before, .closed-won-wrap .closed-won-step:not(:first-child) .closed-won-step-number span:after { content: ""; left: 54px; width: 15px; height: 2px; position: absolute; background-color: var(--lightgrey); }
.closed-won-wrap .closed-won-step.active:after, .closed-won-wrap .closed-won-step.active:before,
.closed-won-wrap .closed-won-step.active .closed-won-step-number span:before, .closed-won-wrap .closed-won-step.active .closed-won-step-number span:after { background-color: var(--lightgreen); }
.closed-won-wrap .closed-won-step-number span:before { top: 45px; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }
.closed-won-wrap .closed-won-step-number span:after { top: 35px; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }
.checkbox { width: 18px; height: 18px; display: block; cursor: pointer; margin: 0 auto; position: relative; -webkit-tap-highlight-color: transparent; }
.checkbox svg { display: block; position: absolute; }
.checkbox input { margin: 0; padding: 0; width: 18px; height: 18px; border: none; outline: none; display: block; border-radius: 4px; -webkit-appearance: none; box-shadow: inset 0 0 0 1.5px #999999; background: var(--background, transparent); transition: background 0.25s linear, box-shadow 0.25s linear; }
.checkbox input + svg { top: 0; left: 0; width: 21px; height: 18px; color: var(--lightgreen); }
.checkbox input + svg .tick { stroke-dasharray: 20; stroke-dashoffset: var(--stroke-dashoffset, 20); transition: stroke-dashoffset 0.2s; }
.checkbox input + svg .tick.mask { stroke: var(--white); }
.checkbox input + svg + svg { fill: none; top: -6px; width: 11px; right: -10px; height: 11px; stroke-width: 1.25; stroke-linecap: round; stroke-dasharray: 4.5px; stroke: var(--lightgreen); stroke-dashoffset: 13.5px; pointer-events: none; -webkit-animation: var(--animation, none) 0.2s ease 0.175s; animation: var(--animation, none) 0.2s ease 0.175s; }
.checkbox input:checked { background-color: var(--lightgreen); box-shadow: inset 0 0 0 1.5px var(--lightgreen); }
.checkbox input:checked + svg { --stroke-dashoffset: 0; }
.checkbox input:checked + svg + svg { --animation: check; }
.closed-won-wrap .btn-editor { margin-top: 70px; }

.borrower-details { margin-top: 30px; }
.borrower-details .accordion-header { position: relative; }
.borrower-details .accordion-item { border-radius: 20px; }
.borrower-details .accordion-header .accordion-button { padding: 0; font-size: 20px; box-shadow: none; font-weight: 500; color: var(--themecolor); background-color: transparent; }
.borrower-details .accordion-item:last-of-type .accordion-header .accordion-button.collapsed { border-radius: 0; }
.borrower-details .accordion-header .accordion-button:after { content: "\f067"; margin-top: -1px; background: none; font-weight: 900; font-family: "Font Awesome 5 Free"; }
.borrower-details .accordion-header .accordion-button:not(.collapsed):after { content: "\f068"; margin-top: 2px; }
.borrower-details .accordion-header .open-modal { z-index: 3; cursor: pointer; font-size: 18px; font-weight: 600; color: var(--linkcolor); }
.borrower-details .accordion-header .open-modal:hover { color: var(--lightgreen); }
.borrower-details .accordion-body { padding: 0; }
.borrower-details .accordion-body .borrower-details-header { margin-top: 30px; padding-top: 15px; border-top: 1px solid var(--lightgrey); }
.borrower-details .accordion-body .borrower-details-header h5 { font-size: 14px; margin-top: 15px; color: var(--grey); }
.borrower-details .accordion-body .borrower-details-header p { line-height: 1.2; font-weight: 600; }
.borrower-details .accordion-body .borrower-details-content { margin-top: 30px; padding-top: 10px; border-top: 1px solid var(--lightgrey); }
.borrower-details .accordion-body .borrower-details-content .borrower-details-info { margin-top: 30px; }
.borrower-details .accordion-body .borrower-details-content .borrower-details-info h4 { font-size: 18px; font-weight: 600; color: var(--grey); margin: 20px 0; }
.borrower-details .accordion-body .borrower-details-content .borrower-details-info .borrower-details-info-title { margin: 0; padding-top: 30px; border-top: 1px solid var(--lightgrey); }
.borrower-details .accordion-body .borrower-details-content .borrower-details-info ul { gap: 10px; display: flex; padding-left: 0; margin-bottom: 0; list-style: none; flex-flow: column; }
.borrower-details .accordion-body .borrower-details-content .borrower-details-info ul li { display: flex; font-weight: 500; align-items: baseline; color: var(--textcolor); }
.borrower-details .accordion-body .borrower-details-content .borrower-details-info ul li i { font-size: 14px; margin-right: 8px; color: var(--grey); }
.borrower-details .accordion-body .borrower-details-content .borrower-details-info .info { margin-top: 20px; }
.borrower-details .accordion-body .borrower-details-content .borrower-details-info h5 { margin-bottom: 8px; color: var(--grey); }
.borrower-details .accordion-body .borrower-details-content .borrower-details-info p { font-weight: 600; color: var(--themecolor); }
.borrower-details .accordion-body .borrower-details-content .borrower-details-info p span { display: block; }
.borrower-details .accordion-body .borrower-details-content .borrower-details-info p span > span { display: inline; }
.borrower-details .borrower-details-table { margin-top: 20px; }
.borrower-details .borrower-details-table tr th { border: 0; padding: 0 14px; font-size: 14px; font-weight: 500; color: var(--grey); }
.borrower-details .borrower-details-table tr td { padding: 14px; font-weight: 600; color: var(--themecolor); }
.borrower-details .borrower-details-table tr td.filename { text-decoration: underline; }
.borrower-details .borrower-details-table tr th:first-child, .borrower-details .borrower-details-table tr td:first-child { padding-left: 0; }
.borrower-details .borrower-details-table tr th:last-child, .borrower-details .borrower-details-table tr td:last-child { padding-right: 0; }
.borrower-details .borrower-details-table tr td.pencil, .borrower-details .borrower-details-table tr td.trash { text-align: right; }
.borrower-details .borrower-details-table tr td.pencil i { color: var(--lightgreen); }
.borrower-details .borrower-details-table tr td.trash i { color: var(--grey); }
.borrower-details .borrower-details-table tr td.pencil i:hover, .borrower-details .borrower-details-table tr td.trash i:hover { color: var(--darkgreen); }

.modal-borrower-details .modal-dialog .modal-body { padding: 50px; }
.modal-borrower-details .form-main { margin-bottom: 0; }
.modal-borrower-details .form-modal-title { margin-bottom: 30px; }
.modal-borrower-details .file-upload-wrapper { width: 100%; height: 53px; position: relative; }    
.modal-borrower-details .file-upload-wrapper:after { content: attr(data-text); top: 0; left: 0; height: 53px; display: block; position: absolute; padding: 16px 24px; width: calc(100% - 120px); pointer-events: none; color: var(--themecolor); border-radius: 40px 0 0 40px; border: 1px solid var(--grey); border-right: 0; }
.modal-borrower-details .file-upload-wrapper:before { content: 'Upload'; top: 0; right: 0; z-index: 25; height: 53px; font-weight: 700; line-height: 1.2; position: absolute; padding: 16px 24px; color: var(--white); pointer-events: none; display: inline-block; text-transform: uppercase; border-radius: 0 40px 40px 0; background-color: var(--lightgreen); }
.modal-borrower-details .file-upload-wrapper:hover:before { background-color: var(--darkgreen); }
.modal-borrower-details .file-upload-wrapper input { opacity: 0; position: absolute; z-index: 99; width: 100%; height: 53px; cursor: pointer; }


/* 404 */
.notfound { font-weight: 500; border-radius: 20px; }
.notfound-title { font-size: 160px; font-weight: 600; color: var(--darkgreen); }
.notfound-subtitle { font-size: 36px; margin-bottom: 20px; }
.notfound .btn { max-width: 220px; }



@media only screen and (min-width: 576px) {
    .borrower-details .accordion-header .open-modal { position: absolute; top: 2px; right: 50px; }
}
@media only screen and (min-width: 768px) {
    .tablesaw-bar { position: absolute; right: 10px; margin-top: -5.6em; }
}
@media only screen and (min-width: 992px) {
    header .navbar-collapse .container,
    header .navbar-expand-lg .navbar-nav .nav-link { padding: 0; }
    .sectionFilter [class*='col-lg'] { max-width: 410px; }
}
@media only screen and (min-width: 1200px) {
    .form-multi, .payment-column-two, .my-options { min-width: 930px; }
}
@media only screen and (min-width: 1400px) {
    .sectionFilter { margin-bottom: 60px; }
    .tablesaw-bar { margin-top: -6em; }
}
@media only screen and (min-width: 1600px) {
    .container { max-width: 1464px; }
    .sectionFilter { margin-bottom: 10px; }
}

@media only screen and (max-width: 1599.98px) {
    .payment-column-two .payment-columns .payment-number { font-size: 70px; }
    .payment-column-two .payment-columns .payment-number sup { top: -0.5em; font-size: 45px; }
}
@media only screen and (max-width: 1399.98px) {
    .sectionFilter { margin-bottom: 0; padding-bottom: 0 !important; }
    .tablesawSwipe { margin-top: 40px; }
    .closed-won-wrap .closed-won-step-details h5, .closed-won-wrap .closed-won-step-details a { font-size: 14px; }
    .closed-won-wrap .closed-won-step .closed-won-step-number { width: 70px; height: 70px; font-size: 22px; }
    .closed-won-wrap .closed-won-step:not(:first-child):before, .closed-won-wrap .closed-won-step:not(:last-child):after { top: 35px; }
    .closed-won-wrap .closed-won-step:not(:first-child):before { left: -8px; width: 51px; }
    .closed-won-wrap .closed-won-step:not(:last-child):after { right: 8px; width: 35px; }
    .closed-won-wrap .closed-won-step:not(:first-child) .closed-won-step-number span:before, .closed-won-wrap .closed-won-step:not(:first-child) .closed-won-step-number span:after { left: 34px; width: 10px; }
    .closed-won-wrap .closed-won-step-number span:before { top: 38px; }
    .closed-won-wrap .closed-won-step-number span:after { top: 32px; }
}
@media only screen and (max-width: 1366.98px) {
    header .navbar-nav { gap: 30px; }
    .notfound-title { font-size: 120px; }
    .notfound-subtitle { font-size: 30px; }
}
@media only screen and (max-width: 1199.98px) {
    h1 { padding: 20px; }
    .spacer-20 { height: 0; }
    header .logo img { width: 150px; }
    header .nav-link { font-size: 14px; }
    .spacer-50 { height: 30px; }
    .portal-wrap { padding: 30px; }
    .portalBox-main { margin-bottom: 30px; }
    .text-editor input, .text-editor select, .text-editor textarea, .rangeCalc output { font-size: 14px; padding: 12px 18px; }
    .btn-green { padding: 12px; font-size: 16px; }
    .reset-password { margin-bottom: 30px; }
    .contact-halo { margin: 0 -30px; padding: 30px 30px 0; }
    .border-spacer { margin: 10px -30px; }
    .change-password { padding: 25px 0 10px; }
    .create-opportunity .btn { padding: 10px 20px; }
    .payment-main .btn-editor { padding-bottom: 0; }
    .payment-column-title.heroBanner-wrap { margin-top: 30px; }
    .search-main { padding-top: 60px; }
    .customer_view [class*="col-"]:nth-child(n+4) { border-top: 1px solid var(--lightgrey); }
    .closed-won-wrap .closed-won-step:first-child { margin-left: -6%; }
    .closed-won-wrap .closed-won-step:last-child { margin-right: -6%; }
    .closed-won-wrap .closed-won-step .closed-won-step-number { width: 60px; height: 60px; font-size: 20px; }
    .closed-won-wrap .closed-won-step:not(:first-child):before, .closed-won-wrap .closed-won-step:not(:last-child):after { top: 30px; }
    .closed-won-wrap .closed-won-step:not(:first-child):before { left: 0; width: 35px; }
    .closed-won-wrap .closed-won-step:not(:last-child):after { right: 0; }
    .closed-won-wrap .closed-won-step:not(:first-child) .closed-won-step-number span::before, .closed-won-wrap .closed-won-step:not(:first-child) .closed-won-step-number span::after { left: 28px; }
    .closed-won-wrap .closed-won-step-number span:before { top: 33px; }
    .closed-won-wrap .closed-won-step-number span:after { top: 27px; }
    .notfound-title { font-size: 80px; }
    .notfound-subtitle { font-size: 26px; }
}
@media only screen and (max-width: 1059.98px) {
    h3, .h3 { font-size: 20px; }
    .go-back { margin-top: 45px; }
    .modal-borrower .modal-dialog { max-width: 90%; margin: 30px auto; }
}
@media only screen and (max-width: 991.98px) {
    .main { padding: 100px 0 40px; }
    header .navbar-collapse { position: absolute; top: 60px; left: 0px; right: 0px; /*box-shadow: 0px 21px 12px rgb(0 0 0 / 16%);*/ }
    header .navbar-nav { gap: 0; }
    header .navbar-nav .nav-item .nav-link { padding: 16px 30px; background-color: #f4f6f7; border-bottom: 1px solid #dfe5e8; }
    header .navbar-nav .nav-item .nav-link.active { background-color: var(--white); }
    .contact-section { gap: 30px; }
    .portalBox-main .portalBox { min-width: 150px; }
    .portalBox-main .portalBox a { padding: 20px 10px; }
    .portalBox-main .portalBox .portalBox-title { font-size: 14px; }
    .portalBox .portalBox-icon { margin-bottom: 12px; }
    .portalBox .portalBox-icon svg { max-height: 50px; }
    .my-options { padding: 30px; }
    .payment-column-two .payment-column { padding: 30px 15px; }
    .payment-column-two .payment-columns .payment-number { font-size: 50px; }
    .payment-column-two .payment-columns .payment-number sup { top: -0.45em; font-size: 35px; }
    .customer_view [class*="col-"]:nth-child(n+3) { border-top: 1px solid var(--lightgrey); }
    .my-options .payment-column-two .payment-percentage { font-size: 20px; }
    .payment-terms-conditions { margin-top: 20px; }
    .payment-column-title h4 { font-size: 20px; }
    .contact-halo-calc .contact-halo, .contact-halo-calc .contact-halo .contact-section { gap: 30px; }
    .closed-won-wrap, .borrower-details .accordion-item, .modal-borrower-details .modal-dialog .modal-body, .customer_details { padding: 30px; }
    .closed-won-wrap { margin-top: 40px; }
    .closed-won-wrap .closed-won-step { min-width: 33.3333%; }
    .closed-won-wrap .closed-won-step:first-child { padding-left: 0; }
    .closed-won-wrap .closed-won-step:last-child { padding-right: 0; max-width: 33.3333%; }
    .borrower-details .accordion-header .accordion-button { font-size: 18px; }
    .borrower-details .accordion-header .open-modal { font-size: 16px; }
    .borrower-details .accordion-body .borrower-details-header { margin-top: 15px; padding-top: 5px; }
    .borrower-details .accordion-body .borrower-details-content { margin-top: 20px; padding-top: 0; }
}
@media only screen and (max-width: 880.98px) {
    .go-back { margin-top: 30px; padding-top: 20px; }
}
@media only screen and (max-width: 782.98px) {
	.admin-bar header { top: 45px; }
    .admin-bar header #headerMenu { padding-top: 120px; }
}
@media only screen and (max-width: 767.98px) {
    .f-30 { font-size: 20px; }
	header #headerMenu .signout { margin-bottom: 15px; }
    .btn-lg .btn-green { max-width: 320px; }
    .portal-wrap, .payment-column-two, .my-options { min-width: 470px; }
    .form-main .text-editor { flex: 1 0 100%; max-width: 100%; }
    .rangeCalc { flex-flow: column; }
    .rangeCalc output { flex: 1 0 auto; width: 100%; max-width: 100%; margin: 0 auto 10px; }
    .my-options p { font-size: 16px; }
    .payment-terms-conditions { font-size: 14px; }
    .tablesawSwipe { margin-top: 0; }
    .tablesaw-bar { justify-content: center; background-color: #FAFAFA; }
    .customer_view [class*="col-"]:nth-child(n+2) { border-top: 1px solid var(--lightgrey); }
    .borrower-details .borrower-details-table tr th:not(.pencil,.trash), .borrower-details .borrower-details-table tr td:not(.pencil,.trash) { min-width: 160px; }
    .contact-halo-calc .contact-halo, .contact-halo-calc .contact-halo .contact-section { gap: 15px; flex-flow: column; align-items: center; }
}
@media only screen and (max-width: 640.98px) {
    .portalBox-main .portalBox { flex: 0 0 100%; max-width: 100%; }
    .portalBox .portalBox-icon { font-size: 36px; margin-top: 10px; }
}
@media only screen and (max-width: 575.98px) {
    .spacer-50 { height: 20px; }
    .heroBanner-wrap { width: 100%; }
    .portal-wrap { padding: 20px; min-width: auto; }
    .portalBox-main { margin-bottom: 20px; }
    .btn-editor { padding: 0 0 20px; }
    .table_manage_users .btn-editor { padding-left: 15px; padding-right: 15px; }
    .border-spacer { margin: 10px -20px; }
    .change-password { padding: 20px 0 10px; }
    .contact-halo { margin: 0 -20px; padding: 20px 20px 0; }
    .create-opportunity { flex-flow: column; }
    .create-opportunity .btn-opportunity { margin-top: 10px; }
    .contact-section { gap: 10px; flex-flow: column; }
    .tablesawSwipe .tablesaw-advance a.tablesaw-nav-btn { width: 35px; height: 35px; }
    .tablesawSwipe .tablesaw-advance a.tablesaw-nav-btn.left:before, .tablesawSwipe .tablesaw-advance a.tablesaw-nav-btn.right:before { width: 6px; height: 6px; }
    .payment-column-two, .my-options { min-width: auto; }
    .payment-column-two .payment-columns { flex-flow: column; }
    .payment-column-two .payment-column { width: 100%; }
    .payment-column-two .payment-column:first-child { border-right: 0; border-bottom: 1px solid var(--lightgrey); }
    .payment-column-two .payment-columns .payment-number { font-size: 40px; }
    .payment-column-two .payment-columns .payment-number sup { top: -0.5em; font-size: 26px; }
    .notfound br { display: none; }
    .tablesaw-bar { padding-left: 0; padding-right: 0; }
    .closed-won-main { row-gap: 40px; }
    .closed-won-wrap .closed-won-step { min-width: 50%; }
    .closed-won-wrap .closed-won-step:last-child { max-width: none; }
    .closed-won-wrap .closed-won-step:not(:first-child):before, .closed-won-wrap .closed-won-step:not(:last-child):after { width: 20px; }
    .closed-won-wrap .closed-won-step:not(:first-child) .closed-won-step-number span:before, .closed-won-wrap .closed-won-step:not(:first-child) .closed-won-step-number span:after { left: 13px; }
    .closed-won-wrap .btn-editor { margin-top: 40px; }
}





















@-webkit-keyframes PreloaderSpin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes PreloaderSpin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


@-webkit-keyframes check {
    100% {
      stroke-dashoffset: 4.5px;
    }
}
@keyframes check {
    100% {
      stroke-dashoffset: 4.5px;
    }
}