html, body {
    height: 100%;
}

.container {
    max-width: 540px;
    width: 100%;
    top: 15%;
}

.submit-btn {
    float: right;
}

.full-width {
    width: 100%;
}

div.login-error {
    visibility: hidden;
}

div.login-error.error-active {
    visibility: visible;
}

div.login-error p {
    color: red;
}

div.local-error p {
    color: red;
}

div.hidden {
    display: none;
}

input.login-validation-error{
    border-color: red;
}

input.passwordStrength-0 {
    background-color: rgba(255,0,0,0.5);
}

input.passwordStrength-1 {
    background-color: rgba(255,69,0,0.5);
}

input.passwordStrength-2 {
    background-color: rgba(255,165,0,0.5);
}

input.passwordStrength-3 {
    background-color: rgba(255,255,0,0.5);
}

input.passwordStrength-4 {
    background-color: rgba(0,255,0,0.5);
    
}