.dvz-bw-head {
  background-image: url("../../img/amazon-header-extra-large.png");
  background-position:center;
  background-repeat: no-repeat;
}
@media all and (max-width: 1700px) { 
  .dvz-bw-head {
    background-image: url("../../img/amazon-header-very-large.png");
    background-position:center;
    background-repeat: no-repeat;
  }
}
@media all and (max-width: 1300px) { 
  .dvz-bw-head {
    background-image: url("../../img/amazon-header-large.png");
    background-position:center;
    background-repeat: no-repeat;
  }
}
@media all and (max-width: 1150px) { 
  .dvz-bw-head {
    background-image: url("../../img/amazon-header-medium.png");
    background-position:center;
    background-repeat: no-repeat;
  }
}
@media all and (max-width: 768px) { 
  .dvz-bw-head {
    background-image: url("../../img/amazon-header-small.png");
    background-position:center;
    background-repeat: no-repeat;
  }
}
@media all and (max-width: 500px) { 
  .dvz-bw-head {
    background-image: url("../../img/amazon-header-extra-small.png");
    background-position:center;
    background-repeat: no-repeat;
  }
}
@media all and (max-width: 350px) { 
  .dvz-bw-head {
    background-image: url("../../img/amazon-header-extra-extra-small.png");
    background-position:center;
    background-repeat: no-repeat;
  }
}
.y-axis path, line {
  fill: none;
  stroke: none;
}
.x-axis path, line {
  fill: none;
  stroke-width: 1px;
  stroke: #000;
}
.y-axis .tick path, line{
	fill: #efefef;
}
.axis text {
	font-family: BWHaasText,HaasText,helvetica,arial,sans-serif;
  font-size: 14px;
}
.annotation path{
  fill: none;
  stroke: #000;
  cursor: default;
}
.annotation circle{
  stroke: none;
  cursor: default;
}
.annotation text{
  cursor: default;
}
.key-dot {
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin-right: 5px;
}
#legend-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
}
#legend {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  align-items: flex-end;
  align-content: flex-end;
  margin-top: 5px;
}
/*.legend-text {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}*/
.legend-child {
  margin-right: 20px;
  align-self: flex-end;
}
.legend-child p{
  clear:both;
  float:left;
}
.legend-scatter-dot {
  stroke: black;
  fill: white;
}
  #key-img {
    width: 147px;
    height: 88px;
    margin-top: -60px;
    background-image: url("../../img/size-key-01.png");
  }
@media all and (max-width:  725px) { 
  #key-img {
     margin-top: 0px;
  }
}
@media all and (max-width:  500px) { 
  #key-img {
   width: 124px;
   height: 66px;
   margin-top: 0px;
    background-image: url("../../img/size-key-02.png");
  }
}
.dot {
	fill-opacity: .6;
	stroke-opacity: .2;
	stroke-width: 1;
  stroke: #000;
}
.lines {
	stroke-linecap: round;
}
.Health {
	fill: #ff0000;
/*	stroke: #ff0000;*/
  background-color: #ff0000;
}
.line-Health {
	stroke: #0078ff;
}
.Auto {
	fill: #dca0ff;
/*	stroke: #dca0ff;*/
  background-color: #dca0ff;
}
.line-Auto {
	stroke: #dca0ff;
}
.Tech {
	fill: #767676;
	/*stroke: #767676;*/
  background-color: #767676;
}
.line-Tech {
	stroke: #767676;
}
.Retail {
	fill: #ffff00;
	/*stroke: #ffff00;*/
  background-color: #ffff00;
}
.line-Retail {
	stroke: #ffff00;
}
.Real.estate {
	fill: #008800;
/*	stroke: #008800;*/
  background-color: #008800;
}
.line-Real.estate {
	stroke: #008800;
}
.Food {
	fill: #0078ff;
	/*stroke: #003a89;*/
  background-color: #0078ff;
}
.line-Food {
	stroke: #0078ff;
}
.Payment.companies {
	fill: #fa1e64;
/*	stroke: #fa1e64;*/
  background-color: #fa1e64;
}
.Shipping.and.distribution {
  background-color: #81dfbf;
  fill: #81dfbf;
/*  stroke: #81dfbf;*/
}
div.tooltipSmall {      
  width: 135px;                  
} 
div.tooltipWide {      
  width: 180px;                  
} 
div.dvz-tooltip {   
  position: absolute;  
  background-color: white;
  border: 1px solid #ccc;
  box-shadow: 0 2px 2px #ccc;
  color: black;       
  text-align: left;
  font-family: BWHaasText, Helvetica, sans-serif;                       
  min-height: inherit;                  
  padding: 2px;             
  font-size: 14px;
  line-height: 16px;         
  pointer-events: none; 
  z-index: 9999; 
  display: none;
  padding: 5px;
  transform: translate(-50%, -110%);
} 
div.dvz-tooltip span{ 
  font-weight: bold;
 } 

@media all and (max-width:  500px) { 
  div.tooltipWide {
     width: 140px;             
  }
}
/*@media all and (max-width: 550px) {
  div.tooltip { 
     width: 100px;   
     font-size: 12px;
     line-height: 14px;   
  }
}
div.tooltip:after, before {
      position: absolute;
      bottom: 0;
      border: solid transparent;
      left: 50%;
      content: ' ';
      display: inline-block;
      width: 0;
      background-color: transparent;
      height: 0;
      pointer-events: none;
      z-index: 100;
      transform: translate(-50%, 100%);
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid #fff;
    }
  div.tooltip:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 7px;
    margin-left: -7px;
  }
  div.tooltip:before {
    border-color: rgba(102, 102, 102, 0);
    border-width: 8px;
    margin-left: -8px;*/
/*      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #ccc;   */
  

#slope-charts{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.small-chart {
	width: 40%;
}
.voronoi path {
  fill: none;
  pointer-events: all;
}
.hundred-line {
  stroke-width: 2px !important;
}