/* The modified standard CSS for doxygen 1.8.18 */

body.doc-page {
   font: 400 14px/22px Roboto,sans-serif;
   background-color: white;
   color: black;
   margin: 0;
   display:flex;
   flex-direction: column;
   background-color: white;
   color: black;
}

/* @group Heading Levels */

.doc-page h1 {
	font-size: 150%;
}

.doc-page .title {
	font: 400 14px/28px Roboto,sans-serif;
	font-size: 150%;
	font-weight: bold;
	margin: 10px 2px;
}

.doc-page h2 {
	font-size: 125%;
}

.doc-page h2.groupheader {
	border-bottom: 1px solid #879ECB;
	color: #354C7B;
	font-weight: normal;
	margin-top: 1.75em;
	padding-top: 8px;
	padding-bottom: 4px;
	width: 100%;
}

.doc-page h1, .doc-page h2, 
.doc-page h3, .doc-page h4, 
.doc-page h5, .doc-page h6 {
	-webkit-transition: text-shadow 0.5s linear;
	-moz-transition: text-shadow 0.5s linear;
	-ms-transition: text-shadow 0.5s linear;
	-o-transition: text-shadow 0.5s linear;
	transition: text-shadow 0.5s linear;
	margin-right: 15px;
}

.doc-page h1.glow, .doc-page h2.glow, 
.doc-page h3.glow, .doc-page h4.glow, 
.doc-page h5.glow, .doc-page h6.glow {
	text-shadow: 0 0 15px cyan;
}

.doc-page dt {
	font-weight: bold;
}

.doc-page div.multicol {
	-moz-column-gap: 1em;
	-webkit-column-gap: 1em;
	-moz-column-count: 3;
	-webkit-column-count: 3;
}

.doc-page p.startli, 
.doc-page p.startdd {
	margin-top: 2px;
}

th p.starttd, p.intertd, p.endtd {
   font-size: 100%;
   font-weight: 700;
}

.doc-page p.starttd {
	margin-top: 0px;
}

.doc-page p.endli {
	margin-bottom: 0px;
}

.doc-page p.enddd {
	margin-bottom: 4px;
}

.doc-page p.endtd {
	margin-bottom: 2px;
}

.doc-page p.interli { }
.doc-page p.interdd { }
.doc-page p.intertd { }

/* @end */

.doc-page caption {
	font-weight: bold;
}

/*
span.legend {
        font-size: 70%;
        text-align: center;
}

h3.version {
        font-size: 90%;
        text-align: center;
}*/

.doc-page div.qindex, 
.doc-page div.navtab{
	background-color: #EBEFF6;
	border: 1px solid #A3B4D7;
	text-align: center;
}

.doc-page div.qindex, 
.doc-page div.navpath {
	width: 100%;
	line-height: 140%;
}

.doc-page div.navtab {
	margin-right: 15px;
}

/* @group Link Styling */
.doc-page a {
	color: #3D578C;
	font-weight: normal;
	text-decoration: none;
}

.doc-page a:visited {
	color: #4665A2;
}

.doc-page a:hover {
	text-decoration: underline;
}

.doc-page a.qindex {
	font-weight: bold;
}

.doc-page a.qindexHL {
	font-weight: bold;
	background-color: #9CAFD4;
	color: #FFFFFF;
	border: 1px double #869DCA;
}

.doc-page a.qindexHL:visited {
    color: #FFFFFF;
}

.doc-page a.el {
	font-weight: bold;
}

.doc-page a.elRef {
}

.doc-page a.code, .doc-page a.code:visited, 
.doc-page a.line, .doc-page a.line:visited {
	color: #4665A2; 
}

.doc-page a.codeRef, .doc-page a.codeRef:visited, 
.doc-page a.lineRef, .doc-page a.lineRef:visited {
	color: #4665A2; 
}

/* @end */

.doc-page dl.el {
	margin-left: -1cm;
}

.doc-page pre.fragment {
        border: 1px solid #C4CFE5;
        background-color: #FBFCFD;
        padding: 4px 6px;
        margin: 4px 8px 4px 2px;
        overflow: auto;
        word-wrap: break-word;
        font-size:  13px;
        line-height: 125%;
        font-family: Courier, "Courier New", monospace, fixed;
        font-weight: normal;
        font-style: normal;
}

.doc-page div.fragment {
        padding: 4px 6px;
        margin: 4px 8px 4px 2px;
        background-color: #FBFCFD;
        border: 1px solid #C4CFE5;
}

.doc-page pre.console {
    font-size: 14px; 
    font-family: courier; 
    color: white; 
    background: #333333; 
    overflow: auto; 
    word-wrap: break-word; 
    padding: 10px; 
    border: 1px solid black;
}

/* Tabs in Python API docs*/
.doc-page .tabbed {
  overflow-x: hidden;
  margin: 20px 0;
  padding-bottom: 16px;
  border-bottom: 1px solid #ccc;
}

.doc-page .tabbed [type="radio"] {
  /* hiding the inputs */
  display: none;
}

.doc-page .tabs {
  display: flex;
  align-items: stretch;
  list-style: none;
  padding: 0;
  border-bottom: 1px solid #999;
}
.doc-page .tab > label {
  display: block;
  margin-bottom: -1px;
  padding: 4px 12px;
  border-radius: 6px 6px 0 0;
  border: 1px solid #999;
  font-size: 16px;
  font-family: courier;
  cursor: pointer;
}
.doc-page .tab-content {
  display: none;
  font-family: courier;
  background: #333333;
  padding: 20px;
  font-size: 14px
}

/* As we cannot replace the numbers with variables or calls to element properties, the number of this selector parts is our tab count limit */
.doc-page .tabbed [type="radio"]:nth-of-type(1):checked ~ .tabs .tab:nth-of-type(1) label,
.doc-page .tabbed [type="radio"]:nth-of-type(2):checked ~ .tabs .tab:nth-of-type(2) label,
.doc-page .tabbed [type="radio"]:nth-of-type(3):checked ~ .tabs .tab:nth-of-type(3) label,
.doc-page .tabbed [type="radio"]:nth-of-type(4):checked ~ .tabs .tab:nth-of-type(4) label,
.doc-page .tabbed [type="radio"]:nth-of-type(5):checked ~ .tabs .tab:nth-of-type(5) label {
  border-bottom-color: #fff;
  border-top-color: #999;
  background: #eee;
  font-weight: bold;
}

.doc-page .tabbed [type="radio"]:nth-of-type(1):checked ~ .tab-content:nth-of-type(1),
.doc-page .tabbed [type="radio"]:nth-of-type(2):checked ~ .tab-content:nth-of-type(2),
.doc-page .tabbed [type="radio"]:nth-of-type(3):checked ~ .tab-content:nth-of-type(3),
.doc-page .tabbed [type="radio"]:nth-of-type(4):checked ~ .tab-content:nth-of-type(4) {
  display: block;
}

.doc-page div.line {
	font-family: monospace, fixed;
        font-size: 13px;
	min-height: 13px;
	line-height: 1.0;
	text-wrap: unrestricted;
	white-space: -moz-pre-wrap; /* Moz */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3  */
	word-wrap: break-word;      /* IE 5.5+ */
	text-indent: -53px;
	padding-left: 53px;
	padding-bottom: 0px;
	margin: 0px;
	-webkit-transition-property: background-color, box-shadow;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: background-color, box-shadow;
	-moz-transition-duration: 0.5s;
	-ms-transition-property: background-color, box-shadow;
	-ms-transition-duration: 0.5s;
	-o-transition-property: background-color, box-shadow;
	-o-transition-duration: 0.5s;
	transition-property: background-color, box-shadow;
	transition-duration: 0.5s;
}

.doc-page div.line:after {
    content:"\000A";
    white-space: pre;
}

.doc-page div.line.glow {
	background-color: cyan;
	box-shadow: 0 0 10px cyan;
}


.doc-page span.lineno {
	padding-right: 4px;
	text-align: right;
	border-right: 2px solid #0F0;
	background-color: #E8E8E8;
        white-space: pre;
}
.doc-page span.lineno a {
	background-color: #D8D8D8;
}

.doc-page span.lineno a:hover {
	background-color: #C8C8C8;
}

.doc-page .lineno {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.doc-page div.ah, 
.doc-page span.ah {
	background-color: black;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 3px;
	margin-top: 3px;
	padding: 0.2em;
	border: solid thin #333;
	border-radius: 0.5em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	box-shadow: 2px 2px 3px #999;
	-webkit-box-shadow: 2px 2px 3px #999;
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#000),color-stop(0.3, #444));
	background-image: -moz-linear-gradient(center top, #eee 0%, #444 40%, #000);
}

.doc-page div.classindex ul {
        list-style: none;
        padding-left: 0;
}

.doc-page div.classindex span.ai {
        display: inline-block;
}

.doc-page div.groupHeader {
	margin-left: 16px;
	margin-top: 12px;
	font-weight: bold;
}

.doc-page div.groupText {
	margin-left: 16px;
	font-style: italic;
}

.doc-page div.contents {
	margin-top: 10px;
	margin-left: 12px;
	margin-right: 8px;
	margin-bottom: 10px;
}

.doc-page td.indexkey {
	background-color: #EBEFF6;
	font-weight: bold;
	border: 1px solid #C4CFE5;
	margin: 2px 0px 2px 0;
	padding: 2px 10px;
        white-space: nowrap;
        vertical-align: top;
}

.doc-page td.indexvalue {
	background-color: #EBEFF6;
	border: 1px solid #C4CFE5;
	padding: 2px 10px;
	margin: 2px 0px;
}

.doc-page tr.memlist {
	background-color: #EEF1F7;
}

.doc-page p.formulaDsp {
	text-align: center;
}

.doc-page img.formulaDsp { }

.doc-page img.formulaInl, .doc-page img.inline {
	vertical-align: middle;
}

.doc-page div.center {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

.doc-page div.center img {
	border: 0px;
}

.doc-page address.footer {
	text-align: right;
	padding-right: 12px;
}

.doc-page img.footer {
	border: 0px;
	vertical-align: middle;
}

/* @group Code Colorization */

.doc-page span.keyword {
	color: #008000
}

.doc-page span.keywordtype {
	color: #604020
}

.doc-page span.keywordflow {
	color: #e08000
}

.doc-page span.comment {
	color: #800000
}

.doc-page span.preprocessor {
	color: #806020
}

.doc-page span.stringliteral {
	color: #002080
}

.doc-page span.charliteral {
	color: #008080
}

.doc-page span.vhdldigit { 
	color: #ff00ff 
}

.doc-page span.vhdlchar { 
	color: #000000 
}

.doc-page span.vhdlkeyword { 
	color: #700070 
}

.doc-page span.vhdllogic { 
	color: #ff0000 
}

.doc-page blockquote {
        /*background-color: #F7F8FB;*/
        /*border-left: 2px solid #9CAFD4;*/
        margin: 0 24px 0 4px;
        padding: 0 12px 0 16px;
}

.doc-page blockquote.DocNodeRTL {
   border-left: 0;
   border-right: 2px solid #9CAFD4;
   margin: 0 4px 0 24px;
   padding: 0 16px 0 12px;
}

/* @end */

/*
.search {
	color: #003399;
	font-weight: bold;
}

form.search {
	margin-bottom: 0px;
	margin-top: 0px;
}

input.search {
	font-size: 75%;
	color: #000080;
	font-weight: normal;
	background-color: #e8eef2;
}
*/

.doc-page td.tiny {
	font-size: 75%;
}

.doc-page .dirtab {
	padding: 4px;
	border-collapse: collapse;
	border: 1px solid #A3B4D7;
}

.doc-page th.dirtab {
	background: #EBEFF6;
	font-weight: bold;
}

.doc-page hr {
	height: 0px;
	border: none;
	border-top: 1px solid #4A6AAA;
}

.doc-page hr.footer {
	height: 1px;
}

/* @group Member Descriptions */

.doc-page table.memberdecls {
	border-spacing: 0px;
	padding: 0px;
}

.doc-page .memberdecls td, 
.doc-page .fieldtable tr {
	-webkit-transition-property: background-color, box-shadow;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: background-color, box-shadow;
	-moz-transition-duration: 0.5s;
	-ms-transition-property: background-color, box-shadow;
	-ms-transition-duration: 0.5s;
	-o-transition-property: background-color, box-shadow;
	-o-transition-duration: 0.5s;
	transition-property: background-color, box-shadow;
	transition-duration: 0.5s;
}

.doc-page .memberdecls td.glow, 
.doc-page .fieldtable tr.glow {
	background-color: cyan;
	box-shadow: 0 0 15px cyan;
}

.doc-page .mdescLeft, .doc-page .mdescRight,
.doc-page .memItemLeft, .doc-page .memItemRight,
.doc-page .memTemplItemLeft, .doc-page .memTemplItemRight, .doc-page .memTemplParams {
	background-color: #F9FAFC;
	border: none;
	margin: 4px;
	padding: 1px 0 0 8px;
}

.doc-page .mdescLeft, .doc-page .mdescRight {
	padding: 0px 8px 4px 8px;
	color: #555;
}

.doc-page .memSeparator {
        border-bottom: 1px solid #DEE4F0;
        line-height: 1px;
        margin: 0px;
        padding: 0px;
}

.doc-page .memItemLeft, .doc-page .memTemplItemLeft {
        white-space: nowrap;
}

.doc-page .memItemRight, .doc-page .memTemplItemRight {
	width: 100%;
}

.doc-page .memTemplParams {
	color: #4665A2;
        white-space: nowrap;
	font-size: 80%;
}

/* @end */

/* @group Member Details */

/* Styles for detailed member documentation */

.doc-page .memtitle {
	padding: 8px;
	border-top: 1px solid #A8B8D9;
	border-left: 1px solid #A8B8D9;
	border-right: 1px solid #A8B8D9;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	margin-bottom: -1px;
	background-image: url('nav_f.png');
	background-repeat: repeat-x;
	background-color: #E2E8F2;
	line-height: 1.25;
	font-weight: 300;
	float:left;
}

.doc-page .permalink {
        font-size: 65%;
        display: inline-block;
        vertical-align: middle;
}

.doc-page .memtemplate {
	font-size: 80%;
	color: #4665A2;
	font-weight: normal;
	margin-left: 9px;
}

.doc-page .memnav {
	background-color: #EBEFF6;
	border: 1px solid #A3B4D7;
	text-align: center;
	margin: 2px;
	margin-right: 15px;
	padding: 2px;
}

.doc-page .mempage {
	width: 100%;
}

.doc-page .memitem {
	padding: 0;
	margin-bottom: 10px;
	margin-right: 5px;
        -webkit-transition: box-shadow 0.5s linear;
        -moz-transition: box-shadow 0.5s linear;
        -ms-transition: box-shadow 0.5s linear;
        -o-transition: box-shadow 0.5s linear;
        transition: box-shadow 0.5s linear;
        display: table !important;
        width: 100%;
}

.doc-page .memitem.glow {
         box-shadow: 0 0 15px cyan;
}

.doc-page .memname {
        font-weight: 400;
        margin-left: 6px;
}

.doc-page .memname td {
	vertical-align: bottom;
}

.doc-page .memproto, .doc-page dl.reflist dt {
        border-top: 1px solid #A8B8D9;
        border-left: 1px solid #A8B8D9;
        border-right: 1px solid #A8B8D9;
        padding: 6px 0px 6px 0px;
        color: #253555;
        font-weight: bold;
        text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
        background-color: #DFE5F1;
        /* opera specific markup */
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
        border-top-right-radius: 4px;
        /* firefox specific markup */
        -moz-box-shadow: rgba(0, 0, 0, 0.15) 5px 5px 5px;
        -moz-border-radius-topright: 4px;
        /* webkit specific markup */
        -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
        -webkit-border-top-right-radius: 4px;

}

.doc-page .overload {
        font-family: "courier new",courier,monospace;
	font-size: 65%;
}

.doc-page .memdoc, .doc-page dl.reflist dd {
        border-bottom: 1px solid #A8B8D9;      
        border-left: 1px solid #A8B8D9;      
        border-right: 1px solid #A8B8D9; 
        padding: 6px 10px 2px 10px;
        background-color: #FBFCFD;
        border-top-width: 0;
        background-image:url('nav_g.png');
        background-repeat:repeat-x;
        background-color: #FFFFFF;
        /* opera specific markup */
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
        /* firefox specific markup */
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-box-shadow: rgba(0, 0, 0, 0.15) 5px 5px 5px;
        /* webkit specific markup */
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
}

.doc-page dl.reflist dt {
        padding: 5px;
}

.doc-page dl.reflist dd {
        margin: 0px 0px 10px 0px;
        padding: 5px;
}

.doc-page .paramkey {
	text-align: right;
}

.doc-page .paramtype {
	white-space: nowrap;
}

.doc-page .paramname {
	color: #602020;
	white-space: nowrap;
}
.doc-page .paramname em {
	font-style: normal;
}
.doc-page .paramname code {
        line-height: 14px;
}

.doc-page .params, .retval, .exception, .tparams {
        margin-left: 0px;
        padding-left: 0px;
}       

.doc-page .params .paramname, .doc-page .retval .paramname, 
.doc-page .tparams .paramname, .doc-page .exception .paramname {
        font-weight: bold;
        vertical-align: top;
}
        
.doc-page .params .paramtype, 
.doc-page .tparams .paramtype {
        font-style: italic;
        vertical-align: top;
}       
        
.doc-page .params .paramdir, 
.doc-page .tparams .paramdir {
        font-family: "courier new",courier,monospace;
        vertical-align: top;
}

.doc-page table.mlabels {
	border-spacing: 0px;
}

.doc-page td.mlabels-left {
	width: 100%;
	padding: 0px;
}

.doc-page td.mlabels-right {
	vertical-align: bottom;
	padding: 0px;
	white-space: nowrap;
}

.doc-page span.mlabels {
        margin-left: 8px;
}

.doc-page span.mlabel {
        background-color: #728DC1;
        border-top:1px solid #5373B4;
        border-left:1px solid #5373B4;
        border-right:1px solid #C4CFE5;
        border-bottom:1px solid #C4CFE5;
	text-shadow: none;
	color: white;
	margin-right: 4px;
	padding: 2px 3px;
	border-radius: 3px;
	font-size: 7pt;
	white-space: nowrap;
	vertical-align: middle;
}



/* @end */

/* these are for tree view inside a (index) page */

.doc-page div.directory {
        margin: 10px 0px;
        border-top: 1px solid #9CAFD4;
        border-bottom: 1px solid #9CAFD4;
        width: 100%;
}

.doc-page .directory table {
        border-collapse:collapse;
}

.doc-page .directory td {
        margin: 0px;
        padding: 0px;
	vertical-align: top;
}

.doc-page .directory td.entry {
        white-space: nowrap;
        padding-right: 6px;
	padding-top: 3px;
}

.doc-page .directory td.entry a {
        outline:none;
}

.doc-page .directory td.entry a img {
        border: none;
}

.doc-page .directory td.desc {
        width: 100%;
        padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	border-left: 1px solid rgba(0,0,0,0.05);
}

.doc-page .directory tr.even {
	padding-left: 6px;
	background-color: #F7F8FB;
}

.doc-page .directory img {
	vertical-align: -30%;
}

.doc-page .directory .levels {
        white-space: nowrap;
        width: 100%;
        text-align: right;
        font-size: 9pt;
}

.doc-page .directory .levels span {
        cursor: pointer;
        padding-left: 2px;
        padding-right: 2px;
	color: #3D578C;
}

.doc-page .arrow {
    color: #9CAFD4;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-size: 80%;
    display: inline-block;
    width: 16px;
    height: 22px;
}

.doc-page .icon {
    font-family: Arial, Helvetica;
    font-weight: bold;
    font-size: 12px;
    height: 14px;
    width: 16px;
    display: inline-block;
    background-color: #728DC1;
    color: white;
    text-align: center;
    border-radius: 4px;
    margin-left: 2px;
    margin-right: 2px;
}

.doc-page .icona {
    width: 24px;
    height: 22px;
    display: inline-block;
}

.doc-page .iconfopen {
    width: 24px;
    height: 18px;
    margin-bottom: 4px;
    background-image:url('folderopen.png');
    background-position: 0px -4px;
    background-repeat: repeat-y;
    vertical-align:top;
    display: inline-block;
}

.doc-page .iconfclosed {
    width: 24px;
    height: 18px;
    margin-bottom: 4px;
    background-image:url('folderclosed.png');
    background-position: 0px -4px;
    background-repeat: repeat-y;
    vertical-align:top;
    display: inline-block;
}

.icondoc {
    width: 24px;
    height: 18px;
    margin-bottom: 4px;
    background-image:url('doc.png');
    background-position: 0px -4px;
    background-repeat: repeat-y;
    vertical-align:top;
    display: inline-block;
}

.doc-page table.directory {
    font: 400 14px Roboto,sans-serif;
}

.doc-page td {
        vertical-align: top;
}

/* @end */

.doc-page div.dynheader {
        margin-top: 8px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.doc-page address {
	font-style: normal;
	color: #2A3D61;
}

.doc-page table.doxtable caption {
	caption-side: top;
}

.doc-page table.doxtable {
	border-collapse:collapse;
        margin-top: 4px;
        margin-bottom: 4px;
}

.doc-page table.doxtable td, 
.doc-page table.doxtable th {
	border: 1px solid #2D4068;
	padding: 3px 7px 2px;
}

.doc-page table.doxtable th {
	background-color: #374F7F;
	color: #FFFFFF;
	font-size: 110%;
	padding-bottom: 4px;
	padding-top: 5px;
}

.doc-page table.fieldtable {
    /*width: 100%;*/
    margin-bottom: 10px;
    border: 1px solid #A8B8D9;
    border-spacing: 0px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
}

.doc-page .fieldtable td,
.doc-page .fieldtable th {
    padding: 3px 7px 2px;
}

.doc-page .fieldtable td.fieldtype, 
.doc-page .fieldtable td.fieldname {
    white-space: nowrap;
    border-right: 1px solid #A8B8D9;
    border-bottom: 1px solid #A8B8D9;
    vertical-align: top;
}

.doc-page .fieldtable td.fieldname {
    padding-top: 3px;
}

.doc-page .fieldtable td.fielddoc {
    border-bottom: 1px solid #A8B8D9;
    /*width: 100%;*/
}

.doc-page .fieldtable td.fielddoc p:first-child {
    margin-top: 0px;
}       
        
.doc-page .fieldtable td.fielddoc p:last-child {
    margin-bottom: 2px;
}

.doc-page .fieldtable tr:last-child td {
    border-bottom: none;
}

.doc-page .fieldtable th {
    background-image:url('nav_f.png');
    background-repeat:repeat-x;
    background-color: #E2E8F2;
    font-size: 90%;
    color: #253555;
    padding-bottom: 4px;
    padding-top: 5px;
    text-align:left;
    font-weight: 400;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #A8B8D9;
}


.doc-page .tabsearch {
	top: 0px;
	left: 10px;
	height: 36px;
	background-image: url('tab_b.png');
	z-index: 101;
	overflow: hidden;
	font-size: 13px;
}

.doc-page .navpath ul {
	font-size: 11px;
	background-image:url('tab_b.png');
	background-repeat:repeat-x;
	background-position: 0 -5px;
	height:30px;
	line-height:30px;
	color:#8AA0CC;
	border:solid 1px #C2CDE4;
	overflow:hidden;
	margin:0px;
	padding:0px;
}

/*
.navpath li
{
	list-style-type:none;
	float:left;
	padding-left:10px;
	padding-right:15px;
	background-image:url('bc_s.png');
	background-repeat:no-repeat;
	background-position:right;
	color:#364D7C;
}
*/
.doc-page .navpath li.navelem a {
	height:32px;
	display:block;
	text-decoration: none;
	outline: none;
	color: #283A5D;
	font-family: 'Lucida Grande',Geneva,Helvetica,Arial,sans-serif;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
	text-decoration: none;        
}

.doc-page .navpath li.navelem a:hover {
	color:#6884BD;
}

.doc-page .navpath li.footer {
        list-style-type:none;
        float:right;
        padding-left:10px;
        padding-right:15px;
        background-image:none;
        background-repeat:no-repeat;
        background-position:right;
        color:#364D7C;
        font-size: 8pt;
}

.doc-page div.summary {
	float: right;
	font-size: 8pt;
	padding-right: 5px;
	width: 50%;
	text-align: right;
}       

.doc-page div.summary a {
	white-space: nowrap;
}

.doc-page table.classindex {
    margin: 10px;
    white-space: nowrap;
    margin-left: 3%;
    margin-right: 3%;
    width: 94%;
    border: 0;
    border-spacing: 0; 
    padding: 0;
}

.doc-page div.ingroups {
	font-size: 8pt;
	width: 50%;
	text-align: left;
}

.doc-page div.ingroups a {
	white-space: nowrap;
}

.doc-page div.header {
    background-image:url('nav_h.png');
    background-repeat:repeat-x;
	background-color: #F9FAFC;
	margin:  0px;
	border-bottom: 1px solid #C4CFE5;
}

.doc-page div.headertitle {
	padding: 5px 5px 5px 10px;
}

.doc-page .PageDocRTL-title div.headertitle {
    text-align: right;
    direction: rtl;
}

.doc-page dl {
    padding: 0 0 0 10px;
}

/* dl.note, dl.warning, dl.attention, dl.pre, dl.post, dl.invariant, dl.deprecated, dl.todo, dl.test, dl.bug, dl.examples */
.doc-page dl.section {
	margin-left: 0px;
	padding-left: 0px;
}

.doc-page dl.section.DocNodeRTL {
  margin-right: 0px;
  padding-right: 0px;
}

.doc-page dl.note {
  margin-left: 5px;
  padding-left: 3px;
  border-left: 4px solid;
  border-color: #D0C000;
}

.doc-page dl.note.DocNodeRTL {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
  margin-right: -7px;
  padding-right: 3px;
  border-right: 4px solid;
  border-color: #D0C000;
}

.doc-page dl.warning, 
.doc-page dl.attention {
  margin-left: 5px;
  padding-left: 3px;
  border-left: 4px solid;
  border-color: #FF0000;
}

.doc-page dl.warning.DocNodeRTL, d
.doc-page l.attention.DocNodeRTL {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
  margin-right: -7px;
  padding-right: 3px;
  border-right: 4px solid;
  border-color: #FF0000;
}

.doc-page dl.pre, 
.doc-page dl.post, 
.doc-page dl.invariant {
  margin-left: -7px;
  padding-left: 3px;
  border-left: 4px solid;
  border-color: #00D000;
}

.doc-page dl.pre.DocNodeRTL, 
.doc-page dl.post.DocNodeRTL, 
.doc-page dl.invariant.DocNodeRTL {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
  margin-right: -7px;
  padding-right: 3px;
  border-right: 4px solid;
  border-color: #00D000;
}

.doc-page dl.deprecated {
  margin-left: -7px;
  padding-left: 3px;
  border-left: 4px solid;
  border-color: #505050;
}

.doc-page dl.deprecated.DocNodeRTL {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
  margin-right: -7px;
  padding-right: 3px;
  border-right: 4px solid;
  border-color: #505050;
}

.doc-page dl.todo {
  margin-left: -7px;
  padding-left: 3px;
  border-left: 4px solid;
  border-color: #00C0E0;
}

.doc-page dl.todo.DocNodeRTL {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
  margin-right: -7px;
  padding-right: 3px;
  border-right: 4px solid;
  border-color: #00C0E0;
}

.doc-page dl.test {
  margin-left:-7px;
  padding-left: 3px;
  border-left:4px solid;
  border-color: #3030E0;
}

.doc-page dl.test.DocNodeRTL {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
  margin-right: -7px;
  padding-right: 3px;
  border-right: 4px solid;
  border-color: #3030E0;
}

.doc-page dl.bug {
  margin-left:-7px;
  padding-left: 3px;
  border-left:4px solid;
  border-color: #C08050;
}

.doc-page dl.bug.DocNodeRTL {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
  margin-right: -7px;
  padding-right: 3px;
  border-right: 4px solid;
  border-color: #C08050;
}

.doc-page dl.section dd {
	margin-bottom: 6px;
}


#projectlogo {
	text-align: center;
	vertical-align: bottom;
	border-collapse: separate;
}
 
#projectlogo img { 
	border: 0px none;
}
 
#projectalign {
        vertical-align: middle;
}

#projectname {
	font: 220% Roboto,sans-serif;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 2px 0px;
	color: #330099 ;
}
    
#projectbrief {
	font: 120% Tahoma, Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

#projectnumber {
	font: 50% Tahoma, Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

#titlearea {
	padding: 0px;
	margin: 0px;
	width: 100%;
	border-bottom: 1px solid #5373B4;
}

.doc-page .image {
    margin-left: 40px;
    align: left;
}

.doc-page .dotgraph {
    text-align: center;
}

.doc-page .mscgraph {
    text-align: center;
}

.doc-page .plantumlgraph {
    text-align: center;
}

.doc-page .diagraph {
    text-align: center;
}

.doc-page .caption {
    font-weight: bold;
}

.doc-page div.zoom{
    border: 1px solid #90A5CE;
}

.doc-page dl.citelist {
    margin-bottom:50px;
}

.doc-page dl.citelist dt {
    color:#334975;
    float:left;
    font-weight:bold;
    margin-right:10px;
    padding:5px;
}

.doc-page dl.citelist dd {
    margin:2px 0;
    padding:5px 0;
}

.doc-page div.toc {
    padding: 14px 20px;
    background-color: #F4F6FA;
    border: 1px solid #D8DFEE;
    border-radius: 7px 7px 7px 7px;
    float: right;
    height: auto;
    margin: 0 20px 10px 10px;
    width: 200px;
    /* the next two lines are to fix issues with a TOC next to an equation (!1991) */
    position: relative;
    z-index: 10;
}

.doc-page .PageDocRTL-title div.toc {
    float: left !important;
    text-align: right;
}

.doc-page div.toc li {
    background: url("bdwn.png") no-repeat scroll 0 5px transparent;
    font: 12px/1.1 Roboto, Arial, Verdana, sans-serif;
    margin-top: 5px;
    padding-left: 10px;
    padding-top: 2px;
}

.doc-page .PageDocRTL-title div.toc li {
    background-position-x: right !important;
    padding-left: 0 !important;
    padding-right: 10px;
}

.doc-page div.toc h3 {
    font: bold 12px/1.2 Arial,FreeSans,sans-serif;
    color: #4665A2;
    border-bottom: 0 none;
    margin: 0;
}

.doc-page div.toc ul {
    list-style: none outside none;
    border: medium none;
    padding: 0px;
}       

.doc-page div.toc li.level1 {
    margin-left: 0px;
}

.doc-page div.toc li.level2 {
    margin-left: 15px;
}

.doc-page div.toc li.level3 {
    margin-left: 30px;
}

.doc-page div.toc li.level4 {
    margin-left: 45px;
}

.doc-page .PageDocRTL-title div.toc li.level1 {
    margin-left: 0 !important;
    margin-right: 0;
}

.doc-page .PageDocRTL-title div.toc li.level2 {
    margin-left: 0 !important;
    margin-right: 15px;
}

.doc-page .PageDocRTL-title div.toc li.level3 {
    margin-left: 0 !important;
    margin-right: 30px;
}

.doc-page .PageDocRTL-title div.toc li.level4 {
    margin-left: 0 !important;
    margin-right: 45px;
}

.doc-page .inherit_header {
    font-weight: bold;
    color: gray;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.doc-page .inherit_header td {
    padding: 6px 0px 2px 5px;
}

.doc-page .inherit {
    display: none;
}

.doc-page tr.heading h2 {
    margin-top: 12px;
    margin-bottom: 4px;
}

/* tooltip related style info */

.doc-page .ttc {
    position: absolute;
    display: none;
}

#powerTip {
	cursor: default;
	white-space: nowrap;
	background-color: white;
	border: 1px solid gray;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 1px 1px 7px gray;
	display: none;
	font-size: smaller;
	max-width: 80%;
	opacity: 0.9;
	padding: 1ex 1em 1em;
	position: absolute;
	z-index: 2147483647;
}

#powerTip div.ttdoc {
        color: grey;
	font-style: italic;
}

#powerTip div.ttname a {
        font-weight: bold;
}

#powerTip div.ttname {
        font-weight: bold;
}

#powerTip div.ttdeci {
        color: #006318;
}

#powerTip div {
        margin: 0px;
        padding: 0px;
        font: 12px/16px Roboto,sans-serif;
}

#powerTip:before, #powerTip:after {
	content: "";
	position: absolute;
	margin: 0px;
}

#powerTip.n:after,  #powerTip.n:before,
#powerTip.s:after,  #powerTip.s:before,
#powerTip.w:after,  #powerTip.w:before,
#powerTip.e:after,  #powerTip.e:before,
#powerTip.ne:after, #powerTip.ne:before,
#powerTip.se:after, #powerTip.se:before,
#powerTip.nw:after, #powerTip.nw:before,
#powerTip.sw:after, #powerTip.sw:before {
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}

#powerTip.n:after,  #powerTip.s:after,
#powerTip.w:after,  #powerTip.e:after,
#powerTip.nw:after, #powerTip.ne:after,
#powerTip.sw:after, #powerTip.se:after {
	border-color: rgba(255, 255, 255, 0);
}

#powerTip.n:before,  #powerTip.s:before,
#powerTip.w:before,  #powerTip.e:before,
#powerTip.nw:before, #powerTip.ne:before,
#powerTip.sw:before, #powerTip.se:before {
	border-color: rgba(128, 128, 128, 0);
}

#powerTip.n:after,  #powerTip.n:before,
#powerTip.ne:after, #powerTip.ne:before,
#powerTip.nw:after, #powerTip.nw:before {
	top: 100%;
}

#powerTip.n:after, #powerTip.ne:after, #powerTip.nw:after {
	border-top-color: #FFFFFF;
	border-width: 10px;
	margin: 0px -10px;
}
#powerTip.n:before {
	border-top-color: #808080;
	border-width: 11px;
	margin: 0px -11px;
}
#powerTip.n:after, #powerTip.n:before {
	left: 50%;
}

#powerTip.nw:after, #powerTip.nw:before {
	right: 14px;
}

#powerTip.ne:after, #powerTip.ne:before {
	left: 14px;
}

#powerTip.s:after,  #powerTip.s:before,
#powerTip.se:after, #powerTip.se:before,
#powerTip.sw:after, #powerTip.sw:before {
	bottom: 100%;
}

#powerTip.s:after, #powerTip.se:after, #powerTip.sw:after {
	border-bottom-color: #FFFFFF;
	border-width: 10px;
	margin: 0px -10px;
}

#powerTip.s:before, #powerTip.se:before, #powerTip.sw:before {
	border-bottom-color: #808080;
	border-width: 11px;
	margin: 0px -11px;
}

#powerTip.s:after, #powerTip.s:before {
	left: 50%;
}

#powerTip.sw:after, #powerTip.sw:before {
	right: 14px;
}

#powerTip.se:after, #powerTip.se:before {
	left: 14px;
}

#powerTip.e:after, #powerTip.e:before {
	left: 100%;
}
#powerTip.e:after {
	border-left-color: #FFFFFF;
	border-width: 10px;
	top: 50%;
	margin-top: -10px;
}
#powerTip.e:before {
	border-left-color: #808080;
	border-width: 11px;
	top: 50%;
	margin-top: -11px;
}

#powerTip.w:after, #powerTip.w:before {
	right: 100%;
}
#powerTip.w:after {
	border-right-color: #FFFFFF;
	border-width: 10px;
	top: 50%;
	margin-top: -10px;
}
#powerTip.w:before {
	border-right-color: #808080;
	border-width: 11px;
	top: 50%;
	margin-top: -11px;
}

@media print
{
  #top { display: none; }
  #side-nav { display: none; }
  #nav-path { display: none; }
  body { overflow:visible; }
  h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
  .summary { display: none; }
  .memitem { page-break-inside: avoid; }
  #doc-content
  {
    margin-left:0 !important;
    height:auto !important;
    width:auto !important;
    overflow:inherit;
    display:inline;
  }
  #doc-contents
  {
    margin-left:0 !important;
    height:auto !important;
    width:auto !important;
    overflow:inherit;
    display:inline;
  }
}

/* @group Markdown */

/*
table.markdownTable {
	border-collapse:collapse;
        margin-top: 4px;
        margin-bottom: 4px;
}

table.markdownTable td, table.markdownTable th {
	border: 1px solid #2D4068;
	padding: 3px 7px 2px;
}

table.markdownTableHead tr {
}

table.markdownTableBodyLeft td, table.markdownTable th {
	border: 1px solid #2D4068;
	padding: 3px 7px 2px;
}

th.markdownTableHeadLeft th.markdownTableHeadRight th.markdownTableHeadCenter th.markdownTableHeadNone {
	background-color: #374F7F;
	color: #FFFFFF;
	font-size: 110%;
	padding-bottom: 4px;
	padding-top: 5px;
}

th.markdownTableHeadLeft {
	text-align: left
}

th.markdownTableHeadRight {
	text-align: right
}

th.markdownTableHeadCenter {
	text-align: center
}
*/

.doc-page table.markdownTable {
    border-collapse:collapse;
    margin-top: 4px;
    margin-bottom: 4px;
}

.doc-page table.markdownTable td, 
.doc-page table.markdownTable th {
	border: 1px solid #2D4068;
	padding: 3px 7px 2px;
}

.doc-page table.markdownTable tr { }

.doc-page th.markdownTableHeadLeft,
.doc-page th.markdownTableHeadRight,
.doc-page th.markdownTableHeadCenter,
.doc-page th.markdownTableHeadNone {
	background-color: #374F7F;
	color: #FFFFFF;
	font-size: 110%;
	padding-bottom: 4px;
	padding-top: 5px;
}

.doc-page th.markdownTableHeadLeft,
.doc-page td.markdownTableBodyLeft {
	text-align: left
}

.doc-page th.markdownTableHeadRight,
.doc-page td.markdownTableBodyRight {
	text-align: right
}

.doc-page th.markdownTableHeadCenter,
.doc-page td.markdownTableBodyCenter {
	text-align: center
}

.doc-page .DocNodeRTL {
  text-align: right;
  direction: rtl;
}

.doc-page .DocNodeLTR {
  text-align: left;
  direction: ltr;
}

.doc-page table.DocNodeRTL {
   width: auto;
   margin-right: 0;
   margin-left: auto;
}

.doc-page table.DocNodeLTR {
   width: auto;
   margin-right: auto;
   margin-left: 0;
}

.doc-page tt, .doc-page code, 
.doc-page kbd, .doc-page samp {
  display: inline-block;
  direction:ltr; 
}
/* @end */

.doc-page u {
	text-decoration: underline;
}

.doc-page .highlight { 
    background-color: yellow 
 }
 
.highlight.hl-ipython3 {
     background-color: #ece6e5
}

.doc-page .breadcrumbs {
    padding: 3px 0px 0px 0px;
    background-color: white; /* rgba(0,0,255,0.3); */
    width: 100%; 
    /* position:fixed; */
 }
 
.doc-page .breadcrumbs a {
    color: #4665A2;
}

/*
a.anchor:before {   
    content: "";
    display: block;
    height: 30px;     // fixed header height 
    margin: -1em 0 0; // negative fixed header height  
} 
*/
 
.doc-page table.glossary {
    padding: 5px 20px;
}

.doc-page .navmenu {
       list-style-type: none;
       top: 0;
       margin: 0;
       padding: 0;
       overflow: hidden;
       background-color: #E2E8F2;
       width: 100%;
       z-index: 70000;
       position: relative;
       height: 42px;
 }

.doc-page .footermenu {
       overflow: hidden;
       background-color: #E2E8F2;
       z-index: 80000;
       padding: 5px 5px;
       text-align: center;
}

.doc-page ul.navmenu li a {
       display: block;
       text-align: center;
       padding: 10px 12px;
       text-decoration: none;
 }

.doc-page .disabled-hover {
      pointer-events: none; 
}

.doc-page .disabled-all a {
      pointer-events: none; 
      color: lightgray;
}

.doc-page .row {
      display: flex;
      flex-direction: row;
}

.doc-page .col {
      display: flex;
      flex-direction: column;
}

.doc-page header, footer {
       width : 100%;
}

/*
article {
      width: 80%;
       border-left: 1px solid gray;
       padding: 1em;
       overflow: visible;
}

aside {
/ *      width: 20%; * /
      padding-top: 1em;
      padding-left: 1em;
      white-space: nowrap;
}*/

.doc-page .right { float: right; }
.doc-page .left { float: left; }
.doc-page .center { text-align: center; }
.doc-page .left-align { text-align: left; }

.doc-page .gams_search {
      margin-top: 5px;
      margin-left: 5px;
}

#headers_search, #headers_option  {
   /*   padding: 3px;
      margin-top: 5px;
      margin-left: 5px;*/
   display: flex; 
   flex-direction: row;
   flex-wrap: wrap;
   padding:8px 15px; 
   /* background:rgba(50, 50, 50, 0.2);*/
   border:0px solid #dbdbdb;
}

.doc-page input {
    font: inherit;
    display: inline;
    margin-left: 5px;
}

.doc-page input#search {
    font-weight: normal;
    width: 300px;
}

.doc-page .searchinput {
    font: inherit;
    margin: 20px 20px auto; 
    border-radius: 10px; 
}

.doc-page div#options_row {
    font-weight: normal;
    display: flex; 
    flex-direction: row;
}

.doc-page input[type="checkbox"]  {
    display:inline-block;
    width:19px;
    height:19px;
    vertical-align:middle;
}

.doc-page select {
    padding:3px;
    border-radius: 2px;
    font: inherit;
    display: inline-block;
}

.doc-page .center {
    margin-left: auto; 
    margin-right: auto;
}

.doc-page .results {
    margin-left: 30px;
}

.doc-page pre.description {
    padding: 4px 6px;
    margin: 4px 8px 4px 2px;
    background-color: #FBFCFD;
    border: 1px  solid #C4CFE5;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-weight: normal;
    font-style: normal; 
    line-height: 125%;
}


/* Style the tab */
.doc-page div.tab {
    background-color:  #f1f1f1; 
    min-width: 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
}

/* Style the buttons inside the tab */
.doc-page div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.2s;

   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
    border-radius: 5px 5px 0 0;

    flex: flex-shrink;
}

.doc-page div.resultsarea {
   margin: 20px 10px 10px 20px; 
}
   
/* Change background color of buttons on hover */
.doc-page div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.doc-page div.tab button.active {
    background-color: #ccc;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 0; 
}

.doc-page div.resultentry { margin: 20px 20px 20px 20px; }
.doc-page div.resultentry em { background-color: #dcdcdc; }

.doc-page .bgblue { background-color: #E2E8F2; } 
.doc-page .blue { color : #3D578C; }
.doc-page .center { text-align: center; }    
.doc-page .underline { text-decoration: underline; }
.doc-page .strong { font-weight: bold; }

.doc-page .menutext {
    display: inline-block;
    text-align: center;
    padding: 10px 5px 0 5px;
    text-decoration: none;
    color: #3D578C;
}

#search_results { border-bottom: 1px solid; }
#navresults { padding-bottom: 10px; }
.doc-page div.input  {
    width: 98%;
    margin: 20px 20px auto;
    left: 50px;
}

.doc-page div.refinement {
    width: 98%;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
    left: 50px;
}

.doc-page div.results {
    width: 98%;
    margin: 20px auto;
    /* overflow:hidden;*/
}

.doc-page div.searchresults {
    float:left; 
    width: 65%;
/*    margin: 10px auto; */
    overflow:hidden; 
 }
 
#show_indices {
    display: none;
    padding-left: 10px;
    padding-right: 10px;
}
.doc-page ul.indexresults {
    padding-left: 20px;
    margin-right:10px;
}
.doc-page ul.indexresults ul{
    padding-left: 25px;
}
.doc-page div.indexresults {
    width: 30%;
    margin: 10px auto;
    overflow:hidden; 
    background-color: #f1f1f1;
    border: 1px solid lightgrey;
    border-radius: 10px;
}
.doc-page div.resultsummary {
    margin: 10px auto;
}

.doc-page .navlinks.disabled {
  text-decoration: underline;
  font-weight:bold;
}

.doc-page .navlinks.disabled:hover {
  cursor: none; /* not-allowed; */
}

.doc-page .navlinks { 
    text-decoration: none;
    background: none;
    border: none; 
    padding: 5; 
    text-align: center; 
}

.doc-page .navlinks:hover {
    font-weight:bold;
    cursor: pointer;
}

.doc-page .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

.doc-page .tooltip .tooltiptext {
    visibility: hidden;
    width: 150px;
    background-color: #555; 
    color: #fff; 
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -75px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

.doc-page .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.doc-page .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    cursor: none;
}

.doc-page .info {
    background-color: #E2E8F2;
    border-left: 6px solid #2196F3;
    padding-left: 10px;
    margin: 20px 20px 20px 20px;
}

.doc-page div.nav a.active {
/*    color: #0020C2 !important ;  cobalt blue */
    background-color:  white;
    border-top: 1px #ddd solid;
    border-left: 1px #ddd solid;
    border-right: 1px #ddd solid;
    border-bottom: 0; 
/*    border-radius: 10px 10px 0 0;  */
}

/* drop down menu */
.doc-page .dropbtn {
    padding: 16px;
    border: none;
    cursor: pointer;
}

.doc-page .dropdown {
    position: relative;
    display: inline-block;
}

.doc-page .dropdown-content {
    display: none;
    position: fixed;
    background-color: white; /* #f9f9f9; */
    min-width: 160px; 
    box-shadow: 0px 8px 8px 0px lightgray;
    z-index:1;
    list-style:none;
    margin: 0;
    padding: 0;
 }

.doc-page .dropdown-content a {
    color: #3D578C;
    /*padding: 12px 16px; */
    text-decoration: none;
    display: block;
    /*float:left; */
 }

.doc-page .dropdown-content a:hover {
   background-color: #E2E8F2;  
} 

.doc-page .dropdown:hover .dropdown-content { 
    display: block;    
}
.doc-page .dropdown:hover .dropbtn { 
    border-top: 1px #ddd solid;
    border-left: 1px #ddd solid;
    border-right: 1px #ddd solid;
    border-bottom: 0; 
    border-radius: 10px 10px 0 0; 

    color: #0020C2; /* cobalt blue */
    background-color: white;
} 

.doc-page .nodropdown a:hover { 
  color: rgba(0, 32, 194, 1);  /* cobalt blue #0020C2 */
  box-shadow: 0 5px 20px  rgba(145, 92, 182, .4); 
  
  border-top: 1px #ddd solid;
  border-left: 1px #ddd solid;
  border-right: 1px #ddd solid;
  border-bottom: 0; 
  border-radius: 10px 10px 0 0; 
  background-color: white;
}

.doc-page .styled-select { 
   height: 40px;
   overflow: hidden;
   /*border: #ccc 1px solid;*/
   margin:0px;
   padding:0px;
   position: relative;
   color: #3D578C;
 }
   
.doc-page .styled-select select {
   height: 40px;
}

.doc-page select.selectbox {
   background-color: #E2E8F2;  
   height: 40px;
}

.doc-page select.selectbox:hover {
   background-color: white;  
   color: #0020C2; /* cobalt blue */
}

.doc-page select option:hover { background-color: #E2E8F2;  }

.doc-page th a { 
    color: white!important ;
    font-weight: bold;
    text-decoration: underline;
    pointer: cursor;
}

.doc-page .printbtn {
    border: none;
    cursor: pointer;
}

#split-bar {
    background-color:  #E2E8F2; /* lightgrey;*/
    margin-left: 230px;
    width: 3px;
    height: 100%;
    cursor: col-resize;
    z-index: 103;
    border-right: 1px solid lightgrey;
}

.doc-page .ontop {
  z-index: 103;
}

.doc-page .topnav {
  background-color: #E2E8F2;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 0;
  position: fixed;
  z-index: 104;
}

.doc-page .content-page {
  height: 100%;
  bottom: 0px;
  position: relative;
  display: flex;
  /*padding-bottom:30px;    Height of the footer */
}
.doc-page .notoc-content-page {
  /* top: 42px; */
  /* padding-bottom:30px;   Height of the footer */
  position: relative;
  /*margin-bottom: 20px;*/
}

.doc-page .bottomnav {
  background-color: #E2E8F2;
  text-align: center;
  z-index: 104;
  top : 5px; 
  bottom : 0;
  /*margin-top: 20px;*/
  height: 30px;   /* Height of the footer */
  width : 100%;
  position: relative;  
}

.bar1, .bar2, .bar3 {
  width: 15px;
  height: 2px;
  background-color: #3D578C;
  margin: 3px 0;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-2px, 5px) scale(0.9, 0.9);
  transform: rotate(-45deg)  translate(-2px, 5px) scale(0.9, 0.9);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-2px, -5px) scale(0.9, 0.9);
  transform: rotate(45deg) translate(-2px, -5px) scale(0.9, 0.9);
}
  
.topnav .menu {
  float: left;
  text-align: center;
  padding: 10px 5px 10px 10px;
  font-weight: normal;
  text-decoration: none;
  display: inline-block;
}

.fixmenu {
  float: right;
  margin-right: 10px;
  text-align: center;
  padding: 10px 5px 10px 10px;
  font-weight: normal;
  text-decoration: none;
  display: block;
}
.topnav .search {
  float: right;
  font-weight: normal;
  text-decoration: none;
  margin-top: 5px;
  margin-right: 5px;
}

.topnav .hamburger {
  display: none;
  top: 10px;
  padding: 10px;
}


.content {
    /* top: 42px;            Height of the header */
    margin-left: 10px; /* 280px;  default margin-left of content */
    height: 100%;
    position:relative;
    overflow: hidden;
}

.tocitem { 
    color: #3D578C; 
    /*margin-left: 30px; */
    padding: 10px 5px 5px 5px; 
}

#ctrl-tooltip { display: none; }

@media screen and (max-width: 700px) {
  .topnav .menu {display: none;} 
  .topnav .fixmenu {display: block; }
  .topnav .searchwrapper {float: right;}
  .topnav .hamburger {
     float: left;
     display: block;
  }
  .topnav .submenu-icon { display: none; }
  .topnav .submenu-icon.collapsed { display: none; }
}
@media screen and (max-width: 700px) {
  .topnav.responsive {position: fixed; z-index: 104;}
  .topnav.responsive .search {
     float: none;
     display: block;
     text-align: left; 
   }
  .topnav.responsive .nav {
     margin-top: 46px;            /* Height of the header */
     background-color: #E2E8F2;
     display: block;
   }
  .topnav.responsive .menu {
     float: none;
     display: block;
     text-align: left;
     
   } 
  .topnav.responsive .fixmenu { display: none; }
  .topnav.responsive a.hamburger { left: 0; }
  .topnav.responsive .submenu-icon { display: inline-block; }
  .topnav.responsive .submenu-icon.collapsed { display: in-block; }
  .topnav.responsive .docsmenu { display: block; }
  .topnav.responsive .modlibsmenu { display: block; }
  .topnav.responsive .docsmenu.collapsed { display: none; }
  .topnav.responsive .modlibsmenu.collapsed { display: none; }
}

.collapsible-menu.collapsed { display:none; }
.collapsible-menu.expanded { display:block;  }

#split-bar.collapsed { margin-left: 40px; }
#split-bar.expanded { display:block;  }

.nav-menu {
    padding: 10px 5px 0px 5px;
    /*top: 42px;             Height of the header */
    white-space: nowrap;
    overflow : auto;
    background-color: #fafafa;
}
.nav-menu.menu-collapsed { width: 30px; /* minimum width the nav-menu */ }
.nav-menu.menu-expanded { width: 100%; }

#nav-area,#context-sidebar {
    overflow: auto;
}

#context-sidebar {
    position:fixed;
    height: 100%;
    display: inline-block; 
}

#ctrl-expand-collapse { 
    color: #3D578C; 
    width: 100%;
    display: inline-block;
    /* width: 98%; */ 
    margin: 0px;
}
#ctrl-expand-collapse:hover { background-color: #E2E8F2; }

.menu:hover       { background-color: white; /* #fafafa; */ }
.docsmenu:hover   { background-color: white; /* #fafafa; */ }
.modlibsmenu:hover { background-color: white; /* #fafafa; */ }

.versionwrapper { list-style: none; }
.searchwrapper { position: relative; }

.nav-icon {
  position: absolute; 
  top: 0;
  right: 0;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  color: #3D578C;
}

div#ctrl-icon {
  display: inline-block;
  position: relative;
  left: 0;
  margin-left: 0;
  color: #3D578C;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}

.docsmenu { 
  display: block;
  text-indent: 30px;
}
.modlibsmenu {
  display: block;
  text-indent: 30px;
}
.docsmenu.collapsed {
  display: none;
}
.modlibsmenu.collapsed {
  display: none;
}

.submenu-icon {
  float: right;
  right: 10px;
  color: #3D578C;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  font-size: 3.0em;
}
.submenu-icon.collapsed {
  display: none;
}