[data-cellid="above-grid_c1"][data-page="WIMSdata_view"][data-cellid="above-grid_c1"][data-page="WIMSdata_view"][data-cellid="above-grid_c1"][data-page="WIMSdata_view"] {
  background-color: #508090;
  white-space: nowrap;
}
[data-cellid="grid_c6"][data-page="WIMSdata_view"][data-cellid="grid_c6"][data-page="WIMSdata_view"][data-cellid="grid_c6"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c10"][data-page="WIMSdata_view"][data-cellid="grid_c10"][data-page="WIMSdata_view"][data-cellid="grid_c10"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c11"][data-page="WIMSdata_view"][data-cellid="grid_c11"][data-page="WIMSdata_view"][data-cellid="grid_c11"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c12"][data-page="WIMSdata_view"][data-cellid="grid_c12"][data-page="WIMSdata_view"][data-cellid="grid_c12"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c13"][data-page="WIMSdata_view"][data-cellid="grid_c13"][data-page="WIMSdata_view"][data-cellid="grid_c13"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c14"][data-page="WIMSdata_view"][data-cellid="grid_c14"][data-page="WIMSdata_view"][data-cellid="grid_c14"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c15"][data-page="WIMSdata_view"][data-cellid="grid_c15"][data-page="WIMSdata_view"][data-cellid="grid_c15"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c18"][data-page="WIMSdata_view"][data-cellid="grid_c18"][data-page="WIMSdata_view"][data-cellid="grid_c18"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c22"][data-page="WIMSdata_view"][data-cellid="grid_c22"][data-page="WIMSdata_view"][data-cellid="grid_c22"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c23"][data-page="WIMSdata_view"][data-cellid="grid_c23"][data-page="WIMSdata_view"][data-cellid="grid_c23"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c24"][data-page="WIMSdata_view"][data-cellid="grid_c24"][data-page="WIMSdata_view"][data-cellid="grid_c24"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c25"][data-page="WIMSdata_view"][data-cellid="grid_c25"][data-page="WIMSdata_view"][data-cellid="grid_c25"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c26"][data-page="WIMSdata_view"][data-cellid="grid_c26"][data-page="WIMSdata_view"][data-cellid="grid_c26"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c27"][data-page="WIMSdata_view"][data-cellid="grid_c27"][data-page="WIMSdata_view"][data-cellid="grid_c27"][data-page="WIMSdata_view"] {
  background-color: #e0e0e0;
  border: solid #508090 1px;
}
[data-cellid="grid_c28"][data-page="WIMSdata_view"][data-cellid="grid_c28"][data-page="WIMSdata_view"][data-cellid="grid_c28"][data-page="WIMSdata_view"] {
  background-color: #ffffe0;
  border: solid #508090 1px;
}
[data-cellid="grid_c29"][data-page="WIMSdata_view"][data-cellid="grid_c29"][data-page="WIMSdata_view"][data-cellid="grid_c29"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c30"][data-page="WIMSdata_view"][data-cellid="grid_c30"][data-page="WIMSdata_view"][data-cellid="grid_c30"][data-page="WIMSdata_view"] {
  background-color: #e0e0e0;
  border: solid #508090 1px;
}
[data-cellid="grid_c31"][data-page="WIMSdata_view"][data-cellid="grid_c31"][data-page="WIMSdata_view"][data-cellid="grid_c31"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c33"][data-page="WIMSdata_view"][data-cellid="grid_c33"][data-page="WIMSdata_view"][data-cellid="grid_c33"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c34"][data-page="WIMSdata_view"][data-cellid="grid_c34"][data-page="WIMSdata_view"][data-cellid="grid_c34"][data-page="WIMSdata_view"] {
  background-color: #ffffe0;
  border: solid #508090 1px;
}
[data-cellid="grid_c35"][data-page="WIMSdata_view"][data-cellid="grid_c35"][data-page="WIMSdata_view"][data-cellid="grid_c35"][data-page="WIMSdata_view"] {
  background-color: #ffffe0;
  border: solid #508090 1px;
}
[data-cellid="grid_c36"][data-page="WIMSdata_view"][data-cellid="grid_c36"][data-page="WIMSdata_view"][data-cellid="grid_c36"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c42"][data-page="WIMSdata_view"][data-cellid="grid_c42"][data-page="WIMSdata_view"][data-cellid="grid_c42"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c46"][data-page="WIMSdata_view"][data-cellid="grid_c46"][data-page="WIMSdata_view"][data-cellid="grid_c46"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c50"][data-page="WIMSdata_view"][data-cellid="grid_c50"][data-page="WIMSdata_view"][data-cellid="grid_c50"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c54"][data-page="WIMSdata_view"][data-cellid="grid_c54"][data-page="WIMSdata_view"][data-cellid="grid_c54"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c62"][data-page="WIMSdata_view"][data-cellid="grid_c62"][data-page="WIMSdata_view"][data-cellid="grid_c62"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c64"][data-page="WIMSdata_view"][data-cellid="grid_c64"][data-page="WIMSdata_view"][data-cellid="grid_c64"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c70"][data-page="WIMSdata_view"][data-cellid="grid_c70"][data-page="WIMSdata_view"][data-cellid="grid_c70"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c72"][data-page="WIMSdata_view"][data-cellid="grid_c72"][data-page="WIMSdata_view"][data-cellid="grid_c72"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c76"][data-page="WIMSdata_view"][data-cellid="grid_c76"][data-page="WIMSdata_view"][data-cellid="grid_c76"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c"][data-page="WIMSdata_view"][data-cellid="grid_c"][data-page="WIMSdata_view"][data-cellid="grid_c"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c39"][data-page="WIMSdata_view"][data-cellid="grid_c39"][data-page="WIMSdata_view"][data-cellid="grid_c39"][data-page="WIMSdata_view"] {
  background-color: #508090;
  height: 20px;
  color: #000000;
}
[data-cellid="grid_c44"][data-page="WIMSdata_view"][data-cellid="grid_c44"][data-page="WIMSdata_view"][data-cellid="grid_c44"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c63"][data-page="WIMSdata_view"][data-cellid="grid_c63"][data-page="WIMSdata_view"][data-cellid="grid_c63"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c65"][data-page="WIMSdata_view"][data-cellid="grid_c65"][data-page="WIMSdata_view"][data-cellid="grid_c65"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c37"][data-page="WIMSdata_view"][data-cellid="grid_c37"][data-page="WIMSdata_view"][data-cellid="grid_c37"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c20"][data-page="WIMSdata_view"][data-cellid="grid_c20"][data-page="WIMSdata_view"][data-cellid="grid_c20"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-cellid="grid_c17"][data-page="WIMSdata_view"][data-cellid="grid_c17"][data-page="WIMSdata_view"][data-cellid="grid_c17"][data-page="WIMSdata_view"] {
  border: solid #508090 1px;
}
[data-page="WIMSdata_view"][data-itemid="integrated_edit_field"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field"] {
  width: 100%;
}
[data-page="WIMSdata_view"][data-itemid="integrated_edit_field"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field"] > * > label,
[data-page="WIMSdata_view"][data-itemid="integrated_edit_field"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field"] > * > * > input,
[data-page="WIMSdata_view"][data-itemid="integrated_edit_field"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field"] > * > * > textarea,
[data-page="WIMSdata_view"][data-itemid="integrated_edit_field"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field"] > * > * > select,
[data-page="WIMSdata_view"][data-itemid="integrated_edit_field"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field"] > * > * > .r-readonly-control,
[data-page="WIMSdata_view"][data-itemid="integrated_edit_field"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field"] > * > * > * > select {
  color: #0000a0;
  font-size: 16px;
}
[data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"] > * > label,
[data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"] > * > * > input,
[data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"] > * > * > textarea,
[data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"] > * > * > select,
[data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"] > * > * > .r-readonly-control,
[data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"][data-page="WIMSdata_view"][data-itemid="integrated_edit_field21"] > * > * > * > select {
  white-space: nowrap;
}
[data-page="WIMSdata_view"][data-itemid="next"] > .btn {
  background-color: #508090;
  background-image: none;
  text-shadow: none;
}
[data-page="WIMSdata_view"][data-itemid="prev"] > .btn {
  background-color: #508090;
  background-image: none;
  text-shadow: none;
}
[data-page="WIMSdata_view"][data-itemid="text1"] {
  color: #ffffff;
  font-size: 16px;
  white-space: nowrap;
}
[data-page="WIMSdata_view"][data-itemid="custom_button"] > .btn {
  background-color: #508090;
  background-image: none;
  text-shadow: none;
}
[data-page="WIMSdata_view"][data-itemid="page_image_ash8f23hr"] {
  width: 400px;
}


/* ==========================================================================
   PHPRunner 11.1 - Bottom-Aligned Buttons & 4-Column Compact Grid 
   (Unified Edit & View Page Styles)
   ========================================================================== */

/* 1. Tight 4-column CSS Grid */
.r-edit-form tbody,
.r-view-form tbody,
table.rnr-cv tbody {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  gap: 2px 4px !important;
  container-type: inline-size;
}

/* 2. Remove table row/cell structural spacing & align content naturally from top */
.r-edit-form tr,
.r-view-form tr,
table.rnr-cv tr {
  display: contents !important;
}

.r-edit-form td,
.r-view-form td,
table.rnr-cv td {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important; /* Keeps labels pinned to top of cell */
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  padding: 0 1px !important;
  margin: 0 !important;
}

/* 3. Colspans */
.r-edit-form td[colspan="2"], .r-view-form td[colspan="2"], table.rnr-cv td[colspan="2"] { grid-column: span 2 !important; }
.r-edit-form td[colspan="3"], .r-view-form td[colspan="3"], table.rnr-cv td[colspan="3"] { grid-column: span 3 !important; }
.r-edit-form td[colspan="4"], .r-view-form td[colspan="4"], table.rnr-cv td[colspan="4"] { grid-column: span 4 !important; }

/* 4. Single-Line Inputs, Dropdowns & Read-Only View Values (18px Text) */
.r-edit-form .form-control:not(textarea),
.r-edit-form select.form-control,
td.r-edit-field .rnr-select > select.form-control,
.r-view-form .form-control-static,
.r-view-form .r-field-text,
.r-view-form [data-itemtype^="view_field"] {
  width: 100% !important;
  min-height: 28px !important;
  height: auto !important;

  font-size: 18px !important;
  font-weight: normal !important;
  padding: 0 4px !important;
  line-height: 1.2 !important;
  margin: 0 !important;

  box-sizing: border-box !important;
  vertical-align: middle !important;
  word-break: break-word !important;
  display: block !important;
}

/* 4a. Neutralize nested paragraph/span margins inside view values */
.r-view-form .r-field-text *,
.r-view-form [data-itemtype^="view_field"] * {
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

/* 4b. Force ALL empty view containers (single & full-width like Notes/Project) to hold height */
.r-view-form .r-field-text:empty::before,
.r-view-form [data-itemtype^="view_field"]:empty::before,
.r-view-form [data-field]:empty::before {
  content: "\00a0" !important; /* Non-breaking space */
  display: inline-block !important;
  min-height: 28px !important;
  vertical-align: middle !important;
}

.r-view-form td[colspan] .r-field-text:empty,
.r-view-form td[colspan] [data-itemtype^="view_field"]:empty {
  min-height: 28px !important;
  display: block !important;
}

/* 4c. Dedicated Multiline Textarea / Read-Only Multiline Styling (~5 Lines Height) */
.r-edit-form textarea.form-control,
.r-view-form .r-field-text.multiline,
.r-view-form [data-itemtype="view_field_multiline"] {
  width: 100% !important;
  height: auto !important;
  min-height: 110px !important;
  max-height: none !important;

  font-size: 18px !important;
  font-weight: normal !important;
  padding: 4px !important;
  line-height: 1.3 !important;
  margin: 0 !important;

  box-sizing: border-box !important;
  resize: vertical;
  white-space: normal !important;
}

/* 5. Buttons (Vertically Bottom-Aligned to Grid Row) */
.r-edit-form .btn,
.r-view-form .btn {
  width: 100% !important;
  height: 35px !important;
  min-height: 35px !important;
  max-height: 35px !important;

  align-self: flex-end !important;
  margin-top: auto !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 0 2px !important;
  line-height: 1 !important;
  margin-bottom: 0 !important;
  box-sizing: border-box !important;
}

/* 6. Label Styling (14px Text) */
.r-edit-form label,
.r-edit-form .r-search-label,
.r-view-form label,
.r-view-form .r-search-label,
.r-view-form [data-itemtype="view_field_label"] {
  font-size: 14px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
  margin-top: 1px !important;
  margin-bottom: 0px !important;
  padding: 0 !important;
  color: #111 !important;
  width: 100% !important;
}

/* 7. Dropdown rendering fix */
.r-edit-form select.form-control,
td.r-edit-field .rnr-select > select.form-control {
  -webkit-appearance: shrink-to-fit;
  appearance: menulist;
}

/* 8. Wrapper Overrides */
.r-edit-form .rnr-select,
td.r-edit-field .rnr-select,
.r-edit-form .form-group,
.r-view-form .form-group,
td.r-view-field {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 9. Preserve Grid Structure for Conditionally Hidden View Cells */
.r-view-form td.r-view-field[style*="display: none"],
.r-view-form td.r-view-field.hidden,
.r-view-form td.r-view-field.r-hidden-field {
  display: flex !important;
  visibility: hidden !important;
}