/**********************************************************
				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; }
  #create-account_form .submit .btn_primary, #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; }
}