.sf-accounts-list {
	.sf-accounts-list {
		display: block;
		position: relative;
		overflow: hidden;
		margin-bottom: 0;

		input[type=checkbox] {
			position: absolute;
			top: 0;
			left: -999px;

			&:checked + label {
				color: #222222;
			}
		}

		label {
			font-size: 14px;
			position: relative;
			line-height: 27px;
			text-overflow: ellipsis;
			height: 27px + 7;
			display: block;
			color: #bfbfbf;
			padding: 7px 20px 7px 36px;

			&:hover {
				color: #222222;
				
				&:before {
					@include opacity( .9 );
				}
			}

			&:before {
				content: '';
				height: 27px;
				width: 27px;
				display: block;
				position: absolute;
				left: 0;
				top: 7px;
				transition: opacity .2s;
			}
		}

		@each $icon in twitter, facebook, google_plus, linkedin, pinterest {
			&.#{$icon} {
				input[type=checkbox]:checked + label {
					&:before {
						@include sprite-svg( account-circle-#{$icon} );
					}
				}
				label {
					&:before {
						@include sprite-svg( account-gray-#{$icon} );
					}
				}
			}
		}
	}
}