.x_content {
    margin-left: -5px;
    padding-left: 0px;
    margin-right: -5px;
}

.venta_directa a:link {
	color: #606 !important;
}

html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* MOD-055 (DEV-1182): Clases específicas para informe reducido */
.informe-reducido-seccion {
    margin-bottom: 20px;
}

.informe-reducido-panel {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.informe-reducido-panel-default {
    border-color: #ddd;
}

.informe-reducido-panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.informe-reducido-panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.informe-reducido-panel-body {
    padding: 15px;
}

/* MOD-056 (DEV-1650): Columna Detalle en movimientos de caja — salto de línea sin ocultar Monto/Saldo */
#cajas_table td.caja-movimiento-detalle {
    vertical-align: top;
    max-width: min(45vw, 32rem);
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}

/* MOD-1751 (DEV-1713): reportes ganancias — centrar celdas (Bootstrap 3 fuerza vertical-align:top en .table td) */
table#pedidos_listado_table.table > tbody > tr > td,
table#ventas_listado_table.table > tbody > tr > td {
    vertical-align: middle !important;
}

/* MOD-002 (DEV-1768): celdas del reporte ganancias por vendedor */
.ganancias-vendedor-celda {
	vertical-align: middle !important;
	font-size: 1.0em;
	line-height: 1.0;
	padding: 4px 4px !important;
}
.ganancias-vendedor-celda:hover {
	background-color: #eef5ff;
}
.ganancias-vendedor-celda-linea {
	white-space: nowrap;
}
.ganancias-vendedor-celda-vacia {
	color: #999;
}

/* MOD-030 (DEV-1705): modal Autorizar PE — input con precio aún igual al solicitado por el vendedor (rebaja) */
.pe_precio_solicitado_vendedor {
    color: #c0392b !important;
    font-weight: bold !important;
}

/* MOD-001 (DEV-1912): Movimientos bancarios — Operación ocupa el ancho restante */
#bancos_movimientos_table {
    table-layout: auto;
    width: 100%;
}

#bancos_movimientos_table td.bancos-mov-operacion {
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal;
    vertical-align: middle;
}

#bancos_movimientos_table td.bancos-mov-cuenta {
    white-space: normal;
    line-height: 1.25;
    vertical-align: middle;
}

#bancos_movimientos_table td.bancos-mov-fecha {
    vertical-align: middle;
    white-space: nowrap;
}

#bancos_movimientos_table .bancos-mov-fecha-empresa {
    color: #888;
}

#bancos_movimientos_table .bancos-mov-cuenta-num {
    font-size: 0.85em;
    white-space: nowrap;
}

#bancos_movimientos_table td.bancos-mov-tipo {
    vertical-align: middle;
    white-space: nowrap;
}

#bancos_movimientos_table .bancos-mov-tipo-pedido {
    font-weight: bold;
}

#bancos_movimientos_table td.bancos-mov-acciones {
    vertical-align: middle;
    width: 1%;
    white-space: nowrap;
    padding-right: 4px !important;
    text-align: right;
}

#bancos_movimientos_table td.bancos-mov-acciones a {
    display: inline !important;
}

/* MOD-002 (DEV-1912): badge código compacto — sin inflar line-height de la 1ª línea */
#bancos_movimientos_table .bancos-mov-codigo {
    display: inline;
    padding: 0 2px;
    font-size: 1.2em;
    line-height: 1.2;
    vertical-align: baseline;
    font-weight: bold;
    margin-right: 2px;
    /* MOD-003 (master): indica que el código tiene hint con su descripción */
    cursor: help;
}

#bancos_movimientos_table .bancos-mov-codigo--alert {
    background-color: #ff9800;
    color: white;
    border-radius: 2px;
    cursor: pointer;
}

#bancos_movimientos_table .bancos-mov-codigo--unmap {
    background-color: #dc3545;
    color: white;
    border-radius: 2px;
}

#bancos_movimientos_filtros_row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 5px;
    width: 100%;
}

#bancos_movimientos_filtros_row .dataTables_filter {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

#bancos_movimientos_filtros_row .bancos-mov-filtro-orden {
    margin-left: auto;
}

/* MOD-004 (master): acciones en grilla fija de 3x2, con la posición de cada ícono declarada.
   Columna 1: PDF de factura (opcional, la columna queda reservada igual para que las otras
   no se corran). Columnas 2 y 3: las 4 acciones fijas — comprobante y ver arriba, editar y
   borrar abajo, así la lupa queda sobre el tacho y no en una columna suelta. */
#bancos_movimientos_table .bancos-mov-acciones-grid {
    display: grid;
    grid-template-columns: repeat(3, 16px);
    grid-template-rows: repeat(2, auto);
    justify-items: center;
    column-gap: 2px;
}

#bancos_movimientos_table .bancos-mov-accion--pdf         { grid-area: 1 / 1; }
#bancos_movimientos_table .bancos-mov-accion--comprobante { grid-area: 1 / 2; }
#bancos_movimientos_table .bancos-mov-accion--ver         { grid-area: 1 / 3; }
#bancos_movimientos_table .bancos-mov-accion--editar      { grid-area: 2 / 2; }
#bancos_movimientos_table .bancos-mov-accion--borrar      { grid-area: 2 / 3; }

#bancos_movimientos_table .bancos-mov-accion {
    line-height: 1.2;
    white-space: nowrap;
}

/* MOD-005 (master): filas compactas — el hueco vertical venía de td span{line-height:28px}
   (gentelella custom.min.css), que inflaba la 2da línea de Fecha, Cuenta y Operación.
   vertical-align:top alinea la 1ª línea de todas las columnas: antes, con middle, las
   celdas de 1 línea (Tipo, Monto) quedaban centradas contra las de 2 y no coincidían. */
table#bancos_movimientos_table.grilla-compacta.table > thead > tr > th,
table#bancos_movimientos_table.grilla-compacta.table > tbody > tr > td {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    line-height: 17px !important;
    vertical-align: top !important;
}

#bancos_movimientos_table.grilla-compacta td span,
#bancos_movimientos_table.grilla-compacta td nobr,
#bancos_movimientos_table.grilla-compacta td div,
#bancos_movimientos_table.grilla-compacta td a,
#bancos_movimientos_table.grilla-compacta td i {
    line-height: 17px !important;
}

/* MOD-003 (DEV-1912): grilla sin scroll vertical interno; horizontal solo si hace falta */
.bancos-mov-table-wrap.table-responsive {
    overflow-y: hidden !important;
    overflow-x: auto;
    max-height: none !important;
}

/* MOD-008 (DEV-1842): filtros ventas_detalle_general — usa form-inline nativo Bootstrap */

/* MOD-009/010 (DEV-1842): cabecera pedido web sin fila fecha — padding normal */
#ventas_table tr.order-header td {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/* MOD-001 (DEV-1930) / MOD-005 (DEV-1743): título negro + texto 1.2em — modales alerta CC, pedidos y remito desync */
.cc-atraso-detalle-modal .modal-title,
.pedido-alerta-detalle-modal .modal-title,
.remito-desync-modal .modal-title {
    color: #000;
}
.cc-atraso-detalle-modal .modal-body,
.pedido-alerta-detalle-modal .modal-body,
.remito-desync-modal .modal-body {
    font-size: 1.2em;
}

/* MOD-103 (DEV-1648): acciones listado clientes — nowrap en notebook */
#clientes_listado_table td.last,
#clientes_listado_table td.js-cliente-col-liberar,
#clientes_listado_table th#liberar_column_title {
    width: 1%;
    white-space: nowrap;
}

/* MOD-106 (DEV-1648): letra más chica en toda la grilla para que entren acciones en notebook */
#clientes_listado_table td,
#clientes_listado_table th {
    font-size: 11.7px;
}

/* MOD-110 / MOD-115 (DEV-1648): Cliente siempre 2 líneas (br estructural + block); L1 nowrap */
#clientes_listado_table td.col-cliente-listado .cliente-celda-trunc {
	color: inherit;
	text-decoration: none;
	display: block;
}
#clientes_listado_table td.col-cliente-listado .cliente-celda-linea {
	display: block !important;
	line-height: 1.2;
}
#clientes_listado_table td.col-cliente-listado .cliente-celda-l1,
#clientes_listado_table td.col-cliente-listado .cliente-celda-l1 nobr {
	white-space: nowrap;
}
#clientes_listado_table td.col-cliente-listado .cliente-celda-l2 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* MOD-111 / MOD-116 (DEV-1648): todas las celdas centradas en vertical (patrón ganancias vs Bootstrap .table) */
table#clientes_listado_table.table > tbody > tr > td,
table#clientes_listado_table.table > thead > tr > th {
	vertical-align: middle !important;
}
#clientes_listado_table td.col-cliente-listado,
#clientes_listado_table td.col-cliente-ultima-compra {
	vertical-align: middle !important;
}
@media (max-width: 1440px) {
	#clientes_listado_table th.col-cliente-listado,
	#clientes_listado_table td.col-cliente-listado {
		max-width: 220px;
		width: 220px;
		overflow: visible;
	}
	#clientes_listado_table td.col-cliente-listado .cliente-celda-trunc {
		max-width: 220px;
	}
	#clientes_listado_table td.col-cliente-listado .cliente-celda-linea {
		max-width: 220px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

/* MOD-118 (DEV-1648): grilla compacta clientes inactivos — filas de menor alto (MOD 34) */
/* El <br> estructural entre L1 y L2 generaba una línea vacía extra (los spans ya son block) */
#clientes_listado_table.grilla-compacta td.col-cliente-listado .cliente-celda-trunc br {
	display: none;
}
table#clientes_listado_table.grilla-compacta.table > tbody > tr > td,
table#clientes_listado_table.grilla-compacta.table > thead > tr > th {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
	line-height: 1.2 !important;
}
/* MOD-119 (DEV-1648): columna Ultima Compra centrada — título y contenido */
#clientes_listado_table.grilla-compacta th.col-cliente-ultima-compra,
#clientes_listado_table.grilla-compacta td.col-cliente-ultima-compra {
	text-align: center;
}
/* los íconos Telas/Herrajes son PNG de 25px y estiraban la fila.
   inline-block + margen vertical negativo: si no, la imagen alineada al medio
   agranda la caja de línea y deja las filas con ícono ~1,5px más altas */
#clientes_listado_table.grilla-compacta td.col-cliente-listado .cliente-celda-l1 img {
	height: 14px;
	width: auto;
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px;
	margin-bottom: -4px;
}

/* MOD-012 (DEV-1894): grilla CC más chica + 1 línea por celda (evita filas en 2 alturas) */
#cuenta_corriente_table td,
#cuenta_corriente_table th {
    font-size: 11.85px;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    line-height: 1.25 !important;
    vertical-align: middle !important;
}
#cuenta_corriente_table tbody td {
    white-space: nowrap;
}
/* MOD-013 (DEV-1894): Detalle/Tipo — anchos normales en desktop */
#cuenta_corriente_table th.col-cc-detalle,
#cuenta_corriente_table td.col-cc-detalle {
    max-width: 220px;
}
#cuenta_corriente_table td.col-cc-detalle {
    overflow: visible;
}
#cuenta_corriente_table .cc-detalle-tooltip {
    cursor: help;
    border-bottom: none;
}
/* MOD-022 (DEV-1894): link del Detalle sin azul — mismo color que el resto de la grilla */
#cuenta_corriente_table td.col-cc-detalle a,
#cuenta_corriente_table td.col-cc-detalle a:hover,
#cuenta_corriente_table td.col-cc-detalle a:focus,
#cuenta_corriente_table td.col-cc-detalle a:visited {
	color: inherit !important;
	text-decoration: none !important;
}
#cuenta_corriente_table td.col-cc-tipo {
    max-width: 180px;
    overflow: visible;
}
#cuenta_corriente_table .cc-tipo-tooltip {
    cursor: help;
    border-bottom: none;
}
/* MOD-020 (DEV-1894): solo notebook (~1440) — columnas más cortas */
@media (max-width: 1500px) {
	#cuenta_corriente_table th.col-cc-detalle,
	#cuenta_corriente_table td.col-cc-detalle {
		max-width: 120px;
	}
	#cuenta_corriente_table td.col-cc-detalle,
	#cuenta_corriente_table td.col-cc-tipo {
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#cuenta_corriente_table td.col-cc-tipo {
		max-width: 95px;
	}
}

/* MOD-014 (DEV-1894): hit-area de (i)/refresh Pendiente C3 — clickables siempre */
#cc_pendiente_c3_tile .pendiente-c3-icon-btn {
	display: inline-block;
	margin-left: 4px;
	padding: 2px 4px;
	color: #73879C !important;
	font-size: 14px;
	line-height: 1;
	vertical-align: middle;
	cursor: pointer;
	pointer-events: auto !important;
	opacity: 1 !important;
	text-decoration: none !important;
}
#cc_pendiente_c3_tile .pendiente-c3-icon-btn:hover {
	color: #1ABB9C !important;
}
#cc_pendiente_c3_tile .pendiente-c3-icon-btn.is-loading {
	opacity: 0.45 !important;
	cursor: wait;
}

/* MOD-015 (DEV-1894): títulos fijos + scroll solo en filas (sticky no anda en modal BS) */
.cc-pendiente-c3-modal-body {
	padding: 10px 15px;
	overflow: hidden;
}
#cc-pendiente-c3-tabla-wrap {
	display: none;
}
#cc-pendiente-c3-tabla-wrap.is-visible {
	display: block;
}
.cc-pendiente-c3-tabla-head {
	width: 100%;
	margin-bottom: 0 !important;
	table-layout: fixed;
}
.cc-pendiente-c3-tabla-head thead th {
	background-color: #2A3F54 !important;
	color: #ECF0F1 !important;
	border-bottom: 0 !important;
}
.cc-pendiente-c3-scroll {
	max-height: 440px;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
#cc-pendiente-c3-tabla {
	width: 100%;
	margin-bottom: 0 !important;
	table-layout: fixed;
}
#cc-pendiente-c3-tabla-head .col-c3-fecha,
#cc-pendiente-c3-tabla .col-c3-fecha { width: 11%; }
#cc-pendiente-c3-tabla-head .col-c3-tipo,
#cc-pendiente-c3-tabla .col-c3-tipo { width: 22%; }
#cc-pendiente-c3-tabla-head .col-c3-detalle,
#cc-pendiente-c3-tabla .col-c3-detalle { width: 23%; }
#cc-pendiente-c3-tabla-head .col-c3-monto,
#cc-pendiente-c3-tabla .col-c3-monto { width: 22%; }
#cc-pendiente-c3-tabla-head .col-c3-saldo,
#cc-pendiente-c3-tabla .col-c3-saldo { width: 22%; }
/* MOD-018 (DEV-1894): Monto/Saldo no se tapan — wrap / 2 líneas ARS+USD */
/* MOD-019 (DEV-1894): Saldo izq/negrita/1.1em; Monto negro normal; filas compactas; valign uniforme */
#cc-pendiente-c3-tabla tbody td,
#cc-pendiente-c3-tabla tfoot td {
	vertical-align: middle !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	line-height: 1.15 !important;
}
#cc-pendiente-c3-tabla td.col-c3-monto {
	text-align: right;
	color: #000;
	font-weight: normal;
	white-space: normal;
	line-height: 1.15;
	overflow: hidden;
	word-break: break-word;
}
#cc-pendiente-c3-tabla td.col-c3-saldo,
#cc-pendiente-c3-tabla tfoot td.col-c3-saldo {
	text-align: right;
	color: #000;
	font-weight: bold;
	font-size: 1.1em;
	white-space: normal;
	line-height: 1.15;
	overflow: hidden;
	word-break: break-word;
}
#cc-pendiente-c3-tabla td.col-c3-tipo,
#cc-pendiente-c3-tabla td.col-c3-detalle {
	overflow: hidden;
	text-overflow: ellipsis;
}
/* MOD-019 (DEV-1894): links Detalle popup C3 — mismo color que el texto */
#cc-pendiente-c3-tabla td.col-c3-detalle a,
#cc-pendiente-c3-tabla td.col-c3-detalle a:hover,
#cc-pendiente-c3-tabla td.col-c3-detalle a:focus,
#cc-pendiente-c3-tabla td.col-c3-detalle a:visited {
	color: inherit !important;
	text-decoration: none !important;
}

/* MOD-017 (DEV-1894): grilla CC notebook — scroll horizontal + acciones visibles; facturas misma altura */
.cc-cuenta-corriente-wrap {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
/* MOD-023 (DEV-1894): notebook — un solo scroll (sin scrollport interno de la grilla) */
@media (max-width: 1500px) {
	.cc-cuenta-corriente-wrap {
		overflow: visible;
	}
}
#cuenta_corriente_table th:nth-last-child(2),
#cuenta_corriente_table td:nth-last-child(2),
#cuenta_corriente_table th:last-child,
#cuenta_corriente_table td:last-child {
	white-space: nowrap !important;
}
#cuenta_corriente_table tbody td {
	line-height: 1.25 !important;
	height: auto !important;
}
#cuenta_corriente_table tbody td nobr,
#cuenta_corriente_table tbody td span {
	line-height: 1.25 !important;
}

/* MOD-024 (DEV-1894): modal Ajuste C3 — columnas fijas sin jump al tipear */
.cc-ajuste-c3-form {
	width: 100%;
	table-layout: fixed;
}
.cc-ajuste-c3-montos {
	width: 100%;
	table-layout: fixed;
}
.cc-ajuste-c3-montos .col-ajuste-input {
	width: 130px;
	vertical-align: middle;
}
.cc-ajuste-c3-montos .col-ajuste-anterior,
.cc-ajuste-c3-montos .col-ajuste-nuevo {
	width: 50%;
	vertical-align: middle;
	white-space: nowrap;
	text-align: right;
	padding-left: 16px;
	overflow: hidden;
}
.cc-ajuste-c3-montos .col-ajuste-anterior {
	color: #555;
}
.cc-ajuste-c3-montos .col-ajuste-nuevo {
	font-weight: bold;
	padding-left: 18px;
}
.cc-ajuste-c3-display {
	display: inline-block;
	min-width: 11ch;
	text-align: right;
	font-variant-numeric: tabular-nums;
}
.cc-ajuste-c3-display-nuevo {
	color: #000;
	font-size: 1.1em;
}

/* MOD-014 (DEV-1967): ícono tipo + badge devolución en línea, centrados sobre #pedido */
.pedido-original-devolucion-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    line-height: 0;
    margin-top: -10px;
}
.pedido-original-devolucion-wrap > img {
    padding: 0 !important;
    margin: 0 !important;
}
.pedido-original-devolucion-badge {
    position: static;
    line-height: 0;
    flex-shrink: 0;
}
.pedido-original-devolucion-badge img {
    width: 28px;
    height: auto;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer;
}

/* MOD-001 (DEV-1973): padding listado entregas con pago */
#ecf_listado_table tbody tr td {
	vertical-align: middle !important;
	padding-top: 7px !important;
	padding-bottom: 7px !important;
	line-height: 1.25 !important;
}
/* MOD-013 (DEV-1973): sin tinte rosa/naranja en filas; info en columnas y filtros */
.ecf-badge {
	display: inline-block;
	padding: 1px 5px;
	border-radius: 3px;
	font-size: 10px;
	font-weight: bold;
	white-space: nowrap;
	line-height: 1.25;
	vertical-align: middle;
}
.ecf-badge-impago {
    background-color: #c00;
    color: #fff;
}
.ecf-badge-tardio {
    background-color: #e67e22;
    color: #fff;
}

/* MOD-001 (DEV-2036): cámara de fotos adentro del tile ENTREGADO (layout va inline) */
.pedido-entrega-fotos-btn:hover,
.pedido-entrega-fotos-btn:focus {
	color: #fff;
	text-decoration: none;
}