/* R&D Projects listing (rdprojects.aspx). Moved out of the page and recoloured to the site blue/gold, 3 Oct 2026. */
.modal-header {
  padding: 8px 16px;
  background-color: #0a4074;
  color: white;
}

.NowordBreaking {
  word-wrap: break-word;
}

/* ===== TWO-COLUMN LAYOUT ===== */
.rd-layout {
  margin-left: 0;
  margin-right: 0;
  margin-top: 8px;
}

.rd-sidebar-col {
  padding-left: 0;
  padding-right: 10px;
}

.rd-results-col {
  padding-left: 10px;
  padding-right: 0;
}

@media (max-width: 991px) {
  .rd-sidebar-col,
  .rd-results-col {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Sidebar: no sticky, no internal scrollbar – guarantees Search button visible */
.rd-sidebar {
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  position: static !important;
}

/* ===== PROFESSIONAL FILTER CARD ===== */
.filter-card {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(10, 64, 116, 0.08), 0 2px 4px rgba(0,0,0,0.04);
  border: 1px solid #e4ebf2;
  overflow: hidden;
  margin-bottom: 18px;
}

.filter-card-header {
  background: #0a4074;
  color: #fff;
  padding: 12px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}

.filter-card-header::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    transparent 10px,
    transparent 20px
  );
  pointer-events: none;
}

.filter-card-header .filter-title {
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}

.filter-card-header .filter-title .filter-icon {
  margin-right: 8px;
  font-size: 1.15rem;
}

.filter-badge {
  background: #fff;
  color: #0a4074;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 20px;
  letter-spacing: 0.3px;
  position: relative;
  z-index: 1;
  box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

.filter-card-body {
  padding: 18px 20px 14px 20px;
  background: #ffffff;
}

/* Quick preset chips */
.quick-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px dashed #c9d6e2;
}

.quick-presets .preset-label {
  font-size: 0.8rem;
  color: #62748b;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-right: 4px;
}

.preset-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 12px;
  background: #ffffff;
  border: 1px solid #c9d6e2;
  color: #0a4074;
  border-radius: 20px;
  font-size: 0.82rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
  user-select: none;
}

.preset-chip:hover {
  background: #0a4074;
  color: #fff;
  border-color: #0a4074;
  box-shadow: 0 3px 8px rgba(10,64,116,0.25);
  transform: translateY(-1px);
  text-decoration: none;
}

.preset-chip.reset {
  color: #b04545;
  border-color: #f0cccc;
}
.preset-chip.reset:hover {
  background: #b04545;
  color: #fff;
  border-color: #b04545;
}

/* Form grid */
.filter-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 12px 14px;
  margin-bottom: 14px;
}

.filter-field {
  display: flex;
  flex-direction: column;
  padding-top:10px;
}

.filter-field.col-3 { grid-column: span 3; }
.filter-field.col-4 { grid-column: span 4; }
.filter-field.col-6 { grid-column: span 6; }
.filter-field.col-12 { grid-column: span 12; }

@media (max-width: 991px) {
  .filter-field.col-3,
  .filter-field.col-4 { grid-column: span 6; }
}
@media (max-width: 600px) {
  .filter-field.col-3,
  .filter-field.col-4,
  .filter-field.col-6 { grid-column: span 12; }
}

.filter-label {
  font-size: 0.78rem;
  font-weight: 600;
  color: #25364a;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.filter-label .lbl-icon {
  font-size: 0.95rem;
}

.filter-field input[type="text"],
.filter-field select {
  width: 100% !important;
  height: 38px;
  padding: 6px 10px;
  border: 1px solid #c9d6e2;
  border-radius: 6px;
  background: #fff;
  font-size: 0.92rem;
  color: #333;
  transition: border-color 0.2s, box-shadow 0.2s;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.03);
}

.filter-field input[type="text"]:focus,
.filter-field select:focus {
  border-color: #0a4074;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(10,64,116,0.15);
}

/* Chosen plugin restyle to match */
.filter-field .chzn-container .chzn-single {
  height: 38px !important;
  line-height: 38px !important;
  border: 1px solid #c9d6e2 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #333 !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.03) !important;
  padding: 0 10px !important;
}
.filter-field .chzn-container .chzn-single div { top: 6px; }
.filter-field .chzn-container-active .chzn-single {
  border-color: #0a4074 !important;
  box-shadow: 0 0 0 3px rgba(10,64,116,0.15) !important;
}

.chzn-container .chzn-drop,
.chzn-container .chzn-results li {
  background: #fff;
  border: 1px solid #c9d6e2;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10);
  border-radius: 6px;
}

.chzn-container .chzn-search input {
  background-color: #f7fafc;
  color: #333;
  border: 1px solid #c9d6e2;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 0.9em;
}

.chzn-container .chzn-results li.highlighted,
.chzn-container .chzn-results .result-selected {
  background: #0a4074;
  color: #fff;
}

#txtFundingSourceIns_chzn,
#txtFundingSourceIns_chzn .chzn-drop,
#txtFundingSourceIns_chzn .chzn-search input { width: 100% !important; }

/* Action buttons row */
.filter-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-top: 6px;
  flex-wrap: wrap;
}

.filter-actions .btn-search,
.filter-actions .btn-clear {
  font-family: "Roboto", sans-serif !important;
  font-size: 0.95rem !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  padding: 10px 28px !important;
  border-radius: 6px !important;
  border: 1px solid transparent !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

.filter-actions .btn-search {
  background: #0a4074 !important;
  color: #fff !important;
  box-shadow: 0 4px 10px rgba(10,64,116,0.25) !important;
}
.filter-actions .btn-search:hover {
  background: #07335e !important;
  box-shadow: 0 6px 14px rgba(10,64,116,0.35) !important;
  transform: translateY(-1px);
}
.filter-actions .btn-clear {
  background: #fff !important;
  color: #25364a !important;
  border-color: #c9d6e2 !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
}
.filter-actions .btn-clear:hover {
  background: #f0f5fa !important;
  color: #0a4074 !important;
  border-color: #0a4074 !important;
}

/* Results summary bar */
.results-summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  background: #ffffff;
  border: 1px solid #e4ebf2;
  border-left: 4px solid #0a4074;
  border-radius: 8px;
  padding: 10px 16px;
  margin-bottom: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}

.results-summary .pill {
  display: inline-block;
  background: #eef4fa;
  color: #0a4074;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 14px;
  margin: 0 4px;
}
.results-summary .summary-text {
  font-size: 14px;
  color: #25364a;
}
.results-summary .summary-text b { color: #0a4074; }

.btn-analytics-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #fff !important;
  background: #0a4074;
  font-size: 14px;
  font-weight: 600;
  padding: 7px 14px;
  border-radius: 6px;
  text-decoration: none !important;
  box-shadow: 0 2px 6px rgba(30,144,255,0.25);
  transition: all 0.2s ease;
}
.btn-analytics-link:hover {
  background: #0a4074;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(10,64,116,0.35);
}

/* Keep legacy submit style only for non-filter submit buttons */
.filter-actions input[type='submit'] { all: unset; }

/* ===== END FILTER CARD ===== */

/* ============================================================
   RDFX-FIX: Hard overrides to defeat theme + Chosen conflicts.
   These rules use very high specificity (.rd-sidebar prefix +
   !important) so they always win.
   ============================================================ */

/* Card itself: no clipping */
.rd-sidebar.filter-card { overflow: visible !important; }

/* Header text – ensure it isn't shrunk by parent rules */
.rd-sidebar .filter-card-header .filter-title {
  font-size: 14px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}
.rd-sidebar .filter-badge {
  background: #ffd54f !important;
  color: #6d4c00 !important;
  font-size: 11px !important;
  padding: 3px 9px !important;
}

/* Field labels – readable inside narrow sidebar */
.rd-sidebar .filter-label {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #25364a !important;
  margin-bottom: 5px !important;
  line-height: 1.2 !important;
}
.rd-sidebar .filter-label .lbl-icon { font-size: 14px !important; }

/* Native input + select inside sidebar.
   IMPORTANT: We exclude .chosen / .chzn-select selects so the Chosen plugin
   can keep them hidden (otherwise both the native select AND the chosen
   wrapper would render – the bug we just fixed). */
.rd-sidebar .filter-field > input[type="text"],
.rd-sidebar .filter-field > select:not(.chosen):not(.chzn-select) {
  width: 100% !important;
  max-width: 100% !important;
  height: 36px !important;
  padding: 6px 10px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  border: 1px solid #c9d6e2 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #333 !important;
  box-sizing: border-box !important;
  display: block !important;
  margin: 0 !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.03) !important;
}

/* Force-hide the original <select> for any Chosen-wrapped dropdown,
   even if the Chosen plugin hasn't yet stamped it with inline display:none. */
.rd-sidebar .filter-field > select.chosen,
.rd-sidebar .filter-field > select.chzn-select {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
}

/* Chosen plugin: force full sidebar width and sane sizing */
.rd-sidebar .filter-field .chzn-container,
.rd-sidebar .filter-field .chzn-container-single {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.rd-sidebar .filter-field .chzn-container .chzn-single {
  width: 100% !important;
  height: 36px !important;
  line-height: 34px !important;
  padding: 0 24px 0 10px !important;
  border: 1px solid #c9d6e2 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #333 !important;
  font-size: 13px !important;
  box-sizing: border-box !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.03) !important;
}
.rd-sidebar .filter-field .chzn-container .chzn-single span {
  color: #333 !important;
  font-size: 13px !important;
  line-height: 34px !important;
  margin-right: 22px !important;
}
.rd-sidebar .filter-field .chzn-container .chzn-single div {
  top: 6px !important; right: 4px !important;
}
.rd-sidebar .filter-field .chzn-container-active .chzn-single {
  border-color: #0a4074 !important;
  box-shadow: 0 0 0 3px rgba(10,64,116,0.15) !important;
}
.rd-sidebar .filter-field .chzn-container .chzn-drop {
  width: 100% !important;
  box-sizing: border-box !important;
}
.rd-sidebar .filter-field .chzn-container .chzn-search input {
  width: 100% !important;
  font-size: 12px !important;
  padding: 5px 8px !important;
  box-sizing: border-box !important;
}

/* Override the legacy id-based 342px width that was forcing overflow */
#txtFundingSourceIns_chzn,
#txtFundingSource_chzn,
#txtFundingSourceInternatinal_chzn,
#txtUni_chzn,
#drpOrg_chzn {
  width: 100% !important;
  max-width: 100% !important;
}
#txtFundingSourceIns_chzn .chzn-drop,
#txtFundingSource_chzn .chzn-drop,
#txtFundingSourceInternatinal_chzn .chzn-drop,
#txtUni_chzn .chzn-drop,
#drpOrg_chzn .chzn-drop { width: 100% !important; box-sizing: border-box !important; }
#txtFundingSourceIns_chzn .chzn-search input,
#txtFundingSource_chzn .chzn-search input,
#txtFundingSourceInternatinal_chzn .chzn-search input,
#txtUni_chzn .chzn-search input,
#drpOrg_chzn .chzn-search input { width: 100% !important; }

/* Quick chips – legible in narrow column */
.rd-sidebar .quick-presets { gap: 5px !important; }
.rd-sidebar .preset-chip {
  font-size: 12px !important;
  padding: 4px 10px !important;
  font-weight: 600 !important;
}

/* SEARCH / CLEAR BUTTONS – defeat the strong global rule
   `input[type*='submit'] { font-size:1.5rem !important; ... }`
   by using both id and class with !important + larger specificity. */
.rd-sidebar .filter-actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding-top: 12px !important;
  margin-top: 4px !important;
  border-top: 1px solid #eaf0f6 !important;
  width: 100% !important;
}
.rd-sidebar .filter-actions input.btn-search,
.rd-sidebar .filter-actions input.btn-clear,
.rd-sidebar input#btnSearch,
.rd-sidebar input#btnClearSearch {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  line-height: 1.2 !important;
  border-radius: 6px !important;
  border: 1px solid transparent !important;
  cursor: pointer !important;
  text-shadow: none !important;
  transform: none !important;
  box-sizing: border-box !important;
}
.rd-sidebar input#btnSearch,
.rd-sidebar .filter-actions input.btn-search {
  background: #0a4074 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 10px rgba(10,64,116,0.25) !important;
}
.rd-sidebar input#btnSearch:hover,
.rd-sidebar .filter-actions input.btn-search:hover {
  background: #07335e !important;
  box-shadow: 0 6px 14px rgba(10,64,116,0.35) !important;
}
.rd-sidebar input#btnClearSearch,
.rd-sidebar .filter-actions input.btn-clear {
  background: #ffffff !important;
  color: #25364a !important;
  border-color: #c9d6e2 !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
}
.rd-sidebar input#btnClearSearch:hover,
.rd-sidebar .filter-actions input.btn-clear:hover {
  background: #f0f5fa !important;
  color: #0a4074 !important;
  border-color: #0a4074 !important;
}
/* End RDFX-FIX */

/* ============================================================
   RDFX-TABLE: beautified results table
   ============================================================ */
.tableFixHead .table thead th {
  background: #0a4074 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  font-weight: 700 !important;
  padding: 12px 14px !important;
  border-bottom: 2px solid #07335e !important;
}
.tableFixHead .table tbody td {
  padding: 12px 14px !important;
  vertical-align: middle !important;
  font-size: 13.5px !important;
  color: #2d3e50 !important;
}

/* Row number */
.rdfx-num {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 28px !important;
  height: 28px !important;
  padding: 0 8px !important;
  background: #eef4fa !important;
  color: #0a4074 !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
}
.rdfx-cell-num { vertical-align: middle !important; text-align: center !important; }

/* Combined Project cell */
.rdfx-project { display: flex; flex-direction: column; gap: 6px; }
.rdfx-project-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0a4074 !important;
  line-height: 1.45 !important;
  word-break: break-word;
}
.rdfx-detail-btn {
  display: inline-block !important;
  margin-left: 4px !important;
  padding: 1px 8px !important;
  background: #eef4fa !important;
  color: #0a4074 !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  line-height: 1.6 !important;
  transition: all 0.15s ease !important;
}
.rdfx-detail-btn:hover {
  background: #0a4074 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
.rdfx-project-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
}
.rdfx-meta-pi {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #4a6477 !important;
  background: #f3f7fb !important;
  border: 1px solid #e4ebf2 !important;
  padding: 3px 9px !important;
  border-radius: 12px !important;
}
.rdfx-meta-icon { font-size: 13px !important; }
.rdfx-meta-year {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #62748b !important;
  background: #fff7e6 !important;
  border: 1px solid #ffd58a !important;
  padding: 3px 9px !important;
  border-radius: 12px !important;
}
.rdfx-meta-status {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  padding: 3px 9px !important;
  border-radius: 12px !important;
  border: 1px solid transparent !important;
}
/* Default / unknown status */
.rdfx-meta-status,
.rdfx-meta-status.rdfx-status-default {
  background: #f3f4f6 !important;
  color: #374151 !important;
  border-color: #d1d5db !important;
}
/* Ongoing / On Going / In Progress (slugs strip spaces -> ongoing / inprogress) */
.rdfx-meta-status.rdfx-status-ongoing,
.rdfx-meta-status.rdfx-status-inprogress,
.rdfx-meta-status.rdfx-status-active {
  background: #e6f7ee !important;
  color: #1d7c4a !important;
  border-color: #b5e2c7 !important;
}
/* Completed / Finished */
.rdfx-meta-status.rdfx-status-completed,
.rdfx-meta-status.rdfx-status-complete,
.rdfx-meta-status.rdfx-status-finished {
  background: #e6f0fb !important;
  color: #145fa6 !important;
  border-color: #b9d4ee !important;
}
/* Pending / Approved */
.rdfx-meta-status.rdfx-status-pending,
.rdfx-meta-status.rdfx-status-approved {
  background: #fff7e6 !important;
  color: #b45309 !important;
  border-color: #ffd58a !important;
}
/* Cancelled / Closed / Terminated */
.rdfx-meta-status.rdfx-status-cancelled,
.rdfx-meta-status.rdfx-status-canceled,
.rdfx-meta-status.rdfx-status-closed,
.rdfx-meta-status.rdfx-status-terminated {
  background: #fdecec !important;
  color: #a4262c !important;
  border-color: #f3c2c5 !important;
}

/* Discipline badge */
.rdfx-disc-badge {
  display: inline-block !important;
  padding: 5px 12px !important;
  background: linear-gradient(135deg, #f0f5fa, #e6f0fb) !important;
  color: #0a4074 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border-radius: 14px !important;
  border: 1px solid #d3e1ee !important;
  white-space: nowrap !important;
}

/* Pagination styling */
.tableFixHead .pagination-ys a,
.tableFixHead .pagination-ys span {
  display: inline-block !important;
  min-width: 32px !important;
  padding: 6px 10px !important;
  margin: 0 2px !important;
  background: #ffffff !important;
  color: #0a4074 !important;
  border: 1px solid #c9d6e2 !important;
  border-radius: 5px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.tableFixHead .pagination-ys span {
  background: #0a4074 !important;
  color: #ffffff !important;
  border-color: #0a4074 !important;
}
.tableFixHead .pagination-ys a:hover {
  background: #eef4fa !important;
  border-color: #0a4074 !important;
}

/* On mobile: hide discipline column - already handled by .hidden-xs/.hidden-md */
@media (max-width: 600px) {
  .rdfx-project-meta { gap: 4px !important; }
  .rdfx-meta-pi, .rdfx-meta-year, .rdfx-meta-status {
    font-size: 11px !important;
    padding: 2px 7px !important;
  }
}
/* End RDFX-TABLE */

.btn-lg {
  padding: 16px 24px;
  font-size: 1.2rem;
}

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

.mt-3 {
  margin-top: 20px !important;
}

.large-black-text {
  font-size: 18px;
  color: black;
}
/* Outer container styling */
.tableFixHead {
  border: 1px solid #ddd; /* Light border around the table */
  border-radius: 8px; /* Rounded corners */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow effect */
  overflow: hidden; /* Remove scrolling */
}

/* Fixed header styling */
.tableFixHead thead th {
  position: sticky;
  top: 0;
  background-color: #0a4074; /* Blue background for header */
  color: #fff; /* White text color */
  text-align: left;
  padding: 14px;
 
  border-bottom: 2px solid #0a4074; /* Darker blue border */
  z-index: 1; /* Ensures header stays above content */
}

/* Table styling */
.table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  
}

/* Styling for table cells */
.table th, .table td {
  padding: 12px; /* Increase padding for better readability */
  border-bottom: 1px solid #ddd; /* Light grey border for row separation */
  
}

/* Hover and alternating row colors */
.table tbody tr:nth-child(even) {
  background-color: #f9fbfd; /* Light blue for even rows */
}
.table tbody tr:nth-child(odd) {
  background-color: #ffffff; /* White for odd rows */
}
.table tbody tr:hover {
  background-color: #e6f2ff; /* Slightly darker blue on hover */
}

/* Bold text for row numbers */
.table td b {
  color: #0a4074; /* Blue color for numbers */
}

/* Show More link styling */
.table a {
  color: #0a4074; /* Lighter blue for links */
  text-decoration: none;
  font-weight: bold;
}
.table a:hover {
  color: #0a4074; /* Darker blue on hover */
  text-decoration: underline;
}

/* Responsive adjustments for hiding columns */
@media (max-width: 768px) {
  .hidden-xs, .hidden-md {
    display: none;
  }
}
.btn-scientist-register {
  color: #073980;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
  
  transition: background-color 0.3s ease;
}

.btn-scientist-register:hover {
  color: #073980;
  text-decoration: none;
}

 .popup-link {
    display:inline-block; padding:6px 12px; border-radius:4px;
    background:#3366cc; color:#fff; text-decoration:none; font-size:14px;
  }
  .popup-link:hover { background:#274b96; color:#fff; text-decoration:none; }
  
  @media(min-width:1200px) {
	.container {
		width: 99%
	}
}

/* ==========================================================================
   Redesign layer (3 Oct 2026): plain blue H1, numbers strip, white cards,
   project rows as cards. Matches scientists-analytics / rdprojects-analytics.
   ========================================================================== */
.rdp-h1 {
  position: relative;
  margin: 22px 0 14px !important;
  padding: 0 0 10px !important;
  color: #0a4074 !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  text-shadow: none !important;
}

.rdp-h1::after {
  content: "";
  position: absolute;
  left: 0; bottom: 0;
  width: 64px; height: 4px;
  border-radius: 999px;
  background: #d9a441;
}

.rdp-intro { margin: 0 0 16px; color: #25364a; font-size: 15px; line-height: 1.65; text-align: justify; }

/* Numbers strip */
.rdp-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
  align-items: end;
  gap: 0;
  margin: 0 0 18px;
  padding: 16px 20px;
  border: 1px solid #e4ebf2;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 6px 22px rgba(10, 64, 116, .06);
  font-family: "Segoe UI", Arial, sans-serif;
}

.rdp-stat { position: relative; padding: 0 16px 14px; border-left: 1px solid #e4ebf2; }
.rdp-stat:first-child { padding-left: 0; border-left: 0; }
.rdp-stat span { display: block; color: #62748b; font-size: 12.5px; }
.rdp-stat strong { display: block; margin-top: 2px; color: #25364a; font-size: 26px; font-weight: 800; line-height: 1.15; font-variant-numeric: tabular-nums; }
.rdp-stat i { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; border-radius: 999px; background: var(--c); }
.rdp-stat i::after { content: ""; position: absolute; right: -2px; top: -4px; width: 12px; height: 12px; border: 3px solid var(--c); border-radius: 50%; background: #fff; }

.rdp-actions { display: flex; flex-direction: column; gap: 8px; padding-left: 20px; }

.rdp-actions a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 14px;
  border: 1px solid #c9d6e2;
  border-radius: 999px;
  background: #fff;
  color: #0a4074 !important;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  white-space: nowrap;
}

.rdp-actions a:hover { border-color: #0a4074; background: #f5f8fb; }
.rdp-actions a.is-primary { border-color: #0a4074; background: #0a4074; color: #fff !important; }
.rdp-actions a.is-primary:hover { background: #07335e; }
.rdp-actions a:focus { outline: 3px solid #1b80e3; outline-offset: 2px; }

/* Filter card: solid blue header with gold badge, white body */
.rd-sidebar.filter-card { border-radius: 16px !important; border-color: #e4ebf2 !important; box-shadow: 0 6px 22px rgba(10, 64, 116, .06) !important; }
.rd-sidebar .filter-card-header { border-radius: 16px 16px 0 0; background: #0a4074 !important; }
.rd-sidebar .filter-card-header::before { display: none !important; }
.rd-sidebar .filter-card-header .filter-title { font-size: 14px !important; letter-spacing: .6px; }
.rd-sidebar .filter-badge { background: #d9a441 !important; color: #3a2a00 !important; }
.rd-sidebar .filter-label { color: #25364a !important; font-size: 12.5px !important; font-weight: 700 !important; }
.rd-sidebar .filter-label .lbl-icon { display: inline-block; width: 18px; color: #0a4074; text-align: center; }

/* Results summary bar */
.results-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px !important;
  padding: 12px 16px !important;
  border: 1px solid #e4ebf2 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 4px 16px rgba(10, 64, 116, .05) !important;
}

.results-summary .pill { background: #eef4fa !important; color: #0a4074 !important; border-radius: 999px !important; font-weight: 800 !important; }
.btn-analytics-link { border-radius: 999px !important; background: #0a4074 !important; color: #fff !important; }

/* Results as a normal table (3 Oct 2026) */
.tableFixHead { border: 1px solid #e4ebf2 !important; border-radius: 10px !important; box-shadow: none !important; overflow: hidden !important; background: #fff; }
.tableFixHead .table { margin: 0 !important; border-collapse: collapse !important; border-spacing: 0 !important; background: #fff !important; }
.tableFixHead .table thead th { position: sticky !important; top: 0; z-index: 2; padding: 11px 14px !important; border: 0 !important; border-bottom: 2px solid #d9a441 !important; background: #0a4074 !important; color: #fff !important; font-size: 12.5px !important; font-weight: 700 !important; letter-spacing: .5px !important; text-transform: uppercase !important; }
.tableFixHead .table tbody tr:nth-child(odd) { background: #fff !important; }
.tableFixHead .table tbody tr:nth-child(even) { background: #f7fafc !important; }
.tableFixHead .table tbody tr:hover { background: #eef4fa !important; }
.tableFixHead .table tbody td { padding: 12px 14px !important; border: 0 !important; border-bottom: 1px solid #e4ebf2 !important; vertical-align: middle !important; }

.rdfx-num {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 30px; height: 30px;
  padding: 0 6px;
  border-radius: 999px !important;
  background: #eef4fa !important;
  color: #0a4074 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.rdfx-project-title { color: #0a4074 !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.45 !important; }
.rdfx-detail-btn { margin-left: 6px; padding: 1px 8px; border: 1px solid #c9d6e2; border-radius: 999px; background: #fff; color: #0a4074 !important; font-size: 12px; text-decoration: none !important; }
.rdfx-detail-btn:hover { border-color: #0a4074; background: #0a4074; color: #fff !important; }
.rdfx-project-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.rdfx-meta-pi, .rdfx-meta-year { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px; background: #f5f8fb; color: #25364a; font-size: 12.5px; }
.rdfx-meta-status { padding: 3px 10px !important; border-radius: 999px !important; font-size: 12px !important; font-weight: 700 !important; }
.rdfx-disc-badge { display: inline-block; padding: 4px 11px !important; border: 1px solid #d9e6f2 !important; border-radius: 999px !important; background: #f5f8fb !important; color: #0a4074 !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.35 !important; }

/* Pager */
.tableFixHead .pagination-ys td { border: 0 !important; background: transparent !important; box-shadow: none !important; }
.tableFixHead .pagination-ys a,
.tableFixHead .pagination-ys span { border-radius: 999px !important; }
.tableFixHead .pagination-ys span { background: #0a4074 !important; border-color: #0a4074 !important; }

/* Detail modal */
#myModal .modal-content { border: 0; border-radius: 14px; overflow: hidden; }
#myModal .modal-header { background: #0a4074 !important; }
#myModal .modal-header .close { color: #fff; opacity: .9; }
#myModal .modal-footer .btn-primary { border-color: #0a4074; background: #0a4074; }

@media (max-width: 991px) {
  .rdp-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 16px; }
  .rdp-stat:nth-child(3) { padding-left: 0; border-left: 0; }
  .rdp-actions { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; padding-left: 0; }
}

@media (max-width: 560px) {
  .rdp-h1 { font-size: 23px !important; }
  .rdp-stat strong { font-size: 21px; }
}

/* Pager row is not a project card */
.tableFixHead .table tbody tr.pagination-ys,
.tableFixHead .table tbody tr.pagination-ys:hover { background: transparent !important; box-shadow: none !important; }
.tableFixHead .table tbody tr.pagination-ys td,
.tableFixHead .table tbody tr.pagination-ys td:first-child,
.tableFixHead .table tbody tr.pagination-ys td:last-child { border: 0 !important; border-radius: 0 !important; background: transparent !important; }
.tableFixHead .table tbody tr.pagination-ys table td { border: 0 !important; }
.tableFixHead .table tbody tr.pagination-ys tr,
.tableFixHead .table tbody tr.pagination-ys tr:hover { background: transparent !important; box-shadow: none !important; }
.rdp-actions a { min-height: 36px; padding: 7px 14px; }

/* Simple meta line: plain text, no pills (3 Oct 2026) */
.rdfx-project-meta { gap: 0 !important; margin-top: 4px !important; color: #62748b; font-size: 13px; }
.rdfx-meta-pi,
.rdfx-meta-year,
.rdfx-meta-status,
.rdfx-meta-status[class*="rdfx-status-"],
.rdfx-disc-badge {
  display: inline !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: #62748b !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.rdfx-meta-icon { display: none !important; }
.rdfx-project-meta > span + span::before { content: "|"; margin: 0 8px; color: #c9d6e2; }
.rdfx-meta-status.rdfx-status-ongoing,
.rdfx-meta-status.rdfx-status-inprogress { color: #15803d !important; font-weight: 600 !important; }
.rdfx-meta-status.rdfx-status-completed { color: #0a4074 !important; font-weight: 600 !important; }
.rdfx-disc-badge { color: #25364a !important; }
.rdfx-num { min-width: 0 !important; height: auto !important; padding: 0 !important; background: none !important; color: #62748b !important; font-weight: 600 !important; }
.rdfx-detail-btn { padding: 0 4px !important; border: 0 !important; background: none !important; color: #0a4074 !important; font-weight: 700; }
.rdfx-detail-btn:hover { background: none !important; color: #d9a441 !important; text-decoration: underline !important; }

/* Project detail popup frame (content styles come with the popup itself) */
#myModal .modal-content { border: 0 !important; border-radius: 14px !important; box-shadow: 0 24px 60px rgba(10, 30, 60, .28) !important; }
#myModal .modal-header { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px !important; border-bottom: 3px solid #d9a441 !important; background: #0a4074 !important; color: #fff !important; }
#myModal .modal-title { margin: 0; color: #fff !important; font-size: 16px; font-weight: 700; letter-spacing: .3px; }
#myModal .modal-header .close { margin: 0; padding: 0 4px; border: 0; background: none; color: #fff !important; font-size: 26px; line-height: 1; opacity: .85; text-shadow: none; }
#myModal .modal-header .close:hover { opacity: 1; }
#myModal .modal-body { max-height: 70vh; overflow-y: auto; padding: 20px 22px !important; background: #fff; }
#myModal .modal-footer { padding: 12px 20px !important; border-top: 1px solid #e4ebf2 !important; background: #f7fafc; }
#myModal .modal-footer .btn-primary { padding: 7px 18px; border: 0 !important; border-radius: 999px !important; background: #0a4074 !important; font-weight: 700; }

/* Popup header: title left, close button right (Bootstrap 3 clearfix pseudo-elements break flex) */
#myModal .modal-header::before,
#myModal .modal-header::after { display: none !important; content: none !important; }
#myModal .modal-header .modal-title { flex: 1 1 auto; order: 1; text-align: left !important; }
#myModal .modal-header .close { flex: 0 0 auto; order: 2; float: none !important; margin-left: auto !important; }

/* Table header to match the filter panel: GridView renders header cells as <th> inside <tbody> */
html body .rd-results-col .tableFixHead table th,
html body .rd-results-col #GridView1 th,
html body .rd-results-col #GridView1 tr:first-child th {
  position: sticky !important;
  top: 0;
  z-index: 2;
  padding: 12px 14px !important;
  border: 0 !important;
  border-bottom: 3px solid #d9a441 !important;
  background: #0a4074 !important;
  background-image: none !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .6px !important;
  text-transform: uppercase !important;
  text-align: left !important;
}
html body .rd-results-col #GridView1 th a { color: #ffffff !important; }

/* Summary bar to match: same radius and border as the filter card */
html body .rd-results-col .results-summary { border-radius: 16px !important; border-left: 1px solid #e4ebf2 !important; }
html body .rd-results-col .tableFixHead { border-radius: 16px !important; }