.json-validator-and-formator-report-details-div {
	display: none;
}
.json-output-container {
    display: grid;
    grid-template-columns: auto 1fr;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: auto;
    font-family: monospace;
    font-size: 14px;
    line-height: 1.5;
    max-height: 500px;
}

.json-output-container::before {
    content: '';
    white-space: pre;
    padding: 1rem 0.5rem;
    text-align: right;
    border-right: 1px solid #ccc;
    background-color: #f8f9fa;
    color: #888;
    user-select: none;
    counter-reset: line;
    display: block;
}

.json-output-container .json-output {
    margin: 0;
    padding: 1rem;
    white-space: pre-wrap;
    word-break: break-word;
    overflow: hidden;
}

/* Generate line numbers */
.json-output-container::before {
    content: counter(line);
    display: block;
    padding-left: 0.5rem;
    counter-reset: line;
}

.json-output-container .json-output {
    counter-reset: line;
}

.json-output-container .json-output span {
    counter-increment: line;
    display: block;
    padding-left: 0.5rem;
    position: relative;
}

.json-output-container .json-output span::before {
    content: counter(line);
    position: absolute;
    left: -3.5em;
    width: 3em;
    text-align: right;
    color: #888;
    padding-right: 0.5em;
}