/* CSS Document */
.reg-background{
	background-color: #efefef;
}
.reg-logo-cont{
	width: 100%;
	position: relative;
	aspect-ratio: 300/52;
	margin: 0px auto 10px 0px;
}
.reg-logo{
	width: 100%;
	height: 100%;
	position: absolute;
}
.reg-page-title h1{
	width: 100%;
	margin:0;
	font-size: 1.8rem;
	color:#001D40;
}
.reg-sub-section-title{
	width: 100%;
	background-color: rgba(0,174,239,0.1);
	color: #000f32;
	padding: 10px;
	clip-path: polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);		
}
.reg-sub-section-title h2{
	margin:0;
}
.reg-sub-section-title::after{
	width: 100%;
	clip-path: polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);
	background-color: #0050bf;
}
.reg-inputs-group{
	display: flex;
	flex-direction: row;
	gap: 20px;
	flex-wrap: wrap;
	padding: 20px 10px;
}
.reg-input-wrap{
	width: 100%;
}
.reg-input-about{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0px 0px;
}
.reg-input-label{
	display: block;
	font-size: 0.975rem;
	text-transform: uppercase;
}
.reg-input-hint{
	display: block;
	font-size: 0.7rem;
	text-align: right;
	color: #ccc;
}
.reg-input-cont{
	width: 100%;
	padding: 3px 0px;
}
.reg-input-text{
	width: 100%;
	padding: 10px 20px;
	border: solid 1px #ccc;
	border-radius: 5px;
	color: #555;
	font-size: 1.0em;
}
input:focus {
	outline: 1px solid #00B2DB;
	box-shadow: 0 0 10px #00B2DB;
}
.warning{
	color: #ff6500;
	background-color: #fff7eb;
	margin-bottom: 20px;
}
.ih-warning {
	outline: 1px solid #ff6500;
	box-shadow: 0 0 5px #ff6500;
}
.error{
	color: #ef5350;
	background-color: #fef2f2;
	margin-bottom: 20px;
}
.ih-error {
	outline: 1px solid #ef5350;
	box-shadow: 0 0 5px #ef5350;
}
.input-half,.input-third,.input-two-thirds,.input-quarter,.input-three-quarters{
	width: 100%;
}
.reg-form-alert{
	width: 100%;
	min-height: 10px;
}
.reg-form-btn-cont{
	width: 100%;
	padding:0px 10px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
.reg-form-submit-btn{
	/* width: 100%; */
	padding: 10px 20px;
	/* background: #1E90FF;
	background: linear-gradient(120deg,rgba(0, 178, 219, 1) 0%, rgba(30, 144, 255, 1) 100%); */
	background-color: #001D40;
	border-radius: 3px;
	border: none;
	font-size: 1.1em;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	transition: linear all 300ms;
}
.reg-form-submit-btn:hover{
	background-color: #000f32;
	transition: linear all 300ms;
}
.reg-checkbox-cont{
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 3px 0px;
	align-items: center;
}
.reg-input-checkbox{
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.reg-checkbox-label{
	padding: 0px 10px;
	cursor: pointer;
	font-size: 1.0rem;
	line-height: 24px;
	height: 24px;
}
.reg-form-alert{
	width: 100%;
	min-height: 10px;
}
.reg-form-btn-cont{
	width: 100%;
	padding:0px 10px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.reg-form-action-btn{
	width: 100%;
	max-width: 300px;
	padding: 10px 20px;
	background: transparent;
	/* background: linear-gradient(120deg,rgba(0, 178, 219, 1) 0%, rgba(30, 144, 255, 1) 100%);
	background-color: #001D40; */
	border-radius: 5px;
	border: 2px solid #001D40;
	font-size: 1.1rem;
	color: #001D40;
	cursor: pointer;
	text-transform: uppercase;
	transition: linear all 300ms;
}
.reg-form-action-btn:hover{
	color: #000f32;
	border: 2px solid #000f32;
	transition: linear all 300ms;
}
.reg-form-submit-btn{
	width: 100%;
	max-width: 300px;
	padding: 10px 20px;
	/* background: #1E90FF;
	background: linear-gradient(120deg,rgba(0, 178, 219, 1) 0%, rgba(30, 144, 255, 1) 100%); */
	background-color: #001D40;
	border-radius: 5px;
	border: none;
	font-size: 1.1rem;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	transition: linear all 300ms;
}
.reg-form-submit-btn:hover{
	background-color: #000f32;
	transition: linear all 300ms;
}
.reg-checkbox-cont{
	width: 100%;
	display: flex;
	flex-direction: row;
}
.reg-input-checkbox{
	width: 20px;
	height: 20px;
	accent-color: #001d40;
}
.reg-checkbox-label{
	padding: 0px 10px;
}
.reg-disclaimer-cont{
	width: 100%;
	padding: 2px 0px 10px 0px;
}
.reg-disclaimer-cont p{
	width: 100%;
	font-size: 0.775rem;
	line-height: 1.55;
	color: #555;
	margin: 0px;
}
.reg-disclaimer-cont p a{
	text-decoration: none;
	color: #0050bf;
}
.login-wrap{
	width: 100%;
	height: calc( 100vh - 70px);
	max-width: 400px;
	margin: auto;
	position: relative;
}
.login-cont{
	width: 100%;
	position: relative;
	top:50%;
	transform: translateY(-50%);
	border-radius: 10px;
	background-color: #fff;
	padding: 50px;
	box-shadow: 0 0 10px #d4eafe;
}
.resend-button{
	color: #00B2DB;
	font-weight: 600;
	cursor: pointer;
	border-radius: 5px;
	border: solid 1px #00B2DB;
	padding: 8px 20px;
	display: block;
	text-align: center;
	font-size: 1.0rem;
	margin-top: 20px;
}
.resend-button:hover{
	color: #fff;
	font-weight: 600;
	cursor: pointer;
	border-radius: 5px;
	background-color:#00B2DB;
	padding: 8px 20px;
	display: block;
	text-align: center;
	font-size: 1.0rem;
}
.reg-form-options{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: center;
}
.reg-form-options a{
	font-size: 1.0em;
	color: #0050bf;
	text-decoration: none;
}
.alternate-login-cont{
	width: 100%;
	text-align: center;
}
.login-option-title{
	width: 100%;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.5rem;
	color:#C09470;
	margin: 20px 0px;
}
.signin-ops-item{
	width:100%;
	max-width: 300px;
	margin: 20px auto;
}
.soi-facebook{
	width:100%;
	max-width: 300px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	background: #3578E5;
	border-radius: 4px;
}
.soi-facebook svg{
	width: 44px;
	height: 44px;
	fill: #fff;
}
.soi-facebook span{
	color:#fff;
	font-size: 1.0rem;
	line-height: 44px;
}
@media(min-width:1024px){
	.input-half{
		width: calc(50% - 14px)
	}
	.input-third{
		width: calc(33.33333333333% - 15px);
	}
	.input-two-thirds{
		width: calc(66.66666666666% - 15px);
	}
	.input-quarter{
		width: calc(25% - 15px);
	}
	.input-three-quarters{
		width: calc(75% - 20px);
	}
}
.request-result{
    width: 100%;
    padding: 10px;
	border-radius: 10px;
}
.fr-head{
    width: 100%;
    font-size: 1.0rem;
    font-weight: 600;
    text-align: left;
}
.fr-body{
    width: 100%;
    font-size: 1.0rem;
    font-weight: 600;
}
.fr-foot{
    width: 100%;
    font-style: italic;
    display: inline;
}
.success{
	color:#00B2DB;
}