@charset "UTF-8";

#node-editor {
    border        : 5px double #358823;
    /*-webkit-border-image:*/
    /*-webkit-linear-gradient(black, darkgrey) 1 100%;*/

    border-radius : 10px;

    display       : none;
    position      : fixed;
    width         : 500px;
    z-index       : 101;
}

.node-editor-branch {
    padding: 1% 1%;
}

.node-editor-branch-delete-x {
    display: table-cell;
    color:   red;
}

.node-editor-branch-probability {
    float           : left;
    margin-top      : 1%;
    width           : 20%;
}

.node-editor-branch-probability-value {
    /* For some reason bootstrap .form-control #eeeeee overrides this if
    !important is not used */
    background-color: white !important;
    font-family     : Arial, Helvetica, sans-serif;
    font-size       : 1em;
    padding         : 3px 3px;
    text-align      : center;
}

.node-editor-branch-text {
    /* For some reason bootstrap .form-control #eeeeee overrides this if
    !important is not used */
    background-color: white !important;
    font-family   : Arial, Helvetica, sans-serif;
    font-size     : 1em;
}

.node-editor-status-text-warning {
    color: red;
}

#node-editor-top-button-bar {
    margin-bottom: 3%;
}

#node-editor-branch-control-template {
    display: none;
}

#node-editor-create-branch {
    margin-left: 60%;
}

#node-editor-close-button {
    border-radius : 10px;
    color         : grey;
    left          : 15px;
    padding       : 2px;
    position      : relative;
    top           : -50px;
}

#node-editor-endpoint-value {
    display: none;
    margin: 15px;
}

#node-editor-endpoint-value-text {
    background-color: white;
}

#node-editor-header {
    margin-bottom : 1%;
}

#node-editor-node-type-picker {
    display: none;
    margin-bottom: 15px;
}

#node-editor-status-text-warnings-list {
    list-style-type: none;
}

/* Node type picker button colors come from {Chance,Decision,Endpoint}NodeType.js files */

#node-type-picker-blank {
    background-color: lightgrey;
    color: black;
}

#node-type-picker-chance {
    background-color: blue;
    color: white;
}

#node-type-picker-decision {
    background-color: red;
    color: white;
}

#node-type-picker-endpoint {
    background-color: #eeeb22;
    color: black;
}