* {
  color: white !important;
}

div {
  color: white !important;
}

input {
  color: #2e2e2e !important;
}
i {
  font-size: 3vh;
}
.flags {
  font-size: 3vh;
}
/* Adjustments to make the logo appear on the right */
.navbar-brand {
  margin-left: auto;
}

body {
  background-color: #2e2e2e;
  background-image: url("../img/t-01X.png");
  background-repeat: no-repeat;
  background-size: 20% 125%;
  background-position: top left;
  background-blend-mode: soft-light;
  min-height: 100vh;
}

.navbar {
  /* background-color: #2e2e2e; */
}

.forgot-password {
  color: white;
  /* Change text color of forgot password link */
  text-decoration: underline;
  /* Add underline to link */
  cursor: pointer;
  /* Change cursor to pointer on hover */
}

.nav-tabs .nav-link.active {
  color: #2e2e2e !important;
  /* Change the color to white */
}

.swal2-modal * {
  color: #2e2e2e !important;
}
.swal2-modal button {
  color: white !important;
}
@media screen and (max-width:991px) {
  body{
    background-size: 30% 125%;
  }

}
@media screen and (max-width:768px) {
  body{
    background-size: 35% 125%;
  }
}
@media screen and (max-width:468px) {
  body{
    background-size: 40% 125%;
  }
}