@background: #ffffff;
@headerBackground: #e4ded6;
@inputBackground: #ffffff;
@alertBackground: #e0e0e0;
@buttonBackground: #f2f7b5;
@buttonBackgroundHover: #f2f7b5;
@headerColor: #FEFEFE;
@labelColor: #759480;
@buttonColor: #6fb788;
@alertBorder: #c0c0c0;
@bg-light: #f2f7b5;
@unit-border: #ffffff;
@template: #ffffff;

body {
    background: @background;
    line-height: 1;
    font: 13px/19px arial, sans-serif;
}

#registerForm { 
	width: 100%; 
	max-width: 600px; 
	margin: 0 auto; 
	clear: both; 
	background: transparent; 
	border: 0; 
	border-radius: 4px; 
	margin-top: 10px; 
	}

#registerForm #regForm { 
	width: 98%; 
	margin: 0 auto; 
	}
	
#registerForm #regForm h1 { 
	background: @headerBackground; 
	margin: 0; 
	font-size: 20px; 
	color: @headerColor; 
	text-align: center;
	text-transform: uppercase; 
	line-height: 50px; 
	}

#registerForm #regForm .control-group { 
	position: relative; 
	width: 100%; 
	height: 60px; 
	overflow: hidden; 
	margin: 5px auto; 
	clear: both; 
	}
	
#registerForm #regForm .control-group label { 
	display: block; 
	width: 25%; 
	height: 40px; 
	float: left; 
	margin: 0; 
	padding: 0; 
	font-size: 12px; 
	font-weight: bold; 
	line-height: 40px; 
	color: @labelColor; 
	}
	
#registerForm #regForm .control-group input { 
	z-index: 1000; 
	display: block; 
	width: 70%; 
	height: 40px; 
	float: left; 
	padding: 0 5px; 
	margin: 0; 
	font-size: 16px; 
	font-weight: normal; 
	line-height: 40px; 
	color: @labelColor; 
	border: 1px solid @headerBackground; 
	border-radius: 3px; 
	background-color: @inputBackground; 
}

#registerForm #regForm button[type=submit] { 
	display: block; 
	width: 279px; 
	height: 46px; 
	margin: 0 auto; 
	padding: 0; 
	background: @buttonBackground; 
	border: 0; 
	border-radius: 6px; 
	text-align: center; 
	line-height: 46px;  
	transition-property: background-color, color; 
	transition-duration: 0.15s, 0.15s; 
	transition-timing-function: linear, linear; 
	transition-delay: 0s, 0s;  cursor: pointer; 
}

#registerForm #regForm button[type=submit]:hover { 
	background: @buttonBackgroundHover; 
	}
	
#registerForm #regForm button[type=submit] span { 
	font-family: sans-serif; 
	font-style: normal; 
	font-size: 17px; 
	font-weight: bold; 
	font-synthesis: weight style; 
	color: @buttonColor; 
	text-decoration: none; 
	}

#registerForm #regForm .has-success .control-feedback { 
	color: #3c763d; 
	}

#registerForm #regForm .has-error .control-feedback { 
	color: #ff0000; 
	}

#registerForm #regForm .control-group .control-feedback { 
	position: absolute; 
	top: 0; 
	right: 10px; 
	z-index: 2000; 
	display: block; 
	width: 34px; 
	height: 34px; 
	line-height: 34px; 
	text-align: center; 
	}
	
#registerForm #regForm .control-group label.error { 
	position: absolute; 
	top: 7px; 
	right: 35px; 
	display: block; 
	width: auto; 
	height: 20px; 
	margin: 0; 
	padding: 5px; 
	font-size: 12px; 
	font-weight: bold; 
	line-height: 20px;  
	color: #ff0000; 
	}

#registerForm #regFormFinal { 
	width: 98%; 
	margin: 0 auto; 
	}
	
#registerForm #regFormFinal h1 { 
	background: @headerBackground; 
	margin: 10px 0;  
	font-size: 18px; 
	color: @headerColor; 
	text-align: center;
	text-transform: uppercase; 
	line-height: 50px; 
	}

#registerForm #regFormFinal p { 
	display: block; 
	padding: 10px; 
	text-align: left; 
	background: @alertBackground; 
	border: 1px solid @alertBorder; 
	border-radius: 4px; 
	}
	
#regFormFinal p { 
	padding-top: 0; 
	}

#registerForm #regFormFinal a { 
	display: block; 
	width: 279px; 
	height: 46px; 
	margin: 0 auto; 
	padding: 0; 
	background: @buttonBackgroundHover; 
	border: 0; 
	border-radius: 6px; 
	text-align: center; 
	text-decoration: none;
	line-height: 46px;  
	color: @buttonColor;
	transition-property: background-color, color; 
	transition-duration: 0.15s, 0.15s; 
	transition-timing-function: linear, linear; 
	transition-delay: 0s, 0s;  
	cursor: pointer; 
	}
	
#registerForm #regFormFinal a:hover { 
	background: @buttonBackgroundHover; 
	}
	
#registerForm #regFormFinal a span { 
	font-family: sans-serif; 
	font-style: normal; 
	font-size: 17px; f
	ont-weight: bold; 
	font-synthesis: weight style; 
	color: @buttonColor; 
	text-decoration: none; 
	}

.panel-heading { 
	background: @bg-light; 
	color: @headerColor; 
	font-weight:bold;
	}

.panel-success { 
	margin: 0; 
	border: 14px solid @unit-border;
	-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
	background: @unit-border; 
	color: @labelColor; 
	font-weight:bold;
	}

.panel-body {
	background: @template; 
}

.popup_block{padding:0;position:fixed;visibility:hidden;width:98%;max-width:1350px;top:50%;left:auto;right:auto;z-index:2;}

@media screen and (max-width: 480px) { 
    #registerForm #regForm { width: 95%; margin: 0 auto; }
    #registerForm #regForm:before { display: block; content: ' '; width: 100%; height: 10px; line-height: 10px; }
    #registerForm #regFormFinal { width: 95%; margin: 0 auto; }
    #registerForm #regFormFinal:before { display: block; content: ' '; width: 100%; height: 10px; line-height: 10px; }
}

@media screen and (max-width: 360px) { 
    #registerForm #regForm .control-group { height:55px; overflow: hidden; margin:0 auto 5px auto; clear: both; }
    #registerForm #regForm .control-group label { width: 35%; height: 45px; line-height: 40px; }
    #registerForm #regForm .control-group input { width: 60%;}
    #registerForm #regForm .control-group .control-feedback { top: 0; right: -9px; }
    #registerForm #regForm .control-group label.error { top: 7px; right: 15px; }
}

@media screen and (max-width: 320px) { 
    #registerForm #regFormFinal h1 { font-size: 14px; }
}