.ag-header {
    background-color: #003781 !important;  /* Blue background for the entire header */
    color: white !important;  /* White text */
    font-weight: bold;
}

.ag-header-cell-text {
    color: white !important;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    /*line-height: 24px;*/
}

/* Ensure text inside header is centered */
.ag-header-cell-label {
  justify-content: center;
}

.ag-row:nth-child(odd) {
    background-color: #ffffff !important;
    color: #49454F !important;
}

.ag-row:nth-child(even) {
    background-color: #F3F8FB !important;
    color: #49454F !important;
}

/* Change font size for all row cells */
.ag-theme-alpine .ag-cell {
    color: #49454F;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    /*line-height: 20px; !* 142.857% *!*/
    letter-spacing: 0.25px;
}

/* Round the four corners of the entire Ag-Grid table */
.ag-theme-alpine {
    border-radius: 12px !important;  /* Adjust the roundness */
    overflow: hidden; /* Ensures content does not overflow */
}

/* Ensure the top and bottom of the table remain rounded */
.ag-theme-alpine .ag-root-wrapper {
    border-radius: 12px !important;
    overflow: hidden;
}

.ag-overlay-loading-center {
    display: none !important;  /* Hide the loading overlay */
}

.ag-header-cell-resize::after {
    background-color: #FFFFFF !important;  /* Change the color of the separator */
    content: "" !important;  /* Ensure the content is empty to make the separator look clean */
    width: 1px;  /* Adjust the width of the separator */
    left: 50% !important;  /* Center the resize handle horizontally */
    transform: translateX(-50%);  /* Center it precisely */
}