*, html, body{
  margin: 0;
  padding: 0;
}

body {
      padding-top: 40px;
    padding-bottom: 40px;
    background-color: #eee !important;
    min-height: 600px;
}

.form-signin {
  max-width: 330px;
  padding: 0 15px;
  margin: 0 auto;
}
.login-logo img{
  width: 51%;
}

.form-signin .form-signin-heading{
        margin: 20px 0 15px;
    font-size: 21px;
    text-align: center;
    color: #808080;
    text-transform: capitalize;
}
.form-signin .checkbox {
  margin-bottom: 10px;
}
.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;
}
.form-signin input[type="email"], .form-signin input[type="text"] { 
  border-radius: 9rem;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  margin-top: 0.6rem; 
  border-radius: 9rem;
}

.login-wrap{
    width: 100%;
    margin: 40px auto 0;
    padding: 30px 0 33px;
    background: #fff;
    box-shadow: 0px 0px 2px 7px #e4e4e4;
}
.login-wrap .btn-green{
  border-radius: 0;
  background: #00897b;
  color: #fff;

}
.login-wrap .btn-green:hover{
  background: #ff7043;
}
.login-wrap #email-error{
    color: #ff7043;
    font-weight: normal;
    margin: 3px 0 5px;
}
.login-wrap #pwd-error, .login-wrap #email-error{
    color: #ff7043;
    font-weight: normal; 
}
/**Checkbox css**/
/* Customize the label (the container) */
.check-custom{
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 2px;
  margin-top: 25px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #808080;
}
.forgot-custom{
  margin-top: 25px;}
/* Hide the browser's default checkbox */
.check-custom input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
/* Create a custom checkbox */
.check-custom .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border: 1px solid #cccccc;
}
/* On mouse-over, add a grey background color */
.check-custom:hover input ~ .checkmark {
  background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.check-custom input:checked ~ .checkmark {
      background-color: #679782;
    border-color: #679782;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.check-custom input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.check-custom .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/**Checkbox css end**/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
     border: 1px solid #a5a5a5;
    -webkit-text-fill-color: #616161;
    -webkit-box-shadow: 0px 0px 0px 100px #f5f5f5 inset;
    transition: background-color 5000s ease-in-out 0s;
}

.btn, .btn-sm, .btn-lg {
    border-radius: 7rem;
    padding: .2rem .8rem;
}