.Loading {
  position: absolute;
  top: 1em;
  right: 31em;
  width: 3em !important;
  height: 3em !important;
  z-index: 10010;
}

.NoNetwork {
  position: absolute;
  z-index: 10000;
  display: flex;
  top: 1em;
  right: 31em;
  width: 3em;
  height: 3em;
  background-image: url("./assets/no-network.png");
  background-size: contain;
  background-position: center; 
}

.Roberta .Pip-Shape:hover,
.Roberta .Pip-Shape {
  background-image:url("./assets/woman-robber.png"); 
}

.BottomBar {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 30rem;
  justify-items: space-between;
  justify-content: space-between;
  align-items: flex-end;
  height: 10.5rem;
}


.Display {
  display: inline-block;
  position: absolute;
}


.Placard:hover {
  filter: brightness(105%);
}

.Development:hover {
  filter: brightness(150%);
}

.Development.Selected {
  filter: brightness(150%);
  top: -1em;
}


.Action {
  display: flex;
  flex-wrap: wrap;
  flex: 1 0;
  align-items: center;
  justify-content: space-evenly;
  background-color: rgba(16, 16, 16, 0.25);
  padding: 0.25em;
}

button {
  margin: 0.25em;
  background-color: white;
  border: 1px solid black !important;
}

.Error {
  display: flex;
  position: absolute;
  top: calc(50vh - 1.5em);
  left: calc(0vw + 1em);
  right: calc(30vw + 2em);
  align-items: center;
  justify-content: center;
  background-color: yellow;
  padding: 1em;
  z-index: 10000;
}

.Message {
  display: inline-block;
  flex: 1 0;
  justify-content: left;
  text-align: left;
 /* font-size: 12pt;*/
  padding: 0.5em;
  user-select: none;
}

.Message .PlayerColor {
  width: 1em;
  height: 1em;
}

.Message div {
  display: inline-flex;
}


.PlayerName {
  padding: 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.PlayerName > .nameInput {
  margin-right: 1em;
  flex: 1;
  max-width: 30em;
}

.PlayerName > Button {
  background: lightblue;
}

.Statistics > div:nth-child(2) {
  display: flex;
  flex-direction: row;
  border: 1px solid black;
}

.Statistics div:nth-child(2) div {
  padding: 0.25em 0.5em;
}