/* Altura de las filas en el cuerpo de la tabla: */
.custom-table tbody tr {
    height: 1.8rem;
}

/* Estilo para el encabezado al pasar el mouse */
.custom-table .table thead th:hover {
    background-color: transparent !important;
    color: inherit !important;
    cursor: default !important;
    box-shadow: none !important;
}

/* Estilo para el selector de tamaño de página */
.custom-table .page-size-chooser {
    display: flex;
    align-items: center;
}

.custom-table .table .page-size-chooser select {
    margin: 0 1rem;
    padding: 0.25rem 0.5rem;
}

/* Cambiar el color y alineación de los encabezados de columna */
.custom-table thead th {
    color: #67748e;
    text-align: left !important;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    vertical-align: middle !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Alinear contenido de las filas a la izquierda */
.custom-table .table tbody td {
    text-align: left !important;
    padding-left: 3rem;
    vertical-align: middle !important;
    border-style: hidden;
}

/* Bordes del cuerpo de la tabla */
.custom-table tbody {
    border: 2px solid black;
}

/* Centrar contenido de la columna de acciones */
.custom-table .acciones-columna {
    text-align: center;
    vertical-align: middle !important;
}

/* Estilo para la tabla en general, evitar expansión y eliminar borde */
.custom-table .table {
    width: 100%;
    border-collapse: inherit;
}

    /* Padding de los encabezados */
    .custom-table .table thead th {
        padding: 0;
        padding-bottom: 0.5rem;
    }

    /* Bordes de la tabla */
    .custom-table .table thead,
    .custom-table .table tbody,
    .custom-table .table tfoot,
    .custom-table .table tr,
    .custom-table .table td,
    .custom-table .table th {
        border-color: inherit;
        border-width: 0;
        border-style: hidden;
    }

        /* Agregar estilo al cuerpo de la tabla */
        .custom-table .table tbody tr:hover {
            background-color: #f1f1f1;
        }

    .custom-table .table .table-responsive {
        overflow-x: auto;
    }

    /* Estilo para las celdas de la tabla */
    .custom-table .table td,
    .custom-table .table th {
        vertical-align: middle !important;
        padding: 0.75rem;
    }

/* Estilo para el contenedor de la tabla */
.custom-table .table-container {
    padding: 1rem;
    overflow-x: auto;
}