/*GridViewCSS Chrome Style. Mauricio Riveros Cortes. Actualizado Marzo 22/2013. */

/*Define los Parametros Globales del GridView, incluyendo el Borde Externo global
    font-family: Helvetica Neue, Lucida Grande, Segoe UI, Arial, Helvetica, Verdana, sans-serif;    
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
*/
.GridViewStyle {    
    table-layout: auto;
    border-collapse: collapse;
    border: 1px solid #CCCCCC;  
    
}


/* Formato del Encabezado y Pie de Pagina */
.HeaderStyle, .PagerStyle, .FooterStyle {
    /*Este es color del Encabezado del Gris y del pie de Pagina. */
    background-color : #205493;    
    font-family: Helvetica Neue, Lucida Grande, Segoe UI, Arial, Helvetica, Verdana, sans-serif;    
}


    /* El Color de este Borde debe coincidir con el de .RowStyle td que es el Body. 
        Nov 12/2015, cambio text-align: left; por center.
    */
    .HeaderStyle th {
        padding: 7px;
        font-weight: 400;
        text-align: center;        
        color : #ffffff;
    }

    .HeaderStyle a, .HeaderStyle a:link {
        color: #FFFFFF;
        display: block;
    }

    /* <<< ------- .PagerStyle = Seccion de Paginacion. */
    .PagerStyle table {
        text-align: center;
        margin: auto;
    }

        .PagerStyle table td {
            border: 0px;
            padding: 0px;
        }

    .PagerStyle td {
        border-top: #1d1d1d 1px solid;
        background-color :#205493;
    }

    /* Este es el que hace ver el Cuadrito alrededor del numero de pie de pagina */
    .PagerStyle a {
        color: #ffffff;
        text-decoration: none;
        padding: 1px 10px 1px 10px;
        border-top: solid 1px #777777;
        border-right: solid 1px #333333;

        border-bottom: solid 1px #333333;
        border-left: solid 1px #777777;
        border-color: #FFFFFF #777777 #777777 #FFFFFF;
        font-weight: normal;
    }

    /*textos de la paginacion el elemento seleccionado. Modificado en Enero 27/2020. */
    .PagerStyle span {
        background-color: #FFFFFF;
        font-weight: bold;
        color: #002F6C;
        padding: 0px 10px 2px 10px;
        text-decoration: none;
        border: 1px solid #CFCDC9;
    }
/* ------ .PagerStyle = Seccion de Paginacion. --- >>>>   */



/*RowStyles, Define casi toda la estructura de las CELDAS-TD del GridView. 
border-right define el Borde de las Lineas verticales.
El Color de este Borde debe coinicidir con el de .HeaderStyle th que es el Encabezado. */

.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td, .FooterStyleX td {
    padding: 5px;

    border-right: solid 1px #1d1d1d;
    border-right-color: #D7D7FF;
    border-left-color: #D7D7FF;
    
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-bottom-color: #D7D7FF;
    vertical-align: top;
    background-color: #B3CAF2;
}

/* De aqui en adelante se especializa cada Elemento CELLDA - TD, para dar propiedades diferentes. */
.RowStyle td {
    background-color: #FFFFFF;
}

    .RowStyle td a, .AltRowStyle td a {
        color :#205493 ;
    }

.AltRowStyle td {
    background-color: #EFEEEF;
}

/* background-color: #AEDCF0; Color cambiado Agosto 14/2015. */
.SelectedRowStyle td {
    background-color: #B3CAF2;
}


/* MRiveros. Feb 2/2015. Utilizado en los GridView cuando no tienen datos, que se muestra: No Records. */
.EmptyDataRowStyle td {
    padding: 5px;
    border-color: #D7D7FF;
}

/* MRiveros FEb 28/2015. Footer es donde se muetran los Totales del GridView, diferente a la Paginacion, donde se aplica PagerStyle 
    El texto font-weight aplica a los textos del pie de pagina. color: #FFFFFF;
*/
.FooterStyle td {    
    padding: 5px;
    font-weight: 600;
    color: #FFFFFF;

    /*Este debe ser el mismo color de HeaderStyle, pero es necesario sobreescribirlo aca, porque cuando se tiene un GridView anidado dentro de un 
        gridView el que esta anidado, NO se le ve este color a no ser que se sobreescriba aca. Nov 12/2015
    */
    background-color : #8C8985;
}