/*Write your custom css in this file.*/

/* Summation rows in header styling */
table thead.summation-section tr.summation-row {
    background-color: #f5f5f5;
    font-weight: bold;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

table thead.summation-section tr.summation-row th {
    background-color: #f5f5f5 !important;
}

/* Sticky Header */
.table-responsive {
    position: relative;
}

table.sticky-header-table {
    position: relative;
}

/* All header cells should be sticky */
table.sticky-header-table thead th {
    position: sticky !important;
    background-color: #fff;
    z-index: 5;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
}

/* Column titles row - always first, not summation-row */
table.sticky-header-table thead > tr:not(.summation-row):first-child th {
    top: 0 !important;
    z-index: 6 !important;
    background-color: #fff !important;
}

/* If no summation in header, all rows at top 0 */
table.sticky-header-table thead:not(.summation-section) th {
    top: 0 !important;
    z-index: 6 !important;
}

/* Summation rows - positions will be set by JavaScript */
table.sticky-header-table thead.summation-section tr.summation-row th {
    background-color: #f5f5f5 !important;
    z-index: 5 !important;
}