#password-indicator {
    background-color: #f1f1f1;
    border-radius: 16px;
    height: 1.5em;
    padding: 0.1em;
}

#passwordStrengthText {
    position: absolute;
    text-align: center;
    width: 100%;
}

#passwordStrength {
    border-radius: 16px;
    float: left;
    height: 100%;
    overflow: hidden;
    padding: 0.1em;
    text-align: center;
}

.strength0 {
    background: #f01010;
    width: 10%;
}

.strength1 {
    background: #f06f5f;
    width: 20%;
}

.strength2 {
    background: #f5f55f;
    width: 40%;
}

.strength3 {
    background: #56e500;
    width: 60%;
}

.strength4 {
    background: #4dcd00;
    width: 80%;
}

.strength5 {
    background: #399800;
    width: 100%;
}