/*
Base
*/

:root {
	--ui-bg: rgb(133, 133, 133);
	--ui-breadcrumbs-bg: black;
  }
  


html {
	font-size: 13px;
	font-family: "Noto Sans";
	scroll-padding-top: 1em;

}


body {
	margin: 0;
	/* font-family: var(--bs-font-sans-serif); */
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	overflow-x: hidden; /* Fixes situation where really long words are present on mobile */
}


.level1:-moz-only-whitespace, .level2:-moz-only-whitespace, .level3:-moz-only-whitespace, .level4:-moz-only-whitespace, .level5:-moz-only-whitespace, .level6:-moz-only-whitespace {
	/* display:none; */
}

.level1:empty, .level2:empty, .level3:empty, .level4:empty, .level5:empty, .level6:empty { /* Does not currently hide whitespace, but will in the future */
	/* display:none; */
}


#content a {

	color:inherit;
	text-decoration-color: #888;

}


#content a:hover {
	color: #888;
}


#main svg {
	height:inherit;
	width: 24px;
}

/* #content .section_highlight > h1, #content .section_highlight > h2, #content .section_highlight > h3, #content .section_highlight > h4, #content .section_highlight > h5 {
   margin-top: 3rem;
} */

.section_highlight {
	margin-top: 2rem;
}

/* #content :first-child:not(.section_highlight) {
   margin-top: 0;
} */

#content :first-child {
	margin-top: 0;
 }

#content h1, #content h2, #content h3, #content h4, #content h5 {
   margin-bottom: .8rem;
   font-family: "Inter";
   /* letter-spacing: -.025em; */
   font-weight:bolder;
   margin-top: 2rem; /* For paragraph spacing */

}

#content h1 {
   font-size: 1.8em;
   margin-bottom: 1rem;
   font-weight: bold;
   /* color: #1d2835; */
   letter-spacing: -.035em;
}

#content h2 {
   font-size: 1.6rem;
   margin-bottom: 1rem;
   font-weight:500;
   /* color: #354a63; */
   letter-spacing: -.035em;
   border-bottom: 1px solid #DDD;
   padding-bottom: 2px;


}

#content h3 {
   font-size: 1.4rem;
   margin-bottom: 1rem; 
   font-weight: 600;
   letter-spacing: -.0085em;
}

#content h4 {
   font-size: 1.25rem;
   margin-bottom: 1rem;
   font-weight: 200;
}

#content h5 {
   font-size: 1.1rem;
   color: #666;
   margin-bottom: 1rem;
}

#content p, #content li, #content ul, #content ol, #content table{
	font-family: "Roboto", sans-serif;
	font-size: 1em;
	/* font-weight:300; */
	color: rgb(41, 41, 53);
}

/* These two styles to be grouped together to give section spacing */
#content > .level1, #content > .level2, #content > .level3, #content > .level4, #content > .level5 {
	/* margin-bottom: 2rem; */
}

/* Section Highlight required also for hover over 'edit' button to keep spacing the same */
#content > .section_highlight > .level1, #content > .section_highlight > .level2, #content > .section_highlight > .level3, #content > .section_highlight > .level4, #content > .section_highlight > .level5 {
	/* margin-bottom: 2rem; */
}

#content .level1, #content .level2, #content .level3, #content .level4, #content .level5 {
	position: relative;
}

#content strong {
	font-weight: 700;
}

#content ol{
	padding-left:0;
	list-style-type: none;
}

#content ul {
	padding-left:1rem;
	margin-left: 0rem;
	list-style-type: square;
	list-style-position: outside;
}

#content ul li {
	padding-left:1rem;
	margin-bottom: 1em;
}

#content ul li::marker {
	font-size: 1.15em;
	color: #999;
}


#content ol li {
	padding-left: 2rem;
	margin-bottom: 1em;
}

#content ol li div.li , #content ul div.li {
	margin-bottom: 1em;
}


#content ol {
	counter-reset: section1;
}
 
#content ol ol {
	counter-reset: section2;
}

#content ol li::before {
	counter-increment: section1;
	content: counter(section1) ". ";
	position: absolute;
	left: 0;
}

#content ol ol li::before {
	counter-increment: section2;
	content: "(" counter(section2, lower-alpha) ")	";
}


/* #content p a, #content li a, #content ol a {
	color: inherit;
	text-decoration: none;
	border-bottom: .0625em solid;
		border-bottom-color: currentcolor;
	border-color: inherit;
	padding-bottom: .125em;
}


/*
Layout and Header
*/

#sidebar {
	width: 100vw;
}


nav.navbar {
	align-items: baseline;
	padding-top:0;
}



header a {
	text-decoration: none;
	color: rgb(27, 27, 27);
}

#title {

	font-weight: bold;
	font-size: 1.5em;
	margin-left: .5rem;

}

div#sidebar-menu-wrapper {
	padding-bottom: .5rem;
}

#sidebar-menu {
	width: 100%;
}


div#main-row {
	margin: 0;
	padding: 0;
}

#dokuwiki__top {
	flex-direction: column-reverse;
}

#toc {
	display: block;
}

#top-right-menu {
	justify-content: flex-start;
	display: flex;
}

#top-right-menu li.user {
	text-align: center;
	font-size:.9rem;
	line-height: 1.7rem;
}

#content-row {
   margin: 0;
}

#content {
	order: 1;
	padding: 1rem;
}

/* Table styles transplant from Bootstrap */

table {
	--bs-table-color: var(--bs-body-color);
	--bs-table-bg: transparent;
	--bs-table-border-color: var(--bs-border-color);
	--bs-table-accent-bg: transparent;
	--bs-table-striped-color: var(--bs-body-color);
	--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
	--bs-table-active-color: var(--bs-body-color);
	--bs-table-active-bg: rgba(0, 0, 0, 0.1);
	--bs-table-hover-color: var(--bs-body-color);
	--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
	width: 100%;
	margin-bottom: 1rem;
	color: var(--bs-table-color);
	vertical-align: top;
	border-color: var(--bs-table-border-color);
  }
  
  table > :not(caption) > * > * {
	padding: 0.5rem 0.5rem;
	background-color: var(--bs-table-bg);
	border-bottom-width: 1px;
	box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
  }
  
  table > tbody {
	vertical-align: inherit;
  }

  table > thead {
	vertical-align: bottom;
  }

  table > tbody > tr:hover > * {
	--bs-table-accent-bg: var(--bs-table-hover-bg);
	color: var(--bs-table-hover-color);
  }

  th {
	/* font-size: 1rem; */
	text-transform: uppercase;
	color: #587794;
	margin-bottom: 1rem;
	font-weight:500;
  }



/* Code */
/* 
pre {
	background: #1a1b26;
	padding: 1rem;
	color: #51699b;
} */

/* Footer*/

.docInfo {
	margin: 1rem 0 0 2rem;
	color:#666;
	font-size:.8rem;
}

li.user {
	color:#777;
}

#fixed-menu {
	/* display: flex; */
	/* flex-direction: column; */
	width: 100%;


}

header#logo img {
	max-height: 2.4rem;
	
}

header#logo {
	margin: auto 0;
}


#sidebar {
	background-color: #EEF2F7;
	/*box-shadow: inset 0 -1rem 2rem #b8babb;*/
	font-size:.9rem;
	border-bottom: 1px solid #d4dce8;
	margin-bottom: .5rem;
}

#mobile-header-divider {
	display: flex;
	justify-content: space-between;
	padding: 1rem 2rem .5rem 2rem;
}

#top-right-menu {
	margin: .5rem 0 1rem 0;
}


#user-tools {
	width: 100%;
	padding: 0 .5rem;
}

#user-tools ul.nav {
	justify-content: space-between;
}

#user-tools ul.li {
	margin:0;
}

#utility-menu .nav {
	justify-content: space-between;
	padding: .6rem;
}


#utility-menu  {
	background-color: #EEF2F7;
	border-top:1px solid #d4dce8;
	position: fixed;
	bottom:0;
	margin-left: -11px;
	z-index: 2000;
	width: 100vw;
}

#footer-row {
	padding-bottom: 4rem;
}

#top-left-menu {
	margin: 1em 0;
}

.navbar-toggler-icon {
	width: 1.5rem;
}
/*Responsive Layouts*/

@media (min-width: 576px) {

	#content {
		order: 0;
		padding-right:0;
	}

	#mobile-header-divider {
		padding: 0;
		justify-content: center;
	}
	
	header#logo {
		align-self: center;
		margin: 1.5rem 0 0 0;
	}

	header#logo img {
		max-height: initial;
	}
	

	#fixed-menu {
		display: block;
		position: fixed;
		overflow: auto;
		max-height: 100vh;
		min-width: 14rem;
		max-width: 14rem;
		flex-direction: column;
	}

	#sidebar {
		flex: 0 0 14rem;
		height: auto;
		min-height: 100vh;
		border-right: 1px solid #d4dce8;
		/* position: fixed; */
		flex-direction: column;
		border-bottom: none;
		margin-bottom: 0;
	}
	
	div#sidebar-menu-wrapper {
		padding-bottom: 0;
	}
	ul.nav#utility-menu {
		flex-direction: column;
	}

	#utility-menu .nav {
		padding: 0;
	}	
	
	#utility-menu  {
		flex:0 0 0;
		background:none;
		border-top: none;
		position: initial;
		bottom: unset;
		margin:0 0 0 1.5rem;
		width: 100%;
		padding-left:0;
	}
	
	#utility-menu .side-menu {
		padding-top:1rem;
	}

	#top-left-menu {
		margin: 0;
	}

	#toc {
		display: none;
	}

	#dokuwiki__top {
		flex-direction: row;
		margin: 0rem .5rem .5rem 1rem;
		flex-wrap: wrap-reverse;
	}

	#content-row {
		flex-wrap: nowrap;
	}

	#content {
		width: 200px;
		margin: 0 0 0 2rem;
      	padding-left:0;
		position: relative; /* Required for  BootstrapScrollspy */
		/* height: auto; */
		/* overflow-y: scroll; */
	}

	#main-row {
		flex-wrap: nowrap;
	}

	#top-left-menu {
		padding-top: 1.5rem;
	}

	#top-right-menu {
		padding-top: 1.5rem;
		margin: 0;
		justify-content: flex-end;
	}

	#user-tools ul.nav li {
		margin-left:1rem;
		margin-right: 0;
	}
	
	


	#footer-row {
		padding-bottom: 0;
	}



}

@media (min-width: 992px) {
	#toc {
		flex: 0 1 20em;
		display: block;
		margin-right: 1.5rem;
      	padding: 0;
	}

   #content {
   		width: 200px;
   		/* margin: 1rem 3rem 0 3rem; */
        margin: 0 0 0 0;
	}

   #content-row {
      margin: 0 0 0 2rem;
   }
}

/*
Section Highlight
*/

.section_highlight * {
	color:#21252978!important;
	text-decoration: none!important;
}

/*
Utility Menu
*/

#utility-menu svg:hover path {
        fill: #182837;
        opacity: 0.6;
}

#user-tools svg:hover path {
        fill: #182837;
        opacity: 0.6;
}

#user-tools svg path {
	fill: var(--ui-bg);
}

#utility-menu ul.nav li svg path {
	fill: var(--ui-bg);
}

#user-tools .user {
	color: var(--ui-bg);
}

#top-left-menu {
	color: var(--ui-breadcrumbs-bg);
}


/*
Table of Contents
*/

#toc .sticky-top {
	scrollbar-width: none;
}
#toc .dw__toc {
	font-size: .9rem;
	padding: 1.5rem 1.5rem .5rem 1.5rem;
	background-color: #EEF2F7;
	/* margin-top:-1rem; /* This is to fix the spacing from .pt3 padding from Bootstrap */
	border: 1px solid #d4dce8;
}

@media (min-width: 576px) {
	#toc .dw__toc {
		margin-top:0;
		border: 0;
		padding:1.25rem 0 0 0;
		background: none;
		margin-right: 2rem;
	}
	ul.toc div.li a {
		display: block;
		border-radius: 3px;
		padding: .25rem .5rem;
	}

	ul.toc div.li a.active {
		background-color: #f5f7ff;
	}

}
#toc .dw__toc h3 {
	font-size: 1em;
	text-transform: uppercase;
	color: #182837;
	margin-bottom: 1rem;
	font-weight:300;

}

h3.toggle > strong {
	display: none !important;
}

ul.toc {
	padding-left: 0;
}

ul.toc > li.level2, li.level3, li.level4 {
	padding-left: 1.5rem;
}

ul.toc > li {
	list-style: none;
}

ul.toc a {
	text-decoration: none;
	color:#111;
}

ul.toc a:hover {
	color: #182837;
	background-color: #f5f7ff;
}

ul.toc li.level2 a {
	color:#444;
	font-weight: normal;
}

ul.toc li.level3 a {
	color:#666;
}

ul.toc li.level4 a {
	color:#888;
}


ul.toc li.level2 a:hover, ul.toc li.level3 a:hover, ul.toc li.level4 a:hover {
	color: #182837;
}


ul.toc div.li {
	margin: 0 0 0 0;
	/* padding-right: calc(1rem); */
}


/*
Breadcrumbs
*/

.youarehere a {
	text-decoration: none;
	color: var(--ui-breadcrumbs-bg);
}

.youarehere a:hover {
	color:#182837;
}


.youarehere span.home {
	margin-left: .5rem;
}

.youarehere strong {
	color:#bbb;
}
.youarehere svg {
	fill: var(--ui-breadcrumbs-bg);

}

.youarehere span.curid {
	font-weight: bold;
}

/*
Menu
*/

#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
    font-size: 0.8rem;
    text-transform: uppercase;
    color: #182837;
    margin: 1.5rem 0 .7rem 1.6rem;
}


#sidebar ul, #sidebar ol {
	padding: 0;
}


#sidebar li a {
    display: block;
    padding: .3rem 1rem;
    text-decoration: none;
    transition: color .15s;
    border-radius: 3px;
    margin: 0 .5rem 0 .5rem;
    color:#505B6D;
    transition: background-color 0.5s ease;
}

#sidebar li span.curid a {
	background-color: #E2E6EA;
	/*background-color: #B8C6D5;*/
}



#sidebar li a:hover {
	background-color: #E2E6EA;
	/*background-color: #B8C6D5;*/
}


#user-tools li.user {
	display: none;
}

@media (min-width: 992px) {

	#user-tools li.user {
		display: list-item;
	}

}

/*
Edit Button
*/

.dokuwiki .secedit {
	float: right;
}


.dokuwiki .secedit button {
	border: 1px solid #3333;
	padding: 0.075rem 0.75rem;
	color: #AAA;
	font-size: .8em;

}


/*
Buttons
*/


#__search-form {
	float: left;
	white-space: nowrap;
}

#qsearch__in {
	display: inline;
	width: auto;
	padding: .25rem .6rem;
	font-size: .9rem;
	font-weight: 400;
	color: var(--ui-bg);
	background-color: #fff;
	background-clip: padding-box;
	border-top: 1px solid var(--ui-bg);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
	border-bottom: 1px solid var(--ui-bg);
	border-left: 1px solid var(--ui-bg);
	border-right: none;
	height: 1.9rem;
	line-height: 1rem;
}

#__search-toggle {
	border: 0;
	padding: 0;

}

#__submit-search-button {
	margin-right: .5rem;
}



.search button {
	padding: .25rem .6rem;
	vertical-align: top;
	color: var(--ui-bg);
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
	border: 1px solid var(--ui-bg);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	height: 1.9rem;
	font-size: .9rem;
	line-height: 1rem;
}


button {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid #182837;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #182837;
}

button:hover {
  color: #fff;
  background-color: #182837;
  border-color: #182837;
}

button:focus {
	outline: 0;
	color: #fff;
	background-color: #182837;
	border-color: #182837;
	box-shadow: 0 0 0 0.25rem rgba(24, 40, 55, 0.5);
}


button:hover#__search-toggle  {
	fill: #182837;
	background-color: transparent;
	border-color: none;
}
  
button:focus#__search-toggle  {
	fill: #182837;
	background-color: transparent;
	border-color: none;
	box-shadow: none;
}
  

/*
Options, Additions and Fields
*/

h1.option_header,  h2.option_header,  h3.option_header,  h4.option_header,  h5.option_header,  h6.option_header  {
	display: inline-block;
}

span.brev_option {
	text-decoration: 1px #3d4c49 dashed underline;
	color: #3d4c49;
	position: relative;
	cursor: pointer;
	-webkit-text-decoration-skip: objects;
	text-decoration-skip: objects;
/*	border-bottom: 1px solid #38786D;
    background: linear-gradient(360deg, #CAE6E1, transparent);*/
}
/*#eff5f4;*/
span.brev_addition {
	text-decoration: 1px #583636 dashed underline;
	color: #583636;
	cursor: pointer;
	-webkit-text-decoration-skip: objects;
	text-decoration-skip: objects;
}

.addition_header {
	text-decoration: 1px #583636 dashed underline;
	color: #583636;
	cursor: pointer;
	-webkit-text-decoration-skip: objects;
	text-decoration-skip: objects;
}

.option_header {
	text-decoration: 1px #3d4c49 dashed underline;
	-webkit-text-decoration-skip: objects;
	text-decoration-skip: objects;
	color: #3d4c49;
	cursor: pointer;
}

.option_sect  { 
	text-decoration: 1px #3d4c49 solid underline;
	color: #3d4c49;
	cursor: pointer;
	-webkit-text-decoration-skip: objects;
	text-decoration-skip: objects;
}

.brev_option_sect > * { 
	text-decoration: 1px #3d4c49 dashed underline;
	color: #3d4c49;
	cursor: pointer;
	-webkit-text-decoration-skip: objects;
	text-decoration-skip: objects;
}

.brev_addition_sect  { 
	text-decoration: 1px #583636 dashed underline;
	color: #583636;
	cursor: pointer;
	-webkit-text-decoration-skip: objects;
	text-decoration-skip: objects;
}

.brev_addition_sect > * { 
	text-decoration: 1px #583636 dashed underline;
	color: #583636;
	cursor: pointer;
	-webkit-text-decoration-skip: objects;
	text-decoration-skip: objects;
}

.brev_addition_sect + .plugin_include_content { 
	text-decoration: 1px #583636 dashed underline;
	color: #583636;
	cursor: pointer;
	-webkit-text-decoration-skip: objects;
	text-decoration-skip: objects;
}

.brev_opt_box {
    position: absolute;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    color: #212529;
}

.brev_opt_content {
	padding: 1rem;
}

.brev_opt_box > h1, .brev_opt_box > h2, .brev_opt_box > h3, .brev_opt_box > h4, .brev_opt_box > h5, .brev_opt_box > h6  {
	color:blue;
}


pre {
	font-family: 'JetBrainsMono Nerd Font', JetBrainsMono, Inconsolata, Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
	font-size: 12px;
	/* line-height: 1.375; */
	direction: ltr;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	tab-size: 4;
	hyphens: none;
	background: #f5f7ff;
	color: #5e6687;
	border: 0;
	border-radius: .55rem;
	padding: 1.25rem;
	margin: 0;
	margin-bottom: 1rem;
	margin-top: 1rem;
	overflow: auto;

}


/* 
Ordered Lists TBC!!! TODO
*/

/* #content ol li {
	margin-bottom: 1rem;
} */





/*
Edit Form
*/

form#dw__editform textarea#wiki__text{
    width: 100%;
    font-size: .9rem;
    padding: .5rem;
    color: white;
    background-color: #272822;
}

/* Geshi Dark Theme Test */
pre ol {
	list-style: decimal;
	list-style-position: outside;
	padding: 0;
	margin: 0;
	counter-reset: code-line-numbers;
}

pre ol li {
	margin: 0 0 0 2.5rem;
	padding: 0;

	counter-increment: code-line-numbers;
	clear: none;
}
pre ol li::marker {
	content: counter(code-line-numbers) "   ";
	color:#9fa9ce;
}


.st_h {
color: #689b5d;
}


.co1 {
color: red;
}
.co0,
.co4 {
color: #586e75;
}

.me0 {
	color: #657b83;
}
.me1 {
	color: #586e75;
}
.me2 {
	color: #073642;
}

.br0 {
color: #b58900;
}
.br1 {
	color: #cb4b16;
}
.br2 {
	color: #dc322f;
}


.st0 {
	color: #31583d;
}

.sy0 {
	color: rgb(167, 51, 51);
}

.kw1 {
color: #a85105;
}

.kw2 {
color: #398dd2;
font-weight:200;
}

.kw3 {
color: #ee6f00;
}

.nu0 {
color: #a81d1d;
}

.re0 {
color: #9f80b0;
}

/* Catlist Plugin Styling */

#content ul.catlist-nslist li.catlist-page a {
	display: inline-block;
	width: 100%;
	padding: 1rem;
	margin: 0 .75rem .75rem .75rem;
	border-radius: .5rem;
	color: #505B6D;
	background-color: #f5f7ff;
	text-decoration: none;
	border: 1px solid #d4dce8;
	/* transition: color 0.5s ease, background-color 0.5s ease; */
}

#content ul.catlist-nslist li.catlist-page {
	display: inline-block;
	min-width: 100%;
	padding-right: .75rem;
	
}

#content .catlist-nslist {
	padding: 0;
	margin-left: -.75rem;
}


#content ul.catlist-nslist li {
	padding-left: 0;
	margin-bottom: 0;
}

#content ul.catlist-nslist {
	padding-left: 0;
}



#content ul.catlist-nslist li.catlist-page a:hover {
	text-decoration: none;
	background-color: #505B6D;
	color: #f5f7ff;
}

#content ul.catlist-nslist li.catlist_addpage {
	display: inline-block;
	width: 100%;
	margin: .5rem .75rem .75rem .75rem;
}

@media (min-width: 576px) {

	#content ul.catlist-nslist li.catlist-page a {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		margin: 0 .75rem .5rem .75rem;
	}

	#content ul.catlist-nslist li.catlist-page {
		min-width: 50%;
		width: 50%;

	}

}
@media (min-width: 992px) {

	#content ul.catlist-nslist li.catlist-page {
		min-width: 33.3%;
		width: 33.3%;

	}

}

@media (min-width: 1600px) {

	#content ul.catlist-nslist li.catlist-page a {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	#content ul.catlist-nslist li.catlist-page {
		min-width: 25%;
		width: 25%;

	}

}

/* 
.navbar-toggler-icon {

	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	width: 30px;
	height: 30px;
} */

/* .navbar-toggler-icon {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
} */




/*  The below styles are experimental positioning the UI elements as a frame of the content, rather than flush with the UI elements */

/* 
#content-row {
	margin-left:5rem;
	margin-top: 2rem;
}

#utility-menu {
	margin-left:6rem;
}
 */