#loginDiv{
	border-radius: 10px;
	width: 30%;
	background: #5C755E;
	position:absolute;
  top:50%;
  left:50%;
  padding:70px;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  opacity: 0.9;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#logoDiv{
  margin-top: -60%;
}
#logoPic{
  width: 70%; 
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 10px) and (max-width: 900px) {
    #loginDiv{
    	padding:20px;
      width: 70%;
    }
    #logoDiv{
      margin-top: -10px;
    }
    #logoPic{
      width: 100px;
    }
    .btn-group .btn{
      width: 100%;
    }
}
form{
  margin-top: 10%;
}
.input-group{
  margin-bottom: 5%;
  background: grey;
}
.btn-group{
  width: 100%;
}
.btn-group .btn{
  width: 50%;
  background: #A97D5D;
  color: white;
}
.btn-group .btn:hover{
  background: #916A4E;
}
#btnClear:focus{
  outline: none !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.alert{
  display: none;
}
.error-message {
  text-align:center;
  color:#FF0000;
}