img {
  width: 20%;
  height: auto;
  margin: 10px;
}

#avatar-type-select,
#background-select {
  width: 150px;
}

#avatar-select-form {
  display: flex;
  justify-content: space-between;
  width: 60%;
}

#avatar-select-form > label {
  width: 200px;
  display: flex;
  justify-content: flex-end;
}

/* not sure if I should negate the image in the navigation bar */
img {
  width: 144px;
  height: 144px;
  /* background: url('../assets/loading-crop.gif') no-repeat;
  background-position: center;
  background-size: 50px auto; */
  border: 2px solid lightgrey;

  border-color: #FBE8A6;
  /* border-radius: 5px; */
}

img:hover:not(#nav-active-child-avatar) {
  border: 2px solid #F4976C;
}

.images-div {
  display: flex;
  flex-wrap: wrap;
}

.glyphicon-ok {
  color: #FFA500; 
  left: 1.5em;
  top: .5em;
  font-size: 30px;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}