label {
    margin-bottom: 0;
}

#student-label, #agreement-label {
    display: inline;
}

.all-fields-required {
    position: absolute;
    bottom: 2%;
    right: 2%;
}

.fields-required {
    text-align: right;
}

.next-or-complete {
    text-align: right;
}

    .next-or-complete button {
        margin-bottom: 0;
    }

.wk-field-body {
    position: relative;
}

.sitename-loading {
    right: 95px;
}

.wk-page-content {
    padding-left: 0;
    padding-right: 0;
}

.sitename-loading {
    right: 95px !important;
}

input.pending + .loading {
    display: block;
}

.icon-addon .loading {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 3;
    right: 0;
    top: 0;
    margin-left: -2.5px;
    display: none;
}

#register-form, .thankyou {
    display: none;
}

.thankyou {
    padding: 1em;
}

.wizard-complete {
    display: none;
}

.wk-page-success-icon {
    color: #85bc20 !important;
}

.register-wizard {
    margin-top: 0.75em;
}

.step-buttons {
    display: block;
    padding: 1rem;
    padding-top: 0;
    background: #f6f6f6;
}

#siteName {
    margin-bottom: 0;
}

#siteName-error {
    margin-top: 0.1875em;
}

.step-buttons .wizard-previous {
    float: left;
}

.wizard-previous {
    padding: 17px 17px 17px 15px;
}

.wizard-next, .wizard-complete {
    padding: 17px 15px 17px 17px;
}

.wizard-previous::before {
    float: left;
    padding-right: 17px;
}

.wizard-next::before, .wizard-complete::before {
    float: right;
    padding-left: 17px;
}

a {
    background-color: transparent;
    color: #007ac3;
    cursor: pointer;
    text-decoration: none;
    transition: color .1s ease-out;
}

.wizard {
    display: block;
    width: 100%;
}

    .wizard a {
        outline: 0;
    }

    .wizard ul {
        list-style: none !important;
        padding: 0;
        margin: 0;
    }

        .wizard ul > li {
            display: block;
            padding: 0;
        }

    /* Accessibility */
    .wizard > .steps .current-info {
        position: absolute;
        left: -999em;
    }

    .wizard > .content > .title {
        position: absolute;
        left: -999em;
    }


    .wizard > .steps {
        position: relative;
        display: block;
        width: 100%;
    }

        .wizard > .steps .number {
            font-size: 1.429em;
        }

        .wizard > .steps > ul > li {
            width: 50%;
        }

        .wizard > .steps > ul > li {
            float: left;
        }

        .wizard > .steps a,
        .wizard > .steps a:hover,
        .wizard > .steps a:active {
            display: block;
            width: auto;
            margin: 0;
            padding: 0.75em;
            text-decoration: none;
            font-size: 16px;
            font-weight: bold;
        }

        .wizard > .steps .disabled a,
        .wizard > .steps .disabled a:hover,
        .wizard > .steps .disabled a:active {
            background: #dadada;
            color: #a3a3a3;
            cursor: default;
        }

        .wizard > .steps .current a,
        .wizard > .steps .current a:hover,
        .wizard > .steps .current a:active {
            background: #474747;
            color: white;
            cursor: default;
        }

        .wizard > .steps .done a,
        .wizard > .steps .done a:hover,
        .wizard > .steps .done a:active {
            background: #ededed;
            color: #aaa;
        }

        .wizard > .steps .error a,
        .wizard > .steps .error a:hover,
        .wizard > .steps .error a:active {
            background: #ff3111;
            color: #fff;
        }

    .wizard > .content {
        background: #f6f6f6;
        position: relative;
        padding: 1rem;
        padding-bottom: 0;
    }

.wizard-previous, .wizard-next, .wizard-complete {
    font-family: "Fira Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.wk-select-field > select, .wk-select-field > select option, li.version-number {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    color: #474747;
}

li.version-number {
    float: right;
}

.flavour-btn.active {
    background-color: #474747;
    color: white !important;
}

.flavour-btn {
    border-color: rgb(218, 218, 218);
    background-color: white;
    color: #474747 !important;
    border-radius: 0;
    outline: none !important;
}

#privacy-policy-label {
    font-size: 13px;
}

@media (max-width: 37.5rem) {
    .step-buttons {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .previous {
        order: 1;
        width: 100%;
        padding: 1rem;
        padding-top: 0;
    }

    .next-or-complete {
        order: 0;
        width: 100%;
        padding: 1rem;
        padding-top: 0;
    }
}