.bem-icon {
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

/* black phone */
.bem-icon.bem-icon_type_phone {
	background-image: url('../../../../img/iconsprite.png?v=9');
    background-position: -92px -2px;
	height: 12px;
	width: 12px;
}

/* black cross */
.bem-icon.bem-icon_type_cross {
	background-image: url('../../../../img/iconsprite.png?v=9');
    background-position: -64px -2px;
	height: 12px;
	width: 12px;
}

/* black plus */
.bem-icon.bem-icon_type_plus {
	background-image: url('../../../../img/iconsprite.png?v=9');
    background-position: -853px -2px;
	height: 12px;
	width: 12px;
    filter: brightness(0%);
}
/* gray plus */
.bem-icon.bem-icon_type_plus.bem-icon_bgcolor_gray {
    filter: brightness(50%);
}
/* light-gray plus */
.bem-icon.bem-icon_type_plus.bem-icon_bgcolor_light-gray {
    filter: brightness(85%);
}
/* white plus */
.bem-icon.bem-icon_type_plus.bem-icon_bgcolor_white {
    filter: none;
}
/* 16px plus */
.bem-icon.bem-icon_type_plus.bem-icon_size_16 {
    background-position: -287px -1px;
    height: 16px;
    width: 16px;
}

/* black gear */
.bem-icon.bem-icon_type_gear {
	background-image: url('../../../../img/iconsprite.png?v=9');
    background-position: -130px -3px;
	height: 12px;
	width: 12px;
}

/* black copy */
.bem-icon.bem-icon_type_copy {
	background-image: url('../../../../img/iconsprite.png?v=9');
    background-position: -541px -3px;
	height: 12px;
	width: 13px;
}

/* black copy buffer */
.bem-icon.bem-icon_type_copy-buffer {
	background-image: url('../../../../img/iconsprite.png?v=9');
    background-position: -331px -24px;
	height: 12px;
	width: 13px;
}

/* black combine */
.bem-icon.bem-icon_type_combine {
	background-image: url('../../../../img/combined_shape.svg?v=9');
    background-position: center;
    background-size: 10px;
	height: 12px;
	width: 12px;
    filter: brightness(0%);
}

/* red square */
.bem-icon.bem-icon_type_square {
	background-color: #f00;
	border-radius: 3px;
	height: 12px;
	width: 12px;
}


/* black circle */
.bem-icon.bem-icon_type_circle {
	background-color: #000;
    border-radius: 50%;
    padding: 4px;
    color: #fff;
}

/* background */
.bem-icon.bem-icon_bgcolor_white {
	background-color: #fff;
    color: #000;
}
.bem-icon.bem-icon_bgcolor_red {
	background-color: #f00;
    color: #000;
}

/* color */
.bem-icon.bem-icon_color_green {
    filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8);
}

/* size */
.bem-icon.bem-icon_size_12 {
    width: 12px;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
}

.bem-icon.bem-icon_size_14 {
    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 14px;
}

.bem-icon.bem-icon_size_16 {
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
}

.bem-icon.bem-icon_size_20 {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
}

.bem-icon.bem-icon_size_24 {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 20px;
}


/* text color */
.bem-icon.bem-icon_color_light-gray {
    color: #e2e4e8;
}