.connection--modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    align-content: center;
    background: rgba(0,0,0,0.5);
    z-index:1000;
}

.connection--modal > form {
    background:white;
    padding:20px;
    position: relative;
    
}

form#user-login-form div#closeformconnection {
    position: absolute;
    top: 20px;
    height: 24px;
    width: 18px;
    right: 20px;
    cursor: pointer;
}

form#user-login-form div#closeformconnection:before {
    width: 31px;
    height: 8px;
    content: "";
    position: absolute;
    transform: rotate(45deg);
    top: 8px;
    left: -6px;
    background: black;
    border-radius: 5px;
}

form#user-login-form div#closeformconnection:after {
    width: 30px;
    height: 8px;
    content: "";
    position: absolute;
    transform: rotate(-45deg);
    top: 8px;
    left: -6px;
    background: black;
    border-radius: 5px;
}

form#user-login-form .form-item-pass {
    position: relative;
}

form#user-login-form idv.toggler-eye {
    position:absolute;
    right:10px;    
    height:32px;
    width:32px;
}


form#user-login-form idv.toggler-eye svg,
form#user-login-form idv.toggler-eye input
{
    position:absolute;
    right:0px;
    top:0px;
    height:32px;
    width:16px;
}

form#user-login-form idv.toggler-eye input {
    opacity:0;
    z-index:10;
}