.diff-table {
    /*border: 1px solid #ddd;*/
    border-collapse: collapse;
    width: 100%;
}
.diff-table tr td {
    border-top: 1px solid #e9e9e9;
}
.diff-table td, .diff-table th {
    vertical-align: top;
    padding: 4px;
    font-family: "Consolas", monospace;
    font-weight: normal;
    text-align: left;
    /*border: 1px solid #ddd;*/
}
.diff-table th {
    font-weight: bold;
}
.diff-head-arrow {
    font-size: 24px;
    line-height: 22px;
}        
td.diff-value-cell > div {
    padding: 2px 4px;
    margin: -2px -4px;
}
.diff-action-changed td.diff-value-cell > div {
    background-color: #E7FBFF;
}
.diff-action-added td.diff-new-value-cell > div {
    background-color: #e0ffe0;
}
.diff-action-removed td.diff-old-value-cell > div {
    background-color: #ffd2c3;
}
.diff-value-cell {
    white-space: pre-wrap;
}
.diff-level-1 td:first-child { padding-left: 40px; }
.diff-level-2 td:first-child { padding-left: 80px; }
.diff-level-3 td:first-child { padding-left: 120px; }
.diff-level-4 td:first-child { padding-left: 160px; }

.diff-children-unchanged, .diff-action-unchanged { opacity: .3; display: none }

.diff-col-old, .diff-col-new { width: 30%; }