html.dark-mode body {
  background: #222; }

html.dark-mode a {
  color: #3396ff; }
  html.dark-mode a:hover {
    color: #66b0ff; }

html.dark-mode hr {
  border-top: 1px solid rgba(255, 255, 255, 0.1); }

html.dark-mode .text-muted {
  color: #8f979e !important; }
  html.dark-mode .text-muted a {
    color: #0074f0; }

html.dark-mode .btn-primary {
  background: #3396ff;
  border-color: #3396ff; }

html.dark-mode .form-control {
  color: #ffffff;
  background: #2c2c2c;
  border: 1px solid #ced4da; }
  html.dark-mode .form-control:focus {
    color: #ffffff;
    background: #444; }

html.dark-mode .color-mode-toggle {
  background: #eee;
  color: #222;
  border: none; }
  html.dark-mode .color-mode-toggle .fa-sun {
    display: block; }
  html.dark-mode .color-mode-toggle .fa-moon {
    display: none; }

html.dark-mode aside {
  background: #453700;
  color: #ddd;
  border-color: #666; }
  html.dark-mode aside.danger {
    background-color: #4f0000;
    color: #ddd;
    border-color: #666; }

html.dark-mode main {
  background: #333;
  color: #ddd; }

html.dark-mode header {
  filter: brightness(0.8) contrast(1.2); }

html.dark-mode .content-container {
  box-shadow: 0 0 0.5em #111; }

html.dark-mode section.signatories .signatories-header h5 {
  color: #aaa; }

html.dark-mode section.signatories .signatory-component .panel-bottom {
  box-shadow: inset 0px 7px 5px -3px rgba(255, 255, 255, 0.1);
  background-color: #333;
  /* same as main */ }
  html.dark-mode section.signatories .signatory-component .panel-bottom::before {
    border-top-color: #ddd; }
  html.dark-mode section.signatories .signatory-component .panel-bottom a {
    border-top: 1px solid #333;
    background-color: #333;
    /* same as main */ }

html.dark-mode .signatory-panel > p:hover {
  background: #444; }

html.dark-mode .footer {
  color: white; }

html.dark-mode .btn {
  color: white; }
  html.dark-mode .btn:hover {
    color: lightgrey; }