@font-face{
    font-family: 'Trade Gothic LT Std';
    src: url("webfonts/tradegothicltstd-bdcn20.woff") format('woff'),
        url("webfonts/tradegothicltstd-bdcn20.woff2") format('woff2'),
        url("webfonts/tradegothicltstd-bdcn20.eot"),
        url("webfonts/tradegothicltstd-bdcn20.eot#iefix") format('embedded-opentype'),
        url("webfonts/tradegothicltstd-bdcn20.ttf") format('truetype');
    font-display: block;
    font-weight: bold;
    font-style: normal;
}

.navbar
{
    background: -webkit-linear-gradient(-34deg, rgb(0, 181, 177) 0%, rgb(0, 130, 186) 28%, rgb(0, 81, 149) 100%);
}

.navbar-brand {
    font-family: "Trade Gothic LT Std", Verdana, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5em;
    padding-top: 10px;
}

.CodeMirror {
    border: 1px solid #eee;
}

#container-editor {
    display: flex;
    flex-direction: row;
    overflow: hidden;
}

#editor-editor {
    flex: 0 0 auto;
    padding: 10px;
    width: 1000px;
    min-height: 200px;
    min-width: 200px;
    max-width: 80%;
    white-space: nowrap;
    border: 0 !important;
    border-right: 3px solid rgb(243, 243, 243) !important;
}

#editor-splitter {
    flex: 0 0 auto;
    width: 18px;
    background:#535353;
    min-height: 200px;
    cursor: col-resize;
}

#editor-result-container {
    flex: 1 1 auto;
    padding: 10px;
    width: 100%;
    min-height: 200px;
    min-width: 200px;
}

.editor-result {
    overflow-y: auto;
    height: 1000px;
}

.editor-result-container > .ajax_spinner {
    display: none;
    width: 64px;
    height: 64px;
    background: url('/static/images/spinner.gif');
    float: right;
}

#editor-result {
    padding: 15px;
}

.editor-result-success {
    background: rgb(225, 255, 225);
}

.editor-result-fail {
    background: rgb(255, 237, 237);
}

.editor-rightbar {
    height: 40px;
    line-height: 40px;
    float: right;
}

.icon-green {
    color: rgb(54, 223, 54);
}

.icon-red {
    color: rgb(223, 95, 95);
}

.icon-grey {
    color: rgb(167, 167, 167);
}

.editor-result-tab-content {
    margin-top: 10px;
    font-size: 0.8em;
}