#docs-wrapper h2 {
	overflow-wrap: anywhere; /* Fixes an issue with chrome */
}

.docs-box h2 { margin-top: 1em; }
.docs-box h3 {
    margin-top: 0.5em;
    border-bottom: 1px solid lightgrey;
}


/* Content styles */

.docs-box {
	background: white;
	border: 1px solid #DDD;
	box-shadow: 2px 2px 0 #EEE;
    border-radius: 0 6px 6px 6px;
	
	padding: 0 15px;
	margin: 20px 0;
	
	border-radius: 3px;
}

code {
	font-family:"Consolas",monospace;
	color:darkred;
	background:#f8f8f8;
	word-break: break-word;
}

.documentation ol ol {
	list-style-type: lower-alpha;
}
.documentation ol ol ol {
	list-style-type: lower-roman;
}

.highlight-upcoming {	
	background: #e0e4ff;
	border-left:4px solid darkblue;
	padding:8px;	
}

.doc-standalone-image-paragraph {
	text-align: center;
}
.doc-standalone-image-paragraph img {
	/* max-width: 100%; */
	width: 100%;
	max-width: 800px;
}

#content-inner img {
	max-width:85%;
	text-align:center;
}
#main-area table td {
	padding-right: 20px;
	padding-bottom: 15px;

}

#main-area table th {
	padding-right: 20px;
}

#main-area p {
	margin-top: 16px;
	margin-bottom: 16px;
}

div#docs-wrapper {
	display: table;
	height: 100%;
	width: 100%;
}

div#docs-wrapper div#main-area {
	display: table-row;
}

div#docs-wrapper div#main-area div#position-nav, div#docs-wrapper div#main-area div#position-content {
	display: table-cell;
	vertical-align: top;
	overflow-y: auto;
}

.docsSectionMarker {
	position: relative;
}

span.docsSectionMarker span.docsSectionMarkerChild {
	position: absolute;
	top: -70px;
}


/* acsc-guide */

.guide .section-toc,
.guide .page-toc {
  width: 100%;
  padding: 0 15px;
  margin: 0 auto 1rem;
}

.guide .section-toc input,
.guide .page-toc input {
  appearance: none;
  border: 0;
  background: none;
}
.guide .section-toc input::after,
.guide .page-toc input::after {
  color: #007bff;
  content: "\23f7";
  cursor: pointer;
}
.guide .section-toc input:checked::after,
.guide .page-toc input:checked::after {
  content: "\23f6";
}
.guide .section-toc label,
.guide .page-toc label {
  border-bottom: 1px solid;
  padding-bottom: 5px;
  color: #007bff;
  cursor: pointer;
}
.guide .section-toc label:hover,
.guide .page-toc label:hover {
  color: #0056b3;
}
#section-toc-content,
#page-toc-content {
  display: none;
}
#section-toc-toggle:checked ~ #section-toc-content,
#page-toc-toggle:checked ~ #page-toc-content {
  display: block;
}

.guide .section-toc ul,
.guide .page-toc ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.guide .section-toc ul ul,
.guide .page-toc ul ul {
  list-style-type: none;
  margin-left: 1rem;
}
.guide .section-toc li,
.guide .page-toc li {
  margin-top: 0.4em;
  line-height: 1.2em;
}

@media (min-width: 576px) {
  .guide .section-toc,
  .guide .page-toc {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .guide .section-toc,
  .guide .page-toc {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .guide {
    display: grid;
    grid-template-columns: auto minmax(600px, 800px) auto;
    max-width: 1500px;
  }

  .guide .section-toc {
    order: 1;
  }
  .guide .page-toc {
    order: 3;
  }
  .guide .page-content {
    order: 2;
    border-left: 1px solid #ccc;
    padding-left: 2rem;
  }

  .guide .section-toc input,
  .guide .page-toc input {
    display: none;
  }
  .guide .section-toc label,
  .guide .page-toc label {
    color: #000000;
  }
  .guide .section-toc label:hover,
  .guide .page-toc label:hover {
    color: #000000;
    text-decoration: none;
  }
  #section-toc-content,
  #page-toc-content {
    display: block;
  }
}