/* wf-scheme */
.wf-scheme { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: auto;
             -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
             white-space: nowrap; }

/* Layers */
.wf-scheme .wf-graphics { position: absolute; z-index: 1; left: 0; top: 0; }
.wf-scheme .wf-stages { position: relative; z-index: 2; }

/* history-tag */
.wf-scheme .history-tag { position: absolute; left: 3px; top: 4px; width: 4px; height: 4px; background-color: #15C23C;
                          -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Icons */
.wf-scheme .wf-icon { display: inline-block; position: relative; }
.wf-scheme .wf-icon .icon { display: inline-block; width: 16px; height: 16px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; }
.wf-scheme .wf-icon:hover .icon {background-position: -16px 0; }
.wf-scheme .wf-icon.wf-element-condition .icon  { background-image: url(../media/icons/condition2.png); }
.wf-scheme .wf-icon.wf-element-validation .icon  { background-image: url(../media/icons/approval2.png); }
.wf-scheme .wf-icon.wf-element-notification .icon  { background-image: url(../media/icons/notify2.png); }
.wf-scheme .wf-icon.wf-element-email .icon  { background-image: url(../media/icons/message2.png); }
.wf-scheme .wf-icon.wf-element-history .icon  { background-image: url(../media/icons/history2.png); }
.wf-scheme .wf-icon.wf-element-print .icon  { background-image: url(../media/icons/print2.png); }
.wf-scheme .wf-icon.wf-element-timer .icon  { background-image: url(../media/icons/alarm_clock2.png); }
.wf-scheme .wf-icon.wf-element-form .icon  { background-image: url(../media/icons/form2.png); }
.wf-scheme .wf-icon.wf-element-auto .icon  { background-image: url(../media/icons/flash_auto2.png); }
.wf-scheme .wf-icon .history-tag { left: 0; top: 0; }


/* Stage */
.wf-scheme .wf-stage { display: inline-block; vertical-align: top; white-space: normal; width: 270px; border-right: 1px dashed #323232;
                       -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.wf-scheme .wf-stage > .head { position: relative; overflow: hidden; height: 78px; padding: 20px; border-bottom: 2px solid #323232;
                               -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
                               font-size: 14px; line-height: 17px; }
.wf-scheme .wf-stage > .head .title label { font-style: italic; margin-right: 7px; }
.wf-scheme .wf-stage > .head .title .text { font-weight: 700; }
.wf-scheme .wf-stage > .content { padding: 30px 40px; }
.wf-scheme .wf-stage:hover > .head { color: #3498db; }
.wf-scheme .wf-stage > .head:hover .cmd-ide  { visibility: visible; }
.wf-scheme .wf-stage > .head:hover .cmd-ide:hover { opacity: 1; }

/* View */
.wf-scheme .wf-view { border: 1px solid #323232; margin-bottom: 30px;
                      -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.wf-scheme .wf-view > .head { position: relative; padding: 10px 0 5px; border-bottom: 1px solid #323232; background: #f7f7f7;
                               -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
                               font-size: 12px; line-height: 14px; }
.wf-scheme .wf-view > .head .status-tag { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 5px; }
.wf-scheme .wf-view.status-active > .head .status-tag { background: #3498db; }
.wf-scheme .wf-view.status-passed > .head .status-tag { background: #999; }
.wf-scheme .wf-view > .head .tooltip-tag { position: absolute; z-index: 3; right: 0; top: 0; width: 7px; height: 7px; background: transparent url(../media/tooltip-tag.png) 0 0 no-repeat; }
.wf-scheme .wf-view > .head .title { position: relative; padding: 0 10px; margin-bottom: 5px; }
.wf-scheme .wf-view > .head .title label { font-style: italic; margin-right: 7px; }
.wf-scheme .wf-view > .head .title .text { font-weight: 700; }
.wf-scheme .wf-view > .head .icons-bar { padding: 0 10px; }
.wf-scheme .wf-view > .head .wf-icon { margin-right: 10px; }
.wf-scheme .wf-view > .head:hover { color: #3498db; }
.wf-scheme .wf-view.highlight-target > .head { color: #3498db; }
.wf-scheme .wf-view.has-concentrator > .head { padding-left: 15px; }
.wf-scheme .wf-view > .head .wf-concentrator { position: absolute; z-index: 2; left: 0; top: 0; width: 19px; height: 100%; }
.wf-scheme .wf-view > .head .wf-concentrator .icon { position: absolute; left: 2px; top: 50%; margin-top: -7px; width: 15px; height: 15px; background: transparent url(../media/concentrator.png) 0 0 no-repeat; }
.wf-scheme .wf-view > .head .wf-concentrator.hover .icon { background-position-x: -15px; }
.wf-scheme .wf-view > .head:hover .cmd-ide  { visibility: visible; }
.wf-scheme .wf-view > .head:hover .cmd-ide:hover { opacity: 1; }

/* Action */
.wf-scheme .wf-action { border-top: 1px dashed #323232; }
.wf-scheme .wf-action:first-child { padding-top: 0; border-top: none; }
.wf-scheme .wf-action > .head { position: relative; padding: 10px 0 5px; font-size: 12px; line-height: 14px; }
.wf-scheme .wf-action > .head .tooltip-tag { position: absolute; z-index: 2; right: 0; top: 0; width: 7px; height: 7px; background: transparent url(../media/tooltip-tag.png) 0 0 no-repeat; }
.wf-scheme .wf-action > .head .title { position: relative; padding: 0 10px; }
.wf-scheme .wf-action > .head .title label { font-style: italic; margin-right: 7px; }
.wf-scheme .wf-action > .head .title .text { font-weight: 700; }
.wf-scheme .wf-action.hover > .head { color: #3498db; }
.wf-scheme .wf-action > .content { padding: 0 10px 5px; }
.wf-scheme .wf-action .wf-icon { margin-right: 10px; }
.wf-scheme .wf-action > .head:hover .cmd-ide  { visibility: visible; }
.wf-scheme .wf-action > .head:hover .cmd-ide:hover { opacity: 1; }

/* wf-actions-button */
.wf-actions-button { cursor: pointer; }
.workspace-tools-pane .wf-actions-button  { margin-right: 0; }
.wf-actions-button .image { padding: 0; width: 24px; height: 24px; background: transparent url(../media/approve2.png) 0 0 no-repeat; }
.wf-actions-button:hover .image { background-position: -24px 0; }

/* wf-tooltip */
.wf-tooltip .tooltip-tabs { border-collapse: collapse; border-spacing: 0; border: none; }
.wf-tooltip .definition-tab { float: left; min-width: 250px; max-width: 350px; }
.wf-tooltip .definition-tab > .head { font-size: 14px; line-height: 20px; font-weight: 700; margin-bottom: 5px; }
.wf-tooltip .history-tab { float: left; min-width: 250px; max-width: 350px; }
.wf-tooltip .history-tab > .head { font-size: 14px; line-height: 20px; font-weight: 700; margin-bottom: 5px; }
.wf-tooltip .sep-tab { float: left; width: 1px; min-height: 1px; margin: 0 10px; }
.wf-tooltip .sep-tab > div { position: absolute; width: 1px; top: 10px; bottom: 10px; background: #aaa; }
.wf-tooltip .history { max-height: 300px; overflow: auto; }
.wf-tooltip .history .item { margin-bottom: 15px; }
.wf-tooltip .history .item > .head { color: #777; font-size: 11px; line-height: 13px; }
.wf-tooltip .history .item > .head .time { display: inline; margin-right: 10px; font-style: italic; }
.wf-tooltip .history .item > .head .contact { display: inline; font-style: italic; }
.wf-tooltip .history .item > .head .action label { font-style: italic; margin-right: 7px; }
.wf-tooltip .history .item > .head .action .text { font-weight: 700; }
.wf-tooltip .history .item > .desc { white-space: pre-wrap; }


/* wf-scheme2 */
.workspace-details-pane .wf-scheme2 { position: static; }
.workspace-details-pane .wf-scheme2 > .content  { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: auto; }
.workspace-details-pane .wf-scheme2.has-head > .content  { top: 50px; }
.wf-scheme2 .tools { margin-bottom: 0; position: relative; z-index: 2; padding-top: 10px; }
.wf-scheme2 .tools .field.formatting { height: auto; margin-top: 3px; }
.wf-scheme2 .wf-stages { position: relative; z-index: 2; }
.wf-scheme2 .wf-graphics { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; }
.wf-scheme2 .graphics-workspace { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; }


/* history-tag */
.wf-scheme2 .history-tag { position: absolute; left: 3px; top: 4px; width: 4px; height: 4px; background-color: #15C23C;
                          -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Icons */
.wf-scheme2 .wf-icon { display: inline-block; position: relative; }
.wf-scheme2 .wf-icon .icon { display: inline-block; width: 16px; height: 16px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; }
.wf-scheme2 .wf-icon:hover .icon {background-position: -16px 0; }
.wf-scheme2 .wf-icon.wf-element-condition .icon  { background-image: url(../media/icons/condition2.png); }
.wf-scheme2 .wf-icon.wf-element-validation .icon  { background-image: url(../media/icons/approval2.png); }
.wf-scheme2 .wf-icon.wf-element-notification .icon  { background-image: url(../media/icons/notify2.png); }
.wf-scheme2 .wf-icon.wf-element-email .icon  { background-image: url(../media/icons/message2.png); }
.wf-scheme2 .wf-icon.wf-element-history .icon  { background-image: url(../media/icons/history2.png); }
.wf-scheme2 .wf-icon.wf-element-print .icon  { background-image: url(../media/icons/print2.png); }
.wf-scheme2 .wf-icon.wf-element-timer .icon  { background-image: url(../media/icons/alarm_clock2.png); }
.wf-scheme2 .wf-icon.wf-element-form .icon  { background-image: url(../media/icons/form2.png); }
.wf-scheme2 .wf-icon.wf-element-auto .icon  { background-image: url(../media/icons/flash_auto2.png); }
.wf-scheme2 .wf-icon .history-tag { left: 0; top: 0; }

.wf-scheme2 .image-element { width: 16px; height: 16px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat;
                            font-family: FontAwesome; font-size: 14px; font-style: normal; font-weight: normal; line-height: 16px; text-align: center;
                            -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.image-element.element-op_app_setcommonfield { background-image: url(../media/set-field-16.png); background-position: center -16px; }
.image-element.element-op_app_setcontentfield { background-image: url(../media/set-field-16.png); background-position: center -16px; }
.image-element.element-op_workflow_init { background-image: url(../media/play-16.png); background-position: center -16px; }
.image-element.element-op_workflow_setvar { background-image: url(../media/set-field-16.png); background-position: center -16px; }
.image-element.element-op_workflow_addacl { background-image: url(../media/add-user-group-man-man.png); background-position: 0 0; }
.image-element.element-op_workflow_history { background-image: url(../media/order-history-16.png); background-position: center -16px; }
.image-element.element-op_workflow_setview { background-image: url(../media/assign-view-16.png); background-position: center -16px; }
.image-element.element-op_workflow_form { background-image: url(../media/form-16.png); background-position: center -16px; }
.image-element.element-op_workflow_sla_starttimer { background-image: url(../media/time-16.png); background-position: 0 -16px; }
.image-element.element-op_workflow_sla_pausetimer { background-image: url(../media/time-16.png); background-position: 0 -16px; }
.image-element.element-op_workflow_sla_stoptimer { background-image: url(../media/time-16.png); background-position: 0 -16px; }
.image-element.element-op_email_create { background-image: url(../media/email_x16.png); background-position: 0 -16px; }
.image-element.element-op_messages_send { background-image: url(../media/email_x16.png); background-position: 0 -16px; }
.image-element.element-condition { background-image: url(../media/source-code.png); background-position: 0 0; }
.image-element.element-sla { background-image: url(../media/time-16.png); background-position: 0 -16px; }
.image-element.element-action-auto { background-image: url(../media/flash-auto-16.png); background-position: 0 -16px; }

/*.grid .items .col .image-element.element-op_app_setcommonfield { background-image: url(../media/set-common-field-16_GB.png); background-position: 0 0; }*/
/*.grid .items .col .image-element.element-op_app_setcontentfield { background-image: url(../media/set-content-field-16_GB.png); background-position: 0 0; }*/
/*.grid .items .col .image-element.element-op_workflow_addacl { background-image: url(../media/add-user-group-16_GB.png); background-position: 0 0; }*/
/*.grid .items .col .image-element.element-op_workflow_history { background-image: url(../media/write-history-16_GB.png); background-position: 0 0; }*/
/*.grid .items .col .image-element.element-op_workflow_setview { background-image: url(../media/Assign_View_16_GB.png); background-position: 0 0; }*/
/*.grid .items .col .image-element.element-op_workflow_sla_starttimer { background-position: 0 0; }*/
/*.grid .items .col .image-element.element-op_workflow_sla_pausetimer { background-position: 0 0; }*/
/*.grid .items .col .image-element.element-op_workflow_sla_stoptimer { background-position: 0 0; }*/
/*.grid .items .col .image-element.element-op_email_create { background-position: 0 0; }*/

/*.grid .items .col .image-element.element-op_workflow_history, .menu-tab .image-element.element-op_workflow_history { background-position: center -32px; }*/
/*.grid .items .col :hover .image-element.element-op_workflow_history, .menu-tab .item:hover .image-element.element-op_workflow_history {background-position: center -16px; }*/

/*.grid .items .col .image-element.element-op_workflow_setview, .menu-tab .image-element.element-op_workflow_setview { background-position: center -32px; }*/
/*.grid .items .col :hover .image-element.element-op_workflow_setview, .menu-tab .item:hover .image-element.element-op_workflow_setview {background-position: center -16px; }*/

/*.grid .items .col .image-element.element-op_workflow_setvar, .menu-tab .image-element.element-op_workflow_setvar { background-position: center -32px; }*/
/*.grid .items .col :hover .image-element.element-op_workflow_setvar, .menu-tab .item:hover .image-element.element-op_workflow_setvar {background-position: center -16px; }*/

/*.grid .items .col .image-element.element-op_app_setcommonfield, .menu-tab .image-element.element-op_app_setcommonfield { background-position: center -32px; }*/
/*.grid .items .col :hover .image-element.element-op_app_setcommonfield, .menu-tab .item:hover .image-element.element-op_app_setcommonfield {background-position: center -16px; }*/

/*.grid .items .col .image-element.element-op_app_setcontentfield, .menu-tab .image-element.element-op_app_setcontentfield { background-position: center -32px; }*/
/*.grid .items .col :hover .image-element.element-op_app_setcontentfield, .menu-tab .item:hover .image-element.element-op_app_setcontentfield {background-position: center -16px; }*/


/* Actions */
.wf-scheme2 .button.actions { visibility: hidden; position: absolute; z-index: 2; right: 5px; top: 5px; width: 16px; height: 16px; background: transparent; padding: 0; }
.wf-scheme2 .button.actions .image { width: 16px; height: 16px; background-image: url(../media/actions2_x16.png); background-position: center 0; margin: 0; }
.wf-scheme2 .button.actions:hover .image { background-position: 0 -16px; }

/* Stage */
.wf-scheme2 .wf-stages > .repeatable-group { display: -webkit-flex; display: -ms-flexbox; display: flex;
                                  -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; flex-direction: row; 
}
.wf-scheme2 .wf-stage { position: relative; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0;
                        -ms-flex-negative: 0; flex-shrink: 0;
                        -ms-flex-preferred-size: 270px; flex-basis: 270px;
                        border-right: 1px dashed #c9c9c9;
                       -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
background: rgb(250,250,250); /* Old browsers */
background: -moz-linear-gradient(top, rgba(235,235,235,0.2) 0%, rgba(210,210,210,0.2) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(235,235,235,0.2) 0%,rgba(210,210,210,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(235,235,235,0.2) 0%,rgba(210,210,210,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
  
}
.wf-scheme2 .wf-stage.drag-in-active:before { content: ""; position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; border: 5px solid #1283FF;
                                              -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.wf-scheme2 .wf-stage .stage-name { position: relative; overflow: hidden; padding: 5px 20px 9px; border-bottom: 2px solid #C9C9C9;
                               -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
                               font-size: 14px; line-height: 17px; 
  border-top: 1px solid #c9c9c9; background-color: #FFF;
}
.wf-scheme2 .wf-stage .stage-name:hover {
  background-color: #D3E5F6;
  text-decoration: underline;
}
.form .wf-scheme2 .wf-stage .field.editable.stage-name .value-box:hover{
  background-color: #D3E5F6;
  text-decoration: underline;
}
.wf-scheme2 .wf-stage .stage-name .field-label { font-style: italic; margin-right: 7px; float: left; color: #555; display:none; }
.wf-scheme2 .wf-stage .stage-name .field-value { font-weight: normal; font-size:14px; color: #555; text-align:center;
font-family: Tahoma, Arial; 
}
.wf-scheme2 .wf-stage .stage-content { padding: 30px 40px; }
.wf-scheme2 .wf-stage:hover > .stage-name { color: #3498db; }
.wf-scheme2 .wf-stage .stage-name:hover .cmd-ide  { visibility: visible; }
.wf-scheme2 .wf-stage .stage-name:hover .cmd-ide:hover { opacity: 1; }
.wf-scheme2 .wf-stage .stage-head:hover .actions { visibility: visible; }

/* View */
.wf-scheme2 .wf-view { position: relative; margin-bottom: 30px; background-color: #FFF;
                      -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
  box-shadow: -3px 4px 10px #CCC; -webkit-box-shadow: -3px 4px 10px #CCC; -moz-box-shadow: -3px 4px 10px #CCC; 
}
.wf-scheme2 .wf-view.moving { z-index: 2; background: #fff; }
.wf-scheme2 .wf-view .view-head { position: relative; padding: 10px 0 5px 10px; background: #FFF;
                               -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
                               border-bottom: 2px solid #0072C6;
                               box-shadow: 0px 3px 5px -1px #CCC; -webkit-box-shadow: 0px 3px 5px -1px #CCC; -moz-box-shadow: 0px 3px 5px -1px #CCC; 
                               font-size: 12px; line-height: 14px; 
  background: transparent url(../media/wf_header_pattern.png) 0 0 repeat;
}
.wf-scheme2 .wf-view.passed .view-head { border-bottom-color: #aaa; }
.wf-scheme2 .wf-view.active { box-shadow: 0px 3px 5px #0072C6; -webkit-box-shadow: 0px 3px 5px #0072C6; -moz-box-shadow: 0px 3px 5px #0072C6; }
.wf-scheme2 .wf-view.active .view-head { border-bottom-width: 5px; padding-bottom: 2px; }
.wf-scheme2 .wf-view .view-head .status-tag { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 5px; }
.wf-scheme2 .wf-view.status-active .view-head .status-tag { background: #3498db; }
.wf-scheme2 .wf-view.status-passed .view-head .status-tag { background: #999; }
.wf-scheme2 .wf-view .view-head .tooltip-tag { position: absolute; z-index: 3; right: 0; top: 0; width: 7px; height: 7px; background: transparent url(../media/tooltip-tag.png) 0 0 no-repeat; }
.wf-scheme2 .wf-view .view-head .title { position: relative; overflow: hidden; padding: 0 5px 0 12px; }
.wf-scheme2 .wf-view .view-head .title .field-label { font-style: italic; margin-right: 7px; float: left; display:none; }
.wf-scheme2 .wf-view .view-head .title .field-value { font-weight: 400; display: block; color: #0072C6; font-size:13px; 
  font-family: 'PT Sans Caption', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif';}
.wf-scheme2 .wf-view .view-head .title.role-icon .field-value{ padding-left: 25px;}
.wf-scheme2 .wf-view .view-head .title.role-icon .field-value:before{ content:" "; 
  position: absolute; z-index: 3; left: 0; top: 3px; width: 16px; height: 16px; background: transparent url(../media/workflow-roles-16.png) 0 0 no-repeat;
}
.wf-scheme2 .wf-view .view-head .title.view-icon .field-value{ padding-left: 25px; font-weight:bold; }
.wf-scheme2 .wf-view .view-head .title.view-icon .field-value:before{ content:" "; 
  position: absolute; z-index: 3; left: 0; top: 3px; width: 16px; height: 16px; background: transparent url(../media/workflow-view-16.png) 0 0 no-repeat;
}
.wf-scheme2 .wf-view .view-head .tag { position: absolute; left: 0; top: 0; padding: 1px; font-size: 10px; line-height: 10px; background-color: rgba(255, 255, 100, 0.8);
                                       -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.wf-scheme2 .wf-view .view-head .view-elements { padding-left: 12px; }
.wf-scheme2 .wf-view .view-head .description { position: relative; overflow: hidden; padding: 0 10px; font-size: 11px; line-height: 15px; height: 30px; overflow: hidden; }
.wf-scheme2 .wf-view .view-head .icons-bar { padding: 0 10px; }
.wf-scheme2 .wf-view .view-head .wf-icon { margin-right: 10px; }
/*.wf-scheme2 .wf-view .view-head:hover { color: #3498db; }*/
.wf-scheme2 .wf-view.highlight-target > .head { color: #3498db; }
.wf-scheme2 .wf-view.has-concentrator > .head { padding-left: 15px; }
.wf-scheme2 .wf-view .view-head .wf-concentrator { position: absolute; z-index: 2; left: 0; top: 0; width: 19px; height: 100%; }
.wf-scheme2 .wf-view .view-head .wf-concentrator .icon { position: absolute; left: 2px; top: 50%; margin-top: -7px; width: 15px; height: 15px; background: transparent url(../media/concentrator.png) 0 0 no-repeat; }
.wf-scheme2 .wf-view .view-head .wf-concentrator.hover .icon { background-position-x: -15px; }
.wf-scheme2 .wf-view .view-head:hover .actions { visibility: visible; }
.wf-scheme2 .wf-view .view-head:hover .cmd-ide  { visibility: visible; }
.wf-scheme2 .wf-view .view-head:hover .cmd-ide:hover { opacity: 1; }
.wf-scheme2 .wf-view .drag-area { visibility: hidden; position: absolute; z-index: 2; overflow: hidden; left: 1px; top: 1px; width: 10px; bottom: 1px; background: transparent url(../media/drag-area.png) 0 0; cursor: move; }
.wf-scheme2 .wf-view .view-head:hover .drag-area { visibility: visible; }
.wf-scheme2 .wf-view .drag-area .cmd-move { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.wf-scheme2 .wf-view .view-enforcement { display: inline-block; }
.wf-scheme2 .wf-view .view-enforcement .image-element { display: block; margin-left: 12px; }
.wf-scheme2 .wf-view .view-auto-actions { display: inline-block; }
.wf-scheme2 .wf-view .view-auto-actions .image-element { display: block; margin-left: 12px; }

.wf-scheme2 .wf-view.on-style-active:before { content: ""; position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; border: 5px solid #1283FF;
                                              -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* Action */
.wf-scheme2 .wf-action { position: relative; padding: 11px 10px 5px 20px; 
  box-shadow: 0px 2px 4px -1px #CCC; -webkit-box-shadow: 0px 2px 4px -1px #CCC; -moz-box-shadow: 0px 2px 4px -1px #CCC; 
}
.wf-scheme2 .wf-action:first-child { border-top: none; }
.wf-scheme2 .wf-action .action-head { position: relative; font-size: 12px; line-height: 14px; }
.wf-scheme2 .wf-action .action-head .action-image { position: absolute; left: 0; top: 0; width: 16px; height: 16px; }
.wf-scheme2 .wf-action .action-head .action-image.image-workflow-action {  background-image: url(../media/workflow_action-16.png); }
.wf-scheme2 .wf-action .action-head .title .field-value{ padding-left: 25px;}
.wf-scheme2 .wf-action .action-head .tooltip-tag { position: absolute; z-index: 2; right: 0; top: 0; width: 7px; height: 7px; background: transparent url(../media/tooltip-tag.png) 0 0 no-repeat; }
.wf-scheme2 .wf-action .action-head .title { position: relative; }
.wf-scheme2 .wf-action .action-head .title .field-label { font-style: italic; margin-right: 7px; float: left; display: none; }
.wf-scheme2 .wf-action .action-head .title .field-value .value-box { font-weight: 400; display: block; color: #0072C6; font-size:13px; 
  font-family: 'PT Sans Caption', 'Verdana', 'Segoe UI', 'Arial', 'Tahoma', 'Helvetica', 'sans-serif';}
.wf-scheme2 .wf-action.hover .action-head { color: #3498db; }
.wf-scheme2 .wf-action .tag { position: absolute; left: 0; top: 0; padding: 1px; font-size: 10px; line-height: 10px; background-color: rgba(255, 255, 100, 0.8);
                                       -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.wf-scheme2 .wf-action .action-content {
    padding: 5px 0 0 22px;
    background-color: rgba(200, 200, 200, 0.1);
    margin-bottom: 5px;
    margin-left: -20px;
    margin-right: -10px;
    min-height: 20px;
}
.wf-scheme2 .wf-view .action-element { display: inline-block; margin-right: 10px; }
.wf-scheme2 .wf-view .action-element .image-element { display: block; width: 16px; height: 16px; }
.wf-scheme2 .wf-view .action-element .image-element:hover { box-shadow: -3px 4px 10px #CCC; -webkit-box-shadow: -3px 4px 10px #CCC; -moz-box-shadow: -3px 4px 10px #CCC; }
.wf-scheme2 .wf-action:hover .actions { visibility: visible; }
.wf-scheme2 .wf-action .action-head:hover .cmd-ide  { visibility: visible; }
.wf-scheme2 .wf-action .action-head:hover .cmd-ide:hover { opacity: 1; }
.wf-scheme2 .wf-action .action-condition { position: absolute; right: 17px; bottom: 14px; }
.wf-scheme2 .wf-action .action-condition .image-element { display: block; }

.wf-scheme2 .wf-action .hidden { display: none; }

.wf-scheme2 .wf-action.on-style-active:before { content: ""; position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; border: 5px solid #1283FF;
                                              -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.wf-scheme2 .graphics .field.graphics { display: none; }
.wf-scheme2 .graphics-workspace .path { stroke: #000000; }
.wf-scheme2 .graphics-workspace .path.new { stroke: #FF0000; }
.wf-scheme2 .graphics-workspace .path.formatting-fillcolor-default { stroke: #000000; }
.wf-scheme2 .graphics-workspace .path.formatting-fillcolor-brown { stroke: #966665; }
.wf-scheme2 .graphics-workspace .path.formatting-fillcolor-red { stroke: #EA3737; }
.wf-scheme2 .graphics-workspace .path.formatting-fillcolor-orange { stroke: #E59700; }
.wf-scheme2 .graphics-workspace .path.formatting-fillcolor-yellow { stroke: #E5EA00; }
.wf-scheme2 .graphics-workspace .path.formatting-fillcolor-lime { stroke: #BEE34D; }
.wf-scheme2 .graphics-workspace .path.formatting-fillcolor-green { stroke: #2CBB8B; }
.wf-scheme2 .graphics-workspace .path.formatting-fillcolor-cyan { stroke: #4ABCE6; }
.wf-scheme2 .graphics-workspace .path.formatting-fillcolor-blue { stroke: #3794D7; }
.wf-scheme2 .graphics-workspace .path.formatting-fillcolor-purple { stroke: #A181BD; }
.wf-scheme2 .graphics-workspace .path.formatting-fillcolor-gray { stroke: #AAAAAA; }

.wf-scheme2 .graphics-workspace .marker-triangle.formatting-fillcolor-default { fill: #000000; }
.wf-scheme2 .graphics-workspace .marker-triangle.formatting-fillcolor-brown { fill: #966665; }
.wf-scheme2 .graphics-workspace .marker-triangle.formatting-fillcolor-red { fill: #EA3737; }
.wf-scheme2 .graphics-workspace .marker-triangle.formatting-fillcolor-orange { fill: #E59700; }
.wf-scheme2 .graphics-workspace .marker-triangle.formatting-fillcolor-yellow { fill: #E5EA00; }
.wf-scheme2 .graphics-workspace .marker-triangle.formatting-fillcolor-lime { fill: #BEE34D; }
.wf-scheme2 .graphics-workspace .marker-triangle.formatting-fillcolor-green { fill: #2CBB8B; }
.wf-scheme2 .graphics-workspace .marker-triangle.formatting-fillcolor-cyan { fill: #4ABCE6; }
.wf-scheme2 .graphics-workspace .marker-triangle.formatting-fillcolor-blue { fill: #3794D7; }
.wf-scheme2 .graphics-workspace .marker-triangle.formatting-fillcolor-purple { fill: #A181BD; }
.wf-scheme2 .graphics-workspace .marker-triangle.formatting-fillcolor-gray { fill: #AAAAAA; }

.image.image-AddWorkflowStageLeft:before{ content: ""; }
.image.image-AddWorkflowStageLeft{  background: transparent url(../media/add-left-16.png) 0px 0px no-repeat !important; }
.image.image-AddWorkflowStageRight:before{ content: ""; }
.image.image-AddWorkflowStageRight{  background: transparent url(../media/add-right-16.png) 0px 0px no-repeat !important; }
.image.image-WorkflowStageProperties:before{ content: ""; }
.image.image-WorkflowStageProperties{  background: transparent url(../media/stage-properties-16.png) 0px 0px no-repeat !important; }
.image.image-DeleteWorkflowStage:before{ content: ""; }
.image.image-DeleteWorkflowStage{  background: transparent url(../media/delete-stage-16.png) 0px 0px no-repeat !important; }
.image.image-AddWorkflowView:before{ content: ""; }
.image.image-AddWorkflowView{  background: transparent url(../media/add-view-16.png) 0px 0px no-repeat !important; }

.widget .image-move-up { background-position: 0 -16px; }
.widget .image-move-down { background-position: 0 -16px; }


.wf-scheme2 .wf-view .field{ margin: 0 0 2px; } 

/* graphics */
.graphics-tag { position: absolute; z-index: 9; width: 8px; height: 8px;
                margin-left: -4px; margin-top: -4px; cursor: pointer;
                -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.graphics-tag.tag1 { background-color: #FFD800; border: 1px solid #0000ff;
                -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
                
.graphics-tag.tag2 { background-color: #0000ff; border: 1px solid #FFD800; }