@-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:25px 30px 30px 30px;
}
.server-box.checking {
	color: #8a6d3b;
    background-color: #fcf8e3;
    border-left: 5px solid #faebcc;
}
.server-box.is-up {
	color: #3c763d;
	background-color: #dff0d8;
	border-left: 5px solid #d6e9c6;
}
.server-box.is-down {
	color: #a94442;
    background-color: #f2dede;
    border-left: 5px solid #ebccd1;
}
.server-box-status p {
	font-size: 16px;
	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;
}