.loginCard {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}

@media (min-width: 0em) and (max-width: 61.9375em) {
  .loginCard {
    /* background-image: url(/images/loginfooter.png?6848fc27eafce156e50fa62b4625b3e7); */
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto;
  }
}

.card-content {
  width: 100%;
}

.loginbanner {
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f5c521;
}

@media (min-width: 62em) {
  .loginbanner {
    display: none;
  }
}

.tfbanner {
  width: 100%;
  max-width: 800px;
  display: block;
}

@media (min-width: 36em) and (max-width: 74.9375em) {
  .header-navbar {
    width: calc(100% - 65px) !important;
  }
}

.lineAt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 25px;
  height: 25px;
}

.lineAt img {
  display: block;
  width: 100%;
}

@media (min-width: 36em) {
  .lineAt {
    display: none;
  }
}

@media (min-width: 0em) and (max-width: 61.9375em) {
  .btn {
    margin-bottom: 10px !important;
  }
}

.main-menu-content {
  overflow: auto;
}

.mauto {
  margin: 0 auto !important;
}