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

    * {
        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,
    #cargando1 {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 2;
        background: url('../img/img512.png') 50% 50% no-repeat rgba(255, 255, 255, 0);
        background-size: 20%;
        display: none;
    }

    #cargando p,
    #cargando1 p {
        position: fixed;
        top: 200;
        width: 50%;
        margin-left: 25%;
        font-size: 30px;
        text-align: center;
        animation: go-left-right 1s infinite alternate;
        background: #dee2e6;
        ;
        color: black;
        z-index: 99990;
        border-radius: 10px;
        padding: 10px;
    }

    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: 49%;
        margin-left: 1%;
        background: 0;
        height: 70%;
        display: flex;
        align-content: center;
        align-items: center;
        text-align: center;
        border-right: 1px solid white;
    }

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

    .login .logologin img {
        width: 50%;
    }

    .login .cajalogin {
        width: 49%;
        margin-right: 1%;
        background: 0;
        height: 70%;
        display: flex;
        align-content: center;
        align-items: center;
        text-align: center;

    }

    .login .cajalogin form {
        background: 0;
    }

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

    .login .cajalogin h1 {
        background: 0;
        color: black;
    }

    .login .cajalogin .inputform {
        width: 90%;
        height: 60px;
        border-radius: 10px;
        border: 2px solid var(--gris);
        margin: auto;
        box-sizing: border-box;
        padding: 8px;
        margin-bottom: 10px;
    }

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

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

    .login .cajalogin button[type="submit"] {
        width: 90%;
        margin: auto;
        height: 50px;
        background: var(--verde);
        color: white;
        font-size: 20px;
        border: 0;
        border-radius: 10px;
    }

    .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;
        box-sizing: border-box;
        padding: 5px;
    }

    .cabecera .logo img {
        height: 100%;
        background: 0;
        padding-right: 10px;
        padding-left: 10px;
        box-sizing: border-box;
    }

    .cabecera .logo .logo_ortics {
        border-right: 1px solid white;
        padding: 5px;
        padding-right: 10px;
    }

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

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

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

    .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;
        margin-right: 10px;
    }

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

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

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

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

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

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

    .mod_venta h1 {
        text-align: center;
        width: 100%;
        box-sizing: border-box;
    }

    .mod_venta .ventanas_venta {
        width: 100%;
        height: 30px;
        overflow: hidden;
        height: auto;
    }

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


    }

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

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

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

    }

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

    }

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

    }

    .mod_venta .ventanas_venta .caja_venta {
        width: 99.5%;
        float: left;
        text-align: center;
        border-top: 2px solid black;
        margin-left: .10%;
        background: 0;
        position: absolute;
        top: 120px;
        padding: 5px;
        box-sizing: border-box;
        height: auto;
    }

    .mod_venta .ventanas_venta .caja_venta h3 {
        background: 0;
        color: black;
    }

    .mod_venta .ventanas_venta .caja_agrprod {
        float: left;
        height: auto;
        overflow: hidden;
    }

    .mod_venta .ventanas_venta .inputformprod {
        width: 14%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }

    .mod_venta .ventanas_venta .btnformprod {
        width: 14%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }

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

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

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

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

    .mod_venta .ventanas_venta .caja_prodagr {
        width: 70%;
        text-align: center;
        float: left;
        overflow: auto;
        border: 2px dashed silver;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        background: 0;
        height: 65vh;
    }

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

    .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped th {
        background: var(--gris);
        color: white;
        padding: 3px;
    }

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

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

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

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

    .mod_venta .ventanas_venta .caja_prodagr .tabprod_ped .tdprod .imp_bolsa {
        width: 20px;
        height: 20px;
        margin-left: 10px;
        margin-bottom: 0px;
        margin-bottom: -2px;
        background: 0;
    }

    .mod_venta .ventanas_venta .caja_pago {
        width: 29.5%;
        float: left;
        position: absolute;
        right: .5%;
        padding: 5px;
        box-sizing: border-box;
        height: 75vh;
        top: 0;
    }

    .mod_venta .ventanas_venta .caja_pago h2 {
        background: 0;
        font-size: 2.2vw;
        background: black;
        color: white;
        border-radius: 5px;
    }

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

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

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

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

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

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

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

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

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

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

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

    #btn_cancelar {
        position: fixed;
        bottom: 100px;
        z-index: 999999;
        width: 40%;
        background: var(--rojo);
        margin-left: 0;
        left: 30%;
        height: 60px;
        display: none;
        color: white;
        font-size: 1.2vw;
        -webkit-box-shadow: 0px 0px 23px -8px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 23px -8px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 23px -8px rgba(0, 0, 0, 0.75);

    }

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

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

    .caja_ticket {
        width: 100%;
        background: var(--negro);
        position: absolute;
        height: 100%;
    }

    .caja_ticket .mod_ticket {
        width: 25%;
        margin: auto;
        border: 1px solid black;
        box-sizing: border-box;
        padding: 15px;
        border-radius: 0px;
        max-width: 350px;
        margin-top: 50px;
    }

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

    .caja_ticket .mod_ticket .logo_ticket h2 {
        font-size: 16px;
        font-weight: 800;
    }

    .caja_ticket .mod_ticket .logo_ticket h3 {
        font-size: 11px;
    }

    .caja_ticket .mod_ticket .logo_ticket p {
        font-size: 11px;
        font-weight: 600;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .modcuadre .espacio_modcuadre {
        height: 50px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .modcuadre .calculos_cuadre table a {
        text-decoration: none;
        color: black;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    }

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

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

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

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

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

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

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

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

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

    .caja_ticket .btn_ticket #btn4 {
        background: var(--amarillo);
    }

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

    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    }

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

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

    }

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

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

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

    .caja_prod .tabla_prod {
        width: 100%;

    }

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

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

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

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

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

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

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

    .caja_prod .tabla_prod tr {
        background: 0;
    }

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

    .ajustesnomusu {
        width: 30%;
        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;
        z-index: 99999;
        top: 55px;
        right: 5px;
        max-width: 400px;
    }

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

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

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

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

    }

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

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

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



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

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

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

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

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

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

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

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

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

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

    }

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

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

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

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

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

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

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

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

    .caja_prod .tabla_prod table td {
        border: 1px solid grey;
    }

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

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

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

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

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

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

    .mod_balance .cajas_balances .cajas_bal .titulo h2 {

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

    .mod_balance .cajas_balances .cajas_bal .titulo h2 img {
        height: 100%;
        text-align: left;
        margin-left: 30px;
        float: left;
    }

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

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

    .mod_balance .cajas_balances .cajas_bal .dato h3 b {
        font-size: 20px;
        color: grey;
        font-style: italic;
    }

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

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

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

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

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

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

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

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

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

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

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

    .mod_balance h2 {
        text-align: center;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    }

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

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

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

    }

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

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

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

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

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

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

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

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



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

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

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

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

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

    }

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

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

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

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

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

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

    }

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

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

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

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

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

    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .tabla_prod .btnvermas {
        width: 30px;
        height: 30px;
        background: var(--gris);
        border: 0;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        display: inline-block;
        cursor: pointer;
        transition: .2s;
    }

    .tabla_prod .btnvermas:hover {
        transform: scale(.9, .9);
        transition: .2s;
    }

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

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

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

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

    }

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

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

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

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

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

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

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

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

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

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

    }

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

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

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

    }

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

    }

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

    }

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

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

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

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

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

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

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

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

    .mod_compras .info_compra {
        width: 30%;
        float: left;
        border-right: 1px solid grey;
        height: 90%;
        overflow: auto;
        padding: 5px;
        box-sizing: border-box;
    }

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

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

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

    }

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

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

    .mod_compras .info_compra form label .btn_afec_inv,
    .mod_compras .info_compra form label .btn_tpago,
    .mod_compras .info_compra form label .btn_tafec {
        background: silver;
        float: left;
        width: 49%;
        margin-left: .5%;
        margin-right: .5%;
        font-size: 15px;
        color: white;
    }

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

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

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

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

    .mod_compras .prod_compra form label p {
        width: 100%;
        font-weight: 600;
        font-size: 15px;
        height: 20px;
    }

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

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

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

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

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

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

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

    .mod_compras .tableprodcompra {
        width: 100%;

    }

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

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

    .mod_compras .tableprodcompra th {
        padding: 3px;
        background: var(--gris);
        color: white;
        border: 1px solid var(--gris);
        text-align: left;
    }

    .mod_compras .tableprodcompra td {
        text-align: left;
        padding: 5px;
        border: 1px solid var(--gris);
        background: 0;
    }

    .mod_compras .tableprodcompra td b {
        background: 0;
    }

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

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

    .mod_compras .tableprodcompra tr {
        background: 0;
    }

    .mod_compras .tableprodcompra #tbody:hover {
        background: silver;
    }

    .mod_compras #formguardarfac,
    .mod_compras #formguardarcot {
        width: 100%;
    }

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

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

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

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

    }

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

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

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

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

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

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

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

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

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

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

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

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

    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    }

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

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

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

    .mod_productos .bts_otros_ajustes {
        width: 100%;
    }

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

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

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

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

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli label {
        width: 100%;
        display: inline-block;
        margin-bottom: 5px;
        float: left;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli label p {
        font-size: 13px;
        font-weight: 600;
        height: 40px;
        width: 50%;
        float: left;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli input,
    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli select {
        height: 40px;
        border: 1px solid silver;
        border-radius: 3px;
        text-align: left;
        width: 50%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
    }

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

    }

    .caja_prodagr .tabprod_ped .inputobserped {
        border-radius: 3px;
        border: 1px solid silver;
        height: 25px;
        width: 90%;
        text-align: center;
    }

    .caja_prodagr .tabprod_ped td b {
        display: inline-block;
        background: var(--negro);
        color: white;
        padding: 3px;
        box-sizing: border-box;
        border-radius: 3px;
        margin-right: 10px;
    }

    .caja_prodagr .tabprod_ped form {
        background: 0;
    }

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

    .info_compra .btn_canc_fact button {
        width: 98%;
        text-align: center;
        color: white;
        background: var(--rojo);
        height: 40px;
        font-size: 15px;
    }

    .mod_venta .prod_acceso_dir {
        width: 70%;
        text-align: center;
        float: left;
        position: fixed;
        overflow: auto;
        bottom: 45px;
        height: 6%;
        box-sizing: border-box;
        border: 0;
        overflow: auto;
    }

    .mod_venta .prod_acceso_dir button {
        width: 9.5%;
        float: left;
        height: 100%;
        background: var(--amarillo);
        margin-left: .25%;
        margin-right: .25%;
        padding: 3px;
        box-sizing: border-box;
        font-size: .8vw;
    }

    .tabla_prod #stock_movi_ingre #stock_old {
        color: var(--rojo);
        font-weight: 600;
        background: 0;
    }

    .tabla_prod #stock_movi_ingre #stock_afe {
        color: var(--azul);
        font-weight: 600;
        background: 0;
    }

    .tabla_prod #stock_movi_ingre #stock_new {
        color: var(--verde);
        font-weight: 600;
        background: 0;
    }

    .tabla_prod #stock_movi_ingre img {
        width: 25px;
        height: 25px;
        background: 0;
    }

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

    .mod_productos .caja_prod .tabla_prod .abono {
        color: var(--amarillo);
        font-weight: 600;
        width: 100%;
        background: 0;
    }

    .mod_productos .caja_prod .tabla_prod .saldo {
        color: var(--verde);
        font-weight: 600;
        width: 100%;
        background: 0;
        border-top: 1px solid black;
    }

    .mod_productos .caja_prod .tabla_prod .fecven {
        color: var(--rojo);
        font-style: italic;
        background: 0;
    }

    .mod_productos .cajavercom .label_reg_abono {
        display: inline-block;
        width: 30px;
        height: 30px;
        background: var(--amarillo);
        border-radius: 5px;
        float: left;
        padding: 3px;
        box-sizing: border-box;
        cursor: pointer;
    }

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

    .mod_productos .cajavercom .caja_abonos h2 {
        width: 100%;
        font-size: 18px;
        border-top: 1px solid black;
        margin-top: 5px;
    }

    .mod_productos .cajavercom .caja_abonos form input[type="number"],
    .mod_productos .cajavercom .caja_abonos form select {
        width: 27%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
    }

    .mod_productos .cajavercom .caja_abonos form button {
        width: 10%;
        height: 35px;
        float: left;
        background: var(--verde);
        border-radius: 5px;
        border: 0;
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_productos .cajavercom .caja_abonos form button img {
        height: 100%;
        background: 0;
    }

    .mod_productos .cajavercom .caja_abonos table button {
        width: 30px;
        height: 30px;
        border-radius: 5px;
        float: left;
        box-sizing: border-box;
        background: 0;
        padding: 3px;
    }

    .mod_productos .cajavercom .caja_abonos table button img {
        height: 100%;
        background: 0;
    }

    .prod_compra .caja_crear_pro_com {
        width: 30%;
        position: absolute;
        top: 80px;
        right: 10px;
        border: 1px solid silver;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        -webkit-box-shadow: 0px 0px 6px -1px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 6px -1px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 6px -1px rgba(0, 0, 0, 0.75);
    }

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

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

    .prod_compra .caja_crear_pro_com #crear_pro #descrip {
        width: 98%;
    }

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

    .prod_compra .caja_crear_pro_com form #btningpro img {
        height: 70%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 20px;
    }

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

    .prod_compra #btn_crear_pro_com {
        font-size: 15px;
        background: var(--amarillo);
        padding: 5px 10px 5px 10px;
        float: left;
        margin-right: .5%;
        color: white;
    }

    .tabla_prod .btns_expor button {
        width: 40px;
        float: left;
        height: 100%;
        background: var(--gris);
        padding: 5px;
        border-radius: 5px;
        box-sizing: border-box;
        margin-right: 5px;
        margin-bottom: 5px;
    }

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

    .prod_compra .caja_crear_pro_com {
        width: 30%;
        position: absolute;
        top: 80px;
        right: 10px;
        border: 1px solid silver;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        -webkit-box-shadow: 0px 0px 6px -1px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 6px -1px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 6px -1px rgba(0, 0, 0, 0.75);
    }

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

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

    .prod_compra .caja_crear_pro_com #crear_pro #descrip {
        width: 98%;
    }

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

    .prod_compra .caja_crear_pro_com form #btningpro img {
        height: 70%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 20px;
    }

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

    .prod_compra #btn_crear_pro_com {
        font-size: 15px;
        background: var(--amarillo);
        padding: 5px 10px 5px 10px;
        float: left;
        margin-right: .5%;
        color: white;
    }

    .ingprodcompra #iva19 {
        width: 10%;
        text-align: center;
        cursor: pointer;
    }

    .ingprodcompra #iva19 input {
        height: 38px;
        width: 100%;
        float: left;
        border: 1px solid silver;
        display: inline-block;
    }

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

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

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

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

    }

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

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

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

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

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

    .caja_select2 {
        height: 30px;
    }

    .caja_ing_mas_base {
        width: 100%;
        overflow: hidden;
        height: 30px;
    }

    .caja_ing_mas_base label {
        display: inline-block;
        width: auto;
        float: left;
        background: var(--amarillo);
        padding: 5px;
        height: 100%;
        margin-left: 5px;
        color: white;
        border-radius: 5px;
        box-sizing: border-box;
        cursor: pointer;
    }

    .caja_ing_mas_base .caja_add_base h3 {
        width: 80%;
        float: left;
        text-align: left;
    }

    .caja_ing_mas_base .caja_add_base .btn_cerr_add_base {
        background: var(--rojo);
        float: right;
        width: 30px;
    }

    .modcuadre .caja_add_base {
        width: 49%;
        position: absolute;
        height: auto;
        border: 1px solid grey;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        top: 60px;
        left: .5%;
    }

    .modcuadre .caja_add_base form {
        width: 100%;
    }

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

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

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

    .caja_ing_mas_base {
        width: 100%;
        overflow: hidden;
        height: 30px;
    }

    .caja_ing_mas_base label {
        display: inline-block;
        width: auto;
        float: left;
        background: var(--amarillo);
        padding: 5px;
        height: 100%;
        margin-left: 5px;
        color: white;
        border-radius: 5px;
        box-sizing: border-box;
        cursor: pointer;
    }

    .caja_ing_mas_base .caja_add_base h3 {
        width: 80%;
        float: left;
        text-align: left;
    }

    .caja_ing_mas_base .caja_add_base .btn_cerr_add_base {
        background: var(--rojo);
        float: right;
        width: 30px;
    }

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

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

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

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

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

    .mod_venta .ventanas_venta .fp_pago hr {
        margin-bottom: 5px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .mod_productos .subcaja_pro .panel1 {
        width: 60%;
        float: left;
        overflow: hidden;
        border-right: 2px solid var(--verde);
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

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

    .mod_productos .subcaja_pro section #subtitulo {
        color: var(--rojo);
        font-weight: 600;
        font-size: .9vw;
    }

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

    .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_contable button img {
        height: 100%;
        background: 0;
        float: right;
        margin-right: 10px;
    }

    .cabecera #btn_menu_contable {
        color: black;
    }

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

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

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

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

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura {
        position: fixed;
        height: auto;
        overflow: hidden;
        width: 80%;
        right: .5%;
        border-radius: 5px;
        -webkit-box-shadow: -4px 0px 26px -4px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: -4px 0px 26px -4px rgba(0, 0, 0, 0.75);
        box-shadow: -4px 0px 26px -4px rgba(0, 0, 0, 0.75);
        margin-top: 35px;
        padding: 5px;
        box-sizing: border-box;
        bottom: 70px;
        max-width: 900px;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .caja_tipo_factura h3 {
        font-size: 18px;
        height: 30px;
    }

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

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

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

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

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

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

    }

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

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

    }

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

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

    }

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

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

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

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

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

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

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

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

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli label b {
        color: var(--rojo);
        font-weight: 600;
        font-size: 20px;
        margin-left: 2px;
    }

    @keyframes go-left-right {

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

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

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

    .cabecera .infousu hr {
        margin-top: 2.5px;
        margin-bottom: 5px;
    }

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

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

    }

    .infousu .btn_pago_licencia {
        display: inline-block;
        text-align: center;
        background: 0;
        color: white;
        height: 35px;
        box-sizing: border-box;
        padding: 5px;
        cursor: pointer;
        width: 50%;
        float: left;
        font-size: .8vw;
        background: var(--rojo);
        margin-top: 5px;
    }

    .infousu .btn_pago_licencia img {
        height: 80%;
        background: 0;
        margin-left: 10px;
        margin-bottom: -5px;
    }

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

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

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

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

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

    .tableprodcompra table tr td .costo_old {
        display: inline-block;
        background: var(--rojo);
        color: white;
        font-size: 15px;
        margin-right: 20px;
        padding: 3px;
        border-radius: 3px;
    }

    .tableprodcompra table tr td .label_act_precio {
        display: inline-block;
        width: 100%;
        font-size: 12px;
        background: 0;
        margin-bottom: 3px;
    }

    .tableprodcompra table tr td .label_act_precio p {
        font-size: 12px;
        background: 0;
    }

    .tableprodcompra table tr td .label_act_precio input {
        width: 70%;
        float: left;
        height: 30px;
        font-size: 12px;
    }

    .tableprodcompra table tr td form {
        background: 0;
    }

    .tableprodcompra table tr td .label_act_precio button {
        height: 30px;
        float: left;
        width: 30%;
        background: var(--verde);
    }

    .tableprodcompra table tr td .label_act_precio button img {
        height: 100%;
        background: 0;
    }

    .tableprodcompra table tr td .precio_venta {
        display: inline-block;
        background: var(--rojo);
        color: white;
        font-size: 15px;
        margin-left: 20px;
        padding: 3px;
        border-radius: 3px;
    }

    .tableprodcompra table tr td .rentabilidad_pro {
        display: inline-block;
        font-size: 13px;
        color: grey;
        font-style: italic;
    }

    .select2formprod .datos_pro {
        width: 49%;
        float: right;
        margin-left: 1%;
    }

    .mod_productos table .cod_ped {
        display: inline-block;
        background: var(--rojo);
        padding: 5px;
        box-sizing: border-box;
        color: white;
        border-radius: 5px;
    }

    .mod_productos table .img_noenvio {
        width: 30px;
        height: 30px;
        margin-bottom: -8px;
        margin-left: 5px;
        background: 0;
    }

    .mod_productos table form {
        background: 0;
    }

    .mod_productos table .btn_reenviar {
        width: 100%;
        background: var(--verde);
        color: white;
        margin-top: 5px;
        height: 30px;
        font-size: .9vw;
    }

    .tableprodcompra table tr .titulos {
        display: inline-block;
        font-size: 12px;
        background: silver;
        padding: 5px;
        box-sizing: border-box;
        color: black;
        border-radius: 5px;
        margin-right: 5px;
    }

    .tableprodcompra table tr .titulos_2 {
        display: inline-block;
        font-size: 12px;
        background: black;
        padding: 5px;
        box-sizing: border-box;
        color: white;
        border-radius: 5px;
        margin-right: 5px;
    }

    .tableprodcompra table tr .titulos_3 {
        display: inline-block;
        font-size: 12px;
        background: var(--naranja);
        padding: 5px;
        box-sizing: border-box;
        color: white;
        border-radius: 5px;
        margin-right: 5px;
    }

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

    .mod_productos .caja_importar label {
        display: inline-block;
        width: 49%;
        float: left;
        background: var(--azul);
        height: 40px;
        padding: 5px;
        box-sizing: border-box;
        margin-left: .5%;
        margin-right: .5%;
        border-radius: 3px;
        color: white;
        text-align: center;
        transition: .2s;
        cursor: pointer;
        font-size: 20px;
    }

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

    .mod_productos .caja_importar label img {
        height: 80%;
        background: 0;
        margin-left: 20px;
        margin-bottom: -5px;
        margin-top: 3px;
    }

    .mod_productos .caja_importar button[type="submit"] {
        width: 49%;
        background: var(--verde);
        height: 40px;
        padding: 5px;
        box-sizing: border-box;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
        font-size: 20px;
    }

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

    .mod_productos .caja_importar h2 {
        width: 85%;
        float: left;
        height: 30px;
    }

    .mod_productos .caja_importar #cerr_ventana_importar {
        float: right;
        width: 10%;
        background: var(--rojo);
        margin-bottom: 5px;
    }

    .mod_productos .caja_importar .btn_exportar_csv {
        width: 100%;
        background: 0;
        color: var(--rojo);
        text-decoration: underline;
        box-sizing: border-box;
        padding: 0;
        margin: 0;
        height: auto;
        text-align: right;
        font-weight: 600;
        margin-top: 10px;
        text-align: center;
        display: inline-block;

    }

    .mod_productos .datos_prod {
        width: 70%;
        padding: 5px;
        box-sizing: border-box;
        border-right: 1px solid grey;
        height: auto;
        overflow: auto;
        position: absolute;
        height: 85vh;
        left: 0;
    }

    .mod_productos .datos_prod label {
        display: inline-block;
        width: 49%;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
        height: auto;
        margin-bottom: 5px;
    }

    .mod_productos .datos_prod label p {
        font-weight: 600;
    }

    .mod_productos .datos_prod label input,
    .mod_productos .datos_prod label select {
        width: 100%;
        padding: 3px;
        box-sizing: border-box;
        border-radius: 5px;
        border: 1px solid silver;
        height: 35px;
    }

    .mod_productos .datos_prod label .select2 {
        height: 35px;
        width: 100%;
    }

    .mod_productos .datos_prod #btn_guardar {
        width: 99%;
        height: 40px;
        background: var(--verde);
        padding: 5px;
        color: white;
        font-size: 18px;
        margin-left: .5%;
        margin-top: 5px;
    }

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

    .mod_productos .datos_prod .caja_inv_si {
        width: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }

    .mod_productos .datos_adicionales {
        width: 30%;
        position: absolute;
        height: 85vh;
        right: 0;
        padding: 5px;
        box-sizing: border-box;
        overflow: auto;
    }

    .mod_productos .datos_adicionales h3 {
        text-align: center;
    }

    .mod_productos .datos_adicionales .old_costos {
        width: 100%;
    }

    .mod_productos .datos_adicionales .old_costos label {
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid grey;
        overflow: hidden;
        padding: 5px;
        box-sizing: border-box;
        height: 40px;
    }

    .mod_productos .datos_adicionales .old_costos label .costo {
        background: black;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        color: white;
        width: 50%;
        height: 100%;
        display: inline-block;
        text-align: left;
    }

    .mod_productos .datos_adicionales .old_costos label .fecha {
        background: 0;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        color: grey;
        width: 50%;
        height: 100%;
        display: inline-block;
        text-align: right;
        font-style: italic;
    }

    .caja_tipo_factura .caja_fp_cre {
        width: 100%;
        border-top: 1px solid grey;
        float: left;
    }

    .caja_tipo_factura .caja_fp_cre #label {
        width: 32%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }

    .mod_venta .alerta_consec {
        width: 20%;
        display: inline-block;
        background: var(--rojo);
        color: white;
        font-size: 13px;
        height: auto;
        position: fixed;
        right: 30px;
        margin-top: 10px;
        border-radius: 5px;
        animation: go-left-right .9s infinite alternate;
        text-align: center;
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_venta .alerta_fecha {
        animation: go-left-right .9s infinite alternate;
        display: inline-block;
        color: var(--rojo);
    }

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

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

    .tabla_prod .ajustes_realizados {
        width: 300px;
        padding: 5px;
        box-sizing: border-box;
        height: 90px;
        border-radius: 5px;
        border: 1px solid silver;
        max-height: 100px;
        max-width: 500px;
    }

    .seccion_parametros {
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        height: auto;
    }

    .seccion_parametros .caja_parametros {
        width: 100%;
        overflow: hidden;
        float: left;
        border-bottom: 1px solid grey;
    }

    .seccion_parametros .caja_parametros:hover {
        background: silver;
    }

    .seccion_parametros .caja_parametros .label_parametros {
        width: 14%;
        float: left;
        display: inline-block;
        margin-left: .14%;
        margin-right: .14%;
        height: 65px;
        padding: 5px;
        box-sizing: border-box;
        background: 0;
    }

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

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

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

    }

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

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

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

    .caja_prodagr .section_lista_prod section .lineas_tit b,
    .caja_prodagr .section_lista_prod section .lineas_sub b,
    .caja_prodagr .section_lista_prod section .lineas_ter b {
        display: inline-block;
        display: none;
    }

    .caja_prodagr .section_lista_prod .tit {
        display: inline-block;
        width: 40%;
        float: left;
        background: var(--negro);
        color: white;
        border-radius: 5px;
        height: 20px;
        font-size: 14px;
        text-align: left;
        padding-left: 5px;
        box-sizing: border-box;
    }

    .caja_prodagr .section_lista_prod .sub {
        display: inline-block;
        width: 13%;
        float: left;
        background: var(--negro);
        color: white;
        border-radius: 5px;
        height: 20px;
        font-size: 14px;
        text-align: left;
        padding-left: 5px;
        box-sizing: border-box;
    }

    .caja_prodagr .section_lista_prod b {
        background: 0;
    }

    .caja_prodagr .section_lista_prod .lineas_tit {}

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

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

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

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

    .caja_prodagr .section_lista_prod .section_lineas .lineas_ter .btneliped {
        width: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mod_venta .ventanas_venta .caja_agrprod .add_producto,
    .mod_venta .ventanas_venta .caja_agrprod .cod_barras {
        width: 79.5%;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 5px;
        border: 1px solid black;
        overflow: hidden;
        height: auto;
        margin-right: .5%;
    }

    .mod_venta .ventanas_venta .caja_agrprod .add_producto div {
        width: 49.5%;
        float: left;
        margin-left: .25%;
        margin-right: .25%;
    }

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

    .mod_venta .ventanas_venta .caja_agrprod .add_producto p,
    .mod_venta .ventanas_venta .caja_agrprod .cant_peso p {
        font-weight: 600;
        font-size: 14px;
        margin-bottom: 2px;
    }

    .mod_venta .ventanas_venta .caja_agrprod .add_producto .select2formprod {
        width: 100%;
        float: left;
        height: 40px;
        display: block;
        box-sizing: border-box;
    }

    .mod_venta .ventanas_venta .caja_agrprod .add_producto input,
    .mod_venta .ventanas_venta .caja_agrprod .cant_peso input {
        width: 100%;
        float: left;
        height: 40px;
        border: 1px solid silver;
        border-radius: 5px;
        font-size: 15px;
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_venta .ventanas_venta .caja_agrprod .cant_peso input {
        text-align: center;
        font-size: 18px;
    }

    .mod_venta .ventanas_venta .caja_agrprod .precio_unitario {
        width: 100%;
        padding: 5px;
        border: 1px solid black;
        float: left;
        margin-top: 2.5px;
        box-sizing: border-box;
        height: 40px;
        border-radius: 5px;
    }

    .mod_venta .ventanas_venta .caja_agrprod .precio_unitario .pre_unitario {
        width: 49.5%;
        float: left;
        margin-right: .5%;
    }

    .mod_venta .ventanas_venta .caja_agrprod .precio_unitario .pre_unitario input {
        width: 100%;
        height: 100%;
        border: 1px solid silver;
        border-radius: 5px;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
    }

    .mod_venta .ventanas_venta .caja_agrprod .precio_unitario .btnagrprod {
        width: 50%;
        float: left;
        height: 100%;
    }

    .subcaja_btn {
        width: 29.5%;
        position: fixed;
        bottom: 5px;
        right: .5%;
    }

    .subcaja_btn .titulo {
        display: inline-block;
        width: 100%;
        background: var(--amarillo);
        color: white;
        height: 40px;
        font-size: 20px;
        text-align: center;
        border-radius: 5px;
        padding-top: 5px;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        transition: .2s;
    }

    .subcaja_btn .titulo:hover {
        transition: .2s;
        transform: scale(.9, .9);
    }

    .subcaja_btn .caja_mas_opciones {
        width: 29.5%;
        position: fixed;
        background-color: white;
        bottom: 50px;
        right: .5%;
        height: 50vh;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        overflow: auto;
        border: 2px solid black;
        display: none;
    }

    .subcaja_btn #input_mas_opciones:checked + label {
        background: var(--naranja);
    }

    .subcaja_btn #input_mas_opciones:checked ~ .caja_mas_opciones {
        display: block;
    }

    .subcaja_btn .caja_mas_opciones h3 {
        text-align: center;
        margin-bottom: 5px;
    }

    .subcaja_btn .caja_mas_opciones button {
        width: 100%;
        height: 40px;
        background: black;
        color: white;
        margin-bottom: 10px;
        padding: 5px;
        box-sizing: border-box;
        font-size: 18px;
    }

    .subcaja_btn .caja_mas_opciones button img {
        height: 90%;
        background: 0;
        float: left;
        border-right: 1px solid white;
        padding-right: 10px;
    }

    .mod_venta .ventanas_venta .caja_pago .fp_pago .cajadatoscli .btn_cerrar_efectuar_pago {
        background: var(--rojo);
        width: 30px;
        height: 30px;
        color: white;
        font-size: 18px;
        border-radius: 5px;
        float: right;
    }

    .tableprodcompra {
        width: 100%;
        overflow: hidden;

    }

    .tableprodcompra .tbody,
    .tableprodcompra .thead {
        width: 100%;
        overflow: hidden;
        float: left;
    }

    .tableprodcompra .tbody {
        border-bottom: 1px solid black;

    }

    .tableprodcompra .thead {
        background: black;
        display: inline-block;
        border-radius: 5px;
        font-size: 15px;
        height: 50px;
    }

    .tableprodcompra .thead b {
        background: 0;
    }

    .tableprodcompra .tbody,
    .tableprodcompra .tbody label {
        background: 0;
        display: inline-block;
    }

    .tableprodcompra .tbody:hover {
        background: silver;
        transition: .2s;
    }

    .tableprodcompra .tbody b {
        display: none;
    }

    .mod_compras .prod_compra .tableprodcompra .thead label,
    .mod_compras .prod_compra .tableprodcompra .thead label p {
        background: 0;
        color: white;
    }

    .mod_compras .prod_compra .tableprodcompra .tbody label,
    .mod_compras .prod_compra .tableprodcompra .thead label {
        display: inline-block;
        float: left;
        margin: 0;
        height: 60px;
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_compras .prod_compra .tableprodcompra .label_pri {
        width: 20%;
    }

    .mod_compras .prod_compra .tableprodcompra .label_sec {
        width: 12%;
    }

    .mod_compras .prod_compra .tableprodcompra .label_ter {
        width: 6%;
    }

    .mod_compras .prod_compra .tableprodcompra .label_pri input,
    .mod_compras .prod_compra .tableprodcompra .label_sec input,
    .mod_compras .prod_compra .tableprodcompra .label_sec select {
        width: 100%;
        border: 1px solid silver;
        padding: 5px;
        border-radius: 5px;
        font-size: 14px;
        height: 30px;
    }

    .mod_compras .prod_compra .tableprodcompra .label_sec input {
        font-size: 20px;
    }

    .mod_compras .prod_compra .tableprodcompra .label_ter .btn_eliminar,
    .mod_compras .prod_compra .tableprodcompra .label_ter .btn_guardar {
        width: 100%;
        height: 30px;
        padding: 2px;
        background: 0;
    }

    .mod_compras .prod_compra .tableprodcompra .label_ter .btn_guardar {
        background: var(--verde);
    }

    .mod_compras .prod_compra .tableprodcompra .label_ter .btn_eliminar img,
    .tableprodcompra .label_ter .btn_guardar img {
        height: 100%;
        background: 0;
    }

    .caja_crear_pro_inv {
        width: 69%;
        position: absolute;
        border: 2px solid black;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        left: 30.5%;
    }

    .caja_crear_pro_inv .subcaja_pro {
        width: 100%;
        height: auto;
        position: relative;
        background: 0;
        top: 0px;
        float: left;
    }

    .caja_crear_pro_inv h3 {
        text-align: left;
    }

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

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

    .caja_crear_pro_inv #crear_pro #descrip {
        width: 98%;
    }

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

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

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

    .caja_crear_pro_inv section #subtitulo {
        color: var(--rojo);
        font-weight: 600;
        font-size: .9vw;
    }

    .label_crear_pro {
        width: 20%;
        display: inline-block;
        height: 35px;
        font-size: 18px;
        background: var(--amarillo);
        color: white;
        border-radius: 5px;
        cursor: pointer;
        text-align: center;
        transition: .2s;
        padding-top: 4px;
        box-sizing: border-box;
    }

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

    .tableprodcompra .alerta_items {
        position: absolute;
        left: 2.5%;
        width: 25%;
        background: var(--rojo);
        border-radius: 5px;
        color: white;
        padding: 5px;
        box-sizing: border-box;
        text-align: center;
        font-size: 20px;
        bottom: 50px;
        animation: go-left-right .9s infinite alternate;
    }

    .mod_compras .prod_compra .tableprodcompra #btn_guardar_inventario {
        width: 100%;
        padding: 5px;
        background: var(--verde);
        height: 70px;
        margin-top: 10px;
        font-size: 30px;
        color: white;
    }

    .mod_compras .prod_compra .tableprodcompra #btn_guardar_inventario img {
        height: 80%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 20px;
    }

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

    .mod_venta .barra_herramientas button {
        width: 50px;
        height: 50px;
        padding: 10px;
        border-radius: 10px;
    }

    .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: 40%;
        padding: 5px;
        box-sizing: border-box;
        float: left;
        font-size: 1em;
    }

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

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

    .mod_venta .ventanas_venta .caja_agrprod .label_form_agr.buscar_producto .cod_pro_buscar_pc {
        display: inline-block;
    }

    .mod_venta .ventanas_venta .caja_agrprod .label_form_agr.buscar_producto .caja_select2 {
        display: none !important;
    }

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

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

    .table-responsive {
        width: 99%;
        -webkit-overflow-scrolling: touch;
        padding: 10px;
        box-sizing: border-box;
        margin-left: .5%;
        background: #f8f9fa;
        border: 2px solid #dee2e6;
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        margin-bottom: 200px;
        overflow-x: auto;
        float: left;
        height: auto;
    }

    .table-responsive .tabla-pedidos {
        width: 100%;
        border-collapse: collapse;
        overflow: hidden;
    }

    .table-responsive .tabla-pedidos th,
    .table-responsive .tabla-pedidos td {
        padding: 0.5em;
        border: 2px solid #dee2e6;
        text-align: center;
        background: 0;
    }

    .table-responsive .sin-pedidos {
        color: #666;
        font-style: italic;
    }

    .mod_venta .ventanas_venta .table-responsive .tabla-pedidos .des_pro {
        text-align: left;
    }

    .mod_venta .ventanas_venta .table-responsive .tabla-pedidos .des_pro .cod_pro {
        color: grey;
        display: inline-block;
        font-size: 13px;
        font-style: italic;
    }

    .table-responsive .tabla-pedidos .btn-eliminar {
        background: var(--rojo);
        color: white;
        min-width: 30px;
        min-height: 30px;
        font-size: 15px;
        border-radius: 10px;
    }

    .table-responsive .tabla-pedidos tr td {
        background: 0;
    }

    .table-responsive .tabla-pedidos tr:hover {
        background: #dee2e6;
    }

    .table-responsive .tabla-pedidos tr .total {
        display: inline-block;
        background: var(--gris);
        border-radius: 10px;
        padding: 5px;
        box-sizing: border-box;
        padding-left: 8px;
        padding-right: 8px;
        color: white;
    }

    .table-responsive .tabla-pedidos tr .estado_cre.pendiente {
        display: inline-block;
        background: var(--rojo);
        border-radius: 0px 0px 5px 5px;
        padding: 5px;
        box-sizing: border-box;
        padding-left: 8px;
        padding-right: 8px;
        color: white;
        font-size: 10px;
    }

    .table-responsive .tabla-pedidos tr .estado_cre.ok {
        display: inline-block;
        background: var(--verdeclaro);
        border-radius: 0px 0px 5px 5px;
        padding: 5px;
        box-sizing: border-box;
        padding-left: 8px;
        padding-right: 8px;
        color: white;
        font-size: 10px;
    }

    .table-responsive .tabla-pedidos tr .total.saldo-pendiente {
        background: var(--rojoclaro);
        font-weight: bold;
        color: black;
    }

    .table-responsive .tabla-pedidos tr .badge-vencida {
        color: #fff;
        background: var(--rojo);
        padding: 6px 8px;
        border-radius: 10px;
        display: inline-block;
    }

    .table-responsive .tabla-pedidos tr .badge-vencida-strong {
        border-radius: 0px 0px 5px 5px;
        background: var(--rojoclaro);
        padding: 2px 10px;
        font-size: 10px;
        display: inline-block;
    }

    .table-responsive .tabla-pedidos tr .badge-ok {
        background: var(--verdeclaro);
        padding: 6px 8px;
        border-radius: 10px;
    }

    .mod_venta .ventanas_venta .table-responsive .subtotal,
    .mod_venta .ventanas_venta .table-responsive tfoot strong {
        transition: color 0.3s ease, transform 0.3s ease;
    }

    .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 div {
        background: 0;
    }


    .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: 20px;
        box-sizing: border-box;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        width: 49%;
        position: fixed;
        top: 60px;
        right: -50%;
        /* fuera de pantalla */
        transition: right 0.3s ease;
        z-index: 9999 important;
        max-height: 70vh;
        overflow: auto;
    }

    .forma-pago-container.visible {
        right: .5%;
        z-index: 9999999;
    }

    .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: 50%;
        float: left;
    }

    .forma-pago-container .pago-linea {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 5px;
        border-bottom: 1px solid #495057;
        background: 0;
    }

    .forma-pago-container .pago-linea label {
        flex: 1;
        font-weight: 500;
        color: #495057;
        background: 0;
    }

    .forma-pago-container .pago-linea input {
        flex: 1;
        padding: 6px 10px;
        font-size: 1em;
        text-align: right;
        border: 1px solid #ced4da;
        border-radius: 6px;
        background-color: white;
        color: #212529;
        width: 50%;
    }

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

    .forma-pago-container .datos-vendedor p {
        background: 0;
    }

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

    .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 #btn-factura-electronica {
        width: 100%;
        background: var(--verdeclaro);
        margin-top: 10px;
        height: 50px;
        border-radius: 10px;
        font-size: 20px;
        padding: 5px;
        border: 2px solid var(--verde);
        font-weight: 600;
        color: var(--verde);
    }

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

    .forma-pago-container #btn-guardar-credito {
        margin-top: 20px;
        padding: 5px 20px;
        background: var(--amarillo);
        color: white;
        border: none;
        border-radius: 10px;
        font-size: 1em;
        cursor: pointer;
        transition: background 0.2s ease;
        width: 100%;
        height: 40px;
        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: absolute;
        bottom: 70px;
        right: .5%;
        background: var(--amarillo);
        color: white;
        border: none;
        padding: 30px 14px;
        border-radius: 10px;
        font-size: 2em;
        cursor: pointer;
        z-index: 1;
        width: 49%;
    }

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

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


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

    .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 .tabla-pedidos .btn-restaurar {
        background: var(--azul);
        padding: 5px;
        border-radius: 5px;
        color: white;
        box-sizing: border-box;
    }

    .extra-credito {
        display: none;
    }

    .extra-credito.visible {
        display: block;
    }

    .forma-pago-container #seccion_credito {
        width: 100%;
        overflow: hidden;
        height: auto;
        background: white;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 10px;
    }

    .forma-pago-container #seccion_credito label {
        display: inline-block;
        width: 100%;
    }

    .forma-pago-container #seccion_credito label input,
    .forma-pago-container #seccion_credito label select {
        width: 100%;
        border-radius: 5px;
        border: 1px solid #878787;
        padding: 5px;
        box-sizing: border-box;
    }

    .mod_productos .sub_btn .botones_principales {
        padding: 8px;
        padding-left: 10px;
        padding-right: 10px;
        background: silver;
        color: black;
        border-radius: 10px;
        display: inline-block;
        transition: .2s;
        cursor: pointer;
        font-size: .9em;
    }

    .mod_productos .sub_btn .botones_principales:hover {
        background: var(--gris);
        color: white;
        transition: .2s;
    }

    .mod_productos .sub_btn .botones_principales svg {
        float: right;
        height: 20px;
        background: 0;
        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: 19%;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
        height: auto;
    }

    .mod_productos .seccion_reportes .filtro_reporte .caja_select2 {
        height: 40px;
        width: 100%;
        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;
    }

    .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: 20px;
        width: 95%;
        max-width: 1200px;
        border-radius: 10px;
        height: 80vh;
        margin-top: 10vh;
        overflow: hidden;
    }

    .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: 39%;
        margin-left: .5%;
        float: left;
        height: calc(100% - 40px);
        background: 0;
        overflow: auto;
        padding: 2.5px;
        box-sizing: border-box;
    }

    .modal-contenido .datos_pedido {
        width: 59.5%;
        margin-left: .5%;
        float: left;
        height: calc(100% - 40px);
        background: 0;
        overflow: auto;
        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 {
        border-left: 2px solid var(--gris);
        position: relative;
    }

    .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: calc(100% - 100px);
        overflow: auto;
        margin-bottom: 0;
    }

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

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

    .tooltip::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;
        transform: translateX(-100%);
        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;
    }

    .tooltipbottom::after {
        content: attr(data-tooltip);
        position: absolute;
        top: 55px;
        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;
    }

    .tooltipbottomleft::after {
        content: attr(data-tooltip);
        position: absolute;
        top: 55px;
        left: 50%;
        transform: translateX(0%);
        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,
    .tooltipbottom:hover::after,
    .tooltipbottomleft: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: 0;
        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: 5px;
        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: 20px;
        border-radius: 10px;
        width: 50%;
        max-width: 400px;
        max-height: 80vh;
        overflow: 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 .btn-acciones-tabla {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
        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);
    }

    .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: 49.5%;
        margin-right: .5%;
        height: 250px;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        border: 2px solid #dee2e6;
        margin-bottom: 5px;
    }

    .table-responsive #grafico_abonos_linea {
        width: 49.5%;
        margin-left: .5%;
        height: 250px;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        border: 2px solid #dee2e6;
        margin-bottom: 5px;
    }

    .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,
    .table-responsive .tabla-pedidos .btn_editarcomision_popup,
    .table-responsive .tabla-pedidos .btn_editarfecha_popup,
    .table-responsive .tabla-pedidos .btn_editarcantidad_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,
    .table-responsive .tabla-pedidos .btn_editarfecha_popup svg,
    .table-responsive .tabla-pedidos .btn_editarcantidad_popup svg {
        height: 100%;
        background: 0;
    }

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

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

    .infousu .label_cambiar_usuario {
        width: 40px;
        height: 40px;
        padding: 8px;
        background: var(--azulclaro);
        border-radius: 50px;
        float: left;
        box-sizing: border-box;
        cursor: pointer;
        transition: .2s;
    }

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

    .infousu .label_cambiar_usuario img {
        height: 100%;
        background: 0;
        margin: 0;
    }

    .infousu .caja_cambiar_usuario {
        width: 30%;
        position: fixed;
        top: 55px;
        border-radius: 10px;
        padding: 10px;
        background: linear-gradient(180deg, var(--negro), var(--gris));
        right: 5px;
        max-width: 400px;
    }

    .infousu .caja_cambiar_usuario form,
    .infousu .caja_cambiar_usuario form h3 {
        background: 0;
    }

    .infousu .caja_cambiar_usuario form h3 {
        color: white;
    }

    .infousu .caja_cambiar_usuario form label {
        width: 100%;
    }

    .infousu .caja_cambiar_usuario form label p {
        text-align: left;
        font-size: 1em;
    }

    .infousu .caja_cambiar_usuario form label select,
    .infousu .caja_cambiar_usuario form label input {
        width: 100%;
        height: 40px;
        border-radius: 10px;
        padding-left: 10px;
        border: 2px solid var(--gris);
    }

    .infousu .caja_cambiar_usuario form #btn_cambiar_usuario {
        width: 100%;
        height: 40px;
        background: var(--verdeclaro);
        border-radius: 10px;
        padding: 10px;
        margin-top: 5px;
    }

    .infousu .caja_cambiar_usuario form #btn_cambiar_usuario img {
        background: 0;
        height: 100%;
    }

    .filtro_prod {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .filtro_prod div,
    .filtro_prod label {
        width: 19%;
        margin-left: .5%;
        margin-right: .5%;
        float: left;
        height: auto;
    }

    .filtro_prod .caja_select2,
    .filtro_prod .select2formprod {
        height: 40px;
        width: 100%;
        border-radius: 8px;
        border: 2px solid grey;
    }

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

    .filtro_prod .btn_buscar,
    .filtro_prod .btnbuscar {
        width: 100%;
        height: 40px;
        background: var(--azul);
        border-radius: 10px;
        padding: 10px;
    }

    .filtro_prod .btnbuscar img {
        height: 100%;
        background: 0;
    }

    .table-responsive #grafico_ventas_dia {
        width: 49.5%;
        margin-right: .5%;
        height: 200px;
        float: left;
    }

    .table-responsive #grafico_ventas_dia {
        width: 49.5%;
        margin-right: .5%;
        height: 250px;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        border: 2px solid #dee2e6;
        margin-bottom: 5px;
    }

    .table-responsive #graf_fp_dona {
        width: 49.5%;
        margin-left: .5%;
        height: 250px;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        border: 2px solid #dee2e6;
        margin-bottom: 5px;
    }

    .mod_venta .notificaciones {
        width: 30%;
        padding: 5px;
        box-sizing: border-box;
        float: left;
        text-align: right;
    }

    .mod_venta .notificaciones button {
        width: 50px;
        height: 50px;
        padding: 10px;
        border-radius: 10px;
    }

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

    .mod_venta .notificaciones .btn_notificaciones {
        background: var(--amarilloclaro);
        position: relative;
    }

    .btn_notificaciones .circulo {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 12px;
        height: 12px;
        background-color: red;
        border-radius: 50%;
        animation: parpadeo 1s infinite;
        box-shadow: 0 0 4px red;
    }

    /* Animación */
    @keyframes parpadeo {

        0%,
        100% {
            opacity: 1;
            transform: scale(1);
        }

        50% {
            opacity: 0.4;
            transform: scale(1.4);
        }
    }

    .popup_notificaciones {
        position: fixed;
        top: 55px;
        right: 60px;
        width: 300px;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 10px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        z-index: 9999;
        padding: 10px;
    }

    .popup_notificaciones h3 {
        margin-top: 0;
        font-size: 16px;
        border-bottom: 1px solid #eee;
        padding-bottom: 5px;
    }

    .popup_notificaciones ul {
        margin: 0;
        padding: 0;
        list-style: none;
        max-height: 200px;
        overflow-y: auto;
    }

    .popup_notificaciones li {
        padding: 5px;
        border-bottom: 1px solid #eee;
        font-size: 14px;
    }

    .popup_notificaciones .tabs_notificaciones {
        display: flex;
        justify-content: space-around;
        margin-bottom: 10px;
    }

    .popup_notificaciones .tab_btn {
        flex: 1;
        background: #f2f2f2;
        border: none;
        padding: 6px;
        cursor: pointer;
        font-weight: bold;
        border-bottom: 2px solid transparent;
    }

    .popup_notificaciones .tab_btn.active {
        background: #ffffff;
        border-bottom: 2px solid var(--naranja);
    }

    .popup_notificaciones .boton_pedido_sugerido {
        width: 100%;
        height: 45px;
        padding: 2.5px;
        box-sizing: border-box;
    }

    .popup_notificaciones .boton_pedido_sugerido button {
        width: 100%;
        background: silver;
        height: 100%;
    }

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

    .mod_venta .datos_pago_facturacion .datos_tercero {
        width: 49%;
        float: left;
        border-right: 2px solid #dee2e6;
        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: 50%;
        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: 50%;
        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: 49%;
        height: 45px;
        border-radius: 10px;
        padding: 2.5px;
        padding-left: 10px;
        box-sizing: border-box;
        font-size: 1em;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
        background: #dee2e6;
        border: 0;
        cursor: pointer;
    }

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

    .mod_venta .datos_pago_facturacion .article_btn_efectuar_pago .btn_efectuar_pago {
        width: 100%;
        height: 60px;
        padding: 10px;
        box-sizing: border-box;
        background: var(--verdeclaro);
        border-radius: 10px;
        font-size: 1.5em;
        font-weight: 600;
        color: var(--verde);

    }

    .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;
        max-height: 50vh;
        overflow: auto;
    }

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

    .mod_venta .ventanas_venta .caja_agrprod .cajaselect2 {
        height: 40px;
    }

    .mod_costos_new {
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        height: auto;
    }

    .mod_costos_new .espacio_modprod {
        width: 100%;
        height: 50px;
    }

    .mod_costos_new h1 {
        text-align: center;
    }

    .mod_costos_new .datos_generales_costos {
        width: 50%;
        height: auto;
        background: #dee2e6;
        margin: auto;
        margin-top: 5vh;
        padding: 10px;
        box-sizing: border-box;
        background: #f8f9fa;
        border: 2px solid #dee2e6;
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        float: left;
        margin-left: 5%;
    }

    .mod_costos_new .datos_generales_costos .caja_costos_generales {
        background: 0;
    }

    .mod_costos_new .datos_generales_costos h1,
    .mod_costos_new .datos_generales_costos h4,
    .mod_costos_new .datos_generales_costos p,
    .mod_costos_new .datos_generales_costos .label_input {
        background: 0;
    }

    .mod_costos_new .datos_generales_costos h4 {
        color: var(--rojo);
        text-align: center;
    }

    .mod_costos_new .datos_generales_costos .label_input {
        width: 100%;
        margin-bottom: 5px;
    }

    .mod_costos_new .datos_generales_costos .label_input input,
    .mod_costos_new .datos_generales_costos .label_input select {
        width: 100%;
        padding: 5px;
        border-radius: 10px;
        border: 2px solid #dee2e6;
        font-size: 15px;
        height: 40px;
        padding-left: 10px;
        cursor: pointer;
    }

    .mod_costos_new .datos_generales_costos .label_input .btn_guardar {
        width: 100%;
        height: 40px;
        padding: 5px;
        background: var(--verdeclaro);
        border-radius: 10px;
        box-sizing: border-box;
    }

    .mod_costos_new .datos_generales_costos .label_input .btn_guardar svg {
        height: 100%;
        background: 0;
        color: var(--verde);
    }

    .mod_costos_new .costos_fijos {
        width: 35%;
        height: auto;
        background: #dee2e6;
        margin: auto;
        margin-top: 5vh;
        padding: 10px;
        box-sizing: border-box;
        background: #f8f9fa;
        border: 2px solid #dee2e6;
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        float: left;
        margin-left: 5%;
        max-height: 80vh;
        overflow: auto;
    }

    .mod_costos_new .costos_fijos h1,
    .mod_costos_new .costos_fijos p,
    .mod_costos_new .costos_fijos .label_input {
        background: 0;
    }

    .mod_costos_new .costos_fijos .item_costo_fijo {
        border-bottom: 2px dashed #dee2e6;
        padding: 2.5px;
        box-sizing: border-box;
        background: 0;
        border-radius: 10px;
    }

    .mod_costos_new .costos_fijos .item_costo_fijo:hover {
        background: #dee2e6;
    }

    .mod_costos_new .costos_fijos .item_costo_fijo .item {
        display: inline-block;
        height: 20px;
        width: 20px;
        background: var(--morado);
        color: white;
        border-radius: 50px;
        padding: 5px;
        text-align: center;
        font-size: 15px;
        margin-right: 5px;
    }

    .mod_costos_new .costos_fijos .item_costo_fijo .plazo {
        display: inline-block;
        background: var(--rojoclaro);
        border-radius: 5px;
        padding: 2.5px;
        text-align: center;
        font-size: 15px;
        margin-left: 10px;
    }

    .mod_costos_new .costos_fijos .item_costo_fijo .nom_prov {
        display: inline-block;
        border-radius: 5px;
        padding: 2.5px;
        text-align: center;
        color: var(--gris);
        font-size: 12px;
        font-style: italic;
        background: 0;
    }

    .mod_costos_new .costos_fijos .item_costo_fijo .btn_seleccionar {
        width: 30px;
        height: 30px;
        float: right;
        background: 0;
    }

    .mod_costos_new .costos_fijos .item_costo_fijo .btn_seleccionar svg {
        background: 0;
        color: var(--verde);
    }

    .mod_costos_new .costos_fijos .item_costo_fijo .btn_eliminar {
        width: 30px;
        height: 30px;
        float: right;
        background: 0;
    }

    .mod_costos_new .costos_fijos .item_costo_fijo .btn_eliminar svg {
        background: 0;
        color: var(--rojo);
    }

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

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

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

    }

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

    .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 .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: 49%;
        margin-bottom: 5px;
        margin-left: .5%;
        margin-right: .5%;
    }

    .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;
        max-width: 150px;
    }

    .mod_productos .sub_btn .caja_exportar {
        width: 40%;
        max-width: 400px;
        position: absolute;
        left: 5px;
        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: 5px;
        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: 70%;
        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: 40%;
        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: 49%;
        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.5em;
    }

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

    .mod_cuadre .resumen_cuadre {
        width: 59.5%;
        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-left: .5%;
    }

    .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: 50%;
        float: left;
        font-weight: bold;
    }

    .mod_cuadre .resumen_cuadre .datos_resumen_cuadre.titulo input {
        width: 50%;
        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: 48%;
        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: 60%;
        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;
    }

    .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;
        display: none;
    }

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

    .mod_cuadre .resumen_cuadre .datos_resumen_cuadre.titulo:hover p .btn_ver_hoy {
        display: inline-block;
    }

    .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 .select-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: 20%;
    }

    .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 .espacio_modprod {
        width: 100%;
        height: 0px;
    }

    .datos_productos_costos h1 {
        margin-bottom: 10px;
    }

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

    .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: 70%;
        min-width: 300px;
        height: 80px;
        border-radius: 10px;
        padding: 10px;
        font-size: 2em;
        background: var(--verdeclaro);
        left: 15%;
        position: fixed;
        bottom: 20px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    }

    .datos_productos_costos .btn_confirmar_compra svg {
        height: 100%;
        background: 0;
        color: var(--verde);
        margin-bottom: -10px;
        margin-left: 20px;
    }

    .datos_productos_costos .btn_confirmar_compra strong {
        background: 0;
    }

    .datos_productos_costos .btn_crear_producto {
        width: 10%;
        height: 35px;
        background: silver;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 10px;
        font-size: 1em;
        text-align: center;
        padding-left: 10px;
        position: fixed;
        top: 55px;
        left: 1%;
    }

    .datos_productos_costos .btn_crear_producto svg {
        height: 100%;
        background: 0;
        margin-bottom: -5px;
        margin-left: 5px;
    }

    .popup_contenido.crear_producto {
        width: 70%;
        max-width: 800px;
    }

    .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: 49%;
        float: left;
        margin-left: .5%;
        margin-right: .5%;
    }

    .popup_contenido.crear_producto .cajas input,
    .popup_contenido.crear_producto .cajas select {
        border: 2px solid var(--bordetabla);
    }

    .popup_contenido.crear_producto .popup_botones {
        float: left;
        width: 100%;
    }

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

    .datos_productos_costos .btn_cancelar_compra {
        width: 10%;
        height: 35px;
        background: var(--rojoclaro);
        color: var(--rojo);
        padding: 5px;
        box-sizing: border-box;
        border-radius: 10px;
        font-size: 1em;
        text-align: center;
        padding-left: 10px;
        position: fixed;
        top: 55px;
        right: 1%;
    }

    .resultados_financieros_new {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        height: auto;
    }

    .resultados_financieros_new h1 {
        font-size: 1.8em;
    }

    .resultados_financieros_new .caja_resultados h2 {
        font-size: 1.5em;
        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: 45%;
        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: 80%;
        float: left;
        background: 0;
    }

    .resultados_financieros_new .caja_resultados .items_resultados .resultado_dato h2 {
        font-size: 2em;
        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 {
        width: 20%;
        float: left;
        background: 0;
        padding: 20px;
        box-sizing: border-box;
        height: 100%;
    }

    .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: 20%;
        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;
    }

    .caja_crear .btn_crear_producto {
        height: 30px;
    }

    .caja_crear .btn_crear_producto svg {
        height: 100%;
        background: 0;
    }

    .table-responsive .tabla-pedidos .obser_ped {
        width: 100%;
        display: inline-block;
        color: var(--gris);
        font-style: italic;
        border-top: 1px dashed silver;
        font-size: 13px;
        background: 0;
        max-width: 300px;
    }

    .table-responsive .tabla-pedidos .nom_pro {
        width: 100%;
        display: inline-block;
        background: 0;
        max-width: 300px;
    }

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

    }

    .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 {
        position: fixed;
        z-index: 999;
        width: 50%;
        border-radius: 0px 0px 10px 10px;
        left: 25%;
        text-align: center;
        background: var(--amarilloclaro);
        font-size: .8em;
        padding: 2.5px;
        box-sizing: border-box;
    }

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

    .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: 30px;
        min-height: 30px;
        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: 70px;
        margin-top: 35px;
        min-width: 200px;
        z-index: 10;
        background: 0;
    }

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

    .popup_fondo .label_pago_total {
        display: inline-block;
        width: 100%;
        height: 35px;
        background: var(--bordetabla);
        font-size: 18px;
        border-radius: 10px;
        text-align: center;
        padding-top: 5px;
        box-sizing: border-box;
        cursor: pointer;
    }

    .popup_fondo #input_pago_total:checked + label {
        background: var(--moradoclaro);
        font-weight: bold;
    }

    /* 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: 50% !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;
    }


}