.eduadmin.loginForm form {
	.title {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;

		.courseImage {
			width: 72px;
			height: 72px;
		}

		.dateInfo {
			width: 100%;
			padding: 48px 0;
			text-align: center;
			font-size: 20px;
			font-weight: 500;
		}

		select.dateInfo {
			padding: unset;
		}

		.checkEmailForm {
			width: 100%;
			display: flex;
			flex-direction: column;

			h3 {
				font-weight: normal;
				color: hsl(0, 0%, 40%);
				font-style: italic;
				font-size: 16px;
				margin: 0 0 16px 0;
				padding: 0;
			}

			.inputLabel {
				display: none;
			}

			.inputHolder {
				margin: 0 0 16px 0;
			}

			.bookingLoginButton {
				padding: 16px 24px;
			}
		}
	}
}

@media (min-width: 700px) {
	.eduadmin.loginForm form {
		.title {
			.checkEmailForm {
				width: 100%;
				flex-direction: row;
				flex-wrap: wrap;
				align-items: center;
				h3 {
					width: 100%;
				}
				.bookingLoginButton {
					align-self: flex-end;
				}
				label {
					margin: 0;
					.inputHolder {
						flex: 1;
						width: 350px;
						margin: 0 16px 0 0;
					}
				}
			}

			.dateInfo {
				text-align: left;
			}

			select.dateInfo {
				padding: unset;
			}
		}
	}
}