.diff-to-json table {
  table-layout: fixed;
  width: 100%;
}
.diff-to-json td {
  width: 33%;
  padding: 3px 4px;
  border: 1px solid transparent;
  vertical-align: top;
  font: 1em monospace;
  text-align: left;
  white-space: pre-wrap;
}
.diff-to-json h1 {
  display: inline;
  font-size: 100%;
}
.diff-to-json del {
  text-decoration: none;
  color: #b30000;
  background: #fadad7;
}
.diff-to-json ins {
  background: #eaf2c2;
  color: #406619;
  text-decoration: none;
}
.diff-to-json #result {
  white-space: pre-wrap;
}
.diff-to-json #settings {
  position: absolute;
  top: 0;
  left: 5px;
  right: 5px;
  height: 2em;
  line-height: 2em;
}
.diff-to-json #settings label {
  margin-left: 1em;
}
.diff-to-json .source {
  position: absolute;
  right: 1%;
  top: 0.2em;
}
.diff-to-json [contentEditable] {
  background: #F9F9F9;
  border-color: #BBB #D9D9D9 #DDD;
  border-radius: 4px;
  -webkit-user-modify: read-write-plaintext-only;
  outline: none;
}
.diff-to-json [contentEditable]:focus {
  background: #FFF;
  border-color: #6699cc;
  box-shadow: 0 0 4px #2175c9;
}
@-moz-document url-prefix() {
  body {
    height: 99%;
    /* Hide scroll bar in Firefox */
  }
}