/*==================================================
  ESTILOS GENERALES
==================================================*/

body{
    font-family:Arial,Helvetica,sans-serif;
}


/*==================================================
  TABLA
==================================================*/

#tabla{
    width:100%;
    table-layout:fixed;
    border-collapse:collapse;
}

#tabla th,
#tabla td{
    vertical-align:middle;
    text-align:center;
}


/*==================================================
  EAN
==================================================*/

#tabla th:nth-child(1),
#tabla td:nth-child(1){
    width:18%;
}


/*==================================================
  CODIGO
==================================================*/

#tabla th:nth-child(2),
#tabla td:nth-child(2){
    width:12%;
}


/*==================================================
  DESCRIPCION
==================================================*/

#tabla th:nth-child(3),
#tabla td:nth-child(3){
    width:35%;
}


/*==================================================
  CANTIDAD
==================================================*/

#tabla th:nth-child(4),
#tabla td:nth-child(4){
    width:10%;
}


/*==================================================
  CODIGO DE BARRAS
==================================================*/

#tabla th:nth-child(5),
#tabla td:nth-child(5){
    width:20%;
}


/*==================================================
  ACCION
==================================================*/

#tabla th:nth-child(6),
#tabla td:nth-child(6){
    width:5%;
}


/*==================================================
  CELDAS
==================================================*/

#tabla td{
    word-break:break-word;
    overflow-wrap:anywhere;
}


/*==================================================
  INPUTS
==================================================*/

input{
    width:100%;
}

.codigo{
    text-align:center;
}


/*==================================================
  CODIGO DE BARRAS
==================================================*/

.barcode{
    width:100%;
    max-width:220px;
    height:60px;
    display:block;
    margin:auto;
}

.barcode text{
    font-size:16px !important;
}


/*==================================================
  CAMPOS MANUALES
==================================================*/

.codigo-manual{
    background:#fff3cd;
}

.descripcion-manual{
    background:#fff3cd;
}


/*==================================================
  SEPARADOR DE SECCIONES
==================================================*/

.separador-seccion td{

    height:25px !important;

    min-height:25px !important;

    padding:0 !important;

    background:#fff !important;

    border-top:4px solid #000 !important;

    border-bottom:4px solid #000 !important;

}


/*==================================================
  ENCABEZADO DE NUEVA SECCION
==================================================*/

.encabezado-seccion th{

    background:#fff;

    font-weight:bold;

}


/*==================================================
  IMPRESION
==================================================*/

@media print{


    /*----------------------------------------------
      PAGINA
    ----------------------------------------------*/

    @page{

        size:A4 portrait;

        margin:10mm;

    }


    /*----------------------------------------------
      OCULTAR TODO EXCEPTO TABLA
    ----------------------------------------------*/

    body *{

        visibility:hidden;

    }


    #tabla,
    #tabla *{

        visibility:visible;

    }


    /*----------------------------------------------
      TABLA
    ----------------------------------------------*/

    #tabla{

        position:absolute;

        left:0;

        top:0;

        width:100%;

        border-collapse:collapse;

        table-layout:fixed;

    }


    /*----------------------------------------------
      OCULTAR EAN
    ----------------------------------------------*/

    #tabla th:nth-child(1),
    #tabla td:nth-child(1){

        display:none !important;

    }


    /*----------------------------------------------
      OCULTAR ACCION
    ----------------------------------------------*/

    #tabla th:nth-child(6),
    #tabla td:nth-child(6){

        display:none !important;

    }


    /*----------------------------------------------
      CODIGO
    ----------------------------------------------*/

    #tabla th:nth-child(2),
    #tabla td:nth-child(2){

        width:18% !important;

    }


    /*----------------------------------------------
      DESCRIPCION
    ----------------------------------------------*/

    #tabla th:nth-child(3),
    #tabla td:nth-child(3){

        width:42% !important;

    }


    /*----------------------------------------------
      CANTIDAD
    ----------------------------------------------*/

    #tabla th:nth-child(4),
    #tabla td:nth-child(4){

        width:15% !important;

    }


    /*----------------------------------------------
      CODIGO DE BARRAS
    ----------------------------------------------*/

    #tabla th:nth-child(5),
    #tabla td:nth-child(5){

        width:25% !important;

    }


    /*----------------------------------------------
      CELDAS
    ----------------------------------------------*/

    th,
    td{

        border:1px solid #000 !important;

        padding:10px;

        font-size:18px;

        vertical-align:middle;

        white-space:normal;

        word-break:break-word;

        overflow-wrap:anywhere;

    }


    /*----------------------------------------------
      TEXTO IMPRESO
    ----------------------------------------------*/

    .print-text{

        font-size:20px;

        font-weight:bold;

        line-height:1.3;

        white-space:normal;

        word-break:break-word;

        overflow-wrap:anywhere;

    }


    /*----------------------------------------------
      CODIGO DE BARRAS
    ----------------------------------------------*/

    .barcode{

        width:100%;

        max-width:240px;

        height:70px;

        display:block;

        margin:auto;

    }


    /*----------------------------------------------
      SEPARADOR DE SECCION
    ----------------------------------------------*/

    .separador-seccion{

        display:table-row !important;

        height:25px !important;

        min-height:25px !important;

        page-break-inside:avoid;

        page-break-after:avoid;

    }


    .separador-seccion td{

        display:table-cell !important;

        height:25px !important;

        min-height:25px !important;

        padding:0 !important;

        background:#fff !important;

        border-top:4px solid #000 !important;

        border-bottom:4px solid #000 !important;

    }


    /*----------------------------------------------
      ENCABEZADO DE NUEVA SECCION
    ----------------------------------------------*/

    .encabezado-seccion{

        page-break-before:avoid;

        page-break-after:avoid;

    }


    .encabezado-seccion th{

        background:#fff !important;

        font-weight:bold;

        border-top:0 !important;

    }


    /*----------------------------------------------
      NO IMPRIMIR
    ----------------------------------------------*/

    .no-print{

        display:none !important;

    }

}