.paths-legend {
  display: block;
  margin-bottom: 50px;
  padding: 0 20px;
  display: flex;
  justify-content: space-between; }
  .paths-legend ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .paths-legend ul li {
      margin-bottom: 10px; }
  .paths-legend a {
    display: inline-block;
    position: relative;
    padding-left: 50px; }
    .paths-legend a.active {
      opacity: 1;
      filter: alpha(opacity=100); }
    .paths-legend a.not_active {
      opacity: 0.1;
      filter: alpha(opacity=10); }
    .paths-legend a:before {
      content: '';
      width: 45px;
      height: 5px;
      position: absolute;
      left: 0;
      top: 48%;
      transform: translateY(-50%); }
    .paths-legend a.immuno_gdna:before {
      background: #A67396; }
    .paths-legend a.ffpe_gdna:before {
      background: #84BD00; }
    .paths-legend a.target_enrichment:before {
      background: #CE0F69; }
    .paths-legend a.restriction_dna:before {
      background: #00BAB3; }
    .paths-legend a.single_molecule_gdna:before {
      background: #0B436A; }
    .paths-legend a.transposon_gdna:before {
      background: #D6001C; }
    .paths-legend a.low_input_gdna:before {
      background: #D65880; }
    .paths-legend a.single_hybridize_gdna:before {
      background: #F0A771; }
    .paths-legend a.double_hybridize_gdna:before {
      background: #94795D; }
    .paths-legend a.mate_paired:before {
      background: #008522; }
    .paths-legend a.pcr_free_gdna:before {
      background: #7CA87D; }
    .paths-legend a.standard_gdna:before {
      background: #F2A900; }
    .paths-legend a.total_rna_mrna:before {
      background: #80276C; }
    .paths-legend a.mrna:before {
      background: #00A9E0; }
    .paths-legend a.single_hybridize_mrna:before {
      background: #DC5841; }
    .paths-legend a.mrna_ribo:before {
      background: #E87722; }

#campaign-page {
  margin-top: -28px; }

.white-popup {
  position: relative;
  background: #FFF;
  padding: 30px 20px 60px 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto; }
  .white-popup h3 {
    margin-bottom: 20px;
    font-size: 20px; }
  .white-popup a.btn {
    display: inline-block;
    background: #0085D5;
    color: #FFF;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 0;
    margin-top: 20px; }

.paths {
  padding-top: 100px;
  padding-bottom: 100px; }
  .paths .scaling-svg-container {
    position: relative;
    height: 0;
    width: 100%;
    padding: 0;
    padding-bottom: 100%;
    /* override this inline for aspect ratio other than square */ }
  .paths .scaling-svg {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0; }
  .paths .category {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
    .paths .category:hover {
      fill: #0065A2; }
    .paths .category.active {
      fill-opacity: 1;
      filter: alpha(fill-opacity=100); }
    .paths .category.not_active {
      fill-opacity: 0.1;
      filter: alpha(fill-opacity=10); }
  .paths .path {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
    .paths .path.active {
      fill-opacity: 1;
      filter: alpha(fill-opacity=100); }
    .paths .path.not_active {
      fill-opacity: 0.1;
      filter: alpha(fill-opacity=10); }
  .paths .hover {
    fill-opacity: 1;
    filter: alpha(fill-opacity=100); }
  .paths .connector {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
    .paths .connector:hover {
      fill: #0065A2; }
    .paths .connector.sub:hover {
      fill: #9D9D9B; }
    .paths .connector.active {
      fill-opacity: 1;
      filter: alpha(fill-opacity=100); }
    .paths .connector.not_active {
      fill-opacity: 0.1;
      filter: alpha(fill-opacity=10); }
  .paths .text {
    pointer-events: none; }
    .paths .text.active {
      fill-opacity: 1;
      filter: alpha(fill-opacity=100); }
    .paths .text.not_active {
      fill-opacity: 0.1;
      filter: alpha(fill-opacity=10); }
  .paths .info, .paths .i {
    display: none;
    cursor: pointer; }
    .paths .info.visible, .paths .i.visible {
      display: block; }