#page-content-wrapper{
    z-index: 289;
    background-color: white;
  
    
}





#proimage{
    width:170px;
    height: 170px;
    margin: auto;
    margin-top: 20px;

    border-radius: 150px;
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.281);

}
#proname{
    margin-top:20px;
}
hr{
  
    margin: 20px auto;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.281);
  
}
#editPen{
  
  width: 40px;
  /* border: 1px solid black; */
  border-radius: 125px;
  padding: 7px;
  z-index: 4;
    position: absolute;

    top: 170px;
    right: 170px;
    background-image: -webkit-linear-gradient(120deg, #505add 10%, #df42b1 90%);
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.281);
}
#editPen > i{
  color: white;
  margin: auto;
  font-size: 25px;

}
.inputFileHidden{
  color:transparent;
}
#image{
  visibility: hidden;
  width: 30px;
  position: absolute;
  top: 207px;
  right: 170px;
  margin: auto;
}
#editPen:hover{
  cursor : pointer;
}

#popup ,#popup2{
  /* 650 -480  */
  width: 100%;
  height:100%;
  margin-top: 50px;
  padding-top:20px;
  
  background: #FFFFFF;
  border-top: 5px solid #383b61;
  box-shadow: #64686e 0px 0px 3px 3px;
  -moz-box-shadow: #64686e 0px 0px 3px 3px;
  -webkit-box-shadow: #64686e 0px 0px 3px 3px;
  z-index: 1001;
 
}
#donePopup{
  position: fixed;
  top: 0;
  left: 0;
  width: 102%;
  height: 100%;
  background: rgba(80, 77, 77, 0.6);
  z-index: 1001;
}
#doneHr{
  margin: 10px auto;
}    
#doneText{
  margin-top: 50px;

}