@-webkit-keyframes opacity {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@-moz-keyframes opacity {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
.server-box {
	margin:0px 0px 15px 0px;
	padding:10px 10px 10px 20px;
}
.server-box.checking {
	font-size: medium;
	color: #8a6d3b;
    background-color: #0a0a0a;
    border-left: 2px solid #faebcc;
}
.server-box.is-up {
    font-size: medium;
	color: #9cc37a;
    background-color: #0a0a0a;
    border-left: 2px solid #75ff00;
}
.server-box.is-down {
	font-size: medium;
	color: #d54643;
    background-color: #0a0a0a;
    border-left: 2px solid #d54643;
}
.server-box-status p {
	font-size: 14px;
	margin: 0px;
}
.server-loading span {
	-webkit-animation-name: opacity;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;	
	-moz-animation-name: opacity;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
}
.server-loading span:nth-child(2) {
	-webkit-animation-delay: 100ms;
	-moz-animation-delay: 100ms;
}

.server-loading span:nth-child(3) {
	-webkit-animation-delay: 300ms;
	-moz-animation-delay: 300ms;
}