table { max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0; overflow:auto
}
.table {
  width: 100%;
  margin-bottom: 20px;
}


.table th,
.table td {padding:8px 5px; display:table-cell; line-height:normal; text-align: left; vertical-align: top; border-bottom: 1px solid #e8e8e8; background:#fff}
.table th {font-weight:bold; color:#666; padding:12px 5px !important}
.table thead th {vertical-align: bottom; border-top:1px solid #bababa !important;border-bottom:1px solid #bababa;}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td { border-top: 0;}
.table tbody + tbody {border-top: 2px solid #dddddd;}

.table .table { background-color: #ffffff;}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {background-color: #f9f9f9; color:#000}
.table-striped tbody > tr:nth-child(even) > td,
.table-striped tbody > tr:nth-child(even) > th {background-color: #fff; color:#7ecb11}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {background-color: #eee;}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {display: table-cell; float: none; margin-left: 0;}

.table td.acciones a{ margin:0 5px; white-space: nowrap}

.table caption{ text-align:left;font:400 16px 'Oswald', sans-serif; text-transform:uppercase;border-bottom:2px solid #eee}

.table-thColor th{ background-color:#999; color:#fff;}

.table-responsive{width:100%; overflow-y:auto !important; _overflow:auto !important;margin: 0 0 1em;}



/* tabla responsive en iOS */
.table-responsive::-webkit-scrollbar{ -webkit-appearance: none;width: 14px;height: 14px;}
.table-responsive::-webkit-scrollbar-thumb{border-radius: 8px;border: 3px solid #fff;background-color: rgba(0, 0, 0, .3);}