/****** NIVEL DE TABLA ******/

/*Envoltorio externo de la grilla*/
.wrapper-dataTable {
    border: 1px solid #ccc;
    overflow: hidden !important;
    border-radius: 10px !important;
    height: 290px !important;
    min-height: 220px !important;
}


/*Forzar a Ocultar el widget "Show-Entries"*/
/*Forzar a ocultar el widget de la paginación*/
/*Forzar a ocultar el widget del item con el mensaje "No data available in table"*/
div div.dataTables_length,
div div.dataTables_paginate,
table.dataTable tbody td.dataTables_empty{
    display: none;
}

/*Forzar al contenido de la tabla ocupe la altura completa de la misma*/
div.wrapper-dataTable .dataTables_wrapper,
div.wrapper-dataTable div.dataTables_scroll{
    height: 100%;
}

/*Forzar a que las cabeceras de la tabla ocupen un espacio determinado*/
div.wrapper-dataTable div.dataTables_scroll div.dataTables_scrollHead{
    /*min-height: 14%;*/
    max-height: 14%;
}

/*Forzar a que los registros de la tabla ocupen un espacio determinado estos son los registros scrollables*/
/*Esto tambien se encuentra en el parametro ScrollY de la definición de la tabla*/
div.wrapper-dataTable div.dataTables_scroll div.dataTables_scrollBody{
    min-height: 86%;
    max-height: 86%;
}

/****** NIVEL DE CABECERAS ******/

/*Estilos para la cabecera de la tabla*/
/* table.dataTable thead th {
    color: #fff;
    text-align: center;
    background-color: #89220C;
    padding: 5px;
} */

/****** NIVEL DE FILA ******/

/*Cuando se selecciona una fila ó una celda*/
/*Requiere de la activación de la extencion Select*/
table.dataTable tbody tr.selected,
table.dataTable tbody tr td.selected{
  background-color: rgba(195, 195, 195, 0.6);
}

/*Tamaño de la fila*/
table.dataTable tbody tr {
    height: 30px;
    background-color: #fff;
}

/****** NIVEL DE CELDA ******/

/*Cuando se selecciona una fila o celda con el teclado*/
/*Solo activar si se requiere para pruebas o como funcionalidad*/
/*table.dataTable tbody th.focus,
table.dataTable tbody td.focus {
  box-shadow: inset 0 0 1px 2px #3366FF;
}*/

/*Margen de las celdas*/
table.dataTable tbody td {
    border: 2px solid rgba(195, 195, 195, 0.6);
}

/*Alinea el texto al centro*/
table.dataTable tbody td.textAlignCenter,
table.dataTable tbody td input.textAlignCenter {
    text-align: center;
}

/*Alinea el texto a la izquierda*/
table.dataTable tbody td.textAlignRight,
table.dataTable tbody td input.textAlignRight {
    text-align: right;
    padding: 0 0.5em 0 0 !important;
}

/*Alinea el texto a la derecha*/
table.dataTable tbody td.textAlignLeft,
table.dataTable tbody td input.textAlignLeft {
    text-align: left;
    padding: 0 0 0 0.5em !important;
}

/*Campos descativados para edición*/
table.dataTable tbody td.disabled {
    background-color: #e8e3e3;
}

/*Para todos los input de tipo Text de Busqueda*/
table.dataTable tbody td input.inputSearch{
    border: none;
    border-radius: 0px;
    height: 28px !important;
    width: 100%;
    outline: 0;
}

/*Para todos los select*/
table.dataTable tbody td select.inputSelect{
    border: none;
    border-radius: 0px;
    height: 28px !important;
    width: 100%;
    outline: 0;
    background-color: rgba(255,255,255,0.19) !important;
}

/*Para todos los input de tipo Button de la columna OTR*/
table.dataTable tbody td input.inputOTR{
    border: 1px solid #808080;
    background-color: white;
    border-radius: 9px;
    height: 18px;
    width: 80%;
    margin: 0 auto;
    display: block;
    outline: 0;
    padding: 0;
}


/*-------------------------------------------------------------------------------------------------*/
/*----------------------------- ESTILOS PARA LA TABLA CARGAS EN SOPORTES --------------------------*/
/*-------------------------------------------------------------------------------------------------*/

/*Envolotorio externo de la grilla para carga de items*/
.wrapper-dataTable-load {
    border: 1px solid #ccc;
    overflow: hidden !important;
    border-radius: 10px !important;
    height: 550px !important; /* Alto de la tabla*/
    min-height: 500px !important; /* Alto de la tabla*/
}

/*Forzar al contenido de la tabla ocupe la altura completa de la misma*/
div.wrapper-dataTable-load .dataTables_wrapper,
div.wrapper-dataTable-load div.dataTables_scroll{
    height: 100%;
}

/*evita que la cabecera de la grid, las columnas hagan salto de linea*/
div.wrapper-dataTable-load th {
    white-space: nowrap;
}

/* anchos personalizados para cada columna  carga de items*/
div.wrapper-dataTable-load th.error {
    min-width: 420px;
}
div.wrapper-dataTable-load th.code {
    min-width: 200px;
}
div.wrapper-dataTable-load th.name {
    min-width: 400px;
}
div.wrapper-dataTable-load th.reference,
div.wrapper-dataTable-load th.plu{
    min-width: 250px;
}
div.wrapper-dataTable-load th.type,
div.wrapper-dataTable-load th.iva{
    min-width: 120px;
}
div.wrapper-dataTable-load th.precio,
div.wrapper-dataTable-load th.cost-unit{
    min-width: 150px;
}
div.wrapper-dataTable-load th.yes-no,
div.wrapper-dataTable-load th.exist,
div.wrapper-dataTable-load th.percentage,
div.wrapper-dataTable-load th.peso{
    min-width: 100px;
}
div.wrapper-dataTable-load th.cta{
    min-width: 130px;
}

/* margen */
div.wrapper-dataTable-load {
    margin: 0 auto;
}

/*Forzar a que las cabeceras de la tabla ocupen un espacio determinado*/
div.wrapper-dataTable-load div.dataTables_scroll div.dataTables_scrollHead{
    /*min-height: 14%;*/
    max-height: 14%;
}

/*Forzar a que los registros de la tabla ocupen un espacio determinado estos son los registros scrollables*/
/*Esto tambien se encuentra en el parametro ScrollY de la definición de la tabla*/
div.wrapper-dataTable-load div.dataTables_scroll div.dataTables_scrollBody{
    min-height: 94%;
    max-height: 94%;
}

/****** NIVEL DE CABECERAS ******/

/*Estilos para la cabecera de la tabla*/
div.wrapper-dataTable-load table.dataTable thead th {
    color: #fff;
    text-align: center;
    /*background-color: #89220C;*/
    padding: 5px;
    width: 100%;
}

/*Tamaño de la fila*/
div.wrapper-dataTable-load table.dataTable tbody tr {
    height: 30px;
    background-color: #fff;
}

/*Margen de las celdas*/
div.wrapper-dataTable-load table.dataTable tbody td {
    border: 2px solid rgba(195, 195, 195, 0.6);
}

/*Alinea el texto al centro*/
div.wrapper-dataTable-load table.dataTable tbody td.textAlignCenter,
div.wrapper-dataTable-load table.dataTable tbody td p.textAlignCenter {
    text-align: center;
}

/*Alinea el texto a la izquierda*/
div.wrapper-dataTable-load table.dataTable tbody td.textAlignRight,
div.wrapper-dataTable-load table.dataTable tbody td p.textAlignRight {
    text-align: right;
    padding: 0 0.5em 0 0 !important;
}

/*Alinea el texto a la derecha*/
div.wrapper-dataTable-load table.dataTable tbody td.textAlignLeft,
div.wrapper-dataTable-load table.dataTable tbody td p.textAlignLeft {
    text-align: left;
    padding: 0 0 0 0.5em !important;
}

/*Campos descativados para edición*/
div.wrapper-dataTable-load table.dataTable tbody td.disabled {
    background-color: #e8e3e3;
}

/* anchos personalizados para cada columna  carga de terceros - proveedores*/
div.wrapper-dataTable-load th.error {
    min-width: 420px;
}

div.wrapper-dataTable-load th.branchName,
div.wrapper-dataTable-load th.typeDocument
{
    min-width: 200px;
}

div.wrapper-dataTable-load th.names,
div.wrapper-dataTable-load th.businessName,
div.wrapper-dataTable-load th.observations
{
    min-width: 400px;
}


div.wrapper-dataTable-load th.firstName,
div.wrapper-dataTable-load th.lastName,
div.wrapper-dataTable-load th.webSite,
div.wrapper-dataTable-load th.address,
div.wrapper-dataTable-load th.email,
div.wrapper-dataTable-load th.sendTo
{
    min-width: 250px;
}
div.wrapper-dataTable-load th.personality,
div.wrapper-dataTable-load th.regimeIVA,
div.wrapper-dataTable-load th.state,
div.wrapper-dataTable-load th.economicActivity,
div.wrapper-dataTable-load th.greatContributor,
div.wrapper-dataTable-load th.retainerRent,
div.wrapper-dataTable-load th.retainerIca,
div.wrapper-dataTable-load th.retainerAutoRent,
div.wrapper-dataTable-load th.branchCode,
div.wrapper-dataTable-load th.isMain,
div.wrapper-dataTable-load th.stateProvider,
div.wrapper-dataTable-load th.city,
div.wrapper-dataTable-load th.phone,
div.wrapper-dataTable-load th.cellPhone,
div.wrapper-dataTable-load th.zone,
div.wrapper-dataTable-load th.subZone1,
div.wrapper-dataTable-load th.subZone2,
div.wrapper-dataTable-load th.subZone3
{
    min-width: 120px;
}
div.wrapper-dataTable-load th.creditQuota,
div.wrapper-dataTable-load th.term,
div.wrapper-dataTable-load th.wayToPay,
div.wrapper-dataTable-load th.postalZone,
div.wrapper-dataTable-load th.identificationNumber,
div.wrapper-dataTable-load th.colWidth150px
{
    min-width: 150px;
}

div.wrapper-dataTable-load th.identificationDv,
div.wrapper-dataTable-load th.priceList
{
    min-width: 80px;
}


.wrapper-dataTable-flexible {
    border: 1px solid #ccc;
    border-radius: 10px !important;
    overflow: hidden !important;
    max-width: 100%;
}

div.wrapper-dataTable-flexible div.dataTables_scrollBody {
    height: 450px !important;
    overflow-y: auto !important;
}

@media (max-height: 700px) {
    div.wrapper-dataTable-flexible div.dataTables_scrollBody {
        height: 300px !important
    }
}

div.wrapper-dataTable-flexible th.w-150pix {
    min-width: 150px;
}

div.wrapper-dataTable-flexible th.w-250pix {
    min-width: 250px;
}

div.wrapper-dataTable-flexible th.w-100pix {
    min-width: 100px;
}

div.wrapper-dataTable-flexible th.w-480pix {
    min-width: 480px;
}