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

#create-account_form {
  min-height: 297px; }
  #create-account_form p {
    margin-bottom: 8px; }
  #create-account_form .form-group {
    margin: 0 0 20px 0; }

#login_form {
  min-height: 297px; }
  #login_form .form-group {
    margin: 5px 0 10px 0; }
    #login_form .form-group.lost_password {
      margin: 14px 0 15px 0; }
      #login_form .form-group.lost_password a {
        text-decoration: underline; }
        #login_form .form-group.lost_password a:hover {
          text-decoration: none; }

#login_form .form-control, #create-account_form .form-control {
  max-width: 271px; }

/*# sourceMappingURL=authentication.css.map */


/*New css added by ocs*/
#authentication .columns-container { background-color: #f8f8f8; padding: 45px 0px 50px; }
#authentication  .columns-container #columns {  }
#authentication .login input, 
#authentication #create-account_form .form-control { margin-bottom: 30px; min-width: 100%; height: 50px; width: 100%; color: #000000; border: 1px solid #e9e9e9; line-height: 50px; }
#authentication .page-subheading { text-align: center; border: none; }
#authentication .authentication-main-container { float: none; margin: 0 auto; max-width: 942px; width: 100%; }
#authentication #login_form, 
#authentication #create-account_form { max-width: 340px; margin: 0 auto; width: 100%; }
#authentication .button.button-medium span,
#authentication .button.button-medium { width: 100%; }
#authentication .button.button-medium span { height: 50px; line-height: 50px; padding: 0px; }
.login-container,
.create-container{ height: 385px; padding-top: 26px; background: #ffffff; }
.create-container{  background: url("../img/create-page.png") center center no-repeat; background-size: 100%; }
#authentication #create-account_form { padding-top: 97px; }
#authentication #header .iqitmegamenu-wrapper { margin-bottom: 0px; }
#authentication #login_form input#passwd { margin-bottom: 0px;  }
#authentication .mobile { display: none; }
#authentication .continue-purchases { float: left; width: 100%; padding: 20px 0px; }
#authentication.outter-container .columns-container #center_column { width: 100%; background: none; max-width: 100%; }
#authentication #account-creation_form .terms_condition_checkbox {float: left;} 
/*authentication page responsive css*/
@media (min-width: 0px)and (max-width: 767px ) { 
#authentication .mobile { display: block; }
#authentication .mobile { display: block; width: 100%; height: 44px; line-height: 42px; text-align: center; margin-bottom: 13px; margin-top: 10px; }
#authentication .mobile a.current { border-bottom: 3px solid #000000; }
#authentication .mobile a { position: relative; width: 50%; text-align: center; float: left; background: #ffffff;  }
.login-container, 
.create-container { max-width: 375px; margin: 0 auto; width: 100%; }
#authentication .continue-purchases { display: none; }
#authentication .columns-container  { padding: 0px; }

}

/*********Custom css *************/
#authentication #account-creation_form {max-width: 841px;width: 100%;margin: 0px auto;background-color: #ffffff;padding-left: 41px;padding-bottom: 26px;}
#authentication .account_creation {float: left;width: 100%;margin: 0px 0 25px;padding: 35px 0 0 ;}
#authentication .account_creation .fl_wrap,#authentication .return-back {padding: 0;}
#authentication .account_creation .inputText{margin-bottom: 40px;height: 50px;color: #000000;max-width: 365px;width: 100%;border: 1px solid #e9e9e9;}
#authentication .account_creation .name-title {margin-bottom: 30px;}
#authentication .return-back p.required  {color: #B0B0B0;font-size: 12px;display: inline-block;width: 100%;margin:0 0 15px;}
#authentication .return-back a.button-small span,#authentication .return-back a.btn {background: none; color: #000000;padding:0;text-transform: uppercase;}
#authentication .account_creation label {font-weight: normal;}
#authentication #account-creation_form .submit {float: right;margin-right: 25px;}
#authentication #account-creation_form .button.button-medium span, #authentication #account-creation_form .button.button-medium {float: right;max-width: 96%;text-transform: uppercase;font-size: 13px;}
#authentication #create-account_form .page-subheading {  color: #ffffff;}
#authentication .account_creation div.selector {border: 1px solid #e9e9e9;}
#authentication .account_creation div.selector span{background-position:30px -114px;}
#authentication .account_creation div.selector,#authentication .account_creation div.selector select,#authentication .account_creation div.selector span {height: 50px;line-height: 50px;width: 100%!important;max-width: 100%;}
#identity #center_column form.std .row .col-xs-4, #authentication #center_column form.std .row .col-xs-4, #order-opc #center_column form.std .row .col-xs-4 {max-width: 124px;}

#authentication .account_creation .checkbox {margin-top: 25px;}
#authentication #account-creation_form div.selector span{ background-position: 66px -112px; }


@media (min-width: 0px)and (max-width: 767px ) { 
.create-container  { display: none; } 
#authentication #account-creation_form {max-width: 100%; margin: 0; float: left;padding: 20px;}
#authentication .account_creation .form-group span.form_info {margin-bottom: 20px;display: inline-block;width: 100%;}
#authentication #account-creation_form .submit {float: left;margin-right: 0px;}
#authentication #account-creation_form .button.button-medium span, #authentication #account-creation_form .button.button-medium { max-width: 100%;}
#authentication .account_creation .inputText { max-width: 100%; }
#authentication #account-creation_form .terms_condition_checkbox {padding: 0;}
#authentication #account-creation_form .checkbox label {font-size: 13px;position: relative;left: 6px;}
}