/* Start:/local/templates/letech-sfx/components/bitrix/system.auth.authorize/.default/style.css?17654518084673*/
/* .registracija > *{
	width: 50%;
}
.registracija .outside-auth{
	max-width: 200px;
}
.registracija.d-flex.flex-column {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-around;
    gap: 20px;
} */
/* .registracija .form-inline label {
    min-width: 60px !important;
} */
/* .outside-auth{
	display: none;
} */
.VkIdWebSdk__button_reset {
       border: none;
       margin: 0;
       padding: 0;
       width: auto;
       overflow: visible;
       background: transparent;
       color: inherit;
       font: inherit;
       line-height: normal;
       -webkit-font-smoothing: inherit;
       -moz-osx-font-smoothing: inherit;
       -webkit-appearance: none;
     }
 
     .VkIdWebSdk__button {
       background: #0077ff;
       cursor: pointer;
       transition: all .1s ease-out;
     }
 
     .VkIdWebSdk__button:hover{
       opacity: 0.8;
     }
 
     .VkIdWebSdk__button:active {
       opacity: .7;
       transform: scale(.97);
     }
 
     .VkIdWebSdk__button {
       border-radius: 6px;
       width: 100%;
       min-height: 44px;
     }
 
     .VkIdWebSdk__button_container {
       display: flex;
       align-items: center;
       padding: 8px 10px;
     }
 
     .VkIdWebSdk__button_icon + .VkIdWebSdk__button_text {
       margin-left: -28px;
     }
 
     .VkIdWebSdk__button_text {
       display: flex;
       font-family: -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif;
       flex: 1;
       justify-content: center;
       color: #ffffff;
     }
.ndesign-avtoriz{
	max-width: 540px;
	margin: 20px auto;
	border-radius: 24px;
	box-shadow: 0 0 20px 0 rgba(0,0,0,15%);
	padding: 30px 40px;
}
.ndesign-avtoriz .registracija .form-inline label {
	min-width: auto;
	text-align: left;
	width: 15%;
}
.ndesign-avtoriz .registracija .form-group{
	width: 100%;
	gap: 20px;
	margin: 0 0 10px 0;
}
.ndesign-avtoriz .registracija .form-inline input {
	width: 80%;
	margin: 0 !important;
}
.ndesign-avtoriz .zabyl-parol {
	margin: 0 0 30px 90px;
	text-align: left !important;
	font-size: 14px !important;
	font-weight: 400 !important;
}
.ndesign-avtoriz .reg-btn{
	margin: 20px 0;
}
.ndesign-avtoriz .reg-btn > *{
	width: 48%;
	min-width: 48%;
}
.ndesign-avtoriz .reg-btn .btn-gray{
	background: #fff;
	color: #F3702B;
	border: 2px solid #F3702B;
}
.ndesign-avtoriz .reg-btn .btn-gray:hover{
	  background: #ff5800;
	  color: #fff;
}
.ndesign-avtoriz .primechanie{
	text-align: center;
	font-weight: 300;
	font-size: 12px;
}
.ndesign-avtoriz form{
	margin-bottom: 30px;
}
.password_wrap{
	position: relative;
}
.eye-button{
	content: "";
	width: 25px;
	height: 24px;
	margin: 2px 0;
	display: block;
	position: absolute;
	right: 10px;
	bottom: 7px;
	cursor: pointer;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23b7b6c2" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"/><circle cx="12" cy="12" r="3"/></svg>');
}
.eye-button.active{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23b7b6c2" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye-off-icon lucide-eye-off"><path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49"/><path d="M14.084 14.158a3 3 0 0 1-4.242-4.242"/><path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143"/><path d="m2 2 20 20"/></svg>');
}
@media screen and (max-width: 580px){
	.ndesign-avtoriz .registracija .form-inline label {
		width: 100%;
	}
	.ndesign-avtoriz .registracija .form-inline input {
		width: 100%;
	}
	.ndesign-avtoriz .reg-btn {
		flex-direction: column;
		gap: 10px;
	}
	.ndesign-avtoriz .zabyl-parol {
		margin: 10px 0;
	}
	.ndesign-avtoriz .reg-btn > * {
		width: 100%;
		min-width: 100%;
	}
}
.le-auth-error-message{
	display: none; 
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    padding: 16px 40px;
    border: 1px solid #E82931;
    width: max-content;
    border-radius: 12px;
    text-align: center;
    margin: 20px auto 32px;
    color: #E82931;
    min-width: 520px;
    font-size: 14px;
    line-height: 16px;
}
.le-auth-error-message.show {
    display: block;
    opacity: 1;
}
/* End */


/* Start:/local/templates/letech-sfx/components/bitrix/socserv.auth.form/flat/style.css?17654495403651*/
.bx-authform-social-popup{
	display: none;
	background: #fff;
	width: auto;
	padding: 15px;
	font-size: 14px;
	white-space: nowrap;
}

.bx-authform-social-popup form{margin-bottom: 0;}

.bx-authform-social-popup input[type="text"] {
	display: inline-block;
	max-width: 150px;
	font-size: 18px;
	height: 30px;
	margin: 0;
	padding: 0 4px;
	border: 1px solid #CCD5DB;
	border-radius: 6px;
	background: #f8fafc;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bx-authform-social ul {
  	padding: 5px 0 12px;
  	margin: 0 0 15px;
  	display: block;
}

.bx-authform-social ul li {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 35px;
	margin-right: 5px;
}
.bx-authform-social ul li .bx-authform-social-icon {
	display: block;
	width: 35px;
	height: 35px;
	background-image: url(/local/templates/letech-sfx/components/bitrix/socserv.auth.form/flat/images/sprite.png);
	background-repeat: no-repeat;
	border-bottom: none;
}
.bx-authform-social ul li .bx-authform-social-icon:hover{opacity: .9;}
.bx-authform-social ul li .bx-authform-social-icon.box {background-position: 0 0;}
.bx-authform-social ul li .bx-authform-social-icon.dropbox {background-position: -44px 0;}
.bx-authform-social ul li .bx-authform-social-icon.bitrix24 {background-position: -88px 0;}
.bx-authform-social ul li .bx-authform-social-icon.yandex {background-position:-132px 0;}
.bx-authform-social ul li .bx-authform-social-icon.openid {background-position:-176px 0;}
.bx-authform-social ul li .bx-authform-social-icon.odnoklassniki {background-position:-220px 0;}
.bx-authform-social ul li .bx-authform-social-icon.google {background-position:-264px 0;}
.bx-authform-social ul li .bx-authform-social-icon.mymailru {background-position:-308px 0;}
.bx-authform-social ul li .bx-authform-social-icon.mailru2 {background-position:-440px 0;}
.bx-authform-social ul li .bx-authform-social-icon.livejournal {background-position:-352px 0;}
.bx-authform-social ul li .bx-authform-social-icon.openid-mail-ru {background-position:-440px 0;}
.bx-authform-social ul li .bx-authform-social-icon.liveid {background-position:-484px 0;}
.bx-authform-social ul li .bx-authform-social-icon.liveinternet {background-position:-528px 0;}
.bx-authform-social ul li .bx-authform-social-icon.blogger {background-position:-572px 0;}
.bx-authform-social ul li .bx-authform-social-icon.vkontakte {background-position:-616px 0;}
.bx-authform-social ul li .bx-authform-social-icon.twitter {background-position:-660px 0;}
.bx-authform-social ul li .bx-authform-social-icon.facebook {background-position:-704px 0;}
.bx-authform-social ul li .bx-authform-social-icon.google-plus {background-position:-748px 0;}
.bx-authform-social ul li .bx-authform-social-icon.office365 {background-position:-792px 0;}
.bx-authform-social ul li .bx-authform-social-icon.zoom {background-position:-836px 0;}
.flex-auth{
	display: flex;
	gap: 30px;
	max-width: 540px;
	margin: 30px auto;
	background: rgba(228, 228, 231, 0.5);
	border-radius: 10px;
	padding: 10px 40px;
	justify-content: center;
	align-items: center;
}
#ya-auth-div{
	min-width: 36px;
	z-index: 1;
}
.flex-auth ul{
	margin: 0;
	padding: 0;
	display: flex;
}
.flex-auth ul li{
	margin: 0;
}
.flex-auth.bx-authform-social ul li .bx-authform-social-icon.vkontakte{
	background-position: 0 0;
	background: url('/local/templates/letech/assets/img/vk.svg') no-repeat;
	background-size: contain;
}
.yandex-auth-img{
	height: 36px;
	width: 36px;
	border: none;
}
@media screen and (max-width: 580px){
	.flex-auth {
		gap: 10px;
		padding: 10px 20px;
	}
}

/* End */
/* /local/templates/letech-sfx/components/bitrix/system.auth.authorize/.default/style.css?17654518084673 */
/* /local/templates/letech-sfx/components/bitrix/socserv.auth.form/flat/style.css?17654495403651 */