/*
DocBrowser - http://www.toptensoftware.com/docbrowser
Copyright (C) 2019 Topten Software. All Rights Reserved

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this product except in 
compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is 
distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
See the License for the specific language governing permissions and limitations under the License.
*/
html {
  box-sizing: border-box;
  height: 100%;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
:target:before {
  content: "";
  display: block;
  height: 70px;
  margin: -70px 0 0;
}
body {
  margin: 0;
  font-family: sans-serif;
  position: relative;
  min-height: 100%;
}
body header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 50px;
  z-index: 1;
  overflow: hidden;
}
body header div.inner {
  float: left;
  line-height: 50px;
}
body header div.image-section {
  float: left;
  padding: 10px;
  position: relative;
  height: 100%;
}
body header div.image-section img {
  width: auto;
  height: 100%;
}
body article {
  margin-right: 200px;
}
body footer {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 35px;
  width: calc(100% - 25vw - (10px * 2));
  margin-left: calc(25vw + 10px);
}
#body-container {
  padding-top: 50px;
  padding-bottom: 35px;
}
#article-container {
  position: relative;
  margin-left: 25vw;
  padding: 20px;
}
#project-icon {
  display: none;
}
#header-links {
  float: right;
  margin: 0 15px 0 15px;
  padding-top: 17.5px;
}
#header-links a {
  display: inline-block;
}
#nav-filter {
  width: calc(100% - 20px);
}
#nav-tree {
  margin-bottom: 40px;
}
#nav-tree > div > label {
  margin-top: 10px;
}
#nav-tree > div > label {
  padding-left: 15px;
}
#nav-tree > div > label > a {
  padding: 0px 3px 0 0;
}
#nav-tree > div > ul {
  margin-left: 0px;
}
#nav-primary {
  height: calc(100vh - 50px);
  width: 25vw;
  position: fixed;
  z-index: 1;
  top: 50px;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#nav-primary a {
  display: block;
  padding: 5px 15px 5px 19px;
}
#nav-primary label {
  display: block;
  padding: 6px 15px 6px 19px;
  position: relative;
}
#nav-primary ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-left: 15px;
  text-indent: 0;
}
#nav-primary div.expander label {
  cursor: pointer;
}
#nav-primary div.expander.expanded > ul {
  display: block;
}
#nav-primary div.expander > ul {
  display: none;
}
#nav-primary div.expander > label > span.chevron {
  pointer-events: none;
  position: absolute;
  top: calc(50% - 4px);
  left: 5px;
  width: 10px;
  height: 8px;
  display: inline-block;
  text-align: center;
  transition: 0.2s ease-in-out;
  font: normal normal normal 14px/1 dbicons;
  font-size: 8px;
}
#nav-primary div.expander.expanded > label > span.chevron {
  transform: rotate(90deg);
  transition: 0.2s ease-in-out;
}
#nav-primary div.expander > label > span.chevron::after {
  content: "\e901";
}
#nav-primary div.filterActive :not(.match) {
  display: none;
}
#nav-primary div.filterActive a:not(.match),
#nav-primary div.filterActive ul.match,
#nav-primary div.filterActive div.expander.match > label {
  display: block;
}
#nav-primary div.filterActive label > span.chevron {
  transform: rotate(90deg);
  transition: 0.2s ease-in-out;
}
#nav-secondary {
  width: 180px;
  position: fixed;
  z-index: 1;
  top: 70px;
  right: 20px;
}
#nav-secondary a {
  display: block;
}
a.anchor-link:hover {
  text-decoration: none;
}
article h1 a.anchor-link,
article h2 a.anchor-link,
article h3 a.anchor-link {
  opacity: 0;
  transition: 0.2s ease-in-out;
}
article h1:hover a.anchor-link,
article h2:hover a.anchor-link,
article h3:hover a.anchor-link {
  opacity: 1;
  transition: 0.2s ease-in-out;
}
a#show-nav-button {
  display: none;
  font-size: 18px;
  width: 50px;
  height: 100%;
  padding-top: 16px;
  text-align: center;
}
a#show-nav-button:hover {
  text-decoration: none;
}
@font-face {
  font-family: 'dbicons';
  src: url('fonts/dbicons.eot');
  src: url('fonts/dbicons.eot') format('embedded-opentype'), url('fonts/dbicons.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'dbicons' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-menu:before {
  content: "\e900";
}
.icon-chevron:before {
  content: "\e901";
}
.icon-link:before {
  content: "\e902";
}
.hidden {
  display: none;
}
.hidden-in-docbrowser {
  display: none;
}
.primary-nav-hidden,
.secondary-nav-hidden,
body.nonav .primary-nav-shown,
body.nonav .primary-nav-enabled,
body:not(.nonav) .primary-nav-disabled {
  display: none;
}
body.nonav .primary-nav-hidden {
  display: block;
}
@media screen and (min-width: 1600px) {
  article {
    margin-right: calc(100% - 940px);
  }
}
@media screen and (min-width: 2000px) {
  article {
    margin-left: calc((100% - 940px - 25vw) / 2);
    margin-right: calc((100% - 940px + 25vw) / 2);
  }
}
@media screen and (max-width: 1080px) {
  body:not(.nonav) #nav-secondary {
    display: none;
  }
  body:not(.nonav) article {
    margin-right: 0;
  }
  body:not(.nonav) .secondary-nav-hidden {
    display: block;
  }
  body:not(.nonav) .secondary-nav-shown {
    display: none;
  }
}
@media screen and (max-width: 813.33333333px) {
  body:not(.nonav) #project-icon {
    display: block;
  }
  body:not(.nonav) #project-logo {
    display: none;
  }
  body:not(.nonav) #nav-primary {
    display: none;
  }
  body:not(.nonav) #article-container {
    margin-left: 0;
  }
  body:not(.nonav) a#show-nav-button {
    display: block;
    float: left;
  }
  body:not(.nonav).nav-popup-active #nav-primary {
    display: block;
    position: fixed;
    width: 100%;
    height: calc(100% - 50px);
    top: 50px;
    left: 0;
  }
  body:not(.nonav).nav-popup-active article {
    display: none;
  }
  body:not(.nonav).nav-popup-active a#show-nav-button {
    background-color: #f1f1f1;
    color: black;
  }
  body:not(.nonav) footer {
    left: 0;
    width: calc(100% - (10px * 2));
    margin-left: 10px;
  }
  body:not(.nonav) .primary-nav-hidden {
    display: block;
  }
  body:not(.nonav) .primary-nav-shown {
    display: none;
  }
}
body.nonav #article-container {
  margin-left: 0;
  margin-right: 0;
}
body.nonav footer {
  margin-left: 20px;
  margin-right: 20px;
  width: calc(100% - 20px * 2);
}
body.nonav article {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}
body.nonav #nav-primary {
  display: none;
}
body.nonav a#show-nav-button {
  display: none;
}
@media screen and (max-width: 1380px) {
  body.nonav article {
    margin-left: auto;
    max-width: 940px;
    margin-right: 200px;
  }
}
@media screen and (max-width: 795px) {
  body.nonav #project-icon {
    display: block;
  }
  body.nonav #project-logo {
    display: none;
  }
  body.nonav article {
    margin-left: 0;
    margin-right: 0;
  }
  body.nonav #nav-secondary,
  body.nonav .secondary-nav-shown {
    display: none;
  }
  body.nonav .secondary-nav-hidden {
    display: block;
  }
}
/*# sourceMappingURL=db-layout.css.map */