/* Borrower Analysis */
.borrower_analysis {
  height: auto !important;
  background: linear-gradient(
    220deg,
    #fff4c7 1%,
    #e4f5d7 8%,
    #f0f8fb 100%
  ) !important;
}

.borrower_analysis .portal-header {
  padding: 8px 0;
  width: 100%;
  z-index: 1;
  position: relative;
}

.borrower_analysis .borrower-portfolio .portal-container {
  padding-bottom: 5px;
  width: 100%;
  max-width: 1900px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  position: relative;
}

.borrower_analysis .portal-header .portal-logo {
  margin-right: 100px;
  height: 36px;
}

.borrower_analysis .portal-header .notification-wrapper {
  position: relative;
  display: inline-block;
  margin-right: 20px;
}

.borrower_analysis .portal-header .bell-icon {
  font-size: 24px;
  color: #4f4f4f;
}

.borrower_analysis .portal-header .notification-badge {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  background-color: #ee8291;
  color: white;
  font-size: 10px;
  padding: 1px 6px;
  border-radius: 50%;
  font-weight: bold;
}

.borrower_analysis-wrapper .result-wrapper .result-section {
  background-image: url("/assets/images/result-bg.png");
  background-size: cover;
  background-position: center;
}

.borrower_analysis .borrower_analysis-wrapper .card-shadow {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  background-color: #ffffff;
}

.borrower_analysis
  .borrower_analysis-wrapper
  .analysis-wrapper
  .analysis-label {
  font-size: 12px;
  font-weight: 500;
  color: var(--bold-color);
  margin-bottom: 5px;
}

.borrower_analysis .borrower_analysis-wrapper .analysis-wrapper .address-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--bold-color);
  margin-bottom: 5px;
}

.borrower_analysis .h3-sm-heading {
  font-weight: var(--bold);
  margin-bottom: 0;
  margin-top: 0;
  color: var(--bold-color);
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 15px;
}

.borrower_analysis .borrower_analysis-wrapper .analysis-wrapper .analysis-text {
  font-size: 11px;
  font-weight: normal;
  color: var(--bold-color);
  margin-bottom: 10px;
  background-color: transparent;
  border: none;
  border-radius: 0%;
  padding: 0;
}

.borrower_analysis
  .borrower_analysis-wrapper
  .analysis-wrapper
  .analysis-text:focus {
  background-color: transparent !important;
}

.borrower_analysis .borrower_analysis-wrapper .analysis-wrapper .address-text {
  font-weight: var(--bold);
  color: var(--bold-color);
  margin: 0;
  text-transform: uppercase;
  font-size: 15px;
  background-color: transparent;
  border: none;
  border-radius: 0%;
  padding: 0;
}

.borrower_analysis
  .borrower_analysis-wrapper
  .analysis-wrapper
  .address-text:focus {
  background-color: transparent !important;
}

.borrower_analysis .borrower_analysis-wrapper .analysis-wrapper .analysis-box {
  border-bottom: 1px solid #23405d;
}

.borrower_analysis .borrower_analysis-wrapper .analysis-wrapper .fill_btn {
  padding: 5px 15px;
  font-size: 13px;
  text-transform: uppercase;
}

.borrower_analysis .borrower_analysis-wrapper .analysis-wrapper .fill_btn span {
  font-size: 18px;
  margin-right: 5px;
}

.borrower_analysis .result-wrapper .result-section .result-label {
  font-size: 12px;
  margin-bottom: 0px;
  color: #23405d;
}

.borrower_analysis .result-wrapper .result-section .result-text {
  margin-bottom: 0px;
  font-size: 14px;
  color: #23405d;
  font-weight: 600;
}

.borrower_analysis .result-wrapper .result-section .value-up {
  background-color: #7ebd1a;
  color: #ffffff;
  font-size: 10px;
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.4rem;
  border-radius: 50rem;
  margin-top: 0.5rem;
}

.borrower_analysis .result-wrapper .result-section .value-up span {
  font-size: 10px;
  margin-right: 2px;
}

.borrower_analysis .result-wrapper .result-section .value-down {
  background-color: #ffa7a8;
  color: #b03739;
  font-size: 10px;
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.4rem;
  border-radius: 50rem;
  margin-top: 0.5rem;
}

.borrower_analysis .result-wrapper .result-section .value-down span {
  font-size: 10px;
  margin-right: 2px;
}

.borrower_analysis .result-wrapper .result-section .create_btn {
  padding: 5px 15px;
  font-size: 11px;
  text-transform: uppercase;
}

.borrower_analysis .result-wrapper .result-section .fillbtn_new {
  padding: 5px 15px;
  font-size: 11px;
  text-transform: uppercase;
  height: auto;
  line-height: 20px;
}

.borrower_analysis .property-info-wrapper .loan-title {
  font-size: 12px;
}

.borrower_analysis .property-info-wrapper .property-img {
  aspect-ratio: 1.5/1;
  max-width: 90%;
  max-height: 200px;
}

.borrower_analysis .property-info-wrapper .property-address {
  font-weight: var(--bold);
  color: var(--bold-color);
  text-transform: none;
  font-size: 13px;
  margin: 0;
}

.borrower_analysis .property-info-wrapper .sub-title {
  font-size: 10px;
}

.borrower_analysis .property-info-wrapper .table > :not(caption) > * > * {
  padding: 0.65rem 0.65rem;
}

.borrower_analysis .latest-listing-wrapper .col-style span {
  font-size: 9px;
}

.borrower_analysis .latest-listing-wrapper .loan-title {
  font-size: 12px;
}

.borrower_analysis .latest-listing-wrapper .address-text {
  font-size: 10px;
}

.borrower_analysis .latest-listing-wrapper .sub-title {
  font-size: 12px;
}

.borrower_analysis .latest-listing-wrapper .table > :not(caption) > * > * {
  padding: 0.65rem 0.65rem;
}

.borrower_analysis .borrower_analysis-wrapper .analysis-graph {
  height: 250px;
  width: 100%;
}

.borrower_analysis .your-team-wrapper .team-set {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.borrower_analysis .your-team-wrapper .team-set .team-icon {
  background-color: #8fce58;
  color: #ffffff;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.borrower_analysis .your-team-wrapper .team-set .team-icon span {
  font-size: 28px;
}

.borrower_analysis .your-team-wrapper .team-set .team-txt {
  margin-left: 10px;
}

.borrower_analysis .your-team-wrapper .team-set .team-txt .team-role {
  font-size: 10px;
  color: #8fce58;
  font-weight: 700;
  margin-bottom: 0px;
}

.borrower_analysis .your-team-wrapper .team-set .team-txt .team-name {
  color: #555555;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 0px;
}

.borrower_analysis .your-team-wrapper .team-set .team-txt .team-mail {
  color: #555555;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 0px;
}

.borrower_analysis .tabs-section {
  display: flex;
  align-items: center;
  margin-right: auto;
}

.borrower_analysis .tabs-section .tab-list {
  font-size: 16px;
  font-weight: 600;
  color: #747b72;
  margin: 0;
  padding-right: 20px;
  border-right: 1px solid #747b72;
  padding-left: 20px;
  cursor: pointer;
}

.borrower_analysis .tabs-section .tab-list:last-child {
  border-right: none;
}

.borrower_analysis .tabs-section .tab-list.active {
  color: #8fce58;
}

.borrower_analysis .median-sale-price-wrapper .media-graph-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  max-height: 305px;
}

/* .borrower_analysis .median-sale-price-wrapper .card { min-height: 530px; height: 520px; } */
.borrower_analysis .trading-footer {
  background-color: #171e27;
}

.borrower_analysis-wrapper .document-wrapper,
.borrower_analysis-wrapper .document-upload-wrapper {
  border-radius: 10px;
  height: 196px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 132px;
  width: 100%;
  max-height: 155px;
}

.document-wrapper .doc-footer .doc-title {
  font-size: 12px;
  font-weight: 600;
  color: #39475a;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.2;
  max-height: 2.4em;
  margin-top: 0px;
}

.borrower_analysis-wrapper .document-wrapper {
  background-color: #ffffff;
  position: relative;
  border: 1px solid #d3d8ed;
}

.borrower_analysis-wrapper .document-wrapper .view-txt {
  position: absolute;
  right: 7px;
  top: 7px;
  font-size: 11px;
  font-weight: 600;
  color: #ffffff;
  background-color: rgba(35, 64, 93, 0.6);
  border-radius: 5px;
  padding: 3px 5px;
}

.borrower_analysis-wrapper .document-wrapper .doc-preview {
  padding: 10px 10px 0 10px;
  overflow: hidden;
}

.borrower_analysis-wrapper .document-wrapper .doc-footer {
  border-radius: 0 0 10px 10px;
  background-color: #fff;
  box-shadow: -1px -3px 5px 1px rgba(0, 0, 0, 0.12);
  padding: 5px 10px 10px 10px;
  height: 40px;
}

.borrower_analysis-wrapper .document-wrapper .doc-footer .doc-icons {
  display: flex;
  align-items: center;
}

.borrower_analysis-wrapper .document-wrapper .doc-footer .doc-icons span {
  font-size: 20px;
  color: #76b73e;
  cursor: pointer;
}

.borrower_analysis-wrapper .document-upload-wrapper {
  border: 1px solid #d3d8ed;
  overflow: hidden;
  position: relative;
}

.borrower_analysis-wrapper .document-upload-wrapper .doc-upload-icon {
  position: absolute;
  top: 22px;
  left: 16px;
}

.borrower_analysis-wrapper .document-upload-wrapper .doc-upload-icon img {
  width: 27px;
}

.borrower_analysis-wrapper .document-upload-wrapper .doc-title {
  position: absolute;
  top: 66px;
  left: 16px;
  font-size: 12px;
  font-weight: 600;
  color: #39475a;
  width: calc(100% - 32px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.borrower_analysis-wrapper .doc-download-icon {
  position: absolute;
  top: 8px;
  left: 45px;
  cursor: pointer;
}

.borrower_analysis-wrapper .doc-download-icon .download-txt {
  font-size: 8px;
  color: #74788d;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.borrower_analysis-wrapper .doc-download-icon .download-txt span {
  font-size: 13px;
  margin-left: 3px;
}

.borrower_analysis-wrapper .upload-footer {
  background: linear-gradient(to right, #8fce58, #76b73e);
  cursor: pointer;
  font-size: 12px;
  height: 40px;
}

.borrower_analysis-wrapper .icon-btn {
  color: #39475a;
  font-size: 15px;
  cursor: pointer;
}

/* Borrower Portfolio Loans In Process */
.portal-container .card-body {
  padding: 1.25rem ;
}


.portal-group h3 {
  font-weight: var(--bold);
  margin-bottom: 0;
  margin-top: 0;
  color: #000000;
  font-size: 12px;
  text-transform: uppercase;
}

.portal-nav {
  padding-top: 1rem;
  width: 290px;
  position: relative;

}

.nav-item-sm-h
  h5 {
  font-weight: var(--bold);
  margin-bottom: 0;
  margin-top: 18px;
  color: #788898;
  font-size: 28px;
}

.portal-nav ul li {
  margin-bottom: 18px;
  padding: 20px;
  background-color: #fafbff;
  border: 1px solid #d3d8ed;
  box-shadow: 0px 0px 5px transparent;
  list-style: none;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.portal-nav ul li.active {
  padding: 20px;
  background-color: #efffe3;
  border: 1px solid var(--highlight-color);
  box-shadow: 0px 0px 5px #7bc1498c;
  position: relative;
  overflow: hidden;
}


.portal-canvas {
position: relative;
  height: 100%;
  background-color: white;
  padding: 1.25rem;
    border-radius: 0 10px 0 0;
    border-left: 1px solid #d3d8ed;
    min-height: calc(100vh - 685px);
    width: calc(100% - 294px);
}
.portal-nav ul { padding-left: 0; margin-right: 1.25rem;}
.portal-canvas
  .loan-item-wrapper
  .loan-item-header {
  padding: 1rem;
  border-bottom: 1px solid #d3d8ed;
}

.loan-item-wrapper
  .loan-item-body {
  padding: 1.25rem;
}

.loan-item-header
  .action-req-btn {
  border: none;
  padding: 5px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 10px;
  color: #ee8291;
  appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  text-transform: capitalize;
}

.loan-item-header
  .action-req-btn
  span {
  font-size: 20px;
}

.loan-item-wrapper
  .loan-item-body
  h1 {
  font-size: 13px;
  font-weight: 400;
  color: #768698;
  margin-bottom: 10px;
}
.loan-item-wrapper
  .loan-item-body
  h2 {
  font-size: 12px;
  font-weight: 600;
  color: #1d3853;
  margin: 0;
}

.loan-item-wrapper
  .loan-item-body {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}

.loan-item-wrapper
  .loan-item-body
  .property-address-icon {
  position: absolute;
  top: 18px;
  left: 13px;
}

.loan-item-body
  .property-wrapper {
  width: 40%;
  padding-left: 25px;
}

 .loan-amount-wrapper {
  width: 20%;
}

.loan-type-wrapper {
  width: 20%;
}
.loan-item-body
  .schedule-date-wrapper {
  width: 20%;
}

.portal-canvas .show-txt {
  font-size: 15px;
  color: #768698;
  font-weight: 500;
}

.portal-canvas .easy-btn {
  border: 1px solid #77c33e;
  padding: 5px 14px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 10.5px;
  color: #768698;
  appearance: none;
  -webkit-appearance: none;
  background-color: #efffe4;
  letter-spacing: 1px;
  word-spacing: 3px;
}

.portal-canvas
  .easy-btn
  span {
  color: #77c33e;
}

.borrower_analysis {
  height: 100%;
}

.borrower-portfolio .fs_btn {
  padding: 5px 10px;
  font-size: 10px;
  text-transform: uppercase;
  align-items: center;
}

.borrower-portfolio .fs_btn span {
  font-size: 16px;
}

.borrower-loan-info .borrower-loan-info {
  padding-right: 4px;
}

.borrower-loan-info .borrower-need-list {
  padding-left: 4px;
}

.borrower-loan-info .h3-sm-heading {
  margin: 0;
  font-size: 13px;
}

.borrower-loan-info .loan-info-wrapper {
  border: 1px solid #d3d8ed;
  border-radius: 10px;
}

.loan-info-header .h3-sm-heading span {
  font-weight: 400;
}

.loan-info-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 13px 21px;
  border-bottom: 1px solid #d3d8ed;
}

.loan-info-body {
  padding: 1.25rem;
  min-height: 380px;
}

.loan-info-body .p-label {
  font-size: 12px;
  font-weight: 500;
  color: #1d3853;
  margin-bottom: 5px;
}

.loan-info-body .h2-txt {
  font-size: 13px;
  font-weight: 600;
  color: #4f667d;
}

.need-list-wrapper {
  margin-bottom: 8px;
}

.need-list-wrapper .action-req-btn {
  border: 1px solid #ee8291;
  padding: 5px 14px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 9px;
  color: #ee8291;
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff0f2;
  display: flex;
  align-items: center;
}

.borrower-loan-info
  .borrower-need-list
  .need-list-wrapper
  .action-req-btn
  span {
  font-size: 12px;
}

.borrower-loan-info .borrower-need-list .need-list-wrapper .status-btn {
  padding: 4px 10px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 10px;
  min-width: 100px;
  display: inline-block;
  text-align: center;
}

.borrower-loan-info
  .borrower-need-list
  .need-list-wrapper
  .status-btn.out-stand {
  background-color: #f4b8b8;
  color: #b44343;
}

.borrower-loan-info
  .borrower-need-list
  .need-list-wrapper
  .status-btn.under-review {
  background-color: #c5f3ff;
  color: #0a97bb;
}

.borrower-loan-info
  .borrower-need-list
  .need-list-wrapper
  .status-btn.completed {
  background-color: #c6efb3;
  color: #3b6e22;
}

.borrower-loan-info .borrower-need-list .need-list-wrapper .status-btn.n-a {
  background-color: #d9d9d9;
  color: #5f5f5f;
}

.borrower-loan-info
  .borrower-need-list
  .need-list-wrapper
  .status-btn.in-progress {
  background-color: #ffdc7d;
  color: #c79407;
}

.borrower-loan-info .borrower-need-list .need-list-wrapper .sub-title {
  font-size: 10px;
  vertical-align: middle;
  padding: 6px;
}

.borrower-loan-info .borrower-need-list .fees-wrapper {
  margin-bottom: 8px;
}

.borrower-loan-info .borrower-need-list .fees-wrapper .fee-left-title {
  font-size: 12px;
  color: #23405d;
  font-weight: 500;
  text-align: left;
}

.borrower-loan-info .borrower-need-list .fees-wrapper .fee-right-title {
  font-size: 13px;
  color: #4f667d;
  font-weight: 600;
  text-align: right;
}

.borrower-loan-info .borrower-need-list .fees-wrapper .total-title {
  font-size: 14px;
  font-weight: 700;
  color: #23405d;
}

.borrower-loan-info .borrower-need-list .fees-wrapper .total-value-title {
  font-size: 15px;
  font-weight: 700;
  color: #4f667d;
}

/* .borrower-loan-info .borrower-need-list .fees-wrapper table tbody, td, tfoot, th, thead, tr { border-bottom: 1px solid #D3D8ED;} */
.borrower-loan-info .borrower-need-list .fees-wrapper table tbody {
  width: 100%;
  display: block;
  overflow-y: scroll;
  height: 200px;
  max-height: 150px;
}

.borrower-loan-info .borrower-need-list .fees-wrapper table tbody tr {
  width: 100%;
}

.borrower-portfolio .easy-btn {
  border: 1px solid #77c33e;
  padding: 5px 14px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 10.5px;
  color: #768698;
  appearance: none;
  -webkit-appearance: none;
  background-color: #efffe4;
  letter-spacing: 0 px;
  word-spacing: -5px;
}

.borrower-portfolio .easy-btn span {
  color: #77c33e;
}

.borrower-loan-info .loan-info-wrapper .document-tabs {
  min-height: auto;
  padding: 1.25rem 1.25rem;
}

.borrower-loan-info
  .loan-info-wrapper
  .document-tabs
  .nav-tabs-custom
  .nav-item
  .nav-link {
  cursor: pointer;
}

.borrower-loan-info
  .loan-info-wrapper
  .document-tabs
  .nav-tabs-custom
  .nav-item
  .nav-link.active {
  background-color: transparent;
}

/* height: calc(100vh - 115px); */
.borrower_nav {
  border-right: 1px solid #c1d2be;
  width: 226px;
}

.borrower_nav .nav-link.active,
.borrower_nav .show > .nav-link {
  background-color: transparent;
  border-right: 3px solid #7cc149;
  color: #555555;
  font-weight: 700;
  font-size: 13px;
}

.borrower_nav .nav-link {
  color: #555555;
  font-weight: 700;
  font-size: 13px;
  border-radius: 0;
  border-bottom: 1px solid #c1d2be;
  padding: 16px 20px;
}

.borrower_nav .nav-link.active .vertical-nav-icon,
.borrower_nav .show > .nav-link .vertical-nav-icon {
  width: 30px;
  height: 30px;
  background-color: #7cc149;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid #7cc149;
  color: #fff;
}

.borrower_nav .nav-link .material-symbols-outlined {
  font-size: 20px;
  color: #a5bac9;
}

.borrower_nav .nav-link.active .material-symbols-outlined,
.borrower_nav .show > .nav-link .material-symbols-outlined {
  color: #fff;
  font-size: 20px;
}

.borrower_nav .nav-link .vertical-nav-icon,
.borrower_nav .nav-link .vertical-nav-icon {
  width: 30px;
  height: 30px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid transparent;
}

.card-min-ht {
  min-height: calc(100vh - 116px);
}

.borrower_nav .nav-link p {
  margin: 0 0 0 10px;
}

.tab-content {
  padding: 20px 0;
}

.borrower_profile .bg-block {
  background-color: #e0f4d5 !important;
  padding: 47px;
  border-radius: 5px 5px 0px 0px;
}

.borrower_profile .profile-pic {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.borrower_profile .profile-user-wid {
  margin-top: -55px;
  height: 6.5rem;
  width: 6.5rem;
  margin-bottom: 2rem;
}

.borrower_profile .img-thumbnail {
  background-color: #ffffff;
}

.borrower_profile .text-truncate {
  font-size: 11px;
  color: #23405d;
  margin-bottom: 12px;
}

.borrower_profile h5 {
  font-size: 13px;
  color: #23405d;
  font-weight: 500;
  margin-bottom: 12px;
}

.borrower_profile .card-body {
  padding-bottom: 50px;
}

.borrower_profile .box-shadow {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
}

.borrower-account-wrapper .form_block {
  width: 72%;
}

.borrower-account-wrapper .borrower_profile {
  width: 28%;
}

.borrower_profile .instructions h4 {
  font-weight: 700 !important;
}

.borrower-password-wrapper.borrower-account-wrapper .form_block {
  width: 67%;
}

.borrower-password-wrapper.borrower-account-wrapper .borrower_profile {
  width: 33%;
}

.borrower-loan-info
  .borrower-need-list
  .fees-wrapper
  .fees-body::-webkit-scrollbar {
  width: 5px;
  border-radius: 30px;
}

.borrower-loan-info
  .borrower-need-list
  .fees-wrapper
  .fees-body::-webkit-scrollbar-track {
  background: #eeeeee;
}

.borrower-loan-info
  .borrower-need-list
  .fees-wrapper
  .fees-body::-webkit-scrollbar-thumb {
  background: #acacac;
  border-radius: 30px;
}

.borrower-loan-info
  .borrower-need-list
  .fees-wrapper
  .fees-body::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.borrower-loan-info .borrower-need-list .fees-wrapper .fees-body {
  max-height: 148px;
  overflow-y: auto;
  border-top: 1px solid #e0e6f1;
  border-bottom: 1px solid #e0e6f1;
  margin-top: 5px;
}

.borrower-loan-info .borrower-need-list .fees-wrapper .fee-row {
  display: flex;
  justify-content: space-between;
  padding: 8px 5px;
  font-size: 14px;
  border-bottom: 1px solid #e0e6f1;
  color: #1f2d3d;
}

.borrower-loan-info .borrower-need-list .fees-wrapper .fee-row:last-child {
  border-bottom: none;
}

.borrower-loan-info .borrower-need-list .fees-wrapper .fee-total {
  display: flex;
  justify-content: space-between;
  background-color: #f1f4fc;
  padding: 8px 5px;
  font-weight: 700;
  color: #1f2d3d;
}

.funds-close-wrapper .fees-body {
  max-height: 200px;
  overflow-y: auto;
  border-top: 1px solid #e0e6f1;
  border-bottom: 1px solid #e0e6f1;
  margin-top: 5px;
}

.funds-close-wrapper .fee-row {
  display: flex;
  justify-content: space-between;
  padding: 8px 0px;
  font-size: 14px;
  border-bottom: 1px solid #e0e6f1;
  color: #1f2d3d;
}

.funds-close-wrapper .fee-row:last-child {
  border-bottom: none;
}

.funds-close-wrapper .fee-total {
  display: flex;
  justify-content: space-between;
  background-color: #f1f4fc;
  padding: 8px 5px;
  font-weight: 700;
  color: #1f2d3d;
}

.borrower_analysis .your-team-wrapper .property-info-wrapper {
  height: 374px;
  overflow-y: auto;
}

.borrower_analysis
  .your-team-wrapper
  .property-info-wrapper::-webkit-scrollbar {
  width: 5px;
  border-radius: 30px;
}

.borrower_analysis
  .your-team-wrapper
  .property-info-wrapper::-webkit-scrollbar-track {
  background: #eeeeee;
}

.borrower_analysis
  .your-team-wrapper
  .property-info-wrapper::-webkit-scrollbar-thumb {
  background: #acacac;
  border-radius: 30px;
}

.borrower_analysis
  .your-team-wrapper
  .property-info-wrapper::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.borrower_analysis .latest-listing-wrapper .listing-wrapper {
  height: 374px;
  overflow-y: auto;
}

.borrower_analysis .latest-listing-wrapper .listing-wrapper::-webkit-scrollbar {
  width: 5px;
  border-radius: 30px;
}

.borrower_analysis
  .latest-listing-wrapper
  .listing-wrapper::-webkit-scrollbar-track {
  background: #eeeeee;
}

.borrower_analysis
  .latest-listing-wrapper
  .listing-wrapper::-webkit-scrollbar-thumb {
  background: #acacac;
  border-radius: 30px;
}

.borrower_analysis
  .latest-listing-wrapper
  .listing-wrapper::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.borrower_analysis .median-sale-price-wrapper .card {
  height: 374px;
}

.stepper-wrapper {
  background-color: #f1f3fc;
  border-radius: 10px;
  width: 100%;
  overflow: hidden;
  margin: 0;
  white-space: nowrap;
  position: relative;
  display: flex;
  align-items: center;
}

.stepper-wrapper ul {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
}

.stepper-wrapper ul .stepper-item {
  display: inline-flex !important;
  width: 100%;
  padding: 0 25px;
  position: relative;
  flex-direction: column;
  align-items: center;
  text-align: center;
  white-space: normal;
  padding-top: 15px;
  padding-bottom: 35px;
  z-index: 0;
}

.stepper-wrapper ul .stepper-item .indicator {
  z-index: 99;
  cursor: pointer;
}

.stepper-wrapper ul .stepper-item .indicator .step-icon {
  width: 100%;
}

.stepper-wrapper ul .stepper-item h3 {
  color: #a7b0c6;
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  top: 46px;
}

.stepper-wrapper ul .stepper-item h3.active {
  color: #4f667d;
}

.stepper-wrapper ul .stepper-item::after {
  content: "";
  position: absolute;
  top: 25px;
  width: 100%;
  height: 1px;
  border-bottom: solid 1px #d7dcf1;
}

.borrower-loan-info .loan-status {
  font-size: 13px;
  padding: 5px 10px;
  border-radius: 5px;
  font-weight: 500;
  margin-left: 10px;
  cursor: pointer;
}

.borrower-loan-info .loan-status.inprocess {
  font-size: 13px;
  padding: 5px 10px;
  background-color: #fff2cb;
  color: #b79532;
  border-radius: 5px;
  font-weight: 500;
  margin-left: 10px;
  cursor: pointer;
}

.borrower-loan-info .loan-status.closed {
  background-color: #f2f4fc;
  color: #8796d6;
}

.borrower-loan-info .loan-status.paid0ff {
  background-color: #e4f5d7;
  color: #7ba958;
}

.borrower-loan-info .loan-status.denied {
  background-color: #ffe7e6;
  color: #f14747;
}

.borrower_analysis-wrapper .document-wrapper .upload-time {
  position: absolute;
  bottom: -29px;
  font-size: 10px;
  font-weight: 600;
}

.borrower_analysis-wrapper .left-back {
  border: 1px solid #7cc149;
  color: #7cc149;
  background: linear-gradient(220deg, #e4f5d7 100%, #f0f5fb 100%);
  border-radius: 5px;
  cursor: pointer;
}

.view-doc-wrapp {
  min-height: 470px;
}

.borrower-loan-info .stepper-wrapper ul .stepper-item .indicator.complete-icon {
  width: 17px;
}

.borrower-loan-info
  .stepper-wrapper
  ul
  .stepper-item
  .indicator.uncomplete-icon {
  width: 17px;
}

.borrower-loan-info .stepper-wrapper ul .stepper-item .indicator.active-icon {
  width: 24px;
}

.borrower-loan-info .stepper-wrapper ul .stepper-item .indicator.previous-icon {
  width: 24px;
}

.borrower-loan-info
  .stepper-wrapper
  ul
  .stepper-item
  .indicator.incomplete-icon {
  width: 24px;
}

.borrower_analysis .portal-header .portal-container .flex-full .fillbtn_new {
  margin-right: 20px;
}

.borrower_analysis
  .portal-header
  .portal-container
  .flex-full
  .dropdown
  .header-item
  span.d-xl-inline-block {
  font-weight: 600;
}

.borrower_analysis
  .portal-header
  .portal-container
  .flex-full
  .dropdown
  .header-item
  span.role {
  font-weight: 400;
}

.borrower-loan-info .borrower-need-list .contacts-wrapper {
  margin-bottom: 8px;
}

.borrower-loan-info .borrower-need-list .contacts-wrapper .heading {
  font-size: 15px;
  font-weight: 600;
  color: #617487;
  border-top: 1px solid #d3d8ed;
  padding-top: 10px;
}

.borrower-loan-info
  .borrower-need-list
  .contacts-wrapper
  .heading:nth-child(1) {
  border-top: none !important;
}

.borrower-loan-info .borrower-need-list .contacts-wrapper .sub-head {
  font-size: 15px;
  font-weight: normal;
  color: #4f667d;
  display: flex;
  align-items: center;
  word-break: break-word;
}

.borrower-loan-info .borrower-need-list .contacts-wrapper .sub-head span {
  color: #7cc149;
  margin-right: 13px;
  font-size: 19px;
}

.borrower-loan-info .loan-info-wrapper .piechart-wrapper {
  border-left: 1px solid #d3d8ed;
}

.borrower-loan-info .servicing-wrapper {
  border: none;
  padding: 0;
}

.borrower-loan-info .servicing-wrapper .chart-container {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: grid;
  justify-content: center;
}

.borrower-loan-info .servicing-wrapper .bg-principal {
  background-color: #eef0ff;
}

.borrower-loan-info .servicing-wrapper .bg-paid {
  background-color: #7cc149;
}

.borrower-loan-info .servicing-wrapper .tooltip-box {
  background: #555;
  color: #fff;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 13px;
}

.borrower-loan-info .stroke-btn {
  background-color: transparent;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  border: solid 1px #7cc149;
  color: #7cc149;
  border-radius: 5px;
}

.borrower-loan-info .loan-info-wrapper .piechart-wrapper .legend-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.borrower-loan-info .loan-info-wrapper .piechart-wrapper .legend-item {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
}

.borrower-loan-info
  .loan-info-wrapper
  .piechart-wrapper
  .legend-item
  .legend-color {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  margin-right: 6px;
}

.borrower-loan-info
  .loan-info-wrapper
  .piechart-wrapper
  .legend-item
  .legend-color.bg-principal {
  background-color: #eaf0fe;
}

.borrower-loan-info
  .loan-info-wrapper
  .piechart-wrapper
  .legend-item
  .legend-color.bg-paid {
  background-color: #7ac143;
}

.borrower-loan-info
  .loan-info-wrapper
  .piechart-wrapper
  .legend-item
  .legend-label {
  font-size: 12px;
}

.borrower-loan-info .property-picture-wrapper {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

.borrower-loan-info .property-picture-wrapper .image-box {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 10px;
  overflow: hidden;
  background-color: #f0f0f0;
}

.borrower-loan-info .property-picture-wrapper .image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.borrower-loan-info .draws-wrapper .date-btn {
  color: #7ac143;
  border: 1px solid #7ac143 !important;
  border-radius: 5px !important;
  padding: 5px 14px !important;
  font-size: 10.5px !important;
  cursor: pointer;
}

.borrower-loan-info .draws-wrapper .btn-stroke {
  background-color: transparent;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  border: solid 1px #7cc149;
  color: #7cc149;
  border-radius: 5px;
}

.borrower-loan-info
  .borrower-need-list
  .need-list-wrapper
  .needs-table-wrapper {
  max-height: 148px;
  overflow-y: auto;
  height: 150px;
}

.borrower-loan-info
  .borrower-need-list
  .need-list-wrapper
  .needs-table-wrapper::-webkit-scrollbar {
  width: 5px;
  border-radius: 30px;
}

.borrower-loan-info
  .borrower-need-list
  .need-list-wrapper
  .needs-table-wrapper::-webkit-scrollbar-track {
  background: #eeeeee;
}

.borrower-loan-info
  .borrower-need-list
  .need-list-wrapper
  .needs-table-wrapper::-webkit-scrollbar-thumb {
  background: #acacac;
  border-radius: 30px;
}

.borrower-loan-info
  .borrower-need-list
  .need-list-wrapper
  .needs-table-wrapper::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* .borrower-loan-info .denied-left-section { max-height: 312px; overflow-y: scroll; height: 320px; }
.borrower-loan-info .denied-left-section::-webkit-scrollbar { width: 3px; border-radius: 30px; }
.borrower-loan-info .denied-left-section::-webkit-scrollbar-track { background: #eeeeee; }
.borrower-loan-info .denied-left-section::-webkit-scrollbar-thumb { background: #acacac; border-radius: 30px; }
.borrower-loan-info .denied-left-section::-webkit-scrollbar-thumb:hover { background: #555; } */

.borrower-loan-info .fees_table {
  margin-top: 10px;
}

.borrower-loan-info .inprocess-left-section {
  max-height: 601px;
 overflow-y: auto;
  height: 620px;
}

.borrower-loan-info .inprocess-left-section::-webkit-scrollbar {
  width: 3px;
  border-radius: 30px;
}

.borrower-loan-info .inprocess-left-section::-webkit-scrollbar-track {
  background: #eeeeee;
}

.borrower-loan-info .inprocess-left-section::-webkit-scrollbar-thumb {
  background: #acacac;
  border-radius: 30px;
}

.borrower-loan-info .inprocess-left-section::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* .borrower-portfolio .portal-container .portal-group .portal-canvas .loan-items-section { max-height: 565px; overflow-y: scroll; height: 570px;} */

.borrower-portfolio
  .portal-container
  .portal-group
  .portal-canvas
  .loan-items-section
  .no-loans-img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: calc(100vh - 174px);
}

.borrower-portfolio .no-loans-img img {
  max-width: 400px;
  width: 100%;
  margin-bottom: 20px;
  opacity: 0.9;
}

.borrower-portfolio .no-loans-img h2 {
  font-size: 22px;
  font-weight: 600;
  color: var(--bold-color);
  margin-bottom: 20px;
}

.borrower-portfolio .no-data-img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.borrower-portfolio .no-data-img img {
  max-width: 40px;
  width: 100%;
  margin-bottom: 10px;
  opacity: 0.9;
}

.borrower-portfolio .no-data-img h2 {
  font-size: 13px;
  font-weight: normal;
  color: var(--bold-color);
  margin-bottom: 20px;
}

.borrower-portfolio .no-documents-img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-color: #f9fbff;
  border-radius: 12px;
}

.borrower-portfolio .no-documents-img img {
  max-width: 150px;
  width: 100%;
  margin-bottom: 10px;
  opacity: 0.9;
}

.borrower-portfolio .no-documents-img h2 {
  font-size: 16px;
  font-weight: 600;
  color: var(--bold-color);
  margin-bottom: 10px;
}

.borrower-loan-info .closed-left-section {
  max-height: 753px;
  overflow-y: scroll;
  height: 820px;
}

.borrower-loan-info .closed-left-section::-webkit-scrollbar {
  width: 3px;
  border-radius: 30px;
}

.borrower-loan-info .closed-left-section::-webkit-scrollbar-track {
  background: #eeeeee;
}

.borrower-loan-info .closed-left-section::-webkit-scrollbar-thumb {
  background: #acacac;
  border-radius: 30px;
}

.borrower-loan-info .closed-left-section::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.borrower-loan-info .paidoff-left-section {
  max-height: 743px;
  overflow-y: scroll;
  height: 750px;
}

.borrower-loan-info .paidoff-left-section::-webkit-scrollbar {
  width: 3px;
  border-radius: 30px;
}

.borrower-loan-info .paidoff-left-section::-webkit-scrollbar-track {
  background: #eeeeee;
}

.borrower-loan-info .paidoff-left-section::-webkit-scrollbar-thumb {
  background: #acacac;
  border-radius: 30px;
}

.borrower-loan-info .paidoff-left-section::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.borrower-portfolio .loan-items-section {
  max-height: 690px;
  overflow-y: auto;
}

.borrower-portfolio .loan-items-section::-webkit-scrollbar {
  width: 5px;
  border-radius: 30px;
}

.borrower-portfolio .loan-items-section::-webkit-scrollbar-track {
  background: #eeeeee;
}

.borrower-portfolio .loan-items-section::-webkit-scrollbar-thumb {
  background: #acacac;
  border-radius: 30px;
}

.borrower-portfolio .loan-items-section::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.mb_32 {
  margin-bottom: 32px;
}

.portal-body {
  min-height: calc(100vh - 633px);
  height: auto !important;
}

/* Payments table section in borrower portfolio */
.borrower-loan-info
  .document-tabs
  .pay_table
  .contacts
  .rdt_Table
  .rdt_TableHeadRow
  .rdt_TableCol:nth-child(1),
.borrower-loan-info
  .document-tabs
  .pay_table
  .contacts
  .rdt_Table
  .rdt_TableBody
  .rdt_TableRow
  .rdt_TableCell:nth-child(1) {
  min-width: 35%;
}

.borrower-loan-info
  .document-tabs
  .pay_table
  .contacts
  .rdt_Table
  .rdt_TableHeadRow
  .rdt_TableCol:nth-child(2),
.borrower-loan-info
  .document-tabs
  .pay_table
  .contacts
  .rdt_Table
  .rdt_TableBody
  .rdt_TableRow
  .rdt_TableCell:nth-child(2) {
  min-width: 35%;
}

.borrower-loan-info
  .document-tabs
  .pay_table
  .contacts
  .rdt_Table
  .rdt_TableHeadRow
  .rdt_TableCol:nth-child(3),
.borrower-loan-info
  .document-tabs
  .pay_table
  .contacts
  .rdt_Table
  .rdt_TableBody
  .rdt_TableRow
  .rdt_TableCell:nth-child(3) {
  min-width: 30%;
  text-align: right;
  justify-content: right;
}

/* .borrower-loan-info .document-tabs .payments_table .rdt_Table .rdt_TableHeadRow .rdt_TableCol:nth-child(1), .borrower-loan-info .document-tabs .payments_table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell:nth-child(1) { min-width: 10%;}
.borrower-loan-info .document-tabs .payments_table .rdt_Table .rdt_TableHeadRow .rdt_TableCol:nth-child(2), .borrower-loan-info .document-tabs .payments_table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell:nth-child(2) { min-width: 10%;}
.borrower-loan-info .document-tabs .payments_table .rdt_Table .rdt_TableHeadRow .rdt_TableCol:nth-child(3), .borrower-loan-info .document-tabs .payments_table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell:nth-child(3) { min-width: 10%; }
.borrower-loan-info .document-tabs .payments_table .rdt_Table .rdt_TableHeadRow .rdt_TableCol:nth-child(4), .borrower-loan-info .document-tabs .payments_table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell:nth-child(4) { min-width: 10%;}
.borrower-loan-info .document-tabs .payments_table .rdt_Table .rdt_TableHeadRow .rdt_TableCol:nth-child(5), .borrower-loan-info .document-tabs .payments_table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell:nth-child(5) { min-width: 10%;}
.borrower-loan-info .document-tabs .payments_table .rdt_Table .rdt_TableHeadRow .rdt_TableCol:nth-child(6), .borrower-loan-info .document-tabs .payments_table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell:nth-child(6) { min-width: 10%; }
.borrower-loan-info .document-tabs .payments_table .rdt_Table .rdt_TableHeadRow .rdt_TableCol:nth-child(7), .borrower-loan-info .document-tabs .payments_table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell:nth-child(7) { min-width: 15%;}
.borrower-loan-info .document-tabs .payments_table .rdt_Table .rdt_TableHeadRow .rdt_TableCol:nth-child(8), .borrower-loan-info .document-tabs .payments_table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell:nth-child(8) { min-width: 15%;}
.borrower-loan-info .document-tabs .payments_table .rdt_Table .rdt_TableHeadRow .rdt_TableCol:nth-child(9), .borrower-loan-info .document-tabs .payments_table .rdt_Table .rdt_TableBody .rdt_TableRow .rdt_TableCell:nth-child(9) { min-width: 10%; } */

.borrower_account .borrower-account-wrapper .delete-icon {
  color: #7cc149;
  font-size: 20px;
  cursor: pointer;
}

.borrower_analysis-wrapper .document-wrapper .doc-upload-icon {
  position: absolute;
  top: 20px;
  left: 20px;
  cursor: pointer;
}

.borrower_analysis-wrapper .line-top {
  border-top: 1px solid #c1d2be;
  padding-top: 20px;
}

.borrower_analysis .borrower_account .border_btn {
  padding: 4px 0px;
  font-size: 14px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  background-color: transparent;
  font-weight: 500;
  color: #84b052;
  border: solid 1px #7cc149;
  border-radius: 5px;
  margin-bottom: 10px;
}

.borrower_analysis .borrower_account .border_btn .icon {
  font-size: 26px;
  line-height: 20px;
}

.borrower_analysis
  .borrower_analysis-wrapper
  .analysis-wrapper
  .analysis-box
  .drop-down {
  position: absolute;
  bottom: 14%;
  font-size: 19px;
  right: 5%;
  color: var(--bold-color);
  cursor: pointer;
}

.borrower_account .my_account .signor-wrapper {
  background-color: #fafbff;
  border: 1px solid #d3d8ed;
  border-radius: 10px;
  margin-bottom: 15px;
  margin-top: 15px;
  padding: 15px;
}

.borrower_account .my_account .signor-wrapper .signor-btns {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

.borrower_account .my_account .signor-wrapper .signor-btns .ok-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
  border: none;
  background-color: #7cc149;
  color: #fff;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 5px;
}

.borrower_account .my_account .signor-wrapper .signor-btns .ok-icon span {
  font-size: 14px;
  margin-right: 2px;
}

.borrower_account .my_account .signor-wrapper .signor-btns .delete-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid #7cc149;
  background-color: transparent;
  color: #7cc149;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 5px;
}

.borrower_account .my_account .signor-wrapper .signor-btns .delete-icon span {
  font-size: 14px;
  margin-right: 2px;
}

.borrower_account .my_account .signor-wrapper .signor-header .h3-sm-heading {
  margin-bottom: 0;
}

.borrower_account .my_account .signor-wrapper .signor-header {
  display: flex;
  align-items: center;
  gap: 10px;
}

.borrower_account .my_account .signor-wrapper .add-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid #7cc149;
  background-color: transparent;
  color: #7cc149;
  font-size: 13px;
  padding: 3px 5px;
  border-radius: 5px;
  font-weight: 600;
}

.borrower_account .my_account .signor-wrapper .add-icon span {
  font-size: 16px;
  font-weight: 600;
  margin-right: 2px;
}

.borrower_account .my_account .nav-tabs {
  position: relative;
}

.borrower_account .my_account .nav-tabs .add-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
  border: none;
  background-color: #7cc149;
  color: #ffffff;
  font-size: 13px;
  padding: 5px 10px;
  border-radius: 5px;
  font-weight: 600;
  position: absolute;
  right: 0;
}

.borrower_account .my_account .nav-tabs .add-icon span {
  font-size: 16px;
  font-weight: 600;
  margin-right: 2px;
}

.borrower_account .analysis-wrapper .entity-header .h3-sm-heading {
  margin-bottom: 0;
}

.borrower_account .analysis-wrapper .entity-header {
  display: flex;
  align-items: center;
  gap: 10px;
}

.borrower_account .analysis-wrapper .add-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid #7cc149;
  background-color: transparent;
  color: #7cc149;
  font-size: 13px;
  padding: 3px 5px;
  border-radius: 5px;
  font-weight: 600;
}

.borrower_account .analysis-wrapper .add-icon span {
  font-size: 16px;
  font-weight: 600;
  margin-right: 2px;
}

.borrower_analysis-wrapper .document-wrapper .no-documents img {
  position: absolute;
  top: 52px;
  left: 58px;
}

.borrower_analysis-wrapper
  .document-wrapper
  .doc-footer
  .doc-icons
  .upload-btn {
  background-color: rgba(197, 230, 173, 0.7);
  border-radius: 50%;
  padding: 5px;
  cursor: pointer;
  margin-left: 3px;
  color: #7cc149;
  width: 24px;
}

.borrower_analysis-wrapper .fs_btn {
  background: linear-gradient(270deg, #8fce58, #76b73e);
  border: none;
}

.borrower_analysis-wrapper .fs_btn.white {
  background: #ffffff;
  color: #76b73e;
  border: solid 1px #76b73e;
}

.borrower_analysis-wrapper .fs_btn.white:hover {
  background: #ffffff !important;
  color: #76b73e;
}

.help-tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.help-tooltip .help-tooltip-text {
  visibility: hidden;
  width: 140px;
  background-color: #fafbff;
  border: 1px solid #d3d8ed;
  color: #768698;
  text-align: center;
  font-size: 10px !important;
  border-radius: 4px;
  padding: 5px;
  position: absolute;
  z-index: 99;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
}

.help-tooltip .help-tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #d3d8ed transparent transparent transparent;
}

.help-tooltip:hover .help-tooltip-text {
  visibility: visible;
  opacity: 1;
}

.borrower-portfolio
  .portal-container
  .portal-group
  .portal-canvas
  .loan-item-wrapper
  .loan-item-header
  .action-req-btn
  .material-symbols-outlined.filled {
  font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 0, "opsz" 24;
  position: relative;
  color: #4f4f4f;
}

.loan-item-wrapper .loan-item-header .action-req-btn .notification-pulse {
  position: absolute;
  top: 2px;
  right: 5px;
  width: 5px;
  height: 5px;
  background: #ee8291;
  border-radius: 50%;
  animation: notification-pulse 1.5s infinite;
  box-shadow: 0 0 0 0 #ee8291;
}

@keyframes notification-pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 #f69ba7;
  }

  70% {
    transform: scale(1.5);
    box-shadow: 0 0 0 10px #f69ba700;
  }

  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 #ff3b3b00;
  }
}

.borrower_analysis .news-container {
  min-height: calc(100vh - 122px);
}

.borrower_analysis .news-container .news-blogs .news-block {
  margin-bottom: 32px;
}

.news-container .news-blogs .news-block .main-thumb {
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
  background-color: #fff;
  margin-bottom: 8px;
  position: relative;
  cursor: pointer;
}

.news-container .news-blogs .main-thumb .img-dummy {
  position: relative;
  width: 100%;
  padding-top: 58.6%;
}

.news-container .news-blogs .main-thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.news-container .news-blogs .thumb-content .thumb-heading {
  font-size: 13px;
  font-weight: 500;
  color: #1d3853;
  word-break: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  margin-bottom: 7px;
}

.news-container .news-blogs .newsthumb-body .news-description {
  font-size: 15px;
  font-weight: 600;
  color: #1d3853;
  word-break: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  line-height: 1.3em;
  max-height: calc(1.3em * 2);
  text-overflow: ellipsis;
  margin-bottom: 5px;
}

.news-container .news-blogs .thumb-content .fst-italic {
  color: rgba(71, 70, 70, 1);
  font-size: 10px;
  font-weight: 400;
}

/* .news-container .news-blogs .news-show-section {overflow-x: hidden; max-height: 608px; overflow-y: auto}
.news-container .news-blogs .news-show-section::-webkit-scrollbar { width: 5px; border-radius: 30px; }
.news-container .news-blogs .news-show-section::-webkit-scrollbar-track { background: #eeeeee; }
.news-container .news-blogs .news-show-section::-webkit-scrollbar-thumb { background: #acacac; border-radius: 30px; }
.news-container .news-blogs .news-show-section::-webkit-scrollbar-thumb:hover { background: #555; } */

.news-container .news-blogs .message-wrapper {
  border: 1px solid #d3d8ed;
}

.news-container .news-blogs .message-wrapper .card-body {
  padding: 0px;
}

.news-container .news-blogs .message-wrapper h3 {
  font-size: 16px;
  font-weight: var(--bold);
  margin-bottom: 0;
  margin-top: 0;
  color: #1d3853;
}

.news-container .news-blogs .message-wrapper .mssg-header,
.news-container .news-blogs .message-wrapper .mssg-body {
  padding: 8px 0;
}

.news-container .news-blogs .message-wrapper .mssg-header {
  border-bottom: 1px solid #d3d8ed;
  padding: 15px;
}

.news-container .news-blogs .message-wrapper .mssg-body .mssg-item p {
  font-size: 13px;
  color: #7cc149;
  font-weight: 500;
  margin-bottom: 5px;
}

.news-container .news-blogs .message-wrapper .mssg-body .mssg-item h2 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 0;
  color: #23405d;
}

.news-container .news-blogs .message-wrapper .mssg-body .mssg-item {
  border-bottom: 1px solid #d3d8ed;
  padding: 10px 15px;
}

.news-container .news-blogs .message-wrapper .mssg-body {
  overflow-x: hidden;
  max-height: 568px;
  overflow-y: auto;
}

.news-container .news-blogs .message-wrapper .mssg-body::-webkit-scrollbar {
  width: 5px;
  border-radius: 30px;
}

.news-container
  .news-blogs
  .message-wrapper
  .mssg-body::-webkit-scrollbar-thumb {
  background: #acacac;
  border-radius: 30px;
}

.news-container
  .news-blogs
  .message-wrapper
  .mssg-body::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.news-container
  .news-blogs
  .message-wrapper
  .mssg-body
  .mssg-item
  .mssg-content-wrapper {
  display: flex;
  align-items: center;
}

.news-container
  .news-blogs
  .message-wrapper
  .mssg-body
  .mssg-item
  .mssg-content-wrapper
  .img-content {
  width: 55px;
  height: 40px;
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  border: 1px solid #d3d8ed;
  margin-right: 10px;
}

.news-container
  .news-blogs
  .message-wrapper
  .mssg-body
  .mssg-item
  .mssg-content-wrapper
  .img-content
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-container .news-blogs .single-news .news-thumbnail {
  width: 100%;
  aspect-ratio: 450/302;
  height: auto;
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  border: 1px solid #d3d8ed;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news-container .news-blogs .single-news .news-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.news-container .news-blogs .single-news .articles-wrapper h3 {
  font-size: 14px;
  font-weight: var(--bold);
  margin-bottom: 0;
  margin-top: 0;
  color: #1d3853;
}

.news-container .news-blogs .single-news .articles-wrapper span {
  font-size: 11px;
  color: #1d3853;
  opacity: 0.8;
  font-weight: 500;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.news-container
  .news-blogs
  .single-news
  .articles-wrapper
  span
  .material-symbols-outlined {
  color: #7cc149;
  margin-right: 2px;
  font-size: 20px;
  font-weight: 600;
}

.news-container
  .news-blogs
  .single-news
  .articles-wrapper
  .mssg-content-wrapper {
  padding: 10px;
  border: 1px solid #d3d8ed;
  display: flex;
  align-items: center;
}

.news-container
  .news-blogs
  .single-news
  .articles-wrapper
  .mssg-content-wrapper
  .img-content {
  width: 80px;
  height: 30px;
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  border: 1px solid #d3d8ed;
  margin-right: 10px;
}

.news-container
  .news-blogs
  .single-news
  .articles-wrapper
  .mssg-content-wrapper
  .img-content
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-container
  .news-blogs
  .single-news
  .articles-wrapper
  .mssg-content-wrapper
  p {
  font-size: 11px;
  color: #7cc149;
  font-weight: 500;
  margin-bottom: 3px;
}

.news-container
  .news-blogs
  .single-news
  .articles-wrapper
  .mssg-content-wrapper
  h2 {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 0;
  color: #23405d;
}

.news-container .news-blogs .single-news .article-heading-wrapper {
  border-left: 3px solid #7cc149;
  padding-left: 10px;
  margin-bottom: 20px;
}

.news-container .news-blogs .single-news .article-heading-wrapper h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 3px;
  margin-top: 0;
  color: #1d3853;
}

.news-container .news-blogs .single-news .article-heading-wrapper p {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 3px;
  margin-top: 0;
  color: #1d3853;
}

.news-container .news-blogs .single-news .article-body-wrapper p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 15px;
  margin-top: 0;
  color: #1d3853;
  opacity: 0.9;
  line-height: 1.5em;
  word-spacing: 3px;
}

/* Needs Table Wrapper */
.borrower-loan-info .loan-info-wrapper .needs-list-wrapper {
  background: #fff;
  border-radius: 8px;
  overflow-x: auto;
}

.borrower-loan-info
  .loan-info-wrapper
  .needs-list-wrapper
  .needs-table-wrapper {
  width: 100%;
  overflow-x: auto;
}

.needs-list-wrapper .needs-table-wrapper .needs-table {
  width: 100%;
  min-width: 700px;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  font-size: 15px;
}

.needs-list-wrapper .needs-table-wrapper .needs-table thead tr {
  background: #f1f3fc;
}

.needs-list-wrapper .needs-table-wrapper .needs-table th,
.needs-table td {
  padding: 5px 12px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #e6eaf5;
  font-weight: 500;
}

.needs-list-wrapper .needs-table-wrapper .needs-table th {
  color: #1d3853;
  font-size: 12px;
  font-weight: normal;
  background: #f5f8ff;
}

.needs-list-wrapper .needs-table-wrapper .needs-table td {
  color: #555555;
  font-size: 10px;
  font-weight: 600;
  background: #fff;
}

.needs-list-wrapper .needs-table-wrapper .needs-table td:nth-child(2) {
  font-weight: 500;
}

.needs-list-wrapper .needs-table-wrapper .status-badge {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.needs-list-wrapper .needs-table-wrapper .status-badge.status-out-stand {
  background-color: #f4b8b8;
  color: #b44343;
}

.needs-list-wrapper .needs-table-wrapper .status-badge.status-under-review {
  background-color: #c5f3ff;
  color: #0a97bb;
}

.needs-list-wrapper .needs-table-wrapper .status-badge.status-completed {
  background-color: #c6efb3;
  color: #3b6e22;
}

.needs-list-wrapper .needs-table-wrapper .status-badge.status-n-a {
  background-color: #d9d9d9;
  color: #5f5f5f;
}

.needs-list-wrapper .needs-table-wrapper .status-badge.status-in-progress {
  background-color: #ffdc7d;
  color: #c79407;
}

.needs-list-wrapper .needs-table-wrapper .doc-btn span,
.comment-btn span {
  font-size: 18px;
}

.needs-list-wrapper .needs-table-wrapper .doc-btn {
  background: linear-gradient(to left, #8fce58, #76b73e);
  border: none;
  border-radius: 5px;
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
}

.needs-list-wrapper
  .needs-table-wrapper
  .needs-table
  td:nth-last-child(-n + 3) {
  text-align: center;
}

.needs-list-wrapper .needs-table-wrapper .comment-btn {
  background: transparent;
  border: none;
  margin-right: 4px;
  color: #8e9ba9;
  cursor: pointer;
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.needs-list-wrapper .needs-table-wrapper .doc-btn:last-child,
.needs-list-wrapper .needs-table-wrapper .comment-btn:last-child {
  margin-right: 0;
}

.needs-list-wrapper .needs-table-wrapper .doc-btn .material-icons,
.needs-list-wrapper .needs-table-wrapper .comment-btn .material-icons {
  font-size: 20px;
  vertical-align: middle;
}

.needs-list-wrapper .needs-table-wrapper .comment-btn.comment-dot-pulse {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  width: auto;
  aspect-ratio: unset;
  border-radius: 0;
  box-shadow: none;
  animation: none;
}

.needs-list-wrapper
  .needs-table-wrapper
  .comment-btn.comment-dot-pulse
  .dot-pulse {
  position: absolute;
  top: -1px;
  left: 25%;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  background: #ee8291;
  border-radius: 50%;
  animation: dotPulse 1s infinite;
  z-index: 2;
}

@keyframes dotPulse {
  0% {
    opacity: 0.4;
    transform: translateX(-50%) scale(1);
  }

  50% {
    opacity: 1;
    transform: translateX(-50%) scale(1.4);
  }

  100% {
    opacity: 0.4;
    transform: translateX(-50%) scale(1);
  }
}

.borrower_analysis .comments-wrapper .offcanvas-header {
  background-color: #84b052;
  color: #ffffff;
  justify-content: normal;
}

.borrower_analysis .comments-wrapper .offcanvas-header span {
  color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  margin-right: 20px;
  font-weight: 600;
}

.borrower_analysis .comments-wrapper .offcanvas-header h5 {
  font-size: 15px;
  text-transform: uppercase;
}

.borrower_analysis .comments-wrapper .offcanvas-body .need-type {
  color: #1d3853;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #dedede;
  padding-bottom: 15px;
}

.borrower_analysis .comments-wrapper .notification-card {
  display: flex;
  margin-bottom: 30px;
}

.borrower_analysis .comments-wrapper .notification-card .content {
  background-color: rgba(124, 193, 73, 0.15);
  border-radius: 0px 8px 8px 8px;
  padding: 10px;
  max-width: 650px;
  margin-left: 10px;
}

.borrower_analysis .comments-wrapper .notification-card .icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #7cc149;
  flex-shrink: 0;
}

.borrower_analysis .comments-wrapper .notification-card .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}

.borrower_analysis .comments-wrapper .notification-card .content .message {
  font-size: 12px;
  color: #23405d;
  margin-bottom: 3px;
  font-weight: 500;
}

.borrower_analysis .comments-wrapper .notification-card .content .time {
  font-size: 10px;
  color: #23405d;
  margin-bottom: 0px;
  font-weight: normal;
}

.new_popup .modal-header {
  padding: 12px;
}

.borrower_analysis .comments-wrapper {
  border: none;
}

.borrower_analysis .borrower-portfolio .pdf_doc.file_view .date {
  padding: 0px 4px;
}

.borrower_analysis .borrower-portfolio .pdf_doc.file_view .item .date p {
  padding-right: 0;
}

.borrower_analysis .borrower-portfolio .pdf_doc.file_view .item {
  height: 130px;
}

.borrower_analysis .borrower-portfolio .pdf_doc.file_view .pdf-popup {
  padding: 10px !important;
}

.news-container .news-blogs .single-news .article-body-wrapper {
  overflow-x: hidden;
  max-height: 457px;
  overflow-y: auto;
}

.news-container
  .news-blogs
  .single-news
  .article-body-wrapper::-webkit-scrollbar {
  width: 5px;
  border-radius: 30px;
}

.news-container
  .news-blogs
  .single-news
  .article-body-wrapper::-webkit-scrollbar-track {
  background: #eeeeee;
}

.news-container
  .news-blogs
  .single-news
  .article-body-wrapper::-webkit-scrollbar-thumb {
  background: #acacac;
  border-radius: 30px;
}

.news-container
  .news-blogs
  .single-news
  .article-body-wrapper::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.dashboard_block .comments-wrapper .offcanvas-body .notification-body {
  overflow-x: hidden;
  max-height: calc(100vh - 156px);
  overflow-y: auto;
}

.dashboard_block
  .comments-wrapper
  .offcanvas-body
  .notification-body::-webkit-scrollbar {
  width: 2px;
  border-radius: 30px;
}

.dashboard_block
  .comments-wrapper
  .offcanvas-body
  .notification-body::-webkit-scrollbar-track {
  background: #eeeeee;
}

.dashboard_block
  .comments-wrapper
  .offcanvas-body
  .notification-body::-webkit-scrollbar-thumb {
  background: #acacac;
  border-radius: 30px;
}

.dashboard_block
  .comments-wrapper
  .offcanvas-body
  .notification-body::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.needs-list-wrapper .needs-table-wrapper .needs-table thead tr th:nth-child(3),
.needs-list-wrapper .needs-table-wrapper .needs-table tbody tr td:nth-child(3) {
  text-align: center;
}

.needs-list-wrapper .needs-table-wrapper .needs-table thead tr th:nth-child(4),
.needs-list-wrapper .needs-table-wrapper .needs-table tbody tr td:nth-child(4) {
  text-align: center;
}

.needs-list-wrapper .needs-table-wrapper .needs-table thead tr th:nth-child(5),
.needs-list-wrapper .needs-table-wrapper .needs-table tbody tr td:nth-child(5) {
  text-align: center;
}

.borrower_analysis .borrower-portfolio .pdf_doc.needs-file-view .pdf-popup {
  overflow-y: inherit;
  overflow: inherit;
}

/* Notification-Wrapper */
.notification-wrapper {
  position: relative;
  display: inline-block;
}

/* Bell Button */
.notification-wrapper .notification-btn {
  background: none;
  border: none;
  position: relative;
  cursor: pointer;
}

.notification-wrapper .notification-btn .bell-icon {
  font-size: 26px;
  color: #39475a;
}

/* Badge */
.notification-wrapper .notification-btn .notification-badge {
  position: absolute;
  top: 5px;
  right: 7px;
  background: #f46a6a;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-radius: 50%;
}

/* Dropdown */
.notification-wrapper .notification-dropdown {
  top: 2px !important;
  right: -30px !important;
  left: auto !important;
  width: 380px;
  max-height: 400px;
  background: #fff;
  border: none;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
}

.notification-wrapper .notification-dropdown::-webkit-scrollbar {
  width: 3px;
}

.notification-wrapper .notification-dropdown::-webkit-scrollbar-track {
  border-radius: 10px;
}

.notification-wrapper .notification-dropdown::-webkit-scrollbar-thumb {
  background: rgb(107, 107, 107);
  border-radius: 10px;
}

.notification-wrapper .notification-dropdown::-webkit-scrollbar-thumb:hover {
  background: #4b4b4b;
}

/* Bootstrap dropdown fade animation */
.notification-wrapper .notification-dropdown.dropdown-menu-animated {
  transform-origin: top right;
  animation: dropdownFade 0.2s ease-in-out;
}

@keyframes dropdownFade {
  from {
    opacity: 0;
    transform: translateY(-7px);
  }

  to {
    opacity: 1;
    transform: translateY(-3);
  }
}

/* Header */
.notification-wrapper .notification-dropdown .notification-header {
  padding: 10px 15px;
}

.notification-wrapper .notification-dropdown .notification-header h6 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #6c757d;
}

/* Notification Item */
.notification-wrapper .notification-dropdown .notification-item {
  padding: 10px 15px;
  cursor: pointer;
}

.notification-wrapper
  .notification-dropdown
  .notification-item
  .notification-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.notification-wrapper
  .notification-dropdown
  .notification-item
  .notification-title {
  font-size: 14px;
  font-weight: 600;
  color: #39475a;
  max-width: 200px;
  /* ellipsis */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notification-wrapper
  .notification-dropdown
  .notification-item
  .notification-time {
  font-size: 12px;
  color: #999;
  margin-left: 5px;
}

/* Notification Text */
.notification-wrapper
  .notification-dropdown
  .notification-item
  .notification-text {
  font-size: 13px;
  color: #6c757d;
  margin-top: 2px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* limit to 2 lines */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/* Divider */
.notification-divider {
  margin: 0;
  border: none;
  border-top: 1px solid #eff2f7;
}

/* While Notifications showing */
.borrower-notifications {
  min-height: calc(100vh - 87px);
}

.borrower-notifications .view-notifications {
  min-height: calc(100vh - 115px);
}

.borrower-notifications .view-notifications .h2-heading {
  font-size: 16px;
  font-weight: var(--bold);
  margin-bottom: 10;
  margin-top: 20px;
  color: #1d3853;
}

.borrower-notifications .notification-view {
  max-height: 516px;
  height: 520px;
  overflow: auto;
  margin-top: 10px;
}

.borrower-notifications .notification-view::-webkit-scrollbar {
  width: 5px;
}

.borrower-notifications .notification-view::-webkit-scrollbar-track {
  border-radius: 10px;
}

.borrower-notifications .notification-view::-webkit-scrollbar-thumb {
  background: rgb(107, 107, 107);
  border-radius: 10px;
}

.borrower-notifications .notification-view::-webkit-scrollbar-thumb:hover {
  background: #4b4b4b;
}

.borrower-notifications .notification-view .notification-item {
  display: flex;
  padding: 10px 15px;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: none;
  border: 1px solid var(--FormBorder);
  margin-bottom: 10px;
}

.borrower-notifications .notification-view .notification-item .top-heading {
  display: flex;
  justify-content: space-between;
  padding: 0;
}

.borrower-notifications .notification-view .unread {
  background-color: #f7f9fd;
}

.borrower_analysis .latest-listing-wrapper .listing-wrapper {
  min-height: 374px;
}

.borrower_analysis .median-sale-price-wrapper .card {
  min-height: 374px;
}

.news-container
  .news-blogs
  .message-wrapper
  .mssg-body
  .mssg-item
  .mssg-content-wrapper
  .img-content,
.news-container
  .news-blogs
  .single-news
  .articles-wrapper
  .mssg-content-wrapper
  .img-content {
  width: 50px;
  height: 45px;
  min-width: 50px;
  min-height: 45px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news-container
  .news-blogs
  .message-wrapper
  .mssg-body
  .mssg-item
  .mssg-content-wrapper
  .img-content
  img,
.news-container
  .news-blogs
  .single-news
  .articles-wrapper
  .mssg-content-wrapper
  .img-content
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.news-container .news-blogs .single-news .article-body-wrapper p {
  line-height: 1.7rem;
}

.news-container .news-blogs .single-news .news-thumbnail {
  border-radius: 6px;
}

.needs-list-wrapper .needs-table-wrapper .status-badge.pending-review {
  background-color: #f5c8a2;
  color: #df5e02;
}

.needs-list-wrapper .needs-table-wrapper .status-badge.revision-required {
  background-color: #ffdc7d;
  color: #c79407;
}

.news-container .news-blogs .message-wrapper .mssg-body {
  max-height: 588px;
}

.news-container .news-blogs .single-news .articles-wrapper .message-section {
  max-height: 350px;
  overflow-y: auto;
}

.news-container
  .news-blogs
  .single-news
  .articles-wrapper
  .message-section::-webkit-scrollbar {
  width: 5px;
  border-radius: 30px;
}

.news-container
  .news-blogs
  .single-news
  .articles-wrapper
  .message-section::-webkit-scrollbar-track {
  background: #eeeeee;
}

.news-container
  .news-blogs
  .single-news
  .articles-wrapper
  .message-section::-webkit-scrollbar-thumb {
  background: #acacac;
  border-radius: 30px;
}

.news-container
  .news-blogs
  .single-news
  .articles-wrapper
  .message-section::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.news-container .news-blogs .single-news .article-body-wrapper {
  max-height: 479px;
}

.news-container .news-blogs .single-news .article-body-wrapper,
.news-container .news-blogs .single-news .article-body-wrapper * {
  font-family: var(--font) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.news-container .news-blogs .view-article-txt {
  color: #7cc149;
  font-size: 13px;
  display: flex;
  align-items: center;
}

.news-container .news-blogs .view-article-txt span {
  font-size: 18px;
}

.pdf_doc.file_view .pdf-popup {
  overflow: inherit;
  display: initial;
  overflow-y: inherit !important;
  flex: 1;
  overflow-y: auto;
  height: auto !important;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #acacac #eeeeee;
  /* Firefox */
}

.pdf_doc.new_popup .modal-dialog .modal-body img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.borrower_analysis .portal-header .fillbtn_new span {
  font-size: 21px;
}

.borrower-draw-payout-modal .modal-dialog.modal-dialog-centered {
  max-width: 600px !important;
}

.borrower-draw-payout-modal .modal-dialog .modal-content {
  border: none;
}

.borrower-draw-payout-modal .modal-title {
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
}

.borrower-draw-payout-modal .modal-dialog .modal-header span {
  color: #fff;
  font-style: normal;
  font-size: 25px;
  line-height: 29px;
}

.borrower-draw-payout-modal .modal-dialog .modal-footer {
  font-weight: 700;
  font-size: 12px;
  display: block;
  margin: 12px auto;
  margin-bottom: 0px;
  padding: 0;
  margin-top: 0px;
  padding-bottom: 30px;
}

.borrower-draw-payout-modal .modal-dialog .modal-footer .fill_btn {
  padding: 10px 20px;
  font-size: 14px;
}

.borrower-draw-payout-modal .modal-dialog .modal-body {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.borrower-draw-payout-modal .modal-dialog .modal-body span {
  width: max-content;
  margin: 0 auto;
  display: block;
  font-size: 45px;
  color: rgba(154, 186, 141, 1);
}

.borrower-draw-payout-modal .modal-dialog .modal-body h3 {
  text-align: center;
  color: #39475a;
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 700;
  margin: 8px 0px 18px 0px;
}

.borrower-draw-payout-modal .modal-dialog .para {
  color: #49505a;
  margin-bottom: 0px;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  padding-bottom: 10px;
}

.borrower-draw-payout-modal .modal-dialog .draw-request-popup {
  padding: 0px 20px !important;
  position: relative;
  padding-top: 30px !important;
}

.borrower-draw-payout-modal .modal-dialog .draw-request-popup .close-btn {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 24px;
  height: 24px;
  background-color: #babbbd;
  color: #fff;
  -webkit-appearance: none;
  line-height: 1;
  border: none;
  border-radius: 100%;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

.borrower-draw-payout-modal .modal-dialog .draw-request-popup .close-btn span {
  color: #fff;
  font-size: 15px;
}

.contacts-wrapper .servicer-name span {
  word-spacing: 0px;
  cursor: text;
}

.contacts-wrapper .servicer-ref {
  font-size: 10.5px !important;
  border: 1px solid #7ac143;
  border-radius: 5px;
  padding: 5px 14px;
  cursor: text;
}

.privacy-controls .container {
  max-width: 975px;
}

.borrower-account-wrapper .h3-sm-heading {
  color: #1d3853;
}

.privacy-controls .privacy-description {
  font-size: 13.8px;
  color: #1d3853;
  line-height: 1.2;
}

.privacy-controls .card-bg.control-card {
  background-color: #f1f3fc;
  border-left: 3px solid #7cc149;
  border-radius: 5px;
  padding: 20px;
}

.borrower-account-wrapper .h3-sm-heading .check-icon {
  color: #7cc149;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 20px;
}

.privacy-controls .card-bg p {
  font-size: 13.8px;
  color: #1d3853;
  line-height: 1.2;
}

.privacy-controls .card-bg .inner-card {
  background-color: #ffffff;
  border: 1px solid rgba(29, 56, 83, 0.3);
  border-radius: 5px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.privacy-controls .card-bg .inner-card .left-content h2 {
  font-size: 14.3px;
  color: #1d3853;
  margin: 0;
  font-weight: 600;
}

.privacy-controls .card-bg .inner-card .left-content p {
  font-size: 12.5px;
  color: rgba(29, 56, 83, 0.8);
  margin: 8px 0 0 0;
}

.privacy-controls .card-bg.sharing-card {
  background-color: #f1f3fc;
  border-left: 3px solid #ffa7a8;
  border-radius: 5px;
  padding: 20px;
}

.borrower-account-wrapper .h3-sm-heading .secure-icon {
  color: #ee8291;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 20px;
}

.sharing-card .left-content {
  display: flex;
  align-items: flex-start;
}

.sharing-card .left-content span {
  color: #ee8291;
  margin-right: 20px;
  font-size: 20px;
}

.privacy-controls .loan-related-card {
  background-color: #e9f3ff;
  border-left: 3px solid #438bd9;
  border-radius: 5px;
  padding: 20px;
}

.privacy-controls .loan-related-card .h3-sm-heading {
  color: #438bd9;
}

.privacy-controls .privacy-cards-wrapper {
  max-height: calc(100vh - 260px);
  overflow-y: scroll;
}

.privacy-controls .privacy-cards-wrapper::-webkit-scrollbar {
  width: 0px;
}

/* .privacy-controls .privacy-cards-wrapper::-webkit-scrollbar-track {border-radius: 10px;}
.privacy-controls .privacy-cards-wrapper::-webkit-scrollbar-thumb {background: rgb(107, 107, 107); border-radius: 10px;}
.privacy-controls .privacy-cards-wrapper::-webkit-scrollbar-thumb:hover {background: #4B4B4B;} */

.privacy-controls .fill_btn {
  margin-top: 20px;
}

.doc-icons .help-tooltip .help-tooltip-text {
  color: #76b73e !important;
  width: 77px;
  bottom: 132%;
  left: -23%;
  margin: 0;
  font-family: var(--font) !important;
}

.doc-icons .help-tooltip {
  margin: 0;
}

.doc-icons .help-tooltip .help-tooltip-text::after {
  left: 64%;
}

.doc-icons .download_pdf {
  padding: 1px 2px;
  margin-left: 2px;
}

.borrower-loan-info .borrower-need-list .contacts-wrapper .txt-size {
  font-size: 13px;
  padding: 0;
}

.borrower-loan-info .borrower-need-list .contacts-wrapper .heading.txt-size {
  margin-right: 5px;
}

.show_text {
  font-size: 11.5px;
  font-weight: 400;
  color: #768698;
  margin: 0;
  text-transform: uppercase;
  margin-right: 10px;
}

.loan_sorting_block .form_select span {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translate(0, -50%);
  color: var(--highlight-color);
  pointer-events: none;
}

.loan_sorting_block .form_select .portal-input {
  border: 1px solid #7cc149;
  padding: 3.5px 13px;
  border-radius: 5px;
  background-color: transparent;
  appearance: none;
  border-radius: 5px;
  font-weight: 600;
  font-size: 11.5px;
  color: #7cc149;
  text-transform: uppercase;
  padding-right: 30px;
  height: 26.6px;
}

.loan_sorting_block .form_select .portal-input:focus {
  background-color: transparent;
}

.loan_sorting_block .vertical_border {
  border: 1px solid #c1c1c1;
  width: 0px;
  height: 26px;
  margin: 0px 15px 0 13px;
}

.loan_sorting_block .lp_btn {
  border: 1px solid #dfe2f0;
  text-transform: uppercase;
  color: #54657b;
  font-size: 11.5px;
  padding: 3.5px 12px;
  height: 26.6px;
  border-radius: 5px;
  font-weight: 600;
  -webkit-appearance: none;
  background-color: #ffffff;
  transition: all 0.2s ease-out;
  margin-left: 5px;
}

.loan_sorting_block .lp_btn span {
  color: #7cc149;
}

.loan_sorting_block .reset_button {
  border: 1px solid #8cbf5a;
  border-radius: 5px;
  height: 26.6px;
  background-color: transparent;
  margin-left: 5px;
  padding: 5px 7px;
}

.loan_sorting_block .reset_button span {
  font-size: 18px;
  color: #8cbf5a;
  font-weight: bold;
}

.broker_loan_info {
  display: flex;
    align-items: start;
    justify-content: space-between;
  }
  .broker_loan_info .contact_info{
  border: 1px solid #d3d8ed;
    border-radius: 10px;
    width: 25%;
  }
.bro
.broker_loan_info .contact_info .card-body{
      padding: 20px 22px;
  }
.broker_loan_info .contact_info .h3-sm-heading{
      margin-bottom: 7px !important;
  }
.broker_loan_info .contact_info .heading{
      font-size: 12px;
    font-weight: 500;
    color: #1d3853;
    margin-bottom: 10px !important;
  }
.broker_loan_info .contact_info .sub-head{
      display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: #4f667d;
    margin-bottom: 13px;
  }
  .broker_loan_info .contact_info .icon{
          color: #7cc149;
    font-size: 19px;
    margin-right: 9px;
  }

  .color_picker_section .react-colorful {    width: 300px; height: 166px;}
  .company_logo_theme_section .company_color_theme .company_color_input {
    width: 201px !important;
    }

  .company_users
  .rdt_Table
  .rdt_TableHead
  .rdt_TableHeadRow
  .rdt_TableCol:last-child,
  .company_users
  .rdt_Table
  .rdt_TableBody
  .rdt_TableRow
  .rdt_TableCell:last-child {
  justify-content: center;
}
.company_users
  .rdt_Table
  .rdt_TableBody
  .rdt_TableRow
  .rdt_TableCell:last-child .icon_btn  {margin-right: 0;}
  .company_users .user_search.search .search_block .btn {
    display: flex;
    font-size: 12px;
    padding: 8.1px 10px 8.1px 10px;
    height: 38.6px;
    align-items: center;
    justify-content: center;
}
.company_users .user_search.search .search_block .btn span{
    font-size: 20px;
}
.company_users .search .drop-down .search-btn {
    height: 38.6px;
    align-items: center;
    justify-content: center;
}
.company_users .search .drop-down .search-btn span{
   font-size: 20px;
}
.company_users .filter-container .drop-down-icon:nth-child(1) select{
       border-radius: 8px 0 0 8px;
}
.company_users .filter-container .drop-down-icon:nth-child(2) select{
       border-radius: 0;
}
.bkr_cancel_btn {    padding: 8px 20px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    border-radius: 5px !important;
    display: inline-block !important;
    width: auto !important;}
    .bkr_save_btn {        
      display: flex !important;
    height: 41.6px !important;
    align-items: center !important;
    justify-content: center !important;
  padding: 8px 22px !important;}
  .company_users .inprogress_page {
    height: calc(100vh - 272px);
    min-height: inherit;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.bkr_edit_btn {    padding: 8px 20px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    border-radius: 5px !important;
    display: inline-block !important;
    width: auto !important;}

  .portal_body {
  width: 100%;
  margin: 0;
  font-family: var(--font);
}
.flex-full {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.portal-header .portal-container>.flex-full {
  display: flex;
  flex-wrap: wrap !important;
  justify-content: space-between;
  align-items: center;
}
.portal-header .flex-full>.flex-full:nth-child(1),
.portal-header .flex-full>.flex-full:nth-child(2) {
  display: flex;
  align-items: center;
}
.portal-header .flex-full>.flex-full:nth-child(1) {
  order: 1;
  flex: 1 1 auto;
  justify-content: flex-start;
  gap: 0.5rem;
}
.portal-header .flex-full>.flex-full:nth-child(2) {
  order: 2;
  flex: 1 1 auto;
  justify-content: flex-end;
  gap: 0.75rem;
}

.portal-group {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  position: relative;
}
.nav-item-sm-h {
  z-index: 9;
}
.nav-item-sm-h h2 {
  font-weight: var(--bold);
  margin-bottom: 0;
  margin-top: 0;
  color: var(--bold-color);
  font-size: 15px;
}

.nav-item-icon {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  position: relative;
}
.nav-item-icon img {
  position: absolute;
  left: 50%;
  top: -2%;
  transform: translate(-50%, -50%);
  height: 38px;
}
.active-wave-img {
  position: absolute;
  bottom: -95px;
  left: -85px;
  z-index: 0;
}
.portal-canvas .loan-process-btn {
  border: 1px solid #d3d8ed;
  padding: 5px 14px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 12.5px;
  color: #4f667d;
  appearance: none;
  -webkit-appearance: none;
  background-color: #ffffff;
  transition: all 0.2s ease-out;
  margin-left: 5px;
}
.portal-canvas .loan-process-btn.active {
  border: 1px solid #7cc149;
  color: #ffffff;
  background-color: #7cc149;
}
.portal-canvas .loan-item-wrapper {
  background-color: #fafbff;
  border: 1px solid #d3d8ed;
  border-radius: 10px;
  margin-bottom: 15px;
  cursor: pointer;
}

.loan-item-header .under-wrt-btn {
  border: 1px solid #7cc149;
  padding: 5px 14px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 10px;
  color: #7cc149;
  appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  text-transform: capitalize;
}

.loan-item-header .under-wrt-btn span {
  font-size: 14px;
}

.loan-item-header .loanid {
  font-size: 12px;
  font-weight: 500;
  color: #768698;
  margin: 0;
  text-transform: uppercase;
}

.loan-item-header .loanid span {
  color: #1d3853;
  font-weight: 700;
}

.loan-item-body {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  padding: 1.25rem;
}

.loan-item-body .property-address-icon {
  position: absolute;
  top: 18px;
  left: 13px;
}

.loan-item-body h1 {
  font-size: 13px;
  font-weight: 400;
  color: #768698;
  margin-bottom: 10px;
}

.loan-item-body h2 {
  font-size: 12px;
  font-weight: 600;
  color: #1d3853;
  margin: 0;
}

.easy-btn span {
  color: #77c33e;
}

.header-item { display: flex; align-items: center;}
.header-item span.d-lg-inline-block { font-weight: 700; text-align: left;}
.header-item .role { font-weight: 500; }
.news-blogs { padding: 0 20px; }

.serach_close {height: 22px !important;}
.serach_close span{font-size: 16px !important;}

/* Resposive Styles Here Start */
@media (min-width: 300px) and (max-width: 1080px) {
  .portal_body .new-wizard-canvas .wizard-input {
    width: 100% !important;
  }
  .portal-header-title {
    display: none !important;
  }

  .portal-nav .portal-nav-ul li .nav-titles {
    width: 100% !important;
  }

  .portal-nav .portal-nav-ul li {
    list-style: none !important;
    margin-bottom: 10px !important;
    border-radius: 8px !important;
    background-color: transparent !important;
    padding: 12px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border: 1px solid rgba(35, 64, 93, 0.3) !important;
  }

  .portal-nav .portal-nav-ul li .nav-titles {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    flex-direction: column !important;
  }

  .portal-nav .portal-nav-ul li .nav-titles h5 {
    font-size: 12px !important;
    text-align: center !important;
    position: inherit !important;
    display: block !important;
    top: -21px !important;
    white-space: nowrap !important;
    left: 50% !important;
    transform: inherit !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    margin-bottom: 0 !important;
  }

  .portal-nav .portal-nav-ul li .nav-titles .img_block {
    margin-right: 0px !important;
    margin-bottom: 5px !important;
  }

  .portal-nav .portal-nav-ul li.visited .nav-titles h5 {
    margin-top: 0 !important;
    margin-bottom: 1px !important;
    color: rgba(35, 64, 93, 0.6) !important;
    font-weight: 600 !important;
    font-size: 12px !important;
  }

  .portal-nav .portal-nav-ul {
    margin-top: 10px !important;
  }

  .portal-nav .portal-nav-ul li.active .chevron-icon {
    display: none !important;
  }

}
@media (min-width:340px) and (max-width:450px) {
  .analysis-wrapper { padding: 0 20px; }
  .portal-header .portal-container { padding: 0 20px; }
  .news-blogs { padding: 0 20px;}
   .portal_body .form_wrapper {
    grid-template-columns: 1fr !important;
  }

  .portal_body .ques_rightBlock .form-group {
    flex-direction: column !important;
  }

  .portal_body .ques_rightBlock .form-group .form-block {
    width: 100%;
    max-width: inherit !important;
  }
  
  .portal-group {
    flex-direction: column !important;
  }

  .portal-canvas {
    width: 100% !important;
    height: initial !important;
    padding: 0px;

  }

  .portal-nav ul {
    margin-right: 0 !important;
    display: flex !important;
    align-items: center !important;
    margin-top: 26px !important;
    gap: 10px !important;
    padding: 0;
  }

  .portal-nav ul li {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    position: relative !important;
    padding: 10px !important;
    width: 100%;
  }

  .portal-nav ul li .nav-titles h5 {
    font-size: 12px !important;
    text-align: center !important;
    position: absolute !important;
    display: none;
    top: -21px !important;
    white-space: nowrap !important;
    left: 50% !important;
    transform: translate(-50%, 0) !important;
  }

  .portal-nav ul li.active .nav-titles h5 {
    display: block !important;
  }

  .portal-nav ul li .nav-titles {
    width: 100% !important;
  }

  .portal-nav ul li .nav-titles p {
    display: none !important;
  }

  .portal-body {
    height: calc(100vh - 68px) !important;
  }

  .portal-overflow {
    max-height: calc(100vh - 349px) !important;
  }
  .inprocess-left-section .broker_loan_info { flex-direction: column; align-items: center; }
  .inprocess-left-section .broker_loan_info .contact_info { width: 100%; margin-top: 20px; margin-bottom: 15px; }
  .broker_loan_info .contact_info .sub-head { word-break: break-word;}
}
@media (min-width: 300px) and (max-width: 480px) {
  .borrower_nav { width: 100%;}
.tab-content { padding: 20px !important; }
  .portal-canvas
    .loan-item-wrapper
    .loan-item-body {
    flex-direction: column;
  }
    .loan-item-wrapper
    .loan-item-body
    .property-wrapper {
    width: 100%;
  }
    .loan-item-wrapper
    .loan-item-body
    .loan-amount-wrapper {
    width: 100%;
    padding-left: 24px;
    margin-top: 10px;
  }
    .loan-item-wrapper
    .loan-item-body
    .loan-type-wrapper {
    width: 100%;
    padding-left: 24px;
    margin-top: 10px;
  }
    .loan-item-wrapper
    .loan-item-body
    .schedule-date-wrapper {
    width: 100%;
    padding-left: 24px;
    margin-top: 10px;
  }
    .loan-item-wrapper
    .loan-item-header
    .loan-wrap {
    flex-direction: column;
  }

  .loan-wrap
    .under-wrt-btn {
    font-size: 10px;
    text-align: end;
  }
    .loan-item-wrapper
    .loan-item-header
    .loan-wrap
    .action-req-btn {
    font-size: 0px;
    padding: 0.5rem;
  }
    .loan-item-wrapper
    .loan-item-header
    .loan-wrap
    .action-req-btn
    span {
    font-size: 10px;
    margin-right: 0px !important;
  }
    .portal-canvas
    .loans-process-header {
    flex-direction: column;
  }
    .loan-item-wrapper
    .loan-item-header
    .loan-date
    .action-req-btn {
    order: 2;
  }
.loan-item-header
    .loan-date
    .loanid {
    order: 1;
    margin-right: 65px;
    font-size: 10px;
  }
.loan-item-header
    .loan-date {
    justify-content: space-between;
    margin-top: 10px;
    text-align: left;
  }
    .loans-process-header
    .btn-group {
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
  }

    .loan-item-wrapper
    .loan-item-body
    h2 {
    font-size: 10px;
  }

  /* tabs */
   .nav-item-icon {
    display: none;
  }
    .nav-item-sm-h
    h2 {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 10px;
  }
.nav-item-sm-h
    h5 {
    position: absolute;
    top: 30px;
    left: 20px;
    font-size: 15px;
  }
    .nav-item-sm-h {
    height: 70px;
  }

.portal-nav {
    border-right: none;
    width: 100%;
  }

  .borrower-loan-info .h3-sm-heading {
    font-size: 12px;
  }

  .loan-status.inprocess {
    font-size: 6px;
    margin-left: 5px;
  }

  .loan-info-wrapper .document-tabs .row {
    margin-top: 10px;
  }

  .stepper-wrapper {
    overflow-x: scroll;
  }
    .portal-nav
    ul
    li
    .active-wave-img {
    zoom: 0.4;
  }

  /* Allow main container to wrap rows */
  .portal-header .portal-container > .flex-full {
    display: flex;
    flex-wrap: wrap !important;
    justify-content: space-between;
    align-items: center;
  }

  /* Row 1: Logo + Notification + Avatar */
  .portal-header .flex-full > .flex-full:nth-child(1),
  .portal-header .flex-full > .flex-full:nth-child(2) {
    display: flex;
    align-items: center;
  }

  .portal-header .flex-full > .flex-full:nth-child(1) {
    order: 1;
    flex: 1 1 auto;
    justify-content: flex-start;
    gap: 0.5rem;
  }

  .portal-header .flex-full > .flex-full:nth-child(2) {
    order: 2;
    flex: 1 1 auto;
    justify-content: flex-end;
    gap: 0.75rem;
  }

  /* Row 2: Tabs full-width and wrap */
  .tabs-section {
    order: 3;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 5px;
  }

  /* Logo */
  .portal-logo {
    max-width: 120px;
    height: auto;
  }

  /* Notification bell */
  .notification-wrapper {
    position: relative;
    margin-right: 0.5rem;
  }

  /* Avatar */
  .header-profile-user {
    width: 32px;
    height: 32px;
  }

  /* Hide full name on mobile, show only role */
  .header-item .d-none.d-xl-inline-block {
    font-size: 0 !important;
  }

  .header-item .d-none.d-xl-inline-block .role {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
  }

.result-wrapper .result-section .btns-sect {
    flex-direction: column;
    gap: 10px;
    align-items: start !important;
  }
.result-wrapper
    .result-section
    .btns-sect
    .fillbtn_new {
    margin-left: 0px !important;
  }

.portal-canvas {
    border-left: none;
  }

.portal-container .card-body {
    padding: 10px;
  }

.news-blogs .single-news .first-row {
    flex-direction: column-reverse;
  }

.news-blogs .single-news .news-thumbnail {
    margin-top: 10px;
  }
}
@media (min-width:451px) and (max-width:768px) {
  .borrower_account .portal-container .col-md-2 { width: 100%;}
  .borrower_nav { width: 100%;}
  .borrower_account .portal-container .col-md-10 { width: 100%;}
  .borrower_account .analysis-wrapper { padding: 0 20px; }
  .borrower-account-wrapper .col-md-12 .col-md-2 { width: calc(100% / 3);}
  .portal-header .portal-container { padding: 0 20px; }
  .inprocess-left-section .broker_loan_info { flex-direction: column; align-items: center; }
  .inprocess-left-section .broker_loan_info .contact_info { margin-top: 20px; width: 100%; margin-bottom: 15px; }
  .broker_loan_info .contact_info .sub-head {word-break: break-word;}
  .inprocess-left-section .document-tabs #document .row .col-md-2 { width: calc(100% / 3);}

  .portal_body .form_wrapper {
    grid-template-columns: 1fr !important;
  }

  .portal_body .ques_rightBlock .form-group {
    flex-direction: column !important;
  }

  .portal_body .ques_rightBlock .form-group .form-block {
    width: 100%;
    max-width: inherit !important;
  }
  
  .portal-group {
    flex-direction: column !important;
  }

  .portal-nav {
    width: 100% !important;
  }

  .portal-canvas {
    width: 100% !important;
  }

  .portal-nav ul {
    margin-right: 0 !important;
    display: flex !important;
    align-items: center !important;
    margin-top: 26px !important;
    gap: 10px !important;
  }

  .portal-nav ul li {
    display: flex !important;
    flex-direction: column !important;
    padding: 10px 0 !important;
    flex: 1 !important;
    position: relative !important;
  }

  .portal-nav ul li .nav-titles h5 {
    font-size: 12px !important;
    text-align: center !important;
    position: absolute !important;
    display: none !important;
    top: -21px !important;
    white-space: nowrap !important;
    left: 50% !important;
    transform: translate(-50%, 0) !important;
  }

  .portal-nav ul li.active .nav-titles h5 {
    display: block !important;
  }

  .portal-nav ul li .nav-titles {
    width: 100% !important;
  }

  .portal-nav ul li .nav-titles p {
    display: none !important;
  }

  .portal-body {
    height: calc(100vh - 68px) !important;
    padding: 0 20px;
  }

  .portal-canvas {
    height: initial !important;
  }

  .portal-overflow {
    max-height: calc(100vh - 349px) !important;
  }
}
@media (max-width: 600px) {
  .needs-table-wrapper .needs-list-wrapper {
    padding: 4px;
  }

  .needs-table-wrapper .needs-table-wrapper {
    overflow-x: auto;
  }

  .needs-table-wrapper .needs-table {
    font-size: 12px;
    min-width: 500px;
  }

  .needs-table-wrapper .needs-table th,
  .needs-table-wrapper .needs-table td {
    padding: 6px 6px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .stepper-wrapper {
    overflow-x: scroll;
  }

  .property-picture-wrapper {
    max-width: none;
    margin: 0;
  }

 .loan-item-wrapper
    .loan-item-header
    .loan-wrap
    .under-wrt-btn {
    font-size: 10px;
    text-align: end;
  }
.loan-item-wrapper
    .loan-item-header
    .loan-wrap
    .action-req-btn {
    font-size: 0px;
    padding: 0.5rem;
  }

.loan-item-wrapper
    .loan-item-header
    .loan-wrap
    .action-req-btn
    span {
    margin-right: 0px !important;
  }

.portal-canvas {
    width: 100%;
  }

  .portal-group .portal-nav {
    width: 100%;
  }

  .news-blogs .row {
    flex-direction: column;
  }

  .news-blogs .row .col-md-8 {
    width: 100%;
  }

  .news-blogs .row .col-md-4 {
    width: 100%;
  }

  .news-blogs .single-news .first-row {
    flex-direction: column-reverse;
  }

  .news-blogs .single-news .news-thumbnail {
    margin-top: 10px;
  }
}
@media (min-width:769px) and (max-width:1024px) {
  .portal_body .form_wrapper {
    grid-template-columns: 1fr 1fr !important;
  }
  
  .portal-group {
    flex-direction: column !important;
  }

  .portal-nav {
    width: 100% !important;
  }

  .portal-canvas {
    width: 100% !important;
  }

  .portal-nav ul {
    margin-right: 0 !important;
    display: flex !important;
    align-items: center !important;
    margin-top: 26px !important;
    gap: 10px !important;
  }

  .portal-nav ul li {
    display: flex !important;
    flex-direction: column !important;
    padding: 10px 0 !important;
    flex: 1 !important;
    position: relative !important;
  }

  .portal-nav ul li .nav-titles h5 {
    font-size: 12px !important;
    text-align: center !important;
    position: absolute !important;
    display: none !important;
    top: -21px !important;
    white-space: nowrap !important;
    left: 50% !important;
    transform: translate(-50%, 0) !important;
  }

  .portal-nav ul li.active .nav-titles h5 {
    display: block !important;
  }

  .portal-nav ul li .nav-titles {
    width: 100% !important;
  }

  .portal-nav ul li .nav-titles p {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .needs-table-wrapper .needs-table {
    font-size: 13px;
    min-width: 600px;
  }

  .needs-table-wrapper .needs-table th,
  .needs-table-wrapper .needs-table td {
    padding: 8px 8px;
  }
}
@media (min-width: 1281px) and (max-width: 1366px) {
  .portal-header-title {
    display: flex !important;
    align-items: center !important;
    width: 58% !important;
  }
  
}

@media (min-width: 1227px) and (max-width: 1397px) {
  .bli_new .ipl_new_section {
       max-height: calc(100vh - -18px) !important;
  }
      .borrower_new_nav {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20.666667%;
    }
        .borrower_new_content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 79.333333%;
    }
  
}
@media (min-width: 1201px) and (max-width: 1397px) {
  
      .borrower_new_nav {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20.666667%;
    }
        .borrower_new_content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 79.333333%;
    }
  
}
@media (min-width: 900px) and (max-width: 1200px) {
  
      .borrower_new_nav {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25.666667%;
    }
        .borrower_new_content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 74.333333%;
    }
  
}

@media(min-width:1900px) and (max-width:2256px) {
  .portal-logo {
    height: 42px !important;
  }

  .portal-closeBtn {
    zoom: 1.2 !important;
  }
}
@media (min-width: 2500px) {
  .portal-container {
    max-width: 2400px !important;
  }

  .portal-body {
    .portal-body {
      height: calc(100vh - 112px) !important;
    }
  }

  .portal-overflow {
    max-height: calc(100vh - 268px);
  }

  .borrower_analysis .borrower-portfolio {
    min-height: calc(100vh - 633px);
    height: auto !important;
  }

  .borrower-portfolio
    .portal-container
    .portal-group
    .portal-canvas
    .loan-items-section
    .no-loans-img {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: calc(100vh - 769px);
  }

  .borrower-loan-info .stepper-wrapper ul .stepper-item {
    display: inline-flex !important;
    width: 289px !important;
  }
}
@media screen and (min-width: 2500px) {
  .borrower_analysis .news-container {
    min-height: calc(100vh - 121px) !important;
  }

  .message-wrapper .card-body .mssg-body {
    max-height: 676px;
  }
  .portal-container {
    max-width: 2500px !important;
  }

  .portal-body {
    width: 100% !important;
    height: calc(100vh - 122px) !important;
  }

  .portal-canvas {
    height: 98% !important;
  }

  .portal-canvas-body {
    padding: 20px !important;
    max-height: calc(100vh - 283px) !important;
    overflow: auto !important;
  }

  .portal-header-title {
    width: 76% !important;
  }
  .single-news .article-body-wrapper {
    max-height: 572px;
  }
  .bli_new .ipl_new_section {    
  max-height: calc(100vh - 422px) !important;
  overflow-y: auto;
  height: auto;}
}
@media screen and (min-width: 2800px) {
  .borrower_analysis .borrower-portfolio {
    min-height: calc(100vh - 85px);
  }

  .loan-items-section {
    min-height: calc(100vh - 203px);
  }

  .borrower-loan-info .closed-left-section {
    min-height: calc(100vh - 286px);
  }

  .borrower-loan-info .property-picture-wrapper {
    max-width: none;
  }

  .portal-container .portal-group .portal-nav {
    width: 420px;
  }

  .your-team-wrapper .property-info-wrapper {
    height: 610px;
  }

  .latest-listing-wrapper .listing-wrapper {
    height: 613px;
  }

  .median-sale-price-wrapper .card {
    height: 617px;
  }

  .portal-container .portal-group .portal-nav ul li {
    padding: 40px;
  }

  .portal-container .portal-group .portal-nav ul li.active {
    padding: 40px;
  }

  .borrower_analysis-wrapper .analysis-graph {
    height: 500px;
  }
  
}

@media(min-width:2303px) and (max-width:2499px) {
  .bli_new .ipl_new_section {
    max-height: calc(100vh - 421px) !important;
  }

}

@media(min-width:2047px) and (max-width:2302px) {
  .bli_new .ipl_new_section {
    max-height: calc(100vh - 386px) !important;
  }

}

@media(min-width: 1920px) and (max-width:2046px) {
  .bli_new .ipl_new_section {
    max-height: calc(100vh - 321px) !important;
  }
}
@media(min-width: 1920px) and (max-width:2048px) {

.dashboard_block .comments-wrapper .offcanvas-body .notification-body {
    max-height: calc(100vh - 238px);
}
}
@media(min-width: 1705px) and (max-width:1919px) {
  .bli_new .ipl_new_section {
   max-height: calc(100vh - 223px) !important;
  }
.dashboard_block .comments-wrapper .offcanvas-body .notification-body {
    overflow-x: hidden;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
}
.dashboard .dashboard_block > .card {
    min-height: calc(100vh - 299px);
    margin-bottom: 5px;
}
}
@media (min-width:1025px) and (max-width:1280px) {
.bli_new .ipl_new_section {
    max-height: calc(100vh - 421px) !important;
}

}

@media (min-height:800px) and (max-height:1208px) {
.new-card{
       min-height: calc(100vh - 99px) !important;
}
.bli_new .ipl_new_section {
        max-height: calc(100vh - 88px) !important;
    }
}
@media (max-height:1000px) {
.new-card{
       min-height: calc(100vh - -115px) !important;
}
.bli_new .ipl_new_section {
        max-height: calc(100vh - 88px) !important;
    }
}

.borrower_analysis .bli_new {
       min-height: calc(100vh - 227px);
}
.new-card{
       min-height: calc(100vh - 251px);
}
.bli_new .ipl_new_section {    
  max-height: calc(100vh - 142px);
  overflow-y: auto;
  height: auto;}
.new_min_height {min-height: 285px;}
.loan-info-btns .fs_btn {height: 26px;}
.loan-info-btns .complete_application {padding-right: 5px;}
.loan-info-btns .fs_btn.white {padding-left: 5px;}
.loan-info-btns .complete_application span{margin-left: 1px;}

.warmapp_body .all_loans_dropdown .form-control{border-radius: 8px;
    background: #F3F8FF;
    padding: 7px 11px;
    color: #768A9E;
    font-size: 11.5px;
    border: 1px solid #AFB8C3;
    width: 100%;
    font-weight: 500;
    padding-right: 23px;
    display: flex;
    align-items: center;
    line-height: inherit;}
   .loan_sorting_block .all_loans_dropdown .material-symbols-outlined{position: absolute;
    right: 1px;
    top: 50%;
    transform: translate(0, -50%);
    color: var(--highlight-color);
    pointer-events: none;}

.broker_management
  .rdt_Table
  .rdt_TableHeadRow
  .rdt_TableCol:last-child,
.broker_management
  .rdt_Table
  .rdt_TableBody
  .rdt_TableRow
  .rdt_TableCell:last-child {
  justify-content: center;
}

.broker_account .borrower_nav {width: 230px;}

.loan_assignments {border-top: 1px solid #d3d8ed;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;}
    .role_assignments {display: flex;
    align-items: center;}
    .loan_assignments {border-top: 1px solid #d3d8ed;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;}
    .role_assignments .material-symbols-outlined{color: #7cc149;
    font-size: 22px;
    margin-right: 5px;}
    .role_assignments p{    
      margin-bottom: 0;
    color: #768698;
    font-size: 13.5px;}
    .role_assignments p span{    
      color: #1d3853;
    font-weight: 600;}

/* last updated on 01:29 PM 28-JAN-26 by VKR*/