@CHARSET "UTF-8";

body {
  padding-bottom: 40px;
  background-color: #eee;
}

@media ( max-width : 768px) {
.loginDiv{

    width:100% !important;

}
	
	}
.loginDiv{
	
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width:900px;
    position: relative;
    top: 200px;
    
}
.form-signin {
	border-radius: 3%;
  max-width: 370px;
  padding: 20px 15px 25px 15px;
  margin: 0 auto;
  background-color: #ffffff;
  /* border:4px solid #ffffff;
  border-radius: 15px; */
  webkit-box-shadow: 10px 10px 5px 0px rgba(217,217,217,1);
  -moz-box-shadow: 10px 10px 5px 0px rgba(217,217,217,1);
  box-shadow: 10px 10px 5px 0px rgba(217,217,217,1);
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin label{
	/* margin: 10px 0px 10px 0px; */
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
	
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
#userId , #password {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding:7px !important;
}

.loginInput{
	    width: 85%;
    margin: 0 auto;
}

.loginBtn{
	background-color: #337ab7;
	color:white;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:15px;
}
.loginBtn:hover{
	color:white;
}