/* CSS Document */
.nav table, .nav td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}
.nav td {
	font-size: 16px;
	font-weight: bold;
	color: black;
}
.nav a {
	color: #0000C0;
	text-decoration: none;
}
.nav a:hover {
	color: #e00080;
}
.subNav {
	font-size: 80%;
}
.sidetable P {
	font-size: 15px;
	color: #666666;
}
.sideBarProducts a {
	font-size: 22px;
	color: #00e0a0;
	font-weight: bold;
	text-decoration: none;
}
.sideBarProducts a:hover {
	color: #ffc000;
}
#sidebar-resizer:hover {
	background-color: rgba(0, 0, 192, 0.1) !important; /* Subtle blue highlight when hovering */
	transition: background-color 0.2s;
	border-right: 2px solid #a0a0ff;  /* A thin line to show exactly where the edge is */
}
.transparentBG {
	background-color: transparent;
	border: none;
}
.dropArrow {
	background-color: transparent;
	border: none;
	margin-left: 5px;
}
.dropArrow:hover {
	background-color: #cccccc;
}
.worldrecords, .worldrecords TD, .worldrecords TH {
	border-color: #000080;
}
.worldrecords TH {
	background-color: #CCCCCC;
}
.video-list-item {
	padding: 4px 4px; /* That's top/bottom padding first, then left/right padding */
}
.container-16_9 {
	position: relative;
	/* overflow: hidden; */
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.container-4_3 {
	position: relative;
	/* overflow: hidden; */
	width: 100%;
	padding-top: 75%; /* 4:3 Aspect Ratio (divide 3 by 4 = 0.75) */
}
.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.doc-body {	/* Container for documentation */
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
	line-height: 1.6;
	color: #333;
}

.ui {	/* Menu items and UI labels */
	font-weight: bold;
	color: #000;
}

.menu-sep {	/* Menu separator */
	margin: 0 4px;
	color: #444;
	font-weight: normal;
}

kbd {	/* For keys typed by user, eg Ctrl+O */
	background-color: #f6f7f8;
	border: 1px solid #d1d5da;
	border-radius: 6px;
	box-shadow: inset 0 -1px 0 #d1d5da;
	color: #444d56;
	display: inline-block;
	font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
	font-size: 90%;
	line-height: 12px;
	padding: 3px 5px;
}

code {
	background-color: rgba(27, 31, 35, 0.05);
	border-radius: 3px;
	font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	font-size: 85%;
	margin: 0;
	padding: 0.2em 0.4em;
}

.fig-box {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: auto;
}

.underline {
	color: #aaa;
}
.underline span {
	color: black;
}
.no-select {
	user-select: none;
	-webkit-user-select: none;
}
@media screen and (max-width: 600px) {	/* Match 600px width used by w3-mobile */
  .mobile-noindent {
	/* Reset the float and width on small screens */
	float: none !important;
	display: block !important;
	width: calc(100vw - 10px) !important;	/* 10px is a guess at width of vertical scrollbar */
	max-width: calc(100vw - 10px) !important;
	position: relative !important;
	left: 0 !important;
	margin-left: calc(100% - 100vw + 10px) !important;
	padding: 0 !important;
  }
}

/* Hide the page-break element in screen view */
@media screen {
	.screen-only {
		display: inline;
	}
	.print-only {
		display: none;
	}
	.page-break {
		display: none;
	}
}

/* Styles for printing */
@media print {
	a {
		text-decoration: none !important;	/* Remove underline */
		color: inherit !important;
	}
	code, kbd, samp {
		/* This tells the browser: "Yes, I really want the background color." */
		-webkit-print-color-adjust: exact; /* For Chrome, Safari, Edge */
		print-color-adjust: exact;         /* Standard property */
	}
	.screen-only {
		display: none;
	}
	.print-only {
		display: inline;
	}
	.page-break {
		display: block;
		break-after: always;		/* Modern standard */
		page-break-after: always;	/* For older browsers */
	}

	/* Prevent an element from being split across two pages */
	.avoid-break {
		break-inside: avoid;
		page-break-inside: avoid;
	}

	/* Prevent an element from starting too near end of page */
	.break-near-end::before {
		content: "";
		display: block;
		height: 150px;			/* Adjust min distance from end of page */
		margin-bottom: -150px;	/* Must match value above */
		break-inside: avoid;
	}
}