/*div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/

.bpmn-container {
    position: relative;
    width: 800px;
    height: 100%;
    overflow: hidden;
    background-color: black;
    display: flex;
    flex-direction:column;
    height: 400px;
    margin-top: 8px;
}
.bpmn-header {
    display: flex; 
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 3px;
    flex-wrap:wrap;
}

    .bpmn-header .logo {
        zoom:0.4;

    }

.bpmn-body
{
    display:block;
    flex-grow:1;
    overflow:hidden;
    height:100%;
    padding:0px;
    background:white
}
.bpmn-container-joint-js {
    display: flex;
    flex-direction: row;
    height: 100%;
    overflow: hidden;
}

.paper-div
{
}

#paper-container {
    flex-grow: 1;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    height: 100%;
    overflow: auto;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.joint-paper-scroller.joint-theme-bpmn
{
    height:100%;
    /*background:none;
    background-color:dimgray;*/
}

#inspector-container {
    position: relative;
    width: auto;
    height: 100%;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    border: none;
    flex-grow: 0;
    background: none;
    background:blue;
}

.joint-inspector.joint-theme-bpmn {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 320px;
    overflow: auto;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
}

    .joint-inspector.joint-theme-bpmn .group,
    .joint-inspector.joint-theme-bpmn .group.closed {
        padding: 10px;
    }

        .joint-inspector.joint-theme-bpmn .group > .group-label
        {
            left:unset;
            line-height:unset;
            height:unset;
        }





        /**/
        .joint-inspector.joint-theme-bpmn input[type=text] {
            width: 96%;
        }

    .joint-inspector.joint-theme-bpmn textarea {
        width: 100%;
        max-width: 250px;
        min-height: 100px;
    }
/**/

#stencil-container {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    height:48px;
    width:300px;
}

.joint-stencil.joint-theme-bpmn {
    border: none;
    zoom: 0.35;
}

.joint-stencil.joint-theme-bpmn .elements {
    background: none;
}


#toolbar-container {
    position: relative;
    height: auto;
    width: 100%;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    flex-grow: 0;
    flex-basis: 0;
}
.joint-toolbar.joint-theme-bpmn {
    zoom: 0.6;
    background: none;
    border: none;
}
div.joint-toolbar .joint-toolbar-group
{
    gap:8px;
}

#statusbar-container {
    position: relative;
    width: 100%;
    height: 14px;
    background: none;
    border: none;
    line-height: 14px;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    font-size: 8px;
    padding: 0 3px;
    display: flex;
    justify-content: flex-start;
    align-items:center;
    gap:3px;
}

    /*.statusbar-container-img,*/
    #statusbar-container img {
        content: url("../images/logo-small.png");
        float: unset;
        margin: 0;
        width:8px;
        height:8px
    }
.inspector-container-img {
    content: url("../images/logo-big.png");
}