h3 {
    font-size: 18px;
}

/* ==========================================================
   ANDROID GLOBAL
   Normaliza la escala física y evita que Chrome sobredimensione
   textos y controles en teléfonos de densidad alta.
========================================================== */
html.pos-android,
html.pos-android body,
html.pos-android button,
html.pos-android input,
html.pos-android select,
html.pos-android textarea {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
}

html.pos-android body {
    max-width: 100%;
    overflow-x: hidden;
}

@media (max-width: 430px) {
    html.pos-android .form-control,
    html.pos-android .btn {
        line-height: 1.2;
    }

    /* Densidad específica del POS general. */
    html.pos-android body.pos-general-active .btns-cuentas {
        min-height: 52px !important;
        padding: 5px 6px !important;
        gap: 5px !important;
    }
    html.pos-android body.pos-general-active .btns-cuentas .btn-cargar-cuenta,
    html.pos-android body.pos-general-active .btns-cuentas .btn-agregar-cuenta {
        height: 40px !important;
        font-size: 11px !important;
    }
    html.pos-android body.pos-general-active .pos-mobile-search-panel { padding: 6px 7px 1px !important; }
    html.pos-android body.pos-general-active .pos-search-control {
        height: 42px !important;
        margin-bottom: 6px !important;
        border-radius: 9px !important;
    }
    html.pos-android body.pos-general-active .pos-search-control .input-buscar-productos {
        height: 40px !important;
        min-height: 40px !important;
        font-size: 14px !important;
    }
    html.pos-android body.pos-general-active .pos-search-control > i { flex-basis: 34px !important; }
    html.pos-android body.pos-general-active h3.title-aside {
        min-height: 58px !important;
        margin-bottom: 7px !important;
        padding: 12px 12px 22px !important;
        font-size: 18px !important;
    }
    html.pos-android body.pos-general-active h3.title-aside::after {
        bottom: 11px !important;
        left: 12px !important;
        width: 34px !important;
    }
    html.pos-android body.pos-general-active .pos-product-card {
        height: 174px !important;
        min-height: 174px !important;
    }
    html.pos-android body.pos-general-active .pos-product-name { font-size: 12px !important; }
    html.pos-android body.pos-general-active #cargarItemProductos tbody#loadLineasFactura > tr { padding: 9px !important; }
    html.pos-android body.pos-general-active #cargarItemProductos .pos-item-grid {
        grid-template-columns: 68px minmax(68px, 1fr) minmax(50px, .7fr) minmax(70px, 1fr) 42px !important;
        column-gap: 5px !important;
        row-gap: 7px !important;
        min-height: 104px !important;
    }
    html.pos-android body.pos-general-active #cargarItemProductos .input-cantidad-producto,
    html.pos-android body.pos-general-active #cargarItemProductos .pos-item-cell.precio input,
    html.pos-android body.pos-general-active #cargarItemProductos .pos-item-cell.descuento input,
    html.pos-android body.pos-general-active #cargarItemProductos .pos-item-cell.total input {
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 5px !important;
        font-size: 12px !important;
        line-height: 36px !important;
    }
    html.pos-android body.pos-general-active #cargarItemProductos .btn-delete-row {
        width: 40px !important;
        height: 40px !important;
    }
    html.pos-android body.pos-general-active .column-pos select.form-control,
    html.pos-android body.pos-general-active .column-pos input.form-control:not(.input-cantidad-producto):not(.input-precio-producto):not(.input-descuento-producto):not([id^="total-linea-"]) {
        height: 40px !important;
        min-height: 40px !important;
        font-size: 13px !important;
    }
    html.pos-android body.pos-general-active #formEmitirFactura { padding-bottom: calc(90px + env(safe-area-inset-bottom, 0px)) !important; }
    html.pos-android body.pos-general-active .cajaTablaTotal { height: calc(78px + env(safe-area-inset-bottom, 0px)) !important; }
    html.pos-android body.pos-general-active .cajaTablaTotal > .row,
    html.pos-android body.pos-general-active .cajaTablaTotal .btn { height: 62px !important; }
    html.pos-android body.pos-general-active #totalAPagarMovil { height: 62px !important; }
}

/* Compras en dos franjas: búsqueda/acciones arriba y valores abajo. */
@media (min-width: 801px) and (max-width: 1800px) {
    body .purchase-inventory-view #purchaseInventoryTable,
    body .purchase-inventory-view #purchaseInventoryTable > tbody {
        display: block !important;
        width: 100% !important;
    }

    body .purchase-inventory-view #purchaseInventoryTable > thead {
        display: none !important;
    }

    body .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras {
        display: grid !important;
        grid-template-columns:
            minmax(72px, .9fr)
            minmax(62px, .7fr)
            minmax(68px, .75fr)
            minmax(76px, .9fr)
            minmax(76px, .8fr)
            minmax(82px, 1fr)
            minmax(82px, 1fr)
            minmax(76px, .9fr)
            minmax(70px, .8fr)
            minmax(78px, .9fr)
            minmax(105px, 1.25fr)
            minmax(110px, 1.25fr);
        grid-template-rows: auto auto;
        gap: 8px 6px;
        width: 100% !important;
        padding: 10px 12px !important;
        border-bottom: 2px solid #aebfc7 !important;
    }

    body .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td {
        display: flex !important;
        flex-direction: column;
        justify-content: flex-end;
        width: auto !important;
        height: auto !important;
        min-width: 0;
        min-height: 54px;
        padding: 4px 5px !important;
        border: 0 !important;
        background: transparent !important;
        vertical-align: bottom !important;
    }

    body .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[style*="display: none"] {
        display: none !important;
    }

    body .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td:first-child:not(.font-weight-bold) {
        grid-column: 1;
        grid-row: 1;
        align-items: center;
    }

    body .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td.font-weight-bold {
        display: flex !important;
        grid-column: 2 / span 7;
        grid-row: 1;
        flex-direction: row;
        align-items: flex-end;
        gap: 10px;
        width: auto !important;
        min-width: 0;
        text-align: left !important;
    }

    .purchase-inventory-view #purchaseInventoryTable .custom-buttons-aplic-invent {
        order: 2;
        flex: 0 0 auto;
        min-width: 0;
        min-height: 38px;
        margin: 0 !important;
        gap: 5px;
    }

    .purchase-inventory-view #purchaseInventoryTable .purchase-product-search {
        order: 1;
        flex: 1 1 auto;
        min-width: 0;
    }

    body .purchase-inventory-view #purchaseInventoryTable .custom-buttons-aplic-invent > div {
        flex: 0 0 42px;
        width: 42px !important;
        max-width: 42px !important;
        padding: 0 !important;
    }

    body .purchase-inventory-view #purchaseInventoryTable .custom-buttons-aplic-invent .btn {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 42px !important;
        min-width: 42px;
        height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body .purchase-inventory-view #purchaseInventoryTable .custom-buttons-aplic-invent .btn i {
        display: block;
        margin: 0 !important;
        line-height: 1 !important;
    }

    .purchase-inventory-view #purchaseInventoryTable .purchase-product-search > p:not(.label-producto-gravado-iva) {
        margin-bottom: 4px;
    }

    .purchase-inventory-view #purchaseInventoryTable .label-producto-gravado-iva {
        height: 28px;
        min-height: 28px;
        margin: 4px 0 !important;
        padding: 5px 8px !important;
        line-height: 16px !important;
    }

    body .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[data-label="Acciones"] {
        display: grid !important;
        grid-column: 9 / span 4;
        grid-row: 1;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-content: end;
        gap: 6px;
        width: auto !important;
        min-width: 0;
        max-width: none;
    }

    body .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[data-label="Acciones"] .form-control,
    body .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[data-label="Acciones"] .btn {
        height: 38px !important;
        min-height: 38px !important;
        margin: 0 !important;
    }

    body .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[data-label="Acciones"]::before {
        grid-column: 1 / -1;
    }

    body .purchase-inventory-view #purchaseInventoryTable td[data-label="Existencia"] {
        grid-column: 1;
        grid-row: 2;
    }

    body .purchase-inventory-view #purchaseInventoryTable td[data-label="Cantidad"] {
        grid-column: 2;
        grid-row: 2;
    }

    body .purchase-inventory-view #purchaseInventoryTable td[data-label="Unidades"] {
        grid-column: 3;
        grid-row: 2;
    }

    body .purchase-inventory-view #purchaseInventoryTable td[data-label="Devoluciones"] {
        grid-column: 4;
        grid-row: 2;
    }

    body .purchase-inventory-view #purchaseInventoryTable td[data-label="Trasladar"] {
        grid-column: 5;
        grid-row: 2;
    }

    body .purchase-inventory-view #purchaseInventoryTable td[data-label="Cantidad a devolver"] {
        grid-column: 6;
        grid-row: 2;
    }

    body .purchase-inventory-view #purchaseInventoryTable td[data-label="Precio compra"] {
        grid-column: 7;
        grid-row: 2;
    }

    body .purchase-inventory-view #purchaseInventoryTable td[data-label="Precio unidad"] {
        grid-column: 8;
        grid-row: 2;
    }

    body .purchase-inventory-view #purchaseInventoryTable td[data-label="Utilidad"] {
        grid-column: 9;
        grid-row: 2;
    }

    body .purchase-inventory-view #purchaseInventoryTable td[data-label="Utilidad actual"] {
        grid-column: 10;
        grid-row: 2;
    }

    body .purchase-inventory-view #purchaseInventoryTable td[data-label="Precio actual IVAI"] {
        grid-column: 11;
        grid-row: 2;
    }

    body .purchase-inventory-view #purchaseInventoryTable td[data-label="Precio final"] {
        grid-column: 12;
        grid-row: 2;
    }

    body .purchase-inventory-view #purchaseInventoryTable .row-compras:not(:has(td[data-label="Devoluciones"])) td[data-label="Existencia"] {
        grid-column: 1;
    }

    body .purchase-inventory-view #purchaseInventoryTable .row-compras:not(:has(td[data-label="Devoluciones"])) td[data-label="Cantidad"] {
        grid-column: 2;
    }

    body .purchase-inventory-view #purchaseInventoryTable .row-compras:not(:has(td[data-label="Devoluciones"])) td[data-label="Unidades"] {
        grid-column: 3;
    }

    body .purchase-inventory-view #purchaseInventoryTable .row-compras:not(:has(td[data-label="Devoluciones"])) td[data-label="Trasladar"] {
        grid-column: 4 / span 2;
    }

    body .purchase-inventory-view #purchaseInventoryTable .row-compras:not(:has(td[data-label="Devoluciones"])) td[data-label="Precio compra"] {
        grid-column: 6;
    }

    body .purchase-inventory-view #purchaseInventoryTable .row-compras:not(:has(td[data-label="Devoluciones"])) td[data-label="Precio unidad"] {
        grid-column: 7 / span 2;
    }

    body .purchase-inventory-view #purchaseInventoryTable .row-compras:not(:has(td[data-label="Devoluciones"])) td[data-label="Utilidad"] {
        grid-column: 9;
    }

    body .purchase-inventory-view #purchaseInventoryTable .row-compras:not(:has(td[data-label="Devoluciones"])) td[data-label="Utilidad actual"] {
        grid-column: 10;
    }

    body .purchase-inventory-view #purchaseInventoryTable .row-compras:not(:has(td[data-label="Devoluciones"])) td[data-label="Precio actual IVAI"] {
        grid-column: 11;
    }

    body .purchase-inventory-view #purchaseInventoryTable .row-compras:not(:has(td[data-label="Devoluciones"])) td[data-label="Precio final"] {
        grid-column: 12;
    }

    body .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[data-label]:not([data-label="Acciones"])::before {
        display: block !important;
        content: attr(data-label) !important;
        min-height: 23px;
        margin-bottom: 4px;
        color: #607d8b;
        font-size: 10px;
        font-weight: 700;
        line-height: 1.1;
        text-align: left;
        text-transform: uppercase;
        overflow-wrap: anywhere;
        white-space: normal;
    }
}

/*
 * Compras de inventario en escritorio:
 * se conserva la estructura natural de tabla. Las propuestas compactas
 * anteriores se neutralizan para no forzar posiciones artificiales.
 */
@media (min-width: 801px) {
    .purchase-inventory-view .purchase-inventory-table-wrap {
        overflow-x: auto !important;
        overflow-y: visible;
    }

    .purchase-inventory-view #purchaseInventoryTable {
        display: table !important;
        width: 100% !important;
        min-width: 0 !important;
        table-layout: auto !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > thead {
        display: table-header-group !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody {
        display: table-row-group !important;
        width: auto !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras {
        display: table-row !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td {
        display: table-cell !important;
        width: auto;
        min-width: 0;
        min-height: 0;
        padding: 6px 4px !important;
        border-right: 0 !important;
        border-top: 1px solid #d7e0e4 !important;
        vertical-align: middle !important;
        text-align: inherit;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[style*="display: none"] {
        display: none !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[data-label]::before {
        display: none !important;
        content: none !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td.font-weight-bold {
        width: 21% !important;
        min-width: 300px;
        text-align: left !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[data-label="Acciones"] {
        display: table-cell !important;
        width: auto !important;
        min-width: 135px;
        max-width: none;
        text-align: center !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[data-label="Acciones"] .form-control,
    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[data-label="Acciones"] .btn {
        width: 100% !important;
        margin: 3px 0 !important;
    }

    .purchase-inventory-view #purchaseInventoryTable .label-movil {
        display: none !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td {
        height: 138px;
        vertical-align: bottom !important;
    }

    .purchase-inventory-view #purchaseInventoryTable .form-control,
    .purchase-inventory-view #purchaseInventoryTable .btn {
        height: 38px !important;
        min-height: 38px !important;
        line-height: 1.2;
    }

    .purchase-inventory-view #purchaseInventoryTable .custom-buttons-aplic-invent {
        display: flex;
        min-height: 38px;
        margin: 0 0 6px !important;
        gap: 5px;
    }

    .purchase-inventory-view #purchaseInventoryTable .custom-buttons-aplic-invent > div {
        flex: 1 1 0;
        max-width: none;
        padding: 0;
    }

    .purchase-inventory-view #purchaseInventoryTable .custom-buttons-aplic-invent .btn {
        width: 100%;
        margin: 0 !important;
    }

    .purchase-inventory-view #purchaseInventoryTable .label-producto-gravado-iva {
        height: 32px;
        min-height: 32px;
        margin: 6px 0 !important;
        padding: 7px 9px !important;
        overflow: hidden;
        line-height: 18px !important;
        text-align: left !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .purchase-inventory-view #purchaseInventoryTable .span-existencia-actual-bodega-traslado {
        display: block;
        min-height: 22px;
        margin-bottom: 4px;
        line-height: 18px;
        white-space: nowrap;
    }
}

/* Los botones del producto comparten la base del buscador y las acciones. */
@media (min-width: 801px) {
    body .purchase-inventory-view div#purchaseInventoryTable
    .purchase-product-field .custom-buttons-aplic-invent {
        align-self: flex-end;
        margin: 0 !important;
    }
}

/* Acabado final de los controles numéricos de la segunda línea. */
@media (min-width: 801px) {
    body .purchase-inventory-view div#purchaseInventoryTable .purchase-inventory-item
    .purchase-field:not(.purchase-actions-field) input.form-control:not([type="hidden"]) {
        height: 38px !important;
        min-height: 38px !important;
        padding: 6px 9px !important;
        border: 1px solid #aebdc5 !important;
        border-radius: 6px !important;
        background-color: #fff;
        color: #263238;
        font-weight: 600;
        line-height: 24px;
        box-shadow: 0 1px 2px rgba(38, 50, 56, .08);
        transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
    }

    body .purchase-inventory-view div#purchaseInventoryTable .purchase-inventory-item
    .purchase-field:not(.purchase-actions-field) input.form-control:not([type="hidden"]):not([readonly]):not([disabled]) {
        border-color: #90a4ae !important;
        box-shadow: inset 3px 0 0 #1e88e5, 0 1px 2px rgba(38, 50, 56, .08);
    }

    body .purchase-inventory-view div#purchaseInventoryTable .purchase-inventory-item
    .purchase-field:not(.purchase-actions-field) input.form-control:not([type="hidden"]):not([readonly]):not([disabled]):hover {
        border-color: #607d8b !important;
    }

    body .purchase-inventory-view div#purchaseInventoryTable .purchase-inventory-item
    .purchase-field:not(.purchase-actions-field) input.form-control:not([type="hidden"]):focus {
        border-color: #1976d2 !important;
        outline: 0;
        box-shadow: inset 3px 0 0 #1976d2, 0 0 0 3px rgba(25, 118, 210, .14) !important;
    }

    body .purchase-inventory-view div#purchaseInventoryTable .purchase-inventory-item
    .purchase-field:not(.purchase-actions-field) input.form-control:not([type="hidden"])[readonly],
    body .purchase-inventory-view div#purchaseInventoryTable .purchase-inventory-item
    .purchase-field:not(.purchase-actions-field) input.form-control:not([type="hidden"])[disabled] {
        border-color: #c5d0d5 !important;
        background-color: #edf2f4 !important;
        color: #455a64;
        box-shadow: none !important;
        opacity: 1;
    }
}

/* =========================================================
   COMPRAS DE INVENTARIO - LAYOUT NATIVO CON DIV
========================================================= */

.purchase-inventory-view .purchase-inventory-list,
.purchase-inventory-view .purchase-inventory-items {
    width: 100%;
}

body .purchase-inventory-view div#purchaseInventoryTable.purchase-inventory-list {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
}

body .purchase-inventory-view .purchase-inventory-table-wrap {
    overflow: visible !important;
}

.purchase-inventory-view .purchase-inventory-item {
    position: relative;
    background: #fff;
}

.purchase-inventory-view .purchase-inventory-item:nth-child(even) {
    background: #f4f7f8;
}

.purchase-inventory-view .purchase-inventory-item.table-success {
    background: #e8f6ed;
}

.purchase-inventory-view .purchase-inventory-item.table-success:nth-child(even) {
    background: #dff1e5;
}

.purchase-inventory-view .purchase-inventory-item.table-danger {
    background: #fff0f0;
}

.purchase-inventory-view .purchase-inventory-item.table-danger:nth-child(even) {
    background: #fde5e5;
}

.purchase-inventory-view .purchase-inventory-item.table-warning-devolucion {
    background: #fff7e6;
}

.purchase-inventory-view .purchase-inventory-item.table-warning-devolucion:nth-child(even) {
    background: #ffefd3;
}

.purchase-inventory-view .purchase-field[style*="display: none"] {
    display: none !important;
}

.purchase-inventory-view .purchase-inventory-item .purchase-field:not(.purchase-actions-field),
.purchase-inventory-view .purchase-inventory-item .purchase-field:not(.purchase-actions-field) .form-control,
.purchase-inventory-view .purchase-inventory-item .purchase-field:not(.purchase-actions-field) input,
.purchase-inventory-view .purchase-inventory-item .purchase-field:not(.purchase-actions-field) select {
    text-align: left !important;
}

.purchase-inventory-view .purchase-inventory-item .purchase-field[data-label]::before {
    text-align: left !important;
}

@media (min-width: 801px) {
    .purchase-inventory-view .purchase-inventory-table-wrap {
        overflow: visible !important;
        border: 1px solid #c8d4da;
        border-radius: 7px;
    }

    .purchase-inventory-view .purchase-inventory-item {
        display: grid;
        grid-template-columns: repeat(13, minmax(0, 1fr));
        grid-template-rows: auto auto;
        gap: 10px 8px;
        padding: 12px;
        border-bottom: 2px solid #b7c6cd;
    }

    .purchase-inventory-view .purchase-inventory-item:not(:has(.purchase-field[data-label="Devoluciones"])) {
        grid-template-columns: repeat(11, minmax(0, 1fr));
    }

    .purchase-inventory-view .purchase-inventory-item:last-child {
        border-bottom: 0;
    }

    .purchase-inventory-view .purchase-select-field {
        grid-column: 1;
        grid-row: 1;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding-bottom: 4px;
    }

    .purchase-inventory-view .purchase-select-field .form-control {
        width: 28px !important;
        height: 38px !important;
        min-height: 38px !important;
        margin: 0;
    }

    .purchase-inventory-view .purchase-product-field {
        grid-column: 2 / span 7;
        grid-row: 1;
        display: flex;
        align-items: flex-end;
        gap: 8px;
        min-width: 0;
    }

    .purchase-inventory-view .purchase-inventory-item:not(:has(.purchase-select-field)) .purchase-product-field {
        grid-column: 1 / span 8;
    }

    .purchase-inventory-view .purchase-product-search {
        order: 1;
        flex: 1 1 auto;
        min-width: 0;
    }

    .purchase-inventory-view .purchase-product-field .custom-buttons-aplic-invent {
        order: 2;
        display: flex;
        flex: 0 0 auto;
        gap: 5px;
        min-height: 38px;
        margin: 0 !important;
    }

    .purchase-inventory-view .purchase-product-field .custom-buttons-aplic-invent > div {
        flex: 0 0 42px;
        width: 42px !important;
        max-width: 42px !important;
        padding: 0 !important;
    }

    .purchase-inventory-view .purchase-product-field .custom-buttons-aplic-invent .btn {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 42px !important;
        min-width: 42px;
        height: 38px !important;
        min-height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .purchase-inventory-view .purchase-product-field .custom-buttons-aplic-invent .btn i {
        margin: 0 !important;
        line-height: 1;
    }

    .purchase-inventory-view .purchase-product-search .form-control {
        width: 100% !important;
        height: 38px !important;
        min-height: 38px !important;
    }

    .purchase-inventory-view .purchase-product-search .label-producto-gravado-iva {
        position: static !important;
        width: 100% !important;
        height: 28px;
        min-height: 28px;
        margin: 4px 0 !important;
        padding: 5px 8px !important;
        overflow: hidden;
        border-left: 3px solid #ef5350;
        background: rgba(255, 255, 255, .55);
        line-height: 16px !important;
        text-align: left !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .purchase-inventory-view .purchase-actions-field {
        grid-column: 9 / span 5;
        grid-row: 1;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-content: end;
        gap: 6px;
        min-width: 0;
    }

    .purchase-inventory-view .purchase-actions-field::before {
        grid-column: 1 / -1;
        content: "Acciones";
        color: #607d8b;
        font-size: 10px;
        font-weight: 700;
        text-align: left;
        text-transform: uppercase;
    }

    .purchase-inventory-view .purchase-actions-field .form-control,
    .purchase-inventory-view .purchase-actions-field .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        height: 38px !important;
        min-height: 38px !important;
        margin: 0 !important;
    }

    .purchase-inventory-view .purchase-field[data-label]:not(.purchase-actions-field) {
        grid-row: 2;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        min-width: 0;
        min-height: 70px;
        padding: 6px 4px 0;
        border-top: 1px solid rgba(96, 125, 139, .18);
        text-align: right;
    }

    .purchase-inventory-view .purchase-field[data-label]:not(.purchase-actions-field)::before {
        display: block;
        flex: 0 0 22px;
        width: 100%;
        height: 22px;
        min-height: 22px;
        margin: 0 0 3px;
        content: attr(data-label);
        color: #607d8b;
        font-size: 10px;
        font-weight: 700;
        line-height: 1.15;
        text-align: left;
        text-transform: uppercase;
        overflow-wrap: anywhere;
    }

    .purchase-inventory-view .purchase-field[data-label] .form-control {
        width: 100% !important;
        height: 38px !important;
        min-height: 38px !important;
    }

    .purchase-inventory-view .purchase-field[data-label="Existencia"] { grid-column: 1; }
    .purchase-inventory-view .purchase-field[data-label="Cantidad"] { grid-column: 2; }
    .purchase-inventory-view .purchase-field[data-label="Unidades"] { grid-column: 3; }
    .purchase-inventory-view .purchase-field[data-label="Devoluciones"] { grid-column: 4; }
    .purchase-inventory-view .purchase-field[data-label="Trasladar"] { grid-column: 5; }
    .purchase-inventory-view .purchase-field[data-label="Cantidad a devolver"] { grid-column: 6; }
    .purchase-inventory-view .purchase-field[data-label="Precio compra"] { grid-column: 7; }
    .purchase-inventory-view .purchase-field[data-label="Precio unidad"] { grid-column: 8; }
    .purchase-inventory-view .purchase-field[data-label="Utilidad"] { grid-column: 9; }
    .purchase-inventory-view .purchase-field[data-label="Utilidad actual"] { grid-column: 10; }
    .purchase-inventory-view .purchase-field[data-label="Desc. max fact."] { grid-column: 11; }
    .purchase-inventory-view .purchase-field[data-label="Precio actual IVAI"] { grid-column: 12; }
    .purchase-inventory-view .purchase-field[data-label="Precio final"] { grid-column: 13; }

    .purchase-inventory-view .purchase-inventory-item:not(:has(.purchase-field[data-label="Devoluciones"])) .purchase-field[data-label="Existencia"] { grid-column: 1; }
    .purchase-inventory-view .purchase-inventory-item:not(:has(.purchase-field[data-label="Devoluciones"])) .purchase-field[data-label="Cantidad"] { grid-column: 2; }
    .purchase-inventory-view .purchase-inventory-item:not(:has(.purchase-field[data-label="Devoluciones"])) .purchase-field[data-label="Unidades"] { grid-column: 3; }
    .purchase-inventory-view .purchase-inventory-item:not(:has(.purchase-field[data-label="Devoluciones"])) .purchase-field[data-label="Trasladar"] { grid-column: 4; }
    .purchase-inventory-view .purchase-inventory-item:not(:has(.purchase-field[data-label="Devoluciones"])) .purchase-field[data-label="Precio compra"] { grid-column: 5; }
    .purchase-inventory-view .purchase-inventory-item:not(:has(.purchase-field[data-label="Devoluciones"])) .purchase-field[data-label="Precio unidad"] { grid-column: 6; }
    .purchase-inventory-view .purchase-inventory-item:not(:has(.purchase-field[data-label="Devoluciones"])) .purchase-field[data-label="Utilidad"] { grid-column: 7; }
    .purchase-inventory-view .purchase-inventory-item:not(:has(.purchase-field[data-label="Devoluciones"])) .purchase-field[data-label="Utilidad actual"] { grid-column: 8; }
    .purchase-inventory-view .purchase-inventory-item:not(:has(.purchase-field[data-label="Devoluciones"])) .purchase-field[data-label="Desc. max fact."] { grid-column: 9; }
    .purchase-inventory-view .purchase-inventory-item:not(:has(.purchase-field[data-label="Devoluciones"])) .purchase-field[data-label="Precio actual IVAI"] { grid-column: 10; }
    .purchase-inventory-view .purchase-inventory-item:not(:has(.purchase-field[data-label="Devoluciones"])) .purchase-field[data-label="Precio final"] { grid-column: 11; }

    /* La cantidad de columnas se adapta a los controles visibles. */
    .purchase-inventory-view .purchase-inventory-item:not(:has(.purchase-field[data-label="Devoluciones"])) .purchase-product-field {
        grid-column: 2 / span 6;
    }

    .purchase-inventory-view .purchase-inventory-item:not(:has(.purchase-field[data-label="Devoluciones"])):not(:has(.purchase-select-field)) .purchase-product-field {
        grid-column: 1 / span 7;
    }

    .purchase-inventory-view .purchase-inventory-item:not(:has(.purchase-field[data-label="Devoluciones"])) .purchase-actions-field {
        grid-column: 8 / span 4;
    }

    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:has(.purchase-field[data-label="Devoluciones"]) {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:has(.purchase-field[data-label="Devoluciones"]) .purchase-product-field {
        grid-column: 2 / span 6;
    }

    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:has(.purchase-field[data-label="Devoluciones"]):not(:has(.purchase-select-field)) .purchase-product-field {
        grid-column: 1 / span 7;
    }

    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:has(.purchase-field[data-label="Devoluciones"]) .purchase-actions-field {
        grid-column: 8 / span 5;
    }

    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:has(.purchase-field[data-label="Devoluciones"]) .purchase-field[data-label="Cantidad a devolver"] { grid-column: 5; }
    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:has(.purchase-field[data-label="Devoluciones"]) .purchase-field[data-label="Precio compra"] { grid-column: 6; }
    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:has(.purchase-field[data-label="Devoluciones"]) .purchase-field[data-label="Precio unidad"] { grid-column: 7; }
    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:has(.purchase-field[data-label="Devoluciones"]) .purchase-field[data-label="Utilidad"] { grid-column: 8; }
    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:has(.purchase-field[data-label="Devoluciones"]) .purchase-field[data-label="Utilidad actual"] { grid-column: 9; }
    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:has(.purchase-field[data-label="Devoluciones"]) .purchase-field[data-label="Desc. max fact."] { grid-column: 10; }
    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:has(.purchase-field[data-label="Devoluciones"]) .purchase-field[data-label="Precio actual IVAI"] { grid-column: 11; }
    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:has(.purchase-field[data-label="Devoluciones"]) .purchase-field[data-label="Precio final"] { grid-column: 12; }

    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:not(:has(.purchase-field[data-label="Devoluciones"])) {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }

    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:not(:has(.purchase-field[data-label="Devoluciones"])) .purchase-product-field {
        grid-column: 2 / span 5;
    }

    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:not(:has(.purchase-field[data-label="Devoluciones"])):not(:has(.purchase-select-field)) .purchase-product-field {
        grid-column: 1 / span 6;
    }

    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:not(:has(.purchase-field[data-label="Devoluciones"])) .purchase-actions-field {
        grid-column: 7 / span 4;
    }

    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:not(:has(.purchase-field[data-label="Devoluciones"])) .purchase-field[data-label="Precio compra"] { grid-column: 4; }
    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:not(:has(.purchase-field[data-label="Devoluciones"])) .purchase-field[data-label="Precio unidad"] { grid-column: 5; }
    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:not(:has(.purchase-field[data-label="Devoluciones"])) .purchase-field[data-label="Utilidad"] { grid-column: 6; }
    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:not(:has(.purchase-field[data-label="Devoluciones"])) .purchase-field[data-label="Utilidad actual"] { grid-column: 7; }
    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:not(:has(.purchase-field[data-label="Devoluciones"])) .purchase-field[data-label="Desc. max fact."] { grid-column: 8; }
    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:not(:has(.purchase-field[data-label="Devoluciones"])) .purchase-field[data-label="Precio actual IVAI"] { grid-column: 9; }
    .purchase-inventory-view .purchase-inventory-item.purchase-transfers-disabled:not(:has(.purchase-field[data-label="Devoluciones"])) .purchase-field[data-label="Precio final"] { grid-column: 10; }

    .purchase-inventory-view .purchase-field[data-label="Trasladar"] {
        position: relative;
    }

    .purchase-inventory-view .span-existencia-actual-bodega-traslado {
        display: block;
        position: absolute;
        top: 5px;
        right: 4px;
        min-height: 0;
        margin: 0;
        font-size: 11px;
        line-height: 16px;
        white-space: nowrap;
    }

    .purchase-inventory-view .span-existencia-actual-bodega-traslado .transfer-stock-label {
        display: none;
    }
}

@media (max-width: 800px) {
    .purchase-inventory-view .purchase-inventory-table-wrap {
        overflow: visible !important;
        border: 0;
    }

    .purchase-inventory-view .purchase-inventory-item {
        display: block;
        margin-bottom: 16px;
        padding: 12px;
        overflow: hidden;
        border: 1px solid #d9e1e5;
        border-left: 5px solid #90a4ae;
        border-radius: 14px;
        box-shadow: 0 4px 12px rgba(38, 50, 56, .08);
    }

    .purchase-inventory-view .purchase-inventory-item.table-success {
        border-left-color: #28a745;
    }

    .purchase-inventory-view .purchase-inventory-item.table-danger {
        border-left-color: #ef5350;
    }

    .purchase-inventory-view .purchase-select-field {
        margin-bottom: 8px;
    }

    .purchase-inventory-view .purchase-product-field {
        display: block;
        padding-bottom: 12px;
    }

    .purchase-inventory-view .purchase-product-field .custom-buttons-aplic-invent {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
        margin: 0 0 9px !important;
    }

    .purchase-inventory-view .purchase-product-field .custom-buttons-aplic-invent > div {
        width: auto !important;
        max-width: none !important;
        padding: 0 !important;
    }

    .purchase-inventory-view .purchase-product-field .custom-buttons-aplic-invent .btn {
        width: 100% !important;
        min-height: 46px;
        margin: 0 !important;
    }

    .purchase-inventory-view .purchase-product-search .form-control {
        width: 100% !important;
    }

    .purchase-inventory-view .purchase-field[data-label]:not(.purchase-actions-field) {
        display: grid;
        grid-template-columns: minmax(110px, 42%) minmax(0, 58%);
        align-items: center;
        min-height: 54px;
        padding: 9px 3px;
        border-top: 1px solid #e4eaed;
        text-align: right;
    }

    .purchase-inventory-view .purchase-field[data-label]:not(.purchase-actions-field)::before {
        content: attr(data-label);
        color: #78909c;
        font-size: 13px;
        font-weight: 700;
        text-align: left;
        text-transform: uppercase;
    }

    .purchase-inventory-view .purchase-field[data-label] .label-movil {
        display: none !important;
    }

    .purchase-inventory-view .purchase-field[data-label] .form-control {
        width: 100% !important;
        min-width: 0;
        min-height: 46px !important;
        font-size: 16px !important;
    }

    .purchase-inventory-view .purchase-actions-field {
        padding-top: 12px;
        border-top: 1px solid #dbe3e7;
    }

    .purchase-inventory-view .purchase-actions-field::before {
        display: block;
        margin-bottom: 8px;
        content: "Acciones";
        color: #78909c;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .purchase-inventory-view .purchase-actions-field .form-control,
    .purchase-inventory-view .purchase-actions-field .btn {
        width: 100% !important;
        min-height: 48px;
        margin: 0 0 8px !important;
    }
}

/* La leyenda pertenece al producto; no debe flotar sobre los controles de la fila. */
.purchase-inventory-view #purchaseInventoryTable .label-producto-gravado-iva {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    z-index: auto !important;
    display: block;
    width: 100% !important;
    clear: both;
}

/* Compras de inventario: organización visual para escritorio. */
@media (min-width: 801px) {
    .purchase-inventory-view {
        border: 1px solid #dfe6ea;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 3px 12px rgba(38, 50, 56, .08);
    }

    .purchase-inventory-view > .card-body {
        padding: 14px !important;
    }

    .purchase-inventory-view .purchase-inventory-title {
        margin: 0 0 12px;
        padding: 0 0 11px;
        border-bottom: 1px solid #e4e9ec;
        color: #37474f;
        font-size: 21px !important;
        line-height: 1.3;
    }

    .purchase-inventory-view .purchase-inventory-tabs {
        margin-bottom: 12px;
        border-bottom-color: #cfd8dc;
    }

    .purchase-inventory-view .purchase-inventory-tabs .nav-link {
        min-height: 40px;
        padding: 10px 17px;
        color: #546e7a;
        font-size: 13px;
        font-weight: 600;
    }

    .purchase-inventory-view .purchase-inventory-tabs .nav-link.active {
        color: #1976d2;
        border-top: 3px solid #1976d2;
        background: #fff;
    }

    .purchase-inventory-view #myTabContent {
        margin-bottom: 10px;
        padding: 12px 12px 2px;
        border: 1px solid #e1e7ea;
        border-radius: 6px;
        background: #f8fafb;
    }

    .purchase-inventory-view #myTabContent .form-group {
        margin-bottom: 10px;
    }

    .purchase-inventory-view #myTabContent .control-label {
        margin-bottom: 4px;
        color: #455a64;
        font-size: 12px;
        font-weight: 700;
    }

    .purchase-inventory-view #myTabContent .form-control {
        min-height: 36px;
        border-color: #b8c4ca;
        border-radius: 5px;
        font-size: 13px;
    }

    .purchase-inventory-view .purchase-inventory-toolbar {
        margin: 0 0 12px;
        padding: 10px;
        border: 1px solid #dce4e8;
        border-radius: 7px;
        background: #f5f8fa;
    }

    .purchase-inventory-view .purchase-inventory-toolbar-actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 7px;
        padding: 0;
    }

    .purchase-inventory-view .purchase-inventory-toolbar-actions > .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 36px;
        margin: 0 !important;
        padding: 7px 11px !important;
        border-radius: 5px;
        font-size: 12px !important;
        line-height: 1.2;
    }

    .purchase-inventory-view .purchase-inventory-toolbar-actions > .btn i {
        margin-right: 5px;
    }

    .purchase-inventory-view .purchase-inventory-table-wrap {
        border: 1px solid #cfd8dc;
        border-radius: 7px;
        background: #fff;
        overflow-x: auto !important;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .purchase-inventory-view #purchaseInventoryTable {
        width: 100%;
        min-width: 0;
        margin-bottom: 0;
        table-layout: auto;
    }

    .purchase-inventory-view #purchaseInventoryTable > thead > tr > th {
        height: 42px;
        padding: 8px 6px !important;
        border-bottom: 0;
        background: #2f414c;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.15;
        vertical-align: middle;
        white-space: nowrap;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras {
        border-bottom: 2px solid #c7d2d8;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td {
        padding: 10px 5px !important;
        border-top: 0;
        vertical-align: middle;
        font-size: 12px !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td.font-weight-bold {
        min-width: 430px;
    }

    .purchase-inventory-view #purchaseInventoryTable > thead > tr > th:last-child,
    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td:last-child {
        min-width: 150px;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td:last-child {
        padding-right: 9px !important;
        padding-left: 9px !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras.table-success > td {
        background: #e8f6ed !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras.table-danger > td {
        background: #fff0f0 !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras.table-warning-devolucion > td {
        background: #fff7e6 !important;
    }

    .purchase-inventory-view #purchaseInventoryTable .form-control {
        min-height: 34px;
        padding: 5px 7px;
        border-color: #9eacb3;
        border-radius: 4px;
        font-size: 12px !important;
    }

    .purchase-inventory-view #purchaseInventoryTable .custom-buttons-aplic-invent {
        display: flex;
        gap: 5px;
        margin: 0 0 7px !important;
    }

    .purchase-inventory-view #purchaseInventoryTable .custom-buttons-aplic-invent > div {
        flex: 1 1 0;
        max-width: none;
        padding: 0;
    }

    .purchase-inventory-view #purchaseInventoryTable .custom-buttons-aplic-invent .btn {
        width: 100%;
        min-height: 32px;
        margin: 0 !important;
        border-radius: 4px;
    }

    .purchase-inventory-view #purchaseInventoryTable .label-producto-gravado-iva {
        margin: 0 0 7px !important;
        padding: 4px 7px;
        border-radius: 4px;
        background: rgba(255, 255, 255, .55);
        font-size: 11px !important;
        line-height: 1.3;
    }

    .purchase-inventory-view #purchaseInventoryTable td:last-child .btn {
        width: 100%;
        min-height: 34px;
        margin-top: 5px !important;
        border-radius: 4px;
        white-space: normal;
    }
}

/* Escritorio compacto: una fila de producto distribuida en dos renglones. */
@media (min-width: 801px) and (max-width: 1800px) {
    .purchase-inventory-view .purchase-inventory-table-wrap {
        overflow: visible !important;
    }

    .purchase-inventory-view #purchaseInventoryTable,
    .purchase-inventory-view #purchaseInventoryTable > tbody {
        display: block;
        width: 100%;
    }

    .purchase-inventory-view #purchaseInventoryTable > thead {
        display: none;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras {
        display: grid;
        grid-template-columns: repeat(18, minmax(0, 1fr));
        grid-template-rows: auto auto;
        column-gap: 0;
        row-gap: 8px;
        align-items: stretch;
        width: 100%;
        margin: 0;
        padding: 10px 12px;
        border: 0;
        border-bottom: 2px solid #b8c7ce;
        border-radius: 0;
        box-shadow: none;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td {
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-end;
        width: auto !important;
        min-height: 54px;
        padding: 6px 8px !important;
        border: 0 !important;
        background: transparent !important;
        text-align: right !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras.table-success > td,
    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras.table-danger > td,
    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras.table-warning-devolucion > td {
        background: transparent !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[style*="display: none"] {
        display: none !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td:first-child:not(.font-weight-bold) {
        grid-column: 1;
        grid-row: 1;
        min-width: 38px;
        align-items: center;
        justify-content: center;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td.font-weight-bold {
        grid-column: 2 / span 8;
        grid-row: 1;
        width: auto !important;
        min-width: 300px;
        padding-right: 16px !important;
        text-align: left !important;
    }

    .purchase-inventory-view #purchaseInventoryTable td[data-label="Existencia"] {
        grid-column: 1 / span 2;
        grid-row: 2;
    }

    .purchase-inventory-view #purchaseInventoryTable td[data-label="Cantidad"] {
        grid-column: 3;
        grid-row: 2;
    }

    .purchase-inventory-view #purchaseInventoryTable td[data-label="Unidades"] {
        grid-column: 4;
        grid-row: 2;
    }

    .purchase-inventory-view #purchaseInventoryTable td[data-label="Devoluciones"] {
        grid-column: 5 / span 2;
        grid-row: 2;
    }

    .purchase-inventory-view #purchaseInventoryTable td[data-label="Trasladar"] {
        grid-column: 7 / span 2;
        grid-row: 2;
    }

    .purchase-inventory-view #purchaseInventoryTable td[data-label="Cantidad a devolver"] {
        grid-column: 9 / span 2;
        grid-row: 2;
    }

    .purchase-inventory-view #purchaseInventoryTable td[data-label="Precio compra"] {
        grid-column: 11 / span 2;
        grid-row: 2;
    }

    .purchase-inventory-view #purchaseInventoryTable td[data-label="Precio unidad"] {
        grid-column: 13 / span 2;
        grid-row: 2;
    }

    .purchase-inventory-view #purchaseInventoryTable td[data-label="Utilidad"] {
        grid-column: 15;
        grid-row: 2;
    }

    .purchase-inventory-view #purchaseInventoryTable td[data-label="Utilidad actual"] {
        grid-column: 16;
        grid-row: 2;
    }

    .purchase-inventory-view #purchaseInventoryTable td[data-label="Precio actual IVAI"] {
        grid-column: 17;
        grid-row: 2;
    }

    .purchase-inventory-view #purchaseInventoryTable td[data-label="Precio final"] {
        grid-column: 18;
        grid-row: 2;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[data-label="Acciones"] {
        display: grid !important;
        grid-column: 11 / span 8;
        grid-row: 1;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
        width: auto !important;
        min-width: 0;
        max-width: none;
        align-content: end;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[data-label]::before {
        content: attr(data-label);
        display: block;
        min-height: 25px;
        margin-bottom: 4px;
        color: #607d8b;
        font-size: 10px;
        font-weight: 700;
        line-height: 1.15;
        text-align: left;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[data-label]:not([data-label="Acciones"]) {
        border-top: 1px solid rgba(96, 125, 139, .18) !important;
    }

    .purchase-inventory-view #purchaseInventoryTable .label-movil {
        display: none !important;
    }

    .purchase-inventory-view #purchaseInventoryTable .form-control {
        width: 100% !important;
        min-width: 0;
    }

    .purchase-inventory-view #purchaseInventoryTable .label-producto-gravado-iva {
        margin-top: 6px !important;
        padding: 5px 7px;
        border-left: 3px solid #ef5350;
        background: rgba(255, 255, 255, .5);
        text-align: left;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[data-label="Acciones"] .btn {
        width: 100%;
        min-height: 34px;
        margin: 0 !important;
        padding: 5px 8px !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[data-label="Acciones"]::before {
        grid-column: 1 / -1;
        min-height: auto;
        margin-bottom: 0;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[data-label="Acciones"] .form-control {
        min-height: 34px;
    }
}

/* Compras de inventario: presentación táctil en móvil. */
@media (max-width: 800px) {
    .purchase-inventory-view {
        margin-bottom: 12px;
        border: 0;
        background: #f4f7f9;
    }

    .purchase-inventory-view > .card-body {
        padding: 10px !important;
    }

    .purchase-inventory-view .purchase-inventory-title {
        margin: 2px 2px 12px;
        color: #37474f;
        font-size: 20px !important;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

    .purchase-inventory-view .purchase-inventory-tabs {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 12px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .purchase-inventory-view .purchase-inventory-tabs::-webkit-scrollbar {
        display: none;
    }

    .purchase-inventory-view .purchase-inventory-tabs .nav-item {
        flex: 0 0 auto;
    }

    .purchase-inventory-view .purchase-inventory-tabs .nav-link {
        min-height: 46px;
        padding: 12px 15px;
        font-size: 15px;
        white-space: nowrap;
    }

    .purchase-inventory-view .form-group {
        margin-bottom: 12px;
    }

    .purchase-inventory-view .control-label {
        margin-bottom: 5px;
        font-size: 14px;
        line-height: 1.25;
    }

    .purchase-inventory-view .form-control,
    .purchase-inventory-view .select2-selection {
        min-height: 46px !important;
        font-size: 16px !important;
    }

    .purchase-inventory-view .purchase-inventory-toolbar {
        margin-right: -4px;
        margin-left: -4px;
    }

    .purchase-inventory-view .purchase-inventory-toolbar-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        padding-right: 4px;
        padding-left: 4px;
    }

    .purchase-inventory-view .purchase-inventory-toolbar-actions > .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        min-height: 48px;
        margin: 0 !important;
        padding: 9px 8px !important;
        font-size: 13px !important;
        line-height: 1.25;
        white-space: normal;
    }

    .purchase-inventory-view .purchase-inventory-toolbar-actions > .btn i {
        margin-right: 5px;
    }

    .purchase-inventory-view .purchase-inventory-table-wrap {
        overflow: visible !important;
    }

    .purchase-inventory-view #purchaseInventoryTable,
    .purchase-inventory-view #purchaseInventoryTable > tbody {
        display: block;
        width: 100%;
    }

    .purchase-inventory-view #purchaseInventoryTable {
        margin: 0;
        border: 0;
        background: transparent;
    }

    .purchase-inventory-view #purchaseInventoryTable > thead {
        display: none;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras {
        display: block;
        width: 100%;
        margin: 0 0 16px;
        padding: 12px;
        overflow: hidden;
        border: 1px solid #d9e1e5;
        border-left: 5px solid #90a4ae;
        border-radius: 14px;
        background: #fff !important;
        box-shadow: 0 4px 12px rgba(38, 50, 56, .08);
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras.table-success {
        border-left-color: #28a745;
        background: #f1faf4 !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras.table-danger {
        border-left-color: #ef5350;
        background: #fff6f6 !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras.table-warning-devolucion {
        border-left-color: #ffb300;
        background: #fff9ec !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        width: 100% !important;
        min-height: 52px;
        padding: 10px 3px !important;
        border: 0 !important;
        border-bottom: 1px solid #e5eaed !important;
        background: transparent !important;
        font-size: 16px !important;
        line-height: 1.3;
        text-align: right !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[style*="display: none"] {
        display: none !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td.font-weight-bold {
        display: block !important;
        padding: 4px 3px 14px !important;
        text-align: left !important;
    }

    .purchase-inventory-view #purchaseInventoryTable .label-movil {
        display: none !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[data-label]::before {
        content: attr(data-label);
        flex: 0 0 43%;
        margin-right: 10px;
        color: #78909c;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .025em;
        line-height: 1.25;
        text-align: left;
        text-transform: uppercase;
    }

    .purchase-inventory-view #purchaseInventoryTable input.form-control,
    .purchase-inventory-view #purchaseInventoryTable select.form-control {
        min-width: 0;
        min-height: 44px !important;
        font-size: 16px !important;
    }

    .purchase-inventory-view #purchaseInventoryTable td.font-weight-bold input.form-control,
    .purchase-inventory-view #purchaseInventoryTable td.font-weight-bold select.form-control {
        width: 100% !important;
        margin-top: 7px;
    }

    .purchase-inventory-view #purchaseInventoryTable .custom-buttons-aplic-invent {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
        margin: 2px 0 10px !important;
    }

    .purchase-inventory-view #purchaseInventoryTable .custom-buttons-aplic-invent > div {
        width: auto !important;
        max-width: none !important;
        padding: 0 !important;
    }

    .purchase-inventory-view #purchaseInventoryTable .custom-buttons-aplic-invent .btn {
        width: 100%;
        min-height: 44px;
        margin: 0 !important;
    }

    .purchase-inventory-view #purchaseInventoryTable .label-producto-gravado-iva {
        margin: 9px 0 0 !important;
        padding: 8px 10px;
        border-radius: 8px;
        background: rgba(255, 193, 7, .13);
        font-size: 13px !important;
        line-height: 1.35;
        text-align: left;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td:last-child {
        display: block !important;
        padding-top: 14px !important;
        border-bottom: 0 !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td:last-child::before {
        display: block;
        margin: 0 0 10px;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td:last-child .form-control,
    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td:last-child .btn {
        width: 100% !important;
        min-height: 48px;
        margin: 0 0 8px !important;
        font-size: 15px !important;
        white-space: normal;
    }

    .purchase-inventory-view #purchaseInventoryTable .badge {
        padding: 5px 8px;
        font-size: 15px !important;
    }
}
.container-fluid {
    padding: 0 10px 25px 10px !important;
}
.text-align-right {
    text-align: right;
}
.text-align-center {
    text-align: center !important;
}
.float-right {
    float: right;
}
.content-wrap-login {
    max-width: 300px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 20%;
    bottom: 0;
}

.text-align-right {
    text-align: right;
}
.color-blanco {
    color: #FFF !important
}
.filtros-productos {
    padding-right: 0 !important;
}
.filtros-productos-1 {
    padding-left: 5px !important;
}
li.detalle-pagina {
    text-align: left;
    padding: 0.5em;
    width: 100%;
}
img.img-thumbnail.size-img-modal {
    width: 145px !important;
    height: auto !important;
}
img.img-thumbnail.size-img {
   height: 200px;
   width: auto;
}
.topbar {
    background: #FFF !important;
    max-width: 100%;
    margin: 0 auto;
}
.left-sidebar {
    padding: 0;
}
span.hide-menu {
    color: #fff;
}
.sidebar-nav>ul>li>a.active {
    background: none;
}
.logo-sfe {
    width: 30px;
}
.sidebar-nav>ul>li.active>a i {
    color: #FFF !important;
}
.escala-evalua {
    display: block;
    padding: 5px;
}
.escala1 {
    background: #833c0c;
    color: #FFF;
}
.escala2 {
    background: #a54c0f;
    color: #FFF;
}
.escala3 {
    background: #c65911;
    color: #FFF;
}
.escala4 {
    background: #ffd966;
    color: #000;
}
.escala5 {
    background: #c6e0b4;
    color: #000;
}
.escala6 {
    background: #548235;
    color: #FFF;
}
[type=checkbox]:checked,[type=checkbox]:not(:checked){
    position:relative;
    left: 0;
    opacity: 9;
}
.rowActiveProductos input{
   color:#ffffff !important;
}
.rowActiveProductos .table-impuestos tbody input {
   color: #000000 !important;
   border: 1px solid black !important;
}
#cargarItemProductos .form-control {
   /*border: 0 !important;
   */
   /*background-color: red !important;
   */
   /*border-radius: 0 !important;
   */
    padding: 0 2px !important;
}
#cargarItemProductos td {
   /*border-color: black !important;
   */
    vertical-align: top !important;
    border-left:1px solid #ffffff !important;
}
.sidebar-nav {
    background: none !important;
}
.mini-sidebar .top-navbar .navbar-header {
    width: 100%;
}
.container-fluid {
    max-width: 100% !important;
}
.align-right {
    text-align: right;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.label-themecolor {
    background: #99abb4 !important;
}
.modal-xg {
    max-width: 1000px !important;
}
.title-border-bottom {
    border-bottom: #1976d2 solid;
}
.align-right {
    text-align: right;
}
.align-center {
    text-align: center;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px;
}
.select2-container--default .select2-selection--single {
    height: 25px !important;
    text-align: left;
}
.form-control {
    min-height: 25px;
    padding: 4px 2px;
    font-size: 0.85rem;
    color: #000000 !important;
    font-weight: 700;
}
.table td, .table th {
    padding: 4px;
    vertical-align: middle;
}
body {
   font-family: "Poppins", sans-serif;
   font-size: 0.85rem !important;
   color:#000000 !important;
}
h1, h2, h3, h4, h5, h6 {
    /*font-family: Calibri !important;*/
}
.resumen-factura {
    opacity: 1 !important;
    font-weight: bold;
   /*background-color: #99abb4 !important;
    color: #FFF;
   */
    font-size: 2.2rem;
    height: 35px;
    padding: 0 10px;
}
.resumen-factura:active {
    color: #FFF;
}
.control-label {
    font-weight: bold !important;
    margin-bottom: 0 !important;
    color: #000000 !important;
    font-size: 0.80em !important;
    width: 100%;
    text-align: left;
    position: relative;
    bottom: -3px;
}
.emitir-factura {
    text-align: center;
    margin-bottom: 2em;
    border-top: 2px solid gray;
    padding: 1em;
}
span#notificacionPlazoCredito {
    color: white;
    background-color: orange;
    display: block;
    padding: 5px;
    position: absolute;
    top: -50px;
    border-radius: 5px;
    width: 87%;
}
.color-bordered-table.muted-bordered-table thead th {
    font-weight: bold !important;
}
.color-bordered-table.muted-bordered-table thead th {
    border: 1px solid !important;
}

/*
.btn-lineas-facturas {
    height: 20px;
    margin-top: -3px;
    line-height: 18px;
    width: 20px;
    padding: 2px;
    height: 20px !important;
   /*border-radius: 0 !important;

}
*/
/*
.btn-delete-row {
    position: absolute;
    top: 4px;
    height: 20px !important;
}
*/
.navbar-brand {
    font-size: 0.9rem;
}
.navbar-header {
    width: 340px;
}
.navbar-brand {
    color: #1976d2 !important;
}
.modal-xl {
    max-width: 95%;
}
.input-group-addon {
    padding: 0px .75rem !important;
}
.sumary-factura {
    margin-bottom: 5px !important;
}
#formEmitirFactura .form-group {
    margin-bottom: 5px;
}
.page-titles {
    padding: 0px 15px !important;
}
.footer {
    font-style: italic !important;
    position: fixed;
    bottom: 0;
    text-align: left;
    z-index: 1050;
    padding: 0;
    border-top: 4px solid;
}
span.poweredby {
    position: fixed;
    right: 10px;
    bottom: 0px;
    background-color: #ffffff;
}
.logo-empresa {
    max-width: 260px;
    margin-bottom: 1em;
}
button#btnProcesando {
    position: fixed;
    right: 10px;
    bottom: 0;
    z-index: 999;
    width: 200px;
    height: 45px;
    left: 0;
    top: 0;
    margin: auto;
    background-color: red;
    opacity: 1 !important;
    font-size: 1.6em;
    border-color: red;
}
.color-red {
    color: red;
}
.sidebar-nav ul li ul {
    padding: 10px;
    width: 330px !important;
}
.modal-xlg {
    max-width: 100%;
}
button#btnProcesando {
    position: fixed;
    right: 10px;
    bottom: 90px;
    z-index: 999999;
}
.sidebar-nav ul li a {
    padding: 12px 6px 12px;
}
.topbar .top-navbar {
    top: 0;
    position: fixed;
    min-height: 42px !important;
    height: 42px !important;
    right: 0;
}
span.productoGenerico {
    font-size: 1em !important;
    color: #000000 !important;
}
.rowActiveProductos, .rowActiveProductos>td, .rowActiveProductos>th {
    background-color: #2d2d2d !important;
}
.rowActiveProductos td, .rowActiveProductos span, .rowActive td {
    color: #ffffff !important;
}
.rowActiveProductos .color-black, .rowActiveProductos .precio-facturador {
    color: #000000 !important;
}

.utilidad-fila {
   color: blue !important;
}
.rowActive, .rowActive>td, .rowActive>th {
    background-color: #2d2d2d !important;
}
@media (max-width :800px) {

    span.swal-cambio {
        font-size: 1.3em !important;
    }

    span.venta-finalizada-desea-imprimir {
        margin-bottom: 5px;
        margin-top: 10px;
        font-size: 1em;
    }

   .mini-sidebar .left-sidebar {
       width: 90%;
   }

   .label-producto-gravado-iva {
       position: relative;
       color: red;
   }

   .modal-title {
       font-weight: bold !important;
   }

   tbody.tbody-compras .form-control {
       width: 45% !important;
   }

   tbody.tbody-compras .width-100 {
       width: 100% !important;
   }

   td#montoCxpCancelar, td#saldoCxpPendiente, td#saldoCxcPendiente, td#montoCxcCancelar {
       font-size: 1.2em !important;
   }

   p.sumary-cxp {
       position: fixed;
       bottom: -12px;
       background-color: #FFF;
       width: 100%;
       left: 0;
       right: 0;
   }

   .ocultar-en-movil{
       display: none !important;
   }

   .mostrar-en-movil{
       display: block !important;
   }

   .row.page-titles {
       display: none;
   }

   ul.sumary-cxp-movil {
       margin: 0 !important;
   }

   .footer {
       color: #000000 !important;
       background-color: #ffffff !important;
       border: 0 !important;
   }

    #cargarItemProductos .form-control {
        padding: 0.6em 2px !important;
   }
    .topbar .top-navbar {
        width: 100%;
        padding: 0 1em !important;
        background-color: #FFF;
        box-shadow: 0px 0px 4px 2px black;;
   }
    a.nav-link.nav-toggler.hidden-md-up.text-muted.waves-effect.waves-dark.btn-nav-movil {
        top: -4px !important;
   }
    #cargarItemProductos .form-control {
        padding: 0.5em 2px !important;
   }
    label#labelBuscarClienteProveedor {
        margin-top: 2em !important;
   }

    .sidebar-nav ul li a {
        font-size: 12px;
        color: #ffffff !important;
   }
    .logo-sfe {
        width: 220px;
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
   }
    .titleEmpresa {
        display: none !important;
   }
    .btn-prefactura-movil {
        width: 100%;
        margin: 5px 0px;
        height: 30px;
   }
    .filtros-productos-1 {
        padding-left: 15px !important;
   }
    .filtros-productos{
        padding-right: 15px !important;
   }
    .rowActive, .rowActive>td, .rowActive>th {
        background-color: #ecf3f7 !important;
        color: #000000 !important;
   }
    .rowActiveProductos td, .rowActiveProductos span, .rowActive td {
        color: #000 !important;
        border-bottom: 1px solid #000 !important;
   }
    .rowActiveProductos .color-black, .rowActiveProductos .precio-facturador {
        color: #000000 !important;
        font-weight: bold;
        border-bottom: 1px solid #ffffff !important;
   }
    .btnAsignarProducto{
        width: 100% !important;
        font-size: 1.2em !important;
   }
}
#modalPagar .modal-footer {
    display: block !important;
    padding: 4px !important;
}
@media (min-width :881px) {

   .btn-autorizar-credito {
       position: absolute;
       top: -4px;
       right: 202px;
   }

   .input-fin-factura {
       font-size: 40px;
   }

   .modal-auth-credito {
       max-width: 400px;
       top: 20%;
   }

   .modal-cobrar-factura {
       /* top: 0 !important; */
       margin: 0 auto;
       min-width: 70%;
   }

   .label-producto-gravado-iva {
       position: absolute;
       z-index: 9;
       top: 1px;
       right: 0;
       color: red;
       width: 90%;
       text-align: center;
       left: 0;
       margin: auto;
   }

   .sumary-cxp-movil{
       display: none;
   }

    .dropdown-item {
        padding: 2px 1rem !important;
   }
   .btn-logout {
       padding: 8px 1rem !important;
   }
    .titleEmpresa {
        display: block !important;
   }
    .logout-app button {
        color: #ffffff !important;
   }
    .logout-app button:hover {
        background-color: #2d2d2d;
   }
    .nav-movil a {
        color: #FFFFFF !important;
   }
    ul.lista-tipo-cambio {
        position: fixed;
        right: 0;
        font-weight: bold;
        z-index: 20;
        right: 0;
       /* top: 61px;
        */
        background-color: #2d2d2d;
        padding: 0 2px 0 6px;
        color: #ffffff;
        bottom: 68px;
        z-index: 999;
   }

   ul.lista-tipo-plan-empresa {
       position: fixed;
       left: 0;
       font-weight: bold;
       z-index: 20;
       right: 0;
      /* top: 61px;
       */
       background-color: #ffb22b;
       padding: 0 2px 0 6px;
       color: #1A1A1A;
       bottom: 68px;
       z-index: 999;
       width: 450px;;
  }

    .cajaTablaTotal {
        z-index: 1039 !important;
   }

   .suVuelto, .suVueltoDolar, .suVueltoEuro {
        min-height: 100px;
        font-size: 8em;
   }
    .medioPago, .medioPagoDolar, .medioPagoEuro, .input-medio-pago-tarjeta, .input-medio-pago-tarjeta, .input-observaciones, #numeroDepositoTransferencia, #montoPagoConDolares {
        min-height: 35px;
        font-size: 2em;
   }
    input#responseClave, input#responseConsecutivo {
        font-size: 2em;
   }
    .btn-xs {
        height: 25px;
        line-height: 1.6em;
   }

   table .btn-xs {
       /*height: 18px !important;
       line-height: 0em !important;*/
   }

   table .dropleft {
       vertical-align: baseline !important;
   }

    .input-group {
       /*margin-top: 1px;
       */
   }
    .input-group > .btn-xs {
       margin: 0 !important;
   }

    .btn-sm {
        height: 28px !important;
   }
    .header-fixed {
        width: 100%;
        display: block;
        margin-bottom: 0 !important;
   }
    .header-fixed > thead, .header-fixed > tbody, .header-fixed > tfoot, .header-fixed > thead > tr, .header-fixed > tbody > tr, .header-fixed > tfoot > tr, .header-fixed > thead > tr > th, .header-fixed > tbody > tr > td, .header-fixed > tfoot > tr > td {
        display: block;
   }
    .header-fixed > tbody > tr:after, .header-fixed > thead > tr:after, .header-fixed > tfoot > tr:after {
        content: ' ';
        display: block;
        visibility: hidden;
        clear: both;
   }
    .header-fixed > thead, .header-fixed > tfoot {
        overflow-y: scroll;
   }
   .header-fixed > tbody {
        overflow-y: scroll;
        height: 150px;
   }
   .header-fixed-lg > tbody {
       overflow-y: scroll;
       height: 400px;
   }
    .header-fixed-medium > tbody{
        overflow-y: scroll;
        height: 80px;
   }
   .header-fixed-pedidos > tbody {
       overflow-y: scroll;
       height: 30vh !important;
   }

   .header-fixed > tbody#loadCabysExoneracionCliente {
       height: 80vh;
   }

    .header-fixed > tbody > tr > td, .header-fixed > thead > tr > th, .header-fixed > tfoot > tr > td {
        float: left;
   }
    .header-fixed td, .header-fixed th {
        font-weight: bold;
   }
    .table-scroll {
        position: relative;
        width:100%;
        z-index: 1;
        margin: auto;
        overflow-y: auto;
        max-height: 170px !important;
        min-height: 170px !important;
   }
    .table-scroll thead th {
        color: #fff;
        position: -webkit-sticky;
        position: sticky;
        z-index: 99999;
        top: 0;
   }
   /* safari and ios need the tfoot itself to be position:sticky also */
    .table-scroll tfoot, .table-scroll tfoot th, .table-scroll tfoot td {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        background-color: #99abb4;
        color: #fff;
        z-index:4;
   }
    th:first-child {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        z-index: 2;
   }

}
.titleEmpresa {
   margin: 0 !important;
   padding: 0 1em !important;
   font-size: 12px;
}
ul.lista-tipo-cambio li {
    list-style: none;
    display: inline-block;
    color: #2d2d2d;
    padding: 0 5px;
}
ul.lista-tipo-cambio li a {
    color: #FFFFFF !important;
}
.cajaTablaTotal {
    background-color: #2d2d2d;
    position: fixed;
    right: 0;
    bottom: 25px;
    width: 100%;
    left: 0;
    padding: 0px;
}
.cajaTablaTotal input {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}
.cajaTablaTotal .input-group-addon {
    border-color: #ffffff !important;
}
.cajaTablaTotal label {
    color: #ffffff !important;
}
.cajaTablaTotal span {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
}
table.tablaTotal td {
    font-weight: bold;
    color: #2d2d2d;
   /* padding: 0 5px;
    */
    font-size: 16px;
}
.sumary-venta span {
    padding: 0 4px !important;
}
.sumary-venta input {
    color: red !important;
    font-size: 16px;
}
select {
    width: 100%;
}
@media (max-width :800px) {

   ul.lista-tipo-plan-empresa {
       list-style: none;
       background-color: orange;
       color: #1A1A1A;
       width: 100%;
       padding: 0;
       margin: 0 !important;
       text-align: center;
       font-weight: bold;
       margin-top: 5px !important;
   }

   .btn {
       padding: 5px !important;
   }
    .hidden-xs-down {
        display: block !important;
   }
   .color-blanco {
       margin-top: 0.4em;
   }
    ul.lista-tipo-cambio {
        right: 60px;
        top: 10;
        position: fixed;
        top: 18px;
   }
    .mini-sidebar .page-wrapper {
       /*padding-top: 70px !important;
       */
   }

   tbody#tbodySearchFacturador {
       background-color: antiquewhite;
   }

   .cajaTablaTotal {
       bottom: 65px;
  }

}
@media ( max-width : 568px) {
    ul.lista-tipo-cambio {
        right: 0;
        top: 10;
        position: fixed;
        top: 0px;
        left: 0;
        margin: auto;
        text-align: center;
        padding: 0;
   }
}
.sidebar-nav ul li a {
    font-size: 12px;
}
.sidebar-nav>ul>li>a i {
    font-size: 13px !important;
    width: 20px;
    color: #ffffff;
}
.sidebar-nav>ul>li>a i:active {
    color: #ffffff !important;
}
.sidebar-nav ul li a.active i {
    color: #b0ba36 !important;
}

@media (hover: hover) and (pointer: fine) {
    .sidebar-nav>ul>li>a i:hover,
    .sidebar-nav ul li a:hover i {
        color: #b0ba36 !important;
    }
}
.page-wrapper {
   padding-top: 42px;
   height: 100vh !important;
}
.form-facturador {
    margin-top: 10px;
}
a.tipo-cambio {
    position: absolute;
    right: -14px;
    top: 0;
    width: 28px;
}
.btn-registrar-empresa {
    position: fixed;
    bottom: 60px;
    right: 10px;
    z-index: 1;
}
.btn-terminales:hover, .btn-terminales:active {
    color: #ffffff !important;
}

@media ( min-width : 992px) {
   .btn-cliente {
       position: absolute;
       top: -5px;
       right: 14px;
       z-index: 1;
  }
   .modal-lg {
       max-width: 100% !important;
       max-height: 100% !important;
       height: 94vh;
       overflow-y: scroll;
   }
   .modal-dialog.modal-medium {
       max-width: 80%;
   }
   .modal-medium-box {
      top: 10% !important;
   }
   .medio-pago-label {
       /*width: 200px !important*/
   }
   .modal-finalizar-factura{
       max-width: 750px;
       width: 100%;
   }
   .modal-proceso-diagnostico {
       max-width: 80%;
       width: 100%;
       margin-top: 50px;
   }
}

.modal-header > button.close {
   padding: 0;
   background: 0 0;
   border: 0;
   -webkit-appearance: none;
   background-color: red;
   width: 30px;
   color: #FFF;
   border-radius: 4px;
}

.width100 {
    width: 100% !important;
}
.select2-container {
    width: 100% !important;
}
.btn-nav-movil {
    top: 12px;
    position: fixed;
}
.btn-exonera {
    position: absolute;
    right: 0px;
}
.card-title {
    margin-bottom: 0 !important;
}
.select2-results__group {
    font-weight: bold;
}
h4 {
    font-size: 17px;
    color: #051d39;
    font-weight: bold;
}
h6 {
    font-size: 12px;
    color: #051d39;
    font-weight: bold;
}
/*
.btn-partida-arancelaria {
    position: absolute;
    right: 0;
    height: 20px;
    top: 4px;
}
*/

.documentoAGenerar, .documentoARegistrar {
    border-bottom: 1px solid orange;
    font-size: 2em !important;
}
.documentoAGenerar span {
    font-weight: bold;
}
.select2-selection__rendered[title="Incluir datos del receptor"] {
    color: green !important;
    font-weight: bold;
}
.select2-selection__rendered[title="Omitir datos del receptor"] {
    color: red !important;
    font-weight: bold;
}
.bold {
    font-weight: bold;
}
.modal-sm-personalizado {
    max-width: 700px !important;
}
.table td {
    color: #000000;
}

.card-header {
    padding: .3em !important;
}
@media only screen and (max-width: 800px) {
   .card.sumary-docs-emitidos {
       position: fixed;
       z-index: 999;
       bottom: 0;
       margin: 0;
   }

    .cajaTablaTotal {
        position: relative !important;
   }

   .cajaTablaTotal {
       border-radius: 0 !important;
       border: 0 !important;
   }

   .table.table-mobile-scroll {
        width: 1368px !important;
   }
    .btn-partida-arancelaria {
        display: none;
   }
    .card-body {
        padding: .25rem !important;
   }
    .prefactura-movil {
        width: 100%;
        margin: 5px 0 !important;
   }
    .form-control {
        min-height: 40px;
        padding: .5rem .75rem !important;
        font-size: 1rem;
        color: #000000 !important;
        font-weight: 700;
   }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 30px !important;
   }
    .select2-container--default .select2-selection--single {
        height: 30px !important;
   }
    .select2-results__option[aria-selected] {
        padding: 1.5em 1em !important;
   }
    .ui-menu .ui-menu-item-wrapper {
        padding: 15px 1em 15px .4em;
   }
    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5;
        width: 88.5% !important;
   }
    #formEmitirFactura .form-group {
        margin-bottom: 10px !important;
   }
   .control-label {
       color: #1A1A1A;
       font-size: 1rem !important;
       position: relative;
       bottom: -4px;
   }
    .btn-imprimir-factura {
        width: 100%;
   }
    .btn-movil {
        width: 100%;
   }
    .btn-nav-movil {
        width: 45px !important;
        background-position: 0% 65% !important;
   }

    .btn-xs {
        padding: 9px !important;
   }
    .btn-exonera, .btn-lineas-facturas {
        padding: 2px 5px !important;
        height: 34px;
        top: 0px;
        width: 25px;
        right: 0px;
   }
    .dropdown-item {
        padding: 5px 10px !important;
   }
    .nav-movil {
        margin-top: 20px !important;
   }
    .logout-app {
        padding-top: 0 !important;
   }
    img.img-thumbnail.size-img {
        height: 250px !important;
   }
}
.deleteReferencia, .deleteOtrosCargos {
    position: absolute;
    top: -4px;
    right: -10px;
}
.logout-app {
    position: relative;
    padding-top: 15px;
}
.logout-app span {
    font-weight: bold;
    cursor: pointer;
}
.nav-movil {
    margin-top: 7px;
    font-weight: bold;
}
.item-emisor-inicio {
    text-align: left;
    padding: 5px;
}
.fecha-caducidad-criptografica {
    color: red;
    font-weight: bold;
}
.card-body-facturador {
    background-color: #ecf3f7 !important;
    padding-top: 0;
}
.table-historicos {
    display: block;
    overflow-y: auto;
    white-space: nowrap;
}
.linea-horizontal {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}
tbody#loadLineasFactura .form-control[readonly] {
   /*opacity: 1 !important;
   */
    color: #000000;
    background: none;
}
tbody#loadLineasFactura .form-control[readonly] {
    background-color: none !important;
    color: #000000;
    opacity: 1 !important;
}
tbody#loadLineasFactura .form-control[readonly]:focus, tbody#loadLineasFactura .form-control[readonly]:active {
    background: none !important;
}
.caja-destacado {
    color: blue !important;
}
.color-blue {
    color: blue !important;
}
.color-red {
    color: red !important;
}
a.nav-link {
    font-weight: bold;
}
.customtab a.nav-link.active {
    border-bottom: 4px solid orange !important;
    background-color: #e9ecef !important;
    color: #000000 !important;
    font-weight: bold !important;
    font-size: 1.2em !important;
    padding: 8px !important;
}
.customtab li a.nav-link, .profile-tab li a.nav-link {
    padding: 10px 20px;
}
a.nav-link.active {
    font-weight: bold;
}
#loadLineasFactura td, #loadLineasFactura th {
    padding: 0px !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    color: red !important;
    font-size: 18px !important;
}
.btn-nav-movil {
    background-position: 50% 50% !important;
}
.form-group {
    margin-bottom: 4px !important;
}
.form-control{
    padding: 2px !important;
    border: 1px solid black;
}
.productos-form-actions {
    position: fixed;
    right: 10px;
    top: 70px;
    background-color: #ffffff;
    z-index: 9;
}
.table td, .table th {
    padding: 0px 2px !important;
}
.card-body {
    padding: 0.4rem 0.25rem ;
}
.color-fff{
    color: #ffffff !important;
}
@media (min-width: 992px){
    .modal-productos-facturador {
        max-width: 100% !important;
   }
    .modal {
        top: -30px !important;
   }
}
.modal-header {
    padding: 4px 15px !important;
}
div#formVerificacion {
    position: fixed !important;
    width: 100% !important;
    top: 20% !important;
    bottom: 0 !important;
    margin: auto !important;
}
.cell-focus {
    color: white !important;
}
select.form-control:not([size]):not([multiple]) {
    height: 25px !important;
}
.form-control:focus, .form-control:active{
    background:yellow !important;
}
.btn:focus, .btn:active {
    background-color: gray !important;
}
.pagination {
    padding: 0 !important;
    margin: 0 !important;
}
.page-link {
    padding: 5px 10px !important;
    margin-bottom: 10px !important;
}
.ui-widget.ui-widget-content {
    z-index: 99999 !important;
}
.btn-eliminar-foto {
    position: absolute;
    right: 0;
    z-index: 99;
}
input#SOBRE_MAXIMO, input#BAJO_MINIMO {
    left: -10000px !important;
}
.form-check {
    margin: 0 !important;
}
button#limpiarFiltros {
    margin-top: 2em;
}

/*
.btn-edit-linea {
    left: 25px;
    position: absolute;
    top: 4px;
}
*/
tbody#loadLineasFactura input {
    border: none !important;
}
tbody#loadLineasFactura .input-exoneracion {
    border: 1px solid black !important;
}
tbody#loadLineasFactura .input-partida-arancelaria {
    border: 1px solid black !important;
}
tbody#loadLineasFactura .input-ajuste-inventario{
    border: 1px solid !important;
}

.credito-disponible{
    color:red !important;
    font-weight: bold;
}
.row.condicion-venta .control-label{
    color: orange !IMPORTANT;
    font-size: 1.3em !important;
}
.codigo-producto-facturador {
    color: #000000 !important;
    font-weight: bold !important;
    font-size: 1em !important;
}
.row.notificacionesVenta {
   position: fixed;
   z-index: 999;
   bottom: 100px;
   width: 90%;
   left: 5%;
   right: 5%;
}
table#cargarItemProductos {
    background: #ffffff !important;
}
span.positivo-inventario {
    color: blue;
}
span.negativo-inventario {
    color: red;
}
.table-scroll tfoot, .table-scroll tfoot th, .table-scroll tfoot td {
    font-weight: bold;
    color:black;
}
h2.color-blanco {
    font-weight: bold;
}
.modal-dialog.modal-md {
    max-width: 800px;
}
li.page-item.disabled {
    opacity: 0.5;
}
.color-black{
    color: black;
}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: lightgoldenrodyellow !important;
    color: #000 !important;
}
div#pedidoSeleccionado {
    padding: 0 !important;
   /* margin: 0 !important;
    */
    background-color: yellow !important;
    color: black !important;
    padding: 0 6px !important;
    margin-bottom: 2px;
    margin-top: 2px;
    text-transform: uppercase;
}
.cargar-informacion-pedido-producto {
    color: black;
    background-color: yellow;
    font-weight: bold;
    padding: 0 6px;
    margin-bottom: 2px;
    height: 25px;
    overflow: hidden;
}
#_q01, #_q03, #_q02{
    text-transform: uppercase !important;
}
.modal-small-medium {
    max-width: 800px !important;
}
.card-body-cajas .form-group {
    margin-bottom: 8px !important;
    background-color: gainsboro;
    color: #FFF;
}
td#montoCxpCancelar, td#saldoCxpPendiente, td#saldoCxcPendiente, td#montoCxcCancelar {
    font-weight: bold;
    color: black;
    font-size: 1.7em;
    background-color: antiquewhite;
}
.form-control.input-lg {
    min-height: 30px;
    height: 30px;
    font-size: 1.5em;
}
.table-responsive.tableFixHead.table-scroll.table-cxc {
    min-height: 0 !important;
}
.table-responsive.tableFixHead.table-scroll.table-pedidos {
    min-height: 400px !important;
    max-height: 85vh !important;
}
td.table-primary.table-pedido-seleccionado {
    background-color: yellow;
    font-size: 1.2em;
}
.table-equivalencias{
    font-weight: bold !important;
    background-color: #FFFFFF;
}
.tfoot-productos{
    border-top: 2px solid;
}
.datos-ultima-compra {
    background-color: #cce5ff !important;
    font-weight: bold !important;
    padding: 0 5px;
    color: #0c5460;
    height: 20px;
    margin-bottom: .3em;
}
#detalleDelPedido > li {
    font-size: 1.5em !important;
}
.condicion-venta label {
    font-weight: bold !important;
    font-size: 1.5em;
}
.medio-pago-label, .medio-pago-label-tarjeta{
    font-weight: bold !important;
    color:black;
}
.medio-pago-label-tarjeta{
    width: 250px !important;
}
.table-warning-devolucion, .table-warning-devolucion>td, .table-warning-devolucion>th {
    background-color: #ffeeba !important;
}
.table-cxp {
    max-height: 200px !important;
    min-height: 100px !important;
}
.sumary-cxp {
    font-weight: bold;
    font-size: 1.4em;
    text-align: center;
    border-top: 1px solid;
    border-bottom: 1px solid;
}
.p-producto-asociar {
    border-bottom: 2px solid darkblue;
    margin-bottom: 1em !important;
}
.clienteSeleccionado {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0;
    margin: 0;
}
li.breadcrumb-item a {
    color: orange !important;
    font-weight: bold;
}
.table-hover-custom tr:hover{
    background-color:orange !important;
    color:#FFFFFF !important;
}
.headerCodigoProducto {
    width: 80%;
    margin: 0 17px -10px 17px;
}
.color-black{
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
}
a.canvasjs-chart-credit {
    color: #ffffff !important;
    display: none !important;
}
.search-orden-compra {
    margin: 5px 0 !important;
}
.input-dash {
    background-color: #ffffff !important;
    color: black !important;
    font-weight: bold !important;
    font-size: 1.2em;
    border: none;
}
.input-dash:active, .input-dash:focus{
    background-color: #ffffff !important;
}
.btn-filter-dashboard, .btn-filter-dashboard {
    margin-top: 2em;
    height: 24px;
}

.btn-print-dashboard {
   margin-top: 20px;
}

.input-dash {
    padding-left: 12px !important;
    opacity: 1 !important;
}
.simbolo-moneda-dash {
    position: fixed;
    font-weight: bold;
    color: black !important;
    margin-top: 2.5px;
    font-size: 1.3em;
}
div#modalPagar {
    /*z-index: 9999 !important;*/
}
div#modalDividirCuenta{
   z-index: 99910 !important;
}
tbody#tbodySearchFacturador input {
   /*height: 2.5em;
   */
    font-size: 1.1em;
    padding: 0 5px !important;
    margin: 0 !important;
}
div#modalFinVenta{
    z-index: 99999 !important;
}
.td-corte-inventario {
    color: #ffffff !IMPORTANT;
    font-weight: bold;
}
div#notificacionesVenta h2 {
    padding: 0.1em 1em !important;
    margin: 0 !important;
    font-weight: bold !important;
}
hr {
    margin-top: 0.4rem !important;
    margin-bottom: 0.4rem !important;
}
tbody#loadLineasFactura .precio-facturador, tbody#loadLineasFactura .color-black {
    border: 1px solid black !important;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 2px !important;
    padding-left: 2px !important;
}
.row {
    margin-right: -2px !important;
    margin-left: -2px !important;
}
.modal-footer {
    padding: 5px 15px !important;
}
tr.border-top {
    background-color: #263238;
}
tr.border-top td{
    color: #ffffff !important;
}
i.fas.fa-asterisk.color-rojo {
    font-size: .8em;
    padding: 0 !important;
    margin: 0 !important;
}
p.alert.alert-info.info-productos {
    margin: 0;
    padding: 0.1em 0.5em;
    text-align: center;
}
.modal-body {
    padding: 5px !important;
}
#tbodyFacturasPendientes .grid-cxc-pendientes {
    display: none !important;
}
h2.documentoARegistrar {
    font-size: 2em;
    font-weight: bold;
}
.alert-info-cxc{
    font-size: 1.5em;
    padding: 0;
    margin: 0;
}
input#totalReporte {
    height: 40px;
    font-size: 1.5em;
    background-color: #FFFFFF;
}
span#titleHeaderDashboard {
    font-size: 1.5em;
}
.border-top-1px{
    border-top: 1px solid !important;
}
h2.titleAplicarNc {
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.swal-icon {
    border-radius: 50% !important;
}
div#modalPagar {
    z-index: 10001 !important;
    top: 0px !important;
}

button.btn.btn-success.btnVueltoCliente {
   font-size: 2em;
}

.select-destacado {
   background-color: #ffb22b;
}

  .wrapper-loading {
        position: fixed;
        inset: 0;
        z-index: 99999;
        width: 100%;
        height: 100vh !important;
        background: rgba(15, 23, 42, .42);
    }

    .content-process {
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 100000;
        width: 230px;
        height: 132px;
        padding: 0;
        overflow: hidden;
        border: 1px solid rgba(226, 232, 240, .95);
        border-radius: 10px;
        background: linear-gradient(180deg, #fff 0%, #fbfcff 100%);
        box-shadow:
            0 18px 45px rgba(15, 23, 42, .18),
            0 2px 8px rgba(15, 23, 42, .08);
        transform: translate(-50%, -50%);
        animation: process-enter .18s ease-out both;
    }

    .circle {
        position: absolute;
        top: 33px;
        width: 18px;
        height: 18px;
        border-radius: 50% !important;
        background: #394276;
        transform-origin: center bottom;
        animation: process-bounce .9s cubic-bezier(.45, 0, .55, 1) infinite;
    }

    .circle:nth-child(1) {
        left: 66px;
    }

    .circle:nth-child(2) {
        left: 106px;
        background: #4a548b;
        animation-delay: .14s;
    }

    .circle:nth-child(3) {
        right: 66px;
        background: #5b659b;
        animation-delay: .28s;
    }

    .shadow {
        position: absolute;
        top: 59px;
        width: 20px;
        height: 4px;
        border-radius: 50%;
        background: rgba(57, 66, 118, .2);
        filter: blur(1.5px);
        animation: process-shadow .9s cubic-bezier(.45, 0, .55, 1) infinite;
    }

    .shadow:nth-child(4) {
        left: 65px;
    }

    .shadow:nth-child(5) {
        left: 105px;
        animation-delay: .14s;
    }

    .shadow:nth-child(6) {
        right: 65px;
        animation-delay: .28s;
    }

    .wrapper-loading span {
        position: absolute;
        right: 0;
        bottom: 24px;
        left: 0;
        color: #1e293b;
        font-family: Arial, sans-serif;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 2.6px;
        text-align: center;
        text-transform: none !important;
    }

    @keyframes process-bounce {
        0%, 100% {
            transform: translateY(0) scale(1);
        }
        45% {
            transform: translateY(-16px) scale(1.03);
        }
    }

    @keyframes process-shadow {
        0%, 100% {
            opacity: .7;
            transform: scaleX(1);
        }
        45% {
            opacity: .2;
            transform: scaleX(.45);
        }
    }

    @keyframes process-enter {
        from {
            opacity: 0;
            transform: translate(-50%, -48%) scale(.98);
        }
        to {
            opacity: 1;
            transform: translate(-50%, -50%) scale(1);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .content-process,
        .circle,
        .shadow {
            animation-duration: 2s;
        }
    }

span#statusInternet {
   color: RED;
}

tbody#loadLineasFactura .input-editable {
   border: 1px solid black !important;
}

.modal-100 {
   max-width: 100% !important;
}

.amaran.default{
   width: auto im !important;
}

.amaran.default .default-message span {
   padding: 20px im !important;
}

.dropdown-pedidos {
   height: 200px !important;
   overflow-y: scroll !important;
}

.dropdown-pedidos > a{
    font-size: 12px !important;
}

th#labelTextProveedorOc {
   text-transform: uppercase;
   font-weight: bold;
}

tbody#dataConsultaPrecio {
   font-size: 2em;
}

.row.box-sumary-cxp {
   position: fixed;
   bottom: 10px;
   width: 100%;
   left: 0;
   right: 0;
   background-color: #FFFFFF;
   z-index: 999;
}

.dropdown-docs {
   height: auto;
   overflow-y: scroll;
}

.row.box-credito-avanzado {
   background-color: antiquewhite;
}

.btn-nueva-nota {
   position: absolute;
   margin-left: 10px;
}

.fomrExpedienteCliente {
   background-color: antiquewhite;
   padding: 4px;
}

.alert-cxc-condiciones {
   font-size: 2em !important;
}

.label-status-credito{
   font-size: 2.5em;
   font-weight: bold;
}

.bg-credito-cerrado{
   display: block;
}

/*
.modal-open {
   overflow: scroll !important;
}
*/

/**
* override del theme
*/
td > .btn-success {
   background-color: #263238 !important;
}

.bg-success {
   background-color: #5cb85c!important;
}

.row-compras {
   border-bottom: 2px solid #263238;
}
.row-compras td {
   padding: 20px 0 !important;
   vertical-align: bottom;
}

@media only screen and (max-width: 800px) {

    select.form-control:not([size]):not([multiple]) {
        height: 30px !important;
    }

   tbody#tbodySearchFacturador span {
       width: 100% !important;
       text-align: left !important;
       display: inline-block !important;
   }

   .color-bordered-table.dark-bordered-table {
       border: none !important;
   }

   .rowActiveProductos td, .rowActiveProductos span, .rowActive td {
       border-bottom: none !important;
   }

   .table{
       width: 100% !important;
       font-size: 1.2em;
   }

 }

 .text-align-right{
     text-align: right !important;
 }

 .btn-tipo-documento-docs-emitidos {
       width: 30px;
       font-weight: bold;
       font-size: 1em;
       text-align: left;
       line-height: 1.2em;
  }

 @media(max-width: 800px){
   .table td, .table th {
       text-align: left !important;
   }
   .login-register {
       position: absolute;
   }
   .input-group-addon:not(:last-child) {
       border-right: 0;
       text-align: center;
       display: block;
       border: 1px solid;
       font-size: 1em;
       /*position: absolute;*/
       z-index: 3;
       left: 1px;
   }
   .simbolo-mondea-movil {
       position: absolute;
       top: 2px;
       font-size: 1.8em !important;
       border: none !important;
   }
   .container-fluid {
       padding: 0 4px !important;
   }
   .input-group-append {
       /*margin-top: 10px;*/
   }
   i.fa.fa-search:after {
       content: " Buscar";
       font-family: "Poppins", sans-serif;
   }
   .form-control {
       min-height: 30px;
       padding: 0rem 0rem !important;
   }
   .mini-sidebar .page-wrapper {
       padding-top: 40px;
   }
   .sumary-rows {
       position: fixed;
       z-index: 999;
       bottom: 70px;
       background-color: beige;
       width: 100%;
       left: 0;
       right: 0;
       text-align: center;
   }

   .sidebar-nav ul li a {
       font-size: 0.8rem !important;
       padding:  10px 4px !important
   }
   .cajaTablaTotal .input-group-addon{
       border: none;
   }
   .btn-exonera-movil {
       position: absolute;
       right: 0;
   }
   h3.title-lineas-movil {
       margin: 0 0 -6px 0 !important;
       text-align: center;
       border-top: 3px solid;
       color: black;
       font-weight: bold;
       background-color: none;
       font-size: 1.3em;
       padding: 4px 0 !important;
       line-height: 1em;
   }
   h3.title-lineas-movil:nth-child(2) {
       margin: 8px 0 -6px 0 !important;
   }
   .background-linea-factura-movil{
       padding: 5px;
       margin-bottom: 1em;
   }
   .background-linea-factura-movil:nth-child(even) {
       background-color: lightgoldenrodyellow;
   }
   .plantillaProductoDesktop{
       display: none;
   }
   .plantillaProductoMovil{
       display: block;
   }
   button#btnGuardarProforma {
       position: fixed;
       bottom: 0;
       z-index: 99;
       width: 50%;
       margin: 0;
       left: 0;
       padding: 10px !important;
       border-radius: 0 !important;
   }
   button#btnModalPagar {
       position: fixed;
       right: 0;
       bottom: 0;
       z-index: 99;
       width: 50%;
       padding: 10px !important;
       font-weight: bold;
       border-radius: 0 !important;
   }
   #formEmitirFactura .form-group {
       margin-bottom: 2px;
   }
   .total-comprobante-movil {
       position: fixed;
       bottom: 30px;
       background-color: #ffffff;
       left: 0;
       width: 100%;
       z-index: 99;
       right: 0;
       border-top: 2px solid;
       margin-bottom: 15px !important;
   }
   #formEmitirFactura .form-group .total-comprobante-movil{
       margin-bottom: 15px !important;
   }

   .label-total-comprobante-movil {
       position: fixed;
       z-index: 9999999;
       bottom: 38px;
       left: 30px;
       text-align: left;
       color: #FFF !IMPORTANT;
       font-size: 1.4rem !important;
   }

   .total-comprobante-movil span, .total-comprobante-movil input {
       font-size: 2em !important;
   }
   .total-comprobante-movil .simbolo-moneda {
       position: absolute;
       z-index: 9999;
       left: 0%;
       font-weight: bold;
       display: block;
       bottom: 4px;
       height: 30px;
       background: none !important;
   }
   span.poweredby{
       display: none;
   }
   .resumen-factura{
       font-size: 2em;
   }

   .input-group .form-control {
       width: 100% !important;
   }
   .condicion-venta .input-group, .condicion-venta .form-control{
       font-size: 1.3em !important;
   }

   div#modalPagar {
       top: 0px !important;
   }
 }

 @media(min-width: 801px){
   .plantillaProductoDesktop{
       display: block;
   }
   .plantillaProductoMovil{
       display: none;
   }
   span.poweredby{
       display: block;
   }

   .dropdown-menu.show {
        transform: translate3d(-265px, -2px, 0px) !important;
    }

    .dropdown-menu.dropdown-menu-right.scale-up.show {
        transform: translate3d(0px, -8px, 0px) !important;
    }

 }

.btn-docs-emitidos {
   width: 30px;
   height: 25px;
}

.m-t-25{
   margin-top: 25px;
}

.btn-icons-items-cxp {
   width: 28px;
}

.fc-event {
   color: #000000 !important;
   background: none;
}

.fc .fc-toolbar.fc-header-toolbar {
   margin-bottom: 0 !important;
}

.fc-toolbar {
   padding: 0px 0px 4px 0 !important;
}

.alert-pago-sistema-pendiente {
   text-align: center;
   margin: 0;
   padding: 0;
   position: fixed;
   width: 100%;
   top: 0;
}

.main-home-page h3 {
   font-size: 16px;
   font-weight: bold;
   line-height: 16px;
   height: 30px;
}

div#loadBtnExoneraciones {
   position: absolute;
   top: -5px;
   right: 120px;
}

input#buscarProductoPorCodigo {
   margin-bottom: 4px;
}

.btn-refrescar-inventario-producto-actual {
   position: absolute;
   top: 20px !important;
   z-index: 1;
}

.card.sumary-docs-emitidos h4 {
   text-align: center;
}

.table-responsive.margin-top-p {
   margin-top: -12px;
}

.color-warning{
   color: #ffb22b !important;
   cursor: pointer;
}

tr.catPrecioMayoreo, tr.catPrecioDetalle {
   background-color: antiquewhite;
   margin-bottom: 1em;
}

.modal-backdrop+.modal-backdrop {
   opacity : 0;
}
.modal-dialog.modal-dialog-centered.modal-medium {
   box-shadow:  0px 0px 100px 0px black;
}

.width-100{
   width: 100% !important;
}

span.label-movil {
   font-weight: bold;
   width: 40% !important;
   display: inline-block;
}

.form-control-static:disabled, .form-control-static[readonly] {
   background-color: #fff !important;
   border: none;
}

tr.t-footer-estadisticas {
   border-top: 2px solid;
}

tr.t-footer-estadisticas td{
   font-weight: bold;
}

.table-striped tbody tr:nth-of-type(odd) {
   background: antiquewhite;
}

.sidebar-nav #sidebarnav ul li .fas {
   width: 15px !important;
   text-align: center;
}

.generado-por-web {
   background-color: orange;
   color: #FFF;
   display: block;
   padding: 0 10px;
}

.generado-por-sistema {
   background-color: green;
   color: #FFF;
   display: block;
   padding: 0 10px;
}

.notificacion-proformas-web {
   position: fixed;
   z-index: 9999;
   width: 45px;
   height: 45px;
   background-color: orange;
   font-size: 30px;
   color: #FFF !important;
   text-align: center;
   right: 0;
   top: 50%;
   border-radius: 4px;
}

.notificacion-proformas-web span {
   position: absolute;
   color: black;
   font-size: 20px;
   color: black;
   left: 0;
   top: 25%;
   font-weight: bold;
   right: 0;
   bottom: 0;
   margin: auto;
}

div#qrcode {
   margin-top: 10px;
}

div#qrcode img {
   width: 60%;
}

div#notificacionesVenta strong {
   font-weight: bold;
   font-size: 1.5em;
}

@media(max-width: 1200px){
   div#nav-tabContent{
       margin-bottom: 50px;
   }
   h4.titleEmpresa {
       font-size: 12px;
   }
}

.bg-info-cabys-cliente {
   color: #FFF;
   display: block;
   font-weight: bold;
   padding: 7px;
   margin: 0;
   border-radius: 4px;
}

.card.rest-mesa {
   padding: 50px;
}

.input-group-append .btn-sm, .input-group-append .btn-xs{
   border-radius: 0 4px 4px 0 !important;
}

.row.bg-web {
   background-color: #d1ecf1;
   border-radius: 4px;
   padding: 10px;
   margin-bottom: 5px;
}

.headerCodigoProducto {
   position: absolute;
   width: 50%;
   top: 4px;
   right: 50px;
}

.label-shortcut-home {
   position: absolute;
   bottom: 0;
   font-weight: bold;
   font-style: italic;
   color: red;
}


@-webkit-keyframes wobble-hor-bottom {
   0%,
   100% {
     -webkit-transform: translateX(0%);
             transform: translateX(0%);
     -webkit-transform-origin: 50% 50%;
             transform-origin: 50% 50%;
   }
   15% {
     -webkit-transform: translateX(-30px) rotate(-6deg);
             transform: translateX(-30px) rotate(-6deg);
   }
   30% {
     -webkit-transform: translateX(15px) rotate(6deg);
             transform: translateX(15px) rotate(6deg);
   }
   45% {
     -webkit-transform: translateX(-15px) rotate(-3.6deg);
             transform: translateX(-15px) rotate(-3.6deg);
   }
   60% {
     -webkit-transform: translateX(9px) rotate(2.4deg);
             transform: translateX(9px) rotate(2.4deg);
   }
   75% {
     -webkit-transform: translateX(-6px) rotate(-1.2deg);
             transform: translateX(-6px) rotate(-1.2deg);
   }
 }
 @keyframes wobble-hor-bottom {
   0%,
   100% {
     -webkit-transform: translateX(0%);
             transform: translateX(0%);
     -webkit-transform-origin: 50% 50%;
             transform-origin: 50% 50%;
   }
   15% {
     -webkit-transform: translateX(-30px) rotate(-6deg);
             transform: translateX(-30px) rotate(-6deg);
   }
   30% {
     -webkit-transform: translateX(15px) rotate(6deg);
             transform: translateX(15px) rotate(6deg);
   }
   45% {
     -webkit-transform: translateX(-15px) rotate(-3.6deg);
             transform: translateX(-15px) rotate(-3.6deg);
   }
   60% {
     -webkit-transform: translateX(9px) rotate(2.4deg);
             transform: translateX(9px) rotate(2.4deg);
   }
   75% {
     -webkit-transform: translateX(-6px) rotate(-1.2deg);
             transform: translateX(-6px) rotate(-1.2deg);
   }
 }


.notificacion-proformas-web {
   /*-webkit-animation: wobble-hor-bottom 1s infinite linear;
           animation: wobble-hor-bottom 1s infinite linear;*/
}


.title-producto {
   padding: 0;
   margin-bottom: 0 !important;
}

.title-producto p {
   padding: 0;
   margin-bottom: 0 !important;
}

.label-multilinea {
   height: 31px;
   line-height: 1em;
   display: flex;
   position: relative;
   place-items: center;
}

.datos-vehiculo {
   background-color: white;
   padding: 10px;
   border: 1px solid #d2d2d2;
   border-radius: 5px;
}

.datos-vehiculo h3 {
   padding: 0 !important;
   margin: 0 !important;
}

.label-venta-finalizada > strong{
   color: orange !important;
   font-size: 2em !important;
}

.label-su-vuelto{
   font-size: 2em !important;
   color: red !important;
}

.suVuelto{
   color: red !important;
}

.label-clave-consecutivo{
   font-size: 1.3em !important;
}

a.notificacion-proformas-web span {
   font-family: arial;
   cursor: pointer;
}

@-webkit-keyframes rotation {
   0%, 40%   {-webkit-transform: rotate(0deg);}
   60%, 100% {-webkit-transform: rotate(360deg);}
}
@keyframes rotation {
   0%, 40% { transform: rotate(0deg); }
   60%, 100% { transform: rotate(360deg); }
}

@keyframes shake-baidu {
   from    { transform: rotate(0deg); }
   4%      { transform: rotate(10deg); }
   12.5%   { transform: rotate(-10deg); }
   21%     { transform: rotate(10deg); }
   29%     { transform: rotate(-10deg); }
   37.5%   { transform: rotate(10deg); }
   46%     { transform: rotate(-10deg); }
   50%,to  { transform: rotate(0deg); }
 }

.notificacion-credito-en-atraso-anima {
 /*-webkit-animation: rotation 6s infinite linear;
 animation: rotation 6s infinite linear;*/
 /*animation: shake-baidu 2s ease 2s infinite;*/
/*-webkit-animation: wobble-hor-bottom 1s ease 2s infinite;
       animation: wobble-hor-bottom 1s ease 2s infinite;*/
   -webkit-animation: wobble-hor-bottom 1s infinite linear;
           animation: wobble-hor-bottom 1s infinite linear;
}

.notificacion-credito-en-atraso {
   position: fixed;
   z-index: 9999;
   width: 45px;
   height: 45px;
   background-color: red;
   font-size: 30px;
   color: #FFF !important;
   text-align: center;
   right: 0;
   bottom: 4px;
   border-radius: 4px;
   left: 0;
   margin: auto;
}

.notificacion-credito-en-atraso span {
   position: absolute;
   color: black;
   font-size: 16px;
   color: black;
   left: 0;
   top: 35%;
   font-weight: bold;
   right: 0;
   bottom: 0;
   margin: auto;
}

a.notificacion-credito-en-atraso span {
   font-family: arial;
   cursor: pointer;
}

.box-proceso-diagnostico:nth-child(even) {
   background-color: #f2f2f2;
}

.ekko-lightbox-nav-overlay > a {
   padding: 10px 15px;
   background-color: white;
   margin-right: 0px 2px !important;
   margin-right: 2px;
   border: 1px solid gray;
}

@keyframes glowing {
   0% { box-shadow: 0 0 -5px   red; }
   40% { box-shadow: 0 0 10px  red; }
   60% { box-shadow: 0 0 10px  red; }
   100% { box-shadow: 0 0 -5px red; }
}

.button-glow {
   animation: glowing 1000ms infinite;
}

button#btnVerAfiliados, button#btnAgregarAfiliado {
   margin-top: 20px;
}

/**
* Soluciona el problema con el multimodal
*/
.modal + .modal {
   background: rgba(0, 0, 0, 0.6);
}

.swal2-container {
   z-index: 99999 !important;
}

@media (max-width :800px) {
   .page-wrapper{
       overflow-y: scroll;
   }
   h2.documentoARegistrar {
       font-size: 1.3em;
       font-weight: bold;
       padding: 0em;
       color: red;
       line-height: 1.3em;
   }
    .btn-refrescar-inventario-producto-actual {
       position: absolute;
       left: 0%;
       z-index: 9;
       top: 32%;
   }
   .row.notificacionesVenta {
       bottom: 80px;
       z-index: 999;
   }
   div#notificacionesVenta h2 {
       font-size: 12px;
       line-height: 12px;
       margin: 15px 5px;
   }

}

@media (min-width :881px) {
   .info-productos {
       position: fixed;
       right: 9px;
       top: 45px;
   }
   .col-md-5.column-left {
       border-right: 10px solid #FFF;
       background-color: #d1ecf1;
       padding: 0 10px 10px 10px !important;
   }
}

#btnVehiculosCliente {
   position: absolute;
   right: 0;
   z-index: 9;
   top: -6px;
}

.bg-color-celeste{
   background-color: #d1ecf1;
}

.contentwrap-cabys{
   position: relative;
   margin-top: 10px;
}
.btn-mis-cabys {
   position: absolute;
   right: 3px;
   bottom: 30px;
}

.row.bg-color-celeste {
   margin-bottom: 1em;
   margin-top: 1em;
   padding-top: 1em;
   padding-bottom: 1em;
}

span.swal-cambio {
   color: red;
   font-size: 3em;
   padding: 2.5em 0;
   font-weight: bold;
}

span.venta-finalizada-desea-imprimir {
   font-weight: bold;
   margin-bottom: -10px;
   display: block;
   margin-top: 20px;
   color: red;
   font-size: 1.5em;
}

span.btn-help-video {
   position: absolute;
   z-index: 1;
   top: 5px;
   right: 5px;
   cursor: pointer;
   width: 25px;
   text-align: center;
   height: 25px;
   margin: auto;
}

button.btn.btn-info.btn-sm.btn-enviar-por-whatsapp {
   background-color: #128c7e;
}

#displayFacturasPorCancelar thead th {
   background-color: #263238;
   color: #ffffff;
}

#displayFacturasPorCancelar.color-bordered-table.muted-bordered-table {
   border: 2px solid #263238;
}

.btn-cambio-cxc, .btn-cambio-cxc:hover, .btn-cambio-cxc:active, .btn-cambio-cxc:focus {
   background-color: #FFF !important;
   COLOR: red;
   font-weight: bold;
   border: 2px solid red;
}

#btnAgregarAfiliado {
   margin-top: -5px !important;
   margin-bottom: 1em;
}

div#nav-tabContent {
   margin-bottom: 150px;
}

.table-documentos-recurrentes tbody {
   height: 70vh !important;
}

.label-cobro-home p {
   font-weight: bold;
   color: red;
   padding: 0;
   margin-bottom: 5px;
   font-style: italic;
   font-size: 1.2em;
}

.modal-dialog.modal-lg {
   max-width: 100%;
}

span#montoEquivalenteEnDolares {
   color: red;
   position: absolute;
   right: 10px;
   top: 8px;
   font-weight: bold;
   font-style: italic;
}

div#showMessageMedioPago {
   color: red;
   font-weight: bold;
   font-size: 1.5em;
   border-bottom: 2px solid;
}

@media (min-width: 801px) {
   .sidebar-nav #sidebarnav>li:hover>ul.collapse {
      max-height: 640px !important;
   }
}

span.text-color-red {
   color: red;
}

span.text-color-blue {
   color: blue;
}

span.text-color-orange {
   color: orange;
}

.dropdown-item {
    white-space: normal !important;
    width: 290px !important;
}

tr.btn-seleccionar-orden-compra.bg-row-oc-selected {
    background-color: antiquewhite !important;
}

button#btnPinPadBn, button#btnPinPadBnCXC {
    position: absolute;
    right: 2px;
    z-index: 1;
}

.btn-paga-completo {
    position: absolute;
    right: 4px;
    background-color: rgb(25, 135, 84) !important;
    bottom: 12px;
    height: 34px;
    width: 34px;
}

button#btn-obtener-ubicaciones {
    position: absolute;
    right: 2px;
    top: -1px;
}

span#span-ubicacion-producto{
    position: absolute;
    right: 34px;
    top: 23px;
    color: black !important;
    font-weight: bold;
    background-color: orange;
    padding: 0px 3px;
}

.span-ubicacion-producto-row {
    position: absolute;
    color: red !important;
    top: 2px;
    right: 2px;
    z-index: 1;
}

.readonly-field {
  background-color: #f5f5f5; /* gris claro */
  color: #666;              /* texto tenue */
  pointer-events: none;     /* bloquea clicks en select y cambios en inputs */
}

button#btnConsultarActividadesEconomicas, button#btnConsultarActividadesEconomicasFormNew {
    position: absolute;
    z-index: 1;
    right: 0;
}

.sin-stock .existencia-actual {
    color: red !important;
}

b.termino-busqueda{
    color: red !important;
    font-weight: bold !important;
    padding: 0px 2px !important;
}

input.form-control.input-row-edit-ext-min, input.form-control.input-row-edit-ext-max {
    line-height: 1em !important;
}

/* 🔥 DESACTIVAR CHECKBOX FALSO DE ADMIN PRESS SOLO EN SWAL */
.swal2-popup .swal-no-adminpress label::before,
.swal2-popup .swal-no-adminpress label::after {
    display: none !important;
    content: none !important;
}

/* Mantener tamaño correcto del checkbox real */
.swal2-popup .swal-no-adminpress input[type="checkbox"] {
    width: 18px;
    height: 18px;
    padding-left: 0;;
}

.btn-cambio-cxc {
    background-color: #FFF !important;
    font-weight: bold;
    border: 2px solid #007bff;
    color: #007bff;
}

.btn-cambio-cxc.cambio-negativo {
    border: 2px solid red !important;
    color: red !important;
}

.btn-cambio-cxc.cambio-positivo {
    border: 2px solid #007bff !important;
    color: #007bff !important;
}


.producto-nombre i {
    margin-right: 5px;
    color: #111;
}

.producto-extra {
    margin-top: 4px;
    font-size: 11.5px;
    color: #5f6b76;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
}

.producto-extra span {
    display: inline-block;
}

.producto-extra strong {
    color: #2f3b45;
    font-weight: 700;
}

.rowActive .producto-extra strong, .rowActive .producto-extra {
    color: #FFF !important;
}

/* ==========================
   COLUMNAS ORDENABLES
   ========================== */

/* ==========================
   HEADERS ORDENABLES PRODUCTOS
   class="sort-column" en el TH
   ========================== */

.table-productos thead tr th.sort-column {
    cursor: pointer !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    user-select: none !important;
    vertical-align: middle !important;
    position: relative !important;
    transition: all .15s ease-in-out !important;
}

.table-productos thead tr th.sort-column:hover {
    color: #ffc107 !important;
}

.table-productos thead tr th.sort-column i.fa-sort,
.table-productos thead tr th.sort-column i.fa-sort-up,
.table-productos thead tr th.sort-column i.fa-sort-down {
    margin-left: 6px !important;
    font-size: 12px !important;
    opacity: .85 !important;
}

.table-productos thead tr th.sort-column i.fa-sort-up,
.table-productos thead tr th.sort-column i.fa-sort-down {
    color: #ffc107 !important;
    opacity: 1 !important;
}

.table-productos thead tr th.sort-column.text-align-right {
    text-align: right !important;
}

.table-productos thead tr th.sort-column.text-align-center {
    text-align: center !important;
}

.table-productos thead tr th.sort-column span {
    cursor: pointer !important;
}

.table-productos thead tr th.sort-column:hover i.fa-sort {
    color: #ffc107 !important;
    opacity: 1 !important;
}

/* =========================================================
   SWEETALERT - SACUDIDA DE ERROR
========================================================= */

@keyframes swalErrorShake {
    0% {
        transform: translate3d(0, 0, 0) rotate(0);
    }

    12% {
        transform: translate3d(-18px, 0, 0) rotate(-1deg);
    }

    24% {
        transform: translate3d(18px, 0, 0) rotate(1deg);
    }

    36% {
        transform: translate3d(-14px, 0, 0) rotate(-0.8deg);
    }

    48% {
        transform: translate3d(14px, 0, 0) rotate(0.8deg);
    }

    60% {
        transform: translate3d(-9px, 0, 0);
    }

    72% {
        transform: translate3d(9px, 0, 0);
    }

    84% {
        transform: translate3d(-4px, 0, 0);
    }

    92% {
        transform: translate3d(4px, 0, 0);
    }

    100% {
        transform: translate3d(0, 0, 0) rotate(0);
    }
}

.swal-error-shake {
    animation-name: swalErrorShake !important;
    animation-duration: 0.65s !important;
    animation-timing-function: ease-in-out !important;
    animation-fill-mode: both !important;
}

/* =========================================================
   TABLAS RESPONSIVE

   Por defecto, las tablas .header-fixed se convierten en
   tarjetas en pantallas pequeñas. Use .table-mobile-scroll
   cuando una tabla deba conservar columnas y scroll horizontal,
   o .table-mobile-native para excluirla por completo.
========================================================= */

@media (max-width: 880px) {
    .table-responsive {
        border: 0 !important;
        overflow: visible;
    }

    .header-fixed.table:not(.table-mobile-scroll):not(.table-mobile-native) {
        display: block;
        width: 100% !important;
        margin: 0;
        padding: 8px;
        overflow: visible;
        background: #f3f6f8;
    }

    .header-fixed.table:not(.table-mobile-scroll):not(.table-mobile-native) > thead {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        margin: -1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0);
        white-space: nowrap;
        border: 0 !important;
    }

    .header-fixed.table:not(.table-mobile-scroll):not(.table-mobile-native) > tbody {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        padding: 0;
        overflow: visible !important;
    }

    .header-fixed.table:not(.table-mobile-scroll):not(.table-mobile-native) > tbody > tr {
        display: block;
        width: 100%;
        margin: 0 0 14px;
        padding: 8px 12px;
        overflow: visible;
        background: #fff;
        border: 1px solid #dfe5e8 !important;
        border-left: 4px solid #90a4ae !important;
        border-radius: 10px;
        box-shadow: 0 3px 10px rgba(38, 50, 56, .08);
    }

    .header-fixed.table:not(.table-mobile-scroll):not(.table-mobile-native) > tbody > tr.rowActive {
        background: #fff !important;
        border-left-color: #1976d2 !important;
        box-shadow: 0 4px 14px rgba(25, 118, 210, .13);
    }

    .header-fixed.table:not(.table-mobile-scroll):not(.table-mobile-native) > tbody > tr > td {
        display: flex !important;
        float: none !important;
        align-items: flex-start;
        /*justify-content: space-between;*/
        gap: 14px;
        width: 100% !important;
        min-height: 38px;
        padding: 8px 2px !important;
        /*overflow-wrap: anywhere;*/
        color: #263238;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.35;
        /*text-align: right !important;*/
        border: 0 !important;
        border-bottom: 1px solid #edf0f2 !important;
    }

    .header-fixed.table:not(.table-mobile-scroll):not(.table-mobile-native) > tbody > tr > td::before {
        content: attr(data-label);
        float: none;
        flex: 0 0 39%;
        width: auto;
        padding: 2px 0 0;
        color: #78909c;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .04em;
        line-height: 1.25;
        text-align: left;
        text-transform: uppercase;
    }

    .header-fixed.table:not(.table-mobile-scroll):not(.table-mobile-native) > tbody > tr > td:last-child {
        border-bottom: 0 !important;
    }

    .header-fixed.table:not(.table-mobile-scroll):not(.table-mobile-native) > tbody > tr > td.mobile-empty {
        display: none !important;
    }

    .header-fixed.table:not(.table-mobile-scroll):not(.table-mobile-native) > tfoot {
        display: none !important;
    }

    .table-mobile-scroll {
        display: table !important;
        width: 1368px !important;
        min-width: 900px;
    }

    .table-mobile-native {
        display: table !important;
        width: 100% !important;
    }

    .table-mobile-scroll > thead,
    .table-mobile-native > thead {
        display: table-header-group !important;
        position: static !important;
        width: auto !important;
        height: auto !important;
        clip: auto !important;
    }

    .table-mobile-scroll > tbody,
    .table-mobile-native > tbody,
    .table-mobile-scroll > tfoot,
    .table-mobile-native > tfoot,
    .table-mobile-scroll > thead > tr,
    .table-mobile-scroll > tbody > tr,
    .table-mobile-scroll > tfoot > tr,
    .table-mobile-native > thead > tr,
    .table-mobile-native > tbody > tr,
    .table-mobile-native > tfoot > tr {
        position: static !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
    }

    .table-mobile-scroll > tbody,
    .table-mobile-native > tbody {
        display: table-row-group !important;
    }

    .table-mobile-scroll > tfoot,
    .table-mobile-native > tfoot {
        display: table-footer-group !important;
    }

    .table-mobile-scroll > thead > tr,
    .table-mobile-scroll > tbody > tr,
    .table-mobile-scroll > tfoot > tr,
    .table-mobile-native > thead > tr,
    .table-mobile-native > tbody > tr,
    .table-mobile-native > tfoot > tr {
        display: table-row !important;
        border-bottom: 0;
    }

    .table-mobile-scroll > thead > tr > th,
    .table-mobile-scroll > tbody > tr > td,
    .table-mobile-scroll > tfoot > tr > td,
    .table-mobile-native > thead > tr > th,
    .table-mobile-native > tbody > tr > td,
    .table-mobile-native > tfoot > tr > td {
        display: table-cell !important;
        float: none !important;
        width: auto !important;
    }

    .table-mobile-scroll > tbody > tr > td::before,
    .table-mobile-scroll > tfoot > tr > td::before,
    .table-mobile-native > tbody > tr > td::before,
    .table-mobile-native > tfoot > tr > td::before {
        display: none !important;
        content: none !important;
    }
}

/* Mantiene accesibles los submenus del menu principal horizontal. */
@media (min-width: 801px) {
    .logo-center .left-sidebar {
        z-index: 40;
        overflow: visible;
    }

    .logo-center .left-sidebar .scroll-sidebar,
    .logo-center .left-sidebar .sidebar-nav,
    .logo-center .left-sidebar #sidebarnav {
        overflow: visible;
    }

    .logo-center .sidebar-nav #sidebarnav > li {
        position: relative;
    }

    .logo-center .sidebar-nav #sidebarnav > li > ul,
    .logo-center .sidebar-nav #sidebarnav > li > ul.collapse {
        top: 100% !important;
        left: 0 !important;
        right: auto;
        margin: 0 !important;
        z-index: 41;
    }

    .logo-center .sidebar-nav #sidebarnav > li:hover > ul,
    .logo-center .sidebar-nav #sidebarnav > li:hover > ul.collapse,
    .logo-center .sidebar-nav #sidebarnav > li:focus-within > ul,
    .logo-center .sidebar-nav #sidebarnav > li:focus-within > ul.collapse {
        display: block !important;
        height: auto !important;
        max-height: min(640px, calc(100vh - 20px)) !important;
        overflow-y: auto;
        visibility: visible;
    }

    .logo-center .sidebar-nav #sidebarnav > li > a {
        position: relative;
        min-height: 42px;
        padding-right: 18px;
        transition: background-color .15s ease, color .15s ease;
    }

    .logo-center .sidebar-nav #sidebarnav > li > a.has-arrow::after {
        display: block;
        right: 5px;
        width: 6px;
        height: 6px;
        border-color: #b0bec5;
    }

    .logo-center .sidebar-nav #sidebarnav > li:hover > a,
    .logo-center .sidebar-nav #sidebarnav > li:focus-within > a {
        color: #fff !important;
        background: #263238;
    }

    .logo-center .sidebar-nav #sidebarnav > li > ul,
    .logo-center .sidebar-nav #sidebarnav > li > ul.collapse {
        width: 320px !important;
        max-width: calc(100vw - 20px);
        padding: 7px 0 !important;
        overflow-x: hidden;
        background: #fff;
        border: 1px solid #dfe5e8;
        border-top: 3px solid #1976d2;
        border-radius: 0 0 8px 8px;
        box-shadow: 0 12px 30px rgba(38, 50, 56, .18);
    }

    .logo-center .sidebar-nav #sidebarnav > li > ul > li > a,
    .logo-center .sidebar-nav #sidebarnav > li > ul.collapse > li > a {
        display: flex;
        align-items: center;
        min-height: 36px;
        padding: 8px 16px !important;
        color: #37474f !important;
        font-size: 13px;
        line-height: 1.25;
        white-space: normal;
        border-left: 3px solid transparent;
        transition: background-color .15s ease, border-color .15s ease,
            color .15s ease, padding-left .15s ease;
    }

    .logo-center .sidebar-nav #sidebarnav > li > ul > li > a i,
    .logo-center .sidebar-nav #sidebarnav > li > ul.collapse > li > a i {
        flex: 0 0 22px;
        width: 22px;
        margin-right: 8px;
        color: #78909c;
        font-size: 13px;
        text-align: center;
    }

    .logo-center .sidebar-nav #sidebarnav > li > ul > li > a:hover,
    .logo-center .sidebar-nav #sidebarnav > li > ul > li > a:focus,
    .logo-center .sidebar-nav #sidebarnav > li > ul.collapse > li > a:hover,
    .logo-center .sidebar-nav #sidebarnav > li > ul.collapse > li > a:focus {
        padding-left: 19px !important;
        color: #0d47a1 !important;
        text-decoration: none;
        background: #eef6fd;
        border-left-color: #1976d2;
        outline: 0;
    }

    .logo-center .sidebar-nav #sidebarnav > li:last-child > ul,
    .logo-center .sidebar-nav #sidebarnav > li:last-child > ul.collapse {
        right: 0 !important;
        left: auto !important;
    }

    .btn-movil  {
        margin-top: 19px !important;
    }
}

/*
 * Menú horizontal en terminales táctiles medianas.
 * Evita que el último submenú se desplace fuera del borde izquierdo.
 */
@media (min-width: 801px) and (max-width: 1180px) {
    .logo-center .sidebar-nav #sidebarnav > li > ul,
    .logo-center .sidebar-nav #sidebarnav > li > ul.collapse,
    .logo-center .sidebar-nav #sidebarnav > li:last-child > ul,
    .logo-center .sidebar-nav #sidebarnav > li:last-child > ul.collapse {
        right: auto !important;
        left: 0 !important;
        width: 280px !important;
        max-width: calc(100vw - 16px) !important;
        max-height: min(340px, calc(100vh - 92px)) !important;
        padding: 2px 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
    }

    .logo-center .sidebar-nav #sidebarnav > li > ul > li > a,
    .logo-center .sidebar-nav #sidebarnav > li > ul.collapse > li > a {
        min-height: 25px;
        padding: 3px 10px !important;
        font-size: 11px;
        line-height: 1.15;
    }
}

/* Menu de cuenta: compacto, legible y aislado de otros dropdowns. */
.topbar .user-account-menu {
    right: 8px !important;
    left: auto !important;
    width: min(340px, calc(100vw - 24px)) !important;
    min-width: 280px !important;
    max-height: calc(100vh - 76px);
    padding: 0 !important;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #dfe5e8;
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(38, 50, 56, .18);
}

.topbar .user-account-menu ul.dropdown-user {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.topbar .user-account-menu .user-account-heading {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 6px;
    padding: 13px 16px !important;
    color: #607d8b;
    font-size: 13px !important;
    text-align: center;
    background: #f7f9fa;
}

.topbar .user-account-menu .user-account-heading strong {
    color: #263238;
    font-size: 14px;
    font-weight: 700;
}

.topbar .user-account-menu ul.dropdown-user li a,
.topbar .user-account-menu .user-account-logout button {
    display: flex !important;
    align-items: center;
    width: 100%;
    min-height: 40px;
    margin: 0;
    padding: 8px 14px !important;
    color: #37474f !important;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.25;
    text-align: left;
    white-space: normal;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.topbar .user-account-menu ul.dropdown-user li a i,
.topbar .user-account-menu .user-account-logout button i {
    flex: 0 0 24px;
    width: 24px;
    margin-right: 9px;
    color: #78909c;
    font-size: 15px;
    text-align: center;
}

.topbar .user-account-menu ul.dropdown-user li a:hover,
.topbar .user-account-menu ul.dropdown-user li a:focus,
.topbar .user-account-menu .user-account-logout button:hover,
.topbar .user-account-menu .user-account-logout button:focus {
    color: #1565c0 !important;
    text-decoration: none;
    background: #eef6fd;
    outline: 0;
}

.topbar .user-account-menu ul.dropdown-user li.divider {
    height: 1px;
    margin: 4px 0;
    background: #e8edef;
}

.topbar .user-account-menu .user-account-logout button,
.topbar .user-account-menu .user-account-logout button i {
    color: #c62828 !important;
}

.topbar .user-account-menu .user-account-logout button {
    min-height: 44px;
    font-weight: 600;
}

.topbar .user-account-menu .user-account-logout button:hover,
.topbar .user-account-menu .user-account-logout button:focus {
    color: #b71c1c !important;
    background: #fff1f1;
}

@media (max-width: 800px) {
    .topbar .top-navbar .navbar-nav > .nav-item.show .user-account-menu {
        right: 8px !important;
        left: auto !important;
        width: min(360px, calc(100vw - 16px)) !important;
        min-width: 0 !important;
    }

    .topbar .user-account-menu ul.dropdown-user li a,
    .topbar .user-account-menu .user-account-logout button {
        min-height: 44px;
        padding: 10px 14px !important;
        font-size: 15px !important;
    }
}

/* Navegación lateral móvil: apertura suave y fondo de enfoque. */
@media (max-width: 800px) {
    .mini-sidebar .sidebar-nav #sidebarnav > li > a {
        display: flex;
        align-items: center;
        min-height: 56px;
        padding: 12px 42px 12px 20px !important;
        font-size: 16px !important;
        line-height: 1.35;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
    }

    .mini-sidebar .sidebar-nav #sidebarnav > li > a > i {
        flex: 0 0 28px;
        width: 28px;
        margin-right: 10px;
        font-size: 20px !important;
        text-align: center;
    }

    .mini-sidebar .sidebar-nav #sidebarnav > li > a.has-arrow::after {
        right: 22px;
        width: 9px;
        height: 9px;
    }

    .mini-sidebar .sidebar-nav #sidebarnav > li > ul > li > a,
    .mini-sidebar .sidebar-nav #sidebarnav > li > ul.collapse > li > a {
        display: flex;
        align-items: center;
        min-height: 50px;
        padding: 11px 22px 11px 62px !important;
        font-size: 15px !important;
        line-height: 1.35;
        white-space: normal;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
    }

    .mini-sidebar .sidebar-nav #sidebarnav > li > ul > li > a > i,
    .mini-sidebar .sidebar-nav #sidebarnav > li > ul.collapse > li > a > i {
        flex: 0 0 24px;
        width: 24px;
        margin-left: -32px;
        margin-right: 8px;
        font-size: 17px !important;
        text-align: center;
    }

    .mini-sidebar .sidebar-nav #sidebarnav > li,
    .mini-sidebar .sidebar-nav #sidebarnav > li > ul,
    .mini-sidebar .sidebar-nav #sidebarnav > li > ul.collapse,
    .mini-sidebar .sidebar-nav #sidebarnav > li > ul.collapse.in {
        position: static !important;
        float: none !important;
        width: 100% !important;
        max-width: none !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .mini-sidebar .sidebar-nav #sidebarnav > li > ul.collapse:not(.in) {
        display: none !important;
    }

    .mini-sidebar .sidebar-nav #sidebarnav > li > ul.collapse.in {
        display: block !important;
        height: auto !important;
    }

    .mini-sidebar .left-sidebar {
        display: block !important;
        visibility: hidden;
        transform: translate3d(-105%, 0, 0);
        transition:
            transform 220ms cubic-bezier(.22, .61, .36, 1),
            visibility 0s linear 220ms,
            box-shadow 220ms ease;
        will-change: transform;
        z-index: 1001;
        box-shadow: none;
    }

    .mini-sidebar.show-sidebar .left-sidebar {
        visibility: visible;
        transform: translate3d(0, 0, 0);
        transition-delay: 0s;
        box-shadow: 8px 0 28px rgba(15, 23, 42, .28);
    }

    .mobile-sidebar-backdrop {
        position: fixed;
        inset: 0;
        display: block;
        padding: 0;
        border: 0;
        background: rgba(15, 23, 42, .38);
        opacity: 0;
        visibility: hidden;
        transition:
            opacity 220ms ease,
            visibility 0s linear 220ms;
        z-index: 1000;
        cursor: default;
    }

    .mobile-sidebar-open .mobile-sidebar-backdrop {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
    }

    .mobile-sidebar-open {
        overflow: hidden;
    }

    .nav-toggler i {
        display: inline-block;
        transition: transform 180ms ease;
    }

    .mobile-sidebar-open .nav-toggler i {
        transform: rotate(90deg);
    }

    .mobile-sidebar-close {
        position: absolute;
        top: 10px;
        right: 12px;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, .32);
        border-radius: 50%;
        color: #fff;
        background: rgba(0, 0, 0, .18);
        font-size: 30px;
        font-weight: 300;
        line-height: 1;
        cursor: pointer;
        transition: background-color 160ms ease, transform 160ms ease;
    }

    .mobile-sidebar-close:focus-visible {
        color: #fff;
        background: rgba(0, 0, 0, .32);
        outline: 2px solid rgba(255, 255, 255, .7);
        outline-offset: 2px;
        transform: scale(1.04);
    }

    /* Estado actual persistente: no depende de hover y funciona al recargar. */
    .mini-sidebar .sidebar-nav #sidebarnav > li.active > a,
    .mini-sidebar .sidebar-nav #sidebarnav > li > a.active {
        color: #fff !important;
        background: rgba(255, 255, 255, .14) !important;
        box-shadow: inset 4px 0 0 #b0ba36;
    }

    .mini-sidebar .sidebar-nav #sidebarnav > li.active > a i,
    .mini-sidebar .sidebar-nav #sidebarnav > li > a.active i {
        color: #b0ba36 !important;
    }

    .mini-sidebar .sidebar-nav #sidebarnav > li > ul li.active > a,
    .mini-sidebar .sidebar-nav #sidebarnav > li > ul li > a.active {
        color: #fff !important;
        background: rgba(255, 255, 255, .10) !important;
        box-shadow: inset 4px 0 0 #b0ba36;
        font-weight: 700;
    }

    /* Respuesta breve al toque; desaparece al levantar el dedo. */
    .mini-sidebar .sidebar-nav #sidebarnav a:active,
    .topbar .user-account-menu ul.dropdown-user li a:active,
    .topbar .user-account-menu .user-account-logout button:active,
    .mobile-sidebar-close:active {
        filter: brightness(.92);
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mini-sidebar .left-sidebar,
    .mobile-sidebar-backdrop,
    .nav-toggler i {
        transition: none !important;
    }
}

@media (min-width: 801px) {
    .mobile-sidebar-close,
    .mobile-sidebar-backdrop {
        display: none !important;
    }
}

/* En pantallas táctiles el hover puede quedar pegado después de tocar una fila. */
@media (hover: none) and (pointer: coarse) {
    .table-hover tbody tr:hover > td,
    .table-hover tbody tr:hover > th {
        background-color: inherit !important;
        color: inherit !important;
    }

    /* Evita los hovers persistentes que Safari/Chrome simulan al tocar. */
    .sidebar-nav #sidebarnav a:hover:not(.active),
    .sidebar-nav #sidebarnav li:not(.active) > a:hover {
        background: transparent !important;
    }

    .sidebar-nav #sidebarnav a:hover:not(.active) i,
    .sidebar-nav #sidebarnav li:not(.active) > a:hover i {
        color: #fff !important;
    }

    .topbar .user-account-menu ul.dropdown-user li a:hover:not(:focus-visible) {
        color: #37474f !important;
        background: transparent;
    }

    .topbar .user-account-menu .user-account-logout button:hover:not(:focus-visible) {
        color: #c62828 !important;
        background: transparent;
    }

    .mobile-sidebar-close:hover:not(:focus-visible) {
        color: #fff;
        background: rgba(0, 0, 0, .18);
        outline: 0;
        transform: none;
    }
}

/* Acciones de la tarjeta de clientes CXC. */
.cxc-row-actions {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

@media (max-width: 800px) {

    span.bg-success.text-white.bg-credito-cerrado, span.bg-danger.text-white.bg-credito-cerrado, span.bg-warning.text-white.bg-credito-cerrado {
        width: 100%;
        padding: 3px;
        font-weight: bold;
    }

    #displayProductos.cxc-client-table > tbody > tr > td::before {
        flex-basis: 42%;
        padding-top: 4px;
        font-size: 15px;
        letter-spacing: .025em;
        line-height: 1.3;
    }

    #displayProductos.cxc-client-table > tbody > tr {
        margin-bottom: 18px;
        padding: 12px 16px;
    }

    #displayProductos.cxc-client-table > tbody > tr > td[data-label="Cliente"] {
        font-size: 20px !important;
        font-weight: 600 !important;
    }

    #displayProductos.cxc-client-table .cxc-actions-cell {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 12px !important;
        overflow: hidden;
    }

    #displayProductos.cxc-client-table .cxc-actions-cell::before {
        display: none !important;
        content: none !important;
    }

    #displayProductos.cxc-client-table .cxc-row-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
        max-width: 100%;
        gap: 9px;
    }

    #displayProductos.cxc-client-table .cxc-row-actions .btn {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 52px;
        margin: 0 !important;
        padding: 10px 12px !important;
        font-size: 17px !important;
        line-height: 1.25;
        white-space: normal;
        box-sizing: border-box;
    }

    #displayProductos.cxc-client-table .cxc-row-actions .btn i {
        flex: 0 0 auto;
        margin-right: 6px;
    }

    .cxc-results {
        padding-bottom: calc(118px + env(safe-area-inset-bottom, 0px));
    }

    .cxc-results .cxc-mobile-summary {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1020;
        width: 100%;
        margin: 0 !important;
        padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
        background: rgba(255, 255, 255, .97);
        border-top: 2px solid #263238;
        box-shadow: 0 -6px 18px rgba(38, 50, 56, .14);
    }

    .cxc-results .cxc-mobile-summary > div {
        width: 100%;
        padding: 0;
    }

    .cxc-results .cxc-mobile-summary .sumary-cxp {
        position: static !important;
        width: 100%;
        margin: 0 !important;
        padding: 0;
        font-size: 18px;
        line-height: 1.35;
        border: 0;
    }

    #cxcPendingTable.cxc-pending-table > tbody > tr {
        margin-bottom: 18px;
        padding: 12px 16px;
    }

    #cxcPendingTable.cxc-pending-table > tbody > tr > td::before {
        flex-basis: 43%;
        padding-top: 3px;
        font-size: 14px;
        letter-spacing: .025em;
        line-height: 1.3;
    }

    #cxcPendingTable.cxc-pending-table .cxc-money-value {
        display: inline-flex;
        align-items: baseline;
        justify-content: flex-end;
        white-space: nowrap;
        font-variant-numeric: tabular-nums;
    }

    #cxcPendingTable.cxc-pending-table .badge {
        padding: 5px 8px;
        font-size: 14px;
        white-space: normal;
    }

    #cxcPendingTable.cxc-pending-table .cxc-pending-actions {
        display: block !important;
        width: 100% !important;
        padding: 12px 4px 4px !important;
    }

    #cxcPendingTable.cxc-pending-table .cxc-pending-actions::before {
        display: none !important;
        content: none !important;
    }

    #cxcPendingTable.cxc-pending-table .cxc-pending-actions-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        gap: 9px;
    }

    #cxcPendingTable.cxc-pending-table .cxc-pending-actions-grid .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        width: 100%;
        min-height: 52px;
        margin: 0 !important;
        padding: 9px 10px !important;
        font-size: 15px !important;
        line-height: 1.2;
        white-space: normal;
    }

    #cxcPendingTable.cxc-pending-table .cxc-pending-actions-grid .btn i {
        flex: 0 0 auto;
        font-size: 17px;
    }

    .cxc-payment-workspace #displayFacturasPendientes.cxc-payment-table > tbody > tr,
    .cxc-payment-workspace #displayFacturasPorCancelar.cxc-payment-table > tbody > tr {
        margin-bottom: 18px;
        padding: 12px 16px;
    }

    .cxc-payment-workspace #displayFacturasPendientes.cxc-payment-table > thead,
    .cxc-payment-workspace #displayFacturasPorCancelar.cxc-payment-table > thead {
        position: static !important;
        display: block !important;
        width: 100% !important;
        min-height: 58px !important;
        height: auto !important;
        margin: 0 0 10px !important;
        overflow: visible !important;
        clip: auto !important;
        white-space: normal;
    }

    .cxc-payment-workspace #displayFacturasPendientes.cxc-payment-table > thead > tr:not(.cxc-payment-heading-row),
    .cxc-payment-workspace #displayFacturasPorCancelar.cxc-payment-table > thead > tr:not(.cxc-payment-heading-row) {
        display: none !important;
    }

    .cxc-payment-workspace #displayFacturasPendientes.cxc-payment-table .cxc-payment-heading-row,
    .cxc-payment-workspace #displayFacturasPendientes.cxc-payment-table .cxc-payment-heading-row > th,
    .cxc-payment-workspace #displayFacturasPorCancelar.cxc-payment-table .cxc-payment-heading-row,
    .cxc-payment-workspace #displayFacturasPorCancelar.cxc-payment-table .cxc-payment-heading-row > th {
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .cxc-payment-workspace #displayFacturasPendientes .cxc-payment-section-title,
    .cxc-payment-workspace #displayFacturasPorCancelar .cxc-payment-section-title {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        width: 100%;
        margin: 0;
        padding: 12px 14px;
        color: #fff !important;
        background: #263238;
        border-radius: 8px;
        box-shadow: 0 3px 10px rgba(38, 50, 56, .16);
        font-size: 20px;
        font-weight: 700;
        line-height: 1.25;
        text-align: left;
    }

    .cxc-payment-workspace #displayFacturasPendientes .cxc-payment-section-title {
        background: #90a4ae;
    }

    .cxc-payment-workspace #displayFacturasPorCancelar .cxc-payment-section-title {
        background: #263238;
    }

    .cxc-payment-workspace #displayFacturasPendientes .cxc-payment-section-title > span,
    .cxc-payment-workspace #displayFacturasPorCancelar .cxc-payment-section-title > span {
        display: block;
    }

    .cxc-payment-workspace #displayFacturasPendientes .cxc-payment-section-title > .btn,
    .cxc-payment-workspace #displayFacturasPorCancelar .cxc-payment-section-title > .btn {
        display: block;
        width: 100%;
        min-height: 42px;
        margin: 0;
        padding: 8px 10px;
        color: #263238 !important;
        background: #fff;
        border: 0;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        white-space: normal;
    }

    .cxc-payment-workspace #displayFacturasPendientes .cxc-payment-section-title > .btn {
        color: #455a64 !important;
    }

    .cxc-payment-workspace #displayFacturasPorCancelar .cxc-payment-section-title > .btn {
        color: #263238 !important;
    }

    .cxc-payment-workspace #displayFacturasPendientes.cxc-payment-table > tbody > tr > td::before,
    .cxc-payment-workspace #displayFacturasPorCancelar.cxc-payment-table > tbody > tr > td::before {
        flex-basis: 42%;
        padding-top: 3px;
        font-size: 14px;
        letter-spacing: .025em;
    }

    .cxc-payment-workspace .cxc-payment-money {
        white-space: nowrap;
        font-variant-numeric: tabular-nums;
    }

    .cxc-payment-workspace .cxc-payment-table .badge {
        padding: 5px 8px;
        font-size: 14px;
        white-space: normal;
    }

    .cxc-payment-workspace .cxc-payment-actions {
        display: block !important;
        width: 100% !important;
        padding: 12px 4px 4px !important;
    }

    .cxc-payment-workspace .cxc-payment-actions::before {
        display: none !important;
        content: none !important;
    }

    .cxc-payment-workspace .cxc-payment-actions .btn {
        width: 100% !important;
        min-height: 52px;
        margin: 0 !important;
        padding: 10px 14px !important;
        font-size: 16px !important;
        white-space: normal;
    }

    .cxc-payment-workspace .bloque-medios-pago-cxc {
        padding-right: 8px;
        padding-left: 8px;
    }

    .cxc-payment-workspace .bloque-medios-pago-cxc > .row {
        margin-right: -6px;
        margin-left: -6px;
    }

    .cxc-payment-workspace .bloque-medios-pago-cxc > .row > .medio-pago-efectivo,
    .cxc-payment-workspace .bloque-medios-pago-cxc > .row > .medio-pago-tarjeta,
    .cxc-payment-workspace .bloque-medios-pago-cxc > .row > .medio-pago-cheque,
    .cxc-payment-workspace .bloque-medios-pago-cxc > .row > .medio-pago-transferencia,
    .cxc-payment-workspace .bloque-medios-pago-cxc > .row > .medio-pago-sinpe,
    .cxc-payment-workspace .bloque-medios-pago-cxc > .row > .medio-pago-nota-credito {
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 6px;
        padding-left: 6px;
    }

    .cxc-payment-workspace .bloque-medios-pago-cxc .mp-label {
        min-height: 38px;
        margin-bottom: 4px;
        font-size: 14px;
        line-height: 1.2;
    }

    .cxc-payment-workspace .bloque-medios-pago-cxc .mp-input-group .mp-input,
    .cxc-payment-workspace .bloque-medios-pago-cxc .mp-input {
        height: 48px !important;
        font-size: 18px;
    }

    .cxc-payment-workspace .bloque-medios-pago-cxc .mp-input-group .btn-mp-total,
    .cxc-payment-workspace .bloque-medios-pago-cxc .mp-input-group .btn-mp-nc {
        width: 48px !important;
        height: 48px !important;
    }

    .cxc-payment-workspace .btn-aplicar-pago-cxc {
        min-height: 56px;
        font-size: 18px;
    }
}

/* Restauración definitiva de la tabla de compras en escritorio. */
@media (min-width: 801px) {
    .purchase-inventory-view .purchase-inventory-table-wrap {
        overflow-x: auto !important;
        overflow-y: visible !important;
    }

    .purchase-inventory-view #purchaseInventoryTable {
        display: table !important;
        width: 100% !important;
        min-width: 0 !important;
        table-layout: auto !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > thead {
        display: table-header-group !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody {
        display: table-row-group !important;
        width: auto !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras {
        display: table-row !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td {
        display: table-cell !important;
        width: auto;
        min-width: 0;
        min-height: 0;
        padding: 6px 4px !important;
        border-right: 0 !important;
        border-top: 1px solid #d7e0e4 !important;
        background: inherit;
        vertical-align: middle !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[style*="display: none"] {
        display: none !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[data-label]::before {
        display: none !important;
        content: none !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td.font-weight-bold {
        width: 21% !important;
        min-width: 300px;
        text-align: left !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[data-label="Acciones"] {
        display: table-cell !important;
        width: auto !important;
        min-width: 135px;
        max-width: none;
        text-align: center !important;
    }

    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[data-label="Acciones"] .form-control,
    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td[data-label="Acciones"] .btn {
        display: block;
        width: 100% !important;
        margin: 3px 0 !important;
    }

    .purchase-inventory-view #purchaseInventoryTable .label-movil {
        display: none !important;
    }
}

/* Alineación final de controles para compras de inventario en escritorio. */
@media (min-width: 801px) {
    .purchase-inventory-view #purchaseInventoryTable > tbody > .row-compras > td {
        height: 138px;
        vertical-align: bottom !important;
    }

    .purchase-inventory-view #purchaseInventoryTable .form-control,
    .purchase-inventory-view #purchaseInventoryTable .btn {
        height: 38px !important;
        min-height: 38px !important;
        line-height: 1.2;
    }

    .purchase-inventory-view #purchaseInventoryTable .custom-buttons-aplic-invent {
        display: flex;
        min-height: 38px;
        margin: 0 0 6px !important;
        gap: 5px;
    }

    .purchase-inventory-view #purchaseInventoryTable .custom-buttons-aplic-invent > div {
        flex: 1 1 0;
        max-width: none;
        padding: 0;
    }

    .purchase-inventory-view #purchaseInventoryTable .custom-buttons-aplic-invent .btn {
        width: 100%;
        margin: 0 !important;
    }

    .purchase-inventory-view #purchaseInventoryTable .label-producto-gravado-iva {
        height: 32px;
        min-height: 32px;
        margin: 6px 0 !important;
        padding: 7px 9px !important;
        overflow: hidden;
        line-height: 18px !important;
        text-align: left !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .purchase-inventory-view #purchaseInventoryTable .span-existencia-actual-bodega-traslado {
        display: block;
        min-height: 22px;
        margin-bottom: 4px;
        line-height: 18px;
        white-space: nowrap;
    }
}

@media (max-width: 768px) {
    td[data-label="Nombre del producto"] {
        justify-content: flex-start !important;
        gap: 0 !important;
    }

    td[data-label="Nombre del producto"]::before {
        margin-right: auto;
    }

    td[data-label="Nombre del producto"] i {
        margin-left: 6px;
        margin-right: 6px;
    }
}

/* =====================================================
   SWAL - AUTORIZACIÓN DE DESCUENTO
   ===================================================== */

.swal-descuento-autorizado {
    width: min(560px, calc(100vw - 24px)) !important;
    padding: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 55px rgba(15, 23, 42, .28) !important;
}

.swal-descuento-autorizado .swal2-header {
    padding: 0 !important;
}

.swal-descuento-autorizado .swal2-title {
    width: 100% !important;
    margin: 0 !important;
    padding: 20px 24px 8px !important;
    color: #243942 !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: left !important;
}

/* Quitar el enorme icono original */
.swal-descuento-autorizado .swal2-icon {
    display: none !important;
}

.swal-descuento-autorizado .swal2-html-container {
    margin: 0 !important;
    padding: 12px 24px 20px !important;
    color: #263b44 !important;
    text-align: left !important;
    overflow: visible !important;
}

.descuento-autorizado-aviso {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 18px;
    padding: 12px 14px;
    color: #155e75;
    font-size: .92rem;
    font-weight: 600;
    line-height: 1.35;
    background: #ecfeff;
    border: 1px solid #a5f3fc;
    border-radius: 10px;
}

.descuento-autorizado-aviso i {
    flex: 0 0 auto;
    margin-top: 2px;
    font-size: 1.05rem;
}

.descuento-autorizado-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.descuento-campo {
    min-width: 0;
}

.descuento-campo-completo {
    grid-column: 1 / -1;
}

.descuento-campo label {
    display: block;
    margin: 0 0 6px !important;
    color: #526872 !important;
    font-size: .78rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.swal-descuento-autorizado .descuento-control {
    display: block !important;
    width: 100% !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    color: #1f3038 !important;
    font-size: .95rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    background: #fff !important;
    border: 1px solid #cbd8de !important;
    border-radius: 9px !important;
    outline: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

.swal-descuento-autorizado textarea.descuento-control {
    height: 82px !important;
    min-height: 82px !important;
    resize: vertical !important;
}

.swal-descuento-autorizado .descuento-control:focus {
    background: #fff !important;
    border-color: #2185d0 !important;
    box-shadow: 0 0 0 3px rgba(33, 133, 208, .14) !important;
}

.swal-descuento-autorizado .descuento-control::placeholder {
    color: #98a5ac !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

.descuento-porcentaje-contenedor {
    position: relative;
}

.descuento-porcentaje-contenedor .descuento-control {
    padding-right: 42px !important;
}

.descuento-porcentaje-simbolo {
    position: absolute;
    top: 50%;
    right: 14px;
    color: #71828a;
    font-size: 1rem;
    font-weight: 800;
    transform: translateY(-50%);
    pointer-events: none;
}

.swal-descuento-autorizado .swal2-validation-message {
    margin: 0 24px 14px !important;
    padding: 10px 12px !important;
    font-size: .85rem !important;
    border-radius: 8px !important;
}

.swal-descuento-autorizado .swal2-actions {
    width: 100% !important;
    margin: 0 !important;
    padding: 15px 24px 20px !important;
    gap: 10px !important;
    background: #f7fafb !important;
    border-top: 1px solid #e1e8eb !important;
    box-sizing: border-box !important;
}

.btn-swal-autorizar,
.btn-swal-cancelar {
    min-height: 44px;
    margin: 0 !important;
    padding: 10px 18px !important;
    font-size: .9rem !important;
    font-weight: 700 !important;
    border: 0 !important;
    border-radius: 9px !important;
    cursor: pointer;
    transition:
        transform .15s ease,
        box-shadow .15s ease,
        background-color .15s ease;
}

.btn-swal-autorizar {
    color: #fff !important;
    background: #172a33 !important;
    box-shadow: 0 5px 13px rgba(23, 42, 51, .2);
}

.btn-swal-autorizar:hover {
    background: #0f1e25 !important;
    transform: translateY(-1px);
}

.btn-swal-cancelar {
    color: #465962 !important;
    background: #e7edef !important;
}

.btn-swal-cancelar:hover {
    background: #dbe4e7 !important;
}

@media (max-width: 576px) {
    .swal-descuento-autorizado {
        width: calc(100vw - 16px) !important;
        border-radius: 13px !important;
    }

    .swal-descuento-autorizado .swal2-title {
        padding: 17px 17px 6px !important;
        font-size: 1.15rem !important;
    }

    .swal-descuento-autorizado .swal2-html-container {
        padding: 10px 17px 17px !important;
    }

    .descuento-autorizado-grid {
        grid-template-columns: 1fr;
        gap: 11px;
    }

    .descuento-campo-completo {
        grid-column: auto;
    }

    .swal-descuento-autorizado .swal2-actions {
        padding: 13px 17px 17px !important;
    }

    .btn-swal-autorizar,
    .btn-swal-cancelar {
        width: 100% !important;
    }
}
button#btn-autorizar-descuento-masivo {
    position: absolute;
    z-index: 1;
    right: 0;
}
.swal-log-descuentos {
    border-radius: 14px !important;
}

.swal-log-descuentos .swal2-title {
    color: #263b45;
    font-size: 1.5rem;
}

.log-descuentos-resumen {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
}

.log-descuentos-resumen span {
    padding: 7px 12px;
    border: 1px solid #d8e2e7;
    border-radius: 8px;
    background: #f5f8fa;
    color: #526b78;
}

.log-descuentos-tabla {
    max-height: 60vh;
    overflow: auto;
    border: 1px solid #d8e2e7;
    border-radius: 10px;
}

.log-descuentos-tabla table {
    margin: 0;
    text-align: left;
}

.log-descuentos-tabla thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    border: 0;
    background: #263b45;
    color: #fff;
    white-space: nowrap;
}

.log-descuentos-tabla tbody td {
    vertical-align: middle;
}

@media (max-width: 767px) {
    .swal-log-resultados {
        width: 98% !important;
        padding: 12px !important;
    }

    .log-descuentos-tabla {
        max-height: 65vh;
    }
}

button.btn.btn-xs.btn-warning.btn-autorizar-descuento-item {
    position: absolute;
    z-index: 1;
    right: 0;
}

/* =====================================================
   Autorización de descuento por ítem
   ===================================================== */

.swal2-popup.swal-descuento-autorizado {
    width: 640px !important;
    max-width: calc(100vw - 24px) !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid #dbe4e8;
    border-radius: 16px !important;
    background: #ffffff;
    box-shadow: 0 24px 65px rgba(21, 42, 51, 0.24);
}

.swal-descuento-autorizado .swal2-title,
.swal-descuento-autorizado .swal-descuento-titulo {
    margin: 0 !important;
    padding: 22px 26px 16px !important;
    color: #263b45 !important;
    font-size: 25px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: left !important;
}

.swal-descuento-autorizado .swal2-html-container,
.swal-descuento-autorizado .swal-descuento-contenido {
    margin: 0 !important;
    padding: 0 26px 22px !important;
    overflow: visible !important;
    color: #263b45;
    font-size: 14px !important;
    text-align: left !important;
}

.descuento-item-form {
    width: 100%;
}

.descuento-item-aviso {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    padding: 12px 14px;
    border: 1px solid #cfe3ea;
    border-radius: 10px;
    background: #f0f8fa;
    color: #315966;
}

.descuento-item-aviso-icono {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #d8edf2;
    color: #17677a;
    font-size: 17px;
}

.descuento-item-aviso div {
    min-width: 0;
}

.descuento-item-aviso strong {
    display: block;
    margin-bottom: 2px;
    color: #23434d;
    font-size: 14px;
    line-height: 1.2;
}

.descuento-item-aviso small {
    display: block;
    color: #607d86;
    font-size: 12px;
    line-height: 1.3;
}

.descuento-item-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
}

.descuento-item-campo {
    min-width: 0;
    margin: 0;
}

.descuento-item-campo label {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 6px !important;
    color: #3e5964 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.descuento-item-campo label i {
    width: 14px;
    color: #78909a;
    text-align: center;
}

.descuento-item-campo .form-control {
    width: 100% !important;
    height: 43px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border: 1px solid #c9d6dc !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #263b45 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
}

.descuento-item-campo .form-control::placeholder {
    color: #98a5ab !important;
    font-weight: 500 !important;
    opacity: 1;
}

.descuento-item-campo .form-control:focus {
    border-color: #2782bf !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(39, 130, 191, 0.14) !important;
}

.descuento-item-porcentaje {
    display: flex;
    align-items: stretch;
    width: 100%;
}

.descuento-item-porcentaje input {
    min-width: 0;
    border-radius: 8px 0 0 8px !important;
}

.descuento-item-porcentaje span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    border: 1px solid #c9d6dc;
    border-left: 0;
    border-radius: 0 8px 8px 0;
    background: #eef3f5;
    color: #526b76;
    font-size: 15px;
    font-weight: 800;
}

.descuento-item-total {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 69px;
    padding: 10px 14px;
    border: 1px solid #bee0cd;
    border-radius: 9px;
    background: #eff9f3;
}

.descuento-item-total span {
    margin-bottom: 3px;
    color: #5c7867;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.descuento-item-total strong {
    color: #11733c;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.1;
}

.descuento-item-motivo {
    grid-column: 1 / -1;
}

.descuento-item-motivo textarea.form-control {
    min-height: 76px !important;
    height: 76px !important;
    padding-top: 10px !important;
    resize: vertical;
}

.descuento-item-motivo > small {
    display: block;
    margin-top: 5px;
    color: #87979e;
    font-size: 11px;
    text-align: right;
}

.swal-descuento-autorizado .swal2-actions,
.swal-descuento-autorizado .swal-descuento-acciones {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 26px !important;
    border-top: 1px solid #e1e8eb;
    background: #f7f9fa;
}

.swal-descuento-autorizado .btn-swal-autorizar,
.swal-descuento-autorizado .btn-swal-cancelar {
    min-height: 43px;
    margin: 0 !important;
    padding: 9px 18px !important;
    border: 0;
    border-radius: 8px;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    transition:
        transform 0.16s ease,
        box-shadow 0.16s ease,
        background-color 0.16s ease;
}

.swal-descuento-autorizado .btn-swal-autorizar {
    background: #18343e;
    color: #ffffff;
    box-shadow: 0 5px 12px rgba(24, 52, 62, 0.2);
}

.swal-descuento-autorizado .btn-swal-cancelar {
    background: #e8eef1;
    color: #526871;
}

.swal-descuento-autorizado .btn-swal-autorizar:hover,
.swal-descuento-autorizado .btn-swal-cancelar:hover {
    transform: translateY(-1px);
}

.swal-descuento-autorizado .btn-swal-autorizar:hover {
    background: #102a33;
    box-shadow: 0 7px 16px rgba(24, 52, 62, 0.26);
}

.swal-descuento-autorizado .btn-swal-cancelar:hover {
    background: #dce5e9;
}

/* Móvil */
@media (max-width: 600px) {
    .swal2-popup.swal-descuento-autorizado {
        width: calc(100vw - 16px) !important;
        max-height: calc(100dvh - 16px);
        overflow-y: auto;
        border-radius: 12px !important;
    }

    .swal-descuento-autorizado .swal2-title,
    .swal-descuento-autorizado .swal-descuento-titulo {
        padding: 18px 18px 12px !important;
        font-size: 21px !important;
    }

    .swal-descuento-autorizado .swal2-html-container,
    .swal-descuento-autorizado .swal-descuento-contenido {
        padding: 0 18px 18px !important;
    }

    .descuento-item-grid {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .descuento-item-motivo {
        grid-column: auto;
    }

    .swal-descuento-autorizado .swal2-actions,
    .swal-descuento-autorizado .swal-descuento-acciones {
        padding: 13px 18px !important;
    }

    .swal-descuento-autorizado .btn-swal-autorizar,
    .swal-descuento-autorizado .btn-swal-cancelar {
        flex: 1 1 auto;
        padding: 10px 12px !important;
        font-size: 13px !important;
    }
}
button.btn.btn-xs.btn-success.btn-toma-fisica {
    position: absolute;
    right: 0;
    z-index: 1;
}
button#btn-autorizar-descuento-masivo-pos {
    position: absolute;
    top: 0;
    right: 0;
}

div#ModalNuevoCliente, div#modalRegistroVehiculos {
    /*z-index: 99999 !important;*/
}

/*
 * Controles de formulario en móvil.
 * Se excluyen los tipos que no deben recibir altura ni padding de campo de texto.
 */
@media (max-width: 880px) {
    body input.form-control:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]),
    body select.form-control:not([size]):not([multiple]) {
        height: 46px !important;
        min-height: 46px !important;
        padding: 8px 11px !important;
        border: 1px solid var(--fac-border, #cbd6df);
        border-radius: 10px;
        background-color: var(--fac-surface, #ffffff);
        color: var(--fac-text, #263238) !important;
        font-size: 16px !important;
        font-weight: 500;
        line-height: 1.25 !important;
        box-shadow: inset 3px 0 0 #c5cdd5;
        transition: border-color 0.18s ease, box-shadow 0.18s ease;
    }

    body textarea.form-control {
        min-height: 86px !important;
        padding: 9px 11px !important;
        border: 1px solid var(--fac-border, #cbd6df);
        border-radius: 10px;
        background-color: var(--fac-surface, #ffffff);
        color: var(--fac-text, #263238) !important;
        font-size: 16px !important;
        font-weight: 500;
        line-height: 1.35 !important;
        box-shadow: inset 3px 0 0 #c5cdd5;
        transition: border-color 0.18s ease, box-shadow 0.18s ease;
    }

    /*
     * Select2 crea su propio HTML y no hereda el estilo del select original.
     * Se iguala visualmente con los demás controles únicamente en móvil.
     */
    body .select2-container {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }

    body .select2-container--default .select2-selection--single {
        height: 46px !important;
        min-height: 46px !important;
        border: 1px solid var(--fac-border, #cbd6df) !important;
        border-radius: 10px !important;
        background-color: var(--fac-surface, #ffffff) !important;
        box-shadow: inset 3px 0 0 #c5cdd5;
        text-align: left;
        transition: border-color 0.18s ease, box-shadow 0.18s ease;
    }

    body .select2-container--default .select2-selection--single .select2-selection__rendered {
        height: 44px;
        padding: 0 38px 0 12px !important;
        color: var(--fac-text, #263238) !important;
        font-size: 16px !important;
        font-weight: 500;
        line-height: 44px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 1px;
        right: 7px;
        width: 24px;
        height: 42px;
    }

    body .select2-container--default .select2-selection--single .select2-selection__clear {
        position: absolute;
        top: 0;
        right: 31px;
        z-index: 2;
        margin: 0;
        color: #ef4444;
        font-size: 20px;
        line-height: 44px;
    }

    body .select2-container--default.select2-container--focus .select2-selection--single,
    body .select2-container--default.select2-container--open .select2-selection--single {
        border-color: #2684ff !important;
        box-shadow: inset 3px 0 0 #2684ff, 0 0 0 2px rgba(38, 132, 255, 0.14);
    }

    /* Los Select2 múltiples conservan altura flexible cuando acumulan opciones. */
    body .select2-container--default .select2-selection--multiple {
        min-height: 46px !important;
        padding: 4px 7px 3px 10px !important;
        border: 1px solid var(--fac-border, #cbd6df) !important;
        border-radius: 10px !important;
        background-color: var(--fac-surface, #ffffff) !important;
        box-shadow: inset 3px 0 0 #c5cdd5;
        box-sizing: border-box;
    }

    body .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px;
        min-height: 36px;
        padding: 0 !important;
    }

    body .select2-container--default .select2-selection--multiple .select2-selection__choice {
        margin: 0 !important;
        padding: 4px 7px;
        border-radius: 6px;
        line-height: 24px;
    }

    body .select2-container--default .select2-search--inline .select2-search__field {
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        padding: 4px 2px !important;
        font-size: 16px !important;
        line-height: 26px !important;
        box-shadow: none !important;
    }

    /* Botones de acción uniformes y cómodos para interacción táctil. */
    body .btn:not(.btn-xs):not(.btn-sm):not(.close) {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 44px;
        padding: 8px 14px !important;
        border-radius: 9px;
        font-size: 15px !important;
        font-weight: 600;
        line-height: 1.15 !important;
        white-space: nowrap;
        vertical-align: middle;
        transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
    }

    body .btn:not(.btn-xs):not(.btn-sm):not(.close) > i {
        margin: 0 !important;
        line-height: 1;
    }

    body .btn:not(.btn-xs):not(.btn-sm):not(.close):active {
        transform: translateY(1px);
    }

    /* En los pies de modal, las acciones ocupan el mismo espacio disponible. */
    body .modal-footer {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 10px 12px !important;
    }

    body .modal-footer > p {
        flex: 1 0 100%;
        margin: 0 0 2px !important;
        text-align: left;
    }

    body .modal-footer > .btn:not(.btn-xs):not(.btn-sm):not(.close) {
        flex: 1 1 120px;
        margin: 0 !important;
    }

    /*
     * El tema anterior combina height: 25px con padding: 9px en .btn-xs.
     * Se fija una sola métrica para evitar botones altos, bajos o descentrados.
     */
    body .btn.btn-xs:not(.close) {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        height: 44px !important;
        min-height: 44px !important;
        padding: 8px 12px !important;
        border-radius: 9px;
        box-sizing: border-box;
        font-size: 14px !important;
        font-weight: 600;
        line-height: 1 !important;
        white-space: nowrap;
        vertical-align: middle;
    }

    body .btn.btn-xs:not(.close) > i {
        margin: 0 !important;
        line-height: 1;
    }

    body .btn.btn-xs.btn-block {
        width: 100%;
    }

    body .input-group > .btn.btn-xs,
    body .input-group-append > .btn.btn-xs,
    body .input-group-prepend > .btn.btn-xs {
        margin: 0 !important;
        border-radius: 0 9px 9px 0;
    }
}