@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);
/*<meta />*/

body,
p,
li
{
	font-family: Arial Unicode MS, Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 110%;
	margin-top: 2px;
	margin-bottom: 2px;
}

.prompt-box
{
	display: block;
	width: auto;
	max-width: 85ch;
	background-color: #f0f0f0;
	/* Light grey background */
	border: 1px solid #ccc;
	/* Subtle border */
	padding: 12px;
	/* Space inside the box */
	border-radius: 12px;
	/* Rounded corners */
	font-size: 14px;
	/* Text size */
	color: #333;
	/* Text color */
	margin: 10px 10px;
	/* Space around the box */
	box-sizing: border-box;
	/* Width calc includes padding/border */
	white-space: normal;
	/* Allow wrapping inside the box */
	overflow-wrap: anywhere;
	/* Break long words if  overflow-wrap: anywhere;         /* Break long words if needed */
}

/* Base note paragraph */

p.note
{
	position: relative;
	padding: 12px 12px 12px 70px;
	margin: 16px 0;
	font-size: 10px;
	color: #666666;
}

/* INFO icon */

p.note::before
{
	content: "\2139";
	position: absolute;
	left: 8px;
	top: 8px;
	font-size: 16px;
	font-weight: bold;
	color: #14215c;
}

/* Vertical teal bar */

p.note::after
{
	content: "";
	position: absolute;
	left: 50px;
	top: 8px;
	bottom: 8px;
	width: 3px;
	background-color: #14215c;
}

/* Insert NOTE: label automatically */

p.note span.note-label::before
{
	content: "NOTE: ";
	font-weight: 700;
	color: #0F6F82;
}

.updated-date
{
	color: #666;
	/* grey text */
	font-size: 0.8em;
	/* slightly smaller UI text */
	margin-top: 10px;
}

.updated-date.icon
{
	margin-right: 6px;
	/* spacing between icon and text */
	color: #666;
}

img.icon
{
	margin-bottom: -5px;
}

MadCap|dropDown
{
	
}

MadCap|dropDownHead
{
	
}

MadCap|dropDownHotspot
{
	color: #444444;
}

MadCap|dropDownHotspot:focus
{
	
}

p.noteAlt
{
	background-color: #f0f7fb;
	border-left: solid 4px #3498db;
	line-height: 18px;
	mc-auto-number-format: '{b}Note: {/b}';
	overflow: hidden;
	padding: 12px;
}

/* Smooth scrolling to anchor */

html
{
	scroll-behavior: smooth;
}

/* FLOATING Back to Top button */

a.back-to-top
{
	position: fixed;
	/* ✅ makes it floating */
	bottom: 24px;
	/* distance from bottom of viewport */
	right: 24px;
	/* distance from right of viewport */
	background-color: #45494c;
	color: #ffffff;
	padding: 10px 16px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
	z-index: 1000;
	/* ✅ keeps it above content */
}

/* Align arrow and text WITHOUT flex */

a.back-to-top .arrow
{
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 5px;
}

a.back-to-top .text
{
	display: inline-block;
	vertical-align: middle;
}

/* Space between arrow and text */

a.back-to-top .arrow
{
	margin-right: 6px;
}

/* Hover + keyboard focus */

a.back-to-top:hover,
a.back-to-top:focus
{
	background-color: #303335;
	/* Slightly lighter grey */
	color: #ffffff;
}

/* Prevent visited link color change */

a.back-to-top:visited
{
	color: #ffffff;
}