/**
 * color scheme: https://color.adobe.com/create/color-wheel/?base=2&rule=Complementary&selected=4&name=My%20Color%20Theme&mode=rgb&rgbvalues=0.17030891601918655,0.4058823529411765,0.023676470588235302,0.5171907756812364,1,0.21666666666666667,0.3215686274509804,0.7058823529411765,0.08235294117647059,0.39483604076295736,0,0.4058823529411765,0.6889126559717383,0.08235294117647061,0.7058823529411765&swatchOrder=0,1,2,3,4
 */
*
body,
html {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #444;
  height: 100%;
  padding: 0;
  margin: 0;
}
#canvas {
	height: 100%;
	padding: 0;
	margin: 0;
}
/**
 * bpmn + custom icon definitions
 */
@font-face {
  font-family: 'app';
  src: url(https://bpmn.52itstyle.vip/static/bpmn/css/static/media/app.af3dacd9.eot);
  src: url(https://bpmn.52itstyle.vip/static/bpmn/css/static/media/app.af3dacd9.eot#iefix) format('embedded-opentype'), url(data:font/woff;base64,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) format('woff'), url(./fonts/app.13499ad9.ttf) format('truetype'), url(https://bpmn.52itstyle.vip/static/bpmn/css/static/media/app.01f8f68a.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before,
[class*=" 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";
}
.icon-bpmn-io-logo:before {
  content: '\e800';
}
/* '' */
.icon-loading:before {
  content: '\f415';
}
/* '' */
.icon-picture:before {
  content: '\f416';
}
/* '' */
.icon-plus:before {
  content: '\f417';
}
/* '' */
.icon-plus-circled:before {
  content: '\f418';
}
/* '' */
.icon-minus:before {
  content: '\f419';
}
/* '' */
.icon-info:before {
  content: '\f41a';
}
/* '' */
.icon-download:before {
  content: '\f41b';
}
/* '' */
.icon-undo:before {
  content: '\f41c';
}
/* '' */
.icon-redo:before {
  content: '\f41d';
}
/* '' */
.icon-open:before {
  content: '\f41e';
}
/* '' */
.icon-size-reset:before {
  content: '\f41f';
}
/* '' */
.icon-comment:before {
  content: '\f420';
}
/* '' */
.icon-keyboard:before {
  content: '\f423';
}
/* '' */
.icon-resize-full:before {
  content: '\f425';
}
/* '' */
.icon-resize-small:before {
  content: '\f426';
}
/* '' */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.animate-pulsate {
  -webkit-animation: pulsate 1s infinite linear;
          animation: pulsate 1s infinite linear;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  display: inline-block;
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0.8;
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0.8;
  }
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0.8;
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0.8;
  }
}
/**
 * project logo
 */
.project-logo,
.project-logo a {
  color: #52B415 !important;
}
.content,
.content > div {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.content > .screen {
  text-align: center;
  display: table;
  font-size: 16px;
}
.content > .screen .note {
  vertical-align: middle;
  text-align: center;
  display: table-cell;
}
.content .error .details {
  max-width: 500px;
  font-size: 12px;
  margin: 20px auto;
  text-align: left;
  color: #BD2828;
}
.content .error .error-log {
  border: solid 1px #BD2828;
  background: #fdf6f6;
  color: #BD2828;
}
.content .error .error-log:hover {
  background: #fefafa;
}
body:not(.error) .screen.error,
body:not(.intro) .screen.intro,
body:not(.loading) .screen.loading {
  display: none;
}
body.loading,
body.intro {
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
body.loading.animate,
body.intro.animate {
  opacity: 1;
}
.screen.loading img {
  width: 48px;
}
.screen .project-logo {
  font-size: 120px;
}
.canvas {
  display: block;
}
body.shown .canvas,
body.loaded .canvas {
  display: block;
}
body.loaded .canvas svg {
  visibility: hidden;
}
body:not(.shown) .io-export,
body:not(.shown) .io-zoom-controls {
  display: none;
}
/** front page / drop zone */
.samples,
.message {
  max-width: 700px;
  margin: auto;
}
@media (max-width: 720px) {
  .samples,
  .message {
    margin: 20px;
  }
  .samples {
    margin-bottom: 60px;
  }
}
.message {
  padding: 40px;
  font-size: 20px;
}
.samples {
  margin-top: 80px;
  margin-bottom: 60px;
  opacity: 0.4;
  -webkit-transition: ease-in 0.1s;
  transition: ease-in 0.1s;
}
.samples:hover {
  opacity: 1;
}
.samples .sample {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  position: relative;
}
.samples .tryit {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
.samples .caption {
  font-size: 11px;
  color: #999;
}
.samples .img {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0px 4px #999;
          box-shadow: inset 0 0px 4px #999;
  padding: 5px;
  width: 100%;
}
.samples .sample > a {
  display: block;
}
/** widgets **/
.bjs-powered-by,
.cjs-powered-by,
.djs-powered-by,
.io-control {
  background: #FFF;
  border-radius: 2px;
  border: solid 1px #E0E0E0;
  padding: 5px;
}
.cjs-powered-by,
.bjs-powered-by {
  padding-bottom: 2px;
}
.close {
  font-size: 21px;
  font-weight: 700;
  text-shadow: 0 1px 0 #FFF;
  opacity: 0.2;
  line-height: 1;
  vertical-align: middle;
  margin-left: 5px;
}
.close:hover {
  opacity: 1;
}
.vr {
  height: 18px;
  display: inline-block;
  border-right: solid 1px #CCC;
}
a {
  color: #740076;
}
a:link {
  text-decoration: none;
}
a:hover {
  color: #a600a9;
}
.io-control-list {
  list-style: none;
  padding: 5px;
  margin: 0;
}
.io-control-list a,
.io-control-list a:visited,
.io-control-list button {
  padding: 0;
  outline: none;
  cursor: pointer;
  font-size: 22px;
  line-height: 26px;
  color: #555555;
  background: none;
  border: none;
}
.io-control-list a:hover,
.io-control-list a:visited:hover,
.io-control-list button:hover {
  color: #333333;
}
.io-control-list a.inactive,
.io-control-list a:visited.inactive,
.io-control-list button.inactive {
  color: #E0E0E0;
  cursor: default;
}
.io-control-list.io-horizontal,
.io-control-list.io-horizontal li {
  display: inline-block;
}
.io-control-list.io-horizontal a {
  padding: 2px;
  margin: 0 5px;
}
.io-control-list.io-horizontal button {
  margin: 0 5px;
}
.io-control hr {
  border: none;
  border-top: solid 1px #EEE;
}
.io-help,
.io-legal {
  position: fixed;
  -webkit-transition: ease-in 0.1s;
  transition: ease-in 0.1s;
}
.io-legal {
  right: 100px;
}
.io-help {
  right: 20px;
}
body.shown .io-legal {
  right: 165px;
}
body.shown .io-help {
  right: 85px;
}
.io-legal a {
  font-size: 14px;
  line-height: 30px;
}
.io-help button:hover,
.io-help a:hover,
.io-legal a:hover {
  background: #F0F0F0;
  border-radius: 2px;
}
.io-import-export {
  position: fixed;
  right: 20px;
}
.io-help,
.io-legal,
.io-import-export {
  top: 25px;
}
.io-import {
  margin-right: 10px;
}
.io-zoom-controls {
  width: auto;
  position: fixed;
  right: 20px;
  bottom: 90px;
}
.io-editing-tools {
  width: auto;
  position: fixed;
  right: 15px;
  top: 20px;
  display: none;
}
.io-editing-tools .io-control {
  margin-left: 10px;
}
.io-editing-tools .io-control button {
  margin: 0;
}
.io-zoom-reset {
  margin-bottom: 10px;
}
.io-import-export .inactive {
  opacity: 0.3;
}
/**
 * import warnings dialog
 */
.import-warnings .error-log {
  width: 100%;
}
/**
 * utilities
 */
.hidden {
  display: none;
}
/**
 * alerts
 */
.io-alerts {
  position: fixed;
  top: 20px;
  width: 450px;
  text-align: center;
  left: 50%;
  margin-left: -225px;
}
.io-alerts .alert {
  display: none;
  background: #FFFFDB;
  padding: 10px 20px;
  line-height: 20px;
  margin: 0 auto 10px;
}
.io-alerts .alert.open {
  display: inline-block;
}
.io-alerts .close {
  float: right;
}
.io-toggle-fullscreen {
  display: none;
}
.io-toggle-fullscreen.open {
  display: inline-block;
}
@media (max-width: 500px) {
  .io-alerts {
    width: 100%;
    text-align: center;
    left: 0;
    margin: 0;
  }
}
/**
 * dialogs
 */
.io-dialog {
  display: none;
}
.io-dialog.open {
  display: block;
}
.io-dialog.open:before {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #666;
  opacity: 0.2;
  z-index: 1001;
}
.io-dialog .content {
  position: fixed;
  width: 600px;
  left: 50%;
  margin-left: -300px;
  top: 100px;
  background: white;
  padding: 10px 30px 20px 30px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  height: auto;
  z-index: 1001;
}
.io-dialog .project-logo {
  position: absolute;
  bottom: 27px;
  right: 27px;
  width: 54px;
  height: 54px;
  font-size: 48px;
}
.keybindings-dialog .content {
  width: 450px;
  margin-left: -225px;
}
.keybindings-dialog .binding {
  padding: 5px 10px;
  font-family: monospace;
}
textarea.error-log {
  border: solid 1px #CCC;
  background: #F6F6F6;
  padding: 10px;
  margin: 10px auto;
  width: 100%;
  min-height: 150px;
  display: block;
}
textarea.error-log:hover {
  background: #f9f9f9;
}
@media (max-width: 600px) {
  .io-dialog .content {
    left: 20px;
    right: 20px;
    top: 20px;
    width: auto;
    margin: 0;
  }
}
:full-screen .icon-resize:before {
  content: '\e86e';
  /* see .icon-resize-small:before */
}
:-moz-full-screen .icon-resize:before {
  content: '\e86e';
  /* see .icon-resize-small:before */
}
:-ms-full-screen .icon-resize:before {
  content: '\e86e';
  /* see .icon-resize-small:before */
}
:-webkit-full-screen .icon-resize:before {
  content: '\e86e';
  /* see .icon-resize-small:before */
}
.icon-resize:before {
  content: '\e86d';
  /* see .icon-resize-full:before */
}
.icon-resize:before {
  content: '\e86d';
  /* see .icon-resize-full:before */
}
.icon-resize:before {
  content: '\e86d';
  /* see .icon-resize-full:before */
}
.icon-resize:before {
  content: '\e86d';
  /* see .icon-resize-full:before */
}
.drop-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 50px;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1000;
}
.drop-overlay .box {
  text-align: center;
  border: dashed 4px #CCC;
  height: 100%;
  width: 100%;
  display: table;
}
.drop-overlay .label {
  font-size: 26px;
  color: #888;
  margin: auto;
  display: table-cell;
  vertical-align: middle;
}