/* Adjust values from Cosmo https://bootswatch.com/4/cosmo/bootstrap.css */
/* In CSS, comments look like this */
/* You can even make them over
multiple lines! */

/* Navbar color */
.navbar {
  background-color: #7EFF9C;
  border-color: #7EFF9C
  color: #000;
}

/* Change font */

/* Whole document: */
body{
  font-family: "Source Sans 3", Arial, Helvetica, sans-serif;
/*  font-size: 14pt;*/
}

/* Headers */
h1,h2,h3,h4,h5,h6{
  font-family: "Source Sans 3", Arial, Helvetica, sans-serif;
/*  font-size: 18pt;*/
}

/* Change default colors from the Bootstrap for improved accessibility */

/* unvisited link */
a:link {
  color: #0033FF;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #0033FF;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.list-group-item.active {
  z-index: 2;
  color: #000;
  background-color: #7EFF9C;
  border-color: #7EFF9C;
}

.btn-primary {
  color: #000;
  background-color: #7EFF9C;
  border-color: #7EFF9C;
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #000;
  background-color: #7EFF9C;
  border-color: #7EFF9C;
}

.dropdown-item.active, .dropdown-item:active {
  color: #000;
  text-decoration: none;
  background-color: #7EFF9C;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #000;
  background-color: #7EFF9C;
}

div.footer a:link, fab:link { color: #7EFF9C;}

/* Below this comment are dark mode settings!
   Enable dark mode if it's the browser preference. */
@media (prefers-color-scheme: dark) {
a:link {
  color: #FF9C7E;
  
}

a:hover {
  color: #DDC9F4;
}

div.footer a:link { color: #FF9C7E;}
div.footer a:visted { color: #FF9C7E;}
div.footer a:hover { color: #fff;}
div.footer a:tab { color: #fff;}
div.footer a:focus { color: #fff;}

/* Force Twitter because it's pulling the blue */
fab-twitter { color: #FF9C7E;}

body {
    background-color: #1F222A;
    color: white;
}

.list-group-item.active, .list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #FF9C7E;
  color: #1F222A;
}

.btn-primary {
  color: #fff;
  background-color: #005714;
  border-color: #005714;
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #005714;
  border-color: #005714;
}

/* Odd row colors #393F4F*/
table.dataTable > tbody tr.odd td { 
    background: #283E33;
}

/* Start data tables */
div.datatables {
    color: white;
    background-color: #1F222A;
}

.dataTables_wrapper {
  color: white;
  background-color: #1F222A;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: white !important;
}
div.dtsb-group {
  color: black;
}

/*
table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
    background-color: #211F29;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  background-color: #696969;
}
*/

.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
  color: white;
}
label {
  color: white;
}
input{
  color: black;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: white !important;
}
/* End DT */

}
/* End dark mode */

/* For all */


.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #005714;
}

.dropdown-menu {
  background-color: #1F222A;
  color: #fff;
}

.dropdown-menu>li>a {
    color: white;
}

.nav-pills .nav-link.active {
  color: #fff;
  background-color: #005714;
}
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: black;
}
.tocify-item {
  color: #fff;
  background-color: #1F222A;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  color: #fff;
  background-color: #1F222A;
}
.list-group-item.active:active, .list-group-item.active:hover, .list-group-item.active:focus {
  color: #1F222A;
  background-color: white;
}


@media (prefers-color-scheme: light) {

/* Start data tables */
div.datatables {
    color: black;
    /*background-color: #7EFF9C;*/
}

.dataTables_wrapper {
  color: black;
  /*background-color: #7EFF9C;*/
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: black !important;
}
div.dtsb-group {
  color: white;
}

table.dataTable tbody tr.odd {
  background-color: #7EFF9C;
}

/*
table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
    background-color: #211F29;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  background-color: #696969;
}
*/

.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
  color: black;
}
label {
  color: black;
}
input{
  color: white;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: black !important;
}
/* End DT */

}
/* End light specific theme */

  /* Text on navbar */
.navbar-default .navbar-brand {
  color: black;
}

/* Puts box around main site name when hover */
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: black;
  border-color: black;
}

a.navbar-brand {
    color: black;
}

/* Clears the error flag, but it doesn't actually work */
a.navbar-brand:hover {
    color: black;
}

/* Also does nothing... */
a.navbar-brand:active {
    color: black;
}

/* Text on navbar */
.navbar-default .navbar-nav > li > a {
  color: black;
}

/* Text on navbar */
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
  color: black;
  background-color: #7EFF9C;
}

/* Hamburger color */
/*
.navbar-default .navbar-toggle .icon-bar {
  background-color: black;
}
*/

/* For hamburger color */
.navbar-default .navbar-toggle .icon-bar {
  background-color: black;
}

.navbar-default .navbar-toggle .icon-bar:hover {
  background-color: black;
  border-color: black;
}

button.navbar-toggle.collapsed {
  color: black;
  background-color: #7EFF9C;
}

button.navbar-toggle.collapsed:focus {
  color: white;
  background-color: black;
}

/* When hovering over the navbar lists */
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
  background-color: black;
  color: white;
}