.json-container {
/*   font-family: 'calibri, arial, helvetica, sans-serif'; */
  font-size: 1em;
  /*background-color: #fff;*/
  color: #AAA;
  box-sizing: border-box;
  padding : 5px;}
.json-container .json-line {
  margin: 4px 0;
  display: flex;
  justify-content: flex-start; }
.json-container .caret-icon {
  width: 18px;
  text-align: center;
  cursor: pointer; }
.json-container .empty-icon {
  width: 18px; }
.json-container .json-type {
  margin-right: 4px;
  margin-left: 4px;
  cursor : pointer;}
.json-container .json-key {
  color: #444;
  margin-right: 4px;
  margin-left: 4px; }
.json-container .json-index {
  margin-right: 4px;
  margin-left: 4px; }
.json-container .json-value {
  margin-left: 8px;
  cursor : pointer;}
.json-container .json-number {
  color: #f9ae58; }
.json-container .json-boolean {
  color: #ec5f66; }
.json-container .json-string {
  color: #86b25c; }
.json-container .json-size {
  margin-right: 4px;
  margin-left: 4px;
  cursor : pointer;}
.json-container .hide {
  display: none; }
.json-container .fas {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid; }
.json-container .fa-caret-down {
  border-width: 6px 5px 0 5px;
  border-color: #808080 transparent; }
.json-container .fa-caret-right {
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #808080; }