html,body{
   margin: 0 auto;
   font: bold 9pt Arial;
   text-align: center;
   background-color: #f5f5f5 !important;
   color: #224190;
   font-weight: bold;
   font-size: 7pt;
   height:100%;
   font-family: Arial;
}

body{height: calc(100% - 61px)!important;} 

.loginPage .wrapper, .loginPage > .wrapper form, .mainSection , .container ,.pageCenterContainer {height: 100%;}


.mainSection > .container{min-height:initial !important;}

.loginPage {background-position: center right; }
.loginPage .rememberSection a {color:#e0d873;}
.loginPage h3 {margin: 10px 0;  font-weight: bold;}
.logoSection {padding: 10px 0 0 0px !important;}
.loginPage > .wrapper{padding:20px;} 
.transPerentBorder { border: 10px solid rgba(255,255,255,0.6); }
.loginPage .pageCenterContainer {width: auto;  max-width: 1400px; position: static;}
.loginPage .centerColorBox h4 strong  {
    margin-bottom: 12px;
    margin-left: 179px;
}
   
.loginPage h4{
    margin-top: 4px;
    color: #CCCCCC;
    margin-bottom: 0;
}
.loginPage .centerColorBox {
	width: 340px;
    position: fixed;
    right: 20%;
    bottom: 20%;
    background: #344152 !important;
}
.resetSection {
	padding: 0px;
    text-align: left;
    font-size: 10px;	
}
 .loginPage .rememberSection {
 	position:relative;
     margin-bottom:0px;
}

.loginPage .btn-default {
	
	border-radius: 0px;
    text-align: center;
    padding: 6px 60px;
    font-size: 14px;
    overflow: hidden;
    background: #e0d873 !important;
    border: 1px solid #e0d873 !important;
    color: #344152;
    min-width: 91px;
    margin-top: 5px;
    color: #344152 !important;
}
.centerTableCell {display: block !important;}
.loginPage .btn-default:hover {
	color: #ffffff;
    background-color: #e0d873;
    border-color: #e0d873;
}

 .loginPage .rememberSection .checkbox {
    position:relative;
     min-height: 88px;
}
.loginPage .rememberSection .checkbox label {
	  position: absolute;
     top: 64px;
     left: 60px;
     background: rgba(255, 255, 255, 0.7);
     display: block;
     right: 0px;
     text-align: left;
     height: 44px;
     font-size: 17px;
     padding-top: 12px;
     color:#395D76;
}
.loginPage .rememberSection .checkbox label input {
	
	 left:-40px;
     position:relative;
}
.loginPage #Login_email, .loginPage #Login_password {
	 border-radius:0px;
     border:0px none;
     padding:8px 12px;
     color:#000000;
     font-size:14px;
     height:30px;
     background: rgba(255, 255,255,0.9);
     text-align: left;
}
.shrm{text-align: left;}
.loginPage .rememberSection .shrm a{color: #ffffff}
.loginPage .control-group .checkbox label:before {
	background: rgba(255,255,255,0.7);
     display: block;
     width: 50px;
     height: 44px;
     position: absolute;
     left: -60px;
     top: 0px;
}
.loginPage .centerColorBox hr {
	display:none;
}
.loginPage .resetSection {
	
	 padding:0px;
     text-align:left;
     color:#e0d873;
	 font-size: 12px;
}
.loginPage .resetSection.termSection a {
	color:#FFFFFF;
}
.resetSection a {color: #e0d873;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  
  color: #000000;
  font-weight: bold;
}
::-moz-placeholder { /* Firefox 19+ */
  
  color: #000000;
  font-weight: bold;
}
:-ms-input-placeholder { /* IE 10+ */
  
  color: #000000;
  font-weight: bold;
}
:-moz-placeholder { /* Firefox 18- */
  
  color: #000000;
  font-weight: bold;
}

.textBox {  
	width: 500px;
    text-align: left;
    
   }
  
.textBox a {  color:#287cce;font-weight: bold; text-decoration: underline;}

.whiteBg {background: #fff; padding: 20px; text-align: left; font-size: 18px; line-height: 29px; margin-top: 10px;}
 .footer  {position: relative !important;}
.footer .footerPowerby a img { display: none;}
@media screen and (max-width: 1024px){
.whiteBg {font-size: 14px; line-height: 20px; padding: 12px;}
.loginPage .centerColorBox  {right: 10%;}	
}
@media screen and (max-width: 640px){
.textBox {width: 100%;	display: block; margin-top: 20%;}
.textBox img,.logoSection img {max-width: 100%;}
html,body,.loginPage, .loginPage .wrapper,.loginPage > .wrapper form, .mainSection {height: auto !important;}
.loginPage .centerColorBox {
	min-width: unset;
    position: relative;
    right: 0;
    bottom: 0px;
    clear: both;
    width: 100%;
    margin: 0 auto;
}
.footer {line-height: 11px; padding: 30px 10px;}
}
@media screen and (max-width: 350px){
.loginPage .centerColorBox h4 strong {margin-left: 144px;}
}
@media screen and (max-width: 370px){
	.rememberSection, .loginBtn{
		float:none !important;
		width:100%;
	}
	.loginBtn > button{
		width:100%;
	}
}