@charset "UTF-8";

:root {
  --color-bg:        #003DA5;
  --color-primary:   #002855;
  --color-accent:    #5bc2e7;
  --color-footer-bg: #013388;
  --color-focus:     #0055A5;
  --color-error:     red;
  --color-error-bg:  #fbd9d3;
  --color-success:   green;
  --color-success-bg:#d3fbd9;
  --radius:          6px;
  --input-font-size: 18px;
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--color-bg);
  text-align: center;
  color: #fff;
}

.v1.soza .page.forgot-pwd {
  width: auto;
  max-width: 1100px;
  margin: 10px auto;
}
.forgot-pwd .logo {
  padding: 50px 50px 20px 50px;
}
.forgot-pwd .logo img {
  max-width: 350px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.content-container {
  padding: 20px 0;
}
.forgot-pwd .content-container {
  padding-bottom: 80px;
}

.fp-container {
  width: 350px;
  margin: 0 auto;
  padding: 5px;
  font-family: Arial, sans-serif;
}
.fp-container input,
.fp-container button {
  font-family: inherit;
}

.fp-title {
  font-weight: bold;
  font-size: 21px;
  text-align: center;
  margin: 0;
  color: var(--color-accent);
}

.fp-form-row {
  margin-bottom: 12px;
}
.fp-form-row:first-of-type {
  padding-top: 20px;
}
.fp-form-row input.um-input {
  width: 100%;
  padding: 10px 30px 10px 16px;
  font-size: var(--input-font-size);
  border: 1px solid #bbb;
  border-radius: var(--radius);
  color: #555;
}
.fp-form-row input.um-input:focus {
  outline: none;
  border-color: var(--color-focus);
}

.forgot-pwd .actions {
  width: 100%;
}
.fp-submit {
  display: block;
  width: 100%;
  background-color: var(--color-primary);
  color: #fff;
  border: none;
  font-size: var(--input-font-size);
  padding: 10px;
  border-radius: var(--radius);
  margin-top: 10px;
  cursor: pointer;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
}

.forgot-pwd .fp-message.error,
.forgot-pwd .fp-message.success {
  font-size: 20px;
  font-weight: normal;
  border-style: none;
  border-radius: var(--radius);
  padding: 10px;
  margin-top: 10px;
  word-wrap: break-word;
}
.forgot-pwd .fp-message.error {
  color: var(--color-error);
  border-color: var(--color-error);
  background-color: var(--color-error-bg);
}
.forgot-pwd .fp-message.success {
  color: var(--color-success);
  border-color: var(--color-success);
  background-color: var(--color-success-bg);
}

.fp-back {
  margin-top: 12px;
  text-align: center;
}
.fp-back a {
  color: #fff;
}

.fp-hint {
  color: #fff;
  margin-top: 30px;
  text-align: left;
}

.footer {
  color: var(--color-accent);
  background-color: var(--color-footer-bg);
  font-size: 12px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 29px;
  padding: 20px 0;
  box-sizing: content-box;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .v1.soza .page.forgot-pwd {
    width: 100%;
    max-width: none;
    margin: 0;
  }
  .fp-container {
    width: 100%;
    padding: 0;
  }
  .forgot-pwd .content-container {
    padding: 14px 14px 80px 14px;
    min-height: unset;
  }
}