/* Main */
.btn-ex-add {
    color: #696969 !important;
}

.expedit-loading {
    width: 16px;
    height: 11px;
    margin-top: 3px;
    background: transparent url('data:image/gif;base64,R0lGODlhEAALAPQAAP///wAAANra2tDQ0Orq6gYGBgAAAC4uLoKCgmBgYLq6uiIiIkpKSoqKimRkZL6+viYmJgQEBE5OTubm5tjY2PT09Dg4ONzc3PLy8ra2tqCgoMrKyu7u7gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA') no-repeat left top;
}

.popover {
    min-width: 500px;
    /*left:0 !important;*/
    top: 25% !important;
    left: 25% !important;
}

.popover-content {
    padding: 9px;
}

.expression-modal .modal-header {
    padding: 10px 15px;
}

span.expression {
    border: 1px solid transparent;
    position: relative;
}

    span.expression > span.btn-edit {
        position: absolute;
        top: -3px;
        right: -24px;
        display: none;
    }

span.ex-edit {
    border: 1px solid #000;
}

    span.ex-edit > .btn-edit {
        display: block !important;
    }

div.highlight {
    padding: 9px;
    margin-bottom: 14px;
    background-color: #f7f7f9;
    border: 1px solid #ccc;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

div.highlight pre {
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
        -moz-word-break: normal;
        -o-word-break: normal;
        -ms-word-break: normal;
        word-break: normal;
        -ms-word-wrap: normal;
        word-wrap: normal;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
        overflow: visible;
    }

    div.highlight pre code {
        font-size: inherit;
        color: #333;
    }

        div.highlight pre code:first-child {
            display: inline-block;
            padding-right: 45px;
        }

span.p,
span.s,
span.k,
span.o,
span.nx,
span.kc,
span.kd {
    padding: 2px 0;
    cursor: default;
}

.hll {
    background-color: #ffc;
}

.s {
    color: #d44950;
}

.s1 {
    color: #C30;
}

.o {
    color: #555;
}

.kc {
    color: #007FFF;
}

.k, .kd, .kc.return {
    color: #0000FF;
}

.nx {
    color: #05ABAB;
}

.nx.ma {
    color: #FF00D4;
}

.c1 {
    color: #999;
}

/* Popover */
.expressio-edit {
    width: 478px;
}

    .expressio-edit .popover-content {
        padding: 6px;
    }

    .expressio-edit ul li:hover {
        background-color: #f7f7f7;
    }

    .expressio-edit ul.list-group {
        margin-top: 4px;
        margin-bottom: 0;
        overflow-y: auto;
        max-height: 160px;
    }

        .expressio-edit ul.list-group .list-group-item {
            padding: 6px;
            cursor: pointer;
        }

    .expressio-edit .not-found {
        margin-top: 10px;
        color: #8A6D3B;
        background-color: #FCF8E3;
        border: 2px solid #EFE1B3;
    }

    .expressio-edit .input-group-btn {
        width: 1% !important;
    }

    .expressio-edit .input-search {
        width: 100%;
    }

        .expressio-edit .input-search input[type="text"] {
            height: 35px;
            font-size: 14px;
        }

    .expressio-edit .input-constant {
        width: 100%;
    }

        .expressio-edit .input-constant textarea {
            width: 100% !important;
            height: 100px;
            margin-bottom: 5px !important;
        }

        .expressio-edit .input-constant .controls {
            text-align: right;
        }

    .expressio-edit .input-cell {
        padding-left: 15px;
        padding-right: 15px;
    }

        .expressio-edit .input-cell .clipboard {
            width: 100% !important;
            min-height: 150px;
            font-size: 12px;
            background-color: #fff !important;
            font-family: "Courier New";
            cursor: text !important;
        }

    .expressio-edit .command-cell {
        text-align: right;
    }

.input-help {
    position: absolute;
    left: 500px;
    top: 0;
}

    .input-help .panel-info > .panel-heading {
        padding: 7px 10px;
    }

    .input-help .panel-body {
        font-size: 12px;
        padding: 10px;
    }

.row.list-container {
    margin-bottom: 5px;
}

/* Help */
.help {
    width:500px;
    color: #333;
}

    .help pre {
        white-space: pre-wrap; /* Since CSS 2.1 */
        white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        word-wrap: break-word; /* Internet Explorer 5.5+ */
    }

    .help .type {
        margin-top: 5px;
    }

    .help .description {
        -moz-word-break: normal;
        -o-word-break: normal;
        -ms-word-break: normal;
        word-break: normal;
        font-weight: 400;
    }

    .help .panel-title {
        font-size: 12px;
    }

.arrow {
    left: 39% !important;
}

.popover.bottom .arrow {
    visibility: hidden;
}


.k-widget.k-tooltip {
    background-color: #f5f5f5 !important;
    color: #000;
    font-weight: normal;
}

.k-tooltip-content {
    text-align: left;
}

.k-grid-content {
    max-height: 430px;
}
/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 10px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #000;
    }