@charset "utf-8";

/* ================================================================================ */
/* Условия */
/* Ширина 900px */
@media(min-width: 901px) {
	.authorization_form {
		/* align-self: self-start; */
		align-self: flex-start;
	}
}

@media(max-width: 900px) {
	.login_cntr {
		height: 100%;
	}
}

/* Ширина 400px */
@media(max-width: 400px) {
	.authorization_form {
		width: 100% !important;
		min-width: 200px !important;
	}
}

/* Высота 550px */
@media(max-height: 550px) {
	.authorization_form {
		padding: 40px 40px 0 40px !important;
	}
}

/* ================================================================================ */
/* Построение сетки */
.login_form {
	position: fixed;
	right: 0;
	width: 100%;
	height: 100%;
}
.login_cntr {
	margin: auto;
	width: 100%;
	max-width: 950px;
}

/* ================================================================================ */
/* Авторизация */
.authorization_form {
	margin-left: auto;
	width: 40%;
	min-width: 350px;
	height: 100%;
	padding: 250px 40px 40px 40px;
}

.authorization_form div,
.authorization_form input,
.authorization_form button {
	display: flex;
	justify-content: space-between;
}

.authorization_form h1 {
	width: 100%;
	font-size: 25px;
}

.authorization_form div {
	width: 100%;
	padding: 8px;
}

.authorization_form input,
#see_ps,
#hide_ps {
	width: 100%;
	height: 38px;
	padding: 16px;
}

.authorization_form input:focus {
	outline: none;
}

#see_ps,
#hide_ps {
	cursor: pointer;
	width: 38px;
	background-position: center;
	background-size: 80%;
	background-repeat: no-repeat;
}

.authorization_form input,
.authorization_form button {
	/* margin: 4px 0; */
	padding: 8px;
	/* line-height: 16px; */
	font-size: 16px;
	font-weight: 700;
}

.authorization_form button {
	margin-left: auto;
	cursor: pointer;
	border: none;
}

.error {
	max-width: 100%;
	overflow-y: auto;
	font-weight: 700;
}