div.tooltip {	
    position: absolute;			
    text-align: left;			
    width: 500px;					
    height:100px;					
    padding: 2px;				
    font: 15px sans-serif;		
    background: white;	
    border: 1px;		
    stroke: black;
    stroke-width: 5px;
    border-radius: 8px;			
    pointer-events: none;			
  }
  
  
  body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
  svg { width:100%; height: 100% }
  
  path {
  fill: #444;
  stroke-width: 0.1px;
  }
  
  .active {
    stroke-width: 0.5px;
    stroke: black;
  }
  
  .mesh {
  stroke: #fff;
  stroke-width: 0.1px;
  pointer-events: none;
  fill: none;
  }
  
  #select_species{  
    position:fixed;
    opacity:1; 
    top: 10px;
    left: 10px
  }
  #form_check_label{
    position:absolute;
    opacity:1; 
    transform: translate(300px,-960px);
  }
  #select_map{  
    position:fixed;
    opacity:1; 
    top: 10px;
    left: 200px;
  }
  #select_ranking{  
    position:absolute;
    opacity:1; 
    transform: translate(100px,-800px);
  }
  
  #txt_codigo{  
    position:fixed;
    opacity:1; 
    top:500px;
    left:20px;
  }
  
  #select_year{  
    position:fixed;
    opacity:1; 
    top: 10px;
    left: 400px;
  }
  #select_year_aft{  
    position:fixed;
    opacity:1; 
    top: 10px;
    left: 500px;
  }
  
  
  #select_freq{  
    position:absolute;
    opacity:1; 
    transform: translate(1300px,-980px);
  }
  
  #form_button_chain{  
    position:absolute;
    opacity:0; 
    transform: translate(500px,-100px);
  }
  
  #checkbarchart{  
    position:absolute;
    opacity:1; 
    transform: translate(1650px,-980px);
  }
  
  
  
  
  
  .slider-wrapper input {
    width: 150px;
    height: 20px;
    margin: 0;
  }
  
  input[type='range'][orient=vertical]::-webkit-slider-thumb {
       -moz-appearance: -moz-range-track;
       border-radius: 20px;
       background-color: #FFF;
       box-shadow:
          inset 0 0 16px #000000,
          inset 16px 0 20px #0c0c0c;
       border: 2px solid #020202;
       height: 20px;
       width: 20px;
  }
  ::-webkit-scrollbar-thumb:vertical{
    background: #000;
    border-radius: 10px;
  }
  


  .svg-container {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    vertical-align: top;
    overflow: hidden;
}
.svg-content {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}