/**********************************************************
				Authentication Styles
**********************************************************/
#account-creation_form .id_state,
#account-creation_form .dni,
#account-creation_form .postcode {
  display: none; }

#create-account_form .form-group {
  margin: 0 0 6px 0; }

#login_form {
  min-height: 297px; }

#create-account_form .form_content, #login_form .form_content {
  min-height: 180px;
  overflow: hidden; }
  #create-account_form .form_content.has_social_login, #login_form .form_content.has_social_login {
    min-height: 250px; }

#create-account_form .form_content_inner, #login_form .form_content_inner {
  padding: 0em 2em; }

#create-account_form .submit, #login_form .submit {
  padding: 6px 1em; }
  /* PROV-139505 -- the guest-checkout variant of this row puts two buttons side
     by side at 47% each (UserProfileCreationForm.cshtml); those widths are
     classes in storefront-widths.css now. authentication.css is included from
     Login/Index.cshtml, so it lands after that file, and at (1,2,0) this rule
     would beat them -- the inline widths it used to lose to are exactly what
     PROV-139505 removed. Skip the pair. The single-button variant, in
     GuestCheckoutForm.cshtml and in the else branch of
     UserProfileCreationForm.cshtml, still gets its full-width button. */
  #create-account_form .submit .btn_primary:not(.submit-create):not(.guest-checkout-action),
  #login_form .submit .btn_primary {
    width: 100%; }

#create-account_form section, #login_form section {
  border: 1px solid #CCCCCC;
  margin-bottom: 1em; }

/* PROV-139437 -- the min-heights above exist to level the two panels when they
   sit side by side. Stacked on a phone they only add dead space, and because
   #login_form carries an extra 297px that #create-account_form does not, the
   two panels end up visibly different sizes. Let both size to their content
   below the breakpoint. Desktop is untouched.
   authentication.css is included from Login/Index.cshtml, so it lands in the
   body after mobile.css -- these belong here, not there. */
@media (max-width: 767px) {
  #login_form,
  #create-account_form .form_content,
  #login_form .form_content,
  #create-account_form .form_content.has_social_login,
  #login_form .form_content.has_social_login {
    min-height: 0; }
}