@font-face {
  font-family: "Comfortaa";
  src: url("/logos/comfortaa.ttf") format("truetype");
  font-weight: 300 700;
  font-display: swap;
}

#root .login {
  background-color: #2f0d0b;
}

#root .login-sd {
  background-color: rgba(47, 13, 11, 0.93);
  border-left: 1px solid rgba(212, 235, 0, 0.35);
  border-right: 1px solid rgba(212, 235, 0, 0.35);
}

#root .login-logo {
  background-color: #035644;
}

#root .login-title {
  text-shadow: none;
}

#root .login-title .text-h6 {
  color: #c3e7c1 !important;
  font-family: "Comfortaa", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

#root .login-title .text-h6::before {
  content: "Lesaka Unity · ";
  color: #d4eb00;
}

#root .login-subtitle {
  color: #c3e7c1;
  text-shadow: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  background-image: linear-gradient(180deg, transparent, rgba(3, 86, 68, 0.45));
  border-bottom: 1px solid rgba(212, 235, 0, 0.3);
}

#root .login-subtitle .text-subtitle-1,
#root .login-subtitle .subtitle-1,
#root .login-subtitle .body-2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
}

#root .login-form,
#root .login-info,
#root .login-list {
  border-top: 1px solid rgba(212, 235, 0, 0.15);
}

#root .login-info {
  background-color: rgba(3, 86, 68, 0.35);
  border-bottom: 1px solid rgba(212, 235, 0, 0.15);
  color: #c3e7c1;
}

#root .login-sd .v-text-field--solo > .v-input__control > .v-input__slot {
  background: #ffffff;
}

#root .login-sd .v-input .v-icon {
  color: #035644 !important;
}

#root .login-sd .v-btn.v-btn--contained {
  background-color: #d4eb00 !important;
  border-color: #d4eb00 !important;
  color: #2f0d0b !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}

#root .login-sd .v-btn.v-btn--contained:hover {
  background-color: #c3e7c1 !important;
  border-color: #c3e7c1 !important;
}

#root .login-sd .v-btn.v-btn--text,
#root .login-sd .v-btn.v-btn--text .v-btn__content,
#root .login-sd .caption,
#root .login-sd .body-2 {
  color: #c3e7c1 !important;
}

#root .login-sd .login-list .v-btn {
  background-color: #035644 !important;
  color: #c3e7c1 !important;
}

#root .login-sd .login-list .v-btn:hover {
  color: #2f0d0b !important;
}

#root .login-sd .subtitle-1,
#root .login-sd .subtitle-2 {
  color: #d4eb00 !important;
}

#root .login-sd .login-tfa {
  background-color: #2f0d0b;
  border-color: #035644;
  color: #c3e7c1 !important;
}