.avatarBlock {
    border: 3px solid darkgrey;
    float: left;
    margin: 3px;
    height: 40px;
    width: 40px;
    min-height: 30px;
    min-width: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.8em;
    color: #000;
    background-color: #f3f3f3;
    border-radius: 5px;
    font-size: 22px;
    overflow: hidden;
}

    .avatarBlock.round {
        border-radius: 50%;
        font-size: 18px;
    }

    .avatarBlock.box {
        border-radius: 10%;
        font-size: 18px;
    }

    .avatarBlock.box {
        border-radius: 10%;
        font-size: 18px;
    }

    .avatarBlock.avatar-img {
        line-height: 0px;
    }

.image-avatar {
    /*border-radius: 50%;*/
    /*    min-height: 32px;*/
    width: 100%;
    height: 100%;
}

.avatar-a, .avatar-A {
    color: #fff;
    background-color: #283593
}

.avatar-b, .avatar-B {
    color: #fff;
    background-color: #ff7171
}

.avatar-c, .avatar-C {
    color: #fff;
    background-color: #CC0000
}

.avatar-d, .avatar-D {
    color: #fff;
    background-color: #ffbc42
}

.avatar-e, .avatar-E {
    color: #fff;
    background-color: #546E7A
}

.avatar-f, .avatar-F {
    color: #fff;
    background-color: #795548
}

.avatar-g, .avatar-G {
    color: #fff;
    background-color: #03A9F4
}

.avatar-h, .avatar-H {
    color: #fff;
    background-color: #ee6e9f
}

.avatar-i, .avatar-I {
    color: #fff;
    background-color: #0033FF
}

.avatar-j, .avatar-J {
    color: #fff;
    background-color: #4CAF50
}

.avatar-k, .avatar-K {
    color: #fff;
    background-color: #8BC34A
}

.avatar-l, .avatar-L {
    color: #fff;
    background-color: #33CC00
}

.avatar-m, .avatar-M {
    color: #fff;
    background-color: #009688
}

.avatar-n, .avatar-N {
    color: #fff;
    background-color: #B22222
}

.avatar-o, .avatar-O {
    color: #fff;
    background-color: #008000
}

.avatar-p, .avatar-P {
    color: #fff;
    background-color: #673AB7
}

.avatar-q, .avatar-Q {
    color: #fff;
    background-color: #F08080
}

.avatar-r, .avatar-R {
    color: #fff;
    background-color: #FF5722
}

.avatar-s, .avatar-S {
    color: #fff;
    background-color: #E91E63
}

.avatar-t, .avatar-T {
    color: #fff;
    background-color: #191970
}

.avatar-u, .avatar-U {
    color: #fff;
    background-color: #FF4500
}

.avatar-v, .avatar-V {
    color: #fff;
    background-color: #800080
}

.avatar-w, .avatar-W {
    color: #fff;
    background-color: #CD853F
}

.avatar-x, .avatar-X {
    color: #fff;
    background-color: #FF0000
}

.avatar-y, .avatar-Y {
    color: #fff;
    background-color: #4169E1
}

.avatar-z, .avatar-Z {
    color: #fff;
    background-color: #008080
}
}