/* ==========================================================================
    popup that shows template errors
   ========================================================================== */
.dm-templateErrorMessagePopup {
  display: none;
  position: fixed;
  width: 90%;
  height: auto;
  max-height: 83%;
  top: 12%;
  left: 10%;
  margin-left: -5%;
  padding:10px;
  background:var(--white);
  border:10px solid rgb(255,0,0);
  font-size: 0.9rem;
  overflow: auto;
  z-index: 99;
}

.dm-templateErrorMessagePopup__title {
  font-size: 1.2rem;
  color:rgb(255,0,0);
  display: block;
  padding-bottom:1rem;
}

.dm-templateErrorMessagePopup pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

.dm-templateErrorMessagePopup__closeButton {
  color:rgb(255,0,0);
  float: right;
  cursor: pointer;
  margin: 0 1rem;
  font-size: 1.5rem;
}