body {
  background-color: rgb(32 32 32);
}

.app-page {
  background-color: rgb(32 32 32);
}

@media (min-width:1024px) {
  .app-page {
    background-color:rgb(32 32 32/var(--tw-bg-opacity));
  }
}

.app-container {
  background-color:rgb(32 32 55/var(--tw-bg-opacity));
}

.logo-col-txt {
  display: none;
}

.app-inp-lbl {
  display: none;
  color: rgb(161 161 161/var(--tw-text-opacity))
}

.app-login-btn-box {
  border-color:rgb(90 90 90/var(--tw-border-opacity))
}

.app-login-btn-txt {
  background-color:rgb(45 45 45/var(--tw-bg-opacity));
  color: rgb(218 218 218);
}

.app-login-btn-txt:hover {
  background-color:rgb(56 56 56/var(--tw-bg-opacity))
}

.app-portal-btn-box {
  border-color:rgb(32 67 160/var(--tw-border-opacity))
}

.app-portal-btn-img {
  background-color: rgb(32 32 32);
  color: rgb(218 218 218)
}

.app-portal-btn-txt {
  color: rgb(218 218 218);
}

.app-portal-btn-txt:hover {
  background-color:rgb(49 49 72/var(--tw-bg-opacity))
}

.h-full {
  background-color: rgb(32 32 32);
}

.text-\[\#f6f8fa\] {
  color:rgb(171 171 171/var(--tw-text-opacity))
}

.text-\[white\] {
  color: rgb(255 255 255);
  opacity: 75%;
}

#qrcode {
  box-shadow: none;
  filter: invert(84%);
}

.bg-\[\#24292f\] {
  background-color: rgb(48, 48, 48);
}

.bg-\[\#e53935\] {
  background-color: rgb(23 23 23);
  background-image: url(/assets/images/gbg.png)
}

.logo-img {
  pointer-events: none;
}