#form1 .inputBox1{
    position:relative;
  }
  #text1{
    display:block;
    color:#000;
    font-weight:300;
    font-style:normal;
    padding:5px;
    
  }
  /* validation first name */
  #form1.invalid .inputBox1:before{
    content:'';
    position:absolute;
    right:12px;
    top:9px;
    width:24px;
    height:24px;
    background:url('../images/invalid.png');
    background-size:cover;
    z-index:1000;
    
  }
  
  
  #form1.valid .inputBox1:before{
    content:'';
    position:absolute;
    right:12px;
    top:9px;
    width:24px;
    height:24px;
    background:url('../images/valid.png');
    background-size:cover;
    z-index:1000;
    
  }



  #form2 .inputBox2{
    position:relative;
  }
  #text2{
    display:block;
    color:#000;
    font-weight:300;
    font-style:normal;
    padding:5px;
    
  }
  /* validation first name */
  #form2.invalid .inputBox2:before{
    content:'';
    position:absolute;
    right:12px;
    top:9px;
    width:24px;
    height:24px;
    background:url('../images/invalid.png');
    background-size:cover;
    z-index:1000;
    
  }
  
  
  #form2.valid .inputBox2:before{
    content:'';
    position:absolute;
    right:12px;
    top:9px;
    width:24px;
    height:24px;
    background:url('../images/valid.png');
    background-size:cover;
    z-index:1000;
    
  }