html,
body {
	height: 100%;
}

body {
	display: flex;
	align-items: center;
	padding-top: 40px;
	padding-bottom: 40px;
}

.form-justify {
	max-width: 440px;
	padding: 1rem;
}

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

.form-justify input[type="email"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.form-justify input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/*
 * --------------------------------------------------
 * form
 * --------------------------------------------------
 */
 .form-label, .col-form-label {
	font-weight: 800;
}

.readonly {
    background-color: #e9ecef;
}