:root {
	--CAT_COLOR_DEF:#66c4ff;
	--CAT_COLOR_DEF_OPAC:#e5f5ff;
	--CAT_COLOR:#07d;
	--CAT_OPAC1:#0077dd1a;
	--CAT_OPAC2:#0077dd33;
	--CAT_COLOR0:#07d;
	--CAT_COLOR1:#329a98;
	--CAT_COLOR2:#55a;
	--CAT_COLOR3:#c42a67;
	--CAT_COLOR4:#825c2c;
	--GROUP_COLOR1:#099;
	--GROUP_COLOR2:#939;
	--GROUP_COLOR3:#090;
	--GROUP_COLOR4:#d33;
	--GROUP_COLOR1_OPAC:#0099991a;
	--GROUP_COLOR2_OPAC:#9933991a;
	--GROUP_COLOR3_OPAC:#0099001a;
	--GROUP_COLOR4_OPAC:#dd33331a;
	--TXT_LO3:#00000066;
	--TXT_LO2:#00000088;
	--TXT_LO1:#000000aa;
	--TXT:#333;
	--TXT_HI:#000;
	--GREEN:#7b0;
	--GREEN_HI1:#6a0;
	--GREEN_HI2:#590;
	--GREEN_OPAC1:#77bb001a;
	--GREEN_OPAC2:#77bb0033;
	--GREEN_OPAC3:#77bb004d;
	--BLUE:#09f;
	--BLUE_HI1:#07d;
	--BLUE_HI2:#06c;
	--BLUE_OPAC1:#0099ff1a;
	--BLUE_OPAC2:#0099ff33;
	--BLUE_OPAC3:#0099ff4d;
	--MAGENTA:#f20470;
	--MAGENTA_OPAC2:#f2047033;
	--YELLOW:#f90;
	--YELLOW_OPAC2:#ff990033;
	--HINT_COLOR:#6655ddcc;
	--LAVENDEL:#65d;
	--EGG_BLUE:#0cc;
	--FONT1:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", Arial, sans-serif;
	--FONT2:'Fira sans', sans-serif;
	--FONT3:Georgia, serif;
	--FONT4:"Trebuchet MS", 'Fira sans', sans-serif;
}

#auth .input:-webkit-autofill {
	background-color:#fff !important;
	-webkit-box-shadow:0 0 0 50px #fff inset;
	transition:background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
}

#auth {
	position:fixed;
	left:calc(50% - 200px + var(--desktop-primary-menu-width) / 2);
	top:100px;
	width:400px;
	z-index:1020;
	display:none;
	overflow:hidden;
	background:#fff;
	border-radius:30px;
	transition: height 0.5s ease 0.5s, opacity 0.5s ease 0.5s;
	box-shadow:var(--shadow-cont-major);
}

#auth .btn {
	border-radius:30px;
	padding:12px 24px;
	background-color:#fff;
	border:1px solid #00000033;
	cursor:pointer;
	white-space:nowrap;
	display:inline-block;
	color:#333;
	font-size:14px;
	height:20px;
	font-family:inherit;
	position:relative;
}
#auth .btn svg {
	width: 40px;
	height:40px;
}

#auth .btn:hover {
	color:#000;
	border-color:#777
}

#auth .register_multy .btn {
	margin-bottom:5px;
}

#auth.loading .btn font {
	opacity:0;
}

#auth .register .color-schema-info {
}

#auth_overlay {
	position:fixed;
	top:0;
	left:0;
	bottom:100%;
	right:0;
	background-color:rgba(20, 30, 40, 0.25);
	z-index:1019;
	opacity:0;
	transition:bottom 0.01s linear 0.4s, opacity 0.3s ease 0.1s;
}

.bd_auth #auth_overlay {
	opacity:1;
	bottom:0;
	transition:opacity 0.5s ease
}

#auth .block-auth {
	display:inline-block;
	position:absolute;
	top:30px;
	right:368px;
}

#auth .block {
	transition:all .7s ease-in-out;
	-webkit-transition:all .7s ease-in-out;
	left:0;
	position:absolute;
	top:0;
	width:400px;
}

#auth.register .register,
#auth.register_success .register_success,
#auth.register_final .register_final,
#auth.login .login,
#auth.secure1 .secure1,
#auth.secure2 .secure2,
#auth.login_multy .login_multy,
#auth.register_multy .register_multy,
#auth.forgot .forgot,
#auth.forgot_success .forgot_success,
#auth.forgot_multy .forgot_multy,
#auth.forgot_final .forgot_final,
#auth.logged .logged {
	z-index:1
}

#auth .hidden {
	display:none;
}

#auth .effect2 {
	position:relative;
	left:100%;
	opacity:0;
	transition:all 0.5s ease 0.5s;
}

#auth.register .register .effect2 {
	opacity:1;
	left:0
}

#auth.login .register .effect2 {
	opacity:0;
	left:-100%;
	transition:0.5s;
}

#auth.login .login .effect2 {
	opacity:1;
	left:0
}

#auth.secure1 .secure1 .effect2 {
	opacity:1;
	left:0
}
#auth.secure2 .secure2 .effect2 {
	opacity:1;
	left:0
}

#auth.login .forgot .effect2 {
	opacity:0;
	left:100%;
	transition:0.5s;
}

#auth.register_success .register .effect2 {
	opacity:0;
	left:-100%;
	transition:0.5s;
}

#auth.register_success .register_success .effect2 {
	opacity:1;
	left:0
}

#auth.register_final .register .effect2,
#auth.register_final .register_success .effect2 {
	opacity:0;
	left:-100%;
	transition:0.5s;
}

#auth.register_final .register_final .effect2 {
	opacity:1;
	left:0
}

#auth.forgot .login .effect2,
#auth.forgot .register .effect2 {
	opacity:0;
	left:-100%;
	transition:0.5s;
}

#auth.forgot .forgot .effect2 {
	opacity:1;
	left:0
}

#auth.forgot_multy .login .effect2,
#auth.forgot_multy .register .effect2,
#auth.forgot_multy .forgot .effect2 {
	opacity:0;
	left:-100%;
	transition:0.5s;
}

#auth.forgot_multy .forgot_multy .effect2 {
	opacity:1;
	left:0
}

#auth.forgot_success .login .effect2,
#auth.forgot_success .register .effect2,
#auth.forgot_success .forgot .effect2,
#auth.forgot_success .forgot_multy .effect2 {
	opacity:0;
	left:-100%;
	transition:0.5s;
}

#auth.forgot_success .forgot_success .effect2 {
	opacity:1;
	left:0
}

#auth.forgot_final .login .effect2,
#auth.forgot_final .register .effect2,
#auth.forgot_final .forgot .effect2,
#auth.forgot_final .forgot_multy .effect2,
#auth.forgot_final .forgot_success .effect2 {
	opacity:0;
	left:-100%;
	transition:0.5s;
}

#auth.forgot_final .forgot_final .effect2 {
	opacity:1;
	left:0
}

#auth.login_multy .login .effect2,
#auth.login_multy .register .effect2 {
	opacity:0;
	left:-100%;
	transition:0.5s;
}

#auth.login_multy .login_multy .effect2 {
	opacity:1;
	left:0
}

#auth.logged .login .effect2,
#auth.logged .register .effect2 {
	opacity:0;
	left:-100%;
	transition:0.5s;
}

#auth.logged .logged .effect2 {
	opacity:1;
	left:0
}

#auth.register_multy .login .effect2,
#auth.register_multy .register .effect2 {
	opacity:0;
	left:-100%;
	transition:0.5s;
}

#auth.register_multy .register_multy .effect2 {
	opacity:1;
	left:0
}

#auth .register .effect2 {
}

#auth .effect1 {
	opacity:0;
	transition:opacity 0.5s ease 0.5s;
}

#auth.register .register .effect1 {
	opacity:1
}

#auth.login .register .effect1 {
	opacity:0;
	transition:0.5s;
}

#auth.login .login .effect1 {
	opacity:1
}

#auth.secure1 .secure1 .effect1 {
	opacity:1
}

#auth.secure2 .secure2 .effect1 {
	opacity:1
}

#auth.login .forgot .effect1 {
	opacity:0;
	transition:0.5s;
}

#auth.forgot_success .forgot_success .effect1 {
	opacity:1
}

#auth.register_success .register .effect1 {
	opacity:0;
	transition:0.5s;
}

#auth.register_success .register_success .effect1 {
	opacity:1
}

#auth.register_final .register .effect1,
#auth.register_final .register_success .effect1 {
	opacity:0;
	transition:0.5s;
}

#auth.register_final .register_final .effect1 {
	opacity:1
}

#auth.forgot .login .effect1,
#auth.forgot .register .effect1 {
	opacity:0;
	transition:0.5s;
}

#auth.forgot .forgot .effect1 {
	opacity:1
}

#auth.forgot_success .login .effect1,
#auth.forgot_success .register .effect1,
#auth.forgot_success .forgot .effect1,
#auth.forgot_success .forgot_multy .effect1 {
	opacity:0;
	transition:0.5s;
}

#auth.forgot_success .forgot_success .effect1 {
	opacity:1
}

#auth.forgot_multy .login .effect1,
#auth.forgot_multy .register .effect1,
#auth.forgot_multy .forgot .effect1 {
	opacity:0;
	transition:0.5s;
}

#auth.forgot_multy .forgot_multy .effect1 {
	opacity:1
}

#auth.forgot_final .login .effect1,
#auth.forgot_final .register .effect1,
#auth.forgot_final .forgot .effect1,
#auth.forgot_final .forgot_multy .effect1,
#auth.forgot_final .forgot_success .effect1 {
	opacity:0;
	transition:0.5s;
}

#auth.forgot_final .forgot_final .effect1 {
	opacity:1
}

#auth.login_multy .login .effect1,
#auth.login_multy .register .effect1 {
	opacity:0;
	transition:0.5s;
}

#auth.login_multy .login_multy .effect1 {
	opacity:1
}

#auth.register_multy .login .effect1,
#auth.register_multy .register .effect1 {
	opacity:0;
	transition:0.5s;
}

#auth.register_multy .register_multy .effect1 {
	opacity:1
}

#auth.logged .login .effect1,
#auth.logged .register .effect1 {
	opacity:0;
	transition:0.5s;
}

#auth.logged .logged .effect1 {
	opacity:1
}

#auth .register .effect1 {
}

#auth .close {
	position:absolute;
	z-index:2;
	cursor:pointer;
	border-radius:24px;
	padding:9px;
	right:20px;
	top:20px;
}

#auth .close ws-icon {
	width:40px;
	height:40px;
	--icon-size:40px;
	margin:-5px;
	position:relative
}

#auth .back {
	position:relative;
	float:left;
	cursor:pointer;
	border-radius:24px;
	margin:0 -50px 0 0;
	padding:9px;
}

#auth .back ws-icon {
	position:relative;
	width:40px;
	height:40px;
	--icon-size:40px;
	margin:-5px;
}

#auth .close:before,
#auth .back:before {
	content:'';
	position:absolute;
	left:24px;
	top:24px;
	width:0;
	height:0;
	transition:0.3s;
	border-radius:24px
}

#auth .close:hover:before,
#auth .back:hover:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:48px;
	height:48px;
	background:#f4f4f4;
}

#auth .auth-social {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	/* height: 150px; */
	padding:32px 0;
}

#auth .auth-social .btn {
	text-indent:10px;
	width:170px;
	font-family:var(--FONT1);
}

#auth .auth-social .btn-center {
	text-align:center;
}

#auth .auth-social .btn ws-icon {
	float:left;
	width:40px;
	height:40px;
	--icon-size:40px;
	margin:-10px -7px -10px -10px;
}

#auth .auth-social .btn_small {
	text-indent:0px;
	text-align:center;
	width:70px;
}

#auth .auth-social .btn ~ .btn {
	margin-top:20px;
}

#auth .part-header,
#auth .part-main,
#auth .part-title {
	padding:0 44px;
}

#auth .login .part-title,
#auth .register .part-title,
#auth .login_multy .part-title,
#auth .logged .part-title,
#auth .register_multy .part-title,
#auth .register_success .part-title,
#auth .register_final .part-title,
#auth .forgot_success .part-title,
#auth .forgot_multy .part-title,
#auth .forgot_final .part-title,
#auth .forgot .part-title,
#auth .secure1 .part-title,
#auth .secure2 .part-title {
	text-align:center;
}

#auth .part-space {
	height:20px;
}

#auth .part-header {
	padding:20px 20px 0 20px;
	justify-content:flex-end;
	height:48px;
	margin:0 0 -24px;
}

#auth .part-title {
	font-size:16px;
	font-family:var(--FONT2), sans-serif !important;
}

#auth .fira {
	font-family:var(--FONT2), sans-serif !important;
	font-style:italic
}

#auth .part-title div:first-child {
	font-size:36px;
	font-weight:400;
	padding-bottom:14px;
}

#auth .part-title span {
	background-color:var(--GREEN_OPAC3);
	color:var(--GREEN_HI2);
	padding:2px 4px;
	border-radius:4px;
}

.text-on-line {
	position:relative;
	z-index:1;
	overflow:hidden;
	text-align:center;
	font-style:italic;
	font-size:12px;
	font-family:var(--FONT2);
	padding:5px 0;
	margin:-5px 0
}

.text-on-line:before,
.text-on-line:after {
	content:'';
	display:inline-block;
	width:100%;
	height:1px;
	background:#dedede;
	z-index:-1;
	position:relative;
	vertical-align:middle
}

.text-on-line:before {
	right:15px;
	margin:0 0 0 -100%
}

.text-on-line:after {
	left:15px;
	margin:0 -100% 0 0
}

#auth .text-on-line {
}

#auth .text-on-line ws-icon {
	width:24px;
	height:24px;
	--icon-size:24px;
	margin:-2px;
	vertical-align:bottom;
	display:inline-block;
	--icon-color: var(--sidebar-cont-base);
}

#auth .text-on-line i {
	float:left;
	background:#ccc;
	width:5px;
	height:5px;
	border-radius:50%;
	margin:8px -5px 0 0
}

#auth .text-on-line i ~ i {
	float:right;
	margin:8px 0 0 -5px;
}

#auth .text-on-line:before,
#auth .text-on-line:after {
	content:'';
	display:inline-block;
	width:100%;
	height:1px;
	background:#dedede;
	z-index:-1;
	position:relative;
	vertical-align:middle;
}

#auth .text-on-line:before {
	right:15px;
	margin:0 0 0 -100%;
}

#auth .text-on-line:after {
	left:15px;
	margin:0 -100% 0 0;
}

#auth .input {
	padding:15px 15px;
	border-radius:4px;
	font:400 16px/20px var(--FONT1);
	width:44%;
	height:56px;
	box-sizing:border-box;
}

#auth .remember {
	float:right;
	margin-top:16px;
	color:var(--BLUE_HI1) CC;
	font-style:italic;
	line-height:24px;
}

#auth .remember:hover {
	color:var(--BLUE_HI1);
}

#auth .input-group {
	position:relative;
	padding:38px 0 32px 0;
}

#auth .color-schema-info .input {
	border:1px solid var(--BLUE);
}

#auth .color-schema-info .btn {
	background:var(--MAGENTA);
	border-color:var(--MAGENTA);
	color:#fff;
	transition:0.3s;
	box-shadow:0 0 0 12px transparent;
}

#auth .color-schema-info .btn:active {
	transition:none;
	box-shadow:0 0 0 6px var(--MAGENTA_OPAC3);
}

#auth .color-schema-info .btn:hover {
	box-shadow:0 0 0 50px #0000001a inset;
}

#auth .color-schema-info .btn.effect-yellow {
	background-color:var(--YELLOW);
	box-shadow:0 0 0 12px transparent;
}

#auth .color-schema-info .btn.effect-yellow:active {
	transition:none;
	box-shadow:0 0 0 6px var(--YELLOW_OPAC3);
}

#auth .color-schema-info .btn.effect-yellow:hover {
	box-shadow:0 0 0 50px #0000001a inset;
}

#auth .color-schema-info .btn.effect-green {
	background-color:var(--BLUE);
	border-color:var(--BLUE);
	box-shadow:0 0 0 12px transparent;
}

#auth .color-schema-info .btn.effect-green:active {
	transition:none;
	box-shadow:0 0 0 6px var(--BLUE_OPAC3);
}

#auth .color-schema-info .btn.effect-green:hover {
	box-shadow:0 0 0 50px #0000001a inset;
}

/*.color-schema-success .input {
    border: 1px solid #0b9dff;
}

#auth .color-schema-success .btn {
    border: 1px solid var(--BLUE);
    background-color: var(--BLUE);
}*/
#auth .part-bottom,
#register_multy .part-bottom {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:20px 0;
}

#auth .part-bottom div:first-child,
#register_multy .part-bottom div:first-child {
	margin-bottom:14px;
}

#auth .btn-auth {
	background:none;
	font-style:normal;
	font-weight:600;
	padding:0 24px;
	border-color:var(--BLUE);
	height:48px;
	line-height:46px;
	box-sizing:border-box;
	border-width:2px;
}

#auth .btn-auth:hover {
	background-color:#fff;
	border-color:var(--BLUE);
}

#auth .input-group input:placeholder-shown + label {
	opacity:0;
	transform:translateY(100%);
}

#auth .input-group input + label {
	position:absolute;
	top:14px;
	left:12px;
	transition:all 0.1s;
	opacity:1;
	background:white;
	padding:0 5px;
	transform:translateY(calc(50% + 5px));
	font-size:12px;
	color:#a6a6a6;
}

#auth .input-group input:focus {
	outline:0;
}

#auth .link-yellow {
	background-color:#ffff6a;
	padding:2px 5px;
	font-weight:bold;
	color:#000;
	margin:0 -5px;
}

#auth .div-line {
	display:block;
	height:1px;
	border-bottom:1px solid #dedede;
	width:50%;
	margin:0 auto;
}

#auth .text-email {
	background-color:#f1ebf3;
	color:#a27bb0;
	padding:2px 5px;
	border-radius:4px;
}

#auth .success .part-main {
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
}

#auth .success .text-info {
	margin:30px 0 15px;
	text-align:center;
	font-size:14px;
	line-height:25px;
}

#auth .success .text-info a {
	color:#37afff;
	text-decoration:underline;
}

#auth .ico_success {
	width:60px;
	height:60px;
	float:left;
	margin:-5px -55px -5px -5px;
}

#auth .ico_help {
	width:21px;
	height:21px;
}

#auth .register .part-bottom,
#auth .login_multy .part-bottom,
#auth .forgot .part-bottom {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	padding:20px;
	transition:background 0.2s
}

#auth .register .part-bottom {
	font-style:italic;
	color:#555;
	padding:28px 0 40px;
}

#auth .register .part-bottom,
#auth .login .part-bottom,
#auth .login_multy .part-bottom,
#auth .register_multy .part-bottom,
#auth .forgot .part-bottom,
#auth .forgot_multy .part-bottom {
	background-color:#fff;
}

#auth.register .register .part-bottom,
#auth.login .login .part-bottom,
#auth.login_multy .login_multy .part-bottom,
#auth.register_multy .register_multy .part-bottom,
#auth.forgot_multy .forgot_multy .part-bottom,
#auth.forgot .forgot .part-bottom {
	background-color:#f4f4f4;
	transition:background 1s ease 1s;
}

#auth .login .part-bottom a:hover,
#auth .login_multy .part-bottom a:hover,
#auth .forgot .part-bottom a:hover {
	background-color:#fff;
	opacity:1;
}

#auth .login .part-main .part-title,
#auth .forgot .part-main .part-title {
}

#auth .auth_message {
	background-color:#fe7;
	padding:20px;
	font-style:italic;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	display:none;
	margin:16px 0 0;
}

#auth .register .part-bottom a,
#auth .login_multy .part-bottom a,
#auth .forgot .part-bottom a {
	padding:8px 15px;
	border-radius:20px;
	display:flex;
	align-items:center;
	color:#000;
	opacity:0.5;
}

#auth .register_multy .part-bottom a.btn {
	background:none;
	font-style:normal;
	font-weight:600;
	padding:0 24px;
	border-color:var(--BLUE);
	height:48px;
	line-height:46px;
	box-sizing:border-box;
	border-width:2px;
}

#auth .fira-italic {
	font-style:italic;
	font-size:14px;
}

#auth .text-description {
	padding:18px 0 30px;
	line-height:25px;
	text-align:center;
}

#auth .text-description a {
	text-decoration:underline
}

#auth .login form,
#auth .secure1 form,
#auth .secure2 form,
#auth .forgot form,
#auth .register_final form,
#auth .forgot_final form {
	padding:38px 16px 32px;
}

#auth input {
}

#auth .login form .input,
#auth .forgot form .input,
#auth .secure1 form .input,
#auth .secure2 form .input,
#auth .code_step2 form .input,
#auth .register_final form .input,
#auth .forgot_final form .input {
	width:100%;
	border:1px solid #dadada;
}

#auth .login form input:focus {
	border-color:#029aff;
	box-shadow:0 0 0px 3px #0099ff66;
}

#auth .forgot form input:focus {
	border-color:#029aff;
	box-shadow:0 0 0px 3px #0099ff66;
}

#auth .input-remember {
	width:100px;
	display:block;
	background-color:#f5f5f5;
	padding:17px 5px 17px 15px;
	position:absolute;
	right:1px;
	top:1px;
	bottom:1px;
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
}

#auth .forgot form .control-button {
	display:flex;
	justify-content:space-between;
}

#auth .icon-arrow {
	width:40px !important;
	height:40px !important;
	margin-left:-10px;
}

#auth .icon-arrow ws-icon {
	width:44px;
	height:44px;
	--icon-size:44px;
}

#auth .login form input[type="checkbox"] {
	width:auto;
}

#auth .color-blue {
	fill:var(--BLUE);
	display:flex;
}

#auth .element {
	margin-bottom:16px;
	position:relative;
}

#auth .pull-right {
	text-align:right;
}

#auth .btn-blue {
	background-color:var(--BLUE);
	color:#fff;
	border:1px solid var(--BLUE);
	height:56px;
	padding:16px 25px;
	font-weight:bold;
	transition:0.3s;
	-webkit-tap-highlight-color: transparent;
}

#auth .btn-blue:hover {
	background-color:var(--BLUE_HI2) !important;
	border:1px solid var(--BLUE_HI2) !important;
	color:#fff;
}

#auth .btn-blue:active {
	box-shadow:0 0 0 6px var(--BLUE_OPAC3);
	transition:none;
}

#auth .register .input {
	width:100%;
	box-sizing:border-box;
	height:56px;
}

#auth .register .input:focus {
	box-shadow:0 0 0px 3px #0099ff66;
}

#auth .register .sign {
	padding:16px 24px;
	border-radius:30px;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	font-size:14px;
	height:56px;
	border:none;
}

#auth .auth-social .btn {
	padding:13px 30px;
	border-radius:50px;
}

#auth .auth-social a.small {
	color:#999;
	margin-top:20px
}

#auth .auth-social a.small:hover {
	border-bottom:1px dashed
}

#auth .register form {
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	padding:0;
}

#auth .register form div ~ div {
	margin-left:10px;
}

#auth .accounts {
	overflow-y:auto;
	max-height:400px;
	margin:20px -10px;
}

#auth .accounts a {
	display:block;
	cursor:pointer;
	padding:8px;
	overflow:hidden;
	position:relative;
}

#auth .accounts a.logout_ {
	transition:0.3s;
	-webkit-transition:0.3s;
	opacity:0;
	margin-left:-300px;
}

#auth .accounts a i {
	display:block;
	font-style:normal;
	margin:-7px -8px -7px 60px;
	padding:8px 50px 6px 10px;
}

#auth .accounts a img {
	float:left;
}

#auth .accounts a:hover i {
	background-color:#d6eefe;
	border-radius:10px;
}

#auth .accounts a .url {
	text-decoration:none;
	color:var(--BLUE);
	font:14px/14px var(--FONT1);
	text-overflow:ellipsis;
	display:block;
	overflow:hidden;
	margin:0 0 6px;
}

#auth .accounts a b {
	font-size:18px;
	line-height:26px;
	color:#000;
	display:block;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

#auth .accounts a ws-icon:not(.ws) {
	width:40px;
	height:40px;
	--icon-size:44px;
	margin:3px -40px 0 0;
	float:right;
	opacity:0.2;
	transition:all 0.3s ease;
	transform:rotate(180deg);
}

#auth .accounts a:hover ws-icon:not(.ws) {
	opacity:1;
	margin-right:-45px
}

#auth .accounts a ws-icon.ws {
	float:left;
	opacity:0.2;
	width:48px;
	height:48px;
	--icon-size:48px;
	fill:#333;
	margin:0 5px;
}

#auth .accounts .line {
	margin:6px 8px 6px 78px;
	background:#eee;
}

#auth .accounts_invis {
	text-align:center;
	padding:20px 0;
	font:italic 14px/20px var(--FONT2);
}

#auth .accounts_invis .btn {
	margin:20px 0 10px;
}

#auth.noani * {
	transition:none !important
}

@media (max-width:480px) {
	body.bd_auth > :not(#auth) {
		display:none !important
	}

	#auth {
		position:absolute;
		width:100%;
		margin:0;
		left:0;
		top:0;
		border-radius:0;
		box-shadow:0 400px var(--base-cont-top);
	}

	#auth .register,
	#auth .register_success,
	#auth .register_final,
	#auth .login,
	#auth .login_multy,
	#auth .register_multy,
	#auth .forgot,
	#auth .forgot_multy,
	#auth .forgot_final,
	#auth .forgot_success {
		width:100%
	}

	#auth .input-remember {
		display:none;
	}

	#auth.register {
		/* box-shadow: 0 0 0 100% #F4F4F4; */
	}
}

@media (max-width:400px) {
	#auth {
		width:100%;
		left:0;
	}

	#auth .register,
	#auth .register_success,
	#auth .register_final,
	#auth .login,
	#auth .forgot,
	#auth .login_multy,
	#auth .register_multy,
	#auth .forgot_multy,
	#auth .forgot_final,
	#auth .forgot_success {
		margin:0;
		width:100%;
	}
}

/* Effects */
.liner,
.liner2,
.liner3,
.liner4 {
	width:0;
	height:3px;
	background-color:var(--BLUE);
	animation:line-animation 0.3s linear infinite;
	-webkit-animation:line-animation 0.3s linear infinite;
	animation-direction:normal;
	float:left;
}

#auth .checkbox ws-icon {
	width:20px;
	height:20px;
	--icon-size:20px;
}

@-webkit-keyframes line-animation {
	0% {
		width:0;
	}

	100% {
		width:100%;
	}
}

@keyframes input-animation {
	0% {
		width:0;
	}

	100% {
		width:100%;
	}
}

/*--------------------------*/
.liner2 {
	animation:line-animation-rigth 0.3s linear infinite;
	-webkit-animation:line-animation-rigth 0.3s linear infinite;
	float:right;
}

@-webkit-keyframes line-animation-rigth {
	0% {
		width:100%;
	}

	100% {
		width:0;
	}
}

@keyframes line-animation-rigth {
	0% {
		width:100%;
	}

	100% {
		width:0;
	}
}

/*--------------------------*/
.liner3 {
	animation:line-animation-right-left 0.3s linear infinite;
	-webkit-animation:line-animation-right-left 0.3s linear infinite;
	float:right;
}

@-webkit-keyframes line-animation-right-left {
	0% {
		width:0;
	}

	100% {
		width:100%;
	}
}

@keyframes line-animation-right-left {
	0% {
		width:0;
	}

	100% {
		width:100%;
	}
}

/*--------------------------*/
.liner4 {
	animation:line-animation-left 0.3s linear infinite;
	-webkit-animation:line-animation-left 0.3s linear infinite;
}

@-webkit-keyframes line-animation-left {
	0% {
		width:100%;
	}

	100% {
		width:0;
	}
}

@keyframes line-animation-left {
	0% {
		width:100%;
	}

	100% {
		width:0;
	}
}

/*--------------------------*/
/* End Effects */
/* new checkbox */
#auth .label-cbx {
	user-select:none;
	cursor:pointer;
	margin-bottom:0;
}

#auth .label-cbx input:checked + .checkbox {
	border-color:var(--BLUE);
}

#auth .label-cbx input:checked + .checkbox svg path {
	fill:var(--BLUE);
}

#auth .label-cbx input:checked + .checkbox svg polyline {
	stroke-dashoffset:0;
}

#auth .label-cbx:hover .checkbox svg path {
	stroke-dashoffset:0;
}

#auth .label-cbx .checkbox {
	position:relative;
	top:0;
	float:left;
	margin-right:7px;
	width:18px;
	height:18px;
	border:1px solid #c8ccd4;
	border-radius:3px;
}

#auth .label-cbx .checkbox svg {
	position:absolute;
	top:-1px;
	left:-1px;
}

#auth .label-cbx .checkbox svg path {
	fill:none;
	stroke:var(--BLUE);
	stroke-width:2;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-dasharray:71px;
	stroke-dashoffset:71px;
	transition:all 0.6s ease;
}

#auth .label-cbx .checkbox svg polyline {
	fill:none;
	stroke:#fff;
	stroke-width:2;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-dasharray:18px;
	stroke-dashoffset:18px;
	transition:all 0.3s ease;
}

#auth .label-cbx > span {
	pointer-events:none;
	vertical-align:middle;
	font-size:12px;
}

#auth .invisible {
	position:absolute;
	z-index:-1;
	width:0;
	height:0;
	opacity:0;
}

#auth .part-header img {
	width:48px;
	height:48px;
	border-radius:24px;
	float:left;
	margin:0 -48px 0 0;
}

#incline-left,
#incline-right {
	width:20px;
	height:50px;
	padding:2px 0;
	flex:none;
}

#incline-left {
	float:left;
	margin:0 0 0 -25px;
}

#incline-right {
	float:right;
	margin:0 -25px 0 0;
}

#incline-left > div,
#incline-right > div {
	margin:10px 0;
}

#incline-left > div div,
#incline-right > div div {
	border-radius:50%;
}

.incline-top,
.incline-center,
.incline-bottom,
.incline-top-left,
.incline-bottom-left {
	display:block;
	width:100%;
	height:3px;
	border-radius:3px;
}

.incline-top {
	-webkit-transform:rotate(-26deg);
	-ms-transform:rotate(-26deg);
	transform:rotate(-26deg);
}

.incline-bottom {
	-webkit-transform:rotate(26deg);
	-ms-transform:rotate(26deg);
	transform:rotate(26deg);
}

.incline-top-left {
	-webkit-transform:rotate(26deg);
	-ms-transform:rotate(26deg);
	transform:rotate(26deg);
}

.incline-bottom-left {
	-webkit-transform:rotate(-26deg);
	-ms-transform:rotate(-26deg);
	transform:rotate(-26deg);
}

/* ------------------------------------------------------------------------------------------------*/
/**
 * ==============================================
 * Dot Falling
 * ==============================================
 */
#auth .btn .loader_dots {
	position:absolute;
	text-align:center;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display:none
}

#auth.loading .btn .loader_dots {
	display:block;
}

#auth .disable_reg .part-main {
	pointer-events:none;
	filter:grayscale(80%);
	opacity:0.4;
}

#auth .element-code .ws-code-input input,
.code_4digit input {
	display:inline-block;
	height:80px !important;
	width:50px !important;
	border:1px solid #00000033 !important;
	border-radius:8px !important;
	margin:0 8px !important;
	background:#fff;
	font:bold 60px/60px Consolas, monospace !important;
	padding:0 !important;
	text-align:center;
}

#auth .element-code .ws-code-input {
	--gap: 8px;
	gap: var(--gap);
}
#auth .element-code .ws-code-input input {
	margin: 0 !important;
	max-width: calc( (100% - var(--gap) * 5) / 6);
	box-sizing: border-box;
	height:64px !important;
	font:bold 36px/36px Consolas, monospace !important;
}

.activation_code_block .code_4digit {
	height:120px;
	position:relative;
	margin-top:30px
}

.activation_code_block input.btn {
	transition:none !important
}

.activation_code_block input.btn:focus {
	box-shadow:0 0 0 6px var(--BLUE_OPAC3);
	transition:none !important
}

.activation_code_block .code_4digit input:focus {
	box-shadow:0 0 0 3px #0099ff66;
	border-color:transparent
}

@media (max-width:480px) {
	.activation_code_block .code_4digit {
		margin:30px -100px 0
	}

	.activation_code_block .code_4digit input {
		margin:0 4px !important;
	}
}

.code_step1 {
	text-align:center;
}

.code_step2 {
	text-align:center;
	width:260px;
	margin:0 auto;
	display:none
}

.code_step2 form {
	margin:20px 0 10px
}

#auth .disable_reg_alert {
	color:white;
	flex-direction:column;
	align-items:flex-start;
	padding:20px;
	background:linear-gradient(102.07deg, #f94b00 0%, #fa6400 100%);
	border-radius:8px;
	font:12px/16px var(--FONT2);
	margin:30px 40px 10px;
}

#auth .disable_reg_alert h3 {
	font:500 16px/20px var(--FONT2);
	margin:0;
	padding:0 0 10px;
}

#auth .disable_reg_alert .txt {
	color:#fff;
	text-decoration:underline;
}

#auth .disable_reg_alert ws-icon {
	width:20px;
	height:20px;
	--icon-size:20px;
	float:right;
}

#auth .disable_reg_alert .but {
	display:block;
	text-align:center;
	padding:12px 22px;
	height:40px;
	margin:15px 0 0 0;
	background:#fff;
	box-shadow:0px 2px 8px -2px rgba(6, 35, 55, 0.29);
	border-radius:4px;
	font:600 16px/16px var(--FONT2);
	color:#333;
	box-sizing:border-box;
}

#auth .register_success .part-main,
#auth .register_final .part-main,
#auth .forgot_success .part-main,
#auth .secure1 .part-main,
#auth .secure2 .part-main,
#auth .forgot_final .part-main {
	text-align:center;
}

#auth .reg_docs {
	border-radius:8px;
	background:#f4f4f4;
	overflow:hidden;
	margin:30px -60px -55px -60px;
	text-align:center;
	font:14px/20px var(--FONT1);
	padding:15px 50px;
}

#auth .reg_docs .title {
	background:transparent;
	padding:10px 10px 10px 35px;
	position:relative;
	display:inline-block;
	cursor:pointer;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

#auth .reg_docs .title:focus-within {
	color:#07d;
}

#auth .reg_docs #is_confirm:not(:checked) + span {
	color:#000;
}

#auth .reg_docs input {
	position:absolute;
	left:10px;
	top:14px;
	padding:0;
	margin:0;
}

#auth .reg_docs .text {
	padding:10px 0px 10px 20px;
	line-height:22px;
	text-align:left;
}

#auth .reg_docs-active .text {
	display:none
}

#auth .reg_docs-active {
	background:#f4f4f4;
	height:40px;
}

#auth .reg_docs-active .title {
	background:none
}

#auth .reg_docs .text a {
	color:var(--BLUE);
	font:15px/24px var(--FONT1);
}

#auth .reg_docs .text a:before {
	content:'\2022';
	color:#b26;
	margin:0 5px 0 0;
	font:bold 20px/20px var(--FONT1);
	vertical-align:top;
}

#auth .reg_docs .text a:hover {
	color:var(--BLUE_HI2);
	background:none;
}

#auth .reg_docs .text a:focus span {
	text-decoration:underline;
	text-decoration-style:dotted;
}

#auth .reg_docs .text small {
	display:block;
	font:12px/16px var(--FONT1);
	color:#999;
	margin:10px 0 0 10px;
}

#auth .reg_docs .text small:before {
	content:'*';
	margin:0 0 0 -8px;
	float:left;
}
@media (max-width:480px) {
	#auth .reg_docs, #auth .reg_docs-active {
		background:#fff;
	}
}

span.ico_pass {
	background:url(/assets/img/pro_iconset_sm.svg) no-repeat -28px -178px;
	cursor:pointer;
	transform:scale(1.5);
	opacity:0.6;
}

input[type=password] ~ span.ico_pass {
	background-position:-3px -176px
}

span.ico_pass ~ span.ico_ok,
span.ico_pass ~ span.ico_pass_week {
	background-color:#fff;
	box-shadow:0 0 0 2px #fff
}

span.ico_pass ~ span.ico_ok:hover {
	opacity:0
}

span.ico_pass ~ span.ico_pass_week:hover {
	opacity:0
}

#auth .element {
	position:relative
}

#auth .element .ico {
	position:absolute;
	right:16px;
	top:22px;
	z-index:1;
	display:none;
}

#auth .element .ico.inline-block {
	display:inline-block
}

#auth .element .gender_select ~ .ico {
	right:66px;
}

#auth .element .ico_pass,
#auth .element .ico_pass_on {
	display:block;
}

#auth .element label {
	position:absolute;
	top:4px;
	left:10px;
	color:#bbb;
	transition:0.2s all ease;
	-webkit-transition:0.2s all ease;
	font:12px/20px var(--FONT1)
}
#auth .element label.label-cbx {
	top:15px;
	left:12px;
}

#auth .element input:placeholder-shown + label {
	top:20px;
	left:16px;
	color:#aaa;
	font:15px/20px var(--FONT1)
}

#auth .element[data-password=week] label i,
.inputBlock__label input[data-password=week] + .label i {
	color:#f76470
}

#auth .element[data-password=medium] label i,
.inputBlock__label input[data-password=medium] + .label i {
	color:#ffc61a
}

#auth .element[data-password=strong] label i,
.inputBlock__label input[data-password=strong] + .label i {
	color:#6c3
}

#auth .promocode-anchor {
	margin:15px 0 0;
}

#auth .promocode-anchor a {
	color:#07d;
}

#auth .register_final .input {
	height:64px;
	padding:25px 15px 15px;
}
#auth .register_final .input:placeholder-shown {
	padding:20px 15px 20px;
}

#auth .register_final .input.incomplete, #auth .forgot_final .input.incomplete {
	border-color:#f66;
	box-shadow:0 0 0 3px rgba(255, 0, 0, 0.2)
}

#auth .register_final div.incomplete {
	box-shadow:0 0 2px 1px #f00
}
@media (max-width:480px) {
	#auth .part-bottom {
		background:#fff !important;
		border-top:2px solid #eee;
	}
}
#auth .register_final .part-title div:nth-child(2),
#auth .register .part-title div:nth-child(2) {
	padding-top:20px
}


#auth .element-ip .input {
	text-align:center;
	font:28px var(--font-mono)
}

#auth .secure1 .part-main, #auth .secure2 .part-main {
	margin-top:25px;
}
#auth .secure1 .control-button, #auth .secure2 .control-button {
	justify-content:center;
}

#auth_lang_sel {
	position:absolute;
	cursor:pointer;
	right:0;
	top:0;
	z-index:10;
}

#auth_lang_sel b {
	position:relative;
	font:1rem/4.4rem var(--font-base);
	display:inline-block;
	white-space:nowrap;
	background:var(--base-cont-low);
	color:var(--base-txt-primary);
	border-radius:100%;
	width:32px;
	height:32px;
	padding:0;
	margin:16px;
	line-height:32px;
	text-align:center;
	font-size:0.75rem;
}

#auth_lang_sel div {
	display:none;
	position:absolute;
	right:10px;
	top:58px;
	background:var(--colors-alpha-light-100);
	padding:10px 0 20px;
	box-shadow:0 16px 48px var(--colors-graphite-trans-300);
	border-radius:16px;
	z-index:1001;
	width:180px;
}

#auth_lang_sel:hover div {
	display:block;
}

#auth_lang_sel div a {
	display:block;
	float:none;
	font:1rem/2.125rem var(--font-base);
	padding:2px 24px;
	color:var(--base-txt-secondary);
}

#auth_lang_sel div a .ico {
	float:left;
	margin:7px 10px 7px 0;
	display: none;
}

#auth_lang_sel div a:hover {
	background:var(--base-hlt-easy)
}


.message_2fa {
	background:var(--base-surf-sidebar);
	border-bottom:1px solid var(--base-cont-top);
	font:13px/20px var(--font-base);
	padding:10px 30px 10px 30px;
	color:var(--white-secondary);
	margin:-50px 0 50px
}

.step2fa {
	padding:0 0 10px 60px;
	color:var(--base-txt-primary);
	position:relative;
	text-align:left;
}

.step2fa.step1:before, .step2fa.step2:before {
	content:'';
	position:absolute;
	border-left:2px solid var(--base-cont-top);
	top:42px;
	left:19px;
	bottom:2px
}

.step2fa .num {
	background:var(--colors-blue-desat-750);
	width:40px;
	height:40px;
	text-align:center;
	float:left;
	margin:0 0 0 -60px;
	color:var(--white-accent);
	font:18px/40px var(--font-base);
	border-radius:20px;
}

.step2fa a:not(.asLink) {
	color:var(--base-txt-primary);
	border:1px solid var(--base-line-alt-cardbrd);
	border-radius:4px;
	padding:7px 15px;
	background:var(--base-cont-top)
}

.step2fa a:not(.asLink):hover {
	border:1px solid var(--base-btn-primary-major);
	color:var(--base-txt-max)
}

.step2fa .muted {
	color: var(--base-txt-secondary);
	padding-right: 16px;
	text-wrap-style: balance;
}

.step2fa img {
	/* border: 10px solid var(--base-cont-top); */
	border-radius:4px;
	width:200px;
	height:200px;
}

.step2fa p.sm {
	margin-bottom:10px;
}

.step2fa .message {
	margin:-10px -30px 0 -60px;
}

.step2fa .msg_ico {
	left:0;
	top:5px;
}


#userpic {
	width:48px;
	height:48px;
	background:var(--base-cont-top);
	border-radius:100px;
	position:absolute;
	right:4px;
	top:6px;
	transform:scale(0.7);
}

#auth .secure2 form {
	padding-top: 8px;
}
#blockingState.blockingState-shown {
	position:fixed;
	left: 64px;
	top:0;
	right:0;
	bottom:0;
	background:var(--base-cont-top);
	z-index: 2999;
}
@media (max-width:480px) {
	#blockingState.blockingState-shown {
		left:0
	}
}