.visually-hidden {
	display: none;
}

.form-control-feedback {
	display: none;
}

input {
	width: calc(100% - 2 * 3px - 2 * 10px);
	padding: 5px 10px;
}

button {
	width: 100%;
}

fieldset {
	border: none;
}

img.background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
	filter: brightness(.8) sepia(.5);
}

.content-section {
	background: rgba(37, 43, 54, .8);
	padding: 20px;
	margin: 100px 10px 25px;
	color: var(--color-font-light);
}


.content-section .com-users-login__options.list-group {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.content-section .com-users-login__options.list-group a {
	display: block;
}

.password-group > .input-group {
	display: flex;
}

body form fieldset .password-group > div button {
    position: relative;
    width: 30px;
    height: 30px;
    margin-left: 7px;
    background: none;
    border: none;
    cursor: pointer;
}

body form fieldset .password-group > div button::before {
    font: var(--fa-font-solid);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    content: "\f06e";
    font-size: 16px;
    font-weight: bold;
    color: black;
    cursor: pointer;
}

body form fieldset .password-group > div input[type="text"] ~ button::before {
    content: "\f070";
}

.form-check {
	display: flex;
	align-items: center;
}

.form-check input {
	width: 25px;
	margin-right: 7px;
}