/* 48px */
/* 32px */
/* 24px */
/* 20px */
/* 16px */
/* 16px */
.alert-success {
  font-size: 0.8em;
  margin: 10px 0px;
  padding: 10px;
  background-color: #E9FFE3;
  border-radius: 5px;
  border: 1px solid #AFFFA6;
}
.alert-success p {
  margin: 0px;
}
.alert-success strong {
  font-size: inherit;
}

span#generate-safe-password-wrapper {
  display: flex;
}

p#safe-password-plaintext {
  font-size: 0.8rem;
}

p#generate-safe-password {
  text-decoration: underline;
  cursor: pointer;
  font-size: 0.8rem;
  color: green;
}

p#password-min-requirements {
  color: #6c6969;
  font-size: 0.8rem;
  max-width: 250px;
  line-height: 1.2rem;
}

div#register-login-wrapper, div#login-login-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0px 20px;
}
div#register-login-wrapper > div#login-forms-wrapper, div#login-login-wrapper > div#login-forms-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 1080px;
}
div#register-login-wrapper > div#login-forms-wrapper > div, div#login-login-wrapper > div#login-forms-wrapper > div {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 20px 10px;
}
div#register-login-wrapper > div#login-forms-wrapper > div > h1, div#login-login-wrapper > div#login-forms-wrapper > div > h1 {
  margin-top: 20px;
  line-height: 1.2em;
}
div#register-login-wrapper > div#login-forms-wrapper > div > h3, div#login-login-wrapper > div#login-forms-wrapper > div > h3 {
  margin-top: 40px;
  line-height: 1.2em;
  margin-bottom: 20px;
}
div#register-login-wrapper > div#login-forms-wrapper > div > a, div#login-login-wrapper > div#login-forms-wrapper > div > a {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  width: 100%;
  border-radius: 5px;
  text-decoration: none;
  margin-bottom: 10px;
}
div#register-login-wrapper > div#login-forms-wrapper > div > a > img, div#login-login-wrapper > div#login-forms-wrapper > div > a > img {
  height: 32px;
  width: 32px;
  margin: 8px;
}
div#register-login-wrapper > div#login-forms-wrapper > div > a > p, div#login-login-wrapper > div#login-forms-wrapper > div > a > p {
  text-align: center;
  font-size: 1em;
}
div#register-login-wrapper > div#login-forms-wrapper > div form.register-form, div#login-login-wrapper > div#login-forms-wrapper > div form.register-form {
  display: flex-direction;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  line-height: 2em;
}
div#register-login-wrapper > div#login-forms-wrapper > div form.register-form > div, div#login-login-wrapper > div#login-forms-wrapper > div form.register-form > div {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 700px;
  justify-content: space-between;
  padding: 20px 0px;
}
div#register-login-wrapper > div#login-forms-wrapper > div form.register-form > div label, div#login-login-wrapper > div#login-forms-wrapper > div form.register-form > div label {
  white-space: nowrap;
  margin-right: 40px;
}
div#register-login-wrapper > div#login-forms-wrapper > div form.register-form > div input, div#login-login-wrapper > div#login-forms-wrapper > div form.register-form > div input {
  margin: 0px;
  color: #333;
  font-size: 1em;
  border: 1px solid transparent;
  border-radius: 2px;
  padding: 0px;
  z-index: 2;
  flex: 1 0 auto;
  border-bottom: 2px solid #CCC;
  max-width: 300px;
  width: auto;
}
div#register-login-wrapper > div#login-forms-wrapper > div form.register-form > div input:focus, div#login-login-wrapper > div#login-forms-wrapper > div form.register-form > div input:focus {
  border-bottom: 2px solid #004e92;
}
div#register-login-wrapper > div#login-forms-wrapper > div form.register-form > div input[type=checkbox], div#login-login-wrapper > div#login-forms-wrapper > div form.register-form > div input[type=checkbox] {
  visibility: visible;
  appearance: auto;
}
div#register-login-wrapper > div#login-forms-wrapper > div form.register-form > div select, div#login-login-wrapper > div#login-forms-wrapper > div form.register-form > div select {
  max-width: 300px;
  border: none;
  color: #333;
  border-bottom: 2px solid #CCC;
  border-radius: 0px;
  font-size: inherit;
}
div#register-login-wrapper > div#login-forms-wrapper > div form.register-form > div > span, div#login-login-wrapper > div#login-forms-wrapper > div form.register-form > div > span {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
}
div#register-login-wrapper > div#login-forms-wrapper > div form.register-form > div > span > span, div#login-login-wrapper > div#login-forms-wrapper > div form.register-form > div > span > span {
  display: flex;
  flex-direction: column;
}
div#register-login-wrapper > div#login-forms-wrapper > div form.register-form > div > span > span > a, div#login-login-wrapper > div#login-forms-wrapper > div form.register-form > div > span > span > a {
  padding: 0px;
}
div#register-login-wrapper > div#login-forms-wrapper > div form.register-form > div > span > button#submit, div#login-login-wrapper > div#login-forms-wrapper > div form.register-form > div > span > button#submit {
  text-transform: uppercase;
  margin: 0px;
  margin-left: auto;
  height: 3em;
  width: auto;
  font-size: 1em;
  padding: 0px 20px;
}

@media only screen and (max-width: 1080px) {
  div#register-login-wrapper > div#login-forms-wrapper, div#login-login-wrapper > div#login-forms-wrapper {
    flex-direction: column;
  }
  div#register-login-wrapper > div#login-forms-wrapper > div#external-login, div#login-login-wrapper > div#login-forms-wrapper > div#external-login {
    flex: 1;
  }
  div#register-login-wrapper > div#login-forms-wrapper > div > h3, div#login-login-wrapper > div#login-forms-wrapper > div > h3 {
    margin-top: 0px;
  }
  div#register-login-wrapper > div#login-forms-wrapper > div form.register-form > div, div#login-login-wrapper > div#login-forms-wrapper > div form.register-form > div {
    flex-direction: column;
    padding: 0px;
    margin-bottom: 20px;
  }
  div#register-login-wrapper > div#login-forms-wrapper > div form.register-form > div input, div#register-login-wrapper > div#login-forms-wrapper > div form.register-form > div select, div#login-login-wrapper > div#login-forms-wrapper > div form.register-form > div input, div#login-login-wrapper > div#login-forms-wrapper > div form.register-form > div select {
    max-width: none;
  }
  div#register-login-wrapper > div#login-forms-wrapper > div form.register-form > div > span, div#login-login-wrapper > div#login-forms-wrapper > div form.register-form > div > span {
    flex-direction: column;
  }
  div#register-login-wrapper > div#login-forms-wrapper > div form.register-form > div > span > a#forgot-password, div#login-login-wrapper > div#login-forms-wrapper > div form.register-form > div > span > a#forgot-password {
    margin-bottom: 20px;
    line-height: 1.2em;
  }
  div#register-login-wrapper > div#login-forms-wrapper > div form.register-form > div > span > button#submit, div#login-login-wrapper > div#login-forms-wrapper > div form.register-form > div > span > button#submit {
    max-width: none;
    margin-top: 20px;
  }
}
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #CCC;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #CCC;
  opacity: 1;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #CCC;
  opacity: 1;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #CCC;
}

input::-ms-input-placeholder { /* Microsoft Edge */
  color: #CCC;
}

select::placeholder { /* Most modern browsers support this now. */
  color: #CCC;
}

select::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #CCC;
}

select:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #CCC;
  opacity: 1;
}

select::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #CCC;
  opacity: 1;
}

select:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #CCC;
}

select::-ms-input-placeholder { /* Microsoft Edge */
  color: #CCC;
}

select::placeholder { /* Most modern browsers support this now. */
  color: #CCC;
}

#accept_tos_label {
  white-space: normal !important;
}

/*# sourceMappingURL=register.css.map */