/*** Custom style settings for King County My Commute ***/ 
        html, body, #mapDiv {
            min-height: 100px;
            max-height: 1500px;
            
        }
        #BasemapToggle {
            position: absolute;
            top: 25px;
            right: 20px;
            z-index: 30;
        }
        /** Makes cursor change when hovering on a feature in a feature layer**/
        .KCFL:hover {
            cursor: pointer;
        }
        /** override esri style for popup*/
        .esriPopup .titlePane, .light.esriPopup .titlePane, .dark.esriPopup .titlePane {

            background-color: #6383b3;
            color:#ffffff;
            font-weight:bold;
        }
.esriPopup .titleButton.close {
    color: #ffffff;
    font-weight: bold;
}

        #HomeButton {
            position: absolute;
            z-index: 30;
            top: 105px;
            left: 15px;
            bottom: auto;
            right: auto;
        }

        #LocateButton {
            position: absolute;
            z-index: 30;
            top: 140px;
            left: 15px;
            bottom:auto;
            right:auto;
        }
        .navbarcustom{
            line-height: 50px;
            font-size: 32px;
            font-weight: bold; 
            display:inline-block;
            vertical-align: middle;
            padding-top:6px;
            color: #ffffff;
        }
            @media only screen and (max-width : 992px) {
                #mapDiv{
                    padding-left:15px;
                    padding-right:15px;
                     max-height: 500px;
                }
                #HomeButton {
                    position: absolute;
                    z-index: 30;
                    top: 90px;
                    left: 30px;
                    bottom:auto;
                    right:auto;
                }

                #LocateButton {
                    position: absolute;
                    z-index: 30;
                    top: 125px;
                    left: 30px;
                    bottom:auto;
                    right:auto;
                }
                .navbarcustom{
                    /*line-height: 50px;*/
                    font-size: 16px;
                    font-weight: bold; 
                    display:inline-block;
                    vertical-align: middle;
                    padding-top:6px;
                    color: #ffffff;
                }
                div.legendback div.legend{
                    padding-left:15px;
                    padding-right:15px;
                    margin-right:35px;
                    
                }
            }
        /* end of phone sized screen special adjustments */
        /*legend formatting begin*/
        div.legendback {
	        z-index: 2;
	        color: #dbdbdb;
	        background-color: #dbdbdb;
	        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	        filter: alpha(opacity=75);
	        opacity: 0.75;
	        position: absolute;
	        /*left: 0;
	        right: 0;*/
	        bottom: 0;
	        height: 25px;
	        padding-top: 10px;
            padding-left:20px;
        }
        div.legend {
	        z-index: 3;
	        color: #4a4a4a;
	        text-align: left;
	        vertical-align:middle;
	        font-size: 80%;
	        font-weight: normal;
	        position: absolute;
	        /*left: 0;
	        right: 0;*/
	        bottom: 0;
	        padding-bottom: 1px;
	       /* height: 25px; */
        }

        #legendWell {
           bottom:0;
        }

        #plowLastUpdate {
           position: relative;
           top: 0;
           right: 0;
           float: right;
        }

        .inline{
            display:inline-block;
        }
        .navbar {
            margin-bottom: 0;
        }
        .navbar-inverse .navbar-nav>li>a {
            color:#ffffff;
        }
        .row-no-right-padding {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        .txtbeta {
            font-size: 50%;
        }
        /* styles for road closure infoWindow text */
        .bubbleUpdated {
            font-size: 85%;
            color: #a9a9a9;
        }

        .bubbleStatusClosed {
            font-weight: bold;
            color: Red;
        }

        .bubbleStatusOpen {
            font-weight: bold;
            color: Green;
        }

        .bubbleStatusRestricted {
            font-weight: bold;
            color: Orange;
        }

        .bubbleStatusUpcoming {
            font-weight: bold;
            color: blue;
        }

        .wsdotRestricted {
            color: Orange;
            font-weight: bold;
        }

        .wsdotClosed {
            color: Red;
            font-weight: bold;
        }

        .wsdotUpcoming {
            color: Blue;
            font-weight: bold;
        }

        .wsDOTPriorityText {
            text-align: right;
            width: 99%;
            color: gray;
        }

        .wsdotSummary {
            font-style: italic;
        }

        .wsdotLink {
            font-style: normal;
            font-weight: bold;
            font-size: 85%;
        }

        .trafficcamImg {
            padding-left: 5px;
        }

        .trafficcamImg IMG {
            border: 1px solid black;
        }

        #titleLocationTxt {
            font-weight: bold;
            text-align: center;
        }

        .trafficcamAllLink {
            float: left;
            padding-right: 2px;
            font-size: smaller;
        }

        .trafficcamTextLink {
            text-align: right;
            padding-right: 2px;
        }

        .trafficcamDescription {
            font-family: verdana, arial, sans-serif;
            text-align: center;
            font-size: 9px;
        }

  
        .panel {
            height: 100%;
            width: 100%;
        }
        .bridgeImg {
            padding-left: 5px;
            align-content: center;
            padding-bottom: 5px;
            padding-top: 5px;
        }

        .bridgeImg IMG {
            border:none;
            align-content:center;
        }

        #lastUpdatedText {
            padding-top: 5px;
            padding-bottom: 5px;
            font-size:10px;
            float:left;
        }

        /* Wrapper for page content to push down footer */
        #wrap {
            min-height: 100%;
            height: auto;
            /* Negative indent footer by its height */
            margin: 0 auto -120px;
            /* Pad bottom by footer height */
            padding: 0 0 120px;
            overflow: hidden;
        }

        /* Set the fixed height of the footer here */
        #footer {
            /*height: 120px;*/
            height: 100%;
            background-color: black;
            color: white;
        }

.scalebar_bottom-left {
    
    bottom: 0px !important;
}