@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');
@media screen and (min-width:320px) and  (max-width:459px){
    
*{
      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: 9999;
    background: url('../img/cargando.gif') 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: 100%;
        margin-left: 0%;
        background: 0;
        height: 30%;
        align-content: center;
        align-items: center;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        padding: 10px;
        box-sizing: border-box;
    }
    .login .logologin img{
        background: 0;
        margin: auto;
        height: 100%;
    }
    .login .logologin img{
        width: 50%;
    }
    .login .cajalogin{
        width: 100%;
        margin-right: 0%;
        background: 0;
        height: 70%;
        align-content: center;
        align-items: center;
        text-align: center;
        bottom: 0;
        position: absolute;
        padding: 10px;
        box-sizing: border-box;
    }
    .login .cajalogin form{
        background: 0;
    }
    .login .cajalogin #subcajalogin{
        width: 95%;
        text-align: center;
        margin: auto;
        border-radius: 5px;
        box-sizing: border-box;
        padding: 5px;
    }
    .login .cajalogin h1{
        background: 0;
        color: var(--naranja);
    }
    .login .cajalogin .inputform{
        width: 90%;
        height: 55px;
        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: 60px;
        background: var(--verde);
        color: white;
        font-size: 25px;
        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: 20%;
        float: left;
        text-align: center;
        height: 100%;
        background: 0;
        background: var(--negro);
        box-sizing: border-box;
        padding: 3px;
        position: absolute;
        left: 40%;
    }
    .cabecera .logo img{
        height: 100%;
        text-align: center;
        background: 0;
        margin-top: 0%;
    }
    .cabecera .btnvermenucel{
        width: 20%;
        height: 100%;
        background: var(--pri);
        float: left;
        padding: 5px;
        position: absolute;
        left: 0;
    }
    .cabecera .btnvermenucel img{
        background: 0;
        height: 100%;
    }
    .cabecera .botones{
        width: 100%;
        float: left;
        height: auto;
        background: var(--negro);
        box-sizing: border-box;
        padding: 3px;
        display: none;
        position: absolute;
        margin-top: 50px;
    }
    .cabecera .botones #cerrcajamenucel{
        width: 15%;
        float: left;
        font-size: 20px;
        font-weight: 600;
        height: 40px;
    }
    #inputvermenucel:checked ~ .botones{
        display: block;
    }
    .cabecera .botones button{
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        height: 50px;;
        border: 0;
        background: red;
        font-size: 18px;
        border-radius: 3px;
        float: left;
        text-align: center;
        box-sizing: border-box;
        padding: 5px;
        color: white;
        margin-bottom: 10px;
    }
    .cabecera .botones #btnmenuvender{
        background: var(--verde)
    }
    .cabecera .botones #btnmenucuadre{
        background: var(--naranja)
    }
    .cabecera .botones #btnmenuprod{
        background: var(--azul)
    }
    .cabecera .botones #btnmenubalan{
        background: var(--amarillo)
    }
    .cabecera .botones button img{
        height: 70%;
        background: 0;
        float: left;
        
    }
    .cabecera .infousu{
        width: 40%;
        background: var(--negro);
        box-sizing: border-box;
        padding: 3px;
        border-radius: 5px;
        position: absolute;
        right: 0;
    }
    .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: 99%;
        color: white;
    }
    .cabecera .infousu #salir img{
        height: 80%;
        background: 0;
        margin-bottom: -3px;
        margin-left: 0px;
    }
    .mod_venta{
       width: 100%;
        height: auto;
        
    }
    .mod_venta .espacio_modventa{
        height: 50px;
        background: 0;
    }
    
    .mod_venta h1{
        text-align: center;
        width: 100%;
        font-size: 6vw;
        margin-bottom: 10px;
    }
    .mod_venta .ventanas_venta{
        width: 100%;
        height: 30px;
        
    }
    
    .mod_venta .ventanas_venta  .btnverventanas{
        width: 24%;
        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: 3px;
        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: 100%;
        float: left;
        text-align: center;
        margin-left: 0%;
        background: 0;
        position: absolute;
        top: 170px;
        padding: 5px;
        box-sizing: border-box;
        height: 100%;;
        overflow: auto;
    }
    .mod_venta .ventanas_venta .caja_venta h3{
        background: 0;
        color: black;
        margin-bottom: 5px;
    }
    .mod_venta .ventanas_venta .caja_agrprod{
        width: 100%;
        float: left;
        height: auto;
        overflow: hidden;
        margin-bottom: 5px;
    }
    .mod_venta .ventanas_venta .select2formprod{
        width: 100%;
        float: left;
        height: 60px;
        overflow: auto;
    }
    .mod_venta .ventanas_venta .select2formprod .cajaselect2{
        height: 35px;
        width: 100%;
    }
    .mod_venta .ventanas_venta .codformprod{
        width: 100%;
        float: left;
        height: auto;
        margin-bottom: 5px;
    }
    .mod_venta .ventanas_venta .codformprod 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{
        width: 24%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
    .mod_venta .ventanas_venta .btnformprod{
        width: 49%;
        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 .select2formprod label, .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: 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: 100%;
        text-align: center;
        float: left;
        overflow: auto;
        bottom: 45px;
        height: auto;
    }
    .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped{
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        border: 1px solid grey;
        height: auto;
    }
    .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped th{
        background: grey;
        color: white;
        padding: 3px;
    }
    .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped td{
        border-bottom: 1px solid grey;
        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_pago{
        width: 100%;
        float: left;
        right: 0;
        top: 150px;
        padding: 5px;
        box-sizing: border-box;
        height: 100%;
        overflow: auto;
        border-top: 2px solid black;
    }
    .mod_venta .ventanas_venta .caja_pago h2{
        background: 0;
        font-size: 6vw;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago{
        width: 100%;
        border-top: 1px solid silver;
        overflow: auto;
        height: auto;
    }
    .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-bottom: 5px;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajabtnpago button{
        height: 40px;
        background: var(--verde);
        border: 0;
        color: white;
        width: 100%;
        border-radius: 3px;
        font-size: 20px;
    }
    .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 .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);
        padding: 5px;
        box-sizing: border-box;
        position: absolute;
        height: 100%;
    }
    .caja_ticket .mod_ticket{
        width: 100%;
        margin: auto;
        border: 1px solid black;
        box-sizing: border-box;
        padding: 5px;
        border-radius: 3px;
    }
    .caja_ticket .mod_ticket .logo_ticket{
        text-align: center;
        margin-bottom: 5px;
    }
    .caja_ticket .mod_ticket .logo_ticket img{
        width: 40%;
    }
    .caja_ticket .mod_ticket .info_sucursal{
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
        font-size: 3.5vw;
    }
    .caja_ticket .mod_ticket .info-pedido{
        width: 100%;
        text-align: center;
        font-size: 3.5vw;
    }
    .caja_ticket .mod_ticket .info-pedido table{
        width: 100%;
        border-collapse: collapse;
        font-size: 3.5vw;
        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;
        font-size: 3vw;
    }
    .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;
    }
    .mod_venta .subcaja_btn{
        position: fixed;
        width: 100%;
        height: 50px;
        bottom: 2px;;
    }
    .mod_venta .subcaja_btn .btnsubcaja{
        width: 19%;
        text-align: center;
        border: 0;
        height: 48px;
        margin-top: 1px;
        z-index: 99;
        color: white;
        font-size: 12px;
        border-radius: 3px;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
    .mod_venta .subcaja_btn #btnmenucuadre{
        background: var(--verde);
    }
    .mod_venta .subcaja_btn #btnmenucompras{
        background: var(--amarillo);
    }
    .mod_venta .subcaja_btn button img{
        width: 60%;
        background: 0;
        margin-bottom: -5px;
        margin-right: 0px;
    }
    .mod_venta .subcaja_btn #btnvergasto{
        background: var(--naranja);
    }
    .mod_venta .subcaja_btn #oldticket{
        background: var(--gris);
    }
    .mod_venta .subcaja_btn #btnvergasto{
        background: var(--naranja);
    }
    .mod_venta .subcaja_btn .btnsubcaja img{
        margin-bottom: -5px;
        height: 70%;
    }
    .mod_venta .cajainggasto{
        position: fixed;
        bottom: 55px;
        height: auto;
        padding: 5px;
        width: 95%;
        border: 2px solid var(--naranja);
        border-radius: 5px;
        left: 0;
    }
    .mod_venta .cajainggasto h2{
        width: 85%;
        float: left;
        margin: 0;
        text-align: left;
        height: 35px;
        margin-bottom: 5px;
    }
    .mod_venta .cajainggasto input, .mod_venta .cajainggasto select{
        width: 100%;
        height: 40px;
        font-size: 20px;
        border: 1px solid silver;
        margin-bottom: 5px;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 3px;
    }
    .mod_venta .cajainggasto #btninggasto{
        width: 100%;
        margin: 0;
        height: 40px;
        font-size: 20px;
        background: var(--naranja);
        border: 0;
        color: white;
    }
    .mod_venta .cajainggasto #btninggasto img{
        margin-left: 20px;
        height: 100%;
    }
    .mod_venta .cajainggasto #cerrcajainggasto{
        width: 14%;
        float: right;
        height: 35px;
        margin-bottom: 5px;
        background: var(--rojo);
        font-size: 20px;
        margin-right: 0;
        color: white;
        
    }
    .modcuadre{
        width: 100%;
        text-align: center;
        top: 0;
        left: 0;
        height: 100%;
    }
    .modcuadre h1{
        font-size: 6vw;
    }
    .modcuadre .espacio_modcuadre{
        height: 50px;
    }
    .modcuadre .ing_base{
        width: 95%;
        position: absolute;
        left: 2.5%;
        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: 100%;
        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: 50px;
        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: 100%;
        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 #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: 50px;
        font-size: 25px;
        margin-left: .5%;
        margin-bottom: 20px;
    }
    .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: 49%;
        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 .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: 85%;
        float: left;
        margin-bottom: 5px;
        height: 30px;
    }
    .mod_productos .sub_btn .btn_cerr_crear{
        width: 14%;
        background: var(--rojo);
        color: white;
        font-size: 15px;
        height: 30px;
        float: right;
        margin-bottom: 5px;
    }
    .mod_productos .caja_crear{
        width: 98%;
        height: auto;
        overflow: hidden;
        position: absolute;
        top: 130px;
        background: white;
        border-radius: 5px;
        border: 2px solid var(--verde);
        padding: 5px;
        box-sizing: border-box;
        left: 2%;
    }
    .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;
        border-top: 1px solid silver;
    }
    .mod_productos .subcaja_pro h3{
        text-align: left;
    }
    .mod_productos .subcaja_pro form input, .mod_productos .subcaja_pro form select{
        width: 100%;
        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 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%;
        overflow: auto;
    }
    .caja_prod .tabla_prod table{
        width: 100%;
        text-align: center;
        border-collapse: collapse;
    }
    .caja_prod .tabla_prod table td{
        padding: 3px;
        box-sizing: border-box;
        background: 0;
        border: 1px solid var(--gris);
    }
    .caja_prod .tabla_prod table td input, .caja_prod .tabla_prod table td select{
        width: 85%;
        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: 3px;
        box-sizing: border-box;
    }
    .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: 99%;
        padding: 3px;
        box-sizing: border-box;
        border-radius: 3px;
        margin-bottom: 3px;
        border: 1px solid silver;
        padding-left: 5px;
    }
    .ajustesnomusu .btn-infousu{
        width: 99%;
        background: var(--amarillo);
        color: white;
        margin: auto;
        font-size: 12px;
        margin-bottom: 5px;
        height: 30px;
    }
    .ajustesnomusu form .btnactdatosusu, .ajustesnomusu form #btncambiarcaja{
        width: 99%;
        height: 30px;
        font-size: 12px;
        background: var(--azul);
        color: white;
        border: 1px solid silver;
    }
    .ajustesnomusu form .btnactdatosusu img, .ajustesnomusu form #btncambiarcaja img{
        height: 70%;
        background: 0;
        margin-left: 0px;
        margin-bottom: -5px;
    }
    .cabecera .infousu #abrircajainfousu{
        width: 100%;
        display: inline-block;
        text-align: center;
        background: 0;
        color: white;
        height: 40px;
        box-sizing: border-box;
        padding-top: 10px;
        text-decoration: underline;
        cursor: pointer;
        font-size: 12px;
    }
    .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: 3px;
        box-sizing: border-box;
    }
    .mod_productos .caja_prod .filtro_prod form label{
        float: left;
        text-align: center;
        margin-left: .5%;
        margin-right: .5%;
        width: 49%;
    }
    .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: 35px;
        width: 100%;
    }
    .mod_productos .caja_prod .filtro_prod form label button{
        background: var(--azul);
        height: 35px;
        padding: 4px;
        width: 100%;
    }
    .mod_productos .caja_prod .filtro_prod form label button img{
        height: 100%;
        background: 0;
    }
    .mod_productos .caja_prod .filtro_prod .cajaselpro{
        width: 100%;
        float: left;
        height: 35px;
    }
    .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 button{
        display: inline-block;
        border-radius: 5px;
        padding: 3px;
        height: 40px;
        width: 40px;
        background: grey;
    }
    .caja_prod .tabla_prod .btns_expor button 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-bottom: 1px solid silver;
    }
    .mod_balance{
       width: 100%;
        height: 100%;
        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: 99%;
        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: 29%;
        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: 5vw;
    }
    .mod_balance .cajas_balances .cajas_bal .titulo h2 img{
        height: 100%;
        margin-left: 0px;
    }
    .mod_balance .cajas_balances .cajas_bal .dato{
        width: 69%;
        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 #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:0px;
    }
    .btnverinputser{
        width: 35px;
        height: 35px;
        padding: 5px;
        background: var(--amarillo);
        float: left;
        position: absolute;
        left: 45px;
        top:0px;
    }
    .btnverinputpro img,.btnverinputser img{
        background: 0;
        height: 100%;
    }
    .mod_productos .cajaverventa{
        position: fixed;
        border-radius: 5px;
        border: 2px solid black;
        width: 95%;
        padding: 5px;
        box-sizing: border-box;
        bottom: 2.5%;
        right: 2.5%;
    }
    .mod_productos .cajaverventa .datosticket{
        width: 100%;
        overflow: auto;
        
    }
    .mod_productos .cajaverventa .p1{
        font-weight: 600;
        font-size: 15px;
    }
    .mod_productos .cajaverventa #p1{
        width: 50%;
        float: left;
        text-align: left;
        border-bottom: 1px solid silver;
        font-size: 12px;
        height: 35px;
    }
    .mod_productos .cajaverventa #p2, .mod_productos .cajaverventa #p3{
        width: 25%;
        float: left;
        text-align: right;
        border-bottom: 1px solid silver;
        font-size: 12px;
        height: 35px;
    }
    .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 .btnetiquetas{
        width: 40px;
        height: 40px;
        background: var(--azul);
        border: 0;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
    }
    .tabla_prod .btnetiquetas 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;
        height: 30px;
    }
    .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%;
        height: auto;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_compras .info_compra{
        width: 100%;
        height: auto;
        border-bottom: 1px solid var(--pri);
        margin-bottom: 5px;
    }
    .mod_compras .info_compra h1, .mod_compras .prod_compra h1{
        text-align: center;
        font-size: 6vw;
    }
    .mod_compras .info_compra form{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_compras .info_compra form label{
        width: 100%;
        display: inline-block;
    }
    .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 .select2formprod{
        width: 100%;
    }
    .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 .btn_canc_fact{
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
    }
    .mod_compras .info_compra .btn_canc_fact button{
        width: 98%;
        text-align: center;
        color: white;
        background: var(--rojo);
        height: 40px;
        font-size: 15px;
    }
    .mod_compras .info_compra form label button{
        width: 100%;
        height: 40px;
        background: var(--azul);
        border: 0;
        padding: 5px;
        margin-top: 5px;
    }
    .mod_compras .info_compra form label #btningcom{
        background: var(--verde);
    }
    .mod_compras .info_compra form label button img{
        height: 100%;
        background: 0;
    }
    .mod_compras .prod_compra{
        width: 100%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        height: auto;
        overflow-y: auto;
    }
    .mod_compras .prod_compra form label{
        width: 100%;
    }
    .mod_compras .prod_compra form label input{
        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%;
        overflow: auto;
    }
    .mod_compras .tableprodcompra table{
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        font-size: 4vw;
    }
    .mod_compras .tableprodcompra #tdpro{
        width: 40%;
        text-align: center;
    }
    .mod_compras .tableprodcompra th{
        padding: 3px;
        background: var(--gris);
        color: white;
    }
    .mod_compras .tableprodcompra td{
        text-align: center;
        padding: 5px;
        border-bottom: 1px solid silver;
        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 tr:hover{
        background: silver;
    }
    .mod_compras #formguardarfac{
        width: 100%;
    }
    .mod_compras #formguardarfac button{
        width: 100%;
        background: var(--verde);
        font-size: 6vw;
        height: 70px;
        border-radius: 5px;
        padding: 5px;
        color: white;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .mod_compras #formguardarfac button img{
        height: 40%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 5px;
    }
    .mod_compras #formguardarfac button b{
        background: 0;
    }
    .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: 60px;
        margin-bottom: 10px;
        float: left;
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        border: 3px solid var(--pri);
        font-size: 6vw;
        padding: 10px;
        border-radius: 10px;
        text-align: center;
    }
    .mod_parametros .btsparametros button img{
        height: 90%;
        background: 0;
        margin-bottom: -5px;
        margin-right: 20px;
    }
    .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: 97%;
        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, .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli input, .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli select{
        display: inline-block;
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli input, .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli select{
        height: 30px;
        border: 1px solid silver;
        border-radius: 3px;
        margin-bottom: 5px;
        text-align: center;
    }
    .mod_productos .caja_lv{
        width: 95%;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        border: 1px solid grey;
        position: absolute;
        margin-left: 0%;
        top: 95;
        overflow: hidden;
        height: auto;
        display: none;
    }
    .mod_productos .caja_lv h1{
        font-size: 6vw;
        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{
        width: 100%;
        height: 35px;
        border: 1px solid grey;
        border-radius: 5px;
        padding: 5px;
        font-size: 4vw;
    }
    .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: 5vw;
        background: var(--verde);
    }
    .mod_productos .caja_lv form{
        height: auto;
        overflow: hidden;
        width: 100%;
    }
    .prod_compra .caja_crear_pro_com{
        width: 99%;
        position: absolute;
        top: 500px;
        left: .25%;
        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);
        z-index: 9;
    }
    .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: 100%;
        display: inline-block;
    }
    .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;
        color: white;
        width: 100%;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli{
        width: 100%;
        float: left;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli label, .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli input, .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli select{
        display: inline-block;
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli input, .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli select{
        height: 30px;
        border: 1px solid silver;
        border-radius: 3px;
        margin-bottom: 5px;
        text-align: center;
    }
    .mod_productos .caja_lv{
        width: 95%;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        border: 1px solid grey;
        position: absolute;
        margin-left: 0%;
        top: 95;
        overflow: hidden;
        height: auto;
        display: none;
    }
    .mod_productos .caja_lv h1{
        font-size: 6vw;
        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{
        width: 100%;
        height: 35px;
        border: 1px solid grey;
        border-radius: 5px;
        padding: 5px;
        font-size: 4vw;
    }
    .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: 5vw;
        background: var(--verde);
    }
    .mod_productos .caja_lv form{
        height: auto;
        overflow: hidden;
        width: 100%;
    }
    .prod_compra .caja_crear_pro_com{
        width: 99%;
        position: absolute;
        top: 500px;
        left: .25%;
        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);
        z-index: 9;
    }
    .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: 100%;
        display: inline-block;
    }
    .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;
        color: white;
        width: 100%;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .fpventas{
        width: 100%;
        height: 40px;
        background: var(--negro);
        color: white;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 5px;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .fpventas option, .mod_venta .ventanas_venta .caja_pago .fp_pago .fpventas optgroup{
        color: black;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajapaga2, .mod_venta .ventanas_venta .caja_pago .fp_pago .cajafp2{
        width: 100%;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajapaga2 label, .mod_venta .ventanas_venta .caja_pago .fp_pago .cajafp2 label{
        width: 50%;
        float: left;
    }
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajapaga2 .inputpaga2, .mod_venta .ventanas_venta .caja_pago .fp_pago .cajafp2 .fpventas2{
        width: 50%;
        height: 30px;
        border: 1px solid silver;
        border-radius: 3px;
        margin-bottom: 5px;
        text-align: center;
        float: left;
        
    }
    .mod_venta .datos_cli{
        width: 100%;
        margin: auto;
        text-align: center;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_venta .datos_cli form label{
        width: 100%;
        margin-bottom: 5px;
        overflow: hidden;
        height: auto;
        display: inline-block;
    }
    .mod_venta .datos_cli h4{
        color: var(--rojo);
    }
    .mod_venta .datos_cli form label p{
        width: 100%;
        text-align: left;
        font-weight: 600;
        font-size: 4vw;
    }
    .mod_venta .datos_cli form label input, .mod_venta .datos_cli form label select{
        width: 100%;
        height: 40px;
        border-radius: 5px;
        padding: 5px;
        font-size: 5vw;
        border: 1px solid silver;
    }
    .mod_venta .datos_cli form label .input_mayus{
        text-transform: uppercase;
    }
    .mod_venta .datos_cli form label input::placeholder{
        text-transform: capitalize;
    }
    .mod_venta .datos_cli form button[type="submit"]{
        width: 100%;
        height: 40px;
        background: var(--verde);
        padding: 5px;
    }
    .mod_venta .datos_cli form button[type="submit"] img{
        height: 100%;
        background: 0;
    }
    .mod_venta .datos_ped{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_venta .datos_ped .add_prod{
        width: 100%;
        overflow: hidden;
        margin-bottom: 5px;
    }
    .mod_venta .datos_ped .add_prod .label1{
        width: 100%;
        display: inline-block;
        float: left;
        font-size: 5vw;
    }
    .mod_venta .datos_ped .add_prod .label1 .caja_select2{
        width: 100%;
        height: 35px;
    }
    .mod_venta .datos_ped .add_prod .label2{
        width: 49%;
        display: inline-block;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        font-size: 5vw;
    }
    .mod_venta .datos_ped .add_prod .label2 input{
        width: 100%;
        height: 35px;
        padding-left: 5px;
        border-radius: 5px;
        border: 1px solid silver;
        font-size: 5vw;
    }
    .mod_venta .datos_ped .add_prod .label2 button[type="submit"]{
        width: 100%;
        height: 35px;
        background: var(--verde);
        padding: 5px;
    }
    .mod_venta .datos_ped .add_prod .label2 button[type="submit"] img{
        height: 100%;
        background: 0;
    }
    .mod_venta .datos_ped .datos_prod{
        width: 100%;
        overflow: hidden;
        height: auto;
        background: 0;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 5px;
        overflow: auto;
    }
    .mod_venta .datos_ped .datos_prod table{
        width: 100%;
        border-collapse: collapse;
        font-size: 3.5vw;
    }
    .mod_venta .datos_ped .datos_prod table tr{
        background: 0;
    }
    .mod_venta .datos_ped .datos_prod table tbody:hover{
        background: silver;
    }
    .mod_venta .datos_ped .datos_prod table th, .mod_venta .datos_ped .datos_prod table td{
        background: 0;
        text-align: left;
    }
    .mod_venta .datos_ped .datos_prod table th b{
        display: inline-block;
        background: var(--pri);
        color: white;
        width: 98%;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
    }
    .mod_venta .datos_ped .datos_prod table td{
        padding: 5px;
    }
    .mod_venta .datos_ped .datos_prod table td b{
        display: inline-block;
        background: grey;
        width: 100%;
        padding: 3px;
        box-sizing: border-box;
        border-radius: 5px;
        float: left;
    }
    .mod_venta .datos_ped .datos_prod table td form{
        background: 0;
    }
    .mod_venta .datos_ped .datos_prod table td form input{
        width: 100%;
        float: left;
        height: 30px;
        padding-left: 5px;
        border-radius: 5px;
        border: 1px solid grey;
    }
    .mod_venta .datos_ped .datos_prod table .tr1{
        border-top: 1px solid black;
    }
    .mod_venta .datos_ped .datos_prod table td .eli_ped{
        width: 20px;
        height: 20px;
        background: 0;
    }
    .mod_venta .datos_ped .datos_prod table td .eli_ped img{
        height: 100%;
        background: 0;
    }
    .mod_venta .datos_ped .confirmar_ped{
        width: 100%;
    }
    .mod_venta .datos_ped .confirmar_ped label{
        display: inline-block;
        width: 100%;
        height: 50px;
        padding: 5px;
        float: left;
        box-sizing: border-box;
    }
    .mod_venta .datos_ped .confirmar_ped label select{
        height: 100%;
        width: 100%;
        border: 1px solid silver;
        border-radius: 5px;
        font-size: 4vw;
        padding: 5px;
    }
    .mod_venta .datos_ped .confirmar_ped label button[type="submit"]{
        height: 100%;
        width: 100%;
        border-radius: 5px;
        font-size: 1vw;
        background: var(--verde);
    }
    .mod_venta .datos_ped .confirmar_ped label button[type="submit"] img{
        height: 100%;
        background: 0;
    }
    
}