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


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


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


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


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


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

.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;
}