.sf-button {
	border: none;
	border-radius: 3px;
	height: 40px;
	text-align: center;
	cursor: pointer;
	padding-left: 20px;
	padding-right: 20px;
	transition: opacity .3s;
	display: inline-block;
	line-height: 40px;

	&:hover {
		@include opacity( .8 );
	}
}

.sf-button-blue {
	background-color: $color-blue;
	color: #fff;
}

.sf-button-gray {
	background-color: #dbe4eb;
	color: #6c7a85;
}

.sf-button-remove {
	background-color: #fff;
	border: 1px solid red;
	color: red;
	line-height: 38px;
}

.socialflow-compose {
	textarea {
		padding-top: 8px;
		padding-bottom: 8px;
		min-height: 128px;
		max-height: 350px;
		resize: vertical;
	}
}

.sf-muted-text {
	color: #777;
}

#sf-compose-form,
#socialflow {
	h2.hndle {
		span {
			&:before {
				@include sprite-simple( 'socialflow.png' );

				content: '';
				width: 34px;
				height: 36px;
				display: inline-block;
				vertical-align: middle;
				margin-top: -12px;
				margin-bottom: -9px;
				margin-right: 3px;
			}
		}
	}
	.clickable {
		border-bottom: 1px dotted $color-blue;
		color: $color-blue;
		cursor: pointer;

		&:hover {
			border-color: #fff;
		}
	}
}