.CodeMirror {
        height: 370px;
}

.form-horizontal .form-group pre#info {
    margin-top: 10px;
}

.form-horizontal .form-group div#editor, .form-horizontal .form-group div#validator, .form-horizontal .form-group div#completionTransformation {
    height: 350px;
    overflow: hidden;
    width: 100%;
}

.form-horizontal .form-group div#tab-two {
    height: 350px;
    overflow: hidden;
    width: 100%;
}

.form-horizontal .form-group a.has-success {
    color: #3c763d;
    font-weight: 700;
}

.form-horizontal .form-group a.has-error {
    color: #a94442;
    font-weight: 700;
}

.flow .row {
    margin-top: 10px;
}

.flow #editorValidation, .flow #editorTransition {
    height: 350px;
    overflow: hidden;
    width: 100%;
}

.flow select.empty, .flow pre.empty {
    background-color: rosybrown;
}

form[name="formUpload"] .row {
    margin-top: 10px;
}

.grayborder {
    border-radius: 5px;
    border: 2px solid gray;
    padding-left: -5px;
    padding-right: -5px;
    padding: 0 10px 10px 10px;
}

.ngCellText {
 white-space: normal;
}

/*Bpmn-js manual settings*/
.djs-context-pad .entry {
    width: auto; /*Fix for bpmn-js. Icons in context menu were overlapping*/
}

.bpmn-icon-space-tool, .bpmn-icon-data-object, .bpmn-icon-data-store, .bpmn-icon-participant {
    display: none !important; /*Hide not used icons*/
}

/*D3 tree graph*/
.d3-tree-graph .link {
    fill: none;
    stroke: #ccc;
    stroke-width: 2px;
}
.d3-tree-graph .node .icon{
    cursor: pointer;
    fill: #60aaed
}
.d3-tree-graph .node-selected .icon{
    cursor: pointer;
    fill: #295f89
}
/**/

.tooltip-inner {
    background-color: red;
}

.tooltip-arrow {
    border-bottom-color: red !important;
}

.tooltip.bottom .tooltip-arrow {
    top: 1px;
}

.note-tooltip .tooltip-inner {
    background-color: black;
    max-width: 400px;

}