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

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

.newpassword-container {
    display: flex;
    flex-direction: column;
    width: 650px;
}

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

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

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

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

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

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

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

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

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

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