.overbought{
	color:#ff7f00;
}

.oversold{
	color:#00ff7f;
}

.demand, .plus{
	color: green;
}

.supply, .minus {
	color: red;
}

.spot{
	color: black;
}

.sent{
	color: red;
}

.vol{
	color: gray;
	font-size: small;
}

.received{
	color: green;
}

table, td, th{
	border-style: groove;
}

table{

	border-collapse: separate;
}
	
td,th {
  margin: 0;
  border: 1px solid grey;
  white-space: nowrap;
  /* border-top-width: 0px; */
}

div.wrap {
  width: 95%;
  overflow-x: auto;
  margin-left: 141px;
  /*overflow-y: visible;*/
  padding: 1;
}

.headcol {
  position: absolute;
  width: 145px; 
  left: 1;
  top: auto;
  border-top-width: 1px;
  /*only relevant for first row*/
  margin-top: 1px; 
  /*compensate for top border*/
  text-align: left;
}

.headcol:before {
  content: ' ';
}



td{
	font-size:large;
}

th{
	font-size:x-large;
	background-color: lightgray;
}




tr:nth-child(even) {
	background: white;
}

.even{
	background-color: white;
}

tr:nth-child(odd) {
	background: lightgray
}

.odd{
	background-color: lightgray;
}

.hide{
	display: none;
}

label{
	cursor: default;
}

.sort-up{
	color: green;
}

.sort-down{
	color: red;
}

.sort-normal{
	color: black;
}

.high
{
	color: blue;
}

.mid
{
	color: black;
}

.low
{
	color: darkgray;
}

.coin
{
	font-size:large;
}

#b24h th, #b24h td
{
	font-size:large;
}

.blink {
  animation: blinker 3s linear infinite;
  display: inline-block; /* Important for animation to take effect */
}

@keyframes blinker {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}