/*region Common icons*/
.ui-icon[class*=ui-icon-common-] > i { background-color: #7b8691; }

.ui-icon-common-user > i { background-image: url(/bitrix/js/ui/icons/b24/images/ui-user.svg?v2); }

.ui-icon-common-phone > i { background-image: url(/bitrix/js/ui/icons/b24/images/ui-call.svg); }

.ui-icon-common-notification > i { background-image: url(/bitrix/js/ui/icons/b24/images/ui-notification.svg); }

.ui-icon-common-user-group > i { background-image: url(/bitrix/js/ui/icons/b24/images/ui-user-group.svg?v2); }

.ui-icon-common-user-mail > i { background-image: url(/bitrix/js/ui/icons/b24/images/ui-user-mail.svg?v2); }

.ui-icon-common-company > i { background-image: url(/bitrix/js/ui/icons/b24/images/ui-user-company.svg?v2); }

.ui-icon-common-bitrix24 > i { background-image: url(/bitrix/js/ui/icons/service/images/ui-service-bitrix24.svg); }

.ui-icon-common-cloud > i { background-image: url(/bitrix/js/ui/icons/b24/images/ui-cloud.svg); }

.ui-icon-common-folder > i { background-image: url(/bitrix/js/ui/icons/b24/images/ui-folder.svg); }

.ui-icon-common-info > i { background-image: url(/bitrix/js/ui/icons/b24/images/ui-info.svg); }

.ui-icon-common-question > i { background-image: url(/bitrix/js/ui/icons/b24/images/ui-question.svg); }

/*endregion*/

.ui-icon-package-numbers-five > i {
	--ui-icon-service-bg-color: #9dcf00;
	background-image: url(/bitrix/js/ui/icons/b24/images/ui-package-numbers-five.svg?v2);
	background-size: 20px 20px;
}

.ui-icon-package-numbers-ten > i {
	--ui-icon-service-bg-color: #55d0e0;
	background-image: url(/bitrix/js/ui/icons/b24/images/ui-package-numbers-ten.svg?v2);
	background-size: 28px 20px;
}