.toc {
    overflow-y: auto;
}

.toc>.toc-list {
    overflow: hidden;
    position: relative;
}

ul.toc-list { 
    list-style-type: none;
}

.toc-list {
    margin: 0;
    padding-left: 10px;
}

a.toc-link {
    color: currentColor;
    height: 100%;
    text-decoration: none;
}

.is-collapsible {
    max-height: 1000px;
    overflow: hidden;
    transition: all 300ms ease-in-out;
}

.is-collapsed {
    max-height: 0;
}

.is-position-fixed {
    position: fixed !important;
    top: 0
}

.is-active-link {
    font-weight: 700;
}

.toc-link::before {
    background-color: #fff;  /*hide vertical line */
    content: " ";
    display: inline-block;
    height: inherit;
    left: 0;
    margin-top: -1px;
    position: absolute;
    /* width: 3px; */
}

.is-active-link::before {
    /* background-color: #009FD9; */
    background-color: transparent;
}

a.printer-no{
    color: #d01b1b
} 

p{
    color: rgb(77, 91, 124);
    font-size: 12px;
}

h1 {
    font-weight:300;
    font-size: 4rem;
}

a.page-link.btn.btn-outline-secondary {
    padding-top: 5px;
}

@-moz-document url-prefix() {
    a.page-link.btn.btn-outline-secondary {
        padding-top: 3px;
    }
}


@media screen and (max-width: 600px){
    h1 {
        /* color: red; */
        font-size: 2rem;

    }

}

@media screen and (max-width: 400px){
    h1{
        /* color: green; */
        font-size: 2rem;
    }

}

h2{
    font-weight:200;
    color: #666;
}

h3, h4, h5{
    font-weight: 200;
    color:  #676d73;
}

h1:first-child, h2:first-child { 
margin-top: 20px;
}

.helptext{
    font-weight: lighter !important;
}

/* #email-addresses, #add-email-address, 
#change-password, #password-reset, 
#two-factor-authentication, #authenticator-app,
#recovery-codes, #activate-authenticator-app,
#deactivate-authenticator-app, #recovery-codes,
#sign-out, #sign-up, #sign-in { */


img {
    height: auto;
    width: 100%;
}

img.special {
    height: 140px;
    width: 140px;
    border: 3px solid #666;
    margin-bottom: 2rem;
}

.landing {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    text-align: center;
}

.landing h2{
    font-weight: 100;
    /* font-size: rem; */

}
/* fix - remove bullets in front of checkboxes */
ul:has(li input[type="checkbox"]) {
    list-style-type: none;
}

/* fallback for browsers that don't support :has() */
ul > li > input[type="checkbox"] ~ li {
    list-style-type: none;
  }

/* end fix - remove bullets in front of checkboxes */

/* fix remove bullets in front of buttons in allauth forms */


/*  full Xpath: /html/body/div/div/div[2]/div/div[2]/section[1]/ul */

section ul li:has(a) {
    list-style-type: none;
    /* add margin */
    margin: 1em;
}

/* end fix */

.js-toc-content table{
    width: 100%;
    margin: 20px 0;
    padding: 5px;
}

.js-toc-content th, .js-toc-content tr, .js-toc-content td {
    /* border: 1px solid gold; */
    border: 0px;
}


.js-toc-content img {
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}


thead th {
    background-color: #63bcf8;
    font-weight:300;
    font-size: small;
    margin: 3px 3px;
}

tbody tr{
    font-size: small;
}

/* tbody tr:nth-child(odd) {
    background-color: #f2f2f2;
} */

/* /html/body/main/div/div/div[2]/table[1]/tbody/tr[1]/td[1] */
/* div.col-lg-6.js-toc-content > table:nth-child(15) > thead > tr > th */
div.col-lg-6.js-toc-content > table > tbody > tr> td, div.col-lg-6.js-toc-content > table > thead > tr > th{
    padding: 5px;
}

nav.navbar {
    border: none;
    padding: 0;
}


.navbar-brand {
    font-weight: light;
    color: #676d73;
}

/* .img-cropped { 
    clip-path: rect(50px 70px 80% 20%);
} */

/* remove undesirable border & box-shadows at offcanvas triggers */

.navbar-toggler {
    border: 1px;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
    border: 1px;
}

.dropdown-menu{
    /* box-shadow: none; */
}

/* messaging */

/* #do {
    cursor:wait;
    display: block;
    border: 1px solid gold;
} */

a {
    cursor: pointer;
}

@media print {
    #top, .printer-no {
        display: none;
    }

    h1 {
        margin-block: 0.67em;
        font-size: 3em;
    }

    #header {
        break-after: page;
    }

    @page {


        @bottom-center {
            content: 'Copyright © JIT-Projects.com - all rights reserved.';
            border-top: 1px solid black;
            padding: 5px;
            font-family: Verdana, Geneva, Tahoma, sans-serif;
        }

        @bottom-right {
            content: 'Page ' counter(page) ' of ' counter(pages);
            border-top: 1px solid black;
            padding: 5px;
            font-family: Verdana, Geneva, Tahoma, sans-serif;
        }

        @bottom-left {
            content: "";
            border-top: 1px solid black;
            padding: 5px;
            font-family: Verdana, Geneva, Tahoma, sans-serif;
        }

    }

    @page :first {

        @bottom-center {
            content: 'Copyright © JIT-Projects.com - all rights reserved.';
            border-top: 1px solid black;
            padding: 5px;
            font-family: Verdana, Geneva, Tahoma, sans-serif;
        }


        @bottom-right {
            content: "";
            border-bottom: none;
            font-family: Verdana, Geneva, Tahoma, sans-serif;
        }



    }

}