@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');

@media screen and (min-width:320px) and (max-width:459px) {

    * {
        margin: 0;
        padding: 0;
        font-family: Microsoft JhengHei;
        --pri: #000;
        --rojo: #ef4550;
        --rojoclaro: #efb1b5;
        --amarillo: #F0CB34;
        --amarilloclaro: #F5ECC4;
        --verde: #26B380;
        --verdeclaro: #b9f5e0;
        --gris: #4b4b4b;
        --fondo: #fff;
        --naranja: #f97423;
        --naranjaclaro: #fbe6d9;
        background: var(--fondo);
        --green: #26B380;
        --azul: #1c7cc8;
        --azulclaro: #B3CFE6;
        --morado: #6c3483;
        --moradoclaro: #e8bff9;
        --negro: #000;
        --bordetabla: #dee2e6;
        --fondotabla: #f8f9fa;
    }

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

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

    }

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

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

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

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

    a,
    button {
        transition: .2s;
        cursor: pointer;
        border: 0;
        border-radius: 3px;
    }

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

    .login {
        width: 100%;
        text-align: center;
        position: absolute;
        height: 100%;
        width: 100%;
        display: flex;
        align-content: center;
        align-items: center;
        background: linear-gradient(180deg, var(--negro), var(--gris));
    }

    .login .logologin {
        width: 100%;
        margin-left: 0%;
        background: 0;
        height: 30vh;
        align-content: center;
        align-items: center;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        padding: 10px;
        box-sizing: border-box;
    }

    .login .logologin img {
        background: 0;
        margin: auto;
        height: 80%;
    }

    .login .cajalogin {
        width: 100%;
        margin-right: 0%;
        background: 0;
        height: 70vh;
        align-content: center;
        align-items: center;
        text-align: center;
        bottom: 0;
        position: absolute;
        padding: 10px;
        box-sizing: border-box;
    }

    .login .cajalogin form {
        background: 0;
    }

    .login .cajalogin #subcajalogin {
        width: 95%;
        text-align: center;
        margin: auto;
        border-radius: 10px;
        box-sizing: border-box;
        padding: 10px;
    }

    .login .cajalogin h1 {
        background: 0;
        color: var(--negro);
    }

    .login .cajalogin .inputform {
        width: 95%;
        height: 55px;
        border-radius: 10px;
        border: 1px solid silver;
        margin: auto;
        box-sizing: border-box;
        padding: 10px;
        margin-bottom: 10px;
    }

    .login .cajalogin .inputform img {
        height: 100%;
        background: 0;
        width: 15%;
        float: left;
        border-right: 1px solid var(--negro);
    }

    .login .cajalogin .inputform input {
        width: 84%;
        float: left;
        border: 0;
        box-sizing: border-box;
        padding-left: 10px;
        height: 100%;
        font-size: 20px;
    }

    .login .cajalogin button[type="submit"] {
        width: 95%;
        margin: auto;
        height: 60px;
        background: var(--verde);
        color: white;
        font-size: 25px;
        border: 0;
        margin-bottom: 10px;
        border-radius: 10px;
        padding: 10px;
        box-sizing: border-box;
    }

    .login .cajalogin button[type="submit"] img {
        height: 70%;
        background: 0;
        margin-bottom: -5px;
    }

    .login .cajalogin hr {
        width: 90%;
        margin: auto;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .login .cajalogin label {
        display: inline-block;
        width: 90%;
        text-align: left;
        font-size: 18px;
        color: black;
    }

    .cabecera {
        width: 100%;
        height: 50px;
        background: linear-gradient(180deg, var(--negro), var(--gris));
        z-index: 9;
        position: fixed;
    }

    .cabecera .logo {
        width: 50%;
        float: left;
        text-align: center;
        height: 100%;
        background: 0;
        background: 0;
        box-sizing: border-box;
        padding: 8px;
        position: absolute;
        left: 25%;
    }

    .cabecera .logo .logo_ortics {
        height: 80%;
        margin-bottom: 2.5px;
        margin-right: 5px;
    }

    .cabecera .logo img {
        height: 100%;
        text-align: center;
        background: 0;
        margin-top: 0%;
    }


    .cabecera .botones_pos #cerrcajamenucel {
        width: 15%;
        float: left;
        font-size: 20px;
        font-weight: 600;
        height: 40px;
    }

    #inputvermenucel:checked ~ .botones {
        display: block;
    }



    .cabecera .botones button {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        height: 50px;
        ;
        border: 0;
        background: red;
        font-size: 18px;
        border-radius: 3px;
        float: left;
        text-align: center;
        box-sizing: border-box;
        padding: 5px;
        color: white;
        margin-bottom: 10px;
    }

    .cabecera .botones #btnmenuvender {
        background: var(--verde)
    }

    .cabecera .botones #btnmenucuadre {
        background: var(--naranja)
    }

    .cabecera .botones #btnmenuprod {
        background: var(--azul)
    }

    .cabecera .botones #btnmenubalan {
        background: var(--amarillo)
    }

    .cabecera .botones button img {
        height: 70%;
        background: 0;
        float: left;

    }

    .cabecera .infousu {
        width: 25%;
        background: 0;
        box-sizing: border-box;
        padding: 3px;
        border-radius: 5px;
        position: absolute;
        right: 0;
        height: 100%;
    }

    .cabecera .infousu .label_cambiar_usuario {
        display: none;
    }

    .cabecera .infousu p {
        font-size: 10px;
        text-align: right;
        color: white;
        background: 0;
        margin-bottom: 2px;
    }

    .cabecera .infousu #salir {
        height: 40px;
        background: 0;
        border: 0;
        background: var(--rojo);
        border-radius: 10px;
        box-sizing: border-box;
        padding: 10px;
        width: 100%;
        color: white;
        margin-top: 5px;
    }

    .cabecera .infousu #salir img {
        height: 80%;
        background: 0;
        margin-bottom: -3px;
        margin-left: 0px;
    }



    .mod_venta {
        width: 100%;
        height: auto;
        z-index: 1;
    }

    .mod_venta .espacio_modventa {
        height: 50px;
        background: 0;
    }

    .mod_venta h1 {
        text-align: center;
        width: 100%;
        font-size: 5vw;
        margin-bottom: 10px;
    }

    .mod_venta .ventanas_venta {
        width: 100%;
        height: 30px;

    }

    .mod_venta .ventanas_venta .btnverventanas {
        width: 24%;
        height: 100%;
        text-align: center;
        font-size: 15px;
        margin-left: .5%;
        float: left;
        border: 0;
        background: 0;
        color: black;
        border-radius: 5px;
        box-sizing: border-box;
        padding: 3px;
        border: 2px solid black;


    }

    .mod_venta .ventanas_venta .btnverventanas:hover {
        transform: scale(1, 1);
    }

    .mod_venta .ventanas_venta .btnagrventanas {
        width: auto;
        height: 100%;
        border: 0;
        background: var(--amarillo);
        border-radius: 5px 5px 0px 0px;
        box-sizing: border-box;
        padding: 3px;
        float: left;
        margin-left: 5px;
    }

    .mod_venta .ventanas_venta .btnagrventanas img {
        height: 100%;
        background: 0;

    }

    .mod_venta .ventanas_venta .btneliventanas {
        width: auto;
        height: 100%;
        border: 0;
        background: 0;
        border-radius: 0px 5px 0px 0px;
        box-sizing: border-box;
        padding: 3px;
        float: left;
        border-right: 2px solid black;
        border-top: 2px solid black;

    }

    .mod_venta .ventanas_venta .btneliventanas img {
        height: 100%;
        background: 0;

    }

    .mod_venta .ventanas_venta .caja_venta {
        width: 100%;
        float: left;
        text-align: center;
        margin-left: 0%;
        background: 0;
        position: fixed;
        top: 150px;
        padding: 5px;
        box-sizing: border-box;
        height: 100%;
        overflow: auto;
    }

    .mod_venta .ventanas_venta .caja_venta h3 {
        background: 0;
        color: black;
        margin-bottom: 5px;
    }

    .mod_venta .ventanas_venta .caja_agrprod {
        width: 100%;
        float: left;
        height: auto;
        overflow: hidden;
        border-bottom: 1px solid black;
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_venta .ventanas_venta .select2formprod {
        width: 100%;
        float: left;
        height: 60px;
        margin-bottom: 5px;
    }

    .mod_venta .ventanas_venta .select2formprod div {
        height: 40px;
    }

    .mod_venta .ventanas_venta .codformprod {
        width: 100%;
        float: left;
        height: 60px;
        margin-bottom: 5px;
    }

    .mod_venta .ventanas_venta .codformprod input {
        height: 40px;
        border: 1px solid silver;
        border-radius: 3px;
        width: 100%;
        text-align: center;
        padding: 3px;
        box-sizing: border-box;
        font-size: 15px;
    }

    .mod_venta .ventanas_venta .inputformprod {
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: 50px;
        margin-bottom: 5px;
    }

    .mod_venta .ventanas_venta .btnformprod {
        width: 100%;
        float: left;
        height: 50px;
        margin-bottom: 5px;
    }

    .mod_venta .ventanas_venta .inputformprod input {
        height: 35px;
        border: 1px solid silver;
        border-radius: 3px;
        width: 100%;
        text-align: center;
        padding: 3px;
        box-sizing: border-box;
        font-size: 15px;
    }

    .mod_venta .ventanas_venta .select2formprod label,
    .mod_venta .ventanas_venta .inputformprod label,
    .mod_venta .ventanas_venta .codformprod label {
        text-align: center;
        display: inline-block;
        width: 100%;
        font-weight: 600;
        margin-bottom: 2px;
        font-size: 3vw;
    }

    .mod_venta .ventanas_venta .select2formprod select {
        height: 40px;
    }

    .mod_venta .ventanas_venta .caja_agrprod button[type="submit"] {
        width: 100%;
        float: left;
        height: 35px;
        background: var(--verde);
        box-sizing: border-box;
        padding: 3px;
        border: 0;
        border-radius: 3px;
    }

    .mod_venta .ventanas_venta .caja_agrprod button[type="submit"] svg {
        height: 100%;
        background: 0;
        color: white;
    }

    .mod_venta .ventanas_venta .caja_prodagr {
        width: 100%;
        text-align: center;
        float: left;
        overflow: auto;
        height: auto;
    }

    .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped {
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        border: 1px solid grey;
    }

    .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped th {
        background: grey;
        color: white;
        padding: 3px;
    }

    .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped td {
        border-bottom: 1px solid grey;
        padding: 3px;
        background: 0;
    }

    .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped tr {
        background: 0;
    }

    .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped tr:hover {
        background: silver;
    }

    .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped .tdprod {
        width: 40%;
    }

    .mod_venta .ventanas_venta .caja_pago {
        width: 100%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        height: auto;
        overflow: auto;
        border-top: 2px solid black;
        margin-bottom: 300px;
    }

    .mod_venta .ventanas_venta .caja_pago .espacio_subcaja {
        width: 100%;
        height: 50px;
        background: red;
    }

    .mod_venta .ventanas_venta .caja_pago h2 {
        background: 0;
        font-size: 6vw;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago {
        width: 100%;
        border-top: 1px solid silver;
        height: auto;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .btn_fp {
        width: 100%;
        border: 0;
        height: 30px;
        background: silver;
        margin-bottom: 5px;
        font-size: 15px;
        color: white;
        border-radius: 3px;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .btn_fp img {
        height: 70%;
        background: 0;
        float: left;
        margin-left: 20px;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajapaga .inputpaga,
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajavueltas .inputvueltas {
        width: 100%;
        border: 1px solid silver;
        text-align: center;
        height: 30px;
        border-radius: 3px;
        margin-bottom: 5px;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajapaga,
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajavueltas {
        width: 49%;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajabtnpago {
        width: 100%;
        float: left;
        margin-bottom: 5px;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajabtnpago button {
        height: 40px;
        background: var(--verde);
        border: 0;
        color: white;
        width: 100%;
        border-radius: 3px;
        font-size: 20px;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajabtnpago button img {
        height: 70%;
        background: 0;
        margin-left: 20px;
        margin-bottom: -5px;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajapaga1 {
        width: 100%;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajapaga1 .inputnroaprob {
        width: 100%;
        text-align: center;
        height: 30px;
        border: 1px solid silver;
        border-radius: 3px;
        margin-bottom: 5px;
    }

    .caja_ticket {
        width: 100%;
        background: var(--negro);

    }

    .caja_ticket .mod_ticket {
        width: 400px;
        margin: auto;
        border: 1px solid black;
        box-sizing: border-box;
        padding: 5px;
        border-radius: 3px;
    }

    .caja_ticket .mod_ticket .logo_ticket {
        text-align: center;
        margin-bottom: 5px;
    }

    .caja_ticket .mod_ticket .logo_ticket img {
        width: 40%;
    }

    .caja_ticket .mod_ticket .info_sucursal {
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
    }

    .caja_ticket .mod_ticket .info-pedido {
        width: 100%;
        text-align: center;
    }

    .caja_ticket .mod_ticket .info-pedido table {
        width: 100%;
        border-collapse: collapse;
        font-size: 12px;
        border-top: 1px solid black;
    }

    .caja_ticket .mod_ticket .info-pedido table td {
        padding: 2px;
        box-sizing: border-box;
        border-bottom: 1px dashed grey;
    }

    .caja_ticket .mod_ticket .info-pedido table #izq {
        text-align: left;
    }

    .caja_ticket .mod_ticket .info-pedido table #cen {
        text-align: center;
    }

    .caja_ticket .mod_ticket .info-pedido table #der {
        text-align: right;
    }

    .caja_ticket .mod_ticket .info-pedido table .totp {
        font-size: 18px;
        border-top: 1px solid black;
    }

    .caja_ticket .mod_ticket .info-adicional {
        width: 100%;
        text-align: center;
        font-size: 20px;
        margin-bottom: 5px;
    }

    .caja_ticket .mod_ticket .firma {
        width: 100%;
        text-align: center;
        border-top: 1px solid black;
    }

    .caja_ticket .mod_ticket .firma p {
        width: 100%;
        text-align: center;
        font-size: 15px;
    }

    .caja_ticket .mod_ticket .firma img {
        width: 40%;
        margin: auto;
    }

    .mod_venta .subcaja_btn {
        position: fixed;
        width: 100%;
        height: 50px;
        bottom: 0px;
        background: var(--negro);
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_venta .subcaja_btn .btnsubcaja {
        width: 19%;
        text-align: center;
        border: 0;
        height: 100%;
        ;
        margin-top: 1px;
        z-index: 99;
        color: white;
        font-size: 10px;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        background: 0;
        padding: 0px;
        box-sizing: border-box;

    }

    .mod_venta .subcaja_btn #btnmenucuadre,
    .mod_venta .subcaja_btn #btnmenucompras,
    .mod_venta .subcaja_btn #oldticket,
    .mod_venta .subcaja_btn #btnvergasto {
        border-right: 0.5px solid white;
    }

    .mod_venta .subcaja_btn .btnsubcaja img {
        height: 40%;
        background: 0;
    }

    .mod_venta .cajainggasto {
        position: fixed;
        bottom: 55px;
        height: auto;
        padding: 5px;
        width: 95%;
        border: 2px solid var(--naranja);
        border-radius: 5px;
        left: 0;
    }

    .mod_venta .cajainggasto h2 {
        width: 85%;
        float: left;
        margin: 0;
        text-align: left;
        height: 35px;
        margin-bottom: 5px;
    }

    .mod_venta .cajainggasto input,
    .mod_venta .cajainggasto select {
        width: 100%;
        height: 40px;
        font-size: 20px;
        border: 1px solid silver;
        margin-bottom: 5px;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 3px;
    }

    .mod_venta .cajainggasto #btninggasto {
        width: 100%;
        margin: 0;
        height: 40px;
        font-size: 20px;
        background: var(--naranja);
        border: 0;
        color: white;
    }

    .mod_venta .cajainggasto #btninggasto img {
        margin-left: 20px;
        height: 100%;
    }

    .mod_venta .cajainggasto #cerrcajainggasto {
        width: 14%;
        float: right;
        height: 35px;
        margin-bottom: 5px;
        background: var(--rojo);
        font-size: 20px;
        margin-right: 0;
        color: white;

    }

    .modcuadre {
        width: 100%;
        text-align: center;
        top: 0;
        left: 0;
        height: 100%;
    }

    .modcuadre h1 {
        font-size: 6vw;
    }

    .modcuadre .espacio_modcuadre {
        height: 50px;
    }

    .modcuadre .ing_base {
        width: 95%;
        position: absolute;
        left: 2.5%;
        border: 2px solid var(--verde);
        border-radius: 5px;
        height: auto;
        top: 150px;
        padding: 5px;
        box-sizing: border-box;
    }

    .modcuadre .ing_base form input {
        width: 100%;
        height: 40px;
        border-radius: 3px;
        border: 1px solid silver;
        margin-top: 10px;
        padding: 3px;
        font-size: 20px;
        text-align: center;
    }

    .modcuadre .ing_base form button {
        width: 100%;
        height: 40px;
        border-radius: 3px;
        border: 1px solid silver;
        margin-top: 10px;
        background: var(--verde);
        color: white;
        font-size: 20px;
        border: 0;
    }

    .modcuadre .ing_base form button img {
        background: 0;
        height: 70%;
        margin-bottom: -7px;
        margin-left: 20px;
    }

    .modcuadre .contador_bill {
        width: 100%;
        float: left;
        border-right: 1px solid silver;
        box-sizing: border-box;
        padding: 5px;
    }

    .modcuadre .contador_bill table {
        width: 100%;
        border-collapse: collapse;
        text-align: center;
    }

    .modcuadre .contador_bill table #td1 {
        width: 40%;
        font-size: 20px;
    }

    .modcuadre .contador_bill table #td1 input {
        border: 0;
        font-size: 20px;
        text-align: center;
        width: 90%;
        float: right;
    }

    .modcuadre .contador_bill table #td2 {
        width: 20%;
        font-size: 20px;
    }

    .modcuadre .contador_bill table #td2 input {
        border: 1px solid silver;
        font-size: 15px;
        text-align: center;
        border-radius: 3px;
        height: 50px;
        width: 100%;
    }

    .modcuadre .contador_bill table #td3 {
        width: 40%;
        font-size: 22px;
        color: var(--verde);
    }

    .modcuadre .contador_bill table #td3 input {
        border: 0;
        font-size: 20px;
        text-align: center;
        color: var(--verde);
        width: 90%;
        float: right;
    }

    .modcuadre .contador_bill table td {
        border-bottom: 1px solid black;
        padding: 3px;
    }

    .modcuadre .fecha_cuadre {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .modcuadre .calculos_cuadre {
        width: 100%;
        float: left;
        text-align: center;
        padding: 0px;
        box-sizing: border-box;
    }

    .modcuadre .calculos_cuadre table {
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        margin-bottom: 10px;
    }

    .modcuadre .calculos_cuadre table #td1 {
        width: 50%;
        font-size: 12px;
    }

    .modcuadre .calculos_cuadre table #td2 {
        font-size: 15px;
    }

    .modcuadre .calculos_cuadre table #td2 input {
        width: 90%;
        float: right;
        text-align: center;
        font-size: 18px;
        border: 0;
        height: 25px;
    }

    .modcuadre .calculos_cuadre table th {
        border-bottom: 1px solid black;
        padding: 2px;
    }

    .modcuadre .calculos_cuadre table #titulo {
        font-size: 20px;
        color: var(--verde);
    }

    .modcuadre .calculos_cuadre h2 {
        color: var(--verde);
        margin-bottom: 5px;
        font-size: 20px;
    }

    .modcuadre .calculos_cuadre label {
        width: 49%;
        display: inline-block;
        font-size: 18px;
        background: silver;
        color: white;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 3px;
        cursor: pointer;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        margin-bottom: 5px;
    }

    .modcuadre .calculos_cuadre input[type="radio"]:checked + label {
        background: var(--naranja);
    }

    .modcuadre .calculos_cuadre textarea {
        width: 99%;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 3px;
        font-size: 15px;
        height: 30px;
        overflow: hidden;
        resize: none;
        border: 1px solid silver;
        margin-bottom: 10px;
    }

    .modcuadre .calculos_cuadre #btncuadre {
        width: 99%;
        background: var(--verde);
        color: white;
        height: 50px;
        font-size: 25px;
        margin-left: .5%;
        margin-bottom: 20px;
    }

    .modcuadre .calculos_cuadre #btncuadre img {
        background: 0;
        height: 70%;
        margin-bottom: -6px;
        margin-left: 20px;
    }

    .modcuadre .calculos_cuadre p {
        color: var(--rojo);
        font-size: 20px;
    }

    .caja_ticket .mod_ticket .info-cierre {
        width: 100%;
        text-align: center;
    }

    .caja_ticket .mod_ticket .info-cierre h2 {
        font-size: 20px;
    }

    .caja_ticket .mod_ticket .info-cierre table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 10px;
    }

    .caja_ticket .mod_ticket .info-cierre table th {
        text-align: left;
        border-bottom: 1px solid silver;
        padding: 3px;
    }

    .caja_ticket .mod_ticket .info-cierre table td {
        text-align: right;
        border-bottom: 1px solid silver;
        padding: 3px;
    }

    .caja_ticket .mod_ticket .info-cierre table #dep {
        font-size: 20px;
        font-weight: 600;
    }

    .caja_ticket .mod_ticket .info-cierre table #firma-cajero {
        text-align: center;
        border-bottom: 2px solid black;

    }

    .caja_ticket .mod_ticket .info-cierre table #comentario {
        font-size: 14px;
        text-align: center;
        font-weight: 600;
    }

    .caja_ticket .mod_ticket .info-cierre table #obser {
        text-align: center;
    }

    .caja_ticket .mod_ticket .info-cierre table #obser p {
        font-size: 12px;
    }

    .caja_ticket .btn_ticket {
        width: 100%;
        height: 45px;
        background: 0;
        margin-bottom: 5px;
    }

    .caja_ticket .btn_ticket .btns_ticket {
        height: 40px;
        margin-top: 2.5px;
        font-size: 15px;
        width: 19%;
        margin-left: .5%;
        margin-right: .5%;
        color: white;
    }

    .caja_ticket .btn_ticket .btns_ticket img {
        background: 0;
        height: 70%;
        margin-bottom: -5px;
        margin-right: 20px;
    }

    .caja_ticket .btn_ticket #btn1 {
        background: var(--verde);
    }

    .caja_ticket .btn_ticket #btn2 {
        background: var(--naranja);
    }

    .caja_ticket .btn_ticket #btn3 {
        background: var(--rojo);
    }

    .caja_ticket .info-detalle {
        width: 100%;
        text-align: center;

    }

    .caja_ticket .info-detalle .info-venta {
        margin-bottom: 5px;
        border-bottom: 1px solid black;
        width: 100%;
    }

    .caja_ticket .info-detalle .info-venta table {
        width: 100%;
        border-collapse: collapse;
    }

    .caja_ticket .info-detalle .info-venta table td {
        padding: 2px;
        font-size: 12px;
        border-bottom: 1px solid silver;
    }

    .caja_ticket .info-detalle .info-venta table #td1 {
        width: 50%;
        text-align: left;
    }

    .caja_ticket .info-detalle .info-venta table #td2 {
        text-align: right;
    }

    .caja_ticket .info-detalle .info-fp {
        width: 100%;
        border-bottom: 1px solid black;
    }

    .caja_ticket .info-detalle .info-fp table {
        width: 100%;
        border-collapse: collapse;
    }

    .caja_ticket .info-detalle .info-fp table td {
        padding: 3px;
        font-size: 12px;
        border-bottom: 1px solid silver;
    }

    .caja_ticket .info-detalle .info-fp table #td1 {
        text-align: left;
    }

    .caja_ticket .info-detalle .info-fp table #td2 {
        text-align: right;
    }

    .caja_ticket .info-detalle h2 {
        font-size: 18px;
    }

    .mod_productos {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        overflow: auto;
        box-sizing: border-box;
    }

    .mod_productos .espacio_modprod {
        height: 50px;
        background: 0;
    }

    .mod_productos h1 {
        text-align: center;
        margin: 0;
    }

    .mod_productos .sub_btn {
        width: 100%;
        background: 0;
        height: auto;
        overflow: hidden;
        border-bottom: 1px dashed var(--gris);
    }

    .mod_productos .sub_btn .btn_sub {
        background: var(--azul);
        color: white;
        padding: 5px;
        font-size: 15px;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
        margin-bottom: 5px;
    }

    .mod_productos .sub_btn h2 {
        width: 85%;
        float: left;
        margin-bottom: 5px;
        height: 30px;
    }

    .mod_productos .sub_btn .btn_cerr_crear {
        width: 14%;
        background: var(--rojo);
        color: white;
        font-size: 15px;
        height: 30px;
        float: right;
        margin-bottom: 5px;
    }

    .mod_productos .caja_crear {
        width: 99%;
        height: auto;
        overflow: hidden;
        position: absolute;
        top: 130px;
        background: white;
        left: .5%;
        border-radius: 5px;
        border: 2px solid var(--verde);
        padding: 5px;
        box-sizing: border-box;

    }

    .mod_productos .caja_crear h2 {
        font-size: 18px;
        text-align: left;
    }

    .mod_productos .subcaja_pro,
    .mod_productos .subcaja_cat,
    .mod_productos .subcaja_tp {
        width: 100%;
        height: auto;
        position: relative;
        background: 0;
        top: 0px;
        float: left;
        border-top: 1px solid silver;
    }

    .mod_productos .subcaja_pro h3 {
        text-align: left;
    }

    .mod_productos .subcaja_pro form input,
    .mod_productos .subcaja_pro form select {
        width: 100%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: 35px;
        border-radius: 3px;
        border: 1px solid grey;
        padding: 3px;
        box-sizing: border-box;
        font-size: 15px;
        margin-bottom: 3px;
        padding-left: 5px;
    }

    .mod_productos .subcaja_pro #crear_pro label {
        width: 48%;
        display: inline-block;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
    }

    .mod_productos .subcaja_pro #crear_pro #descrip {
        width: 98%;
    }

    .mod_productos .subcaja_pro form #btningpro {
        width: 99%;
        height: 40px;
        background: var(--verde);
        color: white;
        font-size: 20px;
        margin-left: .5%;
    }

    .mod_productos .subcaja_pro form #btningpro img {
        height: 100%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 20px;
    }

    .caja_codimpsi {
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        border-top: 1px solid grey;
        border-bottom: 1px solid grey;
        overflow: hidden;
    }

    .caja_codimpsi h4 {
        width: 100%;
        text-align: center;
        margin-bottom: 3px;
    }

    .caja_codimpsi label {
        width: 48%;
        display: inline-block;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        background: silver;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        cursor: pointer;
        transition: .2s;
        margin-bottom: 5px;
    }

    .caja_codimpsi .iva_pro:checked + label {
        background: var(--naranja);
        color: white;
    }

    .caja_codimpsi .precio_aimp {
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        border: 1px solid grey;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        background: black;
        height: 30px;
    }

    .caja_codimpsi .precio_aimp p {
        width: 48%;
        background: 0;
        color: white;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
    }

    .caja_codimpsi .precio_aimp #input_precio_aimp {
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        background: 0;
        color: white;
        text-align: right;
        font-weight: 600;
        padding: 0;
        height: auto;
        border: 0;
    }

    .mod_productos .subcaja_pro .panel1 {
        width: 100%;
        float: left;
        overflow: hidden;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

    .mod_productos .subcaja_pro .panel2 {
        width: 100%;
        float: left;
        overflow: hidden;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

    .mod_productos .subcaja_cat form input,
    .mod_productos .subcaja_tp form input {
        width: 99%;
        float: left;
        margin-left: .5%;
        height: 35px;
        border-radius: 3px;
        border: 1px solid grey;
        padding: 3px;
        box-sizing: border-box;
        font-size: 15px;
        margin-bottom: 3px;
        padding-left: 5px;
    }

    .mod_productos .subcaja_cat form #btningcat,
    .mod_productos .subcaja_tp form #btningtp {
        width: 99%;
        height: 40px;
        background: var(--verde);
        color: white;
        font-size: 20px;
        margin-left: .5%;
    }

    .mod_productos .subcaja_cat form #btningcat img,
    .mod_productos .subcaja_tp form #btningtp img {
        height: 70%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 20px;
    }

    .mod_productos .subcaja_pro form .caja_invsi {
        width: 100%;
        float: left;
        border-top: 1px solid silver;
        padding-top: 3px;
    }

    .mod_productos .caja_rep {
        width: 50%;
        height: auto;
        overflow: hidden;
        position: absolute;
        top: 130px;
        background: white;
        margin-left: .25%;
        border-radius: 5px;
        border: 2px solid var(--verde);
        padding: 5px;
        box-sizing: border-box;

    }

    .mod_productos .caja_rep button {
        font-size: 15px;
        background: var(--azul);
        color: white;
        padding: 4px;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
    }

    .mod_productos .caja_inginv {
        width: 50%;
        height: auto;
        overflow: hidden;
        position: absolute;
        top: 130px;
        background: white;
        margin-left: .25%;
        border-radius: 5px;
        border: 2px solid var(--verde);
        padding: 5px;
        box-sizing: border-box;

    }

    .mod_productos .caja_inginv button {
        font-size: 15px;
        background: var(--azul);
        color: white;
        padding: 4px;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
    }

    .mod_productos .caja_rep h2,
    .mod_productos .caja_inginv h2 {
        font-size: 18px;
        text-align: left;
    }

    .caja_prodagr .btneliped {
        background: var(--rojo);
        color: white;
        width: 40px;
        height: 25px;
    }

    .caja_prod .tabla_prod {
        width: 100%;

    }

    .caja_prod .tabla_prod table {
        width: 100%;
        text-align: center;
        border-collapse: collapse;
    }

    .caja_prod .tabla_prod table td {
        padding: 3px;
        box-sizing: border-box;
        background: 0;
    }

    .caja_prod .tabla_prod table td input,
    .caja_prod .tabla_prod table td select {
        width: 85%;
        border: 1px solid silver;
        border-radius: 3px;
        height: 35px;
        padding: 2px;
        box-sizing: border-box;
    }

    .caja_prod .tabla_prod table td .btnmodpro,
    .caja_prod .tabla_prod table td .btnmodinv {
        width: 50px;
        height: 35px;
        background: var(--verde);
        text-align: center;
        padding: 3px;
        box-sizing: border-box;
    }

    .caja_prod .tabla_prod table td .btnmodpro img,
    .caja_prod .tabla_prod table td .btnmodinv img {
        height: 100%;
        background: 0;
    }

    .caja_prod .tabla_prod table #t1 {
        width: 30%;
    }

    .caja_prod .tabla_prod .nomcat {
        background: var(--gris);
        color: white;
        height: 30px;
    }

    .caja_prod .tabla_prod tr {
        background: 0;
    }

    .caja_prod .tabla_prod tr:hover {
        background: silver;
    }

    .cabecera .infousu .ajustesnomusu {
        width: 95%;
        text-align: center;
        background: linear-gradient(180deg, var(--negro), var(--gris));
        height: auto;
        overflow: hidden;
        border-radius: 10px;
        padding: 10px;
        box-sizing: border-box;
        position: fixed;
        left: 2.5%;
        top: 55px;
    }

    .cabecera .infousu .generar_licencia_uso {
        width: 90%;
        background: var(--azul);
        color: white;
        margin: auto;
        font-size: 15px;
        margin-bottom: 5px;
        height: 40px;
        width: 100%;
        border-radius: 10px;
        padding: 10px;
    }

    .cabecera .infousu .generar_licencia_uso img {
        height: 100%;
        background: 0;
        margin-left: 20px;
        margin-bottom: -5px;

    }

    .ajustesnomusu div,
    .ajustesnomusu h2,
    .ajustesnomusu form {
        background: 0;
        color: white;
        margin-bottom: 5px;
        height: auto;
        overflow: hidden;
    }

    .ajustesnomusu form input {
        width: 99%;
        padding: 3px;
        box-sizing: border-box;
        border-radius: 3px;
        margin-bottom: 3px;
        border: 1px solid silver;
        padding-left: 5px;
    }

    .ajustesnomusu .btn-infousu {
        width: 100%;
        background: var(--amarillo);
        color: white;
        margin: auto;
        font-size: 1em;
        margin-bottom: 5px;
        height: 40px;
        border-radius: 10px;
    }

    .ajustesnomusu form .btnactdatosusu,
    .ajustesnomusu form #btncambiarcaja {
        width: 99%;
        height: 30px;
        font-size: 12px;
        background: var(--azul);
        color: white;
        border: 1px solid silver;
    }

    .ajustesnomusu form .btnactdatosusu img,
    .ajustesnomusu form #btncambiarcaja img {
        height: 70%;
        background: 0;
        margin-left: 0px;
        margin-bottom: -5px;
    }

    .cabecera .infousu #abrircajainfousu {
        display: inline-block;
        text-align: center;
        background: var(--amarilloclaro);
        color: black;
        height: 100%;
        box-sizing: border-box;
        cursor: pointer;
        width: 100%;
        font-size: .6em;
        border-radius: 10px;
        float: right;
        transition: .2s;
        padding: 5px;
        padding-top: 10px;
    }

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

    .subcaja-infousu #selcambiarcaja {
        width: 90%;
        height: 30px;
        border-radius: 3px;
        border: 1px solid silver;
        margin-bottom: 3px;
    }

    .aviso_sincaja {
        color: var(--rojo);
        font-size: 20px;
        background: 0;

    }

    .caja_inginv #btning_inv {
        width: 100%;
        height: 40px;
        font-size: 20px;
        background: var(--verde);
        margin: 0;
    }

    .caja_inginv #btning_inv img {
        height: 70%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 20px;
    }

    .caja_inginv #can_inv {
        width: 48%;
        float: left;
        margin-left: 0%;
        height: 35px;
        border: 1px solid silver;
        border-radius: 3px;
        margin-bottom: 5px;
        text-align: center;
        font-size: 17px;
    }

    .caja_inginv .tipo_peso {
        width: 50%;
        height: 35px;
        background: var(--rojo);
        float: left;
        margin-left: 2%;
        border-radius: 3px;
    }

    .mod_productos .caja_prod .filtro_prod {
        width: 100%;
        overflow: hidden;
        margin-bottom: 5px;
        height: auto;
        padding: 3px;
        box-sizing: border-box;
    }

    .mod_productos .caja_prod .filtro_prod form label {
        float: left;
        text-align: center;
        margin-left: .5%;
        margin-right: .5%;
        width: 99%;
        text-align: left;
    }

    .mod_productos .caja_prod .filtro_prod form label input,
    .mod_productos .caja_prod .filtro_prod form label select {
        padding: 3px;
        font-size: 15px;
        border-radius: 3px;
        border: 1px solid silver;
        height: 30px;
        width: 100%;
        height: 40px;
    }

    .mod_productos .caja_prod .filtro_prod form label button {
        background: var(--azul);
        height: 30px;
        padding: 4px;
        width: 100%;
    }

    .mod_productos .caja_prod .filtro_prod form label button img {
        height: 100%;
        background: 0;
    }

    .mod_productos .caja_prod .filtro_prod .caja_select2 {
        width: 100%;
        height: 40px;
    }

    .despedida {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: var(--negro);
        height: 100%;
        display: flex;
        align-content: center;
        align-items: center;
    }

    .despedida .info-cliente {
        background: 0;
        width: 50%;
        float: left;
        height: auto;
        text-align: center;
        height: 50%;
        display: flex;
        align-content: center;
        align-items: center;
    }

    .despedida .info-cliente img {
        background: 0;
        margin: auto;
        width: 50%;
    }

    .despedida .info-ortics {
        background: 0;
        width: 50%;
        float: left;
        height: auto;
        text-align: center;
        height: 50%;
        padding: 20px;
        box-sizing: border-box;
    }

    .despedida .info-ortics h2 {
        background: 0;
        color: var(--amarillo);
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }

    .despedida .info-ortics img {
        background: 0;
        width: 70%;
        margin: auto;
        margin-bottom: 10px;
    }

    .despedida .info-ortics p {
        background: 0;
        font-size: 30px;
        color: var(--amarillo);
        font-weight: 600;
    }

    .caja_prod {
        padding: 5px;
        box-sizing: border-box;
    }

    .caja_prod .tabla_prod .td_inginv {
        border-left: 1px solid var(--gris);
    }

    .caja_prod .tabla_prod .td_inginv input {
        width: 60%;
        float: left;

    }

    .caja_prod .tabla_prod .td_inginv button {
        width: 39%;
        float: left;
        height: 35px;
        background: var(--azul);
        padding: 3px;
        box-sizing: border-box;
        margin-left: 1%;
    }

    .caja_prod .tabla_prod .td_inginv button img {
        height: 100%;
        background: 0;
    }

    .caja_prod .tabla_prod .btns_expor {
        width: 99%;
        margin: auto;
        height: 40px;
        margin-bottom: 2px;
    }

    .caja_prod .tabla_prod .btns_expor a {
        display: inline-block;
        border-radius: 5px;
        padding: 3px;
        height: 30px;
        width: 30px;
        background: grey;
    }

    .caja_prod .tabla_prod .btns_expor a img {
        height: 100%;
        background: 0;
    }

    .caja_ticket .mod_ticket .info-cierre .tab_exinv {
        width: 100%;
        font-size: 12px;
        text-align: left;
    }

    .caja_ticket .mod_ticket .info-cierre .tab_exinv td {
        text-align: left;
    }

    .caja_prod .tabla_prod table th {
        background: var(--gris);
        color: white;
        padding: 2px;
    }

    .caja_prod .tabla_prod table td {
        border-bottom: 1px solid silver;
    }

    .mod_balance {
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 1;
    }

    .mod_balance .espacio_modventa {
        height: 50px;
        background: 0;
    }

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

    .mod_balance .cajas_balances {
        width: 98%;
        text-align: center;
        margin: auto;
        overflow: hidden;
        height: auto;
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_balance .cajas_balances .cajas_bal {
        width: 99%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        border-radius: 5px;
        border: 2px solid var(--negro);
        height: 100px;
        padding: 5px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

    .mod_balance .cajas_balances .cajas_bal .titulo {
        width: 29%;
        text-align: center;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }

    .mod_balance .cajas_balances .cajas_bal .titulo h2 {

        width: 100%;
        text-align: center;
        float: left;
        height: 50px;
        font-size: 5vw;
    }

    .mod_balance .cajas_balances .cajas_bal .titulo h2 img {
        height: 100%;
        margin-left: 0px;
    }

    .mod_balance .cajas_balances .cajas_bal .dato {
        width: 69%;
        text-align: center;
        display: flex;
        height: 50%;
        align-content: center;
        align-items: center;
        text-align: center;
    }

    .mod_balance .cajas_balances .cajas_bal .dato h3 {
        width: 100%;
        font-size: 30px;
    }

    .mod_balance .cajas_balances #utilidad_bal {
        background: var(--negro);
    }

    .mod_balance .cajas_balances #utilidad_bal div {
        background: 0;
    }

    .mod_balance .cajas_balances #utilidad_bal img {
        background: 0;
    }

    .mod_balance .cajas_balances #utilidad_bal h2,
    .mod_balance .cajas_balances #utilidad_bal h3 {
        background: 0;
        color: white;
    }

    .mod_balance .sub_btn {
        width: 100%;
        margin-bottom: 10px;
        height: auto;
        overflow: hidden;
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_balance .sub_btn button {
        background: var(--amarillo);
        color: white;
        padding: 5px;
        font-size: 15px;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
    }

    .mod_balance .filtro_bal {
        width: 100%;
        overflow: hidden;
        margin-bottom: 5px;
        height: auto;
        padding: 3px;
        box-sizing: border-box;
    }

    .mod_balance .filtro_bal form label {
        float: left;
        text-align: center;
        margin-left: .5%;
        margin-right: .5%;
    }

    .mod_balance .filtro_bal form label input,
    .mod_balance .filtro_bal form label select {
        padding: 3px;
        font-size: 20px;
        border-radius: 3px;
        border: 1px solid silver;
        height: 35px;
    }

    .mod_balance .filtro_bal form label button {
        background: var(--azul);
        height: 35px;
        padding: 4px;
        min-width: 50px;
    }

    .mod_balance .filtro_bal form label button img {
        height: 100%;
        background: 0;
    }

    .mod_balance h2 {
        text-align: center;
    }

    .mod_balance .cajas_bal button {
        width: 100%;
    }

    .mod_cuadrebal {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 1;
    }

    .mod_cuadrebal .espacio_modventa {
        height: 50px;
        background: 0;
    }

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

    .mod_cuadrebal .caja_cuadre {
        width: 100%;
        margin: auto;
        height: auto;
    }

    .mod_cuadrebal .caja_cuadre table {
        width: 100%;
        border-collapse: collapse;
    }

    .mod_cuadrebal .caja_cuadre table td,
    .mod_cuadrebal .caja_cuadre table th {
        padding: 3px;
        border-bottom: 1px solid silver;
    }

    .mod_cuadrebal .caja_cuadre table th {
        background: var(--verde);
        color: white;
        text-align: center;
    }

    .mod_cuadrebal .caja_cuadre table td {
        background: 0;
        text-align: center;
    }

    .mod_cuadrebal .caja_cuadre table tr:hover {
        background: silver;
    }

    .mod_cuadrebal .caja_cuadre table td p {
        background: 0;
        font-size: 12px;
    }

    .mod_cuadrebal .caja_cuadre table td textarea {
        font-size: 12px;
        border: 0;
        resize: none;
        overflow: hidden;
        background: 0;
    }

    .mod_cuadrebal .caja_cuadre table td button {
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        height: 30px;
        background: var(--amarillo);
        padding: 3px;
        box-sizing: border-box;
    }

    .mod_cuadrebal .caja_cuadre table td button img {
        height: 80%;
        background: 0;
    }

    .mod_cuadrebal .caja_cuadre .filtro_cuadre {
        width: 100%;
        overflow: hidden;
        margin-bottom: 5px;
        height: auto;
        padding: 3px;
        box-sizing: border-box;
    }

    .mod_cuadrebal .caja_cuadre .filtro_cuadre form label {
        float: left;
        text-align: center;
        margin-left: .5%;
        margin-right: .5%;
    }

    .mod_cuadrebal .caja_cuadre .filtro_cuadre form label input,
    .mod_cuadrebal .caja_cuadre .filtro_cuadre form label select {
        padding: 3px;
        font-size: 15px;
        border-radius: 3px;
        border: 1px solid silver;
        height: 30px;
    }

    .mod_cuadrebal .caja_cuadre .filtro_cuadre form label button {
        background: var(--azul);
        height: 30px;
        padding: 4px;
        min-width: 50px;
    }

    .mod_cuadrebal .caja_cuadre .filtro_cuadre form label button img {
        height: 100%;
        background: 0;
    }

    .mod_parametros {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 1;
    }

    .mod_parametros .espacio_modventa {
        height: 50px;
        background: 0;
    }

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

    .mod_parametros .caja_parametros {
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_parametros .caja_parametros .btn_parametros {
        background: var(--amarillo);
        color: white;
        padding: 5px;
        box-sizing: border-box;
        height: 30px;
        font-size: 15px;
    }

    .mod_parametros .caja_parametros .cajas_parametros .tabla_parametros {
        width: 100%;
        text-align: center;
    }

    .mod_parametros .caja_parametros .cajas_parametros .tabla_parametros table {
        width: 100%;
        border-collapse: collapse;
        text-align: center;
    }

    .mod_parametros .caja_parametros .cajas_parametros .tabla_parametros table th {
        background: var(--verde);
        color: white;
        padding: 3px;
        font-size: 12px;

    }

    .mod_parametros .caja_parametros .cajas_parametros .tabla_parametros table td {
        padding: 2px;
        background: 0;
        border-bottom: 1px solid silver;
    }

    .mod_parametros .caja_parametros .cajas_parametros .tabla_parametros table tr:hover {
        background: silver;
    }

    .mod_parametros .caja_parametros .cajas_parametros .tabla_parametros table td button {
        width: 40px;
        height: 30px;
        padding: 3px;
        box-sizing: border-box;
        background: var(--verde);

    }

    .mod_parametros .caja_parametros .cajas_parametros .tabla_parametros table td button img {
        background: 0;
        height: 100%;
    }

    .mod_parametros .caja_parametros .cajas_parametros .tabla_parametros table td input,
    .mod_parametros .caja_parametros .cajas_parametros .tabla_parametros table td select {
        width: 100%;
        border: 1px solid silver;
        padding: 3px;
        border-radius: 3px;
        height: 30px;
    }

    .alert_pago {
        position: fixed;
        width: 20%;
        left: 0;
        top: 0;
        background: var(--amarillo);
        z-index: 9999;
        height: 50px;
        display: flex;
        align-content: center;
        align-items: center;
    }

    .alert_pago h1 {
        background: 0;
        color: white;
        font-size: 15px;
        text-align: center;
        width: 100%;
    }

    .suspension_pago {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        background: var(--rojo);
        z-index: 99;
        display: flex;
        align-content: center;
        align-items: center;
    }

    .suspension_pago h1 {
        width: 100%;
        text-align: center;
        background: 0;
        font-size: 40px;
        color: white;
    }

    .mod_productos .activo_inv {
        width: 30%;
        position: absolute;
        right: 5;
        top: 50px;
        height: 40px;
        background: 0;
        text-align: right;
        font-size: 18px;
    }

    .tabla_prod .activocat {
        background: 0;
        text-align: right;
        display: inline-block;
        float: right;
    }

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

    }

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

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

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

    .btnverinputpro {
        width: 35px;
        height: 35px;
        padding: 5px;
        background: var(--azul);
        float: left;
        position: absolute;
        left: 5px;
        top: 0px;
    }

    .btnverinputser {
        width: 35px;
        height: 35px;
        padding: 5px;
        background: var(--amarillo);
        float: left;
        position: absolute;
        left: 45px;
        top: 0px;
    }

    .btnverinputpro img,
    .btnverinputser img {
        background: 0;
        height: 100%;
    }

    .mod_productos .cajaverventa {
        position: fixed;
        border-radius: 5px;
        border: 2px solid black;
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        bottom: 0;
        right: 0;
    }

    .mod_productos .cajaverventa .datosticket {
        width: 100%;
        overflow: auto;

    }

    .mod_productos .cajaverventa .p1 {
        font-weight: 600;
        font-size: 15px;
    }

    .mod_productos .cajaverventa #p1 {
        width: 50%;
        float: left;
        text-align: left;
        border-bottom: 1px solid silver;
        font-size: 12px;
        height: 40px;
    }

    .mod_productos .cajaverventa #p2,
    .mod_productos .cajaverventa #p3 {
        width: 25%;
        float: left;
        text-align: right;
        border-bottom: 1px solid silver;
        font-size: 12px;
        height: 40px;
    }

    .mod_productos .cajaverventa .btnsticket {
        width: 100%;
        height: 35px;
        text-align: left;
    }

    .mod_productos .cajaverventa .btnsticket button {
        width: 30px;
        margin-top: 2.5px;
        padding: 3px;
        height: 30px;
    }

    .mod_productos .cajaverventa .btnsticket .cajaanus {
        width: 100%;
        float: left;
        border: 2px solid var(--rojo);
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        text-align: center;

    }

    .mod_productos .cajaverventa .btnsticket .cajaanus .labanuven {
        background: 0;
        width: 48%;
        float: left;
        color: white;
        margin-left: 1%;
        margin-right: 1%;
        background: var(--rojo);
        height: 70px;
        display: inline-block;
        text-align: center;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        cursor: pointer;
        transition: .2s;
        margin-bottom: 5px;
    }

    .mod_productos .cajaverventa .btnsticket .cajaanus .btnanuventa {
        width: 98%;
        background: var(--verde);
    }

    .mod_productos .cajaverventa .btnsticket .cajaanus .btnanuventa img {
        height: 100%;
    }

    .mod_productos .cajaverventa .btnsticket .cajaanus input[type="radio"]:checked + label {
        transform: scale(.9, .9);
        transition: .2s;
        background: var(--naranja);
    }

    .mod_productos .cajaverventa .btnsticket .cajaanus .labanuven img {
        background: 0;
        height: 40%;

    }

    .mod_productos .cajaverventa .btnsticket .cajaanus textarea {
        width: 98%;
        border-radius: 3px;
        border: 1px solid silver;
        padding: 5px;
        height: 50px;
        resize: none;
        overflow: hidden;
        float: left;
        margin-left: 1%;
        margin-bottom: 2px;
    }

    .mod_productos .cajaverventa .btnsticket .cajaanus button img {
        height: 40%;
    }

    .mod_productos .cajaverventa .btnsticket .cajaanus .labanuven p {
        background: 0;
        font-size: 15px;
        text-align: center;
    }

    .mod_productos .cajaverventa .btnsticket .cajaanus button p {
        color: white;
        font-size: 15px;
        width: 100%;
    }

    .mod_productos .cajaverventa .btnsticket .btn_impventas {
        background: var(--verde);
    }

    .mod_productos .cajaverventa .btnsticket button img {
        height: 100%;
        background: 0;
    }

    .mod_productos .cajaverventa .btnsticket .btn_anuventas {
        background: var(--rojo);
    }

    .mod_productos .btn_modventas {
        width: 35px;
        height: 35px;
        background: var(--naranja);
        padding: 3px;
    }

    .mod_productos .btn_modventas img {
        background: 0;
        height: 100%;
    }

    .mod_productos .cajaverventa h2 {
        width: 85%;
        float: left;
        height: 30px;
        font-size: 15px;
    }

    .mod_productos .cajaverventa .cerventa {
        width: 15%;
        float: right;
        height: 30px;
        text-align: right;
    }

    .mod_productos .cajaverventa .cerventa img {
        height: 100%;
        background: 0;
    }

    .mod_productos .sub_btn {
        width: 100%;
        margin-bottom: 10px;
        height: auto;
        overflow: hidden;
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_productos .sub_btn button {
        background: var(--amarillo);
        color: white;
        padding: 5px;
        font-size: 15px;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
    }

    .caja_prod .cajaselpro {
        height: 32px;
        width: 250px;
    }

    .tabla_prod .btnetiquetas {
        width: 40px;
        height: 40px;
        background: var(--azul);
        border: 0;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
    }

    .tabla_prod .btnetiquetas img {
        height: 100%;
        background: 0;
    }

    .mod_etiquetas {
        width: 100%;
        overflow: hidden;
        height: auto;
    }

    .mod_etiquetas .etiqueta {
        width: 30%;
        float: left;
        margin-left: 1.5%;
        margin-right: 1.5%;
        text-align: center;
    }

    .mod_etiquetas .etiqueta h3 {
        font-size: 12px;

    }

    .mod_etiquetas .etiqueta p {
        font-size: 18px;
        font-weight: 600;
    }

    .mod_etiquetas .etiqueta canvas {
        width: 60%;
    }

    .mod_venta .ventanas_venta .cajacred {
        width: 100%;
        height: 140px;
        overflow-y: auto;
    }

    .mod_venta .ventanas_venta .cajacred .tit {
        width: 100%;
        font-weight: 600;
    }

    .mod_venta .ventanas_venta .cajacred label {
        width: 40%;
        display: inline-block;
        font-size: 15px;
        float: left;
    }

    .mod_venta .ventanas_venta .cajacred input,
    .mod_venta .ventanas_venta .cajacred select {
        width: 60%;
        float: left;
        height: 30px;
        margin-bottom: 5px;
        border-radius: 5PX;
        border: 1px solid silver;
        box-sizing: border-box;
        padding-left: 10px;
    }

    .btnsticket .btnverabonos {
        display: inline-block;
        width: 30px;
        height: 30px;
        background: var(--amarillo);
        border: 0;
        padding: 3px;
        box-sizing: border-box;
        border-radius: 3px;
        text-align: center;
        cursor: pointer;
        transition: .2s;
    }

    .btnsticket .btnverabonos:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    .btnsticket .btnverabonos img {
        height: 100%;
        background: 0;
    }

    .btnsticket .cajaabonos {
        width: 100%;
        float: left;
        border-radius: 5px;
        border: 2px solid var(--amarillo);
        padding: 5px;
        box-sizing: border-box;
        text-align: center;

    }

    .btnsticket .cajaabonos h2 {
        width: 100%;
        margin: 0;
    }

    .btnsticket .cajaabonos form {
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid silver;
        padding: 5px;
        box-sizing: border-box;
    }

    .btnsticket .cajaabonos .form input,
    .btnsticket .cajaabonos .form select {
        width: 40%;
        float: left;
        margin-left: 2.5%;
        margin-right: 2.5%;
        text-align: center;
        height: 30px;

    }

    .btnsticket .cajaabonos .form button {
        width: 10%;
        background: var(--verde);
        height: 30px;
        float: left;

    }

    .mod_productos .cajaeligasto {
        position: absolute;
        width: 40%;
        right: 60;
        border: 1px solid silver;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;

    }

    .mod_productos .cajaeligasto p {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .mod_productos .cajaeligasto .sieligasto {
        width: 80%;
        float: left;
        background: var(--verde);
        height: 40px;
        color: white;
        font-size: 20px;
    }

    .mod_productos .cajaeligasto .noeligasto {
        width: 18%;
        float: left;
        background: var(--rojo);
        height: 40px;
        color: white;
        font-size: 20px;
        margin-left: 2%;
    }

    .mod_productos .btn_eligasto {
        width: 35px;
        height: 35px;
        background: var(--rojo);
        padding: 5px;
    }

    .mod_productos .btn_eligasto img {
        height: 100%;
        background: 0;
    }

    .mod_compras .espacio_modprod {
        height: 50px;
        background: 0;
    }

    .mod_compras .select2formprod {
        height: 35px;
        width: 100%;
        margin-bottom: 10px;
    }

    .mod_compras {
        width: 100%;
        position: fixed;
        height: 100%;
        top: 0;
    }

    .mod_compras .info_compra {
        width: 100%;
        float: left;
        border-bottom: 1px solid grey;
        height: auto;
    }

    .mod_compras .info_compra h1,
    .mod_compras .prod_compra h1 {
        text-align: center;
    }

    .mod_compras .info_compra form {
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_compras .info_compra form label {
        width: 100%;

    }

    .mod_compras .info_compra form label input,
    .mod_compras .info_compra form label select {
        width: 100%;
        height: 40px;
        border-radius: 5px;
        border: 1px solid silver;
        text-align: center;
        text-align-last: center;
        font-size: 15px;
        margin-bottom: 10px;
    }

    .mod_compras .info_compra form label textarea {
        width: 100%;
        height: 50px;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        resize: none;
        overflow: hidden;
        border: 1px solid silver;
    }

    .mod_compras .info_compra form label button {
        width: 100%;
        height: 40px;
        background: var(--verde);
        border: 0;
        padding: 5px;
        margin-top: 5px;
    }

    .mod_compras .info_compra form label button img {
        height: 100%;
        background: 0;
    }

    .mod_compras .prod_compra {
        width: 69%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        height: 100%;
        overflow-y: auto;
    }

    .mod_compras .prod_compra form label {
        width: 19%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }

    .mod_compras .prod_compra form label input {
        width: 100%;
        border: 1px solid silver;
        border-radius: 5px;
        height: 40px;
        font-size: 15px;
        text-align: center;
    }

    .mod_compras .prod_compra .select2formprod {
        width: 100%;
        height: 40px;
    }

    .mod_compras .prod_compra form #pro {
        width: 30%;
        margin: 0;
    }

    .mod_compras .prod_compra form #btn {
        width: 10%;
        margin: 0;
    }

    .mod_compras .prod_compra form #btn button {
        width: 100%;
        height: 40px;
        background: var(--azul);
        border: 0;
        padding: 10px;
        border-radius: 5px;
    }

    .mod_compras .prod_compra form #btn button img {
        background: 0;
        height: 100%;
    }

    .mod_compras .prod_compra .ingprodcompra {
        width: 100%;
        overflow: hidden;
        margin-bottom: 5px;
        border-bottom: 1px solid silver;
    }

    .mod_compras .tableprodcompra {
        width: 100%;

    }

    .mod_compras .tableprodcompra table {
        width: 100%;
        text-align: center;
        border-collapse: collapse;
    }

    .mod_compras .tableprodcompra #tdpro {
        width: 40%;
        text-align: center;
    }

    .mod_compras .tableprodcompra th {
        padding: 3px;
        background: var(--gris);
        color: white;
    }

    .mod_compras .tableprodcompra td {
        text-align: center;
        padding: 5px;
        border-bottom: 1px solid silver;
        background: 0;
    }

    .mod_compras .tableprodcompra td #btneli {
        width: 30px;
        height: 30px;
        background: var(--rojo);
        padding: 5px;
        border-radius: 5px;
    }

    .mod_compras .tableprodcompra td #btneli img {
        height: 100%;
        background: 0;
    }

    .mod_compras .tableprodcompra tr {
        background: 0;
    }

    .mod_compras .tableprodcompra tr:hover {
        background: silver;
    }

    .mod_compras #formguardarfac {
        width: 100%;
    }

    .mod_compras #formguardarfac button {
        width: 100%;
        background: var(--verde);
        font-size: 20px;
        height: 50px;
        border-radius: 5px;
        padding: 5px;
        color: white;
        margin-top: 20px;
    }

    .mod_compras #formguardarfac button img {
        height: 100%;
        background: 0;
        margin-bottom: -8px;
        margin-left: 20px;
    }

    .mod_productos .caja_prod .filtro_prod .select2formprod {
        height: 30px;
        font-size: 15px;
    }

    .mod_productos .cajavercom {
        position: absolute;
        right: 60px;
        border-radius: 5px;
        border: 2px solid black;
        width: 40%;
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_productos .cajavercom .datosticket {
        width: 100%;
        overflow: auto;

    }

    .mod_productos .cajavercom .p1 {
        font-weight: 600;
        font-size: 15px;
    }

    .mod_productos .cajavercom #p1 {
        width: 50%;
        float: left;
        text-align: left;
        border-bottom: 1px solid silver;
        font-size: 12px;
    }

    .mod_productos .cajavercom #p2,
    .mod_productos .cajavercom #p3 {
        width: 25%;
        float: left;
        text-align: right;
        border-bottom: 1px solid silver;
        font-size: 12px;
    }

    .mod_productos .cajavercom h2 {
        width: 85%;
        float: left;
        height: 30px;
        font-size: 15px;
    }

    .mod_productos .cajavercom .cerventa {
        width: 15%;
        float: right;
        height: 30px;
        text-align: right;
    }

    .mod_productos .cajavercom .cerventa img {
        height: 100%;
        background: 0;
    }

    .mod_parametros .btsparametros {
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_parametros .btsparametros button {
        height: 120px;
        margin-bottom: 10px;
        float: left;
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
        border: 3px solid var(--pri);
        font-size: 4vw;
        padding: 10px;
        border-radius: 10px;
    }

    .mod_parametros .btsparametros button img {
        height: 50%;
        background: 0;
        margin-bottom: -5px;
        margin-right: 30px;
    }

    .mod_productos .caja_prod .tabla_prod .btnmodsuc {
        width: 35px;
        height: 35px;
        background: var(--verde);
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_productos .caja_prod .tabla_prod .btnmodsuc img {
        height: 100%;
        background: 0;
    }

    .mod_productos .caja_prod .tabla_prod .des_suc {
        height: 30px;
        padding: 5px;
        box-sizing: border-box;
        background: white;

    }

    .mod_productos .caja_prod .tabla_prod .des_suc img {
        height: 100%;
        background: 0;
    }

    .mod_productos .caja_prod .tabla_prod table #pp1 {
        background: var(--verde);
        color: white;
        border-radius: 50px;
        padding: 5px;
        font-size: 12px;
    }

    .mod_productos .caja_prod .tabla_prod table #pp2 {
        background: var(--amarillo);
        color: white;
        border-radius: 50px;
        padding: 5px;
        font-size: 12px;
    }

    .mod_productos .caja_prod .tabla_prod table #pp3 {
        background: var(--rojo);
        color: white;
        border-radius: 50px;
        padding: 5px;
        font-size: 12px;
    }

    .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped .totcd {
        text-align: center;
        padding: 3px;
        box-sizing: border-box;
        border-radius: 5px;
        border: 1px solid silver;
    }

    .mod_productos .sub_btn .cajaingprov {
        width: 50%;
        position: absolute;
        top: 60px;
        border: 2px solid black;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_productos .sub_btn .cajaingprov h3 {
        background: 0;
        width: 85%;
        float: left;
        height: 30px;
        margin-bottom: 5px;
    }

    .mod_productos .sub_btn .cajaingprov #cerrcaja {
        width: 10%;
        float: left;
        margin-left: 5%;
        margin-right: 0;
        height: 30px;
        box-sizing: border-box;
        background: var(--rojo);
        margin-bottom: 5px;
    }

    .mod_productos .sub_btn .cajaingprov form label {
        width: 100%;
        display: inline-block;
        margin-bottom: 5px;
    }

    .mod_productos .sub_btn .cajaingprov form label input {
        width: 100%;
        height: 35px;
        border: 1px solid silver;
        border-radius: 3px;
        padding: 3px;
        box-sizing: border-box;
    }

    .mod_productos .sub_btn .cajaingprov form button {
        width: 100%;
        background: var(--verde);
        height: 40px;
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_productos .sub_btn .cajaingprov form button img {
        background: 0;
        height: 100%;
    }

    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes {
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        border-top: 1px solid var(--gris);
        float: left;
    }

    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes h2 {
        text-align: center;
    }

    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table {
        width: 100%;
        border-collapse: collapse;
        text-align: center;
    }

    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table th {
        color: white;
        padding: 3px;
        background: var(--gris);
    }

    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table td {
        padding: 3px;
        background: 0;
        border-bottom: 1px solid silver;
    }

    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table tr:hover {
        background: silver;
    }

    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table .btnmodsuc {
        width: 35px;
        height: 35px;
        background: var(--verde);
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table .btnmodsuc img {
        height: 100%;
        background: 0;
    }

    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table input,
    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table select {
        padding: 3px;
        height: 35px;
        border-radius: 3px;
        border: 1px solid silver;
        width: 100%;
    }

    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table .des_suc {
        height: 30px;
        padding: 5px;
        box-sizing: border-box;
        background: white;

    }

    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table .des_suc img {
        height: 100%;
        background: 0;
    }

    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table .btningbill {
        width: 35px;
        height: 35px;
        padding: 5px;
        box-sizing: border-box;
        background: var(--naranja);
    }

    .mod_productos .bts_otros_ajustes .cajas_otros_ajustes table .btningbill img {
        height: 100%;
        background: 0;
    }

    .mod_productos .bts_otros_ajustes {
        width: 100%;
    }

    .mod_productos .bts_otros_ajustes label {
        font-size: 18px;
        padding: 5px;
        box-sizing: border-box;
        perspective-origin: white;
        border: 1px solid var(--rojo);
        border-radius: 3px;
        float: left;
        overflow: hidden;
        margin-left: 5px;
        margin-bottom: 5px;
        cursor: pointer;
    }

    .caja_prodagr .tabprod_ped #btndscto3,
    .caja_prodagr .tabprod_ped #btndscto5 {
        width: auto;
        padding: 0px 5px 0px 5px;
        box-sizing: border-box;
        height: 30px;
        font-size: 15px;
        background: var(--amarillo);
        color: white;
        margin-right: 5px;
    }

    .caja_prodagr .tabprod_ped #btndscto4,
    .caja_prodagr .tabprod_ped #btndscto6 {
        width: auto;
        padding: 0px 5px 0px 5px;
        box-sizing: border-box;
        height: 30px;
        font-size: 15px;
        background: var(--azul);
        color: white;
        margin-right: 5px;
    }

    .caja_prodagr .section_lista_prod {
        width: 100%;
        background: 0;
    }

    .caja_prodagr .section_lista_prod .tit b,
    .caja_prodagr .section_lista_prod .sub b {
        display: none;
    }

    .caja_prodagr .section_lista_prod .lineas_tit b,
    .caja_prodagr .section_lista_prod .lineas_sub b {
        display: inline-block;
        width: 100%;
        height: 20px;
        font-size: 13px;
        background: 0;
    }

    .caja_prodagr .section_lista_prod .section_lineas .lineas_tit {
        width: 100%;
        float: left;
        display: inline-block;
        padding: 2px;
        box-sizing: border-box;
        height: 80px;
        margin-bottom: 2px;
    }

    .caja_prodagr .section_lista_prod .section_lineas .lineas_sub {
        width: 50%;
        float: left;
        display: inline-block;
        padding: 2px;
        box-sizing: border-box;
        height: 50px;
        text-align: left;
    }

    .caja_prodagr .section_lista_prod .section_lineas .lineas_sub input {
        width: 80%;
        text-align: left;
        border: 1px solid black;
        padding-left: 5px;
        border-radius: 5px;
        height: 25px;
        float: left;
    }

    .caja_prodagr .section_lista_prod .section_lineas .lineas_ter {
        width: 100%;
        float: left;
        display: inline-block;
        padding: 2px;
        box-sizing: border-box;
        height: 25px;
    }

    .caja_prodagr .section_lista_prod .section_lineas .lineas_ter b {
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        height: 100%;
        background: 0;
    }

    .caja_prodagr .section_lista_prod .section_lineas .lineas_ter .btneliped {
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        height: 100%;
    }

    .caja_prodagr .section_lista_prod .section_lineas .lineas_tit textarea {
        width: 100%;
        height: 40%;
        font-size: 12px;
        border: 0;
        resize: vertical;
        border-radius: 5px;
        margin-bottom: 2px;
    }

    .caja_prodagr .section_lista_prod .section_lineas {
        background: 0;
        float: left;
        overflow: hidden;
        width: 100%;
        border-bottom: 1px dashed black;
        padding: 2px;
        box-sizing: border-box;
        border-radius: 5px;
    }

    .caja_prodagr .section_lista_prod .section_lineas:hover {
        background: silver;
    }

    .caja_prodagr .section_lista_prod section label {
        background: 0;
        display: inline-block;
    }

    .caja_prodagr .section_lista_prod .section_lineas label .inputobserped {
        border: 1px solid black;
        padding-left: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        width: 100%;
        height: 40%;
    }

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

    }

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

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

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

    .prod_acceso_dir {
        display: none;

    }

    .caja_prodagr .cero_filas {
        display: inline-block;
        width: 100%;
        font-size: 4vw;
        color: silver;
        font-style: italic;
    }

    .fp_pago .fpventas {
        width: 100%;
        height: 40px;
        border-radius: 5px;
        padding: 5px;
        font-size: 4vw;
        cursor: pointer;
        background: var(--pri);
        color: white;
        margin-bottom: 5px;
    }

    .fp_pago .fpventas option,
    .fp_pago .fpventas optgroup {
        background: white;
        color: black;
    }

    .mod_venta .ventanas_venta .fp_pago .cajafp2 .fpventas2,
    .mod_venta .ventanas_venta .fp_pago .cajapaga2 .inputpaga2 {
        width: 100%;
        border: 1px solid silver;
        text-align: center;
        height: 30px;
        border-radius: 3px;
        margin-bottom: 5px;
    }

    .mod_venta .ventanas_venta .fp_pago .cajapaga2 .inputpaga2 {
        background: var(--gris);
        color: white;
        font-weight: 600;
    }

    .mod_venta .ventanas_venta .fp_pago .cajafp2,
    .mod_venta .ventanas_venta .fp_pago .cajapaga2 {
        width: 49%;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
    }

    .mod_venta .ventanas_venta .fp_pago .cajadatoscli {
        width: 100%;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli label,
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli input,
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli select {
        display: inline-block;
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: 40px;
        display: inline-block;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli input,
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli select {
        height: 40px;
        border: 1px solid silver;
        border-radius: 3px;
        margin-bottom: 0px;
        text-align: center;
        margin-bottom: 5px;
    }

    .cabecera .cabecera_botones_menu {
        width: 25%;
        float: left;
        height: 100%;
        background: 0;
        box-sizing: border-box;
        padding: 5px;
        position: relative;
    }

    .cabecera .cabecera_botones_menu .botones_menu_cab {
        display: none;
    }

    .cabecera .cabecera_botones_menu .botones_menu_cab_cel {
        width: auto;
        background: var(--moradoclaro);
        height: 100%;
        border-radius: 10px;
        padding: 10px;
        float: left;
        box-sizing: border-box;
        cursor: pointer;
        transition: .2s;
    }

    .cabecera .cabecera_botones_menu .botones_menu_cab_cel img {
        height: 100%;
        background: 0;
    }

    .cabecera .cabecera_botones_menu .botones_menu_cab_cel:hover {
        transition: .2s;
        transform: scale(.9, .9);
    }

    .cabecera .botones_pos #cerrcajamenucel,
    .cabecera .botones_contable #cerrcajamenucel {
        display: none;
    }

    .cabecera .botones_pos {
        width: 95%;
        float: left;
        height: auto;
        background: linear-gradient(180deg, var(--negro), var(--gris));
        box-sizing: border-box;
        position: fixed;
        top: 55px;
        padding: 10px;
        box-sizing: border-box;
        overflow: hidden;
        border-radius: 10px;
        left: 2.5%;
    }

    .cabecera .botones_pos button {
        width: 100%;
        height: 45px;
        border: 0;
        background: red;
        font-size: 20px;
        border-radius: 10px;
        float: left;
        text-align: center;
        box-sizing: border-box;
        color: white;
        margin-top: 10px;
        text-align: left;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 5px;
        font-weight: bold;
    }

    .cabecera .botones_pos #btnmenuvender {
        background: var(--verdeclaro);
        color: var(--verde);
    }

    .cabecera .botones_pos #btnmenucuadre {
        background: var(--naranjaclaro);
        color: var(--naranja)
    }

    .cabecera .botones_pos #btnmenuprod {
        background: var(--azulclaro);
        color: var(--azul);
    }

    .cabecera .botones_pos #btnmenubalan {
        background: var(--amarilloclaro);
        color: var(--amarillo);
    }

    .cabecera .botones_pos #btnmenunom {
        background: var(--naranjaclaro);
        color: var(--naranja);
    }

    .cabecera .botones_pos #btnmenuconfi {
        background: var(--rojoclaro);
        color: var(--rojo);
    }

    .cabecera .botones_pos button svg {
        height: 100%;
        background: 0;
        float: right;
    }

    @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 */
    }
    
    .mod_venta .alerta_consec,
    .alerta_fecha {
        animation: go-left-right .9s infinite alternate;
        display: inline-block;
        color: var(--rojo);
        width: 100%;
        font-size: 1em;
    }

    .mod_productos .sub_btn .caja_ing_parametros {
        width: 100%;
        position: absolute;
        top: 60px;
        border: 2px solid black;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        z-index: 9;
        left: 0;
    }

    .mod_productos .sub_btn .caja_ing_parametros h3 {
        background: 0;
        width: 85%;
        float: left;
        height: 30px;
        margin-bottom: 5px;
    }

    .mod_productos .sub_btn .caja_ing_parametros #cerrcaja {
        width: 10%;
        float: left;
        margin-left: 5%;
        margin-right: 0;
        height: 30px;
        box-sizing: border-box;
        background: var(--rojo);
        margin-bottom: 5px;
    }

    .mod_productos .sub_btn .caja_ing_parametros form label {
        width: 49%;
        display: inline-block;
        margin-bottom: 5px;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        margin-bottom: 5px;
        height: 60px;
    }

    .mod_productos .sub_btn .caja_ing_parametros form label p {
        height: 20px;
    }

    .mod_productos .sub_btn .caja_ing_parametros form label input,
    .mod_productos .sub_btn .caja_ing_parametros form label select {
        width: 100%;
        height: 40px;
        border: 1px solid silver;
        border-radius: 3px;
        padding: 3px;
        box-sizing: border-box;
    }

    .mod_productos .sub_btn .caja_ing_parametros form label .cajaselect2 {
        height: 40px;
    }

    .mod_productos .sub_btn .caja_ing_parametros form button {
        width: 100%;
        background: var(--verde);
        height: 40px;
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_productos .sub_btn .caja_ing_parametros form button img {
        background: 0;
        height: 100%;
    }

    .seccion_parametros .caja_parametros .label_parametros .btn_eli_ter {
        background: var(--rojo);
        padding: 5px;
        box-sizing: border-box;
        height: 35px;
        width: 100%;
    }

    .seccion_parametros .caja_parametros .label_parametros .btn_eli_ter img {
        height: 100%;
        background: 0;
    }

    .seccion_parametros .caja_parametros {
        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: 49%;
        float: left;
        display: inline-block;
        margin-left: .5%;
        margin-right: .5%;
        height: 65px;
        padding: 5px;
        box-sizing: border-box;
        background: 0;
    }

    .seccion_parametros .caja_parametros .label_parametros p {
        height: 20px;
        font-weight: 600;
        background: 0;
    }

    .seccion_parametros .caja_parametros .label_parametros input,
    .seccion_parametros .caja_parametros .label_parametros select {
        height: 35px;
        border-radius: 5px;
        border: 1px solid silver;
        padding: 5px;
        box-sizing: border-box;
        width: 100%;
    }

    .seccion_parametros .caja_parametros .label_parametros .cajaselect2 {
        height: 35px;

    }

    .seccion_parametros .caja_parametros .label_parametros button[type="submit"] {
        width: 100%;
        height: 35px;
        background: var(--verde);
        padding: 5px;
    }

    .seccion_parametros .caja_parametros .label_parametros button[type="submit"] img {
        background: 0;
        height: 100%;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli {
        width: 100%;
        float: left;

    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli label,
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli input {
        display: inline-block;
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli input {
        height: 40px;
        border: 1px solid silver;
        border-radius: 3px;
        margin-bottom: 0px;
        text-align: center;
        margin-bottom: 5px;
        padding: 5px;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli input[type="checkbox"] {
        display: none;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .label_tipo_factura {
        width: 48%;
        float: left;
        background: grey;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        margin-left: 1%;
        margin-right: 1%;
        cursor: pointer;
        transition: .2s;
        color: white;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli input[type="checkbox"]:checked + label {
        background: var(--naranja);
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .label_tipo_factura:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura {
        position: absolute;
        height: auto;
        overflow: hidden;
        width: 95%;
        left: 2.5%;
        border-radius: 5px;
        -webkit-box-shadow: -4px 0px 26px -4px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: -4px 0px 26px -4px rgba(0, 0, 0, 0.75);
        box-shadow: -4px 0px 26px -4px rgba(0, 0, 0, 0.75);
        margin-top: 35px;
        padding: 5px;
        box-sizing: border-box;
        bottom: 10px;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura h3 {
        font-size: 5vw;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura h4 {
        font-size: 3.5vw;
        color: var(--rojo);
        margin-bottom: 2px;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura label {
        display: inline-block;
        padding: 2px;
        box-sizing: border-box;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura label p {
        font-weight: 600;
        font-size: 14px;
        width: 49%;
        text-align: left;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
        height: 35px;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura label input,
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura label select {
        width: 49%;
        padding: 5px;
        box-sizing: border-box;
        font-size: 14px;
        border: 1px solid silver;
        border-radius: 5px;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: 35px;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura .label1 {
        width: 99%;
        float: left;
        margin-bottom: 5px;
        height: 35px;
        margin-left: .5%;
        margin-right: .5%;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura .label2 {
        width: 99%;
        float: left;
        margin-bottom: 5px;
        height: 35px;
        margin-left: .5%;
        margin-right: .5%;

    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura .cajaselect2 {
        height: 35px;
        width: 49%;
        margin-bottom: 10px;
        font-size: 14px;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura .doc_cli {
        width: 40%;
        float: left;

    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura .dv_cli {
        width: 8%;
        float: left;
        display: none;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura .datos_pri_cli,
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura .datos_sec_cli {
        width: 100%;
        float: left;
        background: 0;
        height: auto;
        overflow: hidden;

    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura .caja_datos_ter {
        width: 100%;
        overflow: hidden;
        height: auto;
    }

    .tabla_prod .caja_vermas {
        position: absolute;
        width: 300px;
        margin-top: -30px;
        margin-right: 80px;
        right: 0;
        background: rgba(0, 0, 0, .8);
        padding: 5px;
        border-radius: 5px;
        box-sizing: border-box;
    }

    .tabla_prod .caja_vermas p {
        background: 0;
        color: white;
        margin-bottom: 3px;
        font-weight: 600;
    }

    .tabla_prod .caja_vermas .btn_caja_vermas {
        background: var(--naranja);
        color: white;
        width: 100%;
        padding: 3px;
        margin-bottom: 5px;
        font-size: .8vw;
        height: 30px;
        padding-left: 5px;
        text-align: left;
    }

    .tabla_prod .caja_vermas .btn_caja_vermas img {
        height: 90%;
        background: 0;
        float: right;
        margin-right: 5px;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .select_tipo_venta {
        background: var(--negro);
        color: white;
        font-weight: 600;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .select_tipo_venta option,
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .select_tipo_venta optgroup {
        color: black;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli label {
        position: relative;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli label b {
        color: var(--rojo);
        font-weight: 600;
        font-size: 1.6vw;
        position: absolute;
        top: -8px;
        margin-left: 2px;

    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .caja_tipo_factura .label_mas_datos {
        width: 100%;
        float: left;
        display: inline-block;
        border-top: 1px solid black;
        color: black;
        margin-top: 5px;
        margin-top: 5px;
        cursor: pointer;
        transition: .2s;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajabtnpagodespues {
        width: 99%;
        float: left;
        margin-top: 5px;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajabtnpagodespues button {
        height: 40px;
        background: var(--naranja);
        border: 0;
        color: white;
        width: 100%;
        border-radius: 3px;
        font-size: 20px;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajabtnpagodespues button img {
        height: 70%;
        background: 0;
        margin-left: 20px;
        margin-bottom: -5px;
    }

    .mod_productos .caja_lv {
        width: 99%;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        border: 1px solid grey;
        position: absolute;
        left: .5%;
        top: 130;
        overflow: hidden;
        height: auto;
        display: none;
    }

    .mod_productos .caja_lv h1 {
        font-size: 6vw;
        width: 85%;
        float: left;
        text-align: left;
        height: 30px;
    }

    .mod_productos .caja_lv #btn_cerr_lv {
        width: 15%;
        float: left;
        height: 30px;
        padding: 0;
        margin: 0;
        background: var(--rojo);
    }

    .mod_productos .caja_lv label {
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
        overflow: hidden;
        height: auto;

    }

    .mod_productos .caja_lv label input {
        width: 100%;
        height: 35px;
        border: 1px solid grey;
        border-radius: 5px;
        padding: 5px;
        font-size: 5vw;
    }

    .mod_productos .caja_lv button[type="button"] {
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: 35px;
        background: var(--gris);
        margin-bottom: 5px;
    }

    .mod_productos .caja_lv button[type="button"] img {
        height: 90%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 20px;
    }

    .mod_productos .caja_lv button[type="submit"] {
        width: 100%;
        float: left;
        height: 40px;
        font-size: 5vw;
        background: var(--verde);
    }

    .mod_productos .caja_lv form {
        height: auto;
        overflow: hidden;
        width: 100%;
    }

    .caja_prod .tabla_prod .form_mod_fpven,
    .caja_prod .tabla_prod .form_mod_fpven div,
    .caja_prod .tabla_prod .form_mod_fpven p {
        background: 0;
        width: 120px;
    }

    .caja_prod .tabla_prod .form_mod_fpven div {
        width: 100%;
    }

    .caja_prod .tabla_prod .form_mod_fpven div select {
        width: 100%;
        float: left;
    }

    .caja_prod .tabla_prod .form_mod_fpven div button[type="submit"] {
        width: 100%;
        float: left;
        height: 35px;
        background: var(--verde);
        padding: 5px;
    }

    .caja_prod .tabla_prod .form_mod_fpven div button[type="submit"] img {
        height: 100%;
        background: 0;
    }

    .seccion_parametros .caja_parametros #iconos {
        height: 150px;
        text-align: center;
    }

    .seccion_parametros .caja_parametros #iconos .logos {
        width: 100%;
        height: auto;
        background: 0;
        aspect-ratio: 3/2;
        object-fit: contain;
    }

    .tabla-pedidos thead,
    .tabla-pedidos tfoot {
        display: none;
        /* ocultamos encabezados y pie */
    }

    .tabla-pedidos,
    .tabla-pedidos tbody,
    .tabla-pedidos tr {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .tabla-pedidos tr {
        margin-bottom: 1rem;
        border: 1px solid #ddd;
        padding: 0.5rem;
        border-radius: 4px;
        box-sizing: border-box;
    }

    .tabla-pedidos td {
        display: block;
        text-align: right;
        position: relative;
        padding: 0.5rem 0.5rem 0.5rem 50%;
        border: none;
        border-bottom: 1px dashed #eee;
    }

    .tabla-pedidos td:last-child {
        border-bottom: 0;
    }

    .tabla-pedidos td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 45%;
        padding-left: 0.5rem;
        font-weight: bold;
        text-align: left;
    }

    .mod_venta .barra_herramientas {
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        float: left;
    }

    .mod_venta .barra_herramientas button {
        width: 50px;
        height: 50px;
        padding: 10px;
        border-radius: 10px;
        float: left;
        margin-left: 5px;
        margin-bottom: 5px;
    }

    .mod_venta .barra_herramientas .btn1 {
        background: var(--azul);
        position: relative;
    }

    .mod_venta .barra_herramientas .btn2 {
        background: var(--naranja);
    }

    .mod_venta .barra_herramientas button img {
        height: 100%;
        background: 0;
    }

    .mod_venta .titulo {
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        float: left;
        height: auto;
    }

    .mod_venta .ventanas_venta .caja_agrprod {
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        float: left;
        height: 90px;
    }

    .mod_venta .ventanas_venta .caja_agrprod label {
        display: inline-block;
    }

    .mod_venta .ventanas_venta .caja_agrprod .label_form_agr.buscar_producto {
        width: 100%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_venta .ventanas_venta .caja_agrprod .label_form_agr.buscar_producto .cod_pro_buscar_pc {
        width: 100%;
        height: 50px;
        font-size: 20px;
        border-radius: 10px;
        border: 2px solid #878787;
        padding-left: 10px;

    }

    .mod_venta .ventanas_venta .caja_agrprod .label_form_agr.buscar_producto .caja_select2 {
        width: 100%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 100%;
        height: 50px;
        font-size: 20px;
        border-radius: 10px;
        border: 2px solid #878787;
        padding-left: 10px;
    }

    .mod_venta .ventanas_venta .caja_agrprod .label_form_agr.cantidad,
    .mod_venta .ventanas_venta .caja_agrprod .label_form_agr.btn_agregar {
        width: 50%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        display: none;
    }

    .mod_venta .ventanas_venta .caja_agrprod .label_form_agr.cantidad input {
        width: 100%;
        height: 50px;
        border: 2px solid #878787;
        border-radius: 10px;
        text-align: center;
        font-size: 25px;
    }

    .mod_venta .ventanas_venta .caja_agrprod .label_form_agr.btn_agregar button {
        width: 100%;
        height: 50px;
        font-size: 20px;
        border-radius: 10px;
    }

    .mod_venta .ventanas_venta .table-responsive .subtotal-animado {
        color: #E8864A !important;
        transform: scale(1.2, 1.2);
    }

    .forma-pago-container {
        background: #e2e5e8;
        border: 2px solid #dee2e6;
        border-radius: 12px;
        padding: 10px;
        box-sizing: border-box;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        width: 95%;
        position: fixed;
        top: 60px;
        right: -100%;
        /* fuera de pantalla */
        transition: right 0.3s ease;
        z-index: 99999;
        max-height: 75vh;
        overflow: auto;
    }

    .forma-pago-container.visible {
        right: 2.5%;
    }

    .forma-pago-container h4 {
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 1.5em;
        border-bottom: 1px solid #ced4da;
        padding-bottom: 8px;
    }

    .forma-pago-container div {
        background: 0;
    }

    .forma-pago-container span,
    .forma-pago-container strong {
        background: 0;
    }

    .forma-pago-container strong {
        width: 100%;
        float: left;
    }

    .forma-pago-container .pago-linea {
        align-items: center;
        margin-bottom: 5px;
        border-bottom: 1px solid #495057;
        background: 0;
        width: 100%;
    }

    .forma-pago-container .pago-linea label {
        font-weight: 500;
        color: #495057;
        background: 0;
        width: 100%;
        display: inline-block;
    }

    .forma-pago-container .pago-linea input,
    .forma-pago-container .pago-linea select {
        padding: 6px 10px;
        font-size: 1em;
        text-align: left;
        border: 1px solid #ced4da;
        border-radius: 6px;
        background-color: white;
        color: #212529;
        width: 100%;
        margin-bottom: 5px;
    }

    .forma-pago-container .datos-cliente strong {
        width: 100%;
    }

    .forma-pago-container .datos-cliente #nitcli,
    .forma-pago-container .datos-cliente #nomcli {
        flex: 1;
        padding: 6px 10px;
        font-size: 1em;
        text-align: center;
        border: 1px solid #ced4da;
        border-radius: 6px;
        background-color: white;
        color: #212529;
        width: 100%;
        margin-bottom: 5px;
    }

    .forma-pago-container #selector-fp {
        width: 100%;
        padding: 8px;
        font-size: 1em;
        border: 1px solid #ced4da;
        border-radius: 6px;
        background-color: white;
        margin-top: 10px;
    }

    .forma-pago-container #total-recibido,
    .forma-pago-container #cambio-saldo {
        font-weight: bold;
        color: #0d6efd;
        margin-top: 5px;
        display: inline-block;
    }

    .forma-pago-container #btn-confirmar-venta {
        margin-top: 20px;
        padding: 10px 20px;
        background: var(--verde);
        color: white;
        border: none;
        border-radius: 10px;
        font-size: 1.5em;
        cursor: pointer;
        transition: background 0.2s ease;
        width: 100%;
        height: 70px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    }

    .forma-pago-container .titulo_total {
        text-align: center;
        background: black;
        color: white;
        border-radius: 6px;
    }

    .forma-pago-container .titulo_total span {
        margin-left: 10px;
        letter-spacing: 1;
    }

    .forma-pago-container #btn-confirmar-venta:hover {
        background: #157347;
    }

    #btn-toggle-pago {
        position: fixed;
        bottom: 120px;
        right: 2.5%;
        background: var(--amarillo);
        color: white;
        border: none;
        padding: 30px 14px;
        border-radius: 10px;
        font-size: 2em;
        cursor: pointer;
        z-index: 1000;
        width: 95%;
    }

    #btn-toggle-pago:hover {
        background: var(--azul);
    }

    .cambio-positivo {
        color: var(--verde) !important;
        /* verde */
    }

    .cambio-negativo {
        color: var(--rojo) !important;
        /* rojo */
    }

    .forma-pago-container .selector-principal {
        flex: 1;
        padding: 6px 10px;
        font-size: 1em;
        border: 1px solid #ced4da;
        border-radius: 6px;
        background-color: white;
        color: #212529;
    }

    .table-responsive {
        float: left;
        width: 98%;
        margin-top: 5px;
        background: #f8f9fa;
        border: 2px solid #dee2e6;
        border-radius: 12px;
        padding: 10px;
        box-sizing: border-box;
        margin-left: 1%;
        margin-bottom: 250px;
        overflow: hidden;
    }


    .mod_venta .ventanas_venta .table-responsive input {
        border: 2px solid #dee2e6;
        border-radius: 10px;
        height: 35px;
        width: 80%;
        padding-left: 10px;
    }

    .mod_venta .ventanas_venta .table-responsive .btn-eliminar {
        background: var(--rojo);
        width: 35px;
        height: 35px;
        color: white;
        font-size: 25px;
        border-radius: 10px;
    }

    .tabla-pedidos td.des_pro {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 8px 0;
        box-sizing: border-box;
    }

    .tabla-pedidos td.des_pro b.cod_pro {
        font-size: 12px;
        color: #888;
    }

    .tabla-pedidos td.des_pro input.obs-ped {
        width: 100%;
        margin-top: 6px;
    }

    .subtotal {
        font-weight: bold;
    }

    .table-responsive .tabla-pedidos .btn-restaurar {
        background: var(--azul);
        padding: 5px;
        border-radius: 5px;
        color: white;
        box-sizing: border-box;
    }

    .mod_venta .barra_herramientas button .nro_varch {
        display: inline-block;
        background: var(--rojo);
        width: 25px;
        height: 25px;
        border-radius: 10px;
        padding: 2.5px;
        box-sizing: border-box;
        color: white;
        position: absolute;
        bottom: 2px;
        right: 2px;
    }

    .mod_productos .sub_btn .botones_principales {
        padding: 8px;
        background: silver;
        color: black;
        border-radius: 10px;
        margin-bottom: 5px;
        display: inline-block;
        font-size: 1em;
        margin-left: 5px;
    }

    .mod_productos .seccion_reportes {
        width: 100%;
        padding: 2.5px;
        box-sizing: border-box;
    }

    .mod_productos .seccion_reportes h1 {
        text-align: center;
    }

    .mod_productos .seccion_reportes .filtro_reporte {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .mod_productos .seccion_reportes .filtro_reporte div {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        float: left;
        height: auto;
    }

    .mod_productos .seccion_reportes .filtro_reporte .caja_select2 {
        height: 40px;
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        border-radius: 8px;
        border: 2px solid grey;
    }

    .mod_productos .seccion_reportes .filtro_reporte input,
    .mod_productos .seccion_reportes .filtro_reporte select {
        width: 100%;
        padding-left: 10px;
        border-radius: 8px;
        border: 2px solid grey;
        height: 40px;
        box-sizing: border-box;
    }

    .mod_productos .seccion_reportes .filtro_reporte .btn_buscar {
        width: 100%;
        height: 40px;
        background: var(--azul);
        border-radius: 10px;
    }

    /* Contenedor general (aplícalo a body, o a un div específico) */
    .mod_productos::-webkit-scrollbar,
    .scrollable-div::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    .mod_productos::-webkit-scrollbar-track,
    .scrollable-div::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 8px;
    }

    .mod_productos::-webkit-scrollbar-thumb,
    .scrollable-div::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, var(--azulclaro), var(--azul));
        /* gradiente azul */
        border-radius: 8px;
    }

    .mod_productos::-webkit-scrollbar-thumb:hover,
    .scrollable-div::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(180deg, #0056b3, #003f7f);
    }

    /* Firefox (a través de scrollbar-width y scrollbar-color) */
    .scrollable-div {
        scrollbar-width: thin;
        scrollbar-color: #007BFF #f1f1f1;
    }

    .modal {
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: none;
    }

    .modal-contenido {
        background: white;
        margin: auto;
        padding: 10px;
        width: 90%;
        max-width: 320px;
        border-radius: 10px;
        height: 80vh;
        margin-top: 10vh;
        overflow: auto;
        box-sizing: border-box;
    }

    .modal-contenido h2 {
        background: 0;
        margin: 0;
        width: 100%;
        text-align: center;
    }

    .cerrar-modal {
        float: right;
        font-size: 24px;
        cursor: pointer;
        width: 100%;
        text-align: right;
        height: 30px;
    }

    .modal-contenido .datos_generales,
    .modal-contenido .datos_pedido {
        width: 99%;
        margin-left: .5%;
        float: left;
        height: auto;
        background: 0;
        overflow: hidden;
        padding: 2.5px;
        box-sizing: border-box;
        border-top: 1px solid silver;
    }

    .modal-contenido .datos_pedido {
        width: 99%;
        margin-left: .5%;
        float: left;
        height: auto;
        background: 0;
        overflow: hidden;
        padding: 2.5px;
        box-sizing: border-box;
    }

    .modal-contenido .datos_generales h5,
    .modal-contenido .datos_pedido h5 {
        text-align: center;
        font-style: italic;
    }

    .modal-contenido .datos_generales .datos_cabecera {
        width: 100%;
        margin-bottom: 5px;
    }

    .modal-contenido .datos_pedido .obser_ped {
        width: 100%;
        display: inline-block;
        color: var(--gris);
        font-style: italic;
        border-top: 1px dashed silver;
        font-size: 13px;
        background: 0;
    }

    .modal-contenido .datos_pedido .table-responsive {
        height: auto;
        overflow: hidden;
        margin-bottom: 0;
    }

    .modal-contenido .table-responsive {
        margin-bottom: 5px;
    }

    .tooltip,
    .tooltipleft {
        position: relative;
        cursor: pointer;
    }

    .tooltip::after,
    .tooltipleft::after {
        content: attr(data-tooltip);
        position: absolute;
        top: -35px;
        left: 50%;
        transform: translateX(-50%);
        background: #222;
        color: #fff;
        padding: 6px 10px;
        border-radius: 5px;
        font-size: 13px;
        white-space: nowrap;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.2s ease-in-out;
        z-index: 100;
    }

    .tooltipleft::after {
        content: attr(data-tooltip);
        position: absolute;
        top: -35px;
        left: 50%;
        transform: translateX(-20%);
        background: #222;
        color: #fff;
        padding: 6px 10px;
        border-radius: 5px;
        font-size: 13px;
        white-space: nowrap;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.2s ease-in-out;
        z-index: 100;
    }

    .tooltip:hover::after,
    .tooltipleft:hover::after {
        opacity: 1;
    }


    .modal-contenido .datos_pedido .botones_acciones {
        width: 98%;
        background: var(--gris);
        padding: 10px;
        box-sizing: border-box;
        border-radius: 10px;
        position: absolute;
        bottom: 5PX;
        left: 1%;
        height: 60px;
    }

    .modal-contenido .datos_pedido .botones_acciones .btn_acciones {
        width: 50px;
        height: 100%;
        border-radius: 10px;
        float: left;
        margin-left: 5px;
        font-size: 18px;
        text-align: center;
        padding: 8px;
        box-sizing: border-box;
    }

    .modal-contenido .datos_pedido .botones_acciones .btn_acciones.reg_abono {
        background: var(--amarilloclaro);
    }

    .modal-contenido .datos_pedido .botones_acciones .btn_acciones.imprimir {
        background: var(--verdeclaro);
    }

    .modal-contenido .datos_pedido .botones_acciones .btn_acciones.cxc {
        background: var(--azulclaro);
    }

    .modal-contenido .datos_pedido .botones_acciones .btn_acciones.anular {
        background: var(--rojoclaro);
    }

    .modal-contenido .datos_pedido .botones_acciones .btn_acciones.imprimir svg {
        color: var(--verde);
    }

    .modal-contenido .datos_pedido .botones_acciones .btn_acciones.anular svg {
        color: var(--rojo);
    }

    .modal-contenido .datos_pedido .botones_acciones .btn_acciones.cxc svg {
        color: var(--azul);
    }

    .modal-contenido .datos_pedido .botones_acciones .btn_acciones svg {
        height: 100%;
        background: 0;
    }

    .popup_fondo {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9999;
    }

    .popup_contenido {
        background: white;
        padding: 10px;
        border-radius: 10px;
        width: 90%;
        max-height: auto;
    }

    .popup_contenido b {
        width: 100%;
        display: inline-block;
    }

    .popup_contenido select,
    .popup_contenido input {
        width: 100%;
        border-radius: 5px;
        border: 2px solid var(--gris);
        height: 40px;
        padding-left: 10px;
        font-size: 20px;
        margin-bottom: 5px;
    }

    .popup_contenido .input_observaciones {
        width: 100%;
        border-radius: 5px;
        border: 2px solid var(--gris);
        height: 40px;
        padding-left: 10px;
        font-size: 20px;
        font-size: 13px;
    }

    .popup_botones {
        margin-top: 15px;
        display: flex;
        justify-content: space-between;
    }

    .popup_botones button[type="submit"] {
        width: 49%;
        float: left;
        margin-right: 1%;
        background: var(--verdeclaro);
        font-size: 20px;
        font-weight: 600;
        color: var(--verde);
        padding: 8px;
        border-radius: 10px;
        box-sizing: border-box;
    }

    .popup_botones button[type="button"] {
        width: 49%;
        float: left;
        margin-left: 1%;
        background: var(--rojoclaro);
        font-size: 20px;
        font-weight: 600;
        color: var(--rojo);
        padding: 8px;
        border-radius: 10px;
        box-sizing: border-box;
    }

    .table-responsive .tabla-pedidos .cod_venta {
        display: inline-block;
        padding: 5px;
        border-radius: 10px;
        background: var(--moradoclaro);
    }

    .table-responsive .tabla-pedidos .factura_e {
        display: inline-block;
        padding: 5px;
        border-radius: 10px;
        background: var(--verdeclaro);
    }

    .table-responsive #graf_credito {
        width: 100%;
        height: 200px;
        margin-bottom: 10px;
    }

    .table-responsive #grafico_abonos_linea {
        width: 100%;
        height: 200px;
    }

    .tabla-pedidos .td_acciones {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .tabla-pedidos .td_acciones button {
        font-size: 14px;
        padding: 5px;
    }

    .table-responsive .tabla-pedidos .btn-acciones-tabla {
        width: 100%;
        padding: 8px;
        border-radius: 10px;
        float: left;
        box-sizing: border-box;
        margin-bottom: 5px;
        min-width: 80px;
    }

    .table-responsive .tabla-pedidos .btn-detalle {
        background: var(--azulclaro);
    }

    .table-responsive .tabla-pedidos .btn_abono_popup {
        background: var(--amarilloclaro);
    }

    .table-responsive .tabla-pedidos .btn_anular_popup,
    .table-responsive .tabla-pedidos .btn_anular_popup_fe {
        background: var(--rojoclaro);
    }

    .tabla-pedidos td[data-label="Descripción"]::before {
        display: none;
        /* Oculta solo el label */
    }

    .tabla-pedidos td[data-label="Descripción"] {
        display: block;
        width: 100%;
        padding-left: 0 !important;
        margin-left: 0 !important;
        text-align: left !important;
    }

    #btn-archivar-venta {
        position: fixed;
        bottom: 65px;
        right: 2.5%;
        background: var(--azul);
        color: white;
        border: none;
        padding: 10px 14px;
        border-radius: 10px;
        font-size: 1.2em;
        cursor: pointer;
        z-index: 1000;
        width: 95%;
        height: 50px;
    }

    #btn-programar-venta {
        position: fixed;
        bottom: 10px;
        right: 2.5%;
        background: var(--moradoclaro);
        color: white;
        border: none;
        padding: 10px 14px;
        border-radius: 10px;
        font-size: 1.2em;
        cursor: pointer;
        z-index: 1000;
        width: 95%;
        height: 50px;
    }

    #btn-toggle-pago:hover,
    #btn-archivar-venta:hover {
        background: var(--gris);
    }

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

    .login .derechos_autor_index img {
        height: 50%;
        background: 0;
    }

    .login .derechos_autor_index p {
        background: 0;
        color: white;
        font-size: .7em;
        height: auto;
    }

    .table-responsive .tabla-pedidos .btn_editarfp_popup {
        width: 40px;
        height: 30px;
        background: var(--amarilloclaro);
        padding: 5px;
        box-sizing: border-box;
        border-radius: 10px;
    }

    .table-responsive .tabla-pedidos .btn_editarfp_popup img {
        height: 100%;
        background: 0;
    }

    .grupo_fp {
        display: flex;
        gap: 10px;
        align-items: center;
        margin-bottom: 8px;
    }

    .grupo_fp select,
    .grupo_fp input {
        flex: 1;
    }

    .mod_venta .notificaciones {
        display: none;
    }

    .forma-pago-container #btn-factura-electronica {
        width: 100%;
        background: var(--verdeclaro);
        margin-top: 10px;
        height: 50px;
        border-radius: 10px;
        font-size: 15px;
        padding: 5px;
        border: 2px solid var(--verde);
        font-weight: 600;
        color: var(--verde);
    }

    .forma-pago-container #btn-factura-electronica img {
        height: 50%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 5px;
    }

    .mod_venta .datos_pago_facturacion {
        width: 100%;
        float: left;
        height: auto;
    }

    .mod_venta .datos_pago_facturacion .datos_tercero {
        width: 100%;
        float: left;
        padding: 10px;
        box-sizing: border-box;
    }

    .mod_venta .datos_pago_facturacion .datos_tercero h3 {
        text-align: center;
        font-size: 1.5em;
    }

    .mod_venta .datos_pago_facturacion .datos_tercero h4 {
        text-align: center;
        font-size: .8em;
        color: var(--rojo);
        font-style: italic;
    }

    .mod_venta .datos_pago_facturacion .datos_tercero .datos_tercero_1 {
        width: 100%;
    }

    .mod_venta .datos_pago_facturacion .datos_tercero .datos_tercero_1 .label4 {
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
        height: auto;
        margin-bottom: 5px;
    }

    .mod_venta .datos_pago_facturacion .datos_tercero .datos_tercero_1 .label4 .doc_cli {
        width: 70%;
        float: left;
        height: 40px;
        border-radius: 10px;
        padding: 2.5px;
        padding-left: 10px;
        box-sizing: border-box;
        font-size: 1em;
        border: 2px solid var(--gris);
        letter-spacing: 1;
    }

    .mod_venta .datos_pago_facturacion .datos_tercero .datos_tercero_1 .label4 .dv_cli {
        width: 29%;
        float: left;
        margin-left: 1%;
        height: 40px;
        border-radius: 10px;
        padding: 2.5px;
        padding-left: 10px;
        box-sizing: border-box;
        font-size: 1em;
        border: 2px solid var(--gris);
    }

    .mod_venta .datos_pago_facturacion .datos_tercero .datos_tercero_1 #btn_consulta_rut {
        width: 100%;
        background: var(--moradoclaro);
        font-size: 1em;
        padding: 10px;
        border-radius: 10px;
        box-sizing: border-box;
        margin-bottom: 5px;
    }

    .mod_venta .datos_pago_facturacion .datos_tercero .datos_tercero_1 .label1 {
        width: 100%;
        float: left;
        padding: 2.5px;
        box-sizing: border-box;
        margin-bottom: 5px;
    }

    .mod_venta .datos_pago_facturacion .datos_tercero .datos_tercero_1 .label1 input {
        width: 100%;
        height: 35px;
        border-radius: 10px;
        padding: 2.5px;
        padding-left: 10px;
        box-sizing: border-box;
        font-size: .8em;
        border: 2px solid var(--gris);
    }

    .mod_venta .datos_pago_facturacion .datos_tercero .label_mas_datos {
        display: inline-block;
        text-align: center;
        width: 100%;
        font-weight: 600;
        cursor: pointer;
    }

    .mod_venta .datos_pago_facturacion .datos_tercero .datos_tercero_2 {
        width: 100%;
    }

    .mod_venta .datos_pago_facturacion .datos_tercero .datos_tercero_2 label {
        display: inline-block;
        width: 50%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_venta .datos_pago_facturacion .datos_tercero .datos_tercero_2 label input,
    .mod_venta .datos_pago_facturacion .datos_tercero .datos_tercero_2 label select {
        width: 100%;
        height: 35px;
        border-radius: 10px;
        padding: 2.5px;
        padding-left: 10px;
        box-sizing: border-box;
        font-size: .8em;
        border: 2px solid var(--gris);
    }

    .mod_venta .datos_pago_facturacion #pagos-container {
        width: 100%;
        float: left;
        padding: 10px;
        box-sizing: border-box;
    }

    .mod_venta .datos_pago_facturacion #pagos-container .pago-linea {
        width: 100%;
        overflow: hidden;
    }

    .mod_venta .datos_pago_facturacion #pagos-container .pago-linea input,
    .mod_venta .datos_pago_facturacion #pagos-container .pago-linea select {
        width: 100%;
        height: 45px;
        border-radius: 10px;
        padding: 2.5px;
        padding-left: 10px;
        box-sizing: border-box;
        font-size: 1em;
        float: left;
        background: #dee2e6;
        border: 0;
        cursor: pointer;
        margin-bottom: 5px;
    }

    .mod_venta .datos_pago_facturacion .article_btn_efectuar_pago {
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        float: left;
    }

    .mod_venta .datos_pago_facturacion .article_btn_efectuar_pago .btn_efectuar_pago {
        width: 98%;
        margin-left: 1%;
        height: 60px;
        padding: 10px;
        box-sizing: border-box;
        background: var(--verdeclaro);
        border-radius: 10px;
        font-size: 1.5em;
        font-weight: 600;
        color: var(--verde);
        margin-bottom: 50px;
        margin-top: 10px;
    }

    .mod_venta .datos_pago_facturacion .article_btn_efectuar_pago .btn_efectuar_pago img {
        height: 70%;
        background: 0;
        margin-left: 20px;
        margin-bottom: -5px;
    }

    .mod_venta .datos_pago_facturacion hr {
        margin: 0px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .mod_venta .datos_pedido_facturacion {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .mod_venta .datos_pedido_facturacion .table-responsive {
        margin-bottom: 10px;
    }

    .mod_venta .datos_pedido_facturacion .table-responsive input,
    .mod_venta .datos_pedido_facturacion .table-responsive select {
        width: 100%;
        padding: 2.5px;
        box-sizing: border-box;
        font-size: .8em;
        text-align: center;
        border-radius: 10px;
        height: 35px;
        border: 2px solid var(--gris);
    }

    /* Contenedor general (aplícalo a body, o a un div específico) */
    .mod_venta .datos_pedido_facturacion::-webkit-scrollbar,
    .scrollable-div::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    .mod_venta .datos_pedido_facturacion::-webkit-scrollbar-track,
    .scrollable-div::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 8px;
    }

    .mod_venta .datos_pedido_facturacion::-webkit-scrollbar-thumb,
    .scrollable-div::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, var(--azulclaro), var(--azul));
        /* gradiente azul */
        border-radius: 8px;
    }

    .mod_venta .datos_pedido_facturacion::-webkit-scrollbar-thumb:hover,
    .scrollable-div::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(180deg, #0056b3, #003f7f);
    }

    /* Firefox (a través de scrollbar-width y scrollbar-color) */
    .scrollable-div {
        scrollbar-width: thin;
        scrollbar-color: #007BFF #f1f1f1;
    }

    .barra_herramientas .ventas_guardadas {
        background: var(--amarilloclaro);
        position: relative;
    }

    .barra_herramientas .ventas_guardadas svg {
        background: 0;
        color: var(--amarillo);
    }

    .mod_venta .barra_herramientas button .nro_varch {
        position: absolute;
        bottom: -2.5px;
        right: -2.5px;
        width: 20px;
        height: 20px;
        background-color: var(--rojo);
        border-radius: 50%;
        box-shadow: 0 0 0px red;
        color: white;
        font-size: 12px;
        padding-top: 1px;
        box-sizing: border-box;
        text-align: center;
    }

    .barra_herramientas .ventas_dia {
        background: var(--verdeclaro);
    }

    .barra_herramientas .ventas_dia svg {
        background: 0;
        color: var(--verde);
    }

    .barra_herramientas .despachos_hoy {
        background: var(--rojoclaro);
        position: relative;

    }

    .barra_herramientas .despachos_hoy svg {
        background: 0;
        color: var(--rojo);
    }


    .barra_herramientas .cuadrar_caja {
        background: var(--moradoclaro);
    }

    .barra_herramientas .cuadrar_caja svg {
        background: 0;
        color: var(--morado);
    }

    .barra_herramientas .registrar_costos {
        background: var(--naranjaclaro);
    }

    .barra_herramientas .registrar_costos svg {
        background: 0;
        color: var(--naranja);
    }

    .barra_herramientas .generar_cotizacion {
        background: var(--azulclaro);
    }

    .barra_herramientas .generar_cotizacion svg {
        background: 0;
        color: var(--azul);
    }

    .forma-pago-container .datos-vendedor #id_tv,
    .forma-pago-container .datos-vendedor #vendedor,
    .forma-pago-container .datos-vendedor #comision {
        float: left;
        padding: 6px 10px;
        font-size: 1em;
        text-align: center;
        border: 1px solid #ced4da;
        border-radius: 6px;
        background-color: white;
        color: #212529;
        width: 100%;
        margin-bottom: 5px;
    }

    .forma-pago-container .datos-obser #obser_ven {
        float: left;
        padding: 6px 10px;
        font-size: 1em;
        text-align: center;
        border: 1px solid #ced4da;
        border-radius: 6px;
        background-color: white;
        color: #212529;
        width: 100%;
        margin-bottom: 5px;
    }

    .table-responsive .tabla-pedidos .nom_tv {
        display: inline-block;
        padding: 5px;
        border-radius: 10px;
        font-size: 10px;
    }

    .table-responsive .tabla-pedidos .obser_ven {
        display: inline-block;
        padding: 5px;
        border-radius: 0px;
        font-size: 10px;
        font-style: italic;
        color: var(--gris);
        border-top: 1px dashed var(--gris);
        background: 0;
    }

    .table-responsive .tabla-pedidos .btn_editarfp_popup,
    .table-responsive .tabla-pedidos .btn_editarcomision_popup {
        width: 40px;
        height: 30px;
        background: var(--amarilloclaro);
        padding: 5px;
        box-sizing: border-box;
        border-radius: 10px;
    }

    .table-responsive .tabla-pedidos .btn_editarfp_popup svg,
    .table-responsive .tabla-pedidos .btn_editarcomision_popup svg {
        height: 100%;
        background: 0;
    }

    .mod_productos .sub_btn .caja_exportar {
        width: 90%;
        position: absolute;
        left: 1%;
        top: 55px;
        border: 2px solid var(--bordetabla);
        padding: 10px;
        border-radius: 10px;
        background: var(--fondotabla);
        z-index: 9;
    }

    .mod_productos .sub_btn .caja_exportar h3 {
        text-align: center;
        background: 0;
    }

    .mod_productos .sub_btn .caja_exportar h3 label {
        display: inline-block;
        float: right;
        background: 0;
        cursor: pointer;
    }

    .mod_productos .sub_btn .caja_exportar h3 label svg {
        height: 30px;
        color: var(--rojo);
        background: 0;
    }

    .mod_productos .sub_btn .caja_exportar form,
    .mod_productos .sub_btn .caja_exportar form p {
        background: 0;
    }

    .mod_productos .sub_btn .caja_exportar .label_p {
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
        background: 0;
    }

    .mod_productos .sub_btn .caja_exportar .label_p input,
    .mod_productos .sub_btn .caja_exportar .label_p select {
        width: 100%;
        height: 35px;
        border: 2px solid var(--bordetabla);
        border-radius: 10px;
        padding-left: 10px;
        background: 0;
    }

    .mod_productos .sub_btn .caja_exportar .tipo_rep {
        width: 50%;
        float: left;
        height: 35px;
        text-align: center;
        background: 0;
    }

    .mod_productos .sub_btn .caja_exportar .tipo_rep .label_tipo_rep {
        display: inline-block;
        width: 100%;
        height: 100%;
        background: silver;
        border-radius: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        box-sizing: border-box;
        cursor: pointer;
        transition: .2s;
    }

    .mod_productos .sub_btn .caja_exportar #tipo_rep_pdf:checked + label {
        background: var(--rojoclaro);
        transition: .2s;
    }

    .mod_productos .sub_btn .caja_exportar #tipo_rep_xls:checked + label {
        background: var(--verdeclaro);
        transition: .2s;
    }

    .mod_productos .sub_btn .caja_exportar .tipo_rep .label_tipo_rep img {
        height: 100%;
        background: 0;
    }

    .mod_productos .sub_btn .caja_exportar .tipo_rep .label_tipo_rep.pdf {
        width: 98%;
        float: left;
    }

    .mod_productos .sub_btn .caja_exportar .tipo_rep .label_tipo_rep.xls {
        width: 98%;
        float: right;
    }

    .mod_productos .sub_btn .caja_exportar .btn_exportar {
        width: 100%;
        height: 40px;
        background: var(--verdeclaro);
        padding: 5px;
        margin-top: 10px;
        border-radius: 10px;
    }

    .mod_productos .sub_btn .caja_exportar .btn_exportar svg {
        background: 0;
        height: 100%;
        color: var(--verde);
    }

    .mod_cuadre {
        width: 100%;
        height: calc(100% - 55px);
        padding: 10px;
        background: 0;
        box-sizing: border-box;
    }

    .mod_cuadre .espacio_modcuadre {
        height: 50px;
    }

    .mod_cuadre h1 {
        text-align: center;
        font-size: 2em;
    }

    .mod_cuadre .ing_base_new {
        width: 95%;
        max-width: 900px;
        height: auto;
        margin: auto;
        background: var(--fondotabla);
        border-radius: 10px;
        padding: 10px;
        box-sizing: border-box;
        border: 2px solid var(--bordetabla);
        text-align: center;
        margin-top: 10vh;
    }

    .mod_cuadre .ing_base_new form,
    .mod_cuadre .ing_base_new h2 {
        background: 0;
    }

    .mod_cuadre .ing_base_new input {
        width: 100%;
        border-radius: 10px;
        height: 50px;
        font-size: 1em;
        padding-left: 10px;
        border: 2px solid var(--gris);
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mod_cuadre .ing_base_new #btningbase {
        width: 100%;
        height: 50px;
        border-radius: 10px;
        padding: 8px;
        box-sizing: border-box;
        background: var(--verdeclaro);
    }

    .mod_cuadre .ing_base_new #btningbase svg {
        height: 100%;
        color: var(--verde);
        background: 0;
    }

    .mod_cuadre .conteo_billetes {
        width: 100%;
        height: auto;
        float: left;
        background: var(--fondotabla);
        border-radius: 10px;
        padding: 10px;
        box-sizing: border-box;
        border: 2px solid var(--bordetabla);
        text-align: center;

    }

    .mod_cuadre .conteo_billetes h2 {
        background: 0;
        font-size: 1em;
        color: var(--morado);
        background: var(--moradoclaro);
        border-radius: 10px;
        padding: 10px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

    .mod_cuadre .conteo_billetes form {
        background: 0;
    }

    .mod_cuadre .conteo_billetes .conteo_efectivo {
        width: 100%;
        background: 0;
    }

    .mod_cuadre .conteo_billetes .conteo_efectivo div {
        background: silver;
        display: inline-block;
        width: 99%;
        margin-bottom: 5px;
        border-radius: 10px;
        padding: 5px;
        font-weight: bold;
        box-sizing: border-box;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        height: 40px;
    }

    .mod_cuadre .conteo_billetes .conteo_efectivo div label {
        background: 0;
        text-align: left;
        float: left;
        letter-spacing: 1;
        font-weight: bold;
    }

    .mod_cuadre .conteo_billetes .conteo_efectivo div input {
        float: right;
        width: 60%;
        border: 2px solid var(--gris);
        border-radius: 10px;
        height: 100%;
        font-size: 1.3em;
        text-align: center;
    }

    .mod_cuadre .conteo_billetes .conteo_efectivo .total_efectivo {
        width: 100%;
        background: var(--gris);
        color: white;
        font-size: 1.3em;
        height: auto;
    }

    .mod_cuadre .conteo_billetes .conteo_efectivo .total_efectivo span {
        background: 0;
        letter-spacing: 1;
    }

    .mod_cuadre .resumen_cuadre {
        width: 100%;
        height: auto;
        float: left;
        background: var(--fondotabla);
        border-radius: 10px;
        padding: 10px;
        box-sizing: border-box;
        border: 2px solid var(--bordetabla);
        text-align: center;
        margin-top: 10px;
    }

    .mod_cuadre .resumen_cuadre h2 {
        background: 0;
        font-size: 1em;
        color: var(--naranja);
        background: var(--naranjaclaro);
        border-radius: 10px;
        padding: 10px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

    .mod_cuadre .resumen_cuadre .datos_resumen_cuadre.titulo {
        width: 100%;
        background: silver;
        border-radius: 10px;
        padding: 2.5px;
        box-sizing: border-box;
        overflow: hidden;
        margin-bottom: 5px;
        user-select: none;
    }

    .mod_cuadre .resumen_cuadre .datos_resumen_cuadre.titulo p {
        background: 0;
        width: 100%;
        float: left;
        font-weight: bold;
    }

    .mod_cuadre .resumen_cuadre .datos_resumen_cuadre.titulo input {
        width: 100%;
        float: left;
        border: 0px;
        height: 25px;
        text-align: center;
        border-radius: 10px;
        font-size: 1.5em;
        background: 0;
    }

    .mod_cuadre .resumen_cuadre .datos_resumen_cuadre.subtitulo {
        width: 98%;
        background: var(--fondotabla);
        border-radius: 10px;
        padding: 2.5px;
        box-sizing: border-box;
        overflow: hidden;
        margin-bottom: 5px;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 5px;
    }

    .mod_cuadre .resumen_cuadre .datos_resumen_cuadre.subtitulo p {
        background: 0;
        width: 50%;
        float: left;
        color: black;
        font-weight: 400;
    }

    .mod_cuadre .resumen_cuadre .datos_resumen_cuadre.subtitulo input {
        width: 50%;
        float: left;
        border: 0px;
        height: 20px;
        text-align: center;
        border-radius: 10px;
        font-size: 1em;
    }

    .mod_cuadre .resumen_cuadre #resultado_diferencia {
        width: 100%;
        border-radius: 10px;
        padding: 2.5px;
        box-sizing: border-box;
        font-size: 1em;
    }

    .tooltipflotante {
        cursor: pointer;
    }

    .tooltipflotante:hover::after {
        opacity: 1;
    }

    .tooltipflotante::after {
        content: attr(data-tooltipflotante);
        position: absolute;
        margin-top: 25px;
        left: 40%;
        width: 50%;
        max-width: 300px;
        height: auto;
        transform: translateX(0%);
        background: #222;
        color: #fff;
        padding: 6px 10px;
        border-radius: 5px;
        font-size: 13px;
        white-space: pre-line;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.2s ease-in-out;
        z-index: 100;
    }

    .mod_cuadre .resumen_cuadre .datos_resumen_cuadre.titulo p .btn_ver_hoy {
        height: 20px;
        width: 20px;
        background: 0;
        margin-left: 10px;
        float: left;
        margin-top: 2.5px;
    }

    .mod_cuadre .resumen_cuadre .datos_resumen_cuadre.titulo p .btn_ver_hoy svg {
        height: 100%;
        background: 0;
    }

    .mod_cuadre .resumen_cuadre .datos_resumen_cuadre #form_base_popup {
        border-radius: 10px;
        background: var(--gris);
        position: absolute;
        height: auto;
        margin-top: -50px;
        padding: 10px;
        z-index: 1000;
        width: 25%;
        max-width: 300px;
    }

    .mod_cuadre .resumen_cuadre .datos_resumen_cuadre #form_base_popup form {
        background: 0;
    }

    .mod_cuadre .resumen_cuadre .datos_resumen_cuadre #form_base_popup label {
        display: inline-block;
        width: 100%;
        text-align: center;
        background: 0;
        color: var(--amarilloclaro);
        font-weight: bold;
        font-size: 1.2em;

    }

    .mod_cuadre .resumen_cuadre .datos_resumen_cuadre #form_base_popup input {
        width: 100%;
        background: white;
        border: 2px solid var(--bordetabla);
        font-size: 1.3em;
        height: 40px;
        letter-spacing: 1;
        font-weight: 600;
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_cuadre .resumen_cuadre .datos_resumen_cuadre #form_base_popup button[type="submit"] {
        width: 100%;
        margin-top: 5px;
        background: var(--verdeclaro);
        color: var(--verde);
        font-size: 1.3em;
        font-weight: bold;
        padding: 5px;
        border-radius: 10px;
    }

    .mod_cuadre .resumen_cuadre .datos_resumen_cuadre #form_base_popup h4 {
        background: 0;
    }

    .mod_cuadre .formulario_cuadre {
        width: 100%;
        float: left;
        background: 0;
    }

    .mod_cuadre .formulario_cuadre form {
        background: 0;
    }

    .mod_cuadre .formulario_cuadre form input {
        width: 100%;
        height: 40px;
        border-radius: 10px;
        padding-left: 10px;
        font-size: 1em;
        border: 2px solid var(--gris);
        box-sizing: border-box;
    }

    .mod_cuadre .formulario_cuadre form button {
        width: 100%;
        height: 50px;
        background: var(--verdeclaro);
        padding: 5px;
        box-sizing: border-box;
        font-size: 1.6em;
        color: var(--verde);
        font-weight: bold;
        margin-top: 10px;
        border-radius: 10px;
    }

    .mod_cuadre .formulario_cuadre form button svg {
        height: 100%;
        background: 0;
        margin-bottom: -10px;
        margin-left: 10px;
    }

    .mod_cuadre .formulario_cuadre .tipo_cuadre {
        width: 100%;
        margin-top: 5px;
    }

    .mod_cuadre .formulario_cuadre .tipo_cuadre input {
        display: none;
    }

    .mod_cuadre .formulario_cuadre .tipo_cuadre label {
        display: inline-block;
        background: silver;
        border-radius: 10px;
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        font-size: 1.2em;
        height: auto;
        padding: 5px;
        box-sizing: border-box;
        cursor: pointer;
        margin-bottom: 5px;
        transition: .2s;
    }

    .mod_cuadre .formulario_cuadre .tipo_cuadre input:checked + label {
        background: var(--gris);
        color: white;
        transition: .2s;
    }

    .tooltipleftflotante {
        cursor: pointer;
    }

    .tooltipleftflotante:hover::after {
        opacity: 1;
    }

    .tooltipleftflotante::after {
        content: attr(data-tooltipleftflotante);
        position: absolute;
        margin-top: -90px;
        left: 10%;
        width: 20%;
        max-width: 300px;
        height: auto;
        transform: translateX(0%);
        background: #222;
        color: #fff;
        padding: 6px 10px;
        border-radius: 5px;
        font-size: 13px;
        white-space: pre-line;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.2s ease-in-out;
        z-index: 100;
    }

    .table-responsive .tabla-pedidos .btn-pago {
        background: var(--verdeclaro);
        padding: 5px;
        box-sizing: border-box;
    }

    .table-responsive .tabla-pedidos .btn-pago svg {
        height: 25px;
        background: 0;
        float: right;
        color: var(--verde);
    }

    .table-responsive .tabla-pedidos .btn-despacho {
        background: var(--moradoclaro);
        padding: 5px;
        box-sizing: border-box;
    }

    .table-responsive .tabla-pedidos .btn-despacho svg {
        height: 25px;
        background: 0;
        float: right;
        color: var(--morado);
    }

    .table-responsive .tabla-pedidos .input-retencion,
    .table-responsive .tabla-pedidos .input-valorret {
        max-width: 200px;
    }

    .table-responsive .tabla-pedidos .input-retencion option {
        text-align: left;
        text-align-last: center;
    }

    .item-producto {
        font-size: 14px;
        padding: 6px 10px;
        border-bottom: 1px solid #ddd;
    }

    .item-producto:hover {
        background-color: #f0f8ff;
        cursor: pointer;
    }

    .table-responsive .tabla-pedidos .input_compras {
        width: 100%;
        padding: 5px;
        border-radius: 10px;
        box-sizing: border-box;
        font-size: 1em;
        padding-left: 10px;
        border: 2px solid var(--gris);
    }

    .table-responsive .tabla-pedidos .tdpro {
        width: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 8px 0;
        box-sizing: border-box;
        text-align: center;
    }

    .table-responsive .tabla-pedidos .items {
        font-size: .8em;
        font-style: italic;
        color: var(--gris);
        background: 0;
    }

    .table-responsive .tabla-pedidos .items input {
        border: 0;
        text-align: center;
        color: var(--gris);
        font-style: italic;
        font-weight: 600;
        background: 0;
    }

    .table-responsive .tabla-pedidos #cod_pro_real,
    .table-responsive .tabla-pedidos #subtotal {
        background: var(--bordetabla);
        color: var(--gris);
    }

    .table-responsive .tabla-pedidos #btn_add_pro {
        width: 40px;
        height: 40px;
        background: var(--azulclaro);
        padding: 5px;
        box-sizing: border-box;
        border-radius: 10px;
    }

    .table-responsive .tabla-pedidos #btn_add_pro svg {
        background: 0;
        color: var(--azul);
        height: 100%;
    }

    .table-responsive .tabla-pedidos .total_base {
        background: var(--gris);
        border-radius: 0px 0px 10px 10px;
        width: 90%;
        margin: auto;
        color: white;
    }

    .table-responsive .tabla-pedidos .total_base input {
        color: white;
        width: 100%;
    }

    .datos_productos_costos {
        width: 100%;
        padding: 2.5px;
        box-sizing: border-box;
        overflow: hidden;
        height: auto;
    }

    .datos_productos_costos .espacio_modprod {
        width: 100%;
        height: 50px;
    }

    .datos_productos_costos h1 {
        margin-bottom: 10px;
        font-size: 1.2em;
    }

    .datos_productos_costos .table-responsive {
        margin-bottom: 0px;
    }

    .datos_productos_costos .table-responsive.compras {
        margin-bottom: 150px;
    }

    .datos_productos_costos hr {
        margin: 10px;
        width: 98%;
        float: left;
        margin-left: 0;
        margin-left: 1%;
    }

    .table-responsive .tabla-pedidos.listado_compras {
        font-size: 1em;
    }

    .table-responsive .tabla-pedidos.listado_compras input,
    .table-responsive .tabla-pedidos.listado_compras select {
        width: 100%;
        max-width: 150px;
        border: 2px solid var(--bordetabla);
        border-radius: 10px;
        padding: 5px;
        box-sizing: border-box;
        text-align: left;
        height: 35px;
        text-align-last: center;
    }

    .table-responsive .tabla-pedidos.listado_compras .input-impuesto,
    .table-responsive .tabla-pedidos.listado_compras .input-retencion {
        background: var(--bordetabla);
        color: var(--gris);
    }

    .table-responsive .tabla-pedidos.listado_compras .des_pro {
        text-align: left;
    }

    .table-responsive .tabla-pedidos.listado_compras .cod_pro {
        font-style: italic;
        font-size: .8em;
        color: var(--gris);
    }

    .table-responsive .tabla-pedidos.listado_compras .subio_costo {
        width: auto;
        display: inline-block;
        height: 25px;
        color: var(--rojo);
        background: var(--rojoclaro);
        border-radius: 50px;
        padding: 5px;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 5px;
        font-size: .9em;
        margin-top: 2.5px;
    }

    .table-responsive .tabla-pedidos.listado_compras .subio_costo svg {
        height: 100%;
        background: 0;
        color: var(--rojo);
        margin-bottom: -1px;
        margin-left: 2.5px;
    }

    .table-responsive .tabla-pedidos.listado_compras .bajo_costo {
        width: auto;
        display: inline-block;
        height: 25px;
        color: var(--verde);
        background: var(--verdeclaro);
        border-radius: 50px;
        padding: 5px;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 5px;
        font-size: .9em;
        margin-top: 2.5px;
    }

    .table-responsive .tabla-pedidos.listado_compras .bajo_costo svg {
        height: 100%;
        background: 0;
        color: var(--verde);
        margin-bottom: -1px;
        margin-left: 2.5px;
    }

    .table-responsive .tabla-pedidos.listado_compras .mantuvo_costo {
        width: auto;
        display: inline-block;
        height: 25px;
        color: var(--naranja);
        background: var(--naranjaclaro);
        border-radius: 50px;
        padding: 5px;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 5px;
        font-size: .9em;
        margin-top: 2.5px;
    }

    .table-responsive .tabla-pedidos.listado_compras .mantuvo_costo svg {
        height: 100%;
        background: 0;
        color: var(--naranja);
        margin-bottom: -1px;
        margin-left: 2.5px;
    }

    .popup_fondo .popup_nom_pro,
    .popup_fondo .popup_pre_pro {
        border: 0;
    }

    .table-responsive .tabla-pedidos.listado_compras .btn_actualizar_precio {
        width: 100%;
        text-decoration: underline;
        color: var(--gris);
        font-size: .7em;
        background: 0;
    }

    .table-responsive .tabla-pedidos.listado_compras .precio_venta {
        font-size: .9em;
        width: auto;
        background: var(--gris);
        color: white;
        border-radius: 10px;
        padding: 2.5px;
        box-sizing: border-box;
        margin-top: 2.5px;
        text-align: center;
    }

    .table-responsive .tabla-pedidos.listado_compras .precio_venta .margen_utilidad {
        background: white;
        border-radius: 50px;
        font-size: .9em;
        color: var(--gris);
        padding-left: 10px;
        padding-right: 10px;
    }

    .datos_productos_costos .btn_confirmar_compra {
        width: 90%;
        min-width: 300px;
        height: 100px;
        border-radius: 10px;
        padding: 10px;
        font-size: 1.5em;
        background: var(--verdeclaro);
        left: 3%;
        position: fixed;
        bottom: 10px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        box-sizing: border-box;
    }

    .datos_productos_costos .btn_confirmar_compra svg {
        display: none;
    }

    .datos_productos_costos .btn_confirmar_compra strong {
        background: 0;
    }

    .datos_productos_costos .btn_crear_producto {
        width: 70%;
        height: 35px;
        background: silver;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 10px;
        font-size: 1em;
        text-align: center;
        margin-left: 15%;
    }

    .datos_productos_costos .btn_crear_producto svg {
        height: 100%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 5px;
    }

    .popup_contenido.crear_producto {
        width: 90%;
        max-width: 800px;
        font-size: .9em;
        height: calc(100vh - 50px);
        overflow: auto;
    }

    .popup_contenido.crear_producto h4 {
        color: var(--rojo);
    }

    .popup_contenido.crear_producto .cajas.col1 {
        width: 100%;
        float: left;

    }

    .popup_contenido.crear_producto .cajas.col2 {
        width: 100%;
    }

    .popup_contenido.crear_producto .cajas input,
    .popup_contenido.crear_producto .cajas select {
        border: 2px solid var(--bordetabla);
        font-size: 1em;
    }

    .popup_contenido.crear_producto .popup_botones {
        float: left;
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }

    .popup_contenido.crear_producto hr {
        width: 100%;
        margin: 0;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .popup_contenido.crear_producto .cajas .label_comision {
        display: inline-block;
        width: 30%;
        float: left;
        text-align: center;
        border-radius: 50px;
        padding: 2.5px;
        background: silver;
        color: var(--gris);
        cursor: pointer;
        transition: .2s;
        margin-left: 1%;
        margin-right: 1%;
        box-sizing: border-box;
        margin-bottom: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .popup_contenido.crear_producto .cajas .input_tipo_comision:checked + label {
        background: var(--naranjaclaro);
        color: var(--naranja);
        transition: .2s;
    }

    .popup_contenido.crear_producto .cajas #no_tiene {
        text-align: center;
        background: var(--moradoclaro);
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 50px;
        color: var(--morado);
    }

    .table-responsive .tabla-pedidos .btn-eliminar {
        background: var(--rojo);
        color: white;
        min-width: 30px;
        min-height: 30px;
        font-size: 15px;
    }

    .datos_productos_costos .btn_cancelar_compra {
        width: 70%;
        height: 25px;
        background: var(--rojoclaro);
        color: var(--rojo);
        padding: 2.5px;
        box-sizing: border-box;
        border-radius: 10px;
        font-size: .8em;
        text-align: center;
        margin-left: 15%;
        margin-top: 5px;
    }

    .resultados_financieros_new {
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        height: auto;
    }

    .resultados_financieros_new h1 {
        font-size: 1.7em;
    }

    .resultados_financieros_new .caja_resultados h2 {
        font-size: 1.2em;
        margin-bottom: 5px;
    }

    .resultados_financieros_new .caja_resultados h2 .mes_actual {
        color: var(--naranja);
    }

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

    .resultados_financieros_new .caja_resultados .items_resultados {
        width: 95%;
        float: left;
        margin-left: 2.5%;
        margin-right: 2.5%;
        border-radius: 20px;
        border: 5px solid var(--gris);
        background: 0;
        height: 140px;
        transition: .2s;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    .resultados_financieros_new .caja_resultados .items_resultados:hover {
        background: var(--bordetabla);
        transition: .2s;
    }

    .resultados_financieros_new .caja_resultados .items_resultados .btn_resultados {
        width: 100%;
        background: 0;
        height: 100%;
    }

    .resultados_financieros_new .caja_resultados .items_resultados .resultado_dato {
        width: 100%;
        float: left;
        background: 0;
    }

    .resultados_financieros_new .caja_resultados .items_resultados .resultado_dato h2 {
        font-size: 1.7em;
        text-align: center;
        background: 0;
        margin-bottom: 0;
        height: 40px;
    }

    .resultados_financieros_new .caja_resultados .items_resultados .resultado_dato p {
        font-size: 2.5em;
        background: 0;
        height: 50px;
        letter-spacing: .5;
    }

    .resultados_financieros_new .caja_resultados .items_resultados .resultado_dato .utilidades {
        font-size: 1.5em;
        height: 30px;
    }

    .resultados_financieros_new .caja_resultados .items_resultados .resultado_dato .utilidades b {
        display: inline-block;
        background: var(--gris);
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
        border-radius: 50px;
        color: white;
    }

    .resultados_financieros_new .caja_resultados .items_resultados .resultado_svg {
        display: none;
    }

    .resultados_financieros_new .caja_resultados .items_resultados .resultado_svg svg {
        height: 100%;
        color: var(--gris);
        background: 0;
    }

    .resultados_financieros_new .caja_resultados #chart_div {
        width: 100%;
        overflow: hidden;
        float: left;
        margin-bottom: 20px;
    }

    .resultados_financieros_new .filtro_resultados {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        border-bottom: 1px dashed silver;
        overflow: hidden;
        height: auto;
    }

    .resultados_financieros_new .filtro_resultados label {
        width: 50%;
        float: left;
        display: inline-block;
        padding: 2.5px;
        box-sizing: border-box;
    }

    .resultados_financieros_new .filtro_resultados label input,
    .resultados_financieros_new .filtro_resultados label select {
        width: 100%;
        height: 40px;
        border-radius: 10px;
        border: 2px solid var(--gris);
        padding-left: 10px;
    }

    .resultados_financieros_new .filtro_resultados label .btn_buscar {
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        background: var(--azulclaro);
        height: 40px;
        border-radius: 10px;
    }

    .resultados_financieros_new .filtro_resultados label .btn_buscar svg {
        height: 100%;
        background: 0;
        color: var(--azul)
    }

    .table-responsive .tabla-pedidos .alerta_bajo_costo {
        width: 30px;
        height: 30px;
        display: inline-block;
        padding: 2.5px;
        background: 0;
        border-radius: 5px;
        box-sizing: border-box;
        margin-top: 2.5px;
    }

    .table-responsive .tabla-pedidos .alerta_bajo_costo svg {
        height: 100%;
        color: var(--rojo);
        background: 0;
        animation: parpadeo 2s infinite;
    }

    .resultados_financieros_new .caja_resultados .items_resultados.utilidades {
        background: var(--gris);

    }

    .resultados_financieros_new .caja_resultados .items_resultados.utilidades .resultado_dato {
        color: white;
        font-size: 1.3em;
    }

    .resultados_financieros_new .caja_resultados .items_resultados.utilidades .resultado_svg svg {
        color: white;
    }

    .aviso_vencimiento_licencia {
        animation: fadeOut 1s ease-in 4s forwards;
    }

    @keyframes fadeOut {
        to {
            opacity: 0;
            visibility: hidden;
        }
    }

    .aviso_vencimiento_licencia {
        position: fixed;
        z-index: 999;
        width: 60%;
        border-radius: 0px 0px 10px 10px;
        left: 20%;
        text-align: center;
        background: var(--amarilloclaro);
        font-size: .6em;
        padding: 2.5px;
        box-sizing: border-box;
        animation: fadeOut 1s ease-in 3s forwards;
    }

    .barra_herramientas .salida_caja {
        background: var(--bordetabla);
    }

    .barra_herramientas .salida_caja svg {
        background: 0;
        color: var(--gris);
    }
    
    .table-responsive .tabla-pedidos td .select_sucursal{
        padding: 5px;
        border-radius: 10px;
        height: 35px;
        border: 2px solid var(--gris);
        width: 100%;
        
    }
    
    .table-responsive .tabla-pedidos .tdselect_sucursal{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 8px 0;
        box-sizing: border-box;
    }
    
     /* Contenedor general de la lista */
    .ui-autocomplete {
        max-height: 75vh;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 10px;
        border-radius: 10px;
        background: 0;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
        z-index: 2000 !important;
        display: inline-block;
        width: 50%;
    }

    .mod_venta .ventanas_venta .caja_agrprod .label_form_agr.buscar_producto {
        width: 100%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_venta .ventanas_venta .caja_agrprod .label_form_agr .input_buscar_pro {
        width: 100%;
        height: 50px;
        font-size: 20px;
        border-radius: 10px;
        border: 2px solid #878787;
        padding-left: 10px;
    }

    .ui-menu {
        width: 80% !important;
        border-radius: 10px;
        padding: 10px;
    }

    .li_buscar_producto {
        background: 0;
        display: inline-block;
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 10px;
    }

    .li_buscar_producto:hover {
        transform: none;
        background: 0 !important;
        transition: .2s;
    }

    .li_buscar_producto div {
        background: 0;
    }

    .li_buscar_producto .item-producto {
        background: var(--bordetabla);
        border-radius: 10px;
    }

    .li_buscar_producto .item-producto:hover {
        background: var(--amarilloclaro);
        color: black;
    }

    .li_buscar_producto .item-producto b {
        background: 0;
    }
    
    .table-responsive .tabla-pedidos .alerta_obsequio {
        width: 30px;
        height: 30px;
        display: inline-block;
        padding: 2.5px;
        background: 0;
        border-radius: 5px;
        box-sizing: border-box;
        margin-top: 2.5px;
    }

    .table-responsive .tabla-pedidos .alerta_obsequio svg {
        height: 100%;
        color: var(--naranja);
        background: 0;
        animation: parpadeo 4s infinite;
    }
    
    .table-responsive .tabla-pedidos td .dropdown {
        position: relative;
        display: inline-block;
        float: left;
    }

    .table-responsive .tabla-pedidos td .dropdown svg {
        height: 40%;
        background: 0;
    }

    .table-responsive .tabla-pedidos td .btn-opciones {
        background: var(--bordetabla);
        color: white;
        min-width: 35px;
        min-height: 35px;
        font-size: 15px;
        border-radius: 10px;
        font-size: 1em;
        color: black;
        float: left;
    }

    .table-responsive .tabla-pedidos td .dropdown-menu {
        display: none;
        position: fixed;
        right: 5%;
        min-width: 200px;
        z-index: 100000 !important;
        background: 0;
        width: 90%;
        bottom: 50vh;
    }

    .table-responsive .tabla-pedidos td .dropdown-menu .dropdown-item {
        display: block;
        width: 100%;
        padding: 10px;
        text-align: left;
        background: var(--gris);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
        cursor: pointer;
        border-radius: 10px;
        margin-bottom: 2.5px;
        font-size: 1em;
        color: var(--amarilloclaro);
        font-weight: bold;
    }
    
    .table-responsive .tabla-pedidos td .dropdown-menu .dropdown-item svg{
        height: 25px;
        margin-bottom: -5px;
        float: right;
        background: 0;
        color: var(--amarilloclaro);
    }

    .table-responsive .tabla-pedidos td .dropdown-menu .dropdown-item:hover {
        background: black;
    }




}