html,
body {
  height: 100%;
}

body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: 'Roboto', sans-serif; font-weight:400; 
  background:#01286d url(../images/cPanelBg.jpg) no-repeat center -50px; background-size:100% auto;
} 

.form-signin {
  width: 100%;
  max-width: 350px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .checkbox {
  font-weight: 400;
  font-size:12px;
  text-align:left;
}
.form-signin .checkbox input{ float:left; margin:2px 5px 0 0;}
.form-signin .checkbox label{ cursor:pointer;}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 0px;
  font-size: 14px;
  border:none;
  border-bottom:solid 1px #e3e3e3;
  border-radius:0;
  box-shadow:none;
}
.form-signin .form-control:focus {
  z-index: 2;
  box-shadow:none;
  border-color: #80bdff;
}

.signInBlock{ max-width:350px; width:100%; margin:auto; position:absolute; left:0; right:0; top:0; bottom:0; max-height:570px; z-index:1;}
.signIn-logo{ text-align:center; padding:30px 10px 30px;}
.signIn-logo img{ width:180px;}
.signInForm{max-width:370px; width:100%; padding:24px; background:#fff; border-radius:0; min-height:150px; box-shadow: 0 0 10px rgb(8, 39, 80);}
.signIn-title{ font-family: Roboto Slab; font-weight:700; font-size:22px; text-align:left; color:#000; padding-bottom:45px; position:relative; margin-top:-5px;}
.signIn-title::before{position: absolute;z-index: 1;display:block; left:0; top:2px; content: ""; width: 7px;height: 37px;left: -31px; background:#fe0000;}

.signIn-row{ float:left; width:100%; margin-bottom:25px; position:relative;}
.sigInput{ border:solid 1px #e3e3e3; padding:8px 8px;  width:100%; background:#fff!important;}
 
.form-label{ text-align:left;font-size: 11px;color: #aaa;text-transform: uppercase; width:100%; margin-bottom:0;}
.crsStare {color: red;}
button.sign-btn{ border: solid 1px #0b6efd; background:#0b6efd; padding:9px 10px; text-align:center; width:100%; border-radius:0; color:#fff; text-transform:uppercase; font-size:13px;}
button.cancel-btn{ color:#666; background:#fff; border:solid 1px #bbb;}
.terms-use { float:left; width:100%; font-size:12px; color:#fff; }
.links-terms a{ color:#fff; font-weight:500;}
.errorField { border-bottom: 1px solid #ff5863!important;} 








@media screen and (max-width:1024px) { body{background-size:100% 800px;}}