/* NB: Dark-theme background-color is rgb(33, 37, 41) = #212529

/* STUFF VISIBLE ONLY IN LIGHT OR DARK MODE */

[data-bs-theme="light"] {
  .dark-theme-only {
    display: none;
  }
}

[data-bs-theme="dark"] {
  .light-theme-only {
    display: none;
  }
}


/* WHITE OR BLACK SVG */

[data-bs-theme="dark"] {
  .svg-black-white {
    filter: invert(1);
  }
}


/* GENERAL TEXT COLORS */

.text-color-red {
  color: red!important;
}

[data-bs-theme="light"] {
  .text-color-orange {
    color: #f09b00!important;
  }
}
[data-bs-theme="dark"] {
  .text-color-orange {
    color: orange!important;
  }
}

[data-bs-theme="light"] {
  .text-color-green {
    color: green!important;
  }
}
[data-bs-theme="dark"] {
  .text-color-green {
    color: #66ff66!important;
  }
}

[data-bs-theme="light"] {
  .text-color-black-white {
    color: black!important;
  }
}
[data-bs-theme="dark"] {
  .text-color-black-white {
    color: white!important;
  }
}

[data-bs-theme="light"] {
  .text-color-mt-blue {
    color: #036daa!important;
  }
}
[data-bs-theme="dark"] {
  .text-color-mt-blue {
    color: #0497ec!important;
  }
}

.text-color-grey {
  color: grey!important;
}

[data-bs-theme="light"] {
  .text-color-dark-light-blue {
    color: #0000bb!important;
  }
}

[data-bs-theme="dark"] {
  .text-color-dark-light-blue {
    color: #c0c0ff!important;
  }
}

.text-color-transparent {
  color: transparent!important;
}


/* CUSTOM STUFF WITH COLORS */

[data-bs-theme="light"] {
  .home {
    background-color: #eeeeee;
    border: 1px solid #bbbbbb;
  }

  .home-stats {
    background-color: #f6f6f6;
    border: 1px solid #bbbbbb;
  }
}

[data-bs-theme="dark"] {
  .home {
    background-color: #2b2f33;
    border: 1px solid #444444;
  }

  .home-stats {
    background-color: #25292d;
    border: 1px solid #444444;
  }
}


[data-bs-theme="light"] {
  .contest-score-green {
    background-color: #ddffdd;
  }
  
  .contest-score-red {
    background-color: #ffdddd;
  }
  
  .contest-score-orange {
    background-color: #ffeecc;
  }
}

[data-bs-theme="dark"] {
  .contest-score-green {
    background-color: rgb(33, 37+40, 41);
  }
  
  .contest-score-red {
    background-color: rgb(33+40, 37, 41);
  }
  
  .contest-score-orange {
    background-color: rgb(33+30, 37+20, 41);
  }
}



[data-bs-theme="light"] {
  .basic_container {
    border:1px solid #e8e8e8;
  }
}

[data-bs-theme="dark"] {
  .basic_container {
    border:1px solid #404040;
  }
}



[data-bs-theme="light"] {
  .clue {
    background-color: #fff3cd; // same as table-ld-warning
    border: 1px solid #dddddd;
  }
}

[data-bs-theme="dark"] {
  .clue {
    background-color: #413724; // same as table-ld-warning
    border: 1px solid #555555;
  }
}



[data-bs-theme="light"] {
  .unread_message {
    background-color: #fff3cd; // same as table-ld-warning
  }
}

[data-bs-theme="dark"] {
  .unread_message {
    background-color: #413724; // same as table-ld-warning
  }
}



[data-bs-theme="light"] {
  .error {
    border: 1px solid rgb(200, 0, 0);
  }

  .error-text {
    color: rgb(200, 0, 0);
  }
}

[data-bs-theme="dark"] {
  .error {
    border: 1px solid rgb(255, 100, 100);
  }

  .error-text {
    color: rgb(255, 100, 100);
  }
}



.information-tag {
  background-color: rgb(4,136,212);
  border: 1px solid rgb(4,136,212);
  color: white;
}

[data-bs-theme="light"] {
  .information-tag:hover, information-tag:active, information-tag:focus {
    background-color: rgb(4,106,182);
    border: 1px solid rgb(4,106,182);
  }
}

[data-bs-theme="dark"] {
  .information-tag:hover, information-tag:active, information-tag:focus {
    background-color: rgb(4,166,242);
    border: 1px solid rgb(4,166,242);
  }
}



hr.bottom-help {
  border-top: 1px solid #888888;
}


.thick_border_top td {
  border-top: 2px solid #888888;
}


[data-bs-theme="light"] {
  footer {
    border-top: 1px solid #cccccc;
    a {
      color: #555555;

      &:hover {
        color: #222222;
      }
    }
  }
}

[data-bs-theme="dark"] {
  footer {
    border-top: 1px solid #cccccc;
    a {
      color: #999999;

      &:hover {
        color: #bbbbbb;
      }
    }
  }
}
