/**
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License version 3.0
* that is bundled with this package in the file LICENSE.md
* It is also available through the world-wide-web at this URL:
* https://opensource.org/license/osl-3-0-php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to support@qloapps.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to a newer
* versions in the future. If you wish to customize this module for your needs
* please refer to https://store.webkul.com/customisation-guidelines for more information.
*
* @author Webkul IN
* @copyright Since 2010 Webkul
* @license https://opensource.org/license/osl-3-0-php Open Software License version 3.0
*/

/**********************************************************
				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.lost_password {
      margin: -24px 0px 0px 0px;}
      #login_form .form-group.lost_password a {
        
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        text-decoration-line: underline;
        color: #333333; }
        #login_form .form-group.lost_password a:hover {
          text-decoration: none; }

#login_form .form-control, #account-creation_form .form-control {
  
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  padding-left: 0px;
  letter-spacing: 1px;
  color: #000000;
  max-width: 100%; }
.sign-in-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 12px;
}

#account-creation_form #postcode.form-control {
  border: none;
  border-bottom: 1px solid #000;
}

#account-creation_form .select-country-container div.selector {
  border: none;
  border-bottom: 1px solid #000;
  
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 1px;
}

#account-creation_form .select-country-container div.selector span{
  color: #000000;
}

.sign-in-container .auth-heading {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 36px;
  text-align: center;
  color: #000000;
}

.sign-in-container #login_form {
  width: 48rem;
  border: none;
  text-align: left;
}

.sign-in-container p.auth-sub-heading {
  
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  text-align: center;
}

.sign-in-container .submit {
  padding-top: 22px;
}

.sign-in-container .submit #SubmitLogin, #account-creation_form button#submitAccount {
  margin-top: 38px;
  padding: 15px 25px;
}

#account-creation_form button#submitAccount span {
  
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.sign-in-container .submit #SubmitLogin span {
  
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.sign-in-container .create_account {
  
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: #333333;
  padding-top: 20px;
}

.sign-in-container .create_account a{
  color: #0072ff;
}

.create-account-container .auth-heading {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 36px;
  text-align: center;
  color: #000000;
}

.create-account-container .auth-sub-heading {
  
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #000000; }
.create-account-container #account-creation_form .form-group .form-control, .create-account-container #opc_account_form .form-group .form-control {
  max-width: 100% !important;
}

.create-account-container #account-creation_form .form-group .first-name-container {
  padding-left: 0px;
}

.create-account-container #account-creation_form .form-group .first-name-container input{
  padding-left: 5px;
}

.create-account-container #account-creation_form .form-group .gender-type-title select{
  
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px;
  color: #000000;
}

#opc_account_form {
  text-align: left;
}

.create-account-container .account_creation {
  text-align: left;
}

/* .account_creation .gender-type-title div.selector{
  width: 40px !important;
  border-bottom: 1px solid #000;
  
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  padding-left: 2px;
}

.account_creation .gender-type-title .selector:after {
    color: #000000;
} */
 

/* .account_creation .gender-type-title .selector span {
  color: red;
} */

#account-creation_form .checkbox {
  padding: 0px 15px;
}


.guest-register-container {
  padding: 0px 14px;
}

.form-container > .form-group > div, .account_creation > .form-group > div {
  padding: 0px 30px;
}


#account-creation_form .auth-sub-heading a{

  color: #0072ff;
}

#login_form div.form_content {
  padding-top: 40px;
}

#account-creation_form .form-container {
  padding: 50px;
  }

#login_form .form-control, #account-creation_form #firstname {
  padding-left: 4px;
}

/* .account_creation .form-group > div, .sign-in-container .form-group > div {
  margin-bottom: 40px;
} */