@import url('../../css/colores-globales.css');

.datagrid table { 
    border-collapse: collapse; 
    text-align:left; 
    width: 100%; 
}
.datagrid {
    font: normal 11px/150% Verdana, Arial, Helvetica, sans-serif; 
    background: #fff; 
    overflow: hidden; 
    -webkit-border-radius: 
        10px; -moz-border-radius: 
        10px; border-radius: 10px; 
}
.datagrid table td, .datagrid table th 
{ 
    padding: 5px 7px; 
}
.datagrid table thead th {
    background:-webkit-gradient( 
        linear, left top, left bottom, 
        color-stop(0.05, #006699), 
        color-stop(1, #006432)
        );
    background:-moz-linear-gradient( 
        center top, #006699 5%, 
        #006432 100% 
        );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699',
        endColorstr='#006432');
    background-color:#006699; 
    color:#FFFFFF; font-size: 11px; 
    font-weight: bold; 
    border-left: 0px solid #0070A8;
} 

.datagrid table thead th:first-child {
    border: none; 
}
.datagrid table tbody td 
/*{ color: #000000; */
{ color: #000000; 
  border-left: 2px solid #E1EEF4;
  font-size: 11px;
  font-weight: normal; 
}
.datagrid table tbody .alt td { 
    background: #E1EEf4; color: #000000; 
}
.datagrid table tbody td:first-child {
    border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }
.datagrid table tfoot td div { border-top: 1px solid #006699;background: #E1EEf4;} 
.datagrid table tfoot td { padding: 0; font-size: 11px } 
.datagrid table tfoot td div{ padding: 7px; }
.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }
.datagrid table tfoot  li { display: inline; }
.datagrid table tfoot li a { 
    text-decoration: none; 
    display: inline-block;  
    padding: 2px 8px;
    margin: 1px;color: #FFFFFF;
    border: 1px solid #006699;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    background:-webkit-gradient
        ( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #006432) );
    background:-moz-linear-gradient( center top, #006699 5%, #006432 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#006432');background-color:#006699; }
.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { 
    text-decoration: none;border-color: #006432; color: #FFFFFF; 
    background: none; background-color:#006699;}
div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }
.titulo{
    color: #FFF; 
    font-size: 11px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-style: normal; 
    font-weight: bold; 
    line-height: normal; 
    text-decoration: none; 
    border-bottom: 1px solid var(--brand);
    background: var(--brand);
}
.header{
    color: #000000; 
    font-size: 11px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-style: normal; 
    font-weight: bold; 
    font-weight: bold;
    text-decoration: none;  
     background: #f4f4f4;
    text-align: center;
}
renglonImpares{
    color: #000000; 
    font-size: 11px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-style: normal; 
    font-weight: bold; 
    line-height: normal; 
    text-decoration: none;
    background: #E1EEF4;
}
.paginas{
    color: #000000; 
    font-size: 10px; 
    font-family: Verdana, Arial, Helvetica, sans-serif;  
    font-style: normal; 
    font-weight: bold; 
    line-height: normal; 
    text-decoration: none;
    font-weight: bold; 
    background: #f4f4f4;
}