/* Custom CSS to override django Jet style */

.form-row {
  max-width: calc(100vw - 84px); /* IntraMuros: limit the width of the form to be responsive */
}

textarea, input {
  max-width: 100%; /* IntraMuros: limit the width of the inputs to be responsive */
}

.django-ckeditor-widget, [class*="cke_editor_"]:not(.cke_panel) { /* Applique max-width: 100% sauf pour .cke_1.cke_panel car cela empèche l'affichage du menu contextuel au clic droit en plein écran */
  max-width: 100%; /* IntraMuros: limit the width of the inputs to be responsive */
}

.fileinput-image-preview-block {
  padding: 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  box-sizing: border-box;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%23ddd' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'%3E%3C/circle%3E%3Cpolyline points='21 15 16 10 5 21'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 48px 48px;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
}