.supsystic-tables-wrap .supsystic-table .bold {
  font-weight: 700;
}
.supsystic-tables-wrap .supsystic-table .italic {
  font-style: italic;
}
.supsystic-tables-wrap .supsystic-table .htLeft {
  text-align: left;
}
.supsystic-tables-wrap .supsystic-table .htRight {
  text-align: right;
}
.supsystic-tables-wrap .supsystic-table .htCenter {
  text-align: center;
}
.supsystic-tables-wrap .supsystic-table .htTop {
  vertical-align: top;
}
.supsystic-tables-wrap .supsystic-table .htMiddle {
  vertical-align: middle;
}
.supsystic-tables-wrap .supsystic-table .htBottom {
  vertical-align: bottom;
}
.supsystic-tables-wrap .supsystic-tables-export ul {
  margin: 0 !important;
  padding: 0 !important;
}
.supsystic-tables-wrap .supsystic-tables-export ul li {
  display: inline-block !important;
  margin-left: 10px;
}
.supsystic-tables-wrap .supsystic-tables-export ul li:first-child {
  margin-left: 0;
}

.supsystic-tables-wrap {
 position: relative;
 width: 100%;
 overflow: hidden;
 box-sizing: border-box;
}

.supsystic-tables-wrap .supsystic-table {
  box-sizing: border-box;
}

table.supsystic-table td {
  white-space: pre-line;
}
table.supsystic-table img {
  max-width:100%;
  height:auto;
}

.supsystic-tables-wrap table.supsystic-table .no-header tr:first-child td {
  border-top: 1px solid #111;
}

table.supsystic-table .ww-h {
  white-space: nowrap;
  overflow: hidden;
  max-width: 0;
}

table.supsystic-table {
  table-layout: auto!important;
  max-width: none;
}

table.supsystic-table .ww-v {
  white-space: nowrap;
  overflow: visible;
  max-width: 0;
}


.dataTables_wrapper .dataTables_filter input {
  width: auto;
}

table.supsystic-table .ww-v {
  max-width: auto;
}

.supsystic-tables-features div {
  display: inline-block;
  margin-right: 15px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  background-color: #2B2B2B;
  text-indent: 3.5px;
  line-height: 18px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  background-color: #888;
}
/* Reset border styles for data tables, because border and border-left, border-right etc. styles are applied on table at the same time */
table.dataTable tbody th, table.dataTable tbody td {
	border: none;
}
table.oneColumn,
table.oneColumn thead,
table.oneColumn tbody,
table.oneColumn th,
table.oneColumn td,
table.oneColumn tr { 
  display: block; 
}

table.oneColumn thead tr { 
  position: absolute;
  top: -9999px;
  left: -9999px;
}

table.oneColumn tr {
  border: 1px solid #ccc;
  height: auto!important;
}

table.oneColumn td { 
  border: none;
  border-bottom: 1px solid #eee; 
  position: relative;
  text-align: left;
  width: 100%!important;
  box-sizing: border-box;
}

table.oneColumnWithLabels td {
  padding-left: 50%!important;
}

table.oneColumnWithLabels td:before { 
  position: absolute;
  text-align: left;
  top: 6px;
  left: 6px;
  width: 45%; 
  padding-right: 10px; 
  white-space: nowrap;
}

table.oneColumnWithLabels td:after { 
  content: '';
  display: inline-block;
}

.supsystic-table.collapsed tr.child table td {
  overflow-y: auto;
}