#box-fc,
#box-bc,
#box-results {
  border: 1px solid #ddd;
}

#fc,
#bc {
  font-weight: bold;
  color: #666;
}

.uk-panel-box {
  background: #fff;
}

#fcolor-result-box,
#bcolor-result-box,
#viewresult {
  /*height: 100px;*/
  margin-top: 20px;
}

#bcolor-result-box {
  /*background: #f0f0f0 url(../img/background.png);*/
}

#fcolor-result-box {
  /*background: #f0f0f0 url(../img/foreground.png);*/
}

.text-red {
  color: red;
}

.text-green {
  color: green;
}

.text-blue {
  color: blue;
}

.sample-text {
  padding: 20px;
}


canvas {
  /*z-index: 1;*/
  z-index: 0;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

#box-results input {
  text-align: center;
  font-weight: bold;
}

.title-results {
  font-weight: bold;
}

.description {
  background: #e7e8e9;
  color: #3a3a3c;
  padding: 20px;
}

.passed {
  border-color: #17b3a4 !important;
  background: #17b3a4 !important;
  color: #fff !important;
}

.sortof {
  border-color: #f5bc14 !important;
  background: #f5bc14 !important;
  color: #000 !important;
}

.failed {
  border-color: #ea4775 !important;
  background: #ea4775 !important;
  color: #fff !important;
}