.password-wrapper .bg-transparent {
    background-color: transparent !important;
}

.password-wrapper .bg-red {
    background-color: #e74c3c !important;
}

.password-wrapper .bg-orange {
    background-color: #e67e22 !important;
}

.password-wrapper .bg-green {
    background-color: #059f46 !important;
}
/*.password-wrapper {*/
/*position: absolute;*/
/*top: 50%;*/
/*left: 50%;*/
/*transform: translate(-50%, -50%);*/
/*}*/


/*.password-wrapper {*/
/*width: 80%;*/
/*max-width: 320px;*/
/*border-radius: 5px;*/
/*background-color: #fff;*/
/*overflow: hidden;*/
/*}*/
.password-wrapper .input {
}
.password-wrapper .icon-wrapper {
    position: relative;
    display: inline-block;
    float: right;
    top: -27px;
    cursor: pointer;
    right: 10px;
    color: #888;
}
.password-wrapper .icon-wrapper .ion-eye{
    font-size: 26px;
    font-size: 2.6rem;
    position: absolute;
    top: 11px;
    right: 12px;
    color: #ccc;
    transition: color 0.25s ease-out;
}


.password-wrapper .icon-wrapper .ion-more.fa-eye::before {
    content: "\f070" !important;
}

.password-wrapper .icon-wrapper .ion-more {
    color: #e25637;
}
.password-wrapper .icon-wrapper:hover .ion-eye,
.password-wrapper .icon-wrapper:hover .ion-more {
    color: #e25637;
    transition: color 0.25s ease-in;
}
.password-wrapper .password-strength{
    height: 20px;
}
.password-wrapper .strength-lines {
    top: 12px;
    float: left;
    height: 6px;
    left: 0;
    position: relative;
    right: 0;
    width: 160px;
    z-index: 3;
}
.password-wrapper .strength-lines .line {
    position: absolute;
    background-color: transparent;
    height: 4px;
    border-radius: 2px;
    transition: background-color 0.25s ease-in;
}
.password-wrapper .strength-lines .line:not(:first-of-type):not(:last-of-type) {
    left: 33%;
    right: 33%;
}
.password-wrapper .strength-lines .line:first-of-type {
    left: 0px;
    right: 68%;
}
.password-wrapper .strength-lines .line:last-of-type {
    left: 68%;
    right: 0px;
}

.password-wrapper .password-strength span.strength-text{
    float: right;
    font-size: 14px;
    font-weight: 500;
}