html,
body {
	height: 100%;
}

body {
	display: flex;
	align-items: center;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #666;
    background-size: cover;
    background-attachment: fixed;
	background-position: center;
	-webkit-transition: background 2s ease;
	-moz-transition: background 2s ease;
	-ms-transition: background 2s ease;
	-o-transition: background 2s ease;
	transition: background 2s ease;
}

.form-signin {
	max-width: 330px;
	padding: 30px;
	background-color: rgb(255 255 255 / 80%);
	border-radius: 10px;
}

.form-signin .form-floating:focus-within {
	z-index: 2;
}

.form-signin input[name="wt_username"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.form-signin input[name="wt_password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

body.bg-1 {
	background-image: url(../../img/backoffice-1.jpg);
}
body.bg-2 {
	background-image: url(../../img/backoffice-2.jpg);
}
body.bg-3 {
	background-image: url(../../img/backoffice-3.jpg);
}
body.bg-4 {
	background-image: url(../../img/backoffice-4.jpg);
}
body.bg-5 {
	background-image: url(../../img/backoffice-5.jpg);
}