.java-login-panel-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.java-login-panel {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 50px 150px;
  width: 400px;
}

.java-login-form div {
  display: flex;
}

.login-input label {
  width: 40%;
}

.login-input:nth-child(1) {
  padding-top: 25px;
}

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

.java-login-form {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
}

.small-login-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.login-btn {
  text-align: center;
  font-size: 16px;
  margin: 25px 0px;
  cursor: pointer;
}

.error {
  align-items: center;
  color: red;
}

.error-image {
  align-self: center;
}

#login-body {
  overflow: hidden;
}

.login-image-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
}

.login-image {
  position: relative;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  left: -50%;
}

.password-reset-container {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-bottom: 10px;
}
.password-reset {
  flex-direction: column;
  width: 100%;
  justify-content: center;
  padding: 10px;
}

.password-reset-successful {
  background-color: rgba(89, 226, 89, 0.7);
}

.password-reset-unsuccessful {
  background-color: rgba(226, 33, 33, 0.7);
}

.darken-overlay {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.login-panel-root {
  position: absolute;
  left: 50%;
}

.passwort-requirements-error {
  font-size: 15px;
  font-weight: bold;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
  border-color: red;
}