html {
    height: 100%;
}

body {
    max-width: 100%;
    height: 100%;
    padding-top: 0px;
}

article {
    padding-bottom: 0px;
}


/* Navigation bar */

.navbar {
    margin-bottom: 0px;
}

/* Position the navbar elements. */
.navbar-inverse .container {
    padding-left: 4%;
}

/* Move the nav bar left. */
@media (max-width: 1190px) {
    .navbar-inverse .container {
      padding-left: 4%;
    }
}


/* Containers */

.container {
    height: 100%;
}

.container-main {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: transparent;
    overflow: hidden; /* Prevents search results from activating a scroll bar. */
}

.container-content {
    display: flex;
    flex: 1;
    background-color: transparent;
    overflow: hidden;
}

.container-toc {
    padding: 15px;
}

.column-toc {
    flex: 1;
    overflow: auto;
    background-color: #EDF6F8;
}

/* Allocate more space to the main TOC on small screens. Page TOC should be hidden. */
@media (max-width: 685px) {
    .column-toc {
        flex: 4;
    }
}

.column-main {
    flex: 4;
    overflow: auto;
    padding: 15px;
    background-color: #fff;
}

/*
Set the display order of the content panes. The TOC pane is created before the main pane in
layout.tmpl to ensure the TOC pane reserves its space while content-heavy pages are loading
in the main content pane.
*/
#mainToc {
    order: 1;
}
#main {
    order: 2;
    margin-top: 0;
}
#pageToc {
    order: 3;
}


/* Main table of contents for tutorials, logs, and API reference. */

.toc-title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 0.5rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #777;
}

.toc-list-hide {
	display: none;
}

.toc-toggle {
    display: table; /* Enables icon and text to be formatted as table cells. */
	font-size: 1rem;
	font-weight: bold;
	margin: .5rem 0 .5rem -.15rem;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -ms-user-select: none;
}

/* Formats toggle icon and text as table cells to enable text as hanging indent. */
.toc-toggle span {
    display: table-cell;
}

.toc-list {
	font-size: 0.90rem;
	font-weight: bold;
	margin: 0 0 0 1.5rem;
	padding: 0rem;
    cursor: pointer;
    list-style-type: none;
}

.log-toc-list {
	font-size: 1.10rem;
	font-weight: bold;
	margin: 0.5rem 0 0 1.5rem;
	padding: 0rem;
    cursor: pointer;
    list-style-type: none;
}

.toc-list > li > a:link,
.toc-list > li > a:visited,
.log-toc-list > li > a:link,
.log-toc-list > li > a:visited {
    color: #3b7262;
}

.toc-list > li > a:hover,
.log-toc-list > li > a:hover {
    text-decoration: underline;
}

/* Control that expands or contracts all TOC lists. */

#toggleAll {
    float: left;
    margin-top: -15px;
    cursor: pointer;
    color: #777;
}


/* Page table of contents for tutorials, release notes, and upgrade notes. */
/* See .list-group-item in site.ciq.css for API reference TOC settings. */

.pageToc-list-group-item {
    position: relative;
    display: block;
    padding: 3px 8px;
    font-size: 90%
  }

.pageToc-list-group-item:first-child {
    margin-bottom: 5px;
}

/* See a.list-group-item in site.ciq.css for API reference TOC link settings. */
a.pageToc-list-group-item {
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

a.pageToc-list-group-item:hover {
    text-decoration: none;
    color: #3b7262;
    background-color: #E0F1F5;
}

a.pageToc-list-group-item:focus {
    text-decoration: none;
    background-color: transparent;
}

.pageToc-list-group-item.active,
.pageToc-list-group-item.active:hover,
.pageToc-list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background: #3b7262;
}

/* Page TOC headings for tutorials, release notes, and upgrade notes. */

#pageToc .pageToc-list-group-item .toc-h1 {
    font-size: 1.25rem;
    font-weight: bold;
}

#pageToc .pageToc-list-group-item .toc-h2 {
    font-weight: bold;
    margin-left: 0px;
}

#pageToc .pageToc-list-group-item .toc-h3 {
    margin-left: 14px;
}

#pageToc .pageToc-list-group-item .toc-h4 {
    margin-left: 28px;
}

#pageToc .pageToc-list-group-item .toc-h5 {
    margin-left: 42px;
}

/* Page TOC for API elements. */

#pageToc .list-group-item .toc-h1 {
    font-size: 1.25rem;
    font-weight: bold;
}

 #pageToc .list-group-item .toc-h2 {
    font-size: 1.05rem;
    font-weight: bold;
    margin-left: 0px;
}

#pageToc .list-group-item .toc-h3 {
    margin-left: 0px;
    font-weight: bold;
}

#pageToc .list-group-item .toc-h4 {
    margin-left: 14px;
}

#pageToc .list-group-item .toc-h5 {
    margin-left: 28px;
}


/* TOC pane controls. */

.toc-pane-toggle {
    position: relative;
    margin-top: -20px;
    cursor: pointer;
    color: #aaa;
}

#mainToc-toggle {
    float: left;
}

#pageToc-toggle {
    float: right;
}


/* Copyright and contact. */

.copyright,
.contact {
    font-size: 90%;
    text-align: center;
    width: 100%;
    display: block;
    line-height: 0rem;
    margin-bottom: 0.25rem;
  }

.copyright {
    margin-top: 0.65rem;
}

.contact,
.links {
    margin-top: 1.50rem;
}

.copyright a,
.contact a {
    color: #3b7262;
}

/* The support icon is an anchor tag. */
#supportIcon {
    float: right;
    position: relative;
    margin-top: -23px;
    margin-right: 48px;
    color: #aaa;
    text-decoration: none;
}

/* Relocate support icon on smaller screens. */

/* Support icon above page TOC toggle. */
@media (max-width: 1500px) {
    #supportIcon {
        margin-top: -48px;
        margin-right: -5px;
    }
}
/* Support icon with page TOC hidden. */
@media (max-width: 1189px) {
    #supportIcon {
        margin-top: -23px;
        margin-right: 5px;
    }
}
/* Support icon next to hamburger. */
@media (max-width: 1010px) {
    #supportIcon {
        margin-top: -23px;
        margin-right: 45px; /* jre m68 */
    }
}