.str0 {stroke:#2B2A29;stroke-width:105}
.str2 {stroke:#2B2A29;stroke-width:100}
.str1 {stroke:#636347;stroke-width:150}
.str1:hover {stroke:white;}
.fil1 {fill:none}
.fil0 {fill:#EEEED4}
.fil2 {fill:red;fill-opacity: 0.0}
.selected {stroke:yellow;stroke-width:250;}

#yearSlider {width:250px;}

@media screen and (min-width: 900px) {
  .yddviz-column {
    float: left;
  }

  .yddviz-column.left {
    width: 40%;
  }

  .yddviz-column.right {
    width: 60%;
  }
}

@media screen and (min-width: 1200px) {
  .yddviz-column.left {
    width: 30%;
  }

  .yddviz-column.right {
    width: 70%;
  }
}

div#yddvizContainer::after {
  content: "";
  clear: both;
  display: table;
}

#yddvizContainer {
  margin-bottom: 2em;
}

#yddvizMap svg {
  width: 100%;
}

#yddvizData table {
  width: 100%;
}

#yddvizData ol li {
  padding: 2px 8px;
}

#yddvizData ol {padding-left: 1.5em; }
#yddvizData ol li.d, #yddvizData span.d {background-color: #ffd000}
#yddvizData ol li.a, #yddvizData span.a {background-color: #ff6633}
#yddvizData ol li.o, #yddvizData span.o {background-color: #00b4c8}
#yddvizData ol li.c, #yddvizData span.c {background-color: #99cc66}

div#yddvizChart {display:block;}