:root>* {
    --custom-border-radius: 6px;
    --custom-background-color: #121212;
    --custom-surface-color: #1f1e1e;

    --md-typeset-a-color: var(--custom-primary-link-text-color-active);
    --md-accent-fg-color: var(--custom-primary-text-color);
    
    /* Text*/
    --custom-primary-text-color: #e0e0e0;
    --custom-primary-link-text-color: #e0e0e0;
    --custom-primary-link-text-color-active: #efad24;
    --custom-primary-link-text-color-p: #3879a4;
    --custom-primary-link-text-color-hover: #4395d8;
    --custom-p-line-hight: 22px;

    --custom-primary-tabs-text-color: var(--custom-primary-text-color);
    --custom-primary-tabs-link-text-color: var(--custom-primary-link-text-color);
    --custom-primary-tabs-link-text-color-active: var(--custom-primary-link-text-color-active);
    --custom-primary-tabs-link-text-color-hover: var(--custom-primary-link-text-color-hover);

    --custom-primary-nav-text-color: var(--custom-primary-text-color);
    --custom-primary-nav-link-text-color: var(--custom-primary-link-text-color);
    --custom-primary-nav-link-text-color-active: var(--custom-primary-link-text-color-active);
    --custom-primary-nav-link-text-color-hover: var(--custom-primary-link-text-color-hover);
    --custom-nav-line-hight: 0.8rem;

    --custom-primary-toc-text-color: var(--custom-primary-text-color);
    --custom-primary-toc-link-text-color: var(--custom-primary-link-text-color);
    --custom-primary-toc-link-text-color-active: var(--custom-primary-link-text-color-active);
    --custom-primary-toc-link-text-color-hover: var(--custom-primary-link-text-color-hover);

    --custom-brand_font: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; 

}
body {
    background-color: var(--custom-background-color);
}
/* Top row */
.md-header {
    background-color:var(--custom-background-color);
    color:var(--custom-primary-text-color);
}
/* Search box */
.md-search__form {
    background-color: var(--custom-surface-color);
    border-radius: var(--custom-border-radius);
}
.md-search-__icon {
    color: var(--custom-primary-text-color);
}
.md-search__input {
    background-color: #1f1e1e;
}
.md-search-result__link:is(:focus,:hover), .md-search-result__more summary:is(:focus,:hover) {
    background-color: rgba(255,255,255,0.1);
    color: var(--custom-primary-link-text-color-p);
}
.md-search-result__meta {
    color: var(--custom-primary-text-color);
    background-color: var(--custom-background-color);
}
.md-search-result__icon {
    color: var(--custom-primary-text-color);
}
.md-search-result {
    background-color: #1f1e1e;
    color: var(--custom-primary-text-color);
}
.md-search-result__title {
    color: var(--custom-primary-text-color);
}
.md-search-result__teaser {
    color: var(--custom-primary-text-color);
}
.md-search-result__more summary {
    color: var(--custom-primary-link-text-color-p);
}
/*Tabs row*/
.md-tabs {
	background-color: var(--custom-surface-color);
}
.md-tabs__link {
    color: var(--custom-primary-tabs-text-color);
}
.md-tabs__link--active {
    color: var(--custom-primary-tabs-link-text-color-active);
}
.md-tabs__link:is(:focus,:hover) {
    color: var(--custom-primary-tabs-link-text-color-hover);
}
[dir=ltr] .md-sidebar--primary {
    left: -16rem;
}
[data-md-toggle=drawer]:checked~.md-container .md-sidebar--primary {
    transform: translateX(16rem);
}
.md-nav {
    line-height: var(--custom-nav-line-hight);
}
.md-nav--primary .md-nav__title[for=__drawer]{
    background-color: var(--custom-surface-color);
}
.md-nav--primary .md-nav__title{
    background-color: var(--custom-surface-color);
}
.md-grid {
    max-width: 85%;
}
/* Everything below tabs*/
.md-main {
    background-color:var(--custom-background-color);
    color: var(--custom-primary-text-color);
}
.md-main__inner {
    margin-bottom: 10pt;
}
.md-sidebar {
    padding: 0;
    --md-default-bg-color:var(--custom-surface-color);
    color: var(--custom-primary-text-color);
    width: 16rem;
}
.md-sidebar__inner {
    background-color:var(--custom-surface-color);
    color: var(--custom-primary-text-color);
    padding: 15px;
    border-radius: var(--custom-border-radius);
}

[dir=ltr] .md-sidebar__inner {
    padding-right: 0;
}

.md-content__inner {
    background-color:var(--custom-surface-color);
    padding: 20px;
    border-radius: var(--custom-border-radius);
}
.md-nav__item {
    color: var(--custom-primary-nav-link-text-color);
}
.md-nav__link {
    color: var(--custom-primary-nav-link-text-color);
    padding-bottom: 2px;
}
.md-nav__link--active {
    color: var(--custom-primary-nav-link-text-color-active);
}
.md-nav__link--passed {
    color: var(--custom-primary-text-color);
}
.md-nav__link:is(:focus,:hover) {
    color: var(--custom-primary-nav-link-text-color-hover);
}
.js .md-typeset .tabbed-labels:before {
    background: var(--custom-primary-link-text-color-active);
}
.md-typeset .tabbed-set>input:first-child:checked~.tabbed-labels>:first-child, .md-typeset .tabbed-set>input:nth-child(10):checked~.tabbed-labels>:nth-child(10), .md-typeset .tabbed-set>input:nth-child(11):checked~.tabbed-labels>:nth-child(11), .md-typeset .tabbed-set>input:nth-child(12):checked~.tabbed-labels>:nth-child(12), .md-typeset .tabbed-set>input:nth-child(13):checked~.tabbed-labels>:nth-child(13), .md-typeset .tabbed-set>input:nth-child(14):checked~.tabbed-labels>:nth-child(14), .md-typeset .tabbed-set>input:nth-child(15):checked~.tabbed-labels>:nth-child(15), .md-typeset .tabbed-set>input:nth-child(16):checked~.tabbed-labels>:nth-child(16), .md-typeset .tabbed-set>input:nth-child(17):checked~.tabbed-labels>:nth-child(17), .md-typeset .tabbed-set>input:nth-child(18):checked~.tabbed-labels>:nth-child(18), .md-typeset .tabbed-set>input:nth-child(19):checked~.tabbed-labels>:nth-child(19), .md-typeset .tabbed-set>input:nth-child(2):checked~.tabbed-labels>:nth-child(2), .md-typeset .tabbed-set>input:nth-child(20):checked~.tabbed-labels>:nth-child(20), .md-typeset .tabbed-set>input:nth-child(3):checked~.tabbed-labels>:nth-child(3), .md-typeset .tabbed-set>input:nth-child(4):checked~.tabbed-labels>:nth-child(4), .md-typeset .tabbed-set>input:nth-child(5):checked~.tabbed-labels>:nth-child(5), .md-typeset .tabbed-set>input:nth-child(6):checked~.tabbed-labels>:nth-child(6), .md-typeset .tabbed-set>input:nth-child(7):checked~.tabbed-labels>:nth-child(7), .md-typeset .tabbed-set>input:nth-child(8):checked~.tabbed-labels>:nth-child(8), .md-typeset .tabbed-set>input:nth-child(9):checked~.tabbed-labels>:nth-child(9) {
    color: var(--custom-primary-link-text-color-active);
}
.md-typeset .tabbed-labels>label {
    font-weight: 500
}
.md-typeset h1 {
    margin: 0;
    color: var(--custom-primary-text-color);
    font-weight: 500;
}
.md-typeset h2 {
    margin: 0;
    padding-top: 10px;
    font-weight: 500;
}
.md-typeset h2+h3 {
    margin-top: 0;
}
.md-typeset h3 {
    margin: 0;
    padding-top: 10px;
    font-weight: 500;
}
.md-typeset ul, ol {
    margin: 0;
    padding-top: 10px;
}
.md-typeset ol li, .md-typeset ul li {
    margin: 0;
}
.md-typeset ol li ol {
    margin-top: 0.12em;
}
.md-typeset p {
    line-height: var(--custom-p-line-hight);
}
.md-typeset a {
    color: var(--custom-primary-link-text-color-p);
}
.md-typeset a:hover {
    color: var(--custom-primary-link-text-color-hover);
}
.md-typeset table:not([class]) {
    background-color:var(--custom-surface-color);
    border-color: var(--custom-primary-text-color);
}
.md-typeset img, .md-typeset svg, .md-typeset video {
    border-radius: var(--custom-border-radius);
}
.md-icon svg {
    color: var(--custom-primary-text-color);
}
/* Code block*/
.md-typeset code {
    border-radius: var(--custom-border-radius);
}
.md-typeset .tabbed-labels>label {
    color: var(--custom-primary-text-color);
}
.md-clipboard {
    color: #d2d7f980;
}

/*Hides ONLY back and forward navigation*/
.md-footer__inner:not([hidden]) {
    display: none; 
}
.md-tags {
    display: none;
}
.md-footer-meta {
    background-color:var(--custom-surface-color);
}

.md-brandname, .md-header__topic:first-child {
	font-family: var(--custom-brand_font);
	font-weight: 300; 
}

.md-header__topic:first-child  {
	font-size: 24px; 
}

.md-brandname {
	font-size: 1.2em; 
}

.md-typeset {
	font-size: .7rem; 
}

.md-header__button.md-logo img {
	width: 100px;
}