/* Styles for Framework backgrounds */
body{
	 margin:0px;
	padding:0px;	 
	  background-color:#ffffff; 
	font-family: 'RobotoRegular',Arial,sans-serif; 
	color: #011F3D; 
    font-size:14px;
	}

div.nobr	{ white-space:nowrap; 
background-color:#009cfb;
color:#ffffff;
top: 2.1rem; 
        right: 1rem;
		height: 1.8rem;}

.currentlink {background-color:#C5EDEA;}
.nobr	{ white-space:nowrap; }
/*td.menu {
    padding: 0px;
	margin: 0px;
	text-align: left;
	vertical-align:top;
	height: 2.32rem;
	background-image: url(background.gif);
}*/

 /* Style for Collapsing Element*/
 div.orientationtext {
	font-family: "Roboto", "Helvetica", Arial, sans-serif; 
	font-size: 1rem;
	color: #011F3D;
	border-style: solid;
	border-color:#009cfb;
	border-width: 0.5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 0px;
	position:relative;
	
}
.orientationtext > h4 { color:#009cfb ;
font-weight:normal;
margin-top:0px;
	}

.descriptiontext {color:#009cfb;
text-decoration:underline;
font-weight:bold;}
.descriptiontext:hover {color:#F7795C !important;}

/* Styles for docu headings */
h1 { 
   	font-family: "Roboto", "Helvetica", Arial, sans-serif;
	color: #009cfb;
    padding:10px 0px; 
    font-size:1.714rem; 
    margin-top:0pt; 
    margin-bottom:0pt;  }
h2 { 
    font-family: "Roboto", "Helvetica", Arial, sans-serif; 
    font-weight:400;
	font-size:1.571rem; 
    color:#009cfb; 
    padding-top:20px; 
    padding-bottom:15px; 
    margin-bottom:0pt; 
    margin-top:15pt;  }
h3 { 
    font-family: "Roboto", "Helvetica", Arial, sans-serif; 
    font-size:1.429rem; 
    color:#009cfb; 
    font-weight:bold; 
    padding-top:20px; 
    padding-bottom:5px; 
    margin-bottom:0pt; 
    margin-top:15pt;  }
h4 { 
    font-family: "Roboto", "Helvetica", Arial, sans-serif; 
    font-size:1.286rem; 
    color:#009cfb; 
    font-weight:bold; 
    padding-top:20px; 
    padding-bottom:5px; 
    margin-bottom:0pt; 
    margin-top:15pt;  }
h5 { 
	font-family: "Roboto", "Helvetica", Arial, sans-serif; 
	font-size:1rem; 
	color:#009cfb;
	font-weight:bold; 
	padding-top:20px; 
	padding-bottom:5px; 
	margin-bottom:0pt; 
	margin-top:15pt;  }
/* Styles for docu text */
p { 
   	font-family: "Roboto", "Helvetica", Arial, sans-serif; 
   	color:#011F3D; 
   	margin-top:1rem;
	font-size:1rem;
	padding-top:1px;
	padding-bottom:1px;  }
p.Figure { 
    font-family: "Roboto", "Helvetica", Arial, sans-serif; 
    font-style:italic;
	color:#011F3D; 
   /* margin-top:1rem; */
	font-size:1rem;  }
a.docu:link { 
    color:#009cfb !important; 
    text-decoration:underline !important;
	}
a.docu:hover { 
color:#F7795C !important; 
text-decoration:underline !important;  }
a.Glossary:link { 
    color: #EDB700;
    text-decoration:none;  }
a.Glossary:visited { 
    color:#EDB700; 
    text-decoration:none;  }
/*style for svg*/
object {max-width: 1000px;}
/* Styles for lists */
ol.docu { 
    font-family: "Roboto", "Helvetica", Arial, sans-serif; 
    color:#011F3D; 
    font-size:1rem; 
    padding-top:0 px; 
    margin-bottom:0pt; 
    margin-top:6pt; 
    list-style:decimal;
	padding-bottom:1px;
	padding-left:0px;
font-weight: normal;	}
ul.docu { 
	font-family: "Roboto", "Helvetica", Arial, sans-serif; 
	color:#011F3D; 
	font-size:1rem; 
	padding-top:0rem; 
	margin-bottom:5pt; 
	margin-top:5pt; 
	margin-right:0pt; 
	margin-left:0pt;
	padding-left:0px;
	list-style-image:url("dlt-icon-record.svg"); 
	list-style-position:outside;
font-weight: normal;	}
td > ul.docu { 
	font-family: "Roboto", "Helvetica", Arial, sans-serif; 
	color:#011F3D; 
	font-size:1rem; 
	padding-top:0 px; 
	margin-bottom:0pt; 
	margin-top:5pt; 
	margin-right:0pt; 
	margin-left:0pt;
	padding-left:1rem;
	list-style-image:url("dlt-icon-record.svg"); 
	list-style-position:outside;  }
li > ul.docu { 
	font-family: "Roboto", "Helvetica", Arial, sans-serif; 
	color:#011F3D; 
	font-size:1rem; 
	padding-top:2px;	
	margin-bottom:0pt; 
	margin-top:5pt; 
	margin-right:0pt; 
	margin-left:0pt;
	padding-left:0px;
	list-style-image:url("dlt-icon-record.svg"); 
	list-style-position:outside;  }
td > ul >li { 
	font-family: "Roboto", "Helvetica", Arial, sans-serif; 
	color:#011F3D;
	font-size:1rem; 
	padding-top:1px;
	padding-bottom:1px; 
	margin-bottom:5pt; 
	margin-top:5pt; 
	margin-right:0pt; 
	margin-left:0pt;
	list-style-position:outside;  }

li > ul >li { 
	font-family: "Roboto", "Helvetica", Arial, sans-serif; 
	color:#011F3D;
	font-size:1rem; 
	padding-top:1px;
	padding-bottom:1px; 
	margin-bottom:5pt; 
	margin-top:5pt; 
	margin-right:0pt; 
	margin-left:16pt;
	list-style-position:outside;  }
li { 
	font-family: "Roboto", "Helvetica", Arial, sans-serif; 
	color:#011F3D; 
	/*font-size:rem; */
	padding-top:0px;
	padding-bottom:0px; 
	margin-bottom:8pt; 
	margin-top:5pt; 
	margin-right:0pt; 
	margin-left:16pt;
	padding-left:0px;
	list-style-position:outside;  }
b.BoldColor {color:#009cfb;}
b.BoldBlue {color:#009cfb;}
/* Styles for tables */
table.docu {
	margin-top:10px;
     margin-bottom:10px;
	 border-spacing:0px;}
th.docu { 
     border-width:1px; 
    background-color:#F5F5F5; 
   	border-style:solid; 
    border-color:#CCCCCC; 
    padding:4px;
    font-family: "Roboto", "Helvetica", Arial, sans-serif; 
	font-size:1rem; 
	color:#011F3D; 
	text-align:center;}
td.docu {
	border-width:1px;
	background-color:#ffffff;
	border-style:solid;
	border-color:#CCCCCC;
	padding:4px;
	vertical-align:middle;
	font-family: "Roboto", "Helvetica", Arial, sans-serif;
	font-size:1rem;
	font-weight:normal;
	color:#011F3D;}	
table.noframe { 
	margin-top:10px;
		margin-bottom:10px;
		border-spacing:0px;
		table-layout:fixed;
		width:75%;}
th.noframe { 
		border-width:0px; 
	background-color:#F5F5F5; 
	padding:4px;
	font-family: "Roboto", "Helvetica", Arial, sans-serif; 
	font-size:1rem; 
	color:#011F3D; 
	text-align:center;}
td.noframe {
	border-width:0px;
	background-color:#ffffff;
	margin-bottom:0px;
	padding:0px !important;
	vertical-align:middle;
	text-align:center;
	font-family: "Roboto", "Helvetica", Arial, sans-serif;
	font-size:1rem;
	font-weight:normal;
	color:#011F3D;
	padding-bottom:0px !important;
	nobreak;}	
	.noframe  img {
	display:inline;
	}
	td.noframetext {
	border-width:0px;
	background-color:#ffffff;
	margin-bottom:0px;
	padding:0px !important;
	vertical-align:middle;
	text-align:left;
	font-family: "Roboto", "Helvetica", Arial, sans-serif;
	font-size:1rem;
	font-weight:normal;
	color:#011F3D;
	padding-bottom:0px !important;
	nobreak;}	

span.vertical 
{
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
}
/* Styles for code elements */
ul.Code{ 
    font-family:Courier New, Helvetica, sans-serif; 
    color:#011F3D; 
    font-size:1rem; 
    padding-top:0px; 
    margin-bottom:5pt; 
    margin-top:5pt; 
    margin-right:0pt; 
    margin-left:16pt;
    list-style-type:none; 
	background-color:#F0F2F4;}
li.Code{ 
    font-family:Courier New, Helvetica, sans-serif; 
    color:#011F3D; 
    font-size:1rem; 
    padding-top:0px; 
    margin-bottom:5pt; 
    margin-top:5pt; 
    margin-right:0pt; 
    margin-left:16pt;
	list-style-type:none;	}
span.Code{
	font-family:Courier New, Helvetica, sans-serif; 
    color:#011F3D; 
font-size:1rem;  }
span.CodeBold{
	font-family:Courier New, Helvetica, sans-serif; 
    color:#011F3D; 
	font-size:1rem;
font-weight: bold; }
/*Styles for notes */
div.tip::before{
	content: "TIP";
	display:block;
	background-color:#F9FAFB;
	color: #71A112;
	font-size:0.9rem;
	font-weight:bold;
}
div.tip {
	margin-left:8px;
	margin-top:1rem !important;
	background-color:#F9FAFB;
	padding-left:12px;
	border-left: 0.4rem solid #71A112;
}
p + div.tip {margin-top:-1rem;}
div.prerequisite::before{
	content: "PREREQUISITE";
	display:block;
	background-color:#F9FAFB;
	color: #011F3D;
	font-size:0.9rem;
	font-weight:bold;
}
div.prerequisite {
	margin-left:8px;
	margin-top:1rem !important;
	background-color:#F9FAFB;
	padding-left:12px;
	border-left: 0.4rem solid #011F3D;
}
div.note::before{
	content: "NOTE";
	display:block;
	background-color:#F9FAFB;
	color: #011F3D;
	font-size:0.9rem;
	font-weight:bold;
}
div.note {
	margin-left:8px;
	margin-top:1rem !important;
	background-color:#F9FAFB;
	padding-left:12px;
	border-left: 0.4rem solid #011F3D;
}
p + div.note {margin-top:-1rem;}
div.important::before{
	content: "IMPORTANT";
	display:block;
	background-color:#F9FAFB;
	color: #E07800;
	font-size:0.9rem;
	font-weight:bold;
}
div.important {
	margin-left:8px;
	margin-top:1rem !important;
	background-color:#F9FAFB;
	padding-left:12px;
	border-left: 0.4rem solid #E07800;
}
p + div.important {margin-top:-1rem;}
div.caution::before{
	content: "CAUTION";
	display:block;
	background-color:#F9FAFB;
	color: #fa0909;
	font-size:0.9rem;
	font-weight:bold;
}
div.caution {
	margin-left:8px;
	margin-top:1rem !important;
	background-color:#F9FAFB;
	padding-left:12px;
	border-left: 0.4rem solid #fa0909;
}
p + div.caution {margin-top:-1rem;}
div.example::before{
	content: "EXAMPLE";
	display:block;
	background-color:#F9FAFB;
	color: #1776BF;
	font-size:0.9rem;
	font-weight:bold;
}
div.example {
	margin-left:8px;
	margin-top:1rem !important;
	background-color:#F9FAFB;
	padding-left:12px;
	border-left: 0.4rem solid #1776BF;
}
p + div.example {margin-top:-1rem;}
/*Styles for notes - old */
table.note {
   	 margin-top:15px;
     margin-bottom:10px;}
td.noteicon { 
    background-color:#ffffff; 
    vertical-align:top;
    border-style:none; 
    margin:0px;
	padding:0.5rem 0rem 0rem 0rem;
    font-family: "Roboto", "Helvetica", Arial, sans-serif; 
	font-size:1rem; 
	font-weight:normal; 
	color:#011F3D; 
	text-align:left;}
td.styleattribute { 
    background-color:#ffffff; 
    vertical-align:centree;
    border-style:none; 
    padding:0px;
    font-family: "Roboto", "Helvetica", Arial, sans-serif; 
	font-size:1rem; 
	font-weight:normal; 
	color:#011F3D; 
	text-align:left;}
/* Styles for Button Forward/ButtonBack */

.btn{
	border-style: ridge;
	border-width:5px;
	box-shadow: 2px 2px 2px 2px #058192;
	
}

td.buttonicon { 
	/*border-left-width:0px;
	border-right-width:0px;
	border-top-width:1px;
	border-top-style:solid;
	border-bottom-width:1px;
	border-bottom-style:solid;*/
	background-color:#C5EDEA; 
	border-color:#517084; 
    padding:1px;
    font-family: "Roboto", "Helvetica", Arial, sans-serif; 
	font-size:1rem; 
	font-weight:bold; 
	color:#ffffff; 
	text-align:center;}
td.buttonstripe { 
    border-width:1px; 
    background-color:#009cfb; 
    /*border-style:solid;*/ 
    border-color:#517084; 
    padding:1px;
    font-family: "Roboto", "Helvetica", Arial, sans-serif; 
	font-size:1rem; 
	font-weight:bold; 
	color:#ffffff; 
	text-align:left;}
td.buttontext { 
    border-width:2px; 
    background-color:#C5EDEA; 
  /*  border-style:solid; */
    border-color:#22A6AA; 
    padding:0px; 
    vertical-align:middle;
    font-family: "Roboto", "Helvetica", Arial, sans-serif; 
    font-size:0.7400rem; 
    font-weight:normal; 
    color:#011F3D;
	text-shadow: 2px 2px 4px #D2D9E0;
    text-align:center;}
/* Styles for Index */
body.IX {
	background-color:#F2F2F2; }
p.IX { 
   	font-family: "Roboto", "Helvetica", Arial, sans-serif; 
   	color:#011F3D; 
   	margin-top:1rem;
	font-size:1rem;
	padding-top:1px;
	padding-bottom:1px; 
	padding:0px 0px; }
li.IX{ 
    font-family: "Roboto", "Helvetica", Arial, sans-serif; 
    color:#011F3D; 
    font-size:0.7857rem; 
    padding-top:0px;
	padding-bottom:0px;
    margin-bottom:0pt; 
    margin-top:0pt; 
    margin-right:0pt; 
    margin-left:0pt;
    list-style-type:none; }
a.IX:link { 
   	color:#077B9B; 
    text-decoration:none;
	text-indent:0px;	}
a.IX:visited { 
    color:#077B9B; 
    text-decoration:none;
	text-indent:0px;
	}
/* Styles for Table of Contents */
body.TOC {
	background-color:#F2F2F2; }
.svg_icon-folder {
  width:1.1rem;
  padding-right:4px;
  padding-bottom:4px;
  align-items:flex-start;
  vertical-align:top;
  position: relative;
}
.svg_icon-document{
	padding-right:4px;
}

ul.Root {  
	margin-bottom:0pt;
    margin-top:0pt;
    margin-right:0pt;
    margin-left:0.8571rem;
	padding-left:5pt;
    list-style-type:none;
    list-style-position:outside;
	list-style-type:none; 
    text-indent:-17pt;}
ul.Level { 
	margin-bottom:0pt;
	margin-top:0pt;
	padding-left:0px;
    margin-right:0pt;
    margin-left:17pt;
    list-style-type:none;
    list-style-position:outside;
	list-style-type:none; 
    text-indent:-15pt;}
li.TOC {
	font-family: "Roboto", "Helvetica", Arial, sans-serif;
	color:#011F3D;
	font-size:0.8571rem; 
	padding-top:0px;
	margin-bottom:0pt;
	margin-top:0pt;
	margin-right:0pt;
	margin-left:0pt;
	list-style-type:none; }
a.TOC:link {
    color:#011F3D;
    text-decoration:none;  }
a.TOC:visited {
	color:#011F3D;
	text-decoration:none;}


bottom {
	
	border-style:none;
	padding:0px;
	vertical-align:center;
	font-family: "Roboto", "Helvetica", Arial, sans-serif;
	font-size:0.6.999rem;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	}

	 
/*style for tooltip*/	 
.tooltip {
	position: relative;
	display: inline-block;
	
	/*border-left: 1px dotted white;*/
	}

.tooltip .tooltiptext {
	visibility: hidden;
	position:absolute;
	display:inline-block;
	top:-12px;
	left:110%;
	font-size: 10px;
	background-color: #E7EBEE;
	color: #011F3D;
	opacity: 1;
	padding: 5px 10px;
	transition: opacity 0.3s;
	z-index:9999;
	}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 50%;
	right:100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #193857 transparent transparent;
	}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
	} 

