@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:1024px) and (max-width:4560px) {

    * {
     margin: 0;
        padding: 0;
        font-family: Abel;
        --vino: #000;
        --rojo: #ef4550;
        --amarillo: #F0CB34;
        --verde: #26B380;
        --gris: #3e3e3e;
        --fondo: #fff;
        --dorado: #3D9C54;
        --naranja: #f97423;
        background: var(--fondo);
        --green: #26B380;
        --azul: #3099BA;
    }
    a:hover,
    button:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }
    a,
    button {
        transition: .2s;
        cursor: pointer;
        border-radius: 3px;
        display: inline-block;

    }

    input {
        border-radius: 3px;
        border: 1px solid silver;
    }

    .loader5 {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: url('../img/logo1.png') 50% 50% no-repeat rgba(255, 255, 255, .5);
        background-size: 10%;

    }

    body::-webkit-scrollbar {
        width: 20px;

    }

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

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

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

    .foo {
        width: 100%;
        position: fixed;
        right: 0;
        bottom: 0;
        box-shadow: 0px 0px 5px var(--gris);
        border-radius: 10px 10px 0px 0px;
        display: none;
    }

    .foo img {
        width: 15%;
        float: left;

    }

    .foo p {
        display: inline-block;
        font-family: dancing script;
        font-weight: bolder;
        text-align: center;
        width: 40%;
        font-size: 15px;
        color: var(--gris);
        border-radius: 10px;
        float: left;

    }

    .foo h4 {
        font-size: 12px;
        width: 30%;
        text-align: center;
        color: var(--gris);
        background: var(--fondo);
        border-radius: 5px;
        float: right;
    }

    #espacio {
        height: 60px;
        background: 0;
        margin-bottom: 5px;
    }

    .header {
        width: 100%;
        height: 60px;
        text-align: center;
        background: var(--vino);
        position: fixed;
        z-index: 10000;
        top: 0;
        text-align: center;
        padding: 5px;
        box-sizing: border-box;
    }
    .header .logo {
        background: 0;
        background-image: url(../img/logo1.png);
        width: 60px;
        height: 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        margin: auto;
    }

    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type="number"] {
        -moz-appearance: textfield;
    }

        .login {
        width: 100%;
        height: 100%;
        background: grey;
        background: var(--vino);
    }

    .login .panel_izq {
        width: 50%;
        float: left;
        height: 100%;
        background: var(--vino);
        text-align: center;
    }

    .login .panel_izq img {
        width: auto;
        background: 0;
        margin-top: 20%;
        height: 60%;
        -webkit-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.75);
        border-radius: 55px;
    }

    .login .panel_der {
        text-align: center;
        width: 50%;
        float: left;
        height: 100%;
        background: var(--vino);
    }

    .login .panel_der form {
        width: auto;
        height: 40%;
        margin-top: 30%;
        background: 0;
        border-left: 1px solid white;
        }

    .login .panel_der form h2 {
        color: white;
        font-size: 2.5vw;
        background: 0;
    }

    .login .panel_der form input {
        width: 80%;
        padding: 5px;
        text-align: center;
        font-size: 25px;
        margin-bottom: 10px;
        height: 50px;
        background: var(--vino);
        border: 2px solid white;
        color: white;
        letter-spacing: 5px;
    }
    .login .panel_der form input::placeholder{
        color: silver;
    }
    .login .panel_der form input[type="radio"]:checked + label {
        background: var(--vino);
        transition: .2s;
    }

    .login .panel_der form input[type="radio"] {
        display: none;
    }

    .login .panel_der form label {
        width: 34%;
        float: left;
        margin-left: 10%;
        background: silver;
        border-radius: 3px;
        padding: 3px;
        box-sizing: border-box;
        display: inline-block;
        margin-bottom: 5px;
        cursor: pointer;
        color: white;
        transition: .2s;
        margin-right: 2%;
        height: 50px;
        font-size: 20px;
        padding-top: 12px;
    }

    .login .panel_der form .btningresar {
        background: var(--dorado);
        color: white;
        border: 0;
        width: 80%;
        height: 60px;
        padding: 10px;
    }
    .login .panel_der form .btningresar img{
        height: 100%;
        background: 0;
    }

    .login .derechos_autor_index{
        width: 100%;
        position: absolute;
        background: 0;
        height: 80px;
        bottom: 0;
        text-align: center;
    }
    .login .derechos_autor_index img{
        height: 70%;
        background: 0;

    }
    .login .derechos_autor_index p{
        background: 0;
        font-size: 15px;
        color: white;
        height: 20px;
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    #salir {
        display: inline-block;
        position: fixed;
        right: 10;
        top: 17px;
        font-size: 20px;
        color: white;
        transition: .2s;
        background: 0;
        text-decoration: none;
        z-index: 10000;
        width: 25px;

    }

    #salir:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    #confped,
    #confped1 {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 1000000;
        background: rgba(0, 0, 0, .9);
        text-align: center;
        margin-left: -100%;
        transition: .1s;
    }

    #confirped:checked ~ #confped {
        margin-left: 0%;
        transition: .1s;
    }

    #confirped1:checked ~ #confped1 {
        margin-left: 0%;
        transition: .1s;
    }

    #confped p,
    #confped1 p {
        color: white;
        background: 0;
        margin-top: 10%;
        margin-bottom: 50px;
        font-size: 30px;
        font-weight: normal;

    }

    #nconf {
        display: inline-block;
        width: 10%;
        height: 30px;
        background: var(--rojo);
        font-size: 23px;
        color: white;
        border-radius: 3px;
        cursor: pointer;
    }

    #confped button,
    #confped1 button {
        width: 100px;
        height: 50px;
        border-radius: 3px;
        box-shadow: 0px 0px 5px black;
        background: var(--rojo);
        border: 0;
        color: white;
        font-size: 40px;
        transition: .2s;
        cursor: pointer;
        display: inline-block;
    }

    #confped a,
    #confped1 a {
        width: 250px;
        height: 100px;
        border-radius: 3px;
        box-shadow: 0px 0px 5px black;
        background: var(--verde);
        border: 0;
        color: white;
        font-size: 45px;
        display: inline-block;
        text-decoration: none;
        position: relative;
        transition: .2s;
        box-sizing: border-box;
        padding-top: 20px;
        margin-bottom: 20px;
    }

    #confped a:hover,
    #confped button:hover,
    #confped1 a:hover,
    #confped1 button:hover {
        transform: scale(.8, .8);
        transition: .2s;
    }

    #cped {
        width: 30%;
        text-align: center;
        margin: auto;
        box-shadow: 0px 0px 2px black;
        background: rgba(0, 0, 0, .9);
        display: none;
        position: fixed;
        z-index: 1000000;
        top: 0px;
        overflow: scroll;
        height: 100%;
    }

    #cped #ccped {
        float: right;
        width: 50px;
        background: var(--rojo);
        color: white;
        border: 0;
        height: 40px;
        margin-top: -40px;
        font-size: 30px;
        cursor: pointer;
    }

    #cped #ccped:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    #cped p {
        font-size: 30px;
        color: white;
        background: var(--dorado);
        height: 40px;
    }

    #cped #tped {
        width: 100%;
        background: var(--dorado);
        border-collapse: collapse;
        text-align: center;
        font-size: 13px;
        margin: auto;
        float: left;
        margin-bottom: 10px;

    }

    #cped #tped #nota {
        font-size: 12px;
    }

    #cped #tped td {

        background: white;
    }

    #cped #tped th {
        background: white;
        color: var(--vino);
        border-bottom: 1px solid var(--dorado);
    }

    #cped #tped #td1 {
        border-bottom: 1px solid var(--dorado);

    }

    #cped #tped td a {
        display: inline-block;
        background: var(--rojo);
        color: white;
        width: 25px;
        height: 25px;
        font-size: 18px;
        text-decoration: none;
        margin-bottom: 5px;
        transition: .2s;
    }

    #cped #tped td a:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    #cped #tped #tot {
        font-size: 30px;
        color: white;
        background: var(--dorado);
    }

    #cped #tped #td1 img {
        width: 20px;
    }

    #labelconf {
        width: 95%;
        position: absolute;
        bottom: 0px;
        z-index: 0;
        height: 7%;
        background: 0;
        left: -30%;
        z-index: 9;

    }

    #cconf #conf {
        bottom: 7px;
        width: 28%;
        padding: 3px;
        box-sizing: border-box;
        border: 0;
        border-radius: 3px;
        z-index: 0;
        background: var(--green);
        font-size: 30px;
        color: white;
        text-align: center;
        position: fixed;
        margin-left: 2px;
    }

    #cconf #conf:hover,
    #cconf #conf1:hover {
        cursor: pointer;
    }

    #cconf #ccped1 {
        width: 20%;
        float: left;
        border: 0;
        color: white;
        background: var(--rojo);
        height: 70px;
        font-size: 30px;
    }

    #vverpedi {
        width: 30%;
        position: fixed;
        bottom: 0;
        background: white;
        height: 60px;
        text-align: center;
        box-shadow: 0px 0px 2px black;

    }

    #vverpedi #verpedi {
        width: 100%;
        margin-top: 0px;
        height: 60px;
        border-radius: 0px;
        background: var(--dorado);
        color: white;
        font-size: 35px;
        border: 0;
        cursor: pointer;
    }

    #tprod {
        width: 24%;
        margin: auto;
        text-align: center;
        font-size: 15px;
        border-collapse: collapse;
        border: 2px solid var(--vino);
        margin-bottom: 5px;
        float: left;
        margin-left: .5%;
        margin-right: .5%;

    }

    #tprod th {
        background: var(--vino);
        color: white;
        font-weight: 100;
        height: 40px;
    }

    #tprod td {
        width: 100%;
    }

    #tprod #des {
        font-size: 10px;

    }

    #tprod #nota {
        font-size: 12px;

    }

    #tprod #onota input {
        width: 100%;
        border: 0;
        font-size: 12px;
        height: 30px;
        text-align: center;

    }

    #tprod #can input {
        width: 100%;
        border: 1px solid var(--verde);
        font-size: 20px;
        height: 20px;
        text-align: center;
        background: white;
        height: 30px;

    }

    #tprod #ven input {
        width: 100%;
        border: 1px solid var(--verde);
        font-size: 20px;
        height: 20px;
        text-align: center;
        background: var(--verde);
        height: 30px;
        color: white;
        cursor: pointer;
        transition: .2s;
    }

    #tprod #ven input:hover {
        background: var(--vino);
        transition: .2s;
    }

    #tprod #ven,
    #tprod #can {
        width: 50%;

    }

    #tprod #nota input[type=checkbox]:checked + label {
        background: var(--rojo);
        color: white;
        transition: .2;
        border: 0;
        transition: .2s;
        transform: scale(.9, .9);
        display: inline-block;
        border-radius: 2px;

    }

    #tprod #nota input[type=checkbox] {
        display: none;
    }

    #tprod #nota {
        border-top: 1px solid var(--vino);
        font-size: 13px;
        height: 25px;
    }

    #tprod #nota label {
        border: 0;
        transition: .2s;
        background: var(--dorado);
        font-size: 15px;
        cursor: pointer;
        transition: .2s;
    }

    #cpro {
        text-align: center;
        margin-bottom: 80px;
        height: auto;
        overflow: hidden;
    }

    #oper {
        width: 30%;
        height: 40px;
        overflow: hidden;
        position: fixed;
        top: 10px;
        background: 0;
        z-index: 10000;
        left: 150px;
    }

    #cpro #bres,
    #cpro #bbar {
        width: 48%;
        height: 40px;
        background: var(--dorado);
        color: white;
        border: 0;
        box-shadow: 0px 0px 2px grey;
        font-size: 17px;
        border-radius: 5px;
        cursor: pointer;
        transition: .2s;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
    }

    #cpro #bres:hover,
    #cpro #bbar:hover {
        background: var(--vino);
        color: white;
        transform: scale(.9, .9);
        transition: .2s;
    }

    #cres p,
    #cbar p {
        font-size: 18px;
        color: var(--gris);
    }

    #buscar {
        width: 20%;
        position: fixed;
        top: 65px;
        right: 2%;
        border: 1px solid silver;
        padding: 5px;
        box-sizing: border-box;
        height: 40px;
    }

    #volver {
        display: inline-block;
        width: 40px;
        position: fixed;
        top: 9px;
        left: 5px;
        transition: .2;
        z-index: 10000;
        background: 0;
        transition: .2s;
    }

    #volver img {
        width: 100%;
        background: 0;

    }

    #volver2 {
        display: inline-block;
        width: 40px;
        position: fixed;
        top: 9px;
        left: 60px;
        transition: .2;
        z-index: 10000;
        background: 0;
        transition: .2s;
    }

    #volver2 img {
        width: 100%;
        background: 0;

    }

    #volver:hover,
    #volver2:hover {
        transform: scale(.9, .9);
        transition: .2;
    }

    #despedida {
        width: 100%;
        text-align: center;
        background: var(--vino);
        height: 100%;

    }
    #despedida p {
        font-family: dancing script;
        font-size: 30px;
        color: var(--dorado);
        background: 0;
    }


    #despedida h2 {
        background: 0;
        color: var(--dorado);
    }

    #tcom {
        width: 98%;
        text-align: center;
        border: 1px solid var(--dorado);
        margin: auto;
        border-collapse: collapse;
        margin-bottom: 10px;
    }

    #tcom td {
        border-top: 1px solid var(--dorado);
    }

    #tcom #comnot {
        border: 0;
    }

    #cbot {
        width: 30%;
        float: left;
        text-align: center;
    }

    #caja {
        width: 70%;
        float: left;
    }

    #cbot a {
        display: inline-block;
        width: 48%;
        float: left;
        background: var(--amarillo);
        margin-left: 1%;
        margin-right: 1%;
        color: white;
        height: 35px;
        font-size: 25px;
        text-decoration: none;
        border-radius: 50px;
        margin-bottom: 10px;
        transition: .2s;
    }

    #cbot a:hover {
        transform: scale(.9, .9);
        transition: .2s;
        background: var(--verde);
    }

    #cbot input[type=number],
    #cbot textarea {
        width: 60%;
        height: 40px;
        border-radius: 50px;
        text-align: center;
        font-size: 20px;
        border: 2px solid var(--verde);
        margin-bottom: 5px;
        resize: none;
        overflow: hidden;
    }

    #cbot textarea {
        box-sizing: border-box;
        padding-top: 5px;
    }

    #cbot input[type=submit] {
        width: 60%;
        height: 40px;
        border-radius: 50px;
        text-align: center;
        font-size: 20px;
        border: 2px solid var(--verde);
        background: var(--verde);
        color: white;
        margin-bottom: 10px;
    }

    #cbot input[type=submit]:hover {
        transform: scale(.9, .9);
        cursor: pointer;
        transition: .2s;
    }

    #cbot input[type=radio] {
        display: none;
    }

    #cbot .prolabel {
        font-size: 20px;
        border-radius: 50px;
        width: 20%;
        display: inline-block;
        color: white;
        background: grey;
        margin-bottom: 2px;
        transition: .2s;
    }

    #cbot label:hover {
        background: var(--dorado);
        cursor: pointer;
    }

    #cbot input[type=radio]:checked + label {
        transform: scale(.9, .9);
        background: var(--vino);
        transition: .2s;
    }

    #cbot form {
        border: 1px solid grey;
        width: 90%;
        margin: auto;
    }

    #cbot form p {
        font-size: 15px;
    }

    #tcom #td1 {
        width: 70%;

    }

    #tcom #td2 {
        width: 15%;
    }

    #transfer {
        border-bottom: 1px solid silver;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 5px;
    }

    #transfer select {
        width: 49%;
        text-align: center;
        text-align-last: center;
        font-size: 15px;
        background: white;
        border-radius: 3px;
        margin-top: 5px;
        margin-bottom: 5px;
        height: 35px;
        float: left;
        margin-left: .5%;
        border: 2px solid silver;
    }

    #transfer #btnlimall {
        width: 49%;
        text-align: center;
        text-align-last: center;
        font-size: 15px;
        background: white;
        border-radius: 3px;
        margin-top: 5px;
        margin-bottom: 5px;
        height: 35px;
        float: left;
        margin-left: .5%;
        border: 0;
        background: var(--rojo);
        color: white;
        cursor: pointer;
        text-decoration: none;
        padding: 8px;
        box-sizing: border-box;
    }

    .menu {
        width: 48%;
        margin: auto;
        text-align: center;
        float: left;
        margin-left: 2%;
    }

    .tablero {
        width: 48%;
        height: auto;
        float: left;
        margin-left: 0%;
        border: 1px solid grey;
        height: 480px;
    }

    .tablero .mesasocu {
        height: 100%;
        padding: 3px;
        box-sizing: border-box;
        overflow: auto;
    }

    .tablero .mesasocu::-webkit-scrollbar, .tablero .prodcom::-webkit-scrollbar {
        width: 5px;

    }

    .tablero .mesasocu::-webkit-scrollbar-thumb, .tablero .prodcom::-webkit-scrollbar-thumb {
        background: var(--gris);
        border-radius: 20px;
    }

    .tablero .mesasocu::-webkit-scrollbar-thumb-thumb:active, .tablero .prodcom::-webkit-scrollbar-thumb-thumb:active {
        width: 20px;
    }

    .tablero .mesasocu::-webkit-scrollbar-track, .tablero .prodcom::-webkit-scrollbar-track {
        background: #e8e7e7;
        border-radius: 10px;
    }

    .tablero h3 {
        text-align: center;
        font-size: 20px;
    }

    .tablero .mesasocu input[type="radio"] {
      display: none;
    }

    .tablero .mesasocu input[type="radio"]:checked + label {
        background: var(--verde);
    }

    .tablero .mesasocu label {
        display: inline-block;
        padding: 3px;
        border-radius: 3px;
        color: white;
        transition: .2s;
        height: 50px;
        width: 17.6%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        margin-bottom: 3px;
    }

    .tablero .mesasocu label:hover {
        transform: scale(.95, .95);
        transition: .2s;
        cursor: pointer;
    }

    .tablero .mesasocu label p {
        width: 100%;
        font-size: 10px;
        text-align: center;
        height: 12px;
        background: 0;
        margin: 0;
    }

    .tablero .mesasocu label h4 {
        margin: 0;
        width: 100%;
        text-align: center;
        background: 0;
        font-size: 20px;
    }
    .tablero .mesasocu .totp{
        font-size: 22px;
        font-weight: 600;
    }

    .tablero .prodcom {
        width: 100%;
        height: 180px;
        border-bottom: 1px dashed silver;
        overflow: auto;
    }
    .tablero .prodcom p{
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        background: silver;
        padding: 2px;
        box-sizing: border-box;
        font-size: 13px;
        margin-bottom: 3px;
        border-radius: 3px;
    }
    .tablero .prodcom b, .tablero .tops div b{
        background: 0;
        margin-left: 10px;
    }
    .tablero .tops{
        width: 100%;
        height: 100px;
        overflow: auto;
    }
    .tablero .tops div{
        width: 49%;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
    }
    .tablero .tops div p{
        width: 100%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        padding: 1px;
        box-sizing: border-box;
        font-size: 12px;
        margin-bottom: 3px;
        border-radius: 3px;
        color: white;
    }
    .tablero .tops .mas p{
        background: var(--naranja);
    }
    .tablero .tops .menos p{
        background: var(--rojo);
    }
    .tablero .detalleped{
      position: fixed;
        width: 50%;
        height: 100%;
        top:0px;
        transition: .3s;
        padding: 5px;
        box-sizing: border-box;
        overflow: auto;
        left: 0px;
        border-right: 1px solid grey;
    }

    .tablero .detalleped .espacio{
        width: 100%;
        height: 60px;
    }
    .tablero .detalleped h3{
        width: 80%;
        float: left;

    }
    .tablero .detalleped button{
        float: left;
        width: 20%;
        background: var(--rojo);
        color: white;
        border: 0;
        height: 30PX;
        margin-bottom: 3px;
        font-size: 20px;
    }
    .tablero .detalleped table{
        text-align: center;
        width: 100%;
        border: 0;
        border-collapse: collapse;
    }
    .tablero .detalleped table td, .tablero .detalleped table th{
        border-top: 1px solid silver;
        padding: 2px;
    }
    .tablero .detalleped table td a{
        display: inline-block;
        width: 49%;
        text-decoration: none;
        color: white;
        height: 40px;
        box-sizing: border-box;
        font-size: 25px;
        padding-top: 5px;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        margin-bottom: 5px;
    }
    .tablero .detalleped table td #v{
        background: var(--azul);
    }
    .tablero .detalleped table td #c{
        background: var(--amarillo);
    }
    .tablero .detalleped table td #p{
        background: var(--verde);
        width: 99%;
    }
    .menu a,
    .menu button {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
        float: left;
        background: var(--green);
        color: white;
        border-radius: 3px;
        font-size: 22px;
        margin-bottom: 10px;
        text-decoration: none;
        transition: .2s;
        height: 60px;
        border: 0;
        cursor: pointer;
        text-align: center;
        box-sizing: border-box;
        padding: 15px;

    }

    .menu a:hover,
    .menu button:hover {
        transform: scale(1, 1);
        transition: .2s;
        background: var(--rojo);
    }

    .menu a img,
    .menu button img {
        background: 0;
        width: 10%;
        height: 90%;
        float: left;
        margin-left: 20px;

    }

    .tabmenu h2 {
        font-size: 25px;
        color: var(--vino);
        text-align: center;
        margin-bottom: 10px;
    }

    #status {
        width: 90%;
        margin: auto;
        text-align: center;
        height: 30px;
        margin-bottom: 10px;
        margin-left: 5%;
    }

    #status p {
        float: left;
        width: 24%;
        margin-left: .5%;
        margin-right: .5%;
        background: var(--naranja);
        color: white;
        text-align: center;
        border-radius: 3px;
    }

    #fbven {
        width: 100%;
        text-align: center;
        height: auto;
        border-bottom: 1px solid grey;
        margin-bottom: 5px;
    }

    #fbven input,
    #fbven select {
        width: 12%;
        font-size: 15px;
        height: 30px;
        border: 1px solid grey;
        text-align: center;
        text-align-last: center;
        cursor: pointer;
        margin-bottom: 5px;
    }

    #fbven input[type=submit] {
        width: 5%;
        background: var(--verde);
        height: 30px;
        border: 0;
        border-radius: 50px;
    }

    #fbven h2 {
        font-size: 22px;
        color: var(--vino);
    }

    #cinv {
        width: 99%;
        text-align: center;
        margin: auto;
    }

    #cinv .tpro,
    #cinv .tpro1 {
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        border: 2px solid var(--vino);
        margin: auto;
        background: 0;
        font-size: 13px;
        margin-bottom: 150px;
    }

    #cinv .tpro th,
    #cinv .tpro1 th {
        background: var(--vino);
        color: white;
        font-size: 18px;
        font-weight: 100;
        text-align: center;
    }

    #cinv .tpro td,
    #cinv .tpro1 td {
        background: 0;
        width: 10%;
    }

    #cinv .tpro tr:hover,
    #cinv .tpro1 tr:hover {
        background-color: var(--dorado);
    }

    #cinv .tpro button,
    #cinv .tpro1 button {
        background: var(--amarillo);
        width: 90%;
        height: 35px;
        color: white;
        font-size: 20px;
        border: 0;
        border-radius: 20px;
        margin-top: 3px;
        margin-bottom: 3px;
        transition: .2s;
        cursor: pointer;
    }

    #cinv .tpro button:hover,
    #cinv .tpro1 button:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    .balance {
        width: 99.5%;
        text-align: center;
        margin: auto;
        height: auto;
        overflow: hidden;

    }
    .balance #bbot {
        height: 35px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .balance a {
        width: 13.2%;
        display: inline-block;
        float: left;
        background: var(--verde);
        color: white;
        text-decoration: none;
        margin-left: .5%;
        margin-right: .5%;
        font-size: 22px;
        margin-bottom: 5px;
        border-radius: 50px;
        transition: .2s;
        height: 30px;
    }

    .balance a:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    .balance #bal {
        width: 100%;
        height: auto;
        overflow: hidden;
        text-align: center;

    }

    .balance #bal #dato {
        background: white;
        width: 90%;
        margin: auto;
        color: var(--vino);
        border-radius: 50px;
        height: 40px;
        font-size: 18px;
        box-sizing: border-box;
        padding-top: 8px;

    }

    .balance #bal p {
        background: 0;

    }

    .balance #bal div {
        background: var(--vino);
        color: white;
        overflow: hidden;
        float: left;
        width: 24%;
        margin-left: .5%;
        margin-right: .5%;
        border-radius: 5px;
        margin-bottom: 10px;
        height: 70px;
    }

    .balance #bal #utilidad {
        width: 24%;
        background: var(--dorado);

    }

    .balance #bal #utilidad1 {
        width: 99%;
        font-size: 25px;
        height: 80px;
        margin-top: 10px;
        background: var(--dorado);
        border: 0;
    }

    .balance #bal #tit1 {
        background: white;
        color: var(--vino);
        font-size: 30px;
        width: 99%;
    }

    #cinv .tpro a,
    #cinv .tpro1 a {
        display: inline-block;
        width: 100px;
        height: 25px;
        margin-top: 2px;
        margin-bottom: 2px;
        border-radius: 50px;
        text-decoration: none;
        text-align: center;
        color: white;
        transition: .2s;
        font-size: 18px;
        float: right;
        margin-left: 5px;
        margin-right: 5px;
    }

    #cinv .tpro a:hover,
    #cinv .tpro1 a:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    #cinv .tpro #imp {
        background: var(--verde);
    }

    #cinv .tpro #det,
    #cinv .tpro #det1,
    #cinv .tpro1 #det,
    #cinv .tpro1 #det1 {
        background: var(--naranja);
    }

    #cinv .tpro #det2 {
        background: var(--vino);
    }

    #cinv .tpro #anu {
        background: var(--rojo);
        height: 25px;

    }

    #cinv .tpro #td2 {
        background: white;
        color: var(--vino);
    }

    #fbven #ingfac,
    #fbven #inggasto,
    #fbven #ingres {
        width: 80%;
        margin: auto;
        height: auto;
        border: 1px solid var(--vino);
        margin-bottom: 10px;
        display: none;
    }

    #fbven #ingfac input,
    #fbven #ingfac select,
    #fbven #inggasto input,
    #fbven #inggasto select {
        margin-top: 10px;
        width: 19%;
        margin-left: .5%;
        margin-right: .5%;
    }

    #fbven #ingfac input[type=submit],
    #fbven #inggasto input[type=submit],
    #fbven #ingres input[type=submit] {
        width: 15%;
        color: white;
        background: var(--vino);
        transition: .2s;
    }

    #fbven #ingfac input[type=submit]:hover,
    #fbven #bingb:hover,
    #fbven #inggasto input[type=submit]:hover,
    #fbven #bingg:hover,
    .balance #cbot1 input[type=submit]:hover {
        transform: scale(.9, .9);
        cursor: pointer;
        transition: .2s;
    }

    #fbven #bingb,
    #fbven #bingg {
        width: 15%;
        height: 30px;
        font-size: 20px;
        background: var(--verde);
        color: white;
        border-radius: 50px;
        margin-bottom: 5px;
        border: 0;
        transition: .2s;
    }

    .balance #cbot1 {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid grey;
        margin-bottom: 10px;
    }

    .balance #cbot1 input {
        width: 20%;
        height: 30px;
        border: 1px solid grey;
        text-align: center;
        text-align-last: center;
        cursor: pointer;
        margin-bottom: 5px;
    }

    .balance #cbot1 input[type=submit] {
        width: 10%;
        color: white;
        background: var(--verde);
        transition: .2s;
        border-radius: 3px;
        border: 0;
    }

    .balance #ccierr {
        width: 50%;
        margin: auto;
        margin-bottom: 10px;

    }

    .balance #ccierr label,
    .balance #base label {
        font-size: 20px;
        color: var(--vino);
    }

    .balance #ccierr input[type=date] {
        width: 50%;
        height: 40px;
        font-size: 20px;
        border: 1px solid var(--vino);
    }

    .balance #ccierr input[type=submit] {
        width: 20%;
        height: 40px;
        font-size: 20px;
        background: var(--verde);
        color: white;
        border-radius: 50px;
        border: 0;
        transition: .2s;
        cursor: pointer;
    }

    .balance #ccierr input[type=submit]:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    .tpro #th2 form {
        background: 0;
    }

    .tpro #th2 form input[type=text] {
        height: 25px;
        width: 80%;
        float: left;
        border-radius: 50px;
        border: 0;
        padding-left: 5px;
        box-sizing: border-box;
    }

    .tpro #th2 form input[type=submit] {
        border: 0;
        border-radius: 50px;
        color: white;
        float: left;
        margin-left: -5%;
        width: 25%;
        font-size: 18px;
        transition: .2s;
        cursor: pointer;
    }

    .tpro #th2 form input[type=submit]:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    #confped form {
        background: 0;
        overflow: hidden;
    }

    #confped form input,
    #confped form select {
        width: 45%;
        height: 50px;
        text-align: center;
        margin-bottom: 3px;
        border-radius: 3px;
        border: 1px solid grey;
        text-align-last: center;
        background: white;
        font-size: 25px;
        margin-left: 27.5%;
        float: left;
    }

    #confped form input[type=submit] {
        background: var(--verde);
        font-size: 30px;
        color: white;
        border: 0;
        transition: .2s;
        cursor: pointer;
        height: 50px;
        margin-bottom: 10px;

    }

    #confped form input[type=submit]:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    #tcomanda {
        width: 46.5%;
        float: left;
        background: white;
        border-collapse: collapse;
        margin-left: 2%;
        margin-right: .5%;
        text-align: center;
        border: 1px solid var(--rojo);
        margin-bottom: 30px;
        height: 250px;
        font-size: 1.6vw;
        font-weight: 600;
    }

    #tcomanda #tr {
        height: 30px;
    }

    #tcomanda th {
        background: var(--rojo);
        color: white;
        font-weight: 100;
    }

    #tcomanda #td1 {
        background: white;
        color: var(--gris);
        width: 10%;
        font-size: 22px;
    }

    #tcomanda td {
        border-bottom: 1px dashed grey;
    }

    #tcomanda #td2 {
        font-size: 13px;
    }

    #tcomanda td a {
        display: inline-block;
        text-decoration: none;
        background: var(--verde);
        width: 90%;
        height: 35px;
        color: white;
        font-size: 25px;
        transition: .2s;
        margin: 5px;
    }

    #tcomanda td a:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    #tcomanda td a img {
        width: 25px;
        background: 0;
        margin-top: 5px;
    }


    #ccat {
        width: 100%;
        height: auto;
        overflow: hidden;
        border-bottom: 1px solid grey;
    }

    #ccat p {
        font-size: 25px;
        color: var(--vino);
    }

    #fbven #vxp {
        display: inline-block;
        text-decoration: none;
        background: var(--verde);
        color: white;
        width: 20%;
        font-size: 18px;
        margin-bottom: 5px;
        border-radius: 50px;
        height: 25px;
        transition: .2s;
    }

    #fbven #vxp:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    #cpro #nm {
        color: var(--vino);
        font-size: 20px;

    }

    #cconf #p {
        background: 0;
        color: 18px;
        color: var(--vino);
    }

    #fbven #cbotp #pbot {
        display: inline-block;
        width: 48%;
        background: var(--verde);
        margin-bottom: 5px;
        font-size: 20px;
        text-decoration: inherit;
        text-align: center;
        text-align-last: center;
        color: white;
        height: 30px;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        border: 0;
        border-radius: 50px;
        transition: .2s;
        cursor: pointer;
    }

    #fbven #cbotp #pbot option,
    #fbven #cbotp #pbot optgroup {
        background: white;
        color: var(--verde);
    }

    #fbven #cbotp #pbot:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    #fbven #cbotp {
        width: 40%;
        text-align: center;
        height: auto;
        overflow: hidden;
        margin: auto;
    }

    .tpro td input,
    .tpro td select {
        width: 95%;
        text-align: center;
        height: 30px;
        border: 1px solid grey;
        margin: 2px;
        text-align-last: center;
    }

    .tpro td input[type=submit] {
        border-radius: 50px;
        color: white;
        background: var(--verde);
        border: 0;
        font-size: 20px;
        transition: .2s;
        cursor: pointer;
    }

    .tpro td input[type=submit]:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    #eli {
        width: 30%;
        background: var(--rojo);
        color: white;
        font-size: 15px;
        border-radius: 50px;
        border: 0;
        cursor: pointer;
        transition: .2s;
        margin-bottom: 5px;
    }

    #eli:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    #peli {
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
        display: none;
    }

    #peli table {
        width: 100%;
        text-align: center;
        background: var(--rojo);
        color: white;
        border-radius: 5px;
    }

    #peli table td,
    #peli table th {
        background: var(--rojo);
        color: white;
        border-radius: 0px;
    }

    #peli table a {
        font-size: 20px;
        background: 0;
        text-decoration: none;
        border-radius: 5px;
        transition: .2s;
        display: inline-block;
    }

    #peli table a:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    #pregunta {
        width: 95%;
        background: white;
        margin: auto;
        margin-top: 5px;
        border-radius: 10px;
        box-shadow: 0px 5px 5px black;
    }

    #pregunta b {
        color: var(--verde);
        font-weight: 100;
        font-size: 22px;
    }

    #pregunta input[type=number] {
        width: 25%;
        float: left;
        margin-left: 25%;
        height: 30px;
        font-size: 20px;
        text-align: center;
        border: 2px solid var(--verde);
        border-radius: 50px 0px 0px 50px;
        margin-top: 5px;
    }

    #pregunta input[type=submit] {
        width: 25%;
        float: left;
        height: 30px;
        font-size: 20px;
        text-align: center;
        border: 1px solid var(--verde);
        border-radius: 0px 50px 50px 0px;
        background: var(--verde);
        color: white;
        margin-bottom: 10px;
        margin-top: 5px;
    }

    #pregunta #cagrp {
        width: 30%;
        height: 25px;
        background: var(--rojo);
        color: white;
        border-radius: 50px;
        margin-bottom: 5px;
        border: 0;
    }

    .balance #base {
        height: 40px;
        width: 100%;
        margin: auto;
        border-bottom: 1px solid silver;
    }

    .balance #base input {
        height: 35px;
        width: 40%;
        text-align: center;
        font-size: 20px;
        border: 1px solid grey;
        float: left;
    }

    .balance #base input[type=submit] {
        background: var(--verde);
        color: white;
        border: 0;
        border-radius: 50px;
        cursor: pointer;
        transition: .2s;
    }

    .balance #base input[type=submit]:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    .balance #base a {
        width: 20%;
        float: left;
        height: 35px;
        box-sizing: border-box;
        padding-top: 4px;
        border-radius: 3px;
    }

    .balance #tcuadre {
        width: 100%;
        margin: auto;
        text-align: center;
        border: 1px solid var(--vino);
        border-collapse: collapse;
    }

    .balance #tcuadre th {
        background: var(--vino);
        color: white;
        font-weight: 100;
        font-size: 12px;
    }

    .balance #tcuadre td {
        height: 100px;
        border: 1px solid var(--vino);
        font-size: 15px;
        width: 5%;
    }

    .balance #tcuadre td input {
        height: 35px;
        width: 90%;
        text-align: center;
        font-size: 20px;
        border: 1px solid grey;
    }

    .balance #billetes {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .balance #billetes #billcaja {
        width: 100%;
        margin: auto;
        text-align: center;
        border: 1px solid var(--dorado);
        border-collapse: collapse;
    }

    .balance #billetes #billcaja th {
        background: var(--dorado);
        font-weight: 100;
    }

    .balance #billetes #billcaja td {
        height: 50px;
        border: 1px solid var(--dorado);
    }

    .balance #billetes #billcaja td input {
        height: 30px;
        text-align: center;
        font-size: 15px;
        border: 1px solid grey;
        margin-top: 3px;
    }

    .balance #billetes #billcaja td textarea {
        resize: none;
        overflow: hidden;
        text-align: center;
        height: 20px;
        font-size: 15px;
        width: 70%;
        border: 0;
        margin-bottom: 0;
    }

    .balance #tcuadre textarea {
        width: 90%;
        text-align: center;
        resize: none;
        height: 50px;

    }

    .balance #tcuadre input[type=submit] {
        width: 90%;
        background: var(--verde);
        color: white;
        border-radius: 50px;
        font-size: 35px;
        border: 0;
        height: 50px;
        transition: .2s;
        cursor: pointer;
    }

    .balance #tcuadre input[type=submit]:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    .balance #tcuadre #spTotal {
        font-size: 20px;
        height: 30px;
        border: 0;
        margin-top: 5px;
        margin-bottom: -10px;

    }

    .menu #cfac {
        width: 40%;
        border: 1px solid var(--verde);
        position: fixed;
        left: 0;
        top: 20%;
        display: none;
    }

    .menu #cfac input,
    .menu #cfac select {
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        border: 1px solid grey;
        height: 30px;
        margin-bottom: 2px;
        text-align: center;
        text-align-last: center;
    }

    .menu #cfac input[type=submit] {
        background: var(--verde);
        color: white;
        font-size: 20px;
        border: 0;
        transition: .2s;
        cursor: pointer;
    }

    .menu #cfac input[type=submit]:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    .menu #cgas {
        width: 40%;
        border: 1px solid var(--verde);
        position: fixed;
        left: 0;
        top: 20%;
        display: none;
    }

    .menu #cgas input,
    .menu #cgas select {
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        border: 1px solid grey;
        height: 30px;
        margin-bottom: 2px;
        text-align: center;
        text-align-last: center;
    }

    .menu #cgas input[type=submit] {
        background: var(--verde);
        color: white;
        font-size: 20px;
        border: 0;
        transition: .2s;
        cursor: pointer;
    }

    .menu #cgas input[type=submit]:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    .balance #tcuadre1 {
        width: 100%;
        margin: auto;
        text-align: center;
        border: 1px solid var(--vino);
        border-collapse: collapse;
        font-size: 15px;
    }

    .balance #tcuadre1 th {
        background: var(--vino);
        color: white;
        font-weight: 100;
    }

    .balance #tcuadre1 td {
        border: 1px solid var(--vino);
        font-size: 16px;
        background: 0;
    }

    .balance #tcuadre1 td input {
        height: 35px;
        width: 90%;
        text-align: center;
        font-size: 20px;
        border: 1px solid grey;
    }

    .balance #tcuadre1 tr:hover {
        background: var(--dorado);

    }

    .balance #tcuadre1 a {
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 5px;
        font-size: 15px;
        border-radius: 3px;
        box-sizing: border-box;
        padding-top: 3px;
    }

    .balance #tcuadre1 #eli {
        width: 50%;
        font-size: 18px;
        box-sizing: border-box;
        margin-left: 25%;
    }

    .balance #tcuadre1 #obser {
        font-size: 12px;
        width: 15%;
    }

    #verdom {
        display: inline-block;
        background: var(--verde);
        color: white;
        border-radius: 50px;
        width: 20%;
        text-decoration: none;
        font-size: 20px;
        margin-bottom: 10px;

    }

    #cbot #si {
        background: var(--verde);
    }

    #cbot #no {
        background: var(--rojo);
    }

    #footer {
        width: 50%;
        position: fixed;
        right: 0;
        bottom: 0;
        text-align: center;
        border-radius: 5px 0px 0px 0px;
        color: white;
        background: var(--vino);
    }
    #footer label{
        background: 0;
        display: inline-block;
        font-size: 1.2vw;
    }
    #footer div {
        background: 0;
    }

    #cconf #efepago {
        position: fixed;
        bottom: 4px;
        width: 30%;
        left: 2px;
        height: 100px;
        padding: 5px;
        background: 0;
        border: 0;
        border-radius: 3px;
        z-index: 0;
        background: var(--verde);
        font-size: 30px;
        color: white;
        display: inline-block;
        text-decoration: none;
        text-align: center;
        transition: .2s;
        box-sizing: border-box;
    }

    #cconf #efepago b {
        width: 40%;
        display: inline-block;
        background: 0px;
        padding-top: 25px;
        box-sizing: border-box;
        float: left;
        text-align: right;
        margin-right: 5%;
    }

    #cconf #efepago img {
        width: 50%;
        background: 0;
        float: left;
        height: 100%;
        padding: 10px;
        box-sizing: border-box;
    }

    #cconf #efepago:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    #nom_m {
        text-align: center;
        font-size: 20px;
        color: var(--vino);
    }

    .configuracion {
        width: 100%;
        text-align: center;
    }

    .configuracion h2 {
        text-align: center;
        font-size: 20px;
        color: var(--vino);
    }

    .configuracion button{
        width: 20%;
        padding: 3px;
        font-size: 15px;
        background: var(--vino);
        color: white;
        border: 0;
        margin-bottom: 5px;
        height: 30px;
    }
    .configuracion .btnsec1{
        width: 95%;
        padding: 3px;
        font-size: 15px;
        color: white;
        border: 0;
        height: 25px;
        float: left;
        margin-bottom: 0;
    }
    .configuracion .btnsec, .configuracion .btnsec1{
        background: var(--verde);
    }
    .configuracion .btnsec{
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        width: 10%;
    }
    .configuracion button img{
        width: 100%;
        height: 100%;
        background: 0;
    }
    .configuracion table {
        text-align: center;
        width: 99.5%;
        border-collapse: collapse;
        border: 1px solid var(--vino);
        margin: auto;
        margin-bottom: 30px;
    }

    .configuracion input,
    .configuracion select {
        width: 15%;
        text-align: center;
        height: 25px;
        margin-bottom: 2px;
        border: 1px solid grey;
        margin-bottom: 10px;
        text-align-last: center;
        border-radius: 3px;
        height: 30px;
        padding: 3px;
        box-sizing: border-box;
    }

    .configuracion table input,
    .configuracion table select {
        width: 95%;
        text-align: center;
        height: 25px;
        margin-bottom: 2px;
        border: 1px solid grey;
        text-align-last: center;
        border-radius: 3px;
    }

    .configuracion input[type=submit] {
        background: var(--verde);
        color: white;
        border-radius: 3px;
        border: 0;
        transition: .2s;
        cursor: pointer;
    }

    .configuracion input[type=submit]:hover,
    .configuracion button:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    .configuracion label {
        width: 12%;
        background: var(--dorado);
        color: white;
        border: 0;
        height: 30px;
        font-size: 18px;
        border-radius: 3px;
        margin-bottom: 5px;
        cursor: pointer;
        transition: .2s;
        display: inline-block;
        padding-top: 3px;
        box-sizing: border-box;
    }
    .configuracion label:hover{
        background: var(--rojo);
    }
    .configuracion .radcon:checked + label{
        background: var(--rojo);
    }
    .configuracion #cusu,
    .configuracion #ingnusu,
    .configuracion #ingnmes,
    .configuracion #cmes,
    .configuracion #cped1,
    .configuracion #cpro1,
    .configuracion #ingnpro,
    .configuracion #ccat,
    .configuracion #ingncat,
    .configuracion #cdom,
    .configuracion #cbarr,
    .configuracion #ingnbarr {
        display: none;
    }
    .configuracion #ingnusu input, .configuracion #ingnmes input, .configuracion #ingnpro input, .configuracion #ingncat input, .configuracion #ingnbarr input, .configuracion #ingnusu select, .configuracion #ingnmes select, .configuracion #ingnpro select, .configuracion #ingncat select, .configuracion #ingnbarr select{
        height: 30px;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
    .configuracion #prov {
        width: 40%;
    }

    .menu #cpro2 {
        width: 50%;
        border: 1px solid var(--verde);
        position: fixed;
        left: 0;
        top: 20%;
        display: none;
    }

    .menu #cpro2 input,
    .menu #cpro2 select {
        width: 48%;
        float: left;
        border: 1px solid grey;
        height: 25px;
        text-align: center;
        text-align-last: center;
        margin-bottom: 2px;
        margin-left: .5%;
        margin-right: .5%;
        margin-top: 2px;
    }

    .menu #cpro2 input[type=submit] {
        background: var(--verde);
        color: white;
        border: 0;
        border-radius: 50px;
        font-size: 20px;
    }

    #cbot .fdlabel {
        font-size: 35px;
        border-radius: 50px;
        width: 19%;
        display: inline-block;
        color: white;
        background: white;
        margin-bottom: 2px;
        transition: .2s;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: 60px;
        box-sizing: border-box;
        padding-top: 2px;
        border: 1px solid var(--vino);
    }

    #cbot .fdlabel img {
        background: 0;
        width: 60%;
        height: 40px;
        margin-top: 7px;
    }

    #cbot #f_p {
        width: 90%;
        height: auto;
        overflow: hidden;
        margin: auto;
    }

    #tcuadre #tdfp {
        height: 30px;
    }

    #tcuadre #tdtot {
        height: 40px;
        font-size: 20px;
    }

    #tcuadre #thfp {
        height: 15px;
    }

    #fbven #imprep,
    #fbven #imptic {
        text-decoration: none;
        display: inline-block;
        width: 48%;
        height: 35px;
        margin-bottom: 10px;
        color: white;
        font-size: 25px;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        border-radius: 50px;
        border: 0;
        transition: .2s;
    }

    #fbven #imprep:hover,
    #fbven #imptic:hover {
        transform: scale(.9, .9);
        cursor: pointer;
        transition: .2s;
    }

    #fbven #imprep {
        background: var(--amarillo);
    }

    #fbven #imptic {
        background: var(--verde);
        box-sizing: border-box;
        padding-top: 2px;
    }

    #fbven #buttons {
        width: 30%;
        margin: auto;
        height: auto;
        overflow: hidden;
    }

    #td32 select {
        width: 14%;
        float: left;
        margin-left: .5%;
        margin-right: 0;
        font-size: 12px;
        border-left: 2px solid var(--dorado);
        border-top: 2px solid var(--dorado);
        border-bottom: 2px solid var(--dorado);
    }

    #td32 input {
        width: 5%;
        float: left;
        margin-left: 0;
        margin-right: .5%;
        font-size: 12px;
        border-right: 2px solid var(--dorado);
        border-top: 2px solid var(--dorado);
        border-bottom: 2px solid var(--dorado);
        border-left: 0px;
    }

    #td33 input {
        width: 30%;
        margin-top: 10px;
    }

    #td33 #a {
        text-align: center;
        width: 5%;
        display: inline-block;
        background: var(--rojo);
        float: inherit;
    }

    #cpro #confcom {
        width: 100%;
        border: 1px solid var(--verde);
        font-size: 20px;
        height: 20px;
        text-align: center;
        background: var(--verde);
        height: 30px;
        color: white;
        transition: .2s;
        cursor: pointer;
    }

    #cpro #confcom:hover {
        background: var(--naranja);
        transition: .2s;
    }

    #cpro #confcom img {
        background: 0;
        width: 30px;
    }

    #domic {
        width: 60%;
        text-align: center;
        text-align-last: center;
        font-size: 15px;
        border-radius: 50px;
        border: 1px solid var(--vino);
        height: 35px;
        cursor: pointer;
        margin-bottom: 10px;
        color: grey;
    }

    #domic option,
    #domic optgroup {
        color: black;
    }

    #dc {
        width: 100%;
        text-align: center;
    }

    #tipocua label {
        width: 48%;
        float: left;
        background: var(--naranja);
        color: white;
        border-radius: 50px;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 10px;
        height: 25px;
        font-size: 18px;
        cursor: pointer;
        transition: .2s;
    }

    #tipocua label:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    #tipocua input[type=radio] {
        display: none;
    }

    #tipocua input[type=radio]:checked + label {
        transform: scale(.9, .9);
        transition: .2s;
        background: var(--vino);
    }

    #anaing {
        width: 100%;

    }

    #anaing input[type=number] {
        width: 60%;
        font-size: 20PX;
    }

    #subana {
        width: 5%;
        position: fixed;
        height: 10%;
        right: 47.5%;
        bottom: 25px;
        border: 15px solid var(--verde);
        box-shadow: 0px 0px 5px black;
        border-radius: 50px;
        background: var(--verde);
        background-image: url(../img/icon21.svg);
        background-size: 100% 100%;
        z-index: 9;
        transition: .2s;
    }

    #subana:hover,
    #subana1:hover {
        transform: scale(.9, .9);
        transition: .2s;
        cursor: pointer;
    }

    #subana1 {
        width: 5%;
        position: fixed;
        height: 10%;
        right: 47.5%;
        bottom: 25px;
        border: 15px solid var(--verde);
        box-shadow: 0px 0px 5px black;
        border-radius: 50px;
        background: var(--verde);
        background-image: url(../img/icon39.svg);
        background-size: 100% 100%;
        z-index: 9;
        transition: .2s;
    }

    #det3 {
        width: 100%;
        margin: auto;
        background: var(--verde);
        display: inline-block;
    }

    #cinv #liq {
        display: inline-block;
        width: 100px;
        background: var(--naranja);
        height: 100px;
        text-align: center;
        position: fixed;
        right: 10px;
        box-shadow: 0px 0px 3px black;
        bottom: 40px;
    }

    #cinv #liq img {
        background: 0;
        width: 60px;
        margin-top: 20px;
    }

    #cinv #gua {
        display: inline-block;
        width: 100px;
        background: var(--verde);
        height: 100px;
        text-align: center;
        position: fixed;
        left: 10px;
        box-shadow: 0px 0px 3px black;
        bottom: 40px;
        background-image: url(../img/icon10.svg);
        background-size: 90% 100%;
        background-repeat: no-repeat;
        border: 15px solid var(--verde);
    }

    #selmod {
        height: 30px;
        text-align: center;
        text-align-last: center;
        border: 1px solid var(--gris);
        width: 80%;
        float: right;
    }

    #gua1 {
        width: 40px;
        height: 40px;
        border-radius: 50px;
        background: var(--verde);
        border: 5px solid var(--verde);
        background-image: url(../img/icon10.svg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        transition: .2s;
        float: left;
    }

    #gua1:hover {
        transform: scale(.9, .9);
        transition: .2s;
        cursor: pointer;
    }

    #devped {
        display: inline-block;
        height: 30px;
        margin-top: 10px;
        color: var(--grey);
        transition: .2s;
    }

    #devped:hover {
        transform: scale(.9, .9);
        transition: .2s;
        color: var(--naranja);
    }

    #pregunta1 {
        width: 48%;
        background: white;
        margin: auto;
        border-radius: 3px;
        box-shadow: 0px 0px 5px silver;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 5px;
        height: 80px;

    }

    #pregunta1 p {
        color: black;
        font-weight: 100;
        font-size: 90%;
        background: 0;
        height: 50%;
    }

    #pregunta1 input[type=number] {
        width: 30%;
        float: left;
        height: 40px;
        font-size: 20px;
        text-align: center;
        border: 2px solid var(--verde);
        bottom: 0;
        border-radius: 0px 0px 0px 3px;

    }

    #pregunta1 button {
        width: 70%;
        float: left;
        height: 50%;
        font-size: 20px;
        text-align: center;
        border: 1px solid var(--verde);
        background: var(--verde);
        color: white;
        cursor: pointer;
        border-radius: 0px 0px 3px 0px;
        transition: .3s;
    }

    #pregunta1 button:hover {
        background: var(--naranja);
        border: 1px solid var(--naranja);
        transition: .3s;
    }

    #pregunta1 button img {
        width: 40px;
        background: 0;
        margin-top: 5px;
    }

    #pregunta1 #cagrp {
        width: 30%;
        height: 25px;
        background: var(--rojo);
        color: white;
        border-radius: 50px;
        margin-bottom: 5px;
        border: 0;
    }

    #pregunta1 #confcom img {
        width: 20%;
        background: 0;
    }

    #cajapreg {
        width: 100%;
        height: auto;
        overflow: hidden;
        background: 0;
        margin-bottom: 70px;
    }

    #cped::-webkit-scrollbar {
        width: 10px;

    }

    #cped::-webkit-scrollbar-thumb {
        background: var(--gris);
        border-radius: 20px;
    }

    #cped::-webkit-scrollbar-thumb-thumb:active {
        width: 20px;
    }

    #cped::-webkit-scrollbar-track {
        background: #e8e7e7;
        border-radius: 10px;
    }

    #preotros {
        border: 1px solid var(--gris);
        height: 30px;
        text-align: center;

    }



    #ingres #des {
        width: 70%;
        margin-bottom: 10px;

    }

    #hist {
        color: var(--verde);
        display: inline-block;
        text-decoration: none;
        font-size: 20px;
        transition: .2s;
    }

    #hist:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    #fbven #nompla {
        display: inline-block;
        text-decoration: none;
        margin-bottom: 10px;
        color: var(--naranja);
        transition: .2s;
    }

    #fbven #nompla:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    .menu #eve {
        background: 0;
        width: 45px;
        height: 40px;
        background: var(--rojo);
        display: inline-block;
        border-radius: 3px;
        margin-left: 10px;
        padding-top: 5px;
        box-sizing: border-box;
    }

    #cabtienda {
        width: 100%;
        height: 60px;
        background: var(--vino);
    }

    #cabtienda #img {
        background: var(--vino);
        background-image: url(../img/iconocreado2.svg);
        width: 100%;
        height: 60px;
        background-size: 100% 100%;
        background-repeat: no-repeat;

    }

    #espp {
        height: 90px;
    }

    #catt {
        width: 100%;
        background: var(--vino);
        position: fixed;
        top: 60px;

    }

    #catt a {
        display: inline-block;
        background: var(--amarillo);
        color: black;
        text-decoration: none;
        width: 9.5%;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
        margin-top: 5px;
        margin-bottom: 5px;
        border-radius: 2px;
        transition: .2s;

    }

    #catt a:hover {
        transform: scale(.9, .9);
        transition: .2s;
        background: var(--dorado);
    }

    .pedirperm {
        display: none;
    }

    .pedirperm h2 {
        font-size: 15px;
        font-weight: 100;
    }

    .pedirperm input {
        width: 45%;
        height: 30px;
        padding: 5px;
        border: 1px solid grey;
        text-align: center;
        margin-bottom: 3px;
    }

    .pedirperm input[type=submit] {
        background: var(--rojo);
        color: white;
        border: 0;
    }

    #salir img {
        width: 100%;
        background: 0;
    }

    #nomusu {
        position: fixed;
        top: 1px;
        z-index: 99999;
        background: 0;
        color: white;
        right: 5px;
        font-size: 12px;
    }

    #nomdep {
        position: fixed;
        top: 45px;
        z-index: 99999;
        background: 0;
        color: white;
        right: 1px;
        font-size: 10px;
    }

    .prod {
        width: 100%;
        text-align: center;
        overflow: hidden;
        height: auto;
    }

    .catt {
        width: 100%;
        overflow: hidden;
        height: auto;

    }

    .catt #cattsel1 {
        width: 18%;
        padding: 5px;
        box-sizing: border-box;
        height: 40px;
        position: fixed;
        top: 65px;
        left: 2%;
        border: 1px solid silver;
        background: silver;
        color: white;
    }

    .catt #cattsel2 {
        width: 18%;
        padding: 5px;
        box-sizing: border-box;
        height: 40px;
        position: fixed;
        top: 65px;
        left: 21%;
        border: 1px solid silver;
        background: silver;
        color: white;
    }

    .catt #cattsel3 {
        width: 18%;
        padding: 5px;
        box-sizing: border-box;
        height: 40px;
        position: fixed;
        top: 65px;
        left: 40%;
        border: 1px solid silver;
        background: silver;
        color: white;
    }

    .catt #cattsel4 {
        width: 18%;
        padding: 5px;
        box-sizing: border-box;
        height: 40px;
        position: fixed;
        top: 65px;
        left: 59%;
        border: 1px solid silver;
        background: silver;
        color: white;
    }

    .catt option,
    .catt optgroup {
        background: white;
        color: grey;
    }



    .formprod {
        width: 48%;
        text-align: center;
        border: 2px solid var(--vino);
        margin: auto;
        margin-bottom: 5px;
        padding: 3px;
        box-sizing: border-box;
        border-radius: 3px;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }

    .formprod h2 {
        font-size: 15px;
        color: var(--vino);
    }

    .formprod .check {
        display: none;
    }

    .formprod .check:checked + label {
        background: var(--dorado);
        color: black;
        box-sizing: border-box;
        transition: .2s;
        border: 1px solid var(--vino);
        border-radius: 3px;
    }

    .formprod label:hover {
        cursor: pointer;
    }

    .formprod input[type=text] {
        width: 100%;
        border: 1px solid silver;
        padding: 5px;
        margin-top: 2px;
        margin-bottom: 5px;
    }

    .formprod button {
        width: 40px;
        background: var(--azul);
        border: 0;
        border-radius: 3px;
        box-sizing: border-box;
        padding: 8px;
        height: 40px;
        float: left;
    }

    .formprod button:hover {
        cursor: pointer;
    }

    .formprod button:active {
        background: var(--naranja);
    }

    .formprod button img {
        width: 100%;
        background: 0;
    }

    .formprod .btnvender {
        width: 36%;
        float: right;
        background: var(--verde);
    }

    .formprod .btnvender img {
        width: 40px;

    }

    .formprod .inputcant {
        width: 20%;
        border: 1px solid silver;
        height: 40px;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        text-align: center;
        font-size: 20px;
    }

    .btnscant {
        overflow: hidden;
    }

    .btnverp {
        position: fixed;
        bottom: 5px;
        width: 28%;
        left: 5px;
        height: 7%;
        padding: 3px;
        box-sizing: border-box;
        background: var(--dorado);
        border: 0;
        font-size: 30px;
        border-radius: 3px;
        color: white;
        text-align: center;
    }

    .btnverp:hover {
        cursor: pointer;
        background: var(--naranja);
    }

    .dettped {
        position: fixed;
        top: 65px;
        width: 28%;
        left: 2px;
        border: 1px solid silver;
        border-radius: 3px;
        box-shadow: 0px 0px 5px grey;
        height: 80%;
        padding: 2px;
        box-sizing: border-box;
        overflow-y: auto;
        z-index: 99;
        margin-left: -30%;
        transition: .2s;
    }

    #mostrarped:checked ~ .dettped {
        position: fixed;
        top: 65px;
        width: 28%;
        left: 2px;
        border: 1px solid silver;
        border-radius: 3px;
        box-shadow: 0px 0px 5px grey;
        height: 80%;
        padding: 2px;
        box-sizing: border-box;
        overflow-y: auto;
        z-index: 99;
        margin-left: 0%;
        transition: .2s;
    }

    #labelconf {
        margin-left: 30%;
    }

    #mostrarped,
    #confirped,
    #confirped1 {
        display: none;
    }

    .dettped::-webkit-scrollbar {
        width: 6px;

    }

    .dettped::-webkit-scrollbar-thumb {
        background: var(--vino);
        border-radius: 3px;
    }

    .dettped::-webkit-scrollbar-thumb-thumb:active {
        width: 20px;
    }

    .dettped::-webkit-scrollbar-track {
        background: var(--fondo);
        border-radius: 3px;
    }

    .dettped .tblped {
        width: 100%;
        text-align: left;
        font-size: 13px;
        border-collapse: collapse;
    }

    .dettped .tblped .comped {
        color: grey;
        border-bottom: 1px solid grey;
    }

    .dettped .tblped #tcen {
        text-align: center;
    }

    .dettped .tblped #tder {
        text-align: right;
    }

    .dettped #cerrpedd {
        color: white;
        background: var(--rojo);
        width: 100%;
        display: inline-block;
        height: 100%;
        border-radius: 5px;
        box-sizing: border-box;
        padding-top: 6px;
        cursor: pointer;
    }

    .titped th {
        text-align: center;
        background: var(--vino);
        color: white;
        border-radius: 5px;
        height: 30px;
    }

    .titped th button {
        width: 100%;
        border: 0;
        background: var(--rojo);
        color: white;
        border-radius: 5px;
        height: 30px;
    }

    .titped th button:hover {
        cursor: pointer;
    }

    .dettped .tblped #tdimg {
        text-align: center;
        width: 26px;

    }

    .dettped .tblped img {
        width: 25px;
        background: 0;
        margin-bottom: 1px;

    }

    .dettped .tblped img:hover {
        cursor: pointer;
    }

    .dettped .tblped #tdimg button {
        background: 0;
        border: 0;
    }

    #recordatorio {
        width: 50%;
        height: 50%;
        position: fixed;
        top: 25%;
        background: var(--rojo);
        margin-left: 60%;
        border-radius: 5px;
        box-shadow: 0px 0px 5px 0px silver;
        padding: 10px;
        box-sizing: border-box;
    }

    #recordatorio img {
        width: 10%;
        background: 0;
        width: 20%;
        margin-left: 40%;
        margin-bottom: 20px;
    }

    #recordatorio p {
        background: 0;
        color: white;
        font-size: 60px;
        text-align: center;
    }

    #panel_pagos {
        width: 29%;
        float: left;
        border-radius: 5px;
        border: 1px solid grey;
        padding: 5px;
        box-sizing: border-box;
        margin-left: 1%;
        height: auto;
    }

    #panel_pagos table {
        width: 100%;
        background: 0;
        text-align: left;
        font-size: 14px;
    }

    #panel_pagos #datosped {
        background: 0;
        border-radius: 20px;
        border-bottom: 1px dashed silver;
        margin-bottom: 5px;

    }
    #panel_pagos #datosped td input{
        width: 100%;
        font-size: 15px;
        padding: 3px;
        box-sizing: border-box;
    }
    #panel_pagos form {
        background: 0;
    }

    #panel_pagos form img {
        width: 50px;
        height: 50px;
        background: 0;
    }

    #panel_pagos form input[type=radio] {
        display: none;
    }
    #panel_pagos .fdlabel1, #panel_pagos .fdlabel2, #panel_pagos .fdlabel11, #panel_pagos .fdlabel22{
        display: inline-block;
        height: auto;
        text-align: center;
        width: 19%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        margin-bottom: 2px;
    }
    #panel_pagos .fdlabel1 div, #panel_pagos .fdlabel2 div, #panel_pagos .fdlabel11 div, #panel_pagos .fdlabel22 div{
        width: 100%;
        float: left;
        background: 0;
    }
    #panel_pagos form input[type=radio]:checked + label  {
        background: var(--amarillo);
        box-sizing: border-box;
        border-radius: 5px;
        transition: .2s;
    }

    #panel_pagos form label img:hover {
        cursor: pointer;
        transform: scale(.9, .9);
        transition: .2s;
    }

    #panel_pagos form label img {
        transition: .2s;
        padding: 5;
        box-sizing: border-box;
    }

    #panel_pagos form label {}

    #panel_pagos form #f_pex img {
        width: 40px;
        height: 40px;
        background: 0;
    }

    #panel_pagos form #f_pex input[type=radio]:checked + label img {
        background: var(--amarillo);
        box-sizing: border-box;
        border-radius: 5px;
        transition: .2s;
    }

    #panel_pagos form input[type=number],
    #panel_pagos form select {
        width: 95%;
        margin: 0px 0px 2px 0px;
        margin-left: 2.5%;
        border: 1px solid silver;
        padding: 2px;
        font-size: 18px;
        border-radius: 3px;

    }

    #panel_pagos p {
        font-size: 18px;
        text-align: left;
        margin: 2px 0px 2px 0px;
    }

    #panel_pagos form button {
        width: 95%;
        background: var(--verde);
        border: 0;
        border-radius: 3px;
        margin-left: 2.5%;
        color: white;
        font-size: 25px;
        padding: 5px;
        box-sizing: border-box;
        height: 40px;
        transition: .2s;
    }

    #panel_pagos form button img {
        width: 40px;
        height: 30px;
        background: 0;
        float: right;
        margin-right: 50px;
        margin-left: -50px;

    }

    #panel_pagos form button:hover {
        transform: scale(.95, .95);
        transition: .2s;
        cursor: pointer;
    }

    #panel_pagos #bajpag, #panel_pagos #bajprop {
        width: 10%;
        float: left;
        padding: 3px;
        margin: auto;
        height: 30px;
        margin-left: 1%;
        background: var(--verde);
    }
    #panel_pagos #prop{
        width: 85%;
        float: left;
    }
    #panel_pagos #bajpag img {
        width: 100%;
        margin: auto;
    }

    #panel_pagos #totp {
        width: 84%;
        float: left;
    }

    #panel_prod {
        width: 68%;
        height: 565px;
        float: left;
        margin-left: 1%;
        border-radius: 5px;
        border: 1px solid grey;
        box-sizing: border-box;
        padding: 3px;
    }

    #panel_prod section {
        width: 100%;
        height: 99.5%;
        float: left;
        background: 0;
        overflow-y: auto;
        margin-bottom: .5%;
        border: 1px solid silver;
        box-sizing: border-box;
        border-radius: 5px;
    }

    #panel_prod section table {
        text-align: center;
        width: 100%;
        border-collapse: collapse;
        background: 0;
        font-size: 13px;
    }

    #panel_prod section table td,
    #panel_prod section table th {
        background: 0;
        padding: 2px;
    }

    #panel_prod section table td {
        border-bottom: 1px solid silver;

    }

    #efep {
        text-align: center;
        font-size: 20px;
        color: var(--vino);
        margin-bottom: 5px;
    }

    #panel_prod #dep1 #tit {
        background: var(--vino);
        color: white;
    }

    #panel_prod #dep2 #tit {
        background: var(--dorado);
        color: white;
    }

    #panel_prod #dep4 #tit {
        background: #574A23;
        color: white;
    }

    #panel_prod #dep5 #tit {
        background: #FF2869;
        color: white;
    }

    #panel_prod input[type=checkbox] {
        cursor: pointer;
        transform: scale(1.4, 1.4);

    }

    #panel_prod #calcu {
        width: 100%;
        overflow: hidden;
    }

    #panel_prod #calcu input {
        border: 1px solid silver;
        height: 35px;
        border-radius: 5px;
        text-align: center;
        font-size: 20px;
    }

    #panel_prod #calcu div {
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        background: var(--verde);
        border-radius: 5px;
        padding: 2px;
        box-sizing: border-box;
        height: 35px;
    }

    #panel_prod #calcu #a p,
    #panel_prod #calcu #b p {
        font-size: 23px;
        width: 50%;
        float: left;
        height: 30px;
        background: 0;
        color: white;
        margin-left: 1%;
        text-align: center;
    }

    #panel_prod #calcu #b input {
        width: 15%;
        height: 30px;
        border: 0;
    }

    #panel_prod #calcu #a input {
        width: 45%;
        height: 30px;
        border: 0;
        margin-top: 1px;
        background: 0;
        color: white;

    }

    #panel_prod #calcu #b #division {
        width: 30%;
        background: 0;
        color: white;
    }

    #base #actbase {
        width: 50px;
        height: 35px;
        border-radius: 0px;
        float: left;
        border: 0;
        background: var(--naranja);
        padding: 5px;
        cursor: pointer;
    }

    #base #actbase img {
        width: 90%;
        background: 0;
    }

    #recordatorio2 {
        width: 50%;
        height: 40%;
        position: absolute;
        background: var(--verde);
        z-index: 99;
        border-radius: 5px;
        box-shadow: 0px 0px 5px 0px;
        left: 25%;
        top: 30%;
    }

    #recordatorio2 h3 {
        background: 0;
        color: white;
        text-align: center;
        font-weight: 100;
        font-size: 45px;
    }

    #recordatorio2 img {
        width: 20%;
        background: 0;
        margin-top: 40px;
    }

    #btnprecom {
        width: 29%;
        position: absolute;
        top: 65px;
        left: 1%;
    }

    #btnprecom a {
        display: inline-block;
        width: 48%;
        float: left;
        text-align: center;
        background: var(--azul);
        color: white;
        text-decoration: none;
        margin-left: 1%;
        margin-right: 1%;
        height: 25px;
        font-size: 20px;
        border-radius: 2px;
        transition: .2s;
    }

    #btnprecom a:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    #mosmail {
        background: var(--verde);
        color: white;
        border-radius: 3px;
        width: 12%;
        display: inline-block;
        margin-left: 2.5%;
        text-align: center;
        padding: 2px;
        box-sizing: border-box;
        float: left;
        margin-bottom: 5px;
        height: 30px;
    }

    #mosmail #img {
        width: 30px;
        height: 25px;
        background: 0;
        padding: 0;
    }

    #email {
        background: 0;
        border-radius: 3px;
        width: 82%;
        margin-left: 1%;
        text-align: center;
        padding: 2px;
        box-sizing: border-box;
        transition: .2s;
        border: 1px solid silver;
        transition: .2s;
        float: left;
        height: 30px;
        font-size: 15px;
    }

    #bases {
        width: 100%;
        text-align: center;
    }

    #bases p {
        font-size: 20px;
        color: var(--vino);
    }

    #bases table {
        width: 98%;
        text-align: center;
        margin: auto;
        border-collapse: collapse;
        border: 1px solid var(--vino);
    }

    #bases table th {
        background: var(--vino);
        color: white;
    }
    #bases table td #btngubase{
        width: 20%;
        height: 25px;
        background: var(--verde);
        border: 0;
        padding: 2px;
        float: right;
        margin-right: 1%;
    }
    #bases table td #btngubase img{
        background: 0;
        height: 100%;
    }
    #bases table th,
    #bases table td {
        padding: 3px;
    }
    #bases table td{
        border: 1px solid var(--vino);
    }
    #bases table input {
        border: 1px solid grey;
        width: 50%;
        padding: 3px;
        text-align: center;
    }

    #bases table input[type="submit"] {
        background: var(--verde);
        color: white;
        border: 0;
        cursor: pointer;
        width: 80%;
        transition: .2s;
        height: 25px;
    }

    #bases table input[type="submit"]:hover,
    #bases table a:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    #bases table tr:hover {
        font-weight: bold;
    }

    #bases table a {
        display: inline-block;
        text-decoration: none;
        background: var(--rojo);
        width: 80%;
        color: white;
        height: 25px;
        box-sizing: border-box;
        padding-top: 2px;
        transition: .2s;
    }

    #numaprov,
    #numaprov2 {
        width: 95%;
        margin-left: 2.5%;
        height: 20px;
        padding: 2px;
        border: 1px solid silver;
        border-radius: 2px;
        margin-bottom: 2px;
        display: none;
    }

    #pregcierre {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 60px;
        background: rgba(0, 0, 0, .95);
        left: 0;
        text-align: center;
        display: none;
    }

    #pregcierre p {
        background: 0;
        color: white;
        font-size: 45px;
        margin-top: 80px;
        margin-bottom: 40px;
    }

    #pregcierre a {
        width: 30%;
        height: 40px;
        font-size: 30px;
        border-radius: 5px;
        margin-left: 35%;
        float: left;
        margin-right: 35%;
        margin-bottom: 20px;
    }

    #pregcierre .cerrard {
        width: 20%;
        height: 40px;
        font-size: 30px;
        border-radius: 5px;
        float: left;
        background: var(--rojo);
        margin-left: 40%;
    }

    .catt1 {
        width: 12%;
        float: left;
        height: 90%;
        position: fixed;
        top: 65px;

    }

    .catt1 div {
        width: 100%;
        float: left;
        margin-left: 1%;
        height: 120px;
        float: left;
        margin-bottom: 5px;

    }

    .catt1 img {
        width: 100%;
        height: 100%;
        margin-bottom: -10px;
        z-index: 0;
        margin-bottom: -100px;
        border-radius: 3px;

    }

    .catt1 button {
        height: 100%;
        border: 0;
        width: 100%;
        cursor: pointer;
    }

    .catt1 button p {
        height: 100%;
        line-height: 7;
        color: white;
        font-size: 18px;
        background: 0;
        margin-top: -20px;
        cursor: pointer;
        transition: .2s;
    }

    .catt1 button p:hover {
        transform: scale(1.2, 1.2);
        transition: .2s;
    }

    .prod1 {
        width: 100%;
        text-align: center;
        overflow: hidden;
        height: auto;
        position: absolute;
        top: 100px;
        overflow: auto;
        transition: .2s;
        left: 0%;

    }
     .prod1::-webkit-scrollbar {
        width: 6px;

    }

    .prod1::-webkit-scrollbar-thumb {
        background: var(--gris);
        border-radius: 5px;
    }

    .prod1::-webkit-scrollbar-thumb-thumb:active {
        width: 20px;
    }

    .prod1::-webkit-scrollbar-track {
        background: var(--fondo);
        border-radius: 3px;
    }
    .prod1 .esp {
        height: 130px;
    }
    #cattres {
        width: 100%;
        background: 0;
        height: auto;
        transform: .1s;
        position: fixed;
        top: 60px;
        overflow: hidden;
        z-index: 999;
        background: white;
        box-sizing: border-box;
        border-bottom: 1px solid silver;
        left: 0%;

    }
    #cattres a {
        display: inline-block;
        width: 9.5%;
        float: left;
        box-sizing: border-box;
        padding: 5px;
        text-decoration: none;
        text-align: center;
        background: var(--naranja);
        color: white;
        cursor: pointer;
        border-radius: 3px;
        font-size: 15px;
        margin: .25%;
    }
    #cattres input[type="radio"]:checked + label{
        background: var(--dorado);
        color: black;
    }
    #cattres .label:hover {
        background: var(--dorado);
        transition: .2s;
        color: black;
    }

    .btnverp1 {
        position: fixed;
        bottom: 4px;
        width: 30%;
        right: 2px;
        height: 100px;
        box-sizing: border-box;
        background: var(--rojo);
        border: 0;
        font-size: 30px;
        border-radius: 3px;
        color: white;
        text-align: center;
        cursor: pointer;
    }

    .btnverp1 img {
        background: 0;
        width: 30%;
        height: 80px;
        margin-top: 0px;
        float: left;
        background: #DE0F0F;
        height: 100%;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 0px 5px 5px 0px;
    }

    .btnverp1 b {
        background: 0;
        font-size: 20px;
        width: 70%;
        display: inline-block;
        float: left;
        margin-top: 25px;
    }

    #conf2,
    #conf1 {
        width: 30%;
        position: fixed;
        background: #4CAB63;
        box-sizing: border-box;
        border-radius: 5px;
        bottom: 4px;
        height: 100px;
        cursor: pointer;

    }

    #conf2 b {
        background: 0;
        color: white;
        font-size: 25px;
        width: 50%;
        display: inline-block;
        text-align: center;
        margin-right: 5%;
        float: left;
        height: 100%;
        margin-top: 20px;
        margin-left: 5%;
    }

    #conf1 b {
        background: 0;
        color: white;
        font-size: 25px;
        width: 50%;
        display: inline-block;
        text-align: center;
        margin-right: 5%;
        float: left;
        height: 100%;
        margin-top: 33px;
        margin-left: 5%;
    }

    #conf2 img,
    #conf1 img {
        width: 40%;
        background: 0;
        margin-top: 0px;
        background: #39804A;
        padding: 20px 0px 0px 0px;
        box-sizing: border-box;
        float: left;
        height: 100%;
        border-radius: 0px 5px 5px 0px;
    }

    .dettped1 {
        position: fixed;
        top: 65px;
        width: 45%;
        left: 2px;
        border: 1px solid silver;
        border-radius: 3px;
        box-shadow: 0px 0px 5px grey;
        height: 70%;
        padding: 2px;
        box-sizing: border-box;
        overflow-y: auto;
        z-index: 99;
        margin-left: -46%;
        transition: .2s;
    }

    #mostrarped:checked ~ .dettped1 {
        position: fixed;
        top: 65px;
        width: 45%;
        left: 2px;
        border: 1px solid silver;
        border-radius: 3px;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
        height: 70%;
        padding: 2px;
        box-sizing: border-box;
        overflow-y: auto;
        z-index: 99999;
        margin-left: 0%;
        transition: .2s;
    }

    .dettped1::-webkit-scrollbar {
        width: 6px;

    }

    .dettped1::-webkit-scrollbar-thumb {
        background: var(--vino);
        border-radius: 3px;
    }

    .dettped1::-webkit-scrollbar-thumb-thumb:active {
        width: 20px;
    }

    .dettped1::-webkit-scrollbar-track {
        background: var(--fondo);
        border-radius: 3px;
    }

    .dettped1 .tblped {
        width: 100%;
        text-align: left;
        font-size: 1.5vw;
        border-collapse: collapse;
    }

    .dettped1 .tblped .comped {
        color: grey;
        border-bottom: 1px solid grey;
    }

    .dettped1 .tblped #tcen {
        text-align: center;
    }

    .dettped1 .tblped #tder {
        text-align: right;
    }

    .dettped1 #cerrpedd {
        color: white;
        background: var(--rojo);
        width: 100%;
        display: inline-block;
        height: 100%;
        border-radius: 5px;
        box-sizing: border-box;
        padding-top: 6px;
        cursor: pointer;
    }

    .dettped1 .tblped #tdimg {
        text-align: center;
        width: 26px;

    }

    .dettped1 .tblped img {
        width: 25px;
        background: 0;
        margin-bottom: 1px;

    }

    .dettped1 .tblped img:hover {
        cursor: pointer;
    }

    .dettped1 .tblped #tdimg button {
        background: 0;
        border: 0;
    }

    .mesas2 p {
        color: var(--vino);
        font-size: 35px;
        text-align: center;
    }

    .mesas2 .cmesas {
        width: 100%;
        text-align: center;
        margin: auto;
        float: left;
    }

    .mesas2 .cmesas a:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    .mesas2 .cmesas a {
        display: inline-block;
        width: 19%;
        background: var(--amarillo);
        height: 12%;
        margin-bottom: 5px;
        text-decoration: none;
        color: white;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        border-radius: 3px;
        transition: .2s;
        box-sizing: border-box;
        line-height: 250%;

    }

    .mesas2 {
        width: 100%;
        float: left;
    }

    .formprod .imagenpro {
        width: 98%;
        margin-left: 1%;
        margin-bottom: 2px;
    }

    .formprod .imagenpro img {
        width: 100%;
        height: auto;
        box-shadow: 0px 0px 5px 0px silver;
    }

    .prod1 #carac {
        width: 100%;
        text-align: center;
        overflow: hidden;
    }
    .prod1 .cajacatt{
        width: 100%;
        margin-bottom: 10px;
        border-bottom: 1px solid silver;
        overflow: hidden;
        height: auto;
    }
    .prod1 #carac label {
        width: 49.5%;
        margin-left: .25%;
        margin-right: .25%;
        float: left;
        background: grey;
        display: inline-block;
        color: white;
        border-radius: 3px;
        font-size: 15px;
        margin-bottom: 3px;
        padding: 3px;
        box-sizing: border-box;
        text-align: left;
        padding-left: 4px;
    }

    .prod1 #carac input[type="radio"] {
        display: none;
    }

    .prod1 #carac input[type="radio"]:checked + label {
        background: var(--verde);
    }

    #confir {
        width: 100%;
        height: 100%;
        background: var(--green);
        position: fixed;
        top: 60px;
        border-radius: 5px;
        left: 0;
        opacity: .9;
        display: none;
        z-index: 999;
    }

    #confir img {
        background: 0;
        width: 100%;
        height: 100%;
        padding: 10px;
    }

    #carac input[type="number"] {
        width: 98%;
        border: 1px solid silver;
        padding: 3px;
        text-align: center;
    }

    .tiempocom img {
        width: 25px;
        background: 0;
        margin-bottom: -5px;
    }

    .tiempocom td {
        font-size: 20px;
        padding: 3px;
    }

    .tiempocom {
        height: 30px;
    }

    .prodnew {
        width: 100%;
        text-align: center;
    }

    .prodnew .tabprod {
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        margin-bottom: 10px;
    }

    .prodnew .tabprod a,
    .prodnew .tabprod button {
        width: 30px;
        height: 30px;
        display: inline-block;
        background: var(--amarillo);
        padding: 3px;
        border-radius: 3px;
        transition: .2s;
        margin-bottom: 2px;
        margin-top: 2px;
        border: 0;
        box-sizing: border-box;
        cursor: pointer;
    }

    .prodnew .tabprod a img,
    .prodnew .tabprod button img {
        background: 0;
        width: 100%;
    }

    .prodnew .tabprod tr,
    .prodnew .tabprod td {
        background: 0;
        padding: 2px;
        box-sizing: border-box;
        border: 1px solid var(--dorado);
    }

    .prodnew .tabprod tr:hover {
        background: silver;
    }
    .prodnew .tabprod td input[type="text"]{
        width: 80%;
        float: left;
        margin-left: 10%;
        text-align: center;
        padding: 3px;
        box-sizing: border-box;
        border-radius: 3px;
        font-size: 15px;
    }
    .prodnew .tabprod td input[type="number"]{
        width: 50%;
        float: left;
        margin-left: 25%;
        text-align: center;
        padding: 3px;
        box-sizing: border-box;
        border-radius: 3px;
        font-size: 15px;
    }
    .prodnew .tabprod td .btngua{
        background: var(--verde);
        width: 100%;
    }
    .prodnew .tabprod td .btngua img{
        height: 100%;
    }
    .prodnew .compos {
        font-size: 12px;
        height: 20px;
        border-bottom: 1px solid grey;

    }

    .prodnew .compos a {
        width: 20px;
        height: 20px;
    }

    .prodnew #titcarac {
        background: var(--dorado);
        height: 30px;
        color: white;
    }

    .prod_new h2 {
        font-size: 25px;
        text-align: center;
        margin-bottom: 10px;
        color: var(--vino);
    }

    .prod_new form {
        width: 100%;
        overflow: hidden;
    }

    #ingcarac form button,
    #ingcompo form button,
    #ingprod form button,
    #ingprod form button,
    #ingcomp form button,
    #ingcomp form button {
        border: 0;
        background: 0;
        cursor: pointer;
    }

    #ingcarac form img,
    #ingcompo form img,
    #ingprod form img,
    #ingcomp form img {
        width: 25px;
        height: 25px;
    }

    #ingcarac form input,
    #ingcarac form select,
    #ingcompo form input,
    #ingcompo form select,
    #ingprod form input,
    #ingprod form select,
    #ingcomp form input,
    #ingcomp form select {
        width: 200px;
        padding: 1px;
        border: 1px solid silver;
        height: 25px;
        color: black;
    }

    #ingcarac form input,
    #ingcarac form select,
    #ingcarac form button,
    #ingcompo form input,
    #ingcompo form select,
    #ingcompo form button,
    #ingprod form input,
    #ingprod form select,
    #ingcomp form input,
    #ingcomp form select {
        float: left;
        margin-left: .25%;
        margin-right: .25%;
    }

    #ingcarac,
    #ingcompo,
    #ingprod,
    #ingcomp {
        display: none;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .prod_new #bts .button {
        border: 0;
        background: var(--verde);
        padding: 3px;
        color: white;
        font-size: 20px;
        transition: .2s;
        cursor: pointer;
        margin-left: .5%;
        margin-bottom: 5PX;
    }

    #panel_prod #deppago #tit {
        font-size: 18px;
        color: var(--vino);
    }

    .ingnom {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
        border-bottom: 1px solid silver;
        display: none;
    }

    .ingnom img {
        width: 100%;
    }

    .ingnom input,
    .ingnom select {
        width: 200px;
        float: left;
        margin-left: .5%;
        height: 25px;
        padding: 2px;
        border: 1px solid silver;
        margin-bottom: 5px;
    }

    .ingnom button {
        width: 25px;
        height: 25px;
        border: 0;
        margin-left: .5%;
        transition: .2s;
        cursor: pointer;
        float: left;
    }

    #descarac {
        background: 0;
        font-size: 12px;
        border-top: 1px dashed white;
    }

    #deppago #cuenta {
        border: 1px solid grey;
        padding: 2px;
        box-sizing: border-box;
        font-size: 12px;
        width: 100px;
    }

    #confir1 {
        width: 20%;
        height: 20%;
        background: var(--green);
        position: fixed;
        top: 60px;
        border-radius: 5px;
        left: 0;
        opacity: .9;
        z-index: 999;
        margin-left: 40%;
        top: 30%;
        display: none;
    }

    #confir1 img {
        width: 100%;
        height: auto;
    }

    .tabnom {
        width: 99%;
        text-align: center;
        border-collapse: collapse;
        margin: auto;
    }

    .tabnom td,
    .tabnom th {
        border: 1px solid silver;
        background: 0;
    }

    .tabnom th {
        color: var(--vino);
        transition: .1s;
    }

    .tabnom tr:hover {
        background: silver;
        transition: .1s;
    }

    .tabnom a {
        width: 28px;
        height: 28px;
        display: inline-block;
        padding: 3px;
        box-sizing: border-box;
        background: var(--amarillo);
        border-radius: 3px;
        margin-bottom: 2.5px;
        margin-top: 2.5px;
        transition: .2s;
    }

    .tabnom a img {
        background: 0;
    }

    .filtro {
        width: 99%;
        margin: auto;
        overflow: hidden;
        margin-top: 10px;
        margin-bottom: 5px;

    }

    .filtro button img {
        width: 100%;
        background: 0;
    }

    .filtro button {
        width: 25px;
        height: 25px;
        background: var(--verde);
        border: 0;
        border-radius: 3px;
        padding: 3px;
        cursor: pointer;
        transition: .2s;
    }

    .filtro input,
    .filtro select {
        width: 14.8%;
        float: left;
        margin-left: .1%;
        margin-right: .1%;
        height: 25px;
        border: 1px solid silver;
        padding: 3px;
    }

    .filtro h3 {
        font-weight: 100;
        margin-bottom: 3px;
    }

    .btsnom {
        width: 100%;
    }

    .btsnom h2 {
        text-align: center;
        color: var(--vino);
    }

    .btsnom a,
    .btsnom button {
        display: inline-block;
        border: 0px;
        font-size: 15px;
        background: var(--verde);
        color: white;
        text-decoration: none;
        padding: 3px;
        border-radius: 3px;
        transition: .2s;
        cursor: pointer;
        float: left;
        margin-left: .5%;
        margin-bottom: 5px;
    }

    .pan1 {
        width: 30%;
        float: left;
        overflow: hidden;
    }

    .pan1 table {
        width: 98%;
        text-align: left;
        border-collapse: collapse;
        margin: auto;
    }

    .pan1 table td,
    .pan1 table th {
        border: 1px solid silver;
    }

    .pan1 table td label img {
        width: 20px;
        height: 20px;
        background: 0;
    }

    .pan1 table td input[type="checkbox"]:checked + label {
        background: var(--verde);
        display: inline-block;
        border-radius: 3px;
        box-sizing: border-box;
        padding: 5px 2px 2px 2px;
        margin-top: 5px;
        margin-bottom: 2px;
        height: 25px;
        margin-left: 2.5%;
        height: 28px;
    }

    .pan1 table td label {
        background: 0;
        display: inline-block;
        border-radius: 3px;
        box-sizing: border-box;
        padding: 5px 2px 2px 2px;
        margin-top: 5px;
        margin-bottom: 2px;
        height: 25px;
        border: 1px solid grey;
        cursor: pointer;
        float: left;
        margin-left: 2.5%;
        height: 28px;
    }

    .pan1 table td input[type="checkbox"] {
        display: none;
    }

    .pan1 table td input[type="number"] {
        width: 80%;
        padding: 3px;
        border: 1px solid grey;
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 16px;
        float: left;
        margin-left: 10%;
    }

    .pan1 table td {
        text-align: center;
    }

    .pan1 table td #cred, .pan1 table td #desc_legal {
        width: 70%;

    }

    .pan1 form {
        width: 100%;
        background: red;
    }

    .pan1 table #btnpago {
        width: 95%;
        height: 40px;
        border: 0;
        background: var(--azul);
        color: white;
        font-size: 30px;
        box-sizing: border-box;
        padding: 2px;
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 3px;
        transition: .2s;
        cursor: pointer;
    }
    .pan1 table #btnpago img {
        width: 30px;
        background: 0;
        margin-bottom: -5px;
    }

    .pan1 h3 {
        text-align: center;
    }

    .pan2 {
        width: 69%;
        float: left;
        margin-left: .5%;
        border: 1px solid silver;
        text-align: center;
    }

    .pan2 table {
        width: 99%;
        margin: auto;
        border-collapse: collapse;
        text-align: center;
    }

    .pan2 table img {
        height: 100px;
        border: 1px solid grey;
        margin-bottom: 10px;
    }

    #panel_pagos form .firmaemp {
        height: 150px;
        width: auto;
        border: 1px solid grey;

    }

    #panel_pagos form {
        text-align: center;
    }

    .pan2 table a {
        color: dodgerblue;
    }

    .pan1 #f_p input[type="radio"] {
        display: none;
    }

    .pan1 #f_p label {
        width: 19%;
        float: left;
        height: auto;
        margin-left: .5%;
        margin-right: .5%;
        height: auto;
        padding: 5px;
        cursor: pointer;
    }

    .pan1 #f_p label img {
        width: 80%;
        height: auto;
        margin-top: 2px;
    }

    .pan1 #f_p #numaprov {
        width: 99%;
        margin-left: 0%;
        border: 1px solid grey;
    }

    .pan1 #f_p input[type="radio"]:checked + label {
        background: var(--verde);
        transition: .2s;

    }

    .pan1 #email {
        width: 95%;
        margin-left: 2.5%;
        border: 1px solid grey;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    #contnom .ped {
        background: 0;
        color: dodgerblue;
    }

    #contnom .firmemp {
        height: 80px;
    }

    .balancenew {
        width: 100%;
    }

    .balancenew #bbot {
        width: 100%;
        overflow: hidden;
        height: auto;
        margin-bottom: 10px;
    }

    .balancenew #bbot a {
        display: inline-block;
        background: var(--verde);
        text-decoration: none;
        color: white;
        padding: 2px;
        box-sizing: border-box;
        width: 18.5%;
        text-align: center;
        border-radius: 3px;
        transition: .2s;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
    }

    .balancenew .tabbalance {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    .balancenew .tabbalance table {
        border: 1px solid var(--vino);
        width: 31%;
        float: left;
        margin-left: 1%;
        margin-right: 1.3%;
        border-collapse: collapse;
        text-align: center;
    }

    .balancenew .tabbalance table td {
        border: 1px solid var(--vino);
        padding: 2px;
    }

    .balancenew .tabbalance table th {
        background: var(--vino);
        color: white;
        font-weight: 100;
    }

    .balancenew h2 {
        text-align: center;
        color: var(--vino);
        margin: 0;
        margin-bottom: 2px;
    }

    #cinv .tpro td {
        border: 1px solid var(--vino);
        padding: 3px;
    }

    #cinv .tpro .vermas {
        width: 25px;
        height: 25px;
        background: var(--amarillo);
        border-radius: 3px;
        padding: 3px;
        box-sizing: border-box;
        margin: 0;
        float: inherit;
    }

    #cinv .tpro .vermas img {
        width: 100%;
        background: 0;
    }

    #cinv .tpro #a {
        width: 1%;
    }

    #cfecv {
        width: 100%;
        margin-top: 5px;
    }

    #cfecv form input,
    #cfecv form select {
        width: 10%;
        height: 25px;
        border: 1px solid silver;
        padding: 2px;
        font-size: 12px;
        border-radius: 3px;
    }

    #cfecv form input[type="submit"] {
        width: 5%;
        height: 25px;
        border-radius: 3px;
    }
    #cfecv h2{
        text-align: center;
    }
    #fbven .bbot {
        width: 100%;
        float: left;
        overflow: hidden;
        margin-bottom: 5px;
    }

    #fbven .bbot #vxp {
        width: 9.5%;
        float: left;
        display: inline-block;
        margin-left: .25%;
        margin-right: .25%;
        border-radius: 3px;
    }

    .balancenew .resmes {
        width: 100%;
        margin-top: 10px;
        overflow: hidden;
        height: auto;
        margin-bottom: 5px;
    }

    .balancenew .resmes div {
        width: 23%;
        float: left;
        margin: 0;
        margin-left: 1%;
        margin-right: 1%;
        text-align: center;
        border: 1px solid var(--vino);
        color: var(--vino);
        height: 50px;
        padding: 3px;
        box-sizing: border-box;
        margin-bottom: 5px;
        border-radius: 3px;
    }

    .resmes h2 {
        text-align: center;
        font-size: 20px;
    }

    .balancenew #cbot1 {
        width: 100%;
        text-align: center;
    }

    .balancenew #cbot1 input {
        width: 20%;
        border: 1px solid silver;
        padding: 3px;
        box-sizing: border-box;
        text-align: center;
        border-radius: 3px;
    }

    .balancenew #cbot1 input[type="submit"] {
        width: 5%;
        background: var(--verde);
    }

    .balancenew h1 {
        text-align: center;
        font-size: 22px;
        color: var(--vino);
    }
    .btnasicuenta{
        display: none;
    }

    .moduhor .panel_btn{
        width: 70%;
        float: left;
        height: auto;
        padding: 5px;
        box-sizing: border-box;
    }
    .moduhor .pedd{
        width: 29%;
        float: left;
        text-align: center;
        border-left: 1px solid silver;
        height: 84%;
        overflow: auto;
        padding: 5px;
        box-sizing: border-box;
    }
    .moduhor .panel_btn .labelcat{
        width: 19%;
        float: left;
        background: var(--vino);
        display: inline-block;
        color: white;
        padding: 3px;
        text-align: center;
        box-sizing: border-box;
        margin-left: .5%;
        margin-right: .5%;
        border-radius: 3px;
        cursor: pointer;
        transition: .2s;
        height: 80px;
        font-size: 20px;
        border: 0;
    }

    .moduhor .panel_btn .labelcat:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .moduhor .panel_btn input[type="radio"]:checked + button{
        background: var(--dorado);
        color: black;
    }
    .moduhor .panel_btn .cajaprod{
        width: 70%;
        float: left;
        height: auto;
        box-sizing: border-box;
        position: absolute;
        top: 200px;
        left: 0;
        padding: 5px;
        background: 0;
    }
    .moduhor .panel_btn .cajaprod .btnventa{
        width: 19%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: 100px;
        border: 0;
        background: var(--azul);
        color: white;
        margin-bottom: 5px;
        border-radius: 3px;
    }
    .moduhor .panel_btn .cajaprod .btnventa p, .moduhor .panel_btn .cajaprod .btnventa h4{
        background: 0;
        font-size: 20px;
    }
    .moduhor .pedd table{
        width: 100%;
        text-align: center;
        border-collapse: collapse;
    }
    .moduhor .pedd table td{
        border-bottom: 1px solid silver;
        padding: 3px;
    }
    .moduhor .pedd h3{
        color: var(--vino);
        font-size: 25px;
    }
    .moduhor .pedd table th{
        color: var(--vino);
        font-size: 15px;
    }
    .moduhor .pedd .pedfp{
        width: 100%;
    }
    .moduhor .pedd .pedfp img{
        width: 100%;
        height: auto;
        background: 0;
    }
    .moduhor .pedd .pedfp label{
        width: 19%;
        float: left;
        height: auto;
        padding: 5px;
        box-sizing: border-box;
        display: inline-block;
        border-radius: 3px;
        margin-left: .5%;
        margin-right: .5%;
        cursor: pointer;
        margin-bottom: 5px;
    }
    .moduhor .pedd .pedfp h4{
        width: 100%;
    }
    .moduhor .pedd .pedfp input[type="radio"]{
        display: none;
    }
    .moduhor .pedd .pedfp input[type="radio"]:checked + label{
        background: var(--amarillo);
    }
    .moduhor .pedd .pagoped label #h4{
        width: 30%;
        float:left;
        margin: 0;
        overflow: hidden;
    }
    .moduhor .pedd .pagoped #paga, .moduhor .pedd .pagoped #vueltas{
        width: 69%;
        float: left;
        padding: 3px;
        box-sizing: border-box;
        margin-bottom: 5px;
        font-size: 20px;
        font-weight:600;
        text-align: center;

    }
    .moduhor .pedd .pagoped #btnpago{
        width: 29%;
        padding: 5px;
        border: 0;
        font-size: 50px;
        background: var(--verde);
        color: white;
        height: 80px;
        position: absolute;
        bottom: 10px;
        right: .5%;
        border-radius: 3px;
    }
    .moduhor .pedd .pagoped #btnpago img{
        background: 0;
        width: 60px;
        margin-top: 0px;
        margin-bottom: -13px;
        margin-left: 10px;
    }
    .moduhor .pedd table #a{
        width: 60%;
        font-size: 15px;
    }
    .moduhor .pedd table #b{
        width: 17%;
        font-size: 15px;
    }
    .moduhor .pedd table #c{
        width: 40px;
    }
    .moduhor .pedd table td a{
        width: 20px;
        box-sizing: border-box;
    }
    .moduhor .pedd table td img{
        width: 20px;
    }
    .moduhor .pedd .pagoped #numaprov{
        margin: 0;
        width: 98%;
        padding: 3px;
        font-size: 20px;
        height: auto;
        margin-left: 1%;
    }

    .agua{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: url('../img/logo1.png') 50% 50% no-repeat rgba(255,255,255,0);
    background-size: 20%;
    }

    .pedd .modcanped input{
        text-align: center;
        width: 100%;
        padding: 3px;
        box-sizing: border-box;
    }

    #sectionped #mospedd,#sectionped .labpedd{
     display: none;
    }
    .pedd #confpedlab{
        display: inline-block;
        position: absolute;
        bottom: 5px;
        background: var(--verde);
        color: white;
        width: 29%;
        right: .5%;
        height: 60px;
        font-size: 30px;
        border-radius: 3px;
        padding-top: 10px;
        box-sizing: border-box;
        cursor: pointer;

    }
    .pedd .confpedcaja{
        position: absolute;
        width: 100%;
        right: 0%;
        height: 100%;
        background: rgba(0,0,0,.9);
        top: 0;
    }
    .pedd .confpedcaja h3{
        height: 10%;
        background: 0;
        margin-top: 15%;
        font-size: 30px;
        color: white;
        font-weight: 100;
    }
    .pedd .confpedcaja a{
        width: 40%;
        float: left;
        margin-left: 30%;
        height: 80px;
        color: white;
        background: var(--verde);
        font-size: 50px;
        text-decoration: none;
        box-sizing: border-box;
        padding-top: 8px;
        margin-bottom: 20px;
    }
    .pedd .confpedcaja label{
        width: 20%;
        float: left;
        margin-left: 40%;
        height: 70px;
        color: white;
        background: var(--rojo);
        font-size: 40px;
        text-decoration: none;
        box-sizing: border-box;
        padding-top: 8px;
        border-radius: 3px;
        transition: .2s;
        cursor: pointer;
    }
    .pedd .confpedcaja label:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .mesas2 .cmesas a h4{
        font-size: 35px;
    }
    .mesas2 .cmesas a p{
        font-size: 15px;
        color: white;
        height: 0px;
    }
    .gastosmen{
        position: absolute;
        left: 2;
        border: 1px solid silver;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 3px;
        text-align: center;
        width: 50%;
        transition: .2s;
        top: 150px;
    }
    .gastosmen h3{
        color: var(--vino);
        font-size: 25px;
        width: 90%;
        float: left;
        margin-bottom: 10px;
    }
    .gastosmen label{
        display: inline-block;
        font-size: 25px;
        background: var(--rojo);
        color: white;
        width: 10%;
        border-radius: 3px;
        float: left;
        margin-bottom: 10px;
        cursor: pointer;
    }
    .gastosmen form input[type="text"]{
        width: 60%;
        margin-right: 1%;
        float: left;
        margin-left: 0%;
        padding: 3px;
        box-sizing: border-box;
        font-size: 25px;
        margin-bottom: 5px;
    }
    .gastosmen form input[type="number"]{
        width: 39%;
        margin-right: 0%;
        float: left;
        margin-left: 0%;
        padding: 3px;
        box-sizing: border-box;
        font-size: 25px;
    }
    .gastosmen button img{
        width: 100%;
        height: 100%;
        background: 0;
    }
    .gastosmen button{
        width: 100%;
        background: var(--verde);
        border: 0;
        height: 50px;
        padding: 3px;
    }
    .cuadrecaja{
        width: 100%;
        text-align: center;
    }
    .cuadrecaja h2{
        font-size: 25px;
        color: var(--vino);
    }
    .cuadrecaja h3{
        color: var(--gris);
        font-weight: 100;
    }
    .cuadrecaja .monedero{
        width: 100%;
    }
    .cuadrecaja .monedero .billetes, .cuadrecaja .monedero .monedas{
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
    .cuadrecaja .monedero .billetes p, .cuadrecaja .monedero .monedas p{
        font-size: 20px;
        color: var(--vino);
    }
    .cuadrecaja .monedero .billetes div, .cuadrecaja .monedero .monedas div{
        width: 100%;
        border-bottom: 1px solid grey;
        padding: 2px;
        box-sizing: border-box;
        overflow: hidden;
    }
    .cuadrecaja .monedero .billetes div label, .cuadrecaja .monedero .billetes div input, .cuadrecaja .monedero .monedas div label, .cuadrecaja .monedero .monedas div input{
        display: inline-block;
        width: 30%;
        text-align: center;
        padding: 2px;
        box-sizing: border-box;
        float: left;
        height: 25px;
        font-size: 15px;
    }
    .cuadrecaja .monedero .billetes div textarea, .cuadrecaja .monedero .monedas div textarea{
        width: 39%;
        float: left;
        height: 25px;
        border: 0;
        resize: none;
        overflow: hidden;
        font-size: 18px;
        margin-left: .5%;
    }
    .cuadrecaja .monedero .billetes div input, .cuadrecaja .monedero .monedas div input{
        border: 1px solid silver;
    }
    .cuadrecaja .monedero .totcal{
       width: 98%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        border: 1px solid var(--vino);
        padding: 2px;
        box-sizing: border-box;
        margin-top: 5px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .cuadrecaja .monedero .totcal p{
        font-size: 20px;
        color: var(--vino);
    }
    .cuadrecaja .monedero .totcal label, .cuadrecaja .monedero .totcal input[type="number"]{
        display: inline-block;
        width: 15%;
        float: left;
        padding: 2px;
        box-sizing: border-box;
        height: 30px;
        text-align: center;
        font-size: 18px;

    }
    .cuadrecaja .monedero .totcal input[type="checkbox"]{
        width: 10%;
        height: 30px;
        cursor: pointer;
    }
    .cuadrecaja .monedero .totcal input[type="number"]{
        border: 1px solid silver;

    }
    .rescuadre{
        width: 100%;
        text-align: center;
        float: left;
        border-top: 1px solid var(--vino);
    }
    .rescuadre div{
        width: 16%;
        margin-left: .25%;
        margin-right: .25%;
        float: left;
        height: 85px;
        margin-bottom: 5px;
        padding: 3px;
        box-sizing: border-box;
        border: 1px solid silver;
        margin-top: 5px;
    }
    .rescuadre .ventas{
        height: 180px;
    }
    .rescuadre div h2{
        font-size: 18px;
        background: 0;
    }
    .rescuadre div h3{
       background: 0;
        padding: 2px;
        box-sizing: border-box;
        color: black;
        line-height: 3;
    }
    .rescuadre .ventas h4{
       font-weight: 100;
        border-top: 1px solid silver;
        padding: 1px;
        font-size: 15px;
    }
    .rescuadre .ventas h3{
        line-height: 1;
    }
    .rescuadre .totalcuadre h2{
        background: var(--vino);
        color: white;
    }
    .rescuadre .totalcuadre h3{
        font-size: 28px;
        line-height: 2;
    }
    .rescuadre .encaja input, .rescuadre .dif input{
        width: 90%;
        padding: 1px;
        height: 30px;
        text-align: center;
        font-size: 20px;
        border: 1px solid silver;
    }
    .rescuadre .dif input{
        border: 0;
    }
    .rescuadre .obser, .rescuadre .btncuadre{
        width: 49%;
        height: 50px;
    }
    .rescuadre .obser textarea{
        height: 45px;
        border: 0;
        width: 100%;
        resize: none;
        overflow: hidden;
        padding: 3px;
    }
    .rescuadre .btncuadre input{
        display: none;
    }
    .rescuadre .btncuadre label{
        display: inline-block;
        border: 1px solid silver;
        background: silver;
        float: left;
        width: 24%;
        margin-left: .5%;
        margin-right: .5%;
        border-radius: 3px;
        height: 40px;
        font-size: 20px;
        padding-top: 7px;
        box-sizing: border-box;
        margin-top: 1px;
        cursor: pointer;
    }
    .rescuadre .btncuadre input[type="radio"]:checked + label{
        background: var(--naranja);
        color: white;
        border: 0;
    }
    .rescuadre .btncuadre button{
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: 40px;
        border: 0;
        background: var(--green);
        padding: 3px;
        margin-top: 1px;
        border-radius: 3px;
        cursor: pointer;
        transition: .2s;
    }
    .rescuadre .btncuadre button img{
        width: 90%;
        height: 90%;
        background: 0;
    }
    .rescuadre div a{
        display: inline-block;
        color: black;
        text-decoration: none;
        transition: .2s;
        background: 0;
    }
    #cinv .tpro #imp img, #cinv .tpro #det img{
        width: 100%;
        height: 100%;
        background: 0;
    }
    #cinv .tpro #imp, #cinv .tpro #det{
        width: 49px;
        height: 30px;
        display: inline-block;
        border-radius: 3px;
        padding: 3px;
        box-sizing: border-box;
    }
    #cargando{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/logo1.png') 50% 50% no-repeat rgba(255,255,255,0);
    background-size: 20%;
        display: none;
    }
    .botoneshead{
        width: 100%;
        border-bottom: 1px solid silver;
        height: auto;
        overflow: hidden;
    }
    .botoneshead button, .botoneshead a{
        display: inline-block;
        width: 12%;
        margin-left: .25%;
        margin-right: .25%;
        border: 0;
        background: var(--naranja);
        color: white;
        padding: 3px;
        box-sizing: border-box;
        font-size: 15px;
        float: left;
        margin-bottom: 5px;
    }
    .ingcomp{
        width: 45%;
        border: 1px solid silver;
        position: absolute;
        left: .5%;
        border-radius: 3px;
        padding: 5px;
        box-sizing: border-box;
        top: 95px;
        height: auto;
        overflow: hidden;
        z-index: 999;
    }
    .ingcomp input[type="radio"]{
        display: none;
    }
    .ingcomp form input, .ingcomp form select{
        width: 95%;
        padding: 3px;
        height: 35px;
        float: left;
        margin-left: 2.5%;
        border: 1px solid silver;
        font-size: 18px;
        margin-bottom: 3px;
        border-radius: 3px;
    }
    .ingcomp form button{
        width: 95%;
        float: left;
        margin-left: 2.5%;
        height: 40px;
        background: var(--verde);
    }
    .ingcomp form button img{
        height: 100%;
        width: 100%;
        background: 0;
    }
    .ingcomp label{
        display: inline-block;
        width: 24%;
        float: left;
        margin-left: 2.5%;
        margin-right: .5%;
        background: var(--dorado);
        color: white;
        text-align: center;
        padding: 2px;
        box-sizing: border-box;
        border-radius: 3px;
        margin-bottom: 5px;
        cursor: pointer;
        transition: .2s;
    }
    .ingcomp #cerrcaja{
        background: var(--rojo);
        font-size: 15px;
        width: 15%;
        margin-left: 1.5%;
        margin-right: .5%;
    }
    .ingcomp label:hover{
        transform: scale(.95,.95);
        transition: .2s;
    }
    .ingcomp h3{
        text-align: center;
        font-size: 20px;
        color: var(--naranja);
    }
    .ingcomp #newmp, .ingcomp #newcomp1, .ingcomp #newtrans{
        width: 100%;
        height: auto;
        overflow: hidden;

    }
    .ingcomp #newtrans #can_comp{
        width: 64%;
        float: left;

    }
    .ingcomp #newtrans #um_mp, .ingcomp #newtrans #um_comp{
        width: 30%;
        float: left;
        margin-left: 1%;
    }
    .ingcomp #newtrans hr{
        float: left;
        width: 100%;
        margin-top: 2px;
        margin-bottom: 4px;
    }

    .tpro input, .tpro select{
        border-radius: 3px;
        border: 1px solid silver;
    }
    .tpro input[type="radio"]{
        display: none;
    }
    .tpro img{
        height: 100%;
        background: 0;
    }
    #cinv .tpro .btnconf{
        background: var(--verde);
        border-radius: 3px;
        width: 95%;
        float: left;
        margin-left: 2.5%;
        padding: 3px;
        box-sizing: border-box;
    }
    #cinv .tpro .btneli{
        background: var(--rojo);
        border-radius: 3px;
        width: 95%;
        float: left;
        margin-left: 2.5%;
        padding: 3px;
        box-sizing: border-box;
        display: inline-block;
        height: 35px;
        color: white;
        font-size: 25px;
    }
    #cinv .tpro .td1{
        width: 5%;
    }
    #cinv .tpro .td2{
        width: 5%;
    }
    .confeli{
        position: fixed;
        width: 30%;
        left: .5%;
        border: 1px solid silver;
        border-radius: 3px;
        padding: 5px;
        box-sizing: border-box;
        top: 95px;
    }
    .confeli h4{
        font-size: 20px;
        color: var(--rojo);
    }
    #cinv .tpro .confeli button{
        background: var(--rojo);
        border-radius: 3px;
    }
    #cinv .tpro .confeli .btnconfeli{
        background: var(--verde);
    }
           .alertfec{
        position: fixed;
        width: 100%;
        height: 100%;
        background: var(--vino);
        text-align: center;
        font-size: 40px;
        top: 0;
        left: 0;
        z-index: 999999;
    }
    .alertfec h2{
        background: 0;
        color: white;
        line-height: 3
    }
    .alertfec img{
        width: 25%;
        height: 50%;
        margin-top:  5%;
        background: 0;
    }
    .deps{
        width: 15%;
        position: fixed;
        left: 0;
        top: 60px;
        background: white;
        height: 100%;
        z-index: 9;
        padding: 3px;
        box-sizing: border-box;
    }
    .deps button{
        display: inline-block;
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        text-align: center;
        height: 10%;
        border-radius: 3px;
        background: var(--green);
        color: white;
        font-size: 20px;
        margin-bottom: 10px;
        border: 0;
    }
    .nombre_mesa{
        position: fixed;
        top: 10px;
        z-index: 9999999;
        background: 0;
        width: 20%;
        height: 40px;
        left: 5%;
        font-size: 35px;
        text-align: center;
        color: white;
    }
    .nombre_mesa p{
        background: 0;
    }
    .impuestos{
        width: 100%;
        text-align: center;
        float: left;
        margin-bottom: 5px;

    }
    .impuestos input[type="checkbox"]{
        display: none;
    }
    .impuestos input[type="checkbox"]:checked + label{
        background: var(--naranja);
        color: white;
        padding: 3px;
        box-sizing: border-box;
        border-radius: 3px;
        margin-bottom: 5px;
        float: left;
        width: 50%;
        margin-left: 25%;
        cursor: pointer;
        border: 0;
    }
    .impuestos label{
        border: 1px solid silver;
        padding: 3px;
        box-sizing: border-box;
        cursor: pointer;
        border-radius: 3px;
        margin-bottom: 3px;
        float: left;
        width: 50%;
        margin-left: 25%;
    }
    #live5{
        width: 49.5%;
        margin-left: .25%;
        margin-right: .25%;
        float: right;
        border-right: 1px solid silver;
        text-align: center;
        height: 100%;
    }
    #live6{
        width: 49.5%;
        margin-left: .25%;
        float: right;
        text-align: center;
    }
    #live5 #tcomanda {
        width: 48%;
        float: left;
        background: white;
        border-collapse: collapse;
        margin-left: .5%;
        margin-right: .5%;
        text-align: center;
        border: 1px solid var(--azul);
        margin-bottom: 30px;
        height: 250px;
        font-size: 1.7vw;
        font-weight: 600;
    }

    #live5 #tcomanda #tr {
        height: 30px;
    }

    #live5 #tcomanda th {
        background: var(--azul);
        color: white;
        font-weight: 100;
    }

    #live5 #tcomanda #td1 {
        background: white;
        color: var(--gris);
        width: 10%;
        font-size: 22px;
    }

    #live5 #tcomanda td {
        border-bottom: 1px dashed grey;
    }

    #live5 #tcomanda #td2 {
        font-size: 13px;
    }

    #live5 #tcomanda td a, #live5 #tcomanda td button {
        display: inline-block;
        text-decoration: none;
        background: var(--verde);
        width: 90%;
        height: 35px;
        color: white;
        font-size: 25px;
        transition: .2s;
        margin: 5px;
        border: 0;
    }

    #live5 #tcomanda td a:hover, #live5 #tcomanda td button:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    #live5 #tcomanda td a img, #live5 #tcomanda td button img {
        width: 25px;
        background: 0;

    }
    .prodcom #live5{
        width: 100%;
        border: 0;
    }
    #newtrans #ulmp, #newtrans #ulcomp{
        background: 0;
        width: 95%;
        height: auto;
        overflow: hidden;
        margin-left: 2%;
        margin-bottom: 5px;

    }

    #newtrans #ulmp ul li, #newtrans #ulcomp ul li{
        color: white;
        background: var(--green);
        width: 24%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        text-align: center;
        padding-top: 3px;
        padding-bottom: 3px;
        border-radius: 2px;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
        font-size: 1vw;
        margin-bottom: 3px;
        cursor: pointer;
    }
    #newtrans #ulmp ul li:hover, #newtrans #ulcomp ul li:hover{
        background: var(--amarillo);
    }
    #newtrans #ulmp ul, #newtrans #ulcomp ul{
        list-style: none;
        width: 100%;
        height: auto;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        background: 0;
    }
    #newtrans #ulmp ul b, #newtrans #ulcomp ul b{
        background: 0;

    }
    #newtrans .caja_select2{
        width: 95%;
        height: auto;
    }
    .tpro .inputcan input{
        width: 69%;
        float: left;
    }
    .tpro .inputcan span{
        width: 25%;
        float: left;
        height: 30px;
        margin-top: 2px;
        display: flex;
        align-items: center;
        text-align: center;
         background: 0;
    }
    .tpro .inputcan span p{
        text-align: center;
        width: 100%;
        font-size: .8vw;
        background: 0;
    }
    .tpro .tdes{
        width: 20%;
    }
    #cinv .tpro td .btntransferir{
        background: var(--naranja);
        border-radius: 3px;
        padding: 3px;
        box-sizing: border-box;
        display: inline-block;
        height: 35px;
        width: 95%;
        cursor: pointer;
        transition: .2s;
    }
    #cinv .tpro td .btntransferir:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .tpro .modtransferir{
        position: absolute;
        left: 10px;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
        border-radius: 5px;
        border: 1px solid silver;
        width: 30%;
        height: auto;
        z-index: 9999;
        top: 150px;
        padding: 8px;
        text-align: center;
        box-sizing: border-box;
    }
    .tpro .modtransferir input[type="number"]{
        width: 80%;
        float: left;
        font-size: 1vw;

    }
    .tpro .modtransferir p{
        width: 18%;
        float: left;
        text-align: center;
        height: 30px;
        margin-top: 2px;
        font-size: .8vw;
        padding-top: 5px;
        box-sizing: border-box;
        font-weight: 600;
        color: silver;
        margin-bottom: 10px;
    }
    .tpro .modtransferir .cancomp1{
        width: 100%;
        overflow: hidden;
        height: auto;
        border-bottom: 1px solid silver;
        margin-bottom: 10px;
    }
    #cinv .tpro .modtransferir .btn_cerr_caja{
        width: 20%;
        float: left;
        border-radius: 3px;
        background: var(--rojo);
        height: 30px;
        margin-top: 0;
    }
    #cinv .tpro .modtransferir h4{
        width: 80%;
        text-align: left;
        height: 30px;
        float: left;
        font-size: 1vw;
        color: var(--naranja);
    }
    #cinv .tpro .modtransferir .btnconf{
        width: 100%;
        margin: 0;
    }
    #cinv .tpro .modtransferir label{
        width: 30%;
        float: left;
        font-size: 1vw;
        height: 30px;
        margin-bottom: 5px;
        box-sizing: border-box;
        padding-top: 5px;
    }
    #cinv .tpro .modtransferir select{
        height: 30px;
        margin-bottom: 5px;
        width: 65%;
        float: left;
        margin-top: 0;
    }
    #cinv .tpro .modtransferir h3{
         width: 70%;
        float: left;
        height: 30px;
        margin-bottom: 5px;
        box-sizing: border-box;
        padding-top: 5px;
    }
    .labelmod{
        width: 150px;
        display: inline-block;
        text-align: center;
        background: var(--amarillo);
        font-size: 1vw;
        margin-left: 10px;
        border-radius: 3px;
        height: 30px;
        margin-top: 5px;
        padding: 3px;
        box-sizing: border-box;
        cursor: pointer;
    }
    .mod_tr h2, .mod_comp h2, .mod_mp h2{
        width: 100%;
        text-align: center;
    }
    .prod_new #bts{
       width: 100%;
        border-bottom: 1px solid silver;
    }
    .prod_new #bts .button{
        background: var(--naranja);
    }
    .prod_new #bts #ingcompo{
        position: absolute;
        background: white;
        padding: 5px;
        border-radius: 3px;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
        border: 1px solid silver;
        width: 30%;
        margin-left: .5%;
    }
     .prod_new #bts #ingcompo select{
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        padding: 3px;
        height: 30px;
        margin-bottom: 5px;
        border-radius: 3px;
    }
    .prod_new #bts #ingcompo #btnsubmit{
        width: 100%;
        background: var(--verde);
        height: 35px;
        border: 0;
        margin-left: 0;
    }
    .prod_new #bts #ingcompo #btnsubmit img{
        background: 0;
    }
    #newtrans #can_comp{
        width: 64%;
    }
    .repinv{
        width: 45%;
        border: 1px solid silver;
        position: absolute;
        left: .5%;
        border-radius: 3px;
        padding: 5px;
        box-sizing: border-box;
        top: 95px;
        height: auto;
        overflow: hidden;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
    }
    .repinv h2{
        width: 83%;
        float: left;
        color: var(--naranja);
        text-align: left;
        margin: 0;
    }
    .repinv #cerrcaja, .inginv #cerrcaja{
        background: var(--rojo);
        font-size: 15px;
        width: 15%;
        margin-left: 1.5%;
        margin-right: .5%;
    }
    .repinv div{
        width: 100%;
        float: left;
        border-top: 1px solid silver;
        height: auto;
        margin-bottom: 5px;
    }
    .repinv div h3{
        font-weight: 100;
        text-align: center;
        color: silver;
    }
    .repinv div a{
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        height: 35px;
        font-size: 20px;
        background: var(--vino);
        text-align: center;
        padding-top: 5px;
        box-sizing: border-box;
        text-decoration: none;
    }
    .repinv div a:hover{
        background: var(--dorado);
    }
    .filtromp, .filtrocom, .filtrans{
        width: 100%;
        border-bottom: 1px solid silver;
        float: left;
        margin-bottom: 10px;
        height: 45px;
        overflow: hidden;
    }
    .filtromp .caja_select2, .filtrocom .caja_select2, .filtrans .caja_select2{
        width: 19%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        margin-bottom: 5px;
        margin-top: 2.5px;
        height: 40px;
    }
    .filtromp button, .filtrocom button, .filtrans button{
        height: 35px;
        float: left;
        width: 10%;
        background: var(--verde);
        color: white;
        border: 0;
        margin-top: 2.5px;
        font-size: 1vw;
        padding: 5px;
        box-sizing: border-box;
    }
    .filtromp button img, .filtrocom button img, .filtrans button img{
        height: 100%;
        background: 0;
    }
    .mod_mp .btsexportar, .mod_comp .btsexportar, .mod_tr .btsexportar{
        width: 100%;
        height: 40px;
        text-align: left;
        margin-bottom: 5px;

    }
    .mod_mp .btsexportar img, .mod_comp .btsexportar img, .mod_tr .btsexportar img{
        height: 100%;
        background: 0;
    }
    .mod_mp .btsexportar a, .mod_comp .btsexportar a, .mod_tr .btsexportar a{
        display: inline-block;
        height: 100%;
        width: 50px;
        margin-left: 1px;
        margin-right: 1px;
        text-align: center;
        background: white;
        box-sizing: border-box;
        padding: 3px;
        border: 2px solid var(--vino);
    }
     #cinv .btsexportar{
        width: 100%;
        height: 40px;
        text-align: left;
        margin-bottom: 5px;

    }
    #cinv .btsexportar img{
        height: 100%;
        background: 0;
    }
    #cinv .btsexportar a{
        display: inline-block;
        height: 100%;
        width: 50px;
        margin-left: 1px;
        margin-right: 1px;
        text-align: center;
        background: white;
        box-sizing: border-box;
        padding: 3px;
        border: 2px solid var(--vino);
    }
    .bbot #divrep{
        position: absolute;
        background: white;
        padding: 5px;
        border-radius: 3px;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
        border: 1px solid silver;
        width: 30%;
        margin-left: .5%;
       top: 115px;
    }
    .bbot #divrep #vxp{
        width: 100%;
        display: inline-block;
        height: 40px;
        font-size: 20px;
        padding-top: 5px;
        box-sizing: border-box;
        margin-bottom: 10px;
        float: left;
        background: black;
    }
    .bbot #divrep h4{
        font-size: 20px;
        color: var(--vino);
        float: left;
        width: 83%;
        text-align: left;
    }
    .bbot{
        height: 35px;
    }
    .bbot #btnrep{
        display: inline-block;
        width: 12%;
        margin-left: .25%;
        margin-right: .25%;
        border: 0;
        background: var(--naranja);
        color: white;
        padding: 3px;
        box-sizing: border-box;
        font-size: 15px;
        float: left;
        margin-bottom: 5px;
    }
    .bbot .btsrep{
       width: 100%;
        height: 40px;
        margin-bottom: 5px;
        border: 0;
        background: var(--vino);
        color: white;
        font-size: 20px;
    }

    .bbot{
        width: 100%;
        border-bottom: 1px solid silver;
        height: auto;
        overflow: hidden;
    }
    .bbot #cerrcaja{
         background: var(--rojo);
        font-size: 15px;
        width: 15%;
        margin-left: 1.5%;
        margin-right: .5%;
        border: 0;
        color: white;
    }
    .impcomanda a{
        width: 100%;
        text-align: center;
        text-decoration: none;
        color: white;
        background: var(--azul);
        height: 35px;
        margin-bottom: 3px;
        font-size: 22px;
        box-sizing: border-box;
        padding-top: 3px;
    }
    .filtroventas{
       width: 99%;
        text-align: center;
        margin: auto;
        overflow: hidden;
    }
    #fbven .filtroventas form .date{
        width: 12%;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
        height: 40px;
        border: 1px solid silver;
        border-radius: 3px;
    }
    .filtroventas label{
        font-size: 1vw;
        display: inline-block;
        float: left;
        margin-top: 8px;
        font-weight: 600;
    }
    .filtroventas .caja_select2{
        width: 12%;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
        height: 40px;
        border: 0;
        border-radius: 3px;
    }
    .filtroventas .select2-container .select2-selection--single{
        padding-top: 5px;
        border: 1px solid grey;
        border-radius: 3px;
    }
    .filtroventas button{
        width: 10%;
        height: 40px;
        background: var(--verde);
        float: left;
        border: 0;
        box-sizing: border-box;
        padding: 3px;
    }
    .filtroventas button img{
        height: 100%;
        background: 0;
    }
    .filtroventas #labxfecha{
        width: 10%;
        font-size: 1vw;
        height: 40px;
        margin-top: 0;
        background: silver;
        color: white;
        border-radius: 3px;
        margin-right: .25%;
        margin-left: .25%;
        box-sizing: border-box;
        padding-top: 7px;
        font-weight: 100;
        cursor: pointer;
        transition: .2s;
    }
    .filtroventas #checkxfecha:checked + label{
        background: var(--naranja);
        cursor: pointer;
        transition: .2s;
    }
    #transfer .cajalimmesa{
        width: 100%;
        background: rgba(0,0,0,0.8);
        position: absolute;
        top: 0px;
        left: 0;
        text-align: center;
        height: 100%;
        align-content: center;
        align-items: center;

    }
    #transfer .cajalimmesa div{
        background: 0;
        width: 100%;
        text-align: center;
    }
    #transfer .cajalimmesa h3{
        background: 0;
        color: white;
        font-weight: 100;
        font-size: 1.5vw;
        margin-bottom: 20px;
    }
    #transfer .cajalimmesa button{
        width: 40%;
        height: 40px;
        font-size: 1.2vw;
        text-decoration: none;
        box-sizing: border-box;
        color: white;
        background: var(--rojo);
        margin-bottom: 10px;
        border: 0;
    }
    #transfer .btnlimmesa{
        width: 48%;
        float: left;
        height: 35px;
        margin-top: 5px;
        margin-left: 1%;
        border: 0;
        background: var(--rojo);
        font-size: 1vw;
        color: white;
    }
    .mesaimpcuenta{
        position: relative;
    }
    .mesaimpcuenta img{
        position: absolute;
        width: 20px;
        height: 20px;
        background: 0;
        right: 5px;
        bottom: 20px;
    }
    #transfer .cajalimmesa form{
        background: 0;
    }
    #transfer .cajalimmesa form textarea{
        width: 80%;
        margin-bottom: 5px;
        height: 50px;
        resize: none;
        overflow: hidden;
        border-radius: 3px;
        padding: 4px;
        box-sizing: border-box;
        border: 0;
    }
    #transfer .cajalimmesa form button[type="submit"]{
        display: inline-block;
        width: 80%;
        height: 40px;
        font-size: 1.2vw;
        text-decoration: none;
        box-sizing: border-box;
        color: white;
        background: var(--verde);
        margin-bottom: 10px;
    }
    .tpro .cajaverped{
        position: absolute;
        width: 30%;
        left: 5px;
        top: 200px;
        border-radius: 3px;
        border: 1px solid black;
        padding: 5px;
        box-sizing: border-box;
    }
    .tpro .cajaverped #p1{
        width: 50%;
        float: left;
        box-sizing: border-box;
        padding: 2px;
        border-bottom: 1px solid silver;
    }
    .tpro .cajaverped #p2{
        width: 25%;
        float: left;
        box-sizing: border-box;
        padding: 2px;
        border-bottom: 1px solid silver;
    }
    #cinv .tpro .cajaverped .btncerr{
        width: 15%;
        float: left;
        background: var(--rojo);
        border-radius: 3px;
        height: 30px;
    }
    #cinv .tpro .cajaverped h2{
        width: 85%;
        float: left;
        height: 40px;
        text-align: left;
        box-sizing: border-box;
    }
    #cinv .tpro .cajaverped #p3{
        width: 100%;
        font-size: 1vw;
        font-weight: 600;
    }
    #cinv .tpro td .btnverped{
        width: 50px;
        border-radius: 3px;
        padding: 5px;
    }
    #cinv .tpro #tdbtnverped{
        width: 1%;
    }
    #newtrans #pselect2{
        width: 90%;
        text-align: center;
        float: left;
        text-align: left;
        margin-left: 3%;
        font-size: 20px;
        font-weight: 600;
    }
    #newtrans #select_com{
        width: 80%;
        float: left;
        margin-left: .5%;
    }
    #newtrans #can_mp{
        width: 17%;
        float: left;
        margin-left: 0%;
        text-align: center;
    }
    .carta_prod{
        width: 99%;
        text-align: center;
        margin: auto;
    }
    .carta_prod .btncarta{
        width: 40%;
        float: left;
        margin-left: 5%;
        margin-right: 5%;
        border: 0;
        background: var(--azul);
        color: white;
        padding: 5px;
        box-sizing: border-box;
        font-size: 15px;
    }
    .carta_prod .tab_carta{
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        border: 1px solid var(--vino);
        margin-bottom: 30px;
    }
    .carta_prod .tab_carta th, .carta_prod .tab_carta td{
        padding: 3px;
        background: 0;
    }
    .carta_prod .tab_carta th{
        background: var(--vino);
        color: white;
    }
    .carta_prod .tab_carta td{
        border: 1px solid var(--vino);
    }
    .carta_prod .tab_carta td button[type="submit"]{
        width: 50px;
        height: 35px;
        background: var(--verde);
        border: 0;
        padding: 4px;
    }
    .carta_prod .tab_carta td button[type="submit"] img{
        height: 100%;
        background: 0;
    }
    .carta_prod .tab_carta td input, .carta_prod .tab_carta td select{
        width: 100%;
        border: 0;
        height: 35px;
        text-align: center;
        text-align-last: center;
    }

    .carta_prod .tab_carta tr{
        background: 0;
    }
    .carta_prod .tab_carta tr:hover{
        background: var(--dorado);
        color: white;
    }
    .carta_prod .tab_carta .linkpro{
        width: 50px;
        height: 35px;
        background: var(--dorado);
        text-decoration: none;
        padding: 4px;

    }
    .carta_prod .tab_carta .linkpro img{
        height: 100%;
        background: 0;
    }
    .modinv h2, .modinv h3{
        text-align: center;
    }
    .inginv{
        width: 45%;
        border: 1px solid silver;
        position: absolute;
        left: .5%;
        border-radius: 3px;
        padding: 5px;
        box-sizing: border-box;
        top: 95px;
        height: auto;
        overflow: hidden;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
        text-align: center;
    }
    .inginv h2{
        width: 83%;
        float: left;
        color: var(--naranja);
        text-align: left;
        margin: 0;
    }
    .inginv #cerrcaja, .inginv #cerrcaja{
        background: var(--rojo);
        font-size: 15px;
        width: 15%;
        margin-left: 1.5%;
        margin-right: .5%;
    }

     .inginv .caja_select2{
        width: 95%;
        height: auto;
         margin-left: 2.5%;
    }
    .inginv .caja_select2 select{
        height: 35px;
        margin: auto;
        font-size: 18px;
        border:1px solid silver;
        margin-bottom: 5px;
    }
    .inginv form #btninginv{
        width: 95%;
        margin: auto;
        height: 40px;
        background: var(--verde);
        margin-left: 2.5%;
    }
    .inginv form #btninginv img{
        background: 0;
        height: 100%;

    }
    .inginv #pselect2{
        width: 90%;
        text-align: center;
        float: left;
        text-align: left;
        margin-left: 3%;
        font-size: 20px;
        font-weight: 600;
    }
    .inginv #can_mp{
        width: 95%;
        margin-bottom: 5px;
        height: 35px;
        font-size: 18px;
        text-align: center;
    }
    .inginv #select_com1{
        width: 95%;
        height: auto;
         margin-left: 2.5%;
    }
    .inginv #select_com1 select{
        height: 35px;
        margin: auto;
        font-size: 18px;
        border:1px solid silver;
        margin-bottom: 5px;
        width: 100%;
        border-radius: 3px;
        text-align: center;
        text-align-last: center;
    }
    .cartanew{
        width: 100%;
        height: auto;
        padding: 3px;
        box-sizing: border-box;
        background: 0;
        position: fixed;
        top: 110px;
        z-index: 99;
    }
    .cartanew .categoriasnew{
        width: 100%;
        background: 0;
    }
    .cartanew .categoriasnew .btncat{
        width: auto;
        padding: 5px;
        background: var(--amarillo);
        border: 0;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        font-size: 2vw;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 10px;
    }
    .cartanew .categoriasnew .cajacatnew{
        width: 100%;
        position: fixed;
        bottom: 100px;
        left: 0;
        padding: 5px;
        box-sizing: border-box;
        background: white;
        z-index: 9;
        height: 70%;
        overflow: auto;
    }
    .cartanew .categoriasnew .cajacatnew h1{
        text-align: center;
        border-top: 2px solid black;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew{
        width: 49%;
        float: left;
        border-radius: 5px;
        border: 1px solid black;
        padding: 5px;
        box-sizing: border-box;
        margin-left: .5%;
        margin-right: .5%;
        margin-bottom: 5px;

    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew h2{
        width: 100%;
        background: 0;
        color: black;
        font-size: 18px;
        text-align: center;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew form{
        background: 0;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew form .labelpronew{
        display: inline-block;
        float: left;
        width: 100%;
        text-align: left;
        padding: 5px;
        box-sizing: border-box;
        background: var(--gris);
        color: white;
        margin-bottom: 3px;
        border-radius: 50px;
        padding-left: 10px;
        cursor: pointer;
        transition: .2s;
        font-size: 20px;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew form .labelpronew:hover{
        background: var(--naranja);
        transition: .2s;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew .btnscant{
        width: 49%;
        text-align: center;
        margin-bottom: 5px;
        float: left;
        margin-left: 0%;
        margin-right: 1%;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew .btnscant img{
        height: 100%;
        background: 0;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew .btnscant button{
        height: 40px;
        padding: 5px;
        border-radius: 50px;
        background: var(--amarillo);
        border: 0;
        width: 20%;
        float: left;
        box-sizing: border-box;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew .btnscant input[type="number"]{
        border-radius: 50px;
        height: 40px;
        border: 1px solid silver;
        text-align: center;
        font-size: 25px;
        width: 55%;
        float: left;
        margin-left: 2.5%;
        margin-right: 2.5%;
        box-sizing: border-box;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew .btnvender{
        width: 50%;
        float: left;
        height: 40px;
        border-radius: 50px;
        background: var(--verde);
        border: 0;
        padding: 3px;
        margin-right: 0%;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew .btnvender img{
        height: 100%;
        background: 0;

    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew .inputpro:checked + label{
        background: var(--naranja);
    }
    .nom_mesa{
        position: fixed;
        z-index: 99999;
        top: 10px;
        left: 80px;
        background: 0;
        color: white;
        font-size: 30px;
    }
    .btnverpednew .labelverpednew{
        width: 48%;
        display: inline-block;
        position: fixed;
        bottom: 10px;
        right: 1%;
        background: var(--naranja);
        color: white;
        height: 100px;
        border-radius: 5px;
        padding: 20px;
        box-sizing: border-box;
        cursor: pointer;
        transition: .2s;
        z-index: 9;
    }
    .btnverpednew .labelverpednew:hover{
        background: var(--amarillo);
        transition: .2s;
    }
    .btnverpednew .labelverpednew img{
        background: 0;
        height: 100%;
        margin-right: 20px;
        float: left;
        width: 20%;
    }
    .btnverpednew .labelverpednew p{
        background: 0;
        width: 70%;
        float: left;
        text-align: center;
        height: 100%;
        font-size: 28px;
    }
    .cajaverpednew{
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 50%;
        padding: 5px;
        box-sizing: border-box;
        border-right: 1px solid grey;
        z-index: 99;
    }
    .cajaverpednew h1{
        text-align: center;
        margin-top: 5px;
    }
    .cajaverpednew .espacio{
        width: 100%;
        height: 50px;
    }
    .cajaverpednew table{
        width: 100%;
        text-align: center;
        border-collapse: collapse;

    }
    .cajaverpednew table td{
        border-bottom: 1px solid silver;
        padding: 3px;
    }
    .cajaverpednew table td .comped{
        color: var(--rojo);
        font-size: 15px;
    }
    .cajaverpednew table select{
        width: 48%;
        height: 35px;
        font-size: 20px;
        border-radius: 5px;
        border: 0;
        text-align: center;
        text-align-last: center;
        background: var(--amarillo);
        cursor: pointer;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
    }
    .btnconfpednew .labelconfpednew{
        position: absolute;
        width: 98%;
        display: inline-block;
        bottom: 10px;
        height: 100px;
        left: 1%;
        background: var(--verde);
        border-radius: 5px;
        color: white;
        padding: 10px;
        box-sizing: border-box;
        cursor: pointer;
        transition: .2s;
    }
    .btnconfpednew .labelconfpednew:hover{
        background: var(--amarillo);
        transition: .2s;
    }
    .btnconfpednew .labelconfpednew img{
        height: 100%;
        background: 0;
        width: 20%;
    }
    .btnconfpednew .labelconfpednew p{
        float: left;
        width: 50%;
        text-align: center;
        height: 40px;
        background: 0;
        font-size: 35px;
        padding-top: 20px;
        margin-left: 15%;
    }
    .cajaverpednew .datpednew{
        height: 70%;
        overflow: auto;
    }
    .btnconfpednew .confpednew{
        position: absolute;
        height: auto;
        left: 1%;
        bottom: 10px;
        background: rgba(0,0,0,.8);
        border-radius: 5px;
        width: 98%;
        text-align: center;
        padding: 5px;
        box-sizing: border-box;
    }
    .btnconfpednew .confpednew h3{
        background: 0;
        color: white;
        font-size: 35px;
        margin-bottom: 5px;
    }
    .btnconfpednew .confpednew form{
        background: 0;
    }
    .btnconfpednew .confpednew form input, .btnconfpednew .confpednew form select{
        width: 100%;
        margin-bottom: 10px;
        height: 30px;
        text-align: center;
        font-size: 20px;
        text-align-last: center;
    }
    .btnconfpednew .confpednew form button{
        width: 70%;
        height: 60px;
        background: var(--verde);
        border: 0;
        color: white;
        font-size: 30px;
        margin-bottom: 5px;
        float: left;
        border-radius: 5px;
    }
    .btnconfpednew .confpednew label{
        display: inline-block;
        height: 60px;
        width: 29%;
        background: var(--rojo);
        color: white;
        font-size: 25px;
        border-radius: 5px;
        padding-top: 15px;
        box-sizing: border-box;
        float: left;
        margin-left: 1%;
        transition: .2s;
        cursor: pointer;
    }
    .btnconfpednew .confpednew label:hover{
        transition: .2s;
        transform: scale(.9,.9);
    }
    .btnconfpednew .labelentpednew{
        position: absolute;
        width: 98%;
        display: inline-block;
        bottom: 10px;
        height: 100px;
        left: 1%;
        background: var(--verde);
        border-radius: 5px;
        color: white;
        padding: 10px;
        box-sizing: border-box;
        text-align: center;
        font-size: 40px;
        padding-top: 25px;
        transition: .2s;
        cursor: pointer;
    }
    .btnconfpednew .labelentpednew:hover{
        background: var(--amarillo);
        transition: .2s;
    }
    .btnconfpednew .labelentpednew img{
        height: 100%;
        background: 0;
        margin-left: 20px;
        margin-bottom: -20px;
    }
    .btnconfpednew .entpednew{
        position: absolute;
        height: 130px;
        left: 1%;
        bottom: 10px;
        background: rgba(0,0,0,.8);
        border-radius: 5px;
        width: 98%;
        text-align: center;
        padding: 5px;
        box-sizing: border-box;
    }
    .btnconfpednew .entpednew h3{
        background: 0;
        color: white;
        font-size: 35px;
        margin-bottom: 5px;
    }
    .btnconfpednew .entpednew button{
        width: 70%;
        height: 60px;
        background: var(--verde);
        border: 0;
        color: white;
        font-size: 30px;
        margin-bottom: 5px;
        float: left;
        border-radius: 5px;
    }
    .btnconfpednew .entpednew label{
        display: inline-block;
        height: 60px;
        width: 29%;
        background: var(--rojo);
        color: white;
        font-size: 25px;
        border-radius: 5px;
        padding-top: 15px;
        box-sizing: border-box;
        float: left;
        margin-left: 1%;
        cursor: pointer;
        transition: .2s;
    }
    .btnconfpednew .entpednew label:hover{
        transition: .2s;
        transform: scale(.9,.9);
    }
    .cajaverpednew table .impcuenta{
        width: 100%;
        height: 45px;
        border-radius: 5px;
        background: var(--azul);
        color: white;
        font-size: 20px;
        border: 0;
    }
    .cajaverpednew .btnpagonew{
        position: absolute;
        width: 98%;
        display: inline-block;
        bottom: 10px;
        height: 100px;
        left: 1%;
        background: var(--verde);
        border-radius: 5px;
        color: white;
        padding: 10px;
        box-sizing: border-box;
        text-align: center;
        font-size: 50px;
        border: 0;
    }
    .cajaverpednew .btnpagonew img{
        background: 0;
        height: 100%;
        margin-left: 20px;
        margin-bottom: -15px;
    }
    .cajaverpednew .btnpagonewpri{
        width: 100%;
        height: 40px;
        background: var(--verde);
        border: 0;
        font-size: 20px;
        color: white;
        padding: 5px;
    }
    .cajaverpednew .btnpagonewpri img{
        background: 0;
        height: 100%;
        margin-left: 20px;
        margin-bottom: -5px;
    }
    .cajaverpednew .btnpagodir{
        width: 100%;
        display: inline-block;
        bottom: 10px;
        height: 50px;
        background: var(--verde);
        border-radius: 5px;
        color: white;
        padding: 5px;
        box-sizing: border-box;
        text-align: center;
        font-size: 30px;
        border: 0;
    }
    .cajaverpednew .btnpagodir img{
        background: 0;
        height: 100%;
        margin-bottom: -10px;
    }
    .cajaverpednew table .cajalimmesa{
        width: 98%;
        text-align: center;
        background: rgba(0,0,0,.8);
        border-radius: 5px;
        margin-top: 10px;
        padding: 5px;
        box-sizing: border-box;
        position: absolute;
        bottom: 120px;
    }
    .cajaverpednew table .cajalimmesa div, .cajaverpednew table .cajalimmesa div form{
        background: 0;
        width: 100%;
    }
    .cajaverpednew table .cajalimmesa h3{
        text-align: center;
        width: 100%;
        background: 0;
        color: white;
        font-size: 30px;
    }
    .cajaverpednew table .cajalimmesa textarea{
        width: 100%;
        height: 70px;
        font-size: 20px;
        padding: 10px;
        box-sizing: border-box;
        border: 0;
        border-radius: 5px;
        margin-bottom: 5px;
        resize: none;
        overflow: hidden;
    }
    .cajaverpednew table .cajalimmesa button{
        width: 60%;
        float: left;
        border: 0;
        height: 60px;
        font-size: 30px;
        background: var(--verde);
        color: white;
        border-radius: 5px;
    }
    .cajaverpednew table .cajalimmesa label{
        width: 39%;
        float: left;
        border: 0;
        height: 60px;
        font-size: 25px;
        background: var(--rojo);
        color: white;
        margin-left: 1%;
        border-radius: 5px;
        padding-top: 15px;
        box-sizing: border-box;
        cursor: pointer;
    }
    .cajaverpednew table .btnlimmesa{
        display: inline-block;
        width: 48%;
        height: 35px;
        background: var(--rojo);
        color: white;
        border-radius: 5px;
        font-size: 20px;
        cursor: pointer;
        transition: .2s;
        box-sizing: border-box;
        padding-top: 5px;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
    }
    .cajaverpednew table .btnlimmesa:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .cajaticket .info-cuadre{
        width: 100%;
        text-align: center;
    }
    .cajaticket .info-cuadre .tab_cuadre{
        width: 100%;
        text-align: center;
        border-collapse: collapse;
    }
    .cajaticket .info-cuadre .tab_cuadre th{
        padding: 3px;
        border-bottom: 1px solid black;
        width: 50%;
    }
    .cajaticket .info-cuadre .tab_cuadre td{
        border-bottom: 1px dashed black;
    }
    .cajaticket .info-firma{
        width: 100%;
    }
    .cajaticket .info-firma h2{
        width: 90%;
        border-bottom: 2px solid black;
        margin: auto;
        margin-top: 60px;
    }
    .cajaticket .info-firma p{
        width: 90%;
        text-align: justify;
        margin: auto;
        font-size: 13px;

    }
    .cajaticket .info-firma .firma{
        width: 100%;
        border-top: 1px dashed black;
        margin-top: 10px;
        text-align: center;
    }
    .cajaticket .info-firma .firma p{
        text-align: center;
    }
    .cajaticket .info-firma .firma img{
        width: 40%;

    }
    .cajaticket .info-cuadre #obser{
        font-size: 12px;
    }
    .fondo-ticket .subtcaja_ticket{
        width: 100%;
        background: var(--dorado);
        height: 40px;
        padding: 5px;
        box-sizing: border-box;
    }
    .fondo-ticket .subtcaja_ticket button{
        padding: 5px;
        height: 30px;
        border: 0;
        border-radius: 5px;
        cursor: pointer;
        transition: .2s;
    }
    .cajaticket .info-cuadredet .tab_cuadet{
        width: 100%;
        text-align: center;
        font-size: 12px;
        border-collapse: collapse;
    }
    .cajaticket .info-cuadredet h3{
        border-top: 1px solid black;
        font-size: 15px;
        text-align: center;
    }
    .botoneshead{
        width: 100%;
        border-bottom: 1px solid silver;
        height: auto;
        overflow: hidden;
    }
    .botoneshead button, .botoneshead a{
        display: inline-block;
        width: 12%;
        margin-left: .25%;
        margin-right: .25%;
        border: 0;
        background: var(--naranja);
        color: white;
        padding: 3px;
        box-sizing: border-box;
        font-size: 15px;
        float: left;
        margin-bottom: 5px;
        border-radius: 3px;
        transition: .2s;
        cursor: pointer;
    }
    .cuadrecajanew{
        text-align: center;
        width: 100%;
    }
    .cuadrecajanew .contadornew{
        width: 49%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
    }
    .cuadrecajanew .contadornew .tcontadornew{
        width: 100%;
        text-align: center;
        border-collapse: collapse;
    }
    .cuadrecajanew .contadornew .tcontadornew td{
        padding: 3px;
        border-bottom: 1px solid silver;
    }
    .cuadrecajanew .contadornew .tcontadornew td input{
        width: 88%;
        height: 30px;
        font-size: 18px;
        border-radius: 3px;
        border: 1px solid grey;
        text-align: center;
    }
    .cuadrecajanew .contadornew .tcontadornew #td1 input, .cuadrecajanew .contadornew .tcontadornew #td3 input{
        border: 0;
    }
    .cuadrecajanew .contadornew .tcontadornew #tot{
        font-size: 18px;
        text-align: center;

    }
    .cuadrecajanew .contadornew .tcontadornew #tot input{
        border: 0;
        font-size: 18px;
        text-align: center;
        font-weight: 600;
    }
    .cuadrecajanew .rescuadrenew{
        width: 50%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        text-align: center;
        border-left: 1px solid silver;
    }
    .cuadrecajanew .rescuadrenew .trescuadrenew{
        width: 100%;
        text-align: center;
        border-collapse: collapse;
    }
    .cuadrecajanew .rescuadrenew .trescuadrenew #tit th{
        padding: 3px;
        border-bottom: 1px solid grey;
    }
    .cuadrecajanew .rescuadrenew .trescuadrenew #sub td{
        font-size: 15px;
        border-bottom: 1px dashed silver;
    }
    .cuadrecajanew .rescuadrenew .trescuadrenew #tit th input{
        width: 100%;
        text-align: center;
        font-size: 18px;
        border: 0;
    }
    .cuadrecajanew .rescuadrenew .trescuadrenew a{
        display: inline-block;
        color: black;
        text-decoration: none;
        transition: .2s;
    }
    .cuadrecajanew .rescuadrenew .trescuadrenew textarea{
        width: 100%;
        margin-top: 3px;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        height: 50px;
        resize: none;
        overflow: hidden;
        border: 1px solid silver;
    }
    .cuadrecajanew .rescuadrenew h2{
        font-size: 18px;
    }
    .cuadrecajanew .rescuadrenew .labeltipo{
        display: inline-block;
        background: silver;
        color: white;
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        padding: 5px;
        box-sizing: border-box;
        cursor: pointer;
        border-radius: 3px;
        margin-bottom: 10px;
    }
    .cuadrecajanew .rescuadrenew .inputipo:checked + label{
        background: var(--naranja);
    }
    .cuadrecajanew .rescuadrenew #btncuadre{
        width: 100%;
        height: 40px;
        color: white;
        background: var(--green);
        border: 0;
        border-radius: 5px;
        font-size: 20px;
        cursor: pointer;
        transition: .2s;
    }

    .cuadrecajanew .rescuadrenew #btncuadre img{
        height: 70%;
        background: 0;
        margin-bottom: -8px;
        margin-left: 20px;
    }
    .rescierrenew{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
    }
    .rescierrenew .cajarescienew{
        width: 24%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid var(--vino);
        border-radius: 3px;
        margin-bottom: 5px;
    }
    .rescierrenew .cajarescienew h2{
        margin: 0;
        color: var(--vino);
    }
    .rescierrenew .cajarescienew div{
        width: 100%;
        border-top: 1px solid grey;
    }
    .rescierrenew .cajarescienew div h4{
        font-weight: 100;
        font-size: 20px;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew .notass{
        width: 100%;
        margin-bottom: 5px;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew .notass .labelm {
        float: left;
        width: 49%;
        margin-left: .5%;
        margin-right: .5%;
        padding: 2px;
        box-sizing: border-box;
        transition: .2s;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew .notass .selectnot{
        width: 100%;
        border-radius: 3px;
        height: 35px;
        margin-top: 2px;
        margin-bottom: 3px;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew .notass .labelnot{
        display: inline-block;
        width: 19%;
        background: var(--amarillo);
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        border-radius: 5px;
        height: 30px;
        margin-bottom: 5px;
        text-align: center;
        cursor: pointer;
        font-size: 1.5vw;
        transition: .2s;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew .notass .labelnot:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew .notass input[type="checkbox"]:checked + label{
        background: var(--naranja);
        color: white;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew .notass .not3{
        width: 99%;
        height: 35px;
        padding: 5px;
        font-size: 20px;
        margin-left: .5%;
    }
    .cajaverpednew h1 label{
        float: right;
        width: 40px;
        height: 30px;
        background: var(--rojo);
        color: white;
        text-align: center;
        border-radius: 5px;
        font-size: 22px;

    }
    .cartanew .categoriasnew .cajacatnew .btncerrcat{
        width: 40px;
        float: right;
        height: 38px;
        font-size: 20px;
        color: white;
        background: var(--rojo);
        border: 0;
    }
    .cajaverpednew table .estados{
        width: 100px;
    }
    .cajaverpednew table .estados button{
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        height: 30px;
        padding: 3px;
        border: 0;

    }
    .cajaverpednew table .estados .btnest{
        background: var(--gris);
    }
    .cajaverpednew table .estados .btneli{
        background: var(--rojo);
    }
    .cajaverpednew table .estados button img{
        height: 100%;
        background: 0;
    }
    .btnconfpednew .confpednew #buscli input, .btnconfpednew .confpednew #buscli select{
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: 35px;
        border-radius: 5px;
        font-size: 20px;
        margin-bottom: 5px;
        text-align-last: center;
    }
    .vermenu{
        width: 50px;
        height: 50px;
        background: 0;
        position: fixed;
        top: 5px;
        left: 5px;
        z-index: 99999;
        border: 0;
    }
    .vermenu img{
        background: 0;
        height: 100%;
    }
    .cajamenunew{
        width: 30%;
        position: fixed;
        background: var(--vino);
        height: 100%;
        top: 0;
        z-index: 999;
        padding: 5px;
        box-sizing: border-box;
    }
    .cajamenunew h2{
        background: 0;
        color: white;
        width: 85%;
        float: left;
        height: 30px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .cajamenunew .ocumenu{
        width: 15%;
        float: left;
        background: var(--rojo);
        font-size: 20px;
        color: white;
        border: 0;
        height: 30px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .cajamenunew .espacio{
        height: 50px;
        width: 100%;
    }
    .cajamenunew .btnmenunew button{
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        height: 90px;
        background: var(--dorado);
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        border: 0;
        margin-bottom: 5px;
    }
    .cajamenunew .btnmenunew button p, .cajamenunew .btnmenunew button img{
        background: 0;
    }
    .cajamenunew .btnmenunew button p{
        font-size: 20px;
        height: 25%;
        width: 100%;
        color: white;
    }
    .cajamenunew .btnmenunew button img{
        height: 70%;
    }
            .ingfacturas .modingprod{
        width: 70%;
        float: left;
        border-right: 1px solid silver;
        height: 95%;
        position: absolute;
        background: 0;
        top: 30px;
        padding: 5px;
        box-sizing: border-box;
        text-align: center;
    }
    .ingfacturas h2{
        text-align: center;
        height: 30px;

    }
    .ingfacturas{
        position: relative;
        width: 100%;
        height: 90%;
        margin-top: 0;
    }
    .ingfacturas .datfact{
        width: 95%;
        float: left;
        position: absolute;
        top: 30px;
        right: 0;
        text-align: center;
        padding: 5px;
        box-sizing: border-box;
        left: 2.5%;
    }
    .datfact{
        text-align: center;
    }
    .datfact input, .datfact select{
        width: 100%;
        height: 35px;
        text-align: center;
        padding: 3px;
        box-sizing: border-box;
        font-size: 18px;
        margin-bottom: 5px;
        text-align-last: center;
        border-radius: 3px;
        border: 1px solid silver;
    }
    .datfact label{
        display: inline-block;
        width: 100%;
        text-align: left;
        font-size:20px;
        color: black;
        font-weight: 600;
    }
    .datfact textarea{
        width: 100%;
        border-radius: 3px;
        padding: 3px;
        box-sizing: border-box;
        height: 60px;
        border: 1px solid silver;
        resize: none;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .datfact button{
        width: 100%;
        height: 40px;
        background: var(--verde);
        color: white;
        font-size: 20px;
        border: 0;
        padding: 5px;
    }
    .datfact button img{
        height: 100%;
        background: 0;
        margin-left: 10px;
        margin-bottom: -10px;
    }
    .datfact p{
        font-size: 35px;
        font-weight: 600;
        margin-bottom: 10px;

    }
    .datfact input[type="radio"]{
        display: none;
    }
    .datfact input[type="radio"]:checked + label{
        background: var(--vino);
        color: white;
        display: inline-block;
        transition: .2s;
    }
    .datfact .labinput{
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        text-align: center;
        background: silver;
        color: white;
        border-radius: 3px;
        font-weight: 100;
        height: 35px;
        padding-top: 5px;
        box-sizing: border-box;
        transition: .2s;
        cursor: pointer;
    }
    .rescuadre{
        width: 100%;
        text-align: center;
        float: left;
        border-top: 1px solid var(--vino);
    }
    .rescuadre div{
        width: 16%;
        margin-left: .25%;
        margin-right: .25%;
        float: left;
        height: 85px;
        margin-bottom: 5px;
        padding: 3px;
        box-sizing: border-box;
        border: 1px solid silver;
        margin-top: 5px;
    }
    .rescuadre .ventas{
        height: 180px;
    }
    .rescuadre div h2{
        font-size: 18px;
        background: 0;
    }
    .rescuadre div h3{
       background: 0;
        padding: 2px;
        box-sizing: border-box;
        color: black;
        line-height: 3;
    }
    .rescuadre .ventas h4{
       font-weight: 100;
        border-top: 1px solid silver;
        padding: 1px;
        font-size: 15px;
    }
    .rescuadre .ventas h3{
        line-height: 1;
    }
    .rescuadre .totalcuadre h2{
        background: var(--vino);
        color: white;
    }
    .rescuadre .totalcuadre h3{
        font-size: 28px;
        line-height: 2;
    }
    .rescuadre .encaja input, .rescuadre .dif input{
        width: 90%;
        padding: 1px;
        height: 30px;
        text-align: center;
        font-size: 20px;
        border: 1px solid silver;
    }
    .rescuadre .dif input{
        border: 0;
    }
    .rescuadre .obser, .rescuadre .btncuadre{
        width: 49%;
        height: 50px;
    }
    .rescuadre .obser textarea{
        height: 45px;
        border: 0;
        width: 100%;
        resize: none;
        overflow: hidden;
        padding: 3px;
    }
    .rescuadre .btncuadre input{
        display: none;
    }
    .rescuadre .btncuadre label{
        display: inline-block;
        border: 1px solid silver;
        background: silver;
        float: left;
        width: 24%;
        margin-left: .5%;
        margin-right: .5%;
        border-radius: 3px;
        height: 40px;
        font-size: 20px;
        padding-top: 7px;
        box-sizing: border-box;
        margin-top: 1px;
        cursor: pointer;
    }
    .rescuadre .btncuadre input[type="radio"]:checked + label{
        background: var(--naranja);
        color: white;
        border: 0;
    }
    .rescuadre .btncuadre button{
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: 40px;
        border: 0;
        background: var(--green);
        padding: 3px;
        margin-top: 1px;
        border-radius: 3px;
        cursor: pointer;
        transition: .2s;
    }
    .rescuadre .btncuadre button img{
        width: 90%;
        height: 90%;
        background: 0;
    }
    .rescuadre div a{
        display: inline-block;
        color: black;
        text-decoration: none;
        transition: .2s;
        background: 0;
    }
    .rescuadre{
        width: 100%;
        text-align: center;
        float: left;
        border-top: 1px solid var(--vino);
    }
    .rescuadre div{
        width: 17%;
        margin-left: .25%;
        margin-right: .25%;
        float: left;
        height: 110px;
        margin-bottom: 5px;
        padding: 3px;
        box-sizing: border-box;
        border: 1px solid silver;
        margin-top: 5px;
        height: 125px
    }
    .rescuadre .ventas{
        height: 190px;
        margin-right: 0;
        width: 14.5%;

    }
    .rescuadre div h2{
        font-size: 18px;
        background: 0;
    }
    .rescuadre div h3{
       background: 0;
        padding: 2px;
        box-sizing: border-box;
        color: black;
        line-height: 1;
    }
    .rescuadre .ventas h4{
       font-weight: 100;
        border-top: 1px solid silver;
        padding: 1px;
        font-size: 15px;
    }
    .rescuadre .ventas h3{
        line-height: 1;
    }
    .rescuadre .totalcuadre h2{
        background: var(--vino);
        color: white;
    }
    .rescuadre .totalcuadre h3{
        font-size: 28px;
        line-height: 2;
    }
    .rescuadre .encaja input, .rescuadre .dif input{
        width: 90%;
        padding: 1px;
        height: 30px;
        text-align: center;
        font-size: 20px;
        border: 1px solid silver;
    }
    .rescuadre .dif input{
        border: 0;
    }
    .rescuadre .obser, .rescuadre .btncuadre{
        width: 49%;
        height: 50px;
    }
    .rescuadre .obser textarea{
        height: 45px;
        border: 0;
        width: 100%;
        resize: none;
        overflow: hidden;
        padding: 3px;
    }
    .rescuadre .btncuadre input{
        display: none;
    }
    .rescuadre .btncuadre label{
        display: inline-block;
        border: 1px solid silver;
        background: silver;
        float: left;
        width: 24%;
        margin-left: .5%;
        margin-right: .5%;
        border-radius: 3px;
        height: 40px;
        font-size: 20px;
        padding-top: 7px;
        box-sizing: border-box;
        margin-top: 1px;
        cursor: pointer;
    }
    .rescuadre .btncuadre input[type="radio"]:checked + label{
        background: var(--naranja);
        color: white;
        border: 0;
    }
    .rescuadre .btncuadre button{
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: 40px;
        border: 0;
        background: var(--green);
        padding: 3px;
        margin-top: 1px;
        border-radius: 3px;
        cursor: pointer;
        transition: .2s;
    }
    .rescuadre .btncuadre button img{
        width: 90%;
        height: 90%;
        background: 0;
    }
    .rescuadre div a{
        display: inline-block;
        color: black;
        text-decoration: none;
        transition: .2s;
        background: 0;

    }
    .rescuadre .base, .rescuadre .propinas, .rescuadre .domicilios, .rescuadre .anulaciones{
        height: 60px;
        margin-bottom: 0px;
    }
    .mesas{
        width: 100%;
        text-align: center;
    }
    .mesas .cajamesas{
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
    .mesas .cajamesas .btnmesas{
        width: 19%;
        margin-left: .5%;
        margin-right: .5%;
        height: 70px;
        color: white;
        border: 0;
        margin-bottom: 10px;
        float: left;
        font-size: 1.8vw;
    }
    .mesas .cajamesas .btnmesas p{
        height: 20%;
        background: 0;
        width: 100%;
    }
    .mesas .cajamesas .btnmesas .impcuenta{
        position: absolute;
        width: 25px;
        height: 25px;
        background: 0;
        margin-left: -55px;
    }
        .categoriasnew .cajasucnew{
        position: absolute;
        top: 50px;
        width: 100%;
        left: 0;
    }
    .categoriasnew .btnsuc{
        font-size: 20px;
        padding: 5px;
        box-sizing: border-box;
        margin-right: 10px;
        width: auto;
        border: 2px solid var(--vino);
    }
    .cajagruponew .btnprod{
        width: 49%;
        margin-bottom: 5px;
        font-size: 20px;
        background: var(--gris);
        color: white;
        border: 0;
        padding: 5px;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
    .cajagruponew .inputprelibre{
        float: right;
        border: 1px solid silver;
        height: 30px;
        border-radius: 50px;
        padding: 3px;
        box-sizing: border-box;
        padding-left: 10px;
    }
    .modinv .botoneshead .activo{
        width: 30%;
        float: right;
        text-align: right;
        margin-right: 5px;
    }
    .modinv .botoneshead .activo h3{
        text-align: right;
    }
    #ingcompo #can_rec{
        height: 35px;
        width: 100%;
        margin: 0;
        border: 1px solid grey;
        text-align: center;
        font-size: 15px;
        margin-bottom: 5px;
    }
    .prod_new #btncompo{
        font-size: 40px;
    }
    .comandera .comanderaonline{
        width: 100%;
        text-align: center;
        overflow: hidden;
        height: auto;
        float: left;
        text-align: center;
    }
    .comandera h1{
        width: 100%;
        font-size: 30px;
        color: var(--vino);
        text-align: center;
    }
    .comandera .comanderaonline h2{
        width: 100%;
        overflow: hidden;
        border-top: 2px solid black;
    }
    .comandera .nom_coman{
        position: absolute;
        left: 5px;
        top: 60px;
        font-size: 25px;
    }
    .comandera .comanderaonline .tablecoman{
        width: 24%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        text-align: center;
        border-collapse: collapse;
        border: 2px solid var(--vino);
        margin-bottom: 10px;
        height: 250px;
    }
    .comandera .comanderaonline .tablecoman th{
        background: var(--vino);
        color: white;
        font-size: 20px;
        padding: 5px;
    }
    .comandera .comanderaonline .tablecoman td{
        text-align: center;
        font-size: 25px;
        padding: 3px;
        border-bottom: 1px solid var(--vino);
    }
    .comandera .comanderaonline .tablecoman .tdcan{
        width: 20%;
    }
    .comandera .comanderaonline .tablecoman .tdpro{
        width: 80%;
    }
    .comandera .comanderaonline .tablecoman .tdpro .nota{
        font-size: 20px;
        color: white;
        background: var(--rojo);
        border-radius: 5px;
    }
    .comandera .comanderaonline .tablecoman .btnconfped{
        width: 100%;
        height: 50px;
        background: var(--verde);
        padding: 5px;
        border-radius: 5px;
        border: 0;
    }
    .comandera .comanderaonline .tablecoman .btnconfped img{
        height: 100%;
        background: 0;
    }
    .comandera .comanderaonline .tablecoman .reloj{
        text-align: left;
        height: 30px;
        background: 0;
        float: left;
    }
    .comandera .comanderaonline #en_lista{
        width: 24%;
        float: left;
        margin-left: 1%;
        margin-right: 0%;
        border-right: 1px solid black;
    }
    .comandera .comanderaonline #en_lista .tablecoman th{
        background: var(--azul);
    }
    .comandera .comanderaonline #en_lista .tablecoman .btnconfped{
        background: var(--naranja);
    }
    .comandera .comanderaonline #en_lista .tablecoman{
        border: 1px solid var(--azul);
    }
    .comandera .comanderaonline #en_preparacion .tablecoman th{
        background: var(--vino);
    }
    .comandera .comanderaonline #en_preparacion .tablecoman{
        border: 1px solid var(--vino);
    }
    .comandera .comanderaonline #en_preparacion{
        width: 99%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
    .rescierrenew{
        width: 100%;
        text-align: center;
    }
    .rescierrenew .tcierremeseros{
        width: 100%;
        text-align: center;
        border-collapse: collapse;
    }
    .rescierrenew .tcierremeseros th, .rescierrenew .tcierremeseros td{
        padding: 3px;
        border: 1px solid var(--vino);
        background: 0;
    }
    .rescierrenew .tcierremeseros tr{
        background: 0;
    }
    .rescierrenew .tcierremeseros tr:hover{
        background: var(--dorado);
        color: white;
    }
    .rescierrenew .tcierremeseros td button{
        width: 35px;
        height: 35px;
        padding: 5px;
        background: var(--amarillo);
        border: 0;
        box-sizing: border-box;
    }
    .rescierrenew .tcierremeseros td button img{
        height: 100%;
        background: 0;
    }
    .ingfacnew{
        width: 100%;
        position: absolute;
        top: 0px;
        text-align: center;
        height: 100%;
    }
    .ingfacnew h1{
        color: var(--vino);
        position: fixed;
        height: 50px;
        z-index: 1;
        width: 100%;
        background: 0;
    }
    .ingfacnew .espacio{
        width: 100%;
        height: 60px;
    }
    .ingfacnew .datfactnew .espacio, .ingfacnew .datprodfactnew .espacio{
        width: 100%;
        height: 80px;
    }
    .ingfacnew .datfactnew{
        width: 30%;
        left: 0;
        position: fixed;
        height: 100%;
        top: 0;
        overflow: auto;
        border-right: 2px solid var(--vino);
        z-index: 1
    }
    .ingfacnew .datprodfactnew{
        width: 70%;
        left: 30%;
        position: fixed;
        height: 100%;
        top: 0;
        overflow: auto;
    }
    .ingfacnew .datfactnew .datosfac{
        width: 100%;
    }
    .ingfacnew .datfactnew .datosfac form input, .ingfacnew .datfactnew .datosfac form select{
        height: 40px;
        width: 95%;
        margin: auto;
        text-align: center;
        font-size: 20px;
        padding: 5px;
        box-sizing: border-box;

    }
    .ingfacnew .datfactnew .datosfac form label{
        width: 95%;
        text-align: left;
        font-size: 20px;
        display: inline-block;
        font-weight: 600;
        margin-top: 10px;
    }
    .ingfacnew .datfactnew .datosfac form textarea{
        width: 95%;
        margin: auto;
        height: 80px;
        resize: none;
        overflow: hidden;
        border: 1px solid silver;
        border-radius: 5px;
        margin-bottom: 10px;
        padding: 5px;
        box-sizing: border-box;
        font-size: 15px;
    }
    .ingfacnew .datfactnew .datosfac .caja_select2{
        width: 95%;
        height: 40px;
        margin: auto;
        font-size: 20px;

    }
    .ingfacnew .datfactnew .datosfac form #btningfac{
        width: 95%;
        background: var(--verde);
        border: 0;
        height: 45px;
        padding: 5px;
        box-sizing: border-box;
        margin-top: 10px;
    }
    .ingfacnew .datfactnew .datosfac form #btningfac img{
        height: 100%;
        background: 0;
    }
    .ingfacnew .datprodfactnew .cajaprodfac{
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }
    .ingfacnew .datprodfactnew .cajaprodfac form .caja_select2{
        width: 29%;
        float: left;
        height: 40px;
        font-size: 20px;
        margin-right: 1%;
    }
    .ingfacnew .datprodfactnew .cajaprodfac form input{
        width: 19%;
        float: left;
        height: 40px;
        font-size: 20px;
        margin-right: 1%;
        text-align: center;

    }
    .ingfacnew .datprodfactnew .cajaprodfac form #btningprofac{
        border: 0;
        width: 10%;
        float: left;
        background: var(--azul);
        height: 40px;
        padding: 10px;
        box-sizing: border-box;
    }
    .ingfacnew .datprodfactnew .cajaprodfac form #btningprofac img{
        height: 100%;
        background: 0;
    }
    .ingfacnew .datprodfactnew .cajaprodfac .formingprodfac{
        width: 100%;
        overflow: hidden;
        margin-bottom: 5px;
    }
    .ingfacnew .datprodfactnew .cajaprodfac .tablaprodfac{
        width: 100%;
        border-top: 1px solid silver;
        padding: 5px;
        box-sizing: border-box;
    }
    .ingfacnew .datprodfactnew .cajaprodfac .tablaprodfac table{
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        margin-bottom: 10px;
    }
    .ingfacnew .datprodfactnew .cajaprodfac .tablaprodfac table th{
        color: var(--vino);
    }
    .ingfacnew .datprodfactnew .cajaprodfac .tablaprodfac table #tdpro{
        width: 30%;
    }
    .ingfacnew .datprodfactnew .cajaprodfac .tablaprodfac table td{
        width: 20%;
        border: 1px solid var(--vino);
        padding: 3px;
    }
    .ingfacnew .datprodfactnew .cajaprodfac .tablaprodfac table th{
        border: 1px solid var(--vino);
        padding: 3px;
    }
    .ingfacnew .datprodfactnew .cajaprodfac .tablaprodfac table tr, .ingfacnew .datprodfactnew .cajaprodfac .tablaprodfac table td{
        background: 0;
    }
    .ingfacnew .datprodfactnew .cajaprodfac .tablaprodfac table tr:hover{
        background: var(--dorado);
        color: white;
    }
    .ingfacnew .datprodfactnew .cajaprodfac .tablaprodfac #eliprodfac{
        width: 40px;
        height: 30px;
        background: var(--rojo);
        padding: 3px;
        box-sizing: border-box;
        border: 0;
    }
    .ingfacnew .datprodfactnew .cajaprodfac .tablaprodfac #eliprodfac img{
        background: 0;
        height: 100%;
    }
    .ingfacnew .datprodfactnew .cajaprodfac .tablaprodfac .confingfac{
        width: 100%;
        text-align: center;
        height: 60px;
        background: var(--verde);
        padding: 5px;
        box-sizing: border-box;
        font-size: 25px;
        color: white;
        border: 0;
    }
    .ingfacnew .datprodfactnew .cajaprodfac .tablaprodfac .confingfac img{
        background: 0;
        height: 100%;
        margin-top: -10px;
        margin-bottom: -10px;
        margin-left: 20px;
    }
    .cajamesas button #nom_cli, .cajamesas button .nom_usu{
        height: 25%;
        margin-bottom: 0;
        font-size: .8vw;
    }
    .cajamesas button h2{
        background: 0;
        font-size: 20px;
        height: 50%;
        border-top: 1px solid white;
        border-bottom: 1px solid white;
        padding-top: 4px;
        box-sizing: border-box;
    }
    .formcieusu #btnguacie{
        width: 99%;
        height: 50px;
        background: var(--verde);
        border: 0;
        box-sizing: border-box;
        padding: 5px;
        margin: auto;
        margin-left: .5%;
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .formcieusu #btnguacie img{
        background: 0;
        height: 100%;
    }
    .balancenew{
        width: 100%;
        text-align: center;
    }
    .balancenew h1{
        color: var(--vino);
        font-size: 25px;
    }
    .balancenew .resbalancenew{
        width: 100%;
        text-align: center;
        padding: 10px;
        box-sizing: border-box;
    }
    .balancenew .resbalancenew div{
        width: 45%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        height: 150px;
        padding: 5px;
        box-sizing: border-box;
        float: left;
    }
    .balancenew .resbalancenew div button{
        width: 100%;
        height: 100%;
        padding: 10px;
        box-sizing: border-box;
        border: 5px solid var(--vino);
    }
    .balancenew .resbalancenew div button img{
        background: 0;
        height: 100%;
        float: left;
        margin-left: 20px;
    }
    .balancenew .resbalancenew div button p{
        width: 100%;
        height: auto;
        background: 0;
    }
    .balancenew .resbalancenew div button #tit{
        font-weight: 600;
        font-size: 2vw;
    }
    .balancenew .resbalancenew div button #val{
        font-size: 3vw;
    }
    .balancenew .resbalancenew .utilidadbal{
        border: 0;

    }
    .balancenew .resbalancenew .utilidadbal #tit{
        background: 0;
        font-size: 1.5vw;
        width: 35%;
        float: left;
        height: 40px;
        color: white;
    }
    .balancenew .resbalancenew .utilidadbal #val{
        font-size: 1.5vw;
        width: 25%;
        float: left;
        height: 40px;
        color: white;
        background: 0;
    }
    .balancenew .resbalancenew .utilidadbal button{
        background: 0;
        border: 0;
        padding: 10px;
        background: var(--vino);
    }
    .mod_balance{
       width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 1;
    }
    .mod_balance .espacio_modventa{
        height: 60px;
        background: 0;
    }

    .mod_balance h1{
        text-align: center;
        width: 100%;
        color: var(--vino);
    }
    .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(--vino);
        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 .titulo button, .mod_balance .cajas_balances .cajas_bal .dato button{
         border: 0;
    }
    .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 #utilidad_bal{
        background: var(--vino);
    }
    .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: 25px;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
        border: 0;
    }

     .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_repventas{
        width: 100%;
        text-align: center;
    }
    .mod_repventas h1{
        color: var(--vino);
    }
    .mod_repventas .filtro_repventas{
        width: 100%;
        text-align: center;
        overflow: hidden;
        height: auto;
    }
    .mod_repventas .filtro_repventas label{
        width: 14%;
        display: inline-block;
        float: left;
        font-weight: 600;
        font-size: 15px;
        text-align: left;
        margin-left: .5%;
        margin-right: .5%;
        color: var(--vino);
        height: 65px;
    }
    .mod_repventas .filtro_repventas input, .mod_repventas .filtro_repventas .caja_select2{
        height: 40px;
        width: 100%;
        float: left;
        text-align: center;
        font-size: 18px;
        font-weight: 100;
    }
    .mod_repventas .filtro_repventas button{
        width: 40px;
        height: 40px;
        float: left;
        margin-top: 20px;
        background: var(--azul);
        padding: 5px;
        box-sizing: border-box;
        border: 0;
    }
    .mod_repventas .filtro_repventas button img{
        background: 0;
        height: 100%;
    }
    .mod_repventas .tabdatos{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        text-align: center;
    }
    .mod_repventas .tabdatos table{
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        margin-bottom: 30px;
    }
    .mod_repventas .tabdatos table th, .mod_repventas .tabdatos table td{
        padding: 3px;
        border: 1px solid var(--vino);
    }
    .mod_repventas .tabdatos table th{
        color: var(--vino);
    }
    .mod_repventas .tabdatos table td .btnverped{
        width: 30px;
        height: 30px;
        padding: 3px;
        box-sizing: border-box;
        background: var(--amarillo);
        border: 0;
    }
    .mod_repventas .tabdatos table td .btnverped img{
        height: 100%;
        background: 0;
    }
    .mod_repventas .tabdatos table tr, .mod_repventas .tabdatos table td{
        background: 0;
    }
    .mod_repventas .tabdatos table tr:hover{
        background: var(--dorado);
        color: white;
    }
    .mod_repventas .tabdatos table #total{
        background: #D6D6D6;
    }
    .mod_repventas .tabdatos .rep_expor{
        width: 100%;
        height: 35px;
        margin-bottom: 5px;
    }
    .mod_repventas .tabdatos .rep_expor button{
        height: 100%;
        float: left;
        width: 35px;
        border: 0;
        padding: 3px;
        margin-right: 5px;
    }
    .mod_repventas .tabdatos .rep_expor button img{
        background: 0;
        height: 100%;
    }
    .mod_repventas .tabdatos .rep_expor .pdf{
        background: var(--rojo);
    }
    .mod_repventas .tabdatos .rep_expor .excel{
        background: var(--verde);
    }
    .mod_repventas .tabdatos .cajaverped{
        position: absolute;
        right: 5%;
        margin-top: 5px;
        background: white;
        border-radius: 5px;
        border: 2px solid var(--vino);
        padding: 5px;
        box-sizing: border-box;
        max-height: 500px;
        overflow-y: auto;
        width: 50%;
        box-shadow: 0px 0px 5px var(--gris);
        margin-bottom: 20px;
    }
    .mod_repventas .tabdatos .cajaverped h2{
        background: var(--vino);
        color: white;
        width: 85%;
        float: left;
        height: 35px;
    }
    .mod_repventas .tabdatos .cajaverped .cerrarcajacerrped{
        width: 15%;
        float: left;
        background: var(--rojo);
        color: white;
        height: 35px;
        border: 0;
        border-radius: 0;
        font-size: 20px;
        font-weight: 600;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped{
        width: 100%;
        height: 35px;
        text-align: left;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .ticket, .mod_repventas .tabdatos .cajaverped .btsverped .anular{
        width: 35px;
        height: 100%;
        border: 0;
        padding: 5px;
        box-sizing: border-box;
        display: inline-block;
        border-radius: 5px;
        transition: .2s;
        cursor: pointer;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .anular:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .ticket img, .mod_repventas .tabdatos .cajaverped .btsverped .anular img{
        height: 100%;
        background: 0;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .ticket{
        background: var(--verde);
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .anular{
        background: var(--rojo);
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesanu{
        position: absolute;
        margin-top: 0px;
        background: var(--rojo);
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        width: 90%;
        margin-left: 5%;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesanu form{
        background: 0;
        width: 100%;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesanu form label{
        width: 45%;
        margin: 0;
        margin-left: 1%;
        margin-right: 1%;
        float: left;
        display: inline-block;
        text-align: center;
        padding: 5px;
        border-radius: 5px;
        border: 2px solid var(--azul);
        margin-bottom: 5px;
        color: black;
        cursor: pointer;
    }

    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesanu form label:hover{
        color: black;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesanu form input{
        width: 98%;
        margin-left: 1%;
        height: 35px;
        padding: 3px;
        margin-bottom: 5px;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesanu form .btnconanuventa{
        width: 98%;
        height: 40px;
        background: var(--verde);
        padding: 5px;
        box-sizing: border-box;
        border: 0;
        margin-left: 1%;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesanu form .btnconanuventa img{
        height: 100%;
        background: 0;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesanu h3{
        background: 0;
        text-align: center;
        color: white;
    }
    .mod_repventas .filtro_repventas #separar{
        float: left;
        height: auto;
        border-radius: 3px;
        text-align: center;
        box-sizing: border-box;
        padding-top: 0px;
        cursor: pointer;
        padding: 3px;
    }
    .mod_repventas .filtro_repventas #inputsepfec:checked + label{
        background: var(--azul);
        color: white;
    }
    .mod_repventas .cajareputil, .mod_repventas .cajarepactainv{
        width: 95%;
        margin: auto;
    }
    .mod_repventas .cajareputil h3, .mod_repventas .cajarepactainv h3{
        width: 90%;
        float: left;
        text-align: left;

    }
    .mod_repventas .cajareputil #cerrcaja, .mod_repventas .cajarepactainv #cerrcaja{
        width: 10%;
        float: left;
        margin-left: 0;
        margin-right: 0;
    }
    .mod_repventas .cajareputil form label, .mod_repventas .cajarepactainv form label{
        width: 49%;
        display: inline-block;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        font-weight: 600;
    }
    .mod_repventas .cajareputil form label input, .mod_repventas .cajarepactainv form label input{
        width: 100%;
        height: 35px;
        text-align: center;
        font-size: 20px;
        margin-bottom: 5px;
    }
    .mod_repventas .cajareputil form .label{
        background: silver;
        height: 35px;
        font-size: 20px;
        margin-bottom: 5px;
        border-radius: 5px;
        box-sizing: border-box;
        padding-top: 5px;
        cursor: pointer;
    }
    .mod_repventas .cajareputil form input[type="radio"]:checked + label{
        background: var(--amarillo);
        color: white;
    }
    .mod_repventas .cajareputil form #inpututilpdf:checked + label{
        background: var(--rojo);
    }
    .mod_repventas .cajareputil form #inpututilexcel:checked + label{
        background: var(--verde);
    }
    .mod_repventas .cajareputil form #btngenreputil, .mod_repventas .cajarepactainv form #btngenrepactainv{
        width: 100%;
        padding: 5px;
        margin-bottom: 10px;
        font-size: 20px;
        background: var(--verde);
        color: white;
        border: 0;
    }
        .mod_repventas .tabdatos .cajaverped .btsverped .opcionesmod{
        position: absolute;
        margin-top: 0px;
        background: var(--amarillo);
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        width: 90%;
        margin-left: 5%;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesmod form{
        background: 0;
        width: 100%;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesmod form label{
        width: 45%;
        margin: 0;
        margin-left: 1%;
        margin-right: 1%;
        float: left;
        display: inline-block;
        text-align: center;
        padding: 5px;
        border-radius: 5px;
        border: 2px solid var(--azul);
        margin-bottom: 5px;
        color: black;
        cursor: pointer;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesmod form .totped{
        width: 95%;
        border: 0;
        font-weight: 600;
        font-size: 20px;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesmod form .totped input{
        text-align: center;
        font-size: 20px;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesmod form label:hover{
        color: black;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesmod form input{
        width: 98%;
        margin-left: 1%;
        height: 35px;
        padding: 3px;
        margin-bottom: 5px;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesmod form select{
        width: 98%;
        margin-left: 1%;
        height: 35px;
        padding: 3px;
        margin-bottom: 5px;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesmod form .btnconmodventa{
        width: 98%;
        height: 40px;
        background: var(--verde);
        padding: 5px;
        box-sizing: border-box;
        border: 0;
        margin-left: 1%;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesmod form .btnconmodventa img{
        height: 100%;
        background: 0;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesmod h3{
        background: 0;
        text-align: center;
        color: white;
    }
        .mod_repventas .tabdatos .cajaverped .btsverped .ticket, .mod_repventas .tabdatos .cajaverped .btsverped .modificar{
        width: 35px;
        height: 100%;
        border: 0;
        padding: 5px;
        box-sizing: border-box;
        display: inline-block;
        border-radius: 5px;
        transition: .2s;
        cursor: pointer;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .modificar:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .ticket img, .mod_repventas .tabdatos .cajaverped .btsverped .modificar img{
        height: 100%;
        background: 0;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .modificar{
        background: var(--amarillo);
    }
    #despedida{
       width: 100%;
        margin: 0;
        position: absolute;
        height: 100%;
        background: var(--vino);
    }
    #despedida #img{
        width: 50%;
        float: left;
        padding: 20px;
        box-sizing: border-box;
        background: 0;
    }
    #despedida .despcaja{
        width: 50%;
        float: left;
        background: 0;
    }
    #despedida .despcaja{
        height: 100%;
        padding: 20px;
        box-sizing: border-box;
        display: flex;
        align-content: center;
        align-items: center;
    }
    #despedida .despcaja div{
        background: 0;
    }
    #despedida .despcaja img{
        background: 0;
        width: 80%;
    }
    .mod_repventas table .btnelifac{
       width: 30px;
        height: 30px;
        background: var(--rojo);
        padding: 5px;
        box-sizing: border-box;
        border: 0;
    }
    .mod_repventas table .btnelifac img{
        background: 0;
        height: 100%;
    }
    .mod_repventas table #tdesfac{
        width: 20%;
    }
    .mod_repventas table .cajaelifac{
        position: absolute;
        margin-top: 5px;
        right: 50px;
        padding: 5px;
        box-sizing: border-box;
        background: var(--rojo);
        border-radius: 5px;
    }
    .mod_repventas table .cajaelifac h2, .mod_repventas table .cajaelifac p{
        color: white;
        background: 0;
        margin-bottom: 5px;
    }
    .mod_repventas table .cajaelifac .sielifac{
        width: 80%;
        float: left;
        margin-right: 1%;
        height: 50px;
        font-size: 30px;
        background: var(--verde);
        color: white;
        border: 0;
    }
    .mod_repventas table .cajaelifac .noelifac{
        width: 19%;
        float: left;
        height: 50px;
        font-size: 30px;
        background: white;
        color: var(--rojo);
        border: 0;
    }
    .caja_grupo .filtro_rep{
        width: 100%;
        text-align: center;
        overflow: hidden;
    }
    .caja_grupo .filtro_rep label{
        width: 14%;
        display: inline-block;
        float: left;
        font-weight: 600;
        font-size: 15px;
        text-align: left;
        margin-left: .5%;
        margin-right: .5%;
        color: var(--vino);
        height: 65px;
    }
    .caja_grupo .filtro_rep input, .caja_grupo .filtro_rep .caja_select2{
        height: 40px;
        width: 100%;
        float: left;
        text-align: center;
        font-size: 18px;
        font-weight: 100;
    }
    .caja_grupo .filtro_rep button{
        width: 40px;
        height: 40px;
        float: left;
        margin-top: 20px;
        background: var(--azul);
        padding: 5px;
        box-sizing: border-box;
        border: 0;
    }
    .caja_grupo .filtro_rep button img{
        background: 0;
        height: 100%;
    }
    .mod_parametros{
        width: 100%;
    }
    .mod_parametros h1{
        text-align: center;
    }
    .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(--vino);
        font-size: 4vw;
        padding: 10px;
        border-radius: 10px;
    }
    .mod_parametros .btsparametros button img{
        height: 50%;
        background: 0;
        margin-bottom: -5px;
        margin-right: 30px;
    }
    .mod_repventas .tabdatos input, .mod_repventas .tabdatos select{
        width: 100%;
        height: 35px;
        text-align: center;
    }
    .mod_repventas .tabdatos .btnmodsuc{
        width: 35px;
        height: 35px;
        background: var(--verde);
        border: 0;
        padding: 5px;
    }
    .mod_repventas .tabdatos .btnmodsuc img{
        height: 100%;
        background: 0;
    }
    .mod_repventas .tabdatos .activar button{
        height: 30px;
        width: auto;
        padding: 3px;
        background: 0;
        border: 0;
    }
    .mod_repventas .tabdatos .activar button img{
        background: 0;
        height: 100%;
    }
    .mod_repventas .tabdatos .activar form{
        background: 0;
    }
    .mod_repventas .tabdatos .est_pago .ok, .mod_repventas .tabdatos .est_pago .alerta, .mod_repventas .tabdatos .est_pago .pendiente{
        background: var(--verde);
        border-radius: 50px;
        height: 20px;
        color: white;
        font-size: 12px;
        padding-top: 2px;
        box-sizing: border-box;
    }
    .mod_repventas .tabdatos .est_pago .alerta{
        background: var(--amarillo);
    }
    .mod_repventas .tabdatos .est_pago .pendiente{
        background: var(--rojo);
    }
    .mod_repventas .bbot .btsrep1{
       width: auto;
        font-size: 18px;
        background: var(--naranja);
        border: 0;
        float: left;
        margin-left: 5px;
        margin-bottom: 5px;
        color: white;
        box-sizing: border-box;
        padding: 3px;
    }
    .mod_repventas .bbot .crear_usu, .mod_repventas .bbot .crear_mesa{
        width: 50%;
        border-radius: 5px;
        position: absolute;
        margin-top: 40px;
        border: 1px solid silver;
        left: 5px;
        padding: 5px;
        box-sizing: border-box;
    }
    .mod_repventas .bbot .crear_usu h2, .mod_repventas .bbot .crear_mesa h2{
        width: 85%;
        float: left;
        height: 30px;
    }
    .mod_repventas .bbot .crear_usu .cerrcaja, .mod_repventas .bbot .crear_mesa .cerrcaja{
        width: 15%;
        float: left;
        background: var(--rojo);
        color: white;
        border: 0;
        height: 30px;
        font-size: 18px;
        margin-bottom: 5px;
    }
    .mod_repventas .bbot .crear_usu form label, .mod_repventas .bbot .crear_mesa form label{
        display: inline-block;
        width: 49%;
        margin-bottom: 5px;
        text-align: left;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }
    .mod_repventas .bbot .crear_usu form label input, .mod_repventas .bbot .crear_usu form label select, .mod_repventas .bbot .crear_mesa form label input, .mod_repventas .bbot .crear_mesa form label select{
        width: 100%;
        height: 35px;
        padding: 3px;
        border: 1px solid silver;
        border-radius: 5px;
        font-size: 15px;
    }
    .mod_repventas .bbot .crear_usu form button,.mod_repventas .bbot .crear_mesa form button{
        height: 40px;
        background: var(--verde);
        border: 0;
        width: 100%;
        padding: 5px;
    }
    .mod_repventas .bbot .crear_usu form button img, .mod_repventas .bbot .crear_mesa form button img{
        background: 0;
        height: 100%;
    }
    .cajamenunew .estadosped{
        width: 100%;
        text-align: center;
        height: 30px;
        overflow: hidden;
        background: 0;
        float: left;
        margin-bottom: 5px;
    }
    .cajamenunew .estadosped button{
        width: 30%;
        float: left;
        margin-left: 1.5%;
        margin-right: 1.5%;
        height: 100%;
        background: white;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        text-align: center;
        font-size: 1.5vw;
        color: var(--vino);
    }
    .cajamenunew .estadosped button img{
        height: 100%;
        background: 0;
        margin-right: 5px;

    }
    .fondo-ticket{
        width: 100%;
        background: silver;
    }
    .fondo-ticket .cajaticket{
        margin: auto;
        border: 2px solid silver;
        min-width: 400px;
        max-width: 400px;
        width: 400px;
    }
    .fondo-ticket .cajaticket .logoticket{
        width: 100%;
        height: auto;
        text-align: center;
        margin-bottom: 30px;
    }
    .fondo-ticket .cajaticket .logoticket img{
        height: 40%;
    }
    .fondo-ticket .cajaticket .info-empresa{
        width: 100%;
        text-align: center;
        font-size: 14px;
        margin-bottom: 5px;
    }
    .fondo-ticket .cajaticket .info-cliente{
        text-align: center;
    }
    .fondo-ticket .cajaticket .info-cliente .tab_cab{
        width: 100%;
        text-align: left;
        margin-bottom: 5px;
        border-bottom: 2px solid black;
    }
    .fondo-ticket .cajaticket .info-cliente #titulo{
        font-size: 18px;
    }
    .fondo-ticket .cajaticket .info-pedido{
        width: 100%;
        text-align: center;
        border-bottom: 2px solid black;
        margin-bottom: 5px;
    }
    .fondo-ticket .cajaticket .info-pedido table{
        width: 100%;
        border-collapse: collapse;
    }
    .fondo-ticket .cajaticket .info-pedido table #td1{
        width: 65%;
        font-size: 12px;

    }
    .fondo-ticket .cajaticket .info-pedido table #td1 #comped{
        font-size: 10px;
    }
    .fondo-ticket .cajaticket .info-pedido table #td2{
        width: 15%;
        font-size: 12px;
        text-align: center;
    }
    .fondo-ticket .cajaticket .info-pedido table #td3{
        width: 20%;
        font-size: 12px;
        text-align: right;
    }
    .fondo-ticket .cajaticket .info-pedido #izq{
        text-align: left;
    }
    .fondo-ticket .cajaticket .info-pedido #cen{
        text-align: center;
    }
    .fondo-ticket .cajaticket .info-pedido #der{
        text-align: right;
    }
    .fondo-ticket .cajaticket .info-pedido td , .fondo-ticket .cajaticket .info-pedido th{
        background: 0;
        padding: 2px;
        box-sizing: border-box;
    }
    .fondo-ticket .cajaticket .info-pedido .bordebottom{
        border-bottom: 1px dashed grey;
        background: 0;
    }
    .fondo-ticket .cajaticket .info-pedido .bordetop{
        border-top: 2px solid black;
        background: 0;
    }
    .fondo-ticket .cajaticket .info-adicional{
        width: 100%;
        text-align: center;
    }
    .fondo-ticket .cajaticket .info-adicional h2{
        font-size: 25px;
        margin-bottom: 5px;
    }
    .fondo-ticket .cajaticket .info-adicional #legal{
        text-align: justify;
        width: 95%;
        margin: auto;
    }
    .fondo-ticket .cajaticket .info-adicional .logos_aliados{
        width: 100%;
        text-align: center;
        margin-top: 5px;
        margin-bottom: 5px;
        overflow: hidden;

    }
    .fondo-ticket .cajaticket .info-adicional .logos_aliados img{
        width: 45%;
        float: left;
        height: auto;
        margin-left: 2.5%;
        margin-bottom: 5px;
        margin-right: 2.5%;
    }
    .fondo-ticket .cajaticket .info-adicional .publicidadd{
        width: 98%;
        margin: auto;
        border: 2px solid black;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
    }
    .fondo-ticket .cajaticket .info-adicional .publicidadd p{
        font-size: 25px;
    }
    .fondo-ticket .cajaticket .info-adicional .publicidadd img{
        width: 100%;
        height: auto;
    }
    .fondo-ticket .cajaticket .info-adicional .firma{
        width: 100%;

    }
    .fondo-ticket .cajaticket .info-adicional .firma p{
        width: 100%;
        font-size: 15px;
        margin-top: 10px;
        border-top: 2px dashed black;
    }
    .fondo-ticket .cajaticket .info-adicional .firma img{
        width: 40%;
    }
    .cajaaccesos #btnacceso1{
        height: 40px;
        border: 0;
        background: 0;
        width: 40px;
        padding: 5px;
        position: fixed;
        top: 10px;
        background: white;
        left: 80px;
        z-index: 999999;
    }
    .cajaaccesos #btnacceso2{
        height: 40px;
        border: 0;
        background: 0;
        width: 40px;
        padding: 5px;
        position: fixed;
        top: 10px;
        background: white;
        left: 130px;
        z-index: 999999;
    }
    .cajaaccesos #btnacceso1 img, .cajaaccesos #btnacceso2 img{
        height: 100%;
        background: 0;
    }
    .cajaaccesos #cajaacceso1{
        position: absolute;
        top: 60px;
        z-index: 999;
        width: 40%;
        border-radius: 5px;
        background: white;
        border-radius: 5px;
        border: 1px solid silver;
        left: 80px;
        text-align: center;
        padding: 5px;

    }
    .cajaaccesos #cajaacceso2{
        position: absolute;
        top: 60px;
        z-index: 999;
        width: 40%;
        border-radius: 5px;
        background: white;
        border-radius: 5px;
        border: 1px solid silver;
        left: 130px;
        text-align: center;
        padding: 5px;

    }
    .cajaaccesos #cajaacceso1 form, .cajaaccesos #cajaacceso2 form{
        width: 100%;
        margin: auto;
    }
    .cajaaccesos #cajaacceso1 .caja_select2, .cajaaccesos #cajaacceso1 input, .cajaaccesos #cajaacceso2 input{
        height: 35px;
        width: 100%;
        margin-bottom: 5px;
        text-align: center;
        font-size: 20px;
        float: left;
    }
    .cajaaccesos #cajaacceso1 h2, .cajaaccesos #cajaacceso2 h2{
        width: 80%;
        text-align: left;
        height: 30px;
        float: left;
        margin-bottom: 5px;
    }
    .cajaaccesos #cajaacceso1 .cerrcaja, .cajaaccesos #cajaacceso2 .cerrcaja{
        height: 30px;
        background: var(--rojo);
        color: white;
        font-size: 20px;
        width: 15%;
        float: left;
        border: 0;
        margin-left: 5%;
        margin-bottom: 5px;
    }
    .cajaaccesos #cajaacceso1 #btningvale, .cajaaccesos #cajaacceso2 #btningcupon{
        width: 100%;
        height: 35px;
        background: var(--amarillo);
        border: 0;
        margin-bottom: 5px;
    }
    .cajaaccesos #cajaacceso1 #btningvale img, .cajaaccesos #cajaacceso2 #btningcupon img{
        height: 100%;
        background: 0;
    }
    .cajaaccesos #cajaacceso2 .fp{
        display: inline-block;
        width: 19%;
        margin: 0;
        text-align: center;
        margin-left: .5%;
        margin-right: .5%;
        font-size: 12px;
        height: 30px;
        background: silver;
        color: white;
        border-radius: 5px;
        padding-top: 8px;
        box-sizing: border-box;
        float: left;
        margin-bottom: 5px;
        cursor: pointer;
    }
    .cajaaccesos #cajaacceso2 input[type="radio"]:checked + label{
        background: var(--azul);
    }
    #cupon_desc input[type="text"]{
        width: 96%;
        float: left;
        margin-left: 2.5%;
        padding: 3px;
        height: 30px;
        border-radius: 3px;
        border: 1px solid silver;
        font-size: 18px;
    }
    #btncupon{
        display: none;
    }
    .cajasucnew .cerrcaja{
        display: none;
    }
    .bbot .cajaingpago{
        position: absolute;
        left: 5px;
        width: 50%;
        text-align: center;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        border: 1px solid silver;
        z-index: 9;
    }
    .bbot .cajaingpago h2{
        width: 85%;
        float: left;
        text-align: left;
    }
    .bbot .cajaingpago .cerrcaja{
        width: 10%;
        float: left;
        margin-left: 5%;
        height: 30px;
        background: var(--rojo);
        color: white;
        border: 0;
        font-size: 18px;
        margin-bottom: 5px;
    }
    .bbot .cajaingpago form label{
        width: 49%;
        text-align: left;
        float: left;
        margin-bottom: 5px;
        margin-left: .5%;
        margin-right: .5%;
        margin-bottom: 5px;

    }
    .bbot .cajaingpago form label input, .bbot .cajaingpago form label select{
        width: 100%;
        height: 40px;
        text-align: center;
        border: 1px solid silver;
        font-size: 18px;
    }
    .bbot .cajaingpago form label .caja_select2{
        height: 40px;
        width: 100%;
        font-size: 18px;
    }
    .bbot .cajaingpago form #btningpago{
        width: 100%;
        height: 40px;
        background: var(--verde);
        border: 0;
        padding: 5px;
    }
    .bbot .cajaingpago form #btningpago img{
        height: 100%;
        background: 0;
    }
    .bbot .cajaingpago form div input, .bbot .cajaingpago form div select{
        width: 100%;
        height: 40px;
        border-radius: 3px;

    }
    .mod_repventas .tabdatos #pen, .mod_repventas .tabdatos #anu, .mod_repventas .tabdatos #ok{
        font-size: 12px;
        background: var(--amarillo);
        border-radius: 50px;
        padding: 3px;
        box-sizing: border-box;
        color: white;
    }
    .mod_repventas .tabdatos #anu{
        background: var(--rojo);
    }
    .mod_repventas .tabdatos #ok{
        background: var(--verde);
    }
    .mod_repventas .tabdatos #btnvernom{
       width: 30px;
        height: 30px;
        padding: 3px;
        background: var(--amarillo);
        border: 0;
    }
    .mod_repventas .tabdatos #btnvernom img{
        background: 0;
    }
    .mod_repventas .tabdatos #btnvercom{
       width: 30px;
        height: 30px;
        padding: 3px;
        background: var(--azul);
        border: 0;
        margin-top: 5px;
    }
    .mod_repventas .tabdatos #btnvercom img{
        background: 0;
        height: 100%;
    }
    .pagonom .pan2 table .btnverped{
        width: 100%;
        height: 30px;
        font-size: 20px;
        background: var(--amarillo);
        border: 0;
        margin-bottom: 5px;
    }
    .pagonom .pan2 table .cajaverped{
        position: absolute;
        right: 20px;
        border: 1px solid silver;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        width: 40%;
    }
    .pagonom .pan2 table .cajaverped h2{
        width: 85%;
        float: left;
        text-align: left;
        background: var(--vino);
        color: white;
        font-size: 20px;
        padding: 5px;
        box-sizing: border-box;
        height: 30px;
        margin-bottom: 5px;
    }
    .pagonom .pan2 table .cajaverped .cerrcaja{
        width: 12.5%;
        margin-left: 2.5%;
        border: 0;
        height: 30px;
        text-align: center;
        background: var(--rojo);
        font-size: 20px;
        color: white;
        border-radius: 0;
        margin-bottom: 5px;
    }
    .mod_repventas .tabdatos .cajaverped .cerrcaja{
        width: 12.5%;
        float: left;
        margin-left: 2.5%;
        height: 35px;
        margin-bottom: 5px;
        border: 0;
        border-radius: 0;
        background: var(--rojo);
        color: white;
        font-size: 20px;
    }
    .comandera .comanderaonline .tablecoman .mensaje_comanda{
        background: var(--amarillo);
        font-size: 1.5vw;
    }
    .cajaverpednew table .mensaje_comandera form{
        width: 100%;
        height: 40px;
    }
    .cajaverpednew table .mensaje_comandera form input{
        width: 80%;
        height: 100%;
        float: left;
        border: 1px solid silver;
        font-size: 20px;
        padding: 3px;
        box-sizing: border-box;
        border-radius: 5px;
    }
    .cajaverpednew table .mensaje_comandera form button{
        height: 100%;
        width: 18%;
        float: left;
        margin-left: 2%;
        background: var(--verde);
        border: 0;
        padding: 5px;
    }
    .cajaverpednew table .mensaje_comandera form button img{
        height: 100%;
        background: 0;
    }
    .cajaverpednew table .dev_ped button{
        width: 100%;
        height: 40px;
        background: var(--rojo);
        border: 0;
        color: white;
        font-size: 20px;
    }
    .mod_repventas .tabdatos .btnvertiket{
        border: 0;
        width: 35px;
        height: 35px;
        padding: 5px;
        box-sizing: border-box;
        background: var(--azul);
    }
    .mod_repventas .tabdatos .btnvertiket img{
        height: 100%;
        background: 0;
    }
    .btnconfpednew .confpednew select{
        width: 100%;
        margin-bottom: 5px;
        height: 40px;
        font-size: 20px;
        border-radius: 5px;
    }
    .comandera .comanderaonline #en_lista .tablecoman .btnconfpeduni{
        width: 35px;
        height: 35px;
        padding: 3px;
        border-radius: 5px;
        border: 0;
        background: var(--naranja);
    }
    .comandera .comanderaonline #en_lista .tablecoman .btnconfpeduni img{
        background: 0;
        height: 100%;
    }
    .comandera .comanderaonline #en_preparacion .tablecoman .btnconfpeduni{
        width: 35px;
        height: 35px;
        padding: 3px;
        border-radius: 5px;
        border: 0;
        background: var(--verde);
    }
    .comandera .comanderaonline #en_preparacion .tablecoman .btnconfpeduni img{
        background: 0;
        height: 100%;
    }
        .mod_repventas .tabdatos table #stock_movi_ingre #stock_old{
        color: var(--rojo);
        font-weight: 600;
        background: 0;
        font-size: 14px;
    }
    .mod_repventas .tabdatos table #stock_movi_ingre #stock_afe{
        color: var(--amarillo);
        font-weight: 600;
        background: 0;
        font-size: 14px;
    }
    .mod_repventas .tabdatos table #stock_movi_ingre #stock_new{
        color: var(--verde);
        font-weight: 600;
        background: 0;

    }
    .mod_repventas .tabdatos table #stock_movi_ingre img{
        width: 20px;
        height: auto;
        background: 0;
    }
    .mod_repventas .tabdatos table #obser_movi_ingre{
        font-size: 12px;
        background: 0;
        color: var(--azul);
        font-weight: 600;
        cursor: pointer;
    }
    .prod_new #bts #ingpro{
        position: absolute;
        background: white;
        padding: 5px;
        border-radius: 3px;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
        border: 1px solid silver;
        width: 30%;
        margin-left: .5%;
        display: none;
    }
    .prod_new #bts #ingpro select, .prod_new #bts #ingpro input{
        width: 100%;
        height: 35px;
        border-radius: 5px;
        border: 1px solid silver;
        font-size: 15px;
        margin-bottom: 5px;
        padding: 5px;
        box-sizing: border-box;
    }
    .prod_new #bts #ingpro #btnsubmit{
        width: 100%;
        background: var(--verde);
        height: 35px;
        border: 0;
        margin-left: 0;
        padding: 5px;
    }
    .prod_new #bts #ingpro #btnsubmit img{
        background: 0;
        height: 100%;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew1{
        width: 99%;
        float: left;
        border-radius: 5px;
        border: 1px solid black;
        padding: 5px;
        box-sizing: border-box;
        margin-left: .5%;
        margin-right: .5%;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew1 h2{
        width: 100%;
        background: 0;
        color: black;
        font-size: 18px;
        text-align: center;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew1 .btncajasubmit{
        width: 9%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        border: 0;
        background: var(--vino);
        color: white;
        height: 80px;
        position: relative;
        margin-bottom: 10px;
       -webkit-box-shadow: 0px 0px 16px -10px rgba(0,0,0,1);
        -moz-box-shadow: 0px 0px 16px -10px rgba(0,0,0,1);
        box-shadow: 0px 0px 16px -10px rgba(0,0,0,1);
        box-sizing: border-box;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew1 .btncajasubmit:hover{
        background: var(--dorado);
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew1 .btncajasubmit:active{
        background: var(--dorado);
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew1 .btncajasubmit .precio_caja{
        background: 0;
        font-weight: 600;
        font-size: 1.4vw;
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
        border-top: 1px solid white;
        height: 25px;
        left: 0;
        box-sizing: border-box;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew1 .btncajasubmit .nombre_caja{
        background: 0;
        font-weight: 600;
        font-size: 1vw;
        position: absolute;
        top: 0;
        width: 100%;
        text-align: center;
        height: 55px;
        left: 0;
        padding: 3px;
        box-sizing: border-box;
    }
    .cajaverpednew .datpednew .nota_ped, .cajaverpednew .datpednew .can_ped{
        width: 50%;
        padding: 3px;
        box-sizing: border-box;
        text-align: center;
    }
    .info-adicional .dats_resolucion{
        width: 100%;
        text-align: left;
    }
        .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;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew1 .btncajabutton{
        display: inline-block;
        width: 9%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        border: 0;
        background: var(--vino);
        color: white;
        height: 80px;
        position: relative;
        margin-bottom: 10px;
       -webkit-box-shadow: 0px 0px 16px -10px rgba(0,0,0,1);
        -moz-box-shadow: 0px 0px 16px -10px rgba(0,0,0,1);
        box-shadow: 0px 0px 16px -10px rgba(0,0,0,1);
        box-sizing: border-box;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew1 .btncajabutton .precio_caja{
        background: 0;
        font-weight: 600;
        font-size: 1.4vw;
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
        border-top: 1px solid white;
        height: 25px;
        left: 0;
        box-sizing: border-box;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew1 .btncajabutton .nombre_caja{
        background: 0;
        font-weight: 600;
        font-size: 1vw;
        position: absolute;
        top: 0;
        width: 100%;
        text-align: center;
        height: 55px;
        left: 0;
        padding: 3px;
        box-sizing: border-box;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew1 .notas_req_new{
        width: 50%;
        position: fixed;
        left: 1%;
        padding: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0px 0px 16px -10px rgba(0,0,0,1);
        -moz-box-shadow: 0px 0px 16px -10px rgba(0,0,0,1);
        box-shadow: 0px 0px 16px -10px rgba(0,0,0,1);
        z-index: 9;
        top: 200px;
        box-sizing: border-box;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew1 .notas_req_new label{
        width: 48%;
        float: left;
        display: inline-block;
        text-align: center;
        background: var(--amarillo);
        margin-bottom: 5px;
        height: 40px;
        border-radius: 5px;
        font-size: 20px;
        margin-left: 1%;
        margin-right: 1%;
        color: black;
        cursor: pointer;
        transition: .2s;
        padding-top: 5px;
        box-sizing: border-box;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew1 .notas_req_new label:hover{
        transform: scale(.9,.9);
        cursor: pointer;
        transition: .2s;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew1 .notas_req_new .cerr_notas_req{
        width: 15%;
        background: var(--rojo);
        height: 35px;
        border: 0;
        color: white;
        font-size: 20px;
        float: left;
        margin-bottom: 5px;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew1 .notas_req_new h2{
        width: 85%;
        float: left;
        height: 35px;
        margin-bottom: 5px;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew1 .notas_req_new .btncajasubmit{
        width: 100%;
        height: 40px;
        background: var(--verde);
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew1 .notas_req_new .btncajasubmit img{
        height: 100%;
        background: 0;
    }
    .btnconfpednew .mod_pago_new{
        width: 50%;
        position: fixed;
        right: 0;
        top: 0px;
        background: white;
        height: 100%;
        z-index: 9999;
        padding: 5px;
        box-sizing: border-box;
    }
    .btnconfpednew .mod_pago_new .espacio{
        width: 100%;
        height: 60px;
    }
    .btnconfpednew .mod_pago_new h3{
        width: 85%;
        text-align: center;
        font-size: 25px;
        float: left;
        height: 35px;
        margin-bottom: 5px;
    }
    .btnconfpednew .mod_pago_new .cerr_mod_pago{
        width: 15%;
        float: left;
        height: 35px;
        background: var(--rojo);
        color: white;
        font-size: 25px;
        text-align: center;
        border-radius: 5px;
    }
    .btnconfpednew .mod_pago_new .forma_pago_new h1{
        width: 100%;
        float: left;
        font-size: 30px;
        background: var(--vino);
        color: white;
        border-radius: 5px;
        padding: 10px;
        box-sizing: border-box;
    }
    .btnconfpednew .mod_pago_new .forma_pago_new{
        width: 100%;
    }
    .btnconfpednew .mod_pago_new .forma_pago_new .label_formas_pago_new1, .btnconfpednew .mod_pago_new .forma_pago_new .label_formas_pago_new2{
        width: 19%;
        display: inline-block;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        border-radius: 5px;
        background: silver;
        padding: 5px;
        box-sizing: border-box;
        text-align: center;
        height: 80px;
        margin-bottom: 5px;
    }
    .btnconfpednew .mod_pago_new .forma_pago_new .label_formas_pago_new1 p, .btnconfpednew .mod_pago_new .forma_pago_new .label_formas_pago_new2 p{
        background: 0;
        width: 100%;
        text-align: center;
        font-weight: 600;
        height: 30%;
    }
    .btnconfpednew .mod_pago_new .forma_pago_new .label_formas_pago_new1 img, .btnconfpednew .mod_pago_new .forma_pago_new .label_formas_pago_new2 img{
        height: 70%;
        background: 0;
        width: auto;
    }
    .btnconfpednew .mod_pago_new .forma_pago_new input[type="radio"]:checked + label{
        transform: scale(.9,.9);
        transition: .2s;
        background: var(--dorado);
    }
    .btnconfpednew .mod_pago_new .forma_pago_new #paga_fp1, .btnconfpednew .mod_pago_new .forma_pago_new #vueltas{
        width: 100%;
        height: 40px;
        font-size: 20px;
        padding-left: 20px;
        box-sizing: border-box;
        border-radius: 5px;
        margin-bottom: 10px;
    }
    .btnconfpednew .mod_pago_new .forma_pago_new #btn_pago_new{
        width: 100%;
        height: 90px;
        border-radius: 5px;
        background: var(--verde);
        border: 0;
        padding: 5px;
        box-sizing: border-box;
    }
    .btnconfpednew .mod_pago_new .forma_pago_new #btn_pago_new img{
        height: 100%;
        background: 0;
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew1 .notas_req_new .label_proteina{
        background: var(--rojo);
    }
    .cartanew .categoriasnew .cajacatnew .cajagruponew1 .notas_req_new input[type="radio"]:checked + label{
        background: var(--naranja);
        transform: scale(.9,.9);
        transition: .2s;
    }
    .prodnew .tabprod .btn_imp_com{
        background: 0;
        padding: 3px;
        background: var(--gris);
        width: 50px;
    }
    .mod_repventas .tabdatos .btn_sald_cre{
        width: 40px;
        height: 40px;
        border: 0;
        background: var(--verde);
        padding: 5px;
    }
    .mod_repventas .tabdatos .btn_sald_cre img{
        height: 100%;
        background: 0;
    }
    .prod_new .tabprod .btn_ver_mas{
        background: var(--amarillo);
        height: 30px;
    }
    .prod_new .tabprod .btn_ver_mas img{
        height: 100%;
        background: 0;
    }
    .prod_new .tabprod .cajamodcatgru{
        position: absolute;
        right: 40px;
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid grey;
        border-radius: 5px;
        width: 30%;
        margin-top: -35px;
        margin-bottom: 40px;
    }
    .prod_new .tabprod .cajamodcatgru h2{
        font-size: 20px;
        width: 85%;
        float: left;
        text-align: left;
        margin-bottom: 5px;
        height: 30px;
    }
    .prod_new .tabprod .cajamodcatgru .btn_uncheck_catgru{
        width: 15%;
        float: left;
        background: var(--rojo);
        color: white;
        font-size: 20px;
        margin-bottom: 5px;
        height: 30px;
    }
    .prod_new .tabprod .cajamodcatgru .btn_eli_prod{
        width: 100%;
        float: left;
        height: 30px;
        font-size: 15px;
        background: var(--rojo);
        color: white;
    }
    .prod_new .tabprod .cajamodcatgru .btn_eli_prod img{
        height: 80%;
        background: 0;
        width: auto;
        margin-bottom: -3px;
        margin-right: 20px;
    }
    .prod_new .tabprod .cajamodcatgru form{
        width: 100%;
        margin-bottom: 25px;
    }
    .prod_new .tabprod .cajamodcatgru form label{
        width: 100%;
        margin-bottom: 5px;
        display: inline-block;
        text-align: left;
    }
    .prod_new .tabprod .cajamodcatgru form select{
        height: 40px;
        text-align: center;
        text-align-last: center;
        margin-bottom: 5px;
        border-radius: 5px;
        border: 1px solid silver;
        width: 100%;
        font-size: 15px;
    }
    .prod_new .tabprod .cajamodcatgru form .btn_mod_catgru{
        width: 100%;
        height: 40px;
        background: var(--verde);
        color: white;
    }
    .prod_new .tabprod .cajamodcatgru form .btn_mod_catgru img{
        height: 100%;
    }
    .cajaverpednew table .preg_servicio_precuenta{
        width: 90%;
        text-align: center;
        height: auto;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 10px;
        margin-top: 5px;
        float: left;
        margin-left: 5%;
        background: var(--naranja);
        border-radius: 5px;
    }
    .cajaverpednew table .preg_servicio_precuenta h3{
        background: 0;
        font-size: 20px;
        color: white;
    }
    .cajaverpednew table .preg_servicio_precuenta button{
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        height: 35px;
        background: black;
        border: 0;
        color: white;
        font-size: 20px;
    }
    .redimientos_meseros{
        width: 98%;
        margin: auto;
        height: 48px;
        background: 0;
        overflow: hidden;
        
    }
    .redimientos_meseros p{
        width: 9.5%;
        margin-left: .25%;
        margin-right: .25%;
        border-radius: 5px;
        background: var(--amarillo);
        text-align: center;
        font-weight: 600;
        height: 22px;
        box-sizing: border-box;
        padding: 2px;
        float: left;
        margin-bottom: 1px;
        margin-top: 1px;
    }
    .mod_repventas .tabdatos .cajaverfac{
        position: absolute;
        right: 5%;
        margin-top: 5px;
        background: white;
        border-radius: 5px;
        border: 2px solid var(--vino);
        padding: 5px;
        box-sizing: border-box;
        max-height: 500px;
        overflow-y: auto;
        width: 50%;
        box-shadow: 0px 0px 5px var(--gris);
        margin-bottom: 20px;
    }
    .mod_repventas .tabdatos .cajaverfac h2{
        background: var(--vino);
        color: white;
        width: 85%;
        float: left;
        height: 35px;
    }
    .mod_repventas .tabdatos .cajaverfac .cerrarcajacerrfac{
        width: 15%;
        float: left;
        background: var(--rojo);
        color: white;
        height: 35px;
        border: 0;
        border-radius: 0;
        font-size: 20px;
        font-weight: 600;
    }
    .mod_repventas .tabdatos table td .btnverfac{
        width: 30px;
        height: 30px;
        padding: 3px;
        box-sizing: border-box;
        background: var(--amarillo);
        border: 0;
    }
    .mod_repventas .tabdatos table td .btnverfac img{
        height: 100%;
        background: 0;
    }    
    .buscador_ped{
        width: 100%;
        position: absolute;
        top: 60px;
        height: 50px;
        left: 0;
    }
    .buscador_ped #buscador_pro{
        width: 50%;
        float: left;
        margin-left: 25%;
        margin-top: 5px;
        height: 40px;
        border-radius: 50px;
        text-align: center;
        font-size: 1.5vw;
        border: 1px solid grey;
    }
    
    .buscador_ped #resultado_pro .caja_btn_busqueda{
        width: 70%;
        position: fixed;
        top: 110;
        height: auto;
        overflow: auto;
        z-index: 999;
        background: rgba(0,0,0,.6);
        padding: 5px;
        box-sizing: border-box;
        overflow: hidden;
        margin-left: 15%;
        border-radius: 10px;
    }
    .buscador_ped #resultado_pro div button{
        display: inline-block;
        color: white;
        background: var(--rojo);
        font-size: 1vw;
        width: 100%;
        text-align: center;
        border-radius: 50px;
        text-decoration: none;
        padding: 5px;
        box-sizing: border-box;
        height: 100%;
        -webkit-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);
box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);
        margin-bottom: 5px;
        border: 0;
    }
    .buscador_ped #resultado_pro div form{
        background:0;
        width: 48%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: 40px;
        margin-bottom: 5px;
        background: 0;
    }
    .buscador_ped #resultado_pro div #btn_limpiar_busqueda{
        background: 0;
        width: 20%;
        margin-right: 80%;
        text-decoration: underline;
        text-align: left;
        -webkit-box-shadow: 0px 0px 0px 0px;
        
    }
    .buscador_ped #resultado_pro .caja_btn_pro{
        width: 100%;
        height: auto;
    }
    .datosfac .btn_afec_inv{
        width: 45%;
        float: left;
        height: 40px;
        margin-left: 2.5%;
        margin-right: 2.5%;
        font-size: 1.2vw;
        border: 0;
        background: silver;
    }
    .datosfac #btn_eli_fac_temp{
        width: 95%;
        height: 40px;
        background: var(--rojo);
        color: white;
        font-size: 1.3vw;
        border: 0;
    }
    .cajaverpednew .btncredito{
        width: 100%;
        height: 40px;
        background: var(--naranja);
        border: 0;
        font-size: 20px;
        color: white;
        padding: 5px;
    }
    .cajaverpednew .btncredito img{
        background: 0;
        height: 100%;
        margin-left: 20px;
        margin-bottom: -5px;
    }
    .caja_credito{
        width: 100%;
    }
    .caja_credito input{
        width: 79%;
        height: 40px;
        float: left;
        text-align: center;
        font-size: 1vw;
        border: 1px solid silver;
    }
    .caja_credito button{
        width: 20%;
        float: left;
        height: 40px;
        margin-left: 1%;
        background: var(--verde);
        color: white;
        border: 0;
        font-size: 1vw;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .abonar{
        width: 35px;
        height: 100%;
        border: 0;
        padding: 5px;
        box-sizing: border-box;
        display: inline-block;
        border-radius: 5px;
        transition: .2s;
        cursor: pointer;
        text-align: center;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .abonar:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .abonar img{
        height: 100%;
        background: 0;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .abonar{
        background: var(--amarillo);
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesabo{
        text-align: center;
        width: 100%;
        border-top: 2px solid black;
        border-bottom: 2px solid black;
        padding: 5px;
        box-sizing: border-box;
        margin-top: 5px;
        margin-bottom: 5px;
        overflow: hidden;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesabo input[type="number"]{
        width: 38%;
        margin-left: 1%;
        margin-right: 1%;
        float: left;
        height: 40px;
        font-size: 1.4vw;
        border: 1px solid silver;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesabo .id_fp{
        width: 28%;
        margin-left: 1%;
        margin-right: 1%;
        float: left;
        height: 40px;
        font-size: 1.4vw;
        text-align: center;
        text-align-last: center;
        border: 1px solid silver;
        border-radius: 3px;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesabo button{
        width: 28%;
        margin-left: 1%;
        margin-right: 1%;
        float: left;
        height: 40px;
        font-size: 1.4vw;
        text-align: center;
        text-align-last: center;
        background: var(--verde);
        border: 0;
    }
    .opcionesabo button img{
        height: 100%;
        background: 0;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesabo h3{
        color: black;
    }
        .prod_new #caja_notas{
       
    }
        .prod_new #bts #caja_notas{
        position: absolute;
        background: white;
        padding: 5px;
        border-radius: 3px;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
        border: 1px solid silver;
        width: 30%;
        margin-left: .5%;
        display: none;
    }
    .prod_new #bts #caja_notas select, .prod_new #bts #caja_notas input{
        width: 100%;
        height: 35px;
        border-radius: 5px;
        border: 1px solid silver;
        font-size: 15px;
        margin-bottom: 5px;
        padding: 5px;
        box-sizing: border-box;
    }
    .prod_new #bts #caja_notas #btnsubmit{
        width: 100%;
        background: var(--verde);
        height: 35px;
        border: 0;
        margin-left: 0;
        padding: 5px;
        margin-bottom: 5px;
    }
    .prod_new #bts #caja_notas #btnsubmit img{
        background: 0;
        height: 100%;
    }
    .prod_new #bts #caja_notas .lista_notas table{
        width: 100%;
        border-collapse: collapse;
        text-align: center;
    }
    .prod_new #bts #caja_notas .lista_notas table td{
        padding: 3px;
        border-bottom: 1px solid black;
    }
    .prod_new #bts #caja_notas .lista_notas table td button{
        border: 0;
        width: 35px;
        height: 35px;
        padding: 5px;
        box-sizing: border-box;
    }
    .prod_new #bts #caja_notas .lista_notas table td button img{
        background: 0;
        height: 100%;
    }
    .mod_repventas .filtro_repventas{
        width: 100%;
        text-align: center;
        overflow: hidden;
    }
    .mod_repventas .filtro_repventas label{
        width: 14%;
        display: inline-block;
        float: left;
        font-weight: 600;
        font-size: 15px;
        text-align: left;
        margin-left: .5%;
        margin-right: .5%;
        color: var(--vino);
        height: 65px;
    }
    .mod_repventas .filtro_repventas input, .mod_repventas .filtro_repventas .caja_select2{
        height: 40px;
        width: 100%;
        float: left;
        text-align: center;
        font-size: 18px;
        font-weight: 100;
    }
    .mod_repventas .filtro_repventas button{
        width: 40px;
        height: 40px;
        float: left;
        margin-top: 20px;
        background: var(--azul);
        padding: 5px;
        box-sizing: border-box;
        border: 0;
    }
    .mod_repventas .filtro_repventas button img{
        background: 0;
        height: 100%;
    }
    .mod_repventas .tabdatos{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        text-align: center;
    }
    .mod_repventas .tabdatos table{
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        margin-bottom: 30px;
    }
    .mod_repventas .tabdatos table th, .mod_repventas .tabdatos table td{
        padding: 3px;
        border: 1px solid var(--vino);
    }
    .mod_repventas .tabdatos table th{
        color: var(--vino);
    }
    .mod_repventas .tabdatos table td .btnverped, .mod_repventas .tabdatos table td .btnvertiket{
        width: 30px;
        height: 30px;
        padding: 3px;
        box-sizing: border-box;
        background: var(--amarillo);
        border: 0;
    }
    .mod_repventas .tabdatos table td .btnverped img, .mod_repventas .tabdatos table td .btnvertiket img{
        height: 100%;
        background: 0;
    }
    .mod_repventas .tabdatos table tr, .mod_repventas .tabdatos table td{
        background: 0;
    }
    .mod_repventas .tabdatos table tr:hover{
        background: var(--dorado);
        color: white;
    }
    .mod_repventas .tabdatos table #total{
        background: #D6D6D6;
    }
    .mod_repventas .tabdatos .rep_expor{
        width: 100%;
        height: 35px;
        margin-bottom: 5px;
    }
    .mod_repventas .tabdatos .rep_expor button{
        height: 100%;
        float: left;
        width: 35px;
        border: 0;
        padding: 3px;
        margin-right: 5px;
    }
    .mod_repventas .tabdatos .rep_expor button img{
        background: 0;
        height: 100%;
    }
    .mod_repventas .tabdatos .rep_expor .pdf{
        background: var(--rojo);
    }
    .mod_repventas .tabdatos .rep_expor .excel{
        background: var(--verde);
    }
    .mod_repventas .tabdatos .cajaverped{
        position: absolute;
        right: 5%;
        margin-top: 5px;
        background: white;
        border-radius: 5px;
        border: 2px solid var(--vino);
        padding: 5px;
        box-sizing: border-box;
        max-height: 500px;
        overflow-y: auto;
        width: 50%;
        box-shadow: 0px 0px 5px var(--gris);
        margin-bottom: 20px;
    }
    .mod_repventas .tabdatos .cajaverped h2{
        background: var(--vino);
        color: white;
        width: 85%;
        float: left;
        height: 35px;
    }
    .mod_repventas .tabdatos .cajaverped .cerrarcajacerrped{
        width: 15%;
        float: left;
        background: var(--rojo);
        color: white;
        height: 35px;
        border: 0;
        border-radius: 0;
        font-size: 20px;
        font-weight: 600;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped{
        width: 100%;
        height: 35px;
        text-align: left;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .ticket, .mod_repventas .tabdatos .cajaverped .btsverped .anular{
        width: 35px;
        height: 100%;
        border: 0;
        padding: 5px;
        box-sizing: border-box;
        display: inline-block;
        border-radius: 5px;
        transition: .2s;
        cursor: pointer;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .anular:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .ticket img, .mod_repventas .tabdatos .cajaverped .btsverped .anular img{
        height: 100%;
        background: 0;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .ticket{
        background: var(--verde);
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .anular{
        background: var(--rojo);
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesanu{
        position: absolute;
        margin-top: 0px;
        background: var(--rojo);
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        width: 90%;
        margin-left: 5%;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesanu form{
        background: 0;
        width: 100%;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesanu form label{
        width: 45%;
        margin: 0;
        margin-left: 1%;
        margin-right: 1%;
        float: left;
        display: inline-block;
        text-align: center;
        padding: 5px;
        border-radius: 5px;
        border: 2px solid var(--azul);
        margin-bottom: 5px;
        color: black;
        cursor: pointer;
    }
    
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesanu form label:hover{
        color: black;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesanu form input{
        width: 98%;
        margin-left: 1%;
        height: 35px;
        padding: 3px;
        margin-bottom: 5px;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesanu form .btnconanuventa{
        width: 98%;
        height: 40px;
        background: var(--verde);
        padding: 5px;
        box-sizing: border-box;
        border: 0;
        margin-left: 1%;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesanu form .btnconanuventa img{
        height: 100%;
        background: 0;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesanu h3{
        background: 0;
        text-align: center;
        color: white;
    }
    .mod_repventas .filtro_repventas #separar{
        float: left;
        height: auto;
        border-radius: 3px;
        text-align: center;
        box-sizing: border-box;
        padding-top: 0px;
        cursor: pointer;
        padding: 3px;
    }
    .mod_repventas .filtro_repventas #inputsepfec:checked + label{
        background: var(--azul);
        color: white;
    }
    .mod_repventas .cajareputil, .mod_repventas .cajarepactainv{
        width: 95%;
        margin: auto;
    }
    .mod_repventas .cajareputil h3, .mod_repventas .cajarepactainv h3{
        width: 90%;
        float: left;
        text-align: left;
        
    }
    .mod_repventas .cajareputil #cerrcaja, .mod_repventas .cajarepactainv #cerrcaja{
        width: 10%;
        float: left;
        margin-left: 0;
        margin-right: 0;
    }
    .mod_repventas .cajareputil form label, .mod_repventas .cajarepactainv form label{
        width: 49%;
        display: inline-block;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        font-weight: 600;
    }
    .mod_repventas .cajareputil form label input, .mod_repventas .cajarepactainv form label input{
        width: 100%;
        height: 35px;
        text-align: center;
        font-size: 20px;
        margin-bottom: 5px;
    }
    .mod_repventas .cajareputil form .label{
        background: silver;
        height: 35px;
        font-size: 20px;
        margin-bottom: 5px;
        border-radius: 5px;
        box-sizing: border-box;
        padding-top: 5px;
        cursor: pointer;
    }
    .mod_repventas .cajareputil form input[type="radio"]:checked + label{
        background: var(--amarillo);
        color: white;
    }
    .mod_repventas .cajareputil form #inpututilpdf:checked + label{
        background: var(--rojo);
    }
    .mod_repventas .cajareputil form #inpututilexcel:checked + label{
        background: var(--verde);
    }
    .mod_repventas .cajareputil form #btngenreputil, .mod_repventas .cajarepactainv form #btngenrepactainv{
        width: 100%;
        padding: 5px;
        margin-bottom: 10px;
        font-size: 20px;
        background: var(--verde);
        color: white;
        border: 0;
    }
        .mod_repventas .tabdatos .cajaverped .btsverped .opcionesmod{
        position: absolute;
        margin-top: 0px;
        background: var(--amarillo);
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        width: 90%;
        margin-left: 5%;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesmod form{
        background: 0;
        width: 100%;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesmod form label{
        width: 45%;
        margin: 0;
        margin-left: 1%;
        margin-right: 1%;
        float: left;
        display: inline-block;
        text-align: center;
        padding: 5px;
        border-radius: 5px;
        border: 2px solid var(--azul);
        margin-bottom: 5px;
        color: black;
        cursor: pointer;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesmod form .totped{
        width: 95%;
        border: 0;
        font-weight: 600;
        font-size: 20px;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesmod form .totped input{
        text-align: center;
        font-size: 20px;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesmod form label:hover{
        color: black;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesmod form input{
        width: 98%;
        margin-left: 1%;
        height: 35px;
        padding: 3px;
        margin-bottom: 5px;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesmod form select{
        width: 98%;
        margin-left: 1%;
        height: 35px;
        padding: 3px;
        margin-bottom: 5px;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesmod form .btnconmodventa{
        width: 98%;
        height: 40px;
        background: var(--verde);
        padding: 5px;
        box-sizing: border-box;
        border: 0;
        margin-left: 1%;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesmod form .btnconmodventa img{
        height: 100%;
        background: 0;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .opcionesmod h3{
        background: 0;
        text-align: center;
        color: white;
    }
        .mod_repventas .tabdatos .cajaverped .btsverped .ticket, .mod_repventas .tabdatos .cajaverped .btsverped .modificar{
        width: 35px;
        height: 100%;
        border: 0;
        padding: 5px;
        box-sizing: border-box;
        display: inline-block;
        border-radius: 5px;
        transition: .2s;
        cursor: pointer;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .modificar:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .ticket img, .mod_repventas .tabdatos .cajaverped .btsverped .modificar img{
        height: 100%;
        background: 0;
    }
    .mod_repventas .tabdatos .cajaverped .btsverped .modificar{
        background: var(--amarillo);
    }
    .filtromp, .filtro_repventas, .filtrans{
        width: 100%;
        border-bottom: 1px solid silver;
        float: left;
        margin-bottom: 10px;
        height: 45px;
        overflow: hidden;
    }
    .filtromp .caja_select2, .filtro_repventas .caja_select2, .filtrans .caja_select2{
        width: 19%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        margin-bottom: 5px;
        margin-top: 2.5px;
        height: 40px;
    }
    .filtromp button, .filtro_repventas button, .filtrans button{
        height: 35px;
        float: left;
        width: 10%;
        background: var(--verde);
        color: white;
        border: 0;
        margin-top: 2.5px;
        font-size: 1vw;
        padding: 5px;
        box-sizing: border-box;
    }
    .filtromp button img, .filtro_repventas button img, .filtrans button img{
        height: 100%;
        background: 0;
    }
    .mod_repventas .tabdatos .cajaverfac .btsverped .opcionesanu{
        position: absolute;
        margin-top: 0px;
        background: var(--rojo);
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        width: 90%;
        margin-left: 5%;
    }
    .mod_repventas .tabdatos .cajaverfac .btsverped .opcionesanu form{
        background: 0;
        width: 100%;
    }
    .mod_repventas .tabdatos .cajaverfac .btsverped .opcionesanu form label{
        width: 45%;
        margin: 0;
        margin-left: 1%;
        margin-right: 1%;
        float: left;
        display: inline-block;
        text-align: center;
        padding: 5px;
        border-radius: 5px;
        border: 2px solid var(--azul);
        margin-bottom: 5px;
        color: black;
        cursor: pointer;
    }
    .mod_repventas .tabdatos .cajaverfac .btsverped .opcionesanu form label:hover{
        color: black;
    }
    .mod_repventas .tabdatos .cajaverfac .btsverped .opcionesanu form input{
        width: 98%;
        margin-left: 1%;
        height: 35px;
        padding: 3px;
        margin-bottom: 5px;
    }
    .mod_repventas .tabdatos .cajaverfac .btsverped .opcionesanu form .btnconanuventa{
        width: 98%;
        height: 40px;
        background: var(--verde);
        padding: 5px;
        box-sizing: border-box;
        border: 0;
        margin-left: 1%;
    }
    .mod_repventas .tabdatos .cajaverfac .btsverped .opcionesanu form .btnconanuventa img{
        height: 100%;
        background: 0;
    }
    .mod_repventas .tabdatos .cajaverfac .btsverped .opcionesanu h3{
        background: 0;
        text-align: center;
        color: white;
    }
    .mod_repventas .tabdatos .cajaverfac .btsverped{
        width: 100%;
        height: 35px;
        text-align: left;
    }
    .mod_repventas .tabdatos .cajaverfac .btsverped .ticket, .mod_repventas .tabdatos .cajaverfac .btsverped .anular{
        width: 35px;
        height: 100%;
        border: 0;
        padding: 5px;
        box-sizing: border-box;
        display: inline-block;
        border-radius: 5px;
        transition: .2s;
        cursor: pointer;
    }
    .mod_repventas .tabdatos .cajaverfac .btsverped .anular:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .mod_repventas .tabdatos .cajaverfac .btsverped .ticket img, .mod_repventas .tabdatos .cajaverfac .btsverped .anular img{
        height: 100%;
        background: 0;
    }
    .mod_repventas .tabdatos .cajaverfac .btsverped .ticket{
        background: var(--verde);
    }
    .mod_repventas .tabdatos .cajaverfac .btsverped .anular{
        background: var(--rojo);
    }
    #panel_pagos .pago_anticipado{
        display: inline-block;
        width: 100%;
        background: 0;
        color: var(--azul);
        font-size: 1vw;
        margin-bottom: 5px;
        margin-top: 5px;
        border-radius: 5px;
        padding: 3px;
        box-sizing: border-box;
        border: 2px solid var(--azul);
        cursor: pointer;
    }
    #panel_pagos #pago_anticipado{
        display: none;
    }
    #panel_pagos #pago_anticipado:checked + label{
        background: var(--azul);
        color: white;

    }
    .btncheckout{
        position: absolute;
        width: 98%;
        display: inline-block;
        bottom: 10px;
        height: 100px;
        left: 1%;
        background: var(--verde);
        border-radius: 5px;
        color: white;
        padding: 10px;
        box-sizing: border-box;
        text-align: center;
        font-size: 50px;
        border: 0;
    }
    .btncheckout img{
        height: 60%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 20px;
    }
    .cajaaccesos #btnacceso3{
        height: 40px;
        border: 0;
        background: 0;
        width: 40px;
        padding: 5px;
        position: fixed;
        top: 10px;
        background: white;
        left: 130px;
        z-index: 999999;
    }
    .cajaaccesos #btnacceso1 img, .cajaaccesos #btnacceso3 img{
        height: 100%;
        background: 0;
    }
    .cajaaccesos #cajaacceso3{
        position: absolute;
        top: 60px;
        z-index: 999;
        width: 40%;
        border-radius: 5px;
        background: white;
        border-radius: 5px;
        border: 1px solid silver;
        left: 130px;
        text-align: center;
        padding: 5px;
        
    }
    .cajaaccesos #cajaacceso1 form, .cajaaccesos #cajaacceso3 form{
        width: 100%;
        margin: auto;
    }
    .cajaaccesos #cajaacceso1 .caja_select2, .cajaaccesos #cajaacceso1 input, .cajaaccesos #cajaacceso3 input{
        height: 35px;
        width: 100%;
        margin-bottom: 5px;
        text-align: center;
        font-size: 20px;
        float: left;
    }
    .cajaaccesos #cajaacceso1 h2, .cajaaccesos #cajaacceso3 h2{
        width: 80%;
        text-align: left;
        height: 30px;
        float: left;
        margin-bottom: 5px;
    }
    .cajaaccesos #cajaacceso1 .cerrcaja, .cajaaccesos #cajaacceso3 .cerrcaja{
        height: 30px;
        background: var(--rojo);
        color: white;
        font-size: 20px;
        width: 15%;
        float: left;
        border: 0;
        margin-left: 5%;
        margin-bottom: 5px;
    }
    .cajaaccesos #cajaacceso1 #btningvale, .cajaaccesos #cajaacceso3 #btningsalcaja{
        width: 100%;
        height: 35px;
        background: var(--amarillo);
        border: 0;
        margin-bottom: 5px;
    }
    .cajaaccesos #cajaacceso1 #btningvale img, .cajaaccesos #cajaacceso3 #btningsalcaja img{
        height: 100%;
        background: 0;
    }
}