/**********************************************************
				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: 0 0 3px 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; }

#account-creation_form {
  padding-bottom: 50px; }

div.authentication {
  float: left;
  padding-top: 10%;
  min-height: calc(100vh - 135px); }
  div.authentication h2 {
    font-family: "Conv_HelveticaLTPro-Roman", sans-serif;
    line-height: 1.2;
    font-size: 20px;
    margin-bottom: 20px; }
  div.authentication form .form-group ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: inherit;
    font-family: "Conv_HelveticaLTPro-Oblique", sans-serif;
    opacity: 1;
    text-transform: uppercase; }
  div.authentication form .form-group ::-moz-placeholder {
    /* Firefox 19+ */
    color: inherit;
    font-family: "Conv_HelveticaLTPro-Oblique", sans-serif;
    opacity: 1;
    text-transform: uppercase; }
  div.authentication form .form-group :-ms-input-placeholder {
    /* IE 10+ */
    color: inherit;
    font-family: "Conv_HelveticaLTPro-Oblique", sans-serif;
    opacity: 1;
    text-transform: uppercase; }
  div.authentication form .form-group :-moz-placeholder {
    /* Firefox 18- */
    color: inherit;
    font-family: "Conv_HelveticaLTPro-Oblique", sans-serif;
    opacity: 1;
    text-transform: uppercase; }
  div.authentication form .form-group input {
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border-radius: none;
    border-top: none;
    border-right: none;
    border-left: none;
    color: inherit;
    padding: 5px 10px 0;
    margin-bottom: 20px;
    display: block;
    font-size: 12px; }
  div.authentication form .form-group:not(.form-error) input {
    background: transparent; }
  div.authentication form .form-group.form-error {
    color: #f13340 !important; }
    div.authentication form .form-group.form-error input {
      color: #f13340 !important; }
  div.authentication form button {
    margin-top: 25px;
    overflow: hidden; }
    div.authentication form button.disabled, div.authentication form button:disabled {
      pointer-events: none;
      cursor: none;
      position: relative; }
      div.authentication form button.disabled:before, div.authentication form button:disabled:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(72, 72, 71, 0.4);
        background-image: url("../../../img/loader.gif");
        background-position: center;
        background-repeat: no-repeat; }
  div.authentication#left {
    width: 57.3%;
    padding-left: 17.7%;
    background-color: #e1e1e3;
    background-image: url("../img/authentication-bkg.jpg");
    -moz-background-size: 456px 459px;
    -o-background-size: 456px 459px;
    -webkit-background-size: 456px 459px;
    background-size: 456px 459px;
    background-position: 20px center;
    background-repeat: no-repeat; }
    div.authentication#left > .content {
      max-width: 440px;
      padding-right: 20px; }
    div.authentication#left h1 {
      font-family: "Conv_HelveticaLTPro-Roman", sans-serif;
      font-size: 45px;
      color: #32a4d4;
      margin-bottom: 4px; }
    div.authentication#left h2 {
      color: #484847; }
    div.authentication#left p {
      font-size: 15px;
      font-family: "Conv_HelveticaLTPro-Roman", sans-serif; }
    div.authentication#left .form-group {
      color: #484847; }
      div.authentication#left .form-group input {
        border-color: #484847; }
  div.authentication#right {
    width: 42.7%;
    padding-left: 50px;
    background-color: #32a4d4; }
    div.authentication#right > .content {
      max-width: 350px;
      padding-right: 20px; }
    div.authentication#right h2, div.authentication#right label, div.authentication#right input, div.authentication#right a {
      color: #ffffff; }
    div.authentication#right h2 {
      margin-top: 58px;
      color: #ffffff; }
    div.authentication#right .form-group {
      color: #ffffff; }
      div.authentication#right .form-group input {
        border-color: #fff; }
  div.authentication#personnal {
    background-color: #e1e1e3;
    display: block;
    width: 100%;
    background-image: url("../img/authentication-bkg.jpg");
    -moz-background-size: 456px 459px;
    -o-background-size: 456px 459px;
    -webkit-background-size: 456px 459px;
    background-size: 456px 459px;
    background-position: 20px center;
    background-repeat: no-repeat; }
    div.authentication#personnal .container .account_creation {
      padding-left: 50px;
      max-width: 620px; }
      div.authentication#personnal .container .account_creation h2 {
        color: #32a4d4;
        font-size: 35px;
        margin-bottom: 10px; }
      div.authentication#personnal .container .account_creation > p {
        font-family: "Conv_HelveticaLTPro-Roman", sans-serif;
        color: #484847; }
        div.authentication#personnal .container .account_creation > p.title {
          font-size: 15px;
          text-transform: none;
          margin-bottom: 0; }
        div.authentication#personnal .container .account_creation > p.required {
          font-size: 12px;
          margin-top: 0;
          margin-bottom: 30px; }
      div.authentication#personnal .container .account_creation .form-group {
        color: #484847;
        margin-bottom: 20px; }
        div.authentication#personnal .container .account_creation .form-group input {
          border-color: #484847; }
          div.authentication#personnal .container .account_creation .form-group input#passwd {
            margin-bottom: 2px; }
          div.authentication#personnal .container .account_creation .form-group input + .form_info {
            font-size: 12px;
            font-family: "Conv_HelveticaLTPro-Oblique", sans-serif; }
      div.authentication#personnal .container .account_creation label {
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px; }
      div.authentication#personnal .container .account_creation .checkbox label {
        color: #484847; }
      div.authentication#personnal .container .account_creation select {
        color: #484847;
        font-family: "Conv_HelveticaLTPro-Roman", sans-serif; }
        div.authentication#personnal .container .account_creation select option {
          color: inherit;
          font-family: inherit; }
      div.authentication#personnal .container .account_creation + .submit {
        padding-left: 50px;
        max-width: 620px; }
  @media screen and (max-width: 991px) {
    div.authentication#left {
      padding-left: 50px; } }
  @media screen and (max-width: 640px) {
    div.authentication#left, div.authentication#right {
      width: 100%;
      min-height: auto;
      padding-bottom: 5%;
      padding-left: 30px;
      padding-right: 30px; }
      div.authentication#left form button, div.authentication#right form button {
        margin-top: 15px;
        margin-bottom: 20px; }
    div.authentication#right h2 {
      margin-top: 0; }
    div.authentication#right p.submit {
      margin-bottom: 0; } }

.checkbox {
  position: relative; }
  .checkbox #uniform-cgv {
    position: absolute;
    top: 0;
    left: 0; }
    .checkbox #uniform-cgv + label {
      padding-left: 20px; }
      .checkbox #uniform-cgv + label a {
        color: #32a4d4; }

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