/* PRATINIUM v238 — Auth page final geometry fix
   - Supprime le fil d'Ariane sur la page connexion.
   - Aligne le bandeau titre et le cadran de connexion sur la largeur du header.
   - Replace les champs e-mail / mot de passe immédiatement à droite des libellés,
     sans débordement hors de la carte de gauche. */

body#authentication .breadcrumb,
body#authentication nav.breadcrumb,
body#authentication #wrapper .breadcrumb,
body#authentication #main .breadcrumb,
body#authentication .breadcrumb-wrapper,
body#authentication [aria-label="breadcrumb"]{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}

body#authentication #wrapper{
  padding-top:18px!important;
}

body#authentication #wrapper>.container,
body#authentication main>.container,
body#authentication #content-wrapper,
body#authentication #main{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:14px!important;
  padding-right:14px!important;
  box-sizing:border-box!important;
}

body#authentication .page-header,
body#authentication #content{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

body#authentication .page-header{
  height:132px!important;
  margin-top:0!important;
  margin-bottom:0!important;
  border:1px solid rgba(9,23,51,.10)!important;
  border-bottom:0!important;
  border-radius:22px 22px 0 0!important;
  padding-left:52px!important;
  padding-right:52px!important;
}

body#authentication #content{
  margin-top:0!important;
  margin-bottom:42px!important;
  border:1px solid rgba(9,23,51,.10)!important;
  border-top:0!important;
  border-radius:0 0 22px 22px!important;
  background:#fff!important;
  box-shadow:0 18px 48px rgba(9,23,51,.08)!important;
  overflow:hidden!important;
}

@media (min-width:992px){
  body#authentication #content{
    padding:74px 48px 56px!important;
    display:grid!important;
    grid-template-columns:minmax(0,660px) minmax(0,460px)!important;
    column-gap:56px!important;
    align-items:center!important;
  }

  body#authentication .login-form,
  body#authentication form#login-form,
  body#authentication #login-form{
    grid-column:1!important;
    width:100%!important;
    max-width:660px!important;
    justify-self:start!important;
    padding:34px 42px 30px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  body#authentication .login-form .form-group,
  body#authentication .login-form .form-group.row,
  body#authentication form#login-form .form-group,
  body#authentication form#login-form .form-group.row,
  body#authentication #login-form .form-group,
  body#authentication #login-form .form-group.row{
    display:grid!important;
    grid-template-columns:128px 1fr!important;
    column-gap:12px!important;
    align-items:center!important;
    width:100%!important;
    max-width:504px!important;
    margin:0 auto 20px!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  body#authentication .login-form .form-control-label,
  body#authentication form#login-form .form-control-label,
  body#authentication #login-form .form-control-label,
  body#authentication .login-form label,
  body#authentication form#login-form label,
  body#authentication #login-form label{
    grid-column:1!important;
    display:flex!important;
    align-items:center!important;
    width:128px!important;
    max-width:128px!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    justify-self:start!important;
    white-space:nowrap!important;
  }

  body#authentication .login-form .form-group > div,
  body#authentication form#login-form .form-group > div,
  body#authentication #login-form .form-group > div,
  body#authentication .login-form .form-group > .col-md-6,
  body#authentication form#login-form .form-group > .col-md-6,
  body#authentication #login-form .form-group > .col-md-6,
  body#authentication .login-form .form-group > .col-md-9,
  body#authentication form#login-form .form-group > .col-md-9,
  body#authentication #login-form .form-group > .col-md-9{
    grid-column:2!important;
    display:block!important;
    width:364px!important;
    max-width:364px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    justify-self:start!important;
    box-sizing:border-box!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],
  body#authentication .login-form .input-group,
  body#authentication form#login-form .input-group,
  body#authentication #login-form .input-group{
    width:364px!important;
    max-width:364px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  body#authentication .input-group .form-control{
    width:364px!important;
    max-width:364px!important;
    padding-right:54px!important;
  }

  body#authentication .forgot-password,
  body#authentication .form-footer,
  body#authentication footer.form-footer,
  body#authentication .submit{
    max-width:504px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }

  body#authentication .register-form,
  body#authentication #content>.register-form,
  body#authentication #content>.pratinium-auth-side,
  body#authentication #content>.auth-side,
  body#authentication #content>section:not(.login-form):not(#login-form),
  body#authentication #content>div:not(.login-form):not(#login-form):not(.page-content){
    grid-column:2!important;
    max-width:460px!important;
    justify-self:center!important;
  }
}

@media (max-width:991px){
  body#authentication #wrapper>.container,
  body#authentication main>.container,
  body#authentication #content-wrapper,
  body#authentication #main{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  body#authentication .page-header{
    height:auto!important;
    min-height:118px!important;
    padding:34px 22px 0!important;
  }
  body#authentication #content{
    padding:22px 14px 30px!important;
  }
}