body {
	padding: 20px;
	height: 100vh;
	width: 100vw;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
	max-width: 280px;
}

/* Carousel */
.carousel-caption {
	z-index: 10 !important;
}

.carousel-caption p {
	font-size: 20px;
	line-height: 1.4;
}

@media (min-width: 768px) {
	.carousel-caption {
		z-index: 10 !important;
	}
}

.auth-card {
	width: 400px;
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08), 0 0 6px rgba(0, 0, 0, 0.05);
	transition: 0.3s transform cubic-bezier(0.155, 1.105, 0.295, 1.12), 0.3s box-shadow, 0.3s -webkit-transform cubic-bezier(0.155, 1.105, 0.295, 1.12);
	border-radius: 2px;
}

.auth-card-body {
	padding: 24px 24px 4px 24px;
}

.auth-card-header {
	background-color: transparent;
	text-align: center;
	font-size: larger;
	padding: 16px;
	font-weight: 500;
}

.full-width {
	width: 100%;
}

.form-floating-input {
	max-width: 100%;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
}

.form-item-text-danger {
	font-size: 12px;
	color: #ff4d4f !important;
}

.form-group-with-validation label {
	font-size: 14px;
}

.form-group-with-validation input {
	font-size: 14px;
}

.form-group-with-validation {
	height: 64px;
}

.register-text-wrapper {
	padding: 8px;
	font-size: 14px;
}

.register-text-wrapper > a, .forgot-password-text-wrapper > a {
	text-decoration: none;
}

.forgot-password-text-wrapper > a {
	text-decoration: none;
	color: gray;
}

.forgot-password-text-wrapper {
	font-size: small;
	margin-top: 16px;
	margin-bottom: 8px;
}

.image-btn {
	border: none;
	background-color: transparent;
	padding: 0px;
}

.btn-login {
	border-radius: 2px;
}

.validation-summary-errors ul {
	list-style: none;
	padding-left: 0px;
}