.ft-montserrat{
    font-family: 'Montserrat', sans-serif;
}
#main{
    margin-top: 100px;
}

#mainInput{
    margin-top: 20px;
}

#forgotPassword{
  background-color: #5E4BCE;
  border: 2px solid #5E4BCE;
  color: #FFFFFF;
  transition: 1s;

}

#forgotPassword:hover{
  background-color: white;
  color: #5E4BCE;
}

#login{
    margin-top:-60px;
}

#nuevoUserRegister, #selectGender{
    font-family: 'Montserrat', sans-serif;
}

#nuevoUserRegister{
    background-color:#ff7083;
    min-height:38px;
}

#buttonGuest{
    background-color: #78838e;
    min-height:38px;
}

#buttonFacebook{
    background-color: #5E4BCE;
    min-height:38px;
}

#endBottom{
    margin-bottom:20px;
}

#newWithUs{
    margin-top:15px;
    font-weight: bold;
}

#createAccount{
    color:#58C7F7;
    font-weight: bold;
    font-size:15px;
}

#buttonRecovers{
  background-color: #ACC55F;
  font-size:12px;
  color: white;
  border: 2px solid #ACC55F;
  transition: 1s;
}
#buttonRecovers:hover{
  background-color: white;
  font-size:12px;
  color: #ACC55F;
  border: 2px solid #ACC55F;
}

#buttonReset{
  background-color: #ff7083;
}

#backToLoginRegister{
  background-color: #5E4BCE;
}
#backToLogin{
  background-color: #5E4BCE;
  color: white;
  border: 2px solid #5E4BCE;
  font-size:12px;
  transition: 1s;
  margin-right: 4px;
}
#backToLogin:hover{
  background-color: white;
  color: #5E4BCE;
  border: 2px solid #5E4BCE;
  font-size:12px;
}
#loginButton{
  background-color: #ACC55F;
  border: 2px solid #ACC55F;
  color: #FFFFFF;
  transition: 1s;
}

#loginButton:hover{
  background-color: white;
  color: #ACC55F;
}

#selectGender{
    border:0;
    border-bottom: #FFF370 2px solid;
    text-transform:uppercase;
}
.mantainaceWeBack{
  font-size: 20px;
  font-weight: bold;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  box-shadow: 0 0 0 1000px white inset !important;
  -webkit-text-fill-color: #000 !important; /* Color del texto */
}

@media only screen and (max-width: 576px) {
  .loginResponsiveDesktop{
    width:100%;
  }
}

@media only screen and (min-width: 576px) {
  .loginResponsiveDesktop{
    width:400px;
  }
}

@media only screen and (min-width: 768px) {
  .loginResponsiveDesktop{
    width:400px;
  }
}

@media only screen and (min-width: 992px) {

}
@media only screen and (min-width: 1200px) {
  .loginResponsiveDesktop{
    width:700px;
  }
  .iti{
      display: block !important;
  }
}