.card-body .black{
    background-color:#000000
}

.left-panel {
    background-color: var(--bs-body-bg); /* أبيض */
    padding: 20px;
    overflow-y: auto;
}

.right-panel {
    background-color: var(--bs-right-panel); /* أسود رمادي */
    padding: 20px;
    overflow-y: auto;
}

.full-height {
    height: 100vh;
}

.highlight{
    padding:12px 12px;
    background-color:#282C34;
}

.highlight .highlight-copy {
        display: none;
        position: absolute;
        right: 1.75rem;
        top: 6px;
        font-size: 0.85rem;
        font-weight: 500;
        padding: 0.35rem 1rem !important;
        transition: all 0.2s ease-in-out;
        background-color: var(--bs-prismjs-btn-bg);
        color: var(--bs-prismjs-btn-color);
}

code[class*="language-"], pre[class*="language-"]{
    line-height:17px!important;
}

/*[data-bs-theme=dark].left-panel {
    background-color: #000000;
}
[data-bs-theme=dark].right-panel {
    background-color: #000000;
}*/