/*table head -start*/
table.dataTable thead th,
table.dataTable thead th .dt-column-header {
    text-align: center;
}
/*table head -end*/




/*table body -start*/
/* Change row hover color */
table.dataTable tbody tr:hover {
    background-color: #e3f2fd;
}
/* Center all body cell text */
table.dataTable tbody td {
    text-align: center;
}
/*table body -end*/


/*datatableaccordian header - start*/
/* Make accordion header green with white bold text */



.accordion-button.custom-header {
    background-color: #198754 !important; /* Bootstrap green */
    color: white !important;
    font-weight: bold !important;
}

    /* Ensure color and font-weight stay when expanded */
    .accordion-button.custom-header:not(.collapsed) {
        background-color: #198754 !important;
        color: white !important;
        font-weight: bold !important;
    }

    .accordion-button.custom-header::after {
        /* Override Bootstrap icon with white arrow */
        /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M1.5 5.5l6 6 6-6-1.06-1.06L8 9.44 2.56 4.06 1.5 5.5z'/%3e%3c/svg%3e") !important;
        width: 1.75rem !important;*/ /* Bigger width */
        /*height: 1.75rem !important;*/ /* Bigger height */
        /*background-size: 1.75rem !important;*/
        display: none !important;
    }

    /* Custom arrow (downward caret) */
    .custom-arrow {
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid white; /* White arrow */
        transition: transform 0.3s ease;
    }

    /* Rotate arrow when expanded */
    .accordion-button[aria-expanded="true"] .custom-arrow {
        transform: rotate(180deg); /* Point up */
    }



    /* Optional: also update the active (expanded) icon */
    /*.accordion-button.custom-header:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M1.5 5.5l6 6 6-6-1.06-1.06L8 9.44 2.56 4.06 1.5 5.5z'/%3e%3c/svg%3e") !important;
        width: 1.75rem !important;*/ /* Bigger width */
        /*height: 1.75rem !important;*/ /* Bigger height */
        /*background-size: 1.75rem !important;
    }*/



        /* Arrow (chevron) customization */
        /*.accordion-button.custom-header::after {
        font-size: 1.75rem;
        width: 2rem;
        height: 2rem;
        color: white;
        font-weight: bold;
        filter: brightness(0) invert(1);
        border: 2px solid white;
        border-radius: 50%;
        padding: 2px;
        box-sizing: border-box;
    }*/
        /*datatable accordian header - end*/


        /* All page numbers text in green initially */
        .pagination .page-item .page-link {
    color: #198754; /* Bootstrap success green */
}

/* Active page: green background and white text */
.pagination .page-item.active .page-link {
    background-color: #198754 !important;
    border-color: #198754 !important;
    color: #fff !important;
}

/* Hover effect: green background, white text */
.pagination .page-item .page-link:hover {
    background-color: #198754;
    color: #fff;
}

/* Custom override for DataTables pagination hover */
div.dt-container .dt-paging .dt-paging-button:hover {
    border: none !important;
    background: none !important;
    background-color: transparent !important;
    color: inherit !important; /* Optional: revert to original text color */
    box-shadow: none !important; /* Just in case */
}