@font-face {
	font-family: 'ProximaNova';
	src:url('../fonts/ProximaNovaRegular.eot') format('embedded-opentype');
	src: url('../fonts/ProximaNovaRegular.eot?#iefix') format('embedded-opentype'), 
	url('../fonts/ProximaNovaRegular.woff2') format('woff2'),
	url('../fonts/ProximaNovaRegular.woff') format('woff'),
	url('../fonts/ProximaNovaRegular.ttf') format('truetype'),
	url('../fonts/ProximaNovaRegular.svg#svgFontName') format('svg');
  }

html, body { 
	margin:0px; padding:0px; 
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size: cover;
	background-position:left top;
	font-family:"ProximaNova";
	overflow:auto;
}

.mainForm {
	display:table-cell;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
}

.formContainer {
    box-sizing: border-box;
	display: inline-block;
	margin:auto;
	margin-top:220px;
	width:800px;
	height:560px;
	vertical-align:center;
	text-align:center;
}

.logo {
    box-sizing: border-box;
	width:372px;
	height:100%;
	position:relative;
	float:left;
	background-color:rgba(32,128,205,0.80);
	background-image:url("/public/img/IMT_Access_Login-white.svg"),
	url('../fonts/ProximaNovaRegular.eot');
	background-repeat:no-repeat;
	background-size: 251px 164px;
	background-position:center center;
	border-radius:25px 0 0 25px;
}

.logo_access {
	box-sizing: border-box;
	width:372px;
	height:100%;
	position:relative;
	float:left;
	background-color:rgba(32,128,205,0.80);
	background-image: url('/public/img/ICE_Access_Login_Lockup_Wht.png');
	background-repeat:no-repeat;
	background-size: 300px 82px;
	background-position:center center;
	border-radius:25px 0 0 25px;
}

.logo_rc {
	box-sizing: border-box;
	width:372px;
	height:100%;
	position:relative;
	float:left;
	background-color:rgba(32,128,205,0.80);
	background-image: url('/public/img/Access_Login_Logos_509650_outlined_rgb_ICE_Resource_Center_white_rgb.svg');
	background-repeat:no-repeat;
	background-size: 315px 164px;
	background-position:center center;
	border-radius:25px 0 0 25px;
}

.logo_lms {
	box-sizing: border-box;
	width:372px;
	height:100%;
	position:relative;
	float:left;
	background-color:rgba(32,128,205,0.80);
	background-image: url('/public/img/Access_Login_Logos_509650_outlined_rgb_ICE_Academy_white_rgb.svg');
	background-repeat:no-repeat;
	background-size: 270px 164px;
	background-position:center center;
	border-radius:25px 0 0 25px;
}

.logo_shop {
	box-sizing: border-box;
	width:372px;
	height:100%;
	position:relative;
	float:left;
	background-color:rgba(32,128,205,0.80);
	background-image: url('/public/img/Access_Login_Logos_509650_outlined_rgb_ICE_Shop_white_rgb.svg');
	background-repeat:no-repeat;
	background-size: 250px 164px;
	background-position:center center;
	border-radius:25px 0 0 25px;
}

.brandTitle{
	font-size: 13px;
	position:absolute;
	text-align: center;
	margin-left:10px;
	margin-top:25px;
} 

.registrationForm {
	display: inline-block;
    box-sizing: border-box;
	width:400px;
	height:100%;
	position:relative;
	float:left;
	border-radius:25px 25px 0 25px;
}

.registrationForm .title {
	font-size:2.0em;
	padding:5px 0 5px 0;
	font-weight:bold;
	border-radius:0 25px 0 0;
	background-color:rgba(32,128,205,0.80);
	color:white;
}

.registrationForm .content {
    box-sizing: border-box;
	background-color:rgba(255,255,255,1.0);	
	border-radius:0 25px 0 0;
	height:100%;
	padding:5px 0 0 0;
}

.registrationForm input,select {
	font-size:1.1em;
	margin-top:10px;
	height:30px;
}

.registrationForm input[type="text"],input[type="password"],select{
	padding-left:30px;
	width:92%;
	border:0px;
	border-bottom:1px rgba(199,199,199,1.0) solid;
	text-align:left;
}

.registrationForm input[type="text"]:focus,input[type="password"]:focus,select:focus{
	border-bottom:2px rgba(31,127,204,1.0) solid;
	outline-style: none;
}

.registrationForm input[type="submit"]{
	width:95%;
	margin-left:10px;
	border-radius:5px;
	background-color:#C0C6CC;
	color:white;
}

.hint {
	text-align: left;
	margin-left: 30px;
	height: 0.80rem;
	font-size: 0.7em;
	margin-bottom: -10px;
	padding-top:.4px;
}

.info {
	color: rgba(31,127,204,1.0);
}

.error {
	color: #DC143C;
}

.error-message {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	padding: 15px;
	margin-bottom: 20px;
	text-align: center;
	border-radius: 4px;
	z-index: 10;
}

.red{
	color: #a94442;
	background-color: #f2dede;
	border: 1px solid #ebccd1;
}
.blue{
	color: #31708f;
	background-color: #d9edf7;
	border: 1px solid #9AC3D8;
	font-size:larger;
}

.error-emphasis {
	font-weight: 700;
	color: #843534;
}

.error-link {
	text-decoration: none;
}

.error-link:hover {
	cursor: pointer;
	text-decoration: underline;
}

.successMessage{
	text-align: left;
	font-size: x-large;	
	margin-left: 1em;
}

.note{
	text-align:left;
	font-size: small;	
	margin-left: 1.5em;
	margin-right: 1.5em;
}

select{
	width:99%;
}

#registrationTutorialButton{
	color:blue;
	text-decoration:underline;
	cursor:pointer;
}

#secques{
	text-align: left;
	font-size:.8em;

}
#clientid-hint{
	width:57%;
	height:0.9rem;
	padding-bottom:9px;
}
tr {
	padding-top:5px;
}
table{
	border-spacing:10px;
	text-align:center;
	font-size:1.0em;
}
input::placeholder{
	font-size:.7em;
}