html,
body{width:100%; background: #EBECF0 url(../images/bannerbg.jpg) no-repeat top center;}

body{font-family:'Roboto', sans-serif;}

.full-width{width:100%;}
.login{background-color:#EEE7E0; border-radius:10px; margin-top:15px; overflow:hidden; box-shadow: 0px 0px 10px 3px #999;}
.technology-partner{text-align: center; padding: 10px 15px; background: #fff; font-size: 12px; border-top: solid 5px #dcdcdc;}
.technology-partner h4{color: #cf4042; font-size: 15px; margin: 10px 0px 5px 0px;}
.technology-partner span{font-weight:500;}
.technology-partner img{margin:0px auto;}

.supportedby{padding-bottom:15px; padding-top:15px; font-size:14px;}
.supportedby span{padding-bottom: 5px; display: block;}

.logos{margin: -15px; background: #f1f1f1; overflow:hidden;}
.logos img{margin:0px auto;}


.login-form{padding:15px; background-color:#fff;}
.login-form h3{font-size: 22px; font-weight: 700; padding-top:15px;}
.login-form p{margin-bottom:0px; font-size:15px; padding-top: 25px;}
.mb0{margin-bottom:0px!important;}
.p0{padding:0px!important;}
.pt15{padding-top:15px!important;}
.clearfix{clear:both;}

.login-form .form{padding-top:10px; width:100%; float:left;}
.login-form .form-group{width:100%; float:left; clear:both; margin-bottom: 10px;}
.login-form .form label{line-height:40px; font-size:18px; margin:0px; font-weight:400;}
.mend{color:#cc0000;}
.login-form .form .form-control{background:#fff; border:solid 2px #ccc; color:#000; outline:none; line-height:40px; height:40px; font-size:18px; border-radius:0px; box-shadow:none;}
.login-form .form .btn-primary{background:#007bff; border:none; color:#fff; outline:none; line-height:50px; height:50px; font-size:18px; text-align:center; padding:0px 15px; font-weight:500; border-radius:5px;}

.login-form .form .btn-danger{background:#cf4042; border:none; color:#fff; outline:none; line-height:50px; height:50px; font-size:18px; text-align:center; padding:0px 15px; font-weight:500; border-radius:5px;}

.mt10{margin-top:10px;}

.copyright{text-align:center; padding:10px 0px; font-size:12px;}

a:active:focus,
button:active:focus,
input:active:focus,
a:focus,
button:focus,
input:focus{outline:none;}

a{color: #cf4042;}
a:hover{color: #000;}

  /*---------------------------------------
     RESPONSIVE STYLES              
  -----------------------------------------*/


  @media only screen and (min-width: 992px) and (max-width: 1199px) {
	  .logos img{height:100px;}
  }

  @media screen and (max-width: 991px) {
	.login-form{padding:15px;}
	.login{margin-top:15px; border-radius:10px;}
	.technology-partner{padding: 15px;}
 }