html,
body,
.container-main {
	
  margin: 0px;
}
#myCanvas {
  background-color: #5bc0de;
  
}
.the-controls,
.the-canvas,
.todo {
  padding: 10px;
}
.todo {
  width: 620px;
}
.btn {
  cursor: pointer;
}
.badge {
  background-color: #5bc0de;
}
.ui-slider-handle {
  background-color: #f0ad4e !important;
}
#demo-warning.glyphicon {
  color: #f0ad4e;
  font-size: 1.5em;
  float: left;
}
/* Fix: misaligned input/label */
.list-group-item input {
  float: left;
  margin-right: 5px;
}
.blink {
  animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}