/* ========================= */
/* -------- GLOBAL --------- */
/* ========================= */
.viewer-element body { background-color: #fff; }


/* ========================= */
/* --------- FONT ---------- */
/* ========================= */


/* ========================= */
/* -------- BUTTON --------- */
/* ========================= */


/* ========================= */
/* --------- LINK ---------- */
/* ========================= */


/* ========================= */
/* -------- TITLES --------- */
/* ========================= */


.viewer-element .page-content-front {
    }

/* tmp for demo 
@media screen and (min-width: 1024px) {
  
  .viewer-element .schema .schema-content img {
    height: auto !important;
    width: 100%;
  }
  .viewer-element .schema {
    aspect-ratio: 8 / 3 !important;
  }
  
  
  .viewer-element .map .map-content, .viewer-element .map  {
        aspect-ratio: 8 / 3 !important;
  }
  
}*/
/* fin tmp for demo */

.legend-simple,
.legend-double {
  position: relative;
  width: 60px;
  height: 15px;
}
.legend-simple::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 5px;
  border-radius: 5px;
  top: 50%;
  transform: translateY(50%);
  background-color: #1b7178;
}
.legend-double::before,
.legend-double::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 5px;
  left: 0;
  border-radius: 5px;
  background-color: #1b7178;
}
.legend-double::before {
  top: 0;
}
.legend-double::after {
  bottom: 0;
}
.legend-red::before,
.legend-red::after {
  background-color: #D20013;
}
.legend-green::before,
.legend-green::after {
  background-color: #55C19B;
}