* {
  box-sizing: border-box;
}

html {
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

body {
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.3333;
  background: url('../images/nintex-background-image.jpg') no-repeat top right;
  background-size: 50% 100%;
  background-color: #FFF;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
}

a {
  color: #006BD6;
  text-decoration: none;
}

a:hover {
  color: #006BD6;
  text-decoration: underline;
}

a:focus {
  outline: 0 none;
}

footer {
  color: #5B5B5B;
  margin-top: 30px;
  text-align: center;
}

footer p {
  font-size: 11px;
}

footer .padding-left {
  padding-left: 10px;
}

.nintex-header {
  text-align: center;
}

.nintex-sign-refresh {
  text-align: center;
  font-size: medium;
}

.nintex-banner {
  padding: 0 20px;
  line-height: 20px;
}

.nintex-portal-signin {
  position: absolute;
  top: 50%;
  left: 25%;
  padding: 5px 10px;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 400px;
}

.login-info-container {
  width: 50%
}

@media screen and (max-width: 419px) {
  body {
    background-image: none;
  }

  .nintex-portal-signin {
    left: 50%;
    max-width: 400px;
    width: 100%;
    top: 0;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
  }

  .android-login-info-container {
    height: 150%;
    max-height: 1000px;
  }

  .login-info-container {
    width: 100%;
    background-color: #FFF;
    position: absolute;
    top: 0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    min-height: 550px;
  }
}

@media screen and (max-width: 1024px) and (min-width: 420px) {
  body {
    height: 100%;
    background-size: cover;
  }

  .nintex-portal-signin {
    left: 50%;
  }

  .login-info-container {
    width: 400px;
    height: 100%;
    background-color: #FFF;
    position: absolute;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    min-height: 550px;
  }
}

.nintex-logo {
  width: 100%;
  height: auto;
  margin-bottom: 25px;
}

.nintex-lock-screen {
  background: transparent;
}

.nintex-form-label {
  display: block;
  margin-bottom: 3px;
}

.auth0-lock.auth0-lock .auth0-lock-cred-pane-internal-wrapper {
  height: auto !important;
}

.nintex .auth0-lock.auth0-lock.auth0-lock-opened-in-frame {
  width: 100%;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.nintex .auth0-lock.auth0-lock .auth0-lock-content-wrapper {
  overflow: visible;
}

.nintex .auth0-lock.auth0-lock .auth0-lock-form {
  padding: 15px 0;
}

.nintex .auth0-lock.auth0-lock .auth0-lock-form p {
  color: inherit;
}

.nintex .auth0-lock.auth0-lock .auth0-lock-form p span {
  display: block;
  width: 100%;
  text-align: left;
}

.nintex .auth0-lock.auth0-lock .auth0-lock-widget {
  width: auto;
  overflow: hidden;
}

.nintex .auth0-lock.auth0-lock .auth0-lock-cred-pane {
  background: transparent;
}

.nintex .auth0-lock.auth0-lock .auth0-lock-header {
  display: none;
}

.nintex .auth0-lock.auth0-lock .auth0-lock-header-bg {
  display: none;
}

.nintex .auth0-lock.auth0-lock .auth0-lock-name {
  display: none;
}

.nintex .auth0-lock.auth0-lock .auth0-lock-header-bg.auth0-lock-blur-support {
  background: none;
  background-image: none;
}

.nintex .auth0-lock.auth0-lock .auth0-lock-content {
  padding: 0;
}

.nintex .auth0-lock.auth0-lock .auth0-lock-input-wrap.auth0-lock-input-wrap-with-icon {
  padding-left: 0;
}

.nintex .auth0-lock.auth0-lock .auth0-lock-submit {
  position: relative;
  height: 45px;
  margin: 0px 0 30px;
  border: 1px solid #0052A3;
  border-radius: 4px;
  background-color: #006BD6 !important;
}

.nintex .auth0-lock.auth0-lock.auth0-lock-mode-loading .auth0-lock-submit {
  background-color: #006BD6 !important;
}

.nintex.forgot-password .auth0-lock.auth0-lock .auth0-lock-submit {
  margin-bottom: 0;
}

.nintex .auth0-lock.auth0-lock .auth0-lock-alternative {
  position: absolute;
  bottom: -80px;
  width: 100%;
}

.nintex .auth0-lock.auth0-lock .auth0-lock-form .auth0-lock-alternative .auth0-lock-alternative-link {
  color: #006BD6;
}

.nintex .auth0-lock.auth0-lock .auth0-lock-form .auth0-lock-alternative .auth0-lock-alternative-link:hover {
  text-decoration: underline;
}

.nintex .auth0-lock.auth0-lock .auth0-lock.auth0-lock.auth0-lock-mode-loading .auth0-lock-submit {
  position: relative;
  background-color: #006BD6;
}

.nintex .auth0-lock.auth0-lock .auth0-loading-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.nintex .auth0-lock.auth0-lock .auth0-lock-submit .auth0-label-submit {
  transform: none !important;
  height: 100%;
  line-height: 100%;
  text-transform: none;
  font-size: 18px;
  letter-spacing: 0;
}

.nintex .auth0-lock.auth0-lock .auth0-lock-submit .auth0-label-submit span {
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.nintex .auth0-lock.auth0-lock .auth0-loading-container .auth0-loading {
  border-color: rgba(255, 255, 255, 0.4) rgba(255, 255, 255, 0.4) rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2);
}

.nintex .auth0-lock.auth0-lock .auth0-lock-submit span svg.icon-text {
  display: none;
}

.nintex .auth0-lock.auth0-lock .auth0-global-message {
  margin-bottom: 10px;
  border-radius: 4px;
  text-transform: none;
  font-size: 13px;
  font-weight: normal;
}

.nintex .auth0-lock.auth0-lock .auth0-global-message.auth0-global-message-error {
  background: #E10D11;
}

.nintex .auth0-lock.auth0-lock .auth0-global-message.auth0-global-message-error.nintex-error-message {
  display: none;
}

.nintex.nintex-custom-error .auth0-lock.auth0-lock .auth0-global-message.auth0-global-message-error {
  display: none;
}

.nintex.nintex-custom-error .auth0-lock.auth0-lock .auth0-global-message.auth0-global-message-error.nintex-error-message {
  display: block;
}

.nintex .auth0-lock.auth0-lock .auth0-global-message.auth0-global-message-success {
  background: #09894e;
}

.nintex .auth0-lock.auth0-lock .auth0-lock-error-msg {
  padding: 7px 14px;
  border-radius: 4px;
  color: #fff;
  background: #E10D11;
}

.nintex .auth0-lock.auth0-lock .auth0-lock-error-invalid-hint {
  color: #fff;
  background: #E10D11;
}

.nintex .auth0-lock .auth0-sso-notice-container {
  background: #2070d0;
  color: #fff;
  font-size: 14px;
  text-transform: none;
  margin: 0 0 10px 0;
  border-radius: 4px;
}

.nintex .auth0-lock .auth0-sso-notice-container svg {
  display: none;
}

@media (min-width: 481px) {
  .nintex .auth0-lock.auth0-lock {
    table-layout: fixed;
  }

  .nintex .auth0-lock.auth0-lock .auth0-lock-error-msg {
    position: static;
    display: block;
    margin-top: 5px;
    box-shadow: none;
  }

  .nintex .auth0-lock.auth0-lock .auth0-lock-error-msg::after {
    display: none;
  }

  .nintex .auth0-lock.auth0-lock .auth0-lock-error-msg span {
    background: transparent;
    display: inline;
    padding: 0;
  }
}

/* auth0 added a hack here that breaks our styling for IE 
https://github.com/auth0/lock/commit/524c9bbd37f971d9c9132771bcb85ecc6259c68f */
_:-ms-fullscreen,
:root .auth0-lock.auth0-lock .auth0-lock-content-wrapper.auth0-lock-content-wrapper {
  flex-basis: auto !important;
}