.uico {
	padding-left: 1.5em;
	background: url(/i/avatar/u.svg#userm) no-repeat;
	background-size: 1.25em; /* depends on line-height. I wish I could set it the same as line-height minus 0.1em. */
}

.uico-sm {
	padding-left: 1em;
	background-size: .8em;
	background-position: 0 center;
}

.uico-click {
	text-decoration: none !important;
	white-space: nowrap;
}

.uico-click:hover {
        background-color: #E5E5E5;

	box-shadow: -1px 0px 0px 3px #EEE;
	border-radius: 50%;

        transition: all 200ms ease; /* make transition: all, when you find out how to make the background growing from center */
}


/* vertical fix for multiselect (https://github.com/lou/multi-select) */
.ms-list .uico {
	background-position: 2px 4px;
	padding-left: 1.7em !important; /* important to override multi-select styles */
}

.uico-vcenter {
	background-position: 0 center;
}

.uico-KM { background-image: url(/i/avatar/u.svg#childm); }
.uico-KF { background-image: url(/i/avatar/u.svg#childf); }
.uico-KU { background-image: url(/i/avatar/u.svg#childu); }

.uico-UM { background-image: url(/i/avatar/u.svg#userm); }
.uico-UF { background-image: url(/i/avatar/u.svg#userf); }
.uico-UU { background-image: url(/i/avatar/u.svg#useru); }

.uico-SM,
.uico-MM { background-image: url(/i/avatar/u.svg#moderm); }
.uico-SF,
.uico-MF { background-image: url(/i/avatar/u.svg#moderf); }
.uico-SU,
.uico-MU { background-image: url(/i/avatar/u.svg#moderu); }

.uico-DM { background-image: url(/i/avatar/u.svg#dirm); }
.uico-DF { background-image: url(/i/avatar/u.svg#dirf); }
.uico-DU { background-image: url(/i/avatar/u.svg#diru); }

.uico-EM { background-image: url(/i/avatar/u.svg#expertm); }
.uico-EF { background-image: url(/i/avatar/u.svg#expertf); }
.uico-EU { background-image: url(/i/avatar/u.svg#expertu); }

.uico-CM { background-image: url(/i/avatar/u.svg#celebm); }
.uico-CF { background-image: url(/i/avatar/u.svg#celebf); }
.uico-CU { background-image: url(/i/avatar/u.svg#celebu); }

.uico-TM { background-image: url(/i/avatar/u.svg#techm); }
.uico-TF { background-image: url(/i/avatar/u.svg#techf); }
.uico-TU { background-image: url(/i/avatar/u.svg#techu); }

.uico-QM { background-image: url(/i/avatar/u.svg#checkm); }
.uico-QF { background-image: url(/i/avatar/u.svg#checkf); }
.uico-QU { background-image: url(/i/avatar/u.svg#checku); }

.uico-AM { background-image: url(/i/avatar/u.svg#chartm); }
.uico-AF { background-image: url(/i/avatar/u.svg#chartf); }
.uico-AU { background-image: url(/i/avatar/u.svg#chartu); }

.uico-WM { background-image: url(/i/avatar/u.svg#crownm); }
.uico-WF { background-image: url(/i/avatar/u.svg#crownf); }
.uico-WU { background-image: url(/i/avatar/u.svg#crownu); }