div.mergeViewWindow  {
   height: calc(100vh - 300px);
}


div.mergeViewWindow div.mergeView {
height: calc(100% - 53px); }

div.mergeViewWindow div.mergeViewDisplay {
    background-color: var(--color-secondary);
    height: 100%;
    margin-bottom: 0;
    padding: 0;
}
div.mergeViewWindow div.mergeViewDisplayRow {
    height: 50%;
}
div.mergeViewWindow ul.mergeViewHead {
    list-style: none;
    padding: 10px 0;
    margin: 0;
    width: 100%;
    font-weight: bold;
    color: var(--color-primary);
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
div.mergeViewWindow .mergeViewTitle {
height: 35px; padding: 0 10px 10px 10px; font-size: 12px;}

.mergeViewDisplayRow.allDisabled .CodeMirror,
.mergeViewDisplayRow.leftDisabled .CodeMirror-merge-gap,
.mergeViewDisplayRow.allDisabled .CodeMirror-merge-gap,
.mergeViewDisplayRow.allDisabled .CodeMirror-linenumbers,
.mergeViewDisplayRow.leftDisabled .CodeMirror-merge > .CodeMirror-merge-pane:first-child .CodeMirror,
.mergeViewDisplayRow.leftDisabled .CodeMirror-merge > .CodeMirror-merge-pane:first-child .CodeMirror-linenumbers {
    background-color: #E7E7E7;
}

div.mergeViewWindow div.mergeViewOutput {
    height: calc(100% - 50px);
	}


div.mergeViewWindow div.mergeViewDisplay .CodeMirror-merge,
div.mergeViewWindow div.mergeViewDisplay .CodeMirror-merge-pane,
div.mergeViewWindow div.mergeViewDisplay .CodeMirror {
    height: 100%;
}

div.mergeViewWindow div.mergeViewControls {
    float: right;
}

div.mergeViewWindow div.mergeWindowLoader {
    text-align: center;
    position: relative;
    top: 50%;
}

div.mergeViewWindow div.mergeWindowLoader img {
    margin-top: 5px;
}


div.mergeViewWindow ul.mergeViewHead li {
    width: calc(50% - 2px);
    display: inline-block;
    text-align: center;
}

div.mergeViewWindow ul.mergeViewHead.withFold li {
    width: calc(50% - 30px);
}

div.mergeViewWindow div.mergeViewDisplay .CodeMirror-merge-pane.stretched {
    width: 100%;
}

div.mergeViewWindow ul.mergeViewHead.withFold li.foldButton {
    display: inline-block;
    color: #fff;
    z-index: 1;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    background-color: var(--color-primary);
    border-radius: 50%;
    transition: .3s;
    cursor: pointer;
    vertical-align: middle;
    z-index: 9999;
    text-align: center;


}

.foldButton .material-icons.active {
    transform: rotate(180deg);

}