body {
  display: table;
  font-family: 'Nunito Sans', sans-serif;
  margin: 0;
}
table {
  border-spacing: 0;
  width: 100%;
}
thead {
  border-bottom: 3px solid #00146c;
}
th {
  background: #fff;
  color: #00146c;
  font-weight: 900;
  text-align: left;
}
th:not([data-sort-method="none"]) {
  cursor: pointer;
}
th {
  position: relative;
}
th:after {
  height: 0;
  position: absolute;
  transition: all .5s ease-in-out;
}
th:not([data-sort-method="none"]):hover:after {
  background: #e5e5e5;
  height: 5px;
}
th:after {
  bottom: 0;
  content: '';
  left: 0;
  width: 100%;
}
.center {
  text-align: center;
}
.b {
  font-weight: 900;
}
.icon {
  background-repeat: no-repeat;
  background-position: right 6px top 2.75px;
  background-size: 32px;
  padding-right: 39px !important;
}
.button {
  background-color: #3f3f3f;
  border-radius: 3px;
  color: white;
  display: block;
  font-weight: 700;
  letter-spacing: 1px;
  padding: .5em;
  text-align: left;
  text-decoration: none;
  transition: all .25s ease;
}
.button:active {
  background-color: #767676;
  transform: translateY(2px);
}
.button:focus {
  transform: translateY(0);
}
.button:hover {
  background-color: #767676;
}
th[aria-sort="ascending"]:after {
  background: black;
  height: 5px;
  position: absolute;
}
th[aria-sort="descending"]:after {
  background: black;
  bottom: auto;
  height: 5px;
  top: 0;
}
th,
td {
  padding: .5em;
}
td:not(.color) {
  border-left: 1px solid white;
}

tr:nth-child(even) { background-color: #fff }

tr:nth-child(even) td:not(.color) {
  border-left: 1px solid #f4f6ff;
}
tr:nth-child(odd) { background-color: #f4f6ff }
tr { transition: background-color .5s ease }
tr:hover {
  background-color: #e3e8ff;
  border-bottom: 1px solid #e3e8ff;
  border-top: 1px solid #e3e8ff;
}
tr .color { transition: filter .5s ease }
tr:hover .color { filter: invert(10%); }
.shitcoin .fa {
  transform: translateX(16px);
}
.positive,
.negative {
  font-weight: bold;
}
.positive:after,
.negative:after {
  content: "%";
}
.negative {
  background: #ffc2c2;
}
.negative.x {
  background: #ff8f8f;
}
.negative.xx {
  background: #ff7676;
}
.negative.xxx {
  background: #ff5c5c;
}
.negative.xxxx {
  background: #ff4343;
}
.negative.xxxxx {
  background: #ff2929;
}
.negative.xxxxxx {
  background: #ff1010;
}
.negative.xxxxxxx {
  background: #f50000;
}
.negative.xxxxxxxx {
  background: #dc0000;
}
.negative.xxxxxxxxx {
  background: #c20000;
}
.negative.xxxxxxxxxx {
  background: #a90000;
}
.negative.xxxxxxxxxxx {
  background: #8f0000;
}
.positive {
  background: #e6ffe6;
}
.positive.x {
  background: #d3ffd3;
}
.positive.xx {
  background: #baffba;
}
.positive.xxx {
  background: #a0ffa0;
}
.positive.xxxx {
  background: #87ff87;
}
.positive.xxxxx {
  background: #6dff6d;
}
.positive.xxxxxx {
  background: #54ff54;
}
.positive.xxxxxxx {
  background: #3aff3a;
}
.positive.xxxxxxxx {
  background: #21ff21;
}
.positive.xxxxxxxxx {
  background: #07ff07;
}
.positive.xxxxxxxxxx {
  background: #00ed00;
}
.positive.xxxxxxxxxxx {
  background: #00d300;
}
.hide i ,
i.hide {
  color: transparent;
}

.hide i.fa-check-circle:before { color: green }
.hide i.fa-times-circle:before { color: red }
.fa-question-circle:before {
  color: yellow;
  text-shadow: 0px 0px 1px black;
}
.fa {
  font-size: 35px;
}