html, body, .full-height,#mapid { height: 100%; }

.leaflet-tooltip.normalrank {
  background-color: transparent;
  border: transparent;
  box-shadow: none;
  font-weight: bold;
  font-family: 'Crimson Text', serif;
  font-size: 0.7vw;
  top: -3px;
  left: 0px;
  color: rgba(240,240,240,1);
  text-shadow: 0.1vw 0.1vw 0.2vw #000000, 0.2vw 0.2vw 0.4vw #000000;
  transition: text-shadow 0.05s, color 0.05s linear;
 }
  
.leaflet-tooltip.forestrank {
  background-color: transparent;
  border: transparent;
  box-shadow: none;
  font-weight: bold;
  font-family: 'Crimson Text', serif;
  font-size: 0.7vw;
  top: -3px;
  left: 0px;
  color: rgba(0,255,0,1);
  text-shadow: 0.1vw 0.1vw 0.2vw #000000, 0.2vw 0.2vw 0.4vw #000000;
  transition: text-shadow 0.05s, color 0.05s linear;
 }

.leaflet-tooltip.minerank {
  background-color: transparent;
  border: transparent;
  box-shadow: none;
  font-weight: bold;
  font-family: 'Crimson Text', serif;
  font-size: 0.7vw;
  top: -3px;
  left: 0px;
  color: rgba(255,160,10,1);
  text-shadow: 0.1vw 0.1vw 0.2vw #000000, 0.2vw 0.2vw 0.4vw #000000;
  transition: text-shadow 0.05s, color 0.05s linear;
 }

.leaflet-tooltip.quarryrank {
  background-color: transparent;
  border: transparent;
  box-shadow: none;
  font-weight: bold;
  font-family: 'Crimson Text', serif;
  font-size: 0.7vw;
  top: -3px;
  left: 0px;
  color: rgba(0,100,255,1);
  text-shadow: 0.1vw 0.1vw 0.2vw #000000, 0.2vw 0.2vw 0.4vw #000000;
  transition: text-shadow 0.05s, color 0.05s linear;
 }

 .leaflet-tooltip.label {
  background-color: rgba(75,75,75,.8);
  border: 6px double rgba(150,150,150,.8);
  border-radius: 0px;
  padding: 6px;
  box-shadow: .2vw .2vw 1vw rgba(0,0,0,0.4);
  font-weight: normal;
  font-family: 'Crimson Text', serif;
  font-size: 0.7vw;
  top: -3px;
  left: 0px;
  line-height: .75;
  color: rgba(255,255,255,1);
  text-shadow: 0.1vw 0.1vw 0.2vw #000000, 0.2vw 0.2vw 0.4vw #000000;
  transition: text-shadow 0.05s, color 0.05s linear;
 }

 .leaflet-tooltip.runegatelabel {
  background-color: rgba(75,75,0,.8);
  border: 6px double rgba(150,150,0,.8);
  border-radius: 0px;
  padding: 6px;
  box-shadow: .2vw .2vw 1vw rgba(0,0,0,0.4);
  font-weight: normal;
  font-family: 'Crimson Text', serif;
  font-size: 0.7vw;
  top: -3px;
  left: 0px;
  line-height: .75;
  color: rgba(255,255,255,1);
  text-shadow: 0.1vw 0.1vw 0.2vw #000000, 0.2vw 0.2vw 0.4vw #000000;
  transition: text-shadow 0.05s, color 0.05s linear;
 }
 
 .leaflet-tooltip.fortlabel {
  background-color: rgba(75,0,0,.8);
  border: 6px double rgba(150,0,0,.8);
  border-radius: 0px;
  padding: 6px;
  box-shadow: .2vw .2vw 1vw rgba(0,0,0,0.4);
  font-weight: normal;
  font-family: 'Crimson Text', serif;
  font-size: 0.7vw;
  top: -3px;
  left: 0px;
  line-height: .75;
  color: rgba(255,40,40,1);
  text-shadow: 0.1vw 0.1vw 0.2vw #000000, 0.2vw 0.2vw 0.4vw #000000;
  transition: text-shadow 0.05s, color 0.05s linear;
 }

  .leaflet-tooltip.forestlabel {
  background-color: rgba(0,75,0,.8);
  border: 6px double rgba(0,150,0,.8);
  border-radius: 0px;
  padding: 6px;
  box-shadow: .2vw .2vw 1vw rgba(0,0,0,0.4);
  font-weight: normal;
  font-family: 'Crimson Text', serif;
  font-size: 0.7vw;
  top: -3px;
  left: 0px;
  line-height: .75;
  color: rgba(0,255,80,1);
  text-shadow: 0.1vw 0.1vw 0.2vw #000000, 0.2vw 0.2vw 0.4vw #000000;
  transition: text-shadow 0.05s, color 0.05s linear;
 }
 
 .leaflet-tooltip.orelabel {
  background-color: rgba(64,50,0,.8);
  border: 6px double rgba(128,100,0,.8);
  border-radius: 0px;
  padding: 6px;
  box-shadow: .2vw .2vw 1vw rgba(0,0,0,0.4);
  font-weight: normal;
  font-family: 'Crimson Text', serif;
  font-size: 0.7vw;
  top: -3px;
  left: 0px;
  line-height: .75;
  color: rgba(255,160,10,1);
  text-shadow: 0.1vw 0.1vw 0.2vw #000000, 0.2vw 0.2vw 0.4vw #000000;
  transition: text-shadow 0.05s, color 0.05s linear;
 }
 
 .leaflet-tooltip.quarrylabel {
  background-color: rgba(0,50,64,.8);
  border: 6px double rgba(0,100,128,.8);
  border-radius: 0px;
  padding: 6px;
  box-shadow: .2vw .2vw 1vw rgba(0,0,0,0.4);
  font-weight: normal;
  font-family: 'Crimson Text', serif;
  font-size: 0.7vw;
  top: -3px;
  left: 0px;
  line-height: .75;
  color: rgba(0,160,255,1);
  text-shadow: 0.1vw 0.1vw 0.2vw #000000, 0.2vw 0.2vw 0.4vw #000000;
  transition: text-shadow 0.05s, color 0.05s linear;
 }
 
 .leaflet-tooltip.dangerlabel {
  background-color: rgba(75,75,0,.8);
  border: 6px double rgba(150,150,0,.8);
  border-radius: 0px;
  padding: 6px;
  box-shadow: .2vw .2vw 1vw rgba(0,0,0,0.4);
  font-weight: normal;
  font-family: 'Crimson Text', serif;
  font-size: 0.7vw;
  top: -3px;
  left: 0px;
  line-height: .75;
  color: rgba(255,160,10,1);
  text-shadow: 0.1vw 0.1vw 0.2vw #000000, 0.2vw 0.2vw 0.4vw #000000;
  transition: text-shadow 0.05s, color 0.05s linear;
 }