.hid-avatar{

}
.hid-avatar{
    margin: 10px;
    width: 60px;
    height: 60px;
}
.hid-letteravatar{
    color: red;
    font-size:50px;
    margin-bottom: 7px;
}


.hid-avatar--large{
  height:100px !important;
  width:100px !important;
  &.hid-default-avatar{
    font-size: 100px !important;
    opacity: 0.3;
  }
}

.hid-avatar--medium{
  height:75px !important;
  width:75px !important;
  &.hid-default-avatar{
    font-size: 75px !important;
    opacity: 0.3;
  }
}

.hid-avatar--small{
  height:44px !important;
  width:44px !important;
  &.hid-default-avatar{
    font-size: 44px !important;
    opacity: 0.3;
  }
}

.hid-avatar--xsmall{
  height:30px !important;
  width:30px !important;
  &.hid-default-avatar{
    font-size: 30px !important;
    opacity: 0.3;
  }
}