body{
	background-color:#230AA0;
	color:#ffffff;
	margin:50px;
}




.nav-centered{
	position:absolute;
	left:50%;
	margin-left:-400px;
	width:800px;
	font-weight: bold;
}

nav span{
	margin:0;
	float:left;
}

nav span a{
	display:block;
	padding:0 10px;
}

.nav-pad{padding:0 10px;}


.row{display: flex;margin: 5% 0% 0%;}
.column{flex: 50%;}


TABLE, TBODY, TR, TD, TH{
	font-family: monospace;
	table-layout:fixed;
	width: 100%;
}
tbody tr:hover {background-color: hsl(253, 83%, 28%);}
col.protx{width:100px;}
col.coll_hash{width:480px;}
col.ip{width:110px;}
col.enabled{width:70px;}
col.address{width:150px;}

td{
	font-size: small;
	padding: 0px;
}

td.trunc{
	overflow: hidden;
	text-overflow: ellipsis;
}


th{
	text-align: left;cursor:pointer;
}
.red{
	color: #FF5555;
	font-weight: bold;
}

.green{
	color: #55FF55;
	font-weight: bold;
}

.mono{
	display: block;
	font-family: monospace;
	white-space: pre;
}

.chart{
	height:370px;
	width:100%;
}


footer{
	position: relative;
	top: 10px;
}



a:link{color: #00dF00; text-decoration: underline;}
a:active{color: #00009f; text-decoration: underline;}
a:visited{color: #ff5555; text-decoration: underline;}
a:hover{color: #FFFFFF; text-decoration: none; }



.dash-bg-animation .box{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
}

.dash-bg-animation .box li{
	position: absolute;
	display: block;
	list-style: none;
	width: 25px;
	height: 25px;
	align-items:center ;
	animation: animate 30s linear infinite;
	bottom: -150px;
	border-radius: 50%;
}

.dash-bg-animation .box li:nth-child(1){
	left: 86%;
	width: 80px;
	height: 80px;
	animation-delay: 0s;
}

.dash-bg-animation .box li:nth-child(2){
	left: 12%;
	width: 30px;
	height: 30px;
	animation-delay: 1.5s;
	animation-duration: 10s;
}

.dash-bg-animation .box li:nth-child(3){
	left: 70%;
	width: 100px;
	height: 100px;
	animation-delay: 5.5s;
}

.dash-bg-animation .box li:nth-child(4){
	left: 42%;
	width: 150px;
	height: 150px;
	animation-delay: 0s;
	animation-duration: 15s;
}

.dash-bg-animation .box li:nth-child(5){
	left: 65%;
	width: 40px;
	height: 40px;
	animation-delay: 0s;
}

.dash-bg-animation .box li:nth-child(6){
	left: 40%;
	width: 110px;
	height: 110px;
	animation-delay: 3.5s;
}
@keyframes animate{
	0%{
		transform: translateY(0) rotate(0deg);
		opacity: 1;
	}

	100%{
		transform: translateY(-800px) rotate(360deg);
		opacity: 0;
		}
}