.main-location-plain-container{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  top: 0;
  left: 0;
  z-index: 999;
  position: absolute;
}

.main-location-plain-coords{
  width: 64px;
  height: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.25s ease;
}

.border_left{ border-left: solid 1px rgba(0, 0, 0, 0.26); }
.border_top{ border-top: solid 1px rgba(0, 0, 0, 0.26); }
.border_right{ border-right: solid 1px rgba(0, 0, 0, 0.26); }
.border_bottom{ border-bottom: solid 1px rgba(0, 0, 0, 0.26); }

.main-location-plain-coords:not(.red_primary_background):hover{
  box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.26);
  background-color: rgba(255, 255, 255, 0.45);
}

.location_outline{
  width: 18px;
  height: 18px;
  border-radius: 9px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.25s ease;
}

.unselected_empty_location_outline{
  background-color: #AAA;
}

.unselected_empty_location_fill{
  background: rgba(99,99,99,1);
}

.general-location-plain-container{
  width: 100%;
  height: 192px;
  position: relative;
  overflow: hidden;
}

.plane-location-svg-container{
  position: absolute;
}

.location_fill{
  width: 12px;
  height: 12px;
  border-radius: 6px;
  transition: all 0.25s ease;
}

.selected_location_fill{
  background: #CCC;
}