.jr_data_wrapper {
	padding: 0 30px;
}

.jr_node_wrapper {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	flex-shrink: 0;
	order: 2;
}

.jr_node_wrapper.jr_value {
	padding-left: 25px;
}

.jr_node_wrapper.jr_array,
.jr_node_wrapper.jr_object {
	flex-direction: column;
	order: 1;
}

.jr_node_key_wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	flex-basis: auto;
	flex-shrink: 0;
	overflow: hidden;
	padding-right: 4px;
	cursor: pointer;
}

.jr_node_key_wrapper .fa.fa-plus-square {
	display: none;
}

.jr_node_key_wrapper.jr_closed .fa.fa-minus-square {
	display: none;
}

.jr_node_key_wrapper.jr_closed .fa.fa-plus-square {
	display: block;
}

.jr_node_key_wrapper.jr_closed + .jr_node_value_wrapper {
	height: 0;
}

.jr_node_key_wrapper.jr_closed > .jr_colon {
	display: none;
}

.jr_node_key_wrapper .fa {
	width: 25px;
	text-align: left;
}

.jr_node_key_wrapper .fa.fa-folder-open {
	color: #e4aa61;
}

.jr_node_key_wrapper .fa.fa-minus-square,
.jr_node_key_wrapper .fa.fa-plus-square {
	color: #81D4FA;
}

.jr_node_key_wrapper:hover .fa.fa-minus-square,
.jr_node_key_wrapper:hover .fa.fa-plus-square {
	color: #03A9F4;
}

.jr_node_key_wrapper .fa.fa-file {
	color: #9E9E9E;
}

.jr_node_value_wrapper {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: flex-start;
	flex-basis: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 4px;
	flex-shrink: 0;
}

.jr_node_line {
	flex-shrink: 0;
	width: 25px;
	background-image: url(line.svg);
	background-size: 13px;
	background-repeat-x: no-repeat;
}


.jr_data_wrapper,
.jr_node_value,
.jr_node_values {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	flex-shrink: 0;
}