a {
  color: #03ABA8;
}

a:hover {
  color: var(--dark-green);
}

.registration-container {
  background-color: #f5f5f5;
  height: 100%;
  display: block;
}

#registraion-hamutuk-logo {
  height: 200px;
  margin: 60px auto;
}

.change-password-card {
  text-align: left;
  margin-top: 30px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(0, 136, 133);
  padding: 25px;
}

#organisation-background ul > li {
  list-style: circle;
  font-size: 12px;
  color: var(--dark-border);
  line-height: 1.4;
  margin: 20px;
}

.hamutuk-brand {
  margin-left: 35px;
  padding: 10px;
}

.hamutuk-brand > img {
  max-height: 60px;
}

#change-password-button {
  margin-right: 0px;
  border-radius: 4px;
  border: none;
  padding: 10px;
  font-size: 14px;
  font-weight: 600;
  background-color: var(--dark-green);
  color: #fff;
  margin-top: 10px;
}

.logout-card {
  text-align: left;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(0, 136, 133);
  border: 1px solid #DFE3E4;
  padding: 30px;
  margin-top: 100px;
}

.logout-title {
  font-size: 16px;
  color: var(--dark-border);
  font-weight: 400;
  margin-bottom: 40px;
  margin-top: 10px;
  text-align: left;
}
.signin-button-container {
  padding-top: 20px;
}
.submit-button {
  background-color: var(--dark-green);
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  padding: 10px;
  border-style: none;
  border: 0px;
  min-width: 100px;
  float: right;
}

.log-in-again-message {
  font-size: 14px;
}

.log-in-again-text {
  color: #03ABA8;
  margin-left: 10px;
}

#change-password-button:hover, .submit-button:hover {
  background-color: #03ABA8;
  color: #fff;
}

/* Styling for input elements */
.registration_content input:not([type="submit"]) {
  border-radius: 2px;
  border: 1px solid #DFE3E4;
  background: #fbfbfb;
  outline: none;
  color: var(--dark-border);
  width: 100%;
  margin-bottom: -1px;
  padding: 11px;
}

/* Focus for the input elements if input element is active */
.login-form .control-form:focus {
  z-index: 2;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(0, 136, 133);
  border-radius: 4px;
  border: 1px solid var(--dark-green);
  background-color: #fff;
  color: var(--dark-green);
  outline: none;
  position: sticky;
}

.form-row > ul {
  list-style: none;
}

.login-card {
  position: relative;
  text-align: left;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(0, 136, 133);
  padding: 30px;
}

.login-input-field {
  margin-left: 0px;
}

.row.login-input {
    padding-bottom: 10px;
}

.submit-row {
  float: right;
}

.password-reset-link > a {
  position: relative;
  top: 10px;
}

ul.animated.bounce {
  padding-left: 0px;
}

.registration_content .errornote, .errorlist {
  font-size: 13px;
  font-weight: 600;
  color: #c0392b;
  background-color: #f2dede;
  padding: 5px;
  text-align: center;
  margin-top: 10px;
}

.errorlist > li {
  color: #c0392b;
  text-align: center;
  list-style: none;
  font-size: 13px;
  font-weight: 600;
}

.show-errors {
  font-size: 13px;
  font-weight: 600;
  color: #c0392b;
  background-color: #f2dede;
  padding: 5px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: -10px;
}

.reset-label {
  text-align: left;
}

.reset-password-card {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px 30px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(0, 136, 133);
  margin-top: 100px;
}

#id_email::placeholder, .reg-password-input > input::placeholder {
  font-weight: 600;
  color: var(--dark-border);
  font-size: 14px;
}

#id_email:focus, .reg-password-input > input:focus {
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(0, 136, 133);
  border-radius: 4px;
  border: 1px solid var(--dark-green);
  background-color: #fff;
  color: var(--dark-green);
  outline: none;
}

.reset-instructions {
  font-size: 16px;
  font-weight: 600;
  color: var(--dark-border);
  text-align: left;
  line-height: 1.4;
  text-align: left;
}

.reset-label {
  font-weight: 600;
  font-size: 14px;
  margin-top: 30px;
}

.reset-label, .reset-label > label {
  margin: 0px;
}

.form-row > ul {
  margin: 0px;
  padding-left: 0px;
}

.reg-password-label {
  margin-top: 20px;
}

.reg-password-input input {
  width: 100%;
}

.reset-button, .change-button {
  float: right;
  margin-top: -10px;
}

.reset-password-card > form {
  margin-top: 20px;
}

.registration-instructions {
  font-size: 16px;
  font-weight: 600;
  color: var(--dark-border);
  text-align: left;
  line-height: 1.2;
}

.reg-password-input {
  margin-bottom: 20px;
}

.submit-button:active {
  outline: var(--dark-green);
}

#hamutuk-symbol {
  margin-top: 60px;
  margin-bottom: 60px;
  text-align: center;
}

.sign-in-title {
  text-align: center;
  border-bottom: 1px solid #DFE3E4;
  padding: 10px 0;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 25px;
}

.sign-out-title {
  text-align: center;
  border-bottom: 1px solid #DFE3E4;
  padding: 10px 0;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 25px;
}

.catalpa-disclaimer > p {
  position: relative;
  font-size: 14px;
  text-align: center;
}

.login-disclaimer > p {
  top: -315px;
}

.change-password-disclaimer > p {
  top: 45%;
  margin-top: 20px;
}

.logout-disclaimer {
  margin-top: 30px;
}

p.align-text {
  text-align: justify;
  padding-bottom: 15px;
}

.top-padding {
  padding-top: 55px;
}