/*FORM GENERATOR*/
.formgenerator .toolbar { position:absolute; min-height:500px; width:200px; background:#f3f3f3; padding:12px; z-index:90 }
.formgenerator .toolbar ul { margin:0; padding:0; list-style-type:none }
.formgenerator .toolbar li { cursor:move; display:block; padding:4px 0 4px 8px; background:#fff; margin:2px 0; border-radius:3px }
.formgenerator .toolbar li:hover { background:#999; color:#fff }
.formgenerator .toolbar li.clone { background:#999; z-index:900; color:#fff; display:block!important; padding:18px 8px; list-style-type:none }
.formgenerator .formitems { min-height:550px; padding-left:220px; }
.formgenerator .generator-add-line { display:inline-block; padding:4px 8px; margin-top:20px; border:1px solid #CAE1E8; border-radius:3px }
.formgenerator .generator-add-line select { border-color:#f3f3f3; margin-right:8px}
.formgenerator .items .item { overflow:hidden; margin-bottom:22px; position:relative }
.formgenerator .items .item li[data-controlid]{display:none}

.formgenerator .items .item .modul { background:#f3f3f3; border:1px solid #D0D0D0; min-height:40px; float:left; width:98%; position:relative; box-sizing:border-box  }
.formgenerator .items .item .modul .control { min-height:40px; position:relative }
.formgenerator .items .item .modul.empty .control:before { content:'Element hierher ziehen'; color:#bbb; font-style:italic; position:absolute; z-index:8; margin:10px }
.formgenerator .items .item .modul.empty .control.dragging { outline:1px solid #E67575 }
.formgenerator .items .item .modul .delete.mod { position:absolute; right:2px; top:8px; display:block; width:20px; height:20px; text-align:center; padding-top:4px}
.formgenerator .items .item .sortit { cursor:move; position:absolute; top:0; right:-3px  }
.formgenerator .items .item .delete.row { position:absolute; top:24px; right:-4px  }
.formgenerator .items .item .modul.empty .delete, .formgenerator .items .item .modul.empty input, .formgenerator .items .item .modul.empty label { display:none }

.formgenerator .items .item .control { background:#f3f3f3; padding:4px}

.formgenerator .items .item .modul .settings label { width:auto; color:#777; font-size:.9em }
.formgenerator .items .item .modul .settings input[type=text] { width:50% }

.formgenerator .items .item .modul .settings .sett { padding:4px 8px; overflow:auto; white-space:nowrap }
.formgenerator .items .item .modul .settings .sett::-webkit-scrollbar { height:8px}

.formgenerator .items .item .modul .settings .sett input[type=text] { width:25%; }

.formgenerator .items .item .modul .settings .validate {padding:4px 8px; background:#F9F7EA}
.formgenerator .items .item .modul .settings .validate label:first-child { margin:0 20px 0 0}

.csr-engagements .submittedform .row .col { float:left; width:100% }
.formgenerator .items .item.col2 .modul, .csr-engagements .submittedform .r2 .col { width:48%; margin-right:2% }
.formgenerator .items .item.col2b .modul, .csr-engagements .submittedform .r2b .col { width:76%; }
.formgenerator .items .item.col2b .modul:first-child, .csr-engagements .submittedform .r2b .col:first-child { width:20%; margin-right:2% }
.formgenerator .items .item.col3 .modul, .csr-engagements .submittedform .r3 .col { width:31.3%; margin-right:2% }
.formgenerator .items .item.col4 .modul, .csr-engagements .submittedform .r4 .col { width:23%; margin-right:2% }
.formgenerator .items .item.col5 .modul, .csr-engagements .submittedform .r5 .col { width:18%; margin-right:2% }
.formgenerator .items .item.col6 .modul, .csr-engagements .submittedform .r6 .col { width:14.6%; margin-right:2% }


.csr-engagements .submittedform .row { padding:6px 0; clear:both; overflow:hidden }
.csr-engagements .submittedform .row label { width:auto }
.csr-engagements .submittedform .c10 .row-person { padding:4px 0; }
.csr-engagements .submittedform .c10 .row-person label { width:8%; }
.csr-engagements .submittedform .c10 .row-person input { width:35%; margin-right:2%  }