.card-text > .CodeMirror {
    background: none !important;
}

.card-text > .CodeMirror > .CodeMirror-scroll > .CodeMirror-gutters {
    background-color: transparent;
    border-right: 1px solid #999
}

.CodeMirror-linenumber {
    color: #999 !important;
}

.CodeMirror-overlayscroll-vertical > div {
    border: 1px solid #999 !important;
    background-color: #999 !important;
}

.CodeMirror-overlayscroll-horizontal > div {
    border: 1px solid #999 !important;
    background-color: #999 !important;
}

.btn-mac {
    max-height: 20px;
}

.btn-mac>svg {
    max-height: inherit;
}

.copy-code-wrap {
    background: none;
    border: none;
    text-align: right;
    width: 100%;
    height: 100%;
}

.copy-code-wrap>i {
    font-size: 1rem;
    color: white;
}

.copy-text-after>i {
    font-size: 0.75rem;
    color: white;
    opacity: 0;
}

.mac-bar {
    padding-left: 2px !important;
    overflow: hidden;
}

.code-control {
    background: none;
    border: none;
}

.code-control:hover {
    color: var(--bs-primary);
}

.copy-text-btn:hover {
    color: var(--bs-primary);
}


.page-link > i{
    font-size: auto;
    padding: 5px
}

.page-link > i:hover{
    font-size: auto;
    padding: 5px;
}


.card-header > .row > .code-nav > nav > .pagination {
    margin-bottom: 0;
}

.cm-s-liquibyte .cm-tab{
    text-decoration: none !important;
}