.custom-datagrid {
    font-size: 12px;
    width: 70%;
    border-radius: 16px !important;
    border-collapse: separate
    /*  border: 1px solid #ddd; */
    /*   box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); */
    background-color: #f8f9fa;
    margin-top: 15px;
    text-align: center;
}

    /* Estilos de la tabla */
    .custom-datagrid .table {
        border-collapse: collapse;
        width: 100%;
    }



    /* Encabezados */
    .custom-datagrid th {
        padding: 10px;
        text-align: center;
        font-weight: bold;
        border-bottom: 2px solid #ccc;
    }


    /* Celdas */
    .custom-datagrid td {
        padding: 8px;
        border-bottom: 1px solid #ddd;
    }

    /*
    .min-datagrid{
        width: 60% !important;
        text-align: center;
        margin: auto;
        margin-top: 15px;
    }
        */

.custom-datagrid .pager {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

.min-datagrid .justify-content-between{
    width: 60%;
    margin-left: 20%;
}

    /* ------------------------ BARRA DE BUSQUEDA DATATABLE ------------------------------------ */
.datatable-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.multiline-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 5; /* Máximo 3 líneas */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 1200px; /* Define el ancho máximo */
    height: auto; /* Permite que se ajuste a las líneas permitidas */


    width: 100%;
    max-height: auto; /* 3 líneas * 1.5em cada una (ajustable) */
}




.custom-datagrid {
    border-radius: 10px !important;
    overflow: hidden !important;
}

    .custom-datagrid > div:first-child {
        border-radius: 10px !important;
        overflow: hidden !important;
    }

    .custom-datagrid table {
        border-collapse: separate !important;
        border-spacing: 0 !important;
    }