/* TABLAS
 ---------------------------------------------------------------------------- */
.tblListado{
    border-collapse: collapse;
    width: 100%;
    margin: 10px 0 15px 0;
    background: #FFF;
}
.tblListado tr{
    border-bottom: 1px solid #EEE;
}
/* filas pares */
.odd {
}
/* filas impares */
.even {
}
.odd:hover, .even:hover, tr.hover{
    background: #E4EBEF;
    color: #000;
}
.tblListado th,
.tblListado td{
    padding: 5px 10px;
    border-left: 1px solid #D7D7D7;
}
.tblListado th.first,
.tblListado td.first,
.tblListado th.firstActivo,
.tblListado td.firstActivo{
    border-left: none;
}
.tblListado th{
    text-align: left;
    font-weight: normal;
    font-size: 120%;
    white-space: nowrap;
    border-bottom: 3px solid #D2D2D2;
}
.tblListado th.cabeceraExcel, .tblListado th.whiteSpaceNormal{
    white-space: normal;
}
th.numero, td.numero, .tblListado tFoot th.numero{
    text-align: right;
    white-space:nowrap;
}
.tblListado th.orden{
    padding-right: 20px;
}
.tblListado tfoot th{
    text-align: left;
    font-size: 120%;
    white-space: nowrap;
    border-top: 3px solid #D2D2D2;
    border-bottom: none;
    font-weight: bold;

}
.tblListado tr td.cntAccionesRegistro{
    padding: 1px 1px 0 0px;
    text-align:center;
}
.tblListado .cntMsgNoRegistros{
    padding: 10px 0 10px 10px;
}
.tblListado .txtNoRs{
    font-size: 120%;
    text-align: center;
    font-weight: bold;
    padding: 4px;
    color: #FFF;
    background: #88888A;
}
th a.ordenSel{
    filter: alpha(opacity=40);
    opacity: 0.4;
}
.oculto{
    display: none;
}

/* Responsive */
@media screen and (max-width: 768px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }

  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }

  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }

  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  table td:last-child {
    border-bottom: 0;
  }
}