/* required */
.mergely-column textarea {
  width: 80px;
  height: 200px;
}

.mergely-column {
  float: left;
}

.mergely-margin {
  float: left;
}

.mergely-canvas {
  float: left;
  width: 28px;
}

/* resizeable */
.mergely-resizer {
  width: 100%;
  height: 100%;
}

.mergely-full-screen-0 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.mergely-full-screen-8 {
  position: fixed;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 999998;
  background: #fff;
  padding-top: 50px;
  box-sizing: border-box;
}

/* style configuration */
.mergely-column {
  border: 1px solid #ccc;
}

.mergely-active {
  border: 1px solid #a3d1ff;
}

.mergely.a,
.mergely.d,
.mergely.c {
  color: #000;
}

.mergely.a.rhs.start {
  border-top: 1px solid #a3d1ff;
}

.mergely.a.lhs.start.end,
.mergely.a.rhs.end {
  border-bottom: 1px solid #a3d1ff;
}

.mergely.a.rhs {
  background-color: #ddeeff;
}

.mergely.a.lhs.start.end.first {
  border-bottom-width: 0;
  border-top: 1px solid #a3d1ff;
}

.mergely.d.lhs {
  background-color: #ffe9e9;
}

.mergely.d.lhs.end,
.mergely.d.rhs.start.end {
  border-bottom: 1px solid #f8e8e8;
}

.mergely.d.rhs.start.end.first {
  border-bottom-width: 0;
  border-top: 1px solid #f8e8e8;
}

.mergely.d.lhs.start {
  border-top: 1px solid #f8e8e8;
}

.mergely.c.lhs,
.mergely.c.rhs {
  background-color: #fafafa;
}

.mergely.c.lhs.start,
.mergely.c.rhs.start {
  border-top: 1px solid #a3a3a3;
}

.mergely.c.lhs.end,
.mergely.c.rhs.end {
  border-bottom: 1px solid #a3a3a3;
}

.mergely.ch.a.rhs {
  background-color: #ddeeff;
}

.mergely.ch.d.lhs {
  background-color: #ffe9e9;
  text-decoration: line-through;
  color: red !important;
}

.mergely.current.start {
  border-top: 1px solid #000 !important;
}

.mergely.current.end {
  border-bottom: 1px solid #000 !important;
}

.mergely.current.lhs.a.start.end,
.mergely.current.rhs.d.start.end {
  border-top-width: 0 !important;
}

.mergely.current.lhs.a.start.end.empty,
.mergely.current.rhs.d.start.end.empty {
  border-top-width: 1px !important;
  border-bottom-width: 0px !important;
}

.mergely.current.CodeMirror-linenumber {
  color: #F9F9F9;
  font-weight: bold;
  background-color: #777;
}

.CodeMirror-linenumber {
  cursor: pointer;
}

.CodeMirror-code {
  color: #717171;
}

.diff-file {
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 999998;
}

.diff-file-close {
  position: fixed;
  right: 20px;
  top: 10px;
  z-index: 99999999;
}

.diff-file-select {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 99999999;
}

.diff-file-select-item {
  z-index: 99999999 !important;
}

.diff-file-current-version {
  position: absolute;
  left: 50%;
  top: 12px;
  z-index: 99999999;
  margin-left: 10px;
}
.diff-loading{
  z-index: 99999999 !important;
}
.diff-file-hide{
  z-index: -9999999 !important;
  opacity: 0;
}