/* Estilos específicos para tablas y elementos de interfaz */
.table,
.rz-datatable,
.table th,
.table td,
.rz-datatable th,
.rz-datatable td {
    letter-spacing: -0.005em;
}

    /* Headers de tabla más definidos */
    .table th,
    .rz-datatable th {
        font-weight: 500 !important;
        color: #6b7280; /* Color gris más suave para headers */
        text-transform: uppercase;
        font-size: 12px !important;
        letter-spacing: 0.05em;
    }

 
 .alto-texto-numeric {
    height: 40px
} 

/* Eliminar bordes de TODOS los controles dentro de la tabla */
.gridAsiento input,
.gridAsiento .form-control,
.gridAsiento .form-control-sm,
.gridAsiento .custom-dropdown,
.gridAsiento .rz-dropdown,
.gridAsiento .rz-dropdown-trigger,
.gridAsiento .rz-inputtext,
.gridAsiento .rz-numeric,
.gridAsiento .form-control-numeric,
.gridAsiento button {
    border: 1px solid transparent !important; /* Borde transparente */
    border-radius: 3px;
    box-shadow: none !important;
    outline: none !important;
}

    /* Borde al hacer focus - TODOS LOS CONTROLES */
    .gridAsiento input:focus,
    .gridAsiento .form-control:focus,
    .gridAsiento .form-control-sm:focus,
    .gridAsiento .custom-dropdown:focus,
    .gridAsiento .rz-dropdown:focus,
    .gridAsiento .rz-dropdown:focus-within,
    .gridAsiento .rz-dropdown-trigger:focus,
    .gridAsiento .rz-inputtext:focus,
    .gridAsiento .rz-numeric:focus,
    .gridAsiento .form-control-numeric:focus {
        border: 1px solid #5dade2 !important;
        outline: none !important;
        box-shadow: 0 0 0 0px rgba(37, 99, 235, 0.1) !important;
    }

    /* Para cuando el dropdown está abierto (Radzen) */
    .gridAsiento .rz-dropdown.rz-state-focused,
    .gridAsiento .rz-dropdown.rz-state-focus {
        border: 1px solid #5dade2 !important;
        box-shadow: 0 0 0 0px rgba(37, 99, 235, 0.1) !important;
    }

    /* Cuando el input está BLOQUEADO/DESHABILITADO */
    .gridAsiento input:disabled,
    .gridAsiento input[readonly],
    .gridAsiento .form-control:disabled,
    .gridAsiento .form-control[readonly],
    .gridAsiento .form-control-sm:disabled,
    .gridAsiento .form-control-sm[readonly],
    .gridAsiento .custom-dropdown:disabled,
    .gridAsiento .custom-dropdown[readonly],
    .gridAsiento .rz-dropdown.rz-state-disabled,
    .gridAsiento .rz-dropdown[disabled],
    .gridAsiento .rz-inputtext:disabled,
    .gridAsiento .rz-inputtext[readonly],
    .gridAsiento .rz-numeric:disabled,
    .gridAsiento .rz-numeric[readonly],
    .gridAsiento .form-control-numeric:disabled,
    .gridAsiento .form-control-numeric[readonly] {
        background-color: #f3f4f6 !important; /* Fondo gris claro */
        border: 1px solid #e5e7eb !important; /* Borde gris */
        color: #9ca3af !important; /* Texto gris */
        cursor: not-allowed !important;
        opacity: 0.6 !important;
    }

.gridAsiento tr:hover {
    background-color: #f5f5f5;
}

.gridFactura {
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}

    .gridFactura tbody tr {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .gridFactura .rz-data-row {
        height: 55px !important;
        min-height: 55px !important;
    }

    .form-control-grilla,
    .gridFactura .rz-dropdown,
    .gridFactura .rz-inputtext,
    .gridFactura .rz-numeric-input,
    .gridFactura .rz-textbox {
        display: flex;
        padding-top: 0rem;
        padding-bottom: 0rem;
        word-wrap: break-word;
    }

    .gridFactura th,
    .gridFactura td {
        height: 55px !important;
        min-height: 55px !important;
        line-height: 1.4em !important;
        overflow: hidden !important;
        vertical-align: middle !important;
        word-wrap: break-word;
        margin: 5px !important;
        /*padding: 5px !important;*/
        padding: 5px 8px;
    }

    .gridFactura table {
        width: 100% !important;
        border-collapse: collapse !important;
        /*font-size: 14px !important;*/
    }

    .gridFactura thead {
        background-color: #f8f9fa !important;
        border-bottom: 2px solid #dee2e6 !important;
    }

.custom-dropdown-grid2 {
    border-radius: 2px;
    height: 45px;
    padding: 0 !important;
    padding-left: 10px !important;
    line-height: 45px;
    display: flex;
    padding: 12px 10px !important; /* Padding top/bottom para centrar */
}

.custom-dropdown-grid3 {
    border-radius: 5px;
    height: 40px;
    padding-left: 10px !important;
    line-height: 45px;
    display: flex;
    padding: 8px 10px !important; /* Padding top/bottom para centrar */
}

.custom-dropdown-grid-multi {
    border-radius: 2px;
    height: 45px;
    line-height: 45px;
    padding: 0 !important;
    font-size: 0.8rem !important;
}

.custom-inputNumber-grid {
    border-radius: 2px;
    height: 45px;
    padding: 0 !important;
    line-height: 45px;
    min-width: 100px;
}

    .custom-inputNumber-grid:focus {
        outline: none !important;
        border-color: #5dade2 !important;
        box-shadow: 0 0 0 0px rgba(37, 99, 235, 0.1) !important;
    }

.custom-inputText-grid {
    border-radius: 2px;
    height: 45px;
    padding: 0 !important;
    padding-left: 10px !important;
    line-height: 45px;
    border: 1px solid #ccc;
}

    .custom-inputText-grid:focus {
        outline: none !important;
        border-color: #5dade2 !important;
        box-shadow: 0 0 0 0px rgba(37, 99, 235, 0.1) !important;
    }

.gridBusquedaVirtualizada {
    min-height: 370px;
    max-height: 370px;
    overflow-y: auto;
}

    /* Mantener el estilo de las filas separadamente */
    .gridBusquedaVirtualizada .rz-data-row {
        height: 35px !important;
    }

/* Mantener el estilo de las filas separadamente */
.gridBusqueda .rz-data-row {
    height: 35px !important;
}

.gridBusqueda {
    border-left: 0px solid rgba(0, 0, 0, 0);
    border-right: 0px solid rgba(0, 0, 0, 0);
    min-height: 370px;
    max-height: 370px;
}
/******** Tablas ****************/

 
 .custom-thead {
    background-color: white
} 

.table thead th {
    border-bottom: 1px solid #ccc !important;
    color: #777;

}

 
 .table-info-Seleccion {
    background-color: #e7f1ff;
}


.table-success-Seleccion {
    background-color: #e6f2ed; /* verde suave */
}

.rz-card {
    box-shadow: none !important;
}

body .rz-datatable th {
    background-color: var(--color-base);
}

    body .rz-datatable th span {
        color: #777;
    }

.rz-numeric-input {
    outline: none !important;
    text-align: right;
    padding-right: 10px !important;
}

.rz-dropdown-panel {
    width: auto !important;
}

.rz-multiselect-panel {
    width: auto !important;
}

.rz-column-group-button,
rz-group-header-item,
rz-group-header-items,
rz-group-header-item-title {
    display: none !important;
}