#modal_form_basic .modal-body {
	min-height: 10vh;
}

.linemanager_info {
	color: red;
}

.modal-header .close-generated-form-modal {font-size: var(--modal_x_size);position: absolute;right: .5vw;text-shadow: none;color: var(--color_text_modal_header);top:0}
.modal-header .close-generated-form-modal span {font-weight:calc(700 + var(--fontweight_correction))}
button.close-generated-form-modal {padding: 0;cursor: pointer;background: 0 0;border: 0;-webkit-appearance: none;}
.close-generated-form-modal {float: right;font-size: var(--modal_x_size);line-height: var(--modal_header_line_height);color: #000;text-shadow: 0 1px 0 #fff;opacity: .5;filter: alpha(opacity=50);}
.btn.close-generated-form-modal {font-size: var(--fontnorm);float:left;opacity:1;line-height: 3vw;}
.modal-header .close-generated-form-modal {line-height: var(--modal_header_offset);}
#form-processing .modal-header .close-generated-form-modal {background-color: transparent !important;}

/* User-Field colors */
#form-processing .perso .checkbox_framed.is_unconfirmed .form-group label {color: var(--color_unconfirmed);}
.form-item.is_unconfirmed > .form-group {color: var(--color_unconfirmed);}
.form-item.is_unconfirmed .form-control,.form-item.is_unconfirmed .form-control:focus, #form-processing .perso .checkbox_framed.is_unconfirmed .form-group label {border-color: var(--color_unconfirmed) !important;border-width: 0.13vw !important;border-style: solid !important;box-shadow: none !important;}
#form-processing .form-item.dark.is_unconfirmed.checkbox_framed.dark .form-group label {border-color: var(--color_unconfirmed) !important;border-width: 0.13vw !important;border-style: solid !important;color: #FFF;}
.form-item.is_unconfirmed .input-group-addon {border: none !important;background-color: var(--color_unconfirmed) !important;color: #FFF !important;}
.form-item.is_unconfirmed .form-control input,.form-item.is_unconfirmed .select2-selection,.form-item.is_unconfirmed .radio label {border-color: var(--color_unconfirmed) !important;border-width: 0.15vw !important;}

#form-processing .perso .checkbox_framed.conflicted_field .form-group label {color: var(--color_error);}
.form-item.conflicted_field > .form-group {color: var(--color_error);}
.form-item.conflicted_field .form-control,.form-item.conflicted_field .form-control:focus, #form-processing .perso .checkbox_framed.conflicted_field .form-group label {border-color: var(--color_error) !important;border-width: 0.13vw !important;border-style: solid !important;box-shadow: none !important;}
#form-processing .form-item.dark.conflicted_field.checkbox_framed.dark .form-group label {border-color: var(--color_error) !important;border-width: 0.13vw !important;border-style: solid !important;color: #FFF;}
.form-item.conflicted_field .input-group-addon {border: none !important;background-color: var(--color_error) !important;color: #FFF !important;}
.form-item.conflicted_field .form-control input,.form-item.conflicted_field .select2-selection,.form-item.conflicted_field .radio label {border-color: var(--color_error) !important;border-width: 0.15vw !important;}


/* Modal-Form */
.modal #form-processing {margin: 0 !important;}
.modal #form-pagination {display: none;}
/* disturbs other modals !! 
.modal-backdrop {display: none;} */

/* new spacer system */
#form-processing .spacerl-sm, #form-processing .spacerl {padding-left:.5vw}
#form-processing .spacerr-sm, #form-processing .spacerr {padding-right:.5vw}

/* @ToDo: Hotfix to see the form embedded inside /user/directory/list_pending, Revision by RC needed */
.initial_form_loader {display: block;position: fixed;z-index: 99999;width: 100vw;background-color: #FFF;height:100vh}
.initial_form_loader .frontloader {display: block;}
.generated-form-modal .initial_form_loader {width: 100%;left: 0;height: 100%;margin: -1vw 0;}
#form_user_pending_details .initial_form_loader {width: 100%;left: 0;height: 100%;margin: -1vw 0;}
.scroll-wrapper {overflow: visible !important;}

/* Select2.multi-checkboxes.js Styling */
.select2-results__option .wrap:before{font-family: fontAwesome;	color:#999;content: "\f096";padding-right: .5vw;}
.select2-results__option[aria-selected=true] .wrap:before{content:"\f14a";color: var(--color_btn_succ)}
#form-processing {padding: 1vw; position: relative;}
#user_pending_details #form-processing, .anti-padding > #form-processing {padding: 0}
#modal-courseunit-preview .scrollboxpreview.scroll-scrolly_visible #form-processing {padding-right: 1.75vw;}
.form-section.has-error .form-group:not(.has-error) .select2-selection {border-color: transparent !important;}

#form-overlay {position: fixed;transform: rotate(-90deg);top: 44%;z-index: 9999;left: -12%;}
#form-processing strong {font-weight:bold}
.no_background {background: none !important;box-shadow: none !important;}
.row.persoblock.no_background {padding: 0 !important;}
.form-pages .form-page .persoblock {padding: 1vw 1vw 0 1vw;}
.form-horizontal .checkbox {min-height: auto !important; padding-top: 0 !important;display: block;}
#form-processing button.add-form-group {font-size: var(--fontlarge);color: var(--color_text_btn_succ);background-color: var(--color_btn_succ);}
#form-processing button.add-form-group:hover {background-color: var(--color_btn_succ_h);}
#form-processing button.remove-form-group {font-size: var(--fontlarge);color:var(--color_text_btn_dang);background-color: var(--color_btn_dang);}
#form-processing button.remove-form-group:hover {background-color: var(--color_btn_dang_h);}
.form-item {text-align: left;position: relative;}
.form-item.right {text-align: right;}
.form-item.center {text-align: center;}
#form-processing .page-headline {text-align: center;margin-bottom: 1vw;font-size: var(--fontlarge);border-radius: var(--o_tile_radius);padding: 0.5vw 0;background-color: #eaebeb;color: #000;font-weight: 600;}
#form-processing .form-pages .form-page:not(.active) {display: none;}
#form-page-next,#form-page-previous {position: fixed;top: calc(50% - 5vh);height: 10vh;padding: 0.25vw !important;width: auto;font-size: 2vw;}
#form-page-previous {left: .25vw;}
#form-page-next {right: .25vw;}
.scroll-scrolly_visible > #form-processing > #form-page-next {right: 1.75vw;}
#form-pagination {margin: 0 0 1vw 0;display: inline-block;width: 100%;}
#form-pagination > a {display: inline-block;}
#form-pagination .fa {font-size: var(--fontlarge);padding: 0.25vw;color: var(--color_dash_headlines);}

#form-pagination .form-page-nav.active {cursor: default;}
#form-pagination .form-page-nav.active .fa::before {content: "\f111";}
.start #form-pagination i::before {color: #fff;}
#form-pagination .form-page-nav:not(.active) .fa::before {content: "\f10c";}

/* Custom style for action_checkin */
#form-processing .checkbox label{padding-left:0}
/*#form-processing {width: 100%}*/

#form-processing form:not(.onboarding-form) .register_quest > div {margin: 0 ;}
#form-processing .register_quest > div.register_quest {margin-top: 0;}
#form-processing .register_quest.scrollable.scroll-scrolly_visible {max-width: calc(100% - 2vw) !important;}
#form-processing .register_quest + .scroll-element + .scroll-element.scroll-y {top: 0;height: calc(100% - 3.5vw);min-height: calc(100% - 3.5vw);right: 0}
#form-processing .register_quest .persoblock.row-personal_quest_agreed {margin-bottom: 1.5vw;padding: 0;}
#form-processing .group-bg {background: #e6e6e6;margin-bottom: 1vw;box-shadow: inset 0 0 2px #787878;padding:1vw 1vw 0;color:#000}

#form-processing .group-bg > .form-group-headline {margin: -1vw -1vw 0 -1vw;}
#form-processing .form-group-headline + .form-group-content {padding-top:1vw;}
#form-processing .group-bg.dark {background: #646464;}
#form-processing .group-bg.dark .form-item.text, #form-processing .group-bg.dark .form-item.text * {color: #FFF;}
#form-processing .group-bg.dark .control-label, #form-processing .group-bg.dark .checkbox label, #form-processing .group-bg.dark .form-group.has-error .control-label {color: #FFF;}
#form-processing .group-bg.dark .group-bg .form-item.text, #form-processing .group-bg.dark .group-bg .form-item.text *, #form-processing .group-bg.dark .group-bg .control-label, #form-processing .group-bg.dark .group-bg .checkbox label, #form-processing .group-bg.dark .group-bg .form-group.has-error .control-label {color: #000;}
#form-processing .persoblock{padding: 1vw 1vw 0 1vw;background-color:rgba(255, 255, 255, 0.9);margin:0;border-radius: 0;border-bottom-right-radius: var(--o_tile_radius);border-bottom-left-radius: var(--o_tile_radius);font-size:var(--fontnorm);}
#form-processing .form-sections.tab-content .persoblock{background-color:#efefef;box-shadow:none;border-radius: 0;}
#form-processing .duplicatable_container {text-align: center;}
#form-processing .form-horizontal .radio {padding-top: 0}
#form-processing .persoblock div.row{margin-left:0;margin-right:0;}
#form-processing .persoblock div.row .col-sm-offset-6{margin-left:50%}
#form-processing .child-area .col-sm-offset-9, .insurance-info {margin-bottom: 1vw;}
#form-processing form.perso{margin-bottom:0;color:#000;}
#form-processing .select2-container--bootstrap .select2-search--dropdown .select2-search__field, #form-processing .select2-container--bootstrap .select2-selection {border-color: #a5a5a5;}
#form-processing .form-submit-button-additional {border-color: transparent;	margin-bottom: 1vw; margin-top: 1vw;width: 100%;height: 3vw;font-size: var(--fontlarge);line-height: normal;padding:0 1vw}
.row > .radio {padding-top: 0 !important}
#form-processing .persoblock.notpersonal {padding: 1vw}
#form-processing .perso .form-group {display: flex;align-items: center;margin: 0;}
#form-processing .modal-footer .btn.col-sm-6 {width:50%}
#form-processing .modal-footer .btn.col-sm-offset-3 {margin-left: 25%;}
#form-processing .modal-footer {border-top: 1px solid;	border-color: var(--color_modal_header_border);}
#form-processing .modal-header .close {background-color:transparent !important}

#form-processing .modal {box-shadow: inset 0 0 0 1000vw rgba(0,0,0,.5);	margin-left: -1vw;}
.onboarding #form-processing .modal {padding:0 !important;max-height: calc(100vh - 12vw);max-height: calc(var(--realheight) - 12vw);box-shadow: 0 0 0 1000vw rgba(0,0,0,.5);overflow:visible;width: 80vw;margin-left: 10vw;top: 5vw;height: max-content;}
.onboarding #form-processing .modal-dialog {width:100%; top:0;transform:translate(0,0) !important;}


.generated-form-modal .modal-body {max-height: calc(100vh - 13.5vw);max-height: calc(var(--realheight) - 13.5vw);overflow-y: auto;overflow-x: hidden;}
.onboarding .generated-form-modal .modal-body {max-height: calc(100vh - 19.5vw);max-height: calc(var(--realheight) - 19.5vw)}

/* Labels neben Form-Fields 
#form-processing .form-item .form-group > div, #form-processing .form-item .form-group > label {width: 50%;} */
#form-processing .label_left, #form-processing .label_left label {text-align: left !important;	padding-left: 0 !important;}
#form-processing .label_after_field .label_left, #form-processing .label_after_field .label_left label {padding-left: .5vw !important;}
.text_in_labelheight {padding-top: .8vw;}

/* Labels über Form-Fields & Innere Labels (Checkboxen) */
#form-processing .form-item.checkbox .form-group > div,
#form-processing .form-item.checkbox_consent .form-group > div,
#form-processing .form-item.show_value_as_text_without_label .form-group > div,
#form-processing .form-item.label_fulline .form-group > div {width: 100%;}

#form-processing .perso .checkbox_multiple .form-group, #form-processing .perso .checkbox .form-group {flex-direction: row;justify-content: flex-start;text-align: left;}
.decision_question textarea, .textarea textarea {width: 100%;resize: none;height: 5vw;padding: 0.5vw 1vw;}
.generated-form .form-group label {padding: 0 1vw;font-size: var(--fontnorm);white-space: normal;word-break: break-word;}

.generated-form .form-item.decision_question > .form-group + .form-group > label {text-align: left;	padding: 0.25vw 0;}
#form-processing .perso select.form-control {width: auto !important;}
#form-processing .perso .form-item {margin-bottom: 1vw;}
#form-processing .perso .form-item.\[FIELD_LINEBREAK\] {margin-bottom: 0;}
#form-processing .perso .form-item > .form-group + .form-group {margin-top: 1vw;}
#form-processing .perso .form-item.decision_question > .form-group + .form-group {margin-top: .5vw;}
#form-processing .form_group_container.has-error label {color: #000;}
/* if class label_fulline in container element, display label as block on top */
#form-processing .perso .label_fulline .form-group {display: block;}
#form-processing .perso .label_fulline .form-group label {padding: 0.25vw 0;width: 100%;text-align: left;}
#form-processing .perso .label_fulline .form-group label ~ .col-sm-6 {width: 100%;}

#form-processing .perso .checkbox_framed .form-group label {background-color: #FFF !important;border: 1px solid #a5a5a5;padding:.5vw;min-height:3vw;z-index: 1;position: relative;color: #000;}
#form-processing .perso .checkbox_framed .form-group label.disabled,#form-processing .perso .checkbox_framed .form-group label.disabled:hover, #form-processing .perso .checkbox_framed .form-group label.disabled .wo_check_element {background-color: #ccc !important;	cursor: not-allowed !important;}
#form-processing .perso .checkbox_framed .form-group label:hover {background-color: #ebebeb !important;}
#form-processing .perso .checkbox_framed .form-group {display: block !important;}

#form-processing .perso .checkbox_framed.dark .form-group label {background-color: #646464 !important;border: 1px solid #a5a5a5;color: #FFF;}
#form-processing .perso .checkbox_framed.dark .form-group label:hover {background-color: #4a4a4a !important}

#form-processing .perso .fake_label, #form-processing .perso .fake_label-sm {margin-top: 1.78vw;}
#form-processing .form_group_container.has-error .form-group-content .fake_label, #form-processing .form_group_container.has-error .form-group-content .fake_label-sm {margin-top: 0.78vw !important;}


#form-processing .form-headline, #form-processing .form-section-headline, #form-processing .form-group-headline {text-align: center;font-size: var(--fontlarge);border-top-right-radius: var(--o_tile_radius);border-top-left-radius: var(--o_tile_radius);padding: 0.5vw 0;background-color:var(--color_btn_info);color:var(--color_text_btn_info);line-height: normal;}
#form-processing .persoblock .input-group-addon, .picker_set_now {font-size: var(--fontnorm);height: 2vw;padding: 0 1vw;line-height: 1vw;background-color: var(--color_btn_primary);color: var(--color_text_btn_primary);border-color: var(--color_btn_primary);cursor: pointer;border-radius: 0;border-color:transparent}
#form-processing .persoblock .input-group-addon:hover {background-color: var(--color_btn_primary_h)}
.picker_set_now {width: 1%;display: table-cell;white-space: nowrap;vertical-align: middle;background-color: var(--color_btn_warn);color: var(--color_text_btn_warn);}
.picker_set_now:hover {background-color: var(--color_btn_warn_h)}
#form-processing input.form-control:disabled+.input-group-addon {background-color: #aaa;color: #666;cursor: not-allowed;}
#form-processing .persoblock .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 3vw;font-size: var(--fontnorm);padding: 0;}
#form-processing .persoblock .select2-container--default .select2-selection--single {height: 3vw;border-radius: 0;padding: 0 1vw;border-color: #a5a5a5;}
#form-processing .text {color: inherit;line-height: normal;margin-bottom: 1vw;}

/* list elements */
#form-processing .text ol li,#form-processing .text ul li  {padding-left: 0.25vw;margin-left: 1.5vw;}
#form-processing .text ol li::marker ,#form-processing .text ul li::marker {font-weight: bold;}

#form-processing .perso .form-group .radio label {background: #fff;border: 1px solid #a5a5a5;padding: 0 1vw;width: 100%;border-radius: 0;line-height: 3vw;text-align: center;height: 3vw;vertical-align: middle;min-height: inherit;margin-bottom: 0;font-weight: 400;cursor: pointer;display: flex;justify-content: center;align-items: center;}
#form-processing .perso .form-group .radio label:hover {background-color: #eee;}
#form-processing .perso .form-group .radio label.checked {color: var(--color_text_btn_primary);	background-color: var(--color_btn_primary) !important;	border-color: var(--color_btn_primary);}
#form-processing .perso .form-group .radio label.disabled {cursor: not-allowed !important;background-color: #ccc !important;border: 1px solid #a5a5a5;}
#form-processing .radio label.disabled .wo_check_source+.wo_check_element.radio:after {cursor: not-allowed !important}
.select2.select2-container--disabled .select2-selection, #settings .employeeradios .radio[disabled] label, .select2.select2-container--disabled .select2-selection:hover, #settings .employeeradios .radio[disabled] label:hover {background-color: #ccc !important;border-color: #a9a9a9;color: #FFF;box-shadow: none !important;}
.select2.select2-container--disabled {border:none !important;}
.select2.select2-container--disabled .select2-selection .select2-selection__rendered, .select2.select2-container--disabled .select2-selection .select2-selection__placeholder {color: #555 !important;}
.select2.select2-container--disabled .select2-selection .select2-selection__arrow b {border-color:#a9a9a9 transparent transparent !important}
.select2.select2-container--disabled .select2-selection__arrow {border-color:#a9a9a9}
#form-processing input.form-control:disabled, #form-processing textarea.form-control:disabled {background-color: #ccc !important;}
#form-processing .perso input[type="radio"] {margin: 0;height: 0;width: 0;}
#form-processing .perso .form-group .radio {height: 3vw;min-height: inherit;padding: 0;font-size: var(--fontnorm);}
#form-processing .register_quest .select2-container--default .select2-selection--single .select2-selection__arrow b {border-width: 0.4vw 0.3vw 0 0.3vw !important;margin-left: -1vw !important;margin-top: -0.2vw !important;}
#form-processing .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-width: 0 0.3vw 0.4vw 0.3vw !important;}
#form-processing .persoblock .select2-container--default .select2-selection--single .select2-selection__arrow {height: 2vw;border-left: none !important;}
#form-processing .perso_subline {margin-left:-1vw;width: calc(100% + 2vw);border-top: 1px solid #ddd;font-size: var(--fontnorm);color: #292f38;text-align:center}
#form-processing .perso .form-item.field_linebreak {margin-bottom: 0;clear: both;width: 100%;}
#form-processing .textarea-perso {resize:none;min-height:7vw;padding:1vw}
#form-processing .wo_check_source+.wo_check_element.radio:after {margin-left: -1.5vw;top: .85vw}
#personal_quest_agreed {margin: 0;width: 2vw;height: 2vw;box-shadow: inset 0 0 0 0.2vw var(--o_prim_back);cursor: pointer;vertical-align: middle;margin-right: 1vw;}
.register_quest .refresh-animation {display: none;position: absolute;color: var(--color_text_btn_succ);	right: 3vw;	margin-top: 0.1vw;}
#form-processing .form_footline {padding:1vw;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;}
#form-processing .perso.btn {margin: 0 !important;color: var(--color_text_btn_succ);background-color: var(--color_btn_succ);border-color: var(--color_btn_succ);width: calc(100% - 2vw);height: 3vw;line-height: 2.9vw;padding: 0 1vw;font-size: var(--fontnorm);}
#form-processing .perso.btn:hover, #form-processing .perso.btn:active {background-color: var(--color_btn_succ_h);border-color: var(--color_btn_succ_h);}
#form-processing .form_footline .wo_check_holder.checkbox {padding: 0 1vw;min-height: 0;}
#wo_check_personal_quest_agreed {min-height: 0;	padding-top: 0;}
#form-processing .perso .form-group .radio.col-xs-6 + .radio {padding-left: 0.5vw;padding-right: 0;}
#form-processing .perso .form-group .radio.col-xs-6 {padding-left: 0;padding-right: 0.5vw;}
#form-processingflex {display: flex;flex-direction: row;align-items: center;}
#form-processingflex.show-in-xs {display: none;}
#form-processing .form-section-headline > button {margin: -0.5vw 0;display: flex;float: right;}
#form-processing .field-summary {padding:1vw 1vw 0;display: flex;}
#form-processing .scroll-wrapper.field-summary-scroll {	margin: -1vw -3vw 0; max-height:50vh;background-color:#feffbb}
#form-processing .field-summary .wo_check_element.checkbox, #form-processing .field-summary .decision_question textarea, #form-processing .field-summary .textarea textarea, #form-processing .field-summary .form-group .radio label  {background: transparent;cursor: not-allowed !important;}
#form-processing .field-summary .wo_check_source:checked+.wo_check_element.radio:after  {cursor: not-allowed !important;}
.form-section + .form-section:not(.tab-pane) {margin-top:1vw}
#form-processing .company_logo_teamtrainer {margin-top:1vw}
#form-processing input[type="text"].form-control,#form-processing input[type="number"].form-control, .decision_question textarea, .textarea textarea {background-color: #FFF;border: 1px solid #a5a5a5;color:#000}
#form-processing input[type="text"].form-control:focus, .decision_question textarea:focus, .textarea textarea:focus, #form-processing .perso .form-group .radio label:focus,#form-processing .select2-container--bootstrap.select2-container--open .select2-selection {border-color: var(--color_brand_primary);}
#form-processing .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {border-color:transparent}
.gs.start #form-processing .perso label.control-label.checked {background-color: transparent !important;}
#form-processing button.form-control, #form-processing .form-item.btn, #form-processing .form-item .btn {padding: 0 1vw;line-height: 3vw;width: 100%;border: none;font-size: var(--fontnorm);}
.checkbox_consent .wo_check_element.checkbox {margin-right: 0.5vw;}

/* Buttons */
/* if nothing is declared, primary */
#form-processing button, #form-processing .btn-primary {color: var(--color_text_btn_primary);background-color: var(--color_btn_primary)}
#form-processing button:hover, #form-processing .btn-primary:hover {background-color: var(--color_btn_primary_h)}

#form-processing .btn-success {color: var(--color_text_btn_succ);background-color: var(--color_btn_succ)}
#form-processing .btn-success:hover {background-color: var(--color_btn_succ_h)}

#form-processing .btn-warning {color: var(--color_text_btn_warn);background-color: var(--color_btn_warn)}
#form-processing .btn-warning:hover {background-color: var(--color_btn_warn_h)}

#form-processing .btn-danger {color: var(--color_text_btn_dang);background-color: var(--color_btn_dang)}
#form-processing .btn-danger:hover {background-color: var(--color_btn_dang_h)}

/* signature pad btn */
#form-processing button.open-signature-pad-in-form {color: var(--color_text_btn_warn) !important;background-color: var(--color_btn_warn);border-color: var(--color_btn_warn);}
#form-processing button.open-signature-pad-in-form.btn-success {color: var(--color_text_btn_succ) !important;background-color: var(--color_btn_succ);border-color: var(--color_btn_succ);}
#form-processing button.open-signature-pad-in-form:hover {background-color: var(--color_btn_warn_h);border-color: var(--color_btn_warn_h);}
#form-processing button.open-signature-pad-in-form.btn-success:hover {background-color: var(--color_btn_succ_h);border-color: var(--color_btn_succ_h);}

.summary-header {text-align: center;font-size: var(--fontnorm);border-top-left-radius: var(--o_tile_radius);padding: 0.5vw 0 !important;background-color: var(--color_btn_warn);color: var(--color_text_btn_warn) !important;border-top-right-radius: var(--o_tile_radius);margin: -1vw -1vw 0 -1vw !important}
.generated-form .form-control {height: 3vw;padding: 0 1vw;border-radius: 0;}
.generated-form input[type="checkbox"].form-control {height: 0;padding: 0;width: 0;}

.generated-form textarea.form-control {padding: 0.5vw 1vw;}
body.gs.firefox .generated-form .textarea * { flex-shrink: unset;}

/* special classes */
.fullwidth-label .form-group {display: block !important;}
.fullwidth-label label {width: 100%;text-align: left !important;padding-left: 0 !important;}
.border-green {box-shadow: 0 0 0 0.1vw var(--color_btn_succ);}
.text-label {margin:0 !important;padding: 0.25vw 0;}
.force-center {text-align:center !important}
#form-processing .perso .form-item.label_66-sm label {width: 66.666666%;}
#form-processing .perso .form-item.label_66-sm label + div {width: 33.333333%;}
#form-processing .perso .form-item.label_33-sm label {width: 33.333333%;}
#form-processing .perso .form-item.label_33-sm label + div {width: 66.666666%;}
#form-processing .check-center .form-group label, #form-processing .checkbox_multiple .form-group label, #form-processing .checkbox .form-group label, #form-processing .checkbox_consent .form-group label {display: flex;align-items: center;}
#form-processing .label_after_field .form-group {flex-direction: row-reverse;}
.notbold * {font-weight:normal !important}

/* group spacers */
.col-sm-11.group-spacerr-sm {width: calc(91.66666667% - 0.5vw);margin-right:.5vw;}
.col-sm-11.group-spacerl-sm {width: calc(91.66666667% - 0.5vw);margin-left:.5vw;}
.col-sm-11.group-spacerl-sm.group-spacerr-sm {margin-left: 0.5vw;margin-right: 0.5vw;width: calc(91.66666667% - 1vw);}
.col-sm-10.group-spacerr-sm {width: calc(83.33333333% - 0.5vw);margin-right:.5vw;}
.col-sm-10.group-spacerl-sm {width: calc(83.33333333% - 0.5vw);margin-left:.5vw;}
.col-sm-10.group-spacerl-sm.group-spacerr-sm {margin-left: 0.5vw;margin-right: 0.5vw;width: calc(83.33333333% - 1vw);}
.col-sm-9.group-spacerr-sm {width: calc(75% - 0.5vw);margin-right:.5vw;}
.col-sm-9.group-spacerl-sm {width: calc(75% - 0.5vw);margin-left:.5vw;}
.col-sm-9.group-spacerl-sm.group-spacerr-sm {margin-left: 0.5vw;margin-right: 0.5vw;width: calc(75% - 1vw);}
.col-sm-8.group-spacerr-sm {width: calc(66.66666667% - 0.5vw);margin-right:.5vw;}
.col-sm-8.group-spacerl-sm {width: calc(66.66666667% - 0.5vw);margin-left:.5vw;}
.col-sm-8.group-spacerl-sm.group-spacerr-sm {margin-left: 0.5vw;margin-right: 0.5vw;width: calc(66.66666667% - 1vw);}
.col-sm-7.group-spacerr-sm {width: calc(58.33333333% - 0.5vw);margin-right:.5vw;}
.col-sm-7.group-spacerl-sm {width: calc(58.33333333% - 0.5vw);margin-left:.5vw;}
.col-sm-7.group-spacerl-sm.group-spacerr-sm {margin-left: 0.5vw;margin-right: 0.5vw;width: calc(58.33333333% - 1vw);}
.col-sm-6.group-spacerr-sm {width: calc(50% - 0.5vw);margin-right:.5vw;}
.col-sm-6.group-spacerl-sm {width: calc(50% - 0.5vw);margin-left:.5vw;}
.col-sm-6.group-spacerl-sm.group-spacerr-sm {margin-left: 0.5vw;margin-right: 0.5vw;width: calc(50% - 1vw);}
.col-sm-5.group-spacerr-sm {width: calc(41.66666667% - 0.5vw);margin-right:.5vw;}
.col-sm-5.group-spacerl-sm {width: calc(41.66666667% - 0.5vw);margin-left:.5vw;}
.col-sm-5.group-spacerl-sm.group-spacerr-sm {margin-left: 0.5vw;margin-right: 0.5vw;width: calc(41.66666667% - 1vw);}
.col-sm-4.group-spacerr-sm {width: calc(33.33333333% - 0.5vw);margin-right:.5vw;}
.col-sm-4.group-spacerl-sm {width: calc(33.33333333% - 0.5vw);margin-left:.5vw;}
.col-sm-4.group-spacerl-sm.group-spacerr-sm {margin-left: 0.5vw;margin-right: 0.5vw;width: calc(33.33333333% - 1vw);}
.col-sm-3.group-spacerr-sm {width: calc(25% - 0.5vw);margin-right:.5vw;}
.col-sm-3.group-spacerl-sm {width: calc(25% - 0.5vw);margin-left:.5vw;}
.col-sm-3.group-spacerl-sm.group-spacerr-sm {margin-left: 0.5vw;margin-right: 0.5vw;width: calc(25% - 1vw);}
.col-sm-2.group-spacerr-sm {width: calc(16.66666667% - 0.5vw);margin-right:.5vw;}
.col-sm-2.group-spacerl-sm {width: calc(16.66666667% - 0.5vw);margin-left:.5vw;}
.col-sm-2.group-spacerl-sm.group-spacerr-sm {margin-left: 0.5vw;margin-right: 0.5vw;width: calc(16.66666667% - 1vw);}
.col-sm-1.group-spacerr-sm {width: calc(8.33333333% - 0.5vw);margin-right:.5vw;}
.col-sm-1.group-spacerl-sm {width: calc(8.33333333% - 0.5vw);margin-left:.5vw;}
.col-sm-1.group-spacerl-sm.group-spacerr-sm {margin-left: 0.5vw;margin-right: 0.5vw;width: calc(8.33333333% - 1vw);}

/* printing content only */
#form-processing .show_value_as_text_with_label .form-group > div, #form-processing .show_value_as_text_without_label .form-group > div {background-color: #ebebeb;padding: 0 1vw;border: 1px solid #a5a5a5;height: 3vw;line-height: 3vw;cursor: default;color: #262626;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pdf-only {display:none}

/* has error */
.form-group.has-error label, .form-group.has-error input, .form-group.has-error textarea {border-color: var(--color_error) !important;}
.form-group.has-error select + .select2-container .selection .select2-selection {box-shadow: inset 0 0 0 2px red;}
.form-group.has-error .help-inline {width:auto}
.form_group_container.has-error {padding: 1vw 1vw 0;margin-bottom: 1vw;	background-color: rgba(255,0,33,.1);border: 1px solid var(--color_error);}

/* when displayed in onbording, simulate values from .container */
.onboarding .generated-form {padding-left: 0;padding-right: 0;margin-right: auto;margin-left: auto;display:block}
.onboarding #form-processing {font-weight: calc(300 + var(--fontweight_correction)); min-height:calc(100vh - 10vw);min-height:calc(var(--realheight) - 10vw)} 

/* nav tabs */
#form-processing .form-sections.tab-content, #form-processing .tab-content>.tab-pane {padding:0;border:none;background-color: transparent;}
#form-processing .tab-content>.tab-pane {padding: 1vw;background: #FFF;}
#form-processing .tab-content>.tab-pane:not(.active) {display: none !important;}
#form-processing .nav-tabs>li.active>a, #form-processing .nav-tabs>li.active>a:focus, #form-processing .nav-tabs>li.active>a:hover {background-color: #fcfcfc !important;border: none;border-bottom: 1px solid #fcfcfc !important;}
#form-processing .nav-tabs>li.active>a>div, #form-processing .nav-tabs>li.active>a>div:focus, #form-processing .nav-tabs>li.active>a>div:hover {background-color: #fcfcfc !important;border:none;border-bottom: 1px solid #fcfcfc;}
#form-processing .nav-tabs>li.active>a,#form-processing .nav-tabs>li.active>a:hover {border-top: 1px solid rgba(0,0,0,.5) !important;}
#form-processing .nav-tabs>li {vertical-align: bottom;}
#form-processing .nav-tabs>li.active>a>div, #form-processing .nav-tabs>li.active>a>div:focus, #form-processing .nav-tabs>li.active>a>div:hover {background-color: #eaebeb;color: #000;}
#form-processing .nav-tabs>li>a:hover {border-color: transparent !important;background-color:#666666 !important}
#form-processing .nav-tabs>li>a {border-bottom-color: transparent !important;box-shadow: 0 0 0.15vw #000 !important;height:unset !important;line-height: normal !important;min-height: 3vw !important;display: flex;justify-content: center;align-items: center;background-color: #8b8b8b !important;	font-size: var(--fontlarge);padding: .1vw .5vw;border-top-left-radius:.6vw;border-top-right-radius:.6vw;}
#form-processing .nav-tabs>li>a .form-section-headline{padding: 0;background-color: transparent;	font-size: var(--fontnorm);}
#form-processing .nav-tabs>li>a .info-circle:before {padding: 0;position: absolute;right:.4vw;top:.3vw;color: var(--color_btn_dang);opacity: .8;background-color: #FFF;border-radius: 100%;width: 1vw;height: 1vw;line-height: 1vw;font-size: 1.35vw;}
/* allow horizontal scrolling for tab overflow */
#form-processing .nav-tabs.nav-justified {overflow-x: auto;	overflow-y: hidden;}
/* basic table  - exclude datepicker */ 
#form-processing table td, #form-processing table th {padding:.25vw .5vw}
#form-processing table th {background-color:#666;color:#FFF;vertical-align:middle}
#form-processing table td {vertical-align:top}
#form-processing table.bordered th, #form-processing table.bordered td {border:1px solid #000}

#form-processing .datepicker table th {background-color:transparent;color:inherit;}
#form-processing .datepicker table td {vertical-align:middle}

/* iFrames */
.form-generator-mediacenter {width: 100%;height: 30vw;box-shadow: 0 0 0 1px #000;}

/* specials when in Modal */
.generated-form-modal #form-processing {padding: 0;width: 100%;}
#modal-courseunit-preview #form-processing {padding: 1vw;max-height: calc(var(--realheight) - 13.5vw);overflow: auto;}
.modal-body > #form-processing .persoblock {border-radius: 0;}
.modal #form-processing .persoblock.no_background {padding: 0;}
.generated-form-modal .modal-body > .frontloader {position: absolute;right: calc(50% - 3vw);top: calc(50% - 3vw);margin: auto;transform: none;width: 6vw;	height: 6vw;}
#modal_form_my_employee_user_doings #form-processing {padding: 0;}
/* #form-processing .form-sections .form-section:last-child .persoblock:last-child {margin-bottom: 1vw;} */
#form-processing .form-sections .form-section:last-child .persoblock.no_background:last-child {margin-bottom: 0}
#modal_form_my_employee_user_doings.is-generated-form .modal-dialog {height: auto;}

/* special field app_field_line_manager_induction */
#modal_form_user_quick_modal .app_field_line_manager_induction, #modal_form_user_quick_modal .regular_field {width: calc(72% - 1vw);float: right;}
#modal_form_user_quick_modal .app_field_line_manager_induction + div {border: 2px solid #282e38;padding: 0.1vw 0.5vw 0.5vw 1vw;width: 28%;float: left;}
#modal_form_user_quick_modal .app_field_line_manager_induction + div:hover {background-color: rgba(0,0,0,.1);}
#modal_form_user_quick_modal .app_field_line_manager_induction + div > label {display: flex;margin-top: 0.5vw;}

/* Form group displayed as Modal */
.form-section .generated-form-modal .modal-dialog {width: 80%;top: 5%;margin: auto;}

/* font sizes */
.onboarding #form-processing .generated-form p {line-height:normal;font-size: var(--fontnorm)}
.onboarding #form-processing {margin: 0;border: 0;font: inherit;font-weight: calc(300 + var(--fontweight_correction));vertical-align: baseline;font-family: var(--systemfont);overscroll-behavior: none;font-size: var(--fontnorm);line-height:normal}


/* frame sizes */
.onboarding #form-processing .generated-form {padding: 0;display: block;height:auto}
.scroll-scrolly_visible>#form-processing.container>.w-full {width: 97.5vw;}
@media (min-width: 768px) {.onboarding #form-processing .generated-form {width: 720px;}#form-processing.container>.w-full {width: 98vw;margin-left: calc(-50vw + 360px)}}
@media (min-width: 992px) {.onboarding #form-processing .generated-form {width: 940px;}#form-processing.container>.w-full {width: 98vw;margin-left: calc(-50vw + 470px)}}
@media (min-width: 1200px) {.onboarding #form-processing .generated-form {width: 1140px;}#form-processing.container>.w-full {width: 98vw;margin-left: calc(-50vw + 570px)}}


/* one document specials */
.form-item.special-warning {background-color: #FFF;font-size: 2vw;border: .5vw solid red;padding: 1vw;text-align: center;}
@media (min-width: 768px) {.form-item.special-warning {font-size: 2rem;border: .5rem solid red;padding: 1rem;}}

/* duplicatable BTNs */
.form_group_container.is_duplicatable.ui-sortable .form-group-content {max-width:calc(100% - 6vw);box-shadow: inset 0 0 0 1px #969696;padding:2vw 1vw 1vw 1vw;margin-bottom: 1vw;background-color: #FFF;left:3vw}
.form_group_container.is_duplicatable.ui-sortable .form-group-content > .sort_handle {position: absolute;width: 3vw;right: -3vw;bottom: 0vw;height: 100%;cursor: ns-resize;}
.form_group_container.is_duplicatable.ui-sortable .form-group-content .remove-form-group-container {left:-3vw;position: absolute;width: 3vw;height:100%;bottom:0}
.form_group_container.is_duplicatable.ui-sortable .form-group-content .remove-form-group-container .btn {border-radius:100%;width: 2.5vw;height: 2.5vw;	min-height: unset;padding: 0;}
.form_group_container.is_duplicatable.ui-sortable .form-group-content > .form-item {margin: 0 !important;}
.form_group_container.is_duplicatable.ui-sortable .form-group-content > .form-item >.form-group {margin-bottom: 0 !important;}
.form_group_container.is_duplicatable.ui-sortable .form-group-content > .form-item >.form-group > label {margin-top: -1.5vw;}
#form-processing .form_group_container.is_duplicatable.ui-sortable .form-group-headline {margin-bottom: 1vw;}
.form_group_container.is_duplicatable.ui-sortable .form-group-headline + .form-group-content > .form-item >.form-group > label {margin-top: -.5vw;}

/* Small Devices, Tablets @media only screen and (max-width: 767px) */
@media only screen and (max-width: 767px) {
	/* new spacer system */
	#form-processing .spacerl-sm {padding-left:0}
	#form-processing .spacerr-sm {padding-right:0}
	#form-processing .spacerl {padding-left:.5rem}
	#form-processing .spacerr {padding-right:.5rem}
	.onboarding #form-processing {margin: 0 !important;}
	.onboarding #form-processing form.generated-form {padding: 0;width: 100%;}
	.onboarding .content-slide.scroll-scrolly_visible #form-processing form.generated-form {padding-right: 0.5rem;}
	#form-processing {margin-top: 0;padding: 1rem;}
	#user_pending_details .people-list > .distanceall {padding: 0;width: 100%;}
	#user_pending_details .people-list > .distanceall .form_container_outer {padding: .5rem}
/*	#user_pending_details .people-list .row:first-child .form-group label {padding: 0.5rem 0 0 0;}
	#form-processing .text {margin-bottom: 1rem;} */
	.form-pages .form-page .persoblock {padding: 1rem}
	#form-processing .perso .form-group {flex-direction: column;}
	#form-overlay {display:none}
	#form-processing .register_quest.inited, .loggedin #form-processing .register_quest.inited {width: 100% !important;height: inherit}
	.scrollable.register_quest.scrollbar-light.scroll-content {padding: 0}
	.remove-form-group {width: 100%;margin-left: 0;}
	#form-processing .register_quest > div {margin-top: 1rem;}
	#form-processing .register_quest.scrollable.scroll-scrolly_visible {max-width: calc(100% - 1rem) !important;}
	#form-processing .register_quest + .scroll-element + .scroll-element.scroll-y {height: calc(100% - 3.5rem);min-height: calc(100% - 3.5rem);right: -0.1rem;}
	#form-processing .persoblock{margin:0;padding: 1rem 1rem 0 1rem;}
	#form-processing .form-headline, #form-processing .form-section-headline, #form-processing .form-group-headline {padding:.5rem}	
	#form-processing .group-bg > .form-group-headline {margin: -1rem -1rem 0 -1rem;font-size: var(--fontnorm)}
	#form-processing .form-group-headline + .form-group-content {padding-top:1rem}
	#form-processing .child-area .col-sm-offset-9, .insurance-info {margin-bottom: 1rem;}
	#form-processing .remove_employment, .add_employment {width: 6rem;margin: 0 .5rem 1rem}
	#form-processing .remove_language, .add_language {width: 6rem;margin: 0 .5rem 1rem}
	#form-processing .persoblock.notpersonal {padding: 1rem}
	#form-processing .form-horizontal.perso .control-label, #form-processing .perso .label_fulline .form-group label {padding: 0.2rem 0;width: 100%;}
	#form-processing .label_after_field .label_left, #form-processing .label_after_field .label_left label {padding-left: .5rem !important;}
	#form-processing .label_after_field.col-xs-12 .label_left, #form-processing .label_after_field.col-xs-12 .label_left label {padding-left: 0 !important;}
	#form-processing .perso .form-control {height: 3rem;padding: .25rem 1rem;}
	#form-processing .perso .form-control.btn {line-height: 3rem;padding: 0 1rem;}
	#form-processing .perso .textarea .form-control {min-height: 7rem !important;height: auto;padding: 0.5rem;}
	#form-processing .perso .form-item {margin-bottom: 1rem;}
	#form-processing .perso .form-item > .form-group + .form-group, #form-processing .perso .form-item.decision_question > .form-group + .form-group {margin-top: 1rem;}
	#form-processing .form-section-headline, #form-processing .register_quest > div {font-size: var(--fontlarge);padding: 0.5rem;}
	#form-processing .persoblock .input-group-addon, .picker_set_now {height: 3rem;padding: 0 1rem;line-height: 1rem;}
	#form-processing .persoblock .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 3rem;}
	#form-processing .persoblock .select2-container--default .select2-selection--single {height: 3rem;}
	#form-processing .perso .form-group .radio label {padding: 0 0 0 2rem;line-height: 3rem;height: 3rem;}
	#form-processing .perso input[type="radio"] {margin: -0.2rem 1rem 0 -3rem !important;height: 1rem;width: 1.2rem;}
	#form-processing .perso .form-group .radio {height: 3rem;}
	#form-processing .register_quest .select2-container--default .select2-selection--single .select2-selection__arrow b {border-width: 0.4rem 0.3rem 0 0.3rem !important;margin-left: -1rem !important;margin-top: -0.2rem !important;}
	#form-processing .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-width: 0 0.3rem 0.4rem 0.3rem !important;}
	#form-processing .persoblock .select2-container--default .select2-selection--single .select2-selection__arrow {height: 3rem;}
	#form-processing .perso_subline {width: 100%;padding: 1rem 0;}
	#form-processing .textarea-perso {min-height:7rem;padding:1rem}
	#form-processing .wo_check_source+.wo_check_element.radio:after {margin-left: -1.5rem;top: 0.9rem;}
	#form-processing .nav-tabs>li {margin-bottom: 1px;}
	#personal_quest_agreed {width: 2rem;height: 2rem;box-shadow: inset 0 0 0 0.2rem var(--o_prim_back);margin-right: 1rem;}
	#form-processing .select2-container--default .select2-selection--single .select2-selection__arrow b {border-width: 0.4rem 0.3rem 0 0.3rem !important;margin-left: -1rem !important;margin-top: -0.2rem !important;}
	#form-processing .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-width: 0 0.3rem 0.4rem 0.3rem !important;}
	#form-processing .form_footline {padding:1rem;display: block;}
	#form-processing .perso.btn {margin: 0 0 1rem 0 !important;width: 100%;height: 3rem;line-height: 2.9rem;padding: 0 1rem;}
	#form-processing .form_footline .wo_check_holder.checkbox {padding: 0;	margin-right: 1rem;}
	.register_quest .refresh-animation {right:inherit;margin-top:0;bottom: 1.9rem;left: 2rem;}
	#form-processing .select2-container--default .select2-results > .select2-results__options {max-height: 15vh;overflow-y: auto;}
	#form-processing .select2-search--dropdown .select2-search__field {padding: 0.25rem 1rem;height: 2.5rem;}
	#form-processing .perso .form-group .radio.col-xs-6 + .radio {padding-left: 0.5rem;padding-right: 0;}
	#form-processing .perso .form-group .radio.col-xs-6 {padding-left: 0;padding-right: 0.5rem;}
	#form-processing .register_quest .persoblock.row-personal_quest_agreed {margin-bottom: 5rem;}
	#form-processing .select2-search--dropdown {padding: 0.25rem;}
	#form-processing .select2-container--open .select2-dropdown {box-shadow: 0 0 0.5rem rgb(0 0 0 / 80%);}
	#form-processingflex.show-in-xs {display: flex;}
	#form-page-next, #form-page-previous {font-size: 2rem;}
	#form-processing .field-summary {padding: 1rem 1rem 0;margin:-1rem -1rem 0 -1rem;}
	#form-processing .form-section-headline > button {margin: -0.5rem;align-items: center;height: 2.5rem;}
	.decision_question textarea, .textarea textarea {height: 5rem;padding: 0.5rem 1rem;}
	.scroll-scrolly_visible>#form-processing.container>.w-full {width: 100%;}
	#form-processing .form-section + .form-section:not(.tab-pane) {margin-top:1rem}
	#form-processing .form-item .form-group > div {width: 100%;}
	#form-processing .company_logo_teamtrainer {margin-top:1rem}
	#form-processing button.form-control, #form-processing .form-item.btn, #form-processing .form-item .btn {padding: 0 1rem !important;line-height: 3rem}
	.checkbox_consent .wo_check_element.checkbox {margin-right: 1rem;}
	#form-processing .field-summary {padding:1rem 1rem 0;margin:0}
	#form-processing .scroll-wrapper.field-summary-scroll {	margin:-1rem -1rem 0}
	.field-summary-scroll.scrollbar-light > .scroll-element.scroll-y {height: calc(100% - 2rem);min-height: calc(100% - 2rem);right: 0.2rem;top: 1rem;}
	.summary-header {padding: 0.75rem !important;margin: -1rem -1rem 0 -1rem !important;font-size: var(--fontlarge);}
	.generated-form .form-control {height:3rem;	padding: 0 1rem;}
	.generated-form textarea.form-control {padding: 0.5rem 1rem;}
	.generated-form .form-group label {padding: 0 1rem;}
	.generated-form .row:first-child .form-group label {text-align:left;width: 100%;}
	#form-processing .perso .checkbox_framed .form-group label {padding: .5rem;min-height:3rem}
	#form-processing .perso .fake_label {margin-top: 1.4rem;}
	#form-processing .perso .fake_label-sm {margin-top: 0}
	#form-processing .form_group_container.has-error .form-group-content .fake_label {margin-top: .4rem !important;}
	#form-processing .form_group_container.has-error .form-group-content .fake_label-sm {margin-top: 0 !important;}
	
	#form-processing .group-bg {padding: 1rem 1rem 0;margin-bottom: 1rem;}
	#form-processing .form-submit-button-additional {height:3rem;margin-bottom: 1rem;margin-top: 1rem;line-height: 3rem;}
	
	#form-processing .modal-footer {padding: 1rem;}
	#form-processing .modal-footer .btn.col-sm-6 {width:inherit}
	#form-processing .modal-footer .btn.col-xs-12 {width:100%}
	#form-processing .modal-footer .btn.col-sm-offset-3 {margin-left: 0}

	/* list elements */
	#form-processing .text ol li,#form-processing .text ul li  {padding-left: 0.25rem;margin-left: 1.5rem;}

	/* special classes */
	.fullwidth-label-xs .form-group {display: block !important;}
	.fullwidth-label-xs label {width: 100%;text-align: left !important;padding-left: 0 !important;}
	.border-green {box-shadow: 0 0 0 0.1rem var(--color_btn_succ);}
	.text-label {padding: 0.2rem 0;}
	.col-sm-6.group-spacerr-sm,.col-sm-6.group-spacerl-sm,.col-sm-4.group-spacerr-sm,.col-sm-4.group-spacerl-sm,.col-sm-4.group-spacerl-sm.group-spacerr-sm,.col-sm-3.group-spacerr-sm,.col-sm-3.group-spacerl-sm,.col-sm-3.group-spacerl-sm.group-spacerr-sm {width:100%;margin-right:0;margin-left:0}
	#form-processing .perso .form-item.label_66-sm label, #form-processing .perso .form-item.label_66-sm label + div,#form-processing .perso .form-item.label_33-sm label, #form-processing .perso .form-item.label_33-sm label + div {width: 100%;}
	.form-item.special-warning {font-size: 2rem;line-height: 2.5rem !important;}
	/* label without width, followed by input with variable width */
	#form-processing .form-item.label_flexwidth .form-group > label {text-align:left;width: 100% !important;white-space: normal;}
	.text_in_labelheight {padding-top: 0;}
	
	/* group spacers */
	.col-xs-11.group-spacerr-xs {width: calc(91.66666667% - 0.5rem);margin-right:.5rem;}
	.col-xs-11.group-spacerl-xs {width: calc(91.66666667% - 0.5rem);margin-left:.5rem;}
	.col-xs-11.group-spacerl-xs.group-spacerr-xs {margin-left: 0.5rem;margin-right: 0.5rem;width: calc(91.66666667% - 1rem);}
	.col-xs-10.group-spacerr-xs {width: calc(83.33333333% - 0.5rem);margin-right:.5rem;}
	.col-xs-10.group-spacerl-xs {width: calc(83.33333333% - 0.5rem);margin-left:.5rem;}
	.col-xs-10.group-spacerl-xs.group-spacerr-xs {margin-left: 0.5rem;margin-right: 0.5rem;width: calc(83.33333333% - 1rem);}
	.col-xs-9.group-spacerr-xs {width: calc(75% - 0.5rem);margin-right:.5rem;}
	.col-xs-9.group-spacerl-xs {width: calc(75% - 0.5rem);margin-left:.5rem;}
	.col-xs-9.group-spacerl-xs.group-spacerr-xs {margin-left: 0.5rem;margin-right: 0.5rem;width: calc(75% - 1rem);}
	.col-xs-8.group-spacerr-xs {width: calc(66.66666667% - 0.5rem);margin-right:.5rem;}
	.col-xs-8.group-spacerl-xs {width: calc(66.66666667% - 0.5rem);margin-left:.5rem;}
	.col-xs-8.group-spacerl-xs.group-spacerr-xs {margin-left: 0.5rem;margin-right: 0.5rem;width: calc(66.66666667% - 1rem);}
	.col-xs-7.group-spacerr-xs {width: calc(58.33333333% - 0.5rem);margin-right:.5rem;}
	.col-xs-7.group-spacerl-xs {width: calc(58.33333333% - 0.5rem);margin-left:.5rem;}
	.col-xs-7.group-spacerl-xs.group-spacerr-xs {margin-left: 0.5rem;margin-right: 0.5rem;width: calc(58.33333333% - 1rem);}
	.col-xs-6.group-spacerr-xs {width: calc(50% - 0.5rem);margin-right:.5rem;}
	.col-xs-6.group-spacerl-xs {width: calc(50% - 0.5rem);margin-left:.5rem;}
	.col-xs-6.group-spacerl-xs.group-spacerr-xs {margin-left: 0.5rem;margin-right: 0.5rem;width: calc(50% - 1rem);}
	.col-xs-5.group-spacerr-xs {width: calc(41.66666667% - 0.5rem);margin-right:.5rem;}
	.col-xs-5.group-spacerl-xs {width: calc(41.66666667% - 0.5rem);margin-left:.5rem;}
	.col-xs-5.group-spacerl-xs.group-spacerr-xs {margin-left: 0.5rem;margin-right: 0.5rem;width: calc(41.66666667% - 1rem);}
	.col-xs-4.group-spacerr-xs {width: calc(33.33333333% - 0.5rem);margin-right:.5rem;}
	.col-xs-4.group-spacerl-xs {width: calc(33.33333333% - 0.5rem);margin-left:.5rem;}
	.col-xs-4.group-spacerl-xs.group-spacerr-xs {margin-left: 0.5rem;margin-right: 0.5rem;width: calc(33.33333333% - 1rem);}
	.col-xs-3.group-spacerr-xs {width: calc(25% - 0.5rem);margin-right:.5rem;}
	.col-xs-3.group-spacerl-xs {width: calc(25% - 0.5rem);margin-left:.5rem;}
	.col-xs-3.group-spacerl-xs.group-spacerr-xs {margin-left: 0.5rem;margin-right: 0.5rem;width: calc(25% - 1rem);}
	.col-xs-2.group-spacerr-xs {width: calc(16.66666667% - 0.5rem);margin-right:.5rem;}
	.col-xs-2.group-spacerl-xs {width: calc(16.66666667% - 0.5rem);margin-left:.5rem;}
	.col-xs-2.group-spacerl-xs.group-spacerr-xs {margin-left: 0.5rem;margin-right: 0.5rem;width: calc(16.66666667% - 1rem);}
	.col-xs-1.group-spacerr-xs {width: calc(8.33333333% - 0.5rem);margin-right:.5rem;}
	.col-xs-1.group-spacerl-xs {width: calc(8.33333333% - 0.5rem);margin-left:.5rem;}
	.col-xs-1.group-spacerl-xs.group-spacerr-xs {margin-left: 0.5rem;margin-right: 0.5rem;width: calc(8.33333333% - 1rem);}
	
	/* printing content only */
	#form-processing .show_value_as_text_with_label .form-group > div, #form-processing .show_value_as_text_without_label .form-group > div {padding: 0 1rem;height: 3rem;line-height: 3rem;}
	
	/* has error */
	.form_group_container.has-error {padding: 1rem 1rem 0;margin-bottom: 1rem;}
	
	/* when displayed in onbording */
	.onboarding .content-slide.scrollbar-light.scroll-content.scroll-scrolly_visible .generated-form {padding-right: .5rem;}
	#form-processing .modal {top:4rem;margin-left: 0;}
	.generated-form-modal .modal-body {height: calc(100vh - 19rem);height: calc(var(--realheight) - 19rem);max-height:unset}
	.generated-form-modal.no-footer .modal-body {height: calc(100vh - 14rem);height: calc(var(--realheight) - 14rem);max-height:unset}
	.onboarding #form-processing .modal {max-height: calc(100vh - 11rem);max-height: calc(var(--realheight) - 11rem);width: 100%;margin-left: 0;top: 4rem;}
	.onboarding .generated-form-modal .modal-body {height: calc(100vh - 19.5rem);height: calc(var(--realheight) - 19.5rem);max-height:unset}
	.onboarding .generated-form-modal.no-footer .modal-body {height: calc(100vh - 14.3rem);height: calc(var(--realheight) - 14.3rem);max-height:unset}
	.onboarding .sub .form-page .select2-selection.select2-selection--single {height: 3rem;line-height: 3rem;}
	.onboarding .sub .form-page .form-group .radio label {	width: unset;margin: 0;}
	.onboarding #form-processing {min-height:calc(100vh - 10rem);min-height:calc(var(--realheight) - 10rem)}
	.generated-form-modal .modal-body > .frontloader {width: 8rem;height: 9rem;}
	
	/* Tabs */
	#form-processing .nav-tabs>li>a {min-height: 3rem !important;padding: 0.5rem;border-top-left-radius: 0;border-top-right-radius: 0;margin: 0;}
	#form-processing .nav-tabs>li.active>a, #form-processing .nav-tabs>li.active>a:focus, #form-processing .nav-tabs>li.active>a:hover, #form-processing .nav-tabs>li.active>a>div, #form-processing .nav-tabs>li.active>a>div:focus, #form-processing .nav-tabs>li.active>a>div:hover {background-color: var(--color_btn_succ) !important;color: var(--color_text_btn_succ) !important;border:none;border-bottom:none !important}
	#form-processing .nav-tabs>li>a .info-circle:before {right:.5rem;top:.5rem;font-size: 2rem;width: 1.5rem;height: 1.5rem;line-height: 1.5rem;}
	#settingcontent .usersettings #form-processing .nav-tabs.nav-justified>li.active>a, .usersettings #form-processing .nav-tabs.nav-justified>.active>a, #settingcontainer #form-processing .nav-tabs.nav-justified>.active>a:hover {background-color: var(--color_btn_succ) !important;color: var(--color_text_btn_succ) !important;}
	#form-processing .tab-content>.tab-pane {padding: 0;background: transparent;}
	#modal_form_user_quick_modal .app_field_line_manager_induction, #modal_form_user_quick_modal .regular_field {width: 100%;float: none;}
	#modal_form_user_quick_modal .app_field_line_manager_induction + div {padding: 0.3rem 1rem;width: 100%;float: none;margin-top: 1rem;}
	
	/* iFrames */
	.form-generator-mediacenter {height: 30rem}
	
	/* Form group displayed as Modal */
	.btn.close-generated-form-modal {line-height: 3rem;}
	.form-section .generated-form-modal {padding: 0 !important;}
	.form-section .generated-form-modal .modal-dialog {	width: 100%;top: 0;margin: 0 !important;padding: 0 !important;}
	.generated-form-modal .modal-dialog {margin: 0;top: 4rem;width: 100%;}
	/* #form-processing .form-sections .form-section:last-child .persoblock:last-child {margin-bottom: 1rem;} */

	#modal-courseunit-preview #form-processing {padding: 1rem;max-height: calc(var(--realheight) - 19rem);}
	
	/* duplicatable BTNs */
	.form_group_container.is_duplicatable.ui-sortable .form-group-content {max-width:calc(100% - 6rem);padding:1rem;margin-bottom: 1rem;left:3rem}
	.form_group_container.is_duplicatable.ui-sortable .form-group-content > .sort_handle {width: 3rem;right: -3rem;height: 100%}
	.form_group_container.is_duplicatable.ui-sortable .form-group-content .remove-form-group-container {left:-3rem;width: 3rem;}
	.form_group_container.is_duplicatable.ui-sortable .form-group-content .remove-form-group-container .btn {width: 2.5rem;height: 2.5rem;}
	.form_group_container.is_duplicatable.ui-sortable .form-group-content > .form-item >.form-group > label {margin-top:0}
	.form_group_container.is_duplicatable.ui-sortable .form-group-content > .form-item + .form-item {margin-top: .5rem !important;}
	#form-processing .form_group_container.is_duplicatable.ui-sortable .form-group-headline {margin-bottom: 1rem}
	.form_group_container.is_duplicatable.ui-sortable .form-group-headline + .form-group-content > .form-item >.form-group > label {margin-top: 0}
}	

@media (min-aspect-ratio: 16/9) and (min-width: 1680px) {
	.btn.close-generated-form-modal {line-height: 2.5vw;}
	#form-processing .marginb {margin-bottom:.5vw}
	#form-processing .text, #form-processing button.form-control, #form-processing .form-item.btn, #form-processing .form-item .btn {margin-bottom: .5vw;}
	#form-overlay {top: 46%;left: -10%;}
	#form-processing .persoblock {padding-bottom: .5vw;}
	#form-processing .perso .form-item {margin-bottom: 0.5vw;}
	#form-processing .perso .form-item > .form-group + .form-group {margin-top: .5vw;}
	#form-processing .perso .form-group .radio label, #form-processing .perso .form-group .radio {line-height:2.5vw;height: 2.5vw;}
	#form-processing .wo_check_source+.wo_check_element.radio:after {top:.75vw}
	.generated-form .form-control {height: 2.5vw;}
	#form-processing button.form-control, #form-processing .form-item.btn, #form-processing .form-item .btn {line-height: 2.5vw}
	.form-pages .form-page .persoblock {padding: 1vw 1vw 0.5vw 1vw;}

	#form-processing .perso .checkbox_framed .form-group label {min-height:2.5vw}
	#form-processing .perso .fake_label, #form-processing .perso .fake_label-sm {margin-top: 1.5vw;}
	#form-processing .form_group_container.has-error .form-group-content .fake_label, #form-processing .form_group_container.has-error .form-group-content .fake_label-sm {margin-top: 0.5vw !important;}
	#form-processing .perso_subline {margin-top: .5vw;}
	#form-processing .group-bg {padding:.5vw .5vw 0;margin-bottom:.5vw;}
	#form-processing .group-bg > .form-group-headline {margin: -0.5vw -0.5vw 0 -0.5vw;font-size: var(--fontnorm)}
	#form-processing .form-group-headline + .form-group-content {padding-top:.5vw}
	#form-processing .form-submit-button-additional {height:2.5vw;}
	#form-processing .nav-tabs>li>a {min-height: 2.3vw !important;}
	#form-processing .tab-content>.tab-pane {padding: .5vw}
	#form-processing .form-item.field_separator_line {margin-bottom: 1vw;}
	#form-processing .spacerl-sm, #form-processing .spacerl, #form-processing .perso .form-group .radio.col-xs-6 + .radio {padding-left:.25vw}
	#form-processing .spacerr-sm, #form-processing .spacerr, #form-processing .perso .form-group .radio.col-xs-6 {padding-right:.25vw}
	
	/* printing content only */
	#form-processing .show_value_as_text_with_label .form-group > div, #form-processing .show_value_as_text_without_label .form-group > div {height: 2.5vw;line-height: 2.5vw;}

	#modal_form_user_quick_modal .app_field_line_manager_induction, #modal_form_user_quick_modal .regular_field {width: calc(78% - 1vw);}
	#modal_form_user_quick_modal .app_field_line_manager_induction + div {padding: 0 0 0.4vw 0.5vw;width: 23%;}
	.onboarding #form-processing {min-height:calc(100vh - 8vw);min-height:calc(var(--realheight) - 8vw)} 
	.onboarding #form-processing .modal {max-height: calc(100vh - 10vw);max-height: calc(var(--realheight) - 10vw);top: 4vw;}
	.onboarding #form-processing .modal-body {max-height: calc(100vh - 17vw);max-height: calc(var(--realheight) - 17vw);}
	.generated-form-modal .modal-body {padding-bottom: 0.5vw !important;}
	.generated-form-modal .modal-body {max-height: calc(100vh - 12.5vw);max-height: calc(var(--realheight) - 12.5vw);overflow-y: auto;}
	.generated-form-modal .modal-body.loader_shown {min-height: 10vw;}
	
	/* group spacers */
	.col-sm-11.group-spacerr-sm {width: calc(91.66666667% - 0.25vw);margin-right:.25vw;}
	.col-sm-11.group-spacerl-sm {width: calc(91.66666667% - 0.25vw);margin-left:.25vw;}
	.col-sm-11.group-spacerl-sm.group-spacerr-sm {margin-left: 0.25vw;margin-right: 0.25vw;width: calc(91.66666667% - .5vw);}
	.col-sm-10.group-spacerr-sm {width: calc(83.33333333% - 0.25vw);margin-right:.25vw;}
	.col-sm-10.group-spacerl-sm {width: calc(83.33333333% - 0.25vw);margin-left:.25vw;}
	.col-sm-10.group-spacerl-sm.group-spacerr-sm {margin-left: 0.25vw;margin-right: 0.25vw;width: calc(83.33333333% - .5vw);}
	.col-sm-9.group-spacerr-sm {width: calc(75% - 0.25vw);margin-right:.25vw;}
	.col-sm-9.group-spacerl-sm {width: calc(75% - 0.25vw);margin-left:.25vw;}
	.col-sm-9.group-spacerl-sm.group-spacerr-sm {margin-left: 0.25vw;margin-right: 0.25vw;width: calc(75% - .5vw);}
	.col-sm-8.group-spacerr-sm {width: calc(66.66666667% - 0.25vw);margin-right:.25vw;}
	.col-sm-8.group-spacerl-sm {width: calc(66.66666667% - 0.25vw);margin-left:.25vw;}
	.col-sm-8.group-spacerl-sm.group-spacerr-sm {margin-left: 0.25vw;margin-right: 0.25vw;width: calc(66.66666667% - .5vw);}
	.col-sm-7.group-spacerr-sm {width: calc(58.33333333% - 0.25vw);margin-right:.25vw;}
	.col-sm-7.group-spacerl-sm {width: calc(58.33333333% - 0.25vw);margin-left:.25vw;}
	.col-sm-7.group-spacerl-sm.group-spacerr-sm {margin-left: 0.25vw;margin-right: 0.25vw;width: calc(58.33333333% - .5vw);}
	.col-sm-6.group-spacerr-sm {width: calc(50% - 0.25vw);margin-right:.25vw;}
	.col-sm-6.group-spacerl-sm {width: calc(50% - 0.25vw);margin-left:.25vw;}
	.col-sm-6.group-spacerl-sm.group-spacerr-sm {margin-left: 0.25vw;margin-right: 0.25vw;width: calc(50% - .5vw);}
	.col-sm-5.group-spacerr-sm {width: calc(41.66666667% - 0.25vw);margin-right:.25vw;}
	.col-sm-5.group-spacerl-sm {width: calc(41.66666667% - 0.25vw);margin-left:.25vw;}
	.col-sm-5.group-spacerl-sm.group-spacerr-sm {margin-left: 0.25vw;margin-right: 0.25vw;width: calc(41.66666667% - .5vw);}
	.col-sm-4.group-spacerr-sm {width: calc(33.33333333% - 0.25vw);margin-right:.25vw;}
	.col-sm-4.group-spacerl-sm {width: calc(33.33333333% - 0.25vw);margin-left:.25vw;}
	.col-sm-4.group-spacerl-sm.group-spacerr-sm {margin-left: 0.25vw;margin-right: 0.25vw;width: calc(33.33333333% - .5vw);}
	.col-sm-3.group-spacerr-sm {width: calc(25% - 0.25vw);margin-right:.25vw;}
	.col-sm-3.group-spacerl-sm {width: calc(25% - 0.25vw);margin-left:.25vw;}
	.col-sm-3.group-spacerl-sm.group-spacerr-sm {margin-left: 0.25vw;margin-right: 0.25vw;width: calc(25% - .5vw);}
	.col-sm-2.group-spacerr-sm {width: calc(16.66666667% - 0.25vw);margin-right:.25vw;}
	.col-sm-2.group-spacerl-sm {width: calc(16.66666667% - 0.25vw);margin-left:.25vw;}
	.col-sm-2.group-spacerl-sm.group-spacerr-sm {margin-left: 0.25vw;margin-right: 0.25vw;width: calc(16.66666667% - .5vw);}
	.col-sm-1.group-spacerr-sm {width: calc(8.33333333% - 0.25vw);margin-right:.25vw;}
	.col-sm-1.group-spacerl-sm {width: calc(8.33333333% - 0.25vw);margin-left:.25vw;}
	.col-sm-1.group-spacerl-sm.group-spacerr-sm {margin-left: 0.25vw;margin-right: 0.25vw;width: calc(8.33333333% - .5vw);}
	
	#modal-courseunit-preview #form-processing {max-height: calc(var(--realheight) - 13vw)}
	.modal #form-processing .persoblock > .form-item:last-child > button {margin-bottom: 0;}
	
	/* duplicatable BTNs */
	.form_group_container.is_duplicatable.ui-sortable .form-group-content {max-width: calc(100% - 4vw);padding: 1.75vw .5vw .5vw;margin-bottom: .5vw;left: 2vw;}
	.form_group_container.is_duplicatable.ui-sortable .form-group-content > .sort_handle {width: 2vw;right: -2vw}
	.form_group_container.is_duplicatable.ui-sortable .form-group-content .remove-form-group-container {left:-2vw;position: absolute;width: 2vw;height:100%;bottom:0}
	.form_group_container.is_duplicatable.ui-sortable .form-group-content .remove-form-group-container .btn {width: 1.75vw;height: 1.75vw;}
	#form-processing .form_group_container.is_duplicatable.ui-sortable .form-group-headline {margin-bottom: .5vw;}
	.form_group_container.is_duplicatable.ui-sortable .form-group-headline + .form-group-content > .form-item >.form-group > label {margin-top: -.25vw;}
}	

/* for retina screens */
@media (min-width: 1921px) {
	/* #form-processing .generated-form, .onboarding .generated-form {width: 80%;margin-left: auto;margin-right: auto;} */
	.onboarding #form-processing, #form-check #form-processing, #user_pending_details #form-processing {width:100%}
	#form-processing.container>.w-full {width: 98vw;margin-left: -27.75%;}
	.scroll-scrolly_visible>#form-processing.container>.w-full {width: 97.25vw;}
}


/* for html view */
.codeview {font-size: var(--fontnorm);padding: 0 2vw;white-space: pre-wrap;border-left: 0.5vw solid red;margin: 0;}
body.dark .codeview {color: #00ff42;}