@font-face {
    font-family: 'Abel';
    src: url('../fuentes/Abel.ttf');
    font-style: normal;
    font-weight: 700;
}

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

    * {
        margin: 0;
        padding: 0;
        font-family: "Abel";
        --rojo: #ef4550;
        --rojoclaro: #efb1b5;
        --amarillo: #F0CB34;
        --amarilloclaro: #f2e3a3;
        --verde: #26B380;
        --verdeclaro: #b9f5e0;
        --gris: #3e3e3e;
        --fondo: #fff;
        --naranja: #f97423;
        --naranjaclaro: #fbe6d9;
        background: var(--fondo);
        --green: #26B380;
        --azul: #3099BA;
        --morado: #6c3483;
        --moradoclaro: #e8bff9;
    }

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

    a,
    button {
        transition: .2s;
        cursor: pointer;
        border-radius: 5px;
        display: inline-block;
        border: 0;

    }

    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/img512.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/img512.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: 70%;
        float: left;
        border-radius: 5px;
        border: 1px solid grey;
        padding: 5px;
        box-sizing: border-box;
        margin-left: 1%;
        height: auto;
        overflow: auto;
    }

    #panel_pagos .datos_venta {
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: auto;
        overflow: hidden;
    }

    #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: 28%;
        height: 565px;
        float: left;
        margin-left: .5%;
        border-radius: 5px;
        border: 1px solid grey;
        box-sizing: border-box;
        padding: 3px;
    }

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

    #panel_prod .firma_ortics {
        width: 100%;
        text-align: center;
        height: 19.5%;
        background: 0;
        float: left;
        padding: 5px;
        box-sizing: border-box;
    }

    #panel_prod .firma_ortics img {
        width: 70%;
        height: 100%;
        aspect-ratio: 8/2;
        object-fit: contain;
        background: 0;
    }

    #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/img512.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/img512.png') 50% 50% no-repeat rgba(255, 255, 255, 0);
        background-size: 20%;
        display: none;
    }
    #cargando p{
        position: fixed;
        top: 200;
        width: 100%;
        font-size: 30px;
        text-align: center;
        animation: go-left-right .5s infinite alternate;
        background: 0;
    }

    .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;
        height: auto;
        overflow: hidden;
    }

    .carta_prod .btncarta {
        width: 40%;
        float: left;
        margin-left: 5%;
        margin-right: 5%;
        border: 0;
        background: grey;
        color: white;
        padding: 5px;
        box-sizing: border-box;
        font-size: 1vw;
    }

    .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: 80px;

    }

    .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: 5px;
        padding-left: 10px;
        cursor: pointer;
        transition: .2s;
        font-size: 25px;
    }

    .cartanew .categoriasnew .cajacatnew .cajagruponew form .labelpronew:hover {
        background: var(--naranja);
        transition: .2s;
    }

    .cartanew .categoriasnew .cajacatnew .cajagruponew .btnvender {
        width: 50%;
        float: left;
        height: 80px;
        border-radius: 5px;
        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 tbody {
        border-bottom: 1px solid grey;
    }

    .cajaverpednew table td {
        padding: 3px;
        background: 0;
    }

    .cajaverpednew table .td1 {
        width: 50%;
    }

    .cajaverpednew table .td2 {
        width: 25%;
    }

    .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 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%;
        height: auto;
        overflow: auto;
    }

    .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 {
        width: 100%;
        background: 0;
        height: auto;
        overflow: hidden;
    }

    .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;
        font-size: 25px;
        color: white;
    }

    .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 {
        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, .mod_repventas .filtro_repventas select {
        height: 40px;
        width: 100%;
        float: left;
        text-align: center;
        font-size: 18px;
        font-weight: 100;
    }
    .mod_repventas .filtro_repventas input, .mod_repventas .filtro_repventas select{
        border: 1px solid silver;
    }

    .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;
        text-transform: uppercase;
    }

    .prod_new #bts #ingpro select,
    .prod_new #bts #ingpro input::placeholder {
        text-transform: capitalize;
    }

    .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;
    }

    .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: fixed;
        top: 60px;
        height: 50px;
        left: 0;
        z-index: 991;
        background: 0;
    }

    .buscador_ped #buscador_pro {
        width: 50%;
        float: left;
        margin-left: 25%;
        margin-top: 5px;
        height: 40px;
        border-radius: 5px;
        text-align: center;
        font-size: 1.5vw;
        border: 2px solid black;
    }

    .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(--naranja);
        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: 24%;
        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 #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;
    }

    .dashboard {
        width: 100%;
        height: 100%;
        overflow: auto;

    }

    .dashboard h1 {
        width: 100%;
        text-align: center;
        font-size: 1.5vw;
        margin: 0;
    }

    .dashboard .cajas {
        width: 49%;
        height: 40%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        border: 1px solid var(--vino);
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

    .dashboard .cajas div {
        height: 100%;
        width: 100%;
        overflow: auto;
    }

    .dashboard #div3 {
        overflow: auto;
    }

    .dashboard #div3 h2 {
        font-size: 18px;
        font-weight: 100;
        color: grey;
        width: 100%;
        overflow: hidden;
    }

    .dashboard #div3 label {
        display: inline-block;
        background: var(--verde);
        width: 100%;
        padding: 5px;
        border-radius: 5px;
        box-sizing: border-box;
        float: left;
        margin-bottom: 5px;
    }

    .dashboard #div3 label p {
        background: 0;
        color: white;
        font-size: 1.2vw;
    }

    .dashboard #div3 label #p1 {
        width: 80%;
        float: left;
    }

    .dashboard #div3 label #p2 {
        width: 20%;
        float: left;
        text-align: center;
    }

    .dashboard #div3 #tit {
        display: inline-block;
        background: 0;
        width: 100%;
        padding: 5px;
        border-radius: 5px;
        box-sizing: border-box;
        float: left;
        margin-bottom: 5px;
    }

    .dashboard #div3 #tit h3 {
        background: 0;
        color: white;
        margin: 0;
        font-size: 1.2vw;
    }

    .dashboard #div3 #tit #h3_1 {
        width: 80%;
        float: left;
        color: var(--gris);
    }

    .dashboard #div3 #tit #h3_2 {
        width: 20%;
        float: left;
        text-align: center;
        color: var(--gris);
    }

    .dashboard #div4 {
        overflow: auto;
    }

    .dashboard #div4 h2 {
        font-size: 18px;
        font-weight: 100;
        color: grey;
    }

    .dashboard #div4 label {
        display: inline-block;
        background: var(--rojo);
        width: 100%;
        padding: 5px;
        border-radius: 5px;
        box-sizing: border-box;
        float: left;
        margin-bottom: 5px;
    }

    .dashboard #div4 label p {
        background: 0;
        color: white;
        font-size: 1.2vw;
    }

    .dashboard #div4 label #p1 {
        width: 80%;
        float: left;
    }

    .dashboard #div4 label #p2 {
        width: 20%;
        float: left;
        text-align: center;
    }

    .dashboard #div4 #tit {
        display: inline-block;
        background: 0;
        width: 100%;
        padding: 5px;
        border-radius: 5px;
        box-sizing: border-box;
        float: left;
        margin-bottom: 5px;
    }

    .dashboard #div4 #tit h3 {
        background: 0;
        color: white;
        font-size: 1.2vw;
    }

    .dashboard #div4 #tit #h3_1 {
        width: 80%;
        float: left;
        color: var(--gris);
    }

    .dashboard #div4 #tit #h3_2 {
        width: 20%;
        float: left;
        text-align: center;
        color: var(--gris);
    }

    #panel_pagos .datos_tercero {
        width: 49%;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
        border-left: 1px solid grey;
        padding: 5px;
        box-sizing: border-box;
        overflow: hidden;
    }

    #panel_pagos .datos_tercero label {
        display: inline-block;
        width: 100%;
    }

    #panel_pagos .datos_tercero .cajaselect2 {
        height: auto;
        width: 100%;
    }

    #panel_pagos .datos_tercero label p {
        font-weight: 600;
        font-size: 16px;
    }

    #panel_pagos .datos_tercero label input,
    #panel_pagos .datos_tercero label select {
        width: 100%;
        height: 32px;
        padding-left: 3px;
        box-sizing: border-box;
        font-size: 15px;
        margin-left: 0;
    }

    #panel_pagos .datos_tercero label .doc_cli {
        width: 80%;
        float: left;

    }

    #panel_pagos .datos_tercero label .dv_cli {
        width: 19%;
        float: left;
        margin-left: 1%;
        display: none;
    }

    #panel_pagos .datos_tercero hr {
        margin-top: 5px;
    }

    #panel_pagos #btnefepago {
        width: 28%;
        height: 60px;
        margin-left: 0;
        font-size: 28px;
        position: absolute;
        right: .5%;
        bottom: 5px;
        text-align: left;
        padding-left: 10px;
    }

    #panel_pagos #btnefepago img {
        height: 70%;
        margin-bottom: -5px;
        margin-right: 10px;
    }

    #panel_pagos .datos_tercero {
        margin-bottom: 10px;
    }

    #panel_pagos .datos_tercero h4 {
        color: var(--rojo);
        margin: 0;
    }

    #panel_pagos .datos_tercero label b {
        display: inline-block;
        color: var(--rojo);
        font-size: 25px;
        position: absolute;
        margin-top: -5px;
        background: 0;
        margin-left: 5px;
    }

    #panel_pagos .select_tipo_venta {
        background: black;
        color: white;
        border: 0;
    }

    #panel_pagos .select_tipo_venta optgroup {
        color: black;
    }

    @keyframes go-left-right {

        /* dale un nombre: "go-left-right" */
        from {
            transform: scale(1.1, 1.1);
            transition: .1s;
        }

        /* animar desde la izquierda: 0px */
        to {
            transition: .1s;
        }

        /* animar a la izquierda: 100%-50px */
    }

    .datos_info_usu {
        height: auto;
        overflow: hidden;
        float: left;
        background: 0;
        width: 98%;
        margin-left: 1%;
        margin-bottom: 5px;
    }

    .datos_info_usu form {
        background: 0;
    }

    .datos_info_usu #btn_pago_licencia {
        top: 10;
        width: 100%;
        height: 40px;
        background: var(--rojo);
        border: 0;
        border-radius: 5px;
        color: white;
        font-size: 25px;
        left: 140px;
        padding: 5px;
        margin-left: 0;
        text-align: left;
        padding-left: 10px;
    }

    .datos_info_usu #btn_pago_licencia img {
        height: 100%;
        background: 0;
        float: right;
        margin-right: 10px;
    }

    .aviso_pago_vencido {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: var(--rojo);
    }

    .aviso_pago_vencido h1 {
        background: 0;
        color: white;
        text-align: center;
        margin-top: 150px;
        animation: go-left-right .9s infinite alternate;
    }

    .aviso_pago_vencido h1 img {
        height: 30%;
        background: 0;
    }

    .aviso_pago_vencido #btn_pago_licencia {
        background: var(--verde);
        height: auto;
        float: left;
        margin-top: 100px;
        width: 50%;
        margin-left: 25%;
        font-size: 2.5vw;
        -webkit-box-shadow: 0px 0px 23px -12px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 23px -12px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 23px -12px rgba(0, 0, 0, 0.75);
    }

    .aviso_pago_vencido #btn_pago_licencia img {
        height: 50px;
        margin-left: 20px;
    }

    .respuesta {
        width: 100%;
        height: 100%;
        position: absolute;
        background: white;
        top: 0;
        display: none;
        align-content: center;
        align-items: center;
    }

    .respuesta div {
        width: 25%;
        height: 50%;
        margin-left: 37.5%;
        background: 0;
    }

    .respuesta div img {
        width: 100%;
        height: auto;
    }

    .respuesta div span {
        font-size: 30px;
        text-align: center;
        width: 100%;
        display: inline-block;
        font-weight: 600;
    }

    #panel_pagos #btnefepago_despues {
        width: 28%;
        height: 60px;
        margin-left: 0;
        font-size: 28px;
        position: absolute;
        left: .5%;
        bottom: 5px;
        text-align: left;
        padding-left: 10px;
        background: var(--naranja);
    }

    #panel_pagos #btnefepago_despues img {
        height: 70%;
        margin-bottom: -5px;
        margin-right: 10px;
    }

    #panel_pagos #btn_cancelar {
        position: fixed;
        bottom: 100px;
        z-index: 99999;
        width: 40%;
        background: var(--rojo);
        margin-left: 0;
        left: 30%;
        height: 60px;
        display: none;
    }

    .mod_repventas table .cod_ped {
        display: inline-block;
        padding: 5px;
        border-radius: 5px;
        color: white;
    }

    .mod_repventas table .img_noenvio {
        height: 20px;
        width: auto;
        margin-bottom: -5px;
        margin-left: 5px;
        background: 0;
    }

    .mod_repventas table .btn_reenviar {
        width: 90%;
        margin-top: 3px;
        background: var(--verde);
        color: white;
        border: 0;
        font-size: 15px;
        height: 25px;
        display: inline-block;
        border-radius: 5px;
        padding-top: 3px;
        box-sizing: border-box;
        cursor: pointer;
        transition: .2s;
    }

    .mod_repventas table .btn_reenviar:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    .mod_repventas table form {
        background: 0;
    }

    .cajamenunew .btnmenunew .btn_dashboard {
        width: 98%;
        margin-left: 1%;
        height: 40px;
        background: var(--naranja);
        color: white;
        font-size: 25px;
        text-align: left;
        padding-left: 10px;
    }

    .cajamenunew .btnmenunew .btn_dashboard img {
        height: 100%;
        font-size: 20px;
        float: right;
        margin-right: 10px;
    }

    .cartanew .categoriasnew .cajacatnew .cajagruponew .caja_flotante {
        position: fixed;
        right: .5%;
        background: white;
        width: 49%;
        border: 1px solid grey;
        bottom: 10px;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
    }

    .cartanew .categoriasnew .cajacatnew .cajagruponew .caja_flotante .notass label {
        background: var(--amarillo);
        font-size: 1.2vw;
        width: auto;
        padding: 5px;
        box-sizing: border-box;
        height: 40px;

    }

    .cajaverpednew .datpednew .mod_ped_can {
        width: 100%;
    }

    .cajaverpednew .datpednew .mod_ped_can input {
        height: 30px;
        width: 70%;
        float: left;
        font-size: 15px;
        border-radius: 5px;
        text-align: center;
    }

    .cajaverpednew .datpednew .mod_ped_can button[type="submit"] {
        width: 30%;
        float: left;
        height: 30px;
        padding: 5px;
        border: 0;
        background: var(--verde);
    }

    .cajaverpednew .datpednew .mod_ped_can button[type="submit"] img {
        height: 100%;
        background: 0;
    }

    .prodnew .tit_verpro {
        width: 100%;
        display: inline-block;
        margin-bottom: 5px;
        border-bottom: 2px solid black;
    }

    .prodnew .tit_verpro p {
        width: 25%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        font-size: .9vw;
        float: left;
    }

    .descripcion_pro {
        width: 100%;
        padding: 5PX;
        box-sizing: border-box;
        float: left;
        border-bottom: 2px solid black;
        overflow: hidden;
        height: auto;
    }

    .descripcion_pro form {
        background: white;
        border-radius: 5px;
    }

    .descripcion_pro:hover {
        background: silver;
    }

    .descripcion_pro label {
        display: inline-block;
        height: 65px;
        padding: 5px;
        box-sizing: border-box;

    }

    .descripcion_pro label b {
        display: inline-block;
        width: 100%;
        height: 20px;
    }

    .descripcion_pro .tit {
        width: 20%;
        float: left;
    }

    .descripcion_pro .sub {
        width: 10%;
        float: left;
    }

    .descripcion_pro label input,
    .descripcion_pro label select {
        width: 100%;
        height: 30px;
    }

    .descripcion_pro label input,
    .descripcion_pro label select {
        border: 1px solid silver;
        border-radius: 5px;
        text-align: center;
        text-align-last: center;
    }

    .descripcion_pro label .btn_imp_com {
        width: 100%;
        border: 0;
        height: 30px;
        cursor: pointer;
    }

    .descripcion_pro label .btn_imp_com img {
        height: 100%;
    }

    .descripcion_pro .sub .btngua {
        width: 100%;
        height: 30px;
        background: var(--verde);
        padding: 3px;
        border: 0;
    }

    .descripcion_pro .sub .btngua img {
        height: 100%;
        background: 0;
    }

    .descripcion_pro .sub .btn_ver_mas {
        border: 0;
        height: 30px;
        width: 100%;
        padding: 3px;
    }

    .descripcion_pro .sub .btn_ver_mas img {
        height: 100%;
    }

    .descripcion_pro .sub .cajamodcatgru {
        position: absolute;
        right: 40px;
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid grey;
        border-radius: 5px;
        width: 30%;
        margin-top: 10px;
        margin-bottom: 40px;
    }

    .descripcion_pro .sub .cajamodcatgru h2 {
        font-size: 20px;
        width: 85%;
        float: left;
        text-align: left;
        margin-bottom: 5px;
        height: 30px;
    }

    .descripcion_pro .sub .cajamodcatgru .btn_uncheck_catgru {
        width: 15%;
        float: left;
        background: var(--rojo);
        color: white;
        font-size: 15px;
        margin-bottom: 5px;
        height: 30px;
        border: 0;
    }

    .descripcion_pro .sub .cajamodcatgru .btn_eli_prod {
        width: 100%;
        float: left;
        height: 30px;
        font-size: 15px;
        background: var(--rojo);
        color: white;
    }

    .descripcion_pro .sub .cajamodcatgru .btn_eli_prod img {
        height: 80%;
        background: 0;
        width: auto;
        margin-bottom: -3px;
        margin-right: 20px;
    }

    .descripcion_pro .sub .cajamodcatgru form {
        width: 100%;
        margin-bottom: 25px;
    }

    .descripcion_pro .sub .cajamodcatgru form label {
        width: 100%;
        margin-bottom: 5px;
        display: inline-block;
        text-align: left;
    }

    .descripcion_pro .sub .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;
    }

    .descripcion_pro .sub .cajamodcatgru .btn_mod_catgru {
        width: 100%;
        height: 30px;
        background: var(--verde);
        color: white;
        border: 0;
    }

    .descripcion_pro .sub .cajamodcatgru .btn_mod_catgru img {
        height: 100%;
        background: 0;
    }

    .descripcion_pro .sub .cajamodcatgru label {
        width: 33%;
        float: left;
    }

    .descripcion_pro .sub .cajamodcatgru .btn_eli_prod {
        width: 40px;
        float: left;
        border: 0;
        height: 30px;
        padding: 3px;
        padding: 0;
        text-align: center;
    }

    .descripcion_pro .sub .cajamodcatgru .btn_eli_prod img {
        margin: 0;
    }

    .descripcion_pro .recetas_pro {
        width: 100%;
        overflow: hidden;
        height: auto;
        box-sizing: border-box;
        padding: 5px;
        border: 1px dashed grey;
        border-radius: 5px;
    }

    .descripcion_pro .recetas_pro h4 {
        background: 0;
        box-sizing: border-box;
    }

    .descripcion_pro .recetas_pro .label_ingre {
        width: 24%;
        float: left;
        height: 35px;
        border-radius: 5px;
        text-align: left;
        border: 1px solid grey;
        margin-left: .5%;
        margin-right: .5%;
        background: 0;
        font-size: .8vw;
    }

    .descripcion_pro .recetas_pro .label_ingre:hover {
        background: silver;
    }

    .descripcion_pro .recetas_pro .label_ingre p {
        width: 80%;
        float: left;
        height: 30px;
        background: 0;
    }

    .descripcion_pro .recetas_pro .label_ingre .btn_eli_ingre {
        width: 20%;
        height: 100%;
        border: 0;
        background: 0;
    }

    .descripcion_pro .recetas_pro .label_ingre .btn_eli_ingre img {
        height: 100%;
        background: 0;
    }

    .descripcion_pro .recetas_pro div {
        width: 100%;
        float: left;
        overflow: hidden;
        background: 0;
    }

    .descripcion_pro .recetas_pro .nohay_receta {
        width: 100%;
        height: 30px;
        background: grey;
        border-radius: 5px;
    }

    .descripcion_pro .recetas_pro .nohay_receta p {
        background: 0;
        color: white;
    }

    .seccion_categorias {
        width: 100%;
        overflow: hidden;
        height: auto;
        padding: 5px;
        box-sizing: border-box;

    }

    .seccion_categorias .caja_categorias {
        width: 100%;
        float: left;
        border-bottom: 2px solid black;
        background: 0;
        padding: 5px;
        box-sizing: border-box;
        overflow: hidden;
        height: auto;
    }

    .seccion_categorias .caja_categorias:hover {
        background: silver;
    }

    .seccion_categorias .caja_categorias label {
        display: inline-block;
        padding: 2.5px;
        box-sizing: border-box;
        height: 65px;
    }

    .seccion_categorias .caja_categorias .tit {
        width: 30%;
        float: left;
    }

    .seccion_categorias .caja_categorias label b {
        display: inline-block;
        height: 20px;
        width: 100%;
    }

    .seccion_categorias .caja_categorias label input,
    .seccion_categorias .caja_categorias label select {
        height: 40px;
        width: 100%;
        border: 1px solid silver;
        border-radius: 5px;
        text-align: center;
    }

    .seccion_categorias .caja_categorias .sub {
        width: 13%;
        float: left;
    }

    .seccion_categorias .caja_categorias .sub .btn_eliminar {
        width: 100%;
        height: 40px;
        ;
        background: var(--rojo);
        padding: 5px;
        border: 0;
        box-sizing: border-box;
        cursor: pointer;
        transition: .2s;
        border-radius: 5px;
    }

    .seccion_categorias .caja_categorias .sub .btn_eliminar:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    .seccion_categorias .caja_categorias .sub .btn_eliminar img {
        height: 100%;
        background: 0;
    }

    .btnconfpednew .confpednew form input,
    .btnconfpednew .confpednew form select {
        width: 49%;
        margin-bottom: 10px;
        height: 30px;
        text-align: center;
        font-size: 20px;
        text-align-last: center;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }

    .btnconfpednew .confpednew form .btnscant_conf {
        width: 49%;
        float: left;
        height: 30px;
        background: 0;
        margin-left: .5%;
        margin-right: .5%;
    }

    .btnconfpednew .confpednew form .btnscant_conf button {
        width: 30%;
        float: left;
        height: 100%;
        background: var(--naranja);
        padding: 3px;
    }

    .btnconfpednew .confpednew form .btnscant_conf button img {
        height: 100%;
        background: 0;
    }

    .btnconfpednew .confpednew form .btnscant_conf input[type="number"] {
        width: 39%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: 100%;
    }

    .cajamesas button .nom_usu {
        height: 25%;
        margin-bottom: 0;
        font-size: .8vw;
        text-align: left;
        margin-left: 5px;
        width: 100%;
    }

    .cajamesas button .nom_usu b {
        float: right;
        background: 0;
        margin-right: 10px;
    }

    .seccion_categorias .caja_categorias .caja_eli_cat {
        position: absolute;
        width: 300px;
        height: auto;
        border: 1px dashed black;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        right: 50px;
    }

    .seccion_categorias .caja_categorias .caja_eli_cat p {
        font-weight: 600;
        margin-bottom: 5px;
    }

    .seccion_categorias .caja_categorias .caja_eli_cat .btn_si_eli {
        width: 70%;
        float: left;
        background: var(--verde);
        color: white;
        height: 40px;
        margin-left: 1%;
        border: 0;
        font-size: 20px;
        border-radius: 5px;
    }

    .seccion_categorias .caja_categorias .caja_eli_cat .btn_no_eli {
        width: 28%;
        float: left;
        background: var(--rojo);
        color: white;
        height: 40px;
        margin-left: 1%;
        border: 0;
        font-size: 20px;
        border-radius: 5px;
        padding-top: 8px;
        box-sizing: border-box;
        cursor: pointer;
        transition: .2s;
    }

    .seccion_categorias .caja_categorias .caja_eli_cat .btn_no_eli:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    .seccion_categorias .caja_categorias .btn_guardar {
        width: 100%;
        background: var(--verde);
        height: 40px;
        padding: 5px;
        border: 0;
    }

    .seccion_categorias .caja_categorias .btn_guardar img {
        height: 100%;
        background: 0;
    }


    .seccion_grupos {
        width: 100%;
        overflow: hidden;
        height: auto;
        padding: 5px;
        box-sizing: border-box;

    }

    .seccion_grupos .caja_grupos {
        width: 100%;
        float: left;
        border-bottom: 2px solid black;
        background: 0;
        padding: 5px;
        box-sizing: border-box;
        overflow: hidden;
        height: auto;
    }

    .seccion_grupos .caja_grupos:hover {
        background: silver;
    }

    .seccion_grupos .caja_grupos label {
        display: inline-block;
        padding: 2.5px;
        box-sizing: border-box;
        height: 65px;
    }

    .seccion_grupos .caja_grupos .tit {
        width: 20%;
        float: left;
    }

    .seccion_grupos .caja_grupos label b {
        display: inline-block;
        height: 20px;
        width: 100%;
    }

    .seccion_grupos .caja_grupos label input,
    .seccion_grupos .caja_grupos label select {
        height: 40px;
        width: 100%;
        border: 1px solid silver;
        border-radius: 5px;
        text-align: center;
    }

    .seccion_grupos .caja_grupos .sub {
        width: 8%;
        float: left;
    }

    .seccion_grupos .caja_grupos .sub .btn_eliminar {
        width: 100%;
        height: 40px;
        ;
        background: var(--rojo);
        padding: 5px;
        border: 0;
        box-sizing: border-box;
        cursor: pointer;
        transition: .2s;
        border-radius: 5px;
    }

    .seccion_grupos .caja_grupos .sub .btn_eliminar:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    .seccion_grupos .caja_grupos .sub .btn_eliminar img {
        height: 100%;
        background: 0;
    }

    .seccion_grupos .caja_grupos .caja_eli_grupo {
        position: absolute;
        width: 300px;
        height: auto;
        border: 1px dashed black;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        right: 50px;
    }

    .seccion_grupos .caja_grupos .caja_eli_grupo p {
        font-weight: 600;
        margin-bottom: 5px;
    }

    .seccion_grupos .caja_grupos .caja_eli_grupo .btn_si_eli {
        width: 70%;
        float: left;
        background: var(--verde);
        color: white;
        height: 40px;
        margin-left: 1%;
        border: 0;
        font-size: 20px;
        border-radius: 5px;
    }

    .seccion_grupos .caja_grupos .caja_eli_grupo .btn_no_eli {
        width: 28%;
        float: left;
        background: var(--rojo);
        color: white;
        height: 40px;
        margin-left: 1%;
        border: 0;
        font-size: 20px;
        border-radius: 5px;
        padding-top: 8px;
        box-sizing: border-box;
        cursor: pointer;
        transition: .2s;
    }

    .seccion_grupos .caja_grupos .caja_eli_grupo .btn_no_eli:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    .seccion_grupos .caja_grupos .btn_guardar {
        width: 100%;
        background: var(--verde);
        height: 40px;
        padding: 5px;
        border: 0;
    }

    .seccion_grupos .caja_grupos .btn_guardar img {
        height: 100%;
        background: 0;
    }

    .seccion_grupos .caja_grupos .btn_ver_pro {
        width: 100%;
        height: 40px;
        background: grey;
        padding: 5px;
        border: 0;
    }

    .seccion_grupos .caja_grupos .btn_ver_pro img {
        height: 100%;
        background: 0;
    }

    .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: 80px;
        padding: 5px;
        border-radius: 5px;
        background: black;
        border: 0;
        width: 20%;
        float: left;
        box-sizing: border-box;
    }

    .cartanew .categoriasnew .cajacatnew .cajagruponew .btnscant button img {
        height: 100%;
        width: 100%
    }

    .cartanew .categoriasnew .cajacatnew .cajagruponew .btnscant input[type="number"] {
        border-radius: 5px;
        height: 80px;
        border: 1px solid silver;
        text-align: center;
        font-size: 3vw;
        ;
        width: 55%;
        float: left;
        margin-left: 2.5%;
        margin-right: 2.5%;
        box-sizing: border-box;
    }

    .label_mas_datos {
        width: 100%;
        display: inline-block;
        font-size: 20px;
        font-weight: 600;
        border-bottom: 1px solid black;
        cursor: pointer;
    }

    .modulo_tomapedido {
        position: fixed;
        top: 110px;
        height: 85vh;
        background: 0;
        overflow-y: auto;
    }

    .modulo_tomapedido .logo_cliente {
        width: 100%;
        height: 100%;
        display: flex;
        align-content: center;
        align-items: center;
        background: 0;
        position: fixed;
        text-align: center;
        top: 0;
    }

    .modulo_tomapedido .logo_cliente img {
        width: 20%;
        height: auto;
        margin-left: 40%;
        opacity: .4;
    }

    .modulo_tomapedido .article_categorias {
        width: 100%;
        height: 100%;
        background: 0;
        position: fixed;
        text-align: center;
        overflow-y: auto;
        padding: 5px;
        box-sizing: border-box;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat {
        width: 20%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        border: 2px solid black;
        height: 85vh;
        overflow-y: auto;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat::-webkit-scrollbar {
        width: 5px;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat::-webkit-scrollbar-thumb {
        background: var(--rojo);
        border-radius: 20px;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat::-webkit-scrollbar-track {
        background: 0;
        border-radius: 20px;
        width: 30px;
        padding: 5px;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .label_cat {
        display: inline-block;
        width: 100%;
        padding: 3px;
        box-sizing: border-box;
        height: 35px;
        background: var(--dorado);
        border-radius: 5px;
        margin-bottom: 5px;
        font-size: 20px;
        cursor: pointer;
        transition: .2s;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .label_cat:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .input_cat:checked + label {
        background: var(--rojo);
        color: white;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat legend {
        padding-left: 10px;
        padding-right: 10px;
        font-weight: 600;
        background: black;
        color: white;
        border-radius: 5px;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo {
        width: 59%;
        height: 75vh;
        background: 0;
        position: fixed;
        text-align: center;
        overflow-y: auto;
        padding: 5px;
        box-sizing: border-box;
        top: 115px;
        left: 20.5%;
        padding: 5px;
        border-radius: 5px;
        border: 2px solid black;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo::-webkit-scrollbar {
        width: 20px;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo::-webkit-scrollbar-thumb {
        background: var(--rojo);
        border-radius: 20px;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo::-webkit-scrollbar-track {
        background: 0;
        border-radius: 20px;
        width: 30px;
        padding: 5px;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo .article_productos.uno {
        width: 100%;
        background: white;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        height: auto;
        overflow: hidden;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo .article_productos.varios {
        width: 49%;
        background: white;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        height: auto;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        margin-bottom: 10px;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo .article_productos h2 {
        background: 0;
        color: black;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo .article_productos.uno .info_productos {
        width: 49%;
        display: inline-block;
        padding: 3px;
        height: auto;
        font-size: 20px;
        box-sizing: border-box;
        border-radius: 5px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        margin-bottom: 5px;
        background: silver;
        text-transform: uppercase;
        transition: .2s;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo .article_productos.varios .info_productos {
        width: 100%;
        display: inline-block;
        padding: 5px;
        height: auto;
        font-size: 20px;
        box-sizing: border-box;
        border-radius: 5px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        margin-bottom: 5px;
        background: silver;
        text-transform: uppercase;
        transition: .2s;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo .article_productos .info_productos .label_pro {
        display: inline-block;
        width: 100%;
        height: auto;
        background: 0;
        border-radius: 5px;
        cursor: pointer;
        padding: 5px;
        box-sizing: border-box;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo .article_productos .info_productos:hover {
        transition: .2s;
        background: grey;
        color: white;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo .article_productos .input_id_pro:checked + label {
        background: black;
        color: white;
        transition: .2s;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo .article_productos .label_pro p {
        background: 0;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo .article_productos .label_pro .pre_pro {
        display: inline-block;
        background: var(--rojo);
        color: white;
        border-radius: 5px;
        padding: 3px;
        box-sizing: border-box;
        margin-top: 2px;
        font-size: 18px;

    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo .article_productos .info_productos .caja_boton_add_pro {
        width: 100%;
        padding: 5px;
        height: auto;
        box-sizing: border-box;
        border-radius: 5px;
        background: silver;
        overflow: hidden;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo .article_productos .info_productos .caja_boton_add_pro .btnscant {
        height: auto;
        width: 100%;
        background: 0;
        overflow: hidden;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo .article_productos .info_productos .caja_boton_add_pro .btnscant .btnmm {
        width: 20%;
        float: left;
        height: 40px;
        background: var(--naranja);
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        border: 0;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo .article_productos .info_productos .caja_boton_add_pro .btnscant .btnmm:active {
        background: var(--rojo);
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo .article_productos .info_productos .caja_boton_add_pro .btnscant .btnmm img {
        height: 100%;
        background: 0;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo .article_productos .info_productos .caja_boton_add_pro .btnscant .inputcant {
        width: 59%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        border-radius: 5px;
        text-align: center;
        height: 40px;
        font-size: 25px;
        font-weight: 600;
    }

    .modulo_tomapedido .article_categorias .btn_add_pedido {
        width: 59%;
        position: fixed;
        left: 20.5%;
        background: var(--verde);
        border-radius: 10px;
        border: 0;
        height: 8.5vh;
        padding: 5px;
        box-sizing: border-box;
        bottom: 5px;
        z-index: 99999999;
    }

    .modulo_tomapedido .article_categorias .btn_add_pedido img {
        height: 100%;
        background: 0;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo .article_productos .info_productos .caja_boton_add_pro .caja_notas {
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        margin-bottom: 5px;
        background: white;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo .article_productos .info_productos .caja_boton_add_pro .caja_notas .label_nota {
        display: inline-block;
        font-size: 18px;
        padding: 5px 10px 5px 10px;
        box-sizing: border-box;
        background: silver;
        border-radius: 5px;
        cursor: pointer;
        margin-bottom: 5px;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo .article_productos .info_productos .caja_boton_add_pro .caja_notas .label_nota:hover {
        transition: .2s;
        background: grey;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo .article_productos .info_productos .caja_boton_add_pro .caja_notas .input_nota1:checked + label {
        background: var(--naranja);
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .fieldset_grupo .article_productos .info_productos .caja_boton_add_pro .caja_notas .input_nota2 {
        width: 100%;
        height: 35px;
        font-size: 15px;
        padding: 5px 10px 5px 10px;
    }

    .modulo_pedido {
        width: 20%;
        height: 100%;
        background: 0;
        position: fixed;
        text-align: center;
        overflow-y: auto;
        padding: 5px;
        box-sizing: border-box;
        right: .5%;
        top: 110px;
    }

    .modulo_pedido .fieldset_ped {
        width: 100%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        border: 2px solid black;
        height: 85vh;
        overflow-y: auto;
    }

    .modulo_pedido .fieldset_ped legend {
        padding-left: 10px;
        padding-right: 10px;
        font-weight: 600;
        background: black;
        color: white;
        border-radius: 5px;
    }

    .modulo_tomapedido .article_categorias .fieldset_cat .b_cat {
        display: inline-block;
        background: 0;
        float: right;
        margin-right: 5px;
        color: white;
        background: black;
        padding-left: 5px;
        padding-right: 5px;
        border-radius: 5px;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido {
        width: 100%;
        overflow: hidden;
        height: auto;
        overflow-y: auto;
        max-height: 65vh;
        margin-bottom: 5px;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped {
        width: 100%;
        border-bottom: 2px solid black;
        transition: .2s;
        padding: 5px;
        box-sizing: border-box;
        height: auto;
        overflow: hidden;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped:hover {
        transition: .2s;
        background: silver;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_pri {
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
        text-align: left;
        font-size: 15px;
        background: 0;
        height: auto;
        float: left;

    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_pri p,
    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped form,
    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_sec p {
        background: 0;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .titulo {
        display: none;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_pri .nom_grupo {
        display: inline-block;
        padding: 5px;
        box-sizing: border-box;
        background: black;
        color: white;
        border-radius: 5px;
        margin-right: 5px;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .separadores {
        width: 49%;
        float: left;
        overflow: hidden;
        background: 0;
        margin-left: .5%;
        margin-right: .5%;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .form_mod_ped_subt input[type="number"] {
        height: 35px;
        width: 100%;
        float: left;
        border-radius: 5px;
        border: 1px solid silver;
        padding-left: 5px;
        font-size: 15px;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_pri .subtitulo {
        background: 0;
        display: inline-block;
        height: 20px;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_pri .notas_ped {
        padding: 5px;
        border-radius: 5px;
        color: var(--rojo);
        background: var(--rojo-claro);
        height: auto;
        box-sizing: border-box;
        display: inline-block;
        text-transform: uppercase;
        float: left;
        margin-right: 5px;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_sec {
        display: inline-block;
        width: auto;
        float: left;
        height: auto;
        background: 0;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_sec b {
        display: inline-block;
        height: 30px;
        width: 35px;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        float: left;
        margin-right: 5px;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_sec b img,
    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_sec .btn_eliminar img {
        height: 100%;
        background: 0;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_sec .btn_eliminar {
        width: 40px;
        height: 30px;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        border: 0;
        background: var(--rojo);
        float: right;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_sec .en_proceso {
        background: var(--rojo);
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_sec .preparacion {
        background: var(--amarillo);
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_sec .entregado {
        background: var(--verde);
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_sec .en_lista {
        background: var(--azul);
    }

    .modulo_pedido .fieldset_ped .articulo_pedido::-webkit-scrollbar {
        width: 20px;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido::-webkit-scrollbar-thumb {
        background: var(--rojo);
        border-radius: 20px;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido::-webkit-scrollbar-track {
        background: 0;
        border-radius: 20px;
        width: 30px;
        padding: 5px;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .label_tot_ped {
        display: flex;
        width: 20%;
        height: 50px;
        background: black;
        position: fixed;
        text-align: center;
        padding: 5px;
        box-sizing: border-box;
        right: .5%;
        top: 65px;
        align-items: center;
        align-content: center;
        border-radius: 5px;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .label_tot_ped b {
        display: inline-block;
        width: 100%;
        font-size: 25px;
        background: 0;
        color: white;
    }

    .modulo_pedido .fieldset_ped .article_acciones {
        width: 100%;
        float: left;
        height: auto;
        overflow: auto;
    }

    .modulo_pedido .fieldset_ped .article_acciones .label_info_acciones {
        display: inline-block;
        width: 100%;
        height: 35px;
        margin-bottom: 5px;
    }

    .modulo_pedido .fieldset_ped .article_acciones .label_info_acciones .iconos {
        display: inline-block;
        width: 20%;
        float: left;
        background: black;
        padding: 5px;
        box-sizing: border-box;
        height: 35px;
        border: 0;
        border-radius: 5px 0px 0px 5px;
        cursor: pointer;
    }

    .modulo_pedido .fieldset_ped .article_acciones .label_info_acciones .iconos img {
        height: 100%;
        background: 0;
    }

    .modulo_pedido .fieldset_ped .article_acciones .label_info_acciones .select_acciones {
        width: 80%;
        float: left;
        background: black;
        height: 35px;
        color: white;
        text-align: center;
        text-align-last: center;
        font-size: 15px;
        border: 0;
        border-radius: 0px 5px 5px 0px;
        cursor: pointer;
    }

    .modulo_pedido .fieldset_ped .article_acciones .label_info_acciones .select_acciones option,
    .modulo_pedido .fieldset_ped .article_acciones .label_info_acciones .select_acciones optgroup {
        color: black;
    }

    .modulo_pedido .fieldset_ped .article_acciones .label_info_acciones .btn_acciones {
        width: 24%;
        float: left;
        margin-left: 1%;
        height: 35px;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        border: 0;
        background: var(--amarillo);
    }

    .modulo_pedido .fieldset_ped .article_acciones .label_info_acciones .btn_acciones img {
        height: 100%;
        background: 0;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_sec .add_nota_ped .btn_add_nota {
        width: 30px;
        height: 30px;
        background: black;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        border: 0;
        float: left;
        margin-left: 5px;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_sec .add_nota_ped .btn_add_nota img {
        height: 100%;
        background: 0;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_sec .add_nota_ped .caja_add_nota_ped {
        position: absolute;
        width: 80%;
        margin-top: 35px;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        background: var(--naranja);
        right: 10%;
        -webkit-box-shadow: 0px 2px 5px -4px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 2px 5px -4px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 2px 5px -4px rgba(0, 0, 0, 0.75);
        
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_sec .add_nota_ped .caja_add_nota_ped h3 {
        background: 0;
        color: white;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_sec .add_nota_ped .caja_add_nota_ped .caja_notas {
        width: 100%;
        background: white;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        overflow: hidden;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_sec .add_nota_ped .caja_add_nota_ped .caja_notas .input_nota2 {
        width: 80%;
        height: 35px;
        font-size: 15px;
        padding: 5px 10px 5px 10px;
        float: left;
    }
    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_sec .add_nota_ped .caja_add_nota_ped .caja_notas .btn_guardar_nota_ped{
        width: 20%;
        float: left;
        background: var(--verde);
        height: 35px;
        border: 0;
        margin-left: 0;
    }
    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_sec .add_nota_ped .caja_add_nota_ped .caja_notas .btn_guardar_nota_ped img{
        height: 100%;
        background: 0;
    }
    .cartanew .caja_confimar_ped{
        position: fixed;
        width: 59%;
        left: 20.5%;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        border: 2px solid black;
        bottom: 5px;
        height: auto;
        z-index: 1000000;
    }
    
    .cartanew #caja_confimar_ped1{
        z-index: 99999;
    }
    .cartanew #caja_confimar_ped2{
        z-index: 9999;
    }
    .cartanew .caja_confimar_ped h2{
        text-align: center;
    }
    .cartanew .caja_confimar_ped .label_cli{
        display: inline-block;
        height: auto;
        padding: 5px;
        box-sizing: border-box;
        width: 50%;
        float: left;
    }
    .cartanew .caja_confimar_ped .label_cli input, .cartanew .caja_confimar_ped .label_cli select{
        height: 50px;
        width: 100%;
        border: 1px solid silver;
        border-radius: 5px;
        padding: 5px 5px 5px 10px;
        font-size: 25px;
        float: left;
        margin-bottom: 5px;
    }
    .cartanew .caja_confimar_ped .label_cli .btnscanpax{
        width: 100%;
        float: left;
        height: 50px;
    }
    .cartanew .caja_confimar_ped .label_cli .btnscanpax .btnmm{
        height: 100%;
        width: 30%;
        float: left;
        border: 0;
        background: var(--amarillo);
        padding: 5px;
        box-sizing: border-box;
    }
    .cartanew .caja_confimar_ped .label_cli .btnscanpax .inputcant{
        width: 39%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: 100%;
        padding: 5px;
        text-align: center;
    }
    .cartanew .caja_confimar_ped .label_cli .btnscanpax .btnmm img{
        height: 100%;
        background: 0;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar{
        display: inline-block;
        height: 115px;
        padding: 5px;
        box-sizing: border-box;
        width: 25%;
        float: left;
    }
    
    .cartanew .caja_confimar_ped .label_btn_confirmar .btn_confirmar_ped{
        width: 100%;
        height: 100%;
        border: 0;
        background: var(--verde);
        padding: 5px;
        box-sizing: border-box;
        font-size: 28px;
        color: white;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .btn_confirmar_ped img{
        height: 55%;
        background: 0;
        margin-left: 5px;
        margin-bottom: -10px;
    }
    .cartanew .caja_confimar_ped .btn_pago_secundario{
        width: 100%;
        float: left;
        height: 100%;
    }
    .cartanew .caja_confimar_ped .btn_pago_secundario .btn_confirmar_pago{
       width: 100%;
        height: 100%;
        border: 0;
        background: silver;
        font-size: 28px;
        padding: 5px;
        box-sizing: border-box;
    }
    .cartanew .caja_confimar_ped .btn_pago_secundario .btn_confirmar_pago img{
        height: 60%;
        background: 0;
        margin-bottom: -15px;
        margin-left: 10px;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago{
        width: 59%;
        height: 85vh;
        background: white;
        position: fixed;
        text-align: center;
        overflow-y: auto;
        padding: 5px;
        box-sizing: border-box;
        top: 115px;
        left: 20.5%;
        padding: 5px;
        border-radius: 5px;
        border: 2px solid black;
        display: none;
        
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago legend{
        padding-left: 10px;
        padding-right: 10px;
        background: black;
        color: white;
        border-radius: 5px;
        height: 30px;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago legend img{
        margin-bottom: -5px;
        height: 90%;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_ped{
        width: 39%;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
        height: 75vh;
        padding: 5px;
        box-sizing: border-box;
        border-left: 1px solid grey;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_ped .label_datos_ped{
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
        height: auto;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_ped .label_datos_ped p{
        font-weight: 600;
        width: 100%;
        text-align: left;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_ped .label_datos_ped input{
        width: 100%;
        height: 35px;
        font-size: 18px;
        padding-left: 5px;
        border-radius: 5px;
        border: 1px solid silver;
        margin-bottom: 5px;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago{
        width: 59%;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
        height: 75vh;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_datos_pago{
        display: inline-block;
        width: 100%;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_datos_pago .formas_pago{
        width: 100%;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_datos_pago p{
        text-align: left;
        font-size: 20px;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_datos_pago .valor_servicio{
        width: 69%;
        height: 35px;
        font-size: 18px;
        padding-left: 5px;
        border-radius: 5px;
        border: 1px solid silver;
        margin-bottom: 5px;
        float: left;
        margin-right: 1%;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_datos_pago .valor_descuento {
        width: 100%;
        height: 35px;
        font-size: 18px;
        padding-left: 5px;
        border-radius: 5px;
        border: 1px solid silver;
        margin-bottom: 5px;
        float: left;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_datos_pago .btn_servicio{
        width: 14%;
        float: left;
        height: 35px;
        border: 0;
        background: silver;
        padding: 5px;
        box-sizing: border-box;
        margin-left: .5%;
        margin-right: .5%;
    }
    
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_datos_pago .btn_servicio img{
        height: 100%;
        background: 0;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_datos_pago .formas_pago .label_fp{
        display: inline-block;
        width: 19%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        border-radius: 5px;
        background: silver;
        box-sizing: border-box;
        height: 80px;
        text-align: center;
        padding: 5px;
        position: relative;
        transition: .2s;
        cursor: pointer;
        margin-bottom: 5px;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_datos_pago .formas_pago .label_fp p{
        width: 100%;
        background: 0;
        font-size: 15px;
        height: 25%;
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_datos_pago .formas_pago .label_fp img{
        height: 75%;
        background: 0;
        aspect-ratio: 1/2;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_datos_pago .formas_pago .label_fp:hover{
        background: grey;
        transition: .2s;
        transform: scale(.95,.95);
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_datos_pago .formas_pago .input_id_fp1:checked + label, .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_datos_pago .formas_pago .input_id_fp2:checked + label{
        background: var(--amarillo);
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_datos_pago .formas_pago input,.cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_datos_pago select{
        width: 99%;
        height: 35px;
        font-size: 18px;
        padding-left: 5px;
        border-radius: 5px;
        border: 1px solid silver;
        margin-bottom: 5px;
        float: left;
        margin-left: .5%;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_total_pago{
        width: 100%;
        display: inline-block;
        background: black;
        color: white;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        position: relative;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_total_pago p{
        background: 0;
        font-size: 30px;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_total_pago input{
        text-align: center;
        font-size: 35px;
        width: 100%;
        background: 0;
        color: white;
        border: 0;
        float: left;
        height: 40px;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_datos_pago .formas_pago #respuesta_pago2{
        background: var(--naranjaclaro);
        color: var(--naranja);
        padding: 5px;
        font-size: 18px;
        box-sizing: border-box;
        border-radius: 5px;
        text-align: center;
        width: 99%; 
        margin-left: .5%;
        display: inline-block;
        display: none;
        float: left;
        border: 1px solid var(--naranja);
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_datos_pago .formas_pago #respuesta_vueltas{
        background: var(--verdeclaro);
        color: var(--verde);
        padding: 5px;
        font-size: 18px;
        box-sizing: border-box;
        border-radius: 5px;
        text-align: center;
        width: 99%; 
        margin-left: .5%;
        display: inline-block;
        display: none;
        float: left;
        border: 1px solid var(--verde);
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_datos_pago .formas_pago .input_paga2{
        background: silver;
        color: black;
        border: 0;
        
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_total_pago .btn_pago_completo{
        height: 40px;
        border-radius: 5px;
        box-sizing: border-box;
        padding: 5px;
        border: 0;
        background: var(--azul);
        width: 20%;
        float: left;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_total_pago .btn_pago_completo img{
        height: 60%;
        background: 0;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_btn_pago{
        width: 100%;
        display: inline-block;
        padding: 5px;
        box-sizing: border-box;
        height: 100px;
        display: none;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_btn_pago .btn_efectuar_pago{
        width: 100%;
        height: 100%;
        background: var(--verde);
        font-size: 30px;
        border: 0;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_pago .label_btn_pago .btn_efectuar_pago img{
        height: 50%;
        background: 0;
        margin-bottom: -10px;
        margin-left: 10px;
    }
    .balance .cierre_general_meseros{
        width: 100%;
        height: auto;
        padding: 5px;
        box-sizing: border-box;
    }
    .balance .cierre_general_meseros .lineas_cierre_mesero{
        width: 24%;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
        border-radius: 5px;
        border: 2px solid black;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 5px;
    }
    .balance .cierre_general_meseros .label_cierre_mesero{
        display: inline-block;
        width: 100%;
        height: auto;
        margin-bottom: 5px;
        border-bottom: 1px solid silver;
        padding: 5px;
        box-sizing: border-box;
    }
    .balance .cierre_general_meseros .label_cierre_mesero b{
        display: inline-block;
        color: var(--dorado);
        font-weight: 600;
        font-size: 20px;
    }
    .balance .cierre_general_meseros .label_cierre_mesero p{
        color: black;
        font-weight: 600;
        font-size: 18px;
    }
    .balance .cierre_general_meseros .label_cierre_mesero .btn_cierre_mesero{
        width: 100%;
        height: 40px;
        font-size: 20px;
        background: var(--verde);
        color: black;
        border: 0;
    }
    .formguacie .btnguacie{
        width: 99%;
        padding: 5px;
        box-sizing: border-box;
        background: var(--verde);
        border: 0;
        height: 70px;
        margin-left: .5%;
    }
    .formguacie .btnguacie img{
        height: 80%;
        background: 0;
    }
    .btn_pasar_fecha{
        width: 100%;
        height: 60px;
        font-size: 20px;
        background: var(--amarillo);
        border: 0;
    }
    .modulo_pedido .fieldset_ped .btn_ocultar_fieldset_ped, .cartanew .caja_confimar_ped .btn_ocultar_fieldset_ped, .btn_ocultar_fieldset_grupo{
        display: none;
    }
    .btn_ver_pedido{
       display: none;
    }
    .fieldset_pago .btn_ocultar_fieldset_pago{
        width: 25px;
        height: 25px;
        border: 0;
        background: 0;
        margin-left: 30px;
        
    }
    .fieldset_pago .btn_ocultar_fieldset_pago img{
        height: 100%;
        background: 0;
    }
    .caja_resumen_cierre{
        width: 30%;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        border: 2px solid var(--vino);
        margin: auto;
    }
    .caja_resumen_cierre .label_titulo_caja{
        display: inline-block;
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        background: black;
        margin-bottom: 10px;
        border-radius: 5px;
    }
    .caja_resumen_cierre .label_datos_caja{
        display: inline-block;
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        background: silver;
        margin-bottom: 10px;
        border-radius: 5px;
    }
    .caja_resumen_cierre .label_titulo_caja h1{
        background: 0;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        font-size: 20px;
        color: white;
    }
    .caja_resumen_cierre .label_datos_caja h1{
        background: 0;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        font-size: 25px;
        color: black;
    }
    .caja_resumen_cierre .label_titulo_caja h2{
        font-size: 18px;
        color: white;
        background: 0;
    }
    .caja_resumen_cierre .label_datos_caja h2{
        font-size: 18px;
        color: black;
        background: 0;
    }
    .caja_resumen_cierre .label_form_caja #form_ing_base input{
        width: 100%;
        height: 40px;
        padding: 5px;
        box-sizing: border-box;
        font-size: 20px;
        text-align: center;
        border: 1px solid silver;
        margin-bottom: 5px;
    }
    .caja_resumen_cierre .label_form_caja #form_ing_base .btn_ing_base{
        width: 100%;
        border: 0;
        padding: 5px;
        box-sizing: border-box;
        height: 40px;
        border-radius: 5px;
        background: var(--verde);
        margin-bottom: 10px;
    }
    .caja_resumen_cierre .label_form_caja #form_ing_base .btn_ing_base img{
        height: 100%;
        background: 0;
    }
    .caja_resumen_cierre .label_form_caja #form_ing_base .btn_cuadrar_caja{
        width: 100%;
        height: 40px;
        background: var(--dorado);
        color: black;
        border: 0;
        margin-top: 10px;
        font-size: 20px;
    }
    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_add_acom {
        display: inline-block;
        width: 25%;
        float: left;
        height: auto;
        background: 0;
        margin-right: 25%;
    }

    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_add_acom b {
        display: inline-block;
        height: 30px;
        width: 100%;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        float: left;
        background: var(--amarillo);
        cursor: pointer;
    }
    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_add_acom b img{
        height: 100%;
        background: 0;
    }
    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .caja_add_acompanantes{
        width: 50%;
        position: fixed;
        right: 20.5%;
        background: black;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        top: 130px;
        max-height: 60vh;
        overflow: auto;
        height: auto;
        
        
    }
    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .caja_add_acompanantes h3{
        background: 0;
        color: white;
    }
    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .caja_add_acompanantes .caja_label_pro_acom{
        width: 80%;
        float: left;
        height: auto;
        background: 0;
    }
    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .caja_add_acompanantes .label_pro_acom{
        display: inline-block;
        width: 49%;
        background: 0;
        color: black;
        background: silver;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 5px;
        margin-top: 10px;
        cursor: pointer;
        font-size: 15px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        transition: .2s;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
    }
    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .caja_add_acompanantes .label_pro_acom:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .caja_add_acompanantes .label_cerrar_acom{
        width: 25px;
        height: 25px;
        display: inline-block;
        background: 0;
        margin-left: 30px;
        cursor: pointer;
    }
    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .caja_add_acompanantes .label_cerrar_acom img{
        height: 100%;
        background: 0;
    }
    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .caja_add_acompanantes .btn_add_acom{
        height: 100px;
        background: var(--verde);
        padding: 5px;
        box-sizing: border-box;
        width: 19%;
        border: 0;
        float: left;
        margin-left: 1%;
        margin-top: 10px;
    }
    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .caja_add_acompanantes .btn_add_acom img{
        width: 50%;
        background: 0;
    }
    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .caja_add_acompanantes .id_pro_acom:checked + label{
        background: var(--amarillo);
    }
    .prod_new #bts #caja_acompanantes {
        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_acompanantes select,
    .prod_new #bts #caja_acompanantes 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_acompanantes #btnsubmit {
        width: 100%;
        background: var(--verde);
        height: 35px;
        border: 0;
        margin-left: 0;
        padding: 5px;
        margin-bottom: 5px;
    }

    .prod_new #bts #caja_acompanantes #btnsubmit img {
        background: 0;
        height: 100%;
    }

    .prod_new #bts #caja_acompanantes .lista_notas table {
        width: 100%;
        border-collapse: collapse;
        text-align: center;
    }

    .prod_new #bts #caja_acompanantes .lista_notas table td {
        padding: 3px;
        border-bottom: 1px solid black;
    }

    .prod_new #bts #caja_acompanantes .lista_notas table td button {
        border: 0;
        width: 35px;
        height: 35px;
        padding: 5px;
        box-sizing: border-box;
    }

    .prod_new #bts #caja_acompanantes .lista_notas table td button img {
        background: 0;
        height: 100%;
    }
    .label_cambiar_usuario{
        position: fixed;
        top: 10px;
        right: 120px;
        z-index: 99999;
        width: 50px;
        background: var(--amarillo);
        height: 40px;
        padding: 5px;
        box-sizing: border-box;
        -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
        border-radius: 5px;
        cursor: pointer;
    }
    .label_cambiar_usuario:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .label_cambiar_usuario img{
        width: 100%;
        height: 100%;
        background: 0;
    }
    .caja_cambiar_usuario{
        width: 40%;
        padding: 10px;
        box-sizing: border-box;
        background: black;
        border-radius: 5px;
        position: fixed;
        top: 50px;
        right: 120px;
        z-index: 99999999;
        max-width: 400px;
    }
    .caja_cambiar_usuario h3{
        background: 0;
        color: white;
        text-align: center;
    }
    .caja_cambiar_usuario form{
        background: 0;
    }
    .caja_cambiar_usuario label{
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
        background: 0;
    }
    .caja_cambiar_usuario label p{
        background: 0;
        color: white;  
    }
    .caja_cambiar_usuario label input,.caja_cambiar_usuario label select{
        width: 100%;
        height: 40px;
        padding: 5px;
        box-sizing: border-box;
        text-align: center;
        text-align-last: center;
        font-size: 20px;
        border: 0;
        border-radius: 5px;
    }
    .caja_cambiar_usuario #btn_cambiar_usuario{
        height: 40px;
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        background: var(--verdeclaro);
        border: 0;
    }
    .caja_cambiar_usuario #btn_cambiar_usuario img{
        height: 100%;
        background: 0;
    }
    .seccion_parametros .caja_parametros {
        width: 100%;
        overflow: hidden;
        float: left;
        border-bottom: 1px solid grey;
    }
    .seccion_parametros .caja_parametros:hover{
        background: silver;
    }
    .seccion_parametros .caja_parametros .label_parametros{
        width: 14%;
        float: left;
        display: inline-block;
        margin-left: .14%;
        margin-right: .14%;
        height: 65px;
        padding: 5px;
        box-sizing: border-box;
        background: 0;
    }
    .seccion_parametros .caja_parametros .label_parametros p{
        height: 20px;
        font-weight: 600;
        background: 0;
    }
    .seccion_parametros .caja_parametros .label_parametros input, .seccion_parametros .caja_parametros .label_parametros select{
        height: 35px;
        border-radius: 5px;
        border: 1px solid silver;
        padding: 5px;
        box-sizing: border-box;
        width: 100%;
    }
    .seccion_parametros .caja_parametros .label_parametros .cajaselect2{
        height: 35px;
        
    }
    .seccion_parametros .caja_parametros .label_parametros .btn_guardar{
        width: 100%;
        height: 35px;
        background: var(--verde);
        padding: 5px;
    }
    .seccion_parametros .caja_parametros .label_parametros .btn_guardar img{
        background: 0;
        height: 100%;
    }
    .seccion_parametros .caja_parametros .label_parametros .btn_eli_ter{
        background: var(--rojo);
        padding: 5px;
        box-sizing: border-box;
        height: 35px;
        width: 100%;
    }
    .seccion_parametros .caja_parametros .label_parametros .btn_eli_ter img{
        height: 100%;
        background: 0;
    }
    .seccion_cuadre_caja{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
    }
    .seccion_cuadre_caja h1{
        text-align: center;
        font-size: 30px;
    }
    .seccion_cuadre_caja .article_conteo_efectivo{
        width: 49.5%;
        float: left;
        margin-right: .5%;
        padding: 5px;
        box-sizing: border-box;
        
    }
    .seccion_cuadre_caja .article_conteo_efectivo label{
        display: inline-block;
        width: 100%;
        background: black;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        margin-bottom: 5px;
    }
    .seccion_cuadre_caja .article_conteo_efectivo label p{
        font-size: 20px;
        color: white;
        background: 0;
        text-align: center;
    }
    .seccion_cuadre_caja .article_conteo_efectivo label .input_efectivo{
        width: 39%;
        float: left;
        margin-right: .5%;
        margin-left: .5%;
        height: 40px;
        font-size: 25px;
        padding-left: 10px;
        border: 0;
    }
    .seccion_cuadre_caja .article_conteo_efectivo label .subtotal{
        width: 40%;
        float: left;
        height: 40px;
        font-size: 20px;
    }
    .seccion_cuadre_caja .article_conteo_efectivo label .subtotal input{
        height: 100%;
        width: 90%;
        font-size: 20px;
        padding-left: 10px;
        border: 0;
        background: 0;
        color: white;
    }
    .seccion_cuadre_caja .article_conteo_efectivo label .denominacion{
        width: 20%;
        float: left;
        height: 40px;
        font-size: 20px;
        background: var(--dorado);
        border-radius: 5px;
        padding-top: 8px;
        box-sizing: border-box;
    }
    .seccion_cuadre_caja .article_datos_cuadre{
        width: 49.5%;
        float: left;
        border-left: 1px solid silver;
        padding: 5px;
        box-sizing: border-box;
        padding-left: 15px;
    }
    .seccion_cuadre_caja .article_datos_cuadre .label_pri{
        display: inline-block;
        background: black;
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        margin-bottom: 5px;
    }
    .seccion_cuadre_caja .article_datos_cuadre .label_pri p, .seccion_cuadre_caja .article_datos_cuadre .label_pri h3{
        background: 0;
        color: white;
        text-align: left;
        width: 50%;
        float: left;
        height: 28px;
        font-size: 22px;
        padding-left: 10px;
        box-sizing: border-box;
        letter-spacing: .5;
        
    }
    .seccion_cuadre_caja .article_datos_cuadre .label_pri h3 input{
        background: 0;
        font-size: 25px;
        color: white;
        letter-spacing: .5;
        border: 0;
    }
    .seccion_cuadre_caja .article_datos_cuadre #declarado_efectivo{
        width: 90%;
    }
    .seccion_cuadre_caja .article_datos_cuadre .label_pri h2{
        font-size: 25px;
        background: var(--dorado);
        border-radius: 5px;
        text-align: center;
    }
    .seccion_cuadre_caja .article_datos_cuadre .deposito_correcto h2{
        font-size: 25px;
        background: var(--verde);
        border-radius: 5px;
        text-align: center;
    }
    .seccion_cuadre_caja .article_datos_cuadre .label_sec{
        display: inline-block;
        width: 49%;
        margin-left: .5%;
        border-radius: 5px;
        background: silver;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 5px;
        float: left;
    }
    .seccion_cuadre_caja .article_datos_cuadre .label_sec p, .seccion_cuadre_caja .article_datos_cuadre .label_sec  h3{
        background: 0;
        text-align: left;
        width: 50%;
        float: left;
        height: 25px;
        font-size: 20px;
        padding-left: 10px;
        box-sizing: border-box;
        letter-spacing: .5;
    }
    .seccion_cuadre_caja .article_datos_cuadre .diferencia{
        font-size: 25px;
        background: black;
        border-radius: 5px;
        text-align: center;
        width: 100%;
        height: auto;
    }
    .seccion_cuadre_caja .article_datos_cuadre .diferencia h3{
        width: 50%;
        float: left;
        color: black;
    }
    .seccion_cuadre_caja .article_datos_cuadre .diferencia h3 input{
        color: black;
    }
    .seccion_cuadre_caja .article_datos_cuadre .diferencia p{
        display: none;
        background: 0;
        width: 49.5%;
        float: left;
        color: black;
    }
    .seccion_cuadre_caja .article_datos_cuadre #label_diferencia h2{
        background: 0;
    }
    .seccion_cuadre_caja .article_tipo_cuadre{
        width: 98%;
        float: left;
        margin-top: 10px;
        border-top: 1px solid silver;
        padding: 10px;
        box-sizing: border-box;
        margin-left: 1%;
    }
    .seccion_cuadre_caja .article_tipo_cuadre label{
        display: inline-block;
        width: 24%;
        margin-right: 1%;
        float: left;
        background: silver;
        border-radius: 5px;
        height: 60px;
        font-size: 30px;
        text-align: center;
        padding-top: 10px;
        box-sizing: border-box;
        cursor: pointer;
        transition: .2s;
    }
    .seccion_cuadre_caja .article_tipo_cuadre label:hover{
        transition: .2s;
        background: grey;
    }
    .seccion_cuadre_caja .article_tipo_cuadre input[type="radio"]:checked + label{
        background: black;
        color: white;
    }
    
    .seccion_cuadre_caja .article_tipo_cuadre .btn_confirmar_cuadre{
        width: 48%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        height: 60px;
        background: var(--verde);
        margin-left: 2%;
    }
    .seccion_cuadre_caja .article_tipo_cuadre .btn_confirmar_cuadre img{
        height: 100%;
        background: 0;
    }
    #pedidos_abiertos_cuadre{
        display: inline-block;
        width: 50%;
        top: 65px;
        margin-left: 25%;
        background: var(--rojoclaro);
        color: var(--rojo);
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        text-align: center;
        font-size: 15px;
        animation: go-left-right .9s infinite alternate;        
    }
.section_reportes_tabla{
        width: 100%;
        padding: 5px;
        float: left;
        box-sizing: border-box;
        
    }
    .section_reportes_tabla .article_reportes_lineas{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        border-top: 2px solid black;
        background: 0;
        transition: .2s;
        height: auto;
        overflow: hidden;
    }
    .section_reportes_tabla .article_reportes_lineas form{
        background: 0;
    }
    .section_reportes_tabla .article_reportes_lineas:hover{
        background: silver;
        transition: .2s;
    }
    .section_reportes_tabla .article_reportes_lineas label{
        display: inline-block;
        background: 0;
        padding: 5px;
        box-sizing: border-box;
    }
    .section_reportes_tabla .article_reportes_lineas .label_pri{
        width: 25%;
        float: left;
    }
    .section_reportes_tabla .article_reportes_lineas .label_sec{
        width: 10%;
        float: left;
    }
    .section_reportes_tabla .article_reportes_lineas label b, .section_reportes_tabla .article_reportes_lineas label p{
        display: inline-block;
        width: 100%;
        background: 0;
    }
    .section_reportes_tabla .article_reportes_lineas label p input, .section_reportes_tabla .article_reportes_lineas label p select{
        width: 100%;
        height: 35px;
        border: 1px solid silver;
        border-radius: 5px;
        font-size: 15px;
        text-align: center;
        text-align-last: center;
    }
    .section_reportes_tabla .article_reportes_lineas label .btn_guardar_form{
        width: 100%;
        background: var(--verde);
        padding: 5px;
        box-sizing: border-box;
        height: 35px;
        border: 0;
    }
    .section_reportes_tabla .article_reportes_lineas label .btn_eliminar_form{
        width: 100%;
        background: var(--rojo);
        padding: 5px;
        box-sizing: border-box;
        height: 35px;
        border: 0;
    }
    .section_reportes_tabla .article_reportes_lineas label .btn_guardar_form img, .section_reportes_tabla .article_reportes_lineas label .btn_eliminar_form img{
        height: 100%;
        background: 0;
    }
    .section_reportes_tabla .article_reportes_lineas label .btn_exportar{
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        height: 35px;
        background: grey;
        border: 0;
        padding: 5px;
    }
    .section_reportes_tabla .article_reportes_lineas label .btn_exportar img{
        height: 100%;
        background: 0;
    }
    .seccion_parametros .caja_parametros #iconos{
        height: 300px;
        text-align: center;
    }
    .seccion_parametros .caja_parametros #iconos .logos{
        width: 100%;
        height: auto;
        background: 0;
        aspect-ratio: 3/2;
        object-fit: contain;
    }
    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_sec .select_acciones{
        width: 40px;
        height: 30px;
        border-radius: 5px;
        float: left;
        margin-right: 5px;
        background: grey;
        border: 0;
        cursor: pointer;
        color: white;
    }
    .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_sec .select_acciones option, .modulo_pedido .fieldset_ped .articulo_pedido .lineas_ped .label_sec .select_acciones optgroup{
        color: black;
    }
    .seccion_parametros .caja_parametros .label_parametros form{
        background: 0;
    }
    .seccion_parametros .caja_parametros .label_parametros .btn_act{
        background: var(--rojoclaro);
        height: 35px;
        padding: 5px;
    }
    .seccion_parametros .caja_parametros .label_parametros .btn_desact{
        background: var(--verdeclaro);
        height: 35px;
        padding: 5px;
    }
    .seccion_parametros .caja_parametros .label_parametros .btn_act img, .seccion_parametros .caja_parametros .label_parametros .btn_desact img{
        height: 100%;
        background: 0;
    }
    .cartanew .caja_confimar_ped .label_cli .caja_select2{
        height: 50px;
        font-size: 25px;
    }
    .seccion_parametros .caja_parametros .label_parametros .generar_licencia_uso{
        width: 100%;
        height: 35px;
        background: grey;
        padding: 5px;
        color: white;
    }
    .seccion_parametros .caja_parametros .label_parametros .generar_licencia_uso img{
        height: 100%;
        background: 0;
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_ped .label_datos_ped .btn_emitir_factura{
        width: 100%;
        height: 40px;
        padding: 5px;
        box-sizing: border-box;
        background: var(--verdeclaro);
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_ped .label_datos_ped .btn_emitir_factura img{
        height: 100%;
        background: 0;
    }
    .seccion_emitir_factura{
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        padding: 5px;
        box-sizing: border-box;
        
    } 
    .seccion_emitir_factura h1{
        text-align: center;
    }
    .seccion_emitir_factura .espacio{
        width: 100%;
        height: 55px;
    }
    .seccion_emitir_factura .datos_pedido{
        width: 100%;
        border-radius: 5px;
        height: auto;
        overflow: hidden;
        float: left;
    }
    .seccion_emitir_factura .datos_pedido .datos_pedido_lineas::-webkit-scrollbar {
        width: 20px;
    }

    .seccion_emitir_factura .datos_pedido .datos_pedido_lineas::-webkit-scrollbar-thumb {
        background: silver;
        border-radius: 5px;
        cursor: pointer;
    }

    .seccion_emitir_factura .datos_pedido .datos_pedido_lineas::-webkit-scrollbar-track {
        background: 0;
        border-radius: 20px;
        width: 30px;
        padding: 5px;
    }
    .seccion_emitir_factura .datos_pedido .datos_pedido_lineas{
        width: 99.5%;
        float: left;
        margin-left: .25%;
        max-height: 30vh;
        height: auto;
        overflow: auto;
        display: inline-block;
        background: 0;
        transition: .2s;
        margin-bottom: 5px;
        border: 1px solid silver inset;
        border-radius: 5px;
    }
    .seccion_emitir_factura .datos_pedido .datos_pedido_lineas .lineas_datos_ped{
        width: 100%;
        height: 40px;
        background: 0;
    }
    .seccion_emitir_factura .datos_pedido .datos_pedido_lineas .lineas_datos_ped:hover{
        background: silver;
        transition: .2s;
    }
    .seccion_emitir_factura .datos_pedido .datos_pedido_lineas .label_datos_pedido_lineas{
        display: inline-block;
        background: 0;
        width: 7%;
        float: left;
        padding: 2.5px;
        box-sizing: border-box;
        height: 100%;
        border-bottom: 1px solid silver;
        font-size: 15px;
    }
    .seccion_emitir_factura .datos_pedido .datos_pedido_lineas .label_datos_pedido_lineas p{
        height: 100%;
        background: 0;
    }
    .seccion_emitir_factura .datos_pedido .datos_pedido_lineas .label_datos_pedido_lineas b{
        display: none;
    }
    .seccion_emitir_factura .datos_pedido .datos_pedido_lineas .label_datos_pedido_lineas.descripcion{
        width: 30%;
    }
    
    .seccion_emitir_factura .datos_pedido .datos_pedido_lineas .label_datos_pedido_lineas .btn_accion{
        height: 30px;
        padding: 5px;
        box-sizing: border-box;
        background: 0;
        width: 100%;
    }
    .seccion_emitir_factura .datos_pedido .datos_pedido_lineas .label_datos_pedido_lineas.guardar .btn_accion{
        background: var(--verdeclaro);
    }
    .seccion_emitir_factura .datos_pedido .datos_pedido_lineas .label_datos_pedido_lineas.eliminar .btn_accion{
        background: var(--rojoclaro);
    }
    
    .seccion_emitir_factura .datos_pedido .datos_pedido_lineas .label_datos_pedido_lineas .btn_accion img{
        height: 100%;
        background: 0;
    }
    
    .seccion_emitir_factura .datos_pedido .datos_pedido_totales{
        width: 99.5%;
        margin-left: .25%;
        background: black;
        height: auto;
        float: left;
        border: 0;
        padding: 2.5px;
        box-sizing: border-box;
        border-radius: 5px;
        font-size: 15px;
    }
    .seccion_emitir_factura .datos_pedido .datos_pedido_totales .label_datos_pedido_lineas{
        display: inline-block;
        background: 0;
        width: 7%;
        float: left;
        padding: 2.5px;
        box-sizing: border-box;
        height: auto;
    }
    .seccion_emitir_factura .datos_pedido .datos_pedido_totales .label_datos_pedido_lineas.descripcion{
        width: 30%;
    }
    .seccion_emitir_factura .datos_pedido .datos_pedido_totales .label_datos_pedido_lineas b{
        display: none;
    }
    .seccion_emitir_factura .datos_pedido .datos_pedido_totales .label_datos_pedido_lineas p{
        background: 0;
        color: white;
        height: auto;
    }
    .seccion_emitir_factura .datos_pedido .datos_pedido_lineas .label_datos_pedido_lineas .input_ped{
        width: 100%;
        border-radius: 5px;
        border: 1px solid silver;
        height: 30px;
        padding-left: 5px;
    }
    .seccion_emitir_factura  .datos_tercero{
        width: 50%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        overflow: auto;
        height: 30vh;
    }
    .seccion_emitir_factura  .datos_tercero::-webkit-scrollbar {
        width: 20px;
    }

    .seccion_emitir_factura  .datos_tercero::-webkit-scrollbar-thumb {
        background: silver;
        border-radius: 5px;
        cursor: pointer;
    }

    .seccion_emitir_factura  .datos_tercero::-webkit-scrollbar-track {
        background: 0;
        border-radius: 20px;
        width: 30px;
        padding: 5px;
    }
    .seccion_emitir_factura  .datos_tercero h3{
        font-size: 18px;
        text-align: center;
    }
    .seccion_emitir_factura  .datos_tercero h4{
        font-size: 15px;
        text-align: center;
        color: var(--rojo);
    }
    .seccion_emitir_factura  .datos_tercero label{
        display: inline-block;
        width: 49%;
        float: left;
        height: 50px;
        margin-left: .5%;
        margin-right: .5%;
        margin-bottom: 5px;
    }
    .seccion_emitir_factura  .datos_tercero label p{
        height: 20px;
    }
    .seccion_emitir_factura  .datos_tercero label input, .seccion_emitir_factura  .datos_tercero label select{
        height: 30px;
        width: 100%;
        border-radius: 5px;
        border: 1px solid silver;
        padding-left: 5px;
    }
    .seccion_emitir_factura  .datos_tercero label #doc_cli{
        width: 69%;
        float: left;
    }
    .seccion_emitir_factura  .datos_tercero label #dv_cli{
        width: 30%;
        float: left;
        margin-left: 1%;
        display: none;
    }
    .seccion_emitir_factura  .datos_tercero label b{
        display: inline-block;
        background: 0;
        color: var(--rojo);
    }
    .seccion_emitir_factura  .datos_tercero .label_mas_datos{
        width: 99%;
        height: 30px;
        background: silver;
        color: white;
        text-align: center;
        border-radius: 5px;
        margin-bottom: 5px;
        border-bottom: 0;
    }
    .seccion_emitir_factura  .datos_fp{
        width: 50%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        overflow: auto;
        height: 45vh;
        border-right: 1px solid black;
    }
    .seccion_emitir_factura  .datos_fp h3{
        font-size: 18px;
        text-align: center;
    }
    .seccion_emitir_factura  .datos_fp .label_datos_pago{
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
    }
    .seccion_emitir_factura  .datos_fp .label_datos_pago .formas_pago{
        width: 100%;
    }
    .seccion_emitir_factura  .datos_fp .label_datos_pago p{
        text-align: left;
        font-size: 15px;
    }
    .seccion_emitir_factura  .datos_fp .label_datos_pago .division{
        width: 49%;
        float: left;
        background: 0;
        border-radius: 5px;
        border: 1px solid black;
        padding: 5px;
        box-sizing: border-box;
        margin-left: .5%;
        margin-right: .5%;
    }
    .seccion_emitir_factura  .datos_fp .label_datos_pago .valor_servicio{
        width: 69%;
        height: 30px;
        font-size: 15px;
        padding-left: 5px;
        border-radius: 5px;
        border: 1px solid silver;
        margin-bottom: 5px;
        float: left;
        margin-right: 1%;
    }
    .seccion_emitir_factura  .datos_fp .label_datos_pago .valor_descuento {
        width: 49%;
        height: 30px;
        font-size: 15px;
        padding-left: 5px;
        border-radius: 5px;
        border: 1px solid silver;
        margin-bottom: 5px;
        float: left;
    }
    
    .seccion_emitir_factura  .datos_fp .label_datos_pago .btn_servicio{
        width: 14%;
        float: left;
        height: 30px;
        border: 0;
        background: silver;
        padding: 5px;
        box-sizing: border-box;
        margin-left: .5%;
        margin-right: .5%;
    }
    
    .seccion_emitir_factura  .datos_fp .label_datos_pago .btn_servicio img{
        height: 100%;
        background: 0;
    }
    .seccion_emitir_factura  .datos_fp .label_datos_pago .formas_pago .label_fp{
        display: inline-block;
        width: 19%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        border-radius: 5px;
        background: silver;
        box-sizing: border-box;
        height: 30px;
        text-align: center;
        padding: 5px;
        position: relative;
        transition: .2s;
        cursor: pointer;
        margin-bottom: 5px;
    }
    .seccion_emitir_factura  .datos_fp .label_datos_pago .formas_pago .label_fp p{
        width: 100%;
        background: 0;
        font-size: 15px;
        height: 100%;
        text-align: center;
    }
    .seccion_emitir_factura  .datos_fp .label_datos_pago .formas_pago .label_fp img{
        height: 100%;
        background: 0;
        aspect-ratio: 1/2;
    }
    .seccion_emitir_factura  .datos_fp .label_datos_pago .formas_pago .label_fp:hover{
        background: grey;
        transition: .2s;
        transform: scale(.95,.95);
    }
    .seccion_emitir_factura  .datos_fp .label_datos_pago .formas_pago .input_id_fp1:checked + label, .seccion_emitir_factura  .datos_fp .label_datos_pago .formas_pago .input_id_fp2:checked + label{
        background: var(--amarillo);
    }
    .seccion_emitir_factura  .datos_fp .label_datos_pago .formas_pago input,.seccion_emitir_factura  .datos_fp .label_datos_pago select{
        width: 99%;
        height: 30px;
        font-size: 18px;
        padding-left: 5px;
        border-radius: 5px;
        border: 1px solid silver;
        margin-bottom: 5px;
        float: left;
        margin-left: .5%;
    }
    .seccion_emitir_factura  .datos_fp .label_total_pago{
        width: 100%;
        display: inline-block;
        background: black;
        color: white;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        position: relative;
    }
    .seccion_emitir_factura  .datos_fp .label_total_pago p{
        background: 0;
        font-size: 20px;
        text-align: center;
    }
    .seccion_emitir_factura  .datos_fp .label_total_pago input{
        text-align: center;
        font-size: 35px;
        width: 100%;
        background: 0;
        color: white;
        border: 0;
        float: left;
        height: 35px;
    }
    .seccion_emitir_factura  .datos_fp .label_datos_pago .formas_pago #respuesta_pago2{
        background: var(--naranjaclaro);
        color: var(--naranja);
        padding: 5px;
        font-size: 15px;
        box-sizing: border-box;
        border-radius: 5px;
        text-align: center;
        width: 49%; 
        margin-left: 1%;
        display: inline-block;
        display: none;
        float: left;
        border: 0;
        margin-bottom: 5px;
        height: 30px;
    }
    .seccion_emitir_factura  .datos_fp .label_datos_pago .formas_pago #respuesta_vueltas{
        background: var(--verdeclaro);
        color: var(--verde);
        padding: 5px;
        font-size: 15px;
        box-sizing: border-box;
        border-radius: 5px;
        text-align: center;
        width: 49%; 
        display: inline-block;
        display: none;
        float: left;
        border: 0;
        margin-bottom: 5px;
        height: 30px;
        margin-left: 1%;
    }
    .seccion_emitir_factura  .datos_fp .label_datos_pago .formas_pago .input_paga2{
        background: silver;
        color: black;
        border: 0;
        width: 49%;
        float: left;
        height: 30px;
        margin-left: .5%;
    }
    .seccion_emitir_factura  .article_btn_efectuar_pago{
        width: 48%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        overflow: auto;
        height: 10vh;
        margin-top: 10px;
        position: absolute;
        bottom: 10px;
        right: 1%;
        display: none;
    }
    .seccion_emitir_factura  .article_btn_efectuar_pago .btn_efectuar_pago{
        width: 100%;
        height: 100%;
        padding: 15px;
        box-sizing: border-box;
        background: var(--verdeclaro);
        color: var(--verde);
        font-size: 25px;
    }
    .seccion_emitir_factura  .article_btn_efectuar_pago .btn_efectuar_pago img{
        height: 80%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 20px;
    }
    .seccion_emitir_factura  .datos_fp .label_datos_pago .division .btn_descuentos{
        width: 50%;
        float: left;
        background: 0;
        height: 30px;
        overflow: auto
    } 
    .seccion_emitir_factura  .datos_fp .label_datos_pago .division .btn_descuentos .botones_descuentos{
        width: 24%;
        float: left;
        height: 100%;
        background: var(--naranja);
        margin-left: 1%;
        color: white;
    }
    .mod_repventas .cabecera_reportes{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        border-bottom: 1px dashed grey;
        overflow: hidden;
        height: auto;
    }
    .mod_repventas .cabecera_reportes .label_otros_reportes{
        width: auto;
        padding: 5px 10px 5px 10px;
        height: auto;
        background: silver;
        border-radius: 5px;
        float: left;
        margin-right: 10px;
        font-size: 15px;
        cursor: pointer;
        transition: .2s;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select:none;
        user-select:none;
    }
    .mod_repventas .cabecera_reportes .label_otros_reportes:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .mod_repventas .cabecera_reportes .caja_otros_reportes{
        width: 30%;
        max-width: 300px;
        float: left;
        position: absolute;
        top: 100px;
        background: var(--vino);
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        margin-top: 10px;
        z-index: 9;
    }
    .mod_repventas .cabecera_reportes .caja_otros_reportes .btn_otros_reportes{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 5px;
        margin-top: 5px;
        background: var(--dorado);
        color: white;
        font-size: 18px;
    }
    .seccion_reportes{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        height: auto;
    }
    .seccion_reportes .article_exportar_reporte{
        width: 100%;
        background: silver;
        height: 40px;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        overflow: hidden;
        margin-bottom: 5px;
    }
    .seccion_reportes .article_exportar_reporte .btn_exportar_reporte{
        height: 100%;
        width: 30px;
        float: left;
        margin-right: 10px;
        padding: 5px;
        box-sizing: border-box;
    }
    .seccion_reportes .article_exportar_reporte .btn_exportar_reporte img{
        height: 100%;
        background: 0
    }
    .seccion_reportes .article_datos_reporte  .caja_datos_lineas{
        width: 100%;
        height: auto;
        overflow: hidden;
        background: 0;
    }
    .seccion_reportes .article_datos_reporte  .caja_datos_lineas .label_datos_reporte.nohaydatos{
        width: 100%;
        height: 40px;
        background: silver;
        display: inline-block;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
    }
    .seccion_reportes .article_datos_reporte  .caja_datos_lineas .label_datos_reporte.nohaydatos b{
        background: 0;
        font-size: 18px;
    }
    .seccion_reportes .article_datos_reporte .caja_datos_totales{
        width: 100%;
        background: black;
        overflow: hidden;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        height: 40px;
        margin-bottom: 5px;
    } 
    .seccion_reportes .article_datos_reporte .caja_datos_totales .label_datos_reporte.totales{
        display: inline-block;
        width: 15%;
        height: 100%;
        border-radius: 5px;
        font-size: 18px;
        padding-top: 3px;
        box-sizing: border-box;
        margin-left: 2.5%;
        margin-right: 2.5%;
        float: left;
    }
    .seccion_reportes .article_datos_reporte .caja_datos_lineas{
        width: 100%;
        overflow: hidden;
        border-bottom: 2px solid black;
        background: 0;
        position: relative;
    }
    .seccion_reportes .article_datos_reporte .caja_datos_lineas:hover{
        background: silver;
        transition: .2s;
    }
    .seccion_reportes .article_datos_reporte .caja_datos_lineas .label_datos_reporte{
        display: inline-block;
        width: 10%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        background: 0;
        height: 80px;
        margin-left: .5%;
        margin-right: .5%;
    }
    .seccion_reportes .article_datos_reporte .caja_datos_lineas .label_datos_reporte.descripcion{
        width: 20%;
    }
    .seccion_reportes .article_datos_reporte .caja_datos_lineas .label_datos_reporte b, .seccion_reportes .article_datos_reporte .caja_datos_lineas .label_datos_reporte p{
        background: 0;
        width: 100%;
        display: inline-block;
    }
    .seccion_reportes .article_datos_reporte .caja_datos_lineas .label_datos_reporte input, .seccion_reportes .article_datos_reporte .caja_datos_lineas .label_datos_reporte select{
        width: 100%;
        height: 30px;
        border-radius: 5px;
        border: 1px solid silver;
        text-align: center;
        text-align-last: center;
        color: black;
    }
    .seccion_reportes .article_datos_reporte .caja_datos_lineas .label_datos_reporte.total{
        background: grey;
        border-radius: 5px;
        height: auto;
        color: white;
    }
    .seccion_reportes .article_datos_reporte .caja_datos_lineas .label_datos_reporte .mostrar_fp{
        display: inline-block;
        font-size: 14px;
        text-decoration: underline;
        cursor: pointer;
    }
    .seccion_reportes .caja_resumen_reporte{
        width: 100%;
        background: black;
        border-radius: 5px;
        overflow: hidden;
        margin-bottom: 5px;
        padding: 5px;
        box-sizing: border-box;
        height: 90px;
    }
    .seccion_reportes .caja_resumen_reporte img{
        width: 40px;
        height: 100%;
        background: 0;
        float: left;
        aspect-ratio: 1/2;
        object-fit: contain;
        margin-left: 5px;
    }
    .seccion_reportes .caja_resumen_reporte .label_resumen_reporte{
        display: inline-block;
        width: 22%;
        float: left;
        margin-left: .875%;
        margin-right: .875%;
        height: 75px;
        border-radius: 5px;
        margin-top: 2.5px;
        background: 0;
    }
    .seccion_reportes .caja_resumen_reporte .label_resumen_reporte b{
        background: 0;
        color: white;
        height: 20px;
        display: inline-block;
    }
    .seccion_reportes .caja_resumen_reporte .label_resumen_reporte p{
        width: 100%;
        border-radius: 5px;
        background: white;
        height: 55px;
        font-size: 18px;
        letter-spacing: .5;
        padding: 5px;
        box-sizing: border-box;
        
    }
    .seccion_reportes .caja_grafica_reporte{
        width: 100%;
        height: auto;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        background: black;
        margin-bottom: 5px;
    }
    .seccion_reportes .caja_grafica_reporte .cajas{
        background: 0;
    }
    .seccion_reportes .article_datos_reporte  .caja_datos_lineas .label_datos_reporte .ticket_pos{
        font-size: 14px;
        background: var(--naranjaclaro);
        border-radius: 5px;
        padding: 2.5px;
        box-sizing: border-box;
    }
    .seccion_reportes .article_datos_reporte  .caja_datos_lineas .label_datos_reporte .factura_e{
        font-size: 14px;
        background: var(--verdeclaro);
        border-radius: 5px;
        padding: 2.5px;
        box-sizing: border-box;
    }
    .seccion_reportes .article_datos_reporte  .caja_datos_lineas .label_datos_reporte .caja_mas_fp{
        position: fixed;
        z-index: 999;
        background: red;
        
    }
    .seccion_reportes .article_datos_reporte  .caja_datos_lineas .label_datos_reporte .caja_mas_fp p{
        background: 0;
    }
    .seccion_reportes .article_datos_reporte  .caja_datos_lineas .label_datos_reporte.f_pago{
        overflow: auto;
    }
    
    .seccion_reportes .article_datos_reporte  .caja_datos_lineas .label_datos_reporte .forma_pago{
        font-size: 14px;
        background: var(--moradoclaro);
        border-radius: 5px;
        padding: 2.5px;
        box-sizing: border-box;
        width: 100%;
    }
    .seccion_reportes .article_datos_reporte  .caja_datos_lineas .label_datos_reporte.f_pago::-webkit-scrollbar {
        width: 10px;
    }

    .seccion_reportes .article_datos_reporte  .caja_datos_lineas .label_datos_reporte.f_pago::-webkit-scrollbar-thumb {
        background: silver;
        border-radius: 5px;
        cursor: pointer;
    }

    .seccion_reportes .article_datos_reporte  .caja_datos_lineas .label_datos_reporte.f_pago::-webkit-scrollbar-track {
        background: 0;
        border-radius: 20px;
        width: 30px;
        padding: 5px;
    }
    .seccion_reportes .article_datos_reporte  .caja_datos_lineas .label_datos_reporte .btn_guardar{
        width: 100%;
        height: 30px;
        background: var(--verde);
        color: white;
        font-size: 15px;
    }
    .seccion_reportes .article_datos_reporte  .caja_datos_lineas .label_datos_reporte .btn_mas_opciones{
        width: 100%;
        height: 30px;
        background: silver;
    }
    .seccion_reportes .article_datos_reporte  .caja_datos_lineas .label_datos_reporte .btn_mas_opciones img{
        height: 10%;
        background: 0;
    }
    .seccion_reportes .article_datos_reporte  .caja_datos_lineas .caja_mas_opciones{
        position: absolute;
        width: 25%;
        max-width: 300px;
        background: rgba(0,0,0,.85);
        border-radius: 0px;
        padding: 5px;
        box-sizing: border-box;
        height: 100%;
        z-index: 9999999;
        top: 0;
        right: 0;
        overflow: auto;
    }
    .seccion_reportes .article_datos_reporte  .caja_datos_lineas .caja_mas_opciones::-webkit-scrollbar {
        width: 10px;
    }

    .seccion_reportes .article_datos_reporte  .caja_datos_lineas .caja_mas_opciones::-webkit-scrollbar-thumb {
        background: silver;
        border-radius: 5px;
        cursor: pointer;
    }

    .seccion_reportes .article_datos_reporte  .caja_datos_lineas .caja_mas_opciones::-webkit-scrollbar-track {
        background: 0;
        border-radius: 20px;
        width: 30px;
        padding: 5px;
    }
    .seccion_reportes .article_datos_reporte  .caja_datos_lineas .caja_mas_opciones .btn_menos_opciones{
        width: 40px;
        height: 20px;
        background: var(--rojoclaro);
        color: var(--rojo);
        font-size: 15px;
        margin-bottom: 5px;
    }
    .seccion_reportes .article_datos_reporte  .caja_datos_lineas .caja_mas_opciones .btn_mas_opciones{
        width: 100%;
        margin-top: 2.5px;
        margin-bottom: 2.5px;
        height: 30px;
        font-size: 15px;
        background: var(--dorado);
        color: white;
    }
    .seccion_detalle_venta{
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: hidden;
        top: 0;
        left: 0;
        padding: 5px;
        box-sizing: border-box;
    }
    .seccion_detalle_venta .espacio{
        width: 100%;
        height: 55px;
    }
    .seccion_detalle_venta h1{
        text-align: center;
    }
    .seccion_detalle_venta .article_datos_venta{
        width: 49.5%;
        float: left;
        border-right: 1px solid black;
        height: 85vh;
        overflow: auto;
    }
    .seccion_detalle_venta .article_datos_venta::-webkit-scrollbar {
        width: 10px;
    }

    .seccion_detalle_venta .article_datos_venta::-webkit-scrollbar-thumb {
        background: silver;
        border-radius: 5px;
        cursor: pointer;
    }

    .seccion_detalle_venta .article_datos_venta::-webkit-scrollbar-track {
        background: 0;
        border-radius: 20px;
        width: 30px;
        padding: 5px;
    }
    .seccion_detalle_venta .article_datos_venta h2{
        text-align: center;
    }
    .seccion_detalle_venta .article_datos_venta .label_datos_reporte{
        display: inline-block;
        width: 49%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        background: 0;
        height: 80px;
        margin-left: .5%;
        margin-right: .5%;
    }
    .seccion_detalle_venta .article_datos_venta .label_datos_reporte b, .seccion_detalle_venta .article_datos_venta .label_datos_reporte p{
        background: 0;
        width: 100%;
        display: inline-block;
    }
    .seccion_detalle_venta .article_datos_venta .label_datos_reporte input, .seccion_detalle_venta .article_datos_venta .label_datos_reporte select{
        width: 100%;
        height: 30px;
        border-radius: 5px;
        border: 1px solid silver;
        text-align: center;
        text-align-last: center;
        color: black;
    }
    .seccion_detalle_venta .article_datos_venta .label_datos_reporte.total{
        background: grey;
        border-radius: 5px;
        height: auto;
        color: white;
        margin-bottom: 5px;
    }
    .seccion_detalle_venta .article_datos_venta .label_datos_reporte .ticket_pos{
        font-size: 14px;
        background: var(--naranjaclaro);
        border-radius: 5px;
        padding: 2.5px;
        box-sizing: border-box;
    }
    .seccion_detalle_venta .article_datos_venta .label_datos_reporte .factura_e{
        font-size: 14px;
        background: var(--verdeclaro);
        border-radius: 5px;
        padding: 2.5px;
        box-sizing: border-box;
    }
    .seccion_detalle_venta .article_datos_venta .label_datos_reporte .caja_mas_fp{
        position: fixed;
        z-index: 999;
        background: red;
        
    }
    .seccion_detalle_venta .article_datos_venta .label_datos_reporte .caja_mas_fp p{
        background: 0;
    }
    .seccion_detalle_venta .article_datos_venta .label_datos_reporte.f_pago{
        overflow: auto;
    }
    
    .seccion_detalle_venta .article_datos_venta .label_datos_reporte .forma_pago{
        font-size: 14px;
        background: var(--moradoclaro);
        border-radius: 5px;
        padding: 2.5px;
        box-sizing: border-box;
        width: 100%;
    }
    .seccion_detalle_venta .article_datos_venta .label_datos_reporte.f_pago::-webkit-scrollbar {
        width: 10px;
    }

    .seccion_detalle_venta .article_datos_venta .label_datos_reporte.f_pago::-webkit-scrollbar-thumb {
        background: silver;
        border-radius: 5px;
        cursor: pointer;
    }

    .seccion_detalle_venta .article_datos_venta .label_datos_reporte.f_pago::-webkit-scrollbar-track {
        background: 0;
        border-radius: 20px;
        width: 30px;
        padding: 5px;
    }
    .seccion_detalle_venta .article_datos_venta .label_datos_reporte .btn_guardar{
        width: 100%;
        height: 30px;
        background: var(--verde);
        color: white;
        font-size: 15px;
    }
    .seccion_detalle_venta .article_datos_venta .label_datos_reporte .btn_mas_opciones{
        width: 100%;
        height: 30px;
        background: silver;
    }
    .seccion_detalle_venta .article_datos_venta .label_datos_reporte .btn_mas_opciones img{
        height: 10%;
        background: 0;
    }
    .seccion_detalle_venta .article_datos_venta .label_datos_reporte .btn_anular{
        width: 100%;
        height: 30px;
        background: var(--rojo);
        color: white;
        font-size: 15px;
    }
    .seccion_detalle_venta .article_datos_venta .historial_movimientos{
        width: 100%;
    }
    .seccion_detalle_venta .article_datos_venta .historial_movimientos .caja_movimientos_lineas{
        width: 100%;
        float: left;
        height: auto;
        border-bottom: 1px solid silver;
        background: 0;
    }
    .seccion_detalle_venta .article_datos_venta .historial_movimientos .caja_movimientos_lineas:hover{
        background: silver;
    }
    .seccion_detalle_venta .article_datos_venta .historial_movimientos .label_movimientos{
        display: inline-block;
        width: 49%;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
        height: 60px;
        background: 0;
    }
    .seccion_detalle_venta .article_datos_venta .historial_movimientos .label_movimientos b{
        display: inline-block;
        height: 20px;
        background: 0;
    }
    .seccion_detalle_venta .article_datos_venta .historial_movimientos .label_movimientos p{
        height: 40px;
        background: 0;
        overflow: auto;
    }
    .seccion_detalle_venta .article_datos_venta .historial_movimientos .label_movimientos.nom_tm p{
        background: var(--moradoclaro);
        border-radius: 5px;
        height: auto;
        text-align: center;
    }
    .seccion_detalle_venta .article_datos_venta .historial_movimientos .label_movimientos.obser_tm p{
        font-style: italic;
        background: var(--naranjaclaro);
        padding: 5px;
        box-sizing: border-box;
    }
    .seccion_detalle_venta .article_datos_venta .historial_movimientos .label_movimientos.obser_tm p::-webkit-scrollbar {
        width: 10px;
    }

    .seccion_detalle_venta .article_datos_venta .historial_movimientos .label_movimientos.obser_tm p::-webkit-scrollbar-thumb {
        background: silver;
        border-radius: 5px;
        cursor: pointer;
    }

    .seccion_detalle_venta .article_datos_venta .historial_movimientos .label_movimientos.obser_tm p::-webkit-scrollbar-track {
        background: 0;
        border-radius: 20px;
        width: 30px;
        padding: 5px;
    }
    .seccion_detalle_venta .article_datos_venta .historial_movimientos .label_movimientos.nom_tm p .fec_mov{
        display: inline-block;
        background: 0;
        font-style: italic;
    }
    .seccion_detalle_venta .article_datos_venta .tiempos{
        width: 100%;
    }
    .seccion_detalle_venta .article_datos_venta .tiempos .label_tiempos{
        width: 24%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        border-radius: 5px;
        margin-bottom: 5px;
        padding: 5px;
        box-sizing: border-box;
    }
    .seccion_detalle_venta .article_datos_venta .tiempos .label_tiempos p, .seccion_detalle_venta .article_datos_venta .tiempos .label_tiempos b{
        background: 0;
    }
    .seccion_detalle_venta .article_datos_venta .tiempos .label_tiempos.creacion {
        background: var(--rojoclaro);
    }
    .seccion_detalle_venta .article_datos_venta .tiempos .label_tiempos.entrega {
        background: var(--amarilloclaro);
    }
    .seccion_detalle_venta .article_datos_venta .tiempos .label_tiempos.pago {
        background: var(--verdeclaro);
    }
    .seccion_detalle_venta .article_datos_venta .tiempos .label_tiempos.duracion {
        background: var(--naranjaclaro);
    }
    .seccion_detalle_venta .article_datos_venta .formas_pago{
        width: 100%;
        margin-bottom: 5px;
        overflow: hidden;
    }
    .seccion_detalle_venta .article_datos_venta .formas_pago .label_fp{
        width: 100%;
        border-bottom: 1px solid silver;
        padding: 5px;
        box-sizing: border-box;
        float: left;
        background: 0;
    }
    .seccion_detalle_venta .article_datos_venta .formas_pago .label_fp:hover{
        background: silver;
    }
    .seccion_detalle_venta .article_datos_venta .formas_pago .label_fp select, .seccion_detalle_venta .article_datos_venta .formas_pago .label_fp input{
        width: 44.5%;
        margin: auto;
        height: 35px;
        border-radius: 5px;
        float: left;
        margin-right: .5%;
        border: 1px solid silver;
        text-align: center;
        font-size: 15px;
    }
    .seccion_detalle_venta .article_datos_venta .formas_pago .label_fp .btn_eli_fv{
        width: 9.5%;
        float: left;
        height: 35px;
        background: 0;
        padding: 5px;
        box-sizing: border-box;
    }
    .seccion_detalle_venta .article_datos_venta .formas_pago .label_fp .btn_eli_fv img{
        height: 100%;
        background: 0;
    }
    .seccion_detalle_venta .article_datos_venta .formas_pago .btn_add_fp{
        width: 9%;
        float: left;
        height: 35px;
        background: silver;
        padding: 5px;
        box-sizing: border-box;
    }
    .seccion_detalle_venta .article_datos_venta .formas_pago .btn_add_fp img{
        height: 100%;
        background: 0;
    }
    .seccion_detalle_venta .article_datos_venta .formas_pago .btn_guardar_fp{
        width: 89%;
        float: left;
        height: 35px;
        background: var(--verde);
        padding: 5px;
        box-sizing: border-box;
        margin-right: .5%;
        margin-left: .5%;
        display: none;
    }
    .seccion_detalle_venta .article_datos_venta .formas_pago .btn_guardar_fp img{
        height: 100%;
        background: 0;
    }
    .seccion_detalle_venta .article_datos_venta .formas_pago .label_total_fv{
        width: 98.5%;
        display: inline-block;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 5px;
        border-radius: 5px;
        margin-top: 5px;
        margin-left: .5%;
    }
    .seccion_detalle_venta .article_datos_venta .formas_pago .label_total_fv p{
        width: 50%;
        float: left;
        font-size: 20px;
        text-align: center;
        background: 0;
    }
    .seccion_detalle_venta .article_datos_venta .formas_pago .label_total_fv input{
        width: 50%;
        float: left;
        height: 30px;
        font-size: 20px;
        text-align: center;
        border: 0;
        background: 0;
    }
    .seccion_detalle_venta .article_datos_venta .formas_pago .label_total_fv b{
        display: inline-block;
        background: 0;
        text-align: center;
        color: var(--rojo);
        display: none;
    }
    .seccion_detalle_venta .article_datos_venta .caja_anular_venta{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        overflow: hidden;
    }
    .seccion_detalle_venta .article_datos_venta .caja_anular_venta .label_input{
        width: 100%;
        margin-bottom: 5px;
        display: inline-block;
    }
    .seccion_detalle_venta .article_datos_venta .caja_anular_venta .label_input #mot_anulacion{
        width: 100%;
        height: 35px;
        padding-left: 5px;
    }
    .seccion_detalle_venta .article_datos_venta .caja_anular_venta .label_afec_inv{
        width: 49.5%;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
        background: silver;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        text-align: center;
        transition: .2s;
        cursor: pointer;
        margin-bottom: 10px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select:none;
    }
    .seccion_detalle_venta .article_datos_venta .caja_anular_venta input[type="radio"]:checked + label{
        background: var(--amarillo);
        transition: .2s;
    }
    .seccion_detalle_venta .article_datos_venta .caja_anular_venta .btn_anular_venta{
        width: 49.5%;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
        height: 40px;
        padding: 5px;
        box-sizing: border-box;
        background: var(--verdeclaro);
        color: var(--verde);
        font-size: 20px;
    }
    .seccion_detalle_venta .article_datos_venta .caja_anular_venta .btn_anular_venta img{
        background: 0;
        height: 70%;
        margin-left: 20px;
        margin-bottom: -2px;
    }
    .seccion_detalle_venta .article_datos_venta .caja_anular_venta .btn_cancelar{
        width: 49.5%;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
        height: 40px;
        padding: 5px;
        box-sizing: border-box;
        background: var(--rojoclaro);
        color: var(--rojo);
        font-size: 20px;
    }
    .seccion_detalle_venta .article_datos_venta .caja_anular_venta .btn_cancelar img{
        background: 0;
        height: 70%;
        margin-left: 20px;
        margin-bottom: -2px;
    }
    .seccion_detalle_venta  .article_datos_pedido{
        width: 49.5%;
        float: left;
        height: 85vh;
        overflow: auto;
    }
    .seccion_detalle_venta  .article_datos_pedido h2{
        text-align: center;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido{
        width: 100%;
        overflow: hidden;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas{
        width: 100%;
        overflow: hidden;
        border-bottom: 2px solid grey;
        background: 0;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas:hover{
        background: silver;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .label_pedido{
        background: 0;
        display: inline-block;
        padding: 5px;
        box-sizing: border-box;
        height: auto;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .label_pedido p{
        background: 0;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .label_pedido.producto{
        width: 40%;
        float: left;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .label_pedido.otros{
        width: 16%;
        float: left;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .label_pedido.masdatos{
        width: 8%;
        float: left;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .label_pedido.masdatos .btn_mas_datos, .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .label_pedido.masdatos .btn_menos_datos{
        width: 100%;
        height: 30px;
        background: grey;
        border-radius: 5px;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .label_pedido.masdatos .btn_menos_datos{
        display: none;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .label_pedido.masdatos .btn_mas_datos img{
        height: 100%;
        background: 0;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .label_pedido.masdatos .btn_menos_datos img{
        height: 35%;
        background: 0;
    }
    
    .seccion_detalle_venta  .article_datos_pedido::-webkit-scrollbar {
        width: 10px;
    }

    .seccion_detalle_venta  .article_datos_pedido::-webkit-scrollbar-thumb {
        background: silver;
        border-radius: 5px;
        cursor: pointer;
    }

    .seccion_detalle_venta  .article_datos_pedido::-webkit-scrollbar-track {
        background: 0;
        border-radius: 20px;
        width: 30px;
        padding: 5px;
    }
    
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .caja_mas_datos{
        width: 100%;
        overflow: hidden;
        padding: 10px;
        box-sizing: border-box;
        border-top: 1px dashed grey;
        background: 0;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .caja_mas_datos .label_mas_datos_ped{
        display: inline-block;
        width: 24%;
        float: left;
        overflow: auto;
        height: 50px;
        margin-left: .5%;
        margin-right: .5%;
        background: 0;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .caja_mas_datos .label_mas_datos_ped b, .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .caja_mas_datos .label_mas_datos_ped p{
        background: 0;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .caja_mas_datos .label_mas_datos_ped.creacion {
        background: var(--rojoclaro);
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        overflow: hidden;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .caja_mas_datos .label_mas_datos_ped.entrega {
        background: var(--amarilloclaro);
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        overflow: hidden;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .caja_mas_datos .label_mas_datos_ped.pago {
        background: var(--verdeclaro);
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        overflow: hidden;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .caja_mas_datos .label_mas_datos_ped.nota {
        background: grey;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        overflow: hidden;
        color: white;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .caja_mas_datos .log_inventario{
        width: 100%;
        background: 0;
        border-top: 1px dashed grey;
        overflow: hidden;
        font-size: 14px;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .caja_mas_datos .log_inventario .label_inventario{
        padding: 5px;
        box-sizing: border-box;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .caja_mas_datos .log_inventario .label_inventario{
        width: 50%;
        float: left;
        background: 0;
        border-bottom: 1px solid black;
    }
    
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .caja_mas_datos .log_inventario .label_inventario p, .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .caja_mas_datos .log_inventario .label_inventario b{
        background: 0;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .caja_mas_datos .log_inventario .label_inventario.titulo p, .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .caja_mas_datos .log_inventario .label_inventario.titulo b{
        background: black;
        color: white;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        display: inline-block;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .caja_mas_datos .log_inventario .label_inventario p{
        width: 100%;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .caja_mas_datos .log_inventario .label_inventario b{
        display: inline-block;
        width: 24%;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
        text-align: center;
    } 
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .caja_mas_datos .log_inventario .label_inventario .anterior.dato{
        background: var(--rojoclaro);
        border-radius: 5px;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .caja_mas_datos .log_inventario .label_inventario .rebajado.dato{
        background: var(--amarilloclaro);
        border-radius: 5px;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .caja_mas_datos .log_inventario .label_inventario .despues.dato{
        background: var(--verdeclaro);
        border-radius: 5px;
    }
    .seccion_detalle_venta  .article_datos_pedido .caja_pedido .caja_pedido_lineas .caja_mas_datos .log_inventario .nohayreceta{
        width: 100%;
        display: inline-block;
        text-align: center;
        background: grey;
        padding: 5px;
        box-sizing: border-box;
        margin-top: 5px;
        border-radius: 5px;
        color: white;
    }
    .modulo_ingresar_factura{
        width: 100%;
        height: 100vh;
        position: absolute;
        top: 0;
        left: 0;
        padding: 5px;
        box-sizing: border-box;
    }
    .modulo_ingresar_factura .espacio{
        width: 100%;
        height: 55px;
    }
    .modulo_ingresar_factura .article_datos_factura{
        width: 50%;
        margin-left: 25%;
        border-radius: 5px;
        border: 2px solid black;
        margin-top: 5vh;
        padding: 5px;
        box-sizing: border-box;
        text-align: center;
    }
    .modulo_ingresar_factura .article_datos_factura .label_datos_factura, .modulo_ingresar_factura .article_datos_factura .label_no_afecta_inv{
        width: 100%;
        margin-bottom: 5px;
        display: inline-block;
    }
    .modulo_ingresar_factura .article_datos_factura .label_datos_factura p, .modulo_ingresar_factura .article_datos_factura .label_no_afecta_inv p{
        text-align: left;
    }
    .modulo_ingresar_factura .article_datos_factura .label_datos_factura input, .modulo_ingresar_factura .article_datos_factura .label_datos_factura select, .modulo_ingresar_factura .article_datos_factura .label_no_afecta_inv input{
        width: 100%;
        height: 35px;
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid silver;
        border-radius: 5px;
    }
    
    .modulo_ingresar_factura .article_datos_factura .label_datos_factura textarea{
        width: 100%;
        height: 50px;
        padding: 5px;
        box-sizing: border-box;
        border: 1px solid silver;
        border-radius: 5px;
        resize: none;
        overflow: hidden;
    }
    .modulo_ingresar_factura .article_datos_factura .btn_confirmar{
        width: 100%;
        height: 35px;
        padding: 5px;
        box-sizing: border-box;
        background: var(--verdeclaro);
    }
    .modulo_ingresar_factura .article_datos_factura .btn_confirmar img{
        height: 100%;
        background: 0;
    }
    .modulo_ingresar_factura .article_productos_factura{
        width: 100%;
        left: 0%;
        top: 0;
        padding: 5px;
        box-sizing: border-box;
        text-align: center;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_ing_productos{
        width: 100%;
        overflow: hidden;
        margin-bottom: 5px;
        border-bottom: 2px solid black;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_ing_productos .label_productos.ingrediente{
        display: inline-block;
        width: 20%;
        float: left;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_ing_productos .label_productos.ingrediente .caja_select2{
        height: 35px;
        width: 100%;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_ing_productos .label_productos{
        padding: 5px;
        box-sizing: border-box;
        width: 10%;
        display: inline-block;
        float: left;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_ing_productos .label_productos #canutil_com, .modulo_ingresar_factura .article_productos_factura .caja_ing_productos .label_productos #canmerma_com, .modulo_ingresar_factura .article_productos_factura .caja_ing_productos .label_productos #preutil_com{
        background: silver;
        color: white;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_ing_productos .label_productos p{
        font-size: 13px;
        height: 35px;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_ing_productos .label_productos input{
        width: 100%;
        height: 35px;
        padding: 2.5px;
        box-sizing: border-box;
        border-radius: 5px;
        border: 1px solid silver;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_ing_productos .label_productos .btn_agregar{
        width: 100%;
        height: 35px;
        background: var(--verdeclaro);
        padding: 5px;
        box-sizing: border-box;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_ing_productos .label_productos .btn_agregar img{
        height: 100%;
        background: 0;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_productos_factura{
        width: 100%;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_productos_factura .caja_productos_lineas{
        width: 100%;
        overflow: auto;
        border-bottom: 2px solid black;
        background: 0;
        transition: .2s;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_productos_factura .caja_productos_lineas:hover{
        background: silver;
        transition: .2s;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_productos_factura .caja_productos_lineas .label_productos_fac.ingrediente{
        display: inline-block;
        width: 30%;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_productos_factura .caja_productos_lineas .label_productos_fac{
        display: inline-block;
        width: 17.5%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        background: 0;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_productos_factura .caja_productos_lineas .label_productos_fac p, .modulo_ingresar_factura .article_productos_factura .caja_productos_factura .caja_productos_lineas .label_productos_fac b{
        background: 0;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_productos_factura .caja_productos_lineas .label_productos_fac input, .modulo_ingresar_factura .article_productos_factura .caja_productos_factura .caja_productos_lineas .label_productos_fac select{
        width: 100%;
        height: 35px;
        border-radius: 5px;
        border: 1px solid silver;
        padding-left: 2.5px;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_productos_factura .caja_productos_lineas .label_productos_fac .readonly{
        background: silver;
        color: white;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_productos_factura .caja_productos_lineas .label_productos_fac.botones{
        width: 15%;
        float: left;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_productos_factura .caja_productos_lineas .label_productos_fac .btn_guardar{
        width: 100%;
        height: 35px;
        background: var(--verdeclaro);
        padding: 5px;
        box-sizing: border-box;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_productos_factura .caja_productos_lineas .label_productos_fac .btn_eliminar{
        width: 100%;
        height: 35px;
        background: var(--rojoclaro);
        padding: 5px;
        box-sizing: border-box;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_productos_factura .caja_productos_lineas .label_productos_fac .btn_guardar img, .modulo_ingresar_factura .article_productos_factura .caja_productos_factura .caja_productos_lineas .label_productos_fac .btn_eliminar img{
        height: 100%;
        background: 0;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_cancelar_factura{
        width: 100%;
        margin-bottom: 50px;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_cancelar_factura .btn_cancelar_fac{
        width: 50%;
        margin: auto;
        background: var(--rojo);
        height: 35px;
        color: white;
        font-size: 15px;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_guardar_factura{
        width: 100%;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .modulo_ingresar_factura .article_productos_factura .caja_guardar_factura .btn_guardar_fac{
        width: 100%;
        margin: auto;
        background: var(--verde);
        height: 60px;
        color: white;
        font-size: 25px;
    }
    .comandera_online{
        width: 100%;
        height: auto;
        
    }
    .comandera_online h1{
        text-align: center;
        font-size: 25px;
    }
    .comandera_online .nohaydatos{
        display: inline-block;
        width: 90%;
        margin-left: 5%;
        text-align: center;
        background: silver;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        font-size: 20px;
    }
    .comandera_online .datos_comandas{
        width: 100%;
        height: auto;
        border-bottom: 2px solid black;
        margin-bottom: 5px;
        overflow: hidden;
        padding: 5px;
        box-sizing: border-box;
    }
    .comandera_online .datos_comandas .label_comanda{
        display: inline-block;
        width: 24%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        border-radius: 5px;
        border: 2px solid black;
        padding: 5px;
        box-sizing: border-box;
        height: auto;
        background: 0;
        margin-bottom: 5px;
    }
    .comandera_online .datos_comandas .label_comanda:hover{
        background: silver;
    }
    .comandera_online .datos_comandas .label_comanda .titulo{
        background: 0;
        width: 100%;
        background: black;
        color: white;
        border-radius: 5px;
        font-size: 25px;
        padding: 5px;
        box-sizing: border-box;
        height: auto;
        margin-bottom: 5px;
    }
    .comandera_online .datos_comandas .label_comanda .titulo p{
        background: 0;
    }
    .comandera_online .datos_comandas .label_comanda .datos_comanda{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        border-bottom: 1px solid black;
        overflow: hidden;
        background: 0;
    }
    .comandera_online .datos_comandas .label_comanda .datos_comanda p{
        width: 80%;
        font-size: 20px;
        float: left;
        background: 0;
    }
    .comandera_online .datos_comandas .label_comanda .datos_comanda p .can_ped{
        font-size: 25px;
        margin-right: 10px;
        background: 0;
    }
    .comandera_online .datos_comandas .label_comanda .datos_comanda p .can_ped.mas_dos{
        color: var(--rojo);
    }
    .comandera_online .datos_comandas .label_comanda .datos_comanda .nota_ped{
        display: inline-block;
        width: 80%;
        background: var(--rojo);
        color: white;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        float: left;
    }
    .comandera_online .datos_comandas .label_comanda .tiempo_comanda{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        height: 50px;
        background: var(--vino);
        text-align: center;
        font-size: 30px;
        letter-spacing: .5;
        color: white;
        margin-top: 5px;
        border-radius: 5px;
    }
    .comandera_online .datos_comandas .label_comanda .tiempo_comanda img{
        height: 100%;
        background: 0;
        float: left;
        
    }
    .comandera_online .datos_comandas .label_comanda .tiempo_comanda.tiempo_caducado{
        background: var(--rojo);
        animation: go-left-right .5s infinite alternate;
    }
    .comandera_online .datos_comandas .label_comanda .datos_comanda .btn_confirmar_linea{
        width: 19%;
        height: 35px;
        padding: 5px;
        box-sizing: border-box;
        background: var(--verdeclaro);
        float: left;
        margin-left: 1%;
    }
    .comandera_online .datos_comandas .label_comanda .datos_comanda .btn_confirmar_linea img{
        height: 80%;
        background: 0;
    }
    .comandera_online .datos_comandas .label_comanda .btn_confirmar_ped{
        width: 100%;
        height: 40px;
        background: var(--verde);
        padding: 5px;
        box-sizing: border-box;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .comandera_online .datos_comandas .label_comanda .btn_confirmar_ped img{
        height: 100%;
        background: 0;
    }
    .comandera_online .datos_comandas .label_comanda .btn_precuenta{
        width: 49.5%;
        height: 35px;
        background: var(--amarillo);
        padding: 5px;
        box-sizing: border-box;
        margin-top: 5px;
        margin-bottom: 5px;
        float: left;
        margin-right: .5%;
    }
    .comandera_online .datos_comandas .label_comanda .btn_precuenta img{
        height: 100%;
        background: 0;
    }
    .comandera_online .datos_comandas .label_comanda .btn_verped{
        width: 49.5%;
        height: 35px;
        background: grey;
        padding: 5px;
        box-sizing: border-box;
        margin-top: 5px;
        margin-bottom: 5px;
        float: left;
        margin-left: .5%;
    }
    .comandera_online .datos_comandas .label_comanda .btn_verped img{
        height: 100%;
        background: 0;
    }
    .comandera_online .datos_comandas .label_comanda .fieldset_comanda{
        width: 100%;
        margin-bottom: 5px;
        border-radius: 5px;
        border: 1px solid black;
    }
    .comandera_online .datos_comandas .label_comanda .fieldset_comanda legend{
        background: black;
        border-radius: 5px;
        padding-left: 5px;
        padding-right: 5px;
        color: white;
        margin-left: 10px;
    }
    .comandera_online .datos_comandas .label_comanda .titulo .domicilio{
        width: 100%;
        background: var(--amarillo);
        border-radius: 5px;
        text-align: center;
        color: black;
    }
    .modulo_mesas{
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        overflow: hidden;
    }
    .modulo_mesas .article_mesas{
        width: 50%;
        float: left;
        height: auto;
        padding: 5px;
        box-sizing: border-box;
    }
    .modulo_mesas .article_mesas .btn_nom_mesa{
        font-size: 30px;
        text-align: center;
        width: 95%;
        background: silver;
        margin-bottom: 5px;
        height: 40px;
        margin-left: 2.5%;
        display: inline-block;
        border-radius: 5px;
        cursor: pointer;
        transition: .2s;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .modulo_mesas .article_mesas .btn_nom_mesa:hover{
        background: grey;
        color: white;
        transition: .2s;
    }
    .modulo_mesas .article_mesas .btn_nom_mesa .flecha_abajo{
        background: 0;
        height: 100%;
        display: inline-block;
        float: right;
    }
    .modulo_mesas .article_mesas .btn_nom_mesa .flecha_abajo img{
        height: 100%;
        background: 0;
    }
    .modulo_mesas .article_mesas .btn_nom_mesa .flecha_arriba{
        background: 0;
        height: 100%;
        float: right;
        display: inline-block;
        padding: 13px;
        box-sizing: border-box;
    }
    .modulo_mesas .article_mesas .btn_nom_mesa .flecha_arriba img{
        height: 100%;
        background: 0;
        
    }
    .modulo_mesas .article_mesas .caja_mesas{
        width: 100%;
    }
    .modulo_mesas .article_mesas .caja_mesas .btn_mesa{
        width: 19%;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
        height: 90px;
        background: var(--verde);
        font-size: 2vw;
        margin-bottom: 10px;
        position: relative;
        padding: 2.5px;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .modulo_mesas .article_mesas .caja_mesas .btn_mesa.confirmada{
        background: var(--rojo);
    }
    .modulo_mesas .article_mesas .caja_mesas .btn_mesa.entregada{
        background: var(--amarillo);
    }
    .modulo_mesas .article_mesas .caja_mesas .btn_mesa b{
        display: inline-block;
        background: 0;
        font-size: .9vw;
        width: 100%;
        border-radius: 5px;
    }
    .modulo_mesas .article_mesas .caja_mesas .btn_mesa .nom_cli_mesas{
        position: absolute;
        left: 0;
        width: 100%;
        top: 0;
    }
    .modulo_mesas .article_mesas .caja_mesas .btn_mesa .nom_usu_mesas{
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 0;
    }
    .modulo_mesas .article_mesas .caja_mesas .btn_mesa.confirmada b{
        background: var(--rojoclaro);
        
    }
    .modulo_mesas .article_mesas .caja_mesas .btn_mesa.entregada b{
        background: var(--amarilloclaro);
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_ped .label_datos_ped .btn_credito{
        width: 100%;
        height: 40px;
        padding: 5px;
        box-sizing: border-box;
        background: var(--moradoclaro);
    }
    .cartanew .caja_confimar_ped .label_btn_confirmar .fieldset_pago .datos_ped .label_datos_ped .btn_credito img{
        height: 100%;
        background: 0;
    }
    .seccion_emitir_factura  .article_btn_efectuar_credito{
        width: 48%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        overflow: auto;
        height: 10vh;
        margin-top: 10px;
        position: absolute;
        bottom: 10px;
        right: 1%;
    }
    .seccion_emitir_factura  .article_btn_efectuar_credito .btn_efectuar_credito{
        width: 100%;
        height: 100%;
        padding: 15px;
        box-sizing: border-box;
        background: var(--verdeclaro);
        color: var(--verde);
        font-size: 25px;
    }
    .seccion_emitir_factura  .article_btn_efectuar_credito .btn_efectuar_credito img{
        height: 80%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 20px;
    }
    .seccion_reportes .article_datos_reporte .caja_datos_lineas .label_datos_reporte.check_saldar_multiple{
        background: var(--rojoclaro);
        border-radius: 5px;
        height: auto;
        cursor: pointer;
    }
    .seccion_reportes .article_datos_reporte .caja_datos_lineas .label_datos_reporte.check_saldar_multiple .input_check_saldar{
        cursor: pointer;
        display: inline-block;
        transition: .2s;
        
    }
    .seccion_reportes .article_datos_reporte .caja_datos_lineas .label_datos_reporte.check_saldar_multiple .input_check_saldar:hover{
        transform: scale(.9,.9);
        transition: .2s;
    }
    .seccion_reportes .article_datos_reporte .btn_saldar_credito{
        position: fixed;
        bottom: 30px;
        left: 30px;
        height: 80px;
        background: var(--verde);
        padding: 5px;
        width: 30%;
        max-width: 300px;
        font-size: 25px;
        color: white;
        display: none;
    }
    .seccion_reportes .article_datos_reporte .btn_saldar_credito img{
        height: 60%;
        background: 0;
        margin-bottom: -10px;
        margin-left: 20px;
    }
    .seccion_reportes .article_datos_reporte .caja_datos_lineas .label_datos_reporte.credito_saldado{
        background: var(--verdeclaro);
        border-radius: 5px;
        height: auto;
    }
    .seccion_reportes .article_datos_reporte .caja_datos_lineas .label_datos_reporte.credito_saldado img{
        height: 30px;
        background: 0;
    }
    .seccion_detalle_venta .article_datos_venta .caja_reg_abono{
        width: 100%;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
    }
    
    .seccion_detalle_venta .article_datos_venta .caja_reg_abono select, .seccion_detalle_venta .article_datos_venta .caja_reg_abono input{
        width: 49.5%;
        float: left;
        border: 1px solid silver;
        margin-bottom: 5px;
        height: 35px;
        margin-left: .25%;
        border-radius: 5px;
        border: 1px solid silver;
        text-align: center;
        font-size: 15px;
    }
    .seccion_detalle_venta .article_datos_venta .caja_reg_abono .btn_reg_abono{
        width: 100%;
        background: var(--verdeclaro);
        padding: 5px;
        box-sizing: border-box;
        height: 35px;
    }
    .seccion_detalle_venta .article_datos_venta .caja_reg_abono .btn_reg_abono img{
        height: 100%;
        background: 0;
    }
    .botones_acciones{
        width: 20%;
        position: fixed;
        height: 50px;
        background: 0;
        z-index: 99999;
        top: 5px;
        left: 70px;
        padding: 5px;
        box-sizing: border-box;
        overflow: auto;
    }
    .botones_acciones .btn_acciones{
        width: 50px;
        background: var(--amarillo);
        height: 100%;
        padding: 5px;
        box-sizing: border-box;
        -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
    }
    .botones_acciones .btn_acciones img{
        height: 100%;
        background: 0;
    }
    .botones_acciones .caja_reg_salcaja{
        position: fixed;
        left: 75px;
        width: 40%;
        max-width: 400px;
        background: black;
        height: auto;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
    }
    .botones_acciones .caja_reg_salcaja h3{
        background: 0;
        color: white;
        text-align: center;
        width: 85%;
        float: left;
    }
    .botones_acciones .caja_reg_salcaja .btn_noreg_salcaja{
        width: 15%;
        float: left;
        height: 30px;
        background: 0;
    }
    .botones_acciones .caja_reg_salcaja .btn_noreg_salcaja img{
        height: 100%;
        background: 0;
    }
    .botones_acciones .caja_reg_salcaja form{
        background: 0;
    }
    .botones_acciones .caja_reg_salcaja .label_acciones{
        display: inline-block;
        width: 100%;
        background: 0;
    }
    .botones_acciones .caja_reg_salcaja .label_acciones p{
        background: 0;
        color: white;
    }
    .botones_acciones .caja_reg_salcaja .label_acciones input{
        width: 100%;
        height: 40px;
        border-radius: 5px;
        border: 0;
        font-size: 20px;
        text-align: center;
        text-align-last: center;
        margin-bottom: 5px;
    }
    .botones_acciones .caja_reg_salcaja .btn_guardar{
        width: 100%;
        height: 40px;
        padding: 5px;
        box-sizing: border-box;
        background: var(--verdeclaro);
    }
    .botones_acciones .caja_reg_salcaja .btn_guardar img{
        height: 100%;
        background: 0;
    }

}