.json-key     { color: #d19a66; }
.json-string  { color: #98c379; }
.json-number  { color: #d3869b; }
.json-boolean { color: #56b6c2; }
.json-null    { color: #c678dd; }

#JSONHighlightOutput {
  color: white; 
  font-family: monospace;
  padding: 1em;
   height: 280px !important;
    width: 100% !important;
    margin: 11px 0px 0px;
    padding: 10px;
    border-radius: 10px;
  border:1px solid #000;
  overflow:auto;
}
#JSONHighlightOutput::-webkit-scrollbar {
  display: none;
}
#JSONHighlightOutput > pre {
    text-wrap: auto;
}

.change-bg{
  background:#000;
}
#JSONHighlightOutput {
  white-space: pre-wrap;      
  word-wrap: break-word;      
  overflow-y: auto;        
  overflow-x: hidden;  
}


#JSONHighlightOutput pre {
  white-space: pre-wrap !important;
  word-break: break-word !important;
}