body.login.login-designer-template-01 {
  background-image: none !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  content: " ";
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

@media only screen and (min-width: 400px) {
  body.login.login-designer-template-01 #login {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 85%;
    margin: 0;
    max-width: 580px;
    padding: 40px 0 0;
  }
}

@media only screen and (min-width: 800px) {
  body.login.login-designer-template-01 #login {
    padding: 100px 0 0;
  }
}

@media only screen and (max-width: 399px) {
  body.login.login-designer-template-01 #login {
    width: 90%;
  }
}

body.login.login-designer-template-01 #login .message {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

body.login.login-designer-template-01 form {
  border: 0;
  max-width: 420px;
  margin: 0 auto;
}

@media only screen and (max-width: 499px) {
  body.login.login-designer-template-01 form {
    padding-left: 25px;
    padding-right: 25px;
  }
}

body.login.login-designer-template-01 #lostpasswordform label {
  display: block;
  text-align: center;
}

body.login.login-designer-template-01 #lostpasswordform .submit {
  text-align: center;
}

body.login.login-designer-template-01 #lostpasswordform .submit .button {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 683px) {
  body.login.login-designer-template-01 #login-designer-background {
    background-attachment: initial !important;
    bottom: 0;
    height: 100%;
    left: 580px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    width: calc(100% - 580px);
    z-index: 0;
  }
}

body,html {
  height: auto !important;
}