body.login-page {
  -ms-background-size: cover;
  background-size: cover;
  background-image: url("../images/login-bg.jpg");
  background-color: #2967cf;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  overflow: auto; }

.login_form {
  margin: 6% auto;
  width: 410px; }

.login_logo {
  margin-bottom: 25px; }

.app_heading {
  background-color: #c23824;
  height: 72px; }
  .app_heading h2 {
    font-weight: 300;
    text-align: center;
    color: #fff;
    padding-top: 20px;
    margin-top: 0px;
    font-size: 32px; }
  .app_heading span {
    font-weight: 500; }

.login_form_box {
  background-color: #fff;
  margin-bottom: 20px;
  -ms-box-shadow: 2px 1px 7px -1px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 1px 7px -1px rgba(0, 0, 0, 0.75); }
  .login_form_box form {
    padding: 30px; }
    .login_form_box form h3 {
      margin-top: 0px;
      margin-bottom: 20px;
      color: #4d4d4d; }
    .login_form_box form input[type=text]:focus, .login_form_box form input[type=password]:focus, .login_form_box form textarea:focus, .login_form_box form select:focus {
      padding-left: 0px; }
    .login_form_box form input:-webkit-autofill,
    .login_form_box form input:-webkit-autofill:hover,
    .login_form_box form input:-webkit-autofill:focus,
    .login_form_box form input:-webkit-autofill:active {
      transition: background-color 5000s ease-in-out 0s; }

.copyright p {
  font-size: 13px;
  text-align: center;
  color: #86a8e2;
  margin-top: 25px; }

@media screen and (min-width: 1199px) and (max-width: 1399px) {
  .login_form {
    margin: 1% auto; } }