mark {
  background-color: transparent;
  color: inherit;
}

.mark-delete {
  color: orange !important;
  text-decoration: line-through !important;
}

.mark-modify {
  background-color: red !important;
}
.mark-modify1 {
  background-color: #f2e366 !important;
}
.mark-modify2 {
  background-color: #a3c4ff !important;
}
.mark-modify3 {
  background-color: #ffbece !important;
}
.mark-modify4 {
  background-color: #fcb85e !important;
}

.mark-modify1 > li {
  background-color: #f2e366 !important;
}
.mark-modify2 > li {
  background-color: #a3c4ff !important;
}
.mark-modify3 > li {
  background-color: #ffbece !important;
}
.mark-modify4 > li {
  background-color: #fcb85e !important;
}

.mark-modify1 > dt {
  background-color: #f2e366 !important;
}
.mark-modify2 > dt {
  background-color: #a3c4ff !important;
}
.mark-modify3 > dt {
  background-color: #ffbece !important;
}
.mark-modify4 > dt {
  background-color: #fcb85e !important;
}

.mark-modify1 > dd {
  background-color: #f2e366 !important;
}
.mark-modify2 > dd {
  background-color: #a3c4ff !important;
}
.mark-modify3 > dd {
  background-color: #ffbece !important;
}
.mark-modify4 > dd {
  background-color: #fcb85e !important;
}

.mark-fuzzy-modify1 {
  border: dashed 1px;
  background-color: #f2e366 !important;
}
.mark-fuzzy-modify2 {
  border: dashed 1px;
  background-color: #a3c4ff !important;
}
.mark-fuzzy-modify3 {
  border: dashed 1px;
  background-color: #ffbece !important;
}
.mark-fuzzy-modify4 {
  border: dashed 1px;
  background-color: #fcb85e !important;
}


.mark-fuzzy-modify1 > li {
  border: dashed 1px;
  background-color: #f2e366 !important;
}
.mark-fuzzy-modify2 > li {
  border: dashed 1px;
  background-color: #a3c4ff !important;
}
.mark-fuzzy-modify3 > li {
  border: dashed 1px;
  background-color: #ffbece !important;
}
.mark-fuzzy-modify4 > li {
  border: dashed 1px;
  background-color: #fcb85e !important;
}

.mark-fuzzy-modify1 > dt {
  border: dashed 1px;
  background-color: #f2e366 !important;
}
.mark-fuzzy-modify2 > dt {
  border: dashed 1px;
  background-color: #a3c4ff !important;
}
.mark-fuzzy-modify3 > dt {
  border: dashed 1px;
  background-color: #ffbece !important;
}
.mark-fuzzy-modify4 > dt {
  border: dashed 1px;
  background-color: #fcb85e !important;
}

.mark-fuzzy-modify1 > dd {
  border: dashed 1px;
  background-color: #f2e366 !important;
}
.mark-fuzzy-modify2 > dd {
  border: dashed 1px;
  background-color: #a3c4ff !important;
}
.mark-fuzzy-modify3 > dd {
  border: dashed 1px;
  background-color: #ffbece !important;
}
.mark-fuzzy-modify4 > dd {
  border: dashed 1px;
  background-color: #fcb85e !important;
}

.mark-missing {
  border: 2px solid red !important;
  padding: 0 2px;
  content: " ";
}

.mark-exchange i {
  font-style: normal;
  border-style: solid !important;
  border-color: red !important;
  border-width: 0 !important;
}
.mark-exchange i.left {
  border-left-width: 2px !important;
}
.mark-exchange i.right {
  border-right-width: 2px !important;
}
.mark-exchange i.top {
  border-top-width: 2px !important;
}
.mark-exchange i.bottom {
  border-bottom-width: 2px !important;
}
.mark-exchange i.focus {
  border-top-width: 2px !important;
  position: relative;
}
.mark-exchange i.focus1 {
  border-right-width: 2px !important;
}
.mark-exchange i.focus2 {
  border-left-width: 2px !important;
}
.mark-exchange i.focus:after {
  content: "";
  width: 2px;
  height: 2px;
  position: absolute;
  bottom: -2px;
  background: red;
}
.mark-exchange i.focus1:after {
  right: -2px;
}
.mark-exchange i.focus2:after {
  left: -2px;
}