#firstboxlogin, #text-login, #logo_login { background-color: transparent;}html { height: 100%;}body { background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url("/plugins/trademark/front/picture.send.php?path=ff/69121dd446cff.png");}/* ===========================
   Estilo personalizado GLPI Login
   =========================== */

/* Fundo principal */
body {
   background-image: url("/plugins/glpijccustomlogin/pics/dev_background.png");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   height: 100vh;
   margin: 0;
   font-family: "Segoe UI", Arial, sans-serif;
}

/* Caixa de login */
.card.card-md {
   /*background-color: rgba(11, 172, 169, 0.95);*/
  background-image: url("/plugins/trademark/pics/fundo_login_2.png");
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
     height: 100vh;
   margin: 0;
   border-radius: 10px;
   box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* Centralização dos botões de login */
.singlesignon-box {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   margin-top: 30px;
}
/* Logo acima dos botões (via CSS) */
.singlesignon-box::before {
   content: "";
   display: block;
   width: 100px;
   height: 55px;
   background: url("/plugins/trademark/pics/logo_branco_2.png") no-repeat center;
   background-size: contain;
   margin-bottom: 5px;
}
/* Botões de login*/
.singlesignon-box a.vsubmit {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   width: 85%;
   max-width: 260px;
   min-height: 55px; /* altura mínima */
   padding: 12px 25px; /* espaçamento interno */
   text-align: center;
   text-decoration: none;
   background-color: #191919;
   color: #fff !important;
   font-weight: 600;
   border-radius: 40px;
   margin: 10px 0;
   font-size: 1.1rem;
   line-height: 1.2; /* evita que o texto "estoure" o botão */
   transition: all 0.3s ease;
   box-shadow: 0 3px 6px rgba(0,0,0,0.15);
   white-space: nowrap; /* evita quebra de linha */
}

/* Hover bonito */
.singlesignon-box a.vsubmit:hover {
   background-color: #e74060;
   box-shadow: 0 4px 6px rgba(0,0,0,0.2);
   transform: translateY(-1px);
}

/* Ajuste da logo */
.glpi-logo {
   width: 150px !important;
   height: 150px !important;
   margin-bottom: 20px;
}

/* Responsividade */
@media (max-width: 768px) {
   .singlesignon-box a.vsubmit {
      width: 90%;
      font-size: 1em;
   }
}
/*.mx-auto {
  color: #fff;
}*/
/*.form-label { 
  color: #fff;
}*/
.col-md-4 {
  color: #fff;
}
.col-md-12 {
  /* Define a cor do texto como branco */
  color: white; 
}
.form-control {
  color: black;
}