body, div, span {
  font-family: "Kollektif";
}

input {
  padding: 5px;
  font-size: 16px;
  font-family: "Kollektif";
}

button {
  padding: 10px;
  font-size: 16px;
  font-family: "Kollektif";
}

input::-webkit-input-placeholder {
  font-family: "Kollektif";
}

input:-ms-input-placeholder {
  font-family: "Kollektif";
}

input:-moz-placeholder {
  font-family: "Kollektif";
}

input::-moz-placeholder {
  font-family: "Kollektif";
}

.primarytitle {
  display: block;
  font-size: 2em;
  font-weight: bold;
  margin-top: 15px;
  margin-left: 10px;
}

.tabs {
  display: flex;
  position: relative;
  background-color: white;
  width: auto;
  padding: 2px;
  height: 42px;
  overflow: hidden;
  border-radius: 99px;
  border: 2px solid #2779A7;
}
.tabs * {
  z-index: 2;
}
.tabs input[type=radio] {
  display: none;
}
.tabs .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - 4px);
  width: 33.3333333333%;
  font-size: 16px;
  font-weight: 500;
  border-radius: 99px;
  cursor: pointer;
  transition: color 0.15s ease-in;
  color: #2779A7;
}
.tabs .glider {
  content: " ";
  position: absolute;
  display: flex;
  height: calc(100% - 4px);
  width: calc(33.3333333333% - 1px);
  background-color: #2779A7;
  z-index: 1;
  border-radius: 99px;
  transition: 0.25s ease-out;
}
.tabs input[type=radio]:checked + label {
  margin-top: 3px;
  color: white;
}
.tabs input:nth-child(1):checked ~ .glider {
  transform: translateX(0%);
}
.tabs input:nth-child(2):checked ~ .glider {
  transform: translateX(50%);
}
.tabs input:nth-child(3):checked ~ .glider {
  transform: translateX(100%);
}
.tabs input:nth-child(4):checked ~ .glider {
  transform: translateX(150%);
}
.tabs input:nth-child(5):checked ~ .glider {
  transform: translateX(200%);
}
.tabs input:nth-child(6):checked ~ .glider {
  transform: translateX(250%);
}
.tabs input:nth-child(7):checked ~ .glider {
  transform: translateX(300%);
}
.tabs input:nth-child(8):checked ~ .glider {
  transform: translateX(350%);
}
.tabs input:nth-child(9):checked ~ .glider {
  transform: translateX(400%);
}
.tabs input:nth-child(10):checked ~ .glider {
  transform: translateX(450%);
}
.tabs.tabs-2 .tab {
  margin-top: 3px;
  width: calc(100% / 2);
}
.tabs.tabs-2 .glider {
  width: calc(100% / 2 - 2px);
}
.tabs.tabs-3 .tab {
  margin-top: 3px;
  width: calc(100% / 3);
}
.tabs.tabs-3 .glider {
  width: calc(100% / 3 - 2px);
}
.tabs.tabs-4 .tab {
  margin-top: 3px;
  width: calc(100% / 4);
}
.tabs.tabs-4 .glider {
  width: calc(100% / 4 - 2px);
}
.tabs.tabs-5 .tab {
  margin-top: 3px;
  width: calc(100% / 5);
}
.tabs.tabs-5 .glider {
  width: calc(100% / 5 - 2px);
}
.tabs.tabs-6 .tab {
  margin-top: 3px;
  width: calc(100% / 6);
}
.tabs.tabs-6 .glider {
  width: calc(100% / 6 - 2px);
}
.tabs.tabs-7 .tab {
  margin-top: 3px;
  width: calc(100% / 7);
}
.tabs.tabs-7 .glider {
  width: calc(100% / 7 - 2px);
}
.tabs.tabs-8 .tab {
  margin-top: 3px;
  width: calc(100% / 8);
}
.tabs.tabs-8 .glider {
  width: calc(100% / 8 - 2px);
}
.tabs.tabs-9 .tab {
  margin-top: 3px;
  width: calc(100% / 9);
}
.tabs.tabs-9 .glider {
  width: calc(100% / 9 - 2px);
}
.tabs.tabs-10 .tab {
  margin-top: 3px;
  width: calc(100% / 10);
}
.tabs.tabs-10 .glider {
  width: calc(100% / 10 - 2px);
}

.form-field, .form-fieldemail {
  display: flex;
  flex-direction: column;
}
.form-field label, .form-fieldemail label {
  margin-left: 10px;
  font-weight: bold;
  margin-bottom: 5px;
}
.form-field input[type=email],
.form-field input[type=text],
.form-field input[type=password], .form-fieldemail input[type=email],
.form-fieldemail input[type=text],
.form-fieldemail input[type=password] {
  padding: 10px;
  border-radius: 20px;
  border: none;
  border: 1px solid #ced4da;
}
.form-field input[type=email]::placeholder,
.form-field input[type=text]::placeholder,
.form-field input[type=password]::placeholder, .form-fieldemail input[type=email]::placeholder,
.form-fieldemail input[type=text]::placeholder,
.form-fieldemail input[type=password]::placeholder {
  color: #a1a1a1;
}

.form-field {
  margin-bottom: 30px;
}

.form-fieldemail {
  margin-bottom: 30px;
}

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

.square {
  position: relative;
  width: 992px;
  height: 589px;
  background-color: white;
  border-radius: 20px;
  display: flex;
}
.square.hide {
  display: none;
}

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

.logo {
  background-color: #2779A7;
  border-radius: 20px;
  width: 97%;
  height: 97%;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.midlogo {
  text-align: center;
}
.midlogo img {
  display: inline-block;
  width: 384px;
  height: 62px;
  margin: 15px;
}
.midlogo .underlogo {
  display: inline-block;
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.midlogo .underlogobig {
  width: 100%;
  display: inline-block;
  color: #FFF;
  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;
}
.form-wrapper .formdata .form-field input[type=email],
.form-wrapper .formdata .form-field input[type=password], .form-wrapper .formdata .form-fieldemail input[type=email],
.form-wrapper .formdata .form-fieldemail input[type=password], .form-wrapper .forgetdata .form-field input[type=email],
.form-wrapper .forgetdata .form-field input[type=password], .form-wrapper .forgetdata .form-fieldemail input[type=email],
.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=email]::placeholder,
.form-wrapper .formdata .form-field input[type=password]::placeholder, .form-wrapper .formdata .form-fieldemail input[type=email]::placeholder,
.form-wrapper .formdata .form-fieldemail input[type=password]::placeholder, .form-wrapper .forgetdata .form-field input[type=email]::placeholder,
.form-wrapper .forgetdata .form-field input[type=password]::placeholder, .form-wrapper .forgetdata .form-fieldemail input[type=email]::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 {
  background-color: #2779A7;
  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: #1d5b7e;
}
.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: #7e2a80;
}
.form-wrapper .formdata .forgot-password-link, .form-wrapper .forgetdata .forgot-password-link {
  color: #2779A7;
  text-decoration: underline;
  margin-top: 45px;
  text-align: center;
}
.form-wrapper .formdata .forgot-password-link:hover, .form-wrapper .forgetdata .forgot-password-link:hover {
  color: #1d5b7e;
}

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

.langselector {
  color: #3F3844;
  position: absolute;
  top: 15px;
  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 {
  text-decoration: underline;
}

textarea {
  resize: none;
  width: 100%;
  field-sizing: content;
}

/*# sourceMappingURL=index.css.map */