.json-viewer {
	color: #a31515;
	padding-left: 20px;
}

span.jsonseparators {
	color: #000000;
}

span.jsonseparatorsarr {
	color: #0909eb;
	font-weight: bold;
}

span.jsonseparatorscurly {
	color: #e015c1;
	font-weight: bold;
}

.json-viewer ul {
	list-style-type: none;
	margin: 0;
	margin: 0 0 0 1px;
	border-left: 1px dotted #ccc;
	padding-left: 2em;
}

.json-viewer .hide {
	display: none;
}

.json-viewer .type-string {
	color: #0451a5;
}

.json-viewer .lightblue {
	background-color: #d8dee5;
}

.json-viewer .green {
	background-color: #d3f79d;
}

.json-viewer .purple {
	background-color: #e6d3f7;
}

.json-viewer .grey {
	/* background-color: #858584; */
}

.json-viewer .armKeyword {
	font-weight: bold;
}

/* Inline ARM-expression refs inside a formatted snippet: the colored pill itself
   is the hover anchor (no extra icon) so leading indentation stays aligned. */
.json-viewer .armRefHover {
	cursor: help;
}

.json-viewer .rtLink {
	color: #0078D4;
	text-decoration: underline!important;
	cursor: pointer;
}
.json-viewer .rtLink:hover {
	color: #106ebe;
	text-decoration: underline!important;
}
.json-viewer .rtBadge {
	color: #fff;
	background-color: #0078D4;
	border-radius: 8px;
	border-top: 2px solid white;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 1px;
	font-size: 0.85em;
	vertical-align: baseline;
}
.json-viewer .rtBadgeRt {
	background-color: #8B4513;
}
.json-viewer .rtBadgeRole {
	background-color: #9d02ae;
	color: #fff;
}
.json-viewer .rtBadgeArm {
	background-color: #da7900;
	color: #fff;
}

i.fa.fa-external-link.ifaExternalLink {
    font-size: xx-small;
    vertical-align: unset;
    color: #fff;
}

.json-viewer .questionIcon {
	cursor: help;
	/* Emoji glyphs have taller intrinsic metrics than the surrounding monospace
	   text; without these constraints they push line-height up and create thin
	   white gaps between rows of a formatted ARM snippet. */
	display: inline-block;
	font-size: 0.85em;
	line-height: 1;
	vertical-align: baseline;
}

.aiExplainHeaderDiv {
	text-align: center;
	padding-bottom: 3px;
}

.aiExplainHeader {
	font-weight:bold;
	color: #4A5153;
	text-align: center;
    font-family: monospace;
    font-size:13px;
}

.codewords {
    color: #4A5153;
    font-weight: bold;
}

.aiExplainText {
	color: #4A5153;
	word-wrap: break-word;
    font-size:12px;
    font-family: monospace;
}

.aiRefSpan {
	color: #ffea00;
	font-weight: bold;
}

.aiExplainDiv {
	margin-top:2px;
	padding:3px;
	background-color:#4A5153;
	font-size:12px;
    font-family: monospace;
	text-align: center;
}

.aiRefPoweredBy {
	color: #ffffff;
}

.aiRefLink {
	color: #ffffff!important;
	font-weight: bold;
}

/* .ttstyle {
    font-size: smaller;
    background-color: tomato;
} */
.ttstyle .ui-tooltip-content {
	font-size: small;
}
.ttstyle.ui-tooltip,
.ui-tooltip.ttstyle {
	max-width: 420px;
}

/* Compact tooltip styling for parameter/variable references. */
.paramVarTip {
	font-family: monospace;
	font-size: 11px;
	color: #2b2b2b;
	max-width: 380px;
	line-height: 1.35;
	overflow-wrap: anywhere;
	word-break: break-word;
}
.paramVarTip .paramVarTipHeader {
	font-weight: 600;
	font-size: 12px;
	color: #fff;
	background-color: #4A5153;
	padding: 3px 6px;
	border-radius: 3px 3px 0 0;
	margin: -4px -4px 4px -4px;
}
.paramVarTip .paramVarTipBody {
	padding: 0 2px;
}
.paramVarTip .paramVarTipBody b {
	color: #4A5153;
	font-weight: 600;
}
.paramVarTip .paramVarTipBody .codewords {
	font-family: Consolas, 'Courier New', monospace;
	font-size: 11px;
	background-color: #f3f3f3;
	padding: 0 3px;
	border-radius: 2px;
	color: #0451a5;
	font-weight: normal;
	overflow-wrap: anywhere;
	word-break: break-word;
}
.paramVarTip .paramVarTipBody pre.codewords {
	display: block;
	margin: 2px 0;
	padding: 3px 5px;
	max-height: 180px;
	overflow: auto;
	white-space: pre-wrap;
	word-break: break-all;
}

.json-viewer .type-date {
	color: #CB7500;
}

.json-viewer .type-boolean {
	color: green;
}

.json-viewer .type-number {
	color: #1A01CC;
}



.json-viewer .type-null, .json-viewer .type-undefined {
	color: #90a;
}

.json-viewer a.list-link {
	color: #a31515;
	text-decoration: none;
	position: relative;
}

.json-viewer a.list-link:before {
	color: #aaa;
	content: "\25BC";
	position: absolute;
	display: inline-block;
	width: 1em;
	left: -1em;
}

.json-viewer a.list-link.collapsed:before {
	content: "\25B6";
}

.json-viewer a.list-link.empty:before {
	content: "";
}

.json-viewer .items-ph {
	color: #aaa;
	padding: 0 1em;
}

.json-viewer .items-ph:hover {
	text-decoration: underline;
}