body {
    background-color: rgb(33, 33, 33) !important;
    color: rgb(192, 192, 192) !important;
}

a {
    color: rgb(69, 169, 209) !important;
}

a.disabled, a:hover.disabled {
    color: unset !important;
}

a.badlink, a:hover.badlink {
    color: rgb(155, 13, 13) !important;
}

a.otherchapter {
    color: rgb(20, 100, 252) !important;
}

.sep {
    border-color: rgb(72, 72, 72) !important;
    background-color: rgb(72, 72, 72) !important;
}

ol#footnotes {
    border-top-color: rgb(48, 66, 81) !important;
}

h1 {
    color: rgb(255, 255, 255) !important;
}

/* needed for sliding menu */
div.floating-menu {
    background-color: rgb(33, 33, 33) !important;
}

div.floating-menu td img, a.photos img
{
    filter: invert(90%) hue-rotate(30deg) grayscale(0%) brightness(86%) !important;
}

div.floating-menu td a.activefont {
        color: rgb(160, 180, 200) !important;
}

body:not(.mobile) div.floating-menu td img:hover,
body:not(.mobile) a.photos img:hover
{
    filter: invert(100%)  grayscale(100%) brightness(80%) !important;
}

body:not(.mobile) div.floating-menu td a:hover {
    color: rgb(160, 180, 200) !important;
}

#toc-header > #title {
    color: rgb(255, 255, 255) !important;
}

#toc-controls {
    color: rgb(240, 240, 80, 0.7) !important;
}

body:not(.mobile) #expand-all:hover,
body:not(.mobile) #collapse-all:hover,
body:not(.mobile) #colswitch:hover  {
     color: rgb(69, 169, 209) !important;
}

body:not(.mobile) #toc-flex-container a:hover {
    color: rgb(160, 180, 200) !important;
}

.triangle {
    color: rgb(75, 123, 80) !important;
}

body:not(.mobile) .triangle:hover {
   color: rgb(160, 180, 200) !important;
}

#credits {
    color: rgb(174, 174, 174) !important;
}

.chapter-title {
    border-bottom-color: rgb(35, 85, 105) !important;
    color: rgb(209, 232, 255) !important;
}

.section-title {
    color: rgb(226, 226, 226) !important;
}

img:not([src*=".jpg"])   {
    filter: invert(80%) !important;
}

div.popup {
    background-color: rgb(19, 44, 61)  !important;
}

.tabular,
.tabular tbody,
.tabular thead,
.tabular th,
.tabular td {
    border-color: rgb(192, 192, 192) !important;
}





.jp-play,
.jp-play:focus,
.jp-state-playing .jp-play,
.jp-state-playing .jp-play:focus,
.jp-stop,
.jp-stop:focus,
.jp-mute,
.jp-mute:focus,
.jp-state-muted .jp-mute,
.jp-state-muted .jp-mute:focus,
.jp-volume-max,
.jp-volume-max:focus {
    background-image: url("../img/jplayer.red.tuesday.dark.png") !important;
}
.jp-seeking-bg {
    background-image: url("../img/jplayer.red.tuesday.seeking.dark.gif") !important;
}
.jp-play-bar,.jp-volume-bar-value {
    background: rgb(69, 169, 209) !important;
}
.jp-progress, .jp-volume-bar {
    background-color: #496c82 !important;
}

/* div.jp-type-playlist div.jp-playlist a {
    color: #5a798c !important;
} */

div.jp-type-playlist div.jp-playlist a.jp-playlist-current,
.jp-audio .jp-type-playlist .jp-time-holder
{
    color: #d1e8ff !important;
}