/* The site-wide banner from Admin.BannerConfig (Views/Shared/_SiteBannerPartial.cshtml).
   Sized and placed like .uat-banner in site.css: it spans the whole window
   whatever the width of the page content it sits in. */
.site-banner {
	width: 101vw;
	position: relative;
	left: calc(-51vw + 50%);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: #ffc107;
	color: #212529;
	font-family: Arial, sans-serif;
	font-size: 16px;
}

/* site.css hides horizontal overflow on the main and login layouts; the report
   layout does not load site.css, so the full-width banner would add a scrollbar. */
body:has(> .site-banner) {
	overflow-x: hidden;
}

.site-banner-close {
	margin-left: 12px;
	padding: 0 4px;
	border: none;
	background: none;
	color: inherit;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}