table {
  max-width: 100%;
	margin: auto;
  /* margin-top: 1em; */
  /* margin-bottom: 1em; */
  border: solid 1px #00000030;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 5px;
  overflow: hidden;
}


td {
  white-space: nowrap;
  padding: 15px;
  border-left: solid 1px #00000030;
  border-bottom: solid 1px #00000030;
}

td.compact  {
  white-space: nowrap;
  padding: 5px 20px;
  border-left: solid 1px #00000030;
  border-bottom: solid 1px #00000030;
}


th {
  white-space: nowrap;
  padding: 15px;
  background: #00000015;
  border-bottom: solid 1px #00000015;
}

th.compact {
  white-space: nowrap;
  padding: 0px;
  background: #00000015;
  border-bottom: solid 0px #00000015;
}


td:first-child,
th:first-child {
  border-left: none;
}

tr:last-child td {
  border-bottom: none;
}

.scroll-hint-icon {
  top: calc(50% - 40px)!important;
  /* left: calc(50% - 60px); */
  /* height: 90px; */
  height: 70px!important;
}

.js-scrollable {
  max-width: 100%;
  overflow-y: hidden;
}

@media screen and (max-width:840px) {
  table {
    width: 100%;
  }
}