body{
    background-color: #f7f7f7;
}
.header_logo{
    filter: invert(1);
}

.report-it-holder .fa{
    color: var(--primary-color);
}

/* Checkbox Slider Override */
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/*Tab navigation scroll*/
.scroll-nav > li.active > a { /*border: 0 !important;*/
}

.scroll-nav-container .fade-left {
    visibility: hidden;
    opacity: 0;
    z-index: 2;
    position: absolute;
    width: 43px;
    height: 40px;
    border-top-left-radius: 5px;
    transition-duration: .3s;
    -webkit-transform: translateZ(0);
    background: linear-gradient(to right, #f4f4f4 25%, rgba(250, 250, 250, 0.2));
    left: 1px;
    text-align: center;
    padding-top: 15px;
}

.scroll-nav-container .fade-left .fa {
    position: relative;
    font-size: 18px;
    top: 11px;
}

.scroll-nav-container .fade-left .fa {
    left: -7px;
}

.scroll-nav-container .fade-right {
    visibility: hidden;
    opacity: 0;
    z-index: 2;
    position: absolute;
    width: 43px;
    height: 40px;
    transition-duration: .3s;
    -webkit-transform: translateZ(0);
    background: linear-gradient(to left, #f4f4f4 25%, rgba(250, 250, 250, 0.2));
    right: 1px;
    text-align: center;
    padding-top: 15px;
}

.scroll-nav-container .fade-right .fa {
    position: relative;
    font-size: 18px;
    top: 11px;
    right: -7px
}

.scroll-nav {
    margin-bottom: 25px;
}


/*Nav tabs*/
@media (max-width: 768px) {
    .scroll-nav-container {
        position: relative;
    }

    .scroll-nav {
        width: 100%;
        margin-bottom: 25px;
        margin-top: 0;
        padding: 0;
        background-color: #f4f4f4;
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .scroll-nav > li {
        padding: 10px 15px !important;
    }

    .scroll-nav > li > a {
        color: #333;
        text-decoration: none;
        overflow-x: hidden;
        white-space: nowrap;
        padding: 0 !important;
    }

    .scroll-nav span:not(.active) a:hover {
        color: #555555;
    }

    .scroll-nav-container .fade-right.scrolling {
        visibility: visible;
        opacity: 1;
        transition-duration: .3s
    }

    .scroll-nav-container .fade-left.scrolling {
        visibility: visible;
        opacity: 1;
        transition-duration: .3s;
    }

    .scroll-nav > li a.active {
        border-bottom: 3px solid #23527c;
    }

    .scroll-nav-container .scroll-nav > li > a.active {
        background: none;
        color: #23527c;
        font-weight: bold;
        border: 0;
    }

    .scroll-nav > li > a.active:hover {
        background: none;
        color: #23527c;
    }
}

/*Maps*/
.legend-holder{
    display: block;
    position: absolute;
    top: 210px;
    right: 25px;
    background-color: #fff;
    width: auto;
    padding:10px;
}
.legend-holder-closed{
    display: none;
    position: absolute;
    top: 210px;
    right: 25px;
    background-color: #fff;
    width: auto;
    padding:10px;
}
.tile_stats_count .count{
    font-size: 3em;
    color: #ff8d3a;
}
.tile-stats .count{
    color: #ff8d3a;
}