#gmGen{
	display: inline-block;
	background-color: #ecf0f1;
	box-sizing:border-box;
	padding: 20px;
}

#gmGen input[type="submit"]{
	float: right;
}

#gmGen input[type="submit"]::after{
	clear: both;
}

#gmGen label{
	width: 85px;
}

#gmGen .controls{
	margin-left: 115px;
}

#gmGen input[type="text"]{
	height: 30px;
	background-color: #FFF !important;
	color: #333;
}

#gmGen select{
	width: 206px;
	background-color: #FFF !important;
	color: #333;
}

#gmCode{
	padding: 20px;
	background-color: #eee;
}

#saveBtn{
	font-size: 14px;
	float:right;
}

#genCode{
	height: 120px;
	overflow-y: scroll;
	width: 100%;
	background-color: #fff !important;
	padding: 10px 20px !important;
	box-sizing: border-box;
	resize: none;
}



@media (max-width: 980px) {
	#gmGen label, #gmGen .controls{
		width: 100%;
		text-align: left;
		margin-left: 0px;
	}
}

@media (max-width: 768px) {
	#gmGen{
		width: 100%;
	}
	
	#gmGen-wrap{
		margin-bottom: 20px;
	}
	
	#preview > div{
		margin: 0 auto;
	}
}