body {
  font-size: 15px;
}
.page-login:before {
  position: fixed;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: #0055A4;
background: -webkit-linear-gradient(161deg,rgba(0, 85, 164, 1) 0%, rgba(8, 49, 87, 1) 100%);
background: -moz-linear-gradient(161deg,rgba(0, 85, 164, 1) 0%, rgba(8, 49, 87, 1) 100%);
background: linear-gradient(161deg,rgba(0, 85, 164, 1) 0%, rgba(8, 49, 87, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr="#0055A4",
  endColorstr="#083157",
  GradientType=0
);
}
.page-login .panel {
  width: 400px;
  margin-bottom: 10px;
  background: #ffffff;
  border-radius: 4px;
}
.page-login .panel .panel-body {
  padding: 50px 40px 40px;
}
.page-login .panel .brand-text {
  margin-top: 8px;
}
.page-login form {
  margin: 30px 0;
}
.page-login form h4 {
  margin-bottom: 30px;
}
.page-login form a {
  margin-left: 20px;
}
.page-login form .form-material.floating + .page-login form .form-material.floating {
  margin-top: 30px;
}
.page-login form .form-material label {
  color: #a3afb7;
  font-weight: 300;
}
@media (max-width: 480px) {
  .page-login .page-content {
    padding: 30px 20px;
  }
  .page-login .panel {
    width: auto;
    padding: 10px;
  }
  .page-login .panel .panel-body {
    padding: 35px 25px 35px;
  }
}
.panel-btn {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 10;
}
.page-copyright {
  letter-spacing: normal;
  margin-top: 10px;
}