.register-root-container {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    position: relative;
}

.register-containers {
    flex: 0 0 auto;
    display: flex;
    margin-top: 200px;
}

/* Account pending container */
.account-pending-container {
    display: flex;
    flex-direction: column;
}

.account-pending-container > * {
    flex: 0 0 auto;
}

.account-pending-container > *:not(:first-child) {
    margin-top: 10px;
}

.account-pending-container > .actions {
    margin-top: 30px;
    display: flex;
    justify-content: flex-end;
}

/* Register container */
.register-container {
    display: flex;
    flex-direction: column;
    width: 650px;
}

.register-container > * {
    flex: 0 0 auto;
}

.register-container > *:not(:first-child) {
    margin-top: 10px;
}

.register-container > .failure {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    background-color: var(--errorColor);
}

.register-container > .failure > span {
    margin: 20px;
    color: var(--errorInvertedColor);
}

.register-container > .input-container {
    margin-top: 10px;
    display: flex;
}

.register-container > .input-container > .input-with-validation-container {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.register-container > .input-container > label {
    flex: 0 0 150px;
    margin-top: 9px;
}

.register-container > .input-container > .input-with-validation-container> input {
    flex: 1 1 auto;
}

.register-container > .actions {
    margin-top: 30px;
    display: flex;
    justify-content: flex-end;
}

.register-container > .actions > button:not(:last-child) {
    margin-right: 20px;
}