@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i%7CKreon:300,400,700%7CLato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap);

header, body {
    color: #333;
}

a {
    text-decoration: none;
    background-color: transparent;
}

    a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }
    /* current live*/
    a:focus, a:hover {
        color: #23527c;
        text-decoration: none;
    }


.modal-footer .acknowledgement {
    color: #999;
}
table {
    font-size: 1.4rem;
}
    /*header styles starts*/
    .dashboard-logo-div {
    width: 45%;
}
.dashboard-text-div{
    width:30%;
}
@media (max-width: 1299.5px) and (min-width: 991.5px) {
    .dashboard-logo-div {
        width: 80%;
    }
    .dashboard-text-div{
        width: 45%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .dashboard-logo-div {
        width: 40%;
    }
    .dashboard-text-div{
        width:25%;
        margin-right: 15%;
    }
}

@media (max-width: 550px) {
    .dashboard-logo-div {
        width: 60%;
    }
    .dashboard-text-div{
        width:45%;
    }
}

#header-nav, #header-nav-content, #menu-items {
    background: #378251;
}

.highlighted {
    background-color: #41AD49;
    color: #fff;
}

#header-1 > .container {
    padding: 10px 5px;
}
/*header styles ends*/

/*footer styles starts*/
footer {
    padding: 0;
    background-color: #378251;
    color: #fff;
}

.btn-green {
    color: #fff;
    background-color: #379351;
    border-color: #4cae4c;
}

.lower-footer-container img {
    width: 20px;
    margin-right: 10px;
    margin-bottom: 3px;
}

.btn-green:hover {
    font-size: 15px;
    background-color: #379351;
    border-color: #4cae4c;
    color: #fff;
}

#footer-logo-img {
    width: 13rem;
}

#footer-council-info {
    font-size: 16px;
    font-style: normal;
}

footer a, footer a:hover {
    color: #fff;
    font-size: 15px;
}

.lower-footer-container a {
    color: #fff;
    font-size: 15px;
    text-decoration: none;
}

.contact-div a {
    color: #fff;
    font-size: 14px;
}

.powered-by-div {
    margin-top: 20px;
    clear: both;
    text-align: center;
}

@media (max-width: 991.5px) {
    #lower-footer-grid {
        grid-template-columns: 1.5fr 2fr 1.5fr;
    }
}

@media (max-width: 767.5px) {
    #lower-footer-grid {
        grid-template-columns: 1fr;
    }

    .contact-div {
        text-align: center;
    }
    .dashboard-text-div{
        margin-right: 15%;
    }
}

.contact-div .btn, .contact-div .btn:hover, .contact-div .btn:focus, .contact-div .btn:active, .contact-div .btn:active:focus {
    color: #fff;
}
/*footer styles ends*/
.top-tab .tab-info-div .tab-update-time {
   font-size: 1.3rem;
}
.top-tab #opt-in-tab {
    cursor: pointer;
    border: 2px solid #e3e3e3;
    border-radius: 5px;
    padding: 10px;
    background-color: #ffffff;
    width: 100%;
}

    .top-tab #opt-in-tab img {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .top-tab #opt-in-tab h3 {
        text-align: center;
    }

#opt-in-modal li.active a,
#opt-in-modal li.active a:focus,
#opt-in-modal li.active a:hover {
    background-color: #41ad49;
    color: #fff;
}

#opt-in-nav > li a {
    border: 1px solid #41ad49;
}

input.form-control {
    border: 1px solid #999;
}

#send-reset-btn {
    margin-left: 45%;
    color: #fff;
}
    #send-reset-btn:hover {
        color: #fff;
        background-color: #f9a01b;
        border-color: #f9a01b;
    }
.notice-container table {
    width: -webkit-fill-available;
}

    .notice-container table tr:nth-child(even) {
        background-color: rgba(0,128,159, 0.2);
    }
/*tooltip*/
    .ui-tooltip, .arrow:after {
    background-color: #58595B;
    border: 1px solid grey;
    box-shadow: 0 0 7px grey;
}
/*tooltip end*/

#carousel_largepictures {
    height: auto;
}

.social-media-inner-div h2 {
    color: #333;
    font-size: 3.0rem;
}

.warning-widget-div {
    border: 2px solid #e3e3e3;
    border-radius: 5px;
    padding: 10px;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
}

.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: #41ad49;
    color: #ffffff;
}

.social-media-inner-div .content-info li a {
    color: #337ab7;
    text-decoration: none;
    cursor: pointer;
}

    .social-media-inner-div .content-info li a:focus, .social-media-inner-div .content-info li a:hover {
        color: #23527c;
    }

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
}

.content-title > a:hover {
    color: #333333;
    text-decoration: underline;
}

.weather-content-item, .emergency-content-item {
    font-weight: bold;
}

    .weather-content-item .content-update-time, .emergency-content-item .content-update-time {
        font-weight: normal;
        font-style: italic;
    }

#tblEmergencyContacts td {
    width: 50%;
}

#dashLIn, #forgot-password {
    cursor: pointer;
}

#unsubscribe-all-btn, #mobile-verify-btn {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

#logoutUser {
    background: #58595b;
}

.districtSelector {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

    .districtSelector button {
        margin: 5px;
    }


.fdrSelectorBtn {
    background: #f7e945;
    color: #000;
    padding: 10px;
    border-radius: 5px;
}

.fdrActive {
    background: #f9a01b;
}

#header-outer-camera, #header-outer-town {
    background: #379351;
    margin: 0;
    display: inline-flex;
    width: 100%;
}

    #header-outer-camera #back-to-dashBoard, #header-outer-town #back-to-dashBoard {
        background: #41AD49;
    }

        #header-outer-camera #back-to-dashBoard a, #header-outer-camera #back-to-dashBoard a:visited, #header-outer-town #back-to-dashBoard a, #header-outer-town #back-to-dashBoard a:visited
        {
            background: #41AD49;
            border-color: #41AD49;
            color: #fff;
        }

#camera .thumbnail img {
    cursor: pointer;
}

#sign-up-btn, #sign-in-btn, #send-reset-btn, #btn_login {
    background-color: #f9a01b;
    border-color: #f9a01b;
}
#lower-footer-grid {
    padding: 10px 0px;
    padding-top: 22px;
}
.lower-footer-container i {
    font-size: large;
    padding: 0px 10px;
}

#camera #camera-free-text{
    display: none;
}