.unmask {
  
  
  background: transparent;
  
  cursor:pointer;

  font-family:'fontawesome';
  font-size:14px;
  line-height:24px;
  -webkit-appearance:none;
  outline:none
}
.unmask:before {
  content: "\f06e";
  background: rgba(205,205,205,0.2);
  z-index:1;
  
  border:2px solid;
  border-radius: 50%;
}
.text_password {
  
  
  background: transparent;
  
  cursor:pointer;

  font-family:'fontawesome';
  font-size:14px;
  line-height:24px;
  -webkit-appearance:none;
  outline:none
}
.text_password:before{
 content:"\f070" !important;
  z-index:1;
  
  border:2px solid;
  border-radius: 50%;
  background: rgba(105,205,255,0.2) !important;
  
}
#valid{
  font-size:12px;
  color:#daa;
  height:15px
}
#strong{
  height:20px;
  font-size:12px;
  color:#daa;
  text-transform:capitalize;
  background:rgba(205,205,205,0.1);
  border-radius:5px;
  overflow:hidden
}

#strong span{  
  display:block;
  box-shadow:0 0 0 #fff inset;
  height:100%;
  transition:all 0.8s;
  border: solid;
    text-align: center;
}
#strong .facil{
   box-shadow:5em 0 0 #daa inset;
}
#strong .Media{
   color:#da6;
   box-shadow:10em 0 0 #da6 inset
}
#strong .Dificil{
   color:#595;
   box-shadow:50em 0 0 #ada inset
}