@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

html {
  overflow-x: hidden;
  --glpi-logo-light: url("/pics/uesclayout-wallpapers/logo-GLPI-100-white.png");
  --glpi-logo: var(--glpi-logo-light);
}

:root {
  --glpi-logo-light: url("/pics/uesclayout-wallpapers/logo-GLPI-100-white.png");
  --glpi-logo: var(--glpi-logo-light);
}

.in_modal #UescTopo,
.in_modal #UescRodape,
iframe #UescTopo,
iframe #UescRodape {
  display: none !important;
}

header.navbar {
  background:
    url("/pics/uesclayout-wallpapers/stock-vector-background.jpg") center/cover
      no-repeat,
    linear-gradient(
      80deg,
      rgba(46, 48, 146, 0.95) 65%,
      rgba(24, 85, 222, 0.85) 90%
    );
  background-blend-mode: multiply;
  border-bottom: none;
}

.custom-goto-button {
  margin-top: 10px;
  height: fit-content;
  width: fit-content;
}

.custom-goto-button span,
.custom-goto-button i {
  color: white;
}

.custom-navbar-brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100px;
  max-height: 36px;
}

.custom-navbar-brand .glpi-logo {
  display: inline-block;
  box-sizing: border-box;
  width: 44px;
  height: 18px;
  max-width: 100%;
  max-height: 22px;
  background-image: url("/pics/uesclayout-wallpapers/logo-GLPI-100-white.png") !important;
  background-size: contain !important;
  background-position: center;
  background-repeat: no-repeat;
}

.block-search-custom {
  top: 56px !important;
}

#UescTopo {
  background-color: #01509f;
  background-blend-mode: multiply;
  background-size: cover;
  background-position: center;
  color: #fff;
  font-family: "Segoe UI", Arial, sans-serif;
  position: relative;
  background:
    url("/pics/uesclayout-wallpapers/bg-header.jpg") center / cover no-repeat,
    linear-gradient(
      80deg,
      rgba(46, 48, 146, 0.95) 65%,
      rgba(24, 85, 222, 0.85) 90%
    );
  border-bottom: none;
}

#UescTopo a {
  color: #ffffff;
  text-decoration: none;
}

#UescTopo a:hover {
  opacity: 0.8;
}

#UescTopo .faixa {
  width: 100%;
  height: 4px;
  background-color: #f4b400;
}

#UescRodape {
  font-family: "Segoe UI", Roboto, sans-serif;
  display: flex;
  position: relative;
  z-index: 100;
  width: 100%;
  flex-shrink: 0 !important;
  margin-top: 10px !important;
}

#UescRodape .assinatura {
  background-color: #35497c;
}

#UescRodape .copy {
  background-color: #283864;
}

#UescRodape .row {
  --bs-gutter-x: 2rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

#UescRodape p {
  margin: 0;
  font-size: 0.9rem;
  color: #fff;
}

#UescRodape a {
  color: #f8c22a;
  text-decoration: none;
  font-weight: 600;
}

.uesc-header-container h2 {
  font-size: 32px !important;
}

body.welcome-anonymous {
  display: flex !important;
  flex-direction: column !important;
  height: 100vh !important;
  width: 100vw !important;
  overflow: hidden !important;
  margin: 0 !important;
  background-color: #f4f6fa;
}

#UescTopo.is-login,
#UescRodape.is-login {
  flex: 0 0 auto !important;
  width: 100%;
  z-index: 9999 !important;
}

#CardHeaderLogin {
  display: none !important;
}

body.welcome-anonymous .page-anonymous {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body.welcome-anonymous .page-anonymous .flex-fill {
  padding: 0 !important;
  margin: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100%;
}

body.welcome-anonymous .container-tight {
  width: 100%;
  max-width: 420px;
  margin: 0 auto !important;
  padding: 0 15px !important;
  transition: transform 0.2s ease;
  transform-origin: center center;
}

body:not(.welcome-anonymous) .page-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body:not(.welcome-anonymous) .page-body {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}

body:not(.welcome-anonymous) .helpdesk-home-container {
  flex: 1 0 auto;
  height: auto;
  padding-bottom: 2rem;
}

body.horizontal-layout .search_page:not(.search_page_global) .search-container,
body.horizontal-layout .search_page_global {
  height: auto !important;
  min-height: max-content !important;
  padding-bottom: 10px !important;
  overflow-y: visible !important;
}

@media (max-height: 1368px) {
  #UescRodape.is-login .copy {
    padding-bottom: 480px !important;
  }
}

@media (max-height: 1366px) {
  #UescRodape.is-login .copy {
    padding-bottom: 485px !important;
  }
}

@media (max-height: 1280px) {
  #UescRodape.is-login .copy {
    padding-bottom: 390px !important;
  }
}

@media (max-height: 1180px) {
  #UescRodape.is-login .copy {
    padding-bottom: 300px !important;
  }
}

@media (max-height: 1024px) {
  #UescRodape.is-login .copy {
    padding-bottom: 140px !important;
  }
}

@media (max-height: 945px) and (min-width: 1024px) {
  #UescRodape.is-login .copy {
    padding-bottom: 10px !important;
  }
}

@media (max-height: 932px) {
  #UescRodape.is-login .copy {
    padding-bottom: 45px !important;
  }
}

@media (max-height: 915px) {
  #UescRodape.is-login .copy {
    padding-bottom: 30px !important;
  }
}

@media (max-height: 896px) {
  #UescRodape.is-login .copy {
    padding-bottom: 13px !important;
  }
}

@media (max-height: 844px) {
  #UescRodape.is-login .copy {
    padding-bottom: 4px !important;
  }
}

@media (max-height: 800px) {
  #UescRodape.is-login .copy {
    padding-bottom: 2px !important;
  }
}

@media (max-height: 750px) {
  body.welcome-anonymous {
    height: auto !important;
    min-height: 100vh !important;
    overflow-y: auto !important;
  }
  body.welcome-anonymous .page-anonymous {
    overflow: visible !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media (max-height: 740px) {
  #UescRodape.is-login .copy {
    padding-bottom: 0 !important;
  }
}

@media (max-height: 600px) {
  #UescRodape.is-login .uesc-footer-container {
    display: none !important;
  }
}

@media (max-width: 600px) {
  #UescRodape.is-login .uesc-footer-container {
    display: none !important;
  }
}

@media (max-width: 2500px) {
  body.welcome-anonymous .container-tight {
    transform: scale(0.85);
  }
  #UescRodape.is-login .copy p {
    padding-top: 0.6rem !important;
    padding-bottom: 0.6rem !important;
  }
  #UescRodape.is-login p {
    font-size: 0.75rem !important;
  }
  #UescRodape.is-login img {
    transform: scale(0.85) !important;
  }
  #UescRodape.is-login .copy a {
    font-size: 0.75rem !important;
  }
  #UescTopo.is-login img {
    width: 60px !important;
  }
  #UescTopo.is-login h2 {
    font-size: 1.6rem !important;
  }
  #UescTopo.is-login h5 {
    font-size: 0.9rem !important;
  }
}

@media (max-width: 1780px) {
  body.welcome-anonymous .container-tight {
    transform: scale(0.85);
  }
  #UescRodape.is-login .copy p {
    padding-top: 0.6rem !important;
    padding-bottom: 0.6rem !important;
  }
  #UescRodape.is-login p {
    font-size: 0.75rem !important;
  }
  #UescRodape.is-login img {
    transform: scale(0.85) !important;
  }
  #UescRodape.is-login .copy a {
    font-size: 0.75rem !important;
  }
  #UescTopo.is-login img {
    width: 60px !important;
  }
  #UescTopo.is-login h2 {
    font-size: 1.6rem !important;
  }
  #UescTopo.is-login h5 {
    font-size: 0.9rem !important;
  }
}

@media (max-width: 991px) {
  #UescRodape.is-login .uesc-footer-container {
    display: none !important;
  }
}

@media (max-width: 770px) {
  body.welcome-anonymous .container-tight {
    transform: scale(0.95);
  }
  #UescRodape.is-login .uesc-footer-container {
    display: none !important;
  }
}

@media (max-width: 380px) {
  body.welcome-anonymous .container-tight {
    transform: scale(0.95);
  }
  #UescRodape.is-login .uesc-footer-container {
    display: none !important;
  }
  #UescRodape.is-login .copy a {
    font-size: 0.7rem !important;
  }
}

@media (max-width: 340px) {
  #UescRodape.is-login .copy a {
    font-size: 0.6rem !important;
  }
}