.shelvedMarker {
  height:unset;
  border-radius: 50%;
  background-image: None;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #FF2B40;
  border:2px solid #c62828 ;
}
.shelvedMarkerPending {
  height:unset;
  border-radius: 50%;
  background-image: None;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #CE93D8;
  border:2px solid #ab47bc
}
.shelvedMarkerDateConfirmed {
  height:unset;
  border-radius: 50%;
  background-image: None;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #00BFA5;
  border:2px solid #26a69a;
}
.shelvedMarkerComplete {
  height:unset;
  border-radius: 50%;
  background-image: None;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.circleX1{
  width:40px;
  height: 40px;
}
.circleX2{
  width:60px;
  height: 60px;
}
.circleX3{
  width:80px;
  height: 80px;
}


.artMarker {
  background-image: url('images/art-map-marker.png');
  background-size: cover;
  width: 46px;
  cursor: pointer;
  color:black;
  font-size:14px;
  text-align: center;
}
.rackMarker {
  background-image: url('images/rack-map-marker.png');
  background-size: cover;
  width: 46px;
  height: 32px;
  cursor: pointer;
  color:white;
  font-size:14px;
  text-align: center;
}