/*
* datagrid.css
* Para tablas de datos.
*/

.datagrid {
}

.datagrid .actionsBar {
    background-color: #F5EDE3;
    padding: 10px;
    margin-bottom: 10px;
    border-top: 2px solid #BAA68E;
}

.datagrid .actionsBar img {
    vertical-align: middle;
}

.datagrid table {
    width: 100%;
    margin-bottom: 2px;
}

.datagrid table thead tr th {
    background-color: #c8ccdc;
    font-weight: bold;
    color: #000099;
    border-top: 1px solid #A6A6A6;
    border-left: 1px solid #FFF;
    padding: 1px 5px 1px;
    white-space: nowrap;
}

.datagrid table thead tr th.actions {
    width:1%;
}

.datagrid table tbody tr.o {
    background-color: #FFF;
}

.datagrid table tbody tr.e {
    background-color: #FFF;
}

.datagrid table tbody tr td {
    padding: 1px;
    border-bottom: 1px solid #b9bdcd;
}

.lineasEstrechas table tbody tr td {
    padding: 2px;  
    
}

.lineasEstrechasVA table tbody tr td {
    /*padding: 2px;  */
    padding-top: 1px;  
    padding-bottom: 1px;  
    padding-left: 1px;  
    padding-right: 1px;  
}

.datagrid table tbody tr td.text {
    text-align: left;
}

.datagrid table tbody tr td.date {
    text-align: center;
}

.datagrid table tbody tr td.number {
    text-align: right;
}

.datagrid table tbody tr td.boolean {
    text-align: center;
}

.datagrid table tbody tr td.action {
    padding: 1px 5px 1px 0px;
    text-align: center;
}

.datagrid table tbody tr th {
    background-color: #c8ccdc;
    border-bottom: 1px solid #FFF;
    color: #000099; 
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
    padding-left: 5px;
    width: 25%;    
}

.datagrid table.bancarios tbody tr th {width:70px;}

.datagrid table tbody tr th.vacio {
    background-color: yellow;
}


.datagrid .pagination {
    margin-bottom: 3px;
    padding: 3px;
    text-align: center;
}

.datagrid tr.datagridTotal {
    background-color: #FFFFCC;
}

.datagrid tr.datagridTotal th {
    background-color: #FFFFCC;
    color:#000000;
    font-weight: bold;
    border-bottom: 1px solid #b9bdcd;
}

.datagrid tr.datagridSearch {
    background-color: #c8ccdc;
}

.datagrid table tbody tr td.celdaRadioButton {
    white-space: nowrap;
    width: 100px;
    text-align: right;
    padding: 2px;
}

.datagrid table tbody tr th.celdaRadioButtonTitulo {
    width: 100px;
    text-align: right;
}

.datagrid td.datagridTotalMonedas {
    background-color: #c8ccdc;
}

/* Prueba selección de filas en las tablas */
.datagrid tr.hover {
    background-color: #DDD;
}