#alerta-detalle-tabulator-detail,
#alerta-detalle-tabulator-detail.tabulator {
    border: 1px solid var(--mud-palette-lines-default) !important;
    border-radius: 8px !important; 
    background-color: var(--mud-palette-surface) !important;
    color: var(--mud-palette-text-primary)  !important;
    font-family: var(--mud-typography-default-family, "Roboto", sans-serif) !important;
}

#alerta-detalle-tabulator-detail .tabulator-header {
    border-bottom: 1px solid var(--mud-palette-lines-default) !important;
    background-color: var(--mud-palette-background, var(--mud-palette-surface)) !important;
    color: var(--mud-palette-text-primary) !important;
}

#alerta-detalle-tabulator-detail .tabulator-header .tabulator-col {
    background-color: var(--mud-palette-surface) !important;
    border-right: 1px solid var(--mud-palette-lines-default) !important;
}

#alerta-detalle-tabulator-detail .tabulator-header .tabulator-col .tabulator-col-content {
    padding: 8px 6px !important;
}

#alerta-detalle-tabulator-detail .tabulator-header .tabulator-col .tabulator-col-title {
    font-weight: 600 !important;
}

#alerta-detalle-tabulator-detail .tabulator-header .tabulator-header-filter input {
    border: 1px solid var(--mud-palette-lines-inputs) !important;
    border-radius: 4px !important;
    background-color: var(--mud-palette-surface) !important;
    color: var(--mud-palette-text-primary) !important;
    height: 32px !important;
    padding: 0 8px  !important;
}

#alerta-detalle-tabulator-detail .tabulator-header .tabulator-header-filter input:focus {
    outline: 0 !important;
    border-color: var(--mud-palette-primary) !important;
    box-shadow: 0 0 0 1px var(--mud-palette-primary) !important;
}

#alerta-detalle-tabulator-detail .tabulator-tableholder .tabulator-table .tabulator-row {
    background-color: var(--mud-palette-surface) !important;
    color: var(--mud-palette-text-primary) !important;
}

#alerta-detalle-tabulator-detail .tabulator-tableholder .tabulator-table .tabulator-row:nth-child(even) {
    background-color: var(--mud-palette-table-striped, var(--mud-palette-background-gray)) !important;
}

#alerta-detalle-tabulator-detail .tabulator-tableholder .tabulator-table .tabulator-row:hover {
    background-color: var(--mud-palette-table-hover, var(--mud-palette-action-default-hover)) !important;
}

#alerta-detalle-tabulator-detail .tabulator-cell {
    border-right: 1px solid var(--mud-palette-table-lines, var(--mud-palette-lines-default)) !important;
    border-bottom: 1px solid var(--mud-palette-table-lines, var(--mud-palette-lines-default)) !important;
}

#alerta-detalle-tabulator-detail .tabulator-footer {
    border-top: 1px solid var(--mud-palette-lines-default) !important;
    background-color: var(--mud-palette-background-gray) !important;
    color: var(--mud-palette-text-primary) !important;
}

#alerta-detalle-tabulator-detail .tabulator-footer .tabulator-page,
#alerta-detalle-tabulator-detail .tabulator-footer .tabulator-page-size {
    border: 1px solid var(--mud-palette-lines-inputs) !important;
    border-radius: 4px !important;
    background-color: var(--mud-palette-surface) !important;
    color: var(--mud-palette-text-primary) !important;
}

#alerta-detalle-tabulator-detail .tabulator-footer .tabulator-page.active {
    background-color: var(--mud-palette-primary) !important;
    color: var(--mud-palette-primary-text) !important;
    border-color: var(--mud-palette-primary) !important;
}

#alerta-detalle-tabulator-detail .tabulator-footer .tabulator-page:disabled {
    opacity: 0.6 !important;
}


#alerta-detalle-tabulator-detail .tabulator-tableholder .tabulator-table .tabulator-row:hover{
    background-color: var(--mud-palette-surface) !important;
}


#alerta-detalle-tabulator-detail .tabulator-tableholder .tabulator-table .tabulator-row:nth-child(even){
    background-color: var(--mud-palette-surface) !important;
}