#addonWorkflowListTitle{text-align:center;padding-bottom:15px;}
#addonWorkflowListTitle>div{vertical-align:top;}
#addonWorkflowListTitle>div.title{display:inline-block;font-size:22px;line-height:22px;text-transform:uppercase;}
#addonWorkflowListTitle>div.mcui-checkbox{display:inline-block;margin-left:15px;}
#addonWorkflowListing{text-align:center;}
#addonWorkflowListing>div.mcui-button:not(.green){padding:10px 10px;margin:0px 10px 20px 10px;height:auto;line-height:16px;vertical-align:top;max-width:300px;}
#addonWorkflowListing>div.mcui-button>div.desc{color:#333;font-size:12px;line-height:14px;text-align:left;background:rgba(0,0,0,0.05);padding:3px 5px;margin-top:10px;border:1px solid #AAA;font-weight:normal;white-space: normal;}
#addonWorkflowListing:not(.show_obselete)>div.mcui-button.obselete{display:none;}
#addonWorkflowListing>div.mcui-button.obselete{opacity:0.7;}
.addonWorkflow_noWorkflowMsg{display:inline-block;margin:10px 0px 20px 0px;}

#addonWorkflowCurrent{background:rgba(0,0,0,0.1);}
#addonWorkflowCurrent>div>div{vertical-align:middle;padding:15px 30px;line-height:16px;color:#666;}
#addonWorkflowCurrent>div>div.changer{width:0px;white-space:nowrap;text-align:right;background:rgba(0,0,0,0.1);font-size:11px;text-transform:uppercase;}
#addonWorkflowCurrent>div>div.changer:hover{cursor:pointer;background:rgba(0,0,0,0.15);}
#addonWorkflowCurrent>div>div svg{fill:#999;width:16px;height:16px;}
#addonWorkflowCurrent div.mcui-button{height:20px;line-height:20px;margin:0px 0px 0px 10px;padding:0px 5px;font-size:12px;}
.formar #addonWorkflowCurrent div.mcui-button{padding:0px 8px !important;height:16px;line-height:16px;font-size:10px;text-transform:none;}
.formar #addonWorkflowCurrent div.mcui-button:active{height:15px;top:1px;}

/* CONDITIONS */
#addonWorkflowAddCondBtn{text-align:center;width:100%;margin-bottom:10px;}
#addonWorkflowCondZone{display:none;}

#addonWorkflowCondChooseField,#addonWorkflowCondChooseEffect{display:none;}
#addonWorkflowCondChooseField>div.title,#addonWorkflowCondChooseEffect>div.title{font-size: 16px;border-bottom: 1px solid #666;padding: 0px 0px 5px 0px;margin-bottom: 10px;}
#addonWorkflowCondChooseField>div.form_title{padding: 10px 0px 10px 0px;font-weight: bold;font-size:16px;}
#addonWorkflowCondChooseField>div.step_title{padding: 0px 0px 10px 0px;font-size:14px;line-height:16px;}
#addonWorkflowCondChooseField>div.step_title svg{width:16px;height:16px;margin-right:14px;}
#addonWorkflowCondChooseField>div.field{margin:0px 10px 10px 0px;}
#addonWorkflowCondChooseEffect>div.effect{margin:0px 10px 10px 0px;}

#addonWorkflowCondZone .cond_group{padding:10px;background:rgba(0,0,0,0.1);margin-bottom:20px;}
#addonWorkflowCondZone .cond_group div.add_cond_btn,#addonWorkflowCondZone .cond_group div.add_effect_btn{margin:0px 10px 10px 0px;}
#addonWorkflowCondZone .cond_group div.rem_condgroup_btn{text-align:center;margin-bottom:10px;}
#addonWorkflowCondZone .cond_group div.action_header>div>div:last-child{text-align:right;}
#addonWorkflowCondZone .cond_group div.conditions{display:none;margin-bottom:10px;}
#addonWorkflowCondZone .cond_group div.conditions div.act{width:0px;}
#addonWorkflowCondZone .cond_group div.conditions div.act div.mcui-button{margin:0px;text-align:center;}
#addonWorkflowCondZone .cond_group div.conditions div.condition>div>div{font-size:12px;}
#addonWorkflowCondZone .mcui-select.val>div.holder,#addonWorkflowCondZone .mcui-select.val>div.holder>div.options{width:100px !important;}
#addonWorkflowCondZone .mcui-select.val>div.holder>div.selected{width:60px !important;}
#addonWorkflowCondZone input.val{min-width:auto;width:100px !important;}
#addonWorkflowCondZone .cond_group div.effects{display:none;margin-bottom:0px;}
#addonWorkflowCondZone .cond_group div.effects div.act{width:0px;}
#addonWorkflowCondZone .cond_group div.effects div.act div.mcui-button{height:20px;width:20px;line-height:20px;margin:0px;font-size:12px;text-align:center;}
#addonWorkflowCondZone .cond_group div.effects div.effect>div>div{font-size:12px;}
#addonWorkflowCondZone:not(.routing) .cond_group .message.condition{margin-bottom:10px;}
.formar #addonWorkflowCondZone .mcui-radio>div{display:inline-block;}

/* ROUTING */
#addonWorkflowRoutingTitle{font-size:18px;line-height:20px;border-bottom:1px solid #BBB;padding-bottom:10px;padding-top:10px;}
#addonWorkflowRoutingZone{display:table;border:1px solid #BBB;}
#addonWorkflowRoutingZone>div.x{display:table-row;}
#addonWorkflowRoutingZone>div.x>div.y{display:table-cell;vertical-align:top;padding:25px;border:1px solid #BBB;}
#addonWorkflowRoutingZone>div.x>div.y>div.step{margin-bottom:10px;border:1px solid #BBB;z-index:1;position:relative;}
#addonWorkflowRoutingZone>div.x>div.y>div.step>div.name{padding:5px 10px;background:rgba(0,0,0,0.1);cursor:grab;white-space:nowrap;}
#addonWorkflowRoutingZone>div.x>div.y>div.step>div.link{padding:10px;text-align:center;color:#BBB;text-transform:uppercase;font-size:11px;cursor:pointer;}
#addonWorkflowRoutingZone>div.x>div.y>div.step>div.link svg{margin:0px;height:16px;}
#addonWorkflowRoutingZone>div.x>div.y>div.step>div.link svg.target{display:none;}
#addonWorkflowRoutingZone>div.x>div.y>div.step>div.link svg.cancel{display:none;}
#addonWorkflowRoutingZone>div.x>div.y>div.step>div.link svg.blocked{display:none;fill:#FF3333 !important;}
#addonWorkflowRoutingZone>div.x>div.y>div.step>div.link:hover svg{fill:var(--highlight);}
#addonWorkflowRoutingZone>div.x>div.y>div.step.hovering{border-color:var(--highlight);}
#addonWorkflowRoutingZone.linking>div.x>div.y>div.step>div.link svg.link{display:none;}
#addonWorkflowRoutingZone.linking>div.x>div.y>div.step:not(.linking)>div.link svg.cancel{display:none;}
#addonWorkflowRoutingZone.linking>div.x>div.y>div.step:not(.linking)>div.link svg.target{display:inline-block;}
#addonWorkflowRoutingZone.linking>div.x>div.y>div.step.linking>div.link svg.cancel{display:inline-block;fill:var(--highlight);}
#addonWorkflowRoutingZone.linking>div.x>div.y>div.step.linked>div.link svg.target{display:none;}
#addonWorkflowRoutingZone.linking>div.x>div.y>div.step.linked>div.link svg.cancel{display:inline-block;}
#addonWorkflowRoutingZone.linking>div.x>div.y>div.step.blocked>div.link svg.target{display:none;}
#addonWorkflowRoutingZone.linking>div.x>div.y>div.step.blocked>div.link svg.blocked{display:inline-block;}
#addonWorkflowRoutingZone.linking>div.x>div.y>div.step.blocked>div.link{cursor:default;}
#addonWorkflowRoutingZone>div.x>div.y>div.step.linking div{color:var(--highlight);}
#addonWorkflowRoutingZone>div.x>div.y>div.dropper{text-align:center;color:#999;text-transform:uppercase;background:rgba(255,255,255,0.05);padding:20px 30px;border:1px solid #BBB;}
#addonWorkflowRoutingZone>div.x>div.y>div.dropper.addon-forms-drop-highlight{border:1px solid #666;}
#addonWorkflowRoutingZone:not(.moving){border-color:transparent;}
#addonWorkflowRoutingZone:not(.moving)>div.x>div.y{border-color:transparent;}
#addonWorkflowRoutingZone:not(.moving)>div.x:last-child{display:none;}
#addonWorkflowRoutingZone:not(.moving)>div.x>div.y:last-child{display:none;}
#addonWorkflowRoutingZone:not(.moving)>div.x>div.y>div.dropper{display:none;}
#addonWorkflowRoutingZone>div.x>div.y.origin>div.dropper{display:none;}

.routing_link{position:absolute;z-index:0;}
.routing_link.hovering{z-index:1010;}
.routing_link>div.wrap{position:relative;width:100%;height:100%;}
.routing_link>div.wrap>div:not(.routing_controller){background:#BBB;position:absolute;}
.routing_link>div.wrap>div.v{width:2px;height:100%;top:0px;left:50%;margin-left:-1px;}
.routing_link>div.wrap>div.h1,.routing_link>div.wrap>div.h2{width:50%;height:2px;}
.routing_link>div.wrap>div.h1{left:0px;}
.routing_link>div.wrap>div.h2{right:0px;}
.routing_link>div.wrap>div.h2>div.wrap{position:relative;}
.routing_link>div.wrap>div.h2>div.wrap>svg{position:absolute;right:0px;top:0px;margin-top:-6px;height:14px !important;width:14px !important;margin-right:-4px;fill:#BBB;}
.routing_link.hovering>div.wrap>div:not(.routing_controller){background:var(--highlight);}
.routing_link.hovering>div.wrap>div.h2>div>svg{fill:var(--highlight);}
.routing_link.after.higher>div.wrap>div.h1{bottom:0px;}
.routing_link.after.higher>div.wrap>div.h2{top:0px;}
.routing_link.after.lower>div.wrap>div.h1{top:0px;}
.routing_link.after.lower:not(.equal)>div.wrap>div.h2{bottom:0px;}
.routing_link.after.lower.equal>div.wrap>div.h2{top:0px;}
.routing_link.before.higher>div.wrap>div.h1{top:0px;}
.routing_link.before.higher>div.wrap>div.h2{bottom:0px;}
.routing_link.before.lower>div.wrap>div.h1{bottom:0px;}
.routing_link.before.lower:not(.equal)>div.wrap>div.h2{top:0px;}
.routing_link.before.lower.equal>div.wrap>div.h2{top:0px;}
.routing_link.before.lower.equal>div.wrap>div.h1{bottom:auto;top:0px;}
div.routing_controller{position:absolute;z-index:1001;background:#EEE;top:50%;left:50%;width:30px;height:30px;border-radius:100px;text-align:center;margin-top:-15px;margin-left:-15px;box-sizing:border-box;border:2px solid #BBB;}
div.routing_controller>div>svg.icon.frk{height:14px !important;width:14px !important;margin:0px !important;display:inline-block !important;margin-left:0px !important;margin-top:1px !important;fill:#BBB;}
div.routing_controller.has_conds>div>svg.icon.frk{fill:#ffaa00;}
div.routing_controller:hover>div>svg.icon.frk{fill:var(--highlight);}
div.routing_controller:hover{border:2px solid var(--highlight);z-index:1011;cursor:pointer;}
body.routing_move .routing_link{display:none;}
body.routing_move div.routing_controller{display:none;}

.cond_group .cgtype{display:inline-block;vertical-align:top;}

/* ROUTING CONDITIONS */
#addonWorkflowCondsTitle{text-align:center;font-size:16px;margin-bottom:10px;}
#addonWorkflowCondsTitle svg{margin:0px 10px;}