@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
@media print {
    *{
    margin: 0;
        padding: 0;
        font-family: Arial;
        --pri: #000;
        --rojo: #f03939;
        --amarillo: #fac71c;
        --verde: #419f43;
        --gris: #3e3e3e;
        --fondo: #fff;
        --dorado: #ffcb06;
        --naranja: #f97423;
        --azul: #3099BA;
        background: var(--fondo);
    -webkit-print-color-adjust: exact;
    }
        .caja_ticket .mod_ticket{
        width: 95%;
        margin-left: 0%;
        box-sizing: border-box;
        padding: 5px;
        border-radius: 3px;
    }
    .caja_ticket .mod_ticket .logo_ticket{
        text-align: center;
        margin-bottom: 5px;
    }
    .caja_ticket .mod_ticket .logo_ticket img{
        width: 50%;
        
    }
    .caja_ticket .mod_ticket .info_sucursal{
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
    }
    .caja_ticket .mod_ticket .info_sucursal h2{
        font-size: 12px;
        margin: 0;
    }
    .caja_ticket .mod_ticket .info_sucursal h4{
        font-size: 12px;
        margin: 0;
    }
    .caja_ticket .mod_ticket .info-pedido{
        width: 100%;
        text-align: center;
    }
    .caja_ticket .mod_ticket .info-pedido h4{
        font-size: 14px;
    }
    .caja_ticket .mod_ticket .info-pedido #datcli{
        font-size: 12px;
        text-align: left;
    }
    .caja_ticket .mod_ticket .info-pedido table{
        width: 100%;
        border-collapse: collapse;
        font-size: 10px;
        border-top: 1px solid black;
    }
    .caja_ticket .mod_ticket .info-pedido table td{
        padding: 2px;
        box-sizing: border-box;
        border-bottom: 1px dashed grey;
    }
    .caja_ticket .mod_ticket .info-pedido table #izq{
        text-align: left;
        width: 60%;
    }
    .caja_ticket .mod_ticket .info-pedido table #cen{
        text-align: center;
        width: 20%;
    }
    .caja_ticket .mod_ticket .info-pedido table #der{
        text-align: right;
        width: 20%;
    }
    .caja_ticket .mod_ticket .info-pedido table .totp{
        font-size: 15px;
        border-top: 1px solid black;
    }
    .caja_ticket .mod_ticket .info-adicional{
        width: 100%;
        text-align: center;
        font-size: 15px;
        margin-bottom: 5px;
        border-top: 1px solid black;
    }
    .caja_ticket .mod_ticket .firma{
        width: 100%;
        text-align: center;
        border-top: 1px solid black;
    }
    .caja_ticket .mod_ticket .firma p{
        width: 100%;
        text-align: center;
        font-size: 15px;
    }
    .caja_ticket .mod_ticket .firma img{
        width: 40%;
        margin: auto;
    }
    .caja_ticket .mod_ticket .info-cierre{
        width: 100%;
        text-align: center;
    }
    .caja_ticket .mod_ticket .info-cierre h2{
        font-size: 18px;
    }
    .caja_ticket .mod_ticket .info-cierre table{
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 10px;
        font-size: 12px;
    }
    .caja_ticket .mod_ticket .info-cierre table th{
        text-align: left;
        border-bottom: 1px solid silver;
        padding: 3px;
    }
    .caja_ticket .mod_ticket .info-cierre table td{
        text-align: right;
        border-bottom: 1px solid silver;
        padding: 3px;
    }
    .caja_ticket .mod_ticket .info-cierre table #dep{
        font-size: 16px;
        font-weight: 600;
    }
    .caja_ticket .mod_ticket .info-cierre table #firma-cajero{
        text-align: center;
        border-bottom: 2px solid black;
        
    }
    .caja_ticket .mod_ticket .info-cierre table #comentario{
        font-size: 12px;
        text-align: center;
        font-weight: 600;
    }
    .caja_ticket .mod_ticket .info-cierre table #obser{
        text-align: center;
    }
    .caja_ticket .mod_ticket .info-cierre table #obser p{
        font-size: 12px;
    }
    .caja_ticket .btn_ticket{
        display: none;
    }
        .caja_ticket .info-detalle{
        width: 100%;
        text-align: center;
        
    }
    .caja_ticket .info-detalle .info-venta{
        margin-bottom: 5px;
        border-bottom: 1px solid black;
        width: 100%;
    }
    .caja_ticket .info-detalle .info-venta table{
        width: 100%;
        border-collapse: collapse;
    }
    .caja_ticket .info-detalle .info-venta table td{
        padding: 2px;
        font-size: 12px;
        border-bottom: 1px solid silver;
    }
    .caja_ticket .info-detalle .info-venta table #td1{
        width: 50%;
        text-align: left;
    }
    .caja_ticket .info-detalle .info-venta table #td2{
        text-align: right;
    }
    .caja_ticket .info-detalle .info-fp{
        width: 100%;
        border-bottom: 1px solid black;
    }
    .caja_ticket .info-detalle .info-fp table{
        width: 100%;
        border-collapse: collapse;
    }
    .caja_ticket .info-detalle .info-fp table td{
        padding: 3px;
        font-size: 12px;
        border-bottom: 1px solid silver;
    }
    .caja_ticket .info-detalle .info-fp table #td1{
        text-align: left;
    }
    .caja_ticket .info-detalle .info-fp table #td2{
        text-align: right;
    }
    .caja_ticket .info-detalle h2{
        font-size: 18px;
    }
    .caja_ticket .mod_ticket .info-cierre .tab_exinv{
        width: 100%;
        font-size: 10px;
        text-align: left;
    }
    .caja_ticket .mod_ticket .info-cierre .tab_exinv td{
        text-align: left;
    }
    .info-adicional #aviso{
        font-size: 12px;
        text-align: left;
    }
    .mod_etiquetas{
        width: 100%;
        overflow: hidden;
        height: auto;
        margin: 0;
    }
    .mod_etiquetas .etiqueta{
        width: 30%;
        float: left;
        margin-left: 0%;
        text-align: center;
        margin-left: 1.5%;
    }
    .mod_etiquetas #etiqueta{
        margin-left: 3%;
    }
    .mod_etiquetas #etiqueta1{
        margin-left: 5%;
    }
    .mod_etiquetas .etiqueta h3{
        font-size: 8px;
        margin: 0px;
    }
    .mod_etiquetas .etiqueta p{
        font-size: 12px;
        font-weight: 600;
        margin: 0;
    }
    .mod_etiquetas .etiqueta #suc{
        font-weight: 0;
        font-size: 8px;
        display: none;
    }
    .mod_etiquetas .etiqueta canvas{
        height: 60%;
        margin: 0;
    }
    .caja_ticket .mod_ticket .tira_apartado{
        width: 100%;
        border: 2px dashed black;
        font-size: 12px;
        padding: 3px;
        box-sizing: border-box;
        margin-top: 10px;
    }
    .caja_ticket .mod_ticket .tira_apartado table{
        width: 100%;
        font-size: 12px;
    }
    .caja_ticket .mod_ticket .info-pedido #servicio_ped{
        font-size: 9px;
    }
    #imp_encabezado{
        width: 100%;
        text-align: center;
        border-collapse: collapse; 
        font-family: arial;
    }
    #imp_encabezado td{
        border: 1px solid black;
        padding: 5px;
    }
    #imp_encabezado h3{
        font-size: 25px;
        margin: 0;
    }
    #imp_encabezado p{
        font-size: 15px;
    }
    #imp_titulo h2{
        font-size: 18px;
        text-align: center;
        font-family: arial;
        margin: 0;
    }
    #imp_titulo h3{
        text-align: right;
        font-size: 12px;
        font-family: arial;
        margin: 0;
        font-weight: 0;
    }
    #imp_tabledatos{
        width: 100%;
        border-collapse: collapse;
        font-family: arial;
        font-size: 12px;
        text-align: left;
        border: 1px solid black;
        margin-bottom: 10px;
    }
    #imp_tabledatos td{
        padding: 5px;
        border-bottom: 1px solid grey;
    }
    #imp_tabledatos th{
        padding: 5px;
        text-align: left;
        font-size: 14px;
        border-bottom: 1px solid black;
    }
    #imp_tabledatos #imp_totales{
        font-size: 14px;
        border-bottom: 2px solid black;
        border-top: 2px solid black;
    }
    #imp_tabledatos .imp_total{
        background: silver;
        color: black;
    }
    .imp_observaciones{
        width: 100%;
        border: 2px solid black;
        padding: 5px;
    }
    .imp_observaciones h3{
        font-size: 18px;
        text-align: center;
        font-family: arial;
        margin: 0;
    }
    .imp_observaciones p{
        text-align: justify-all;
        font-size: 12px;
        font-family: arial;
        margin: 0;
    }
    .cabecera_ortics{
        width: 100%;
        height: 80px;
        background: #fff;
        border-radius: 15px;
        padding: 0px;
        box-sizing: border-box;
        border: 2px solid black;
    }
    .logo_ortics, .info_ortics{
        height: 100px;
        width: 30%;
        background: 0;
        text-align: center;
        padding: 0px;
        box-sizing: border-box;
        float: left;
        box-sizing: border-box;
    }
    .info_cxc{
        height: 100px;
        width: 40%;
        background: 0;
        text-align: center;
        padding: 0px;
        box-sizing: border-box;
        float: left;
    }
    .cabecera_ortics h1{
        font-size: 23px;
        background: 0;
        margin: 0;
        font-family: arial;
        font-weight: 100;
        color: black;
    }
    .cabecera_ortics h2{
        font-size: 22px;
        background: 0;
        margin: 0;
        font-family: arial;
        font-weight: 100;
        color: black;
    }
    .cabecera_ortics h3{
        font-size: 18px;
        background: 0;
        margin: 0;
        font-family: arial;
        font-weight: 100;
        color: black;
    }
    .info_cxc h1{
        background: 0;
        padding-top: 18px;
        font-weight: 600;
    }
    .info_ortics h3{
        padding-top: 10px;
        font-size: 15px;
        font-weight: 100;
    }
    .info_ortics h5{
        padding-top: 10px;
        font-size: 12px;
        font-weight: 100;
        font-family: arial;
        color: black;
    }
    #fecha_hoy{
        font-family: arial;
        font-size: 13px;
        float: right;
        width: 100%;
        text-align: right;
        margin: 0;
    }
    .debe_ortics{
        width: 100%;
        text-align: center;
        font-family: arial;
        font-size: 15px;
        
    }
    .debe_ortics h2, .debe_ortics p{
        margin: 0;
        
    }
    #debe h1{
        background: #000;
        color: white;
        width: 25%;
        border-radius: 20px;
        margin-left: 37.5%;
        
    }
    .la_suma_de{
      width: 100%; 
      font-family: arial;
      font-size: 15px;
        text-align: left;
        border-bottom: 2px solid #000;
    }
    .la_suma_de p,.la_suma_de h3{
        margin: 0;
        width: 100%;
        text-align: left;
        font-weight: 100;
    }
    .la_suma_de h3{
        font-size: 22px;
    }
    .datos_cobro{
        width: 100%;
        
    }
    .datos_cobro p{
        width: 100%;
        font-size: 15px;
        margin: 0;
        font-family: arial;
        text-align: left;
    }
    .tab_pro_ortics{
        width: 100%;
        font-family: arial;
        font-size: 15px;
        text-align: center;
        background: 0;
    }
    .tab_pro_ortics table{
        border-collapse: collapse;
        font-family: arial;
        width: 100%;
    }
    .tab_pro_ortics table td{
        padding: 5px;
    }
    
    .tab_pro_ortics .td1,.tab_pro_ortics #th1{
        width: 9%;
        float: left;
        text-align:center;
        margin-left: .5%;
        margin-right: .5%;
        border-bottom: 1px solid #000;
    }
    .tab_pro_ortics .td2,.tab_pro_ortics #th2{
        width: 50%;
        float: left;
        text-align:center;
        margin-left: .5%;
        margin-right: .5%;
        border-bottom: 1px solid #000;
    }
    .tab_pro_ortics .td3,.tab_pro_ortics #th3{
        width: 9%;
        float: left;
        text-align:center;
        margin-left: .5%;
        margin-right: .5%;
        border-bottom: 1px solid #000;
    }
    .tab_pro_ortics .td4,.tab_pro_ortics #th4{
        width: 12%;
        float: left;
        text-align:center;
        margin-left: .5%;
        margin-right: .5%;
        border-bottom: 1px solid #000;
    }
    .tab_pro_ortics .td5,.tab_pro_ortics #th5{
        width: 16%;
        float: left;
        text-align:center;
        margin-left: .5%;
        margin-right: .5%;
        border-bottom: 1px solid #000;
        font-size: 16px;
    }
    .tab_pro_ortics #th1, .tab_pro_ortics #th2, .tab_pro_ortics #th3, .tab_pro_ortics #th4, .tab_pro_ortics #th5{
        font-weight: 600;
        font-size: 18px;
        background: #000;
        color: white;
        border-radius: 10px;
    }
    .periodo{
        font-size: 12px;
    }
    .tab_pro_ortics #tot1{
        width: 80%;
        float: left;
        background: #000;
        color: white;
        font-size: 18px;
        border-radius: 10px;
        margin-top: 10px;
        text-align: center;
        height: 30px;
        margin-right: 2%;
    }
    .tab_pro_ortics #tot2{
        width: 19%;
        float: left;
        background: #000;
        color: white;
        font-size: 18px;
        border-radius: 10px;
        height: 30px;
        text-align: center;
        margin-left: 1%;
    }
    .btn_pago{
        width: 38%;
        font-family: arial;
        text-decoration: underline;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
    }
    .btn_pago a{
        width: 100%;
        height: 80px;
        text-align: center;
        text-decoration: underline;
        color: white;
        font-size: 35px;
        background: #0EB379;
        display: inline-block;
        
    }

    .btn_pago p{
        width: 100%;
        height: 70px;
        text-align: center;
        background: #0EB379;
        text-decoration: underline;
        border-radius: 5px;
        margin:auto;
        display: inline-block;
        padding-top: 10px;
    }
    #vencimiento{
        width: 100%;
        text-align: left;
        margin-top: 20px;
        font-size: 20px;
        
    }
    .firma_ortics{
        width: 100%;
        position: absolute;
        bottom: 5;
        left: 0;
        height: 180px;
        border-top: 2px solid #000;
        background: 0;
        margin-top: 30px;
        padding: 5px;
    }

    .info_cuenta{
        width: 70%;
        float: left;
        background: 0;
        border-right: 1px solid #000;
    }
    .info_cuenta h2{
        font-size: 20px;
        margin: 0;
        font-weight: 100;
    }
    .info_cuenta p{
        font-size: 15px;
        margin: 0;
    }
    .info_firma{
        width: 28%;
        float: left;
        background: 0;
        padding: 5px;
    }
    .info_firma p{
        font-size: 15px;
        margin: 0;
    }
    .info_firma h3{
        font-size: 18px;
        margin: 0;
        font-weight: 100;
    }
    #tabpdf{
        width: 100%;
        text-align: center;
        font-family: Calibri;
        font-size: 14px;
        border-collapse: collapse;
        border: 2px solid black;
        text-align: left;
    }
    #tabpdf .nomcat{
        text-align: justify-all;
    }
    #tabpdf th{
        background: #BCBCBC;
        color: black;
        padding: 5px;
        border: 1px solid black;
    }
    #tabpdf td{
        padding: 3px 5px 3px 5px;
        border: 1px solid black;
        font-size: 12px;
        
    }
    .abono_saldo_cre{
        width: 60%;
        float: left;
        margin-top: 10px;
    }
    .abono_saldo_cre div{
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        border-radius: 5px;
        height: 70px;
    }
    .abono_saldo_cre div p{
        width: 100%;
        font-size: 25px;
        text-align: center;
        height: 30px;
        margin: 0;
    }
    .abono_saldo_cre div h3{
        width: 100%;
        font-size: 20px;
        font-weight: 100;
        height: 40px;
        margin: 0;
    }
    .abono_saldo_cre #abono{
        background: #3099BA;
        color: white;
       
    }
    .abono_saldo_cre #saldo{
        background: #f97423;
        color: white;
        
    }
   #est_pago{
        background: 0;
        color: #419f43;
        width: 39%;
       float: left;
       border-radius: 5px;
       border: 2px solid #419f43;
    }
    #est_pendiente{
        background: 0;
        color: #f03939;
        width: 39%;
        float: left;
        border-radius: 5px;
        border: 2px solid #f03939;
    }
    #est_pago p, #est_pendiente p{
        width: 100%;
        font-size: 25px;
        text-align: center;
        height: 30px;
        margin: 0;
    }
    #est_pago h3, #est_pendiente h3{
        width: 80%;
        font-size: 20px;
        font-weight: 100;
        height: 32px;
        margin: 0;
        background: #f03939;
        color: white;
        margin: auto;
        border-radius: 5px;
        margin-bottom: 5px;
    }
    #est_pago h3{
        width: 80%;
        font-size: 20px;
        font-weight: 100;
        height: 32px;
        margin: 0;
        background: #419f43;
        color: white;
        margin: auto;
        border-radius: 5px;
        margin-bottom: 5px;
    }
    .caja_ticket .mod_ticket .firma_emp{
        width: 100%;
    }
    .caja_ticket .mod_ticket .firma_emp h3{
        margin: 0;
        background: 0;
        font-weight: 600;
        color: black;
        border-top: 1px solid black;
    }
    .caja_ticket .mod_ticket .firma_emp h4{
        height: 50px;
        border-bottom: 1px solid black;
    }
    .caja_ticket .mod_ticket .firma_emp p{
        font-size: 12px;
        text-align: justify;
        border-top: 1px solid black;
        padding: 3px;
        box-sizing: border-box;
    }
    #h1_cab_licencia{
        font-family: "Source Sans 3", sans-serif;
    }
    #h2_cab_licencia{
        font-family: "Source Sans 3", sans-serif;
    }
    .subtit_firma{
        font-family: "Source Sans 3", sans-serif;
        
    }
}