.pgcrImage {
  width: 306px;
  height: 172px; // todo set to larger for high res
  aspect-ratio: 16/9;
  background-size: contain;
  border-radius: 5px;
  padding: 10px;
  text-align: left;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}


@media screen and (min-width: 600px) {
  .pgcrImage {
    width: 459px;
    height: 258px;
  }
}

.pgcrImageText {
  background-color: hsla(0, 0%, 100%, .5);
  color: #000;
  padding: 3px;
  display: inline-block;
  border-radius: 5px;
  margin: 5px;

}

.justify-center {
  justify-content: center;
}

.pgcr-spacer {
  flex-grow: 1;
}


.flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}


.flex-row>* {
  margin: 5px;
}

.icon {
  border-radius: 5px;
}

.fireteam-group-cell { 
  height: 100%;
  width: 27px;
  position: relative;
}

.fireteam-group { 
  border-top-left-radius: 150px;
  border-bottom-left-radius: 150px;
  // border-top-right-radius: 25px;
  // border-bottom-right-radius: 25px;
  position: absolute;
  height: 95%;
  width: 80%;
  top: 2.5%;
  left: 10%;
}

div.detail-list {
  margin-top: 5px;
  text-align: left;
}