/* 
	Login default start screen
*/



.login-wrapper{
	width: 100%;
}

.login-wrapper > div {
	max-width:1000px;
	margin:0 auto;
	padding:75px 10px;
}


	.login-content-wrapper,
	.forgot-password-content-wrapper{
		max-width:50%;
		margin:0 auto;
	}
		.login-content-wrapper .login-head{
			color:white;
			padding: 5px 10px 5px 10px;
			border-radius:3px;
			text-align:center;
			text-transform:uppercase;
			position:relative;
		}
		.login-content-wrapper .input-wrap,
		#forgot-password-form .login-content-wrapper .input-wrap,
		#forgot-password-form .input-wrap
		 {
			margin-bottom:0;	
			padding-bottom:0;
			padding-right:0;
		}
		.login-content-wrapper .input-wrap .input input,
		#forgot-password-form .input-wrap .input input  {

		}
		
		.login-content-wrapper .login-content{
			
		}
			.login-content-wrapper .login-content .login-text,
			.forgot-password-content-wrapper .forgot-password-content .forgot-password-text{
				padding: 10px 0px 10px 0px;
				font-size:13px;
			}

			.forgot-password-content-wrapper .forgot-password-content .error-message,
			.login-content-wrapper .login-content .error-message{
				font-size: 14px;
				background-color:#fcf4f2;
				color:#a51b00;
				border:solid 1px #f9c9bf;
				border-left:5px solid #a51b00;
				display: none;
				padding: 5px 10px;
			}
			
			.forgot-password-content-wrapper .forgot-password-content .error-message.active,
			.login-content-wrapper .login-content .error-message.active {
				display: block;
			}
			
			.login-content-wrapper .login-content .login-form{
			
			}
		.login-content-wrapper .login-footer{
			
		}
			.login-content-wrapper .login-footer #login-password-forgot{
				cursor:pointer;
				color:#00aeef;
			}

			.login-content-wrapper .login-footer > div.mobile,
			.forgot-password-content-wrapper .forgot-password-footer > div.mobile{
				display: none;
			}
			
			.login-content-wrapper .login-footer #login-password-forgot:hover{
				color:#302e2e;
			}
			
			.login-content-wrapper .login-footer #login-new-account{
				cursor:pointer;
				color:#00aeef;
			}
			
			.login-content-wrapper .login-footer #login-new-account:hover{
				color:#302e2e;
			}
			
			.login-content-wrapper .login-footer #login-submit-button,
			#forgot-password-submit-button,
			#new-account-submit-button {
				float:right;
				margin-top:10px;
				width: 250px;
				background-color: #47b222;
				border-radius: 3px;
				color: #fff;
				cursor: pointer;
				display: inline-block;
				float: right;
				padding: 10px;
				text-align: center;
				text-decoration: none;
			}
			
			#forgot-password-submit-button,
			#new-account-submit-button {
				background-image:none;
			}
			
			.login-content-wrapper .login-footer #login-submit-button:hover,
			#forgot-password-submit-button:hover,
			#new-account-submit-button:hover {
				background-color:#65c046;
			}
			
			#login-show-password-forgot {
				margin-top:5px;	
			}
			
			#login-show-password-forgot,
			#login-show-new-account,
			#login-show-login {
				
				cursor:pointer;
			
				font-size:12px;
				line-height:25px;
			}
/* 
	Login create account
*/			

#login-show-login {
	margin-top:8px;	
}
	.new-account-content-wrapper .new-account-head{
		background-color:#00aeef;
		color:white;
		padding: 5px 10px 5px 10px;
		border-radius:3px;
	}
		.new-account-content-wrapper .new-account-content{
			
		}
			.new-account-content-wrapper .new-account-content .new-account-text{
				padding: 30px 0px 20px 0px;
			}
			
			new-account-content-wrapper .new-account-content .new-account-form{
			
			}
		.new-account-content-wrapper .new-account-footer{
			
		}
			.new-account-content-wrapperr .new-account-footer #login-password-forgot{
				cursor:pointer;
				color:#00aeef;
			}
			
			.new-account-content-wrapper .new-account-footer #login-password-forgot:hover{
				color:#302e2e;
			}
			
			.new-account-content-wrapper .new-account-footer #login-new-account{
				cursor:pointer;
				color:#00aeef;
			}
			
			.new-account-content-wrapper .new-account-footer #login-new-account:hover{
				color:#302e2e;
			}
			
			.new-account-content-wrapper .new-account-footer #login-submit-button{
				cursor:pointer;
				color:#00aeef;
				padding: 25px 15px 25px 15px;
				border:1px solid #302e2e;
				float:right;
			}
			
			.new-account-content-wrapper .new-account-footer #login-submit-button:hover{
				color:#302e2e;
			}
/* 
	Login password forgot
*/

	.forgot-password-content-wrapper {
		margin:0 auto;	
	}
	
	.forgot-password-content-wrapper .forgot-password-head {
		
		text-transform:uppercase;
		text-align:center;
		padding: 5px 10px 5px 10px;
		border-radius:3px;
		color:#fff;
		position:relative;
	}
		
		.login-content-wrapper .login-head,
		.forgot-password-content-wrapper .forgot-password-head {
			background-color:#7B7B7B;
		}

		.forgot-password-content-wrapper .forgot-password-email-send-content{
			padding: 30px 0px 20px 0px;	
		}
		.forgot-password-content-wrapper .forgot-password-content{
			
		}
			
			
			.forgot-password-content-wrapper .forgot-password-content .forgot-password-form{
			
			}
		.forgot-password-content-wrapper .forgot-password-footer{
			
		}
			.forgot-password-content-wrapper .forgot-password-footer #login-password-forgot{
				cursor:pointer;
				color:#00aeef;
			}
			
			.forgot-password-content-wrapper .forgot-password-footer #login-password-forgot:hover{
				color:#302e2e;
			}
			
			.forgot-password-content-wrapper .forgot-password-footer #login-forgot-password{
				cursor:pointer;
				color:#00aeef;
			}
			
			.forgot-password-content-wrapper .forgot-password-footer #login-forgot-password:hover{
				color:#302e2e;
			}
			
			.forgot-password-content-wrapper .forgot-password-footer #login-submit-button{
				cursor:pointer;
				color:#00aeef;
				padding: 25px 15px 25px 15px;
				border:1px solid #302e2e;
				float:right;
			}
			
			.forgot-password-content-wrapper .forgot-password-footer #login-submit-button:hover{
				color:#302e2e;
			}




/* A */
@media (max-device-width:1023px) and (orientation:landscape)
{
	
}

/* B*/
@media (max-width: 1000px),(max-device-width:1000px) and (orientation:portrait),(max-device-width:767px) and (orientation:landscape)
{
	.login-content-wrapper,
	.forgot-password-content-wrapper{
		max-width:65%;
		margin:0 auto;
	}
}

/* C */
@media (max-width:767px),(max-device-width:767px) and (orientation:portrait),(max-device-width:499px) and  (orientation:landscape)
{	
	
	.login-content-wrapper,
	.forgot-password-content-wrapper{
		max-width:75%;
		margin:0 auto;
	}
	
	.login-content-wrapper .login-footer > div,
	.forgot-password-content-wrapper .forgot-password-footer > div{
		width: 100%;
	}

	.login-content-wrapper .login-footer #login-submit-button, 
	#forgot-password-submit-button, #new-account-submit-button {
		width: 100%;
	}	
	
	.login-content-wrapper .login-footer > div.mobile,
	.forgot-password-content-wrapper.forgot-password-footer > div.mobile{
		display: block;
		padding-top: 15px;
	}
	
	.login-content-wrapper .login-footer > div.desktop,
	.forgot-password-content-wrapper .forgot-password-footer > div.desktop{
		display: none;
	}
}

/* D */
@media (max-width:499px),(max-device-width:499px) and (orientation:portrait)
{
	.login-content-wrapper, 
	.forgot-password-content-wrapper {
		max-width: 100%;
	}
}