body {
        margin:0px;
        padding:0px;
        font-family:'Guardian Egyptian Web', 'Egyptian Display', Georgia, serif;
        font-size:1em;
}

.chartTitle {
margin: 0 auto;
margin-bottom: 15px;
font-size: 21px;
font-family: 'Guardian Egyptian Web', EgyptianHeadline, Georgia, serif;
font-weight: 900;
text-align: left;
color: #005689;
}


.interactiveText p 
{
font-family: 'Guardian Text Egyptian Web','Egyptian Text',Georgia,serif;
font-size: 1rem;
line-height: 24px;
max-width: 704px;
margin-left:auto;
margin-right:auto;
}


.topbar {
width: 70px;
height: 4px;
background-color: #4bc6df;
margin-bottom: 10px;
}

 .chart { 
    background: #fff;
    font: 10px sans-serif;
    max-width:1300px;
    margin-left:auto;
    margin-right:auto; 
}

  .remove p {
    font: 20px helvetica;
  }

  .axis path, .axis line {
    fill: none;
    stroke: #000;
    stroke-width: 2px;
    shape-rendering: crispEdges;
  }

  button {
    position: absolute;
    right: 50px;
    top: 10px;
  }

  .chart {

    position: relative;
  }

  .filterText {

      font-size: 20px;
      font-weight: bold;
  }

  .infobox {

    font-size: 12px;
  }

  .infoboxHeader {

    font-size: 16px;
  }


  .ui-tooltip-content {

    z-index: 60;
  }

  .btn {
  display: inline-block;
  border-radius: 16px;
  text-align: center;
  padding: 5px 10px;
  margin-bottom:5px; 
  line-height: 0.9rem; 
  font-family: "Guardian Agate Sans", Arial, sans-serif;
  overflow:hidden;
  color: #FFFFFF;
  background-color: #bdbdbd;
  cursor:pointer;
  }

#toggleText {
position: relative;
font-family: 'Guardian Text Sans Web',TextSans,Arial,sans-serif;
font-size: 14px;
padding: 5px 0px;
margin: 0;
display: inline-block;
}

.keyText {
position: relative;
font-family: 'Guardian Text Sans Web',TextSans,Arial,sans-serif;
font-size: 14px;

}

.reset {
   display: none;
}

.btn:hover {
background-color: #bdbdbd !important;
}

.greyedOut {
background-color: #bdbdbd !important;
}

#interactiveWrapper {
    max-width:1300px;
    margin-left: auto;
    margin-right:auto;
    position: relative;
}


.btn.traditionalBand{background:#31a354;color:#fff;}
.btn.urban{background:#3182bd;color:#fff;}
.btn.popMusic{background:#de2d26;color:#fff;}
.btn.electronic{background:#756bb1;color:#fff;}
.btn.other{background:#636363;color:#fff;}

.row {

        margin-bottom:15px; 
      }

      .row:after {
         content: " "; /* Older browser do not support empty content */
         visibility: hidden;
         display: block;
         height: 0;
         clear: both;
      }


.col50 {

        float:left;
        width:49%;
        margin-right:1%; 

      }

      .col30 {

        float:left;
        width:29%;
        margin-right:1%; 

      }

      .col70 {

        float:left;
        width:69%;
        margin-right:1%; 

      }

      .right {
        float:right;
        text-align:right;  
      }

      .col100 {
        width:100%;
      }      


text.streamLabel {
  stroke: black;
}

text.shadow {
  stroke: white;
  stroke-width:3px;
  opacity:0.8;
}

#durationGraphWrapper .dot:hover{

  stroke:black;
  stroke-width:2px;

}

.columnSection:hover{
  opacity:0.7;
}

.keySquare {

display: inline-block;
width: 10px;
height: 10px;
margin-right: 5px;

}

.blue1 {
background-color:rgb(8,81,156);
}
.blue2 {
background-color:rgb(49,130,189); 
}
.blue3 {
background-color:rgb(107,174,214);  
}
.blue4 {
background-color:rgb(189,215,231);  
}
.dropcap {
color: #4bc6df;
float: left;
margin: 0 4px 0 0;
padding: 0;
font-family: 'Guardian Egyptian Web', 'Egyptian Display', 'Volkhov', Georgia;
font-size: 60px;
font-weight: 500;
line-height: 48px;
}

.caption {
font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
color: #767676;
font-size:0.75em;
max-width: 704px;
margin-left:auto;
margin-right:auto; 
}

a {

color: #005689;
cursor: pointer;
text-decoration: none;
}

a:hover {
text-decoration: underline;

}
@media (max-width: 600px) {
      body {
        font-size:0.9em;
      }
  
      .label, .axis {
        font-size:0.7em;
      }
      

      }