#avatarstock .display-avatars {
  overflow: hidden;
  padding: 5px;
}
#avatarstock .display-avatars .avatar-wrap {
  margin: 5px;
  float: left;
  position: relative;
  overflow: hidden;
  display: block;
  cursor: pointer;
}
#avatarstock .display-avatars .avatar-wrap img {
  display: block;
  height: auto;
}
#avatarstock .display-avatars .avatar-wrap input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s ease;
}
#avatarstock .display-avatars .avatar-wrap input.avatar-delete-input:hover, #avatarstock .display-avatars .avatar-wrap input.avatar-delete-input:checked {
  opacity: 1;
}
#avatarstock .display-avatars .upload-new-avatar {
  display: table;
  width: 40px;
  height: 40px;
  border: 1px dashed #aaa;
  cursor: pointer;
  box-sizing: border-box;
}
#avatarstock .display-avatars .upload-new-avatar input {
  cursor: pointer;
  opacity: 0;
}
#avatarstock .display-avatars .upload-new-avatar.has-progress {
  background: url("/applications/dashboard/design/images/progress_sm.gif") no-repeat center center transparent !important;
}
#avatarstock .delete-selected-avatars {
  clear: both;
  margin: 5px;
  display: none;
}
#avatarstock .delete-selected-avatars.show-delete-button {
  display: block !important;
}

.stockavatar-wrap h1 {
  display: block !important;
  margin-left: 10px;
}
.stockavatar-wrap #custom-avatar-upload {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 10px 0 20px 0;
  padding: 10px 0 20px 0;
}
.stockavatar-wrap .CurrentPicture {
  margin: 20px 0 0 0;
}
.stockavatar-wrap .remove-picture {
  margin: 20px 0;
}

#stockavatar-picker {
  overflow: hidden;
  padding: 3px;
}
#stockavatar-picker .avatar-option {
  display: block;
  float: left;
  padding: 2px;
}
#stockavatar-picker .avatar-option label {
  display: block;
  position: relative;
  margin: 0;
  padding: 2px;
  cursor: pointer;
  opacity: 0.40;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  transition: all 0.2s ease;
  overflow: hidden;
}
#stockavatar-picker .avatar-option label:hover {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  box-shadow: 0 0 5px 0 #aaa;
}
#stockavatar-picker .avatar-option input[type=radio] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
#stockavatar-picker .avatar-option input[type=radio]:checked ~ label {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  box-shadow: 0 0 5px 0 #aaa;
  pointer-events: none;
}
#stockavatar-picker .avatar-option img {
  display: block;
  position: relative;
  pointer-events: none;
}