body{ overflow-y: scroll }

.add{
  background-color: #d0ffd0;
  width: 100%;
  float: left;
}
.del{
  background-color: #ffd0d0;
  width: 100%;
  float: left;
}
.ok{
  background-color: #a0ffa0
}

.fail{
  background-color: #ffa0a0
}
.ignored{
  background-color: #e0e0e0
}

.collapsible {
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}
.active.ok{
  background-color: #40ff40
}
.active.fail{
  background-color: #ff4040
}
.collapsible:hover {
  background-color: #555;
  color: white;
}

.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
}

.timer {
	text-align:right;
	font-size:small;
}