body {
	height: 100%; color: rgb(255, 255, 255);
}
.mainContainer {
	height: 100%; text-align: center; overflow: auto; position: relative; z-index: 10; animation-duration: 800ms; animation-fill-mode: both;
}
.mainContainer::before {
	height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.modal-content {
	background: none; padding: 30px; border: currentColor; border-image: none; color: rgb(230, 230, 250); font-size: 14px; vertical-align: middle; display: inline-block; min-width: 320px; max-width: 100%; box-shadow: 0px 5px 15px rgba(0,0,0,0.3);
}
.form-group {
	margin-bottom: 20px;
}
.brand {
	margin: 15px 0px;
}
.brand img {
	max-height: 300px; max-width: 300px;
}
.main-title {
	margin: 11px 0px; color: rgb(255, 0, 32); font-size: 22px; vertical-align: middle;
}
.sub-title {
	margin: 11px 0px; color: rgb(255, 0, 32); font-size: 16px; vertical-align: middle;
}
.loginForm {
	margin: 30px 0px 0px; width: 350px;
}
span.spacer {
	margin: 0px 5px; color: rgb(238, 238, 238);
}
.seccode-wrapper {
	text-align: left;
}
p.error-msg {
	margin: 20px 0px; text-align: left;
}
.btn-lg {
	margin-top: 20px;
}
@media all and (max-width:414px)
{
.modal-content {
	padding: 20px; margin-top: 15px;
}
.mainContainer::before {
	display: none;
}
}
@media all and (max-width:375px)
{
.modal-content {
	padding: 15px; min-width: 300px;
}
.loginForm {
	width: 320px;
}
}
@media all and (max-width:320px)
{
.modal-content {
	margin: 10px; padding: 20px; min-width: 300px;
}
.loginForm {
	width: auto;
}
}
.checkbox-custom {
	margin-top: 0px; margin-bottom: 0px;
}
.checkbox-custom label {
	padding-left: 5px; font-size: 14px;
}
.radio-custom label {
	padding-left: 5px; font-size: 14px;
}
.copyright-container {
	left: 0px; width: 100%; bottom: 0px; position: absolute;
}
footer.page-copyright {
	margin: 20px 10px 10px; left: 0px; top: 0px; width: 100%; color: rgb(255, 255, 255); font-size: 16px; position: absolute; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
footer.page-copyright a {
	color: rgb(255, 255, 255); text-decoration: underline;
}
.btn-primary {
	background-color: transparent;
}
.third-wrapper {
	text-align: left; margin-bottom: 20px;
}
.third-wrapper > a {
	padding: 10px; width: 52px; height: 52px; display: inline-block;
}
.third-wrapper > a:hover {
	background-color: rgba(0, 0, 0, 0.05);
}
.third-wrapper > a > img {
	vertical-align: middle; max-height: 32px; max-width: 32px;
}