/* Common */

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;

}

.mb-8{
  margin-bottom: 8rem;
}
.cancel-term{
  background: white;
  color: #71b62e;
  padding: 5px 25px;
  border-radius: 18px;
  float: left;
  border: 1px solid #71b62e;
  cursor: pointer;
}
.cancel-term:hover{
  color: white;
  text-decoration: none;
  background-color: lightcoral;
  border: 1px solid lightcoral;
}
.ver-term {
  border-radius: 20px;
  background-color: #71b62e;
  color: white;
  font-size: 16px;
  padding: 2px;
}
.ver-term:hover {
  color: white;
  background-color: #2F5C1A;
}
.error-class-toggle{
  border:1px solid red!important;
}
.error-msg{
  color: red;
  font-size: 13px;
  text-align: center;
  display: none;
}

/*  ---------------------------------------------------------------------- */
/*  LOGIN VIEW */
/*  ---------------------------------------------------------------------- */
.card-bienvenidos {
  height: 350px;
  width: 550px;
}
.login-input:focus{
  border: 2px solid #71b62e;
  outline:0px !important;
  -webkit-appearance:none;
  box-shadow: none !important;
}

.login-input{
  border: 1px solid #707070;
  width: 350px;
}
@media (max-width:991px) {
  .login-input{
    width: 240px;
  }
}



.field-icon {
  float: right;
  margin-left: -45px;
  margin-top: -25px;
  position: relative;
  z-index: 2;
  padding-right: 36px;
  color: #707070;
  cursor: pointer;
}

.btn-ingresar-verde {
  border-radius: 20px;
  background-color: #71b62e;
  color: white;
  width: 110px;
  font-size: 16px;
  padding: 2px;
}
.btn-ingresar-verde:hover {
  color: white;
  background-color: #2F5C1A;
}

/*  ---------------------------------------------------------------------- */
/*  Reset password VIEW */
/*  ---------------------------------------------------------------------- */

.reset-password-title{
  margin-top: 20px;
  font-size: 24px;
  font-weight: 800;
}
.reset-password-card{
  width: 559px;
  height: 400px;
  box-shadow: 0px 3px 6px #00000029;
}
.reset-password-card-text{
  font-size: 14px;
  width: 80%;
  margin: 0 auto;
  display: block;
  margin-top: 20px;
}
.reset-password-input{
  width: 65%;
  margin: 0 auto;
  display: block;
  height: 44px;
  margin-top: 5%;
  margin-bottom: 5%;
  border: 1px solid #707070;
}
.reset-password-input::placeholder{
  font-size: 16px;
  color: #707070;
}
.reset-password-input:focus{
  border: 2px solid #71b62e;
  outline:0px !important;
  -webkit-appearance:none;
  box-shadow: none !important;
}

/*  ---------------------------------------------------------------------- */
/*  RESET PASSWORD CODE VIEW */
/*  ---------------------------------------------------------------------- */
.code-card{
  width: 559px;
  height: auto !important;
  box-shadow: 0px 3px 6px #00000029;
}

.code-input{
  width: 50%;
  margin: 0 auto;
  display: block;
  border: 1px solid #707070;
  margin-top: 10%;
  margin-bottom: 10%;
  height: 44px;
  text-align: center;
}
.code-input:focus{
  border: 2px solid #71b62e;
  outline:0px !important;
  -webkit-appearance:none;
  box-shadow: none !important;
}
.code-input::placeholder{
 text-align: center;
 color: #707070;
}
.msg-dem{
  margin-top: 5%;
 color: #9D9D9C;
 font-size: 14px;
}
.confirm-code-btn{
  background-color: #71b62e;
  padding: 6px;
  width: 128px;
  border-radius: 20px;
  color: white;
}
.confirm-code-btn:hover {
  color: white;
  background-color: #2F5C1A;
}
.re-send-code{
  text-decoration: none;
  color: #71b62e;
  font-size: 14px;
  font-weight: 600;
}
.re-send-code:hover{
  color: #2F5C1A;
  font-size: 14px;
  font-weight: 600;
}

/*  ---------------------------------------------------------------------- */
/*  NEW PASSWORD VIEW */
/*  ---------------------------------------------------------------------- */
.new-password-input{
  border: 1px solid #707070;
  border-radius: 4px;
  height: 44px;
  width: 100%;
  margin-bottom: 5%;
}
.new-password-input:focus{
  border: 2px solid #71b62e;
  outline:0px !important;
  -webkit-appearance:none;
  box-shadow: none !important;
}
.field-icon-new-pass{
  float: right;
  margin-left: -45px;
  margin-top: -46px;
  position: relative;
  z-index: 2;
  padding-right: 36px;
  color: #707070;
  cursor: pointer;
}
/*  ---------------------------------------------------------------------- */
/* CONFIRM CHANGE VIEW */
/*  ---------------------------------------------------------------------- */
.confirm-change-card{
  width: 559px;
  height: 202px;
}
.confirm-change-card h1{
  width: 80%;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin: 0 auto;
}
.confirm-change-card img{
  width: 40px;
  margin-top: 5%;
  margin-bottom: 2%;
}

.sticky-footer {
  position: relative; 
  top: 20px; 
  
  font-size: 15px;
  margin-left: 1%;
}

.sticky-footer a{
  color: #71b62e; 

}

.sticky-footer a:hover{
  color: #71b62e; 
  
}