.general-form {
  width: 240px;
  padding: 40px 30px;
  background-color: var(--white);
  border-radius: 10px;
  box-shadow: 0 8px 20px var(--shadow-color);
  margin: 0 auto;
  text-align: center;
}

.remember-login-checkbox {
  margin-top: 10px;
  margin-left: -20px;
  accent-color: var(--primary-hover);
}

/* Text box */
.password-wrapper input, input, select {
  border: 2px solid var(--primary-color);
  border-radius: 10px;
  padding: 6px 40px 6px 10px;
  font-size: 14px;
  background-color: var(--white);
}

.password-wrapper input:focus, input:focus, select:focus {
  border-color: var(--primary-hover);
  outline: none;
  box-shadow: 0 0 5px var(--primary-hover);
}

/* Show password */
.password-wrapper {
  position: relative;
  width: fit-content;
  display: inline-block;
}

.password-wrapper .fa-eye,
.password-wrapper .fa-eye-slash,
.table-password-wrapper .fa-eye,
.table-password-wrapper .fa-eye-slash {
  position: absolute;
  top: 32%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
  color: var(--eye-color);
}

.table-password-wrapper {
  position: relative;
  width: fit-content;
  display: inline-block;
  top: 10px;
}

.table-password-wrapper .fa-eye,
.table-password-wrapper .fa-eye-slash {
  top: 32%;
}

.password-field {
  position: relative;
}

.toggle-password {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
  color: var(--eye-color);
}

.result {
  display: block;
  text-align: center;
  margin-top: 10px;
  height: 0px;
  color: var(--text-color);
}

.res-borrow {
  display: block;
  text-align: center;
  margin-bottom: 20px;
  height: 0px;
  color: var(--text-color);
}

.return-tool {
  display: block;
  text-align: center;
  color: var(--text-color);
  margin-top: 5px;
  height: 30px;
}

/* Error and warning messages */
.input-error {
  color: var(--error-color);
  font-size: 12px;
  display: block;
  margin-top: 2px;
  height: 16px;
}

.input-warning {
  color: var(--warning-color);
  font-size: 12px;
  display: block;
  margin-top: 2px;
  height: 16px;
}

/* Responsive adjustments, for smaler sceens e.g. mobile */
@media (max-width: 768px) {
  .table-password-wrapper input {
    width: 100%;
    font-size: 12px;
    padding-right: 28px;
    box-sizing: border-box;
  }
  
  .table-password-wrapper .fa-eye,
  .table-password-wrapper .fa-eye-slash {
    right: 7px;
  }
}