.use-mega {
	background    : #f4ce41 none repeat scroll 0 0;
	border-radius : 10px;
	bottom        : 55px;
	color         : #000000;
	display       : block;
	font          : 300 15px/22px "San Francisco", sans-serif;
	max-width     : 320px;
	padding       : 15px 20px;
	position      : absolute;
	white-space   : nowrap;
}

.use-mega:after {
	background : rgba(0, 0, 0, 0) url("/packages/mega45-core/images/header-auth-top.png") no-repeat scroll 0 0;
	bottom     : -12px;
	content    : "";
	display    : block;
	height     : 12px;
	left       : 20px;
	position   : absolute;
	transform  : rotate(180deg);
	width      : 22px;
}

.use-mega__btn, .use-mega__cnt {
	display : inline-block;
}

.use-mega__cnt {
	padding-right : 15px;
}

.use-mega__btn {
	margin                             : -15px -20px -15px 0;
	padding                            : 15px 20px;
	font-weight                        : bold;
	cursor                             : pointer;
	border-left                        : 1px solid rgba(0, 0, 0, .2);
	transition                         : .3s ease background-color;
	-webkit-border-top-right-radius    : 10px;
	-webkit-border-bottom-right-radius : 10px;
	-moz-border-radius-topright        : 10px;
	-moz-border-radius-bottomright     : 10px;
	border-top-right-radius            : 10px;
	border-bottom-right-radius         : 10px;
}

.use-mega__btn:hover {
	background-color : #dbb93b;
}

.input-message {
	position : absolute;
	right    : 10px;
	top      : 4px;
	color    : #8d2d32;
	cursor   : pointer;

}

.input-message:before {
	display     : block;
	position    : absolute;
	left        : -15px;
	font-family : FontAwesome;
	content     : '\f0e0';
}

.input-message--disabled {
	opacity : .7;
	cursor  : not-allowed;
}

@-webkit-keyframes fa-spin {
	0% {
		-webkit-transform : rotate(0deg);
		transform         : rotate(0deg);
	}
	100% {
		-webkit-transform : rotate(359deg);
		transform         : rotate(359deg);
	}
}

@keyframes fa-spin {
	0% {
		-webkit-transform : rotate(0deg);
		transform         : rotate(0deg);
	}
	100% {
		-webkit-transform : rotate(359deg);
		transform         : rotate(359deg);
	}
}

.input-message--loading:before {
	content   : '\f110';
	cursor    : not-allowed;
	animation : 2s linear 0s normal none infinite running fa-spin;
}

@media (max-width : 500px) {
	.use-mega {
		padding-left  : 10px;
		padding-right : 10px;
	}

	.use-mega__btn {
		padding-left  : 10px;
		padding-right : 10px;
		margin-left   : 0;
		margin-right  : -10px;
	}

	.use-mega__cnt {
		padding-right : 5px;
	}
}