@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap');
@media print {
    *{
        margin: 0;
    padding: 0;
    font-family: arial;
    --vino: #611f21;
    --rojo: #f03939;
    --amarillo: #F0CB34;
    --verde: #5692ca;
    --gris: #3e3e3e;
    --fondo: #fff;
    --dorado: #e9b870;
    --naranja: #f97423;
    background: var(--fondo);
    -webkit-print-color-adjust: exact;
    }
    #volver, #volver2, #salir, #fbven #cfecv, #cinv .tpro button, #cinv .tpro a, #fbven #bingb, #fbven #ingfac, #fbven #bingg, #fbven #inggasto, #fbven button, #fbven a, #fbven select, #fbven #peli, #anaing input[type=number], #subana, #ingnom{
        display: none;
    }
     .cab{
        width: 100%;
        height: auto;
        text-align: center;
    }
    .cab img{
        width: 100px;
        margin-bottom: 2px;
        margin-top: 2px;
        border-radius: 50px;
    }
    #cinv{
        width: 98%;
        text-align: center;
        margin: auto;
    }
    #cinv .tpro{
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        border: 1px solid 0;
        margin: auto;
        border: 1px solid black;
        font-size: 13px;
    }
    #cinv .tpro th{
        background: 0;
        color: black;
        border: 1px solid black;
    }
    #cinv .tpro td{
        border: 1px solid black;
        padding: 1px;
        box-sizing: border-box;
    }
    #fbven p{
        font-size: 20px;
        color: black;
        text-align: center;
    }
    #datosemp{
        
        width: 100%;
        float: left;
    }
    #datosemp h1{
        font-size: 14px;
        margin: 0;
        font-family: arial;
    }
    #datosemp h2{
        font-size: 12px;
         margin: 0;
        font-family: arial;
        font-weight: 100;
    }
    #logo{
        width: 30%;
        float: left;
       margin-left: 35%;
        
    }
    #nocoti{
        font-size: 14px;
        font-family: arial;
        text-align: left;
    }
    #datoscli{
        width: 100%;
        font-family: arial;
        font-size: 12px;
        margin: 0;
    }
    #datoscli p{
        font-size: 12px;
        margin: 0;
    }
    #datoscli h2{
        font-size: 12px;
        margin: 0;
    }
    #titpdf p{
        font-size: 12px;
        margin: 0;
        font-family: arial;
        font-weight: bold;
    }
    #tabpdf{
        width: 100%;
        text-align: center;
        font-size: 12px;
        font-family: arial;
        border-collapse: collapse;
        border: 1px solid black;
    }
    #tabpdf #red{
        background: yellow;
        font-weight: 600;
    }
    #obserpdf{
        font-size: 12px;
        font-family: arial;
    }
    #firmemp{
        width: 30%;
        font-family: arial;
    }
    #firmemp p{
       width: 100%;
        border-top: 1px solid black;
        font-size: 12px;
        font-family: arial;
        margin: 0;
    }
    #firmemp h5{
        margin: 0;
        font-family: arial;
    }
    #tabpdf td, #tabpdf th{
        border: 1px solid black;
        padding: 5px;
    }
    .fondo-ticket .cajaticket{
        width: 95%;
        margin-left: 0%;
    }
    .fondo-ticket .cajaticket .logoticket{
        width: 100%;
        height: auto;
        text-align: center;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    .fondo-ticket .cajaticket .logoticket img{
        width: 40%;
        height: auto;
        margin: auto;
    }
    .fondo-ticket .cajaticket .info-empresa{
        width: 100%;
        text-align: center;
        font-size: 10px;
        margin-bottom: 5px;
    }
    .fondo-ticket .cajaticket .info-cliente{
        text-align: center;
    }
    .fondo-ticket .cajaticket .info-cliente #titulo{
        font-size: 18px;
    }
    .fondo-ticket .cajaticket .info-cliente .tab_cab{
        width: 100%;
        text-align: left;
        margin-bottom: 5px;
        border-bottom: 2px solid black;
        font-size: 12px;
    }
    .fondo-ticket .cajaticket .info-pedido{
        width: 100%;
        text-align: center;
        border-bottom: 2px solid black;
        margin-bottom: 5px;
    }
    .fondo-ticket .cajaticket .info-pedido h2{
        font-size: 15px;
    }
    .fondo-ticket .cajaticket .info-pedido table{
        width: 100%;
        border-collapse: collapse;
    }
    .fondo-ticket .cajaticket .info-pedido table #td1{
        width: 60%;
        font-size: 13px;
        
    }
    .fondo-ticket .cajaticket .info-pedido table #td1 #comped{
        font-size: 10px;
    }
    .fondo-ticket .cajaticket .info-pedido table #td2{
        width: 15%;
        font-size: 10px;
        text-align: center;
    }
    .fondo-ticket .cajaticket .info-pedido table #td3{
        width: 25%;
        font-size: 12px;
        text-align: right;
    }
    .fondo-ticket .cajaticket .info-pedido #izq{
        text-align: left;
        font-size: 12px;
    }
    .fondo-ticket .cajaticket .info-pedido #cen{
        text-align: center;
        font-size: 12px;
    }
    .fondo-ticket .cajaticket .info-pedido #der{
        text-align: right;
        font-size: 12px;
    }
    .fondo-ticket .cajaticket .info-pedido th{
        font-size: 15px;
    }
    .fondo-ticket .cajaticket .info-pedido td , .fondo-ticket .cajaticket .info-pedido th{
        background: 0;
        padding: 2px;
        box-sizing: border-box;
    }
    .fondo-ticket .cajaticket .info-pedido .bordebottom{
        border-bottom: 1px dashed grey;
        background: 0;
    }
    .fondo-ticket .cajaticket .info-pedido .bordetop{
        border-top: 2px solid black;
        background: 0;
    }
    .fondo-ticket .cajaticket .info-pedido .bordetopsilver{
        border-top: 1px dashed grey;
        background: 0;
    }
    .fondo-ticket .cajaticket .info-adicional{
        width: 100%;
        text-align: center;
    }
    .fondo-ticket .cajaticket .info-adicional h2{
        font-size: 20px;
        margin-bottom: 5px;
    }
    .fondo-ticket .cajaticket .info-adicional #legal{
        text-align: justify;
        width: 95%;
        margin: auto;
        font-size: 12px;
    }
    .fondo-ticket .cajaticket .info-adicional .logos_aliados{
        width: 100%;
        text-align: center;
        margin-top: 5px;
        margin-bottom: 5px;
        overflow: hidden;
    }
    .fondo-ticket .cajaticket .info-adicional .logos_aliados img{
        width: 30%;
        float: left;
        margin-left: 1.5%;
        margin-right: 1.5%;
        height: auto;
    }
    .fondo-ticket .cajaticket .info-adicional .publicidad{
        width: 98%;
        margin: auto;
        border: 2px solid black;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
    }
    .fondo-ticket .cajaticket .info-adicional .publicidad p{
        font-size: 10px;
    }
    .fondo-ticket .cajaticket .info-adicional .publicidad img{
        width: 100%;
        height: auto;
    }
    .fondo-ticket .cajaticket .info-adicional .firma{
        width: 100%;
        
    }
    .fondo-ticket .cajaticket .info-adicional .firma p{
        width: 100%;
        font-size: 15px;
        margin-top: 10px;
        border-top: 2px dashed black;
    }
    .fondo-ticket .cajaticket .info-adicional .firma img{
        width: 40%;
    }
 .cajaticket .info-cuadre{
        width: 100%;
        text-align: center;
    }
    .cajaticket .info-cuadre .tab_cuadre{
        width: 100%;
        text-align: center;
        border-collapse: collapse;
    }
    .cajaticket .info-cuadre .tab_cuadre th{
        padding: 3px;
        border-bottom: 1px solid black;
        width: 50%;
    }
    .cajaticket .info-cuadre .tab_cuadre td{
        border-bottom: 1px dashed black;
    }
    .cajaticket .info-firma{
        width: 100%;
    }
    .cajaticket .info-firma h2{
        width: 90%;
        border-bottom: 2px solid black;
        margin: auto;
        margin-top: 60px;
    }
    .cajaticket .info-firma p{
        width: 90%;
        text-align: justify;
        margin: auto;
        font-size: 12px;
        
    }
    .cajaticket .info-firma .firma{
        width: 100%;
        border-top: 1px dashed black;
        margin-top: 10px;
        text-align: center;
    }
    .cajaticket .info-firma .firma p{
        text-align: center;
    }
    .cajaticket .info-firma .firma img{
        width: 40%;
        
    }
    .cajaticket .info-cuadre #obser{
        font-size: 10px;
    }
    .subtcaja_ticket{
        display: none;
    }
        .cajaticket .info-cuadredet .tab_cuadet{
        width: 100%;
        text-align: center;
        font-size: 10px;
        border-collapse: collapse;
    }
    .cajaticket .info-cuadredet h3{
        border-top: 1px solid black;
        font-size: 10px;
        text-align: center;
    }
    #tabpdf #total{
        background: #D6D6D6;
    }
    #tabpdf #bold{
        font-weight: 600;
        font-size: 13px;
        background: #D6D6D6;
    }
    .firma_inv{
        width: 100%;
        font-family: arial;
    }
    .firma_inv div{
        width: 40%;
        float: left;
        font-weight: 600;
        margin-bottom: 5px;
    }
    .firma_inv #entrega{
        margin-right: 10%;
    }
    .firma_inv #recibe{
        margin-right: 10%;
    }
    .firma_inv div h3{
        font-size: 15px;
        margin: 0;
    }
    .firma_inv div h4{
        font-size: 12px;
        margin: 0;
    }
    .firma_inv #textarea{
        width: 100%;
        margin-bottom: 5px;
        box-sizing: border-box;
        margin-top: 5px;
    }
    .firma_inv #textarea p{
        color: gray;
        font-size: 12px;
        border: 0;
        width: 100%;
        height: auto;
        padding: 5px;
    }
    .firma_inv div #padfirma{
        height: 30px;
        border-bottom: 1px solid black;
        margin-bottom: 5px;
    }
    .vermenu, #salir, #nomusu, #nomdep, .cajamenunew{
        display: none;
    }
    #tabpdfencabezado{
        width: 100%;
        border: 1px solid black;
        padding: 5px;
        border-collapse: collapse;
        text-align: center;
        font-family: arial;
    }
    #tabpdfencabezado td{
        border: 1px solid black;
        padding: 10px;
    }
    #tabpdfencabezado #td1{
        width: 20%;
    }
     #tabpdfencabezado #td2{
        width: 80%;
    }
    #tabpdfencabezado #td2 p{
        font-size: 12px;
    }
    #tabpdfencabezado h3{
        font-size: 15px;
    }
    .info-adicional .dats_resolucion, .info-adicional .bases_imp{
        width: 96%;
        text-align: left;
        font-size: 12px;
        margin-left: 2%;
        margin-top: 5px;
    }    
}