mida
Version:
Muiltiple Instance and Data Animator for BPMN models.
2,007 lines (1,918 loc) • 251 kB
CSS
@import 'font-awesome.min.css';
html, body, #canvas {
margin: 0;
width: 100%;
height: 100%;
font-family: "Arial", sans-serif;
}
.mida-overlay{
background-color: #bca100;
border-radius: 3px;
}
.bjs-container {
border: solid 4px transparent;
box-sizing: border-box;
}
.bjs-container.simulation {
border-color: #bfa100;
}
.bjs-container.simulation.paused {
border-color: #999;
}
.bjs-container.simulation.warning {
border-color: #cc0000 !important;
}
.context-pad {
cursor: pointer;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
margin: 0;
font-size: 16px;
color: rgba(0, 0, 0, 0.3);
transition: all 0.1s ease-in-out;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
}
.context-pad:not(.disabled):hover {
width: 40px;
background-color: #bfa100;
color: #fff;
}
.context-pad.disabled {
background-color: #FAFAFA;
color: #999;
pointer-events: none;
}
.context-pad.hidden {
display: none;
}
.context-pad [class^="bpmn-icon-"]:before, [class*=" bpmn-icon-"]:before {
margin: 0;
}
.token .text {
fill: #FFF;
font-family: 'Arial', sans-serif;
}
.token-count {
background-color: #E42217;
border-radius: 100%;
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
font-size: 16px;
color: #000;
user-select: none;
animation: jump 1s infinite;
animation-timing-function: ease;
position: relative;
top: 0;
}
.token-count.waiting {
background-color: #E42217;
}
.messageToken .text {
fill: #FFF;
font-family: 'Arial', sans-serif;
}
.messageToken-count {
background-color: #FAFAFA;
border-radius: 100%;
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
font-size: 16px;
color: #000;
user-select: none;
animation: jump 1s infinite;
animation-timing-function: ease;
position: relative;
top: 0;
}
.messageToken-count.waiting {
background-color: #FAFAFA;
}
@keyframes jump {
50% { top: 5px; }
}
.notifications {
position: absolute;
bottom: 20px;
left: 20px;
}
.notifications .notification {
background-color: #FAFAFA;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
padding: 4px 8px;
font-size: 16px;
color: #000;
user-select: none;
margin-top: 4px;
min-width: 300px;
}
.notifications .notification.info {
background-color: #FAFAFA;
color: #000;
}
.notifications .notification.success {
background-color: #bfa100;
color: #fff;
}
.notifications .notification.warning {
background-color: #cc0000;
color: #fff;
}
.notifications .notification .icon {
display: inline-flex;
justify-content: center;
margin-right: 8px;
min-width: 20px;
}
.notifications .notification .icon [class^="bpmn-icon-"]:before, [class*=" bpmn-icon-"]:before {
margin: 0;
}
.bjs-container.paused .play-pause.active {
color: #000;
background-color: #FAFAFA;
}
.element-notification {
background-color: #FAFAFA;
color: #000;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
height: 30px;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
padding: 0 6px 0 6px;
user-select: none;
}
.element-notification .fa,
.element-notification .text {
margin: 0 3px 0 3px;
}
.element-notification .text {
white-space: nowrap;
}
.element-notification.success {
background-color: #bfa100;
color: #FFF;
}
.element-notification.warning {
background-color: #cc0000;
color: #FFF;
}
.toggle-mode {
cursor: pointer;
position: absolute;
top: 20px;
left: 20px;
background-color: #FAFAFA;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
padding: 6px;
font-size: 16px;
color: #000;
user-select: none;
}
.bjs-container.simulation .toggle-mode,
.toggle-mode:hover {
background-color: #bfa100;
color: #fff;
}
.bjs-container .djs-palette {
border: none;
top: 60px;
}
.bjs-container.simulation .djs-palette {
display: none;
}
.bjs-container.simulation .djs-outline,
.bjs-container.simulation .djs-bendpoint,
.bjs-container.simulation .djs-segment-dragger,
.bjs-container.simulation .djs-resizer {
display: none !important;
}
.token-simulation-palette {
position: absolute;
top: 60px;
left: 20px;
}
.token-simulation-palette.hidden {
display: none;
}
.token-simulation-palette .entry {
cursor: pointer;
background-color: #FAFAFA;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
padding: 6px 0;
margin-bottom: 6px;
font-size: 16px;
color: #000;
user-select: none;
display: flex;
justify-content: center;
align-items: center;
width: 30px;
box-sizing: border-box;
transition: all 0.1s ease;
}
.token-simulation-palette .entry:last-child {
margin-bottom: 0;
}
.token-simulation-palette .entry:not(.disabled):hover {
width: 40px;
color: #FFF;
background-color: #bfa100;
}
.token-simulation-palette .entry.active {
color: #FFF;
background-color: #bfa100;
}
.token-simulation-palette .entry.disabled {
pointer-events: none;
color: #999;
}
.token-simulation-log {
position: absolute;
top: 128px;
bottom: 20px;
left: 20px;
right: 20px;
background-color: #FAFAFA;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
z-index: 10000;
overflow: hidden;
}
.token-simulation-log.hidden {
display: none;
}
.token-simulation-log .header {
background-color: #bfa100;
padding: 6px 8px;
color: #fff;
height: 30px;
box-sizing: border-box;
font-size: 16px;
}
.token-simulation-log .header .close {
float: right;
background: none;
border: none;
cursor: pointer;
color: #fff;
}
.token-simulation-log .header .fa-align-left {
cursor: pointer;
}
.token-simulation-log .content {
position: absolute;
overflow-y: auto;
box-sizing: border-box;
top: 30px;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
height: 90%
}
.token-simulation-log .content .entry {
font-size: 16px;
margin: 0 0 6px 0;
padding: 6px;
background: #FFF;
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
border-radius: 2px;
}
.token-simulation-log .content .entry.success {
background-color: #bfa100;
color: #FFF;
}
.token-simulation-log .content .entry.success .date,
.token-simulation-log .content .entry.warning .date {
color: #FAFAFA;
}
.token-simulation-log .content .entry.warning {
background-color: #cc0000;
color: #FFF;
}
.token-simulation-log .content .entry:last-child {
margin: 0;
}
.token-simulation-log .content .entry .date {
display: inline-block;
margin-right: 6px;
min-width: 120px;
color: #999;
}
.token-simulation-log .content .entry .icon {
display: inline-block;
margin-right: 6px;
min-width: 20px;
text-align: center;
}
.token-simulation-log .content .entry.placeholder.hidden {
display: none;
}
.process-instances {
position: absolute;
top: 20px;
left: 190px;
display: flex;
flex-direction: row;
}
.process-instances.hidden {
display: none;
}
.process-instances .process-instance {
border-radius: 100%;
width: 30px;
height: 30px;
font-size: 16px;
line-height: 30px;
text-align: center;
background-color: #FAFAFA;
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
margin-right: 10px;
cursor: pointer;
}
.dataPerspective .instanceData {
border-radius: 100%;
width: 30px;
height: 30px;
font-size: 16px;
line-height: 30px;
text-align: center;
background-color: #FAFAFA;
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
margin-right: 10px;
cursor: pointer;
}
.process-instances .process-instance.active {
background-color: #bfa100;
color: #FFF;
}
.dataPerspective .instnaceData.active {
background-color: #bfa100;
color: #FFF;
}
.djs-container.highlight {
background-color: #ecfbe3;
}
.set-animation-speed {
position: absolute;
bottom: 20px;
left: 50%;
transform: translate(-50%, 0);
font-size: 16px;
text-align: center;
background-color: #FAFAFA;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
cursor: pointer;
display: flex;
flex-direction: row;
align-items: center;
padding-left: 6px;
overflow: hidden;
}
.set-animation-speed .fa-tachometer {
margin-bottom: 2px;
}
.set-animation-speed.hidden {
display: none;
}
.set-animation-speed .animation-speed-buttons {
display: flex;
flex-direction: row;
}
.set-animation-speed .animation-speed-buttons {
margin-left: 6px;
}
.set-animation-speed .animation-speed-buttons .animation-speed-button {
padding: 6px;
width: 30px;
}
.set-animation-speed .animation-speed-buttons .animation-speed-button.active,
.set-animation-speed .animation-speed-buttons .animation-speed-button:hover {
background-color: #bfa100;
color: #fff;
}
.data-perspective-select {
cursor: pointer;
position: absolute;
bottom: 20px;
left: 120px;
background-color: #FAFAFA;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
padding: 6px;
font-size: 16px;
color: #000;
user-select: none;
}
.selectedData {
font-size: 12px;
}
.bjs-container.simulation .data-perspective-select
.data-perspective-select:hover {
background-color: #bfa100;
color: #fff;
}
.data-perspective {
cursor: pointer;
position: absolute;
top: 70px;
right: 0px;
background-color: #FAFAFA;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
padding: 6px;
font-size: 13px;
color: #000;
user-select: none;
height : 80%;
overflow: auto;
}
.data-perspective:hover{
background: #bfa100;
}
.panel-button {
width: auto;
user-select: none;
position: absolute;
top: 20px;
right: 120px;
color: #000;
display: block;
padding: 6px;
font-size: 16px;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0,0,0,0.3);
background-color: #FAFAFA;
text-decoration: none;
}
.panel-button:hover{
background: #bfa100;
}
.properties-panel-parent {
position: absolute;
top: 100px;
bottom: 15%;
right: 0;
width: 260px;
z-index: 10;
/*border-left: 1px solid #ccc;*/
overflow: auto;
&:empty {
display: none;
}
> .djs-properties-panel {
padding-bottom: 70px;
min-height:100%;
}
}
.bpp-properties-panel {
border: solid 2px #CCC;
/*height:100%;*/
}
.bpp-properties-group {
margin: 10px;
}
.bpp-properties-entry {
margin-bottom: 15px;
}
.bpp-properties-entry input.invalid,
.bpp-properties-entry textarea.invalid {
border-color: red;
background: rgb(255, 209, 209);
}
.bpp-properties-entry [data-invalid] {
color: red;
}
.bpp-hidden {
display: none;
}
.bpp-properties-combo-options {
}
.bpp-properties-combo-options-empty {
}
.bpp-listener-area {
border: 1px solid #ccc;
padding: 0.5em;
margin: 1em 2px;
}
.bpp-listener-area > h1 {
margin: -1em -0.5em 0;
}
.bpp-properties-static {
margin-bottom: 0px;
margin-top:0px;
border: 1px solid #ccc;
background-color: white;
padding: 1px 0px;
font: 13.3333px Arial;
width: 14%;
}
.bpp-properties-panel {
background-color: #f8f8f8;
position: relative;
}
.bpp-properties-panel:empty {
display: none;
}
.bpp-properties-panel label,
.bpp-properties-panel input {
vertical-align: middle;
}
.bpp-properties-panel input,
.bpp-properties-panel button,
.bpp-properties-panel textarea,
.bpp-properties-panel [contenteditable] {
padding: 3px 6px;
border: 1px solid #ccc;
}
.bpp-properties-panel input:focus,
.bpp-properties-panel button:focus,
.bpp-properties-panel textarea:focus,
.bpp-properties-panel [contenteditable]:focus {
outline: none;
border-color: #bfa100;
box-shadow: 0 0 1px 2px rgba(82, 180, 21, 0.2);
}
.bpp-properties-panel input.invalid,
.bpp-properties-panel button.invalid,
.bpp-properties-panel textarea.invalid,
.bpp-properties-panel [contenteditable].invalid {
background-color: #f4cecd;
border-color: #d9534f;
color: #c9302c;
border-color: #cc3333;
background: #f0c2c2;
}
.bpp-properties-panel input.invalid:focus,
.bpp-properties-panel button.invalid:focus,
.bpp-properties-panel textarea.invalid:focus,
.bpp-properties-panel [contenteditable].invalid:focus {
box-shadow: 0 0 1px 2px rgba(204, 51, 51, 0.2);
}
.bpp-properties-panel [type=text],
.bpp-properties-panel [contenteditable],
.bpp-properties-panel textarea,
.bpp-properties-panel select {
width: 100%;
}
.bpp-properties-panel [contenteditable],
.bpp-properties-panel textarea {
resize: vertical;
}
.bpp-properties-panel [contenteditable] {
outline: 0px solid transparent;
background-color: white;
overflow-y: auto;
white-space: pre-wrap;
/* css-3 */
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+ */
}
.bpp-properties-panel [disabled] {
color: #808080;
}
.bpp-properties-panel label {
font-weight: bolder;
display: inline-block;
vertical-align: middle;
color: #666;
margin-bottom: 3px;
}
.bpp-properties-panel label[for] {
cursor: pointer;
}
.bpp-properties-panel label.bpp-hidden {
display: none;
}
.bpp-properties-panel label[for] {
cursor: pointer;
}
.bpp-properties-panel label.cpp-hidden {
display: none;
}
.bpp-properties-panel .entry-label {
font-weight: bolder;
display: inline-block;
vertical-align: middle;
color: #666;
font-size: 120%;
margin-top: 5px;
margin-bottom: 10px;
transition: margin 0.218s linear;
font-style: italic;
}
.bpp-properties-panel .entry-label[for] {
cursor: pointer;
}
.bpp-properties-panel .entry-label.bpp-hidden {
display: none;
}
.bpp-properties-panel .entry-label[for] {
cursor: pointer;
}
.bpp-properties-panel .entry-label.cpp-hidden {
display: none;
}
.bpp-properties-panel .entry-label.divider {
border-top: 1px dotted #ccc;
padding-top: 8px;
margin-top: 16px;
width: 100%;
}
.bpp-properties-panel button {
position: absolute;
top: 0;
height: 23px;
width: 24px;
overflow: hidden;
cursor: pointer;
background-color: #f8f8f8;
border: 1px solid #ccc;
}
.bpp-properties-panel button > span {
display: none;
}
.bpp-properties-panel button:before {
font-family: "bpmn-js-pp";
font-family: "cmmn-js-pp";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
}
.bpp-properties-panel button.add:before {
content: '\E803';
}
.bpp-properties-panel button.clear:before {
content: '\E802';
}
.bpp-properties-panel button:hover {
color: #bfa100;
}
.bpp-properties-panel button > span {
display: none;
}
.bpp-properties-panel button:before {
font-family: "bpmn-js-pp";
font-family: "cmmn-js-pp";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
}
.bpp-properties-panel button.add:before {
content: '\E803';
}
.bpp-properties-panel button.clear:before {
content: '\E802';
}
.bpp-properties-panel button:hover {
color: #bfa100;
}
.bpp-error-message,
.bpp-error-message.bpp-entry-link {
margin-top: 5px;
color: #cc3333;
}
.bpp-row {
margin-top: 10px;
margin-bottom: 10px;
}
.bpp-row:first-of-type {
margin-top: 0;
}
.bpp-row:last-of-type {
margin-bottom: 0;
}
.bpp-textfield,
.bpp-textbox {
margin-bottom: 3px;
}
.bpp-radios-group {
list-style: none;
padding: 0;
margin: 0 0 9px 0;
}
.bpp-radios-group .bpp-radio-wrapper {
margin: 6px 0;
}
.bpp-radios-group input,
.bpp-radios-group label {
vertical-align: middle;
}
.bpp-radios-group input {
margin-top: 0;
margin-left: 0;
}
.bpp-radios-group input,
.bpp-checkbox input {
margin-left: 0;
}
.bpp-radios-group label:after,
.bpp-checkbox label:after {
display: none;
}
.bpp-textfield input {
padding-right: 28px;
}
.bpp-textfield .clear {
background: transparent;
border: none;
top: 0;
right: 0;
}
.bpp-combo-input {
margin-top: 7px;
}
.bpp-select select {
height: 23px;
}
.bpp-select button.add {
top: -22px;
right: 0;
}
.bpp-select button.add,
.bpp-element-list button.add,
.bpp-select button.clear,
.bpp-element-list button.clear {
top: -23px;
border-bottom: none;
}
.bpp-select button.add,
.bpp-element-list button.add {
right: 0px;
}
.bpp-select button.clear,
.bpp-element-list button.clear {
right: 23px;
}
.bpp-properties-entry {
margin-bottom: 9px;
}
.bpp-properties-entry .bpp-field-wrapper {
position: relative;
}
.bpp-properties-entry .bpp-field-wrapper input[readonly] + .clear {
display: none;
}
.bpp-properties-entry .bpp-field-wrapper select {
resize: vertical;
}
.bpp-hidden {
display: none;
}
label.bpp-hidden {
display: none;
}
.bpp-table-add-row > button {
position: relative;
margin-left: 10px;
}
.bpp-table {
margin-top: 10px;
}
.bpp-table-row {
margin-bottom: 2px;
overflow: hidden;
}
.bpp-table-row > input,
.bpp-table-row > button {
float: left;
}
.bpp-table-row > label {
padding-left: 5px;
}
.bpp-table-row > label.bpp-table-row-columns-1,
.bpp-table-row > input.bpp-table-row-columns-1 {
width: 100%;
}
.bpp-table-row > label.bpp-table-row-columns-1.bpp-table-row-removable,
.bpp-table-row > input.bpp-table-row-columns-1.bpp-table-row-removable {
width: calc(100% - 24px);
}
.bpp-table-row > label.bpp-table-row-columns-2,
.bpp-table-row > input.bpp-table-row-columns-2 {
width: 50%;
}
.bpp-table-row > label.bpp-table-row-columns-2.bpp-table-row-removable,
.bpp-table-row > input.bpp-table-row-columns-2.bpp-table-row-removable {
width: calc(50% - 12px);
}
.bpp-table-row > label.bpp-table-row-columns-2:nth-child(2),
.bpp-table-row > input.bpp-table-row-columns-2:nth-child(2) {
border-left: none;
}
.bpp-table-row > button {
border-left: none;
position: static;
}
.bpp-properties-static {
margin-bottom: 0;
margin-top: 0;
border: 1px solid #ccc;
background-color: white;
padding: 3px 6px;
font: 13.3333px Arial;
width: 100%;
}
.bpp-entry-link {
cursor: pointer;
color: #bfa100;
}
.bpp-icon-warning:before {
font-family: "bpmn-js-pp";
font-family: "cmmn-js-pp";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\E806';
}
.bpp-field-description {
margin-top: 5px;
color: #999;
}
.bpp-field-description a {
color: #3d8610;
text-decoration: none;
}
.bpp-field-description a:hover {
color: #bfa100;
}
.bpp-properties-header {
padding: 15px;
padding-bottom: 5px;
}
.bpp-properties-header > .label {
font-size: 120%;
font-weight: bolder;
}
.bpp-properties-header > .search {
display: none;
margin-top: 5px;
position: relative;
}
.bpp-properties-header > .search input {
position: relative;
border-radius: 15px;
width: 100%;
z-index: 1;
}
.bpp-properties-header > .search button {
position: absolute;
top: 0;
bottom: 0;
right: 0;
border: none;
background-color: transparent;
z-index: 2;
}
.bpp-properties-header > .search button:before {
content: '\E805';
}
.bpp-properties-group {
padding: 6px 15px 6px 15px;
position: relative;
max-height: 2000px;
overflow: hidden;
transition: max-height 0.218s ease-in-out, padding-top 0.218s ease-in-out, padding-bottom 0.218s ease-in-out;
}
.bpp-properties-group:empty {
display: none;
}
.bpp-properties-group > .group-toggle {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 4px;
cursor: pointer;
transition: background-color 0.218s linear;
}
.bpp-properties-group > .group-toggle:hover {
background-color: #8fc071;
}
.bpp-properties-group > .group-label {
font-weight: bolder;
display: inline-block;
vertical-align: middle;
color: #666;
font-size: 120%;
margin-top: 5px;
margin-bottom: 10px;
transition: margin 0.218s linear;
font-style: italic;
}
.bpp-properties-group > .group-label[for] {
cursor: pointer;
}
.bpp-properties-group > .group-label.bpp-hidden {
display: none;
}
.bpp-properties-group > .group-label[for] {
cursor: pointer;
}
.bpp-properties-group > .group-label.cpp-hidden {
display: none;
}
.bpp-properties-group:hover > .group-toggle {
background-color: #ccc;
}
.bpp-properties-group:hover > .group-toggle:hover {
background-color: #8fc071;
}
.bpp-properties-group.group-closed {
max-height: 20px;
border-top: none;
cursor: pointer;
background-color: rgba(143, 192, 113, 0.2);
padding-top: 0;
padding-bottom: 0;
}
.bpp-properties-group.group-closed > div {
visibility: hidden;
}
.bpp-properties-group.group-closed > .group-label {
margin-top: 2px;
margin-bottom: 2px;
}
.bpp-properties-group.group-closed:hover > .group-label {
color: #bfa100;
}
.bpp-properties-group + .bpp-properties-group {
border-top: 1px dotted #ccc;
}
.bpp-properties-group:last-child {
padding-bottom: 9px;
}
.cam-add-listener > button {
position: relative;
margin-left: 10px;
}
[data-list-entry-container] > .bpp-listener-area {
border: 1px solid #ccc;
margin: 10px 1px;
padding: 10px;
}
.bpp-listener-area {
position: relative;
}
.bpp-listener-area > button {
position: absolute;
right: 0;
top: 0;
border: none;
background: none;
}
.bpp-listener-area + .bpp-listener-area {
margin-top: 20px;
}
.bpp-properties-tab-bar {
border-bottom: 1px solid #ccc;
padding: 0 15px;
}
.bpp-properties-tab-bar .scroll-tabs-button {
cursor: pointer;
font-size: 16px;
padding: 3px 4px 3px 4px;
color: #666;
}
.bpp-properties-tab-bar .scroll-tabs-button:hover {
font-weight: bold;
}
.bpp-properties-tab-bar .scroll-tabs-button.scroll-tabs-left {
float: left;
margin-left: -15px;
}
.bpp-properties-tab-bar .scroll-tabs-button.scroll-tabs-right {
float: right;
margin-right: -15px;
}
.bpp-properties-tab-bar:not(.scroll-tabs-overflow) .scroll-tabs-button {
display: none;
}
ul.bpp-properties-tabs-links {
margin: 5px 0 -1px 0;
padding: 0;
white-space: nowrap;
overflow: hidden;
}
ul.bpp-properties-tabs-links > li {
display: inline-block;
margin: 0;
}
ul.bpp-properties-tabs-links > li.bpp-hidden {
display: none;
}
ul.bpp-properties-tabs-links > li > a {
display: inline-block;
font-size: 12px;
padding: 4px 7px;
border: 1px solid #ccc;
border-radius: 3px 3px 0 0;
border-bottom: transparent;
background-color: #f8f8f8;
color: #666;
text-decoration: none;
}
ul.bpp-properties-tabs-links > li > a:hover {
color: #4d4d4d;
}
ul.bpp-properties-tabs-links > li + li {
margin-left: 4px;
}
ul.bpp-properties-tabs-links > li.bpp-active a {
padding-bottom: 5px;
border-top: 2px solid #bfa100;
border-bottom: none;
}
.bpp-properties-tab,
.bpp-properties-tab.bpp-hidden {
display: none;
}
.bpp-properties-tab.bpp-active {
display: block;
}
.no-user-select {
-webkit-user-select: none;
}
/**
* default colors
*/
/**
* basic style definitions that determine overall look and feel
*/
* {
box-sizing: border-box;
}
body,
html {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
color: #444;
}
input,
keygen,
select,
textarea,
button {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
color: #444;
}
@font-face {
font-family: 'app';
src: url('../fonts/app.eot?99253374');
src: url('../fonts/app.eot?99253374#iefix') format('embedded-opentype'), url('../fonts/app.woff?99253374') format('woff'), url('../fonts/app.ttf?99253374') format('truetype'), url('../fonts/app.svg?99253374#bpmn-io') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bpmn';
src: url('../fonts/bpmn.eot?99253374');
src: url('../fonts/bpmn.eot?99253374#iefix') format('embedded-opentype'), url('../fonts/bpmn.woff?99253374') format('woff'), url('../fonts/bpmn.ttf?99253374') format('truetype'), url('../fonts/bpmn.svg?99253374#bpmn-io') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'cmmn';
src: url('../fonts/cmmn.eot?99253374');
src: url('../fonts/cmmn.eot?99253374#iefix') format('embedded-opentype'), url('../fonts/cmmn.woff?99253374') format('woff'), url('../fonts/cmmn.ttf?99253374') format('truetype'), url('../fonts/cmmn.svg?99253374#bpmn-io') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before,
[class^="bpmn-icon-"]:before,
[class*=" bpmn-icon-"]:before {
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "app";
}
[class^="bpmn-icon-"]:before,
[class*=" bpmn-icon-"]:before {
font-family: "bpmn";
}
[class^="cmmn-icon-"]:before,
[class*=" cmmn-icon-"]:before {
font-family: "cmmn";
}
.bpmn-icon-screw-wrench:before {
content: '\e800';
}
/* 'î €' */
.bpmn-icon-trash:before {
content: '\e801';
}
/* 'î ' */
.bpmn-icon-conditional-flow:before {
content: '\e802';
}
/* 'î ‚' */
.bpmn-icon-default-flow:before {
content: '\e803';
}
/* 'î ƒ' */
.bpmn-icon-gateway-parallel:before {
content: '\e804';
}
/* 'î „' */
.bpmn-icon-intermediate-event-catch-cancel:before {
content: '\e805';
}
/* 'î …' */
.bpmn-icon-intermediate-event-catch-non-interrupting-message:before {
content: '\e806';
}
/* 'î †' */
.bpmn-icon-start-event-compensation:before {
content: '\e807';
}
/* 'î ‡' */
.bpmn-icon-start-event-non-interrupting-parallel-multiple:before {
content: '\e808';
}
/* 'î ˆ' */
.bpmn-icon-loop-marker:before {
content: '\e809';
}
/* 'î ‰' */
.bpmn-icon-parallel-mi-marker:before {
content: '\e80a';
}
/* 'î Š' */
.bpmn-icon-start-event-non-interrupting-signal:before {
content: '\e80b';
}
/* 'î ‹' */
.bpmn-icon-intermediate-event-catch-non-interrupting-timer:before {
content: '\e80c';
}
/* 'î Œ' */
.bpmn-icon-intermediate-event-catch-parallel-multiple:before {
content: '\e80d';
}
/* 'î ' */
.bpmn-icon-intermediate-event-catch-compensation:before {
content: '\e80e';
}
/* 'î Ž' */
.bpmn-icon-gateway-xor:before {
content: '\e80f';
}
/* 'î ' */
.bpmn-icon-connection:before {
content: '\e810';
}
/* 'î ' */
.bpmn-icon-end-event-cancel:before {
content: '\e811';
}
/* 'î ‘' */
.bpmn-icon-intermediate-event-catch-condition:before {
content: '\e812';
}
/* 'î ’' */
.bpmn-icon-intermediate-event-catch-non-interrupting-parallel-multiple:before {
content: '\e813';
}
/* 'î “' */
.bpmn-icon-start-event-condition:before {
content: '\e814';
}
/* 'î ”' */
.bpmn-icon-start-event-non-interrupting-timer:before {
content: '\e815';
}
/* 'î •' */
.bpmn-icon-sequential-mi-marker:before {
content: '\e816';
}
/* 'î –' */
.bpmn-icon-user-task:before {
content: '\e817';
}
/* 'î —' */
.bpmn-icon-business-rule:before {
content: '\e818';
}
/* 'î ˜' */
.bpmn-icon-sub-process-marker:before {
content: '\e819';
}
/* 'î ™' */
.bpmn-icon-start-event-parallel-multiple:before {
content: '\e81a';
}
/* 'î š' */
.bpmn-icon-start-event-error:before {
content: '\e81b';
}
/* 'î ›' */
.bpmn-icon-intermediate-event-catch-signal:before {
content: '\e81c';
}
/* 'î œ' */
.bpmn-icon-intermediate-event-catch-error:before {
content: '\e81d';
}
/* 'î ' */
.bpmn-icon-end-event-compensation:before {
content: '\e81e';
}
/* 'î ž' */
.bpmn-icon-subprocess-collapsed:before {
content: '\e81f';
}
/* 'î Ÿ' */
.bpmn-icon-subprocess-expanded:before {
content: '\e820';
}
/* 'î ' */
.bpmn-icon-task:before {
content: '\e821';
}
/* 'î ¡' */
.bpmn-icon-end-event-error:before {
content: '\e822';
}
/* 'î ¢' */
.bpmn-icon-intermediate-event-catch-escalation:before {
content: '\e823';
}
/* 'î £' */
.bpmn-icon-intermediate-event-catch-timer:before {
content: '\e824';
}
/* 'î ¤' */
.bpmn-icon-start-event-escalation:before {
content: '\e825';
}
/* 'î ¥' */
.bpmn-icon-start-event-signal:before {
content: '\e826';
}
/* 'î ¦' */
.bpmn-icon-business-rule-task:before {
content: '\e827';
}
/* 'î §' */
.bpmn-icon-manual:before {
content: '\e828';
}
/* 'î ¨' */
.bpmn-icon-receive:before {
content: '\e829';
}
/* 'î ©' */
.bpmn-icon-call-activity:before {
content: '\e82a';
}
/* 'î ª' */
.bpmn-icon-start-event-timer:before {
content: '\e82b';
}
/* 'î «' */
.bpmn-icon-start-event-message:before {
content: '\e82c';
}
/* 'î ¬' */
.bpmn-icon-intermediate-event-none:before {
content: '\e82d';
}
/* 'î ' */
.bpmn-icon-intermediate-event-catch-link:before {
content: '\e82e';
}
/* 'î ®' */
.bpmn-icon-end-event-escalation:before {
content: '\e82f';
}
/* 'î ¯' */
.bpmn-icon-text-annotation:before {
content: '\e830';
}
/* 'î °' */
.bpmn-icon-bpmn-io:before {
content: '\e831';
}
/* 'î ±' */
.bpmn-icon-gateway-complex:before {
content: '\e832';
}
/* 'î ²' */
.bpmn-icon-gateway-eventbased:before {
content: '\e833';
}
/* 'î ³' */
.bpmn-icon-gateway-none:before {
content: '\e834';
}
/* 'î ´' */
.bpmn-icon-gateway-or:before {
content: '\e835';
}
/* 'î µ' */
.bpmn-icon-end-event-terminate:before {
content: '\e836';
}
/* 'î ¶' */
.bpmn-icon-end-event-signal:before {
content: '\e837';
}
/* 'î ·' */
.bpmn-icon-end-event-none:before {
content: '\e838';
}
/* 'î ¸' */
.bpmn-icon-end-event-multiple:before {
content: '\e839';
}
/* 'î ¹' */
.bpmn-icon-end-event-message:before {
content: '\e83a';
}
/* 'î º' */
.bpmn-icon-end-event-link:before {
content: '\e83b';
}
/* 'î »' */
.bpmn-icon-intermediate-event-catch-message:before {
content: '\e83c';
}
/* 'î ¼' */
.bpmn-icon-intermediate-event-throw-compensation:before {
content: '\e83d';
}
/* 'î ½' */
.bpmn-icon-start-event-multiple:before {
content: '\e83e';
}
/* 'î ¾' */
.bpmn-icon-script:before {
content: '\e83f';
}
/* 'î ¿' */
.bpmn-icon-manual-task:before {
content: '\e840';
}
/* 'î¡€' */
.bpmn-icon-send:before {
content: '\e841';
}
/* 'î¡' */
.bpmn-icon-service:before {
content: '\e842';
}
/* 'î¡‚' */
.bpmn-icon-receive-task:before {
content: '\e843';
}
/* '' */
.bpmn-icon-user:before {
content: '\e844';
}
/* 'î¡„' */
.bpmn-icon-start-event-none:before {
content: '\e845';
}
/* 'î¡…' */
.bpmn-icon-intermediate-event-throw-escalation:before {
content: '\e846';
}
/* '' */
.bpmn-icon-intermediate-event-catch-multiple:before {
content: '\e847';
}
/* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-escalation:before {
content: '\e848';
}
/* '' */
.bpmn-icon-intermediate-event-throw-link:before {
content: '\e849';
}
/* '' */
.bpmn-icon-start-event-non-interrupting-condition:before {
content: '\e84a';
}
/* 'î¡Š' */
.bpmn-icon-data-object:before {
content: '\e84b';
}
/* 'î¡‹' */
.bpmn-icon-script-task:before {
content: '\e84c';
}
/* '' */
.bpmn-icon-send-task:before {
content: '\e84d';
}
/* 'î¡' */
.bpmn-icon-data-store:before {
content: '\e84e';
}
/* 'î¡Ž' */
.bpmn-icon-start-event-non-interrupting-escalation:before {
content: '\e84f';
}
/* 'î¡' */
.bpmn-icon-intermediate-event-throw-message:before {
content: '\e850';
}
/* 'î¡' */
.bpmn-icon-intermediate-event-catch-non-interrupting-multiple:before {
content: '\e851';
}
/* 'î¡‘' */
.bpmn-icon-intermediate-event-catch-non-interrupting-signal:before {
content: '\e852';
}
/* 'î¡’' */
.bpmn-icon-intermediate-event-throw-multiple:before {
content: '\e853';
}
/* 'î¡“' */
.bpmn-icon-start-event-non-interrupting-message:before {
content: '\e854';
}
/* 'î¡”' */
.bpmn-icon-ad-hoc-marker:before {
content: '\e855';
}
/* 'î¡•' */
.bpmn-icon-service-task:before {
content: '\e856';
}
/* 'î¡–' */
.bpmn-icon-task-none:before {
content: '\e857';
}
/* 'î¡—' */
.bpmn-icon-compensation-marker:before {
content: '\e858';
}
/* '' */
.bpmn-icon-start-event-non-interrupting-multiple:before {
content: '\e859';
}
/* 'î¡™' */
.bpmn-icon-intermediate-event-throw-signal:before {
content: '\e85a';
}
/* 'î¡š' */
.bpmn-icon-intermediate-event-catch-non-interrupting-condition:before {
content: '\e85b';
}
/* 'î¡›' */
.bpmn-icon-participant:before {
content: '\e85c';
}
/* '' */
.bpmn-icon-event-subprocess-expanded:before {
content: '\e85d';
}
/* 'î¡' */
.bpmn-icon-lane-insert-below:before {
content: '\e85e';
}
/* 'î¡ž' */
.bpmn-icon-space-tool:before {
content: '\e85f';
}
/* 'î¡Ÿ' */
.bpmn-icon-connection-multi:before {
content: '\e860';
}
/* 'î¡ ' */
.bpmn-icon-lane:before {
content: '\e861';
}
/* 'î¡¡' */
.bpmn-icon-lasso-tool:before {
content: '\e862';
}
/* 'î¡¢' */
.bpmn-icon-lane-insert-above:before {
content: '\e863';
}
/* 'î¡£' */
.bpmn-icon-lane-divide-three:before {
content: '\e864';
}
/* '' */
.bpmn-icon-lane-divide-two:before {
content: '\e865';
}
/* 'î¡¥' */
.bpmn-icon-data-input:before {
content: '\e866';
}
/* '' */
.bpmn-icon-data-output:before {
content: '\e867';
}
/* '' */
.bpmn-icon-hand-tool:before {
content: '\e868';
}
/* '' */
.bpmn-icon-transaction:before {
content: '\e8c4';
}
/* '' */
.bpmn-icon-hand-tool:before {
content: '\e868';
}
/* '' */
.cmmn-icon-bpmn-io:before {
content: '\e800';
}
/* 'î €' */
.cmmn-icon-screw-wrench:before {
content: '\e801';
}
/* 'î ' */
.cmmn-icon-trash:before {
content: '\e802';
}
/* 'î ‚' */
.cmmn-icon-lasso-tool:before {
content: '\e803';
}
/* 'î ƒ' */
.cmmn-icon-space-tool:before {
content: '\e804';
}
/* 'î „' */
.cmmn-icon-hand-tool:before {
content: '\e805';
}
/* 'î …' */
.cmmn-icon-case-plan-model:before {
content: '\e806';
}
/* 'î †' */
.cmmn-icon-stage-expanded:before {
content: '\e807';
}
/* 'î ‡' */
.cmmn-icon-milestone:before {
content: '\e808';
}
/* 'î ˆ' */
.cmmn-icon-text-annotation:before {
content: '\e809';
}
/* 'î ‰' */
.cmmn-icon-task:before {
content: '\e80a';
}
/* 'î Š' */
.cmmn-icon-case-task:before {
content: '\e80b';
}
/* 'î ‹' */
.cmmn-icon-case-task-discretionary:before {
content: '\e80c';
}
/* 'î Œ' */
.cmmn-icon-decision-task:before {
content: '\e80d';
}
/* 'î ' */
.cmmn-icon-decision-task-discretionary:before {
content: '\e80e';
}
/* 'î Ž' */
.cmmn-icon-human-blocking-task:before {
content: '\e80f';
}
/* 'î ' */
.cmmn-icon-human-blocking-task-discretionary:before {
content: '\e810';
}
/* 'î ' */
.cmmn-icon-human-non-blocking-task:before {
content: '\e811';
}
/* 'î ‘' */
.cmmn-icon-human-non-blocking-task-discretionary:before {
content: '\e812';
}
/* 'î ’' */
.cmmn-icon-process-task:before {
content: '\e813';
}
/* 'î “' */
.cmmn-icon-process-task-discretionary:before {
content: '\e814';
}
/* 'î ”' */
.cmmn-icon-task-discretionary:before {
content: '\e815';
}
/* 'î •' */
.cmmn-icon-task-none:before {
content: '\e816';
}
/* 'î –' */
.cmmn-icon-entry-criterion:before {
content: '\e817';
}
/* 'î —' */
.cmmn-icon-exit-criterion:before {
content: '\e818';
}
/* 'î ˜' */
.cmmn-icon-case-file-item:before {
content: '\e819';
}
/* 'î ™' */
.cmmn-icon-connection:before {
content: '\e81a';
}
/* 'î š' */
.cmmn-icon-event-listener:before {
content: '\e81b';
}
/* 'î ›' */
.cmmn-icon-timer-event-listener:before {
content: '\e81c';
}
/* 'î œ' */
.cmmn-icon-user-event-listener:before {
content: '\e81d';
}
/* 'î ' */
.cmmn-icon-auto-complete-marker:before {
content: '\e81e';
}
/* 'î ž' */
.cmmn-icon-manual-activation-marker:before {
content: '\e81f';
}
/* 'î Ÿ' */
.cmmn-icon-repetition-marker:before {
content: '\e820';
}
/* 'î ' */
.cmmn-icon-blocking:before {
content: '\e821';
}
/* 'î ¡' */
.cmmn-icon-required-marker:before {
content: '\e822';
}
/* 'î ¢' */
.cmmn-icon-plan-fragment-collapsed-discretionary:before {
content: '\e823';
}
/* 'î £' */
.cmmn-icon-plan-fragment-expanded-discretionary:before {
content: '\e824';
}
/* 'î ¤' */
.cmmn-icon-stage-collapsed:before {
content: '\e825';
}
/* 'î ¥' */
.cmmn-icon-stage-collapsed-discretionary:before {
content: '\e826';
}
/* 'î ¦' */
.cmmn-icon-stage-expanded-discretionary:before {
content: '\e827';
}
/* 'î §' */
.icon-align-bottom-tool:before {
content: '\e800';
}
/* 'î €' */
.icon-align-left-tool:before {
content: '\e801';
}
/* 'î ' */
.icon-align-horizontal-center-tool:before {
content: '\e802';
}
/* 'î ‚' */
.icon-align-right-tool:before {
content: '\e803';
}
/* 'î ƒ' */
.icon-align-top-tool:before {
content: '\e804';
}
/* 'î „' */
.icon-distribute-horizontally-tool:before {
content: '\e806';
}
/* 'î †' */
.icon-distribute-vertically-tool:before {
content: '\e807';
}
/* 'î ‡' */
.icon-align-vertical-center-tool:before {
content: '\e808';
}
/* 'î ˆ' */
.icon-set-color-tool:before {
content: '\e80b';
}
/* 'î ‹' */
.icon-map:before {
content: '\f278';
}
/* '' */
.icon-loading:before {
content: '\f3b8';
}
/* '' */
.icon-menu:before {
content: '\f3b9';
}
/* '' */
.icon-plus:before {
content: '\f3ba';
}
/* '' */
.icon-minus:before {
content: '\f3bb';
}
/* '' */
.icon-picture:before {
content: '\f3bc';
}
/* '' */
.icon-new:before {
content: '\f3bd';
}
/* '' */
.icon-open:before {
content: '\f3be';
}
/* '' */
.icon-undo:before {
content: '\f3bf';
}
/* '' */
.icon-redo:before {
content: '\f3c0';
}
/* 'ï€' */
.icon-size-reset:before {
content: '\f3c1';
}
/* 'ï' */
.icon-properties:before {
content: '\f3c2';
}
/* 'ï‚' */
.icon-save-normal:before {
content: '\f422';
}
/* 'ï¢' */
.icon-save-as:before {
content: '\f423';
}
/* 'ï£' */
.log .header {
margin-right: 5px;
text-align: right;
}
.log .log-button {
display: inline-block;
border: solid 1px #ccc;
border-radius: 2px;
padding: 4px;
margin-right: 8px;
cursor: default;
-webkit-user-select: none;
}
.log .log-button:hover {
background: #F8F8F8;
}
.log .log-button:last-child {
margin-right: 0;
}
.log .log-button-container {
display: inline-block;
}
.log .log-button-toggle {
padding: 4px 10px;
margin-right: 0;
}
.log .separator {
background: #CCC;
width: 1px;
box-shadow: 0 0 1px #EEE;
height: 24px;
margin: 0 10px;
display: inline-block;
vertical-align: bottom;
}
.log > .resize-handle {
-webkit-user-select: none;
margin-top: 2px;
padding-top: 3px;
cursor: ns-resize;
}
.log > .resize-handle:before {
content: '';
height: 1px;
background: #CCC;
display: block;
}
.log > .entries {
font-size: 13px;
font-family: monospace;
white-space: pre-wrap;
background: #FCFCFC;
overflow: auto;
padding: 5px;
}
.log > .entries > .entry {
padding: 0 5px;
}
.empty-tab {
align-self: center;
width: 600px;
max-width: 100%;
text-align: center;
}
.empty-tab h1 {
font-weight: normal;
margin-bottom: 2em;
}
.empty-tab p button {
margin: 0.5em;
padding: 0.5em;
}
@font-face {
font-family: 'bpmn-js-pp';
src: url("data:;base64,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");
src: url("data:;base64,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