body.post-php #socialflow-compose,
body.post-new-php #socialflow-compose {
	min-height: 200px;
}

.sf-spinner-image {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -32px 0 0 -32px;
	width: 60px;
	height: 60px;
	border: 2px solid transparent;
	border-top-color: #a7a2d0;
	border-radius: 50%;
	-o-animation: cssload-rotate 800ms linear infinite;
	   animation: cssload-rotate 800ms linear infinite;


	&:after,
	&:before {
		position: absolute;
		top: 50%;
		left: 50%;
		border: 2px solid transparent;
		border-radius: 50%;
		content: "";
	}

	#socialflow & {
		&,
		&:before,
		&:after {
			box-sizing: content-box;
		}
	}

	&:before {
		margin: -26px 0 0 -26px;
		width: 48px;
		height: 48px;
		border-top-color: #a7a2d0;
		-o-animation: cssload-rotate 1600ms linear infinite;
		   animation: cssload-rotate 1600ms linear infinite;
	}

	&:after {
		margin: -20px 0 0 -20px;
		width: 36px;
		height: 36px;
		border-top-color: #a7a2d0;
		-o-animation: cssload-rotate 800ms linear infinite;
		   animation: cssload-rotate 800ms linear infinite;
	}
}


.sf-spinner-text {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 40px;
	margin-left: -100px;
	width: 200px;
	color: #a7a2d0;
	text-align: center;
}

@-o-keyframes cssload-rotate {
	100% {
		-o-transform: rotate(360deg);
		   transform: rotate(360deg)
	}
}

@keyframes cssload-rotate {
	100% {
		-o-transform: rotate(360deg);
		   transform: rotate(360deg)
	}
}