html {
  height: 100%;
  width: 100%;
}

body {
  overflow: hidden;
  margin: 0;
  height: 100%;
  width: 100%;
}

/* Personalisation pour l'afficher des erreurs sur le panneau du viewer */
.customview {
    margin: 15px 20px 10px 60px !important;
    font-size: 14px !important;
    background-color: white !important;
}
.dv-main .user-message {
  padding: 0 0 10px 0;
}

.dv-main .user-message button {
  fill: rgb(100, 100, 100);
  width: auto;
  height: 20px;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0px 0px;
  color: rgb(100, 100, 100);
  text-decoration: underline;
}

.dv-main .error-container {
  background-color: #f8d7da;
  border: 1px solid #c39fa3;
  color: #721c24;
  padding: 10px;
  margin-bottom: 10px;
  user-select: all;
}

.dv-main .error-heading {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}

.dv-main .error-details {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
}

.dv-main .error-code {
  background-color: #f3f3f3;
  border: 1px solid #e0e0e0;
  color: #333333;
  padding: 10px;
  overflow-x: auto;
}

.dv-main .error-code p {
  font-family: monospace;
}
.user-message {
  margin-top: 30px !important;
}