.avatarBlock {
	float: left;
	margin: 3px;
	height: 50px;
	width: 50px;
	min-height: 50px;
	min-width: 50px;
	text-align: center;
	vertical-align: middle;
	line-height: 50px;
	color: #000;
	background-color: #f3f3f3;
	border-radius: 5px;
	font-size: 16px;
	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;
	}

.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
}

.avatarBlock {
	height: auto;
	width: auto;
}

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

.avatarBlock {
	height: 50px !important;
	width: 50px !important;
	max-height: 50px !important;
	max-width: 50px !important;
	font-size: 24px !important;
	font-weight: bold;
	margin-top: -2px;
}