*{
  margin: 0;
  padding: 0;
  font-family: Cambria, Arial, Helvetica, sans-serif;                   
  box-sizing: border-box;
  
}
.flex{
  display:flex;    
}
.radio{
  font-size: 2px;
  padding:0 ;
  margin:0;
}
.wrapper input:valid ~ span{
  display:block;

}
.wrapper span{                
  transform:translateY(-50%);              
  cursor:pointer;
  display:none;
  position:absolute;       
  padding-right:5px;
  color: #808080;
}            
.wrapper span i.hide-btn:before{
  content:"\f070";
}
    
#position{
  right:5%;
  top:48%;
}   
#position1{
  right:5%;
  top:48%;
}   
#position2{
  right:5%;
  top:48%;
}   
#msg{
  color:red;
}
.fa {
  font-size:18px;
}
.fa-edit {
  color:#63c76a;   
}
.fa-trash{
  color:#ff0000;
}
a{
  text-decoration: none;
  display:flex;
  justify-content: center;  
}