input#pwd {
    width: 180px;
    padding: 3px;
    color: #555555;
    float: left;
    margin-right: 10px;
}

#pwd_strength_wrap {
    border: 1px solid #D5CEC8;
    display: none;
    float: left;
    padding: 10px;
    position: relative;
    width: 320px;
    margin-top: -284px;
    margin-left: -250px;
    background: #555555;
    color: #fff;
}

    #pwd_strength_wrap:before, #pwd_strength_wrap:after {
        content: ' ';
        height: 0;
        position: absolute;
        width: 0;
        border: 10px solid transparent;
    }

    #pwd_strength_wrap:before {
        border-bottom: 7px solid rgba(0, 0, 0, 0);
        border-right: 7px solid rgba(0, 0, 0, 0.1);
        border-top: 7px solid rgba(0, 0, 0, 0);
        left: -18px;
        top: 10px;
    }

    #pwd_strength_wrap:after {
        border-bottom: 6px solid rgba(0, 0, 0, 0);
        border-right: 6px solid #fff;
        border-top: 6px solid rgba(0, 0, 0, 0);
        left: -16px;
        top: 11px;
    }

#pswd_info ul {
    list-style-type: none;
    margin: 5px 0 0;
    padding: 0;
}

    #pswd_info ul li {
        background: url(icon_pwd_strength.png) no-repeat left 2px;
        padding: 0 0 0 20px;
    }

        #pswd_info ul li.valid {
            background-position: left -42px;
            color: #4CAF50;
        }

#passwordStrength {
    display: block;
    height: 5px;
    margin-bottom: 10px;
    transition: all 0.4s ease;
}

.strength0 {
    background: none;
    width: 0px;
}

.strength1 {
    background: #FF4545;
    width: 25px;
}

.strength2 {
    background: #FFC824;
    width: 75px;
}

.strength3 {
    background: #6699CC;
    width: 100px;
}

.strength4 {
    background: #008000;
    width: 150px;
}

#submitBtn {
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #4CAF50;
    color: white;
    border: none;
    cursor: not-allowed;
}

    #submitBtn:enabled {
        cursor: pointer;
        background-color: #4CAF50;
    }

    #submitBtn:disabled {
        background-color: #ccc;
    }