/*******************************************************************************
 *   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 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: collapse;
    border-spacing: 1px;
    border-radius: 4px;
    border: 2px solid var(--secondary-color);
    background-color: white;
    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: 2px solid var(--secondary-color);
    background-color: white;
    border-spacing: 1px;
    padding: 5px !important;
}
table.table th {
    background-color: white;
}
}

/* specialize tables based on topic template */
.reference .table {
    border-collapse: collapse;
    border-spacing: 1px;
    border-radius: 4px;
    border: 2px solid var(--secondary-color);
    background-color: white;
    table-layout: fixed;
    width: inherit;
    box-sizing: border-box;
    box-shadow: 1px 1px 3px var(--light-gray-color);  
}

/*#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;
}

/*#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 publihsing can be added below*/
.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: 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;
}

.date
{    display: none;
}

.bold, .strong, .specialbold
{display: inline;
        font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
        font-weight: 600;
        color: var(--text-color);
        background-color: inherit;
        vertical-align: baseline;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
       }
	   
	   .zwischenueberschrift 
{font-family: "open sans", verdana, arial, helvetica, sans-serif;
        font-weight: 600;
		color: var(--text-color);
		font-size: 16px;
        background-color: inherit;
        vertical-align: baseline;
        padding-top: 5pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
       }
	  
.orangebig
{font-family: "open sans", verdana, arial, helvetica, sans-serif;
        color: var(--secondary-color);
		font-size: 16px;
        background-color: inherit;
        vertical-align: baseline;
        padding-top: 5pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
       }

.bluebig 
{font-family: "open sans", verdana, arial, helvetica, sans-serif;
        color: var(--primary-light-color);
		font-size: 16px;
        background-color: inherit;
        vertical-align: baseline;
        padding-top: 5pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
       }


.ksback
{display: none;
	}
	   	   
	   
.Courier 
{font-family: "Courier", verdana, arial, helvetica, sans-serif;
        color: var(--secondary-light-color);
		font-size: 13px;
        background-color: inherit;
        vertical-align: baseline;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
}
	   
	   
	   
	   
	   
	   
ul.listbullet, ul.listbullet2, ul.listbullet3, ul.listbullet_blau {
    list-style-type: Square;
    list-style-image: none;
    list-style-position: outside;
    margin-top: 3pt;
    margin-bottom: 4pt;
    padding-left: 12pt;
}
li.listbullet, p.listbullet, li.listbullet2, p.listbullet2, li.listbullet3, p.listbullet3 {
    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: 3pt;
    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;
}


.warning, .marginnote {
    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: var(--new-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;
}
    .warning .strong {
        color: var(--dark-gray-color);
    }
    p.warning::before {
    content: '\f071';
    padding-right: 5px;
    font-family: FontAwesome;
    /*color: var(--dark-gray-color);*/
    font-weight: normal;
}

.marginnote {
    font-family: "Open Sans", verdana, 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 
{   font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
    font-style: italic;
	display: inline;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    color: var(--dark-gray-color);
    background-color: inherit;
       }


.uitext 
{display: inline;
        font-style: italic;
        font-weight:400;
        color: #5db73c;
        background-color: inherit;
        vertical-align: baseline;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
       }

ul.tablelistbullet {
    list-style-type: Square;
    list-style-image: none;
    list-style-position: outside;
    margin-top: 4pt;
    margin-bottom: 0pt;
    padding-left: 12pt;
}
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: 14px;
    color: var(--dark-gray-color);
    background-color: white;
    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: normal;
        font-size: 14px;
        color: var(--dark-gray-color);
        background-color: white;
        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: -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;
       }
	   
.tabletext 
{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: white;
        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: 6pt;
        padding-bottom: 6pt;
        padding-left: 6pt;
        padding-right: 0pt;
        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: 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;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0cm;
        width: 90%;
        height: auto;
        white-space: normal;
       }
	   
	  

/* contaning for expanding blocks */
div[id^="expandblock"] .well {
    border: 1px solid #f2f2f2;
    box-shadow: 1px 1px 3px var(--shadow-color);
    background-color: var(--new-gray-color);
    border-radius: var(--border-radius-small);
    padding: 0 10px;
    margin: 5px 0;
}


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: "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: 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: "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: #DFDFDF;
        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: 10px;
        border-radius:4px;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0cm;
        width: 100%;
        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;
       }

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: "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: 0pt;
        margin-left: 0pt;
        margin-right: 0pt;
        padding-top: 0pt;
        padding-bottom: 0pt;
        padding-left: 0pt;
        padding-right: 0pt;
        float: none;
        clear: none;
        text-indent: 0cm;
        width: auto;
        height: auto;
        white-space: normal;
       }
.heading1,h1 
{font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: 600;
        font-size: 40px;
        color: var(--primary-color);
        background-color: var(--new-gray-color);
        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: 1.5;
        margin-top: 100pt;
        margin-bottom: 2pt;
        margin-left: 0cm;
        margin-right: 0cm;
        padding-top: 12pt;
        padding-bottom: 5pt;
        padding-left: 5pt;
        padding-right: 0pt;
        float: none;
        clear: none;
        text-align: left;
        text-indent: 0cm;
        width: auto;
        height: auto;
        white-space: normal;
       }
.heading2, h2
{font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: 600;
        font-size: 20px;
        color: white;
        background-color: var(--primary-color);
        word-spacing: normal;
        letter-spacing: normal;
        vertical-align: baseline;
        text-decoration: none;
        text-transform: none;
        line-height: 1.5;
		border-top: 3px solid var(--secondary-color);
        margin-top: 50pt;
        margin-bottom:12pt;
        margin-left: 0cm;
        margin-right: 0cm;
        padding-top: 7pt;
        padding-bottom: 5pt;
        padding-left: 0pt;
        padding-right: 0pt;
        float: none;
        clear: none;
        text-align: center;
        text-indent: 0cm;
        width: auto;
        height: auto;
        white-space: normal;
       }
.heading3, h3
{font-family: "Open Sans", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: 600;
        font-size: 20px;
        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: "Open Sans", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: 600;
        font-size: 18px;
        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: 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: "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: 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: "Open Sans", verdana, arial, helvetica, sans-serif;
        font-style: italic;
        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: 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;
       }

/*#endregion COONTENT */