@page standard-letter {
  margin: 25mm 17.5mm;
  prince-shrink-to-fit: auto;
}
@page standard-letter:first {
  /** Custom margins for the first page. Employer logos at the beginning of letters should appear close to the top of the page **/
  margin-top: 4mm;
}
@page letter-cover-page {
  margin: 14mm;
  @bottom-right {
    /** We don't need the page counter here. It's only a cover page **/
    content: normal;
  }
  @bottom-left {
    /** Set a custom footer for only the cover page **/
    content: "Cover page";
  }
}
div.letter-cover-page {
  page: letter-cover-page;
  page-break-after: right;
}

div.letter-cover-page table,
div.standard-letter table,
body div.letter-cover-page,
body div.standard-letter {
  font-size: 11pt;
}

div.letter-cover-page .completed-box:before {
  content: "[   ]";
  white-space: pre;
}

div.standard-letter {
  page: standard-letter;
}

.comms-email-header {
  page-break-inside: avoid;
  background-color: inherit;
}

.comms-msg-recipient {
  border: none;
  line-height: normal;
  padding: 0;
}

.comms-email-header th img {
  display: none;
}

.comms-msg-note {
  font-family: "Monospace", sans-serif;
  font-size: 12px;
}

ul.comms-listmessages {
  margin: 0;
  padding: 0;
  overflow: visible;
}
ul.comms-listmessages li {
  list-style-type: none;
}
ul.comms-listmessages .comms-summary {
  margin-left: 1rem;
}

/* fixes a bug with TinyMCE retaining highlight colours when the highlighted section has been deleted and replaced */
.standard-letter span, .standard-letter font {
  background-color: transparent !important;
}