:root {
  --glpi-logo-light: url("/plugins/brandtheme/uploads/logo.png") !important;
  --glpi-logo-dark: url("/plugins/brandtheme/uploads/logo.png") !important;
  --glpi-logo-light-reduced: url("/plugins/brandtheme/uploads/logo.png") !important;
  --glpi-logo-dark-reduced: url("/plugins/brandtheme/uploads/logo.png") !important;
  --glpi-logo-light-login: url("/plugins/brandtheme/uploads/logo.png") !important;
  --glpi-logo-dark-login: url("/plugins/brandtheme/uploads/logo.png") !important;
}

:root {
  --glpi-palette-color-1: #607d8b !important;
  --glpi-mainmenu-bg: #607d8b !important;
  --glpi-palette-color-3: #f1c232 !important;
}

body.welcome-anonymous {
  background-image: url("/plugins/brandtheme/uploads/login_background.png") !important;
  background-size: cover !important;
  background-position: center !important;
}

.copyright {
  font-size: 0 !important;
}
.copyright::after {
  content: "Sard Service IT - Prefeitura Municipal de Apiai";
  font-size: 0.75rem;
}

.page-anonymous .text-center.text-muted::after {
  content: "suporte@apiai.sp.gov.br   •   suporte.apiai.sp.gov.br";
  display: block;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}

.page-anonymous > .flex-fill {
  justify-content: flex-start !important;
}
.page-anonymous .container-tight {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.page-anonymous .main-content-card {
  margin-left: 20px !important;
  margin-right: 20px !important;
  max-width: 100% !important;
}
.page-anonymous .glpi-logo {
  display: block !important;
  margin-left: 2% !important;
  margin-right: 2% !important;
}
.page-anonymous .glpi-logo {
  width: 250px !important;
  height: 250px !important;
  margin-top: 0px !important;
  margin-bottom: 20px !important;
  background-size: contain !important;
  background-position: center !important;
}
.page .glpi-logo {
  width: 200px !important;
  height: 150px !important;
  background-size: contain !important;
  background-position: center !important;
}
.page-anonymous .main-content-card {
  max-width: 100% !important;
}
.page-anonymous .main-content-card > .card-body {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.page-anonymous .row.justify-content-center {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.page-anonymous .col-md-5 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}
.page-anonymous .text-center.text-muted {
  margin-top: 20px !important;
  margin-left: 2% !important;
  margin-right: 2% !important;
}
.page-anonymous .text-center.text-muted::before {
  content: "";
  display: block;
  width: 150px;
  height: 60px;
  margin: 0 0 0.5rem auto;
  background: var(--glpi-logo-dark-login) no-repeat center / contain;
}

.page-anonymous .col-md-5 {
  display: flex !important;
  flex-direction: column !important;
}
.page-anonymous .col-md-5 > div:has(#login_name) {
  order: 1 !important;
}
.page-anonymous .col-md-5 > div:has(#login_name) {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.page-anonymous .col-md-5 #login_name {
  width: 400px !important;
  max-width: 100% !important;
}
.page-anonymous .col-md-5 > div:has(#login_password) {
  order: 2 !important;
}
.page-anonymous .col-md-5 > div:has(#login_password) {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.page-anonymous .col-md-5 #login_password {
  width: 400px !important;
  max-width: 100% !important;
}
.page-anonymous .col-md-5 > .forgot_password {
  order: 3 !important;
}
.page-anonymous .col-md-5 > .forgot_password {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.page-anonymous .col-md-5 > .forgot_password {
  width: 200px !important;
  max-width: 100% !important;
}
.page-anonymous .col-md-5 > div:has(select[name="auth"]) {
  order: 6 !important;
}
.page-anonymous .col-md-5 > div:has(select[name="auth"]) {
  margin-top: 0px !important;
  margin-bottom: 50px !important;
}
.page-anonymous .col-md-5 select[name="auth"] {
  width: 200px !important;
  max-width: 100% !important;
}
.page-anonymous .col-md-5 > div:has(#login_remember) {
  order: 4 !important;
}
.page-anonymous .col-md-5 > div:has(#login_remember) {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.page-anonymous .col-md-5 > div:has(#login_remember) {
  width: 200px !important;
  max-width: 100% !important;
}
.page-anonymous .col-md-5 > .form-footer {
  order: 5 !important;
}
.page-anonymous .col-md-5 > .form-footer {
  text-align: right !important;
}
.page-anonymous .col-md-5 > .form-footer button[type="submit"] {
  width: 100px !important;
}
.page-anonymous .col-md-5 > .form-footer {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.page-anonymous .col-md-5 {
  flex: 0 0 auto !important;
  width: 400px !important;
  max-width: 100% !important;
}
.page-anonymous .main-content-card,
.page-anonymous .main-content-card .form-control,
.page-anonymous .main-content-card .form-label,
.page-anonymous .main-content-card label,
.page-anonymous .main-content-card h2,
.page-anonymous .main-content-card button {
  font-size: 12px !important;
}
.page-anonymous .col-md-5 > .card-header h2 {
  font-size: 0 !important;
}
.page-anonymous .col-md-5 > .card-header h2::after {
  content: "Faça seu login para obter suporte";
  font-size: 1.25rem;
}