/* theme-name: Identidad Grupo Nethexa */
:root {
  --glpi-logo-light: url("/pics/logos/logo-GLPI-100-white.png?nethexa-brand=4");
  --glpi-logo-light-reduced: url("/pics/logos/logo-G-100-white.png?nethexa-brand=4");
  --glpi-logo-dark: url("/pics/logos/logo-GLPI-100-black.png?nethexa-brand=4");
  --glpi-logo-dark-reduced: url("/pics/logos/logo-G-100-black.png?nethexa-brand=4");
  --glpi-logo-dark-login: url("/pics/logos/logo-GLPI-250-black.png?nethexa-brand=4");
  --glpi-logo-light-login: url("/pics/logos/logo-GLPI-250-white.png?nethexa-brand=4");
}

.page .navbar-brand .glpi-logo {
  background-position: center;
  background-size: contain;
  image-rendering: auto;
}

@media (min-width: 992px) {
  body.vertical-layout:not(.navbar-collapsed) .navbar-brand .glpi-logo {
    width: 190px;
    height: 60px;
  }
  body.horizontal-layout:not(.navbar-collapsed) .navbar-brand .glpi-logo {
    width: 190px;
    height: 64px;
  }
  body.navbar-collapsed .navbar-brand .glpi-logo {
    width: 48px;
    height: 48px;
  }
}
@media (min-width: 1200px) {
  body.horizontal-layout:not(.navbar-collapsed) .navbar-brand .glpi-logo {
    width: 220px;
    height: 68px;
  }
}
@media (min-width: 1400px) {
  body.horizontal-layout:not(.navbar-collapsed) .navbar-brand .glpi-logo {
    width: 280px;
    height: 70px;
  }
}
.page-anonymous .glpi-logo {
  width: 180px;
  height: 180px;
  max-width: 45vw;
  object-fit: contain;
}