/* =====================================================
   LEFT FILTER COLUMN – FIX DARK BACKGROUND
   ===================================================== */
.entitylist .filter-vertical {
    background-color: #f8fafc !important;
    padding: 12px;
}

/* Filter card */
.entitylist .entitylist-filter {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    box-shadow: none;
}

/* Filter label */
.entitylist .entitylist-filter-option-group-label {
    color: #1f2937;
    font-weight: 600;
    margin-bottom: 8px;
}

/* Filter dropdown */
.entitylist .entitylist-filter select.form-control {
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 14px;
    border: 1px solid #d1d5db;
}

/* Filter button */
.entitylist .btn-entitylist-filter-submit {
    background-color: #374151;
    color: #ffffff;
    border: none;
    padding: 7px 14px;
    border-radius: 4px;
}

.entitylist .btn-entitylist-filter-submit:hover {
    background-color: #1f2937;
}

/* =====================================================
   TOOLBAR (SEARCH)
   ===================================================== */
.entitylist .view-toolbar {
    background-color: #f8fafc;
    padding: 6px 0;
    margin-bottom: 10px;
}

.entitylist .entitylist-search {
    max-width: 420px;
}

.entitylist .entitylist-search .query {
    height: 34px;
    padding: 6px 10px;
    border: 1px solid #d1d5db;
    border-radius: 4px 0 0 4px;
}

.entitylist .entitylist-search .btn {
    height: 34px;
    background-color: #374151;
    border: none;
    border-radius: 0 4px 4px 0;
    color: #ffffff;
}

.entitylist .entitylist-search .btn:hover {
    background-color: #1f2937;
}

/* =====================================================
   GRID BASE + FIXED LAYOUT
   ===================================================== */
.entitylist .entity-grid table {
    width: 100%;
    table-layout: fixed;              /* 🔑 REQUIRED */
    background-color: #ffffff;
    border-radius: 6px;
    overflow: hidden;
}

/* =====================================================
   GRID HEADER
   ===================================================== */
.entitylist .entity-grid table thead th {
    background-color: #1e2a4a;
    color: #ffffff;
    font-weight: 600;
    padding: 10px 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* =====================================================
   COLUMN WIDTHS (HEADER + BODY ALIGNED)
   ===================================================== */
.entitylist .entity-grid th:nth-child(1),
.entitylist .entity-grid td:nth-child(1) { width: 6%; }   /* SurveyYear */

.entitylist .entity-grid th:nth-child(2),
.entitylist .entity-grid td:nth-child(2) { width: 6%; }   /* DataSources */

.entitylist .entity-grid th:nth-child(3),
.entitylist .entity-grid td:nth-child(3) { width: 8%; }   /* FieldName */

.entitylist .entity-grid th:nth-child(4),
.entitylist .entity-grid td:nth-child(4) { width: 22%; }  /* Section */

.entitylist .entity-grid th:nth-child(5),
.entitylist .entity-grid td:nth-child(5) { width: 14%; }  /* SectionCategory */

.entitylist .entity-grid th:nth-child(6),
.entitylist .entity-grid td:nth-child(6) { width: 28%; }  /* Question */

.entitylist .entity-grid th:nth-child(7),
.entitylist .entity-grid td:nth-child(7) { width: 16%; }  /* Responses */

/* =====================================================
   FIXED ROW HEIGHT + TRUNCATION
   ===================================================== */
.entitylist .entity-grid table tbody tr {
    height: 52px;
}

.entitylist .entity-grid table tbody td {
    padding: 6px 10px;
    line-height: 1.3;
    vertical-align: middle;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    position: relative;
}

/* =====================================================
   SHOW FULL TEXT ON CELL HOVER
   ===================================================== */
.entitylist .entity-grid table tbody td:hover {
    white-space: normal;
    overflow: visible;
    z-index: 20;
    background-color: #ffffff;
}

/* Tooltip-style expansion using aria-label */
.entitylist .entity-grid table tbody td:hover::after {
    content: attr(aria-label);
    position: absolute;
    top: 100%;
    left: 0;
    max-width: 520px;
    width: max-content;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.18);
    font-size: 13px;
    color: #111827;
    white-space: normal;
    z-index: 999;
}

/* =====================================================
   ZEBRA ROWS + HOVER
   ===================================================== */
.entitylist .entity-grid table tbody tr:nth-child(even) {
    background-color: #f3f4f6;
}

.entitylist .entity-grid table tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

.entitylist .entity-grid table tbody tr:hover {
    background-color: #e0f2fe;
}

/* =====================================================
   REMOVE GRID BORDERS
   ===================================================== */
.entitylist .entity-grid table,
.entitylist .entity-grid th,
.entitylist .entity-grid td {
    border: none;
}

/* =====================================================
   PAGINATION
   ===================================================== */
.entitylist .view-pagination {
    background-color: #f8fafc;
    padding: 8px 12px;
    border-radius: 0 0 6px 6px;
    margin-top: 12px;
}

.entitylist .pagination .page-link {
    background-color: #f1f5f9;
    border-radius: 4px;
    padding: 6px 12px;
    color: #1e2a4a;
    border: none;
}

.entitylist .pagination .page-item.active .page-link {
    background-color: #1e2a4a;
    color: #ffffff;
}

.entitylist .pagination .page-item.disabled .page-link {
    background-color: #e5e7eb;
    color: #9ca3af;
}

/* =====================================================
   REMOVE DARK BACKGROUND FROM FILTER SIDE COMPLETELY
   ===================================================== */

/* Reset the entire left column background */
.entitylist .row > .col-lg-3,
.entitylist .filter-vertical {
    background-color: #f8fafc !important;
}

/* Ensure no inherited gradient or image */
.entitylist .filter-vertical {
    background-image: none !important;
}

/* Make filter card clearly white */
.entitylist .entitylist-filter {
    background-color: #ffffff !important;
}

/* =====================================================
   REMOVE DARK DIVIDER BETWEEN FILTER & GRID
   ===================================================== */

/* Remove any border or shadow between columns */
.entitylist .row > .col-lg-3,
.entitylist .row > .col-lg-9 {
    border: none !important;
    box-shadow: none !important;
}

/* Remove grid container side border */
.entitylist .entity-grid {
    border-left: none !important;
}

/* Remove Bootstrap gutter illusion */
.entitylist .row {
    --bs-gutter-x: 0.75rem;
}

/* =====================================================
   OPTIONAL: VISUAL POLISH (RECOMMENDED)
   ===================================================== */

/* Add subtle separation without dark line */
.entitylist .entitylist-filter {
    margin-right: 12px;
}

/* =====================================================
   FIX FILTER CARD BODY (FINAL MISSING FIX)
   ===================================================== */

/* Reset card body background + spacing */
.entitylist .entitylist-filter .card-body {
    background-color: #ffffff !important;
    padding: 14px !important;          /* tighter, cleaner */
    color: #111827;                    /* ensure text is dark */
}

/* Remove any inherited overlay or gradient */
.entitylist .entitylist-filter .card-body::before,
.entitylist .entitylist-filter .card-body::after {
    content: none !important;
}

/* Fix spacing between label, dropdown, and button */
.entitylist .entitylist-filter .entitylist-filter-option-group {
    margin-bottom: 12px;
}

/* Align Apply Filter button better */
.entitylist .entitylist-filter .btn-entitylist-filter-submit {
    margin-top: 8px;
}
/* =====================================================
   ADD LEFT-ALIGNED TITLE TO TOOLBAR
   ===================================================== */

/* Make toolbar a flex container */
.entitylist .view-toolbar {
    display: flex;
    align-items: center;
}

/* Add left-aligned text */
.entitylist .view-toolbar::before {
    content: "Center For Health Data & Analytics";
    font-size: 16px;
    font-weight: 600;
    color: #1e2a4a;
    margin-right: auto;   /* pushes search box to the right */
}

/* Ensure search stays right-aligned */
.entitylist .entitylist-search {
    margin-left: auto;
}

.entitylist .view-toolbar::before {
    letter-spacing: 0.3px;
}

.entitylist .view-toolbar::before {
    padding-right: 16px;
    border-right: 1px solid #e5e7eb;
}

/* Toolbar layout */
.entitylist .view-toolbar {
    display: flex;
    align-items: center;
    padding-left: 16px;   /* left padding for the toolbar */
}

/* Left-aligned title */
.entitylist .view-toolbar::before {
    content: "Search by keyword";
    font-size: 18px;      /* increased font size */
    font-weight: 600;
    color: #1e2a4a;
    margin-right: auto;  /* keeps search on the right */
}
.entitylist .view-toolbar::before {
    font-weight: 700;
}.entitylist .view-toolbar::before {
    font-weight: 500;
}
/* =====================================================
   FORCE GRID TEXT COLOR (CRITICAL FIX)
   ===================================================== */

/* Body cell text */
.entitylist .entity-grid table tbody td {
    color: #111827 !important;   /* dark readable text */
}

/* Ensure hover does NOT flip text color */
.entitylist .entity-grid table tbody tr:hover td {
    color: #111827 !important;
}

/* Header text stays white */
.entitylist .entity-grid table thead th {
    color: #ffffff !important;
}

/* Prevent Fluent UI opacity/fade effects */
.entitylist .entity-grid table tbody tr {
    opacity: 1 !important;
}
.view-toolbar .entitylist-search {
  width: 100%;        /* adjust as needed */
  max-width: 100%;
}

/* Ensure input fills the container */
.view-toolbar .entitylist-search input.query {
  width: 100% !important;
}
#navbar {
display: none !important;
}
a:not(.btn):hover
 {
    text-decoration: underline !important;}
.view-toolbar .toolbar-actions {
    width: 500px;
}

.view-toolbar .input-group {
    width: 100%;
}

.view-toolbar .query.form-control {
    width: 100%;
}

/* 1. Take full control of toolbar */
.view-toolbar {
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
}

/* 2. Kill float behavior */
.view-toolbar .toolbar-actions {
    float: none !important;
    display: flex !important;
    width: 480px;        /* adjust if needed */
    max-width: 100%;
}

/* 3. Force input group to be single-row flex */
.view-toolbar .entitylist-search,
.view-toolbar .entitylist-search .input-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
}

/* 4. Input stretches, button stays fixed */
.view-toolbar .entitylist-search .query.form-control {
    flex: 1 1 auto !important;
    min-width: 0; /* critical for flex wrapping bugs */
}

.view-toolbar .entitylist-search .input-group-btn {
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
}

/* 5. Button height alignment */
.view-toolbar .entitylist-search .btn {
    white-space: nowrap;
}

li.entitylist-filter-option-group.list-inline-item{
    margin-right: 5rem;
}

div.input-group.entitylist-filter-option-text{
    width: 15rem;
}

li.entitylist-filter-option-group.list-inline-item:nth-of-type(3) 
div.entitylist-filter-option-text {
    width: 25rem;
}
div.sectionBlockLayout:nth-child(1) > div:nth-child(1) > div:nth-child(1){
    padding-bottom: 0px !important;
}

.d-xs-block > div:nth-child(1) > div:nth-child(1) > a:nth-child(1):hover {
  text-decoration: none !important;
}