html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

@media (prefers-color-scheme: dark) {
  body {
    background: black;
  }
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}

@media print {
  * {
    height: auto !important;
    overflow: visible !important;
  }
}
/* ---- Marca Montechco (personalizacion; no forma parte de Traccar) ---- */
/* Logo sobre el mapa, encima de la atribucion. El mapa solo existe despues de iniciar sesion. */
.maplibregl-ctrl-bottom-right::before {
  content: "";
  display: block;
  float: right;
  clear: both;
  box-sizing: content-box;
  width: 132px;
  height: 30px;
  margin: 0 10px 6px 0;
  padding: 5px 9px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.88) url(/montechco-logo.png) center / contain no-repeat;
  background-origin: content-box;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  pointer-events: none;
}
@media (max-width: 600px) {
  .maplibregl-ctrl-bottom-right::before { width: 96px; height: 22px; padding: 4px 7px; }
}
::selection { background: #1f8fcf; color: #fff; }
@media print { .maplibregl-ctrl-bottom-right::before { display: none; } }