.modal-lg {
    width: 95% !important;
}

/*
 * Modal "Contratos a facturar" (preview del lote recurrente).
 *
 * Se hace MUCHO más ancho que el .modal-lg por defecto del proyecto (95%) porque
 * la grilla muestra ~10 columnas (consecutivo, titular, documento, estado,
 * periodicidad, día de corte, fechas, badges) y necesita prácticamente todo el
 * viewport para leerse sin scroll horizontal.
 *
 * Decisiones:
 * - width: 99vw para usar el 99% del ancho de la ventana (no del contenedor).
 *   Usar `vw` en vez de `%` evita que un contenedor con max-width corte el modal.
 * - max-width: ninguno (none) para no limitar en monitores grandes. En monitores
 *   pequeños el `vw` ya ajusta solo.
 * - margin lateral mínimo: el wrapper Bootstrap por defecto deja "margin: 30px auto"
 *   en .modal-dialog desde 768px+, hay que pisarlo o el ancho real no se aplica.
 * - Se aplica también a .modal-content para que el contenido interno no quede
 *   centrado dentro de un dialog ancho con contenido pequeño.
 *
 * Especificidad: este selector tiene (0,2,0). El .modal-lg global tiene (0,1,0),
 * así que esta regla siempre gana aunque .modal-lg use !important.
 */
.modal-contratos-lote-preview .modal-dialog {
    width: 99vw !important;
    max-width: none !important;
    margin: 15px auto !important;
}

.modal-contratos-lote-preview .modal-content {
    width: 100% !important;
}

/*
 * Refuerzo: si por orden de carga otro CSS pisa el .modal-dialog, el .modal-lg
 * recibe también la clase de window. Atacamos los dos casos para garantizar
 * el ancho aunque cambie el orden de carga de hojas de estilo.
 */
.modal-contratos-lote-preview .modal-dialog.modal-lg {
    width: 99vw !important;
    max-width: none !important;
}

/* Tipografía más legible (la tabla antes usaba .small + .table-condensed ≈ 12px) */
.modal-contratos-lote-preview .contratos-lote-preview-body {
    font-size: 14px;
}

.modal-contratos-lote-preview .contratos-lote-preview-body .form-control,
.modal-contratos-lote-preview .contratos-lote-preview-body .input-group-addon {
    font-size: 14px;
}

.modal-contratos-lote-preview .contratos-lote-preview-body .table {
    font-size: 14px;
}

.modal-contratos-lote-preview .contratos-lote-preview-body .table > thead > tr > th,
.modal-contratos-lote-preview .contratos-lote-preview-body .table > tbody > tr > td {
    padding: 9px 11px;
    vertical-align: middle;
}

.modal-contratos-lote-preview .contratos-lote-preview-body .table td .text-muted {
    font-size: 12px;
}

.modal-contratos-lote-preview .contratos-lote-preview-body .label {
    font-size: 12px;
    padding: 0.3em 0.55em;
}

#page-tables .table-bordered{
    border: none !important;
}

#page-tables .table-responsive {
    min-height: 0.01%;

}

#data-table_wrapper .table {
    margin-bottom: 10px !important;
    max-width: 98% !important;
    width: 98% !important;
}



/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .btn-resp{
        width: 100% !important;
        margin-top: 2px !important;
    }
    .popover{
        /*width: 90% !important;*/
        left: 10px !important;
        right: 10px !important;
    }
   .fa{
        font-size: 1.4em !important;
    }
    .modal-footer .btn + .btn {
        margin-left: 0px !important;
    }
 
}

/* Small Devices Exclusivo Revolution Slider*/
@media (max-width: 400px) {
    .popover .arrow{
        display: none;
    }
    .popover{
        /*width: 90% !important;*/
        left: 10px !important;
        right: 10px !important;
    }
    .btn-resp{
        width: 100% !important;
        margin-top: 2px !important;
    }
    .fa{
        font-size: 1.4em !important;
    }
    .modal-footer .btn + .btn {
        margin-left: 0px !important;
    }
}