body{
	background-color: black;
	color: aqua;
}

h1{
	text-align:center;
}

h2{margin-top: 2em;}

p{color:#b0ffff;}

span.fixed{
	/* font-family:'Lucida Console', monospace; */
	font-family: 'Courier New',monospace,ui-monospace,system-ui;
}

body>div:first-child{
	width: 900px;
}

div.chart{height: 500px;}


/*
 * Rotating border animation.
 */
div.outerbox{
	margin-top: 2em;
	width: fit-content;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center; 
	border-radius: 2rem;
}
div.outerbox::before{
	content: "";
	background: linear-gradient( 90deg, hsla(197, 100%, 64%, 1) 0%, hsla(339, 100%, 55%, 1) 100% );
	height: 480px;
	width: 480px;
	position: absolute;
	animation: rotate 8s linear infinite;
	z-index: 0;
}
@keyframes rotate {
	from {transform: rotate(0);}
  	to {transform: rotate(360deg);}
}
div.innerbox{
	border-radius: 2rem;
	position: relative;
	margin: 5px;
	padding: 5px;
	background-color: black;
}


h2.credit_pool_balance{color:#f23;margin: 0.2em;}
.platform_balance{color:white;}
pre.node-key{
	border: 9px double blue;
	border-radius: 1rem;
	padding: 4px;
	background-image: url(/images/ballz.jpg);
}

/*p>span.payment_countdown{color:#ccf;font-weight: bold;text-decoration: underline;font-size: large;}*/
p>span.payment_countdown{
	border-radius: 1em;
	color: white;
	background: blue;
	margin: 0;
	padding: 0.1em 0.5em;
	font-weight: bold;
	border: solid 2px yellow;
}

h2>span.reload_table{color:green;font-size:larger;cursor:pointer;}
span.emn_table_created_date{color:white;}

table{
	border: 1px solid #0000aa;
	text-align:left;
	font-family: 'Courier New',monospace,ui-monospace,system-ui;
	color:white;
}
/* Thanks to DAF for this sticky suggestion! */
table>tbody>tr:first-child{cursor:pointer;background-color: brown;position: sticky;top: 0;}

table>tbody>tr:first-child>th{border:1px solid white;}

table.evonodes_table>tbody>tr>td:first-child{cursor:pointer;}

/*
table.withdrawals_table>tbody>tr>td:first-child{white-space: nowrap;}
table.withdrawals_table>tbody>tr>td:nth-child(2){white-space: nowrap;}
*/

table.withdrawals_table{white-space: nowrap;}
table.withdrawals_table>tbody>tr>td:nth-child(4),table.withdrawals_table>tbody>tr>td:nth-child(5),table.withdrawals_table>tbody>tr>td:nth-child(6){text-align: right;}
table.withdrawals_table>tbody>tr>th{text-align: center;}

td>div{
	color:aquamarine;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width:100px;
}
td:nth-child(8)>div{width:70px;}

td:nth-child(2)>a{
	width:80px;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
}

table.evonodes_table>tbody>tr>td:nth-child(4),table.evonodes_table>tbody>tr>td:nth-child(5),td:nth-child(10),td:nth-child(12){text-align: center;}
td:nth-child(9){text-align: right;}

tbody tr:hover {background-color: hsl(253, 83%, 28%);}

table>tbody>tr>td>a:link{text-decoration:none;}
td.filterable{cursor:pointer;}

table.evonodes_table>tbody>tr.my-node{font-weight:bold;text-shadow:1px 1px 1px;}

a:link{color: #33f;}
a:active{color: #33f;}
a:visited{color: #60f;}
a:hover{color: #aaf;}