div.diffcontainer pre.codeBlock, div.diffcontainer div.codeBlock {
  overflow:auto;
  margin:0 0 1em;
  padding:.5em 1em;
}

div.diffcontainer pre.codeBlock .codeLine,
div.diffcontainer pre.codeBlock .line-number,
div.diffcontainer div.codeBlock .codeLine,
div.diffcontainer div.codeBlock .line-number {
  font:normal normal 13px/16px monospace;
  font-family: Monaco, monospace;
  color:black;
  display:block;
}

div.diffcontainer pre.codeBlock.codeBlock span.code, div.codeBlock span.code {
    min-width: 97%;
    display: inline-block;
}

div.diffcontainer pre.codeBlock .line-number, div.codeBlock .line-number {
  margin:0 1em 0 -1em;
  border-right:1px solid #eee;
  color: #bbb;
  text-align:right;
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  
  -o-user-select: none;
  user-select: none;
  padding-left: 0.2em;
  padding-right: 0.2em;
}

div.diffcontainer pre.codeBlock .line-number span, div.codeBlock .line-number span {
  display:block;
  padding:0 .5em 0 1em;
}

div.diffcontainer {
    display:block;
    position: relative;
    margin: 0 auto;
}

div.diffcontainer div.left {
    width: 40%;
    display: inline-block;
}

div.diffcontainer div.right {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

div.diffcontainer pre.codeBlock.left {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

div.diffcontainer pre.codeBlock.right {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    margin-left: 1em;
}

div.diffcontainer div.gutter {
    float: left;
}

div.diffcontainer div.codeLine span.diff {
    color: #c00;
}

div.diffcontainer div.codeLine span.eq {
    background: rgba(50, 57, 88, 0.1);
    color: #333;
}

div.diffcontainer div.codeLine span.type {
    background: rgba(220, 100, 100, 0.1);
}

div.diffcontainer div.codeLine span.missing {
    background: rgba(0, 160, 80, 0.1);
    color: green;
}