@import 'node_modules/jquery.terminal/css/jquery.terminal';
// @import 'node_modules/codemirror/lib/codemirror';
// @import 'node_modules/codemirror/addon/dialog/dialog';
// @import 'node_modules/codemirror/addon/display/fullscreen';
// @import 'node_modules/codemirror/theme/monokai';

#terminal-shell {
    padding: 10px 10px !important;
    min-width: 480px;
}

.terminal-panel {
    padding: 10px 10px !important;
    color: rgb(170, 170, 170) !important;
    font-family: monospace !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    font-size: 12px;
    overflow: hidden;

    a {
        color: #0f60ff !important;

        &:hover {
            color: red !important;
            text-decoration: underline !important;
        }
    }

    .prompt {
        span {
            float: left !important;
        }
    }

    .clipboard {
        position: absolute !important;
        left: -16px !important;
        top: 0 !important;
        width: 20px !important;
        height: 16px !important;
        opacity: 0.01 !important;
        filter: alpha(opacity=0.01) !important;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.01) !important;
        background: transparent !important;
        border: none !important;
        color: transparent !important;
        outline: none !important;
        padding: 0 !important;
        resize: none !important;
        z-index: 0 !important;
        overflow: hidden !important;
        white-space: pre !important;
    }
}

// .terminal-output {
//     span {
//         line-height: calc(var(--size, 1) * 15px);
//     }
// }

.CodeMirror-fullscreen {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 50000 !important;

    .cm-editor {
        height: 100%;
    }

    .cm-panels-bottom {
        overflow: hidden;
    }
}