body{
  font-family: 'Lato', helvetica, sans-serif;
}

.container{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  overflow: hidden;
  background-color: rgb(233, 234, 236);
}

.element{
  font-family:'Lato', helvetica, sans-serif;
  font-size: 13px;
}

.map{
  position:absolute;
  top:-2200px;
  left:-2200px;
  width:5000px;
  height:5000px;
}

.credits{
  position: absolute;
  width: 320px;
  right: 10px;
  bottom: 10px;
  font-size: 12px;
}

.journal{
  position:fixed;
  right: 20px;
  top:20px;
  bottom:200px;
  width: 290px;
  overflow-y: scroll;
  padding: 15px;
  background-color: rgba(255,255,255,0.8);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.02) inset, 0px -5px 5px rgba(0, 0, 0, 0.02); /*inset;*/
  border-radius: 4px;
}

.controls{
  position:fixed;
  right: 30px;
  top:5px;

}

/*ul.filters-list{
  background-color: rgba(255,255,255,0.8);
  padding:5px;
  position:fixed;
  bottom:0px;
  left:0px;
  list-style: none;
  border-radius: 4px;
  margin:10px;
}*/

/*.explain{
  background-color: rgba(255,255,255,0.8);
  padding:5px;
  position:fixed;
  height:40px;
  bottom:0px;
  left:451px;
  margin:10px;
  border-radius: 4px 4px 4px 4px;

}*/

.filters{
  position:absolute;
  padding: 15px;
  height: 110px;
  width: 290px;
  right: 20px;
  bottom: 50px;
  background-color: rgba(255,255,255,0.8);
}

li{
  display: inline;
  list-style-type: none;
}

.btn{
  width: 86px;
  margin-top: 3px;
  background-color: gray; 

}

.explain{
  background-color: rgba(255,255,255,0.8);
  padding:15px 0 0 0;
  position:relative;    
  border-radius: 4px 4px 4px 4px;
  color: gray;
}

a {
  color: #3498db;
  text-decoration: none;
}

h2{
  margin-bottom: 5px;
}

/* SVG STYLES */

.land {
  /*fill: #999;*/
  fill: rgb(117, 87, 57);
  stroke-opacity: 0.5;
  stroke: #fff;
  stroke-width: 0.75;
}

.graticule {
  fill: none;
  stroke: #777;
  stroke-width: .5px;
  stroke-opacity: .5;
}

.boundary {
  fill: none;
  stroke: #fff;
  stroke-width: .5px;
}

.noclicks { pointer-events:none; }

.circles{
  fill: none;
}

.bank {  
  radius: 2; 
  fill: none;  
  pointRadius: 20;
}

.email {  
  radius: 4; 
  fill: none;
}

.loc {  
  radius: 6; 
  fill: none;
}

.circlehover{
  fill: blue;
}

.acc{ stroke: red; }
.rej{ stroke: green; }

.arcs {
  opacity:.1;
  stroke: gray;
  stroke-width: 4px;
}
.flyers-accepted {
  stroke-width:2;  
  stroke: red; 
  fill: none;
}
.flyers-rejected {
  stroke-width:2;  
  stroke: green; 
  fill: none;
}
.arc, .flyer {
  stroke-linejoin: round;
  fill: none;

}

.flyer:hover { }


/* tooltip + bottom triangle */
div.tooltip {   
  position: absolute;    
  color: white;       
  text-align: left;         
  /* width: 120px;  */
  width: auto;                
  height: 35px;                 
  padding: 5px;             
  font-family: 'Lato', helvetica, sans-serif;
  font-size: 13px;
  background: white;   
  border: 0px;              
  pointer-events: none;         
}

div.tooltip:after {
  position: absolute;
  display: block;
  content: "";  
  border-color: white transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-19px;
  left:49px;
}

.top-icon-accepted{
  color: red !important;
  font-size:20px;
}

.top-icon-rejected{
  color: green !important;
  font-size:20px;
}

.filter-bank{

  background-color: gray;
}
.filter-bank.is-active{
  background-color: red;

}
.left-filters{
  position:absolute;
  bottom:10px;
  left:10px;
} 
.right-filters{
  position:absolute;
  bottom:10px;
  right:10px;
} 

/* button nonsense */
/*.btn{
  background-color: #3498db;
}

.btn:active{
  background-color: #3498db;
}

.btn:default{
  background-color: red;
}*/
.btn-custom-lighten.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-custom-lighten {
  color: black;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #cccccc, #f5f5f5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #cccccc, #f5f5f5);
  background-image: -o-linear-gradient(top, #cccccc, #f5f5f5);
  background-image: linear-gradient(to bottom, #cccccc, #f5f5f5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff00aaff', GradientType=0);
  border-color: #f5f5f5 #f5f5f5 #0077b3;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #f5f5f5;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-custom-lighten:hover,
.btn-custom-lighten:focus,
.btn-custom-lighten:active,
.btn-custom-lighten.active,
.btn-custom-lighten.disabled,
.btn-custom-lighten[disabled] {
  color: black;
  background-color: #f5f5f5;
  *background-color: #f5f5f5;
}
.btn-custom-lighten:active,
.btn-custom-lighten.active {
  background-color: #005fcc;
  color: white;
}