@import "~bootstrap/scss/bootstrap.scss";


.gps-location {
  display:block; 
  width:2.5em;
  height:2.5em;
  background-color: $body-bg;
  background-size: contain;
  margin-top:0.5em;
  border-radius: 1.75em;
  padding:0
}

.center, .tolerance, .border {
  stroke-width: 0;
}

.pan-to {
  fill: $secondary;
}

div.gps-location:hover .pan-to {
  fill: $white;
}

.pan-to-centered {
  fill: $primary;
}

div.gps-location:hover .pan-to-centered {
  fill: theme-color-level($color-name: "primary", $level: -10) 
}

.pan-to.pan-to-disabled {
  fill: $gray-300;
}