/*Accordion */
.dlt-accordion {
    background: #fff;
    border-bottom: 1px solid #02133E;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    list-style: none;
    margin: 20;
    padding: 0;
	}
.dlt-accordion li {
    margin :0px;
	}
.dlt-accordion .dlt-accordion-title {
    align-items: center;
	font-size:var(--default-size);
    background: #fff;
    border: none;
    border-bottom: transparent;
    box-shadow: inset 0 1px 0 0 #02133E,inset 0 1px 0 0 #02133E;
    color: #02133E;
    cursor: pointer;
    display: flex;
   /* font-size: var(--dlt-font-size-xs,.875rem);*/
    font-weight: 400;
    height: 48px;
    margin: 0;
    outline: none;
    padding: 1px 0 0 10px;
    width: 100%
	}
.dlt-accordion .dlt-accordion-item:first-child .dlt-accordion-title {
    border-radius: 0 0 0 0;
	padding-left:10px;
	}
.dlt-accordion .dlt-accordion-item:last-child .dlt-accordion-title {
    border-radius: 0 0 0 0;
	padding-left:10px;
	}
.dlt-accordion .dlt-accordion-item.dlt-accordion-content-active .dlt-accordion-title {
    border-bottom: 1px solid #02133E;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	padding-left:10px;
	}
.dlt-accordion-content-active > .dlt-accordion-title >svg{
    transform: rotate(180deg);
	}
.dlt-accordion .dlt-accordion-item.dlt-accordion-content-active .dlt-accordion-content {
    max-height: 3000px;
    padding: 1.75rem .75rem .75rem 3rem;
	}
.dlt-accordion .dlt-accordion-title:active,.dlt-accordion .dlt-accordion-title:focus,.dlt-accordion .dlt-accordion-title:hover,.dlt-accordion .dlt-search__drawer .dlt-accordion-title.dlt-list-item--active,.dlt-search__drawer .dlt-accordion .dlt-accordion-title.dlt-list-item--active {
    border-bottom: 1px var(--dlt-border-style-default,solid) transparent;
    box-shadow: 0 .186rem 0 0 transparent;
    color: #1659FF;
    outline: 1px solid #1659FF;
    outline-offset: -2px;
	}
.dlt-accordion .dlt-accordion-content {
 /*   color: var(--dlt-accordion-color-text-default,var(--dlt-component-color-text-default,var(--dlt-color-text-interactive-secondary,#333)));*/
	max-height: 0;
	overflow: hidden;
	padding: 0 10px 0 10px;
	-webkit-transition: all .11s cubic-bezier(.2,0,.38,.9);
	transition: all .11s cubic-bezier(.2,0,.38,.9)
	}
.dlt-accordion .dlt-accordion-content:focus {
    box-shadow: 0 .186rem 0 0 transparent;
    outline: 1px solid #1776bf;
    outline-offset: -2px;
	}
 /* Styles for Collapsing Element orientationtext defines the hidden/expanded element, orientationtext styles the link*/
div.orientationtext {
	font-family: var(--usedfont); 
	font-size: var(--font-default-size);
	color: #02133E;
	border-style: solid;
	border-color:#1659FF;
	border-width: 0.5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 0px;
	position:relative;
	}
.orientationtext > h4 { 
	color:#1659FF ;
	font-weight:normal;
	margin-top:0px;
	}
.descriptiontext {
	color:#1659FF;
	text-decoration:underline;
	font-weight:bold;
	}
.descriptiontext:hover {
	color:#F7795C
	}
/* Styles for docu text */
p { 
   	font-family: var(--usedfont); 
   	color:#02133E; 
   	margin-top:1rem;
	font-size:var(--font-default-size);
	padding-top:1px;
	padding-bottom:1px;  }
/*Link Styles*/
a.docu:link { 
    color:#1659FF !important; 
    text-decoration:underline !important;
	}
	a.docu:visited { 
    color:#1659FF !important; 
    text-decoration:underline !important;
	}
a.docu:hover { 
	color:#F7795C !important; 
	text-decoration:underline !important;  
	}
/*header styles*/
h1 {
	font-weight:bold;
	font-size: clamp(12px, 6vw, 24px);
	color: #1659FF!important;
	padding-left:0px;
	font-weight:normal;
	font-family: var(--usedfont); 
	}
h2 { 
	font-weight:bold;
	font-size: clamp(11px, 5vw, 22px);
	color: #02133E;
	padding-left:5px;
	font-weight:normal;
	padding-top:10px;
	}
/*image styles*/
.fullimage{
	max-width: 30%; 
    height: auto; 
	}
/*style for svg*/
object {
	max-width: 1000px;
	}
/* Styles for lists */
ol.docu { 
    font-family: var(--usedfont); 
    color:var(--color-text); 
    font-size:var(--font-default-size); 
    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: var(--usedfont); 
    color:var(--color-text); 
    font-size:var(--font-default-size); 
    padding-top:0rem; 
	margin-bottom:5pt; 
	margin-top:5pt; 
	margin-right:0px; 
	margin-left:0px;
	padding-left:0px;
	list-style-type:disc; 
	list-style-position:outside;
	font-weight: normal;	
	}
dlt-accordion-content ul.docu > li { 
	font-family: var(--usedfont); 
	color:var(--color-text); 
    font-size:var(--font-default-size); 
    padding-top:0 px; 
	margin-bottom:0pt; 
	margin-top:5pt; 
	margin-right:0pt; 
	margin-left:10px;
	padding-left:1rem;
	list-style: disc; 
	list-style-position:outside;  
	}

td > ul.docu { 
	font-family: var(--usedfont); 
	color:var(--color-text); 
    font-size:var(--font-default-size); 
    padding-top:0 px; 
	margin-bottom:0pt; 
	margin-top:5pt; 
	margin-right:0pt; 
	margin-left:0px;
	padding-left:1rem;
	list-style: disc; 
	list-style-position:outside;  
	}
li > ul.docu { 
	font-family: var(--usedfont); 
    color:var(--color-text); 
    font-size:var(--font-default-size); 
    padding-top:2px;	
	margin-bottom:0pt; 
	margin-top:5pt; 
	margin-right:0pt; 
	margin-left:0pt;
	padding-left:0px;
	list-style:disc; 
	list-style-position:inside;  
	}
td > ul >li { 
	font-family: var(--usedfont); 
    color:var(--color-text); 
    font-size:var(--font-default-size); 
    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: var(--usedfont); 
    color:var(--color-text); 
    font-size:var(--font-default-size); 
    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: var(--usedfont); 
    color:var(--color-text); 
    font-size:var(--font-default-size); 
    padding-top:0px;
	padding-bottom:0px; 
	margin-bottom:8pt; 
	margin-top:5pt; 
	margin-right:0pt; 
	margin-left:30px;
	padding-left:10px;
	list-style-position:outside;  
	}
b.BoldColor {
	color:#1659FF;
	}
b.BoldBlue {
	color:#1659FF;
	}
/* Styles for tables */
table.docu {
	margin-top:10px;
     margin-bottom:10px;
	 border-spacing:0px;
	 }
th.docu { 
    border-width:1px; 
    background-color:#FAFBFE; 
   	border-style:solid; 
    border-color:#CCCCCC; 
    padding:8px 15px 8px 15px;
	font-family: var(--usedfont); 
    color:var(--color-text); 
    font-size:var(--font-default-size); 
    }
td.docu {
	border-width:1px;
	background-color:#ffffff;
	border-style:solid;
	border-color:#CCCCCC;
	padding:8px 15px 8px 15px;
	vertical-align:middle;
	font-family: var(--usedfont); 
    color:var(--color-text); 
    font-size:var(--font-default-size); 
    font-weight:normal;
	}	
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: var(--usedfont); 
    color:var(--color-text); 
    font-size:var(--font-default-size); 
    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: var(--usedfont); 
    color:var(--color-text); 
    font-size:var(--font-default-size); 
    font-weight:normal;
	padding-bottom:0px !important;
	}
.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: var(--usedfont); 
    color:var(--color-text); 
    font-size:var(--font-default-size); 
	font-weight:normal;
	padding-bottom:0px !important;
	}	
/* Styles for code elements */
ul.Code{ 
	display:relative;
	overflow:hidden;
    font-family:Courier New, Helvetica, sans-serif; 
        color:var(--color-text); 
    font-size:var(--font-default-size); 
    padding-top:0px; 
    margin-bottom:5pt; 
    margin-top:5pt; 
    margin-right:5pt; 
    margin-left:16pt;
    list-style-type:none; 
	background-color:#FAFBFE;
	}
li.Code{ 
    font-family:Courier New, Helvetica, sans-serif; 
    color:var(--color-text); 
    font-size:var(--font-default-size); 
    padding-top:0px; 
    margin-bottom:5pt; 
    margin-top:5pt; 
    margin-right:5pt; 
    margin-left:16pt;
	list-style-type:none;
	overflow-wrap: break-word;	
	}
span.Code{
	font-family:Courier New, Helvetica, sans-serif; 
    color:var(--color-text); 
    font-size:var(--font-default-size); 
    overflow-wrap: break-word;
	}
span.CodeBold{
	font-family:Courier New, Helvetica, sans-serif; 
    color:var(--color-text); 
    font-size:var(--font-default-size); 
    font-weight: bold; 
	}
/*Styles for notes */
div.tip::before{
	content: "TIP";
	display:block;
	background-color:#FAFBFE;
	color: #FFC902;
	font-size:0.9rem;
	font-weight:bold;
	}
div.tip {
	margin-left:8px;
	padding:12px 5px 2px 12px;
	margin-top:1rem;
	background-color:#FAFBFE;
	border-left: 0.4rem solid #FFC902;
	}
p + div.tip {margin-top:-1rem;}
div.prerequisite::before{
	content: "PREREQUISITE";
	display:block;
	background-color:#FAFBFE;
	color: #FFC902;
	font-size:0.9rem;
	font-weight:bold;
	}
div.prerequisite {
	margin-left:8px;
	margin-top:1rem !important;
	background-color:#FAFBFE;
	padding:12px 5px 2px 12px;
	border-left: 0.4rem solid #FFC902;
	}
div.note::before{
	content: "NOTE";
	display:block;
	background-color:#FAFBFE;
	color: #FFC902;
	font-size:0.9rem;
	font-weight:bold;
	}
div.note {
	margin-left:8px;
	margin-top:1rem !important;
	background-color:#FAFBFE;
	padding:12px 5px 2px 12px;
	border-left: 0.4rem solid #FFC902;
	}
p + div.note {margin-top:-1rem;}
div.important::before{
	content: "IMPORTANT";
	display:block;
	background-color:#FAFBFE;
	color: #E07800;
	font-size:0.9rem;
	font-weight:bold;
	}
div.important {
	margin-left:8px;
	margin-top:1rem !important;
	background-color:#FAFBFE;
	padding:12px 5px 2px 12px;
	border-left: 0.4rem solid #E07800;
	}
p + div.important {margin-top:-1rem;}
div.caution::before{
	content: "CAUTION";
	display:block;
	background-color:#FAFBFE
	color: #E07800;
	font-size:0.9rem;
	font-weight:bold;
	}
div.caution {
	margin-left:8px;
	margin-top:1rem !important;
	background-color:#FAFBFE;
	padding:12px 5px 2px 12px;
	border-left: 0.4rem solid #E07800;
	}
p + div.caution {margin-top:-1rem;}
div.example::before{
	content: "EXAMPLE";
	display:block;
	background-color:#FAFBFE;
	color: #FFC902;
	font-size:0.9rem;
	font-weight:bold;
	}
div.example {
	margin-left:8px;
	margin-top:1rem !important;
	background-color:#FAFBFE;
	padding:12px 5px 2px 12px;
	border-left: 0.4rem solid #FFC902;
	}
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:#02133E; 
	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:#02133E; 
	text-align:left;}
/*Styles for images*/
img {
	max-width: 100%; height: auto;
	}
/*right side navigation styles*/
li.right-side{
	list-style: none !important;
	}
a.right-side {
	padding :0px !important;
	font-size:var(--font-default-size);
	color:#1659FF !important;
	}
.right-nav {
  font-size: 14px !important;
}
.right-nav-content{
	font-style: normal;
	color:#1659FF !important;
	list-style: none !important;
}