@-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;
}