/*
密码强度验证栏css样式
杨洋 2018-11-24
*/

/*===================密码强度栏样式=================*/
.pwdlevel-strength
{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999999;
    width: 100%;
    height: auto;
    background-color: #F4F4F4;
    padding: 10px 0px 5px 0px;
    border: 1px solid #DEDEDE;
    border-radius: 0px 0px 5px 5px !important;
}
.pwdlevel-strength .pwdlevel-bar
{
    border: 1px solid Silver;
    border-radius: 8px !important;
    position: relative;
    top: 0px;
    overflow: hidden;
    width: 100%;
    height: 10px;
}
.pwdlevel-strength .pwdlevel-bar-on
{
    width: 0px;
    height: 10px;
    position: absolute;
    top: 10px;
    left: 0px;
    transition: width .5s ease-in;
    -moz-transition: width .5s ease-in;
    -webkit-transition: width .5s ease-in;
    -o-transition: width .5s ease-in;
}
.pwdlevel-strength .pwdlevel-txt
{
    padding-top: 5px;
    width: 100%;
    overflow: hidden;
}
.pwdlevel-strength .pwdlevel-txt span
{
    color: #707070;
    float: left;
    font-size: 12px;
    text-align: center;
    width: 33%;
}
.pwdlevel-strength .pwdlevel-txt .weak
{
    color: #EC3701;
}
.pwdlevel-strength .pwdlevel-txt .medium
{
    color: #F78115;
}
.pwdlevel-strength .pwdlevel-txt .strong
{
    color: #6BA001;
}
.pwdlevel-weak .pwdlevel-defule
{
    width: 0px;
}
.pwdlevel-weak .pwdlevel-bar-on
{
    width: 33%;
    background-color: #EC3701;
    border-radius: 8px 0px 0px 8px !important;
}
.pwdlevel-medium .pwdlevel-bar-on
{
    width: 66%;
    background-color: #F78115;
    border-radius: 8px 0px 0px 8px !important;
}
.pwdlevel-strong .pwdlevel-bar-on
{
    width: 100%;
    background-color: #6BA001;
    border-radius: 8px !important;
}
/*===================密码强度栏样式=================*/