#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=df/6aaaaed2525df.png");}/* =========================================================
   CANTANHEDE PARTICIPAÇÕES
   GLPI 11 + TRADEMARK
   Login simples e estável
   ========================================================= */

:root {
  --cantanhede-blue: #083366;
  --cantanhede-blue-dark: #06284f;
  --cantanhede-green: #00b025;

  --text: #212529;
  --text-soft: #5f6f82;
  --border: #d8e0e9;

  --surface: #ffffff;
}


/* =========================================================
   BACKGROUND
   ========================================================= */

html,
body {
  min-height: 100%;
}

body.welcome-anonymous {
  margin: 0;

  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;

  color: var(--text);

  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

#page.page-anonymous {
  min-height: 100vh;

  background: transparent !important;
}


/* =========================================================
   ÁREA ESQUERDA
   ========================================================= */

.page-anonymous > .flex-fill {
  width: 50% !important;
  min-height: 100vh !important;

  margin: 0 !important;

  padding:
    40px
    55px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.page-anonymous .container-tight {
  width: 100% !important;
  max-width: 430px !important;

  margin: 0 auto !important;
  padding: 0 !important;
}


/* =========================================================
   LOGO
   ========================================================= */

.page-anonymous
.container-tight
> .text-center:first-child {
  margin-bottom: 24px !important;
}


.page-anonymous .glpi-logo {
  display: inline-block !important;

  width: 180px !important;
  height: 100px !important;

  max-width: 180px !important;
  max-height: 100px !important;

  margin: 0 auto !important;

  object-fit: contain !important;

  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}


/* =========================================================
   CARD
   ========================================================= */

.page-anonymous .main-content-card {
  width: 100% !important;

  background:
    rgba(255, 255, 255, 0.98) !important;

  border:
    1px solid
    rgba(8, 51, 102, 0.10) !important;

  border-radius:
    12px !important;

  box-shadow:
    0 14px 35px rgba(8, 51, 102, 0.09),
    0 2px 7px rgba(0, 0, 0, 0.035) !important;

  overflow: hidden;
}


.page-anonymous
.main-content-card
> .card-header:empty {
  display: none !important;
}


.page-anonymous
.main-content-card
> .card-body {
  padding:
    32px
    34px !important;
}


/* =========================================================
   REMOVE O "FAÇA LOGIN PARA SUA CONTA"
   ========================================================= */

.page-anonymous
.main-content-card
form
.card-header {
  display: none !important;
}


/* =========================================================
   FORMULÁRIO EM LARGURA TOTAL
   ========================================================= */

.page-anonymous
.main-content-card
form
> .row {
  margin: 0 !important;
}


.page-anonymous
.main-content-card
form
> .row
> .col-md-5 {
  flex: 0 0 100% !important;

  width: 100% !important;
  max-width: 100% !important;

  padding: 0 !important;
}


/* =========================================================
   TEXTO DO LOGIN
   ========================================================= */

.page-anonymous .rich_text_container {
  max-width: 340px;

  margin:
    0
    auto
    26px !important;

  color: var(--text-soft);

  font-size: 13px;
  line-height: 1.55;

  text-align: center;
}


/* =========================================================
   LABELS
   ========================================================= */

.page-anonymous
.main-content-card
.form-label {
  display: none !important;
}


/* =========================================================
   INPUTS
   ========================================================= */

.page-anonymous .form-control,
.page-anonymous .form-select,
.page-anonymous .select2-selection {
  width: 100% !important;

  min-height: 48px !important;

  padding:
    11px
    14px !important;

  color: var(--text) !important;

  background:
    #ffffff !important;

  border:
    1px solid
    var(--border) !important;

  border-radius:
    6px !important;

  box-shadow:
    none !important;

  font-size:
    13px !important;

  transition:
    border-color 150ms ease,
    box-shadow 150ms ease;
}


.page-anonymous .form-control:focus,
.page-anonymous .form-select:focus {
  border-color:
    var(--cantanhede-blue) !important;

  box-shadow:
    0 0 0 3px
    rgba(8, 51, 102, 0.10) !important;

  outline:
    none !important;
}


.page-anonymous
.form-control::placeholder {
  color:
    #94a3b8 !important;

  opacity: 1;
}


/* =========================================================
   SELECT
   ========================================================= */

.page-anonymous .select2-container {
  width: 100% !important;
}


.page-anonymous
.select2-container
.select2-selection--single {
  min-height: 48px !important;

  display: flex !important;
  align-items: center !important;
}


/* =========================================================
   ESPAÇAMENTO
   ========================================================= */

.page-anonymous .mb-3 {
  margin-bottom:
    14px !important;
}


.page-anonymous .mb-4 {
  margin-bottom:
    14px !important;
}


/* =========================================================
   CHECKBOX
   ========================================================= */

.page-anonymous .form-check {
  display: flex;

  align-items: center;

  gap: 8px;
}


.page-anonymous .form-check-input {
  width: 17px;
  height: 17px;

  margin-top: 0;

  border-radius:
    4px !important;
}


.page-anonymous
.form-check-input:checked {
  background-color:
    var(--cantanhede-green) !important;

  border-color:
    var(--cantanhede-green) !important;
}


.page-anonymous .form-check-label {
  color:
    #536174;

  font-size:
    12px;
}


/* =========================================================
   BOTÃO ENTRAR
   ========================================================= */

.page-anonymous .btn-primary,
.page-anonymous button[type="submit"] {
  width: 100% !important;

  min-height: 48px !important;

  margin-top: 12px !important;

  color:
    #ffffff !important;

  background:
    var(--cantanhede-blue) !important;

  border:
    1px solid
    var(--cantanhede-blue) !important;

  border-radius:
    6px !important;

  box-shadow:
    none !important;

  font-size:
    13px;

  font-weight:
    600;
}


.page-anonymous .btn-primary:hover,
.page-anonymous button[type="submit"]:hover {
  background:
    var(--cantanhede-blue-dark) !important;

  border-color:
    var(--cantanhede-blue-dark) !important;
}


/* =========================================================
   FAQ
   ========================================================= */

.page-anonymous .border-top {
  margin-top:
    22px !important;

  border-color:
    #dce4ed !important;
}


.page-anonymous .btn-outline-secondary {
  padding:
    7px
    15px;

  color:
    var(--cantanhede-blue) !important;

  background:
    #ffffff !important;

  border:
    1px solid
    rgba(8, 51, 102, 0.30) !important;

  border-radius:
    6px !important;

  font-size:
    12px;

  font-weight:
    600;
}


/* =========================================================
   RODAPÉ
   ========================================================= */

.page-anonymous
.container-tight
> .text-muted {
  margin-top:
    16px !important;

  color:
    #6d7b8b !important;

  font-size:
    10px !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .page-anonymous > .flex-fill {
    width: 58% !important;

    padding:
      30px !important;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

  body.welcome-anonymous {
    background-position:
      72% center !important;
  }


  .page-anonymous > .flex-fill {
    width:
      100% !important;

    min-height:
      100vh !important;

    padding:
      30px
      18px !important;

    background:
      rgba(248, 249, 250, 0.93);
  }


  .page-anonymous
  .container-tight {
    max-width:
      430px !important;
  }


  .page-anonymous
  .main-content-card
  > .card-body {
    padding:
      28px
      24px !important;
  }

}

/* =========================================
   TÍTULO DO BLOCO DE LOGIN
   ========================================= */

.page-anonymous .rich_text_container strong,
.page-anonymous .rich_text_container b {
  display: block;
  margin-bottom: 8px;

  color: #083366;
  font-size: 22px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.page-anonymous .rich_text_container {
  max-width: 340px;
  margin: 0 auto 24px !important;

  color: #5f6f82;
  font-size: 13px;
  line-height: 1.55;
  text-align: center;
}


/* =========================================
   ÍCONES NOS INPUTS
   ========================================= */

/* espaço interno à esquerda para caber o ícone */
.page-anonymous input[name="login_name"],
.page-anonymous input[type="password"] {
  padding-left: 42px !important;

  background-repeat: no-repeat !important;
  background-position: 14px center !important;
  background-size: 16px 16px !important;
}

/* ícone usuário */
.page-anonymous input[name="login_name"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
}

/* ícone senha */
.page-anonymous input[type="password"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") !important;
}