/*
showhidepassword.css
https://dev.to/cwrcode/show-hide-password-with-eye-icon-using-html-javascript-7lf

!!! Направени са доста корекции върху оригинала
*/

body .password-field {
position: relative;
}
body .password-field input {
width: 15rem;
height: 2em;
padding: 1em;
border: 0;
border-radius: 4px;
box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.5);
font-size: 1rem;
letter-spacing: 1px;
}
body .password-field input::placeholder {
color: #000;
font-weight: bold;
}
body .password-field #toggler {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.span-style{
/*background-color: #f4f4f4;*/
position: absolute;
right: 60px;
padding: 5px;
/*border-radius: 4px;*/
}