html {
  height: 100%;
}
body {
  margin: 0;
  height: 100%;
  position: relative;
}
/* Height / width / positioning can be customized for your use case.
       For demo purposes, we make firepad fill the entire browser. */
#firepad-container {
  width: 100%;
  height: 100%;
}
.powered-by-firepad {
  display: none;
}

.helper {
  position: fixed;
  bottom: 10px;
  right: 10px;
  padding: 8px 14px;
  border-radius: 5px;
  border: solid 1px #ffefb5;
  background-color: #ffefb5;
  color: #333;
}

.helper span {
  /*font-family: monospace;*/
  font-size: 0.8em;
  border-radius: 5px;
  border: solid 1px #ccc;
  padding: 4px 10px;
  background-color: #eee;
}