.login_section,.login_container { height: 100%; background-color: #662ea7; }

.login_body { padding: 0; margin: 0;  }

.login_content {
    left: 0;
    top: 0;
    transform: translate(0%);
    position: absolute;
    width: 100%;
}
.heading
{
	font-size: 3.5em;
	color: #fff;
	font-weight: 100;
}

.heading_p{
	font-size: 1.3em;
	color: #fff;
	font-weight: 300;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}
.heading_summary{
	font-size: 1.8em;
	color: #fff;
	margin-bottom: 30px;
	font-weight: 100;
	max-width: 500px;
 
}
.heading_summary strong{font-weight: 500;}

.button_section .btn{
	font-size: 1.2em;
	font-weight: 500;
	color: #fff;
	border-radius: 40px;
	padding:10px 40px; 
	text-shadow: 0 0 0 #ccc;
	border-width: 2px;
	margin-top: 15px;
	letter-spacing: .05em;
}
.button_section .btn:hover{
	background-color: #007cba;
	border-color: #fff;
	color: #fff;
}

.button_section .btn-outline.btn-default:focus{color:#fff;}

.loginform_block
{
	background-color: rgba(255,255,255,0.2);
	display: table;
	width: 100%;
	
}
.login_heading{
	height: 90px;
	font-size: 22px;
	font-weight: 500;
	/* color: #fff; */
	color: #1F4F82;
	border-bottom: 2px solid rgba(0,0,0,0.1);
	text-transform: uppercase;
	padding-top:25px;
	padding-left: 35px;
}
.login_form{
	padding:30px;
}
.login_form .floating { position: relative; margin:0 0 20px; }
.login_form .floating i{ position: absolute; left: 0;
    top: 50%;
    transform: translate(0%, -50%);
    position: absolute; 
    color: #484747;
    /*opacity: .3; */
    font-size: 20px;
    font-weight: 500;
}
.info{position: absolute; right: 20px;
    top: 50%;
    transform: translate(0%, -50%);
    position: absolute; 
    color: #484747;
    /*opacity: .3; */
    font-size: 24px;
    font-weight: 500;}
.login_form .form-material.floating+.form-material.floating {margin-top:0;}
.login_form .floating .form-control { width: 100%;text-align: center; color: #251019; font-size: 1.2em; }
/* .login_form .floating .floating-label { left: 40%; color: #fff; font-size: 1.3em; color: #000;font-weight: 500; } */
.login_form .floating .floating-label { left: 42%; color:#1F4F82; font-size: 1.3em;font-weight: 500;  margin-left: 0; }
.word-verif-block
{ 
	background-color: #f6f9fc;
	padding: 10px;
	margin:auto; 
}
.captcha-block{
	max-width:100%;
    height:auto;
    position: relative;
    display:block;
}
.captcha-block img{
	width:100% !important;
    height:100% !important;
    display:block;
}
 
.keep_forgot{color: #fff;font-size: 1em;margin-top: 10px; margin-bottom: 10px;text-align: right; font-weight: 300;}
.keep_forgot a{text-decoration:none;color: #fff; }
.sign_in_block { margin: 30px 0 15px; }

.btn-plogin { font-size: 1.3em; font-weight: 500; background-color: transparent; border-color: #fff; border-radius: 0; color:#fff;}
.btn-plogin:hover,.btn-plogin:focus { background-color: #007cba; border-color: #fff;color:#fff; }

.btn-login { font-size: 1.3em; font-weight: 500; background-color: #1f4f82; border-color: #1f4f82; border-radius: 0; }
.btn-login:hover,.btn-login:focus { background-color: #007cba; border-color: #fff; }

.btn-discover { margin-left: 15px; }
.btn-p { text-align: right; padding-top: 8rem; }
.btn-p .btn { border-radius: 100rem; padding: 1.2rem 5rem; }


.header-mobile { height: 4em; background-color: rgba(0,0,0,0.2); }
.backtopage { font-size: 1.4em; padding:0 15px; line-height: 3em;  }


@media (min-width: 992px){
 .header-mobile { display: none; }
 .login_content {     
	left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 90%; 
}
.login_section {
	background:#662ea7 url("../images/loginbgr.png");
	/* background:#662ea7 url("../images/EY_Image_TMS.jpg"); */
	-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover; 
  background-repeat:no-repeat;
  background-position:center center; }
.loginform_block{ box-shadow: 1px 5px 15px rgba(0,0,0,0.2);  }

.mobile_sign_in { display: none;}



}
@media (min-width: 1300px){
 
 .login_content { width: 1260px; }
.loginform_block{ width: 426px; }

}

@media (min-width: 992px) and (max-height: 400px) {
 .login_content {
    left: 0;
    top: 0;
    transform: translate(0%);
    position: relative;
    width: 100%;
 }
 .login_section{ overflow: auto; padding: 40px 0; }

}
@media (max-width: 991px){
 
  .login_content .col-sm-12{ padding:0; }
   .loginform_block{  background-color: transparent; }
   .login_heading{ display: none;}
   .login_section  { background: none; }
   .login_content { position: absolute; background:#662ea7 url("../images/loginbgr.png");
	 background-size: cover;  overflow: hidden; overflow-y: auto; height: 100%; padding-bottom: 4rem; 
  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
/* 	.sign_in_block { display: block; } */
  .mobile_sign_in {
    margin: 0;
    bottom: 0;
    position: fixed;
    left: 0;
    right:0;
    z-index: 10;
   }
   .landing-body { padding:30px;  }

}

 @media (max-width: 640px) {
  .button_section .btn{ display: block; margin-left: 0; width: 100%;  }
  .heading{ font-size: 2.5em; margin-top: 0; }
  .login_section{ font-size: 11px; }


 }

/*new input floating styles*/


.group 			  { 
  position:relative; 
  margin-bottom: 35px; 
  margin-left: 40px;
}

.inputMaterial 				{
  font-size:18px;
  padding:10px 10px 10px 5px;
  display:block;
  width:300px;
  border:none;
  border-bottom:1px solid #757575;
  background-color: transparent;
}

.inputMaterial:focus 		{ outline:none;}

/* LABEL ======================================= */

.login_form label 				 {
  /*color:#999; */
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
.inputMaterial:focus ~ label, .inputMaterial:valid ~ label 		{
  top:-20px;
  font-size:8px;
  /*color: #ccc;*/
}


/* active state */
.inputMaterial:focus ~ .bar:before, .inputMaterial:focus ~ .bar:after {
  width:50%;
  color: #ccc;
}


/* active state */
.inputMaterial:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
.popover.top > .arrow {
    bottom: -9px;
    left: 50%;
    margin-left:20px;
    border-top-color: rgba(204, 213, 219, 0.85);
    border-bottom-width: 0px;
}

.popover {
    padding: 0px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
    margin-left: -30px;
}


.panel-group .panel-title,.panel-group .panel-title:focus, .panel-group .panel-title:hover {
  background:#e4eaec;
       color:#000;
    font-weight:500;   
}
.panel-body-custom{
       border: 1px solid #dedddd;
    background-color: rgba(222, 221, 221, 0.25);
}
 .nav>li>a:focus, .nav>li>a:active {
    text-decoration: none;
    background-color: #f3f7f9;
} 

/*updated login page styles*/
.heading_EA{
  font-size: 3.2em;
  color: #c5941b;
  font-weight: 300;
}
.heading_tms{
  font-size: 2.5em;
  color: #c5941b;
  text-align: center;
  font-weight: 300;
}
.sign_in_block { margin: 15px 0 15px; }
.btn-p { text-align: right; padding-top: 4rem; }
.btn-p .btn {
  border-radius: .5rem;
  padding: 0rem 0rem;
}

.btn-plogin { font-size: 1.25em; font-weight: 400; background-color: #c5941b; border:none;border-radius: .5rem; color:#fff;
 box-shadow: 1px 1px 5px 2px rgba(0,0,0,.4); }
.btn-plogin:hover,.btn-plogin:focus { background-color: #c5941b; color:#fff;box-shadow: none; }
.sign_in_block img{border-left:1px solid #000;padding: .3rem 1rem;padding-left: 1rem;}

.btn_proceed{padding: 1rem 1rem;padding-right: 1rem;text-shadow:3px 3px 5px rgba(0,0,0,.8);}

.login_section,.login_container { height: 100%; background-color: #fff; }
.padding_15{
  padding-left:15px;
  padding-right: 15px;
}