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

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

#login_form {
  min-height: 224px; }
  #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; }
  @media (max-width: 768px){
    #login_form .form-control, #create-account_form .form-control {
      max-width: 100%; }
  }
  

.autentificacion-boton {
  background: #bbb !important;
  color: #fff;
  height: 35px;
  width: 123px;
  border: 0px;
  font-family: opensans;
  z-index: 5;
  float: right;
  border-radius: 5px;
}

p.lost_password.form-group {
    float: right;
    padding-top: 24px;
}


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

#contenedor{
  background-image: url(../img/fondo.jpg);
  margin-top: -63px;
  max-height: 527px;
  padding-top: 138px;
  padding-bottom: 389px;
}
.reg{
  height: 56px;
  background-color: #fff;
  padding: 17px;
  font-size: 20px;
  font-family: opensans;
  color: #494949;
  /*width: 285px;*/
  width: 50%;
  float: right;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-left: 77px;
  /*margin-right: 315px;*/
  margin-right: 50%;
  margin-top: -32px;
  position:relative;
}
  @media (max-width: 400px){
    .reg{padding-left: 10px}}

  .reg span{
  float: right;
  margin-right: 77px;
  font-size: 26px;
  font-family: 'helvetica';
  color: #9c9b9b;
}
  @media (max-width: 565px){
    .reg span{
      display: none;
    }}

.con{
  height: 56px;
  background-color: #c3c3c3;
  padding: 17px;
  font-size: 20px;
  font-family: opensans;
  color: #494949;
  /*width: 299px;*/
  width: 50%;
  float: left;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-left: 77px;
  /*margin-left: 315px;*/
  margin-left: 50%;
  margin-top: -56px;
}
  @media (max-width: 400px){
    .con{padding-left: 10px}}

.con span {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #9c9b9b;
    float: right;
    margin-right: 81px;
    margin-top: 4px;
}
  @media (max-width: 565px){
    .con span{
      display: none;
    }}

.tituloTabs{
  max-width:570px; 
  margin: auto;
}
.fondoTabs{
  max-width:570px;
  margin:-20px auto;
  background-color:#fff;
  border-radius: 19px;
  min-height:165px;
  max-height: 200px;
}
.form-group2{
  width: 229%;
  position: relative;
  z-index: 100;
}


/*@media (min-width: 561px){
  #email{
    border-radius: 6px;
    height: 32px;
    font-family: 'opensans';
    margin-top: 2px;
  }
  .emailResponsive{
    position: absolute;
    width: 100%;
  }

  #passwd{
    border-radius: 6px;
    height: 32px;
    font-family: 'opensans';
    right: 2%
  } 
  .passResponsive{
    position: absolute;
    width: 100%;
  } 
}


@media (max-width: 560px){
  #email{
    border-radius: 6px;
    width: 100%;
    height: 32px;
    font-family: 'opensans';
    position: absolute;
    right: 100%;
    margin-top: 2px;
  }

  #passwd{
    border-radius: 6px;
    width: 100%;
    height: 32px;
    font-family: 'opensans';
    position: absolute;
    right: 0%
  }  
}*/
@media (max-width: 768px){
  .topMarginResponsive{
    margin-top: 34px!important;
  }
}

.empresa-authtpl input{
  width: 430px !important;
}

.fondoRegistroUsuario{
  background-image: url(/info/registrate-sin-compra.jpg);
  background-repeat: no-repeat;
  height: 613px;padding-top: 30px;
  margin-right: -40px;
}
.fondoRegistroUsuario form{width: 100%}

.firstname-authtpl input{
  float: none!important;
}
.margentop-authtpl{
  /*margin-top: 9%;*/
  padding-top: 64px;
  padding-bottom: 10px;
}
.telefono-authtpl input{
  margin-top: -32px !important; 
  width: 211px !important;
}
.email-authtpl input{
  width: 100%!important;
}
.pass-authtpl input{
  width: 100%!important;
  float: none!important;
}
.empresa-authtpl input{
  width: 100%!important;
}
.direccion-authtpl input{
  width: 100%!important;
}
.cp-authtpl input{
  margin-right: -20px!important; 
  margin-top: -32px!important;
  float: none!important;
}
.dni-authtpl > p > input{
  margin-right: -20px!important; 
  margin-top: -41px!important;
  float: none!important;
}
.alias-authtpl span{
  font-family: opensans;
  float: right;
  color: #555;
  margin: 15px 3px 29px 0px;
}
@media (max-width: 767px){

  .fondoRegistroUsuario{
    margin-right: 0px!important;
    height: inherit;
  }

  .firstname-authtpl input{
    width: 100%!important;
    margin-top: -34px !important;
    margin-right: 0px!important;
  }

  .lastname-authtpl input{
    width: 100%!important;
    float: none!important;
    margin-top: 0px!important;
    margin-left: 0px!important;
  }
  .email-authtpl input{
    right: 0px!important;
    width: 100%!important;
    position: relative!important;
    margin-bottom: 10px;
  }
  .pass-authtpl input{
    margin-right: 0px!important;
    right: 0px!important;
    width: 100%!important;
    position: relative!important;
    float: right!important;
    margin-top: 0px!important;
  }
  .empresa-authtpl input{
    margin-left: 0px!important;
    float: right!important;
    width: 100%!important;
  }
  .direccion-authtpl input{
    width: 100%!important;
    float: right!important;
  }
  .cp-authtpl input{
    width: 100%!important;
    margin-right: 0px!important;
    margin-bottom: 10px!important;
    float: right!important;
  }
  .ciudad-authtpl input{
    width: 100%!important;
    float: right!important;
    margin-left: 0px!important;
    margin-top: 0px!important;
  }
  .dni-authtpl > p > input{
    width: 100%!important;
    margin-left: 0px!important;
    margin-right: 0px!important; 
    margin-top: -32px!important;
  }
  .telefono-authtpl input{
    width: 100%!important;
    margin-left: 0px!important;
    margin-top: 0px !important; 
  }
  .alias-authtpl span{
    width: 100%;
    margin-bottom: 0px;
  }
  .alias-authtpl input{
    width: 100%!important;
    margin-bottom: 10px;
  }
}
.reg, .con,.registrateOPC,.conectateOPC{
	cursor: pointer;
}

#account-creation_form .dni, .dni .form-group{
  display: block !important;
}

.required.dni.form-group {
  display: block !important;
}
#new_account_form .dni{
  display: block !important;
}
#account-creation_form .id_state, #account-creation_form .dni, #account-creation_form .postcode {
  display: block !important;
}

.campo-popover-container {
  position: relative;
  display: inline-block;
}

.campo-popover-label {
  color: #ff9500;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.3rem;
}

.campo-popover-box {
  display: none;
  position: absolute;
  top: 120%;
  left: 0;
  z-index: 99;
  min-width: 280px;
  max-width: 320px;
  background: #fff;
  color: #333;
  border: 3px solid #ff9500;
  border-radius: 8px;
  box-shadow: 0 2px 14px rgba(25, 118, 210, 0.13);
  padding: 18px 22px 18px 20px;
  font-size: 0.97rem;
}

.campo-popover-container:hover .campo-popover-box,
.campo-popover-container:focus-within .campo-popover-box {
  display: block;
  animation: fadeinpop 0.25s;
}

@keyframes fadeinpop {
  from { opacity: 0; transform: translateY(10px);}
  to   { opacity: 1; transform: translateY(0);}
}

/* Flecha decorativa del popover */
.campo-popover-box:before {
  content: "";
  position: absolute;
  top: -12px; /* Adjusted for thicker arrow */
  left: 22px; /* Adjusted for alignment */
  border-width: 0 12px 12px 12px; /* Increased thickness */
  border-style: solid;
  border-color: transparent transparent #ff9500 transparent;
}

.campo-popover-box:after {
  content: "";
  position: absolute;
  top: -9px;
  left: 25px;
  border-width: 0 9px 9px 9px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}