a, .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
  outline: none !important
}
#map {
  height: 750px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
#maplegend hr {
  margin: 10px !important;
  border-color: #ddd;
}
.nav-tabs {
  margin-top: 6px;
}
.panel {
  font-family: Verdana, Geneva, sans-serif;
   !important;
  border-color: #999;
}
.panel-heading {
  color: #FFF;
  font-weight: bold;
  border-bottom: 1px #CCC solid;
  padding-left: 8px !important;
}
.panel-body {
  padding: 4px !important;
}
.panel-footer {
  font-size: .80em;
}
/*active project layer */
.panel-active {
  width: 410px;
  height: 380px;
}
.panel-active .panel-heading {
  background-color: #FB7569;
  color: #000;
}
/*planned/future project layer */
.panel-planned {
  width: 410px;
  height: 380px;
}
.panel-planned .panel-heading {
  background-color: #c4c413;
  color: #000;
}
/*planned/future project layer */
.panel-completed {
  width: 410px;
  height: 380px;
}
.panel-completed .panel-heading {
  background-color: #349C34;
}
/*IE 11 google map hack for pan on map*/
.gmnoprint div[title^="Pan"] {
  opacity: 0 !important;
}
/**************************************/
#pano {
  width: 390px;
  height: 210px;
  margin: 0 10px;
}
#streetview {
  width: 390px;
  height: 210px;
}
#streetviewtext {
  margin: 0 10px;
}
#loadingbox {
  border: medium double #036;
  background-color: #ebebe0;
  filter: alpha(opacity=85); /* IE's opacity*/
  opacity: 0.85;
  -moz-opacity: 0.85;
  position: absolute;
  text-align: center;
  left: 40%;
  top: 50%;
  visibility: hidden;
  padding: 10px;
  height: 65px;
  width: 140px;
  z-index: 990;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  text-transform: capitalize;
  color: black;
}
#togglepanel {
  float: left;
  height: 500px;
  width: 1%;
  margin: 0;
  padding: 0;
  background-color: #fff;
}
v\:* {
  behavior: url(#default#VML);
}
fieldset {
  padding: 5px 0 3px 3px;
}
legend {
  color: #000;
  padding-bottom: 2px;
}
strong {
  font-weight: bold;
}

/* map legend */
#maplegend {
  position: absolute;
  top: 75px !important;
  left: 20px;
  z-index: 2;
}
#maplegend .dropdown-menu {
  width: 310px;
  padding: 10px;
  min-height: 250px;
  font-size: 12px !important  
}
/* overrode sytles for MD devices */
@media only screen and (max-width: 1024px) {
  #maplegend {
    top: 75px !important;
    z-index: 2;
  }
}
/* overrode sytles for SM devices */
@media only screen and (max-width: 980px) {
  #maplegend {
    top: 75px !important;
    z-index: 2;
  }
}
/* overrode sytles for XS devices */
@media only screen and (max-width: 767px) {
  #maplegend {
    top: 110px !important;
    z-index: 2;
  }
  #maplegend .dropdown-menu {
    min-height: 300px;
  }
  #resetmap {
    margin-top: 10px;
    width: 100%;
    text-align: center;
  }
  #navbutton {
    margin-top: 10px;
    float: none !important;
    width: 100%;
    text-align: center;
  }
  #navdropdown {
    float: none !important;
  }
  .pull-right > .dropdown-menu {
    left: 0;
  }
}
@media only screen and (max-width: 479px) {
   .panel-planned, .panel-completed, .panel-active {
    width: 160px;
  }
  #map {
    height: 490px;
  }
  #streetview {
    width: 170px;
    height: 225px;
    margin: 0 10px;
  }
  #pano {
    width: 170px;
    height: 211px;
  }
}
@media only screen and (max-width: 400px) {
  .panel-planned, .panel-completed, .panel-active {
    width: 180px;
    height: auto
  }
  #map {
    height: 400px;
  }
  #streetview {
    width: 160px;
    height: 140px;
    margin: 0 0px;
  }
  #pano {
    width: 150px;
    height: 190px;
  }
}