/* Start:/local/components/techdir/auth/templates/.default/style.css?178614385012015*/
.user-auth-code-wrap
{
	display: block;
	border-radius: 6px;
	padding: 33px 45px;
	max-width: 350px;

	position: relative;

	margin: 60px auto;

	background: #fff;
	color: #000;
	box-shadow: 0 1px 6px 0 rgba(0,0,0,.15);

	font-family: 'Open Sans', sans-serif;
	text-align: center;
}
.user-auth-code-wrap p
{
	padding: 0;
}
.user-auth-code-wrap input
{
	width: auto;
	text-align: center;
}
.user-auth-code-row
{
	margin: 10px 0;
}
.user-auth-code-title
{
	display: block;

	margin-bottom: 12px;

	font-weight: bold;
	font-size: 20px;
	line-height: 1.1;
}

.user-auth-code-error
{
	margin: 10px 0;
	color: red;
}
.user-auth-resend-link
{
	cursor: pointer;
	text-decoration: none;
	color: #0074d6;
	border-bottom: 1px solid rgba(0, 116, 214, .15);
}
.user-auth-resend-link:hover
{
	transition: none;
	border-color: rgba(255, 139, 3, .4);
	color: #df7800;
}
.user-auth-code-row.with-button
{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.user-auth-code-back
{
	background: url("/local/components/techdir/auth/templates/.default/img/back.svg") no-repeat 50% 50%;
	background-size: contain;
	width: 30px;
	height: 30px;
	cursor: pointer;

	position: absolute;
	left: 10px;
}
.user-auth-code-back:hover
{
	opacity: .8;
}

/* ==== НАЧАЛО Микскар: логотипы сетей входа ==== */
/* --- ряд кнопок на форме входа --- */
html body div.bx-auth-serv-icons{display:flex !important;flex-wrap:wrap;gap:10px;
justify-content:center;margin:14px 0 4px;padding:0;list-style:none}
html body div.bx-auth-serv-icons a{display:flex !important;align-items:center;
justify-content:center;width:46px !important;height:46px !important;min-width:46px;
min-height:46px;box-sizing:border-box !important;border:1px solid #dfe3e8;border-radius:10px;
background:#fff;text-decoration:none;padding:0 !important;margin:0 !important;font-size:0;
transition:border-color .15s,box-shadow .15s,transform .15s}
html body div.bx-auth-serv-icons a:hover{border-color:#b9c0c9;
box-shadow:0 2px 8px rgba(20,30,50,.12);transform:translateY(-1px)}
html body div.bx-auth-serv-icons a:active{transform:none;box-shadow:none}
html body div.bx-auth-serv-icons a .bx-ss-icon{
display:block !important;float:none !important;
width:26px !important;height:26px !important;
min-width:26px !important;min-height:26px !important;
max-width:26px !important;max-height:26px !important;
margin:0 !important;padding:0 !important;background-color:transparent !important;
background-position:center center !important;background-size:26px 26px !important;
background-repeat:no-repeat !important;font-size:0 !important;text-indent:-9999px;overflow:hidden}

/* --- всплывающее окно выбора сети --- */
html body div.bx-auth-float{box-sizing:border-box;padding:22px 24px 24px;border-radius:14px;
background:#fff;max-width:440px}
html body .bx-auth-float .bx-auth-title{font-size:18px !important;font-weight:600;
color:#1c2430;margin:0 0 6px !important;padding:0;border:0;background:none;line-height:1.3}
html body .bx-auth-float .bx-auth-note{font-size:13.5px;color:#7a828e;
margin:0 0 16px !important;padding:0;line-height:1.45}
html body .bx-auth-float div.bx-auth-services{display:flex !important;flex-wrap:wrap;
gap:8px;margin:0;padding:0}
html body .bx-auth-float div.bx-auth-services > div{flex:0 0 auto;margin:0 !important;
padding:0 !important;float:none !important;width:auto !important;display:block}
html body .bx-auth-float .bx-auth-services a{display:flex !important;align-items:center;
gap:9px;padding:9px 13px !important;margin:0 !important;box-sizing:border-box;
border:1px solid #dfe3e8;border-radius:10px;background:#fff;text-decoration:none !important;
color:#26303c !important;font-size:14px;line-height:1.2;
transition:border-color .15s,box-shadow .15s}
html body .bx-auth-float .bx-auth-services a:hover{border-color:#b9c0c9;
box-shadow:0 2px 8px rgba(20,30,50,.10)}
html body .bx-auth-float .bx-auth-services a.bx-ss-selected{border-color:#e8720c;
background:#fff8f2;box-shadow:none}
html body .bx-auth-float .bx-auth-services a b{font-weight:500;color:#26303c}
html body .bx-auth-float .bx-auth-services a .bx-ss-icon{
display:block !important;float:none !important;
width:22px !important;height:22px !important;
min-width:22px !important;min-height:22px !important;
margin:0 !important;padding:0 !important;background-color:transparent !important;
background-position:center center !important;background-size:22px 22px !important;
background-repeat:no-repeat !important}
html body .bx-auth-float div.bx-auth-line{height:1px !important;background:#e9ecf0;
border:0 !important;margin:18px 0 !important;padding:0;font-size:0;overflow:hidden}

/* --- кнопка перехода в сеть: была куском старой картинки --- */
html body .bx-auth-float div.bx-auth-service-form > div{display:flex;flex-direction:column;
align-items:flex-start;gap:10px}
html body .bx-auth-float .bx-auth-service-form span.bx-spacer{display:none !important}
html body .bx-auth-float .bx-auth-service-form span{font-size:13px;color:#7a828e;
line-height:1.45}
html body .bx-auth-float a.bx-ss-button{
display:inline-flex !important;align-items:center;gap:10px;
width:auto !important;height:auto !important;
padding:11px 18px 11px 14px !important;margin:0 !important;
box-sizing:border-box;border:1px solid #d8dde3;border-radius:10px;
background-image:none !important;background-color:#fff !important;background-position:0 0 !important;
color:#1c2430 !important;font-size:14.5px;font-weight:600;text-decoration:none !important;
text-indent:0 !important;line-height:1.2;cursor:pointer;
transition:border-color .15s,box-shadow .15s,transform .15s}
html body .bx-auth-float a.bx-ss-button:hover{border-color:#b9c0c9;
box-shadow:0 2px 10px rgba(20,30,50,.13);transform:translateY(-1px)}
html body .bx-auth-float a.bx-ss-button:active{transform:none;box-shadow:none}
html body .bx-auth-float a.bx-ss-button:before{content:"";display:block;
width:22px;height:22px;flex:0 0 22px;
background-position:center center !important;background-size:22px 22px !important;
background-repeat:no-repeat !important}
html body .bx-auth-float a.bx-ss-button:after{white-space:nowrap}
html body .bx-auth-float a.bx-ss-button.yandex-button:after{content:"\0412 \043E \0439 \0442 \0438  \0447 \0435 \0440 \0435 \0437  \042F \043D \0434 \0435 \043A \0441 "}
html body .bx-auth-float a.bx-ss-button.google-button:after{content:"\0412 \043E \0439 \0442 \0438  \0447 \0435 \0440 \0435 \0437  Google"}
html body .bx-auth-float a.bx-ss-button.vkontakte-button:after{content:"\0412 \043E \0439 \0442 \0438  \0447 \0435 \0440 \0435 \0437  \0412 \041A \043E \043D \0442 \0430 \043A \0442 \0435 "}
html body .bx-auth-float a.bx-ss-button.mailru-button:after{content:"\0412 \043E \0439 \0442 \0438  \0447 \0435 \0440 \0435 \0437  Mail.ru"}
html body div.bx-auth-serv-icons a .bx-ss-icon.google,
html body .bx-auth-float .bx-auth-services a .bx-ss-icon.google,
html body .bx-auth-float a.bx-ss-button.google-button:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20height=%2724%27%20viewBox=%270%200%2024%2024%27%20width=%2724%27%3E%3Cpath%20d=%27M22.56%2012.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26%201.37-1.04%202.53-2.21%203.31v2.77h3.57c2.08-1.92%203.28-4.74%203.28-8.09z%27%20fill=%27%234285F4%27/%3E%3Cpath%20d=%27M12%2023c2.97%200%205.46-.98%207.28-2.66l-3.57-2.77c-.98.66-2.23%201.06-3.71%201.06-2.86%200-5.29-1.93-6.16-4.53H2.18v2.84C3.99%2020.53%207.7%2023%2012%2023z%27%20fill=%27%2334A853%27/%3E%3Cpath%20d=%27M5.84%2014.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43%208.55%201%2010.22%201%2012s.43%203.45%201.18%204.93l2.85-2.22.81-.62z%27%20fill=%27%23FBBC05%27/%3E%3Cpath%20d=%27M12%205.38c1.62%200%203.06.56%204.21%201.64l3.15-3.15C17.45%202.09%2014.97%201%2012%201%207.7%201%203.99%203.47%202.18%207.07l3.66%202.84c.87-2.6%203.3-4.53%206.16-4.53z%27%20fill=%27%23EA4335%27/%3E%3Cpath%20d=%27M1%201h22v22H1z%27%20fill=%27none%27/%3E%3C/svg%3E") !important}
html body div.bx-auth-serv-icons a .bx-ss-icon.vkontakte,
html body .bx-auth-float .bx-auth-services a .bx-ss-icon.vkontakte,
html body .bx-auth-float a.bx-ss-button.vkontakte-button:before{background-image:url("data:image/svg+xml,%3Csvg%20fill=%27%230077FF%27%20viewBox=%270%200%2024%2024%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27m9.489.004.729-.003h3.564l.73.003.914.01.433.007.418.011.403.014.388.016.374.021.36.025.345.03.333.033c1.74.196%202.933.616%203.833%201.516.9.9%201.32%202.092%201.516%203.833l.034.333.029.346.025.36.02.373.025.588.012.41.013.644.009.915.004.98-.001%203.313-.003.73-.01.914-.007.433-.011.418-.014.403-.016.388-.021.374-.025.36-.03.345-.033.333c-.196%201.74-.616%202.933-1.516%203.833-.9.9-2.092%201.32-3.833%201.516l-.333.034-.346.029-.36.025-.373.02-.588.025-.41.012-.644.013-.915.009-.98.004-3.313-.001-.73-.003-.914-.01-.433-.007-.418-.011-.403-.014-.388-.016-.374-.021-.36-.025-.345-.03-.333-.033c-1.74-.196-2.933-.616-3.833-1.516-.9-.9-1.32-2.092-1.516-3.833l-.034-.333-.029-.346-.025-.36-.02-.373-.025-.588-.012-.41-.013-.644-.009-.915-.004-.98.001-3.313.003-.73.01-.914.007-.433.011-.418.014-.403.016-.388.021-.374.025-.36.03-.345.033-.333c.196-1.74.616-2.933%201.516-3.833.9-.9%202.092-1.32%203.833-1.516l.333-.034.346-.029.36-.025.373-.02.588-.025.41-.012.644-.013.915-.009ZM6.79%207.3H4.05c.13%206.24%203.25%209.99%208.72%209.99h.31v-3.57c2.01.2%203.53%201.67%204.14%203.57h2.84c-.78-2.84-2.83-4.41-4.11-5.01%201.28-.74%203.08-2.54%203.51-4.98h-2.58c-.56%201.98-2.22%203.78-3.8%203.95V7.3H10.5v6.92c-1.6-.4-3.62-2.34-3.71-6.92Z%27/%3E%3C/svg%3E") !important}
html body div.bx-auth-serv-icons a .bx-ss-icon.mailru2,
html body .bx-auth-float .bx-auth-services a .bx-ss-icon.mailru2,
html body .bx-auth-float a.bx-ss-button.mailru-button:before{background-image:url("data:image/svg+xml,%3Csvg%20fill=%27%23005FF9%27%20viewBox=%270%200%2024%2024%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M15.61%2012c0%201.99-1.62%203.61-3.61%203.61-1.99%200-3.61-1.62-3.61-3.61%200-1.99%201.62-3.61%203.61-3.61%201.99%200%203.61%201.62%203.61%203.61M12%200C5.383%200%200%205.383%200%2012s5.383%2012%2012%2012c2.424%200%204.761-.722%206.76-2.087l.034-.024-1.617-1.879-.027.017A9.494%209.494%200%200%201%2012%2021.54c-5.26%200-9.54-4.28-9.54-9.54%200-5.26%204.28-9.54%209.54-9.54%205.26%200%209.54%204.28%209.54%209.54a9.63%209.63%200%200%201-.225%202.05c-.301%201.239-1.169%201.618-1.82%201.568-.654-.053-1.42-.52-1.426-1.661V12A6.076%206.076%200%200%200%2012%205.93%206.076%206.076%200%200%200%205.93%2012%206.076%206.076%200%200%200%2012%2018.07a6.02%206.02%200%200%200%204.3-1.792%203.9%203.9%200%200%200%203.32%201.805c.874%200%201.74-.292%202.437-.821.719-.547%201.256-1.336%201.553-2.285.047-.154.135-.504.135-.507l.002-.013c.175-.76.253-1.52.253-2.457%200-6.617-5.383-12-12-12%27/%3E%3C/svg%3E") !important}
html body div.bx-auth-serv-icons a .bx-ss-icon.yandex,
html body .bx-auth-float .bx-auth-services a .bx-ss-icon.yandex,
html body .bx-auth-float a.bx-ss-button.yandex-button:before{background-image:url("data:image/svg+xml,%3Csvg%20viewBox=%270%200%2024%2024%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect%20width=%2724%27%20height=%2724%27%20rx=%275%27%20fill=%27%23FC3F1D%27/%3E%3Cpath%20fill=%27%23fff%27%20d=%27M14.15%204.3h3v15.4h-2.9v-6.05h-.72l-3.4%206.05H6.75l3.7-6.5c-1.75-.62-2.9-2.05-2.9-4.15%200-2.85%202-4.75%204.85-4.75zm.1%202.5h-1.5c-1.45%200-2.4.95-2.4%202.4%200%201.5.9%202.4%202.4%202.4h1.5z%27/%3E%3C/svg%3E") !important}
/* --- подписи на форме --- */
.mx-soc-label{margin:16px 0 0;font-size:13px;color:#8a919b;text-align:center;
display:flex;align-items:center;gap:10px}
.mx-soc-label:before,.mx-soc-label:after{content:"";flex:1 1 auto;height:1px;background:#e6e9ed}
.mx-reg-note{font-size:13px;color:#8a919b;text-align:center;margin-top:18px}
/* ==== КОНЕЦ Микскар: логотипы сетей входа ==== */

/* End */
/* /local/components/techdir/auth/templates/.default/style.css?178614385012015 */