#addonFormsStepTabs{margin-bottom:18px !important;}
#addonFormsStepTabs>div.tab.selected{background-image:none;}

#addonFormsListTitle{text-align:center;padding-bottom:15px;}
#addonFormsListTitle>div{vertical-align:top;}
#addonFormsListTitle>div.title{display:inline-block;font-size:22px;line-height:22px;text-transform:uppercase;}
#addonFormsListTitle>div.mcui-checkbox{display:inline-block;margin-left:15px;}
#addonFormsListing{text-align:center;}
#addonFormsListing>div.mcui-button:not(.green){padding:10px 10px;margin:0px 10px 20px 10px;height:auto;line-height:16px;vertical-align:top;max-width:300px;}
#addonFormsListing>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;}
#addonFormsListing:not(.show_obselete)>div.mcui-button.obselete{display:none;}
#addonFormsListing>div.mcui-button.obselete{opacity:0.7;}
.addonForms_noFormMsg{display:inline-block;margin:10px 0px 20px 0px;}

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

#addonFormsElemsTbl{width:100%;border:1px solid #222;}
#addonFormsElemsTbl>div>div.layout{background:rgba(0,0,0,0.05);border-right:1px solid #222;box-sizing:border-box;padding:30px;}
#addonFormsElemsTbl>div>div.controls{background:rgba(255,255,255,0.1);width:0px;box-sizing:border-box;padding:30px 30px 20px 30px;}

#addonFormsElemsControls{position:relative;min-width:212px;box-sizing:border-box;}
#addonFormsElemsControls.has_custom{padding-top:53px !important;}
#addonFormsElemsControls div.typer{position:absolute;left:0px;top:0px;width:100%;background:rgba(0,0,0,0.1);border-bottom:1px solid #BBB;}
#addonFormsElemsControls div.typer>div{display:inline-block;width:50%;text-align:center;font-size:11px;text-transform:uppercase;box-sizing:border-box;padding:5px 10px;opacity:0.5;}
#addonFormsElemsControls div.typer>div:hover:not(.sel){color:var(--highlight);cursor:pointer;opacity:1;}
#addonFormsElemsControls div.typer>div.sel{opacity:1;}
#addonFormsElemsControls div.typer>div:first-child{border-right:1px solid #BBB;}
.addonFormsNoCustomLeftMsg{display:none;}
#addonFormsElemsControls div.control{white-space:nowrap;padding:5px 10px;margin-bottom:10px;background:rgba(0,0,0,0.1);vertical-align:top;line-height:17px;border:1px solid #BBB;color:#333;text-transform:uppercase;font-size:12px;text-shadow:1px 1px #FFF;}
#addonFormsElemsControls div.control.custom{display:none;}
#addonFormsElemsControls div.control.custom.unique{display:none !important;}
#addonFormsElemsControls div.control:hover{color:var(--highlight);cursor:grab;}
#addonFormsElemsControls div.control>svg{width:16px;height:16px;vertical-align:top;}
#addonFormsElemsControls div.control:hover>svg{fill:var(--highlight);}

#addonFormsElemsLayout div.element{white-space:nowrap;margin-bottom:10px;background:rgba(0,0,0,0.1);border:1px solid #BBB;color:#333;}
#addonFormsElemsLayout div.element>div>div{vertical-align:middle;padding:5px 10px;border-right:1px solid #BBB;}
#addonFormsElemsLayout div.element>div>div:last-child{border-right:0px;}
#addonFormsElemsLayout div.element>div>div.icon{width:0px;background:#666;padding:5px 7px;}
#addonFormsElemsLayout div.element>div>div.icon svg{fill:#BBB;}
#addonFormsElemsLayout div.element>div>div.label{line-height:17px;font-size:14px;text-shadow:1px 1px #FFF;
-webkit-transition: color 0.10s ease;-moz-transition: color 0.10s ease;-o-transition: color 0.10s ease;transition: color 0.10s ease;}
#addonFormsElemsLayout div.element>div>div.label:hover:not(.editing){cursor:pointer;background:rgba(255,255,255,0.4);}
#addonFormsElemsLayout div.element>div>div.label>input.labeler,#addonFormsElemsLayout div.element input.inputer{background:transparent;min-width:auto;width:100%;line-height:17px;font-size:14px;text-shadow:1px 1px #FFF;border:0px;font-family:Open Sans;padding:0px;}
#addonFormsElemsLayout div.element>div>div.label{display:none;}
#addonFormsElemsLayout div.element>div>div.label.selected{display:table-cell;}
#addonFormsElemsLayout div.element>div>div.label.default{color:#888;}
#addonFormsElemsLayout div.element input.inputer{width:40px;box-sizing:border-box;text-align:center;text-shadow:none;font-size:12px;line-height:12px;}
#addonFormsElemsLayout div.element svg{width:16px;height:16px;margin-right:0px;margin-top:1px;}
#addonFormsElemsLayout div.element>div>div.required{width:0px;padding:5px 10px 5px 10px;cursor:pointer;}
#addonFormsElemsLayout div.element>div>div.config{width:0px;padding:5px 10px 5px 10px;}
#addonFormsElemsLayout div.element>div>div.config:hover{background:rgba(255,255,255,0.4);cursor:pointer;}
#addonFormsElemsLayout div.element>div>div.condico.active svg{fill:var(--highlight);}
#addonFormsElemsLayout div.element>div>div.orderer{width:0px;padding-right:8px;}
#addonFormsElemsLayout div.element>div>div.orderer:hover{background:rgba(255,255,255,0.4);cursor:grab;}

#addonFormsElemsLayout div.element>div>div.lnghandler{width:0px;background:rgba(0,0,0,0.2);width:32px;text-align:center;padding:5px 8px;}
#addonFormsElemsLayout div.element>div>div.lnghandler>div.lng{display:none;text-transform:uppercase;color:#FFF;font-weight:bold;font-size:11px;}
#addonFormsElemsLayout div.element>div>div.lnghandler>div.selected{display:block;}
#addonFormsElemsLayout div.element>div>div.lnghandler:hover{cursor:pointer;background:rgba(0,0,0,0.15);}

#addonFormsElemsLayout div.element>div>div.opt_lbl,#addonFormsElemsLayout div.element>div>div.opt_ctr{width:0px;white-space:nowrap;}
#addonFormsElemsLayout div.element>div>div.opt_lbl{font-size:12px;background:#666;color:#FFF;text-transform:uppercase;}
#addonFormsElemsLayout div.element>div>div.opt_ctr{font-size:12px;position:relative;}
#addonFormsElemsLayout div.element>div>div.opt_ctr:hover{cursor:pointer;background:rgba(255,255,255,0.4);}
#addonFormsElemsLayout div.element>div>div.opt_ctr.toggled{background:rgba(255,255,255,0.4);}
#addonFormsElemsLayout div.element>div>div.opt_ctr.init{color:#BBB;text-transform:uppercase;}
#addonFormsElemsLayout div.element>div>div.opt_ctr>div.choices{position:absolute;top:100%;left:0px;z-index:99;background:#BBB;border:1px solid #BBB;overflow-y:scroll;max-height:200px;}
#addonFormsElemsLayout div.element>div>div.opt_ctr>div.choices::-webkit-scrollbar{width:14px;}
#addonFormsElemsLayout div.element>div>div.opt_ctr>div.choices>div.opt{padding:5px 10px;border-bottom:1px solid #BBB;background:#EEE;text-transform:none;font-size:12px;}
#addonFormsElemsLayout div.element>div>div.opt_ctr>div.choices>div.opt.selected{background:#DDD;}
#addonFormsElemsLayout div.element>div>div.opt_ctr>div.choices>div.opt.reset{color:#BBB;}
#addonFormsElemsLayout div.element>div>div.opt_ctr>div.choices>div.opt:last-child{border-bottom:0px;}
#addonFormsElemsLayout div.element>div>div.opt_ctr>div.choices>div.opt:hover{cursor:pointer;background:rgba(0,0,0,0.1);}
#addonFormsElemsLayout div.element>div>div.opt_ctr.radio>div.opt{display:none;}
#addonFormsElemsLayout div.element>div>div.opt_ctr.radio>div.choices{display:none;}

#addonFormsElemDropZone{text-align:center;color:#999;text-transform:uppercase;background:rgba(0,0,0,0.1);padding:30px 30px;border:1px solid #BBB;}
#addonFormsElemDropZone.addon-forms-drop-active{background:rgba(255,255,255,0.05);}
#addonFormsElemDropZone.addon-forms-drop-highlight{border:1px solid #666;}

#addonFormsElemsLayout .check.check_false .false{display:block;}
#addonFormsElemsLayout .check.check_false .true{display:none;}
#addonFormsElemsLayout .check.check_false{background:rgba(255,0,0,0.15);}
#addonFormsElemsLayout .check.check_false:nth-child(even){background:rgba(255,0,0,0.10);}
#addonFormsElemsLayout .check.check_true .false{display:none;}
#addonFormsElemsLayout .check.check_true .true{display:block;}
#addonFormsElemsLayout .check.check_true{background:rgba(0,255,0,0.15);}
#addonFormsElemsLayout .check.check_true:nth-child(even){background:rgba(0,255,0,0.10);}
#addonFormsElemsLayout .check.check_false .icon{fill:var(--frk-dark-red);}
#addonFormsElemsLayout .check.check_true .icon{fill:var(--frk-dark-green);}

#addonFormsElemsLayout div.element>div>div.check_false:hover{background:rgba(255,75,75,0.15);}
#addonFormsElemsLayout div.element>div>div.check_true:hover{background:rgba(75,255,75,0.15);}

#addonFormsKeepElemData{display:inline-block;}

#addonFormsUndoBtn svg{fill:#333;margin-right:0px;margin-top:5px;}
.formar #addonFormsUndoBtn svg{margin-top:0px;}
.formar #addonFormsUndoBtn:hover{padding-bottom:10px !important;}
.formar #addonFormsUndoBtn:active{padding-bottom:8px !important;}

#addonFormsUndoBtn div.num_actions{display: inline-block;color: #333;background: rgba(0,0,0,0.2);line-height: 12px;padding: 4px 5px;margin-left: 5px;text-shadow: none;}

#addonFormsDeleteParamBtn{float:left;margin:0px;}
#paramsFrm #frmMngLngSwapper{padding-bottom: 10px;}
#paramsFrm div.split_title{margin-bottom: 20px;border-bottom: 1px solid #BBB;padding-bottom: 5px;text-transform: uppercase;font-weight: bold;color: #BBB;}

#addonFormsDeleteConfirmActions{text-align:center;padding-top:10px;}
#addonFormsDeleteConfirmActions>div{padding:0px 10px;margin:10px;}

#addonFormsAddCondBtn{text-align:center;width:100%;margin-bottom:10px;}
#addonFormsCondZone{display:none;}

#addonFormsCondChooseField,#addonFormsCondChooseEffect{display:none;}
#addonFormsCondChooseField>div.title,#addonFormsCondChooseEffect>div.title{font-size: 16px;border-bottom: 1px solid #666;padding: 0px 0px 5px 0px;margin-bottom: 10px;}
#addonFormsCondChooseField>div.step_title{padding: 10px 0px 10px 0px;font-weight: bold;}
#addonFormsCondChooseField>div.field{margin:0px 10px 10px 0px;}
#addonFormsCondChooseEffect>div.effect{margin:0px 10px 10px 0px;}

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

#addonFormsCondChoicesList svg{margin-right:0px;}
#addonFormsCondChoicesList .choice.cond svg{fill:#FFEEDD;}
#addonFormsCondChoicesList .choice .condition:hover{cursor:pointer;}
#addonFormsCondChoicesList .choice .condition:hover svg{filter:brightness(1.5);}

#addonFormsCondChoicesConfigZone{display:none;}

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

#addonFormsRoutingZone div.dropper{display:none !important;}
#addonFormsRoutingZone>div.x>div.y.addon-forms-drop-highlight{border:1px solid #000;background:rgba(0,0,0,0.05);}

#addonFormsHoverer{position:absolute;z-index:100000;margin-left:5px;background:#FFF;border:1px solid #BBB;padding:2px 0px;}
#addonFormsHoverer>div{padding:4px 5px;font-size:12px;line-height:16px;}
#addonFormsHoverer>div>svg{width:14px;height:14px;margin-right:5px;}

.formar #addonFormsRoutingLabelToggler{display:inline-block;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #BBB;
    padding: 3px;
    vertical-align: top;
    margin-top: -9px;
    margin-left:10px;}
.formar #addonFormsRoutingLabelToggler>div{display:inline-block;padding:3px 5px;font-size:13px;}
.formar #addonFormsRoutingLabelToggler>div.clear{display:none;}

#addonFormsChooseModeCond{float:right;}
body.formar #addonFormsChooseModeCond{
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #BBB;
    padding: 3px;}
body.formar #addonFormsChooseModeCond div.choice{display:inline-block;padding:3px 5px;font-size:13px;}

.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.hovering>div.wrap>div:not(.routing_controller){background:var(--highlight);}
.routing_link.hovering>div.wrap>div.h2>div>svg{fill:var(--highlight);}
.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.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>div>svg.icon.frk.with_condition{display:none !important;}
div.routing_controller.has_conds>div>svg.icon.frk{fill:#ffaa00;}
div.routing_controller.has_conds>div>svg.icon.frk.without_condition{display:none !important;}
div.routing_controller.has_conds>div>svg.icon.frk.with_condition{display:inline-block !important;}
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 */
#addonFormsCondsTitle{text-align:center;font-size:16px;margin-bottom:10px;}
#addonFormsCondsTitle svg{margin:0px 10px;}

/* DATA */
#addonFormsDataTable div.header>div>div{white-space:nowrap;}
#addonFormsDataTable div.header.sub>div{border-top:1px solid #BBB;}
#addonFormsDataTable div.header.sub>div>div{font-size:11px;text-transform:uppercase;}
#addonFormsDataOutput{width:0;min-width:100%;}
#addonFormsDataOutput>div.scroller{overflow-x:scroll;margin-bottom:20px;}
#addonFormsDataTable{margin-bottom:0px;}

/**************
* FORM OUTPUT *
**************/
#addonForms_frmIniStepChooserHolder{text-align:center;}
#addonForms_frmIniStepChooser{display:inline-block;}
#addonForms_frmIniStepChooser>div{display:block;padding:0px 10px;}
#addonForms_frmIniStepChooser>div.title{padding:0px 0px 10px 0px;margin-bottom:20px;font-size:16px;border-bottom:1px solid #BBB;}
#addonForms_frmHeader{background:rgba(0,0,0,0.1);text-align:left;}
#addonForms_frmHeader>div>div{vertical-align:middle;padding: 15px 20px;line-height: 16px;}
#addonForms_frmHeader>div>div svg{width:16px;height: 16px;}
#addonForms_frmHeader>div>div.closer{width:0px;background: rgba(0,0,0,0.1);white-space: nowrap;text-align: right;font-size: 11px;text-transform: uppercase;display:none;font-weight:normal;color: #666;}
#addonForms_frmHeader>div>div.closer:hover{background: rgba(0,0,0,0.15);cursor:pointer;}

.addonForms_title{margin-bottom:20px;font-size:16px;border-bottom:1px solid #BBB;padding-bottom:5px;}
.condition_route_button svg{fill:#FFF !important; width:16px !important;height:16px !important;}

/* TRACKER */
.addonForms_frmTracker{text-align:left;padding-bottom:10px;}
.addonForms_frmTracker>div{display:inline-block;line-height: 16px;padding: 7px 12px;background: rgba(0,0,0,0.1);position:relative;margin-right:28px;border:1px solid #BBB;margin-bottom:10px;}
.addonForms_frmTracker>div.future{opacity:0.5;}
.addonForms_frmTracker>div.current{color:var(--highlight);}
.addonForms_frmTracker>div div.next{position:absolute;left:100%;top:50%;margin-top:-8px;margin-left:8px;}
.addonForms_frmTracker>div svg.icon.frk{width:16px;height:16px;fill:#666;}
.addonForms_frmTracker>div:last-child{margin-right:0px;}
.addonForms_frmTracker>div:last-child div.next{display:none;}

/* PREVIEW */
body.form_preview{overflow:hidden;}
#addonForms_previewHolder{position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:10000;background:rgba(0,0,0,0.5);padding:50px;box-sizing:border-box;text-align:center;}
#addonForms_previewHolder>div.wrap{height:100%;width:100%;display:inline-block;max-width:800px;box-sizing:border-box;overflow-y:scroll;background:#FFF;position:relative;padding:66px 20px 20px 20px;}
#addonForms_previewHolder #addonForms_frmHeader{position:absolute;top:0px;left:0px;z-index:100;background:#EEE;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);}
#addonForms_previewHolder #addonForms_frmHeader>div>div.closer{display:table-cell;}
#addonForms_previewHolder #addonForms_previewNode #addonForms_frmHeader{display:none;}
#addonForms_previewHolder #addonForms_previewNode div.addonForms_frmHolder.editing_1 #addonForms_frmHeader{display:table;}
#addonForms_previewNode{text-align:left;}

/* FORM */
.addonForms_frmHolder .mcui-form div.field{margin-bottom:30px;}

/* NAV */
.addonForms_navBar{text-align:center;}
.addonForms_navBar>div.mcui-button{margin:0px 15px;padding:0px 20px;}

/* INSTANCE */
.addonForms_endMessage{margin:50px;font-size:16px;display:inline-block;}

/* EXTERNAL */
body.extfrm{background:#EEE;}
#addonForms_extWrapper{padding:30px;text-align:center;}
#addonForms_extNode{display:inline-block;max-width:800px;width:100%;text-align:left;background:#FFF;}
body.extfrm div.addonForms_frmTracker{padding:20px;}
body.extfrm div.addonForms_frmHolder div.mcui-form{padding:0px 20px;}
body.extfrm div.addonForms_navBar{padding-bottom:20px;}

/* INTEGRATE */
.formIntegration{display:none;margin-bottom:20px;}
.formIntegration>div.header{padding:10px 10px;background:#DDD;}
.formIntegration>div.header>div.title{font-size:16px;line-height:31px;}
.formIntegration>div.header>div.title svg{height:16px;width:16px;margin-top: 7px;}
.formIntegration>div.header>div.mcui-button{float:right;}
.formIntegration>div.list{}
.formIntegration>div.list>div.output{}
.formIntegration>div.list>div.output.list{padding:5px;background:rgba(0,0,0,0.05);}
.formIntegration>div.list>div.output.list>div.rec{display:block;margin:5px;}
.formIntegration>div.list>div.output.list.inline>div.rec{display:inline-block;vertical-align:top;}
.formIntegration>div.list>div.output.list>div.rec>div.wrap{background:#FFF;padding:7px 10px 7px 34px;border-radius:5px;display:inline-block;position:relative;overflow:hidden;}
.formIntegration>div.list>div.output.list>div.rec>div.wrap>div.over{display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;border:2px solid var(--highlight);border-radius:5px;}
.formIntegration>div.list>div.output.list.block>div.rec{margin-bottom:10px;}
.formIntegration>div.list>div.output.list.block>div.rec:last-child{margin-bottom:5px;}
.formIntegration>div.list>div.output.list>div.rec>div.wrap div.label>div{font-weight:bold;font-size:16px;}
.formIntegration>div.list>div.output.table{box-shadow:none;margin-bottom:0px;}
.formIntegration>div.list>div.output.table div:not(.header) div.form_status{width:0px;background:rgba(255,0,0,0.05);}
.formIntegration>div.list>div.output div.form_status svg.icon.frk{width:16px;height:16px;margin:0px;}
.formIntegration>div.list>div.output.table div.form_status>div{padding:5px 7px;}
.formIntegration>div.list>div.output div.form_status svg.st1{display:none;fill:#3cae5a;}
.formIntegration>div.list>div.output div.form_status svg.st0{fill:#FF6666;}
.formIntegration>div.list>div.output div.form_status.status1 svg.st1{display:block;}
.formIntegration>div.list>div.output div.form_status.status1 svg.st0{display:none;}
.formIntegration>div.list>div.output.table div:not(.header) div.form_status.status1{background:rgba(0,255,0,0.05);}
.formIntegration>div.list>div.output.list div.form_status{position:absolute;top:0px;left:0px;height:100%;width:26px;}
.formIntegration>div.list>div.output.list div.form_status>div{position:relative;width:100%;height:100%;}
.formIntegration>div.list>div.output.list div.form_status>div{background:rgba(255,0,0,0.1);}
.formIntegration>div.list>div.output.list div.form_status>div>svg{position:absolute;top:50%;margin-top:-8px !important;left:50%;margin-left:-8px !important;}
.formIntegration>div.list>div.output.list div.form_status.status1>div{background:rgba(0,255,0,0.1);}
.formIntegration div.results,.formIntegration .frk_tblpager{background:#F9F9F9;}
.formIntegration div.results{border-top:1px solid #BBB;margin-top:0px;}

.formIntegration>div.list>div.output.table div.rec.clickable:hover{cursor:pointer;background:#DDD;}
.formIntegration>div.list>div.output.list div.rec.clickable>div.wrap:hover{cursor:pointer;}
.formIntegration>div.list>div.output.list div.rec.clickable>div.wrap:hover>div.over{display:block;}

#addonFormsChooseForm{text-align:center;}
#addonFormsChooseForm div.gen_msg{text-align:left;}
#addonFormsChooseForm>div.mcui-button{margin:10px;}

#addonFormsCustomMailForm{}
#addonFormsCustomMailForm>div.field{margin:10px 0px 0px 0px !important;display:block !important;text-align:center;}
#addonFormsCustomMailForm>div.field input{text-align:center;}

#addonForms_frmView{}
#addonForms_frmView div.step_title{line-height: 16px;
    padding: 7px 12px;
    background: rgba(0,0,0,0.1);
    position: relative;
    border: 1px solid #BBB;
    margin-bottom:15px;}
#addonForms_frmView div.step_fields{padding-bottom:15px;}
#addonForms_frmView div.field{margin-bottom: 15px;}
#addonForms_frmView div.field>label{text-transform: none;display:block;
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    color: var(--highlight);
    padding: 0px 0px 5px 0px;}
#addonForms_frmView div.field>div.value{font-size:16px;}

pre.form_data_output{padding: 15px;
    background: rgba(0,0,0,0.05);
    border: 1px solid #BBB;
    position:relative;}
pre.form_data_output::before{display:block;content:'FORM-DATA';font-weight:bold;padding-bottom:10px;}

/* HISTORY */
#addonFormsHistoryTable{margin-bottom:0px;}
#addonFormsHistoryTable div.mcui-button{margin:0px;}
#addonFormsHistoryTable>div:not(.header):hover{background:rgba(0,0,0,0.2);}
#addonFormsHistoryRollBack{padding:15px;display:none;}
#addonFormsHistoryRollBack div.mcui-button{margin:10px;}
#rollbackDetails{text-align:center;padding:20px 10px 10px 10px;}

/* ROUTER ELEMENTS */
#addonFormsRoutingZone div.step div.elements{display:none;width:100%;margin-bottom:0px;}

/* FORM BUILDER PRINTING */
.form_builder_printing .menu{display:none;}
.form_builder_printing #header{display:none;}
.form_builder_printing #addonFormsCurrent{display:none;}
.form_builder_printing #addonFormsRoutingTitle{padding-top:0px;}
.form_builder_printing #addonFormsRoutingZone div.step div.link{display:none;}
.form_builder_printing #addonFormsRoutingZone div.step div.elements{display:table;}
.form_builder_printing #addonFormsRoutingZone div.step div.elements>div>div>div{font-size:12px;}
.form_builder_printing #addonFormsRoutingZone div.step div.elements>div>div.type{text-align:right;opacity:0.5;text-transform:uppercase;}
.form_builder_printing #addonFormsRoutingZone .no_elements{opacity:0.5;}
.form_builder_printing div.routing_controller{cursor:default;}
.form_builder_printing #addonFormsRoutingZone>div.x>div.y>div.step>div.name{cursor:default;}