/*<meta />*/

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@500&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* HIDE RADIO */

[type=radio]
{
	visibility: hidden;
	opacity: 0;
	width: 0;
	height: 0;
}

/* IMAGE STYLES */

label img
{
	cursor: pointer;
	padding: 0.5em;
	border-radius: 50%;
	border: 2px solid transparent;
	transition: all 200ms ease-in;
}

/* CHECKED STYLES */

[type=radio]:checked + img
{
	border: 2px solid #0066ff;
}

[type=radio]:hover + img
{
	box-shadow: 0 0 10px #0066ff;
}

input[type="submit"]:hover
{
	box-shadow: 0 0 10px #0066ff;
	transition: all 200ms ease-in;
	cursor: pointer;
}

div.note
{
	border-radius: 25px;
	background-position: 18px 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-color: #C4E3FF;
	color: #000000;
	border-radius: 6px;
	padding: 18px 18px 18px 60px;
	mc-auto-number-format: '{size 14pt}{b}NOTE{/b}{/size}  ';
	background-image: url('../Images/note.svg');
}

.noteInDiv
{
	mc-auto-number-format: '{b}{color #9DC3E6}NOTE {/color}{/b}';
}

div.hint
{
	border-radius: 30px;
	background-position: 18px 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	color: #000000;
	border-radius: 6px;
	padding: 18px 18px 18px 60px;
	mc-auto-number-format: '{size 14pt}{b}HINT{/b}{/size}  ';
	background-color: #C6F9A3;
	background-image: url('../Images/hint.svg');
}

.hintInDiv
{
	mc-auto-number-format: '{b}{color #A9D18E}HINT  {/color}{/b}';
}

div.important
{
	border-radius: 25px;
	background-position: 18px 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-color: #F8CBAD;
	color: #000000;
	border-radius: 6px;
	padding: 18px 18px 18px 60px;
	mc-auto-number-format: '{size 14pt}{b}IMPORTANT!{/b}{/size}  ';
	background-image: url('../Images/important.svg');
}

.importantInDiv
{
	mc-auto-number-format: '{b}{color #F8CBAD}IMPORTANT!  {/color}{/b}';
}

:root
{
	--Black: #000000;
	--Brand: #0066ff;
	--Dark-Gray: #001b43;
	--Medium-Gray: #b9bec1;
	--Light-Gray: #d0d3d5;
}

body
{
	font-family: 'Open Sans', Arial, Avenir, Myriad;
	padding: 2% 2%;
	color: #001b43;
}

/* Content */

img
{
	border: none;
	max-width: 100%;
}

p
{
	font-size: 1em;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 1.375em;
	letter-spacing: 0.25;
}

p.created-using-flare
{
	font-weight: bold;
	text-transform: uppercase;
}

p.table-text
{
	font-size: 12pt;
}

/* Headings */

h1
{
	font-weight: normal;
	font-size: 3em;
	color: #001b43;
	line-height: 1.05em;
	font-family: 'Fira Sans Condensed', 'Open Sans', Arial, Avenir, Myriad;
}

h2
{
	font-weight: normal;
	font-size: 2.25em;
	line-height: 1.25em;
	font-family: 'Fira Sans Condensed', 'Open Sans', Arial, Avenir, Myriad;
	color: #001b43;
}

h3
{
	font-size: 1.75em;
	line-height: 1.25em;
	font-weight: normal;
	font-family: 'Fira Sans Condensed', 'Open Sans', Arial, Avenir, Myriad;
}

h4
{
	font-size: 1.125em;
	line-height: 1.22em;
	font-weight: normal;
	font-family: 'Fira Sans Condensed', 'Open Sans', Arial, Avenir, Myriad;
}

h5
{
	font-size: 10.0pt;
	font-weight: normal;
	font-family: 'Fira Sans Condensed', 'Open Sans', Arial, Avenir, Myriad;
}

h6
{
	font-size: 8.0pt;
	font-weight: normal;
	font-family: 'Fira Sans Condensed', 'Open Sans', Arial, Avenir, Myriad;
}

/* Home page topic */

div.home-section
{
	padding: 3% 2%;
	border-bottom: solid 1px #d0d3d5;
}

div.home-section:first-of-type	/*Removes padding-top of the first home-section*/
{
	padding: 0 2% 3%;
}

div.home-section:last-of-type	/*Removes bottom border of last home-section*/
{
	border-bottom: none;
}

div.quick-links	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.quick-links::before
{
	content: ' ';
	display: table;
}

div.quick-links::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.quick-links > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.quick-links > div:nth-child(1)
{
	width: 16.66666%;
	margin-left: 2%;
}

div.quick-links > div:nth-child(2)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links > div:nth-child(3)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links > div:nth-child(4)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links > div:nth-child(5)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links *	/*Text-align center set to all elements within div.quick-links*/
{
	text-align: center;
}

/* Lists */

ol,
ul
{
	letter-spacing: .25;
	line-height: 20pt;
}

/* Links */

a
{
	color: #0066ff;
}

a:link
{
	color: #0066ff;
	text-decoration: none;
}

a:visited
{
	color: #0066ff;
}

/* Master page */

pre
{
	font-family: Menlo, Bitstream Vera Sans Mono, DejaVu Sans Mono, Monaco, Consolas, monospace;
	font-size: 1em;
	white-space: pre-wrap;
	overflow: auto;
	margin: 0;
}

pre i,
code i
{
	font-family: Menlo, Bitstream Vera Sans Mono, DejaVu Sans Mono, Monaco, Consolas, monospace;
	font-size: 1em;
	white-space: pre-wrap;
	overflow: auto;
}

i
{
	font-family: 'Open Sans Italic', Arial, Avenir, Myriad;
}

b
{
	font-family: 'Open Sans Bold', Arial, Avenir, Myriads;
}

form
{
	width: 50%;
	margin-left: 25%;
}

@media only screen and (max-width: 1308px)
{
	/* Home page topic */

	div.quick-links > div:nth-child(1)
	{
		width: 24%;
		margin-left: 0%;
	}

	div.quick-links > div:nth-child(2)
	{
		width: 24%;
		margin-left: 14%;
	}

	div.quick-links > div:nth-child(3)
	{
		width: 24%;
		margin-left: 14%;
	}

	div.quick-links > div:nth-child(4)
	{
		width: 24%;
		margin-left: 19%;
	}

	div.quick-links > div:nth-child(5)
	{
		width: 24%;
		margin-left: 14%;
	}

	h1
	{
		font-size: 2.5em;
		line-height: 1.125em;
	}

	h2
	{
		font-size: 2em;
		line-height: 1.25em;
	}

	h3
	{
		font-size: 1.5em;
		line-height: 1.25em;
	}

	body
	{
		font-family: 'Open Sans', Arial, Avenir, Myriad;
	}

	i
	{
		font-family: 'Open Sans Italic', Arial, Avenir, Myriad;
	}

	b
	{
		font-family: 'Open Sans Bold', Arial, Avenir, Myriads;
		font-weight: bolder;
	}

	pre
	{
		--word-wrap: break-word;
	}

	form
	{
		margin-left: 0;
		width: 100%;
	}
}

@media only screen and (max-width: 767px)
{
	/* Home page topic */

	div.quick-links > div:nth-child(1)
	{
		width: 49%;
		margin-left: 0;
	}

	div.quick-links > div:nth-child(2)
	{
		width: 49%;
		margin-left: 2%;
	}

	div.quick-links > div:nth-child(3)
	{
		width: 49%;
		margin-left: 0;
	}

	div.quick-links > div:nth-child(4)
	{
		width: 49%;
		margin-left: 2%;
	}

	div.quick-links > div:nth-child(5)
	{
		width: 49%;
		margin-left: 25.5%;
	}

	h1
	{
		font-size: 2em;
		line-height: 1.25em;
	}

	h2
	{
		font-size: 1.625em;
		line-height: 1.15em;
		font-weight: bold;
	}

	h3
	{
		font-size: 1.375em;
		line-height: 1.14em;
	}

	h4
	{
		line-height: 1.11em;
	}

	form
	{
		margin-left: 0;
		width: 100%;
	}
}

ul.table
{
	margin: 0;
	padding-left: 1em;
}

a.codeSnippetCopyButton:link
{
	color: white;
}

.MCPopupThumbnailLink.MCPopupThumbnailPopup img
{
	border: 2px solid #0066ff;
}

.MCPopupThumbnailLink::after
{
	top: -2px;
	border-radius: 20px;
	content: url('../Images/magnifier.svg');
	display: inline-block;
	left: -42px;
	margin-right: -40px;
	pointer-events: none;
	position: relative;
}

.codeSnippetBody > pre
{
	padding: 1px;
}