/* Mixin Elements */
.border-radius (@radius: 4px) {
	-webkit-border-radius: 	@radius;
	-moz-border-radius: 	@radius;
	-khtml-border-radius: 	@radius;
	border-radius: 			@radius;
	-moz-background-clip:    padding;
	-webkit-background-clip: padding-box;
	background-clip:         padding-box;
}
.opacity (@opacity: 1) {
	-moz-opacity:@opacity;
	-webkit-opacity:@opacity;
	-khtml-opacity:@opacity;
	opacity:@opacity;
}
.columns (@columns: 1) {
	-webkit-columns: 	@columns;
	-moz-columns: 		@columns;
	columns: 			@columns;
}
.transition (@transition: all 0.3s) {
	-webkit-transition: @transition;  
	-moz-transition:    @transition;
	-ms-transition:     @transition; 
	-o-transition:      @transition;
	transition:      	@transition;  
}
.transform (@string){
	-webkit-transform:   @string;
	-moz-transform: 	 @string;
	-ms-transform: 		 @string;
	-o-transform: 		 @string;
	transform: 		 	 @string;
}
.box-shadow (@string) {
	-webkit-box-shadow: @string;
	-moz-box-shadow:    @string;
	box-shadow:         @string;
}
.box-sizing() {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

*, *:after, *:before {
	&:focus, &:hover, &:active {
		text-decoration: none !important;
		outline: none !important;
	}
}

body {
	font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
	font-size: 16px;
}

#generator,
#generator_output {
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	&:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: url('google_preloader.gif') rgba(255,255,255,.8) no-repeat center center;
		visibility: hidden;
		.transition(all 0.3s ease-in-out);
		.opacity(0);
	}
	&.loading {
		&:after {
			visibility: visible;
			.opacity(1);
		}
	}
}

#generated_output {
	textarea {
		min-height: 200px;
		resize:none;
	}
}