/* PRATINIUM v259 — Téléphone dans le vrai cadran gauche, comme l'e-mail */
body#authentication.pratinium-auth-phone-mode .pratinium-auth-v259-force-hidden,
body#authentication.pratinium-auth-phone-mode .pratinium-auth-v259-email-hidden-in-phone{
  display:none!important; visibility:hidden!important; height:0!important; min-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important;
}

@media (min-width:992px){
  body#authentication.pratinium-auth-phone-mode #content{
    display:grid!important;
    grid-template-columns:minmax(0,610px) minmax(0,410px)!important;
    column-gap:34px!important;
    align-items:center!important;
  }
  body#authentication.pratinium-auth-phone-mode .pratinium-phone-card-host{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:610px!important;
    justify-self:start!important;
    display:block!important;
    background:#fff!important;
    border:1px solid rgba(9,23,51,.055)!important;
    border-radius:18px!important;
    box-shadow:0 18px 54px rgba(9,23,51,.075)!important;
    padding:34px 38px 28px!important;
    min-height:315px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card{
    display:block!important;
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    grid-column:auto!important;
    grid-row:auto!important;
    overflow:visible!important;
  }
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .pratinium-phone-left-fields{
    display:block!important;
    width:100%!important;
    max-width:510px!important;
    margin:0 auto!important;
    padding:0!important;
  }
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .pratinium-phone-field-row,
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .form-group.row.pratinium-phone-field-row{
    display:grid!important;
    grid-template-columns:132px minmax(0,360px)!important;
    column-gap:18px!important;
    align-items:center!important;
    width:100%!important;
    max-width:510px!important;
    height:auto!important;
    min-height:52px!important;
    margin:0 auto 20px!important;
    padding:0!important;
    position:relative!important;
    float:none!important;
    clear:both!important;
    overflow:visible!important;
  }
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .pratinium-phone-field-row > label,
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .pratinium-phone-field-row > .form-control-label,
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .pratinium-phone-field-row label.form-control-label{
    position:static!important;
    transform:none!important;
    grid-column:1!important;
    width:132px!important;
    max-width:132px!important;
    min-width:132px!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    justify-self:start!important;
    align-self:center!important;
    color:#071936!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .pratinium-phone-field-row > .js-input-column,
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .pratinium-phone-field-row > .col-md-6,
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .pratinium-phone-field-row > .col-md-9,
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .pratinium-phone-field-row > .col-xs-12,
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .pratinium-phone-field-row > div:not(.form-control-comment):not(label){
    position:static!important;
    transform:none!important;
    grid-column:2!important;
    width:360px!important;
    max-width:360px!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    justify-self:start!important;
    align-self:center!important;
    box-sizing:border-box!important;
    float:none!important;
    overflow:visible!important;
  }
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .pratinium-phone-field-row input,
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .pratinium-phone-field-row select,
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .pratinium-phone-field-row .form-control,
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .pratinium-phone-field-row .input-group{
    width:360px!important;
    max-width:360px!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .pratinium-phone-field-row .input-group{
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .pratinium-phone-field-row .input-group .form-control{
    flex:1 1 auto!important;
    width:auto!important;
    max-width:none!important;
  }
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .pratinium-phone-field-row .input-group-btn,
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .pratinium-phone-field-row .input-group-append,
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .pratinium-phone-field-row .btn,
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .pratinium-phone-field-row button[data-action="show-password"]{
    flex:0 0 52px!important;
    width:52px!important;
    max-width:52px!important;
    min-width:52px!important;
    height:38px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .form-control-comment,
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .help-block,
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .invalid-feedback{display:none!important;}
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .forgot-password,
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .form-footer,
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card footer.form-footer,
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .submit,
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card .form-group.form-footer{
    width:100%!important;
    max-width:510px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
    float:none!important;
    clear:both!important;
  }
  body#authentication.pratinium-auth-phone-mode #content > .register-form,
  body#authentication.pratinium-auth-phone-mode #content > .pratinium-auth-side,
  body#authentication.pratinium-auth-phone-mode #content > .auth-side,
  body#authentication.pratinium-auth-phone-mode #content > section:not(.pratinium-phone-card-host):not(.pratinium-phone-main-form):not(.login-form):not(#login-form),
  body#authentication.pratinium-auth-phone-mode #content > div:not(.pratinium-phone-card-host):not(.pratinium-phone-main-form):not(.login-form):not(#login-form):not(.page-content){
    grid-column:2!important;
    grid-row:1!important;
  }
}

@media (max-width:991.98px){
  body#authentication.pratinium-auth-phone-mode .pratinium-phone-card-host{
    width:100%!important;
    max-width:100%!important;
    display:block!important;
  }
  body#authentication.pratinium-auth-phone-mode form.pratinium-phone-in-card{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
}
