/*CSS styles between this start/end tag must come before any media queries */

html, body {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: rgb(0,153,220);
}

.cbp-spmenu-vertical a {
    text-align: left;
}

    .cbp-spmenu-vertical a:hover, .cbp-spmenu-vertical a:focus {
        color: black;
        font-weight: bold;
    }

.grid-stack > .grid-stack-item > .grid-stack-item-content {
    -webkit-box-shadow: 5px 5px 15px grey;
    -ms-box-shadow: 5px 5px 15px grey;
    box-shadow: 5px 5px 15px grey;
    border: 1px solid black;
    -ms-border-radius: .5em;
    border-radius: .5em;
    right: 6px;
    left: 6px;
}

div.tab-pane {
    background-color: transparent;
}

.ABGovLogo {
    background-image: url('/Content/assets/goa_logo.png');
    background-repeat: no-repeat;
    width: 95px;
    height: 36px;
    display: inline-block;
    margin-top: -0.4em;
    vertical-align: middle;
}
.modal-header {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}


#menuBar {
    background-color: #0099dc;
    margin-top: -0.4em;
    display: none;
}

.headerTitle {
    margin-top: .6em;
    margin-left: 1em;
    color: white;
    font-size: 1.5em;
    display: inline-block;
}

.hdLogo {
    display: inline-block;
    margin-left: 1.4em;
}

#header {
    height: 50px;
    /*background-color:rgb(0,153,220);*/
    overflow: hidden;
    background: #006dbb; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: #006dbb; /* Old browsers */
    background: -moz-linear-gradient(left, #006dbb 0, #006dbb 10%, #0099dc 25%, #0099dc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0,#006dbb), color-stop(20%,#006dbb), color-stop(20%,#0099dc), color-stop(100%,#0099dc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #006dbb 0,#006dbb 10%,#0099dc 25%,#0099dc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #006dbb 0,#006dbb 10%,#0099dc 25%,#0099dc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #006dbb 0,#006dbb 10%,#0099dc 25%,#0099dc 100%); /* IE10+ */
    background: linear-gradient(to right, #006dbb 0,#006dbb 10%,#0099dc 25%,#0099dc 100%); /* W3C */
}
#headerLogo {
    white-space: nowrap;
}
#wrap {
    min-height: 100%;
    height: 100%;
    margin: 0 auto 0 0;
}

    #wrap > .center-container {
        padding: 0 0 0 0;
        margin: 0;
    }

.center-container {
    height: calc(100% - 70px);
}

.center-row {
    height: 100%;
}

#headerLogo {
    height: 50px;
    background: url('/Content/assets/adsHeader-3.jpg') no-repeat;
}

.cbp-spmenu-vertical a {
    padding: .35em;
}


#footer {
    height: 20px;
    min-height: 20px !important;
    background-color: rgb(0,153,220);
    z-index: 1003;
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#footerLogo {
    float: left;
    /*  background-color: white;*/
    width: 138px;
    color: white;
}

#copyrightlinks {
    float: right;
    border: 0;
    padding: 2px 2px 2px 0;
    margin: 0;
    font-size: 11px;
    display: inline;
    padding-top: 2px;
    height: 100%;
    padding-left: 4px;
    white-space: nowrap;
    color: white;
}

    #copyrightlinks a {
        color: white;
    }

#div-map {
    height: 100%;
    z-index: 1000 !important;
}


.fixMenu {
    height: 50px;
}

#menuBar {
    left: 10px;
}


/*Map styles*/
.marker-cluster {
    background: #14323B;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    color: white;
    font-weight: 500;
    border: 1px solid #001F2E;
    font-family: monospace;
}

    .marker-cluster:before {
        content: ' ';
        position: absolute;
        -ms-border-radius: 50%;
        border-radius: 50%;
        z-index: -1;
        top: 1px;
        left: 1px;
        right: 1px;
        bottom: 1px;
        border: 1px solid white;
    }

    .marker-cluster:after {
        text-align: center;
    }

.marker-text {
    margin-top: 9px;
    margin-left: -1px;
    font-size: 1em;
}

.adsFieldSet {
    font-size: 1em;
}

    .adsFieldSet .adsLegend {
        font-size: 1em;
        margin-bottom: 0;
        margin-top: 0;
        font-weight: bold;
    }

.adsFilterHeader {
    margin-bottom: 2px;
    margin-top: 8px;
}

.adsFieldSet span {
    padding-left: 4px;
}
.marker-size {
    width: 42px;
    height: 64px;
}
.marker-blank {
    background-image: url('/Content/mapview/mapzoom_station_marker_blank_off.png');
    -ms-background-size: 100%;
    background-size: 100%;
}


.marker-op1 {
    background-image: url('/Content/mapview/opG.png');
    -ms-background-size: 100%;
    background-size: 100%;
}
.marker-op2 {
    background-image: url('/Content/mapview/opB.png');
    -ms-background-size: 100%;
    background-size: 100%;
}
.marker-dam {
    background-image: url('/Content/mapview/DamSafety_Low.png');
    -ms-background-size: 100%;
    background-size: 100%;
}
.marker-bm {
    background-image: url('/Content/mapview/HighWaterMark_Benchmark.png');
    -ms-background-size: 100%;
    background-size: 100%;
}
.marker-dam2 {
    background-image: url('/Content/mapview/DamSafety_Low.png');
    -ms-background-size: 100%;
    background-size: 100%;
}

.marker-dam4 {
    background-image: url('/Content/mapview/DamSafety_Significant.png');
    -ms-background-size: 100%;
    background-size: 100%;
}

.marker-dam6 {
    background-image: url('/Content/mapview/DamSafety_High.png');
    -ms-background-size: 100%;
    background-size: 100%;
}

.marker-dam8 {
    background-image: url('/Content/mapview/DamSafety_VeryHigh.png');
    -ms-background-size: 100%;
    background-size: 100%;
}

.marker-dam10 {
    background-image: url('/Content/mapview/DamSafety_Extreme.png');
    -ms-background-size: 100%;
    background-size: 100%;
}


.marker-msdam_Approved_Flood_Control {
    background-image: url('/Content/mapview/FloodControl_Approve.png');
    -ms-background-size: 100%;
    background-size: 100%;
}
.marker-msdam_Operational_Flood_Control {
    background-image: url('/Content/mapview/FloodControl_Operational.png');
    -ms-background-size: 100%;
    background-size: 100%;
}
.marker-msdam_Under_Construction_Flood_Control {
    background-image: url('/Content/mapview/FloodControl_UnderConstruction.png');
    -ms-background-size: 100%;
    background-size: 100%;
}

.marker-msdam_Approved_Debris_Control {
    background-image: url('/Content/mapview/DebrisControl_Approved.png');
    -ms-background-size: 100%;
    background-size: 100%;
}
.marker-msdam_Operational_Debris_Control {
    background-image: url('/Content/mapview/DebrisControl_Operational.png');
    -ms-background-size: 100%;
    background-size: 100%;
}
.marker-msdam_Under_Construction_Debris_Control {
    background-image: url('/Content/mapview/DebrisControl_UnderConstruction.png');
    -ms-background-size: 100%;
    background-size: 100%;
}

.marker-msdam_Approved_Erosion_Control {
    background-image: url('/Content/mapview/ErosionControl_Approve.png');
    -ms-background-size: 100%;
    background-size: 100%;
}
.marker-msdam_Operational_Erosion_Control {
    background-image: url('/Content/mapview/ErosionControl_Operational.png');
    -ms-background-size: 100%;
    background-size: 100%;
}
.marker-msdam_Under_Construction_Erosion_Control {
    background-image: url('/Content/mapview/ErosionControl_UnderConstruction.png');
    -ms-background-size: 100%;
    background-size: 100%;
}

.marker-msdam_Approved_WetLand {
    background-image: url('/Content/mapview/Wetland_Approved.png');
    -ms-background-size: 100%;
    background-size: 100%;
}
.marker-msdam_Operational_WetLand {
    background-image: url('/Content/mapview/Wetland_Operational.png');
    -ms-background-size: 100%;
    background-size: 100%;
}
.marker-msdam_Under_Construction_WetLand {
    background-image: url('/Content/mapview/Wetland_UnderConstruction.png');
    -ms-background-size: 100%;
    background-size: 100%;
}


.marker-msdam_Approved_Other, .marker-msdam_Approved_ {
    background-image: url('/Content/mapview/Other_Approved.png');
    -ms-background-size: 100%;
    background-size: 100%;
}
.marker-msdam_Operational_Other, .marker-msdam_Operational_ {
    background-image: url('/Content/mapview/Other_Operational.png');
    -ms-background-size: 100%;
    background-size: 100%;
}
.marker-msdam_Under_Construction_Other, .marker-msdam_Under_Construction_ {
    background-image: url('/Content/mapview/Other_UnderConstruction.png');
    -ms-background-size: 100%;
    background-size: 100%;
}
    .marker-op1:before, .marker-op2:before,
    .marker-blank:before,
    .marker-msdam_Approved_WetLand:before,
    .marker-msdam_Operational_WetLand:before,
    .marker-msdam_Under_Construction_WetLand:before,
    .marker-msdam_Approved_Other:before,
    .marker-msdam_Operational_Other:before,
    .marker-msdam_Under_Construction_Other:before,
    .marker-msdam_Approved_Drainage:before,
    .marker-msdam_Operational_Drainage:before,
    .marker-msdam_Under_Construction_Drainage:before,
    .marker-msdam_Approved_Debris_Control:before,
    .marker-msdam_Operational_Debris_Control:before,
    .marker-msdam_Under_Construction_Debris_Control:before,
    .marker-msdam_Approved_Erosion_Control:before,
    .marker-msdam_Operational_Erosion_Control:before,
    .marker-msdam_Under_Construction_Erosion_Control:before,
    .marker-msdam_Approved_Flood_Control:before,
    .marker-msdam_Operational_Flood_Control:before,
    .marker-msdam_Under_Construction_Flood_Control:before,
    .marker-msdam_Approved_Habitat:before,
    .marker-msdam_Operational_Habitat:before,
    .marker-msdam_Approved_:before,
    .marker-msdam_Under_Construction_:before,
    .marker-msdam_Operational_:before,
    .marker-dam:before, .marker-bm:before, .marker-dam2:before, .marker-dam4:before, .marker-dam6:before, .marker-dam8:before, .marker-dam10:before, .marker-damSelected:before, .marker-bmSelected:before {
        content: ' ';
        position: absolute;
        z-index: -1;
        top: 1px;
        left: 1px;
        right: 1px;
        bottom: 1px;
    }
    .marker-op1:after, .marker-op2:after,
    .marker-blank:after,
    .marker-msdam_Approved_WetLand:after,
    .marker-msdam_Operational_WetLand:after,
    .marker-msdam_Under_Construction_WetLand:after,
    .marker-msdam_Approved_Other:after,
    .marker-msdam_Operational_Other:after,
    .marker-msdam_Under_Construction_Other:after,
    .marker-msdam_Approved_Drainage:after,
    .marker-msdam_Operational_Drainage:after,
    .marker-msdam_Under_Construction_Drainage:after,
    .marker-msdam_Approved_Debris_Control:after,
    .marker-msdam_Operational_Debris_Control:after,
    .marker-msdam_Under_Construction_Debris_Control:after,
    .marker-msdam_Approved_Erosion_Control:after,
    .marker-msdam_Operational_Erosion_Control:after,
    .marker-msdam_Under_Construction_Erosion_Control:after,
    .marker-msdam_Approved_Flood_Control:after,
    .marker-msdam_Operational_Flood_Control:after,
    .marker-msdam_Under_Construction_Flood_Control:after,
    .marker-msdam_Approved_Habitat:after,
    .marker-msdam_Operational_Habitat:after,
    .marker-msdam_Approved_:after,
    .marker-msdam_Under_Construction_:after,
    .marker-msdam_Operational_:after,
    .marker-dam:after, .marker-bm:after, .marker-dam2:after, .marker-dam4:after, .marker-dam6:after, .marker-dam8:after, .marker-dam10:after, .marker-damSelected:after, .marker-bmSelected:after {
        text-align: center;
    }



.heading-padding {
    padding: 5px 5px 5px 10px !important;
}


.nav > li > a {
    background-color: rgb(0,31,46);
}

.marker-alert {
    -ms-border-radius: 50%;
    border-radius: 50%;
    margin-left: 3px;
    padding-left: 34px;
    padding-bottom: 14px;
    padding-top: 7px;
}

/*ConsequenceNumber indicator
	2 = “Low”
	4 = “Significant”
	6 = “High”
	8 = “Very High”
	10 = “Extreme”

*/

.marker_Select {
    border: 2px solid yellow;
}

.cluster_ConsequenceNumber_2:before, .marker_ConsequenceNumber_2 {
    border: 2px solid rgb(247, 247, 247);
}

.cluster_ConsequenceNumber_2 .marker-text > span, .cluster_ConsequenceNumber_2 .marker-text {
    color: rgb(247, 247, 247);
}

.display_ConsequenceNumber_2,.display_ConsequenceNumber_null  {
    background-color: rgb(247, 247, 247);
}

.cluster_ConsequenceNumber_4:before, .marker_ConsequenceNumber_4 {
    border: 2px solid rgb(160, 120, 255);
}

.display_ConsequenceNumber_4 {
    background-color: rgb(160, 120, 255);
}

.cluster_ConsequenceNumber_4 .marker-text > span, .cluster_ConsequenceNumber_4 .marker-text {
    color: rgb(160, 120, 255);
}

.display_ConsequenceNumber_6 {
    background-color: rgb(246, 204, 11);
}

.marker_ConsequenceNumber_6, .cluster_ConsequenceNumber_6:before {
    border: 2px solid  rgb(246, 204, 11);
}

.cluster_ConsequenceNumber_6 .marker-text > span, .cluster_ConsequenceNumber_6 .marker-text {
    color:  rgb(246, 204, 11);
}

.display_ConsequenceNumber_8 {
    background-color: rgb(255,121,0);
}

.cluster_ConsequenceNumber_8 .marker-text > span, .cluster_ConsequenceNumber_8 .marker-text {
    color: rgb(255,121,0);
}

.cluster_ConsequenceNumber_8:before, .marker_ConsequenceNumber_8 {
    border: 2px solid rgb(255,121,0);
}

.cluster_ConsequenceNumber_10:before, .marker_ConsequenceNumber_10 {
    border: 2px solid rgb(223, 51, 23);
}

.cluster_ConsequenceNumber_10 .marker-text > span, .cluster_ConsequenceNumber_10 .marker-text {
    color:rgb(223, 51, 23);
}

.display_ConsequenceNumber_10 {
    background-color:rgb(223, 51, 23);
}



.display_ConsequenceNumber_2, .display_ConsequenceNumber_4, .display_ConsequenceNumber_6, .display_ConsequenceNumber_8, .display_ConsequenceNumber_10 {
    border: 1px solid black;
    padding: 2px 4px 2px 4px;
}


.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li a:hover {
    background-color: rgb(23,187,229);
}

.modal-dialog {
    margin: auto auto;
}

.tab_title {
    padding-left: 10px;
    color: white;
}

.basin-title {
    top: 24px;
    font-size: 1.3em;
    line-height: 1;
    text-transform: uppercase;
}

.form-group_fix {
    margin-bottom: 0;
}

.header_Separator {
    height: 3px;
    width: 100%;
    background-color: rgb(0, 31, 46);
    margin-bottom: 8px;
    margin-top: 0;
}

.basinZoomReset {
    cursor: pointer;
    width: 21px;
    height: 39px;
    background-image: url('mapview/map_zoomout.png');
}

.leaflet-popup-close-button {
    background: white !important;
    border: black solid 1px !important;
    -ms-border-top-right-radius: 50% !important;
    border-top-right-radius: 50% !important;
    width: 18px !important;
    height: 18px !important;
    padding: 1px 0 0 0 !important;
    color: black !important;
}

/*Help keep dialogs on screen and scroll body only if needed*/

.modal-body {
    min-height: 80px;
    max-height: calc(100vh - 194px);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.tableCellDspAutoWidth {
    display: table-cell;
    width: auto;
    -moz-min-width: 120px;
    -ms-min-width: 120px;
    -o-min-width: 120px;
    -webkit-min-width: 120px;
    min-width: 120px;
    padding-left: 1em;
    padding-right: 0;
    vertical-align: middle;
}

.panel .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: grey; /* adjust as needed */
}

.panel .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}


.Ads-layer-control {
    -webkit-box-shadow: 7px 6px 12px -1px #000000;
    -webkit-box-shadow: 7px 6px 12px -1px rgba(0,0,0,0.23);
    -ms-box-shadow: 7px 6px 12px -1px #000000;
    -ms-box-shadow: 7px 6px 12px -1px rgba(0,0,0,0.23);
    box-shadow: 7px 6px 12px -1px #000000;
    box-shadow: 7px 6px 12px -1px rgba(0,0,0,0.23);
    background-color: #f5f5f5;
    background-color: rgba(245,245,245,.9);
    padding: .5em;
}


.optWrapper .select-all {
    height: auto;
}

.ui-resizable-s {
    bottom: 0;
}

.ui-resizable-e {
    right: 0;
}

.modal-body {
    margin-bottom: 0;
}

.ads-layer-control {
    -webkit-box-shadow: 7px 6px 12px -1px #000000;
    -webkit-box-shadow: 7px 6px 12px -1px rgba(0,0,0,0.23);
    -ms-box-shadow: 7px 6px 12px -1px #000000;
    -ms-box-shadow: 7px 6px 12px -1px rgba(0,0,0,0.23);
    box-shadow: 7px 6px 12px -1px #000000;
    box-shadow: 7px 6px 12px -1px rgba(0,0,0,0.23);
    background-color: #f5f5f5;
    background-color: rgba(245,245,245,.9);
    padding: .5em;
}

.adsLayerTogglesCollapse {
    cursor: pointer;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi)  {
        .ABGovLogo {
        background-image: url('/Content/assets/goa_logo@2x.png');
        -ms-background-size: 95px 36px;
        background-size: 95px 36px;
        width: 95px;
        height: 36px;
    }
    .marker-op1 {
        background-image: url('/Content/mapview/opG@2x.png');
        -ms-background-size: 100%;
        background-size: 100%;
    }
    .marker-op2 {
        background-image: url('/Content/mapview/opB@2x.png');
        -ms-background-size: 100%;
        background-size: 100%;
    }


    .marker-blank {
        background-image: url('/Content/mapview/mapzoom_station_marker_blank_off_2x.png');
        -ms-background-size: 100%;
        background-size: 100%;
    }
    .marker-dam {
        background-image: url('/Content/mapview/DamSafety_Low@2x.png');
        -ms-background-size: 100%;
        background-size: 100%;
    }
        .marker-bm {
            background-image: url('/Content/mapview/HighWaterMark_Benchmark@2x.png');
            -ms-background-size: 100%;
            background-size: 100%;
        }
    .marker-dam2 {
        background-image: url('/Content/mapview/DamSafety_Low@2x.png');
        -ms-background-size: 100%;
        background-size: 100%;
    }

    .marker-dam4 {
        background-image: url('/Content/mapview/DamSafety_Significant@2x.png');
        -ms-background-size: 100%;
        background-size: 100%;
    }

    .marker-dam6 {
        background-image: url('/Content/mapview/DamSafety_High@2x.png');
        -ms-background-size: 100%;
        background-size: 100%;
    }

    .marker-dam8 {
        background-image: url('/Content/mapview/DamSafety_VeryHigh@2x.png');
        -ms-background-size: 100%;
        background-size: 100%;
    }

    .marker-dam10 {
        background-image: url('/Content/mapview/DamSafety_Extreme@2x.png');
        -ms-background-size: 100%;
        background-size: 100%;
    }

    
    .marker-msdam_Approved_Flood_Control {
        background-image: url('/Content/mapview/FloodControl_Approve@2x.png');
        -ms-background-size: 100%;
        background-size: 100%;
    }
    .marker-msdam_Operational_Flood_Control {
        background-image: url('/Content/mapview/FloodControl_Operational@2x.png');
        -ms-background-size: 100%;
        background-size: 100%;
    }
    .marker-msdam_Under_Construction_Flood_Control {
        background-image: url('/Content/mapview/FloodControl_UnderConstruction@2x.png');
        -ms-background-size: 100%;
        background-size: 100%;
    }

    .marker-msdam_Approved_Debris_Control {
        background-image: url('/Content/mapview/DebrisControl_Approved@2x.png');
        -ms-background-size: 100%;
        background-size: 100%;
    }
    .marker-msdam_Operational_Debris_Control {
        background-image: url('/Content/mapview/DebrisControl_Operational@2x.png');
        -ms-background-size: 100%;
        background-size: 100%;
    }
    .marker-msdam_Under_Construction_Debris_Control {
        background-image: url('/Content/mapview/DebrisControl_UnderConstruction@2x.png');
        -ms-background-size: 100%;
        background-size: 100%;
    }

    .marker-msdam_Approved_Erosion_Control {
        background-image: url('/Content/mapview/ErosionControl_Approve@2x.png');
        -ms-background-size: 100%;
        background-size: 100%;
    }
    .marker-msdam_Operational_Erosion_Control {
        background-image: url('/Content/mapview/ErosionControl_Operational@2x.png');
        -ms-background-size: 100%;
        background-size: 100%;
    }
    .marker-msdam_Under_Construction_Erosion_Control {
        background-image: url('/Content/mapview/ErosionControl_UnderConstruction@2x.png');
        -ms-background-size: 100%;
        background-size: 100%;
    }

    .marker-msdam_Approved_WetLand {
        background-image: url('/Content/mapview/Wetland_Approved@2x.png');
        -ms-background-size: 100%;
        background-size: 100%;
    }
    .marker-msdam_Operational_WetLand {
        background-image: url('/Content/mapview/Wetland_Operational@2x.png');
        -ms-background-size: 100%;
        background-size: 100%;
    }
    .marker-msdam_Under_Construction_WetLand {
        background-image: url('/Content/mapview/Wetland_UnderConstruction@2x.png');
        -ms-background-size: 100%;
        background-size: 100%;
    }


        .marker-msdam_Approved_Other, .marker-msdam_Approved_ {
            background-image: url('/Content/mapview/Other_Approved@2x.png');
            -ms-background-size: 100%;
            background-size: 100%;
        }
        .marker-msdam_Operational_Other, .marker-msdam_Operational_ {
            background-image: url('/Content/mapview/Other_Operational@2x.png');
            -ms-background-size: 100%;
            background-size: 100%;
        }
        .marker-msdam_Under_Construction_Other, .marker-msdam_Under_Construction_ {
            background-image: url('/Content/mapview/Other_UnderConstruction@2x.png');
            -ms-background-size: 100%;
            background-size: 100%;
        }

}