@import url('/pics/oke-brand/fonts.css');
:root {
  --glpi-logo-light:url('/pics/oke-brand/logo-header-white.svg');
  --glpi-logo-light-reduced:url('/pics/oke-brand/icon.svg');
  --glpi-logo-dark:url('/pics/oke-brand/logo-header.svg');
  --glpi-logo-dark-reduced:url('/pics/oke-brand/icon.svg');
  --glpi-logo-dark-login:url('/pics/oke-brand/logo.svg');
  --glpi-logo-light-login:url('/pics/oke-brand/logo-white.svg');
}
.page .glpi-logo { width:144px; height:44px; background-size:contain; background-position:center; }
.navbar-brand { min-height:54px; }
.welcome-anonymous { background:#001a70 url('/pics/oke-brand/login-background.svg') center/cover fixed; }
.welcome-anonymous .page-anonymous>.flex-fill { margin-top:0!important; padding-top:12px!important; padding-bottom:12px!important; }
.welcome-anonymous .container-tight { max-width:760px!important; padding-top:20px!important; padding-bottom:20px!important; }
.welcome-anonymous .page-anonymous .glpi-logo {
  content:none!important; display:inline-block; width:min(330px,80vw); height:112px;
  background:url('/pics/oke-brand/logo-white.svg') center/contain no-repeat;
}
.welcome-anonymous .main-content-card { border:0; border-top:5px solid #ff452b; border-radius:16px; box-shadow:0 20px 60px #0003; }
.welcome-anonymous .main-content-card>.card-body { padding:24px; }
.welcome-anonymous .main-content-card .row>.col-md-5 { flex:0 1 360px; width:360px; max-width:100%; }
.welcome-anonymous .main-content-card .card-header { margin-bottom:16px!important; }
.welcome-anonymous .page-anonymous h2 { font-family:'Comfortaa',sans-serif; font-size:20px; font-weight:700; }
.welcome-anonymous .copyright { color:#fff!important; }
.welcome-anonymous .form-label { color:#4a4a4a; }
.welcome-anonymous .btn-primary { --tblr-btn-bg:#001a70; --tblr-btn-border-color:#001a70; --tblr-btn-color:#fff; --tblr-btn-hover-bg:#102e8a; --tblr-btn-hover-border-color:#102e8a; }
.welcome-anonymous .forgot_password a { color:#001a70; text-decoration:underline; text-underline-offset:3px; }
.welcome-anonymous a:focus-visible, .welcome-anonymous button:focus-visible { outline:3px solid #ff452b; outline-offset:3px; }
@media(max-width:600px) { .welcome-anonymous .container-tight { padding-inline:16px!important; } }