html, body {
    max-width: 100%;
    // overflow-x: hidden;
  }
  
  * {
    box-sizing: border-box;
  }
  
.make-me-sticky {
    position: -webkit-sticky;
	position: sticky;
	top: 0;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
}

.bottom-shadow {
    // background-color: rgba(255,255,255,0.95);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .35), inset 0 -1px 0 rgba(0, 0, 0, .15);
}

#TableOfContents {
    overflow: hidden;
    text-overflow: ellipsis;
    // white-space: nowrap;
}

.toc {
    grid-area: toc;
    padding-top: 5rem;
    top: 0;
    right: 5rem;
}


@media (min-width: 992px) {
    .toc {
        position:-webkit-sticky;
        position: sticky;
        top: 5rem;
        right: 5rem;
        z-index: 2;
        height: calc(100vh - 7rem);
        overflow-y: auto
    }
}

.toc nav {
    font-size: .875rem
}

.toc nav ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.toc nav ul ul {
    padding-left: 1rem;
    margin-top: .25rem
}

.toc nav li {
    margin-bottom: .25rem
}

.toc nav a {
    color: inherit
}

.toc nav a:not(:hover) {
    text-decoration: none
}

.toc nav a code {
    font: inherit
}

.toc-toggle {
    display: flex;
    align-items: center
}


@media (max-width: 989.98px) {
    .toc-collapse nav {
        padding:1.25rem;
        background-color: var(--bs-tertiary-bg);
        border: 1px solid var(--bs-border-color);
        border-radius: var(--bs-border-radius)
    }
}

@media (min-width: 990px) {
    .toc-collapse {
        display:block !important
    }
}


@media (min-width: 992px) {
    .sidebar {
        position:-webkit-sticky;
        position: sticky;
        top: 5rem;
        display: block !important;
        height: calc(100vh - 6rem);
        padding-left: .25rem;
        margin-left: -.25rem;
        overflow-y: auto
    }
}

@media (max-width: 991.98px) {
    .sidebar .offcanvas-lg {
        border-right-color:var(--bs-border-color);
        box-shadow: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175)
    }
}

.bd-sidebar {
    grid-area: sidebar
}

// https://designkojo.com/add-ellipse-truncated-text-css-single-line-and-multi-line-options


// Floating back to top button

#backToTopBtn { 
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 20px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: $primary; /* Set a background color */
    color: inherit; /* Text color */
    opacity: 25%;
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius:10px;/* Rounded corners */
    font-size:18px;/* Increase font size */
  }

#backToTopBtn {
    .text {
        display: inline-block;
    }

    .arrow {
        display: none;
    }

    @media (max-width: 600px) {
        .text {
            display: none;
        }

        .arrow {
            display: inline-block;
        }
    }
}

  #backToTopBtn:hover { 
    background-color: #555; /* Add a dark-grey background on hover */ 
    opacity: 100%;
  }

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

#navbar {
    // position: fixed;
    top: 0;
    width: 100%;
    transition: transform 0.3s;
}

.fixed-navbar {
    position: fixed;
    top: 0;
    width: 100%;
    transition: transform 0.3s;
}

.hide-navbar {
    transform: translateY(-100%);
    top: 0px;
}

$enable-cssgrid: true;
$enable-grid-classes: false;

// #box {
//     background:url('data:image/gif;base64,R0lGODlhBgAGAIAAAO7u7t7e3iH5BAAAAAAALAAAAAAGAAYAAAIKhIOXgKGuDIOzAAA7') #eeeff1;
//   }

// body {font-size:12px; background:#ffe;}
//   body,
//   textarea		{text-align:center; font-family:arial;}

//   input			{}
//   input[type='number'],
//   input[type='color']	{width:5em;}
//   input[type='number']	{padding:0.25em; text-align:right;}
//   select			{width:9em; font-size:11px; padding:0.25em 0.2em;}
//   option			{padding:0.25em 0.2em;}
//   textarea		{resize:none; padding:2.5em; color:#358; background:#eef2f4; font-size:2em; border:0; width:100%;}

  

//   #set			{user-select:none; background:#fff; overflow:hidden;}
//   #set table		{border-collapse:collapse; padding:2em; font-size:11px; text-transform:uppercase; margin:2em auto;}
//   #set th,
//   #set td			{padding:0.4em 0.5em;}
//   #set th			{text-align:right; color:#567;}
//   #set td			{text-align:left;}


//   /* res beautifier */
//   #res		    	{color:#789; padding:2em; text-align:left; font-family:'Lucida Console', Monaco, monospace;}
//   #res b			{font-weight:normal;}
//   #res i			{font-style:normal;}
//   #res .obj	    	{color:#789;}
//   #res .obj b		{color:#345; font-weight:bold;}
//   #res .key	    	{color:#45a;}
//   #res .num	    	{color:#12a;}
//   #res .txt	    	{color:#9ab;}
//   #res .txt i		{color:#384;}
//   #res .clr	    	{color:#9ab;}
//   #res .clr i		{color:#731;}
//   #res a			{color:#67a;}
//   #res a:hover		{color:#67e;}


//   #box			{overflow:hidden; position:relative; height:300px; padding:3em;}
//   #box svg		{display:block; position:absolute; right:50%; bottom:50%; transform:translate( 50%, 50%); cursor:pointer;}
//   #box svg		{max-width:100%; max-height:100%;}


//   /* minimized options for small screen */
//   .opt			{display:block; padding:1em; background:#0ae; color:#fff; text-decoration:none;}
//   .opt:hover		{background:#0af;}

//   #op2.opt		{background:#ea0;}
//   #op2.opt:hover		{background:#fa0;}

//   #set table,
//   #set .legend,
//   #set #op2.opt,
//   #set.show #op1.opt	{display:none;}

//   #set.show table		{display:table;}
//   #set.show #op2.opt	{display:block;}

// @media (min-width: 620px) {

//   html,
//   body,			
//   #box,
//   #set,
//   #txt,
//   #msg,
//   #hnt			{display:block; position:absolute; top:0; right:0; left:0; bottom:0;}

//   html,
//   body			{overflow:hidden;}
//   #box			{height:auto;}

//   #txt,
//   #hnt			{height:250px; top:auto; border-top:3px #eee solid;}

//   #set,
//   #hnt			{width:270px; left:auto;}
//   #set table		{font-size:10px;}

//   #box,
//   #txt			{right:270px}

//   #box,
//   #set			{bottom:250px;}

//   #hnt			{overflow:auto;}
//   #msg			{width:100%; height:100%;}

//   #set			{overflow-y:auto;}
//   #set .legend		{display:block;}
//   #set table		{display:table;}
//   #set .opt		{display:none !important;}
// }

// @media (min-width:900px) {

//   #set,
//   #hnt			{width:30%}
//   #box,
//   #txt			{right:30%}
// }

// @media (min-width:1024px) {

//   #set table		{font-size:11px;}
// }

// @media (min-width:1600px) {

//   #set,
//   #hnt			{width:480px}
//   #box,
//   #txt			{right:480px}
// }

//   .legend			{padding:1.5em 0.5em; border-bottom:1px #eee solid;}

.nested-list-group {
    display: none;
  }
  .nested-list-group.show {
    display: block;
  }
  .folder {
    cursor: pointer;
  }