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

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

/* Reset password container */
.reset-password-container {
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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