.crmEntityFormView .cell {
    padding: initial;

}

.crmEntityFormView td.cell {
    padding: 0 0 16px 0;

}

#fsc_organizationname_label {
  display: block;
}

#fsc_organizationvaliditydate_label {
  display: block;
}

#fsc_organizationnaturalforest_label {
  display: block;
}

#fsc_organizationforestbiome_label {
  display: block;
}

#fsc_organizationcountry_label {
  display: block;
}

#fsc_organizationregion_label {
  display: block;
}

#fsc_organizationdescription_label {
  display: block;
}

.crmEntityFormView .cell .field-label {
    display: inline;
    color: #285C4D;
    font-weight: 300;
    padding: 1px 12px;
    margin-top: 20px;
    margin-bottom:10px;
}

.error-customNotification {
    display: inline;
    color: red;
    font-family: 'Segoe UI Light';
    font-size: 11px;
    padding: 1px 12px;
}

.modal-customContent {
    font-family: 'Segoe UI';
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

table[data-name="tab_8_section_3"] > tbody > tr > td:nth-child(2) {
    position: absolute !important;
    bottom: 32px !important;
    width: -webkit-fill-available !important;
    padding: 20px !important;
    font-family: 'Segoe UI Light';
    font-size: 14px;
}

table[data-name="tab_8_section_3"] > tbody {
    position: relative !important;
}

/* table[data-name="esrrequest_section_legaltenure"] > tbody {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-auto-flow: column;
}

table[data-name="esrrequest_section_legaltenure"] > tbody > tr {
    grid-column-start: 1;
    display: grid;
}

table[data-name="esrrequest_section_legaltenure"] > tbody > tr.esrInstructionsTr {
    grid-column-start: 2;
    display: grid;
} */

table[data-name="esrrequest_section_legaltenure"] .table-info,
table[data-name="esrrequest_section_legaltenure"] .control {
    width: 66.67%;
}

.checkbox-cell .field-label {
    color: initial !important;
    font-weight: 500 !important;
    font-size: 16px !important;
}

.section-title h3 {
    font-weight: 700;
}

.tab-title {
    text-transform: uppercase;
}


#fsc_legaltenuredescription{
    resize: vertical;
}


.float-end {
    padding: 10px;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
--bs-table-accent-bg: initial; 
}

div.description.above {
    display: inline;
    color: #285C4D;
    font-weight: 300;
    padding: 1px 12px;
    margin-top: 20px;
    margin-bottom:10px;
}

.form-control .readonly {
    border: none;
}

.form-control {
    border: 1px solid #285C4D;
    border-radius: 10px !important;
}

.btn {
    border-radius: 60px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.btn-default {
    border-color: #529900;
    color: #529900;
}

.btn-primary {
    border-color: #82C224 !important;
    /* font-family: Greycliff CF; */
    padding: 6px 20px;
    background-color: #82C224 !important;
    color: #F1F8E8;
}

div.actions #InsertButton {
    background: #82C224 !important;
    border: #82C224 !important;
    border-radius: 18px !important;
}


.modal-dialog { 
    max-width: 90% !important; 
    width: auto !important; 
}

th > a {
    color: #323130;
    font-family: Arial;
    font-weight: 800;
    font-size: 14px;
    text-transform: uppercase;
}
th {
    color: #323130;
    font-family: Arial;
    font-weight: 800;
    font-size: 14px;
    text-transform: uppercase;
}

.progress-numeric.top {
    margin: initial;
    padding: initial;
    border: initial;
    font-weight: initial;
    background: initial;
    border-bottom: 1px solid #eee;
    border-radius: initial;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
}

html[dir=ltr] div.progress-numeric {
    -webkit-box-shadow: initial; 
     box-shadow: initial;
}

.progress-numeric span {
    background-color: initial !important;
    color: #000000 !important;
    display: initial !important;
    font-size: initial !important;
    height: initial;
    line-height: 40px;
    vertical-align: initial !important;
    width: initial;
}

.crmEntityFormView {
    border: initial !important;
}

.msos-container {
    border-radius: 10px !important;
    border: 1px solid #285C4D !important;
}
.msos-caret-container {
    border-radius: 10px !important;
}

.msos-glyph {
    padding: 0 20px;
    font-weight: 1000;
}

tr:has(.dropdown-menu.show) {
  z-index: 1021;
  position: relative;
}


.action > .dropdown-menu.show {
  /* position: absolute !important;
  top: 100% !important;  
  bottom: auto !important;  */
  /* transform: translateX(-62px) !important;  */
  /* position: sticky !important; */
  /* color: white !important;
  z-index: 9999 !important;
  padding: 10px 0 !important;
  border-radius: 4px;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.175); */
  /* border-radius: 4px; */
    /* inset: -50% 105% auto auto !important; */
    inset: auto 105% -50% auto !important;
  transform: translate(0px, 0px) !important
}

.table {
    margin-bottom: 2rem;
    margin-top: 2rem;
    --bs-table-bg: white;
}

.subgrid  {
    background-color: #F8F8F8;
}

.subgrid > .view-grid.table-responsive > .table {
    --bs-table-bg: #F8F8F8;
}



/* .view-grid.table-responsive.dropdown-menu.show {
    overflow: visible
} */


.msos-input {
    font-family: 'Segoe UI';
    font-size: 1rem;
    color: #212529
}

.msos-selected-display-item {
    font-family: 'Segoe UI';
    font-size: 1rem;
    color: #FFFFFF
}

.text-muted {
    display: none;
}

.text-muted.createdby {
    display: initial;
}





table[data-name="tab_9_section_4"] .table-info,
table[data-name="tab_9_section_4"] .control {
    width: 66.67%;
}



table[data-name="tab_9_section_2"] .table-info,
table[data-name="tab_9_section_2"] .control {
    width: 66.67%;
}





table[data-name="tab_9_section_3"] .table-info,
table[data-name="tab_9_section_3"] .control {
    width: 66.67%;
}

/* table[data-name="tab_9_section_3"] .checkbox-cell  .table-info,
table[data-name="tab_9_section_3"] .checkbox-cell  .control {
    display: inline-block;
    width: auto;
    vertical-align: top;
    margin: 0px 0px 0px 10px;
} */

table[data-name="tab_9_section_3"] .checkbox-cell {
    display: flex;
    align-items: flex-start;
    width: 66.67%;
    max-width: 66.67%;
    flex-direction: row; 
}

table[data-name="tab_9_section_3"] .checkbox-cell .table-info {
    display: block;
    width: auto;
    flex: 1;
    min-width: 0; 
    margin-left: 10px; 
    order: 2; 
}

table[data-name="tab_9_section_3"] .checkbox-cell .control {
    display: block;
    width: auto;
    flex: 0 0 auto; 
    margin: 0 0 0 10px;
    order: 1; 
}

table[data-name="tab_9_section_3"] .checkbox-cell .field-label {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}



table[data-name="esrrequest_section_indigenousPeople_Description"] .table-info,
table[data-name="esrrequest_section_indigenousPeople_Description"] .control {
    width: 66.67%;
}


table[data-name="esrrequest_section_indigenousPeople_Summary"] .table-info,
table[data-name="esrrequest_section_indigenousPeople_Summary"] .control {
    width: 66.67%;
}

.esrInstructions {
    border-left: 1px solid var(--Font-Placeholder, #D0D1DB);
    color: #000;
    font-family: 'Segoe UI Light';
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    padding: 0 0 0 12px;
    margin: 56px 13px 0 40px
    /* margin: 16px 13px 0 40px */
}

.esrInstructionsSecond {
    border-left: 1px solid var(--Font-Placeholder, #D0D1DB);
    color: #000;
    font-family: 'Segoe UI Light';
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    padding: 0 0 0 12px;
    margin: 0px 0px 0 40px
}

.esrTextContent {

    color: initial;
    font-weight: 500;
    font-size: 16px;
    padding: 16px 0px;
    line-height: 120%;
}
.esrTextContentHighlighted {

    color: #82C224;
    font-weight: 500;
    font-size: 17px;

}

table[data-name="chaintab"] > tbody {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-auto-flow: column;
}

table[data-name="chaintab"] > tbody > tr {
    grid-column-start: 1;
    display: grid;
}

table[data-name="chaintab"] > tbody > tr.esrInstructionsTr {
    grid-column-start: 2;
    display: grid;
}




table[data-name="impactsecondarytab"] .table-info,
table[data-name="impactsecondarytab"] .control {
    width: 66.67%;
}


table[data-name="esrimpact_section_additionalities"] .table-info,
table[data-name="esrimpact_section_additionalities"] .control {
    width: 66.67%;
}

table[data-name="esrActivityOutcome_section_Outcome"] .table-info,
table[data-name="esrActivityOutcome_section_Outcome"] .control {
    width: 66.67%;
}

table[data-name="esrActivityOutput_section_001"] .table-info,
table[data-name="esrActivityOutput_section_001"] .control {
    width: 66.67%;
}


table[data-name="timepointdetailstab"] .table-info,
table[data-name="timepointdetailstab"] .control {
    width: 66.67%;
}


table[data-name="timepointsourcestab"] .table-info,
table[data-name="timepointsourcestab"] .control {
    width: 66.67%;
}

.crmEntityFormView 
.form-control.readonly, 
.crmEntityFormView 
.form-control[readonly][disabled], 
.form-readonly 
.form-control {
    border: solid 1px #6C6D77;
    background: #EEEFF9 !important;
    color: #6C6D77;
    padding: .375rem .75rem;
}


table[data-name="esrrisk_section_risk"] > tbody {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-auto-flow: column;
}

table[data-name="esrrisk_section_risk"] > tbody > tr {
    grid-column-start: 1;
    display: grid;
}

table[data-name="esrrisk_section_risk"] > tbody > tr.esrInstructionsTr {
    grid-column-start: 2;
    display: grid;
}

.col-lg-8.entity-notes {
    width: 100%;
}

.darBottom {
    display: none !important;
}

.fsc_DataAuxiliary_001 {
    background: #F1F8E8;
    padding: 22px 40px 40px 40px;
}
.fsc_bottomActionRibbon {
    border-top: 1px solid #DADADA;
    background: var(--Font-MainHighContrast, #FFF);
}

span {
    background-color: transparent !important;
}

#EntityFormControl_678f2d77f520f011998a000d3ab0a0f0 >
.crmEntityFormView {
    background-color: #F1F8E8;
}

#EntityFormControl_777fa9c91721f011998a000d3ab0a0f0 >
.crmEntityFormView {
    background-color: #F1F8E8;
}

input#fsc_esrsubmitdate_datepicker_description {
    background: transparent !important;
    border: none;
    color: black;
}

input#fsc_esrageing {
    background: transparent !important;
    border: none;
    color: black;

}

input#statuscode_EntityStatus {
    background: transparent !important;
    border: none;
    color: black;
}

label#fsc_esrageing_label {
    background: transparent;
    text-transform: uppercase;
    color: black;
    font-weight: 500;
    font-size: 22px;
    font-style: normal;
    border-bottom: 1px solid #D0D1DB;
}

label#fsc_esrsubmitdate_label {
    background: transparent;
    text-transform: uppercase;
    color: black;
    font-weight: 500;
    font-size: 22px;
    font-style: normal;
    border-bottom: 1px solid #D0D1DB;
}
label#statuscode_label {
    background: transparent;
    text-transform: uppercase;
    color: black;
    font-weight: 500;
    font-size: 22px;
    font-style: normal;
    border-bottom: 1px solid #D0D1DB;
}

/* td:first-child {
    position: sticky; 
    left: 0;

} */

/* th:first-child {
    position: sticky; 
    left: 0;

} */

.entity-grid td[aria-label="action menu"] {
    position: sticky; 
    right: 0;  
}


.entity-grid td[aria-label="action menu"] > .dropdown > .btn {
    position: relative; 

}


.entity-grid th[aria-label="Actions"] {
    position: sticky; 
    right: 0;  
}

.entitylist-filter-option-group-label,
.entitylist-filter-option-text .form-control,
.entitylist-filter-option-text .form-select,
.entitylist-filter-option-text .input-group-text {
  font-size: 11px !important;
  text-transform: uppercase;
}

span.input-group-text {
    display: none;
}

.entitylist-filter {
  display: flex;
  flex-wrap: wrap;
  border: none;
  border-bottom: 1px solid #D0D1DB;
  margin-bottom: 0;
  overflow-x: auto;
}

.entitylist-filter .list-inline-item {
  margin-right: 10px;
}

.btn-entitylist-filter-submit {
  font-size: 11px;
}
.entitylist {
    border: none !important;
}

.entity-grid.entitylist{
    border: none;
}
.card-body {
    display: flex;
    /* flex-wrap: wrap; */
    flex-wrap: nowrap;
    width: -webkit-fill-available;
    padding: 0;
}
.card-body > .float-end {
    margin-left: auto;
    align-self: center;
}

#entitylist-filters.list-inline {
    display: flex;
    flex-wrap: nowrap;
}

.view-toolbar.grid-actions.clearfix {
    padding: 0;
    border: none;
    border-bottom: 2px solid #D0D1DB;
}

.table>thead {
    vertical-align: middle;
}

.input-group.entitylist-filter-option-text>
.form-control {
  background-color: #F1F8E8 !important;
  border: 1px solid #529900;
  color: #285C4D;
}
.display-selected-values {
    width: -webkit-fill-available !important;
    cursor: pointer;
    padding: 8px;
    margin-bottom: 5px;
    min-height: 2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 180px;
}
div[data-name="esrrequest_cbapproveracction_general_tab"]{
    text-align: center;
}
.custom-gridCurrentUser {
    color: green !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}
.custom-gridStatusPending {
  background-color: #d4edda !important; 
  color: #155724 !important; 
  font-weight: bold !important; 
}
.custom-gridStatusNoAction {
  background-color: #d8d9d9 !important; 

}
.customSuccessMessage {
    background-color: #28a745 !important;
}
.customConfirmMessage {
    background-color: #ffc107 !important;
}
.customFailMessage {
    background-color: red !important;
}
div[name="webChat"] {
    display: none !important;
}

 /* div.note[data-hasattachment="true"] {
    display: none;
 } */
  
  table[data-name="esrtransactionitem_section_comments"] div.note[data-hasattachment="true"] {
    display: none;
 }
   table[data-name="esrtransactionitem_section_comments"] .entity-notes .note {
    border-top: initial;
 }

table[data-name="transaction_view_section_attachments"] div.note[data-hasattachment="false"],
table[data-name="transaction_view_section_attachments"] div.note:not([data-hasattachment="true"]) {
    display: none;
}

 table[data-name="transaction_view_section_attachments"] div.toolbar {
    display: none;
 }
  table[data-name="transaction_view_section_attachments"] .entity-notes .note {
    border-top: initial;
 }

 table[data-name="transaction_edit_section_attachments"] div.note[data-hasattachment="false"],
table[data-name="transaction_edit_section_attachments"] div.note:not([data-hasattachment="true"]) {
    display: none;
}


table[data-name="transaction_edit_section_attachments"] .entity-notes .note {
    border-top: initial;
}


 .notes-cell > .table-info {
    display: none !important;
 }
 div.notes-empty.message {
    display: none !important;
 }

 .file-info {
    flex-direction: column;
 }

/*  QUICK‑VIEW | force the mailto link to mimic your custom readonly input  */
.entity-form.crmEntityFormView[readonly]
  a.text-primary[readonly][href^="mailto:"] {

  /* layout & spacing */
  display: block;
  width: 100%;
  padding: .375rem .75rem;               /* same as .form-control */
  box-sizing: border-box;

  /* colours & borders – pulled from your palette */
  background:  #EEEFF9 !important;       /* portalThemeColor5 (#F8F8F8) variant */
  border:      1px solid #6C6D77 !important;
  border-radius: 10px !important;

  /* text & interaction */
  color: #6C6D77 !important;             /* #bs-gray‑600 */
  text-decoration: none;                 /* kill underline        */
  cursor: pointer;                       /* keep mail‑link hand    */

  /* keep Bootstrap’s smooth focus/hover transitions */
  transition: border-color .15s ease-in-out,
              box-shadow   .15s ease-in-out;
}



/* Terms and conditions */

    .prompt-box {
      margin: 20px 0;
      text-align: center;
      margin: 20px auto;
    }

    .cbx-container {
      margin: 30px auto 20px auto;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      gap: 12px;
      max-width: 400px;
      text-align: left;
    }

    .cbx-container input[type="checkbox"] {
      width: 20px;
      height: 20px;
      cursor: pointer;
      margin: 0;
      flex-shrink: 0;
      margin-top: 2px;
    }

    .cbx-container label {
      font-size: 16px;
      cursor: pointer;
      color: #333;
      line-height: 1.4;
      margin: 0;
      flex: 1;
    }

    .button-container {
      margin-top: 25px;
      text-align: center;
    }

    .continue-btn {
      background-color: #0078d4;
      color: white;
      border: none;
      padding: 14px 40px;
      font-size: 16px;
      font-weight: bold;
      border-radius: 4px;
      cursor: pointer;
      transition: all 0.3s ease;
      min-width: 180px;
    }

    .continue-btn:hover:not(:disabled) {
      background-color: #106ebe;
      transform: translateY(-1px);
    }

    .continue-btn:disabled {
      background-color: #d1d1d1;
      cursor: not-allowed;
      opacity: 0.7;
      transform: none;
    }

    .prompt-text {
      font-size: 16px;
      line-height: 1.5;
      margin-bottom: 15px;
      color: #333;
    }

    .terms-link-container {
      margin: 25px 0;
    }

    .progress-info {
      margin-top: 10px;
      font-size: 14px;
      color: #666;
    }

    .consent-section {
      margin-top: 20px;
    }

    .already-accepted {
      color: #28a745;
      font-weight: bold;
      margin-top: 20px;
      padding: 15px;
      background-color: #d4edda;
      border: 1px solid #c3e6cb;
      border-radius: 4px;
    }


    /* Hide the default text content for attachment disclosure cells */
td[data-attribute="fsc_attachmentsdisclosure"] {
    position: relative;
    text-indent: -9999px; /* Hide the text */
    overflow: hidden;
}

/* Base styling for all attachment disclosure icons */
td[data-attribute="fsc_attachmentsdisclosure"]::before {
    content: "";
    position: absolute;
    left: 20%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: 0;
}
/* Scenario 1: data-value is null, empty, or not present - Red Question Mark */
td[data-attribute="fsc_attachmentsdisclosure"]:not([data-value])::before,
td[data-attribute="fsc_attachmentsdisclosure"][data-value=""]::before,
td[data-attribute="fsc_attachmentsdisclosure"][data-value="null"]::before {
    content: "\f059"; /* fa-question-circle */
    font-family: "Font Awesome 5 Free", "FontAwesome", Arial, sans-serif;
    color: #dc3545; /* Red color */
}

td[data-attribute="fsc_attachmentsdisclosure"][data-value*="799100001"]::before {
    content: "\f15b"; /* fa-file */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    color: gray;
}


/* Green for OK status */
td[data-attribute="fsc_attachmentsdisclosure"].attachment-ok::before {
    color: #28a745;
}

/* Red for required status */
td[data-attribute="fsc_attachmentsdisclosure"].attachment-required::before {
    color: #dc3545;
}



/* Scenario 2: value is 799100000 - Green Hyperlink/At symbol */

td[data-attribute="fsc_attachmentsdisclosure"][data-value*="799100000"]::before {
    content: "\f0c1"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    color: #28a745;
}

/* Scenario 3: value is 799100002 - Green Not Applicable/Minus */

td[data-attribute="fsc_attachmentsdisclosure"][data-value*="799100002"]::before {
    content: "\f068"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    color: #28a745;
}

/* Scenario 5: no value - New Measurement - Green Not Applicable/Minus */

td[data-attribute="fsc_attachmentsdisclosure"][data-value*="799100002"]::before {
    content: "\f068"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    color: #28a745;
}

 td[data-attribute="fsc_attachmentsdisclosure"]:hover::before {
    transform: translate(-50%, -50%) scale(1.1);
    transition: transform 0.2s ease;
} 



/* Show tooltip on hover with the original text */
td[data-attribute="fsc_attachmentsdisclosure"]:hover::after {
    content: attr(aria-label);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
    text-indent: 0;
}