/* TradeBuild login-only presentation. Loaded after portal.css. */
body.portal-login-page .portal-login-heading{
	display:flex!important;
	align-items:center!important;
	gap:12px!important;
	width:100%!important;
	max-width:440px!important;
	margin:0 0 8px!important;
}
body.portal-login-page .portal-login-heading .portal-login-mobile-logo{
	display:grid!important;
	place-items:center!important;
	visibility:visible!important;
	opacity:1!important;
	flex:0 0 40px!important;
	width:40px!important;
	height:40px!important;
	min-width:40px!important;
	min-height:40px!important;
	margin:0!important;
	padding:0!important;
	border-radius:11px!important;
	background:#111821!important;
	color:#fff!important;
	font-size:14px!important;
	font-weight:900!important;
	line-height:1!important;
}
body.portal-login-page .portal-login-heading h1{
	min-width:0!important;
	margin:0!important;
	font-size:34px!important;
	line-height:1.08!important;
}
body.portal-login-page .login-card .portal-login-intro{
	max-width:440px!important;
	margin:0 0 30px!important;
	color:#687582!important;
	font-size:15px!important;
	line-height:1.55!important;
}
body.portal-login-page .portal-login-form{
	display:grid!important;
	width:100%!important;
	max-width:440px!important;
	gap:16px!important;
}
body.portal-login-page .portal-password-wrap{
	position:relative!important;
	display:block!important;
	width:100%!important;
}
body.portal-login-page .portal-password-wrap #loginPassword{
	width:100%!important;
	padding-right:54px!important;
}
body.portal-login-page .portal-password-toggle{
	appearance:none!important;
	-webkit-appearance:none!important;
	position:absolute!important;
	top:50%!important;
	right:8px!important;
	z-index:10!important;
	display:grid!important;
	place-items:center!important;
	visibility:visible!important;
	opacity:1!important;
	width:36px!important;
	height:36px!important;
	min-width:36px!important;
	min-height:36px!important;
	margin:0!important;
	padding:0!important;
	transform:translateY(-50%)!important;
	border:0!important;
	border-radius:8px!important;
	background:transparent!important;
	color:#667380!important;
	box-shadow:none!important;
	cursor:pointer!important;
}
body.portal-login-page .portal-password-toggle:hover{
	background:#eef1f4!important;
	color:#17212b!important;
}
body.portal-login-page .portal-password-toggle svg{
	display:block!important;
	width:19px!important;
	height:19px!important;
	fill:none!important;
	stroke:currentColor!important;
	stroke-width:1.8!important;
	stroke-linecap:round!important;
	stroke-linejoin:round!important;
}
body.portal-login-page .portal-login-form .portal-login-submit,
body.portal-login-page .portal-login-form #emailAccess{
	appearance:none!important;
	-webkit-appearance:none!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	box-sizing:border-box!important;
	width:100%!important;
	margin:0!important;
	padding:0 18px!important;
	border-radius:10px!important;
	box-shadow:none!important;
	font:inherit!important;
	font-size:14px!important;
	font-weight:800!important;
	line-height:1.2!important;
	text-decoration:none!important;
	cursor:pointer!important;
}
body.portal-login-page .portal-login-form .portal-login-submit{
	min-height:50px!important;
	border:1px solid #111821!important;
	background:#111821!important;
	color:#fff!important;
}
body.portal-login-page .portal-login-form #emailAccess{
	min-height:48px!important;
	border:1px solid #d4dae1!important;
	background:#fff!important;
	color:#25313c!important;
}
body.portal-login-page .portal-login-form .portal-login-submit:hover{
	background:#202a35!important;
	border-color:#202a35!important;
}
body.portal-login-page .portal-login-form #emailAccess:hover{
	background:#f1f3f5!important;
	border-color:#b9c2cb!important;
}
@media(max-width:800px){
	body.portal-login-page .portal-login-heading h1{font-size:29px!important}
	body.portal-login-page .login-card .portal-login-intro{margin-bottom:26px!important}
}

/* v32: view-owned login state; JS only binds behaviour. */
body.portal-login-page .portal-password-toggle .portal-eye-hide{display:none!important}
body.portal-login-page .portal-password-toggle[aria-pressed="true"] .portal-eye-show{display:none!important}
body.portal-login-page .portal-password-toggle[aria-pressed="true"] .portal-eye-hide{display:block!important}
body.portal-login-page .portal-login-message{
	box-sizing:border-box;
	width:100%;
	max-width:440px;
	margin:0;
	padding:10px 12px;
	border:1px solid transparent;
	border-radius:9px;
	font-size:13px;
	line-height:1.45;
}
body.portal-login-page .portal-login-message[hidden]{display:none!important}
body.portal-login-page .portal-login-message[data-type="error"]{
	border-color:#f1c7c4;
	background:#fff4f2;
	color:#b42318;
}
body.portal-login-page .portal-login-message[data-type="success"]{
	border-color:#b9dcc7;
	background:#f1faf4;
	color:#23633b;
}