/* Tecom light login — тз.pdf, токены из tecom-palette.css */

html:has(body.login-layout),
body.login-layout,
body.login-layout.light-login,
.light-login,
.login-layout .main-container,
.login-layout .main-content,
.login-layout .row,
.login-layout .login-container {
	background: var(--tecom-page) !important;
	color: var(--tecom-ink) !important;
}

.login-layout .main-container:before {
	display: none !important;
	background: none !important;
}

.login-logo {
	text-align: center;
	margin: 0 0 20px;
	background: transparent !important;
}

.login-logo img {
	height: 56px;
	width: auto;
	max-width: 260px;
	background: transparent !important;
	filter: invert(1);
	box-shadow: none !important;
}

.login-layout .widget-box,
.login-layout .widget-box.widget-color-blue2,
.login-layout .signup-box,
.login-layout .login-box,
.login-layout .forgot-box {
	border-radius: var(--tecom-radius-login) !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	background: transparent !important;
	border: none !important;
	outline: none !important;
	overflow: hidden;
}

.login-layout .widget-body {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.login-layout .widget-box .widget-main,
.login-layout .widget-main {
	background: var(--tecom-card) !important;
	border: none !important;
	box-shadow: none !important;
	color: var(--tecom-ink) !important;
	padding: 15px 28px 20px !important;
	border-radius: var(--tecom-radius-login) var(--tecom-radius-login) 0 0 !important;
}

.login-layout .widget-main .header,
.login-layout .widget-main h4.header,
.login-layout .widget-main .header.lighter {
	color: var(--tecom-ink) !important;
	font-weight: 600;
	font-size: 18px !important;
	border: none !important;
	border-bottom: none !important;
	margin: 0 0 8px !important;
	padding: 0 !important;
	box-shadow: none !important;
}

.login-layout .widget-main .header:before,
.login-layout .widget-main .header:after {
	display: none !important;
}

.login-layout .widget-main .header .ace-icon {
	color: var(--tecom-text-muted, #5C6570) !important;
	margin-right: 6px;
}

.login-layout .space-10 {
	height: 5px !important;
	min-height: 5px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.login-layout label {
	color: var(--tecom-ink) !important;
	margin-bottom: 8px !important;
}

.login-layout .form-control,
.login-layout input[type="text"],
.login-layout input[type="password"],
.login-layout input[type="email"] {
	border: 1px solid var(--tecom-line) !important;
	border-radius: var(--tecom-radius) !important;
	box-shadow: none !important;
	height: 44px;
	background: var(--tecom-page) !important;
	color: var(--tecom-ink) !important;
	padding-left: 12px !important;
}

.login-layout .form-control:focus,
.login-layout input[type="text"]:focus,
.login-layout input[type="password"]:focus {
	border-color: var(--tecom-accent) !important;
	box-shadow: none !important;
	outline: none !important;
}

.login-layout .input-icon > .ace-icon {
	color: #9a9a9a !important;
}

.login-layout .btn-success,
.login-layout .btn-success.btn-inverse,
.login-layout input[type="submit"].btn-success,
.login-layout .btn.btn-success {
	background-color: var(--tecom-accent) !important;
	border-color: var(--tecom-accent) !important;
	color: var(--tecom-on-accent) !important;
	border-radius: 20px !important;
	text-shadow: none !important;
	box-shadow: none !important;
	font-weight: 600;
	white-space: nowrap;
	padding: 8px 10px !important;
	min-width: 96px;
	line-height: 1.4 !important;
}

.login-layout .btn-success:hover,
.login-layout .btn-success:focus,
.login-layout .btn-success:active,
.login-layout .btn-success.btn-inverse:hover {
	background-color: var(--tecom-accent-hover) !important;
	border-color: var(--tecom-accent-hover) !important;
	color: var(--tecom-on-accent) !important;
	box-shadow: none !important;
}

.login-layout .signup-box .toolbar,
.login-layout .login-box .toolbar,
.login-layout .forgot-box .toolbar {
	background: var(--tecom-card) !important;
	border: none !important;
	border-top: none !important;
	box-shadow: none !important;
	border-radius: 0 0 var(--tecom-radius-login) var(--tecom-radius-login) !important;
	padding: 12px 18px 16px !important;
	text-align: center !important;
}

.login-layout .back-to-login-link,
.login-layout .back-to-login-link:link,
.login-layout .back-to-login-link:visited,
.login-layout .toolbar a {
	color: var(--tecom-accent) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	float: none !important;
	display: inline-block;
	background: transparent !important;
	text-align: center;
}

.login-layout .back-to-login-link:hover,
.login-layout .toolbar a:hover {
	color: var(--tecom-accent-hover) !important;
	text-decoration: underline;
	background: transparent !important;
}

.login-layout .toolbar .clearfix {
	display: none;
}

.login-layout .alert {
	border-radius: var(--tecom-radius);
	box-shadow: none !important;
}