/* Docs Sheet */

.popover {
    max-width: 100%;
}

.page-content {
    padding: 0;
    counter-reset: section-counter;
}

.font-weight-semibold {
    font-weight: 600;
}

.table-fig-legend tr > th:first-child {
    text-align: center;
    color: #2b2b2b;
    font-weight: bold;
    width: 10%;
}

#doc-content > header {
    text-align: justify;
}

#doc-content figure {
    
    margin: 0 auto;
}

.doc-figure-wrap {

}

#doc-sidebar-wrap {

}

#doc-sidebar {
    position: absolute;
    height: 100%;
    width: 100%;
    font-size: 0.7rem;
}

#doc-sidebar ul {
    list-style-type: none;
    padding-left: 1em;
}

#doc-sidebar-accordion {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    max-height: calc(100vh - 4rem);
    left: 0;

}

#doc-sidebar .card {
    border: 0;
    margin: 0;
}

.doc-subtopic-link {
    counter-increment: step-counter;
    padding-left: 1em;
}

.doc-subtopic-link:before {
    content: counter(step-counter);
    position: absolute;
    left: 0.8em;
    color: #535353;
}

a.doc-index-link {
    color: #c04055;
    padding: 0;
}
a.doc-index-link:hover {
    text-decoration: underline;
}
.doc-section-header,
.doc-section-noheader,
.doc-section-step {
    counter-increment: section-counter;
}

.doc-section-header {
    margin-bottom: 0.1em;
    margin-left: 0.1em;
}

.doc-section-header:before {
    content: counter(section-counter) ".";
    position: relative;
    padding-right: 0.3em;
    font-size: 0.85em;
    color: #7e8993;
}

.checkbox-prefix:before {
    content: '\f14a';
    position: relative;
    font-family: "Font Awesome 5 Pro", sans-serif;
    right: 0.1em;
}

.text-darkgray {
    color: #444444;
}


.docsul a,
.docsul-noparent a {
    color: #aa0000;
}
.docsul a:hover,
.docsul-noparent a:hover {
    color: #cc5555;
}


ul.docsul,
ul.docsul-noparent {
    list-style: none;
}
ul.docsul > li:before {
    position:absolute;
    font-family: "Book Antiqua", "Lucida Console", sans-serif;
    content:'\00d7';
    margin-top: 0.12em;
    margin-left: -0.95em;
    width: 1.3em;
    font-size: 1.3em;
    color: #a1aeba;
}

li.docli:before {
    position: absolute;
    content:attr(data-bullet);
    font-family: "Font Awesome 5 Pro", sans-serif;
    margin-top: 0.15em;
    margin-left: -1.6em;
    width: 1.3em;
    color: rgba(255, 0, 0, 0.1);
}

li.docli:hover:before {
    color: #aa0000;
}

ul.docsul-noparent {
    padding-bottom:0.1em;
}

ul.docsul > li > ul {
    padding-bottom:1em;
}

ul.docsul ul,
ul.docsul-noparent {
    list-style: none;
}

.doc-article figure {
    padding-top: 1em;
    padding-bottom: 1em;
}

.doc-article figcaption {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: 0.8em;
    color: #494949;
}

.doc-lastup {
    font-size:0.7em;
    font-family: Ubuntu, sans-serif;
    letter-spacing:0.1em;
    color:rgba(0,0,0,0.3);
    margin-bottom:1em;
    margin-left:0.2em;
}

section.tut-steps {
    counter-reset: li-substep-count;
    margin-bottom: 2em;
}

section.tut-steps > img.geap-print-screen,
section.tut-steps figure img {
    max-height: calc(100vw - 180px);
    max-width: 100%;
    margin-bottom: 0.5em;
}

a.link,
a.ext-link,
section.tut-steps a,
a.rpkg-url {
    color: #ee2952;
}

a.rpkg-cite, a.rpkg-cite:hover {
    color: #0c5460;
    text-decoration: none;
}

a.ext-link::after,
a.rpkg-url::after {
    content: '\f08e';
    display:inline-block;
    position:relative;
    font-family: "Font Awesome 5 Pro", sans-serif;
    font-size: 0.4em;
    left: 0.15em;
    bottom: 1.15em;
    opacity: 0;
    width: 0.4em;
}

a.ext-link:hover::after,
a.rpkg-url:hover::after {
    opacity: 100%;
}

a.rpkg-url, a.rpkg-cite {
    display: block;
    text-transform: uppercase;
    cursor: pointer;
    clear: both;
    text-align: center;
    font-family: monospace, sans-serif;
}

a.rpkg-cite:before,
a.rpkg-url:before {
    font-family: "Font Awesome 5 Pro", sans-serif;
    padding-right: 5px;
    display: inline-block;
}

a.rpkg-cite:before {
    content: '\f10d';
}

a.rpkg-url:before {
    content: '\f0c1';
}

ol.tut-substep-list {
    list-style-type: none;
}

ol.tut-substep-list > li {
    counter-increment: li-substep-count;
    margin-bottom: 0.5em;
}

ol.tut-substep-list > li::before {
    content: counter(section-counter) "." counter(li-substep-count) ".";
    color: #815153;
    display: inline-block;
    width: 2.3em;
    margin-left: -2.5em;
    font-size: 0.9em;
}

.license-content {
    font-family: monospace, sans-serif;
    unicode-bidi: embed;
    color: #2e3940;
    text-align: justify;
}
.license-content > p {
    text-indent: 2em;
}

@media (max-width: 1200px) {
    #doc-sidebar {
        position: relative;
        height: auto;
    }

    #doc-sidebar-accordion {
        position: relative;
        height: auto;

    }

}

/* DOCS BASE */

.displayonhover > rect {
    opacity: 0.1%;
}

a:hover > .displayonhover > rect,
g:hover > .displayonhover > rect {
    opacity: 100%;
    fill-opacity: 75%;
}

g:hover > .displayonhover + text {
    opacity: 66%;
    fill: #0015bf;
}
