﻿.student-verify-container {
	display: flex;
	flex-direction: column;
	max-width: 550px;
	padding: 32px 0px 32px;
	justify-self: center;
	align-self: center;
	align-items: center;
}

.student-verify-title {
	font-size: 22px;
	color: #3C4858;
	font-weight: 700;
	padding: 8px 16px;	
}

.student-verify-form {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.student-verify-form__input-container {
	padding: 8px 16px;
	width: 100%;
}

	.student-verify-form__input-container > input {
		background: #FFFFFF;
		border: 1px solid #BFBFBF;
		border-radius: 6px;
		font-size: 14px;
		line-height: 20px;
		color: #000000;
		padding: 12px;
		width: 100%;
	}

.student-verify-form__submit-button {	
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	font-weight: 700;
	background: #13AABF;
	border-radius: 6px;
	border-width: 0px;
	cursor: pointer;
	min-height: 40px;
	text-transform: uppercase;
	width: min-content;
	padding: 8px 18px;
	margin-top: 15px;
}

	.student-verify-form__submit-button:hover {
		opacity: 0.7
	}

.student-verify-login_title {
	justify-self: center;
	margin: 16px auto 0;
	padding: 0 18px;
	font-size: 20px;
	font-weight: 400;
	color: #53616F;
	line-height: 24px;
}

@media(max-width: 768px) {
	.student-verify-login_title {
		font-size: 18px;
	}
}

.student-verify-auth {
	min-width: 330px;
	max-width: 550px;
	width: 100%;
	height: 680px;
	justify-self: center
}

	.student-verify-auth iframe {
		background: transparent;
		box-shadow: none;
		border-width: 0px;
		width: 100%;
		height: 100%;
	}

@media (max-width: 550px) {
	.student-verify-auth {		
		height: 700px;
	}
}