/* This CSS files is for the difference engine and merge-specific styles */

ins, .ins, .ins * {
    text-decoration: none;
    background-color: #F9FA58;
}

del, .del, .del * {
    text-decoration: line-through;
    background-color: #fbb6c2;
    color: #555;
    display: none;
}

.contents {
    display:inline;
}

.selecting, .selecting.merge-column:not(.btn-primary) {
    text-decoration: none;
    background-color: #BED1F0;
}

.selecting.merge-column .ins, .selecting ins {
    text-decoration: none;
    background-color: #F9FA58;
}

.merge-column.editor:not(.btn-primary) {
    text-decoration: none;
    background-color: #80C4E9;
}

/* Green background for merged items */
.merged:not(.btn-primary) {
    text-decoration: none;
    background-color: #95FFB2;
}

.merge-column .merged:not(.btn-primary) {
    text-decoration: none;
    background-color: white;
}

.merged .ins, .merged ins {
    text-decoration: none;
    background-color: #F9FA58;
}

.merged:not(.btn-primary).selected {
    text-decoration: none;
    background-color: #95FFB2;
}

.left-column .mergedsource {
    display: none;
}

.hiddenifempty {
    display: none !important;
}

.merge-column .hiddenifempty {
    display: inline !important;
}

.merge-column .stagedsource {
    display: none;
}

    .merge-column.form-check.deleted > * {
        display: none;
    }

    .merge-column.form-check.deleted > input[type="checkbox"] {
        display: block;
    }

    .merge-column.form-check > input[type=checkbox].placeholder {
        display: none;
    }

    .merge-column .form-check.reference.grandma.from-left-column .originalsource {
        display: none;
    }

    .merge-column .form-check.reference.notmerged.from-left-column {
        display: none;
    }

/* Tan color for unmerged items */
notmerged, .notmerged:not(.btn-primary) {
    text-decoration: none;
    background-color: #FFF7CE;
}

/* Tan color for unmerged items */
.grandma:not(.btn-primary) {
    text-decoration: none;
    background-color: #FFF7CE;
}

.notmerged .ins, .notmerged ins {
    text-decoration: none;
    background-color: #F9FA58;
}

.changed, .changed:not(.btn-primary) {
    text-decoration: none;
    background-color: #FFB3B3;
}