pre[class*="language-"] {
    border-radius: 0;
}
.prism-live, .header-code-area .prism-live .prism-live, .header-code-area .prism-live .prism-live {
    width:100%;
    max-width: 1300px;
    overflow-x: scroll;
    height: 600px;
    overflow: scroll;
    overflow: overlay;
}
.header-code-area .prism-live .prism-live {
    padding: 25px 0 25px 60px;
    margin: 0;
}
code[class*="language-"], pre[class*="language-"] {
    line-height: inherit !important;
    /* letter-spacing: 0.55px; */
    font-size:14px !important;
    letter-spacing: 0 !important;
}
.pr-0 {padding-right:0} .pl-0 {padding-left:0}
.btn-blk>.btn-block {
    width: 100%;
    text-align: left;
    border-width: 0px !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    background: #212121;
    border-bottom: 1px solid #2e2f28 !important;
    color: #dedede !important;
    max-width: 300px;
    padding: 11px 20px;
}
:not(pre)>code[class*=language-], pre[class*=language-] {
    background: #212121;
}

.btn-blk {
    overflow-y: scroll;
    max-height: 600px;
}
.btn-blk::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-button {
    display: none;
}
.btn-blk::-webkit-scrollbar-thumb {
    background: #393a34;
    border-radius: 0px;
}
.btn-blk::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #2f3029;
    border-radius: 0px;
    background: #2f3029;
}
.kt-portlet .kt-portlet__foot {
    display: flex;
    justify-content: space-between;
}
textarea.prism-live {
    line-height: inherit !important;
    font-size:14px !important;
    letter-spacing: 0 !important;
}
code.language-clike {
    line-height: 1.35 !important;
    font-size:14px !important;
    letter-spacing: 0 !important;
}
span.line-numbers-rows {
    line-height: 1.5;
}
@media(max-width: 767px) {
    .btn-blk {
        max-height: 160px;
    }
    .btn-blk>.btn-block {
        max-width: 50%;
        float: left;
        white-space: nowrap;
        overflow: hidden;
    }
    .pr-0 {
        padding-right: 10px;
    }
    .pl-0 {
        padding-left: 10px;
    }
    .btn-blk::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #ccc;
        border-radius: 0px;
        background: #eaeaea;
    }
    .btn-blk::-webkit-scrollbar-thumb {
        background: #bcbcbc;
        border-radius: 0px;
    }
    .prism-live, .header-code-area .prism-live .prism-live, .header-code-area .prism-live .prism-live {
        height: 400px;
    }
    .header-code-area {
        margin-bottom: 0 !important;
    }
}
.header-code-area .prism-live .prism-live::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
.header-code-area .prism-live .prism-live::-webkit-scrollbar-thumb {
    background: #bcbcbc;
    border-radius: 0px;
}
.header-code-area .prism-live .prism-live::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #cccccc;
    border-radius: 0px;
    background: #eaeaea;
}
.header-code-area {
    margin-bottom: 0;
}
.kt-portlet__body {
    padding: 30px !important;
}
.form-body p {
    margin-bottom: 25px;
}
code[class*="language-"], pre[class*="language-"] {
    font-size: 14px !important;
    width: 100%;
    max-width: 1300px;
    overflow-x: scroll;
    height: 600px;
    overflow: scroll;
    overflow: overlay;
    padding: 0px 0 25px 60px;
    margin: 0;
    outline: 0 none !important;
}
pre[class*=language-].line-numbers {
    cursor: default;
}
pre[class*=language-].line-numbers>code {
    cursor: text;
}



.header-code-area pre.line-numbers::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
.header-code-area pre.line-numbers::-webkit-scrollbar-thumb {
    background: #bcbcbc;
    border-radius: 0px;
}
.header-code-area pre.line-numbers::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #cccccc;
    border-radius: 0px;
    background: #eaeaea;
}