/* Start:/bitrix/templates/redesign2024/components/bitrix/system.auth.form/auth_new/style.css?17274368235356*/
.bx-system-auth-form {
	position: relative;
	border-radius: var(--border-radius-main);
	box-shadow: var(--box-shadow-fix-top);
	border: 1px solid var(--color-light-grey);
	max-width: 450px;
	margin: 0 auto;
	padding: 5px 15px 15px;
}
#login-form label {
	display: block;
}
.auth-login label {
	font-weight: bold;
	color: var(--color-main-black);
	font-size: var(--font-size-m);
	line-height: var(--font-line-height-m);
}

.auth-pass label {
	color: var(--color-main-black);
	font-size: var(--font-size-m);
	line-height: var(--font-line-height-m);
}

.nbAuth form input {
	font-size: var(--font-size-n);
  	line-height: var(--font-line-height-n);
	width: 100%;
	margin-top: 10px;
}

.col-md-12.auth-login,
.col-md-12.auth-pass {
	margin-top: 10px
}

#login-form .or_block {
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: normal;
	text-align: center;
	font-size: var(--font-size-s-fixed);
}

.or_ref_another_phone,
.or_ref_another_pass,
.or_ref_another_sms {
	color: var(--color-green);
	font-size: var(--font-size-s);
	margin-bottom: 10px;
	cursor: pointer
}

.back_to_start {
	color: var(--color-green);
	font-size: var(--font-size-s);
	cursor: pointer;
	text-align: center;
	margin-top: 10px
}

.back_to_start:hover {
	color: var(--color-main-black);
}

#login-form .submit-auth {
	margin-top: 30px
}
.frm_field.error input {
	border-color: var(--color-orange);
}
.or_ref_another_phone:hover,
.or_ref_another_pass:hover,
.or_ref_another_sms:hover {
	color: var(--color-main-black);
}
.order_phone_cont {
	position: relative;
	width: 100%;
	background: var(--color-white);
}
.login_pass_cont {
	position: relative;
	width: 100%;
	background: var(--color-white);
}
#login-form a {
	background: var(--color-d-white);
	width: 100%;
	display: block;
	height: 37px;
	padding-top: 8px;
	border-radius: var(--border-radius-main);
	color: var(--color-main-black);
	margin-top: 10px;
	padding: 10px;
	text-align: center;
	transition: all .2s ease;
}
#login-form a:hover {
	box-shadow: var(--box-shadow-add);
	transition: all .2s ease;
	background: var(--color-light-grey);
}
#login-form a.reg_btbn {
	height: 45px;
	padding-top: 12px;
}
.nbAuth span.agreement_s {
	font-size: var(--font-size-s-fixed);
	display: block;
	line-height: 18px;
	text-align: left;
	color: #a4a4a4;
	margin-bottom: 15px;
}
.nbAuth span.agreement_s a {
	text-decoration: underline;
	color: var(--color-dark-grey);
}
.compare_favor_buttons {
	width: auto;
	height: 80px;
	margin-right: -5px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.compare_favor_buttons__wrapper {
	width: 33.3333%;
	float: left;
	padding: 0 5px 0 0;
	height: 100%;
}
.favorites_list, .compares_list, .personal_auth_list {
	height: 100%;
	position: relative;
	background: var(--color-white);
	border-radius: var(--border-radius-main);
	border: 1px solid var(--color-light-grey);
	box-shadow: var(--box-shadow-fix-top);
	color: var(--color-main-black);
	font-size: var(--font-size-s-fixed);
	font-weight: bold;
	text-align: center;
}
.personal_auth_list {
	display: flex;
  	align-items: center;
  	justify-content: center;
  	flex-direction: column;
  	gap: 10px;
}
.favorites_list a, .compares_list a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	gap: 0 5px;
	flex-wrap: wrap;
	padding: 5px;
}
.favorites_list i, .compares_list i, .personal_auth_list i {
	font-size: 30px;
	display: block;
	width: 100%;
}

@keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}
.mf-req {
	display: none;
}
@media(min-width: 992px) {
	.compare_favor_buttons {
		display: none;
	}
}
.mes_block {
	position: relative;
	padding: 25px 20px 25px;
}
.succsess_title_block {
	color: #000;
	font-size: var(--font-size-n);
	line-height: var(--font-line-height-n);
	font-weight: bold;
}
.success_body_block {
	font-size: var(--font-size-s);
	line-height: var(--font-line-height-s);
	color: #ff7200;
	margin-top: 15px;
	text-align: center;
	margin-bottom: 15px;
	font-weight: bold;
	border: 1px solid #ffd5b4;
	border-radius: var(--border-radius-main);
	padding: 12px 5px 14px;
}
.back_to_start_er {
	color: var(--color-green);
	font-size: var(--font-size-s);
	line-height: var(--font-line-height-s);
	cursor: pointer;
	text-align: center;
	margin-top: 15px;
	font-weight: normal;
}
.back_to_start_er a {
	color: var(--color-green);
	font-size: var(--font-size-s);
	line-height: var(--font-line-height-s);
	cursor: pointer;
	text-align: center;
}
.success_btns_block {
	margin-top: 15px;
}
.success_btns_block a:first-child {
	background: var(--color-d-white);
	width: 100%;
	display: block;
	height: 45px;
	border-radius: var(--border-radius-main);
	color: var(--color-main-black);
	margin-top: 10px;
	padding: 10px;
	padding-top: 12px;
	text-align: center;
	transition: all .2s ease;
}
.success_btns_block a:nth-child(2n) {
	background: var(--color-yellow);
	color: var(--color-main-black);
	font-weight: bold;
	transition: all .2s ease;
	padding: 12px 15px;
	height: 45px;
	border-radius: var(--border-radius-main);
	display: inline-block;
	width: 100%;
	margin-top: 10px;
	text-align: center;
}

/* End */
/* /bitrix/templates/redesign2024/components/bitrix/system.auth.form/auth_new/style.css?17274368235356 */