/* this makes sure that no other element below the password input will be shown on top of the checkbox, making it impossible to click on the checkbox */
.visible-password-container {
    margin-bottom: 35px;
}

/* if the container of the password is a child of an element using the '.col-md-12' class, it won't change its margin-bottom... */
.col-md-12 .visible-password-container {
    margin-bottom: 0;
}

/* ...which will instead be managed by its parent(this is done so that the glyph of password is centered correctly) */
.col-md-12:has(> .visible-password-container) {
    margin-bottom: 35px;
}

/* makes the label of the checkbox not bold */
.visible-password-container label {
    font-weight: normal;
}