/* 
    Created on : 27-oct-2017, 18:54:54
    Author     : DC
*/

/*ERROR VALIDATE*/
label.error{
    color: #990000 !important;
}
input.error{
    border: 1px solid #990000 !important;
}
select.error{
    border: 1px solid #990000 !important;
}

/* Cuentas por pagar: cuadrícula y pie de paginación */
.cuenta-pagar-listado {
    margin-top: 8px;
    padding: 10px;
    border: 1px solid #d5d5d5;
    background-color: #fff;
}

.cuenta-pagar-tabs {
    margin: -1px 0 10px;
}

.cuenta-pagar-grid {
    width: 100%;
    margin-bottom: 0;
    border: 1px solid #cfcfcf;
    border-collapse: collapse;
}

.cuenta-pagar-grid > thead > tr > th,
.cuenta-pagar-grid > tbody > tr > td {
    border: 1px solid #cfcfcf !important;
    vertical-align: middle;
}

.cuenta-pagar-grid > tbody > tr:last-child > td {
    border-bottom: 1px solid #cfcfcf !important;
}

.cuenta-pagar-grid-resumen {
    table-layout: fixed;
}

.cuenta-pagar-grid-resumen .cuenta-pagar-col-importe {
    width: 112px;
}

.cuenta-pagar-grid-resumen > thead > tr > th:nth-child(3),
.cuenta-pagar-grid-resumen > tbody > tr > td:nth-child(3) {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.cuenta-pagar-grid-resumen > thead > tr > th:nth-child(3) .input-group {
    width: 100%;
    min-width: 0;
}

.cuenta-pagar-grid-resumen > tbody > tr > td:nth-child(n+4) {
    white-space: nowrap;
}

.cuenta-pagar-pie {
    display: flex;
    align-items: center;
    min-height: 43px;
    margin: -1px 0 0;
    padding: 7px 10px;
    border: 1px solid #cfcfcf;
    background-color: #fafafa;
    font-size: 12px;
}

.cuenta-pagar-pager {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
}

.cuenta-pagar-rango {
    color: #777;
    white-space: nowrap;
}

.cuenta-pagar-rango-movil {
    display: none;
}

.cuenta-pagar-pager .btn {
    min-width: 28px;
    height: 29px;
    padding: 4px 8px;
}

.cuenta-pagar-pagina-actual {
    min-width: 38px;
    text-align: center;
    white-space: nowrap;
}

.cuenta-pagar-col-nro {
    width: 45px;
}

.cuenta-pagar-col-acciones {
    width: 82px;
}

.cuenta-pagar-col-importe {
    width: 130px;
}

.cuenta-pagar-col-fecha {
    width: 110px;
}

.cuenta-pagar-col-retraso {
    width: 165px;
}

.cuenta-pagar-col-hora {
    width: 85px;
}

.cuenta-pagar-col-comprobante {
    width: 145px;
}

.cuenta-pagar-col-modal-importe {
    width: 110px;
}

.cuenta-pagar-col-moneda {
    width: 80px;
}

.cuenta-pagar-moneda {
    display: inline-block;
    min-width: 34px;
    color: #fff;
    background: #596275;
    white-space: nowrap;
}

.cuenta-pagar-pie-izquierdo {
    padding-left: 0;
}

.cuenta-pagar-pie-derecho {
    padding-right: 0;
}

.cuenta-pagar-info {
    margin-right: 10px;
}

.cuenta-pagar-tamano {
    display: inline-block;
    width: 65px;
    height: 29px;
}

.cuenta-pagar-tamano-modal {
    margin-left: 8px;
}

.cuenta-pagar-modal {
    width: 1120px;
    max-width: calc(100vw - 30px);
}

.cuenta-pagar-modal .cuenta-pagar-grid {
    width: 100%;
    min-width: 940px;
    table-layout: fixed;
}

.cuenta-pagar-modal .cuenta-pagar-grid-detalle {
    min-width: 1020px;
}

.cuenta-pagar-modal .table-responsive {
    overflow-x: auto;
}

.cuenta-pagar-modal .cuenta-pagar-grid .input-group {
    width: 100%;
    min-width: 0;
}

.cuenta-pagar-modal .cuenta-pagar-grid .form-control {
    min-width: 0;
}

.cuenta-pagar-proveedor {
    margin-bottom: 12px;
}

.cuenta-pagar-export-bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    width: 100%;
    min-height: 38px;
    margin: 0;
    padding: 3px;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #fafafa;
}

.cuenta-pagar-export-bar .btn-group {
    display: inline-flex;
}

.cuenta-pagar-resumen-export-bar {
    max-width: 100%;
    overflow: hidden;
}

.cuenta-pagar-resumen-export-bar .btn-group,
.cuenta-pagar-resumen-export-bar .btn {
    max-width: 100%;
}

.cuenta-pagar-pago-modal {
    width: 500px;
    max-width: 95%;
}

.cuenta-pagar-historial-modal {
    width: 850px;
    max-width: 95%;
}

.cuenta-pagar-historial-grid {
    margin-bottom: 0;
}

.cuenta-pagar-historial-grid > tbody > tr > td:nth-child(2) {
    padding-left: 6px;
    padding-right: 6px;
    white-space: nowrap;
    vertical-align: middle;
}

.cuenta-pagar-pago-acciones {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    white-space: nowrap;
}

.cuenta-pagar-pago-acciones ._btn_imprimir_pago {
    display: inline-flex;
}

.cuenta-pagar-pago-acciones button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 26px;
    margin: 0;
    padding: 4px 7px;
    line-height: 1;
    border-radius: 3px;
}

.cuenta-pagar-ticket-modal {
    width: 520px;
    max-width: 95%;
}

.cuenta-pagar-ticket-vista {
    padding: 18px;
}

.cuenta-pagar-ticket {
    width: 80mm;
    max-width: 100%;
    margin: 0 auto;
    padding: 22px;
    color: #222;
    font-family: Arial, sans-serif;
    font-size: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28);
}

.cuenta-pagar-ticket-encabezado {
    text-align: center;
}

.cuenta-pagar-ticket-logo {
    display: block;
    max-width: 145px;
    max-height: 72px;
    margin: 0 auto 7px;
}

.cuenta-pagar-ticket-empresa span {
    display: block;
    margin-top: 2px;
    line-height: 1.25;
}

.cuenta-pagar-ticket-titulo {
    margin: 14px 0 10px;
    padding: 8px 2px;
    border-top: 1px dashed #555;
    border-bottom: 1px dashed #555;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
}

.cuenta-pagar-ticket-datos > div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 5px 0;
    border-bottom: 1px dotted #bbb;
}

.cuenta-pagar-ticket-datos span {
    text-align: right;
}

.cuenta-pagar-ticket-observacion {
    margin-top: 10px;
    line-height: 1.4;
}

.cuenta-pagar-ticket-total {
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
    padding: 9px 0;
    border-top: 1px solid #333;
    border-bottom: 3px double #333;
    font-size: 15px;
    text-transform: uppercase;
}

.cuenta-cobrar-ticket-modal {
    width: 520px;
    max-width: 95%;
}

.cuenta-cobrar-ticket-vista {
    padding: 18px;
}

.cuenta-cobrar-ticket {
    width: 80mm;
    max-width: 100%;
    margin: 0 auto;
    padding: 22px;
    color: #222;
    font-family: Arial, sans-serif;
    font-size: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28);
}

.cuenta-cobrar-ticket-encabezado {
    text-align: center;
}

.cuenta-cobrar-ticket-logo {
    display: block;
    max-width: 145px;
    max-height: 72px;
    margin: 0 auto 7px;
}

.cuenta-cobrar-ticket-empresa span {
    display: block;
    margin-top: 2px;
    line-height: 1.25;
}

.cuenta-cobrar-ticket-titulo {
    margin: 14px 0 10px;
    padding: 8px 2px;
    border-top: 1px dashed #555;
    border-bottom: 1px dashed #555;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
}

.cuenta-cobrar-ticket-datos > div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 5px 0;
    border-bottom: 1px dotted #bbb;
}

.cuenta-cobrar-ticket-datos span {
    text-align: right;
}

.cuenta-cobrar-ticket-observacion {
    margin-top: 10px;
    line-height: 1.4;
}

.cuenta-cobrar-ticket-total {
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
    padding: 9px 0;
    border-top: 1px solid #333;
    border-bottom: 3px double #333;
    font-size: 15px;
    text-transform: uppercase;
}

/* Cuentas por cobrar: estructura independiente del flujo contable */
.cuenta-cobrar-listado {
    width: 100%;
    max-width: 100%;
    padding: 10px;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #d5d5d5;
    background: #fff;
}

.cuenta-cobrar-listado .table-responsive {
    width: 100%;
    max-width: 100%;
}

.cuenta-cobrar-tabs {
    margin-bottom: 10px;
}

.cuenta-cobrar-grid {
    margin-bottom: 0;
    table-layout: fixed;
}

.cuenta-cobrar-grid th,
.cuenta-cobrar-grid td {
    vertical-align: middle !important;
}

.cuenta-cobrar-listado .cuenta-cobrar-grid > thead > tr > th:nth-child(3),
.cuenta-cobrar-listado .cuenta-cobrar-grid > tbody > tr > td:nth-child(3) {
    min-width: 0;
    max-width: 100%;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.cuenta-cobrar-listado .cuenta-cobrar-grid > tbody > tr > td:nth-child(3) {
    overflow: hidden;
    line-height: 1.35;
}

.cuenta-cobrar-listado .cuenta-cobrar-grid > thead > tr > th:nth-child(3) .input-group {
    width: 100%;
    min-width: 0;
}

.cuenta-cobrar-col-nro { width: 45px; }
.cuenta-cobrar-col-acciones { width: 75px; }
.cuenta-cobrar-col-importe { width: 130px; }
.cuenta-cobrar-col-fecha { width: 110px; }
.cuenta-cobrar-col-comprobante { width: 145px; }
.cuenta-cobrar-col-retraso { width: 165px; }
.cuenta-cobrar-col-moneda { width: 80px; }

.cuenta-cobrar-grid-historial .cuenta-cobrar-col-importe {
    line-height: 1.2;
    white-space: normal;
}

.cuenta-cobrar-grid-historial > tbody > tr > td:nth-child(n+4) {
    white-space: nowrap;
}

.cuenta-cobrar-pie {
    min-height: 43px;
    margin: -1px 0 0;
    padding: 8px 0;
    border: 1px solid #cfcfcf;
    background: #fff;
}

.cuenta-cobrar-listado .cuenta-cobrar-pie {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 7px 10px;
    background: #fafafa;
    font-size: 12px;
}

.cuenta-cobrar-pager {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
}

.cuenta-cobrar-rango {
    color: #777;
    white-space: nowrap;
}

.cuenta-cobrar-rango-movil {
    display: none;
}

.cuenta-cobrar-tamano {
    width: 65px;
    height: 29px;
}

.cuenta-cobrar-pager .btn {
    min-width: 28px;
    height: 29px;
    padding: 4px 8px;
}

.cuenta-cobrar-pagina-actual {
    min-width: 38px;
    text-align: center;
    white-space: nowrap;
}

.cuenta-cobrar-modal {
    width: 1180px;
    max-width: calc(100vw - 30px);
}

.cuenta-cobrar-pago-modal {
    width: 500px;
    max-width: 95%;
}

.cuenta-cobrar-pago-modal .chosen-container {
    width: 100% !important;
}

.cuenta-cobrar-moneda-pago {
    font-weight: 700;
    text-align: center;
}

.cuenta-cobrar-simbolo-pago {
    min-width: 42px;
    font-weight: 700;
    color: #3c4858;
    background: #eef2f6;
}

.cuenta-cobrar-pago-modal .input-group .lv-requided {
    padding-right: 22px !important;
}

.cuenta-cobrar-historial-modal {
    width: 900px;
    max-width: 95%;
}

.cuenta-cobrar-pdf-modal {
    width: 950px;
    max-width: 94vw;
}

.cuenta-cobrar-pdf-modal .modal-content {
    overflow: hidden;
}

.cuenta-cobrar-pdf-modal .modal-body {
    padding: 20px;
    background: #fff;
}

.cuenta-cobrar-pdf-viewer {
    position: relative;
    width: 100%;
    height: 650px;
    min-height: 650px;
    max-height: 650px;
    overflow: hidden;
    border: 1px solid #aaa;
    background: #303030;
}

.cuenta-cobrar-pdf-frame {
    display: block;
    width: 100% !important;
    height: 100% !important;
    border: 0;
    opacity: 0;
    transition: opacity .15s ease-in;
}

.cuenta-cobrar-pdf-viewer.is-ready .cuenta-cobrar-pdf-frame {
    opacity: 1;
}

.cuenta-cobrar-pdf-loading,
.cuenta-cobrar-pdf-error {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: min(360px, 85%);
    padding: 18px;
    transform: translate(-50%, -50%);
    border-radius: 4px;
    color: #eee;
    text-align: center;
    background: rgba(20,20,20,.88);
}

.cuenta-cobrar-pdf-loading .fa,
.cuenta-cobrar-pdf-error .fa {
    font-size: 24px;
}

.cuenta-cobrar-pdf-viewer.is-error .cuenta-cobrar-pdf-frame {
    opacity: .18;
}

.cuenta-cobrar-col-hora { width: 85px; }

.cuenta-cobrar-pago-acciones {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    white-space: nowrap;
}

.cuenta-cobrar-pago-acciones ._btn_imprimir_pago { display: inline-flex; }

.cuenta-cobrar-pago-acciones button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 26px;
    margin: 0;
    padding: 4px 7px;
    line-height: 1;
}

.cuenta-cobrar-modal .modal-body {
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
}

.cuenta-cobrar-modal .cuenta-cobrar-tabla-scroll {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.cuenta-cobrar-modal .cuenta-cobrar-grid {
    width: 100%;
    min-width: 940px;
    max-width: none;
}

.cuenta-cobrar-modal .cuenta-cobrar-grid-detalle {
    min-width: 1020px;
}

.cuenta-cobrar-moneda {
    display: inline-block;
    min-width: 34px;
    color: #fff;
    background: #596275;
    white-space: nowrap;
}

.cuenta-cobrar-cliente {
    margin-bottom: 12px;
}

.cuenta-cobrar-export-bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    width: 100%;
    min-height: 38px;
    margin: 0;
    padding: 3px;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #fafafa;
}

.cuenta-cobrar-export-bar .btn-group {
    display: inline-flex;
}

.cuenta-cobrar-resumen-export-bar {
    max-width: 100%;
    overflow: hidden;
}

.cuenta-cobrar-resumen-export-bar .btn-group,
.cuenta-cobrar-resumen-export-bar .btn {
    max-width: 100%;
}

.btn-cuenta-cobrar {
    color: #fff;
    background-color: #1ec9bb;
    border-color: #19ada2;
}

.btn-cuenta-cobrar:hover,
.btn-cuenta-cobrar:focus {
    color: #fff;
    background-color: #18aa9f;
    border-color: #15988e;
}

@media (max-width: 767px) {
    .cuenta-cobrar-listado { padding: 6px; }
    .cuenta-cobrar-grid { min-width: 650px; }
    .cuenta-cobrar-grid-resumen { min-width: 900px; }
    .cuenta-cobrar-grid-historial { min-width: 900px; }
    .cuenta-cobrar-listado .table-responsive {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x pan-y;
    }
    .cuenta-cobrar-resumen-export-bar {
        min-height: 34px;
        padding: 3px;
    }
    .cuenta-cobrar-resumen-export-bar .btn {
        width: auto;
        min-width: 0;
        white-space: normal;
    }
    .cuenta-cobrar-modal {
        width: calc(100vw - 16px);
        max-width: calc(100vw - 16px);
        margin: 8px auto;
    }
    .cuenta-cobrar-modal .modal-body {
        padding-right: 10px;
        padding-left: 10px;
    }
    .cuenta-cobrar-modal .cuenta-cobrar-tabla-scroll {
        overflow-x: auto !important;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x pan-y;
    }
    .cuenta-cobrar-cliente .control-label {
        margin-bottom: 6px;
        text-align: left;
    }
    .cuenta-cobrar-pdf-modal {
        width: 94vw;
        max-width: 94vw;
        margin: 8px auto;
    }
    .cuenta-cobrar-pdf-modal .modal-body { padding: 8px; }
    .cuenta-cobrar-pdf-viewer {
        height: calc(100vh - 175px);
        min-height: 420px;
        max-height: calc(100vh - 175px);
    }
    .cuenta-cobrar-listado .cuenta-cobrar-pie {
        padding: 6px;
    }
    .cuenta-cobrar-pager {
        flex-wrap: nowrap;
        gap: 2px;
        font-size: 10px;
    }
    .cuenta-cobrar-rango-escritorio {
        display: none;
    }
    .cuenta-cobrar-rango-movil {
        display: inline;
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
    }
    .cuenta-cobrar-tamano {
        flex: 0 0 38px;
        width: 38px;
        height: 25px;
        padding: 2px;
        font-size: 10px;
    }
    .cuenta-cobrar-pager .btn {
        flex: 0 0 22px;
        width: 22px;
        min-width: 22px;
        height: 25px;
        padding: 2px 0;
        font-size: 11px;
    }
    .cuenta-cobrar-pagina-actual {
        flex: 0 0 34px;
        min-width: 34px;
        text-align: center;
    }
}

.btn-historial-pago {
    color: #fff;
    background-color: #6f42c1;
    border-color: #633bad;
}

.btn-historial-pago:hover,
.btn-historial-pago:focus,
.btn-historial-pago:active,
.btn-historial-pago.active {
    color: #fff;
    background-color: #59359b;
    border-color: #4e2f89;
}

.btn-cuenta-pagar {
    color: #fff;
    background-color: #1ec9bb;
    border-color: #1ab5a9;
}

.btn-cuenta-pagar:hover,
.btn-cuenta-pagar:focus,
.btn-cuenta-pagar:active,
.btn-cuenta-pagar.active {
    color: #fff;
    background-color: #19aa9f;
    border-color: #16978e;
}

@media (max-width: 767px) {
    .cuenta-pagar-listado {
        padding: 8px;
    }

    .cuenta-pagar-resumen-export-bar {
        min-height: 34px;
        padding: 3px;
    }

    .cuenta-pagar-resumen-export-bar .btn {
        width: auto;
        min-width: 0;
        white-space: normal;
    }

    .cuenta-pagar-listado .table-responsive,
    .cuenta-pagar-modal .modal-body {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x pan-y;
    }

    .cuenta-pagar-modal .table-responsive {
        overflow-x: visible;
    }

    .cuenta-pagar-grid {
        width: 100%;
        min-width: 0;
        table-layout: fixed;
    }

    .cuenta-pagar-grid-resumen {
        width: 850px;
        min-width: 850px;
    }

    .cuenta-pagar-grid-historial {
        width: 850px;
        min-width: 850px;
    }

    .cuenta-pagar-listado .cuenta-pagar-pie {
        width: 100%;
        min-width: 0;
        margin-top: -1px;
        padding: 6px;
    }

    .cuenta-pagar-pager {
        flex-wrap: nowrap;
        gap: 2px;
        font-size: 10px;
    }

    .cuenta-pagar-rango-escritorio {
        display: none;
    }

    .cuenta-pagar-rango-movil {
        display: inline;
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
    }

    .cuenta-pagar-tamano {
        flex: 0 0 38px;
        width: 38px;
        height: 25px;
        padding: 2px;
        font-size: 10px;
    }

    .cuenta-pagar-pager .btn {
        flex: 0 0 22px;
        width: 22px;
        min-width: 22px;
        height: 25px;
        padding: 2px 0;
        font-size: 11px;
    }

    .cuenta-pagar-pagina-actual {
        flex: 0 0 34px;
        min-width: 34px;
        text-align: center;
    }

    .cuenta-pagar-grid > thead > tr > th,
    .cuenta-pagar-grid > tbody > tr > td {
        white-space: normal;
        word-break: normal;
        overflow-wrap: break-word;
    }
}
.liquidacion-diaria-listado{border:1px solid #d7d7d7;background:#fff;padding:10px}
.liquidacion-diaria-toolbar{margin:0 0 14px;padding:10px 5px;background:#f7f7f7;border:1px solid #ddd}
.liquidacion-diaria-toolbar label{display:block;margin-bottom:5px;font-weight:600}
.liquidacion-diaria-grid{margin-bottom:0;min-width:960px;table-layout:fixed}
.liquidacion-diaria-grid thead th{vertical-align:middle;background:#f5f5f5;white-space:nowrap}
.liquidacion-diaria-grid>thead>tr>th,.liquidacion-diaria-grid>tbody>tr>td{padding-left:6px;padding-right:6px}
.liquidacion-diaria-grid .col-nro{width:44px}
.liquidacion-diaria-grid .col-acciones{width:175px}
.liquidacion-diaria-grid .col-local{width:145px}
.liquidacion-diaria-grid .col-caja{width:105px}
.liquidacion-diaria-grid .col-responsable{width:130px}
.liquidacion-diaria-grid .col-importe{width:78px}
.liquidacion-diaria-grid .col-fecha{width:145px}
.liquidacion-diaria-grid .col-estado{width:74px}
.liquidacion-diaria-grid td{vertical-align:middle!important;white-space:normal;word-break:normal;overflow-wrap:anywhere}
.liquidacion-diaria-grid th:nth-child(2),.liquidacion-diaria-grid td:nth-child(2){white-space:nowrap}
.liquidacion-btn-detalle{background:#b1719a;border-color:#b1719a;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.30);transition:box-shadow .15s ease,background-color .15s ease,border-color .15s ease}
.liquidacion-btn-detalle:hover,.liquidacion-btn-detalle:focus{background:#9d5d86;border-color:#9d5d86;color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.34)}
.liquidacion-btn-cerrar{background:#fc3498;border-color:#fc3498;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.30);transition:box-shadow .15s ease,background-color .15s ease,border-color .15s ease}
.liquidacion-btn-cerrar:hover,.liquidacion-btn-cerrar:focus{background:#e21f80;border-color:#e21f80;color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.34)}
.liquidacion-btn-detalle:active,.liquidacion-btn-cerrar:active{box-shadow:0 1px 2px rgba(0,0,0,.28)}
.liquidacion-diaria-grid th:nth-child(1),.liquidacion-diaria-grid td:nth-child(1),
.liquidacion-diaria-grid th:nth-child(6),.liquidacion-diaria-grid td:nth-child(6),
.liquidacion-diaria-grid th:nth-child(7),.liquidacion-diaria-grid td:nth-child(7),
.liquidacion-diaria-grid th:nth-child(8),.liquidacion-diaria-grid td:nth-child(8),
.liquidacion-diaria-grid th:nth-child(9),.liquidacion-diaria-grid td:nth-child(9){white-space:nowrap}
.liquidacion-fecha-dia,.liquidacion-fecha-hora{display:inline;white-space:nowrap;line-height:1.25}
.liquidacion-fecha-hora{color:inherit;font-size:inherit}
.liquidacion-diaria-filtros .input-group-addon{cursor:pointer}
.liquidacion-diaria-pie{margin:0;padding:9px 0;border:1px solid #ddd;border-top:0}
.liquidacion-diaria-pie-izquierdo{display:flex;align-items:center;gap:7px;padding-left:0}
.liquidacion-diaria-pie-derecho{padding-right:0}
.liquidacion-diaria-info{white-space:nowrap}
.liquidacion-diaria-pie-izquierdo select{display:inline-block;flex:0 0 70px;width:70px}
@media(max-width:767px){
 .liquidacion-diaria-toolbar>div{margin-bottom:8px}
 .liquidacion-diaria-pie-izquierdo{margin-bottom:8px}
}

/* Liquidacion diaria: detalle por sesion de caja */
.liquidacion-detalle-modal .modal-dialog{width:min(1080px,94vw)}
.liquidacion-detalle-modal .modal-body{background:#fafafa;max-height:76vh;overflow-y:auto;padding:18px 22px}
.liquidacion-detalle-cabecera{background:#fff;border:1px solid #d9e0e5;padding:12px 15px;margin-bottom:16px}
.liquidacion-detalle-cabecera h3{text-align:center;color:#3478b9;font-weight:500;margin:2px 0 14px}
.liquidacion-detalle-cabecera .row{margin-bottom:8px}
.liquidacion-seccion{background:#eef2f5;border:1px solid #d7dde2;color:#34495e;text-align:center;font-size:13px;font-weight:700;margin:14px 0 0;padding:8px;text-transform:uppercase}
.liquidacion-detalle-modal table{background:#fff;margin-bottom:0}
.liquidacion-detalle-modal thead th{background:#f5f5f5;vertical-align:middle}
.liquidacion-tabla-scroll{max-height:260px;overflow:auto}
.liquidacion-ventas-tabla{width:100%;table-layout:fixed;font-size:12px}
.liquidacion-ventas-tabla .col-doc{width:8%}
.liquidacion-ventas-tabla .col-cliente{width:35%}
.liquidacion-ventas-tabla .col-fecha{width:15%}
.liquidacion-ventas-tabla .col-forma{width:18%}
.liquidacion-ventas-tabla .col-pen{width:8%}
.liquidacion-ventas-tabla .col-usd{width:6%}
.liquidacion-ventas-tabla .col-estado{width:10%}
.liquidacion-ventas-tabla th,.liquidacion-ventas-tabla td{
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:break-word;
}
.liquidacion-ventas-tabla th:nth-child(3),
.liquidacion-ventas-tabla td:nth-child(3){white-space:nowrap;overflow-wrap:normal;word-break:normal}
.liquidacion-tabla-scroll-sm{max-height:180px;overflow:auto}
.liquidacion-resumen .success td{background:#dff5df}
.liquidacion-resumen .danger td{background:#f9dddd}
.liquidacion-resumen .liquidacion-total-caja td{background:#d9edf7;font-size:15px;font-weight:700}
.liquidacion-observaciones{background:#fff;border:1px solid #ddd;margin-top:15px;min-height:42px;padding:11px}
.liquidacion-cierre-modal .modal-body,
.venta-cierre-modal .modal-body{max-height:72vh;overflow-y:auto}
.liquidacion-cierre-desglose{margin-bottom:14px}
.liquidacion-cierre-desglose-tabla{margin-bottom:12px!important}
.liquidacion-cierre-desglose-tabla thead th{background:#f5f5f5;text-transform:uppercase}
.liquidacion-cierre-desglose-tabla td:first-child{width:70%}
.liquidacion-cierre-desglose-tabla td:last-child{width:30%;white-space:nowrap}
@media(max-width:767px){.liquidacion-detalle-modal .modal-dialog{width:auto}.liquidacion-detalle-modal .modal-body{padding:12px}}

/* Cuentas por pagar: visor PDF nativo y responsivo */
.cuenta-pagar-pdf-modal {
    width: 950px;
    max-width: 94vw;
}
.cuenta-pagar-pdf-modal .modal-content {
    overflow: hidden;
}
.cuenta-pagar-pdf-modal .modal-body {
    padding: 20px;
    background: #fff;
}
.cuenta-pagar-pdf-viewer {
    position: relative;
    width: 100%;
    height: 650px;
    min-height: 650px;
    max-height: 650px;
    overflow: hidden;
    border: 1px solid #aaa;
    background: #303030;
}
.cuenta-pagar-pdf-frame {
    display: block;
    width: 100% !important;
    height: 100% !important;
    border: 0;
    opacity: 0;
    transition: opacity .15s ease-in;
}
.cuenta-pagar-pdf-viewer.is-ready .cuenta-pagar-pdf-frame {
    opacity: 1;
}
.cuenta-pagar-pdf-loading,
.cuenta-pagar-pdf-error {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: min(360px, 85%);
    padding: 18px;
    transform: translate(-50%, -50%);
    border-radius: 4px;
    color: #eee;
    text-align: center;
    background: rgba(20,20,20,.88);
}
.cuenta-pagar-pdf-loading .fa,
.cuenta-pagar-pdf-error .fa {
    font-size: 24px;
}
.cuenta-pagar-pdf-viewer.is-error .cuenta-pagar-pdf-frame {
    opacity: .18;
}
@media (max-width: 767px) {
    .cuenta-pagar-pdf-modal {
        width: 94vw;
        max-width: 94vw;
        margin: 8px auto;
    }
    .cuenta-pagar-pdf-modal .modal-body {
        padding: 8px;
    }
    .cuenta-pagar-pdf-viewer {
        height: calc(100vh - 175px);
        min-height: 420px;
        max-height: calc(100vh - 175px);
    }
}
