@import 'style.css';
@import 'animate.css';

#authorization-wrapper-bg{
	background-color: #F2F2F2;
	padding: 15px 0;
	margin: 15px 0;
}

#authorization-wrapper{
	width: 1000px;
	margin: 0 auto;

}

#login-ok-button{
	width: 120px;
	padding: 10px 0;
	background-color: #6DAE04;
	text-align: center;
	color: white;
	cursor: pointer;
	margin: 10px auto;
}

#login-ok-restore{
	margin: 15px auto 0 auto;
	width: 200px;
	padding: 10px 0;
	background-color: #6DAE04;
	text-align: center;
	color: white;
	cursor: pointer;

}

#login-ok-button:hover , #login-ok-restore:hover{
	background-color: #78B418;
}

#login-wrapper input , #rec-pass-inp{
	height: 30px;
	width: 300px;
	border: 1px solid #DCDCDC;
	color: #6DAE04;
	font-size: 16px;
	padding: 0 5px;
	
}

#login-wrapper input:focus{
	font-weight: bold;
}

#customer-password , #customer-login{
	color: #6E6E6E;
	margin: 10px;
}

/*Тело авторизации*/
#login-wrapper{
	width: 800px;
	border: 1px solid #DCDCDC;
	margin: 0 auto;
	text-align: center;
	position: relative;
	min-height: 400px;
}

#login-title{
	text-align: center;
	font-size: 18px;
	color: #6E6E6E;
	margin: 10px 0 70px 0;
}

/*Анимация*/
#login-load{
	display: none;
	position: absolute;
	top: 172px;
	left: 48%;
}

#login-status{
	display: none;
}

#login-status-yes{
	margin-top: 150px;
	font-size: 16px;
	color: #B5CAAD;
}

/*Востановление пароля*/
#rec-pass{
	display: none;
}

#rec-pass-bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 10;
	opacity: 0.7;
}

#rec-pass-wrapper{
	position: fixed;
	padding: 15px 15px;
	background-color: white;
	left: 40%;
	top: 30%;
	z-index: 11;	
}

#rec-pass-butt{
	margin: 10px auto 0 auto;
	width: 200px;
	padding: 10px 0;
	background-color: #78B418 ;
	text-align: center;
	color: white;
	cursor: pointer;
	opacity: 0.9;
}

#rec-pass-butt:hover{
	opacity: 1;
}

#pass-yes{
	color: #649B04;
}