.content{
	margin-top: 50px;
}
.bar100{
    background-color: #e9e9e9;
    border-radius: 3px;
    font-size: 6px;
    color: white;
}
.bar{
	background-color: #3f3f3f;
    border-radius: 3px;

}
p.detail{
    font-size: 11px;
}
svg .state {
    stroke-width: .5;
    stroke: #000;
    fill: #d3d3d3;

    -webkit-transition: stroke 0.5s, stroke-width 0.5s;
    -o-transition: stroke 0.5s, stroke-width 0.5s;
    transition: stroke 0.5s, stroke-width 0.5s;
}
svg .site.active, .site.selected {
    cursor: pointer;
    stroke-width: 4;
    stroke: #000;
    opacity: 1;
}
.sitelist, .info {
    max-height: 80vh;
    overflow-y: auto;
}
.sitelist > div {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid grey;
}
.sitelist > div > div {
    display: inline-block;
    width: 100%;

}
.sitelist > div > a{
    color: #000;
    font-size: 11px;

}
div.active, div.selected{
    font-weight: bold;
    background-color: lightblue;
}
div .divItem{
  cursor:pointer;
}
circle{
  stroke: #000;
  stroke-width: .5px;
}
.nav-pills>li>a{
    padding: 2px;
}

.navbar-default .navbar-toggle:hover {
  background-color: #636363;

}
.navbar-default .navbar-brand {
  font-family: 'PT Serif', serif;
  font-size: 30px;
}

.navbar-default .navbar-brand:hover {
  text-decoration: underline;
}

.navbar-default .navbar-nav > li > a  {
  font-family: 'PT Serif', serif;
  font-size: 20px;
}


h4 {
  font-size: 20px;
}

h5 {
  font-size: 16px;

}

li{
  font-size: 10px;
}

.well {
  min-height: 20px;
  padding: 2px;
  margin-bottom: 10px;
}

.center {
  padding: 30px;
  background: #fcfcfc;;
}

.row{
  padding:10px;
}

body {
    background-color: #fcfcfc;
    font-family: 'PT Serif', serif;
  max-width: 100%;
  overflow-x: hidden;
}

html {
  max-width: 100%;
  overflow-x: hidden;
}