.multicollab_body_class {
  .cls-board-outer {
    &.sg-board {
      .cf-assign-to-inner {
        display: none;
      }
    }
    .sg-board {
      .comment-actions {
        .buttons-wrapper {
          @media screen and (max-width: 1280px) {
            margin-left: 5px;
          }
        }
      }
    }
  }
  &.commentOn,
  .commentOn {
    mdspan {
			background: #fdf0b6;
		}
		mdspan[data-rich-text-format-boundary="true"] {
			background-color: #fcef45 ;
		}
    &.hide-comments {
      mdspan {
        background: transparent;
      }
      mdspan[data-rich-text-format-boundary=true] {
        background-color: transparent;
      }
      .rich-text:focus {
        .mdmodified {
          .mdspan-comment[data-rich-text-format-boundary=true] {
            background-color: transparent;
          }
        }
      }
      .commentIcon.wp-block-separator {
        border-color: inherit;
        padding: .1px 0;
      }
    }
    .wp-block {
      del,
      del.mdremoved {
        color: #ea1010;
        .mdmodified {
          color: #ea1010;
        }
      }
      .mdremoved {
        &:has(img) {
          border: none;
        }
        img {
          border-top: 2px solid #ea1010;
          border-bottom: 2px solid #ea1010;
        }
      }
      ins {
        color: #188651;
        text-decoration: none;
        &.mdadded {
          &:not([data-rich-text-format-boundary="true"]) {
            & > span {
              &.has-inline-color {
                &:not([data-rich-text-format-boundary="true"]) {
                  color: #188651 !important;
                  text-decoration: none;
                }
              }
            }
          }
        }
      }
      ins.mdadded {
        color: #188651;
        text-decoration: none;
        [data-rich-text-format-boundary="true"] {
          img {
            border-top: 2px solid #188651;
            border-bottom: 2px solid #188651;
          }
        }
        &:has(img) {
          border: none;
        }
      }
      .mdmodified {
        color: #188651;
        text-decoration: none;

        &:has(img) {
          border: none;
        }
        img {
          border-top: 2px solid #188651;
          border-bottom: 2px solid #188651;
        }
      }
      img {
        &.mdmodified {
          border-top: 2px solid #188651;
          border-bottom: 2px solid #188651;
        }
      }
      [data-space="spacesadded"] {
        border-top: 2px solid #188651;
        border-bottom: 2px solid #188651;
      }
    }
    &:not(.hide-sg) {
      .wp-block-table {
        td {
          &.cf-columnalign {
            border: 2px solid #188651;
          }
          &.cf-columnalign.is-selected {
            border: 4px solid #188651;
          }
        }
      }
      .cf-bodyrowupdate,
      .cf-bodycolumnupdate {
        border: 2px solid #188651;
      }
      .cf-bodyrowupdate.is-selected,
      .cf-bodycolumnupdate.is-selected {
        border: 4px solid #188651;
      }
      .cf-bodyrowdeleteupdate,
      .cf-bodycolumndelete {
        border: 2px solid #ea1010;
      }
      .cf-bodyrowdeleteupdate.is-selected,
      .cf-bodycolumndelete.is-selected {
        border: 4px solid #ea1010;
      }
      .wp-block {
        .mdmodified {
          a {
            color: #188651;
            text-decoration: none;
          }
        }
        &:has(.alignupdate),
        &:has(.textalignupdate),
        &:has(.lockupdate),
        &:has(.headingupdate) {
          border-width: 2px;
          border-style: solid;
          border-color: #188651;
        }
      }
      .mdadded[data-rich-text-format-boundary="true"] {
        background-color: transparent;
        border-top: 2px solid #188651;
        border-bottom: 2px solid #188651;
      }
      .wp-block {
        &.mdaligned,
        &.blockAdded,
        &.mdformatblockClass,
        &.mdheading,
        &.mdlock {
          border-width: 2px;
          border-style: solid;
          border-color: #188651;
        }
        &.mdremoved {
          border-width: 2px;
          border-style: solid;
          border-color: #ea1010;
        }
      }
      .wp-block[data-sgalign="true"],
      .wp-block[data-sgblockAdded="true"],
      .wp-block[data-sgheading="true"],
      .wp-block[data-sglock="true"] {
        border-width: 2px;
        border-style: solid;
        border-color: #188651;
        &.wc-block-all-reviews {
          border-width: 0px;
          border-style: unset;
          border-color: unset;
        }
      }
      .wp-block[data-sgremove="true"] {
        border-width: 2px;
        border-style: solid;
        border-color: #ea1010;
      }
      .cf-wrapperblock__suggestion {
        .wp-block {
          .blockAdded[class^="wp-block-genesis-blocks-"] {
            border-width: 2px;
            border-style: solid;
            border-color: #188651;
          }
          .mdremoved[class^="wp-block-genesis-blocks-"] {
            border-width: 2px;
            border-style: solid;
            border-color: #ea1010;
          }
          &[data-type^="genesis-blocks/"] {
            border: none;
          }
        }
      }
      .wp-block[textAlign_sg_id],
      .wp-block[lock_sg_id],
      .wp-block[align_sg_id],
      .wp-block[width_sg_id],
      .wp-block[url_sg_id],
      .wp-block[link_sg_id],
      .wp-block[tracks_sg_id],
      .wp-block[contentPosition_sg_id],
      .wp-block[style_sg_id],
      .wp-block[minHeight_sg_id],
      .wp-block[table_style_sg_id] {
        border-width: 2px;
        border-style: solid;
        border-color: #188651;
      }
    }
    ins[data-rich-text-format-boundary] {
      a {
        text-decoration: none;
      }
    }
    ins {
      &.mdadded {
        *[data-rich-text-format-boundary="true"] {
          background-color: transparent;
          border-top: 2px solid #188651;
          border-bottom: 2px solid #188651;
        }
      }
    }
    .mdmodified {
      *:not(.mdspan-comment)[data-rich-text-format-boundary="true"] {
        background-color: transparent;
        border-top: 2px solid #188651;
        border-bottom: 2px solid #188651;
      }
    }
    .rich-text {
      &:focus {
        ins[data-rich-text-format-boundary="true"],
        del[data-rich-text-format-boundary="true"] {
          background-color: transparent;
        }
        ins,
        del {
          *[data-rich-text-format-boundary="true"] {
            background-color: transparent;
          }
        }
        *[data-rich-text-format-boundary] {
          background-color: transparent;
        }
        .mdmodified {
          .mdspan-comment[data-rich-text-format-boundary="true"] {
            background-color: #fcef45;
            border-top: 2px solid #188651;
            border-bottom: 2px solid #188651;
          }
        }
      }
      .mdmodified {
        mark[data-rich-text-format-boundary="true"] {
          color: currentColor;
        }
        mark {
          &:not([data-rich-text-format-boundary]) {
            color: #188651 !important;
          }
        }
      }
    }
    del {
      &.mdremoved {
        *[data-rich-text-format-boundary="true"] {
          background-color: transparent;
          border-top: 2px solid #188651;
          border-bottom: 2px solid #188651;
        }
      }
      &.mdremoved[data-rich-text-format-boundary="true"] {
        background-color: transparent;
        border-top: 2px solid #188651;
        border-bottom: 2px solid #188651;
      }
      
    }
    .mdmodified[data-rich-text-format-boundary="true"] {
      background-color: transparent;
      border-top: 2px solid #188651;
      border-bottom: 2px solid #188651;
    }
    &:not(.hide-comments) {
      .rich-text {
        &:focus {
          mdspan {
            .mdmodified {
              *[data-rich-text-format-boundary="true"] {
                background-color: #fcef45;
              }
            }
            em[data-rich-text-format-boundary="true"] {
              background-color: #fcef45;
            }
          }
          del,
          .mdremoved,
          ins,
          .mdadded {
            .mdspan-comment {
              &[data-rich-text-format-boundary="true"] {
                background-color: #fcef45;
              }
            }
          }
        }
      }
      del {
        &.mdremoved {
          mdspan[data-rich-text-format-boundary="true"] {
            background-color: #fcef45 ;
          }
        }
      }
      ins {
        &.mdadded {
          mdspan[data-rich-text-format-boundary="true"] {
            background-color: #fcef45;
          }
        }
      }
			.mdspan-comment {
				ins[data-rich-text-format-boundary="true"],
				del[data-rich-text-format-boundary="true"] {
					background-color: #fcef45;
				}
				ins {
					*[data-rich-text-format-boundary="true"] {
						background-color: #fcef45;
					}
				}
			}
			ins {
				.mdspan-comment {
					[data-rich-text-format-boundary="true"] {
						background-color: #fcef45;
					}
				}
			}
              .commentIcon {
          &.is-selected,
          &.is-focused,
          &.focus {
            border: 2px solid #fcef45;
          }
          &.wc-block-all-reviews {
            border: none;
            padding: 0;
            &.focus {
              border: none;
            }
          }
          &.wp-block-separator {
            border-color: inherit;
            padding: .1px 0;
            outline: 2px solid #fdf0b6;
            outline-offset: 1px;
            &.is-selected,
            &.is-focused,
            &.focus {
              outline: 2px solid #fcef45;
            }
          }
        }
        .cf-onwhole-block__comment {
          &.focus {
            border: 2px solid #fcef45;
          }
        }
    }
    .wp-block-cover {
      .cf-wrapperblock__suggestion {
        margin: 40px;
      }
    }
  }
  [data-sgfocused] {
    border-top: 2px solid #188651;
    border-bottom: 2px solid #188651;

    > * {
      border: 0 !important;
    }
  }
  &.hide-sg {
    #cf-comment-board-wrapper {
      .sg-board {
        display: none;
      }
    }
    .wp-block {
      .mdremoved,
      .mdmodified {
        img {
          border: none;
        }
      }
      del,
      del.mdremoved,
      .mdremoved {
        color: currentColor;
        text-decoration: none;
        .mdmodified {
          color: currentColor;
          text-decoration: none;
        }
      }
      ins {
        color: currentColor;
        &.mdadded {
          &:not([data-rich-text-format-boundary="true"]) {
            & > span {
              &.has-inline-color {
                &:not([data-rich-text-format-boundary="true"]) {
                  color: currentColor !important;
                }
              }
            }
          }
        }
      }
      .mdadded,
      ins.mdadded,
      .mdmodified {
        color: currentColor;
      }
      [data-space="spacesadded"] {
        border: none;
      }
    }
    ins[data-rich-text-format-boundary="true"],
    del[data-rich-text-format-boundary="true"] {
      background-color: transparent;
      border: none !important;
    }
    ins,
    del {
      *[data-rich-text-format-boundary="true"] {
        background-color: transparent;
        border: none !important;
      }
    }
    .rich-text {
      .mdmodified {
        mark {
          &:not([data-rich-text-format-boundary]) {
            color: currentColor !important;
          }
        }
      }
    }
    [data-sgfocused] {
      border: none;
    }
  }
  &:not(.hide-sg) {
    .wp-block[data-sgheading="true"] {
      .mdadded {
        border: none;
      }
    }
  }
}
