html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

canvas {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

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

/* ===== SSPRO LOGIN ===== */

/* ocultar solo el logo original de Traccar */
svg {
  display: none !important;
}

/* insertar logo arriba del formulario */
form {
  position: relative !important;
  margin-top: 110px !important;
}

form::before {
  content: "";
  position: absolute;
  top: -120px;
  left: 50%;
  transform: translateX(-50%);
  width: 220px;
  height: 80px;
  background: url('/logo-sspro.svg') no-repeat center center;
  background-size: contain;
  z-index: 10;
  pointer-events: none;
}