/* GLOBAL OVERRIDES */

body {
	--bs-body-font-family: 'Open Sans', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.btn-primary { /* Match the SCP color pallette */
	--bs-btn-bg: #27266e;
	--bs-btn-border-color: #27266e;
	--bs-btn-hover-bg: #0f0e44;
	--bs-btn-hover-border-color: #0f0e44;
	--bs-btn-focus-shadow-rgb: 225,83,97;
	--bs-btn-active-bg: #0f0e44;
	--bs-btn-active-border-color: rgb(8, 7, 36);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-bg: #27266e;
	--bs-btn-disabled-border-color: #27266e;
}

.btn-info { /* Match the SCP color pallette */
	--bs-btn-bg: #7cd1ec;
	--bs-btn-border-color: #0dcaf0;
	--bs-btn-hover-bg: #31d2f2;
	--bs-btn-hover-border-color: #25cff2;
	--bs-btn-focus-shadow-rgb: 11,172,204;
	--bs-btn-active-bg: #3dd5f3;
	--bs-btn-active-border-color: #25cff2;
	--bs-btn-disabled-bg: #7cd1ec;
	--bs-btn-disabled-border-color: #7cd1ec;
}

.btn-outline-warning { /* Used on the features page */
  --bs-btn-color: #3B54A4;
  --bs-btn-border-color: #EDBB64;
  --bs-btn-hover-color: #231F20;
  --bs-btn-hover-bg: #EDBB64;
  --bs-btn-hover-border-color: #EDBB64;
  --bs-btn-focus-shadow-rgb: 255,193,7;
  --bs-btn-active-color: #231F20;
  --bs-btn-active-bg: #EDBB64;
  --bs-btn-active-border-color: #EDBB64;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #EDBB64;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #EDBB64;
  --bs-gradient: none;
}

.btn-warning { /* Used on the features page */
  --bs-btn-color: #231F20;
  --bs-btn-bg: #EDBB64;
  --bs-btn-border-color: #EDBB64;
  --bs-btn-hover-color: #231F20;
  --bs-btn-hover-bg: #EDBB64;
  --bs-btn-hover-border-color: #EDBB64;
  --bs-btn-focus-shadow-rgb: 217,164,6;
  --bs-btn-active-color: #231F20;
  --bs-btn-active-bg: #EDBB64;
  --bs-btn-active-border-color: #EDBB64;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #231F20;
  --bs-btn-disabled-bg: #EDBB64;
  --bs-btn-disabled-border-color: #EDBB64;
}

/* GLOBAL HEADER */

.topNav { /* Add our colors to the top nav and make the icons larger and text smaller */
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	background-color: #e8e8e9 !important;
}

.topNav .nav-link {
	text-transform: uppercase;
	color: #3b54a4 !important;
}

.topNav .nav-link:focus, .topNav .nav-link:hover {
	color: #0f0e44 !important;
}

.topNav .nav-link .linkText {
	font-size: smaller
}

.topNav .nav-link .bi {
	font-size: larger;
	vertical-align: middle;
}

#startFreeTrialLink {
	margin-top: .5rem;
}
@media (min-width: 768px) {
	#startFreeTrialLink {
		margin-top: .375rem;
	}
}

#startFreeTrialLink .nav-link {
  text-transform: none;
  display: block;
  font-size: smaller;
  color: #fff !important;
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.mainNav.bg-light {
	background-color: white !important;
}

.mainNav .navbar-nav {
	--bs-nav-link-padding-x: 0.5rem; /* Make the main nav text a little bolder, and padded more for mobile */
	--bs-nav-link-font-weight: 700;
}

.mainNav .navbar-brand {
	padding-bottom: 1rem; /* Add space below the logo */
}

@media (max-width: 992px) {/* Styled nav bar for mobile */
	.mainNav .navbar-nav {
		background-color: #3B54A4;
		--bs-nav-link-color: white;
		--bs-nav-link-hover-color: #EDBB64;
		margin-bottom: 1rem;
	}
	.mainNav .navbar-nav .nav-item {
		border-bottom: 1px solid #EDBB64;
		margin-left: 1rem;
		margin-right: 1rem;
	}
}


.categoryTreeCategories .dropdown-divider {
	display: none; /* Hide the dividers in the category tree dropdown */
}


/* Home page carousel */

section#contentPage-_home {
	padding: 0; /* The carousel images should do to the edge of the container */
}

section#contentPage-_home .carousel-item img {
	height: unset; /* Keep the images at their natural height */
}

section#contentPage-_home .carousel-caption { /* Move the captions to the top/left. */
	text-shadow: none;
	top: 0;
	right: unset;
	left: unset;
	bottom: unset;
	color: white;
	width: 100%;
}

section#contentPage-_home .carousel-control-prev { /* Next/previous buttons should not interfere with the More Details links */
	justify-content: left;
	width: 5%;
}

section#contentPage-_home .carousel-control-next {
	justify-content: right;
	width: 5%;
}

section#contentPage-_home .carouselDetails { /* More Details links on home page carousel */
	color: #7CD1EC;
	text-transform: uppercase;
}

section#contentPage-_home .carouselDetails.btn { /* More Details link button border */
	--bs-btn-border-color: #EDBB64;
}

section#contentPage-_home .carouselDetails i { /* More Details link text color */
	color: #EDBB64;
}

section#contentPage-_home .carouselDetails {background-color: transparent}

.carouselDetails { /* More Details links on non-home page carousels */
	color: #231F20;
	background-color: #EDBB64;
}

.carouselDetails.btn { /* More Details link button border */
	--bs-btn-border-color: #231F20;
}

.carouselDetails i { /* More Details link text color */
	color: #231F20;
}

/* Just can't get the image to stay full size while everything else is constrained to window width, without setting the width to a particular pixel. */
@media (max-width: 576px){
section#contentPage-_home .carousel-item {
	width: 536px;
}
}
@media (max-width: 556px){
section#contentPage-_home .carousel-item {
	width: 516px;
}
}
@media (max-width: 536px){
section#contentPage-_home .carousel-item {
	width: 496px;
}
}
@media (max-width: 516px){
section#contentPage-_home .carousel-item {
	width: 476px;
}
}
@media (max-width: 496px){
section#contentPage-_home .carousel-item {
	width: 456px;
}
}
@media (max-width: 476px){
section#contentPage-_home .carousel-item {
	width: 436px;
}
}
@media (max-width: 456px){
section#contentPage-_home .carousel-item {
	width: 416px;
}
}
@media (max-width: 436px){
section#contentPage-_home .carousel-item {
	width: 396px;
}
}
@media (max-width: 416px){
section#contentPage-_home .carousel-item {
	width: 376px;
}
}
@media (max-width: 396px){
section#contentPage-_home .carousel-item {
	width: 356px;
}
}
@media (max-width: 376px){
section#contentPage-_home .carousel-item {
	width: 336px;
}
}
@media (max-width: 356px){
section#contentPage-_home .carousel-item {
	width: 316px;
}
}
@media (max-width: 336px){
section#contentPage-_home .carousel-item {
	width: 296px;
}
}
@media (max-width: 316px){
section#contentPage-_home .carousel-item {
	width: 276px;
}
}
@media (max-width: 296px){
section#contentPage-_home .carousel-item {
	width: 256px;
}
}
@media (max-width: 276px){
section#contentPage-_home .carousel-item {
	width: 236px;
}
}

/* Home page - other */

section#contentPage-_home .columnList .card .image {
	height: 100px;
}

section#contentPage-_home .columnList .card .name {
  margin-top: 1rem;
  text-align: center;
  font-weight: bold;
}

/* Content pages */

h1.pageTitle {
	color: #28266e;
 	font-weight: bolder;
}

.scpWhitePageHeader h1.pageTitle {
 	color: white !important;
 	font-weight: normal;
}

.scpColoredBar {
  height: .55rem;
  width: 8rem;
  background-color: #CB6FAC;
  margin-left: 1rem;
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
	.scpColoredBar {
		margin-bottom: -1rem;
	}
}

.contentPage h2 {
	color: #3B54A4;
}

.scpWhitePageHeader {
 	color: white !important;
 	padding: 2rem;
 	margin-top: 1rem;
 	font-weight: bolder;
	text-shadow: 0px 0px 5px #000;
 }
 
.scpContentPageIcon {
	float: left;
	height: 3rem;
 	margin-right: 1rem;
 }
 
 
 
@media (min-width: 992px) {
	.scpContentPageIcon {
		height: 4rem;
	 }
}

.scpBlurb {
	font-size: 1.5rem;
	font-weight: 400;
}

section#contentPage-release-announcements .card, section#contentPage-documentation .card {
	background-color: #d1d9ec;
	color: #3B54A4;
	text-align: center;
	font-weight: 600;
}

section#contentPage-release-announcements .card:hover, section#contentPage-documentation .card:hover {
	background-color: rgb(180, 185, 207);
	color: rgb(50, 72, 142);
	font-weight: 700;
}


/* GLOBAL FOOTER */
footer {
	background-color: #3B54A4;
	padding: 2rem 2rem 0 2rem;
	color: white;
	font-size: .7rem;
	font-weight: 600;
}
footer .nav-link {
	padding: .25rem 0;
}
footer a {
	color: white;
	text-decoration: none;
}
footer a:hover {
	color: white;
	text-decoration: underline;
}
footer .footerColumn {
	padding-left: .5rem;
}
footer .footerColumnHeading {
	padding-left: -.5rem;
	margin-bottom: .5rem;
	text-transform: uppercase;
	font-size: .9rem;
}

/* What is page */

.scpWhatIsSection {
	padding-left: 10rem; 
	padding-top: 2rem;
	margin-top: 1rem;
	margin-bottom: 2rem;
	background-repeat: no-repeat;
	background-position: top 3rem left 1rem;
	background-size: 8rem;

}

.scpWhatIsMiddle {
	background-color: #fff; 
	padding-left: 2rem; 
	padding-top:2rem;
}

.scpWhatIsSubhead {
	color: #3B54A4;
}

.scpWhatIsSubtitle {
	color: #2D2D2D;
	font-style: italic;
}

.scpWhatIsButtons {
	padding-top: 2rem;
	padding-bottom: 2rem;
	flex-wrap: wrap; 
	display: flex; 
	/* justify-content: space-between; */
}

.scpWhatIsButtons div {
	padding: .5rem;
}

.scpWhatIsButtons .btn {
	width: 100%;
	border: 1px solid transparent;
}

.scpWhatIsGold {
	background-image: url("https://s3.amazonaws.com/softslate-tenant-public/media/publicFile/icon_customization_white.png");
}

.scpWhatIsGold, .scpWhatIsGold .scpWhatIsButtons .btn-secondary {
	background-color: #EDBB64;
	color: #3B54A4
}

.scpWhatIsGold .scpWhatIsButtons .btn-secondary:hover {
	border: 1px solid #231F20;
	color: #231F20
}

.scpWhatIsLightBlue {
	background-image: url("https://s3.amazonaws.com/softslate-tenant-public/media/publicFile/icon_features_whatis.png");
}

.scpWhatIsLightBlue, .scpWhatIsLightBlue .scpWhatIsButtons .btn-secondary {
	background-color: #7CD1EC;
	color: #3B54A4;
}

.scpWhatIsLightBlue .scpWhatIsButtons .btn-secondary:hover {
	border: 1px solid #231F20;
	color: #231F20
}

.scpWhatIsBlue {
	background-image: url("https://s3.amazonaws.com/softslate-tenant-public/media/publicFile/icon_hosting_white.png");
}

.scpWhatIsBlue, .scpWhatIsBlue .scpWhatIsButtons .btn-secondary {
	background-color: #3B54A4;
}

.scpWhatIsBlue .scpWhatIsButtons .btn-secondary:hover {
	border: 1px solid #231F20;
	color: #D1D3D4
}

.buildingMarquee {
	letter-spacing: .2rem;
	font-size: 1.5rem;
	display: inline-block;
	margin: 1rem;
	padding: .5rem 1.5rem;
	border: 1px solid #888;
}

.marqueeSubtitle {
	font-style: italic;
	margin: 1rem;
}

/* PRODUCT PAGE */
section.product .productQuantity { /* Quantity is always 1 */
	display: none;
}

section.product .image {
	margin-bottom: 1rem;
}

.orderDetailsContainer #orderItems th.quantity, .orderDetailsContainer #orderItems td.quantity {
	display: none;
}

section.product .price {
	display: inline-block;
}

/* Scrollable agreement */
.agreementFormScrollable {
	max-height: 200px;
}


/* Documentation */
.md-math-block, .md-rawblock, h1, h2, h3, h4, h5, h6, p { margin-top: 1rem; margin-bottom: 1rem; }
.hidden { display: none; }
.md-blockmeta { color: rgb(204, 204, 204); font-weight: 700; font-style: italic; }
a { cursor: pointer; }
sup.md-footnote { padding: 2px 4px; background-color: rgba(238, 238, 238, 0.7); color: rgb(85, 85, 85); border-radius: 4px; cursor: pointer; }
sup.md-footnote a, sup.md-footnote a:hover { color: inherit; text-transform: inherit; text-decoration: inherit; }
#write input[type="checkbox"] { cursor: pointer; width: inherit; height: inherit; }
figure { overflow-x: auto; margin: 1.2em 0px; max-width: calc(100% + 16px); padding: 0px; }
figure > table { margin: 0px; }
thead, tr { break-inside: avoid; break-after: auto; }
thead { display: table-header-group; }
table { border-collapse: collapse; border-spacing: 0px; width: 100%; overflow: auto; break-inside: auto; text-align: left; }
table.md-table td { min-width: 32px; }
.CodeMirror-gutters { border-right-width: 0px; border-right-style: none; border-right-color: currentcolor; background-color: inherit; }
.CodeMirror-linenumber { -webkit-user-select: none; }
.CodeMirror { text-align: left; }
.CodeMirror-placeholder { opacity: 0.3; }
.CodeMirror pre { padding: 0px 4px; }
.CodeMirror-lines { padding: 0px; }
div.hr:focus { cursor: none; }
#write pre { white-space: pre-wrap; }
#write.fences-no-line-wrapping pre { white-space: pre; }
#write pre.ty-contain-cm { white-space: normal; }
.CodeMirror-gutters { margin-right: 4px; }
.md-fences { font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; overflow: visible; white-space: pre; background: inherit; position: relative !important; }
.md-fences-adv-panel { width: 100%; margin-top: 10px; text-align: center; padding-top: 0px; padding-bottom: 8px; overflow-x: auto; }
#write .md-fences.mock-cm { white-space: pre-wrap; }
.md-fences.md-fences-with-lineno { padding-left: 0px; }
#write.fences-no-line-wrapping .md-fences.mock-cm { white-space: pre; overflow-x: auto; }
.md-fences.mock-cm.md-fences-with-lineno { padding-left: 8px; }
.CodeMirror-line, twitterwidget { break-inside: avoid; }
svg { break-inside: avoid; }
.footnotes { opacity: 0.8; font-size: 0.9rem; margin-top: 1em; margin-bottom: 1em; }
.footnotes + .footnotes { margin-top: 0px; }
.md-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: top; background: 0px 0px; text-decoration: none; text-shadow: none; float: none; position: static; width: auto; height: auto; white-space: nowrap; cursor: inherit; line-height: normal; font-weight: 400; text-align: left; box-sizing: content-box; direction: ltr; }
li div { padding-top: 0px; }
blockquote { margin: 1rem 0px; }
li .mathjax-block, li p { margin: 0.5rem 0px; }
li blockquote { margin: 1rem 0px; }
li { margin: 0px; position: relative; }
blockquote > :last-child { margin-bottom: 0px; }
blockquote > :first-child, li > :first-child { margin-top: 0px; }
.footnotes-area { color: rgb(136, 136, 136); margin-top: 0.714rem; padding-bottom: 0.143rem; white-space: normal; }
#write .footnote-line { white-space: pre-wrap; }
@media print {
  body, html { border: 1px solid transparent; height: 99%; break-after: avoid; break-before: avoid; font-variant-ligatures: no-common-ligatures; }
  #write { margin-top: 0px; border-color: transparent !important; padding-top: 0px !important; padding-bottom: 0px !important; }
  .typora-export * { print-color-adjust: exact; }
  .typora-export #write { break-after: avoid; }
  .typora-export #write::after { height: 0px; }
  .is-mac table { break-inside: avoid; }
  #write > p:nth-child(1) { margin-top: 0px; }
  .typora-export-show-outline .typora-export-sidebar { display: none; }
  figure { overflow-x: visible; }
}
.footnote-line { margin-top: 0.714em; font-size: 0.7em; }
a img, img a { cursor: pointer; }
pre.md-meta-block { font-size: 0.8rem; min-height: 0.8rem; white-space: pre-wrap; background: rgb(204, 204, 204); display: block; overflow-x: hidden; }
p > .md-image:only-child:not(.md-img-error) img, p > img:only-child { display: block; margin: auto; }
#write.first-line-indent p > .md-image:only-child:not(.md-img-error) img { left: -2em; position: relative; }
p > .md-image:only-child { display: inline-block; width: 100%; }
#write .MathJax_Display { margin: 0.8em 0px 0px; }
.md-math-block { width: 100%; }
.md-math-block:not(:empty)::after { display: none; }
.MathJax_ref { fill: currentcolor; }
[contenteditable="true"]:active, [contenteditable="true"]:focus, [contenteditable="false"]:active, [contenteditable="false"]:focus { outline: 0px; box-shadow: none; }
.md-task-list-item { position: relative; list-style-type: none; }
.task-list-item.md-task-list-item { padding-left: 0px; }
.md-task-list-item > input { position: absolute; top: 0px; left: 0px; margin-left: -1.2em; margin-top: calc(1em - 10px); border: medium; }
.math { font-size: 1rem; }
.md-toc { min-height: 3.58rem; position: relative; font-size: 0.9rem; border-radius: 10px; }
.md-toc-content { position: relative; margin-left: 0px; }
.md-toc-content::after, .md-toc::after { display: none; }
.md-toc-item { display: block; color: rgb(65, 131, 196); }
.md-toc-item a { text-decoration: none; }
.md-toc-inner:hover { text-decoration: underline; }
.md-toc-inner { display: inline-block; cursor: pointer; }
.md-toc-h1 .md-toc-inner { margin-left: 0px; font-weight: 700; }
.md-toc-h2 .md-toc-inner { margin-left: 2em; }
.md-toc-h3 .md-toc-inner { margin-left: 4em; }
.md-toc-h4 .md-toc-inner { margin-left: 6em; }
.md-toc-h5 .md-toc-inner { margin-left: 8em; }
.md-toc-h6 .md-toc-inner { margin-left: 10em; }
@media screen and (max-width: 48em) {
  .md-toc-h3 .md-toc-inner { margin-left: 3.5em; }
  .md-toc-h4 .md-toc-inner { margin-left: 5em; }
  .md-toc-h5 .md-toc-inner { margin-left: 6.5em; }
  .md-toc-h6 .md-toc-inner { margin-left: 8em; }
}
a.md-toc-inner { font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; }
.footnote-line a:not(.reversefootnote) { color: inherit; }
.reversefootnote { font-family: ui-monospace, sans-serif; }
.md-attr { display: none; }
.md-fn-count::after { content: "."; }
code, pre, samp, tt { font-family: var(--monospace); }
kbd { margin: 0px 0.1em; padding: 0.1em 0.6em; font-size: 0.8em; color: rgb(36, 39, 41); background: rgb(255, 255, 255); border: 1px solid rgb(173, 179, 185); border-radius: 3px; box-shadow: rgba(12, 13, 14, 0.2) 0px 1px 0px, rgb(255, 255, 255) 0px 0px 0px 2px inset; white-space: nowrap; vertical-align: middle; }
.md-comment { color: rgb(162, 127, 3); opacity: 0.6; font-family: var(--monospace); }
code { text-align: left; vertical-align: initial; }
a.md-print-anchor { white-space: pre !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; display: inline-block !important; position: absolute !important; width: 1px !important; right: 0px !important; outline: 0px !important; background: 0px 0px !important; text-decoration: initial !important; text-shadow: initial !important; }
.os-windows.monocolor-emoji .md-emoji { font-family: "Segoe UI Symbol", sans-serif; }
.md-diagram-panel > svg { max-width: 100%; }
[lang="flow"] svg, [lang="mermaid"] svg { max-width: 100%; height: auto; }
[lang="mermaid"] .node text { font-size: 1rem; }
table tr th { border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: currentcolor; }
video { max-width: 100%; display: block; margin: 0px auto; }
iframe { max-width: 100%; width: 100%; border: medium; }
.highlight td, .highlight tr { border: 0px; }
mark { background: rgb(255, 255, 0); color: rgb(0, 0, 0); }
.md-html-inline .md-plain, .md-html-inline strong, mark .md-inline-math, mark strong { color: inherit; }
.md-expand mark .md-meta { opacity: 0.3 !important; }
mark .md-meta { color: rgb(0, 0, 0); }
@media print {
  .typora-export h1, .typora-export h2, .typora-export h3, .typora-export h4, .typora-export h5, .typora-export h6 { break-inside: avoid; }
}
.md-diagram-panel .messageText { stroke: none !important; }
.md-diagram-panel .start-state { fill: var(--node-fill); }
.md-diagram-panel .edgeLabel rect { opacity: 1 !important; }
.md-fences.md-fences-math { font-size: 1em; }
.md-fences-advanced:not(.md-focus) { padding: 0px; white-space: nowrap; border: 0px; }
.md-fences-advanced:not(.md-focus) { background: inherit; }
.mermaid-svg { margin: auto; }
.typora-export-show-outline .typora-export-content { max-width: 1440px; margin: auto; display: flex; flex-direction: row; }
.typora-export-sidebar { width: 300px; font-size: 0.8rem; margin-top: 80px; margin-right: 18px; }
.typora-export-show-outline #write { --webkit-flex: 2; flex: 2 1 0%; }
.typora-export-sidebar .outline-content { position: fixed; top: 0px; max-height: 100%; overflow: hidden auto; padding-bottom: 30px; padding-top: 60px; width: 300px; }
@media screen and (max-width: 1024px) {
  .typora-export-sidebar, .typora-export-sidebar .outline-content { width: 240px; }
}
@media screen and (max-width: 800px) {
  .typora-export-sidebar { display: none; }
}
.outline-content li, .outline-content ul { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; list-style: none; overflow-wrap: anywhere; }
.outline-content ul { margin-top: 0px; margin-bottom: 0px; }
.outline-content strong { font-weight: 400; }
.outline-expander { width: 1rem; height: 1.428571rem; position: relative; display: table-cell; vertical-align: middle; cursor: pointer; padding-left: 4px; }
.outline-expander::before { content: ""; position: relative; font-family: Ionicons; display: inline-block; font-size: 8px; vertical-align: middle; }
.outline-item { padding-top: 3px; padding-bottom: 3px; cursor: pointer; }
.outline-expander:hover::before { content: ""; }
.outline-h1 > .outline-item { padding-left: 0px; }
.outline-h2 > .outline-item { padding-left: 1em; }
.outline-h3 > .outline-item { padding-left: 2em; }
.outline-h4 > .outline-item { padding-left: 3em; }
.outline-h5 > .outline-item { padding-left: 4em; }
.outline-h6 > .outline-item { padding-left: 5em; }
.outline-label { cursor: pointer; display: table-cell; vertical-align: middle; text-decoration: none; color: inherit; }
.outline-label:hover { text-decoration: underline; }
.outline-item:hover { border-color: rgb(245, 245, 245); background-color: var(--item-hover-bg-color); }
.outline-item:hover { margin-left: -28px; margin-right: -28px; border-left-width: 28px; border-left-style: solid; border-left-color: transparent; border-right-width: 28px; border-right-style: solid; border-right-color: transparent; }
.outline-item-single .outline-expander::before, .outline-item-single .outline-expander:hover::before { display: none; }
.outline-item-open > .outline-item > .outline-expander::before { content: ""; }
.outline-children { display: none; }
.info-panel-tab-wrapper { display: none; }
.outline-item-open > .outline-children { display: block; }
.typora-export .outline-item { padding-top: 1px; padding-bottom: 1px; }
.typora-export .outline-item:hover { margin-right: -8px; border-right-width: 8px; border-right-style: solid; border-right-color: transparent; }
.typora-export .outline-expander::before { content: "+"; font-family: inherit; top: -1px; }
.typora-export .outline-expander:hover::before, .typora-export .outline-item-open > .outline-item > .outline-expander::before { content: "−"; }
.typora-export-collapse-outline .outline-children { display: none; }
.typora-export-collapse-outline .outline-item-open > .outline-children, .typora-export-no-collapse-outline .outline-children { display: block; }
.typora-export-no-collapse-outline .outline-expander::before { content: "" !important; }
.typora-export-show-outline .outline-item-active > .outline-item .outline-label { font-weight: 700; }
.md-inline-math-container mjx-container { zoom: 0.95; }
mjx-container { break-inside: avoid; }
.md-alert.md-alert-note { border-left-color: rgb(9, 105, 218); }
.md-alert.md-alert-important { border-left-color: rgb(130, 80, 223); }
.md-alert.md-alert-warning { border-left-color: rgb(154, 103, 0); }
.md-alert.md-alert-tip { border-left-color: rgb(31, 136, 61); }
.md-alert.md-alert-caution { border-left-color: rgb(207, 34, 46); }
.md-alert { padding: 0px 1em; margin-bottom: 16px; color: inherit; border-left-width: 0.25em; border-left-style: solid; border-left-color: rgb(0, 0, 0); }
.md-alert-text-note { color: rgb(9, 105, 218); }
.md-alert-text-important { color: rgb(130, 80, 223); }
.md-alert-text-warning { color: rgb(154, 103, 0); }
.md-alert-text-tip { color: rgb(31, 136, 61); }
.md-alert-text-caution { color: rgb(207, 34, 46); }
.md-alert-text { font-size: 0.9rem; font-weight: 700; }
.md-alert-text svg { fill: currentcolor; position: relative; top: 0.125em; margin-right: 1ch; overflow: visible; }
.md-alert-text-container::after { content: attr(data-text); text-transform: capitalize; pointer-events: none; margin-right: 1ch; }
.CodeMirror { height: auto; }
.CodeMirror.cm-s-inner { background: inherit; }
.CodeMirror-scroll { overflow: auto hidden; z-index: 3; }
.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler { background-color: rgb(255, 255, 255); }
.CodeMirror-gutters { border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); background: inherit; white-space: nowrap; }
.CodeMirror-linenumber { padding: 0px 3px 0px 5px; text-align: right; color: rgb(153, 153, 153); }
.cm-s-inner .cm-keyword { color: rgb(119, 0, 136); }
.cm-s-inner .cm-atom, .cm-s-inner.cm-atom { color: rgb(34, 17, 153); }
.cm-s-inner .cm-number { color: rgb(17, 102, 68); }
.cm-s-inner .cm-def { color: rgb(0, 0, 255); }
.cm-s-inner .cm-variable { color: rgb(0, 0, 0); }
.cm-s-inner .cm-variable-2 { color: rgb(0, 85, 170); }
.cm-s-inner .cm-variable-3 { color: rgb(0, 136, 85); }
.cm-s-inner .cm-string { color: rgb(170, 17, 17); }
.cm-s-inner .cm-property { color: rgb(0, 0, 0); }
.cm-s-inner .cm-operator { color: rgb(152, 26, 26); }
.cm-s-inner .cm-comment, .cm-s-inner.cm-comment { color: rgb(170, 85, 0); }
.cm-s-inner .cm-string-2 { color: rgb(255, 85, 0); }
.cm-s-inner .cm-meta { color: rgb(85, 85, 85); }
.cm-s-inner .cm-qualifier { color: rgb(85, 85, 85); }
.cm-s-inner .cm-builtin { color: rgb(51, 0, 170); }
.cm-s-inner .cm-bracket { color: rgb(153, 153, 119); }
.cm-s-inner .cm-tag { color: rgb(17, 119, 0); }
.cm-s-inner .cm-attribute { color: rgb(0, 0, 204); }
.cm-s-inner .cm-header, .cm-s-inner.cm-header { color: rgb(0, 0, 255); }
.cm-s-inner .cm-quote, .cm-s-inner.cm-quote { color: rgb(0, 153, 0); }
.cm-s-inner .cm-hr, .cm-s-inner.cm-hr { color: rgb(153, 153, 153); }
.cm-s-inner .cm-link, .cm-s-inner.cm-link { color: rgb(0, 0, 204); }
.cm-negative { color: rgb(221, 68, 68); }
.cm-positive { color: rgb(34, 153, 34); }
.cm-header, .cm-strong { font-weight: 700; }
.cm-del { text-decoration: line-through; }
.cm-em { font-style: italic; }
.cm-link { text-decoration: underline; }
.cm-error { color: red; }
.cm-invalidchar { color: red; }
.cm-constant { color: rgb(38, 139, 210); }
.cm-defined { color: rgb(181, 137, 0); }
div.CodeMirror span.CodeMirror-matchingbracket { color: rgb(0, 255, 0); }
div.CodeMirror span.CodeMirror-nonmatchingbracket { color: rgb(255, 34, 34); }
.cm-s-inner .CodeMirror-activeline-background { background: inherit; }
.CodeMirror { position: relative; overflow: hidden; }
.CodeMirror-scroll { height: 100%; outline: 0px; position: relative; box-sizing: content-box; background: inherit; }
.CodeMirror-sizer { position: relative; }
.CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar { position: absolute; z-index: 6; display: none; outline: 0px; }
.CodeMirror-vscrollbar { right: 0px; top: 0px; overflow: hidden; }
.CodeMirror-hscrollbar { bottom: 0px; left: 0px; overflow: auto hidden; }
.CodeMirror-scrollbar-filler { right: 0px; bottom: 0px; }
.CodeMirror-gutter-filler { left: 0px; bottom: 0px; }
.CodeMirror-gutters { position: absolute; left: 0px; top: 0px; padding-bottom: 10px; z-index: 3; overflow-y: hidden; }
.CodeMirror-gutter { white-space: normal; height: 100%; box-sizing: content-box; padding-bottom: 30px; margin-bottom: -32px; display: inline-block; }
.CodeMirror-gutter-wrapper { position: absolute; z-index: 4; background: 0px 0px !important; border: medium !important; }
.CodeMirror-gutter-background { position: absolute; top: 0px; bottom: 0px; z-index: 4; }
.CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; }
.CodeMirror-lines { cursor: text; }
.CodeMirror pre { border-radius: 0px; border-width: 0px; background: 0px 0px; font-family: inherit; font-size: inherit; margin: 0px; white-space: pre; overflow-wrap: normal; color: inherit; z-index: 2; position: relative; overflow: visible; }
.CodeMirror-wrap pre { overflow-wrap: break-word; white-space: pre-wrap; word-break: normal; }
.CodeMirror-code pre { border-right-width: 30px; border-right-style: solid; border-right-color: transparent; width: fit-content; }
.CodeMirror-wrap .CodeMirror-code pre { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; width: auto; }
.CodeMirror-linebackground { position: absolute; inset: 0px; z-index: 0; }
.CodeMirror-linewidget { position: relative; z-index: 2; overflow: auto; }
.CodeMirror-wrap .CodeMirror-scroll { overflow-x: hidden; }
.CodeMirror-measure { position: absolute; width: 100%; height: 0px; overflow: hidden; visibility: hidden; }
.CodeMirror-measure pre { position: static; }
.CodeMirror div.CodeMirror-cursor { position: absolute; visibility: hidden; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; width: 0px; }
.CodeMirror div.CodeMirror-cursor { visibility: hidden; }
.CodeMirror-focused div.CodeMirror-cursor { visibility: inherit; }
.cm-searching { background: rgba(255, 255, 0, 0.4); }
span.cm-underlined { text-decoration: underline; }
span.cm-strikethrough { text-decoration: line-through; }
.cm-tw-syntaxerror { color: rgb(255, 255, 255); background-color: rgb(153, 0, 0); }
.cm-tw-deleted { text-decoration: line-through; }
.cm-tw-header5 { font-weight: 700; }
.cm-tw-listitem:first-child { padding-left: 10px; }
.cm-tw-box { border-style: solid; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: inherit; border-top-width: 0px !important; }
.cm-tw-underline { text-decoration: underline; }
@media print {
  .CodeMirror div.CodeMirror-cursor { visibility: hidden; }
}


a.md-toc-inner {
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	line-height: inherit;
}

/* Typora borders around images */
.typora-export-content img {
max-width: 67%;
border: 1px solid #222;
}

/* Typora indented blockquotes */
.typora-export-content blockquote {
	margin-left: 1rem;
    border-left: 4px solid #dfe2e5;
    padding: 0 15px;
    color: #777777;
}
.typora-export-content blockquote blockquote {
    padding-right: 0;
}

/* Typora code block bgs */
.typora-export-content .md-fences,
.typora-export-content code,
.typora-export-content tt {
    border: 1px solid #e7eaed;
    background-color: #f8f8f8;
    border-radius: 3px;
    padding: 0;
    padding: 2px 4px 0px 4px;
    font-size: 0.9em;
}

.typora-export-content code {
    background-color: #f3f4f4;
    padding: 0 2px 0 2px;
}

/* Miscellaneous */

#contentPage-release-announcements .scpColoredBar {
	display: none;
}

#contentPage-agri-cover-feature-comparison table th, #contentPage-agri-cover-feature-comparison table td {
 width: 25%;
}
.scpCheck { color: green; }
.scpCheck:after { content: ' '; }
.scpXMark { color: red; }
.scpXMark:after { content: ' '; }
.scpComingSoon { color: blue; }
.scpComingSoon:after { content: ' '; }
.scpXMark:scpComingSoon { content: ' '; }
.scpFeatureGroup { color: #CB6FAC !important; }
.scpLinkCell { white-space: nowrap; }
.scpDescriptionCell {font-size: smaller;}

section#contentPage-_home .carouselDetails {background-color: #0f0e44}

th.scpFeatureGroup { 
	background-color: #fff;
	--bs-table-striped-bg: #fff;
}

/* accordian-ish tool on documentation page */
a.expandOrCollapse {
	text-decoration: none;
	color: #212529;
}

a.expandOrCollapse img {
	vertical-align: baseline;
}

a.expandOrCollapse img.showWhenCollapsed, th.expandOrCollapse img.showWhenCollapsed {
	display: none;
}

a.expandOrCollapse img.showWhenExpanded, th.expandOrCollapse img.showWhenExpanded {
	display: inline;
}

a.expandOrCollapse.collapsed img.showWhenCollapsed, th.expandOrCollapse.collapsed img.showWhenCollapsed {
	display: inline;
}

a.expandOrCollapse.collapsed img.showWhenExpanded, th.expandOrCollapse.collapsed img.showWhenExpanded {
	display: none;
}