@-webkit-keyframes opacity {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@-moz-keyframes opacity {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
.server-box {
	margin:5px 0px 10px 0px;
	padding:5px 30px 5px 5px;
}
.server-box.checking {
	color: #FFFFFF;
	background-color: #000000;
	background-image: url("/images/svg_yellow.svg");
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: left center;
	border-left: 2px solid #000000;
	padding-left: 22px;
}
.server-box.is-up {
	color: #FFFFFF;
	background-color: #000000;
	background-image: url("/images/svg_green.svg");
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: left center;
	border-left: 2px solid #000000;
	padding-left: 22px;
}
.server-box.is-down {
	color: #FFFFFF;
	background-color: #000000;
	background-image: url("/images/svg_red.svg");
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: left center;
	border-left: 2px solid #000000;
	padding-left: 22px;
}
.server-box-status p {
	font-size: 16px;
	margin: 0px;
}
.server-loading span {
        font-size: 16px;
	-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;
}