html, html[data-theme="light"] {
	--link-color: rgb(0, 112, 201);
    --main-background-color: #FFFFFF;
    --main-text-color: hsl(0, 0%, 20%);
    --navbar-color: #F15922;
    --sidebar-title-color: #323643;
    --sidebar-background-color: #e7eaf1e7;
}

html[data-theme="dark"] {
  --link-color: rgb( 100, 210, 255);
  --main-background-color: hsl(0, 0%, 20%);
  --main-text-color: hsl(0, 0%, 85%);
  --navbar-color: #f15922;
  --sidebar-title-color: #F7F7F7;
  --sidebar-background-color: #FFFFFF;
}


@media (prefers-color-scheme: dark) {
    html, html[data-theme="dark"] {
        --link-color: rgb( 100, 210, 255);
    	--main-background-color: hsl(0, 0%, 20%);
    	--main-text-color: hsl(0, 0%, 85%);
        --navbar-color: #f15922;
        --sidebar-title-color: #F7F7F7;
        --sidebar-background-color: #FFFFFF;
    }

    html[data-theme="light"] {
		--link-color: rgb(3, 17, 29);
    	--main-background-color: #FFFFFF;
  	    --main-text-color: hsl(0, 0%, 20%);
        --navbar-color: #F15922;
        --sidebar-title-color: #323643;
        --sidebar-background-color: #e7eaf1e7;
  } 
}

.summary {
    color: #808080;
    border-left: 5px solid #ED1951;
    font-size:16px;
}



body {
	background-color: var(--main-background-color);
	color: var(--main-text-color);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	padding: 1em;
}


h3 {color: #f15922; }
h4 {color: #606470; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #f15922;
    color: white;
}


.nav > li.active > a {
    background-color: #f15922;
}

.nav ul li a {
    background-color: #e7eaf1e7;
}

.nav > li > a{
    background-color: var(--sidebar-background-color);
}

.nav > li > a:hover {
    background-color: #f15922;
}

div#toc ul {
    background-color: #e7eaf1e7;
    padding: 5px;
    border-radius: 5px;
    max-width: 300px;
    color: gray;
}

div.navbar-collapse .dropdown-menu > li > a:hover {
    background-color: #f15922;
}

.nav li.thirdlevel > a {
    background-color: #FAFAFA !important;
    color: #f15922;
    font-weight: bold;
}

a[data-toggle="tooltip"] {
    color: #649345;
    font-style: italic;
    cursor: default;
}

table, th, td {
    background-color: var(--main-background-color);
}
.navbar-inverse {
    background-color: var(--navbar-color);
    border-color:  var(--navbar-color);;
}
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-brand {
    color: white;
}

.navbar-inverse .navbar-nav>li>a:hover, a.fa.fa-home.fa-lg.navbar-brand:hover {
     color: #f0f0f0;
}

a.navbar-brand:hover {
  color: #f0f0f0;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #015CAE;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #015CAE;
    color: #ffffff;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #248ec2 !important;
}

.btn-primary {
    color: #F7F7F7;
    background-color: #f15922;
    border-color: #dd450e;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #f15922;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #f15922;
    border-color: #dd450e;
}

.printTitle {
    color: #f15922 !important;
}

body.print h1 {color: #015CAE !important; font-size:28px !important;}
body.print h2 {color: #595959 !important; font-size:20px !important;}
body.print h3 {color: #E50E51 !important; font-size:14px !important;}
body.print h4 {color: #679DCE !important; font-size:14px; font-style: italic !important;}

.anchorjs-link:hover {
    color: #216f9b;
}

div.sidebarTitle {
    color: #323643;
}

li.sidebarTitle {
  margin-top:20px;
    font-weight:normal;
    font-size:130%;
    color: var(--sidebar-title-color);
    margin-bottom:10px;
    margin-left: 5px;

}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #606470;
}

.navbar-inverse .navbar-toggle {
    border-color: #606470;
}