.json-container {
  font-family: 'Open Sans';
  font-size: 16px;
  background-color: #fff;
  margin-top: 4%;
  color: #ECF0F3;
  box-sizing: border-box; }
  .json-container .line {
    margin: 4px 0;
    display: flex;
    justify-content: flex-start; }
  .json-container .caret-icon {
    min-width: 18px;
    text-align: center;
    cursor: pointer; }
  /* .json-container .empty-icon {
    width: 18px; } */
  .json-container .json-type {
    margin-right: 4px;
    margin-left: 4px; }
  .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;
    padding-left: 14px; }
  .json-container .json-number {
    color: #f9ae58; }
  .json-container .json-boolean {
    color: #ec5f66; }
  .json-container .json-string {
    color: #444; }
    /* color: #86b25c; } */
  .json-container .json-size {
    margin-right: 4px;
    margin-left: 4px; }
  .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; }
  .link {
    text-decoration: none;
    font-size: 14px !important;
    font-family: 'Roboto',sans-serif;
    color: #444; }
  .link:hover {
    text-decoration: none; }
  .json-container .json-key a {
    color: #000; }
  .json-value.json-string a {
    color: #000; }
  /* .json-container .json-key:not(.current) {
    text-decoration: none; }
  .json-value.json-string:not(.current) {
    text-decoration: none; } */
  .line:not(.current):hover {
    background-color: #DCDEDF;
  }
  .json-container .current {
    background-color: #cbd3d9; }
  .json-container .current a {
    color: #000; }