/*  DO NOT EDIT THIS FILE.  USE CUSTOM.CSS*/

.bodyPublic {padding: 75px 15px 0;}
.bodySecure{padding-top:50px;}
header .navbar{background-color: #ffffff}

/* Sticky footer styles ----------------------------------------------- */
html {
	position: relative;
	width: 98%;
	min-height: 100%;}

body {
	/* Margin bottom by footer height */
	margin-bottom: 60px;
	width:100%;
	height:100%;}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 60px;
	line-height: 60px; /* Vertically center the text there */
	background-color: #ffffff;}

.footer a:link, footer.footer a:visited {color: #000000 !important;}

/* Loading animation ---------------------------------------*/
#dLoading {
	height: 100%;
	position: absolute;
	text-align: center;
	width: 100%;
}

#dLoadingInner {
	position: relative;
	top: 50%;
	transform: translateY(-100%);}

#mainContent {display:none;}


/* System */
.pointer {cursor: pointer}


.bgc_programmer {background-color: #EEE8E8  !important;}

tbody.rowhover tr:hover
{
	/*cursor: pointer;*/
	border:solid !important;
	border-width: medium !important;
}

.barcode {
	font:"BC C39 3 to 1 Narrow";
	font-family:"BC C39 3 to 1 Narrow";
	font-size: 34pt;
}

label.form-check-label {cursor:pointer;}

a.active div.text-dark{color:white !important;};

.ucase {text-transform: uppercase}

.disableClick {pointer-events: none;}

.rotate180 {transform: rotateX(180deg)};

.fs-7 {font-size:smaller}


/* Image zoom */
.image-zoom {
	position: fixed;
	inset: 0;                 /* top:0 right:0 bottom:0 left:0 */
	display: none;
	place-items: center;
	padding: 2rem;
	z-index: 9999;
	cursor: zoom-out;

	/* "Without the modal" feel: use a subtle backdrop, or remove it */
	background: rgba(0,0,0,.65);   /* set to transparent if you want NO backdrop */
}

/* When active */
.image-zoom.is-open {
	display: grid;
}

/* The zoomed image */
.image-zoom img {
	max-width: min(1100px, 95vw);
	max-height: 90vh;
	width: auto;
	height: auto;
	border-radius: 8px;
	box-shadow: 0 10px 40px rgba(0,0,0,.45);
	cursor: zoom-out;
}

/* HTMX Indicator classes */
/* Hide indicator by default */
.htmx-indicator {display: none;}

/* HTMX will add .htmx-request to the requesting element;
show the referenced indicator during the request. */
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
	display: flex !important; /* we want flex for centering */
}

/* Overlay look & centering */
.loading-overlay {
	position: fixed;
	inset: 0;               /* top:0; right:0; bottom:0; left:0 */
	z-index: 9999;          /* above everything */
	display: none;          /* overridden to flex during request */
	align-items: center;    /* vertical centering */
	justify-content: center;/* horizontal centering */
	background: rgba(0, 0, 0, 0.35); /* dim backdrop */
	backdrop-filter: blur(2px);      /* optional: soft blur on supported browsers */
	padding: 1rem;          /* some breathing room for very small screens */
}

/* Optional “card” inside the overlay */
.loading-box {
	color: #fff;
	background: rgba(0, 0, 0, 0.65);
	border-radius: 0.5rem;
	padding: 1rem 1.25rem;
	font-size: 1.1rem;
	box-shadow: 0 4px 18px rgba(0,0,0,0.35);
}

/* Optional spinner (pure CSS) */
.loading-box::before {
	content: "";
	display: inline-block;
	width: 1.1em;
	height: 1.1em;
	margin-right: 0.6em;
	border: 2px solid rgba(255,255,255,0.45);
	border-top-color: #fff;
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
	vertical-align: -0.15em;
}

@keyframes spin {
	to { transform: rotate(360deg); }
}
/* End HTMX indicator styles */


/* Corner Ribbon */
.corner-ribbon {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;

	width: 250px;
	padding: 10px 0;
	text-align: center;

	background: #b11;
	color: #fff;
	font: 700 12px/1 system-ui, sans-serif;
	letter-spacing: .12em;
	text-transform: uppercase;
	box-shadow: 0 2px 8px rgba(0,0,0,.25);

	transform-origin: 0 0;
	transform: translate(-30px, 150px) rotate(-45deg);
}

.corner-ribbon--local   { background: #198754;}
.corner-ribbon--dev   { background: #ffc107; }
.corner-ribbon--programmer   { background: steelblue; }
.corner-ribbon--staging { background: orange; }
.corner-ribbon--prod  { display: none; } /* optional: hide entirely */


/* Give icons the functionality of buttons without looking like a button. */
.icon-button {
	background: none;
	border: 0;
	padding: 0;
	margin: 0;

	color: inherit;
	font: inherit;

	cursor: pointer;
}


/* Helper classes for IntelliJ Autocomplete. */
.confirmDelete {}
.focus {}
.btnSave {}
.btnDelete {}
tr.href {}
input.datepicker {}
table.basicDataTable {}
textarea.textlimit {}
.copyText{}
input.ampm12{text-transform: uppercase}