@mixin limit($bg, $ic, $glyph) {
	background: $bg !important;
	//color: $fg !important;
	&:before {
		//@include pulse(1000ms);
		color: $ic;
		content: $glyph;
	}
}

[class*="s-limit"] {
	//white-space: nowrap;
	&:before {
		display: inline-block;
		font-family: symbolsfont;
		font-size: 0.75em;
		font-style: normal !important;
		margin-right: $interiorMarginSm;
		vertical-align: middle;
	}
}

.s-limit-upr-red { @include limit($colorLimitRedBg, $colorLimitRedIc, "\0000eb"); };
.s-limit-upr-yellow { @include limit($colorLimitYellowBg, $colorLimitYellowIc, "\0000ed"); };
.s-limit-lwr-yellow { @include limit($colorLimitYellowBg, $colorLimitYellowIc, "\0000ec"); };
.s-limit-lwr-red { @include limit($colorLimitRedBg, $colorLimitRedIc, "\0000ee"); };