/* map */

#graph{
  width: 1100px;
  margin: 0px auto;
}

.label{
  font-size: 73%;
  font-weight: 600;
  color: #ccc;
}

svg {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}

circle{

}

.unidad > rect {
  stroke: #fff;
  stroke-width: 1.5px;
  fill: #EC1C24;
    width: 250px;
      x: -110px;
}

.unidad .cuadro{
  width: 200px;
  color: #fff;
  font-size: 12px;
      font-size: 11px;
    line-height: 14px;
}

.unidad > rect:hover{
  fill: #000;
}

.unidad > text{
  font-size: 12px;



}

.unidad > text:hover .unidad > rect{
  fill: #EC1C24;
}

path {
  fill: none;
}
.unidad, .node, .detail text, .all-unidades {
  cursor: pointer;
}
.all-unidades {
  fill: #000;
  width: 200px;
}

.all-unidades .boton{
  background-color: #EC1C24;
  font-size: 12px;
  color: #fff;
  padding: 3px;
  text-align: center;
      width: 100%;
}

.all-unidades .lista{
  font-size: 11px;
  line-height: 15px;
  padding: 6px;
  background-color: #f1f1f1;
}

.all-unidades .lista .circle{
   width: 8px;
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
    background: #000;
        display: inline-block;
    margin-right: 6px;
    border: 1px solid transparent;
}

.all-unidades .lista .circle.unidad{
  background-color: #EC1C24;
  border: 1px #EC1C24;
}

.all-unidades .lista .circle.publico{
  background-color: #fff;
  border: 1px solid #000;
}

.detail a text:hover, text.all-unidades:hover {
  text-decoration: none;
  fill: #999;
}
#graph-info {
  position: absolute;
  width: 140px;
  right: 0;
  bottom: 0;
  padding-bottom: 10px;
}

/* references */
#references h3 {
  color: #999;
}
em.ref {
  color: #999;
  margin-left: 10px;
}
.ref-unidad a, .ref-unidad a:visited {
  white-space: nowrap;
  color: #999;
}

/* map */
#map .leaflet-popup-content a {
  display: block;
  margin-top: 10px;
  border-bottom: 1px solid transparent;
}
#map .leaflet-popup-content a:hover {
  color: #000;
  border-bottom-color: #0da4d3;
}