body {
  height:100%;
  
  font-family: 'Open Sans', sans-serif;
}
.navbar-nav {
    margin: 0;
}
.nav > li{
  float:left;
}
.nav > li >a{
  padding:10px 0;
}

.navbar-fixed-top {
  border: 0;
}

.nav > li > a:focus, .nav > li > a:hover {
  background-color: #eee;
  text-decoration: none;
  margin-top:-0;
}

li.searchli > a, li.layersli a, li.helpli a{
  padding: 2px 0;
  line-height: 110%;
  height: 100%;
  
}

form label{
  font-weight: 600;
}
.filter{
  left:0 !important;
}
.form-control{
  border-radius:0;
  display:initial;
  width:80%;
  padding:0 5px;
  height:36px;
  margin-bottom:5px;
  border: 1px solid #727d86;
}

input.form-control{
  width: calc(100% - 40px) !important;
}

select.form-control{
  background-color:#646c72;
  color:#fff;
  width:100%;
  margin-top:4px;
}
.checkbox{
    margin-bottom: 20px;
}


thead > tr > th{
  font-size:11px;
}

.table-hover > tbody > tr{
  color: #7a7a7a;
  font-size:12px;
}

table{
  border-collapse:unset;
  font-size:13px;
}

.table > thead > tr > th {
  border:none;
  font-size: 13px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    line-height: 1.42857;
    padding: 5px;
    vertical-align: top;
}

.table-hover > tbody > tr:hover{
  background-color: #646c72;
  color:#fff !important;
  cursor:pointer;
}


::-webkit-scrollbar {
      width: 15px;
} 
::-webkit-scrollbar-track {
      background-color: #333
} 
 
::-webkit-scrollbar-thumb {
      background-color: #646c72
} 
 
::-webkit-scrollbar-button {
      background-color: #ae4b37;
} 

#search, #layers, #results, #lccmr{
  
  position:relative;
  min-height: 100%;
  padding: 24px 15px 140px 15px;
}

.aboutLCCMR{
  margin-left: 14px;

}
.aboutLCCMR ul{
  list-style: none;
}
.infoimages{
  margin-top: 10px
  padding-right: 10px !important;
}
.infodivs{
  margin:15px 5px 40px 0;
}
#facebookshare{
   margin: 0 auto 5px; 
   background-color: #3b5998;
   height:75px;
   color:#fff;
   text-align: center;
   padding-top: 25px;
   min-width: 90px;
   width:50%;
}
#twittershare{
  margin: 0 auto; 
  background-color: #00aced;
  height:75px;
  color:#fff;
  text-align: center;
  padding-top: 25px;
   min-width: 90px;
   width:50%;
}
#facebookshare:hover{
  background-color: #4e69a2;
}

#twittershare:hover{
  background-color: #32bcf0;  
}

#FB,#TW{
  color:none;
}

#FB:hover,#TW:hover{
  text-decoration:none;
  color:steelblue;
}

#facebookshare i, #twittershare i {
    color: #fff;
    padding-right: 15px;
    margin-top: 8px;
}

.loader {
  margin: 30% 0 0 50%;
  font-size: 10px;
  position: absolute;
  z-index: 1005;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 0, 0, 0.5);
  border-right: 1.1em solid rgba(0, 0, 0, 0.5);
  border-bottom: 1.1em solid rgba(0, 0, 0, 0.5);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 0.8s infinite linear;
  animation: load8 0.8s infinite linear;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#legend{
   background-color: #333;
    bottom: 20px;
    color: #fff;
    position: absolute;
    right: 0;
    z-index: 1001;
    padding:5px 10px 15px;
    border-top-left-radius: 5px;
    border: 1px solid #101010;
    max-height: 90%;
}

.legendTitle{
  
}

.symbolClass{
  margin-left: -28px;
}

.symbolClass li{
  display: inline;
}

#propsymbols{
  height: 76px;
  margin-top: 10px;
  margin-left:10px;
  width: 215px; 
}

.legendHelper{
    color: #727d86;
    font-size: 12px;
    text-align: center;
}

.legendlabel{
  text-align: center;
}

.legendicons{
    margin-top: 25px;
}

.legendiconsLi{
  padding-right: 5px;
  display:inline-block;
}

.textExample{
  font-family: "Open Sans",sans-serif;
  font-style: italic;
  font-weight: normal;
}

.sidebar {
    padding-right: 0;
    padding-left: 0;
    color:#fff;
    position: fixed;
    width:284px;
    top: 0;
    bottom: 0;
    left: 48px;
    z-index: 1001;
    display: block;
    margin-top: auto;
    overflow-x: hidden;
    overflow-y: auto; 
    background-color: #404040;
    height:100%;

  }


.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color:#646c72;
  border-left: 4px solid #ae4b37;
  margin-left: -4px;
}


.nav.navbar-nav.layersul > .active > a,
.nav.navbar-nav.layersul > .active > a:hover,
.nav.navbar-nav.layersul > .active > a:focus,
.nav.navbar-nav.helpul > .active > a,
.nav.navbar-nav.helpul > .active > a:hover,
.nav.navbar-nav.helpul > .active > a:focus {
  color: #fff;
  background-color:#646c72;
  outline-color: #646c72;
}
#navtabs {
    background-color: #333;
    border-right:1px solid #000;
    height: 100%;
    width:48px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1002;
}

.navlist{
  cursor:pointer;
  border-bottom: 1px solid #727d86;    
  width:47px;
  text-align: center;
  border-left: 4px solid #727d86;
}

a:focus, a:hover{
  color: #ae4b37;
}

.navtext{
  color:#808080;
  font-size: 11px;
  padding:4px;
}

.navtext-layers{
  color:#808080;
  font-size: 11px;
  padding: 6px 4px 4px 1px !important 
}
.navtext-help{
  color:#808080;
  font-size: 11px;
  padding: 4px 4px 4px 1px !important 
}

.logo{
  position:absolute;
  left: 65px;
  bottom:10px;
  padding: 40px 3px 2px 0;

}

.logo img{
  height: 125px;
}

.closetab {
    display:visible;
    color: #727d86;
    position: absolute;
    right: 10px;
    top: 10px;
}

.closetab:hover {
  cursor:pointer;
  color: #fff;
}

#map{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  width:100%;
}
.leaflet-left {
    left: 330px;
}


#map-tools {
  position: absolute;
  z-index: 30;
  top: 10px;
  right: 10px;
}

#map-tools a {
  background-color: #333;
  color: #808080;
  display: block;
  float: left;
  padding: 0 12px;
  font-size: 16px;
  line-height: 34px;
  border-left: 1px solid #101010;
  border-right: 1px solid #101010;
}

#map-tools a.first {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 0 12px 0 16px;
  border-left: none;
}

#map-tools a.last {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 0 16px 0 12px;
  border-right: none;
}

#map-tools a:hover, #map-tools a.active {
  background-color: #646c72;
  text-decoration: none;
  color: #fff;
  
}

.fundlabel{
  padding-left:25px;
  position:absolute;
}


.parksandtrails {
    background: #93dea0;
    text-align:center;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    width:20px !important;
    height:20px !important;
    border:4px solid #58cc6c;
  }
  .parksandtrails:hover{
    background:#fff;
  }

  .artsandculture {
    background: #ce7564;
    text-align:center;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    width:20px !important;
    height:20px !important;
    border:4px solid #ae4b37;
  }
  .artsandculture:hover{
      background:#fff;
  }

  .outdoorheritage {
    background: #ffd979;
    text-align:center;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    width:20px !important;
    height:20px !important;
    border:4px solid #ffc32d;
  }
  .outdoorheritage:hover{
     background:#fff;
  }

  .cleanwater {
    background: #9fb4e7;
    text-align:center;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    width:20px !important;
    height:20px !important;
    border:4px solid #6284d7;
  }
  .cleanwater:hover{
       background:#fff;
  }

  .enrtf {
    background: #5aafdc;
    text-align:center;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    width:20px !important;
    height:20px !important;
    border:4px solid #99cee9;
  }

  .enrtf:hover{
     background:#fff;
  }


  .selected-icon {
    background: #fff;
    text-align:center;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    width:20px !important;
    height:20px !important;
  }

    .selected-icon .parksandtrails{
      border:4px solid #58cc6c;
    }
     .selected-icon .artsandculture{
      border:4px solid #ae4b37;
    }
     .selected-icon .outdoorheritage{
      border:4px solid #ffc32d;
    }
     .selected-icon .cleanwater{
      border:4px solid #6284d7;
    }
    .selected-icon .enrtf{
      border:4px solid #99cee9;
    }

  .divtext{
    position: absolute;
    margin-left: 13px;
    margin-top: -9px;
    white-space: nowrap;
  }

  .countnotice{
    color: #cc6a43 !important;
  }
  .layernotification{
    position: absolute;
    top:-11px;
    left:27px;
    background: #ae4b37;
    border-radius: 50%;
    text-align: center;
    color: white;
    height:16px;
    width:16px;
    font-weight: 700;
    border: 1px solid #fff;
    font-family: monospace;
    line-height: 140%;
  }

    .layernotificationConstant{
    position: absolute;
    top:-11px;
    left:27px;
    background: #ae4b37;
    border-radius: 50%;
    text-align: center;
    color: white;
    height:16px;
    width:16px;
    font-weight: 700;
    border: 1px solid #fff;
    font-family: monospace;
    line-height: 140%;
  }

.navtitle{
  text-align:center;
  padding:17px 0;
  font-size:18px;
  font-weight: bold;
}


.verticlealign{
  
}

.searchli{
  width:25%;
  height:34px;
  text-align: center;
}

.active.searchli, .active.layersli,.active.helpli{ 
  background-color:#646c72;
}

.active.searchli >a, .active.layersli >a,.active.helpli >a{ 
  color:#fff;
}

.layersli{
  width:25%;
  height:34px;
  text-align: center;
}
.helpli{
  width:33%;
  height:34px;
  text-align: center;  
}

.searchul, .layersul, .helpul{
  width:100%;
  position:absolute;
  left: 0;
  border-top: 2px solid #727d86;
  border-bottom: 2px solid #727d86;
}

#help{
  margin-top:60px;
  margin-left:-30px;
}

#help li{
  margin-bottom:7px;
}

.helpListHeader{
  list-style: none;
  font-weight: 600;
  color: #727d86;
}

.detailsText{
  font-weight:normal;
  font-style:italic;
  font-size:12px;
  color:#808080;
  margin-left:27%;
}

.rightline{
  border-right: 1px solid #727d86;
}
.searchform{
  margin-top: 15px;
  padding-bottom: 16px;
  border-bottom: 1px solid #727d86;
  height:118px;
}
#geocodeFeedback{
  
}

#addressSearchButton{
  padding:0;
  border-radius: 0;
  background-color: #646c72;
  color:#fff;
  margin-bottom:5px;
  margin-left:5px;
  padding:8px 9px 6px; 
  border-color:#727d86;
}

#disclaimerButton{
    padding:0;
  border-radius: 0;
  background-color: #646c72;
  color:#fff;
  margin-bottom:0;
  margin-left:28%;
  padding:7px 9px;
  border-color: #727d86;
}
#addressSearchButton:hover, #disclaimerButton:hover{
  border-color:#ccc;
}

.selectform{
  margin-top:25px;
  
  border-bottom: 1px solid #727d86;
}

.selectform .onoffswitch{
  top:10px;
}

.selectform .layersswitchLabel{
  top:-14px;
}

.legacygroup{
  color:#727d86;
  font-style: italic;
  margin-top: 10px;
}

.replink{

  text-align: center;
  font-style: italic;
  margin-top: 18px;
}
.replink a{
  color:#9fb4e7;
}
.disclaimerlink{
  position:absolute;
  
  font-style: italic;
  top: 184px;
  left:36%;
}
.disclaimerlink a{
  color:#9fb4e7;
}
.disclaimerlink a:hover{
  cursor:pointer;
}


#switchLabel{
    position:relative;
    top: 60px;
    left:70px;
}


.multipleResultsTable {
    margin-left: -15px;
    width: 150px;
}

#data >tr > th{
  color:#7a7a7a;
  font-weight: normal;
  text-transform: uppercase;
}
#data a{
  color: #9fb4e7;
  font-size: italic;
}


.cluster {
    background: #ae4b37;
    border-radius: 50%;
    text-align: center;
    color: white;
    font-weight: 700;
    border: 1px solid #ae4b37;
    font-family: monospace;
  }

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

  .scale-1 {
    font-size: 15px;
    height: 30px;
    width: 30px;
    line-height: 28px;
    margin-top: -14px;
    margin-left: -14px;
     padding-top:   1px;
  }

  .scale-1:before {
    border-width: 2px;
  }

  .scale-2 {
    font-size: 18px;
    border-width: 3px;
    height: 43px;
    width: 43px;
    line-height: 35px;
    margin-top: -17px;
    margin-left: -17px;
    padding-top:  1px;
  }

  .scale-2:before {
    border-width: 3px;
  }

  .scale-3 {
    font-size: 18px;
    height: 54px;
    width: 54px;
    line-height: 47px;
    border-width: 3px;
    margin-top: -24px;
    margin-left: -24px;
    padding-top:1px;
  }

  .scale-3:before {
    border-width: 3px;
  }

  .scale-4 {
    font-size: 20px;
    height: 90px;
    width: 90px;
    line-height: 57px;
    border-width: 3px;
    margin-top: -29px;
    margin-left: -29px;
    padding-top:15px;
    padding-right:2px;
  }

  .scale-4:before {
    border-width: 4px;
  }



.layersswitchLabel{
    position:   relative;   
    left: 75px;
    top:37px;
    font-size: 13px;
}

.onoffswitch {
    position: relative; width: 47px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    left:15px;
    top:60px;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #727d86; 
    
}

.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 13px; padding: 0; line-height: 13px;
    font-size: 11px; color: white; 
    
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "OFF";
    padding-left: 5px;
    background-color: #646c72; color: #c7cfd5;
}

.onoffswitch-inner:after {
    content: "ON";
    padding-right: 5px;
    background-color: #a6bf94; color: #FFFFFF;
    text-align: right;
}

.onoffswitch-switch {
    display: block; width: 19px; margin: -2px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 31px;
    border: 1px solid #727d86; border-radius: 2px;
    transition: all 0.3s ease-in 0s; 
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}


@media (max-width:414px){
  .sidebar {
    
    width: -moz-calc(100% - 48px);
    
    width: -webkit-calc(100% - 48px);
    
    width: -o-calc(100% - 48px);
    
    width: calc(100% - 48px);
  }  
  #legend{
    display:none;
  }
  .logo{
    left:32%;
  }
  .closetab{
    font-size: 1.75em;
  }
  #legend{
    bottom:40px;
  }
  #twittershare, #facebookshare{
    width:100%;
  }

}

@media (max-height:414px){
  #legend{
    display:none;
  }
}