@import url("bootstrap-5.3.8.css");
@import url("bootstrap-icons.css");

:root {
	--bg-revision: #fff3cd;		/* BS Warning */
	--bg-modification: #cff4fc; /* BS Info */
}

.LOCK {
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
  -ms-user-select: none; 
}

.text-marquee {
	width: inherit;
	overflow: hidden; /* Hides content outside the wrapper */
	white-space: nowrap; /* Keeps text on a single line */
}

.text-marquee p {
	display: inline-block;
	animation-name: text-scroll;
	animation-delay: -2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	
	@media screen and (max-width: 1024px) {
		animation-duration: 15s;
	}
	
	@media screen and (min-width: 1024px) and (max-width: 1919px) {
		animation-duration: 25s;
	}
	
	@media screen and (min-width: 1920px) and (max-width: 3839px) {
		animation-duration: 30s;
	}
	
	@media screen and (min-width: 3840px) {
		animation-duration: 35s;
	}
	
	@media screen and (prefers-reduced-motion: reduce) {
		animation-duration: 40s;
	}
}

@keyframes text-scroll {
	0% {
		/*transform: translateX(200%);*/
		transform: translateX(100vw);
	}
	100% {
		transform: translateX(-100%);
	}
}

/* Table Styles */
table tbody {
	text-align: center;
}

table thead {
	text-align: center;
}

table tfoot {
	text-align: left;
}

/* Document Notes */
.doc-revision, rev {
  background-color: var(--bg-revision) !important;
}