/*<meta conditions="" />*/

@import url('extracted_styles.css');
@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

:root
{
	--BlueDark: #144288;
	--BlueMedium: #0080ff;
	--BlueLight: #00b1f7;
	--Orange: #fa9400;
	--Red: #fe5555;
	--Purple: #c76741;
	--Green: #5ae075;
	--Grey: #8c9aa2;
	--GreyLight: #f6f7f8;
}

body
{
	line-height: 1.5;
	font-size: 1rem;
	font-family: Lato, Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #605d58;
	background-color: #fff;
}

/* LINKS */

ul.sidenav li a.selected
{
	padding-left: .5rem;
}

a,
a:link,
a:visited
{
	color: var(--BlueMedium);
	text-decoration: none;
}

p.whatsNewHead a:visited
{
	content: "";
}

a:hover
{
	text-decoration: underline;
}

div.caption > div a:hover
{
	text-decoration: none;
}

.dropdown-content a:hover
{
	color: #FFFFFF;
	background-color: #eeecec;
}

MadCap|dropDown
{
	mc-image-spacing: 5px;
	line-height: 1.5em;
	mc-closed-image: url('../Images/right-arrowsmall.png');
	mc-open-image: url('../Images/down-arrowsmall.png');
}

input:focus
{
	outline: none;
}

/* HEADINGS */

h1
{
	font-weight: normal;
	margin: 1rem 0;
	color: #000000;
	border-bottom: 1px solid var(--Grey);
	font-size: 1.75rem;
	font-family: Lato, Arial, "Helvetica Neue", Helvetica, sans-serif;
	padding-bottom: 1rem;
}

h2
{
	font-family: Lato, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.5rem;
	font-weight: normal;
	margin: 1.5rem 0 .5rem 0;
	color: #000000;
}

h3
{
	font-family: Lato, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin: 1rem 0 .3rem 0;
	color: #000000;
}

h4
{
	margin: .625rem 0 .188rem 0;
}

/* HELP */

div#mc-main-content
{
	max-width: 70rem;
	margin: 0 auto;
}

nav.sidenav-wrapper
{
	top: 20px;
	left: 48px;
	float: left;
	display: none;
	text-align: left;
	scrollbar-color: #ffffff #404040;
	resize: horizontal;
	overflow: auto;
	width: max-content;
	min-width: 15%;
	max-width: 40%;
}

div.sidenav-container
{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}

div.help
{
	padding-left: 0rem;
	margin-left: 0%;
	width: 95%;
}

/* WHATS NEW */

p.whatsNewHead
{
	font-family: Lato, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.5rem;
	font-weight: normal;
	margin: 1.5rem 0 .5rem 0;
	color: #000000;
}

p.whatsNewHead a:before
{
	content: "NEW";
	background-color: var(--Orange);
	display: block;
	margin: 8px 4px 0 0;
	font-size: .8rem;
	color: #ffffff;
	padding: 0 6px;
	border-radius: 4px;
	float: left;
}

/* NEWS TRAINING CONTENT */

div.news,
div.training
{
	max-width: 70rem;
	padding-left: 1rem;
	padding-right: 1rem;
	margin: 0 auto;
}

/* IMAGES */

img
{
	border: none;
}

/* BREADCRUMB */

MadCap|breadcrumbsProxy
{
	border-bottom-style: none;
	mc-breadcrumbs-prefix: ' ';
}

/* ALERTS */

div.Note
{
	background: #d9eaed;
	border-left: solid 4px #5ac8fa;
	padding: .625rem 1rem;
	border-radius: 3px;
	margin: .625rem 0;
	position: relative;
	min-height: 35px;
	/*
	background-image: url('../Images/pencil.png');
	background-repeat: no-repeat;
	background-position: right 4px top 4px;
*/
}

div.Note-caption
{
	background: #d9eaed;
	border-left: solid 4px #5ac8fa;
	padding: .625rem 1rem;
	border-radius: 3px;
	margin: .625rem 0;
	position: relative;
	width: 495px;
	/*	
	min-height: 74px;	
	background-image: url('../Images/pencil.png');
	background-repeat: no-repeat;
	background-position: right 4px top 4px;
*/
}

div.Example
{
	background: #e3e3e3;
	border-left: solid 4px #737373;
	padding: .625rem 1rem;
	border-radius: 3px;
	margin: .625rem 0;
	position: relative;
	min-height: 74px;
	/*
	background-image: url('../Images/quotes.png');
	background-repeat: no-repeat;
	background-position: right 4px top 4px;
*/
}

div.Important
{
	background: #ffeed9;
	border-left: solid 4px #fa9400;
	padding: .625rem 1rem;
	border-radius: 3px;
	margin: .625rem 0;
	position: relative;
	min-height: 10px;
	/*
	background-image: url('../Images/exclamation.png');
	background-repeat: no-repeat;
	background-position: right 4px top 4px;
*/
}

div.Tip
{
	background: #e3edd9;
	border-left: solid 4px #5ae075;
	padding: .625rem 1rem;
	border-radius: 3px;
	margin: .625rem 0;
	position: relative;
	min-height: 74px;
	/*
	background-image: url('../Images/pencil.png');
	background-repeat: no-repeat;
	background-position: right 4px top 4px;
*/
}

div.Warning
{
	background: #ffd9d9;
	border-left: solid 4px #e60000;
	padding: .625rem 1.875rem .625rem 1rem;
	border-radius: 3px;
	margin: .625rem 0;
	position: relative;
	min-height: 74px;
	/*
	background-image: url('../Images/exclamation.png');
	background-repeat: no-repeat;
	background-position: right 4px top 4px;
*/
}

div.Warning h3,
div.Note h3,
div.Tip h3,
div.Example h3,
div.Important h3
{
	font-size: 1rem;
	font-weight: bold;
	margin: 0;
}

div.Note h3
{
	color: #5ac8fa;
}

div.Tip h3
{
	color: #5ae075;
}

div.Important h3
{
	color: #fa9400;
}

div.Warning h3
{
	color: #fe5555;
}

/* GET STARTED */

div.getStarted
{
	mc-grid-row: true;
	margin-left: 20%;
	margin-right: auto;
	margin-bottom: 0;
}

div.getStarted::before
{
	content: ' ';
	display: table;
}

div.getStarted::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.getStarted > div
{
	width: 33%;
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

p.getStartedHead
{
	font-family: Lato, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.5rem;
	font-weight: normal;
	margin: 1.5rem 0 .5rem 0;
	color: #000000;
}

/* TOP MENU */

span.topTechSupport
{
	border-left: 1px solid #ffffff;
	margin-left: 1rem;
	padding-left: 1rem;
	padding-top: 8px;
	font-size: 1.25rem;
}

div#topBar
{
	border-bottom: 1px solid #c0c0c0;
	color: #000000;
	margin-bottom: 1rem;
}

div#topMenu
{
	flex: 1 1 auto;
	display: flex;
	justify-content: flex-end;
	flex-basis: auto;
	color: black;
	font-size: 1.125rem;
	order: 3;
	padding-top: 7px;
	padding-right: 1rem;
}

select#topMenu
{
	flex: 1 1 auto;
	display: flex;
	justify-content: flex-end;
	flex-basis: auto;
	color: black;
	font-size: 1.125rem;
	order: 4;
	padding-right: .25rem;
	border: none;
	text-align: left;
	max-width: 100px;
	background-color: #ffffff;
	margin-right: 12px;
}

div#topMenu a,
div#topMenu a:link,
div#topMenu a:visited
{
	color: #ffffff;
	font-weight: bold;
	font-size: 1rem;
	text-decoration: none;
}

/* BANNER */

div.body-container
{
	padding-top: 0;
	background-color: #fff;
}

div.banner
{
	width: 100%;
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
	text-align: center;
	background-color: #144288;
	padding: 0 1rem 1rem 1rem;
}

MadCap|dropDownHead
{
	color: #000000;
	padding: 0.5em 0px;
	font-size: 15px;
}

MadCap|dropDownBody
{
	border-color: rgba(10, 96, 194, 0.45);
	margin-left: 35px;
	padding-left: 10px;
	border-left-style: solid;
	border-radius: 3px;
	border-width: 4px;
	width: 90%;
	display: block;
}

MadCap|expandingHead
{
	
}

MadCap|expanding
{
	
}

MadCap|expandingBody
{
	
}

a.Popup
{
	mc-popup-width: 720px;
	mc-popup-height: 480px;
}

kbd
{
	background-color: #eee;
	border-radius: 3px;
	border: 1px solid #b4b4b4;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset;
	color: #333;
	display: inline-block;
	font-size: .85em;
	font-weight: 700;
	line-height: 1;
	padding: 2px 4px;
	white-space: nowrap;
}
span.kbd
{
	background-color: #eee;
	border-radius: 3px;
	border: 1px solid #b4b4b4;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset;
	color: #333;
	display: inline-block;
	font-size: .85em;
	font-weight: 700;
	line-height: 1;
	padding: 2px 4px;
	white-space: nowrap;
}

span.span_2
{
	color: #605d58;
}

span.span_3
{
	color: #605d58;
}

figcaption
{
	
}

span.major
{
	font-weight: bold;
}

span.minor
{
	font-style: italic;
}

span.stepnum
{
	font-weight: bold;
}

span.leader
{
	font-weight: bold;
}

@media screen
{
	div.body-container
	{
		padding-top: 0;
	}

	div.banner::before
	{
		content: ' ';
		display: table;
	}

	div.banner::after
	{
		content: ' ';
		display: table;
		clear: both;
	}

	div.banner > div
	{
		width: 100%;
		float: left;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	p.bannerHead
	{
		color: #ffffff;
		font-size: 2.25rem;
		font-weight: bold;
	}

	p.bannerDesc
	{
		color: #ffffff;
		font-size: 1.25rem;
	}

	@media tablet
	{
		div#topMenu
		{
			padding-right: 0;
		}

		div.getStarted
		{
			margin-left: 20%;
		}

		nav.sidenav-wrapper
		{
			display: none !important;
		}
	}

	div.title-bar-section
	{
		z-index: -1;
	}

	div.Button
	{
		padding: 1em 3em;
	}

	a.Button
	{
		border-left-style: solid;
		border-left-width: 1px;
		border-right-style: solid;
		border-right-width: 1px;
		border-top-style: solid;
		border-top-width: 1px;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		display: inline;
		background-color: #0080ff;
		padding: 12px 35px;
		color: #ffffff;
		text-decoration: none;
		border-radius: 5px;
	}

	div.banner-download
	{
		mc-grid-row: true;
		margin-bottom: 1rem;
		text-align: center;
		background-color: #eeecec;
		padding: 1rem;
		color: #000000;
		font-size: 1em;
		min-width: 600px;
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;
	}

	#myBtn
	{
		position: fixed;
		bottom: 20px;
		right: 30px;
		z-index: 99;
		font-size: 18px;
		font-weight: bold;
		border: none;
		outline: none;
		color: #555;
		cursor: pointer;
		padding: 15px;
		border-radius: 4px;
		background-position: center;
		background-repeat: no-repeat;
	}

	#myBtn:hover
	{
		background-color: transparent;
	}

	.new
	{
		color: #cd660f;
	}

	.leader
	{
		color: #808080;
		font-weight: bold;
	}

	.leadsent
	{
		color: #808080;
		font-weight: bold;
	}

	a.Button1
	{
		display: inline;
		border-bottom-width: 0px;
		border-left-width: 0px;
		border-radius: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		padding: 0px;
	}

	ul.tabs
	{
		color: var(--BlueMedium);
		margin: 0px;
		padding: 0px;
		list-style: none;
		position: relative;
		font-weight: bold;
		border: 2px solid transparent;
	}

	ul.tabs:after
	{
		position: absolute;
		content: "";
		width: 100%;
		bottom: 0;
		left: 0;
		border-bottom: 2px solid #ddd;
	}

	ul.tabs .tab-link
	{
		color: var(--BlueMedium);
		display: inline-block;
		cursor: pointer;
		position: relative;
		padding: 10px;
	}

	ul.tabs .current
	{
		color: #605d58;
		z-index: 100;
		border-bottom: 3px solid var(--BlueMedium);
		/*padding: 10px;*/
	}

	ul.tabs .tab-link:hover
	{
		color: #8fd3ee;
		cursor: pointer;
		padding: 10px;
	}

	ul.tabs .current:hover
	{
		color: #605d58;
		border-bottom: 3px solid var(--BlueMedium);
		padding: 10px;
		border-radius: 20px 20px 0px 0px;
	}

	.tab-content
	{
		display: none;
		padding: 10px;
	}

	.tab-content.current
	{
		display: inherit;
	}

	ul.expanded_spacing li
	{
		margin-top: 1.5rem;
	}

	ul.expanded_spacing
	{
		margin-bottom: 1.5rem;
	}

	MadCap|expanding.Video
	{
		mc-image-position: left;
		mc-open-image: url('../Images/_home/Video Library Small.png');
		mc-closed-image: url('../Images/_home/Video Library Small.png');
		padding-top: 5px;
		font-size: 1.5rem;
	}

	MadCap|dropDown.Video
	{
		mc-image-position: left;
		mc-open-image: url('../Images/_home/Video Library Small.png');
		mc-closed-image: url('../Images/_home/Video Library Small.png');
		padding-top: 5px;
		font-size: 1rem;
	}

	MadCap|expandingBody.Video
	{
		padding-left: 2em;
		vertical-align: -470px;
	}

	MadCap|expanding.Download
	{
		mc-image-position: none;
		mc-closed-image: none;
		mc-open-image: none;
	}

	/* Caption */

	div.caption
	{
		mc-grid-row: true;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3rem;
	}

	div.caption::before
	{
		content: ' ';
		display: table;
	}

	div.caption::after
	{
		content: ' ';
		display: table;
		clear: both;
	}

	div.caption > div
	{
		float: left;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align: center;
		padding: .5rem;
		border-radius: 8px;
		box-shadow: 0 0 15px 5px rgb(62 60 98 / 8%);
		transition: all 220ms;
	}

	div.videolib > H2
	{
		font-size: 2rem;
	}

	div.caption > div:active,
	div.caption > div:focus,
	div.caption > div:hover
	{
		transform: scale(1);
	}

	div.caption > div:hover a,
	div.caption > div:hover a:link,
	div.capton > div:hover a:visited
	{
		color: #ffffff;
	}

	div.caption > div
	{
		margin-right: 1em;
		font-size: 80%;
		padding: 0.5rem;
		display: block;
		max-width: 90%;
	}

	div.caption > div:nth-child(4)
	{
		margin-right: 6.666%;
	}

	.dropdown
	{
		display: inline-block;
		position: relative;
		float: right;
		margin-right: 3em;
		text-align: center;
	}

	.dropdown-content
	{
		display: none;
		position: absolute;
		width: 100%;
		overflow: auto;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	}

	.dropdown:hover .dropdown-content
	{
		display: block;
	}

	.dropdown-content a
	{
		display: block;
		padding: 5px;
		text-decoration: none;
		color: #ffffff;
	}

	.centered
	{
		text-align: center;
	}

	.table-border
	{
		border: 1px solid black;
		border-collapse: collapse;
	}

	.table-centered
	{
		border: 1px solid black;
		text-align: center;
		vertical-align: top;
		padding: 5px;
	}

	.vertcentered
	{
		vertical-align: middle;
	}

	code
	{
		background-color: #f5f2f0;
		white-space: pre-wrap;
		word-spacing: normal;
		word-break: normal;
		word-wrap: normal;
		display: inline;
		overflow: auto;
		border: 1px solid #c5c5c5;
	}

	pre > code
	{
		display: block;
		line-height: 1.5;
		padding: 1.5rem;
	}

	.python-prompt
	{
		border: 1px solid #c5c5c5;
		margin-bottom: 1rem;
	}

	div.python-prompt > p
	{
		background-color: #e1ffe1;
		line-height: 1.5;
		margin: 0px;
		border-bottom: 1px solid #c5c5c5;
		padding-left: 1.5rem;
	}

	div.python-prompt > code
	{
		display: block;
		border: none;
		overflow-x: auto;
		white-space: pre;
		word-wrap: break-word;
		padding: 1.5rem;
	}

	.banner-text
	{
		color: #ffffff;
	}

	/* figure.interactiveimage:hover:before
{
	opacity: 0;
} */

	figure.interactiveimage
	{
		display: block;
		position: relative;
		float: left;
		overflow: visible;
		margin: 0 20px 20px 0;
	}

	figure.interactiveimage:before
	{
		content: url('../Images/HandClicksmall.png');
		position: absolute;
		font-weight: 800;
		/*	background: black;
	background: rgba(255,255,255,.9); */
		text-shadow: 0 0 5px white;
		color: black;
		width: 40px;
		height: 48px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		text-align: center;
		font-size: 14px;
		line-height: 24px;
		-moz-transition: all 0.6s ease;
		opacity: 1;
		top: 0;
		right: -40px;
	}

	figure.interactiveimage + *
	{
		clear: both;
		page-break-after: always;
	}

	td.td_SurFinUsr1
	{
		background: #260026;
	}

	td.td_SurFinUsr2
	{
		background: #002626;
	}

	figure.ImgWithCap
	{
		display: block;
		position: relative;
		float: left;
		overflow: visible;
		margin: 0 20px 20px 0;
	}

	figure.ImgWithCap + *
	{
		clear: both;
	}

	figcaption.figcaption
	{
		box-sizing: border-box;
		width: 300px;
		/*	min-width: 100%; */
		border: solid 1px #a9a9a9;
		padding: 0.25em 0.5em;
	}

	/* figure.interactiveimagesmall:hover:before
{
	opacity: 0;
} */

	figure.interactiveimagesmall
	{
		display: block;
		position: relative;
		float: left;
		overflow: visible;
		margin: 0 20px 20px 0;
	}

	figure.interactiveimagesmall:before
	{
		content: url('../Images/HandClicksmall.png');
		position: absolute;
		font-weight: 800;
		/*	background: black;
	background: rgba(255,255,255,.9); */
		text-shadow: 0 0 5px white;
		color: black;
		width: 40px;
		height: 48px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		text-align: center;
		font-size: 14px;
		line-height: 24px;
		-moz-transition: all 0.6s ease;
		opacity: 1;
		top: 0;
		right: -40px;
	}

	figure.interactiveimagesmall + *
	{
		clear: both;
	}

	/* Styles for image filtering tabs */

	.filterDiv
	{
		display: none;
	}

	.show
	{
		display: block;
	}

	.container
	{
		display: inline-block;
	}

	#myInput
	{
		/*
	background-image: url('/css/searchicon.png');
	 Add a search icon to input ... JRB-image is missing from folders, and does not appear to be in use on the FAQ page...commenting this out to clean up broken links in Flare */
		background-position: 10px 12px;
		/* Position the search icon */
		background-repeat: no-repeat;
		/* Do not repeat the icon image */
		width: 70rem;
		/* Full-width */
		font-size: 16px;
		/* Increase font-size */
		/* Add some padding */
		border: 1px solid #ddd;
		/* Add a grey border */
		margin-bottom: 12px;
		/* Add some space below the input */
	}

	#myUL
	{
		/* Remove default list styling */
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	#myUL li a
	{
		/*border: 1px solid #ddd; /* Add a border to all links */
		margin-top: -1px;
		/* Prevent double borders */
		/* background-color: #f6f6f6; /* Grey background color */
		padding: 12px;
		/* Add some padding */
		text-decoration: none;
		/* Remove default text underline */
		font-size: 1rem;
		/* Increase the font-size */
		color: black;
		/* Add a black text color */
		/* Make it into a block element to fill the whole list */
		display: block;
	}

	/* Style the button that is used to open and close the collapsible content */

	.collapsible
	{
		background-color: #eee;
		color: #444;
		cursor: pointer;
		padding: 18px;
		width: 97.5%;
		border: none;
		text-align: left;
		outline: none;
		font-size: 1rem;
		margin-bottom: 0rem;
		margin-right: 25px;
	}

	/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

	.active,
	.collapsible:hover
	{
		background-color: #ccc;
	}

	/* Style the collapsible content. Note: hidden by default */

	.content
	{
		padding: 0 18px;
		display: none;
		overflow: hidden;
		background-color: #f1f1f1;
	}

	.content
	{
		padding: 0 18px;
		background-color: white;
		max-height: 0;
		padding-top: 10px;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
	}

	.collapsible:after
	{
		content: '\02795';
		/* Unicode character for "plus" sign (+) */
		font-size: 1rem;
		color: white;
		float: right;
		margin-left: 5px;
	}

	.active:after
	{
		
	}

	.container
	{
		overflow: hidden;
	}

	.filterDiv
	{
		float: left;
		width: 100%;
		margin: 2px;
		display: none;
		/* Hidden by default */
	}

	/* The "show" class is added to the filtered elements */

	.show
	{
		display: block;
	}

	/* Style the buttons */

	.btn
	{
		border: none;
		outline: none;
		background-color: #f1f1f1;
		cursor: pointer;
		float: none;
		height: 40px;
		font-size: 1rem;
		width: 170px;
	}

	/* Add a light grey background on mouse-over */

	.btn:hover
	{
		background-color: #ddd;
	}

	/* Add a dark background to the active button */

	.btn.active
	{
		background-color: #144288;
		color: white;
	}

	/* Dropdown Button */

	.dropbtn
	{
		background-color: #04AA6D;
		color: white;
		padding: 16px;
		font-size: 16px;
		border: none;
		cursor: pointer;
	}

	/* Dropdown button on hover & focus */

	.dropbtn:hover,
	.dropbtn:focus
	{
		background-color: #3e8e41;
	}

	/* The search field */

	MadCap|searchBarProxy
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	#myInput
	{
		box-sizing: border-box;
		/*background-image: url('searchicon.png');*/
		background-position: 14px 12px;
		background-repeat: no-repeat;
		font-size: 16px;
		border-bottom: 1px solid #ddd;
		border: solid 2px #dddddd;
	}

	/* The search field when it gets focus/clicked on */

	#myInput:focus
	{
		outline: 3px solid #ddd;
	}

	/* The container <div> - needed to position the dropdown content */

	.dropdown
	{
		position: relative;
		display: inline-block;
	}

	/* Dropdown Content (Hidden by Default) */

	.dropdown-content
	{
		display: none;
		position: absolute;
		background-color: #f6f6f6;
		min-width: 230px;
		border: 1px solid #ddd;
		z-index: 1;
	}

	/* Links inside the dropdown */

	.dropdown-content a
	{
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
	}

	/* Change color of dropdown links on hover */
	/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */

	.show
	{
		display: block;
	}

	.list-container
	{
		display: flex;
		flex-direction: column;
	}

	.list-item
	{
		margin-bottom: 5px;
		margin-left: 1rem;
	}

	.list-item::before
	{
		content: "•\00a0";
		/* Using the Unicode for the bullet and a non-breaking space */
		margin-right: 5px;
		/* Adjust as needed */
	}

	.sub-item
	{
		margin-bottom: 5px;
		margin-left: 2rem;
	}

	.sub-item::before
	{
		content: "\25E6\00a0";
		/* Using the Unicode for the bullet and a non-breaking space */
		margin-right: 10px;
		/* Adjust as needed */
	}

	.hyperlink
	{
		color: blue;
		text-decoration: underline;
		cursor: pointer;
	}

	.video-container
	{
		display: flex;
		flex-wrap: wrap;
	}

	.video-container .video
	{
		width: 50%;
	}

	a.Button2
	{
		background-color: #0080ff;
		height: 35px;
		width: 144px;
		color: #ffffff;
		text-decoration: none;
		border-radius: 5px;
		font-size: 1rem;
		text-align: center;
		display: inline-block;
		line-height: 2rem;
	}

	/* The Modal (background) */

	.modal
	{
		display: none;
		/* Hidden by default */
		position: fixed;
		/* Stay in place */
		z-index: 1;
		/* Sit on top */
		padding-top: 100px;
		/* Location of the box */
		left: 0;
		top: 0;
		width: 100%;
		/* Full width */
		height: 100%;
		/* Full height */
		overflow: auto;
		/* Enable scroll if needed */
		background-color: rgb(0,0,0);
		/* Fallback color */
		background-color: rgba(0,0,0,0.4);
		/* Black w/ opacity */
	}

	/* Modal Content */

	.modal-content
	{
		position: relative;
		background-color: #fefefe;
		margin: auto;
		padding: 0;
		border: 1px solid #888;
		width: 80%;
		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
		-webkit-animation-name: animatetop;
		-webkit-animation-duration: 0.4s;
		animation-name: animatetop;
		animation-duration: 0.4s;
	}

	/* The Close Button */

	.close
	{
		color: white;
		float: right;
		font-size: 28px;
		font-weight: bold;
	}

	.close:hover,
	.close:focus
	{
		color: #000;
		text-decoration: none;
		cursor: pointer;
	}

	.modal-header
	{
		padding: 2px 16px;
		background-color: #5cb85c;
		color: white;
	}

	.modal-body
	{
		padding: 2px 16px;
	}

	.modal-footer
	{
		padding: 2px 16px;
		background-color: #5cb85c;
		color: white;
	}

	span.zbold
	{
		font-weight: bold;
	}

	span.zdialogelement
	{
		font-weight: bold;
	}

	.popupzugriff
	{
		color: #000000;
		background-color: #ffffff;
		padding: 2pt 4pt;
		border: 2px solid #9f9f9f;
		border-radius: 10px;
		position: fixed;
		overflow: auto;
		z-index: 2;
		max-width: 750px;
	}

	.popuponclick
	{
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		font-size: 10pt;
		color: #000000;
		background-color: #E4EDF6;
		word-spacing: normal;
		letter-spacing: normal;
		vertical-align: baseline;
		text-decoration: none;
		text-transform: none;
		line-height: normal;
		margin-top: 0cm;
		margin-bottom: 0cm;
		margin-left: 0cm;
		margin-right: 0cm;
		padding-top: 4pt;
		padding-bottom: 4pt;
		padding-left: 4pt;
		padding-right: 4pt;
		border-color: #333399;
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #333399;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #333399;
		border-left-style: solid;
		border-left-width: 1px;
		border-left-color: #333399;
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #333399;
		float: none;
		clear: none;
		text-align: left;
		text-indent: 0cm;
		width: auto;
		height: auto;
		white-space: normal;
		position: fixed;
		overflow: auto;
		z-index: 2;
	}

	.popuponclicktemplate
	{
		border-bottom-style: dashed;
		border-bottom-color: gray;
		border-bottom-width: 1px;
		text-decoration: none;
	}

	.popuponclicknormaltemplate
	{
		border-bottom-style: dashed;
		border-bottom-color: gray;
		border-bottom-width: 1px;
		text-decoration: none;
	}

	.expandingblock
	{
		line-height: normal;
		margin-left: 4px;
		padding-top: .5rem;
		padding-bottom: .5rem;
		padding-left: .5rem;
		padding-right: .5rem;
		border-color: #AFAFAF;
		border-style: outset;
		border-width: 2px;
		width: 90%;
	}

	.aufruftemplate
	{
		border-bottom-style: dotted;
		border-bottom-width: 1px;
		text-decoration: none;
	}

	span.major
	{
		font-weight: bold;
	}

	span.minor
	{
		font-style: italic;
	}

	span.stepnum
	{
		font-weight: bold;
	}

	span.leader
	{
		font-weight: bold;
	}

	.tableheading
	{
		font-weight: bold;
		font-size: 12pt;
		color: #004080;
		margin-top: 3pt;
		margin-bottom: 3pt;
		padding-left: 3pt;
		padding-right: 3pt;
		border-right: 1px solid #FFFFFF;
		text-align: left;
	}

	.tabletext
	{
		margin: 2px;
		font-size: 10pt;
		padding-top: 3pt;
	}

	.actionresult
	{
		display: block;
		margin-top: 6pt;
		margin-bottom: 6pt;
	}

	ol.action
	{
		list-style-type: Decimal;
		list-style-position: outside;
		margin-top: 6pt;
		margin-bottom: 6pt;
	}

	li.action
	{
		margin-top: 6pt;
		margin-bottom: 6pt;
		margin-left: 1em;
	}

	.zfunction
	{
		display: inline;
		font-weight: bold;
	}

	span.zfunction
	{
		display: inline;
		font-weight: bold;
	}

	.zuserinput
	{
		font-size: 16pt;
	}

	.zfilename
	{
		font-family: "Courier New", verdana, arial, helvetica, sans-serif;
		font-size: 10pt;
	}

	.symbols
	{
		font-family: "Symbol", verdana, arial, helvetica, sans-serif;
	}

	.smtrefcodecomment
	{
		color: #C0C0C0;
	}

	p.whatyouwanttodo
	{
		margin-top: 18pt;
		font-weight: bold;
	}

	.centered
	{
		text-align: center;
	}

	.smtrefdescriptionsyntax
	{
		font-family: "Courier New", verdana, arial, helvetica, sans-serif;
		font-size: 10pt;
	}

	.smtrefdescriptionparametersintended
	{
		padding-left: 24pt;
	}

	.screenshotcaption
	{
		font-style: italic;
		font-size: 10pt;
	}

	.relateditem
	{
		background-color: #E3ECF6;
		margin-top: 0em;
		margin-bottom: 0em;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 4px;
		padding-right: 4px;
	}

	.relatedheading
	{
		font-size: 12pt;
		font-weight: bold;
		color: #FFFFFE;
		background-color: #8FADCC;
		margin-top: 12px;
		margin-bottom: 1px;
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 4px;
	}

	.notelistheading
	{
		font-weight: bold;
		margin-top: -6pt;
		margin-bottom: -6pt;
		padding-bottom: 6pt;
	}

	.codexmlblock
	{
		font-family: "Courier New", verdana, arial, helvetica, sans-serif;
		font-size: 14pt;
	}

	li.warning
	{
		background: url('../Images/warning.gif') no-repeat left center;
		padding-left: 40px;
		list-style: none;
	}

	@media screen and (max-width: 1279px)
	{
		nav.sidenav-wrapper
		{
			display: none !important;
		}
	}


li.kbd
{
	
}

.navigation-wrapper.nocontent {
  display: none;
}
.nav-search-wrapper {
	flex: 1 1 auto;
    display: flex;
    order: 2;
    justify-content: center;
    flex-basis: auto;
    left: 462px;
    position: fixed;
    right: 462px;}