.form-signin {
  max-width: 500px;
  width: 100%;
  padding: 50px;
  margin: 0 auto;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
}

.form-signin img {
  height: 70px;
  margin: 0px auto 30px;
}

.form-signin .btn-success {
  margin-top: 15px !important;
height: 50px;
background-color: #049eda;
  border-color: #049eda;
font-weight: 600;
}

.form-signin .btn-success:hover {
background-color: #0482b3;
  border-color: #0482b3;
}

.form-signin .form-control {
  padding: 0px 15px;
  height: 50px;
  box-shadow: none !important;
}

.form-signin-heading {
text-align:center;
margin-bottom: 30px;
}

.form-control {
position: relative;
font-size: 16px;
height: auto;
padding: 10px;
}

input[type="text"] {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

input[type="password"] {
  margin-top: 15px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.colorgraph {
height: 7px;
border-top: 0;
background: #c4e17f;
border-radius: 5px;
background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
#btnSubmit{
  margin-top: 25px;
}

.form-signin .form-control:-webkit-autofill, .form-signin .form-control:-webkit-autofill:hover,  .form-signin .form-control:-webkit-autofill:focus{  -webkit-text-fill-color: #333; transition: background-color 5000s ease-in-out 0s;}
.login-otp-bx { display: flex; flex-flow: wrap; align-items: center; width: 100%;}
.login-otp-bx label{ margin: 0px; width: 100px;}
.login-otp-bx input#otp{ padding: 0px 15px; height: 50px; box-shadow: none !important; border: 1px solid #ccc; border-radius: 4px; color: #555; width: calc(100% - 100px); font-size: 16px;}
.login-otp-bx input#otp:focus{ outline:none;}


@media only screen and (max-width: 639px)
{
.form-signin { max-width:90%; padding: 30px 20px;}

}