.ui-dialog .ui-widget-header {
    background: #05aa13;
    color: white;
}

.ui-dialog {
    border-radius: 0px 0px 10px 10px;
}

* {
    box-sizing: border-box;
}

/*Para la lista de dias del mes en el modulo programación*/
#tableprogramacion td > a{
    font-size: 16px;
    padding: 3px 10px 3px 10px;    
    border: 1px solid black;
    line-height: 1.1;
}

/* Ajuste para la ventana de Programacion */
.tablaPedido {
    border-top: 1px solid #ccc;
    border-spacing: 0;
}

.tablaPedido thead th {
    background: #333;
    color: white;
    text-align: center;
    border-right: 1px solid #ccc;
}

.tablaPedido tbody td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.tablaPedido th:last-child,
.tablaPedido td:last-child {
    border-right: 0;
}

.tablaPedido tbody tr {
    background: white;
}

.tablaPedido tbody tr:nth-child(2n) {
    background: #f2f2f2;
}

.contenedorPedido {
    max-width: 100%;
    overflow-x: scroll;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 520px;
}

.encabezadoPedido {
    position: sticky;
    top: 0px;
    z-index: 1;
}

th.tableAccionPedido, td.tableAccionPedido {
    min-width: 260px;
    max-width: 260px;
}

th.tableCanceladoPedido, td.tableCanceladoPedido {
    min-width: 50px;
    max-width: 50px;
    text-align: center;
}

th.tableHoraPedido, td.tableHoraPedido {
    min-width: 75px;
    max-width: 75px;
    text-align: center;
}

th.tableOkPedido, td.tableOkPedido {
    min-width: 60px;
    max-width: 60px;
    text-align: center;
}

th.tableAutorizoPedido, td.tableAutorizoPedido {
    min-width: 60px;
    max-width: 60px;
    text-align: center;
}

th.tableNombreClientePedido, td.tableNombreClientePedido {
    min-width: 300px;
    max-width: 300px;
    text-align: left;
}

th.tableCodClientePedido, td.tableCodClientePedido {
    min-width: 80px;
    max-width: 80px;
    text-align: left;
}

th.tableFormulaPedido, td.tableFormulaPedido {
    min-width: 120px;
    max-width: 120px;
    text-align: left;
}

th.tableDescripcionPedido, td.tableDescripcionPedido {
    min-width: 300px;
    max-width: 300px;
    text-align: left;
}

th.tableM3Pedido, td.tableM3Pedido {
    min-width: 80px;
    max-width: 80px;
    text-align: left;
}

th.tableCortePedido, td.tableCortePedido {
    min-width: 80px;
    max-width: 80px;
    text-align: left;
}

th.tableDiferenciaDespachoPedido, td.tableDiferenciaDespachoPedido {
    min-width: 60px;
    max-width: 60px;
    text-align: left;
}

th.tableDespachoPedido, td.tableDespachoPedido {
    min-width: 60px;
    max-width: 60px;
    text-align: left;
}

th.tableAdicionalesPedido, td.tableAdicionalesPedido {
    min-width: 150px;
    max-width: 150px;
    text-align: left;
}

th.tableTiroDirectoPedido, td.tableTiroDirectoPedido {
    min-width: 60px;
    max-width: 60px;
    text-align: center;
}

th.tableListaBombas, td.tableListaBombas {
    min-width: 300px;
    max-width: 300px;
    text-align: left;
}

th.tableM3Excedente, td.tableM3Excedente {
    min-width: 60px;
    max-width: 60px;
    text-align: left;
}

th.tableDiferenciaDespachoExcedente, td.tableDiferenciaDespachoExcedente {
    min-width: 60px;
    max-width: 60px;
    text-align: left;
}

th.tableDespachoExcedente, td.tableDespachoExcedente {
    min-width: 60px;
    max-width: 60px;
    text-align: left;
}

th.tableExcedenteAprobado, td.tableExcedenteAprobado {
    min-width: 100px;
    max-width: 100px;
    text-align: left;
}

th.tableAdicionalesExcedente, td.tableAdicionalesExcedente {
    min-width: 150px;
    max-width: 150px;
    text-align: left;
}

th.tableListaBombasExcedente, td.tableListaBombasExcedente {
    min-width: 300px;
    max-width: 300px;
    text-align: left;
}

th.tableEstructuraPedido, td.tableEstructuraPedido {
    min-width: 150px;
    max-width: 150px;
    text-align: left;
}

th.tableDireccionPedido, td.tableDireccionPedido {
    min-width: 300px;
    max-width: 300px;
    text-align: left;
}

th.tableComercialPedido, td.tableComercialPedido {
    min-width: 100px;
    max-width: 100px;
    text-align: left;
}

th.tableContactoPedido, td.tableContactoPedido {
    min-width: 150px;
    max-width: 150px;
    text-align: left;
}

th.tableTelefonoPedido, td.tableTelefonoPedido {
    min-width: 150px;
    max-width: 150px;
    text-align: left;
}

th.tableEntregaPedido, td.tableEntregaPedido {
    min-width: 200px;
    max-width: 200px;
    text-align: left;
}

th.tableNotaPedido, td.tableNotaPedido {
    min-width: 300px;
    max-width: 300px;
    text-align: left;
}

/*Estilos modulo programación, pantallas pequeñas por defecto*/
.tablaPedido .fija0 {
    position: sticky;
    left: 0px;
}

.tablaPedido .fija1 {
    position: sticky;
    left: 259px;
}

.tablaPedido .fija2 {
    position: sticky;
    left: 307px;
}

.tablaPedido .fija21 {
    position: sticky;
    left: 381px;
}

.tablaPedido .fija3 {
    position: sticky;
    left: 439px;
}

.tablaPedido .fija4 {
    position: sticky;
    left: 498px;
}

.tablaPedido .fija5 {
    position: sticky;
    left: 797px;
}

.tablaPedido .fija6 {
    position: sticky;
    left: 875px;
}

/*Estilos modulo programación, pantallas grande*/
@media screen and (min-width: 1900px) {
    .tablaPedido .fija0 {
        position: sticky;
        left: 0px;
    }

    .tablaPedido .fija1 {
        position: sticky;
        left: 259px;
    }

    .tablaPedido .fija2 {
        position: sticky;
        left: 307px;
    }

    .tablaPedido .fija21 {
        position: sticky;
        left: 381px;
    }

    .tablaPedido .fija3 {
        position: sticky;
        left: 439px;
    }

    .tablaPedido .fija4 {
        position: sticky;
        left: 498px;
    }

    .tablaPedido .fija5 {
        position: sticky;
        left: 797px;
    }

    .tablaPedido .fija6 {
        position: sticky;
        left: 875px;
    }

    .tablaPedido .fija7 {
        position: sticky;
        left: 994px;
    }

    .tablaPedido .fija8 {
        position: sticky;
        left: 1293px;
    }

    .tablaPedido .fija9 {
        position: sticky;
        left: 1371px;
    }
}

.tablaPedido tbody tr .fija0,
.tablaPedido tbody tr .fija1,
.tablaPedido tbody tr .fija2,
.tablaPedido tbody tr .fija21,
.tablaPedido tbody tr .fija3,
.tablaPedido tbody tr .fija4,
.tablaPedido tbody tr .fija5,
.tablaPedido tbody tr .fija6,
.tablaPedido tbody tr .fija7,
.tablaPedido tbody tr .fija8,
.tablaPedido tbody tr .fija9 {
    background: white;
}

.tablaPedido tbody tr:nth-child(2n) .fija0,
.tablaPedido tbody tr:nth-child(2n) .fija1,
.tablaPedido tbody tr:nth-child(2n) .fija2,
.tablaPedido tbody tr:nth-child(2n) .fija21,
.tablaPedido tbody tr:nth-child(2n) .fija3,
.tablaPedido tbody tr:nth-child(2n) .fija4,
.tablaPedido tbody tr:nth-child(2n) .fija5,
.tablaPedido tbody tr:nth-child(2n) .fija6,
.tablaPedido tbody tr:nth-child(2n) .fija7,
.tablaPedido tbody tr:nth-child(2n) .fija8,
.tablaPedido tbody tr:nth-child(2n) .fija9 {
    background: #f2f2f2;
}

.dnf {
    background-color: #13e7ee;
    color: white;
}


/* Ajuste para la ventana de Despacho */
.tablaDespacho {
    border-top: 1px solid #ccc;
    border-spacing: 0;
}

.tablaDespacho thead th {
    background: #333;
    color: white;
    text-align: center;
    border-right: 1px solid #ccc;
    vertical-align: bottom;
}

.tablaDespacho tbody td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.tablaDespacho th:last-child,
.tablaDespacho td:last-child {
    border-right: 0;
}

.tablaDespacho tbody tr {
    background: white;
}

.tablaDespacho tbody tr:nth-child(2n) {
    background: #f2f2f2;
}

.contenedorDespacho {
    max-width: 100%;
    overflow-x: scroll;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
/*    min-height: 70vh;
    max-height: 70vh;
    height: auto*/
    height: 660px;
}

.encabezadoDespacho {
    position: sticky;
    top: 0px;
    z-index: 1;
}

th.tableAccionDespacho, td.tableAccionDespacho {
    min-width: 100px;
    max-width: 100px;
}

th.tableFinalizadoDespacho, td.tableFinalizadoDespacho {
    min-width: 45px;
    max-width: 45px;
    text-align: center;
}

th.tableHoraDespacho, td.tableHoraDespacho {
    min-width: 45px;
    max-width: 45px;
    text-align: center;
}

th.tableNombreClienteDespacho, td.tableNombreClienteDespacho {
    min-width: 300px;
    max-width: 300px;
    text-align: left;
}

th.tableCodClienteDespacho, td.tableCodClienteDespacho {
    min-width: 80px;
    max-width: 80px;
    text-align: left;
}

th.tableFormulaDespacho, td.tableFormulaDespacho {
    min-width: 120px;
    max-width: 120px;
    text-align: left;
}

th.tableDescripcionDespacho, td.tableDescripcionDespacho {
    min-width: 300px;
    max-width: 300px;
    text-align: left;
}

th.tableM3Despacho, td.tableM3Despacho {
    min-width: 80px;
    max-width: 80px;
    text-align: left;
}

th.tableCortePedidoDespacho, td.tableCortePedidoDespacho {
    min-width: 80px;
    max-width: 80px;
    text-align: left;
}

th.tableDiferenciaDespacho, td.tableDiferenciaDespacho {
    min-width: 60px;
    max-width: 60px;
    text-align: left;
}

th.tableDespachado, td.tableDespachado {
    min-width: 80px;
    max-width: 80px;
    text-align: left;
}

th.tableAdicionalesDespacho, td.tableAdicionalesDespacho {
    min-width: 150px;
    max-width: 150px;
    text-align: left;
}

th.tableTiroDirectoDespacho, td.tableTiroDirectoDespacho {
    min-width: 60px;
    max-width: 60px;
    text-align: center;
}

th.tableListaBombasDespacho, td.tableListaBombasDespacho {
    min-width: 150px;
    max-width: 150px;
    text-align: left;
}

th.tableM3ExcedenteDespacho, td.tableM3ExcedenteDespacho {
    min-width: 60px;
    max-width: 60px;
    text-align: left;
}

th.tableDiferenciaExcedenteDespacho, td.tableDiferenciaExcedenteDespacho {
    min-width: 60px;
    max-width: 60px;
    text-align: left;
}

th.tableExcedenteDespacho, td.tableExcedenteDespacho {
    min-width: 60px;
    max-width: 60px;
    text-align: left;
}

th.tableExcedenteAprobadoDespacho, td.tableExcedenteAprobadoDespacho {
    min-width: 100px;
    max-width: 100px;
    text-align: left;
}

th.tableAdicionalesExcedenteDespacho, td.tableAdicionalesExcedenteDespacho {
    min-width: 150px;
    max-width: 150px;
    text-align: left;
}

th.tableListaBombasExcedenteDespacho, td.tableListaBombasExcedenteDespacho {
    min-width: 150px;
    max-width: 150px;
    text-align: left;
}

th.tableEstructuraDespacho, td.tableEstructuraDespacho {
    min-width: 150px;
    max-width: 150px;
    text-align: left;
}

th.tableDireccionDespacho, td.tableDireccionDespacho {
    min-width: 300px;
    max-width: 300px;
    text-align: left;
}

th.tableComercialDespacho, td.tableComercialDespacho {
    min-width: 100px;
    max-width: 100px;
    text-align: left;
}

th.tableContactoDespacho, td.tableContactoDespacho {
    min-width: 150px;
    max-width: 150px;
    text-align: left;
}

th.tableTelefonoDespacho, td.tableTelefonoDespacho {
    min-width: 150px;
    max-width: 150px;
    text-align: left;
}

th.tableEntregaDespacho, td.tableEntregaDespacho {
    min-width: 200px;
    max-width: 200px;
    text-align: left;
}

th.tableNotaDespacho, td.tableNotaDespacho {
    min-width: 300px;
    max-width: 300px;
    text-align: left;
}

.tablaDespacho .fijo0 {
    position: sticky;
    left: 0px;
}

.tablaDespacho .fijo1 {
    position: sticky;
    left: 99px;
}

.tablaDespacho .fijo2 {
    position: sticky;
    left: 143px;
}

.tablaDespacho .fijo3 {
    position: sticky;
    left: 187px;
}

.tablaDespacho .fijo4 {
    position: sticky;
    left: 486px;
}

.tablaDespacho .fijo5 {
    position: sticky;
    left: 565px;
}

.tablaDespacho .fijo6 {
    position: sticky;
    left: 684px;
}

.tablaDespacho .fijo7 {
    position: sticky;
    left: 983px;
}

.tablaDespacho .fijo8 {
    position: sticky;
    left: 1062px;
}

.tablaDespacho tbody tr .fijo0,
.tablaDespacho tbody tr .fijo1,
.tablaDespacho tbody tr .fijo2,
.tablaDespacho tbody tr .fijo3,
.tablaDespacho tbody tr .fijo4,
.tablaDespacho tbody tr .fijo5,
.tablaDespacho tbody tr .fijo6,
.tablaDespacho tbody tr .fijo7,
.tablaDespacho tbody tr .fijo8 {
    background: white;
}

.tablaDespacho tbody tr:nth-child(2n) .fijo0,
.tablaDespacho tbody tr:nth-child(2n) .fijo1,
.tablaDespacho tbody tr:nth-child(2n) .fijo2,
.tablaDespacho tbody tr:nth-child(2n) .fijo3,
.tablaDespacho tbody tr:nth-child(2n) .fijo4,
.tablaDespacho tbody tr:nth-child(2n) .fijo5,
.tablaDespacho tbody tr:nth-child(2n) .fijo6,
.tablaDespacho tbody tr:nth-child(2n) .fijo7,
.tablaDespacho tbody tr:nth-child(2n) .fijo8 {
    background: #f2f2f2;
}

#tableAdicionales, #tableAcarreoBombeo {
    text-align: center;
    font-size: 14px;
}