/*******************************************************************************
 *   Theme:         Author-it Magellan Content Override Stylesheet
 *   Author:        Author-it Software Corp (http://www.author-it.com)
 *   Copyright:     Author-it Software Corp, All Rights Reserved
 *   Last Updated:  12-Apr-2020
 *   Version:       2020.R2
 *******************************************************************************/

/*#region Related Topics for Module templates  */
/*******************************************************************************
    This section contains the 'In this section' styles to format the child topics
	for module template parent topics.
        
 *******************************************************************************/

.relatedtopics {
	background-color: #FAFAFA;
	color: #808080;
	border: 0.5px solid #C8C8C8;
	margin: 20pt 0pt 10pt 0pt;
	padding: 10pt;
	font-family: "Roboto", arial, helvetica, sans-serif;
	font-size: 14px;
	}

.relatedheading {
	font-family: "Roboto", arial, helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	letter-spacing: 1px;
	font-weight: 500;
	font-size: 18px;
	padding-bottom: 6pt;
	color: var(--dark-gray-color);
	background-color: inherit;
	float: none;
	clear: none;
	text-align: left;
	text-indent: 0cm;
	}

/*#region TABLES  */
/*******************************************************************************
    This section contains styles to format tables in the Author-it generated 
    content. 

    These tables are surounded by  will all be give a class="table" and the data-width
    attribute containg the table and column width defined in Author-it.

    The selector reference is:
    
    .{topic template name} .table
        div.table-responsive
            .table 
        
 *******************************************************************************/


div.table-responsive {
    margin:10px 10px 10px 0;
}

table.table {
    border-collapse: separate;
    border-spacing: 1px;
    border-radius: 4px;
    border: 1px solid var(--light-gray-color);
    background-color: var(--light-gray-color);
    table-layout: fixed;
    width: inherit;
    box-sizing: border-box;
    box-shadow: 1px 1px 3px var(--light-gray-color);
}

table.table td, table.table th {
    border: none !important;
    background-color: white;
    border-spacing: 0px;
    padding: 5px !important;
	min-width: 12px;
}
table.table th {
    background-color: var(--light-gray-color);
}

.noheader.noborders.noshading table, .noheader.noborders.noshading table td {
	border: none;
	background-color: transparent;
	box-shadow: none;
}

/* specialize tables based on topic template */
.reference .table {
    
}

/*#endregion TABLES */

/*#region LINKS  */
/*******************************************************************************
    This section contains styles to format links created in the Author-it content
    You can use the link templates as a way to reference and change link properties
    The selector reference is:

    .{link template name} a
       
 *******************************************************************************/
 
.jumptemplate a {
	 color: #0078BF;
}
 

.popuponhovertemplate a {
    text-decoration:underline;
    text-decoration-style:dotted;
}

/*#endregion LINKS */

/*#region CONTENT  */
/*******************************************************************************
    This section contains styles to format tables in the Author-it generated 
    content. These tables will all be give a class="table" and the data-width
    attribute containg the table and column width defined in Author-it.
        
 *******************************************************************************/
/* Styles generated by Author-it HTML5 publishing can be added below*/

 body {
    font-family: "Roboto", arial, helvetica, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    font-size: 14px;
    }
 
.bodytext {
    font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: inherit;
    word-spacing: normal;
    letter-spacing: normal;
    vertical-align: baseline;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    margin-top: 6pt;
    margin-bottom: 6pt;
    margin-left: 0pt;
    margin-right: 0pt;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal;
}
.bodytextright {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: inherit;
    word-spacing: normal;
    letter-spacing: normal;
    vertical-align: baseline;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    margin-top: 6pt;
    margin-bottom: 6pt;
    margin-left: 0cm;
    margin-right: 0cm;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
    float: none;
    clear: none;
    text-align: right;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal;
}
.italic {
    font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: italic;
    font-variant: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
}
	
.strong, .specialbold {
	display: inline;
    font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: italic;
    color: var(--text-color);
    background-color: inherit;
    vertical-align: baseline;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
}

.bold {
	display: inline;
    font-family: "Roboto", arial, helvetica, sans-serif;
	font-style: normal;
    font-weight: bold;
    color: var(--text-color);
    background-color: inherit;
    vertical-align: baseline;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;	
}

	   
ul.listbullet, ul.listbullet2, ul.listbullet3 {
    list-style-type: square;
    list-style-image: none;
    list-style-position: outside;
    margin-top: 3pt;
    margin-bottom: 3pt;
    padding-left: 12pt;
}

li.listbullet, p.listbullet, li.listbullet2, p.listbullet2, li.listbullet3, p.listbullet3 {
    font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: inherit;
    word-spacing: normal;
    letter-spacing: normal;
    vertical-align: baseline;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    margin-top: 0pt;
    margin-bottom: 6pt;
    margin-left: 0pt;
    margin-right: 0pt;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal;
}

.marginnote {
    font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: var(--primary-light-color);
    word-spacing: normal;
    letter-spacing: normal;
    vertical-align: baseline;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    margin-top: 6pt;
    margin-bottom: 6pt;
    margin-left: 0cm;
    margin-right: 6pt;
    padding: 10px;
    border-radius: 4px;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal;
}

.marginnote {
    font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--text-color);
    background-color: lightyellow;
    word-spacing: normal;
    letter-spacing: normal;
    vertical-align: baseline;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    margin-top: 6pt;
    margin-bottom: 6pt;
    margin-left: 0cm;
    margin-right: 6pt;
    padding: 10px;
    border-radius: 4px;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal;
}

.emphasis {
	display: inline;
    font-style: italic;
    font-weight:600;
    color: inherit;
    background-color: inherit;
    vertical-align: baseline;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
}

.superscript {
	display: inline;
    font-size: 6pt;
    color: inherit;
    background-color: inherit;
    vertical-align: super;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
}
	   
ul.tablelistbullet, ul.tablelistbullet2 {
    list-style-type: square;
    list-style-image: none;
    list-style-position: outside;
    margin-top: 0pt;
    margin-bottom: 0pt;
    padding-left: 12pt;
}

li.tablelistbullet, .tablelistbullet, .tablelistbullet2, li.s796 {
    font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: inherit;
    word-spacing: normal;
    letter-spacing: normal;
    vertical-align: baseline;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    margin-top: 0pt;
    margin-bottom: 0pt;
    margin-left: 0cm;
    margin-right: 0cm;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 6pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0pt;
	width: auto;
    height: auto;
    white-space: normal;
}

li.tablelistbullet2 {
	text-indent: 1cm;
}

.tablelistcontinue {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: inherit;
    word-spacing: normal;
    letter-spacing: normal;
    vertical-align: middle;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    margin-top: 0pt;
    margin-bottom: 0pt;
    margin-left: 0cm;
    margin-right: 0cm;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 6pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 12pt;
    width: auto;
    height: auto;
    white-space: normal;
}

ol.listalpha2 {
	list-style-type: Lower-Alpha;
    list-style-position: outside;
    margin-top: 6pt;
    margin-bottom: 0pt;
}
		
li.listalpha2, li.s793 {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: inherit;
    word-spacing: normal;
    letter-spacing: normal;
    vertical-align: baseline;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    margin-top: 6pt;
    margin-bottom: 0pt;
    margin-left: 0pt;
    margin-right: 0pt;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal;
       }
	   
.tableheading {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 16px;
    color:#0078BF;
    background-color: inherit;
    word-spacing: normal;
    letter-spacing: 1px;
    vertical-align: middle;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    margin-top: 0pt;
    margin-bottom: 2pt;
    margin-left: -2pt;
    margin-right: -2pt;
    padding-top: 6pt;
    padding-bottom: 6pt;
    padding-left: 6pt;
    padding-right: 6pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal;
}

.tableheadingwhite {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 16px;
    color: white;
    background-color: inherit;
	vertical-align: middle;
    margin-top: 2pt;
    margin-bottom: 2pt;
    margin-left: -2pt;
    margin-right: -2pt;
    padding-top: 6pt;
    padding-bottom: 6pt;
    padding-left: 6pt;
    padding-right: 6pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal;
}

.tableheadingcenteredwhite {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 16px;
    color: white;
    background-color: inherit;
	vertical-align: middle;
    margin-top: 2pt;
    margin-bottom: 2pt;
    margin-left: -2pt;
    margin-right: -2pt;
    padding-top: 6pt;
    padding-bottom: 6pt;
    padding-left: 6pt;
    padding-right: 6pt;
    float: none;
    clear: none;
    text-align: center;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal;
}
	   
.tablebodytext {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: inherit;
    word-spacing: normal;
    letter-spacing: normal;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    margin-top: 0pt;
    margin-bottom: 6pt;
    margin-left: 0cm;
    margin-right: 0cm;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 6pt;
    float: none;
    clear: none;
	vertical-align: middle;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal;
}

.tablecentered {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: inherit;
    word-spacing: normal;
    letter-spacing: normal;
    vertical-align: baseline;
	text-align: center;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    margin-top: 0pt;
    margin-bottom: 0pt;
    margin-left: 0cm;
    margin-right: 0cm;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
	vertical-align: middle;
    float: none;
    clear: none;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal;
}

.tableheadingcentered {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 16px;
    color:#0078BF;
    background-color: inherit;
    word-spacing: normal;
    letter-spacing: 1px;
	text-align: center;
    vertical-align: middle;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    margin-top: 0pt;
    margin-bottom: 2pt;
    margin-left: -2pt;
    margin-right: -2pt;
    padding-top: 6pt;
    padding-bottom: 6pt;
    padding-left: 6pt;
    padding-right: 6pt;
    float: none;
    clear: none;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal;
}
	   
.expandingblock {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: inherit;
    word-spacing: normal;
    letter-spacing: normal;
    vertical-align: baseline;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 4px;
    margin-right: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    border-color: #AFAFAF;
    border-top-style: dotted;
    border-top-width: 1px;
    border-top-color: #AFAFAF;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #AFAFAF;
    border-left-style: dotted;
    border-left-width: 1px;
    border-left-color: #AFAFAF;
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: #AFAFAF;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: 90%;
    height: auto;
    white-space: normal;
}

.keyboard {
	display: inline;
    font-family: "Courier New", verdana, arial, helvetica, sans-serif;
    color: inherit;
    background-color: inherit;
    vertical-align: baseline;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
}
	   
.procedureheading {
	font-family: "Roboto", arial, helvetica, sans-serif;
	list-style: none;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    font-size: 16px;
    color: var(--primary-color);
    background-color: inherit;
    word-spacing: normal;
    letter-spacing: normal;
    vertical-align: baseline;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    margin-top: 12pt;
    margin-bottom: 3pt;
    margin-left: 0cm;
    margin-right: 0cm;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal;
}

p.procedureheading::before {
    content: '\f0da';
    padding-right:8px;
    font-family: FontAwesome;
    /*color: var(--dark-gray-color);*/
    font-weight: bold;
    }
	
ol.listnumber {
	list-style-type: Decimal;
    list-style-position: outside;
    margin-top: 6pt;
    margin-bottom: 0pt;
	padding-left:12pt;
		
        }
li.listnumber, li.s561 {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: inherit;
    word-spacing: normal;
    letter-spacing: normal;
    vertical-align: baseline;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    margin-top: 6pt;
    margin-bottom: 0pt;
    margin-left: 0pt;
    margin-right: 0pt;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal;
}

.note, listnote {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: #DFDFDF;
	border-radius:3px;
	padding: 15px;
	padding-left: 35px;
	position: relative;
	border: 1px solid #DFDFDF;
	margin-bottom: 6pt;		
}
	   
p.note::before {
	content: '\f075';
	padding-right: 10px;
	font-family: FontAwesome;
	font-weight: normal;
	display: block;
	position: absolute;
	color: black;
	left: 10px;
	top: 15px;
	padding-right: 20px;	
}

.notefirstparagraph {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: #DFDFDF;
	border-radius:3px;
	padding-top: 15px;
	padding-left: 35px;
	padding-bottom: 0px;
	padding-right: 15px;
	position: relative;
	border: 1px solid #DFDFDF;
	margin-bottom: 0pt;				
}
	   
p.notefirstparagraph::before {
	content: '\f075';
	padding-right: 10px;
	font-family: FontAwesome;
	font-weight: normal;
	display: block;
	position: absolute;
	color: black;
	left: 10px;
	top: 15px;
	padding-right: 20px;	
}

.notemiddleparagraph {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: #DFDFDF;
	padding-top: 0px;
	padding-left: 35px;
	padding-bottom: 0px;
	padding-right: 15px;
	position: relative;
	border: 1px solid #DFDFDF;
	margin-bottom: 0pt;
	border-radius: 3px;					
}

.notelastparagraph {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: #DFDFDF;
	padding-top: 0px;
	padding-left: 35px;
	padding-bottom: 15px;
	padding-right: 15px;
	position: relative;
	border: 1px solid #DFDFDF;
	margin-bottom: 6pt;
	border-radius: 3px;					
}
   
.tip {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: #DEF49C;
	border-radius:3px;
	padding: 15px;
	padding-left: 35px;
	position: relative;
	border: 1px solid #DEF49C;
	margin-bottom: 6pt;		
}
	   
 p.tip::before {
	content: '\f0eb';
	padding-right: 10px;
	font-family: FontAwesome;
	font-weight: normal;
	display: block;
	position: absolute;
	color: black;
	left: 10px;
	top: 15px;
	padding-right: 20px;	
}

.tipfirstparagraph {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: #DEF49C;
	border-radius:3px;
	padding-top: 15px;
	padding-left: 35px;
	padding-bottom: 0px;
	padding-right: 15px;
	position: relative;
	border: 1px solid #DEF49C;
	margin-bottom: 0pt;		
}
	   
 p.tipfirstparagraph::before {
	content: '\f0eb';
	padding-right: 10px;
	font-family: FontAwesome;
	font-weight: normal;
	display: block;
	position: absolute;
	color: black;
	left: 10px;
	top: 15px;
	padding-right: 20px;	
}

.tipmiddleparagraph {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: #DEF49C;
	padding-top: 0px;
	padding-left: 35px;
	padding-bottom: 0px;
	padding-right: 15px;
	position: relative;
	border: 1px solid #DEF49C;
	margin-bottom: 0pt;
	border-radius: 3px;	
}

.tiplastparagraph {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: #DEF49C;
	padding-top: 0px;
	padding-left: 35px;
	padding-bottom: 15px;
	padding-right: 15px;
	position: relative;
	border: 1px solid #DEF49C;
	margin-bottom: 6pt;
	border-radius: 3px;	
}

.warning {
	font-family: "Roboto", arial, helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 14px;
	color: var(--dark-gray-color);
	background-color: #FFD491;
	padding: 15px;
	padding-left: 35px;
	position: relative;
	border: 1px solid #FFD491;
	border-radius:3px;
	margin-bottom: 6pt;	
}

p.warning::before {
	content: '\f071';
	padding-right: 10px;
	font-family: FontAwesome;
	font-weight: normal;
	display: block;
	position: absolute;
	color: black;
	left: 10px;
	top: 15px;
	padding-right: 20px;
}

.warningfirstparagraph {
    font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: #FFD491;
	border-radius:3px;
	padding-top: 15px;
	padding-left: 35px;
	padding-bottom: 0px;
	padding-right: 15px;
	position: relative;
	border: 1px solid #FFD491;
	margin-bottom: 0pt;
}

p.warningfirstparagraph::before {
    content: '\f071';
    padding-right: 10px;
    font-family: FontAwesome;
    font-weight: normal;
	display: block;
	position: absolute;
	color: black;
	left: 10px;
	top: 15px;
	padding-right: 20px;
}

.warningmiddleparagraph {
    font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: #FFD491;
	padding-top: 0px;
	padding-left: 35px;
	padding-bottom: 0px;
	padding-right: 15px;
	position: relative;
	border: 1px solid #FFD491;
	margin-bottom: 0pt;
	border-radius: 3px;
}

.warninglastparagraph {
    font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: #FFD491;
	padding-top: 0px;
	padding-left: 35px;
	padding-bottom: 15px;
	padding-right: 15px;
	position: relative;
	border: 1px solid #FFD491;
	margin-bottom: 6pt;
	border-radius: 3px;
}

.buttons {
	display: inline;
    font-weight: 600;
    color: var(--dark-gray-color);
    background-color: inherit;
    vertical-align: baseline;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
}
	   
.listcontinue, .listcontinue2, .listcontinue3 {
    display: block;
    font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: inherit;
    word-spacing: normal;
    letter-spacing: normal;
    vertical-align: baseline;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    margin-top: 0pt;
    margin-bottom: 6pt;
    margin-left: 0pt;
    margin-right: 0pt;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal;
}

.wingdings {
	display: inline;
    font-family: "Wingdings", webdings, verdana, arial, helvetica, sans-serif;
    color: var(--dark-gray-color);
    background-color: inherit;
    vertical-align: baseline;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
}

.heading1,h1 {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
	font-variant: normal;
    font-weight: 600;
    font-size: 22px;
	letter-spacing: 1px;
    color: var(--dark-gray-color);
    background-color: inherit;
    word-spacing: normal;
    vertical-align: baseline;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    margin-top: 12pt;
    margin-bottom: 6pt;
    margin-left: 0cm;
    margin-right: 0cm;
    padding-top: 6pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal;
   }
   
.heading2, h2{
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    font-size: 22px;
	letter-spacing: 1px;
    color: var(--dark-gray-color);
    background-color: inherit;
    word-spacing: normal;
    vertical-align: baseline;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    margin-top: 12pt;
    margin-bottom: 6pt;
    margin-left: 0cm;
    margin-right: 0cm;
	padding-top: 6pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal;
   }
   
.heading3, h3 {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 20px;
	letter-spacing: 1px;
    color: var(--dark-gray-color);
    background-color: inherit;
    word-spacing: normal;
    vertical-align: baseline;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    margin-top: 12pt;
    margin-bottom: 6pt;
    margin-left: 0cm;
    margin-right: 0cm;
    padding-top: 6pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal;
   }
	   
.heading4, h4 {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 20px;
	letter-spacing: 1px;
    color: var(--dark-gray-color);
    background-color: inherit;
    word-spacing: normal;
    vertical-align: baseline;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    margin-top: 12pt;
    margin-bottom: 6pt;
    margin-left: 0cm;
    margin-right: 0cm;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal;
    }	   
	   
.heading5, h5, .subheading {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 20px;
	letter-spacing: 1px;
    color: var(--dark-gray-color);
    background-color: inherit;
    word-spacing: normal;
    vertical-align: baseline;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    margin-top: 12pt;
    margin-bottom: 6pt;
    margin-left: 0cm;
    margin-right: 0cm;
    padding-top: 6pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal;
    }
	
.heading6, h6 {
	font-family: "Roboto", arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 20px;
	letter-spacing: 1px;
    color: var(--dark-gray-color);
    background-color: inherit;
    word-spacing: normal;
    vertical-align: baseline;
    text-decoration: none;
    text-transform: none;
    line-height: 1.5;
    margin-top: 12pt;
    margin-bottom: 6pt;
    margin-left: 0cm;
    margin-right: 0cm;
    padding-top: 6pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal;
   }
   
.loskopje {
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: normal;
	color: #93C120;
	margin-top: 12pt;
	}
	
.loskopje2zwartbold {
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: normal;
	color: #93C120;
	margin-top: 12pt;
	}

	

.script {
	font-family: "Courier New", Courier, monospace;
	font-variant: normal;
	font-weight: normal;
	font-size: 14px;
	color: var(--dark-gray-color);
	background-color: #E8E6E6;
	word-spacing: normal;
    margin-top: 0pt;
    margin-bottom: 0pt;
    margin-left: 6pt;
    margin-right: 6pt;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 6pt;
    padding-right: 6pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0.5cm;
    width: auto;
    height: auto;
    white-space: pre;
}

.script_noindent {
	font-family: "Courier New", Courier, monospace;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: #E8E6E6;
    word-spacing: normal;
    margin-top: 0pt;
    margin-bottom: 0pt;
    margin-left: 6pt;
    margin-right: 6pt;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 6pt;
    padding-right: 6pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: pre;
}

.script2 {
	font-family: "Courier New", Courier, monospace;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: #E8E6E6;
    word-spacing: normal;
    margin-top: 0pt;
    margin-bottom: 0pt;
    margin-left: 6pt;
    margin-right: 6pt;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 6pt;
    padding-right: 6pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 1cm;
    width: auto;
    height: auto;
    white-space: pre;
}

.script3 {
	font-family: "Courier New", Courier, monospace;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: #E8E6E6;
    word-spacing: normal;
    margin-top: 0pt;
    margin-bottom: 0pt;
    margin-left: 6pt;
    margin-right: 6pt;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 6pt;
    padding-right: 6pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 1.5cm;
    width: auto;
    height: auto;
    white-space: pre;
}


/*#endregion CONTENT */




/*#region IMAGES */ 


.table img.linkedicon_pictogrammenfiletemplate{
min-width: 12px;
}

.table img.linkedprocedurefiletemplate{
min-width: 30%;
}

 
/*#endregion IMAGES */



/*#region VIDEOS */ 

/*******************************************************************************
    This section contains styles to format videos in the Author-it generated 
    content.
        
 *******************************************************************************/

.p video {
	width: calc(100% - 20px);
	max-width: 700px;
	height: 100%;
}
.video video {
	width: 100%;
	height: 100%;
}
.video .video-iframe {
	display: block;
	position: relative;
	padding-top: calc(56% + 5px);
}

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

/*#endregion VIDEOS */

 /* start region links over glossary terms */
 .content_block span[data-glossaryitemid] {
     color: var(--secondary-color);
     cursor: pointer;
 }
 /* end region links over glossary terms */
 
 
 /* #START REGION homepage headings, footers etc. */
 
 .testimonials_header h3 {
	 margin: 0;
	 padding: 10px;
	 font-size: 18px;
	 font-weight: 400;
	 text-align: center;
	 background-color: var(--panel-head-bg-color);
	 color: var(--panel-head-text-color);
 }
.landing_content_box h3 {
	 margin: 0;
	 padding: 10px;
	 font-size: 18px;
	 font-weight: 400;
	 text-align: center;
	 background-color: var(--panel-head-bg-color);
	 color: var(--panel-head-text-color);
 }

.footer_links {
	font-family: "Roboto", arial, helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
}

 .ngRouterLinkNav {
	 margin: 0;
	 padding: 10px;
	 font-size: 16px;
	 font-weight: 400;
	 text-align: center;
 }

 /* Title and Search bar section */
 .mainpage_block.jumbotron {
     background-color: transparent !important;
     padding:0 15% 0 17%;
     margin: 80px 0 20px 0;
	 }
 
 /* Site title - comes from the Book Web Title property of the Book */
 .mainpage_block.jumbotron > h1 {
     margin: 50px 0 0 0;
     color: var(--title-color);
	 font-weight: 600;
     font-size: 32px;
     text-shadow: -1px -1px 0 var(--title-outline-color), 1px -1px 0 var(--title-outline-color), -1px 1px 0 var(--title-outline-color), 1px 1px 0 var(--title-outline-color);
 }
 
  /* Search results title and text */

#shortened_search_result > div td span {
     font-family: "Roboto", arial, helvetica, sans-serif;
	 font-size: 20px;
     font-weight: normal;
}

#shortened_search_result > div td a {
    font-family: "Roboto", arial, helvetica, sans-serif;
    font-weight: normal;
    line-height: 1.5;
    font-size: 14px;
}  
 
 /* Site sub-title - comes from the Book Web Super Title property of the Book */
 .mainpage_block.jumbotron > p {
     margin: 40px 0 0 0;
     color: var(--title-color);
     font-size: 24px;
     font-weight:500;
     text-shadow: -1px -1px 0 var(--title-outline-color), 1px -1px 0 var(--title-outline-color), -1px 1px 0 var(--title-outline-color), 1px 1px 0 var(--title-outline-color);
 }
 
 html {
	--title-color: var(--primary-color);
    --title-outline-color: white;
 }

/* #END REGION homepage headings */	 

 /* text for selected menu-item */
 ul.jqtree-tree li.jqtree-selected > .jqtree-element > .jqtree-title {
     color: var(--secondary-color) !important;
     outline: none;
     font-weight: 500;
 }