@mixin ice_brand($name) {
	&.brand-#{$name} {
		background-image: url($asset-url + '/dist/assets/img/icons/brand/products-#{$name}.svg');
	}
}

.brand-text {

	font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word;
}

.brand {
	display: inline-block;
	width: 64px;
	height: 64px;
	background-repeat: no-repeat;
    background-position: center;
	vertical-align: middle;


	&.brand-xs {
		width: 24px;
		height: 24px;
    	background-size: contain;
	}

	&.brand-sm {
		width: 40px;
		height: 40px;
    	background-size: contain;
	}

	&.brand-lg {
		width: 80px;
		height: 80px;
    	background-size: contain;
	}

	&.brand-xl {
		width: 96px;
		height: 96px;
    	background-size: contain;
	}

	&.brand-xx {
		width:116px;
		height:116px;
		background-size:contain;
	}

	&.rotate-up, &.rotate-top, &.rotate-n {
		transform: rotate(0deg);
	}

	&.rotate-top-right, &.rotate-ne {
		transform: rotate(45deg);
	}

	&.rotate-right, &.rotate-e {
		transform: rotate(90deg);
	}

	&.rotate-bottom-right, &.rotate-se {
		transform: rotate(135deg);
	}

	&.rotate-down, &.rotate-bottom, &.rotate-s {
		transform: rotate(180deg);
	}

	&.rotate-bottom-left, &.rotate-sw {
		transform: rotate(225deg);
	}

	&.rotate-left, &.rotate-w {
		transform: rotate(270deg);
	}

	&.rotate-top-left, &.rotate-nw {
		transform: rotate(315deg);
	}

	&.bs-contain {
		background-size: contain;
	}

	&.bs-cover {
		background-size: cover;
	}

	@include ice_brand(aiq);
	@include ice_brand(allregs);
	@include ice_brand(encompass);
	@include ice_brand(insights);
	@include ice_brand(marketplace);
	@include ice_brand(mavent);
	@include ice_brand(mers);
	@include ice_brand(simplifile);
	@include ice_brand(velocify);

}