.code-container {
        padding-right: 2px;
    }

    #view-fullscreen {
        margin-top: 2px;
    }

    #cancel-fullscreen {
        position: fixed;
        top: 5px;
        right: 5px;
        z-index: 999;
        display: none;
    }

    .fullscreen #cancel-fullscreen {
        display: block;
    }

    #code-editor {
        margin: 0;
        width: 100%;
        height: 550px;
        border: 1px solid #cccccc;
    }

    .ace_editor.ace_autocomplete {
        width: 400px !important;
    }

    .setting-display-input-layout {
        padding: 8px;
    }

/* Packages Styles */

    .version-display {
        margin-left: 12px;
    }

    .small-font {
        font-size: 11px;
    }

    #packages-list {
        width: 50%;
        border-spacing: 0;
        border-collapse: collapse;
    }

    #packages-list td {
        position: relative;
        padding: 10px 5px 10px 5px;
        border-top: 1px solid #dddddd;
    }

    #packages-list td:last-child     {
        border-right: 1px solid #ffffff;
    }

    #packages-list tr:last-child td {
        border-bottom: 1px solid #dddddd;
    }

    #packages-list .detail-container {
        position: absolute;
        width: 400px;
        min-height: 36px;
        top: -1px;
        right: -422px;
        padding: 10px;
        border: 1px solid #dddddd;
        background-color: #ffffff;
        display: none;
    }

    #packages-list .inner-detail-container {
        position: absolute;
        left: -1px;
        top: 0px;
        background-color: #ffffff;
        padding-top: 19px;
        padding-bottom: 19px;
    }

    .d-none {
        display: none !important;
    }