.password-input-wrapper {
  position: relative;
}

.password-input-wrapper .toggle-password {
  position: absolute;
  top: 21px;
  right: 10px;
  display: inline-block;
  width: 32px;
  height: 26px;
  font-size: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAA4ZJREFUWIXF1k+IG3UUwPHv+03CbqzdUpZdULesJ4saWYst4sHDukiaZPNns+ih3uqhnjwIHqSXnrx51EO9asGVTZNMJjVqWKSCIIqUZosuFKktWotd0LqkMZl5HkzWbMhMtgtN32ny5vd78+HHy5uRYrl0QWCqHW4ncrHcLUYcRmBK4TnTCtXy1fz0yAEhE4qDXBaIWq3QV6ufrT4ySoAAVCqVqZbn1kCfAX5sh1ovLR9f/m1kgAeJkN4fDwIh/Yl8NT9tWqGaQFSh7oXbC91/R9EpHkWJg5kHfRyYBMaA6yi/iPC1Gi1kEpkf9gwIQpQqpbh6nO88NCB0A3h3Yt/Ex/Pz8+17BvQgvhWY3RviP4hivZldXKzeE2BtbW38z607ZwTeBkwnvd0ThXI5JngFYHw4AgU+HA+PvRWLxbaGAlYrlZmQ2y4hHBlQafskHMeZ3bKsOwdEmo12I2o8c0KFU/icjEKdtpfIZrPXfQHFSvEInnFAfYdRf2P2hm3bc554ZZAZn903xJPj6XR6vZvpHi+lUukYntQCHu6CbghE/cZ2KpW6ZNQsAs3BJWRGDRcLTuH5HYDzjvOsGvkCOOjzcEA+csPuiwr1YQiFs/51OChqnHy5/CSAcRxn1qjrgB4I2ISnfJCL5W4JXAEIQhjDuaBawKQlXrVQKBwybdxPgUeHbCAE9c7ly92cH0Jbus6wUA5J2KwalH+GLgYajUa3X6ze/CBEc2wsvJuaKE2Dq68qXBu2NhyJPNW5/LL/Xj9in+vux7cRt3ddDYn1islkMr9ivITAZtByC30NwBXrHeB2ECKZTF4Tw1IA4qZn2rFkMnnTAGQT2SuuWAvAH34AFU7Ztj2XSyY3jMocsAL8JbApwifAei8inUhf8EHc9sSKLyWWrnbg/0e5XI666Of+s0BvGDWLqVTqUv+dfDU/bbWsiyBPBLw7fsbSeCae+ann5HaGbduPeaIF4KjPYTQVzhrDubt/361HIpFxVX3aE14X4QSdJh2AOI2ry5lM5vfeYgNfRisrK5GxhyLvgb7ht2Y3ETS2AwHdsG17wUPfRzh8vxBmULIbqVSqNvHw/qiqnKQzAXcTAt+ryslhY7uzdvdRKpWOqZEU8AKih1EmOzU2QeuI+UZx89lk9jIEf97tCbCXGPahe98BwxAjAQQhRgbwQ4wUADsbE/hu5IAuwmqFHNDGv/Az++Jyde8PAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

.password-input-wrapper .toggle-password.visible {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAA0xJREFUWIXtlF2IG1UYhp/vTLpJNxhRqze6qCD+IFqNFqEIkgst3XQyodqo7eLFUkWsoiBoEZGI6I1or5aFRWnBvxJld5LJqlGWRlQKKqs3UqpoL1pEpLVQ0G12kvm8SDZks5k0u3jXfWAu5sx7vvf9zjlzYJ11LnZkNWK37G41mFEV7kW5AbgcUIQzKCcEvlZ0LpPOVEVE/5cA+XzeJLckH0N5QeGWAbP+iupEbaE2mcvlFtccoPhp8U5UDqHcPqBxF/qLUfOMbdtfhCmssA+lcukJVD4Brl6bOYBcocLYo7t3WzffeNNX1Wp1xbb0XIHirPcyqq+FFPWBdxT5aDES+RnrXCNaiyYFeVhhL6FNyeHavwtjuVyu0TkaWZ05fxjlIdu2j3aNHwGOeJ43FYh+Dly5cqo+MjQcO6+q450HdNkKFD1vD6LvdY+3pL5R7rNt+6jruiNY5oAIDwCoMCdG9zvbneOlUmmLGr4Bhnq2oPqqYzv5FQHcWfceUVMFYr2bl0lnh/2U67ojJmJ+0uYv2MlZrQebs9nsyWLZexd0vHcdAtCMs8OZBTAAhS8Ll4qaw+HmYJQPAbDMgR7mAJdJxHqrpT0YVqfpKYemK9NXtQNEa9EJ4Lo+k/B9/xjA0rL3Rrd1avuwyfIjU+0AqhLa+RKxWMy/kAaah2swrfrtABuM9bTA3/3kdep3Q/PA9SlaAWg0GrdewP10Y0NjXztAOp3+M1DZC4Te36q6C0CM7gfO9pCcqZvI8wAN0bE+5qoq4zu37fyrHQAga9sziLwZPk0enymX73K2O8e1HmwG+Rg413oKdRO548HR0VOe5yWleSH1ROCNrG17S+/LLqLaPwsvRYc3Xg/NbruwDMFnpVIpnclkvgdy3QLP85KBqEfYHYB+MP/Dj690BVpOoVAYig5vnAZNhzSxCPK+UQ76vn/MsqxFtfQ2MHtanYeZzyTiiVwqlar3DdAKYQ0Nx14XeDEkxGqZSsQv2ddtHhpgiWK5uAt4G+SaNRr/rirPde75qgIAVCqVeM2vPavCkygjg/nKbxBMJuKJiVQqdb6vcrCCzW2JxqP3g0mhuhXhWpRNNH/d0wgnVPnWGObmv5uv5vP5YNDa66xzcfMf0iw6zE7W/nYAAAAASUVORK5CYII=);
}

.password-input-wrapper input {
  padding-right: 50px;
}