/* PRATINIUM v244 — Authentication: alignement réel sur le header + champs contenus dans le cadran
   Correctifs :
   1) Le bandeau titre et le cadran de connexion utilisent EXACTEMENT la même formule de largeur
      que le conteneur du header (body #header .pf-header-top-global > .container), au lieu de
      calc(100vw - 28px) qui décalait tout le bloc vers la droite et le désalignait du header.
   2) Les champs "E-mail" / "Mot de passe" (et le bouton oeil du mot de passe) sont maintenant
      strictement contenus dans la largeur du cadran, sans dépassement à droite. */

/* ---- 1) Alignement exact sur la largeur du header ---- */
@media (min-width:992px){
  body#authentication .page-header,
  body#authentication #content{
    width:calc(100vw - 64px)!important;
    max-width:1760px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

@media (min-width:992px) and (max-width:1320px){
  body#authentication .page-header,
  body#authentication #content{
    width:calc(100vw - 36px)!important;
    max-width:calc(100vw - 36px)!important;
  }
}

@media (max-width:991.98px){
  body#authentication .page-header,
  body#authentication #content{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
}

/* ---- 2) Champs email / mot de passe strictement contenus dans le cadran ---- */
body#authentication .login-form .form-group > div,
body#authentication form#login-form .form-group > div,
body#authentication #login-form .form-group > div{
  overflow:hidden!important;
}

body#authentication .login-form input.form-control,
body#authentication form#login-form input.form-control,
body#authentication #login-form input.form-control,
body#authentication .login-form input[type=email],
body#authentication .login-form input[type=password],
body#authentication form#login-form input[type=email],
body#authentication form#login-form input[type=password],
body#authentication #login-form input[type=email],
body#authentication #login-form input[type=password]{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* Conteneur du champ mot de passe : le bouton oeil ne doit jamais pousser le champ
   au-delà de la largeur disponible, quelle que soit la structure Bootstrap utilisée
   (input-group-btn / input-group-append / input-group-addon). */
body#authentication .input-group{
  display:flex!important;
  align-items:center!important;
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

body#authentication .input-group .form-control{
  flex:1 1 auto!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding-right:54px!important;
  box-sizing:border-box!important;
}

body#authentication .input-group-btn,
body#authentication .input-group-append,
body#authentication .input-group-addon{
  position:absolute!important;
  top:0!important;
  right:0!important;
  left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0!important;
  z-index:4!important;
}

body#authentication .input-group-btn .btn,
body#authentication .input-group-append .btn,
body#authentication .input-group-addon .btn,
body#authentication button[data-action="show-password"]{
  position:static!important;
  width:42px!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
}