:root {
    --main-bg-color: #e5783f;
    --secondary-bg-color: #303030;
    --foot-bg-color: #e5783f;
    --main-font-color: #FFFFFF;
    --secondary-font-color: #000000;
    --main-link-color: #e5783f;
    --secondary-link-color: #FFFFFF;
    --main-btn-color: #e5783f;
    --main-btn-text-color: #FFFFFF;
    --main-btn-click-color: #e5783f;
}

html, body {
    font-family: Roboto, sans-serif;
    height: 100%;
    line-height: 1.375
}

a {
    color: var(--main-link-color);
}

    a:focus, a:hover {
        color: var(--main-link-color);
    }

.btn {
    background-color: var(--main-btn-color);
    color: var(--secondary-link-color);
}

    .btn:active, .btn:focus, .btn:hover, .btn:active:focus {
        background-color: var(--main-btn-click-color);
        color: var(--secondary-link-color);
        outline: none;
    }


#dashboard-title-container h1 {
    color: var(--secondary-font-color);
}

#header-2, #header-2-content, #menu-items {
    background: var(--main-bg-color);
}

    #header-2-content .navbar-toggle .icon-bar {
        background: var(--secondary-link-color);
    }

    #header-2-content #template-menu > li {
        background: var(--secondary-bg-color);
    }

    #header-2-content #template-menu .highlighted {
        border-top: 5px solid var(--main-btn-color);
    }

.goog-te-gadget .goog-te-combo {
    color: var(--secondary-link-color);
    background-color: var(--secondary-bg-color);
}

#road-condition-modal .nav-tabs > li.active > a,
#road-condition-modal .nav-tabs > li.active > a:focus,
#road-condition-modal .nav-tabs > li.active > a:hover {
    background-color: var(--main-btn-color);
    color: var(--main-font-color);
}

.map-heading {
    color: var(--main-font-color);
    background: var(--secondary-bg-color);
}

    .map-heading #map-disclaimer-btn {
        background-color: var(--main-btn-color);
        color: var(--secondary-link-color);
    }

        .map-heading #map-disclaimer-btn:active
        .map-heading #map-disclaimer-btn:focus
        .map-heading #map-disclaimer-btn:hover {
            background-color: var(--main-btn-click-color);
        }

.small-tab-img {
    width: 2rem;
    margin-right: .5rem;
}

.small-tab > div:active *, .small-tab > div:focus *, .small-tab > div:hover * {
    background-color: var(--main-btn-color) !important;
    color: var(--secondary-link-color) !important;
}

.social-media-inner-div .content-info li.active a,
.social-media-inner-div .content-info li.active a:focus,
.social-media-inner-div .content-info li.active a:hover {
    background-color: var(--main-btn-color);
    color: var(--secondary-link-color);
}

.warning-view-more {
    background-color: var(--main-btn-color);
    color: var(--secondary-link-color);
}

    .warning-view-more:active,
    .warning-view-more:focus,
    .warning-view-more:hover {
        background-color: var(--main-btn-click-color);
    }

.bushfire-content-item .view-more-bushfire {
    background-color: var(--main-btn-color);
    border: 1px solid var(--main-btn-color);
}

#fdr-district-selector {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

    #fdr-district-selector button {
        margin: 5px;
        color: var(--main-btn-text-color);
        background-color: var(--main-btn-color);
        padding: 10px;
        border-radius: 5px;
        border-color: transparent;
    }

footer {
    background-color: var(--foot-bg-color);
    color: var(--main-font-color);
}

    footer a {
        color: var(--main-font-color);
    }

        footer a:active,
        footer a:focus,
        footer a:hover {
            text-decoration: underline;
            color: var(--main-font-color);
        }


@media (max-width: 767px) {
    #sidebar-194-1817 {
        width: 80%;
    }
}

#warning-modal .modal-header,
#camera-modal .modal-header,
#opt-in-modal .modal-header,
#verify-phone-modal .modal-header,
#subscription-disclaimer-modal .modal-header {
    background-color: var(--main-btn-color);
    color: var(--main-font-color);
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    background-color: var(--main-btn-color);
    color: var(--main-font-color);
}

/* Camera page */
#header-outer-camera {
    background-color: var(--main-bg-color);
}

#camera h2 {
    color: var(--main-font-color);
}

#back-to-dashboard a {
    background-color: var(--main-btn-color);
}

    #back-to-dashboard a:hover {
        text-decoration: none !important;
    }

    #back-to-dashboard a:visited {
        background-color: var(--main-btn-color);
        color: var(--main-font-color);
    }

#cameras-outer {
    padding-top: 1%;
}

#camera-modal #flood-camera-img {
    width: 100%;
    height: 100%;
}

/* Camera page end*/