/*******************************************************************************
 *   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 TABLES  */
/*******************************************************************************
    This section contains styles to format tables in the Author-it generated 
    content. 

    These tables are surrounded by  will all be give a class="table" and the data-width
    attribute containing 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: 0px;
    border-radius: 0px;
    border: 1px solid #7cdedc; 
    background-color: white;
    table-layout: fixed;
    width: inherit;
    box-sizing: border-box;
    /*box-shadow: 1px 1px 3px var(--light-gray-color);*/
}

table.table th {
    background-color: #d7f5f4 !important;
    border-spacing: 0px;
    padding: 3px !important;
/*	color: var(--contrast-light);*/
}

table.table td {
    /*border: none !important;*/
    background-color: white; 
    border-spacing: 0px;
    padding: 3px !important;
}

/*alternating rows */
.table-responsive.header tr:nth-child(even) td {
       background-color: white !important;
}

.table-responsive.header tr:nth-child(odd) td {
       background-color: var(--lighter-gray-color) !important;
}

/*alternating rows for tables with no header */
.table-responsive.noheader tr:nth-child(even) td {
       background-color: white !important;
}

.table-responsive.noheader tr:nth-child(odd) td {
       background-color: var(--lighter-gray-color) !important;
}
/* 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
       
 *******************************************************************************/


.popuponhovertemplate a {
    text-decoration:underline;
    text-decoration-style:dotted;
}
/*
a {
    color: var(--red);
}
*/
/* this section removes the underline from the widgets on the right menu for the a:hover */
#accordion2 > .panel-default > .panel-heading > .panel-title > a.collapsed:hover 
{
    background-color: var(--active-btn-bg-color);
    color: var(--active-btn-text-color);
	text-decoration: none;
}
/* removes a double underline in the breadcrumb on a:hover */
a.ngRouterLinkNav:hover 
{
color: white !important;
text-decoration: none;
}

/*#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 containing the table and column width defined in Author-it.
        
 *******************************************************************************/
/* Styles generated by Author-it HTML5 publishing can be added below*/

/* use pt to px converter https://pixelsconverter.com/pt-to-px to determine the 13 PX count for 10pt font*/
.bodytext {
    font-family: "Open Sans", verdana, 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: 9pt;
    margin-bottom: 6pt;
    margin-left: 0pt;
    margin-right: 0pt;
    padding-top: 9pt;
    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: "Open Sans", verdana, 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;
       }

.code,.code2,.code3 {
    display: block;
    overflow: auto;
    font-family: "Courier new";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--grey);
    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: 12pt;
    padding-right: 0pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: pre
}	   

.preformatted {
    display: block;
    font-family: "Courier new";
    font-style: monospace;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--grey);
    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: 12pt;
    padding-right: 0pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: pre
}	  

.bodyindent {
    display: block;
    font-family: "Courier new";
    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: 12pt;
    padding-right: 0pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal
}	   

.ftcaption
{    font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    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: 9pt;
    margin-bottom: 6pt;
    margin-left: 0pt;
    margin-right: 0pt;
    padding-top: 9pt;
    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;
}

.tablecaption
{    font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    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: 9pt;
    margin-bottom: 6pt;
    margin-left: 0pt;
    margin-right: 0pt;
    padding-top: 9pt;
    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;
}

.figurecaption
{    font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    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: 9pt;
    margin-bottom: 6pt;
    margin-left: 0pt;
    margin-right: 0pt;
    padding-top: 9pt;
    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;
}

/* the graphic style has been applied but there are a lot of other styles that are used for images e.g. .img-responsive */
.graphic, .graphic2
{   display: block;
   	margin-left: auto;
  	margin-right: auto;
	margin-top: 7px;
	margin-bottom: 7px;
}

a:focus, a:hover 
{
  text-decoration: underline;
  background-color: none;
  color: var(--orange);
  text-shadow: none;
}
content_container a:hover , a:focus
{ text-shadow: none;
}


/* lists */
	   
ul.listbullet {
    list-style-type: disc;
    list-style-image: none;
    list-style-position: outside;
    margin-top: 3pt;
    margin-bottom: 0pt;
    padding-left: 12pt;
} 
ul.listbullet2 {
    list-style-type: square;
    list-style-image: none;
    list-style-position: outside;
    margin-top: 3pt;
    margin-bottom: 0pt;
    padding-left: 12pt;
} 
ul.listbullet3, ul.listbullet3_1_ {
    list-style-type: circle;
    list-style-image: none;
    list-style-position: outside;
    margin-top: 3pt;
    margin-bottom: 0pt;
    padding-left: 12pt;
} 

dl.listdescription {
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    margin-top: 3pt;
    margin-bottom: 20px; /* Add some space at the bottom of the list */
    padding-left: 12pt;
}


/*  this content changes the color of the bullet square for each level of bullet */
.listbullet::marker {color: var(--orange)}
.listbullet2::marker {color: var(--orange)}
.listbullet3::marker {color: var(--orange)}
.listbullet3_1_::marker {color: var(--orange)}
.tablelistbullet::marker {color: var(--orange)}

dt.listdescription, p.listdescription {
    font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    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: 5pt;
    margin-bottom: 0pt;
    margin-left: 10pt;
    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;
}
dd.listdefinition, p.listdefinition {
    font-family: "Open Sans", verdana, 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: 5pt;
    margin-bottom: 0pt;
    margin-left: 10pt;
    margin-right: 0pt;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 20px;
    padding-right: 0pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal;
}

li.listbullet, p.listbullet, li.listbullet2, p.listbullet2, li.listbullet3, p.listbullet3, p.listbullet-3, p.listnumber, li.listnumber, li.s561, li.listnumber2, p.listnumber2, li.listnumber3, p.listnumber3 {
    font-family: "Open Sans", verdana, 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: 5pt;
    margin-bottom: 0pt;
    margin-left: 10pt;
    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;
}

ol.listnumber 
{list-style-type: Decimal;
        list-style-position: outside;
        margin-top: 6pt;
        margin-bottom: 0pt;
		padding-left:12pt;
        }
        
ol.listnumber2 
{list-style-type: Lower-Alpha;
        list-style-position: outside;
        margin-top: 6pt;
        margin-bottom: 0pt;
        padding-left:12pt;
    }
     
ol.listnumber3, .listnumber3_1_ 
{list-style-type: Lower-Roman;
        list-style-position: outside;
        margin-top: 6pt;
        margin-bottom: 0pt;
        padding-left:14pt;
    }
        
 li.listnumber, li.s561, li.listnumber2, p.listnumber2, li.listnumber3, p.listnumber3, li.listnumber3_1_, p.listnumber3_1_ {
	font-family: "Open Sans", verdana, 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: 5pt;
    margin-bottom: 0pt;
    margin-left: 10pt;
    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;
       } 
ol.listalpha2 
{list-style-type: Lower-Alpha;
        list-style-position: outside;
        margin-top: 6pt;
        margin-bottom: 0pt;
        }
li.listalpha2, li.s793 
{font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-size: 14px;
        color: var(--hid-dark-grey);
        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;
       }

.listcontinue, .listcontinue2, .listcontinue3 {
    display: block;
    font-family: "Open Sans", verdana, 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: 12pt;
    padding-right: 0pt;
    float: none;
    clear: none;
    text-align: left;
    text-indent: 0cm;
    width: auto;
    height: auto;
    white-space: normal
}



.marginnote {
    width: 20%;
    font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
    font-style: italic;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    margin-left: .5rem;
    padding-left: .5rem;
    float: right;
    box-shadow: inset 5px 0 5px -5px var(--orange);
}

ul.tablelistbullet {
    list-style-type: disc;
    list-style-image: none;
    list-style-position: outside;
    margin-left: 0cm;
    margin-top: 4pt;
    margin-bottom: 0pt;
    padding-left: 6pt;
}
li.tablelistbullet, .tablelistbullet, li.s796 {
    font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 13px;
    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: 4pt;
    margin-bottom: 0pt;
    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;
}

.tableheading 
{font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: 600;
        font-size: 14px;
        color: #000000;
        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: 2pt;
        margin-left: 0pt;
        margin-right: 0pt;
        padding-top: 6pt;
        padding-bottom: 6pt;
        padding-left: 3pt;
        padding-right: 3pt;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0cm;
        width: auto;
        height: auto;
        white-space: normal;
       }
	   
.notelabel
{display: inline;
        font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
        font-weight: 700;
        color: var(--dark-gray-color);
        background-color: inherit;
        vertical-align: baseline;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
       }
.cautionlabel
{display: inline;
        font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
        font-weight: 700;
        color: var(--red);
        background-color: inherit;
        vertical-align: baseline;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
       }
.tabletext 
{font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-size: 13px;
        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: 3pt;
        padding-bottom: 3pt;
        padding-left: 3pt;
        padding-right: 3pt;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0cm;
        width: auto;
        height: auto;
        white-space: normal;
       }
.expandingblock 
{font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-size: 13px;
        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: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 0px;
        padding-right: 3px;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0cm;
        width: 90%;
        height: auto;
        white-space: normal;
       }


/* Headings */
 /* Site sub-title - comes from the Book Web Super Title property of the Book */
 /*.mainpage_block.jumbotron > p {
     margin: 20px 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);
 
 }*/

.landing_content_title {
    color: var(--dark-gray-color);
    width: 100%; 
    font-size: 14px;
    line-height: normal;
    word-spacing: normal;
    text-align: center;
    padding: 0 15px 10px 15px;
}

.heading1,h1 
{font-family: "URW DIN Light", "Open Sans light", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: 600;
        font-size: 40px;
        color: var(--dark-gray-color);
        background-color: none;
        word-spacing: normal;
        letter-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: "URW DIN Medium", "Open Sans light", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: 600;
        font-size: 24px;
        color: var(--orange);
        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: 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: "URW DIN Medium", "Open Sans light", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: 600;
        font-size: 21px;
        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: 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: "URW DIN Medium", "Open Sans light", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: 600;
        font-size: 20px;
        color: var(--hid-dark-grey);
        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: 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
{font-family: "URW DIN Medium", "Open Sans light", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: 600;
        font-size: 17px;
        color: var(--hid-dark-grey);
        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: 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: "URW DIN Medium", "Open Sans light", verdana, arial, helvetica, sans-serif;
        font-style: italic;
        font-variant: normal;
        font-weight: 600;
        font-size: 15px;
        color: var(--alt-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: 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;
       }
.subheading 
{font-family: "Open Sans Semibold", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: 600;
        font-size: 14px;
        color: var(--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: 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;
       }
.procedureheading 
{font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
		list-style: none;
        font-style: normal;
        font-variant: normal;
        font-weight: 600;
        font-size: 16px;
        color: var(--grey);
        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(--grey);*/
        font-weight: bold;
    }	   
	   
.obvious 
{
        font-size: 16px;
        color: #4953a3;

       }
/* Notes and Warnings */	   

.warning, .caution, .warning2, .caution2, .warning3, .caution3  {
    font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-size: 13px;
        color: var(--dark-gray-color);
        background-color: #DFDFDF;
		border-style: solid;
		border-width: 1px;
		border-color: black;
        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: 12pt;
		padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 100px;
        padding-right: 10px;
	    border-radius:4px;
        float: none;
        clear: none;
        text-align: left;
        text-indent: -90px;
        width: 100%;
        height: auto;
        white-space: normal;
}
    .warning .strong {
        color: var(--red);
    }
    p.warning::before, p.warning2::before, p.warning3::before {
    content: '\f071  WARNING!';
    padding-right: 5px;
	color: var(--red);
    font-family: FontAwesome;
    font-weight: bold;
}
	.caution .strong {
        color: var(--red);
    }
    p.caution::before, p.caution2::before, p.caution3::before {
    content: '\f071  CAUTION:';
    padding-right: 5px;
	color: var(--red);
    font-family: FontAwesome;
    font-weight: bold;
}
.note, .bestpractice, .listnote, .note2, .bestpractice2, .note3, .bestpractice3 
{font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-size: 13px;
        color: var(--dark-gray-color);
        background-color: #DFDFDF;
		border-style: solid;
		border-width: 1px;
		border-color: black;
        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: 12pt;
		padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50px;
        padding-right: 10px;
	    border-radius:4px;
        float: none;
        clear: none;
        text-align: left;
        text-indent: -40px;
        width: 100%;
        height: auto;
        white-space: normal;
       }
	   p.note::before, p.note2::before, p.note3::before {
	   content: 'Note: ';
       font-weight: bold;
	   }
	   p.bestpractice::before, p.bestpractice2::before, p.bestpractice3::before {
	   content: 'Best practice: ';
       font-weight: bold;
	   }

.tip, .tip2, .tip3
{ font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-size: 13px;
        color: var(--dark-gray-color);
		background-color: #DFDFDF;
		border-style: solid;
		border-width: 1px;
		border-color: black;
        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: 12pt;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 52px;
        padding-right: 10px;
	border-radius:4px;
        float: none;
        clear: none;
        text-align: left;
        text-indent: -42px;
        width: auto;
        height: auto;
        white-space: normal;
       }
	   p.tip::before, p.tip2::before, p.tip3::before {
	   content: '\f0eb  Tip: ';
	   padding-right: 5px;
	   font-family: FontAwesome;
       font-weight: bold;
	   }
	   
/* Character Styles*/

.strong, .specialbold, .bold 
{display: inline;
        font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
        font-weight: 600;
        color: inherit;
        background-color: inherit;
        vertical-align: baseline;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
       }

	   
.wingdings 
{display: inline;
        font-family: "Wingdings", webdings, 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;
       }

.buttons 
{display: inline;
        font-weight: 600;
        color: inherit;
        background-color: inherit;
        vertical-align: baseline;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
       }
	   
.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;
       }
.italics 
{display: inline;
        font-style: italic;
        font-weight:500;
        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: 2pt;
        padding-right: 0pt;
       }
	   

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

.shadedmonospace
{ display: inline;
		font-family: monospace;
        color: var(--dark-gray-color);
        background-color: var(--grey);
        vertical-align: baseline;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
}

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

/* API Character Styles*/
.apipost 
{ display: inline;
        font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
        font-weight:500;
        color: inherit;
        background-color: #47AD86;
        vertical-align: baseline;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
}
.apidelete
{ display: inline;
        font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
        font-weight:500;
        color: inherit;
        background-color: #F6413F;
        vertical-align: baseline;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
}
.apiget 
{ display: inline;
        font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
        font-weight:500;
        color: inherit;
        background-color: #65AFF7;
        vertical-align: baseline;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
}
.apiput 
{ display: inline;
        font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
        font-weight:500;
        color: inherit;
        background-color: #EA9B43;
        vertical-align: baseline;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
}
.apiblue 
{ display: inline;
        font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
        font-weight: bold;
        color: #0000FF;
        vertical-align: baseline;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
}

/* font style to hide spacing before a table */
.beforeaftertable 
{
    font-size: 1px;
    color: var(--primary-color);
    margin-top: 0pt;
    margin-bottom: 0pt;
    margin-left: 0pt;
    margin-right: 0pt;
    padding-top: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    padding-right: 0pt;
}
/* font sizes for heading and sub-heading*/
.mainpage_block.jumbotron > h1 {
        font-size: 24px;
		background: transparent;
 }




.tileredlink {
	color: var(--orange); 
	}
/* image styles */




/*#endregion CONTENT */