h1 {
    font-family: monospace;
    overflow-wrap: break-word;
}
h2 {
    font-family: monospace;
    overflow-wrap: break-word;
}

h3 {
    font-family: monospace;
    overflow-wrap: break-word;
}

.json-tree {
    font-family: monospace;
    line-height: 1.4;
}
.json-tree ul {
    list-style-type: none;
    padding-left: 20px;
    margin: 0;
}
.json-key {
    color: #92278f;
    font-weight: bold;
}
.json-value {
    color: #2222aa;
    inline-size: 300px;
    overflow-wrap: break-word;
}
.json-toggle {
    color: #666;
    cursor: pointer;
}
.json-tree .collapsed > ul {
    display: none;
}

.bcbinContent {
    font-family: monospace;
    color: #2222aa;
    width: 100%;
    overflow-wrap: break-word;
    background-color: rgb(245, 245, 245);
    border: 1px solid #b6b6b6;
    height: 200px;
	overflow-y: auto; /* Add scrollbars if content overflows */
}

#navbarLogo {
    height: 25px;
}

.fileName {
    inline-size: 300px;
    overflow-wrap: break-word;
}

.barCodeImg {
    width: 200px;
}

.left-panel {
    border: 1px solid #ddd;
    background-color:  #f3f3f3;
    overflow-wrap: break-word;
	overflow-x: auto; /* Add scrollbars if content overflows */
}

.summary-panel {
    background-color: rgb(245, 245, 245);
    border: 1px solid #b6b6b6;
    height: 650px;
    overflow-wrap: break-word;
	overflow-y: auto; /* Add scrollbars if content overflows */
	resize: vertical;
}

.video {
    width: 300px;
    height: 200px;
}

.capture-stopped {
    
    border: 5px solid gray
}

.capture-progress {
    border: 5px solid rgb(230, 216, 25);
}

.capture-complete {
    border: 5px solid rgb(38, 224, 22);
}

.tree-panel {
    background-color: rgb(245, 245, 245);
    border: 1px solid #b6b6b6;
    height: 650px;
	overflow-x: auto; /* Add scrollbars if content overflows */
	overflow-y: auto; /* Add scrollbars if content overflows */
	resize: vertical;
}

.bctxtContent {
    font-family: monospace;
    color: #2222aa;
    width: 100%;
    overflow-wrap: break-word;

}

.signature_0 {
    font-family: monospace;
    color: #000000;
    background-color: #d41616;
    text-align: center;
    width: 100%;
}
.signature_1 {
    font-family: monospace;
    color: #000000;
    background-color: #16d455;
    text-align: center;
    width: 100%;
}
.signature_-1 {
    font-family: monospace;
    color: #000000;
    background-color: #a0a0a0;
    text-align: center;
    width: 100%;
}