/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/*
    Created on : Mar 6, 2026, 8:05:25 AM
    Author     : dhane
*/

:root{
    --base:#E5EDFF;
    --ink:#0b1b3a;
    --muted:#42526b;
    --card:#ffffff;
    --radius:18px;
    --shadow:0 8px 22px rgba(11,27,58,.10);
    --line:rgba(11,27,58,.10);
    --pagew:1400px;
}

body{
    margin:0;
    background:linear-gradient(180deg, var(--base) 0%, #fff 40%);
    font-family: Arial, sans-serif;
    color:var(--ink);
}

.wrap{
    width:100%;
    max-width:var(--pagew);
    margin:0 auto;
    padding:18px 0 60px 0;
}

.pageHead{
    background:var(--card);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    border:1px solid var(--line);
    padding:18px 18px 14px 18px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    width:100%;
    box-sizing:border-box;
}

.pageHead h1{
    margin:0;
    font-size:26px;
    letter-spacing:.2px;
}

.subhead{
    margin-top:6px;
    color:var(--muted);
    font-size:13px;
}

.actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
}

.pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 12px;
    border-radius:999px;
    background:var(--base);
    border:1px solid var(--line);
}

.btn{
    display:inline-block;
    padding:10px 14px;
    border-radius:999px;
    border:1px solid var(--line);
    background:#fff;
    color:var(--ink);
    text-decoration:none;
    font-size:13px;
    box-shadow:0 3px 10px rgba(0,0,0,.06);
}

.btn:hover{
    filter:brightness(.98);
}

.btn.primary{
    background:#2d6cdf;
    color:#fff;
    border-color:transparent;
}

select{
    border-radius:999px;
    border:1px solid var(--line);
    padding:8px 10px;
    background:#fff;
}

.card{
    margin-top:14px;
    background:var(--card);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    border:1px solid var(--line);
    padding:14px;
    width:100%;
    box-sizing:border-box;
    overflow:hidden;
}

/* Top scrollbar */
.table-scroll-top{
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    height:16px;
    margin-bottom:8px;
}

.table-scroll-top > div{
    height:1px;
}

/* Bottom scrollbar (real scroll container for the table) */
.table-scroll{
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
}

/* DataTables polish */
table.dataTable{
    width:100% !important;
    border-radius:14px;
    overflow:hidden;
}

table.dataTable thead th{
    background:var(--base);
    border-bottom:1px solid var(--line) !important;
    color:var(--ink);
}

/* Force assign checkbox column to stay narrow */
th.assign-col,
td.assign-col {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    text-align: center;
    padding-left: 4px !important;
    padding-right: 4px !important;
}

/* First header row: dark blue with white text */
.adminTable thead tr:first-child th{
    background:#00133b !important;
    color:#ffffff !important;
    border-bottom:1px solid rgba(255,255,255,.14) !important;
}

.adminTable thead tr:first-child th:hover{
    background:#0b2a66 !important;
}

/* Sorting text */
.adminTable thead tr:first-child th.sorting,
.adminTable thead tr:first-child th.sorting_asc,
.adminTable thead tr:first-child th.sorting_desc{
    color:#ffffff !important;
}

/* Sorting icons */
.adminTable thead tr:first-child th.sorting:before,
.adminTable thead tr:first-child th.sorting:after,
.adminTable thead tr:first-child th.sorting_asc:before,
.adminTable thead tr:first-child th.sorting_asc:after,
.adminTable thead tr:first-child th.sorting_desc:before,
.adminTable thead tr:first-child th.sorting_desc:after{
    color:#ffffff !important;
    opacity:.70 !important;
}

.adminTable thead tr:first-child th.sorting_asc:before,
.adminTable thead tr:first-child th.sorting_desc:after{
    opacity:1 !important;
}
table.dataTable tbody tr:hover{
    background:rgba(229,237,255,.65) !important;
}
/* Shared admin table cell behavior */
.adminTable td{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dataTables_wrapper .dataTables_filter input{
    border-radius:999px;
    border:1px solid var(--line);
    padding:8px 10px;
}

.dataTables_wrapper .dataTables_length select{
    border-radius:999px;
}

.dt-buttons .dt-button{
    border-radius:999px !important;
    border:1px solid var(--line) !important;
    background:#fff !important;
    box-shadow:0 3px 10px rgba(0,0,0,.06);
}

.dt-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px;
    padding:10px 12px;
    margin:10px 0 10px 0;
    background:var(--base);
    border-radius:999px;
    border:1px solid rgba(11,27,58,.12);
    font-size:13px;
    width:100%;
    box-sizing:border-box;
}

.dataTables_info{
    padding:0 !important;
    color:var(--ink);
    font-weight:600;
}

/* Docs table base layout */
#docs {
    width: 100% !important;
    table-layout: fixed;
}

#docs td {
    overflow-wrap: break-word;
}

/* Column widths */
/*
#docs th.col-edit,
#docs td.col-edit{
    width:80px;
    text-align:center;
}

#docs th.col-id,
#docs td.col-id{
    width:90px;
}

#docs th.col-title,
#docs td.col-title{
    width:360px;
}

#docs th.col-author,
#docs td.col-author{
    width:210px;
}

#docs th.col-file,
#docs td.col-file{
    width:370px;
}

#docs th.col-category,
#docs td.col-category{
    width:170px;
}

#docs th.col-fy,
#docs td.col-fy{
    width:90px;
    text-align:center;
}
*/

/* Filter row */
thead tr.filters th{
    background:#fff !important;
    border-bottom:1px solid rgba(11,27,58,.10) !important;
}

thead tr.filters input{
    width:100%;
    box-sizing:border-box;
    border-radius:999px;
    border:1px solid rgba(11,27,58,.18);
    padding:6px 10px;
}

/* ===============================
   Column toggle styling
   =============================== */

.toggleCard{
    margin-top:14px;
    background:var(--card);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    border:1px solid var(--line);
    padding:14px;
    box-sizing:border-box;
}

.toggleHead{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    padding:10px 12px;
    background:var(--base);
    border:1px solid rgba(11,27,58,.12);
    border-radius:999px;
}

.toggleTitle{
    font-weight:700;
    letter-spacing:.2px;
}

.toggleAll{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:13px;
    color:var(--ink);
    user-select:none;
}

/* Grid of column checkboxes */
.toggleGrid{
    margin-top:12px;
    display:flex;
    flex-wrap:wrap;
    gap:10px 12px;
}

/* Each checkbox label looks like a pill */
.tchk{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:8px 12px;
    border-radius:999px;
    background:#fff;
    border:1px solid rgba(11,27,58,.12);
    box-shadow:0 2px 8px rgba(0,0,0,.05);
    font-size:13px;
    color:var(--ink);
    user-select:none;
    cursor:pointer;
}

.tchk:hover{
    filter:brightness(.985);
}

.tchk input[type="checkbox"]{
    width:16px;
    height:16px;
    accent-color:#2d6cdf;
    cursor:pointer;
}

.tchk span{
    white-space:nowrap;
}

/* Logo and link stylie */
.adminTopWrap{
    width:100%;
    max-width:var(--pagew);
    margin:18px auto 0 auto;
}

.adminTopBar{
    display:flex;
    align-items:flex-end;
    gap:22px;
    background:var(--card);
    border:1px solid var(--line);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    padding:16px 18px;
    box-sizing:border-box;
}

.adminBrand{
    flex:0 0 auto;
}

.adminLogoLink{
    display:inline-block;
    line-height:0;
}

.adminLogo{
    display:block;
    width:125px;
    height:auto;
    border-radius:12px;
}

.adminNavArea{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    gap:12px;
}

.adminSiteTitle{
    font-size:28px;
    font-weight:700;
    color:var(--ink);
    letter-spacing:.2px;
}

.adminNav{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    font-size:18px;
    line-height:1.4;
}

.adminNav a{
    color:var(--ink);
    text-decoration:none;
    padding:8px 14px;
    border-radius:999px;
    background:var(--base);
    border:1px solid rgba(11,27,58,.10);
    transition:background .15s ease, color .15s ease, border-color .15s ease;
}

.adminNav a:hover{
    background:#d8e4ff;
}

.adminNav a.isCurrent{
    background:#00133b;
    color:#fff;
    border-color:#00133b;
}

.adminNav span{
    color:var(--muted);
    font-weight:600;
}

/* Narrow some of the smaller columns */
.col-term {
    width: 80px;
}

.col-origfy,
.col-curfy {
    width: 70px;
}

/* entry page logo style */
.pageHead .titleBlock {
    display: flex;
    align-items: center;
    gap: 16px;
}

.pageHead .logoLink {
    display: inline-block;
    flex: 0 0 auto;
}

.pageHead .pageLogo {
    display: block;
    width: 82px;
    height: auto;
}


/* ==========================================
   Projects Admin: always fit selected width
   ========================================== */

.adminProjectsPage .card {
    overflow: hidden;
}

.adminProjectsPage .table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: visible;
}

.adminProjectsPage .table-scroll-top {
    display: none !important;
}

.adminProjectsPage #projects_wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.adminProjectsPage #projects {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
}

.adminProjectsPage #projects thead th {
    font-size: 0.78rem;
    line-height: 1.15;
    white-space: normal !important;
    overflow-wrap: break-word;
}

/* Hide DataTables sort icons on Projects Admin */
.adminProjectsPage #projects thead th.sorting:before,
.adminProjectsPage #projects thead th.sorting:after,
.adminProjectsPage #projects thead th.sorting_asc:before,
.adminProjectsPage #projects thead th.sorting_asc:after,
.adminProjectsPage #projects thead th.sorting_desc:before,
.adminProjectsPage #projects thead th.sorting_desc:after {
    display: none !important;
}

.adminProjectsPage #projects th,
.adminProjectsPage #projects td {
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.adminProjectsPage #projects td {
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    vertical-align: top;
}

/*
 * Named column classes stay attached to the correct DataTables column
 * when other columns are hidden.
 */
.adminProjectsPage #projects th.col-edit,
.adminProjectsPage #projects td.col-edit {
    width: 4% !important;
    text-align: center;
}

.adminProjectsPage #projects th.col-id,
.adminProjectsPage #projects td.col-id {
    width: 6% !important;
}

.adminProjectsPage #projects th.col-title,
.adminProjectsPage #projects td.col-title {
    width: 21% !important;
}

.adminProjectsPage #projects th.col-pi,
.adminProjectsPage #projects td.col-pi {
    width: 9% !important;
}

.adminProjectsPage #projects th.col-research,
.adminProjectsPage #projects td.col-research,
.adminProjectsPage #projects th.col-research-category,
.adminProjectsPage #projects td.col-research-category {
    width: 9% !important;
}

.adminProjectsPage #projects th.col-institution,
.adminProjectsPage #projects td.col-institution {
    width: 10% !important;
}

.adminProjectsPage #projects th.col-pi-requested,
.adminProjectsPage #projects td.col-pi-requested,
.adminProjectsPage #projects th.col-pi-requested-sbir,
.adminProjectsPage #projects td.col-pi-requested-sbir,
.adminProjectsPage #projects th.col-uswbsi-recommended,
.adminProjectsPage #projects td.col-uswbsi-recommended,
.adminProjectsPage #projects th.col-usda-funded,
.adminProjectsPage #projects td.col-usda-funded {
    width: 7% !important;
    text-align: right;
}

.adminProjectsPage #projects th.col-term,
.adminProjectsPage #projects td.col-term {
    width: 5% !important;
    text-align: center;
}

.adminProjectsPage #projects th.col-curfy,
.adminProjectsPage #projects td.col-curfy,
.adminProjectsPage #projects th.col-origfy,
.adminProjectsPage #projects td.col-origfy {
    width: 4% !important;
    text-align: center;
}

.adminProjectsPage #projects thead tr.filters input {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 5px 6px;
    font-size: 0.74rem;
}

.adminProjectsPage .dataTables_wrapper,
.adminProjectsPage .dt-top {
    min-width: 0;
    max-width: 100%;
}

.adminProjectsPage .dt-top {
    flex-wrap: wrap;
}

/* ==========================================
   Public Grants table: fit selected page width
   ========================================== */

.publicGrantsPage .table-scroll {
    width: 100%;
    overflow-x: visible !important;
    overflow-y: visible;
}

.publicGrantsPage .table-scroll-top {
    display: none !important;
}

/* Fixed layout keeps the table inside the selected page width */
.publicGrantsPage #grants {
    width: 100% !important;
    table-layout: fixed;
}

/* Slightly smaller headers */
.publicGrantsPage #grants thead th {
    font-size: 0.85rem;
    line-height: 1.15;
    white-space: normal !important;
}

/* Override the shared nowrap/ellipsis behavior */
.publicGrantsPage #grants td {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    vertical-align: top;
}

/* View */
.publicGrantsPage #grants th:nth-child(1),
.publicGrantsPage #grants td:nth-child(1) {
    width: 65px !important;
    text-align: center;
}

/* Title */
.publicGrantsPage #grants th:nth-child(2),
.publicGrantsPage #grants td:nth-child(2) {
    width: 34% !important;
}

/* Principal Investigator */
.publicGrantsPage #grants th:nth-child(3),
.publicGrantsPage #grants td:nth-child(3) {
    width: 17% !important;
}

/* Institution */
.publicGrantsPage #grants th:nth-child(4),
.publicGrantsPage #grants td:nth-child(4) {
    width: 22% !important;
}

/* Grant number */
.publicGrantsPage #grants th:nth-child(5),
.publicGrantsPage #grants td:nth-child(5) {
    width: 13% !important;
}

/* Amount Funded */
.publicGrantsPage #grants th:nth-child(6),
.publicGrantsPage #grants td:nth-child(6) {
    width: 115px !important;
    text-align: right;
}

/* Fiscal Year */
.publicGrantsPage #grants th:nth-child(7),
.publicGrantsPage #grants td:nth-child(7) {
    width: 75px !important;
    text-align: center;
}

/* Let long grant numbers wrap instead of widening the table */
.publicGrantsPage #grants td:nth-child(5) {
    overflow-wrap: anywhere !important;
}

/* Keep filter inputs inside their fixed-width cells */
.publicGrantsPage #grants thead tr.filters input {
    width: 100%;
    min-width: 0;
}

/* ==============================================
   Public Institutions table: fit selected width
   ============================================== */

.publicInstitutionsPage .table-scroll {
    width: 100%;
    overflow-x: visible !important;
    overflow-y: visible;
}

.publicInstitutionsPage .table-scroll-top {
    display: none !important;
}

.publicInstitutionsPage #institutions {
    width: 100% !important;
    table-layout: fixed;
}

.publicInstitutionsPage #institutions thead th {
    font-size: 0.85rem;
    line-height: 1.15;
    white-space: normal !important;
}

.publicInstitutionsPage #institutions td {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    vertical-align: top;
}

/* View */
.publicInstitutionsPage #institutions th:nth-child(1),
.publicInstitutionsPage #institutions td:nth-child(1) {
    width: 65px !important;
    text-align: center;
}

/* Institution name */
.publicInstitutionsPage #institutions th:nth-child(2),
.publicInstitutionsPage #institutions td:nth-child(2) {
    width: 28% !important;
}

/* Abbreviation */
.publicInstitutionsPage #institutions th:nth-child(3),
.publicInstitutionsPage #institutions td:nth-child(3) {
    width: 115px !important;
    text-align: center;
}

/* Web page */
.publicInstitutionsPage #institutions th:nth-child(4),
.publicInstitutionsPage #institutions td:nth-child(4) {
    width: 27% !important;
}

/* Organizational units */
.publicInstitutionsPage #institutions th:nth-child(5),
.publicInstitutionsPage #institutions td:nth-child(5) {
    width: 38% !important;
}

/* Allow long URLs to break without widening the table */
.publicInstitutionsPage #institutions td:nth-child(4) {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

/* Keep filter inputs within their cells */
.publicInstitutionsPage #institutions thead tr.filters input {
    width: 100%;
    min-width: 0;
}

/* ==========================================
   Grants Admin: always fit selected width
   ========================================== */

.adminGrantsPage .card {
    overflow: hidden;
}

.adminGrantsPage .table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: visible;
}

.adminGrantsPage .table-scroll-top {
    display: none !important;
}

.adminGrantsPage #grants_wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.adminGrantsPage #grants {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
}

.adminGrantsPage #grants thead th {
    font-size: 0.82rem;
    line-height: 1.15;
    white-space: normal !important;
    overflow-wrap: break-word;
}

.adminGrantsPage #grants th,
.adminGrantsPage #grants td {
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.adminGrantsPage #grants td {
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    overflow-wrap: break-word !important;
    vertical-align: top;
}

/* Named column widths */
.adminGrantsPage #grants th.col-edit,
.adminGrantsPage #grants td.col-edit {
    width: 5% !important;
    text-align: center;
}

.adminGrantsPage #grants th.col-title,
.adminGrantsPage #grants td.col-title {
    width: 24% !important;
}

.adminGrantsPage #grants th.col-pi,
.adminGrantsPage #grants td.col-pi {
    width: 14% !important;
}

.adminGrantsPage #grants th.col-institution,
.adminGrantsPage #grants td.col-institution {
    width: 18% !important;
}

.adminGrantsPage #grants th.col-grant-number,
.adminGrantsPage #grants td.col-grant-number,
.adminGrantsPage #grants th.col-agreement,
.adminGrantsPage #grants td.col-agreement {
    width: 12% !important;
    overflow-wrap: anywhere !important;
}

.adminGrantsPage #grants th.col-funded,
.adminGrantsPage #grants td.col-funded {
    width: 10% !important;
    text-align: right;
}

.adminGrantsPage #grants th.col-recommended,
.adminGrantsPage #grants td.col-recommended {
    width: 12% !important;
    text-align: right;
}

.adminGrantsPage #grants th.col-fy,
.adminGrantsPage #grants td.col-fy {
    width: 5% !important;
    text-align: center;
}

.adminGrantsPage #grants thead tr.filters input {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 5px 6px;
    font-size: 0.74rem;
}

.adminGrantsPage .dataTables_wrapper,
.adminGrantsPage .dt-top {
    min-width: 0;
    max-width: 100%;
}

.adminGrantsPage .dt-top {
    flex-wrap: wrap;
}

/* ==========================================
   Institutions Admin: always fit selected width
   ========================================== */

.adminInstitutionsPage .card {
    overflow: hidden;
}

.adminInstitutionsPage .table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: visible;
}

.adminInstitutionsPage .table-scroll-top {
    display: none !important;
}

.adminInstitutionsPage #institutions_wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.adminInstitutionsPage #institutions {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
}

.adminInstitutionsPage #institutions thead th {
    font-size: 0.82rem;
    line-height: 1.15;
    white-space: normal !important;
    overflow-wrap: break-word;
}

.adminInstitutionsPage #institutions th,
.adminInstitutionsPage #institutions td {
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.adminInstitutionsPage #institutions td {
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    overflow-wrap: break-word !important;
    vertical-align: top;
}

/*
 * The exact set used depends on the Institutions Admin columns.
 * Unused classes are harmless; the JS/PHP pass will assign the matching ones.
 */
.adminInstitutionsPage #institutions th.col-edit,
.adminInstitutionsPage #institutions td.col-edit {
    width: 6% !important;
    text-align: center;
}

.adminInstitutionsPage #institutions th.col-id,
.adminInstitutionsPage #institutions td.col-id {
    width: 7% !important;
    text-align: center;
}

.adminInstitutionsPage #institutions th.col-institution,
.adminInstitutionsPage #institutions td.col-institution,
.adminInstitutionsPage #institutions th.col-name,
.adminInstitutionsPage #institutions td.col-name {
    width: 24% !important;
}

.adminInstitutionsPage #institutions th.col-abbreviation,
.adminInstitutionsPage #institutions td.col-abbreviation {
    width: 10% !important;
    text-align: center;
}

.adminInstitutionsPage #institutions th.col-url,
.adminInstitutionsPage #institutions td.col-url,
.adminInstitutionsPage #institutions th.col-web,
.adminInstitutionsPage #institutions td.col-web {
    width: 21% !important;
    overflow-wrap: anywhere !important;
}

.adminInstitutionsPage #institutions th.col-units,
.adminInstitutionsPage #institutions td.col-units,
.adminInstitutionsPage #institutions th.col-organizations,
.adminInstitutionsPage #institutions td.col-organizations {
    width: 22% !important;
}

.adminInstitutionsPage #institutions th.col-land-grant,
.adminInstitutionsPage #institutions td.col-land-grant {
    width: 8% !important;
    text-align: center;
}

.adminInstitutionsPage #institutions th.col-ein,
.adminInstitutionsPage #institutions td.col-ein,
.adminInstitutionsPage #institutions th.col-uin,
.adminInstitutionsPage #institutions td.col-uin {
    width: 11% !important;
}

.adminInstitutionsPage #institutions thead tr.filters input {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 5px 6px;
    font-size: 0.74rem;
}

.adminInstitutionsPage .dataTables_wrapper,
.adminInstitutionsPage .dt-top {
    min-width: 0;
    max-width: 100%;
}

.adminInstitutionsPage .dt-top {
    flex-wrap: wrap;
}

/* ==========================================
   Documents Admin: fit selected page width
   ========================================== */

.adminDocsPage .card {
    overflow: hidden;
}

.adminDocsPage .table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: visible;
}

.adminDocsPage .table-scroll-top {
    display: none !important;
}

.adminDocsPage #docs_wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.adminDocsPage #docs {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
}

.adminDocsPage #docs th,
.adminDocsPage #docs td {
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box;
    padding-left: 7px !important;
    padding-right: 7px !important;
}

/* Allow data to wrap instead of being cut off */
.adminDocsPage #docs td {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    vertical-align: top;
}

/* Headers may wrap too */
.adminDocsPage #docs thead th {
    font-size: 0.82rem;
    line-height: 1.15;
    white-space: normal !important;
    overflow-wrap: break-word;
}

/*
 * Use column classes rather than nth-child().
 * These stay attached to the correct column when another column is hidden.
 */

/* Edit */
.adminDocsPage #docs th.col-edit,
.adminDocsPage #docs td.col-edit {
    width: 5% !important;
    text-align: center;
}

/* Document ID */
.adminDocsPage #docs th.col-id,
.adminDocsPage #docs td.col-id {
    width: 7% !important;
    text-align: center;
}

/* Title */
.adminDocsPage #docs th.col-title,
.adminDocsPage #docs td.col-title {
    width: 24% !important;
}

/* Author / Submitted By */
.adminDocsPage #docs th.col-author,
.adminDocsPage #docs td.col-author {
    width: 16% !important;
}

/* Filename */
.adminDocsPage #docs th.col-file,
.adminDocsPage #docs td.col-file {
    width: 27% !important;
}

/* Category */
.adminDocsPage #docs th.col-category,
.adminDocsPage #docs td.col-category {
    width: 14% !important;
}

/* Fiscal Year */
.adminDocsPage #docs th.col-fy,
.adminDocsPage #docs td.col-fy {
    width: 7% !important;
    text-align: center;
}

/* Keep filter fields inside their columns */
.adminDocsPage #docs thead tr.filters input {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    padding: 5px 6px;
    font-size: 0.74rem;
}

.adminDocsPage .dataTables_wrapper,
.adminDocsPage .dt-top {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.adminDocsPage .dt-top {
    flex-wrap: wrap;
}
/* ==========================================
   Public Documents: fit available page width
   ========================================== */

.publicDocumentsPage #documents {
    width: 100% !important;
    table-layout: fixed;
}

.publicDocumentsPage #documents th,
.publicDocumentsPage #documents td {
    overflow-wrap: anywhere;
    word-break: normal;
}

.publicDocumentsPage #documents td:nth-child(1),
.publicDocumentsPage #documents td:nth-child(6) {
    white-space: nowrap;
}

.publicDocumentsPage #documents td:nth-child(2),
.publicDocumentsPage #documents td:nth-child(3),
.publicDocumentsPage #documents td:nth-child(4),
.publicDocumentsPage #documents td:nth-child(5) {
    white-space: normal;
}


/* ==========================================
   Public Projects: fit available page width
   ========================================== */

.publicProjectsPage .card {
    overflow: hidden;
}

.publicProjectsPage .table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: visible;
}

/* The public table no longer needs the mirrored top scrollbar */
.publicProjectsPage .table-scroll-top {
    display: none !important;
}

.publicProjectsPage #projects_wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.publicProjectsPage #projects {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
}

.publicProjectsPage #projects th,
.publicProjectsPage #projects td {
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

/* Allow headers to wrap */
.publicProjectsPage #projects thead th {
    font-size: 0.82rem;
    line-height: 1.15;
    white-space: normal !important;
    overflow-wrap: break-word;
}

/* Override the shared .adminTable nowrap rule */
.publicProjectsPage #projects td {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    vertical-align: top;
}

/* View */
.publicProjectsPage #projects th.col-view,
.publicProjectsPage #projects td.col-view {
    width: 5% !important;
    text-align: center;
}

/* Project ID */
.publicProjectsPage #projects th.col-prjid,
.publicProjectsPage #projects td.col-prjid {
    width: 8% !important;
}

/* Title */
.publicProjectsPage #projects th.col-title,
.publicProjectsPage #projects td.col-title {
    width: 27% !important;
}

/* Principal Investigator */
.publicProjectsPage #projects th.col-pi,
.publicProjectsPage #projects td.col-pi {
    width: 14% !important;
}

/* Research Area */
.publicProjectsPage #projects th.col-rcat,
.publicProjectsPage #projects td.col-rcat {
    width: 13% !important;
}

/* Institution */
.publicProjectsPage #projects th.col-inst,
.publicProjectsPage #projects td.col-inst {
    width: 16% !important;
}

/* Amount Funded */
.publicProjectsPage #projects th.col-amtfund,
.publicProjectsPage #projects td.col-amtfund {
    width: 8% !important;
    text-align: right;
}

/* Award Term */
.publicProjectsPage #projects th.col-term,
.publicProjectsPage #projects td.col-term {
    width: 5% !important;
    text-align: center;
}

/* Fiscal Year */
.publicProjectsPage #projects th.col-curfy,
.publicProjectsPage #projects td.col-curfy {
    width: 4% !important;
    text-align: center;
}

/* Keep filter inputs inside their columns */
.publicProjectsPage #projects thead tr.filters input {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    padding: 5px 6px;
    font-size: 0.74rem;
}

.publicProjectsPage .dataTables_wrapper,
.publicProjectsPage .dt-top {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.publicProjectsPage .dt-top {
    flex-wrap: wrap;
}

/* info icon to remind admin that in public projects.php, the Res Cat is 
actually the Res Area in the DB. We kept this name for historical purposes */
.admin-info {
    display: inline-block;
    margin-left: 4px;
    cursor: help;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    vertical-align: middle;
}

@media (max-width: 900px) {
    .pageHead .pageLogo {
        width: 56px;
    }
}

@media (max-width: 900px){
    .adminTopBar{
        align-items:flex-start;
        flex-direction:column;
    }

    .adminNav{
        font-size:16px;
    }
}