﻿
.password-container {
    padding-left: 0px !important;
    border-radius: 3px;
}

    .password-container input:focus, .password-container input:active {
        outline: none !important;
    }

    .password-container .password-icon {
        float: right !important;
        /*margin-top: 10px !important;*/
        position: relative !important;
        padding-right: 5px !important;
        z-index: 2 !important;
    }

/*//qayum*/

.passStrengthBar [data-passStrength] {
    width: 100%;
    display: flex;
    align-items: center;
    top: 4px;
    position: relative;
}

.passStrengthBar .str-box {
    position: relative;
    width: 100%;
    height: 10px;
    float: left;
    background: #eef1f5;
}

    .passStrengthBar .str-box div {
        position: absolute;
        width: 0%;
        height: 100%;
        -moz-transition: 1s;
        -o-transition: 1s;
        -webkit-transition: 1s;
        transition: 1s;
    }

.passStrengthBar {
    display: none;
}

    .passStrengthBar .weak {
        color: #dc3545;
    }

        .passStrengthBar .weak .str-box.box1 div {
            background: #dc3545;
            width: 25%;
        }

    .passStrengthBar .fair {
        color: #ffc107;
    }

        .passStrengthBar .fair .str-box.box1 div {
            background: #ffc107;
            width: 50%;
        }

    .passStrengthBar .good {
        color: #007bff;
    }

        .passStrengthBar .good .str-box.box1 div {
            background: #007bff;
            width: 75%;
        }

    .passStrengthBar .strong {
        color: #28a745;
    }

        .passStrengthBar .strong .str-box.box1 div {
            background: #28a745;
            width: 100%;
        }

.password-container .hidddenPassword {
    position: absolute;
    width: 0;
    padding: 0;
    border: 0;
}

.passStrengthBar .result {
    font-weight: 600;
    margin-left: 9px;
    width: auto;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.password-container input.password-field {
    padding-right: 115px;
}

.password-container .passInput-icons {
    display: flex;
    position: absolute;
    right: 0;
    height: 34px;
    top: 0;
    align-items: center;
}

.pd-0 {
    padding: 0;
}

.mb-0 {
    margin-bottom: 0;
}
