#secure-session-label span.input {
	width: 57%;
}
#secure-session-label span.input input {
	margin-right: .25em;
}
span#session-msg {
	padding-top: .25em;
	line-height: 1em;
	font-size: .8em;
}
#captcha-field {
	float: left;
}
div.captcha-image {
	position: relative;
	display: block;
	float: left;
	margin: 0 0 0 1em;
	padding: 0;
}
#login-links,
#captcha-refresh {
	list-style: none;
	margin: 0;
	padding: 0;
}
#login-links {
	position: absolute;
	top: .5em;
	right: 0;
}
#login-links li,
#captcha-refresh li {
	float: left;
	padding: 0 .25em;
}
#login-links li:before,
#captcha-refresh li:before {
	content: '[';
}
#login-links li:after,
#captcha-refresh li:after {
	content: ']';
}
#login-links li a,
#captcha-refresh li a {
	padding: 0 .35em;
}

#captcha-image {
	cursor: pointer;
	padding-right:3px;
}

@keyframes rotating {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
.captcha_loading_image {
	animation: rotating 2s linear infinite;
}

/* ── Rational Forge login page ─────────────────────────────
   Matches the dark-navy hero treatment used on rationalforge.com
   (see RFPage/rf.css .hero-bg). !important mirrors the specificity
   of the ace-mantis.css ".light-login" rule this replaces. ────── */
body.login-layout,
.light-login {
	background:
		radial-gradient(ellipse 72% 58% at 82% 18%, rgba(0, 90, 178, 0.28) 0%, transparent 68%),
		radial-gradient(ellipse 48% 38% at 52% 52%, rgba(0, 161, 251, 0.08) 0%, transparent 60%),
		linear-gradient(158deg, #050d1c 0%, #0e1a38 38%, #091527 68%, #050d1c 100%) !important;
}

.login-container .widget-box {
	background: #111827;
	border: 1px solid #1f2937;
	border-radius: 18px;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
	overflow: hidden;
}

.login-container .widget-header {
	background: #111827;
	background-image: none;
	border-bottom: 1px solid #1f2937;
}

.login-container .widget-title {
	color: #f1f5f9;
	font-weight: 700;
}