/* the style here follows graydon/rust-www */

#active-code {
  position: relative;
  display: block;
  padding: 10px;
  border-radius: 4px;
  background-color: #FDFDFD;
  border: 1px solid #CCC;
  margin-bottom: 16px;
}

#editor {
  padding: none;
  margin: none;
  width: 100%;
  min-height: 72px;
  font-size: 13px;
  font-family: Menlo, Monaco, Consolas, monospace;
  white-space: pre-wrap;
}

#result {
  color: #333;
  background-color: #E2EEF6;
  margin-top: 10px;
  padding: 10px;
  display: none;
  border-radius: 4px;
  font-family: Menlo, Monaco, Consolas, monospace;
  white-space: pre-wrap;
}

#reset-code {
  position: absolute;
  z-index: 10;
  float: right;
  right: 8px;
  top: 50px;
  outline: none;
}

#run-code {
  position: absolute;
  z-index: 10;
  float: right;
  right: 8px;
  top: 8px;
  outline: none;
}

.ace-error-text, .ace-error-line, .ace-warning-text, .ace-warning-line {
  position: absolute;
}

.ace-error-text {
  background-color: #e9abab;
}

.ace-error-line {
  background-color: #F6E2E2;
}

.ace-warning-text {
  background-color: #FFEF00;
}

.ace-warning-line {
  background-color: #FFFBCB;
}

.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
  border-radius: 4px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-primary:active {
  background-image: none;
}