/* Font Changes */
p,h1,h2,h3,h4,th,td,a,body {
  font-family: "Inter", sans-serif;
}
/* Adjust overall site height */
.wrapper {
    display: flex;
    flex-direction: column;
}
/* Adjust site width */
.container {
	max-width: 90rem;
	padding: 0;
}
.gdoc-page {
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem 2rem 0rem 0rem;
}
/* Site header */
.gdoc-brand__img {
    max-width: 7em;
    width: auto;
    height: auto;
}
.gdoc-header .icon {
    height: 1.5rem;
    width:  1.5rem;
}
.iconsbar {
    background: #000;
    text-align: right !important;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 12px;
}
.iconsbar a {
    color: #fff;
}
/* Site Nav Bar */
.docshome {
  flex: 1;
  float: left;
  color: black;
}
.docshome a,
.docshome a:visited {
  color: black;
  font-size: xx-large;
  font-weight: 600;
}
.docshome a:hover {
  color: #0095d5;
}
.docs-load-button {
	background: #23afe4;
	color: white;
	cursor: pointer;
	width: 3rem;
	height: 2rem;
	font-weight: bold;
	border: 0px;
	margin: 0 13px 0 13px;
}
.docs-load-button[disabled] {
	background: #23afe4;
	color: rgba(128, 128, 128, 0.5);
	pointer-events: none;
}
#docssearch {
	display: flex;
	float: right;
	justify-content:center;
	align-items:center;
	padding-left: 1rem;
}
#docssearch [disabled]{
	color: rgba(128, 128, 128, 0.5);
	pointer-events: none;
}
#docssearchbutton {
	color: white;
	background: #23afe4;
}
.truenas-navmenudropdown {
    display: none;
    position: absolute;
	color: white;
    background-color: #0095d5;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10;
}
.truenas-dropdown-item {
  cursor: pointer;
  font-family: "din-2014";
  font-size: 17px;
  font-weight: 500;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: table;
}
.truenas-dropdown-item:hover {
  color: #bbb;
}
.truenas-docs-menuitem:hover .truenas-navmenudropdown {display: block;}
.truenas-docs-menuitem:hover .truenas-docsnav-menubutton {background-color: #0e0e0e;color:#31beec;}

/* End Site Nav Bar */
/* Sticky top menu */
.sticky {
    position: fixed;
    top: 0;
    left: 50%;
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 5;
    margin: 0 auto;
    max-width: 100% !important;
    padding: .5rem 1rem .5rem 1rem;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.stickyelement {
    background: white;
	padding-top: 1rem;
}
.truerow {
	display: block;
}
.stickybackground {
	z-index: 1;
	width: 100%
	background: white;
}
.gdoc-header__link {
    float:left;
	
}
.truenas-menubar {
    float: right;
    display: flex;
    font-family: "din-2014";
	font-size: 16px;
    font-weight: 400;
	justify-content:center;
	align-items:center;
}
.menubar-link {
	padding-right: 1.5rem;
}
@media screen and (max-width:800px) {
	.docshome {
		text-align: center;
	}
	#gdoc-color-theme {
		flex:1;		
	}
	.google_translate_element {
	}
}
/* Remove stickybar for small screens and use default GeekDoc menu */
@media screen and (max-width:46rem) {
	.container.truerow {
        display: none;
    }
}
#docsnav-intro {
	padding-right: 2px;
	font-size: 18px;
	font-weight: bold;
}
.docsnav {
	display:flex;
	flex-wrap:wrap;
	padding-top:.5rem;
	justify-content:center;
	align-items:center;
	width: 85%;
	margin: 0 auto;
}
.truenas-docsnav-menubutton {
    background-color: white;
    padding: 13px 0 13px 0;
    border: none;
    font-family: "din-2014";
	font-size: 18px;
    font-weight: bold;
}
#productButton {
	display: inline-block;
}
#productButton,
#productDropdown {
	width: 12rem;
	text-align: center;
}
#versionButton {
	display: inline-block;
}
#versionButton,
#versionDropdown {
	width: 7rem;
	text-align: center;
}
.truenas-docsnav-menuitem:hover .truenas-docsnav-menubutton,
.truenas-navmenudropdown:hover + .truenas-docsnav-menubutton {
  color: white;
  background: #0095d5;
}
.truenas-docsnav-menubutton[disabled] {
	color: rgba(128, 128, 128, 0.5);
	pointer-events: none;
}
/* End sticky top menu */
/* Fix Nav sidebar padding */
.gdoc-nav nav {
    padding: 1rem 1.5rem 1rem 1rem;
}
.gdoc-page {
    padding: 1rem 2rem 0rem 0rem;
}
.container{
    max-width: 100rem;
    padding: 0;
}
.gdoc-header {
    background: #000000;
	border-bottom-width: 20px;
	border-bottom-color: #0095d5;
    padding: .5rem 1rem 1rem 1rem;
	border-bottom-width: 0px;
}

.truenas-menubutton {
    background-color: #000;
    color: white;
    padding: 13px;
    border: none;
    font-family: "din-2014";
	font-size: 16px;
    font-weight: 400;
}
.truenas-menubutton:hover {
  color: #000000;
}
.truenas-menubutton,.truenas-menubutton a {color:#white;cursor:pointer;}
.truenas-menulink {
    background-color: #000;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}
.truenas-menulink a {color:#000000;}
.truenas-menudropdown {
    display: none;
    position: absolute;
    background-color: #0095d5;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10;
}
.truenas-menudropdown a {
    font-family: "din-2014";
	font-size: 16px;
    font-weight: 500;
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: table;
}
.dropdown-item {
  cursor: pointer;
  font-family: "din-2014";
  font-size: 16px;
  font-weight: 500;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: table;
}
.linkscolumn {
	width: 50%;
	float: left;
}

.truenas-menudropdown a:hover {color: #bbb;}
.truenas-menuitem:hover .truenas-menudropdown {display: block;}
.truenas-menuitem:hover .truenas-menubutton {background-color: #0e0e0e;color:#31beec;}
.truenas-menuitem:hover .truenasdownload-menudropdown {display: block;}
.truenasdownload-menudropdown a:hover {color: #DFDFDF;}
.truenas-downloadbutton {
    background:#71bf44;
    color: white;
    padding: 13px;
    border: none;
    font-family: "din-2014";
	font-size: 16px;
    font-weight: 400;
 }
.truenas-downloadbutton:hover {
    background-color: #71bf44;
}
.truenas-downloadbutton a {
    font-family: "din-2014";
    font-weight: 500;
    font-size: 16px;
    color:#ffffff;
}
.truenas-downloadbutton a:hover {
    color: #00597f;
    text-decoration: none;
}
.truenasdownload-menudropdown {
    display: none;
    position: absolute;
    background-color: #71bf44;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10;
}
.truenasdownload-menudropdown a {
    font-family: "din-2014";
    font-weight: 500;
    font-size: 16px;
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.truenas-menudropdown {
    display: none;
    position: absolute;
    background-color: #0095d5;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10;
}

.truenasdownload-menudropdown a {
    font-family: "din-2014";
    font-weight: 500;
    font-size: 16px;
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Nested Menu items */
.nested-menubutton {
    font-family: "din-2014";
    font-weight: 500;
    font-size: 16px;
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border: none;
    background-color: #0095d5;;
}
.truenas-nested-menudropdown {
    display: none;
    position: absolute;
    background-color: #0095d5;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10;
    margin-top: -.5em;
    margin-left: -1.5em;
}
.nested-menubutton:hover + .truenas-nested-menudropdown {display: block;}

.truenas-nested-menudropdown a {
    font-family: "din-2014";
    font-weight: 500;
    font-size: 16px;
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.nested-menubutton a {
    margin-left: 2rem;
}

/* End site header */
/* Site footer */

.gdoc-footer {
    max-width: 100%;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 14px;
    background-color: #151515;
    color: #666;
	padding: 1% 0;
}
.gdoc-footer__link {
    color: #23afe4;
}
.gdoc-footer__link:visited {
    color: #23afe4;
}
.gdoc-footer__item{
    padding-left: .5rem;
}

/* End site footer */

/* Styling images in the Topics Tab Boxes */
.topic-image {
    float:left;
    padding-right:20px;
    max-width: 25% !important;
}
/* Make Readtime and lastmod less visible */
.reading-time {
    opacity: 0.5;
}
/* Site directory for mobile browsing */
.truenas-mediamenu {
    display: none;
}
@media screen and (max-width:46rem) {
    .truenas-mediamenu {
        display: inline-block;
        position: relative;
    }
    .truenas-menubutton {
        padding: 0px 15px 15px 0px;
    }
    .truenas-mediamenu:hover .truenas-menudropdown {display: block;}
	.truenas-mediamenu:hover .truenas-menubutton {background-color: black;color:white;}
}
svg.gdoc-icon {
	width: 1.5rem;
	height: 1.5rem;
}
/* End site directory for mobile browsing */
/* Style Hint Boxes */
.gdoc-hint {
	font-family: Inter, sans-serif;
}
.gdoc-hint__title {
	font-family: Inter, sans-serif;
}
.gdoc-hint__title i.fa {
	font-family: Inter, sans-serif;
	background-size: auto 120%;
	margin-bottom: 5px;
	text-align: center;
}
.gdoc-hint__text {
	font-family: Inter, sans-serif;
}
/* Styling for fade-in on image download links */
.container-image-download {
    position: relative;
    width: 50%;
}
.container-image-download:hover .image {
    opacity: 0.3;
    -webkit-transition:.5s ease;
    -o-transition:.5s ease;
    transition:.5s ease;
}
.container-image-download:hover .middle {
    opacity: 1;
    -webkit-transition:.5s ease;
    -o-transition:.5s ease;
    transition:.5s ease;
}
.container-image-download-mini {
    position: relative;
    width: 18%;
}
.container-image-download-mini:hover .image {
    opacity: 0.3;
    -webkit-transition:.5s ease;
    -o-transition:.5s ease;
    transition:.5s ease;
}
.container-image-download-mini:hover .middle {
    opacity: 1;
    -webkit-transition:.5s ease;
    -o-transition:.5s ease;
    transition:.5s ease;
}
.image-download-text {
    background-color: #0095D5;
    color: white;
    font-size: 16px;
    padding: 16px 32px;
}
.middle {
    -webkit-transition:.5s ease;
    -o-transition:.5s ease;
    transition:.5s ease;
    opacity:0;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%)
 }
.linkbutton{
    min-width:180px;border-radius:5px;
    background-color:#0095d5;
    -webkit-box-shadow:3px 3px #d1d1d1;
    box-shadow:3px 3px #d1d1d1;
    color:#fff;
    padding:14px 25px;
    text-align:center;
    text-decoration:none;
    position:relative;
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:20%
}
.linkbutton:hover{
    color:#fff;
    background-color:#1eaedb;
    border-color:#1eaedb
}

/* End styling for fade-in on image download links */
/* Begin print view styling */
.content-print {
    min-width: 10rem;
    max-width: 80rem;
    margin: 0rem 5rem 0rem 5rem;
    font-family: "Inter", sans-serif;
}
.content-print .gdoc_link{
    max-height: 1rem;
    max-width: 1rem;
}
.content-print img {
    max-width: 800px;
}
.content-print .data-setup {
	display:none;
}
.content-print .gdoc-tabs input[type="radio" i] {
    display: none;
}
.content-print .gdoc-tabs label{
    display: none;
}
.content-print input[type="checkbox" i] {
    display: none;
}
.content-print input[type="radio" i] {
    display: none;
}
.content-print .gdoc-tabs__label {
    font-weight: bold;
}
.content-print .gdoc-expand {
    border: 1px solid black;
    margin-bottom: 1rem;
    padding: 5px;
    background-color: #f2f2f2;
}
.content-print .gdoc-expand__head.flex.justify-between{
    font-weight: bold;
}
.td-content-print{
    min-width: 10rem;
    max-width: 80rem;
    margin: 0rem 5rem 0rem 5rem;
    font-family: "Inter", sans-serif;
}
.td-content-print img{
    max-width: 800px;
}
.td-content-print video {
	display: none;
}
.td-content-print div.docvid {
	display:none;
}
.td-content-print .gdoc_link{
    max-height: 1rem;
    max-width: 1rem;
}
.td-content-print table, th, td{
    border: 1px solid black;
    border-collapse: collapse;
    padding: 5px;
}
.td-content-print th{
    background-color: #31beec;
    color: white;
}
.td-content-print tr:nth-child(even) {
    background-color: #f2f2f2;
}
.td-content-print input[type="checkbox" i] {
    display: none;
}
.td-content-print input[type="radio" i] {
    display: none;
}
.td-content-print .gdoc-tabs__label {
    font-weight: bold;
}
.td-content-print .gdoc-expand {
    border: 1px solid black;
    padding: 5px;
    background-color: #f2f2f2;
    margin-bottom: 1rem;
}
.td-content-print .gdoc-expand__head.flex.justify-between{
    font-weight: bold;
}
.td-content-print blockquote {
    margin: 1rem 0;
    padding: .5rem 1rem .5rem .75rem;
    border-left: 4px solid #e9ecef;
    border-radius: .15rem;
}
.td-content-print .gdoc-hint.warning {
    border-left-color: #fd6;
    background-color: rgba(255,221,102,.1);
}
.td-content-print .gdoc-hint.info {
    border-left-color: #6bf;
    background-color: rgba(102,187,255,.1);
}
.td-content-print .gdoc-hint.danger {
    border-left-color: #f66;
    background-color: rgba(255,102,102,.1);
}
/* End print view styling */
/* Begin archive drop down styling */
/* Dropdown Button */
.dropbtn {
    background-color: #3498DB;
    color: white;
    padding: 8px;
    font-size: 14px;
    border: none;
    cursor: pointer;
    margin-right: 1rem;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #3498DB;
}

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

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    height: 9rem;
    overflow-y: scroll;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3498DB;}

/* Back to Top button */
.scrollToTopBtn {
  background-color: black;
  border: none;
  color: white;
  cursor: pointer;
  font-size: 18px;
  line-height: 48px;
  width: 48px;
  rotate: z -90deg;
  position: fixed;
  bottom: 80px;
  right: 20px;
  z-index: 100;
  opacity: 0;
  transform: translateY(100px);
  transition: all 0.3s ease;
}

.showBtn {
  opacity: .75;
  transform: translateY(0);
}

/* Standardized table style */
.truetable {
  border-collapse: collapse;
  max-width: 100%;
}

.truetable td, .truetable th {
  border: 2px solid #e3e3e2;
  padding: 8px;
}

.truetable tr:nth-child(even){background-color: #f6f6f5;}
.truetable tr:nth-child(even){color: black;}
.truetable tr:nth-child(even):hover {background-color: #e0e7eb;color: black;}
.truetable tr:hover {background-color: #e0e7eb;color:black;}
.truetable tr:hover a {}

.truetable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #0095d5;
  color: white;
}

:root {
    --color-scheme: light;
  }
  
  @media screen and (prefers-color-scheme: dark) {
    :root {
      --color-scheme: dark;
    }
    .truetable {
      background-color: #212529;
    }
    .truetable td, .truetable th {
      border-color: #c2cfd7;
      color: #ddd;
    }
    .truetable tr:nth-child(even){background-color: #303030;}
	.truetable tr:nth-child(even):hover {background-color: #444;color: white;}
    .truetable tr:hover {background-color: #444;color:white;}
    .truetable tr:hover a {}
    .truetable th {
      background-color: #0095d5;
      color: #fff;
    }
  }
    
/* End standardized table styling */
/* Standardize image styling */
.trueimg {
	justify-content:center;
}
.gdoc-markdown img {
	max-width: 75%;
	height: auto;
	align-items: center;
}
.gdoc-markdown img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
.trueimg figcaption {
	text-align: center;
}
/* End standardized image styling */
/* Adjust inline-code rendering for more contrast*/
.gdoc-markdown code {
	color: black;
	background-color: #e6e6e6;
}
/* End adjustment of inline-code rendering */

/* Styling for expands */
.truenas-enterprise__text {
	color: black;
}
.gdoc-expand {
	color: black;
	background: #f0f3f5;
}
.gdoc-expand__head {
	background: #e0e7eb;
}
/* Adjust read time and last mod div */
.docs-read_mod {
	display:flex;
	text-align:center;
	align-items:center;
	justify-content:flex-start;
	margin:0;
	padding:0;
}
/* End read time and last mod div adjustments */
/* Start Dark Mode adjustments */
    @media screen and (prefers-color-scheme: dark) {
        .gdoc-expand {
        background-color: #303030;
        color: #c2cfd7;
        }
    
        .gdoc-expand__head {
        background-color: #c2cfd7;
        color: black;
        }
    }
/* End Dark Mode adjustments */
/* End Styling for expands */
/* Children shortcode line adjust */
.children.children-li {
	line-height: 1rem;
}
.truenas-articlelist {
	line-height: 1rem;
}
/* End Children shortcode line adjust */
/* Docs Products Nav Boxes */
.docs-sections {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 2rem;
  padding: 1rem;
}
@media screen and (max-width:83rem) {
	.docs-sections {
		grid-template-columns: auto auto;
	}
}
@media screen and (max-width:50rem) {
	.docs-sections {
		grid-template-columns: auto;
	}
}
.docs-sections > p {
  text-align: center;
  padding: 20px 0;
  font-size: 18px;
  font-weight: bold;
  color: #555;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  background-color: rgb(248, 249, 250);
}
.docs-sections > p:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.docs-sections a {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #0095d5;
}
.docs-sections a:hover {
	color: #0095d5;
}
.docs-sections a:visited {
	color: #0095d5;
}
.docs-sections a:visited:hover {
	color: #0095d5;
}
.section-sup {
	top: -1.0em;
	font-size: 50%;
}
.docs-more-sections {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 2rem;
  padding: 1rem;
}
@media screen and (max-width:50rem) {
	.docs-more-sections {
		grid-template-columns: auto auto;
	}
}
@media screen and (max-width:25rem) {
	.docs-more-sections {
		grid-template-columns: auto;
	}
}
.docs-more-sections > p {
  text-align: center;
  padding: 20px 0;
  font-size: 18px;
  font-weight: bold;
  color: #555;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  background-color: rgb(248, 249, 250);
}
.docs-more-sections > p:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.docs-more-sections a {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #0095d5;
}
.docs-more-sections a:hover {
	color: #0095d5;
}
.docs-more-sections a:visited {
	color: #0095d5;
}
.docs-more-sections a:visited:hover {
	color: #0095d5;
}
.section-box {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	background-color: rgb(248, 249, 250);
}
.section-box:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.box-image{
	padding-top: .5rem;
	text-align: center;
}
.section-box > p {
	text-align: center;
	line-height: 1rem;
	margin-block-start: .5rem;
	margin-block-end: .5rem;
}

/* Style for tab navigation */
.section-tabs {
  display: flex;
  justify-content: center;
  background-color: #0095d5;
}
/* Style for individual tab */
.section-tab {
  padding: .5rem .5rem;
  margin: 0 5px;
  cursor: pointer;
  background-color: #0095d5;
  color: white;
  font-weight: 600;
  border-top: solid;
  border-top-color: #0095d5;

}
.section-tab-content {
	padding-top: .25rem;
	text-align: center;
}
.section-tab.active {
    background-color: rgb(248, 249, 250);
    color: #0095d5;
    border-top: solid;
    border-top-color: #0095d5;
}
.mute {
	color:#0095d5;
	cursor:default;
}
/* End Docs Products Nav Boxes */
/* Adjust search bar for all color modes */
#search input {
    background-color: white;
    color: black;
    border-color: #0095d5;
  }
/* End Adjust search bar for all color modes */
/* Additional Automatic and Manual color scheme values */
@media screen and (prefers-color-scheme: dark) {
	.stickyelement,
	.stickybackground,
	.sticky,
	.docsnav,
	.truenas-docsnav-menubutton,
	.docshome {
	  background-color: #29363e;
	}
	.truenas-docsnav-menubutton,
	.docshome a,
	.docshome a:visited,
	#docsnav-intro {
		color: white;
	}
	.docs-more-sections p,
	.docs-sections p {
		background-color: #475d6b;
		color: #c2cfd7;
		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
		transition: 0.3s;
	}
	.docs-sections p {
		box-shadow: none;
	}
	.truenas-docsnav-menuitem:hover .truenas-docsnav-menubutton,
	.truenas-navmenudropdown:hover + .truenas-docsnav-menubutton {
		background-color: #0095d5;
		color: white;
	}
	.docs-more-sections > p:hover {
		box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	}
	.docs-sections a,
	.docs-sections a:visited,
	.docs-more-sections a,
	.docs-more-sections a:visited {
		color: rgb(110,168,212);
	}
	#search input {
		background-color: #475d6b;
		color: #c2cfd7;
	}
	#search input::placeholder {
		color: #c2cfd7;
	}
	.section-box{
		background-color: #475d6b;
	}
    .section-tab.active {
        background-color: #475d6b;
        color: white;
        border-top: solid;
        border-top-color: #0095d5;
    }
}
:root[color-theme=dark] {
	.stickyelement,
	.stickybackground,
	.sticky,
	.docsnav,
	.truenas-docsnav-menubutton,
	.docshome {
	  background-color: #29363e;
	}
	.truenas-docsnav-menubutton,
	.docshome a,
	.docshome a:visited,
	#docsnav-intro {
		color: white;
	}
	.truenas-docsnav-menuitem:hover .truenas-docsnav-menubutton,
	.truenas-navmenudropdown:hover + .truenas-docsnav-menubutton {
		background-color: #0095d5;
		color: white;
	}
	.docs-more-sections p,
	.docs-sections p {
		background-color: #475d6b;
		color: #c2cfd7;
		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
		transition: 0.3s;
	}
	.docs-sections p {
		box-shadow: none;
	}
	.docs-more-sections > p:hover {
	}
	.docs-sections a,
	.docs-sections a:hover,
	.docs-more-sections a:hover,
	.docs-sections a:visited,
	.docs-more-sections a,
	.docs-more-sections a:visited {
		color: rgb(110,168,212);
	}
 	#search-input {
		background-color: #475d6b;
		color: #c2cfd7;
	}
	#search-input::placeholder {
		color: #c2cfd7;
	}
	.gdoc-expand {
        background-color: #303030;
        color: #c2cfd7;
    }
	.gdoc-expand__head {
        background-color: #c2cfd7;
        color: black;
    }
	.truetable {
      background-color: #212529;
    }
    .truetable td, .truetable th {
      border-color: #c2cfd7;
      color: #ddd;
    }
    .truetable tr:nth-child(even){background-color: #303030;}
    .truetable tr:hover {background-color: #444;color:white;}
	.truetable tr:nth-child(even):hover {background-color: #444;color: white;}
    .truetable tr:hover a {}
    .truetable th {
      background-color: #0095d5;
      color: #fff;
    }
	.section-box{
		background-color: #475d6b;
	}
    .section-tab.active {
        background-color: #475d6b;
        color: white;
        border-top: solid;
        border-top-color: #0095d5;

    }
}
:root[color-theme=light] {
	.stickyelement,
	.stickybackground,
	.sticky,
	.docsnav,
	.truenas-docsnav-menubutton,
	.docshome {
	  background-color: white;
	}
	.truenas-docsnav-menubutton,
	.docshome a,
	.docshome a:visited,
	#docsnav-intro {
		color: black;
	}
	.truenas-docsnav-menuitem:hover .truenas-docsnav-menubutton,
	.truenas-navmenudropdown:hover + .truenas-docsnav-menubutton {
		background-color: #0095d5;
		color: white;
	}
	.docs-more-sections p,
	.docs-sections p {
		background-color: rgb(248, 249, 250);
		color: #555;
	}
	.docs-sections p {
		box-shadow: none;
	}
	.docs-sections a,
	.docs-sections a:visited,
	.docs-more-sections a,
	.docs-more-sections a:visited,
	.docs-sections a:hover,
	.docs-more-sections a:hover {
		color: #0095d5;
	}
	#search-input {
		background-color: white;
		color: black;
	}
	#search-input::placeholder {
		color: #555;
	}
	.gdoc-expand {
        background-color: #f0f3f5;
        color: black;
    }
    .gdoc-expand__head {
        background-color: #e0e7eb;
        color: black;
    }
	.truetable {
		background-color: white;
	}
	.truetable td,
	.truetable th {
		color: #555;
	}
	.truetable tr:hover {background-color: #e0e7eb;color: #555;}
	.truetable tr:nth-child(even):hover {background-color: #e0e7eb;color: #555;}
	.truetable tr:nth-child(even){background-color: #f6f6f5;}
	.truetable tr:hover a {}
	.truetable th {
		background-color: #0095d5;
		color: white;
	}
	.section-box {
		background-color: rgb(248, 249, 250);
	}
    .section-tab.active {
        background-color: rgb(248, 249, 250);
        color: #0095d5;
        border-top: solid;
        border-top-color: #0095d5;
    }
}
/* End Additional Automatic and Manual color scheme values */