/*#E8E6E5;*/
.container {
  width: 100%;
  height: 100vh;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.square {
  position: relative;
  width: 992px;
  height: 589px;
  border-radius: 20px;
  display: flex;
  border: 2px solid #008539;
  box-shadow: 2px 2px 2px grey;
}

.half {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #4B4B4B;
}

.logo {
  background-color: white;
  border-radius: 20px;
  width: 97%;
  height: 97%;
  color: #008539;
  display: flex;
  justify-content: start;
  align-items: center;
  font-weight: bold;
}

.midlogo {
  text-align: center;
  height: 300px;
}
.midlogo img {
  display: inline-block;
  width: 400px;
  height: 180px;
  margin: 15px;
}
.midlogo .underlogo {
  display: inline-block;
  color: #008539;
  text-align: start;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-weight: bold;
  width: 397px;
  font-size: 22px;
}
.midlogo .underlogobig {
  width: 100%;
  display: inline-block;
  color: #008539;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.login {
  background-color: white;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.footer {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 738px;
  height: 90px;
  background-color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.footer img {
  height: 52px;
  width: auto;
  padding: 15px;
  background: white;
  display: inline-block;
}
.footer .logoandalucia {
  height: 35px;
  margin-bottom: 10px;
}
.footer .loginta {
  margin-left: 20px;
}
@media (max-height: 800px) {
  .footer {
    width: 369px;
    height: 45px;
  }
  .footer img {
    height: 26px;
    padding: 7.5px;
    border-radius: 0;
  }
  .footer .logoandalucia {
    height: 17.5px;
    margin-bottom: 5px;
  }
  .footer .loginta {
    margin-left: 10px;
  }
}

.form-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.form-wrapper .formdata, .form-wrapper .forgetdata {
  width: 346px;
  background-color: white;
  padding: 20px;
  border-radius: 20px;
}
.form-wrapper .formdata .form-field, .form-wrapper .formdata .form-fieldemail, .form-wrapper .forgetdata .form-field, .form-wrapper .forgetdata .form-fieldemail {
  display: flex;
  flex-direction: column;
}
.form-wrapper .formdata .form-field label, .form-wrapper .formdata .form-fieldemail label, .form-wrapper .forgetdata .form-field label, .form-wrapper .forgetdata .form-fieldemail label {
  margin-left: 10px;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 16px;
}
.form-wrapper .formdata .form-field input[type=text],
.form-wrapper .formdata .form-field input[type=password], .form-wrapper .formdata .form-fieldemail input[type=text],
.form-wrapper .formdata .form-fieldemail input[type=password], .form-wrapper .forgetdata .form-field input[type=text],
.form-wrapper .forgetdata .form-field input[type=password], .form-wrapper .forgetdata .form-fieldemail input[type=text],
.form-wrapper .forgetdata .form-fieldemail input[type=password] {
  padding: 10px;
  border-radius: 20px;
  border: none;
  border: 1px solid #ced4da;
}
.form-wrapper .formdata .form-field input[type=text]::-moz-placeholder, .form-wrapper .formdata .form-field input[type=password]::-moz-placeholder, .form-wrapper .formdata .form-fieldemail input[type=text]::-moz-placeholder, .form-wrapper .formdata .form-fieldemail input[type=password]::-moz-placeholder, .form-wrapper .forgetdata .form-field input[type=text]::-moz-placeholder, .form-wrapper .forgetdata .form-field input[type=password]::-moz-placeholder, .form-wrapper .forgetdata .form-fieldemail input[type=text]::-moz-placeholder, .form-wrapper .forgetdata .form-fieldemail input[type=password]::-moz-placeholder {
  color: #a1a1a1;
}
.form-wrapper .formdata .form-field input[type=text]::placeholder,
.form-wrapper .formdata .form-field input[type=password]::placeholder, .form-wrapper .formdata .form-fieldemail input[type=text]::placeholder,
.form-wrapper .formdata .form-fieldemail input[type=password]::placeholder, .form-wrapper .forgetdata .form-field input[type=text]::placeholder,
.form-wrapper .forgetdata .form-field input[type=password]::placeholder, .form-wrapper .forgetdata .form-fieldemail input[type=text]::placeholder,
.form-wrapper .forgetdata .form-fieldemail input[type=password]::placeholder {
  color: #a1a1a1;
}
.form-wrapper .formdata .form-field, .form-wrapper .forgetdata .form-field {
  margin-bottom: 30px;
}
.form-wrapper .formdata .form-fieldemail, .form-wrapper .forgetdata .form-fieldemail {
  margin-bottom: 30px;
}
.form-wrapper .formdata .submit-btn, .form-wrapper .forgetdata .submit-btn {
  font-weight: bold;
  height: 35px;
  background-color: #008539;
  color: white;
  padding: 10px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
}
.form-wrapper .formdata .submit-btn:hover, .form-wrapper .forgetdata .submit-btn:hover {
  background-color: rgb(0, 82, 35.1428571429);
}
.form-wrapper .formdata .instrumentbtn, .form-wrapper .forgetdata .instrumentbtn {
  position: absolute;
  bottom: 10px;
  background-color: #A437A6;
  color: white;
  padding: 10px;
  font-size: 19px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  width: 346px;
}
.form-wrapper .formdata .instrumentbtn:hover, .form-wrapper .forgetdata .instrumentbtn:hover {
  background-color: rgb(126.1538461538, 42.3076923077, 127.6923076923);
}
.form-wrapper .formdata .forgot-password-link, .form-wrapper .forgetdata .forgot-password-link {
  color: #008539;
  text-decoration: underline;
  margin-top: 45px;
  text-align: center;
}
.form-wrapper .formdata .forgot-password-link:hover, .form-wrapper .forgetdata .forgot-password-link:hover {
  color: rgb(0, 82, 35.1428571429);
}

.titlerecover {
  position: absolute;
  top: -70px;
  width: 100%;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
}

.langselector {
  color: #3F3844;
  position: absolute;
  top: 5px;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
.langselector .lang {
  margin-right: 10px;
}
.langselector a {
  text-decoration: none;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
}
.langselector a.active {
  font-weight: bold;
  text-decoration: underline;
}

.error-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  margin-top: -10px;
}
.error-container .error-message {
  color: #FE0510;
  text-align: center;
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: opacity 0.3s ease-in-out;
}
.error-container.show-error .error-message {
  opacity: 1;
}/*# sourceMappingURL=login.css.map */