body {
  min-height: 100vh;
  height: 100%;
}

body {
  display: flex;
  align-items: center;
  padding-bottom: 50px;
  background-image: url("../images/login_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /* background-color: #182c4b; */
}


.sign-in{
  position: relative;
  top: 100px;
}
.login-bg{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}
.form-bg{
  background-color: rgba(240, 240, 240, 0.9);
  border-radius: 0px;
  padding: 15px;
}

/* Form setting */
.form-control{
  height: 45px !important;
  border-radius: 0px !important;
  box-shadow: none !important;
}
.form-control:focus{
  box-shadow: none !important;
  border: 1px solid #da2c46 !important;
}
.btnn{
  font-family: "Roboto", serif;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 20px;
  border: 2px solid #fff;
  color: #000 !important;
  border-radius: 30px;
  background: none;
  line-height: 1.33;
  border-color: #da2c46 !important;    
}

.btnn:hover{
  font-family: "Roboto", serif;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 20px;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 30px;
  background: #da2c46;
  line-height: 1.33;
  border-color: #da2c46;    
}

.input-group-text{
  background-color: #ffffff !important;
  color: gray !important;
  border-left: none !important;
}
.form-control[type='password']{
  border-right: none !important;
}
.bi-eye-slash:hover{
  color: #da2c46;
}