@media (prefers-color-scheme: dark) {
  body,
  .bg-secondary,
  .card-body {
    background-color: #222 !important;
    color: #ccc !important;
  }

  .card {
    border: 0px;
  }

  .btn-primary {
    color: #ccc !important;
    background-color: #00657a !important;
    border-color: #00657a !important;
  }

  .btn-primary:hover {
    color: #ccc !important;
    background-color: #004e5e !important;
    border-color: #004e5e !important;
  }

  .alert-danger {
    background-color: #800000 !important;
    border-color: #4e0000 !important;
    color: #ccc !important;
  }

  .loginlogo {
    filter: brightness(0) invert(1);
  }

  .card .form-group label,
  .form-group label {
    color: #ccc !important;
  }

  .form-control {
    background-color: #333 !important;
    color: #ccc !important;
    border-color: #555 !important;
  }

  .featured_login_head,
  .featured_login {
    background-color: #222 !important;
    color: #ccc !important;
  }

  .featured_img {
    content:url(../img/nuxoa_dark.png)!important;
  }

}