/*--------Password--------*/
.invalid {
    background:url('../img/pass_invalid_cond.png') no-repeat 0 75%;
    padding-left:15px;
    color:#ec3f41;
}
.valid {
    background:url('../img/pass_valid_cond.png') no-repeat 0 75%;
    padding-left:15px;
    color:#3a7d34;
}

.registration__form_popup .invalid {
    background: none;
    padding-left: 0;
    color: #898989;
}
.registration__form_popup .invalid .registration__form_popup_demand-circle{
    background: #8898aa;
}

.registration__form_popup .valid {
    background: none;
    padding-left: 0;
    color: #898989;
}
.registration__form_popup .valid .registration__form_popup_demand-circle{
    background: #36b37e;
}

.recover_pass_modal_content input.pass_identical {
    background: none;
}

#pswd_info {
    position:absolute;
    z-index: 1000;
    width:250px;
    padding:4px;
    background-color: white;
    border-radius:5px;
    box-shadow:0 1px 3px #ccc;
    border:1px solid #ddd;
}
#pswd_info ul{
    padding-left:2px;
    margin:3px;
}
#pswd_info ul li {
    list-style-type: none;
}
#pswd_info h4 {
    margin:0 0 10px 0;
    padding:0;
    font-weight:normal;
}
#pswd_info::before {
    content: "\25C4";
    position:absolute;
    top:2px;
    left:-5%;
    font-size:14px;
    line-height:14px;
    color:#ddd;
    text-shadow:none;
    display:block;
}
#pswd_info{
    display:none;
}
.pass_identical{
    background: url('../img/pass_valid_cond.png') no-repeat 97% center;
}