/* region #LoginPage */

#LoginPage {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: 100vh;
}

#LoginLocated {
	width: 480px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin: 0 auto;
}

#LoginLocated .TitleTag {
	font-size: 2rem;
	color: #7A7A7A;
	font-weight: bolder;
	padding-bottom: 5px;
}

#LoginLocated .SubTitleTag {
	font-size: 1.25rem;
	color: #7A7A7A;
	padding-bottom: 15px;
}

#LoginLocated form {
	width: 100%;
	background-color: #FFFFFF;
	border-radius: 6px;
	box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1);
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	padding: 1.25rem;
}

#LoginLocated form .InputTag {
	width: 100%;
	height: 3.5rem;
	margin-bottom: 15px;
}

#LoginLocated form .InputTag input {
	font-size: 1.5rem;
}

#LoginLocated form .InputTag input::-webkit-input-placeholder {
	color: #D5D5D5;
}

#LoginLocated form .InputTag input:-ms-input-placeholder {
	color: #D5D5D5;
}

#LoginLocated form .InputTag input::placeholder {
	color: #D5D5D5;
}

#LoginLocated form .ButtonTag {
	width: 100%;
	height: 3.5rem;
}

#LoginLocated form .ButtonTag button {
	background-color: #209CEE;
	border-color: transparent;
	color: #FFFFFF;
	font-size: 1.5rem;
}

/* endregion #LoginPage */

@media screen and (max-width: 1900px) {
}

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1250px) {
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1100px) {
}

@media screen and (max-width: 1050px) {
}

@media screen and (max-width: 1000px) {
}

@media screen and (max-width: 950px) {
}

@media screen and (max-width: 900px) {
}

@media screen and (max-width: 850px) {
}

@media screen and (max-width: 800px) {
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 750px) {
}

@media screen and (max-width: 700px) {
}

@media screen and (max-width: 660px) {
}

@media screen and (max-width: 650px) {
}

@media screen and (max-width: 580px) {
}

@media screen and (max-width: 560px) {
}

@media screen and (max-width: 480px) {
	#LoginLocated {
		width: 100%;
		padding: 0 5%;
	}

	#LoginLocated form {
		padding: 1rem;
	}
}

@media screen and (max-width: 460px) {
}

@media screen and (max-width: 450px) {
}

@media screen and (max-width: 414px) {
}

@media screen and (max-width: 375px) {
}

@media screen and (max-width: 320px) {
}