/* FBBS login and portal pages: navy page with the fbbs.ac.in hero grid, white card, orange button */
@font-face {
	font-family: "Manrope";
	src: url("/assets/fbbs/fonts/Manrope-Variable.woff2") format("woff2");
	font-weight: 200 800;
	font-display: swap;
}
body {
	font-family: "Manrope", -apple-system, "Segoe UI", sans-serif;
}
body[data-path="login"],
body[data-path="update-password"] {
	background-color: #020b3a;
	background-image: linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px);
	background-size: 48px 48px;
	min-height: 100vh;
}
body[data-path="login"] .page-card,
body[data-path="update-password"] .page-card {
	border-radius: 14px;
	border-top: 4px solid #f0802b;
	box-shadow: 0 24px 60px -24px rgba(0, 0, 0, 0.6);
}
body[data-path="login"] .page-card-head .app-logo,
body[data-path="update-password"] .page-card-head .app-logo {
	width: auto !important;
	max-width: 230px !important;
	height: 76px !important;
	margin-bottom: 8px;
}
body[data-path="login"] .page-card-head h4,
body[data-path="update-password"] .page-card-head h4 {
	color: #071958;
	font-weight: 800;
}
body[data-path="login"] .btn-primary,
body[data-path="login"] .btn-login,
body[data-path="update-password"] .btn-primary {
	background-color: #bb4500;
	border-color: #bb4500;
	color: #fff;
	font-weight: 700;
}
body[data-path="login"] .btn-primary:hover,
body[data-path="login"] .btn-login:hover,
body[data-path="update-password"] .btn-primary:hover {
	background-color: #9a3900;
	border-color: #9a3900;
}
body[data-path="login"] .navbar,
body[data-path="login"] .web-footer,
body[data-path="update-password"] .web-footer {
	display: none;
}

/* Frappe login.bundle.css loads after this file with stronger selectors: match them. */
.for-login .page-card .page-card-actions .btn-login,
.for-email-login .page-card .page-card-actions .btn-login,
.for-forgot .page-card .page-card-actions .btn-forgot,
.for-login-with-email-link .page-card .page-card-actions .btn-login-with-email-link,
body[data-path="update-password"] .page-card .btn-primary {
	background: #bb4500 !important;
	border-color: #bb4500 !important;
	color: #fff !important;
	font-weight: 700 !important;
}
.for-login .page-card .page-card-actions .btn-login:hover,
body[data-path="update-password"] .page-card .btn-primary:hover {
	background: #9a3900 !important;
}
.page-card-head img.app-logo {
	max-height: 76px !important;
	height: 76px !important;
	width: auto !important;
}