/* Arizan */
#passwordConfirmInput{
    /* width: 30%; */
    display: flex;
    position: relative;
}
 #passwordConfirmInput input[type="password"], #passwordConfirmInput input[type="text"]{
    width: 100%;
    padding: 10px;
    border: 1px solid lightgrey;
    font-size: 15px;
    
}

#passwordConfirmInput #showConfirmHide{
  font-size: 12px;
    font-weight: 600;
   position: absolute;
    color: #3f3d3d !important;
    border: 1px solid #292929;
    padding: 2px 5px;
    border-radius: 7px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    user-select: none;
}
#passwordConfirmStrength{
    width: 30%;
    height: 5px;
    margin: 5px 0;
    display: none;
}
#passwordConfirmStrength span{
  position: relative;
  height: 100%;
  width: 100%;
  background: lightgrey;
  border-radius: 5px;
}
 #passwordConfirmStrength span:nth-child(2){
  margin: 0 3px;
}
#passwordConfirmStrength span.active:before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 5px;
}
#passwordConfirmStrength span#poorConfirm:before{
  background-color: #ff4757;
}
#passwordConfirmStrength span#weakConfirm:before{
  background-color: orange;
}
#passwordConfirmStrength span#strongConfirm:before{
  background-color: #23ad5c;
}
#passwordConfirmInfo{
  font-size: 15px;
}
#passwordConfirmInfo #poorConfirm{
  color: red;
}
#passwordConfirmInfo #weakConfirm{
  color: orange;
}
#passwordConfirmInfo #strongConfirm{
  color: green;
}