body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

html {
  height: -webkit-fill-available;
}

main {
  display: flex;
  flex-wrap: nowrap;
  height: 100vh;
  height: -webkit-fill-available;
  max-height: 100vh;
  overflow-x: auto;
  overflow-y: hidden;
}

.bi {
  vertical-align: -.125em;
  pointer-events: none;
  fill: currentColor;
}



#toc-wrapper{
	border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
	border-radius: var(--bs-border-radius);
	overflow:hidden;
	
}

#toc-head{
	padding-top:0;
	padding-bottom:0;
	background:#cde3f4;
	border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}

#toc-head h2{
	font-size: 1.25rem;
	padding-top:.5rem;
	padding-bottom:.5rem;
	margin:0 !important;
	text-align:center;
	
}

#toc-btn{
	display:none;
}

#toc-menu{
	padding-left: 0;
    list-style: none;
	padding: 3px;
	max-height:calc(100vh - 100px);
	overflow-y:auto;
	margin:0;
	font-size:.9em;
	color: rgba(0, 0, 0, .65) !important;
	
}

#toc-menu ul{
	padding-left:8px;
}

#toc-menu::-webkit-scrollbar-track{
	background: gainsboro;
    border-bottom-right-radius: .25em;

}

#toc-menu::-webkit-scrollbar {
    width: 8px;
}

#toc-menu::-webkit-scrollbar-thumb {
    background: #c1c1c1;
}

#toc #toc-searchbox{
	padding:3px;
	background:#cde3f4;
}

.dropdown-toggle { outline: 0; }

.nav-flush .nav-link, .btn-toggle {
  border-radius: 0;
}

.btn-toggle {
	display: inline-flex;
	text-align:left;
	align-items:normal;
	padding: .25rem;	
	background-color: transparent;
	border: 0;
}

.btn-toggle::before {
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  
  transition: transform .35s ease;
  transform-origin: 4px 8px;
}

.btn-toggle:hover::before{
	content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,54,99,1%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.85%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

.btn-toggle[aria-expanded="true"]{
	color: rgba(0, 0, 0, .75);
}

.btn-toggle, .btn-toggle-nav a{
	padding: .1875rem .25rem;
}

.btn-toggle[aria-expanded="false"], .btn-toggle-nav a, .btn-toggle:active{
	color: rgba(0, 0, 0, .65);
	width:100%;
}

.btn-toggle:hover:not([aria-expanded="true"]), .btn-toggle-nav a:not(.active):hover{
	color:#003663;
}



.btn-toggle-nav a.active{
	color:#003663;
}

.btn-toggle[aria-expanded="true"], .btn-toggle-nav a.active{
	font-weight:500;
}


.btn-toggle-nav a {
  display: inline-flex;
  line-height:1.25em;
  margin-top: .125rem;
  text-decoration: none;
}

.btn-toggle-nav li:not(:has(button)){
	padding-left:.75em;
}


.scrollarea {
  overflow-y: auto;
}

.fw-semibold { font-weight: 600; }

.lh-tight { line-height: 1.25; }


@media (max-width: 767.98px) {
	
	
	#toc-btn{
		display:block !important;
		width:100%;
		background:#cde3f4;
		position:fixed;
		bottom:0;		
		left:0;
		font-size:1.25rem;
		font-weight:500;
		color: #003663;
		border-bottom-left-radius:0;
		border-bottom-right-radius:0;
		border-left:1px solid #003663;
		border-top:1px solid #003663;
		border-right:1px solid #003663;
		z-index:10
	}
	
	#toc-wrapper, #toc .modal-content{
		height:100%;
	}

	
	
	#toc-menu{
		background:#ffffff;
		
	}
	
}


/******SEARCH RESULT CSS********/

#content-wrapper{
	padding:0;
}

#search-results-wrapper h3{
	margin-bottom:0;
}
.media:first-of-type {
	border-top: 0;
	margin-top: -.5em;
}
.media:first-child {
	margin-top: 0;
}
.media, .media-body {
	overflow: visible;
}
.media {
	margin-top: 0;
}
.media {
	border-top: 1px dotted #dcdada;
	padding: 1em 0 0 0;
	clear: both;
}
.media:first-of-type{
	padding-top:0;
}
.media, .media .media {
	margin-top: 15px;
}
.media, .media-body {
	zoom: 1;
}
.media .pull-left {
	margin-right: 10px;
}
.pull-left {
	float: left;
}
.media-object {
	display: block;
}
.media, .media-body {
	overflow: visible;
}
.media, .media-body {
	zoom: 1;
}
.media:after {
	content: " ";
	clear: both;
	display: block;
}