@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;
	margin:240px auto;
	width:800px;
	height:329px;
	text-align:left;
	position:relative;
}

.logo {
    box-sizing: border-box;
	width:400px;
	height:379px;
	position:absolute;
	float:left;
	background-color: #2080CD;
	background-image:url("/public/img/IMT_Access_Login-white.svg");
	background-repeat:no-repeat;
	background-size: 400px 164px;
	background-position:center center;
	border-radius:25px 0 0 25px;
	opacity:0.9;
}

.logo_access {
	width: 380px;
	height: 350px;
	background-image: url('/public/img/ICE_Access_Login_Lockup_Wht.png');
	background-repeat:no-repeat;
	background-size: 300px 82px;
	background-position:center center;
	display: block;
	background-origin: content-box;
}

.logo_rc {
	width: 380px;
	height: 379px;
	background-image: url('/public/img/Access_Login_Logos_509650_outlined_rgb_ICE_Resource_Center_white_rgb.svg');
	background-repeat:no-repeat;
	background-size: 300px 164px;
	background-position:center center;
	display: block;
	background-origin: content-box;
}

.logo_lms {
	width: 380px;
	height: 379px;
	background-image: url('/public/img/Access_Login_Logos_509650_outlined_rgb_ICE_Academy_white_rgb.svg');
	background-repeat:no-repeat;
	background-size: 300px 164px;
	background-position:center center;
	display: block;
	background-origin: content-box;
}

.logo_shop {
	width: 380px;
	height: 379px;
	background-image: url('/public/img/Access_Login_Logos_509650_outlined_rgb_ICE_Shop_white_rgb.svg');
	background-repeat:no-repeat;
	background-size: 230px 164px;
	background-position:center center;
	display: block;
	background-origin: content-box;
}

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

.login-left-content {
    position: relative;
    float: left;
	margin-top: -20px;
    width: 400px;
    height: 350px;
    background-color: #2080CD;
    opacity: 0.9;
    text-indent: 0;
    border-radius: 25px 0 0 25px;
}
.loginForm, .loginFormPHP5 {
/*	display: inline-block; */
	box-sizing: content-box;
	
	width:53%;
	height:100%;
	position:absolute;
	padding:0px 38px 0px 38px;
	left: 340px;
	border-radius:25px 25px 0px 25px;
	float:left;
}

.loginForm .title, .loginFormPHP5 .title {
    box-sizing: border-box;
	font-size:2.0em;
	padding:5px 0 5px 0;
	font-weight:bold;
	border-radius:0 25px 0 0;
	background-color:#2080CD;
	vertical-align:middle;
	color:white;
}

.loginForm .content, .loginFormPHP5 .content{
    box-sizing: border-box;
	margin-top: -20px;
	background-color:rgba(255,255,255,1.0);	
	border-radius:25px 25px 0px 25px;
	height:350px;
	padding:35px 0 0 0;
	width:100%;
	vertical-align:middle;
	display:inline-block;
	justify-content: center;
}

.loginForm input, .loginFormPHP5 input, select {
	font-size:1.15em;
	padding-bottom:1%;
	font-family:"ProximaNova";
}
#env{
	margin:0px;
}
.loginForm input[type="text"], .loginForm input[type="password"],select{
	width:99.5%;
	height:38px;
	border:0px;
	font-family:"ProximaNova";
	text-align:center;
	/*margin-left:-38px;*/
	/*padding-left:1em;*/
	border-bottom: 1px solid #e5e5e5;
}

.loginFormPHP5 input[type="text"], .loginFormPHP5 input[type="password"],select{
	width:99.5%;
	height:38px;
	border:0px;
	/*margin-left:-38px;*/
	padding-left:2em;
	text-align:center;
	border-bottom: 1px solid #e5e5e5;
	text-align:left;

	padding-bottom:1%;
}

.loginForm input[type="text"]:focus,input[type="password"]:focus,select:focus,.loginFormPHP5 input[type="text"]:focus{
	border-bottom:2px rgba(31,127,204,1.0) solid;
	outline-style: none;
}
.loginForm input[type="submit"], .loginFormPHP5 input[type="submit"]{
	width:99.5%;
	height:35px;
	border-radius:5px;
	font-size:0.815em;
	/*background-color:#C0C6CC;*/
	background-color: #006aa9;
	color:white;
	font-family: "ProximaNova";
	justify-content:center;
	justify-self:center;
	margin-top:1%;
}

.button{
	width:91%;
	height:13%;
	border-radius:5px;
	/*background-color:#C0C6CC;*/
	background-color:#006aa9;
	color:white;
	font-size: 1.1em;
	text-decoration: none;
	display: inline-block;
	/*margin-bottom:5px;*/
	outline: #006aa9;
	border:solid;
	border-color:#006aa9;
	justify-content:center;
	border-width:1px;
	
}

.buttonWhite{
	width:95%;
	height:15%;
	border-radius:5px;
	/*background-color:#C0C6CC;*/
	color:#006aa9;
	background-color:white;
	font-size: 1.25em;
	text-decoration: none;
	display: inline-block;
	/*margin-bottom:5px;*/
	text-align:center;
	border-width:1px;
}

.smallfont{
	font-size: 0.831em;
}

.small{
	height:35px;
	margin-top: 5px;
}

.forgot {
    text-align: center;
    margin-top: 80px;
	color: #a9b1be;
	width: 448px;
	height:18px;
	margin-left:-10px;
}

.forgot a {
    text-decoration: none;
    color: #2080CD;
    padding: 0px 5px;
}

.first-half {
    float: left;
	width: 45%;
	/*display:inline-block; */
	padding-left:1em;
}
.second-half {
    float: right;
	width: 45%;
	/*display:inline-block; */
}

.login-error a.info:hover {
	text-decoration: none;
	color: #FFF;
}

.login-error a.info:hover span
{
	width: 30em;
}


.login-error {
	position: absolute;
	top: -72px;
	left: 378px;
	height: 80px;
	width: 349px;
	padding: 0 38px 0 38px;
	vertical-align: middle;
	box-sizing: content-box;
	font-size: 13px;
	background-color: #D91322;
	opacity: 1;
  }

p.login-error {
	color: white;
	line-height: 15px;
	background-color: #e34256;
	text-align: center;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	/*margin-bottom: 25px;*/
	padding-top: 10px;
	display:block;
}

p.login-error a {
	color: white;
	text-decoration: underline;
}


.otherLogin a{
	margin-top:-10px;
}
.otherLogin, .lenderssoFields{
	text-align:center;
}

.otherLogin input{
	display:none;
}

.helpFields{
	text-align:center;
	/*padding-left: 1em;*/
}

.redirectingMessage{
	margin-left: 5%;
	text-align:center;
	vertical-align: middle;
	font-weight:bold;
	font-size:1.5em;

}
.hint {
	text-align: center;
	height: 0.50rem;
	font-size: 0.6rem;
}

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

.error {
	color: #DC143C;
}

.error-message {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid #ebccd1;
	border-radius: 4px;
	color: #a94442;
	background-color: #f2dede;
	text-align: center;
	z-index: 10;
}

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

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

.error-link:hover {
	cursor: pointer;
	text-decoration: underline;
}
.note{
	text-align:left;
	font-size: small;	
}
#registrationTutorialButton:hover{
	cursor:pointer;
}

.tooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;
 
    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}

.accordion:after {
	/*content: '\02795'; /* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color:white;
	float: right;
	margin-left: 5px;
  }
  
  .active:after {
/*	content: "\2796"; /* Unicode character for "minus" sign (-) */
	color:white;
  }

  .panel {
	padding: 0 2%;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
  }

  .accordion {
	background-color: #006aa9;
	color: white;
	cursor: pointer;
	vertical-align:middle;
	text-align: center;
	transition: 0.4s;
	width:91%;
	margin-left:4%;
	margin-right:4%;
	justify-self: center;
	justify-items: center;
	margin-top:2%;
  }

  .white{
	  background-color:white;
	  color:#006aa9;
	  outline: #006aa9;
	  border:solid;
	  border-color:#006aa9;
	  border-width:1px;
  }

  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  .accordion:hover {
	background-color: white;
	color:#006aa9;
  }

  .inactive {
	height:25px;
	font-size : .816em;
  }
  .activeForm {
	border:solid;
	border-color: #006aa9;
	border-top:none;
    border-radius: 0 0 5px 5px;
	padding-bottom: 5px;
	border-width:1px;
	height:100%;
	/*padding-top: 10px;*/
	margin-left: 4%;
	margin-right:2.3%;
	width:87%;
  }

  form{
	  width:100%;
	  height:100%;
  }

  .bottomLinks{
	  width:90%;
	  padding-top:2%;
	  justify-items:center;
	  justify-self:center;
	  
	  margin-right:5%;
  }

  .bigButton{
	margin-top:2%;
	justify-self:center;
	display:block;

  }

  .smallButton{
	  margin-top:1%;
	  justify-self:center;
	  display:block;
	  margin-left:4%;
	  text-align:center;
  }
  .helpFields .button div{
	  padding-top: 1%;
  }


.blueText{
	color:#006aa9;
}

.clickable{
	cursor:pointer;
}

.backIcon{
	margin-top:5%;
	margin-left:4%;
	font-size:0.75em;
}
.smallButton div{
 margin-top:1%;

}

.helpFields .button{
	margin-bottom:10px;
}

.enabled{
	background-color: #006aa9;
}
.disabled{
	background-color:#C0C6CC;
}

.faqLink{
	text-align: center;
	display: block;
	margin-top:2%;
}

.bottomRight{
	position:absolute;
	right:8px;
	bottom:4px;
	color:#006aa9;
}

.faq{
	text-decoration: bold;
    color: white;
/*
    background: rgba(31,127,204,1.0);
PHOENIX*/
    background: #006aa9;
    width: 120px;
    text-align: center;
    display: block;
    /* padding-bottom: 5px; */
    border-radius: 5px;
    margin-bottom: 10px;
    margin-right: 10px;
    font-size: 14px;
    text-decoration: none;
	padding:5px;
}

.mersFields{
	text-align: center;
	height:100%;
	width:98%;
	padding-top:7em;
	display:inline-block;
}