@media screen and (min-width:1024px) and (max-width:4560px) {

    * {
        margin: 0;
        padding: 0;
        font-family: Microsoft JhengHei;
        --pri: #000;
        --rojo: #F45353;
        --amarillo: #E6C445;
        --verde: #009E6A;
        --gris: #3e3e3e;
        --fondo: #fff;
        --dorado: #ffcb06;
        --naranja: #E8864A;
        --azul: #009CC2;
        --negro: #000000;
        background: var(--fondo);
        
    }

    #cargando{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url('../img/img512.png') 50% 50% no-repeat rgba(255,255,255,0);
    background-size: 20%;
    display: none;
    }
    body::-webkit-scrollbar {
        width: 6px;

    }

    body::-webkit-scrollbar-thumb {
        background: var(--verde);
        border-radius: 0px;
    }

    body::-webkit-scrollbar-thumb-thumb:active {
        width: 10px;
    }

    body::-webkit-scrollbar-track {
        background: var(--fondo);
        border-radius: 0px;
    }
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    a,button{
        transition: .2s;
        cursor: pointer;
        border: 0;
        border-radius: 3px;
    }
    a:hover,button:hover{
        transition: .2s;
        transform: scale(.96,.96);
    }

    .login{
       width: 100%;
        text-align: center;
        position: absolute;
        height: 100%;
        width: 100%;
        display: flex;
        align-content: center;
        align-items: center;
        background: var(--negro);
    }
    .login .logologin{
        width: 49%;
        margin-left: 1%;
        background: 0;
        height: 70%;
        display: flex;
        align-content: center;
        align-items: center;
        text-align: center;
        border-right: 1px solid white;
    }
    .login .logologin img{
        background: 0;
        margin: auto;
    }
    .login .logologin img{
        width: 50%;
    }
    .login .cajalogin{
        width: 49%;
        margin-right: 1%;
        background: 0;
        height: 70%;
        display: flex;
        align-content: center;
        align-items: center;
        text-align: center;
        
    }
    .login .cajalogin form{
        background: 0;
    }
    .login .cajalogin #subcajalogin{
        width: 80%;
        text-align: center;
        margin: auto;
        border-radius: 5px;
        box-sizing: border-box;
        padding: 5px;
    }
    .login .cajalogin h1{
        background: 0;
        color: black;
    }
    .login .cajalogin .inputform{
        width: 90%;
        height: 40px;
        border-radius: 3px;
        border: 1px solid silver;
        margin: auto;
        box-sizing: border-box;
        padding: 5px;
        margin-bottom: 10px;
    }
    .login .cajalogin .inputform img{
        height: 100%;
        background: 0;
        width: 15%;
        float: left;
        border-right: 1px solid var(--verde);
    }
    .login .cajalogin .inputform input{
        width: 84%;
        float: left;
        border: 0;
        box-sizing: border-box;
        padding-left: 10px;
        height: 100%;
        font-size: 20px;
    }
    .login .cajalogin button[type="submit"]{
        width: 90%;
        margin: auto;
        height: 40px;
        background: var(--verde);
        color: white;
        font-size: 20px;
        border: 0;
        margin-bottom: 10px;
        border-radius: 3px;
    }
    .login .cajalogin button[type="submit"] img{
        height: 70%;
        background: 0;
        margin-bottom: -5px;
    }
    .login .cajalogin hr{
        width: 90%;
        margin: auto;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .login .cajalogin label{
        display: inline-block;
        width: 90%;
        text-align: left;
        font-size: 18px;
        color: black;
    }
    .cabecera{
        width: 100%;
        height: 50px;
        background: var(--negro);
        z-index: 9;
        position: fixed;
    }
    .cabecera .logo{
        width: 25%;
        float: left;
        text-align: center;
        height: 100%;
        background: 0;
        background: var(--negro);
        box-sizing: border-box;
        padding: 3px;
    }
    .cabecera .logo img{
        background: 0;
        width: auto;
        height: 100%;
    }
    .cabecera .btnvermenucel{
        display: none;
    }
    .cabecera .botones_pos #cerrcajamenucel, .cabecera .botones_contable #cerrcajamenucel{
        display: none;
    }
    .cabecera .botones_pos{
        width: 48%;
        float: left;
        height: auto;
        background: var(--negro);
        box-sizing: border-box;
        position: absolute;
        top: 50px;
        padding: 5px;
        box-sizing: border-box;
        overflow: hidden;
        margin-left: 1%;
        border-radius: 0px 0px 5px 5px;
    }
    .cabecera .botones_pos button{
        width: 100%;
        height: 40px;
        border: 0;
        background: red;
        font-size: 20px;
        border-radius: 3px;
        float: left;
        text-align: center;
        box-sizing: border-box;
        padding: 5px;
        color: white;
        margin-top: 10px;
        text-align: left;
        padding-left: 10px;
    }
    .cabecera .botones_pos #btnmenuvender{
        background: var(--verde)
    }
    .cabecera .botones_pos #btnmenucuadre{
        background: var(--naranja)
    }
    .cabecera .botones_pos #btnmenuprod{
        background: var(--azul)
    }
    .cabecera .botones_pos #btnmenubalan{
        background: var(--amarillo)
    }
    .cabecera .botones_pos #btnmenunom{
        background: var(--naranja);
    }
    .cabecera .botones_pos button img{
        height: 100%;
        background: 0;
        float: right;
        margin-right: 10px;
    }
    .cabecera .infousu{
        width: 25%;
        float: left;
        background: var(--negro);
        box-sizing: border-box;
        padding: 3px;
        border-radius: 5px;
    }
    .cabecera .infousu p{
        font-size: 10px;
        text-align: right;
        color: white;
        background: 0;
        margin-bottom: 2px;
    }
    .cabecera .infousu #salir{
        height: 25px;
        background: 0;
        border: 0;
        background: var(--rojo);
        border-radius: 3px;box-sizing: border-box;
        padding: 3px;
        width: 90%;
        color: white;
    }
    .cabecera .infousu #salir img{
        height: 80%;
        background: 0;
        margin-bottom: -3px;
        margin-left: 20px;
    }
    .mod_venta{
       width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 1;
    }
    .mod_venta .espacio_modventa{
        height: 50px;
        background: 0;
    }
    
    .mod_venta h1{
        text-align: center;
        width: 100%;
        box-sizing: border-box;
    }
    .mod_venta .ventanas_venta{
        width: 100%;
        height: 30px;
        overflow: hidden
    }
    
    .mod_venta .ventanas_venta  .btnverventanas{
        width: auto;
        height: 100%;
        text-align: center;
        font-size: 15px;
        margin-left: .5%;
        float: left;
        border: 0;
        background: 0;
        color: black;
        border-radius: 5px;
        box-sizing: border-box;
        padding: 5px;
        border: 2px solid black;
        
        
    }
    .mod_venta .ventanas_venta  .btnverventanas:hover{
        transform: scale(1,1);
    }
    .mod_venta .ventanas_venta  .btnagrventanas{
        width: auto;
        height: 100%;
        border: 0;
        background: var(--amarillo);
        border-radius: 5px 5px 0px 0px;
        box-sizing: border-box;
        padding: 3px;
        float: left;
        margin-left: 5px;
    }
    .mod_venta .ventanas_venta  .btnagrventanas img{
        height: 100%;
        background: 0;
        
    }
    .mod_venta .ventanas_venta  .btneliventanas{
        width: auto;
        height: 100%;
        border: 0;
        background: 0;
        border-radius: 0px 5px 0px 0px;
        box-sizing: border-box;
        padding: 3px;
        float: left;
        border-right: 2px solid black;
        border-top: 2px solid black;
        
    }
    .mod_venta .ventanas_venta  .btneliventanas img{
        height: 100%;
        background: 0;
        
    }
    .mod_venta .ventanas_venta .caja_venta{
        width: 99.5%;
        float: left;
        text-align: center;
        border-top: 2px solid black;
        margin-left: .10%;
        background: 0;
        position: absolute;
        top: 120px;
        padding: 5px;
        box-sizing: border-box;
        height: auto;
    }
    .mod_venta .ventanas_venta .caja_venta h3{
        background: 0;
        color: black;
    }
    .mod_venta .ventanas_venta .caja_agrprod{
        width: 70%;
        float: left;
        height: 120px;
        overflow: hidden;
    }    
    .mod_venta .ventanas_venta .inputformprod{
         width: 14%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
    .mod_venta .ventanas_venta .btnformprod{
         width: 14%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
    
    .mod_venta .ventanas_venta .inputformprod input{
        height: 35px;
        border: 1px solid silver;
        border-radius: 3px;
        width: 100%;
        text-align: center;
        padding: 3px;
        box-sizing: border-box;
        font-size: 15px;
    }
    
    .mod_venta .ventanas_venta .inputformprod label, .mod_venta .ventanas_venta .codformprod label, .mod_venta .ventanas_venta .btnformprod label{
        text-align: center;
        display: inline-block;
        width: 100%;
        font-weight: 600;
        margin-bottom: 2px;
        font-size: 1.2vw;
    }
    .mod_venta .ventanas_venta .caja_agrprod button[type="submit"]{
        width: 100%;
        float: left;
        height: 35px;
        background: var(--verde);
        box-sizing: border-box;
        padding: 3px;
        border: 0;
        border-radius: 3px;
    }
    .mod_venta .ventanas_venta .caja_agrprod button[type="submit"] img{
        height: 100%;
        background: 0;
    }
    .mod_venta .ventanas_venta .caja_prodagr{
        width: 70%;
        text-align: center;
        float: left;
        overflow: auto;
        border: 2px dashed silver;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        background: 0;
        height: 65vh;
    }
    
    .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped{
        width: 100%;
        text-align: left;
        border-collapse: collapse;
        border: 1px solid grey;
    }
    .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped th{
        background: var(--gris);
        color: white;
        padding: 3px;
    }
    .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped td{
        border-bottom: 1px solid var(--gris);
        padding: 3px;
        background: 0;
    }
    .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped tr{
        background: 0;
    }
    .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped tr:hover{
        background: silver;
    }
    .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped .tdprod{
        width: 40%;
    }
    .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped .tdprod .imp_bolsa{
        width: 20px;
        height: 20px;
        margin-left: 10px;
        margin-bottom: 0px;
        margin-bottom: -2px;
        background: 0;
    }
    .mod_venta .ventanas_venta .caja_pago{
        width: 29.5%;
        float: left;
        position: absolute;
        right: .5%;
        padding: 5px;
        box-sizing: border-box;
        height: 75vh;
        top: 0;
    }
    .mod_venta .ventanas_venta .caja_pago h2{
        background: 0;
        font-size: 2.2vw;
        background: black;
        color: white;
        border-radius: 5px;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago{
        width: 100%;
        border-top: 1px solid silver;
        overflow: auto;
        height: 100%;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .btn_fp{
        width: 100%;
        border: 0;
        height: 30px;
        background: silver;
        margin-bottom: 5px;
        font-size: 15px;
        color: white;
        border-radius: 3px;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .btn_fp img{
        height: 70%;
        background: 0;
        float: left;
        margin-left: 20px;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajapaga .inputpaga, .mod_venta .ventanas_venta .caja_pago .fp_pago .cajavueltas .inputvueltas{
        width: 100%;
        border: 1px solid silver;
        text-align: center;
        height: 30px;
        border-radius: 3px;
        margin-bottom: 5px;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajapaga, .mod_venta .ventanas_venta .caja_pago .fp_pago .cajavueltas{
        width: 49%;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajabtnpago{
        width: 100%;
        float: left;
        margin-top: 5px;
        float: left;
        height: auto;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajabtnpago button{
        height: 60px;
        background: var(--verde);
        border: 0;
        color: white;
        width: 100%;
        border-radius: 3px;
        font-size: 30px;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajabtnpago button img{
        height: 70%;
        background: 0;
        margin-left: 20px;
        margin-bottom: -5px;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajabtnpagodespues{
        width: 100%;
        float: left;
        margin-top: 5px;
        float: left;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajabtnpagodespues button{
        height: 40px;
        background: var(--naranja);
        border: 0;
        color: white;
        width: 100%;
        border-radius: 3px;
        font-size: 20px;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajabtnpagodespues button img{
        height: 70%;
        background: 0;
        margin-left: 20px;
        margin-bottom: -5px;
    }
    #btn_cancelar{
        position: fixed;
        bottom: 100px;
        z-index: 999999;
        width: 40%;
        background: var(--rojo);
        margin-left: 0;
        left: 30%;
        height: 60px;
        display: none;
        color: white;
        font-size: 1.2vw;
        -webkit-box-shadow: 0px 0px 23px -8px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 23px -8px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 23px -8px rgba(0,0,0,0.75);
        
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajapaga1{
        width: 100%;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajapaga1 .inputnroaprob{
        width: 100%;
        text-align: center;
        height: 30px;
        border: 1px solid silver;
        border-radius: 3px;
        margin-bottom: 5px;
    }
    .caja_ticket{
        width: 100%;
        background: var(--negro);
        position: absolute;
        height: 100%;
    }
    .caja_ticket .mod_ticket{
        width: 25%;
        margin: auto;
        border: 1px solid black;
        box-sizing: border-box;
        padding: 15px;
        border-radius: 0px;
        max-width: 350px;
        margin-top: 50px;
    }
    .caja_ticket .mod_ticket .logo_ticket{
        text-align: center;
        margin-bottom: 5px;
    }
    .caja_ticket .mod_ticket .logo_ticket h2{
        font-size: 16px;
        font-weight: 800;
    }
    .caja_ticket .mod_ticket .logo_ticket h3{
        font-size: 11px;
    }
    .caja_ticket .mod_ticket .logo_ticket p{
        font-size: 11px;
        font-weight: 600;
    }
    .caja_ticket .mod_ticket .logo_ticket img{
        width: 40%;
    }
    .caja_ticket .mod_ticket .info_sucursal{
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
    }
    .caja_ticket .mod_ticket .info-pedido{
        width: 100%;
        text-align: center;
    }
    .caja_ticket .mod_ticket .info-pedido table{
        width: 100%;
        border-collapse: collapse;
        font-size: 12px;
        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;
    }
    .caja_ticket .mod_ticket .info-pedido table #cen{
        text-align: center;
    }
    .caja_ticket .mod_ticket .info-pedido table #der{
        text-align: right;
    }
    .caja_ticket .mod_ticket .info-pedido table .totp{
        font-size: 18px;
        border-top: 1px solid black;
    }
    .caja_ticket .mod_ticket .info-adicional{
        width: 100%;
        text-align: center;
        font-size: 20px;
        margin-bottom: 5px;
    }
    .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;
    }
    .modcuadre{
        width: 100%;
        text-align: center;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
    }
    .modcuadre .espacio_modcuadre{
        height: 50px;
    }
    .modcuadre .ing_base{
        width: 50%;
        position: absolute;
        left: 25%;
        border: 2px solid var(--verde);
        border-radius: 5px;
        height: auto;
        top: 150px;
        padding: 5px;
        box-sizing: border-box;
    }
    .modcuadre .ing_base form input{
       width: 100%;
        height: 40px;
        border-radius: 3px;
        border: 1px solid silver;
        margin-top: 10px;
        padding: 3px;
        font-size: 20px;
        text-align: center;
    }
    .modcuadre .ing_base form button{
       width: 100%;
        height: 40px;
        border-radius: 3px;
        border: 1px solid silver;
        margin-top: 10px;
        background: var(--verde);
        color: white;
        font-size: 20px;
        border: 0;
    }
    .modcuadre .ing_base form button img{
        background: 0;
        height: 70%;
        margin-bottom: -7px;
        margin-left: 20px;
    }
    .modcuadre .contador_bill{
        width: 50%;
        float: left;
        border-right: 1px solid silver;
        box-sizing: border-box;
        padding: 5px;
    }
    .modcuadre .contador_bill table{
        width: 100%;
        border-collapse: collapse;
        text-align: center;
    }
    .modcuadre .contador_bill table #td1{
        width: 40%;
        font-size: 20px;
    }
    .modcuadre .contador_bill table #td1 input{
        border: 0;
        font-size: 20px;
        text-align: center;
        width: 90%;
        float: right;
    }
    .modcuadre .contador_bill table #td2{
        width: 20%;
        font-size: 20px;
    }
    .modcuadre .contador_bill table #td2 input{
        border: 1px solid silver;
        font-size: 15px;
        text-align: center;
        border-radius: 3px;
        height: 30px;
        width: 100%;
    }
    .modcuadre .contador_bill table #td3{
        width: 40%;
        font-size: 22px;
        color: var(--verde);
    }
    .modcuadre .contador_bill table #td3 input{
        border: 0;
        font-size: 20px;
        text-align: center;
        color: var(--verde);
        width: 90%;
        float: right;
    }
    .modcuadre .contador_bill table td{
        border-bottom: 1px solid black;
        padding: 3px;
    }
    .modcuadre .fecha_cuadre{
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .modcuadre .calculos_cuadre{
        width: 49%;
        float: left;
        text-align: center;
        padding: 0px;
        box-sizing: border-box;
    }
    .modcuadre .calculos_cuadre table{
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        margin-bottom: 10px;
    }
    .modcuadre .calculos_cuadre table #td1{
        width: 50%;
        font-size: 12px;
    }
    .modcuadre .calculos_cuadre table #td2{
        font-size: 15px;
    }
    .modcuadre .calculos_cuadre table #td2 input{
        width: 90%;
        float: right;
        text-align: center;
        font-size: 18px;
        border: 0;
        height: 25px;
    }
    .modcuadre .calculos_cuadre table th{
        border-bottom: 1px solid black;
        padding: 2px;
    }
    .modcuadre .calculos_cuadre table a{
        text-decoration: none;
        color: black;
    }
    .modcuadre .calculos_cuadre table #titulo{
        font-size: 20px;
        color: var(--verde);
    }
    .modcuadre .calculos_cuadre h2{
        color: var(--verde);
        margin-bottom: 5px;
        font-size: 20px;
    }
    .modcuadre .calculos_cuadre label{
        width: 49%;
        display: inline-block;
        font-size: 18px;
        background: silver;
        color: white;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 3px;
        cursor: pointer;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        margin-bottom: 5px;
    }
    .modcuadre .calculos_cuadre input[type="radio"]:checked + label{
        background: var(--naranja);
    }
    .modcuadre .calculos_cuadre textarea{
        width: 99%;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 3px;
        font-size: 15px;
        height: 30px;
        overflow: hidden;
        resize: none;
        border: 1px solid silver;
        margin-bottom: 10px;
    }
    .modcuadre .calculos_cuadre #btncuadre{
        width: 99%;
        background: var(--verde);
        color: white;
        height: 40px;
        font-size: 25px;
        margin-left: .5%;
    }
    .modcuadre .calculos_cuadre #btncuadre img{
        background: 0;
        height: 70%;
        margin-bottom: -6px;
        margin-left: 20px;
    }
    .modcuadre .calculos_cuadre p{
        color: var(--rojo);
        font-size: 20px;
    }
    .caja_ticket .mod_ticket .info-cierre{
        width: 100%;
        text-align: center;
    }
    .caja_ticket .mod_ticket .info-cierre h2{
        font-size: 20px;
    }
    .caja_ticket .mod_ticket .info-cierre table{
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 10px;
    }
    .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: 20px;
        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: 14px;
        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{
        width: 100%;
        height: 45px;
        background: 0;
        margin-bottom: 5px;
    }
    .caja_ticket .btn_ticket .btns_ticket{
        height: 40px;
        margin-top: 2.5px;
        font-size: 15px;
        width: 19%;
        margin-left: .5%;
        margin-right: .5%;
        color: white;
    }
    .caja_ticket .btn_ticket .btns_ticket img{
        background: 0;
        height: 70%;
        margin-bottom: -5px;
        margin-right: 20px;
    }
    .caja_ticket .btn_ticket #btn1{
        background: var(--verde);
    }
    .caja_ticket .btn_ticket #btn2{
        background: var(--naranja);
    }
    .caja_ticket .btn_ticket #btn3{
        background: var(--rojo);
    }
    .caja_ticket .btn_ticket #btn4{
        background: var(--amarillo);
    }
    .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;
    }
    .mod_productos{
       width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 1;
        overflow: auto;
    }
    .mod_productos .espacio_modprod{
        height: 50px;
        background: 0;
    }
    .mod_productos h1{
        text-align: center;
        margin: 0;
    }
    .mod_productos .sub_btn{
        width: 100%;
        background: 0;
        height: auto;
        overflow: hidden;
        margin-top: 5px;
    }
    .mod_productos .sub_btn .btn_pri{
        background: var(--amarillo);
        color: white;
        padding: 5px;
        font-size: 15px;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
    }
    .mod_productos .sub_btn .btn_sub{
        background: var(--azul);
        color: white;
        padding: 5px;
        font-size: 15px;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
        margin-bottom: 5px;
    }
    .mod_productos .sub_btn h2{
        width: 94%;
        float: left;
        margin-bottom: 5px;
        height: 30px;
    }
    .mod_productos .sub_btn .btn_cerr_crear{
        width: 5%;
        background: var(--rojo);
        color: white;
        font-size: 15px;
        height: 30px;
        margin-bottom: 5px;
        float: left;
    }
    .mod_productos .caja_crear{
        width: 90%;
        height: auto;
        overflow: hidden;
        position: absolute;
        top: 130px;
        background: white;
        margin-left: .25%;
        border-radius: 5px;
        border: 2px solid var(--verde);
        padding: 5px;
        box-sizing: border-box;
        
    }
    .mod_productos .caja_crear h2{
        font-size: 18px;
        text-align: left;
    }
    .mod_productos .subcaja_pro, .mod_productos .subcaja_cat, .mod_productos .subcaja_tp{
        width: 100%;
        height: auto;
        position: relative;
        background: 0;
        top: 0px;
        float: left;
    }
    .mod_productos .subcaja_pro h3{
        text-align: left;
    }
    .mod_productos .subcaja_pro form input, .mod_productos .subcaja_pro form select{
        width: 100%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: 35px;
        border-radius: 3px;
        border: 1px solid grey;
        padding: 3px;
        box-sizing: border-box;
        font-size: 15px;
        margin-bottom: 3px;
        padding-left: 5px;
    }
    .mod_productos .subcaja_pro #crear_pro label{
        width: 48%;
        display: inline-block;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
    }
    .mod_productos .subcaja_pro #crear_pro #descrip{
        width: 98%;
    }
    .mod_productos .subcaja_pro form #btningpro{
        width: 99%;
        height: 40px;
        background: var(--verde);
        color: white;
        font-size: 20px;
        margin-left: .5%;
    }
    .mod_productos .subcaja_pro form #btningpro img{
        height: 70%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 20px;
    }
    .mod_productos .subcaja_cat form input, .mod_productos .subcaja_tp form input{
        width: 99%;
        float: left;
        margin-left: .5%;
        height: 35px;
        border-radius: 3px;
        border: 1px solid grey;
        padding: 3px;
        box-sizing: border-box;
        font-size: 15px;
        margin-bottom: 3px;
        padding-left: 5px;
    }
    .mod_productos .subcaja_cat form #btningcat, .mod_productos .subcaja_tp form #btningtp{
        width: 99%;
        height: 40px;
        background: var(--verde);
        color: white;
        font-size: 20px;
        margin-left: .5%;
    }
    .mod_productos .subcaja_cat form #btningcat img, .mod_productos .subcaja_tp form #btningtp img{
        height: 70%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 20px;
    }
    .mod_productos .subcaja_pro form .caja_invsi{
        width: 100%;
        float: left;
        border-top: 1px solid silver;
        padding-top: 3px;
    }
    .mod_productos .caja_rep{
       width: 50%;
        height: auto;
        overflow: hidden;
        position: absolute;
        top: 130px;
        background: white;
        margin-left: .25%;
        border-radius: 5px;
        border: 2px solid var(--verde);
        padding: 5px;
        box-sizing: border-box;
        
    }
    .mod_productos .caja_rep button{
        font-size: 15px;
        background: var(--azul);
        color: white;
        padding: 4px;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
    }
    .mod_productos .caja_inginv{
       width: 50%;
        height: auto;
        overflow: hidden;
        position: absolute;
        top: 130px;
        background: white;
        margin-left: .25%;
        border-radius: 5px;
        border: 2px solid var(--verde);
        padding: 5px;
        box-sizing: border-box;
        
    }
    .mod_productos .caja_inginv button{
        font-size: 15px;
        background: var(--azul);
        color: white;
        padding: 4px;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
    }
    .mod_productos .caja_rep h2, .mod_productos .caja_inginv h2{
        font-size: 18px;
        text-align: left;
    }
    .caja_prodagr .btneliped{
        background: var(--rojo);
        color: white;
        width: 40px;
        height: 25px;
    }
    .caja_prod .tabla_prod{
        width: 100%;
        
    }
    .caja_prod .tabla_prod table{
        width: 100%;
        text-align: center;
        border-collapse: collapse;
    }
    .caja_prod .tabla_prod table td{
        padding: 2px;
        box-sizing: border-box;
        background: 0;
    }
    .caja_prod .tabla_prod table td input, .caja_prod .tabla_prod table td select{
        width: 98%;
        border: 1px solid silver;
        border-radius: 3px;
        height: 35px;
        padding: 2px;
        box-sizing: border-box;
    }
    .caja_prod .tabla_prod table td .btnmodpro, .caja_prod .tabla_prod table td .btnmodinv{
        width: 50px;
        height: 35px;
        background: var(--verde);
        text-align: center;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 5px;
    }
    .caja_prod .tabla_prod table td .btnmodpro img, .caja_prod .tabla_prod table td .btnmodinv img{
        height: 100%;
        background: 0;
    }
    .caja_prod .tabla_prod table #t1{
        width: 30%;
    }
    .caja_prod .tabla_prod .nomcat{
        background: var(--gris);
        color: white;
        height: 30px;
    }
    .caja_prod .tabla_prod tr{
        background: 0;
    }
    .caja_prod .tabla_prod tr:hover{
        background: silver;
    }
    .ajustesnomusu{
        width: 100%;
        text-align: center;
        background: var(--negro);
        height: auto;
        overflow: hidden;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
    }
    .ajustesnomusu div, .ajustesnomusu h2, .ajustesnomusu form{
        background: 0;
        color: white;
        margin-bottom: 5px;
        height: auto;
        overflow: hidden;
    }
    .ajustesnomusu form input{
        width: 90%;
        padding: 3px;
        box-sizing: border-box;
        border-radius: 3px;
        margin-bottom: 3px;
        border: 1px solid silver;
        padding-left: 8px;
    }
    .ajustesnomusu .btn-infousu{
        width: 90%;
        background: var(--amarillo);
        color: white;
        margin: auto;
        font-size: 15px;
        margin-bottom: 5px;
        height: 30px;
    }
    .ajustesnomusu form .btnactdatosusu, .ajustesnomusu form #btncambiarcaja{
        width: 90%;
        height: 30px;
        font-size: 15px;
        background: var(--azul);
        color: white;
        border: 1px solid silver;
    }
    .ajustesnomusu form .btnactdatosusu img, .ajustesnomusu form #btncambiarcaja img{
        height: 70%;
        background: 0;
        margin-left: 20px;
        margin-bottom: -5px;
    }
    .cabecera .infousu #abrircajainfousu{
        display: inline-block;
        text-align: center;
        background: 0;
        color: white;
        height: 40px;
        box-sizing: border-box;
        padding-top: 10px;
        text-decoration: underline;
        cursor: pointer;
        width: 50%;
        float: left;
        font-size: .8vw;
    }
    .subcaja-infousu #selcambiarcaja{
        width: 90%;
        height: 30px;
        border-radius: 3px;
        border: 1px solid silver;
        margin-bottom: 3px;
    }
    .aviso_sincaja{
        color: var(--rojo);
        font-size: 20px;
        background: 0;
        
    }
    .caja_inginv #btning_inv{
        width: 100%;
        height: 40px;
        font-size: 20px;
        background: var(--verde);
        margin: 0;
    }
    .caja_inginv #btning_inv img{
        height: 70%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 20px;
    }
    .caja_inginv #can_inv{
        width: 48%;
        float: left;
        margin-left: 0%;
        height: 35px;
        border: 1px solid silver;
        border-radius: 3px;
        margin-bottom: 5px;
        text-align: center;
        font-size: 17px;
    }
    .caja_inginv .tipo_peso{
        width: 50%;
        height: 35px;
        background: var(--rojo);
        float: left;
        margin-left: 2%;
        border-radius: 3px;
    }
    .mod_productos .caja_prod .filtro_prod{
        width: 100%;
        overflow: hidden;
        margin-bottom: 5px;
        height: auto;
        padding: 5px;
        box-sizing: border-box;
        border-bottom: 1px solid grey;
    }
    .mod_productos .caja_prod .filtro_prod form label{
        float: left;
        text-align: center;
        margin-left: .25%;
        margin-right: .25%;
        width: 12%;
        height: 52px;
        margin-bottom: 0px;
        background: 0;
    }
    .mod_productos .caja_prod .filtro_prod form label p{
        background: 0;
        height: 20px;
        text-align: left;
        font-weight: 600;
        font-size: .9vw;
        margin-bottom: 2px;
    }
    .mod_productos .caja_prod .filtro_prod form label input, .mod_productos .caja_prod .filtro_prod form label select{
        padding: 3px;
        font-size: 15px;
        border-radius: 3px;
        border: 1px solid silver;
        height: 30px;
        width: 100%;
    }
    .mod_productos .caja_prod .filtro_prod form label button{
        background: var(--azul);
        height: 30px;
        padding: 4px;
        width: 100%;
    }
    .mod_productos .caja_prod .filtro_prod form label button img{
        height: 100%;
        background: 0;
    }
    .despedida{
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: var(--negro);
        height: 100%;
        display: flex;
        align-content: center;
        align-items: center;
    }
    .despedida .info-cliente{
        background: 0;
        width: 50%;
        float: left;
        height: auto;
        text-align: center;
        height: 50%;
        display: flex;
        align-content: center;
        align-items: center;
    }
    .despedida .info-cliente img{
        background: 0;
        margin: auto;
        width: 50%;
    }
    .despedida .info-ortics{
        background: 0;
        width: 50%;
        float: left;
        height: auto;
        text-align: center;
        height: 50%;
        padding: 20px;
        box-sizing: border-box;
    }
    .despedida .info-ortics h2{
        background: 0;
        color: var(--amarillo);
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }
    .despedida .info-ortics img{
        background: 0;
        width: 70%;
        margin: auto;
        margin-bottom: 10px;
    }
    .despedida .info-ortics p{
        background: 0;
        font-size: 30px;
        color: var(--amarillo);
        font-weight: 600;
    }
    .caja_prod{
        padding: 5px;
        box-sizing: border-box;
    }
    .caja_prod .tabla_prod .td_inginv{
        border-left: 1px solid var(--gris);
    }
    .caja_prod .tabla_prod .td_inginv input{
        width: 60%;
        float: left;
        
    }
    .caja_prod .tabla_prod .td_inginv button{
        width: 39%;
        float: left;
        height: 35px;
        background: var(--azul);
        padding: 3px;
        box-sizing: border-box;
        margin-left: 1%;
    }
    .caja_prod .tabla_prod .td_inginv button img{
        height: 100%;
        background: 0;
    }
    .caja_prod .tabla_prod .btns_expor{
        width: 99%;
        margin: auto;
        height: 40px;
        margin-bottom: 2px;
    }
    .caja_prod .tabla_prod .btns_expor a{
        display: inline-block;
        border-radius: 5px;
        padding: 3px;
        height: 30px;
        width: 30px;
        background: grey;
    }
    .caja_prod .tabla_prod .btns_expor a img{
        height: 100%;
        background: 0;
    }
    .caja_ticket .mod_ticket .info-cierre .tab_exinv{
        width: 100%;
        font-size: 12px;
        text-align: left;
    }
    .caja_ticket .mod_ticket .info-cierre .tab_exinv td{
        text-align: left;
    }
    .caja_prod .tabla_prod table th{
        background: var(--gris);
        color: white;
        padding: 2px;
    }
    .caja_prod .tabla_prod table td{
        border: 1px solid grey;
    }
    .mod_balance{
       width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 1;
    }
    .mod_balance .espacio_modventa{
        height: 50px;
        background: 0;
    }
    
    .mod_balance h1{
        text-align: center;
        width: 100%;
    }
    .mod_balance .cajas_balances{
        width: 98%;
        text-align: center;
        margin: auto;
        overflow: hidden;
        height: auto;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_balance .cajas_balances .cajas_bal{
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        border-radius: 5px;
       border: 2px solid var(--negro);
        height: 100px;
        padding: 5px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }
    .mod_balance .cajas_balances .cajas_bal .titulo{
        width: 69%;
        text-align: center;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
    .mod_balance .cajas_balances .cajas_bal .titulo h2{
        
        width: 100%;
        text-align: center;
        float: left;
        height: 50px;
        font-size: 2.1vw;
    }
    .mod_balance .cajas_balances .cajas_bal .titulo h2 img{
        height: 100%;
        text-align: left;
        margin-left: 30px;
        float: left;
    }
    .mod_balance .cajas_balances .cajas_bal .dato{
        width: 39%;
        text-align: center;
        display: flex;
        height: 50%;
        align-content: center;
        align-items: center;
        text-align: center;
    }
    .mod_balance .cajas_balances .cajas_bal .dato h3{
        width: 100%;
        font-size: 30px;
    }
    .mod_balance .cajas_balances .cajas_bal .dato h3 b{
        font-size: 20px;
        color: grey;
        font-style: italic;
    }
    .mod_balance .cajas_balances #utilidad_bal{
        background: var(--negro);
    }
    .mod_balance .cajas_balances #utilidad_bal div{
        background: 0;
    }
    .mod_balance .cajas_balances #utilidad_bal img{
        background: 0;
    }
    .mod_balance .cajas_balances #utilidad_bal h2, .mod_balance .cajas_balances #utilidad_bal h3{
        background: 0;
        color: white;
    }
    .mod_balance .sub_btn{
        width: 100%;
        margin-bottom: 10px;
        height: auto;
        overflow: hidden;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_balance .sub_btn button{
        background: var(--amarillo);
        color: white;
        padding: 5px;
        font-size: 15px;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
    }
    
     .mod_balance  .filtro_bal{
        width: 100%;
        overflow: hidden;
        margin-bottom: 5px;
        height: auto;
        padding: 3px;
        box-sizing: border-box;
    }
    .mod_balance  .filtro_bal form label{
        float: left;
        text-align: center;
        margin-left: .5%;
        margin-right: .5%;
    }
    .mod_balance  .filtro_bal form label input, .mod_balance  .filtro_bal form label select{
        padding: 3px;
        font-size: 20px;
        border-radius: 3px;
        border: 1px solid silver;
        height: 35px;
    }
    .mod_balance  .filtro_bal form label button{
        background: var(--azul);
        height: 35px;
        padding: 4px;
        min-width: 50px;
    }
    .mod_balance  .filtro_bal form label button img{
        height: 100%;
        background: 0;
    }
    .mod_balance h2{
        text-align: center;
    }
    .mod_balance .cajas_bal button{
        width: 100%;
    }
    .mod_cuadrebal{
       width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 1;
    }
    .mod_cuadrebal .espacio_modventa{
        height: 50px;
        background: 0;
    }
    .mod_cuadrebal h1{
        text-align: center;
        width: 100%;
    }
    .mod_cuadrebal .caja_cuadre{
        width: 100%;
        margin: auto;
        height: auto;
    }
    .mod_cuadrebal .caja_cuadre table{
        width: 100%;
        border-collapse: collapse;
    }
    .mod_cuadrebal .caja_cuadre table td, .mod_cuadrebal .caja_cuadre table th{
        padding: 3px;
        border-bottom: 1px solid silver;
    }
    .mod_cuadrebal .caja_cuadre table th{
        background: var(--verde);
        color: white;
        text-align: center;
    }
    .mod_cuadrebal .caja_cuadre table td{
        background: 0;
        text-align: center;
    }
    .mod_cuadrebal .caja_cuadre table tr:hover{
        background: silver;
    }
    .mod_cuadrebal .caja_cuadre table td p{
        background: 0;
        font-size: 12px;
    }
    .mod_cuadrebal .caja_cuadre table td textarea{
        font-size: 12px;
        border: 0;
        resize: none;
        overflow: hidden;
        background: 0;
    }
    .mod_cuadrebal .caja_cuadre table td button{
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        height: 30px;
        background: var(--amarillo);
        padding: 3px;
        box-sizing: border-box;
    }
    .mod_cuadrebal .caja_cuadre table td button img{
        height: 80%;
        background: 0;
    }
    .mod_cuadrebal .caja_cuadre .filtro_cuadre{
        width: 100%;
        overflow: hidden;
        margin-bottom: 5px;
        height: auto;
        padding: 3px;
        box-sizing: border-box;
    }
    .mod_cuadrebal .caja_cuadre .filtro_cuadre form label{
        float: left;
        text-align: center;
        margin-left: .5%;
        margin-right: .5%;
    }
    .mod_cuadrebal .caja_cuadre .filtro_cuadre form label input, .mod_cuadrebal .caja_cuadre .filtro_cuadre form label select{
        padding: 3px;
        font-size: 15px;
        border-radius: 3px;
        border: 1px solid silver;
        height: 30px;
    }
    .mod_cuadrebal .caja_cuadre .filtro_cuadre form label button{
        background: var(--azul);
        height: 30px;
        padding: 4px;
        min-width: 50px;
    }
    .mod_cuadrebal .caja_cuadre .filtro_cuadre form label button img{
        height: 100%;
        background: 0;
    }
    .mod_parametros{
       width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 1;
    }
    .mod_parametros .espacio_modventa{
        height: 50px;
        background: 0;
    }
    .mod_parametros h1{
        text-align: center;
        width: 100%;
    }
    .mod_parametros .caja_parametros{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_parametros .caja_parametros .btn_parametros{
        background: var(--amarillo);
        color: white;
        padding: 5px;
        box-sizing: border-box;
        height: 30px;
        font-size: 15px;
    }
    .mod_parametros .caja_parametros .cajas_parametros .tabla_parametros{
        width: 100%;
        text-align: center;
    }
    .mod_parametros .caja_parametros .cajas_parametros .tabla_parametros table{
        width: 100%;
        border-collapse: collapse;
        text-align: center;
    }
    .mod_parametros .caja_parametros .cajas_parametros .tabla_parametros table th{
        background: var(--verde);
        color: white;
        padding: 3px;
        font-size: 12px;
        
    }
    .mod_parametros .caja_parametros .cajas_parametros .tabla_parametros table td{
        padding: 2px;
        background: 0;
        border-bottom: 1px solid silver;
    }
    .mod_parametros .caja_parametros .cajas_parametros .tabla_parametros table tr:hover{
        background: silver;
    }
    .mod_parametros .caja_parametros .cajas_parametros .tabla_parametros table td button{
        width: 40px;
        height: 30px;
        padding: 3px;
        box-sizing: border-box;
        background: var(--verde);
        
    }
    .mod_parametros .caja_parametros .cajas_parametros .tabla_parametros table td button img{
        background: 0;
        height: 100%;
    }
    .mod_parametros .caja_parametros .cajas_parametros .tabla_parametros table td input, .mod_parametros .caja_parametros .cajas_parametros .tabla_parametros table td select{
        width: 100%;
        border: 1px solid silver;
        padding: 3px;
        border-radius: 3px;
        height: 30px;
    }
    .alert_pago{
        position: fixed;
        width: 20%;
        left: 0;
        top: 0;
        background: var(--amarillo);
        z-index: 9999;
        height: 50px;
        display: flex;
        align-content: center;
        align-items: center;
    }
    .alert_pago h1{
        background: 0;
        color: white;
        font-size: 15px;
        text-align: center;
        width: 100%;
    }
    .suspension_pago{
       width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        background: var(--rojo);
        z-index: 99;
        display: flex;
        align-content: center;
        align-items: center;
    }
    .suspension_pago h1{
        width: 100%;
        text-align: center;
        background: 0;
        font-size: 40px;
        color: white;
    }
    .mod_productos .activo_inv{
        width: 30%;
        position: absolute;
        right: 5;
        top: 50px;
        height: 40px;
        background: 0;
        text-align: right;
        font-size: 18px;
    }
    .tabla_prod .activocat{
        background: 0;
        text-align: right;
        display: inline-block;
        float: right;
    }
    .mod_productos::-webkit-scrollbar {
        width: 6px;

    }
    .mod_productos::-webkit-scrollbar-thumb {
        background: var(--negro);
        border-radius: 0px;
    }

    .mod_productos::-webkit-scrollbar-thumb-thumb:active {
        width: 10px;
    }
    .mod_productos::-webkit-scrollbar-track {
        background: var(--fondo);
        border-radius: 0px;
    }
    .btnverinputpro{
        width: 35px;
        height: 35px;
        padding: 5px;
        background: var(--azul);
        float: left;
        position: absolute;
        left: 5px;
        top:5px;
        box-sizing: border-box;
    }
    .btnverinputser{
        width: 35px;
        height: 35px;
        padding: 5px;
        background: var(--amarillo);
        float: left;
        position: absolute;
        left: 45px;
        top:5px;
        box-sizing: border-box;
    }
    .btnverinputpro img,.btnverinputser img{
        background: 0;
        float: left;
        width: 100%;
        height: 100%;
    }
    .mod_productos .cajaverventa{
        position: absolute;
        right: 60px;
        border-radius: 5px;
        border: 2px solid black;
        width: 40%;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_productos .cajaverventa .datosticket{
        width: 100%;
        overflow: auto;
        
    }
    .mod_productos .cajaverventa .p1{
        font-weight: 600;
        font-size: 15px;
    }
    .mod_productos .cajaverventa #p1{
        width: 49%;
        float: left;
        text-align: left;
        border-bottom: 1px solid silver;
        font-size: 12px;
        height: 30px;
    }
    .mod_productos .cajaverventa #p2, .mod_productos .cajaverventa #p3{
        width: 25%;
        float: left;
        text-align: right;
        border-bottom: 1px solid silver;
        font-size: 12px;
        height: 30px;
    }
    .mod_productos .cajaverventa .btnsticket{
        width: 100%;
        height: 35px;
        text-align: left;
    }
    .mod_productos .cajaverventa .btnsticket button{
        width: 30px;
        margin-top: 2.5px;
        padding: 3px;
        height: 30px;
    }
    .mod_productos .cajaverventa .btnsticket .cajaanus{
        width: 100%;
        float: left;
        border: 2px solid var(--rojo);
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        text-align: center;
        
    }
    .mod_productos .cajaverventa .btnsticket .cajaanus .labanuven{
        background: 0;
        width: 48%;
        float: left;
        color: white;
        margin-left: 1%;
        margin-right: 1%;
        background: var(--rojo);
        height: 70px;
        display: inline-block;
        text-align: center;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        cursor: pointer;
        transition: .2s;
        margin-bottom: 5px;
    }
    .mod_productos .cajaverventa .btnsticket .cajaanus .btnanuventa{
        width: 98%;
        background: var(--verde);
    }
    .mod_productos .cajaverventa .btnsticket .cajaanus .btnanuventa img{
        height: 100%;
    }
    .mod_productos .cajaverventa .btnsticket .cajaanus input[type="radio"]:checked + label{
        transform: scale(.9,.9);
        transition: .2s;
        background: var(--naranja);
    }
    .mod_productos .cajaverventa .btnsticket .cajaanus .labanuven img{
        background: 0;
        height: 40%;
        
    }
    .mod_productos .cajaverventa .btnsticket .cajaanus textarea{
        width: 98%;
        border-radius: 3px;
        border: 1px solid silver;
        padding: 5px;
        height: 50px;
        resize: none;
        overflow: hidden;
        float: left;
        margin-left: 1%;
        margin-bottom: 2px;
    }
    .mod_productos .cajaverventa .btnsticket .cajaanus button img{
        height: 40%;
    }
    .mod_productos .cajaverventa .btnsticket .cajaanus .labanuven p{
        background: 0;
        font-size: 15px;
        text-align: center;
    }
    .mod_productos .cajaverventa .btnsticket .cajaanus button p{
        color: white;
        font-size: 15px;
        width: 100%;
    }
    .mod_productos .cajaverventa .btnsticket .btn_impventas{
        background: var(--verde);
    }
    .mod_productos .cajaverventa .btnsticket button img{
        height: 100%;
        background: 0;
    }
    .mod_productos .cajaverventa .btnsticket .btn_anuventas{
        background: var(--rojo);
    }
    .mod_productos .btn_modventas{
        width: 35px;
        height: 35px;
        background: var(--naranja);
        padding: 3px;
    }
    .mod_productos .btn_modventas img{
        background: 0;
        height: 100%;
    }
    .mod_productos .cajaverventa h2{
        width: 85%;
        float: left;
        height: 30px;
        font-size: 15px;
    }
    .mod_productos .cajaverventa .cerventa{
        width: 15%;
        float: right;
        height: 30px;
        text-align: right;
    }
    .mod_productos .cajaverventa .cerventa img{
        height: 100%;
        background: 0;
    }
    .mod_productos .sub_btn{
        width: 100%;
        margin-bottom: 10px;
        height: auto;
        overflow: hidden;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_productos .sub_btn button{
        background: var(--amarillo);
        color: white;
        padding: 5px;
        font-size: 15px;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
    }
    .caja_prod .cajaselpro{
        height: 32px;
        width: 250px;
    }
    .tabla_prod .btnvermas{
        width: 30px;
        height: 30px;
        background: var(--gris);
        border: 0;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        display: inline-block;
        cursor: pointer;
        transition: .2s;
    }
    .tabla_prod .btnvermas:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .tabla_prod .btnvermas img{
        height: 100%;
        background: 0;
    }
    .mod_etiquetas{
        width: 100%;
        overflow: hidden;
        height: auto;
    }
    .mod_etiquetas .etiqueta{
        width: 30%;
        float: left;
        margin-left: 1.5%;
        margin-right: 1.5%;
        text-align: center;
    }
    .mod_etiquetas .etiqueta h3{
        font-size: 12px;
        
    }
    .mod_etiquetas .etiqueta p{
        font-size: 18px;
        font-weight: 600;
    }
    .mod_etiquetas .etiqueta canvas{
        width: 60%;
    }
    .mod_venta .ventanas_venta .cajacred{
        width: 100%;
        height: auto;
        overflow-y: auto;
    }
    .mod_venta .ventanas_venta .cajacred .tit{
        width: 100%;
        font-weight: 600;
    }
    .mod_venta .ventanas_venta .cajacred label{
        width: 40%;
        display: inline-block;
        font-size: 15px;
        float: left;
    }
    .mod_venta .ventanas_venta .cajacred input, .mod_venta .ventanas_venta .cajacred select{
        width: 60%;
        float: left;
        height: 30px;
        margin-bottom: 5px;
        border-radius: 5PX;
        border: 1px solid silver;
        box-sizing: border-box;
        padding-left: 10px;
    }
    .btnsticket .btnverabonos{
        display: inline-block;
        width: 30px;
        height: 30px;
        background: var(--amarillo);
        border: 0;
        padding: 3px;
        box-sizing: border-box;
        border-radius: 3px;
        text-align: center;
        cursor: pointer;
        transition: .2s;
    }
    .btnsticket .btnverabonos:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .btnsticket .btnverabonos img{
        height: 100%;
        background: 0;
    }
    .btnsticket .cajaabonos{
        width: 100%;
        float: left;
        border-radius: 5px;
        border: 2px solid var(--amarillo);
        padding: 5px;
        box-sizing: border-box;
        text-align: center;
        
    }
    .btnsticket .cajaabonos h2{
        width: 100%;
        margin: 0;
    }
    .btnsticket .cajaabonos form{
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid silver;
        padding: 5px;
        box-sizing: border-box;
    }
    .btnsticket .cajaabonos .form input, .btnsticket .cajaabonos .form select{
        width: 40%;
        float: left;
        margin-left: 2.5%;
        margin-right: 2.5%;
        text-align: center;
        height: 30px;
        
    }
    .btnsticket .cajaabonos .form button{
        width: 10%;
        background: var(--verde);
        height: 30px;
        float: left;
        
    }
    .mod_productos .cajaeligasto{
        position: absolute;
        width: 40%;
        right: 60;
        border: 1px solid silver;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
      
    }
    .mod_productos .cajaeligasto p{
        font-size: 20px;
        margin-bottom: 5px;
    }
    .mod_productos .cajaeligasto .sieligasto{
        width: 80%;
        float: left;
        background: var(--verde);
        height: 40px;
        color: white;
        font-size: 20px;
    }
    .mod_productos .cajaeligasto .noeligasto{
        width: 18%;
        float: left;
        background: var(--rojo);
        height: 40px;
        color: white;
        font-size: 20px;
        margin-left: 2%;
    }
    .mod_productos .btn_eligasto{
        width: 35px;
        height: 35px;
        background: var(--rojo);
        padding: 5px;
    }
    .mod_productos .btn_eligasto img{
        height: 100%;
        background: 0;
    }
    .mod_compras .espacio_modprod{
        height: 50px;
        background: 0;
    }
    .mod_compras .select2formprod{
        height: 35px;
        width: 100%;
        margin-bottom: 10px;
    }
    .mod_compras{
        width: 100%;
        position: fixed;
        height: 100%;
        top: 0;
    }
    .mod_compras .info_compra{
        width: 30%;
        float: left;
        border-right: 1px solid grey;
        height: 90%;
        overflow: auto;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_compras .info_compra h1, .mod_compras .prod_compra h1{
        text-align: center;
    }
    .mod_compras .info_compra form{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_compras .info_compra form label{
        width: 100%;
        
    }
    .mod_compras .info_compra form label input, .mod_compras .info_compra form label select{
        width: 100%;
        height: 40px;
        border-radius: 5px;
        border: 1px solid silver;
        text-align: center;
        text-align-last: center;
        font-size: 15px;
        margin-bottom: 10px;
    }
    .mod_compras .info_compra form label textarea{
        width: 100%;
        height: 50px;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        resize: none;
        overflow: hidden;
        border: 1px solid silver;
    }
    .mod_compras .info_compra form label .btn_afec_inv, .mod_compras .info_compra form label .btn_tpago, .mod_compras .info_compra form label .btn_tafec{
        background: silver;
        float: left;
        width: 49%;
        margin-left: .5%;
        margin-right: .5%;
        font-size: 15px;
        color: white;
    }
    .mod_compras .info_compra form label button{
        width: 100%;
        height: 40px;
        background: var(--verde);
        border: 0;
        padding: 5px;
        margin-top: 5px;
    }
    .mod_compras .info_compra form label button img{
        height: 100%;
        background: 0;
    }
    .mod_compras .prod_compra{
        width: 69%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        height: 92%;
        overflow-y: auto;
    }
    .mod_compras .prod_compra form label{
        width: 19%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: 60px;
        margin-bottom: 5px;
    }
    .mod_compras .prod_compra form label p{
        width: 100%;
        font-weight: 600;
        font-size: 15px;
        height: 20px;
    }
    .mod_compras .prod_compra form label input, .mod_compras .prod_compra form label select{
        width: 100%;
        border: 1px solid silver;
        border-radius: 5px;
        height: 40px;
        font-size: 15px;
        text-align: center;
    }
    .mod_compras .prod_compra .select2formprod{
        width: 100%;
        height: 40px;
    }
    .mod_compras .prod_compra form #pro{
        width: 30%;
        margin: 0;
    }
    .mod_compras .prod_compra form #btn{
        width: 10%;
        margin: 0;
    }
    .mod_compras .prod_compra form #btn button{
        width: 100%;
        height: 40px;
        background: var(--azul);
        border: 0;
        padding: 10px;
        border-radius: 5px;
    }
    .mod_compras .prod_compra form #btn button img{
        background: 0;
        height: 100%;
    }
    .mod_compras .prod_compra .ingprodcompra{
        width: 100%;
        overflow: hidden;
        margin-bottom: 5px;
        border-bottom: 1px solid silver;
    }
    .mod_compras .tableprodcompra{
        width: 100%;

    }
    .mod_compras .tableprodcompra table{
        width: 100%;
        text-align: left;
        border-collapse: collapse;
    }
    .mod_compras .tableprodcompra #tdpro{
        width: 40%;
        text-align: left;
    }
    .mod_compras .tableprodcompra th{
        padding: 3px;
        background: var(--gris);
        color: white;
        border: 1px solid var(--gris);
        text-align: left;
    }
    .mod_compras .tableprodcompra td{
        text-align: left;
        padding: 5px;
        border: 1px solid var(--gris);
        background: 0;
    }
    .mod_compras .tableprodcompra td b{
        background: 0;
    }
    .mod_compras .tableprodcompra td #btneli{
        width: 30px;
        height: 30px;
        background: var(--rojo);
        padding: 5px;
        border-radius: 5px;
    }
    .mod_compras .tableprodcompra td #btneli img{
        height: 100%;
        background: 0;
    }
    .mod_compras .tableprodcompra tr{
        background: 0;
    }
    .mod_compras .tableprodcompra #tbody:hover{
        background: silver;
    }
    .mod_compras #formguardarfac,.mod_compras #formguardarcot{
        width: 100%;
    }
    .mod_compras #formguardarfac button,.mod_compras #formguardarcot button{
        width: 100%;
        background: var(--verde);
        font-size: 20px;
        height: 50px;
        border-radius: 5px;
        padding: 5px;
        color: white;
        margin-top: 20px;
    }
    .mod_compras #formguardarfac button img,.mod_compras #formguardarcot button img{
        height: 100%;
        background: 0;
        margin-bottom: -8px;
        margin-left: 20px;
    }
    .mod_productos .caja_prod .filtro_prod .select2formprod{
        height: 30px;
        font-size: 15px;
    }
    
    .mod_productos .cajavercom{
        position: absolute;
        right: 60px;
        border-radius: 5px;
        border: 2px solid black;
        width: 40%;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_productos .cajavercom .datosticket{
        width: 100%;
        overflow: auto;
        
    }
    .mod_productos .cajavercom .p1{
        font-weight: 600;
        font-size: 15px;
    }
    .mod_productos .cajavercom #p1{
        width: 50%;
        float: left;
        text-align: left;
        border-bottom: 1px solid silver;
        font-size: 12px;
    }
    .mod_productos .cajavercom #p2, .mod_productos .cajavercom #p3{
        width: 25%;
        float: left;
        text-align: right;
        border-bottom: 1px solid silver;
        font-size: 12px;
    }
    .mod_productos .cajavercom h2{
        width: 85%;
        float: left;
        height: 30px;
        font-size: 15px;
    }
    .mod_productos .cajavercom .cerventa{
        width: 15%;
        float: right;
        height: 30px;
        text-align: right;
    }
    .mod_productos .cajavercom .cerventa img{
        height: 100%;
        background: 0;
    }
    .mod_parametros .btsparametros{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_parametros .btsparametros button{
        height: 120px;
        margin-bottom: 10px;
        float: left;
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
        border: 3px solid var(--pri);
        font-size: 4vw;
        padding: 10px;
        border-radius: 10px;
    }
    .mod_parametros .btsparametros button img{
        height: 50%;
        background: 0;
        margin-bottom: -5px;
        margin-right: 30px;
    }
    .mod_productos .caja_prod .tabla_prod .btnmodsuc{
        width: 35px;
        height: 35px;
        background: var(--verde);
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_productos .caja_prod .tabla_prod .btnmodsuc img{
        height: 100%;
        background: 0;
    }
    .mod_productos .caja_prod .tabla_prod .des_suc{
        height: 30px;
        padding: 5px;
        box-sizing: border-box;
        background: white;
        
    }
    .mod_productos .caja_prod .tabla_prod .des_suc img{
        height: 100%;
        background: 0;
    }
    .mod_productos .caja_prod .tabla_prod table #pp1{
        background: var(--verde);
        color: white;
        border-radius: 50px;
        padding: 5px;
        font-size: 12px;
    }
    .mod_productos .caja_prod .tabla_prod table #pp2{
        background: var(--amarillo);
        color: white;
        border-radius: 50px;
        padding: 5px;
        font-size: 12px;
    }
    .mod_productos .caja_prod .tabla_prod table #pp3{
        background: var(--rojo);
        color: white;
        border-radius: 50px;
        padding: 5px;
        font-size: 12px;
    }
    .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped .totcd, .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped .inputcanped{
        text-align: center;
        padding: 3px;
        box-sizing: border-box;
        border-radius: 5px;
        border: 1px solid silver;
    }
    .mod_productos .sub_btn .cajaingprov{
        width: 50%;
        position: absolute;
        top: 60px;
        border: 2px solid black;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_productos .sub_btn .cajaingprov h3{
        background: 0;
        width: 85%;
        float: left;
        height: 30px;
        margin-bottom: 5px;
    }
    .mod_productos .sub_btn .cajaingprov #cerrcaja{
        width: 10%;
        float: left;
        margin-left: 5%;
        margin-right: 0;
        height: 30px;
        box-sizing: border-box;
        background: var(--rojo);
        margin-bottom: 5px;
    }
    .mod_productos .sub_btn .cajaingprov form label{
        width: 100%;
        display: inline-block;
        margin-bottom: 5px;
    }
    .mod_productos .sub_btn .cajaingprov form label input,.mod_productos .sub_btn .cajaingprov form label select{
        width: 100%;
        height: 35px;
        border: 1px solid silver;
        border-radius: 3px;
        padding: 3px;
        box-sizing: border-box;
    }
    .mod_productos .sub_btn .cajaingprov form button{
        width: 100%;
        background: var(--verde);
        height: 40px;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_productos .sub_btn .cajaingprov form button img{
        background: 0;
        height: 100%;
    }
    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        border-top: 1px solid var(--gris);
        float: left;
    }
    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes h2{
        text-align: center;
    }
    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table{
        width: 100%;
        border-collapse: collapse;
        text-align: center;
    }
    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table th{
        color: white;
        padding: 3px;
        background: var(--gris);
    }
    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table td{
        padding: 3px;
        background: 0;
        border-bottom: 1px solid silver;
    }
    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table tr:hover{
        background: silver;
    }
    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table .btnmodsuc{
        width: 35px;
        height: 35px;
        background: var(--verde);
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table .btnmodsuc img{
        height: 100%;
        background: 0;
    }
    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table input, .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table select{
        padding: 3px;
        height: 35px;
        border-radius: 3px;
        border: 1px solid silver;
        width: 100%;
    }
    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table .des_suc{
        height: 30px;
        padding: 5px;
        box-sizing: border-box;
        background: white;
        
    }
    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table .des_suc img{
        height: 100%;
        background: 0;
    }
    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table .btningbill{
        width: 35px;
        height: 35px;
        padding: 5px;
        box-sizing: border-box;
        background: var(--naranja);
    }
    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table .btningbill img{
        height: 100%;
        background: 0;
    }
    .mod_productos .bts_otros_ajustes{
        width: 100%;
    }
    .mod_productos .bts_otros_ajustes label{
        font-size: 18px;
        padding: 5px;
        box-sizing: border-box;
        perspective-origin: white;
        border: 1px solid var(--rojo);
        border-radius: 3px;
        float: left;
        overflow: hidden;
        margin-left: 5px;
        margin-bottom: 5px;
        cursor: pointer;
    }
    .caja_prodagr .tabprod_ped #btndscto3, .caja_prodagr .tabprod_ped #btndscto5{
        width: auto;
        padding: 0px 5px 0px 5px;
        box-sizing: border-box;
        height: 30px;
        font-size: 15px;
        background: var(--amarillo);
        color: white;
        margin-right: 5px;
    }
    .caja_prodagr .tabprod_ped #btndscto4, .caja_prodagr .tabprod_ped #btndscto6{
        width: auto;
        padding: 0px 5px 0px 5px;
        box-sizing: border-box;
        height: 30px;
        font-size: 15px;
        background: var(--azul);
        color: white;
        margin-right: 5px;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli{
        width: 100%;
        float: left;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli label{
        width: 100%;
        display: inline-block;
        margin-bottom: 5px;
        float: left;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli label p{
        font-size: 13px;
        font-weight: 600;
        height: 40px;
        width: 50%;
        float: left;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli input, .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli select{
        height: 40px;
        border: 1px solid silver;
        border-radius: 3px;
        text-align: left;
        width: 50%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
    }
        .loader5 {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: url('../img/img512.png') 50% 50% no-repeat rgba(255, 255, 255, .5);
        background-size: 10%;

    }
    .caja_prodagr .tabprod_ped .inputobserped{
        border-radius: 3px;
        border: 1px solid silver;
        height: 25px;
        width: 90%;
        text-align: center;
    }
    .caja_prodagr .tabprod_ped td b{
        display: inline-block;
        background: var(--negro);
        color: white;
        padding: 3px;
        box-sizing: border-box;
        border-radius: 3px;
        margin-right: 10px;
    }
    .caja_prodagr .tabprod_ped form{
        background: 0;
    }
    .info_compra .btn_canc_fact{
        width: 100%;
        text-align: center;
    }
    .info_compra .btn_canc_fact button{
        width: 98%;
        text-align: center;
        color: white;
        background: var(--rojo);
        height: 40px;
        font-size: 15px;
    }
    .mod_venta .prod_acceso_dir{
        width: 70%;
        text-align: center;
        float: left;
        position: fixed;
        overflow: auto;
        bottom: 45px;
        height: 6%;
        box-sizing: border-box;
        border: 0;
        overflow: auto;
    }
    .mod_venta .prod_acceso_dir button{
        width: 9.5%;
        float: left;
        height: 100%;
        background: var(--amarillo);
        margin-left: .25%;
        margin-right: .25%;
        padding: 3px;
        box-sizing: border-box;
        font-size: .8vw;
    }
    .tabla_prod #stock_movi_ingre #stock_old{
        color: var(--rojo);
        font-weight: 600;
        background: 0;
    }
    .tabla_prod #stock_movi_ingre #stock_afe{
        color: var(--azul);
        font-weight: 600;
        background: 0;
    }
    .tabla_prod #stock_movi_ingre #stock_new{
        color: var(--verde);
        font-weight: 600;
        background: 0;
    }
    .tabla_prod #stock_movi_ingre img{
        width: 25px;
        height: 25px;
        background: 0;
    }
    .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped .totcd, .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped .inputcanped{
        text-align: center;
        padding: 3px;
        box-sizing: border-box;
        border-radius: 5px;
        border: 1px solid silver;
    }
    .mod_productos .caja_prod .tabla_prod .abono{
        color: var(--amarillo);
        font-weight: 600;
        width: 100%;
        background: 0;
    }
    .mod_productos .caja_prod .tabla_prod .saldo{
        color: var(--verde);
        font-weight: 600;
        width: 100%;
        background: 0;
        border-top: 1px solid black;
    }
    .mod_productos .caja_prod .tabla_prod .fecven{
        color: var(--rojo);
        font-style: italic;
        background: 0;
    }
    .mod_productos .cajavercom .label_reg_abono{
        display: inline-block;
        width: 30px;
        height: 30px;
        background: var(--amarillo);
        border-radius: 5px;
        float: left;
        padding: 3px;
        box-sizing: border-box;
        cursor: pointer;
    }
    .mod_productos .cajavercom .label_reg_abono img{
        height: 100%;
        background: 0;
    }
    .mod_productos .cajavercom .caja_abonos h2{
        width: 100%;
        font-size: 18px;
        border-top: 1px solid black;
        margin-top: 5px;
    }
    .mod_productos .cajavercom .caja_abonos form input[type="number"], .mod_productos .cajavercom .caja_abonos form select{
        width: 27%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
    }
    .mod_productos .cajavercom .caja_abonos form button{
        width: 10%;
        height: 35px;
        float: left;
        background: var(--verde);
        border-radius: 5px;
        border: 0;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_productos .cajavercom .caja_abonos form button img{
        height: 100%;
        background: 0;
    }
    .mod_productos .cajavercom .caja_abonos table button{
        width: 30px;
        height: 30px;
        border-radius: 5px;
        float: left;
        box-sizing: border-box;
        background: 0;
        padding: 3px;
    }
    .mod_productos .cajavercom .caja_abonos table button img{
        height: 100%;
        background: 0;
    }
        .prod_compra .caja_crear_pro_com{
        width: 30%;
        position: absolute;
        top: 80px;
        right: 10px;
        border: 1px solid silver;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        -webkit-box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.75);
    }
    .prod_compra .caja_crear_pro_com form input, .prod_compra .caja_crear_pro_com form select{
        width: 100%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: 35px;
        border-radius: 3px;
        border: 1px solid grey;
        padding: 3px;
        box-sizing: border-box;
        font-size: 15px;
        margin-bottom: 3px;
        padding-left: 5px;
    }
    .prod_compra .caja_crear_pro_com #crear_pro label{
        width: 48%;
        display: inline-block;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
    }
    .prod_compra .caja_crear_pro_com #crear_pro #descrip{
        width: 98%;
    }
    .prod_compra .caja_crear_pro_com form #btningpro{
        width: 99%;
        height: 40px;
        background: var(--verde);
        color: white;
        font-size: 20px;
        margin-left: .5%;
    }
    .prod_compra .caja_crear_pro_com form #btningpro img{
        height: 70%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 20px;
    }
    .prod_compra .caja_crear_pro_com form .caja_invsi{
        width: 100%;
        float: left;
        border-top: 1px solid silver;
        padding-top: 3px;
    }
    .prod_compra #btn_crear_pro_com{
        font-size: 15px;
        background: var(--amarillo);
        padding: 5px 10px 5px 10px;
        float: left;
        margin-right: .5%;
        color: white;
    }
        .tabla_prod .btns_expor button{
        width: 40px;
        float: left;
        height: 100%;
        background: var(--gris);
        padding: 5px;
        border-radius: 5px;
        box-sizing: border-box;
        margin-right: 5px;
        margin-bottom: 5px;
    }
    .tabla_prod .btns_expor button img{
        height: 100%;
        background: 0;
    }
            .prod_compra .caja_crear_pro_com{
        width: 30%;
        position: absolute;
        top: 80px;
        right: 10px;
        border: 1px solid silver;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        -webkit-box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.75);
    }
    .prod_compra .caja_crear_pro_com form input, .prod_compra .caja_crear_pro_com form select{
        width: 100%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: 35px;
        border-radius: 3px;
        border: 1px solid grey;
        padding: 3px;
        box-sizing: border-box;
        font-size: 15px;
        margin-bottom: 3px;
        padding-left: 5px;
    }
    .prod_compra .caja_crear_pro_com #crear_pro label{
        width: 48%;
        display: inline-block;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
    }
    .prod_compra .caja_crear_pro_com #crear_pro #descrip{
        width: 98%;
    }
    .prod_compra .caja_crear_pro_com form #btningpro{
        width: 99%;
        height: 40px;
        background: var(--verde);
        color: white;
        font-size: 20px;
        margin-left: .5%;
    }
    .prod_compra .caja_crear_pro_com form #btningpro img{
        height: 70%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 20px;
    }
    .prod_compra .caja_crear_pro_com form .caja_invsi{
        width: 100%;
        float: left;
        border-top: 1px solid silver;
        padding-top: 3px;
    }
    .prod_compra #btn_crear_pro_com{
        font-size: 15px;
        background: var(--amarillo);
        padding: 5px 10px 5px 10px;
        float: left;
        margin-right: .5%;
        color: white;
    }
    .ingprodcompra #iva19{
        width: 10%;
        text-align: center;
        cursor: pointer;
    }
    .ingprodcompra #iva19 input{
        height: 38px;
        width: 100%;
        float: left;
        border: 1px solid silver;
        display: inline-block;
    }
    .mod_productos .caja_lv{
        width: 20%;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        border: 1px solid grey;
        position: absolute;
        margin-left: 15%;
        top: 95;
        overflow: hidden;
        height: auto;
        display: none;
    }
    .mod_productos .caja_lv h1{
        font-size: 1vw;
        width: 85%;
        float: left;
        text-align: left;
        height: 30px;
    }
    .mod_productos .caja_lv #btn_cerr_lv{
        width: 15%;
        float: left;
        height: 30px;
        padding: 0;
        margin: 0;
        background: var(--rojo);
    }
    .mod_productos .caja_lv label{
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
        overflow: hidden;
        height: auto;
        
    }
    .mod_productos .caja_lv label input, .mod_productos .caja_lv label select{
        width: 100%;
        height: 35px;
        border: 1px solid grey;
        border-radius: 5px;
        padding: 5px;
        font-size: .8vw;
    }
    .mod_productos .caja_lv button[type="button"]{
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: 35px;
        background: var(--gris);
        margin-bottom: 5px;
    }
    .mod_productos .caja_lv button[type="button"] img{
        height: 90%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 20px;
    }
    .mod_productos .caja_lv button[type="submit"]{
        width: 100%;
        float: left;
        height: 40px;
        font-size: 1vw;
        background: var(--verde);
    }
    .mod_productos .caja_lv form{
        height: auto;
        overflow: hidden;
        width: 100%;
    }
    .caja_select2{
        height: 30px;
    }
    .caja_ing_mas_base{
      width: 100%;
      overflow: hidden;
      height: 30px;
    }
    .caja_ing_mas_base label{
      display: inline-block;
      width: auto;
      float: left;
      background: var(--amarillo);
      padding: 5px;
      height: 100%;
      margin-left: 5px;
      color: white;
      border-radius: 5px;
      box-sizing: border-box;
      cursor: pointer;
    }
    .caja_ing_mas_base .caja_add_base h3{
      width: 80%;
      float: left;
      text-align: left;
    }
    .caja_ing_mas_base .caja_add_base .btn_cerr_add_base{
      background: var(--rojo);
      float: right;
      width: 30px;
    }
    .modcuadre .caja_add_base{
      width: 49%;
      position: absolute;
      height: auto;
      border: 1px solid grey;
      border-radius: 5px;
      padding: 5px;
      box-sizing: border-box;
      top: 60px;
      left: .5%;
    }
    .modcuadre .caja_add_base form{
      width: 100%;
    }
    .modcuadre .caja_add_base form input{
       width: 100%;
        height: 40px;
        border-radius: 3px;
        border: 1px solid silver;
        margin-top: 10px;
        padding: 3px;
        font-size: 20px;
        text-align: center;
    }
    .modcuadre .caja_add_base form button{
       width: 100%;
        height: 40px;
        border-radius: 3px;
        border: 1px solid silver;
        margin-top: 10px;
        background: var(--verde);
        color: white;
        font-size: 20px;
        border: 0;
    }
    .modcuadre .caja_add_base form button img{
        background: 0;
        height: 70%;
        margin-bottom: -7px;
        margin-left: 20px;
    }
    .caja_ing_mas_base{
      width: 100%;
      overflow: hidden;
      height: 30px;
    }
    .caja_ing_mas_base label{
      display: inline-block;
      width: auto;
      float: left;
      background: var(--amarillo);
      padding: 5px;
      height: 100%;
      margin-left: 5px;
      color: white;
      border-radius: 5px;
      box-sizing: border-box;
      cursor: pointer;
    }
    .caja_ing_mas_base .caja_add_base h3{
      width: 80%;
      float: left;
      text-align: left;
    }
    .caja_ing_mas_base .caja_add_base .btn_cerr_add_base{
      background: var(--rojo);
      float: right;
      width: 30px;
    }
    .fp_pago .fpventas{
        width: 100%;
        height: 40px;
        border-radius: 5px;
        padding: 5px;
        font-size: 1vw;
        cursor: pointer;
        background: var(--pri);
        color: white;
        margin-bottom: 5px;
    }
    .fp_pago .fpventas option,.fp_pago .fpventas optgroup{
        background: white;
        color: black;
    }
    .mod_venta .ventanas_venta .fp_pago .cajafp2 .fpventas2, .mod_venta .ventanas_venta .fp_pago .cajapaga2 .inputpaga2{
        width: 100%;
        border: 1px solid silver;
        text-align: center;
        height: 30px;
        border-radius: 3px;
        margin-bottom: 5px;
    }
    .mod_venta .ventanas_venta .fp_pago .cajapaga2 .inputpaga2{
        background: var(--gris);
        color: white;
        font-weight: 600;
    }
    .mod_venta .ventanas_venta .fp_pago .cajafp2, .mod_venta .ventanas_venta .fp_pago .cajapaga2{
        width: 49%;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
    }
    .mod_venta .ventanas_venta .fp_pago hr{
        margin-bottom: 5px;
    }
    .caja_prod .tabla_prod .form_mod_fpven, .caja_prod .tabla_prod .form_mod_fpven div, .caja_prod .tabla_prod .form_mod_fpven p{
        background: 0;
    }
    .caja_prod .tabla_prod .form_mod_fpven div{
        width: 100%;
    }
    .caja_prod .tabla_prod .form_mod_fpven div select{
        width: 80%;
        float: left;
    }
    .caja_prod .tabla_prod .form_mod_fpven div button[type="submit"]{
        width: 17%;
        float: left;
        height: 35px;
        background: var(--verde);
        padding: 5px;
        margin-left: 3%;
    }
    .caja_prod .tabla_prod .form_mod_fpven div button[type="submit"] img{
        height: 100%;
        background: 0;
    }
    .caja_codimpsi{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        border-top: 1px solid grey;
        border-bottom: 1px solid grey;
        overflow: hidden;
    }
    .caja_codimpsi h4{
        width: 100%;
        text-align: center;
        margin-bottom: 3px;
    }
    .caja_codimpsi label{
        width: 48%;
        display: inline-block;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        background: silver;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        cursor: pointer;
        transition: .2s;
        margin-bottom: 5px;
    }
    .caja_codimpsi .iva_pro:checked + label{
        background: var(--naranja);
        color: white;
    }
    .caja_codimpsi .precio_aimp{
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        border: 1px solid grey;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        background: black;
        height: 30px;
    }
    .caja_codimpsi .precio_aimp p{
        width: 48%;
        background: 0;
        color: white;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
    }
    .caja_codimpsi .precio_aimp #input_precio_aimp{
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        background: 0;
        color: white;
        text-align: right;
        font-weight: 600;
        padding: 0;
        height: auto;
        border: 0;
    }
    .mod_productos .subcaja_pro .panel1{
        width: 60%;
        float: left;
        overflow: hidden;
        border-right: 2px solid var(--verde);
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }
    .mod_productos .subcaja_pro .panel2{
        width: 40%;
        float: left;
        overflow: hidden;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }
    .mod_productos .subcaja_pro section #subtitulo{
        color: var(--rojo);
        font-weight: 600;
        font-size: .9vw;
    }
    .cabecera .cabecera_botones_menu {
        width: 50%;
        float: left;
        height: 100%;
        background: var(--negro);
        box-sizing: border-box;
        padding: 3px;
        position: relative;
    }
    .cabecera .cabecera_botones_menu .botones_menu_cab_cel{
        display: none;
    }
    .cabecera .cabecera_botones_menu .botones_menu_cab{
        width: 48%;
        float: left;
        display: inline-block;
        margin-left: 1%;
        margin-right: 1%;
        height: 100%;
        font-size: 25px;
        background: var(--azul);
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        text-align: center;
        font-weight: 600;
        color: white;
        cursor: pointer;
        transition: .2s;
    }
    .cabecera .cabecera_botones_menu .botones_menu_cab:hover{
        transition: .2s;
        transform: scale(.9,.9);
    }
    .cabecera .cabecera_botones_menu #btn_menu_pos{
        background: var(--naranja);
    }

    .cabecera .botones_contable{
        width: 48%;
        float: right;
        height: auto;
        background: var(--negro);
        box-sizing: border-box;
        position: absolute;
        top: 50px;
        padding: 5px;
        box-sizing: border-box;
        overflow: hidden;
        border-radius: 0px 0px 5px 5px;
        right: 1%;
    }
    .cabecera .botones_contable button{
        width: 100%;
        height: 40px;
        border: 0;
        background: var(--azul);
        font-size: 20px;
        border-radius: 3px;
        float: left;
        text-align: center;
        box-sizing: border-box;
        padding: 5px;
        color: black;
        margin-top: 10px;
        text-align: left;
        padding-left: 10px;
    }
    .cabecera .botones_contable button img{
        height: 100%;
        background: 0;
        float: right;
        margin-right: 10px;
    }
    .cabecera #btn_menu_contable{
        color: black;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli input[type="checkbox"]{
        display: none;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .label_tipo_factura{
        width: 100%;
        float: left;
        background: grey;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        cursor: pointer;
        transition: .2s;
        color: white;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli input[type="checkbox"]:checked + label{
        background: var(--naranja);
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .label_tipo_factura:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura{
        position: fixed;
        height: auto;
        overflow: hidden;
        width: 80%;
        right: .5%;
        border-radius: 5px;
        -webkit-box-shadow: -4px 0px 26px -4px rgba(0,0,0,0.75);
        -moz-box-shadow: -4px 0px 26px -4px rgba(0,0,0,0.75);
        box-shadow: -4px 0px 26px -4px rgba(0,0,0,0.75);
        margin-top: 35px;
        padding: 5px;
        box-sizing: border-box;
        bottom: 70px;
        max-width: 900px;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura h3{
        font-size: 18px;
        height: 30px;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura h4{
        font-size: 15px;
        color: var(--rojo);
        margin-bottom: 2px;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura label{
        display: inline-block;
        padding: 2px;
        box-sizing: border-box;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura label p{
        font-weight: 600;
        font-size: 14px;
        width: 49%;
        text-align: left;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
        height: 35px;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura label input, .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura label select{
        width: 49%;
        padding: 5px;
        box-sizing: border-box;
        font-size: 14px;
        border: 1px solid silver;
        border-radius: 5px;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: 35px;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura .label1{
        width: 49%;
        float: left;
        margin-bottom: 5px;
        height: 35px;
        margin-left: .5%;
        margin-right: .5%;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura .label2{
        width: 49%;
        float: left;
        margin-bottom: 5px;
        height: 35px;
        margin-left: .5%;
        margin-right: .5%;
        
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura .cajaselect2{
        height: 35px;
        width: 49%;
        margin-bottom: 10px;
        font-size: 14px;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura .doc_cli{
        width: 40%;
        float: left;
        
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura .dv_cli{
        width: 8%;
        float: left;
        display: none;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura .datos_pri_cli, .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura .datos_sec_cli{
        width: 100%;
        float: left;
        background: 0;
        height: auto;
        overflow: hidden;
        
    }
    
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura .caja_datos_ter{
        width: 100%;
        overflow: hidden;
        height: auto;
    }
    .tabla_prod .caja_vermas{
        position: absolute;
        width: 300px;
        margin-top: -30px;
        margin-right: 80px;
        right: 0;
        background: rgba(0,0,0,.8);
        padding: 5px;
        border-radius: 5px;
        box-sizing: border-box;
    }
    .tabla_prod .caja_vermas p{
        background: 0;
        color: white;
        margin-bottom: 3px;
        font-weight: 600;
    }
    .tabla_prod .caja_vermas .btn_caja_vermas{
        background: var(--naranja);
        color: white;
        width: 100%;
        padding: 3px;
        margin-bottom: 5px;
        font-size: .8vw;
        height: 30px;
        padding-left: 5px;
        text-align: left;
    }
    .tabla_prod .caja_vermas .btn_caja_vermas img{
        height: 90%;
        background: 0;
        float: right;
        margin-right: 5px;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .select_tipo_venta{
        background: var(--negro);
        color: white;
        font-weight: 600;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .select_tipo_venta option, .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .select_tipo_venta optgroup{
        color: black;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli label{
        position: relative;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli label b{
        color: var(--rojo);
        font-weight: 600;
        font-size: 20px;
        margin-left: 2px;
    }
    @keyframes go-left-right {        /* dale un nombre: "go-left-right" */
    from { 
        transform: scale(1.1,1.1);
        transition: .1s;
        }             /* animar desde la izquierda: 0px */
    to { 
        transition: .1s;
        } /* animar a la izquierda: 100%-50px */
    }
    .cabecera .infousu hr{
        margin-top: 2.5px;
        margin-bottom: 5px;
    }
    .cabecera .infousu .generar_licencia_uso{
        width: 90%;
        background: var(--azul);
        color: white;
        margin: auto;
        font-size: 15px;
        margin-bottom: 5px;
        height: 30px;
        padding: 5px;
    }
    .cabecera .infousu .generar_licencia_uso img{
        height: 100%;
        background: 0;
        margin-left: 20px;
        margin-bottom: -5px;
        
    }
    .infousu .btn_pago_licencia{
        display: inline-block;
        text-align: center;
        background: 0;
        color: white;
        height: 35px;
        box-sizing: border-box;
        padding: 5px;
        cursor: pointer;
        width: 50%;
        float: left;
        font-size: .8vw;
        background: var(--rojo);
        margin-top: 5px;
    }
    .infousu .btn_pago_licencia img{
        height: 80%;
        background: 0;
        margin-left: 10px;
        margin-bottom: -5px;
    }
    .aviso_pago_vencido{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: var(--rojo);
    }
    .aviso_pago_vencido h1{
        background: 0;
        color: white;
        text-align: center;
        margin-top: 100px;
        animation: go-left-right .9s infinite alternate;
    }
    .aviso_pago_vencido h1 img{
        height: 30%;
        background: 0;
    }
    .aviso_pago_vencido .btn_pago_licencia{
        background: var(--verde);
        height: auto;
        float: left;
        margin-top: 100px;
        width: 50%;
        margin-left: 25%;
        font-size: 2.5vw;
        -webkit-box-shadow: 0px 0px 23px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 23px -12px rgba(0,0,0,0.75);
box-shadow: 0px 0px 23px -12px rgba(0,0,0,0.75);
    }
    .aviso_pago_vencido .btn_pago_licencia img{
        height: 50px;
        margin-left: 20px;
    }
    .tableprodcompra table tr td .costo_old{
        display: inline-block;
        background: var(--rojo);
        color: white;
        font-size: 15px;
        margin-right: 20px;
        padding: 3px;
        border-radius: 3px;
    }
    .tableprodcompra table tr td .label_act_precio{
        display: inline-block;
        width: 100%;
        font-size: 12px;
        background: 0;
        margin-bottom: 3px;
    }
    .tableprodcompra table tr td .label_act_precio p{
        font-size: 12px;
        background: 0;
    }
    .tableprodcompra table tr td .label_act_precio input{
        width: 70%;
        float: left;
        height: 30px;
        font-size: 12px;
    }
    .tableprodcompra table tr td form{
        background: 0;
    }
    .tableprodcompra table tr td .label_act_precio button{
        height: 30px;
        float: left;
        width: 30%;
        background: var(--verde);
    }
    .tableprodcompra table tr td .label_act_precio button img{
        height: 100%;
        background: 0;
    }
    .tableprodcompra table tr td .precio_venta{
       display: inline-block;
        background: var(--rojo);
        color: white;
        font-size: 15px;
        margin-left: 20px;
        padding: 3px;
        border-radius: 3px; 
    }
    .tableprodcompra table tr td .rentabilidad_pro{
        display: inline-block;
        font-size: 13px;
        color: grey;
        font-style: italic;
    }
    .select2formprod .datos_pro{
        width: 49%;
        float: right;
        margin-left: 1%;
    }
    .mod_productos table .cod_ped{
        display: inline-block;
        background: var(--rojo);
        padding: 5px;
        box-sizing: border-box;
        color: white;
        border-radius: 5px;
    }
    .mod_productos table .img_noenvio{
        width: 30px;
        height: 30px;
        margin-bottom: -8px;
        margin-left: 5px;
        background: 0;
    }
    .mod_productos table form{
        background: 0;
    }
    .mod_productos table .btn_reenviar{
        width: 100%;
        background: var(--verde);
        color: white;
        margin-top: 5px;
        height: 30px;
        font-size: .9vw;
    }
    .tableprodcompra table tr .titulos{
        display: inline-block;
        font-size: 12px;
        background: silver;
        padding: 5px;
        box-sizing: border-box;
        color: black;
        border-radius: 5px;
        margin-right: 5px;
    }
    .tableprodcompra table tr .titulos_2{
        display: inline-block;
        font-size: 12px;
        background: black;
        padding: 5px;
        box-sizing: border-box;
        color: white;
        border-radius: 5px;
        margin-right: 5px;
    }
    .tableprodcompra table tr .titulos_3{
        display: inline-block;
        font-size: 12px;
        background: var(--naranja);
        padding: 5px;
        box-sizing: border-box;
        color: white;
        border-radius: 5px;
        margin-right: 5px;
    }
    .mod_productos .caja_importar{
        width: 50%;
        height: auto;
        overflow: hidden;
        position: absolute;
        top: 130px;
        background: white;
        margin-left: .25%;
        border-radius: 5px;
        border: 2px solid var(--verde);
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_productos .caja_importar label{
        display: inline-block;
        width: 49%;
        float: left;
        background: var(--azul);
        height: 40px;
        padding: 5px;
        box-sizing: border-box;
        margin-left: .5%;
        margin-right: .5%;
        border-radius: 3px;
        color: white;
        text-align: center;
        transition: .2s;
        cursor: pointer;
        font-size: 20px;
    }
    .mod_productos .caja_importar label:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .mod_productos .caja_importar label img{
        height: 80%;
        background: 0;
        margin-left: 20px;
        margin-bottom: -5px;
        margin-top: 3px;
    }
    .mod_productos .caja_importar button[type="submit"]{
        width: 49%;
        background: var(--verde);
        height: 40px;
        padding: 5px;
        box-sizing: border-box;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
        font-size: 20px;
    }
    .mod_productos .caja_importar button[type="submit"] img{
        height: 90%;
        background: 0;
        margin-left: 20px;
        margin-bottom: -5px;
        margin-top: 3px;
    }
    .mod_productos .caja_importar h2{
        width: 85%;
        float: left;
        height: 30px;
    }
    .mod_productos .caja_importar #cerr_ventana_importar{
        float: right;
        width: 10%;
        background: var(--rojo);
        margin-bottom: 5px;
    }
    .mod_productos .caja_importar .btn_exportar_csv{
        width: 100%;
        background: 0;
        color: var(--rojo);
        text-decoration: underline;
        box-sizing: border-box;
        padding: 0;
        margin: 0;
        height: auto;
        text-align: right;
        font-weight: 600;
        margin-top: 10px;
        text-align: center;
        display: inline-block;
        
    }
    .mod_productos .datos_prod{
        width: 70%;
        padding: 5px;
        box-sizing: border-box;
        border-right: 1px solid grey;
        height: auto;
        overflow: auto;
        position: absolute;
        height: 85vh;
        left: 0;
    }
    .mod_productos .datos_prod label{
        display: inline-block;
        width: 49%;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
        height: auto;
        margin-bottom: 5px;
    }
    .mod_productos .datos_prod label p{
        font-weight: 600;
    }
    .mod_productos .datos_prod label input, .mod_productos .datos_prod label select{
        width: 100%;
        padding: 3px;
        box-sizing: border-box;
        border-radius: 5px;
        border: 1px solid silver;
        height: 35px;
    }
    .mod_productos .datos_prod label .select2{
        height: 35px;
        width: 100%;
    }
    .mod_productos .datos_prod #btn_guardar{
        width: 99%;
        height: 40px;
        background: var(--verde);
        padding: 5px;
        color: white;
        font-size: 18px;
        margin-left: .5%;
        margin-top: 5px;
    }
    .mod_productos .datos_prod #btn_guardar img{
        height: 100%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 20px;
    }
    .mod_productos .datos_prod .caja_inv_si{
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
    .mod_productos .datos_adicionales{
        width: 30%;
        position: absolute;
        height: 85vh;
        right: 0;
        padding: 5px;
        box-sizing: border-box;
        overflow: auto;
    }
    .mod_productos .datos_adicionales h3{
        text-align: center;
    }
    .mod_productos .datos_adicionales .old_costos{
        width: 100%;
    }
    .mod_productos .datos_adicionales .old_costos label{
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid grey;
        overflow: hidden;
        padding: 5px;
        box-sizing: border-box;
        height: 40px;
    }
    .mod_productos .datos_adicionales .old_costos label .costo{
        background: black;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        color: white;
        width: 50%;
        height: 100%;
        display: inline-block;
        text-align: left;
    }
    .mod_productos .datos_adicionales .old_costos label .fecha{
        background: 0;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        color: grey;
        width: 50%;
        height: 100%;
        display: inline-block;
        text-align: right;
        font-style: italic;
    }
    .caja_tipo_factura .caja_fp_cre{
        width: 100%;
        border-top: 1px solid grey;
        float: left;
    }
    .caja_tipo_factura .caja_fp_cre #label{
        width: 32%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
    .mod_venta .alerta_consec{
        width: 20%;
        display: inline-block;
        background: var(--rojo);
        color: white;
        font-size: 13px;
        height: auto;
        position: fixed;
        right: 30px;
        margin-top: 10px;
        border-radius: 5px;
        animation: go-left-right .9s infinite alternate;
        text-align: center;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_venta .alerta_fecha{
        animation: go-left-right .9s infinite alternate;
        display: inline-block;
        color: var(--rojo);
    }
    
    .mod_venta .ventanas_venta .caja_pago .fp_pago .caja_btn_efectuar_pago{
        width: 100%;
        float: left;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .caja_tipo_factura .label_mas_datos{
        width: 100%;
        float: left;
        display: inline-block;
        border-top: 1px solid black;
        color: black;
        margin-top: 5px;
        margin-top: 5px;
        cursor: pointer;
        transition: .2s;
    }
    .tabla_prod .ajustes_realizados{
        width: 300px;
        padding: 5px;
        box-sizing: border-box;
        height: 90px;
        border-radius: 5px;
        border: 1px solid silver;
        max-height: 100px;
        max-width: 500px;
    }
        .seccion_parametros{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        height: auto;
    }
    .seccion_parametros .caja_parametros {
        width: 100%;
        overflow: hidden;
        float: left;
        border-bottom: 1px solid grey;
    }
    .seccion_parametros .caja_parametros:hover{
        background: silver;
    }
    .seccion_parametros .caja_parametros .label_parametros{
        width: 14%;
        float: left;
        display: inline-block;
        margin-left: .14%;
        margin-right: .14%;
        height: 65px;
        padding: 5px;
        box-sizing: border-box;
        background: 0;
    }
    .seccion_parametros .caja_parametros .label_parametros p{
        height: 20px;
        font-weight: 600;
        background: 0;
    }
    .seccion_parametros .caja_parametros .label_parametros input, .seccion_parametros .caja_parametros .label_parametros select{
        height: 35px;
        border-radius: 5px;
        border: 1px solid silver;
        padding: 5px;
        box-sizing: border-box;
        width: 100%;
    }
    .seccion_parametros .caja_parametros .label_parametros .cajaselect2{
        height: 35px;
        
    }
    .seccion_parametros .caja_parametros .label_parametros button[type="submit"]{
        width: 100%;
        height: 35px;
        background: var(--verde);
        padding: 5px;
    }
    .seccion_parametros .caja_parametros .label_parametros button[type="submit"] img{
        background: 0;
        height: 100%;
    }
    .caja_prodagr .section_lista_prod{
        width: 100%;
        background: 0;
    }
    .caja_prodagr .section_lista_prod section .lineas_tit b, .caja_prodagr .section_lista_prod section .lineas_sub b, .caja_prodagr .section_lista_prod section .lineas_ter b{
        display: inline-block;
        display: none;
    }
    .caja_prodagr .section_lista_prod .tit{
        display: inline-block;
        width: 40%;
        float: left;
        background: var(--negro);
        color: white;
        border-radius: 5px;
        height: 20px;
        font-size: 14px;
        text-align: left;
        padding-left: 5px;
        box-sizing: border-box;
    }
    .caja_prodagr .section_lista_prod .sub{
        display: inline-block;
        width: 13%;
        float: left;
        background: var(--negro);
        color: white;
        border-radius: 5px;
        height: 20px;
        font-size: 14px;
        text-align: left;
        padding-left: 5px;
        box-sizing: border-box;
    }
    .caja_prodagr .section_lista_prod b{
        background: 0;
    }
    .caja_prodagr .section_lista_prod .lineas_tit{
        
    }
    .caja_prodagr .section_lista_prod .section_lineas .lineas_tit{
        width: 40%;
        float: left;
        display: inline-block;
        padding: 2px;
        box-sizing: border-box;
        height: 40px;
    }
    .caja_prodagr .section_lista_prod .section_lineas .lineas_sub{
        width: 13%;
        float: left;
        display: inline-block;
        padding: 2px;
        box-sizing: border-box;
        height: 40px;
        text-align: left;
    }
    .caja_prodagr .section_lista_prod .section_lineas .lineas_sub input{
        width: 100%;
        text-align: left;
        border: 1px solid black;
        padding-left: 5px;
        border-radius: 5px;
        height: 20px;
    }
    .caja_prodagr .section_lista_prod .section_lineas .lineas_ter{
        width: 8%;
        float: left;
        display: inline-block;
        padding: 2px;
        box-sizing: border-box;
        height: 40px;
    }
    .caja_prodagr .section_lista_prod .section_lineas .lineas_ter .btneliped{
        width: 100%;
    }
    .caja_prodagr .section_lista_prod .section_lineas .lineas_tit textarea{
        width: 100%;
        height: 50%;
        font-size: 12px;
        border: 0;
        resize:vertical;
        border-radius: 5px;
    }
    .caja_prodagr .section_lista_prod .section_lineas{
        background: 0;
        float: left;
        overflow: hidden;
        width: 100%;
        border-bottom: 1px dashed silver;
        padding: 2px;
        box-sizing: border-box;
    }
    .caja_prodagr .section_lista_prod .section_lineas:hover{
        background: silver;
    }
    .caja_prodagr .section_lista_prod section label{
        background: 0;
        display: inline-block;
    }
    .caja_prodagr .section_lista_prod .section_lineas label .inputobserped{
        border: 1px solid black;
        padding-left: 5px;
        box-sizing: border-box;
        border-radius: 50px;
        height: 50%;
        width: 100%;
    }
    .caja_prodagr::-webkit-scrollbar {
        width: 6px;

    }

    .caja_prodagr::-webkit-scrollbar-thumb {
        background: var(--negro);
        border-radius: 20px;
    }

    .caja_prodagr::-webkit-scrollbar-thumb-thumb:active {
        width: 10px;
    }

    .caja_prodagr::-webkit-scrollbar-track {
        background: var(--fondo);
        border-radius: 0px;
    }
    .prod_acceso_dir::-webkit-scrollbar {
        width: 6px;

    }

    .prod_acceso_dir::-webkit-scrollbar-thumb {
        background: var(--negro);
        border-radius: 20px;
    }

    .prod_acceso_dir::-webkit-scrollbar-thumb-thumb:active {
        width: 10px;
    }

    .prod_acceso_dir::-webkit-scrollbar-track {
        background: var(--fondo);
        border-radius: 0px;
    }
    .caja_prodagr .cero_filas{
        display: inline-block;
        width: 100%;
        font-size: 1vw;
        color: silver;
        font-style: italic;
    } 
    .mod_productos .sub_btn .caja_ing_parametros{
        width: 50%;
        position: absolute;
        top: 60px;
        border: 2px solid black;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        z-index: 9
    }
    .mod_productos .sub_btn .caja_ing_parametros h3{
        background: 0;
        width: 85%;
        float: left;
        height: 30px;
        margin-bottom: 5px;
    }
    .mod_productos .sub_btn .caja_ing_parametros #cerrcaja{
        width: 10%;
        float: left;
        margin-left: 5%;
        margin-right: 0;
        height: 30px;
        box-sizing: border-box;
        background: var(--rojo);
        margin-bottom: 5px;
    }
    .mod_productos .sub_btn .caja_ing_parametros form label{
        width: 49%;
        display: inline-block;
        margin-bottom: 5px;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        margin-bottom: 5px;
        height: 60px;
    }
    .mod_productos .sub_btn .caja_ing_parametros form label p{
        height: 20px;
    }
    .mod_productos .sub_btn .caja_ing_parametros form label input, .mod_productos .sub_btn .caja_ing_parametros form label select{
        width: 100%;
        height: 40px;
        border: 1px solid silver;
        border-radius: 3px;
        padding: 3px;
        box-sizing: border-box;
    }
    .mod_productos .sub_btn .caja_ing_parametros form label .cajaselect2{
        height: 40px;
    }
    .mod_productos .sub_btn .caja_ing_parametros form button{
        width: 100%;
        background: var(--verde);
        height: 40px;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_productos .sub_btn .caja_ing_parametros form button img{
        background: 0;
        height: 100%;
    }
    .seccion_parametros .caja_parametros .label_parametros .btn_eli_ter{
        background: var(--rojo);
        padding: 5px;
        box-sizing: border-box;
        height: 35px;
        width: 100%;
    }
    .seccion_parametros .caja_parametros .label_parametros .btn_eli_ter img{
        height: 100%;
        background: 0;
    }
    .seccion_parametros .caja_parametros #iconos{
        height: 300px;
        text-align: center;
    }
    .seccion_parametros .caja_parametros #iconos .logos{
        width: 100%;
        height: auto;
        background: 0;
        aspect-ratio: 3/2;
        object-fit: contain;
    }
    .mod_venta .ventanas_venta .caja_agrprod .add_producto, .mod_venta .ventanas_venta .caja_agrprod .cod_barras{
        width: 79.5%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        border: 1px solid black;
        overflow: hidden;
        height: auto; 
        margin-right: .5%;
    }
    .mod_venta .ventanas_venta .caja_agrprod .add_producto div{
        width: 49.5%;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
    }
    .mod_venta .ventanas_venta .caja_agrprod .cant_peso{
        width: 20%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        border: 1px solid black;
        overflow: hidden;
        height: auto;
    }
    .mod_venta .ventanas_venta .caja_agrprod .add_producto p, .mod_venta .ventanas_venta .caja_agrprod .cant_peso p{
        font-weight: 600;
        font-size: 14px;
        margin-bottom: 2px;
    }
    .mod_venta .ventanas_venta .caja_agrprod .add_producto .select2formprod{
        width: 100%;
        float: left;
        height: 40px;
        display: block;
        box-sizing: border-box;
    }
    .mod_venta .ventanas_venta .caja_agrprod .add_producto input, .mod_venta .ventanas_venta .caja_agrprod .cant_peso input{
        width: 100%;
        float: left;
        height: 40px;
        border: 1px solid silver;
        border-radius: 5px;
        font-size: 15px;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_venta .ventanas_venta .caja_agrprod .cant_peso input{
        text-align: center;
        font-size: 18px;
    }
    .mod_venta .ventanas_venta .caja_agrprod .precio_unitario{
        width: 100%;
        padding: 5px;
        border: 1px solid black;
        float: left;
        margin-top: 2.5px;
        box-sizing: border-box;
        height: 40px;
        border-radius: 5px;
    }
    .mod_venta .ventanas_venta .caja_agrprod .precio_unitario .pre_unitario{
        width: 49.5%;
        float: left;
        margin-right: .5%;
    }
    .mod_venta .ventanas_venta .caja_agrprod .precio_unitario .pre_unitario input{
        width: 100%;
        height: 100%;
        border: 1px solid silver;
        border-radius: 5px;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
    }
    .mod_venta .ventanas_venta .caja_agrprod .precio_unitario .btnagrprod{
        width: 50%;
        float: left;
        height: 100%;
    }
    .subcaja_btn{
        width: 29.5%;
        position: fixed;
        bottom: 5px;
        right: .5%;
    }
    .subcaja_btn .titulo{
        display: inline-block;
        width: 100%;
        background: var(--amarillo);
        color: white;
        height: 40px;
        font-size: 20px;
        text-align: center;
        border-radius: 5px;
        padding-top: 5px;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        transition: .2s;
    }
    .subcaja_btn .titulo:hover{
        transition: .2s;
        transform: scale(.9,.9);
    }
    .subcaja_btn .caja_mas_opciones{
        width: 29.5%;
        position: fixed;
        background-color: white;
        bottom: 50px;
        right: .5%;
        height: 50vh;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        overflow: auto;
        border: 2px solid black;
        display: none;
    }
    .subcaja_btn #input_mas_opciones:checked + label{
        background: var(--naranja);
    }
    .subcaja_btn #input_mas_opciones:checked ~ .caja_mas_opciones{
        display: block;
    }
    .subcaja_btn .caja_mas_opciones h3{
        text-align: center;
        margin-bottom: 5px;
    }
    .subcaja_btn .caja_mas_opciones button{
        width: 100%;
        height: 40px;
        background: black;
        color: white;
        margin-bottom: 10px;
        padding: 5px;
        box-sizing: border-box;
        font-size: 18px;
    }
    .subcaja_btn .caja_mas_opciones button img{
        height: 90%;
        background: 0;
        float: left;
        border-right: 1px solid white;
        padding-right: 10px;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .btn_cerrar_efectuar_pago{
        background: var(--rojo);
        width: 30px;
        height: 30px;
        color: white;
        font-size: 18px;
        border-radius: 5px;
        float: right;
    }
    .tableprodcompra{
        width: 100%;
        overflow: hidden;
        
    }
    .tableprodcompra .tbody, .tableprodcompra .thead{
        width: 100%;
        overflow: hidden;
        float: left;
    }
    .tableprodcompra .tbody{
        border-bottom: 1px solid black;
        
    }
    
    .tableprodcompra .thead {
        background: black;
        display: inline-block;
        border-radius: 5px;
        font-size: 15px;
        height: 50px;
    }
    .tableprodcompra .thead b{
        background: 0;
    }
    .tableprodcompra .tbody, .tableprodcompra .tbody label{
        background: 0;
        display: inline-block;
    }
    .tableprodcompra .tbody:hover{
        background: silver;
        transition: .2s;
    }
    .tableprodcompra .tbody b{
        display: none;
    }
    .mod_compras .prod_compra .tableprodcompra .thead label, .mod_compras .prod_compra  .tableprodcompra .thead label p{
        background: 0;
        color: white;
    }
    .mod_compras .prod_compra .tableprodcompra .tbody label, .mod_compras .prod_compra .tableprodcompra .thead label{
        display: inline-block;
        float: left;
        margin: 0;
        height: 60px;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_compras .prod_compra .tableprodcompra .label_pri {
        width: 20%; 
    }
    .mod_compras .prod_compra .tableprodcompra .label_sec {
        width: 12%;  
    }
    .mod_compras .prod_compra  .tableprodcompra .label_ter {
        width: 6%;
    }
    
    .mod_compras .prod_compra .tableprodcompra .label_pri input, .mod_compras .prod_compra .tableprodcompra .label_sec input, .mod_compras .prod_compra .tableprodcompra .label_sec select{
        width: 100%;
        border: 1px solid silver;
        padding: 5px;
        border-radius: 5px;
        font-size: 14px;
        height: 30px;
    }
    .mod_compras .prod_compra  .tableprodcompra .label_sec input{
        font-size: 20px;
    }
    .mod_compras .prod_compra .tableprodcompra .label_ter .btn_eliminar, .mod_compras .prod_compra .tableprodcompra .label_ter .btn_guardar{
        width: 100%;
        height: 30px;
        padding: 2px;
        background: 0;
    }
    .mod_compras .prod_compra .tableprodcompra .label_ter .btn_guardar{
        background: var(--verde);
    }
    .mod_compras .prod_compra .tableprodcompra .label_ter .btn_eliminar img, .tableprodcompra .label_ter .btn_guardar img{
        height: 100%;
        background: 0;
    }
    .caja_crear_pro_inv{
        width: 69%;
        position: absolute;
        border: 2px solid black;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        left: 30.5%;
    }
    .caja_crear_pro_inv .subcaja_pro{
        width: 100%;
        height: auto;
        position: relative;
        background: 0;
        top: 0px;
        float: left;
    }
    .caja_crear_pro_inv h3{
        text-align: left;
    }
    .caja_crear_pro_inv form input, .caja_crear_pro_inv form select{
        width: 100%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: 35px;
        border-radius: 3px;
        border: 1px solid grey;
        padding: 3px;
        box-sizing: border-box;
        font-size: 15px;
        margin-bottom: 3px;
        padding-left: 5px;
    }
    .caja_crear_pro_inv #crear_pro label{
        width: 48%;
        display: inline-block;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
    }
    .caja_crear_pro_inv #crear_pro #descrip{
        width: 98%;
    }
    .caja_crear_pro_inv form #btningpro{
        width: 99%;
        height: 40px;
        background: var(--verde);
        color: white;
        font-size: 20px;
        margin-left: .5%;
    }
    .caja_crear_pro_inv form #btningpro img{
        height: 70%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 20px;
    }
    .caja_crear_pro_inv .panel1{
        width: 100%;
        float: left;
        overflow: hidden;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }
    
    .caja_crear_pro_inv section #subtitulo{
        color: var(--rojo);
        font-weight: 600;
        font-size: .9vw;
    }
    
    .label_crear_pro{
        width: 20%;
        display: inline-block;
        height: 35px;
        font-size: 18px;
        background: var(--amarillo);
        color: white;
        border-radius: 5px;
        cursor: pointer;
        text-align: center;
        transition: .2s;
        padding-top: 4px;
        box-sizing: border-box;
    }
    .label_crear_pro:hover{
        transition: .2s;
        transform: scale(.9,.9);
    }
    .tableprodcompra .alerta_items{
        position: absolute;
        left: 2.5%;
        width: 25%;
        background: var(--rojo);
        border-radius: 5px;
        color: white;
        padding: 5px;
        box-sizing:border-box;
        text-align: center;
        font-size: 20px;
        bottom: 50px;
        animation: go-left-right .9s infinite alternate;
    }
    .mod_compras .prod_compra .tableprodcompra #btn_guardar_inventario{
        width: 100%;
        padding: 5px;
        background: var(--verde);
        height: 70px;
        margin-top: 10px;
        font-size: 30px;
        color: white;
    }
    .mod_compras .prod_compra .tableprodcompra #btn_guardar_inventario img{
        height: 80%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 20px;
    }
    
}