@include body-class(true) {
	.sui-recipient {
		display: flex;
		border: 1px solid $recipient-border-color;
		border-radius: $border-radius;
		padding: 10px 15px;
		justify-content: space-between;
		margin-bottom: 10px;
		.sui-recipient-name {
			color: #333333;
			font-size: 13px;
			font-weight: 500;
			letter-spacing: -0.25px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			margin-right: 5px;
			@include icon(before, profile-male);
			&:before {
				font-size: 16px;
				margin-right: 6px;
				line-height: 30px;
				vertical-align: bottom;
			}
		}
		.sui-recipient-email {
			color: #888888;
			font-size: 13px;
			letter-spacing: -0.25px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			margin-right: 5px;
		}
		.sui-button-icon:not(.sui-button) {
			padding: 0;
			[class*="sui-icon-"] {
				color: #AAAAAA;
				font-size: 12px;
			}

		}
	}
	.sui-recipients {
		margin-bottom: 10px;
	}

	.sui-button.sui-add-recipient {
		margin: 0 0 30px 0;
	}
}