/* max dimensions of icons, change as you like */
.noicon .forum-image img {
	max-width: 42px;
	max-height: 42px;
	margin-left: -38px;	/* Space for folder icon */
	margin-bottom: 3px;
}
.forum-image {
	margin-right: 0;
	padding-top: 0;
}

/* hide standard icons */
.noicon.forum_link,
.noicon.forum_read,
.noicon.forum_read_locked,
.noicon.forum_read_subforum,
.noicon.forum_unread,
.noicon.forum_unread_locked,
.noicon.forum_unread_subforum {
	background-image: none !important;
}
.noicon.forum_link i,
.noicon.forum_read i,
.noicon.forum_read_locked i,
.noicon.forum_read_subforum i,
.noicon.forum_unread i,
.noicon.forum_unread_locked i,
.noicon.forum_unread_subforum i,
.noicon .iconify {
	mask-image: none !important;
    	background-color: transparent !important;
}

.noicon.forum_read .forum-image {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: url('./filters.svg#grayscale'); /* Firefox 3.5+ ? */
	filter: grayscale(100%);
	filter: gray; /* IE6-9 */
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;	
}

.noicon.forum_read .forum-image:hover {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
	filter:none;
}

/* for IE and Edge */
.grayscale.grayscale-replaced > svg {
	transition: opacity 1s ease;
	opacity: 1;
}
.grayscale.grayscale-replaced.grayscale-fade:hover > svg {
	opacity: 0;
}