.state {
    fill:#d3d3d3;
    stroke:#fff;
    stroke-width:0.75;
    stroke-opacity:1;
}

.svg-container {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-bottom: 50%;
  vertical-align: middle;
  overflow: hidden;
}

.svg-content {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
body {background-color:rgba(255,255,255,0.0);}

.green-fixed-size-square {display: table;width: 40px;height: 20px;background: green;}
.red-fixed-size-square {display: table;width: 40px;height: 20px;background: red;}
.yellow-fixed-size-square {display: table;width: 40px;height: 20px;background: yellow;}
.green-fixed-size-square,.red-fixed-size-square,.yellow-fixed-size-square span {display: table-cell;text-align: center;vertical-align: middle;color: black}

#svg-legend-div {
  width: 860px;
  height: 60px;
}

.legend-scale ul li:first-child {
  width: 80px;
}
.legend-scale ul li {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  display: block;
  float: left;
  width: 80px;
  margin: 0;
  padding: 0 12px 0 0;
  text-align: left;
  font-size: 17px;
  line-height: 18px;
  color: #545454;
  list-style: none;
}

.legend-scale ul {
  margin: 0 0 6px 0;
  padding: 0;
  float: left;
  list-style: none;
}

ul.legend-labels li span {
  display: block;
  float: left;
  /*height: 11px;
  width: 11px;*/
  padding:12px;
  margin: 1px 4px 7px 0;
  opacity: 0.9;
  filter: alpha(opacity=80);
}

fieldset.policy-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
    box-shadow:  0px 0px 0px 0px #000;
}

legend {
  margin-bottom: 5px !important;
}

/*legend.policy-border {
   font-size: 1.2em !important;
   font-weight: bold !important;
   text-align: left !important;
   width:auto;
   padding:0 10px;
   border-bottom:none;
}*/

legend.policy-border {
   font-family: 'Roboto', Helvetica, Arial, sans-serif;
   font-size: 1.5em !important;
   font-weight: bold !important;
   text-align: left !important;
   width:auto;
   padding:0 10px;
   border-bottom:none;
}

.policy-bullet {
  list-style-type: none;
  /*width:400px;*/
}

.policy-bullet li:hover {
  background-color:#066780;
}

.click-active {
  background-color:#066780 !important;
}

/*.policy-bullet li {
  float:left;
  margin:0 10px 5px 0;
  width:165px;
  font-size:75%;
}*/
/*.policy-bullet li {
  float:left;
  margin:0 10px 5px 0;
  width:169px;
  font-size:75%;
  padding:10px;
  background-color:#59001E;
  color:#ffffff;
  border-radius:3px;
}*/
.policy-bullet li {
  float: left;
  margin: 0 10px 5px 0;
  width: 100%;
  font-size: 75%;
  padding: 10px;
  background-color: #59001E;
  color: #ffffff;
  border-radius: 3px;
}

.policy-bullet span {
   font-family: 'Roboto', Helvetica, Arial, sans-serif;
   font-size:16px;
}


#left-fieldset {
  width: 100%;
  float: left;

}

#right-fieldset {
  width: 100%;
  float: left;
}

#select-policy {
  overflow:auto;
  height:300px;
  width:400px;
}

.notes {
  display:none;
}

.notes:hover {
  display:block;
}