@charset "utf-8";
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    color: #000000;
}

table {
    margin: 0px;
    padding: 0px;
}

td {
    padding-left: 10px;
    padding-right: 12px;
    text-align: right;
    vertical-align: top;
}

tr.grey1 {
    background-color: #eaeaea;
    vertical-align: top;
}

tr.grey2 {
    background-color: #d0d0d0;
    vertical-align: top;
}

td.grey1 {
    background-color: #eaeaea;
    vertical-align: top;
}

td.grey2 {
    background-color: #d0d0d0;
    vertical-align: top;
}

th {
    background-color: #006633;
    color: #FFFFFF;
    border: 1px #000000 solid;
    padding-left: 10px;
    padding-right: 12px;
}

textarea {
    border: 1px solid #000000;
}

a {
    text-decoration: none;
    color: #006633;
}

.button {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #FFFFFF;
    border-top: solid 1px;
    border-bottom: solid 1px;
    border-left: solid 1px;
    border-right: solid 1px
}

.textfield-half {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #FFFFFF;
    border-top: solid 1px;
    border-bottom: solid 1px;
    border-left: solid 1px;
    border-right: solid 1px;
    width: 49%
}

.textfield {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #FFFFFF;
    border-top: solid 1px;
    border-bottom: solid 1px;
    border-left: solid 1px;
    border-right: solid 1px
}


/* Estilo pra el boton Usuarios en el panel Mantenimiento */

#users {
    margin-right: 4px;
}

/* Row banding for the gastos table */
            #gastos {
                font-size: 12px;
            }
            #gastos tbody tr:nth-child(even) {
                background-color: #d0d0d0;
            }
            #gastos tbody tr:nth-child(odd) {
                background-color: #eaeaea;
            }
            /* Align everything but Monto to the left */
            #gastos th:not(:last-child),
            #gastos td:not(:last-child) {
                text-align: left;
            }
            /* Align Monto column to the right */
            #gastos th:last-child,
            #gastos td:last-child {
                text-align: right;
            }
            /* Make table auto-layout */
            #gastos {
                table-layout: auto;
                width: 100%;
            }

            /* Set all columns to minimal width except the third */
            #gastos th,
            #gastos td {
                width: 1%;
                white-space: nowrap;
                font-size: 12px;
            }
            #gastos th:nth-child(1),
            #gastos td:nth-child(1) {
                max-width: 250px;
            }
            #gastos th:nth-child(2),
            #gastos td:nth-child(2) {
                max-width: 500px;
            }
            #gastos th:nth-child(3),
            #gastos td:nth-child(3) {
                width: auto;
                white-space: normal;
            }
            #gastos th:nth-child(4),
            #gastos td:nth-child(4),
            #gastos th:nth-child(5),
            #gastos td:nth-child(5) {
                max-width: 100px;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            /* Remove padding and set inputs/selects to fill column width */
            #gastos input,
            #gastos select {
                padding: 0;
                width: 100%;
                box-sizing: border-box;
                max-width: 100%;
            }

            /* Apply th style to tfoot cells */
            #gastos tfoot td {
                background-color: #006633;
                color: #FFFFFF;
                font-weight: bold;
                text-align: left;
                font-size: 12px;                
                padding: 4px;
                border-top: 1px solid #000;
            }
            #gastos tfoot td:last-child {
                text-align: right;
            }