/* iu_dive360 > FE Styles */

input[type=checkbox],
input[type=radio] {
    height: auto !important;
    line-height: 1.15 !important;
}
input[type=date] {
    min-width: 160px;
}


/* TYPO3-Messages */
.typo3-messages {
    padding: 0;
}
.alert {
    padding: 1rem;
    border-radius: 6px;
    list-style: none;
}
.alert-success {
    background: #4CAF50;
    color: #003600;
}
.alert-warning {
    background: #ffc107;
    color: #6c4000;
}
.alert-danger {
    background: #F44336;
    color: #610b05;
}


/* Applicant->confirm */
form.finalize-registration .field  {
    margin-bottom: 25px;
}
form.finalize-registration .field.has-errors  {
    padding: 10px 20px;
    background: #ffe6e6;
    border-radius: 6px;
}
form.finalize-registration .field  label {
    margin-bottom: 5px;
}
form.finalize-registration input[type='password'] {
    margin-bottom: 0;
}
form.finalize-registration ul.field-errors  {
    margin-top: 5px;
}
form.finalize-registration .password-hints span:first-child::before {
    content: "(";
}
form.finalize-registration .password-hints span:not(:last-child)::after {
    content: ", ";
}
form.finalize-registration .password-hints span:last-child::after {
    content: ")";
}


/* RentalObject->list, Applicant->data, Applicant->document */

  /* General Messages */

.general-messages {
    margin-bottom: 20px;
}
.general-message {
    margin-bottom: 10px;
    padding: 10px 20px 15px;
}
.general-message button.remove-notice {
    margin: 7.5px 0 0 0;
}
.general-message.general-warning {
    background-color: #fdd7d5 !important;
}
.general-message.general-notice {
    background-color: #ffffcf !important;
}


/* Applicant->document */
form[name='documentsEdit'] fieldset {
    border: 1px solid #bbb;
    border-radius: 4px;
    background: #f8f5f0;
}
form[name='documentsEdit'] fieldset + fieldset {
    margin-top: 20px;
}
form[name='documentsEdit'] fieldset legend {
    margin: 0 1rem 1.5rem 1rem;
    padding: 5px 20px;
    border-radius: 4px;
    border: 1px solid #aaa;
    background: #ede3d1;
}
form[name='documentsEdit'] .field-wrap {
    position: relative;
    padding: 0.5rem 1rem 1.5rem 1rem;
}
form[name='documentsEdit'] .field-wrap.has-warning {
    background-color: #fdd7d5 !important;
}
form[name='documentsEdit'] .field-wrap.has-notice {
    background-color: #ffffcf !important;
}
form[name='documentsEdit'] p.doc-Warning {
    color: red;
}
form[name='documentsEdit'] .multi-uploads-wrap .field-wrap:not(:last-child) {
    padding-top: 2rem;
    padding-bottom: 0.5rem;
}
form[name='documentsEdit'] .multi-uploads-wrap .field-wrap.missing:not(.added):not(:first-child) {
    display: none;
    pointer-events: none;
}
form[name='documentsEdit'] .multi-uploads-wrap .add-upload {
    text-align: center;
    margin-bottom: 10px;
}
form[name='documentsEdit'] .multi-uploads-wrap .add-upload > span {
    cursor: pointer;
    padding: .3rem .4rem;
    border-radius: 4px;
    background: #ede3d1;
    font-size: .7rem;
    text-transform: uppercase;
}
form[name='documentsEdit'] .multi-uploads-wrap .field-wrap.missing:first-child ~ .add-upload,
form[name='documentsEdit'] .multi-uploads-wrap .field-wrap.ok.last-multi-field + .add-upload,
form[name='documentsEdit'] .multi-uploads-wrap .field-wrap.missing.added ~ .add-upload
{
    opacity: 0.5;
    pointer-events: none;
}
form[name='documentsEdit'] .field-wrap.disabled,
form[name='documentsEdit'] .multi-uploads-wrap.disabled
{
    opacity: 0.5;
    pointer-events: none;
    /*background: #ccc;*/
}
form[name='documentsEdit'] .field-wrap:hover {
    background: #f9f8f7;
}
form[name='documentsEdit'] label {
    font-weight: bold;
}
form[name='documentsEdit'] input {
    margin: 0;
}
form[name='documentsEdit'] input[type=file] {
    background: transparent;
    border: none;
}
form[name='documentsEdit'] input[type=submit] {
    margin-top: 20px;
}
form[name='documentsEdit'] .missing label > span {
    color: red;
}
form[name='documentsEdit'] .ok label > span {
    color: green;
}
form[name='documentsEdit'] .ok label > .missing,
form[name='documentsEdit'] .missing label > .ok {
    display: none !important;
}
form[name='documentsEdit'] .actions {
    position: absolute;
    top: 5px;
    right: 1rem;
}
form[name='documentsEdit'] .actions > div {
    display: inline-block;
    cursor: pointer;
    padding: .2rem .3rem;
    margin: 0 0 0 .2rem;
    border-radius: 4px;
    background: #ede3d1;
    font-size: .7rem;
    text-transform: uppercase;
}
form[name='documentsEdit'] .actions > div:hover {
    background: #ebe5da;
}
form[name='documentsEdit'] .multi-uploads-wrap .field-wrap:not(.last-ok) .actions .delete {
    opacity: 0.5;
    pointer-events: none;
}
form[name='documentsEdit'] .field-wrap.info-open > .csh {
    display: block !important;
}
form[name='documentsEdit'] .field-wrap > .csh {
    margin-top: 5px;
    font-size: .85rem;
}
form[name='documentsEdit'] .field-wrap > .csh a {
    text-decoration: underline;
}
.documents-hint {
    margin-bottom: 1rem;
}
fieldset + .documents-hint {
    margin-top: 2.5rem;
}


/* Applicant->Data */
.form-columns {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.form-columns > div.single {
    width: 100%;
}
.form-columns > div {
    width: 49%;
}
.form-columns > .col-head {
    font-weight: bold;
    font-size: 1.3em;
    padding: 15px 0px;
}
@media (min-width: 768px) {
    .form-columns > div {
        width: 49%;
        padding: 5px;
    }
    .form-columns > div.single {
        width: 100%;
    }
    .form-columns > p.note {
        margin: 0 0 1rem;
    }
}
@media (min-width: 992px) {
    .steps-menu .step a > .number {
        display: none;
    }
}
@media (max-width: 991px) {
    .page-count {
        display: none;
    }
    .no-coapplier .form-columns.separate:not([data-trigger="coApplierFields"]) > div:first-child {
        width: 100%;
    }
    .no-coapplier .form-columns.separate:not([data-trigger="coApplierFields"]) > div[data-cofield] {
        display: none;
    }
    main .steps {
        display: block;
        position: fixed;
        top: 64px;
        left: 6.5%;
        width: 87%;
        z-index: 10;
        border-top: 15px solid white;
    }
    main .steps > ul.steps-menu {
        display: flex;
        flex-direction: row;
    }
    .steps-menu .step a > .title {
        display: none;
    }
    main .steps > ul.steps-menu > li > a  {
        border-radius: 0;
        justify-content: center;
        padding-left: 12px;
    }
    .step > a > .number {
        border-radius: 50%;
        background: white;
        border: 2px solid black;
        padding: 6px;
        width: 32px;
        height: 32px;
        font-size: 1.3em;
        position: relative;
    }
    .step:not(:last-child) > a > .number::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        left: 28px;
        width: calc(55vw / 2);
        background-color: black;
    }
    .step.active > a > .number {
        color: white;
        background: black;
    }
    main .steps li.active a {
        background: #f8f5f0;
    }

}

.ajax-form.has-coapplier .form-columns.separate > div:first-child > label,
.ajax-form.has-coapplier .form-columns.separate > div:first-child + div > label[style*="visibility:hidden"],
#form-confirmPublish.has-coapplier .form-columns.separate > div:first-child > label,
#form-confirmPublish.has-coapplier .form-columns.separate > div:first-child + div > label[style*="visibility:hidden"]
{
    width: 200%;
}
#form-confirmPublish .form-columns.form-radio > div:first-child > label {
    font-size: 1.4em;
    text-transform: none;
    word-spacing: 0.1em;
    position: relative;
    z-index: 1;
}
#form-confirmPublish .form-columns + h3,
#form-confirmPublish > .notices-wrap + h3
{
    font-size: 2.2em;
}
#form-confirmPublish > .notices-wrap + h3 {
    margin-top: 2rem;
}
#form-confirmPublish .form-columns.form-radio > div {
    display: flex;
    flex-direction: column;
    justify-content: end;
}
#form-confirmPublish .field.type-radio > .radio > label {
    font-weight: bold;
    font-size: 1.15em;
}
#form-confirmPublish input[type=radio] {
    width: 20px;
    height: 20px !important;
    color: transparent;
    -webkit-appearance: radio;
    vertical-align: text-top;
    margin-right: 7px;
}
#form-confirmPublish input[type=radio][disabled] {
    color: unset !important;
}

@media (max-width: 767px) {
    .form-columns {
        margin-bottom: 0.667rem;
    }
    .form-columns > div > label {
        width: 100%;
    }
    .has-coapplier .form-columns.separate:not(.form-file) > div:first-child > label,
    .has-coapplier .form-columns.separate:not(.form-file) > div[data-cofield] > label[style*="visibility:hidden"]
    {
        width: 200%;
    }
    .form-columns.separate > .hidden:first-child + div:not(.hidden) > label {
        width: 100%;
    }
    main .container {
        width: 94.25%;
    }
    .submit-wrap > span {
        display: block;
        margin-top: 5px;
    }
    .menu-right > .menu-open {
        display: none;
    }
    main .steps {
        top: 55px;
        left: 2.875%;
        width: 94.25%;
    }
    .form-columns > p.note {
        margin: 0 0 0.5rem;
    }
}

.data-processing > a {
    text-decoration: underline;
}

.form-columns > div.has-notice,
.has-identity-card.has-notice,
.id-segments.has-notice,
.additional-information > div.has-notice,
.information-truthfully.has-notice {
    background-color: #ffffcf !important;
    margin-bottom: 10px;
}
.form-columns > div.has-warning,
.has-identity-card.has-warning,
.id-segments.has-warning,
.additional-information > div.has-warning,
.information-truthfully.has-warning {
    background-color: #fdd7d5 !important;
    margin-bottom: 10px;
}
.id-segments.has-issue,
.has-identity-card.has-issue {
    padding: 20px 10px 5px 10px;
}
.additional-information > div.has-issue,
.information-truthfully.has-issue {
    padding: 10px;
}
p.data-issue:empty,
.form-columns > p.note:empty
{ display: none !important; }
.has-issue p.data-issue {
    margin: 0px 15px 10px;
    font-size: 84%;
}
.has-warning p.data-issue {
    color: red;
}
.form-columns > p.note {
    font-size: 85%;
}
.form-columns.form-file > p.note {
    margin-top: 10px;
}
button.remove-notice {
    font-size: 80%;
    background: transparent;
    color: black;
    padding: .1rem .3rem;
    min-height: 2rem;
    margin: 0px 15px 10px;
}
form[name="documentsEdit"] button.remove-notice {
    margin: 0px;
}
label {
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: bold;
}
label > span {
    font-weight: normal;
    text-transform: none;
}
.is-required label {
    font-weight: bold;
}
.is-required label::after {
    content: "*";
}
.is-required .checkbox label::after {
    display: none;
}
.is-required .checkbox label.error {
    margin: 5px 0px;
    flex-basis: 100%;
}
.is-required .checkbox > input[type="text"] {
    height: 0 !important;
    margin: 0 !important;
    border: none !important;
}
label a {
    color: #ca3737;
}
.radio {
    margin: 10px 0px 15px;
}
.radio label {
    font-weight: normal;
    font-size: 1em;
    text-transform: none;
    margin-right: 10px;
}
.radio input {
    margin-right: 5px;
}
.is-required > .radio label::after {
    content: "";
}
p.data-issue:empty + button.remove-notice,
p.doc-issue:empty + button.remove-notice,
.has-warning > button.remove-notice {
    display: none !important;
}
.identity-card-instructions {
    width: 100%;
    margin: 1rem 0;
}
.identity-card-segments {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.identity-card-segments input {
    width: 100%;
}

#ida { border-color: lightcoral; }
#idb { border-color: lightsalmon; }
#idc { border-color: lightseagreen; }
#idd { border-color: lightskyblue; }

@media (min-width: 480px) {
    .identity-card-segments {
        flex-direction: row;
    }

    #ida { width: 30%; }
    #idb { width: 25%; }
    #idc { width: 27%; }
    #idd { width: 12%; }
}

.additional-information > div + div {
    margin-top: 1rem;
}
.additional-information > div div {
    margin-top: .2rem;
}
.additional-information > div div label:first-of-type {
    margin-right: 1rem;
}
.additional-information > div div label input {
    margin-right: .3rem;
}

h3:not(:first-of-type) {
    margin: 0 0 1rem;
}
h3:first-of-type {
    margin: 0 0 1rem;
}

.information-truthfully {
    display: flex;
    margin-bottom: 1rem;
}
.information-truthfully label {
    margin-left: .5rem;
    font-weight: bold;
}

.typo3-messages {
    margin: 0 0 2rem;
}
.typo3-messages + ul {
    margin-bottom: 2rem;
    color: #F44336;
}

.content-head {
    display: flex;
    justify-content: space-between;
}
.content-head > .apartment-address {
    font-size: 1.465em;
}
.content-head > .page-count {
    text-align: right;
    font-weight: bold;
}
.content-head > .page-count > .current-page::after {
    content: ' / ';
}



.has-identity-card img.passport,
.has-identity-card img.identity-card,
.has-identity-card img.residence-permit {
    display: none;
}
.identity-card-upload .actions {
    display: flex;
    font-size: .85rem;
    font-weight: bold;
    margin-top: -.75rem;
}
.identity-card-upload .field-wrap.missing .ok,
.identity-card-upload .field-wrap.ok .missing {
    display: none;
}
.identity-card-upload .field-wrap .ok,
.identity-card-upload .field-wrap .missing {
    font-weight: bold;
    font-size: .9rem;
}
.identity-card-upload .field-wrap .ok {
    color: seagreen;
}
.identity-card-upload .field-wrap .missing {
    color: crimson;
}
.identity-card-upload .actions div {
    cursor: pointer;
}
.identity-card-upload .actions div:focus,
.identity-card-upload .actions div:hover {
    text-decoration: underline;
}
.identity-card-upload .actions div + div {
    margin-left: .5rem;
}
.file-input-fake {
    cursor: pointer;
}
@media (max-width: 560px) {
    .identity-card-upload > div + div {
        margin-top: 1rem;
    }
}
@media (min-width: 560px) {
    .identity-card-upload {
        display: flex;
        justify-content: space-between;
    }
    .identity-card-upload > div {
        width: 49%;
    }
}
.alert-success + .alert-success {
    display: none;
}

/* List objects */
.rental-objects input[type=checkbox]:disabled {
    opacity: .3;
}
.rental-objects .no-further-options {
    font-weight: bold;
}
.rental-objects .apply {
    display: flex;
    align-items: center;
}
.rental-objects .apply .material-icons {
    color: #158e30;
    display: block;
}

.rental-objects > div {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #ddd;
    padding: .2rem 0;
}
.rental-objects > div:first-child {
    font-weight: bold;
    border-bottom: 2px solid #eee;
}
@media (min-width: 768px) {
    .rental-objects > div {
        flex-direction: row;
        align-items: center;
    }
    /* .rental-objects > div div.apply {
        width: 5%;
    } */
    .rental-objects > div div.object {
        width: 20%;
    }
    /* .rental-objects > div div.address {
        width: 22%;
    } */
    .rental-objects > div div.address {
        width: 27%;
    }
    .rental-objects > div div.applied,
    .rental-objects > div div.visited {
        width: 16%;
        text-align: right;
    }
    .rental-objects > div div.visit {
        width: 21%;
        text-align: right;
        padding-left: .5rem;
        min-height: 33px;
    }
}
.rental-objects > div div.visit a {
    background: #ede3d1;
    padding: .3rem .7rem;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    font-size: smaller;
    display: inline-flex;
    height: 70%;
    align-items: center;
}
.rental-objects > div div.visit a i {
    margin-left: .5rem;
}
.rental-objects input[type=submit]:disabled {
    opacity: .5;
    cursor: not-allowed;
}


/* Show object */
.rental-object iframe {
    width: 100%;
    min-height: 800px;
    margin-top: 2rem;
}
.rental-object a {
    display: flex;
    float: left;
    align-items: center;
    text-decoration: none !important;
}
.rental-object a i {
    margin-right: .5rem;
}


/* Pagestatus */
.level-menu:not([class*=lvl-]) > li {
    display: flex;
    align-items: center;
}
.level-menu i.material-icons {
    font-weight: bold;
    font-size: 1.2rem;
    vertical-align: middle;
    margin-left: .2rem;
}
.level-menu i.incomplete.material-icons {
    color: #ccc;
}
.level-menu i.complete.material-icons {
    color: #009688;
}
@media (min-width: 768px) {
    .level-menu:not([class*=lvl-]) > li > a {
        line-height: 1.1;
    }
}
@media (min-width: 992px) {


}

/* Steps-Layout */
.dive main > section:first-of-type .frame {
    display: flex;
    flex-direction: column;
    position: relative;
}

@media (min-width: 992px) {
    .dive:not(.dive-ks)) main > section:first-of-type .frame {
        padding-left: 15rem;
    }
}
@media (min-width: 1200px) {
    .dive:not(.dive-ks) main > section:first-of-type .frame {
        padding-left: 22rem;
    }
}

.steps {
    display: none;
    position: absolute;
    font-weight: bold;
    width: 13rem;
    left: 0;
}
.steps li {
    list-style: none;
    display: block;
    width: 100%;
    margin-bottom: .5rem;
}
.steps li.substep {
    margin-bottom: 0;
}
.steps li:first-of-type {
    /* order: 9999999; */
}
.steps li a {
    text-decoration: none;
    display: block;
    padding: .75rem;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    background: #f8f5f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: background-color 150ms ease;
}
.steps li.active a {
    background: #ede3d1;
}
.steps li.substep a {
    padding: .625rem .75rem .625rem 2rem;
    font-size: 0.94em;
}
.steps li a.locked {
    background: #f8bbbb;
    opacity: .5;
    cursor: default;
}
.level-menu li a.locked,
.level-menu li a.locked + i {
    opacity: .3;
    cursor: default;
    pointer-events: none;
}
.steps li a:not(.locked):hover,
.steps li a:not(.locked):focus {
    background: #ebe5da;
}
.steps li a i {
    font-weight: bold;
    font-size: 1.2rem;
}
.steps li a i.complete {
    color: #009688;
}
.steps li a i.incomplete {
    color: #fff;
    display: none;
}
.steps li span {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* added 2020-11-05 (hjl BEGIN) */
.steps li span > span {
    padding: 1px 5px;
    margin-right: 3px;
    background: #ffffaa;
}
.level-menu .issue {
    padding: 1px 5px;
    margin-left: .3rem;
    font-size: 75%;
    font-weight: bold;
    background: #ffffaa;
}
.steps li span > span.warnings,
.level-menu .issue.warning {
    color: white;
    background: red;
}
/* added 2020-11-05 (hjl END) */
.steps ul {
    display: flex;
    flex-direction: column;
}
@media (min-width: 992px) {
    .steps {
        display: block;
    }
    section.rental-objects {
        padding-bottom: 10rem !important;
    }
}
@media (min-width: 1200px) {
    .steps {
        width: 18rem;
    }
}

main > .frame > .ce-textpic {
    margin: 0 auto;
    -webkit-box-pack: justify;
    justify-content: space-between;
    max-width: 87.5rem;
    width: 87%;
}
.frame-space-after-extra-small .text {
    margin-bottom: 2rem;
}



/* checkboxes */
form .checkbox {
    display: flex;
    flex-wrap: wrap;
}
form .checkbox label {
    flex-basis: 200px;
}

/* displayConditions */
.form-columns .hidden,
.form-columns.hidden
{
    display: none;
}
.form-columns.separate > .hidden:first-child {
    display: block;
    visibility: hidden;
}
form.has-coapplier .form-columns.separate > .hidden:first-child + div:not(.hidden) > label {
    visibility: visible !important;
    width: 100%;
}


.forms-incomplete {
    font-weight: bold;
    color: red;
}
.submit-wrap.disabled {
    opacity: .35;
}

.form-columns > .hidden + p.note {
    display: none;
}

.dive360-form .select::after {
    pointer-events: none;
}




/* DiVe Phase B + C */

.hidden-no-answer .no-answer {
    display: none !important;
}
.form-columns + h3 {
    border-top: 1px solid #888;
    padding-top: 2rem;
    padding-bottom: 0.5rem;
}
.notices-wrap + .form-header {
    margin-top: 2rem;
}
.ajax-form input[type=date] {
    width: 100%;
}
.ajax-form .form-columns + p {
    margin-top: 3rem;
}
.ajax-form select[disabled],
.ajax-form input[disabled]:not([type=radio]):not([type=checkbox]) {
    background: #eee;
    border: 1px solid #bbb;
    opacity: 0.7;
}
.ajax-form .field:not(.editmode):not(.always-active) [type=radio] {
    opacity: 0.5;
}
.ajax-form .field:not(.editmode):not(.always-active) input[type=checkbox],
.ajax-form .field:not(.editmode):not(.always-active) input[type=checkbox] + span {
    opacity: 0.7;
}
.ajax-form .form-columns > div {
    position: relative;
}
.ajax-form .field-actions {
    display: none;
    position: absolute;
    z-index: 2;
    right: 0;
    top: .5rem;
}
.ajax-form .field.type-radio .field-actions {
    right: auto;
    top: 1.7rem;
    left: 8.5rem;
}
.ajax-form .field.type-radio.editmode .field-actions {
    top: 2.5rem;
}
.ajax-form .field.always-active.not-filled {
    background-color: #fceeee;
    padding: 0.5rem 1rem;
}
.ajax-form .field.editmode,
.ajax-form .field.always-active.changed
{
    background-color: #fcf7ee !important;
    padding: 1.25rem 0.5rem 1rem;
}
.ajax-form .field.editmode:first-child,
.ajax-form .field.hidden + .field.co:not(.hidden).editmode
{
    margin-top: 2rem;
}
.ajax-form .field.editmode:first-child > label,
.ajax-form .field.hidden + .field.co:not(.hidden).editmode > label
{
    position: relative;
    top: -2.75rem;
}
.ajax-form .field.editmode .field-actions,
.ajax-form .field.field.always-active.changed .field-actions
{
    display: block;
    right: .5rem;
}
.ajax-form .field.editmode select[disabled],
.ajax-form .field.editmode .formerly-disabled:not([type=radio]):not([type=checkbox]) {
    background: white;
    border: 1px solid #bbb;
}
.ajax-form:not(.editmode-active) .form-columns > div:hover .field-actions {
    display: block;
}
.ajax-form .field-actions > div {
    display: inline-block;
    height: 2.22rem;
    padding: .3rem;
    border-radius: .3rem;
    background-color: #ede3d1;
    border: 1px solid #c6a66c;
    line-height: 1;
    cursor: pointer;
}
.ajax-form .field.always-active:not(.changed) .field-actions > .save,
.ajax-form .field.always-active:not(.changed) .field-actions > .cancel
{
    display: none;
}
.ajax-form .field.always-active > label {
    position: relative;
    z-index: 1;
}
.ajax-form .hidden + .co:not(.hidden) > label {
    visibility: visible !important;
}

.ajax-form .field.editmode .field-actions > div {
    border: 1px solid #c6a66c;
}
.ajax-form .form-columns > .disabled .field-actions .save,
.ajax-form .form-columns > .disabled .field-actions .cancel
{
    display: none;
}
.ajax-form .form-columns > div:not(.disabled) .field-actions .edit
{
    display: none;
}
.ajax-form.no-coapplier > .form-columns > .col-head,
.ajax-form.no-coapplier > .form-columns.separate > .field.co
{
    display: none;
}
.ajax-form.no-coapplier > .form-columns > div {
    width: 100%;
}
@media (max-width: 991px) {
    .ajax-form .field.type-radio .field-actions {
        top: 1.6rem;
        left: 7.5rem;
    }
    .ajax-form .field.type-radio.editmode .field-actions {
        top: 2.4rem;
        left: 7.7rem;
    }
}
@media (max-width: 767px) {
    .ajax-form .field:hover {
        background-color: #99999915;
    }
    .ajax-form .field-actions {
        top: auto;
        bottom: 0.25rem;
    }
    .ajax-form .field-actions > div {
        height: 1.85rem;
        padding: 0.2rem;
    }
    .ajax-form .field-actions > div > i {
        font-size: 1.35rem;
    }
    .ajax-form .field.editmode, .ajax-form .field.always-active.changed {
        padding: 0 0rem 2rem;
    }
    .ajax-form .field.editmode:first-child > label,
    .ajax-form .field.hidden + .field.co:not(.hidden).editmode > label
    {
        position: static;
        top: auto;
    }
    .ajax-form .field.editmode:first-child, .ajax-form .field.hidden + .field.co:not(.hidden).editmode {
        margin-top: 0;
    }
    .ajax-form .field.editmode .field-actions, .ajax-form .field.field.always-active.changed .field-actions {
        right: 0.25rem;
    }
    .ajax-form .field.type-radio .field-actions {
        top: 1.4rem;
        left: 6.85rem;
    }
    .ajax-form .field.type-radio.editmode .field-actions {
        top: 1.4rem;
        left: 6.85rem;
    }
    .ajax-form.has-coapplier .form-columns.separate > div:first-child > label {
        z-index: 1;
        position: relative;
    }
    form.has-coapplier .form-columns.separate.form-file > .field.co > label {
        visibility: visible !important;
    }
}
@media (max-width: 560px) {
    .ajax-form .field.type-radio .field-actions {
        top: auto;
        bottom: 0.75rem;
    }
    .ajax-form .field.type-radio.editmode .field-actions {
        top: auto;
        bottom: 2.75rem;
    }
}

.dive360-form {
    margin-top: 1.5rem;
}
.dive360-form > .notice {
    padding: 1rem;
    margin: 1rem 0 2rem;
    background: #fcf7ee;
    display: flex;
    gap: .75rem;
    border-radius: .1rem;
    line-height: 1.6;
}
.dive360-form > .form-columns + .notice {
    margin: 2rem 0 0.5rem
}
.dive360-form > .notice:last-child {
    margin: 2rem 0 0;
}
.dive360-form > .notice > span {
    align-items: center;
    justify-content: center;
    display: inline-flex;
}
.dive360-form > .notice > .symbol > i {
    font-size: 2rem;
}
.dive360-form > .notice > .label .material-icons {
    position: relative;
    top: 2px;
    font-size: 1.175em;
    font-weight: bold;
}
.dive360-form input[disabled] {
    opacity: 0.3;
}
.dive360-form .submit-wrap > :first-child {
    margin-right: 1rem;
}
.dive360-form input[type=submit]:not([disabled]) {
    cursor: pointer;
}

.dive360-form .form-file {
    margin-bottom: 4rem;
}
.dive360-form .field.type-file > .upload {
    margin-top: -1rem;
}
.dive360-form input::file-selector-button {
    font-weight: bold;
    font-size: 13px;
    /*color: #444;
    background: #ede3d1;*/
    color: white;
    background: #999;
    font-size: 14px;
    padding: 10px 20px 8px 20px;
    border: none;
    border-radius: .3rem;
    cursor: pointer;
    transition: background .4s ease, color .4s ease;
    margin: 0 .35rem 0 0 !important;
}
.dive360-form input::file-selector-button:hover {
    /*color: black;
    background: #ebe5da;*/
    background: #8c8c8c;

}
.dive360-form input[type=file] {
    margin: 0;
    padding: 0;
    min-width: 320px;
    height: auto;

    min-width: 0;
    height: 0;
    width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
    border: 0 !important;
}
.dive360-form .field .upload label.error {
    margin-top: 2px;
}
.dive360-form input[type=file],
.dive360-form input::file-selector-button
{
    border-radius: .3rem !important;
    -webkit-appearance: none !important;
    width: auto;
    font-size: 1rem;
    line-height: 1;
}
.dive360-form input[type=file]:hover,
.dive360-form input[type=file]:focus,
.dive360-form input[type=file]:active
{
    background-color: transparent;
    border-color: transparent;
}
.dive360-form .field.type-file .count {
    background-color: #f3fcee;
    padding: 0.5rem 1rem;
    border-radius: .1rem;
}
.dive360-form .field.type-file .count.invalid {
    background-color: #fceeee;
}
.dive360-form .field.type-file .count .symbol {
    vertical-align: middle;
    line-height: 1;
    margin-left: .2rem;
}
.dive360-form .field.type-file .count .symbol .invalid,
.dive360-form .field.type-file .count.invalid .symbol .valid
{
    display: none;
}
.dive360-form .field.type-file .count.invalid .symbol .invalid {
    display: inline-block;
}
@media (max-width: 767px) {
    .dive360-form .form-columns.form-file.separate {
        flex-direction: column;
    }
    .dive360-form .form-columns.form-file.separate > div {
        width: 100%;
    }
    .dive360-form .form-columns.form-header {
        /*display: none;*/
    }
    .dive360-form .field.type-file > .upload {
        margin-top: 0;
    }
}
@media (min-width: 768px) {
    .dive360-form .field.type-file:first-child > label > .applierInfo {
        display: none;
    }
}
.dive360-form.all-single .field.type-file:first-child > label > .applierInfo {
    display: none;
}

.dive360-form.published .field-actions,
.dive360-form.published .file-actions,
.dive360-form.published .file-delete,
.dive360-form.published .file-rotate,
.dive360-form.published .file.add
{
    display: none !important;
}
.dive360-form.published .field > div label,
.dive360-form.published .field > div input,
.dive360-form.published .field > div select,
.dive360-form.published .field > div textarea {
    pointer-events: none;
}
.dive360-form.published .field > div input {
    opacity: 0.5;
}

.dive360-form .field.editmode-slave .field-actions {
    display: none !important;
}
#dive-logout {
    display: inline-flex;
    align-items: center;
    gap: 15px;
}
#dive-logout > .userinfo {
    font-weight: bold;
    text-align: right;
}
#dive-logout > .input-submit {
    margin: 0;
}
#dive-logout > .input-submit > .icon {
    display: none;
}
@media (max-width: 767px) {
    body > header .container {
        width: 94%;
        gap: 15px;
    }
}
@media (max-width: 560px) {
    #dive-logout > .input-submit {
        display: flex;
        align-items: center;
        min-height: 0;
        padding: 6px 6px;
    }
    #dive-logout > .input-submit > .label {
        display: none;
    }
    #dive-logout > .input-submit > .icon {
        display: inline-flex;
    }
}

.dive360-form .field .not-requested {
    padding-top: 2rem;
}
.dive360-form .field.co .not-requested {
    padding-top: 4.25rem;
}
.dive360-form .upload .files {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
    margin-top: 12px;
}
.dive360-form .upload .file {
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: calc(33.333% - 10px);
    display: inline-flex;
    margin: 3.5px;
    cursor: pointer;
    position: relative;
    transition: 0.4s border-color ease;
}
.dive360-form.all-single .upload .file {
    width: calc(25% - 10px);
}
.dive360-form .upload .file:hover,
.dive360-form .upload .file:focus,
.dive360-form .upload .file:active
{
    border-color: #666;
}
.dive360-form .upload .file.add {
    justify-content: center;
    align-items: center;
    border: none;
}
.dive360-form .upload .file.add .material-icons {
    font-size: 4em;
    color: #999;
    transition: color 0.4s ease;
}
.dive360-form .upload .file.add:hover .material-icons {
    color: #888;
}
.dive360-form .upload input[maxuploads="0"] ~ .files > .file.add {
    cursor: not-allowed;
    opacity: 0.4;
}

.dive360-form .upload .file-actions {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: rgba(255,255,255,0.8);
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.1em;
    gap: 4px;
}
.dive360-form .upload .file-actions > div {
    display: inline-flex;
}
.dive360-form .upload .file:first-child .file-actions > .down,
.dive360-form .upload .file:last-of-type .file-actions > .up
{
    display: none;
}
.dive360-form .upload .file-actions > .file-pos {
    font-weight: bold;
}
.dive360-form .upload .file > img {
    width: 100%;
    height: auto;
}
.dive360-form .upload .file-actions i.material-icons {
    font-size: 1.4em;
}
.dive360-form .upload .file-delete,
.dive360-form .upload .file-rotate
{
    position: absolute;
    top: 0;
    right: 0;
    color: #666;
    display: flex;
    background: rgba(255,255,255,0.8);
    border-bottom-left-radius: 3px;
}
.dive360-form .upload .file-rotate {
    right: auto;
    left: 0;
}
.dive360-form .upload .file-delete i.material-icons,
.dive360-form .upload .file-rotate i.material-icons
{
    font-size: 1.55em;
}

#dive360-layover {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background: rgba(255,255,255,0.7);
    align-items: center;
    justify-content: center;
}
#dive360-layover > .spinner {
    width: 72px;
    height: 72px;
    border: 13px solid #ccc;
    border-bottom-color: #158e30;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 2s linear infinite;
    background-color: #eee;
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
    .dive360-form.all-single .upload .file {
        width: calc(33.333% - 10px);
    }
}
@media (max-width: 560px) {
    .dive360-form .upload .file,
    .dive360-form.all-single .upload .file
    {
        width: calc(50% - 10px);
    }
    .dive360-form .upload .file-actions {
        font-size: 1.4em;
    }
    .dive360-form .upload .file-delete i.material-icons
    .dive360-form .upload .file-rotate i.material-icons
    {
        font-size: 1.7em;
    }
}

/* femanager registration */

.femanager_new fieldset > legend,
.femanager_new .alert > button.close
{
    display: none;
}
.femanager_new > form .checkbox label {
    flex-basis: auto;
}
.femanager_new #femanager_field_terms,
.femanager_new #femanager_field_terms ~ span
{
    margin-right: 5px;
}
.femanager_new .femanager_fieldset > div:not(.checkbox) {
    display: flex;
    flex-direction: column;
}
.femanager_new .femanager_fieldset .alert {
    order: 2;
    width: 100%;
    color: red;
    font-weight: bold;
    padding: 0 0 15px;
    margin-top: -10px;
    text-transform: none;
    font-size: 1rem;
}
.femanager_new .femanager_fieldset .checkbox .alert {
    margin-top: 0px;
}
.femanager_new .femanager_fieldset .alert > h4 {
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
    display: inline;
}
.femanager_new .femanager_fieldset .alert > h4::after {
    content: ': ';
}
.femanager_new input.error {
}
.femanager_new #femanager_field_submit {
    max-width: 200px;
}
.femanager_new input[readonly] {
    background-color: #eee;
}
/* "Vielen Dank für die Anfrage" (Headline after starting registration process) */
.tx-femanager > h3 {
    display: none;
}