.mailTemplateEditor {
  background-color: transparent;
  padding: 5px; }
  .mailTemplateEditor .tab-content {
    border-top: 1px solid #555;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 3px; }
  .mailTemplateEditor .placeholder-side {
    border-right: 1px solid #555; }
  .mailTemplateEditor .button-container {
    justify-content: center;
    margin-top: 10px; }
  .mailTemplateEditor textarea.template-editor {
    width: 100%;
    min-height: 500px; }
  .mailTemplateEditor .placeholder-container {
    border: 1px solid #555;
    margin-bottom: 3px;
    padding: 3px; }
    .mailTemplateEditor .placeholder-container label {
      font-weight: bold; }
    .mailTemplateEditor .placeholder-container input, .mailTemplateEditor .placeholder-container textarea {
      background-color: white; }
  .mailTemplateEditor .placeholder-container.active {
    background-color: lemonchiffon; }
  .mailTemplateEditor .image_field_box {
    position: relative;
    border: 1px solid black;
    background-size: 20%;
    background-repeat: repeat;
    background-image: url(/assets/images/nobackground.png);
    overflow: hidden; }
    .mailTemplateEditor .image_field_box img.uploadedImg {
      filter: drop-shadow(0 0 0.5rem #777); }
  .mailTemplateEditor .placeholder-header {
    cursor: pointer;
    position: relative; }
  .mailTemplateEditor .placeholder-tag {
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    right: 5px;
    top: 2px;
    border: 1px solid purple;
    padding: 2px 5px;
    background-color: purple;
    color: white;
    border-radius: 10px; }
  .mailTemplateEditor pre.pre-wrap {
    white-space: pre-wrap;
    /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */ }
  .mailTemplateEditor div.template-prev-box {
    border: 1px solid #d1d0d0;
    -webkit-box-shadow: 0px 16px 33px -13px #6b6b80;
    -moz-box-shadow: 0px 16px 33px -13px #6b6b80;
    box-shadow: 0px 16px 33px -13px #6b6b80; }
  .mailTemplateEditor .mailTemplateRawEditorContainer {
    position: relative;
    height: 500px; }
    .mailTemplateEditor .mailTemplateRawEditorContainer .mailTemplateRawEditorBody {
      margin: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
      .mailTemplateEditor .mailTemplateRawEditorContainer .mailTemplateRawEditorBody * {
        font-family: "Monaco", "Menlo", "Ubuntu Mono", "Droid Sans Mono", "Consolas", monospace !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important; }