table th { font-weight: bold; }
table td, table th { padding: 9px 10px; text-align: left; }
table.dataTableNoSort, table.dataTableNoPages, table.dataTable{margin-bottom:15px; width:100% !important; border: 0; margin-top:20px;  }
.table-wrapper{clear:both;}
table.dataTableNoSort th, table.dataTableNoPages th, table.dataTable th{ background-color:#eee;  border-spacing: 0px !important;}
table.dataTableNoSort td, table.dataTableNoPages td, table.dataTable td{ border-bottom:1px solid #f0f0f0; }
table.dataTableNoSort.darker td, table.dataTableNoPages.darker td, table.dataTable.darker td {border-bottom:1px solid #808080;}
table img { max-width:100%; height:auto; }
table.dataTableNoSort tr.urgent td, table.dataTableNoPages tr.urgent td, table.dataTable tr.urgent td {background-color:#ffc8c8; border-bottom: 1px solid #ff0000 !important; border-top: 1px solid #ff0000 !important;}
table.dataTableNoSort tr.urgent td.first, table.dataTableNoPages tr.urgent td.first, table.dataTable tr.urgent td.first {border-left: 1px solid #ff0000 !important;}
table.dataTableNoSort tr.urgent td.last, table.dataTableNoPages tr.urgent td.last, table.dataTable tr.urgent td.last {border-right: 1px solid #ff0000 !important;}

/* Mobile */
@media only screen and (max-width: 767px) {
    .key { display:none; }
	table.dataTableNoSort, table.dataTableNoPages, table.dataTable { margin-bottom: 0; margin-top:0 !important; }
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll;  }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child, table.dataTableNoSort td, table.dataTableNoPages td, table.dataTable td { border-bottom: 0; }
    .mods .pinned tbody tr { height:55px !important; }
    .mods .pinned table thead tr { height:32px !important; }
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden;  margin-top:20px; }
	div.table-wrapper div.scrollable { margin-left: 35%;  overflow: scroll; overflow-y: hidden; }
	
	table.dataTableNoSort td, table.dataTableNoSort th, table.dataTableNoPages td, table.dataTableNoPages th, table.dataTable td, table.dataTable th { position: relative; white-space: nowrap; overflow: hidden; }
    .translate table.dataTable td{ position: relative; white-space: normal; }
	table.dataTable th:first-child, table.dataTable td:first-child, table.dataTable td:first-child, table.dataTable.pinned td,
    table.dataTableNoSort th:first-child, table.dataTableNoSort td:first-child, table.dataTableNoSort td:first-child, table.dataTableNoSort.pinned td,
    table.dataTableNoPages th:first-child, table.dataTableNoPages td:first-child, table.dataTableNoPages td:first-child, table.dataTableNoPages.pinned td { display: none; }
    .pinned table.dataTable th:first-child, .pinned table.dataTable td:first-child, .pinned table.dataTableNoSort th:first-child, .pinned table.dataTableNoSort td:first-child, .pinned table.dataTableNoPages th:first-child, .pinned table.dataTableNoPages td:first-child { display:block !important; }
}