/* JSONViewer - by Roman Makudera 2016 (c) MIT licence. */

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

.json-viewer-controls-description > label {
    font-size: 1.3rem;
	margin-top: 1rem;
    margin-left: 0;
    margin-bottom: 0;
    display: block;
}

.json-viewer ul {
	list-style-type: none;
	margin: 0;
	margin: 0 0 0 2px;
	border-left: 2px dotted silver;

	/* Change the width of indent, 2em = 4 spaces / 1em = 2 spaces */
	padding-left: calc(var(--json-indent, 2) * 0.5em); /* Default to 2em if not set */
}

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

.json-viewer ul li .type-string,
.json-viewer ul li .type-date {
	color: darkgreen;
}

.json-viewer ul li .type-boolean {
	color: darkblue;
	font-weight: bold;
}

.json-viewer ul li .type-number {
	color: purple;
}

.json-viewer ul li .type-null {
	color: red;
}

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

.json-viewer a.list-link:before {
	color: darkgray;
	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: gray;
	padding: 0 1em;
}

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