.failed td {
	border-left: 5px solid #F00;
	background-color: #FCC;
}

.blocked td {
	border-left: 5px solid #CCC;
	background-color: #EEE;
}

.active td {
	border-left: 5px solid #3AF;
	background-color: #CEF;
}

.complete td {
	border-left: 5px solid #0F0;
	background-color: #CFC;
}

#tout:first-child div {
  display: block;
  width: 100px;
  height: 100px;
  border: 3px solid #ddd;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

#tout:first-child>div>div {
  width: 90px;
  height: 90px;
  border: 5px solid #fff;
  border-radius: 50%;
  margin: auto;
  overflow: hidden;
}

#tout:first-child div div div {
  width: 110px;
  height: 110px;
  margin: auto;
  top: 360px;
  background-color: #ddd;
  border-radius: 0%;
  border: none;
  animation-name: anim, color;
  animation-duration: 5s;
  animation-timing-function:ease;
  animation-iteration-count:infinite;
  animation-direction: alternate;
}

@keyframes anim{

  100% { top:0 }
}