.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 rgb(209, 208, 208);
  -webkit-box-shadow: 0px 16px 33px -13px rgb(107, 107, 128);
  -moz-box-shadow: 0px 16px 33px -13px rgb(107, 107, 128);
  box-shadow: 0px 16px 33px -13px rgb(107, 107, 128);
}
.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;
}