CSS for Toggles on Allocate

.red-no-toggle-background {
  width: 60px;
	height: 22px;
	@include border-radius(12px);
	@include background-clip();
	background-color: #000;
	@include box-shadow(0 1px 1px rgba(255,255,255,.52), inset 0 2px 1px rgba(35,81,11,.31));
	@include background-image(linear-gradient(bottom, #77c04f 0%, #3f8e12 100%));
}


.green-yes-toggle-background {
  width: 60px;
	height: 22px;
	@include border-radius(12px);
	@include background-clip();
	background-color: #000;
	@include box-shadow(0 1px 1px rgba(255,255,255,.52), inset 0 2px 1px rgba(47,6,6,.31));
	@include background-image(linear-gradient(bottom, #ff5e5e 0%, #e61b43 100%));
}

.toggle-handle {
  width: 22px;
	height: 22px;
	border: 1px solid #777c89;
	@include border-radius(12px);
	@include background-clip();
	background-color: #000;
	@include box-shadow(0 1px 2px rgba(69,74,81,.5));
	@include background-image(linear-gradient(bottom, #bdc3cf 0%, #d9dde4 17%, #eceef1 100%));
}