@charset "UTF-8";

.submit-to-ms-container {
  margin: 1px;
}

.allow-extensions {
  display: block;
}

.revisions-banner {
  display: block;
  background-color: lightskyblue;
  padding: 10px;
  margin-top: 15px;
}

.form-input {
  width: fit-content;
}

.comment-type {
  margin-left: 10px;
  font-size: 14px;
}

.comment-container {
  padding: 20px 20px 0px 20px;
  overflow: scroll;
}

.comment {
  padding: 10px 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #f1f1f1;
  display: flex;
}

.comment-body {
  flex: 1;
}

.comment-action {
  width: 150px;
}

.comment-container .comment .comment-action .comment-delete-button,
.comment-container .comment .comment-action .comment-edit-button,
.comment-container .comment .comment-action .comment-attachment-button,
.comment-container .comment .comment-action .reply-to-comment-button {
  margin-left: 8px;
}

blockquote {
  margin-left: 10px;
}

.disabled-button {
  visibility: hidden;
  pointer-events: none;
}

.meta-form-comment-label {
  display: inline-block;
  margin: 0 12px 16px 0;
}

.meta-form-comment-container {
  display: inline-block;
}

.post-new-comment-button {
  display: inline-block;
}

.metadata-item-top {
  padding-bottom: 10px;
  padding-right: 10px;
}

.metadata-item {
  padding-top: 12px;
  padding-right: 10px;
}

.metadata-item > span {
  display: inline-block;
  width: 70%;
}

.metadata-item > span.label {
  vertical-align: top;
  display: inline-block;
  width: 23%;
}

.loan-number-metadata {
  display: inline-block;
}

.htag-custom-black {
  color: black;
  font-size: 16px;
}

.htag-custom-dark-green {
  color: #0f2f43;
  font-size: 18px;
}

.actions-data {
  padding-bottom: 50px;
}

.actions-button {
  border-width: medium !important;
  border-radius: 10em !important;
  border-color: #205b60 !important;
  font-weight: bold !important;
  background-color: #287278 !important;
  color: #ffffff !important;
}

.dx-state-disabled {
  background-color: #b1cccf !important;
}

.excel-export-button {
  border-width: medium !important;
  border-radius: 50% !important;
  border-color: #205b60 !important;
  font-weight: bold !important;
  background-color: #287278 !important;
  color: #ffffff !important;
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important; /* Add this for tooltip positioning */
}

.excel-export-button .dx-icon {
  font-size: 16px !important;
}

.selection-text {
  padding-right: 5px;
}

.main-green {
  background-color: #c3d500;
}

.download-button {
  text-align: right;
  margin-bottom: 10px;
}

.text-main-green {
  color: #c3d500;
}

.simple-gray {
  background-color: #dce0e0;
  color: #000;
}

.negative-margin {
  margin-top: -5px;
  margin-bottom: -5px;
}

.total-cost-info-margin {
  margin-bottom: -20px;
}

.final-notices-margin {
  margin-top: -10px;
}

.appraisal-loan-doc-description-margin {
  margin-top: -5px;
}

.file-uploader {
  margin-top: -15px;
}

.clear-files-button {
  margin-left: 10px;
}

.uploaded-files-list li {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 5px;
  border-radius: 4px;
  font-size: 14px;
}

.uploaded-file {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 5px;
  border-radius: 4px;
  font-size: 14px;
}

.summary-table-title {
  border: 1px solid #ddd;
  color: #959595;
  background-color: #fff;
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
  padding: 15px;
}

.loan-findings-grid-wrapper {
  overflow-x: auto;
}

.loan-borrower-name-label {
  display: flex;
  flex-direction: row;
  vertical-align: baseline;
  width: 180px;
}

.label-defect {
  display: inline;
  padding: 0.1em 0.6em;
  font-size: 11px;
  font-weight: 700;
  line-height: 2;
  margin-left: 10px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
  background-color: #c03a0d;
  margin-bottom: 0.5rem;
}

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

.significant-finding-label {
  text-align: center;
  color: #dc3545;
}

.moderate-findings-label {
  text-align: center;
}

.loan-table-label {
  width: 170px;
  vertical-align: top;
  font-weight: bold;
}

.loan-table-finding-text {
  width: 100%;
  white-space: normal;
}

.revise-now-warning-button {
  margin-top: 10px;
  float: right;
}

.display-inline-flex {
  display: inline-flex;
}

.right-component-PDF-report {
  width: 100px;
}

.display-flex {
  display: flex;
}

.header-column-pdf-reports {
  flex: 50%;
  padding: 10px;
}

.header-column-right-pdf-reports {
  padding: 10px;
  margin-left: auto;
  margin-right: 0;
  float: right;
}

.header-right-button-pdf-reports {
  margin-left: 5px;
}

.download-popup-grid-container {
  display: flex;
  margin-top: -45px;
  margin-bottom: 20px;
}

.titles {
  margin-bottom: 25px;
  text-align: left;
}

/* Create three equal columns that float next to each other */
.download-popup-column {
  float: left;
  width: 40%;
  padding: 10px;
}

.download-popup-middle-column {
  float: left;
  width: 20%;
  padding: 10px;
}

/* Clear floats after the columns */
.row:after {
  content: '';
  display: table;
  clear: both;
}

.download-popup-container {
  height: 100%;
  border-collapse: collapse;
  display: table;
  text-align: right;
}

.text-blue-underline {
  color: blue;
  text-decoration: underline;
}

.text-blue-underline:hover {
  color: blue;
}

.download-button-container {
  display: table-row;
  vertical-align: bottom;
}

.download-popup-checkbox-container {
  text-align: left;
}

.revise-explanation {
  width: 100%;
}

.loans-grid-container {
  width: 100%;
}

.loans-grid-container td {
  padding: 5px;
}

.findings-grid-dotted-lines .dx-datagrid-rowsview .dx-data-row > td {
  border-bottom: 2px dotted #666 !important;
  padding-bottom: 15px !important;
  padding-top: 15px !important;
}

.findings-grid-dotted-lines .dx-datagrid-rowsview .dx-group-row > td {
  border-bottom: none !important;
}

@media (min-width: 1916px) {
  .icon-received::before {
    content: 'Received';
  }

  .icon-in-progress::before {
    content: 'In Progress';
  }

  .icon-completed::before {
    content: 'Completed';
  }
}

@media (max-width: 1915px) {
  .icon-received::before {
    content: 'Rec';
  }

  .icon-in-progress::before {
    content: 'Prog';
  }

  .icon-completed::before {
    content: 'Comp';
  }
}

.progress-bar-color {
  background-color: #287278;
}

.audit-text-blue {
  color: #287278;
}

.audit-text-white {
  color: white;
}

.rounded-blue-button {
  border-radius: 50px;
  background-color: #287278;
  display: inline-block;
}

.audit-pool-data-box {
  padding: 10px;
  border: 1px solid gray;
}

.findings-export-btn {
  text-align: right;
  margin-bottom: 20px;
}

.loans-filter-btn {
  margin-top: -5px;
}

.buttongroups-container {
  margin-bottom: 5px;
}

.pdf-report-dropdown {
  background-color: #287278;
  border-radius: 4px;
}

.pdf-report-dropdown .dx-button-mode-outlined .dx-icon {
  color: #ffffff;
}

.delete-share-user-warning-button {
  float: right;
}

.edit-button-share {
  display: flex;
  width: 100%;
  justify-content: end;
}

.delete-button-share {
  display: flex;
  width: 100%;
  text-align: left !important;
}

.add-recipient-button {
  width: 100%;
  justify-content: end;
}

.edit-recipient-button {
  width: 100%;
}

.edit-delete-user {
  width: 205px;
}

.loans-revision-submitted-icon {
  margin-left: 14px;
}

.loans-revision-submitted-icon i:hover {
  color: green;
}

.loans-revision-submitted-icon i {
  font-size: 20px;
}

.comment-post-button-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}
.label-finding-group-significant {
  color: #fff;
  background-color: #c03a0d;
  padding: 7px;
}
.label-finding-group-moderate {
  color: #fff;
  background-color: #f47c53;
  padding: 7px;
}
.label-finding-group-insignificant {
  color: #fff;
  background-color: #ffc107;
  padding: 7px;
}
.label-finding-group-informational {
  color: #fff;
  background-color: #77777a;
  padding: 7px;
}
.label-audit-score-significant {
  color: #c03a0d;
}
.label-audit-score-moderate {
  color: #e77205;
}
.label-audit-score-insignificant {
  color: #0a8533;
}
.comment-replies {
  padding-left: 20px;
}
.card-body-modified {
  padding: 1.5rem 1rem !important;
}
/* Dashboard layout styles - added to place MetaButton on the right */
.dashboard-main {
  padding: 1rem;
}
.dashboard-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.dashboard-left {
  display: flex;
  align-items: center;
}
.dashboard-meta-button {
  margin-left: auto;
}
/* Ensure button visually aligns to the right on small screens */
@media (max-width: 600px) {
  .dashboard-controls {
    flex-direction: column;
    align-items: stretch;
  }
  .dashboard-meta-button {
    margin-left: 0;
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
}

.aside-menu
  .menu
  .menu-item:not(.here)
  .menu-link:hover:not(.disabled):not(.active):not(.here) {
  background-color: #eaf2f2 !important;
}

.aside-menu
  .menu
  .menu-item.hover:not(.here)
  > .menu-link:not(.disabled):not(.active):not(.here) {
  background-color: #0f2f43 !important;
}

.aside-menu
  .menu
  .menu-item.hover:not(.here)
  > .menu-link:not(.disabled):not(.active):not(.here)
  .menu-title,
.aside-menu
  .menu
  .menu-item:not(.here)
  .menu-link:hover:not(.disabled):not(.active):not(.here)
  .menu-title {
  color: #fff;
}

.aside-menu
  .menu
  .menu-item:not(.here)
  .menu-link:hover:not(.disabled):not(.active):not(.here)
  .menu-title,
.aside-menu
  .menu
  .menu-item:not(.here)
  .menu-link:hover:not(.disabled):not(.active):not(.here)
  .menu-icon
  .svg-icon {
  color: #000 !important;
}

.aside-menu .menu .menu-item .menu-link.active {
  background-color: #0f2f43 !important;
}

.dx-datagrid .dx-row-alt > td {
  background-color: #eaf2f2;
}

.dx-datagrid-rowsview .dx-selection.dx-row > td {
  background-color: #bfd9d7 !important;
}

.dx-popup-title .dx-closebutton .dx-icon-close::before {
  color: #c03a0d !important;
}

.dx-datagrid a:visited {
  color: #551a8b !important;
}

.dx-datagrid-content a {
  color: #007bff !important;
}

.toolbar-content {
  display: flex;
  align-items: center;
  gap: 10px;
}