.registration .info {
    width: 330px;
    float: left;
}

.registration-steps {
    width: 675px;
    margin: 15px 0;
    color: var(--color-dark-grey-high-contrast);
}

    .registration-steps h3 {
        margin: 0;
    }

    .registration-steps td {
        vertical-align: middle;
        text-align: center;
        width: 33%;
        padding: 2px 0;
    }

        .registration-steps td.active {
            color: var(--color-all-black);
        }

    .registration-steps .current-step td {
        border-bottom: 1px solid var(--color-dark-grey);
    }

    .registration-steps.step-1-active .current-step td.first-step,
    .registration-steps.step-2-active .current-step td.first-step,
    .registration-steps.step-2-active .current-step td.second-step,
    .registration-steps.step-3-active .current-step td.first-step,
    .registration-steps.step-3-active .current-step td.second-step,
    .registration-steps.step-3-active .current-step td.third-step {
        border-bottom: 1px solid var(--color-all-black);
    }

    .registration-steps td img {
        vertical-align: middle;
        fill: var(--color-all-black);
    }

    .registration-steps.two-steps-mode td {
        width: 50%;
    }

    .registration-steps.two-steps-mode .third-step {
        display: none;
    }

ul.registration-links {
    float: left;
    list-style-type: none;
    margin: -6px 0 20px 50px;
    padding: 0;
    width: 290px;
}

    ul.registration-links li {
        height: 30px;
        font-weight: bold;
        display: flex;
        align-items: center;
    }

    ul.registration-links span {
        margin: 0;
        padding-left: 6px;
        float: none;
    }

    ul.registration-links li .icon-left {
        background: none;
        width: 25px;
        height: 25px;
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
        fill: var(--default-text-color);
    }

    ul.registration-links li.change-credentials .icon-left {
        background-position: -80px -45px;
    }

    ul.registration-links li.personal-data .icon-left {
        background-position: -150px -45px;
    }

    ul.registration-links li.invoice-data .icon-left {
        background-position: -10px -80px;
    }

    ul.registration-links li.delivery-data .icon-left {
        background-position: -45px -80px;
    }

    ul.registration-links li.bank-data .icon-left {
        background-position: -80px -80px;
        ;
    }

    ul.registration-links li.shortlist .icon-left {
        background-position: -115px -80px;
    }

    ul.registration-links li.order-history {
        /* We have to overwrite these settings as ESWF is defining a order-history class as well. */
        margin-bottom: 0;
        width: auto;
        min-width: 0;
    }

        ul.registration-links li.order-history .icon-left {
            background-position: -150px -80px;
        }

    ul.registration-links li.newsletter .icon-left {
        background-position: -10px -115px;
    }

.user-registration-inputs .caption {
    width: 170px;
}

.user-registration-inputs.first-step .caption {
    width: 180px;
    padding-right: 10px;
}

.registration-new-delivery .caption {
    width: 148px;
}
/* 170px - (width of input[type="radio"]) */

.registration-new-delivery {
    margin: 5px 10px 0px 22px;
}

    .registration-new-delivery div.jDrop {
        padding-top: 1px;
    }

    .registration-new-delivery .comment {
        padding-left: 5px;
        padding-top: 6px;
        font-size: 10px;
    }

    .registration-new-delivery input {
        display: inline;
        width: 328px;
        float: left;
    }

        .registration-new-delivery input.StreetFirst,
        .registration-new-delivery input.Street {
            width: 265px;
            display: inline;
        }

        .registration-new-delivery input.HouseNo {
            width: 50px;
            display: inline;
            float: right;
        }

        .registration-new-delivery input.PostalCode {
            width: 90px;
            display: inline;
            float: right;
        }

        .registration-new-delivery input.HouseNoFirst {
            width: 50px;
            display: inline;
            float: left;
            margin-right: 13px;
        }

#DeliveryPostalTown {
    width: 225px;
}

.jdrop-container.city .jDrop {
    width: 225px;
}

.user-registration-inputs.first-step .newsletter-checkbox {
    margin-top: 5px;
}

/* Step 2 */
span.vertical-radio {
    float: left;
    display: inline-flex;
    align-items: center;
    margin-top: 4px;
}

.vertical-radio .radiosLabel {
    padding-left: 5px;
    cursor: pointer;
}

.already-customer-selection {
    float: none;
}

.already-customer-selection {
    padding: 0px;
}

    .already-customer-selection input,
    .already-customer-selection label {
        display: inline;
        float: none;
        width: auto;
    }

    .already-customer-selection label {
        padding-left: 5px;
        cursor: pointer;
    }

    .already-customer-selection input {
        min-width: 15px;
        margin-bottom: 0;
    }

.customer-number-section .inputs .already-customer-selection input,
.customer-number-section .captions input {
    width: 150px;
}

.user-registration-inputs {
    clear: both;
    width: 675px;
    margin-bottom: 15px;
    padding: 5px 0px 5px 0px;
}

    .user-registration-inputs input {
        display: inline;
        margin-top: 5px;
        margin-bottom: 0px;
        width: 328px;
        min-width: 0;
        float: left;
    }

        .user-registration-inputs input.date {
            width: 80px;
        }

        .user-registration-inputs input[type="radio"] {
            width: 22px;
        }

        .user-registration-inputs input#Street {
            width: 265px;
        }

        .user-registration-inputs input#PostalCode {
            width: 90px;
        }

        .user-registration-inputs input#HouseNumber {
            width: 50px;
        }

            .user-registration-inputs input#HouseNumber.HouseNoFirst {
                margin-right: 13px;
                margin-left: 0;
            }

        .user-registration-inputs input#HouseNumber {
            margin-left: 13px;
        }

    .user-registration-inputs div.jDrop {
        margin-top: 5px !important; /* Some weired JS sets inline-style margin. :-( */
    }

    .user-registration-inputs .comment {
        padding-top: 3px;
        padding-left: 5px;
        font-size: 10px;
    }

    .user-registration-inputs.second-step .comment {
        padding-left: 5px;
        padding-top: 6px;
        max-width: 170px;
    }

    .user-registration-inputs .comment.relaunch {
        vertical-align: top;
    }

        .user-registration-inputs .comment.relaunch p {
            position: absolute;
            max-width: 185px;
            font-size-adjust: 0.5; /* FF hack to enable 'real' 11px font-size (see: http://stackoverflow.com/a/10058543) */
        }

    .user-registration-inputs .inputs {
        padding: 0px;
        width: auto;
        display: inline;
        vertical-align: top;
    }

    .user-registration-inputs .customer-type .option-group {
        display: flex;
        margin-top: 7px;
    }

    .user-registration-inputs .customer-type .option {
        display: flex;
        align-items: center;
        margin-right: 15px;
    }

    .user-registration-inputs .customer-type .radiosLabel {
        padding-left: 5px;
        margin: 0;
    }

    .user-registration-inputs .general-info {
        margin-top: 20px;
        font-size-adjust: 0.5; /* FF hack to enable 'real' 11px font-size (see: http://stackoverflow.com/a/10058543) */
    }

    .user-registration-inputs .newsletter-confirmation-text {
        padding-left: 5px;
        padding-top: 4px;
        font-size: 11px;
    }

        .user-registration-inputs .newsletter-confirmation-text a {
            color: var(--default-text-color);
        }

.selfpickup {
    display: block;
    padding-top: 20px;
    padding-left: 30px;
    width: 550px;
}

    .selfpickup ul {
        padding-left: 10px;
        padding-top: 10px;
    }

#PrivacyPolicyLink {
    text-decoration: underline;
}

#SecondPrivacyPolicyLink {
    text-decoration: underline;
}

.ios.handheld .user-registration-inputs .customer-type input {
    min-width: 16px;
    min-height: 16px;
    width: 20px;
}

.address-input-holder {
}

    .address-input-holder input#PostalCode,
    .address-input-holder input#DeliveryPostalCode {
        width: 90px;
        min-width: 50px;
        display: inline;
    }

    .address-input-holder input#DeliveryPostalCode {
        margin-right: 4px;
    }

.user-registration-inputs.second-step .privacy-policy-checkbox,
.user-registration-inputs.third-step .privacy-policy-checkbox {
    margin-top: 5px;
}