/* #wrapper
{
  width:995px;
  padding:0px;
  margin:0px auto;
  font-family:helvetica;
  position:relative;
} */
#wrapper 
{
  margin-top:130px;
  background: rgba(255,255,255,0.5);
  padding:20px;
  border-radius:10px;
}
@media(min-width:300px) and (max-width:767px)
{
  #wrapper 
{
  margin-top:50px;
  background: rgba(255,255,255,0.5);
  padding:20px;
  border-radius:10px;
}
}
#wrapper .baricon
{
  display:inline-block;
  /* border-radius:100%; */
  border-radius:5%;
  /* padding:12px; */
  padding:3px 5px;
  background-color:orange;
  color:white;
}
#wrapper .progress_bar
{
  /* width:200px; */
  width:42.33%;
  height:5px;
  border-radius:20px;
  background-color:#D8D8D8;
  display:inline-block;
}
@media(min-width:300px) and (max-width:767px)
{
  #wrapper .progress_bar
  {
    /* width:200px; */
    width:36.33%;
    height:5px;
    border-radius:20px;
    background-color:#D8D8D8;
    display:inline-block;
  }
}
@media(min-width:768px) and (max-width:1200px)
{
  #wrapper .progress_bar
  {
    /* width:200px; */
    width:39.33%;
    height:5px;
    border-radius:20px;
    background-color:#D8D8D8;
    display:inline-block;
  }
}


#wrapper form div
{
  /* margin-left:340px; */
  padding:10px;
  box-sizing:border-box;
  /* width:300px; */
  /* margin-top:50px; */
  /* background-color:#585858; */
}
#wrapper form div p
{
  color:#F2F2F2;
  margin:0px;
  margin-top:10px;
  font-weight:bold;
}
#wrapper form div .form_head
{
  font-size:22px;
  font-weight:bold;
  margin-bottom:30px;
}
#wrapper form div input[type="text"]
{
  /* width:200px; */
  width:100%;
  height:40px;
  padding:5px;
  border-radius:5px;
  border:none;
  margin-top:10px;
}
#wrapper form div input[type="button"],input[type="submit"]
{
  width:80px;
  height:40px;
  border-radius:5px;
  border:2px solid white;
  background:none;
  color:white;
  margin:5px;
  margin-top:30px;
}
#user_details,#qualification
{
  display:none;
}