body.dark,
#navWrap.dark::after,
#navWrap.dark > div.navButton,
#nav.dark,
#statsWrap.dark {
    background-color: #1d1d1d;
    color: #ecf0f1;
}

#navWrap.dark:hover > div.navButton > a {
    color: #0892d0;
}

#navWrap.dark:hover > div.navButton > a > i {
    background-color: #0892d0;
}

#navWrap.dark > #nav.dark > li:hover {
    border-color: #0892d0;
}

#navWrap.dark > #nav.dark > li:hover > a {
    /*color: #0892d0;*/
}

#navWrap.dark > #nav.dark > li:hover > a > i {
    background-color: #0892d0;
}

#navWrap.dark > #nav.dark > li#liSignOut:hover > a {
    color: #0892d0;
}

#navWrap.dark > #nav.dark > li#liSignOut:hover > a > i {
    background: none;
    color: #0892d0;
}

#mapBody.dark > div.markerWrap > div.markerIcon {
    background-color: #f6f8f8;
    /*background-color: #1d1d1d;*/
}

#mapBody.dark > div.markerWrap > div.markerBox {
    background-color: #1d1d1d;
    border-color: #0892d0;
}

#mapBody.dark > div.markerWrap > div.markerBox > p.markerLocation,
#mapBody.dark > div.markerWrap > div.markerBox > p.markerIncidentSummary,
#mapBody.dark > div.markerWrap > div.markerBox p.markerIncidentTag {
    color: #0892d0;
}

#mapBody.dark > div.markerWrap > div.markerBox p.markerIncidentTag.ride {
    color: #e87e04;
}

#mapBody.dark > div.markerWrap > div.markerBox p.markerIncidentTag.security {
    color: #2980b9;
}

#mapBody.dark > div.markerWrap > div.markerBox p.markerIncidentTag.medical {
    color: #27ae60;
}

#mapBody.dark > div.markerWrap > div.markerBox > p.markerLocation.r1 {
    color: #ff0000;
}

#mapBody.dark > div.markerWrap > div.markerBox > p {
    color: #f6f8f8;
}

#offMapBox.dark {
    background-color: #f6f8f8;
}

body.dark .zoomer:hover {
    background-color: #0892d0;
}

body.dark input[type=range]:hover::-webkit-slider-thumb {
    background: #0892d0;
}

body.dark input[type=range]:hover::-moz-range-thumb {
    background: #0892d0;
}

body.dark input[type=range]:hover::-ms-thumb {
    background: #0892d0;
}

body.dark input[type=range]:hover {
    background: #0892d0;
    /*background: #0893cf;*/
    /*OLD 499DF5*/
}

#mapImage.dark {
    /*colourful but looks like a colourblind mode*/
    /*-webkit-filter: saturate(15) invert(100%) brightness(200%);*/
    /*filter: saturate(15) invert(100%) brightness(200%);*/

    /*will make image white on black*/
    -webkit-filter: brightness(0) invert(100%);
    filter: brightness(0) invert(100%);
}

#statsWrap.dark {
    border-color: #0892d0;
}

#statsWrap.dark h1.statsMajorHeading {
    color: #0892d0;
}

#statsWrap.dark h2.statsMinorHeading {
    color: #f6f8f8;
}

#mapBody.dark select, #mapBody.dark input {
    background-color: #1d1d1d;
    color: #f6f8f8;
}