.diff-container, .diff-error, .diff-no-data
{
  border-width: 0px;

  display: block;
  width: 100%;
  height: 100%;
  
  min-height: 35px;

  overflow-x: hidden;
  overflow-y: scroll;
}

.diff-error, .diff-no-data
{
  font-weight: bold;
  font-size: 13px;
  padding: 7px;
}

.diff-object, .diff-container
{
  background: #ffffff;
}

.diff-object, .diff-object-created,
.diff-object-deleted, .diff-object-modified
{
  padding-left: 10px;
}

.diff-prop, .diff-prop-oldvalue,
.diff-prop-newvalue
{
  padding-left: 20px;
}

.diff-highlighter
{
  display: block;
  width: 2000px;
  position: relative;
  left: -500px;
  padding-left: 500px;
  padding-top: 1px;
}

.diff-object-created * div.diff-highlighter,
.diff-prop-newvalue > div.diff-highlighter
{
  background: #c8f5c8;
}

.diff-object-created > div.diff-highlighter
{
  background: #9F9;
}

.diff-object-deleted * div.diff-highlighter,
.diff-prop-oldvalue > div.diff-highlighter
{
  background: #f6cccc;
}

.diff-object-deleted > div.diff-highlighter, .diff-error
{
  background: #FAA;
}

.diff-highlighter, .diff-prop,
.diff-prop-oldvalue, .diff-prop-newvalue
{
  height: 18px;
  vertical-align: middle;
  font-family: monospace;
  font-size: 13px;
}

.diff-arrow-collapse, .diff-arrow-expand
{
  height: 100%;
  width: 13px;
  
  float: left;
  position: relative;

  text-align: center;
  font-size: 13px;

  pointer-events: none;

  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.diff-arrow-expand
{
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);

  left: -2px;
  bottom: -2px;
}

.diff-arrow-collapse
{
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);

  left: 0px;
  bottom: 0px;
}

.diff-object-content, .diff-object-content-hidden
{
  display: block;
  height: auto;
  transition: 1s;
}

.diff-object-content * div
{
  display: block;
}

.diff-object-content-hidden
{
  height: 0px;
}

.diff-object-content-hidden * div
{
  display: none;
}