.form-control-password{
    position:relative;
}
.form-control-password-show-hide{
    position:absolute;
    top:50%;
    right:15px;
    margin-top:-15px;
    width:30px;
    height:30px;
}
.form-control-password-show-hide:before,
.form-control-password-show-hide:after{
    content:'';
    display:block;
    position:absolute;
    top:5px;
    right:5px;
    bottom:5px;
    left:5px;
    width:20px;
    height:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
    cursor:pointer;
    -webkit-transition: all 0.15s;
    -o-transition: all 0.15s;
    -ms-transition: all 0.15s;
    -moz-transition: all 0.15s;
    transition: all 0.15s;
}

.form-control-password-show-hide.hide:before,
.form-control-password-show-hide.show:after{
    filter: alpha(opactiy=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
}

.form-control-password-show-hide:after{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik00LjQ5NTUgNy40NDA4OEMzLjU0NzI0IDguMTE3ODcgMi43Nzg0MyA4Ljg0MTc2IDIuMTg5MyA5LjQ3OTc4QzAuODU3MzkyIDEwLjkyMjIgMC44NTczOTMgMTMuMDc3OCAyLjE4OTMgMTQuNTIwMkMzLjkxNjcgMTYuMzkxIDcuMTg4NzkgMTkgMTIgMTlDMTMuMjk1OCAxOSAxNC40Nzk5IDE4LjgxMDggMTUuNTUyMyAxOC40OTc3TDEzLjg4OTUgMTYuODM0OUMxMy4yOTM2IDE2Ljk0MDkgMTIuNjYzOCAxNyAxMiAxN0M3Ljk2NjkgMTcgNS4xODgzMiAxNC44MiAzLjY1ODY4IDEzLjE2MzRDMy4wMzQyNiAxMi40ODcyIDMuMDM0MjYgMTEuNTEyOCAzLjY1ODY4IDEwLjgzNjZDNC4yMzc1NCAxMC4yMDk3IDQuOTk1MjYgOS41MDc4NCA1LjkzMjE0IDguODc3NTNMNC40OTU1IDcuNDQwODhaIiBmaWxsPSIjMEYwRjBGIi8+DQo8cGF0aCBkPSJNOC41MzI5OSAxMS40Nzg0QzguNTA3NTYgMTEuNjQ4NiA4LjQ5NDM5IDExLjgyMjcgOC40OTQzOSAxMkM4LjQ5NDM5IDEzLjkzMyAxMC4wNjE0IDE1LjUgMTEuOTk0NCAxNS41QzEyLjE3MTYgMTUuNSAxMi4zNDU4IDE1LjQ4NjggMTIuNTE2IDE1LjQ2MTRMOC41MzI5OSAxMS40Nzg0WiIgZmlsbD0iIzBGMEYwRiIvPg0KPHBhdGggZD0iTTE1LjQ2NjEgMTIuNDQ3MUwxMS41NDczIDguNTI4MjlDMTEuNjkzNyA4LjUwOTYyIDExLjg0MjkgOC41IDExLjk5NDQgOC41QzEzLjkyNzQgOC41IDE1LjQ5NDQgMTAuMDY3IDE1LjQ5NDQgMTJDMTUuNDk0NCAxMi4xNTE1IDE1LjQ4NDggMTIuMzAwNyAxNS40NjYxIDEyLjQ0NzFaIiBmaWxsPSIjMEYwRjBGIi8+DQo8cGF0aCBkPSJNMTguMTExOCAxNS4wOTI4QzE5LjAyODQgMTQuNDcwMiAxOS43NzE1IDEzLjc4MDUgMjAuMzQxMyAxMy4xNjM0QzIwLjk2NTcgMTIuNDg3MiAyMC45NjU3IDExLjUxMjggMjAuMzQxMyAxMC44MzY2QzE4LjgxMTcgOS4xODAwMiAxNi4wMzMxIDcgMTIgN0MxMS4zNTk0IDcgMTAuNzUwNSA3LjA1NDk5IDEwLjE3MzIgNy4xNTQxNUw4LjUwNDgzIDUuNDg1ODJDOS41NjIxIDUuMTgyNiAxMC43MjcyIDUgMTIgNUMxNi44MTEyIDUgMjAuMDgzMyA3LjYwOTA1IDIxLjgxMDcgOS40Nzk3OEMyMy4xNDI2IDEwLjkyMjIgMjMuMTQyNiAxMy4wNzc4IDIxLjgxMDcgMTQuNTIwMkMyMS4yMzA1IDE1LjE0ODYgMjAuNDc2IDE1Ljg2MDMgMTkuNTQ3NCAxNi41Mjg0TDE4LjExMTggMTUuMDkyOFoiIGZpbGw9IiMwRjBGMEYiLz4NCjxwYXRoIGQ9Ik0yLjAwNzg5IDMuNDIyMDdDMS42MTczNiAzLjAzMTU1IDEuNjE3MzYgMi4zOTgzOCAyLjAwNzg5IDIuMDA3ODZDMi4zOTg0MSAxLjYxNzMzIDMuMDMxNTggMS42MTczMyAzLjQyMjEgMi4wMDc4NkwyMi4wMDA0IDIwLjU4NjJDMjIuMzkxIDIwLjk3NjcgMjIuMzkxIDIxLjYwOTkgMjIuMDAwNCAyMi4wMDA0QzIxLjYwOTkgMjIuMzkwOSAyMC45NzY3IDIyLjM5MDkgMjAuNTg2MiAyMi4wMDA0TDIuMDA3ODkgMy40MjIwN1oiIGZpbGw9IiMwRjBGMEYiLz4NCjwvc3ZnPg==");
}
.form-control-password-show-hide:before{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuOTk0NCAxNS41QzEzLjkyNzQgMTUuNSAxNS40OTQ0IDEzLjkzMyAxNS40OTQ0IDEyQzE1LjQ5NDQgMTAuMDY3IDEzLjkyNzQgOC41IDExLjk5NDQgOC41QzEwLjA2MTQgOC41IDguNDk0MzkgMTAuMDY3IDguNDk0MzkgMTJDOC40OTQzOSAxMy45MzMgMTAuMDYxNCAxNS41IDExLjk5NDQgMTUuNVpNMTEuOTk0NCAxMy40OTQ0QzExLjE2OTEgMTMuNDk0NCAxMC41IDEyLjgyNTMgMTAuNSAxMkMxMC41IDExLjE3NDcgMTEuMTY5MSAxMC41MDU2IDExLjk5NDQgMTAuNTA1NkMxMi44MTk3IDEwLjUwNTYgMTMuNDg4OCAxMS4xNzQ3IDEzLjQ4ODggMTJDMTMuNDg4OCAxMi44MjUzIDEyLjgxOTcgMTMuNDk0NCAxMS45OTQ0IDEzLjQ5NDRaIiBmaWxsPSIjMEYwRjBGIi8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDVDNy4xODg3OSA1IDMuOTE2NyA3LjYwOTA1IDIuMTg5MyA5LjQ3OTc4QzAuODU3MzkyIDEwLjkyMjIgMC44NTczOTMgMTMuMDc3OCAyLjE4OTMgMTQuNTIwMkMzLjkxNjcgMTYuMzkxIDcuMTg4NzkgMTkgMTIgMTlDMTYuODExMiAxOSAyMC4wODMzIDE2LjM5MSAyMS44MTA3IDE0LjUyMDJDMjMuMTQyNiAxMy4wNzc4IDIzLjE0MjYgMTAuOTIyMiAyMS44MTA3IDkuNDc5NzhDMjAuMDgzMyA3LjYwOTA1IDE2LjgxMTIgNSAxMiA1Wk0zLjY1ODY4IDEwLjgzNjZDNS4xODgzMiA5LjE4MDAyIDcuOTY2OSA3IDEyIDdDMTYuMDMzMSA3IDE4LjgxMTcgOS4xODAwMiAyMC4zNDEzIDEwLjgzNjZDMjAuOTY1NyAxMS41MTI4IDIwLjk2NTcgMTIuNDg3MiAyMC4zNDEzIDEzLjE2MzRDMTguODExNyAxNC44MiAxNi4wMzMxIDE3IDEyIDE3QzcuOTY2OSAxNyA1LjE4ODMyIDE0LjgyIDMuNjU4NjggMTMuMTYzNEMzLjAzNDI2IDEyLjQ4NzIgMy4wMzQyNiAxMS41MTI4IDMuNjU4NjggMTAuODM2NloiIGZpbGw9IiMwRjBGMEYiLz4NCjwvc3ZnPg==");
}