.pwd-val-popup {
    padding: 10px;
    border: 1px solid #D8D8D8;
    overflow: visible;
}

.pwd-val-popup--floating-option {
    position: absolute;
    margin-left: -246px;
    top: 0;
}

.pwd-val-popup--pwd-change-req-page {
    position: fixed;
    margin-top: -291px;
    margin-left: 3px;
    background-color: #F5F5F5;
}

.pwd-val-popup--enroll-page {
    border-width: 0;
    padding: 0;
}

.pwd-val-popup--pwd-change-req-page div {
    background-color: #F5F5F5;
}

.pwd-val-popup--pwd-change-req-page > div {
    margin: 2px 0;
}

.pwd-val-popup--pwd-change-req-page > div > span:first-child {
    display: inline-block;
    width: 15px;
    margin-right: 5px;
}

.pwd-val-popup__field--invalid {
    border-color: red;
}


.pwd-val-popup__info-container {
    display: inline;
}

.pwd-val-popup__info-container:hover > .pwd-val-popup__info-drawer {
    display: block;
}

.pwd-val-popup__info-icon {
    cursor: pointer;
}

.pwd-val-popup__info-drawer {
    display: none;
    position: absolute;
    background-color: #CCC !important;
    z-index: 50;
    border: 1px solid #000;
    padding: 5px;
    width: 140px;
    top: 82px;
    left: 40px;
}

.pwd-val-popup--enroll-page .pwd-val-popup__info-drawer {
    top: 70px;
    left: 35px;
}

.pwd-val-popup--floating-option .pwd-val-popup__info-drawer {
    top: 66px;
    left: 31px;
}

.pwd-val-popup__info-drawer > span:first-child {
    font-weight: bold;
    display: block;
}

.pwd-val-popup--reset-page {
    position: fixed;
    margin-top: -81px;
    margin-left: 342px;
    background-color: #F5F5F5;
}

    .pwd-val-popup--reset-page div {
        background-color: #F5F5F5;
    }