/* PRATINIUM v247 — Authentication : correctif basé sur le HTML réel inspecté.
   Le conteneur ".form-group.row" porte un style inline "display:flex !important"
   qui ne peut jamais être surchargé par une feuille externe, même avec !important
   (un style inline a toujours priorité sur un sélecteur externe). Les tentatives
   précédentes de forcer un layout en grid étaient donc sans effet.
   Ce fichier accepte le flex imposé et pilote uniquement les propriétés flex des
   3 enfants réels : label.col-md-3 / div.col-md-6.js-input-column / div.col-md-3.form-control-comment. */

body#authentication .form-group.row{
  flex-wrap:nowrap!important;
  align-items:center!important;
  width:100%!important;
  max-width:560px!important;
  margin:0 auto 20px!important;
}

body#authentication .form-group.row > label.form-control-label{
  flex:0 0 150px!important;
  width:150px!important;
  max-width:150px!important;
  min-width:150px!important;
  margin:0!important;
  padding:0 14px 0 0!important;
  text-align:left!important;
  white-space:nowrap!important;
}

body#authentication .form-group.row > .js-input-column{
  flex:1 1 auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

body#authentication .form-group.row > .form-control-comment{
  flex:0 1 auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding-left:10px!important;
}

body#authentication .form-group.row .js-input-column input.form-control,
body#authentication .form-group.row .js-input-column .input-group{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}