/*
 * Copyright 2025 AffinityCE, LLC. Confidential Business Information.
 * Not to be shared, copied, duplicated, or distributed in any form
 * or fashion without the express written approval of AffinityCE, LLC principals.
 */

/* LOCAL.CSS
 *
 * CSS rules "local" to the CE Depot System and "global" to all of its clients.
 *
 * UPDATE: 2024-07-24 DBO Cleanup.
 * UPDATE: 2025-07-15 DBO More cleanup, move common styles out of $CLIENT/bs4.css and
 *         $CLIENT/ui.css. Establish sitewide default CSS variables in Core global_defaults.css
 */

/* Add some vertical padding to bars now that we're using the newer (2022) breadcrumb */
#attrib {
	position:relative;
	float:right;
	margin-right:1em;
	margin-top:3px;
}

/* 2024-07-19 DBO This is a dangerously non-specific rule */
button[type="submit"] + button[type="submit"] {
	margin-left:3rem;
}

button[type="submit"] + button[type="submit"].no-follow, button + button.no-follow {
	margin-left:0;
}

/* Page header #head-content container */
#head-content {
	display:flex;
	align-items:center;
	align-content:stretch;
}

ul.bad-field li {
	margin-left:0.4rem !important;
	list-style:none none;
	line-height:2rem;
}

ul.bad-field li::before {
	content:" ";
	width:2rem;
	height:2rem;
	background-image:url(/img/stop-sign.svg);
	display:inline-block;
	margin-right:0.4rem;
}

.disabled-entry {
	text-decoration:line-through #636c72;
	cursor:not-allowed;
	color:rgba(0, 0, 0, 0.3);
}

/* Stat boxes for dashboards */
.stat-box {
	float:left;
	margin:0 0.3rem 1rem 0;
	width:16%;
	border:0.125rem solid var(--color-grey-75pct);
	text-align:center;
	border-radius:0.3rem;
	overflow:hidden;
}

.stat-num {
	font-size:2.5rem;
	line-height:2.5rem;
	margin:0.625rem;
}

.stat-label {
	background-color:#829e78;
	color:#fff;
	font-size:115%;
	padding:0.25rem;
}

.btn-stat, .btn-stat-not-active {
	padding:0;
	background-color:#fff;
	border:0.125rem solid var(--color-black);
	cursor:pointer;
	min-width:16.667%;
}

.btn-stat-not-active {
	background-color:rgba(0, 0, 0, 0.05);
	color:rgba(0, 0, 0, 0.1);
}

.btn-stat .stat-label, .btn-stat-not-active .stat-label, .btn-stat .stat-label-not-active, .btn-stat-not-active .stat-label-not-active {
	font-size:115%;
	font-variant:small-caps;
	padding:0.4rem 0.8rem;
}

.btn-stat:hover {
	color:#fff;
	background-color:rgba(130, 158, 120, 1);
}

.btn-stat-not-active:hover {
	color:rgba(0, 0, 0, 0.5);
	background-color:rgba(130, 158, 120, 0.1);
}

.btn-stat:hover > .stat-label, .btn-stat-not-active:hover > .stat-label {
	background-color:rgba(112, 142, 101, 0.9);
}

.btn-stat:hover > .stat-label-not-active {
	background-color:rgba(112, 142, 101, 0.1);
}

/* 2024-07-19 DBO Table head, pseudo table head styles migrated from individual site default */
th, th a, th a:hover, .pseudoth {
	color:var(--color-white);
	background-color:var(---tafel-head-bg);
	padding-top:0.1875rem;
	padding-bottom:0.1875rem;
	font-weight:bold;
	text-decoration:none;
	border:none;
}

h2.pseudoth {
	text-shadow:none;
	padding:0.375rem;
	margin-top:1em;
	background-color:var(---tafel-head);
}

/* LOCAL.CSS - styles unique to this project */

.subhead_button {
	float:right;
	margin-right:32px;
}

/* cc- styles */
.cc-container {
	width:99%;
	border-top:0.125rem solid var(--color-grey-20pct);
	border-right:0.125rem solid var(--color-grey-20pct);
	box-shadow:0 0 0.375rem var(--color-grey-15pct);
	margin:0 auto 2rem auto;
	display:flex;
	flex-flow:row wrap;
	align-items:stretch;
	justify-content:flex-start;
}

.cc-box {
	text-transform:uppercase;
	font-size:90%;
	text-align:center;
	min-height:6rem;
	border-left:0.125rem solid var(--color-grey-20pct);
	border-bottom:0.125rem solid var(--color-grey-20pct);
	padding:0 1.2rem;
	display:flex;
	align-items:center;
	justify-content:center;
	hyphens:none;
	-ms-hyphens:none;
	-moz-hyphens:none;
	-webkit-hyphens:none;
}

.cc-3 {
	flex:1 1 33%;
}

.cc-4 {
	flex:1 1 25%;
}

.cc-5 {
	flex:1 1 20%;
}

.cc-all {
	flex:1;
}

.cc-row + .cc-row {
	border-top:0.125rem solid var(--color-grey-20pct);
}

.cc-box-inactive {
	color:var(--color-grey-40pct);
	background-color:var(--color-grey-10pct);
}

.cc-box:hover {
	background-color:rgba(73, 152, 217, 0.8);
	color:#fff;
}

.cc-clear {
	clear:both;
}

.cc-danger {
	color:var(--color-red) !important;
}

.cc-danger:hover {
	background-color:rgba(255, 46, 0, 0.8) !important;
	font-weight:bold;
	color:#fff !important;
}

.cc-okay {
	color:#0cce23 !important;
}

.cc-okay:hover {
	background-color:rgba(12, 206, 35, 0.8) !important;
	font-weight:bold;
	color:#fff !important;
}

.cc-warning {
	color:var(--color-yellow) !important;
}

.cc-warning:hover {
	background-color:rgba(255, 163, 45, 0.80) !important;
	font-weight:bold;
	color:#fff !important;
}

/* Sort of like BS2 /well */
.well {
	border:0.125rem solid rgba(0, 0, 0, 0.1);
	border-radius:0.35rem;
	padding:0.4rem 0.8rem;
	background-color:rgba(0, 0, 0, 0.03);
}

/* 2021-01-28 DBO Moving George's demanded "CLICK HERE TO START" styles from hub to here
                  to accommodate request from UL CNE for custom language
   2024-12-06 DBO Adding an arrow-shaped background via .click-here in master_styles.css,
                  so we're swapping old FG to new BG and setting new BG defaults
 */
.gv-click {
	background-color: #b50000;
	color: white;
	font-size: 100%;
	text-transform: uppercase;
	margin-right: 0.3rem;
}

.gv-click::before {
	content:"click here to start";
}

/* 2021-02-04 DBO Basic settings for new "lede" content region at the top of the hub page */
#lede {
	background-color:#fff;
}

#lede h1 {
	margin-top:0;
}

#lede p:last-child {
	margin-bottom:0.5rem;
}

/* Access rights bubbles */
.right-bubble {
	display: inline-flex;
	width: 1.3rem;
	height: 1.3rem;
	align-items:center;
	justify-content:center;
	background-color: var(--color-grey-55pct);
	border-radius: 1.3rem;
	color: #fff;
	font-weight: bold;
	font-size: 85%;
	cursor: help;
}

.right-su {
	background-color: var(--color-red);
}

.right-pm {
	background-color: var(--color-orange);
	color: var(--color-black);
}

.right-admin {
	background-color: var(--color-yellow);
	color: var(--color-black);
}

.right-limited-admin {
	background-color: var(--color-brown);
	color: var(--color-black);
}

.right-reports {
	background-color: var(--color-green);
}

.right-limited-reports {
	background-color: var(--color-turquoise-light);
}

.right-user {
	background-color: var(--color-grey);
	color: var(--color-black);
}

.right-testing {
	background-color: var(--color-purple);
	color: var(--color-white);
}

.testing-bubble {
	display: inline-block;
	font-size: 80%;
	width: 7rem;
	text-align: center;
	padding: 0.2rem 0.35rem;
	background-color: var(--color-grey-40pct); /*rgba(0, 0, 0, 0.4);*/
	color: #fff;
	border-radius: 0.2rem;
}

/* Styles used for registration */
.excessive, .big-red {
	color: #fff;
	background-color: #b50000;
	padding: 0.3rem 0.6rem;
	font-weight: bold;
}
/* =============================================================================
Print styles.
Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
	* {
		background:transparent !important;
		color:black !important;
		text-shadow:none !important;
		filter:none !important;
		-ms-filter:none !important;
	}

	/* Black prints faster: sanbeiji.com/archives/953 */
	a, a:visited {
		color:#444 !important;
		text-decoration:underline;
	}

	a[href]:after {
		content:" (" attr(href) ")";
	}

	abbr[title]:after {
		content:" (" attr(title) ")";
	}

	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content:"";
	}

	/* Don't show links for images, or javascript/internal links */
	pre, blockquote {
		border:0.125rem solid var(--color-grey-40pct);
		page-break-inside:avoid;
	}

	thead {
		display:table-header-group;
	}

	/* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img {
		page-break-inside:avoid;
	}

	img {
		max-width:100% !important;
	}

	@page {
		margin:0.5cm;
	}

	p, h2, h3 {
		orphans:3;
		widows:3;
	}

	h2, h3 {
		page-break-after:avoid;
	}

}