/* COREL UNIVERSAL HELP VIEWER */
/* mindmanager-help-content.css: Styling for topic pages for MindManager */


/* FONTS *********************************************************************/

/* To used cached/CDN version of Poppins from Google Fonts:
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
*/

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
		 url('../fonts/poppins-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Poppinsbold';
	src: url('../fonts/poppins-bold-webfont.woff2') format('woff2'),
		 url('../fonts/poppins-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


/* OVERALL PAGE **************************************************************/

body {
  font-family: 'Poppins';
  padding: 12px 16px 86px 16px;
  margin: 0;
  min-height: 100vh;
  position: relative;
  box-sizing: border-box;
}

body.nonlatin {
  font-family: sans-serif;
}

body.frontpage {
  padding: 0 0 160px 0;
}

footer {
  position: absolute;
  bottom: 8px;
  left: 12px;
  right: 12px;
  height: 80px;
}


/* FRONT-PAGE-SPECIFIC STYLING ***********************************************/

.frontpage header {
	height: 6.375rem;
}

.frontpage header img {
	margin-top: 2.25rem;
}

.frontpage-welcome {
	background-color: #f7f7fb;
	background-image: url('../images/mindmanagerbgfade.webp');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right center;
}

.frontpage-welcome .container {
	padding: 5rem 0;
}

.frontpage h1 {
	color: #3b51a3;
	font-size: 2.125rem;
	margin-bottom: 0;
}

.frontpage .lead {
	color: #333;
	font-size: 1.125rem;
	margin-bottom: .5rem;
}

.frontpage .platform {
	margin-top: -.125rem;
	color: #50b8b4;
	font-size: .875rem;
	margin-bottom: 2.25rem;
}

.frontpage-topic {
	position: relative;
  margin: -1rem;
  padding: 1rem;
  border-radius: 5px;
	margin-top: 4rem;
	font-size: 1.25rem;
  background-color: white;
  transition: all .1s ease-in-out;
}

.frontpage-topic:hover {
  background-color: #fafafa;
  transform: scale(1.05);
}

.frontpage-topic img {
	margin-right: 1.5rem;
}


/* BUTTONS *******************************************************************/

.btn-secondary {
	color: #3b51a3;
	border-color: #3b51a3;
	background: none;
	font-size: .875rem;
	height: 2.5rem;
	line-height: 1.875rem;
	min-width: 7.5rem;
  transition: all .1s ease-in-out;
}

.btn-secondary:hover {
	color: white;
	background-color: #3b51a3;
}


/* INPUT GROUPS **************************************************************/

.frontpage-welcome .input-group {
	margin-top: 2rem;
}

.input-group-text {
	background: white;
	border-right: none !important;
	padding-right: .5rem;
}

.frontpage-welcome input {
	padding-left: .5rem;
	border-left: none !important;
	font-size: .875rem !important;
	height: 3rem;
}

input::placeholder {
	color: #9d9d9d !important;
}


/* SEARCH FEATURE ************************************************************/

#search-loading {
  margin-top: 2rem;
  color: #3b51a3;
}
  
#search-loading.loaded {
  display: none;
}

input[type=search] {
	-webkit-appearance: textfield;
}

#search-field {
	display: none;
}

#search-field.loaded {
	display: block;
}

#search-field::-webkit-search-cancel-button {
	-webkit-appearance: searchfield-cancel-button;
}

#search-field {
  box-sizing: border-box;
  margin-top: 1.75rem;
  height: 3rem;
  width: 100%;
  border: none;
  border-radius: 5px;
  background-image: url('../images/search_large.svg');
  background-repeat: no-repeat; 
  background-position: .875rem .875rem;
  background-size: 1.25rem 1.25rem;
  padding-left: 3rem;
  padding-right: 1rem;
  display: none;
}

#suggestions {
  display: none;
	position: absolute;
	box-sizing: border-box;
  overflow: auto;
  padding: 8px 0;
	width: 50%;
	z-index: 1000;
	background-color: white;
  border: 1px solid #ddd;
	font-size: 14px;
  border-radius: 4px;
	box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.33);
	max-height: 90%;
}

#suggestions div a, .no-results {
  display: block;
	padding: 5px 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#suggestions div a:hover {
  background-color: #eee;
}

#suggestions a {
	text-decoration: none;
	color:#007aff;
}



/* LINKS */

a {
	color: #1D9BF6; 
	text-decoration: none;
}

.hint-to-help-link {
  cursor: pointer;
}



/* HEADINGS */

h1.Heading_1, div.Heading_1
{
  font-size: 14pt;
  line-height: 1.6em;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 8px;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

h1 {
	text-overflow: ellipsis;
	font-weight: normal;
	margin: 5px 0 12px;
	font-size: 2.06rem;
}

.landing h1 {
	font-size: 2.06rem;
	color: #474747;
	margin: 5px 0 12px;
}

h2.Heading_2, div.Heading_2
{
  font-size: 18.6px;
  line-height: 1.6em;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 9px;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

h2.SectionExcludeFromOutput
{
  font-size: 14pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 9px;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

h3.ToDoHead
{
  font-size: 11pt;
  font-style: normal;
  font-variant: normal;
  font-family: 'Poppinsbold';
  margin-bottom: 9px;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 2em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
  display: inline;
}

body.nonlatin h3.ToDoHead {
  font-family: sans-serif;
  font-weight: bold;
}

h3 {
	margin-block-start: 1em;
	margin-block-end: 1em;
}

h4.Heading_4, div.Heading_4
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 0.0em;
  margin-left: 0em;
  margin-right: 1em;
  margin-top: 2em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

p.Section {
  font-size: 14pt;
  line-height: 1.6em;
  margin-top: 0;
}

.HomePageSection {
  font-size: 12pt;
}



/* GENERAL STYLES */

p.AnchorGraphic, div.AnchorGraphic
{
  font-size: 8pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 5px;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 5px;
  text-align: center;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}


p.AnchorTip
{
  position: relative;
  font-size: 20pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-align: left;
  text-transform: none;
  vertical-align: baseline;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 15px;
  margin-bottom: 0em;
  padding-left: 0em;
  padding-right: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
}
p.AnchorNote
{
  position: relative;
  font-size: 20pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-align: left;
  text-transform: none;
  vertical-align: baseline;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 15px;
  margin-bottom: 0em;
  padding-left: 0em;
  padding-right: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
}

p.Body, div.Body
{
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 9px;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0px;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
  line-height: 160%;
  
}

p.Body_First, div.Body_First
{
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 9px;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0px;
  padding-top: 0px;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
  line-height: 160%;
}

p.Body_Text, div.Body_Text
{
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 9px;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0px;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
  line-height: 160%;
}

p.Bullet, div.Bullet
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 4px;
  margin-left: 21px;
  margin-right: 0px;
  margin-top: 3px;
  text-align: left;
  text-decoration: none;
  text-indent: -21px;
  text-transform: none;
  line-height: 160%;
}

div.BulletInNoteTip
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 9px;
  margin-right: 0em;
  margin-top: 10px;
  margin-left: 60px;
  text-indent: -20px;
  text-align: left;
  text-transform: none;
  line-height: 1.6em;
  vertical-align: baseline;
}

p.Bullet_Indent, div.Bullet_Indent
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 3px;
  margin-left: 0px;
  margin-right: 0em;
  margin-top: 3px;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

p.BulletInBullet, div.BulletInBullet
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 9px;
  margin-left: 20px;
  margin-right: 0em;
  margin-top: 0px;
  text-align: left;
  text-indent: -15px;
  text-transform: none;
  vertical-align: baseline;
}

p.BulletInTable, div.BulletInTable
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 4px;
  margin-left: 20px;
  margin-right: 0px;
  margin-top: 3px;
  text-align: left;
  text-decoration: none;
  text-indent: -20px;
  text-transform: none;
  line-height: 160%;
}

p.Caption, div.Caption
{
  font-size: 10pt;
  font-style: italic;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 1em;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0.5em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

p.Caption1Line, div.Caption1Line
{
  font-size: 10pt;
  font-style: italic;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 0.5em;
  margin-left: 0.30456em;
  margin-right: 0em;
  margin-top: 0.5em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

p.CaptionBrushstroke
{
  font-size: 10pt;
  font-style: italic;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 0.0em;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0.0em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

p.CaptionInTable, div.CaptionInTable
{
  font-size: 10pt;
  font-style: italic;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 0.0em;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0.0em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

p.CaptionMultiLine, div.CaptionMultiLine
{
  font-size: 10pt;
  font-style: italic;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 0.5em;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0.5em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

p.CaptionOneLine, div.CaptionOneLine
{
  font-size: 10pt;
  font-style: italic;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 0.5em;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0.5em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}
p.CaptionNoIndent
{
  font-size: 10pt;
  font-style: italic;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 0.5em;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0.5em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

center
{
  padding-bottom: 1px;
 }

p.Code, div.Code
{
  font-family: 'Courier New';
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 1em;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 1em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

p.feedback
{
  font-size: 10pt;
  font-style: italic;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 1em;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0.5em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

div.feedback
{
  margin-top: 13em;
}
p.First_Step, div.First_Step
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 4px;
  margin-left: 21px;
  margin-right: 0px;
  margin-top: 3px;
  text-align: left;
  text-decoration: none;
  text-indent: -21px;
  text-transform: none;
  line-height: 160%;
}

p.Glos_Definition, div.Glos_Definition
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 0.0em;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 2.0em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

p.Glos_Term, div.Glos_Term
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-family: 'Poppinsbold';
  margin-bottom: 0.0em;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 2em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

body.nonlatin p.Glos_Term, body.nonlatin div.Glos_Term {
  font-family: sans-serif;
  font-weight: bold;
}

p.HelpTopicCategory, div.HelpTopicCategory
{
  font-style: normal;
  font-size: 10pt;
  font-variant: normal;
  font-family: 'Poppinsbold';
  line-height: 1.6em;
  margin-bottom: 0px;
  margin-top: 0px;
}

body.nonlatin p.HelpTopicCategory, body.nonlatin div.HelpTopicCategory {
  font-family: sans-serif;
  font-weight: bold;
}

p.HelpTopicLink, div.HelpTopicLink
{
  font-style: normal;
  font-size: 10pt;
  font-variant: normal;
  font-weight: normal;
  line-height: 1.6em;
  margin-bottom: 0px;
  margin-top: 0px;
}

div.HomePage_Heading
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-family: 'Poppinsbold';
  margin-bottom: 5px;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 15px;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}
body.nonlatin p.HomePage_Heading {
  font-family: sans-serif;
  font-weight: bold;
}

p.HomePageTitle
{
  font-size: 14pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 1em;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

div.Indented
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 4px;
  margin-left: 22px;
  margin-right: 0px;
  margin-top: 3px;
  text-align: left;
  text-decoration: none;
  text-indent: 0px;
  text-transform: none;
  line-height: 160%;
}

p.Important, div.Important
{
  font-size: 10pt;
  font-style: italic;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 0.3em;
  margin-left: 0.2em;
  margin-right: 0em;
  margin-top: 0.3em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

div.MiniTOC
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 15px;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 15px;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
  line-height: 1.6em;
}

p.Last_Bullet, div.Last_Bullet
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 4px;
  margin-left: 21px;
  margin-right: 0px;
  margin-top: 3px;
  text-align: left;
  text-decoration: none;
  text-indent: -21px;
  text-transform: none;
  line-height: 160%;
}

p.Last_Bullet_Indent, div.Last_Bullet_Indent
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 0.0em;
  margin-left: 14.184em;
  margin-right: 0em;
  margin-top: 1.0em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

p.Last_Note, div.Last_Note
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 0.0em;
  margin-left: 3em;
  margin-right: 0em;
  margin-top: 15px;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
  line-height: 160%;
  min-height: 22px;
}

p.Last_Step, div.Last_Step
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 4px;
  margin-left: 21px;
  margin-right: 0px;
  margin-top: 3px;
  text-align: left;
  text-decoration: none;
  text-indent: -21px;
  text-transform: none;
  line-height: 160%;
}

p.Last_Step_Bullet, div.Last_Step_Bullet
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 9px;
  margin-right: 0em;
  margin-top: 10px;
  margin-left: 40px;
  text-indent: -20px;
  text-align: left;
  text-transform: none;
  line-height: 1.6em;
  vertical-align: baseline;
}

p.Last_Step_Indent, div.Last_Step_Indent
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 9px;
  margin-left: 15px;
  margin-right: 0em;
  margin-top: 3px;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

p.Last_Tip, div.Last_Tip
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 5px;
  margin-left: 3em;
  margin-right: 0em;
  margin-top: 20px;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
  line-height: 160%;
  min-height: 22px;
}

p.LearnMore, div.LearnMore
{
  font-size: 12pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-top: 12px;
  margin-bottom: -2px;
}

p.Legal, div.Legal
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 0.0em;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 1.0em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

p.Movie
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-align: left;
  text-transform: none;
  vertical-align: baseline;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0.4em;
  margin-bottom: 0em;
  padding-left: 0em;
  padding-right: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
}

p.MovieText
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-align: left;
  text-transform: none;
  vertical-align: baseline;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0.4em;
  margin-bottom: 0em;
  padding-left: 0em;
  padding-right: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
}

p.NewTipNote, div.NewTipNote
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 0.3em;
  margin-left: 3em;
  margin-right: 0em;
  margin-top: 0.3em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
  line-height: 160%;
}

p.Note, div.Note
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 0.0em;
  margin-left: 3em;
  margin-right: 0em;
  margin-top: 1em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
  line-height: 160%;
  min-height: 22px;
 }

p.NoteInStep, div.NoteInStep
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 0.0em;
  margin-left: 1.9em;
  margin-right: 0em;
  margin-top: 0.3em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

p.OnlineContent, div.OnlineContent
{
  font-style: normal;
  font-size: 10pt; 
  font-variant: normal;
  font-family: 'Poppinsbold';
  margin-bottom: 0px;
  margin-top: 0px;
  line-height: 1.6em;
  vertical-align: top;
}

body.nonlatin p.OnlineContent, body.nonlatin div.OnlineContent {
  font-family: sans-serif;
  font-weight: bold;
}

div.OrderedList
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 4px;
  margin-left: 21px;
  margin-right: 0px;
  margin-top: 3px;
  text-align: left;
  text-decoration: none;
  text-indent: -21px;
  text-transform: none;
  line-height: 160%;
}

p.Single_Step, div.Single_Step
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 4px;
  margin-left: 21px;
  margin-right: 0px;
  margin-top: 3px;
  text-align: left;
  text-decoration: none;
  text-indent: -21px;
  text-transform: none;
  line-height: 160%;
}

div.space_above_procedure
{
 padding-top: 20px;
}
div.space_above_toc_toggle
{
 border-bottom:1px solid #e4e4e4; 
 margin-bottom: 5px; 
 margin-top: 10px;
}
div.space_below_toc_toggle
{
 border-bottom:1px solid #e4e4e4; 
 margin-bottom: 15px; 
 margin-top: -10px;
}

p.Step, div.Step
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 4px;
  margin-left: 21px;
  margin-right: 0px;
  margin-top: 3px;
  text-align: left;
  text-decoration: none;
  text-indent: -21px;
  text-transform: none;
  line-height: 160%;
}

p.Step_Bullet, div.Step_Bullet
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 9px;
  margin-right: 0em;
  margin-top: 10px;
  margin-left: 40px;
  text-indent: -20px;
  text-align: left;
  text-transform: none;
  line-height: 1.6em;
  vertical-align: baseline;
}

p.Step_Indent, div.Step_Indent
{
  font-size:8pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 3px;
  margin-left: 15px;
  margin-right: 0em;
  margin-top: 7px;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

p.Sub_Heading, div.Sub_Heading
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-family: 'Poppinsbold';
  margin-bottom: 5px;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 15px;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

body.nonlatin p.Sub_Heading, body.nonlatin div.Sub_Heading {
  font-family: sans-serif;
  font-weight: bold;
}

p.Table_Head, div.Table_Head
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-family: 'Poppinsbold';
  margin-bottom: 0.0em;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 2em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  text-decoration: none;
  vertical-align: baseline;
}

body.nonlatin p.Table_Head, body.nonlatin div.Table_Head {
  font-family: sans-serif;
  font-weight: bold;
}

p.Table_Para_Space, div.Table_Para_Space
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 0.0em;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0.3em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

p.Table_Text, div.Table_Text
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 0.0em;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 8px;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
  line-height: 160%; 
}

div.TableTextHome
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 0.0em;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 8px;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
  line-height: 160%; 
} 

p.Tip
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 5px;
  margin-left: 3em;
  margin-right: 0em;
  margin-top: 20px;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
  line-height: 160%;
  min-height: 22px;
}

div.UnorderedListSecondLevel
{
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 9px;
  margin-right: 0em;
  margin-top: 10px;
  margin-left: 60px;
  text-indent: -20px;
  text-align: left;
  text-transform: none;
  line-height: 1.6em;
  vertical-align: baseline;
}

p.Video
{
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 9px;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0px;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

span.BackToTopLink
{
float: right;
display: inline;
font-size: 10pt;

}
img.BackToTopLink
 {
	
	display: run-in;
	float: right;
	vertical-align: middle;
}

span.Bold
{
  font-variant: normal;
  font-family: 'Poppinsbold';
  text-transform: none;
  vertical-align: baseline;
}

body.nonlatin span.Bold {
  font-family: sans-serif;
  font-weight: bold;
}

span.Code
{
  font-family: 'Courier New';
  font-size: 1em;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  vertical-align: baseline;
}

span.Default
{
  font-size: 1em;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  vertical-align: baseline;
}

span.Hypertext
{
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  vertical-align: baseline;
}

span.Italic
{
  font-style: italic;
  font-variant: normal;
  text-transform: none;
  vertical-align: baseline;
}

span.Number
{
  font-size: 1.0em;
  font-style: normal;
  font-variant: normal;
  font-family: 'Poppinsbold';
  text-transform: none;
  vertical-align: baseline;
}

body.nonlatin span.Number {
  font-family: sans-serif;
  font-weight: bold;
}

span.ordered_list_number
{
  font-variant: normal;
  font-family: 'Poppinsbold';
  text-transform: none;
  vertical-align: baseline;
  margin-left: 0px;
  margin-right: 10px;
}

body.nonlatin span.ordered_list_number {
  font-family: sans-serif;
  font-weight: bold;
}

span.Onestep
{
  font-family: 'Arial';
  font-size: 1.0em;
  font-style: normal;
  font-variant: normal;
  font-family: 'Poppinsbold';
  text-transform: none;
  vertical-align: baseline;
}

body.nonlatin span.Onestep {
  font-family: sans-serif;
  font-weight: bold;
}

span.space_after_bullet
{
  margin-right: 0em;
  margin-left: 12px;
}

span.space_after_number
{
  margin-right: 0em;
  margin-left: 12px;
}

span.space_after_video_icon_help
{
  margin-right: 0px;
  margin-left: 12px;
}

span.UI_for_Captions
{
  font-style: italic;
  font-variant: normal;
  font-family: 'Poppinsbold';
  text-transform: none;
  vertical-align: baseline;
}

body.nonlatin span.UI_for_Captions {
  font-family: sans-serif;
  font-weight: bold;
}

span.UI_for_Steps
{
  font-variant: normal;
  font-family: 'Poppinsbold';
  text-transform: none;
  vertical-align: baseline;
}

body.nonlatin span.UI_for_Steps {
  font-family: sans-serif;
  font-weight: bold;
}

span.UI_for_Steps_in_Tables
{
  font-style: normal;
  font-variant: normal;
  font-family: 'Poppinsbold';
  text-transform: none;
  vertical-align: baseline;
}

body.nonlatin span.UI_for_Steps_in_Tables {
  font-family: sans-serif;
  font-weight: bold;
}

table.brushstroke
{
  border-collapse: collapse;
  border-spacing: 4px;
  margin-bottom: 0.0em;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0.0em;
  padding-bottom: 1em;
  padding-left: 0em;
  padding-right: 0em;
  padding-top: 0.3em;
  text-align: left;
  width: 100%;
}

table.Ventura_Table
{
  border-collapse: collapse;
  border-spacing: 4px;
  margin-bottom: 0.0em;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0.0em;
  padding-bottom: 1em;
  padding-left: 0em;
  padding-right: 0em;
  padding-top: 0em;
  text-align: left;
  width: 100%;
}

table[class=disclaimer] td
{
   padding-top: 1em;
}

table.MiniTOC
{
  border-collapse: collapse;
  font-size: 10pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 9px;
  text-align: left;
  text-decoration: none;
  text-indent: 0px;
  text-transform: none;
  width: 100%;
}


img.Default
{
  position: relative;
  top: 6px;
}
img.Brushstroke
{
border: 1px solid #e7e7e7;
  max-width: 100%;
  max-height: 100%;
} 
img.Inline
{
  top: 6px;
  vertical-align: middle;
}

img.Sample_Large
{
  top: 6px;
  vertical-align: middle;
  border: 1px solid #e7e7e7;
}
img.Sample_Medium
{
  top: 6px;
  vertical-align: middle;
  border: 1px solid #e7e7e7;
}
img.Sample_Small
{
  top: 6px;
  vertical-align: middle;
	border: 1px solid #e7e7e7;
}

img.Screen_Icon
{
  top: 6px;
  vertical-align: middle;
}
img.Screen_Large
{
  top: 6px;
  vertical-align: middle;
  border: 1px solid #e7e7e7;
}

img.Screen_Medium
{
  top: 6px;
  vertical-align: middle;
  border: 1px solid #e7e7e7;
}

img.Tip, img.Note
{
  position: absolute;
}

img.Tip {
  margin-top: 3px;
}

img.svg
{
  top: 6px;
  vertical-align: middle;
}

img.svg_sample_medium
{
  vertical-align: middle;
  border: 1px solid #e7e7e7;
}

#disclaimer
{
  text-align: left;
  clear: both;

}

p {
	margin-block-start: 1em;
	margin-block-end: 1em;
}

p.Body, p.Body_First {
	font-size: 10pt;
	font-weight: normal;
	margin-bottom: 9px;
	vertical-align: baseline;
	line-height: 160%;
}

.feedback {
	padding-top: 1.6em;
}

.AnchorGraphic {
	font-size: 8pt;
	margin-top: 5px;
	margin-bottom: 5px;
}

hr {
	display: block;
	height: 0;
	box-sizing: content-box;
	border: 1px solid rgb(191, 191, 191);
	border-bottom-width: 0px;
	margin-block-start: 0.5em;
	margin-block-end: 0.5em;
	margin-inline-start: auto;
	margin-inline-end: auto;
	width: 100;
	background-color: rgb(191, 191, 191);
}

.Chapter_Number {
	margin: .3em 0 1em;
}



/* TABLES */

p.AnchorTable, div.AnchorTable
{
  font-size: 0em;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-bottom: 0em;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0.0em;
  text-align: left;
  text-indent: 0em;
  text-transform: none;
  vertical-align: baseline;
}

table {
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	border-collapse: collapse;
	table-layout: fixed;
	font-size: .71rem;
	line-height: 1.065rem;
}

tbody {
	border-top: 1px solid #e4e4e4;
}

tr {
	border-bottom: 1px solid #e4e4e4;
	page-break-inside: avoid;
	vertical-align: top;
}

td {
	padding: .65em .6em .6em .5em;	
}

td>:last-child, th>:last-child {
	margin-bottom: 0;
}

td>:first-child, th>:first-child {
	margin-top: 0;
}



/* BREADCRUMBS */

#breadcrumbs {
	font-size: 12px;
  line-height: 1.6em;
  margin-bottom: .5rem;
}

#breadcrumbs a {
	color: #007aff;
}

.breadcrumb-separator {
  margin: 0 3px;
}



/* PREVIOUS/NEXT BUTTONS */

#previousNextBar {
	width: 100%;
	overflow: hidden;
}

.prev, .next {
	padding: 19px;
	font-size: .87rem;
	text-decoration: none;
}

.prev {
	float: left;
	background: url(../images/nav-left.svg) left no-repeat;
	background-size: 10px 20px;
}

.next {
	float: right;
	background: url(../images/nav-right.svg) right no-repeat;
	background-size: 10px 20px;
}



/* COPYRIGHT INFORMATION */

.copyright-text {
	font-size: .65rem;
	color: #b1b1b1;
	text-align: center;
}



/* LANGUAGE SWITCHER BAR */

.language {
	color #484848;
	font-size: .65rem;
	margin: 5px 0 0;
	text-align: center;
}

.cur-lang {
	color: #007aff;
	cursor: pointer;
	display: inline-block;
}

.lang-icon {
	background-image: url(../images/changelanguage_icon2x.png);
	background-size: 13px 13px;
	width: 13px;
	height: 13px;
	display: inline-block;
	position: relative;
	top: 2px;
	margin-right: .5em;
}



/* FEEDBACK FORM */

#feedback {
	font-size: 10pt;
}

#feedback-overlay {
	position: fixed;
	height: 480px;
	width: 544px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.33);
	z-index: 2000;
	background: white;
	overflow: hidden;
}

#feedback-close {
	position: absolute;
	width: 24px;
	height: 24px;
	left: 16px;
	top: 16px;
	cursor: pointer;
	z-index: 3000;
	background-image: url(../images/close.svg);
	background-size: cover;
}

#setcookiefrm {
	display: none;
}

#feedback-iframe {
	position: absolute;
	left: 0;
	right: 0;
	top: 16px;
	bottom: 0;
	width: 100%;
	height: 100%;
	border: none;
}



/* EXPANDING/COLLAPSING PROCEDURES */

h3.ToDoHead {
	display: block;
	color: #007aff; 
	font-size: 10pt;
	font-weight: normal;
  font-family: 'Poppinsbold';
	margin-top: 0em;
	margin-bottom: 9px;
	cursor: pointer;
}

body.nonlatin h3.ToDoHead {
  font-family: sans-serif;
  font-weight: bold;
}

h3 .ToDoDisclosureTriangle {
	background-image: url(../images/arrow-blue.svg);
	background-size: 1em 1em;
	width: 1em;
	height: 1em;
	display: block;
	float: left;
	margin-top: .23em;
	margin-right: .25em;
	margin-left: -.125em;
	transition:-webkit-transform .1s linear;
	transition:transform .1s linear
}

.Windows h3 .ToDoDisclosureTriangle {
margin-top: 0em;
  
}

h3.ToDoHead.expanded .ToDoDisclosureTriangle { 
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	-webkit-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden
}

.Procedure {
	overflow: hidden;
}

.Procedure > *:last-child {
	padding-bottom: 2em;
}

.Procedure.expanded {
	max-height: 1000em;
	transition: max-height 0.25s ease-in;
}

.Procedure.collapsed {
	max-height: 0;
	transition: max-height 0.15s ease-out;
}

img.svg_inline_help, .apd-topic p img.svg_inline_help {
	width: 22px !important;
	height: 22px !important;
	margin-top: -5px;
} 

img.svg_inline_help, .apd-topic p img.svg_inline_help {
	vertical-align: bottom;
	margin-bottom: -2px;
}



/* EMBEDDED VIDEOS */

.video-container {
	position: relative; 
	padding-bottom: 56.25% !important;
	padding-top: 30px; 
	height: 0;
	overflow: hidden; 
}

.video-container iframe, .video-container object, .video-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; 
}


/* HINTS-SPECIFIC - ALL PLATFORMS */

.Sample_Small_Hint {
  width: 100%;
  margin: .5em 0 .5em 0;
}

.svg_inline_hint {
  vertical-align: middle;
}


/* HINTS-SPECIFIC - MAC */

body.hint.Mac {
  padding: 0;
  margin: 8px;
}

/* For testing purposes, simulate dark background 
body.hint.Mac.Dark {
  background: #333;
}
*/

.Mac .Heading2Hint {
  font-size: 12pt;
  font-weight: normal;
  color: black;
  margin-top: 10px;
}

.Mac.Dark .Heading2Hint {
  color: #ddd;
}

.Mac .ToolNameHint, 
.Mac .BodyHint, 
.Mac .BulletHint, 
.Mac .BulletIndentHint,
.Mac .BulletInBulletHint,
.hint.Mac .HelpTopicCategory,
.hint.Mac .OnlineContent,
.Mac .CaptionHint {
  font-size: 9pt;
  color: black;
  line-height: 1.6em;
}

.Mac.Dark .ToolNameHint, 
.Mac.Dark .AhaHeading, 
.Mac.Dark .AhaBody, 
.Mac.Dark .BodyHint, 
.Mac.Dark .BulletHint, 
.Mac.Dark .BulletIndentHint,
.Mac.Dark .BulletInBulletHint,
.hint.Mac.Dark .HelpTopicCategory,
.hint.Mac.Dark .OnlineContent,
.hint.Mac.Dark .CaptionHint {
  color: #ddd;
}

.Mac .AhaHeading {
  text-align: center;
  font-family: 'Poppinsbold';
  margin-top: 20px;
}

.Mac.nonlatin .AhaHeading {
  font-family: sans-serif;
  font-weight: bold;
}

.Mac .AhaBody {
  text-align: center;
  font-style: italic;
}

.Mac .BodyHint {
  margin: 10px 0 10px;
}

.Mac .BulletHint {
  margin: 10px 0 10px 20px;
  text-indent: -20px;
}

.Mac .BulletInBulletHint {
  margin: 10px 0 10px 40px;
  text-indent: -20px;
}

.Mac .Sample_Small_Hint {
  width: 70%;
  margin-top: 0;
}

.Mac .CaptionHint {
  margin-block-start: 0;
  font-style: italic;
  text-align: center;
}

.Mac .LearnMore {
  color: black;
  margin-top: 9pt;
  line-height: 1em;
}

.Mac.Dark .LearnMore {
  color: #ddd;
}

.Mac .LearnMoreHint {
  margin: 10px 0 10px 0;
}

.Mac .LearnMoreHint tbody {
  border-top: none;
}

.Mac .LearnMoreHint tr {
  border-bottom: none;
}

.Mac .LearnMoreHint tr td {
  padding-left: 0;
  padding-right: 1em;
}

.Mac .LearnMoreHint tr td:first-child {
  width: 18px;
}

.Mac .hint-to-help-link {
  font-size: 9pt;
  line-height: 1.6em;
}

.Mac .AnchorGraphicHint {
  text-align: center;
}

.Mac .BulletIndentHint {
  margin-left: 1.8em;
}



/* HINTS-SPECIFIC - WINDOWS */

body.hint.Windows {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 11px;
  line-height: 1.5em;
  color: black;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: 5px;
  padding: 0;
}

body.hint.Windows.Dark {
  color: #ddd;
}

.hint.Windows * {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.Windows .Heading2Hint {
  margin: 15px 0 12px;
  font-size: 1.3em;
  font-weight: normal;
}

.hint.Windows span.space_after_bullet {
  margin-left: 0.25em;
}

.Windows .AhaHeading {
  text-align: center;
  font-family: 'Poppinsbold';
  margin-top: 20px;
}

.Windows.nonlatin .AhaHeading {
  font-family: sans-serif;
  font-weight: bold;
}

.Windows .AhaBody {
  text-align: center;
  font-style: italic;
}

.Windows .BulletHint {
  padding-left: 1em;
  text-indent: -1em;
  margin: .5em 0 .5em 0;
}

.Windows .BulletInBulletHint {
  padding-left: 2em;
  text-indent: -1em;
  margin: .5em 0 .5em 0;
}

.Windows .BulletIndentHint {
  margin: .5em 0;
}

.Windows .BodyHint {
  /* top | right | bottom | left */
  margin: 1em 0 1em 0;
}

.Windows .BodyHint img.svg_inline_hint,
.Windows .BulletHint img.svg_inline_help,
.Windows .BulletIndentHint img.svg_inline_help,
.Windows .BulletInBulletHint img.svg_inline_help {
  width: 1.5em !important;
  height: 1.5em !important;
  margin-top: 0;
  transform: translateY(-10%);
}

.Windows .CaptionHint {
  margin-block-start: 0;
  font-style: italic;
}

.hint.Windows .LearnMore {
  font-weight: normal;
  font-size: 1.3em;
}

.hint.Windows tbody {
  border: none;
}

.hint.Windows tr {
  border: none;
}

.hint.Windows .HelpTopicCategory {
  font-weight: normal;
}

.hint.Windows .OnlineContent {
  font-weight: normal;
  font-size: 8.5pt;
  line-height: 1.5em;
}

.hint.Windows .OnlineContent:first-child {
  font-size: 10pt;
  line-height: 1.6em;
}

.hint.Windows .hint-to-help-link {
  font-size: .85em;
  line-height: 1.5em;
}

.Windows .LearnMoreHint {
  margin: 8px 0 8px;
}

.Windows .svg_sample_hint {
  width: 100%;  
}