@media (prefers-color-scheme: dark) {
  /* Dark theme styles go here */
  body {
      color: #a4a4a4;
      background-color: #0b1222;
  }
  .light {display: none}

  a {
    color: #0083e2;
  }
  a:hover {
      color: #b8b8b8;
  }


  .card {
      background-color: #0a1d3d;
      border: 1px solid rgba(255, 255, 255, 0.1);
  }
  .list-group-item {
      border: 1px solid rgba(255, 255, 255, 0.1);
      background-color: inherit;
      color: inherit;
  }
  .list-group-item.active {

  }
  .list-group .list-group-item:hover,
  .list-group-item-info  {
      background-color: #0f1729;
      color: rgb(212, 212, 212);
  }

  .list-group-item-secondary {
      color: #d7d7d7;
      background-color: rgba(214, 216, 219, 0.15);
  }
  .dropdown-item:focus, .dropdown-item:hover,
  .list-group-item.list-group-item:hover,
  .drop-highlight,
  .list-group-item-info {
    background-color: #0a1d3d;
  }


  .dropdown-menu {
      color: #7c7e81;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background-color: #0f1729;
  }
  .dropdown-item {
      color: inherit;
  }
  .dropdown-divider {
      border-top: 1px solid #5b5c5d;
  }

  .dropdown-item.active, .dropdown-item.active:hover, .dropdown-item:active {
      color: #dadada;
      background-color: rgba(0, 79, 200, 0.99);
  }

  .dropdown-item:focus, .dropdown-item:hover {
      background-color: #aaaaaa;
      background-color: inherit;
      color: #dadada;
  }



  .breadcrumb {
      background-color: rgba(14, 27, 50, 1);
  }

  .nav-tabs {
      border-bottom: 1px solid #dee2e6;
      border-bottom: 1px solid 1px solid rgba(255, 0, 0, 0.1)!important;
  }
  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #bbbbbb;
      border-bottom-color: #0b1222;
      background-color: #0b1222;
  }



  .bg-warning {
      background-color: #e2b700;
  }
  .bg-primary {
      background-color: rgba(19, 109, 247, 0.99);
  }
  .bg-secondary {
      background-color: #6c757d;
  }
  .bg-info, .bg-primary, .bg-secondary, .bg-warning {
    color: #000;
  }

  .btn-outline-info {
      color: #86b7fe;
      border-color: #86b7fe;
  }


  @keyframes wait-badge {
    0%   {background-color:#464b4f;}
    50%  {background-color:#5b6369;}
    100% {background-color:#464b4f;}
  }
  .badge.waiting {
    background-color: #464b4f;
  }


  .table, .table td, .table th {
      color: #7c7e81;
      border-color: #424242!important;
  }


  .border-right {
      border-right: 1px solid rgba(255, 255, 255, 0.1)!important;
  }

  .test-results td,
  .test-results th {
    border-color: #5b5c5d!important;
  }

  .table thead th {
      border-bottom: 2px solid #5b5c5d;
  }

  .test-results tr:last-child td {
      border-bottom: none;
  }
  .test-results td {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    color: #7c7e81;
  }

  .test-results td.disabled {
    background-color: inherit;
  }

  .table-striped tbody tr:nth-of-type(odd) {
      background-color: rgba(14, 27, 50, 1);
  }
  @keyframes highlight {
    from {background-color: yellow}
    to   {background-color: inherit}
  }

  .table-danger, .table-danger > td, .table-danger > th {
      background-color: #c3211e!important;
  }
  .table-warning, .table-warning > td, .table-warning > th {
      background-color: #d19b00!important;
  }
  .table-success, .table-success > td, .table-success > th {
    background-color: #28a745!important;
  }
  .table-success, .table-success > td, .table-success > th,
  .table-warning, .table-warning > td, .table-warning > th,
  .table-danger, .table-danger > td, .table-danger > th
   {
      color: #0b1222!important;
  }
  .table-warning a, .table-danger a{
    color: black;
  }
  .text-danger {
      color: #ff3649!important;
  }
  .text-success {
      color: #1ad745!important;
  }
  .text-warning {
      color: #f2c401!important;
  }

  .test-results tr.current td {
    background-color: #29395b;
  }


  .border-left-2 {
    border-left: 2px solid #5b5c5d;
  }
  .test-results td {
      font-weight: normal;
      /* letter-spacing: 0.5px; */
  }
  @keyframes wait {
    0%  {background-color:rgba(255,255,255,0.05);}
    50%   {background-color:#0b1222;}
    100%  {background-color:rgba(255,255,255,0.05);}
  }
  .test-results .waiting {
    background-color: rgba(255,255,255,0.05);
  }


  .select2-container--default .select2-selection--multiple,
  .select2-dropdown  {
      color: #a19f9f;
      background-color: #0b1222;
      border: 1px solid #424242;
      border-radius: 4px;
  }
  .select2-container--default .select2-selection--multiple {
      cursor: text;
  }

  .select2-container--default:focus,
  .select2-selection--multiple:focus,
  .select2-container--default.select2-container--focus .select2-selection--multiple  {
    color: #d5d5d5;
    background-color: #161616;
    border: 1px solid #80bdff;
    border-top: none;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
    border-radius: 4px;
    }

  .select2-results__option {
    background-color: #161616;
  }


  .select2-container--default .select2-selection--multiple .select2-selection__choice {
      background-color: #585858;
  }

.qr_image {
  filter: invert(1);
}



  .login {
      background-color: #0a1d3d;
  }
  bootstrap.min.css
  .border {
      border: 1px solid #323232!important;
  }
  .form-control {
      color: #a19f9f;
      background-color: #0b1222;
      border: 1px solid #424242;
  }
  .form-control:focus {
      color: #d5d5d5;
      background-color: #161616;
  }



  div.question_details_container {
    background-color: #1f2b40;
    color: rgb(153, 186, 218);
  }
  .my_list > li.new {
    background-color: #fff3cd;
    background-color: #29395b;
}

  .close {
      color: rgb(153, 186, 218);
  }
  .close:hover {
      color: #fbfbfe;
      text-shadow: 0 0 5px #fff;
  }


  img.test-edit-q {
    filter: invert(1);
  }

  .input-group-text {
      color: #bcc0c4;
      background-color: #29395b;
      border: 1px solid #435886;
  }

  .modal-content {
      background-color: #0f1729;;
  }





  .alert-warning {
      color: #ccc1a8;
      background-color: #505056;
      border-color: #c2a240;
  }
  .alert-primary {
    color: #bfd4eb;
    background-color: #4165a6;
    border-color: #8692a7;
  }

  .alert-danger {
    color: #edeaea;
    background-color: rgba(221, 53, 69, 0.7);
    border-color: #dc3545;
  }
  .page-link:hover, .btn-secondary:hover, .btn-outline-secondary,
  .list-group-item.active,
  button.answer {
      color: #bfd4eb;
      background-color: #29395b;
      border-color: rgba(255, 255, 255, 0.1);
  }
  .page-link, .btn-secondary {
      color: #0056b3;
      background-color: #0f1729;
      border: 1px solid rgba(255, 255, 255, 0.1);
  }
  .btn-outline-secondary:hover,
  .list-group-item.active:hover,
  button.answer:hover, table.answer tr:hover button.answer{
      color: #bfd4eb;
      background-color: #4165a6;
      border: 1px solid rgba(255, 255, 255, 0.1);
  }
  .page-item.disabled .page-link {
      color: #616161;
      background-color: #0f1729;
      border-color: rgba(255, 255, 255, 0.1);
  }

  .custom-control-label::before {
      background-color: #0b1222;
  }
  button.given {
    background-color: #4165a6;
  }

  .toast-header {
      color: #dbe4ec;
      background-color: #4165a6;
      border-bottom: none;
  }
  .toast-body {
      background-color: #29395b;
  }

  .progress {
      background-color: #29395b;
  }

  .select2-container .select2-search--inline .select2-search__field {
      color: #a19f9f;
  }

  .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
  }

  .list_subjects .error {
      background-color: inherit;
  }

  .accordion-button {
    color: #a4a4a4;
    border-bottom-color: rgba(255, 255, 255, 0.25);
    border-bottom-width: 1px!important;
  }
  .accordion-button:not(.collapsed) {
    color: white;
    background-color: #1f2b40;
  }

  .accordion-button::after {
    filter: brightness(4);
  }
  .accordion-button:not(.collapsed)::after {
      filter: brightness(10) grayscale(1);
  }

  .test-results td.viewing {
    background-color: rgb(0, 118, 203);
  }
}