.blockStrengthPaswword {
    background-color: white;
    margin-top: 20px;
    float: left;
    padding: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom:10px !important;
}
 
.wrapperStrengthPaswword {
    max-width:500px;    
}
 
.panPasswordArea .divLit {
    min-height:10px;
    clear:both;
}

.mobile.blockStrengthPaswword  {
display:inline-block;
float:none;

}

.mobile.wrapperStrengthPaswword {
    max-width: 100% !important;
}

.PasswordStrength {
 color:black;
    float: right;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    font-weight:bold;
    width: 100% !important;
}

.PasswordStrengthText {
    margin-bottom:10px;
}

.PasswordStrengthLow .PasswordStrength {

    color:#CF000F;
}

.PasswordStrengthMedium .PasswordStrength {

    color:#e67e22;
}

.PasswordStrengthStrong .PasswordStrength {

    color:#27ae60;
}



.panPasswordArea input[type=password] {
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-size:0px 0px;
    background-position:98%;
}


.PasswordStrengthLow input[type=password] {
border-color:#CF000F !important;
     background-image: url("http://www.valmopass.com/Fichiers/common/images/check_mark.png");
           background-size:0px 0px;
                 background-position:right;
      background-repeat:no-repeat;
}



.PasswordStrengthStrong input[type=password],.PasswordStrengthMedium input[type=password] {
     background-image: url("http://www.valmopass.com/Fichiers/common/images/check_mark.png");
      background-position:right;
      background-repeat:no-repeat;
      background-position:98%;
      background-size:20px 20px;
      border-color:#27ae60 !important;
}



.passwordTips {
    color: initial;
    float: right;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    background-color: #eaeaea;
    padding: 10px;
    font-weight: normal;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}



.blockPasswordBarMeter {

        margin-bottom:5px;

}
    .panPasswordArea .bodyBarMeter {
                width:100%;
        background-color: #eaeaea;
        height: 20px;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        display:inline-block;
        text-align:left !important;

        position:relative;
       
    }






.panPasswordArea .PasswordBarMeter {
    width: 0%;
    height: 20px;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;

}

.PasswordStrengthLow .PasswordBarMeter {
width:30%; 
background-color:#CF000F;   
display:inline-block; 
}
.PasswordStrengthMedium .PasswordBarMeter{
width:50%;
background-color:#e67e22;   
}
.PasswordStrengthStrong .PasswordBarMeter{
width:100%;
background-color:#27ae60;   
}





.PasswordBarMeterText {
    content:'';
    color:white;
    float:right;
    margin-right:5px;
    line-height:20px;
    }


.PasswordBarMeterTextDefault {
    width: 100%;
    display: block;
    position: absolute;
    margin-left: 10px;
    line-height:20px;
    color:black;
}


.PasswordStrengthLow .bodyBarMeter:after {
 opacity:0
}
.PasswordStrengthMedium .bodyBarMeter:after{
 opacity:0
}
.PasswordStrengthStrong .bodyBarMeter:after{
 opacity:0
}




@media screen and (max-width:480px) {
    .PasswordStrengthStrong input[type=password], .PasswordStrengthMedium input[type=password] {

        background-size:0px 0px;
        
    }

    .PasswordBarMeterText {
      margin-right:0;
    }

    .PasswordBarMeterTextDefault {
        font-size: 0.8em;
    }

    .blockStrengthPaswword[style] {
    width: 100% !important;
}

}

@media screen and (max-width:760px) {
    .blockStrengthPaswword[style] {
    width: 100% !important;
}

}