body{
  background:  radial-gradient(rgba(33,33,33,0.8), rgba(250,250,250,0.0)), url('../images/lock_bg.jpg') no-repeat;
  background-position: center;
  font-family: 'Open Sans', sans-serif;
}

@media (min-width: 1170px) {
  body{background-size: cover;}
}


#login-wrapper .wrapper{
  margin-top: 100px;
  box-shadow: 0px 0px 5px 1px #333;
  color:#333;
}


#login-form{
  padding-top: 22px;
  padding-bottom: 44px;
}

.form-group{
  margin-top: 22px;
}

#login-wrapper .row{
  background-color: #236467;
  border-top:0.19rem solid rgba(65, 125, 128,0.7);
  border-bottom:0.19rem solid rgba(13, 74, 77,0.7);
  border-left:0.19rem solid rgba(65, 125, 128,0.7);
  border-right:0.19rem solid rgba(13, 74, 77,0.7);
}

footer.row{
  transition:all 1s !important;
  background-color: #236467 !important;
}

footer.row:hover{
 cursor: pointer;
 background-color: #003133 !important;
}

footer h2{
  margin-top: 10px;
}