html
{
 /* height:80%;*/
  width:100%;
}
body{    
  background:url('../images/archive.jpg') no-repeat;
  background-size: cover;
  

}

.form-top{
  margin-top: 80px;
}
.form-mellan{
  margin-bottom: 120px;
}

.panel{
  box-shadow: 0 1px 6px 0 rgba(0,0,0,.12), 0 1px 6px 0 rgba(0,0,0,.12);
  border-radius: 6px;
    border: 0;
}
@-moz-document url-prefix() {
    .form-control{
      height: auto;
    }
}
.panel-primary{
  background-color: #2c3e50;
  color: #fff;
}
.panel-primary>.panel-heading {
    color: #fff;
    font-size: 20px;
    background-color: #2c3e50;
    border-color: #2c3e50;
}
.btn-warning{
  background-color: transparent;
  border-color: #bdc3c7;
}
#wrapper {
  display: flex;
}

#left {
  flex: 0 0 50%;
  margin-left: 50px;
 }

#right {
  flex: 1;
  margin-right: 40px;
 }

#leftn {
  flex: 0 0 50%;
  margin-left: 50px;
}

#rightn {
  flex: 1;
  margin-right: 40px;
}
hr.style1{
  border-top: 1px solid #8c8b8b;
  padding-top: 0px;
}