diff --git a/docs/html/doxygen.css b/docs/html/doxygen.css
index ff93c9fa..e4e7e1b8 100644
--- a/docs/html/doxygen.css
+++ b/docs/html/doxygen.css
@@ -1,11 +1,13 @@
 /* The standard CSS for doxygen 1.9.1 */
 
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&family=Source+Code+Pro&display=swap');
+
 body, table, div, p, dl {
-	font: 400 14px/22px Roboto,sans-serif;
+	font: 300 16px/22px Poppins,sans-serif;
 }
 
 p.reference, p.definition {
-	font: 400 14px/22px Roboto,sans-serif;
+	font: 400 14px/22px Poppins,sans-serif;
 }
 
 /* @group Heading Levels */
@@ -15,7 +17,7 @@ h1.groupheader {
 }
 
 .title {
-	font: 400 14px/28px Roboto,sans-serif;
+	font: 400 14px/28px Poppins,sans-serif;
 	font-size: 150%;
 	font-weight: bold;
 	margin: 10px 2px;
@@ -220,6 +222,7 @@ a.el {
 a.elRef {
 }
 
+/* sample code color */
 a.code, a.code:visited, a.line, a.line:visited {
 	color: #181818; 
 }
@@ -266,18 +269,27 @@ pre.fragment {
         font-size: 105%;
 }
 
-div.fragment {
-  padding: 0 0 1px 0; /*Fixed: last line underline overlap border*/
-  margin: 4px 8px 4px 2px;
-	background-color: #F7F7F7;
-	border: 1px solid #959595;
+/* <code> type in .content */
+code {
+  font-family: 'Source Code Pro', monospace, fixed !important;
+  color: #37474f;
 }
 
+/* sample code background color */
+div.fragment {
+	padding: 10px 16px; /*Fixed: last line underline overlap border*/
+	margin: 4px 40px 4px 20px;
+	background-color: #fdfdfd;
+	border: 1px solid #959595;
+	border-radius: 4px;
+}
+
+/* sample code text */
 div.line {
-	font-family: monospace, fixed;
-        font-size: 13px;
+	font-family: 'Source Code Pro', monospace, fixed;
+	font-size: 13px;
 	min-height: 13px;
-	line-height: 1.0;
+	line-height: 1.8em;
 	text-wrap: unrestricted;
 	white-space: -moz-pre-wrap; /* Moz */
 	white-space: -pre-wrap;     /* Opera 4-6 */
@@ -453,8 +465,9 @@ span.keywordflow {
 	color: #e08000
 }
 
+/* sample code comment */
 span.comment {
-	color: #800000
+	color: #aa1f91
 }
 
 span.preprocessor {
@@ -570,15 +583,46 @@ table.memberdecls {
 	box-shadow: 0 0 15px cyan;
 }
 
+/* memItem background color */
 .mdescLeft, .mdescRight,
 .memItemLeft, .memItemRight,
 .memTemplItemLeft, .memTemplItemRight, .memTemplParams {
-	background-color: #F3F3F3;
+	background-color: #f9f9f9;
 	border: none;
 	margin: 4px;
 	padding: 1px 0 0 8px;
 }
 
+/* Classes text */
+.memItemLeft, .memItemRight,
+/* functions text */
+.memTemplItemLeft, .memTemplItemRight {
+    font: 300 16px/22px 'Source Code Pro',sans-serif;
+}
+
+/* Classes text link */
+.memItemLeft a, .memItemLeft a:visited {
+    font: 300 18px/22px 'Source Code Pro',sans-serif;
+    color: #185abc;
+}
+
+.memItemRight a, .memItemRight a:visited,
+.memTemplItemRight a, .memTemplItemRight a:visited {
+    font: 300 18px/22px 'Source Code Pro',sans-serif;
+    color: #185abc;
+    font-weight: bold;
+}
+
+.mdescRight .el {
+    font: 300 16px/22px 'Source Code Pro',sans-serif;
+    color: #185abc;
+}
+
+.memdoc .el {
+    font: 300 16px/22px 'Source Code Pro',sans-serif;
+    color: #185abc !important;
+}
+
 .mdescLeft, .mdescRight {
 	padding: 0px 8px 4px 8px;
 	color: #555;
@@ -613,15 +657,10 @@ table.memberdecls {
 
 .memtitle {
 	padding: 8px;
-	border-top: 1px solid #6E6E6E;
-	border-left: 1px solid #6E6E6E;
-	border-right: 1px solid #6E6E6E;
 	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: #C7C7C7;
+	background-color: #FFFFFF;
 	line-height: 1.25;
 	font-weight: 300;
 	float:left;
@@ -674,6 +713,11 @@ table.memberdecls {
 .memname {
         font-weight: 400;
         margin-left: 6px;
+        font-family: 'Source Code Pro' !important;
+}
+
+.memname a, .memname a:visited {
+        color: #185abc;
 }
 
 .memname td {
@@ -681,24 +725,10 @@ table.memberdecls {
 }
 
 .memproto, dl.reflist dt {
-        border-top: 1px solid #6E6E6E;
-        border-left: 1px solid #6E6E6E;
-        border-right: 1px solid #6E6E6E;
-        padding: 6px 0px 6px 0px;
+        padding: 6px 0px;
         color: #030303;
         font-weight: bold;
-        text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
-        background-color: #C0C0C0;
-        /* 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;
-
+        background-color: #f9f9f9;
 }
 
 .overload {
@@ -706,28 +736,10 @@ table.memberdecls {
 	font-size: 65%;
 }
 
+/* border, shadow, background in memdoc area */
 .memdoc, dl.reflist dd {
-        border-bottom: 1px solid #6E6E6E;      
-        border-left: 1px solid #6E6E6E;      
-        border-right: 1px solid #6E6E6E; 
         padding: 6px 10px 2px 10px;
-        background-color: #F7F7F7;
-        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);
 }
 
 dl.reflist dt {
@@ -747,8 +759,9 @@ dl.reflist dd {
 	white-space: nowrap;
 }
 
+/* parameter text color */
 .paramname {
-	color: #602020;
+	color: #37474f;
 	white-space: nowrap;
 }
 .paramname em {
@@ -787,6 +800,14 @@ td.mlabels-left {
 	padding: 0px;
 }
 
+td.mlabels-left .memname {
+    font: 300 16px/22px 'Source Code Pro',sans-serif !important;
+}
+
+td.mlabels-left .memname a {
+    color: #185abc;
+}
+
 td.mlabels-right {
 	vertical-align: bottom;
 	padding: 0px;
@@ -798,11 +819,7 @@ span.mlabels {
 }
 
 span.mlabel {
-        background-color: #383838;
-        border-top:1px solid #232323;
-        border-left:1px solid #232323;
-        border-right:1px solid #959595;
-        border-bottom:1px solid #959595;
+	background-color: #383838;
 	text-shadow: none;
 	color: white;
 	margin-right: 4px;
@@ -950,7 +967,7 @@ div.directory {
 }
 
 table.directory {
-    font: 400 14px Roboto,sans-serif;
+    font: 300 16px Poppins,sans-serif;
 }
 
 /* @end */
@@ -993,6 +1010,7 @@ table.doxtable th {
 	padding-top: 5px;
 }
 
+/* Enumerator table border */
 table.fieldtable {
         /*width: 100%;*/
         margin-bottom: 10px;
@@ -1001,9 +1019,6 @@ table.fieldtable {
         -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);
 }
 
 .fieldtable td, .fieldtable th {
@@ -1038,10 +1053,9 @@ table.fieldtable {
         border-bottom: none;
 }
 
+/* Enumerator table header background */
 .fieldtable th {
-        background-image:url('nav_f.png');
-        background-repeat:repeat-x;
-        background-color: #C7C7C7;
+        background-color: #f9f9f9;
         font-size: 90%;
         color: #030303;
         padding-bottom: 4px;
@@ -1068,15 +1082,13 @@ table.fieldtable {
 	font-size: 13px;
 }
 
+/* footer background */
 .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:#4D4D4D;
+	color:#FFFFFF;
 	border:solid 1px #919191;
 	overflow:hidden;
 	margin:0px;
@@ -1112,6 +1124,7 @@ table.fieldtable {
 	color:#303030;
 }
 
+/* footer */
 .navpath li.footer
 {
         list-style-type:none;
@@ -1123,6 +1136,7 @@ table.fieldtable {
         background-position:right;
         color:#0B0B0B;
         font-size: 8pt;
+        visibility: hidden;
 }
 
 
@@ -1135,6 +1149,7 @@ div.summary
 	text-align: right;
 }       
 
+/* summary link at the top right of the content header */
 div.summary a
 {
 	white-space: nowrap;
@@ -1159,9 +1174,10 @@ div.ingroups
 	text-align: left;
 }
 
-div.ingroups a
+div.ingroups a, div.ingroups a:visited
 {
 	white-space: nowrap;
+	color: #185abc;
 }
 
 div.header
@@ -1198,11 +1214,15 @@ dl.section.DocNodeRTL {
   padding-right: 0px;
 }
 
+/* Note color */
 dl.note {
-  margin-left: -7px;
-  padding-left: 3px;
+  margin-left: 7px; margin-right: 7px;
+  padding-left: 10px;
+  padding-top: 4px;
+  padding-bottom: 4px;
   border-left: 4px solid;
-  border-color: #D0C000;
+  border-color: #ffd300;
+  background-color: #fff9da;
 }
 
 dl.note.DocNodeRTL {
@@ -1215,11 +1235,15 @@ dl.note.DocNodeRTL {
   border-color: #D0C000;
 }
 
+/* Warning text */
 dl.warning, dl.attention {
-  margin-left: -7px;
-  padding-left: 3px;
+  margin-left: 7px; margin-right: 7px;
+  padding-left: 10px;
+  padding-top: 4px;
+  padding-bottom: 4px;
   border-left: 4px solid;
   border-color: #FF0000;
+  background-color: #fff3f0;
 }
 
 dl.warning.DocNodeRTL, dl.attention.DocNodeRTL {
@@ -1233,10 +1257,13 @@ dl.warning.DocNodeRTL, dl.attention.DocNodeRTL {
 }
 
 dl.pre, dl.post, dl.invariant {
-  margin-left: -7px;
-  padding-left: 3px;
+  margin-left: 7px; margin-right: 7px;
+  padding-left: 10px;
+  padding-top: 4px;
+  padding-bottom: 4px;
   border-left: 4px solid;
   border-color: #00D000;
+  background-color: #ebffeb;
 }
 
 dl.pre.DocNodeRTL, dl.post.DocNodeRTL, dl.invariant.DocNodeRTL {
@@ -1250,10 +1277,13 @@ dl.pre.DocNodeRTL, dl.post.DocNodeRTL, dl.invariant.DocNodeRTL {
 }
 
 dl.deprecated {
-  margin-left: -7px;
-  padding-left: 3px;
+  margin-left: 7px; margin-right: 7px;
+  padding-left: 10px;
+  padding-top: 4px;
+  padding-bottom: 4px;
   border-left: 4px solid;
   border-color: #505050;
+  background-color: #f7f7f7;
 }
 
 dl.deprecated.DocNodeRTL {
@@ -1267,10 +1297,13 @@ dl.deprecated.DocNodeRTL {
 }
 
 dl.todo {
-  margin-left: -7px;
-  padding-left: 3px;
+  margin-left: 7px; margin-right: 7px;
+  padding-left: 10px;
+  padding-top: 4px;
+  padding-bottom: 4px;
   border-left: 4px solid;
-  border-color: #00C0E0;
+  border-color: #00a3ff;
+  background-color: #e2f5ff;
 }
 
 dl.todo.DocNodeRTL {
@@ -1284,10 +1317,13 @@ dl.todo.DocNodeRTL {
 }
 
 dl.test {
-  margin-left: -7px;
-  padding-left: 3px;
+  margin-left: 7px; margin-right: 7px;
+  padding-left: 10px;
+  padding-top: 4px;
+  padding-bottom: 4px;
   border-left: 4px solid;
   border-color: #3030E0;
+  background-color: #ebebff;
 }
 
 dl.test.DocNodeRTL {
@@ -1301,10 +1337,13 @@ dl.test.DocNodeRTL {
 }
 
 dl.bug {
-  margin-left: -7px;
-  padding-left: 3px;
+  margin-left: 7px; margin-right: 7px;
+  padding-left: 10px;
+  padding-top: 4px;
+  padding-bottom: 4px;
   border-left: 4px solid;
-  border-color: #C08050;
+  border-color: #ff9300;
+  background-color: #fff1df;
 }
 
 dl.bug.DocNodeRTL {
@@ -1365,9 +1404,15 @@ dl.section dd {
 	padding: 0px;
 	margin: 0px;
 	width: 100%;
+	height: 0px; /* hide top title */
 	border-bottom: 1px solid #232323;
 }
 
+#titlearea tbody
+{
+	visibility: hidden; /* hide top title */
+}
+
 .image
 {
         text-align: center;
@@ -1575,7 +1620,7 @@ tr.heading h2 {
 #powerTip div {
         margin: 0px;
         padding: 0px;
-        font: 12px/16px Roboto,sans-serif;
+        font: 12px/16px Poppins,sans-serif;
 }
 
 #powerTip:before, #powerTip:after {
diff --git a/docs/html/navtree.css b/docs/html/navtree.css
index 4900c555..9753a469 100644
--- a/docs/html/navtree.css
+++ b/docs/html/navtree.css
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&display=swap');
+
 #nav-tree .children_ul {
   margin:0;
   padding:4px;
@@ -43,7 +45,7 @@
 #nav-tree .label {
   margin:0px;
   padding:0px;
-  font: 12px 'Lucida Grande',Geneva,Helvetica,Arial,sans-serif;
+  font: 300 14px Poppins,Geneva,Helvetica,Arial,sans-serif;
 }
 
 #nav-tree .label a {
@@ -62,7 +64,7 @@
 
 #nav-tree .item {
   margin:0px;
-  padding:0px;
+  padding: 6px 0px;
 }
 
 #nav-tree {
diff --git a/docs/html/navtree.js b/docs/html/navtree.js
index 1e272d31..5ed3aaa3 100644
--- a/docs/html/navtree.js
+++ b/docs/html/navtree.js
@@ -447,12 +447,12 @@ function navTo(o,root,hash,relpath)
 
 function showSyncOff(n,relpath)
 {
-    n.html('<img src="'+relpath+'sync_off.png" title="'+SYNCOFFMSG+'"/>');
+    n.html('<img src="'+relpath+'sync_off.svg" title="'+SYNCOFFMSG+'"/>');
 }
 
 function showSyncOn(n,relpath)
 {
-    n.html('<img src="'+relpath+'sync_on.png" title="'+SYNCONMSG+'"/>');
+    n.html('<img src="'+relpath+'sync_on.svg" title="'+SYNCONMSG+'"/>');
 }
 
 function toggleSyncButton(relpath)
diff --git a/docs/html/sync_off.svg b/docs/html/sync_off.svg
new file mode 100644
index 00000000..39b74f78
--- /dev/null
+++ b/docs/html/sync_off.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="28px" height="28px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path opacity="1.0" d="M2 12C2 17.5228 6.47715 22 12 22C13.8526 22 15.5875 21.4962 17.0752 20.6182C17.0775 20.6169 17.0797 20.6156 17.0819 20.6143C17.5169 20.3571 17.9308 20.0679 18.3202 19.7499C20.5661 17.9162 22 15.1255 22 12C22 6.47715 17.5228 2 12 2C10.1443 2 8.40658 2.50549 6.91715 3.38628C6.88285 3.40657 6.84867 3.42705 6.81464 3.44773C6.41584 3.69005 6.03533 3.95947 5.67568 4.25345C3.43217 6.08725 2 8.87638 2 12Z" fill="#000"/>
+    <path d="M13.1285 7.50055V10.0881L6.91725 3.38672C6.48105 3.64467 6.06613 3.93482 5.67578 4.25389L13.3285 12.5104C13.5382 12.7367 13.8651 12.8114 14.1524 12.6988C14.4396 12.5861 14.6285 12.3091 14.6285 12.0005V7.50055C14.6285 7.08633 14.2928 6.75055 13.8785 6.75055C13.4643 6.75055 13.1285 7.08633 13.1285 7.50055Z" fill="#fff"/>
+    <path d="M10.4208 11.4823C10.2091 11.2607 9.88389 11.1902 9.59944 11.3043C9.31499 11.4183 9.12854 11.6939 9.12854 12.0004V16.5004C9.12854 16.9146 9.46432 17.2504 9.87854 17.2504C10.2928 17.2504 10.6285 16.9146 10.6285 16.5004V13.8711L17.0753 20.6187C17.5128 20.3605 17.9289 20.0699 18.3203 19.7503L10.4208 11.4823Z" fill="#fff"/>
+</svg>
\ No newline at end of file
diff --git a/docs/html/sync_on.svg b/docs/html/sync_on.svg
new file mode 100644
index 00000000..08159607
--- /dev/null
+++ b/docs/html/sync_on.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="28px" height="28px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle opacity="1.0" cx="12" cy="12" r="10" fill="#000"/>
+    <path d="M7.37756 11.6296H6.62756H7.37756ZM7.37756 12.5556L6.81609 13.0528C6.95137 13.2056 7.14306 13.2966 7.34695 13.3049C7.55084 13.3133 7.74932 13.2382 7.89662 13.0969L7.37756 12.5556ZM9.51905 11.5414C9.81805 11.2547 9.82804 10.7799 9.54137 10.4809C9.2547 10.182 8.77994 10.172 8.48095 10.4586L9.51905 11.5414ZM6.56148 10.5028C6.28686 10.1927 5.81286 10.1639 5.50277 10.4385C5.19267 10.7131 5.16391 11.1871 5.43852 11.4972L6.56148 10.5028ZM14.9317 9.0093C15.213 9.31337 15.6875 9.33184 15.9915 9.05055C16.2956 8.76927 16.3141 8.29476 16.0328 7.9907L14.9317 9.0093ZM12.0437 6.25C9.05802 6.25 6.62756 8.653 6.62756 11.6296H8.12756C8.12756 9.49251 9.87531 7.75 12.0437 7.75V6.25ZM6.62756 11.6296L6.62756 12.5556H8.12756L8.12756 11.6296H6.62756ZM7.89662 13.0969L9.51905 11.5414L8.48095 10.4586L6.85851 12.0142L7.89662 13.0969ZM7.93904 12.0583L6.56148 10.5028L5.43852 11.4972L6.81609 13.0528L7.93904 12.0583ZM16.0328 7.9907C15.0431 6.9209 13.6212 6.25 12.0437 6.25V7.75C13.1879 7.75 14.2154 8.23504 14.9317 9.0093L16.0328 7.9907Z" fill="#fff"/>
+    <path d="M16.6188 11.4443L17.1795 10.9462C17.044 10.7937 16.8523 10.703 16.6485 10.6949C16.4447 10.6868 16.2464 10.7621 16.0993 10.9034L16.6188 11.4443ZM14.4805 12.4581C14.1817 12.745 14.1722 13.2198 14.4591 13.5185C14.746 13.8173 15.2208 13.8269 15.5195 13.54L14.4805 12.4581ZM17.4393 13.4972C17.7144 13.8068 18.1885 13.8348 18.4981 13.5597C18.8078 13.2846 18.8358 12.8106 18.5607 12.5009L17.4393 13.4972ZM9.04688 15.0047C8.76342 14.7027 8.28879 14.6876 7.98675 14.9711C7.68472 15.2545 7.66966 15.7292 7.95312 16.0312L9.04688 15.0047ZM11.9348 17.7499C14.9276 17.7499 17.3688 15.3496 17.3688 12.3703H15.8688C15.8688 14.5047 14.1158 16.2499 11.9348 16.2499V17.7499ZM17.3688 12.3703V11.4443H15.8688V12.3703H17.3688ZM16.0993 10.9034L14.4805 12.4581L15.5195 13.54L17.1383 11.9853L16.0993 10.9034ZM16.0581 11.9425L17.4393 13.4972L18.5607 12.5009L17.1795 10.9462L16.0581 11.9425ZM7.95312 16.0312C8.94543 17.0885 10.3635 17.7499 11.9348 17.7499V16.2499C10.792 16.2499 9.76546 15.7704 9.04688 15.0047L7.95312 16.0312Z" fill="#fff"/>
+</svg>
\ No newline at end of file
diff --git a/docs/html/tabs.css b/docs/html/tabs.css
index 7d45d36c..f6d9c357 100644
--- a/docs/html/tabs.css
+++ b/docs/html/tabs.css
@@ -1 +1,422 @@
-.sm{position:relative;z-index:9999}.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0)}.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right}.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0}.sm ul{display:none}.sm li,.sm a{position:relative}.sm a{display:block}.sm a.disabled{cursor:not-allowed}.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden}.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.sm-dox{background-image:url("tab_b.png")}.sm-dox a,.sm-dox a:focus,.sm-dox a:hover,.sm-dox a:active{padding:0px 12px;padding-right:43px;font-family:"Lucida Grande","Geneva","Helvetica",Arial,sans-serif;font-size:13px;font-weight:bold;line-height:36px;text-decoration:none;text-shadow:0px 1px 1px rgba(255,255,255,0.9);color:#283A5D;outline:none}.sm-dox a:hover{background-image:url("tab_a.png");background-repeat:repeat-x;color:#fff;text-shadow:0px 1px 1px #000}.sm-dox a.current{color:#D23600}.sm-dox a.disabled{color:#bbb}.sm-dox a span.sub-arrow{position:absolute;top:50%;margin-top:-14px;left:auto;right:3px;width:28px;height:28px;overflow:hidden;font:bold 12px/28px monospace !important;text-align:center;text-shadow:none;background:rgba(255,255,255,0.5);border-radius:5px}.sm-dox a.highlighted span.sub-arrow:before{display:block;content:'-'}.sm-dox>li:first-child>a,.sm-dox>li:first-child>:not(ul) a{border-radius:5px 5px 0 0}.sm-dox>li:last-child>a,.sm-dox>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul{border-radius:0 0 5px 5px}.sm-dox>li:last-child>a.highlighted,.sm-dox>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,.sm-dox>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted{border-radius:0}.sm-dox ul{background:rgba(162,162,162,0.1)}.sm-dox ul a,.sm-dox ul a:focus,.sm-dox ul a:hover,.sm-dox ul a:active{font-size:12px;border-left:8px solid transparent;line-height:36px;text-shadow:none;background-color:white;background-image:none}.sm-dox ul a:hover{background-image:url("tab_a.png");background-repeat:repeat-x;color:#fff;text-shadow:0px 1px 1px #000}.sm-dox ul ul a,.sm-dox ul ul a:hover,.sm-dox ul ul a:focus,.sm-dox ul ul a:active{border-left:16px solid transparent}.sm-dox ul ul ul a,.sm-dox ul ul ul a:hover,.sm-dox ul ul ul a:focus,.sm-dox ul ul ul a:active{border-left:24px solid transparent}.sm-dox ul ul ul ul a,.sm-dox ul ul ul ul a:hover,.sm-dox ul ul ul ul a:focus,.sm-dox ul ul ul ul a:active{border-left:32px solid transparent}.sm-dox ul ul ul ul ul a,.sm-dox ul ul ul ul ul a:hover,.sm-dox ul ul ul ul ul a:focus,.sm-dox ul ul ul ul ul a:active{border-left:40px solid transparent}@media (min-width: 768px){.sm-dox ul{position:absolute;width:12em}.sm-dox li{float:left}.sm-dox.sm-rtl li{float:right}.sm-dox ul li,.sm-dox.sm-rtl ul li,.sm-dox.sm-vertical li{float:none}.sm-dox a{white-space:nowrap}.sm-dox ul a,.sm-dox.sm-vertical a{white-space:normal}.sm-dox .sm-nowrap>li>a,.sm-dox .sm-nowrap>li>:not(ul) a{white-space:nowrap}.sm-dox{padding:0 10px;background-image:url("tab_b.png");line-height:36px}.sm-dox a span.sub-arrow{top:50%;margin-top:-2px;right:12px;width:0;height:0;border-width:4px;border-style:solid dashed dashed dashed;border-color:#283A5D transparent transparent transparent;background:transparent;border-radius:0}.sm-dox a,.sm-dox a:focus,.sm-dox a:active,.sm-dox a:hover,.sm-dox a.highlighted{padding:0px 12px;background-image:url("tab_s.png");background-repeat:no-repeat;background-position:right;border-radius:0 !important}.sm-dox a:hover{background-image:url("tab_a.png");background-repeat:repeat-x;color:#fff;text-shadow:0px 1px 1px #000}.sm-dox a:hover span.sub-arrow{border-color:#fff transparent transparent transparent}.sm-dox a.has-submenu{padding-right:24px}.sm-dox li{border-top:0}.sm-dox>li>ul:before,.sm-dox>li>ul:after{content:'';position:absolute;top:-18px;left:30px;width:0;height:0;overflow:hidden;border-width:9px;border-style:dashed dashed solid dashed;border-color:transparent transparent #bbb transparent}.sm-dox>li>ul:after{top:-16px;left:31px;border-width:8px;border-color:transparent transparent #fff transparent}.sm-dox ul{border:1px solid #bbb;padding:5px 0;background:#fff;border-radius:5px !important;box-shadow:0 5px 9px rgba(0,0,0,0.2)}.sm-dox ul a span.sub-arrow{right:8px;top:50%;margin-top:-5px;border-width:5px;border-color:transparent transparent transparent #555;border-style:dashed dashed dashed solid}.sm-dox ul a,.sm-dox ul a:hover,.sm-dox ul a:focus,.sm-dox ul a:active,.sm-dox ul a.highlighted{color:#555;background-image:none;border:0 !important;color:#555;background-image:none}.sm-dox ul a:hover{background-image:url("tab_a.png");background-repeat:repeat-x;color:#fff;text-shadow:0px 1px 1px #000}.sm-dox ul a:hover span.sub-arrow{border-color:transparent transparent transparent #fff}.sm-dox span.scroll-up,.sm-dox span.scroll-down{position:absolute;display:none;visibility:hidden;overflow:hidden;background:#fff;height:36px}.sm-dox span.scroll-up:hover,.sm-dox span.scroll-down:hover{background:#eee}.sm-dox span.scroll-up:hover span.scroll-up-arrow,.sm-dox span.scroll-up:hover span.scroll-down-arrow{border-color:transparent transparent #D23600 transparent}.sm-dox span.scroll-down:hover span.scroll-down-arrow{border-color:#D23600 transparent transparent transparent}.sm-dox span.scroll-up-arrow,.sm-dox span.scroll-down-arrow{position:absolute;top:0;left:50%;margin-left:-6px;width:0;height:0;overflow:hidden;border-width:6px;border-style:dashed dashed solid dashed;border-color:transparent transparent #555 transparent}.sm-dox span.scroll-down-arrow{top:8px;border-style:solid dashed dashed dashed;border-color:#555 transparent transparent transparent}.sm-dox.sm-rtl a.has-submenu{padding-right:12px;padding-left:24px}.sm-dox.sm-rtl a span.sub-arrow{right:auto;left:12px}.sm-dox.sm-rtl.sm-vertical a.has-submenu{padding:10px 20px}.sm-dox.sm-rtl.sm-vertical a span.sub-arrow{right:auto;left:8px;border-style:dashed solid dashed dashed;border-color:transparent #555 transparent transparent}.sm-dox.sm-rtl>li>ul:before{left:auto;right:30px}.sm-dox.sm-rtl>li>ul:after{left:auto;right:31px}.sm-dox.sm-rtl ul a.has-submenu{padding:10px 20px !important}.sm-dox.sm-rtl ul a span.sub-arrow{right:auto;left:8px;border-style:dashed solid dashed dashed;border-color:transparent #555 transparent transparent}.sm-dox.sm-vertical{padding:10px 0;border-radius:5px}.sm-dox.sm-vertical a{padding:10px 20px}.sm-dox.sm-vertical a:hover,.sm-dox.sm-vertical a:focus,.sm-dox.sm-vertical a:active,.sm-dox.sm-vertical a.highlighted{background:#fff}.sm-dox.sm-vertical a.disabled{background-image:url("tab_b.png")}.sm-dox.sm-vertical a span.sub-arrow{right:8px;top:50%;margin-top:-5px;border-width:5px;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #555}.sm-dox.sm-vertical>li>ul:before,.sm-dox.sm-vertical>li>ul:after{display:none}.sm-dox.sm-vertical ul a{padding:10px 20px}.sm-dox.sm-vertical ul a:hover,.sm-dox.sm-vertical ul a:focus,.sm-dox.sm-vertical ul a:active,.sm-dox.sm-vertical ul a.highlighted{background:#eee}.sm-dox.sm-vertical ul a.disabled{background:#fff}}
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&display=swap');
+
+.sm {
+    position: relative;
+    z-index:9999
+}
+
+.sm, .sm ul, .sm li {
+    display: block;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    /*line-height: normal;*/
+    direction: ltr;
+    text-align: left;
+    -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
+}
+
+.sm-rtl, .sm-rtl ul, .sm-rtl li {
+    direction: rtl;
+    text-align:right
+}
+
+.sm > li > h1, .sm > li > h2, .sm > li > h3, .sm > li > h4, .sm > li > h5, .sm > li > h6 {
+    margin: 0;
+    padding:0
+}
+
+.sm ul {
+    display:none
+}
+
+.sm li, .sm a {
+    position:relative
+}
+
+.sm a {
+    display:block
+}
+
+.sm a.disabled {
+    cursor:not-allowed
+}
+
+.sm:after {
+    content: "\00a0";
+    display: block;
+    height: 0;
+    font: 0px/0 serif;
+    clear: both;
+    visibility: hidden;
+    overflow:hidden
+}
+
+.sm, .sm *, .sm * :before, .sm * :after {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing:border-box
+}
+
+/* tab background */
+/*.sm-dox {
+    background-image: url("tab_b.png")
+}*/
+
+/* tab text */
+.sm-dox a, .sm-dox a:focus, .sm-dox a:hover, .sm-dox a:active {
+    padding: 0px 12px;
+    padding-right: 43px;
+    font-family: Poppins, "Lucida Grande", "Geneva", "Helvetica", Arial, sans-serif;
+    font-size: 13px;
+    /*font-weight: bold;*/
+    line-height: 36px;
+    text-decoration: none;
+    /*text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
+    color: #283A5D;*/
+    color: #000;
+    outline:none
+}
+
+.sm-dox a:hover {
+    background-image: url("tab_a.png");
+    background-repeat: repeat-x;
+    color: #fff;
+    /*text-shadow:0px 1px 1px #000*/
+}
+
+.sm-dox a.current {
+    color:#D23600
+}
+
+.sm-dox a.disabled {
+    color:#bbb
+}
+
+.sm-dox a span.sub-arrow {
+    position: absolute;
+    top: 50%;
+    margin-top: -14px;
+    left: auto;
+    right: 3px;
+    width: 28px;
+    height: 28px;
+    overflow: hidden;
+    font: bold 12px/28px monospace !important;
+    text-align: center;
+    text-shadow: none;
+    background: rgba(255, 255, 255, 0.5);
+    border-radius:5px
+}
+
+.sm-dox a.highlighted span.sub-arrow:before {
+    display: block;
+    content: '-'
+}
+
+.sm-dox > li:first-child > a, .sm-dox > li:first-child > :not(ul) a {
+    border-radius:5px 5px 0 0
+}
+
+.sm-dox > li:last-child > a, .sm-dox > li:last-child > * :not(ul) a, .sm-dox > li:last-child > ul, .sm-dox > li:last-child > ul > li:last-child > a, .sm-dox > li:last-child > ul > li:last-child > * :not(ul) a, .sm-dox > li:last-child > ul > li:last-child > ul, .sm-dox > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-dox > li:last-child > ul > li:last-child > ul > li:last-child > * :not(ul) a, .sm-dox > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-dox > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-dox > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > * :not(ul) a, .sm-dox > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-dox > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-dox > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > * :not(ul) a, .sm-dox > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
+    border-radius:0 0 5px 5px
+}
+
+.sm-dox > li:last-child > a.highlighted, .sm-dox > li:last-child > * :not(ul) a.highlighted, .sm-dox > li:last-child > ul > li:last-child > a.highlighted, .sm-dox > li:last-child > ul > li:last-child > * :not(ul) a.highlighted, .sm-dox > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-dox > li:last-child > ul > li:last-child > ul > li:last-child > * :not(ul) a.highlighted, .sm-dox > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-dox > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > * :not(ul) a.highlighted, .sm-dox > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-dox > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > * :not(ul) a.highlighted {
+    border-radius:0
+}
+
+.sm-dox ul {
+    background:rgba(162, 162, 162, 0.1)
+}
+
+.sm-dox ul a, .sm-dox ul a:focus, .sm-dox ul a:hover, .sm-dox ul a:active {
+    font-size: 12px;
+    border-left: 8px solid transparent;
+    line-height: 36px;
+    text-shadow: none;
+    background-color: white;
+    background-image:none
+}
+
+.sm-dox ul a:hover {
+    background-image: url("tab_a.png");
+    background-repeat: repeat-x;
+    color: #fff;
+    /*text-shadow:0px 1px 1px #000*/
+}
+
+.sm-dox ul ul a, .sm-dox ul ul a:hover, .sm-dox ul ul a:focus, .sm-dox ul ul a:active {
+    border-left:16px solid transparent
+}
+
+.sm-dox ul ul ul a, .sm-dox ul ul ul a:hover, .sm-dox ul ul ul a:focus, .sm-dox ul ul ul a:active {
+    border-left:24px solid transparent
+}
+
+.sm-dox ul ul ul ul a, .sm-dox ul ul ul ul a:hover, .sm-dox ul ul ul ul a:focus, .sm-dox ul ul ul ul a:active {
+    border-left:32px solid transparent
+}
+
+.sm-dox ul ul ul ul ul a, .sm-dox ul ul ul ul ul a:hover, .sm-dox ul ul ul ul ul a:focus, .sm-dox ul ul ul ul ul a:active {
+    border-left:40px solid transparent
+}
+
+@media (min-width: 768px) {
+    .sm-dox ul {
+        position: absolute;
+        width:12em
+    }
+
+    .sm-dox li {
+        float:left
+    }
+
+    .sm-dox.sm-rtl li {
+        float:right
+    }
+
+    .sm-dox ul li, .sm-dox.sm-rtl ul li, .sm-dox.sm-vertical li {
+        float:none
+    }
+
+    .sm-dox a {
+        white-space:nowrap
+    }
+
+    .sm-dox ul a, .sm-dox.sm-vertical a {
+        white-space:normal
+    }
+
+    .sm-dox .sm-nowrap > li > a, .sm-dox .sm-nowrap > li > :not(ul) a {
+        white-space:nowrap
+    }
+
+    /* tab background */
+    .sm-dox {
+        padding: 0 10px;
+        /*background-image: url("tab_b.png");*/
+        line-height:36px
+    }
+
+    .sm-dox a span.sub-arrow {
+        top: 50%;
+        margin-top: -2px;
+        right: 12px;
+        width: 0;
+        height: 0;
+        border-width: 4px;
+        border-style: solid dashed dashed dashed;
+        border-color: #283A5D transparent transparent transparent;
+        background: transparent;
+        border-radius:0
+    }
+
+    /* border to the right of the main tab item */
+    .sm-dox a, .sm-dox a:focus, .sm-dox a:active, .sm-dox a:hover, .sm-dox a.highlighted {
+        padding: 0px 12px;
+        border-radius:0 !important
+    }
+
+    /* main tab hover */
+    .sm-dox a:hover {
+        background-image: url("tab_a.png");
+        background-repeat: repeat-x;
+        color: #fff;
+        text-shadow:0px 1px 1px #000
+    }
+
+    .sm-dox a:hover span.sub-arrow {
+        border-color:#fff transparent transparent transparent
+    }
+
+    .sm-dox a.has-submenu {
+        padding-right:24px
+    }
+
+    .sm-dox li {
+        border-top:0
+    }
+
+    .sm-dox > li > ul:before, .sm-dox > li > ul:after {
+        content: '';
+        position: absolute;
+        top: -18px;
+        left: 30px;
+        width: 0;
+        height: 0;
+        overflow: hidden;
+        border-width: 9px;
+        border-style: dashed dashed solid dashed;
+        border-color:transparent transparent #bbb transparent
+    }
+
+    .sm-dox > li > ul:after {
+        top: -16px;
+        left: 31px;
+        border-width: 8px;
+        border-color:transparent transparent #fff transparent
+    }
+
+    /* sub menu background of main tab */
+    .sm-dox ul {
+        border: 1px solid #bbb;
+        padding: 5px 0;
+        background: #fff;
+        border-radius: 5px !important;
+        box-shadow:0 5px 9px rgba(0, 0, 0, 0.2)
+    }
+
+    .sm-dox ul a span.sub-arrow {
+        right: 8px;
+        top: 50%;
+        margin-top: -5px;
+        border-width: 5px;
+        border-color: transparent transparent transparent #555;
+        border-style:dashed dashed dashed solid
+    }
+
+    .sm-dox ul a, .sm-dox ul a:hover, .sm-dox ul a:focus, .sm-dox ul a:active, .sm-dox ul a.highlighted {
+        color: #555;
+        background-image: none;
+        border: 0 !important;
+        color: #555;
+        background-image:none
+    }
+
+    /* tab popup hover */
+    .sm-dox ul a:hover {
+        background-image: url("tab_a.png");
+        background-repeat: repeat-x;
+        color: #fff;
+        /*text-shadow:0px 1px 1px #000*/
+    }
+
+    .sm-dox ul a:hover span.sub-arrow {
+        border-color:transparent transparent transparent #fff
+    }
+
+    .sm-dox span.scroll-up, .sm-dox span.scroll-down {
+        position: absolute;
+        display: none;
+        visibility: hidden;
+        overflow: hidden;
+        background: #fff;
+        height:36px
+    }
+
+    .sm-dox span.scroll-up:hover, .sm-dox span.scroll-down:hover {
+        background:#eee
+    }
+
+    .sm-dox span.scroll-up:hover span.scroll-up-arrow, .sm-dox span.scroll-up:hover span.scroll-down-arrow {
+        border-color:transparent transparent #D23600 transparent
+    }
+
+    .sm-dox span.scroll-down:hover span.scroll-down-arrow {
+        border-color:#D23600 transparent transparent transparent
+    }
+
+    .sm-dox span.scroll-up-arrow, .sm-dox span.scroll-down-arrow {
+        position: absolute;
+        top: 0;
+        left: 50%;
+        margin-left: -6px;
+        width: 0;
+        height: 0;
+        overflow: hidden;
+        border-width: 6px;
+        border-style: dashed dashed solid dashed;
+        border-color:transparent transparent #555 transparent
+    }
+
+    .sm-dox span.scroll-down-arrow {
+        top: 8px;
+        border-style: solid dashed dashed dashed;
+        border-color:#555 transparent transparent transparent
+    }
+
+    .sm-dox.sm-rtl a.has-submenu {
+        padding-right: 12px;
+        padding-left:24px
+    }
+
+    .sm-dox.sm-rtl a span.sub-arrow {
+        right: auto;
+        left:12px
+    }
+
+    .sm-dox.sm-rtl.sm-vertical a.has-submenu {
+        padding:10px 20px
+    }
+
+    .sm-dox.sm-rtl.sm-vertical a span.sub-arrow {
+        right: auto;
+        left: 8px;
+        border-style: dashed solid dashed dashed;
+        border-color:transparent #555 transparent transparent
+    }
+
+    .sm-dox.sm-rtl > li > ul:before {
+        left: auto;
+        right:30px
+    }
+
+    .sm-dox.sm-rtl > li > ul:after {
+        left: auto;
+        right:31px
+    }
+
+    .sm-dox.sm-rtl ul a.has-submenu {
+        padding:10px 20px !important
+    }
+
+    .sm-dox.sm-rtl ul a span.sub-arrow {
+        right: auto;
+        left: 8px;
+        border-style: dashed solid dashed dashed;
+        border-color:transparent #555 transparent transparent
+    }
+
+    .sm-dox.sm-vertical {
+        padding: 10px 0;
+        border-radius:5px
+    }
+
+    .sm-dox.sm-vertical a {
+        padding:10px 20px
+    }
+
+    .sm-dox.sm-vertical a:hover, .sm-dox.sm-vertical a:focus, .sm-dox.sm-vertical a:active, .sm-dox.sm-vertical a.highlighted {
+        background:#fff
+    }
+    /* tab background */
+    /*.sm-dox.sm-vertical a.disabled {
+        background-image: url("tab_b.png")
+    }*/
+
+    .sm-dox.sm-vertical a span.sub-arrow {
+        right: 8px;
+        top: 50%;
+        margin-top: -5px;
+        border-width: 5px;
+        border-style: dashed dashed dashed solid;
+        border-color:transparent transparent transparent #555
+    }
+
+    .sm-dox.sm-vertical > li > ul:before, .sm-dox.sm-vertical > li > ul:after {
+        display:none
+    }
+
+    .sm-dox.sm-vertical ul a {
+        padding:10px 20px
+    }
+
+    .sm-dox.sm-vertical ul a:hover, .sm-dox.sm-vertical ul a:focus, .sm-dox.sm-vertical ul a:active, .sm-dox.sm-vertical ul a.highlighted {
+        background:#eee
+    }
+
+    .sm-dox.sm-vertical ul a.disabled {
+        background: #fff
+    }
+}