.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 .grey {
	/* background-color: #858584; */
}

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

.json-viewer .questionIcon {
	background-color: #ffffff;
	cursor: help;
}

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

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

.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;
}

.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;
}