footer {
    
    color: #fff;
    line-height: 22px;
}
.container {
    width: 90% !important;
}

.row {
    margin: 0px;
    padding: 0px;
}
footer ul {
    margin: 0;
    padding: 0;
    margin-top: 34px;
}
    footer ul li {
        list-style: none;
        line-height: 1.7;
        color: #fff;
    
       }

footer a:visited {
    opacity: 0.6;
    text-decoration: none;
    color: #fff;
}

a {
    color: #fff;
    text-decoration: none;
}

@media (min-width: 767.5px) {

    #mid-row {
        display: flex;
        justify-content: center;
    }

    #last-row {
        display: flex;
        justify-content: end;
    }
}

img {
    vertical-align: middle;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.newHeader {
    float: left;
    width: 100%;
    background-size: cover;
}

.newLogo {
 
    display: flex;
}
a:visited {
    color: #337ab7;
}
@media (min-width: 767.5px) and (max-width: 991.5px) {
    .newLogo img {
        width: 35% !important;
    }

    .newText h1 {
        font-size: 24px;
    }
}
@media (max-width: 450.5px) {
    .newLogo img {
        width: 45% !important;
    }
}
@media (max-width: 550.5px) {
    .newLogo img {
        width: 35% !important;
    }
}
    .newLogo img {
        /* padding: 10px; */
        display: initial;
    }

    .newText {
        display: flex;
        justify-content: end;
        align-items: center;
    }

    @media (max-width: 767.5px) {
        .newText h1 {
            font-size: 28px;
        }

        .newText {
            display: flex;
            justify-content: center !important;
        }

        #riverviewFooter {
            width: 30% !important;
        }

        .newLogo img {
            display: block !important;
            padding: 5px px;
        }

        .newLogo {
            width: 100%;
            display: flex;
            justify-content: center;
        }

        .newHeader .row {
            flex-wrap: wrap;
        }

        .newHeader .container {
            width: 100% !important;
        }

        #bottomRow {
            margin-top: 1% !important;
        }

        #powered {
            justify-content: flex-start !important;
        }
    }

    @media (min-width: 450px) and (max-width: 767.5px) {
        .newText {
            width: 100%;
            display: flex;
            justify-content: center;
        }
    }

    @media (max-width: 1279.5px) and (min-width: 991.5px) {

        .newText h1 {
            font-size: 28px;
        }
    }

    @media (max-width: 450px) {
        .newText {
            width: 100%;
        }
    }

    @media (max-width: 500.5px) {
        .newText h1 {
            font-size: 24px;
        }
    }

    body {
        font-size: 15px;
    }

    .lang-select {
        /* float: right; */
        /* margin-right: 38px; */
        /* position: absolute; */
        border-color: #000;
        padding: 4px;
        /* top: 4px; */
        /* right: 17px; */
        color: #000;
        background-color: #fff;
        font-size: 18px;
    }

    .bottomLinks > div > div {
        background-color: #0a2c46;
        color: #fff;
        justify-content: center;
    }

    .bottomLinksRow a {
        color: #fff;
    }

    .topTabRow a, .topTabRow a:hover, .topTabRow a:focus, .topTabRow a:visited {
        color: #fff !important;
    }

    .infoDescTop {
        width: 100%;
        text-align: center;
        padding: 5px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        box-sizing: border-box;
    }

    .briefInfo {
        width: 100%;
    }

    .icons .fa {
        font-size: 64px;
    }

    @media(max-width: 767.5px) {
        .topTabRow .icons {
            display: none;
        }

        .topTab {
            flex-direction: column;
            max-height: unset !important;
            flex-grow: 1;
            min-height: 90px;
        }
    }

.topTab {
    display: grid;
    border-radius: 0.3571em;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    cursor: pointer;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: auto 1fr;
    align-items: center;
}

    .topTab > a {
        display: grid;
        grid-template-rows: subgrid;
        grid-template-columns: subgrid;
        grid-column: 1 / 3;
        grid-row: 1/ 3;
        align-items: center;
    }

    .infoNumbers {
        font-weight: bolder;
        grid-row: 2;
        grid-column: 1;
        line-height: 1;
        box-sizing: border-box;
        text-align: center;
    }

    .tabInfo {
        grid-row: 2;
        grid-column: 2;
        text-align: center;
    }

    .icons {
        grid-row: 1;
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .text-left {
        text-align: left !important;
    }

    @media(max-width: 991.5px) and (min-width: 767.5px) {
        .infoNumbers {
            font-size: 286% !important;
        }

        .bottomLinksItem h4 {
            font-size: 14px;
        }
    }

    @media(min-width: 992px) and (max-width: 1199px) {
        .infoNumbers {
            font-size: 330% !important;
        }
    }

    .topTabRow {
        margin: 0px;
        padding: 0px;
    }

    .smallTabInfoNumber {
        font-size: 20px;
        font-weight: bolder;
        margin-right: 10px;
    }

    .bottomLinksItem i, #footerRiverview i {
        margin-right: 5px;
        display: flex !important;
        align-items: center;
    }

    #tabEmergencyNews #newsContentTop {
        display: none;
    }

    .bottomLinksItem a {
        display: flex;
        justify-content: space-evenly;
    }

    #helpfulContactsLinks #emergencyTable, #tabRoadHazard #IMSOutagestable {
        display: none;
    }

    .bottomLinksItem {
        cursor: pointer;
    }

    .topTabRow a:hover {
        text-decoration: none !important;
    }

    @media(max-width: 500px) {
        #SBox {
            width: 70%;
        }
    }

    @media(min-width:767.5px) {
        .lang-select {
            position: inherit;
            z-index: 9;
            opacity: 0.9;
            margin-bottom: -10%;
        }
    }

    .lang-select {
        float: right;
        opacity: 0.9;
    }

    .topTab a:hover, .topTab a:focus, .topTab a:active {
        text-decoration: none !important;
    }

#optinNotifications img {
    margin-right: 7px;
    height: 28px;
}

    /*map layer menu styles*/
    .layerActive {
        background: #21353e;
        color: white;
    }

    .mapLayerMenuItem {
        cursor: pointer;
        padding: 5px;
        margin: 5px;
        border-radius: 5px;
    }

        .mapLayerMenuItem:hover, .nestedContainerCollapse {
            font-weight: bold;
        }

    .nestedContainerCollapse {
        cursor: pointer;
        padding: 5px;
    }

    .nestedContainerItems {
        padding: 2px 2px 2px 20px;
    }

    #closeMapLayerMenu {
        padding: 5px;
        cursor: pointer;
        text-align: right;
        font-size: 120%;
    }

    .legend h4 {
        cursor: pointer;
    }

    .legend div {
        margin: 2px;
    }

    #featureModal {
        z-index: 999999 !important;
    }

    .maps .navbar-header {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    @media(max-width: 767.5px) {
        #roadLabel {
            text-align: center !important;
        }
    }

#opt-in-modal .modal-header {
    background-color: #EF3D51 !important;
}

    .modal-body {
        padding: 15px;
        float: left;
        width: 100%;
        max-height: 500px;
        overflow-y: auto;
    }

    .photothumb img {
        max-height: 350px;
        width: -webkit-fill-available;
    }

    /*.leaflet-top, .leaflet-bottom {
    z-index: 1 !important;
}*/
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    font-weight: bolder;
    font-size: medium !important;
}

@media(min-width: 767.5px){
    .leaflet-sidebar {
        z-index: auto !important;
    }
}

.modal {
 
    z-index: 9999 !important;
}
#confirmEmail a {
    color: #337ab7 !important;
}

.mobileVerificationText2 {
    animation: blinker 1s linear infinite;
    color: white !important;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}
#renderMap{
    font-size: 2em;
}
.conItem {
    color: #337ab7;
}