html, body {margin:0px;padding:0px;height: 100%;overflow:hidden}
iframe {height:100%}
#ide {width:600px;}
#visualiser {width:348px;}

#unit-tests {
  height: 30px;
  border: 1px solid #ccc;
  background-color: #F5F5F5;
  padding: 2px;
  padding-left: 5px;
  border-radius: 2px;
  cursor: pointer;
}
#test-text {
  font-family: helvetica, san-serif;
  font-weight: bold;
  padding-top: 5px;
}
#unit-tests .result {
  width: 30px;
  height: 30px;
  float: right;
}
#unit-tests.success .result {
  background-image: url(../images/success.svg);
}
#unit-tests.fail .result {
  background-image: url(../images/fail.svg);
}