body.theme-dark {
  background-color: rgb(52, 58, 64);
  color:white;
}

body.theme-dark .footer {
  background-color: rgb(50, 56, 62);
}

body.theme-dark a:not(.btn), 
body.theme-dark .color-jcg-red, 
body.theme-dark h1, 
body.theme-dark h2, 
body.theme-dark h3, 
body.theme-dark h4, 
body.theme-dark h5, 
body.theme-dark h6, 
body.theme-dark h7, 
body.theme-dark h8, 
body.theme-dark .h1, 
body.theme-dark .h2, 
body.theme-dark .h3, 
body.theme-dark .h4, 
body.theme-dark .h5, 
body.theme-dark .h6, 
body.theme-dark .h7, 
body.theme-dark .h8  {
  color: #FF3399; }
  
  

.btn.disabled {
	opacity:.25;
}

/*
 * Dark theme: Replace btn-outline-dark with btn-outline-light definitions
*/
 

body.theme-dark .btn-outline-dark {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

body.theme-dark .btn-outline-dark:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

body.theme-dark .btn-outline-dark:focus, body.theme-dark .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

body.theme-dark .btn-outline-dark.disabled, body.theme-dark .btn-outline-dark:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

body.theme-dark .btn-outline-dark:not(:disabled):not(.disabled):active, body.theme-dark .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

body.theme-dark .btn-outline-dark:not(:disabled):not(.disabled):active:focus, body.theme-dark .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

body.theme-dark .pagenav.bg-light,
body.theme-dark .bbox,
body.theme-dark .card,
body.theme-dark .viewed,
body.theme-dark .sets,
body.theme-dark .viewed legend,
body.theme-dark .TagArea legend,
body.theme-dark .sets legend {
  background-color: #343a40 !important;
}
body.theme-dark .card {
  border: 1px solid #888;
}

body.theme-dark .miniblock, body.theme-dark #Signin, body.theme-dark .viewed {
color:black;
}

body.theme-dark .viewed legend,
body.theme-dark .TagArea legend,
body.theme-dark .sets legend {
color:#aaa;
}